body
{
		background-color: #f4f6f9;
}

.content-section .page-heading
{
	  font-size: 16px;
    border-bottom: 1px solid #c0b9b9;
    color: #212529;
	  margin-bottom:15px;
}

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

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

.custom-top-message
{
		color: #7831ed;
}

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


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

.tab-li
{
    background: #7831ed;
    box-shadow: -1px -1px 0px 0px #a16cf9 inset;
}
.tab-li-selected
{
    background: #FFFFFF;
		color: #212529;
}
/********* Dashboard tabs ***********/


/********* Dashboard country map tabs ***********/
.country-map-tab
{
    background:#3b147a;
		color: #FFFFFF;
		box-shadow: -1px -1px 0px 0px #3b147a inset;
}

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

.notification-country-map
{
	color:#3b147a;
}


#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 #511fa5;
}

.report_main_table_tab
{
    background: #511fa5;
    color: #FFFFFF;
    border-right: 1px solid #b487ff;
    box-shadow: -1px -1px 0px 0px #462b1c 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 #aa77ff;
		}

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

		.report_main_table_tab_temp
		{
				border-left: 1px solid #aa77ff;
				border-right: 1px solid #aa77ff;
				border-bottom: 1px solid #aa77ff;
		}
}
/********* 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%);

}

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

.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; padding:5px;}


.table-head-responsive {
    background-color:#7831ed;
		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: 175px;
    box-shadow: none;
    border: 3px solid #3b147a;
    border-radius: 15px;
	padding:30px 10px;
    background:#e8daff;
	box-shadow:rgb(0 0 0 / 25%) 0px 5px 7px;
	position:relative;
	margin-bottom:30px;
}


.home-box-div .icon_td{
	display: block;
    color: #ffffff;
    text-align: center;
    font-size: 32px;
    line-height: 68px;
    position: absolute;
    top: -30px;
    left:calc(50% - 36px);
    background: #3b147a;
    border-radius: 50%;
    height: 70px;
    width: 70px;
	display: flex;
    align-items: center;
    justify-content: center;
	}

.home-box-div .home-box-td-first{
    text-transform: uppercase;
    color:#3b147a;
    font-weight: bold;
    font-size: 20px;
    margin-top: 35px;
    width: 100%;
    text-align: center;}

.home-box-td-second {
    letter-spacing: 2px;
    text-transform: uppercase;
    color:#464646;
    border: none;
    width: 100%;
    text-align: center;
	margin-top:15px;
}



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

/*********** Different Buttons ************/
.btn-info
{
		background:#0d0120 !important;
		color:#fff !important;
		border-color:#0d0120 !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:#3b147a !important;
    border-color: #3b147a!important;
    color:#ffffff !important;
}

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

.link_button:hover
{
		background:#3b147a !important;
    border-color: #3b147a !important;
    color:#ffffff !important;
}

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

.next-previous-button:hover
{
		background:#3b147a !important;
    border-color: #3b147a !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: #a06cf5;
}



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

.adstate .pending
{
		color: #ffc107;
}

.adstate .active
{
		color: #198754;
}

.adstate .block
{
		color: #dc3545;
}

.adstate .draft
{
		color: #5627a3;
}

.alert-info {
    --bs-alert-color: #5627a3;
    --bs-alert-bg: #ccb1f9;
    --bs-alert-border-color: #ccb1f9;
}
/******************* For ad status box in ad details page ***************/

/******** Location targeting section *********/
.location-add
{
		background-color: #3b147a;
    color: #FFFFFF;
}

.location-remove
{
		background-color: #3b147a;
    color: #FFFFFF;
}

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

.subdivision1_mapping_div, .subdivision1_mapping_div .fa {
    color:#dd3a00;
}
/******** 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: #1a1e21;
}

.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:#280f01;
}

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

.edit-icon
{
		color:#3b147a;
}

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

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

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

.delete-icon
{
		color:#a46dff;
}

.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: #6222cc;
	    background-color: #fff;
	    border: 1px solid #dee2e6;
}

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

.previous a, .next a
{
	color: #6222cc;
}

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

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

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

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

#progressbar li {
	color: #212529;
}
#progressbar li:before {
	color: #FFFFFF;
	background:#000000;
}
/*progressbar connectors*/
#progressbar li:after {
	background: #6e4f3e;
}

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

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

.dashboard-side-menu
{
			background-color: #1e1036;
}

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

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

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

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

.dashboard-side-menu .dropdown-menu
{
		background-color: #5b3897!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: #fba504;
    color: #000000;
    border-radius: 5px;
}

.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(168 134 223);
}

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

.sidebar-user-icon .icon
{
	color:#3b147a;
}
/************* Left menu items ***********/

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

.color-select
{
   background : #3b147a;
}

.preferred_mode
{
		color:#2a0662 !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 :#3b147a;
		color      : #FFFFFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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, .client-support
{
			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%);
}

.footer .copyright
{
		border-top: 0px;
}

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