/*.container-fluid {*/
    /*max-width: 80em;*/
    /*margin-top: 1em;*/
/*}*/
body {
}
.om-module .btn {
    border: 2px solid #212945;
    border-radius: 8px;
}
.om-module .btn:hover {
    text-decoration: none;
    background-color: #212945;
    border-color: #212945;
    color: #fff;
}
.om-module .status-new {
    background-color: #DAEFFD;
    border-color: #2B6A94;
    color: #2B6A94;
}
.om-module .status-in-work {
    border-color: #413768;
}
.om-module .status-waiting {
    border-color: #E2DEEF;
    font-style: italic;
}
.om-module .status-waiting.active {
    border-color: #413768;
}
.om-module .status-done {
    border-color: #CFF5F2;
    background-color: #CFF5F2;
    color: #0A7C71;
}
.om-module .status-done.active {
    border-color: #0A7C71;
}
.om-module table select, .table td > select {
    border: none;
    background-color: transparent;
}
.signature.hint-text a {
    color: inherit;
    text-decoration: underline;
    text-decoration-style: dotted;
}
.block-email-address {
    opacity: 0.3;
}
.block-email-address:hover {
    opacity: 0.7;
    color: #f55753 !important;
}
.blocked .email-address {
    text-decoration: line-through;
}
.blocked .block-email-address {
    display: none;
}
.weekend-day {
    border-top: 5px solid #f0f0f0;
}
#activity-list .attachments {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: 0.8rem;
    margin-top: 0.8rem !important;
}
#activity-list .attachments a {
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 1.3rem;
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.2rem 0.8rem;
    color: #000;
}
.ticket-id span {
    border: 2px solid transparent;
    border-radius: 2rem;
    display: inline-block;
    padding: 0 5px;
}
.table tbody tr td.editButtons2 {
    width: 1px;
    padding-left: 20px;
    height: 52px;
}
.editButtons2 div.pull-right .btn:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.editButtons2 div.pull-right .btn {
    margin-left: -8px;
    border-radius: 0;
    border: 2px solid rgba(230, 230, 230, 0.7);
}
.editButtons2 div.pull-right .btn:hover {
    text-decoration: none;
    background-color: #212945;
    border-color: #212945;
    color: #fff;
}
.editButtons2 div.pull-right .btn:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-color: #212945;
}
form .modal .row [class*='col-']:first-child {
    padding-left: 7px;
}
.om-module .table tbody tr td {
    padding: 1.4rem 0.7rem;
}
#activity-list {
    list-style: none;
    padding: 0;
}
#activity-list li {
    margin-left: 20%;
    margin-bottom: 1.5rem;
}
#activity-list li.from-client {
    margin-left: 0;
    margin-right: 20%;
}
#activity-list .message {
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 1rem;
    overflow: hidden;
    overflow-x: scroll;
}
#activity-list .message * {
    margin: 0;
}
#activity-list .date, .activities-to-send .date {
    font-size: 0.8rem;
    color: rgba(98, 98, 98, 0.55);
}
#activity-list .intro {
    text-align: right;
    margin-bottom: 0;
}
#activity-list li.from-client .intro {
    text-align: left;
}
#activity-list .checkbox label {
    margin: 0;
    padding-left: 0;
}
#activity-list .checkbox.check-success input[type=checkbox]:checked + label:before {
    margin: 0;
}
#activity-list .checkbox label:before {
    margin-right: 0;
}
#activity-list .checkbox label::after {
    left: -2px;
}
.mark-activity .fa-envelope {
    color: #f8d053;
}
#activity-list .mark-activity .message {
    border-color: #f8d053;
}
.table tbody tr.no-actions td {
    opacity: .5;
}
.filter.pill:not(.active) {
    border: none;
}
.pill {
    border-radius: 1rem;
    padding: 0.3rem 0.6rem;
    color: #413768;
    background-color: #E2DEEF;
    border: 2px solid #E2DEEF;
}
.pill.default {
    color: #212945;
    background-color: #fff;
    border-color: #212945;
}
.logo {
    margin: 0.8em 0;
}
.step .image img {
    max-width: 80%;
    height: auto;
}
.step {
    text-align: center;
}
.step .step-buttons {
    position: fixed;
    bottom: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.step .step-buttons .btn {
    font-size: 1.5rem;
    line-height: initial;
}
#navigation {
    margin-top: 20px;
}
div.cs-skin-slide > span::after, div.cs-skin-slide.cs-active > span::after {
    font-family: "Font Awesome 5 Pro";
}
.flashmessages {
    padding: 0;
}
.flashmessages li {
    list-style: none;
    padding: 1em;
}
form.delete {
    display: inline;
}
.profile-dropdown-toggle > span {
    background-color: #606060;
}
body.login > .pgn-wrapper[data-position="top"] {
    top: 60px;
    left: 0;
}
.pace .pace-activity {
    display: none;
}
.panel:not(.widget-11) {
    background-color: #f0f0f0;
}
.form-group-default.checkbox.focused {
    background-color: #fff;
}
[data-toggle-pin="sidebar"] > i:before {
    content: "\f111";
}
.form-group-default.checkbox label.fade, .form-group-default.checkbox.focused label {
    opacity: 1;
}
.checkbox input[type="checkbox"]:focus + label {
    color: #626262;
}
.checkbox input[type="checkbox"]:focus + label:before {
    background-color: #fff;
}
.form-group-default label {
    display: inline;
}
.form-group-default.has-error, .singleInput .f3-form-error {
    background-color: rgba(245, 87, 83, 0.1);
}
.form-group-default label.fade {
    opacity: 1;
}
.form-group-default.focused, .form-control:focus {
    background-color: #fff;
    border-color: #212945 !important;
}
.form-group-default.focused label {
    opacity: 1;
    color: #212945;
}
.cursor-pointer {
    cursor: pointer;
}
.single-password-field .input-group-append {
    cursor: pointer;
}
.single-password-field .input-group-text {
    background-color: #fff;
    color: #626262;
}
.demo {
    margin-right: 1rem;
}
.demo strong {
    text-decoration: underline;
    color: #f59e00;
}
.first-steps {
    font-size: 1.4rem;
    color: #2c2c2c;
}
ol.first-steps > li {
    margin-bottom: 1.1rem;
}
.first-steps ul {
    font-size: 1.2rem;
}
.first-steps ul > li {
    margin-bottom: 0.4rem;
    margin-top: 0.4rem;
}
.first-steps a {
    text-decoration: underline;
}
.first-steps a:hover {
    text-decoration: none;
}
.configure-header {
    line-height: 2.4rem;
}
.starter-actions > .col-md-4 {
    margin-bottom: 1.4rem;
}
.starter-actions {
    font-size: 2rem;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}
.starter-actions a > span {
    display: block;
    margin-bottom: 0.3rem;
}
.starter-actions .fa-clipboard-euro {
    line-height: 1;
}
.starter-actions .fa-clipboard-euro:after {
    top: 15px;
}
.notification-list a, .toggleProtocol, .toggleTimerEntries {
    cursor: pointer;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li > a.active {
    text-decoration: none;
    color: #fff;
    background-color: #212945;
}
.nav-tabs-simple > li > a.active:focus {
    background-color: #212945;
    color: #fff;
}
.timerEntries h4 {
    margin-bottom: 0;
}
#timerEntries .time {
    text-align: right;
}
.disabled-text {
    text-decoration: line-through;
    color: #969696;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
    font-size: 1.3rem;
    background-color: #888;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    right: 20px;
    line-height: 14px;
}
.filters .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
    right: 20px;
}
.orderLineItemsList .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
    right: 20px;
    top: 5px;
}
.invoice-number .select2-container .select2-selection.select2-selection--single {
    height: 40px;
}
.transactions-table .invoice-number .select2-container .select2-selection .select2-selection__rendered {
    line-height: 1rem;
}
.transactions-table .select2-input .select2-container .select2-selection .select2-selection__arrow {
    display: none;
}
.has-error .select2-container .select2-selection {
    background-color: rgba(245, 87, 83, 0.1);
}
.select2-container {
    border: 1px solid transparent;
}
.select2-container--focus, .btn:focus {
    border-color: #212945 !important;
}
.table tbody tr td.client-type {
    font-size: 0.6rem;
}
span.harvest {
    background-color: #f36c00;
    padding: 8px 12px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    border-radius: 3px;
}
.time span.harvest {
    padding: 0px 4px;
}
button.harvest {
    border-color: #f36c00 !important;
}
form.refreshHarvestForm {
    display: inline;
}
.price .quick-input {
    text-align: right;
}
.calculated-price {
    color: #626262 !important;
}
.quick-input {
    border: 1px solid transparent;
    color: #626262;
    border-bottom: 1px dotted #10cfbd;
}
.quick-input:disabled {
    border: none;
    background-color: transparent;
}
.quick-input:focus {
    border-color: rgba(230, 230, 230, 0.7);
    border-bottom: 1px solid #10cfbd;
}
.quick-actions a, .quick-actions span.disabled {
    position: relative;
    color: #eee;
    font-size: 17px;
    color: #3b4751;
}
.quick-actions span.disabled {
    color: #eee;
}
.quick-actions span.disabled .bubble {
    display: none;
}
.bubble {
    border-radius: 100%;
    height: 14px;
    width: 14px;
    background-color: rgba(226, 32, 91, 0.77);
    color: #fff;
    position: relative;
    top: -6px;
    float: right;
    right: -5px;
}
.quick-actions a .bubble {
    position: absolute;
    background-color: #10cfbd;
    top: -6px;
    right: -6px;
    height: 12px;
    width: 12px;
}
form.backupNotification {
    display: inline-block;
    font-size: 12px;
    margin-right: 20px;
    margin-top: -5px;
}
form.backupNotification p, form.backupNotification button {
    font-size: 12px;
    margin: 0;
    display: inline-block;
    margin-right: 6px;
}
#footerBar {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    height: 48px;
}
.page-container .page-content-wrapper {
    padding-bottom: 40px;
}
#footerBar .notification-list {
    display: inline-block !important;
    height: 100%;
}
#footerBar .notification-list a, #footerBar .notification-list span span {
    margin-top: 14px;
}
div.errors {
    background-color: #F77975;
    padding: 1em;
    margin-bottom: 2em;
    color: #fff;
}
div.errors p:last-child {
    margin-bottom: 0;
}
div.errors h4 {
    color: inherit;
    margin-top: 0;
}
.companyAdditional h3 {
    margin-bottom: 0;
}
.companyAdditional .form-group-attached {
    padding-bottom: 3.2em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.companyAdditional .form-group-attached.input-group {
    padding-bottom: 0;
}
.multipleInputs .add {
    margin-top: 0.3em;
}
.multipleInputs .form-group-default.form-group-default-select2 {
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
}
.multipleInputs .form-group-default.input-group.checkbox label {
    padding-left: 25px;
}
.table tbody tr td {
    vertical-align: middle;
}
.popover {
    z-index: 2000;
}
.popover-lg {
    max-width: 800px;
}
.anniversaries .singleInput {
    max-width: 35em;
}
.table > thead > tr > th {
    padding: 20px;
}
.filters .input-group-addon {
    padding: 0;
}
.table > thead > tr > th.filters form, .filters form {
    padding-right: 0;
}
.filters form {
    margin-top: 40px;
}
.table > thead > tr > th.filters, .filters {
    padding-right: 0;
}
.filter.pill strong.small {
    font-weight: bold;
    background-color: #373e57;
    color: #fff;
    font-size: 0.6rem;
    padding: 0.1rem 0.3rem;
    border-radius: 1rem;
}
.filter-block {
    padding-bottom: 10px;
}
.filter-row {
    display: flex;
    gap: 1.5rem;
}
.filter-row .divider-vertical {
    height: 1rem;
}
.filter-type {
    background-color: #f0f0f0;
    border-radius: 3rem;
    display: flex;
    gap: 0.3rem;
    align-items: center;
    padding: 0.15rem 0.8rem;
}
.filter-type .filter {
    display: block;
}
.om-calendar .day-container {
    min-height: 8rem;
}
.om-calendar .day {
    vertical-align: top;
    padding: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.7);
    width: unset !important;
}
.om-calendar .day .date-day {
    background-color: #373e57;
    color: #fff;
    padding: 0.2rem 0.4rem;
    text-align: left;
    font-weight: bold;
}
.om-calendar .day .calendar-entry {
    padding: 0.2rem 0.4rem;
}
.badge-menu {
    background-color: #10cfbd;
    color: #fff;
    font-size: 0.7rem;
    padding: 0.1rem 0.3rem;
    width: 1.3rem;
    border-radius: 1rem;
    position: absolute;
    top: 0rem;
    right: -0.2rem;
}
.badge-menu.warning {
    background-color: #f8d053;
}
.table {
    white-space: nowrap;
}
body.menu-behind .header .brand {
    width: auto;
}
.header .brand {
    width: 375px;
}
ul.notification-list {
    margin-left: 30px;
}
.bootstrap-timepicker-widget {
    z-index: 2000 !important;
}
body.menu-behind .header .brand {
    margin-right: 15px;
}
div.dataTables_wrapper .dataTables_info, .dataTables_paginate.paging_bootstrap.pagination {
    padding: 0;
    margin-top: 0;
}
.uploads .form-group-default {
    position: static !important;
}
#invoiceLineItemsTable .singleInvoiceLineItem.disable-automatic-price-calculation .unitPriceForm input[type="text"] {
    border-bottom: 2px solid rgb(218, 239, 253);
    border-top: 2px solid transparent;
}
.table th a {
    color: inherit;
    text-decoration: underline dotted;
}
.table th a:hover {
    text-decoration-color: #0090d9;
}
.table th a.sorting:after {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    padding-left: 5px;
}
.breadcrumb > .breadcrumb-item + .breadcrumb-item:before, .checkbox input[type=checkbox]:checked + label::after {
    font-family: "Font Awesome 5 Pro";
}
.table th .searchForm input[type=submit], .searchForm input[type=submit] {
    font-family: "Font Awesome 5 Pro";
    border: none;
}
.table th a.sorting.asc:after {
    content: '\f077';
}
.table th a.sorting.desc:after {
    content: '\f078';
}
.table tr td:not(.editButtons) a:not(.btn), .table tr td:not(.editButtons) strong {
    color: #212945;
}
.table tr td .buttons a:not(.removeButton) {
    color: #fff;
}
.table tr td:not(.editButtons) a:hover {
    text-decoration: underline;
}
.editButtons > div.pull-right.has-additional-buttons, .editButtons2 > div.pull-right.has-additional-buttons {
    position: relative;
    width: 100px;
    height: 35px;
}
tr.canceled td {
    text-decoration: line-through;
}
.table tbody tr.draft > td {
    background-color: #E8F6FF;
    background-color: rgba(232, 246, 255, 0.5);
}
.delivery-name {
    color: #666;
    font-size: 90%;
}
.form-group-default textarea.form-control {
    height: 240px;
}
.loadingIndicator .loading-box {
    color: transparent;
    background: linear-gradient(100deg, #fff 25%, #f0f0f0 50%, #fff 75%);
    background-size: 400%;
    animation: loading 1.5s ease-in-out infinite;
    width: 100%;
    height: 100%;
}
.loadingIndicator td {
    height: 51px !important;
    padding: 0 !important;
}

@keyframes loading {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}
a[data-toggle="modal"] {
    cursor: pointer;
}
.modal .form-group-default .mce-tinymce iframe {
    height: 240px !important;
}
.modal-header h5 {
    margin-top: 0;
    color: #fff;
    font-weight: bold;
}
.modal .modal-header {
    border-bottom: none;
    background-color: #212945;
    border-radius: 0;
    padding: 10px 25px 0 25px;
}
.modal .close {
    color: #fff;
    opacity: 1;
    top: 9px;
    right: 15px;
}
.form-group-default textarea#companyName, .form-group-default textarea#deliveryName, .form-group-default textarea.companyNameField {
    height: auto;
}
.form-group-default .cs-skin-slide > span {
    height: 35px;
    padding: 6px 33px 6px 17px;
    line-height: 23px;
}
.jumbotron {
    margin-bottom: 1rem;
}
.or-helper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-tabs {
    border-color: #212945;
}
@media (min-width: 1200px) {
    form .row .col-xl-12 {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }
}
#invoiceLineItemsTable .singleInvoiceLineItem td.articleTitle {
    padding-left: 1rem;
    padding-right: 1rem;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.itemTitleDisplay {
    width: 9rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.areaValueX input, .areaValueY input, .variant-value-string input {
    min-width: 6rem;
}
#booking-form .table tbody tr td.price .is-article-position {
    padding-right: 15px;
    padding-left: 25px;
}
#booking-form #invoiceLineItemsTable .singleInvoiceLineItem td input[type="text"].amount {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
}
#booking-form #information {
    height: 5rem;
}
#booking-form #invoiceLineItemsTable .singleInvoiceLineItem td .select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0;
}
#booking-form #invoiceLineItemsTable td.select {
    max-width: 12rem;
}
#booking-form #invoiceLineItemsTable .singleInvoiceLineItem td input[type="text"]:not(.reset-field) {
    height: 65px;
}
#booking-form .singleInvoiceLineItem .netFullPrice p, #booking-form .singleInvoiceLineItem .unitPrice {
    width: auto;
}
#booking-form .table tbody tr td.price.netFullPrice, #booking-form .table tbody tr.sums td.price {
    padding-right: 25px;
}

.cs-select .cs-options ul li:first-child span {
    color: #E6E6E6;
    font-style: italic;
}
.cs-select.nav-tab-select .cs-options ul li:first-child span {
    color: inherit;
    font-style: inherit;
}
h1.col-md-6 {
    margin: 0;
}
form.searchForm {
    max-width: 350px;
    width: 100%;
    margin-bottom: 0;
}
div.clientGroupCheckboxes label {
    margin-right: 20px;
}
.modal-dialog .modal-content {
    border: none;
}
.modal-body {
    background-color: #fff;
    border: 1px solid #fff;
}
.modal-body h4 {
    margin-top: 20px;
    margin-bottom: 0;
    line-height: normal;
    font-size: 24px;
}
.modal-body h5 {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: normal;
}
.modal-body div.singleContactPerson {
    border-top: 1px solid #bcbec7;
    padding: 10px;
}
.modal-body div.singleContactPerson:nth-last-child(2) {
    border-bottom: 1px solid #bcbec7;
}
.modal-body div.singleContactPerson.isMainContact {
    border: none;
    border-left: 5px solid #212945;
}
.modal-body div.singleContactPerson p:last-child {
    margin-bottom: 0;
}
.modal-backdrop {
    z-index: 1052;
}
.modal {
    z-index: 1053;
}
.modal .form-group-default.form-group-default-select2 > label {
    z-index: 1054;
}
.form-group-default-select2 select {
    height: 52px;
}
.btn-cons {
    min-width: initial;
}
tr.inactive td:not(.editButtons) {
    color: #999999;
}
td a.inactive {
    text-decoration: line-through;
}
.form-group-default.radio label, .form-group-default.checkbox label {
    margin-bottom: 6px;
    display: inline-block;
    margin-right: 15px;
    padding-left: 25px;
}
.datepicker.dropdown-menu {
    z-index: 1055 !important;
}
.datepicker-inline {
    display: none !important;
}
.datepicker table tr td.today {
    background-color: #ffcd70;
    border-color: #f59e00;
    color: inherit;
}
.orderLineItemsList {
    padding-left: 15px;
}
.orderLineItemsList li {
    margin-bottom: 5px;
}
.orderLineItemsList li * {

}
span.for {
    clear: both;
    margin-right: 5px;
    margin-top: 7px;
    color: rgba(44, 44, 44, 0.35);
}
span.for a {
    color: inherit;
    text-decoration: underline dotted;
}
.table tbody tr td.title {
    border-bottom: 0;
    padding-bottom: 0px;
}
.table tbody tr.secondaryInfos td {
    padding-top: 0px;
}
.table thead tr th.title {
    padding-bottom: 0px;
    border-bottom: 0;
}
.table thead tr.secondaryInfos th {
    padding-top: 0px;
    border-top: 0;
}
.table tbody tr td.price {
    text-align: right;
}
table tbody tr.sums td {
    font-weight: bold;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
    height: 48px;
}
table tbody tr.sums.articleGroup td {
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
    font-weight: normal;
}
table tbody tr.sums.articleGroup.head td span {
    text-decoration: underline;
}
table tbody tr.sums.overall td {
    text-decoration: underline;
    text-decoration-style: double;
}
table tbody tr.sums.first td {
    border-top: 2px solid rgba(230, 230, 230, 0.7);
}
table tbody tr td.isRead, table tbody tr td.isRead label, table tbody tr td.isReadAll, table tbody tr td.isReadAll label {
    margin-right: 0;
    padding-right: 0;
    vertical-align: middle;
}
.exported .checkbox {
    margin: 0;
}
table th.price {
    text-align: right;
}
table td.overdue, div table td.overdue.info > a, div table td.overdue.info > a[data-toggle="modal"] {
    color: #F55753 !important;
}
table tr.overdue td, table tr.danger td {
    background-color: rgba(245, 87, 83, 0.05);
}
table tr.warning td {
    background-color: rgba(248, 208, 83, 0.05);
}
.services.dataTables_wrapper .dataTables_info {
    margin-top: 5px !important;
}
.panel.services {
    background-color: #fafafa;
}
.panel.services .tab-content {
    padding-left: 30px;
    padding-right: 0;
    padding-top: 0;
    border-left: none;
    position: relative;
}
.panel.services .tab-content:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    left: 0;
    margin-top: 35px;
}
.nav-tabs > li > a {
    font-weight: bold;
}
.nav-tabs-simple > li > a:after {
    background-color: transparent;
}
.nav-tabs.nav-tabs-left {
    margin-top: 35px;
}
.datepicker table tr td.active {
    background-color: #212945 !important;
}
.datepicker thead tr .dow, .datepicker thead tr .next, .datepicker thead tr .prev, .datepicker thead tr .next:before, .datepicker thead tr .prev:before {
    color: #212945;
}
.table tbody tr td, .table > thead > tr > th {
    padding: 8px 12px;
}
.table thead tr.secondaryInfos th:first-child {
    padding-left: 12px !important;
}
.dataTables_wrapper .dataTables_paginate ul > li, .dataTables_wrapper .dataTables_info {
    font-size: 13px;
}
.singleInput.disabled {
    width: 100%;
}
.positive {
    color: #10CFBD;
}
.negative {
    color: #F55753;
}

table tbody tr.score-1 td {
    background-color: rgba(16, 207, 189, 0.1);
    border-color: #fff;
}
table tbody tr.score-2 td {
    background-color: rgba(72, 176, 247, 0.1);
    border-color: #fff;
}
table tbody tr.score-3 td {
    background-color: rgba(109, 92, 174, 0.1);
    border-color: #fff;
}
table tbody tr.score-4 td {
    background-color: rgba(248, 208, 83, 0.1);
    border-color: #fff;
}
table tbody tr.score-5 td {
    background-color: rgba(245, 87, 83, 0.1);
    border-color: #fff;
}
table tbody tr.score-1 td:first-child {
    border-left: 5px solid #10CFBD;
}
table tbody tr.score-2 td:first-child {
    border-left: 5px solid #48B0F7;
}
table tbody tr.score-3 td:first-child {
    border-left: 5px solid #6D5CAE;
}
table tbody tr.score-4 td:first-child {
    border-left: 5px solid #F8D053;
}
table tbody tr.score-5 td:first-child {
    border-left: 5px solid #F55753;
}
table.sort-by- tbody tr.score-0 td, table.sort-by- tbody tr.score-1 td, table.sort-by- tbody tr.score-2 td, table.sort-by- tbody tr.score-3 td, table.sort-by- tbody tr.score-4 td, table.sort-by- tbody tr.score-5 td, table.sort-by-score tbody tr.score-0 td, table.sort-by-score tbody tr.score-1 td, table.sort-by-score tbody tr.score-2 td, table.sort-by-score tbody tr.score-3 td, table.sort-by-score tbody tr.score-4 td, table.sort-by-score tbody tr.score-5 td {
    border-top: 15px solid #fafafa;
}
.table tbody tr.score-0 ~ tr.score-0 td, .table tbody tr.score-1 ~ tr.score-1 td, .table tbody tr.score-2 ~ tr.score-2 td, .table tbody tr.score-3 ~ tr.score-3 td, .table tbody tr.score-4 ~ tr.score-4 td, .table tbody tr.score-5 ~ tr.score-5 td, .table tbody tr.score-5:first-child td, .table tbody tr.score-4:first-child td, .table tbody tr.score-3:first-child td, .table tbody tr.score-2:first-child td, .table tbody tr.score-1:first-child td, .table tbody tr.score-0:first-child td {
    border-top: none;
}
table > tbody > tr.score-0:hover > td, table > tbody > tr.score-1:hover > td, table > tbody > tr.score-2:hover > td, table > tbody > tr.score-3:hover > td, table > tbody > tr.score-4:hover > td, table > tbody > tr.score-5:hover > td {
    background-color: #F0F0F0;
    background-color: rgba(240, 240, 240, 0.3);
}
.score-1 .score-icon i {
    color: #10CFBD
}
.score-2 .score-icon i {
    color: #48B0F7
}
.score-3 .score-icon i {
    color: #6D5CAE
}
.score-4 .score-icon i {
    color: #F8D053
}
.score-5 .score-icon i {
    color: #F55753
}

/*.select2-container {
    width: 100% !important;
}
span.select2-container .select2-selection--single {
    padding-top: 20px;
    height: 52px;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 2px;
}
.form-group-default.form-group-default-select2>label {
    position: absolute;
    z-index: 10;
    padding: 7px 12px 0;
}*/
div:not(.datepicker-days) > table:not(.no-hover) > tbody > tr:not(.modal):not(.sums):hover > td, .table tbody tr.latestAction > td {
    background-color: #F0F0F0;
    background-color: rgba(240, 240, 240, 0.3);
}
.loading {
    cursor: wait !important;
}
.checkbox.load input[type=checkbox] + label:before {
    background-color: #d0d0d0;
}
.checkbox.load input[type=checkbox] + label:after {
    font-family: "Font Awesome 5 Pro";
    content: '';
    color: #fff;
}
.checkbox.error input[type=checkbox] + label:after {
    font-family: "Font Awesome 5 Pro";
    content: '';
    color: #fff;
    left: 6px;
}
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 25000;
    font-size: 30px;
    color: #212945;
    text-align: center;
}
.preloader:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}
.preloader i {
    display: inline-block;
    vertical-align: middle;
}
h5.recurringInfos, p.recurringInfos {
    margin-bottom: 0;
    padding-left: 12px;
}
p.recurringInfos {
}
#articleHelper {
    display: none;
}
.articleText {
    margin-top: 27px;
}
.articleText span {
    padding: 4px;
    background-color: #DAEFFD;
}
.articleText span .remove {
    cursor: pointer;
}
.singleInput .remove.disabled {
    cursor: default;
}
.editButtons2 div.pull-right > .btn.direct-delete:hover {
    background-color: #f55753;
    border-color: #f55753;
}
.table tbody tr.modal td.modal-dialog {
    padding: inherit;
    vertical-align: inherit;
    background: inherit;
    border-bottom: inherit;
    border-top: inherit;
    font-size: inherit;
    line-height: inherit;
    display: block;
}
.articleInListModal .modal-dialog  {
    box-shadow: 0 0 30px #666;
}
.invoiceModal table {
    margin-top: 50px;
}
.invoiceModal table tbody tr.first.sums.articleGroup td, .invoiceLineItems table tbody tr.first.sums.articleGroup td {
    padding-top: 10px;
}
.invoiceModal table tbody tr:not(.itemText):not(.sums) td {
    border-top: 1px solid rgba(230, 230, 230, 0.7);
    border-bottom: none;
}
.invoiceModal table tbody tr.itemText td {
    padding-top: 0;
    padding-bottom: 16px;
}
.invoiceModal table tbody tr.itemText td * {
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 110%;
}
.invoiceLineItems table tbody tr td.netFullPrice p {
    margin-bottom: 0;
    font-weight: bold;
    display: inline-block;
}
.form-group label .help {
    text-transform: none;
    font-weight: normal;
    font-family: "Segoe UI", Arial, sans-serif;
    margin-left: 0;
}
.singleInvoiceLineItem.hasPageBreakAfter td {
    border-bottom: 16px solid #f0f0f0;
}
.singleInvoiceLineItem .remove {
    min-width: 50px;
}
.singleInvoiceLineItem .form-group {
    margin-bottom: 0;
}
.singleInvoiceLineItem .articleNumber {
    width: 90px;
}
.singleInvoiceLineItem .itemDescription {
    width: 100%;
}
.singleInvoiceLineItem .amount {
    width: 90px;
    display: inline-block;
}
.orderOpenQuantity {
    margin-right: 15px;
    margin-left: -15px;
    font-weight: bold;
    font-style: italic;
}
.singleInvoiceLineItem .unit {
    width: 100px;
}
.singleInvoiceLineItem .salesTaxType {
    width: 90px;
}
.singleInvoiceLineItem .unitPrice {
    width: 120px;
}
.singleInvoiceLineItem .netFullPrice p {
    width: 85px;
    white-space: nowrap;
}
.singleInvoiceLineItem .drag {
    min-width: 37px;
}
.itemDescriptionCell {
    width: 100%;
}
table tbody#invoiceLineItemsTable tr.singleInvoiceLineItem:hover td {
    background-color: #FFF;
}
#invoiceLineItemsTable .singleInvoiceLineItem td {
    padding: 0;
}
.invoiceLineItems table {
    border-collapse: separate;
    border-spacing: 0;
}
.table tbody#invoiceLineItemsTable tr.latestAction > td {
    background-color: #fff;
}
#invoiceLineItemsTable .singleInvoiceLineItem td input[type="text"]:not(.reset-field) {
    border-radius: 0;
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding: 0 15px;
    height: 50px;
}
#invoiceLineItemsTable td.select {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}
#invoiceLineItemsTable .singleInvoiceLineItem td input.unitPrice[type="text"] {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
}
#invoiceLineItemsTable.quotation .singleInvoiceLineItem td input.unitPrice[type="text"] {
    border-right: none;
}
#invoiceLineItemsTable.quotation .singleInvoiceLineItem td.calculate {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.calculatedPrice {
    margin-bottom: 0;
}
#invoiceLineItemsTable .singleInvoiceLineItem td .checkbox {
    margin: 0;
}
#invoiceLineItemsTable .singleInvoiceLineItem td.select .select2-container .select2-selection {
    border: none !important;
    padding-right: 32px;
}
#invoiceLineItemsTable td.select .select2-container .select2-selection .select2-selection__arrow {
    /*top: 4px;*/
}
#invoiceLineItemsTable .singleInvoiceLineItem td > .btn, #invoiceLineItemsTable .singleInvoiceLineItem td > div > .btn {
    margin-left: 15px;
    margin-right: 15px;
}
#invoiceLineItemsTable .singleInvoiceLineItem td .select2-container .select2-selection--single .select2-selection__rendered {
    text-overflow: unset;
    overflow: visible;
    padding-right: 20px;
}
#invoiceLineItemsTable .singleInvoiceLineItem td .select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
    right: -23px;
    top: 4px
}
#invoiceLineItemsTable .singleInvoiceLineItem .btn.pageBreak, #invoiceLineItemsTable .singleInvoiceLineItem .btn.clonePosition, #invoiceLineItemsTable .singleInvoiceLineItem .btn.addSubTotal, #invoiceLineItemsTable .singleInvoiceLineItem .btn.isOption, #invoiceLineItemsTable .singleInvoiceLineItem .btn.isDone {
    margin-left: 0;
    margin-right: 0;
}
#invoiceLineItemsTable .singleInvoiceLineItem .btn.chooseArticle {
    margin-left: 3px;
}
#invoiceLineItemsTable .singleInvoiceLineItem .btn.clonePosition {
    margin-right: 10px;
}
#invoiceLineItemsTable .singleInvoiceLineItem.hasPageBreakAfter .btn.pageBreak, #invoiceLineItemsTable .singleInvoiceLineItem.hasSubTotal .btn.addSubTotal {
    background-color: rgb(218, 239, 253);
}
#invoiceLineItemsTable .form-control:focus {
    background-color: #fff;
}
#invoiceLineItemsTable .singleInvoiceLineItem .drag {
    padding: 0 15px;
}
#invoiceLineItemsTable .singleInvoiceLineItem td .btn.removeLineItem {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    height: 50px;
    padding-left: 22px;
    padding-right: 22px;
    width: 100%;
}
#invoiceLineItemsTable .singleInvoiceLineItem td.netFullPrice {
    padding-right: 25px;
    position: relative;
}
#invoiceLineItemsTable .singleInvoiceLineItem td.netFullPrice .subTotal {
    position: absolute;
    right: 0;
    top: 50px;
    width: 1174px;
    z-index: 400;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    display: none;
}
#invoiceLineItemsTable .singleInvoiceLineItem td .addSubTotalSum .checkbox {
    margin-top: 14px;
    text-align: left;
}
#invoiceLineItemsTable .singleInvoiceLineItem td .subTotalSum {
    margin-top: 14px;
    padding-right: 25px;
}
#invoiceLineItemsTable .singleInvoiceLineItem td .subTotalTitle input[type="text"] {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
}
#invoiceLineItemsTable .singleInvoiceLineItem.hasSubTotal td {
    border-bottom: 60px solid rgba(0, 0, 0, 0.07);
}
#invoiceLineItemsTable .singleInvoiceLineItem.hasSubTotal.hasPageBreakAfter td {
    border-bottom: 75px solid rgba(0, 0, 0, 0.07);
}
#invoiceLineItemsTable .singleInvoiceLineItem.hasSubTotal td.netFullPrice .subTotal {
    display: flex;
    border-top-width: 3px;
}
#invoiceLineItemsTable .singleInvoiceLineItem td .btn.removeLineItem:hover {
    background-color: #f77975;
    color: #fff;
}
.sortable-ghost {
    opacity: 0.4;
}
.drag-handle {
    cursor: move;
    cursor: -webkit-grabbing;
}
.insertArticle .articleHelper .chooseArticle, .serviceInfos button, .pageBreak, .clonePosition, .addSubTotal, .btn.isOption, .btn.isDone, .print-packing {
    padding: 1px 5px;
}
#invoiceLineItemsTable .singleInvoiceLineItem td.serviceInfos button {
    margin-left: 0;
}
.singleInvoiceLineItem .articleText {
    margin-top: 0;
}
.small.client {
    display: block;
    font-size: 50%;
}
.dataTables_wrapper.tasks > h4 {
    clear: both;
    padding-top: 40px;
    margin-bottom: -10px;
}
.uploads div.done {
    margin-top: -7px;
    display: none;
}
.uploads div.done span {
    font-size: 140%;
    color: #10cfbd;
}
strong[data-toggle="modal"] {
    cursor: pointer;
}
.invoiceModal.modal-lg, .modal-xl, .modal.show .modal-dialog.modal-xl {
    width: 80%;
    max-width: none;
    transition: none !important;
}
.sketch-field {
    height: 80vh;
}
.invoice-modal-table .table tbody tr td {
    font-size: 14px;
}
.toggle-done-item {
    cursor: pointer;
}
.toggle-done-item:hover {
    color: #48B0F7;
}
.clientData .form-control[disabled] {
    color: inherit;
}
.clientDataView {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 10px;
}
.clientDataView > span {
    margin-right: 10px;
}
.projectData .form-group-attached {
    display: inline-block;
    width: 19%;
    vertical-align: top;
}
.projectData .form-group-attached input[type="radio"] {
    display: none;
}
.radio input[type=radio] {
    display: none;
}
.projectData .form-group-attached input[type="radio"]:checked + label {
    background-color: rgb(218, 239, 253);
}
.projectData .form-group-attached .radiobox {
    padding: 0;
}
.projectData .form-group-attached input[type="radio"] + label{
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    display: block;
    cursor: pointer;
}
td.activity {
    white-space: normal;
}
td.activity * {
    margin-bottom: 0;
    padding-bottom: 0;
}
span.resetFilter {
    cursor: pointer;
    color: #CFAE45;
    margin-top: 6px;
    display: block;
    font-size: 90%;
}
span.resetFilter:hover {
    text-decoration: underline;
}
.openTasks.bubble {
    border-radius: 18px;
    display: inline-block;
    float: right;
    min-width: 18px;
    height: 18px;
    width: auto;
    padding: 0 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    position: static;
    margin-left: 5px;
    line-height: 18px;
    vertical-align: middle;
}

.page-sidebar .sidebar-menu .menu-items li > a {
    width: calc(100% - 54px);
}

.page-sidebar .sidebar-menu .menu-items > li > .icon-thumbnail {
    display: inline-block;
    background: #21252d;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    left: 0;
    float: right;
    margin-right: 14px;
    color: #788195;
    font-size: 16px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: bold;

    padding: inherit;
    min-height: inherit;
    clear: inherit;
    overflow: visible;
}

h1 .modal {
    font-size: 13.5px;
}


.fn-gantt *,
.fn-gantt *:after,
.fn-gantt *:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#gantt {
    width: 100%;
    margin: 20px auto;
    border: 14px solid #ddd;
    border-radius: 6px;
}
body #gantt .header {
    position: inherit;
    left: inherit;
    top: inherit;
    display: inherit;
    padding: inherit;
}
.fn-gantt .leftPanel, .fn-gantt .leftPanel .fn-wide, .fn-gantt .leftPanel .fn-wide .fn-label {
    width: 340px;
}
.fn-gantt .leftPanel .client {
    font-size: 80%;
    color: #999;
}
body > .pgn-wrapper {
    z-index: 700;
}
.btn-cons {
    margin-right: 0;
}
.uploads ul {
    list-style: none;
    padding-left: 0;
}
ul.menu-items li:nth-child(1), ul.menu-items li.communicationNote, ul.menu-items li.article, ul.menu-items li.service, ul.menu-items li.deliveryNote {
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(120, 129, 149, 0.2);
}
.modal-dialog .btn:not(.m-t-20) {
    margin-top: 5px;
}
#gantt .hasTasks, #gantt .bar {
    cursor: pointer;
}
#gantt .nav-zoomOut, #gantt .nav-zoomIn {
    display: none;
}
#addArticle {
    padding: 14px;
    background-color: #eee;
}
table tbody tr td.subHeader {
    background-color: #fafafa;
    padding-top: 20px;
}
.container-fluid > .progress-indicator {
    margin-top: -6px;
    margin-bottom: 10px;
}
.progress-circle {
    width: 14px;
    height: 15px;
    padding-top: 1px;
}
.progress-circle .pie {
    clip: rect(0, 14px, 14px, 7px);
    width: 14px;
    height: 14px;
}
.progress-circle .pie .half-circle {
    clip: rect(0, 7px, 14px, 0);
    width: 14px;
    height: 14px;
}
.progress-indicator {
}
.progress-indicator > div {
    display: block;
}
.progress-indicator > div.progress-circle {
    visibility: hidden;
}
.progress-budget .progress-bar {
    transition: none;
}
.progress-budget .progress {
    margin-bottom: 0;
    background-color: rgba(98, 98, 98, 0.1);
}
tr .progress-budget .progress {
    height: 2px;
    margin-top: 2px;
}
tr:hover .progress-budget .progress {
    background-color: rgba(98, 98, 98, 0.2);
}

h1 .progress-budget, h3 .progress-budget {
    max-width: 600px;
}
.progress-indicator > span {
    font-size: 16px;
    display: inline-block;
}
h1 .progress-indicator > span {
    font-size: 26px;
}
.project .progress-budget .progress {
    margin-bottom: 10px;
    width: 50%;
}
.progress-bar-severe-warning {
    background-color: #f89853;

}
.table-responsive {
    clear: both;
    padding-bottom: 1.5rem;
}
.searchForm input[type=submit] {
    padding-top: 0;
    padding-bottom: 0;
}


.modal-md {
    max-width: 90%;
}
.project-show-modal h3 {
    display: inline-block;
    margin-bottom: 0;
}
.project-show-modal h4 {
    margin-top: 30px;
}
.project-show-modal .progress-budget {
    max-width: 400px;
}
.project-show-modal form {
    display: inline;
}
.project-show-modal .buttons {
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    margin-top: 20px;
}
.table tr td .modal .buttons .btn-white {
    color: #626262;
}

.project-close-modal .modal-content-wrapper {
    box-shadow: 0 0 10px 0 rgba(122,122,122,1);
}
.modal .modal-content {
    border-radius: 0;
}
.long-text {
    white-space: initial;
}
.print-in-form {
    margin-left: 25px;
}
table.article-group-table {
    margin-bottom: 0;
}
table.article-group-table tbody tr.sums td {
    margin: 0;
    padding: 0;
}
table.article-group-table tbody tr.sums.articleGroup td .checkbox {
    margin-top: 0;
    margin-bottom: 5px;
}

.page-sidebar .sidebar-header {
    background-color: #212945;
}
.page-sidebar {
    background-color: #373e57;
}
.page-sidebar .sidebar-menu .menu-items > li > .icon-thumbnail {
    background-color: #212945;
    border-radius: 50%;
}
.page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail {
    background-color: #fff;
}
.icon-thumbnail i {
    color: #fff;
}
.fa-stack {
    height: 100%;
    line-height: 2.3em;
    width: 100%;
}
.fa-stack .fa-inverse {
    color: #212945;
    font-size: 0.55em;
    top: 3px;
}
.lead-table .fa-stack {
    font-size: 0.7em;
    height: 2em;
    line-height: 2em;
    width: 2.5em;
}
.lead-table .fa-stack .fa-inverse {
    font-size: 0.8em;
    color: #fff;
    line-height: normal;
    margin-top: 5px;
}
.fa-clipboard-euro {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    position: relative;
    width: 1em;
}
.fa-clipboard-euro:before {
    content: "\f328";
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 1.1em;
}
.fa-clipboard-euro:after {
    content: "\f153";
    font-size: 0.52em;
    top: 2px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #fff;
}
.fa-clipboard-plus {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    position: relative;
    width: 1em;
}
.fa-clipboard-plus:before {
    content: "\f328";
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 1.1em;
}
.fa-clipboard-plus:after {
    content: "\f067";
    font-size: 0.52em;
    top: 2px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #fff;
}
.page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail i.fa-inverse {
    color: #fff;
}
.page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail i {
    color: #212945;
}
.btn.circular {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.text-center-non-modal {
    text-align: center !important;
}
.text-center-non-modal .modal {
    text-align: left;
}
#timer .btn {
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #212945;
    border-color: #212945;
}
.btn-default:focus {
    background-color: #fafafa;
    border-color: rgba(98, 98, 98, 0.27);
    color: #1a1a1a;
}
.btn-primary:focus, .btn-primary.hover, .btn-primary:hover, .show .dropdown-toggle.btn-primary, .btn-primary.active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:hover, .show .dropdown-toggle.btn-primary {
    background-color: #4d546a;
    border-color: #4d546a;
    color: #fff;
}
.has-main-delivery-address {
    padding-left: 0.7rem;
    position: relative;
    bottom: 0.4rem;
}
a {
    color: #212945;
}
a:focus, a:hover, a:active {
    color: #373e57;
    text-decoration: underline;
}
.breadcrumb a.active {
    color: #212945;
    font-weight: bold;
}
.thumbnail-wrapper.circular {
    border: 1px solid #626262;
}
.table tbody tr td.no-results-found {
    padding-top: 20px;
    padding-bottom: 20px;
}

.dataTables_wrapper .modal .row > div {
    display: block;
}
.modal.fade.slide-right .close {
    top: 9px;
    right: 15px;
    margin-right: 0;
}
.slide-right .modal-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.modal-open .modal.slide-right {
    overflow-y: hidden;
}
.modal.slide-right .modal-body {
    overflow-y: auto;
    margin-top: 45px;
}
.modal-open .modal.slide-right .modal-body h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.modal-open .modal.slide-right .modal-body h4:first-child {
    margin-top: 0;
}
.modal-open .modal.slide-right .modal-body p {
    margin-bottom: 0;
}
.dataTables_wrapper .dataTables_paginate ul > li.active {
    padding: 5px 10px;
    font-weight: bold;
}
.dataTables_wrapper .dataTables_paginate ul > li.next > a, .dataTables_wrapper .dataTables_paginate ul > li.previous > a {
    opacity: 1;
    display: inline-block;
    font-weight: bold;
}
.table tbody tr td .checkbox label::after {
    left: 3.5px;
}
table tr td.main {
    width: 100%;
}
table tr:not(.singleInvoiceLineItem) td:not(.main) {
    width: 1px;
}
.divider-vertical {
    border-right: 1px solid rgba(120, 129, 149, 0.3);
    margin-right: 3px;
    padding-right: 3px;
}
.filters .divider {
    margin: 5px 0;
}
.divider {
    border-top: 1px solid rgba(120, 129, 149, 0.2);
    margin: 30px 0;
    clear: both;
}
.divider-small {
    border-top: 1px solid rgba(120, 129, 149, 0.2);
    margin: 10px 0;
}
.divider-small:last-child, .divider-small:first-child, .divider-small + .divider-small {
    display: none;
}
.form-group-attached {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.form-group-attached > div.form-group-default, .form-group-attached > div.form-group-default {
    border-bottom-color: transparent;
}
.form-group-attached h3 {
    margin-bottom: 0;
}
.checkbox.check-success input[type=checkbox]:checked + label:before {
    border-color: #212945;
}
.table tbody tr td.info {
    background-color: #F0F0F0;
    border-right: 1px solid #fff;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    width: 1px;
    text-align: right;
}
.table tbody tr td.info a, a[data-toggle="popover"], span[data-toggle="popover"] a, td > a[data-toggle="modal"], a.filter, .filters a[data-toggle="modal"] {
    color: #626262 !important;
    border-bottom: 1px dotted #626262;
}
.table tbody tr td.info.last {
    border-right: none;
}
.table tbody tr td.editButtons {
    width: 1px;
    padding-left: 20px;
    height: 52px;
}
.table tbody tr td.editButtons .buttons-helper, .table.services-list tbody tr td.editButtons .pull-right {
    display: none;
}
td a.start-timer, td a.end-timer, .timerEntries a.start-timer, .timerEntries a.end-timer {
    color: #fff !important;
}
.instance-info {

}
.modal-open .select2-container.select2-container--open:not(.select2) {
    z-index: 1055;
}
.modal-open .datepicker.dropdown-menu {
    z-index: 1055 !important;
}
.as-tab {
    white-space: nowrap;
}
.table tbody tr td.close-task {
    width: 1px;
}
.table tr td a.start-timer:hover, .table tr td a.end-timer:hover {
    text-decoration: none;
}
.has-additional-buttons .buttons-helper {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
}
.editButtons div.buttons-helper a.open {
    box-shadow: 0 0 2px rgba(98, 98, 98, 0.37);
}
.editButtons div.buttons-helper > .btn, .editButtons div.pull-right > .btn {
    margin-left: -3px;
    border-radius: 0;
}
.editButtons div.buttons-helper > .btn:first-child, .editButtons div.pull-right > .btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.editButtons div.buttons-helper > .btn:last-child, .editButtons div.pull-right > .btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.table tbody tr td.picture {
    width: 1px;
}
.table thead tr th.info {
    text-align: center;
    font-size: 13.5px;
    color: #626262;
}
.nav-tabs-simple.nav-tabs-left > li.active > a:after, .nav-tabs-simple.nav-tabs-right > li.active > a:after, .nav-tabs-simple.nav-tabs-left > li > a:hover:after, .nav-tabs-simple.nav-tabs-right > li > a:hover:after {
    width: 3px;
}
.has-dropdown .modal-button {
    display: none;
}
.dropdown-menu.dropdown-additional {
    padding: 0;
}
.dropdown-menu.dropdown-additional > .dropdown-item {
    padding: 0 10px;
    border-bottom: 1px solid #f0f0f0;
    color: #626262;
}
.dropdown-menu.dropdown-additional > .dropdown-item:hover {
    color: #212945;
}
.dropdown-menu.dropdown-additional > .dropdown-item:last-child {
    border-bottom: none;
}
.pace .pace-progress {
    background-color: #212945;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #373e57;
    border-color: #373e57;
}
.pop:hover + .popover-content > p:first-child {
    background-color: #373e57;
}
.popover-body {
    background-color: #212945;
    color: #fff;
    padding: 0;
}
.popover-body p {
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #373e57;
}
.popover-body p:hover {
    background-color: #373e57;
}
.popover-body p:last-child {
    border-bottom: none;
}
.popover-body p a {
    color: #fff;
    font-weight: bold;
}
.popover-body p a:hover {
    text-decoration: none;
}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
    border-right-color: #212945;
}
.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
    border-top-color: #212945;
}
.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
    border-bottom-color: #212945;
}
.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
    border-left-color: #212945;
}
.page-sidebar {
    z-index: 1060;
}
.menu-pin .page-sidebar {
    z-index: 1052;
}
.tab-filter form {
    margin-top: 35px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.tab-filter .nav-tabs {
    margin-top: 0px;
    width: 100%;
}
.as-tab label:before {
    border: 1px solid #212950;
}
.as-tab input:checked + label {
    color: #212945;
    font-weight: bold;
}
.changelog img {
    padding: 12px;
    background-color: #fff;
    border: 1px solid #626262;
}
.changelog ul li {
    margin-bottom: 15px;
    line-height: 20px;
}
.changelog li .image {
    margin: 8px 0 20px 10px;
}
.changelog li .image span {
    display: block;
}
.switchery {
    height: 15px;
    width: 25px;
}
.switchery > small {
    height: 15px;
    width: 15px;
}
th label {
    font-size: 10.5px;
    cursor: pointer;
}
.table > thead > tr.additional-table-header > th {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
}
.booking-table tr.canceled td {
    text-decoration: none;
}
.booking-table tr.canceled > td:not(.editButtons), .booking-table tr.canceled > td:not(.editButtons) > a[data-toggle="modal"], .booking-table tr.canceled > td:not(.editButtons) > strong {
    color: rgba(44, 44, 44, 0.35) !important;
}
.booking-table tr.finished > td, tr.vacation-row.finished > td {
    background-color: #f3fdfc;
}
tr.finished > td {
    background-color: #f3fdfc !important;
}
.booking-table tr.finished.latestAction > td {
    background-color: #e7faf8;
}

.table-responsive-sm thead {
    position: sticky;
    top: 3.7rem;
    background-color: #fafafa;
    z-index: 200;
}

@media (max-width: 1500px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-sm thead {
        position: static;
        top: 0;
    }
    .table tbody tr td.origin, .table > thead > tr > th.origin {
        padding: 0;
    }
    td.origin a {
        display: none;
    }
    td.main-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 8rem;
    }
    td.main a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 12rem;
        display: inline-block;
    }
}

@media (max-width: 991px) {
    body.menu-pin .pgn-wrapper[data-position="top"] {
        left: 0;
        top: 60px;
    }
    .sidebar-menu {
        padding-bottom: 60px;
    }
    .filters {
        padding-right: 15px;
    }
    form.backupNotification {
        display: none;
        display: none;
    }
}
@media (max-width: 767px) {
    body.menu-pin .pgn-wrapper[data-position="top"] {
        top: 48px;
    }
    .content .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .table-responsive {
        margin-top: 10px;
    }
    div.dataTables_wrapper .dataTables_info {
        padding-left: 10px;
        padding-bottom: 7px;
        margin-top: 0 !important;
    }
    .articleText {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .row > input {
        margin-left: 15px;
    }
}
@media (max-width: 420px) {
    .brand img {
        width: 180px;
        height: auto;
    }
    label {
        white-space: nowrap;
    }
    #gantt:before {
        content: 'Displaygröße wird nicht unterstützt. Wechseln Sie zu einem Größeren.';
    }
    #gantt * {
        display: none;
    }
    body {
        min-width: 320px;
    }
}