a, input, select, textarea{

	transition: 0.3s ease-in 0s;

	-moz-transition: 0.3s ease-in 0s;

	-webkit-transition: 0.3s ease-in 0s;

	outline: none;

}



input[type="text"],

input[type="tel"],

input[type="number"],

input[type="email"],

input[type="search"],

select {

	/*background:none;*/

	height:40px;

	padding:0 15px;

	border:1px solid #eee;

	width:100%;

	box-sizing: border-box;



	font-family: inherit;

	font-weight: inherit;

	

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

    text-indent: 0.01px;

    text-overflow: '';

}



select {

	width:100%;

}



textarea {

	background:none;

	padding:15px;

	border:1px solid #eee;

	width:100%;

	max-width: 100%;

	box-sizing: border-box;

	

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;



	font-family: inherit;

	font-weight: inherit;

	outline: none;

}



input:hover, select:hover, input:focus, select:focus {

	border:1px solid #aaa;

}





input.error,

select.error,

textarea.error{

	border-color: #ec8f8f;

}



input.warning,

select.warning,

textarea.warning{

	border-color: #ffb22d;

}



input.success,

select.success,

textarea.success{

	border-color: #91bf19;

}



input.info,

select.info,

textarea.info{

	border-color: #1590d4;

}







input[type="submit"] {

	width:100%;

	background:	rgb(88 162 99);

	color:#888;

	cursor:pointer;

	border: 1px solid rgb(88 162 99);

	font-size:1em;

	height:50px;

	border: none;

}







a.cancel,

button.cancel,

input[type="submit"].cancel{

	background: #d00;

}



a.edit,

button.edit,

input[type="submit"].edit{

	background: #ffb22d;

}



a.save,

button.save,

input[type="submit"].save{

	background: #91bf19;

}



a.info,

button.info,

input[type="submit"].info{

	background: #1590d4;

}



a.cancel,

button.cancel,

input[type="submit"].cancel,

a.edit,

button.edit,

input[type="submit"].edit,

a.save,

button.save,

input[type="submit"].save,

a.info,

button.info,

input[type="submit"].info{

	color:#fff;

	border: 3px solid rgba(0,0,0,.15);

}



input[type="submit"]{

	border: 3px solid rgba(0,0,0,.15);

}





input[type="submit"]:hover {

	border: 3px solid rgba(0,0,0,.3);

}







.input-effect input ~ label{

	position: absolute;

	left: 24px;

	width: 100%;

	top: 10px;

	color: #aaa;

	transition: 0.3s;

	z-index: -1;

	letter-spacing: 0.5px;

}



.input-effect input:focus ~ label,

.input-effect input.has-content ~ label{

	top: -18px;

	left: 0;

	font-size: 12px;

	color: #3399FF;

	transition: 0.3s;

}







/******************************************** 

*********** SWITCH INPUT GOES HERE **********

*********************************************/



.onoffswitch {

	position: relative;

	width: 80px;

	-webkit-user-select:none;

	-moz-user-select:none;

	-ms-user-select: none;

}



.onoffswitch-checkbox {

	display: none;

}



.onoffswitch-label {

	display: block;

	overflow: hidden;

	cursor: pointer;

	border: 2px solid #EFEFEF;

	border-radius: 300px;

	-moz-border-radius: 300px;

	-webkit-border-radius: 300px;

}



.onoffswitch-inner {

	display: block;

	width: 200%;

	margin-left: -100%;

	transition: margin 0.3s ease-in 0s;

	-moz-transition: margin 0.3s ease-in 0s;

	-webkit-transition: margin 0.3s ease-in 0s;

}



.onoffswitch-inner:before, .onoffswitch-inner:after {

	display: block;

	float: left;

	width: 50%;

	height: 30px;

	padding: 0;

	line-height: 30px;

	font-size: 16px;

	color: white;

	font-weight: bold;

	box-sizing: border-box;

}



.onoffswitch-inner:before {

	content: "ON";

	padding-left: 10px;

	background-color: #6BB35F;

	color: #FFFFFF;

}



.onoffswitch-inner:after {

	content: "OFF";

	padding-right: 10px;

	background-color: #CF3E3E;

	color: #FFFFFF;

	text-align: right;

}



.onoffswitch-switch {

	display: block;

	width: 22px;

	margin: 4px;

	background: #fff;

	position: absolute;

	top: 0; bottom: 0;

	right: 46px;

	border: 2px solid #fff;

	

	border-radius: 300px;

	-moz-border-radius: 300px;

	-webkit-border-radius: 300px;

	

	transition: all 0.3s ease-in 0s;

	-moz-transition: all 0.3s ease-in 0s;

	-webkit-transition: all 0.3s ease-in 0s;

	

	box-shadow: 0 0 20px rgba(0,0,0,.2);

	-o-box-shadow: 0 0 20px rgba(0,0,0,.2);

	-moz-box-shadow: 0 0 20px rgba(0,0,0,.2);

	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); 

}



.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {

	margin-left: 0;

}



.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {

	right: 0px; 

}















/******************************************** 

*********** SLIDER INPUT GOES HERE **********

*********************************************/



.slider {

  width: 100%;

  margin: 5px auto;

}



input[type="range"] {

  -webkit-appearance: none !important;

  width: 100%;

  height: 3px;

  background-color: #bdc1cc;

  border: none;

  border-radius: 10px;

  margin: auto;

  transition: all 0.3s ease;

}

input[type="range"]:hover {

  background-color: #b2d5aa;

}



input[type="range"]::-webkit-slider-thumb {

  -webkit-appearance: none !important;

  width: 22px;

  height: 22px;

  background-color: #fff;

  border-radius: 30px;

  box-shadow: 0px 2px 5px rgba(0,0,0,.5);

  transition: all 0.5s ease;

}





input[type="range"]::-webkit-slider-thumb:hover {

  background-color: #efefef;

}

input[type="range"]::-webkit-slider-thumb:active {

  box-shadow: 0px 0px 1px #ccc;

}



#rangevalue {

  text-align: center;

  font-family: "Quantico", sans-serif;

  font-size: 18px;

  display: block;

  margin: auto;

  padding: 10px 0px;

  width: 100%;

  color: #555;

}

















.ui-datepicker.ui-widget{

	padding: 15px;

	background: #efefef;

	box-sizing: border-box;

}



.ui-datepicker-header{

	border-bottom: 1px solid rgba(0,0,0,.3);

	padding-bottom: 10px;

	margin-bottom: 10px;

}





.ui-datepicker-title{

	text-align: center;

}



.ui-corner-all.ui-datepicker-next,

.ui-corner-all.ui-datepicker-prev{

	color: transparent;

	float: left;

}



.ui-corner-all::after{

	color: #1590d4;

}





.ui-corner-all.ui-datepicker-next{

	float: right;

}



.ui-datepicker-next::after,

.ui-datepicker-prev::after{

	display: block;

	width:25px;

	height: 25px;



	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;



	background: #fff;

}



.ui-datepicker-next::after{

	content:"";

}



.ui-datepicker-prev::after{

	content:"";

}



.ui-icon{

	display: none;

}