table.dataTable thead th {
    padding: 10px 18px 10px 10px;
    border-bottom: 1px solid #002850;
    background-color:#2388cf;
    color:#fff;
}

table.dataTable thead td {
    padding: 10px 18px 10px 10px;
    border-bottom: 1px solid #002850;
}

table.dataTable tbody td.product,
table.dataTable tbody td.date {
    min-width: 180px;
}

.dataTables_wrapper .dataTables_filter {
    float:left;
    text-align:left;
    width: 100%;
    margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left:0;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #002850;
}

table.dataTable tbody tr:nth-child(even) {
    background-color:#eee;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 0;
    background: #002850;
    border: 1px solid #002850;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #2388cf;
    border: 1px solid #2388cf;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #2388cf;
    border: 1px solid #2388cf;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow:none !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top:20px;
}

.dataTables_wrapper .dataTables_info {
    padding-top:28px;
}

.block.block-card-add,
.block.block-card-view,
.block.block-performance-view,
.block.block-sale-view {
    width: 100%;
    background: #deeaf4;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block-content .loading-mask {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block-content .loading-mask .loader {
    width: 100%;
}

.block-content .loading-mask .loader img {
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

.block-content .box.box-card-add,
.block-content .box.box-card-view,
.block-content .box.box-performance-view,
.block-content .box.box-sale-view {
    width:100%;
    margin-right:0;
}

.block-content .box.box-card-add .hint {
    color: #002850;
    text-decoration: underline;
}
.block-content .box.box-card-add .hint:hover {
    text-decoration: none;
}

.block-content .box.box-card-add ul {
    margin-bottom:20px;
}

.card-view-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.card-view-wrapper .card {
    width:calc((100% - 40px) / 3);
    background-color: #eee;
    border: 1px solid #eee;
    padding: 20px;
    box-sizing: border-box;
    margin-right:20px;
    margin-bottom:20px;
}

.card-view-wrapper .card.active {
    border:1px solid #2388cf;
}

.card-view-wrapper .card .card-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top:20px;
}

.card-view-wrapper .card .card-actions button {
    padding:9px 10px;
}

/*.card-performance-wrapper .performance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    background-color:#eee;
    border-bottom:1px solid #2388cf;
}*/

.card-sale-wrapper .sale.charge {
    color: #2388cf;
}

/*.card-performance-wrapper .performance.header {
    background-color:#2388cf;
    border-bottom:0;
    color:#fff;
}

.card-performance-wrapper .performance span {
    width:calc(100% / 4);
    padding: 5px 10px;
    display:inline-block;
    box-sizing: border-box;
    text-align: right;
    border-right: 1px solid #2388cf;
}

.card-performance-wrapper .performance span:last-child {
    border-right:0;
}*/

@media (min-width:801px) {
    .card-view-wrapper .card:nth-child(3n) {
        margin-right:0;
    }

    .card-view-wrapper .card:nth-child(3n+1):nth-last-child(-n+3),
    .card-view-wrapper .card:nth-child(3n+1):nth-last-child(-n+3) ~ .card {
        margin-bottom:0;
    }
}

@media (max-width:800px) and (min-width:601px) {
    .card-view-wrapper .card {
        width:calc((100% - 20px) / 2);
    }

    .card-view-wrapper .card:nth-child(2n) {
        margin-right:0;
    }

    .card-view-wrapper .card:nth-child(2n+1):nth-last-child(-n+2),
    .card-view-wrapper .card:nth-child(2n+1):nth-last-child(-n+2) ~ .card {
        margin-bottom:0;
    }
}

@media (min-width:601px) {

}

@media (max-width:600px) {
    .card-view-wrapper .card {
        width:100%;
        margin-right:0;
    }

    .card-view-wrapper .card:last-child {
        margin-bottom:0;
    }

    .card-performance-wrapper .performance span {
        width:100%;
        border-right:0;
        border-bottom:1px solid #2388cf;
    }

    .card-performance-wrapper .performance span:last-child {
        border-bottom:0;
    }
}