body {
    font-family: 'Roboto', sans-serif;
}
#content {
    margin-bottom: 50px;
}
.table-condensed {
    font-family: 'Roboto Condensed', sans-serif;
}
th {
    white-space: nowrap;
    color: #333;
}
th a {
    color: #333;
}
th a.asc:after {
	content: ' \25B5';
}
th a.desc:after {
	content: ' \25BF';
}
.text-muted, .text-muted a {
    color: #999;
}
.text-deleted {
    text-decoration: line-through;
}

form .required label:after {
    content: '*';
    font-weight: normal;
}

/* Pagination */
.pagination {
    margin-top: 0;
}

/* Page actions */
.page-actions .btn-toolbar {
    float: right;
    margin: 20px 0 10px 10px;
}
.page-actions .btn-group {
    margin-left: 15px;
}
.page-actions .control-label {
    font-weight: normal;
}
.page-actions h2 {
    float: left;
}

#searchinput {
    width: 200px;
}
.input-clear {
    color: #666;
}
.input-clear.glyphicon-remove-circle {
    cursor: pointer;
    pointer-events: auto;
}

/* Navigation */
#navtop {
    background-color: #2b333b;
    padding: 2px 0;
    margin-bottom: 20px;
}

#navtop button {
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#navtop .search {
    margin-top: 4px;
    color: #666;
}

.btn-nav {
    color: rgba(255,255,255,.84);
    background-color: #2b333b;
    padding: 10px 16px;
}

.btn-nav:hover,
.btn-nav:focus,
.btn-nav.focus,
.btn-nav:active,
.btn-nav.active,
.open > .dropdown-toggle.btn-nav {
    color: rgba(255,255,255,.84);
    background-color: rgba(255,255,255,.1);
}

/* bootstrap-select */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: auto;
}
.bootstrap-select>.dropdown-toggle {
    padding-right: 16px;
}

/* Panels */
.panel {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.1), 0 1px 6px 0 rgba(0,0,0,.1);
    margin-bottom: 30px;
}
.panel-default>.panel-heading {
    font-size: 24px;
    font-weight: bold;
    background-color: inherit;
    border-color: transparent;
}
.panel-footer {
    background-color: inherit;
    border-color: transparent;
}
.panel tr>th:first-child,
.panel tr>td:first-child {
    padding-left: 15px;
}
.panel tr>th:last-child,
.panel tr>td:last-child {
/*    padding-right: 15px;*/
}

/* Dropdown-Menu */
.table-condensed .dropdown-menu {
    font-family: 'Roboto', sans-serif;
}
td.actions {
    text-align: right;
    white-space: nowrap;
}
td.actions .dropdown > a {
    border-radius: 50%; 
/*    border: 1px solid transparent;*/
    padding: 5px;
    color: #aaa;
}
td.actions .dropdown > a:hover, td.actions .dropdown.open > a {
/*    border-color: #ccc;*/
    color: #333;
/*    background-color: #ddd;*/
}

/* icon */
i.check, i.cross {
    cursor: pointer;
    width: 1em;
}
i.check:after {
    content: '\2714';
}
i.cross {
    color: #999;
}
i.cross:hover {
    color: #333;
}
i.cross:after {
    content: '\2717';
}


/* loader */
.loading-main {
    margin: 0px auto;
    margin-top: -20px;
    margin-bottom: 18px;
    height: 2px;
    animation-iteration-count: 1;
}
.loading-main.run {
    animation: loading 0.7s ease 30;
}
@keyframes loading {
    from {left: 50%; width: 0; background-color: white}
    1% {left: 50%; width: 0; background-color: blue}
    50% {background-color: green}
    80% {background-color: red}
    to {left: 0; width: 100%; background-color: yellow}
}


/* selectize loader */
.selectize-control.form-control.single::before {
    content: '...loading';
    position: absolute;
    z-index: 2;
    display: none;
    right: 34px;
    font-size: 12px;
    top: 9px;
    color: #aaa;
}
.selectize-control.form-control.single.loading::before {
    display: block;
}

/* Modal und Bootbox */
.bootbox .modal-dialog.modal-sm, .modal-dialog.modal-md {
    width: 400px;
}
.modal-header {
    cursor: grab;
}
.modal-header.active {
    cursor: grabbing;
}
table#table-rowselect > tbody > tr > td {
    padding: 2px 5px 0 5px;
    vertical-align: middle;
}
table#table-rowselect > tbody > tr > th:first-child, table#table-rowselect > tbody > tr > td:first-child {
    width: 30px;
}
table#table-rowselect .sum {
    display: none;
}
#rowselect-holder {
    margin-top: -35px;
    display: none;
}
#rowselect-holder > #rowselect-sum {
    margin: 0 10px 0 6px;
    font-weight: bold;
}
#rowselect-holder > .rowselect-submit {
    font-size: 12px;
    font-weight: normal;
    padding: 0 5px;
    display: inline-block;
}
#rowselect-holder > .rowselect-input {
    font-size: 12px;
    text-align: center;
    width: 80px;
    height: 22px;
    padding: 0 5px;
    margin-right: 5px;
    display: inline-block;
}
.subitem {
    padding: 4px 0;
}
#vatpc {
    width: 120%;
}
#margin-taxation-holder {
    margin: 2.2em 0 0 0;
    padding: 0;
}
.podetail .hidden {
    visibility: hidden;
}
.order-confirmed {
    background-color:#6600ff;
}