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

/***********************************************************************************************************************************/
/* COMMON : CoSmowS classes for mobile *********************************************************************************************/
/***********************************************************************************************************************************/

.ui-mobile .ui-btn.ui-corner-all.spacer-small-top{
    margin-top: 5px;
}
.ui-mobile .ui-btn.ui-corner-all.spacer-top{
    margin-top: 10px;
}
.ui-mobile .ui-btn.ui-corner-all.spacer-large-top{
    margin-v: 15px;
}
.ui-mobile .ui-btn.ui-corner-all.spacer-small-bottom{
    margin-bottom: 5px;
}
.ui-mobile .ui-btn.ui-corner-all.spacer-bottom{
    margin-bottom: 10px;
}
.ui-mobile .ui-btn.ui-corner-all.spacer-large-bottom{
    margin-bottom: 15px;
}


/***********************************************************************************************************************************/
/* THEME 0 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** default ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-0{
    font-size: 1rem;
    color: #4a543a;
    background-color: #e5ff70;
    border: 2px solid #bfd16c;
    text-shadow:none;
    padding-top: .52em;
    padding-bottom: .52em;
}
.ui-btn-style-0 img{
    width: 15px;
}
/** active ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-0:hover,
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-0:active{
    background-color: #f4fec7;
    border: 2px solid #bfd16c;
}
/** disabled ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-0[disabled]{
    opacity: inherit!important;
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    color: #808080;
}


/***********************************************************************************************************************************/
/* THEME 1 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** default *************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-1{
    font-size: 1rem;
    color: #fff;
    border: 2px solid #fff;
    padding-top: .52em;
    padding-bottom: .52em;
}
/** active ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-1:hover,
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-1:active{
    background-color: rgba(255, 255, 255, 0.3);
    border-color: #fff;
}
/** disabled ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-1[disabled]{
    opacity: inherit!important;
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    color: #808080;
}


/***********************************************************************************************************************************/
/* THEME 2 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** default *************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-2{
    font-size: 1rem;
    color: #ad5b50;
    font-weight: normal;
    padding: 3px 0 4px 30px;
    text-align: left;
    background-image: url("/media/equideo/image/mowbile/jquery/icons-svg-bg/bouton-lien.svg");
    background-repeat: no-repeat;
    background-position: left top;
}
/** active ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-2:hover,
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-2:active{
    color: #ad5b50;
}
/** disabled ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-2[disabled]{
    opacity: inherit!important;
    color: #808080;
}


/***********************************************************************************************************************************/
/* THEME 3 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** default *************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-3{
    font-size: 1rem;
    color: #af9c8c;
    background-color: #fff;
    border: 2px solid #af9c8c;
}
/** active *************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-3:hover,
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-3:active{
    color: #cebbab;
    background-color: #fff;
    border-color: #fff;
}
/** disabled ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-3[disabled]{
    opacity: inherit!important;
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    color: #808080;
}


/***********************************************************************************************************************************/
/* THEME 4 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** default *************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-4{
    position:relative;
    box-sizing:border-box;
    font-size: 1rem;
    color: #ae5a4f;
    text-align: center;
    height: 44px;
    background: rgba(173, 91, 80, 0.20);
    line-height: 44px;
    padding: 0;
}
/**
Fleche n'a aucun intérêt
.ui-btn-style-4::before{
    position: absolute;
    left: 0.5em;
    top: 9px;
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background:url("/media/equideo/image/mowbile/pictos/liens.png") no-repeat center center transparent;
}*/
/** disabled ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-4[disabled]{
    opacity: inherit!important;
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    color: #808080;
}
/**
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-4[disabled]::before{
    opacity: .5;
}*/


/***********************************************************************************************************************************/
/* THEME 5 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** default *************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-5{
    background-color: #e5ff70;
    width:28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #bfd16c;
    box-sizing: border-box;
    padding: 0;
}
/** active ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-5:hover,
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-5:active{
    color: #4a543a;
    background-color: #f4fec7;
    border: 2px solid #bfd16c;
}
/** disabled ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-5[disabled]{
    opacity: inherit!important;
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    color: #808080;
}


/***********************************************************************************************************************************/
/* THEME 6 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** default *************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-6{
    background-color: #fff;
    width:28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #af9c8c;
    box-sizing: border-box;
    padding: 0;
}
/** active ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-6:hover,
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-6:active{
    color: #cebbab;
    background-color: #fff;
    border-color: #fff;
}
/** disabled ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-6[disabled]{
    opacity: inherit!important;
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    color: #808080;
}


/***********************************************************************************************************************************/
/* THEME 9 *************************************************************************************************************************/
/***********************************************************************************************************************************/

/** default ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-9{
    font-size: 1rem;
    background-color: #63cfd0;
    border: 2px solid #4aa5a6;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
    padding-top: .52em;
    padding-bottom: .52em;
}
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-9,
.ui-btn.ui-corner-all.ui-btn-style-9 .ui-currency strong{
    color: #fff;
}
.ui-btn-style-0 img{
    width: 15px;
}
/** active ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-9:hover,
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-9:active{
    background-color: #6be0e1;
    border: 2px solid #4aa5a6;
}
/** disabled ************************************************************************************************************************/
.ui-mobile .ui-btn.ui-corner-all.ui-btn-style-9[disabled]{
    opacity: inherit!important;
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    color: #808080;
    text-shadow: none;
}


/***********************************************************************************************************************************/
/* SVG FOR THEME 5 AND 6 ***********************************************************************************************************/
/***********************************************************************************************************************************/

.ui-btn-style-5 .content-icon-svg svg,
.ui-btn-style-6 .content-icon-svg svg{
    height: 13px;
    margin-top: 6px;
    display: inline;
    text-align: center;
}
.ui-btn-style-5[disabled] .content-icon-svg svg,
.ui-btn-style-5[disabled] .content-icon-svg svg path,
.ui-btn-style-6[disabled] .content-icon-svg svg,
.ui-btn-style-6[disabled] .content-icon-svg svg path{
    fill: #808080;
}

/***********************************************************************************************************************************/
/* A DEPLACER ? ********************************************************************************************************************/
/***********************************************************************************************************************************/

/** swipes ***************************************************************************************************************************/
.ui-btn-swipe-grey{
    background-color: #fff;
    border-left: 1px solid #af9c8c;
    padding: 7px 0 0;
    height: 48px;
    box-sizing: border-box;
}
.ui-btn-swipe-red{
    background-color: #ff3334;
    border-left: 1px solid #d0d0d0;
    padding: 7px 0 0;
    height: 48px;
    box-sizing: border-box;
}

.ui-btn-add{
    position: fixed;
    bottom: 12%;
    right: 5%;
    width: 51px;
    height: 51px;
    z-index: 100;
}
.ui-btn-add a{
    left: 28%;
    position: absolute;
    top: 27%;
    z-index: 1;
}