﻿[type="submit"] { border: none !important; }
/*Regola Pulsanti*/
/**/
/*Background Color*/
.ButtonRule.Background-Color-01 { background-color: #f26531; transition: .5s ease-in-out;}
.ButtonRule.Background-Color-02 { background-color: #c4c4c4; transition: .5s ease-in-out; }
.ButtonRule:hover.Background-Color-01:hover { background-color: #b54c25; color: #fff; }
.ButtonRule:hover.Background-Color-02:hover { background-color: #b54c25; color: #fff; }



/**/
/*display*/
.ButtonRule.Display-Block { display: block; box-sizing: border-box; }
.ButtonRule.Display-Inline-Block { display: inline-block; }
/**/
/*position*/
.ButtonRule.Position-Absolute { position: absolute; }
.ButtonRule.Position-Relative { position: relative; }
.ButtonRule.Position-Relative-center { position: relative; margin: 0 auto !important; }
/**/
/*position-absolute-rules*/
.ButtonRule.Position-Absolute.Positioning-Bottom-Right { bottom: 10px; right: 10px; }
	.ButtonRule.Position-Absolute.Positioning-Bottom-Right.Other-Button { bottom: 40px; right: 10px; }
.ButtonRule.Position-Absolute.Positioning-Bottom-Left { bottom: 10px; left: 10px; }
/**/
/*border-radius*/
.ButtonRule.BorderRadius-0 { border-radius: 0; }
.ButtonRule.BorderRadius-5 { border-radius: 0px; }
/**/
/*width*/
.ButtonRule.Width-40percent { width: 40%; margin: 10px 5px; }
.ButtonRule.Width-100percent { width: 100%; margin: 10px 5px; }
.ButtonRule.Width-140 { width: 140px; padding: 0 8px; }
.ButtonRule.Width-180 { width: 180px; padding: 0 8px; }
.ButtonRule.Width-auto { width: auto; padding: 0 16px; }
	.ButtonRule.Width-auto.With-Icon-Right { width: auto; padding: 0 32px 0 16px; }
	.ButtonRule.Width-auto.With-Icon-Left { width: auto; padding: 0 16px 0 32px; }
	/**/
	.ButtonRule.Width-auto.With-Icon-Right .Icon { position: absolute; right: 0; top: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: 10px auto; width: 25px; }
	.ButtonRule.Width-auto.With-Icon-Left .Icon { position: absolute; left: 0; top: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: 10px auto; width: 25px; }
	/*icone*/
	.ButtonRule.Width-auto .Icon.play { background-image: url('/img/icons-SVG/play.svg?v=1.0'); }
/**/
/*z-index*/
.ButtonRule.ZIndex-5 { z-index: 5; }
/**/
/*height*/
.ButtonRule.Height-24 { height: 24px; }
.ButtonRule.Height-40 { height: 40px; line-height: 40px; }
/**/
/*line-height*/
.ButtonRule.Line-Height-24 { line-height: 24px; }
/**/
/*opacity*/
.ButtonRule.Opacity-08 { opacity: 0.8; }
	.ButtonRule.Opacity-08:hover { opacity: 1; }
/**/
/*Animazione*/
.Animation-01:hover { animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease; animation-iteration-count: infinite; animation-name: bouncebutton; image-rendering: optimizeQuality; }
.Animation-01 .Icon { animation-duration: 3s; animation-fill-mode: both; animation-timing-function: ease; animation-iteration-count: infinite; animation-name: flashicon; }
/**/
.ButtonRule.active { background-color: #989898 !important; }
/**/
.ButtonRule.Button-Style-01 { display: block; position: relative; padding: 0 5px; margin: 10px auto; cursor: pointer; color: #fff; }
.ButtonRule.Button-Style-02 { display: block; position: relative; padding: 0 5px; margin: 10px auto; cursor: pointer; color: #fff; text-align:center;}
	.ButtonRule.Button-Style-01:hover { background-color: #989898; color: #666; }
	.ButtonRule.Button-Style-02:hover { background-color: #989898; color: #666; text-align: center; }
/**/
.ext-div-rule { display: block; }

@keyframes bouncebutton {
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
	40% { transform: translateY(-2px); }
	60% { transform: translateY(-1px); }
}

@keyframes flashicon {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0; }
}
/**/
