.list * a:link    {text-decoration:none; color:#FFF; font-weight: bold; }
.list * a:visited {text-decoration:none; color:#FFF; font-weight: bold;}
.list * a:active  {text-decoration:none; color:#FFF; font-weight: bold;}
.list * a:hover   {text-decoration:none; color:#FFF; font-weight: bold;}


* {
	font-size:10pt;
	font-family : Arial, Helvetica, sans-serif; 
	font-weight:normal;
}

.todo {
	font-size:16px;
	color:#AAAAAA;
	font-weight:bold;
}

.table img { min-width: 16px; }
img {
	border:0;
}

body {
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}

body.listendruck {
	background-color:#FFFFFF;
}

#box1, #box2 { 
	float: left; 
	padding: 10px;  
}

div#topbar {
	clear:both;
	width:100%;
	height:120px;
	border-width:0 0 0 0;
	border-style:solid;
	border-color:#ffffff;
	background-image:url(../images/puzzle_bg.jpg);
	background-repeat:repeat-x;
	margin-bottom: 30px;
	padding-bottom: 0px;

}
div#logo {
	float:left;
	width:200px;
	height:65px;
	background-color:#FFFFFF;
}
div#logo img {
	margin:20px;
	margin-bottom: 0px;
}
div#toptitle {
	float:right;
	height:75px;
}
div#toptitle h1 {
	color:#AAAAAA;
	float:right;
	font-size:20px;
	font-weight:bold;
	margin:90px 200px 0px 500px;
}

div#navigation {
	width:27px;
	height:780px;
	float:left;
	background-color:#ff0000;
	text-align:center;
}
div#navigation div {
	margin:5px;
}
div#content{
	float:left;
	width: 100%;
}

div#fake{
	clear:both;
	width:100%;
	height:1px;
}

table.vertical th{
	
	text-align: left;
	font-weight:bold;
	background-color:#f2f2f2;
	color:#000;
}

table input[type="text"] { margin-bottom: 0px; margin-right: 10px; }

table.vertical * input,select {
    margin-bottom:0px;
}

table.horizontal {
	margin-top: 25px;
	margin-left:20px;
}

table.horizontal th{
	vertical-align: bottom;
	text-align:left;
	background-color:#f2f2f2;
	color:#000;
}
table.horizontal td{
	vertical-align:top;
	text-align:left;
}

table.horizontal td.menu{
	background-color:#eaeaea;	
	color:#000000;	
}
table.horizontal td.menu a{
	text-decoration:none;
	color:#000000;	
	padding:2px 7px; 
}

table.horizontal td.titel, td.border25pix td.titel  {
	vertical-align:middle;
	text-align:left;
	font-family:Arial,sans-serif;
	font-size:20px;
	color:#0096E1;
	font-weight:bolder;
}
tr.hinterlegt {
	background-color:#ffffff;
}
tr.first_status td{
	background-color: #ffe083;
}

tr.second_status td{
	background-color: #eca9a7;
}

tr.third_status td{
	background-color: #aedcae;
}

tr.fourth_status td{
	background-color: #a1c5e5;
}

tr.storno td{
	background-color:#FFeaea !important;
}
tr.ausbuchung td{
	background-color:#cacaca !important;
}
tr.gutschrift td{
	background-color:#eaFFea !important;
}
tr.stornogutschrift td{
	background-color:#FFFFea !important;
}

tr.list {
	text-decoration:none;
	color:#000000;
	background-color:#f2f2f2;		
}

p.fehler {
	color:#ff0000;
}

p.fehler2 {
	margin-top: 25px;
	margin-left:20px;
	color:#FF8000;
	font-weight: bold;
}

p.zurueck a {
	margin-left:20px;
	font-weight: bold;
	text-decoration:none;
	color:#ffffff;
	background-color:#aaaaaa;
	padding:2px 7px;
}

p.zurueck2 a {
	margin-left:0px;
	font-weight: bold;
	text-decoration:none;
	color:#ffffff;
	background-color:#aaaaaa;
	padding:2px 7px;
}

h1.titel {
	font-size : 16px;
	color: #AAAAAA;
	font-weight: bold;
	padding-top:1em;	
}

input.logout {
	margin-left:20px;
	background-color:#AAAAAA;
	color:#ffffff;
	border-width:0px;
	padding:2px 7px; 	
	font-weight: bold;	
	cursor:pointer;
}
p#license {
	float:right;
	width:200px;
	height:45px;
	background-color:#ffffff;
	font-size:8pt;
	text-align:center;
}
h1 {
	font-size : 18px;
	color: #000000;
	font-weight: bold;
	padding-left:1em;
}
h2 {
	font-size : 18px;
	color: #000000;
	font-weight: bold;
	padding-left:1em;
}
h3 {
	font-size : 9px;
	color: #000000;
	font-weight: normal;
}

h4 {
	font-size : 13px;
	color: #000000;
	font-weight: bold;
	padding-left:0.5em;
}
#navcontainer
{
	margin:0px;
	padding:0px;	
}

#navcontainer ul {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;	
	padding-left: 7;
	margin-left: 0;
	background-color: #5C97D4;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.1em 1em;
	background-color: #5C97D4;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer ul li a:hover {
	background-color: #f2f2f2;
	color: #000;
}


/* by David Riess */
.preisfeld {
	width:60px; 
	text-align:right; 
	padding-left:5px; 
	padding-right:3px; 
	
}
.txtzuschlag {
	width:140px;
}
.material {
	width:128px; 
}
.menge{
	width:30px;
}
/* DASHBOARD START */
.border25pix { padding: 25px; }
#OBx {font-family: arial, helvetica, sans-serif;font-size: 11px;padding: 0px;margin: 0px;}
#HBx {background-color: #F4F4F4;height: 30px;width: 100%;}
#HBx ul {height: 40px;width: 100%;padding: 0px;list-style-type: none;margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px;border-bottom-width: 5px;border-bottom-style: solid;border-bottom-color: #AAAAAA;float: none;display: block;}
#HBx ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 30px;
	float: left;
}
#HBx ul li a {
	color: #333333;
	text-decoration: none;
	display: block;
	height: 20px;
	padding: 10px;
	margin-right: 5px;
	font-weight: bold;
}
#HBx ul li a:hover {
}
#HBx ul li a.active {
}
#LBx {
	width: 150px;
	background-color: #F4F4F4;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
#LBx ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#LBx ul li {
	list-style-type: none;
	padding: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	border: 1px dotted #AAAAAA;
}

#LBx ul li.LBxTitle {
	padding: 5px;
	font-weight: bold;
}

#LBx ul li.LBxSub {
	background-color: #DEDEDE;
	padding: 1px;
	font-weight: bold;
}
#LBx ul li a {
	color: #333333;
	text-decoration: none;
	display: block;
	margin: 1px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#LBx ul li a:hover {
	color: #FFFFFF;
	background-color: #AAAAAA;
}
#LBx ul li a.active {
}
#RBx {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
#RBx h1 {
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAAAAA;
	color: #000000;
	font-size: 18px;
}
#RBx h2 {
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 16px;
}
#RBx h3 {
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#RBx h4 {
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#RBx h5 {
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAAAAA;
	color: #000000;
	font-size: 14px;
}
#RBx ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	list-style-type: none;
}
#RBx ul li {
}
#RBx ul li a {
	display: block;
	margin-bottom: 3px;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/icons/table.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 26px;
	border: 1px solid #FFFFFF;
}
#RBx ul li a.nobox {
	display: list-item;
	background-image: none;
}
#RBx ul li a:hover {
	background-image: url(../images/icons/table_go.png);
	border: 1px solid #AAAAAA;
	font-weight: bold;
}
#RBx ul.clientselect li a {
	background-image: url(../images/icons/report.png);
}
#RBx ul.clientselect li a:hover {
	background-image: url(../images/icons/report_go.png);
}
#RBx ul.userlist li a {
	background-image: url(../images/icons/vcard.png);
}
#RBx ul.userlist li a:hover {
	background-image: url(../images/icons/vcard_edit.png);
}
#RBx ul.noteslist li a, #RBx ul.noteslist2 li a, #RBx ul.noteslist3 li a {
	background-image: url(../images/icons/note.png);
}
#RBx ul.noteslist li a:hover {
	background-image: url(../images/icons/note_go.png);
}
#RBx ul.noteslist2 li a:hover {
	background-image: url(../images/icons/note_edit.png);
}
#RBx ul.noteslist3 li a:hover {
	background-image: url(../images/icons/note_add.png);
}
#RBx ul.linklist li a {
	background-image: url(../images/icons/link_back.png);
}
#RBx ul.linklist li a:hover {
	background-image: url(../images/icons/link_go_back.png);
	font-weight: bold;
}
#RBx ul.linklist2 li a {
	background-image: url(../images/icons/link.png);
}
#RBx ul.linklist2 li a:hover {
	background-image: url(../images/icons/link_go.png);
}
.ListingTable {
	background-color: #f2f2f2;
}
.ListingTable th {
	font-weight: bold;
	text-align: left;
	padding: 4px;
}
.ListingTable th.TCenter {
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
.ListingTable td {
	background-color: #F5F8FC;
	padding: 5px;
}
.ListingTable td a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.ListingTable td a.dbhead {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #FFFFFF;
	display: block;
}
.ListingTable td a.dbhead:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #E0E0E0;
	background-color: #F4F4F4;
}
.ListingTable th a:hover {
}
.ListingTable td a:hover {
}
#LTLeft {
	margin-right: 0px;
}
#LTRight {
	margin-left: 0px;
}
.LTD1 {
	padding: 2px;
	width: 16px;
}
.LTD2 {
	width: 900px;
	padding: 2px;
}
.LTD3 {
	text-align: center;
	padding: 2px;
	width: 200px;
}
.LTD4 {
	padding: 2px;
	width: 200px;
}
.LTD5 {
	padding: 2px;
	width: 250px;
	text-align: center;
}
.LTD6 {
	padding: 2px;
	width: 16px;
}

.notfirst:hover {
    background-color: #f2f2f2;
}

.ListingBox {
	background-color: #f2f2f2;
	border: 0px dotted #AAAAAA;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	box-shadow:2px 2px 2px grey;
	border-radius: 5px;
}
.ListingFrame td {
	vertical-align: top;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.ListingBox td {
	vertical-align: top;
	padding: 3px;
}
.ListingBox strong {
	font-weight: bold;
}
div.ErrorBx {
	font-size: 14px;
	font-weight: bold;
	color: #660000;
	background-color: #FFCCFF;
	border: 3px solid #FF0000;
	padding: 10px;
}
.FormTable {
	width: 500px;
}
.FormTable th {
	font-weight: bold;
	background-color: #f2f2f2;
	text-align: left;
}
.FormTable td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
}
.FormTable td a {
	background-image: url(../images/icons/bullet_go.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	color: #666666;
	text-decoration: none;
}
.FormTable td a:hover {
	color: #000000;
}
.FormTable input.field {
    margin-bottom: 0px;
}
/* DASHBOAD END */

.FilterBox {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 0px;
	color: #333333;
	font-weight: bold;
	margin: 0px;
}
.DBFB {
	margin: 0px;
}
.FilterBox td {
	text-align: left;
	vertical-align: middle;
	padding: 4px;
}
.FBFrame {
	float: left;
	display: inline;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
}
.FBFrameRight {
	float: right;
	display: inline;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
}
.FBLabel {
	color: #595959;
        display: inline;
	font-weight: bold;
}
.FBField, .FBFrame select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;
	color: #595959;
        width:150px;
	margin-right: 10px;
}
.FBFieldSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;
	color: #595959;
        width:134px;
	margin-right: 10px;
}
.FBFieldCheckbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;
	color: #595959;
        width:13px;
	margin-right: 0px;
}
.FBButton {
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;
	color: #595959;
	font-weight: bold;
	font-size: 12px;
}
.FBField:hover, .FBButton:hover {
	background-color: #D5E3E1;
	color: #2C413E;
	border: 1px solid #42645F;
}
.MessageBoxSuccess {
	margin: 5px;
	padding: 10px;
	background-color: #EAFFEA;
	border: 0px solid #009900;
	font-weight: bold;
	color: #003300;
}
.MessageBoxDebug {
	position: absolute;
	width: 600px;
	left: 50%;
	top: 0px;
	margin-left: -310px;
	color: #FFFF00;
	background-color: #000000;
	padding: 10px;
}
.MBDText {
}
.lighttext {
	color: #CCCCCC;
	font-size: 10px;
	text-align: center;
	padding: 5px;
}

li.nosub .caret { display: none; }

table.minical {

	width: 290px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-collapse: separate;
	box-shadow: 7px 10px 15px rgba(0, 0, 0, .4)


}
table.minical td, table.minical th {


}
div.item-align {
    text-align: center;
}

select.checklist {
	width: 150px;
}

table input.input-small-checklist[type="text"] {
	width: 90px;
	margin-right: 0px;
}

table input.input-medium-checklist[type="text"] {
	width: 150px;
	margin-right: 0px;

}

div.navbar-inner {
	background-image: none;
	background-color: #122462;
}

div.subnav {
	background-image: none;
	color: #595959;
	font-weight: bold;
	font-size: 12px;
}
.th-maxw-300px th{
	width: 200px;
	background-color: #f2f2f2;
}
.list th{
	background-color:#f2f2f2;
}

input:invalid{
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}
select:invalid{
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}
select:invalid:focus{
	color: #555555;
}
.th_grau{
	background-color: #f2f2f2;
}
.header_sub_li:hover {
background-image: linear-gradient(to bottom, #000e69, #0077b3);
color: white;
}

.header_sub_li:hover > a {
color: white;
text-decoration: none;
}

.header_sub_li {
color: black;
}
@media (min-width: 1281px) and (max-width: 1441px) {
	.checklist_popup{
		left: 280px !important;
		overflow-x: scroll !important;
		/* width: 100vw !important;
		height: 100vh !important; */
	}
}
@media (min-width: 370px) and (max-width: 380px) {
	.checklist_popup{
		left: 0px !important;
		overflow-x: scroll !important;
		/* width: 100vw !important;
		height: 100vh !important; */
	}
}
@media (min-width: 1081px) and (max-width: 1280px) {
	.checklist_popup{
		left: 280px !important;
		overflow-x: scroll !important;
		/* width: 100vw !important;
		height: 100vh !important; */
	}
}
@media (min-width: 580px) and (max-width: 1081px) {
	.modal-body{
		max-width: 97vw!important;
	}
	.container-fluid{
		padding-left: 0px;
	}
	.dropdown-toggle {
		padding-left: 9px!important;;
		padding-right: 9px!important;;
	}
	.tablet_no_show{
		display: none!important;
	}
	.hyphon_auto{
		hyphens: auto;
	}
	.tablet_show{
		display: table-cell!important;
	}
	.container_left_tablet{
		margin-left: 10px!important;
		padding: 0px!important;
	}
	.container_right_tablet{
		padding: 0px!important;
		margin-left: 10px!important;
	}
	.ipad-text-big{
		width:100px;
	}
	.ipad-text-middle{
		width:70px;
	}
	.ipad-text-small{
		width:40px;
	}
	.ipad-text-smallest{
		width:30px;
	}
	.kundenanschrift_grid{
		display: grid;
		grid-template-columns: 582px!important;
	}
	.kundenanschrift_lieferanschrift_td{
		padding-top: 0px!important;
	}
	.kundenanschrift_lieferanschrift_td > input{
		margin-top: 6px;
	}
	.LTD2{
		width:250px!important;
	}
	.tablet_min_select{
		width: min-content !important;
	}
	.checklist{
		width: min-content!important;
	}
	.status_monitor_checklist{
		width: 1px!important;
		padding:0px!important;
	}
	.checklist_popup{
		left: 280px !important;
		overflow-x: scroll !important;
		width: 100vw !important;
		height: 97vh !important;
	}
	.fahrzeug_popup{
		left: 39% !important;
		top: 15% !important;
	}
	.popup_liefer_neu{
		width: auto !important;
		left: 43% !important;
		top: 17% !important;
		display: none;
	}
	.popup_rechnung_bank_neu{
		top: 16% !important;
		display: none;
	} 
	.header_sub_li{
		display: block;
	}
	.artikel_btn_grid{
		grid-template-columns: 1rem 1rem 1rem !important;
		grid-gap: 1rem !important;
		justify-content: space-between;

	}
	.tablet_float_right{
		float:right;
		margin-top:4px;
	}
	.modal.fade.in{
		/* top:17% !important; */
	}

}
.w-100px{
	width: 100px;
}
.artikel_btn_grid{
	display: grid;
	grid-template-columns: 16px 16px 16px;
	grid-gap: 5px;
}
.fahrzeug_popup{
	z-index: 1009;
	width: 850px;
	left: 42%;
	top: 10%;
	display: none;
}
.status_monitor_checklist{
	width: 5px;
}
.kundenanschrift_grid{
	display: grid;
	grid-template-columns: 450px 450px;
}
@media (min-width: 1081px) and (max-width: 1367px) {
	.container-fluid{
		padding-left: 0px;
	}
	.dropdown-toggle {
		padding-left: 9px!important;;
		padding-right: 9px!important;;
	}
	.tablet_no_show{
		display: none!important;
	}
	.tablet_show{
		display: table-cell!important;
	}
	.container_left_tablet{
		margin-left: 10px!important;
		padding: 0px!important;
	}
	.container_right_tablet{
		padding: 0px!important;
		margin-left: 10px!important;
	}
	.kundenanschrift_grid{
		display: grid;
		grid-template-columns: 450px 450px;
	}

	
} 

@media (min-width: 1440px) and (max-width: 1600px) {
	.modal{
		overflow-x: scroll !important;
		margin-left: -160px;
		width:100vw;
	}
}

@media (min-width: 1180px) and (max-width: 1181px) {
	.kundenanschrift_grid{
		grid-template-columns: 582px !important;
	}
	.checklist {
		width: min-content !important;
	}
}

@media (min-width: 1366px) and (max-width: 1366px) {
	.checklist_popup{
		left: 280px !important;
	}
}


.tablet_show{
	display: none;
}


@keyframes mymove {
	100% {transform: rotate(360deg);}
}

.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  
  /* Transparent Overlay */
  .loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
  }
  
  .loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */
  
  @-webkit-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-moz-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-o-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }