.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.login-background {
    background-image: url(../pages/img/login/bg-default.jpg);
    background-position: center;
    min-height: 100vh;
}

.mt-repeater .mt-repeater-input input[type="text"] {
    margin-bottom: 10px;
}

.form .form-bordered .form-group .control-label.inner {
    padding-top: 5px;
}

.col-close-left {
    padding-left: 0;
}

.col-close-right {
    padding-right: 0;
}

.dt-action-button {
    margin: 5px;
    margin-right: 0;
}

abbr.note-icon {
    border: none;
    text-decoration: none;
}

.form-control-text {
    width: 100%;
    height: 34px;
    padding: 6px 2px;
}

.heading-clean {
    padding-bottom: 0;
    margin-bottom: 0;
}

.help-block.warning {
    color: #c29d0b;
}

.link-disabled,
.link-disabled .fa,
.link-disabled button {
    pointer-events: none;
    color: #ccc !important;
    text-decoration: none;
}

.btn-disabled {
    pointer-events: none;
}

/*
Bug fix for the select2 container
in an older version of Chrome
*/
.select2-container--bootstrap .select2-selection--multiple {
    min-width: 300px;
}

.invoice-container {
    border: 1px solid #e7ecf1;
    padding: 40px 20px;
}

.invoice-container .delivery-period {
    margin-bottom: 5px;
}

.invoice-container .invoice-information {
    margin-bottom: 40px;
}

.invoice-information .invoice-party-title {
    margin-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.invoice-party-information .information-item-name {
    font-weight: bold;
    text-transform: uppercase;
}

.invoice-container .invoice-party-information {
    color: #7e8691;
    font-size: 13px;
}

.table-invoice tr.heading td {
    background-color: #ffc000;
    border: 1px solid #ffc000;
    border-bottom: 1px solid #eeece1;
}

.table-invoice tbody tr.heading td {
    border-bottom: none;
}

.table-invoice tbody tr td {
    background-color: #eeece1;
    border: none;
    font-size: 12px;
}

.table-invoice tr.summary-line td {
    background-color: #ffff00;
    border: 1px solid #ffff00;
}

.bg-green-smooth {
    background-color: #BEFFB1 !important;
}

/***
 * Edit/Create Invoice UI Test Page
 * ToDo: this CSS is for the old CRUD interface, remove this code
 ***/
.tr-editable {
    position: relative;
}

.tr-editable:hover td {
    background-color: #fbf9ee;
}

.tr-editable .actions {
    position: absolute;
    right: 0;
    border: 1px solid #ccc;
    display: none;
    z-index: 10;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
}

.tr-editable .actions > a {
    padding: 5px 10px;
}

.tr-editable:hover .actions {
    display: block;
}


/** NEW INVOICE UI STYLE **/
.invoice-ui .control-group {
    float: left;
    width: 100%;
    border: 1px solid #E7E7E7;
    padding: 0;
    margin-bottom: 0;
    margin-right: 5%;
}

.invoice-ui .control-group .control-label {
    color: #777777;
    line-height: 21px;
    padding-right: 20px;
    border-right: 1px solid #ccc;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 5px;
    width: 26%;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    margin-top: 0;
}

.invoice-ui .control-group .controls {
    width: 69%;
    float: left;
}

.invoice-ui .control-group .controls input {
    background: #fff;
    border: 0;
    border-radius: 0;
    width: 100%;
    padding: 0 0 0 12px;
    height: 30px;
    margin: 0;
}

.invoice-ui .control-group .controls select {
    border: 0;
    width: 100%;
    padding: 0 0 0 8px;
    height: 30px;
    margin: 0;
}

.invoice-ui .control-group:hover {
    background: #E7E7E7;
    border: 1px solid #343855;
}

.invoice-ui .control-group .controls .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 5px 14px 4px;
}

.invoice-ui-table .item {
    border: 1px solid #E7E7E7;
}

.invoice-ui-table .item td {
    background-color: #fff;
    padding: 0;
}

.invoice-ui-table .item td.small {
    width: 10%;
}

.invoice-ui-table .item:hover td {
    border: 1px solid #343855;
}

.invoice-ui-table .item:hover td {
    background-color: #E7E7E7;
}

.invoice-ui-table .item td:not(last) {
    border-right: 1px solid #E7E7E7;
}

.invoice-ui-table .item .action {
    text-align: center;
}

.invoice-ui-table .item .sort {
    text-align: center;
    cursor: move;
    width: 3%;
}

.invoice-ui-table .item .sort i {
    display: block;
    height: 30px;
    padding: 8px 0;
}

.invoice-ui-table .item .action a {
    width: 100%;
    height: 30px;
    display: block;
    padding: 5px 0;
}

.invoice-ui-table .item input {
    width: 100%;
    height: 30px;
    border: none;
    padding-left: 8px;
}

.table-invoice thead tr.heading td.action {
    text-align: center;
    padding: 0;
}

.table-invoice thead tr.heading td.action a {
    width: 100%;
    height: 37px;
    padding: 9px 0;
    display: block;
}

.table-invoice tbody tr.heading td.editable {
    padding: 4px;
}

.table-invoice tbody tr.heading td.editable input {
    width: 100%;
    height: 30px;
    border: none;
    padding: 4px;
}

.table-invoice thead tr.heading td.action:hover {
    background-color: #d8a300;
}

table.invoice-totals tr.total {
    font-weight: bold;
}

table.invoice-totals tr.total td {
    background-color: #f5f5f5;
}

table.table-deposits tr.item td {
    padding: 0;
}

table.table-deposits tr.item input {
    width: 100%;
    height: 30px;
    border: none;
    padding-left: 8px;
}

table.table-deposits tr.item td.description {
    width: 70%;
}

table.table-deposits tr.item td.action {
    text-align: center;
}

table.table-deposits tr.item td.action a {
    width: 100%;
    height: 30px;
    display: block;
    padding: 5px 0;
}

table.table-deposits tr.summary-line td {
    background-color: #f5f5f5;
}

.text-bold {
    font-weight: bold;
}

.text-italic {
    font-style: italic;
}

.dropdown-menu > li > a.btn-wrapper {
    padding: 0;
}

.dropdown-menu > li > a.btn-wrapper button {
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: transparent;
    text-align: left;
}

.progressbar-container {
    padding: 15px 10px;
}

.progressbar.ui-progressbar {
    height: auto;
}

.progressbar.ui-progressbar .ui-progressbar-value {
    /*background: #A1C969;*/
    background-image: url(../pages/img/progressbar-green.gif);
    height: 22px;
}

.progressbar.ui-progressbar .ui-progressbar-value.ui-progressbar-complete {
    background: #A1C969;
}

.progressbar.ui-progressbar .ui-progressbar-overlay {
    background-image: url(../pages/img/progressbar-green.gif);
    height: 20px;
    opacity: 1;
}

.amcharts-chart-div a[title="JavaScript charts"] {
    display: none !important;
    opacity: 0 !important;
}

.datepicker.datepicker-dropdown {
    z-index: 10000;
}

.popover.popover-wide {
    max-width: 50%;
    width: auto;
}

/* TEMPORARY */
.table-responsive-resizeable .table-checkable tr > td:first-child {
    max-width: none;
}

.input-group .form-control.normal-radius {
    border-radius: 4px;
}

.mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > i {
    position: relative;
}

.close.close-tab {
    display: none;
    margin-top: 6px;
    margin-left: 10px;
}

.active .close.close-tab {
    display: initial;
}

.form-horizontal .form-group .mt-checkbox-compact {
    padding-top: 0;
    padding-bottom: 0;
}

.mt-checkbox-compact .mt-checkbox {
    margin-bottom: 0;
}

.avatar-circle {
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #54ed87;
    border: 4px solid #f5f6fa;
    cursor: default;
}

.avatar-circle.avatar-blank {
    background-color: #fafafa;
}

.avatar-circle .initials {
    position: relative;
    top: 15px;
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 1px;
}

.nav-tabs > li > a > .badge.badge-tab-info {
    margin-top: -1px;
    box-shadow: none;
}

.timeline .timeline-body-time.compact {
    margin: 0;
}

.dataTables_wrapper .dataTables_processing {
    z-index: 3;
}

.table-checkable tr.filter > td:first-child, .table-checkable tr > th:first-child {
    padding: 10px 18px;
}

.table-checkable tr.filter > td:first-child, .table-checkable tr > th:first-child {
    padding: 10px 18px;
}

.ui-autocomplete-loading {
    background: #fafafa;
}

.form-default .form-group {
    margin-left: 0;
    margin-right: 0;
}

.mt-timeline-2.timeline-history > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content-title {
    margin-top: 0;
}

.mt-timeline-2 > .mt-container > .mt-item.mt-item-node {
    padding-bottom: 0;
}

.mt-timeline-2 > .mt-container > .mt-item.mt-item-node > .mt-timeline-icon {
    width: 15px;
    height: 15px;
}

.dataTables_wrapper table.dataTable.no-footer {
    border-bottom: none;
}

tr.row-inactive > td {
    background: #f6f6f6 !important;
}

.row .short-padding:first-child {
    padding: 0 5px 0 15px;
}

.row .short-padding {
    padding: 0 5px 0 5px;
}

.row .short-padding:last-child {
    padding: 0 15px 0 5px;
}

.action-log {
    max-height: 150px;
    min-height: 150px;
    overflow-y: scroll;
}

.mt-comments.action-log .mt-comment {
    margin-bottom: 0;
}

.mt-comments.action-log .mt-comment-body {
    padding-left: 0;
}

.mt-comments.action-log .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author {
    margin-bottom: 0;
}

.mt-comments.action-log .mt-comment.active {
    background-color: #d6dfe9;
}

.dropdown-menu.dropdown-menu-right {
    left: auto;
    right: 0;
}

.table-calendar-simple {
    margin-bottom: 0;
}

.table-calendar-simple .checkbox {
    padding-left: 20px;
}

.table-calendar-simple td .checkbox,
.table-calendar-simple th .checkbox {
    min-height: 0;
}

.checkbox.padded {
    padding-left: 20px;
}

.tabbable-bordered.no-margin {
    margin: 0;
}

.form-control.form-control-mask {
    padding: 0 0 0 10px;
    height: auto;
}

.tag-input .nsg-input {
    padding-left: 0;
    margin-top: 3px;
    margin-bottom: 3px;
}

.tag-input .nsg-tag {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    margin-left: 0;
    padding-left: 5px;
}

.tag-input .nsg-tag.nsg-invalid {
    background-color: #fff1f1;
    border: 1px solid #ff9393;
}

.tag-input .nsg-tag-remove::after {
    background-color: transparent;
}

.tag-input .original-input {
    border: none;
}

table.dataTable tr td.danger {
    background-color: #fbe1e3 !important;
}

.portlet-title .back {
    font-size: 14px;
    color: #000;
    margin-top: 3px;
}

.form-filter.input-value-filled {
    background-color: #fff8bc;
}

.portlet > .portlet-title > .caption > i {
    margin-top: 2px;
}

.margin-bottom-20-row:not(:last-child) {
    margin-bottom: 20px;
}

.text-link {
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

.text-link:hover, .text-link:focus {
    color: #23527c;
    text-decoration: underline;
}

.text-link:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.form-inline {
    display: inline;
}

.portlet.customer-comments-box {
    margin-top: 2rem;
}

.mw-100 {
    max-width: 100%;
}

.timeline-customer-comments {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 5px;
}

.timeline-customer-comments::before {
    display: none;
}

.timeline.timeline-customer-comments .timeline-body {
    margin-top: 5px;
    padding: 5px;
}

.timeline.timeline-customer-comments .timeline-body-content {
    margin-top: 30px;
}

.timeline-customer-comments::-webkit-scrollbar {
    width: 0.5em;
}

.timeline-customer-comments::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(112, 128, 144, 0.2);
}

.timeline-customer-comments::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    border-radius: 20px;
}

.customer-image-container {
    height: 300px;
    display: flex;
    align-items: center;
    background-color: #efefef;
    border: 1px solid #e1e7ee;
    justify-content: center;
}

.customer-image-container img {
    max-height: 100%;
}

.line-height-33 {
    line-height: 33px;
}

.timeline.no-margin {
    margin: 0;
}

.w-75 {
    width: 75%;
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.table-customer-view tr td:first-child {
    width: 25%;
    font-weight: bold;
}

.mw-50 {
    max-width: 50%;
}

.nav-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nav-flex > li > a {
    display: flex;
    text-align: center;
}

#chartdiv_customers_count {
    height: 550px;
}

.float-none {
    float: none !important;
}

.export-container {
    font-size: 1.2em;
}

.export-header {
    line-height: 35px;
}

.display-flex {
    display: flex;
}

.export-document-paragraph {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.export-container ul li,
.export-container ol li {
    margin-bottom: 10px;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.letter-space-half {
    letter-spacing: 0.5px;
}

.letter-space-2 {
    letter-spacing: 2px;
}

.background-grey {
    background-color: #e5e5e5;
}

.margin-top-60 {
    margin-top: 60px;
}

.py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-3 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.border-full {
    border: 1px solid #000000;
}

.border-left {
    border-left: 1px solid #000000;
}

.border-right {
    border-right: 1px solid #000000;
}

.border-bottom {
    border-bottom: 1px solid #000000;
}

.border-top {
    border-top: 1px solid #000000;
}

.text-indent-20 {
    text-indent: 20px;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.export-table thead th {
    font-weight: 500;
    text-align: center;
    font-size: 0.85em;
    padding: 2px;
    border: 1px solid #000000;
}

.export-table tbody td {
    font-weight: 300;
    text-align: center;
    font-size: 0.85em;
    padding: 2px;
    border: 1px solid #000000;
}

.font-size-9 {
    font-size: 0.9em;
}

.word-wrap-break {
    word-break: break-word;
}

.input-sm-checkbox {
    height: 15px !important;
}

.ml-15 {
    margin-left: 15px;
}

.dataTable tbody tr td {
    overflow-wrap: break-word;
}

.dataTables_processing {
    top: 0 !important;
    margin-top: 0 !important;
}

.toast-top-full-width-custom {
    top: 75px;
    right: 0;
    width: 100%;
}

#toast-container.toast-top-full-width-custom>div {
    padding: 40px 15px 40px 50px;
    opacity: 1;
    width: 90%;
    margin: 0 auto;
}

.justify-content-center {
    justify-content: center;
}

.pb-1 {
    padding-bottom: 1rem;
}

.form-filter-checkboxes {
    height: 150px;
    overflow-y: scroll;
}

.margin-left-30 {
    margin-left: 30px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.w-100 {
    width: 100% !important;
}

.text-left {
    text-align: left !important;
}

.dataTable tbody tr td {
    overflow-wrap: break-word;
}

.dataTables_processing {
    top: 0 !important;
    margin-top: 0 !important;
}

.toast-top-full-width-custom {
    top: 75px;
    right: 0;
    width: 100%;
}

#toast-container.toast-top-full-width-custom>div {
    padding: 40px 15px 40px 50px;
    opacity: 1;
    width: 90%;
    margin: 0 auto;
}

.justify-content-center {
    justify-content: center;
}

.pb-1 {
    padding-bottom: 1rem;
}

.form-filter-checkboxes {
    height: 150px;
    overflow-y: scroll;
}

.background-light-grey {
    background-color: #f1f1f1;
}

.display-block {
    display: block;
}

.pt-0 {
    padding-top: 0 !important;
}

.bg-cez-orange {
    background-color: #ff4612;
}

.text-cez-orange {
    color: #ff4612;
}

.bt-cez-orange {
    border-top: 1px solid #ff4612;
}

.bb-cez-orange {
    border-bottom: 1px solid #ff4612;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.bt-dark-grey {
    border-top: 2px solid #6d6d6d;
}

.border-style-dashed {
    border-style: dashed !important;
}

.border-bottom-style-dashed {
    border-bottom: 1px dashed #000000;
}

.border-top-style-dashed {
    border-top: 1px dashed #000000;
}

.cez-logo {
    width: 90px;
}

.border-light-grey {
    border: 1px solid #cbcbcb;
}

.px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.popover-title {
    word-wrap: break-word;
}

.delete-customer-uploaded-file-form .popover.confirmation {
    border: 1px solid #abe7ed;
}

.delete-customer-uploaded-file-form .popover-title {
    line-height: 18px;
}

.mt-0 {
    margin-top: 0 !important;
}

.tabbable-custom>.nav-tabs>li.active.blue {
    border-top: 3px solid #3598dc;
}

.table.mapping-table td, .table.mapping-table th {
    min-width: 125px;
}

.cursor-not-allowed {
    cursor: not-allowed;
    user-select: none;
}