/* end jq-checkbox */

.jq-checkbox 
{
	background: #ffffff;
	border: 1px solid #dad6d6;
	cursor: pointer;
	height: 17px;
	margin-right: 6px;
	top: -1px;
	vertical-align: middle;
	width: 17px;
}

.jq-checkbox.checked .jq-checkbox__div 
{
	background: url(../images/template/svg/arrow_ok.svg) no-repeat center center;
	height: 100%;
	margin: 0;
	width: 100%;	
}

.jq-checkbox.focused 
{
	border: 1px solid #08C;
}

.jq-checkbox.disabled 
{
	filter: alpha(opacity=55);
	opacity: 0.55;
}

/* end jq-checkbox */

/* jq-radio  */

.jq-radio 
{
	background: #ffffff;
	border: 1px solid #3b3b3b;
	border-radius: 50%;
	cursor: pointer;
	height: 12px;	
	vertical-align: middle;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
	width: 12px;
	
}

.jq-radio:hover {
	border-width: 2px;
}

.jq-radio.checked {
	border-color: #ff4847;
}

.jq-radio.checked .jq-radio__div 
{			
	background: #ff4847;
	border-radius: 50%;
	height: 10px;
	margin: 0;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
	width: 10px;
}

.jq-radio.checked:hover {
	border-width: 1px;
}

.jq-radio.focused 
{
	border: 1px solid #08C;
}

.jq-radio.disabled 
{	
	filter: alpha(opacity=55);
	opacity: 0.55;
}

/* end jq-radio  */

/* jq-file */

.jq-file 
{	
	width: 100%;
}

.jq-file input 
{
	cursor: pointer;
	height: 0%;
	line-height: 1em;
	width: 0%;
}

.jq-file__name 
{
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	padding: 10px 0px 10px 165px;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}

.jq-file__browse 
{
	background: #ffffff;
	color: #55c0a6;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	width: 150px;
}

.jq-file:hover .jq-file__browse 
{
	background-color: #E6E6E6;
	background-position: 0 -10px;
}

.jq-file:active .jq-file__browse 
{
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}

.jq-file.disabled .jq-file__name 
{
	color: #888;
}

.jq-file.disabled,
.jq-file.disabled .jq-file__browse 
{
	background: #F5F5F5;
	border-color: #CCC;	
	box-shadow: none;
	color: #888;
}

.file__green .jq-file__browse {
	border: 2px solid #55c0a6;
	padding: 8px 10px;
}

.file__green:hover .jq-file__browse {
	background: #55c0a6;
	color: #ffffff;
}

.file__green .jq-file__name {
	color: #7e7e7e;
}

/* end jq-file */

/* jq-selectbox */

.jq-selectbox 
{
	cursor: pointer;
	vertical-align: middle;	
	width: 100%;
}

.jq-selectbox__select 
{
	background: #ffffff;
	border: 1px solid #dad6d6;
	color: #7e7e7e;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 30px 6px 10px;
}

.jq-selectbox.disabled .jq-selectbox__select 
{
	background: #F5F5F5;
	border-color: #CCC;	
	box-shadow: none;
	color: #888;
}

.jq-selectbox__select-text 
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}

.jq-selectbox__trigger 
{
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;	
	width: 33px;
}

.jq-selectbox__trigger-arrow 
{
	background: url(../images/template/svg/select.svg) no-repeat center center;
	height: 100%;
	width: 100%;
}

.jq-selectbox.opened .jq-selectbox__trigger-arrow 
{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow 
{
	filter: alpha(opacity=30);
	opacity: 0.3;	
}

.jq-selectbox__dropdown 
{
	background: #ffffff;
	-webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);
			box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);
	margin: 0;
	padding: 0;
	top: 100%;
	top: calc(100% + 3px);
	width: 100%;
}

.jq-selectbox__search 
{
	display: none;
	margin: 5px;
}

.jq-selectbox__search input 
{
	-webkit-appearance: textfield;
	border: 1px solid #CCC;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	margin: 0;
	outline: none;
	padding: 5px 27px 6px 8px;
	width: 100%;							
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration 
{
	-webkit-appearance: none;
}

.jq-selectbox__not-found 
{
	background: #F0F0F0;
	font-size: 13px;
	margin: 5px;
	padding: 5px 8px 6px;
}

.jq-selectbox ul 
{
	margin: 0;
	padding: 0;
}

.jq-selectbox li 
{
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	min-height: 18px;
	padding: 7px 13px;	
}

.jq-selectbox li.selected 
{
	background-color: #ededed;
}

.jq-selectbox li:hover 
{
	background-color: #ededed;
}

.jq-selectbox li.disabled 
{
	color: #AAA;
}

.jq-selectbox li.disabled:hover 
{
	background: none;
}

.jq-selectbox li.optgroup 
{
	font-weight: bold;
}

.jq-selectbox li.optgroup:hover 
{
	background: none;
	color: #231F20;
	cursor: default;
}

.jq-selectbox li.option 
{
	padding-left: 25px;
}

/* end jq-selectbox */

/* jq-select-multiple */

.jq-select-multiple 
{
	background: #FFF;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	cursor: default;
	font: 14px/18px Arial, sans-serif;
	padding: 1px;
}

.jq-select-multiple.focused 
{
	border: 1px solid #5794BF;
}

.jq-select-multiple.disabled 
{
	background: #F5F5F5;
	border-color: #CCC;	
	box-shadow: none;
	color: #888;
}

.jq-select-multiple ul 
{
	margin: 0;
	padding: 0;
}

.jq-select-multiple li 
{
	list-style: none;
	padding: 3px 9px 4px;	
}

.jq-select-multiple li:first-child 
{
	border-radius: 3px 3px 0 0;
}

.jq-select-multiple li:last-child 
{
	border-radius: 0 0 3px 3px;
}

.jq-select-multiple li.selected 
{
	background: #08C;
	color: #FFF;
}


.jq-select-multiple li.disabled {
	color: #AAA;
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled 
{
	background: #CCC;
	color: #FFF;
}

.jq-select-multiple li.optgroup 
{
	font-weight: bold;
}

.jq-select-multiple li.option 
{
	padding-left: 25px;
}

/* end jq-select-multiple */

input[type="email"].styler,
input[type="number"].styler,
input[type="password"].styler,
input[type="search"].styler,
input[type="tel"].styler,
input[type="text"].styler,
input[type="url"].styler,
textarea.styler 
{
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	font: 14px Arial, sans-serif;
	padding: 7px 9px;
}

input[type="search"].styler 
{
	-webkit-appearance: none;
}

textarea.styler 
{
	overflow: auto;
}

input[type="email"].styler:hover,
input[type="number"].styler:hover,
input[type="password"].styler:hover,
input[type="search"].styler:hover,
input[type="tel"].styler:hover,
input[type="text"].styler:hover,
input[type="url"].styler:hover,
textarea.styler:hover 
{
	border-color: #B3B3B3;
}

input[type="email"].styler:focus,
input[type="number"].styler:focus,
input[type="password"].styler:focus,
input[type="search"].styler:focus,
input[type="tel"].styler:focus,
input[type="text"].styler:focus,
input[type="url"].styler:focus,
textarea.styler:focus 
{
	border-color: #CCC;
	border-top-color: #B3B3B3;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	outline: none;
}

button.styler,
input[type="button"].styler,
input[type="submit"].styler,
input[type="reset"].styler 
{
	background: #F1F1F1;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;	
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	cursor: pointer;
	font: 14px Arial, sans-serif;
	outline: none;
	overflow: visible;
	padding: 7px 11px;
	text-shadow: 1px 1px #FFF;
}

button.styler::-moz-focus-inner,
input[type="button"].styler::-moz-focus-inner,
input[type="submit"].styler::-moz-focus-inner,
input[type="reset"].styler::-moz-focus-inner 
{
	border: 0;
	padding: 0;
}

button.styler:after 
{
	content: '';
}

button.styler:hover,
input[type="button"].styler:hover,
input[type="submit"].styler:hover,
input[type="reset"].styler:hover 
{
	background-color: #E6E6E6;
	background-position: 0 -10px;
}

button.styler:active,
input[type="button"].styler:active,
input[type="submit"].styler:active,
input[type="reset"].styler:active 
{
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}