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

####  ######   #######  ##    ## ##     ## #### ######## ##      ## 
 ##  ##    ## ##     ## ###   ## ##     ##  ##  ##       ##  ##  ## 
 ##  ##       ##     ## ####  ## ##     ##  ##  ##       ##  ##  ## 
 ##  ##       ##     ## ## ## ## ##     ##  ##  ######   ##  ##  ## 
 ##  ##       ##     ## ##  ####  ##   ##   ##  ##       ##  ##  ## 
 ##  ##    ## ##     ## ##   ###   ## ##    ##  ##       ##  ##  ## 
####  ######   #######  ##    ##    ###    #### ########  ###  ###  

************************************************************************************************************************************
************************************************************************************************************************************
*/
/** iconview **********************************************************************************************************************/
/*PROVISOIR AVANT LE DELETE DE ICONVIEW*/
.showiconview{
    cursor: pointer;
    font-size: 0.8rem;
    width: 90px;
    height: 90px;
    position: relative;
    text-align: center;
    text-indent: 0;
    z-index: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/** iconview : container **********************************************************************************************************/
.showiconview__container {
    position: relative;
   padding: 0;
    display: block;
    margin: auto;
    z-index: 1;
    display: inline-block;
}
/** iconview : link ***************************************************************************************************************/
.showiconview__link{
    margin: 0;
    min-height: inherit;
    display: inline-block;
}
/** iconviewv5 : text ***************************************************************************************************************/
.showiconview__container__label{
    display: block;
    font-weight: bold;
    position: absolute;
    top: 45px;
    top: 0;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}
.showiconview__container__label > span,
#console-swiper-block-objets .showiconview__container__label > span,
#console-swiper-block-bonus .showiconview__container__label > span{
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    display:block;
    font-size: 0.7rem;
    hyphens: auto;
    line-height: 12px;
    padding: 5px 2px 0;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word;
}
#console-swiper-block-objets .showiconview__container__label > span,
#console-swiper-block-bonus .showiconview__container__label > span{
    white-space: nowrap;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 70px;
}
/** iconviewv5 : image *******************************************************************************************************************/
.showiconview__link__image{
    display: block;
    height: auto;
    margin: 5px auto 0;
    width: 40px;
    border-radius: 50%;
}

/*OLD OLD OLD /////////////////////////////////////////////////////////////////*/
/** iconview  **********************************************************************************************************************/
.iconview{
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 0.8rem;
    font-weight: bold;
    height: 7em;
    position: relative;
    text-align: center;
    text-indent: 0;
    width: 7em;
    z-index: 1;
}
/** iconview : container **********************************************************************************************************/
.iconview__container {
    position: relative;
    padding: 5px .3em .7em .3em;
    display: block;
}

/** iconview : link ***************************************************************************************************************/
.iconview__link{
    margin: 0 auto 0.2em auto;
    min-height: 5.5em;
}

/** iconview : text ***************************************************************************************************************/
.iconview__link__text{
    display: block;
    font-weight: bold;
}
.iconview__link__text > span{
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    display:block;
    font-size: 0.7rem;
    hyphens: auto;
    line-height: 11px;
    padding: 5px 2px 0;
    text-align: center;
    vertical-align: middle;
    white-space: pre-wrap;
    word-break: break-word;
}
/** iconview : svg *******************************************************************************************************************/
.iconview .content-icon-svg {
	margin: 17% auto 3%;
}

/** iconview : image *****************************************************************************************************************/
.iconview__link__image{
    display: block;
    height: auto;
    margin: -14% auto 0;
    width: 56%;
}


/** iconview : notext *************************************************************************************************************/
.iconview--notext .content-icon-svg{
	margin-top: 25px;
}

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

####  ######   #######  ##    ## ##     ## #### ######## ##      ##     ######  ##     ##    ###    ##       ##       
 ##  ##    ## ##     ## ###   ## ##     ##  ##  ##       ##  ##  ##    ##    ## ###   ###   ## ##   ##       ##       
 ##  ##       ##     ## ####  ## ##     ##  ##  ##       ##  ##  ##    ##       #### ####  ##   ##  ##       ##       
 ##  ##       ##     ## ## ## ## ##     ##  ##  ######   ##  ##  ##     ######  ## ### ## ##     ## ##       ##       
 ##  ##       ##     ## ##  ####  ##   ##   ##  ##       ##  ##  ##          ## ##     ## ######### ##       ##       
 ##  ##    ## ##     ## ##   ###   ## ##    ##  ##       ##  ##  ##    ##    ## ##     ## ##     ## ##       ##       
####  ######   #######  ##    ##    ###    #### ########  ###  ###      ######  ##     ## ##     ## ######## ######## 

************************************************************************************************************************************
************************************************************************************************************************************
*/
.iconview--small.iconview--small.iconview--small{
	overflow: hidden;
    width: 60px;
    height: 60px;
    position:relative;
}
.iconview--small .iconview__container{
	bottom: 0px;
}
.iconview--small .iconview__svg{
	margin-top: -15px;
}
.iconview--small .iconview__link {
    height: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.iconview--small .content-icon-svg{
    width: initial;
    height: initial;
    margin-top: 16px;
}
.iconview--small .content-icon-svg svg{
    width: 25px;
    height: 25px;
    margin: auto;
}


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

####  ######   #######  ##    ## ##     ## #### ######## ##      ##     ######   #######  ##    ##  ######   #######  ##       ######## 
 ##  ##    ## ##     ## ###   ## ##     ##  ##  ##       ##  ##  ##    ##    ## ##     ## ###   ## ##    ## ##     ## ##       ##       
 ##  ##       ##     ## ####  ## ##     ##  ##  ##       ##  ##  ##    ##       ##     ## ####  ## ##       ##     ## ##       ##       
 ##  ##       ##     ## ## ## ## ##     ##  ##  ######   ##  ##  ##    ##       ##     ## ## ## ##  ######  ##     ## ##       ######   
 ##  ##       ##     ## ##  ####  ##   ##   ##  ##       ##  ##  ##    ##       ##     ## ##  ####       ## ##     ## ##       ##       
 ##  ##    ## ##     ## ##   ###   ## ##    ##  ##       ##  ##  ##    ##    ## ##     ## ##   ### ##    ## ##     ## ##       ##       
####  ######   #######  ##    ##    ###    #### ########  ###  ###      ######   #######  ##    ##  ######   #######  ######## ######## 

************************************************************************************************************************************
************************************************************************************************************************************
*/
.iconview.action-style-4{
    width: 100%;
    height: 6em;
}
.iconview.action-style-4:before {
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 48px;
    margin: auto;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 48px;
}
.iconview.action-style-4 .form-svg-bg{
    height: 64px;
    width: 64px;
}
.iconview.action-style-4.disabled{
    opacity: .3;
}
.iconview.action-style-4 .iconview__container{
    height: 100%;
    padding: 0;
}
.iconview--primary,
.iconview--primary svg path,
.iconview--primary svg circle {
    fill: #FDFFF0;
    stroke: #AD5B50;
}
.iconview.ui-state-disabled .iconview--primary,
.iconview.ui-state-disabled .iconview--primary svg path,
.iconview.ui-state-disabled .iconview--primary svg circle {
    fill: #d0d0d0;;
    stroke: #808080;
}