/*
########  #######  ########  ##     ##  ######  
##       ##     ## ##     ## ###   ### ##    ## 
##       ##     ## ##     ## #### #### ##       
######   ##     ## ########  ## ### ##  ######  
##       ##     ## ##   ##   ##     ##       ## 
##       ##     ## ##    ##  ##     ## ##    ## 
##        #######  ##     ## ##     ##  ######  
*/

.ui-select,
.ui-input-text,
.ui-input-search.ui-select,
.ui-input-text,
.ui-input-search.ui-select,
.ui-input-text,
.ui-input-search.ui-select,
.ui-input-text,
.ui-input-search.ui-select,
.ui-input-text,
.ui-input-search{
    background-color: #fff; 
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    
}

/***********************************************************************************************************************************/
/* LABEL ***************************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-mobile .ui-label{
    font-size: .815em; /* computed : 13,01px */
    font-weight: bold;
    color: #3d251b;
    margin: inherit;
    padding: .625em 0 0;
}

/***********************************************************************************************************************************/
/* INPUT : TEXT*********************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-input-text::after{
    content: "";
    clear: both;
    display: block;
}
.ui-input-search{
    margin: 0;
}
.filter-bar .ui-select{
    margin: 0;
}
.ui-input-text,
.ui-input-search{
    margin: .625em 0;  /* computed : 10px 0 */
}
textarea,
.ui-input-text input,
.ui-input-search input {
    text-align: left;
    color: #82685b;
}
.ui-input-text input,
.ui-input-search input
textarea.ui-input-text.ui-textinput-autogrow {
    background-color: #fff;
}


/** success ***************************************************************************************************************************/
.ui-input-text.fieldSuccess {
    border: 2px solid #bfd16c !important;
}
input.fieldSuccess  {
    color: #bfd16c !important;
}

/** error ******************************************************************************************************************************/
.ui-input-text.fieldError,
.ui-slider-input.fieldError {
    border: 2px solid #db2828 !important;
}
input.fieldError {
    color: #db2828 !important;
}

/*******************************************************************************************************************************************
 ######  ##      ## #### ########  ######  ##     ## 
##    ## ##  ##  ##  ##     ##    ##    ## ##     ## 
##       ##  ##  ##  ##     ##    ##       ##     ## 
 ######  ##  ##  ##  ##     ##    ##       ######### 
      ## ##  ##  ##  ##     ##    ##       ##     ## 
##    ## ##  ##  ##  ##     ##    ##    ## ##     ## 
 ######   ###  ###  ####    ##     ######  ##     ## 
********************************************************************************************************************************************/

.form__field__switch {
    background: #fff;
    border-radius: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: #af9c8c;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    position: relative;
    transition: all .15s ease-in-out;
    width: 60px;
}
.form__field__switch::after {
    left: 4px;
    top: 3px;
    background: #82685B;
    border-radius: 12px;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    transition: all .15s ease-in-out;
    transform: translate3d(0, 0, 0);
    width: 24px;
}

/** disabled *****************************************************************************************************************************/
.form__field__switchinput[disabled]+.form__field__switch {
    cursor: default;
    background: #D0D0D0;
    box-shadow: none;
}

.form__field__switchinput[disabled]+.form__field__switch::after {
    background: #949494;
    box-shadow: none;
}

/** input ********************************************************************************************************************************/
.form__field__switchinput {
    position: absolute;
    visibility: hidden;
}

/** input checked ************************************************************************************************************************/
.form__field__switchinput:checked+.form__field__switch {
    background: #37659A;
    border-color: #37659A;
}

.form__field__switchinput:checked+.form__field__switch::after {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    transform: translate3d(26px, 0, 0);
}