/**
 * Plugin: Cleaner Plugin Installer
 *
 * @package    Cleaner Plugin Installer
 * @subpackage Admin Styles
 * @author     David Decker - DECKERWEB
 * @copyright  Copyright (c) 2014, David Decker - DECKERWEB
 * @license    http://www.opensource.org/licenses/gpl-license.php GPL-2.0+
 * @link       http://genesisthemes.de/en/wp-plugins/cleaner-plugin-installer/
 * @link       http://deckerweb.de/twitter
 *
 * @since	   1.0.0
 * @version	   1.2.1
 */


/** Table of Content:

 * Plugin's Own Stuff
 * Plugin Cards
 * Misc. Stuff
 * Column Classes
 * Media Queries

 */


/** Plugin's Own Stuff
------------------------------------------------------------ */

/** Dashicons commons */
.cpi-block h3:before,
.ddw-cpi .cpi-uploader input[type="submit"]:before,
.ddw-cpi .cpi-uploader button[type="submit"]:before,
.cpi-network-notice:before,
#tab-panel-cpi-plugin-installer-help h3:before,
#tab-panel-cpi-plugin-installer-help h4:before,
#screen-options-wrap h5:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-family: 'dashicons';
	font-weight: 400;
	vertical-align: top;
}


/** plugin-install.php Basic stuff */
.ddw-cpi .search-form.search-plugins,
.ddw-cpi.cpi-tab-collections #screen-options-link-wrap {
	display: none !important;
}

.cpi-block,
.cpi-start-after p {
	margin-left: 30px;
}

.cpi-block h3:before {
	margin-right: 5px;
	margin-top: 2px;
	opacity: .75;
}

.cpi-block.cpi-tab-topics h3:before {
	content: "\f106 ";
}

.cpi-block.cpi-start-intro h3:before {
	content: "\f179 ";
}

.cpi-block.cpi-tab-collections h3:before {
	content: "\f163 ";
}

.cpi-start-intro,
.cpi-start-search-form,
.cpi-start-after {
	display: block;
}

.cpi-start-intro {
	margin-bottom: 20px;
}

.cpi-topics-intro {
	margin-bottom: 40px;  /* 60px; */
}

.cpi-start-after {
	margin-top: 60px;
}

.cpi-start-search-form {
	display: block;
	width: 90%;
}

.cpi-start-search-form input,
.cpi-start-search-form select {
	width: 100%;
}

.cpi-start-search-form input {
	font-size: 28px !important;  /* 30px !important */
	height: 58px !important;
	padding: 8px !important;  /* 8px 15px !important; */
}

.cpi-start-search-form input[type="search"] {
	background: #ffffcc;
	border: 2px solid #bbb;
}

.cpi-start-search-form input[type="search"]:focus {
	border: 2px solid #900;
}

.cpi-start-search-form select {
	font-size: 22px !important;  /* 26px !important */
	height: 58px !important;
	padding: 10px !important;
}

.cpi-start-search-form select:focus {
	width: 115%;
}

.cpi-start-search-form select,
.cpi-start-search-form select option {
	background: #f5f5f5;
	opacity: .75;
}

div.description {
	color: #666;
	font-size: 13px;
	font-style: italic;
	line-height: 1.5;
	padding: 2px 0px 5px;
}


/** Placeholder of CPI search form */
::-webkit-input-placeholder { /* WebKit browsers */
	color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #ccc;
}


/** Original search form in toolbar */
.plugin-install-php .wp-filter .search-form {
	display: inline-block;
	margin-bottom: 10px;
	text-align: right;
	min-width: 380px;  /* 400px; */
}

.plugin-install-php .wp-filter .search-form select {
	height: 32px !important;
}

.wp-filter .search-form input[type="search"] {
	width: 180px;  /* 200px 220px; */
}

.wp-filter .search-plugins label > span.screen-reader-text {
	display: none;
}

.wp-filter .search-plugins .button.screen-reader-text {
	display: inline !important;
	font-size: 12px;
	padding-left: 1px !important;
	padding-right: 1px !important;
	position: relative !important;
	width: 11% !important;  /* 10% */
	max-width: 15% !important;
	height: 32px !important;
}


/** Topic Tags */
.cpi-topics-group {
	overflow: hidden; /* clearfix */
}

.cpi-topic {
	float: left;
	margin: 0 15px 25px;
	width: 45.5%;
	width: -webkit-calc( 49% - 15px );
	width: calc( 49% - 15px );
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.cpi-topic:nth-child(odd) {
	clear: both;
	margin-left: 0;
}

.cpi-topic:nth-child(even) {
	margin-right: 0;
}

.cpi-topic > .cpi-topic-tags {
	background: #f7f7f7;
	border: none;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	font-size: 13px;
	line-height: 2em;
	padding: 8px 12px 12px;
	text-align: justify;
}

.cpi-topic:hover > .cpi-topic-tags {
	background: #ffffcc;
}

.cpi-topic:hover > h3 {
	color: #555;
}

.cpi-topic-tags a:hover {
	font-weight: 600;
}


/** Upload Tab */
.ddw-cpi .upload-plugin .install-help {
	padding-top: 20px;
}

.cpi-uploader.upload-plugin .wp-upload-form {
	background: 0 none;
	border: 0 none;
	margin-top: 10px;
	width: 90%;
	max-width: 90%;
}

.ddw-cpi.wp-admin input[type="file"] {
	border: 4px dashed #bbb;
	padding: 60px;  /* 30px; */
	width: 100%;
}

.ddw-cpi .cpi-uploader input[type="submit"],
.ddw-cpi .cpi-uploader button[type="submit"] {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 15px auto 0;
	padding: 5px !important;
	width: 35% !important;
	min-width: 225px;
	height: auto !important;
}

.ddw-cpi .cpi-uploader input[type="submit"]:before,
.ddw-cpi .cpi-uploader button[type="submit"]:before {
	content: "\f317";
	margin-right: 2px;
}

.cpi-uploader-after {
	margin-left: 40px;
	margin-right: 40px;
}


/** Plugin Cards
------------------------------------------------------------ */

.plugin-card:hover {
	background: #ffffcc;
	border: 1px solid #bbb;
}

.plugin-card-bottom {
	background: #f2f2f2;  /* #f5f5f5; */
}

.plugin-card:hover > .plugin-card-bottom {
	background: #e1e1e1;
}

.plugin-install-php .tablenav .tablenav-pages {
	margin-top: 15px;
	margin-bottom: 15px;
}


/** Misc. Stuff
------------------------------------------------------------ */

/** Network plugin installer notice */
.cpi-network-notice {
	color: #a00;
	float: right;
	margin: 0;
	padding: 10px 15px 1px 2px;
	text-decoration: none;
}

.cpi-network-notice:before {
	content: "\f348";
	margin-right: 5px;
	margin-top: 1px;
	opacity: .7;
}


/** Our help tab */
#tab-panel-cpi-plugin-installer-help h3:before {
	content: "\f106";
	margin-top: 2px;
}

#tab-panel-cpi-plugin-installer-help h4:before {
	content: "\f348";
	margin-top: 1px;
}

#tab-panel-cpi-plugin-installer-help h3:before,
#tab-panel-cpi-plugin-installer-help h4:before {
	margin-right: 5px;
	opacity: .75;
}

#tab-panel-cpi-plugin-installer-help div.description.left {
	float: left;
	clear: both;
	display: inline-block;
}


/** Screen Options */
#screen-options-wrap h5:before {
	content: "\f472";
	margin-right: 5px;
	margin-top: 1px;
	opacity: .7;
}

#screen-options-wrap h5.cpi-search-type:before {
	content: "\f111";  /* "\f107"; */
}


/** Installer Thickbox Modal */
#plugin-information #plugin-information-footer {
	background-color: #ffffcc;
}

#plugin-information #plugin-information-footer .button {
	font-weight: 700;
}

.locale-de-de#plugin-information #plugin-information-footer .button.disabled:before {
	content: "HINWEIS: ";
}

#plugin-information #section-holder ul ul li {
	list-style-type: circle;
}

#plugin-information .fyi > a:last-child {
	background: #ffffcc;
	border: 2px dotted #ccc;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-weight: 700;
	padding: 10px;
	text-align: center;
}

#plugin-information .fyi > a:last-child:hover {
	background: #ddd;
	border: 2px solid #ddd;
}


/** Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-sixths,
.one-half,
.one-sixth,
.three-sixths,
.two-sixths {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half {
	width: 48.717948717948715%;
}

.three-sixths {
	width: 43.717948717948715%;  /* 48.717948717948715%; */
}

.two-sixths {
	width: 30.623931623931625%;  /* 31.623931623931625%; */
}

.four-sixths {
	width: 65.81196581196582%;
}

.one-sixth {
	width: 19.52991452991453%;  /* 14.52991452991453%; */
}

.five-sixths {
	width: 76.90598290598291%;  /* 82.90598290598291%; */
}

.first {
	clear: both;
	margin-left: 0;
}

.one-sixth,
.two-sixths,
.three-sixths {
	text-align: left !important;
	vertical-align: text-bottom;
}

.one-sixth.description {
	text-align: right !important;
}


/** Media Queries
------------------------------------------------------------ */

@media screen and ( min-width: 1600px ) {

	.cpi-topic {
		width: 30%;
		width: -webkit-calc( 32.1% - 15px );
		width: calc( 32.1% - 15px );
	}

	.cpi-topic:nth-child(odd) {
		clear: none;
		margin-left: 15px;
	}

	.cpi-topic:nth-child(even) {
		margin-right: 15px;
	}

	.cpi-topic:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}

	.cpi-topic:nth-child(3n) {
		margin-right: 0;
	}

}


@media only screen and ( max-width: 1200px ) {

	.cpi-start-search-form select {
		font-size: 1.35em !important;
	}

}


@media only screen and ( max-width: 1024px ) {

	.cpi-start-search-form select {
		font-size: 1.25em !important;
	}

	.cpi-start-search-form input {
		font-size: 24px !important;
	}

}


@media only screen and ( max-width: 800px ) {

	.cpi-start-search-form select {
		font-size: 1.15em !important;
	}

	.cpi-start-search-form input {
		font-size: 21px !important;
	}

	.one-half {
		margin: 0;
		width: 100%;
	}

	.plugin-install-php .upload.add-new-h2 {
		display: inline-block !important;
	}

}


@media screen and ( max-width: 782px ) {

	.cpi-topic {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

}


@media only screen and ( max-width: 600px ) {

	.five-sixths,
	.four-sixths,
	.one-sixth,
	.three-sixths,
	.two-sixths {
		margin: 0;
		width: 100%;
	}

	.cpi-block,
	.cpi-start-after p {
		margin-left: 10px;
	}

	.cpi-start-search-form {
		width: 100%;
	}

	.cpi-start-search-form input {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.cpi-start-search-form input,
	.cpi-start-search-form select {
		width: 95%;
		max-width: 95%;
	}

	.cpi-start-search-form input,
	.cpi-start-search-form select {
		font-size: 20px !important;
	}

	.one-sixth.description {
		text-align: left !important;
	}

	.five-sixths.description {
		text-align: right !important;
	}

	.cpi-arrow {
		display: none;
	}

	.plugin-install-php .wp-filter .search-form {
		text-align: left;
	}

	.ddw-cpi .upload-plugin .install-help {
		text-align: left;
	}

	.cpi-uploader.upload-plugin .wp-upload-form {
		padding-left: 0;
		width: 100%;
		max-width: 100%;
	}

	.ddw-cpi.wp-admin input[type="file"] {
		padding: 35px;
		width: 95%;
	}

	.ddw-cpi .cpi-uploader input[type="submit"],
	.ddw-cpi .cpi-uploader button[type="submit"] {
		font-size: 14px;
		margin-left: 0;
		min-width: 195px;
	}

	.cpi-uploader-after {
		margin-left: 0;
	}

}


@media only screen and (max-width: 400px) {

	.ddw-cpi.wp-admin input[type="file"] {
		padding: 15px;
	}

	.ddw-cpi .cpi-uploader input[type="submit"],
	.ddw-cpi .cpi-uploader button[type="submit"] {
		margin-left: 0;
	}

	.plugin-install-php .upload.add-new-h2 {
		margin-top: 20px;
	}

	.plugin-install-php .wp-filter .search-form {
		width: 100%;
		min-width: 80%;
		max-width: 100%;
	}

	.plugin-install-php .wp-filter .search-form #typeselector,
	.plugin-install-php .wp-filter .search-form input[type="search"],
	.plugin-install-php .wp-filter .search-form input[type="submit"] {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
	}

	.plugin-install-php .wp-filter .search-form input[type="search"],
	.plugin-install-php .wp-filter .search-form input[type="submit"] {
		margin-top: 5px;
	}

}