/* Browser overrides */
input[type="checkbox"] {
    -webkit-appearance: none;
    border: 1px solid;
    padding: 5px;
    cursor: pointer;
}
input[type="checkbox"]:checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABAUlEQVR4nO3SSQ7DMAxDUR6dN283FVqgUxIPTEw+IFtLXwgQERERsRY+PksEcHt8lG4iQDzj7Y5AvMfbHIH4Hr/8EYj/8csegdgev9wRiP3xyxyBOB5/+QMQiU/89Hi2PtCIEMcrf6HX+dJ4xRE+zZfGzzzCr/nS+BlH2DJfGj/yCHvmS+NHHOHIfGl8zyO0zO+yg3IB5Wz5IoqZp1lo5qxdZiw2Y0aTkQuOfLurEYuOeHOongv3fGsq/llsy+I93pAi2gIuHV8I4/hCGMcXwji+EMbxhTCOL4RxfCGM4wthHF8I4/hCGMcXwji+EMbxhTCOL4RxfCGM4yMiIiIi4nzudGU9Kv/+yCQAAAAASUVORK5CYII=);
    background-size: 90%;
    background-position: center center;
}
input {
    outline: 0;
}
button:focus:not(:focus-visible) {
    outline: none;
}

/* Loaders */
.loader,
.report-loader {
    background: url(data:image/gif;base64,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)
        no-repeat center;
    min-height: 45px;
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center;
}
/* DataTables loader */
.loader,
.report-loader {
    position: sticky;
    top: 50vh;
}
/* Report view loader */
.report-loader-wrapper,
.loader-wrapper {
    position: absolute;
    width: calc(100% - 30px); /* element width - padding*/
    height: 100%;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.66);
    border-radius: 15px;
}
/* This only works with JavaScript, if it's not present, don't show loader */
.se-pre-con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #ffffff
        url(data:image/gif;base64,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)
        no-repeat center;
}
.working-overlay {
    position: absolute !important;
    bottom: 2px;
    right: 2px;
    top: auto !important;
}
/* FullCalendar list scrollbar hack */
.fc-scroller {
    height: auto !important;
}

/* Login */
.login-container {
    top: 50%;
    transform: translateY(-50%);
}

/*Base*/
#body {
    padding-top: 10px;
}
.no-wrap {
    white-space: nowrap;
}
/*.row {
    margin-top: 5px;
}*/
html {
    overscroll-behavior: none;
}
body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
hr {
    border-top: 2px solid #3c3c40;
}
@media screen and (max-width: 768px) {
    #page-header,
    #page-content {
        font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}
a {
    color: #72a94d;
    text-decoration: none;
    cursor: pointer;
}
a:focus,
a:hover {
    color: #49494e;
    text-decoration: underline;
}
form .hidden {
    display: none;
}
label.required:after {
    color: #e86043;
    content: " *";
}
div.radio label.required:after {
    content: unset;
    color: unset;
}
label {
    white-space: nowrap;
}
/* views */
.view-container {
    margin-bottom: 5px;
}

/* inputs */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.form-control,
select.form-control,
textarea.form-control {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    border: 2px solid #b3bec1;
    border-radius: 15px;
    font-size: 16px;
    min-height: 40px;
    min-width: calc(100% - 20px);
}
select.form-control {
    -webkit-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: right 8px center;
    padding-right: 20px;
}
.form-control {
    padding: 6px 5px 5px 10px;
}
#content-controls .input-group {
    margin-bottom: 5px;
}
.input-group {
    position: relative;
    width: 100%;
}
.input-group-addon {
    pointer-events: none;
}
.input-group .input-group-addon {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 4;
    font-size: 18px;
    margin-left: 3px;
    text-align: left;
    top: 20px;
}
.input-group input {
    padding-left: 37px;
    width: 100%;
}
.input-group .btn {
    min-height: 40px;
}
.input-group .input-group-addon:not(:first-child) {
    right: 15px;
}
.input-group input:first-child {
    padding-left: 12px;
    padding-right: 25px;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
.input-group input.group-input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
/* WebKit calendar picker hack */
/*input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 100%;
}
input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    left: -10px;
    top: 0;
    width: 32px;
    height: 100%;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button {
    display: none;
}*/
/* override bootstrap input-group */
.input-group .form-control:last-child,
.input-group-addon:last-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 15px !important;
}
.input-group.bootstrap-default .form-control:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
    padding-left: 10px !important;
}

.has-feedback .form-control {
    padding-right: 20px;
}
.has-error input.form-control,
.has-error select.form-control {
    background-color: rgba(255, 0, 0, 0.15);
}
.select-has-error > div {
    border-color: #a94442;
}

/* Top Bar */
nav#nav-top {
    padding-left: 50px;
    border: none;
    border-radius: 0;
    background: #49494e;
}

/* Navbar buttons */
.navbar-block {
    display: block;
    float: left;
}
.navbar-item {
    height: 50px;
    font-family: "Roboto", sans-serif;
    display: inline-block;
    padding: 12.5px 10px;
    color: white;
    text-align: center;
    transition: all 0.15s ease-in;
}
.navbar-item > i {
    font-size: 24px;
}
.navbar-item:hover {
    color: #8ec868;
    text-decoration: none;
}
.navbar-item:focus,
.navbar-item:active:hover,
.navber-item:active:focus {
    color: white;
    text-decoration: none;
}

/* Logo */
.logo-login {
    display: block;
    margin: auto;
}
.navbar-logo {
    overflow: revert;
    padding: 6px 15px 6px 6px;
    box-sizing: border-box;
    display: inline-block;
}
.navbar-logo img {
    max-height: 36px;
}
.nav-logo {
    padding: 20px !important;
    box-sizing: border-box;
    position: absolute;
    bottom: 5px;
}
.nav-logo img {
    max-width: 100%;
}
.logo {
    max-height: 100px;
}

/*Off-canvas Push Menu Styles START*/
/*VARIABLES*/
html {
    height: 100vh;
}
body {
    height: calc(100vh - 50px); /* view - navbar */
}
body {
    position: relative;
}
/*Wrappers*/
#wrapper {
    height: 100%;
}
#content-wrapper {
    position: relative;
}
#wrapper #content-wrapper {
    transition: all 0.5s ease;
    margin-left: 0;
    margin-top: 50px;
    min-width: 250px;
    min-height: 100%; /* view - navbar */
    width: 100%;
}
#wrapper.sidebar-toggled #content-wrapper {
    margin-left: 250px;
}
@media screen and (min-width: 768px) {
    #wrapper.sidebar-toggled #content-wrapper {
        width: calc(100vw - 250px); /* view - sidemenu */
    }
}
#wrapper.sidebar-toggled #sidebar-wrapper {
    width: 250px;
}
#wrapper.sidebar-toggled #content-wrapper {
    width: calc(100% - 250px); /* view - sidemenu */
}
#sidebar-wrapper {
    background: #49494e;
    height: calc(100% - 50px); /* view - navbar */
    left: 250px;
    margin-left: -250px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
    margin-top: 50px;
    padding-top: 10px;
    border-right: 1px solid rgb(54, 54, 58);
    box-shadow: inset -5px 0 20px rgba(43, 43, 45, 0.25);
    border-bottom: none;
    display: flex;
    flex-direction: column;
}
#sidebar-wrapper::-webkit-scrollbar {
    display: none;
}
/*Sidebar nav*/
.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 250px;
}
.sidebar-nav:last-of-type {
    margin-bottom: 20px;
}
.sidebar-nav li {
    display: inline-block;
    line-height: 20px;
    position: relative;
    width: 100%;
}
.sidebar-nav .divider {
    height: 20px;
    margin: 10px 0 10px 30px;
    overflow: hidden;
    padding: 0;
    display: block;
    width: calc(100% - 60px);
    text-align: left;
}
.sidebar-nav li a {
    display: block;
    padding: 5px 15px 6px 30px;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    transition: all 0.15s ease-in;
    border: 2px solid #b3bec1;
    border-radius: 1em;
    margin: 3px 20px 3px;
}
.sidebar-nav li a:active,
.sidebar-nav li.active a,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
    color: #8ec868;
    background-color: rgba(0, 0, 0, 0.13);
}
.sidebar-nav li a:hover,
.sidebar-nav li.open a:hover {
    color: #8ec868;
    background-color: rgba(0, 0, 0, 0.13);
}
.sidebar-nav > .sidebar-brand {
    font-size: 20px;
    height: 65px;
    line-height: 44px;
}
.sidebar-nav .divider span {
    color: #ffffff; /*#7c8082;*/
    text-transform: uppercase;
    /*font-size: 10px;*/
    position: relative;
    z-index: 1;
    padding-right: 10px;
    display: inline-block;
}
.sidebar-nav .divider span::after {
    display: block;
    height: 1px;
    width: calc(260px - 100%);
    background: #7c8082;
    content: " ";
    position: absolute;
    bottom: 8px;
    z-index: 0;
    margin-left: 100%;
}
/*Off-canvas Push Menu Styles END*/
/*Nav branding section*/
.branding-section {
    padding: 10px 15px;
    display: flex;
    background: #3f3f44;
    min-height: 50px;
    margin-top: auto;
    flex-direction: row;
    align-items: center;
    font-family: "Roboto", "Roboto", sans-serif;
}
.branding-section .logo-app {
    width: 70px;
}
.branding-section .logo-app * {
    fill: #b3bec1;
}
.branding-section .logo-company {
    font-size: 21px;
    margin-top: -2px;
    color: #b3bec1;
}
.branding-section .logo-company::before {
    content: "•";
    margin: 0 5px;
}

/*       Hamburger-Cross         */
.hamburger {
    background: transparent;
    border: none;
    display: inline-block;
    margin-left: 0;
    position: absolute;
    top: 0;
    z-index: 999;
    width: 50px;
    padding: 0;
    left: 0;
    height: 50px;
    transition: all 0.35s ease-in-out;
}
.hamburger:hover {
    outline: none;
    background: #3c3c40;
}
.hamburger:focus {
    outline: none;
}
.hamburger:active {
    outline: none;
}
.hamburger.is-closed:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    content: "";
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}
.hamburger.is-closed:hover ::before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}
.hamburger.is-closed:hover .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    top: 10px;
}
.hamburger.is-closed:hover .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    bottom: 11px;
}
.hamburger.is-closed .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #ffffff;
    top: 14px;
}
.hamburger.is-closed .hamb-middle {
    background-color: #ffffff;
    margin-top: -2px;
    top: 50%;
}
.hamburger.is-closed .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #ffffff;
    bottom: 15px;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    height: 3px;
    left: 25%;
    position: absolute;
    width: 50%;
}
.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    background-color: rgb(85, 85, 85);
    margin-top: -2px;
    top: 50%;
}
.hamburger.is-open .hamb-middle {
    background-color: rgb(85, 85, 85);
    display: none;
}
.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    background-color: rgb(85, 85, 85);
    margin-top: -2px;
    top: 50%;
}
.hamburger.is-open:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #ffffff;
    content: "";
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}
.hamburger.is-open:hover ::before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}
.hamburger.is-open {
    background: #b3c1bb;
}

/* Page header */
.page-title,
.modal-header {
    padding: 10px 15px;
    display: block;
    min-height: 10px;
    color: #ffffff;
    background-color: #49494e;
    border: 2px solid #b3bec1;
    border-radius: 1.25em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}
.content-title {
    color: #ffffff;
    background-color: #49494e;
    border: 2px solid #b3bec1;
    border-radius: 1.25em;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
#content-controls button:last-child {
    margin-right: 0;
}
#content-header input.form-control:not([type="checkbox"]):not([type="radio"]),
#content-header select,
.input-search-lg {
    min-height: 40.8px;
    font-size: 16px;
}
#content-header .select2-selection--multiple input {
    min-height: unset !important;
}
#content-header .react-select__input > input {
    min-height: unset;
}
@media (min-width: 768px) {
    #content-controls > .row > [class*="col-"]:first-child:not(:only-child) {
        padding-right: 5px;
    }
    #content-controls > .row > [class*="col-"]:last-child:not(:only-child) {
        padding-left: 5px;
    }
}

.input-group-addon {
    height: 100%;
    top: 50%;
    margin-top: -0.5em;
    font-size: 1.5em;
    padding: 0 12px;
}

/* col-sm < height hack */
@media (min-width: 992px) {
    .row.cols-eq-height {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 5px;
    }
    .row.cols-eq-height > div[class^="col-"] {
        margin: 0 -1px;
    }
}

/* Buttons and input */
/* disables clicking on html elements inside button becoming event.targets */
button > * {
    pointer-events: none;
}
.btn {
    border-radius: 1em;
    /*transition:0.3s ease all;*/
    text-align: left;
    padding: 8px 15px;
    font-size: 16px;
    margin: 0 4px 4px 0;
    overflow: hidden;
    border: 0;
}
@media (max-width: 768px) {
    #content-controls .btn {
        width: calc(50% - 5px);
        display: inline-block;
        /*float: left;*/
        margin: 0;
        padding: 8px 10px;
    }
    #content-controls .app-date-change {
        padding: 8px 10px;
    }
    #content-controls .btn:nth-child(odd) {
        margin: 0 5px 5px 0;
    }
    #content-controls .btn:nth-child(even) {
        margin: 0 0 5px 0;
    }
    #content-controls .btn-default.active,
    #content-controls .btn-default.selected {
        padding: 6px 8px;
    }
}
/*.btn:last-child {
    margin-right: 0;
}*/
.btn-sm {
    padding: 0.3em 0.7em;
    /*border: 1px solid;*/
}
.btn-large {
    min-height: 81.6px;
    white-space: normal;
}
.btn-default {
    color: #000;
    background-color: #79DB5B;/*#8EC868;*/
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover {
    color: #000;
    background-color: #71CC56;/*#7BB157;*/
}
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.selected,
.btn-default.selected:hover,
.btn-default.selected:focus {
    color: #49494e;
    background-color: white;
    border: 2px solid #8EC868;
    /*padding: 6px 13px;*/
}
.btn-yellow {
    color: #000;
    background-color: #efee69;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow:active:focus,
.btn-yellow:active:hover {
    color: #000;
    background-color: #e1e064;
}
.btn-warning {
    color: #000;
    background-color: #f0ad4e;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:active:focus,
.btn-warning:active:hover {
    color: #000;
    background-color: #ec971f;
}
.btn-cancel {
    color: #000;
    background-color: #FF3F3E;
}
.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active,
.btn-cancel:active:focus,
.btn-cancel:active:hover {
    color: #000;
    background-color: #e23736;
}

.btn-transparent {
    background-color: transparent;
    border: 0;
}
.btn-transparent:active,
.btn-transparent:focus {
    background-color: transparent !important;
}
.btn-transparent:focus:hover {
    background-color: #7bb157 !important;
}
.btn-danger.btn-transparent {
    color: #e86043;
}
.btn-success.btn-transparent {
    color: #5cb85c;
}
.btn-danger.btn-transparent:hover,
.btn-success.btn-transparent:hover {
    color: #ffffff;
}
.btn-danger.btn-transparent:focus:hover {
    background-color: #d54e2f !important;
}
.btn-success.btn-transparent:focus:hover {
    background-color: #449d44 !important;
}
.btn-outline {
    border: 1px solid #3c3c40;
    background-color: white;
}
.btn-text-white,
.btn-text-white:focus,
.btn-text-white:focus:hover,
.btn-text-white:hover,
.btn-text-white:active,
.btn-text-white:active:focus,
.btn-text-white:active:hover {
    color: white;
}
/*Custom buttons*/
.square-btns .btn {
    padding: 8px 26px;
    font-size: 14px;
}
/*Searchbar*/
.searchbar {
    margin-bottom: 0 !important;
    width: 100%;
}
.searchbar .input-group-addon {
    background: none;
    color: #49494e;
    font-size: 18px;
    border: none;
    position: absolute;
    top: 3px;
    z-index: 4;
}
.searchbar .list-search,
.searchbar input {
    background: none;
    border: 2px solid #b3bec1;
    color: #49494e;
    border-radius: 1.25em !important;
    padding-left: 35px;
}

/** Tables */
.table > tbody > tr.table-row-borderless > td {
    border-top: 0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px;
}

/* DataTables */
.dataTables_wrapper {
    position: relative;
}
table.dataTable, table.projects-table {
    border: none;
    border-collapse: separate;
    border-spacing: 0 5px;
    margin-top: 0 !important;
    white-space: pre-line;
}
table.projects-table {
    white-space: unset;
    width: 1160px;
    max-width: unset;
}
div.dataTables_processing {
    width: 100% !important;
    top: 54px !important;
    left: 0 !important;
    margin: 0 !important;
    min-height: 64px;
    height: calc(100% - 51px);
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 5;
    border-radius: 15px;
    /*border: 1px solid #B3BEC1*/
}
.dataTable tbody > tr > td,
.dataTable thead > tr > th,
.projects-table thead > tr > th,
.projects-table tbody > tr > td {
    padding: 8px 5px 8px 5px;
}
.dataTable tbody > tr > td:first-child,
.dataTable thead > tr > th:first-child,
.projects-table thead > tr > th:first-child,
.projects-table tbody > tr > td:first-child {
    padding-left: 15px;
}
.dataTable tbody > tr > td:last-child,
.dataTable thead > tr > th:last-child,
.projects-table thead > tr > th:last-child,
.projects-table tbody > tr > th:last-child {
    padding-left: 0;
}
.dataTable ul {
    list-style: none;
    padding-left: 0;
}
.dataTable td ul {
    margin: auto;
}
.dataTable li.list-match-height {
    display: flex;
    flex-direction: row;
    align-items: end;
}

/* DataTables heading row*/
.dataTable thead, .projects-table thead {
    color: #ffffff;
    background-color: transparent;
    border-radius: 1.25em;
}
.dataTable > thead > tr > th,
.projects-table > thead > tr > th {
    border-bottom: solid 2px #b3bec1;
    border-top: solid 2px #b3bec1 !important;
    background-color: #49494e;
    padding-top: 10px;
    padding-bottom: 10px;
}
.projects-table > thead > tr > th {
    border-width: 0 !important;
}
.dataTable > thead > tr > th:first-child,
.projects-table > thead > tr > th:first-child {
    border-left: 2px solid #b3bec1;
    border-radius: 15px 0 0 15px;
}
.dataTable > thead > tr > th:last-child,
.projects-table > thead > tr > th:last-child {
    border-right: 2px solid #b3bec1;
    border-radius: 0 15px 15px 0;
}

/* Datatables normal rows */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
    line-height: 1.42857143;
    vertical-align: top;
}
.dataTable > tbody > tr > td,
.dataTable > tbody > tr > th,
.projects-table > tbody > tr > td,
.projects-table > tbody > tr > th,
.dataTable > tfoot > tr > td,
.dataTable > tfoot > tr > th {
    line-height: 1.4;
    border: solid #b3bec1;
    border-width: 1px 0;
    vertical-align: middle;
}
.dataTable > tbody > tr > td:first-child,
.projects-table > tbody > tr > td:first-child {
    border-left: 1px solid #b3bec1;
    border-radius: 15px 0 0 15px;
}
.dataTable > tbody > tr > td:last-child,
.projects-table > tbody > tr > td:last-child {
    border-right: 1px solid #b3bec1;
    border-radius: 0 15px 15px 0;
}
.projects-table-no-border > tbody > tr > td {
    border-top: unset !important;
}
.projects-table-no-border > tbody > tr > td:first-child {
    border-left: unset !important;
    border-radius: 15px 0 0 0;
}
.projects-table-no-border > tbody > tr > td:last-child {
    border-right: unset !important;
    border-radius: 0 15px 0 0;
}
.dataTable td.dataTables_empty {
    border-radius: 15px !important;
}
.dataTable td > .form-control {
    width: 100%;
}

/* Datatables After responsive collapse */
.dataTable > tbody > tr > td.last-visible-col {
    border-right: 1px solid #b3bec1 !important;
    border-radius: 0 15px 0 0;
}

.dataTable > thead > tr > th.last-visible-header {
    border-right: 2px solid #b3bec1 !important;
    border-radius: 0 15px 15px 0;
}
.dataTable > tbody > tr.parent > td.first-visible-col {
    border-left: 1px solid #b3bec1 !important;
    border-radius: 15px 0 0 0;
    font-weight: bold;
    font-size: 16px;
    padding-left: 15px;
}

.dataTable > thead > tr > th.first-visible-header {
    border-left: 2px solid #b3bec1 !important;
    border-radius: 15px 0 0 15px;
    padding-left: 15px;
}
.dataTable > tbody > tr.parent > td {
    border-bottom: 0 !important;
}
.dataTable > tbody > tr.parent > td:first-child {
    border-radius: 15px 0 0 0;
}
.dataTable > tbody > tr.child {
    position: relative;
    top: -5px;
}
.dataTable > tbody > tr > td.child {
    border-radius: 0 0 15px 15px !important;
    border-top: 0 !important;
    line-height: 1 !important;
    position: relative;
    top: -5px;
    padding: 8px 15px;
}
.dataTable tr.parent > td,
.dataTable tr.child > td {
    border-collapse: collapse;
}
.dataTable td.child .root {
    display: flex;
    flex-wrap: wrap;
}
.dataTable td.child .root .item {
    flex: 1 1 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dataTable tr.child .dtr-details {
    margin-bottom: 10px;
}
.dataTable tr.child .dtr-title {
    font-weight: bold;
    padding-left: 0;
}
.dataTable tr.child .dtr-data {
    padding: 0;
}
.dataTable tr.child .dtr-data > .form-control {
    width: 100%;
    min-width: max-content;
}
.dataTable td button {
    margin-bottom: 0;
}
.dataTable td.child button {
    margin-bottom: 5px;
}
.dataTable td .dropdown-toggle button {
    margin: 0;
}
.dataTable th.project-status-select:before {
    content: "";
    display: block;
    min-width: 85px;
}

/*Panels*/
.panel {
    margin-bottom: 5px;
    background-color: #fff;
    border: none;
}
.panel-heading.row {
    margin-left: auto;
    margin-right: auto;
}
.panel-body h5 {
    font-weight: bold;
    margin: 5px 0 5px;
    color: #333;
}
.panel > .panel-heading {
    color: #ffffff;
    background-color: #49494e;
    border: 2px solid #b3bec1;
    margin-bottom: 5px;
    border-radius: 1.25em;
    text-transform: uppercase;
    font-weight: bold;
}

.panel .panel {
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: 0.25em;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 14px 0;
}

.panel-body {
    padding: 0;
    border: none;
    border-top-width: 0;
    border-radius: 0;
}
.list-group {
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-item {
    border-width: 1px 0;
    padding: 5px 15px !important;
}
.payment-installment-row-item {
    padding: 5px 0 !important;
}

.list-group-item:first-child {
    border-radius: 0;
    border-top-width: 0;
}

.list-group-item:last-child {
    border-radius: 0 0 0.25em 0.25em;
    border-bottom: none;
}

/*Information Panels*/
.project-information, .item-panel {
    border: 2px solid rgb(179, 190, 193);
    border-radius: 1.25em !important;
    height: 100%;
}
.project-information {
    overflow: hidden;
}
.project-information > .panel-heading,
.item-panel > .panel-heading {
    margin: 5px;
    text-transform: none;
}
.project-information > .panel-heading {
    text-align: center;
}
.project-information .list-group-item, .payment-installment-information .list-group-item {
    border: 0;
    white-space: pre-wrap;
}

/* Workday / Tuntiseuranta / Tuntikirjaus */
.navbar-sub {
    padding-bottom: 15px;
}
.row-edit,
.row-nav,
.row-view,
.row-new,
.row-message,
.row-link {
    cursor: pointer;
    overflow: hidden;
}
.row-edit:hover,
.row-nav:hover,
.row-view:hover,
.row-message:hover,
.row-link:hover {
    background-color: #f5f5f5;
}
.hover {
    background-color: #f5f5f5 !important;
}
table.dataTable > tbody > tr.child:hover {
    background-color: #f5f5f5 !important;
}
div#week-number > p::before {
    content: "Viikko ";
}
.working-list {
    padding: 0 15px;
}

/*Modals*/
.modal-content {
    position: relative;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
}
.modal-header {
    margin-top: 5px;
    border-radius: 15px;
    padding-left: 30px;
}
.modal-body {
    position: relative;
    background-color: #fff;
    border-radius: 1em;
    margin-top: 5px;
    padding: 20px 15px 15px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-body .img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.lazyLoad {
    margin-bottom: 10px;
}
.modal-footer {
    text-align: right;
    border-top: none;
    background-color: #fff;
    border-radius: 1em;
    margin-top: 5px;
    padding: 20px 15px 15px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-open .modal {
    display: flex !important;
    justify-content: center;
}
.modal-dialog {
    min-height: 320px;
    min-width: 320px;
    margin: auto;
}
@media (max-width: 768px) {
    .modal-dialog {
        margin: 50px 10px 0;
    }
}
@media (min-width: 1024px) {
    .modal-dialog {
        width: 800px;
    }
}
.modal-header .close {
    font-size: 40px;
    padding: 0 10px;
    color: #e86043;
    opacity: 0.8;
    transition: 0.3s ease all;
    text-shadow: 0 1px 0 #000;
}
.modal-header .close:hover {
    transform: scale(1.1);
    opacity: 1;
}

/*Nav pills*/
.nav-pills > li > a {
    color: #000;
    background-color: #79DB5B;/*#80ca4a;*/
    border: 2px solid #79DB5B; /*#8EC868;*/
    transition:  0.3s ease all;
    border-radius: 1em;
    font-size: 16px;
    padding: 6px 15px;
    min-height: 40px;
    overflow: hidden;
}
.nav-pills > li > a .text,
.nav-pills > li > a .badge {
    display: inline-block;
}
.nav-pills > li {
    margin: 0 5px 5px 0;
}
@media (max-width: 768px) {
    .nav-pills > li:only-child {
        width: calc(100% - 3px);
        white-space: nowrap;
        margin: 0;
    }
    .nav-pills > li:not(:only-child) {
        width: calc(50% - 3px);
        white-space: nowrap;
        margin: 0;
    }
    .nav-pills > li:nth-child(odd) {
        margin: 0 5px 5px 0;
    }
    .nav-pills > li:nth-child(even) {
        margin: 0 0 5px 0;
    }
    .nav-pills > li > a .text,
    .nav-pills > li > a .badge {
        display: block;
        position: absolute;
    }
    .nav-pills > li > a .text {
        left: 10px;
    }
    .nav-pills > li > a .badge {
        right: 5px;
    }
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    color: #000;
    background-color: #71CC56;/*#7BB157;*/
    transition:  0.3s ease all;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #49494E;
    background-color: #FFFFFF;
    border:2px solid #71cc55;
}
.nav-pills li a i {
    position: relative;
}
/*.nav-pills li:first-child a {
    margin-left: 0;
}
.nav-pills li:last-child a {
    margin-right: 0;
}*/

/* Nav tabs */
.nav-tabs.nav-justified > li > a {
    transition: 0.3s ease all;
}
.nav-tabs.nav-justified > li.active:first-child > a {
    margin-left: -1px;
}
.nav-tabs.nav-justified > li:hover > a {
    background-color: #f7f7f7;
}
.nav-tabs.nav-justified > li > a i {
    color: RGB(201, 201, 201);
    font-size: 16px;
    position: relative;
    top: 1px;
}
.nav-tabs.nav-justified > li.active > a {
    background-color: #ffffff;
}
.nav-tabs.nav-justified > li:hover > a i,
.nav-tabs.nav-justified > li.active > a i {
    color: rgb(20, 170, 90);
}

@media (max-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: block;
        width: auto;
    }
    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0 !important;
    }
    .nav-tabs.nav-justified > li > a > i {
        display: block;
        width: 100%;
        margin-bottom: 5px;
        font-size: 1.5em !important;
    }
}
@media screen and (min-width: 768px) {
    .nav-tabs.nav-justified > li > a i {
        margin-right: 3px;
    }
}

/*Workcalendar*/

.fc-event,
.fc-event-dot {
    background-color: rgb(20, 170, 89);
}
.wc-set-view a {
    cursor: pointer;
}
.wc-set-view.active a {
    font-weight: bold;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
    padding-top: 1em;
}
div#work-calendar {
    padding: 15px;
}
div#work-calendar a {
    color: #49494e;
}
.fc-list-empty {
    padding-top: 15px;
}
button.day-add-work {
    position: absolute;
    right: 0;
    top: 5px;
}

/* Forms */
form .form-status {
    text-align: center;
}
ul.ui-autocomplete {
    z-index: 100;
}

/* Workdays */
.day-list-header {
    padding: 10px 0;
    color: #fff;
    background-color: #49494e;
    border: 2px solid #b3bec1;
    border-radius: 1.25em;
    font-weight: bold;
    margin-bottom: 5px;
}
.day-date-header {
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
    background-color: white;
    border: 1px solid #b3bec1;
    border-radius: 1.25em;
    font-weight: bold;
    cursor: pointer;
}
.day-date-header.not-workday {
    background: repeating-linear-gradient(-45deg, #eeffee, #eeffee 10px, white 10px, white 20px);
}
.day-row {
    border: 1px solid #b3bec1;
    border-radius: 1.25em;
    padding: 5px;
    min-height: 44px;
    position: relative;
    margin-bottom: 5px;
}
.day-row > .row,
.workday > .row {
    margin-left: 0;
    margin-right: 0;
}
.day-absent-container,
.day-expense-container {
    padding: 0;
    margin-bottom: 5px;
}
.day-absent,
.day-expense {
    margin-top: 0;
    margin-bottom: 5px;
}
.app-open-form {
    cursor: pointer;
}
.form-buttons {
    font-weight: 100;
}
.day-date, .day-duration {
    font-weight: bold;
}
.day-work {
    overflow: hidden;
    position: relative;
}
.day-work ul {
    list-style: none;
    padding: 0;
}
.day-work.row {
    border: 1px solid #b3bec1;
    border-radius: 15px;
    min-height: 40px;
    padding: 5px 0;
    margin-bottom: 5px;
}
.day-info {
    padding: 0;
}
.day-info-icon {
    font-size: 1.25em;
}
.day-work.row:hover,
.day-expense:hover,
.day-absent:hover {
    background-color: #f5f5f5;
    border: 1px solid #b3bec1;
    cursor: pointer;
}
.day-work.row > *,
.day-duration,
.day-date,
.day-absent {
    padding-top: 5px;
    padding-bottom: 5px;
}
/*.day-work.row:first-child {
    border-top: 0;
}*/
.day-absent,
.day-expense {
    /*text-align: center;*/
    border: 1px solid #b3bec1;
    padding: 10px;
    border-radius: 15px;
    overflow: hidden;
}
.day-absent:last-child,
.day-expense:last-child {
    margin-bottom: 0;
}
.day-work-duration {
    word-break: keep-all;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .day-work-duration {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
.day-work-description {
    word-break: break-word;
    padding-right: 55px;
}
ul.day-work-manager .day-work-row:not(:first-child) {
    border-top: 1px solid;
}
.day-work-employee {
    border: 1px solid #79db5b;
    border-radius: 15px;
    padding: 5px;
    margin: 2.5px;
    display: inline-block;
    background-color: white;
}
/* Workhours Sum */
.employee-month-sum {
    border: 1px solid #b3bec1;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
}
.employee-month-time {
    font-size: 16px;
    color: #333333;
}
.employee-month-sum i {
    font-size: 3em;
    color: #7bb157;
}
/* Flexitime less than minimum */
.employee-month-sum.flexitime-min {
    color: darkred;
    border-color: darkred;
    /*background-color: rgba(255,128,128, 0.2);*/
}
.employee-month-sum.flexitime-min i.fa,
.employee-month-sum.flexitime-min .employee-month-time {
    color: darkred;
}
.positive {
    color: green;
}
.negative {
    color: orange;
}
/* Flexitime greater than maximum */
/*.employee-month-sum.flexitime-max {
    color: orange;
    border-color: orange;
}
.employee-month-sum.flexitime-max i.fa,
.employee-month-sum.flexitime-max .employee-month-time {
    color: orange;
}*/

/* Work Event */
.work-event {
    border: 1px solid #b3bec1;
    border-radius: 1.25em;
    margin-bottom: 10px;
    padding: 15px;
}
.work-event:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}
.work-event-container {
    padding-left: 5px;
    padding-right: 5px;
}
.work-event-title {
    font-weight: bold;
}

/* Dropdown menu */
.dropdown-menu a {
    cursor: pointer;
}
.dropdown-toggle {
    z-index: 1;
}

/* goto date */
.input-group-inline {
    overflow: hidden;
    height: 41px;
    margin-bottom: 5px;
}
.input-group-inline .form-control,
.input-group-inline .btn {
    margin: 0 !important;
}
.input-group-inline .btn {
    width: 100% !important;
    padding: 8px 10px;
}
.input-group-inline-item,
.input-group-inline-item-first,
.input-group-inline-item-last {
    display: block;
    height: 100%;
    float: left;
    position: relative;
    min-width: 41px;
}
.input-group-inline-item {
    width: calc(100% - 82px); /* 2 x buttons */
}
.input-group-inline-item-first * {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    margin-right: 0;
    height: 100%;
}
.input-group-inline-item-last * {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    margin-left: 0;
    height: 100%;
}
.input-group-inline-item * {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    margin-right: 0;
    margin-left: 0;
    height: 100%;
}
.input-group-inline-item .form-control {
    display: unset;
    height: 100% !important;
}
.input-group-inline-item input {
    box-sizing: border-box;
}
/*
 * Disgusting hack for a week display using opacity: 0 element on top of another
 * -webkit-... hack opens Chrome date-picker clicking anywhere in input.
 */
input#goto-day {
    text-align: center;
}
input#goto-display-week {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
input#goto-date.goto-week,
input#goto-week {
    position: relative;
    opacity: 0;
}
input#goto-date.goto-week::-webkit-calendar-picker-indicator,
input#goto-week::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Override bootstrap 3 */
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    line-height: unset !important;
}

/* Material form */
/*.material-row input {
    border-radius: 0 !important;
}*/
.form-collection-container {
    padding: 0 30px;
}
/*.form-item-collection > div[class^="col-"]:not(:first-child):not(:last-child) {
    padding-left: 10px;
    padding-right: 10px;
}
.form-item-collection > div[class^="col-"]:first-child:not(:only-child) {
     padding-right: 10px;
}
.form-item-collection > div[class^="col-"]:last-child:not(:only-child) {
    padding-left: 10px;
}*/
.form-item-container,
.form-row {
    position: relative;
    margin-bottom: 10px;
    border: 2px solid #8ec868;
    border-radius: 15px;
    padding: 10px;
}
.qualification-expired {
    border: 2px solid #e86043 !important;
}
.form-section-title,
.controls-section-title {
    border-bottom: 1px solid #8ec868;
    font-size: 16px;
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .form-row {
        /*padding: 10px 0 10px;
        border: 1px solid #B3BEC1;
        border-radius: 15px;
        box-shadow: #9E9E9E 1px 1px;*/
    }
}
/*@media screen and (min-width: 768px) {
    .form-row div[class^="col-"]:last-child input {
        width: calc(100% - 35px);
    }
    .form-row div:last-child .input-group-addon:last-child {
        right: 50px;
    }
}*/
.form-item-container div[class^="col-"],
.form-row div[class^="col-"],
.header-row div[class^="col-"] {
    padding: 0 10px;
}
.form-item-container .form-group,
.form-row .form-group {
    margin-bottom: 10px;
}
.form-item-container .row {
    margin-left: -10px;
    margin-right: -10px;
}
.form-item-container-icon {
    font-size: 16px;
    color: gray;
}
.header-row {
    font-weight: 700;
    margin-bottom: 5px;
}
/*.header-row div[class^="col-"] {
    padding: 0 5px;
}*/
.input-sum-container {
    padding: 10px;
    border: 2px solid #8ec868;
    border-radius: 15px;
    margin-bottom: 10px;
}
.input-sum {
    font-weight: bold;
    font-size: 16px;
}
.material-deleted {
    color: #e86043;
}

/* Messages */
.message-unread {
    font-weight: bold;
}
.message-sender-info {
    font-size: 0.85em;
}

/* Report */
.report-col-container {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.report-col-container:last-child {
    margin-bottom: 5px;
}
.report-col {
    border: 1px solid #b3bec1;
    border-radius: 15px;
    padding: 8px;
    overflow: hidden;
}
.report-col-title {
    padding: 0 5px;
    font-size: 16px;
    margin-bottom: 5px;
}
.report-col-header {
    font-weight: bold;
}
.report-collapse {
    text-align: center;
    font-size: 16px;
    padding: 5px;
    margin: 0 -7px -7px -7px;
}
.report-collapse:hover {
    cursor: pointer;
    background-color: #b3bec1;
}
.report-collapse.collapse-down {
    border-radius: 0 0 15px 15px;
}
.report-collapse.collapse-up {
    margin-bottom: 0;
}
.duration-phase {
    display: table-row;
}
.duration-phase span {
    display: table-cell;
    padding: 0 5px;
    white-space: nowrap;
}
.duration-project ul {
    margin-bottom: 5px;
    list-style: none;
}
.duration-project:last-child ul {
    margin-bottom: 0;
}
.duration-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}

.controls-box {
    border: 1px solid #b3bec1;
    border-radius: 10px;
    padding-bottom: 5px;
}
/* Active Work etc. */
.controls-container:first-child button {
    margin-left: 0;
}
.controls-container:last-child button {
    /*margin-right: 0;*/
}
.controls-container button {
    text-align: center;
    overflow: hidden;
}
/* 1 button */
.controls-container .btn:only-child {
    width: 100% !important;
}
/* 2 buttons */
.controls-container .btn:first-child:nth-last-child(2),
.controls-container .btn:nth-last-child(2) ~ .btn {
    width: calc(50% - 5px); /* btn-width - whitespace */
}
.controls-container {
    margin-bottom: 4px;
}
.controls-section {
    margin-bottom: 10px;
}
.active-work {
    padding: 10px 0px 0px 8px;
    border: 1px solid #B3BEC1;
    border-radius: 15px;
    margin-bottom: 5px;
}
.active-work-body {
    padding: 3px 8px;
}
.active-work-title {
    margin-left: 6px;
}
.active-work-title h5 {
    font-size: 16px;
    font-weight: bold;
}

/* Offer */
.offer-due-date-missed,
.offer-due-date-today {
    color: #e86043;
    font-weight: bold;
}
.offer-due-date-tomorrow,
.offer-due-date-close {
    font-weight: bold;
    color: #e6960c;
}
.offer-due-date-missed:after {
    content: "!";
}

/* select2 overrides */
.select2-selection {
    border: 2px solid #b3bec1 !important;
    border-radius: 15px !important;
    box-shadow: unset !important;
    min-height: 40px !important;
    font-size: 16px !important;
    padding: 5px !important;
}
.select2-selection__choice {
    border: 1px solid #79db5b !important;
    border-radius: 7.5px !important;
    background-color: white !important;
    font-size: 13px !important;
    padding: 2px 5px !important;
}
.select2-selection__choice__remove {
    color: #e86043 !important;
    padding: 0;
    float: right;
    font-size: 17px;
    line-height: 19px;
    margin-left: 10px;
}
.select2-selection__arrow {
    top: 8px !important;
}
.select2-selection--multiple {
    padding: 1px !important;
}

/* print view */
.header-space,
.footer-space {
    display: none;
}
@media print {
    @page {
        margin: 15mm;
    }
    #content-wrapper {
        margin-left: 0 !important;
    }
    .nav a:link:after, .nav a:visited:after {
        display: none;
    }
}

/* badges */
.badge {
    background-color: lightgray !important;
    color: black !important;
    font-weight: normal;
}

.badge-invisible {
    background-color: rgb(0, 0, 0, 0) !important;
    color: rgb(0, 0, 0, 0) !important;
}
.badge-scheduler {
    padding: 1px;
    border-radius: 10px;
    margin-right: 5px;
}
.badge-done {
    border: 2px solid #3e9a1f;
    background-color: #3e9a1f !important;
}
.badge-done .fa-fw {
    color: white;
    margin-top: 2px;
}
.badge-undone {
    border: 2px solid #323232;
    background-color: #e2e2f1 !important;
}
.badge-undone .fa-fw {
    color: #323232;
    margin-top: 2px;
}
.badge-scheduler-container {
    padding: 2px 5px;
    display: inline;
    background-color: white;
    border-radius: 15px;
    margin-right: 5px;
}

/* user limit */
.user-limits {
    font-size: 1.3em;
    padding-right: 5px;
    text-align: center;
    line-height: 1.1em;
}

/* action icons */
.action-helper {
    opacity: 0.5;
}

/* file size */
.file-size {
    font-size: 0.75em;
}

.datatable-select {
    margin-bottom: 5px;
}

.flexitime-workdays-select .option {
    border: 2px solid #71CC56;
    background-color: #71CC56;
    border-radius: 15px;
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
    padding: 6px 13px;
    cursor: pointer;
    color: #000000;
}
.flexitime-workdays-select .option.weekday {
    width: calc(100% / 5 - 10px);
    margin: 0 5px;
}
.flexitime-workdays-select .option.weekend {
    width: calc(100% / 2 - 10px);
    margin: 0 5px;
}
.flexitime-workdays-select .option.selected {
    background-color: white;
}
.flexitime-workdays-select .checkbox {
    margin-top: unset;
    margin-bottom: unset;
}
.flexitime-workdays-select .checkbox input[type="checkbox"] {
    transform: scale(1.15);
}

/* invoices */
.invoice-collapse {
    text-align: center;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}
table.invoice,
table.purchase-order,
table.invoice-summary {
    border-collapse: unset;
}
table.quote {
    margin-bottom: 0 !important;
}
/* Table header */
table.invoice > thead > tr, .invoice-header > div,
table.purchase-order > thead > tr {
    color: #fff;
    background-color: transparent;
}
.invoice-header {
    border-bottom: unset !important;
}
table.invoice > thead > tr > th,
.invoice-header > div,
table.purchase-order > thead > tr > th {
    border-bottom: solid 2px #b3bec1;
    border-top: solid 2px #b3bec1 !important;
    background-color: #49494e;
    padding: 10px;
    white-space: nowrap;
    height: 40px;
}
.invoice-header > div {
    padding: 0 !important;
    white-space: normal;
}
table.invoice > thead > tr > th:first-child,
.invoice-header > div:first-child,
table.purchase-order > thead > tr > th:first-child {
    border-left: 2px solid #b3bec1;
    border-radius: 15px 0 0 15px;
}
table.invoice > thead tr th:last-child,
.invoice-header > div:last-child,
table.purchase-order > thead tr th:last-child {
    border-right: 2px solid #b3bec1;
    border-radius: 0 15px 15px 0;
}
table.invoice > tbody > tr > td,
table.purchase-order > tbody > tr > td {
    vertical-align: middle;
    border: 0;
    padding: 10px 5px;
}
table.invoice > tbody > tr > td[data-map="total"],
table.purchase-order > tbody > tr > td[data-map="total"] {
    padding-left: 11px;
}
table.invoice td button,
table.purchase-order td button {
    margin: 0;
}
th.invoice-product {
    width: 25%;
}
th.invoice-code {
    width: 15%;
}
th.invoice-count,
th.invoice-unit,
th.invoice-price,
th.invoice-vat,
th.invoice-discount {
    width: calc(40% / 5);
}
th.invoice-include-vat{
    width: 7%;
}
th.invoice-total, th.invoice-total-gross {
    width: 10%;
}
th.invoice-handle,
th.invoice-controls {
}

td.handle {
    cursor: pointer;
}
table.invoice tr.selected td,
table.purchase-invoice tr.selected td {
    background-color: #8ec868;
}
#invoice-from-project-controls {
    margin-bottom: 10px;
}
.invoice-from-project,
.delivery-from-project,
.panel-invoice {
    padding: 15px;
    border: 2px solid #79db5b;
    border-radius: 15px;
    margin-bottom: 10px;
}
.invoice-totals {
    padding: 15px 0;
}
.invoice-totals div {
    display: inline-block;
    margin-right: 10px;
}
table.invoice-summary > thead > tr > th {
    border-bottom: 0 !important;
}
table.invoice-summary > tbody > tr > td {
    border-top: 0 !important;
}
/*div[data-map="total"]::after,*/
/*table.invoice-summary tfoot td[data-map]::after,*/
/*table.invoice-summary tbody td::after,*/
/*div[data-map="total-gross"]::after*/
/*{*/
/*    content: " €";*/
/*}*/
table.invoice-summary tbody td.vat::after {
    content: " %";
}
.invoice-info .row,
.invoice-client .row,
.purchase-order-supplier .row,
.purchase-order-info .row{
    margin-bottom: 5px;
}
.api-status {
    text-align: center;
    border: 1px solid #2ca02c;
    padding: 8px;
    border-radius: 15px;
    font-size: 16px;
    margin-bottom: 5px;
    cursor: pointer;
}
.api-status-details {
    font-size: 14px;
    margin: 8px -8px 0;
    padding: 4px 8px;
    border-top: 1px solid #2ca02c;
}
.api-status-features {
    text-align: left;
    width: max-content;
    margin: auto;
}
.invoice-image-view {
    height: 90vh;
    background: url(data:image/gif;base64,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)
        no-repeat center;
}
#invoice label {
    padding-left: 15px;
}
#invoice div[data-map],
/*.panel-body > .invoice,*/
table.invoice-summary {
    padding: 0 15px;
    font-size: 16px;
}
table.invoice-summary th {
    font-size: 14px;
}
#invoice-info table td,
#invoice-payment table td {
    padding-top: 2px;
}

/* Quotes */
.quote-collapse {
    text-align: center;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}
table.quote,
table.quote-summary {
    border-collapse: unset;
}
/* Table header */
table.quote > thead > tr {
    color: #fff;
    background-color: transparent;
}
table.quote > thead > tr > th {
    border-bottom: solid 2px #b3bec1;
    border-top: solid 2px #b3bec1 !important;
    background-color: #49494e;
    padding: 10px;
    white-space: nowrap;
}
table.quote > thead > tr > th:first-child {
    border-left: 2px solid #b3bec1;
    border-radius: 15px 0 0 15px;
}
table.quote > thead tr th:last-child {
    border-right: 2px solid #b3bec1;
    border-radius: 0 15px 15px 0;
}
table.quote > tbody > tr > td {
    vertical-align: middle;
    border: 0;
    padding: 10px 5px;
}
table.quote > tbody > tr > td[data-map="total"] {
    padding-left: 11px;
}
table.quote td button {
    margin: 0;
}
th.quote-product {
    width: 25%;
}
th.quote-code {
    width: 15%;
}
th.quote-count,
th.quote-unit,
th.quote-price,
th.quote-vat,
th.quote-discount {
    width: calc(50% / 5);
}
th.quote-total {
    width: 10%;
}
th.quote-handle,
th.quote-controls {
}

table.quote tr.selected td {
    background-color: #8ec868;
}
#quote-from-project-controls {
    margin-bottom: 10px;
}
.quote-from-project,
.panel-quote, .panel-installment {
    padding: 15px;
    border: 2px solid #79db5b;
    border-radius: 15px;
    margin-bottom: 10px;
}
.quote-totals {
    padding: 15px 0;
}
.quote-totals div {
    display: inline-block;
    margin-right: 10px;
}
table.quote-summary > thead > tr > th {
    border-bottom: 0 !important;
}
table.quote-summary > tbody > tr > td {
    border-top: 0 !important;
}
/*table.quote td[data-map="total"]::after,*/
/*table.quote-summary tfoot td[data-map]::after,*/
/*table.quote-summary tbody td::after {*/
/*    content: " €";*/
/*}*/
table.quote-summary tbody td.vat::after {
    content: " %";
}
.quote-info .row,
.quote-client .row {
    margin-bottom: 5px;
}
.quote-image-view {
    height: 90vh;
    background: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==)
    no-repeat center;
}
#quote label {
    padding-left: 15px;
}
#quote div[data-map],
table.quote-summary,
.input-group-p15 {
    padding: 0 15px;
    font-size: 16px;
    margin-bottom: 5px;
}
.input-group-p15 {
    font-size: 14px;
}
table.quote-summary th {
    font-size: 14px;
}
#quote-info table td,
#quote-payment table td {
    padding-top: 2px;
}

/* Confirmation */
.confirmation-collapse {
    text-align: center;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}
table.confirmation,
table.confirmation-summary {
    border-collapse: unset;
}
/* Table header */
table.confirmation > thead > tr {
    color: #fff;
    background-color: transparent;
}
table.confirmation > thead > tr > th {
    border-bottom: solid 2px #b3bec1;
    border-top: solid 2px #b3bec1 !important;
    background-color: #49494e;
    padding: 10px;
    white-space: nowrap;
}
table.confirmation > thead > tr > th:first-child {
    border-left: 2px solid #b3bec1;
    border-radius: 15px 0 0 15px;
}
table.confirmation > thead tr th:last-child {
    border-right: 2px solid #b3bec1;
    border-radius: 0 15px 15px 0;
}
table.confirmation > tbody > tr > td {
    vertical-align: middle;
    border: 0;
    padding: 10px 5px;
}
table.confirmation > tbody > tr > td[data-map="total"] {
    padding-left: 11px;
}
table.confirmation td button {
    margin: 0;
}
th.confirmation-product {
    width: 25%;
}
th.confirmation-code {
    width: 15%;
}
th.confirmation-count,
th.confirmation-unit,
th.confirmation-price,
th.confirmation-vat,
th.confirmation-discount {
    width: calc(50% / 5);
}
th.confirmation-total {
    width: 10%;
}
th.confirmation-handle,
th.confirmation-controls {
}

table.confirmation tr.selected td {
    background-color: #8ec868;
}
#confirmation-from-project-controls {
    margin-bottom: 10px;
}
.confirmation-from-project,
.panel-confirmation {
    padding: 15px;
    border: 2px solid #79db5b;
    border-radius: 15px;
    margin-bottom: 10px;
}
.confirmation-totals {
    padding: 15px 0;
}
.confirmation-totals div {
    display: inline-block;
    margin-right: 10px;
}
table.confirmation-summary > thead > tr > th {
    border-bottom: 0 !important;
}
table.confirmation-summary > tbody > tr > td {
    border-top: 0 !important;
}
/*table.confirmation td[data-map="total"]::after,
table.confirmation-summary tfoot td[data-map]::after,
table.confirmation-summary tbody td::after {
    content: " €";
}*/
table.confirmation-summary tbody td.vat::after {
    content: " %";
}
.confirmation-info .row,
.confirmation-client .row {
    margin-bottom: 5px;
}
.confirmation-image-view {
    height: 90vh;
    background: url(data:image/gif;base64,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)
    no-repeat center;
}
#confirmation label {
    padding-left: 15px;
}
#confirmation div[data-map],
table.confirmation-summary {
    padding: 0 15px;
    font-size: 16px;
}
table.confirmation-summary th {
    font-size: 14px;
}
#confirmation-info table td,
#confirmation-payment table td {
    padding-top: 2px;
}

/* DeliveryNote */
.delivery-note-collapse {
    text-align: center;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}
table.delivery-note,
table.delivery-note-summary {
    border-collapse: unset;
}
/* Table header */
table.delivery-note > thead > tr {
    color: #fff;
    background-color: transparent;
}
table.delivery-note > thead > tr > th {
    border-bottom: solid 2px #b3bec1;
    border-top: solid 2px #b3bec1 !important;
    background-color: #49494e;
    padding: 10px;
    white-space: nowrap;
}
table.delivery-note > thead > tr > th:first-child {
    border-left: 2px solid #b3bec1;
    border-radius: 15px 0 0 15px;
}
table.delivery-note > thead tr th:last-child {
    border-right: 2px solid #b3bec1;
    border-radius: 0 15px 15px 0;
}
table.delivery-note > tbody > tr > td {
    vertical-align: middle;
    border: 0;
    padding: 10px 5px;
}
table.delivery-note > tbody > tr > td[data-map="total"] {
    padding-left: 11px;
}
table.delivery-note td button {
    margin: 0;
}
th.delivery-note-product {
    width: 25%;
}
th.delivery-note-code {
    width: 15%;
}
th.delivery-note-count,
th.delivery-note-unit,
th.delivery-note-price,
th.delivery-note-vat,
th.delivery-note-discount {
    width: calc(50% / 5);
}
th.delivery-note-total {
    width: 10%;
}
th.delivery-note-handle,
th.delivery-note-controls {
}

table.delivery-note tr.selected td {
    background-color: #8ec868;
}
#delivery-note-from-project-controls {
    margin-bottom: 10px;
}
.delivery-note-from-project,
.panel-delivery-note {
    padding: 15px;
    border: 2px solid #79db5b;
    border-radius: 15px;
    margin-bottom: 10px;
}
.delivery-note-totals {
    padding: 15px 0;
}
.delivery-note-totals div {
    display: inline-block;
    margin-right: 10px;
}
table.delivery-note-summary > thead > tr > th {
    border-bottom: 0 !important;
}
table.delivery-note-summary > tbody > tr > td {
    border-top: 0 !important;
}
table.delivery-note td[data-map="total"]::after,
table.delivery-note-summary tfoot td[data-map]::after,
table.delivery-note-summary tbody td::after {
    content: " €";
}
table.delivery-note-summary tbody td.vat::after {
    content: " %";
}
.delivery-note-info .row,
.delivery-note-client .row {
    margin-bottom: 5px;
}
.delivery-note-image-view {
    height: 90vh;
    background: url(data:image/gif;base64,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)
    no-repeat center;
}
#delivery-note label {
    padding-left: 15px;
}
#delivery-note div[data-map],
table.delivery-note-summary {
    padding: 0 15px;
    font-size: 16px;
}
table.delivery-note-summary th {
    font-size: 14px;
}
#delivery-note-info table td,
#delivery-note-payment table td {
    padding-top: 2px;
}
table.delivery-note > tbody > tr.hide-row > td:not(:first-child):not(:last-child) > input {
    opacity: 0.333;
}

/* Filebrowser */
.file-browser-folder,
.file-browser-file {
    border: 1px solid #b3bec1;
    position: relative;
}
.file-browser-folder:hover,
.file-browser-file:hover {
    background-color: #eee;
    cursor: pointer;
}
.file-browser .breadcrumb {
    margin-bottom: 5px;
    border: 2px solid #b3bec1;
    border-radius: 15px;
}
.file-browser .breadcrumb-item:hover {
    cursor: pointer;
    text-decoration: underline;
}
.file-browser .breadcrumb-item.current {
    font-weight: bold;
}
.file-browser .breadcrumb-item.current:hover {
    cursor: unset;
    text-decoration: unset;
}
.file-browser .header {
    background-color: #49494e;
    border: 2px solid #b3bec1;
    color: white;
    font-weight: bold;
}
.file-browser .header,
.file-browser-file,
.file-browser-folder {
    display: flex;
    padding: 10px 30px 10px 10px;
    border-radius: 15px;
    margin-bottom: 5px;
}
.file-browser .header-col,
.file-browser .row-col {
    flex: 1 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-browser .row-col {
    white-space: nowrap;
}
.file-browser .dropdown-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.filepond--root {
    font-family: inherit;
    font-size: inherit;
}
.filepond--root,
.filepond--drop-label {
    min-height: 120px !important;
}
.filepond--panel-root {
    background-color: white;
    border-radius: 1em;
    border: 2px solid #79db5b;
}
.filepond--item-panel {
    border: 2px solid #b3bec1;
    background-color: white;
    border-radius: 15px;
}
.filepond--file-action-button {
    color: #333;
    background-color: #79db5b;
    cursor: pointer;
}
.filepond--action-remove-item {
    background-color: #e86043;
}
.filepond--file {
    color: #333;
}
[data-filepond-item-state*="complete"].filepond--item-panel,
[data-filepond-item-state*="error"] .filepond--item-panel,
[data-filepond-item-state*="invalid"] .filepond--item-panel {
    background-color: unset;
}
[data-filepond-item-state*="error"] .filepond--file {
    color: darkred;
}
[data-filepond-item-state*="invalid"] .filepond--file {
    color: orange;
}
/* FilePond border-radius hack */
.filepond--panel-root .filepond--panel-top,
.filepond--panel-root .filepond--panel-bottom,
.filepond--item-panel .filepond--panel-top,
.filepond--item-panel .filepond--panel-bottom {
    min-height: 15px;
}
/* FilePond label icon size hack */
.filepond--drop-label .fa-lg {
    font-size: 1.33em !important;
}
.event-container,
.employee-item,
.employee-container {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 5px 0;
    background-color: white;
    position: relative;
    display: flex;
}
.event-container {
    z-index: 4;
    pointer-events: auto;
    position: absolute;
}
.event-container:hover {
    filter: brightness(95%);
    cursor: pointer;
}
.event-container.selected {
    /*border-color: green;*/
}
.event-container.empty {
    opacity: 0.75;
}
.event-container.underflow {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.event-container.overflow {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.event-description,
.employee-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.event-description {
    font-weight: bold;
}
.event-has-task {
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.scheduler-event-row {
    height: 70px;
    margin-top: 5px;
}
.employee-container {
    background-color: white;
    box-shadow: inset 1px 1px 2px 2px darkgray;
    height: 44px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 150px;
}
.employee-item {
    text-overflow: "";
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: #333;
}
.container-placeholder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: lightgray;
    z-index: 0;
}
.fixed-container {
    position: fixed;
}
.schedule-header,
.schedule-row,
.schedule-day,
.schedule-hours,
.schedule-row-bg {
    display: flex;
}
.schedule-day {
    flex-direction: column;
}
.schedule-hour,
.schedule-event,
.schedule-column,
.schedule-row-label {
    flex: 0 0 auto;
}
.schedule-day {
    flex: 0 0 auto;
}
.schedule-day::before {
    content: "";
    border-left: 2px solid white;
    position: absolute;
    display: block;
    height: 20px;
    margin-left: -3px;
}
.schedule-date,
.schedule-hour {
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}
.schedule-day > .schedule-date {
    overflow: visible;
}
.schedule-date:hover,
.schedule-hour:hover {
    color: #79db5b;
    cursor: pointer;
}
.schedule-hour {
    border-right: 0;
    border-left: 0;
    position: relative;
    overflow: visible;
}
.schedule-hour-value {
    position: relative;
    left: calc(-50% - 2px);
}
.schedule-hour:before {
    content: "";
    border-left: 1px solid white;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: -2px;
}
.schedule-date {
    flex: 1 0 auto;
}
.schedule-column {
    min-height: 42px;
}
.schedule-column.odd {
    background-color: white;
}
.schedule-column.even {
    background-color: #eee;
}
.schedule-column:hover {
    background-color: #79db5b;
    cursor: pointer;
}
.schedule-row {
    border-bottom: 2px solid #79db5b;
    position: relative;
}
.schedule-row:last-child {
    border-bottom: 0;
}
.schedule-row-label {
    padding: 10px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white;
    z-index: 6;
    border-right: 2px solid #79db5b;
}
.schedule-row-label select {
    min-height: unset;
    font-size: unset;
}
.schedule-row-label span.link:hover {
    cursor: pointer;
}
.schedule-row-label span.link {
    color: #8ec868;
}
.schedule-row-label span.link:focus, .schedule-row-label span.link:hover {
    color: #49494e;
    text-decoration: underline;
}
.schedule-row-bg {
    position: absolute;
    height: 100%;
    padding-left: 198px;
}
.schedule-header {
    padding: 10px 0 0;
    z-index: 7;
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
}
.schedule-header-label {
    width: 190px;
    margin-right: 10px;
    padding: 0 10px;
    z-index: 1;
    background-color: #49494e;
}
.schedule-row-content {
    position: relative;
    width: 100%;
    pointer-events: none;
}
.schedule-container {
    width: min-content;
    position: relative;
}
.content-scroll-horizontal {
    overflow-x: scroll;
}
.content-scroll-vertical {
    overflow-y: scroll;
    height: calc(100vh - 50px);
}
.sticky-top {
    position: sticky;
    top: 0;
}
.sticky-left {
    position: sticky;
    left: 0;
}
.schedule-employee,
.absence-item {
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.schedule-employee:hover,
.schedule-employee.occupied:hover {
    background-color: #71cc56;
}
.schedule-employee.available {
    border: 1px solid lightgray;
}
.schedule-employee.occupied {
    border: 1px solid #79db5b;
    background-color: #79db5b;
}
.schedule-employee.absent {
    border: 1px solid lightgrey;
    background-color: lightgray;
}
.schedule-employee.has-conflict {
    border: 1px solid #fc5;
    background-color: #fc5;
}
.schedule-employee.has-conflict:hover {
    background-color: #fb4;
    border-color: darkorange;
}
.schedule-employee.selected {
    background: repeating-linear-gradient(-45deg, #79db5b, #79db5b 10px, #6ccc4d 10px, #6ccc4d 20px);
}
.schedule-employee.selected.has-conflict {
    background: #feb;
}
.schedule-employee.selected .employee-name {
    font-weight: bold;
}
.schedule-employee.absent.selected {
    background: #fee;
    border-color: darkred;
}
.schedule-employee .btn,
.absence-item .btn {
    margin: 0;
    padding: 0 5px;
}
.employee-statuses {
    flex-grow: 0;
    text-align: right;
    white-space: nowrap;
}
.employee-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    text-align: left;
}
.status-hours i {
    padding: 0;
    border-radius: 50%;
    display: inline;
}
.schedule-employee .employee-item {
    width: 100%;
}
.event-resize {
    /*cursor: e-resize;*/
    width: 5px;
}
.event-resize.left {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.event-resize.right {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.event-resize i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.event-body {
    width: calc(100% - 10px);
    flex-grow: 1;
}
.event-employees,
.task-employees {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 2px;
}
.absence-layer {
    position: absolute;
    top: 0;
    left: 200px;
    height: 100%;
    width: calc(100% - 200px);
    pointer-events: none;
}
.employee-absence-day {
    position: absolute;
    display: inline-block;
    height: 100%;
    z-index: 8;
    background: #fee;
    opacity: 0.3;
}
.absence-item {
    border: 1px solid #79db5b;
    cursor: unset;
}
.absence-item .date,
.absence-item .reason,
.absence-item .description {
    flex: 1 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
.content-max-vertical {
    height: calc(100vh - 50px);
    overflow: hidden;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
}
#scheduler-search-project {
    width: 200px;
    flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
    .content-max-vertical {
        height: unset;
    }
    .schedule-container {
        height: 100vh;
    }
    .schedule-header-label {
        width: 90px;
    }
    .schedule-row-label {
        width: 100px;
    }
    .schedule-row-bg {
        padding-left: 98px;
    }
    #scheduler-search-project {
        width: 100px;
    }
}
.item-container-taskqueue {
    padding: 15px 0;
    /*border: 2px solid #79db5b;
    border-radius: 15px;*/
    overflow-x: auto;
}
.item-container {
    padding: 15px;
    border: 2px solid #79db5b;
    border-radius: 15px;
    overflow-x: auto;
}
.item-container-header {
    padding-bottom: 15px;
}
.item-container .row:not(:last-child) {
    margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
    .item-container.sm-absolute-container {
        position: absolute;
        width: calc(100% - 20px);
    }
    .item-container.offer-request {
        position: absolute;
        width: calc(100% - 30px);
    }
}
.item-container .not-selected {
    background-color: #79DB5B;
}
.inline-item {
    display: inline-block;
    margin-right: 10px;
}
.inline-item:last-child {
    margin-right: unset;
}
.event-selected,
.event-conflicted {
    background: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    border-radius: 15px;
    top: 0;
    left: 0;
    text-align: center;
}
.event-selected {
    z-index: 7;
}
.event-selected i,
.event-conflicted i {
    position: relative;
    margin: auto;
    display: block;
    transform: translateY(-50%);
    top: 50%;
}
.project-log {
    position: relative;
    padding: 10px;
    border: 1px solid #b3bec1;
    border-radius: 15px;
    margin-bottom: 5px;
}
.project-log .description {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}
.project-log .btn-remove {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.project-log:hover {
    background-color: #eee;
    cursor: pointer;
}
.item-list-header {
    padding: 10px 15px;
    color: #FFF;
    background-color: #49494E;
    border: 2px solid #B3BEC1;
    border-radius: 1.25em;
    font-weight: bold;
    margin-bottom: 5px;
}
.item-list-row {
    line-height: 1.4;
    border: 1px solid #B3BEC1;
    vertical-align: middle;
    overflow-x: auto;
    margin-bottom: 5px;
    padding: 15px;
    border-radius: 15px;
    cursor: pointer;
}
.readMore {
    margin: 10px 0px;
    font-weight: 700;
    width: 150px;
}
.project-task-queue-list {
    background-color: whitesmoke;
    border: solid 2px;
    border-radius: 15px;
    border-color: #b3bec1; /*#79db5b;*/
    width: 320px;
}
.material-order-list {
    padding: 10px;
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}
.material-order-row {
    background-color: #FFF;
    border: solid 2px #b3bec1;
    border-radius: 15px;
    margin: 0;
    margin-bottom: 4px;
    padding: 5px;
}
.material-order-row-danger {
    border-color: #e86043;
    background-color: rgba(232, 96, 67, 0.1);
}
.material-order-row-warning {
    border-color: #f0ad4e;
    background-color: rgba(240, 173, 78, 0.1);
}
.material-order-row-success {
    border-color: #5cb85c;
    background-color: rgba(92, 184, 92, 0.1);
}
.frontpage-task-queue-list {
    width: 100%;
    height: 100%;
}
.project-task-queue-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.project-tasklist-task,
.front-tasklist-task {
    background-color: white;
    padding: 10px;
    border: solid 1px lightgray;
    border-radius: 15px;
    margin-bottom: 5px;
    white-space: pre-line;
}
.task-done {
    margin-bottom: 10px;
}
.front-tasklist-task:hover {
    background-color: #eee;
    cursor: pointer;
}
.tasklist-task-active {
    border: solid 2px #8ec868;
}
/*.project-tasklist-header {
    border-radius: 15px;
    background-color: lightgray;
    position: relative;
    padding: 5px 10px 5px 10px;
}*/
.tasklist-content-vertical {
    height: calc(100vh - 290px);
    padding: 10px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
    .tasklist-content-vertical {
        height: calc(100vh - 280px);
    }
}
.tasklist-separator {
    text-transform: uppercase;
    font-weight: bold;
}
.tasklist-separator {
    display: flex;
    border-bottom: 2px solid;
    border-color: #79db5b;
    margin: 5px 5px 10px;
}
.btn-task-button-done {
    font-weight: 400;
    color: white;
    background-color: rgb(20, 170, 90);
}
.btn-task-button-undone {
    font-weight: 400;
    color: white;
    background-color: red;
}
.task-list-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    gap: 5px;
    flex-direction: column;
}
.task-list-flex {
    flex: 1 1 auto;
    position: relative;
}
.header-flex-div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-button-div {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    color: white;
}
.tasklist-option-controls {
    display: flex;
}
.fa-normal{
    font-weight: 100 !important;
}

.notifications.show-count::after {
    transform: scale(1);
    opacity: 1;
}

.notifications::before {
    display: block;
    content: "\f0f3";
    font-family: "Font Awesome 5 Free";
    transform-origin: top center;
}

.notifications:after {
    font-size: 0.5em;
    font-weight: 700;
    position: absolute;
    top: -10px;
    right: -13px;
    padding: 2px 5px;
    line-height: 100%;
    border: 2px #fff solid;
    border-radius: 20px;
    background: red;
    opacity: 0;
    content: attr(data-count);
}

.notifications {
    display: inline-block;
    position: relative;
    font-size: 1.4em;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #eee;
    color: #000;
}
.price-list-item [class^=col-] {
    padding-left: 5px;
    padding-right: 5px;
}
.price-list-item .form-group {
    margin-bottom: 5px;
}
.report-view h3,
.report-view h4 {
    padding-left: 10px;
}

#loading-location {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 5000;
}
.sub-project-space {
    margin-right: 5px;
}
.sub-project-tree {
    margin: 0;
    padding: 0;
}
.sub-project-caret {
    cursor: pointer;
    user-select: none;
    margin-right: 3px;
}
.sub-project-caret::before {
    content: "\25B6";
    transform: rotate(90deg);
    color: rgb(51, 51, 51);
    display: inline-block;
    margin-right: 0;
}
.sub-project-caret-invisible {
    margin-right: 3px;
}
.sub-project-caret-invisible::before {
    content: "\25B6";
    display: inline-block;
    color: rgb(0, 0, 0, 0);
    margin-right: 0;
}
.sub-project-caret-down::before {
    transform: rotate(-90deg);
}
.sub-project-title-active{
    font-weight: bold;
}
.project-flex-spacer,
.project-container-flex,
.project-container-flex-with-sub-projects {
    display: flex;
    width: 100%;
    align-items: center;
}
.project-container-flex,
.project-container-flex-with-sub-projects {
    flex-direction: column;
    border-radius: 15px;
    position: relative;
}
.project-container-flex-with-sub-projects {
    margin-bottom: 5px;
    border: 1px solid lightgray;
}
.project-flex-spacer {
    flex-direction: row;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.sub-projects-container {
    width: 100%;
    padding: 5px 5px 0;
    border-top: 1px solid lightgray;
    border-radius: 0 0 15px 15px;
    background-color: white;
}
.project-container-header {
    background-color: #49494e;
    border: 2px solid #b3bec1;
    color: white;
    font-weight: bold;
    border-radius: 15px;
    padding: 5px 0;
    margin-bottom: 5px;
}
.project-item-flex {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}
.project-item-flex-1 {
    flex-basis: 15px;
}
.project-item-flex-2 {
    flex-basis: 100px;
}
.project-item-flex-3 {
    flex-basis: 150px;
}
.material-item > div.form-group {
    margin-bottom: unset;
}
.material-item {
    padding-left: 0;
}
@media (max-width: 768px) {
    .material-item.project-item-flex-1 {
        flex-basis: 15px !important;
    }
    .material-item.project-item-flex-2 {
        flex-basis: 70px !important;
    }
}
.project-item-flex-description {
    white-space: pre;
}
.invoice-flex-1, .invoice-flex-15, .invoice-flex-2, .invoice-flex-25, .invoice-flex-3, .invoice-flex-4 {
    padding: 4px 2px !important;
}
.invoice-flex-1 {
    flex-basis: 25px;
    align-content: center;
}
.invoice-flex-15 {
    flex-basis: 20px;
}
.invoice-flex-2 {
    flex-basis: 40px;
}
.invoice-flex-25 {
    flex-basis: 100px;
}
.invoice-flex-3 {
    flex-basis: 200px;
}
.invoice-flex-4 {
    flex-basis: calc(100% - 80px);
}
.invoice-flex-percent-15 {
    flex-basis: 13%;
}
.invoice-flex-percent-25 {
    flex-basis: 27%;
}
.invoice-flex-percent-30 {
    flex-basis: 30%;
}
.invoice-flex-percent-20 {
    flex-basis: 20%;
}
.invoice-flex-percent-85 {
    flex-basis: 83%;
}
.flex-row-container {
    display: flex;
    align-items: center;
}
div[data-map="total"], div[data-map="total-gross"] {
    padding: 0 5px !important;
}
.invoice-row {
    margin: 5px 0;
}
@media (max-width: 1400px) {
    .flex-row-container {
        display: flex;
        flex-direction: column;
    }
    .invoice-flex-1, .invoice-flex-15, .invoice-flex-2, .invoice-flex-25, .invoice-flex-3, .invoice-flex-4 {
        overflow: unset;
        width: 100%;
        min-height: 72px;
    }
    .invoice-flex-3, .invoice-flex-25 {
        flex-basis: unset;
    }
    div[data-map="vat"] {
        padding-top: 0 !important;
    }
    .invoice-row-title {
        overflow: hidden;
        width: 100%;
        height: 25px;
        text-overflow: ellipsis;
        font-weight: bold;
        font-size: 14px;
    }
}
@media (min-width: 1400px) {
    .hidden-xl {
        display: none !important;
    }
    .visible-xl {
        display: block !important;
    }
}
@media (max-width: 1400px) {
    .block-sm {
        display: block !important;
    }
}
@media (max-width: 768px) {
    .invoice-flex-spacer {
        display: block !important;
    }
    .invoice-row-container {
        border: 2px solid #79db5b;
        border-radius: 15px;
        padding: 15px;
        margin-bottom: 15px;
    }
    .panel-body > .invoice {
        padding: 0;
    }
    div[data-map="code"] {
        padding-right: 40px;
    }
    .block-sm {
        display: flex !important;
    }
    .invoice-flex-1, .invoice-flex-15, .invoice-flex-2, .invoice-flex-25, .invoice-flex-3, .invoice-flex-4 {
        min-height: unset;
    }
}
.project-container-depth-0 {
    background-color: rgba(121, 219, 91, 1);
}
.project-container-depth-1 {
    background-color: rgba(121, 219, 91, 0.45);
}
.project-container-depth-2 {
    background-color: rgba(121, 219, 91, 0.1);
}
.project-flex-spacer.active-project {
    font-weight: bold;
}
.list-group-item.project-contact {
    white-space: normal;
}
.project-contact-roles {

}
.contact-role:before {
    content: ", ";
}
.project-flex-header {
    font-weight: bold;
    border-bottom: solid 1px #bbb;
}
.project-row-border {
    border-top: solid 1px #bbb;
}
.signature canvas {
    border: 1px solid green;
    box-shadow: inset 1px 1px 2px 2px lightgray;
}
img.signature {
    max-height: 150px;
}
.signature-container {
    /*border-bottom: 1px solid #B3BEC1;*/
}
.menubar-bottom {
    position: fixed;
    bottom: 0;
    z-index: 99;
    background-color: #49494E;
    width: 100%;
    padding: 5px;
}
.report-item,
.report-item-summary {
    border: 1px solid green;
    border-radius: 15px;
    margin-bottom: 5px;
    padding-top: 10px;
}
.report-item-summary {
    padding-bottom: 10px;
    font-size: 18px;
    cursor: pointer;
}
.report-item-header {
    font-size: 18px;
    text-align: center;
}
.report-item-footer {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.toggle-caret {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 14px;
}
.approval_checkbox {
    width: 14px;
    height: 14px;
}
.signature-caret {
    cursor: pointer;
    user-select: none;
}
.signature-caret::after {
    content: "\25B6";
    transform: rotate(-90deg);
    color: rgb(51, 51, 51);
    display: inline-block;
    position: absolute;
    right: 15px;
}
.signature-caret.collapsed::after {
    transform: rotate(90deg);
}
.icon-grey {
    color: rgba(50, 50, 50, 0.75)
}
.ui-menu-item-task-queue:hover {
    background: #007fff;
    color: #ffffff;
}
.task-queue-date {
    margin: 0;
    height: unset;
}
.task-queue-date .btn-warning {
    padding: 5px;
    text-align: center;
    max-height: 30px;
    border-radius: 0.5em;
}
.task-queue-date label, .task-queue-date .label {
    width: 100%;
    display: block;
    padding: 10px;
    border-radius: 1em;
}
.btn-task-view-large {
    padding: 0 18px;
    min-height: 50px;
}
.btn-task-view-half {
    padding: 20px 0;
    margin: 0 0 5px 0;
    width: 100%;
    text-align: center;
}
.btn-task-view-full {
    padding: 50px 0;
    width: 100%;
    text-align: center;
    margin: 0 0 5px 0;
}
.task-queue-info-small {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line;
}
.material-card {
    margin-bottom: 10px;
    border: solid 2px #79db5b;
    padding: 10px 10px 0 10px;
    border-radius: 15px
}
.material-card-item [class^=col-]:first-child {
    padding-right: 5px;
}
.material-card-item [class^=col-]:not(:first-child) {
    padding-left: 10px;
    padding-right: 10px;
}
.material-card-item [class^=col-]:last-child {
    padding-left: 5px;
    padding-right: 15px;
}
.material-card-item [class^=col-md-6]:first-child {
    padding-left: 15px;
    padding-right: 15px;
}
.material-card-item [class^=col-md-6]:last-child {
    padding-left: 15px;
    padding-right: 15px;
}
.material-card-item [class^=col-sm-6]:not(:first-child) {
    padding-left: 0;
    padding-right: 5px;
}
.material-card-item [class^=col-sm-6]:last-child {
    padding-left: 5px;
    padding-right: 15px;
}
.material-card-item [class^=col-xs-4]:first-child {
    padding-right: 1px;
}
.material-card-item [class^=col-xs-4]:not(:first-child) {
    padding-left: 9px;
    padding-right: 9px;
}
.material-card-item [class^=col-xs-4]:last-child {
    padding-left: 1px;
    padding-right: 15px;
}
@media screen and (max-width: 767px) {
    .material-card-item [class^=col-]:first-child {
        padding-left: 15px;
        padding-right: 15px;
    }
    .material-card-item [class^=col-]:not(:first-child) {
        padding-left: 0;
        padding-right: 0;
    }
    .material-card-item [class^=col-]:last-child {
        padding-left: 0;
        padding-right: 0;
    }
    .material-card-item [class^=col-sm-6]:first-child {
        padding-right: 15px;
    }
    .material-card-item [class^=col-sm-6]:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }
    .material-card-item [class^=col-xs-4]:first-child {
        padding-right: 1px;
    }
    .material-card-item [class^=col-xs-4]:not(:first-child) {
        padding-left: 9px;
        padding-right: 9px;
    }
    .material-card-item [class^=col-xs-4]:last-child {
        padding-left: 1px;
        padding-right: 15px;
    }
    .material-card-item [class^=col-xs-6]:first-child {
        padding-right: 5px;
    }
    .material-card-item [class^=col-xs-6]:last-child {
        padding-left: 5px;
        padding-right: 15px;
    }
}
.invoice-allocation-row,
.invoice-allocation-header-row {
    display: flex;
    padding: 10px 15px;
    white-space: nowrap;
    height: 50px;
    gap: 5px;
}
.invoice-allocation-header-row {
    height: unset;
    text-transform: unset;
}
.invoice-allocation-item {
    flex: 1 1 calc(100% / 10);
    text-overflow: ellipsis;
    overflow: hidden;
    align-self: center;
}
.invoice-allocation-row-status {
    position: absolute;
    left: 10px !important;
}
.invoice-allocation-row-control {
    position: absolute;
    right: 30px !important;
}
.invoice-allocation-row-status.fa-stack,
.invoice-allocation-row-control.fa-stack {
    width: unset;
}
.invoice-allocation-errors {
    position: relative;
    border: 2px solid red;
    border-radius: 15px;
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px
}
.invoice-allocation-item-container {
    border: 1px solid lightgray;
    border-radius: 15px;
    margin-bottom: 5px;
}
.dt-invoice-approval-status > i.fa,
.dt-invoice-allocation-status > i.fa,
.invoice-allocation-row-status > i.fa,
.invoice-allocation-row-control > i.fa {
    font-size: 1.55em;
}
@media screen and (max-width: 768px) {
    .invoice-footer-actions .pull-right {
        float: unset !important;
    }
}