@charset "UTF-8";
table.viewtable{
	width:100%;
	display:block;
	table-layout:fixed
}
table.viewtable th{
	background:#7abe5f;
	font-size:10pt;
	border-bottom:1px solid rgba(255,255,255,.7);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	padding:6px 10px
}
table.viewtable td{
	background:#eed33f;
	font-size:8pt;
	border-bottom:1px solid #fafafa;
	border-bottom:1px solid rgba(255,255,255,.5);
	padding:6px 10px;
	color:rgba(0,0,0,255)
}
table.viewtable th.complete{
	background:#17370b;
	color:rgba(255,255,255,0)
}
table.viewtable th.incomplete{
	background:#9c9224;
	color:rgba(0,0,0,255)
}
table.viewtable td.complete{
	background:#78bb5e;
	color:rgba(0,0,0,255)
}
table.viewtable td.incomplete{
	background:#eed33f;
	color:rgba(0,0,0,255)
}
table.viewtable tr:last-child td{
	border-bottom:0
}
table.viewtable tr:hover td{
	background-color:#faf
}
table.receipttable td{
	border:solid black 0;
	padding:3px;
	text-align:left;
	vertical-align:bottom
}
table.receipttable td.price{
	border:solid black 0;
	padding:3px;
	text-align:right;
	vertical-align:bottom
}
table.receipttable td.restinfo{
	text-align:center;
	vertical-align:bottom
}
table.receipttable td.declaration{
	font-weight:bold;
	text-align:right
}
table.gridtable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border-width:3px;
	border-color:#666;
	border-collapse:collapse;
	width:100%
}
table.gridtable th{
	border-width:4px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#dedede;
	font-weight:bold;
	text-align:center
}
table.gridtable td{
	border-width:2px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#fff;
	text-align:center
}
table.gridtable td.rowname{
	font-weight:bold;
	text-align:left
}
table.gridtable td:hover{
	background-color:#faf
}
table.gridtable td.rowname:hover{
	background-color:#fff
}
table.linetable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border-width:2px;
	border-color:#666;
	border-collapse:collapse;
	width:100%
}
table.linetable th{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#dedede;
	font-weight:bold
}
table.linetable td{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	text-align:center
}
table.linetable tr{
	background:#fff
}
table.linetable tr:hover{
	background-color:#faf
}
table.reporttable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border:solid black 2px;
	border-color:#666;
	border-collapse:collapse;
	width:100%;
	border-spacing:10px
}
table.reporttable th{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#dedede;
	font-weight:bold
}
table.reporttable td{
	border:solid black 0;
	padding:8px;
	text-align:left;
	vertical-align:top
}
table.reporttable tr{
	background:#d6f8be
}
table.reporttable tr:hover{
	background-color:#faf
}
table.groundplan{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border:solid black 2px;
	border-color:#666;
	border-collapse:collapse;
	width:100%;
	border-spacing:5px
}
table.groundplan th{
	border-width:1px;
	padding:4px;
	border-style:solid;
	border-color:#666;
	background-color:#dedede;
	font-weight:bold
}
table.groundplan td{
	border:solid black 0;
	padding:4px;
	text-align:left;
	vertical-align:middle
}
table.groundplan tr{
	background:#d6f8be
}
table.groundplan tr:hover{
	background-color:#faf
}
table.commandtable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border-width:1px;
	border-color:#666;
	border-collapse:collapse;
	width:100%
}
table.commandtable th{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#e4d662;
	font-weight:bold
}
table.commandtable td{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#fff;
	font-weight:bold
}
table.navitable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border-width:1px;
	border-color:#666;
	border-collapse:collapse;
	width:100%
}
table.navitable th{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#d09696;
	font-weight:bold
}
table.navitable td{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#c08f8f
}
table.infotable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border-width:1px;
	border-color:#666;
	border-collapse:collapse;
	width:100%
}
table.infotable th{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#c3c3ff;
	font-weight:bold
}
table.infotable th.heading{
	background-color:#e3a3ff
}
table.infotable td{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#c3c3ff
}
table.infotable td.relevantdata{
	background-color:#a3a3ff;
	font-weight:bold
}
table.billtable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#000;
	border:solid black 2px;
	border-color:#000;
	border-collapse:collapse;
	width:100%;
	border-spacing:10px
}
table.billtable th{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#c3c3ff;
	font-weight:bold;
	text-align:left
}
table.billtable #pricecolheader{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#c3c3ff;
	font-weight:bold;
	text-align:right
}
table.billtable td{
	border:solid black 0;
	padding:8px;
	background-color:#fff;
	text-align:left
}
table.billtable #pricecol{
	border:solid black 0;
	padding:8px;
	background-color:#fff;
	text-align:right
}
table.billtable #totalprice{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:#c3c3ff;
	font-weight:bold;
	text-align:center
}
table.billtable .changedfield{
	background-color:#f1948a !important
}
table.billtable .newfield{
	border:1px solid green;
	border-radius:4px
}
.grid_right{
	text-align:right;
	font-style:italic
}
.userinfo{
	font-style:italic
}
.counting{
	position:absolute;
	top:0;
	bottom:0;
	right:90px;
	width:80px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.counting:hover{
	background-color:#0f0
}
.goup{
	position:absolute;
	top:5px;
	bottom:0;
	right:90px;
	border:0;
	background-color:#f6f6f6 !important
}
.osroom-1{
	height:40px !important
}
.osroom-2{
	height:70px !important
}
.ostable-1{
	height:40px !important
}
.ostable-2{
	height:70px !important
}
.osprod-1{
	height:40px !important
}
.osprod-2{
	height:70px !important
}
.osbigbtn.ui-btn{
	height:40px !important;
	text-align:center;
	line-height:30px
}
table.prodtable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border-width:1px;
	border-color:#666;
	border-collapse:collapse;
	width:70%
}
table.prodtable th{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:OrangeRed;
	font-weight:bold
}
table.prodtable .prodtype td{
	background-color:DarkGreen
}
table.prodtable tr>td:first-child{
	text-align:left
}
table.prodtable td{
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#666;
	background-color:LimeGreen;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
	max-width:50%;
	word-break:break-all
}
table.prodtable input{
	line-height:30px;
	background-color:PaleGreen;
	font-weight:bold
}
table.prodtable select{
	background-color:PaleGreen;
	font-weight:bold;
	width:100%
}
table.prodtable option.yes{
	background-color:green
}
table.prodtable option.no{
	background-color:red
}
table.prodtable .prodpriceA{
	width:50px;
	text-align:right
}
table.prodtable .prodpriceB{
	width:50px;
	text-align:right
}
table.prodtable .prodpriceC{
	width:50px;
	text-align:right
}
.prodinfo,.srinfo{
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	width:20px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.prodtextinfo,.srtextinfo{
	position:absolute;
	top:10px;
	bottom:0;
	right:30px;
	width:20px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.waitinfo{
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.waitinfo img{
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	height:35px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.typehigher{
	text-align:right;
	background-color:rgb(246,246,246,0.0) !important
}
.typetop{
	text-align:left;
	background-color:rgb(246,246,246,0.0) !important
}
@media all and (min-width:0){
	.typetop img{
		width:100px
}
	.typehigher img{
		width:100px
}
}
@media all and (min-width:20em){
	.typetop img{
		width:120px
}
	.typehigher img{
		width:120px
}
}
@media all and (min-width:40em){
	.typetop img{
		width:160px
}
	.typehigher img{
		width:160px
}
}
.prodnumber{
	position:absolute;
	top:0;
	bottom:0;
	right:190px;
	height:20px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.prodminus,.srminus{
	position:absolute;
	top:0;
	bottom:0;
	right:130px;
	height:20px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.srprodcount{
	position:absolute;
	top:10px;
	bottom:0;
	right:100px;
	width:25px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.prodcount,.srprodcount{
	position:absolute;
	top:10px;
	bottom:0;
	right:100px;
	width:25px;
	height:25px;
	border:0;
	background-color:white !important
}
.prodplus,.srplus{
	position:absolute;
	top:0;
	bottom:0;
	right:60px;
	height:20px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.prodnumber img{
	width:30px
}
.prodplus img{
	width:30px
}
.prodminus img{
	width:30px
}
.srplus img{
	width:30px
}
.srminus img{
	width:30px
}
.srminus:hover,.prodminus:hover{
	height:40px;
	width:30px;
	background-color:#0f0
}
.srplus:hover,.prodplus:hover{
	height:40px;
	width:30px;
	background-color:#0f0
}
.prodinfo img:hover,.srinfo img:hover{
	background-color:#0f0
}
.tbusy{
	color:black !important;
	font-weight:bold;
	font-style:italic
}
.tempty{
	color:gray !important;
	font-weight:normal
}
.temptydark{
	color:white !important;
	font-weight:normal
}
.overlaytxt{
	background:linear-gradient(red,yellow);
	color:black;
	font-weight:bold;
	border-radius:25px;
	border:3px solid #000;
	padding:8px
}
.overlayfull{
	background:linear-gradient(red,yellow)
}
.overlayempty{
	background:linear-gradient(green,yellow)
}
/* aa */
.overlaysize-0 {
	font-size: 11px
}
.overlaysize-1{
	font-size:12px
}
.overlaysize-2{
	font-size:15px
}
.selectedtable{
	border:6px solid red
}
.prodreadyicon{
	position:absolute;
	top:0;
	bottom:0;
	right:70px;
	height:20px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.prodreadyicon:hover{
	height:40px;
	background-color:#0f0
}
.prodreadycount{
	position:absolute;
	top:10px;
	bottom:0;
	right:40px;
	width:20px;
	border:0;
	background-color:rgb(246,246,246,0.0) !important
}
.changetableprodlist{
	width:100%;
	background-color:LightCyan;
	resize:none
}
.usersums,.tips,.taxessums,.countingsums,.cancelledbills,.cancelledorders,.paymenttaxsums{
	border:solid black 3px;
	background-color:#ffe8bc
}
.usersums td,.tips td,.taxessums td,.countingsums td,.cancelledbills td,.cancelledorders td,.paymenttaxsums td{
	border:solid black 1px;
	padding:3px;
	text-align:right;
	vertical-align:bottom
}
.categorysums{
	border:solid black 3px;
	background-color:#f0e8bc
}
.categorysums td{
	border:solid black 1px;
	padding:3px;
	text-align:right;
	vertical-align:bottom
}
.coutingsums{
	border:solid black 3px;
	background-color:#f0e8bc
}
.coutingsums td{
	border:solid black 1px;
	padding:3px;
	text-align:right;
	vertical-align:bottom
}
.puresales{
	font-weight:bold;
	font-size:larger
}
.scrolllistview{
	height:150px;
	top:10px;
	overflow:auto;
	background-color:blanchedalmond;
	-webkit-overflow-scrolling:touch
}
.scrolllistview li{
	height:15px;
	vertical-align:middle
}
.selecteditem{
	color:black;
	font-weight:bold
}
.unselecteditem{
	color:gray
}
.printerstatus{
	height:20px
}
.tasksstatus{
	height:20px
}
.tsestatus{
	height:20px
}
.warning{
	color:red
}
.whiteinput[type=text]{
	color:black;
	background-color:white
}
.customerlistbox{
	background-color:white;
	border:2px solid #aaa
}
.genConfigEl[type=text],.genConfigEl[type=password],.genConfigEl[type=email],.genConfigEl[type=number],.whiteinput[type=email]{
	border:1px solid #666;
	background-color:#fff;
	color:black;
	font-family:"Courier New",Courier,monospace
}
#userlabel_username[type=text],#userlabel_password[type=text],.userlabel_newpassword[type=text],#remarkfield[type=text],#oldpass[type=password],#newpass[type=password]{
	border:1px solid #666;
	background-color:#fff
}
.reservationinputfield[type=text]{
	border:1px solid #666;
	background-color:#fff
}
textarea.genConfigEl{
	font-family:"Courier New",Courier,monospace
}
.centermobileimg{
	top:0;
	bottom:0;
	margin:auto;
	position:absolute
}
.fixedgopaydeskbtn{
	height:1.5em !important;
	width:5.3em !important;
	font-size:1em;
	position:fixed !important;
	right:5px !important;
	top:50px !important
}
.fixedwaiterui{
	padding-right:15vw !important
}
.fixedsendorderbtn{
	height:1.5em !important;
	width:5.3em !important;
	font-size:1em;
	position:fixed !important;
	right:5px !important;
	top:105px !important
}
.fixedworkprintbtn{
	height:1.5em !important;
	width:5.3em !important;
	font-size:1em;
	position:fixed !important;
	right:5px !important;
	top:160px !important
}
.fixedtypetopimg{
	position:fixed !important;
	right:5px !important;
	top:290px !important;
	width:5.3em !important
}
.fixedtypehigherimg{
	position:fixed !important;
	right:5px !important;
	top:340px !important;
	width:5.3em !important
}
.fixedextrasatopbottom{
	border-width:1px !important;
	width:5.3em !important;
	font-size:1em !important;
	position:fixed !important;
	right:5px !important;
	top:220px !important
}
.daycodeareamobile{
	border:1px solid #666;
	border-radius:25px;
	background-color:#eee;
	padding:10px;
	margin:10px
}
.daycodetxt{
	font-weight:bold
}
.daycodefield{
	font-style:italic
}
.records{
	border:1px solid #666;
	border-radius:25px;
	background-color:#eee;
	color:black;
	padding:10px
}
.roundedborderarea{
	border:1px solid #666;
	border-radius:25px;
	padding:10px;
	background-color:#fef79b
}
#receiptpart{
	color:black
}
.pickuparea{
	border-radius:25px;
	border:2px solid black;
	padding:20px
}
.pickuparea_incomplete{
	background:#f3f1ad
}
.incompleteitemarea{
	overflow:auto
}
.completeitemarea{
	overflow:auto
}
.pickuparea_complete{
	background:#bcf5a9
}
.pickupitemincomplete{
	background:#bdbdbd;
	border-radius:25px;
	border:2px solid black;
	padding:20px;
	margin:5px;
	float:left;
	width:7em;
	height:10em
}
.pickupitemcomplete{
	background:#40ff00;
	border-radius:25px;
	border:2px solid black;
	padding:20px;
	margin:5px;
	float:left;
	width:7em;
	height:10em
}
.picksections{
	font-size:30px;
	text-align:center
}
.pickitemfont{
	font-size:70px;
	font-weight:bold;
	font-family:verdana,arial,sans-serif;
	text-align:center
}
input[type='number']{
	-moz-appearance:textfield
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance:none;
	margin:0
}
.headertext{
	font-weight:bold
}
a.genconflink:link{
	text-decoration:none
}
a.genconflink:visited{
	text-decoration:none
}
a.genconflink:hover{
	text-decoration:underline
}
a.genconflink:active{
	text-decoration:underline
}
#priceinreceipt{
	font-size:20px;
	color: yellow; /* aa */
	font-weight:bold
}
.guestorder{
	color:grey;
	font-style:italic
}
.qrcodes td{
	padding:50px;
	border:1px solid grey;
	border-collapse:separate
}
.headerformat{
	font-size:20px;
	font-weight:bold
}
.shortfield{
	width:100px !important
}
table.timeschedule{
	width:100%;
	display:block;
	table-layout:fixed
}
table.timeschedule th{
	width:100px;
	background:#eee;
	border:1px solid black
}
table.timeschedule th.hour{
	font-size:12pt;
	vertical-align:middle;
	text-align:center
}
table.timeschedule th.minute{
	font-size:7pt;
	vertical-align:top;
	text-align:center
}
table.timeschedule td{
	width:100px;
	border:1px solid black;
	color:black;
	text-align:center;
	vertical-align:middle
}
table.timeschedule td.divider{
	height:4px;
	background-color:black
}
table.timeschedule td.fillcell{
	height:30px;
	background-color:white;
	font-size:10pt
}
table.timeschedule td.rescell{
	height:30px;
/* aa	background-color: lightblue; */
	background-color: PaleGreen;
	font-size:10pt
}
/*aa <<
wenn eine eigenschaft z.b. background-color in mehreren klassen angegeben ist, dann gewinnt die zuletzt angegebene Klasse hier in der CSS-Dateim
daher muss der Status nach der td.rescell angegeben werden, weil diese eine höhere prio haben, im element z.B. <td> spielt die Reihenfolge keine Rolle
auch hier in der css datei gewinnt der zuletzt angegebene Eintrag
*/
table.timeschedule td.Information {
	background-color: Khaki;
}
table.timeschedule td.Tischwunsch {
	background-color: SpringGreen;
}
table.timeschedule td.Befristet {
	background-color: MediumSpringGreen;
}
table.timeschedule td.NichtErschienen {
	background-color: Moccasin;
}
table.timeschedule td.Abgesagt {
	background-color: Lavender;
	text-decoration-line: line-through;
}
table.timeschedule td.Warteliste {
	background-color: PaleTurquoise;
}
table.timeschedule td.Anwesend {
	background-color: LightGray;
	text-decoration-line: line-through;
}
/*aa>>*/
table.timeschedule td.rowitem{
	height:30px;
/*aa	background-color: lightgreen;*/
	background-color: LightSkyBlue;
	font-size:10pt
}
/*fuer Listenansicht */
table.gridtable td.Angenommen {
	background-color: PaleGreen;
}
table.gridtable td.Information {
	background-color: Khaki;
}
table.gridtable td.Tischwunsch {
	background-color: SpringGreen;
}
table.gridtable td.Befristet {
	background-color: MediumSpringGreen;
}
table.gridtable td.NichtErschienen {
	background-color: Moccasin;
}
table.gridtable td.Abgesagt {
	background-color: Lavender;
	text-decoration-line: line-through;
}
table.gridtable td.Warteliste {
	background-color: PaleTurquoise;
}
table.gridtable td.Anwesend {
	background-color: LightGray;
	text-decoration-line: line-through;
}
/*aa>>*/
/* doppelt kann raus beim naechsten update loeschen
table.timeschedule td.rowitem {
	height: 30px;
/*	background-color: lightgreen;*/
	background-color: LightSkyBlue;
	font-size: 10pt
} */
table.timeschedule td.resitem:hover{
	background-color:#faf
}
/*aa<<*/
#priceinreceipt2 {
	font-size: 20px;
	color: blue;
	font-weight: bold
}
/*aa>>*/
div .legend{
	border-radius:25px;
	border:2px solid #73ad21;
	padding:20px
}
div .confblock{
	border-radius:5px;
	border:2px solid black;
	outline:2px solid red;
	padding:20px
}
.formlabel{
	color:black
}
.logintable{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	color:#333;
	border-width:0;
	border-color:#666;
	border-collapse:collapse
}
.loginarea{
	text-align:center
}
.subsectionheader{
	font-weight:bold
}
.areaheader{
	font-weight:bold;
	font-style:italic;
	font-size:15
}
.coinsnotesheader{
	font-weight:bold;
	font-style:italic;
	font-size:12
}
.hint{
	padding-left:50px;
	padding-right:50px;
	padding-top:10px;
	padding-bottom:10px;
	font-style:italic
}
#expectedclosingsums{
	background-color:#dbdc84;
	padding:10px;
	border-radius:25px;
	border:2px solid #73ad21
}
#cashexpectedheader{
	font-weight:bold;
	color:black
}
.prodisavailable[type=text],.prodisavailable{
	color:black;
	font-weight:bold
}
.prodisnotavailable[type=text],.prodisnotavailable{
	color:grey;
	font-weight:normal
}
.mobiledeliverydetails{
	border:1px solid #666;
	border-radius:25px;
	background-color:#eee;
	color:black;
	padding:10px
}
.hint{
	padding-left:50px;
	padding-right:50px;
	font-style:italic
}
.loginarea form{
	display:inline-block
}
.printpreview{
	background-color:grey;
	color:black;
	font-family:'Courier New',monospace;
	padding:20px
}
.loader{
	border:16px solid #f2f2f2;
	border-radius:50%;
	border-top:16px solid #3495db;
	width:120px;
	height:120px;
	-webkit-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite
}
.assignedarticle{
	font-weight:normal;
	font-style:italic
}
#alertoverlay{
	position:fixed;
	display:none;
	width:100%;
	height:200%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:20;
	cursor:pointer;
	margin-top:20px;
	max:100px;
	padding:10px
}
#alertoverlay>div{
	background-color:red
}
#alerttext{
	position:absolute;
	top:20%;
	left:50%;
	font-size:12px;
	color:white;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	margin-top:0;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:50px;
	overflow:auto;
	margin-bottom:20px;
	height:50vh
}
#changelogarea{
	border:solid black 2px;
	padding:20px
}
#changelogarea ul{
	margin-top:0;
	padding-top:0
}
#changelogareaheader{
	text-align:center
}
@-webkit-keyframes spin{
	0{
		-webkit-transform:rotate(0)
}
	100%{
		-webkit-transform:rotate(360deg)
}
}
@keyframes spin{
	0{
		transform:rotate(0)
}
	100%{
		transform:rotate(360deg)
}
}