/*
 * jquery-filestyle
 * doc: http://markusslima.github.io/jquery-filestyle/
 * github: https://github.com/markusslima/jquery-filestyle
 *
 * Copyright (c) 2017 Markus Vinicius da Silva Lima
 * Version 2.1.0
 * Licensed under the MIT license.
 */


.jfilestyle {
	width:100%;
	display: inline-block;
	position: relative;
	margin-bottom:5px;
}

input[type="file"]{width:100px !important; border:2px solid red;}

div.jfilestyle label, div.jfilestyle input {
	
}

div.jfilestyle input {
	box-sizing:bordr-box;
	float:left;
}

div.jfilestyle label {
	width:70px;
	text-align:center;
	box-sizing:bordr-box;
	background:#838383;
	color:#fff;
	height:35px;
	line-height:35px;
	font-size:13px;
}

div.jfilestyle.jfilestyle-corner input:last-child,
div.jfilestyle.jfilestyle-corner label:last-child {
	margin-left: -1px;
}

div.jfilestyle label[disabled] {
	pointer-events: none;
	opacity: 0.6;
	filter: alpha(opacity=65);
	cursor: not-allowed;
}

div.jfilestyle label:hover {
	cursor: pointer;
	opacity: 0.9;
}

div.jfilestyle .count-jfilestyle {
	border:1px solid red;
}

/** 
 * THEMES
 */
div.jfilestyle.jfilestyle-theme-blue input {/**/}
div.jfilestyle.jfilestyle-theme-blue label {
	border-color: #438eff;
	background: #438eff;
	color: #fff;
}
div.jfilestyle.jfilestyle-theme-green input {/**/}
div.jfilestyle.jfilestyle-theme-green label {
	border-color: #18a063;
	background: #18a063;
	color: #fff;
}
div.jfilestyle.jfilestyle-theme-yellow input {/**/}
div.jfilestyle.jfilestyle-theme-yellow label {
	border-color: #e8c821;
	background: #e8c821;
	color: #fff;
}
div.jfilestyle.jfilestyle-theme-black input {/**/}
div.jfilestyle.jfilestyle-theme-black label {
	border-color: #424242;
	background: #424242;
	color: #fff;
}
div.jfilestyle.jfilestyle-theme-red input {/**/}
div.jfilestyle.jfilestyle-theme-red label {
	border-color: #f33f3f;
	background: #f33f3f;
	color: #fff;
}
div.jfilestyle.jfilestyle-theme-purple input {/**/}
div.jfilestyle.jfilestyle-theme-purple label {
	border-color: #873aff;
	background: #873aff;
	color: #fff;
}
div.jfilestyle.jfilestyle-theme-asphalt input {/**/}
div.jfilestyle.jfilestyle-theme-asphalt label {
	border-color: #435673;
	background: #435673;
	color: #fff;
}