.icoBox{
	display:inline-flex;
	align-items: center;
}
.icoBoxOne{
	display:flex;
	align-items: center;
}

.icoBox span,
.icoBoxOne{
	display:block;
}

.icoBox14 span{
	width:14px;
	height:14px;
}
.icoBox16 span{
	width:16px;
	height:16px;
}
.icoBox20 span{
	width:20px;
	height:20px;
}
.icoBox24 span{
	width:24px;
	height:24px;
}
.icoBox26 span{
	width:26px;
	height:26px;
}
.icoBox28 span{
	width:28px;
	height:28px;
}
.icoBox30 span{
	width:30px;
	height:30px;
}
.icoBox32 span{
	width:32px;
	height:32px;
}
.icoBox40 span{
	width:40px;
	height:40px;
}
.icoBox50 span{
	width:50px;
	height:50px;
}
.icoBox56 span{
	width:56px;
	height:56px;
}

.ico-text,
.icon-text{
	display:flex;
	align-items: center;
    gap:3px;
}

.icoTextSpan,
.icoText{
	display:flex;
	align-items: center;
	gap:3px;
}
.gap5{
	gap:5px;
}
.gap10{
	gap:10px;
}
.gap12{
	gap:12px;
}
.gap14{
	gap:14px;
}
.gap16{
	gap:16px;
}

.icoNoForm span, 
.icoFlat span{
	background-size:cover;
}

.icoRounded,
.icoRound{
	border-radius:50%;
}
.icoRounded span,
.icoRound span{
	background-size:60%;
}

.clicPush,
.clic-push {
	transition: all ease-in-out 0.1;
	transform: scale(1);
}
.clicPush:active,
.clic-push:active {
	transform: scale(0.9);
}

.icoBg40 span{
	background-size:40%;
}
.icoBg50 span{
	background-size:50%;
}
.icoBg60 span{
	background-size:60%;
}
.icoBg70 span{
	background-size:70%;
}
.icoBg80 span{
	background-size:80%;
}
.icoBg90 span{
	background-size:90%;
}
.icoBg100 span{
	background-size:cover;
}

/*Updated*/
.icon{
	float:left;
	position: relative;
}
.icon span{
	display: block;
	width: inherit;
	height: inherit;
}

.icon-bg50 span{
	background-size: 50%;
}
.icon-bg60 span{
	background-size: 60%;
}
.icon-bg80 span{
	background-size: 80%;
}
.icon-bg100 span{
	background-size: 100%;
}

.icon-rounded{
	border-radius:50%
}

.icon-size16{
	width:16px;
	height:16px;
}
.icon-size20{
	width:20px;
	height:20px;
}
.icon-size22{
	width:22px;
	height:22px;
}
.icon-size24{
	width:24px;
	height:24px;
}
.icon-size26{
	width:26px;
	height:26px;
}
.icon-size28{
	width:28px;
	height:28px;
}
.icon-size32{
	width:32px;
	height:32px;
}
.icon-size36{
	width:36px;
	height:36px;
}
.icon-size40{
	width:40px;
	height:40px;
}
.icon-size50{
	width:50px;
	height:50px;
}
.icon-size60{
	width:60px;
	height:60px;
}
.icon-size80{
	width:80px;
	height:80px;
}

.bgclic-gris{
	background-color:#ececec !important;
    cursor: pointer;
}
.bgclic-gris:active{
	background-color:#ccc;
}

.bgclic-trans-gris{
	background-color:transparent;
    cursor: pointer;
}
.bgclic-trans-gris:active{
	background-color:#ccc;
}

.bgclic-blanc-gris{
	background-color:#fff !important;
    cursor: pointer;
}
.bgclic-blanc-gris:active{
	background-color:#ccc;
}

.bgclic-pale1{
    background-color:#b5eeb9 !important;
    cursor: pointer;
}
.bgclic-pale1:active{
    background-color:#7fc784 !important;
}
/********/
.icon{
    float:left;
	position: relative;
    overflow:hidden;
    user-select: none;
}
.icon > span{
	display: block;
    background-size:100%;
}

.icon > .rounded{
    border-radius:50%;
    background-size:50%;
}

.icon > .size16{
	width:16px;
	height:16px;
}
.icon > .size20{
	width:20px;
	height:20px;
}
.icon > .size22{
	width:22px;
	height:22px;
}
.icon > .size24{
	width:24px;
	height:24px;
}
.icon > .size26{
	width:26px;
	height:26px;
}
.icon > .size28{
	width:28px;
	height:28px;
}
.icon > .size32{
	width:32px;
	height:32px;
}
.icon > .size36{
	width:36px;
	height:36px;
}
.icon > .size40{
	width:40px;
	height:40px;
}
.icon > .size50{
	width:50px;
	height:50px;
}

.icon-text{
    display: flex;
    column-gap:8px;
    align-items: center;
    position:relative;
}
.icon-text .icon{
    flex:0 0 1;
}
.icon-text .text{
    flex:1;
}

.gap5{
	gap:5px;
}
.gap10{
	gap:10px;
}
.gap12{
	gap:12px;
}
.gap14{
	gap:14px;
}
.gap16{
	gap:16px;
}
.gap20{
	gap:20px;
}