@font-face {
	font-family: 'Nunito-Bold';
	src: url('../assets/fonts/Nunito-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Nunito-Regular';
	src: url('../assets/fonts/Nunito-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Regular';
	src: url('../assets/fonts/Roboto-Regular.eot');
	src: url('../assets/fonts/Roboto-Regular.ttf') format('truetype'),
		url('../assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Roboto-Regular.woff') format('woff'),
		url('../assets/fonts/Roboto-Regular.woff2') format('woff2'),
		url('../assets/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('../assets/fonts/Roboto-Bold.eot');
	src: url('../assets/fonts/Roboto-Bold.ttf') format('truetype'),
		url('../assets/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Roboto-Bold.woff') format('woff'),
		url('../assets/fonts/Roboto-Bold.woff2') format('woff2'),
		url('../assets/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**FONTS **/
.fontNunitoBold{
	font-family: 'Nunito-Bold';
}
.fontBoldXSmall{
	font-family: 'Nunito-Bold';
	font-size: 1.3vh !important;
	font-weight: 100;
}
.fontBoldSmall{
	font-family: 'Nunito-Bold';
	font-size: 1.5vh !important;
	font-weight: 100;
}
.fontBoldSmallBottom{
	font-family: 'Nunito-Bold';
	font-size: 1.2vh !important;
	font-weight: 100;
}
.fontSmall{
	font-family: 'Nunito-Regular';
	font-size: 1.4vh !important;
}
.fontBold{
	font-family: 'Nunito-Bold';
	font-size: 2vmin;
	font-weight: 100;
}
.fontBoldKioskNoTouch{
	font-family: 'Nunito-Bold';
	font-size: 2vw;
	font-weight: 100;
	letter-spacing: normal;
	color: white;
}
.fontBoldTerminal{
	font-family: 'Nunito-Bold';
	text-transform: lowercase !important;
	font-size: 2.5vmin;
	font-weight: 100;
	color: white;
}

.fontBoldTerminal:first-line {
	text-transform: capitalize !important;
}
.fontBoldLarge{
	font-family: 'Nunito-Bold';
	font-size: 5vh;
}
.fontBoldLargePortrait{
	font-family: 'Nunito-Bold';
	font-size: 3.5vh;
}
.fontRegularTerminal{
	font-family: 'Nunito-Regular';
	font-size: 2.5vmin !important;
	color: white !important;
	margin-top: 3%;
	line-height: 2.7vh !important;
}
.fontBtnTerminal{
	font-family: 'Nunito-Bold';
	font-size: xx-small !important;
	color: white !important;
}
.fontKeyboard{
	font-family: 'Nunito-Bold';
	font-size: 1rem !important;
	font-weight: 100;
	color: white;		
}
.fontCancelKey{
	font-family: 'Nunito-Bold';
	font-size: 48% !important;
	color: white !important;
}
.fontBold-Small-Width{
	font-family: 'Nunito-Bold';
	font-size: 1rem;
	margin-top: 15px;
	color: white;
}
.fontBold-Width{
	font-family: 'Nunito-Bold';
	font-size: 1.7rem;
	font-weight: 100;
	margin-top: 15px;
	color: white;
}
.fontRegular-Width{
	font-family: 'Nunito-Regular';
	font-size: 1.6rem;
}
.fontBold-Large-Width{
	font-family: 'Nunito-Bold';
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
}
.break{
	white-space: pre-wrap !important;
}
/**END FONTS**/

/** COLORS **/
.gradientBlackBottom{
    background: #252525; /* Old browsers */
    background: -moz-linear-gradient(top,  #5b5b5b 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #5b5b5b 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #5b5b5b 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    border: 1px black;
}
.gradientBlackTop{
	background: rgb(14,14,14); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(14,14,14,1) 1%, rgba(91,91,91,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 1%,rgba(91,91,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(14,14,14,1) 1%,rgba(91,91,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#5b5b5b',GradientType=0 ); /* IE6-9 */
}
.gradientRed{
    background: #c53438; /* Old browsers */
    background: -moz-linear-gradient(left,  #c53438 0%, #b91055 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #c53438 0%,#b91055 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #c53438 0%,#b91055 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c53438', endColorstr='#b91055',GradientType=1 ); /* IE6-9 */
    border: 1px #c43338;
}
.gradientRed2{
    background: #d75057; /* Old browsers */
    background: -moz-linear-gradient(left,  #d75057 0%, #c9187f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #d75057 0%,#c9187f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #d75057 0%,#c9187f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d75057', endColorstr='#c9187f',GradientType=1 ); /* IE6-9 */
}
.gradientRed_titleFatal{
	background: rgb(197,46,61); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(197,46,61,1) 53%, rgba(163,4,71,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(197,46,61,1) 53%,rgba(163,4,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(197,46,61,1) 53%,rgba(163,4,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c52e3d', endColorstr='#a30447',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradientRed_messageFatal{
	background: rgb(189,36,30); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(189,36,30,1) 32%, rgba(164,5,69,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(189,36,30,1) 32%,rgba(164,5,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(189,36,30,1) 32%,rgba(164,5,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd241e', endColorstr='#a40545',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.colorBlack{
	color: black !important;
}
.colorPink{
	color: #C4336C !important;
}
.colorWhite{
	color: white !important;
}