/* button */

.button {display:inline-block;padding:7px 9px;height:40px;border-radius:6px;border:2px solid #00A2E8;font-size:16px;font-weight:bold;background-color:#FFF;}

.button img {margin:1px 7px 0px -4px;float:left;width:20px;height:20px;}

/* line button */

 .profil-icon-frame svg,.svg-square svg, .tool-top,.user-icon,.qty, .button2, .button2 div,.button-title,.field-image, .open-button, .update-button2, .line-button,.button-title .feed-title,.line-button .field-text,.frame-edit, .svg-button svg, .svg-button {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	
}

.svg-square {
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;	

}

.open.feed-line {
	-webkit-transition: padding 0.2s ease-in;
	-moz-transition: padding 0.2s ease-in;
	transition: padding 0.2s ease-in;	
	opacity:1!important;
}


.open.feed-line .line-button {
	opacity:1!important;
}

.open .bedit {
	display:none;
}

.no-title.line-button .content {border-top:0px solid transparent !important;}

/* svg-button */
.svg-button {padding:5px 8px;display:inline-block;opacity:0.5;width:40px;height:40px;color:#00A2E8;background-color:#FFF;border-radius:50%;border:2px solid #00A2E8;font-size:16px;font-weight:bold;}

.svg-button svg {width:20px;height:20px;}
.svg-button.selected svg {fill:#00A2E8!important;}
.svg-button.selected {opacity:1;}

.svg-button.right {margin-left:4px;margin-right:0px;}

.svg-button.selected {background-color:#FFF;color:#FFF;border-color:#00A2E8;}

.svg-red svg {fill:red!important;}
.svg-orange svg {fill:darkOrange!important;}
.svg-yellow svg {fill:gold!important;}

.svg-white svg {fill:#FFF!important;}
.svg-green svg {fill:green!important;}
.svg-black svg {fill:#000;}
.svg-blue svg {fill:#00A2E8!important;}
.svg-pro svg {fill:#CC0000!important;;}
.svg-tracks svg {fill:#52AE32!important;;}


.svg-back-blue svg {fill:#FFF!important;}
.svg-back-blue {background-color:#00A2E8!important;}

/* svg small */
.svg-small {
	margin-top:2px;
	padding: 2.5px 8px;
	width:35px;
	height:35px;
}

.svg-big svg {
width:40px!important;
height:40px!important;
}	

.svg-medium svg {
width:25px!important;
height:25px!important;
}	

.svg-medium.svg-big.svg-button svg {
width:25px!important;
height:25px!important;

} 
.svg-medium.svg-big.svg-button {border: 3px solid #00A2E8!important;padding-top: 4px!important}

.svg-round svg, .svg-20 svg {
width:20px!important;
height:20px!important;
}	

.svg-22 svg {
width:22px!important;
height:22px!important;
}	

.svg-19 svg {
width:19px!important;
height:19px!important;
}	

.svg-25 svg {
width:25px!important;
height:25px!important;
}	

.svg-15 svg {
width:15px!important;
height:15px!important;
}	

.svg-14 svg {
width:14px!important;
height:14px!important;
}	

.svg-13 svg {
width:13px!important;
height:13px!important;
}	

.svg-12 svg {
width:12px!important;
height:12px!important;
}	

.svg-round {padding:6.5px 8px!important;border-color:#EEE!important;}

.svg-picto {padding:4px 4px!important;background-color: #FFF;border-radius: 50%;width: 25px;height: 25px;}
.svg-picto svg {width: 17px!important;height: 17px!important}


.svg-28 svg {
width:28px!important;
height:28px!important;
}	


.svg-30 svg {
width:30px!important;
height:30px!important;
}

.svg-35 svg {
width:35px!important;
height:35px!important;
}

.svg-36 svg {
width:36px!important;
height:36px!important;
}

.svg-32 svg {
width:32px!important;
height:32px!important;
}

.svg-small svg {
width:15px!important;
height:15px!important;
}	

.svg-16 svg {
width:16px!important;
height:16px!important;
fill:#888;
}	

.svg-17 svg {
width:17px!important;
height:17px!important;
}	

.svg-square {
	padding: 2.5px 8px;
	width:31px;
	height:31px;	
}

.svg-square svg {
	width:15px;
	height:15px;
}	



/* input-group-text / svg line : icon + texte */
.input-group-text .svg-icon svg {width:18px;height:18px;fill:#666;}

.svg-line {font-size:16px;margin:10px 0px;}

.svg-line .svg-icon {margin:0px 17px;}
.svg-line .svg-icon svg {width:20px;height:20px;fill:#AAA;}

.svg-line td {vertical-align: center;}

/* bedit */
.feed-line:first-child .bedit.svg-sortup  {
	opacity:0;
}

.feed-line:last-child .bedit.svg-sortdown  {
	opacity:0;
}

.bedit.left {
	position:absolute;
	left:6px;
	bottom:6px;
	opacity:0;
}	 

.bedit.right {
	position:absolute;
	right:6px;
	bottom:6px;
	opacity:0;
}	 
.bedit.right.margin-right-10px {
	right:16px;
} 

.bedit.left.margin-left-10px {
	left:16px;
} 

.mode-open .bedit {opacity: 0!important}

/*
.mode-open .feed-line:not(.open) {
opacity:0.5;
}
*/
.mode-open .frame-edit:not(.open) {
opacity:0.5;
}

.mode-open.mode-update #menu {height: 0px}
.mode-open.mode-update #desktop {margin-top: 0px}

/* mode */
.mode-update .bedit-update {opacity:1;}
.mode-update .bedit-plus {opacity:1;}
.mode-sort .bedit-sort {opacity:1;}
.mode-stats .bedit-stats {opacity:1;}


.mode-sort .ok-sort {opacity: 0.7} 
/*
.mode-update .ok-update {opacity: 0.6} 
.mode-stats .ok-stats {opacity: 0.6} 
*/

.frame-edit {
	border-radius:6px;
	border:2px solid transparent;
	padding:0px 10px;
	position:relative;
}

.mode-update .frame-update .frame-edit, .mode-stats .frame-stats .frame-edit {
	border-color:#000;
	background-color:#FFF;
}  

.mode-update .frame-update , .mode-stats .frame-stats {
	position:relative;
}	

/* line-button */

.edit.line-button {
	overflow: visible;
}

.line-button {
	border:2px solid;
	background-color:#FFF;
	border-radius:10px;
	margin:10px 10px 0px;
	position:relative;
	cursor:pointer;
	overflow: hidden;
}
.button-title {
	height:50px;
	padding : 5px;
}

.line-button .content {
	display:none;
}	
.button-title .feed-title {
	position:absolute;
	top:14px;
	left: 50%;
	transform: translate(-50%, 0%);
	font-size:16px;
	font-weight:bold;
}

.line-button .field-image {
	position:absolute;
	top:12px;
	left:12px;
	width:25px;
	height:25px;
}

/* .line-button.open .view .edit */

.selected .line-button {
	border-color:red;
	opacity:1;
}

/* EDIT / CLOSE / SAVE BUTTONS */

.close-button {
	position:absolute;
	top:8px;
	right:8px;
}

.save-button {
    float:right;
    opacity:0;
}

.update-button2 {
    position: absolute;
    top: 8px;
    left: 8px;
}

.delete-button2 {
    float:right;
    margin-right:10px;
    opacity:0;
    border-radius:6px;
    padding:7px 9px;
}

.close-button,.save-button,.update-button2 {opacity:0}

.open .close-button {opacity:1!important}
.open .update-button2 {opacity:0.7!important;}

.edit .save-button {opacity:1!important}
.edit .delete-button2 {opacity:1!important}
.edit .update-button2 {display:none;}

/* NO-TITLE */

.no-title .button-title {height:0px!important;padding:0px!important;}
.no-title .close-button {opacity:0.7!important;}
.no-title .feed-title {opacity:0;}

.close-button {opacity:0.7;} 

.open.full {padding:0px!important;}
.full .line-button {margin:-2px;border-radius:0px;border:1px solid #888!important}
.full .line-button .button-title {padding:5px 10px 5px 10px;height:51px;}
.open .content {background-color: #FFF;color:#000;}
.open.line-button .field-image {opacity:0;}

/*.hide30 {opacity:0.3;}*/

.open .button-title  {position:absolute;width:100%;max-width:452px;top:0px;}

.open.full .button-title,.edit .button-title  {position:absolute;width:100%;max-width:452px;top:0px;}
.edit .button-title {z-index:1;opacity:1;border-color:#AAA;background-color: #CCC!important;}
.edit .button-title .feed-title { transform: translate(0%, 0%);left:50px;color:#000!important;background-color:#CCC!important;}
.edit .button-title .feed-title-text {opacity:0;}

.full .edit .button-title .feed-title { left:50%;transform: translate(-50%, 0%);}
/* left:50%;transform: translate(-50%, 0%); */
.line-button .content {
	/*border-top:1px solid #CCC; */
	background-color:#FFF;
}


.content {padding-top:51px;}
.full .content {padding-top:50px;}
.no-title .content {padding-top:0px;}

.tool-menu {z-index:100;margin-right:7px;float:right;}
.tool-edit {z-index:100;margin-left:7px;float:left;display:none;}

/* button2 */

.button2 {
    font-size: 19px;
    display: inline-block;
    border: 2px solid #DDD;
    border-radius: 6px;
    color:#AAA;
    overflow: hidden;
}

.button2 div {
	padding: 5px 15px;
}    

.button2 svg {
	margin:-2px 10px 0px 0px;
}


.button2 .text1 {display: inline-block;font-weight:bold;background-color: #ddd;color:#FFF;}
.button2 .text2 {display: inline-block;font-weight:bold; color:#000;}

.button2.order {border-color:#CC0000;}
.button2.order .text1 {background-color: #CC0000;}
.button2.save .text1 {background-color: #00A2E8;}
.button2.saveRed .text1 {background-color: red;}

.button2.save svg {fill:#FFF;}

.button2.save .button-text {color: #FFF;}
.button2.save {border-color: #00A2E8;background-color: #00A2E8;font-weight:bold;}


.button2.disabled, .button2.disabled .button-text {
	background-color:#CCC!important;
	color:#FFF!important;
	border-color:#CCC!important;
}

.button2-group {display:inline-block;}


/* button2 / qty */
.qty {
    font-size: 19px;
    margin:5px 4px;
    text-align:center;
    display: inline-block;
    border: 2px solid transparent;
    background-color:#CC0000;
    color:#FFF;
    overflow: hidden;
	padding: 3px 2px;
	font-weight: bold;
	border-radius:50%;
	height:35px;
	width:35px;
}

.zero-order .qty {opacity:0;}
.zero-order .minus-qty {opacity:0;}



.qty-badge {
	font-weight: bold;
    text-align: center;
    border-radius: 50%;
    background-color: #CC0000;
    color: #FFF;
    font-size: 15px;
    padding: 2px;
    width: 25px;
    height: 25px;
}

.qty-badge:empty { background-color: #EEE;}




.open .open-grey {background-color: #CCC;color:#000;}

.svg-small {border-color:#FFF;}

.profil-icon {position:relative;border-radius:50%;width:120px;height:120px;border:2px solid #FFF;}
.profil-badge {border-radius:50%;position:absolute;bottom:0px;right:0px;width:32px;height:32px;background-color: #EEE;}


.profil-badge svg {width:100%;height:100%;}

.profil-icon-frame svg {fill:#666;}

.form-buttons {padding:10px 2px;}

svg {
    overflow: hidden;
    vertical-align: middle;
}

/* GESTION DES BOUTONS EN EDITION */

.mode-sort #add-button .line-button {background-color:#DDD;}
.mode-sort #add-button .svg-sortdown {background-color:#00A2E8;}
.mode-sort #add-button .svg-sortdown svg {fill:#FFF;}
#add-button .svg-sortdown {border-color:#888;}
.mode-open #add-button .svg-sortdown {display:none;}

.btn-red100 {width:100%;text-align:left;margin-bottom:5px;}
.btn-red100 svg {fill:red;}
.btn-red100 .text {margin-left:5px;}

.btn-blue100 {width:100%;text-align:left;margin-bottom:5px;}
.btn-blue100 svg {fill:#00A2E8;}
.btn-blue100 .text {margin-left:5px;}

.btn.disabled {color:#888;opacity: 0.6}
.btn.disabled svg {fill:#888!important;}

.title-button {position:absolute;left:10px;top:5px;}

.btn-tab {width:100%;border-color:#FFF;color:#888;background-color:#FFF;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.btn-tab.selected {font-weight:bold;background-color: darkOrange;color:#FFF;border-color:darkOrange}
.tab-box {border-bottom:5px solid darkOrange;margin:0px -10px 10px -10px;padding:0px 10px;}

.tab-red.tab-box {border-color:#CC0000;} 
.tab-red .btn-tab.selected {background-color: #CC0000;border-color:#CC0000} 

.tab-blue.tab-box {border-color:#00A2E8;} 
.tab-blue .btn-tab.selected {background-color: #00A2E8;border-color:#00A2E8} 

.tab-table {width:100%;}
.tab-table td {text-align:center;}

.pane2 {display:none;}
.pane3 {display:none;}

.svg-grey svg {fill:#AAA!important;}
.svg-dgrey svg {fill:#888;}
.svg-lgrey svg {fill:#CCC;}
.svg-no-text svg {margin-right:0px}

.svg-grey-important svg {fill:#AAA!important;}

.svg-icon.svg-small {height:15px!important;width:15px!important;padding:0px!important;}

@media(hover: hover) and (pointer: fine) {
.line-button:not(.open):hover {
	border-color:red;
	opacity:1;
}	
	.btnSquare:hover {opacity: 1;cursor: pointer;}
	.btnSquare:hover .title {color: darkOrange;}

	.btn.disabled:hover {background-color:#EEE!important;border-color:#CCC;}
	.tab-red .btn-tab:hover {color:#CC0000!important;border-color:#CC0000;}
	.tab-blue .btn:hover {color:#00A2E8!important;border-color:#00A2E8;}

	.svg-button:hover {opacity:1;cursor:pointer;background-color: #EEE;border-color:darkOrange;}
	.svg-button:hover svg {fill:darkOrange!important;}

	.svg-square:hover {
		cursor:pointer;
		opacity:1!important;
	}

	.button:hover {cursor:pointer;background-color:darkOrange;border-color:red;}

	.svg-square:hover svg {fill:#000;}

	.button2-group:hover .button2,.button2:hover {color:darkOrange;border-color:darkOrange;background-color:#DDD}
	.button2-group:hover .button2 div, .button2:hover div {color:darkOrange;}

	.button2:hover {cursor:pointer;}
	.button2.disabled:hover {background-color:#CCC;color:#FFF;border-color:#CCC!important;}

	.button2-group:hover .button2,.button2:hover {border-color:darkOrange;}
	.button2-group:hover .button2 .text1, .button2:hover .text1 {background-color: darkOrange;color:#FFF;}

	.button2-group:hover .qty {color:darkOrange;}

	.user-icon:hover {border-color:red;cursor: pointer;}
	.profil-icon:hover {border-color:red;opacity:0.7;cursor:pointer;}
	.profil-icon-frame:hover svg {fill:#CC0000;}

	.btn-hover:hover {color:darkOrange!important;cursor:pointer;}
	.btn-hover:hover svg {fill:darkOrange;}
	.btn-hover:hover span{color:darkOrange!important;}

	.button-sl:hover svg {fill:darkOrange;cursor:pointer;}
	.btn-facebook:hover {opacity:0.8;background-color:#3a559f!important;}
	.btn-google:hover {background-color:#EEE!important;color:#000!important;}
	.btn-apple:hover {background-color:#EEE!important;color:#000!important;}
	.btn-create:hover {background-color:#EEE!important;color:#000!important;}

	.club:hover {background-color:darkOrange!important;color:#FFF!important;cursor: pointer;}
	.club.selected:hover {background-color:darkOrange!important;color:#FFF!important;}
	.tb:hover {color:darkOrange;cursor:pointer;}
	.tb:hover svg {fill:darkOrange;}
	.hover:hover .btn-hover svg {fill: darkOrange}
	.hover:hover .btn-hover  {color: darkOrange}

} 
.btn-hover {position:relative;}
.btn-icon {padding:15px 45px 4px 45px;text-align:center;border-top:1px solid #888;}
.toogle2 {display:none;}


.svg-18 svg {width:18px!important;height:18px!important;}

.svg-icon {display:inline-block;}

.svg-big.svg-button {padding:0px!important;border-color:#FFF;}
.svg-big.svg-button svg {height:36px!important;width:36px!important;fill:#888;}


.pict-image {
	padding-left :27px;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: top 2px left 0px;
}

.pict-booking {
	background-image:url('/l/std-img/if_booking_b_64.png');
}

.pict-phone {
	background-image:url('/l/std-img/phone2.png');
}

.pict-instagram {
	background-image:url('/l/std-img/if_instagram_b_32.png');
}

.pict-whatsapp {
	background-image:url('/l/std-img/if_whatsapp_b_32.png');
}

.pict-facebook {
	background-image:url('/l/std-img/if_facebook_b_32.png');
}

.pict-tripadvisor {
	background-image:url('/l/std-img/if_tripadvisor_b_64.png?n=1');
}	
.pict-gift {
	background-image:url('/images/agagner.png?n=1');
}	

.pict-location {
	background-image:url('/l/std-img/location.png?n=1');
}	
.pict-mail {
	background-image:url('/l/std-img/at.png?n=1');
	color:#00A2E8;
}	
.pict-web {
	background-image:url('/l/std-img/if_web_b_64.png?n=1');
	color:#00A2E8;
}
.pict-like {
	background-image:url('/l/std-img/like.png?n=1');
	color:#00A2E8;
}

.btn-bold {font-weight:bold;}

/* FACEBOOK & GOOGLE */

.btn-create,.btn-facebook,.btn-google,.btn-apple {text-align:left;background-repeat: no-repeat;background-position: 12px 8px;background-size: 20px;min-width: 220px}

.btn-facebook {color:#FFF!important;padding-left:45px;background-image:url("../std-img/facebook2.png");background-color:#3a559f!important;}
.btn-google   {color:#AAA!important;padding-left:45px;background-image:url("../std-img/google.png");}
.btn-create   {color:#AAA!important;padding-left:45px;background-image:url("../std-img/plus.png");}
.btn-apple   {color:#AAA!important;padding-left:45px;background-image:url("../std-img/apple.png");}

.club {padding:5px 8px;border-radius:6px;font-weight:bold;font-size:15px;}
.club.selected {background-color:#000;color:#FFF;}

.inputRed {background-color: red!important;border-color:red!important;}
.inputBlue {background-color: #00A2E8!important;border-color:#00A2E8!important;}

.tb {text-align:center;color:#888;font-size:12px;display:inline-block;width:25%;}
.tb .svg-icon {margin-bottom: 2px;}
.tb-right {float:right;}
.tb-left {float:right;}

.tb.selected svg {fill:#E30613;}
.tb.selected .text {color:#E30613;}

.user-icon {width:32px;height:32px;border-radius: 50%;}
.svg-big.user-icon {width:40px;height:40px;}

.user-icon-post {width:36px;height:36px;border-radius: 50%;border:2px solid #FFF;}

.icon-search 
{
	background-image:url('/l/std-img/search.png?n=1');
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: top 5px right 5px;
}

.tool-button1 {
	position:absolute!important;
	top:5px;
	right:10px;
}

.tool-button2 {
	position:absolute!important;
	top:5px;
	right:60px;
}

.btn-search.selected {
	background-color: #AAA;
	border-color: #AAA;
	color: #FFF;
}

.btn-search.selected svg {
	fill: #FFF;
}

.btn-address.selected {
	background-color: red;
	border-color: red;
	color: #FFF;	
}

.btn-address.selected svg {
	fill: #FFF;
}

.btn-promo.selected {
  background-color:#ffc90e;
  border-color: #ffc90e;
}

.btn-promo.selected svg {
	fill: red;
}

.svg-absolute {
	position: relative;
	position:relative;
	height: 16px;
	width: 16px;
	display: inline-block;
}

.svg-absolute svg {position: absolute;top: 0px;left: -2px;}

/*
.svg-right svg {margin:-2px -2px 0px 4px!important}
.svg-right {padding-left: 8px!important;text-align: right;}
*/

.btn-toolbar {
	font-size:12px;display:inline-block;text-align:center;
}

.btn-toolbar.selected svg {fill: #CC0000;}
.btn-toolbar.selected {color: #CC0000;font-weight: bold;}

/* .btnSquare */
.btnSquare {display:inline-block;text-align:center;opacity: 0.5;}
.btnSquare .title {padding:0px 0px;}


.btnSquare .svg-icon {width: 35px;height: 35px;margin-top: 5px;margin-bottom: 2px;}
.btnSquare svg {width: 35px!important;height: 35px!important;}
.btnSquare {width: 80px;height: 75px;margin-bottom: 30px;} 

.btnSquare.selected {opacity: 1;}
.btnSquare.selected .title {color: red}

.mode-mobile .btnSquare {
	width: 90px;height: 70px;margin-bottom: 10px;border-radius: 0px!important;
}
.mode-mobile .btnSquare svg {
	width: 30px!important;height: 30px!important;
}
.mode-mobile .btnSquare .svg-icon {
	width: 35px;height:35px;
}


@media (max-width: 700px) {
.btnSquare {
	width: 90px;height: 70px;margin-bottom: 10px;border-radius: 0px!important;
}
.btnSquare svg {
	width: 30px!important;height: 30px!important;
}
.btnSquare .svg-icon {
	width: 35px;height:35px;
}
}
/* BUTTON WINDOW */
.digi-button1 {
    position:absolute;
    left:5px;
    top:5px;
    border-radius:20px;
    z-index:10;
}

.digi-button10 {
    position:absolute;
    left:50%;
    transform: translate(-50%,0);
    bottom:15px;
    border-radius:20px;
    z-index:10;    
}
/*     z-index:2000; */

.digi-button3 {
    position:absolute;
    right:5px;
    top:5px;
    border-radius:20px;
    z-index:10;
}

.digi-button4 {
    position:absolute;
    right:51px;
    top:5px;
    border-radius:20px;
    z-index:10;
}

.digi-button5 {
    position:absolute;
    right:97px;
    top:5px;
    border-radius:20px;
    z-index:10;
}

.digi-button6 {
    position:absolute;
    right:143px;
    top:5px;
    border-radius:20px;
    z-index:10;
}
/*
.digi-button6 {
    position:absolute;
    right:146px;
    top:8px;
    border-radius:20px;
    z-index:10;
}
*/
.digi-button7 {
    position:absolute;
    right:189px;
    top:5px;
    border-radius:20px;
    z-index:10;
}

.digi-button8 {
    position:absolute;
    right:235px;
    top:5px;
    border-radius:20px;
    z-index:10;
}

.digi-button-pict {
    position:absolute;
    right:5px;
    top:51px;
    border-radius:20px;
    z-index:10;
}


/*
.digi-search {
    position:absolute;
    right:54px;
    top:8px;
    border-radius:20px;
    width:auto;
    left : calc(100% - 94px);
}
*/
.digi-button2 {
    position:absolute;
    right:54px;
    top:8px;
    z-index:10;
}
/*
.doSearch .digi-chat {display: none;}
*/

.btn-noframe {border: 1px solid #FFF;}
.btn-smalltext {font-size: 14px;height: 42px;}
.btn-smalltext div {padding: 10px 8px}
.float-right {float: right;}
.btn-bold {font-weight: bold;}
.btn-block {display: block}
.btn-notext .svg-icon {margin: 0px;}

.btn-cblue {color: #00A2E8;border: 1.5px solid #AAA;background-color: #EEE;}
.btn-cblue svg {fill: #333;width: 15px!important;height: 15px!important}
.btn-cblue {padding: 7px 16px}
.btn-noborder {border: 0px solid #FFF;color:#AAA;}
.btn-noborder svg {fill: #AAA}
.btn-noborder.selected {background-color: #EEE;color: #00A2E8}
.btn-noborder.selected svg {fill: #00A2E8}

.window-bottom-box .btnSquare.selected .title {color: #00A2E8}
.window-bottom-box .btnSquare.selected svg {fill: #00A2E8}

.btn-compressed {padding: 8px;}

.btn-big {
    font-size:20px;
    font-weight:bold;  
    padding:10px 20px;
}

.btn-small {
    padding: 7px 8px 5px 6px;
    font-size:12px;
    height:34px;
}

.btn-small.btn-notext {
    padding: 7px 4px 6px 7px;    
}

.btn-small svg {
    margin: -2px 4px 0px 0px!important;
}

.btn-medium {
    padding: 8px 8px 5px 6px;
    font-size:14px;
    height:36px;
}

.btn-medium svg {
    margin: -2px 4px 0px 0px!important;
}

.btn-cblue {color: #00A2E8;background-color: #FFF;}
.btn-cblue svg {fill: #00A2E8}

.btn-noborder {border-width:0px;}

.feed-top-feed .feed-title {font-size: 32px!important;padding: 0px 5px 0px 0px}

.btn-text {padding-left: 8px;padding-right: 8px;}