.body-background
{
		background-color:#eeeeee;
}

.bg-light{background-color: #eeeeee !important;}

.content-section .page-heading
{
	font-size: 18px;
    border-bottom: 1px solid #dbdbdb;
    color: #262626;
    margin-bottom: 15px;
    text-transform: none;
    font-weight: 500;
    font-family: 'poppins', sans-serif;
    padding-bottom: 10px;
}

.page-heading-flex{display: flex;
    justify-content: space-between;
    align-items: center;}


.create-btn{display: inline-block;
    background-color:#263238;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 30px;transition:.5s;}

.create-btn:hover, .create-btn:active, .create-btn:focus{color:#ffffff;background-color:#43b02a; transition:.5s;}

.create-btn p{margin-bottom:0px;display: flex; gap:5px;}

.create-btn p i{padding-right:5px;}

.section-heading
{
		border-bottom: 1px solid #c0b9b9;
		color:#26201d;
	font-family: 'poppins', sans-serif;
}

.section-sub-heading
{
	font-size:13px;
	border-bottom: 1px solid #c0b9b9;
	color:#26201d;
	font-family: 'poppins', sans-serif;
}

.custom-top-message
{
	color:#43b02a;
	margin-top:0px !important;font-size: 14px;
}


/********* Side menu show/hide icon ***********/
.dashboard-side-menu-toggle i
{
		color:#262626;
}
/********* Side menu show/hide icon ***********/

/********* Dashboard tabs ***********/



.tab-li
{
    background:#1e1e1e;
		box-shadow: -1px -1px 0px 0px #464343 inset;
}

.tab-li-selected
{
    background:#ff1717;
		color: #fff;
}

/********* Dashboard tabs ***********/

/********* Dashboard country map tabs ***********/

.country-map-tab
{
    background: #43b02a;
		color: #FFFFFF;
		box-shadow: -1px -1px 0px 0px #43b02a inset;
}

.country-map-tab-selected
{
    background:#212529;
		color:#FFFFFF;
		text-align:center;
}

.notification-country-map
{
	color: #43b02a;
}

/********* Dashboard country map tabs ***********/

/********* Report page tabs ***********/
.report_main_table_tab:first-child
{
		border-left: 1px solid #cccccc;
}

.report_main_table_tab
{
    background:#dddddd;
    border: none;
    outline: none;
    color: #000000;
    padding: 10px;
    font-size: 14px;
    border-radius: 2px;
    margin-right: 2px;
}

.report_main_table_tab_temp
{
    color: #ffffff;
    border-top: 1px solid #CCCCCC;
    background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%);
}

/*.manage-reports> .tab-ul{gap:5px;}*/


@media only screen and (max-width: 767px)
{
		.report_main_table_tab
		{
				border-bottom: 1px solid #db232d;
		}

		.report_main_table_tab:first-child
		{
				border-top: 1px solid #db232d;
		}

		.report_main_table_tab_temp
		{
				border-top: 1px solid #db232d;
				border-left: 1px solid #db232d;
				border-right: 1px solid #db232d;
				border-bottom: 1px solid #db232d;

		}
}
/********* Report page tabs ***********/

/*************** Common table structure *************/

.table-outer-box
{
		background-color:#FFFFFF;
		box-shadow: 0 0 1px rgb(0 0 0 / 3%), 0 1px 3px rgb(0 0 0 / 10%);
		color:#585858;
	font-family: 'poppins', sans-serif;
	border-radius:0.65rem;
}

.search_div
{
    background-color:#FFFFFF;
		border: 1px solid rgba(0,0,0,.20);
		border-radius: 10px;
}

.data_table
{
	background-color: #FFFFFF;
    font-family: 'poppins', sans-serif;
}

.data_table_head td
{
	background-color: #FFFFFF;
    color: #212529;
    
}

.data_table_content:nth-child(even)
{
	background-color: #f2f2f2;
}


.data_table_content td
{
		color: #212529;
		border-bottom:1px solid #dbdde6;
}

.table-desktop-mobile table td,
.table-desktop0-mobile table td,
.table-desktop1-mobile table td,
.table-desktop2-mobile table td,
.table-desktop3-mobile table td,
.table-desktop4-mobile table td,
.table-desktop5-mobile table td,
.table-desktop6-mobile table td,
.table-desktop7-mobile table td,
.table-desktop8-mobile table td,
.table-desktop9-mobile table td,
.table-desktop10-mobile table td,
.table-desktop11-mobile table td,
.table-desktop12-mobile table td,
.table-desktop13-mobile table td,
.table-desktop18-mobile table td,
.table-desktop-0-mobile table td,
.table-desktop-1-mobile table td,
.table-desktop-2-mobile table td,
.table-desktop-3-mobile table td,
.table-desktop-4-mobile table td,
.table-desktop-5-mobile table td
{border: 1px solid #cccccc;}


.table-head-responsive {
    background-color: #ecfef1;
    color: #005003;

}

.table-desktop-mobile, .table-desktop0-mobile, .table-desktop1-mobile, .table-desktop2-mobile, .table-desktop3-mobile, .table-desktop4-mobile, .table-desktop5-mobile, .table-desktop6-mobile, .table-desktop7-mobile, .table-desktop8-mobile, .table-desktop9-mobile, .table-desktop10-mobile, .table-desktop11-mobile, .table-desktop12-mobile, .table-desktop13-mobile, .table-desktop18-mobile{font-family: 'poppins', sans-serif; font-size: 14px;}


.row-background-odd {background-color :#FFFFFF !important;}
.row-background-even {background-color :#F5F5F5 !important;}

/*************** Common table structure *************/


/************** Advertiser/Publisher Dashboard tiles *************/

.page-head-custom
{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom:5px !important;
    padding-bottom: 0px !important;
	
}

.dashbord-heading{display: flex
;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px !important;
    font-size: 24px;
    color: #262626;
    text-transform: none;
    font-weight: 600;
    font-family: 'poppins', sans-serif;
	padding: 0px 15px;
   }

.dashbord-heading form> .duration-filter> .me-2> .form-select{line-height:1.2}

 .dashbord-heading form> .duration-filter> .custom-date-div> .form-control{line-height:1.1}

.dashbord-heading> form> .duration-filter> span> .btn{padding: 10px !important;line-height: 9px;}

.page-head-custom> form> .duration-filter> .me-2> .form-select{line-height:1.2}

.page-head-custom> form> .duration-filter> .custom-date-div> .form-control{line-height:1.1}

.page-head-custom> form> .duration-filter> span> .btn{padding: 10px !important;line-height: 9px;}

.home-box-div {
    padding: 15px 20px;
    position: relative;
    background-color: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);;
}

.home-box-div .icon_td{
	        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;
    float: right;
    display: block;
    border-radius: 50%;
    color: #fff;
    text-align: center;
	}

.background-green img{max-width: 45px;
    padding-top: 13px;}

.background-red img{max-width: 45px;
    padding-top: 13px;}

.background-blue img{max-width: 45px;
    padding-top: 10px;}

.icon_green{background-color: #4aa54e; box-shadow: rgb(74 165 78 / 63%) 0px 3px 10px;}

.icon_pink{background-color: #df2669; box-shadow: rgb(221 0 80 / 48%) 0px 3px 10px;}

.icon_blue{background-color:#09b2c7; box-shadow: rgb(0 173 195 / 64%) 0px 3px 10px;}


.background-red{background-color: #FF9800;}

.background-green {background-color: #43b02a;}

.background-blue  {background-color:#09b2c7;}




.icon_red{/*box-shadow: rgb(67 176 42) 0px 3px 10px;
    background-image: linear-gradient(to right, #00c940 0%, #43b02a 51%);*/}
.tile_green{}

.tile_pink{}

.tile_blue{}


.bottom-sec{
    font-family: 'poppins', sans-serif;
    font-size: 14px;
    text-align: center;
    position: absolute;
    top: 40%;
    right: -11px;
    border-radius: 2px;}

.bottom-sec a{color: #ffffff;
    font-size: 13px;
    padding: 4px 7px;
    display: inline-block;}

.Ft-sec{border-top:1px solid #c5c5c5;
    padding: 8px 0px 0px 0px;
   }

.Ft-sec a{
    font-size: 13px;
    border-radius: 2px;
	font-family: 'poppins', sans-serif;
}


.text-red{color: #9d5d00;
    background-color: #ffedd3;
    padding: 2px 7px;
    transition: 0.5s;}

.text-red:hover{color: #ffffff;background-color: #FF9800;transition:0.5s;}

.text-blue{color: #006774;
    background-color: #cef9ff;
    padding: 2px 7px;transition:0.5s;}

.text-blue:hover{color: #ffffff;background-color: #0493a5;transition:0.5s;}

.text-pink{color: #ad003e;
    background-color:#ffdbe8;
    padding: 2px 7px;}

.text-green{color: #007005;
    background-color: #d4ffd5;
    padding: 2px 7px;transition:0.5s;}

.text-green:hover{color: #ffffff; background-color:#328135;transition:0.5s;}

.ic-blue{color: #007483;
    background-color: #c5eff5;
    padding: 5px 8px; border-radius:2px;}

.ic-pink{color: #83002f;
    background-color: #ffcadd;
    padding: 5px 8px;border-radius:2px;}


.ic-red{color: #990036;
    background-color: #ffdcdc;
    padding: 5px 8px;
    border-radius: 2px;}

.ic-green{color: #006a04;
    background-color: #ceffd0;
    padding: 5px 8px;border-radius:2px;}

.home-box-div .home-box-td-first{
    text-transform: uppercase;
    color: #000000;
    font-weight: 600;
    font-size: 36px;
    width: 100%;
    margin: 0px auto 0;
	font-family: 'poppins', sans-serif;
	}


.home-box-div> .row{align-items: center;}

.home-box-td-second {
    letter-spacing: 0px;
    text-transform: none;
    color: #7e7e7e;
    border: none;
    border-radius: 0;
    width: 100%;
    font-size: 15px;
    padding: 0px 0px 5px 0px;
    font-family: 'poppins', sans-serif;
    margin-top: 12px;
}


@media only screen and (max-width:1100px)
{
	.home-box-div .icon_td{
		width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;}

	.home-box-div .home-box-td-first{
		font-size:34px;}

	.home-box-td-second{
		font-size:15px;}
}

@media only screen and (max-width: 767px){
	
	
	
	.icon-outer{display:flex; justify-content: center;}
	.home-box-div .icon_td
	{
		float:none !important;
		display:block;
	}
	.home-box-td-first{padding-top:10px;}


	.home-box-div .home-box-td-first
	{

	    text-transform: uppercase;
    color: #000000;
    font-weight: 600;
    font-size: 34px;
    width: 100%;
    margin: 0px auto 0;
    font-family: 'poppins', sans-serif;
	}

	.home-box-td-second
	{	margin-right:0px !important;
		margin-left:0px !important;
		color: #7e7e7e;
	}

	.bottom-sec a{padding: 4px 10px;}

	.home-box-div{padding: 15px 20px;}


	.main-title{font-size:15px; padding-bottom:10px;}


	.tab-icon
	{
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}

	.graph-box{margin-bottom:20px;}


}

/************** Advertiser/Publisher Dashboard tiles *************/

/*********** Different Buttons ************/

.btn-info{
	background-color:#263238;
color:#fff !important;
	border-radius: 30px !important;
 box-shadow: 0 0 20px #eee;
	border:none;
	transition:.1s;
}




.btn-info:hover{
	 background-color:#43b02a;
     color: #fff;
	transition:.1s;
	border:none;
	box-shadow: 0 0 20px #eee;
	}

	.submit-button
	{
	background-color: #263238;
    color: #fff !important;
    transition: 0.5s;
    padding: 8px 15px;
    border-radius: 30px !important;
	font-family: 'poppins', sans-serif;	
	}






.submit-button:hover{background-color:#43b02a;color: #fff;text-decoration: none;transition: 0.5s;}

.link_button {color: #ffffff !important;background-color: #43b02a;border-radius: 3px !important;padding: 2px 8px !important;border: 1px solid #43b02a;min-width: 80px;text-align: center;font-family: 'poppins', sans-serif; font-size:13px;}

.link_button:hover{background:#031d2a !important;border-color: #031d2a !important;color:#ffffff !important;}



.code_button {color: #009688 !important;background-color: #eefffd;border-radius: 3px !important;padding: 2px 8px !important;border: 1px solid #009688;min-width: 80px;text-align: center;cursor:pointer;}

.code_button:hover{background:#009688 !important;border-color: #009688 !important;color:#ffffff !important;}

.next-previous-button{background-color: #43b02a;border-color: #43b02a !important;color: #ffffff !important;border-radius: 4px !important;}

.next-previous-button:hover{background-color: #031d2a;border-color: #031d2a !important;color:#ffffff !important;}

	/*********** Different Buttons ************/

	/******************* For CPD/affiliate ***************/
.filter-head{border: 1px solid #d7d7d7;box-shadow: 0 0 1px rgb(0 0 0 / 3%), 0 1px 3px rgb(0 0 0 / 10%);background-color: #f7f7f7;}

.filter-content {border: 1px solid #d7d7d7;box-shadow: 0 0 1px rgb(0 0 0 / 3%), 0 1px 3px rgb(0 0 0 / 10%);margin-top:-1px;font-size:14px;}

.filter-head-sub{color: #212529;display: flex;justify-content: space-between;align-items: center;}

.filter-head-sub .fa{color:#43b02a;}

.checkall-1, .checkall-2, .checkall-3{background-color: #d6ffd8;color: #29832c;padding: 0px 5px;border: 1px solid #a1d9a3;}

.clearall-1, .clearall-2, .clearall-3{background-color: #f0fff4;color: #43b02a;padding: 0px 5px;border: 1px solid #c1e5cb;}

.site-box-outer{background-color: #ecfef1;
    border: 1px solid #c2e7cd;
    padding: 10px !important;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    font-size: 14px;}

.site-box-outer a{display: flex;align-content: center;justify-content: center;align-items: center;}

.market-site-image{border: 1px solid #c2e7cd;
    padding: 5px;
    max-width: 60px;
    background-color: #fff;}

.affiliate-box-outer{background-color: #f5f5f5;border: 1px solid #ddd;box-shadow: 0 0 1px rgb(0 0 0 / 3%), 0 1px 3px rgb(0 0 0 / 10%);font-size: 14px; cursor: pointer;}

.affiliate-box-outer a{display:flex; align-items: center; cursor:pointer;}

.filter-head-second{border-left: 1px solid #CCCCCC !important}

.filter-head-third{border-left: 1px solid #CCCCCC !important;}

.filter-outer-box{background-color:#FFFFFF;border: 1px solid rgba(0,0,0,.20);box-shadow: 0 0 1px rgb(0 0 0 / 3%), 0 1px 3px rgb(0 0 0 / 10%);}

.custom-radio-button{border:1px solid #c5c1c1;}

.custom-radio-button-selected{border:1px solid #031d2a;background: #031d2a;}

.thumb-outer{background-image:url("../../../images/monitor.png");max-width: 180px;height: 155px;background-size: cover;background-repeat: no-repeat;padding: 12px;margin: auto;}

.thumb-outer img{max-width: 170px;max-height: 95px;display: block;margin: auto;}

	/******************* For CPD/affiliate ***************/

	/******************* For ad status box in ad details page ***************/


.adstate{border: 1px solid #c0b9b9;background: #FFFFFF;border-radius: 3px !important;padding: 4px 10px;}

.adstate .pending{color: #ffc107;}

.adstate .active{color: #198754;}

.adstate .block{color: #dc3545;}

.adstate .draft{color: #c30909;}
	/******************* For ad status box in ad details page ***************/

	/******** Location targeting section *********/


.location-add{background-color: #43b02a;color: #FFFFFF;}

.location-remove{background-color: #43b02a; color: #FFFFFF;}

.city_mapping_div, .city_mapping_div .fa {color: green;}

.subdivision1_mapping_div, .subdivision1_mapping_div .fa {color:#000;}

/******** Location targeting section *********/

/******** For model popup *********/
.modal-header .btn-close{background-color: #DDDDDD;}
/******** For model popup *********/

/******** For advertisers add fund *********/

.payment-mode-list{background-color:#FFFFFF;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);;border-radius:10px;}

/******** For advertisers add fund *********/


/************** Different icons ************/

.impression-icon{margin-top: 5px;
    color: #ffffff;
    font-size: 12px;
    background-color: #4CAF50;
    padding: 5px 5px 3px 5px;
    line-height: 15px;
    margin-right: 0px;
    border: 1px solid #4CAF50;}

.market-site-title i{margin-right: 4px;
    color: #ffffff;
    font-size: 14px;
    background-color: #55b546;
    padding: 5px 5px 3px 5px;
    line-height: 15px;
    border: 1px solid #55b546;
}

.market-site-title{font-size:14px;}

.market-site-url{font-size:14px;}

.html5-icon{color: #198754;}

.verify-icon{color: #198754;}

.clone-icon{color: #ffffff;background-color: #8d0085;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #8d0085;border-radius: 4px;transition: 0.5s;}

.clone-icon:hover{background-color:#8d0085; color:#ffffff; transition: 0.5s;}

.refund-icon{color: #ffffff;background-color: #0d6efd;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #0d6efd;border-radius: 4px;transition: 0.5s;}

.refund-icon:hover{background-color:#0d6efd; color:#ffffff; transition: 0.5s;}

.recurring-icon{color: #0d6efd;}

.refresh-icon{color: #0d6efd;}

.preview-icon{color: #146c43;}

.available-icon{color: #146c43;}

.sold-icon{color: #b02a37;}

.list-icon{color: #ffffff;background-color: #0d6efd;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #0d6efd;border-radius: 4px;transition: 0.5s;}

.list-icon:hover{background-color:#0d6efd; color:#ffffff; transition: 0.5s;}

.pause-icon{color:#ffffff;background-color: #0f78c3;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #0f78c3;border-radius: 4px;transition: 0.5s;}

.pause-icon:hover{background-color:#0f78c3; color:#ffffff; transition: 0.5s;}


.resume-icon {color: #ffffff;background-color: #FF5722;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #FF5722;border-radius: 4px;transition: 0.5s;}

.resume-icon:hover{background-color:#FF5722; color:#ffffff; transition: 0.5s;}

.dollar_style{color: #146c43; transition: 0.5s;}

.edit-icon{color: #ffffff;background-color: #4CAF50;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #4CAF50;border-radius: 4px;transition: 0.5s;}

.edit-icon:hover{background-color:#4CAF50; color:#ffffff; transition: 0.5s;}

.adcode-icon{color: #ffffff;background-color: #9C27B0;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #9C27B0;border-radius: 4px;transition: 0.5s;}

.adcode-icon:hover{background-color:#9C27B0; color:#ffffff; transition: 0.5s;}

.report-icon{color: #ffffff;background-color: #006872;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #006872;border-radius: 4px;transition: 0.5s;}

.report-icon:hover{background-color:#006872; color:#ffffff; transition: 0.5s;}

.add-icon{color: #ffffff;background-color: #009688;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #009688;border-radius: 4px;transition: 0.5s;}

.add-icon:hover{background-color:#009688; color:#ffffff; transition: 0.5s;}

.delete-icon{color: #ffffff;background-color: #c70000;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #c70000;border-radius: 4px;transition: 0.5s;}

.delete-icon:hover{background-color:#c70000; color:#ffffff; transition: 0.5s;}

.mapping-icon{color: #ffffff;background-color: #3F51B5;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #3F51B5;border-radius: 4px;transition: 0.5s;}

.mapping-icon:hover{background-color:#3F51B5; color:#ffffff; transition: 0.5s;}

.details-icon{color: #ffffff;background-color: #008328;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #008328;border-radius: 4px;transition: 0.5s;}

.details-icon:hover{background-color:#008328; color:#ffffff; transition: 0.5s;}

.pdf-icon{color: #ffffff;background-color: #83002b;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #83002b;border-radius: 4px;transition: 0.5s;}

.pdf-icon:hover{background-color:#83002b; color:#ffffff; transition: 0.5s;}

.download-icon{color: #1a1e21;}

.info-icon{color: #c52d2f;}

/************** Different icons ************/

/************** Pagination section *****************/

.page_span{color:#43b02a;background-color: #fff;border: 1px solid #dee2e6;}

.previous, .next{color: #007bff;background-color: #FFFFFF;border: 1px solid #dee2e6;}

.previous a, .next a{color: #43b02a;}

.page_span:hover {color: #0056b3;background-color: #e9ecef;}

.select_span{border: 1px solid #43b02a;color: #fff;background-color: #43b02a;}
/************** Pagination section *****************/

/************* Ad creation steps ************/
.steps li:hover {background-color: #747cad;}

.steps li:hover::after {border-left-color: #747cad;}

#progressbar li {color:#727272;}

#progressbar li:before {width: 53px;line-height: 45px;border-radius: 30px;border: 4px solid #ffffff;background-color: #031d2a;color: #ffffff;outline: #031d2a solid 5px;margin-bottom:15px;}

#progressbar li:after {background: #835e5e;top: 28px;}

#progressbar li.current:before{background: #1b9100;
    border-radius: 30px;
    color: #fff;
    border: 4px solid #ffffff;
    outline: #43b02a solid 5px;}

.progress-span{font-size: 14px;padding: 5px;font-weight: 500;font-family: 'poppins', sans-serif;color: #666666;}

/************* Ad creation steps ************/

/************* Left menu items ***********/
.dashboard-side-menu{background-color:#ffffff;}

/********* For custom scrollbar ************/

._mCS_1 .mCSB_dragger .mCSB_dragger_bar { background-color: #43b02a; }
._mCS_1 .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #43b02a; }

._mCS_1 .mCSB_dragger:active .mCSB_dragger_bar,
._mCS_1 .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#43b02a; }

/********* For custom scrollbar ************/

.dashboard-side-menu .dropdown-menu{background-color:#ffffff;border-radius: 2px;}

.dashboard-side-menu .dropdown-item{color:#000000;font-family: 'poppins', sans-serif;font-weight: 500;font-size:15px;}

.dashboard-side-menu .dropdown-item:hover, .dashboard-side-menu .dropdown-item:focus{background-color: #ffffff;border-radius: 5px; color:#00000;}

.dashboard-side-menu .dropdown-menu .active{background-color:#ffffff;color:#000000;font-family: 'poppins', sans-serif;font-weight: 500;font-size:15px;}

.dashboard-side-menu .dropdown-menu .active:hover, .dashboard-side-menu .dropdown-menu .active:focus{background-color:#ffffff;}

.dashboard-side-menu .nav-link{color:#000000;font-family: 'poppins', sans-serif;font-weight: 500;font-size:15px;border-radius: 2px;}


.dashboard-side-menu .nav-link:hover, .dashboard-side-menu .nav-link:focus{	color: #000000 !important;}

.nav-pills .nav-link.active:hover p, .nav-pills .nav-link.active:focus p{color:#000000 !important;}


.dashboard-side-menu .nav-link i{width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 2px;font-size: 14px;}

.dashboard-side-menu .nav-item:hover{color: #000000 !important;}

.sidebar-user-icon{background: #fff;border: 3px solid rgb(233 82 82);}


.sidebar-user-name{color:#000000;}

.sidebar-user-icon .icon{color:#000000;}

/************* Left menu items ***********/

.ad-section-background{background: #FFFFFF;}

.btn-tab{background-image: linear-gradient(to right, #ebebeb 0%, #ebebeb 51%);border-radius: 5px 5px 0px 0px !important;color: #000000 !important;border: 1px solid #ddd !important;}

.btn-tab:hover{background-image: linear-gradient(to right, #43b02a 0%, #2ab041 51%, #2ab0a4 100%) !important; color:#ffffff !important;}

.tab-link{background-image: linear-gradient(to right, #ffffff 0%, #ffffff 51%);border-radius: 5px 5px 0px 0px !important;color: #000000 !important;border: 1px solid #ddd !important;}

.tab-link:hover{background-image: linear-gradient(to right, #43b02a 0%, #2ab041 51%, #2ab0a4 100%) !important; color:#ffffff !important;}

.color-select{background-image: linear-gradient(to right, #43b02a 0%, #2ab041 51%, #2ab0a4 100%) !important;
    color: #ffffff !important;
    position: relative;}

.color-select:after{
	content: ''; 
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
    background-color:#43b02a;
    transition: 1s;}

.preferred_mode{color:#43b02a !important;}

.graph-outer{padding: 15px 15px 8px 15px;
    background-color: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);;}


#accounts-graph-impression, #accounts-graph-click, #accounts-graph-spend, #accounts-graph-profit{margin-top: 0px;}

.graph-div{padding: 0px;}

.graph-red{border-radius: 0.75rem;padding: 0px;background-color: #ffffff;}

.graph-green{border-radius: 0.75rem;padding: 0px;background-color: #ffffff;}

.graph-blue{border-radius: 0.75rem;padding: 0px;background-color: #ffffff;}


.graph-bottom{border-top:1px solid #dddddd;color: #8b8b8b;font-family: 'poppins', sans-serif; font-size: 14px;  text-align: center;}

.graph-bottom a{    color: #ffffff;font-size: 12px;padding: 4px 10px;border-radius: 30px;margin-top: 8px;display: inline-flex;}

.btn-green{background-color: #4aa54e;transition: 1s;}

.btn-green:hover{background-color: #328135;transition: 1s;box-shadow: rgb(74 165 78 / 63%) 0px 3px 10px;}

.btn-blue{background-color: #09b2c7;transition: 1s;}

.btn-blue:hover{background-color: #0493a5;transition: 1s;box-shadow: rgb(0 173 195 / 64%) 0px 3px 10px;}

.btn-pink{background-color: #df2669;transition: 1s;}

.btn-pink:hover{background-color: #cb064d;transition: 1s;box-shadow: rgb(221 0 80 / 48%) 0px 3px 10px;}


.btn-red{background-color:#dd1b1b;transition: 1s;}

.btn-red:hover{background-color: #c31313;transition: 1s;box-shadow: rgb(221 0 80 / 48%) 0px 3px 10px;}

.graph-head{display: flex;justify-content: space-between;padding-top: 0px;padding-bottom: 5px;}

.graph-head h6{font-weight: 400; color: #000000; font-size: 14px;font-family: 'poppins', sans-serif;}

.graph-head> h6> i{margin-right: 5px;}

.graph-head p{margin-bottom:0px; color: #000000; font-size: 16px;font-family: 'poppins', sans-serif;}

.map-div{box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);background-color: #ffffff;border-radius: 0px 0px 10px 10px;}

.report-div{box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);background-color: #ffffff;border-radius: 0px 0px 10px 10px;
    padding: 10px;}

.graph-box{background-color: #ffffff;padding: 0px 0px;border-radius: 0.75rem;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);}

.country-map-div{height: 350px;}

	@media only screen and (min-width: 768px) and (max-width: 991px)
	{
		.country-map-div{height: 275px;}
	}
	@media only screen and (min-width: 616px) and (max-width: 767px)
	{
		.country-map-div{height: 225px;}
	}
	@media only screen and (min-width: 480px) and (max-width: 615px)
	{
		.country-map-div{height: 200px;}
	}
	.body-background{}

	.category-list-div{background:#43b02a;color: #FFFFFF;}

	.category-list-div:hover{background : #000;}

	.highlighted-row{background:#ff5a00 !important;color:#fff !important;}

	@media only screen and (max-width: 767px)
	{
		.header-temp .header-icon-box {right: 15px;}
		.graph-outer{margin-top:0px;}
	}

@media only screen and (max-width: 615px)
	{
	
	.graph-outer{margin-bottom:15px;}

	.home-box-div {margin-top: 25px;}
		
}

.html5-preview{color: #FFFFFF !important;}

.operation-status-message{color:#f13535;}

.addfund-rightbox{background: #f0fff4;
    color: #000000;
    padding: 10px;
    border: 1px solid #abe1ba;border-radius:10px;}

.addfund-rightbox .section-sub-heading{color: #198500;
    font-size: 15px;
    border-bottom: 1px solid #b8dbc1;
    padding: 5px 0px;}


.addfund-rightbox> .data_table> tbody> .data_table_content td{border:none;}

.addfund-rightbox> .data_table> tbody> .data_table_content:nth-child(even){background-color: #f0fff4;}

.addfund-rightbox> .data_table{background-color: #d3f6dd;}

.withdrawal-rightbox{    background: #ecfef1;
    color: #000000;
    border-radius: 10px;
    font-family: 'poppins', sans-serif;
    border: 1px solid #d2e9d8;}

.withdrawal-rightbox> .form-inline{font-size: 14px;margin-top: -1px;background-color:#d3f6dd;}

.withdrawal-rightbox> .form-inline:nth-child(odd) {background-color: #ecfef1; }

.bg-default{background-color:#ecfef1 !important; }

.withdrawal-rightbox .section-sub-heading{color: #198500;
    font-size: 15px;
    border-bottom: 1px solid #b8dbc1;
    padding: 5px 0px;}

.withdrawal-leftbox{background: #ecfef1;
    color: #000000;
    border-radius: 4px;
    font-family: 'poppins', sans-serif;
    border: 1px solid #d2e9d8;}

.withdrawal-leftbox .form-check{color: #000000;
    background-color: #ffffff;
    border: 1px solid #43b02a;
    padding: 3px 10px 5px 10px;
    border-radius: 30px;
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
    align-items: center;}

.withdrawal-leftbox> .form-check .form-check-input{margin-left: 0px;}

.html5-iframe{background-color: #FFFFFF;}

.dollar_style{color: #020202;
    background-color: #e1e1e1;
    border: 1px solid #cfcfcf;
    border-radius: 0.75rem;}

.border-seperation{border-top: 1px solid #c0b9b9;}

.ad-retargeting-condition{color: #c0b9b9;}

.site-count-span{color: #27AE60;}

.trackingcodecopy{color : #333333;cursor : pointer;}

.trackingcodecopy:hover{color : #0d6efd;}

.adcodecopy{color : #333333;cursor : pointer;}

.adcodecopy:hover{color : #0d6efd;}


	.add-site, .edit-site, .payment-details, .adcode-create, .adcode-edit,
	.edit-payment, .site-filters, .account-details, .account-request, .cash-withdrawal,
	.change-email, .change-password, .update-profile, .fund-transfer, .support-request,
	.withdrawal-configuration, .withdrawal-details, .add-fund, .site-delete-request,
	.manage-marketplace, .manage-channels, .website-details, .review-cart, .affiliate-adcode,
	.manage-retargeting-sites, .manage-reports, .manage-ad-details, .manage-ad-edit,
	.location-targeting, .keyword-targeting, .category-targeting, .device-targeting,
	.connection-targeting, .isp-targeting, .ad-targeting, .time-targeting, .language-targeting,
	.budget-settings, .ad-edit, .ad-create
	{background-color:#FFFFFF;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);font-family: 'poppins', sans-serif;border-radius:10px;}


	.alert-info {color: #ffffff !important;background-color: #c30909!important;border-color: #c30909!important;}

	.btn-primary {color: #FFFFFF;background-color: #43b02a !important;border-color:#43b02a!important;}


.form-check-input:checked{background-color: #43b02a;
    border-color: #43b02a;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #000000 !important;
    background-color: transparent;}


.nav-pills .nav-link.active i{
    color: #000000;}


.subdivision_city{display: none;margin-left: 10px;}

.tab-nav {position: relative;display: flex;overflow: hidden;gap:2px;}

.tab-btn {flex: 1;padding: 8px 0;text-align: center;background: #ecfef1;border: 1px solid #bbe1c6;outline: none;color: #00700f;font-weight: 500;margin-bottom: 5px;border-radius: 5px 5px 0px 0px;cursor: pointer;font-size: 16px;font-family: 'poppins', sans-serif;}


.tab-btn:hover {background-image: linear-gradient(to right, #43b02a 0%, #2ab041 51%, #2ab0a4 100%) !important;color: #ffffff !important;position: relative;background-position: right center; text-decoration: none;}


.tab-btn.active {background-image: linear-gradient(to right, #43b02a 0%, #2ab041 51%, #2ab0a4 100%) !important;color: #ffffff !important;background-size: 200% auto;display: block;transition: 0.5s;}

.tab-btn .material-icons {display: block;font-size: 20px;margin-bottom: 4px;}

.tab-indicator {position: absolute;bottom: 0;height: 3px;background-color: #43b02a;transition:1s;}

.country-section{border-bottom:1px solid #dddddd;}

.country-section:last-child{border-bottom:none;}

.country-map-right{margin:auto; margin-top:15px;}

.geography-icon{padding: 8px 12px;font-size: 23px;color:#ffffff;box-shadow: rgb(195 0 0 / 64%) 0px 3px 10px;background-image: linear-gradient(to right, #fd2900 0%, #df0062 51%);border-radius: 2px;}

.main-title{font-weight:500;}

.tab-icon{background-color:#d3f6dd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    font-size: 14px;
    margin-right: 5px;
    color: #1fa700;}

.tab-nav> .active> .tab-icon{background-color:#ffffff !important;color: #43b02a;}

.graph-div-outer{margin-top:30px;}

.chart-title {font-size: 18px;
    padding: 20px 25px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0;
    font-family: 'poppins', sans-serif;
    border-bottom: 1px solid #ddd;}

.chart-title i {margin-right: 8px;padding: 15px 15px;font-size: 23px;color: #ffffff;border-radius: 2px;margin-top: -10px;}

.page-inner{font-size: 18px;
    font-weight: 600;
    color: #263238;
    margin-bottom: 0;
    font-family: 'poppins', sans-serif;}

.page-inner i {margin-right: 8px;
    /* padding: 12px 15px; */
    font-size: 23px;
    color: #43b02a;
    border-radius: 2px;}

.tab-ul{display:flex; }

.dashboard-side-menu .nav-item a{display: flex; align-items: center;font-family: 'poppins', sans-serif;}

.dashboard-side-menu .nav-item a:hover{color:#52b141;}

.desktop-icon{font-size: 14px;color: #007bff;margin: 0 5px 0 0;height: 20px;}

.mobile-icon{font-size: 20px;color: #28a745;margin: 0 5px 0 0;}

.premium-icon{color: #FFD700;margin: 0 5px 0 0;}


.retargeting{color: #875100;;margin: 0 5px 0 0;}

.retargeting-icon{color: #875100;background-color: #ffe7c2;font-size: 14px;width: 25px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #FF9800;border-radius: 4px;transition: 0.5s;}

.retargeting-icon:hover{background-color: #FF9800; color:#ffffff;transition: 0.5s;}

.report-info .pricing-name {color: #28a745; /* green */font-weight: bold;}

.report-info div{padding-bottom:5px;}

.report-info div:last-child {padding-bottom: 0;}

.preview-button{margin-left: 0px;padding: 8px 10px;border-radius: 2px !important;margin-top: 0px;}

.table_custom tr td{padding:0.50rem;}

.code-text-class{font-size:14px;}

.report-div-tab-0{margin-top:5px;}

.box_div{padding: 10px;border: 1px solid #ddd;border-radius: 5px;font-size: 14px;background-color: #f5f5f5;}

.refund-section{display:flex; gap:15px;}

.titile-outer{border-bottom: 1px solid #dddddd;padding-bottom: 5px;margin-bottom: 5px;}

.titile-outer> .page-heading{border:none; padding:0px; margin:0px;}

.link-popup{display:flex;flex-wrap: wrap; gap:5px;}

.link-popup> .form-check> .form-check-input{margin-left: 0em;}

.link-popup> .form-check{width: 48%;
    padding: 5px 10px;
    border: 1px solid #d1ebcb;
    background-color: #ecfef1;
    display: flex;
    gap: 5px;
    border-radius: 30px;}

.approve_button{color: #ffffff;background-color: #009506;border-radius: 3px;padding: 2px 8px;border: 1px solid #009506;text-align: center;margin-right: 5px;cursor: pointer;white-space: nowrap;display: inline-block; transition:.5s; float: left;}

.approve_button:hover{color: #ffffff;background-color: #009506;transition:.5s;}

.reject_button{color: #ffffff;background-color: #c30d00;border-radius: 3px;padding: 2px 8px;border: 1px solid #c30d00;text-align: center;margin-right: 5px;margin-bottom: 2px;cursor: pointer;white-space: nowrap;display: inline-block; transition:.5s; float: left;}

.reject_button:hover{color: #ffffff;background-color: #c30d00;transition:.5s;}

.cancel_button{color: #ffffff;background-color: #03A9F4;border-radius: 3px;padding: 2px 8px;border: 1px solid #03A9F4;text-align: center;margin-right: 5px;cursor: pointer;white-space: nowrap;display: inline-block;transition: .5s;float: left;}

.cancel_button:hover{color: #ffffff;background-color: #03A9F4;transition:.5s;}

.delete_button{ color: #ffffff;background-color: #fb1100;border-radius: 3px;padding: 2px 8px;border: 1px solid #fb1100;text-align: center;margin-right: 5px;cursor: pointer;white-space: nowrap;display: inline-block;transition: .5s;float: left;}

.delete_button:hover{color: #ffffff;background-color: #fb1100;transition:.5s;}

.set_button{color: #ffffff;background-color: #673AB7;border-radius: 3px;padding: 2px 8px;border: 1px solid #673AB7;text-align: center;margin-right: 5px;cursor: pointer;white-space: nowrap;display: inline-block;transition: .5s;float: left;}

.set_button:hover{color: #ffffff;background-color: #673AB7;transition:.5s;}


.pay_button{color: #ffffff;background-color: #009688;border-radius: 3px;padding: 2px 8px;border: 1px solid #009688;text-align: center;margin-right: 5px;cursor: pointer;white-space: nowrap;display: inline-block;transition: .5s;float: left;}

.pay_button:hover{color: #ffffff;background-color: #009688;transition:.5s;}

.aprove_canccel_button{color: #ffffff;background-color: #009688;border-radius: 3px;padding: 2px 8px;border: 1px solid #009688;text-align: center;margin-right: 5px;cursor: pointer;white-space: nowrap;display: inline-block;transition: .5s;float: left;}

.aprove_canccel_button:hover{color: #ffffff;background-color: #009688;transition:.5s;}

.send-button{color: #ffffff;background-color: #cb0e00;border-radius: 3px;padding: 2px 8px;border: 1px solid #cb0e00;text-align: center;margin-right: 5px;cursor: pointer;white-space: nowrap;display: inline-block;transition: .5s;float: left;margin-top: 5px;}

.send-button:hover{color: #ffffff;background-color:#a10b00;transition:.5s;}

.close-button{    color: #ffffff;background-color: #000000;border-radius: 3px;padding: 2px 5px;border: 1px solid #000000;text-align: center;margin-right: 5px;cursor: pointer;white-space: nowrap;display: inline-block;transition: .5s;float: left;margin-top: 5px;}

.close-button:hover{color: #ffffff;background-color: #161616;transition:.5s;}

.ads-outer-box{border:1px solid #ddd;margin-top:15px;}

.ads-header{background-color: #e5e5e5; color:#000000;}

.country-list i{padding-right:5px;}

.site-categories-class {padding: 2px 8px;}

.site-categories-class .fa {font-size: 11px;margin-bottom: 0px;padding: 5px 0px;line-height: 11px;}

.upload_button{color: #ffffff !important;background-color: #2196F3;border-radius: 3px !important;padding: 2px 8px !important;border: 1px solid #2196F3;text-align: center;float: left;margin: 5px;transition:0.5s;cursor:pointer;min-width: 35px;}

.upload_button:hover{background-color: #2196F3;color:#ffffff !important;transition:0.5s;}

.link_creative_button{color: #ffffff;background-color: #008b06;border-radius: 3px !important;padding: 2px 8px !important;border: 1px solid #008b06;text-align: center;float: left;margin: 5px;transition:0.5s;cursor:pointer;min-width: 35px;}

.link_creative_button:hover{background-color: #008b06;color:#ffffff;transition:0.5s;}

.cart-remove-button{color: #ffffff;background-color: #ab0000;border-radius: 3px !important;padding: 2px 8px !important;border: 1px solid #ab0000;min-width: 35px;text-align: center;float: left;margin: 5px;transition:0.5s;cursor:pointer;}

.cart-remove-button:hover{background-color: #ab0000;color:#ffffff !important;transition:0.5s;}

.cart-add-button{color: #ffffff !important;background-color: #673AB7;border-radius: 3px !important;padding: 2px 8px !important;border: 1px solid #673AB7;min-width: 35px;text-align: center;float: left;margin: 5px;transition:0.5s;cursor:pointer;}

.cart-add-button:hover{background-color: #673AB7;color:#ffffff !important;transition:0.5s;}
.masonry-grid {column-count: 3;column-gap: 1rem;}

.masonry-item { break-inside: avoid; margin-bottom: 1rem;}

.form-check-outer> .form-check{padding: 3px 10px;
    min-width: 135px;
    background-color: #f0fff4;
    border: 1px solid #abe1ba;
    margin-right: 5px;
    font-size: 14px;
    margin-bottom: 5px;
    border-radius: 30px;}

.form-check-outer> .form-check .form-check-input{margin-left:0px; margin-right:5px;}

.dropdown-item> .nav-icon{font-size: 10px;}

.filter-button{background-color:#43b02a; color: #fff !important;transition: 0.5s;padding: 8px 15px;border-radius: 2px !important;font-family: 'poppins', sans-serif !important;border: none !important;font-size: 12px;font-weight: 500;display: block;cursor: pointer;width:100%; transition: 0.1s;border-radius:4px;} 

.filter-button:hover{background-color: #263238;
    color: #fff !important;transition: 0.1s;}


.link-outer{gap: 5px;color: #032c41;font-size: 14px;font-family: 'poppins', sans-serif; padding: 5px 0px;font-size:14px;}

.link-outer:hover i{color: #43b02a;}

.link-outer span{color: #003c99;text-decoration: underline !important;}

.link-outer span:hover{color:#43b02a;}

.geographic-report-title{font-size:18px;}

.company-logo{display:block; margin:auto;}

.form-control-custom{border-radius:0px; border:none; border-bottom:1px solid #dbdbdb; padding:5px 0px;}

.text-area-custom{border-radius: 10px !important;height: 120px;}

.user-head{display: block;
    text-align: center;
    color: #000000;
}

.company-title{display: block;
    text-align: center;
    color: #000000;}

.company{position:relative;padding-bottom:10px;}

.profile-pic{position:relative;padding-bottom:10px;}

.close-green{position: absolute;top: -17px;right: -2px;}

.profile-outer{border: 1px solid #d2e9d8;
    padding: 18px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background-color: #ecfef1;
}

.company-outer{border: 1px solid #d2e9d8;
    padding: 18px 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background-color: #ecfef1;}

.profile-outer input[type="file"] {display: none;}
.company-outer input[type="file"] {display: none;}


.custom-file-upload {padding: 3px 30px;
    cursor: pointer;
    display: block;
    text-align: center;
    background-color: #4CAF50;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 10px;
    color: #ffffff;}

.file-format{font-size: 13px;color: #031d2a;}



.profile-pic> img{border: 1px solid #4caf50;
    border-radius: 100%;
    padding: 5px;
    background-color: #fff;}

.company> img{border: 1px solid #4caf50;
    border-radius: 100%;
    padding: 5px;
    background-color: #fff;}


.user-section{    padding-top: 27px;
    padding-bottom: 27px;
    background-color: #ecfef1;
    margin-bottom: 10px;
    border: 1px solid #d2e9d8;
    border-radius: 5px;
    }

.user-pfofilepic {
          width: 75px;
    height: 75px;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 15px;
    background: #fff;
    border: 2px solid rgb(67 176 42);
    padding: 5px;
    display: flex;

}


.user-pfofilepic img{
    margin: auto;
    display: block;
    vertical-align: middle;}

.list-group-item> .text-bg-primary{background-color: #43b02a !important;}

.account-notification{color: #004c03;font-size: 13px;}


.gray-box-outer{display:flex;}


.gray-box{padding: 20px;
    position: relative;
    box-shadow: 0px 6px 24px 0px rgba(53, 55, 81, 0.06);
	width:100%;}


.gray-box .icon-box{border-radius: 0.75rem;
    border: 2px solid #fff;
    line-height: 66px;
    text-align: center;
    height: 65px;width: 65px;
	line-height: 60px;
        border-width: 2px;}

.gray-content{text-align:center;}

.gray-box .icon-box i{font-size:20px; text-align:center; color:#ffffff;}

.tile_gray{background-color: #61658F;
    border-radius: 10px 0px 0px 10px;}

.tile_gray .icon-box{background: #7A7EA1;}

.tile_gray_mid{background-color:#353751;}

.tile_gray_mid .icon-box{background: #212234;}

.tile_gray_dark{background-color: #141624;
    border-radius: 0px 10px 10px 0px;}

.tile_gray_dark .icon-box{background: #292b46;}

.gray-outer{display: flex;
    gap: 20px;
}


.gray-box-td-first{
    color: rgba(255, 255, 255, 0.6);
	font-family: 'poppins', sans-serif;}



.gray-box-td-second{
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
    width: 100%;
    margin: 0px auto 0;
	font-family: 'poppins', sans-serif;
	text-align:left;}

.radius-custom{border-radius: 0.75rem 0rem 0rem 0.75rem;}

.btn-check:focus+.btn, .btn:focus{background-color: #43b02a;border-color:#43b02a;}


@media only screen and (max-width: 782px) {
	
	.report-div-tab table{width:100% !important;}

	.table-desktop-0-mobile> tr> td> table{width:100%;}
	
}


@media only screen and (max-width: 767px) {
	
	.filter-button{width:auto;}
	
	
	.gray-box-outer{flex-direction: column;}
	
	.tile_gray {
    border-radius: 10px 10px 0px 0px;
}
	
	
	.tile_gray_dark {
    border-radius: 0px 0px 10px 10px;
}
	
	.gray-box> .row{flex-direction: row;}
	
}

@media only screen and (max-width: 575px) {
	
	
	.home-box-td-second{text-align:center;}
	
	.home-box-td-first{text-align:center;}
	
	.gray-box-td-second{text-align:center;}
	
	.form-check-outer> .form-check{min-width:130px;}
	
	.custom-date-div{display: flex;gap: 10px;width:100%;justify-content: flex-end;}

	.custom-date-div input{width:50%; margin-right: 0px;}

	.dashbord-heading{flex-direction: column;}

	.dashbord-heading> form> .duration-filter> span{width:100%;}

	#overall_adreport{width:100%;}

	.dashbord-heading> form> .duration-filter{width:100%;}

	.custom-date-div {justify-content: flex-end; text-align:center;}
	
	#progressbar li.current:before{outline: #c90000 solid 2px;border: 2px solid #ffffff;}
	
	#progressbar li:before{border: 2px solid #ffffff;outline: #031d2a solid 2px;}
	
	#progressbar li:before {width: 40px;height: 40px;line-height: 40px;}

	#progressbar li:after {background: #835e5e;top: 20px;}
	
	.duration-filter> span> .btn-info {margin: auto;display: flex;margin-bottom: 5px;}
}

@media only screen and (max-width: 480px) {
	
	.gray-outer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	
	#progressbar li.current:before{outline: #c90000 solid 2px;border: 2px solid #ffffff;}
	
	#progressbar li:before{border: 2px solid #ffffff;outline: #031d2a solid 2px;}
	
	#progressbar li:before {width: 30px;height: 30px;line-height: 30px;}

	#progressbar li:after {background: #835e5e;top: 15px;}

	.link-popup{display: flex;gap: 5px;flex-direction: column;width: 100%;flex-wrap: nowrap;}

	.link-popup> .form-check {width: 100%;padding: 5px;border: 1px solid #dddddd;background-color: #f9f9f9;display: flex;gap: 5px;}
	
	.geographic-report-title{display: none;}

	.tab-btn {font-size: 13px;}
	
	.page-heading-flex{flex-direction: column;align-items: flex-start;gap: 5px;}
	
	.page-heading-flex> .create-btn{margin: auto;}
	
}


@media only screen and (max-width: 340px) {

    #progressbar li:before {width: 25px;height: 25px;line-height: 23px;}
}

/* New menu bar */


@media only screen and (max-width: 767px) {
    .dashboard-side-menu{
        top: 70px;
        padding-top: 20px;
    }

    .desktop-sidebar
    {
        display: none;
    }

    .mobile-sidebar
    {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
	
    .desktop-sidebar
    {
        display: block;
    }

    .mobile-sidebar
    {
        display: none;
    }

    .logo
    {
        width: 118px !important;        
        border-right: 1px solid #d8d8d8;
        height: 100%;
        padding-right: 10px;
        box-shadow: 6px 0 6px -9px rgba(0, 0, 0, 0.25);
    }

    .logo-desktop
    {
        display: none;
    }

    .logo-mobile
    {
        display: block;
        margin: 0px auto !important;
        
    }

    .dashboard-side-menu-toggle
    {
        display: none;
    }

    .dashboard-side-menu {
        width: 130px;
        background-color: #FFFFFF;
        border-right: 1px solid #d8d8d8;
        top: 70px;
        overflow: visible !important;

    }

    .dashboard-side-menu .sidebar
    {
        height: calc(100vh - 120px);
    }

    .dashboard-side-menu .nav-item, .dashboard-side-menu .sidebar-item
    {
        width: 130px;
        margin-left: 0px;
        position: relative;
    }

    .dashboard-side-menu .nav-link
    {
        width: 75px !important;
        height: 75px !important;
        padding: 0px !important;
        margin: 0px auto;
        display: flex;
        align-items: center;
        position: relative;
    }

    .dashboard-side-menu .nav-link.active 
    {
        background: #e6f5e3;
        color: #52b141;
        border-radius: 12px;
       
    }

    .dashboard-side-menu .nav-link.active::after
    {
        content: '';
        position: absolute;
        right: -27px;
        top: 50%;;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #52b141; /* arrow color */
    }
    
 
    .dashboard-side-menu .nav-link i {
        background: none;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 2px;
        font-size: 28px;
        color: #7e7e7e;
        margin: 0px auto !important;
    }

   

    .dashboard-side-menu .nav-pills .nav-link.active i {
        background-image: unset;
        color: #52b141;
        
    }

    .dashboard-side-menu .nav-item:hover .nav-link i,
    .dashboard-side-menu .sidebar-item:hover .nav-link i
    {
        color: #FFFFFF;
    }

    .dashboard-side-menu .nav-item:hover .nav-link,
    .dashboard-side-menu .sidebar-item:hover .nav-link
    {
        background: #52b141;
        border-radius: 12px;
    }

    

    .dashboard-side-menu .nav-link > p {
        display: none;
    }

    .dashboard-side-menu,
    .dashboard-side-menu .sidebar,
    .dashboard-side-menu .mCustomScrollBox,
    .dashboard-side-menu .mCSB_container {
        overflow: visible !important;
    }


    .dashboard-side-menu .sidebar-item-toggle
    {
        display: none;
    }

    .content-section {
        width: calc(100% - 160px);
        margin-left: 140px;
    }


    .sidebar-item {
        position: relative;
    }

    .sidebar-item .submenu {
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 175px;
        padding: 8px 0;
        display: none;
        z-index: 1000;
        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
        height: auto !important;
        border-radius: 6px;
        background: #fff;
    }

    .sidebar-item:hover > .submenu {
        display: block;
    }

    .submenu-link {
        display: flex;
        align-items: center;
        padding: 2px 8px !important;
        text-decoration: none;
        white-space: nowrap;
        color: #7e7e7e;
        font-size: 15px;
        height: 32px !important;
    }

    .submenu-link.active {
        color: #a90000;
    }


    .submenu-link:hover {
        color: #FFFFFF;
    }

    .sidebar-item.open > .sidebar-toggle .fa-angle-right,
    .sidebar-item:hover > .sidebar-toggle .fa-angle-right {
        transform: rotate(90deg);
    }

    .sidebar-toggle .fa-angle-right {
        transition: transform 0.2s ease;
    }








}