/* ADMIN */

/* Extra styles */

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

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

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

.bsaGreen { color: #4CAF50; }
.bsaBlue { color: #2196F3; }
.bsaYellow { color: #FBCD39; } /*FBC02D*/
.bsaViolet { color: #673AB7; }
.bsaRed { color: #F44336; }


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

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

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

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

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

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

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

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

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

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

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

.bsaProSampleRef {
	width: 200px;
}

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


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

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

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

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

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

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

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

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

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

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

.bsaSpaceFilter .addNewSpace {
	float: left;
}

.bsaSpaceShortCodeInner {
	min-width: 200px;
}

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


/* Add new Space */

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

.bsaProContainerNew a {
	display: block;
}

.bsaProContainerNew,
.bsaProContainerNew .bsaProItems {
	height: 100%;
	width: 100%;
	clear: both;
	display: table;
}

.bsaProContainerNew .bsaProItemInner__img {
	background-repeat: no-repeat;
}

.bsaProContainerNew .bsaProItem {
	position: relative;
}

.bsaProContainerNew .bsaGridGutter .bsaProItem { margin: .8% 1.6% .8% 0; } /* Normal Grid */
.bsaProContainerNew .bsaGridGutVer .bsaProItem { margin: .8% 0 .8% 0; } /* Only Vertical Gutter Grid */
.bsaProContainerNew .bsaGridGutHor .bsaProItem { margin: 0 1.6% 0 0; } /* Only Horizontal Gutter Grid */
.bsaProContainerNew .bsaGridNoGutter .bsaProItem { margin: 0; }  /* No Gutter Grid */

.bsaProContainerNew .bsaProItem:first-child,
.bsaProContainerNew .bsaProItem.bsaReset {
	margin: 0 !important;
	padding: 0;
}

@media (min-width: 1px) {
	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
}

@media (min-width: 600px) {
	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutter .bsaProItem { width: 49.2%; margin: .8% 1.6% .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutter .bsaProItem:nth-child(2n+1) { margin-right: 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0 .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutVer .bsaProItem:nth-child(2n+1) { margin-right: 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutHor .bsaProItem { width: 49.2%; margin: 0 1.6% 0 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutHor .bsaProItem:nth-child(2n+1) { margin-right: 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem:nth-child(2n+1) { margin-right: 0; }
}

@media (min-width: 900px) {
	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutter .bsaProItem { width: 49.2%; margin: .8% 1.6% .8% 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 32.2%; margin: .8% 1.6% .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutter .bsaProItem { width: 49.2%; margin: .8% 1.6% .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutter .bsaProItem:nth-child(2n+1) { margin-right: 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutVer .bsaProItem { width: 33.33333333%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutVer .bsaProItem:nth-child(2n+1) { margin-right: 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutHor .bsaProItem { width: 49.2%; margin: 0 1.6% 0 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutHor .bsaProItem { width: 32.2%; margin: 0 1.6% 0 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutHor .bsaProItem { width: 49.2%; margin: 0 1.6% 0 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutHor .bsaProItem:nth-child(2n+1) { margin-right: 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridNoGutter .bsaProItem { width: 33.33333333%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem:nth-child(2n+1) { margin-right: 0; }
}

@media (min-width: 1200px) {
	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutter .bsaProItem { width: 49.2%; margin: .8% 1.6% .8% 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 32.2%; margin: .8% 1.6% .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutter .bsaProItem { width: 23.8%; margin: .8% 1.6% .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutter .bsaProItem:nth-child(2n+1) { margin-right: 1.6%; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutVer .bsaProItem { width: 33.33333333%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutVer .bsaProItem { width: 25%; margin: .8% 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutVer .bsaProItem:nth-child(2n+1) { margin-right: 0; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridGutHor .bsaProItem { width: 49.2%; margin: 0 1.6% 0 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridGutHor .bsaProItem { width: 32.2%; margin: 0 1.6% 0 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutHor .bsaProItem { width: 23.8%; margin: 0 1.6% 0 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridGutHor .bsaProItem:nth-child(2n+1) { margin-right: 1.6%; }

	.bsaProContainerNew.bsa-pro-col-1 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-2 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-3 .bsaGridNoGutter .bsaProItem { width: 33.33333333%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem { width: 25%; margin: 0; }
	.bsaProContainerNew.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem:nth-child(2n+1) { margin-right: 0; }
}
/* -- END -- RESPONSIVE STYLE */


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

.bsaNewAd .bsaProInputsValues {
	margin-top: 20px;
}

.bsaNewAd .bsaInputInner {
	background-color: #f5f5f5;
}

.bsaNewAd .bsaInputInnerModel {
	opacity: .5;
}

.bsaNewAd .bsaInputInnerModel.bsaSelected {
	opacity: 1;
}

.bsaNewAd .bsaProInput {
	float: right;
	width: 30%;
}

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

.bsaNewAd .bsaInputInner {
	padding: 15px;
	text-align: center;
}

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


/* Settings */

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

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

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

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

.bsaColorRed {
	color: #df5050;
}

.bsaColorGreen {
	color: #65cc84;
}


/* List items */

.bsaSpaceShortCode {
	padding: 9px 0;
}

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

.bsaListTable .bsaAdminImg {
	width: 50px;
}

.bsaListTable .bsaAdminThumb {
	max-width: 50px;
	max-height: 50px;
	border-radius: 3px;
}

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

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

.bsaListTable .bsaBlockBtn > input {
	color: #df5050;
}

.bsaListTable .bsaPaidBtn > input {
	color: #65cc84;
}

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


/* List translations */

.bsaAdminTable .bsaBottomLine {
	border-bottom: 1px solid #e9e9e9;
}

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

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


/* A/B Tests */

.bsaCompareContainer {
	max-width: 1200px;
}

.bsaCompare .bsaCompareSignature,
.bsaCompare .bsaCompareCTRInner,
.bsaCompare .bsaCompareViews > span,
.bsaCompare .bsaCompareClicks > span {
	background-color: #df5050;
}
.bsaCompare .bsaCompareCTR {
	border-color: #df5050 !important;
}

.bsaCompareWinner .bsaCompareSignature,
.bsaCompareWinner .bsaCompareCTRInner,
.bsaCompareWinner .bsaCompareViews > span,
.bsaCompareWinner .bsaCompareClicks > span {
	background-color: #65cc84;
}
.bsaCompareWinner .bsaCompareCTR {
	border-color: #65cc84 !important;
}

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

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

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

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

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

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

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

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

.bsaCompareViews {
	margin-bottom: 10px;
}

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

.bsaCompareWinner .bsaCompareViews > span,
.bsaCompareWinner .bsaCompareClicks > span {
	background-color: #65cc84;
	color: white;
}

.bsaCountdown { display: none; }


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