@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family: 'Jost'!important; background:#fff!important; font-family:15px!important;color: #000;}
/*body{font-family: 'Jost'!important; background:#F4F5F7!important; font-family:15px!important;color: #000;}*/
/*.walkme-custom-icon-outer-div{top:unset!important; bottom:100px!important; position:fixed!important;}
.walkme-icon-root-Launcher-558891 .walkme-custom-icon-outer-div{top: unset!important; bottom: unset!important; position: absolute!important; display: table; left: -4px!important;}*/

.product_tags, .product_tags_l {margin-top:4px;}
.product_tags span {background: #d9edf7; color: #337ab7; font-size: 11px; padding: 0px 5px 0px 5px; border-radius: 10px; display: inline-block; margin: 2px; font-weight: normal; border-radius: 5px;}
.product_tags_l span {background: #d9edf7; color: #337ab7; font-size: 11px; padding: 0px 5px 0px 5px; border-radius: 10px; display: inline-block; margin: 2px; font-weight: normal; border-radius: 5px;}

.modal-dialog.full-popup{width:98%;}
.modal-dialog.half-popup{width:78%; margin:10px auto!important;}


.navbar-toggle {border: solid 2px #10B981!important; width: 30px; height: 30px; border-radius: 30px;}
.navbar-toggle:before {color: #10B981; margin-left: 2px; line-height: 30px; }
.navbar-toggle .icon-bar {display: none;}
.navbar-toggle:before {content: '\f107'; font-size: 18px; color: #10B981; font-family: FontAwesome!important; font-style: normal; font-weight: normal; text-decoration: inherit; top: -1px; position: absolute; left: 5px;}

/*------------- Location Search ---------------*/
.loc-search{position: relative; width: 100%; display: block; padding: 3px!important; background: #e1e1e1!important; top: -5px;}
.loc-search input{width: 100%; padding: 5px; border: solid 1px #e1e1e1;  background:#fff!important;}
.loc-search input[type=button]{background-color: transparent!important; background: #fff url(../images2021/icon-clear.png) no-repeat center center!important; position: absolute!important; width: 16px!important;; height: 16px!important; right: 11px; top: 11px; background-size: cover; opacity: .3; border: 0px; color: #fff!important; font-size: 1px;}
.loc-search .fa{position: absolute; right: 14px; top: 14px; color: #adb1b5;}
.action_panel .dropdown.advance_options .dropdown-menu .loc-search{background:#fff; width:100%; padding:0px;}
.action_panel .dropdown.advance_options .dropdown-menu .loc-search input{padding: 10px 12px;}
.modal .loc-search{background:#fff; width:100%; padding:0px;}
.modal .loc-search input{padding: 10px 12px; border-radius: 4px}
.modal .loc-search  input[type=button]{padding:0px!important; border-radius:0px!important; top:17px!important}

.customer-retention-report .multiselect-filter, .tip-transfer .multiselect-filter{background: #e1e1e1; padding: 3px!important;}
.customer-retention-report  .multiselect-filter .input-group, .tip-transfer .multiselect-filter .input-group{padding: 0px!important; margin: 0px!important; width:100%!important}
.customer-retention-report .multiselect-filter .input-group-btn, .tip-transfer .multiselect-filter .input-group-btn{position: absolute; right: 9px; top: 9px; width: 16px; height: 16px; outline: unset!important; display: block!important; z-index: 100;}
.customer-retention-report .multiselect-filter .input-group-btn button, .tip-transfer .multiselect-filter .input-group-btn button{padding: 0px; border: 0px; width: 16px; height: 16px; margin: 0px; background: #fff url(../images2021/icon-clear.png) no-repeat center center!important; background-size: cover!important; opacity: .3;}
.customer-retention-report .multiselect-filter .input-group-btn i, .tip-transfer .multiselect-filter .input-group-btn i{display:none!important;}
#show_all_customers{ margin-top: 10px;display: block;border-radius: 6px !important;}

.treeselect_search{width: 100%; background: #e1e1e1; padding: 3px;}
.treeselect_search input{width: 100%; padding: 5px; border: solid 1px #e1e1e1; }
.treeselect_search i{background-color: transparent!important; background: #fff url(../images2021/icon-clear.png) no-repeat center center; position: absolute!important; width: 16px!important;; height: 16px!important; right: 11px; top: 11px; background-size: cover; opacity: .3; border: 0px; color: #fff!important; font-size: 1px;}

.action_panel .dropdown.advance_options .dropdown-menu .loc-search input[type=button]{background-size: contain!important;}

.multiselect-container .input-group{position: relative; width: 100%!important; display: table; padding: 3px!important; background: #e1e1e1; margin:0px;}
.multiselect-container .input-group input{background:#fff;}
.multiselect-container .input-group-btn{position: absolute; right: 9px; top: 12px; width: 16px; height: 16px; outline: unset!important; display: block!important; z-index: 100;}
.multiselect-container .input-group-btn button{padding: 0px; border: 0px; width: 16px; height: 16px; margin: 0px; background: #fff url(../images2021/icon-clear.png) no-repeat center center!important; background-size: cover!important; opacity: .3;}
.multiselect-container .input-group-btn button i{display:none;}

.report-trasactions
/*------------- Location Search ---------------*/


/*select option:checked {background-color: #10B981!important; background: #10B981!important; color:#fff!important}*/
select option:hover {background-color: #10B981!important; background: #10B981!important; color:#fff!important}
.open>.dropdown-toggle.btn-default{color:#000!important;}
.btn-default{background:#fff!important; color:#000!important;}
.blog_responsive h1, h2, h3, h4, h5{font-family: 'Jost'!important;}
.header{border-color:#E5E7EB; display:table; width:100%;}
.navbar-default .navbar-brand{font-weight: 600; font-size: 24px; line-height: 32px; color:#545e6b }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{font-weight: 600; font-size: 24px; line-height: 32px; color: #6d6d6d; }
.header .other_nav .navbar-nav .active .pin-star{color:#10b981 }
.navbar-default .navbar-nav>li>a{color:#6B7280; font-weight: 500; font-size: 14px; line-height: 20px; padding: 10px 0px;}
.header .other_nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#10b981; font-weight: 500; font-size: 14px; line-height: 20px; border-bottom:solid 2px #10b981; padding: 10px 0px;}
.header .other_nav .navbar-nav .active .unpin-star{background:transparent;}
.navbar-nav .actions_items a.dot{border:solid 2px #10B981;}
body textarea::placeholder{font-weight:400; color:#979797 !important}
body input::placeholder{font-weight:400; color:#979797 !important}
.action_panel input::placeholder{font-weight:400;}
.actions_items a.dot:after{color:#10B981;}
.action_panel .calendar {position: relative; width: 215px;}
.action_panel .calendar input{border: 1px solid #D1D5DB; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; color:#374151; font-weight: 500;}
.action_panel{border:0px;padding: 5px 0px !important;}
.action_panel a[type=button]{color: #fff; background-color: #10B981; border-color: #10B981; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px!important; font-weight: 500;}
/*.action_panel a[type=button]:hover, a[type=button]:focus {color: #fff;background-color: #10B981;border-color: #DC2626;}*/
.action_panel .filter{color: #fff; background-color: #10B981; border-color: #10B981; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px; font-weight: 500; padding: 10px!important;}
.action_panel .filter:hover, .action_panel .filter:focus {color: #fff;background-color: #10B981;border-color: #DC2626;}
.action_panel button{color: #fff; background-color: #10B981; border-color: #10B981; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px; font-weight: 500;}
.action_panel .dropdown .btn {border-radius: 6px;}
.action_panel button:hover, a[type=button]:focus {color: #fff;background-color: #10B981;border-color: #10B981;}
.btn-primary{color: #fff!important; background-color: #10B981!important; background: #10B981!important; border-color: #10B981!important; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px; font-weight: 500; }
.btn-primary:hover, .btn-primary:focus {color: #fff!important;background-color: #10B981; background: #10B981;border-color: #10B981;}
.btn-danger {color: #fff!important; background-color: #d9534f !important; border-color: #d43f3a!important;}
.data_panel .btn-primary{color: #fff!important; background-color: #10B981; background: #10B981; border-color: #10B981; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px; font-weight: 500;}
.data_panel .btn-primary:hover, .data_panel .btn-primary:focus {color: #fff!important;background-color: #10B981; background: #10B981;border-color: #10B981;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background:#f0f1f2!important; color:#000;}
.action_panel .actions_items a.dot:after {content: '\f107'; color: #10b981;}
.action_panel .actions_items a.dot{color: #10B981; border: solid 2px #10B981; padding: 3px 5px 0px 5px; border-radius: 6px; width: 30px; line-height: 25px;}
.action_panel .dropdown-toggle i{top:9px;}
.action_panel .dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus{border: 1px solid #D1D5DB!important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05)!important; border-radius: 6px; color:#374151!important; background-color: #fff!important;}
.ui-widget.ui-widget-content{z-index:1002;}
.action_panel .search input{background:#fff;}
.action_panel .search i{z-index:1;}
.action_panel .search input::placeholder{color:#000; font-weight:400;}
.action_panel .margin_right_10 {margin-right: 5px;}
.action-icon a{color:#10B981!important;}
.action-icon i{color:#10B981!important;}
.data_panel ul .actions_items a.dot{width: 25px; height: 25px; padding-top: 3px;margin-bottom: 0px;}
.data_panel ul:hover .actions_items a.dot{width: 25px; height: 25px; padding-top: 3px;margin-bottom: 0px;}
.add_button{background:#10b981!important; border-radius: 40px!important; font-size: 24px!important; font-weight: 300!important; color:#fff!important; font-weight:300!important; line-height:30px;}
.data_panel_wrapper .dropdown-menu li{padding-left:0px!important;}
.data_panel_wrapper{border: 1px solid #E5E7EB; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%); border-radius: 8px; background: #fff; margin-top: 10px; margin-bottom:10px;}
.data_panel_wrapper .data_panel_wrapper{margin-top: 0px; margin-bottom: 0px;}
.data_panel_wrapper .table_header {background:#F9FAFB; border-bottom: 2px solid#E5E7EB; border-radius: 8px 8px 0 0;z-index: 1;}
.data_panel_wrapper .more_than_10 .table_header ul{background:#F9FAFB;}
.data_panel_wrapper .table_header li {font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #6B7280; padding: 12px 24px;}
.data_panel_wrapper #order_report_header_container{text-transform: uppercase;}
.data_panel_wrapper .table_header .dropdown-menu li a{text-transform: capitalize!important;}
.data_panel_wrapper .table_header .open>.dropdown-menu a{text-transform: capitalize!important;}
.data_panel_wrapper li {font-size: 14px; line-height: 20px; color: #6B7280; padding: 12px 24px;}
/*.data_panel_wrapper .data_panel ul{border:0px;}
.data_panel_wrapper .data_panel ul:nth-child(odd){background:#fff}
.data_panel_wrapper .data_panel ul:nth-child(odd) li{background:#fff}
.data_panel_wrapper .data_panel ul:nth-child(even){background:#F9FAFB}
.data_panel_wrapper .data_panel ul:nth-child(even) li{background:#F9FAFB}*/
.data_panel_wrapper .data_panel ul.stripstyle_open{background:#c8dfb0!important}
.data_panel_wrapper .data_panel ul.stripstyle_deleted{background:#d2d2c0!important}
.data_panel_wrapper .data_panel li{color: #111827; font-weight: 500;}
/*.printer_settings .remove_flex .data_panel_wrapper {overflow: auto !important;height: 66vh !important;flex: 1 1 auto;display: flex;-webkit-flex-flow: column;flex-flow: column;}
.printer_settings .remove_flex .printer_assigned {overflow: auto !important;height: 100%;flex: 1 1 auto;display: flex;-webkit-flex-flow: column;flex-flow: column;}
.printer_settings .data_panel#categorylist{overflow: auto !important;height: 200px !important;}*/
/*.data_panel_wrapper .more_than_10 li:nth-child(8){width:150px;}
.data_panel_wrapper .data_panel li:first-child {padding-left: 24px;}*/
.data_panel{top: 40px; border-radius: 0 0 8px 8px;}
.pagination_container {background: none;border-top: solid 0px #adb1b5;} 
.side-nav-small .name-detail .dropdown-menu .owner-info a{color: #10b981;}
.side-nav-small .name-detail .dropdown-menu .owner-info a:hover{background: #e1e1e1;}
.side-navigation .top-info-panel .personal-settings .dropdown-menu .owner-info a{color: #10b981;}
.advance_options .main_div{width:96%; margin:0 auto;}
/*.margin_top_2 {margin-top: -32px !important;}*/
.selctphonenumber{border: solid 2px #10B981; color: #10B981}
.customer_management .data_panel .check_box{padding-left: 0px;}
.customer_management .table_header .check_box{padding-left: 0px;}

/*---Common input text color---*/
.form-control{color: #000;}
.form-control::placeholder{color: #000;}
.data_panel li .actions_items a.dot:after {color: #939191;}
.field input{color: #000;}
.checkbox .cr .cr-icon, .radio .cr .cr-icon{color: #000;}
.btn-default {color: #000!important;}
input {color: #000!important;}
/*---Common input text color---*/ 

/*---Common normal Font---*/

.label-weight-normal{ font-weight: 400!important; padding: 10px !important; font-size: 14px!important; cursor: unset !important; color: #000;}
#dis_product_list .item label {font-weight: 400; padding: 10px !important;;white-space: normal;font-size: 16px;}
#dis_product_list .item label input[type=checkbox]{width: 16px;height: 16px;margin-right: 10px;position: relative;top: 4px;}
/*---Common normal Font---*/

.data_panel_wrapper .data_panel li:first-child {padding-left: 25px!important;}

.switch .toggle.btn{min-width: 59px; min-height: 34px;}
.switch .toggle-on.btn{padding-right: 24px; font-size: 14px; font-weight: 500;} 

.forsort{cursor:pointer!important;}
.sortUpDownArrow{color:#D1D5DB; cursor:pointer;}
.header .other_nav .navbar-nav .active .unpin-star{top:9px}
.dropdown-menu>li>a{font-weight:500;}
.btn-default:active:hover{border-color: #10b981;}

.checkbox .cr {border: 1px solid #000!important; border-radius:4px; width: 16px; height: 16px;}
.checkbox label{font-weight: 400;color: #000;}
input:checked + .slider{background-color: #10B981!important;}

.action_panel h4{font-weight: 600; font-size: 24px; line-height: 32px; color:#545e6b; }
body .page_action_bar .btn-primary{color: #DC2626; background-color: #10B981 !important; border-color: #10B981; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px; font-weight: 500; outline:unset!important}
.page_action_bar .btn-primary:hover, a.btn-primary:focus {color: #fff;background-color: #10B981;border-color: #DC2626;}
.field .dropdown-toggle{background-color:#fff!important;}
.table_header .actions_items a.dot{position: relative;top: 4px;left: 4px; line-height: 20px;}


.toggle-on.btn-primary{background-color: #10B981; border-color: #DC2626; color:#fff!important}
/*.toggle-on.btn-primary:hover, .toggle-on.btn-primary:focus{background-color: #10B981; border-color: #10B981; color:#fff!important}*/
.toggle.btn-primary{background-color: #10B981; border-color: #DC2626;}
.toggle.btn-primary:hover, .toggle.btn-primary:hover{background-color: #10B981; border-color: #10B981; color:#DC2626!important}
.modal-title{font-weight: 400; font-size: 20px; line-height: 32px; color: #000;}

.multiselect-container li .radio {font-size: 14px; font-weight: 400; color: #000;}
.open>.dropdown-menu{max-height:285px;}
input:focus {border: solid 1px #10B981!important;}
textarea:focus {border: solid 1px #10B981!important;box-shadow: 0px 0px 0px 0px #fff!important;} 

/*--------- Modal Box -------------*/
.modal-header{padding:12px 24px!important; background:transparent!important; border:0px!important;}
.modal-header h4{font-size: 18px!important; font-weight: 500!important;}
.modal-footer .btn{font-size: 14px!important;}
.modal-footer .btn-primary{color: #fff!important; background-color: #10B981!important; background: #10B981!important; border-color: #10B981!important; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px!important; font-weight: 500; outline: unset;}
/*.modal-footer .btn-primary:hover, .modal-footer .btn-primary:focus {color: #fff!important;background-color: #DC2626!important; background: #DC2626!important; border-color: #DC2626!important; }*/
.modal-footer>.active>a, .modal-footer>.active>a:focus{background:#DC2626!important; color:#000;}
.modal-content{border-radius:8px;}
.modal-header{border-radius: 20px 20px 0px 0px; background:#F9FAFB; padding: 8px 15px;}
.modal-header h4{font-size: 20px; font-weight: 400; text-align: left;}
.modal-header .close{top: 4px; background: transparent!important; box-shadow: unset; color: #000!important; opacity:1}
.modal-footer{border-radius: 0px 0px 20px 20px;}
.modal-body .tabuler_data{border: 1px solid #E5E7EB; border-radius: 8px; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);}
.modal-body .tabuler_data .heading{background: #F9FAFB; border-bottom: 2px solid#E5E7EB padding: 0px; font-weight: 500; line-height: 31px; color:#6B7280}
.modal-body .tabuler_data .heading li {font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #6B7280; padding: 12px 24px;}
.modal-body .tabuler_data ul{border:0px;}
.modal-body .tabuler_data ul:nth-child(even) {background: #F9FAFB;}
.modal-body .tabuler_data li{font-size: 14px; line-height: 20px; color: #111827; padding: 12px 24px; font-weight: 500;}
.modal-body .form .title{background:#F9FAFB;}
.modal-footer .btn-default{border-color:#ccc!important; color: #10B981!important;}
/*--------- Modal Box -------------*/

/*-----Calendar-----*/
.ranges li.active {background-color: #10b981;border: 1px solid #10b981;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #10b981 !important;border-radius: 0px; color: #fff !important;}
.ranges li:hover {background-color: #10b981; border: 1px solid #10b981;color: #fff;}
.ranges li{color: #000;}
.btn-success {color: #fff;background-color: #10b981;border-color: #10b981;}
.daterangepicker .input-mini{color: #000;}
.daterangepicker td.slotAvailable {background-color: #d9f8f8;font-weight: normal;}
.daterangepicker .calendar td{border: solid 2px #fff !important;}
.daterangepicker td{border-radius: 0px;}

/*-----Calendar-----*/


/*---Page---*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #10b981;border-color: #10b981;}
.pagination>li>a, .pagination>li>span{color:#10b981}
/*---Page---*/

/*======Dashboard=====*/
.home_page .graph_panel{ width:100%;margin-bottom: 16px;}
.home_page .graph_panel .col-sm-4 {padding: 20px;padding-top: 30px;}
.home_page .graph_panel .col-sm-4 p{padding: 5px; position:relative;}
.home_page .graph_panel .col-sm-4 .frm-stuff{color: #6B7280;font-style: normal;font-weight: 500;font-size: 14px;line-height: 20px;}
.home_page .graph_panel .col-sm-4 .up-trend{ position: absolute; right:10px; top: 14px; padding: 1px 12px; background: #D1FAE5;border-radius: 12px;font-family: Jost;font-style: normal;font-weight: 500;font-size: 14px;line-height: 20px; color: #065F46; text-align:center;}
.home_page .graph_panel .col-sm-4 .dw-trend{ position: absolute; right:10px; top: 14px; padding: 1px 12px; background: #FEE2E2;border-radius: 12px;font-family: Jost;font-style: normal;font-weight: 500;font-size: 14px;line-height: 20px;color: #991B1B;text-align:center;}
.home_page .graph_panel .col-sm-4 p .fa{font-size: 11px;position: relative;top: -1px;}
.home_page .header{border-bottom: 0px solid #E5E7EB;}
.home_page .remove_flex .data_panel {padding: 0px 0px!important;}
.home_page .data_panel_wrapper {background: transparent;border: 0px solid #E5E7EB;box-sizing: border-box;box-shadow: 0px 0px 0px rgb(0 0 0 / 10%), 0px 0px 0px rgb(0 0 0 / 6%);border-radius: 8px;z-index: 1;}
.home_page .this_week{color: #6B7280;text-transform: uppercase;font-size: 12px;font-weight: 500;}
.home_page .last_week{color: #6B7280;text-transform: uppercase;font-size: 12px;font-weight: 500;}
.home_page .previous_week{color: #6B7280;text-transform: uppercase;font-size: 12px;font-weight: 500;}
.home_page .trend_td{color: #6B7280;text-transform: uppercase;font-size: 12px;font-weight: 500;}
.home_page .dashboard_box .inner_dashboard_box .box_heading a {color: #111827;font-size: 18px;font-weight: 500;}
.home_page .data_panel li{padding: 14px 2px;}
.home_page .dashboard_box .inner_dashboard_box {box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);border-radius: 8px; border: solid 1px #f2f2f2;}
.home_page .box_height{padding: 0px;}
.home_page .white_box ul:first-child{background: #F9FAFB;}
.home_page .header .other_nav .navbar-header{ color:#545e6b;}
.home_page .navbar button.extra_class{border: solid 1px #D1D5DB;background-color: #fff !important;font-weight: 500;color: #374151;}
.home_page .navbar button.view-toggle{color: #fff !important;background-color: #10B981 !important;border: solid 1px #10B981!important;box-shadow: 0px 1px 2px rgb(0 0 0 / 5%);border-radius: 6px;font-size: 14px;font-weight: 500;padding: 10px 12px 5px 12px;}
.home_page .navbar button.view-toggle:hover{color: #fff !important;}

.home_page .dashboard_box .inner_dashboard_box:hover .popout {background: #E5E7EB;height: 30px;width: 30px;border-radius: 30px;top: 16px;text-align: center;padding-top: 5px;}
.home_page .data_panel li{font-weight: 400;color: #6B7280;}
.home_page .data_panel ul li:first-child{color: #111827;padding: 10px;}
.hm-date{color: #6B7280;}
.home_page .data_panel li.trend span{background: #D1FAE5;padding: 3px 14px;border-radius: 13px;color: #065F46;}
.form_head {font-weight: 600;font-size: 24px;line-height: 32px;color: #DC2626;}
.home_page .hm-sub-text{margin-top:0px;}

.about-sv-update{font-family: jost;float: unset;padding: 8px 15px;border-radius: 6px;box-shadow: 0px 1px 2px rgb(0 0 0 / 5%);background: #fff;text-align: left;margin: 0px auto;position: relative;margin-bottom: 12px;max-width: 560px;margin-top: 15px !important;width: 97%;border: solid 1px #cdfaeb;}
.about-sv-update span{ float:left; margin-right:20px;}
.sv-update-btn a{background: #08a454;color: #fff;padding: 7px 12px;border-radius: 5px;font-size: 14px;font-weight: 400;position: relative;top: 12px;pointer-events: none;}
.sv-update-btn{margin-right: 0 !important;width: 120px;}
.sv-update-icon{margin-top: 8px;}
.sv-update-icon img{width: 26px;}
.sv-upadte-txt{color: #0f1a14;font-size: 14px;}
.home_page .multiselect-container li .checkbox input[type=checkbox]{height: 17px !important;width: 17px !important;accent-color: #fff;position: relative;top: 5px;margin-right: 4px;}
.home_page .multiselect-container li .checkbox{color: #000 !important; margin-left: 6px;padding-left: 15px!important;padding-right: 0px !important;margin-bottom: 5px;}
.home_page .categories.pull-right.margin_right_10{width: 170px;}
.home_page .categories.pull-right.margin_right_10 .multiselect.dropdown-toggle btn.btn-default{padding-right: 30px;}
.home_page .categories.pull-right.margin_right_10 .multiselect.dropdown-toggle btn.btn-default i{position: absolute; right: 11px; top: 15px;}

.home_page .categories.pull-right.margin_right_10{margin-top:10px!important; margin-right:0px!important}

/*======Dashboard=====*/

/*--- Product-services---*/
.p-services .action_panel .filter{color: #fff !important;}
.ml_add_product .margin_top_2{margin-top: 0px !important; top: 6px!important;}
.p-services .data_panel_wrapper .table_header li:first-child{width: 85px;}
.p-services .data_panel_wrapper .table_header li .checkbox{margin-top:2px;}
.p-services .data_panel_wrapper .data_panel li:first-child{padding-left: 40px!important;}
.p-services .data_panel_wrapper .data_panel .dropdown-menu li{padding: 0px!important;}
.row #open_popup_add_product .btn-primary {background-color: #10b981 !important;border-color: #10b981 !important;}
#modifie_list a{color: #10b981 !important;}
.data_panel_wrapper #selted_product_display li {padding: 12px 0px; margin-left: 10px;}
.product_display_info .pc_view{background: #fff;margin: 0px;    margin-left: 5px;}
.product_display_info{padding: 10px 0px;}
.product_display_info .pc_view a{color: #10b981;}
.conversion_unit .header li{color: #32373c;}
.action_panel .dropdown-toggle{font-weight: 500;}
.overflow-unset{ overflow: unset !important;}

.color_management .table_header li {padding: 7px 8px!important;}
.color_panel .checkbox .cr {margin-top: 0px;}
.color_management .table_header .change-color-icon{top: 12px;}
.color_management .data_panel_wrapper .data_panel li:first-child {padding-left: 8px!important;}

.manage_categories .data_panel_wrapper li{width:100%;}

.select_comp_heading{padding:5px;}
.select_comp_right .table_header{border-radius:0px;}
.select_comp_right .data_panel{border-radius:0px;}
.select_comp_right .no_product_in_modifier li:first-child{width:1px;}
.select_comp_right .no_product_in_modifier li:last-child{width: 96%; text-align: center;}

.p-services .action_panel .dropdown-toggle{width:135px;}
.p-services .action_panel .margin_riight_5{margin-right:3px!important; margin-left:0px!important}
.inner_panel  .action_panel .clear-filters-btn{line-height: 14px !important;margin-top: 5px;margin-left: 2px;background: none !important;box-shadow: unset !important;color: #000;text-decoration: underline;}


.product_services .data_panel_wrapper .table_header li:first-child{width: 80px!important; padding-right: 0px;}
.product_services .data_panel_wrapper .table_header li{width: 200px!important;}
.product_services .data_panel_wrapper .table_header .proname_list_head{width: auto!important;}
.product_services .data_panel_wrapper .table_header li:last-child{width: 105px!important;}
.product_services .data_panel_wrapper .table_header li:last-child .btn-sm{padding: 4px; margin:2px;}
.product_services .data_panel_wrapper .table_header .id_head{width: 100px!important;}
.product_services .data_panel_wrapper .table_header li .dropdown-menu.action_list li:first-child{width:100%!important;}
.product_services .data_panel_wrapper .data_panel li:first-child{width: 80px!important; padding-right: 0px;}
.product_services .data_panel_wrapper .data_panel li{width: 200px!important;}
.product_services .data_panel_wrapper .data_panel .proname_list{width: auto!important;}
.product_services .data_panel_wrapper .data_panel li:last-child{width: 105px!important;}
.product_services .data_panel_wrapper .data_panel .id_head{width: 100px!important;}

.markup-cal{display: grid; grid-template-columns: 44% 56%; width: 395px; align-items: center; margin-top:15px;}
.markup-cal label{margin:0px;}
.markup-cal .toggle-wrapper {display: flex; border: 2px solid #10B981; border-radius: 5px; overflow: hidden; width: 220px; cursor: pointer; position: relative; background-color: #fff;}
.markup-cal .toggle-wrapper input[type="radio"] {display: none;}
.markup-cal .toggle-label {flex: 1; text-align: center; padding: 5px 0; transition: background-color 0.3s, color 0.3s; z-index: 2; position: relative; margin:0px; font-weight:400; cursor:pointer}
.markup-cal .toggle-slider {position: absolute; top: 0; bottom: 0; width: 50%; background-color: #10B981; border-radius: 0px; transition: left 0.3s; z-index: 1;}
.markup-cal #retail:checked ~ .toggle-slider {left: 0%;}
.markup-cal #wholesale:checked ~ .toggle-slider {left: 50%;}
.markup-cal #retail:checked ~ label[for="retail"], #wholesale:checked ~ label[for="wholesale"] {color: #fff; font-weight: 500; }

/*--- Product-servicess*/

/*--- profitability ----*/
.set_inventory_page .table_header li:first-child {width: 41px!important; padding: 12px 6px 12px 25px;}
.set_inventory_page .check_box{padding: 12px 5px;}
.set_inventory_page .data_panel_wrapper li:nth-child(7), .set_inventory_page .data_panel_wrapper li:nth-child(8){width:220px;}
.set_inventory_page .data_panel_wrapper .modifier-product-right-side-detail-price .pull-left{float:unset!important; display:inline-block!important;}
.set_inventory_page .data_panel li input::placeholder{font-weight:400;}
.po-list-search{ clear:both; top:10px;}
#prod_select_all{padding-left: 6px;padding-bottom: 6px;display: block;color: #000;text-decoration: underline;}
.delete-po-product ul{border-bottom: solid 1px #caaea5 !important;}
.view-purchase-list-po .data_panel li {padding: 9px 24px;}
.view-purchase-list-po .delete-po-produc li{padding: 9px 24px !important;}
.errors-pro-list{font-size: 13px;font-weight: 500;}
#show_hide_profit_margin a {height: auto;padding: 9px !important;width: auto;font-size: 14px;margin-left: 5px;background-color: #10B981!important;color: #fff!important; width: 34px!important;}
.clicktoview{cursor: pointer;}
.order_list_page .data_panel_wrapper ul{padding-left:0px!important;}
.order_list_page .data_panel_wrapper li{width:172px;}
.order_list_page .multiselect-container .input-group{width: 100%; margin: 0px; padding: 5px;}
.order_list_page .multiselect-container .input-group input{width:100%;}
#view_all{background: #10b981!important; color: #fff!important;font-size: 12px;padding: 11px 8px;}
.search-grnbtn{background: #10b981!important; color: #fff!important;font-size: 12px;padding: 11px 8px !important;}
.order_list_page .action_panel .margin_right_10 {margin-right: 3px!important;}
.order_list_page .action_panel .margin_right_5 {margin-right: 3px!important;}
.order_list_page .action_panel .search_by .dropdown-toggle {overflow: hidden;text-overflow: ellipsis;padding-right: 20px!important;border-radius: 4px 0px 0px 4px;}
.order_list_page .action_panel .search_by input {border: solid 1px #dcdcdc;padding: 4.5px 5px 4px 5px;color: #000;font-weight: 400;width: 250px;}

/*---Manage Inventory Col width----*/
.set_inventory_page .data_panel_wrapper li.si_sh_c1{ width: 81px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c2{ width: 110px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c3{ width: 150px !important; position:relative;}
.set_inventory_page .table_header .global-count{color: #10B981; display: table; font-size: 9px; text-align: center; width: 100%;}
.set_inventory_page .data_panel_wrapper li.si_sh_c3 .sortUpDownArrow{position: absolute; right: 7px; top: 50%; margin-top: -7px;}
.set_inventory_page .data_panel_wrapper li.si_sh_c3 .sortUpArrow{position: absolute; right: 7px; top: 50%; margin-top: -7px;}
.set_inventory_page .data_panel_wrapper li.si_sh_c3 .sortDownArrow{position: absolute; right: 7px; top: 50%; margin-top: -7px;}
.set_inventory_page .data_panel_wrapper li.si_sh_c4{ width: 110px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c5{ width: 88px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c6{ width: 90px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c10{ width: 110px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c11{ width: 92px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c12{ width: 78px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c13{ width: 80px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c19{ width: 90px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c20{ width: 90px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c21{ width: 70px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c22{ width: 74px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c23{ width: 70px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c24{ width: 60px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c25{ width: 82px !important;}
.set_inventory_page .data_panel_wrapper li.si_sh_c26{ width: 107px !important; position: relative;}
.set_inventory_page .data_panel_wrapper li.si_sh_c27{ width: 150px !important;}
.set_inventory_page .data_panel_wrapper .more_than_10 .table_header li{font-size: 10px !important;font-weight: 600 !important;}
.set_inventory_page .data_panel_wrapper li{padding: 12px 2px !important;}
.set_inventory_page .data_panel_wrapper li .multiselect-container li{padding:0px!important; position:relative!important; width:100%!important}
.set_inventory_page .data_panel_wrapper li .multiselect-container li:nth-child(4){padding:0px!important; position:relative!important; width:100%!important; left: 0px !important;}
.set_inventory_page .data_panel_wrapper li .multiselect-container li .checkbox input[type=checkbox]{width:auto!important;}
.set_inventory_page .data_panel_wrapper .table_header li{padding: 12px 2px !important;}
.set_inventory_page .data_panel .inventory_list_row li input {width: 80% !important;}
.set_inventory_page .data_panel .check_box.cls-aisle-shelf{ text-align: left !important;}
.set_inventory_page .data_panel_wrapper .more_than_10 li:nth-child(4){left: 120px !important; width: 120px !important;}
.set_inventory_page .data_panel_wrapper .more_than_10 li a.pum_unit{ width: 100%; font-size: 12px;}
.set_inventory_page .data_panel_wrapper .more_than_10 li.p_unit a{font-size: 12px;}
.set_inventory_page .data_panel_wrapper .more_than_10 li.si_sh_c10 .btn{font-size: 12px;width: 105px;}
.data_panel_wrapper .inventory_list_row li{font-size: 12px;}
.set_inventory_page .table_header .actions_items a.dot {top: -1px !important; left: 7px;}
.set_inventory_page .data_panel_wrapper li.si_sh_c26 span{position: absolute; width: 40px; right: 23px; top: 50%; font-size: 10px; margin-top: -9px; line-height: 10px; text-align: right; height: 20px; align-content: center;}
.set_inventory_page .data_panel_wrapper li.si_sh_c26 input{padding-right: 40px !important;}
.set_inventory_page .row-area .open>.dropdown-menu{width: 126px;min-width: unset;}

/*---Manage Inventory Col width----*/

.tax-exempt-note{background: #d8e9f8;padding: 0px 5px;font-size: 10px;font-weight: 500;margin-left: 23px;display: inline-block;border-radius: 10px;border: solid 1px #83b3dd;color: #067de5;}
.tax-exmpt-as-note{background: none !important;font-size: 12px;margin-left: 23px;display: inline-block;border-radius: 0px;border: solid 0px #83b3dd !important;color: #000 !important;}
 #order_customer_list_div .checkbox .cr{position: relative !important;top: 3px !important;}

.inventory_adjustment_page .data_panel_wrapper li:nth-child(3){width:200px;}
.inventory_transfer_page .data_panel_wrapper li{width:135px;}
.inventory_transfer_page .data_panel_wrapper li:first-child{width:200px;}
.inventory_transfer_page .data_panel_wrapper li:nth-child(5){width:200px;}
.inventory_transfer_page .data_panel_wrapper li:nth-child(6){width:200px;}
.inventory_transfer_page .action_panel .checkbox label{font-weight: 500;}
.set_inventory_page .inv-final-retail-price{width:205px !important;}
.view-purchase-list-po .table_header li{width: 200px !important;}
.view-purchase-list-po .data_panel li{width: 200px !important;}
.view-purchase-list-po .view_po_more_10 li {width: 155px !important;}
.view-order-page .form_area{background: #ededed; border-radius: 6px;}
.view-order-page .form_area .title{padding: 5px 10px !important;}
.view-purchase-list-po .view_po_more_10 .table_header li:first-child{width: 220px !important;}
.view-purchase-list-po .view_po_more_10 .data_panel li:first-child{width: 220px !important;}
.view-purchase-list-po .view_po_more_10 .table_header li:last-child{width: 50px !important; padding:12px;}
.view-purchase-list-po .view_po_more_10 .data_panel li:last-child{width: 50px !important; padding:12px;}
.view-purchase-list-po .view_po_more_10 .data_panel li .actions_items .dropdown-menu li:last-child{width:100%!important;}
.view-purchase-list-po .view_po_more_10 #component_list{min-height: 165px; max-height: 400px;}
.view-order-page .view_po_more_10 .vo_sh_c1{width:200px!important;}
.view-order-page .view_po_more_10 .vo_sh_c8{width:150px!important;}
.view-order-page .view_po_more_10 .vo_sh_c9{width:200px!important;}
.view-order-page .view_po_more_10 .vo_sh_c4{width:165px!important;}
.add_purchase_page #tag_group_main_div .tag_group .bts_dropdown button{ width: 100%; text-align: left !important; text-overflow: ellipsis;overflow: hidden;}
.add_purchase_page #tag_group_main_div .tag_group .bts_dropdown button i.fa{position: absolute;right: 7px;top: 9px;}
.add_purchase_page #tag_group_main_div .tag_group .bts_dropdown ul.dropdown-menu li{    margin-bottom: 5px;margin-top: 5px;}
.add_purchase_page #sel_pro_clear_filter{padding-left: 12px; padding-top: 12px;color: #000; text-decoration: underline;}
.bdg-uti-wrapper{background: #fffbde;border: solid 1px #e1d6b3;padding: 6px;border-radius: 3px;width: fit-content;}
.bdg-uti-wrapper span{font-size: 13px;font-weight: 700;}
.bdg-uti-wrapper a{color: #10B981;text-decoration: underline;margin-left: 20px;}
.bdg-uti-wrapper label{margin-bottom: 0px;}

/*--Settings---*/
.data_panel_wrapper.map-pm-customer .table_header li:first-child{width: 75px;padding: 12px 12px;}
.data_panel_wrapper.map-pm-customer .table_header .actions_items a.dot{top: 0px;left: -4px;}
.data_panel_wrapper.map-pm-customer .data_panel li:first-child{width: 75px;}
/*--Settings---*/

/*--Auto PO--*/
.set-poauto-rule-page .automated_po_settings .multiselect.dropdown-toggle { width: 99%;}
.set-poauto-rule-page .automated_po_settings .modifier_list_scroll .col_1{margin-top: 5px;}
.check-all-po-list .top_left_info{left: -15px;top: 5px;}
.check-all-po-list .actions_items{left: -15px;top: 0px;}
/*#errors{width: 100%;max-width: 700px;margin: 0px auto;margin-top: 5%;padding: 20px 20px !important;background: #faf4f4;border-radius: 15px;font-size: 18px !important;}
#errors .msg-wrapper{width:100%; display:table;}
#errors .msg-wrapper .error-po-icon{width:80px; margin:0 auto; float:left; padding-right:20px;}
#errors .msg-wrapper .error-po-icon img{width:100%; height:auto; margin:0 auto;}
#errors .msg-wrapper .access-restricted-icon{width:80px; margin:0 auto; float:left; padding-right:20px;}
#errors .msg-wrapper .access-restricted-icon img{width:100%; height:auto; margin:0 auto;}
#errors .msg-wrapper .sucess-po-icon{width:80px; margin:0 auto; float:left; padding-right:20px;}
#errors .msg-wrapper .sucess-po-icon img{width:100%; height:auto; margin:0 auto;}
.text-success .msg-wrapper .sucess-po-icon{width:80px; margin:0 auto; float:left; padding-right:20px;}
.text-success .msg-wrapper .sucess-po-icon img{width:100%; height:auto; margin:0 auto;}
.text-success .msg-wrapper .msg{position: relative; font-weight:500; margin: 0px; top: unset; right: unset; font-size: 15px; float:left; width: calc(100% - 120px); text-align:left;}
#errors .msg-wrapper .msg{position: relative; font-weight:500; margin: 0px; top: unset; right: unset; font-size: 15px; float:left; width: calc(100% - 120px); text-align:left;}
#errors .po-error{margin-top: 35px; font-size: 15px; text-align: left; display: table; clear: both; margin-top: 15px; border: solid 1px #a94442; border-radius: 5px;    padding: 25px 10px 10px 10px; position:relative; margin-bottom:25px;}
#errors .po-error span{position:absolute; background: #fff; padding: 2px 10px; font-weight: 600; border-radius: 5px; border: solid 1px #a94442; display: table; margin-top: -41px;}
#errors .last-msg{font-size:15px;}*/
/*.bg-info{width: 100%;max-width: 700px;margin: 0px auto;margin-top: 5%;padding: 20px 20px !important;border-radius: 15px;font-size: 18px !important;}
.access-restricted-icon{margin: 0px 0px;}
.access-restricted-icon img{width:90px; margin: 20px;}
.text-success{width: 100%;max-width: 700px;margin: 0px auto;margin-top: 5%;padding: 20px 20px !important;background: #dff0d8;border-radius: 15px;line-height: 26px;font-size: 18px !important;}
.sucess-po-icon{margin: 0px 0px;}
.sucess-po-icon img{width:90px; margin: 20px;}

.error-po-icon{margin: 0px 0px;}
.error-po-icon img{width:90px; margin: 20px;}

.po-approval-loader{text-align: center;padding-top: 20px;font-size: 22px;width: 700px;margin: 0px auto;border-radius: 15px;}
.po-approval-loader img{width: 200px;}*/

.msg-wrapper{width: 700px;margin: 0px auto;padding: 20px 20px !important;border-radius: 15px;font-size: 18px !important; display: grid; grid-template-columns: 18% 82%;}
.msg-wrapper .access-restricted-icon, .msg-wrapper .sucess-po-icon, .msg-wrapper .error-po-icon{width:80px; margin:0 auto;}
.msg-wrapper .access-restricted-icon img, .msg-wrapper .sucess-po-icon img, .msg-wrapper .error-po-icon img{width:100%; height:auto; margin:0 auto;}
.msg-wrapper .msg{position: relative; font-weight:500; margin: 0px; top: unset; right: unset; font-size: 15px; float:left; width: 100%; text-align:left;}
.msg-wrapper a{display: table; font-size: 13px; background: #fff; padding: 5px 15px; border-radius: 5px; float: right; margin-top: 45px; color: #000; font-weight: 500; text-decoration:none}
.msg-wrapper .msg .po-error{margin-top: 35px; font-size: 15px; text-align: left; display: table; clear: both; margin-top: 25px; border: solid 1px #a94442; border-radius: 5px;    padding: 25px 10px 10px 10px; position:relative; margin-bottom:15px;  width: 100%;}
.msg-wrapper .msg .po-error span{position:absolute; background: #fff; padding: 2px 10px; font-weight: 600; border-radius: 5px; border: solid 1px #a94442; display: table; margin-top: -41px;}
.sucess-msg.msg-wrapper{background-color: #dff0d8; color: #3c763d;}
.info-msg.msg-wrapper{background-color: #d9edf7; color: #31708f;}
.error-msg.msg-wrapper{background-color: #f2dede; color: #a94442;}
.po-cta{margin: 15px auto; font-size: 20px; text-decoration: underline; font-weight: 500;}


.error-message{max-width: 720px; margin: 0 auto; padding: 10px; padding-left:40px; position:relative; font-size: 17px; color: #a94442; background-color: #f2dede; border-radius:5px;}
.error-message:before{content: '\f129'; font-family: FontAwesome; position: absolute; left: 9px;  top: 10px; font-size: 13px; border: solid 1px #a94442; border-radius: 100px; width: 20px; height: 20px; text-align: center; padding: 1px;}
.error-message a{background: #fff; padding: 6px 15px; margin-left: 15px; border-radius: 5px; display: inline-block; color:#000}

.info-message{max-width: 720px; margin: 0 auto; padding: 10px; padding-left:40px; position:relative; font-size: 17px; color: #337ab7; background-color: #d9edf7; border-radius:5px;}
.info-message:before{content: '\f05a'; font-family: FontAwesome; position: absolute; left: 9px; top: 10px; font-size: 20px; border: solid 0px #337ab7; border-radius: 100px; width: 20px; height: 20px; text-align: center; padding: 0px;}
.info-message a{background: #fff; padding: 6px 15px; margin-left: 15px; border-radius: 5px; display: inline-block; color:#000}

.success-message{max-width: 720px; margin: 0 auto; padding: 6px; padding-left:40px; position:relative; font-size: 18px;  background-color: #dff0d8; color: #3c763d; border-radius:5px;}
.success-message:before{content: '\f058'; font-family: FontAwesome; position: absolute; left: 9px;   top: 10px; font-size: 20px; border-radius: 100px; width: 20px; height: 20px; text-align: center; padding: 0px;}
.success-message a{background: #fff; padding: 6px 15px; margin-left: 15px; border-radius: 5px; display: inline-block; color:#3c763d}
.set_inventory_page.set-poauto-rule-page .data_panel_wrapper .multiselect-native-select ul li{padding: 0px 2px !important;}
.by-system{background: #d9edf7;display: block;padding: 1px 5px;color: #488ad2;font-weight: 400;font-size: 11px;border-radius: 5px;width: max-content;}
.data_panel_wrapper .table_header li.check-all-po-list{width: 96px !important;}
.data_panel_wrapper .data_panel li.single-po-check{width: 96px !important;} 
.select_po_create {width: 20px !important;height: 19px !important;}
.actions_items.top_left_info.open .dropdown-menu.action_list li{width:100%!important;}
/*--Auto PO--*/

/*---Uplaod Invoice---*/
.what-whould{width: 100%;margin: 0px auto;background: #ccc;max-width: 612px;height: 1px;margin-top: 40px; position: relative;}
.what-whould span{position: absolute;top: -11px;background: #fff;left: 36%;padding: 0 10px;}
.upload-invoice-btn{width: 100%;margin: 0px auto;max-width: 612px;margin-top: 40px; text-align: center;}
.scaned-invoice{width: 100%;border: solid 2px #ccc;border-radius: 4px;height: 500px;text-align: center;}
.scaned-invoice{min-height: 500px; height:500px;border: solid 2px #ccc;border-radius: 10px;}
.vendor-details-form{width: 77%;float: left; position: relative;}
.vendor-details-input{width:25%;position: relative; float: left;margin-top: 25px;}
.vendor-details-input input{    border: solid 1px #ccc;border-radius: 5px;padding: 6px 10px;width: 96%;}
.vendor-details-input span{position: absolute;top: -6px;left: 10px;background: #fff;padding: 0px 5px;color: #4d4d4d;font-weight: 600;text-transform: uppercase;font-size: 11px;}
.scaned-po{margin-top: 25px;}
.scaned-vendor-details{margin-top: 25px;}
.scaned-po-title{font-size: 19px;font-weight: 500;}
.scaned-vendor-title{font-size: 26px;}
.scaned-amount{background: #e9e9e9;border-radius: 10px;padding: 18px;margin-top: 25px;font-weight: 500;font-size: 18px;margin-bottom: 25px;}
.scaned-tax{float: left;}
.scaned-order-total{float: right;}
.vendor-select{float: right;text-align: center;width: 18%;}
.vendor-select span{display: block;font-weight: 500;margin-top: 42px;}
.vendor-select select{    border: solid 1px #ccc;border-radius: 5px;padding: 6px 10px;width: 96%;}
.product-discrepancy{margin:20px 0 0 0px;padding: 4px 14px;background: #f6e5e5;font-size: 11px;color: #ce3f3f;text-transform: uppercase;}
span.discrepancy{display: block;color: #ce3f3f;font-size: 9px;text-transform: uppercase;}
.or-select-vendor{position: absolute;right: -54px;top: 54%;}

.existing-details-form{ width: 100%;}
.v-file{background: #f5f5f5; display: inline-block; padding: 10px 50px 10px 10px; border: solid 1px #adb1b5; border-radius: 5px; position: relative; font-size: 20px;}
.v-file span{cursor: pointer; position: absolute; right: 10px; top: 10px;}
/*---Uplaod Invoice---*/

.assign-vendor-to-products #category_list .checkbox{display: inline-block;top: 8px;left: 17px;margin: unset;}
.assign-vendor-to-products .unit .select-modifier li a{padding-left: 6px;}
.assign-vendor-to-products #product_list .checkbox{top: 3px;display: inline-block;}
.assign-vendor-to-products .data_panel_wrapper #product_list li{border-bottom: solid 1px #e0e0e0;padding: 12px 14px;}
.assign-vendor-to-products .data_panel_wrapper #product_list li .checkbox .cr{top: -3px;}
.unit .select-modifier li .checkbox .cr{top: 0px;}
.assign-vendor-to-products .conversion_unit .table_header li{padding-left: 24px;}
.assign-vendor-to-products .conversion_unit .table_header li .checkbox .cr{margin-right: 10px;}
.assign-vendor-to-products .unit #category_list li .fa-angle-right{top: 4px; position: relative;}
.set_inventory_page .modal .inv-increase-head ul li:first-child {width: 160px !important;}
.set_inventory_page .modal .inv-increase-data ul li:first-child {width: 160px!important;}
.set_inventory_page .modal .data_panel.inv-increase-data ul.dropdown-menu li:first-child {width: unset!important;padding-left: 0px !important;}
.day-on-hand-tooltip{position: relative;}
.day-on-hand-tooltip .lp-tool-tip{width: 170px; top: 50px; margin-left: -85px; text-align:center}
.day-on-hand-tooltip:hover .lp-tool-tip{display:block}
.day-on-hand-tooltip .lp-tool-tip:before {content: '\f0d8';top: -15px;font-size: 23px;left: 50%;margin-left: -7px;color: #000;text-shadow: 0px 4px 3px rgb(0 0 0 / 15%);}

/*---AI Notofication-----*/
@keyframes smooth-appear {
	to{bottom: 25px;opacity:1;}
}
.notification-popout-wd{background: #fff; padding: 4px 10px; position: absolute; bottom: -150px; border-radius: 15px; border-bottom: solid 4px #1d92fd; max-width: 400px; width: 400px; right: 15px; opacity:0; z-index: 10; box-shadow: -4px -3px 18px 5px rgba(0, 0, 0, 0.5); border-radius: 10px; animation: smooth-appear 1s ease forwards;}
.notification-popout-wd .noti-title-wd{font-size: 15px; font-weight: 700; color: #052a4c; padding: 5px 0px;}  
.noti-bell-wd{position: absolute; border-radius: 18px; width: 50px; left: 170px; top: -20px;}
.noti-close-wd{position: absolute; border-radius: 0px; width: 20px; right: 10px; top: 6px; cursor: pointer;}
.notification-popout-wd .noti-details-wd{padding-bottom: 5px;}
.notification-popout{background: #fff;position: absolute;top: 24px;border-bottom: solid 3px #00A35C;max-width: 400px;right:130px;opacity: 0;z-index: 9999;box-shadow: 0px 2px 6px 0px rgb(85 83 83 / 50%);border-radius: 5px;animation: smooth-appear 1s ease forwards;width: 45px;height: 45px;}
.notification-popout .bell{padding: 0px; border-radius: 5px; cursor: pointer; overflow: hidden; height: 100%; display: table; width: 46px;}
.home_page .notification-popout{right: 245px;}
.home_page .notification-popout{right: 245px; top:93px;}
.collaboration-comments .notification-popout{right: 192px;}
.collaboration-comments .noti-details-wrapper{right: 192px;}
.onboarding-learning .notification-popout{top: 12px;right: 33px;}

.noti-details-wrapper .noti-title{font-size: 18px; font-weight: 600; color: #052a4c; padding: 14px; border-bottom: solid 1px #e1e1e1; border-radius:10px 10px 0px 0px; display: flex; justify-content: end; align-items: center; gap: 20px;}
.noti-details-wrapper .noti-title span{margin-right: auto;}
.noti-bell{position: relative; width: 60px; left: 50%; top: 0px; margin-left: -30px;}
.noti-close{position: relative; cursor: pointer; padding: 5px; width: 30px; background: #fff;}
.noti-details-wrapper .noti-row .noti-detail-wrap{display: flex; border: solid 1px #f3f4f6; position: relative; justify-content: space-between; padding: 20px; gap: 10px; background: #fff; border-radius: 5px; align-items: baseline; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
.noti-details-wrapper .noti-details{font-size: 16px; padding: 0px; position: relative; line-height: 24px; color: #212121; width:100%; display: grid; grid-template-columns: 88% 11%; gap: 5px;}
.noti-details-wrapper .noti-details p{ margin: 0px;}
.noti-details-wrapper .noti-details.no-border{border-bottom: solid 0px #e2e2e2;}
.noti-details-wrapper .noti-details .noti-last-run-time{display: table; font-size: 10px; line-height:normal; font-weight: 400; grid-column: span 2;}
.noti-details-wrapper{display:none; max-width: 570px; width: 570px; background: #ffffff; position: absolute; right:0px; padding: 0px; top: 58px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); border-radius: 5px;  z-index: 10000;}
.noti-count{background: linear-gradient(135deg, #ff3b3b, #c4161c); padding: 5px; position: absolute; border-radius: 75px; width: 22px; height: 22px; text-align: center; color: #fff; font-weight: 400; top: -7px; right: -7px; padding-top: 3px; font-size: 12px;}
.noti-list-wrapper{max-height: 600px; overflow: auto; padding:15px; position:relative; background-color: rgb(249 250 251 / 0.5);}
.noti-list-wrapper #show_all_notificatioin{display: grid; gap: 10px;}
.noti-list-wrapper #show_all_notificatioin .cta-row{gap:20px; position: sticky; bottom: -16px; left: -20px; background: #f9fafb; padding: 15px; margin-left: -24px; width: calc(100% + 39px); display: flex; justify-content: end; margin-bottom: -14px;}
.noti-list-wrapper #show_all_notificatioin .question label{display: flex; border: solid 1px #f3f4f6; position: relative; padding: 20px; gap: 15px; background: #fff; border-radius: 5px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
.noti-list-wrapper #show_all_notificatioin .question label .checkbox{margin:0px; margin-top: 5px;}
.noti-list-wrapper #show_all_notificatioin .question label .checkbox input[type=checkbox]{position: relative; width: 18px; height: 18px;}
.noti-list-wrapper #show_all_notificatioin .question label .text{font-size:15px;}
.noti-list-wrapper #show_all_notificatioin .question label .text span{display: table; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 5px;}
.noti-list-wrapper #show_all_notificatioin .question label .action{display: flex; gap: 10px;}
.noti-list-wrapper #show_all_notificatioin .question label .action a{color: #000; padding: 5px; border: solid 1px #f2f2f2; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); font-size: 15px; width: 25px; height: 25px; text-align: center;}
.noti-list-wrapper .confirmation-msg{    position: sticky; top: 0px; background: rgba(0, 0, 0, 0.7); text-align: center; align-items: center; align-content: center; z-index: 100; width: 100%; height: 492px;}
.noti-list-wrapper .confirmation-msg .icon{border: solid 2px #fff; width: 40px; height: 40px; border-radius: 40px; margin: 0 auto; color: #fff; font-size: 20px; padding: 10px;}
.noti-list-wrapper .confirmation-msg .text-msg{color: #fff; padding: 20px 62px; font-size: 14px;}
.noti-list-wrapper .confirmation-msg .text-msg span{display: table; text-align: center; width: 100%; font-size: 22px; font-weight: 600;}
.noti-list-wrapper .confirmation-msg .cta{display: flex; justify-content: center; gap: 10px;}
.noti-list-wrapper .success-msg{border: solid 1px #10B981; border-radius: 5px; padding: 14px; display: flex; gap: 10px; color: #10B981; font-size: 15px; align-items: flex-start;}
.noti-list-wrapper .success-msg span{width: 24px; height: 24px; border: solid 1px #10B981; border-radius: 30px; padding: 5px 4px;}
.noti-list-wrapper .sub-text{font-size:12px; font-weight:600;}
.noti-detail-title{font-size: 14px; font-weight: 700; color: #052a4c; padding: 5px 0px;}
.noti-date{border-bottom: solid 1px #ccc; position: relative; display: table; width: 100%; margin: 25px 0px 22px 0px; }
.noti-date span{background: #fff; position: absolute; left: 38%; top: -11px; padding: 5px 15px; font-size: 10px; font-weight: 600; color: #545454;}
.view-all-noti{text-align: center; font-weight: 400; font-size: 14px; padding: 15px;}
.noti-day{color: #9b9797;font-size: 13px;padding-left: 8px;}
.noti-details-wrapper .noti-detail-wrap:hover{background: #f9fafb; cursor: pointer;}
.noti-unread{background:#eefaf4!important; font-weight: 600; position: relative;}
.noti-unread .noti-day{color: #337ab7;}
.agent_noti_count{olor: #fff; background: red; width: 18px; height: 18px; text-align: center; border-radius: 20px; font-size: 11px; line-height: 19px; font-weight: 500; position: relative; display: inline-block; margin-left: auto; margin-top: 5px;}
.all-unread{display: table;width: 100%;padding: 10px 0px;    margin-bottom: 12px;}
.all-unread a{float: left;margin-right: 12px;font-weight: 600; color: #000; padding: 5px 15px;border-radius: 12px;}
.all-unread a.aciv-link{color: #337ab7;background: #e1edf7;padding: 5px 15px;border-radius: 12px;}
.unread-dot{width: 8px;height: 8px;position: absolute;background: #2196F3;right: 10px;border-radius: 20px;top: 18px;}  
.noti-list-wrapper #en_sh_backgroud_question{padding: 20px; display: table; width: 100%; text-align: right;}
.noti-list-wrapper #en_sh_backgroud_question .toggle{display: flex; text-align: center; align-items: center;}
.noti-list-wrapper #en_sh_backgroud_question .toggle .switch{margin:0px;}
.noti-list-wrapper #en_sh_backgroud_question .toggle .label{margin:0px; top:unset!important;}

.noti-list-wrapper .create-new-agent{width: calc(100% + 29px); margin-left: -14px; margin-top: -16px; height: calc(100% + 30px);}
.noti-list-wrapper .create-new-agent .heading{padding:14px 32px; color:#312e81; font-size:14px; line-height:20px; font-weight:600; background-color: rgb(238 242 255 / 0.5); display: flex; gap: 15px; align-items: center;}
.noti-list-wrapper .create-new-agent .heading i{color:#6366f1}
.noti-list-wrapper .create-new-agent .field-area{padding: 14px 32px; display: grid; gap: 14px; background: #fff;}
.noti-list-wrapper .create-new-agent .field-area .agent-field .title{color: #374151; font-size: 13px; line-height: 20px; margin-bottom: 5px; padding: 0px !important; font-weight: 600;}
.noti-list-wrapper .create-new-agent .field-area .agent-field .title sup{color:#ef4444}
.noti-list-wrapper .create-new-agent .field-area .agent-field input{font-size: 14px; line-height: 20px; border: solid 1px #e5e7eb !important; padding:10px 12px 10px 38px; border-radius: 5px; background: #f9fafb; height: auto; box-shadow: unset !important;}
.noti-list-wrapper .create-new-agent .field-area .agent-field textarea{font-size: 14px; line-height: 20px; border: solid 1px #e5e7eb !important; padding: 10px 12px 10px 38px; border-radius: 5px; background: #f9fafb; height: auto; box-shadow: unset !important;}
.noti-list-wrapper .create-new-agent .field-area .agent-field select{font-size: 14px; line-height: 20px; border: solid 1px #e5e7eb !important; padding: 10px 12px 10px 38px; border-radius: 5px; background: #f9fafb; height: auto; box-shadow: unset !important;}
.noti-list-wrapper .create-new-agent .field-area .agent-field .note{font-size:12px; line-height:15px; color:#9ca3af; margin-top:4px;}
.noti-list-wrapper .create-new-agent .field-area .agent-field .field{padding: 0px !important; position: relative;}
.noti-list-wrapper .create-new-agent .field-area .agent-field .field .icon{width: 19px; height: auto; position: absolute; top: 13px; left: 13px;}
.noti-list-wrapper .create-new-agent .field-area .agent-field:first-child .field .icon{width: 12px; height: auto; position: absolute; top: 13px; left: 13px;}
.noti-list-wrapper .create-new-agent .field-area .agent-field .field .icon svg{width:100%; height:auto;}
.noti-list-wrapper .create-new-agent .field-area .agent-field .field .icon svg path{fill:#9ca3af}
.noti-list-wrapper .create-new-agent .cta-row{display: flex!important; width: calc(100% + 24px)!important; text-align: right; justify-content: end; gap: 15px; background: #f9fafb; padding: 15px 32px; margin-bottom: -14px; border-radius: 0px 0px 10px 10px;}

.sv-ai-popup .modal-body .overlay-bg{position: fixed; top: 50px; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 544px;}
.sv-ai-popup .modal-body .overlay-bg .msg-overlay{width: calc(100% - 40px); background: #fff; border-radius: 15px; margin: 20px; height: calc(100% - 40px); display: grid; text-align: center; align-content: center;}
.sv-ai-popup .modal-body .overlay-bg .msg-overlay .head{padding: 20px 20px 0px 20px; font-size: 24px; font-weight: 600; text-transform: uppercase;}
.sv-ai-popup .modal-body .overlay-bg .msg-overlay .sub-head{padding: 5px 20px; font-size: 20px; font-weight: 400; max-width: 80%; margin: 0 auto;}
.sv-ai-popup .modal-body .overlay-bg .msg-overlay .cta{padding: 20px; text-align: center;}
.sv-ai-popup .modal-body .overlay-bg .msg-overlay .cta a{background: #10b981; color: #fff; font-size: 18px; width: 120px; display: inline-block; text-align: center; padding: 10px; border-radius: 5px; text-decoration:none!important;}
.sv-ai-popup .modal-body .overlay-bg .msg-overlay .cta a:first-child{background:transparent; color:#000; text-decoration:underline!important;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay{width: calc(100% - 0px);height:635px; background: #fff;margin: 0px;position: relative;top: -51px;border-radius: 30px;}
#enable_ai_for_general_question_toggle{float: right;position: relative;top: -25px;}
#enable_ai_for_general_question_toggle .label{color: #000;font-size: 11px;font-weight: 600;position: relative;top: -13px;margin-right: 52px;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .heading{padding: 20px 20px 0px 20px; font-size: 22px; font-weight: 600;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .sub-head{padding: 5px 20px 20px 20px; font-size: 17px; font-weight: 400;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area{width: 100%; padding: 10px 20px; height: 450px; overflow: auto; display: block;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area .question{background:#f7f7f7; padding:15px; margin-bottom:10px; border-radius: 10px; display:table; width:100%;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area .question label{font-weight: 400;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area .question .checkbox{position: relative; display: inline-block; margin: 0px; float: left; margin-right: 10px;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area .question .checkbox input[type="checkbox"]{width: 25px; height: 25px; position: relative; margin: unset;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area .question .text{float: left; width: calc(100% - 35px); font-size: 17px; color:#555}

.sv-ai-popup .modal-body .overlay-bg .success-overlay{width: calc(100% - 40px); background: #fff; border-radius: 15px; margin: 20px; height:505px; display: grid; align-items: center; position:relative;}
.sv-ai-popup .modal-body .overlay-bg .success-overlay .close{position: absolute; right: 20px; top: 20px;}
.sv-ai-popup .modal-body .overlay-bg .success-overlay .close:after{display:none;}

.sv-ai-popup .modal-body .overlay-bg .question-overlay .cta{padding: 20px; text-align: right;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .cta button{background: #10b981; color: #fff; font-size: 18px; width: 200px; display: inline-block; text-align: center; padding: 10px; border-radius: 5px; text-decoration:none!important;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .cta a{background: #10b981; color: #fff; font-size: 18px; width: 200px; display: inline-block; text-align: center; padding: 10px; border-radius: 5px; text-decoration:none!important;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .cta a.cta-cancel{background:transparent; color:#000; text-decoration:underline!important;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .cta a#sa_cancel{background:transparent; color:#000; text-decoration:underline!important;}
.sv-ai-popup .modal-body .overlay-bg .question-overlay .cta a.disabled{background: #000; cursor: default; opacity: .2;}
.disable-ques{float: left; width: 215px; border: solid 0px #889397; padding: 5px; border-radius: 5px;}
.disable-ques .switch{position: relative; display: inline-block; width: 50px; height: 24px; float: left;}
.disable-ques .label{color: #000; font-weight: 500; font-size: 15px; float: left; width: 154px; white-space: unset; text-align: left;}

.noti-details-wrapper .noti-title #edit_backgroud_question{font-size: 13px!important; background: #f8f8f8; color: #000; padding: 5px 10px; border-radius: 5px; border: solid 1px #e1e1e1; text-decoration:none;}
.noti-details-wrapper .run-now .btn{border-radius: 3px; padding: 5px 10px; font-size: 11px !important; display: flex; gap: 10px; align-items: center; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); outline: unset; font-size: 14px;}
.noti-details-wrapper .view-output .btn{border-radius: 3px; padding: 5px 10px; font-size: 11px !important; display: flex; gap: 10px; align-items: center; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); outline: unset; font-size: 14px;}
.noti-details-wrapper .run-now{position: relative; width:100px; display:table;}
.noti-details-wrapper .loading{width:40px;}
.noti-details-wrapper .loading img{width:100%; height:auto;	}
.noti-details-wrapper .in-progress{border: solid 1px #97bffb; border-radius: 3px; padding: 5px 13px; font-size: 11px; white-space: nowrap; font-weight: 600; background: #dbe9fe;}

.inner_dashboard_box .noti-row .noti-detail-wrap{display: flex; border-bottom: solid 1px #e2e4e7; position: relative; align-items: center; justify-content: space-between; padding: 10px; gap: 10px; align-items: center;}
.inner_dashboard_box .noti-details{font-size: 16px; padding: 0px; position: relative; line-height: 24px; color: #212121; width:100%;  display: grid; grid-template-columns: 88% 11%; gap: 4px;}
.inner_dashboard_box .noti-details p{ margin: 0px;}
.inner_dashboard_box .noti-details.no-border{border-bottom: solid 0px #e2e4e7;}
.inner_dashboard_box .noti-details .noti-last-run-time{display: table; font-size: 10px; line-height:normal; font-weight: 400; grid-column: span 2;}
.inner_dashboard_box .loading{width:40px;}
.inner_dashboard_box .loading img{width:100%; height:auto;	}
.inner_dashboard_box .in-progress{border: solid 1px #97bffb; border-radius: 3px; padding: 5px 13px; font-size: 11px; white-space: nowrap; font-weight: 600; background: #dbe9fe;}
.inner_dashboard_box .confirmation-msg{position: sticky; top: 0px; background: rgba(0, 0, 0, 0.7); text-align: center; align-items: center; align-content: center; z-index: 100; width: 100%; height: 100%;}
.inner_dashboard_box .confirmation-msg .icon{border: solid 2px #fff; width: 30px; height: 30px; border-radius: 40px; margin: 0 auto; color: #fff; font-size: 20px; padding: 5px;}
.inner_dashboard_box .confirmation-msg .text-msg{color: #fff; padding: 20px 142px; font-size: 13px;}
.inner_dashboard_box .confirmation-msg .text-msg span{display: table; text-align: center; width: 100%; font-size: 20px; font-weight: 600;}
.inner_dashboard_box .confirmation-msg .cta{display: flex; justify-content: center; gap: 10px;}
.inner_dashboard_box .success-msg{border: solid 1px #10B981; border-radius: 5px; padding: 14px; display: flex; gap: 10px; color: #10B981; font-size: 13px; align-items: flex-start; width: 80%; margin: 10px auto;}
.inner_dashboard_box .success-msg span{width: 24px; height: 24px; border: solid 1px #10B981; border-radius: 30px; padding: 5px 4px;}
.inner_dashboard_box .run-now .btn{border-radius: 3px; padding: 5px 10px; font-size: 11px !important; display: flex; gap: 10px; align-items: center; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); outline: unset; font-size: 14px;}
.inner_dashboard_box .view-output .btn{border-radius: 3px; padding: 5px 10px; font-size: 11px !important; display: flex; gap: 10px; align-items: center; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); outline: unset; font-size: 14px;}


.inner_dashboard_box #sec_edit_question_box_content .question label{display: flex; border-bottom: solid 1px #f3f4f6; position: relative; padding: 10px; gap: 10px; background: #fff; margin:0px;}
.inner_dashboard_box #sec_edit_question_box_content .question label .checkbox{margin:0px; margin-top: 5px;}
.inner_dashboard_box #sec_edit_question_box_content .question label .checkbox input[type=checkbox]{position: relative; width: 18px; height: 18px;}
.inner_dashboard_box #sec_edit_question_box_content .question label .text{font-size:15px;}
.inner_dashboard_box #sec_edit_question_box_content .question label .text span{display: table; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 5px;}
.inner_dashboard_box #sec_edit_question_box_content .question label .action{display: flex; gap: 10px;}
.inner_dashboard_box #sec_edit_question_box_content .question label .action a{color: #000; padding: 5px; border: solid 1px #e2e4e7; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); font-size: 15px; width: 25px; height: 25px; text-align: center;}
.inner_dashboard_box #sec_edit_question_box_content .sub-text{background: #F9FAFB; padding: 10px; border-bottom: solid 1px #e2e4e7; font-size: 15px;}

#general_modal .noti-row .noti-detail-wrap{display: flex; border-bottom: solid 1px #e2e4e7; position: relative; align-items: center; justify-content: space-between; padding: 10px; gap: 10px; align-items: center;}
#general_modal .noti-details{font-size: 16px; padding: 0px; position: relative; line-height: 24px; color: #212121; width:100%;  display: grid; grid-template-columns: 88% 11%; gap: 4px;}
#general_modal .noti-details p{ margin: 0px;}
#general_modal .noti-details.no-border{border-bottom: solid 0px #e2e4e7;}
#general_modal .noti-details .noti-last-run-time{display: table; font-size: 10px; line-height:normal; font-weight: 400; grid-column: span 2;}
#general_modal .loading{width:40px;}
#general_modal .loading img{width:100%; height:auto;	}
#general_modal .in-progress{border: solid 1px #97bffb; border-radius: 3px; padding: 5px 12px; font-size: 11px; white-space: nowrap; font-weight: 600; background: #dbe9fe;}
#general_modal .confirmation-msg{position: sticky; top: 0px; background: rgba(0, 0, 0, 0.7); text-align: center; align-items: center; align-content: center; z-index: 100; width: 100%; height: 100%;}
#general_modal .confirmation-msg .icon{border: solid 2px #fff; width: 30px; height: 30px; border-radius: 40px; margin: 0 auto; color: #fff; font-size: 20px; padding: 5px;}
#general_modal .confirmation-msg .text-msg{color: #fff; padding: 20px 142px; font-size: 13px;}
#general_modal .confirmation-msg .text-msg span{display: table; text-align: center; width: 100%; font-size: 20px; font-weight: 600;}
#general_modal .confirmation-msg .cta{display: flex; justify-content: center; gap: 10px;}
#general_modal .success-msg{border: solid 1px #10B981; border-radius: 5px; padding: 14px; display: flex; gap: 10px; color: #10B981; font-size: 13px; align-items: flex-start; width: 80%; margin: 10px auto;}
#general_modal .success-msg span{width: 24px; height: 24px; border: solid 1px #10B981; border-radius: 30px; padding: 5px 4px;}

#show_create_agent_error_message{border: solid 1px #650000; border-radius: 5px; padding: 14px; display: flex; gap: 10px; color: #650000; font-size: 15px; align-items: flex-start; width: 80%; margin: 10px auto; background:#ffe5e9; position:relative; padding-left:35px;}
#show_create_agent_error_message:before{content:'\f071'; font-family: FontAwesome; position: absolute; font-size: 15px; top: 17px; line-height: normal; left: 10px; color: #650000;}

#general_modal .modal-body{padding: 0px; max-height: 500px; overflow: auto;}
#general_modal .question label{display: flex; border-bottom: solid 1px #f3f4f6; position: relative; padding: 10px; gap: 10px; background: #fff; margin:0px;}
#general_modal .question label .checkbox{margin:0px; margin-top: 5px;}
#general_modal .question label .checkbox input[type=checkbox]{position: relative; width: 18px; height: 18px;}
#general_modal .question label .text{font-size:15px;}
#general_modal .question label .text span{display: table; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 5px;}
#general_modal .question label .action{display: flex; gap: 10px;}
#general_modal .question label .action a{color: #000; padding: 5px; border: solid 1px #e2e4e7; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); font-size: 15px; width: 25px; height: 25px; text-align: center;}
#general_modal .sub-text{background: #F9FAFB; padding: 10px; border-bottom: solid 1px #e2e4e7; font-size: 15px;}

#add_backgroud_question_home{font-size: 11px !important; padding: 4px 10px; border-radius: 5px; margin-right: 40px;}
#set_ai_email_notification_btn{font-size: 11px !important; padding: 4px 10px; border-radius: 5px; margin-right: 40px;}
#set_ai_email_notification_btn_home_page{font-size: 11px !important; padding: 4px 10px; border-radius: 5px;}


.no-agent{font-size: 15px; text-align: center; display: grid; width: 100%; height: 100%; align-content: center;}
.no-agent span{display: table; width: 100%; font-weight: bold; font-size: 17px;}
/*---AI Notofication End-----*/


/*Devendra, 20th May, scrollable div for budget category modal*/
.scrollable-div {
	height: 400px; /* Set a fixed width */
	overflow-x: auto; /* or 'scroll' */
	white-space: nowrap; /* Prevents content from wrapping to the next line */
  }
.profit-margin-product-store .table_header li{white-space: normal!important;}

#show-component-product .tip{display: none; position: absolute; background: rgba(0,0,0,0.9); padding: 7px; border-radius: 5px; z-index: 100; border: solid 1px #e1e1e1; font-size:12px; color:#fff; right: 0px; width: 350px;}
#show-component-product .hint{display:inline-block; position:relative;}
#show-component-product .hint:hover .tip{display:block;}

/*----Import Product-----*/
.tp-import{text-align: center;padding-top: 10%;max-width: 700px;margin: 0px auto;}
.tp-import-title{font-size: 19px;line-height: 35px;}
.tp-import-location{margin-top: 25px;border-top: solid 1px #ccc;padding-top: 25px;}
.tp-import-location select{width: 100%;max-width: 300px;border-radius: 5px;height: 40px;font-size: 16px;padding: 4px;font-weight: 500;}
.tp-import-btn{margin-top: 25px;}
.tp-import-btn button{width: 100%;max-width: 300px;padding: 6px;font-size: 18px;}


/*---Assign tags---*/
.assign-tag-wrapper{overflow: auto;height: 350px; padding: 0px 12px;}
.assign-tag-row{display: table;width: 100%;border-bottom: solid 1px #a8a8a8;margin-top: 10px;padding-bottom: 6px;}
.assign-tag-name{font-size: 17px;}
.assign-tag-name label{font-weight: 300; cursor: pointer;}
.assign-tag-items{padding:10px 15px 10px 0px;float: left;}
.assign-tag-row input[type=checkbox]{height: 17px !important;width: 17px !important;accent-color: #413f3f;position: relative;top: 3px;}
.assign-tag-items span{color: #000;}
.assign-tag-items label{font-weight: 300 !important; cursor: pointer;}
.assign-tag-row-head{display: table; width: 100%; background: #e6e6e6; border-radius: 5px;padding: 10px;}
.assign-tag-row-head input[type=checkbox]{height: 17px !important;width: 17px !important;accent-color: #413f3f;position: relative;top: 3px;}
.assign-tag-row .assign-tag-name input[type=checkbox] {margin-right: 6px;}
.assign-tag-items span.remove-sp-tags{margin-right: 10px; float:left;}
.form-row-bg{background: #F9FAFB;}
.form-col-bg{background: #fff;}
.assigned-tags{font-size: 13px !important;margin-left: 9px!important;font-weight: 400!important;color: #3c3c3c!important;}
.assign-tag-wrapper-msg{font-size: 17px;font-weight: 400;height: auto;padding: 20px 0px;}
.sel_prod_cnt_text{padding-right: 35px;font-size: 16px;font-weight: 500;text-align: right;}

.profitability-page .action-icon i{color:#10B981!important;}
.profitability-page #show_hide_profit_margin a{height: auto; padding: 9px !important; width: auto; font-size: 14px; margin-left: 5px; background-color: #10B981!important; color: #fff!important;}
#show_hide_profit_margin a .fa-columns {font-size: 14px; color: #fff; position: relative; left: unset; top: unset; right: unset;}
.profitability-page .profit-margin li:nth-child(1), .profit-margin li:nth-child(2), .profit-margin li:nth-child(7){width:263px;}
.profitability-page .data_panel_wrapper .more_than_10 li{width:235px;}
.profitability-page .criteria_header{width:100%; display:table; margin:0px; padding:0px; border-bottom: 1px solid #ddd;}
.profitability-page .criteria_header li{width:50%!important;}

.sales-report-by-vendor #show_hide_profit_margin a{height: auto; padding: 9px !important; width: auto; font-size: 14px; background-color: #10B981!important; color: #fff!important;}
.note-sbv{font-size: 14px !important;background: #d0e1fa;padding: 6px;border: solid 1px #bdd1ef; width: max-content;border-radius: 5px;}
.prnt-section-wrapper{border: 1px solid #E5E7EB; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%); border-radius: 8px; background: #fff; margin-top: 10px; padding:25px;}
.set_inventory_page .table_header li:first-child{width: 14px!important;}
.set_inventory_page .data_panel li:first-child {width: 14px!important; padding-left: 0px!important;}
.set_inventory_page .data_panel li:first-child {padding-left:10px!important;}
.set_inventory_page .data_panel .check_box {width: 48px; text-align: center;}
.set_inventory_page .table_header .check_box {width: 48px;}
.set_inventory_page #adjustment_reason_modal_popup .data_panel li:first-child{padding-left: 25px!important;}
.set_inventory_page .data_panel_wrapper .data_panel .dropdown-menu li:first-child{width:100%!important}
.set_inventory_page  .modal .enter_cost .inv-increase-data ul li:first-child {padding-left: 25px !important;}
.set_inventory_page  .modal .enter_note .inv-increase-data ul li:first-child {padding-left: 25px !important;}
.enter_note .min_height_pop {min-height: 100px; height: auto; overflow: unset;}
.enter_cost .min_height_pop {min-height: 100px; height: auto; overflow: unset;}
.save_all_popup_body{height: 400px;overflow: auto;}
.enter_note_head{    margin-top: 20px;font-size: 18px !important;font-weight: 500 !important;padding-left: 10px;margin-bottom: 20px;border-top: solid 3px #ccc9c9;}
.enter_cost .multiselect{ width: 100% !important;}
.enter_note .multiselect{ width: 100% !important;}
.cost-note-row{ overflow: unset;}
.set_inventory_page .inv-vendor-dropdown-li .multiselect.dropdown-toggle{width: 125px !important;}


.inventory_adjustment_page .data_panel_wrapper .more_than_10 .data_panel .inventory_adjustment_footer li{ background: #f6f3f3 !important; font-size: 14px; font-weight: 600 !important;}


/*--- profitability ----*/
.view-report-on{border: solid 1px #ccc;padding: 8px;border-radius: 6px;background: #f4f5f7;width: 96%;margin: 2%;}
.view-report-head{font-size: 14px;font-weight: 600;}
.view-report-toogle{width: fit-content;border: solid 1px #ccc;margin-top: 6px;display: table;border-radius: 5px;}
.view-report-on a{display: inline-block;padding: 5px 20px !important;background: #d3d3d3;color: #000;}
.view-report-on a.active-tab{background: #10b981;color: #fff;}
.view-report-on a:first-child {border-radius: 5px 0px 0px 5px;}
.view-report-on a:nth-child(2) {border-radius: 0 5px 5px 0px;}
.view-report-on a:hover{ text-decoration: none;}
.view-report-on a:focus{ text-decoration: none;}

/*---Assign Revenue---*/
.assign-revenue-toogle{float: left;width: auto;margin-left: 5px;}
.assign-revenue-toogle a{float: left;padding: 5px 12px !important;background: #d3d3d3;color: #000;}
.assign-revenue-toogle a.active-tab{background: #e7e7e7;color: #000;}
.assign-revenue-toogle a:first-child {border-radius: 5px 5px 5px 5px;}
.assign-revenue-toogle a:nth-child(2) {border-radius: 0 5px 5px 0px;}
.assign-revenue-toogle a:hover{ text-decoration: none;}
.vassign-revenue-tooglea:focus{ text-decoration: none;}
.assign-input{ float: left;}
.view-prev-commission{ color: #10b981 !important; text-decoration: underline !important;} 
.assign-reve-delete img{ width: 22px;} 
/*---Assign Revenue---*/


.custom_pannel_box{overflow: auto;}
.data_panel_wrapper.custom_pannel_box li{padding: 12px 10px;width: 160px !important;display: inline-block;} 
.data_panel_wrapper.custom_pannel_box li:first-child{ width: 70px !important;}
.data_panel_wrapper.custom_pannel_box .table_header{width: 100% !important;display: table;}
.data_panel_wrapper.custom_pannel_box .data_panel ul {list-style: none;margin: 0px;padding: 0px;border-bottom: solid 1px #e2e4e7;width: 100%;white-space: nowrap;display: inline-block;}  
.custom_pannel_box .form-control[readonly]{background-color: #fff;}

.data_panel_wrapper.custom_pannel_box .table_header ul {width: 100%;list-style: none;padding: 0px;margin: 0px;width: 100%;display: inline-block;white-space: nowrap;}
.apply_to_all_fields{border: 0px;text-decoration: underline !important;color: #10B981 !important;font-size: 13px;font-weight: 400;display: block;padding-top: 8px;}
.apply_to_all_fields:hover{border: 0px !important;color: #10B981 !important;}
/*Devendra, 5july 2024, reset all fields css*/
.reset_to_row_fields{border: 0px;text-decoration: underline !important;color:#10B981 !important;font-size: 13px;font-weight: 400;display: block;padding-top: 8px;}
.reset_to_row_fields:hover{border: 0px !important;color: #10B981 !important;}
.set_inventory_page .navbar-default .navbar-brand span{line-height: 32px;font-weight: 600!important;color: #545e6b;}
.set_inventory_page .navbar-default .navbar-brand{padding: 20px 15px 14px 15px;}
/*Devendra, 1 August 2024, reset all button for set category budget */
.reset_all_budget_cateogry{border: 0px;text-decoration: underline !important;color: #10B981 !important;font-size: 13px;font-weight: 400;display: block;padding-top: 8px; }
.reset_all_budget_cateogry:hover{border: 0px !important;color: #10B981 !important;}
.text-center{text-align: center;}
/*--- discount ----*/
.discount .program-tab .btn-group{border-color: #10B981;}
.discount .program-tab .lp-tool-tip {width: 350px;top: 7px;margin-left: 278px;}
.discount .program-tab .active{background:#10B981; color: #fff;}
.page_action_bar .btn-default{background-color: #10B981; color:#10B981 !important;  outline:unset!important}
.top_tabs{background:transparent;}
.form_head{font-weight: 600; font-size: 24px; line-height: 32px; color: #545e6b; }
.form_area h3{font-weight: 600; font-size: 24px; line-height: 32px; color: #545e6b; }
.top_tabs .nav-pills.nav-wizard > li .circle:after{left: 28px;}
.top_tabs .nav-pills.nav-wizard > li.active .circle{background:#059669}
.top_tabs .nav-pills.nav-wizard > li.active .circle:before{background:#059669}
.top_tabs .nav-pills.nav-wizard > li.active .circle:after{background:#059669; left: 28px;}
.top_tabs .nav-pills.nav-wizard > li.active a{color:#059669}
.top_tabs .nav-pills>li.active>a{background:transparent!important;}
.product_panel .category_box{background:#fff;}
.product_panel .product_box{background:#fff;}
.top_tabs .nav-pills.nav-wizard > li:hover a {background-color: #F4F5F7;}
.top_tabs .nav-pills.nav-wizard > li.active a:hover { color: #10B981;}
/*--- discount ----*/

/*--- onboard location ----*/

/*--- onboard location ----*/

.modifier_list_scroll{background:#fff;}


/*----- Employee section -----------*/
.labor_report .data_panel_wrapper li:nth-child(8), .labor_report .data_panel_wrapper li:nth-child(9){width:190px;}
.labor_report .data_panel_wrapper .data_panel li:first-child{padding-left:25px;}
#emp-form .upload_photo_panel .upload_photo{top:15px;}
.compensation-switch-field input:checked + label {background-color: #10b981;}
.employee_log .small_button{background: #fff!important; color: #10B981!important;}
.labor_report #widget_list li{margin-top: 2px;padding-top: 6px;padding-left: 0;}
#disc_oauth_linking_div{text-align: center;max-width: 800px;margin: 0px auto;margin-top: 20px;margin-bottom: 20px;background: #f9f9f9;padding: 20px;border-radius: 20px;border: solid 1px #ccc;}

/*----G-P Connect----*/

.dic-with-google-btn{
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #3c3c3c;
    font-size: 15px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 44px 14px;
    border: solid 1px #838383;
	max-width: 320px;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}

.dic-with-paypal-btn {
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background: url(../images/paypal-btn-icon.png) no-repeat left;
    background-color: #0070ba;
    background-repeat: no-repeat;
	background-size: 22px;
    background-position: 44px 14px;
    border: solid 1px #0070ba;
	max-width: 320px;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}
.dic-with-paypal-btn:hover { color: #fff;}

.square_settings{
    border-radius: 10px;
    font-size: 17px;
    margin-bottom: 20px;
    background: #fbfbfb;
    border: solid 1px #ededed;
	margin-top: 35px;
	}

.sqr-btn-connect {
	transition: background-color 0.3s, box-shadow 0.3s;
    padding: 9px 16px 9px 42px !important;
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    background: url(../images/square-btn-icon.png) no-repeat left;
    background-color: #ebebeb;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 22px 8px;
    border: solid 1px #c9c9c9;
    width: 100%;
    text-align: center;
    display: inline-block;
    max-width: 292px;
    margin: 0px auto;
    margin-top: 10px;
	margin-right: 20px;
}

.sync_catalog{ background: #ebebeb !important;width: 180px !important;padding-left: 16px !important;}
a.sync_catalog:before{content:'\f021'; font-family:FontAwesome; margin-right: 20px;}

.pcc-integration{
	margin-top: 0px;
	border-radius: 10px 10px 0 0;
}

.pcc-btn-connect {
	transition: background-color 0.3s, box-shadow 0.3s;
    padding: 9px 16px 9px 42px !important;
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    background: url(../images/pcc-btn-icon.png) no-repeat left;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 22px 6px;
    border: solid 1px #c9c9c9;
    width: 100%;
    text-align: center;
    display: inline-block;
    max-width: 275px;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: unset;
}

.total-backbtn{font-weight: 500;font-size: 18px; margin-top: 10px;}

/*----G-P Connect----*/

/*---Landing--*/
.landing-section{padding-top: 10px;padding-bottom: 25px;}
.landing-sec-item{}
.landing-section .landing-col{margin:0.5%; float: left; width: 32%;padding: 0px;border-radius: 5px;text-align: center; position: relative;height: 100px;background: none; border: dashed 2px #ffffff;}
.landing-col:nth-of-type(odd){background: #fff;color: #000;}
.landing-col:nth-of-type(even){background: #fff;color: #000;}
.ftr-heading{font-size: 17px;text-transform: capitalize;padding:0px 10px;font-weight: 500;color: #545454;}
.ftr-description{font-size: 16px;padding: 10px 10px;color: #494747; display: none;}
.landing-page-name{font-size: 28px;font-weight: 600;padding: 10px 10px;}
.ftr-icon{padding: 10px;height: 55px;}
.ftr-icon img{max-width: 40px;max-height: 38px;filter: invert(1) !important; opacity: 0.7;}
.landing-section .odddiv img{filter: invert(1) !important;opacity: 0.7;}
.landing-section .landing-col a{color: #fff !important;padding: 10px;display: block;border-radius: 5px;border: solid 1px #e3e3e3;box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);}
.landing-section .landing-col a:hover{color: #fff !important; text-decoration: none;background: #f4fefb;border-radius: 5px;}
.landing-section .odddiv a{color: #000 !important;}
.landing-section .odddiv a:hover{color: #000 !important; text-decoration: none;}
.landing-home-icon{font-size: 21px !important;}
.landing-home-icon + .unpin-star{ display: none;}
.landing-page-view .back-landing{ display: none !important;}
.landing-page-view .after-back-btn{margin-left: 0px !important;}
.back-landing{position: absolute;left: 0px;float: left;background: #10B981;padding: 5px 10px;margin-right: 17px;margin-top: 20px;color: #fff;border-radius: 5px;}
.after-back-btn{margin-left: 72px !important;}
.back-landing img{width: 13px;vertical-align: middle;position: relative;top: -1px;}
.back-landing:hover{color: #fff !important; text-decoration: none !important;}

.add_fav_landing {background: #d7f2e9;position: absolute;z-index: 10000;width: 32px;height: 32px;top: 8px;left: 11px;border-radius: 5px; cursor: pointer;}
.add_fav_landing:hover {background: #f4fefb;position: absolute;z-index: 10000;width: 32px;height: 32px;top: 8px;left: 11px;border-radius: 5px; cursor: pointer;}
.add_fav_landing .fa-star {color: #6ca391;position: absolute;top: 9px;left: 9px;}
.add_fav_landing .fa-star:hover{color:#10b981;}


.landing-section .landing-col a span{position:absolute; display:block; right:0px; top:7px; width:25px; height:25px; border-radius:2px; display:none; color:#fff; cursor:pointer;}
.landing-section .landing-col a span:before{content:'\f005'; font-family:FontAwesome; position:absolute; font-size: 13px; top: 7px; line-height: normal; left: 7px; color:#fff;}
.landing-section .landing-col a span:hover{background:#f2f2f2; color:#000!important;}
.landing-section .landing-col a span:hover:before{color:#000!important; cursor:pointer;}
.landing-section .landing-col a span:after{background: rgba(0,0,0,0.8); border-radius: 5px; position: absolute; content: 'Remove from Favorites'; width: 155px; right: 0px; top: 25px; padding: 7px 10px; text-align: center; font-size: 11px; line-height: normal; display: none;}
.landing-section .landing-col a:hover span{display:block; color:#000;}
.qr-code .back-landing{ display: none;}
.qr-code .after-back-btn {margin-left: 0px !important;} 

/*html>body .landing-section #sortable li { height: 1.5em; line-height: 1.2em; }*/
.landing-section .ui-state-highlight {margin:0.5%; float: left; width: 32%;padding: 0px;border-radius: 5px;text-align: center; position: relative; height: 100px;background: none; border: dashed 2px #a5a5a5;}
/*---Landing--*/

/*----Set Budget---*/
.set-budget-wrapper{padding-top: 15px;}
.set-budget-wrapper .item{display: table;width: 100%; margin-bottom: 10px;border-bottom: solid 1px #ccc;padding-bottom: 10px;}
.set-budget-wrapper .item label {font-weight: 400;display: block;width: 80%;white-space: normal;}
.budget-uti{display: table;width: 100%; margin-bottom: 5px;border-bottom: solid 1px #ccc;padding-bottom: 5px;}
.budget-uti .col-sm-3{white-space: normal;}
.bud-percent-summery{width: 100%;border: solid 1px #818181;border-radius: 10px; overflow-x: auto;background: #ededed;}
.bud-percent-summery ul{margin: 0px;padding: 0px;list-style: none; white-space: nowrap;}
.bud-percent-summery ul li{ width: 240px;text-align: center;border-right: solid 1px #818181;padding: 10px;display: inline-block;background: #fff;}
.bud-percent-summery ul li:last-child{border-right: solid 1px #818181;}
.bud-percent-summery ul li span{display: block;font-weight: 500;font-size: 13px;}
.bud-percent-summery ul li:nth-child(odd){background: #f9f9f9;}
.bud-cat-percent{float: right;font-size: 13px;font-weight: 500;}
.r-d-head{float: right !important;} 

/*----Set Budget---*/

/*---SalesVu AI----*/

#send_ai_answer_email{z-index: 10000000;}
#send_ai_answer_email .modal-dialog{top: 50%; margin-top: -87px;}
#send_ai_answer_email .modal-content{border: solid 2px #000;}

.sv-ai-popup{z-index: 1000000 !important;}
.sv-ai-popup .modal-dialog.modal-lg{height: calc(100% - 60px); background:#fff;border-radius: 10px;}
.sv-ai-popup .modal-content{border-radius: 10px;background: #f9fafb80;}
.sv-ai-popup .modal-header{border-bottom: solid 1px #e9e9e9 !important; text-align: center; background: #fff !important; border-radius: 10px 10px 0px 0px; justify-content: space-between; display: flex; padding: 15px 25px !important; align-items: center; gap:20px}
.sv-ai-popup .modal-header:before{display:none;}
.sv-ai-popup .modal-header:after{display:none;}
.sv-ai-popup .modal-header .close{top: unset; right:unset; position:relative; margin:0px;}
.sv-ai-popup .modal-header .close:after{ display:none;}
.sv-ai-popup .modal-header .modal-title{font-size: 18px; font-weight: 500; text-align: left; display: flex; align-items: center; gap: 10px; width:70%}
.sv-ai-popup .modal-header .modal-title .head-img{width: 28px; background: #000; border-radius: 5px;}
.sv-ai-popup .modal-header .modal-title span{padding: 2px 7px; font-size: 12px; font-weight: 600; background-color: #dbe9fe; color: #2a49ae; text-transform: uppercase; border-radius: 10px; border: solid 0px; letter-spacing: 0.5px; line-height: 14px;}
.sv-ai-popup .modal-header select{    box-shadow: unset; width: 250px; background: #f8fafc; border: solid 1px #e2e8f0; font-weight: 400; font-size: 12px; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 40px; background-color: #f8fafc; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px; background-size: 12px; font-weight: 600;}
.sv-ai-popup .modal-body[id="modal-body-data"]{height: calc(100vh - 249px); overflow: auto;}
.sv-ai-popup .modal-body.has-pinned[id="modal-body-data"]{height: calc(100vh - 249px); overflow: auto; padding-bottom: 60px;}
.sv-ai-popup .modal-body[id="modal-body-data-background"]{height: calc(100vh - 125px); overflow: hidden; padding: 0px; border-radius:10px}

.user-question{position: relative; background: #edf4ff; width: fit-content; font-size: 15px; padding: 7px 25px; min-height: 30px; color: #000; text-align: right; border-radius: 5px; margin-top: 16px; border: solid 2px #c7d2fe; width: 94%; margin: 0px auto; margin-top: 40px;}
.sv-ai-popup .user-question:first-child{margin-top:20px;}
.user-question img{position: absolute; width: 30px; right: -13px; top: -13px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border-radius: 5px; background: #889397;}
.sv-ai-question{border-radius: 5px; padding: 20px; white-space: pre-wrap; overflow-wrap: break-word; font-size: 15px; position: relative; background-color: #FFFFFF; max-width: 94%; border: solid 1px #bfbfbf; margin: 0 auto; margin-top: 25px; box-shadow: 0 0 0 0px #fff, 0 0 0 calc(3px + 0px) rgb(224 231 255 / .4), 0 5px 7px -1px rgb(0 0 0 / 0.1), 0 3px 5px -1px rgb(0 0 0 / 0.1); border: solid 2px #c7d2fe;}
.sv-ai-popup .sv-ai-question{padding: 20px 20px 70px 20px;}
.sv-ai-question img{position: absolute;width: 30px; left: -13px; top: -13px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border-radius: 5px; background: #000;}
.user-question .sv-ai-qtime{display: table; width: 100%; font-size: 11px; font-weight: 600; margin-top: 7px; border-top: solid 1px #c7d2fe;    padding-top: 7px;}

.sv-ai-popup .modal-footer {padding: 20px; background: #fff; border-radius: 0px 0px 10px 10px; position:relative;}
.sv-ai-popup .modal-footer .ai-question{display:flex; gap: 10px; align-items: center; position:relative; z-index:1}
.sv-ai-popup .modal-footer .ai-question .ai-question-section{position: relative; border-radius: 5px; border: 1px solid #d1d5db; z-index: 2; background-color: #FFFFFF; color: black; width: 100%; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); display: flex;}
.sv-ai-popup .modal-footer .ai-question .ai-question-section .ai-pop-dropdown{border: 0px; font-size: 13px; border-radius: 5px 0px 0px 5px; padding: 13px; border-right: solid 1px #e5e7eb; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 40px; background-color: #f9fafb; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px;}
.sv-ai-popup .modal-footer .ai-question .ai-question-section .ai-pop-dropdown:focus-visible{ border:0; outline:0;}
.sv-ai-popup .modal-footer .ai-question .ai-question-section .chatbot-input-bar textarea{width: 100%; padding: 10px; border: 0px; border-radius: 0px; overflow-y: hidden; resize: none; height: 100%; align-items: center; align-content: center;}
.sv-ai-popup .modal-footer .ai-question .ai-question-section .chatbot-input-bar{width: 89%;}
.sv-ai-popup .modal-footer .ai-question .ai-question-section .chatbot-enter-btn{position: relative; width: 60px; height: 45px; border-left: solid 1px #e5e7eb; padding: 4px;}
.sv-ai-popup .modal-footer .ai-question .ai-question-section .chatbot-enter-btn button{background-color: #E8EDEB; border-color: #C1C7C6; color: #000; box-shadow: none; width: 100%; margin: 0px; border: solid 0px; border-radius: 0px; font-weight: 500; padding: 7px; height: 100%;}
.sv-ai-popup .modal-footer .ai-question .ai-question-section .chatbot-enter-btn button svg{width:auto; height:100%;}
.sv-ai-popup .modal-footer .ai-question .ai-question-section .chatbot-enter-btn button.clk-disable{opacity: 0.3;cursor: not-allowed;}
.sv-ai-popup .modal-footer .sv-chatbot-info{padding:5px; padding-bottom:0px; font-size: 13px; font-size: 12px; width: 100%; display: grid; align-items: center; gap:8px; font-size:12px; line-height:normal; text-align:left; display:flex;}
.sv-ai-popup .modal-footer .sv-chatbot-info svg{width:30px; height:auto;}
.ai-question-section-limit{float: left;position: relative;border-radius: 8px;border: 0px solid #889397;z-index: 2;background-color: transparent;color: #fe1818f2;width: 100%;text-align: center;font-weight: 500;font-size: 16px;}
.sv-ai-popup .modal-footer .ai-question .history{box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); font-size: 14px; line-height: 20px; padding: 13px 20px; background: #fff; border: solid 1px #d1d5db; border-radius: 5px; display: flex; gap: 10px; align-items: center; color: #000; text-decoration:none;}

.sv-ai-question .bottom-options .leftoptions{display: flex; gap: 5px; align-items: center;}
.sv-ai-question .follow-up{background: #fff; border-radius: 3px; font-size: 12px; color: #000; line-height: normal; text-decoration:none!important; position: relative; border: solid 1px #e2e8f0; border-radius: 5px; padding: 4px 7px 4px 32px; text-decoration: none; color: #000; font-size:13px;}
.sv-ai-question .follow-up:hover{color:#2563eb; border-color:#93c5fd; background:#eff6ff}
.sv-ai-question .follow-up::before {content: ""; position: absolute; left: 8px; top: 5px; width: 16px; height: 16px; display: block; background-color: #6b7280; -webkit-mask-image: url("data:image/svg+xml;utf8,\ <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='383.952px' height='383.952px' viewBox='0 0 383.952 383.952' enable-background='new 0 0 383.952 383.952' xml:space='preserve'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.24,163.111c0-6.661,0-13.322,0-19.984c0.217-0.951,0.55-1.893,0.633-2.855 c2.098-24.083,9.913-46.203,23.591-66.063C53.243,36.783,89.114,14.792,133.448,6.203c6.861-1.328,13.85-1.992,20.78-2.962 c7.401,0,14.803,0,22.205,0c0.944,0.21,1.88,0.545,2.834,0.611c17.214,1.194,33.992,4.689,49.829,11.448 c54.549,23.28,89.182,62.596,97.603,122.696c0.174,1.237,1.183,2.595,2.187,3.436c4.627,3.871,9.558,7.388,14.078,11.373 c44.016,38.805,51.989,104.323,18.558,152.554c-1.517,2.188-1.763,3.908-0.751,6.362c6.664,16.154,13.151,32.382,19.751,48.563 c1.641,4.021,2.291,8.039,0.747,12.222c-1.91,5.176-5.994,7.905-10.918,9.687c-1.974,0-3.947,0-5.921,0 c-2.026-0.869-4.06-1.722-6.077-2.61c-18.809-8.28-37.599-16.602-56.447-24.786c-1.524-0.662-3.653-0.984-5.159-0.468 c-19.399,6.662-39.277,9.303-59.692,7.213c-42.895-4.389-77.225-23.432-101.526-59.588c-0.835-1.243-2.507-2.244-3.987-2.678 c-7.902-2.32-15.943-4.189-23.773-6.718c-3.187-1.029-5.703-0.877-8.694,0.456c-24.504,10.92-49.065,21.71-73.627,32.499 c-9.888,4.345-17.812,1.007-21.633-8.988c-0.129-0.338-0.378-0.631-0.572-0.944c0-1.975,0-3.947,0-5.922 c9.183-22.711,18.318-45.44,27.615-68.104c1.018-2.48,0.848-4.108-0.731-6.285c-11.279-15.541-19.3-32.625-23.333-51.447 C5.325,176.979,4.408,170.018,3.24,163.111z M45.534,284.167c2.047-0.836,3.158-1.26,4.245-1.738 c14.99-6.597,30.029-13.085,44.936-19.863c5.543-2.521,10.661-2.565,16.348-0.35c39.871,15.539,79.222,14.225,117.933-4.15 c8.537-4.051,17.045-1.554,20.895,6.146c3.85,7.698,0.721,16.165-7.674,20.351c-15.32,7.64-31.447,12.841-48.364,15.477 c-6.372,0.992-12.794,1.652-19.193,2.464c-0.193,0.368-0.385,0.737-0.578,1.105c7.017,4.902,13.657,10.492,21.116,14.586 c30.989,17.011,63.2,19.087,96.214,6.35c5.661-2.185,10.847-2.318,16.365,0.332c7.211,3.465,14.613,6.528,21.943,9.745 c3.082,1.353,6.188,2.651,10.177,4.358c-3.48-8.663-6.298-16.519-9.768-24.075c-3.621-7.887-2.43-14.352,3.05-21.098 c26.015-32.035,25.826-76.396-0.152-108.468c-2.291-2.828-4.819-5.463-7.591-8.585c-0.448,2.063-0.74,3.382-1.021,4.704 c-3.685,17.297-10.342,33.371-19.991,48.183c-3.349,5.141-9.399,7.644-15.046,6.512c-6.194-1.241-10.676-5.848-11.897-12.175 c-0.914-4.731,1.016-8.618,3.399-12.484c26.077-42.279,21.677-95.049-11.054-132.263c-22.905-26.042-51.841-40.927-86.08-45.077 c-42.075-5.099-79.807,5.535-111.793,33.765c-46.384,40.934-52.264,107.931-13.764,155.279c5.781,7.111,6.89,13.701,3.167,22.057 C55.802,257.716,51.031,270.528,45.534,284.167z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M165.485,62.812c25.497,0.448,48.146,18.382,53.827,42.961 c5.844,25.28-5.98,51.138-29.03,62.37c-6.581,3.207-10.229,7.201-10.358,14.871c-0.133,7.866-7.454,13.742-15.323,13.38 c-7.698-0.353-14.023-6.619-14.019-14.451c0.009-17.79,7.832-31.017,23.944-38.838c8.277-4.017,14.079-9.811,16.063-18.963 c3.242-14.962-7.082-29.339-22.361-31.209c-14.688-1.798-28.191,9.708-28.729,24.712c-0.25,6.987-3.028,12.189-9.586,14.823 c-9.687,3.891-19.933-3.318-20.085-13.943c-0.355-24.911,17.979-48.174,42.539-53.757C156.665,63.789,161.108,63.447,165.485,62.812 z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M164.671,243.774c-8.142,0.042-14.832-6.575-14.872-14.711 c-0.039-8.162,6.554-14.833,14.704-14.874c8.151-0.041,14.833,6.564,14.875,14.706C179.422,237.042,172.809,243.731,164.671,243.774z'/></svg>"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center; mask-size: contain;}

.pinned-question{position: absolute; bottom: unset; width: 82%; background: #fff; border: solid 1px #ccc; padding: 10px; display: flex; gap: 15px; left: 20px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border: solid 5px #fff; top: -54px; width: calc(100% - 41px); padding-bottom: 50px; text-align: left; justify-content: space-between;}
.pinned-question .icon{width:30px; flex-shrink: 0;}
.pinned-question .icon svg{width:100%; height:auto;}
.pinned-question .qna {width:100%;}
.pinned-question .qna .question{font-size: 15px; font-weight: 600;}
.pinned-question .qna .answer{font-size: 12px;}
.pinned-question .cross{width: 15px; cursor:pointer; flex-shrink: 0;}
.pinned-question .cross svg{width:100%; height:auto;}

#show_background_ans_div{height: calc(100vh - 144px); overflow: auto; padding: 0px 0px 20px 0px;}
#show_background_ans_div .user-question{position: absolute; top: 0px; margin: 0px; width: 100%; left: 0px; border-radius: 0px; border: 0px; background: #f8fafc; padding: 15px 20px; z-index: 100; text-align: left; display: flex; gap: 10px; align-items: center; font-size: 15px; font-weight: 600; border-bottom: solid 1px #e5e7eb; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
#show_background_ans_div .user-question img {position: relative; width: 30px; right: unset; top: unset; border-radius: 30px;}
#show_background_ans_div .sv-ai-question{width:100%; box-shadow: 0 0 0 0px #fff, 0 0 0 calc(3px + 0px) rgb(224 231 255 / .4), 0 5px 7px -1px rgb(0 0 0 / 0.1), 0 3px 5px -1px rgb(0 0 0 / 0.1); border: solid 2px #c7d2fe;}
#show_background_ans_div .sv-ai-question .top-option{width: calc(100% + 42px); display: flex; margin-bottom: 15px; justify-content: end; gap: 10px; align-items: center; margin-left: -21px; margin-right: -21px; padding: 10px 15px; margin-top: -21px; border-bottom: solid 1px #bfbfbf; justify-content: space-between;}
#show_background_ans_div .sv-ai-question .top-option .action{display: flex; gap: 10px;}
#show_background_ans_div .sv-ai-question .send-email{position: relative; border: solid 1px #e2e8f0; border-radius: 5px; padding: 4px 7px 4px 32px; text-decoration: none; color: #000; font-size:13px;}
#show_background_ans_div .sv-ai-question .send-email:hover{color:#2563eb; border-color:#93c5fd; background:#eff6ff}
#show_background_ans_div .sv-ai-question .send-email::before {content: ""; position: absolute; left: 9px; top: 6px; width: 14px; height: 14px; display: block; background-color: #6b7280; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center; mask-size: contain;}
#show_background_ans_div .sv-ai-question .send-email:hover::before {background-color: #2563eb; /* hover color */}
#show_background_ans_div .sv-ai-question .sent-mail{display: flex; gap: 10px; position: relative; border: solid 1px #d1fae5; border-radius: 5px; padding: 4px 7px; text-decoration: none; color: #000; font-size: 13px; background: #ecfdf5; color: #047857; align-items: center;}
#show_background_ans_div .sv-ai-question .sent-mail svg{width: 16px; height: auto; fill: #fff; background: #047857; border-radius: 16px; height: 16px; padding: 3px;}
#show_background_ans_div .sv-ai-question .unread{position: relative; border: solid 1px #e2e8f0; border-radius: 5px; padding: 4px 7px 4px 32px; text-decoration: none; color: #000; font-size:13px;}
#show_background_ans_div .sv-ai-question .unread:hover{color:#2563eb; border-color:#93c5fd; background:#eff6ff}
#show_background_ans_div .sv-ai-question .unread::before {content: ""; position: absolute; left: 9px; top: 6px; width: 14px; height: 14px; display: block; background-color: #6b7280; -webkit-mask-image: url("data:image/svg+xml;utf8,\ <svg class='svg-inline--fa fa-envelope-open' aria-hidden='true' focusable='false' data-prefix='far' data-icon='envelope-open' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' data-fa-i2svg=''><path fill='currentColor' d='M255.4 48.2c.2-.1 .4-.2 .6-.2s.4 .1 .6 .2L460.6 194c2.1 1.5 3.4 3.9 3.4 6.5v13.6L291.5 355.7c-20.7 17-50.4 17-71.1 0L48 214.1V200.5c0-2.6 1.2-5 3.4-6.5L255.4 48.2zM48 276.2L190 392.8c38.4 31.5 93.7 31.5 132 0L464 276.2V456c0 4.4-3.6 8-8 8H56c-4.4 0-8-3.6-8-8V276.2zM256 0c-10.2 0-20.2 3.2-28.5 9.1L23.5 154.9C8.7 165.4 0 182.4 0 200.5V456c0 30.9 25.1 56 56 56H456c30.9 0 56-25.1 56-56V200.5c0-18.1-8.7-35.1-23.4-45.6L284.5 9.1C276.2 3.2 266.2 0 256 0z'></path></svg>"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center; mask-size: contain;}
#show_background_ans_div .sv-ai-qtime{position: relative; font-size: 11px; font-weight: 500; color: #959595;}
#show_background_ans_div .sv-ai-qtime span{display: table; font-size: 20px; color: #000; font-weight: 600;}
#show_background_ans_div .sv-ai-question .unread:hover::before {background-color: #2563eb; /* hover color */}
#show_background_ans_div .sv-ai-question .user-avtar-img{left: 18px!important; top: 15px!important; box-shadow:unset;}
#show_background_ans_div .read-more{display:none;}
#show_background_ans_div [read_flag="0"] .sv-ai-question{height: 230px;overflow: hidden; box-shadow: 0 0 0 0px #fff, 0 0 0 calc(3px + 0px) rgb(224 231 255 / .4), 0 5px 7px -1px rgb(0 0 0 / 0.1), 0 3px 5px -1px rgb(0 0 0 / 0.1); border: solid 2px #c7d2fe;}
#show_background_ans_div [read_flag="0"] .sv-ai-question .bottom-options{display:none;}
#show_background_ans_div [read_flag="0"] .sv-ai-question .read-more{background-image: linear-gradient(to top, #fff, rgb(255 255 255 / 0.9), transparent); display: block; position: absolute; bottom: 0px; width: 100%; text-align: center; box-shadow: unset; padding: 50px 0px 12px 0px; display: flex; justify-content: center; align-items: end; left: 0px;}
#show_background_ans_div [read_flag="0"] .sv-ai-question .read-more .inner-rm{box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05); color:#475569; font-size:15px; line-height:16px; padding:6px 16px; border-radius:100px; border:solid 2px #c7d2fe; text-decoration:none; display:flex; background:#fff; transition: all 1s ease; font-weight:600;}
#show_background_ans_div [read_flag="0"] .sv-ai-question:hover  .read-more .inner-rm{border:solid 2px #4f46e5; box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 0.3); transition: all 1s ease;}
#show_background_ans_div [read_flag="0"] .sv-ai-question .read-more .inner-rm svg{width:13px;}
#show_background_ans_div [read_flag="0"] .sv-ai-question .top-option{border:0px;}
#show_background_ans_div [read_flag="0"] .sv-ai-question .top-option .unread{display:none;}
.sv-ai-question .bottom-options{position: absolute; display: flex; bottom: 0px; background: #f8fafc; left: 0px; width: 100%; border-radius: 0px 0px 5px 5px; padding: 5px 10px; justify-content: space-between; flex-direction: row-reverse; box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);}
#show_background_ans_div .sv-ai-question .bottom-options .sv-like-responce{margin: 0px; display: flex; gap: 5px; align-items: center;}
#show_background_ans_div .sv-ai-question .bottom-options .leftoptions{display: flex; gap: 5px; align-items: center;}
#show_background_ans_div .sv-ai-question .bottom-options .leftoptions a{background: #fff; padding: 3px 10px; border-radius: 3px; font-size: 12px; color: #000; border: solid 1px #ccc; line-height: normal; text-decoration:none!important;}}
#show_background_ans_div .sv-ai-question .bottom-options .leftoptions a:hover{background:#dbe9fe; text-decoration:none!important;}
#show_background_ans_div .sv-ai-question .bottom-options .leftoptions a.active[title="Not a Good Recommendation"]{background-color: #C62828; color: #fff; border: 1px solid #C62828;}
#show_background_ans_div .sv-ai-question .bottom-options .leftoptions a.active[title="To Be Implemented"]{background-color: #EF6C00; color: #fff; border: 1px solid #EF6C00;}
#show_background_ans_div .sv-ai-question .bottom-options .leftoptions a.active[title="Implemented"]{background-color: #38663b; color: #fff; border: 1px solid #38663b;}
#modal-body-data-background.all_respons {padding-top:0px;}
#modal-body-data-background.all_respons .user-question{position: sticky; top: 0px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); margin-top: 25px; border-top: solid 1px #e5e7eb;}
#modal-body-data-background.all_respons .user-question:first-child{margin-top: 0px;}
#modal-body-data-background.all_respons #show_background_ans_div{height:calc(100vh - 125px);}

.no-answer{width: 100%; height: calc(100vh - 220px); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.no-answer .icon{width: 70px; margin: 0 auto; border-radius: 10px; border: solid 1px #e1e1e1; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); height: auto;}
.no-answer .icon img{width:100%; height:auto; border-radius:10px;}
.no-answer .text{font-size: 25px; text-align: center; font-weight: 600; margin-top:20px;}
.no-answer .text span{display: table; font-size: 15px; font-weight: 400;}

.sv-ai-question .bottom-options .sv-like-responce{position: relative; display: flex; gap: 5px; align-items: center; padding: 0px; margin: 0px;}
.sv-ai-question .bottom-options .sv-like-responce span{font-size:13px; text-transform: capitalize;}
.sv-ai-question .bottom-options .sv-like-responce a{background: #fff; padding: 3px 13px; border-radius: 100px; font-size: 12px; color: #000; border: solid 1px #ccc; line-height: normal;} 
.sv-ai-question .bottom-options .sv-like-responce .dislike.active-res{backGround:#e52028; border-color:#e52028}
.sv-ai-question .bottom-options .sv-like-responce .active-res{background:#46b549; border-color:#46b549}

.sv-chatbot-info .toggle{border: solid 1px #889397; padding: 7px 5px; color: #000; background: #fff; border-radius: 5px; display: grid; grid-template-columns: 35% 64%;}
.sv-chatbot-info .toggle .switch{margin:0px;}
.sv-chatbot-info .toggle .label{color: #000; font-size: 13px; font-weight: 400; white-space: normal; padding: 0px; text-align: left;}
.sv-chatbot-info a{text-decoration: none !important; position: relative; font-size: 15px; border: solid 1px #889397; border-radius: 5px; padding: 8px; background: #fff; color: #000; text-align: center; align-items: center; align-content: center; text-align:left; line-height: 15px; display: inline-flex;}
.sv-chatbot-info a .fa{font-size: 22px; float:left; margin-right:10px;}

.ai-star{position: absolute;width: 20px;left: 8px;top: 9px;}
.chatbot-modal-input-bar{width: 100%;height: 36px;padding: 8px 35px;border: 0px;overflow: scroll;border-radius: 8px;}

.aks-sv-ai{border-radius: 40px;padding: 0px;outline: none;border-style: solid;cursor: pointer;-webkit-transition: box-shadow 300ms ease-in-out;transition: box-shadow 300ms ease-in-out;border-color: #00A35C;background-color: #FFFFFF;color: #00684A;border: solid 1px;padding: 10px 20px; font-size: 14px;font-weight: 600; position: absolute;top: 0px; width: 168px; left:50%;}
.message-center .aks-sv-ai{top: 12px;}
.message-center .inner_panel .chat-video {position: absolute;right: 65px;}
.ai-star-green{width: 18px;margin-right: 10px;}
.enter-icon{width: 15px;margin-left:2px;}
.add-border-parent{outline:solid 3px #0498ec;}
#chatbot-modal-input-bar:focus-visible {outline: none !important;outline-offset: 3px;border:0 !important;}
.sv-ai-question-defult{margin-top: 2%;width: max-width: 92%;}
.home_page .aks-sv-ai{position: absolute; top: 0px; line-height: 30px; padding: 5px 20px; width: 168px; left:50%; margin-left:-180px;}
/*.home_page  .navbar .container-fluid{padding-right: 0px;}
.home_page .hm-sub-text{padding-right: 0px;}*/

.home_page  .navbar .container-fluid.sv-ai-btn-hide{padding-right: 0px;}
.home_page .hm-sub-text.sv-ai-btn-hide{padding-right: 0px;}  
.ai-text-animation {vertical-align: sub; height: 1em; overflow: hidden; display: inline-block; line-height: 2em;}
.ai-text-animation ul {animation: ai-text-animation 10s infinite; padding: 0; margin-top: -0.55em; list-style: none; text-align: left;}

@keyframes ai-text-animation {
	0%        { margin-top: -0.55em }
	12.5%     { margin-top: -2.54em }
	25%       { margin-top: -4.55em }
	37.5%     { margin-top: -6.55em }
	50%       { margin-top: -8.5em }
	62.5%     { margin-top: -6.55em }
	75%       { margin-top: -4.55em }
	87.5%     { margin-top: -2.54em }
	100%      { margin-top: -0.55em }
}


/*.sv-ai-question ol li{list-style: disc; margin-left: 30px !important;}
.sv-ai-question ol li li{list-style: circle; margin-left: 30px !important;} 
.sv-ai-question ol ul{list-style: disc;margin-left: 0px !important;padding-left: 0px !important;}
.sv-ai-question ol li:first-child{list-style: decimal !important; margin-left: 0px !important;}*/
.sv-ai-question ol li br{display: none;}
.sv-ai-question ul li br{display: none;}
.sv-ai-question p{margin-bottom: 0 !important;}
.sv-ai-question br{line-height: 0.8 !important;}
.sv-ai-question h1 {margin-top: 10px !important;margin-bottom: 10px !important;}
.sv-ai-question h2 {margin-top: 10px !important;margin-bottom: 10px !important;}
.sv-ai-question h3 {margin-top: 10px !important;margin-bottom: 10px !important;}
.sv-ai-question h4 {margin-top: 10px !important;margin-bottom: 10px !important;}
.sv-ai-question strong {font-weight: 500;}
.sv-ai-question b {font-weight: 500;}
.sv-defult-question-sugg {margin-top: 10px;margin-bottom: 10px; margin-left: 58px;width: 100%;max-width: 93%;}
.sv-defult-question-sugg a{ display: inline-block;padding: 8px 10px;border: solid 1px #00A35C;border-radius: 30px;margin: 1%;width: 47%;text-align: center;color: #00684A;}
.sv-defult-question-sugg a:hover{ text-decoration: none;}
.sv-like-responce{position: absolute;margin: 12px 0px;font-weight: 500;font-size: 12px;color: #337ab7;text-transform: uppercase; bottom: 1px;}
.sv-like-responce span{font-size: 16px;color: #5a5a5a;}
.sv-like-responce a{border: solid 1px #ccc;padding: 0px 10px;border-radius: 5px;color: #9a9a9a;margin: 5px 0px; position: relative;}
.sv-like-responce a:hover{background: #dedede; text-decoration: none; outline: 0; }
.sv-like-responce a:active{background: #dedede; text-decoration: none; outline: 0; }
.sv-like-responce a:focus-visible{background: #dedede; text-decoration: none; outline: 0; }
.sv-like-responce a:focus{background: #dedede; text-decoration: none; outline: 0; }
.sv-like-responce a:visited{background: #dedede; text-decoration: none; outline: 0;}
.sv-like-responce a.active-res{background: #232323; text-decoration: none;border: solid 1px #212121;color: #fff !important;}
.sv-like-responce .lp-tool-tip{width: 130px;top: 31px;margin-left: -67px;text-align: center;}
.sv-like-responce a:hover .lp-tool-tip{display:block}
.sv-like-responce .lp-tool-tip:before {content: '\f0d8';top: -15px;font-size: 23px;left: 50%;margin-left: -7px;color: #000;text-shadow: 0px 4px 3px rgb(0 0 0 / 15%);}
.sv-ai-question ol li::marker{line-height: 0px;}
.sv-ai-question ul li::marker{line-height: 0px;}

.sv-ai-ans-loading{padding: 0px 24px !important;}
.loader-line {width: 200px;height: 12px;position: relative;overflow: hidden;background-color: #ddd;margin:-18px auto;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.loader-line:before {content: "";position: absolute;left: -50%;height: 12px;width: 40%;background-color: #ebebeb;-webkit-animation: lineAnim 1s linear infinite;-moz-animation: lineAnim 1s linear infinite;animation: lineAnim 1s linear infinite;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.sv-ai-analytics .data_panel_wrapper .more_than_10 li{width: 219px;}
.sv-ai-analytics-qa .data_panel_wrapper .more_than_10 li{width: 120px;}
.sv-ai-analytics-qa .data_panel_wrapper .data_panel li.col-height a{color: #10B981;margin-left: 10px;}
.sv-ai-analytics-qa .data_panel_wrapper .more_than_10 li:nth-child(2){left: 220px;}
.sv-ai-owner-detail{ display: table; width: 100%; float: none !important;}
.sv-ai-owner-item{display: table;width: 100%;padding: 8px;background: #fafafa;border-radius: 7px;margin-top: 10px;border: solid 1px #ccc; position: relative;}
.sv-ai-graph{ position: absolute; right: 10px;width: auto !important;cursor: pointer;}
.sv-ai-graph img{ width: 40px;}
.mpld3-figure{ width: 100% !important;}
.sv-ai-owner-item div{ float: left; width: 16%;font-size: 14px;}
.sv-ai-owner-item div span{display: block;font-weight: 500;font-size: 13px;}
.st-score{color: #10B981 !important;}
.show-chat-btn{color: #10B981 !important; background: none; text-decoration: underline !important; font-weight: 500; }
.sv-ai-analytics .data_panel_wrapper .more_than_10 li:first-child{ width: 170px !important;}
.sv-ai-analytics .data_panel_wrapper .more_than_10 ul li:nth-child(2) { left: 170px !important;width: 270px !important;}
.sv-ai-analytics .data_panel_wrapper .more_than_10 li:nth-child(3) {width: 125px !important;}
.sv-ai-analytics .data_panel_wrapper .more_than_10 li:nth-child(4) {width: 135px !important;}
.sv-ai-analytics .data_panel_wrapper .more_than_10 li:nth-child(5) {width: 120px !important;}
.sv-ai-analytics .data_panel_wrapper .more_than_10 li:nth-child(6) {width: 168px !important;}
.sv-ai-analytics .data_panel_wrapper .more_than_10 li:nth-child(7) {width: 120px !important;}
.sv-ai-analytics-qa .data_panel_wrapper .more_than_10 ul li:nth-child(2) { width: 255px !important;position: unset !important}
.sv-ai-analytics-qa .data_panel_wrapper .more_than_10 li:nth-child(3) { width: 255px !important;}
.sv-ai-analytics-qa .data_panel_wrapper .more_than_10 li:nth-child(5) { width: 110px !important;}
.sv-ai-analytics-qa .data_panel_wrapper .more_than_10 li:nth-child(6) { width: 100px !important;}
.sv-ai-analytics-qa .data_panel_wrapper.sv-ai-analytics-qa-merchant .more_than_10 li:first-child{ width: 120px !important;}
.sv-ai-analytics-qa .data_panel_wrapper.sv-ai-analytics-qa-merchant .more_than_10 li:nth-child(2){width:200px !important;}
.sv-ai-analytics-qa .sv-ai-popup h3{font-size: 20px;}
.sv-ai-analytics-qa .sv-ai-popup strong{font-weight: 500;}
.sv-ai-analytics-qa .sv-ai-popup li li{ margin-bottom: 10px;}
.total-cost-ai{font-size: 19px;font-weight: 400;padding-top: 5px;}
.total-cost-ai span{font-weight: 600;}
.ai-chat-history-report{padding: 30px 10px;margin: 0px auto;height: 586px;overflow: auto;border-radius: 10px;border: solid 1px #f9f9f9;background: #fdfdfd;}

#update_ai_premium_bundle .modal-body{padding: 50px;}
#update_ai_premium_bundle .modal-body .heading{text-align: center; font-size: 25px; font-weight: 600; color: #10b891;}
#update_ai_premium_bundle .modal-body p{text-align: center; font-size: 17px; color: #797979;}
#update_ai_premium_bundle .modal-body .action{display: flex; gap: 20px; justify-content: center;}
#update_ai_premium_bundle .modal-body .action .btn.btn-primary{font-size: 18px !important; padding: 5px 25px; margin-top: 10px;}

#show_background_ai_notification .notification {position: fixed; bottom: 20px; right: 20px; background-color: #333; color: white; padding: 15px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); z-index: 1000; display: flex; align-items: center; gap: 10px;}
#show_background_ai_notification .close-btn {cursor: pointer; font-weight: bold;}
#show_background_ai_notification .notification{background: #fff; flex-direction: column; padding:0px; gap:0px;width:250px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
#show_background_ai_notification .notification .head{display: flex; color: #000; gap: 10px; font-weight: 600; border-bottom: solid 1px #bfbfbf; padding: 10px; background: #eefaf4 !important; border-radius:10px 10px 0px 0px; width:100%;}
#show_background_ai_notification .notification .head svg{width: 20px; height: auto;}
#show_background_ai_notification .notification .msg{position: relative; margin: 0px; white-space: normal; top: unset; color: #000; text-align: left; padding: 10px 15px;}
#show_background_ai_notification .notification .action{width: 100%; display: flex; padding: 10px; gap: 10px; justify-content: center; border-top: solid 1px #bfbfbf;}


@keyframes lineAnim {
	0% {left: -40%;}
	50% {left: 20%; width: 80%;}
	100% {left: 100%; width: 100%;}
}
/*---SalesVu AI----*/


/*---Clean up Account----*/
.clean-up-title-bar{
	border: solid 1px #c6eefc;
    text-align: center;
    margin-top: 10px;
    border-radius: 5px;
    background: #f1fafd;
    padding: 5px;
	color: #0b94d3;
    font-weight: 500;
}

.clean-up-title-bar a{
	color: #10B981;
	text-decoration: underline;

}

/*---SalesVu API----*/
.api-show-hide-btn{
	border: solid 1px;
	text-decoration: none;
	color: #ffffff;
	border-radius: 7px;
	font-size: 13px;
	margin-top: 8px;
	padding: 8px 10px;
	background: #10B981;
	font-weight: 500;


}
#api-key-copy{
	color: #10B981;
	font-weight: 600;
	cursor: pointer;
	
}

#api-show-btn{
	color: #10B981;
	font-weight: 600;
	cursor: pointer;
	font-size: 18px;
	margin-left:5px;
	position: absolute;
	right: 88px;
	top: 26px;
}

#api-hide-btn{
	color: #10B981;
	font-weight: 600;
	cursor: pointer;
	margin-left:5px;
	font-size: 18px;
	position: absolute;
	right: 88px;
	top: 26px;
}

.api_warper .api-key-wrp{
	margin-bottom: 10px;
	position: relative;
}

.api-key-width-wrapper{
	width: 340px;
	margin: 0px auto;
	display: inline-block;
	height: 30px;
}

/*---SalesVu API----*/


/*---Support Page---*/
.support-page .NumberedPager{text-align: center;}
.support-page .NumberedPager .pagination{font-size: 16px;}

.import-product-banner{background: #1f2937; padding: 20px;border-radius: 10px;color: #fff;margin-bottom: 20px;}
.import-product-banner div.icon-imp-product{ float: left; width: 25%;font-size: 22px;font-weight: 500;    margin-top: 12px;}
.import-product-banner div.link-imp-product{ float: left; width: 74%;}
.import-product-banner div.link-imp-product a{ float: left; width: 33%; text-decoration: underline; color: #fff;margin: 6px 0px;}
.imp-pro-img{width: 55px; margin-right: 15px;}



/*---Clean up Account----*/




.web_access_level{}
.restrictions_pos_access_level{}
.dhx_cal_container .btn-default.active{background-color: #10B981 !important;border-color: #10B981;color: #fff !important;box-shadow: 0px 1px 2px rgb(0 0 0 / 5%);opacity: 1;padding-top: 8px;}
.dhx_cal_container .btn{line-height:14px;}
.my_document .data_panel_wrapper li:nth-child(2){width:172px;}
.employee_performance_review .data_panel_wrapper ul{padding-left:0px!important;}
.employee .data_panel_wrapper ul{padding-left:0px!important;}
.shift_discrepancy_report .data_panel_wrapper ul li:nth-child(5){width:200px;}
.shift_discrepancy_report .data_panel_wrapper ul li:nth-child(6){width:200px;}
.employee-payroll-report  .data_panel_wrapper ul li{width:192px;}
.employee-location-payroll .data_panel_wrapper ul li{width:192px;}
.employee_location .action_panel .note{margin-right: 30%;}
/*----- Employee section -----------*/

/*---Event---*/
.cash_hosted_btn_wrapper{display: table;text-align: center;width: 100%;margin: 28px 0 50px 0px;}
#cash_event{padding: 15px 30px;margin: 0px;display: inline-block;border-radius: 5px 0 0px 5px;font-size: 16px;font-weight: 500;}
#hosted_event{padding: 15px 30px;margin: 0px;display: inline-block;border-radius: 0px 5px 5px 0px;font-size: 16px;font-weight: 500;}
#cash_event:focus{ outline:none;}
#hosted_event:focus{ outline:none;}
.event_title{font-size: 16px;font-weight: 500;border-bottom: solid 2px #cdc8c8;background: #fff;margin-bottom: 10px;}
.event_field{font-size: 17px;font-style: italic;font-weight: 500;border-bottom: solid 2px #cdc8c8;padding: 9px 5px 12px 5px !important;line-height: 28px;
background: #fff;margin-bottom: 10px;}
.show_comp_notes{color:#10B981 !important; text-decoration:underline !important; font-size:12px;}
.hide_comp_notes{color:#10B981 !important; text-decoration:underline !important;font-size:12px;}
.inventory-event-page .data_panel_wrapper .more_than_10 li{width: 154px;}
.inventory-event-page .data_panel_wrapper .table_header li{padding: 12px 12px;}
.inventory-event-page .data_panel_wrapper li{padding: 12px 12px;}
#dynamic_area{height: 400px;overflow: auto;}

/*----- product and servcices -----------*/
.upload_photo_panel .add .add_more{background:transparent;}
.form_area .well{padding:10px; background:transparent;}
.well{background:transparent;}
.modifier_list_scroll{background:#fff;}
.form_area .well .field .txt{background:#fff;}
.field .txt{background:#fff;}
.upload_photo_panel .upload_photo{top:15px;}
#modifier_block h3{font-weight: 500 !important; font-size: 18px !important; line-height: 32px; color: #545e6b;}
#component_block h3{font-weight: 500 !important; font-size: 18px !important; line-height: 32px; color: #545e6b;}
.enable_ecommerce h3{font-weight: 500 !important; font-size: 18px !important; line-height: 32px; color: #545e6b;}
.enable_bapp h3{font-weight: 500 !important; font-size: 18px !important; line-height: 32px; color: #545e6b;}
.drag_drop{background:#fff;}
.unit .content_table li a{color:#000;}
#rec_section .border_all{background:#fff;}
.product_panel .category_box .heading{font-weight:400}
.product_panel .product_box .heading{font-weight:400}
.product_panel .product_box .form-control::placeholder{font-weight:500}
.p-services .data_panel_wrapper .data_panel li:first-child{width: 85px;}
.modal-body #product_items .tabuler_data li{padding: 12px 15px;}
.modal-body #product_items .tabuler_data li a{color: #10b981;}
.modal-body #product_items .tabuler_data .heading li{padding: 12px 15px;}
#save_modifiers{ color: #10b981;}
#cancel_modifiers{ color: #10b981;}
/*----- product and servcices -----------*/

.order_report .search_by{position: relative; top: 5px;}
.order_report .search_by_hide_filters{top: 0px;}
.order_list_page .search_by{ clear:both; position: relative; top: 5px;}
.wbmsg_total_count { background: #b3261e; z-index: 20; width: 20px; height: 20px; position: absolute; border-radius: 30px; left: 25px; color: #fff; font-size: 9px; text-align: center; line-height: 19px; top: 1px; font-weight: 500;}
.saved_page .criteria_header{width:100%; display:table; margin:0px; padding:0px; border-bottom: 1px solid #ddd;}
.saved_page .criteria_header li{width:50%!important;}
/*---Group Seprator----*/
.emp-group-seprator{background: #f1f1f1;padding: 5px;font-weight: 600;}

/*----Appointments----*/ 

/*---Shift Request---*/
.shift-request-list{}
.shift-request-list ul{ margin: 0px; padding: 0px; list-style: none;}
.shift-request-list ul li{ border-bottom: solid 1px #ccc; padding: 10px;}



.saved_page .profit-margin .total-row{padding:0px; margin:0px;}
.saved_page .profit-margin .first-head{padding:0px; margin:0px;}

/*------ Manage Pos ----------------*/
.manage_pos_page .action_panel #wrap-bulkeditToggle{width:150px;}
.manage_pos_page .table_header li:first-child{width:66px; padding:6px 24px!important;}
.manage_pos_page .table_header li .dropdown{width: 20px; display: inline-block;}
.manage_pos_page .table_header li .dropdown .dropdown-toggle{padding: 0px; border: 0px!important; background: transparent!important;}
.manage_pos_page .table_header li .dropdown:hover svg path{stroke:#10B981}
.manage_pos_page .table_header li .dropdown .dropdown-menu li{width:100%; padding:0px!important;}
.manage_pos_page .table_header li .dropdown .dropdown-menu li a{padding:10px;}
.manage_pos_page .table_header li .dropdown{width: 20px; display: inline-block; margin-top: -4px; margin-left: 10px;}
.manage_pos_page .table_header li .dropdown .dropdown-toggle{padding: 0px; border: 0px!important; background: transparent!important;}
.manage_pos_page .table_header li .dropdown:hover svg path{stroke:#10B981}
.manage_pos_page .table_header li .dropdown .dropdown-menu li{width:100%; padding:0px!important; color: #000;}
.manage_pos_page .table_header li .dropdown .dropdown-menu li a{padding:10px;}
.manage_pos_page .table_header li.updates-required{color:#10B981}
.manage_pos_page .table_header li.updates-required ul{border-bottom: 0px solid #ddd;}
.manage_pos_page .table_header li.updates-required:hover svg path {stroke:none;}
.manage_pos_page .table_header li.updates-required .update-drop .dropdown-menu{width: 340px; max-height: 70px; min-height: 70px; height: 70px;}
.manage_pos_page .table_header li.updates-required .update-drop .dropdown-menu .col-md-8{padding:18.2px 16px; font-size:14px; color:#6B7280; text-transform:none!important; border-right:solid 1px #E5E7EB;}
.manage_pos_page .table_header li.updates-required .update-drop .dropdown-menu .col-md-8 span{color:#111827; font-weight:500; display:table; width:100%;}
.manage_pos_page .table_header li.updates-required .update-drop .dropdown-menu .col-md-4{padding:0px;}
.manage_pos_page .table_header li.updates-required .update-drop .dropdown-menu .col-md-4 a{width:100%; padding:8.9px 20px; text-align:center; width:100%; color:#374151; text-decoration:none; border-bottom:solid 1px #E5E7EB; display:table; font-weight:500;}
.manage_pos_page .table_header li.updates-required .update-drop .dropdown-menu .col-md-4 a:first-child{color:#10B981}
.manage_pos_page .table_header li.updates-required .update-drop .dropdown-menu .col-md-4 a:last-child{border-bottom:0px;}
.manage_pos_page .data_panel_wrapper li:nth-child(10){width:200px;}
.manage_pos_page .data_panel_wrapper li:nth-child(9){width:200px;}
.data_panel_wrapper .table_header li{color:#6B7280}
.manage_pos_page .data_panel li a{color:#2996cc; text-decoration:underline;}
.manage_pos_page .data_panel li:first-child{width: 66px; padding: 12px 12px 12px 24px!important;}
.manage_pos_page li .checkbox label{padding-left:0px!important;}
.manage_pos_page .data_panel_wrapper li:nth-child(2){width:230px;}
.manage_pos_page .data_panel_wrapper li:nth-child(3){width:230px;}
.manage_pos_page .data_panel_wrapper li:nth-child(7){width:200px;}
.manage_pos_page .data_panel_wrapper li:nth-child(11){width:200px;}
.manage_pos_page .table_header ul.dropdown-menu{left: -11px; top: 10px;}
.manage_pos_page .table_header .dropdown-menu label{padding: 5px 10px 5px 25px; margin:0px;}
.manage_pos_page .table_header .dropdown-menu label input[type=checkbox]{width: auto; position: absolute; top: 3px; left: 5px; margin-right: 9px;}
.manage_pos_page .table_header .active_filter svg path{stroke:#10B981}
.manage_pos_page .table_header li:last-child ul.dropdown-menu{right: 11px; top: 10px; left:unset}

#wrap-bulkeditToggle .multiselect-container li:first-child{display:none;}
#wrap-bulkeditToggle .multiselect-container li a{padding:10px 10px 10px 48px; position:relative;}
#wrap-bulkeditToggle .multiselect-container li .radio {padding: 0px!important;}
#wrap-bulkeditToggle .multiselect-container li:nth-child(2) a:before{content:''; background:url(../images2021/icon-edit.png) no-repeat left center; width:16px; height:16px; position:absolute; left:18px; top:11px;}
#wrap-bulkeditToggle .multiselect-container li:nth-child(3) a{border-bottom:solid 1px #F3F4F6}
#wrap-bulkeditToggle .multiselect-container li:nth-child(3) a:before{content:''; background:url(../images2021/icon-duplicate.png) no-repeat left center; width:16px; height:16px; position:absolute; left:18px; top:11px;}
#wrap-bulkeditToggle .multiselect-container li:nth-child(4) a:before{content:''; background:url(../images2021/icon-archive.png) no-repeat left center; width:16px; height:16px; position:absolute; left:18px; top:11px;}
#wrap-bulkeditToggle .multiselect-container li:nth-child(5) a{border-bottom:solid 1px #F3F4F6}
#wrap-bulkeditToggle .multiselect-container li:nth-child(5) a:before{content:''; background:url(../images2021/icon-update.png) no-repeat left center; width:16px; height:16px; position:absolute; left:18px; top:11px;}
#wrap-bulkeditToggle .multiselect-container li:nth-child(6) a:before{content:''; background:url(../images2021/icon-share-access.png) no-repeat left center; width:16px; height:16px; position:absolute; left:18px; top:11px;}
#wrap-bulkeditToggle .multiselect-container li:nth-child(7) a{border-bottom:solid 1px #F3F4F6}
#wrap-bulkeditToggle .multiselect-container li:nth-child(7) a:before{content:''; background:url(../images2021/icon-update-version.png) no-repeat left center; width:16px; height:16px; position:absolute; left:18px; top:11px;}
#wrap-bulkeditToggle .multiselect-container li:nth-child(8) a:before{content:''; background:url(../images2021/icon-delete.png) no-repeat left center; width:16px; height:16px; position:absolute; left:18px; top:11px;}

.manage_pos_page #wrap-bulkeditToggle .multiselect-container li:nth-child(5) a:before{content:'\f021'; font-family: FontAwesome; position: absolute;  width:16px; height:16px; position:absolute; left:18px; top:11px; color: #9ca3af; background: no-repeat;}
.manage_pos_page .panel-heading{display:none;}
.manage_pos_page .panel-group .panel{margin: 0px; border: 0px;}
.manage_pos_page .panel-body{border:0px!important;}
.status-active{background: #D1FAE5; padding: 3px 7px; border-radius: 50px; display: block; color:#065F46}
.status-inactive{background: #FEE2E2; padding: 3px 7px; border-radius: 50px; display: block; color:#991B1B}
.location-group .panel-heading{display:inherit;}
.location-group .group-name{border-bottom: solid 0px #8899c9;padding-left: 0px;}

.manage_pos_page .table_header li:nth-child(2) ul.dropdown-menu{left: -11px; top: 20px; padding: 5px;}
.manage_pos_page .table_header li:nth-child(2) ul.dropdown-menu input::placeholder{font-weight:400;}

.bulk-edit .modal-dialog{max-width:513px; margin:50px auto;}
.bulk-edit .modal-content{max-width:513px; padding:24px;}
.bulk-edit .heading{color:#111827; font-size:18px;  line-height:24px; font-weight:500; margin-bottom:8px;}
.bulk-edit .sub-heading{color:#6B7280; font-size:14px; line-height:20px; margin-bottom:25px;}
.bulk-edit .search{margin-bottom:18px;}
.bulk-edit .search .col-md-9, .col-md-3{padding:0px 5px;}
.bulk-edit .search input{padding: 9px 13px; width:100%; color:#6B7280; font-size: 14px; line-height: 20px; border:solid 1px #D1D5DB; border-radius:8px; font-weight:400;}
.bulk-edit .search input::placeholder{color:#6B7280; font-size: 14px; line-height: 20px; font-weight:400;}
.bulk-edit .search button{background:#DC2626; padding: 9px 17px; color: #FFFFFF;font-weight: 500; font-size: 14px; line-height: 20px; border-radius:8px; border:0px; width:100%;}
.bulk-edit .content-area{width:100%; height:300px; overflow:auto; overflow-x:hidden; padding:0px 20px 0px 10px; margin-bottom:15px;}
.bulk-edit .content-area .head{color:#9CA3AF; font-size:14px; line-height:20px; padding:13px 0px; border-bottom:solid 1px #E5E7EB}
.bulk-edit .content-area .head:first-child{padding-top:0px;}
.bulk-edit .content-area .content-row{color:#374151; font-size:14px; line-height:20px; padding:12px 0px; border-bottom:solid 1px #E5E7EB; display:table; width:100%;}
.bulk-edit .content-area .content-row span{display:table; color:#9CA3AF;color: #9CA3AF; font-weight: 300;}
.bulk-edit .content-area .content-row .checkbox{float:right;}
.bulk-edit .action-area{width:100%; display:table; text-align:center;}
.bulk-edit .action-area button{width:226px; display:inline-block; margin-right:10px; padding: 9px 17px;}
.bulk-edit .action-area button:nth-child(2){margin:0px;}
.bulk-edit .action-area button:last-child{margin:0px;}
.bulk-edit .action-area .btn-primary{background:#DC2626; color:#fff!important;}
.bulk-edit .steps{display: block; width: 175px; height: 20px; margin: 0 auto; margin-top:23px;text-align: center;}
.bulk-edit .steps .text{float:left; font-weight: 500; font-size: 14px; line-height: 16px; margin-right:27px;}
.bulk-edit .steps .dots{float:left;}
.bulk-edit .steps .dots ul{margin: 0px; padding: 0px; list-style: none;}
.bulk-edit .steps .dots li{background:#E5E7EB; width:20px; height:20px; border-radius:20px; border:solid 5px #fff; display:inline-block; margin-right:5px;}
.bulk-edit .steps .dots li.active{background:#DC2626; width:20px; height:20px; border-radius:20px; border:solid 5px #FECACA;}
.bulk-edit .font-size-checkbox{margin-top:24px; display: table; width: 100%;}
.bulk-edit .font-size-checkbox .checkbox{float: left; margin-right: 8px;}
.bulk-edit .font-size-checkbox .checkbox .cr{margin-right: 0px; margin-top: 3px;}
.bulk-edit .font-size-checkbox span{font-weight: 500; font-size: 16px; line-height: 24px; color: #374151}
.bulk-edit .font-size-input{margin-top:12px; margin-bottom:24px;}
.bulk-edit .font-size-input select, .bulk-edit .font-size-input input, .bulk-edit .font-size-input textarea{width:100%; border: 1px solid #D1D5DB; border-radius: 6px; padding:6px 13px;}
.bulk-edit .font-size-input input::placeholder{font-weight:400;}
.bulk-edit .font-size-input button{background:#FFE4E6; padding: 9px 17px; color: #B91C1C;font-weight: 500; font-size: 14px; line-height: 20px; border-radius:8px; border:0px; width:100%;}
.bulk-edit .font-size-input .col-md-9{padding:0px 5px 0px 0px;}
.bulk-edit .font-size-input .col-md-3{padding:0px 0px 0px 5px;}

#whats-new .modal-dialog{width:513px;}
#whats-new .modal-content{width:513px; padding:24px;}
#whats-new .heading{color:#111827; font-size:18px;  line-height:24px; font-weight:500; margin-bottom:8px;}
#whats-new .sub-heading{color:#6B7280; font-size:14px; line-height:20px; margin-bottom:18px;}
#whats-new .information {font-size: 14px; line-height: 20px; color:#111827}
#whats-new .information span{font-weight: 400; font-size: 13px; line-height: 20px; color:#6B7280; width:100%; display:table;}
#whats-new .information .row{margin-top:32px!important;}
#whats-new .information .row:first-child{margin-top:0px!important;}
#whats-new .head{font-weight: 400; font-size: 13px; line-height: 20px; color:#6B7280; width:100%; display:table; padding:5px; margin-top:32px;}
#whats-new .attachments-detail{border: solid 1px #E5E7EB; border-radius: 5px; margin-bottom:27px;}
#whats-new .attachments-detail .row{border-bottom:solid 1px #E5E7EB;}
#whats-new .attachments-detail .row:last-child
#whats-new .attachments-detail .row .col-md-6{padding:12px; color:#111827; font-size:14px; font-weight:400;}
#whats-new .attachments-detail .row .col-md-6 a{color:#4B5563; text-decoration:none;}

#whats-new .action-area{width:100%; display:table; text-align:center;}
#whats-new .action-area button{width:225px; display:inline-block; margin-right:10px; padding: 9px 17px;}
#whats-new .action-area button:last-child{margin:0px;}
#whats-new .action-area .btn-primary{background:#DC2626; color:#fff!important;}
/*------ Manage Pos ----------------*/

/*----Tour Guide-----*/
.tour-step-background{ background:none;}
.tour-backdrop{z-index: 100;}
	
.popover.right>.arrow {left: -10px !important;}
.popover{max-width: 400px; width: 100%;border-radius: 0;left: 200px !important;border-bottom: solid 5px #27de81;padding: 15px;}
.popover-title {padding: 8px 14px;margin: 0;font-size: 15px;background-color: #fff;border-bottom: 0px solid #ebebeb;border-radius: 0;text-transform: uppercase;}
.popover-navigation .btn{font-size: 14px !important;margin-right: 9px;border-radius: 5px !important;background: #29c67b !important;border: 0 !important;color: #fff !important;padding: 8px 15px !important;opacity: 1;font-weight: 500;font-family: 'Jost';}
.popover-content {padding: 9px 14px;font-size: 15px;line-height: 26px;color: #000;}
.start-tour-wrapper{position: fixed;width: 100%;height: 100%;left: 0; z-index: 100000 !important;}
.to-start-tour{border-radius: 5px;padding: 10px;position: absolute;z-index: 1;bottom: -300px;background: #fff;width: 310px;height: 162px;left: 12px;border-bottom: solid 5px #10B981;text-align: center;transition-duration: 1s;transition-delay: 1s;}
.start-overlay{position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.6;top: 0;}
.sp-photo{width: 100px;border-radius: 128px;position: absolute;top: -42px;left: 112px;border: solid 5px #fff;}
.sp-hello{width: 39px;position: absolute;right: 60px;top: 30px;}
.tour-cust-intro{font-size: 14px;margin-top: 5px;margin-bottom: 25px;}
.tour-btn-wrapper .btn{float: left;border-radius: 5px;width: 47%;margin-right: 8px;font-weight: 500;}
.tour-cust-name{margin-top: 10px;font-size: 17px;color: #c0226b;font-weight: 500;}
#skipTourBtn{border: solid 0px !important;}
.popover-navigation .btn:focus-visible {border: 0px solid #147e4b !important;border-radius: 5px !important;outline: 2px solid #29c67b ;}
.popover-navigation .btn:focus {border: 0px solid #147e4b !important;border-radius: 5px !important;outline: 2px solid #29c67b ;}

		
/*----Tour Guide-----*/




/*------ Location ----------------*/
.store_manage .action_panel #wrap-bulkeditToggle{width:150px;}
.store_manage .data_panel_wrapper ul{padding-left: 0px!important;}
.store_manage .data_panel_wrapper .hide-checkbox{width: 66px; padding: 12px 12px 12px 24px!important;}
.store_manage .data_panel_wrapper .location{width:220px;}
.store_manage .data_panel_wrapper .address{width:220px;}
.store_manage .data_panel_wrapper li:last-child{width:110px;}
.bulk-edit .content-area .content-row{padding: 12px 40px 12px 0px; position: relative;}
.bulk-edit .content-area .content-row label{cursor:pointer;}
.bulk-edit .content-area .content-row .checkbox{position: absolute; right: 5px; top: 50%; margin-top: -10px;}
.bulk-edit .font-size-checkbox{position: relative; padding-bottom: 10px; margin-top: 15px;}
.bulk-edit .font-size-checkbox span{font-weight:400; float:left; width:400px;}
.bulk-edit .font-size-checkbox span span{font-weight:400; float:left; width:400px;}
.bulk-edit .font-size-checkbox .checkbox{float:right;}
.bulk-edit .step2-popup-content .content-row{border-bottom: solid 1px #e1e1e1;}
.bulk-edit .step2-popup-content .content-row:first-child .font-size-checkbox{padding-left:0px;}
.bulk-edit .step2-popup-content .content-row:last-child{border:0px;}
.bulk-edit .modal-header{padding: 0px!important;}
.bulk-edit .modal-header .close{position: absolute; top: -24px; right: -10px;}
.bulk-edit .font-size-input{margin-top:0px; margin-bottom: 12px;}
.bulk-edit #new_shift_hrs .auto_close_shift_timings_row{position:relative;}
.bulk-edit #new_shift_hrs .auto_close_shift_timings_row .delete-icon{position: relative; width: 100%; padding: 5px; text-align: right;}
.bulk-edit .add-more-closeout{text-align:right; padding-top:15px;}
.bulk-edit .action-area{padding-top: 25px;}
.check-all-groups{position: relative;left: -20px;}
.checkbox .check-all-groups .cr{margin-right: 12px;}

.store_manage .table_header li .dropdown{width: 20px; display: inline-block;}
.store_manage .table_header li .dropdown .dropdown-toggle{padding: 0px; border: 0px!important; background: transparent!important;}
.store_manage .table_header li .dropdown:hover svg path{stroke:#10B981}
.store_manage .table_header li .dropdown .dropdown-menu li{width:100%; padding:0px!important;}
.store_manage .table_header li .dropdown .dropdown-menu li a{padding:10px;}
.store_manage .table_header li .dropdown{width: 20px; display: inline-block; margin-top: -4px; margin-left: 10px;}
.store_manage .table_header li .dropdown .dropdown-toggle{padding: 0px; border: 0px!important; background: transparent!important;}
.store_manage .table_header li .dropdown:hover svg path{stroke:#10B981}
.store_manage .table_header li .dropdown .dropdown-menu li{width:100%; padding:0px!important;}
.store_manage .table_header li .dropdown .dropdown-menu li a{padding:10px;}
.store_manage .table_header ul.dropdown-menu {left: -11px; top: 10px;}
.store_manage .table_header ul.dropdown-menu{left: -11px; top: 10px;}
.store_manage .table_header .dropdown-menu label{padding: 5px 10px 5px 25px; margin:0px;}
.store_manage .table_header .dropdown-menu label input[type=checkbox]{width: auto; position: absolute; top: 3px; left: 5px; margin-right: 9px;}
.store_manage .table_header .active_filter svg path{stroke:#10B981}
.payment_method .boxes li .info .name{color: #000;}
/*------ Location ----------------*/

/*--------NPS---------*/
.nps-active-pause .btn-group {border: solid 2px #10b981;}
.nps-active-pause .program-tab .btn-group {border: solid 2px #10b981;}
.nps-active-pause .program-tab .active {background: #10b981;}
.nps-date-top .fa-calendar {color: #10b981;}
.nps-download-copy .fa {color: #10b981;}
.nps-download-copy a{color: #10b981;}
/*--------NPS---------*/
.app_center .invoice-wrapper{max-width:755px;width:100%; margin:25px auto; border:solid 1px #e1e1e1; border-radius:20px; background:#fff;}
.result-order-wraper #order_report_list{margin-bottom: 50px !important;}

/*------Customer Satisfaction------*/
.rightpanel_nps_wrapper .header {background: transparent;}
.nps-date-top {background: transparent;}
.rightpanel_nps_wrapper .data_panel_wrapper{margin-left: 30px;margin-right: 30px;}
.nps-date-top #daterange {background: transparent;}
.nps-store-list .dropdown-toggle:hover{border: 0px solid #D1D5DB!important;font-weight: 400;}
.nps-store-list .dropdown-toggle:focus{border: 0px solid #D1D5DB!important;font-weight: 400;}
/*------Customer Satisfaction------*/

/*---------Accounting----------*/
.zapper{border-radius:8px;}
.leftside_nav .active {background-color: #10b981;}
.easy_accounting #header_history .table_header {padding-left: 0px;display: table;}
.easy_accounting .data_panel_wrapper #header_history .table_header li{width:133px;} 
.easy_accounting .data_panel_wrapper #header_history .table_header li:first-child{width:195px;}
.easy_accounting .data_panel_wrapper #header_history .table_header li:last-child{width:75px;}
.easy_accounting .data_panel_wrapper #history_list li{ padding: 15px 5px !important;width:134px;}
.easy_accounting  #action_check{position: relative;left: 1px;top: 7px;}
.easy_accounting .data_panel_wrapper #history_list li:first-child{width:200px;padding: 15px 27px !important;}
.easy_accounting .data_panel_wrapper #history_list li:last-child{width:75px;}

.easy_accounting .data_panel_wrapper #history_list .dropdown-menu li:first-child{padding: 5px 2px !important;}
.easy_accounting .data_panel_wrapper #history_list .dropdown-menu li{padding: 5px 2px !important;}
.easy_accounting .data_panel_wrapper #history_list .multiselect-container li .radio{padding-left: 2px!important; padding-right: 2px!important;}
.easy_accounting .data_panel_wrapper .table_header li{width:100%;}
.easy_accounting .data_panel_wrapper .data_panel ul{padding-left:0px;}
.easy_accounting #history_list{top:53px;overflow: unset;}
.easy_accounting .data_panel_wrapper{overflow: auto;}
.easy_accounting .data_panel_wrapper .table_header ul{background: #F9FAFB;}
.automation_track_report #history_list{top:unset;}
.easy_accounting #header_history{position: sticky;top: 0px;z-index: 11;}
#history_list  li{padding: 9px 8px!important; width:100px;}
#history_list li:first-child{padding-left: 24px!important; width:110px;}
.easy_accounting #category_list_div{height: 150px;overflow: auto;overflow-x: hidden;border: solid 1px #adb1b5;border-radius: 3px;margin-bottom: 10px;position: relative;z-index: 1;padding: 5px;}
.easy_accounting #store_list_div{height: 150px;overflow: auto;overflow-x: hidden;border: solid 1px #adb1b5;border-radius: 3px;margin-bottom: 10px;position: relative;z-index: 1;padding: 5px;}
.easy_accounting #category_list_div .head{padding-bottom: 10px;}
.easy_accounting #store_list_div .head{padding-bottom: 10px;}
.view_inventory.history_list{top:0px!important;}
.easy_accounting .transaction-header{padding: 9px 10px; position: sticky;width: 100%;display: block;left: 0;z-index: 11;}
.easy_accounting .action_arrow1{    position: relative;top: 8px;left: 4px;}
#total_div{position: sticky;bottom: 0px;background: #fff;z-index: 10;border-top: solid 1px #ccc;width: 100%;display: table;}
#total_div ul{background: #fff;}
.easy_accounting .add_button{left: 2px;}
/*---------Accounting----------*/


/*-------- Order -----------*/

.order_report .table_header{position: sticky; z-index: 100; left:0px; padding: 7px 24px; font-weight:400;}
.order_report #order_report_header_container li{color: #6B7280; font-weight: 400; font-size:12px;}
.order_report .data_panel .count_no{width:100px!important; text-align:left;}
.order_report .data_panel .count_no span{color: #777575; width: 100% !important; display: table !important; font-size: 13px; font-weight: 400;}
.order_report .data_panel li {width: 130px!important;}
.order_report .data_panel .name{width: 150px;}
/* .order_report .data_panel li:first-child{padding-left: 43px!important; width: 100px; position: sticky; z-index: 99; left:0px;}
order_report .data_panel li:nth-child(2){position: sticky; z-index: 99; left:100px;}*/
.bottom-summary{font-size: 12px;font-weight: 700;color: #6B7280;}
.col-bs-common{ width: 150px !important;display: unset;float: left;}
.order_report .search_by{position: relative; top: 5px;}
.order_report .search_by_hide_filters{top: 0px;}
.order_list_page .search_by{ clear:both; position: relative; top: 5px;}
.more-filter-calendar{position: relative;}
.more-filter-calendar .fa-calendar-o{position: absolute;right: 10px;top: 10px;}
.highlight-report-row{ background:#414e9b !important}
.highlight-report-row li{color:#fff!important;}
.data_panel_wrapper .data_panel ul.stripstyle_open.highlight-report-row{ background: #414e9b !important}
.data_panel_wrapper .data_panel ul.stripstyle_close.highlight-report-row{ background: #414e9b !important}

.order_report .data_panel_wrapper .more_than_10 .table_header{z-index:1002!important}
.order_report .report-header #order_report_header_container {top: 45px; border-radius: 0px; padding: 0px; z-index:1001!important}
.data_panel_wrapper #order_report_header_container ul{background:transparent;}
.data_panel_wrapper #order_report_header_container li:first-child {padding-left: 40px!important; width: 75px!important;}
.data_panel_wrapper #order_report_header_container .count_no {width: 100px!important; text-align:left;}
.data_panel_wrapper #order_report_header_container li {width: 130px!important;cursor: unset;}
.data_panel_wrapper #order_report_header_container li:last-child {width: 30px!important;}

.order_report .payment_panel .product_display .padding_5{padding: 15px!important;}
.order_report .order_info a{color: #10B981!important;}
.order_report .customer_info a{color: #10B981!important;}
.order_report .customer_info .btn-primary{color: #fff!important;}
.payment_method .btn-primary{margin-right:10px;}
.order_report .refund_process .data_panel li:first-child{width:78px;}
.order_report .refund-items .data_panel li:first-child{width: 33.33333%;}
.modal-body .product_box .list .active {background: #10B981!important;}
.order_report .data_panel li:first-child {padding-left: 40px!important; width: 75px!important;}
.order_report .data_panel_wrapper li{padding:12px;}

.search_all{background: #fff; margin-top: 5px; padding: 0px; border-radius: 6px; margin-right: 5px; border: 1px solid #D1D5DB!important; font-size: 14px; font-weight: 500; float: left;}
.search_all .text{padding: 7px; float: left; font-size: 13px;}
.search_all .swith-div{padding:5px 5px 5px 0px; float:left;}
.search_all .swith-div label{margin:0px;}
.order_report .action_panel .search_by .dropdown-toggle{padding: 7px 20px 7px 5px!important; border-radius: 6px 0px 0px 6px!important}
.order_report .action_panel .search_by input{padding:6px 5px 7px 5px!important}

.order_report .payout-detail{padding: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
/*-------- Order -----------*/

/*-------- QR Code Ordering -----------*/
.qr-code .top_tabs{margin-top:30px; margin-bottom:30px;}
.qr-code .top_tabs .nav-pills.nav-wizard > li:last-child .circle:after{display:none;}
.qr-code .top_tabs .nav-pills.nav-wizard > li{width:138px;}
.qr-code .top_tabs .nav-pills.nav-wizard > li.active .circle{background:#059669; border:solid 2px #059669;}
.qr-code .top_tabs .nav-pills.nav-wizard > li.active .circle:before{content: '\f00c'; font-family: FontAwesome; position: absolute; color: #fff; background: transparent; width: 10px; height: 10px; left: 5px; top: 3px;}
.qr-code .top_tabs .nav-pills.nav-wizard > li.active div{background:transparent; color:#059669; padding:10px;}
.qr-code .top_tabs .nav-pills.nav-wizard > li.focus .circle{border:solid 2px #059669; background:#fff;}
.qr-code .top_tabs .nav-pills.nav-wizard > li.focus .circle:before{content: '\f111'; font-family: FontAwesome; position: absolute; color: #059669; background: transparent; width: 13px; height: 18px; left: 7px; top: 4px; font-size: 14px;}
.qr-code .top_tabs .nav-pills.nav-wizard > li.focus div{background:transparent; color:#059669; padding:10px;}
.qr-code .top_tabs .nav-pills.nav-wizard > li div{background:transparent; padding:10px;}
.qr-code .top_tabs .nav-pills.nav-wizard > li .circle{border:solid 2px #ccc; background:#fff;}
.qr-code .sub-head{font-size: 19px; font-weight: 600; margin-top: 30px; text-align:Center}
.qr-code .sub-head span{font-weight: 400; font-size: 14px; display: table; width:100%;}
.qr-code .sub-head span a{color:#059669;}
.qr-code .qr-msg{padding: 27px; text-align: center; font-size: 18px; background: #fff; width: 550px; margin: 0 auto; margin-top: 20px; border-radius: 10px; box-shadow: 3px 3px 5px rgb(0 0 0 / 20%); border: solid 1px #e1e1e1;}
.qr-code .qr-msg a{background: #059669; color: #fff; padding: 9px; display: block; margin: 0 auto; margin-top: 10px; width: 180px; border-radius: 5px; font-size: 15px; text-decoration:none;}
.qr-code .qr-footer-msg{width: 246px; float: right; margin-right: 15px; font-size: 13px; padding: 7px;}
.qr-code .qr-footer-msg span{font-weight:600;}
.qr-code .qr-msg-2{padding: 20px 35px 20px 65px; text-align: center; font-size: 17px; background: #fff; width: 510px; margin: 0 auto; margin-top: 20px; border-radius: 10px; box-shadow: 3px 3px 5px rgb(0 0 0 / 20%); border: solid 1px #e1e1e1; position:relative; cursor:pointer}
.qr-code .qr-msg-2:before{content: '\f06e'; font-family: FontAwesome; position: absolute; color: #9ca3af; background: #e5e7eb; padding: 12px 15px; left: 10px; top: 9px; border-radius: 5px;}
.qr-code .qr-msg-2:after{content: '\f105'; font-family: FontAwesome; position: absolute; color: #9ca3af; padding: 12px 15px; right: 0px; top: 3px; border-radius: 5px; font-size: 27px;}
.qr-code .qr-live-url{width: 400px; margin: 0 auto; margin-top: 20px; border-radius: 10px; box-shadow: 3px 3px 5px rgb(0 0 0 / 20%); border: solid 1px #e1e1e1; position:relative;}
.qr-code .qr-live-url input{width: 100%; border: 0px; padding: 10px 100px 10px 10px; border-radius: 10px; outline:unset!important;}
.qr-code .qr-live-url input::placeholder{font-weight:400; color:#9ca3af}
.qr-code .qr-live-url .copied-text-msg{display: none; position: absolute; background: rgba(0,0,0,0.5); width: 100%; padding: 10px; color: #ffd; text-align: center; top: 0px;}
/*.qr-code .qr-live-url:before{content: 'https://'; position: absolute; color: #9ca3af; left: 10px; top: 10px;}*/
.qr-code .qr-live-url .name{position: absolute; top: 10px; right: 10px; color: #9ca3af;}
/*.qr-code .qr-live-url:after{content: '.salesvu.com'; position: absolute; color: #9ca3af; right: 10px; top: 10px;}*/
.qr-code .save-url{background: #059669; color: #fff; padding: 9px; display: block; margin: 0 auto; margin-top: 20px; width: 110px; border-radius: 5px; font-size: 15px; text-decoration:none; text-align:center}
.qr-code .save-copy-url{text-align:center;}
.qr-code .save-copy-url a{background: #059669; color: #fff; padding: 9px; display: inline-block; margin: 0 auto; margin-top: 20px; width: 110px; border-radius: 5px; font-size: 15px; text-decoration:none; text-align:center; margin-right:15px;}
.qr-code .print-code{background: #059669; color: #fff; padding: 9px; display: block; margin: 0 auto; margin-top: 20px; width: 210px; border-radius: 5px; font-size: 15px; text-decoration: none; text-align: center; padding-left: 35px; position:relative;}
.qr-code .print-code:before{content: '\f019';font-family: FontAwesome; position: absolute; color: #000; left: 10px; top: 9px; border-radius: 5px;}
.short_name{margin-bottom: 5px;font-weight: 500;}
/*-------- QR Code Ordering -----------*/

/*======Gift Card=====*/
.graph_panel h1{text-align: left;font-weight: 400;color: #474747;font-family: 'Jost';font-size: 16px;}
.graph_panel p {font-size: 24px; padding: 0px 15px 0px 0px;text-align: left;font-weight: 600;color: #10b981;}
.graph_panel{border: solid 0px #ffffff;padding: 0;}
.graph_panel .col-sm-6{padding: 30px 20px 20px 20px;}
.graph_panel .close_graph{border-radius: 20px;z-index: 10;}
.customer_row #customer_name{top: 0;}
/*======Gift Card=====*/

/*-------- Group Deal -----------*/
.group-deal .program-active .btn-group{border-color:#10B981}
.group-deal .program-active .active{background:#10B981}
.group-deal .data_panel_wrapper li:nth-child(8){width:100px;}
.gd-deal-attribute-feature-product .attribute-options .discount-option .dropdown-toggle{background-color:#fff!important;}
.gd-deal-attribute-feature-product .attribute-options .start-time .dropdown-toggle{background-color:#fff!important;}
.gd-name-description-area{border-color:#bec3c8; background: #fff;}
.gd-name-description-area .heading{border-color:#bec3c8;}
.gd-deal-attribute-feature-product .featured-product-box{border-color:#bec3c8; background: #fff;}
.gd-deal-attribute-feature-product .featured-product-box .heading{border-color:#bec3c8;}
.gd-deal-attribute-feature-product .deal-attribute-box{border-color:#bec3c8; background: #fff;}
.gd-deal-attribute-feature-product .deal-attribute-box .heading{border-color:#bec3c8;}
/*-------- Group Deal -----------*/

/*-------- Message Center -----------*/
.chat-info{color: #10B981;}
.chat-active-dot{background: #737373;}
.chat-info span{background: #737373;}
.rb-btn{background: #10B981;}
.rb-btn:hover{color: #fff!important;}
.rb-boosterback{border: solid 2px #10b981;}
.rb-boosterback a{color: #10b981;}
.searchpin-btn {background: #10B981;}
.review-booster-portal .rb-popup-btn{border: solid 2px #10B981;color: #10B981;}
.rb-boosterback{border: solid 2px #10B981;color: #10B981;}
.review-booster-portal .page_action_bar button.btn-primary{background-color: #10B981!important;border-color: #10B981!important;}
.rb-btn{color: #fff!important; background-color: #10B981; border-color: #10B981; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px!important; font-weight: 500; outline:unset!important}
.wbmsg_total_count { background: #b3261e; z-index: 20; width: 20px; height: 20px; position: absolute; border-radius: 30px; left: 25px; color: #fff; font-size: 9px; text-align: center; line-height: 19px; top: 1px; font-weight: 500;}
.chat-unread{color: #2266c7 !important;}
/*-------- Message Center -----------*/

/*-------- Loyalty -----------*/
.loyalty-graph-panel{box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);border-radius: 7px;}
.loyalty-graph-panel .detail-box .text-1{padding: 0px;border-bottom: solid 0px #e2e4e7;}
.loyalty-graph-panel .detail-box .text-2{padding: 0px;}
.loyalty-graph-panel .detail-box {background: #fff;}
.loyalty-graph-panel .col-sm-4{border-right: 1px solid #dcdcdc;}
.loyalty-graph-panel .col-sm-4:last-child{border-right: 0px solid #dcdcdc;}
.loyalty-tier-box{border: solid 1px #dcdcdc;background: #fff;box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);border-radius: 8px;}
.loyalty-location-box{border: solid 1px #dcdcdc;background: #fff;box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);border-radius: 8px;}
.point-event-box{border: solid 1px #dcdcdc;background: #fff;box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);border-radius: 8px;}
.loyalty-advance-setting-box{border: solid 1px #dcdcdc;background: #fff;box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);border-radius: 8px;}
.loyalty-tier-box .head {border-bottom: solid 1px #d2d2d2;}
.loyalty-location-box .head{border-bottom: solid 1px #d2d2d2;}
.point-event-box .head{border-bottom: solid 1px #d2d2d2;}
.loyalty-advance-setting-box .head{border-bottom: solid 1px #d2d2d2;}
.loyalty-tier-box .add-tier-button {background: #10B981;}
.loyalty-tier-box .tier-detail .t-no {background: #10B981;}
.loyalty-action-area .program-tab .active {background: #10B981;}
.loyalty-action-area .program-tab .btn-group {border: solid 2px #10b981;}
.loyalty-action-area .create-program{background: #10b981;}
.program_tier_action:checked + .slider, .form_submit_ele:checked + .slider {background-color: #10B981;}
.exclude-page .category_box{border: solid 0px #dcdcdc;box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);border-radius: 8px;}
.exclude-page .product_box{border: solid 0px #dcdcdc;box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%);border-radius: 8px;}
.exclude-page .category_box .categories-exclude {border-bottom: solid 1px #dedede;}
.exclude-page .product_box .categories-products {border-bottom: solid 1px #dedede;}
.loyalty-exclusions-page #dis_product_list .item {padding: 10px 0 10px 0;}
.loyalty-exclusions-page #dis_product_list .item label {font-weight: 400;margin: 0px 0px 0px 10px;white-space: normal;}
.product_panel .category_box .list .item{border-bottom: solid 1px #eaeaea;}
.product_panel .product_box .list .item{border-bottom: solid 1px #eaeaea;}
.product_panel .product_box .list .item input[type=checkbox]{width: 16px;height: 16px;margin-right: 10px;position: relative;top: 4px;}
#create-program .step-header {background: #10b981;}
#create-program .step-4 .option-row {border: solid 2px #10b981;}
#create-program .text-area .button-area .next {background: #10b981;border: solid 2px #10b981;color: #fff;}
#create-program .text-area .button-area .cancel{border: solid 2px #10b981;}
#location_list_popup .modal-body {padding-top: 0px;}
html body .list#dis_product_list .item{padding-top: 0px !important;padding-bottom: 0px !important;}
html body .list#dis_product_list .item .checkbox{margin: 10px !important;}
html body .list#dis_product_list .item label{ margin: 0px !important; padding: 0px !important;}
html body .list#dis_product_list .item label.label-weight-normal{padding: 10px !important;}
html body .list#dis_product_list .item .checkbox label .cr{top: 3px !important;}
html body.tax_management .list#dis_product_list .item label{padding:10px !important;}

/*-------- Loyalty -----------*/
.nav-tabs>li>a{color:#10B981!important}

/*-------- Setup Web Store-----------*/
.sub_nav li{padding:0px;}
.sub_nav li a{padding: 12px 24px; border-radius:0px;}
.sub_nav li a:hover{background:#e1e1e1; color:#000; border-radius:0px;}
.sub_nav .active a{background:#e1e1e1; color:#000; border-radius:0px;}
.customize-website-options{border-radius: 10px;padding: 5px;position: unset;margin: 0px auto;margin-top: 30px;}
.upload-website-logo{box-shadow: 0px 0px 10px rgba(0,0,0,0.5); border-radius: 10px;padding: 5px;position: unset;margin: 0px auto;margin-top: 30px; width: 90%; max-width: 515px;background: #fff;}
.upload-website-logo .drag_drop{ border: 0px;}
.upload-website-logo .drag_drop i{color: #000000;}
.top_tabs.setup_website{max-width:860px; width:100% ;}
.setup_website .config_options .config_form{height:592px!important;}
#shipping_country_form .multiselect-native-select span.multiselect-selected-text{white-space: nowrap;text-overflow: ellipsis;width: 92% !important;overflow: hidden;float: left;}
/*-------- Setup Web Store-----------*/

/*---Manage Subscription---*/
.location_popup .btn-group .active {background: #10b981;}
.location_popup .btn-group {border: solid 2px #10b981;}
.discount-alert{background: #e2edf7;max-width: 810px;width: 100%;margin: 0px auto;padding: 5px 10px;margin-bottom: 20px !important;border-radius: 3px;font-size: 14px;line-height: 20px;}
.discount-alert span{font-weight: 500;}
.discount-alert span span.phone-txt{font-size: 13px;}
.unit .select-modifier li{padding:0px;}
.unit .select-modifier li a{padding: 12px 24px; border-radius:0px;}
/*.conversion_unit .header{padding: 9px 8px 8px 8px!important;}*/
.conversion_unit .table_header li{padding: 12px 25px;}
.conversion_unit .data_panel_wrapper{border-radius: 0px; margin-top: 0px;}
.payments_options .data_panel_wrapper .table_header{margin-right:7px;}
.payments_options .data_panel_wrapper li{width:190px;}
.payments_options .data_panel_wrapper li:first-child{width:110px;}
.payments_options .data_panel_wrapper li:nth-child(2){width:auto;}
.payments_options .middle_div li{width:50%!important;}
.conversion_unit .header .dot{margin-top: 8px;}
.conversion_unit .content_table li{width: 47%;}
.unit_conversion .conversion_unit .content_table li:first-child{margin-left: 0px!important;}
.product-mapping .conversion_unit .table_header li{padding: 12px 24px;!important;}
.product-mapping .conversion_unit .table_header li:last-child{padding-left:18px!important;}
/*---Manage Subscription---*/

/*---Recurring Billing---*/
.recurring_billings .action_panel .margin_right_5{margin-right:4px!important;}
.recurring_billings .action_panel #advance_option_dropdown_div .dropdown-menu-left {right: 0px!important;  left: auto!important;}
.order_info a{color:#10B981!important}
.order_report .order_info .btn-primary{color:#fff!important}
.recurring_billings .graph_panel {border: solid 0px #ffffff; padding: 20px;width: 100%;}
.recurring_billings .graph_panel h1{padding: 0px;}
.recurring_billings .graph_panel .col-sm-3{padding: 7px 15px;}
.header .other_nav .navbar-nav .unpin-star .star-hint{z-index: 100000;}
.recurring_billings #history_list {top: 0px;}
.recurring_billings #history_list li{padding:12px 24px!important;}
.recurring_billings .data_panel_wrapper .more_than_10 li{width:220px!important;}
.recurring_billings .data_panel_wrapper .more_than_10 li:first-child{width:60px!important}
.recurring_billings .data_panel_wrapper .more_than_10 li:nth-child(2){width:80px!important}
.recurring_billings .data_panel_wrapper .more_than_10 li:nth-child(12){width:250px!important}
.recurring_billings .data_panel_wrapper .more_than_10 li:nth-child(13){width:250px!important}
.recurring_billings .data_panel_wrapper .more_than_10 li:last-child{width:60px!important}
.top_95 {top: 95px !important;}
.top_135 {top: 135px !important;}
.recurring_billings .more_than_10 .table_header .dropdown-menu li:first-child{width:100%!important;}
.recurring_billings .more_than_10 .table_header .dropdown-menu li:last-child{width:100%!important;}
.recurring_billings .data_panel_wrapper .more_than_10 .table_header{z-index: 1001 !important;}
/*---Recurring Billing---*/

/*---Reports---*/
.date-range-row{background: #dae9ff;border-radius: 6px;padding: 10px;max-width: 100%;width: 100%;border: solid 1px #ccdaef;margin-top: 5px; display:table;}
.date-range-lable{font-weight: 700;font-size: 14px;margin-right: 6px;float: left;}
.start-end-range{float: left;font-size: 13px;font-weight: 500;margin-right: 20px;}
.date-range-row .start-end-range:last-child{margin-right: 0px!important;}
.start-end-range span{font-weight: 600;font-size: 14px;}
.nt-prod-toggle{display: table;border: solid 1px #adb1b5;border-radius: 5px;width: 100%;padding: 10px;margin-top: 15px;margin-bottom: 20px;}
.sales-report-by-vendor #wrap-srbv_store_id .multiselect-selected-text{white-space: normal;}
.more_than_print .data_panel_wrapper .col-height {width: 20% !important;max-width: 20% !important;min-width: 20% !important;}
.last-tax-rate{color: #000;padding: 5px 0;border-radius: 5px;font-size: 12px;}

/*---Gift Card---*/
.gift_card .data_panel_wrapper li{width:170px;}
.gift_card .data_panel_wrapper li:nth-child(3){width:220px;}
.gift_card .data_panel_wrapper li:nth-child(6){width:220px;}
.gift_card .data_panel_wrapper li:last-child{width:50px;}
.add-edit-giftcard #customer_name{top: unset;}
.gift_card_report .data_panel_wrapper li:last-child{width:50px;}
.del_sel_cat_pro{color:#10B981!important}
#test-mail .modal-footer .btn-primary{background-color: #10B981!important; background: #10B981!important;}
#test-mail .modal-footer .btn-default{border-color:#ccc!important; color: #10B981!important}
#edit-account-name .modal-content .action-bottom a{background: #10B981!important; border-color:#10B981!important; border-radius:5px!important}
.gift_card_report #view_loyalty_report .top_nav .active a{border-bottom: solid 5px #10B981!important; color: #10B981!important;}
#create-program .step-3 .option-row .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{color: #10B981!important;}
/*---Gift Card---*/

/*---Orders---*/
.order_report .customer_info a {color: #10b981!important;}
.pro-refund-title{padding: 10px 15px;font-size: 22px;font-weight: 700;}
.pro-refund-title span{display: block;font-size: 10px;font-weight: 500;}
.pro-refund-border{margin: 20px 10px;border-bottom: solid 2px #ccc;height: 1px;}
.refund-label{position: absolute;top: 4px;font-size: 9px;background: #f7cbcb;padding: 0px 6px;line-height: 11px;border-radius: 2px;}
.order_report .modifier_list_scroll li{font-weight: 400 !important;}
.order_report .action_panel .search_by input{color: #000;}
.order_report #order_customer_list_div ul.bg_grey{padding-left: 10px;}
.order_report #order_customer_list_div ul.liclass{padding-left: 10px;}
.order_report .add-customer-order .lp-tool-tip{width: 128px;top: -48px; margin-left: -61px;text-align: center;}
.order_report .add-customer-order:hover .lp-tool-tip{display:block}
.order_report .add-customer-order{top: 1px;left: -14px;}
/*#details_open .right_panel strong{ font-weight:400 !important;}
#details_open .right_panel b{ font-weight:400 !important;}*/

.payment_not_received{background: #fdf1f1;border: solid 1px #f7a7a7;border-radius: 2px;}
.payment_not_received .fa-info-circle{font-size: 17px;position: relative;top: 2px;}

.payment_yes_received{background: #e2fbe4;border: solid 1px #63bb6a;border-radius: 2px;}
.payment_yes_received .fa-check-circle{color: #0a6e2a;font-size: 17px;position: relative;top: 2px;}


.merged_into_orders{
	padding: 20px;
    height: 275px;
    overflow: auto;}
	
.merged_into_orders ul{ 
	margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: solid 2px #ccc;
    display: table;
    width: 100%;
    margin-bottom: 20px;
	}
.merged_into_orders ul li{    
	float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 5px;
	}
.merged_into_orders ul li label{
	font-size: 11px;
    color: #000;
    margin-bottom: 0px;
	}
.merged_into_orders ul li span{
	display: block;
    margin-top: 5px;
    font-size: 12px;
	}

.modal-body .large-catalog-pro-list  .search-prod-row{ border-bottom: solid 1px #ccc; margin-bottom: 5px;padding-top: 5px !important; padding-bottom: 5px !important;}
.modal-body .large-catalog-pro-list  .search-prod-row label{font-weight: 400 !important;margin-bottom: 7px;}
.modal-body .large-catalog-pro-list  .search-prod-row label input[type=checkbox], input[type=radio] {margin-right: 6px;width: 18px;height: 18px;margin-top: 0px;position: relative;top: 4px;}
.modal-body .large-catalog-pro-list  .all_prod {padding: 15px 10px 2px 10px !important;}
.modal-body .large-catalog-pro-list  .all_prod label{font-weight: 600;}
.modal-body .large-catalog-pro-list  .all_prod label input[type=checkbox], input[type=radio] {margin-right: 6px;width: 18px;height: 18px;margin-top: 0px;position: relative;top: 4px;}
.catalog-scroll-wrapper{ height: 400px; margin-bottom: 20px;}
.footer-m-top{ margin-top: 25px;}
.selected_prod_list_link{font-size: 14px;font-weight: 500;text-decoration: underline;}
.catalog-search-box{border-bottom: solid 1px #eeebeb;margin-bottom: 20px !important;padding-top: 3px!important;padding-bottom: 3px!important;background: #fbfbfb;}
.save_service_providers{color: #10B981 !important;border: solid 1px !important;padding: 5px 14px !important;}
.order-setting-wrapper{height: 400px;overflow: auto;}
.tracking-detail-list{padding-left: 24px !important;padding-right: 24px !important;}
.tracking-detail-list .shippingInfo{margin: 0px !important;padding: 0px !important;}
 /*---------Two Step Verification----------*/
 .verification-wrapper{background: #fff;max-width: 625px;margin: 0px auto;margin-top: 50px;margin-bottom: 50px;padding: 20px;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
 .account-verification-icon{max-width: 100px;width: 100%;margin: 0px auto;display: inherit;}
 .verification-wrapper .sub_head{font-size: 18px !important;font-weight: 400 !important;padding: 15px;}
 .verification-btn-wrapper{text-align: center;}
 .verification-btn-wrapper .btn-primary{padding: 8px 86px;font-size: 20px;}
 .verification-btn-wrapper-save{text-align: center;margin-top: 12px;}
 .verification-btn-wrapper-save .btn-primary{padding: 8px 86px;font-size: 20px;}
 #show_qr { text-align: center;}
 #show_qr img{max-width: 230px;}
 .code-m-head{font-size: 18px;font-weight: 600;margin-top: 10px;padding-top: 10px;border-top: solid 1px #373737;}
 .code-m-sub-head{font-size: 14px;color: #838383; margin-top: 5px;}
 .ver-code-wrapper{border: dashed 1px #edeaea;padding: 10px;font-size: 18px;font-weight: 500;width: auto;max-width: max-content;margin: 0px auto;
background: #f6f6f6;margin-top: 15px;margin-bottom: 15px;letter-spacing: 5px;}
#remember{width: 20px;height: 20px;position: relative;top: 4px;margin-right: 10px;margin-bottom: 25px;} 
.digit-title{ text-align: center; font-size: 18px;}
.verify-input-group{max-width: 385px;margin: 0px auto;margin-top: 15px;margin-bottom: 15px;text-align: center;}
.verify-input-group .form-control{text-align: center;font-size: 25px;display: inline-block;width: 50px;height: 50px;margin: 5px;}
.verify-input-group .form-control::placeholder{color: #d9d7d7; font-size: 50px; font-weight: bold;}
/*.verify-input-group input:focus {border: unset!important;border-bottom: solid 3px #ccc !important;}*/

/*----------------Website Setup---------------------*/
.website-setup-page .top_tabs{width: 842px;}

.z_page .data_panel_wrapper .with_amount .col-md-4:nth-child(2){width:20%!important;}
.z_page .data_panel_wrapper .with_amount .col-md-4:nth-child(3){width:47%!important;}
.z_page .data_panel_wrapper .with_amount .col-xs-4:nth-child(2){width:20%!important;}
.z_page .data_panel_wrapper .with_amount .col-xs-4:nth-child(3){width:47%!important;}
/*----Appointments----*/
.appointent_calender .dhx_cal_navline .dhx_cal_tab.active {background-color: #10b981 !important; color: #fff !important;}
#location_list_popup .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {background-color: #10b981;border-color: #10b981;}
.dhx_cal_navline .col-md-5 {padding: 7px; width:38%;}
.dhx_cal_navline .col-md-3 {padding: 7px; width:300px;}
.time_slots .data_panel_wrapper li{width:220px!important;}
.time_slots .data_panel_wrapper li:nth-child(1){width:60px!important;}
.time_slots .data_panel_wrapper li:nth-child(2){width:80px!important;}
.time_slots .data_panel_wrapper li:last-child{width:60px!important;}
#recurrence_box .data_panel_wrapper .more_than_10{position:relative;}
#recurrence_box .table_header .width_14 {width: 220px!important;}
#recurrence_box .data_panel .width_14 {width: 220px!important;}
#recurrence_box .max_height_pop{height: 400px;}
#recurrence_box .action_panel{padding: 5px 25px;}
.appointent_calender .action_panel .filter{padding: 7px 10px!important;}
.bookwithanyone .action_panel .filter{padding: 7px 10px!important;}
#adv_settings_sec{width: 96%;margin: 0px auto;}
.emp_schedular_page .action_panel a[type=button]{padding: 7px 10px!important;}

/*---Group Seprator----*/
.emp-group-seprator{background: #f1f1f1;padding: 5px;font-weight: 600;}

/*----Appointments----*/ 

/*---Shift Request---*/
.shift-request-list{}
.shift-request-list ul{ margin: 0px; padding: 0px; list-style: none;}
.shift-request-list ul li{ border-bottom: solid 1px #ccc; padding: 10px;}



/*---Location Setting---*/
.custom_shipping_status .data_panel_wrapper .table_header li{padding: 12px 10px;}
.custom_shipping_status .data_panel_wrapper .table_header li{padding: 12px 10px;}
.custom_shipping_status .data_panel_wrapper .data_panel li:first-child {padding-left: 10px!important;}
.custom_shipping_status .data_panel_wrapper .data_panel .actions_items li:first-child{padding-left: unset!important;}
.custom_shipping_status .data_panel_wrapper .more_than_10 li {width: 195px;}
/*---Location Setting---*/

/*----Spektrix Integration----*/
.data_panel .tags_disc_map_wrapper .remove_tag_disc_row a{color: #10b981;}
#spektrix_disc_frm .data_panel #add_more_tags_discs {color: #10b981;padding-right: 24px;}
/*----Spektrix Integration----*/

/*---Website Message---*/
.website_message .leftside_nav {top: 127px;}

.sales_page .action_panel #save-filter-button{padding:8px 7px!important; width:37px;}
.sales_page .action_panel #save-filter-button img{width:100%; height:auto;}
.sales_page #html-save-report-popup .col-md-3{padding:5px;clear: both;}
.close_out_page .data_panel_wrapper li{width:235px;}
.close_out_page .modal-body .data_panel_wrapper li {width: 188px;}
.close_out_page .data_panel_wrapper li:nth-child(7){width:250px;}
.close_out_page .data_panel_wrapper li:nth-child(18){width:250px;}
.close_out_page .data_panel_wrapper li:nth-child(23){width:260px;}
.close_out_page .data_panel_wrapper li:nth-child(24){width:290px;}
.close_out_page .remove_flex .data_panel{min-height: 185px;}
.z_page .bg_grey{color:#10B981;}
.close_out_page .hscrl_head{width:100%!important; overflow:unset!important;}
.close_out_page .hscrl_ovrhdn{width:100%!important; overflow:unset!important;}

.manage-email-report .data_panel_wrapper li{width:220px;}
.manage-email-report .data_panel_wrapper li:nth-child(3){width:300px;}
.manage-email-report .data_panel_wrapper li:last-child{width:50px;}

.setup-campaign .inner_panel .setup-campaing .campaign-form-area .f-field-action .btn-back{background: #10B981; border: solid 2px #10B981; }
.setup-campaign .inner_panel .setup-campaing .campaign-form-area .f-field-action .btn-continue{border: solid 2px #10B981; color: #10B981;}
.setup-campaign .inner_panel .setup-campaing .left-section .active .dot{border: solid 2px #10B981; background: #10B981;}
.setup-campaign .inner_panel .setup-campaing .left-section .progress-step .dot{border: solid 2px #10B981; background: #10B981;}
.setup-campaign .inner_panel .setup-campaing .left-section .steps .dot:after{background:#10B981!important}
.setup-campaign .inner_panel .setup-campaing .left-section .steps .dot{border: solid 2px #10B981;}
.email-campaign .bottom-action a{background: #10B981; border: solid 2px #10B981; }
.email-campaign .bottom-action .save-template-btn{border: solid 2px #10B981; color: #10B981; background: transparent!important;}
.email-campaign .edit-template a{border: solid 2px #10B981; color: #10B981; background: transparent;}
#save-template .modal-body .action-btn a{border: solid 2px #10B981; color: #10B981; background: transparent;}
.setup-campaign .inner_panel .setup-campaing .schedule-campaign-area .sc-field-button .btn-back{background: #10B981; border: solid 2px #10B981; }
.setup-campaign .inner_panel .setup-campaing .schedule-campaign-area .sc-field-button .btn-continue{border: solid 2px #10B981; color: #10B981; background: transparent;}

.customer-retention-report .data_panel_wrapper li:first-child{width:150px!important;}

.setup-campaign .inner_panel .setup-campaing .schedule-campaign-area .sc-field-area .data-time-area .icon:before{color:#10B981}
.setup-campaign .inner_panel .final-review .sub-head a{color:#10B981}
.setup-campaign .inner_panel .final-review .total-no-recipient a{background: #10B981; border: solid 2px #10B981; }
#test-mail .modal-body .action-btn a{border: solid 2px #10B981; color:#10B981; border-radius:50px; font-size:18px;}

#loyalty_log_popup .data_panel_wrapper li{width:220px!important; padding:12px 24px!important;}

.cash_drawer_page .data_panel_wrapper li{width:220px!important;}
.cash_drawer_page .data_panel_wrapper li:first-child{width:136px!important;}
.discount_page .data_panel_wrapper li{width:220px!important;}
.discount_page .data_panel_wrapper li:first-child{width:120px!important;}
.modifier_page .data_panel_wrapper li{width:220px!important;}
.modifier_page .data_panel_wrapper li:first-child{width:136px!important;}
.modifier_page .data_panel_wrapper li:nth-child(4){width: 130px!important;}
.modifier_page .data_panel_wrapper li:nth-child(5){width: 185px!important;}
.modifier_page .data_panel_wrapper li:nth-child(6){width: 170px!important;}
.modifier_page .data_panel_wrapper .table_header li{white-space: nowrap;}
.tax_report .data_panel_wrapper .table_header li{white-space: nowrap;}
.additional_charge_report .data_panel_wrapper .table_header li{white-space: nowrap;}

.shift_discrepancy_report #history_list{top:0px;}
.report-trasactions .glossy_btn {font-size: 18px; color: #10b981;}
.easy_accounting .data_panel_wrapper .dropdown-menu li{width:100%!important; padding:0px!important}
.action_panel .small_search input{background:#fff;}

.session_package_report .data_panel_wrapper li{width:220px!important;}
.session_package_report .data_panel_wrapper li:last-child{width:80px!important;}

.checkin-report .data_panel_wrapper li{width:200px!important;}

.saved_page .data_panel_wrapper li{width:140px!important; padding: 12px!important; padding-right: 25px !important; position:relative;}
.saved_page .data_panel_wrapper li span.sortUpDownArrow{position: absolute; right: 7px; top:50%; margin-top:-7px;}
.saved_page .data_panel_wrapper .data_panel li:first-child {padding-left: 12px !important;}
/*.saved_page .data_panel_wrapper li:nth-child(5){width:195px!important;}
.saved_page .data_panel_wrapper .table_header li{white-space: nowrap;}*/
.saved_page .profit-margin-report-table .criteria_header{width:100%; display:table; margin:0px; padding:0px; border-bottom: 1px solid #ddd;}
.saved_page .profit-margin-report-table .criteria_header li{width:50%!important;}
.saved_page .profit-margin .total-row{padding:0px; margin:0px;}
.saved_page .profit-margin .first-head{padding:0px; margin:0px;}
.saved_page .profit-margin-product .more_than_10{max-height: 450px; overflow: auto;}
.saved_page .data_panel_wrapper li.date-li{width: 200px !important;}
.saved_page .data_panel_wrapper li.date{width: 200px !important;}

#prodcat_list_container{height: 400px;overflow: auto;border-radius: 5px;}
.saved_page .data_panel_wrapper #prodcat_list_container ul{ list-style: none; margin: 0px;padding: 0px;}
.saved_page .data_panel_wrapper #prodcat_list_container li{width: 100% !important;font-size: 15px;border-bottom: solid 1px #ccc;color: #000;}


.saved_page #report_container .criteria_header{width:100%; display:table; margin:0px; padding:0px; border-bottom: 1px solid #ddd;}
.saved_page #report_container .criteria_header li{width:50%!important;}

.tracking-report #history_list {top: 0px!important;}
.tracking-report .data_panel_wrapper li {width:220px!important}

.active-image-wrapper span{background:#10B981;}
.product-mapping #category_back{color:#000!important;}
.actions_items a:hover.dot:after {color:#10B981!important;}

.tip-transfer .data_panel_wrapper li{width:201px!important;}

.suspended_row {background: #f8d7da5e;}
.suspended_row li{color:#adaaaa!important;}
.suspended_row .discount_applied{color: #842029; background: #f8d7da; border: solid 1px #842029; line-height: normal; font-size: 10px; font-weight: 400; letter-spacing: 0.5px;}

.profitability-page .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px; width:175px; z-index:1006}
.profitability-page .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:175px; z-index:1006}
.profitability-page .data_panel_wrapper .more_than_10 .table_header .first-head li{background:#F9FAFB;  z-index: 1000;}
.profitability-page .data_panel_wrapper .more_than_10 .table_header .first-head li:first-child{width:175px;}
.profitability-page .data_panel_wrapper .more_than_10 .table_header .second-head li{background:#fff;  z-index: 999;}
.profitability-page .data_panel_wrapper .more_than_10 .table_header .second-head li:first-child{width:175px;}
.profitability-page .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}
.profitability-page .data_panel_wrapper .more_than_10 .data_panel li:first-child{background:#fff; z-index: 999; width:175px;}

.profitability-page .data_panel_wrapper .more_than_10 .profit-margin-product .table_header .second-head li:nth-child(3){position: sticky!important; top: 0px; left:395px;}
.profitability-page .data_panel_wrapper .more_than_10 .profit-margin-product .data_panel li:nth-child(3){position: sticky!important; top: 0px; left:395px;}

.dynamic-catalogs-list .data_panel_wrapper li{width:200px!important;}
.dynamic-catalogs-list .data_panel_wrapper li:last-child{width:50px!important; padding:12px!important}
.dynamic-catalogs-list .data_panel_wrapper li:nth-child(2){width:275px!important;}
.dynamic-catalogs-list .data_panel_wrapper li:nth-child(3){width:150px!important;}
.dynamic-catalogs-list .data_panel_wrapper li:nth-child(4){width:150px!important;}
.dynamic-catalogs-list .data_panel_wrapper li:nth-child(5){width:150px!important;}
.dynamic-catalogs-list .data_panel_wrapper .data_panel .dropdown-menu li{padding:0px!important;}
.dynamic-catalogs-add .field .select_location{margin-top:-48px;}

.sales-report-by-vendor .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px;background: #fff;}
.sales-report-by-vendor .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:220px;background: #fff;}
.sales-report-by-vendor .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000; width:220px!important;}
.sales-report-by-vendor .data_panel_wrapper .more_than_10 .table_header li.column_last_received_date{width:220px!important}
.sales-report-by-vendor .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999; width:220px!important;}
.sales-report-by-vendor .data_panel_wrapper .more_than_10 .data_panel li.column_last_received_date{width:220px!important}
.sales-report-by-vendor .data_panel_wrapper .ul_no_padding{ padding:0px !important;}
.sales-report-by-vendor .data_panel_wrapper .more_than_10 li{width:220px!important}

.discount_page .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px;}
.discount_page .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:120px;}
.discount_page .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000;}
.discount_page .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}

.cash_adj_page .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px;}
.cash_adj_page .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:172px;}
.cash_adj_page .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000;}
.cash_adj_page .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}

.tip-transfer .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px;}
.tip-transfer .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:201px;}
.tip-transfer .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000;}
.tip-transfer .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}
.tip-transfer .data_panel_wrapper .more_than_10 div .tip-tranfer-summary{width:100%; position:sticky!important;}
.tip-transfer .data_panel_wrapper .more_than_10 div .tip-tranfer-summary li:first-child{position: relative!important; top: 0px; left:0px;}
.tip-transfer .data_panel_wrapper .more_than_10 div .tip-tranfer-summary li:nth-child(2){position: relative!important; top: 0px; left:0px;}
.tip-transfer .data_panel_wrapper .more_than_10 div .tip-tranfer-summary-list{width:100%; position:sticky!important;}
.tip-transfer .data_panel_wrapper .more_than_10 div .tip-tranfer-summary-list li:first-child{position: relative!important; top: 0px; left:0px;}
.tip-transfer .data_panel_wrapper .more_than_10 div .tip-tranfer-summary-list li:nth-child(2){position: relative!important; top: 0px; left:0px;}

.customer_report .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px;}
.customer_report .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:220px;}
.customer_report .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000;}
.customer_report .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}
.customer_report .data_panel_wrapper .more_than_10 li{width:220px!important;}

.set_inventory_page .data_panel_wrapper .more_than_10 li:nth-child(3){position: sticky!important; top: 0px; left:0px;z-index: 1001 !important;}
.set_inventory_page .data_panel_wrapper .more_than_10 li:nth-child(4){position: sticky!important; top: 0px; left:172px; z-index: 1001 !important;}
.set_inventory_page .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000;}
.set_inventory_page .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}

.gift_card_report .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px;}
.gift_card_report .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:172px;}
.gift_card_report .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000;}
.gift_card_report .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}
.gift_card_report .data_panel_wrapper .more_than_10 li{position:static!important;}

.close_out_page .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px;}
.close_out_page .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:220px;}
.close_out_page .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000;}
.close_out_page .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}
.close_out_page .data_panel_wrapper .more_than_10 small{text-transform: initial;}

.labor_report .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px;}
.labor_report .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:172px;}
.labor_report .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000;}
.labor_report .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999;}

.sales_page .data_panel_wrapper .more_than_10 li{width:172px!important;}
.sales_page .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px; width:140px!important}
.sales_page .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:172px;}
.sales_page .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 1000; width:172px!important;}
.sales_page .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999; width:172px!important;}
.sales_page #sales-report-table-summary .col-xs-6:first-child{position: sticky!important; top: 0px; left:0px; width:50%!important}
.sales_page #sales-report-table-summary .col-xs-6:last-child{position: sticky!important; top: 0px; right:0px; width:50%!important}
.sales_page #average-report-table-summary{display:table;}
.sales_page .data_panel_wrapper .more_than_10 .data_panel li[data-colname="Date"]{width:203px!important;}

.store_manage .data_panel_wrapper .more_than_10  li.dynamic_catalog_loc{width:220px!important; }

.manage_coupon .data_panel_wrapper li{width: 142px!important; padding: 12px!important; padding-left:12px!important}
.manage_coupon .data_panel_wrapper li:first-child{padding-left:12px!important}
.manage_coupon .data_panel_wrapper li:last-child{width: 55px!important; padding: 12px!important;}
.manage_coupon .data_panel_wrapper .data_panel .dropdown-menu li{padding:0px!important;}

.order_list_page .data_panel_wrapper li{width:200px!important}
.order_list_page .data_panel_wrapper li:last-child{width:50px!important; padding:10px;}
/*.order_list_page .data_panel_wrapper .data_panel{top:55px!important;}*/

.inventory_adjustment_page .data_panel_wrapper .more_than_10 li{width:172px!important;}
.inventory_adjustment_page .data_panel_wrapper .more_than_10 li:first-child{position: sticky!important; top: 0px; left:0px; width:140px!important; z-index: 1000!important;}
.inventory_adjustment_page .data_panel_wrapper .more_than_10 li:nth-child(2){position: sticky!important; top: 0px; left:172px; z-index: 1000!important;}
.inventory_adjustment_page .data_panel_wrapper .more_than_10 .table_header li{background:#F9FAFB;  z-index: 999; width:172px!important;}
.inventory_adjustment_page .data_panel_wrapper .more_than_10 .data_panel li{background:#fff; z-index: 999; width:172px!important;}
.inventory_adjustment_page .data_panel_wrapper .more_than_10 li:nth-child(4){width: 200px!important;}
.multiselect-container li.adjustment_reasons_checkbox .checkbox input[type=checkbox]{width: 17px!important;height: 17px;margin-top: 0px;position: relative;top: 4px;margin-right: 4px;}
.multiselect-container li.adjustment_reasons_checkbox .checkbox{padding-left: 20px!important;}
.purch-type-wrapper{display: table;width: 100%;margin-bottom: 25px;}
.purch-type{ float: left; margin-right: 20px !important;}
.select_payment_terms{ width: 20px !important; height: 19px !important;}
.select_purchase_type{width: 20px !important; height: 19px !important;}
.select_payment_status{width: 20px !important; height: 19px !important;}

/*---Marketing-----*/
.automation_track_report #history_list li{width: 142px!important;}
.automation_track_report #history_list li:first-child{padding: 12px!important;padding-left: 12px!important;}
.automation_track_report .data_panel_wrapper .head li:first-child{ background:#F9FAFB}
.automation_track_report .data_panel_wrapper .head li:nth-child(2){ background:#F9FAFB}
.automation_track_report .data_panel_wrapper .table_header ul{padding-left: 0px;}
.automation_track_report .data_panel_wrapper .data_panel ul {padding-left: 0px;}
.automation_track_report .data_panel_wrapper li:first-child{position: sticky; left:0px;background: #fff;}
.automation_track_report .data_panel_wrapper li:last-child{width: 142px!important; }
.automation_track_report .data_panel_wrapper li:nth-child(2){position:sticky; left: 142px;background: #fff;}
.automation_track_report .data_panel_wrapper li {width: 142px!important;padding: 12px!important;padding-left: 12px!important;}

	
.text-green{color:#47a243!important}
.text-red{color:#d61412!important}

.reports-box{margin-top: 15px; background: #fff; border: solid 1px #dadbdb; border-radius: 10px;}
.reports-box .header{padding: 15px; font-size: 18px; font-weight: 600;  position:relative; cursor:pointer}
.reports-box .header .arrow{position: absolute; right: 25px; top: 22px;}
.reports-box .report-links{padding:5px 30px; display:table; width:100%; border-top: solid 1px #dadbdb;}
.reports-box .report-links a{color:#000; padding:10px; border-bottom:solid 1px #dadbdb; display:table; text-decoration:none; width:100%}
.reports-box .report-links a:hover{text-decoration:underline;}
.reports-box .report-links a:last-child{border:0px;}
.other-report-link{width:100%; margin-top:25px; margin-bottom:10px;}
.other-report-link ul{margin:0px; padding:0px;}
.other-report-link ul li{display:inline-block; border-right:solid 1px #dadbdb; list-style:none;}
.other-report-link ul li a{width:100%; padding:10px 20px; color:#000; text-decoration:none;}
.other-report-link ul li a:hover{text-decoration:underline;}
.other-report-link ul li:last-child{border:0px;}

/*.app_center .action_panel{padding-bottom:18px;}*/
.app_center .action_panel a[type=button]{position:relative;}
.app_center .action_panel a[type=button] span{position: absolute; left: 0px; top: 35px; color: #737373; font-size: 12px; font-weight:400; width:100%;}
.app_center .data_panel_wrapper li:first-child{width:55px; padding:12px!important}
.app_center .data_panel_wrapper li:last-child{width:135px;}
.app_center .data_panel_wrapper li:nth-child(2){width:200px;}
.app_center .data_panel_wrapper li:nth-child(5){width:180px;}
.app_center .data_panel_wrapper li{width:118px; padding:12px!important;}
.app_center .data_panel_wrapper .table-cloud-esssentials{width:100%; display:table;}
.app_center .data_panel_wrapper .table-cloud-advanced{width:100%; display:table;}
.app_center .data_panel_wrapper .table-cloud-premium{width:100%; display:table;}
.app_center .data_panel_wrapper .data_panel .open-arrow{border: solid 1px #e1e1e1; padding: 5px; width: 25px; text-align: center; display: table; height: 25px; line-height: 12px; margin:0 auto; cursor:pointer; background:#fff;}
.app_center .data_panel_wrapper .data_panel .close-arrow{border: solid 1px #e1e1e1; padding: 5px; width: 25px; text-align: center; display: table; height: 25px; line-height: 12px; margin:0 auto; cursor:pointer; background:#fff;}
.app_center .data_panel_wrapper .marketing-sms li:first-child{width:47px; padding:12px!important}
.app_center .data_panel_wrapper .marketing-sms li{width:250px;}
.app_center .data_panel_wrapper .cloud-esssentials-data li{color:#737373;}
.app_center .data_panel_wrapper .cloud-advanced-data li{color:#737373;}
.app_center .data_panel_wrapper .cloud-premium-data li{color:#737373;}
.app_center .data_panel_wrapper .cloud-esssentials-data li a{color:#737373; text-decoration:underline}
.app_center .data_panel_wrapper .cloud-advanced-data li a{color:#737373; text-decoration:underline}
.app_center .data_panel_wrapper .cloud-premium-data li a{color:#737373; text-decoration:underline}
.app_center .data_panel_wrapper .cloud-esssentials-data li .configure-loc{color:#737373; text-decoration:none}
.app_center .data_panel_wrapper .cloud-esssentials-data li .configure-loc{color:#737373; text-decoration:none}
.app_center .data_panel_wrapper .cloud-premium-data li .configure-loc{color:#737373; text-decoration:none}
.app_center .data_panel .btn-default{font-size: 12px; font-weight: 500; padding: 5px 6px; float:right; text-decoration:none!important;}
.app_center .manage_employee_popup_body .data_panel .toggle-off{padding: 7px 5px !important;text-align: center;font-size: 14px;}
.app_center .manage_payment_popup_body .data_panel .toggle-off{padding: 7px 5px !important;text-align: center;font-size: 14px;}
.app_center .data_panel .total-amout{background:#f4f5f7; font-weight:600;}
.app_center .data_panel .total-amout li{font-weight:600; font-size:17px;}
.app_center .data_panel .configure-loc{background: #f4f5f7; border: solid 1px #e1e1e1; padding: 2px 5px; display: inline-block; font-size: 12px; border-radius: 3px;}
.app_center .manage_payment_popup_body .data_panel_wrapper li:first-child{width: 220px;} 
.app_center .manage-subscription{background:transparent;box-shadow:unset; border:0px;}
.app_center .manage-subscription .col-height{vertical-align:top;}
.app_center .plan-purchase{border: 1px solid #E5E7EB; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%); border-radius: 8px; background: #fff; height:100%; display: table; width:100%}
.app_center .plan-purchase .plan-area{padding:20px; border-bottom:solid 1px #f3f3f3;}
.app_center .plan-purchase .plan-box{width:100%; border:solid 1px #e1e1e1; padding:20px 10px; border-radius:5px; cursor:pointer}
.app_center .plan-purchase .plan-box .icon{width: 85px; height:75px; margin: 0 auto;}
.app_center .plan-purchase .plan-box .text{font-size: 13px; text-align: center; margin-top: 15px; font-weight: 500;}
.app_center .plan-purchase .plan-box .text span{font-size: 16px; display: table; font-weight: 600; margin-bottom: 5px; width:100%; text-align:center;}
.app_center .plan-purchase .col-md-4:first-child .plan-box .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-essentials.png) no-repeat center center; background-size:cover;}
.app_center .plan-purchase .col-md-4:first-child .plan-box.active .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-essentials-active.png) no-repeat center center; background-size:cover;}
.app_center .plan-purchase .col-md-4:nth-child(2) .plan-box .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-advanced.png) no-repeat center center; background-size:cover;}
.app_center .plan-purchase .col-md-4:nth-child(2) .plan-box.active .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-advanced-active.png) no-repeat center center; background-size:cover;}
.app_center .plan-purchase .col-md-4:nth-child(3) .plan-box .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-premium.png) no-repeat center center; background-size:contain;}
.app_center .plan-purchase .col-md-4:nth-child(3) .plan-box.active .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-premium-active.png) no-repeat center center; background-size:contain;}
.app_center .plan-purchase .col-md-4:nth-child(4) .plan-box .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-essentials.png) no-repeat center center; background-size:cover; position:relative;}
.app_center .plan-purchase .col-md-4:nth-child(4) .plan-box.active .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-essentials-active.png) no-repeat center center; background-size:cover;}
.app_center .plan-purchase .col-md-4:nth-child(4) .plan-box .icon:before{content: '+AI'; Position: absolute; background: #d9edf7; padding: 4px 5px; border-radius: 100px; font-size: 10px; font-weight: 600; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); width: 35px; text-align: center; display: flex; align-items: end; justify-content: center; line-height: 10px; left: 55px;}
.app_center .plan-purchase .col-md-4:nth-child(5) .plan-box .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-advanced.png) no-repeat center center; background-size:cover; position:relative;}
.app_center .plan-purchase .col-md-4:nth-child(5) .plan-box.active .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-advanced-active.png) no-repeat center center; background-size:cover;}
.app_center .plan-purchase .col-md-4:nth-child(5) .plan-box .icon:before{content: '+AI'; Position: absolute; background: #d9edf7; padding: 4px 5px; border-radius: 100px; font-size: 10px; font-weight: 600; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); width: 35px; text-align: center; display: flex; align-items: end; justify-content: center; line-height: 10px; left: 55px;}
.app_center .plan-purchase .col-md-4:nth-child(6) .plan-box .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-premium.png) no-repeat center center; background-size:contain; position:relative;}
.app_center .plan-purchase .col-md-4:nth-child(6) .plan-box.active .icon{width: 85px; margin: 0 auto; background:url(../images2020/icon-cloud-premium-active.png) no-repeat center center; background-size:contain;}
.app_center .plan-purchase .plan-box.active:before{content:'Current Plan'; border:solid 1px #e1e1e1; background:#fff; border-radius:3px; font-size:10px; font-weight:500; position:absolute; padding:3px; top:-2px; display:none;}
.app_center .plan-purchase .col-md-4:nth-child(6) .plan-box .icon:before{content: '+AI'; Position: absolute; background: #d9edf7; padding: 4px 5px; border-radius: 100px; font-size: 10px; font-weight: 600; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); width: 35px; text-align: center; display: flex; align-items: end; justify-content: center; line-height: 10px; left: 55px;}
.app_center .plan-purchase .plan-box.active:before{content:'Current Plan'; border:solid 1px #e1e1e1; background:#fff; border-radius:3px; font-size:10px; font-weight:500; position:absolute; padding:3px; top:-2px; display:none;}
.app_center .plan-purchase .plan-box.active{background:#10B981;}
.app_center .plan-purchase .plan-box.active .text{color:#fff;}
.app_center .plan-purchase .app-licenses{padding:10px 20px!important; border-bottom:solid 1px #f3f3f3}
.app_center .plan-purchase .app-licenses .col-md-5{font-size: 16px; font-weight: 600; padding:15px;}
.app_center .plan-purchase .app-licenses .col-md-5 span{display:table; font-size:12px; font-weight:500;}
.app_center .plan-purchase .app-licenses .counter{background: #e3e3e3; width: 180px; border-radius:5px; display: table; padding: 5px 0px; float:left}
.app_center .plan-purchase .app-licenses .counter .minus{padding: 9px 12px; float: left; width: auto!important; cursor: pointer; font-size: 17px;}
.app_center .plan-purchase .app-licenses .counter .input{float: left; width: 105px;}
.app_center .plan-purchase .app-licenses .counter .input input{padding: 8px; background: #fff; text-align: center; font-size: 17px; color:#000}
.app_center .plan-purchase .app-licenses .counter .plus{padding: 9px 12px; float: left; width: auto!important; cursor: pointer; font-size: 17px;}
.app_center .plan-purchase .app-licenses a{font-size: 13px; padding: 5px 0px; display: table;}
.app_center .plan-purchase .app-licenses .text-field{padding:0px; width: 180px; border-radius:5px; display: table; padding: 0px; float:left}
.app_center .plan-purchase .app-licenses .text-field input{width: 100%; padding: 7px 15px; font-size: 17px; border: solid 1px #e3e3e3; border-radius: 5px;}

/*---Count Sheet---*/
.count-sheet-step-wrapper {background: #fff;padding: 0px;border-radius: 7px;padding-bottom: 15px;box-shadow: 0 2px 2px rgb(173 173 173 / 20%);height: 87vh;}
.count-sheet-step-assignemp-wrapper {border-radius: 7px;flex: unset;height: 62vh;width: 98%;margin: 0px auto;}
.step-count-bottom {float: right;padding: 6px 15px;}
.step-count-autosave {position: absolute;left: 312px;top: 20px;font-style: italic;}
.count-sheet-page-head {background: #f9f9f9;border-bottom: solid 1px #f2f2f2;padding: 15px; border-radius: 5px 5px 0 0;}
.count-sheet-nav{font-size: 20px;font-weight: 500;}
.sheet-section-heading{padding: 10px 15px;font-size: 17px;font-weight: 500;}
#countStep5{max-width: 900px;width: 98%;margin: 0px auto;}
.sheet-step-wrapper2 .sheet-section-heading{padding: 10px 0px;}
.schedule-heading{ text-align: center; margin-top: 50px;}
.page_action_bar .btn-default {background-color: #10B981 !important;outline: unset!important;color: #fff !important;}
.auto-commit{max-width: 900px;width: 99%;margin: 0px auto;padding: 7% 10px;}
.auto-commit-txt{font-size: 18px;margin-bottom: 20px;}
.count-sheet-name-select{position: relative;max-width: 420px;width: 100%;margin: 0px auto; margin-top: 50px;}
.count-sheet-name-select select{display: block;width: 100%;height: 54px;border-radius: 7px;border: solid 1px #afadad;font-size: 20px;padding-left: 15px;}
.count-sheet-name-select label{position: absolute;background: #fff;left: 20px;top: -7px;font-size: 12px;text-transform: uppercase;}
.count-sheet-name{max-width: 600px;width: 99%;margin: 0px auto;padding: 8%;}
.count-sheet-products-list{padding: 10px;}
.count-sheet-name-input{position: relative;margin-top: 48px;}
.count-sheet-name-input input{display: block;width: 100%;max-width: 400px;height: 54px;border-radius: 7px;border: solid 1px #afadad;font-size: 20px;padding-left: 15px;}
.count-sheet-name-input label{position: absolute;background: #fff;left: 20px;top: -7px;font-size: 12px;text-transform: uppercase;}
.sheet-img{width: 150px;height: 150px;padding-top: 32px;background: #f4f4f4;border-radius: 100px;margin: 0px auto;text-align: center;}
.sheet-img img{width: 75px;}
.count-sheet-step-wrapper .product_display_info{padding: 10px 10px;}
.top_tabs.count-sheet-wizard{width: 100%;padding-top: 0px;margin-top: 0px;}
.qr-code .count-sheet-wizard .nav-pills.nav-wizard > li{width: 145px;}
.count-sheet-location{margin-top: 12px;}
.count-sheet-step-wrapper .top_tabs .nav-pills.nav-wizard > li.active .circle:after{width: 118px;}
.count-sheet-step-wrapper .top_tabs .nav-pills.nav-wizard > li .circle:after{width: 118px;}
.order_list_page.view-countsheet-details .data_panel_wrapper li:last-child {width: 80px !important;}
.order_list_page.view-countsheet-details .data_panel_wrapper li:last-child .product_quantity{ text-align: center;}
.view-countsheet-details .info-message{max-width: 100%;margin: 10px 0px;font-size: 14px;}
.view-countsheet-details .info-message:before{top: 6px;}
.mx-width{ max-width: 100% !important;margin: unset !important;}
/*.ag-cell{ background-color: none !important; border: 0 !important; outline: 0 !important;}
.ag-cell:focus{ background-color: #fff !important; border: 0 !important; outline: 0 !important;}
.ag-cell:focus-visible{ background-color: #fff !important; border: 0 !important; outline: 0 !important;}
.ag-cell:active{ background-color: #fff !important; border: 0 !important; outline: 0 !important;}*/
/*---Count Sheet---*/

.app_center .plan-purchase .employee-licenses{padding:10px 20px!important; border-bottom:solid 1px #f3f3f3}
.app_center .plan-purchase .employee-licenses .col-md-5{font-size: 15px; font-weight: 600; padding:15px;}
.app_center .plan-purchase .employee-licenses .col-md-5 span{display:table; font-size:12px; font-weight:500;}
.app_center .plan-purchase .employee-licenses .counter{background: #e3e3e3; width: 180px; border-radius:5px; display: table; padding: 5px 0px; float:left}
.app_center .plan-purchase .employee-licenses .counter .minus{padding: 9px 12px; float: left; width: auto!important; cursor: pointer; font-size: 17px;}
.app_center .plan-purchase .employee-licenses .counter .input{float: left; width: 105px;}
.app_center .plan-purchase .employee-licenses .counter .input input{padding: 8px; background: #fff; text-align: center; font-size: 17px; color:#000}
.app_center .plan-purchase .employee-licenses .counter .plus{padding: 9px 12px; float: left; width: auto!important; cursor: pointer; font-size: 17px;}
.app_center .plan-purchase .employee-licenses a{font-size: 13px; padding: 5px 0px; display: table;}

.app_center .plan-purchase .payment-frequency{padding:10px 20px!important; border-bottom:solid 1px #f3f3f3}
.app_center .plan-purchase .payment-frequency .col-md-5{font-size: 16px; font-weight: 600; padding:15px;}
.app_center .plan-purchase .payment-frequency .col-md-5 span{display:table; font-size:12px; font-weight:500;}
.app_center .plan-purchase .payment-frequency .counter{background: #e3e3e3; width: 180px; border-radius:5px; display: table; padding: 0px; float:left}
.app_center .plan-purchase .payment-frequency .counter .input{float: left; width: 100%; position:relative;}
.app_center .plan-purchase .payment-frequency .counter .input input{padding:10px; background:#fff; font-size:15px;}
.app_center .plan-purchase .payment-frequency .counter .input .dropdown .dropdown-toggle{width: 100%; padding: 10px; text-align: left; font-size: 17px; color: #a9a9a9!important;}
.app_center .plan-purchase .payment-frequency .counter .input .dropdown .caret{position: absolute; right: 15px; top: 22px;}
.app_center .plan-purchase .payment-frequency .counter .input .dropdown li{width:100%; padding: 5px!important;}
.app_center .plan-purchase .payment-frequency .counter .input .save-help{position: absolute; right: -72px; background: #e3e3e3; padding: 5px 11px; font-size: 19px; font-weight: 600; line-height: 18px; top: 0px; border-radius: 3px; text-align: center;}
.app_center .plan-purchase .payment-frequency .counter .input .save-help span{display: table; width: 100%; font-weight: 400; font-size: 17px;}
.app_center .plan-purchase .payment-frequency .counter .input .save-help:before{content: '\f0d9'; font-family: FontAwesome; position: absolute; color: #e3e3e3; left: -6px; top: 15px;}
.app_center .plan-purchase .note {background: #f2f2f2; padding: 15px; font-size: 14px; border-radius: 0px 0px 8px 8px; margin-top: 69px;}

.app_center .summary-area-outer{border: 1px solid #E5E7EB; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%); border-radius: 8px; background: #fff; height:100%; margin-left:15px;}
.app_center .summary-area-outer .heading{padding: 15px; font-size: 17px; font-weight: 500;}
.app_center .summary-area-outer .summary-area{background: #fafafa; padding: 15px;}
.app_center .summary-area-outer .summary-area .head{font-size:16px;}
.app_center .summary-area-outer .summary-area .row{border-bottom:solid 1px #737373}
.app_center .summary-area-outer .summary-area .row:last-child{border-bottom:solid 0px #737373}
.app_center .summary-area-outer .total-area{background: #fff; padding: 10px 20px; margin-top: 95px;}
.app_center .summary-area-outer .total-area .row{border-bottom:solid 1px #737373; font-size:17px;}
/*.app_center .summary-area-outer .total-area .row span{display:table; font-size:13px;}
.app_center .summary-area-outer .total-area .row .col-md-5 span{display:unset; font-size:13px;}*/
.app_center .summary-area-outer .total-area .row:last-child{border-bottom:solid 0px #737373}
.app_center .summary-area-outer .total-area .row .col-md-5{padding:10px 5px!important; font-size:17px;}
.app_center .summary-area-outer .total-area .row .col-md-7{padding:10px 5px!important; font-size:17px;}
.app_center .summary-area-outer .total-area .head{font-weight:600; font-size:17px;}
.app_center .summary-area-outer .total-area .card-detail{font-size: 14px; text-align: center;}
.app_center .summary-area-outer .total-area .btn{background: #10b981; color: #fff; width: 100%; padding: 15px; display: table; text-align: center; font-size: 17px; border-radius: 5px; text-decoration:none; margin-top:10px;}
.app_center .location-name{font-size: 20px; padding: 0px 10px; font-weight: 600;}
.app_center .summary-area-outer .total-area a{display: table; text-align: right; width: 100%; font-size: 13px;}
.app_center .summary-area-outer .total-area .applied-disctous .col-md-4{font-size:15px;}
.app_center .summary-area-outer .total-area .applied-disctous .col-md-4 span{font-size:13px; font-weight:600;}

.app_center .compare-plans {background:transparent;box-shadow:unset; border:0px;}
.app_center .compare-plans .plan-purchase .note{margin-top:0px;}
.app_center .compare-plans .summary-area-outer .total-area{margin-top: 137px; }
.app_center .compare-plans .action_panel{padding-bottom:5px;}
.app_center .compare-plans .compare-line{border: solid 1px #e1e1e1; width: 440px; padding: 15px; border-top: 0px; margin: 0 auto; position:relative;}
.app_center .compare-plans .compare-line:before{content:''; position:absolute; background:#e1e1e1; width:1px; height:30px; left:50%; bottom:0px;}
.app_center .compare-plans .plan-compare{text-align: center; padding: 5px;}
.app_center .compare-plans .plan-compare a{color:#000; text-decoration:underline; padding:3px;}
.app_center .compare-plans .plan-area .col-md-4{padding-bottom:0px!important;}

.app_center #marketing-sms .package-detail{border: solid 1px #eaebef; border-radius: 5px;}
.app_center #marketing-sms .head{color: #8d939f; font-size: 12px; text-align: center; font-weight: 500; background: #f9fafb; padding: 10px;}
.app_center #marketing-sms .detail-field{padding:10px;}
.app_center #marketing-sms .detail-field .dropdown .dropdown-toggle{width: 100%; padding: 10px; text-align: left; font-size: 17px; color: #a9a9a9!important;}
.app_center #marketing-sms .detail-field .dropdown .caret{position: absolute; right: 15px; top: 22px;}
.app_center #marketing-sms .detail-field input{width: 100%; padding: 7px 15px; font-size: 15px; border: solid 1px #e3e3e3; border-radius: 5px;}
.app_center #marketing-sms .total-text{float: left; padding: 3px; font-weight: 600; font-size: 17px;}

.app_center #add-discount .modal-body{padding:0px;}
.app_center #add-discount .package-detail{border: solid 1px #eaebef; border-radius: 0px; margin:0px!important}
.app_center #add-discount .head{color: #8d939f; font-size: 12px; text-align: center; font-weight: 500; background: #e3e3e3; padding: 10px;}
.app_center #add-discount .detail-field{padding:10px;}
.app_center #add-discount .detail-field .dropdown .dropdown-toggle{width: 100%; padding: 10px; text-align: left; font-size: 17px; color: #a9a9a9!important;}
.app_center #add-discount .detail-field .dropdown .caret{position: absolute; right: 15px; top: 22px;}
.app_center #add-discount .detail-field input{width: 100%; padding: 7px 15px; font-size: 15px; border: solid 1px #e3e3e3; border-radius: 5px;}
.app_center #add-discount .total-text{float: left; padding: 3px; font-weight: 600; font-size: 17px;}
.app_center #add-discount .applied-discount{width:100%; display:table; min-height:200px; overflow:auto;}
.app_center #add-discount .applied-discount-head{border-top:solid 1px #e1e1e1; padding:10px; font-size:17px; color:#000; font-weight: 500; background: #f1f1f1;}
.app_center #add-discount .applied-discount{border: solid 1px #eaebef; border-radius: 5px;}
.app_center #add-discount .applied-discount .header{font-weight:600; border-bottom: solid 1px #eaebef;}
.app_center #add-discount .applied-discount .data{border-bottom: solid 1px #eaebef;}
.app_center #add-discount .applied-discount .data a{color:#000; text-decoration:none;}

.app_center.app_center_invoice .rightpanel_wrapper{height:auto;}
.app_center .invoice-wrapper{max-width:755px;width:100%; margin:25px auto; border:solid 1px #e1e1e1; border-radius:20px; background:#fff;}
.app_center .invoice-wrapper #sq-ccbox{padding:100px 50px!important;}
.app_center .invoice-wrapper .logo-order-id{background:#fafafa; padding:30px; border-radius:22px 22px 0px 0px; width:100%; display:table;}
.app_center .invoice-wrapper .logo-order-id .salesvu-logo{float:left; padding:6px;}
.app_center .invoice-wrapper .logo-order-id .salesvu-logo img{filter: invert(1);}
.app_center .invoice-wrapper .logo-order-id .order-detail{float:right; text-align:right; font-size:16px;}
.app_center .invoice-wrapper .logo-order-id.pricing-top{font-size: 17px; text-align:right}
.app_center .invoice-wrapper .logo-order-id.pricing-top span{font-weight:600;}
.app_center .invoice-wrapper .logo-order-id .order-id-date{text-align: center; font-size: 18px; background: #fff; padding: 10px; border: solid 1px #e1e1e1; border-radius: 10px;}
.app_center .invoice-wrapper .package-detail{padding:30px 0px 10px 0px; background:#fff; width:100%; display:table; border-radius:22px 22px 0px 0px;}
.app_center .invoice-wrapper .package-detail .row{margin-bottom:20px!important; border-radius:22px 22px 0px 0px;}
.app_center .invoice-wrapper .package-detail .head{font-size:14px; font-weight:500; color:#b1b8cb;}
.app_center .invoice-wrapper .package-detail .detail{font-weight:500; color:#000; font-size:14px;}
.app_center .invoice-wrapper .package-detail .detail .pack-icon{width:80px; float:left; margin-right:10px;}
.app_center .invoice-wrapper .package-detail .detail .pack-name{float:left; padding:5px 0px; width:calc(100% - 100px);}
.app_center .invoice-wrapper .package-detail .detail .pack-icon img{width:100%;}
.app_center .invoice-wrapper .total-amount-detail{background:#f2f2f2; padding:20px 30px 10px 30px; font-size:15px; font-weight:500;}
.app_center .invoice-wrapper .total-amount-detail .row{margin-bottom:20px!important;}
.app_center .invoice-wrapper .total-amount-detail .total-amount span{display: table; font-size: 14px; font-weight: 400;}
.app_center .invoice-wrapper .total-amount-detail .total-amount{border-top: solid 1px #c2c2c2; padding-top: 18px!important;}
.app_center .invoice-wrapper .action-area{background:#fff; padding:20px; display:table; width:100%; text-align:center; border-radius:0px 0px 22px 22px;}
.app_center .invoice-wrapper .action-area a{background:#10b981; color:#fff; font-weight:500; text-align:center; padding:10px 22px; display:inline-block; margin-right:10px; border-radius:5px; text-decoration:none;}
.app_center .success-msg .logo-order-id .salesvu-logo{margin:0 auto; float:unset;}
.app_center .success-msg .msg{position: relative; padding: 30px 15px; font-size: 21px; font-weight: 400;}
.app_center .success-msg .msg .thank-you {color:#5255A4; font-size: 34px; font-weight:600;}
.app_center .success-msg .msg .thank-you span{display: table; width: 100%; font-weight: 400; font-size: 21px; margin-top: 15px; color:#000;}
.app_center .success-msg .action-area a{display:inline-block; margin:0 auto; margin-right:0px; margin-bottom:15px; width:300px;}
.app_center #card-container{padding:0px!important}
.app_center #card-button{padding:10px 22px!important; font-size:20px!important;}
.app_center .thankyou-thumb{color: #5255A4; background: #fff; padding: 15px; border-radius: 100px; font-size: 50px; width: 80px; height: 80px; text-align: center; padding: 8px 17px; margin: 0 auto; display: block;}
.app_center .suspended{display: inline-block; font-size: 12px; background: #fff; border: solid 1px red; border-radius: 3px; color:red}
.app_center .data_panel_wrapper{margin-top:0px;}

.app_center .bundle_trail{background:url(../images2021/expire-bg.jpg) no-repeat left top;}
.app_center .bundle_trail .bundle_trail_heading{background:url(../images2021/expire-bg-white.jpg) no-repeat left top;}

.app_center_invoice .alert-danger{display: table; margin: 0 auto; max-width: 550px;}
.app_center .note-area{padding: 20px; border-bottom: solid 1px #e1e1e1;}
.app_center .note-area .row{border: dashed 1px #e1e1e1; padding: 10px!important;}

.guest_member .rightpanel_wrapper{margin:0px!important; padding:0px!important;}
.guest_member .rightpanel_wrapper .inner_panel{padding:8px!important;}
.guest_member .app_center .plan-purchase .plan-area{padding: 10px 0px;}
.guest_member .app_center .plan-purchase .plan-box{padding: 20px 5px;}
.guest_member .compare-plans .summary-area-outer .total-area{margin-top: 130px;}
#subsription_modal .modal-body{padding:0px;}

.falied_billing{max-width: 650px; margin: 0 auto; padding: 10px; padding-left:40px; position:relative; font-size: 17px;}
.falied_billing:before{content: '\f129'; font-family: FontAwesome; position: absolute; left: 9px;  top: 50%; margin-top:-10px; font-size: 13px; border: solid 1px #a94442; border-radius: 100px; width: 20px; height: 20px; text-align: center; padding: 1px;}
.falied_billing a{background: #fff; padding: 6px 15px; margin-left: 15px; border-radius: 5px; display: inline-block; color:#000}

#subscription_msg{max-width: 650px; margin: 0 auto; padding: 6px; padding-left:40px; position:relative; font-size: 18px;}
#subscription_msg:before{content: '\f129'; font-family: FontAwesome; position: absolute; left: 9px;  top: 50%; margin-top:-10px; font-size: 13px; border: solid 1px #3c763d; border-radius: 100px; width: 20px; height: 20px; text-align: center; padding: 1px;}
#subscription_msg a{background: #fff; padding: 6px 15px; margin-left: 15px; border-radius: 5px; display: inline-block; color:#3c763d}

.next_execution{max-width: 650px; padding: 6px; padding-left: 40px; position: relative; margin: unset !important; display: table; margin-right: 5px!important; background:#d9edf7!important;  color:#31708f!important;}
.next_execution:before{content: '\f129'; font-family: FontAwesome; position: absolute; left: 9px; top: 50%; margin-top:-10px; font-size: 13px; color:#31708f!important; border: solid 1px #31708f; border-radius: 100px; width: 20px; height: 20px; text-align: center; padding: 1px;}
.next_execution a{background: #fff; padding: 10px; margin-left: 15px; border-radius: 5px; display: inline-block; color:#000}

.trail_msg{max-width: 650px; margin: 0 auto; padding: 6px; padding-left:40px; position:relative;  margin: unset !important; display: table; margin-right: 5px!important;}
.trail_msg:before{content: '\f129'; font-family: FontAwesome; position: absolute; left: 9px;  top: 50%; margin-top:-10px; font-size: 13px; border: solid 1px #8a6d3b; border-radius: 100px; width: 20px; height: 20px; text-align: center; padding: 1px;}

#wrap-billing_cycle .dropdown-toggle{text-align: left; padding:12px; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#wrap-billing_cycle .dropdown-toggle i{position: absolute; right: 10px; top: 16px;}
#wrap-billing_cycle .open>.dropdown-menu{margin-top: -218px!important; max-height: 184px!important;}
#wrap-billing_cycle .open>.dropdown-menu li{padding:0px!important;}
#wrap-billing_cycle .open>.dropdown-menu li{padding:5px!important; width:100%!important}

.guest_member .invoice-wrapper .logo-order-id .salesvu-logo{display:table!important; text-align:center; float:unset; width:100%; font-size: 28px;}
.guest_member .invoice-wrapper .logo-order-id .salesvu-logo img{margin:0 auto; margin-bottom:20px;}
#email-invoice-form input{font-size:17px;}

#view-pending-orders-modal .data_panel_wrapper{margin:10px;}
#view-pending-orders-modal .data_panel_wrapper li{width: 140px!important;}
#view-pending-orders-modal .data_panel_wrapper li:nth-child(4){width: 190px!important;}
#view-pending-orders-modal .data_panel_wrapper .table_header li{width: 127px!important; padding: 12px 10px!important;}
#view-pending-orders-modal .data_panel_wrapper .table_header li:nth-child(4){width: 190px!important;}
#view-pending-orders-modal .data_panel_wrapper .btn-default{float:unset!important; font-size: 14px;padding: 5px 15px;}
.result-order-wraper #order_report_list{margin-bottom: 50px !important;}

.app_center .action_panel .small.border-danger{font-size: 18px;}


/*------------- New Changes ------------------*/
	.tax-row a{color:#10B981!important;}
/*------------- New Changes ------------------*/

/*------------- PO Changes ------------------*/
.last-comment{padding:7px 0px;}
.last-comment span{font-weight:600; font-style:italic;}
.last-comment .date{font-weight: 400; font-style:unset; color: #737373;}
.view-comment-link{width: 100%; margin-top: 5px; text-align: right;}
.view-comment-link a{text-decoration:underline;}
.comment-area{width:100%; display:table;}
.comment-area ul{margin:0px; padding:0px; list-style:none;}
.comment-area li{padding:20px;}
.comment-area li:nth-child(odd){background:#e1e1e1;}
.comment-area li span{width:100%; display:table; color: #737373;font-size: 12px;padding-top: 4px;}
.add-comment-head{padding: 15px; border-top: solid 1px #e1e1e1; font-weight: 600;}
.add-comment{padding: 5px 15px;}
.add-comment textarea{width: 100%; padding: 7px; border-radius: 5px; border:solid 1px #e1e1e1;}
.comment_link{text-align:right;}
#view_comment_popup{border: solid 2px #10B981;padding: 4px 10px;border-radius: 7px;display: block;color: #10B981;text-align: center;width: 100%;font-size: 12px;font-weight: 600;max-width: 162px;}
.product-name{padding: 15px 0px;}
.po-data-area{border: 1px solid #E5E7EB; border-radius:8px;}
.po-data-area .head{background: #F9FAFB; border-bottom: 2px solid#E5E7EB; color: #6B7280; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; padding: 12px 24px;}
.recived_status{color: #3f42aa; display: inline-block; padding: 0px 3px; border: solid 1px #3f42aa; border-radius: 3px; font-size: 11px;}
.return_status{color: #ffab3f; display: inline-block; padding: 0px 3px; border: solid 1px #ffab3f; border-radius: 3px; font-size: 11px;}
.predefined_comments{width: 100%;  display: table; padding: 10px 17px;}
.predefined_comments .btn-group{width:100%;}
.predefined_comments .dropdown-toggle{max-width: 565px; text-align: left; padding: 11px; font-size: 16px; border: solid 1px #e1e1e1; overflow: hidden; text-overflow: ellipsis; padding-right: 30px;width: 100%;}
.predefined_comments .dropdown-toggle i{float: right; margin-top: 4px;}
.predefined_comments .dropdown-toggle .dropdown-menu{width:100%;}
.predefined_comments .open>.dropdown-menu{max-width:100%; width:100%;}
.predefined_comments .dropdown-toggle i{position:absolute; right:5px;}

.rvm-or{padding: 10px; font-weight: bold; color: #737373; font-size: 17px;}
.make_pre_define{width: 100%;  display: table; padding: 10px 17px;}
.make_pre_define input[type='checkbox']{width: 19px; height: 19px; margin-right: 10px; vertical-align: bottom;}
/*------------- PO Changes ------------------*/

.recble-lable{display: block;font-size: 10px;background: #cee9f7;padding: 3px 10px;border-radius: 6px;line-height: 10px;width: max-content;color: #034e74;font-weight: 400;}


.ml_add_product .modifier_list .col_1 li{width:32%!important;}
.ml_add_product .modifier_list li{width:17%!important;}
.ml_add_product .new_group_Add li{width:17%!important;}
.ml_add_product .new_group_Add .col_2 li:nth-child(4){width:6%!important;}

#selected_product_show .data_panel_wrapper .data_panel li:first-child{padding-left:8px!important}
#edit_selected_product_show .data_panel_wrapper .data_panel li:first-child{padding-left:8px!important}

.customer_management .table_header{position: relative;}
.customer_management .table_header #total_customer{position: absolute; right: 15px; top: 50%; margin-top: -15px;}

/*----Event---*/
.event-list-wrapper{top: 40px;}
.event-list-wrapper ul.closed{background:#f8e4e4; cursor:pointer}
.event-list-wrapper ul.running{background:#d6f7ea;cursor:pointer}
.event-list-wrapper ul.coming{background: #d8dcf9;cursor:pointer}
.evnt-invntory-adj-page .navbar-brand{padding: 0px 15px !important;}
.event-list-wrapper ul.closed:hover{background: #f5d9d9;}
.event-list-wrapper ul.running:hover{background: #cef3d6;}
.event-list-wrapper ul.coming:hover{background:#d6daf0;}
.set_inventory_page .navbar-default .navbar-brand span.evnt-status{font-size: 12px;font-weight: 600 !important;background: #a5a5a5;color: #fff;padding: 2px 8px;position: relative;top: -5px; margin-left: 6px;}
.evnt-invntory-adj-page .navbar-default .navbar-brand span.evnt-status{font-size: 12px;font-weight: 600 !important;background: #a5a5a5;color: #fff;padding: 2px 8px;position: relative;top: -5px; margin-left: 6px;}
.evnt-inventory-list-page .data_panel_wrapper .table_header li{padding: 12px 14px;}
.evnt-inventory-list-page .data_panel_wrapper li{padding: 12px 14px;}
.evnt-inventory-list-page .data_panel_wrapper .data_panel li:first-child{padding-left: 14px!important;}
.evnt-inventory-list-page .data_panel_wrapper .data_panel .dropdown-menu li:first-child{padding: 0px!important;}
.evnt-invntory-adj-page .data_panel_wrapper .table_header li:first-child{position: sticky !important;left: 0px;background:#F9FAFB;z-index: 1;}
.evnt-invntory-adj-page .data_panel_wrapper .table_header li:nth-child(2){position: sticky !important;left: 172px;background:#F9FAFB;z-index: 1;}
.evnt-invntory-adj-page .data_panel_wrapper .table_header li:nth-child(3){position: sticky !important;left: 344px;background:#F9FAFB;z-index: 1;}
.evnt-invntory-adj-page .data_panel_wrapper .data_panel li:first-child{position: sticky !important;left: 0px;background:#fff;z-index: 1;}
.evnt-invntory-adj-page .data_panel_wrapper .data_panel li:nth-child(2){position: sticky !important;left: 172px;background:#fff;z-index: 1;}
.evnt-invntory-adj-page .data_panel_wrapper .data_panel li:nth-child(3){position: sticky !important;left: 344px;background:#fff;z-index: 1;}
	
.email-setting-wraper {word-break: break-word;}

.access-level-edit .action_panel .dropdown-menu {z-index: 1015!important;}

.view-purchase-list-po .view_po_more_10 li:first-child{position: sticky!important; top: 0px; left:0px; width:140px!important}
.view-purchase-list-po .view_po_more_10 .table_header  li:first-child{background:#F9FAFB;  z-index: 1000;}
.view-purchase-list-po .view_po_more_10 .data_panel  li:first-child{background:#fff; z-index: 999;}

.trip_basics .data_panel_wrapper li:first-child{width:auto!important;}
.trip_basics .data_panel_wrapper li{width:140px;}
.trip_basics .data_panel_wrapper li:last-child{width:50px!important; padding:12px!important}
.trip_basics .data_panel_wrapper .data_panel li .actions_items .dropdown-menu li{padding:0px!important;}
.trip_basics #view_participants_modal .data_panel_wrapper li{width:auto!important}
.trip_basics #view_participants_modal h3{margin-top: 0px; margin-bottom: 20px;}
.trip_basics #delete_section_modal .data_panel_wrapper li{width:auto!important}
.trip_basics #delete_section_modal h3{margin-top: 0px; margin-bottom: 20px;}
.trip_basics .ui-sortable-handle {margin-right: 0px;}
.currr_symbol{top: 28%;}

.set_inventory_page .action_panel .search{width: 179px;}

.order_list_page .action_panel #vendor_list{box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05)!important; border: 1px solid #D1D5DB!important; border-radius: 6px; padding: 4px; color:#374151!important;position:relative;}

.select_product .search-button{margin-left: 5px; width: 70px; margin-right: 15px; float:right}
.select_product .search-button .btn{padding: 6px 12px}
.select_product .search i{right: 11px!important; top: 15px!important;}
.select_product .search i.fa-search{right: 11px!important; top: 56%!important;}
.sku-search{display: table; width: 100%;}
.sku-search #product_search_btn{margin-left: 5px; width: 19.2%;  padding: 10px 12px}
.sku-search input{width: 80%;}
#select_modifier_product .search{padding: 0px; position: relative; width: 200px; float: right;}
#select_modifier_product .select_product .search-button{margin-left: 5px; width: 70px; margin-right: 0px; float: right;}
.product_box #product_search{width: 170px;}
.app_center_invoice.guest_member .header{max-width:755px; margin:0 auto;}


/*---Ability to assign services to resources---*/

.configure-avblty-wrapper{width: 100%;height: 550px;overflow: auto;}
	.confi-days-list{
		width: 100%;
		padding: 12px 25px;
		border-top: solid 1px #e3e1e1;
		display: table;
		margin-bottom: 0px;
		position: relative;
	}

	.confi-days-list-copy{padding: 0px !important;border: 0px !important;padding-top: 10px !important;}

	.confi-day{ float: left;width: 15%;font-size: 16px;padding-top: 20px;}
	.confi-day label{font-weight: 500;}
	.confi-day input{width: 19px; height:19px; margin-right:10px;margin-top: 0;position: relative;top: 5px;}
	.confi-time{float: left;width:84%;}
	.confi-action{float: left;width: 20%;text-align: right;padding-top: 20px;}
	.confi-action a{ margin-left: 20px;font-size: 17px;color: #8f8c8c;}
	.confi-start-time{float: left;background: #fff; margin-right: 30px;width: 175px;padding: 5px;border-radius: 6px; margin-right:30px ;border: solid 1px #efefef;}
	.confi-end-time{ float: left;background: #fff; margin-right: 10px;width: 175px;padding: 5px;border-radius: 6px;border: solid 1px #efefef;} 
	.confi-start-time span{ display:block;color: #716f6f;font-size: 13px;}
	.confi-end-time span{display:block;color: #716f6f;font-size: 13px;}  
	.confi-start-time select{
		background: #fbfbfb;
		border: 0px;
		border-bottom: solid 1px #ebe8e8;
		border-radius: 5px;
		width:31%;
		padding: 4px;
		font-size: 12px;}
	.confi-end-time select{
		background: #fbfbfb;
		border: 0px;
		border-bottom: solid 1px #ebe8e8;
		border-radius: 5px;
		width: 31%;
		padding: 4px;
		font-size: 12px;}
	.copy-times{
		position: absolute;
		width: 175px;
		background: #fff;
		right: -98px;
		z-index: 10;
		padding: 10px;
		border-radius: 7px;
		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
		top: 60px;
	}

	.copy-times ul{
		margin:0px;
		padding:0px;
		list-style: none;
	}
	.copy-times ul li{
		margin-bottom:10px;
		padding: 4px 10px !important;
		font-weight: 400 !important;
	}

	.data_panel_wrapper .data_panel .copy-times ul li:first-child{
		padding: 4px 10px !important;
	}

	.copy-times ul li input{
		width: 19px;
		height:19px;
		margin-right:10px;
		margin-top: 0;
		position: relative;
		top: 5px;
	}

	.times-apply-btn{
		text-align:center;
		padding: 10px 5px;
	}

	.copy-times-txt{color: #aeaeae;margin-bottom: 10px;font-weight: 400;}

/*---Ability to assign services to resources---*/

/*---Support Link----*/
.support-link-pointclick{margin-top: 20px; margin-bottom:20px;padding: 0px !important;text-align: center;}
.support-link-pointclick ul{margin: 0px;padding: 0px;border-top: solid 1px #e2e4e7;border-bottom: solid 1px #e2e4e7;background: #f8f8f8;border-radius: 0px;} 
.support-link-pointclick ul li{ display:inline-block; padding:10px 30px; text-align:center;}
.support-link-pointclick ul li a{text-decoration: underline; color: #337ab7;font-weight: 500;}
.org_more_detail_wrapper {min-height: 300px;}
.store_info_pcc{background: #f9f9f9; margin-bottom: 30px;}
.store_info_pcc .row{border-bottom: solid 1px #ccc;}
.store_info_pcc .row div.field{padding: 13px 5px !important;}
.org_more_detail{}
.setup-pcc-page .success-message:before{top: 6px;}
.note-uid {padding: 15px;font-size: 12px;}
#disconnect_pcc_app{color: #337ab7;text-decoration: underline;margin-top: 5px;}
/*---Support Link----*/

/*#refund-exchange .modal-content{margin-bottom:230px;}*/
.col-show-hide-temp li{padding-left:0px!important;}
.col-show-hide-temp .checkbox label{font-weight: 400!important;; font-size: 12px!important;;}

.border-top-black{border-top:solid 1px #000!important;}
.font-16{font-size:16px!important;}
.w-600{font-weight:600!important;}
.multiselect-container .input-group{width:calc(100% - 10px);}
.multiselect-container .input-group input{width:100%;}

.recurring_billings #date_range .btn{width:110px!important;}

#refund-exchange .refund_process .data_panel li:first-child{width: 38px!important; padding-left: 0px !important;}
#refund-exchange .nw_ref_procs .modal-header{border-bottom: 1px solid #e5e5e5!important;}
#refund-exchange .nw_ref_procs .modal-body{padding:15px!important;}
#refund-exchange .nw_ref_procs .old_order_amount{font-size: 18px; padding-left: 5px;}
#refund-exchange .nw_ref_procs #ref_pay_head_div{font-size: 18px;}
#refund-exchange .nw_ref_procs #refund-process .row .col-sm-6.col-xs-6{font-size: 18px; padding-left: 5px;}
#refund-exchange .nw_ref_procs #refund-process .row .col-sm-6.col-xs-12.w_500{font-size: 18px; padding-left: 5px;}
#refund-exchange .nw_ref_procs .refund_process .table_header ul{border-radius: 9px 9px 0px 0px;}
#refund-exchange .nw_ref_procs .refund_process .data_panel li:first-child{width: 50px!important; padding-left: 12px!important;}
#refund-exchange .nw_ref_procs .refund_process .data_panel li:first-child .checkbox label{padding-left:0px;}
#refund-exchange .nw_ref_procs .refund_process .data_panel li{width:auto!important; padding:12px!important; font-size:15px;}
#refund-exchange .nw_ref_procs .refund_process .data_panel li:nth-child(3){width:175px!important;}
#refund-exchange .nw_ref_procs .refund_process .data_panel li:nth-child(4){width:175px!important;}
#refund-exchange .nw_ref_procs .refund_process .data_panel li:nth-child(4) input{width: 100%!important; padding: 10px; height: auto!important; border: 1px solid #D1D5DB!important; border-radius: 5px;}
#refund-exchange .nw_ref_procs .refund_process .data_panel li:nth-child(5){width:230px!important;}
#refund-exchange .nw_ref_procs .btn{font-size: 18px!important; padding: 7px 40px;}
#refund-exchange .refund_process #new_order_amount{border-radius: 8px 8px 0px 0px;}

#refund-exchange .nw_ref_procs .refund_process .refund-items .data_panel li{width:33%!important}
#refund-exchange .nw_ref_procs .refund_process .refund-items .data_panel li:first-child{width:33%!important}
#refund-exchange .nw_ref_procs .refund_process .refund-items .data_panel li:nth-child(5){width:33%!important}
#refund-exchange .nw_ref_procs .refund_process .refund-items .table_header ul{border-radius:0px!Important}
#refund-exchange .nw_ref_procs .refund_process .refund-items .data_panel input{width: 100%!important; padding: 10px!important; height: auto!important; border: 1px solid #D1D5DB; border-radius: 5px;  padding-left:28px!important}
#refund-exchange .nw_ref_procs .refund_process .refund-items .data_panel .refund_li_list li{font-size:16px;}

#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts-header li:first-child{width:auto!important}
#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts-header li:nth-child(2){width:175px!important;}
#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts-header li:nth-child(4){width:230px!important;}
#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li:first-child{width:auto!important}
#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li:nth-child(2){width:175px!important;}
#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li:nth-child(4){width:230px!important;}
#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a{font-size:18px; margin-right:15px;}
#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a:last-child{margin-right:0px;}
#refund-exchange .nw_ref_procs .data_panel.payment_method{padding: 12px;}
#refund-exchange .nw_ref_procs .amount-due{border-bottom: 1px solid #dcdcdc; font-weight: 500 !important; padding: 10px !important; background: #f2f2f2; font-size: 25px; text-align: center; border-radius: 8px 8px 0px 0px;}
.input input{color:#000;}
#refund-exchange .nw_ref_procs .discount-tip{color: #10B981; font-weight: 400; padding: 0px 2px; border: solid 1px #10B981; border-radius: 2px; font-size: 10px; margin-left: 5px;}
#refund-exchange .refund_txtbox{width: 140px!important; text-align: right;}
#refund-exchange .nw_ref_procs .payment_method{max-width: 650px; margin: 0 auto;}
#refund-exchange .nw_ref_procs .old_exchng_price{text-decoration: line-through; display: table; width: 100%;}
#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li{font-size:16px;}
#refund-exchange .nw_ref_procs .data_panel .product_items .refund_li_list li{font-size:16px;}
#refund-exchange .nw_ref_procs #ref_prod_qty{font-size:16px;}
#refund-exchange .nw_ref_procs #ref_prod_qty #ref_prod_name{padding:8px;}
#refund-exchange .nw_ref_procs .trans_compt_btn{font-size:18px;}
#refund-exchange .nw_ref_procs .ref-modifier{font-size:12px; line-height: normal; font-weight: 400;}
#refund-exchange .nw_ref_procs .note{font-size:12px; color:#a9a9a9}
#refund-exchange .nw_ref_procs .modal-body .form .field textarea{font-size:16px;}
#refund-exchange .nw_ref_procs .modal-body .form .field input{font-size:16px;}
#refund-exchange .nw_ref_procs .modal-body #ref_prod_qty .btn{font-size:16px!important;}
.bootbox.nw_ref_procs{font-size:18px;}
.bootbox.nw_ref_procs input{font-size:16px;}
.bootbox.nw_ref_procs .modal-footer .btn{font-size: 18px!important; padding: 7px 40px;}

#refund-exchange .nw_ref_procs .refund-amount-info{float: right; position: relative; margin-left: 10px; padding: 3px 2px 0px 2px;}
#refund-exchange .nw_ref_procs .refund-amount-info .amount_extra_info{display:none; position: absolute; right: -20px; font-weight: 400; font-size: 16px; z-index: 1000; background: #F9FAFB; padding: 5px; width: 270px; border-radius: 10px; top: 36px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); text-align:left;}
#refund-exchange .nw_ref_procs .refund-amount-info:hover .amount_extra_info{display:block}
#refund-exchange .nw_ref_procs .refund-amount-info:hover .amount_extra_info:hover{display:block}
#refund-exchange .nw_ref_procs .refund-amount-info .refund-amount-information{width: 100%; display:table; padding: 10px; border-bottom: solid 0px #adb1b5; font-size: 15px;}
#refund-exchange .nw_ref_procs .refund-amount-info .exchange_items_info{width: 100%; padding: 10px; display:table; border-bottom: solid 1px #adb1b5; font-size: 15px;}
#refund-exchange .nw_ref_procs .refund-amount-info .amount_extra_info span{font-weight:500;}
#refund-exchange .nw_ref_procs .refund-amount-info .final-amount-info{width: 100%; padding: 10px; display:table; font-size: 15px;}
#refund-exchange .nw_ref_procs .refund-amount{width: 200px; float: right; position: relative;}
#refund-exchange .nw_ref_procs .refund-amount input{padding: 10px!important; padding-left:28px!important}
#refund-exchange .nw_ref_procs .refund-amount span{position: absolute; top: 11px; left: 11px;}

#refund-exchange .process-ipad .data_panel .exchanged-prodcts li[data-colname="Action"] a {font-size: 20px; margin-right: 20px;}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts li[data-colname="Action"] .fa{font-size: 25px; }
#refund-exchange .process-ipad .data_panel .exchanged-prodcts li[data-colname="Action"] a:last-child {margin-right: 0px;}
#refund-exchange .process-ipad.modal-dialog{margin-bottom:200px!important;}
#refund-exchange .process-ipad .modal-header h4{font-size: 22px!important;}
#refund-exchange .process-ipad .old_order_amount {font-size: 21px;}
#refund-exchange .process-ipad .modal-body{font-size: 21px;}
#refund-exchange .process-ipad .refund_process #new_order_amount{font-size: 21px;}
#refund-exchange .process-ipad #ref_pay_head_div{font-size: 21px;}
#refund-exchange .process-ipad .refund_process .data_panel li{font-size: 16px;}
#refund-exchange .process-ipad .checkbox .cr{width: 25px; height: 25px; border: 2px solid #000!important; padding-left:0px;}
#refund-exchange .process-ipad .checkbox label{padding:0px; margin:0px; padding:10px;}
#refund-exchange .process-ipad .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon{font-size: 15px;}
#refund-exchange .process-ipad .refund_process .data_panel li:nth-child(3) {width: 200px!important;}
#refund-exchange .process-ipad .refund_process .data_panel li:nth-child(4) {width: 200px!important;}
#refund-exchange .process-ipad .refund_process .data_panel li:nth-child(4) input{ border-color:#000; border-style:solid; border-width:2px;}
#refund-exchange .process-ipad .refund_process .data_panel li:nth-child(5) {width: 280px!important;}
#refund-exchange .process-ipad .btn {font-size: 21px!important; padding: 7px 50px;}
#refund-exchange .process-ipad .refund_process .data_panel .exchanged-prodcts-header li:nth-child(4){width: 250px!important;}
#refund-exchange .process-ipad .refund_process .data_panel .exchanged-prodcts li:nth-child(4){width: 250px!important;}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel li:first-child {width: 51%!important;}
#refund-exchange .process-ipad .old_exchng_price{text-decoration: line-through; display: table; width: 100%;}

#refund-exchange .process-ipad .modal-footer .btn {font-size: 21px!important; padding: 7px 50px;}
#refund-exchange .process-ipad .modal-header h4{font-size: 21px!important;}
#refund-exchange .process-ipad .modal-title{font-size: 21px!important;}
#refund-exchange .order_report .modal-dialog .modal-body{font-size: 20px;}
#refund-exchange .process-ipad .product_items .btn-primary {width: 48%; font-size: 16px; display: inline-block;}
#refund-exchange .process-ipad .modal-body .form .field input{font-size: 16px}
#refund-exchange .process-ipad .modal-body .form .field textarea{font-size: 16px}
#refund-exchange .process-ipad .input input{font-size: 18px}
#refund-exchange .process-ipad #ref_prod_name{font-size: 18px}
#refund-exchange .process-ipad #refund-process .row .col-sm-6.col-xs-6{font-size: 16px; padding-left: 5px;}
#refund-exchange .process-ipad .refund_process .data_panel li{width:auto!important; padding:12px!important; font-size:16px;}
#refund-exchange .process-ipad .refund_process .data_panel li{width:auto!important; padding:12px!important; font-size:16px;}
#refund-exchange .process-ipad .refund_process .data_panel li:nth-child(3){width:175px!important;}
#refund-exchange .process-ipad .refund_process .data_panel li:nth-child(4){width:175px!important;}
#refund-exchange .process-ipad .refund_process .data_panel li:first-child{width: 50px!important; padding-left: 12px!important;}
#refund-exchange .process-ipad .table_header{position: -webkit-sticky; position: sticky; top: 0; left:0;}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts-header li:first-child{width:auto!important}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts-header li:nth-child(2){width:175px!important;}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts-header li:nth-child(4){width:250px!important;}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts li:first-child{width:auto!important}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts li:nth-child(2){width:175px!important;}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts li:nth-child(4){width:250px!important;}
#refund-exchange .process-ipad .data_panel .product_items .refund_li_list li{font-size:16px;vertical-align: top;}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts li{font-size:16px;}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel li{width:33%!important}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel li:first-child{width:33%!important}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel li:nth-child(5){width:33%!important}
#refund-exchange .process-ipad #refund-process .row .col-sm-6.col-xs-6{font-size: 16px; padding-left: 5px;}
#refund-exchange .process-ipad #refund-process .row .col-sm-6.col-xs-12.w_500{font-size: 16px; padding-left: 5px;}
#refund-exchange .process-ipad .ref-modifier{font-size:14px; line-height: normal; font-weight: 400;}
#refund-exchange .process-ipad .note{font-size:14px; color:#a9a9a9}
#refund-exchange .process-ipad .refund_process .data_panel li:nth-child(5){width:250px!important;}
/*---Ipad View----*/
#refund-exchange .process-ipad .refund_process .data_panel li:first-child {width: 50px!important;padding-left: 12px!important;background: url(../images/check-ipad.jpg) no-repeat !important;background-size: 25px 26px !important;background-position: 22px 23px !important;vertical-align: top;}
#refund-exchange .process-ipad .table_header{ background: none !important; border-bottom: 0px !important;  position: unset;}
#refund-exchange .process-ipad .table_header .bg_grey{/*background-color:yellow!important;*/ float: left !important; width: 100% !important;display: table !important;}
#refund-exchange .process-ipad .product_items{ clear:both !important; width: 100% !important; float:left!important;}
#refund-exchange .process-ipad .product_items .row-height{background-color: #fff !important; float: left !important; width: 100% !important; clear: both !important;  display: table !important;}
/*#refund-exchange .process-ipad .refund_process .data_panel li { border: solid 0px pink !important; }*/
#refund-exchange .process-ipad .product_items .row-height li:first-child{ background: url(../images/check-ipad.jpg) no-repeat !important; background-size: 25px 26px !important; background-position: 22px 23px !important; vertical-align: top;}
#refund-exchange .process-ipad .product_items .row-height.exchange_old_ul li:first-child{ background: url(../images/check-ipad-dis.jpg) no-repeat !important; background-size: 25px 26px !important; background-position: 22px 23px !important; vertical-align: top;}
/*#refund-exchange .process-ipad .product_items .row-height li:nth-child(4){ background: url(../images/input-ipad.png) no-repeat !important; background-size: 61px 40px !important; background-position: center 20px !important; vertical-align: top;padding-top: 17px !important;}*/
#refund-exchange .process-ipad .product_items .row-height li.rt-qty-input:nth-child(5){ background: url(../images/input-ipad.png) no-repeat !important; background-size: 61px 40px !important; background-position: center 20px !important; vertical-align: top;padding-top: 17px !important;}
#refund-exchange .process-ipad .product_items .row-height li.rt-qty-input:nth-child(5) input.up_qty{background: none;border: 0;}
#refund-exchange .process-ipad .product_items .row-height.refund_old_ul li:nth-child(4){ background: none!important; background-size: 61px 40px !important; background-position: center 20px !important; vertical-align: top;padding-top: 17px !important;}
#refund-exchange .process-ipad .product_items .row-height.exchange_old_ul li:nth-child(4){ background: none!important; background-size: 61px 40px !important; background-position: center 20px !important; vertical-align: top;padding-top: 17px !important;}
#refund-exchange .process-ipad .product_items .refund_li_list_step_2 li:nth-child(4){ background: none !important;}
#refund-exchange .process-ipad .product_items .refund_li_list_step_2 li:nth-child(5){text-align: right;}
#refund-exchange .process-ipad .product_items .refund_li_list_step_2 li:nth-child(5){background: url(../images/check-ipad.jpg) no-repeat !important; background-size: 25px 25px !important;
background-position: 195px 22px !important;text-align: right; vertical-align: top;}
#refund-exchange .process-ipad .checkbox .cr{border: 0px solid #000!important;background: none;}
#refund-exchange .process-ipad .refund-items .data_panel .min_height_pop{clear: both;height: 135px;}
#refund-exchange .process-ipad .modal-footer .btn-primary{ /*background-color:#10B981 !important ;*/}
#refund-exchange .process-ipad .refund_process .data_panel .table_header li:first-child .checkbox .cr {top: -3px;}
#refund-exchange .process-ipad .exchanged-prodcts .row-height li:first-child{ background: unset !important; background-size: unset !important; background-position: unset !important;}
#refund-exchange .process-ipad .modal-footer{border-radius: 0px 0px 6px 6px;background: #646363 !important;}
#refund-exchange .process-ipad .refund_li_list_step_3 .checkbox .cr{border: 0px solid green!important;background: none !important;}
#refund-exchange .process-ipad .refund_li_list_step_3 .refund-amount{background: url(../images/refund-amt-input.png) no-repeat !important;background-size: 195px 40px !important;background-position: 5px 2px !important;position: relative;top: -8px;}
#refund-exchange .process-ipad .refund_li_list_step_3 .refund-amount.readonly_disabled_cls{background: url(../images/refund-amt-input-dis.png) no-repeat !important;    background-size: 195px 40px !important;background-position: 5px 2px !important;position: relative;top: -8px;}
#refund-exchange .process-ipad .refund_li_list_step_3 .refund-amount input{background: none !important;}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel input{ border: 0px !important;}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel li{vertical-align: top;}
#refund-exchange .process-ipad .refund_li_list_step_3 .checkbox label{background: url(../images/check-ipad.jpg) no-repeat !important;background-size: 25px 25px !important;background-position: 10px 10px !important;top: -10px;position: relative;display: block;width: fit-content; margin: 0px auto;}
#refund-exchange .process-ipad .refund_li_list_step_3 .checkbox label.checkbox-box-disable{background: url(../images/check-ipad-dis.jpg) no-repeat !important;background-size: 25px 25px !important;background-position: 10px 10px !important;top: -10px;position: relative;}
#refund-exchange .process-ipad .refund_li_list_step_3 .checkbox .cr{top: 0px;}
#refund-exchange .process-ipad .modal-footer .conti-nu-cl{background: url(../images/hide-btn-bg.jpg) repeat !important;}
#refund-exchange .process-ipad .modal-body .bg_grey{border-radius: 7px 7px 0 0; background: url(../images/hide-header-bg.jpg) repeat !important;}
#refund-exchange .process-ipad .modal-body .form{ border: 0px !important;}
/*#refund-exchange .process-ipad .modal-body .checkbox .cr{ display: none !important;}
#refund-exchange .process-ipad .modal-body .checkbox label input[type="checkbox"], .radio label input[type="radio"]{display: unset !important;}*/
#refund-exchange .process-ipad .modal-body #modifier_list .checkbox label{background: url(../images/check-ipad.jpg) no-repeat !important;background-size: 25px 26px !important;background-position: 10px 10px !important;vertical-align: top;}
#refund-exchange .process-ipad .refund_process .data_panel li{padding-top: 27px !important;}
#refund-exchange .process-ipad .refund_process .data_panel .refund_li_list li:nth-child(4) input{border-width: 0px;    background: none;}
#refund-exchange .process-ipad .checkbox .cr{top: -15px;}
#refund-exchange .process-ipad .refund_process .data_panel .table_header li{padding: 12px!important;vertical-align: middle !important;}
#refund-exchange .process-ipad .modal-body #modifier_list .checkbox .cr{top: 0px;}
#refund-exchange .process-ipad .refund_process .data_panel .refund_li_list_step_3 li:first-child{background: none !important;}
#refund-exchange .process-ipad .refund_process .data_panel .refund_li_list_step_3 li:first-child{background: none !important;}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel li:first-child{background: none !important;}
#refund-exchange .process-ipad .refund_process .data_panel .table_header.exchanged-prodcts-header li:first-child{background: none !important;width: 110px !important;}
#refund-exchange .process-ipad .product_items.exchanged-prodcts .row-height li:first-child{width: 105px !important;}
#refund-exchange .process-ipad .checkbox.additional_charges_div label{background: url(../images/check-ipad.jpg) no-repeat !important;background-size: 25px 25px !important;background-position: 8px 11px !important;vertical-align: top;}
#refund-exchange .process-ipad .checkbox.additional_charges_div .cr{top: 0px;}
#refund-exchange .process-ipad .checkbox.additional_charges_div .cursor_pointer{top: 15px;}
#refund-exchange .process-ipad .param_gc_refund_prcess .product_items .row-height li:nth-child(3){background: url(../images/input-ipad.png) no-repeat !important;background-size: 61px 40px !important;background-position: center 20px !important;vertical-align: top;padding-top: 17px !important;}
#refund-exchange .process-ipad .param_gc_refund_prcess .product_items .row-height li:nth-child(3) input{background: none;border: 0;}
#refund-exchange .process-ipad .param_gc_refund_prcess .product_items .row-height li:nth-child(4){ background: none !important;}
#refund-exchange .process-ipad .param_gc_refund_prcess .product_items .row-height li:first-child{opacity: 0;}
#refund-exchange .process-ipad .param_gc_refund_prcess .data_panel .table_header li:first-child{opacity: 0;}
#refund-exchange .process-ipad .param_gc_refund_prcess .data_panel .product_items li:nth-child(5){background: url(../images/check-ipad.jpg) no-repeat !important;background-size: 25px 26px !important;background-position: center 23px !important;vertical-align: top;}
#refund-exchange .process-ipad .param_gc_refund_prcess .data_panel li:nth-child(5) .checkbox .cr {top: -13px;left: 5px;}
#refund-exchange .process-ipad .data_panel .exchanged-prodcts li:nth-child(2) {vertical-align: top;}
#refund-exchange .process-ipad .refund_process .data_panel li:nth-child(3){vertical-align: top;}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel input.refund_tip_txt{background: url(../images/refund-amt-input.png) 0% 0% / 195px 40px no-repeat !important;    width: 193px !important;text-align: center;padding-left: 10px !important;}
.modal-open .modal-fix-ipad{overflow-x: hidden !important;overflow-y: hidden !important;}
.exchange-product-wrapper{height: 280px;overflow-y: auto;width: 100%;}
#refund-exchange .process-ipad .old_refund_products{margin-bottom: 26px;}
#refund-exchange .process-ipad .modal-body .exchange_refund_process{ clear: both;margin: 10px;border: solid 1px #ccc !important;height: auto;}
#refund-exchange .process-ipad .modal-body .exchange_refund_process .bg_grey{background: #fcfcfc !important;}
#refund-exchange .process-ipad .exchange_refund_process .data_panel .table_header.exchanged-prodcts-header li:first-child{width: 350px !important;}
#refund-exchange .process-ipad .exchange_refund_process .product_items.exchanged-prodcts .row-height li:first-child{width: 350px !important;}
#refund-exchange .process-ipad .exchange_refund_process .data_panel .exchanged-prodcts-header li:nth-child(4){text-align: right;width: 225px !important;}
#refund-exchange .process-ipad .exchange_refund_process .data_panel .exchanged-prodcts li:nth-child(4){text-align: right; width: 225px !important;}
#refund-exchange .process-ipad #ref_prod_qty{height: 320px;overflow-x: hidden;overflow-y: auto;}
#refund-exchange .process-ipad #ref_prod_qty #ref_prod_qty {height: auto;overflow-x: unset;overflow-y: unset;}
#refund-exchange .process-ipad #refund_reason_div .open>.dropdown-menu{max-height: 102px;overflow-y: auto;}

.bootbox.process-ipad{font-size:16px;}
.bootbox.process-ipad input{font-size:16px;}
.bootbox.process-ipad .modal-footer .btn{font-size: 21px!important; padding: 7px 40px;}
#refund-exchange .process-ipad .refund-amount{width: 200px; float: right; position: relative;}
#refund-exchange .process-ipad .refund_process .refund-items .data_panel input{width: 100%!important; padding: 10px!important; height: auto!important; border: 1px solid #D1D5DB; border-radius: 5px;  padding-left:28px!important}
#refund-exchange .process-ipad .refund-amount span{position: absolute; top: 11px; left: 11px;}
#refund-exchange .process-ipad .refund-amount-info{float: right; position: relative; margin-left: 10px; padding: 3px 2px 0px 2px;}
#refund-exchange .process-ipad .refund-amount-info .amount_extra_info{display:none; position: absolute; right: -20px; font-weight: 400; font-size: 16px; z-index: 1000; background: #F9FAFB; padding: 5px; width: 270px; border-radius: 10px; top: 36px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); text-align:left;}
#refund-exchange .process-ipad .refund-amount-info:hover .amount_extra_info{display:block}
#refund-exchange .process-ipad .refund-amount-info:hover .amount_extra_info:hover{display:block}
#refund-exchange .process-ipad .refund-amount-info .refund-amount-information{width: 100%; display:table; padding: 10px; border-bottom: solid 0px #adb1b5; font-size: 15px;}
#refund-exchange .process-ipad .refund-amount-info .exchange_items_info{width: 100%; padding: 10px; display:table; border-bottom: solid 1px #adb1b5; font-size: 15px;}
#refund-exchange .process-ipad .refund-amount-info .amount_extra_info span{font-weight:500;}
#refund-exchange .process-ipad .refund-amount-info .final-amount-info{width: 100%; padding: 10px; display:table; font-size: 15px;}
/*#refund-exchange .process-ipad .product_items.min_height_pop{height:500px!important; overflow:hidden!important; padding-bottom:50px;}
#refund-exchange .process-ipad .table_header{position:relative!important;}*/

#refund-exchange .refund_process .refund-items .data_panel li{width:33%!important}
#refund-exchange .refund_process .refund-items .data_panel li:first-child{width:33%!important}
#refund-exchange .refund_process .refund-items .data_panel li:nth-child(5){width:33%!important}

.old_process .refund_process .data_panel li:first-child{width:100px!important;}

/*.order_report #gen_prod_count_sel{width: 100%; display: table; text-align: left; float: unset;}
.order_report .select-all-products{display:none!important;}*/

#partially_receive_modal .data_panel_wrapper .table_header li{padding:12px!important;}
#partially_receive_modal .data_panel_wrapper .data_panel li{padding:12px!important;}
#partially_receive_modal .data_panel_wrapper .data_panel li:first-child{padding-left:12px!important;}
#partially_receive_modal .data_panel_wrapper .data_panel li input{width:100%;}

/* ----------------- Bulk Modifier --------------------*/
.assign-top-area{background: #f0f1f2; padding: 15px; border-radius: 10px; display: table; width: 100%;}
.assign-top-area .m-name{float: left; font-size: 18px; font-weight: 600; line-height: 18px; padding: 5px;}
.assign-top-area .m-name span{font-weight:400; font-size:14px; display:table; width:100%;}
.assign-top-area .option-max{float: right; padding: 6px 15px; border-right: solid 0px #c0c1c2; border-left: solid 1px #c0c1c2;}
.assign-top-area .option-max input{border: solid 1px #c0c1c2; border-radius: 2px; padding: 5px; width: 55px;}
.assign-top-area .option-mand {float: right; padding: 12px 15px 12px 15px; border-right: solid 0px #c0c1c2; border-left: solid 1px #c0c1c2;}
.assign-top-area .option-mand select{border: solid 1px #c0c1c2; padding: 5px; border-radius: 3px; padding-right:30px; background-color:#fff;}
.assign-top-area .option-mand label{font-weight: 400; margin:0px;}
.assign-top-area .option-mand input[type=checkbox]{width: 18px; height: 18px; margin:0px;}
.assign-top-area .option-mand span{float: left; display: block; margin-left: 6px;}
.assign-top-area .option-mand span:first-child{margin-left:0px;}
.assign-product-listing-wraper{width: 100%; border: solid 1px #c0c1c2; margin-top: 15px; border-radius: 10px;}
.assign-product-listing-wraper .search-filter{width: 100%; padding: 0px; display:table; border-bottom:solid 1px #c0c1c2	}
.assign-product-listing-wraper .search-filter .search{float: left; width: 70%; position:relative; border-right:solid 1px #c0c1c2}
.assign-product-listing-wraper .search-filter .search input{width: 100%; border: 0px!important; padding: 9px; padding-left: 37px!important; float: unset; font-size: 17px; outline:unset; padding-right: 90px!important;}
.assign-product-listing-wraper .search-filter .search span{position: absolute; left: 12px; top: 12px;}
.assign-product-listing-wraper .search-filter .search .remove-icon{position: absolute; left: unset; top: 12px; right:20px; cursor: pointer;}
.assign-product-listing-wraper .search-filter .search .remove-icon i{color:#000;}
.assign-product-listing-wraper .search-filter .search span i{position: relative; right: unset; top: unset; margin: 0px;}
.assign-product-listing-wraper .search-filter .search .btn-search{position: absolute; right: 5px; top: 4px;}
.assign-product-listing-wraper .search-filter .filter{float: left; width: 30%;}
.assign-product-listing-wraper .search-filter .filter select{width: 100%; border: 0px; padding: 9px; border-radius: 0px 10px 0px 0px}
.assign-product-listing-wraper .select-all{padding: 0px; background: #f0f1f2;}
.assign-product-listing-wraper .select-all ul{margin:0px; padding:0px; list-style:none; border-bottom:solid 1px #c0c1c2;}
.assign-product-listing-wraper .select-all li{padding: 12px 3px;  width: 50%; display: inline-block;}
.assign-product-listing-wraper .select-all li:last-child{border:0px;}
.assign-product-listing-wraper .assign-product-listing .no-product-msg{width: 100%; display: table; padding: 15px; text-align: center; font-weight: 500;}
.assign-product-listing-wraper .assign-product-listing{height: 232px; overflow: auto;}
.assign-product-listing-wraper .assign-product-listing ul{margin:0px; padding:0px; list-style:none; border-bottom:solid 1px #c0c1c2;}
.assign-product-listing-wraper .assign-product-listing ul:last-child{border:0px;}
.assign-product-listing-wraper .assign-product-listing li{padding: 12px 3px;  width: 50%; display: inline-block;}
.assign-product-listing-wraper .assign-product-listing li:last-child{border:0px;}
#assign-product .save-count {padding: 11px 0px 0px 0px; font-weight: bold;}
.save-count{font-size: 16px; padding: 10px 5px 0px 5px; font-weight: 600;     text-decoration: underline; cursor:pointer}
/* ----------------- Bulk Modifier --------------------*/

/* ----------------- Inventories adjustment new --------------------*/
.inventory_adjustment_page .data_panel_wrapper.date_view .table_header li{border-right:solid 1px #e2e4e7!important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .table_header li:first-child{width:172px!important; padding:12px!important;position: sticky !important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .table_header li{width:1220px!important; padding:12px!important;position: unset !important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .table_header li{width:1220px!important; position: unset !important;color: #000;font-weight: 600;}
.inventory_adjustment_page .data_panel_wrapper.date_view .table_header li.sku-adj{width:172px!important; position: unset !important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li:first-child{width:172px!important; padding:12px!important;position: sticky !important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li.sku-adj-value{width:172px!important; padding:12px!important; }
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li{padding:0px;  width:1220px!important; border-right:solid 1px #e2e4e7!important; position: unset !important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li ul{border:0px;}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li ul li{padding:7px!important; width:170px!important; border:0px!important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li ul li:first-child{padding:7px!important; width:170px!important; position:relative!important; z-index:1!important;left:unset!important}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li ul li:nth-child(2){padding:7px!important; width:170px!important; position:relative!important; z-index:1!important; left:unset!important}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li.li_wraper{width: 1220px!important;} 
#comment_container .text_grey{color: #363636;}
#more-adjustment-body{border: solid 1px #ccc;}
#more-adjustment-heading .table_header{background: #f0f1f2;border: 1px solid #ddd;padding: 0px;font-weight: 500;line-height: 31px;}
#more-adjustment-heading .table_header li{padding: 9px 6px;font-size: 12px;text-transform: uppercase;font-weight: 500;color: #333;}
#more-adjustment-body ul{padding: 0px;margin-bottom: 0;}
#more-adjustment-body ul li{border-bottom: solid 1px #ccc;padding: 11px 5px; font-size: 13px;}
.date_wise_body u{color: #10B981 !important; display: block;}
.auto_saving_txt{display: inline-block; font-size: 13px; margin-left: 19px; }
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li ul.date_wise_heading li:nth-child(2){width: 78px!important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li ul.date_wise_heading li{width: 78px!important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li ul.date_wise_body li:nth-child(2){width: 78px!important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .data_panel li ul.date_wise_body li{width: 78px!important;}
#more-adjustment-popup{ z-index: 1000000 !important;}
.inventory_adjustment_page .data_panel_wrapper.date_view .table_header li ul.date_wise_heading li {width: 78px !important;border: 0px !important;font-weight: 500;font-size: 11px !important;color: #000;}
.inventory_adjustment_page .data_panel_wrapper.date_view .table_header li ul.date_wise_heading li:first-child {padding-left: 0px !important;}
.data_panel_wrapper .more_than_10 .table_header ul.date_wise_heading{border-bottom: 0px!important;position: relative;z-index: 10;}
.search-across{position: absolute;z-index: 10;background: #000;color: #fff;padding: 5px;font-size: 12px;border-radius: 5px;}



/* ----------------- Inventories adjustment new --------------------*/
		#comment_container .text_grey{color: #363636;}
		.auto_saving_txt{display: inline-block; font-size: 13px; margin-left: 19px; }

.z_page .data_panel_wrapper .with_amount .col-md-4:nth-child(2){width:20%!important;}
.z_page .data_panel_wrapper .with_amount .col-md-4:nth-child(3){width:47%!important;}
.z_page .data_panel_wrapper .with_amount .col-xs-4:nth-child(2){width:20%!important;}
.z_page .data_panel_wrapper .with_amount .col-xs-4:nth-child(3){width:47%!important;}

.tax_bracket_list .table>thead>tr>th:first-child{width:50%!important}
.tax_bracket_list .table>thead>tr>th:nth-child(2){width:40%!important}
.tax_bracket_list .table>thead>tr>th:last-child{width:10%!important}
.modal-body .tax_bracket_list .table thead tr th.search-modi-name{width:50%!important; position: relative;}
.modal-body .tax_bracket_list .table thead tr th.search-modi-name .fa-search{position: absolute;right: 15px;top: 25px;color: #ccc;}
.search-modi-title{font-size: 16px;padding-left: 12px;padding-top: 22px;}
.selct-modi-wrapper{height: 350px !important;}

.tax_bracket_list .table-fixed tbody td:first-child{width:50%!important}
.tax_bracket_list .table-fixed tbody td:nth-child(2){width:40%!important}
.tax_bracket_list .table-fixed tbody td:last-child{width:10%!important}
#modal_select_modifier .tax_bracket_list .table-fixed tbody td:last-child{width:50%!important}


/* ----------------- Training Portal --------------------*/
.trainign-portal .top-heading{font-weight: 600; font-size: 24px; line-height: 32px; color: #545e6b; margin-bottom: 25px;}
.trainign-portal .nav-tabs{padding-left: 25px; border: 0px;}
.trainign-portal .nav-tabs>li>a {color: #545e6b!important; padding: 10px 23px;  border-bottom: solid 5px #F4F5F7; border: 0px; font-size:17px;}
.trainign-portal .nav-tabs>li.active>a{background: transparent; border: 0px; border-bottom: solid 5px #2783ec; font-weight:600; border-radius: 0px; margin-bottom: 0px;}
.trainign-portal .nav>li>a:hover{background: transparent; border: 0px; border-bottom: solid 5px #2783ec; border-radius: 0px; margin-bottom: 0px;}
.trainign-portal .tab-pane{background: #fff; padding: 15px 25px; border-radius: 15px; min-height: 520px;}
.trainign-portal .tp-area .section-head{font-size: 17px; font-weight: 600; padding: 7px;}
.trainign-portal .tp-area a{display: table; width: 100%; border: solid 1px #e0e0e0; padding: 10px; border-radius: 10px; margin-bottom: 0px;}
.trainign-portal .tp-area .icon{float: left; width: 48px; margin-right: 10px; padding: 7px 0px;}
.trainign-portal .tp-area .txt{float: left; width: calc(100% - 60px); font-size: 14px; color: #737373; line-height: 19px; height:76px;}
.trainign-portal .tp-area .txt span{display: table; color: #000; font-weight: 500; font-size: 17px; width:100%;}
.trainign-portal .nav-tabs>li{margin-bottom: 0px;}
.mobile-view.tp-area{display:none!important;}
/* ----------------- Training Portal --------------------*/

.advance_options button{width: 155px!important;}
.advance_options .dropdown-menu button{width: 100%!important;}
.advance_options_2 button{width: 155px!important;}
.advance_options_2 .dropdown-menu button{width: 100%!important;}
.location-dropdown-for-addprod .advance_options button{width: 100%!important;}

#create_po_modal .btn-primary{width: 40%; padding: 10px 16px; font-size: 14px; display: inline-block; margin-right: 10px;}
#create_po_modal .btn-primary:last-child{margin-right:0px;}
.view-order-page .action_panel .actions_items{margin: 0px; margin-right: 5px;}
.view-order-page .action_panel .actions_items a.dot{padding: 3px 5px 3px 5px;}

/* ----------------------Guided Tour--------------------------- */
#see-video .modal-dialog.full-popup{width: 100%; margin-top: 0px;}
.demo-icon{position: fixed; right: 5px; bottom: 5px;}
.demo-icon ul{position: absolute; bottom: 50px; width: 205px; right: 0px; margin: 0px; padding: 0px; list-style: none; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.demo-icon .tour-div{background: rgb(131,58,180); background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); color: #fff; font-size: 13px; font-weight: 600; padding: 18px 8px; border-radius: 100%; width: 50px; height: 50px; cursor:pointer; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.demo-icon .tour-div-close{width: 50px; height: 50px; background: #fff; text-align: center; padding: 16px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); border-radius: 50px; cursor:pointer; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.demo-icon .tour-div-close img{width:100%; height:Auto;}
.demo-icon ul li{background: #fff; padding: 10px 10px 10px 50px; border-radius: 25px; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); margin-bottom: 15px; position:relative; font-weight: 600; font-size: 13px; cursor:pointer}
.demo-icon ul li:before{content:''; position:absolute; background: rgb(131,58,180); background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); width: 37px; height: 37px; border-radius: 39px; left: 1px; top: 1px;}
.demo-icon ul li.guided-tour:after{content:''; position:absolute; background:url(../images2021/icon-guided-tour.png) no-repeat center center; width: 37px; height: 37px; left: 1px; top: 1px;}
.demo-icon ul li.real-person:after{content:''; position:absolute; background:url(../images2021/icon-chat.png) no-repeat center center; width: 37px; height: 37px; left: 1px; top: 1px;}
.demo-icon ul li.see-video:after{content:''; position:absolute; background:url(../images2021/icon-video.png) no-repeat center center; width: 37px; height: 37px; left: 1px; top: 1px;}
.tool-tip{position: absolute; background: #F4F5F7!important; width: 320px; padding: 0px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); border-left: 5px solid #10B981;  z-index: 10000;}
.tool-tip:before{content: '\f0d8'; font-family: FontAwesome; position: absolute; top: -23px; left: 50%; margin-left: -7px; font-size: 25px; color: #10B981;}
.tool-tip .close{opacity: .2; position: absolute; right: 2px; top: 2px; font-size: 13px;}
.tool-tip .text{padding: 15px; font-size: 16px; font-weight: 600;}
.tool-tip .step{width:100%; display:table; padding:7px;}
.tool-tip .step .left{float:left;}
.tool-tip .step .right{float:right;}
.tool-tip .btn{padding: 2px 7px; font-size: 13px; border-radius: 3px;}
#sales-one{top: 180px; left: -98px;}
#sales-two{top: 180px; left: 4px;}
#sales-three{top: 180px; left: 194px;}
#sales-four{top: 180px; left: 340px; width: 400px;}
#sales-five{top: 260px; left: 530px; width: 400px;;}
#sales-six{top: 180px; left: 4px;}
#sales-seven{left: 50%; margin-left: -210px; top: 50%; margin-top: -62px; width: 420px;}
#sales-seven:before{display:none;}
/* ----------------------Guided Tour--------------------------- */

/* ----------------------Smart Tip--------------------------- */
.smart-tooltip .sortUpDownArrow{background: transparent; position: relative; top: unset; left: unset; right: unset; bottom: unset; color: #D1D5DB; font-size: 15px; display: inline-block!important; width:auto!important; padding: 0px;}
.smart-tooltip .sortUpArrow{display: inline-block!important; color:#6B7280;}
.smart-tooltip .sortDownArrow{display: inline-block!important; color:#6B7280;}

.smart-tooltip{display:inline-block; position:relative;}
.smart-tooltip .tip{display:none; position: absolute; background: #000; color: #fff; padding: 10px; border-radius: 5px; width: 450px; top: 50%; left: 25px; transform: translate(0px, -50%); z-index: 100; font-size: 11px; font-weight: 500;}
.smart-tooltip .tip:before{content:''; position:absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #000; left: -10px; top: 50%; margin-top:-10px;}
.smart-tooltip:hover .tip{display:block;}
.smart-tooltip .tip strong{font-weight:700;}
.smart-tooltip .tip a{color:#fff;}

.smart-tooltip.up{display:inline-block; position:relative;}
.smart-tooltip.up .tip{display:none; position: absolute; background: #000; color: #fff; padding: 10px; border-radius: 5px; width: 450px; left: 50%; transform: translate(-50%, 0px); z-index: 1005; font-size: 11px; font-weight: 500; bottom: 30px; top: unset;}
.smart-tooltip.up .tip:before{content:''; position:absolute; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #000; left: 50%; top: 100%; margin-left: -10px; margin-top: 0px;}
.smart-tooltip.up:hover .tip{display:block;}

.smart-tooltip.up-right{display:inline-block; position:relative;}
.smart-tooltip.up-right .tip{display:none; position: absolute; background: #000; color: #fff; padding: 10px; border-radius: 5px; width: 450px; right: -56px; transform: translate(0px, 0px); z-index: 1005; font-size: 11px; font-weight: 500; bottom: 40px; top: unset; left: unset; text-align:left}
.smart-tooltip.up-right .tip:before{content:''; position:absolute; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #000; left: unset; top: 100%; margin-left: -10px; margin-top: 0px; right: 52px;}
.smart-tooltip.up-right:hover .tip{display:block;}

.smart-tooltip.down{display:inline-block!important; position:relative;}
.smart-tooltip.down .tip{display:none; position: absolute; background: #000; color: #fff; padding: 10px; border-radius: 5px; width: 450px; left: 50%; transform: translate(-50%, 0px); z-index: 1005; font-size: 11px; font-weight: 500; top: 32px; right: unset; white-space: normal; text-transform: capitalize; text-align:center;}
.smart-tooltip.down .tip:before{content:''; position:absolute; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #000; right: unset; bottom: unset; margin-left: -10px; margin-top: 0px; left: 50%; top: -19px; white-space: pre;}
.smart-tooltip.down:hover .tip{display:block;}

.sales-report-by-vendor .table_header .col-height:hover .smart-tooltip.down .tip{display:block;}
.profitability-page .table_header .col-height:hover .smart-tooltip.down .tip{display:block;}
.profitability-page .smart-tooltip.down-left{display:table-cell!important}
.profitability-page .smart-tooltip{display:table-cell!important}
.profitability-page .second-head .smart-tooltip{display:inline-block!important}

.smart-tooltip.down-left{display:inline-block; position:relative;}
.smart-tooltip.down-left .tip{display:none; position: absolute; background: #000; color: #fff; padding: 10px; border-radius: 5px; width: 450px; left: -14px; transform: translate(0px, 0px); z-index: 1005; font-size: 11px; font-weight: 500; top: 32px; right: unset; white-space: normal; text-transform: capitalize;}
.smart-tooltip.down-left .tip:before{content:''; position:absolute; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #000; right: unset; bottom: unset; margin-right: -10px; margin-top: 0px; left: 38px; top: -19px; white-space: pre;}
.smart-tooltip.down-left:hover .tip{display:block;}

.sales-report-by-vendor .table_header .col-height:hover .smart-tooltip.down-left .tip{display:block;}
.profitability-page .first-head .col-height.smart-tooltip{z-index: 1002;}
.profitability-page .first-head .col-height.smart-tooltip.down-left .tip{left:0px; top:45px;}

.smart-tooltip.down-right{display:inline-block; position:relative;}
.smart-tooltip.down-right .tip{display:none; position: absolute; background: #000; color: #fff; padding: 10px; border-radius: 5px; width: 450px; right: -14px; transform: translate(0px, 0px); z-index: 1005; font-size: 11px; font-weight: 500; top: 32px; left: unset; white-space: normal; text-transform: capitalize;  text-align:left}
.smart-tooltip.down-right .tip:before{content:''; position:absolute; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #000; right: unset; bottom: unset; margin-left: -10px; margin-top: 0px; right: 38px; top: -19px; white-space: pre; left:unset;}
.smart-tooltip.down-right:hover .tip{display:block;}

.sales-report-by-vendor .table_header .col-height:hover .smart-tooltip.down-right .tip{display:block;}
.profitability-page .table_header .col-height:hover .smart-tooltip.down-right .tip{display:block;}
.profitability-page  .first-head .smart-tooltip.down-right .tip{right: 0px; top: 44px;}
.profitability-page  .first-head .smart-tooltip.down-right .tip:before{right: 148px;}

.access-level-edit .smart-tooltip.down-left {margin-left: 10px;}
.access-level-edit .smart-tooltip.down-left .tip{left: -44px; }

.SkipThisFixedPosition{display:none!important;}

.smart-tooltip.display_none{display:none!important;}
.smart-tooltip.down-right.display_none{display:none!important;}
.smart-tooltip.down-left.display_none{display:none!important;}
.smart-tooltip.down-up.display_none{display:none!important;}
.smart-tooltip.down-down.display_none{display:none!important;}
.smart-tooltip.up-right.display_none{display:none!important;}
.smart-tooltip.up.display_none{display:none!important;}
/* ----------------------Smart Tip--------------------------- */


/* ----------------------Configure Bogo--------------------------- */
.configure-bogo{border: solid 1px #adb1b5; border-radius: 10px; position: relative; padding: 15px 18px 53px 18px!important; margin-top:30px!important;}
.configure-bogo .head{position: absolute; font-size: 17px; font-weight: 600; top: -14px; padding: 0px 15px; left:7px; z-index:5;}
.configure-bogo .head:before{content: ''; position: absolute; width: 141px; height: 1px; background: #f2f2f2; top: 13px; z-index: -1; left: 7px;}
.configure-bogo .note{position: absolute; bottom: 0px; left: 0px; background: #fff; padding: 10px 20px; width: 100%; border-radius: 0px 0px 15px 15px; font-size: 15px; font-weight: 600;}
.configure-bogo .field .width_100.w_500{float: left; width: auto!important; padding: 10px 10px 10px 0px;}
.configure-bogo .field .dropup{float: left; width: calc(100% - 65px);}
.configure-bogo .field #discount_multiplier{float: left; width: calc(100% - 70px);}
/* ----------------------Configure Bogo--------------------------- */

/* ----------------------Quickbook Import--------------------------- */
.quickbook-import{padding: 0px;}
.quickbook-import .zapper_wrapper{padding:0px;}
.quickbook-import-wrapper{margin: 0 auto; max-width: 380px;}
.quickbook-import-wrapper .logo img{width:100%;}
.quickbook-import-wrapper .msg{position: relative; width: 100%; text-align: center; padding: 0px 10px; font-size: 17px; color: #737373; margin: 0px; top: unset; margin-top: -15px;}
.quickbook-import-wrapper .cta{width:100%; padding:22px 10px;}
.quickbook-import-wrapper .cta button{display: inline-block; width: 170px; padding: 5px; font-size: 18px; font-weight: 400; margin-right: 15px;}
.quickbook-import-wrapper .cta a{display: inline-block; font-size: 17px;}
.quickbook-import-wrapper .import-img{max-width:300px; margin:0 auto;}
.quickbook-import-wrapper .import-img img{width:100%; height:auto;}
.quickbook-import-wrapper .msg-2{background: #4e5c6a; color: #fff; padding: 5px; border-radius: 5px; width: 360px; font-weight: 600; margin: 0 auto;}
/* ----------------------Quickbook Import--------------------------- */

/* ----------------------Tag Group--------------------------- */
.tag_group{width:112px; margin: 5px 2px 2px 2px;}
.tag-group .right_options {margin-top:5px;}
.tag-group .tag_group ul.dropdown-menu{margin-top: 0px;}
.tag-group .tag_group ul.dropdown-menu li{margin-top: 10px;}
.tag-group .tag_group .open>.dropdown-menu label{padding: 5px 10px;}
.tag-group .tag_group .dropdown .btn{width:100%!important;}
/* ----------------------Tag Group--------------------------- */

/* ----------------------Recurring - Order Confirmation--------------------------- */
.center_div{max-width: 980px; width:auto;}
.shopping_detail {max-width: 978px; width:auto; background: #fff; border: #f3f3f3 solid 1px; clear: both; float: unset!important; border-radius: 15px; margin-top: 25px; padding: 25px; box-shadow: 5px 5px 0px rgba(0,0,0,0.2);}
.shopping_detail .top-panel{width:100%; display:table; margin-bottom: 15px;}
.shopping_detail .img-area{float: left; width: 72px; margin-right: 15px;}
.shopping_detail .information{float: left; width: calc(100% - 87px); font-size:12px; font-weight:400;}
.shopping_detail .information .name{font-size:20px;}
.shopping_detail .information label{font-weight:500; width:100%; display:table; margin-bottom:0px;}

.checkout-frame{border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; width: 100%; margin: 0px auto;}

.step-box{padding:0px;}
.step-box:last-child{padding:0px 0px 5px 15px;}
.step-title-row{width:100%; display:table; margin-bottom:20px; border-bottom: solid 1px #ccc;}
.step-title-row ul{list-style:none; padding:0px; margin:0px;}
.step-title-row li{display:inline-block; width:32.8%; padding:10px;}

.shopping-detail-first{width:100%; display:table; margin-bottom:15px;}
.shopping-detail-first .shoping-img{float: left; width: 72px; margin-right: 15px;}
.shopping-detail-first .shoping-detail{float: left; width: calc(100% - 87px); font-size: 14px;}
.shopping-detail-first .shoping-detail h2{padding: 0px; margin: 0px; font-size: 20px;}


/* ----------------------Collaboration--------------------------- */
.no-data-found-msg .discussion-img{display:table; margin:0 auto;}
.no-data-found-msg .discussion-img img{width: 100%; max-width: max-content;}
.collaboration-comments .no-data-found-msg{top: 15% !important;}
.side-navigation .menu-tab .unread-count{color: #fff!important; top: 0px!important; right: 0px!important; padding: 4px!important; width: 20px!important; height: 20px!important; text-align: center; padding: 2px 3px!important; display: inline-block!important; position: relative!important; font-size: 11px; line-height: normal; opacity: 1; font-weight: 600; width: auto!important;}
.side-navigation .menu-tab .unread-count:before{display:none!important}
.side-navigation .menu-tab .unread-count:after{display:none!important}
.collaboration-comments .data_panel{overflow-x:hidden}
.collaboration-comments .page-head {display:table; width:100%;}
.collaboration-comments .page-head .dropdown{float:right;}
.collaboration-comments .page-head .page-title{font-weight: 600; font-size: 24px; line-height: 32px; color: #545e6b; float:left;}
.collaboration-comments .date-time{padding: 10px 20px; font-size: 13px; font-weight:500; border-bottom: solid 1px #e2e4e7; background: #F4F5F7!important;}
.collaboration-comments .comments-area{padding:0px;}
.collaboration-comments .comments-area .comment-row{padding: 15px 20px; font-size: 16px; border-bottom: solid 1px #e2e4e7; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.collaboration-comments .comments-area .comment-row:hover{background:#fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); transform: scale(1.01); transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; cursor:pointer}
.collaboration-comments .comments-area .comment-row:last-child{border:0px;}
.collaboration-comments .comments-area .comment-row.read{background:#fff; color:#6c6c6c}
.collaboration-comments .comments-area .comment-row.unread{background:#fff; font-weight:500;}
.collaboration_comments .collaboration-area .join_now {font-size: 14px; font-weight: 600; color: #6d6e6f; line-height: 22px; margin-top: 4px; background: rgba(255, 255, 255, 0.7); border: solid 1px #ccced1;}
.collaboration_comments .collaboration-area .join_now:hover {background:rgba(55, 23, 23, 0.05);}
.collaboration_comments .editor-area{background: #e8e9ea; padding: 10px;}
.collaboration_comments .editor-area .create_by{width: 36px; height: 36px; border-radius: 50px; background: #58a182; color: #fff; padding: 5px 8px 8px 8px;; text-align:center; font-size: 17px; font-weight: 400; float:left; margin-right:5px; overflow: hidden; }
.collaboration_comments .editor-area .create_by dt{font-weight: 400; font-size: 15px;}
.collaboration_comments .editor-area .ck.ck-editor{width:calc(100% - 45px); float: left; display: grid;}
.collaboration_comments .editor-area .save_comment_button{display: table; width: 100%; padding: 0px 10px; text-align: right; position:relative;}
.collaboration_comments .editor-area .save_comment_button .button-area{position: absolute; right: 10px; bottom: 5px;}
.collaboration_comments .editor-area .save_comment_button .save_comment{position: absolute; right: 8px; top: -36px; padding: 5px 10px; border-radius: 0px;}
.collaboration_comments .editor-area .save_comment_button .btn{font-size: 12px!important; padding: 4px 8px!important;}
.collaboration_comments .entity_list{background: #f9f8f8; padding: 10px; margin:0px; position:relative;}
.collaboration_comments .entity_list ul{margin:0px!important; padding:0px; list-style:none;}
.collaboration_comments .entity_list li{padding:20px 0px; border-bottom:solid 1px #edeae9; display:table; width:100%; position:relative;}
.collaboration_comments .entity_list .create_by{width: 36px; height: 36px; border-radius: 50px; background: #58a182; color: #fff; padding: 5px 8px 8px 8px; font-size: 17px; font-weight: 400; float:left; margin-right:10px; overflow: hidden; text-align: center;}
.collaboration_comments .entity_list .comments{width:calc(100% - 55px); display: inline-block;}
.collaboration_comments .entity_list .comments p{width:100%; display:table; margin:0px; color:#6d6e6f; font-size:14px;}
.collaboration_comments .entity_list .comments .c_date{font-size: 12px; font-weight: 500; margin-left:10px;}
.collaboration_comments .entity_list .create_by dt{visibility: hidden; }
.collaboration_comments .entity_list .create_by dt::first-letter{visibility: visible!important; font-weight: 400; font-size: 15px; line-height: 10px; display: block; color: #fff;}
.collaboration_comments .entity_list .chat__posts__post__message{width: calc(100% - 45px); float: left;}
.collaboration_comments .entity_list .dropdown{position: absolute; top: 30px; right: 10px;}
.collaboration_comments .entity_list .dropdown-toggle{padding: 0px; border: 0px!important;; background: transparent!important;}
.collaboration_comments .entity_list .dropdown-menu{list-style: none; max-width: 130px!important; min-width: 130px!important;}
.collaboration_comments .entity_list .dropdown-menu li{padding:0px;}
.collaboration_comments #show_all_comment_div{padding: 5px 20px;}
.collaboration_comments .head{background: #f9f8f8; padding: 20px 20px 10px 20px; font-weight: 600; color: #6f7071;}
.collaboration_comments .ck-editor__top{order:2}
.collaboration_comments .ck-editor__main{order:1}
.collaboration_comments .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{border-bottom-width:1px; border-top-width:0px;}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by{display:none!important;}
.collaboration_comments .ck-editor__editable_inline.ck-blurred{height:100px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.collaboration_comments .ck-editor__editable_inline.ck-focused{height:100px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}

.collaboration_comments .ck.ck-list__item .ck-button .ck-button__label{font-size: 13px; font-weight: 600; color:#000;}
.collaboration_comments .ck.ck-list__item .ck-button.ck-on{background:#e1e1e1!important;}
.collaboration_comments .ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled){background:#e1e1e1!important;}
.collaboration_comments .collaboration-area{width: 100%; display: table; padding: 5px; padding-left:0px; margin-left:42px; width:calc(100% - 45px); margin-top:5px;}
.collaboration_comments .collaboration-area label{float: left; padding: 13px 11px 5px 10px; margin: 0px; position:relative;}
.collaboration_comments .collaboration-area label span{display:none; position: absolute; background: #000; color: #fff; font-weight: 400; padding: 5px; border-radius: 5px; top: -40px; width: 174px; left: 50%; margin-left: -87px; z-index: 100; font-size: 12px;}
.collaboration_comments .collaboration-area label span:before{content: "\f0d7"; font-family: FontAwesome; position: absolute; color: #000; bottom: -15px; left: 50%; margin-left: -4px;
font-size: 16px;}
.collaboration_comments .collaboration-area label:hover span{display:block;}
.collaboration_comments .collaboration-area .collaborator {width: 36px; height: 36px; border-radius: 50px; padding: 0px; text-align:center; font-size: 15px; font-weight: 400; float:left; margin:5px 5px 0px 0px; position:relative; cursor:pointer}
.collaboration_comments .collaboration-area .collaborator .name{display:none;}
.collaboration_comments .collaboration-area .collaborator .close {position: absolute; right: -2px; top: -2px; width: 16px; height: 16px; opacity: 1; background: #000; color: #fff; border-radius: 16px; display:none}
.collaboration_comments .collaboration-area .collaborator.blank{background: transparent!important; border: dashed 1px #aaa; color: #686868; padding:8px}
.collaboration_comments .collaboration-area .collaborator:hover .close{display:block;}
.collaboration_comments .collaboration-area .collaborator .close:hover {opacity: 1;}
.collaboration_comments .collaboration-area .collaborator .close:before, .close:after {position: absolute; left: 7px; content: ' '; height: 10px; width: 2px; background-color: #fff; top: 3px;}
.collaboration_comments .collaboration-area .collaborator .close:before {transform: rotate(45deg);}
.collaboration_comments .collaboration-area .collaborator .close:after {transform: rotate(-45deg);}
.collaboration_comments .collaboration-area .collaborator .sname{width: 36px; height: 36px; border-radius: 50px; padding: 8px; text-align:center; font-size: 15px; font-weight: 400; float:left; margin-right:8px; position:relative; cursor:pointer}
.collaboration_comments .collaboration-area .collaborator:nth-child(1) .sname{background:#58a182; color:#fff}
.collaboration_comments .collaboration-area .collaborator:nth-child(2) .sname{background:#f1bd6c; color:#000}
.collaboration_comments .collaboration-area .collaborator:nth-child(3) .sname{background:#f9aaef; color:#000}
.collaboration_comments .collaboration-area .collaborator:nth-child(4) .sname{background:#beb8fa; color:#000}
.collaboration_comments .collaboration-area .collaborator:nth-child(5) .sname{background:#b5f4f1; color:#000}
.collaboration_comments .collaboration-area .suggest-field{display:none;}
.collaboration_comments .ck.ck-editor__main>.ck-editor__editable{border-bottom:0px; outline:unset;}
.collaboration_comments .ck.ck-toolbar .ck.ck-toolbar__separator{margin:0px!important;}
.collaboration_comments .ck-rounded-corners .ck.ck-button, .ck-rounded-corners a.ck.ck-button, .ck.ck-button.ck-rounded-corners, a.ck.ck-button.ck-rounded-corners{margin:0px!important;}
.collaboration_comments .ck-content .mention{background:#dbe6f5; color:#4285f4;}
.collaboration_comments .comment_msg .mention{background:#dbe6f5; color:#4285f4;}
.collaboration_comments .ck.ck-button{border:0px!important;}
.collaboration_comments .ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break){margin-right:0px;}
.collaboration_comments .ck.ck-dropdown{width:120px;}
.ck-balloon-panel_visible{z-index:10006!important;}

.edit-mode{padding: 3px; border: dashed 1px #bdb9b9; border-radius: 10px; background: #fff;}
.edit-mode .collaborator {width:auto!important; padding: 3px!important; border: solid 1px #bdb9b9; background:#d7d7d7}
.edit-mode .collaborator .sname{width: 28px!important; height: 28px!important; font-size:13px!important; padding:6px!important; float:left!important; margin:0px!important}
.edit-mode .collaborator .name{display: block!important; float: left; padding: 3px 6px;}
.edit-mode .collaborator .close{position: relative!important; DISPLAY: block!important; top: unset!important; right: unset!important; margin: 6px!important;}
.edit-mode .blank{display:none!important;}
.edit-mode .suggest-field{display: inline-block!important; margin: 5px 5px 0px 0px; position:relative;}
.edit-mode .suggest-field input{border: solid 1px transparent; padding: 7px; border-radius:3px;}
.edit-mode .suggest-field .suggest-box{position: absolute; bottom: 40px; background: #fff; border: solid 1px #e1e1e1; padding: 0px; z-index: 100; max-height: 250px; overflow-y: auto;}
.edit-mode .suggest-field .suggest-box ul{margin:0px; padding:0px; width:250px; border:solid 1px #ccced1; box-shadow:1px 2px 1px rgba(0,0,0,.15)}
.edit-mode .suggest-field .suggest-box li{padding:5px; cursor:pointer;}
.edit-mode .suggest-field .suggest-box li:hover{background: #2977ff; color:#fff;}

.collaboration-msg{position:relative; background: #fff; width: 315px; border-radius: 0px 5px 5px 0px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); padding: 10px 35px; border-top: solid 5px #10B981 !important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; margin-top:10px;}
.collaboration-msg:before{content: '\f129'; font-family: FontAwesome; position: absolute; width: 18px; height: 18px; border-radius: 15px; border: solid 1px #000; text-align: center; left: 11px; font-size: 13px; top: 11px;}
.collaboration-msg .close-arrow{position: absolute; right: 10px; top: 5px; cursor: pointer; opacity: .5;}
.collaboration-msg .msg-area-head{width: 100%; display: table; font-weight: 600; margin-bottom: 2px; font-size: 16px;}
.collaboration-msg .msg-area span{font-weight:500;}
#collaboration_msg_wrapper{position: fixed; z-index: 10000; width: 315px; left: 0px; bottom: 25px; margin-left:-350px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#collaboration_msg_wrapper.open{margin-left:10px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.collaboration-msg .msg-area .undo-comment{float:unset!important; display:table; text-align:right; width:100%;}

#discussions_list ul{width:100%; display:table; position:relative; border:0px;}
#discussions_list ul:hover{background:#f2f6fc;}
#discussions_list ul:hover li{border-color:#f2f6fc;}
#discussions_list li:first-child{width:50px; border-bottom:0px; padding:10px!important}
#discussions_list li{border-bottom:solid 1px #e8eaed; font-size: 14px; color:#444746; font-weight:400; padding:10px;}
#discussions_list li .time{position: absolute; right: 15px; top: 5px; font-size: 12px; color:#444746;}
#discussions_list li .create_by{width: 36px; height: 36px; border-radius: 50px; background: #58a182; color: #fff; padding: 5px 8px 8px 8px;; text-align:center; font-size: 17px; font-weight: 400; overflow: hidden; }

/*#discussions_list ul{width:100%; display:table; position:relative;}
#discussions_list li{font-weight:400; border-bottom:solid 1px #eceff1}
#discussions_list ul:hover{box-shadow: 1px 1px 3px rgba(0,0,0,0.3); z-index:10; }
#discussions_list li:first-child{width:300px; padding-left:47px!important;}
#discussions_list li:first-child span{color:#a7a7a7;}
#discussions_list li:first-child:before{content:''; background:url(../images2021/unread-message.png) no-repeat left top; background-size:cover; width:20px; height:20px; position: absolute; left: 18px; top: 12px;}
#discussions_list li:last-child{width:220px; text-align:right; font-size:13px; font-weight:400;color:#a7a7a7;}
#discussions_list ul.read{background:#f2f6fc;}
#discussions_list ul.unread li{background:#fff; font-weight:600;}
#discussions_list ul.unread li span{font-weight:400;}
#discussions_list ul.read li:first-child:before{content:''; background:url(../images2021/open-envelope.png) no-repeat left top; background-size:cover; width:20px; height:20px; position: absolute; left: 15px; top: 12px; opacity: .5;}*/

.collaboration-comments .data_panel_wrapper{border:0px; box-shadow:unset;}

.customer_management #right_panel{padding-bottom:70px;}
/* ----------------------Collaboration--------------------------- */

/* ----------------------App Center grace-failed msg--------------------------- */
.trial-progress-area.in-grace{background: #f2dedf; border-radius: 5px;}
.trial-progress-area.in-grace .text-1{display:table; width:100%;}
.trial-progress-area.in-grace .col-md-9{width:100%!important;}
.trial-progress-area.in-grace .col-md-8 {padding:5px; font-weight:400; font-size:18px;}
.trial-progress-area.in-grace .col-md-8 span{font-weight:600; display:table; color:#b54342}
.trial-progress-area.in-grace .col-md-4 a{width: 200px; margin: 0 auto; background:#fff; color:#b54342}

.trial-progress-area.failed{background: #f2dedf; border-radius: 5px; max-width: 500px; margin:0 auto; margin-top: 20px;}
.trial-progress-area.failed .text-1{display:table; width:100%; margin:0px; font-size:18px;}
.trial-progress-area.failed .col-md-9{width:100%!important;}
.trial-progress-area.failed .col-md-12 span{padding:5px; font-weight:600; display:table; width:100%; text-align:center;  font-size:18px;}
.trial-progress-area.failed .col-md-12 a{width: 200px; margin: 0 auto; background:#fff; color:#b54342}
.trial-progress-area.failed .pay-now{width: 100%; margin:0 auto; color:#b54342}
.trial-progress-area.failed .pay-now .col-md-9{padding:5px;}
.trial-progress-area.failed .pay-now .msg{padding-left: 35px;text-align:left; font-weight:400; position:relative; margin:0px; font-size:15px;}
.trial-progress-area.failed .pay-now .col-md-3{padding:5px;}
.trial-progress-area.failed .pay-now a{margin: 0px; border-radius: 5px; width: 100%; font-size: 15px; background:#10B981 !important}
.trial-progress-area.failed .pay-now span{ position:relative; font-weight:500; font-size:20px;}
.trial-progress-area.failed .pay-now .msg:before{content: '\f12a'; font-family: FontAwesome; position: absolute; top: 50%; margin-top:-13px; left: 0px; width: 26px; height: 26px; border: solid 2px #b54342; border-radius: 26px; text-align: center; padding: 1px;}
.trial-progress-area.failed.urgent-msg{max-width:750px; color:#000!important;}
.trial-progress-area.failed.urgent-msg .pay-now{color:#000!important;}
.trial-progress-area.failed.urgent-msg .pay-now span{width:100%; display:table; color:#b54342!important}
.trial-progress-area.failed.urgent-msg .pay-now .msg:before{top:unset!important; margin-top:1px; color:#b54342!important}
/* ----------------------App Center grace-failed msg--------------------------- */

/* ----------------------General Settings--------------------------- */
.g-settings{border-bottom:solid 2px #e2e4e7}
.g-settings-title{padding: 10px!important; background: #eceef1; font-weight:600; font-weight: 500; font-size: 19px;}
.g-settings .heading{vertical-align: top; padding-top: 17px!important; font-size:14px; font-weight: 600;}
.g-settings ul{margin:0px; padding:0px; list-style:none;}
.g-settings ul:last-child{border:0px!important;}
.g-settings li{width:60%; float:left; padding:10px}
.g-settings li:last-child{width:40%; float:left; color:#000}
.g-settings input{width: 65%; padding: 5px; border: solid 1px #e1e1e1; border-radius:5px;}
.g-settings select{width: 65%; padding: 5px; border: solid 1px #e1e1e1; border-radius:5px;}
.g-settings .edit-icon{position: absolute; right: 25px; top: 25px; font-size: 17px; color: #a5a5a5; cursor: pointer; z-index: 100; display:none;}
.g-settings .edit-icon-2{position: absolute; right: 25px; top: 25px; font-size: 17px; color: #a5a5a5; cursor: pointer; z-index: 100; display:none;}
.g-settings .row{padding:10px!important; border-top:solid 1px #e6e6e6;  border-bottom:solid 1px #e6e6e6; }
.g-settings li .switch{float:left; display:unset; margin:0px;}
.g-settings li input{float:left;}
.g-settings li select{float:left;}
.g-settings li .tag{display: inline-block;  padding: 1px 4px; line-height: normal; border-radius: 3px; font-weight: 600; font-size: 10px; color:#fff;}
.g-settings ul .pull-left{width:calc(100% - 30px)}
.g-settings .option-tooltip{width: 30px; text-align: center; float: right; padding: 5px; position:relative;}
.g-settings .option-tooltip i{opacity: .3;}
.g-settings .option-tooltip:hover .tip{display:block}
.g-settings .option-tooltip .tip{position: absolute; background: #fff; padding: 10px; border: solid 1px #e1e1e1; top: 31px; right: 4px; z-index: 100; width: 370px; font-size: 12px; line-height: normal; text-align: justify; display:none;}
.g-settings .option-tooltip .tip:before{content: '\f0d8'; position: absolute; font-family: FontAwesome; font-size: 18px; top: -13px; right: 4px; color: #e1e1e1;}
.g-settings .option-tooltip.up .tip{top: unset; bottom: 31px;}
.g-settings .option-tooltip.up .tip:before{content: '\f0d7'; top: unset; bottom: -13px;}
.manager_authorization_section{background: #ffffff;margin: 12px;padding: 10px;border-radius: 7px;border: solid 1px #ccc;}
.manager_authorization_section .row-height{border-bottom: solid 1px #ccc;}
.manager_authorization_section .note{font-weight: 500;padding: 5px !important;display: block;}
.pin-authorization-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 38px;margin-left: -52px;text-align: center;font-size: 13px;padding: 5px;}

.ena-dis-dev-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.enb-don-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.don-label-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;}
.add-custfld-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.opt-email-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.enable-guest-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.activ-email-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.customer-daily-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.enb-payment-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.emil-notificatio-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.noti-email-ads-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.ord-rew-set-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.show-cutmr-field-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.alo-pvt-class-row .day-on-hand-tooltip .lp-tool-tip {width: 200px;top: 24px;margin-left: -100px;text-align: center;font-size: 12px;padding: 5px;font-family: roboto;} 
.general_settings .data_panel ul.row-height{ position: relative;}
.general_settings .data_panel_wrapper{ margin-bottom: 60px !important;}





/* ----------------------General Settings--------------------------- */

/* ----------------------Device Logs--------------------------- */
.more_than_10.device-logs .table_header li:last-child{width:350px;}
.more_than_10.device-logs .data_panel li:last-child{width:350px;}
/* ----------------------Device Logs--------------------------- */

#account_setting .dropdown-menu li{padding:0px!important}
#account_setting .dropdown-toggle{width:100px!important; padding: 6px 20px 6px 6px; text-align:left}
#account_setting .dropdown-toggle i{position: absolute; right: 6px; top: 9px;}

/* ----------------------AG Grid--------------------------- */
.custom-grid-tooltip {background: #000;color: #fff;padding: 10px;border-radius: 5px;width: 450px;transform: translate(0px, 0px);font-size: 13px;font-weight: 500;white-space: normal;text-transform: capitalize;}
.bottom-total-row { font-weight: bold; }
/* ----------------------AG Grid--------------------------- */

/* ----------------------SV Chat--------------------------- */
.chat-location{text-align: right; display: table; width: 100%; border-bottom: solid 1px #f1f1f1; padding-bottom: 10px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); position: fixed; top: 0px; left: 0px; padding: 10px; background: #fff; z-index: 100;}
.chat-location .open>.dropdown-menu{right: 0px; left: unset;}
.chat-wrapper{width: 800px;  margin: 0 auto; display:block; height:calc(100% - 142px); position:relative; padding:16px 16px 0px 16px; overflow: auto; margin-top:50px; border-radius: 10px; border: solid 1px #adb1b5;}
.chat-wrapper .chat-other{width: 100%; margin: 0 auto; margin-bottom: 10px;}
.chat-wrapper .chat-other span{font-weight:600;}
.chat-wrapper .chat-sv{max-width: 800px; margin: 0 auto; margin-bottom: 25px;}
.chat-wrapper .chat-sv span{font-weight:600;}
.sv-msg {position: absolute; width: 300px; padding: 20px 15px; left: 50%; margin-left: -150px; top: 50%; margin-top: -64px;}
.sv-msg .icon{width: 46px; height: 46px; margin: 0 auto; margin-bottom: 10px; border: solid 1px #adb1b5; border-radius: 50px; padding: 2px;}
.sv-msg .icon img{width: 100%; height: auto; opacity: .5;}
.sv-msg .text{font-size: 22px; font-weight: 600; text-align: center;}
.chat-field{width: calc(100% - 316px); display: table; padding: 10px 20px 20px 20px; position: fixed; margin: 0 auto; background: #fff; bottom: 0px;}
.chat-field .input{width:800px; margin:0 auto; position:relative;}
.chat-field .input input{width: 100%; padding: 15px 70px 15px 15px; border-radius: 10px; border: solid 1px #adb1b5; font-size: 20px;}
.chat-field .input .submit{position: absolute; top: 50%; font-size: 34px; margin-top: -17px; right: 23px; opacity:.5}
.chat-field .input .submit.opacity{opacity:1!important}
/* ----------------------SV Chat--------------------------- */

.field-hint{position: absolute; background: #d9edf7; padding: 5px; font-size: 12px; border-radius: 0px 0px 5px 5px; font-weight: 500; line-height:14px;}
.field-hint span{font-weight:700;}

.order_report .action_panel #filters .cumulative_options .selection{border:0px;}
.order_report .action_panel #filters .cumulative_options .ag-root-wrapper.ag-layout-normal{border-radius:5px;}
.order_report .action_panel #filters .cumulative_options .ag-header.ag-focus-managed.ag-pivot-off.ag-header-allow-overflow{height:99px!important; min-height:99px!important;}
.order_report .action_panel #filters .cumulative_options .ag-header-container{height:99px!important;}
.order_report .action_panel #filters .cumulative_options .ag-header-container .ag-header-row.ag-header-row-column{height: 44px!important;}
.order_report .action_panel #filters .cumulative_options .ag-header-container .ag-header-row.ag-header-row-column .ag-header-cell.ag-column-first.ag-column-last.ag-focus-managed{height: 44px!important;}
.order_report .action_panel #filters .cumulative_options .ag-header-container .ag-header-row.ag-header-row-column{height: 44px!important;}
.order_report .action_panel #filters .cumulative_options .ag-header-container .ag-header-row.ag-header-row-column .ag-header-cell.ag-column-first.ag-column-last.ag-focus-managed{height: 44px!important;}
.order_report .action_panel #filters .cumulative_options .ag-header-row.ag-header-row-column-filter{top:44px!important; height: 54px!important;}
.order_report .action_panel #filters .cumulative_options .ag-header-row.ag-header-row-column-filter .ag-header-cell.ag-floating-filter.ag-column-first.ag-column-last.ag-focus-managed{height: 54px!important;}
.order_report .action_panel #filters .cumulative_options #prod_section .ag-theme-balham .ag-text-field-input{padding: 10px !important;}

.profitability-page .action_panel .advance_options .ag-root-wrapper.ag-layout-normal{border-radius:5px; border:0px!important;}
.profitability-page .action_panel .advance_options .ag-header.ag-focus-managed.ag-pivot-off.ag-header-allow-overflow{height:99px!important; min-height:99px!important;}
.profitability-page .action_panel .advance_options .ag-header-container{height:99px!important;}
.profitability-page .action_panel .advance_options .ag-header-container .ag-header-row.ag-header-row-column{height: 44px!important;}
.profitability-page .action_panel .advance_options .ag-header-container .ag-header-row.ag-header-row-column .ag-header-cell.ag-column-first.ag-column-last.ag-focus-managed{height: 44px!important;}
.profitability-page .action_panel .advance_options .ag-header-container .ag-header-row.ag-header-row-column{height: 44px!important;}
.profitability-page .action_panel .advance_options .ag-header-container .ag-header-row.ag-header-row-column .ag-header-cell.ag-column-first.ag-column-last.ag-focus-managed{height: 44px!important;}
.profitability-page .action_panel .advance_options .ag-header-row.ag-header-row-column-filter{top:44px!important; height: 54px!important;}
.profitability-page .action_panel .advance_options .ag-header-row.ag-header-row-column-filter .ag-header-cell.ag-floating-filter.ag-column-first.ag-column-last.ag-focus-managed{height: 54px!important;}
.profitability-page .action_panel .advance_options .ag-theme-balham .ag-text-field-input{padding: 10px !important;}

.add_purchase_page .total-po{padding: 15px 0px 15px 30px; position:relative;}
.add_purchase_page .total-po span{display: table; width: 100%; font-weight: 500;}
.add_purchase_page .total-po:before{content: '}'; position: absolute; top: -6px; left: 6px; font-size: 73px; line-height: 79px; font-weight: 100;}
.add_purchase_page .po-breakup{line-height: 25px;}
.add_purchase_page #wrap-other_charges_breakup .dropdown-toggle{padding: 10px 25px 10px 10px !important;}
.add_purchase_page #wrap-other_charges_breakup .dropdown-toggle i{top: 14px;}
.add_purchase_page .data_panel_wrapper .more_than_10{height: 380px;}
.add_purchase_page .product_panel .category_box .list{height: 400px !important;}
.add_purchase_page #selected_product_show .data_panel_wrapper .more_than_10{height: 66vh;}
.add_purchase_page #edit_selected_product_show .data_panel_wrapper .more_than_10{height: 66vh;}
.add_purchase_page #selected_product_show .modal-dialog.modal-lg{max-width: 95%;}
.add_purchase_page #edit_selected_product_show  .modal-dialog.modal-lg{max-width: 95%;}
.add_purchase_page .data_panel_wrapper li.additional-charge{width: 250px;}
.view-purchase-list-po .data_panel li[data-colname="Cost Price"]{width: 165px !important;}
.view-order-page .data_panel_wrapper li.additional-charge{width: 250px;}

.order_list_page #po_set_budget_modal_popup .data_panel_wrapper li:last-child{width:50%!important}
.order_list_page #po_custom_fields_modal_popup  .data_panel_wrapper li{vertical-align: baseline;}
.order_list_page #po_custom_fields_modal_popup  .data_panel_wrapper li .SelectValue.field{padding:0px!important; padding-top:5px!important;}
.order_list_page #po_custom_fields_modal_popup .data_panel_wrapper .table_header li:last-child{width: 72px;}

#equally_discount_note{max-width: 100%; padding: 10px 10px 10px 35px; background: #d9edf7; position:relative; margin-top: 15px;}
#equally_discount_note:before{content: '\f05a'; font-family: FontAwesome; position: absolute; font-size: 21px; top: 7px; line-height: normal; left: 10px;}

.subscription-alert{max-width: 550px; margin: 0 auto; color: #a94442; background-color: #f2dede; border-radius: 5px; padding: 10px 10px 10px 60px; position:relative;}
.subscription-alert:before{content: '\f071'; font-family: FontAwesome; position: absolute; font-size: 24px; top: 50%; line-height: normal; left: 17px; margin-top: -12px;}

.order_report.quote-invoice-report .data_panel_wrapper  #order_report_header_container{padding:7px 18px 7px 0px!important; position: relative !important; display: table!important;}

/*----------- Vendor Sync ------------*/
#vendor_product_view_modal .modal-content{padding:0px;}
#vendor_product_view_modal .modal-body{padding:25px;}
#vendor_product_view_modal .modal-body .product-details{display:grid; grid-template-columns: 25% 75%; gap: 20px;}
#vendor_product_view_modal .modal-body .product-details img{border: solid 1px #e1e1e1; width: 100%; height: auto;}
#vendor_product_view_modal .modal-body .product-details .product-title{font-size: 18px; margin-bottom: 5px;}
#vendor_product_view_modal .modal-body .product-details .selling-price, #vendor_product_view_modal .modal-body .product-details .category, #vendor_product_view_modal .modal-body .product-details .sku{font-size: 15px; margin-bottom: 5px;}
#vendor_product_view_modal .modal-body .description{border-top:solid #e1e1e1; padding-top:20px; margin-top:20px; width:100%; display:table;}
#vendor_product_view_modal .modal-body .description p{display:inline-block; padding:0px; margin:0px;}
#merchant_product_modal ul{display:grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding:0px; margin:0px; list-style:none;}
#merchant_product_modal ul li{border: solid 1px #e1e1e1; padding: 9px; border-radius: 5px; cursor:pointer;}
#merchant_product_modal ul li.m-product-list.active{font-weight: 500; padding-left: 30px; position: relative; background:#10b981; color:#fff;}
#merchant_product_modal ul li.m-product-list.active:before{content:'\f00c'; font-family:FontAwesome; position:absolute; font-size: 17px; left: 8px; top: 8px; color:#fff;}
.invite_salesvu{background-color: #d9edf7; color:#000; padding:5px 10px 5px 25px; font-size:14px; font-weight:500; border-radius:10px; position:relative;}
.invite_salesvu:before{content:'\f00c'; font-family:FontAwesome; position:absolute; font-size: 14px; left: 5px; top: 5px; color:#fff;}
/*----------- Vendor Sync ------------*/

/*------------- shopify_account -----------------*/
.shopify_account .rightpanel_wrapper .inner_panel{padding-top:0px!important; transition:unset!important; -webkit-transition:unset!important;}
.shopify_account .side-nav-small{margin-left:0px!important; transition:unset!important; -webkit-transition:unset!important;}
.shopify_account .open-nav{margin-left:-300px!important; display:none!important; transition:unset!important; -webkit-transition:unset!important;}
.shopify_account .opne-nav-hover{margin-left:-300px!important; display:none!important; transition:unset!important; -webkit-transition:unset!important;}
.shopify_account .rightpanel_wrapper{margin-left:80px!important; transition:unset!important; -webkit-transition:unset!important;}
.shopify_account .side-nav-small .name-detail .dropdown-menu .other-info{width: 130px;}
.shopify_account .side-nav-small .open-arrow{display:none!important;}
.shopify_account .side-nav-small .small-nav-link{bottom: 20px;}
.shopify_account .info-message{width:100%!important; max-width:100%!important;}
/*------------- shopify_account -----------------*/

/*------------- paypal-integration -----------------*/
.paypal-integration .nav.nav-tabs{width: 1000px; margin: 0 auto; margin-top: 30px; border-bottom:0px;}
.paypal-integration #paypal{width: 1000px; margin: 0 auto; border-radius:0px 10px 10px 10px; height: auto !important; flex: unset !important; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2)}
.paypal-integration .nav>li>a{padding: 10px 20px;}
.paypal-integration .nav-tabs>li{ z-index: 2;}
.paypal-integration .nav.nav-tabs li svg{opacity:.7; display:block;}
.paypal-integration .nav.nav-tabs li.active{background: #fff;}
.paypal-integration .nav.nav-tabs li.active svg{opacity:1;}
.paypal-integration .data_panel .head{padding: 20px 20px 0px 20px; font-size: 20px; font-weight: 600;}
.paypal-integration .data_panel .common-text{padding: 20px; font-size: 18px; font-weight: 500;}
.paypal-integration .data_panel .description{padding: 30px; background: #f2f3f5; display: table; width: 100%;}
.paypal-integration .data_panel .description ul{margin:0px; padding:0px; list-style:none; border:0px;} 
.paypal-integration .data_panel .description li{font-size: 17px; font-weight: 400; padding: 7px 10px 7px 25px !important; position:relative;}
.paypal-integration .paypal-card .description li{padding: 7px 10px 7px 25px !important; position:relative;}
.paypal-integration .paypal-card .description li:before{content:''; position:absolute; width:15px; height:15px; background:url(../images2021/icon-bullet.png) no-repeat center center; left:0px; top: 9px; background-size: contain;}
.paypal-integration .paypal-card .description li.attention:before{content:''; position:absolute; width:15px; height:15px; background:url(../images2021/icon-remove.png) no-repeat center center; left:0px; top: 9px; background-size: cover;}
.paypal-integration .paypal-card .description li.verified:before{content:''; position:absolute; width:15px; height:15px; background:url(../images2021/icon-verified.png) no-repeat center center; left:0px; top: 9px; background-size: cover;}
.paypal-integration .paypal-card .footer{padding: 20px 0px; width: 100%; display: table; text-align: right; padding-bottom: 0px;}
.paypal-integration .payment-logo{padding: 10px; display: grid; text-align: center; width: 100%; grid-template-columns: auto auto auto auto auto auto auto; gap: 10px;}
.paypal-integration .primary_email{display: grid; padding: 1px; border-radius: 0px; position: relative; margin: 0px auto 10px auto; border-bottom: solid 1px #e1e1e1; grid-template-columns: 20% 25% 53%; align-items: center; max-width: 100%; gap: 10px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
.paypal-integration .primary_email .msg-head{padding: 10px; background: #f2f3f5; font-weight: 600; height: 100%; align-content: center;}
.paypal-integration .primary_email .id{padding: 10px 0px;  height: 100%; align-content: center;}
.paypal-integration .primary_email .id span{font-weight:600}
.paypal-integration .primary_email .email{padding: 10px 0px;  height: 100%; align-content: center;}
.paypal-integration .primary_email .email span{font-weight:600}
.paypal-integration #zettle{width: 1000px; margin: 0 auto; border-radius:10px; height: auto !important; flex: unset !important; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
.paypal-integration .appointment_settings{padding:20px;}
.paypal-integration .appointment_settings .toggle{margin-left: 0px!important;}
.paypal-integration .appointment_settings .field .btn{padding: 6px 12px!important;}
.payment-options{margin: 20px 0px 0px 0px; display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; padding: 0px; border-radius: 10px; gap:20px}
.payment-options .payment-box{display: grid; grid-template-columns: 52% 48%; align-content: center; padding: 12px 20px 5px 20px;}
.payment-options .payment-box .box:first-child{font-weight:600;}
.payment-options .payment-box .box .switch{margin:0px;}
.msg-head-scopes {display: table; text-align: center; font-size: 18px; font-weight: 600; margin-top: 20px; background: #f2f3f5; display: table; margin-top: 20px; margin-bottom: -17px; z-index: 100; position: relative; border-radius: 5px; padding: 5px 35px; padding: 5px 20px; margin-left: 15px;}
.paypal-integration .paypal-card .scope-details {display: grid; grid-template-columns: repeat(4, 1fr); text-align: left; margin: 0px; padding: 0px; list-style: none; gap: 10px; padding: 10px !important; overflow: auto; width: 100%; border: solid 1px #bfbfbf !important; border-radius: 10px; padding-top:25px!important}
.paypal-integration .paypal-card .scope-details li { font-size: 15px; background: #fff; border-radius: 5px; height: 100%; display: grid; line-height: normal; padding: 10px 10px 10px 35px !important;}
.paypal-integration .paypal-card .scope-details li:before{content:"\f00c"; font-family: FontAwesome!important; position:absolute; background: unset; left: 10px; top: 12px;}
.paypal-integration .apple-pay{border-radius:10px 10px 0px 0px;}
.paypal-integration .apple-pay .payment-box:last-child{background: #d1d1d1; border-radius:0px 10px 0px 0px;}
.paypal-integration #website-url-sec{padding: 10px; background: #d1d1d1; border-radius: 0px 0px 10px 10px; display: grid; grid-template-columns: 84% 15%; gap: 10px;}
.paypal-integration #website-url-sec .field{padding: 0px!important;}
.paypal-integration #website-url-sec .field input{width:100%!important;}
.paypal-integration #website-url-sec .field select{width:100%!important;}
.paypal-integration #website-url-sec .field .btn{width:100%; border-radius:4px;}
.paypal-integration #website-url-sec .note{width: 100%; grid-column: span 2;}


/*------------- paypal-integration -----------------*/
/*------------- Zero Out Items -----------------*/
#view_area_div label{margin: 0px; width: 100%; display: flex; padding: 10px; font-weight:500;}
#view_area_div label input[type=checkbox]{margin:0px; width:20px; height:20px; margin-right:10px;}
/*------------- Zero Out Items -----------------*/

/*------------- tixtrack -----------------*/
.tixtrack .spektrix-api-key-wrapper{border: solid 1px #adb1b5; border-radius: 4px; padding: 10px; font-size: 14px; font-weight: 400; line-height: 1.42857143;}
.tixtrack .spektrix-api-key-wrapper .btn{padding: 5px 15px; text-decoration: none !important; margin-top: -6px; margin-right: -6px;}
.tixtrack #membership_roles_tagsinput{border: solid 1px #adb1b5; border-radius: 4px; padding: 10px; font-size: 14px; font-weight: 400; line-height: 1.42857143;}
.tixtrack .edit-area{position:relative; width:100%;}
.tixtrack .edit-area textarea{outline:unset!important;}
.tixtrack .edit-area .cancel_api_key_textarea{position: absolute; top: 5px; right: 5px; border: solid 1px #adb1b5; border-radius: 4px; padding: 5px; color: #000; font-size: 14px; font-weight: 300;}
.tixtrack #membership_roles_tagsinput .tag.ui-sortable-handle{background: #f6f5f5; border: solid 1px #adb1b5; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); margin: 0 8px 8px 0;}
.tixtrack #membership_roles_tagsinput .tag.ui-sortable-handle .tag-text{font-size: 13px;}
.tixtrack #membership_roles_tagsinput .tag .tag-remove{width:25px; color:#000; }
.tixtrack #membership_roles_tagsinput .tag .tag-remove:before{background: #000;}
.tixtrack #membership_roles_tagsinput .tag .tag-remove:after{background: #000;}
.tixtrack #default-multiselect-id .btn-group{width:200px;}
.tixtrack #default-multiselect-id .btn-group button{width: 100%; text-align: left; padding: 8px 25px 8px 12px;}
.tixtrack #default-multiselect-id .btn-group button i{position: absolute; right: 8px; top: 12px;}
.tixtrack #default-multiselect-id .btn-group li{padding:0px!important;}
.tixtrack .error-message{margin-top:20px;}
/*------------- tixtrack -----------------*/

/*------------- Signature and Tips -----------------*/
#frm_capture_time .multiselect.dropdown-toggle.btn.btn-default.padding_5{padding-right: 25px !important;}
/*------------- Signature and Tips -----------------*/

/*--------------Reschedule Appointment---------------*/
.hasDatepicker#lookup_date{padding-left: 0px!important;}
.reservation_wraper_item .ra-step-2{display: grid; grid-template-columns: 5% 61% 26%; align-content: center; align-items: center; padding: 10px; gap: 20px;}
.reservation_wraper_item #back_step_1_2 a{font-size: 23px; line-height: 23px; color:#000; text-decoration:none;}
.reservation_wraper_item .responsive-calendar td{vertical-align: top;}
/*--------------Reschedule Appointment---------------*/

/*--------------All in one report - save report---------------*/
.tag-group.action_panel.no_padding .clear-filters-btn{width: 102px;}
.save-p-report {display: flex; padding: 5px 5px 5px 10px; background: #f6f6f6; border-radius: 5px; width: 704px; margin-top:5px;}
.save-p-report .heading{font-weight: 600; padding: 5px 5px 5px 0px;}
.profitability-page #delete_grid_state_modal .min_height_pop{border: 1px solid #dcdcdc !important; padding:0px; border-radius:10px;}
.profitability-page #delete_grid_state_modal .min_height_pop .data-row{border-bottom: 1px solid #dcdcdc; padding:0px;}
.profitability-page #delete_grid_state_modal .min_height_pop .data-row label{margin: 0px; width: 100%; display: grid; padding: 10px; font-weight: 400; grid-template-columns: 5% 95%; align-items: center; align-content: center;}
.profitability-page #delete_grid_state_modal .min_height_pop .data-row label input[type=checkbox]{width:20px; height:20px;}

/*--------------All in one report - save report---------------*/

.qr-code .preview-box{border-radius: 10px; box-shadow: 3px 3px 5px rgb(0 0 0 / 20%); border: solid 1px #e1e1e1; width: 480px; padding: 15px; margin: 20px auto; display: grid; grid-template-columns: 60% 36%; gap: 15px; align-items: center;}
.qr-code .preview-box .dropdown-toggle{width: 100%; text-align: left; padding: 10px 25px 10px 12px; font-size: 15px;}
.qr-code .preview-box .btn{padding: 10px 12px!important; border-radius:5px;}
.qr-code .preview-box .dropdown-toggle i{position: absolute; right: 12px; top: 12px;}
.qr-code .preview-box .dropdown-menu{width:100%;}
.qr-code .preview-box .dropdown-menu li label{color: #000 !important; margin-left: 0px; padding: 10px !important; margin-bottom: 0px; font-weight: 400; width: 100%;}
.qr-code .preview-box .dropdown-menu li label:hover{text-decoration: none; background-color: #f5f5f5;}
.qr-code .description{max-width: 620px; margin: 0 auto; font-weight: 400; font-size: 16px; text-align:center;}


.msg-wb-publish{text-align: center; max-width: 490px; margin: 0 auto; margin-top: 150px !important; color: #31708f; background-color: #d9edf7; border-color: #bce8f1; padding: 15px; border-radius: 4px; width:90%}
.msg-wb-publish .fa{font-size:30px; margin-bottom:10px;}

@media print {
    .app_center_invoice .action-area a {display: none!important;}
    .app_center_invoice .invoice-wrapper {width: 100%!important;}
    .app_center_invoice .invoice-wrapper .package-detail .detail{width: 100%!important;}
	.app_center .invoice-wrapper .logo-order-id{padding: 15px 30px;}
	.app_center .invoice-wrapper .package-detail{padding:15px 0px 5px 0px}
	.app_center .invoice-wrapper .total-amount-detail{padding:15px 30px 10px 30px}
	.app_center .invoice-wrapper .col-md-6{width:50%!important; float: left;}
	.app_center .note-area{padding:15px 20px;}

}

/*----------- webstore-banner --------------------*/
.webstore-banner-wrapper{position:relative; padding:10px 0px;}
.webstore-banner-wrapper .close-banner{position: absolute; width: 15px; height: 15px; top: 5px; right: 5px; padding: 3px; z-index: 100; cursor: pointer;}
.webstore-banner-wrapper .close-banner svg{width:100%; height:auto; fill:#fff;}
.webstore-banner-wrapper .webstore-banner{background: linear-gradient(90deg, #0A4DBA, #6A1B9A); width: 100%; display: table; border-radius: 5px; display: flex; justify-content: space-between; padding: 10px; align-items: center; text-decoration:none!important;}
.webstore-banner-wrapper .webstore-banner .text{font-size: 20px; color: #fff; font-weight: 600;}
.webstore-banner-wrapper .webstore-banner .pointers{display:flex; gap: 10px;}
.webstore-banner-wrapper .webstore-banner .pointers .box{display: flex; color: #fff; font-size: 13px; text-transform: uppercase; border-right: solid 1px #fff; border-radius: 0px; padding: 0px 7px; gap: 5px; align-items: center;}
.webstore-banner-wrapper .webstore-banner .pointers .box:last-child{border:0px;}
.webstore-banner-wrapper .webstore-banner .pointers .box img{width: 30px; filter: invert(1); height:auto;}
.webstore-banner-wrapper .webstore-banner .cta{display:flex; gap:10px;}
.webstore-banner-wrapper .webstore-banner .btn-preview{background: #fff; font-size: 14px; text-transform: uppercase; font-weight: 500; color: #000; padding: 8px 25px; border-radius: 100px; text-decoration:none;}
/*----------- webstore-banner --------------------*/

/* ------------ Website Setup Wizard -------------*/
.content.publish-webiste{height:100%; align-content:center}
.content.publish-webiste .head{text-align: center; font-size: 25px; font-weight: bold; margin: 0px;}
.content.publish-webiste .sub-head{margin: 0px; font-weight: 400; text-align:center;}
.content.publish-webiste .img{margin: 30px auto; max-width:500px;}
.content.publish-webiste .pointers{max-width: 700px; font-size: 15px; text-align: center; margin: 0 auto;}
.content.publish-webiste a{background: #10B981; color: #fff; padding: 10px 70px; font-size: 18px; border-radius: 160px; margin: 0 auto; display: table; margin-top: 20px; text-decoration:none;}
.content.publish-webiste .strip-text{background: transparent; color: #000; border: solid 1px #bfbfbf; border-radius: 5px; padding: 7px 20px; font-size: 17px; display: flex; max-width: 470px; align-items: center; gap: 10px; justify-content: space-between;}
.content.publish-webiste .strip-text img{width:40px; height:Auto;}
.content.publish-webiste .strip-text .fa{font-size: 26px;}
.content.publish-webiste .strip-text .text{font-size:15px;}
.content.publish-webiste .strip-text .btn-cta{font-size: 15px; padding: 5px 15px; border-radius: 100px; background: #10B981; color: #fff;}

.qr-code.new-website-wizard .function-area{display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; width: 100%; margin: 10px auto; padding: 0px 0px 40px 0px; background: #f9fafb; border-radius: 10px; padding: 20px;}
.qr-code.new-website-wizard .function-area .function{width: 100%; position: relative; padding: 20px; border: solid 1px #e5e7eb; border-radius: 10px; display: grid; gap: 16px; grid-template-columns: 8% 50% 39%; background: #fff; align-items: start;}
.qr-code.new-website-wizard .function-area .function .icon{position: relative; width: 80px; height: 80px; border-radius: 100px; border: solid 1px #e5e7eb; padding: 20px; background: #fff; flex: none; }
.qr-code.new-website-wizard .function-area .function .icon img{width:100%; height:auto; opacity: .7;}
.qr-code.new-website-wizard .sub-head{font-size: 20px; font-weight: 400; color: #111827; text-align:left; margin-top:0px;}
.qr-code.new-website-wizard .sub-head span{font-weight: 400; font-size: 14px; display: table; width: 100%; color: #4b5563;}
.qr-code.new-website-wizard .function-area .function .preview-box{    display: flex; gap: 20px; margin-top: 15px; align-items: center; box-shadow: unset; padding: 0px; border: 0px; margin: unset; margin-top: 15px;}
.qr-code.new-website-wizard .function-area .function .preview-box #wrap-language{width: 300px; text-align: center;  border-radius: 5px;}
.qr-code.new-website-wizard .function-area .function .preview-box #wrap-language .popup_dropdowns{padding: 8px 25px 8px 10px !important; text-align: left; font-size: 17px;}
.qr-code.new-website-wizard .function-area .function .preview-box #wrap-language .popup_dropdowns i{position: absolute; right: 10px; top: 10px;}
.qr-code.new-website-wizard .function-area .function .strip-connect {margin-top:15px!important;}
.qr-code.new-website-wizard .function-area .function .description{position: relative; padding: 0px; font-size: 14px; width: 100%; max-width: 100%; margin-top: 15px; color: #4b5563; text-align:left;}
.qr-code.new-website-wizard .function-area .function .pubilsh-terms{position: relative; padding: 0px; font-size: 14px; width: 100%; max-width: 100%; margin-top: 15px; color: #4b5563;}
.qr-code.new-website-wizard .function-area .function .pubilsh-terms a{font-size:12px; color:#000;}
.qr-code.new-website-wizard .function-area .function .qr-live-url{display: flex; gap: 20px; margin:unset; margin-top: 15px; align-items: center; box-shadow: unset; border: 0px; width:auto;}
.qr-code.new-website-wizard .function-area .function .qr-live-url #setting_form{width: 350px; text-align: center;  border-radius: 5px; position:relative;}
.qr-code.new-website-wizard .function-area .function .qr-live-url #setting_form input{width: 100%; border: 0px; padding: 8px 112px 8px 10px !important; border-radius: 5px; border: solid 1px #adb1b5!important; font-size: 17px; }
.qr-code.new-website-wizard .function-area .function .qr-live-url #setting_form .name.salesvu_domain{position: absolute; right: 1px; top: 1px; font-size: 15px; background: #f9fafb; padding: 9px; border-left:solid 1px #e5e7eb; border-radius: 0px 5px 5px 0px;}
.qr-code.new-website-wizard .function-area .function.disabled{opacity:.3; pointer-events: none;}
.qr-code.new-website-wizard .function-area .function .benifit{border: solid 1px #e5e7eb; padding: 22px 20px 10px 20px; border-radius: 10px; margin: 0px; list-style: none; width:100%; color:#4b5563; position:relative; font-size:14px;}
.qr-code.new-website-wizard .function-area .function .benifit .head{position: absolute; border: solid 1px #e5e7eb; top: -13px; background: #fff; padding: 3px 20px; border-radius: 100px; left: 20px; font-weight: 500; text-transform: uppercase; font-size: 12px;}
.qr-code.new-website-wizard .function-area .function .benifit ol{margin: 0px; padding: 0px; padding-left: 15px;}
.qr-code.new-website-wizard .function-area .function .benifit li{margin-bottom:5px; font-size: 14px;}
.qr-code.new-website-wizard .function-area .function .benifit li span{display: table; font-weight: 600;}

.qr-code.new-website-wizard .function-area .other-setting-wrapper .function{border-radius: 0px; border-top:0px; border-bottom:0px; min-height:136px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:empty{min-height:auto; padding:0px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:first-child{border-radius: 10px 10px 0px 0px; border-bottom:0px; border-top:solid 1px #e5e7eb; padding-bottom:10px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:last-child{border-radius: 0px 0px 10px 10px ; border-top:0px; border-bottom:solid 1px #e5e7eb}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function .publish-icon{width: 40px; height: 40px; padding: 10px; text-align: center; margin: 0 auto; position:relative; border: solid 1px #e5e7eb; border-radius:40px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function .publish-icon:after{content: ''; width: 1px; height: 119px; position: absolute; /*background: #e5e7eb;*/ left: 50%; top: 38px; z-index: 100;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:last-child .publish-icon:after{display:none;} 
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(1) .publish-icon:after{display:none;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(2) .publish-icon:after{display:none;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(3) .publish-icon:after{height:282px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(4) .publish-icon:after{height:98px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(5) .publish-icon:after{height:98px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(6) .publish-icon:after{height:98px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(7) .publish-icon:after{height:98px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(8) {min-height:163px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(8) .publish-icon:after{height:125px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(9) .publish-icon:after{display:none;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .industry-selection {padding:10px 20px; min-height:auto; width: 100%; position: relative; padding: 0px; background:#fff; display:grid;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .industry-selection .text{font-size: 15px; font-weight: 500; color: #111827; margin-bottom:5px; padding:}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .industry-selection .select-industry select{font-size: 17px; border: 1px solid #D1D5DB !important; border-radius:5px; padding:8px; max-width:350px; outline:unset; display:block; width: 100%;}

.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading{font-size: 20px; font-weight: 400; padding-bottom: 0px; color:#111827; grid-template-columns: 8% 90%; align-items: center; min-height:auto;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading span{font-weight: 400; font-size: 14px; display: table; width: 100%; color: #4b5563;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading .icon{position: relative; width: 80px; height: 80px; border-radius: 100px; border: solid 1px #e5e7eb; padding: 20px; background: #fff; flex: none;}

.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .sub-head{font-size: 15px; font-weight: 500; color:#111827}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .sub-head span{font-size: 19px; margin-bottom: 10px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .ecommerce_store_phone_msg{margin: 10px 0 0 0; padding: 8px 12px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .ecommerce-store-phone-inline{display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin-top: 10px;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .ecommerce-store-phone-inline .input-group-addon{display: flex; align-items: center; padding: 6px 12px; font-weight: 600; min-width: 3.5em; justify-content: center; border: 1px solid #ccc; border-radius: 4px; background: #f5f5f5;}
.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .ecommerce-store-phone-inline #ecommerce_store_contact_phone{max-width: 280px; min-width: 160px; flex: 1; width: auto; height: auto;}

.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .btn-primary{font-size: 14px!important;}

.qr-code.new-website-wizard .function-area .other-setting-wrapper .terms{padding: 0px 20px 10px 20px; border-left: solid 0px #e5e7eb; border-right: solid 0px #e5e7eb; background: #fff; font-size: 14px; padding-left: 107px; color: #4b5563; min-height:180px; grid-column:span 3;}

.qr-code.new-website-wizard .popup-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); justify-content: center; align-items: center; z-index: 10000;}
.qr-code.new-website-wizard .popup-box {background: #fff; border-radius: 10px; width: 90%; height: 90%; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.3); overflow: hidden;}
.qr-code.new-website-wizard .popup-box .close-btn {position: absolute; top: 10px; right: 15px; background: #fff; border: none; color: #000; font-size: 18px; padding: 2px 5px; border-radius: 5px; cursor: pointer; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border-radius: 100px; width: 30px; height: 30px;}
.qr-code.new-website-wizard iframe {width: 100%; height: 100%; border: none;}

.qr-code.new-website-wizard [data-toggle="dropdown"] {padding: 9px;}
.qr-code.new-website-wizard [title="More Color"] {padding: 11px 5px;}
.qr-code.new-website-wizard .about-alert-msg{text-align: center; font-size: 26px; padding: 30px 15px 15px 15px;}

.strip-link {width: 100%; padding: 20px; text-align: center; border-radius: 5px; border: solid 1px #e5e7eb; display: grid; gap: 10px;}
.strip-link a{width: 230px; margin: 0 auto;}
.qr-code.new-website-wizard .function-area .function .btn-primary{font-size:17px!important; padding: 8px 12px!important; margin:0px; box-shadow: unset;}
.qr-code.new-website-wizard .function-area .function .sub-head{font-size: 20px; font-weight: 400; color: #111827;}
.qr-code.new-website-wizard .function-area .function .remove_app{background: #fff !important; color: #10B981 !important; cursor: default;}
.qr-code.new-website-wizard .function-area .function .published-url{margin-top: 5px; border: solid 1px #adb1b5 !important; padding: 5px 10px; display: table; border-radius: 5px; box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);}

.qr-code.new-website-wizard #notification-email .tag{margin: 2px; display: inline-block; background: #f1f1f1; padding: 3px 5px; border-radius: 5px; font-size: 13px; display: inline-flex; align-items: center;}
.qr-code.new-website-wizard #notification-email .tag a{color:#000;}
.qr-code.new-website-wizard #pos-device-selection .min_height_pop{height:auto; border:0px!important; max-height: 280px;}

.qr-code.new-website-wizard .function-area .function #publish_status_note{padding: 10px 10px 10px 50px; font-size: 13px; line-height: normal; position:relative;}
.qr-code.new-website-wizard .function-area .function #publish_status_note:before {content: ""; position:absolute; display: block; width: 30px; height: 30px; left: 10px; top: 10px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 398 401'><g fill='%2331708f'><path fill-rule='evenodd' clip-rule='evenodd' d='M186.998 8.474c8.002 0 16.002 0 24.004 0 .961.21 1.914.54 2.887.613 28.851 2.161 55.958 10.234 80.808 25.013 51.068 30.372 82.388 74.797 93.385 133.31 1.31 6.969 1.979 14.057 2.945 21.089 0 8.002 0 16.002 0 24.004-.212.965-.545 1.922-.62 2.898-2.525 32.925-12.692 63.325-31.126 90.686-30.596 45.41-72.905 73.391-126.838 83.463-7.085 1.323-14.291 2.001-21.44 2.978-8.002 0-16.002 0-24.004 0-.959-.212-1.91-.541-2.881-.619-38.25-3.049-72.684-16.152-102.839-39.857-38.806-30.506-62.754-70.144-71.435-118.829-1.224-6.859-1.927-13.811-2.87-20.719 0-8.002 0-16.002 0-24.004.303-2.458.637-4.913.905-7.375 4.519-41.504 20.427-78.04 48.438-109.006C85.959 39.35 122.643 18.937 166.289 11.37c6.864-1.19 13.805-1.942 20.709-2.896zM198.899 25.864c-96.282.128-174.578 78.515-174.523 174.728.056 96.202 78.602 174.668 174.721 174.543 96.283-.126 174.601-78.54 174.524-174.738-.076-96.249-78.572-174.66-174.722-174.533z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M240.312 277.215c-.664 2.572-1.344 5.475-2.198 8.323-.217.725-.858 1.612-1.521 1.87-13.381 5.211-26.666 10.846-41.586 9.201-7.305-.804-13.833-3.377-19.259-8.317-5.646-5.139-8.379-11.893-7.106-19.261 1.945-11.268 4.773-22.394 7.498-33.513 2.521-10.291 5.44-20.484 8.075-30.747.458-1.787.478-3.713.521-5.578.215-9.114-3.876-13.348-13.03-12.671-5.293.392-10.509 1.817-16.084 2.838.75-3.011 1.501-6.347 2.46-9.621.202-.688 1.069-1.419 1.794-1.684 12.054-4.419 23.925-9.481 37.174-9.268 6.682.108 12.879 1.588 18.496 5.159 7.757 4.93 10.952 12.115 10.778 21.257-.299 15.797-6.822 30.078-10.435 45.067-2.069 8.589-4.362 17.19-5.483 25.923-1.108 8.641 3.11 12.918 11.958 12.851 6.964-.05 12.846-1.167 19.023-1.836z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M218.209 104.488c14.729.021 25.594 11.082 24.344 24.785-.933 10.23-10.082 18.468-22.13 19.922-15.132 1.826-28.469-10.831-26.729-25.368 1.296-11.843 12.089-20.357 24.515-20.339z'/></g></svg>");}
.qr-code.new-website-wizard .function-area .function #publish_status_note h4{font-size: 17px; margin-bottom: 5px;}

.hide_left_side_menu .web-store-online-ordering .back-landing{display:none!important;}
.hide_left_side_menu .web-store-online-ordering .aks-sv-ai{display:none!important;}
.hide_left_side_menu .web-store-online-ordering .nav.navbar-nav.navbar-right{display:none!important;}
.hide_left_side_menu .web-store-online-ordering .chat-video{display:none!important;}
.hide_left_side_menu .web-store-online-ordering .action_panel #filter_store_list{display:none!important;}
.hide_left_side_menu .web-store-online-ordering .action_panel .but-disble-online{display:none!important;}
.hide_left_side_menu .web-store-online-ordering .action_panel .but-threshold{display:none!important;}
.hide_left_side_menu .web-store-online-ordering .after-back-btn{margin-left:0px !important;}

#delivery_preferences .tab-options {display: flex; gap: 5px;}
#delivery_preferences .check-wrap {position: relative; padding: 0px; border-radius: 0px; cursor: pointer; background: #f9f9f9; transition: 0.25s; display: inline-flex; align-items: center; margin:0px;}
#delivery_preferences .check-wrap span{padding:8px 8px 8px 30px; border: 0px solid #ccc; border-radius: 3px; cursor: pointer; position: relative; transition: 0.25s; background: #fff; margin: 0px; font-weight: 400; width: 115px;}

/* Hide checkbox */
#delivery_preferences .check-wrap input[type="checkbox"] {display: none;}

/* Change background when checked */
#delivery_preferences .check-wrap input[type="checkbox"]:checked + span {background: #10B981; color: #fff; padding: 8px 8px 8px 30px; border-radius: 3px;}

/* Custom checkbox square */
#delivery_preferences .check-wrap span::before {content: ""; width: 18px; height: 18px; border: 2px solid #999; border-radius: 4px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); background: white;}

/* Tick */
#delivery_preferences .check-wrap input[type="checkbox"]:checked + span::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66.667 67'><path fill='%23FFFFFF' d='M33.726,1.716c-17.62-0.03-31.979,14.32-32.01,31.96c-0.03,17.62,14.3,31.971,31.95,31.99c17.65,0.03,31.98-14.28,32-31.94C65.686,16.086,51.376,1.747,33.726,1.716z M48.386,27.787c-0.16,0.2-0.35,0.39-0.529,0.58c-5.171,5.16-10.33,10.33-15.5,15.49c-1.85,1.85-3.71,1.829-5.58-0.04c-2.46-2.48-4.93-4.95-7.41-7.42c-0.7-0.7-1.13-1.521-1.13-2.54c0.03-1.47,0.7-2.561,2.04-3.15c1.38-0.6,2.68-0.36,3.76,0.68c1.72,1.67,3.41,3.379,5.09,5.1c0.37,0.39,0.56,0.38,0.94,0c4.34-4.37,8.71-8.72,13.05-13.08c1.01-1.02,2.18-1.44,3.56-1.06C49.046,22.986,49.947,25.887,48.386,27.787z'/></svg>"); no-repeat left top;  content: ""; color: #fff; font-size: 15px; text-align: center; line-height: 20px; width:20px; height:20px; position: absolute; left: 4px; top: 18px; font-size: 14px; color: #10B981; border:0px;}

#save_global_markup_wrapper{position:relative; width:100%;}
#save_global_markup_wrapper span{position: absolute; top: 0.5px; left: 6px; background: #e1e1e1; padding: 9.3px; border-radius: 4px 0px 0px 4px; font-weight: 600; border-right: solid 1px #adb1b5;}
#save_global_markup_wrapper input{padding: 10px 10px 10px 45px;}


/* ------------ Website Setup Wizard -------------*/


/*-------------- Oreder Throttling ------------------*/
.order_throttling .action_panel .right_options .throttling{display:flex; gap:10px;}
.order_throttling .action_panel .right_options .throttling-box{padding: 2px; border: 1px solid #D1D5DB !important; border-radius: 5px; display: flex; align-items: center; gap:5px;}
.order_throttling .action_panel .right_options .throttling-box .title{padding: 0px 6px !important; font-size: 13px; border-right: solid 1px #D1D5DB;}
.order_throttling .action_panel .right_options .throttling-box .switch_field.switch_field_left_mobile{padding: 0px !important;}
.order_throttling .action_panel .right_options .throttling-box .switch_field.switch_field_left_mobile .toggle.btn{min-width: 55px; min-height: 27px; width: 55px!important; height: 27px!important; padding: 4px 12px;}
.order_throttling .action_panel .right_options .throttling-box .switch_field.switch_field_left_mobile .toggle.btn .btn.btn-primary.toggle-on{padding: 3px 9px; text-align: left;}
.order_throttling .action_panel .right_options .throttling-box .switch_field.switch_field_left_mobile .toggle.btn .btn.btn-default.toggle-off{padding: 3px 9px; text-align: right;}
.order_throttling .action_panel .right_options .throttling-box select{width: 67px; padding: 0px; height: auto; box-shadow: unset; border:0px; font-size:13px;}
/*-------------- Oreder Throttling ------------------*/

.custom_shipping_status .data_panel_wrapper .table_header ul li:last-child{width:50px; padding: 12px; text-align: center;}
.custom_shipping_status .data_panel_wrapper .data_panel ul li:last-child{width:50px; padding: 12px; text-align: center;}
.custom_shipping_status .data_panel_wrapper .data_panel ul li:last-child .actions_items ul li:last-child{width:100%;text-align: left;}
.custom_shipping_status ul.ui-state-disabled {opacity: 1 !important;}
.custom_shipping_status ul.ui-state-disabled li{opacity: 0.8 !important;}
.custom_shipping_status ul.ui-state-disabled li:last-child{opacity: 1 !important;}

.hide_left_side_menu .side-navigation{display:none!important;}
.hide_left_side_menu .rightpanel_wrapper{margin-left: 0px !important;}
.hide_left_side_menu .clean-up-title-bar{display:none!important;}
.hide_left_side_menu .notification-popout{display:none!important;}
.hide_left_side_menu .back-landing{display:none!important;}
.hide_left_side_menu .aks-sv-ai{display:none!important;}
.hide_left_side_menu .nav.navbar-nav.navbar-right{display:none!important;}
.hide_left_side_menu .chat-video{display:none!important;}
.hide_left_side_menu .after-back-btn{margin-left:0px !important;}

#doordash-terms-modal .terms-content{font-size: 14px; line-height: 20px;}
#doordash-terms-modal .terms-content h3{font-size: 18px; font-weight: 600;}
#doordash-terms-modal .terms-content li{margin-bottom: 7px;}

/* ------------------ Generate Image & Description with AI ---------------*/
.generate-ai{position: fixed; right: 10px; bottom: 10px; background: #fff; display: flex; font-size: 14px; font-weight: 600; padding: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border-radius: 5px; gap:10px; cursor:pointer;}
.generate-ai svg{width:15px; height:auto;}
#generate-ai .modal-header{border-bottom:1px solid #e5e5e5}
#generate-ai .text{text-align: center; font-size: 17px;}
#generate-ai .missing-things{display: table; margin: 20px auto;}
#generate-ai .missing-things .items{background: #f2f2f2; border-radius: 5px; display: flex; padding: 7px; margin-bottom: 10px; gap:10px; align-items: center;}
#generate-ai .missing-things .items svg{width: 25px; height: auto;}
#generate-ai .missing-things .items:last-child{margin:0px;}
.generate-ai-progress{position: fixed; right: 20px; bottom: 20px; border-radius: 5px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); padding: 10px;}
.generate-ai-progress .circular-progress{width: 120px; height: 120px; border-radius: 120px; margin: 0 auto; position:relative;}
.generate-ai-progress .circular-progress .text{position: absolute; background: #fff; width: 106px; height: 106px; border-radius: 110px; left: 50%; top: 50%; margin-top: -53px; margin-left: -53px; text-align: center; padding: 16px; align-content: center; display: grid;}
.generate-ai-progress .circular-progress .text .progress-value{font-size: 20px; font-weight: 600;}
.generate-ai-progress .item-detail{text-align: center; margin-top: 10px;}
/* ------------------ Generate Image & Description with AI ---------------*/

/*------ Payout ------------*/
.payout_page .table_header:empty{display:none;}
.payout_page .report_detail{padding: 10px; display: grid; grid-template-columns: repeat(2, 1fr); text-align: center; background: #F9FAFB; border-radius: 8px 8px 0px 0px;}
.payout_page .report_detail label{margin:0px; margin-right:10px;}
.payout_page .payout-data .head{display: grid; grid-template-columns: 3% 32% 31% 31%; gap: 12px; padding: 10px; font-weight: 600;}
.payout_page .payout-data .clickable-date-row{background:#fff!important; border-bottom:solid 1px #e2e4e7; display: grid; grid-template-columns: 3% 32% 31% 31%; gap: 12px; padding: 10px; align-items: center;}
.payout-data .date-transfers-container{padding-left: 51px;}
.payout-data .date-transfers-container .head{display: grid; grid-template-columns: 27% 24% 22% 24%; gap: 12px; padding: 10px; font-weight: 600;}
.payout-data .date-transfers-container .clickable-payout-row{display: grid; grid-template-columns:27% 24% 22% 24%; gap: 12px; padding: 10px;}

#payout-orders-modal .payout-orders-modal{display:grid;}
#payout-orders-modal .payout-summary{display: flex; justify-content: space-between;}
#payout-orders-modal .payout-summary .summary-row .label{display: table; padding: 0px; margin-bottom: 5px; font-size:13px; color:#000;}
#payout-orders-modal .store-transfers-modal{display: flex; justify-content: space-evenly;}
#payout-orders-modal .store-transfers-modal .summary-row .label{display: table; padding: 0px; margin-bottom: 5px; font-size:13px; color:#000;}

/*------ Payout ------------*/

/*------ Packing Fee ------------*/
.packing-fee{display: flex; gap: 20px;}
.packing-fee .input{position:relative;}
.packing-fee .input span{position:absolute; top:10px; left:10px;}
.packing-fee #packing_fee{width:230px; padding: 9px 9px 9px 35px;}
.packing-fee .radio-option{white-space: nowrap; display: flex; gap: 10px; align-items: center; border: solid 1px #10B981; border-radius: 3px;}
.packing-fee .radio-option label{margin: 0px; padding: 10px; font-weight: 500; cursor:pointer;}
.packing-fee .radio-option label [type="radio"]{display:none}
.packing-fee .radio-option label.active{background:#10B981; color:#fff;}
.packing-fee .radio-option label:first-child{border-radius:3px 0px 0px 3px;}
.packing-fee .radio-option label:last-child{border-radius:0px 3px 3px 0px;}
/*------ Packing Fee ------------*/

/*------ Stripe Payments ------------*/
.stripe-integration {background: #f8f9fa; min-height: 100vh;}
.stripe-card {background: white; border-radius: 8px; margin-bottom: 0px; overflow: hidden; margin-top: 0px; border: solid 0px #e1e1e1;}
.stripe-header {background: #f2f3f5; color: #000; padding: 24px; text-align: center; border-bottom: solid 1px #e1e1e1;}
.stripe-header h1 {margin: 0; font-size: 28px; font-weight: 600;}
.stripe-header p {margin: 8px 0 0 0; opacity: 0.9; font-size: 16px;}
.stripe-content {padding: 0px;}
.connection-status {display: flex; align-items: center; justify-content: space-between; padding: 20px; border-radius: 0px; border: 0px solid #e5e7eb; border-bottom: 0px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.connection-status-container{overflow: hidden;}
.status-info {display: flex; align-items: center; gap: 12px;}
.status-badge {padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase;}
.status-badge.connected {background: #d1fae5; color: #065f46;}
.status-badge.pending {background: #fef3c7; color: #92400e;}
.status-badge.disconnected {background: #fee2e2; color: #991b1b;}
.account-details {background: white; border: 0px solid #e5e7eb; border-radius: 0px 0px 8px 8px; padding: 20px; margin-top: 10px; padding-top: 10px;}
.account-details h3 {margin: 0 0 16px 0; color: #374151; font-size: 18px; font-weight: 600;}
.detail-row {display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f3f4f6;}
.detail-row:last-child {border-bottom: none;}
.detail-label {font-weight: 500; color: #6b7280;}
.detail-value {color: #374151; font-weight: 500;}
.capabilities-section {padding: 20px; background: #f7f7f7;}
.capabilities-section h3{margin-top:0px;}
.capabilities-grid {display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-top: 16px;}
.capability-item {border: 1px solid #e5e7eb; border-radius: 0px; padding: 7px 10px 7px 35px; border-radius: 100px; background: #fff; font-size: 13px; position:relative; display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.capability-item button{background: #10B981; border: 0px; padding: 0px; color: #fff; padding: 3px 14px; border-radius: 100px;}
.capability-item:before{content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\ <circle cx='50' cy='50' r='50' fill='%2316c60c'/>\ <path d='M28 52 L44 68 L72 34' fill='none' stroke='%23000' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/>\ </svg>") no-repeat center / contain; width: 17px; left: 10px;}
.capability-item.active {background: #d1fae5; border-color: #10b981;}
.capability-item.inactive {background: #fee2e2; border-color: #ef4444;}
.capability-name {font-weight: 600; margin-bottom: 4px;}
.capability-status {font-size: 12px; text-transform: uppercase; font-weight: 500;}
.action-buttons {display: flex; gap: 12px; justify-content: center; padding: 20px;}
.btn-modern {padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; border: none; cursor: pointer; transition: all 0.2s ease; font-size: 14px;}
.btn-primary-modern {background: #635bff; color: white;}
.btn-primary-modern:hover {background: #5a52e8; transform: translateY(-1px);}
.btn-danger-modern {background: #ef4444; color: white;}
.btn-danger-modern:hover {background: #dc2626; transform: translateY(-1px);}
.btn-secondary-modern {background: #6b7280; color: white;}
.btn-secondary-modern:hover {background: #4b5563; transform: translateY(-1px);}
.loading-spinner {display: inline-block; width: 16px; height: 16px; border: 2px solid #ffffff; border-radius: 50%; border-top-color: transparent; animation: spin 1s ease-in-out infinite;}
@keyframes spin {
	to { transform: rotate(360deg); }
}
.error-message {background: #fee2e2; border: 1px solid #fecaca; color: #991b1b; padding: 16px; border-radius: 8px; margin-bottom: 24px; padding-left:45px;}
.error-message:before{top:19px; left:12px;}
.success-message {background: #d1fae5; border: 1px solid #a7f3d0; color: #065f46; padding: 16px; border-radius: 8px; margin-bottom: 24px; padding-left:45px;}
.success-message:before{top:19px; left:12px;}
.info-section {background: white; border: 1px solid #e5e7eb; border-radius: 8px 8px; padding: 20px; margin-bottom: 24px; padding-left:45px;}
.info-section:before{top:19px; left:12px;}
.info-section h4 {margin: 0 0 12px 0; color: #000; font-size: 16px; font-weight: 600;}
.info-section ul {margin: 0; padding-left: 20px; color: #000; padding:0px; border:0px;}
.info-section li {margin-bottom: 0px; padding: 7px 7px 7px 35px; font-weight: 400; position:relative;}
.info-section li:before{content: '\f00c'; font-size: 18px; color: #10B981; font-family: FontAwesome!important; font-style: normal; font-weight: normal; text-decoration: inherit; top: 6px; position: absolute; left: 8px;}
.stripe-integration .data_panel_wrapper .data_panel li:first-child{padding-left: 35px !important;}
.connection-status.disconnected{margin-bottom:24px; border-radius:8px; border-bottom: 1px solid #e5e7eb;}
#embedded_onboarding {max-width: 700px; min-height: 700px; padding: 0px 20px 20px 20px; margin:0 auto;}
.stripe-integration .action-buttons{display: flex; gap: 12px; justify-content: center; padding: 8px;}
.stripe_payments .row.action_panel .btn.btn-default.dropdown-toggle .caret{position: absolute; right: 6px; top: 15px;}
/*------ Stripe Payments ------------*/


.header-msg{margin: 0px !important; background: #fef08a; display: flex; justify-content: center; gap: 0px; border: 0px; padding: 5px; color: #854d0e;     font-size: 15px;}
.header-msg span{padding: 0px 5px; border-right: solid 2px #facc15;}
.header-msg span:last-child{border-right: solid 0px #facc15;}
.header-msg span:first-child{padding:3px 5px; border:0px;}
.header-msg span #support-session-timer-label{padding:0px;}
.support-login-as-owner .side-nav-small{height: calc(100% - 31px);}
.support-login-as-owner .side-navigation{height: calc(100% - 31px); top:unset; bottom:0px;}

/*--------------- Image Galler ------------------*/
	.image-gallery #image_gallery_upload_options{display: flex; flex-wrap: wrap; gap:10px; padding: 20px 0px; justify-content: center;}
	.image-gallery #image_gallery_upload_options .box{border-radius: 10px; border: solid 1px #e3e3e3; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%); padding: 15px; width: calc(20% - 8px);}
	.image-gallery #image_gallery_upload_options .box .icon{width: 70px; margin: 0 auto; background: #f5f5f5; padding: 15px; border-radius: 100px;}
	.image-gallery #image_gallery_upload_options .box .icon svg{width:100%; height:auto;}
	.image-gallery #image_gallery_upload_options .box .name{text-align: center; font-weight: 600; font-size: 15px; margin-top: 10px;}
	.image-gallery #image_gallery_upload_options .box .sub-text{text-align: center; font-size: 13px; margin-bottom: 10px; height: 37px;}
	.image-gallery #image_gallery_upload_options .box .btn{margin:0 auto; display:block}
	
	.image-gallery .upload-image-area{padding: 20px; background: #f9fafb; width: 700px; margin: 20px auto; border-radius: 10px; border: dashed 2px #d1d5db;}
	.image-gallery .upload-image-area .icon{background: #dcfce7; width: 60px; margin: 0 auto; border-radius: 80px; padding: 15px 10px; height: 60px; margin-bottom:20px;}
	.image-gallery .upload-image-area .icon svg{width:100%; height:auto; fill:#00a86b}
	.image-gallery .upload-image-area .cta{text-align:center;}
	.image-gallery .upload-image-area .cta .btn{padding: 10px 45px!important; font-size: 17px!important;}
	.image-gallery .upload-image-area .small-text{text-align: center; padding-top: 10px; font-size: 15px; color: #6B7280;}
	.image-gallery .upload-image-area .ig-sheet-status{text-align: center; padding-top: 10px; font-size: 15px; color: #6B7280;}
	.image-gallery .upload-image-cta{text-align:center;}
	.image-gallery .upload-image-cta .btn{width: 290px; font-size: 17px !important; padding: 10px 55px;}
	.image-gallery #image_gallery_content  h3{border-bottom: 1px solid #E5E7EB; padding: 10px; margin: 0px; font-size:17px;}
	.image-gallery #image_gallery_content .uploaded-image-area{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 20px;}
	.image-gallery #image_gallery_content .uploaded-image-area .image-gallery-card { border: 1px solid #eee; border-radius: 4px; padding: 10px; display: grid; gap: 10px;}
	.image-gallery #image_gallery_content .uploaded-image-area .image-gallery-thumb {width: 100%; height: 120px; overflow: hidden; text-align: center; }
	.image-gallery #image_gallery_content .uploaded-image-area .image-gallery-thumb img {max-width: 100%; max-height: 120px; border-radius: 3px; }
	.image-gallery #image_gallery_content .uploaded-image-area .image-gallery-meta-name {color: #333; font-size: 12px; word-break: break-word;}
	.image-gallery #image_gallery_content .uploaded-image-area .image-gallery-meta-date {color: #999; font-size: 11px; }
	.image-gallery #image_gallery_content .uploaded-image-area .ig-enhanced-indicator {color:#5cb85c; cursor:help; }
	.image-gallery #image_gallery_content .uploaded-image-area .cta-action{display:flex; gap:10px;}
	.image-gallery #image_gallery_content .uploaded-image-area .cta-action .btn{width: 30px; height: 30px; padding: 0px; line-height:normal;}
	.image-gallery #image_gallery_content .uploaded-image-area .cta-action .btn i{line-height:normal;}
	.image-gallery #image_gallery_pagination{margin: 0px; display: flex; justify-content: center;}
	.image-gallery #image_gallery_pagination li{padding:0px;}

	.image-gallery .add-image-area .bulk-item{width: 700px; margin: 30px auto; border: 1px solid #E5E7EB; padding: 15px; border-radius: 10px; display: flex; gap: 10px; align-items: center;}
	.image-gallery .add-image-area .bulk-item .thumb-image{width:70px;}
	.image-gallery .add-image-area .bulk-item .thumb-image img{width:100%; height:auto;}
	.image-gallery .add-image-area .text-area .bulk-filename{font-weight: 500; font-size: 15px;}
	.image-gallery .ig-sheet-row{width: 700px; margin: 0px auto;}
	.image-gallery .ig-sheet-row .alert{width: 700px; margin:0px auto 30px auto;}
	.image-gallery .ig-sheet-row .ig-sheet-preview{border: 1px solid #E5E7EB; padding: 0px; border-radius: 10px; position:relative; max-width: 100%;}
	.image-gallery .ig-sheet-row .ig-sheet-preview img{width:100%; height:auto; border-radius:10px;}
	.image-gallery .ig-sheet-row .ig-sheet-preview .img-name{font-weight: bold; position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.8); width: 100%; left: 0px; color: #fff; padding: 5px; border-radius:0px 0px 10px 10px;}
	.image-gallery .ig-sheet-row .cta-area{padding: 10px; display: flex; gap: 10px; justify-content: center;}
	.image-gallery .ig-sheet-row .no-data-found-msg{display: flex; align-items: center; gap: 10px; padding: 10px; justify-content: center; border: 1px solid #E5E7EB; border-radius: 10px; margin: 10px auto !important;}
	.image-gallery .ig-sheet-row .no-data-found-msg .icon{width:30px;}
	.image-gallery .ig-sheet-row .no-data-found-msg .icon svg{width:100%; height:auto}
	.image-gallery .ig-sheet-row .no-data-found-msg p{margin: 0px; font-weight: 600 !important; color: #000;}
	.image-gallery .ig-sheet-row .cropped-images{border: 1px solid #E5E7EB; padding: 0px; border-radius: 10px; position:relative;}
	.image-gallery .ig-sheet-row .cropped-images h4{border-bottom: 1px solid #E5E7EB; padding: 10px; margin: 0px;}
	.image-gallery .ig-sheet-row .cropped-images .no-data-found-msg{border:0px;}
	.image-gallery #image_gallery_map_content .table-responsive{border-radius: 8px 8px 0px 0px; border-bottom:solid 1px #E5E7EB}
	.image-gallery #image_gallery_map_content .table-responsive thead tr{border-radius: 8px 8px 0px 0px; background: #F9FAFB;}
	.image-gallery #image_gallery_map_content .table-responsive thead tr th{color: #6B7280; font-weight: 400; font-size: 12px;}
	.image-gallery .ig-pe-search-wrap form.form-inline{display: flex; gap: 10px;}
	.image-gallery .ig-pe-search-wrap form.form-inline #ig_pe_search_text{width:260px;}
	.image-gallery #image_gallery_product_enhance_content .table-responsive{border-radius: 8px 8px 0px 0px; border-bottom:solid 1px #E5E7EB}
	.image-gallery #image_gallery_product_enhance_content .table-responsive thead tr{border-radius: 8px 8px 0px 0px; background: #F9FAFB;}
	.image-gallery #image_gallery_product_enhance_content .table-responsive thead tr th{color: #6B7280; font-weight: 400; font-size: 12px;}
	.image-gallery #image_gallery_product_enhance_content .pagination.pagination-sm{margin: 0px; display: flex; justify-content: center; border:0px;}
	.image-gallery #image_gallery_product_enhance_content .pagination.pagination-sm li{padding:0px;}
	.image-gallery #image_gallery_product_enhance_content .table-responsive td .btn{width: 30px; height: 30px; padding: 0px; line-height: normal;}
	.image-gallery #image_gallery_product_enhance_content .table-responsive td .btn.btn-xs.ig-pe-enhance-btn.btn-default{width: 76px; background-color: #dff0d8 !important; border-color: #10b981; color: #000 !important; font-weight: 600;}
	.image-gallery #image_gallery_map_content .pagination.pagination-sm{margin: 0px; display: flex; justify-content: center; border:0px;}
	.image-gallery #image_gallery_map_content .pagination.pagination-sm li{padding:0px;}

	.ig-pe-pagination.pagination{border: 0px; justify-content: center; display: flex; margin:20px auto}
	.ig-pe-pagination.pagination li{padding:0px!important;}
	.ig-pe-pagination.pagination li i{font-size:20px;}
	.ig-pe-pagination.pagination li:first-child{padding-left:0px!important;}
	.ig-pe-preview-wrap img{width:89px; height:auto;}
/*--------------- Image Galler ------------------*/


/*-------------- Import form Container ------*/
	.import-form-container{max-width:900px; margin:32px auto;}
	.import-form-container h4{font-size:30px; line-height:32px; margin-bottom:20px;}
	.import-form-container .form-contianer{border: 1px solid #E5E7EB; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%); border-radius: 8px; background: #fff;}
	.import-form-container .form-contianer .download-button{padding:32px; border-bottom: 1px solid #E5E7EB; display:grid; gap:20px;}
	.import-form-container .form-contianer .download-button p{font-size: 13px; margin: 0px !important; color: #475569;}
	.import-form-container .form-contianer .download-button p span{display: table; font-size: 20px; font-weight: 600; color:#000; margin-bottom:10px;}
	.import-form-container .form-contianer .upload-file{padding:32px;}
	.import-form-container .form-contianer .upload-file .head{font-size: 20px; font-weight: 600; color:#000; margin-bottom:10px;} 
	.import-form-container .form-contianer .upload-file .drag_drop{background: #f1f5f9; border: dashed 2px #cbd5e1; margin: 20px auto !important; display: flex; flex-direction: column; align-items: center; gap: 15px;}
	.import-form-container .form-contianer .upload-file .drag_drop .content{text-align:Center; margin:0px;}
	.import-form-container .form-contianer .note span{display: table; font-weight: 600; font-size: 15px; margin-bottom: 15px; border-bottom: 1px solid #E5E7EB; width: 100%; padding: 10px 0px;}
	.import-form-container .form-contianer .note ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; list-style: none; margin: 0px; padding: 0px;}
	.import-form-container .form-contianer .note li{padding-left:15px; position:relative;}
	.import-form-container .form-contianer .note li:before{content:'\2022'; position:absolute; top:-12px; left:0px; font-size:30px;}
	.import-form-container .form-contianer .cta{padding: 10px 20px; display: flex; justify-content: end; border-top: 1px solid #E5E7EB; gap:20px;}
	.import-form-container .form-contianer .cta .btn{margin:0px!important;}
/*-------------- Import form Container ------*/

/*-------------- Z Report — GL Entries------*/
.gl-entries-export-page #gl-entries-export-form{display: grid; gap: 10px;}
.gl-entries-export-page #gl-entries-export-form .checbox-field{display:flex; gap:20px;}
.gl-entries-export-page #gl-entries-export-form .checbox-field label{display:flex; gap:10px; font-weight:400; margin:0px; font-size: 14px;}
.gl-entries-export-page #gl-entries-export-form input{padding: 9px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width: 100%;}
.gl-entries-export-page #gl-entries-export-form input[type="checkbox"]{padding: 9px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width:17px; margin:0px;}
.gl-entries-export-page #gl-entries-export-form select{padding: 9px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width: 100%;}
.gl-entries-export-page .form_area h3{font-weight: 500; margin: 0px; padding: 10px; margin-bottom: 15px; padding-left: 15px; border-bottom: solid 1px #bec3c8; font-size:20px;}
.gl-entries-export-page .form_area h3 .btn{width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;}
.gl-entries-export-page .inner_panel{padding: 36px 36px 0px 36px;}
.gl-entries-export-page #gl-exp-preview-out{white-space: pre-wrap; border: 1px solid #E5E7EB; box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), 0px 1px 2px rgb(0 0 0 / 6%); border-radius: 8px; background: #f0f1f2; margin-top: 10px; margin-bottom: 10px; padding:20px;}
.gl-entries-export-page .action_panel{display: flex; align-items: center; margin-bottom: 30px;}
.gl-entries-export-page .action_panel .cta{width: 200px;}
.gl-entries-export-page .cta-area{padding: 10px; border-top: solid 1px #bec3c8;}
.gl-setup-page .form_area .form_head .btn{width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;}
.gl-setup-page .form_area .panel{border-radius:0px 0px 4px 4px; border-top:0px; padding:20px;}
.gl-setup-page .form_area .panel .panel-heading{background:transparent;}
.gl-setup-page .form_area .panel .panel-heading h4{font-size: 16px; margin: 0px;}
.gl-setup-page .form_area .panel #gl-form-mapping{display:grid; gap:15px;}
.gl-setup-page .form_area .panel #gl-form-mapping .cta-area{padding: 10px; border-top: solid 1px #bec3c8;}
.gl-setup-page .form_area .panel .gl-bulk-actions{display: flex; gap: 5px; flex-wrap: wrap; margin-top:10px;}
.gl-setup-page .form_area .panel.current-mapping{padding: 0px; border-top: solid 1px #ddd; border-radius:4px;}
.gl-setup-page .form_area .panel.current-mapping .panel-heading{background-color: #f5f5f5;}
.gl-setup-page .form_area .panel.current-mapping .panel-heading h4{font-weight:600;}
.gl-setup-page .form_area .panel.current-mapping .gl-mappings-filter-row #gl-mappings-search{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page .form_area .panel.current-mapping table thead{background: #f5f5f5;}
.gl-setup-page .form_area .panel.current-mapping table thead th{font-size:12px;}
.gl-setup-page .form_area .panel.current-mapping table tbody td{font-size:12px;}
.gl-setup-page .form_area .panel.current-mapping .gl-edit-mapping{font-size: 13px; padding: 7px;}
.gl-setup-page .form_area .panel.current-mapping .gl-del-mapping{font-size: 13px; padding: 7px;}
.gl-setup-page #gl-form-component{display: flex; gap: 10px; align-items: center;}
.gl-setup-page #gl-form-component input{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-component input[type="checkbox"]{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width:17px; margin:0px;}
.gl-setup-page #gl-form-component .checkbox-inline{padding:0px;}
.gl-setup-page #gl-form-location input{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-location select{padding: 4px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page .store-filter{display: flex; gap: 10px; align-items: center;}
.gl-setup-page .store-filter select{padding: 4px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-format-global{display: flex; gap: 10px; align-items: center;}
.gl-setup-page #gl-form-format-global input{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-format-global select{padding: 4px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-format{display: flex; gap: 10px; align-items: center;}
.gl-setup-page #gl-form-format input{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-format select{padding: 4px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-account{display: flex; gap: 10px; align-items: center;}
.gl-setup-page #gl-form-account input{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-account select{padding: 4px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-account  input[type="checkbox"]{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width:17px; margin:0px;}
.gl-setup-page #gl-form-export-prefs .checkbox-inline{padding:0px;}
.gl-setup-page #gl-form-export-prefs{display: flex; gap: 10px; flex-direction:column}
.gl-setup-page #gl-form-export-prefs div{display: flex; gap: 20px; align-items: center;}
.gl-setup-page #gl-form-export-prefs label{margin:0px; font-weight:500;}
.gl-setup-page #gl-form-export-prefs input{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page #gl-form-export-prefs input[type="checkbox"]{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width:17px; margin:0px;}
.gl-setup-page #gl-form-export-prefs .checkbox-inline{padding:0px;}

.gl-setup-page .preview-gl .form-group{display: flex; gap: 10px; align-items: center;}
.gl-setup-page .preview-gl .form-group input{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page .preview-gl .form-group select{padding: 4px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px;}
.gl-setup-page .preview-gl .form-group input[type="checkbox"]{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width:17px; margin:0px;}
.gl-setup-page .preview-gl .form-group input[type="checkbox"]{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width:17px; margin:0px;}
.gl-setup-page .preview-gl .form-group .checkbox-inline{padding:0px;}
.gl-setup-page .preview-gl label{margin:0px; font-weight:500;}
.gl-setup-page .preview-gl textarea{padding: 6px 12px; height: auto; position: relative; border: solid 1px #bec3c8; color: #737373; box-shadow: none; border-radius: 4px; width:100%}

.gl-sched-page #gl-sched-form{display:grid; gap:15px;}
.gl-sched-page #gl-sched-form .cta-area{padding: 10px; border-top: solid 1px #bec3c8;}
.gl-sched-page .form_area .panel.current-mapping table thead{background: #f5f5f5;}
.gl-sched-page .form_area .panel.current-mapping table thead th{font-size:12px;}
.gl-sched-page .form_area .panel.current-mapping table tbody td{font-size:12px;}
.gl-sched-page .form_area .panel.current-mapping .gl-sched-resume{font-size: 13px; padding: 7px;}
.gl-sched-page .form_area .panel.current-mapping .gl-sched-pause{font-size: 13px; padding: 7px;}
.gl-sched-page .form_area .panel.current-mapping .gl-sched-edit{font-size: 13px; padding: 7px;}
.gl-sched-page .form_area .panel.current-mapping .gl-sched-del{font-size: 13px; padding: 7px;}
/*-------------- Z Report — GL Entries------*/

@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.advance_options .main_div{width:100%;}
	.action_panel #adv_settings_sec{width:100%;}
	html body .action_panel .display_table.width_100.padding_15{padding:10px!important;}
	.order_report .action_panel .advance_options_2 .advance_options_more_info label{font-size: 13px; font-weight: 400; margin-bottom: 2px; font-weight: 500;}
	.order_report .action_panel .advance_options_2 .advance_options_more_info{max-height: 520px;height: 520px;}
	.form-group{margin-bottom: 10px}
	.order_report .action_panel #filters .dropdown.dropdown-lg .dropdown-menu{max-height: 520px;height: 520px;  min-width: 500px;}
	.order_report .action_panel #filters .cumulative_options .selection{height:280px;}
	html body .action_panel .dropdown.advance_options .dropdown-menu{max-height: 490px;height: 490px; min-width: 500px; width: 500px; left:unset; margin-left:unset;}
	html body .action_panel .dropdown.advance_options_2 .dropdown-menu{max-height: 490px;height: 490px; min-width: 500px; width: 500px; left:unset; margin-left:unset;}
	.profitability-page .action_panel .advance_options .cumulative_options .selection{height:210px;}
	.z_page .action_panel .dropdown.advance_options .dropdown-menu{height: auto; min-width: auto;}
	html body .action_panel #category_list_pl .dropdown.advance_options .dropdown-menu{height: auto; min-width: auto; padding-bottom: 10px;}
	html body .action_panel .dropdown.advance_options .dropdown-menu .multiselect-container.dropdown-menu{height:auto; min-height:auto; width:100%; min-width:100%;}
	html body .action_panel .dropdown.advance_options_2 .dropdown-menu .multiselect-container.dropdown-menu{height:auto; min-height:auto; width:100%; min-width:100%;}

	/*----------- webstore-banner --------------------*/
	.webstore-banner-wrapper .webstore-banner{padding: 10px; gap:10px; justify-content: start;}
	.webstore-banner-wrapper .webstore-banner .text{font-size: 16px; line-height: normal;}
	.webstore-banner-wrapper .webstore-banner .pointers .box{padding: 2px 10px; gap: 0px; font-size:14px; white-space: nowrap;}
	.webstore-banner-wrapper .webstore-banner .btn-preview{font-size:12px; padding: 6px 23px; line-height: normal;}
	.webstore-banner-wrapper .webstore-banner .cta{margin-left: auto;}
	/*----------- webstore-banner --------------------*/

	/* ------------ Website Setup Wizard -------------*/
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .terms{min-height: 168px; padding-left: 107px; font-size: 13px;}
		.qr-code.new-website-wizard .function-area .function{padding: 15px; gap: 14px;}
		.qr-code.new-website-wizard .function-area .function .icon{width: 70px; height: 70px; padding: 15px;}
		.qr-code.new-website-wizard .function-area .function .benifit{margin-top: 10px;}
		.qr-code.new-website-wizard .function-area .function .sub-head{font-size:18px;}
		.qr-code.new-website-wizard .function-area .function .sub-head span{font-size: 13px}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function{min-height:134px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading .icon{width: 70px; height: 70px; padding: 15px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading {font-size:18px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading span{font-size: 13px}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .sub-head span{font-size: 18px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(3) .publish-icon:after {height: 267px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(4) {height: 154px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(4) .publish-icon:after{height: 116px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(5) .publish-icon:after {height: 96px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(6) .publish-icon:after {height: 117px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(6) {height: 154px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(7) .publish-icon:after {height: 96px;}
	/* ------------ Website Setup Wizard -------------*/
	.add_purchase_page #selected_product_show .data_panel_wrapper .more_than_10{height: 62vh;}
	.add_purchase_page #edit_selected_product_show .data_panel_wrapper .more_than_10{height: 62vh;}

	.capabilities-grid{grid-template-columns: repeat(4, 1fr);}
}
@media screen and (min-width: 1367px) {
	.advance_options .main_div{width:100%;}
	.action_panel #adv_settings_sec{width:100%;}
	html body .action_panel .display_table.width_100.padding_15{padding:10px!important;}
	.order_report .action_panel .advance_options_2 .advance_options_more_info{max-height: 620px;height: 620px; min-width: 500px; width: 500px;}
	.order_report .action_panel #filters .dropdown.dropdown-lg .dropdown-menu{max-height: 620px;height: 620px; min-width: 500px; min-width: 500px; width: 500px;}
	.order_report .action_panel #filters .cumulative_options .selection{height:380px;}
	html body .action_panel .dropdown.advance_options .dropdown-menu{max-height: 580px; height: 580px; min-width: 500px; width: 500px;  left:unset; margin-left:unset;}
	html body .action_panel .dropdown.advance_options_2 .dropdown-menu{max-height: 580px; height: 580px; min-width: 500px; width: 500px;  left:unset; margin-left:unset;}
	.profitability-page .action_panel .advance_options .cumulative_options .selection{height:210px;}
	.z_page .action_panel .dropdown.advance_options .dropdown-menu{height: auto; min-width: auto;}
	html body .action_panel .dropdown.advance_options .dropdown-menu .multiselect-container.dropdown-menu{height:auto; min-height:auto;width:100%; min-width:100%;}
	html body .action_panel .dropdown.advance_options_2 .dropdown-menu .multiselect-container.dropdown-menu{height:auto; min-height:auto;width:100%; min-width:100%;}
	html body .action_panel #category_list_pl .dropdown.advance_options .dropdown-menu{height: auto; min-width: auto; padding-bottom: 10px;}
	
}
@media screen and (max-width: 1280px) and (min-width: 1150px){
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a {font-size: 18px; margin-right: 20px;}
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] .fa{font-size: 18px; }
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a:last-child {margin-right: 0px;}
	#refund-exchange .nw_ref_procs .modal-dialog{margin-bottom:200px!important;}
	/* ----------------- Training Portal --------------------*/
	.trainign-portal .tp-area .txt{font-size:13px;}
	/* ----------------- Training Portal --------------------*/
	/* ----------------------Smart Tip--------------------------- */
	.access-level-edit .smart-tooltip.down-left{float:right;}
	.access-level-edit .smart-tooltip.down-left .tip {left: calc((100% - 350px) / 2); width: 350px;}
	.access-level-edit .smart-tooltip.down-left .tip:before{left: 50%; margin-left: -10px; margin-right: unset;}
	/* ----------------------Smart Tip--------------------------- */

	.p-services .data_panel_wrapper .table_header li:first-child{width: 105px;}
	.p-services .data_panel_wrapper .data_panel li:first-child{width: 105px;}

	/* ------------ Website Setup Wizard -------------*/
	.qr-code.new-website-wizard .function-area .function .icon{width:60px; height:60px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading .icon{width:60px; height:60px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(2) .publish-icon:after {height: 230px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(3) .publish-icon:after {height: 302px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(4) .publish-icon:after {height: 126px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(5) .publish-icon:after {height: 116px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(6) .publish-icon:after {height: 114px;}
	/* ------------ Website Setup Wizard -------------*/

}
@media screen and (max-width: 1149px) and (min-width: 1024px){
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a {font-size: 18px; margin-right: 20px;}
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a:last-child {margin-right: 0px;}
	#refund-exchange .nw_ref_procs .modal-dialog{margin-bottom:200px!important;}
	.header .other_nav .navbar-nav>li{margin-left: 7px; margin-right: 7px;}
	.action-icon {margin-top: 10px;}
	.profitability-page .action_panel .advance_options button {width: 200px;}
	.set_inventory_page .action_panel .dropdown-toggle{width: 100px;}
	.set_inventory_page #wrap-show_all_product button{width: 160px!important;}
	.set_inventory_page .action_panel .search{width:200px!important;}
	.set_inventory_page .action_panel .top_margin_required {margin-top: 0px;}
	/* ----------------- Training Portal --------------------*/
	.trainign-portal .tp-area .txt{font-size:13px; line-height: 16px;}
	.trainign-portal .tab-pane{padding: 15px 10px;}
	/* ----------------- Training Portal --------------------*/
	/* ----------------------Smart Tip--------------------------- */
	.access-level-edit .smart-tooltip.down-left{float:right;}
	.access-level-edit .smart-tooltip.down-left .tip {left: calc((100% - 350px) / 2); width: 350px;}
	.access-level-edit .smart-tooltip.down-left .tip:before{left: 50%; margin-left: -10px; margin-right: unset;}
	/* ----------------------Smart Tip--------------------------- */
	/* ------------ Website Setup Wizard -------------*/
	.qr-code.new-website-wizard .function-area .function .icon{width:60px; height:60px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading .icon{width:60px; height:60px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(2) .publish-icon:after {height: 230px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(3) .publish-icon:after {height: 322px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(4) .publish-icon:after {height: 126px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(5) .publish-icon:after {height: 125px;}
	.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(6) .publish-icon:after {height: 135px;}
	/* ------------ Website Setup Wizard -------------*/

	/*----------- webstore-banner --------------------*/
	.webstore-banner-wrapper .webstore-banner{width: 100%; gap:15px;}
	.webstore-banner-wrapper .webstore-banner .text{font-size: 17px; line-height: 20px;}
	.webstore-banner-wrapper .webstore-banner .pointers .box{font-size:13px; white-space: nowrap;}
	.webstore-banner-wrapper .webstore-banner .pointers .box img{width:25px;}
	.webstore-banner-wrapper .webstore-banner .btn-preview{font-size:13px; white-space: nowrap;}
	/*----------- webstore-banner --------------------*/
}
@media screen and (min-width: 992px) {
	.sel_prod_show_tot_cp_popup .modal-lg{width: 100%;max-width: 1100px;}
	.sel_prod_show_tot_cp_popup .modal-lg .data_panel_wrapper .data_panel li{padding: 5px!important;}
	.open-po-inv-total{display: block; font-size:13px; font-weight:13px;}
	.sel_prod_show_tot_cp_popup .data_panel_wrapper li.vendor-item-number-li{width: 170px !important;}
	.app_cal_page {overflow-x: unset;}
}
@media screen and (max-width: 980px) {
	.walkme-custom-icon-outer-div{display:none!important;}
	.modal-dialog {width: 98%!important; margin-bottom:100px;}
	.action_panel .margin_right_5 {margin-right: 3px;}
	.action_panel .btn {padding: 5px 7px!important;}
	.action_panel .dropdown-toggle {padding-right: 20px!important;}
	.action_panel .filter {padding: 10px!important;}
	.data_panel_wrapper .table_header li{padding:12px;}
	.data_panel_wrapper li{padding:12px;}
	.page_action_bar{z-index:10!important;}
	.new_window .open>.dropdown-menu{top: 7px;}
	.form_head{font-size:18px;}
	.form_area h3{font-size:18px;}
	.data_panel_wrapper .table_header li{text-transform: none!important;}
	.action_panel .margin_right_10 {margin-right: 3px;}
	.navbar-nav .actions_items a.dot{display:none;}
	.action_panel .dropdown-toggle{width: 135px;}
	.action_panel .calendar {width: 210px;}

	/*------------- Product and Services ------------------*/
	.p-services .action_panel .right_options{margin-top: 10px;}
	.p-services .action_panel .search{width:180px!important}
	.p-services .action_panel .dropdown-toggle {width: 125px;}
	.p-services .data_panel_wrapper .table_header li:first-child {width: 80px;}
	.p-services .data_panel_wrapper .table_header li:last-child {width: 55px;}
	.p-services .data_panel_wrapper .table_header li:nth-child(2) {width: 285px;}
	.p-services .data_panel_wrapper .table_header li:nth-child(3) {width: 140px;}
	.p-services .data_panel_wrapper .table_header li {width: 130px;}
	.p-services .data_panel_wrapper .data_panel li:first-child {width: 80px;}
	.p-services .data_panel_wrapper .data_panel li:first-child {padding-left: 41px!important;}
	.p-services .data_panel_wrapper .data_panel li:nth-child(2) {width: 285px;}
	.p-services .data_panel_wrapper .data_panel li:nth-child(3) {width: 130px;}
	.p-services .data_panel_wrapper .data_panel li:last-child {width: 55px;}
	.p-services .data_panel_wrapper .data_panel li {width: 130px;}
	.p-services .data_panel_wrapper .data_panel .dropdown-menu li {padding: 0px!important;}
	#select_modifier_product{margin-bottom:100px;}
	#select_modifier_product .search{margin-bottom:0px!important;}
	#select_modifier_product .select_product .product_panel{padding: 5px;}
	#select_modifier_product .select_product .product_panel .category_box{margin-bottom:0px;}
	#component_list.select_component ul{background: #f2f2f2; width: 100%; display: table;}
	#component_list.select_component li{width: 108px; float: left;}
	#component_list.select_component li:first-child{width: 333px; float: left;}
	#select_category_modal .select_product .search i{top: 25px!important;}
	.upload_photo_panel .upload_photo{z-index: 3!important;}
	#frmCategory .drag_drop{width:100%!important;}
	.change-color-icon{right: 10px;}
	/*------------- Product and Services ------------------*/

	/*------------- Orders ------------------*/
	.order_report .action_panel .right_options{margin-top:5px; margin-left:5px;}
	.order_report .action_panel .clear{clear:none!important}
	.order_report .search_by{clear:none!important}
	.order_report #show_hide_profit_margin a{margin-left:3px!important;}
	.order_report .action_panel .search_by input{width: 230px;}
	#create_order_form #cust_search{font-size: 11px; padding: 12px 5px; font-weight: 600;}
	#create_order_form #view_all{font-size: 11px; padding: 12px 5px; font-weight: 600;}
	#create_order_form .field .search_icon{margin-top: -9px; right: 20px;}
	#product_list1.data_panel li:first-child {padding-left: 12px!important;}
	#payment_header_row .col-md-11{width:90%!important; float:left}
	#payment_header_row .col-md-1{width:10%!important; text-align:right; float:left}
	#payment_header_row .col-md-1 a{float:right!important;}
	/*------------- Orders ------------------*/

	/*------------- Reports ------------------*/
	.reports-box .report-links{padding: 5px 10px;}
	#wrap-sel_reports_default .btn{padding-right: 25px!important;}
	.profitability-page .advance_options{width: 140px;}
	.profitability-page .action_panel .advance_options button{width:100%;}
	.profitability-page #show_hide_profit_margin a{margin-left: 3px;}
	.profitability-page .action_panel .button {display: table; float: right;  margin-right: 5px;}
	.profitability-page .action_panel .button .btn{margin-left: 3px!important;}
	.profitability-page #show_hide_profit_margin a{padding: 8px 9px !important;}
	.profitability-page .action_panel .advance_options .dropdown-menu{min-width: 550px; width: 550px;}
	.profitability-page .navbar-header:first-child{display:none!important;}
	.profitability-page .report-section .navbar-header:first-child{display:block!important;}
	.profitability-page #wrap-report_in{width: 140px;}
	.profitability-page #wrap-report_type_breakup{width: 100px;}
	/*label.switch{margin:0px; width: auto; height: auto;}*/
	.sales_page .right_options{margin-top:5px;}
	.sales_page .action_panel #save-filter-button{padding-top: 9px!important;}
	.sales_page .data_panel_wrapper .more_than_10 .data_panel li:first-child{padding-left:12px!important;}
	.sales_page .data_panel_wrapper .more_than_10 .table_header li{width: 152px!important;}
	.sales_page .data_panel_wrapper .more_than_10 .table_header li:nth-child(2){width: 152px!important; left: 152px;}
	.sales_page .data_panel_wrapper .more_than_10 .table_header li:nth-child(3){width: 152px!important;}
	.sales_page .data_panel_wrapper .more_than_10 .data_panel li{width: 152px!important;}
	.sales_page .data_panel_wrapper .more_than_10 li:nth-child(2){width: 152px!important; left: 152px;}
	.sales_page .data_panel_wrapper .more_than_10 li:nth-child(3){width: 152px!important;}
	.sales_page #wrap-save_filter{width:150px;}
	.sales_page .data_panel_wrapper .more_than_10 li:first-child{z-index: 1!important;}
	.sales_page .data_panel_wrapper .more_than_10 li:nth-child(2){z-index: 1!important;}
	.sales_page .data_panel_wrapper .more_than_10 .table_header li:nth-child(3) {width: 192px!important;}
	.sales_page .data_panel_wrapper .more_than_10 li:nth-child(3) {width: 192px!important;}
	.ats_page .data_panel_wrapper .data_panel li:first-child{padding-left: 12px!important;}
	.modifier_page .data_panel_wrapper li:first-child{padding-left:12px!important; width: 120px!important;}
	.modifier_page .data_panel_wrapper li {width: 180px!important;}
	.modifier_page .data_panel_wrapper li:nth-child(2) {width: 135px!important;}
	.modifier_page .data_panel_wrapper li:nth-child(4) {width: 120px!important;}
	.modifier_page .data_panel_wrapper li:nth-child(5) {width: 140px!important;}
	.modifier_page .data_panel_wrapper li:nth-child(6) {width: 120px!important;}
	.labor_report .data_panel_wrapper .more_than_10 li:first-child{padding-left:12px!important;}
	.cash_adj_page .data_panel_wrapper .more_than_10 .data_panel li:first-child{padding-left:12px!important;}
	.close_out_page .data_panel_wrapper .more_than_10 .data_panel li:first-child{padding-left:12px!important;}
	.tip-transfer .data_panel_wrapper .more_than_10 .data_panel li:first-child{padding-left:12px!important;}
	.tip-transfer .data_panel_wrapper .more_than_10 .table_header li{width: 172px!important;}
	.tip-transfer .data_panel_wrapper .more_than_10 .table_header li:nth-child(2){width: 172px!important; left: 172px;}
	.tip-transfer .data_panel_wrapper .more_than_10 .table_header li:nth-child(3){width: 172px!important;}
	.tip-transfer .data_panel_wrapper .more_than_10 .data_panel li{width: 172px!important;}
	.tip-transfer .data_panel_wrapper .more_than_10 li:nth-child(2){width: 172px!important; left: 172px;}
	.tip-transfer .data_panel_wrapper .more_than_10 li:nth-child(3){width: 172px!important;}
	.cash_drawer_page .data_panel_wrapper li:first-child{padding-left:12px!important;width: 110px!important;}
	.cash_drawer_page .data_panel_wrapper li {width: 175px!important;}
	.cash_drawer_page .data_panel_wrapper .table_header li{width: 174px!important;}
	.cash_drawer_page .data_panel_wrapper .table_header li:first-child{width: 110px!important;}
	.additional_charge_report .data_panel_wrapper li:first-child{padding-left:12px!important; width:200px!important}
	.z_page .row .col-height.col-md-4.heading{width:33%!important;}
	.tax_report .data_panel_wrapper li:first-child{padding-left:12px!important; width:210px!important}
	.profit_loss .data_panel_wrapper .table_header{padding-left: 0px!important;}
	.order_list_page .action_panel .dropdown-toggle{width: 121px;}
	.order_list_page .action_panel .right_options{margin-top:5px;}
	.sales-report-by-vendor .data_panel_wrapper li:first-child{padding-left:12px!important;}
	.inventory_adjustment_page .action_panel #wrap-adjustment_reasons{float: left; margin-right: 5px;}
	.inventory_adjustment_page .action_panel .right_options {margin-top: 5px;}
	#wrap-activity_cat_type{margin-left:5px;}
	/*------------- Reports ------------------*/

	/*------------- Order ------------------*/
	.order_report .data_panel li:first-child{padding-left: 50px!important;}
	.order_report .settings_open{z-index:3;}
	#refund-exchange .refund_process .data_panel li:first-child{width: 38px!important;}
	#refund-exchange .refund_process .data_panel li:last-child {width: 40px!important;}

	#refund-exchange .refund_process .refund-items .data_panel li:first-child{width: 33%!important;}
	#refund-exchange .refund_process .refund-items .data_panel li{width: 33%!important;}
	#refund-exchange .refund_process .refund-items .data_panel li:last-child{width: 33%!important;}
	/*------------- Order ------------------*/

	/*------------- CRM ------------------*/
		.customer_management .action_panel .top_margin_tab.margin_right_5{margin-top: 0px;}
		.customer_management .action_panel .small_search.top_margin{margin-top: 5px;}
		.customer_management .data_panel_wrapper .data_panel li:first-child {padding-left: 36px!important;}
		.customer_management .settings_open{z-index: 3!important;}
		.conversion_unit .header li{width:49%}
		.conversion_unit .header li:last-chid{width:51%}
		.conversion_unit .content_table li{width:50%}
		.conversion_unit .content_table li:last-chid{width:50%}
		.customer_management .table_header .actions_items a.dot{top:0px;}
	/*------------- CRM ------------------*/

	/*------------- Marketing ------------------*/
		.leftside_nav {top: 0px!important; z-index: 3;}
		.manage_coupon .data_panel_wrapper{margin-left:0px;}
		.automation_track_report .action_panel .right_options {margin-top:5px;}
		.automation_track_report .data_panel_wrapper li{width: 155px!important; }
	/*------------- Marketing ------------------*/

	/*------------- Appointment ------------------*/
		.dhx_cal_navline .col-md-5 {width: 40%;}
		.app_cal_page #my_form{left: 131px !important; margin-top: -189px!important;}
	/*------------- Appointment ------------------*/

	/*------------- Invoice ------------------*/
		.order_report #action_panel_row_id .search_by{clear: both!important;}
	/*------------- Invoice------------------*/

	/*------------- Loyalty ------------------*/
		#view_loyalty_report .top_nav .col-md-6{width:50%!important; float:left;}
		.graph_panel .close_graph{z-index: 3;}
	/*------------- Loyalty ------------------*/

	/*------------- Recurring ------------------*/
		.recurring_billings .action_panel .right_options.top_margin_tab{margin-top:5px!important;}
		.recurring_billings .action_panel .top_margin_tab{margin-top:0px!important;}
		.recurring_billings .action_panel .top_action .top_margin_tab{margin-top:0px!important;}
		.recurring_billings .data_panel_wrapper .more_than_10 li:nth-child(2){width: 50px!important; padding:12px!important;}
		.recurring_billings #history_list li{padding:12px!important;}
	/*------------- Recurring ------------------*/

	/*------------- Customer Satisfaction  ------------------*/
		.nps-date-top{padding-left: 15px; padding-right: 15px;}
		.nps-store-list {min-width: 175px;}
		.nps-date-top #daterange{max-width: 250px; width: 250px !important;}
		.nps-download-copy a{margin-right: 15px; }
		.nps-download-copy a;last-child{margin:0px;}
		.nps-download-copy{float: right;}
		.nps-active-pause .program-tab .btn{padding: 8px 15px;}
		.nps-active-pause .program-tab .active{padding-left: 35px;}
	/*------------- Customer Satisfaction  ------------------*/

	/*------------Employee-----------*/
	.emp-add-role-scroll ul li a{border: solid 1px #10B981;color: #10B981 !important;}
	.timeoff_request .right_options{margin-top: 5px;}
	.employee_message .mail_info{margin-left: 10px;}
	.zapper .zapper_wrapper .head{font-size: 26px;padding: 10px;margin-top: 20px;}
	.access-level #rolesEmployeesList li.col-sm-4 a{margin:3px}
	.employee_message .data_panel_wrapper .data_panel li:first-child{padding-left:8px!important;}
	.employee-manage-groups .conversion_unit .content_table li:first-child{margin-left:0px!important;}
	.employee_log .small_button{background: #fff!important; color: #10B981!important;}
	.labor_report #widget_list li{margin-top: 2px;padding-top: 6px;padding-left: 0;}

	/*------Inventory-----*/
	.set_inventory_page #wrap-show_all_product button{width: 150px !important;}
	#category_listing_product{width: 100px !important;}

	/*------Qr Code Ordering-----*/
	.qr-code .top_tabs .nav-pills.nav-wizard > li {width: 118px;}
	.qr-code .rightpanel_wrapper{min-height: 550px;}

	/*------Group Experiences ----*/
	#trip_email_setting_form .note{margin-left: 38px;}
	.trip-email-setting .data_panel_wrapper{height: unset;}

	/*---------Two Step Verification----------*/
	.account-verification-icon{max-width: 100px;width: 100%;margin: 0px auto;display: inherit;}
	.verification-btn-wrapper{text-align: center;}
	.verification-btn-wrapper .btn-primary{padding: 8px 86px;font-size: 20px;}
	.verification-btn-wrapper-save{text-align: center;margin-top: 12px;}
	#show_qr { text-align: center;}
	#show_qr img{max-width: 230px;}

	/*---------Message Center ----------*/
	.modal-backdrop{z-index:0!important;}

	/*---------Website Messages----------*/
	.website_message .leftside_nav {top: 0px !important;}

	/*---------Word of Mouth Marketing ----------*/
	.group-deal .data_panel li:last-child a{font-size: 16px;}
	.group-deal .data_panel_wrapper .data_panel li:last-child{padding: 5px !important;}

	/*------------------Customer Satisfaction---------*/
	.nps-report-page .no-data-found-msg img{margin-top: 30px;}

	/*------------Settings-----------*/
}	

@media screen and (max-width: 1030px) { 
	/*.rightpanel_wrapper{ z-index:1 !important;}*/
	.data_panel_wrapper{z-index: 1 !important;}  
	.data_panel_wrapper .more_than_10 .table_header{z-index:2!important;}
	.daterangepicker {z-index:3!important;overflow: visible !important;}
	.daterangepicker.dropdown-menu {z-index:5!important;overflow: visible !important;}
	.dhx_cal_cover{z-index:3!important}
	.profitability-page .daterangepicker {left: 230px!important;}
	.profitability-page .daterangepicker:after{display:none;}
	#my_form{z-index:4!important;}
	.modal{z-index:4!important;}
	.modal-backdrop{z-index:3!important;}
	.modal-backdrop{z-index:3!important;}
	.review-booster-portal .modal-backdrop{display: none !important;}
	.side-nav-small{z-index:2!important;}
	.dhx_cal_navline .col-md-5{width: 31%;}
	.action_panel .calendar i{z-index:2!important;}
	.action_panel .filter{padding: 9px 10px!important;}
	.action_panel .back-event-inventory{padding: 10px 10px!important;}
	.app_cal_page {overflow-x: unset;}
}
@media screen and (min-width: 1200px) {
	.dhx_cal_navline .col-md-4{width:21%!important;}
	/*.dhx_cal_navline .col-md-5{width:30%!important;}*/
	.appointent_calender .rightpanel_wrapper .inner_panel {display: block!important;}
}
@media screen and (min-width: 768px) {
	.order_report .modal-dialog { margin: 5px auto !important;}
	.order_report .modal-dialog .alert{margin-top: 0px!important;padding: 5px !important;}
	.order_report .modal-dialog .modal-body{padding-top: 5px !important;}
	.app_cal_page {overflow-x: unset;}
}
@media screen and (min-width: 991px) and (max-width: 1023px ) {
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a {font-size: 18px; margin-right: 20px;  color:Yellow}
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a:last-child {margin-right: 0px;}
	#refund-exchange .nw_ref_procs .modal-dialog{margin-bottom:200px!important;}
	/* ----------------- Training Portal --------------------*/
	.trainign-portal .tp-area .txt{font-size:13px;}
	/* ----------------- Training Portal --------------------*/
	/* ----------------------Smart Tip--------------------------- */
	.access-level-edit .smart-tooltip.down-left{float:right;}
	.access-level-edit .smart-tooltip.down-left .tip {left: calc((100% - 350px) / 2); width: 350px;}
	.access-level-edit .smart-tooltip.down-left .tip:before{left: 50%; margin-left: -10px; margin-right: unset;}
	.saved_page .smart-tooltip.up .tip{transform: translate(0%, 0px); left: unset; right: -36px;}
	.saved_page .smart-tooltip.up .tip:before{left: unset; right: 32px;}
	.sales-report-by-vendor .data_panel_wrapper .more_than_10 .data_panel li{z-index: 0;}
	.profitability-page .data_panel_wrapper .more_than_10 .table_header .second-head li{z-index:1;}
	.profitability-page .data_panel_wrapper .more_than_10 .data_panel li{z-index:1;}
	/* ----------------------Smart Tip--------------------------- */
	/*QR Code*/

	/*QR Code*/

	/*----------- webstore-banner --------------------*/
	.webstore-banner-wrapper .webstore-banner{width: 100%; gap:15px;}
	.webstore-banner-wrapper .webstore-banner .text{font-size: 16px; line-height: 20px;}
	.webstore-banner-wrapper .webstore-banner .pointers{gap:0px;}
	.webstore-banner-wrapper .webstore-banner .pointers .box{font-size:12px; white-space: nowrap; padding: 0px 5px;}
	.webstore-banner-wrapper .webstore-banner .pointers .box img{width:25px;}
	.webstore-banner-wrapper .webstore-banner .btn-preview{font-size:12px; white-space: nowrap;}
	/*----------- webstore-banner --------------------*/

	/* ------------ Website Setup Wizard -------------*/
		.qr-code.new-website-wizard .function-area{padding: 10px; width: calc(100% - 0px);}

		.qr-code.new-website-wizard .function-area .function{width: 100%; padding:10px; gap:15px; grid-template-columns: 8% 50% 38%;}
		.qr-code.new-website-wizard .function-area .function .qr-live-url{flex-direction: column; align-items: start;}
		.qr-code.new-website-wizard .function-area .function .qr-live-url #setting_form{width:100%;}
		.qr-code.new-website-wizard .function-area .function .icon{width: 60px; height: 60px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .terms{padding-left: 92px; width: 100%;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .btn-primary{margin-bottom:10px;}
		.qr-code.new-website-wizard .function-area .function .sub-head{font-size:16px;}
		.qr-code.new-website-wizard .sub-head span{font-size:12px;}
		.qr-code.new-website-wizard .function-area .function .preview-box #wrap-language .popup_dropdowns{padding: 6px 20px 6px 8px !important; font-size: 15px;}
		.qr-code.new-website-wizard .function-area .function .btn-primary{font-size: 15px !important; padding: 6px 10px !important;}
		.qr-code.new-website-wizard .function-area .function .benifit{padding: 18px 10px 5px 10px; margin-top: 10px; font-size: 12px;}
		.qr-code.new-website-wizard .function-area .function .benifit li{font-size: 12px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading div{font-size:16px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading div span{font-size:12px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading .icon{width:60px; height:60px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .industry-selection.function{grid-template-columns: 7% 91%;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .sub-head span{font-size: 16px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(2) .publish-icon:after {height: 320px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(3) .publish-icon:after {height: 296px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(4) .publish-icon:after {height: 105px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(5) .publish-icon:after {height: 98px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(6) .publish-icon:after {height: 97px;}
	/* ------------ Website Setup Wizard -------------*/
}
@media screen and (min-width: 768px) and (max-width: 990px) {
	.modal-dialog.full-popup{width:98%;}
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a {font-size: 18px; margin-right: 20px;  color:green}
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a:last-child {margin-right: 0px;}
	#refund-exchange .nw_ref_procs .modal-dialog{margin-bottom:200px!important;}
	.app_center .manage-subscription .col-xs-8{width:100%;}
	.app_center .manage-subscription .col-xs-4{width:100%;}
	.app_center .plan-purchase .plan-area{padding:5px;}
	.app_center .compare-plans .col-xs-4{width:100%!important}
	.app_center .app-licenses .col-xs-5{width:100%!important}
	.app_center .app-licenses .col-xs-7{width:100%!important}
	.app_center .employee-licenses .col-xs-5{width:100%!important}
	.app_center .employee-licenses .col-xs-7{width:100%!important}
	.app_center .payment-frequency .col-xs-5{width:100%!important}
	.app_center .payment-frequency .col-xs-7{width:100%!important}
	.app_center .summary-area-outer{margin-left: 0px; margin-top: 15px;}
	.app_center .compare-plans .compare-line{display:none!important;}
	.app_center .plan-purchase .app-licenses .counter .plus{margin:0px!important;}
	.app_center .plan-purchase .employee-licenses .counter .plus{margin:0px!important;}
	.app_center .plan-purchase .payment-frequency .counter .plus{margin:0px!important;}
	.app_center .summary-area-outer .total-area .row .col-md-7{width:50%!important; float:left}
	.app_center .summary-area-outer .total-area .row .col-md-5{width:50%!important; float:left}
	.app_center .summary-area-outer .summary-area .row .col-md-8{width:50%!important; float:left}
	.app_center .summary-area-outer .summary-area .row .col-md-4{width:50%!important; float:left}
	.app_center .invoice-wrapper{width:100%;}
	.app_center .invoice-wrapper .package-detail .col-md-5{width: 37%!important;}
	.app_center .invoice-wrapper .package-detail .col-md-2:nth-child(1){width: 20%!important;}
	.app_center .invoice-wrapper .package-detail .col-md-2{width: 20%!important;}
	.app_center .invoice-wrapper .package-detail .detail .pack-name{width:100%!important;}
	.app_center .invoice-wrapper .total-amount-detail{padding:10px;}
	.app_center .total-amount-detail .row .col-md-6{width:50%!important; float:left}
	.app_center .invoice-wrapper .action-area{padding:10px;}
	.app_center .invoice-wrapper .action-area a:first-child{margin-bottom:10px;}
	#note-invoice-modal .modal-body{padding:10px;}
	#note-invoice-modal .modal-body .field .btn{width:130px!important}
	.app_center .invoice-wrapper iframe{width:90%;}
	.app_cal_page {overflow-x: unset;}
	.dhx_cal_navline .col-md-4{width: 25%;}
	.dhx_cal_navline .col-md-5{width: 27%;}
	.dhx_cal_navline .col-md-3{width: 284px;}

	/* ----------------------Smart Tip--------------------------- */
	.access-level-edit .smart-tooltip.down-left{float:right;}
	.access-level-edit .smart-tooltip.down-left .tip {left: calc((100% - 350px) / 2); width: 350px;}
	.access-level-edit .smart-tooltip.down-left .tip:before{left: 50%; margin-left: -10px; margin-right: unset;}
	.saved_page .smart-tooltip.up .tip{transform: translate(0%, 0px); left: unset; right: -36px;}
	.saved_page .smart-tooltip.up .tip:before{left: unset; right: 32px;}
	.sales-report-by-vendor .data_panel_wrapper .more_than_10 .data_panel li{z-index: 0;}
	.profitability-page .data_panel_wrapper .more_than_10 .table_header .second-head li{z-index:1;}
	.profitability-page .data_panel_wrapper .more_than_10 .data_panel li{z-index:1;}
	/* ----------------------Smart Tip--------------------------- */
	/*QR Code*/
	/*----------- webstore-banner --------------------*/
	.webstore-banner-wrapper .webstore-banner{flex-flow: column; gap: 10px; text-align: center; width:100%; padding:10px;}
	.home_page .notification-popout{top: 167px;}
	/*----------- webstore-banner --------------------*/

	.qr-code .preview-box{grid-template-columns: repeat(1, 1fr); width:95%}
	.content.publish-webiste .head{font-size:22px;}
	.content.publish-webiste .sub-head{font-size: 17px; padding: 0px 38px;}
	.content.publish-webiste .img{padding:0px 10px;}
	.content.publish-webiste .pointers{padding:0px 10px;}
	.content.publish-webiste .pointers br{display:none;}
	.qr-code .function-area .function{width:95%; padding:10px;}
	.modal.fade.publish-terms-popup.in .modal-header{padding:12px 40px 12px 24px!important}
	/*QR Code*/

	/* ------------ Website Setup Wizard -------------*/
		.qr-code.new-website-wizard .function-area{padding: 10px; width: calc(100% - 0px);}
		.qr-code.new-website-wizard .function-area .function{width: 100%; padding:10px; gap:15px; grid-template-columns: 10% 41% 44%;}
		.qr-code.new-website-wizard .function-area .function .qr-live-url{flex-direction: column; align-items: start;}
		.qr-code.new-website-wizard .function-area .function .qr-live-url #setting_form{width:100%;}
		.qr-code.new-website-wizard .function-area .function .icon{width: 60px; height: 60px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .terms{padding-left: 78px; width: 100%;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .btn-primary{margin-bottom:10px;}
		.qr-code.new-website-wizard .function-area .function .sub-head{font-size:16px;}
		.qr-code.new-website-wizard .sub-head span{font-size:12px;}
		.qr-code.new-website-wizard .function-area .function .preview-box #wrap-language .popup_dropdowns{padding: 6px 20px 6px 8px !important; font-size: 15px;}
		.qr-code.new-website-wizard .function-area .function .btn-primary{font-size: 15px !important; padding: 6px 10px !important;}
		.qr-code.new-website-wizard .function-area .function .benifit{padding: 18px 10px 5px 10px; margin-top: 10px; font-size: 12px;}
		.qr-code.new-website-wizard .function-area .function .benifit li{font-size: 12px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.other-settings .sub-head span{font-size: 16px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(2) .publish-icon:after {height: 320px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(3) .publish-icon:after {height: 357px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(4) .publish-icon:after {height: 147px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(5) .publish-icon:after {height: 104px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(6) .publish-icon:after {height: 102px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(7) .publish-icon:after {height: 98px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading {grid-template-columns: 10% 87%;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading .icon{width: 60px; height: 60px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading div{font-size:16px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading div span{font-size:12px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .industry-selection.function{grid-template-columns: 10% 87%;}

	/* ------------ Website Setup Wizard -------------*/
}

@media screen and (min-width: 540px) and (max-width: 767px) {
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a {font-size: 18px; margin-right: 20px;}
	#refund-exchange .nw_ref_procs .data_panel .exchanged-prodcts li[data-colname="Action"] a:last-child {margin-right: 0px;}
	#refund-exchange .nw_ref_procs .modal-dialog{margin-bottom:200px!important;}
	.dhx_cal_navline .col-md-4{width:21%!important;}
	.dhx_cal_navline .col-md-5{width:30%!important;}
	.rightpanel_wrapper{margin-left:80px!important;}
	.appointent_calender .rightpanel_wrapper .inner_panel {display: block!important;}

	.app_center .manage-subscription .col-xs-8{width:100%;}
	.app_center .manage-subscription .col-xs-4{width:100%;}
	.app_center .plan-purchase .plan-area{padding:5px;}
	.app_center .compare-plans .col-xs-4{width:100%!important}
	.app_center .app-licenses .col-xs-5{width:100%!important}
	.app_center .app-licenses .col-xs-7{width:100%!important}
	.app_center .employee-licenses .col-xs-5{width:100%!important}
	.app_center .employee-licenses .col-xs-7{width:100%!important}
	.app_center .payment-frequency .col-xs-5{width:100%!important}
	.app_center .payment-frequency .col-xs-7{width:100%!important}
	.app_center .summary-area-outer{margin-left: 0px; margin-top: 15px;}
	.app_center .compare-plans .compare-line{display:none!important;}
	.app_center .plan-purchase .app-licenses .counter .plus{margin:0px!important;}
	.app_center .plan-purchase .employee-licenses .counter .plus{margin:0px!important;}
	.app_center .plan-purchase .payment-frequency .counter .plus{margin:0px!important;}
	.app_center .summary-area-outer .total-area .row .col-md-7{width:50%!important; float:left}
	.app_center .summary-area-outer .total-area .row .col-md-5{width:50%!important; float:left}
	.app_center .summary-area-outer .summary-area .row .col-md-8{width:50%!important; float:left}
	.app_center .summary-area-outer .summary-area .row .col-md-4{width:50%!important; float:left}
	.app_center .invoice-wrapper{width:100%;}
	.app_center .invoice-wrapper .package-detail .col-md-5{width: 37%!important;}
	.app_center .invoice-wrapper .package-detail .col-md-2:nth-child(1){width: 20%!important;}
	.app_center .invoice-wrapper .package-detail .col-md-2{width: 20%!important;}
	.app_center .invoice-wrapper .package-detail .detail .pack-name{width:100%!important;}
	.app_center .invoice-wrapper .total-amount-detail{padding:10px;}
	.app_center .total-amount-detail .row .col-md-6{width:50%!important; float:left}
	.app_center .invoice-wrapper .action-area{padding:10px;}
	.app_center .invoice-wrapper .action-area a:first-child{margin-bottom:10px;}
	#note-invoice-modal .modal-body{padding:10px;}
	#note-invoice-modal .modal-body .field .btn{width:130px!important}
	.app_center .invoice-wrapper iframe{width:90%;}
	.app_cal_page {overflow-x: unset;}

	/* ----------------------Smart Tip--------------------------- */
	.access-level-edit .smart-tooltip.down-left{float:right;}
	.access-level-edit .smart-tooltip.down-left .tip {left: calc((100% - 350px) / 2); width: 350px;}
	.access-level-edit .smart-tooltip.down-left .tip:before{left: 50%; margin-left: -10px; margin-right: unset;}
	.saved_page .smart-tooltip.up .tip{transform: translate(0%, 0px); left: unset; right: -36px;}
	.saved_page .smart-tooltip.up .tip:before{left: unset; right: 32px;}
	.sales-report-by-vendor .data_panel_wrapper .more_than_10 .data_panel li{z-index: 0;}
	.profitability-page .data_panel_wrapper .more_than_10 .table_header .second-head li{z-index:1;}
	.profitability-page .data_panel_wrapper .more_than_10 .data_panel li{z-index:1;}
	/* ----------------------Smart Tip--------------------------- */
	/* ----------------------Smart Tip--------------------------- */
	.add_discount_page .smart-tooltip .tip{width:240px;}
	/* ----------------------Smart Tip--------------------------- */

	/*----------- webstore-banner --------------------*/
	.home_page .notification-popout{top: 167px;}
	.webstore-banner-wrapper  .webstore-banner{flex-flow: column; gap: 10px; text-align: center; width:95%; padding:10px;}
	.webstore-banner-wrapper  .webstore-banner .pointers{display: grid; grid-template-columns: repeat(2, 1fr);}
	/*----------- webstore-banner --------------------*/

	/*QR Code*/
	.qr-code .preview-box{grid-template-columns: repeat(1, 1fr); width:95%}
	.content.publish-webiste .head{font-size:22px;}
	.content.publish-webiste .sub-head{font-size: 17px; padding: 0px 38px;}
	.content.publish-webiste .img{padding:0px 10px;}
	.content.publish-webiste .pointers{padding:0px 10px;}
	.content.publish-webiste .pointers br{display:none;}
	.qr-code .function-area .function{width:95%; padding:10px;}
	.modal.fade.publish-terms-popup.in .modal-header{padding:12px 40px 12px 24px!important}
	/*QR Code*/
}

@media screen and (max-width: 400px) {
	/* ----------------------Clover flex--------------------------- */
	.product_services .action_panel{padding:5px 0px;}
	.p-services .action_panel .right_options {margin-top: 5px;}
	.action_panel .filter {padding: 8px 10px!important;}
	.data_panel_wrapper li {padding: 8px;}
	/* ----------------------Clover flex--------------------------- */

}

@media screen and (min-width: 300px) and (max-width: 539px) {
	.appointent_calender .daterangepicker{z-index:unset!important}
	.import-product-banner div.link-imp-product a{width: 100%;}
	/*-----Notification----*/
	
	.home_page .notification-popout {right: 30px;top: 20px;}
	.import-product-banner div.link-imp-product a{width: 100%;}  
	.noti-details-wrapper {max-width: 322px !important; top:37px;}
	.notification-popout{top: 49px; right: 19px;width: 32px;height: 32px;}
	.noti-bell{width: 32px; left: 0px; border-radius: 0px; top: 2px; margin:0px;}

	/*------Count Sheet-----*/
	.count-sheet-step-wrapper .top_tabs .nav-pills.nav-wizard > li{width: 67px;}
	.count-sheet-step-wrapper .top_tabs .nav-pills.nav-wizard > li.active .circle:after {width: 39px;}
	.count-sheet-step-wrapper .top_tabs .nav-pills.nav-wizard > li.focus .circle:after {width: 39px;}
	.count-sheet-page-head .col-sm-9{clear: both;padding-top: 18px;}
	/*---SV AI--*/
	.aks-sv-ai{top: unset;right: unset;display: block; width: max-content;float: left;}
	.home_page .aks-sv-ai {display: block;position: relative;left: 8%;top: -1px;line-height: 30px;padding: 5px 20px;width: max-content;}
	.sv-defult-question-sugg a{width: 88%;}
	.sv-chatbot-info a {right: -45px;}
	/*---SV AI--*/

	/*---Landing page---*/ 

	.landing-section .landing-col{width: 98%;margin: 1%;}
	.back-landing{left: -6px;margin-top: 12px;}

	.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{font-size:18px;}
	.conversion_unit .content_table li:last-child {margin-left: 0px!important;}
	.data_panel{top:0px;}
	.data_panel_wrapper .table_header{display:none!important;}
	.location_popup td{padding-left: 45%!important;}
	/*----Common----*/
	.data_panel_wrapper .data_panel li:first-child {padding-left: 45%!important;}
	.data_panel ul .actions_items{bottom: 20px;}
	.navbar-toggle{border: solid 2px #10B981!important;}
	.navbar-toggle:before{color: #10B981; margin-left: 2px; line-height: 30px;} 
	
	/*----Product and Services----*/
	.p-services .data_panel_wrapper .data_panel li:first-child {padding-left: 34px!important;}
	.data_panel_wrapper .data_panel .dropdown-menu li:first-child {padding-left: 0px!important;}
	.product_services .data_panel_wrapper .table_header li:first-child{width: 100%!important; padding-right: 0px;}
	.product_services .data_panel_wrapper .table_header li{width: 100%!important;}
	.product_services .data_panel_wrapper .table_header .proname_list_head{width: 100%!important;}
	.product_services .data_panel_wrapper .table_header li:last-child{width: 100%!important;}
	.product_services .data_panel_wrapper .table_header .id_head{width: 100%!important;}
	.product_services .data_panel_wrapper .data_panel li:first-child{width: 100%!important; padding-right: 0px;}
	.product_services .data_panel_wrapper .data_panel li{width: 100%!important;}
	.product_services .data_panel_wrapper .data_panel .proname_list{width: 100%!important;}
	.product_services .data_panel_wrapper .data_panel li:last-child{width: 100%!important;}
	.product_services .data_panel_wrapper .data_panel .id_head{width: 100%!important;}
	
	.row.calculate-markup .title{display:none!important;}
	.markup-cal{margin-top:10px; grid-template-columns: repeat(1, 1fr); width:100%;}
	.markup-cal .toggle-wrapper{margin-top:10px;}


	/*----Order-----*/
	.order_report .data_panel li:nth-child(2){left: 0px;}
	.order_report .refund_process .data_panel li{padding-left: 55%!important;}
	.payment_method .pay_split_amount { margin-right: 10px;max-width: 322px !important;width: 100% !important;}
	.order_report .payout-detail{padding: 5px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 5px;}
	
	/*---Report-----*/
	#html-save-report-popup .col-md-3 .btn-primary{margin-top: 10px;}
	.modal-body .form .field:last-child{width: 100% !important;}
	#submit_btn_go{position: relative;left: -65px;}
	.labor_report .data_panel .parent li {padding-left: 56%!important;}
	#history_list li:first-child {padding-left: 45%!important;}
	#history_list li {padding-left: 45%!important;}
	#menu{padding-right: 10px !important;}
	.easy_accounting .data_panel_wrapper #history_list .expense_heading_total li:first-child{padding: 9px 8px!important;padding-left: 8px !important;}
	.easy_accounting .data_panel_wrapper #history_list .expense_heading_total li{padding: 9px 8px!important;padding-left: 8px !important;}


	/*---Employee---*/
	.access-level #rolesEmployeesList li.col-sm-4 a{margin:3px}
	
		
		
	/*======Dashboard=====*/
	.home_page .remove_flex .data_panel {padding: 0px 0px!important;}
	.qr-code .top_tabs .nav-pills.nav-wizard > li{width: 67px;}
	.qr-code .top_tabs .nav-pills.nav-wizard > li a{font-size: 13px;}
	.qr-code .qr-footer-msg{width: 243px; margin-right: 10px; font-size: 12px; padding: 7px;}
	.top_tabs .nav-pills.nav-wizard > li.active .circle:after{width: 39px;}
	.qr-code .navbar-default .navbar-toggle{display:none;}

	.data_panel .checkbox label {padding-left:0px;}
	.bulk-edit .modal-content{padding:12px;}
	.bulk-edit .action-area button{width: 150px;}
	.store_manage .bulk-edit .font-size-checkbox span{width: 260px;}
	.store_manage .bulk-edit .add-more-closeout{font-size:13px;}
	.store_manage .bulk-edit .font-size-checkbox{padding-bottom: 10px;}
	.store_manage .bulk-edit .modal-header .close {position: absolute; top: -6px; right: 7px;}
	.manage_pos_page .data_panel li:first-child{padding:12px!important;}

	.report-trasactions #history_list li{width:100%!important; padding-left:8px!important;}
	.report-trasactions #history_list {top: 0px;}
	.leftside_nav li{width: 31.5%;}

	.sales_page .data_panel_wrapper label .tip-icon{right:0px;}
	.sales_page .data_panel_wrapper label .tip-icon .lp-tool-tip{top: 27px; left: 10px;}
	.sales_page .data_panel_wrapper label .tip-icon .lp-tool-tip:before{content: '\f0d8'; bottom: 91%; left: 110px; margin-left: 0px;}

	.chat-user-name span:first-child{width: 110px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.review-booster-portal .modal-content {border-radius: 15px;}
	.review-booster-portal .selectphone-title{text-align:center;}
	.review-booster-portal .search-area-pin{text-align:Center;}
	.review-booster-portal .search-area-pin .searchpin-btn{margin:0px; margin-top:15px;}

	.manage-groups .conversion_unit .content_table li:first-child {margin-left: 0px!important;}
	.manage_coupon .action_panel .right_options .search{margin-top:10px;}
	.manage_coupon #total_discount_price{margin-left:0px;}
	.loyalty-action-area .program-tab .active{padding-left: 33px!important;}
	.outofstock_page .data_panel_wrapper .data_panel li:first-child{padding-left: 10px!important;width: 100% !important;font-weight: 700;font-size: 15px;}
	.outofstock_page .out_of_stock  .data_panel .parent li:first-child:before{display: none;}
	.program-tab .lp-tool-tip {top: 53px; left: 158px; width: 300px;}
	.program-tab .lp-tool-tip:before {content: '\f0d8'; top: -18px; bottom:unset; display:none;}
	.gift_card .action_panel .search{margin-top:10px;}
	.payments_options .middle_div li {width: 1000%!important;}
	.payments_options .middle_div li:first-child{padding-left:8px!important;}
	.time_slots .data_panel_wrapper li{width:100%!important;}
	.product_services .action_panel {padding: 5px 5px 5px 5px;}	
	.employee_message .data_panel_wrapper .data_panel li:first-child{padding-left:8px!important;}
	.employee-manage-groups .conversion_unit .content_table li:first-child{margin-left:0px!important;}
	.zapper .zapper_wrapper .logo{width:100%;}
	.zapper .zapper_wrapper .logo img{width:100%; height:Auto;}
	.qr-code .qr-msg{width:100%;}
	.rightpanel_nps_wrapper .data_panel_wrapper{margin-left:0px; margin-right:0px;}
	.nps-report-page .navbar-brand .lp-tool-tip {right: -125px; margin-left: unset; left: unset; top: -8px; width: 113px; text-align: left;}
	.nps-active-pause .program-tab .lp-tool-tip {width: 290px; top: -68px; margin-left: -148px; text-align: center;}
	.website_message .leftside_nav{top:0px!important;}
	.website_message .navbar-default .navbar-toggle{display:none;}
	.app_center .navbar-default .navbar-toggle{display:none;}
	.nps-report-page .navbar-default .navbar-toggle{display:none;}
	.profit_loss .income_heading{width:100%;}
	.profit_loss #history_list li{width: 100%!important;}
	.profit_loss #history_list .expense_heading_total li{padding-left: 8px!important; width: 33%!important;}
	.location .data_panel li{display:table!important;}
	.payroll .data_panel li{padding-left:45%!important}
	.tracking-report .data_panel_wrapper li{width:100%!important;}
	.saved_page .data_panel_wrapper li{width:100%!important;}
	.checkin-report  .data_panel_wrapper li{width:100%!important;}
	.session_package_report  .data_panel_wrapper li{width:100%!important;}
	.cash_drawer_page .data_panel_wrapper li{width:100%!important;}
	.discount_page .data_panel_wrapper li{width:100%!important;}
	.modifier_page .data_panel_wrapper li{width:100%!important;}
	.order_report .table_header{display:block!Important; padding: 7px 3px!important;}
	.order_report .table_header .checkbox label{padding-left: 6px!important;}
	.order_report .table_header .actions_items a.dot{margin-right: 0px; margin-left: 10px;}
	.order_report .action_panel .search_by input{width: 240px;}

	.appointent_calender .reservation_wrapper .dhx_cal_navline .col-md-4{width: 100%!important;}
	.appointent_calender .reservation_wrapper .dhx_cal_navline .col-md-4 .margin_right_5 {margin-right: 0px!important;}
	.appointent_calender .reservation_wrapper .dhx_cal_navline .col-md-5{width:100%!important;}
	.appointent_calender .reservation_wrapper .dhx_cal_navline .col-md-3{width:100%!important;}
	.appointent_calender .reservation_wrapper .dhx_cal_navline{height:145px!important;} 
	.email_notification .tag{pointer-events: none;}
	
	.tip-transfer .data_panel_wrapper li{width:100%!important;}

	.manage_coupon .data_panel_wrapper .data_panel li:first-child{padding-left: 45%!important; width:100%!important}
	.manage_coupon .data_panel_wrapper .data_panel li{padding-left: 45%!important; width:100%!important}
	.sales-report-by-vendor .data_panel_wrapper .more_than_10 .data_panel li:last-child{width:100%!important}
	.sales-report-by-vendor .data_panel_wrapper .more_than_10 li{width:100%!important}
	.sales-report-by-vendor .data_panel_wrapper .more_than_10 .table_header li{width:100%!important}
	.sales-report-by-vendor .data_panel_wrapper .more_than_10 .data_panel li{width:100%!important}

	/*---Marketing---*/
	.automation_track_report #history_list li:first-child{padding-left: 45%!important; width:100%!important}
	.automation_track_report #history_list li{padding-left: 45%!important; width:100%!important}
	.automation_communication .data_panel_wrapper .data_panel .actions_items .dropdown-menu li:first-child {padding-left: 0!important;}
	.sales_page .data_panel_wrapper .more_than_10 .data_panel li{width:100%!important}
	.sales_page .data_panel_wrapper .col-sm-2:last-child{padding-left:5px!important;}
	.reports-box .report-links{padding:5px;}
	.reports-box .report-links .col-md-6{padding: 5px;}
	.reports-box .report-links .col-md-6 a{padding: 5px;}
	.reports-box .report-links .col-md-6:first-child a:last-child{border-bottom:solid 1px #dadbdb;}
	.app_center .data_panel_wrapper .data_panel li:first-child{padding-left:12px!important; width:50px!important}
	.app_center .data_panel_wrapper .data_panel li:nth-child(2){padding-left:12px!important; width: 83%!important; display: inline-block;}
	.app_center .data_panel_wrapper .data_panel li{padding-left:45%!important; width:100%!important;}
	.app_center .data_panel_wrapper .data_panel li br{display:none!important;}
	.app_center .data_panel_wrapper .data_panel .cloud-esssentials-data li:first-child{display:none;}
	.app_center .data_panel_wrapper .data_panel .cloud-esssentials-data li:nth-child(2){padding-left:45%!important; width:100%!important;}
	.app_center .data_panel_wrapper .data_panel .cloud-advanced-data li:first-child{display:none;}
	.app_center .data_panel_wrapper .data_panel .cloud-advanced-data li:nth-child(2){padding-left:45%!important; width:100%!important;}
	.app_center .data_panel_wrapper .data_panel .cloud-premium-data li:first-child{display:none;}
	.app_center .data_panel_wrapper .data_panel .cloud-premium-data li:nth-child(2){padding-left:45%!important; width:100%!important;}
	.app_center .action_panel a[type=button] span{left: 179px; top: 6px;}
	.app_center .manage_employee_popup_body .data_panel_wrapper .data_panel  li:first-child{width: 100%!important;}
	.app_center .manage_employee_popup_body .data_panel_wrapper .data_panel  .parent li:before{ display: none !important;}
	.manage_coupon .messages {margin-left: 0px;}
	.automation_communication .leftside_nav {z-index: 1;}

	#selected_product_show .data_panel_wrapper .data_panel li:first-child{padding-left: 45%!important;}
	#edit_selected_product_show .data_panel_wrapper .data_panel li:first-child{padding-left: 45%!important;}

	.ml_add_product .modifier_list .col_1 li{width:100%!important;}
	.ml_add_product .modifier_list li{width:50%!important;}
	.new_group_Add .col_2 li{width:49%!important;}

	.view-purchase-list-po .view_po_more_10 li{width:100%!important;}
	.view-purchase-list-po .view_po_more_10 .data_panel li:first-child{width:100%!important;}

	.app_center .plan-purchase .plan-area{padding:5px;}
	.app_center .compare-plans .col-xs-4{width:100%!important}
	.app_center .app-licenses .col-xs-5{width:100%!important}
	.app_center .app-licenses .col-xs-7{width:100%!important}
	.app_center .employee-licenses .col-xs-5{width:100%!important}
	.app_center .employee-licenses .col-xs-7{width:100%!important}
	.app_center .payment-frequency .col-xs-5{width:100%!important}
	.app_center .payment-frequency .col-xs-7{width:100%!important}
	.app_center .summary-area-outer{margin-left: 0px; margin-top: 15px;}
	.app_center .compare-plans .compare-line{display:none!important;}
	.app_center .plan-purchase .app-licenses .counter .plus{margin:0px!important;}
	.app_center .plan-purchase .employee-licenses .counter .plus{margin:0px!important;}
	.app_center .plan-purchase .payment-frequency .counter .plus{margin:0px!important;}
	.app_center .summary-area-outer .total-area .row .col-md-7{width:50%!important; float:left}
	.app_center .summary-area-outer .total-area .row .col-md-5{width:50%!important; float:left}
	.app_center .summary-area-outer .summary-area .row .col-md-8{width:50%!important; float:left}
	.app_center .summary-area-outer .summary-area .row .col-md-4{width:50%!important; float:left}
	.app_center .invoice-wrapper{width:100%;}
	.app_center .invoice-wrapper .package-detail .col-md-5{width: 37%!important;}
	.app_center .invoice-wrapper .package-detail .col-md-2:nth-child(1){width: 20%!important;}
	.app_center .invoice-wrapper .package-detail .col-md-2{width: 20%!important;}
	.app_center .invoice-wrapper .package-detail .detail .pack-name{width:100%!important;}
	.app_center .invoice-wrapper .total-amount-detail{padding:10px;}
	.app_center .total-amount-detail .row .col-md-6{width:50%!important; float:left}
	.app_center .invoice-wrapper .action-area{padding:10px;}
	.app_center .invoice-wrapper .action-area a:first-child{margin-bottom:10px;}
	#note-invoice-modal .modal-body{padding:10px;}
	#note-invoice-modal .modal-body .field .btn{width:130px!important}
	.app_center .invoice-wrapper iframe{width:90%;}
	#view-pending-orders-modal .data_panel_wrapper li{width: 100%!important; padding-left: 43%!important;}
	#view-pending-orders-modal .data_panel_wrapper li:nth-child(4){width: 100%!important; padding-left: 43%!important;}
	.modal-dialog.full-popup {width: 95%;}
	#refund-exchange .nw_ref_procs .table_header{padding:0px!important;}
	#refund-exchange .nw_ref_procs .refund_process .data_panel li:first-child{width:100%!important; padding-left:50%!important}
	#refund-exchange .nw_ref_procs .refund_process .data_panel li:nth-child(2){width:100%!important; padding-left:50%!important}
	#refund-exchange .nw_ref_procs .refund_process .data_panel li:nth-child(3){width:100%!important; padding-left:50%!important}
	#refund-exchange .nw_ref_procs .refund_process .data_panel li:nth-child(4){width:100%!important; padding-left:50%!important}
	#refund-exchange .nw_ref_procs .refund_process .data_panel li:nth-child(5){width:100%!important; padding-left:50%!important}
	#refund-exchange .nw_ref_procs .refund_process.table_header .checkbox label {padding-left: 6px!important;}
	.z_page .row .col-height {width: 50%;}
	.z_page .row .col-height {width: 50% !important;word-wrap: break-word !important;font-size: 12px;}
	.z_page .data_panel_wrapper .refund_detail .col-sm-4{width:33%!important;}
	.z_page .data_panel_wrapper .refund_detail .col-sm-4:nth-child(2) {width: 33%!important;}
	.z_page .data_panel_wrapper .refund_detail .col-sm-4:nth-child(3) {width: 33%!important;}
	.z_page .data_panel_wrapper .refund_list.col-xs-4{width:33%!important;}
	.z_page .data_panel_wrapper .refund_list.col-xs-4:nth-child(2) {width: 33%!important;}
	.z_page .data_panel_wrapper .refund_list.col-xs-4:nth-child(3) {width: 33%!important;}
	.z_page .data_panel_wrapper .refund_detail .col-md-4{width:33%!important;}
	.z_page .data_panel_wrapper .refund_detail .col-md-4:nth-child(2) {width: 33%!important;}
	.z_page .data_panel_wrapper .refund_detail .col-md-4:nth-child(3) {width: 33%!important;}
	.z_page .row .total_gift.col-xs-6{width:50%!important;}
	.z_page .row .total_gift{width: 33% !important;}
	.z_page .data_panel_wrapper .z-payment-details{float:right;}
	.z_page .data_panel_wrapper .col-xs-4{width:33%!important;}
	.z_page .data_panel_wrapper .col-xs-4:nth-child(2) {width: 33%!important;}
	.z_page .data_panel_wrapper .col-xs-4:nth-child(3) {width: 33%!important;}

	.z_page .data_panel_wrapper .with_amount .col-md-4{width:33%!important;}
	.z_page .data_panel_wrapper .with_amount .col-md-4:nth-child(2) {width: 33%!important;}
	.z_page .data_panel_wrapper .with_amount .col-md-4:nth-child(3) {width: 33%!important;}
	.z_page .data_panel_wrapper .with_amount .col-xs-4{width:33%!important;}
	.z_page .data_panel_wrapper .with_amount .col-xs-4:nth-child(2) {width: 33%!important;}
	.z_page .data_panel_wrapper .with_amount .col-xs-4:nth-child(3) {width: 33%!important;}
	.profitability-page .first-head{display:none;}
	.close_out_page .data_panel_wrapper .more_than_10 .data_panel li:first-child {padding-left: 45%!important;}
	/*---Dashboard---*/
	.home_page .data_panel_wrapper .data_panel li:first-child {padding-left: 25px!important;word-wrap: break-word;vertical-align: middle;}
	.home_page .data_panel_wrapper .data_panel li{vertical-align: middle;word-wrap: break-word; min-width: 79px;}
	.chatbot-enter-btn{width: 30%;}
	.chatbot-input-bar {width: 68%;}
	.app_center .manage_payment_popup_body .data_panel_wrapper .data_panel li:first-child {padding-left: 45%!important;width: 100%!important;}
	.app_center .manage_payment_popup_body .data_panel_wrapper .data_panel li:nth-child(2) {padding-left: 45%!important;width: 100%!important;}
	.app_center .data_panel_wrapper .data_panel li.p-total{width:100%!important;}

/* ----------------- Training Portal --------------------*/
	.tp-area{display:none!important;}
	.mobile-view.tp-area{display:block!important; width: 95%;}
	.mobile-view.tp-area .panel-heading{padding:0px;}
	.trainign-portal .mobile-view.tp-area .panel-title>a{border:0px; margin-bottom:0px; background: #dcdcdc!important; border-radius: 0px;}
	.trainign-portal .mobile-view.tp-area .panel-body{padding:5px;}
	.trainign-portal .mobile-view.tp-area .panel-body .section-head{background: #F4F5F7!important; padding: 10px;}
	.trainign-portal .mobile-view.tp-area .panel-body a{margin-bottom: 0px; border-bottom: solid 0px #e0e0e0; border-radius: 0px;}
/* ----------------- Training Portal --------------------*/
	/* ----------------------Smart Tip--------------------------- */
	.add_discount_page .smart-tooltip .tip{width:240px;}
	#frmDiscount .smart-tooltip .tip{width:200px;}
	.saved_page .smart-tooltip.up .tip{width: 300px; transform: translate(-93%, 0px);}
	.saved_page .smart-tooltip.up .tip:before{margin-left: 120px;}
	.access-level-edit .smart-tooltip.down-left{float:right;}
	.access-level-edit .smart-tooltip.down-left .tip {left: unset; width: 300px; right: -12px;}
	.smart-tooltip.down-left .tip:before{left: unset; right: 17px;}
	.access-level-edit .data_panel .parent li:last-child{padding-left: 5%!important; text-align: right!important;}
	/* ----------------------Smart Tip--------------------------- */

	/* ----------------------Quickbook Import--------------------------- */
	.quickbook-import-wrapper .logo{width:100%;}
	.quickbook-import-wrapper .msg-2{width: 310px;}
	.quickbook-import-wrapper .msg{font-size: 16px;}
	/* ----------------------Quickbook Import--------------------------- */

	#show-component-product .tip{right:unset; left: 50%; margin-left: -160px; width:320px;}
	#prod_section .popout{display:none!important;}
	#advanceFiltersDropDown #scsf_list a{display:none!important;}

	/* ----------------------Collaboration--------------------------- */
	.collaboration_comments .editor-area{padding:7px;}
	.collaboration_comments .editor-area .create_by{float:unset; margin-right:0px; margin-bottom:10px;}
	.collaboration_comments .editor-area .ck.ck-editor{width:100%; float:unset;}
	.collaboration_comments .ck.ck-dropdown {width: 95px;}
	.collaboration_comments .editor-area .save_comment_button{background:#fff; padding:5px 10px; border: solid 1px #ccced1; border-top: 0px;}
	.collaboration_comments .editor-area .save_comment_button .button-area{position:relative; bottom: unset;}
	.collaboration_comments .entity_list ul{left: -116px !important;}
	.collaboration_comments .collaboration-area{width:100%; margin-left: 0px;}
	.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar{width: 337px; min-width: 100%;}
	.order_detail.details_open 	.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar{width: 300px; min-width: 100%;}
	.order_detail.details_open .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar .ck-toolbar{width:auto;}
	/* ----------------------Collaboration--------------------------- */

	.appointent_calender .daterangepicker.dropdown-menu{z-index: 102 !important;}
	.order_report .order_detail .setting_form .col-xs-6.col-height{float: left !important;}
	.order_report .order_detail .setting_form .col-xs-2.col-height{float: left !important;}

	.add_purchase_page .total-po{font-size: 13px;}
	.add_purchase_page .po-breakup{font-size: 13px;}
	.add_purchase_page .total-po:before{font-size: 56px;}
	#equally_discount_note{margin-top:30px;}
	/*------Count Sheet-----*/
	.count-sheet-step-wrapper .top_tabs .nav-pills.nav-wizard > li{width: 67px;}
	.count-sheet-step-wrapper .top_tabs .nav-pills.nav-wizard > li.active .circle:after {width: 39px;}
	.count-sheet-step-wrapper .top_tabs .nav-pills.nav-wizard > li.focus .circle:after {width: 39px;}
	.count-sheet-page-head .col-sm-9{clear: both;padding-top: 18px;}
		.appointent_calender .daterangepicker.dropdown-menu{z-index: 102 !important;}
	/*---SV AI--*/
	.noti-details-wrapper .noti-row .noti-detail-wrap{flex-direction: column; align-items: unset;}
	.notification-popout{z-index: 100;}
	.sv-ai-popup .modal-header{display: grid; grid-template-columns: repeat(2, 1fr); gap:10px; padding: 10px 15px !important;}
	.sv-ai-popup .modal-header .modal-title{order:1; grid-column: span 2; }
	.sv-ai-popup .modal-header  .close{order:2; position: absolute; top: 10px; right: 10px;}
	.sv-ai-popup .modal-header #filter_background_topic{order:3; width:100%;}
	.sv-ai-popup .modal-header #filter_background_question{order:4; width:100%;}
	.sv-ai-popup .sv-ai-question{padding: 10px 10px 90px 10px;}
	#show_background_ans_div .sv-ai-question .top-option{width: calc(100% + 21px); margin-left: -10px; margin-right: 0px; margin-top: -10px; flex-direction: column;}
	.sv-ai-question .bottom-options{flex-direction: column-reverse;}
	#show_background_ans_div .sv-ai-question .bottom-options .leftoptions{display: grid; grid-template-columns: repeat(3, 1fr); overflow: auto; padding-top: 25px; padding-bottom: 10px;}
	#show_background_ans_div .sv-ai-question .bottom-options .leftoptions span{grid-column: span 3; display: block; position: absolute; top: 6px; left: 12px; font-weight: 600;}
	#show_background_ans_div .sv-ai-question .bottom-options .leftoptions a{width:180px;}
	.sv-ai-popup .modal-footer .ai-question{flex-direction: column;align-items: unset;}
	.sv-ai-popup .modal-footer{padding:10px!important}
	.sv-ai-popup .modal-dialog.modal-lg{height: calc(100% - 32px);}
	.sv-ai-popup .modal-body[id="modal-body-data"]{height: calc(100vh - 395px);}
	.sv-ai-popup .modal-footer .ai-question .ai-question-section{display: grid; grid-template-columns: 80% 20%;}
	.sv-ai-popup .modal-footer .ai-question .ai-question-section .ai-pop-dropdown{grid-column: span 2; padding: 9px; border-right: solid 0px #e5e7eb; border-bottom: solid 1px #e5e7eb;}
	.sv-ai-popup .modal-footer .sv-chatbot-info{font-size: 10px;}
	.sv-ai-popup .modal-footer .sv-chatbot-info svg {width: 100px; height: auto;}
	.sv-ai-popup .modal-footer .ai-question .ai-question-section .chatbot-input-bar {width: 100%;}

	.modal.fade.bd-example-modal-lg.AskSalesVuAI.sv-ai-popup.in{padding:0px!important}
	.aks-sv-ai{top: -52px;left: 80px;display: block;width: max-content;float: left;text-align: left;font-size: 12px;margin: 0px !important;}
	.home_page .aks-sv-ai {display: block;left: 0;top: 78px;line-height: 30px;padding: 5px 20px;width: max-content;margin: 5px auto;}
	.gift_card .aks-sv-ai{top: 7px;left:100px;right: unset;}
	.gift_card .inner_panel .chat-video {top: 14px;}
	.message-center .aks-sv-ai {left: 80px;right: unset;top: -46px;}
	.message-center .inner_panel .chat-video{top: -45px;right: 10px;}
	.sv-chatbot-info a {right: unset; font-size: 12px; padding: 5px; height: 35px;}
	.sv-defult-question-sugg{margin-left: 40px; width:unset;}
	.sv-defult-question-sugg a{width:100%!important; margin: 0px; margin-bottom: 5px; font-size: 12px;}
	.sv-chatbot-info .text{grid-area: item1;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay{width: calc(100% - 20px); margin: 10px;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay .heading{padding: 10px 10px 0px 10px; font-size: 17px;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay .sub-head{padding: 5px 10px 10px 10px; font-size: 15px;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area{padding:10px; height: 265px;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area .question{padding:10px; margin-bottom:5px;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area .question .checkbox input[type="checkbox"]{width: 20px; height: 20px;}
	.sv-ai-popup .modal-body .overlay-bg{height: 470px;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay .cta{PADDING:10PX;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay .cta a{width: 120px;display: inline-block;}
	.sv-ai-popup .modal-body{height: 470px; padding: 5px;}
	.sv-ai-popup .modal-body .overlay-bg .question-overlay .qna-area .question .text{font-size: 15px; line-height: 22px;}
	.disable-ques{width: 297px;}
	.disable-ques .label{width: 234px;}
	.sv-ai-popup .modal-body .overlay-bg .success-overlay{width: calc(100% - 20px); margin: 10px; height: 465px;}
	.sv-ai-popup .modal-body .overlay-bg .success-overlay .success-message{width: 90%;}
	.noti-list-wrapper .confirmation-msg .text-msg{padding:20px; font-size: 14px;}
	.noti-list-wrapper .confirmation-msg .text-msg span{font-size: 20px;}
	.noti-details-wrapper .noti-title{padding:10px 14px;}
	.sv-chatbot-info a{width: 90px;}
	.ai-pop-dropdown{position: relative; width: 100%; border-radius: 7px 7px 0px 0px;}
	.chatbot-input-bar textarea{padding:15px;}
	.pinned-question{left: 10px; top: -156px; width: calc(100% - 20px); padding-bottom: 150px;}
	.sv-ai-popup .modal-body.has-pinned[id="modal-body-data"]{padding-bottom: 160px; height: calc(100vh - 340px);}
	.AskSalesVuAI.sv-ai-popup .modal-dialog.modal-lg #modal-body-data{height: calc(100vh - 321px);}
	.inner_dashboard_box .noti-row .noti-detail-wrap{flex-direction: column; align-items: baseline;}

	#update_ai_premium_bundle .modal-body{padding: 30px;}
	/*---SV AI--*/

	/*------------- paypal-integration -----------------*/
	.paypal-integration .nav.nav-tabs{width:95%;}
	.paypal-integration .nav.nav-tabs li svg{width:110px; height:auto;}
	.paypal-integration #paypal{width:95%;}
	.paypal-integration #zettle{width:95%;}
	.paypal-integration .data_panel .common-text{padding:10px; font-size: 16px;}
	.paypal-integration .data_panel .description{padding:15px;}
	.paypal-integration .data_panel_wrapper .data_panel li:first-child{padding: 7px 10px 7px 35px !important; width:100%!important}
	.paypal-integration .data_panel_wrapper .data_panel li{padding: 7px 10px 7px 35px !important; width:100%!important}
	.paypal-integration .payment-logo{overflow:auto;}
	.paypal-integration .primary_email{grid-template-columns: repeat(1, 1fr); gap: 7px;}
	.paypal-integration .primary_email .id{padding:10px;}
	.paypal-integration .primary_email .email{padding:10px;}
	.payment-options{width:100%; grid-template-columns: repeat(1, 1fr);}
	.paypal-integration .paypal-card .scope-details{grid-template-columns: repeat(1, 1fr);}
	.paypal-integration .paypal-card .scope-details li{width:100%!important;}
	.paypal-integration .paypal-card .scope-details li:first-child{width:100%!important;}
	.paypal-integration #website-url-sec{grid-template-columns: repeat(1, 1fr); gap: 7px;}
	.paypal-integration #website-url-sec .field{width: 100%; grid-column: span 2;}
	.paypal-integration .apple-pay .payment-box:last-child{border-radius: 0px;}
	/*------------- paypal-integration -----------------*/

	/*----------- webstore-banner --------------------*/
	.webstore-banner-wrapper .webstore-banner{flex-flow: column; gap: 10px; text-align: center; width:98%; padding:10px;}
	.webstore-banner-wrapper .webstore-banner .text{max-width: 312px;}
	.webstore-banner-wrapper .webstore-banner .pointers{gap:5px;}
	.webstore-banner .pointers .box{flex-direction: column; font-size: 12px;}
	/*----------- webstore-banner --------------------*/
	
	/* ------------ Website Setup Wizard -------------*/
		.content.publish-webiste .head{font-size:22px;}
		.content.publish-webiste .sub-head{font-size: 17px; padding: 0px 38px;}
		.content.publish-webiste .img{padding:0px 10px;}
		.content.publish-webiste .pointers{padding:0px 10px;}
		.content.publish-webiste .pointers br{display:none;}
		.qr-code.new-website-wizard .function-area{padding:10px; }
		.qr-code.new-website-wizard .function-area .function{grid-template-columns: repeat(1, 1fr); padding: 15px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function.heading{grid-template-columns: repeat(1, 1fr); padding: 15px;}
		.qr-code.new-website-wizard .function-area .function .preview-box{flex-direction: column; gap: 10px; width:100%;}
		.qr-code.new-website-wizard .function-area .function .preview-box #wrap-language{width: 100%;}
		.qr-code.new-website-wizard .function-area .function .qr-live-url{flex-direction: column; gap: 10px; width:100%;}
		.qr-code.new-website-wizard .function-area .function .qr-live-url #setting_form{width:100%;}
		.qr-code.new-website-wizard .function-area .function .btn-primary{width:100%; margin-bottom:10px;}
		.qr-code.new-website-wizard .function-area .function .benifit{margin-top: 15px;}
		.qr-code.new-website-wizard .function-area .function .sub-head{font-size: 19px;}
		.qr-code.new-website-wizard .function-area .function .benifit{padding: 22px 10px 10px 10px;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .industry-selection.function .select-industry select{width:100%;}

		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function .publish-icon{margin: unset;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function .publish-icon:after{display:none;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function:nth-child(2) .btn{display:inline-block; width:auto;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .terms{padding: 0px 20px 10px 20px; grid-column: span 1;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .function div:empty{display:none;}
		.qr-code.new-website-wizard .function-area .other-setting-wrapper .industry-selection{padding: 0px;}
	/* ------------ Website Setup Wizard -------------*/
	.
	/*-------------- Oreder Throttling ------------------*/
		.order_throttling .action_panel .right_options .throttling{flex-direction: column;}
		.order_throttling .action_panel .right_options .throttling-box .title{font-size: 11px; padding: 2px 6px !important;}
		.order_throttling .action_panel .right_options .throttling-box{padding: 0px 4px;}
		.order_throttling .page_action_bar .smart-tooltip.up-right:hover .tip{left: -6px; right:unset;}
		.order_throttling .page_action_bar .smart-tooltip.up-right:hover .tip:before{right: unset; left: 50px;}
	/*-------------- Oreder Throttling ------------------*/
	/*------ Stripe Payments ------------*/
		.stripe-integration .data_panel{padding: 10px;}
		.stripe-integration .status-info{flex-direction: column; text-align: center;}
		.stripe-integration .account-details{padding:15px;}
		.stripe-integration .capabilities-grid{display: flex; overflow: auto; gap:0px;}
		.stripe-integration .capabilities-grid::-webkit-scrollbar:horizontal {-webkit-appearance: none; height: 5px;}
		.stripe-integration .capabilities-grid .capability-item{white-space: nowrap;}
		.stripe-integration .capabilities-section{padding:15px;}
	/*------ Stripe Payments ------------*/
	/*-------------- Import form Container ------*/
		.import-form-container .form-contianer .note ul{grid-template-columns: repeat(1, 1fr);}
	/*-------------- Import form Container ------*/

	/*--------------- Image Galler ------------------*/
		.image-gallery .action_panel{overflow:auto;}
		.image-gallery #image_gallery_upload_options{padding: 10px; justify-content: start; overflow: scroll; display: grid; grid-template-columns: repeat(5, 1fr);}
		.image-gallery #image_gallery_content .uploaded-image-area{    grid-template-columns: repeat(1, 1fr); gap:10px;}
		.image-gallery #image_gallery_upload_options .box{width:200px;}
		.image-gallery .ig-sheet-row{width:90%}
		.image-gallery .upload-image-area{width:100%}
		.image-gallery .ig-sheet-row .alert{width:100%}
		.image-gallery .ig-pe-search-wrap form.form-inline{align-items: baseline;}
		.ig-pe-pagination.pagination li:first-child{padding-left: 0px !important; width: auto !important;}
		.ig-pe-pagination.pagination li{white-space: nowrap;}
		.image-gallery .pagination_container{position:relative;}
		.image-gallery #image_gallery_map_content .pagination.pagination-sm li{padding-left: 0px !important; width: auto !important;}
		.image-gallery #image_gallery_map_content .pagination.pagination-sm li{white-space: nowrap;}
	/*--------------- Image Galler ------------------*/

	/*-------------- Z Report — GL Entries------*/
		.gl-entries-export-page .inner_panel {padding: 15px 15px 0px 15px;}
		.gl-entries-export-page .action_panel{flex-direction: column; gap:10px;}
		.gl-entries-export-page .action_panel .cta{width: 100%;}
		.gl-entries-export-page #gl-entries-export-form .checbox-field{flex-direction: column;}
		.gl-setup-page ul.nav.nav-tabs{display: flex; overflow: auto; overflow-y: hidden; padding: 0px 10px;}
		.gl-setup-page ul.nav.nav-tabs li{white-space: nowrap;}
		.gl-setup-page .form_area .panel{padding:10px;}
		.gl-setup-page .form_area .panel .panel-body{padding:10px;}
		.gl-setup-page .form_area .panel #gl-form-mapping .cta-area{display: flex; flex-flow: wrap; flex-direction: column-reverse; gap: 10px;}
		.gl-setup-page .form_area .panel #gl-form-mapping .cta-area .pull-right.margin_left_10{margin:0px!important; display: grid; grid-template-columns: repeat(2, 1fr);}
		.gl-setup-page .form_area .panel .gl-bulk-actions .btn{white-space: normal; text-align: left;}
		.gl-setup-page .form_area .panel.current-mapping table thead th{white-space: nowrap;}
		.gl-setup-page .form_area .panel.current-mapping table tbody td{white-space: nowrap;}
		.gl-setup-page #gl-form-location{display: grid; gap: 10px;}
		.gl-setup-page .store-filter{align-items: normal; flex-direction: column;}
		.gl-setup-page #gl-form-component{align-items: normal; flex-direction: column;}
		.gl-setup-page #gl-form-format-global{align-items: normal; flex-direction: column;}
		.gl-setup-page #gl-form-format{align-items: normal; flex-direction: column;}
		.gl-setup-page #gl-form-account{align-items: normal; flex-direction: column;}
		.gl-sched-page .form_area .panel.current-mapping table thead th{white-space: nowrap;}
		.gl-sched-page .form_area .panel.current-mapping table tbody td{white-space: nowrap;}
	/*-------------- Z Report — GL Entries------*/
	
	/*---------- Export Label Sheet -----------*/
		.label-sheet-cta-area{padding:10px; grid-template-columns: repeat(1, 1fr); gap:10px;}
		.label-sheet-cta-area .column{padding: 10px;}
		.label-sheet-cta-area .column .text{padding:0px; height:auto;}
	/*---------- Export Label Sheet -----------*/
}

@media print {
  /* Hide header, footer, or any other elements you don't want printed */
  header, footer, .no-print {
    display: none;
  }
}
	/*----------------- android app ------------------*/
	.android_hhpos .rightpanel_wrapper {margin-left: 0px !important; padding-top: 0px!important;}
	.android_hhpos .aks-sv-ai{display:none;}
	.android_hhpos .back-landing{display:none;}
	.android_hhpos .after-back-btn{margin-left:0px!important;}
	.android_hhpos .navbar-default .navbar-toggle{display:none;}
	.android_hhpos.product_services .data_panel_wrapper .data_panel .proname_list {padding-left: 45% !important; width: 100% !important;}
	.android_hhpos.product_services .data_panel_wrapper .data_panel li{padding-left: 45% !important; width: 100% !important;}
	.android_hhpos.product_services .data_panel_wrapper .data_panel li:nth-child(2){padding-left: 45% !important; width: 100% !important;}
	.android_hhpos.product_services .data_panel_wrapper .data_panel li:nth-child(3){padding-left: 45% !important; width: 100% !important;}
	.android_hhpos.product_services .data_panel_wrapper .data_panel li:nth-child(4){padding-left: 45% !important; width: 100% !important;}
	.android_hhpos.product_services .data_panel_wrapper .data_panel li:last-child {width: 100% !important;}
	.android_hhpos.product_services .data_panel_wrapper .data_panel li:last-child .dropdown-menu li {width:100%!important; padding-left: 0px !important;}
	.android_hhpos.product_services .data_panel_wrapper .data_panel li:last-child .dropdown-menu li a{width:100%!important; padding: 3px 8px; !important;}
	.android_hhpos.product_services .data_panel_wrapper .table_header{display:table!important}
	.android_hhpos.product_services .data_panel_wrapper .table_header li{display:none!important; }
	.android_hhpos.product_services .data_panel_wrapper .table_header li:first-child{display:block!important; padding-left: 9px!important;}
	.android_hhpos.product_services .data_panel_wrapper .table_header li:first-child .actions_items {display:none!important}
	.android_hhpos.product_services .data_panel_wrapper .table_header li:first-child .checkbox label{padding-left: 6px;!important}
	.android_hhpos .header .navbar-default .navbar-brand{display:block!important;}

	/*----------------- android app ------------------*/
	

	/*======For Walkme only=====*/


	@media only screen and (max-width: 760px) {
		.about-sv-update{ display:none;}
	}
	@media only screen 
		and (min-device-width : 414px) 
		and (max-device-width : 760px) 
		and (orientation : landscape) { .about-sv-update{ display:none;}}

	iframe#launcher{display:none!important;}
	/*======For Walkme only=====*/


	.clover_pos .data_panel_wrapper .more_than_10{position: relative;}
	.clover_pos .data_panel_wrapper .more_than_10 .table_header{z-index: 1001 !important;}
	.clover_pos .aks-sv-ai{font-size: 12px !important;} padding: 10px !important;} 
	.clover_pos.product_services .data_panel_wrapper .table_header li:first-child {width: 80px !important;}	
	.clover_pos.product_services .data_panel_wrapper .table_header .proname_list_head {width: auto !important;}
	.clover_pos.product_services .data_panel_wrapper .table_header li {width: 150px !important;}
	.clover_pos.product_services .data_panel_wrapper .data_panel li:first-child {width: 80px !important;}	
	.clover_pos.product_services .data_panel_wrapper .data_panel .proname_list {width: auto !important;}
	.clover_pos.product_services .data_panel_wrapper .data_panel li{width: 150px !important;}
	.clover_pos .side-nav-small{display:none!important;}
	body.clover_pos .rightpanel_wrapper{margin-left: 0px !important;}
	.clover_pos .after-back-btn {margin-left: 0px !important;}
	.clover_pos .navbar-collapse{display:none!important;}
	.clover_pos .back-landing{display:none!important;}
	.clover_pos .navbar-brand{padding-left:0px!important;}
	.clover_pos.set_inventory_page .action_panel .actions_items .dropdown-menu li:first-child{display:none!important;}
	.clover_pos.set_inventory_page .action_panel .actions_items .dropdown-menu li:nth-child(14){display:none!important;}
	.clover_pos.report-trasactions .leftside_nav{display:none!important;}
	.clover_pos.easy_accounting .data_panel_wrapper{margin-left: 0px;}
	.clover_pos.order_report .table_header .actions_items {display:none!important;}
	.clover_pos.discount .row.action_panel .actions_items .dropdown-menu li:first-child{display:none!important;}
	.clover_pos.discount .row.action_panel .actions_items .dropdown-menu li:nth-child(3){display:none!important;}
	.clover_pos.discount .row.action_panel .actions_items .dropdown-menu li:nth-child(4){display:none!important;}
	.clover_pos.order_report .action_panel #send-email-button{display:none!important;}
	.clover_pos.tax_report .action_panel #send-email-button{display:none!important;}
	.clover_pos.tax_report .action_panel .advance_options #wrap-bdsb_select .multiselect-container li:nth-child(2){display:none!important;}
	.clover_pos.sales_page .action_panel .advance_options #wrap-bdsb_select .multiselect-container li:nth-child(2){display:none!important;}
	.clover_pos .min_height_pop{height: 200px;}
	.clover_pos #select_category_modal{margin-bottom: 50px;}
	.clover_pos.product_services .action_panel .actions_items .dropdown-menu li:nth-child(2){display:none!important;}
	.clover_pos.product_services .action_panel .actions_items .dropdown-menu li:nth-child(4){display:none!important;}
	.clover_pos .row.desc_doc{display:none!important;}
	.clover_pos .modal-content{margin-bottom:100px;}
	.clover_pos.tax_management .action_panel .right_options [data-id="add_tax"]{display:none!important;}
	.clover_pos.tax_management .action_panel .right_options [id="show_slab_location_popup"]{display:none!important;}
	.clover_pos.tax_management .add_button{display:none!important;}
	.clover_pos.product_services .data_panel_wrapper .table_header{display: block !important;}
	.clover_pos.product_services .data_panel_wrapper .table_header li:first-child{width: 100%!important; padding-right: 0px; display:table!important; padding-left: 45px;}
	.clover_pos.product_services .data_panel_wrapper .table_header li{display:none!important}
	.clover_pos.product_services .data_panel_wrapper .table_header .actions_items a.dot{top:0px;}
	.clover_pos.product_services .data_panel_wrapper .table_header li .actions_items{display:none!important;}
	.clover_pos.sales_page .popout{display:none!important}
	.clover_pos.sales_page .action_panel .right_options #save-report-button{display:none!important;}
	.clover_pos.product_services .action_panel .search {width: 160px;}
	.clover_pos.manage_categories .ui-sortable-handle{display: none !important;}
	.clover_pos.tax_report .hide-clove-app{display: none !important;}
	.clover_pos.sales_page .hide-clove-app{display: none !important;}
	.clover_pos.add_discount_page .rightpanel_wrapper{padding-bottom: 800px !important;}
	.clover_pos .hide-clove-app{display: none !important;}
	.clover_pos.product_services .hide-clove-app{display: none !important;}
	.clover_pos.tax_report .total_discount .col-sm-3{ width: 100% !important;}
	.clover_pos.discount .action_panel .actions_items{display: none !important;}
	.clover_pos .navbar-default .navbar-toggle{display:none!important;}
	
	/*----------------- ndroid ------------------*/

	@media screen and (max-width: 1400px) {
		/*-----Notification------*/
		.aks-sv-ai{right: 250px;}
		.home_page .aks-sv-ai{right: 358px;}
		
	}

	@media screen and (max-width: 1200px) {
		/*-----Notification------*/
		.aks-sv-ai{right: 165px;}
		.home_page .aks-sv-ai{right: 358px;}
		
	}

	@media screen and (max-width: 565px) {
	
	.rightpanel_wrapper {margin-left: 0px !important;}
	.form_area .well{padding: 0px 0px 10px 0px;}
	.landing-section .landing-col{width:100%;}
	.order_list_page .data_panel_wrapper .data_panel li:first-child{padding-left:45% !important; width: 100% !important;}
	.order_list_page .data_panel_wrapper .data_panel li{padding-left:45% !important; width: 100% !important;}
	.order_list_page .data_panel_wrapper .data_panel {padding-bottom:60px;}
	.data_panel li .actions_items .dropdown-menu li:first-child{padding-left: 0px !important;}
	.data_panel li .actions_items .dropdown-menu li{padding-left: 0px !important;}
	.data_panel li .actions_items a.dot:after{font-size: 36px; top: -5px; position: relative; font-weight: 800;}
	.data_panel_wrapper{overflow: visible !important; position: relative !important; top: 0px !important; height: auto !important;}
	.data_panel_wrapper .more_than_10 {position: relative !important;}
	#show_total_amount{right: 37%;}
	.add_purchase_page .data_panel_wrapper .more_than_10{height:auto;}
	.modal-body .data_panel_wrapper .more_than_10 .data_panel{overflow: auto;}
	.order_report .data_panel_wrapper .data_panel li:first-child{padding-left:12px !important; width: 100% !important;}
	.order_report .data_panel_wrapper .data_panel li{padding-left:45% !important; width: 100% !important;}
	.order_report .data_panel li:first-child .checkbox{position: relative; top: unset; left: unset; z-index: 100; margin-top: 10px;}
	.order_report .data_panel li:first-child .checkbox label{padding-left: 0px;}
	#product_list1.data_panel li:first-child{padding-left:45% !important; width: 100% !important;}
	.data_panel .parent li{padding-left:45% !important; width: 100% !important;}
	.view-purchase-list-po .view_po_more_10 .data_panel li:first-child{padding-left:45% !important; width: 100% !important;}
	.view-purchase-list-po .view_po_more_10 .data_panel li{padding-left:45% !important; width: 100% !important;}
	.product_services .data_panel_wrapper .data_panel li, .p-services .data_panel_wrapper .data_panel li:nth-child(2), .p-services .data_panel_wrapper .data_panel li:nth-child(3){padding-left:45% !important; width: 100% !important;}
	.p-services .data_panel_wrapper .data_panel li:first-child {padding-left: 14px !important;}
	.location-search-wrapper label{width:100% !important;}
	.location-search-wrapper label .col-md-8.col-sm-8 {width: 50%;}
	.product_services .data_panel_wrapper .data_panel li:first-child{width: 100% !important; padding-left: 14px !important;}
	.product_services .data_panel_wrapper .data_panel .proname_list{padding-left:45% !important; width: 100% !important;}
	.manage_modifier .data_panel_wrapper .data_panel li:first-child, .manage_categories .data_panel_wrapper .data_panel li:first-child{padding-left: 10px !important;}
	.manage_modifier .data_panel_wrapper .data_panel li, .manage_categories .data_panel_wrapper .data_panel li{padding-left: 10px !important;}
	.unit_conversion .unit .header, .manage_modifier .data_panel_wrapper .table_header li:first-child, .manage_categories .data_panel_wrapper .table_header li:first-child {padding-left: 10px !important;}
	.col-height{float: none !important;}
	.tax_management .data_panel li .actions_items a.dot:after {top: -4px; position: absolute; right: 5px;}
	#add_tax .col-sm-4.title{width: 50%;}
	.location-search-wrapper label .col-md-8.col-sm-8 {width: 50% !important;}
	.location-search-wrapper .col-md-8.col-sm-8 {width: 50% !important;}
	.location-search-wrapper .col-md-4.col-sm-4 label {width: 50px !important;}
	.conversion_unit .content_table li {width: 49%;}
	.color_management .data_panel .checkbox label {padding-left: 0px; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.tax_management .tab-content .col-sm-6{width:50%;}
	html body.tax_management .list#dis_product_list .item label {padding: 0px !important; width: 100%;}
	.time_slots .data_panel_wrapper .more_than_10 .table_header{display:none !important}
	#recurrence_box .data_panel .check_box{padding-left: 14px !important;}
	#recurrence_box .data_panel .width_14, #recurrence_box .data_panel li{padding-left:45% !important; width: 100% !important;}
	#recurrence_box .data_panel li .actions_items .dropdown-menu li{padding-left: 0% !important;}
	#rec_section .col-sm-3{width:100%; display: table;}
	.recurring_billings .data_panel_wrapper .more_than_10 .table_header li:first-child {display: inline-block;}
	.recurring_billings .data_panel_wrapper .more_than_10 .table_header .check_box {display: inline-block;}
	.recurring_billings #history_list li:first-child{width: 100% !important; padding-left: 14px !important;}
	.recurring_billings #history_list li{padding-left:45% !important; width: 100% !important;}
	.trip_basics .form_area {margin-left: 0px;}
	.modal-body #selected_pr_show #sel_pro_with_cost{overflow: auto;}
	#step2 .data_panel_wrapper.product_detail .more_than_10 { overflow: auto !important;}
	.home_page .navbar .container-fluid {padding-right: 0px;}
	.home_page .header .other_nav .navbar-header {margin-right: 0px;margin-left: 0;}
	.home_page .header {margin-right: 0;margin-left: 0;}
	.home_page .data_panel_wrapper{padding: 12px;}
	.login-with-google-btn{width: 100%; margin-bottom: 10px;}
	.login-with-paypal-btn{width: 100%; margin-bottom: 10px;}
	.resend-otp-timer{border: solid 1px #000;padding: 0px 15px;border-radius: 12px;}
	.save-p-report{display: grid; width: 100%; grid-template-columns: repeat(2, 1fr);}
	.save-p-report .margin_left_10{margin-left:0px!important;}
}

/*----------------- ndroid ------------------*/