:root {
  --orange: rgb(238,115,71);
  --blue: rgb(0,110,255);
}
@font-face {font-family: TT Firs Neue; src: url(fonts/tt-firs-neue-regular.eot),url(fonts/tt-firs-neue-regular.woff2),url(fonts/tt-firs-neue-regular.woff),url(fonts/tt-firs-neue-regular.ttf),url(fonts/tt-firs-neue-regular.svg); font-weight: 400; font-display: fallback}
* {font-family: TT Firs Neue,Arial,sans-serif;}
html,body,tr,td,select,input,textarea,.input-group-addon {font-size: 14px}
body {margin: 1em; margin-top: 120px; background-color: #fff!important;}
body,.textcolor {color: #222222!important;}
fieldset {border: 1px solid #000!important; border-radius: 8px!important; padding: 0 0.5em!important;}
legend {font-size: 1em; font-weight: bold; text-decoration: none!important; padding: 0!important; margin: 0!important; border-bottom: none!important;width: auto!important}
code {word-wrap: break-word;}
h1 {font-weight:bold; color: var(--orange); font-size: 1.2em}
h2 {font-weight:bold; font-size: 1em}
a {color: var(--orange)}
.nav-button {text-align: center; width: 7.6em!important;}
.nav-text,.nobr {white-space: nowrap}
.nav-button .label {position: absolute; top: 1em; right: 2em;}
.nav-icon {font-size: 3em; display: block}
.page-header {margin: 0 0 1.5em 0}
.navbar-fixed-top {z-index: 3!important}
.navbar-brand {margin-top: .5em; font-family: arial; font-weight: bold; color: #000!important}
.navbar-link {color: var(--blue)!important}
.table-sortable th {vertical-align: top!important; background-color: #eee;}
.no-sort::after {display: none!important; }
.no-sort {cursor: default!important; }
.text-small {font-size: .8em}
.reldiv {float: left; margin-right: .4em;line-height: .8em}
.fieldset {border-radius: 0!important; border: none!important; background-color: #eee; margin-bottom: 2em}
.fieldset >legend {position: relative; padding: .5em!important; height: 2em; left: -.5em; top: -1em; background-color: #eee}
.table-bordered thead:first-child {background-color: #ddd}
.table-bordered .normal {background-color: transparent}
.help-block {font-size: .9em; font-style: italic}
.footnote {font-size: .8em; font-style: italic; text-align: right}
.table-middle tr>td,.table-form tr>td:not(:first-child) {vertical-align: middle!important;}
.table-form tr>td:first-child {width: 30%; padding:.5em!important;vertical-align: top!important;}
.table-form input[type='text'],.table-form signature,.table-form input[type='password'],.table-form input[type='email'],.table-form textarea,.table-form input[type='url'],.table-form select {display: block !important; padding: 2px .5em !important; margin: 0 !important; border: 0 !important; width: 100% !important; border-radius: 0 !important; line-height: 1 !important;}
.table-form textarea {padding-top: .8em!important}
.table-form .bootstrap-select .btn {border: none!important; padding-left:.5em!important}
.table-form input[type='checkbox'] {display: block; float: left; margin:.2em!important; width: auto!important; }
.table-form tr>td {height: 2.4em!important; margin: 0!important; padding: 0!important;}
.table-form label {display: block; float: left; font-weight: normal; margin: .35em 1em .35em .35em!important;}
.ttable-form tr>td>div {font-weight: bold!important}
.ttable-form tr>td>div.input-group {font-weight: normal!important}
.table-form tr>td.text-static {padding-left: .5em!important}
.table-form .form-control-static,.table-form .help-block {margin-left: .5em}
.table-slider {position:relative; margin: 0; height: 2.6em; border: none}
.table-slider tr>td {text-align: center;  border-right: 1px solid var(--blue)}
.table-form-large tr>td:first-child {width: 60%!important}
.slider-grip {width:10px; height:19px; background-image: url('../images/slider.png'); background-position: bottom right; cursor:e-resize;}
.nopadding {padding: 0 !important;  margin: 0 !important;}
.nopadding:first-child {padding-left: 1.1em!important}
.nopadding:last-child {padding-right: 1.1em!important}
.mcheckbox label {font-weight: normal}
.page-content {margin-top: 1em}
.tab-content{border: 1px solid #ccc; border-top: none; padding:1em}
.sub-header {margin:0; padding: 0; width: 100%}
.summary {width: 300px!important}
.counter {width: 40px!important; text-align: right}
.modal .btn-submit {margin:0!important}
.btn-primary,.btn-primary:hover,.bg-primary {color: #fff; background-color:var(--blue); border-color: rgba(0,110,255,.5);}
.btn-secondary,.btn-secondary:hover,.bg-secondary {color: #fff; background-color:var(--orange); border-color: rgba(0,110,255,.5);}
.jumbotron {border-radius: 2em!important;}
.text-bold {font-weight: bold!important}
.panel-heading a,.panel-heading a:hover {text-decoration: none}
.panel-heading a:after {font-family:'FontAwesome'; content:"\f13a"; float: right; color: grey;}
.panel-heading a.collapsed:after {content:"\f139"}
.trash:before {color: rgba(255,0,0,.8)!important}
.explain {margin: 1em 0;}
.columns-4 { columns: 25% 4; -webkit-columns: 25% 4; -moz-columns: 25% 4;}
.mr {margin-right: 0.5em}
.mt {margin-top: 1em}
.mb {margin-bottom: 2em}
.help {display: none}
.help:after {font-family:'FontAwesome'; font-size: 1.5rem; color: var(--blue); position: relative; left: .2em; top: -.5em; cursor: pointer;content:"\f059"}
.help-small:after {font-size: 1em!important; top:-.2em!important}
.help:hover:after { content:"\f29c"}
hr {clear: both}
.off {display: none}
.right {text-align: right}
.bt {border-top: 1px solid #ccc}
.menu {margin-bottom: 2em}
.mmenu>a  {display: block; float: left; text-align: center; background-color: #fff; color: #000; border: 1px solid #000; text-decoration: none; font-size: 1.2em;line-height: 20px; margin: 0 0.5em;}
.menu>a:first-child {margin: 0}
.menu>a {display: block; float: left; height: 30px; line-height: 30px; border: 1px solid #000; border-radius: 8px; width: 120px; margin: 0 0.5em; font-size: 1.2em; text-align: center; text-decoration:none; color:#000; background-color: #fff; background-image: -moz-linear-gradient(top, #aaa, #fff); background-image: -ms-linear-gradient(top, #aaa, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aaa), to(#fff)); background-image: -webkit-linear-gradient(top, #aaa, #fff); background-image: -o-linear-gradient(top, #aaa, #fff); background-image: linear-gradient(top, #aaa, #fff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#fff', GradientType=0);}
.menu>a.act,.menu>a:hover {color: #fff; background-color: #000; background-image: -moz-linear-gradient(top, #666, #000); background-image: -ms-linear-gradient(top, #666, #000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000)); background-image: -webkit-linear-gradient(top, #666, #000); background-image: -o-linear-gradient(top, #666, #000); background-image: linear-gradient(top, #666, #000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#000', GradientType=0);}
.day .bs-callout {padding: 5px; margin: 5px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.modal-title {color: #337ab7}
.btn-submit {margin-top: 1em;}
.row.striped {border: 1px solid transparent; border-bottom: 1px solid #ddd}
.row-inactive td {color: #aaa!important}
.row.striped:last-child {border-bottom: 1px solid transparent!important;}
.clickable,.pointer {cursor: pointer!important}
.ml-10 {margin-left: 1em}
.bgcolor-success {background-color: #41d060!important; color: #fff!important}
.bgcolor-info {background-color: #47b8e7!important; color: #fff!important}
.bgcolor-warning {background-color: #fcf8e3!important; color: #8a6d3b!important}
.bgcolor-danger {background-color: #ff3333!important; color: #fff!important}
.color-success,.icon-success:before {color: #41d060!important;}
.color-info {color: #47b8e7}
.color-warning {color: #8a6d3b!important;}
.color-danger,.icon-danger:before {color: #ff3333}
.amount,.currency {text-align: right}
.currency:before {content: '€ '}
td.amount,td.currency,th.amount,th.currency {width: 1em}
.center {text-align: center}
.form-inline label {display: inline-block; height: 2.2em; line-height: 2.2em; margin: 0;}
.form-inline .form-group {margin:0;}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #fcfcfc!important;}
.form-control.alert-danger {background-repeat: no-repeat; background-position: right 10px center; background-image: url(../images/warning.png)!important}
.alert-comment {position: absolute; z-index: 9999; top: .8em; right: 3em; font-size: .8em; font-weight: bold}
.legend-summary {font-weight: bold}
#breadcrumbs {overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none;}
#breadcrumbs li {float: left; margin: 0 .5em 0 1em;}
#breadcrumbs li>a,#breadcrumbs li>span {background: #ddd; color: #444; position: relative;}
#breadcrumbs li>a {padding: .7em 1em; float: left; text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,.5);}
#breadcrumbs li>span {padding: .1em 1em .2em 1em; float: left;}
#breadcrumbs li>a:hover,#breadcrumbs li>span:hover, #breadcrumbs li>span select:hover {background: var(--orange); color: #fff}
#breadcrumbs li>a::before,#breadcrumbs li>span::before {content: ""; position: absolute; top: 50%; padding-left: 1px; margin-top: -1.5em; border-width: 1.5em 0 1.5em 1em; border-style: solid; border-color: #ddd #ddd #ddd transparent; left: -1em;}
#breadcrumbs li>a::after,#breadcrumbs li>span::after {content: ""; position: absolute; top: 50%; padding-left: 1px; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid #ddd; right: -1em;}
#breadcrumbs li>a:hover::before,#breadcrumbs li>span:hover::before {border-color: #657969 var(--orange) var(--orange) transparent;}
#breadcrumbs li>a:hover::after,#breadcrumbs li>span:hover::after {border-left-color: var(--orange);}
#breadcrumbs .current {margin: 0.2em .2em 0 1em; font-size: 1.6em; background: none; color: inherit; }
#breadcrumbs .current::after,#breadcrumbs .current::before {content: normal;}
#breadcrumbs li>span select {padding:0!important; margin:.1em 0 0 0; border: none!important; border-radius: none!important; box-shadow: none!important; background: inherit!important; color: inherit;}
.selectize-input {background-color: inherit!important}
.selectize-input {vertical-align: middle; padding:0!important; margin:0 0 0 0; border: none!important; border-radius: none!important; box-shadow: none!important; background: inherit!important; color: inherit;}
.selectize-dropdown,.selectize-input,.selectize-input input {line-height: 2.6em!important}
#breadcrumbs li>span .selectize-input input::-webkit-input-placeholder {color: #222;}
#breadcrumbs li>span .selectize-input input:-moz-placeholder {color: #222; opacity:  1;}
#breadcrumbs li>span .selectize-input input::-moz-placeholder {color: #222; opacity:  1;}
#breadcrumbs li>span .selectize-input input:-ms-input-placeholder {color: #222;}
.blue {color: var(--blue); border-bottom: 1px solid var(--blue)}
.bgblue {background-color: var(--blue);}
.green {color: #2db24a}
.tooltip > .tooltip-inner {background-color: var(--orange)}
.tooltip.top > .tooltip-arrow {border-top: 5px solid var(--orange);}
.tooltip-error + .tooltip > .tooltip-arrow {border-top-color: #a94442}
.tooltip-error + .tooltip > .tooltip-inner {background-color: #a94442!important;}
.label {font-style: italic}
a.external-link:hover {text-decoration: none}
a.external-link:after {font-family: 'FontAwesome'!important; content: '\f08e'!important}
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.bs-callout h4 {
margin-top: 0;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
background-color: #fcf2f2;
border-color: #d9534f;
}
.bs-callout-warning {
background-color: #fefbed;
border-color: #f0ad4e;
}
.bs-callout-info {
background-color: #f0f7fd;
border-color: #5bc0de;
}

.modal.in {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
  }
  .modal.in .modal-dialog.aside {
    -webkit-transform: -340px;
    -moz-transform: -340px;
    -ms-transform: -340px;
    -o-transform: -340px;
    transform: -340px;
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -o-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .modal.in .modal-dialog.aside.aside-1 {
    -webkit-transform: calc(-340px + 40px);
    -moz-transform: calc(-340px + 40px);
    -ms-transform: calc(-340px + 40px);
    -o-transform: calc(-340px + 40px);
    transform: calc(-340px + 40px);
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
  }
  .modal.in .modal-dialog.aside.aside-2 {
    -webkit-transform: calc(-340px + (40px * 2));
    -moz-transform: calc(-340px + (40px * 2));
    -ms-transform: calc(-340px + (40px * 2));
    -o-transform: calc(-340px + (40px * 2));
    transform: calc(-340px + (40px * 2));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
  }

@media (max-width: 768px) {
    body{font-size: 16px;}
}
html {position: relative;  min-height: 100%;}
body {margin-bottom: 3em;}
.footer {position: absolute; bottom: 0; left: 0; width: 100%;  height: 3em;background-color: #f5f5f5;}
.footer>div {padding: 0 1em!important}
.table-footer {margin: 0!important}
.table-footer tr td {color: #aaa; width: 33%}
.table-footer tr td a {color: inherit}
.table-footer tr td:nth-child(2) {text-align: center}
.table-footer img {max-height: 1.8em; margin: auto;}