@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,th,td,select,input,textarea,.input-group-addon {font-size: 14px}
body,html {height: 100%;}
body {margin: 1em; background-color: rgb(255,255,255)!important;}
body,.textcolor {color: #44444!important;}
::selection {background: rgb(238,115,71)!important}

fieldset {border: 1px solid #000!important; border-radius: 8px!important; padding: 0 .5em!important;}
fieldset.readonly {border: none!important; border-radius: none!important; padding: 0!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;}
a.fa:hover {text-decoration: none; cursor: pointer}
#pageTop {position: relative; min-height: 70px}
#loginDetail {position: absolute; right: 0; top: 3em;}
#mainMenu {background-color: #fff; margin-top: 2.2em; z-index: 100}
#searchBox {position: absolute; margin-top: -1px; left: 300px; width: 30%}
.page-title {position: absolute; width: 100%;right: 0; text-align: right}
.page-title h1 {margin: 0; font-size: 2em; color: #006eff}
.newsbox {background-color: #f4f4f4; color: #222; margin-left: .5em; margin-top: -.5em; box-shadow: .5em .5em .5em #888; width: 30%; padding: .5em; right: 1em}
.newsbox h2 {margin: 0; color: inherit; border-color: #fff}
.newsbox h3 {font-size: 1.2em; margin-top: .5em}
.newsbox a,.newsbox a:after {color: inherit}
.article {padding-bottom: .5em; border-bottom: 1px solid #555}
.article:last-child {border: none}
.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}
.main {padding: 10px 10px 0 10px;}
.link-forward:after {font-family:'FontAwesome'; content: ' \f04e'; color:rgb(0,110,255)}
.link-backward:before {font-family:'FontAwesome'; content: '\f04a  '; color:rgb(0,110,255)}
.navbar-brand {font-family: arial; font-weight: bold; color: #000!important}
.navbar-link {color: #1da5de!important}
.top-bar {position: absolute; z-index: 1; top: 35px; right: 0; width: calc(100% - 240px);border-top: 2px solid rgb(238,115,71)}
a.external-link:hover {text-decoration: none}
a.external-link:after {font-family: 'FontAwesome'!important; content: '\f08e'!important}
a.external-target:after {font-family: 'FontAwesome'!important; content: '\f08e'!important; font-weight: bold}
.table th {vertical-align: top!important; background-color: #006eff; color: #fff}
.no-sort:after {display: none!important; }
.no-sort {cursor: default!important; }
input[type='checkbox'],input[type='radio'] {width: auto; height: auto}
.highlite {background-color: #f00; color: #fff}
.table thead th,.panel-heading {background-color: rgb(0,110,255)!important}
.table tfoot tr td,.table tfoot tr th {border-top: 2px double #444!important; padding: .5em .6em!important}
.tooltip table th,.tooltip table td,.table-title th,.table-title td {text-align: left; padding: .2em .5em; white-space: nowrap}
.table-bordered thead:first-child {background-color: #ddd}
.table-bordered .normal {background-color: transparent}
.table-form tr:last-child {border-bottom: 1px solid #ddd!important}
.table-form tr>td,.table-middle tr>td,.table-view tr>td {vertical-align: middle!important;}
.table-form tr>td:first-child ,.table-view tr>td:first-child{width: 30%; padding:.5em!important; vertical-align: top!important}
.table-form input[type='text'],.table-form input[type='password'],.table-form input[type='email'],.table-form input[type='number'],.table-form textarea,.table-form input[type='url'],.table-form select {display: block!important; padding: .5em!important; margin: 0!important; border: none!important; width: 100%!important; border-radius: 0!important; line-height: 1!important;}
.dataTables_wrapper input,.dataTables_wrapper select {padding: .5em!important; border-radius: 4px!important; border: 1px solid #ccc; line-height: 1!important;}
.dataTables_length label,.dataTables_filter label {font-weight: normal!important}
.ttable-form .bootstrap-select .dropdown-toggle {background-color: rgba(0,0,100,.02)}
.table-form .form-control-static {padding: .5em}
.table-form input[type='radio'] {background-color: #f00}
.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 input[type='radio'] {margin:.8em .2em!important}
.table-form .radio {padding-left: 1em}
.table-form tr>td>label {margin:0!important; padding: 0!important; }
.table-form tr>td {margin: 0 !important; padding: 0 !important;}
.table-form tr>td.text-top {vertical-align: top!important; padding-top: .5em!important}
.table-form label {display: block; float: left; font-weight: normal; margin: .35em 1em .35em .35em !important}
.table-form tr>td>div {font-weight: bold!important}
.table-form tr>td>div.input-group,.table-form tr>td>div input,.table-form tr>td>div select {font-weight: normal!important}
.table-form tr.header {background-color: #006eff; height: 2.5em}
.table-form tr.header td,.table-form tr.header th {color: #fff}
.table-form tr.header td a{color: inherit}
.table-hover>tbody>tr:hover {background-color: #ddd!important}
.table-slider {position:relative; margin: 0; height: 2.6em; border: none}
.table-slider tr>td {text-align: center;  border-right: 1px solid #1da5de}
.table-striped>tbody>tr:nth-of-type(odd),div.newsitem:nth-of-type(odd),.form-container,.table-form,.readonly {background-color: #f4f4f4!important}
.table-striped>tbody>tr:nth-of-type(even),div.newsitem:nth-of-type(even) {background-color: #ffffff!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}
.panel-heading a:hover {text-decoration: none}
.panel-heading .btn-primary {color: #000; background-color: #fff!important;}
.panel {border-radius: 0!important}
div.caseEan {border: none!important}
.panel-primary .panel-heading {background-color:#0f72b5}
.context-menu-list .fa-trash:before {color: rgba(255,0,0,.8)!important}
.columns-4 {column-count: 4; column-width: 25%;}
.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; position: relative; left: .2em; top: -.8rem; cursor: pointer;content:"\f059"}
.help:hover:after { content:"\f29c"}
hr {clear: both}
.off {display: none}
.right {text-align: right}
.bt {border-top: 1px solid #ccc}
.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;}
.btn-primary,.btn-submit {background-color: rgba(238,115,71,.8)!important; border: 1px solid rgba(238,115,71,.9)!important;}
.btn-primary:hover {background-color: rgb(238,115,71);border: 1px solid rgb(238,115,71);}
.icon-danger:before {color: rgba(255,0,0,.8)!important}
.row.striped {border: 1px solid transparent; border-bottom: 1px solid #ddd}
.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}
.col-label {line-height: 2.4em}
.color-success {color: #41d060!important;}
.color-info {color: #47b8e7}
.color-warning {color: #8a6d3b!important;}
.color-danger {color: #ff3333}
.transparent {opacity: .5}
.amount,.currency {text-align: right;}
.currency:before {content: '€ '}
.center {text-align: center}
.form-inline label {display: inline-block; font-weight: normal; height: 2.2em; line-height: 2.2em; margin: 0;}
.form-inline .form-group {margin:0;}
h2 .form {font-size: .5em; line-height: 1em; margin-top: -.3em}
h2 .form button {top: 0!important;}
h2 button {position: relative; top: -.3em;}
h2 select {position: absolute; margin: -.6em 0 0 1em;display: inline-block!important; width: auto!important;}
.table-form .date {max-width: 12em; padding: 0!important}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #fcfcfc;}
.form-control.alert-danger {background-color: #f2dede!important; background-repeat: no-repeat; background-position: right 10px center; background-image: url(../images/warning.png)}
.legend-summary {font-weight: bold}
.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}
h2,.blue {color: #006eff; border-bottom: 1px solid #006eff}
h2 a {color: inherit}
.bgblue {background-color: #1da5de;}
.green {color: #2db24a}
.tooltip > .tooltip-inner {background-color: #1da5de}
.tooltip.top > .tooltip-arrow {border-top: 5px solid #1da5de;}
.tooltip-error + .tooltip > .tooltip-arrow {border-top-color: #a94442}
.tooltip-error + .tooltip > .tooltip-inner {background-color: #a94442!important;}
.badge {margin-top: -1em; background-color: #d9534f}
.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;}
.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;}
h2 {font-size: 1.7em}
nav.sidebar, .main{-webkit-transition: margin 200ms ease-out; -moz-transition: margin 200ms ease-out; -o-transition: margin 200ms ease-out; transition: margin 200ms ease-out;}
span[data-notify="icon"] {display: none; float: left;}
span[data-notify="title"] {font-weight: bold; display: block; }
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {color: #ccc; background-color: transparent;}
nav:hover .forAnimate{opacity: 1;}
section {padding-left: 15px;}
#footer {position: absolute; height: 3em; width: 98%; border-top: 1px solid #ccc; display:none; padding: 1em}
#footer ul {padding: 0; list-style-type: none}
#footer ul li {display: inline; margin-right: 1em; cursor: pointer}
#footer ul li:before {content: '/'; position: relative; top: 2px; left: -.4em; font-size: 1.2em;}
#footer ul li:last-child {margin-right: 0}
#footer ul li a {text-decoration: none}
.form-container,.bg-form {padding: 1em;}

@media (min-width: 768px) {
.desktop {display: block!important}
.mobile {display: none!important}
body{font-size: 14px;}
.main{position: absolute; width: calc(100% - 40px); margin-left: 40px; float: right;}
nav.sidebar:hover + .main{margin-left: 240px;}
nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
nav.sidebar .navbar-brand, nav.sidebar .navbar-header{text-align: center; width: 100%; margin-left: 0px;}
nav.sidebar a{padding-right: 13px;}
nav.sidebar .navbar-nav > li:first-child {border-top: 1px rgba(2,103,175,.5) solid}
nav.sidebar .navbar-nav > li {border-left: 1px rgba(2,103,175,.5) solid;border-right: 1px rgba(2,103,175,.5) solid;border-bottom: 1px rgba(2,103,175,.5) solid; color:#006eff; background-color: #ffffff}
nav.sidebar .navbar-nav > li:hover,nav.sidebar .navbar-nav > li.active,.dropdown-menu>li>a:hover {color: #ffffff!important; background-color: #006eff!important}
nav.sidebar .navbar-nav > li > a,nav.sidebar .navbar-nav > li > a:hover {font-size: 1.2em;background-color: inherit!important; color: inherit!important}
nav.sidebar .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}
nav.sidebar .nav-text {margin-left: .22em;}
nav.sidebar .dropdown-menu li {height: 3em; margin: 0!important; padding:0!important; background-color: #ffffff; border-top: 1px solid #fff;}
nav.sidebar .dropdown-menu li a {color: #f00; line-height: 3em}
nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{padding: 0 0px 0 0px;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #777;}
nav.sidebar{width: 240px; height: 100%; margin-left: -160px; float: left; margin-bottom: 0px;}
nav.sidebar li {width: 100%;}
nav.sidebar:hover {margin-left: 0px;}
.forAnimate{opacity: 0;}
}

@media (min-width: 1000px) {
.main{width: calc(100% - 260px); margin-left: 240px;}
nav.sidebar{margin-left: 0px; float: left;}
nav.sidebar .forAnimate {opacity: 1;}
}

@media (max-width: 768px) {
.desktop {display: none!important}
.mobile {display: block!important}
body {margin: .2em; font-size: 15px}
#logo {display: none}
#loginDetail {display: none}
#searchBox {position: relative!important; width: 100%; margin-top: 40px!important; left: 0!important; padding-top: 1em;}
.navbar-brand {padding:.2em}
.navbar-brand img {width: 180px!important;}
#pageTop {min-height: 40px}
h2 {font-size: 1.3em;}
#mainMenu {position: absolute; margin: 0; width: 100%; top: 0}
#footer {font-size: .8em; padding-top: .5em}
#footerContent {margin: 0!important; padding: 0!important; float: none!important; text-align: center!important;}
#footer ul li:before {content: ' '}
.newsbox {float: none!important; margin-left: 0; box-shadow: none; width: 100%}
.newsbox h3 {font-size: 1.1em}
}