/* Cryout Admin CSS */

.wrap {
   width: 50%;
   min-width: 500px;
}

.donate, .export, .news {
	width: 100%;
	margin: 0;
}

.postbox h3.hndle {
    cursor: auto;
    font-size: 13px;
    margin: 0;
    padding: 6px 10px 7px;
}

.postbox .inside p {
	font-size: 14px;
	line-height: 2;
}

input[type="text"],
select {
	border: 1px solid #AAA !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.submit {
	text-align: right;
	margin-right: 20px;
}

/* ADMIN HEADER AND LINKS */
#admin_header {
	display: block;
	float: left;
	padding-top: 20px;
}

#logo {
	float:left;
}

#version {
	float: left;
	padding: 45px 20px 0;
}

#admin_links {
	display: block;
	clear: both;
	float: none;
	width: 100%;
	text-align: center;
	background: #000;
	padding: 7px 20px;
	box-sizing: border-box;
	position: relative;
	top: -5px;
	overflow: hidden;
}

#admin_links a {
	margin-right: 20px;
	text-decoration: none;
	font-family: "Segoe UI", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #c00;
	text-transform: uppercase;
	-webkit-transition: .2s color ease-in;
	-moz-transition: .2s color ease-in;
	transition: .2s color ease-in;
}

#admin_links a#special {
	color: #c44;
}

#admin_links a:hover {
	color: #f00;
}

.wrap a {color: #C00;}
.wrap a:hover {color: #F00;}

.wrap div.updated, .wrap div.error {
	margin-left: 15px;
	margin-right: 15px;
}

.postbox {
	background: #F9F9F9;
	border: 1px solid #eee;
}

.postbox .button {
	line-height: 24px;
	display: block;
	float: left;
	clear: both;
	width: 200px;
	height: auto;
	padding: 12px 10px;
	margin-top: 5px;
}

.postbox .handlediv:before {
	content: "-";
	line-height: 38px;
}

.postbox.closed .handlediv:before {
	content: "+";
}

input:-moz-placeholder, input::-moz-placeholder {
	color: #666;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
	background: #FFF;
}

.social-buttons {  
    text-align: center; 
} 
.social-buttons a { 
    display: inline-block; 
} 
.social-buttons a img { 
    max-width: 32px; 
    max-height: 32px; 
} 
.social-buttons a img + img { 
    margin-left: 10px; 
} 

/* =RTL ADMIN
--------------------------------*/
.rtl .slmini b {float:right;}
.rtl a.tooltip {margin-left:0;margin-right:7px;}
.rtl #accordion .form-table h4.slidetitle:after {float:left;}
.rtl .slidebox a.upload_image_button {float:left;}
.rtl .slidebox h5 {margin-top:18px;}
.rtl .postbox .handlediv {float:left;}
.rtl label.layouts {float:right;}
.rtl #totalb {left:0;}

/* =RESPONSIVE ADMIN
--------------------------------*/

@media (max-width:1200px) {

	#lefty  {display: block;}
	#righty {width: 100%; max-width: 100%; padding: 0 15px; min-width: 720px;}
	
}
 
@media (max-width:800px) {

#lefty, #righty {min-width: 300px; max-width: 100%;padding: 0;}

.form-table th {width:auto;}
.slmini b {width: 100%; margin-bottom:5px;}

#accordion select,
#accordion input[type="text"],
#accordion textarea {display:inline !important; width:auto !important; max-width: 70%;}
#accordion textarea {max-width: 60% !important;}
#accordion select {font-family: "Segoe UI", Arial;}
#accordion .slidebox input[type="text"],
#accordion .slidebox textarea {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
} 
.slidebox a.upload_image_button {float:none;}
	
}

.cryout-self-protection-details {
	display: none; overflow: horizontal; }
.cryout-self-protection-details ul { margin: 0; }
.cryout-self-protection-details ul li u { font-size: 13px; }
.cryout-self-protection-details ul li { font-size: 0.8em; line-height: 1em; }
