/***********************************************************************************************************************************/
/* CHECKBOXES **********************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-checkbox,
.ui-radio{
	margin: inherit;
}


/***********************************************************************************************************************************/
/* CHECKBOX - MINI *****************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-checkbox.ui-mini{
	padding-left: 30px;
	padding-right: 5px;
}
.ui-checkbox.ui-mini label{
	padding: 0;
}
.ui-checkbox.ui-mini input{
	left: 20%;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	background-image: none;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	transition: background .25s ease-in-out;
}
.ui-checkbox.ui-mini input:checked{
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%224%20-4%2048%2048%22%3E%3Cpath%20d%3D%22M22.7%2038.5c1.4-0.2%203-0.8%204-1.8l23.4-24.2c2.2-2.2%202.2-6.1-0.2-8.3%20-2.2-2.2-6.1-2.2-8.3%200.2l-19.6%2020%20-7.7-7.1c-2.2-2.2-6.1-2.2-8.3%200.2%20-2.2%202.2-2.2%206.1%200.2%208.3L18%2037C19.7%2038.2%2021.3%2038.5%2022.7%2038.5z%22%20fill%3D%22%23808080%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-check::after, .ui-alt-icon .ui-icon-check::after, html .ui-alt-icon.ui-btn.ui-checkbox-on::after, html .ui-alt-icon .ui-btn.ui-checkbox-on::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%224%20-4%2048%2048%22%3E%3Cpath%20d%3D%22M22.7%2038.5c1.4-0.2%203-0.8%204-1.8l23.4-24.2c2.2-2.2%202.2-6.1-0.2-8.3%20-2.2-2.2-6.1-2.2-8.3%200.2l-19.6%2020%20-7.7-7.1c-2.2-2.2-6.1-2.2-8.3%200.2%20-2.2%202.2-2.2%206.1%200.2%208.3L18%2037C19.7%2038.2%2021.3%2038.5%2022.7%2038.5z%22%20fill%3D%22%23808080%22%2F%3E%3C%2Fsvg%3E");
}

.ui-icon-check::after, html .ui-btn.ui-checkbox-on.ui-checkbox-on::after {
	border: 1px solid #d0d0d0;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%224%20-4%2048%2048%22%3E%3Cpath%20d%3D%22M22.7%2038.5c1.4-0.2%203-0.8%204-1.8l23.4-24.2c2.2-2.2%202.2-6.1-0.2-8.3%20-2.2-2.2-6.1-2.2-8.3%200.2l-19.6%2020%20-7.7-7.1c-2.2-2.2-6.1-2.2-8.3%200.2%20-2.2%202.2-2.2%206.1%200.2%208.3L18%2037C19.7%2038.2%2021.3%2038.5%2022.7%2038.5z%22%20fill%3D%22%23808080%22%2F%3E%3C%2Fsvg%3E");
}

/***********************************************************************************************************************************/
/* HORIZONTAL - RADIO **************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-controlgroup-horizontal .ui-radio-off.ui-radio-off.ui-radio-off,
.ui-controlgroup-horizontal .ui-radio-on.ui-radio-on.ui-radio-on{
	border: 1px solid #e7e7e7;
	font-weight: bold;
}
.ui-controlgroup-horizontal .ui-radio-off.ui-radio-off.ui-radio-off{
	background-color: #fff;
	color: #4a543a;
	padding: 0.4em 0.7em;
}
.ui-controlgroup-horizontal .ui-radio-on.ui-radio-on.ui-radio-on{
	background: none;	
	color: #808080;
	padding: 0.4em 0.7em;
}
.ui-controlgroup-horizontal .ui-radio > label::before{
	content:"";
	display: block;
	background: #e7e7e7;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	border-radius: 100%;
	transition: all .2s;
	-ms-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
}
.ui-controlgroup-horizontal .ui-radio > .ui-btn-active::before{
	border-radius: 0;
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}
.ui-controlgroup-horizontal input[type="radio"]{
	visibility: hidden;
}
.ui-controlgroup-horizontal{
	text-align: center;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls{
	width: 100%;
	margin: auto;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio{
	width: 100%;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio label{
	text-align: center;
}

/***********************************************************************************************************************************/
/* HORIZONTAL - RADIO **************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-controlgroup--2columns.ui-controlgroup-horizontal .ui-radio:first-child{
	width: 100%;
}
.ui-controlgroup--2columns.ui-controlgroup-horizontal .ui-radio{
	width: 50%;
}