/* start #789 08-05-2025 */
.header .navbar-nav-menu {width: calc(100% - 64px) !important;}
.header .navbar-nav-menu .store-product-ordering-custom{ width: calc(100% - 340px) !important; }
 /* start #789 08-05-2025 */
.header span.select2.select2-container { width: 470px !important; cursor: pointer;} /* 2024-07-23 */
.header span.select2.select2-container input{cursor: pointer;}
.datefilter, .datefilter input{cursor: pointer;}
.header #report-listing { width: 410px !important; cursor: pointer;} /* 2024-08-12 */
.header #report-listing input{cursor: pointer;}
.header ul.navbar-nav { gap: 5px; padding-top: 15px; }
.header .navbar-expand-top-row { padding:10px 5px 10px 5px; }
.header .header-notification-bell-icon { margin-right: 20px; padding-left: 20px; }
.header span.select2.select2-container .select2-selection__arrow b { display: none !important; }

.header span.select2.select2-container .select2-selection__arrow:after { content: "\f107"; position: absolute; right: 3px; width: 25px; height: 25px; background: transparent; border: 2px solid #fff; border-radius: 50%; font-family: "Font Awesome 5 FREE"; font-weight: 900; color: #ffffff; top: 5px; line-height: 24px; text-align: center; }
.header .navbar-nav-select-wrap { margin-top: 0 !important; margin-right: 5px !important; }
.header .navbar-nav-menu:after { content: inherit; }
a.navbar-brand {
	padding: 20px;
}
.btn-actions, .category-filter-list-inner,.category-filter-list-inner-comparison, .brand-filter-list-inner,.brand-filter-list-inner-comparison, .store-filter-list-inner{margin-top: 0px !important;}
.navbar-toggler{padding: .25rem .5rem !important; }

/* start scrollbar css - 2024-12-31*/

ul#select2-mul-sku-filter-results::-webkit-scrollbar,
ul#select2-group-multiselect-results::-webkit-scrollbar,
ul#select2-mul-category-filter-results::-webkit-scrollbar,
ul#select2-mul_store_filter-results::-webkit-scrollbar,
#company_group_list_table tbody::-webkit-scrollbar
{
    width: 4px;
    background-color: #F5F5F5;
}

ul#select2-mul-sku-filter-results::-webkit-scrollbar-thumb,
ul#select2-group-multiselect-results::-webkit-scrollbar-thumb,
ul#select2-mul-category-filter-results::-webkit-scrollbar-thumb,
ul#select2-mul_store_filter-results::-webkit-scrollbar-thumb,
#company_group_list_table tbody::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

/* end scrollbar css */


#company_group_list_table thead tr{
	color: #fff;
}

/* Load store Button css */
.navbar-expand-dropdown .report-store-list {
    display: flex;
    width: 100%;
}
.report-store-list button.report-filter-button{

    margin-left: 10px !important;
    min-width: 156px;
    background: #ffffff;
    color: #323233;
    border: 1px solid #323233;
    cursor: pointer;
    border-radius: 5px;
}
.report-store-list button.report-filter-button.disabled{
	opacity: 0.5;
    cursor: not-allowed;
}

@media only screen and (max-width:1660px) {
	body .header #report-listing{width: 370px !important;}
	.header span.select2.select2-container { width: 370px !important; }
	.header .navbar-expand-dropdown img { width: 30px; }
	.header .navbar-expand-row { padding-left: 10px; }
	.header .navbar-nav li a { font-size: 12px; }
	.header .header-notification-bell { margin-left: 10px; }
	.category-filter-list span.select2.select2-container{width: 220px !important; min-width: auto !important; }
}

@media only screen and (max-width:1280px) {
	.header .navbar-expand-dropdown { width: auto !important; }
	.header .navbar-nav-select select{width: 185px !important;}
}
@media only screen and (max-width:1199px) {
	.header span.select2.select2-container { width: 150px !important; }
	.header ul.navbar-nav { gap: 2px; }
	body .header #report-listing{width: 150px !important;}
	.category-filter-list span.select2-container{min-width: 210px !important;}
	.header{padding: 0 !important;}
	.header .site-start-date-main-wrap .site-start-date-row .site-start-date-col{padding: 0 !important;}
	.page-template-store-comparison-template .summary_reporting_sub_main .datefilter { width: calc(50% + 25px); display: flex; align-items: center; }
	.page-template-store-comparison-template .site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner,.page-template-store-comparison-template .site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison{width: calc(100% - 70px) !important;}
}
@media only screen and (min-width:992px) {
	.hide-desktop{display: none;}
}
@media only screen and (max-width:991px) {
	header{position: relative;}
	.hide-desktop{display: block;}
	.header .header-notification-bell-icon { top: 0; }
	.hide-mobile { display: none !important; }
	.header .navbar-nav-menu { width: 100% !important; }
	.header .navbar-nav-select-wrap { width: 100%; margin-right: 0px !important; }
	.header .navbar-nav-select select { padding-left: 0px; }
	.header .navbar-expand-top-row { margin-top: 0px !important; }
	.header span.select2.select2-container .select2-selection__arrow:after { color: #fff; }
	.header .navbar-expand-top-row { align-items: flex-start; }

	.header .navbar-expand-dropdown { width: calc(100% - 40px) !important; padding-right: 0; }
	.header .navbar-expand-left-col{justify-content: flex-start;}
	.header .select2-container--default .select2-selection--single .select2-selection__rendered{background: transparent !important; color: #fff !important;}
	.header .select2-container--default .select2-selection--single { background: transparent; color: #fff; }
	body .header #report-listing{width: calc(100% + 40px) !important; margin-left: -40px;}
	.header .navbar-expand-dropdown span.select2.select2-container{width: 100% !important;}
	.summary_reporting_sub_main .site-start-date-main-wrap{width: 100%; justify-content: flex-start;}
	.site-start-date-main-wrap .site-start-date-row{width: 100% !important;}

	.header span.select2.select2-container{width: 200px !important;}
	.header .site-start-date-main-wrap .site-start-date-row .site-start-date-col{width: 100% !important;}
	.category-filter-list-inner,.category-filter-list-inner-comparison, .brand-filter-list-inner,.brand-filter-list-inner-comparison, .store-filter-list-inner{margin-top: 0 !important;}
	.category-filter-list{gap: 10px !important;}
	
	.header .btn-actions.report_filter_button{margin-top: 0 !important;}
	.basic_reporting_page .summary_reporting_sub_main .site-start-date-main-wrap { padding-right: 0 !important; }
	body.basic_reporting_page .header #report-listing{margin: 0; width: 100% !important;}
	.basic_reporting_page .summary_reporting_sub_main .report-date-filter{width: 100%;}
	.page-template-store-comparison-template .header #report-listing{width: calc(50% + 80px) !important; margin-left: 0;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.header span.select2.select2-container, body .header #report-listing{width: 220px !important;}
	.basic_reporting_page .header span.select2.select2-container, body .header #report-listing{width: 249px !important;}
	.page-template-store-comparison-template .header #report-listing{width: calc(100% - 156px) !important;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    header.header {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 767px) {
	header.header { margin-bottom: 0px !important; }
	.category-filter-list { flex-wrap: wrap; width: 100%; }
	.header .site-start-date-main-wrap .site-start-date-row .site-start-date-col { padding: 0; }
	.category-filter-list-inner, .category-filter-list-inner-comparison, .brand-filter-list-inner, .brand-filter-list-inner-comparison, .store-filter-list-inner { width: 100% !important; }
	.header span.select2.select2-container { width: 100% !important; }
	.report-date-filter { width: 100%; }
	.header .btn-actions.report_filter_button { padding-right: 0px !important; }
	.daterangepicker { width: calc(100% - 18px) !important; }
	.daterangepicker .drp-calendar { width: 100% !important; max-width: 100% !important; }
	.add-custom-days-options.daterangepicker.show-calendar .drp-buttons { flex-wrap: wrap; }
	.date-days-html { width: 100% !important; }
	.add-custom-days-options.daterangepicker.show-calendar .drp-selected { margin-left: 10px !important; }
}

body.page-template-reporting-temp button.manage-group-filter.company-filter-button ,body.page-template-store-comparison-template button.manage-group-filter.company-filter-button  {
    padding: 4px 5px 4px 5px;
    margin: 0px 5px;
    min-width: 170px; /* 2024-08-12*/
	background: #323233;
    color: #fff;
    border: 1px solid #535354;
    border-radius: 5px;
}
body.page-template-reporting-temp .fixed_data_table_parent, body.page-template-store-comparison-template .fixed_data_table_parent {
    table-layout: fixed;
    width: 100%;
    clear: both;
    padding-top: 30px;
}

body.page-template-reporting-temp .fixed_data_table_parent table thead,body.page-template-store-comparison-template .fixed_data_table_parent table thead, .fixed_data_table_parent tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.fixed_data_table_parent table#company_group_list_table tbody,
body.page-template-store-comparison-template .fixed_data_table_parent table tbody {
    max-height: 300px; 
    overflow: auto;
    overflow-x: hidden;
    display: inline-block;
}
body.page-template-reporting-temp #company_group_list_table_filter.dataTables_filter{float:right !important; }
body.page-template-reporting-temp table#company_group_list_table_filter thead th:first-child, table#company_group_list_table_filter tbody td:first-child {
    width: fit-content !important;
	box-sizing:border-box;
}

body.page-template-reporting-temp table#company_group_list_table tbody::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

body.page-template-reporting-temp table#company_group_list_table tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
body.page-template-reporting-temp table#company_group_list_table thead tr th:first-child, table#company_group_list_table tbody tr td:first-child { width: 150px !important; }
body.page-template-reporting-temp table#company_group_list_table thead tr th:last-child,  table#company_group_list_table tbody tr td:last-child { width: 250px !important; text-align:center; }
body.page-template-reporting-temp table#company_group_list_table thead tr th{ padding:10px;text-align;center;}
.error-msg { text-align: center; color: #ff0000; font-size:17px; }
.add_store_list { width: 100px; text-align: center; }
.company-group-selection .select2-selection.select2-selection--multiple { max-height:80px; }
.company-group-selection.company-select-store .select2-selection--multiple:after{
	content: "\f107";
    right: 0px;
    width: 25px;
    height: 25px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    font-family: "Font Awesome 5 FREE";
    font-weight: 900;
    color: #fff;
    top: 50%;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}
.manage-group-form { background-color: #323233; padding: 15px; color: #fff; flex-flow: nowrap; }
.manage-group-form .select2-search__field{ width:auto !important; }
.manage-group-form .add_store_list{
	background: #323233;
    color: #fff;
    border: 1px solid #535354;
    border-radius: 5px;
    padding: 4px 10px 4px 3px;
}
body.page-template-reporting-temp button.manage-group-filter.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
body.page-template-reporting-temp button.company-filter-button {
	background: #323233;
	color:#fff;
	border: 1px solid #535354;
    border-radius: 5px;
    padding: 4px 10px 4px 3px;
}

body.page-template-reporting-temp #select2-company-assign-stores-filter-results li.select2-results__option[aria-selected="true"]:after{
	display: inline-block;
    content: "\2714\0020";
	color:#1DE200;
	font-size:25px;
	float: right;
}
.company_group_name{ border:1px solid #535354; }

body.page-template-reporting-temp .group-filter-list span.select2-container .select2-selection--multiple ul.select2-selection__rendered {
	max-height: 80px;
    overflow-y: auto;
    padding: 0 5px;
}





/* ---------------16-07-2024------------------ */

/*----------------24-07-2024------------------ */
.select2-container .select2-dropdown span.select2-results ul li {
    position: relative;
}

.select2-container .select2-dropdown span.select2-results ul li span {
    padding-right: 20px;
    display: block;
}

/* start InsightAI filters UI changes 2024-12-26 */
/*#select2-mul_store_filter-results li.select2-results__option[aria-selected="true"]:after, #select2-mul-sku-filter-results li.select2-results__option[aria-selected="true"]:after, #select2-mul-category-filter-results li.select2-results__option[aria-selected="true"]:after, #select2-group-multiselect-results li.select2-results__option[aria-selected="true"]:after, #select2-group_store_list-results li.select2-results__option[aria-selected="true"]:after, #select2-comparison-mul-category-filter-results li.select2-results__option[aria-selected="true"]:after, #select2-comparison-mul-sku-filter-results  li.select2-results__option[aria-selected="true"]:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}*/
/* end InsightAI filters UI changes 2024-12-26 */

/* 2024-08-12 */
.page-template-reporting-temp-igng .summary_reporting_sub_main .datefilter{
	display: flex;
    align-items: center;
    min-width: 250px;
}


/*07-08-2024*/
select#report-listing{font-size: 16px !important; line-height: 28px !important; }
.header .navbar-expand-left-col { justify-content: space-between; }
.summary_reporting_sub_main .site-start-date-main-wrap { max-width: 890px; }
.filter-btn button { min-width: 80px; padding: 4px 15px;}
.report-export-btn-wrapper img.download-img { width: 100% !important; max-width: 158px; margin-right: 0; }
.summary_reporting_sub_main .datefilter #inpDatePicker{min-width: auto !important;}
input#inpDatePicker{width:100% !important; text-align: left !important; font-size: 16px !important; line-height: 26px !important; }

.navbar-expand-dropdown .select2-container--default .select2-selection--multiple{
	max-height: 28px;
	min-height: 28px !important; 
}

.select2-container .select2-search--inline .select2-search__field{
	margin-top: 2px !important; 
}

/*07-08-2024*/

@media screen and (min-width: 1200px) {

	.site-start-date-main-wrap {
	    width: 100%;

	}
	.site-start-date-main-wrap .site-start-date-row {
	    width: 100%;
	}
	.site-start-date-main-wrap .site-start-date-row .site-start-date-col {
	    gap: 10px;
	}
	.site-start-date-main-wrap .site-start-date-row .group-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison,
	.site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner-comparison {
	    width: calc(50% - 50px) !important;
	}

	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner, .site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner,.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison, .site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner-comparison{
		width: calc(50% - 69px) !important;
	}

	.site-start-date-main-wrap .site-start-date-row .group-filter-list-inner{
		width: calc(50% - 31px) !important;
	}

	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison{
	    margin: 0 !important;
	}
	.site-start-date-main-wrap .site-start-date-row .site-start-date-col .filter-btn,
	.site-start-date-main-wrap .site-start-date-row .category-filter-list .filter-btn:last-child {
	    margin: 0;
	    width: 80px;
	}
	.site-start-date-main-wrap .site-start-date-row .site-start-date-col .filter-btn button,
	.site-start-date-main-wrap .site-start-date-row .category-filter-list .filter-btn button {
	    width: 100%;
	}
	.site-start-date-main-wrap .site-start-date-row .group-filter-list-inner span.select2,
	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner span.select2,
	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison span.select2 {
	    width: 100% !important;
	}
	.site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner-comparison {
	    margin: 0 !important;
	}
	.site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner span.select2 {
	    width: 100% !important;
	}
	.site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner-comparison span.select2 {
	    width: 100% !important;
	}
	.page-template-reporting-temp .site-start-date-main-wrap .site-start-date-row .category-filter-list .datefilter, .page-template-store-comparison-template .site-start-date-main-wrap .site-start-date-row .category-filter-list .datefilter {
	    width: calc(30% - 20px);
	    display: flex;
	    align-items: center;
	    overflow: hidden; 
	}

	.site-start-date-main-wrap .site-start-date-row .category-filter-list .filter-btn button.rpt-fltr-manage-group {
	    margin: 0;
	}
	/* 2024-07-25 */
	.page-template-reporting-temp .header .navbar-expand-dropdown span.select2,
	.page-template-company-reports-template .header .navbar-expand-dropdown span.select2,
	.page-template-store-comparison-template .header .navbar-expand-dropdown span.select2{
	    padding: 2px 10px 2px 3px;
	}
	/* 2024-07-25 */
	.page-template-reporting-temp .header .navbar-expand-dropdown span.select2 li.select2-selection__choice,
	.page-template-company-reports-template .header .navbar-expand-dropdown span.select2 li.select2-selection__choice,
	.page-template-store-comparison-template .header .navbar-expand-dropdown span.select2 li.select2-selection__choice{
	    margin: 3px 0 0 0;
	}

	.page-template-reporting-temp .navbar-expand-dropdown .select2-container--default .select2-selection--multiple:after,
	.page-template-company-reports-template .navbar-expand-dropdown .select2-container--default .select2-selection--multiple:after,
	.page-template-store-comparison-template .navbar-expand-dropdown .select2-container--default .select2-selection--multiple:after{
	    top: 3px;
	}
	.navbar-expand-dropdown {
	    width: auto;
	}
	.header .summary_reporting_data_header_main {
	    width: calc(65% - 40px);
	}
	.page-template-reporting-temp .header span.select2.select2-container {
	    width: 100% !important;
	}
	.page-template-store-comparison-template .header span.select2.select2-container {
	    width: 100% !important;
	}

	.page-template-reporting-temp .header .manage-group-form  span.select2.select2-container,
	.page-template-company-reports-template .header .manage-group-form span.select2.select2-container {
		width: calc(450px)!important;
	}
	
	.header .navbar-expand-dropdown select#report-listing {
	    width: calc(100% - 160px) !important;
	}

	.header .navbar-expand-dropdown .report-export-btn-wrapper {
	    width: 160px;
	    margin-left: 10px !important;
	}

	.header .navbar-expand-dropdown .company-filter-download {
	    width: 100%;
	}

}

@media screen and (min-width: 1660px) {
	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner, .site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner,.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison, .site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner-comparison{
		width: calc(50% - 78px) !important;
	}

	.site-start-date-main-wrap .site-start-date-row .group-filter-list-inner{
		width: calc(50% - 10px) !important;
	}

}

@media screen and (max-width: 1600px) {
	   	.page-template-company-reports-template .header .navbar-expand-dropdown img {
	    	width: unset;
		}
		/*07-08-2024*/
		body.page-template-reporting-temp .filter-btn{margin-left: 0 !important;}
		body.page-template-reporting-temp button.manage-group-filter.company-filter-button{
			min-width: 155px !important;
    		white-space: nowrap;
		}
		/*07-08-2024*/
	
}

@media screen and (max-width: 1400px) {
	.page-template-reporting-temp .site-start-date-main-wrap .site-start-date-row .category-filter-list .datefilter{
		width: calc(30% - 30px);
	}
}

/*07-08-2024*/
@media screen and (max-width: 1360px) {
	.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner, .site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner,.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison, .site-start-date-main-wrap .site-start-date-row .category-filter-list .category-filter-list-inner-comparison{
		width: calc(50% - 94px) !important;
	}
	.site-start-date-main-wrap .site-start-date-row .group-filter-list-inner{
		width: calc(50% - 6px) !important; 
	}
	.summary_reporting_sub_main .select2-selection--multiple:after{
		width: 27px;
	}

	body.page-template-reporting-temp button.manage-group-filter.company-filter-button{
		min-width: auto !important;
	}

}
/*07-08-2024*/

@media screen and (max-width: 1199px) {
	.header .navbar-expand-left-col {
	    flex-wrap: wrap;
	}

	.header .navbar-expand-left-col .navbar-expand-dropdown {
	    width: calc(100% - 40px) !important;
	    flex-direction: row;
	    margin: 0;
	}

	.header .navbar-expand-left-col .navbar-expand-dropdown span.select2.select2-container {
	    width: 50% !important;
	    min-height: 34px;  
	    padding-top: 2px !important;
	    padding-bottom: 2px !important;
	}

	.header  .d-flex.company-filter-download .report-export-btn-wrapper img {
	    width: 140px;
	    object-fit: contain;
	    margin: 0;
	}

	.page-template-reporting-temp .header  .d-flex.company-filter-download select#report-listing {
	    width: calc(100% - 126px) !important;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap {
	    width: 100%;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .site-start-date-row {
	    width: 100%;
	}

	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .datefilter {
		display: flex;
		align-items: center;
		overflow: hidden;
	}
	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .datefilter,
	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .filter-btn,
	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list-inner,
	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list-inner-comparison {
	    width: calc(33.33% - 32px) !important;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .filter-btn:last-child {
	    width: 70px !important;
	    margin: 0 !important;
	    display: flex;
	    align-items: revert;
	    justify-content: flex-end;
	    border-radius: 6px;
	    overflow: hidden;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .filter-btn .company-filter-button {
	    width: 100%;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list-inner span.select2.select2-container {
	    width: 100% !important;
	}
	.summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list-inner-comparison span.select2.select2-container {
	    width: 100% !important;
	}

	.header .summary_reporting_data_header_main {
	    margin-top: 10px;
	}

	.site-start-date-main-wrap .site-start-date-col .group-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-col .brand-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-col .brand-filter-list-inner-comparison {
	    width: calc(50% - 62px);
	}

	.site-start-date-main-wrap .site-start-date-col .group-filter-list-inner .company-group-selection,
	.site-start-date-main-wrap .site-start-date-col .brand-filter-list-inner .select2-container,
	.site-start-date-main-wrap .site-start-date-col .brand-filter-list-inner-comparison .select2-container {
	    width: 100% !important;
	}
	.navbar-expand-dropdown .select2-container--default .select2-selection--multiple {
	    min-height: unset;
	    line-height: 1.3;
	}

	.navbar-expand-dropdown .select2-container--default .select2-selection--multiple li.select2-selection__choice {
	    margin: 0;
	    position: relative;
	    top: 2px;
	}
	.select2-container--default .select2-search--inline .select2-search__field {
	    width: 100% !important;
	}
	.navbar-expand-dropdown .select2-container--default .select2-selection--multiple li.select2-search.select2-search--inline {
	    display: none;
	}

	.navbar-expand-dropdown .select2-selection--multiple:after {
	    top: 5px;
	}

	.navbar-expand-dropdown .select2-selection--multiple:after {
	    top: 3px;
	}

	/*07-08-2024*/
	.summary_reporting_sub_main .site-start-date-main-wrap{
		max-width: 100%;
	}
	.header .navbar-expand-left-col{
		justify-content: center;
 	}
 	.category-filter-list-inner{
 		margin-right: 0 !important; 
 	}
 	.category-filter-list-inner-comparison{
 		margin-right: 0 !important; 
 	}

 	body.page-template-reporting-temp button.manage-group-filter.company-filter-button{
 		margin: 0 !important; 
 	}

 	.filter-btn button{
 		min-width: auto !important; 
 	}

 	.header .site-start-date-main-wrap .site-start-date-row .site-start-date-col{
 		gap: 10px;
 	}

 	.site-start-date-main-wrap .site-start-date-row .group-filter-list-inner, .site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner,.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison{
 		width: calc(50% - 45px) !important; 
 		margin: 0 !important;
 	}
 	.company-filter-download{
 		width: 50%;
 	}
 	.page-template-reporting-temp .header .d-flex.company-filter-download .report-export-btn-wrapper{
 		margin-left: 10px !important;
 	}
	/*07-08-2024*/
}

@media screen and (max-width: 991px) {
	.header .d-flex.company-filter-download .report-export-btn-wrapper img {
	    width: 100%;
	    filter: unset;
	}

	.header .d-flex.company-filter-download  .report-export-btn-wrapper {
	    width: 32%;
	}

	.page-template-reporting-temp  .header .d-flex.company-filter-download select#report-listing {
	    margin-left: 0;
	}

	.site-start-date-main-wrap  .site-start-date-row .category-filter-list {
	    flex-wrap: wrap;
	}

	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .datefilter,
	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .filter-btn,
	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list-inner,
	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list-inner-comparison {
	    width: calc(50% - 5px) !important;
	    margin:  0 !important;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .filter-btn button.rpt-fltr-manage-group {
	    margin: 0;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list .filter-btn:last-child {
	    width: calc(50% - 5px) !important;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .filter-btn:last-child button.rpt-fltr-btn {
	    width: 100%;
	}

	.site-start-date-main-wrap .site-start-date-col .group-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-col .brand-filter-list-inner,
	.site-start-date-main-wrap .site-start-date-col .brand-filter-list-inner-comparison {
	    margin: 0 !important;
	    width: calc(100% - 48px);
	}

	.header .site-start-date-main-wrap .site-start-date-row .site-start-date-col {
	    gap: 10px;
	}

	/*	07-08-2024*/
	.filter-btn button{width: 100%;}
	.site-start-date-main-wrap .site-start-date-row .site-start-date-col ul li{padding-bottom: 0 !important; width: 100% !important;}
	.header .navbar-expand-dropdown{margin-bottom: 0 !important}
	/*	07-08-2024*/

	.page-template-store-comparison-template .site-start-date-main-wrap .category-filter-list .filter-btn:last-child{width: 100% !important;}
	.page-template-store-comparison-template .summary_reporting_sub_main .datefilter, .page-template-store-comparison-template .site-start-date-row .category-filter-list .category-filter-list-inner,.page-template-store-comparison-template .site-start-date-row .category-filter-list .category-filter-list-inner-comparison{width: calc(50% - 5px) !important;}
}


@media screen and (max-width: 767px) {
	.header .navbar-expand-left-col .navbar-expand-dropdown span.select2.select2-container {
	    width: 100% !important;
	}

	.header .navbar-expand-left-col .navbar-expand-dropdown {
	    flex-wrap: wrap;
	    width: calc(100% - 40px) !important;
	}

	.page-template-reporting-temp .header .navbar-expand-left-col .navbar-expand-dropdown .company-filter-download {
	    margin-left: -40px;
	}

	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .datefilter, .summary_reporting_sub_main .page-template-reporting-temp .site-start-date-main-wrap .filter-btn, .summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list-inner,.summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list-inner-comparison, .page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list .filter-btn:last-child {
	    width: 100% !important;
	}

	.page-template-reporting-temp .summary_reporting_sub_main .site-start-date-main-wrap .datefilter{
		display: flex;
	    align-items: center;
	    overflow: hidden; 
	}

	.header .site-start-date-main-wrap .site-start-date-row .site-start-date-col {
	    flex-wrap: wrap;
	}

	.site-start-date-main-wrap .site-start-date-col .group-filter-list-inner, .site-start-date-main-wrap .site-start-date-col .brand-filter-list-inner, .site-start-date-main-wrap .site-start-date-col .brand-filter-list-inner-comparison {
	    width: 100%;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .filter-btn:last-child {
	    width: 100% !important;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .filter-btn:last-child button.rpt-fltr-reset-btn {
	    width: 100%;
	}

	/*	07-08-2024*/

	.company-filter-download{width: calc(100% + 40px)}
	.page-template-reporting-temp .header .d-flex.company-filter-download select#report-listing{
		    width: calc(100% - 148px) !important;
	}
	.site-start-date-main-wrap .site-start-date-row .group-filter-list-inner, .site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner,.site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison{
		width: calc(50% - 5px) !important;
	}
	.header .d-flex.company-filter-download .report-export-btn-wrapper{width: auto !important;}
	.header .navbar-expand-dropdown{margin-bottom: 0 !important}
	/*	07-08-2024*/

	.page-template-store-comparison-template .company-filter-download{width: calc(100% + 40px); margin-left: -40px;}
	.page-template-store-comparison-template .header #report-listing{width: calc(100% - 155px) !important;}
	.page-template-store-comparison-template .site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner,
	.page-template-store-comparison-template .site-start-date-main-wrap .site-start-date-row .brand-filter-list-inner-comparison{width: 100% !important;}
}

.page-template-company-reports-template .btn-actions.report_filter_button {
	width: calc(100% - 0px) !important;
    flex-direction: row;
    margin: 0;
}

	.summary_reporting_sub_main .datefilter{
		padding: 1px 4px !important; 
	}

.page-template-company-reports-template .datefilter {
	width: calc(100% - 0px) !important;
    flex-direction: row;
    margin: 0;
}

.page-template-company-reports-template .category-filter-list.d-flex {
	width: calc(100% - 0px) !important;
    flex-direction: row;
    margin: 0;
}

.page-template-company-reports-template .group-filter-list-inner.group-filter-list {
	    width: calc(100% - -50px);
    flex-direction: row;
    margin: 0;
}

.page-template-company-reports-template .header .navbar-expand-dropdown {
    padding-right: 10px;
}
   

   

   @media only screen and (max-width: 1199px) {
		.page-template-company-reports-template .company-report-store-list.d-flex {
			width: calc(100% - 20px);
   		}

   		.page-template-company-reports-template .summary_reporting_data_header_main {
    		width: calc(100% - 20px) !important;
		}

}

@media only screen and (max-width: 991px) {
	.page-template-company-reports-template button.rpt-fltr-get-all-location.company-report-filter.ml-3.company-filter-button {
    width: calc(100% - 20px);
	}

    .page-template-company-reports-template .d-flex.company-filter-download {
    	width: calc(100% - 20px);
	}

	.page-template-company-reports-template .header .navbar-expand-left-col .navbar-expand-dropdown {
		flex-direction: column;}

	.page-template-company-reports-template .header .navbar-expand-left-col {
		justify-content: space-evenly;
	}

	.page-template-company-reports-template .header .navbar-expand-left-col .navbar-expand-dropdown {
	justify-content: space-evenly;
	}

	.page-template-company-reports-template .company-report-store-list .select2-selection--multiple:after {
		width: 22px;
		height: 22px;
		line-height: 21px; 
		top: 3px;}

}

@media only screen and (max-width: 767px) {
	.page-template-company-reports-template .btn-actions.report_filter_button {
		flex-direction: column;
	}
	.page-template-company-reports-template .header .navbar-expand-left-col {
    	justify-content: center !important;
	}
	.page-template-company-reports-template .company-report-store-list.d-flex {
    	width: calc(100% - 0px);
		flex-direction: column;
    	row-gap: 20px;
	}

	.page-template-company-reports-template  .d-flex.company-filter-download {
    	margin: 0 !important;
    	flex-direction: row;
	}

	body.page-template-company-reports-template .header #report-listing {
		margin-left: 0px !important;
		width: calc(50% + 10px) !important;
	}

	.page-template-company-reports-template .header .filter-btn {
    	margin-right: 0;
    	width: 100%;
	}

	.summary_reporting_sub_main .site-start-date-main-wrap .category-filter-list .filter-btn:last-child {

		width: calc(100% - 0px) !important;
	}

	.company-report-store-list .select2-selection--multiple:after {
		top: 5px !important;
		width: 24px !important;
		height: 24px !important;
		line-height: 22px !important;
	}

	.page-template-company-reports-template button.rpt-fltr-get-all-location.company-report-filter.ml-3.company-filter-button {
		margin-left: 0 !important;
		width: calc(100% - 0px);
	}

	.page-template-company-reports-template .d-flex.company-filter-download {
		width: calc(100% - 0px);
		justify-content: space-between;}


}