/***********************************************************************************************************************************/
/************************ 							/!\	AVANT D'EDITER /!\									************************/
/************************ 									VOIR					   						************************/
/************************ 							www.dev.equideow.com/doc								************************/
/************************ 						        	  ET											************************/
/************************ 			dev.owlient.eu/wiki/index.php/Guide_Int%C3%A9gration_Equideow			************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* INPUT-STYLE-0 *******************************************************************************************************************/
/***********************************************************************************************************************************/

.input.input-style-0{
	background-color:#fff;
	height:40px;
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0;
	border-radius:5px;
	text-indent:10px;
	font-size: 15px;
	color: #808080;
	transition:border .25s ease-in-out;
	-webkit-transition:border .25s ease-in-out;
	-moz-transition:border .25s ease-in-out;
	-ms-transition:border .25s ease-in-out;
	-o-transition:border .25s ease-in-out;
}
.input.input-style-0:hover,
.input.input-style-0:focus{
	border-color: #79d1ff;
}
.input.input-style-0:focus{
	background-color:#fff;
	box-shadow: 0 0 5px rgba(121, 209, 255, 0.5) inset;
}
.input-style-0::-webkit-input-placeholder{
	font-style: italic;
	color: #808080;
}
.input-style-0::-moz-input-placeholder{
	font-style: italic;
	color: #808080;
}
.input-style-0::-ms-input-placeholder{
	font-style: italic;
	color: #808080;
}

/* fieldSuccess ********************************************************************************************************************/ 
.input-style-0.fieldSuccess,
.input-style-0.fieldError{
	background-repeat: no-repeat;
	background-position: 97% center;
	font-weight: bold;
}
.input-style-0 span{
	display: block;
	background: red;
	width: 10px;
	height: 10px;
}
/* fieldSuccess *******************************************************************************************************************/ 
.input-style-0.fieldSuccess{
	background-image:url(/media/equideo/image/components/fields/text/success.png);
	border-color: #BFD16C;
}

/* fieldError **********************************************************************************************************************/ 
.input-style-0.fieldError{
	background-image:url(/media/equideo/image/components/fields/text/error.png);
	border-color: #f83030;
	color: #f83030;
}

/* disabled ************************************************************************************************************************/ 
.input-style-0[disabled],
.input-style-0[disabled]:hover,
.input-style-0[disabled]:focus{
	background: #f1f1f1;
	border-color: #d0d0d0;
}

/***********************************************************************************************************************************/
/* CHECKBOX-STYLE-0 ****************************************************************************************************************/
/***********************************************************************************************************************************/

.checkbox-style-0{
	visibility: hidden;
}
.bogus-checkbox-style-0{
    position: relative;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-left: -14px;
    cursor: pointer;    
}
.bogus-checkbox-style-0:before,
.bogus-checkbox-style-0:after{
	content: "";
	position: absolute;
}
/** checkbox tick *******************************************************************************************************************/
.bogus-checkbox-style-0:before {
	z-index: 1;
	top: 6px;
    left: 6px;
    width: 10px;
    height: 5px;
	border: 3px solid transparent;
	transform:rotate(-45deg) scale(2);
	transition:transform 0.15s ease-in-out;
	-webkit-transition:transform 0.15s ease-in-out;
	-moz-transition:transform 0.15s ease-in-out;
	-ms-transition:transform 0.15s ease-in-out;
	-o-transition:transform 0.15s ease-in-out;
}
/** checkbox background ************************************************************************************************************/
.bogus-checkbox-style-0:after {
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
	background: #fff;
	cursor: pointer;
	border:1px solid #d0d0d0;
	border-radius: 5px;
	transition:all .15s ease-in-out;
}
.bogus-checkbox-style-0:hover:after{
	border-color:rgb(162, 162, 162);
}
/** checked ************************************************************************************************************************/
.checkbox-style-0:checked + .bogus-checkbox-style-0:before {
	border-color: #808080;
    border-top-style: none;
    border-right-style: none;
	transform: rotate(-45deg) scale(1);
	-webkit-transform: rotate(-45deg) scale(1);
	-moz-transform: rotate(-45deg) scale(1);
	-ms-transform: rotate(-45deg) scale(1);
	-o-transform: rotate(-45deg) scale(1);
}

/** error **************************************************************************************************************************/
input.checkbox-style-0.fieldError{
	outline: none;	
}
.checkbox-style-0.fieldError + .bogus-checkbox-style-0::after{
	border-color: #f83030;
}


/***********************************************************************************************************************************/
/* SELECT-STYLE-0 ******************************************************************************************************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* NUMBER-STYLE-0 ******************************************************************************************************************/
/***********************************************************************************************************************************/

.select-style-0,
.number-style-0 {
	height: 44px;
	border-color: #d0d0d0;
	border-radius: 5px;
	font-size: 15px;
	color: #808080;
	transition: border .25s ease-in-out;
    -webkit-transition: border .25s ease-in-out;
    -moz-transition: border .25s ease-in-out;
    -ms-transition: border .25s ease-in-out;
    -o-transition: border .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
.select-style-0::-ms-expand,
.number-style-0::-ms-expand {
    display: none;
}
.select-style-0:hover,
.select-style-0:focus,
.number-style-0:hover,
.number-style-0:focus {
    border-color: #79d1ff;
}

.select-style-0 {
	background:url(/media/equideo/image/components/fields/select/arrow.png) no-repeat 95% center #fff;
	padding: 0 25px 0 10px;
}

.number-style-0 {
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	padding-left: 10px;
}