body
{
		background-color:#dfdfdf;
}



.content-section .page-heading
{
	  font-size: 18px;
    border-bottom: 2px solid #d10c0c;
    color: #262626;
    margin-bottom: 50px;
}

.section-heading
{
		border-bottom: 1px solid #c0b9b9;
		color:#26201d;
}

.section-sub-heading
{
	border-bottom: 1px solid #c0b9b9;
	color:#26201d;
}

.custom-top-message
{
	color:#f38585;
	margin-top:0px !important;
}


/********* Side menu show/hide icon ***********/
.dashboard-side-menu-toggle i
{
		color:#c30909;
}
/********* 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: #c30909;
		color: #FFFFFF;
		box-shadow: -1px -1px 0px 0px #c30909 inset;
}

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

.notification-country-map
{
	color: #c30909;
}


#country_impression_home, #country_click_home, #country_conversion_home
{
		border: 1px solid #CCCCCC;
}
/********* Dashboard country map tabs ***********/

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

.report_main_table_tab
{
    background: #1e1e1e;
    color: #FFFFFF;
    border-right: 1px solid #4a4545;
    box-shadow: -1px -1px 0px 0px #4a4545 inset;
}

.report_main_table_tab_temp
{
    background: #FFFFFF;
		color: #212529;
}


@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-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;
		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%);
		color:#585858;
}

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

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

.data_table_head td
{
		background-color:#FFFFFF;
    color: #212529;
    border-bottom: 1px solid #dee2e6;
}

.data_table_content:nth-child(even)
{
		background-color: rgba(0,0,0,.05);
}


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

.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 {border:1px solid #cccccc;}


.table-head-responsive {
    background-color:#830000;
		color:#FFF;
}

.table_head {
    border-bottom: 1px solid #ddd;
}


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

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


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

.home-box-div {
   height: 110px;
    background:#fff;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px;
}

.home-box-div .icon_td{
	width: 65px;
    height: 65px;
    background: linear-gradient(45deg,#8f1212,#ff0b0b);
    float: none;
    display: block;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 65px;
    font-size: 27px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
	margin:22px auto;
	}

.home-box-div .home-box-td-first{
    text-transform: uppercase;
    color: #444241;
    font-weight: bold;
    height: 45px;
    font-size: 20px;
    margin-right: 25px;
    margin-top: 15px;
    width: 100%;
    text-align: right;
    margin: 15px auto 0;
    text-align: center;
	}

.home-box-td-second {
    letter-spacing: 0px;
    text-transform: none;
    color: #c52424;
    border: none;
    border-radius: 0;
    /* float: right; */
    width: 100%;
    text-align: right;
    /* margin-right: 25px; */
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
}

@media only screen and (max-width: 1200px)
{
		.home-box-div
		{
	    	height: 109px;
		}
}

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

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

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

@media only screen and (max-width: 767px)
{
	.home-box-div .icon_td
	{
		float:none !important;
		margin:30px auto !important;
		display:block;
	}

	.home-box-div
	{
		height:215px;
	}

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

	    text-align: center !important;
		margin-right:0px!important;
		margin-top:0px;
		margin-left:0px !important;
	}

	.home-box-td-second
	{

	    text-align: center !important;
		margin-right:0px !important;
		margin-left:0px !important;
	}
}

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

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

.btn-info{
	background:#c30909 !important;
	color:#fff !important;
	border-color:#c30909 !important;
	border-radius: 0px !important;}


.btn-info:hover{
	background:#000 !important;
	color:#fff !important;
	border-color:#000 !important;}

	.submit-button
	{
				background:#000000;
	    	border-color: #000 !important;
				color:#ffffff !important;
	}

	.submit-button:hover
	{
			background:#5c0606!important;
	    border-color: #ef6603 !important;
	    color:#ffffff !important;
	}

	.link_button {
	    background: #000000;
	    color: #fff !important;
	}

	.link_button:hover
	{
		background:#c30909 !important;
	    border-color: #ef6603 !important;
	    color:#ffffff !important;
	}

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

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

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

	/******************* For CPD/affiliate ***************/
	.filter-head
	{
			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%);
	}

	.filter-content {
	    background-color: #ebebeb;
			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%);
	}


	.filter-head-sub
	{
			color: #212529;
	}

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

	.checkall-1, .checkall-2, .checkall-3
	{
			background-color: #FFFFFF;
			border: 1px solid #212529;
			color: #212529;
	}

	.clearall-1, .clearall-2, .clearall-3
	{
			background-color: #FFFFFF;
			border: 1px solid #212529;
			color: #212529;
	}



	.site-box-outer
	{
			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%);
	}

	.affiliate-box-outer
	{
			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%);
	}


	.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 #000000;
			background: #000000;
	}

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

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


	.adstate
	{
	    border: 1px solid #c0b9b9;
			background:#FFFFFF;
			border-radius: 5px !important;
	}

	.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: #c30909;
	    color: #FFFFFF;
	}


	.location-remove
	{
			background-color: #c30909;
	    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;
		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%);
}
/******** For advertisers add fund *********/


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

.impression-icon
{
	color: #198754;
}

.html5-icon
{
		color: #198754;
}


.verify-icon
{
		color: #198754;
}

.clone-icon
{
		color: #198754;
}

.retargeting-icon
{
		color:#814b4b;
}

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

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

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

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

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

.sold-icon
{
		color: #b02a37;
}

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


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

.pause-icon
{
		color:#ff9898;
}

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

.edit-icon
{
		color:#c30909;
}

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

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

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

.delete-icon
{
		color:#fd6464;
}

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

.details-icon
{
		color: #198754;
}

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

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

.info-icon
{
		color: #c52d2f;
}
/************** Different icons ************/

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

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

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

.previous a, .next a
{
	color: #d90303;
}

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

.select_span
{
		border: 1px solid #d90303;
  	color: #fff;
  	background-color: #d90303;
}
/************** 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 {
    	color: #fff;
    	background:#000000;
	}
	/*progressbar connectors*/
	#progressbar li:after {
		background: #835e5e;
	}

	#progressbar li.current:before
	{
			background: #c30909;
   		border-radius: 5px;
			color:#fff;
  }
/************* Ad creation steps ************/

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

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

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

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

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

.dashboard-side-menu .dropdown-menu
{
		background-color: #343a40 !important;
}

.dashboard-side-menu .dropdown-item
{
		color: #c2c7d0;
}

.dashboard-side-menu .dropdown-item:hover, .dashboard-side-menu .dropdown-item:focus
{
		background-color: rgba(255,255,255,.1);
		border-radius: 5px;
}

.dashboard-side-menu .dropdown-menu .active
{
		background-color: #343a40 ;
		color: #FFFFFF;
}

.dashboard-side-menu .dropdown-menu .active:hover, .dashboard-side-menu .dropdown-menu .active:focus
{
		background-color: rgba(255,255,255,.1);
		border-radius: 5px;
}

.dashboard-side-menu .nav-link
{
		color: #c2c7d0;
}

.dashboard-side-menu .nav-link:hover, .dashboard-side-menu .nav-link:focus
{
    background-color: rgba(255,255,255,.1);
    color: #FFFFFF !important;
}

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

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


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

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

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

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

	.color-select
	{
	   background : #c30909;
	}

	.preferred_mode
	{
			color:#cb0404 !important;
	}

	.graph-div
	{
			border: 1px solid rgba(0,0,0,.20);
	  	box-shadow: -1px -1px 7px 0 rgb(0 0 0 / 10%);
	}

	.body-background
	{
			background: #FFFFFF;

	}

	.category-list-div
	{
	    background : #c30909;
			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;
			}
	}

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

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

	.addfund-rightbox
	{
			background:#bb0000;
			color: #FFFFFF;
	}

	.addfund-rightbox .section-sub-heading
	{
			color: #FFFFFF;
	}

	.withdrawal-rightbox
	{
		background:#cb0404;
		color: #FFFFFF;
	}

	.withdrawal-rightbox .section-sub-heading
	{
		color: #FFFFFF;
	}

	.withdrawal-leftbox
	{
		background:#cb0404;
		color: #FFFFFF;
	}

	.withdrawal-leftbox .form-check
	{
			color: #FFFFFF;
	}

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


	.dollar_style
	{
		color: #FFFFFF;
		background-color:#e90000;
		border: 1px solid #e90000;
	}

	.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;
				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%);
	}

	.icon-outer
	{
			background:#ffe5e5 !important;
	}

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

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


.form-check-input:checked
{
    background-color: #ff5c5c;
    border-color: #e73f3f;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
    color: var(--bs-nav-pills-link-active-color);
    background-color:#c30909 !important;
}

.header-class.header-scrolled {
    background: rgba(42, 44, 57, 0.9);
}


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