body
{
		background-color:#dfdfdf;
}

.logo {
    position: relative;
    padding-right: 50px;
    display: flex;
}

.content-section
{
		width: calc(100% - 25px);
    margin-top: 100px;
		margin-left: 10px;
}

@media only screen and (min-width: 768px)
{
		.content-section
		{
				width: calc(100% - 280px);
				margin-left: 260px;
				transition: margin-left .4s ease-in-out, width .4s ease-in-out;
		}
}

.content-section-menu-hide
{
		width: calc(100% - 25px);
		margin-left: 10px;
		transition: margin-left .4s ease-in-out, width .4s ease-in-out;
}

.content-section-temp
{
		width: calc(100% - 25px) !important;
		margin-left: 10px;
}

.side-menu-ul li a
{
    padding: 10px 5px;
}

.revert-head {
    background: #0544a1;
}
.content-section .page-heading
{
	font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 2px solid #0d6efd;
    margin-top: 15px;
    text-transform: uppercase;
    width: 100%;
    color: #262626;
    margin-bottom: 50px;
}

.section-heading
{
		font-size: 16px;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 1px solid #c0b9b9;
		margin-top: 15px;
		margin-bottom: 20px;
		text-transform: uppercase;
		width: 100%;
		color:#26201d;

}

.section-sub-heading
{
	font-size: 12px;
	font-weight: 700;
	padding-bottom: 5px;
	border-bottom: 1px solid #c0b9b9;
	margin-top: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	width: 100%;
	color:#26201d;
}

.custom-top-message
{
	display: none;
	top:75px;
	color:#f38585;
	position:absolute;
	right:15px;
	margin-top:0px !important;
}


/********* Side menu show/hide icon ***********/
.dashboard-side-menu-toggle
{
		position: absolute;
		right: 0px;
		cursor: pointer;
}

.dashboard-side-menu-toggle i
{
		font-size: 24px;
		color:#fafafa;
}




/********* Side menu show/hide icon ***********/

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

.tab-ul
{
	/*	background: #0544a1; */
		margin-bottom: 1.5px !important;
	/*	box-shadow: -1px -1px 0px 0px #020811 inset; */
}

.tab-li
{
    background:#b3c2d9;
    font-family: 'Raleway', sans-serif !important;
    letter-spacing: 1px;
    text-transform: capitalize;
		color: #003e99;
		cursor: pointer;
		padding: 15px 10px;
		font-weight: 700;
		margin-top: 1px;
		margin-bottom: 1px;
    margin-left: 1px;
		box-shadow: -1px -1px 0px 0px #b3c2d9 inset;
}

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

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

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

.country-map-tab
{
    background: #0d6efd;
    font-family: 'Raleway', sans-serif !important;
    letter-spacing: 1px;
    text-transform: capitalize;
		color: #FFFFFF;
		cursor: pointer;
		padding: 15px 10px;
		font-weight: 700;
		min-width: 120px;
		margin-top: 1px;
    margin-left: 1px;
		box-shadow: -1px -1px 0px 0px #0d6efd inset;
}

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

.notification-country-map
{
	position: absolute;
  z-index: 1000;
	right:20px;
	color: #0d6efd;
}

.country-map-ul
{
	list-style-type: none;
	z-index: 1;
	position: absolute;
	left:0;
}

.country-inner-box
{
	position:relative;
}

#country_impression_home, #country_click_home, #country_conversion_home
{
		width: 100%;
		height: 400px;
		border: 1px solid #CCCCCC;
		margin-bottom: 10px;
}
/********* Dashboard country map tabs ***********/

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

.report_main_table_tab
{
   background: #b3c2d9;
    font-family: 'Raleway', sans-serif !important;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #003e99;
    cursor: pointer;
    padding: 15px 10px;
    border-right: 1px solid #b3c2d9;
    position: relative;
    top: 0;
    transition: all 0.25s;
    font-weight: 700;
    box-shadow: -1px -1px 0px 0px #b3c2d9 inset;
}

.report_main_table_tab:hover
{
	  top: 0;
	  transition: top 0.25s;
}

.report_main_table_tab_temp
{
    background: #0544a1;
		color: #fff;
		border-right: 1px;
		top: 0;
	  transition: unset;
		box-shadow: unset;
}

.report_main_table_tab_temp:hover
{
		top: 0.25rem;
		transition: unset;
}

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

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

		.report_main_table_tab:hover
		{
			  top: 0px;
			  transition: unset;
		}

		.report_main_table_tab_temp
		{
				border-left: 1px solid #0d6efd;
				border-right: 1px solid #0d6efd;
				border-bottom: 1px solid #0d6efd;
				top: 0px;
				transition: unset;
		}

		.report_main_table_tab_temp:hover
		{
				top: 0px;
				transition: unset;
		}
}
/********* Report page tabs ***********/

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

.table-outer-box
{
		background-color:#FFFFFF;
		border-radius: 0px;
		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;
		padding: 14px 10px 10px;
		border: 1px solid rgba(0,0,0,.20);
		border-radius: 10px;
}


.table-outer-box .search_div
{
		border: 0px;
		padding: 0px;
}

@media only screen and (min-width: 576px) && (max-width: 767px)
{
		.search_div .col-xs-12 {
				width: 40% !important;
		}
}


.data_table
{
		width: 100%;
		font-size: 14px;
		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
{
		font-size: 14px;
		font-weight: 700;
	  text-transform: capitalize;
    padding: .75rem;
		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
{
		padding: .75rem;
		color: #212529;
		border-bottom: 1px solid #dee2e6;
}


.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{width:100%;}

.table-desktop-mobile table,.table-desktop0-mobile table,.table-desktop1-mobile table,.table-desktop2-mobile table,.table-desktop3-mobile table,.table-desktop4-mobile table,.table-desktop5-mobile table
,.table-desktop6-mobile table,.table-desktop7-mobile table,.table-desktop8-mobile table,.table-desktop9-mobile table,.table-desktop10-mobile table,.table-desktop11-mobile table,.table-desktop12-mobile table,.table-desktop13-mobile table,.table-desktop18-mobile table {margin-bottom:10px; width:100%;}

.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:#0d6efd;
		color:#FFF;
		width:35%;
}


.table_head {
    text-align: left;
    font-size: 20px !important;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    text-transform: none;
}


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


.custom-date-div input
{
		width: 110px;
		float:left;
		margin-right: 5px;
}

@media only screen and (max-width:320px)
{
    .custom-date-div input
    {
       margin-bottom: 5px;
    }
}

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

/*************** Site category listing popover *************/
.site-categories-class
{
		padding: 2px 10px;
}

.site-categories-class .fa
{
		font-size: 12px;
}
/*************** Site category listing popover *************/


/************** 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,#0544a1,#0d6efd);
    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: 30px;
    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: #0d6efd;
    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:#0d6efd !important;
	color:#fff !important;
	border-color:#0d6efd !important;
	border-radius: 0px !important;}


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

	.submit-button
	{
				font-family: 'Raleway', sans-serif !important;
				background:#0d6efd;
	    	border-color: #0d6efd !important;
	    	border: none !important;
				font-size: 12px;
	    	font-weight: 500;
	    	border-radius: 0px !important;
				color:#ffffff !important;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				margin: 10px 0px;

				padding: 6px 15px;
				float:none;
				display: inline-block;
				cursor: pointer;
	}

	.submit-button:hover
	{
			background:#0544a1!important;
	    border-color: #0544a1 !important;
	    color:#ffffff !important;
	}

	.link_button {
	    font-size: 14px;
	    padding: 10px;
	    text-decoration: none;
	    border-radius: 0px !important;
	    background: #0d6efd;
	    color: #fff !important;
	    border: none;
	    margin-right: 5px;
			margin-bottom: 2px;
			cursor: pointer;
			white-space: nowrap;
	    display: inline-block;
			float: left;
	}

	.link_button:hover
	{
		background:#0544a1 !important;
	    border-color: #0544a1 !important;
	    color:#ffffff !important;
	}

	.next-previous-button
	{
			font-family: 'Raleway', sans-serif !important;
			background:#0d6efd !important;
	    border-color: #0d6efd !important;
	    border: none !important;font-size: 12px;
	    font-weight: 500;
	    border-radius: 0px !important;
			color:#ffffff !important;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-top: 10px;
			margin-bottom: 10px;
			padding: 6px 15px;
	}

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

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

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


	.market-site {
	    margin-right: 0px;
	    max-height: 600px;
	    overflow-y: auto;
	}

	.market-site-list{padding: 15px;}

	.filter-head
	{
			padding: 8px;
			cursor: pointer;
			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 {
	    min-height: 30px;
	    display: none;
	    padding: 10px;
	    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%);
			border-top: 0px;
	}


	.filter-head-sub
	{
	    font-size: 14px;
	    font-weight: bold;
			color: #212529;
	}

	.filter-head-sub .fa
	{
			font-size: 20px;
			color:#0d6efd;
	}



	.filter-head-third
	{
	    min-height: 40px;
	}

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

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


	#apply_filter
	{
	    padding-top: 10px;
	    padding-bottom: 9px;
	}

	.affiliate-marketplace .tabcontent
	{
			height:300px;
			overflow-y: auto;
	}

	.site-box-outer
	{
			background-color: #FFFFFF;
	    border-radius: 5px;
	    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-radius: 5px;
	    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%);
	}

	.thumb-outer
	{
		position:relative;
	}

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

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

	.ask-question-button
	{
			position: absolute;
			top: 80px;
			right: 15px;
	}

	.affiliate-ad-details
	{
			max-height: 500px;
			overflow: auto;
	}

	.cart-add-button
	{
			padding-top: 11px;
			padding-bottom: 9px;
	}

	.cart-remove-button
	{
			padding-top: 11px;
			padding-bottom: 9px;
	}

	.site-package-button
	{
			display: none;
	}

	.site-category-button-temp
	{
			display: block;
	}


	@media only screen and (max-width: 767px)
	{
			.site-package-div
			{
					display: none;
			}

			.site-package-button
			{
					display: block;
			}
	}

	.filter-outer-box
	{
			display: none;
			background-color:#FFFFFF;
			border-radius: 5px;
			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%);
	}

	.website-details
	{
			overflow-x: auto;
	}

	.review-cart
	{
			overflow-x: auto;
	}

	.custom-radio-button
	{
		width:13px;
		height:13px;
		border:1px solid #c5c1c1;
		border-radius: 50%;
		display: inline-block;
	}

	.custom-radio-button-selected
	{
			width:7px;
			height:7px;
			border:1px solid #000000;
			border-radius: 50%;
	    margin-top: 2px;
	    margin-left: 2px;
			background: #000000;
	}

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

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


	.adstate
	{
	    padding: 2px 5px;
			font-size: 14px;
	    border: 1px solid #c0b9b9;
			background:#FFFFFF;
			display: inline-block;
			border-radius: 5px !important;
	}

	.adstate .pending
	{
			color: #ffc107;
	}

	.adstate .active
	{
			color: #198754;
	}

	.adstate .block
	{
			color: #dc3545;
	}

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

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


	.location-add
	{
			background-color: #0d6efd;
	    margin: 10px auto !important;
	    color: #FFFFFF;
	    text-align: center;
			width: 30px;
	    height: 30px;
			cursor: pointer;
	}

	.location-add .fa
	{
			font-size: 24px;
	}

	.location-remove
	{
			background-color: #0d6efd;
	    margin: 10px auto !important;
	    color: #FFFFFF;
	    text-align: center;
			width: 30px;
	    height: 30px;
			cursor: pointer;
	}


	.location-remove .fa
	{
			font-size: 24px;
	}


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

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


@media only screen and (max-width:575px)
{
		.location-add .fa-arrow-circle-right:before {
		    content: "\f0ab";
		}

		.location-remove .fa-arrow-circle-left:before {
				content: "\f0aa";
		}
}

	.geo-location-box
	{
	    height: 500px;
			overflow-y: auto;
	}

.data-add-plus
{
		float:right;
}


.remove
{
		float:right;
}

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

/******** For model popup *********/

.modal-body .tab-content
{
	border: 0px !important;
}

.modal-dialog .modal-footer
{
	display:inline !important;
}

.modal-dialog .modal-title
{
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
}

.modal-header .btn-close
{
    background-color: #DDDDDD;
		border-radius: 0px;
    width: 8px;
    height: 8px;
    margin: 0px;
}

.modal-content
{
	border-radius:0px;
}


@media only screen and (min-width: 576px) and (max-width: 991px)
{
		.add-site .modal-dialog
		{
			    max-width: 90% !important;
		}

		.edit-site .modal-dialog
		{
					max-width: 90% !important;
		}

		.affiliate-marketplace .modal-dialog
		{
					max-width: 90% !important;
		}
}
/******** For model popup *********/

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

.payment-mode-list
{
		background-color:#FFFFFF;
		border-radius: 5px;
		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%);
}

.payment-mode-list-label
{
		font-size: 14px;
		font-weight: 700;
		margin-right: 10px;
		cursor: pointer;
}

.payment-mode-list-label input
{
		margin-right: 3px;
}
/******** For advertisers add fund *********/


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

.impression-icon
{
	color: #198754;
	margin-right: 5px;
}

.html5-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #198754;
		margin-right: 5px;
}


.verify-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #198754;
		margin-right: 5px;
}

.clone-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #198754;
		margin-right: 5px;
}

.retargeting-icon
{
		cursor: pointer;
		font-size: 18px;
		color:#814b4b;
		margin-right: 5px;
}

.refund-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #0d6efd;
		margin-right: 5px;
}

.recurring-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #0d6efd;
		margin-right: 5px;
}

.refresh-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #0d6efd;
		margin-right: 5px;
}

.preview-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #146c43;
		margin-right: 5px;
}

.available-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #146c43;
		margin-right: 5px;
}

.sold-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #b02a37;
		margin-right: 5px;
}

.premium-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #1a1e21;
		margin-right: 5px;
}


.list-icon
{
		cursor: pointer;
		font-size: 19px;
		color: #0d6efd;
		margin-right: 5px;
}

.pause-icon
{
		cursor: pointer;
		font-size: 18px;
		color:#ff9898;
		margin-right: 5px;
}

.resume-icon
{
		cursor: pointer;
		font-size: 24px;
		color: #146c43;
		margin-right: 5px;
}

.edit-icon
{
		cursor: pointer;
		font-size: 20px;
		color:#0d6efd;
		margin-right: 5px;
}

.adcode-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #0d6efd;
		margin-right: 5px;
}

.report-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #1a1e21;
		margin-right: 5px;
}

.add-icon
{
		cursor: pointer;
		font-size: 19px;
		color: #146c43;
		margin-right: 5px;
}

.delete-icon
{
		cursor: pointer;
		font-size: 22px;
		color:#fd6464;
		margin-right: 5px;
}

.mapping-icon
{
		cursor: pointer;
		font-size: 24px;
		color: #146c43;
		margin-right: 5px;
}

.details-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #198754;
		margin-right: 5px;
}

.pdf-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #1a1e21;
		margin-right: 5px;
}

.download-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #1a1e21;
		margin-right: 5px;
}

.info-icon
{
		cursor: pointer;
		font-size: 18px;
		color: #c52d2f;
		margin-right: 5px;
}
/************** Different icons ************/

/************* Ads preview section **************/

.layout-div-create i {cursor: pointer;}

.layout-preview {display: none;}

.display-outer-style {display:none;border: 1px solid #888888;box-sizing: border-box !important;overflow: hidden;}


.slidesection-style {text-align: center;float: left;box-sizing: border-box !important;position: relative;overflow: hidden;}
.slidesection-style::before {content: " ";display: inline-block;vertical-align: middle; }

.headlinesection-style {text-align: center;float: left;box-sizing: border-box !important;white-space:nowrap;}
.headlinesection-style::before {content: " ";display: inline-block;vertical-align: middle; }


.logosection-style {text-align: center;float: left;box-sizing: border-box !important;}
.logosection-style::before {content: " ";display: inline-block;vertical-align: middle;}


.singleadsection-style{border: 1px solid #888888;text-align: center;float: left;box-sizing: border-box !important;overflow: hidden;}
.singleadsection-style::before {content: " ";display: inline-block;vertical-align: middle; }

.slideinner-style {box-sizing: border-box !important;left: 0px;position: relative;overflow: hidden;display: inline-block;vertical-align: middle;}

.slideblock-style{float: left;box-sizing: border-box !important;vertical-align: middle;}
.slideblock-style::before {content: " ";display: inline-block;vertical-align: middle; }

.slideblockinner-style {display: inline-block;vertical-align: middle;}



.slideleft-style {height: 100%;box-sizing: border-box !important;position: absolute;left: 0px;z-index: 1000;}

.slideleft-style::before {content: " ";display: inline-block;vertical-align: middle;height: 100%; }


.slideright-style {height: 100%;box-sizing: border-box !important;position: absolute;right: 0px;z-index: 1000;}
.slideright-style::before {content: " ";display: inline-block;vertical-align: middle;height: 100%; }


.slideleftinner-style,.sliderightinner-style {padding: 0px 3px 0px 3px;cursor: pointer !important;background-color: #CCCCCC;border: 1px solid #666666;border-radius: 5px;font-weight: bold;}

.slideinnerholder-style{height: 100%;float: left;box-sizing: border-box !important;overflow: hidden;}


.slideleftinner-style{display: none;}

.preview-display-style {width: 100%;height: 100%;float: left;text-align: left;box-sizing: border-box !important;}

.span-button-preview{background-color: #666666;color: #FFFFFF;border-radius: 2px;}
.span-button-preview:hover {background-color: #EC2124;}

.span-text{color: #666666;}

.dummyimage
{
    background-color: #CCCCCC;
    border: 1px solid #EEEEEE;
}

.dummytitle,.dummytitlepop{color: #B50818;}
.dummydescription,.dummydescriptionpop{color: #1437D7;}
.dummyurl,.dummyurlpop{color: #079707;}
.dummyprice,.dummypricepop,.dummyofferprice,.dummyofferpricepop{color: #EE0000;vertical-align: middle;white-space: nowrap;}

.dummybutton {color: #FFFFFF;background-color: #FFA800;box-sizing: border-box !important;white-space: nowrap;border-radius: 2px;}

.dummyimage-style {background-color: #CCCCCC;}
.dummytitle-style{color: #B50818;}
.dummydescription-style{color: #1437D7;}
.dummyurl-style{color: #079707;}
.dummyprice-style{color: #EE0000;vertical-align: middle;white-space: nowrap;}
.dummyofferprice-style{color: #EE0000;vertical-align: middle;white-space: nowrap;}


.dummybutton-style {color: #FFFFFF;background-color: #373737;box-sizing: border-box !important;white-space: nowrap;border-radius: 2px;}
.span-button{background-color: #FE7C00;color: #FFFFFF;display: none;border-radius: 2px;}

.span-button:hover {background-color: #FE4200;}
.dummybutton-style:hover {background-color: #DF0000;}


.display-style-right {text-align: right;}


.preview-div .layout-preview {
    float: none!important;
}

.previewSectionOuter
{
		background-color: #FFFFFF;
		display: none;
		position: relative;
		margin-bottom: 10px;
}

.previewCloseDiv
{
		background-color: #000000;
    color: #FFFFFF;
    width: 25px;
    height: 25px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

.push-banner-div
{
		width: 75px;
		height: 75px;
		margin-right: 5px;
}

.push-banner-div img
{
		width: 75px;
		height: 75px;
}
/************* Ads preview section **************/


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

.page_span
{
	    display: block;
	    padding: .5rem .75rem;
	    margin-left: -1px;
	    line-height: 1.25;
	    color:#d90303;
	    background-color: #fff;
	    border: 1px solid #dee2e6;
}

.previous, .next
{
	display: block;
	padding: .33rem .65rem;
	margin-left: -1px;
	line-height: 1;
	color: #007bff;
	background-color: #FFFFFF;
	border: 1px solid #dee2e6;
	font-size: 21px;
}

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

.page_span:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
}

.select_span
{
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	border: 1px solid #d90303;

	z-index: 3;
  color: #fff;
  background-color: #d90303;

}

.pagination td:first-of-type
{
    border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
}

.pagination td:first-of-type span
{
		border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


.pagination td:last-of-type
{
    border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
}

.pagination td:last-of-type span
{
		border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/************** Pagination section *****************/

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

.steps{
	border-radius:10px;}

.steps li:nth-child(n+2)::before{
	border:none !important;}



.steps li{
	height:60px;}

	.steps li:hover {
	    background-color: #747cad;
	}

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

	/*progressbar*/
	#progressbar {
		/*CSS counters to number the steps*/
		counter-reset: step;
	}
	#progressbar li {
		list-style-type: none;
		text-transform: capitalize;
		font-size: 9px;
		position: relative;
		color:#727272;
		width: 100%;
		text-align: center;
	}
	#progressbar li:before {
		content: counter(step);
    	counter-increment: step;
    	width: 30px;
    	line-height: 32px;
    	display: block;
    	font-size: 15px;
    	color: #fff;
    	background:#0d6efd;
    	border-radius: 5px;
    	margin: 0 auto 5px auto;
    	position: relative;
    	z-index: 2;
    	text-align: center;
	}
	/*progressbar connectors*/
	#progressbar li:after {
		content: '';
		width: 100%;
		height: 1px;
		background: #835e5e;
		position: absolute;
		left: -50%;
		top: 16px;
		z-index: 1; /*put it behind the numbers*/
	}
	#progressbar li:first-child:after {
		/*connector not needed before the first step*/
		content: none;
	}

	#progressbar li.current:before
	{
			background: #0544a1;
   			border-radius: 5px;
			color:#fff;
}

.manage-ad-edit .step-box
{
		cursor: pointer;
}

.progress-span
{
		font-size:12px;
		padding:5px;
		font-weight: 700;
}

@media only screen and (max-width:991px)
{
	.progress-span
	{
			display: none;
	}
}

@media only screen and (max-width:767px)
{
	.progress-span
	{
			font-size:8px !important;
	}
}

@media only screen and (max-width:520px)
{
		#progressbar li:before
		{
				width: 22px;
				line-height: 22px;
				font-size: 12px;
		}

		#progressbar li:after
		{
				top: 11px;
		}
}

@media only screen and (max-width:340px)
{
	.step-box
	{
		width:68px !important
	}
}

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

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






.dashboard-side-menu
{
	    position: fixed;
			height: 100vh;
			top: 0px;
			background-color: #0544a1;
			width: 250px;
			z-index: 3;
			overflow: hidden;
			left:0px;
			transition: left .4s ease-in-out;
}

.dashboard-side-menu-temp
{
		left: -100%;
		transition: left .4s ease-in-out;
}

@media only screen and (max-width: 767px)
{
		.dashboard-side-menu
		{
				left: -100%;
		}

		.dashboard-side-menu-temp
		{
				left: 0px;
				transition: left .4s ease-in-out;
		}
}



.dashboard-side-menu .sidebar
{
		border-radius: 0px;
		height: calc(100vh - 220px);
		overflow-y: auto;
}

.dashboard-side-menu .nav-item
{
		width: 92%;
		margin-left: 10px;
}

.dashboard-side-menu .nav-item a
{
		width: 100%;
		height: 40px;
		padding: 8px 10px;
}

.dashboard-side-menu .nav-item p
{
		margin-top: 1px;
		margin-bottom: 0px;
}

.dashboard-side-menu .dropdown
{
		width: 92%;
		margin-left: 10px;
}

.dashboard-side-menu .dropdown-menu .nav-item
{
		width: 92%;
		margin-left: 10px;
}

/********* For custom scrollbar ************/
.mCSB_inside > .mCSB_container { margin-right: 15px; }

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

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



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



.dashboard-side-menu .dropdown a
{
		width: 100%;
		height: 40px;
		padding: 8px 10px;
}

.dashboard-side-menu .dropdown p
{
		margin-top: 1px;
		margin-bottom: 0px;
}


.dashboard-side-menu .dropdown-toggle::after
{
		float: right;
		margin-top: 8px;
}


.dashboard-side-menu .dropdown-menu
{
		position: relative !important;
		transform: translate(0px) !important;
		background-color: rgb(13 110 253 / 25%) !important;
		border: 0px;
}

.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: #0544a1 ;
		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 .fa-home
{
		font-size: 18px;
}

.dashboard-side-menu .fa-gift
{
		font-size: 20px;
}

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

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

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













.sidebar-user-section
{
	margin-top: 80px;
	margin-bottom:40px;
	height:100px;
}

.sidebar-user-icon
{
		width: 75px;
    height: 75px;
    margin: 15px auto;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0d6efd;
}

.sidebar-user-icon img
{
	  float: none;
    margin: auto;
    display: block;
    padding: 5px 0px;
	  vertical-align:middle;
	  margin-bottom:10px;
}


.sidebar-user-name
{
		text-align:center;
		text-transform:uppercase;
		font-size:15px;
		color:#fff;
}


.sidebar-user-icon .icon
{
		font-size: 45px;
    text-align: center;
    float: none;
    margin: auto;
    display: block;
    padding: 15px 0;
    margin-bottom: 10px;
		color:#0d6efd;
}

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

/************* Duration filter ***********/


.duration-filter
{
		float : right;
}

.duration-filter span
{
		float:left;
}

.duration-filter input, .duration-filter select
{
		margin-bottom: 5px;
}

/************* Duration filter ***********/


	/*********** Tax section *********/

	.tax-details-page
	{
	 float: left;
	 margin: 5px;

	}

	.payment-deduction
	{
		font-size: 14px;
		font-weight: 700 !important;
		text-decoration: underline;
	}

	.payment-credited
	{
		font-size: 14px;
		font-weight: 700 !important;
	}


	.tax-fee-class
	{
		margin-top: 10px;
	}


	.tax-fee-class label
	{
		line-height: 20px !important;
	}

	@media only screen and (max-width: 520px)
	{
	  .tax-fee-class .col-xs-5,.tax-fee-class .col-xs-7
		{
		     width: 100%;
		}

	}
	/*********** Tax section *********/

	.ad-section-background
	{
			background: #FFFFFF;
			padding: 15px;
	}


	.color-select
	{
	   background : #0d6efd;
	}

	.preferred_mode
	{
			color:#cb0404 !important;
			font-weight: 700;
	}

	.country_list
	{
	    height: 200px !important;
	}

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


	.location-overlay
	{
			position: absolute;
			left: calc(50% - 65px);
	}

	.body-background
	{
			background: #FFFFFF;

	}

	.previous-box {

			float: left;
	}

	.next-box{

			float: right;
	}

	.category-list-div
	{
	    background : #0d6efd;
			color      : #FFFFFF;
			margin-bottom : 2px;
			padding : 5px;
	}

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

	.html5-info-div
	{
			display: none;
	}


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

	.time-target-box
	{
			float: left;
			margin-right: 5px;
	}

	.time-target-box input
	{
			width: 120px;
	}


	.adinfo-color-layout
	{
		float: left;
		padding: 0 8px 0px 0px;
	}

	.input-group-text
	{
		border-radius: 0px;
	}

	@media only screen and (max-width: 767px)
	{
			.header-icon-box
			{
			    right: 0px;
			}

			.header-temp .header-icon-box {
			    right: 15px;
			}

	}

	.ui-datepicker
	{
		z-index :1001 !important;
	}

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

	#iframe-html5-div
	{
	margin: 10px;
	}


	.operation-status-message
	{
			color:#f13535;
			margin: 10px 0px;
	}

	.addfund-rightbox
	{
	    background: #cccccc;
        color: #000000;
	}

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

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

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

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

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

	.withdrawal-leftbox .form-check-label
	{
			line-height: 1.2rem;
	}

	.withdrawal-mode
	{
			float: right;
	}


	.add-site .submit-button-category
	{
			position: fixed;
			bottom: 20px;
			left: calc(50% - 50px);
	}

	.edit-site .submit-button-category
	{
			position: fixed;
			bottom: 20px;
			left: calc(50% - 50px);
	}



	.iframe-html5-div
	{
			position: relative;
	}

	.html5-iframe
	{
			background-color: #FFFFFF;
			position: absolute;
			left: 0px;
	}

	.hide-span
	{
	    display: none;
	}

	.site-logo-delete .fa
	{
			font-size: 20px;
	}


	textarea.form-control {
	 border-radius:0px !important;
	}

	.form-control
	{
		 border-radius : 0px;
	}

	.form-select
	{
			border-radius: 0px;
			line-height : 1.8;
			font-size:14px;
	}


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


	.category_div_outer input
	{
			cursor: pointer;
	}

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

	.budget-details-section
	{
			display: none;
	}

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

	.button-section
	{
			position: absolute;
			top: 80px;
			right: 20px;
	}

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


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

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

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

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

	#textarea-adcode, #textarea-trackingclick, #textarea-trackingcode
	{
			font-size: 14px;
	}

	.text-xs-center
	{
			text-align: center;
	}


	.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-radius: 5px;
				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%);
	}

	@media only screen and (max-width: 575px)
	{
	  .payment-details .col-xs-1 {
	      flex: 0 0 auto;
	      width: 8.33333333%;
	  }

	  .payment-details .col-xs-5 {
	      flex: 0 0 auto;
	      width: 41.66666665%;
	  }

	  .payment-details .col-xs-6 {
	      flex: 0 0 auto;
	      width: 50%;
	  }

		.withdrawal-details .col-xs-1 {
	      flex: 0 0 auto;
	      width: 8.33333333%;
	  }

	  .withdrawal-details .col-xs-5 {
	      flex: 0 0 auto;
	      width: 41.66666665%;
	  }

	  .withdrawal-details .col-xs-6 {
	      flex: 0 0 auto;
	      width: 50%;
	  }

		.affiliate-ad-details .col-xs-6 {
	      flex: 0 0 auto;
	      width: 50%;
	  }

		.location-targeting .col-xs-6 {
	      flex: 0 0 auto;
	      width: 50%;
	  }

		.device-targeting .col-xs-6
		{
	      flex: 0 0 auto;
	      width: 50%;
	  }

		.connection-targeting .col-xs-6
		{
	      flex: 0 0 auto;
	      width: 50%;
	  }

		.time-targeting .col-xs-6
		{
				flex: 0 0 auto;
				width: 50%;
		}

		.language-targeting .col-xs-6
		{
				flex: 0 0 auto;
				width: 50%;
		}

		.budget-settings .col-xs-6
		{
				flex: 0 0 auto;
				width: 50%;
		}

		.ad-create .col-xs-6
		{
				flex: 0 0 auto;
				width: 50%;
		}

		.ad-edit .col-xs-6
		{
				flex: 0 0 auto;
				width: 50%;
		}

		.float-xs-start {
				float: left !important;
		}

		.text-xs-start {
		    text-align: left !important;
		}

		.justify-content-xs-end
		{
				justify-content: flex-start !important;
		}

		.ask-question .col-xs-6 {
	      flex: 0 0 auto;
	      width: 50%;
	  }
	}

	/************ New styles ************/
	.top-ads .section-heading
	{
			margin-bottom : 0px;
	}

	.top-adcodes .section-heading
	{
			margin-bottom : 0px;
	}

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

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

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

/************ 2944 Lines **********/


.form-check-input:checked
{
    background-color: #0d6efd;
    border-color: #0d6efd;
}

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