body.toplevel_page_ether-perspective { overflow: hidden; }
body.toplevel_page_ether-perspective #wpbody { position: fixed !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999;}
body.toplevel_page_ether-perspective #wpbody { background: #FCFCFC; }
body.toplevel_page_ether-perspective #wpbody-content .wrap { padding: 30px; margin: 0px !important; }

#perspective-master-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 12; background: #fff; background: rgba(255,255,255,0.5); display: none;}

/* fix for tb media*/
#TB_overlayBG { z-index: 100050; }
#TB_window { 	z-index: 100051; }

#perspective-master-wrap { margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff url(../images/bg.png) 0 0 repeat; background: #eee; display: block !important; overflow:hidden;font-family: "Open Sans", sans-serif; }

#perspective, .perspective-crop img { margin: 0 auto; display: block; }

#perspectivetmp, .perspective-crop { display: none; }

.perspective-crop { text-align: center; margin: 0 auto;  }
.perspective-crop-mask { position: relative; margin: 0 auto; /*display: inline-block; zoom: 1; display*: inline;*/ display: block; overflow: hidden; width: 100%; z-index: 1;}
.perspective-crop-mask img { margin: 0; width: 100%; }
.perspective-crop-select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 2; }

/* wtf dude? */
/*.perspective-crop-mask { overflow: visible;}*/
.perspective-crop-select {
	/*outline: 1px dashed #ccc;*/
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
	border: 2px dashed #333;
}
.perspective-crop-overlay { position: absolute; background: rgba(0, 0, 0, .5); z-index: 1; }
.perspective-crop-overlay.overlay-top { left: 0; right: 0; top: 0 }
.perspective-crop-overlay.overlay-left { left: 0; }
.perspective-crop-overlay.overlay-bottom { left: 0; right: 0; bottom: 0; }
.perspective-crop-overlay.overlay-right { right: 0; }

#perspective-crop-tools { position: absolute; margin-top: 2px; top: 0px; right: 2px; z-index: 2; }
/*#perspective-crop-tools { right: 100px; z-index: 666; } */

#perspective-crop-options { padding: 4px; width: 220px; clear: both; float: right; clear: both;}
#perspective-crop-options > .option-label { float: left; clear: left; line-height: 28px; text-align: right; font-size: 1em; padding: 0 10px 0 0px; margin: 2px 0; }
#perspective-crop-options > .option-label.compact { clear: none; width: 52px; padding-right: 4px;}
#perspective-crop-options > .option { float: left; clear: left; line-height: 28px; text-align: center; font-size: 1em; padding: 0 12px; margin: 2px;  cursor: pointer; width: 154px; }
#perspective-crop-options > .option.compact { clear: none; width: 37px; padding: 0;}
#perspective-crop-options > .option.compact:nth-child(2) { margin-left: 0;} /*minor tweak*/

#perspective-crop-crd { float: right; clear: both; margin-bottom: 0px; padding: 4px; width: 220px;}

#perspective-crop-crd label { margin: 2px 0; padding: 0; width: 100%; float: left; clear: left; cursor: pointer;}
#perspective-crop-crd label span { width: 103px; padding-right: 4px; float: left; text-align: right; line-height: 28px; cursor: ew-resize;}
#perspective-crop-crd label:hover > *,
#perspective-crop-crd label.mousedown > * { background-color: #FFFBCC; }
#perspective-crop-crd label input { width: 75px; float: left; margin: 0;}
#perspective-crop-crd label.span-50 { width: 50%; clear: none;}
#perspective-crop-crd label.span-50 span { width: 52px;}
#perspective-crop-crd label.span-50 input { width: 52px; padding: 4px 4px !important;}

#perspective-crop-crd label,
#perspective-crop-crd label * { -ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none }

.F #perspective-crop-crd label input { border: none !important;}
.F #perspective-crop-crd { background: #eee;}
.F #perspective-crop-options { background: #eee;}


.perspective-popup { position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -50px; width: 300px; display: none; min-height: 150px; padding-bottom: 30px; z-index: 14;}
.perspective-popup .perspective-popup-title { margin: 0; padding: 16px; font-size: 1.2em;}
.perspective-popup .perspective-popup-bullet { margin: 0; padding: 4px 0; display: block; text-decoration: none;}
.perspective-popup .perspective-popup-bullet a { text-decoration: none;}
.perspective-popup .perspective-popup-button { position: absolute; bottom: 0px; right: 0px; padding: 8px 16px; cursor: pointer; margin: 0;}
.perspective-popup .perspective-popup-message { margin: 0; padding: 8px 16px;}


.perspective-wrap,
.perspective-loading,
.perspective-crop { position: absolute; top: 75px; left: 30px; z-index: 1; bottom: 75px;}

.perspective-crop { z-index: 13; }


.perspective-loading { background-color: rgba(255, 255, 255, .7); display: none; top: 0; left: 0; bottom: 0; }

.perspective-loading img { position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; padding: 10px;}
.perspective-preview { height: 100%; display: block; margin: 0 auto; background: transparent; /*position: relative;*/ }

.perspective-preview-overlay, .perspective-preview-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#perspectiveoverlay, #perspectivebackground { height: 100%; margin: 0 auto; display: block; }

#perspective { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; }

#perspective-meta, #perspective-source { position: absolute; z-index: 1; display: none;}
#perspective-meta { left: 0; top: 0; }
#perspective-source { right: 0; bottom: 0; }
#perspective-output-size, #perspective-source-link { padding: 6px 12px;}
.F #perspective-output-size, .F #perspective-source-link, .F #perspective-source-link a { background: #fff; color: #999;}

#perspective-background-options { display: none; position: absolute; right: 0; top: 0; z-index: 1;}
.F #perspective-background-options { background: #fff; padding: 2px;}

#perspective-background-options > div { float: right; clear: right; margin: 2px 0 0;cursor: pointer; text-align: center;}
#perspective-background-change { padding: 0 10px; z-index: 1; margin: 0 !important;}
#perspective-reset-background-color { display: none; width: 100px;}
#perspective-reset-background-image { display: none; width: 100px;}


#close-background-select { padding: 0 10px; position: absolute; top: 0; right: 0; z-index: 2; display: none;}
.perspective-image-insert { display: none; }
.perspective-placeholder { cursor: pointer; background-color: #ccc; text-align: center; line-height: 150px; font-size: 15px; font-weight: bold; width: 150px; height: 150px; margin-left: -30px; /* -wrapper margin left*/ margin-top: -75px; /* -wrapper margin top */ border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); }

#background-select { display: none; }

.replacement { }

.thumb-wrap { position: relative;}

.grid-view .thumb-wrap { width: 12.5%; float: left; }

@media (max-width: 1500px) {
	.grid-view .thumb-wrap { width: 16.666666%; }
}

@media (max-width: 1280px) {
	/*.grid-view .thumb-wrap { width: 20%; height: 150px;}*/
	.grid-view .thumb-wrap { width: 20%; }
}

@media (max-width: 1024px) {
	.grid-view .thumb-wrap { width: 25%;}
}

@media (max-width: 800px) {
	.grid-view .thumb-wrap { width: 33.333333%; width: 25%;}
}

@media (max-width: 600px) {
	.grid-view .thumb-wrap { width: 50%; width: 33.333333%;}
}

@media (max-width: 300px) {
	.grid-view .thumb-wrap { width: 100%; width: 50%;}
}



.colorpicker { display: none;}
.colorpicker { height: 235px; width: 235px; position: absolute; top: 50px; right: 0; z-index: 2; overflow: hidden; display: none; background: #fff; border: 2px solid #eee;}
.colorpicker img,
.colorpicker .colorpicker-background { position: absolute; top: 0; left: 0; }
.colorpicker img.colorpicker-mask,
.colorpicker .colorpicker-background { top: 57px; left: 57px; }
.colorpicker img.colorpicker-marker { margin-left: -8px; margin-top: -8px; }
.colorpicker .colorpicker-background { display: block; width: 121px; height: 121px; }

/*
old version where colorpicker was contained as #background-select child along with other backgrounds and color presets
.thumb-wrap.colorpicker { height: 235px; position: relative; overflow: hidden; border: none !important;}
.thumb-wrap.colorpicker img,
.thumb-wrap.colorpicker .colorpicker-background { position: absolute; top: 0; left: 0; }
.thumb-wrap.colorpicker img.colorpicker-mask,
.thumb-wrap.colorpicker .colorpicker-background { top: 57px; left: 57px; }
.thumb-wrap.colorpicker img.colorpicker-marker { margin-left: -8px; margin-top: -8px; }
.thumb-wrap.colorpicker .colorpicker-background { display: block; width: 121px; height: 121px; }

.grid-view .thumb-wrap.colorpicker,
.grid-view .thumb-wrap.color-presets { display: none;}
*/

.grid-view .colorpicker,
.grid-view #perspective-bg-color-presets { display: none;}


#perspective-bg-color-presets { border: none !important; margin: 10px 0 10px; float: left; width: 100%;}
#perspective-bg-color-presets > div { width: 24px; height: 24px; float: left; cursor: pointer; margin: 2px;}
.colorpicker-trigger { background: fff url(../images/colorpicker-icon.png) 0 0 no-repeat;}

.thumb-wrap .perspective-transparent-marker { width: 24px; height: 24px; position: absolute; top: 0; right: 0; background: url(../../../perspective/images/bg/aaa-transparent-thumb.png);}




.perspective-images { position: absolute; z-index: 1;}
.list-view .perspective-images { bottom: 0; top: 0; right: 0; left: auto; }
.grid-view .perspective-images { bottom: 0; top: 0; right: 0; left: 0;
	/*hack*/
	/*z-index: 10;*/
}



.perspective-thumbs { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; top: 0;}
.perspective-thumbs .perspective-padding { height: 100%; overflow-y: scroll; overflow-x: hidden; /*white-space: nowrap;*/
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
}


.perspective-thumbs .thumb-wrap { display: block; overflow: hidden; position: relative; max-width: 100%; }

.perspective-thumbs .thumb-wrap.loading-thumb { background: #fff url(../images/loading.gif) 50% 50% no-repeat; }
.perspective-thumbs .thumb-wrap .thumb { display: block; overflow: hidden; position: relative; max-width: 100%;}
.perspective-thumbs .thumb-wrap img { display: block; margin: 0 auto; max-width: 100%; outline: none; border: none;}

.list-view .perspective-thumbs .thumb-wrap {
	clear: left; /*needed exclusively because of color presets nested within .thumb-wrap list in #background-select*/
}
.grid-view .perspective-thumbs .perspective-padding { }
.grid-view .perspective-thumbs .perspective-container { float: left; width: 100%;}







.perspective-action { position: absolute; left: 1px; bottom: 1px; right: 1px; top: auto; text-align: center; z-index: 13; display: none; }
.perspective-action a { display: inline-block; margin: -1px 0 0 -5px; cursor: pointer; }


.buttonset-1 { display: none; }




#pv-nav { position: absolute; bottom: 0; top: auto; left: 0; right: auto; height: 50px; z-index: 13; list-style:none; margin: 0; padding: 0;}
#pv-nav .nav-item-main { height: 50px; padding: 0; line-height: 50px; cursor: pointer; position: relative; float: left; width: 50px; text-align: center;}
#pv-nav .nav-item-main .icon:before { vertical-align: top; -webkit-font-smoothing: antialiased; font: normal 24px/50px 'dashicons'; width: 24px; height: 24px;}
#pv-nav .nav-item-main .text {  padding: 0 8px; display: none;}
#pv-nav .subnav { position: absolute; bottom: 50px; top: auto; left: 0px; right: auto; margin: 0; padding:0; list-style: none; display: none;}
#pv-nav .nav-item-main:hover ul,
#pv-nav .nav-item-main.active ul { display: block;}
#pv-nav .subnav li { margin: 0; padding: 0; list-style: none; text-align: left; line-height: 1.2em;}
#pv-nav .subnav li.tweet-item { padding: 12px 24px 12px;}
#pv-nav .subnav li.fb-item { padding: 12px 24px 12px; width: 150px; overflow: hidden;}
#pv-nav .subnav li.fb-item iframe { height: 20px !important;}
#pv-nav .subnav li.gp-item { padding: 12px 24px 12px;}
#pv-nav .subnav li a { margin: 0; padding: 10px 24px; display: block; text-decoration: none;}


.F #pv-nav .subnav { border: 2px solid #eee; border-left: none; border-bottom: none;}
.F #pv-nav .subnav li:nth-child(even) { background: #f6f6f6;}
.F #pv-nav .subnav li a { color: #DE0404;}
.F #pv-nav .nav-item-main { background: #fff; color: #DE0404;}
.F #pv-nav .nav-item-main:hover { background: #f6f6f6;}
.F #pv-nav .nav-item-main > a { color: #DE0404; text-decoration: none;}
.F #pv-nav .subnav li a:hover,
.F #pv-nav .subnav li a:focus,
.F .nav-item-main:hover { color: #fff; background: #DE0404;}
.F #pv-nav .subnav { background: #fff;}




#mockup-select-top-bar { width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 9; height: 50px;}
.grid-view #mockup-select-top-bar {
	/*hack*/
	/*z-index: 11;*/
}

#mockups-display-mode { float: left; margin: .5em .5em 0; cursor: pointer; padding: 5px 0; }

#perspective-filters,
#filter-search { display: none;}

#filter-widget-loader { right: 0px; padding: 0px; text-align: left; position: absolute; left: auto; top: 0; bottom: auto; right: 0;}
#filter-widget-loader #filter-widget-loader-icon {  background: url(../images/loading.gif) 100% 50% no-repeat; position: absolute; }



#filter-widget-master-wrap { position: relative; z-index: 2;}
#filter-widget-master-wrap .perspective-filters-title { margin: 0px; padding: 5px 10px 0; font-size: 1.2em; font-weight:normal; }


#perspective-filters { position: relative; display: none; float: right; overflow: visible;}
#perspective-filters .perspective-filters-title {cursor: pointer; }
#perspective-filters .perspective-filters-wrap { position: absolute; top: 50px; right: 0px; opacity: 1;}
#perspective-filters:hover .perspective-filters-wrap { opacity: 1;}
#perspective-filters .perspective-filter { display: inline-block; padding: 2px 4px; margin: 2px; font-size: 0.9em;}
#perspective-filters .filter-group-title { display: inline-block; padding: 2px 4px; margin: 2px; font-size: 0.9em;}
#perspective-filters .perspective-filter { cursor: pointer;}
#perspective-filters .perspective-filter .filter-count { font-size: 0.8em;}

#perspective-filters .filter-group { margin-bottom: 4px; padding-bottom: 4px; border: none;}

#perspective-filters .master-filters { margin-bottom: 4px; padding-bottom: 4px;}
#perspective-filters .master-filter { display: inline-block; padding: 2px 4px; margin: 2px 0; font-size: 0.9em; cursor: pointer;}

.perspective-filters-wrap .filters-set { float: left; width: 100%;}

#perspective-background-reset-options { margin: 10px 0;}
#perspective-bg-color-presets { margin: 2px 2px 2px;}
#perspective-bg-color-presets.detached { position: fixed; right: 0; top: 50px; width: 250px; z-index: 1; margin: 0;
	padding: 2px; /*compensate for the margin when attached*/
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; /* too lazy to recalculate RELATIVE SETTINGS */
}

.perspective-yet-another-button { display: inline-block; padding: 2px 4px; margin: 2px 0; cursor: pointer;}

#perspective-filters #filters-status { font-size: 0.8em;}

.col > a { display: block; width: 100%; overflow: hidden; position: relative; height: 0; padding-bottom: 100%; }
.col > a img { width: 100%; }

.cols { clear: both; padding: 0px; margin: 0px; }
.cols:before, .cols:after { content: ""; display: table; }
.cols:after { clear: both; }

.col { display: block; float: left; margin: 0.5% 0 0.5% 1%; }
.col:first-child { margin-left: 0; }

.col-3-3 { width: 100%; }
.col-2-3 { width: 66%; }
.col-1-3 { width: 32%; }
.col-1-6 { width: 15.5%; }


.list-view #filter-search { }
.grid-view #filter-search { position: relative; }

#filter-search { float: right; }
#filter-search input { padding: 10px 10px 10px 10px !important; margin: 0 !important;  height: 50px !important; text-align: center; background: #fff url(../images/search-icon.png) 10px 50% no-repeat; background-size: auto 50%;}


#perspective-info { position: absolute;top: 75px; left: 30px;  padding: 20px; font-size: 1.2em; text-align: center; display: none; cursor: pointer; z-index: 1;}


/*RELATIVE SETTINGS --- EDIT IN ONE PLACE FOR CONVENIENCE!!!*/

#mockups-display-mode { height: 50px; padding: 0; line-height: 50px; text-align: center; margin-left: .5em;}
#perspective-filters { height: 50px; width: 250px;}
#filter-widget-master-wrap .perspective-filters-title { line-height: 50px; padding: 0 10px 0 16px; }
#mockup-select,
#background-select { top: 50px; }

.grid-view .perspective-images { bottom: 0px; }
.grid-view .perspective-action { display: none;}
.list-view .perspective-images { width: 250px; }
.list-view .perspective-action { right: 250px; }

#perspective-info {  right: 280px;}
#perspective-info-close { display: inline-block; }

.perspective-wrap,
.perspective-crop { right: 280px; }
.perspective-loading { right: 250px;}

#filter-widget-loader {  width: 250px; height: 50px;}

#filter-search { width: 250px;}
#filter-search.focus { width: 250px; }
#filter-search input { width: 250px;}
#filter-search.focus input { width: 250px; }

.colorpicker { right: 250px; }

.F #perspective-filters .perspective-filters-wrap { width: 500px; }
.F.list-view #perspective-filters .perspective-filters-wrap { left: -502px; }
.F.grid-view #perspective-filters .perspective-filters-wrap { left: -250; border-right: none;}

#perspective-bg-color-presets.detached { top: 50px; width: 250px; }


/*.perspective-wrap, .perspective-loading, .perspective-crop { border: 2px solid red;}*/

@media (max-width: 1024px) {
	#perspective-filters { width: 200px;}

	.list-view .perspective-images { width: 200px; }
	.list-view .perspective-action { right: 200px; }

	.perspective-wrap,
	.perspective-crop { right: 230px; }
	.perspective-loading { right: 200px; }

	.perspective-loading {right: 200px; }


	#filter-widget-loader {  width: 200px;}

	#filter-search { width: 200px;}
	#filter-search.focus { width: 200px; }
	#filter-search input { width: 200px;}
	#filter-search.focus input { width: 200px; }

	.colorpicker { right: 200px; }

	#perspective-info {  right: 230px;}

	#perspective-bg-color-presets.detached { width: 200px; }
}

@media (max-width: 800px) {
	#perspective-filters { width: 150px;}

	.list-view .perspective-images { width: 150px; }
	.list-view .perspective-action { right: 150px; }

	.perspective-wrap,
	.perspective-crop { right: 180px; }
	.perspective-loading { right: 150px; }

	.perspective-loading {right: 150px; }

	#filter-widget-loader {  width: 150px;}

	#filter-search { width: 150px;}
	#filter-search.focus { width: 150px; }
	#filter-search input { width: 150px;}
	#filter-search.focus input { width: 150px; }

	.colorpicker { right: 150px; }

	#perspective-info {  right: 180px;}

	.F #perspective-filters .perspective-filters-wrap { width: 400px; }
	.F.list-view #perspective-filters .perspective-filters-wrap { left: -402px; }
	.F.grid-view #perspective-filters .perspective-filters-wrap { left: -200; border-right: none;}

	.F #perspective-filters .perspective-filters-wrap .perspective-filter { font-size: 0.9em !important;}
	.F #perspective-filters .filter-group, .F #perspective-filters .master-filters { padding-top: 4px !important; padding-bottom: 4px !important; }

	#perspective-bg-color-presets.detached { width: 150px; }

	#filter-widget-master-wrap .perspective-filters-title {	font-size: 1em;	margin-top: 12px; line-height: 1em; }
}








/*.F #perspective-filters .perspective-filters-wrap { display: block !important; }*/

.F .perspective-popup {
	/*border-bottom: 2px solid #eee;*/
}

.F .perspective-popup.popup-info .perspective-popup-title { background-color: #2fa9f6; color: #fff; }
.F .perspective-popup.popup-error .perspective-popup-title { background-color: #f64b2f; color: #fff; }

.F .perspective-popup .perspective-popup-button { border: none;}
.F .perspective-popup.popup-info .perspective-popup-button { background-color: #2fa9f6; color: #fff; }
.F .perspective-popup.popup-error .perspective-popup-button { background-color: #f64b2f; color: #fff; }
.F .perspective-popup .perspective-popup-button:hover,
.F .perspective-popup .perspective-popup-button:focus { background-color: #0EBA9E !important; color: #fff; }

.F .perspective-popup.popup-info { background-color: #2FA9F6; }
.F .perspective-popup.popup-error { background-color: #f64b2f; }

.F .perspective-popup .perspective-popup-bullet,
.F .perspective-popup .perspective-popup-bullet a { color: #fff;}

.F .perspective-popup .perspective-popup-bullet:hover,
.F .perspective-popup .perspective-popup-bullet a:hover { color: #fff; text-decoration: underline;}

.F .perspective-popup .perspective-popup-button:hover,
.F .perspective-popup .perspective-popup-button:focus { background-color: #fff !important; color: #fff; }

.F .perspective-popup.popup-info .perspective-popup-button:hover,
.F .perspective-popup.popup-info .perspective-popup-button:focus { color: #2FA9F6; }

.F .perspective-popup.popup-error .perspective-popup-button:hover,
.F .perspective-popup.popup-error .perspective-popup-button:focus { color: #f64b2f; }

.F .perspective-popup-message { color: #fff; }
.F .perspective-popup-message a { color: #fff; }





.F .perspective-wrap {}
.F .perspective-box { border: none; background: #fff; }

.F .perspective-preview {  }
/*.F .perspective-preview-overlay img,*/
/*.perspective-preview-background img { outline: 1px solid #dfdfdf; }*/



.F #perspective-crop-options > .option { background-color: #DE0404; color: #fff; }
.F #perspective-crop-options > .option:hover { background-color: #0EBA9E; color: #fff; }


.F #perspective-info { color: #fff;}
.F #perspective-info.info-type-warning { background: #f6ca2f;}
.F #perspective-info.info-type-info { background-color: #2FA9F6; }
.F #perspective-info.info-type-error { background-color: #f64b2f; }
.F #perspective-info-close { color: #fff;}
.F #perspective-info:hover #perspective-info-close,
.F #perspective-info-close:hover,
.F #perspective-info-close:focus {
	/*color: #DE0404;*/
	text-decoration: none;
}


.F .perspective-loading img { background-color: #fff; border-bottom: 2px solid #eee;}


.F #mockup-select-top-bar { background-color: #fff; /*border-bottom: 2px solid #eee;*/}

.F .perspective-thumbs .perspective-padding { background: #fff;}

.F .perspective-filters-title { padding: 10px; margin: 0; color: #fff;}

.F #mockups-display-mode { margin: 0; height: 2.50px; line-height: 2.50px;font-size: 1.2em; padding: 0 10px;}
.F #mockups-display-mode { background: #DE0404; color: #fff;}
.F #mockups-display-mode:hover { background: #2AADDE; border-color: #2AADDE;}

.F #filter-search input { /*border: 2px solid #DE0404;*/ padding-top: .75em !important; padding-bottom: .75em !important; color: #B6923F;}
.F #filter-search input { background-color: #FFFBCC; border: none; }
.F #filter-search input:hover,
.F #filter-search input:focus { color: #1f1f1f; background-color: #FFF7AD; }
.F ::-webkit-input-placeholder {color: #B6923F;}
.F :-moz-placeholder { color: #B6923F;}
.F ::-moz-placeholder {color: #B6923F;}
.F :-ms-input-placeholder { color: #B6923F;}


.F #filter-widget-loader { background-color: #DE0404; color: #fff;}
.F #filter-widget-loader #filter-widget-loader-icon { background-color: #fff; color: #DE0404;right: 0px; top: 0px; width: 50px; height: 50px;}


.F .perspective-thumbs .thumb-wrap { margin-top: 0px; }
.F .perspective-thumbs .thumb-wrap .perspective-transparent-marker { top: 2px; right: 2px; border: none;}
.F .perspective-thumbs .thumb-wrap .thumb {	border: 2px solid #fff;}
.F.list-view .perspective-thumbs .thumb-wrap .thumb { border-left: none; border-right: none; border-top: none; margin-right: 0px; border-bottom-color: #eee;}
.F.grid-view .perspective-thumbs .thumb-wrap .thumb { border-bottom-color: #eee; border-left-color: #eee; border-top: none; border-right: none;}

.F.list-view .perspective-thumbs .thumb-wrap .thumb:hover { border-color: #333;}
.F.grid-view .perspective-thumbs .thumb-wrap .thumb:hover { border-bottom-color: #333;}

.F #perspective-bg-color-presets { background: #fff;}
.F .perspective-thumbs #perspective-bg-color-presets > div { border: none;}
.F .perspective-thumbs #perspective-bg-color-presets > div:hover { border-color: #333;}

.F .perspective-thumbs .perspective-padding { padding: 0px 0px; }



.F .perspective-action a,
.F .perspective-button { border: none; background-color: #eee; text-decoration: none; margin: 0 0 0 -4px; padding: 0 20px;}
.F .perspective-action a,
.F .perspective-button { color: #fff;}
.F .perspective-action a.back { background-color: #DE0404;}
.F .perspective-action a.save { background-color: #0EBA9E;}
.F .perspective-action a:hover { color: #fff; background-color: #2AADDE;}
.F .perspective-button { background: #DE0404;}
.F .perspective-button:hover { background: #2AADDE; border-color: #2AADDE; }

.F .perspective-action { height: 50px;
	/*border-top: 2px solid #eee;*/
}
.F .perspective-action a,
.F .perspective-button { height: 50px; line-height: 50px; font-size: 1.2em; }




.F #perspective-filters { padding: 0 0 0 0px; }
.F #perspective-filters { background-color: #DE0404; color: #fff; }
.F #perspective-filters:hover,
.F #perspective-filters.active { background-color: #0EBA9E; color: #fff; }

.F #perspective-filters .perspective-filters-wrap { padding: 10px 0px;}
.F #perspective-filters .perspective-filters-wrap { border: 2px solid #eee; background: #fff;}

.F #perspective-filters .filter-group,
.F #perspective-filters .master-filters { text-align: left; padding: 10px; margin: 0; float: left; width: 100%; padding-left: 120px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
}
.F #perspective-filters .master-filters { background: #f6f6f6; margin-top: -10px;}

.F #perspective-filters .master-filter { padding: 6px 8px; margin: 1px 1px; font-size: 12px; float: left;}
.F #perspective-filters .master-filter { color: #0EBA9E; color: #2AADDE; color: #DE0404; color: #fff; background-color: #0EBA9E;}
.F #perspective-filters .master-filter:hover { background-color: #DE0404; color: #fff;}

.F #perspective-filters .perspective-filter { background: #eee; color: #666; padding: 4px 8px; margin: 1px 1px; font-size: 12px; }
.F #perspective-filters .filter-group-title { color: #111; padding: 4px 8px; margin: 1px 1px; font-size: 12px; font-weight: bold;}
.F #perspective-filters .filter-group-title { float: left; margin-left: -120px; width: 102px; text-align: right;}
.F #perspective-filters .perspective-filter.active-filter { background: #2AADDE; color: #fff;}
.F #perspective-filters .perspective-filter:hover { background: #0EBA9E; color: #fff; }
.F #perspective-filters .perspective-filter.active-filter:hover { background: #DE0404; }

.F #perspective-filters #filters-batch-select {	text-align: center; }
.F #perspective-filters #filters-batch-select:hover { background: #DE0404; color: #fff; }

.F #perspective-filters #filters-match-mode {}
.F #perspective-filters #filters-match-mode.match-mode-any { }
.F #perspective-filters #filters-match-mode.match-mode-all { background-color: #DE0404; }
.F #perspective-filters #filters-match-mode:hover { background: #DE0404; color: #fff; }
.F #perspective-filters #filters-match-mode.match-mode-all:hover { background: #DE0404; }

.F #perspective-filters #filters-select-mode {}
.F #perspective-filters #filters-select-mode.select-mode-multi {  }
.F #perspective-filters #filters-select-mode.select-mode-single { background-color: #DE0404; }
.F #perspective-filters #filters-select-mode:hover { background: #DE0404; color: #fff; }
.F #perspective-filters #filters-select-mode.select-mode-single:hover { background: #DE0404; }




.F #perspective-background-options > div { background-color: #DE0404; color: #fff ;}
.F #perspective-background-options > div:hover { background-color: #0EBA9E; color: #fff;}

.F #perspective-background-change { height: 50px; width: auto; line-height: 50px; font-size: 1.2em; padding: 0; }

.F .perspective-yet-another-button { padding: 6px 8px; margin: 1px 1px; font-size: 1em; float: left;}
.F .perspective-yet-another-button { color: #0EBA9E; color: #2AADDE; color: #DE0404; color: #fff; background-color: #0EBA9E;}
.F .perspective-yet-another-button:hover { background-color: #DE0404; color: #fff;}

/* test icons */
.F #mockups-display-mode, .F #perspective-background-change, .F .perspective-action a, .F .perspective-button { font-family: dashicons; height: 50px; width: 50px; text-align: center; overflow: hidden; font-size: 0; padding: 0; }
.F #mockups-display-mode:before, .F #perspective-background-change:before, .F .perspective-action a:before { font-size: 32px; line-height: 50px; text-align: center; text-indent: -5px;}

.F .perspective-button { display: block; width: 50px; height: 50px; float: left; margin: 0; }
.F .perspective-button:before { font-size: 40px; line-height: 50px; }

.F.list-view #mockups-display-mode:before { content: '\f180'; }
.F.grid-view #mockups-display-mode:before { content: '\f214'; }
.F #perspective-background-change:before { content: '\f161'; }
.F #perspective-background-change.background-mode:before { content: '\f128'; content: '\f171'; }

.F .perspective-action a { width: 50px; height: 50px; }
.F .perspective-action a:before { font-size: 40px; line-height: 53px; }
.F .perspective-action a.back:before, .F #perspective-close:before { content: '\f335'; }
.F .perspective-action a.save:before { content: '\f147'; }