/*
Copyright (C)  TicketGang 2007-2010. All rigths Reserved.
*/
.TGBody {margin: 0px; font-family: arial; font-size: 16px; line-height: 18px;}

.TGPageContainer {}
.TGPageHeader {height:80px; margin:0;}
.TGPageContent {margin-left:150px;}
.TGPageNavigation {float:left; width:150px; margin-left:-100%;}
.TGPageExtra {clear:left; width:100%;}
.TGPageFooter {margin:0; text-align:center; background-color: brown; color: white; font-size: 10px;}

.TGImageLink {margin: 0px; padding: 0px; cursor: pointer;}

.TGHead {display:block; background-color: #ECE9D8; color: white; height:87px; top:0px; left:0px; margin:0px; overflow:hidden; position:absolute; width:100%; z-index:5;}
.TGLeft {position:absolute; background-color: white; bottom:20px; left:0px; overflow:auto; top:87px; width:150px; z-index:4;}
.TGRight {display:inline-block; position:absolute; background: white none repeat scroll 0%; top:87px; left:150px; right:0px; bottom:20px; overflow: auto; z-index:3;}
.TGFoot {text-align: center; font-size: 12px; background-color: #60544E; color:white; height:20px; margin:0px;}

.TGModuleMenuContainer {}
.TGModuleMenuItem {float:left; padding: 15px; margin: 10px; font-size: 15px; color: white; background-color: #868686; text-align: center; cursor: pointer;}
.TGModuleMenuItem:hover {text-decoration: underline}
.TGModuleMenuItemSel {float:left; padding: 15px; margin: 10px; font-size: 15px; color: white; background-color:#DE301E; text-align: center; cursor: pointer;}
.TGModuleMenuItemSel:hover {text-decoration: underline}
.TGModuleContent {clear: both;}

.TGTabMenu{padding: 0; margin:0; list-style:none; height:35px; position:relative; font-size:11px; background-color:#60544E;}
.TGTabMenu li {float:left; height:35px; margin-right: 0px;}
.TGTabMenu li a {display:block; float:left; height:35px; line-height:33px; color: white; background-color: #60544E; text-decoration: none; font-family:arial, arial, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer;}
.TGTabMenu li a b {float:left; display:block; padding:0 16px 2px 12px; background-color: #60544E;}
.TGTabMenu li.current a {color: #60544E; background-color: #ECE9D8; border-bottom: none; text-decoration: none;}
.TGTabMenu li.current a:active, a:focus { outline: 0}
.TGTabMenu li.current a b {background-color: #ECE9D8;}
.TGTabMenu li a:hover {color: white; background-color: #968C8C;}
.TGTabMenu li a:hover b {background-color: #968C8C;}
.TGTabMenu li.current a:hover {color:#000; background-color: #ECE9D8; cursor:default;}
.TGTabMenu li.current a:hover b {background-color: #ECE9D8;}
.TGTabTitle {margin: 0px; padding: 5px; background-color: #D47515; border: none; color: white; text-align: center;}
.TGTabContent {clear: both; background-color: #ECE9D8; padding: 2px;}
/*------------------------------*/

.TGTable {border-collapse: collapse; background: white; width: 100%; font-size: 12px; border: 1px solid white;}
.TGTableTitle {background-color: #60544E; border: none; color: white; text-align: center;}
.TGTableColHeader {cursor: pointer;	background-color: #D47515; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableRowOdd {cursor: pointer;	 background-color: white;}
.TGTableRowOdd:hover {background-color: #F3F3F3;}
.TGTableRowEven {cursor: pointer; background-color: #ECE9D8;}
.TGTableRowEven:hover {background-color: #F3F3F3;}
.TGTableRowSelected{cursor: pointer; background-color:#FABA3E; color:#FFF;}
.TGTableRowSelected:hover {background-color:#F7911D;}

.TGTablePagingContainer {font-size: 12px;}
.TGTablePaging {padding-left: 3px; padding-right: 3px; text-decoration: underline; cursor: pointer;}
.TGTablePaging:hover {color: orange;}

.TGCalendar {background-color:#FFFFFF; border:1px solid #003366; width:175px;}
.TGCalendarMonthName {color: #252216; font-size:13px; font-weight:bold;}
.TGCalendarMonthName td {text-align: center;}
.TGCalendarDayNames {color: #433D27; font-family: arial; font-size:10px;font-weight:bold;}
.TGCalendarDayNames td {background-color: #F5F4D3; line-height: 11pt; text-align: center; vertical-align: middle;}
.TGCalendarWeek {color:#433D27; font-family: font-size:10px; line-height:15pt; text-align: center; vertical-align: middle;}

.TGVFilterContainer {float: left; margin-top: 5px; margin-left: 2px; margin-right: 2px; font-size: 12px;}

.TGVisitorEventTable {font-family: verdana; font-size:12px; text-align: justify; border-collapse: collapse;}
.TGVisitorEventSummaryTable {font-family: arial; font-size:12px; background-color: #66696D; color: white; width: 100%;}
.TGVisitorEventTableRowEven {cursor: pointer; background-color: white;}
.TGVisitorEventTableRowEven:hover {background-color: #FFFFDA;}
.TGVisitorEventTableRowOdd {cursor: pointer;	 background-color: white;}
.TGVisitorEventTableRowOdd:hover {background-color: #FFFFDA;}

.TGAmountCol {text-align: right;}
.TGNumberCol {text-align: right;}
.TGDateCol {text-align: center;}
.TGTimeCol {text-align: center;}
.TGPastDateCol { background-color: brown; color: white;}

.TGTableColSaleNumber {width: 120px; background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableColSaleTariff {background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableColSaleUPrice {width: 120px; background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableColSaleRCost {width: 150px; background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}
.TGTableColSalePrice {width: 120px; background-color: #91A7B4; color: white; text-align: center; border-left: 1px solid white; border-right: 1px solid white; white-space: nowrap;}

.TGStatusInComplete {background-color: red; color: white;}
/*--------------------------------*/

.TGSectionMap { background-color: #ECE9D8;}
.TGSectionMapLegendTitle { padding-left: 5px; padding-right: 5px; background-color: #D47515; color: white; }
.TGSectionMapLegendR { padding-left: 5px; padding-right: 5px; background-color: red; color: white; }
.TGSectionMapLegendP { padding-left: 5px; padding-right: 5px; background-color: #2397D2; color: white; }
.TGSectionMapLegendS { padding-left: 5px; padding-right: 5px; background-color: #FFB100; color: white; }
.TGSectionMapLegendF { padding-left: 5px; padding-right: 5px; background-color: #00FF00; color: white; }
.TGSectionMapRowContainer { clear: both; }
.TGSectionMapRowTitle { float: left; width: 100px; font-size: 12px; text-align: right;}
.TGSectionMapSeatContainer { float: left}

.TGContent {	font-family: arial; font-size: 12px; background: #FFFFFF url(../images/grad_dark_50_dwn.png) repeat-x scroll 0 0px;}
.TGForm { padding: 10px; background-color: #ECE9D8}
.TGFormContainer {margin: 0px;}
.TGBackLink {font-size: 12px; padding-left: 25px; padding-right: 10px; background-repeat: no-repeat; background-position: 5px; background-image: url(../images/tg-back-16.png); }
.TGForwardLink {font-size: 12px; padding-left: 10px; padding-right: 25px; background-repeat: no-repeat; background-position: right; background-image: url(../images/tg-forward-16.png); }

.TGFlow { 
	margin: 0px; 
	padding: 0px; 
	height: 48px; 
}

.TGFlowText {float: left; padding:5px; font-size: 18px; text-align:center; 	color: #544843; }

.TGLogout {padding-left: 2px; padding-top: 2px; font-family: arial; font-size: 12px; font-weight: bold;}
.TGLogout:hover {cursor: pointer;}

.TGPaymentMethods {margin-top: 20px; width: 220px; height: 40px; float: right;}

/*  Calendar based on code from Bernard Peh ()bpeh@sitecritic.net)  */

.calendar {
	/** configure the width **/
	width:220px;
	background-color: grey;
	border: 1px solid #000000;
	font-family: arial;
	font-size: 12px;
	margin:0px;
	padding:0px;
	text-align:center;
}
.calendar th {
	background-color: #FFFFCC;
	font-weight: bold;
	height: 20px;
}
.calendar .header {
	background-color: #B4B4B4;
	font-weight: bold;
	height: 24px;
	color: #FFFFFF;
}
.calendar .footer {
	background-color: #B4B4B4;
	font-weight: bold;
	font-size:0.8em;
	color: #FFFFFF;
	width:100%;
}
.calendar td {
	width: 22px;
	height: 20px;
	text-align: center;
	font-size:0.9em;
	padding: 2px;
}
.calendar .today {
	width: 18px;
	height: 16px;
	background-color: #FAD2DA;
	padding: 2px;
	border: 1px solid #000000;
}
.calendar .link {
	width: 18px;
	height: 16px;
	background-color: #D4C9EF;
	padding: 2px;
	border: 1px solid #000000;
}
.calendar a, .calendar a:link, .calendar a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;

}
.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
	background-color: #B4B4B4;
	color: #ffffff;
}
.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
	width: 100%;
	background-color: #B4B4B4;
	color: #ffffff;
}
/* -------------------------------------------------------------*/
.TGHelpContent {
	font-family: arial;
	font-size:small;
}
.TGhelpText{
	margin: 0px;
	padding: 5px;
	/*border:1px solid white; */
	color: grey;
	line-height: 16px;
	text-align: justify;
	background-color: #FAEBD7;
	font-family: arial;
	font-size: small;
	font-weight:normal;
	min-height: 40px;
}
.TGHelpHide {
	float: right;
	margin-left:5px;	
	padding-left: 10px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: 5px;
	background-image: url(../images/tg-close-16.png);
	background-position: right;
	border-top: 1px solid white;
	border-right: 1px solid white;
	color: white;
}
.TGHelpShow {
	display: none;
	font-family: arial;
	font-size: 12px;	
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 20px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: 5px;
	background-image: url(../images/tg-question-16.png);
	background-position: right;
}
/* Event status rendering */

.TGEvtStatusInComplete{background-color: red; color: white; text-align: center}
.TGEvtStatusInActive{background-color: #8BBD8B; color: white; text-align: center}
.TGEvtStatusActive{background-color: #D3DAED; color: red; text-align: center}
.TGEvtStatusPast{background-color: brown; color: white; text-align: center}
.TGEvtStatusSoldOut{background-color: orange; color: white; text-align: center}
.TGEvtStatusReserve{height: 18px; border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid black; border-bottom: 1px solid black; background-color: #FAD062; color: white; text-align: center}

/* */
.TGReserve {display: block; text-decoration: underline; background-repeat: no-repeat;background-position: 5px;padding-left: 25px; margin: 5px; color: #778087;}
.TGReserve:hover {background-color: #F7911D; color: #FFFFFF; cursor: pointer;}

.titleSelected {
	color:#FABA3E;
}

.TGDetailLabel {
	width: 100px;
	text-align: right;
	font-family:arial;
	font-size:12px;
	font-weight:600;
}
.TGDetailContent {
	text-align: left;
	font-family:arial;
	font-size:12px;
}
.TGformErrorText{
	padding: 5px;
	border:1px solid red;
	color: red;
	text-align: center;
	background-color: #FFFFA0;
	font-family: arial;
	font-size:12px;
	font-weight:normal;
}
.tableErrorText{
	padding: 5px;
	border:1px solid red;
	color: red;
	text-align: center;
	background-color: #FFFFA0;
	font-family: arial;
	font-size:12px;
	font-weight:normal;
}
.tableRowSelected{
  background-color:#FABA3E;
  color:#FFF;
}
.tableRowSelectedOver{
  background-color:#F7911D;
  color:#FFF;
  cursor: pointer;  
}
.tableRollOver{
  background-color:#F3F3F3;
  color: black;
  cursor: pointer;
} 
.formInputRequired{
	background-color: #FFFFA0;
}
.infoText {
	padding: 5px;
	text-align: justify;
	font-family: arial;
	font-size:12px;
	font-weight:normal;
}
.errorText {
	color: red;
	font-family: arial;
	font-size:xx-small;
	font-weight:normal;
}
.subtext {
	font-family: arial;
	font-size:xx-small;
	font-weight:normal;
}

.flowStep { width: 100%; height: 100%; font-family: arial; font-size: 20px; font-weight: 900; color: #FFFFFF; }

.faqT { display: block; text-decoration: none; font-family: arial; font-size: 12px; 	font-weight: 600; color: #778087; padding-left: 25px; padding-right: 5px; background-repeat: no-repeat; background-position: 5px;
	background-image: url(../images/tg-expand-16.png);
}
.faqT:hover {
	cursor: pointer;
	text-decoration: underline;
}

.faqTList {
	list-style: none;
	display: none;
}

.faqQ { display: block; text-decoration: none; font-family: arial; font-size: 11px; color: #1B8DCD; padding-left: 25px; padding-right: 10px; background-repeat: no-repeat;
	background-position: 5px;
	background-image: url(../images/tg-question-16.png);
}
.faqQ:hover {
	cursor: pointer;
	text-decoration: underline;
}

.faqA {
	text-align: justify;
	margin-bottom: 5px;
	padding-left: 25px;
	padding-right: 10px;
	font-family: arial;
	font-size: 11px;
	display: none;
}

/* Vertical align is only 100% OK on FF,  IE doesn't understand display: table-cell */
.centered {
	width: inherit;
	height: inherit;
	#position: relative;  
	#top: 20%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.seatNumber { width: inherit; height: 28px; 	#position: relative; #top: 20%; display: table-cell; vertical-align: middle; text-align: center; z-index: 1;}

/*
.seatBestFound { margin: 2px; width: 30px; height: 25px; float: left; background-color: #FF00FF; border:1px solid #000000; }
.seatReserved { color: white; width: 32px; height: 32px; background-repeat: no-repeat; background-image: url(../images/tg-seat-reserved-24.png); float: left; }
.seatSelected { 	color: #1B8DCD; width: 32px; height: 32px; background-repeat: no-repeat; background-image: url(../images/tg-seat-selected-32.png); float: left;}
.seatSelected:hover { cursor: pointer; }
.seatFree { 	color: white; width: 32px; height: 32px; background-repeat: no-repeat; 	background-image: url(../images/tg-seat-free-32.png); float: left;}
.seatFree:hover { cursor: pointer; }
.seatSold { 	color: white; width: 32px; height: 32px; background-repeat: no-repeat; background-image: url(../images/tg-seat-sold-32.png); float: left; }
.seatProposed { 	color: white; width: 32px; height: 32px; background-repeat: no-repeat; background-image: url(../images/tg-seat-proposed-32.png); float: left; }
.seatNotProposed { color: white; width: 32px; height: 32px; 	background-repeat: no-repeat; background-image: url(../images/tg-seat-not-proposed-32.png); float: left; }
*/

/* START  CHANGED for new roomplan KVC - 26-05-2014 */
.seatBestFound { margin: 2px; width: 22px; height: 17px; float: left; background-color: #FF00FF; border:1px solid #000000; }
.seatReserved { color: white; width: 24px; height: 24px; background-repeat: no-repeat; background-image: url(../images/tg-seat-reserved-24.png); float: left; }
.seatSelected { 	color: #1B8DCD; width: 24px; height: 24px; background-repeat: no-repeat; background-image: url(../images/tg-seat-selected-24.png); float: left;}
.seatSelected:hover { cursor: pointer; }
.seatFree { 	color: white; width: 24px; height: 24px; background-repeat: no-repeat; 	background-image: url(../images/tg-seat-free-24.png); float: left;}
.seatFree:hover { cursor: pointer; }
.seatSold { 	color: white; width: 24px; height: 24px; background-repeat: no-repeat; background-image: url(../images/tg-seat-sold-24.png); float: left; }
.seatProposed { 	color: white; width: 24px; height: 24px; background-repeat: no-repeat; background-image: url(../images/tg-seat-proposed-24.png); float: left; }
.seatNotProposed { color: white; width: 24px; height: 24px; 	background-repeat: no-repeat; background-image: url(../images/tg-seat-not-proposed-24.png); float: left; }
/* END CHANGED */

.TGTicketText {text-align: left; font-family: arial; font-size: 12px; color: yellow;}

/* Ticket Design */
.TGTicketContainer {position: relative; border: 1px solid black; width: 574px; height: 276px;}
.TGTicketImage {width: 574px; height: 276px}
.TGTicketTitle {position: absolute; left: 12px; top: 5px; color: black; font-family: arial; font-size: 18px}
.TGTicketArtist {position: absolute;}
.TGTicketAddress {position: absolute; left: 12px; top: 32px; width: 364px; height: 30px; color: black; text-align: center; font-family: arial; font-size: 12px;}
.TGTicketSeqNumber {position: absolute; left: 352px; top: 80px; font-family: arial; font-size: 12px;}
.TGTicketQRcode {position: absolute;}
.TGTicketBarcode {position: absolute; left: 338px; top: 95px;}
.TGTicketName {position: absolute; left: 10px; top: 80px; color: black; text-align: left; font-family: arial; font-size: 12px;}
.TGTicketTariff {position: absolute; left: 10px; top: 94px; color: black; text-align: left; font-family: arial; font-size: 12px;}
.TGTicketPrice {position: absolute; left: 10px; top: 108px; color: black; text-align: left; font-family: arial; font-size: 12px;}
.TGTicketSection {position: absolute; left: 10px; top: 122px; color: black; text-align: left; font-family: arial; font-size: 12px;}
.TGTicketRow {position: absolute; left: 10px; top: 136px; color: black; text-align: left; font-family: arial; font-size: 12px;}
.TGTicketSeat {position: absolute; left: 10px; top: 150px; color: black; text-align: left; font-family: arial; font-size: 12px;}
.TGTicketDate {position: absolute; left: 243px; top: 80px; color: black; text-align: left; font-family: arial; font-size: 12px;}
.TGTicketTime {position: absolute; left: 300px; top: 94px; color: black; text-align: left; font-family: arial; font-size: 12px;}
.TGTicketWarning {position: absolute; left: 342px; top: 210px; width: 210px; padding-left: 5px; padding-right: 5px; color: black; text-align: justify; font-size: 10px}
.TGTicketOrgText {position: absolute; left: 5px; top: 176px; width: 320px; height: 93px; border: 1px solid black; padding-left: 5px; padding-right: 5px; color: black; text-align: justify; font-size: 10px}

@media screen, print {	
	.header {
		height: 87px;
		background-color: #5F534E;
	}
	.footer {
		color: white;
		margin: 0;
		padding: .5em;
		clear: both;
		text-align:center; 
		font-family: arial; 
		font-size: 80%; 
		font-weight: 100; 
		background-color: #5F534E;
	}
}

a { color: #544843; }

td label {
	font-family: arial; 
	font-size: 12px; 
	font-weight: 400;
}

legend {
	color: #1B8DCD;
	font-family: arial; 
	font-size: 80%; 
	font-weight: 100;
}

.menu {margin-bottom: 2px; font-family: arial; font-size: 13px; font-weight: 600; line-height: 18px; background-color: #60544E;}
.menu:hover {border-color: #F3F3F3;}

.mitem {display: block; text-decoration: none; background-repeat: no-repeat;background-position: 5px;padding-left: 25px; margin: 0px; color: white;}
.mitem:hover {background-color: #F7911D; color: #FFFFFF; cursor: pointer;}

.TGMenuProcessing {display: block; text-decoration: none; background-repeat: no-repeat;background-position: 5px; background-image: url(../images/tg-loader-16.gif); padding-left: 25px; margin: 0px; color: white;}
.TGMenuProcessing:hover {background-color: #F7911D; color: #FFFFFF; cursor: pointer;}

.mitemSel {display: block; text-decoration: none; background-color: #D47515; color: white; background-repeat: no-repeat;background-position: 5px;padding-left: 25px; margin: 0px;}
.mitemSel:hover {background-color:#F7911D; color: #FFFFFF; cursor: pointer;}

.search {
	padding-left: 5px;
	margin-right: 5px;
	height: 30px;
}

.searchWithImage {
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: #FBFBFB;
	background-image: url(../images/tg-search.png);
	padding-left: 25px;
	margin-right: 5px;
	height: 30px;
}
.formLabel {
	font-family: arial; 
	font-size: 12px; 
	font-weight: 100;
}

.tgBold {
	font-weight: 900;
}

@media screen {
	.print {
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 5px;
		background-image: url(../images/tg-print-16.png);
		padding-left: 25px;
		margin-right: 5px;
		height: 30px;
	}
	.print:hover {
		text-decoration: underline;
	}	
}
@media print {
	.print {
		display: none;
	}
}

/* font for header and footer Ninove */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/dosis/v18/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/dosis/v18/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dosis/v18/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/dosis/v18/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/dosis/v18/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/dosis/v18/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/dosis/v18/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}