/*
 * 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 {
	display: inline-block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	border-collapse: separate;
}

div.jfilestyle input {
	border: 1px solid #c0c0c0;
	background: #d9d9d9;
	margin: 0px -5px 0px 0px;
	vertical-align: middle;
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 0px;
	color: #8d8d8d;
	cursor: default;
    line-height: normal;
}

div.jfilestyle label {
	display: flex;
    justify-content: space-between;
	align-items: center;
    background: #EEEEEE;
    padding: 15px;
    color: #ACACAC;
    line-height: 24.828px;
    font-size: 18.207px;
    width: 100%;
	height: 46px;
    font-weight: 300;
}

div.jfilestyle label:after {
	content: "";
	display: flex;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' viewBox='0 0 14 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2.87891L7 15.8789' stroke='%23ACACAC' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 1.00098L1.12211 6.87887' stroke='%23ACACAC' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12.875 6.87793L6.99711 1.00004' stroke='%23ACACAC' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 19.8789H1' stroke='%23ACACAC' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	width: 12px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
}

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 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	background: #000;
	color: #fff;
	border-radius: 50px;
	font-size: 12px;
	vertical-align: middle;
}

/** 
 * 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;
}