/*
Theme Name: I.C.A.R.U.S. Imeji Uploader - Additional
Theme URL: http://zxicar.us/
Version: 0.4
Author: Yandols Z'eon X
*/
/*
 * BUTTONS
 * ---------------------------------------------
 */
.btn-container {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
.phone .btn-container {
	text-align: center;
}

.btn {
	height: 36px;
	line-height: 36px;
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	padding: 0 10px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}
.btn, .btn:hover, .btn:active, .btn:focus {
	text-decoration: none;
}

.btn:active, .btn.default:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.tone-dark .btn:active, .tone-dark .btn.default:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
}

/* Button contents */
.btn-icon {
	font-size: 14px;
	width: 14px;
	display: inline-block;
}
.btn-text {
	margin-left: 4px;
}

/* button sizes */
.btn-big {
	font-size: 16px;
	font-size: 1.143rem;
	height: 38px;
	line-height: 38px;
	padding-left: 1em;
	padding-right: 1em;
}
	
.btn-small {
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.92em;
}
.btn-input {
	font-weight: 600;
	font-size: 0.93em;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-32 {
	width: 32px;
	height: 32px;
	text-align: center;
	display: inline-block;
}
	.btn-32 .btn-icon {
		width: 18px;
		height: 18px;
		font-size: 18px;
		margin-top: 7px;
	}

/* capsule button */
.btn-capsule {
	border-radius: 100px;
	border-color: rgba(255,255,255,.5);
	background-color: rgba(0,0,0,.5);
	background-image: none;
	height: auto;
	color: #FFF;
	text-shadow: none;
	font-size: 0.93em;
	height: 28px;
	line-height: 28px;
	font-weight: normal;
	padding: 0 15px;
	box-shadow: none;
	filter: none;
}
.btn-capsule:hover {
	background-color: rgba(0,0,0,.7);
}
.no-rgba .btn-capsule {
	border-color: #666;
	background-color: none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	zoom: 1;
}
.no-rgba .btn-capsule:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
}
.btn-capsule:active {
	box-shadow: none;
}
	.btn-capsule .btn-icon {
		font-size: 0.93em;
	}


/* button colors */

.btn.default {
	color: #333;
	border: 1px solid #CCC;
	background-color: #EEE;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.05);
}
.tone-dark .btn.default {
	color: #CCC;
	background-color: #2f2f2f;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.05);
}
.btn.default:hover {
	background-color: #E9E9E9;
}
.tone-dark .btn.default:hover {
	background-color: #363636;
}

.btn.default.outline {
	color: #00A7DA;
	border-color: #00A7DA;
	box-shadow: none;
}

.btn.disabled, .btn.disabled:hover {
	color: #999;
	background-color: #F6F6F6;
	background-image: none;
	box-shadow: none;
	cursor: default;
}
.tone-dark .btn.disabled, .tone-dark .btn.disabled:hover {
	color: #666;
	background-color: #212121;
}
.btn.disabled.outline, .btn.disabled.outline:hover {
	color: #BBB;
	border-color: #CCC;
}

/* "plain" color (no color at all) */
.btn.plain, .btn.plain:hover {
	background: none;
	text-shadow: none;
	border-color: transparent;
	box-shadow: none;
	padding: 0;
	color: inherit;
}
.tone-dark .btn.plain, .tone-dark .btn.plain:hover {
	background: none;
}
.btn.plain:active {
	box-shadow: none;
}

.btn.active {
	background-image: none;
	background-color: #00A7DA;
	border-color: #00A7DA;
	filter: none;
}

.btn.grey, .btn.grey.off:hover {
	border-color: #EEE;
	background-color: #EEE;
}
.btn.grey:hover {
	background-color: #E9E9E9;
}
.btn.grey.outline {
	color: #EEE;
}

.btn.orange, .btn.orange.off:hover {
	border-color: #FE771D;
	background-color: #FE771D;
}
.btn.orange:hover {
	background-color: #FE6B0A;
}
.btn.orange.outline {
	color: #FE771D;
}

.btn.blue, .btn.blue.off:hover {
	border-color: #2A80B9;
	background-color: #2A80B9;
}
.btn.blue:hover {
	background-color: #2879B0;
}
.btn.blue.outline {
	color: #2A80B9;
}

.btn.green, .btn.green.off:hover {
	border-color: #27AE61;
	background-color: #27AE61;
}
.btn.green:hover {
	background-color: #25A55C;
}
.btn.green.outline {
	color: #27AE61;
}

.btn.red, .btn.red.off:hover {
	border-color: #E84C3D;
	background-color: #E84C3D;
}
.btn.red:hover {
	background-color: #DC483A;
}
.btn.red.outline {
	color: #E84C3D;
}

.btn.white, .btn.white.off:hover {
	border-color: #FFF;
	background-color: #FFF;
}
.btn.white:hover {
	background-color: #FFF;
}
.btn.white.outline {
	color: #FFF;
}

.btn.black, .btn.black.off:hover {
	border-color: #3A3A3A;
	background-color: #3A3A3A;
}
.btn.black:hover {
	background-color: #343434;
}
.btn.black.outline {
	color: #3A3A3A;
}

.btn.active, .btn.orange, .btn.blue, .btn.green, .btn.red, .btn.black {
	color: #FFF;
	border: 1px solid transparent;
}
.btn.grey, .btn.white {
	color: #333;
}

.btn.off {
	cursor: default;
}
.btn.off:active {
	box-shadow: none;
}

/* Social networks buttons */
/* hover are usually .95 */
.btn-social {
	color: #FFF;
	background-image: none;
	box-shadow: none;
	border: 1px solid transparent;
}
.btn-social, .btn-social:hover {
	text-decoration: none;
	text-shadow: none;
	background: #333;
}

.btn-twitter, .link-twitter span {
	background: #00ACEE;
}
.btn-twitter:hover, .link-twitter:hover span {
	background: #02A5E3;
}

.btn-facebook, .link-facebook span {
	background: #3C5998;
}
.btn-facebook:hover, .link-facebook:hover span {
	background: #374F8A;
}

.btn-google, .link-google span,
.btn-google-plus, .link-google-plus span {
	background: #D74836;
}
.btn-google:hover, .link-google:hover span,
.btn-google-plus:hover, .link-google-plus:hover span {
	background: #CD3C2A;
}

.btn-mail {
	background: #CCC;
	color: #333;
}
	.btn-mail span {
		color: #333;
	}
.btn-mail:hover {
	background: #BBB;
}

.btn-tumblr {
	background: #39536C;
}
.btn-tumblr:hover {
	background: #2C4762;
}

.btn-pinterest {
	background: #CB2027;
}
.btn-pinterest:hover {
	background: #B61A21;
}

.btn-stumbleupon {
	background: #EA4B24;
}
.btn-stumbleupon:hover {
	background: #DF421F;
}

.btn-blogger {
	background: #F5821F;
}
.btn-blogger:hover {
	background: #E97B1D;
}

.btn-reddit {
	background: #CEE3F8;
}
.btn-reddit:hover {
	background: #C0DBF5;
}
	.btn-reddit .btn-icon {
		color: #333;
	}

.btn-vk, .link-vk span {
	background: #587EA3;
}
.btn-vk:hover, .link-vk:hover span {
	background: #4E6F93;
}

/* Outlines */
.btn.outline, .btn.outline:hover {
	background: none;
	border: 1px solid;
	box-shadow: none;
}
