/*Input*/

input:not([type=checkbox]):not([type=radio]), textarea {
	padding:8px 10px;
	border:1px solid #ddd;
	border-radius: 2px;
	width:99%;
	margin:3px;
	outline: 0;
}
	
	input.autosize {
		width:auto !important;
	}

	input:not([type=checkbox]):not([type=radio]).small {
		padding: 4px 5px;
		font-size: 95%;
	}
	
	
	label.fordate {
		position:relative;
		font-weight: 400;
	}
	
	label.fordate input {
		padding-left:28px !important;
	}
		label.fordate:before {
			content: "\f073";
			font-family: FontAwesome;
			position:absolute;
			left: 12px;
			top: 50%;
			color:#666;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-khtml-transform: translateY(-50%);
			transform: translateY(-50%);
		}

label.sxx-input-date-styled {
	position: relative;
	display:inline-block;
	font-weight: 400;
}

	label.sxx-input-date-styled:before {
		position:absolute;
		left:8px;
		top:50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-khtml-transform: translateY(-50%);
		transform: translateY(-50%);
		
		content: "\f073";
		font-family:"FontAwesome";
		color:#8d8d8d;
		font-size: 11px;
	}

	label.sxx-input-date-styled input {
		padding-left:32px !important;
		width:124px !important;
	}

		label.sxx-input-date-styled input[type='date'] {
			padding-left:18px !important;
			width:132px !important;
		}
	
		label.sxx-input-date-styled input:focus {
			border: 1px solid #aaa;
		}

label.sxx-input-currency-styled {
	position: relative;
	display:inline-block;
	font-weight: 400;
}

	label.sxx-input-currency-styled:before {
		position:absolute;
		left:8px;
		top:50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-khtml-transform: translateY(-50%);
		transform: translateY(-50%);
		
		content: "\f155";
		font-family:"FontAwesome";
		color:#8d8d8d;
		font-size: 11px;
	}
	
	label.sxx-input-currency-styled input {
		padding-left:18px !important;
		width:124px !important;
	}
	
	label.sxx-input-currency-styled input:focus {
		border: 1px solid #aaa;
	}
	
label.sxx-input-percentage-styled {
	position: relative;
	display:inline-block;
	font-weight: 400;
}

	label.sxx-input-percentage-styled:before {
		position:absolute;
		right:8px;
		top:50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-khtml-transform: translateY(-50%);
		transform: translateY(-50%);
		
		content: "\f295";
		font-family:"FontAwesome";
		color:#8d8d8d;
		font-size: 10px;
	}
	
	label.sxx-input-percentage-styled input {
		padding-left:8px !important;
		width:124px !important;
	}
	
	label.sxx-input-percentage-styled input:focus {
		border: 1px solid #aaa;
	}
	
	/* Chrome, Safari, Edge, Opera */
	label.sxx-input-percentage-styled input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Firefox */
	label.sxx-input-percentage-styled input[type=number] {
		-moz-appearance: textfield;
	}

label.sxx-input-filter-styled {
	position: relative;
	display:inline-block;
	font-weight: 400;
}

	label.sxx-input-filter-styled:before {
		position:absolute;
		left:8px;
		top:50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-khtml-transform: translateY(-50%);
		transform: translateY(-50%);
		
		content: "\f0b0";
		font-family:"FontAwesome";
		color:#8d8d8d;
	}
	
	label.sxx-input-filter-styled input {
		padding-left:32px !important;
	}

label.sxx-input-search-styled {
	position: relative;
	display:inline-block;
	font-weight: 400;
}

	label.sxx-input-search-styled:before {
		position:absolute;
		left:8px;
		top:50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-khtml-transform: translateY(-50%);
		transform: translateY(-50%);
		
		content: "\f002";
		font-family:"FontAwesome";
		color:#8d8d8d;
	}
	
	label.sxx-input-search-styled input {
		padding-left:32px !important;
	}

	
.flat-inputs input:not([type=checkbox]):not([type=radio]), .flat-inputs textarea { 
	background: #f3f3f3;
    border: none !important;
}

/* style checkbox | works in mobile browser, Chrome for now*/
input[type="checkbox"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    -webkit-appearance: initial;
}

	input[type="checkbox"]:focus {
		outline: none;
	}
	
	input[type="checkbox"]:not([disabled]):hover:before {
		content: "\f14a";
	}
	
	input[type="checkbox"]:focus:before {
		content: "\f0c8";
	}
	
	input[type="checkbox"]:checked:focus:before {
		content: "\f14a";
	}
	
	input[type="checkbox"]:before {
		content: "\f0c8";
		font-family: FontAwesome;
		font-size: 110%;
		color: #aaa;
		position:relative;
		vertical-align:middle;
		top:-2px;
		left:-1px;
	}
	
	input[type="checkbox"]:checked:before {
		content: "\f14a";
		font-family: FontAwesome;
		font-size: 110%;
		color: #00a800;
		background-color:white;
	}
/* end style checkbox */

select:not(.ui-datepicker-month):not(.ui-datepicker-year) {
	padding: 8px 10px;
	border: 1px solid #ddd;
	margin:3px;
}
	select.small:not(.ui-datepicker-month):not(.ui-datepicker-year) {
		padding: 4px 5px;
		font-size:95%;
	}

.configuration-rollup {
	margin: -2px -10px 0px 0px !important;
	padding: 3px !important;
}
/* The switch - the box around the slider */
/* <label class="switch">
		<input name="" value="1" checked="" type="checkbox">
		<div class="slider round "></div>
	</label>
*/

.switch {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 26px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {display:none;}
  
  /* The slider */
  .switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .switch .slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .switch input:checked + .slider {
	background-color: #00b200;
  }
  
  .switch input:focus + .slider {
	box-shadow: 0 0 1px #00b200;
  }
  
  .switch input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 30px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }
  
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
	height: 0 !important;
	margin: 0 !important;
}