/* Switch Field CSS */

div ul.switch-field {
	display: inline-flex;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div ul.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	border: 0;
	overflow: hidden;
}

div.form-row ul.switch-field label, div ul.switch-field label {
	background-color: #e4e4e4;
	color: #272727;
	font-size: 12px !important;
	line-height: 1;
	width: auto;
	text-align: center;
	padding: 6px 16px;
	margin-right: -1px;
	margin-left: 0;
	transition: all 0.2s ease-in-out;
	border-right: solid 2px lightgrey;
}

div ul.switch-field input:not([disabled]) + label:hover {
	cursor: pointer;
	background: #bfbfbf;
}
div ul.switch-field input:checked + label:hover {
	background: var( --main-color);
}

div ul.switch-field input:checked + label {
	background: var( --main-color);
	color: white;
	box-shadow: none;
}
div ul.switch-field input:focus + label {
	outline: -webkit-focus-ring-color auto 1px;
}

div ul.switch-field input:disabled + label {
    opacity: 0.4;
	cursor: not-allowed;
}
div ul.switch-field input:checked:disabled + label {
    color: white;
    opacity: 0.4;
    cursor: not-allowed;
}

div ul.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
	border-right: solid 2px lightgrey;
}

div ul.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
	margin-right: 0;
	border-right: none;
}

div ul.switch-field label:first-of-type:last-of-type{
	border-radius: 4px;
	border: none;
}
/* Tab Field CSS */
div ul.tab-field {
	display: inline-flex;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
div ul.tab-field input:not([disabled]) + label:hover {
	cursor: pointer;
	background: #eee;
}
/* All */
div.form-row ul.tab-field label, div ul.tab-field label {
	line-height: 1;
	font-size: 15px;
	width: auto;
	text-align: center;
	padding: 10px 30px;
	transition: all 0.2s ease-in-out;
	border-bottom: solid 2px #eee;
}
/* Select */
div ul.tab-field input:checked + label {
    border-bottom: solid 3px #008b10;
}
div ul.tab-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	border: 0;
	overflow: hidden;
}