/* ADMIN */

/* Extra styles */

.toplevel_page_a24p-lite-sub-menu .wp-menu-image > img {
	width: 16px !important;
}

.dashicon-14 {
	font-size: 14px;
	height: 14px;
	width: 14px;
	margin-top: 3px;
}

.a24pLoader {
	display: inline-block;
	margin: 0 5px -3px;
	width: 16px;
	height: 16px;
	background: url('../../img/white-loader.gif') white center center no-repeat;
	padding: 2px;
	border-radius: 20px;
}

.a24pGreen { color: #4CAF50; }
.a24pBlue { color: #2196F3; }
.a24pYellow { color: #FBCD39; } /*FBC02D*/
.a24pViolet { color: #673AB7; }
.a24pRed { color: #F44336; }


/* Dashboard */
.a24pDashboard {
	overflow: hidden;
}

.a24pDashboard .a24pDashboard-stats {
	width: 100%;
}

.a24pDashboard .a24pDashboard-stat {
	float: right;
	width: 100%;
	padding: 0;
	margin: 0;
}

@media (min-width: 500px) {
	.a24pDashboard .a24pDashboard-stat {
		width: 50%;
	}
}

@media (min-width: 1000px) {
	.a24pDashboard .a24pDashboard-stat {
		width: 20%;
	}
}

.a24pDashboard .a24pDashboard-inner {
	background-color: grey;
	color: white;
	padding: 20px 15px 25px;
	margin: 15px;
	overflow: hidden;
}

.a24pDashboard .greenBg { background-color: #4CAF50; }
.a24pDashboard .blueBg { background-color: #2196F3; }
.a24pDashboard .yellowBg { background-color: #FBC02D; }
.a24pDashboard .violetBg { background-color: #673AB7; }
.a24pDashboard .redBg { background-color: #F44336; }

.a24pDashboard .a24pDashboard-inner .dashicons {
	float: right;
	width: 100%;
	text-align: center;
	font-size: 40px;
	height: 40px;
}

.a24pDashboard .a24pDashboard-inner .a24pDashboard-title {
	float: right;
	width: 100%;
	text-align: center;
	font-size: 20px;
	margin: 0 0 20px;
}

.a24pDashboard .a24pDashboard-inner .a24pDashboard-amount {
	float: right;
	width: 100%;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.a24pDashboard .a24pDashboard-inner .a24pDashboard-amount small {
	font-size: 20px;
	font-weight: normal;
}

.a24pProSampleRef {
	width: 200px;
}

.a24pProSampleRef:hover {
	width: 809px;
	-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
	transition: all 1s;
}


/* Items (Spaces and Ads) */
.a24p_ad_name {
	border-radius: 4px;
	background-color: lightgrey;
	color: white;
	padding: 1px 4px;
	font-size: 11px;
}

.a24pSpaces .billing-col {
	display: inline-block;
	width: 90%;
	margin-left: 5%;
}

@media (min-width: 1200px) {
	.a24pSpaces .billing-col {
		width: 30%;
		margin-left: 3%;
	}
}

.a24pSpaces .billing-label {
	display: inline-block;
	width: 40%;
	margin: 10px 0;
}

.a24pSpaces .billing-input {
	display: inline-block;
	width: 30%;
	margin-right: 10px;
}

.a24pSpaceFilter.wp-filter {
	margin: 30px 0 20px;
}

.a24pSpaceFilter .currentBlue {
	border-bottom: 4px solid #2196F3;
}

.a24pSpaceFilter .currentGreen {
	border-bottom: 4px solid #4CAF50;
}

.a24pSpaceFilter .currentRed {
	margin-right: 20px;
	border-bottom: 4px solid #F44336;
}

.a24pSpaceFilter .filter-links {
	width: 100%;
}

.a24pSpaceFilter .addNewSpace {
	float: left;
}

.a24pSpaceShortCodeInner {
	min-width: 200px;
}

.a24pActionNotice {
	background-color: #4CAF50;
	color: white;
	position: fixed;
	top: 47%;
	left: 47%;
	font-size: 14px;
	padding: 20px;
}


/* Add new Space */

.a24pTemplatePreview {
	position: relative;
	background-color: #C8E6C9;
	border: 4px solid #A5D6A7;
	padding: 30px;
	max-width: 370px;
	max-height: 370px;
	margin-top: 15px;
	clear: both;
	/*overflow: hidden;*/
	overflow: auto;
}

.a24pProContainerNew a {
	display: block;
}

.a24pProContainerNew,
.a24pProContainerNew .a24pProItems {
	height: 100%;
	width: 100%;
	clear: both;
	display: table;
}

.a24pProContainerNew .a24pProItemInner__img {
	background-repeat: no-repeat;
}

.a24pProContainerNew .a24pProItem {
	position: relative;
}

.a24pProContainerNew .a24pGridGutter .a24pProItem { margin: .8% 1.6% .8% 0; } /* Normal Grid */
.a24pProContainerNew .a24pGridGutVer .a24pProItem { margin: .8% 0 .8% 0; } /* Only Vertical Gutter Grid */
.a24pProContainerNew .a24pGridGutHor .a24pProItem { margin: 0 1.6% 0 0; } /* Only Horizontal Gutter Grid */
.a24pProContainerNew .a24pGridNoGutter .a24pProItem { margin: 0; }  /* No Gutter Grid */

.a24pProContainerNew .a24pProItem:first-child,
.a24pProContainerNew .a24pProItem.a24pReset {
	margin: 0 !important;
	padding: 0;
}

@media (min-width: 1px) {
	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
}

@media (min-width: 600px) {
	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutter .a24pProItem { width: 49.2%; margin: .8% 1.6% .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutter .a24pProItem:nth-child(2n+1) { margin-right: 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutVer .a24pProItem { width: 50%; margin: .8% 0 .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutVer .a24pProItem:nth-child(2n+1) { margin-right: 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutHor .a24pProItem { width: 49.2%; margin: 0 1.6% 0 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutHor .a24pProItem:nth-child(2n+1) { margin-right: 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridNoGutter .a24pProItem { width: 50%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridNoGutter .a24pProItem:nth-child(2n+1) { margin-right: 0; }
}

@media (min-width: 900px) {
	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutter .a24pProItem { width: 49.2%; margin: .8% 1.6% .8% 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutter .a24pProItem { width: 32.2%; margin: .8% 1.6% .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutter .a24pProItem { width: 49.2%; margin: .8% 1.6% .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutter .a24pProItem:nth-child(2n+1) { margin-right: 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutVer .a24pProItem { width: 50%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutVer .a24pProItem { width: 33.33333333%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutVer .a24pProItem { width: 50%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutVer .a24pProItem:nth-child(2n+1) { margin-right: 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutHor .a24pProItem { width: 49.2%; margin: 0 1.6% 0 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutHor .a24pProItem { width: 32.2%; margin: 0 1.6% 0 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutHor .a24pProItem { width: 49.2%; margin: 0 1.6% 0 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutHor .a24pProItem:nth-child(2n+1) { margin-right: 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridNoGutter .a24pProItem { width: 50%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridNoGutter .a24pProItem { width: 33.33333333%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridNoGutter .a24pProItem { width: 50%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridNoGutter .a24pProItem:nth-child(2n+1) { margin-right: 0; }
}

@media (min-width: 1200px) {
	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutter .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutter .a24pProItem { width: 49.2%; margin: .8% 1.6% .8% 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutter .a24pProItem { width: 32.2%; margin: .8% 1.6% .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutter .a24pProItem { width: 23.8%; margin: .8% 1.6% .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutter .a24pProItem:nth-child(2n+1) { margin-right: 1.6%; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutVer .a24pProItem { width: 100%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutVer .a24pProItem { width: 50%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutVer .a24pProItem { width: 33.33333333%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutVer .a24pProItem { width: 25%; margin: .8% 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutVer .a24pProItem:nth-child(2n+1) { margin-right: 0; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridGutHor .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridGutHor .a24pProItem { width: 49.2%; margin: 0 1.6% 0 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridGutHor .a24pProItem { width: 32.2%; margin: 0 1.6% 0 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutHor .a24pProItem { width: 23.8%; margin: 0 1.6% 0 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridGutHor .a24pProItem:nth-child(2n+1) { margin-right: 1.6%; }

	.a24pProContainerNew.a24p-lite-col-1 .a24pGridNoGutter .a24pProItem { width: 100%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-2 .a24pGridNoGutter .a24pProItem { width: 50%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-3 .a24pGridNoGutter .a24pProItem { width: 33.33333333%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridNoGutter .a24pProItem { width: 25%; margin: 0; }
	.a24pProContainerNew.a24p-lite-col-4 .a24pGridNoGutter .a24pProItem:nth-child(2n+1) { margin-right: 0; }
}
/* -- END -- RESPONSIVE STYLE */


/* Add new Ad */
.a24pNewAd .a24pProInputsGroup {
	max-width: 500px;
	clear: both;
	overflow: hidden;
}

.a24pNewAd .a24pProInputsValues {
	margin-top: 20px;
}

.a24pNewAd .a24pInputInner {
	background-color: #f5f5f5;
}

.a24pNewAd .a24pInputInnerModel {
	opacity: .5;
}

.a24pNewAd .a24pInputInnerModel.a24pSelected {
	opacity: 1;
}

.a24pNewAd .a24pProInput {
	float: right;
	width: 30%;
}

.a24pNewAd .a24pProInput:nth-of-type(2) {
	margin: 0 5%;
}

.a24pNewAd .a24pInputInner {
	padding: 15px;
	text-align: center;
}

.a24pNewAd .a24pInputInner label{
	display: block;
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
}


/* Settings */

.a24pAdminTable .a24pTbody {
	background-color: white;
	border-bottom: 5px solid #e9e9e9;
}

.nav-tab-white .nav-tab-active {
	background-color: white;
	border-bottom: 0;
}

.a24pAdminTable th {
	padding: 15px 20px 10px !important;
	line-height: 20px !important;
}

.a24pAdminTable .dashicons {
	line-height: 24px !important;
}

.a24pColorRed {
	color: #df5050;
}

.a24pColorGreen {
	color: #65cc84;
}


/* List items */

.a24pSpaceShortCode {
	padding: 9px 0;
}

.a24pSpaceShortCodeInner {
	background-color: #C8E6C9 !important;
	border: 1px solid #A5D6A7 !important;
	padding: 5px 10px !important;
	margin-right: 10px !important;
}

.a24pListTable .a24pAdminImg {
	width: 50px;
}

.a24pListTable .a24pAdminThumb {
	max-width: 50px;
	max-height: 50px;
	border-radius: 3px;
}

.a24pListTable .post-title {
	max-width: 120px;
}

.a24pListTable .a24pProActionBtn > input {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 13px;
	padding: 0;
}

.a24pListTable .a24pBlockBtn > input {
	color: #df5050;
}

.a24pListTable .a24pPaidBtn > input {
	color: #65cc84;
}

.a24pListTable td form {
	display: inline-block;
}


/* List translations */

.a24pAdminTable .a24pBottomLine {
	border-bottom: 1px solid #e9e9e9;
}

th.a24pLast {
	padding: 15px 20px 10px !important;
	margin-bottom: 40px !important;
	display: block;
}

.a24pAdminTable.form-table td {
	vertical-align: top;
	padding: 10px;
}


/* A/B Tests */

.a24pCompareContainer {
	max-width: 1200px;
}

.a24pCompare .a24pCompareSignature,
.a24pCompare .a24pCompareCTRInner,
.a24pCompare .a24pCompareViews > span,
.a24pCompare .a24pCompareClicks > span {
	background-color: #df5050;
}
.a24pCompare .a24pCompareCTR {
	border-color: #df5050 !important;
}

.a24pCompareWinner .a24pCompareSignature,
.a24pCompareWinner .a24pCompareCTRInner,
.a24pCompareWinner .a24pCompareViews > span,
.a24pCompareWinner .a24pCompareClicks > span {
	background-color: #65cc84;
}
.a24pCompareWinner .a24pCompareCTR {
	border-color: #65cc84 !important;
}

.a24pCompare {
	float: right;
	width: 50%;
	padding: 5%;
	text-align: center;
	box-sizing: border-box;
}

.a24pCompareA {
	border-left: 1px dashed grey;
}

.a24pCompareSignature,
.a24pCompareCTRInner {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	margin: 0 auto;
	color: white;
}

.a24pCompareAdId {
	font-size: 20px;
	padding: 15px;
}

.a24pCompareCTR {
	margin: 15px auto;
	width: 100px;
	padding: 10px;
	border-radius: 100px;
	border: 1px dashed grey;
}

.a24pCompareCTRInner {
	line-height: 20px;
	width: 100px;
	height: 100px;
}

.a24pCompareCTRInner > strong {
	font-size: 24px;
	margin-top: 30px;
	display: inline-block;
}

.a24pCompareViews,
.a24pCompareClicks {
	background-color: #dedede;
	color: black;
	max-width: 200px;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	border-radius: 10px;
}

.a24pCompareViews {
	margin-bottom: 10px;
}

.a24pCompareViews > span,
.a24pCompareClicks > span {
	background-color: #df5050;
	color: white;
	float: right;
	width: 40%;
	height: 30px;
	line-height: 30px;
	border-radius: 0 10px 10px 0;
}

.a24pCompareWinner .a24pCompareViews > span,
.a24pCompareWinner .a24pCompareClicks > span {
	background-color: #65cc84;
	color: white;
}

.a24pCountdown { display: none; }


/* -- START -- CREATOR */
.a24pCreatorItem {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid lightgrey;
	background: white;
	border-radius: 5px;
	line-height: 25px;
}
.a24pRemoveCustomItem {
	margin-right: 20px !important;
}
/* -- END -- CREATOR */