.page-bar {
    margin-bottom: 15px !important;
}

#datatable_ajax_processing {
    position: absolute;
    left: 50%;
    z-index: 1111;
    margin-left: -100px;
}

#datatable_ajax_wrapper > .row {
    position: relative;
}

#datatable_ajax_filter {
    text-align: right;
}

.permissions-table th {
    text-align: center;
}

.permissions-table .md-checkbox {
    width: 20px;
    margin: 0 auto;
}

.custom-spinner {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: url('../img/spinner.gif') 0 0 / contain no-repeat;
}

.alert .list-group-item {
    background: none;
    border: 0;
}

#datatable_ajax i {
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
}

#datatable_ajax i.fa-trash {
    color: #cc0000;
    top: -1px;
    position: relative;
}

#datatable_ajax td button {
    border: 0;
    padding: 0;
    background: none;
}

.delete-form {
    display: inline;
}

.form .form-actions, .portlet-form .form-actions {
    background: none;
    margin: 0 !important;
}

.addButton {
    margin-top: 3px;
}

#addClient {
    cursor: pointer;
}

.portlet-title .close {
    margin-top: 15px;
}

.alert ul {
    list-style-type: none;
}

.remove-product {
    cursor: pointer;
}

.price-input {
    width: 90px;
}

.qty-input {
    width: 50px;
}

.color-red {
    color: #E7505A;
}

.color-blue {
    color: #32C5D2;
}

#orderClientTable .color-blue {
    cursor: pointer;
}
#updateOrders th:first-child,
#updateOrders th:last-child,
#updateOrders td:first-child,
#updateOrders td:last-child {
    display: none;
}
.confirmBulkOrderUpdateStatusPopupTitle {
    font-weight: bold;
    position: fixed;
    top: 2px;
    left: 6px;
    width: calc(100% - 30px);
    background: #fff;
    padding: 15px 8px;
    margin: 0;
    z-index: 9999999;
    font-size: 20px;
}
#orderView #datatable_ajax_filter {
    float: right;
}

@media (min-width: 768px) {
    #orderView .toolbar {
        position: absolute;
        top: 12px;
        left: 100px;
        width: 400px;
    }

    #orderView .toolbar select {
        width: 200px;
    }

    #orderView .portlet-body {
        position: relative;
    }

    #orderView #datatable_ajax_filter {
        top: -35px;
        position: absolute;
        right: 15px;
    }
}

#orderView #datatable_ajax_length {
    position: absolute;
    top: 41px;
    width: 79px;
    overflow: hidden;
    height: 34px;
    z-index: 999999;
}

#orderView #datatable_ajax_length select {
    height: 34px;
    padding: 2px;
    width: 60px !important;
    z-index: 100;
}

.reset-filter {
    cursor: pointer;
}

.reset-filter:hover {
    background: #E73D4A;
}

.reset-filter:hover i {
    color: #ddd;
}

.reset-filter i {
    color: #E73D4A;
}

#datatable_ajax_length {
    position: absolute;
}

.add-inputs .fa-trash {
    margin-top: 25px;
}

.red-cell {
    background: #E7505A;
    color: #fff;
    text-align: center;
    font-weight: 900;
}

.negotiate-price {
    position: relative !important;
}

.column.sortable {
    height: 50px !important;
}

#sortable_portlets {
    float: left;
    width: 100%;
}

#sortable_portlets .column {
    cursor: move;
}

#orderClientTable_wrapper #orderClientTable_filter {
    text-align: right;
}

#orderClientTable_wrapper {
    overflow: hidden;
}

.page-sidebar-wrapper .add-btn-li:hover a {
    background: #364150 none repeat scroll 0 0 !important;
}

.page-sidebar-wrapper .add-btn-li a:hover {
    background: #2c3542 none repeat scroll 0 0 !important;
    color: #b4bcc8;
}

.page-sidebar-wrapper .add-btn-li:hover .remove-link-css {
    background: #ED6B75 !important;
}

.page-sidebar-wrapper .add-btn-li.active .nav-link {
    background: #36c6d3 none repeat scroll 0 0 !important;
    border-top-color: transparent;
    color: #fff;
}

.page-sidebar-wrapper .add-btn-li.active .remove-link-css {

}

.remove-link-css {
    background: #ED6B75 !important;
    height: 40px !important;
    position: absolute !important;
    padding: 10px 0 0 0 !important;
    right: 0;
    width: 41px;
    top: 0;
    text-align: center;
    z-index: 1111;
}

.page-sidebar-wrapper .add-btn-li .remove-link-css:hover {
    background: #e73d4a !important;
}

.add-btn-li {
    position: relative !important;
}

.add-btn-li .nav-link {
    position: relative;
}

.remove-link-css i {
    color: #fff !important;
    margin: 0 !important;
}

#orderView {
    position: relative;
}

.tools {
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    padding: 0 !important;
}

.tools a {
    display: block;
    margin: 0 !important;
    background: none !important;
    height: 100% !important;
    width: 100% !important;
}

.portlet-title {
    position: relative;
}

.portlet .form-actions {
    padding: 0 20px !important;
    position: fixed;
    top: 55px;
    right: 0 !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 0 !important;
    width: 500px;
    z-index: 1111;
    text-align: right;
    height: 37px !important;
}

#large .form-actions {
    background: none !important;
    top: 58px;
}
.modal .form-actions{
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    border-bottom: 1px solid #e7ecf1 !important;
    padding-top: 5px !important;
    height: 45px !important;
}
#large .form-body {
    padding-top: 0 !important;
}

.dashboard-stat {
    padding: 10px 0;
}

.dashboard-stat .col-md-12 {
    color: #fff;
}

.dashboard-stat .counter {
    font-size: 18px;
}

.dashboard-stat .col-md-6{
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 10px;
}

.dashboard-stat .col-md-6:hover{
    background: #fff;
    color: #3598dc;
}
#ajaxUrl{
    display: none;
}

.totalRow{
    font-weight: bold;
    font-size: 25px !important;
}

.client-orders #clientOrderStatus{
    width: 50%;
    float: left;
    margin-right: 40px;
}

.change-status{
    box-shadow: none !important;
    outline: 0 !important;
    width: 100%;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #c2cad8;
}

.sub-menu li{
    position: relative;
}

.sub-menu .nav-item .remove-link-css{
    background: none !important;
    height: 20px !important;
    display: block;
}

.request-product{
    background: #E7505A;
}

.request-product a, .request-product i{
    color: #fff !important;
}

.reserve-product{
    background: #FFF;
}

.reserve-product a, .reserve-product i{
    color: #000 !important;
}

.reserve-product a:hover, .reserve-product a:hover i{
    color: #FFF !important;
}

.client-data{
    cursor: pointer;
}

.editObs, .saveObs, .closeObs{
    display: none;
}

.closeObs{
    background: red !important;
    padding: 5px !important;
    color: #fff  !important;
}
.saveObs{
    background: blue !important;
    padding: 5px !important;
    color: #fff  !important;
}

#exportBtn{
    margin-top: 26px;
}

.table-container table.table .reserveProduct2, .table-container table.table .reserveProduct2:hover{
    background: #ffd24d !important;
}

.table-container table.table .reserveProduct3, .table-container table.table .reserveProduct3:hover{
    background: #80ff80 !important;
}

.table-container table.table .saleProduct1, .table-container table.table .saleProduct1:hover{
    background: #ff4d4d !important;
    color: #fff;
}
.table-container table.table [data-istest='true'], .table-container table.table [data-istest='true']:hover  {
    background: rgb(220, 226, 255) !important;
    color: #000;
}
.table-container table.table [data-istest='true'] td:first-of-type:after {
    content: "TEST";
    display: block;
    color: red !important;
    font-size: 15px;
    position: relative;
}


.resProcessed td b.productReservation {
    white-space: nowrap;
}
.orderClientTable td,
.orderClientTable th {
    width: 0.1% !important;
    position: relative;
}
.orderClientTable td:first-child,
.orderClientTable th:first-child {
    width: 50px !important;
    min-width: 0 !important;
    white-space: nowrap;
}
.orderClientTable td:last-child,
.orderClientTable th:last-child {
    width: 65px !important;
}
.orderClientTable td:nth-of-type(4),
.orderClientTable th:nth-of-type(4),
.orderClientTable td:nth-of-type(6),
.orderClientTable th:nth-of-type(6) {
    width: 250px !important;
    max-width: 250px;
}
.orderClientTable td:nth-of-type(7),
.orderClientTable th:nth-of-type(7) {
    width: 76px !important;
    max-width: 76px;
}
.redcolor {
    color: red !important;
    font-weight: bold;
    text-transform: uppercase;
}

.statusmsgs {
    position: fixed;
    bottom: 80px;
    right: 40px;
    width: 400px;
    margin: 20px auto;
    z-index: 999999999;
    pointer-events: none !important;
}

.statusmsgs .msg {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    background: #212121;
    color: #fff;
    transform: translateY(20px);
    opacity: 0;
    font-size: 20px;
    transition: transform 300ms ease, opacity 300ms linear;
    /*animation: msgIn 300ms ease;*/
}

@keyframes msgIn {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.statusmsgs .msg.show {
    opacity: 1;
    transform: translateY(0);
}

body.loading {
    pointer-events: none;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(245, 245, 245, 0.9);
    z-index: 9999999;
    display: none;
}

@keyframes loading {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.loader:before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    display: block;
    position: absolute;
    border-top: 2px solid #005eb8;
    border-bottom: 2px solid #005eb8;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    animation: loading 500ms linear infinite;
}

.loading .loader {
    display: block !important;
}
.headerNotice {
    position: relative;
    float: left;
    color: #ffeb00;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 49px;
    /* white-space: nowrap; */
    padding: 0 40px;
    font-size: 11px;
}

.readyOrdersSection .table {
    display: table;
    width: 100%;
    position: relative;
    border-collapse: collapse;
    border-spacing: 0 0;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.05);
}
.readyOrdersSection .table .thead,
.readyOrdersSection .table .tbody {
    display: table-row-group;
    position: relative;
}
.readyOrdersSection .table .thead .tr,
.readyOrdersSection .table .tbody .tr {
    display: table-row;
    position: relative;
}
.readyOrdersSection .table .thead .tr:nth-child(odd),
.readyOrdersSection .table .tbody .tr:nth-child(odd) {
    background: #f7f7f7;
}
.readyOrdersSection .table .thead .th {
    border: 1px solid #ddd;
}
.readyOrdersSection .table .tbody .td {
    border: 1px solid #f5f5f5;
}
.readyOrdersSection .table .thead .th,
.readyOrdersSection .table .tbody .td {
    display: table-cell;
    position: relative;
    border-top: 1px solid #ddd;
    padding: 5px 10px;
    vertical-align: middle;
}
.readyOrdersSection .table .thead .th:first-of-type,
.readyOrdersSection .table .tbody .td:first-of-type {
    border-left: 1px solid #ddd;
    padding-left: 30px;
}
.readyOrdersSection .table .thead .th:last-of-type,
.readyOrdersSection .table .tbody .td:last-of-type {
    border-right: 1px solid #ddd;
}
.readyOrdersSection .table .thead .tr:last-of-type .th,
.readyOrdersSection .table .tbody .tr:last-of-type .td {
    border-bottom: 1px solid #ddd;
}
.readyOrdersSection .table .thead .th {
    font-weight: bold;
}
.readyOrdersSection .readyOrderProduct {
    white-space: nowrap;
}
.readyOrdersSection .table .tr .td:first-of-type:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 16px;
    content: "";
    display: block;
}
.readyOrdersSection .table .tr[data-rowcolorfor='vanzareprocesare'] .td:first-of-type:before,
.readyOrdersSection .table .tr[data-rowcolorfor='vanzarefinalizare'] .td:first-of-type:before {
    background: #ff4d4d;
}
.readyOrdersSection .table .tr[data-rowcolorfor='vanzareprocesare'] .td,
.readyOrdersSection .table .tr[data-rowcolorfor='vanzarefinalizare'] .td {
    background: #ffece3;
}
.readyOrdersSection .table .tr[data-rowcolorfor='rezervareprocesare'] .td:first-of-type:before,
.readyOrdersSection .table .tr[data-rowcolorfor='rezervarefinalizare'] .td:first-of-type:before  {
    background: #ffd24d !important;
}
.readyOrdersSection .table .tr[data-rowcolorfor='rezervareprocesare'] .td,
.readyOrdersSection .table .tr[data-rowcolorfor='rezervarefinalizare'] .td {
    background: #feffef !important;
}


.readyOrdersSection .table .tr[data-istest='true'] .td {
    background: rgb(220, 226, 255) !important;
}
.readyOrdersSection .table .tr[data-istest='true'] .td:first-of-type:before {
    background: rgb(63, 0, 210) !important;
}
.readyOrdersSection .table .tr[data-istest='true'] .td:first-of-type:after {
    content: "TEST";
    display: block;
    color: red !important;
    font-size: 15px;
    position: relative;
}

.readyOrdersSection .table .tr[data-rowcolorfor='vanzareprocesare'] i,
.readyOrdersSection .table .tr[data-rowcolorfor='vanzarefinalizare'] i,
.readyOrdersSection .table .tr[data-rowcolorfor='rezervareprocesare'] i,
.readyOrdersSection .table .tr[data-rowcolorfor='rezervarefinalizare'] i {
    background: #000 !important;
    display: inline-block;
    position: relative;
    padding: 5px;
}
.readyOrdersSection .table .tr[data-rowcolorfor='vanzareprocesare'] i:before,
.readyOrdersSection .table .tr[data-rowcolorfor='vanzarefinalizare'] i:before,
.readyOrdersSection .table .tr[data-rowcolorfor='rezervareprocesare'] i:before,
.readyOrdersSection .table .tr[data-rowcolorfor='rezervarefinalizare'] i:before{
    color: #fff !important;
}

/*#ffd24d*/


/* Order Statuses */
/*
ADMIN
1 In asteptare #c09
2 Expediata #94c500
3 Ridicare Confirmata #075bf5
4 Stornata #075bf5
5 Anulata #b16c00
6 Declined #694825
7 Deschisa #f6970f
8 Confirmata #a407f5
9 Awaiting Shipment #cd3000
10 Finalizata #94c500
11 Awaiting Fulfilment #008ccd
12 Lipsa Stoc #ff0000
13 Verificare stoc #ff3400

CRM
1 Deschisa #f6970f
2 Confirmata #a407f5
3 Finalizata #94c500
4 Expediata #94c500
5 Scadenta #008ccd
6 Achitata #075bf5
7 In Asteptare #c09
8 Anulata #b16c00
9 De adus in fata #cd3000
 */
.OrderStatus {

}
.OrderStatus select {
    position: relative;
    background: #fff;
    z-index: 10;
}
.OrderStatus:before {
    content: "";
    z-index: 1;
    width: 5px;
    height: 100%;
    background-color: #ddd;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    display: block;
}
.OrderStatus:after {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.1;
}
.OrderStatus1:before,
.OrderStatus1:after
{
    background-color: #f6970f;
}

.OrderStatus2:before,
.OrderStatus2:after
{
    background-color: #a407f5;
}

.OrderStatus3:before,
.OrderStatus3:after
{
    background-color:#94c500;
}

.OrderStatus4:before,
.OrderStatus4:after
{
    background-color: #94c500;
}

.OrderStatus5:before,
.OrderStatus5:after
{
    background-color: #008ccd;
}

.OrderStatus6:before,
.OrderStatus6:after
{
    background-color: #075bf5;
}

.OrderStatus7:before,
.OrderStatus7:after
{
    border-color: #c09;
    background-color: #c09;
}

.OrderStatus8:before,
.OrderStatus8:after
{
    background-color: #b16c00;
}

.OrderStatus9:before,
.OrderStatus9:after
{
    background-color: #cd3000;
}

.OrderStatus11:before,
.OrderStatus11:after
{
    border-color: #cc0039;
    background-color: #cc0039;
}

.btnImportFromPowerStocks {
    float: right;
}
.comandaSolicitataActiuni {
    white-space: pre;
}
.form .form-actions.top {
    white-space: nowrap;
}

/* client order stats*/
.clientOrdersStatsWrapper {
    position: relative;
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
}
.clientOrdersStatsWrapper .clientOrdersStatsSection {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 10px 10px 0;
    border: 1px solid #ddd;
    padding: 10px;
}
.clientOrdersStatsWrapper .clientOrdersStatsSection h4 {
    position: relative;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.clientOrdersStatsWrapper .clientOrdersStatsSection .clientOrdersStatsSectionValue {
    position: relative;
    font-size: 20px;
    line-height: 10px;
    color: #286090;
    display: inline-block;
    vertical-align: middle;
}

/* order list stats*/
.ordersStatsWrapper {
    position: relative;
    margin: 10px 0 10px -16px;
    border-bottom: 1px solid #ddd;
}
.ordersStatsWrapper .ordersStatsSection {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 10px 10px 0;
    border: 1px solid #ddd;
    padding: 10px;
}
.ordersStatsWrapper .ordersStatsSection h4 {
    position: relative;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.ordersStatsWrapper .ordersStatsSection .ordersStatsSectionValue {
    position: relative;
    font-size: 20px;
    line-height: 10px;
    color: #286090;
    display: inline-block;
    vertical-align: middle;
}

[data-showbtn='warranty'] .btnAddStornoToOrder,
[data-showbtn='storno'] .warran {
    display: none;
}
.warrantyRed {
    color: red !important;
    font-weight: bold;
}

.table {
    display: table;
    width: 100%;
    position: relative;
}
.thead,
.tbody {
    display: table-row-group;
    position: relative;
}
.tr {
    display: table-row;
    position: relative;
}
.th, .td {
    display: table-cell;
    position: relative;
}
.actionLogsWrapper,
.clientMergeWrapper,
.deletedOrdersWrapper {
    position: relative;
}
.actionLogsWrapper .actionLogsTable,
.clientMergeWrapper .clientMergeTable,
.deletedOrdersWrapper .deletedOrdersTable {
    border-spacing: 0 0;
    border-collapse: collapse;
}
.actionLogsWrapper .actionLogsTable .th,
.actionLogsWrapper .actionLogsTable .td,
.clientMergeWrapper .clientMergeTable.th,
.clientMergeWrapper .clientMergeTable .td,
.deletedOrdersWrapper .deletedOrdersTable .th,
.deletedOrdersWrapper .deletedOrdersTable .td {
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 14px;
    color: #000;
    vertical-align: middle;
}
.actionLogsWrapper .actionLogsTable .tr:nth-child(odd) .td,
.clientMergeWrapper .clientMergeTable .tr:nth-child(odd) .td,
.deletedOrdersWrapper .deletedOrdersTable .tr:nth-child(odd) .td{
    background: rgba(0,0,0,0.05);
}
.actionLogsWrapper .filtersWrapper,
.clientMergeWrapper .filtersWrapper,
.deletedOrdersWrapper .filtersWrapper {
    position: relative;
    float: right;
    display: table;
    margin-top: -20px;
    top: -20px;
}
.actionLogsWrapper .filtersWrapper .filterWrapper,
.clientMergeWrapper .filtersWrapper .filterWrapper,
.deletedOrdersWrapper .filtersWrapper .filterWrapper {
    display: table-cell;
    position: relative;
    padding: 5px;
    vertical-align: middle;
}
.actionLogsWrapper .filtersWrapper .filterWrapper select,
.actionLogsWrapper .filtersWrapper .filterWrapper input,
.clientMergeWrapper .filtersWrapper .filterWrapper select,
.clientMergeWrapper .filtersWrapper .filterWrapper input,
.deletedOrdersWrapper .filtersWrapper .filterWrapper select,
.deletedOrdersWrapper .filtersWrapper .filterWrapper input {
    border: 1px solid #000;
    padding: 4px;
    font-size: 14px;
    color: #000;
    background: #fff;
    height: 31px;
    box-sizing: border-box;
}
.caleran-popup {
    left: unset !important;
    right: 0 !important;
    top: 35px !important;
}

.btnOpenMergeClientsPopup,
.btnOpenMergeClientsPopup:hover,
.btnOpenMergeClientsPopup:active,
.btnOpenMergeClientsPopup:focus,
.btnOpenMergeClientsPopup:visited {
    text-decoration: none;
    position: relative;
    display: inline-block;
    background: #36c6d3 none repeat scroll 0 0 !important;
    border-top-color: transparent;
    color: #fff;
    padding: 6px 10px;
    height: 31px;
}
.popupUnderlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
}
.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    border: 1px solid #ddd;
    display: none;
}
.popupUnderlay.show,
.popup.show {
    display: block !important;
}
.popupInner {
    position: relative;
    width: 700px;
    padding: 20px;
}
.popup .popupHead {
    position: relative;
    margin: 0 0 20px;
}
.popup .popupBody {
    position: relative;
    margin: 0 0 20px;
}
.popup .popupActions {
    text-align: right;
}
.popup .popupActions a {
    margin-left: 10px;
}
.clientToMergeSetPrincipalContainer {
    position: relative;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
.clientToMerge {
    display: table;
    width: 100%;
    position: relative;
    border-collapse: collapse;
    border-spacing: 0 0;
}
.clientToMerge > div {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #ddd;
}
.clientToMerge > div.clientToMergeSetPrincipalWrapper {
    width: 34px;
}
.clientToMerge > div.clientToMergeName > label {
    cursor: pointer;
    display: block;
    position: relative;
    font-weight: bold;
}

/*jquery ui*/
.customModal {
    border: none !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 999999999999 !important;
}
.customModalReservation {
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
}
.ui-widget-header {
    background: #fff !important;
    border: none !important;
}
.dialogButtonYes,
.dialogButtonYes:hover,
.dialogButtonYes:focus,
.dialogButtonYes:active,
.dialogButtonYes:visited {
    background: #0070e4 !important;
    border: none !important;
    color: #fff !important;
    padding: 10px 20px !important;
}
.dialogButtonNo,
.dialogButtonNo:hover,
.dialogButtonNo:focus,
.dialogButtonNo:active,
.dialogButtonNo:visited {
    background: #771c00 !important;
    border: none !important;
    color: #fff !important;
    padding: 10px 20px !important;
}
.ui-dialog-titlebar-close {
    display: none !important;
}
.ui-widget-content {
    border: none !important;
}
.ui-dialog .ui-dialog-content {
    display: none !important;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: initial !important;
    width: 90%;
    overflow: visible !important;
    text-overflow: initial !important;
}
.currentlyOpenedOrder {
    pointer-events: none !important;
}
.orderClientTable .thisOrderIsOpenedBySomeoneElse {
    display: block;
    position: relative;
    color: red !important;
    font-weight: bold;
    word-break: break-word;
    white-space: initial;
    font-size: 10px;
}
.thisOrderIsOpenedBySomeoneElse {
    color: red !important;
}
html body .orderClientTable .currentlyOpenedOrder td {
    background: #ceaeff;
    animation: dnoOrder 2s linear infinite;
}
@keyframes dnoOrder {
    0% {
        background: #fff;
    }
    50% {
        background: #ceaeff;
    }
    100% {
        background: #fff;
    }
}
.saveDateToBillWrapper {
    white-space: nowrap;
    margin: 10px 0 0;
    border-top: 1px solid #ddd;
    padding: 10px 0 0;
    position: relative;
    display: block;
    font-size: 12px;
}
.saveDateToBillWrapper input {
    display: inline-block;
    position: relative;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.saveDateToBillInOrderWrapper {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px 0;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.saveDateToBillInOrderWrapper input {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.clientOrderActionsWrapper  {
    white-space: nowrap;
}
.clientOrderActionsWrapper > i,
.clientOrderActionsWrapper > a {
    display: inline-block;
    position: relative;
    margin: 0 0 0 10px;
}
.paginatorWrapper {
    position: relative;
    text-align: center;
}
.paginatorWrapper .paginatorItem {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    font-size: 15px;
    line-height: 15px;
    border: 1px solid #ddd;
    color: #000;
    text-align: center;
}
.paginatorWrapper .paginatorItem > a {
    padding: 10px;
    display: inline-block;
    position: relative;
    text-align: center;
}
.paginatorWrapper .paginatorItem .currentPage {
    background: #23527c !important;
    color: #fff !important;
}
.wideBreadcrumb {
    width: 100%;
}
.clientCuAdaugariWrapper {
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 290px;
    z-index: 9999;
}
.clientCuAdaugariWrapper input[type='checkbox'] {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.clientCuAdaugariWrapper span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
[readonly] {
    pointer-events: none !important;
}
.orderDates {
    font-size: 12px;
}
.orderDates > div {
    white-space: nowrap;
}
.dataTables_paginate.paging_input {
    position: relative;
    margin: 10px 0;
}
.dataTables_paginate.paging_input .paginate_button {
    display: inline-block;
    position: relative;
    padding: 0px 9px;
    height: 30px;
    border-radius: 5px !important;
    font-size: 25px;
    line-height: 1;
    vertical-align: middle;
    font-weight: bold;
    margin: 0 10px 0 0;
    border: 1px solid #32c5d2;
    background: rgba(50, 197, 210, 0.09);
    cursor: pointer;
    box-shadow: 0 4px 6px 0 rgb(0 0 0 / 10%);
}
.paginate_input {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 30px;
    padding: 0px 7px;
    border-radius: 5px !important;
    margin: 0 5px 0 0;
    border: 1px solid #000;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 4px 6px 0 rgb(0 0 0 / 20%) inset;
}
.paginate_total {
    margin: 0 10px 0 0;
    font-weight: bold;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.btnDeselecteazaToateComenzile,
.btnDeselecteazaToateComenzile:hover,
.btnDeselecteazaToateComenzile:active,
.btnDeselecteazaToateComenzile:focus,
.btnDeselecteazaToateComenzile:visited {
    text-decoration: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #abb9bb;
    padding: 5px;
    background: #eceded;
    color: #006d7c;
    margin: -6px -6px -6px 10px;
    border-radius: 5px !important;
}
.filtersWrapperComenziClienti {
    position: sticky;
    top: 0px;
    width: calc(100% + 15px);
    background: #fff;
    z-index: 999999;
    margin: 0 -10px 0 0;
    font-size: 12px;
    height: 76px;
}
.filtersWrapperComenziClienti:before {
    position: absolute;
    top: 0;
    left: -36px;
    height: 100%;
    width: 40px;
    background: #fff;
    display: block !important;
    content: "";
}
.filtersWrapperComenziClienti:after {
    position: absolute;
    top: 0;
    right: -36px;
    height: 100%;
    width: 40px;
    background: #fff;
    display: block !important;
    content: "";
}
.filtersWrapperComenziClienti .control-label {
    font-size: 11px;
}
.statsWrapperComenziClienti {
    position: sticky;
    top: 70px;
    width: calc(100% + 15px) !important;
    background: #fff;
    z-index: 99999;
    margin: 0 -10px 0 0;
}
.modal {
    z-index: 99999999 !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
    z-index: 999999;
}
.select2-container {
    z-index: 99999999 !important;
}
.orderPaymentType[data-orderpaymentid='2'] {
    color: red !important;
    font-weight: bold !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    background: #ff00000d;
    padding: 10px;
}
.modalHideNoButton .dialogButtonNo {
    display: none !important;
}
.modal#confirm .modal-body {
    max-height: calc(100vh - 130px);
    overflow-x: visible;
    overflow-y: auto;
    position: relative;
}
.modal#confirm .modal-dialog {
    max-width: 1474px;
    width: 100% !important;
}
.modal#confirm .modal-body #updateOrders tr {
    position: relative;
}
.modal#confirm .modal-body .OrderStatus {
    /*position: relative;*/
    display: table-cell !important;
}
.modal#confirm .modal-body #updateOrders [aria-label="Actiuni"],
    /*.modal#confirm .modal-body #updateOrders [aria-label*="Status"],*/
.modal#confirm .modal-body #updateOrders  th:first-child,
.modal#confirm .modal-body #updateOrders tbody>tr>td:nth-child(0)
    /*.modal#confirm .modal-body #updateOrders tbody>tr>td:nth-child(6),*/
    /*.modal#confirm .modal-body #updateOrders tbody>tr>td:nth-child(7)*/
{
    display: none !important;
}
.clientOrderCategoriesWrapper {
    padding: 3px !important;
}
.clientOrdersWrapper .ordercategoryname {
    font-size: 8px;
    position: relative;
    display: block;
    padding: 5px;
    white-space: nowrap;
    background: #eee;
    border-radius: 5px !important;
    color: #666;
    pointer-events: none;
    user-select: none;
}

.form-group {
    margin-bottom: 15px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.form-group [name="dateFilter"] {
    margin: 0 !important;
    top: 2px;
    position: relative;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.paginateInputWrapper {
    display: inline-block;
    position: relative;
}
.paginate_input_values_wrapper {
    position: absolute;
    display: none;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    z-index: 100;
    max-height: 163px;
    overflow-x: hidden;
    overflow-y: auto;
}
.dataTables_paginate.paging_input:last-child .paginate_input_values_wrapper {
    bottom: 100% !important;
    top: unset !important;
}
.paginate_input_values_wrapper::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.paginate_input_values_wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.paginate_input_values_wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
.paginate_input_values_wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.paginate_input_values_wrapper.show {
    display: block !important;
}
.paginate_input_values_wrapper a {
    display: block;
    padding: 5px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.paginate_input_values_wrapper a.paginateInputOptionCurrent,
.paginate_input_values_wrapper a:hover {
    background: rgba(0,0,0,0.1);
}
.productScazutData {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px !important;
    background: #ff007b;
    color: #fff;
    padding: 2px 4px;
    font-size: 11px;
    line-height: 10px;
}
.singleCheckboxInputWrapper {
    width: 67px;
    position: relative;
    font-size: 11px;
    padding: 0 !important;
}
.obsContainer .obsSpan {
    white-space: pre-line;
}
.btnCopyToExcel,
.btnCopyToExcel:hover,
.btnCopyToExcel:active,
.btnCopyToExcel:focus,
.btnCopyToExcel:visited {
    text-decoration: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #2e6da4;
    padding: 5px 10px;
    background-color: #337ab7;
    color: #fff !important;
    margin: 0;
    /*border-radius: 5px !important;*/
    line-height: 17px !important;
    font-size: 13px;
    height: 30px;
}
.dno {pointer-events: none !important;}
/*form.order-edit[data-orderfinished='1'] .portlet.box.red a[target='_blank'] {pointer-events: auto !important;}*/