/**
 * Stylesheet fuer konto.pntr.de
 *
 * @author Sebastian May <sebastian@t3rechner.de>
 * @date 2013-08-20
 */

@font-face {font-family:'SebastiansHandwriting';src:url('../fonts/sebastianfontnormal-webfont.eot');src:url('../fonts/sebastianfontnormal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sebastianfontnormal-webfont.woff') format('woff'), url('../fonts/sebastianfontnormal-webfont.ttf') format('truetype'), url('../fonts/sebastianfontnormal-webfont.svg#SebastiansHandwriting') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'SebastiansHandwriting';src:url('../fonts/sebastianfontbold-webfont.eot');src:url('../fonts/sebastianfontbold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sebastianfontbold-webfont.woff') format('woff'), url('../fonts/sebastianfontbold-webfont.ttf') format('truetype'), url('../fonts/sebastianfontbold-webfont.svg#SebastiansHandwriting') format('svg');font-weight:bold;font-style:normal;}

.navbar-brand {font-family:SebastiansHandwriting;font-size:36px;}

.header {margin-bottom:20px;}
.margin-left {margin-left:10px;}
.margin-right {margin-right:10px;}

a.glyphicon {text-decoration:none;}

/* navigation */
.dropdown-menu .glyphicon {margin-right:10px;}

/* forms */
.no-margin-bottom {margin-bottom:0;}
.fieldset-bordered {border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px;}

/* list-group */
.list-group .list-group-item.success {background-color:#dff0d8;border-color:#d6e9c6;}
.list-group .list-group-item.danger {background-color:#f2dede;border-color:#eed3d7;}
.list-group .list-group-item.warning {background-color:#faf2cc;border-color:#f8e5be;}
.list-group .list-group-item.info {background-color:#D9EDF7;border-color:#BCE8F1;}
.list-group .list-header {border-bottom:3px solid #ddd;background:#eee;}
.list-group .list-footer {border-top:3px solid #ddd;background:#eee;}

.panel-primary .panel-heading a {color:white;}
.panel-primary .panel-heading a:active,
.panel-primary .panel-heading a:focus,
.panel-primary .panel-heading a:hover {color:#eee;}

/* users */
.users.list-group {}
.users.list-group .user {}
.users.list-group .user-name {min-width:100px;display:inline-block;}
.users.list-group .user-balance {width:100px;text-align:right;}
.users.list-group .user-numberoftransactions {width:50px;display:inline-block;text-align:center;}
.users.list-group .user-numberoftransactions-margin {width:60px;}

.users.table {}
.users.table .user {}
.users.table .user-name {}
.users.table .user-balance {width:100px;text-align:right;}
.users.table .user-numberoftransactions {width:30px;text-align:center;}
.users.table .total {border-top:2px solid #ddd;}

/* reservation-tables */
.reservation-tables {overflow:auto;width:100%;display:block;}
.reservation-tables tr {}
.reservation-tables th, .reservation-tables td {padding:2px 4px;text-align:center;border-left:1px solid #ccc;border-bottom:1px solid #e3e3e3;}
.reservation-tables tr:last-child th, .reservation-tables tr:last-child td {border-bottom:none;}
.reservation-tables th {}
.reservation-tables th:first-child {border-left:none;}
.reservation-tables td {width:20px;}
.reservation-tables td.table-number  {font-weight:bold;}
.reservation-tables td.success  {color:#3C763D;}
.reservation-tables td.danger  {color:#B94A48;}

/* reservations */
.reservations {}
.reservations .list-group-item {}
.reservations .reservation-name {width:290px;display:inline-block;}
.reservations .reservation-payed {width:60px;display:inline-block;text-align:center;}
.reservations .reservation-member {width:60px;display:inline-block;text-align:center;}
.reservations .reservation-payment-method {width:60px;display:inline-block;text-align:center;}
.reservations .reservation-tickets {width:60px;display:inline-block;text-align:center;}
.reservations .reservation-table {width:60px;display:inline-block;text-align:center;}
.reservations .reservation-tstamp {width:90px;display:inline-block;text-align:right;}
.reservations .reservation-comment {}
.reservations .reservation-numberofreservations-margin {margin-left:20px;}

/* members */
.members {}
.members .list-group-item {}
.members .member-name {width:280px;display:inline-block;}
.members .member-lastname {width:80px;display:inline-block;}
.members .member-firstname{width:80px;display:inline-block;}
.members .member-gender {width:40px;display:inline-block;text-align:center;}
.members .member-group {width:80px;display:inline-block;}
.members .member-street {width:140px;display:inline-block;}
.members .member-zip {width:40px;display:inline-block;}
.members .member-city {width:120px;display:inline-block;}
.members .member-address {width:400px;display:inline-block;}
.members .member-phone {width:120px;display:inline-block;}
.members .member-mobile {width:140px;display:inline-block;}
.members .member-fax {width:120px;display:inline-block;}
.members .member-email {width:160px;display:inline-block;}
.members .member-age {width:60px;display:inline-block;text-align:center;}
.members .member-birthday {width:90px;display:inline-block;}
.members .member-entry {width:90px;display:inline-block;}
.members .member-exit {width:90px;display:inline-block;}
.members .member-comment {}
.members .member-margin-left {margin-left:20px;}

/* transactions */
.transactions {}
.transactions .transaction-creditor {width:80px;display:inline-block;}
.transactions .transaction-receiver {width:80px;display:inline-block;}
.transactions .transaction-direction {width:20px;display:inline-block;}
.transactions .transaction-text {min-width:240px;}
.transactions .transaction-value {width:70px;text-align:right;display:inline-block;}
.transactions .transaction-tstamp {font-size:0.8em;}
.transactions .pull-left,
.transactions .pull-right {line-height:20px;}
.transactions .user-numberoftransactions {width:50px;display:inline-block;text-align:center;}
.transactions .user-numberoftransactions-margin {width:60px;}

.transactions.table {}
.transactions.table .transaction {}
.transactions.table .transaction-title {}
.transactions.table .transaction-comment {}
.transactions.table .transaction-value {width:100px;text-align:right;}

.orders {}
.orders .order-item {}
.orders .order-item .order-quantity,
.orders .order-item .order-createuser,
.orders .order-item .order-title,
.orders .order-item .order-coment {font-family:SebastiansHandwriting;font-size:24px;}
.orders .order-createuser {width:160px;display:inline-block;}
.orders .list-header .order-title {width:100px;display:inline-block;}

.tables-graphics {width:100%;height:580px;position:relative;}
.table-graphics {position:absolute;}
.table-graphics tr {}
.table-graphics td {padding:1px;border:1px solid black;width:12px;height:12px;font-size:6px;font-weight:bold;text-align:center;}
.table-graphics .table-graphics-table {width:18px;height:36px;font-size:12px;font-weight:bold;}
.table-graphics .table-graphics-table-round {width:48px;height:24px;}
.table-graphics .table-graphics-seat-taken {background:#ccc;}
.table-graphics .table-graphics-seat-empty {background:green;}
.table-graphics .table-graphics-seat-overthelimit {background:red;}
.table-graphics .tables-graphics-details {position:absolute;top:300px;left:300px;width:400px;height:200px;background:red;}

/* eventType 1 => Chrysanthemenball */
.tables-graphics-type-1 .table-graphics-1 {top:10px;left:93%;transform:rotate(0deg);}
.tables-graphics-type-1 .table-graphics-2 {top:10px;left:86%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-3 {top:13px;left:80%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-4 {top:16px;left:74%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-5 {top:19px;left:68%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-6 {top:22px;left:62%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-7 {top:25px;left:56%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-8 {top:28px;left:50%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-9 {top:31px;left:44%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-10 {top:34px;left:38%;transform:rotate(-4deg);}
.tables-graphics-type-1 .table-graphics-11 {top:37px;left:32%;transform:rotate(-4deg);}

.tables-graphics-type-1 .table-graphics-16 {top:353px;left:32%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-17 {top:356px;left:38%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-18 {top:359px;left:44%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-19 {top:362px;left:50%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-20 {top:365px;left:56%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-21 {top:368px;left:62%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-22 {top:371px;left:68%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-23 {top:374px;left:74%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-24 {top:377px;left:80%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-25 {top:380px;left:86%;transform:rotate(4deg);}
.tables-graphics-type-1 .table-graphics-26 {top:380px;left:93%;transform:rotate(0deg);}

.tables-graphics-type-1 .table-graphics-12 {top:50px;left:23%;transform:rotate(-30deg);}
.tables-graphics-type-1 .table-graphics-13 {top:120px;left:16%;transform:rotate(-60deg);}
.tables-graphics-type-1 .table-graphics-14 {top:220px;left:14%;transform:rotate(-90deg);}
.tables-graphics-type-1 .table-graphics-15 {top:320px;left:16%;transform:rotate(240deg);}

.tables-graphics-type-1 .table-graphics-27 {top:10px;left:0%;}
.tables-graphics-type-1 .table-graphics-28 {top:110px;left:4%;}
.tables-graphics-type-1 .table-graphics-29 {top:210px;left:0%;}
.tables-graphics-type-1 .table-graphics-30 {top:310px;left:4%;}
.tables-graphics-type-1 .table-graphics-31 {top:410px;left:0%;}

/* eventType 2 => Tanzerlebnis */
.tables-graphics-type-2 .table-graphics-1   {top: 50px;left:500px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-2   {top:150px;left:500px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-3   {top:250px;left:500px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-4   {top:350px;left:500px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-5   {top:450px;left:500px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-6   {top:100px;left:400px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-7   {top:200px;left:400px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-8   {top:300px;left:400px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-9   {top:400px;left:400px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-10 {top: 50px;left:300px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-11 {top:150px;left:300px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-12 {top:250px;left:300px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-13 {top:350px;left:300px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-14 {top:450px;left:300px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-15 {top:100px;left:200px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-16 {top:200px;left:200px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-17 {top:300px;left:200px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-18 {top:400px;left:200px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-19 {top: 50px;left:100px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-20 {top:150px;left:100px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-21 {top:250px;left:100px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-22 {top:350px;left:100px;transform:rotate(0deg);}
.tables-graphics-type-2 .table-graphics-23 {top:450px;left:100px;transform:rotate(0deg);}

.item-controls {opacity:0;width:120px;display:inline-block;padding:0 10px;}
.list-group-item:hover .item-controls {opacity:1;}


.rechner {}
.rechner table,
.rechner table input {font-size:16px;}
.rechner table tr {}
.rechner table td {text-align:center;width:120px;padding:4px;}
.rechner table td.ratio-times {width:28px;}
.rechner table td.align-left,
.rechner table td.align-left input {text-align:left;}
.rechner table td.align-right,
.rechner table td.align-right input {text-align:right;}
.rechner-preview {background:#123456;}

/* extra breite Seite */
@media only screen and (min-width: 1200px) {

	.table-graphics td {padding:2px;width:16px;height:16px;font-size:8px;}
	.table-graphics .table-graphics-table {width:24px;height:48px;font-size:14px;}
	.table-graphics .table-graphics-table-round {width:64px;height:36px;}
	
}
/* 1024 Monitor */
/*@media only screen and (min-width: 996px) and (max-width: 1150px) {}*/
/* Tablet Monitor */
@media only screen and (min-width: 768px) and (max-width: 995px) {

	
}
/* Handy Monitor hochformat */
@media only screen and (max-width: 767px) {
	.item-controls {opacity:1;}

}
/* Handy Monitor querformat */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}
/* Handy Monitor hochformat */
@media only screen and (max-width: 1250px) {
	.item-controls {opacity:1;}

}