.sb-sort {font-size:10px;color:#ccc;vertical-align:middle;}
.sb-sort.fa-sort-down, .sb-sort.fa-sort-up {color:#999;}

.sb-table thead th {font-weight: 750;}
.sb-table tbody tr a {display:block;}
.sb-table tbody tr.incidence {background-color:#faeeee;}
.sb-table tbody tr:hover {background-color:#fafafa;}
.sb-table tbody tr td {vertical-align: top; white-space: normal;}
.sb-table .badge {padding:1px 4px;}
.sb-table .td_mini {width:1%;}
.sb-table .center {text-align:center;}
.sb-table .td_top {vertical-align: top;}
.sb-table tr.CSI {font-weight: bold;}
.sb-table tr.actionable {font-weight: bold; background-color: #f8fbd3;}
.sb-table-mini {font-size:85%;}
.sb-table-mini th {font-size: 100% !important;}

.dataTables_info {font-size:12px;}

.pt-4 .basic-form .row .mb-3 .row .mb-3 .row .mb-3 {margin-bottom: 0 !important;}

label .help {display:block;font-size:80%;color:#aaa;}
.form-control::placeholder{color:#ccc;}
.form-hidden-btn {position: absolute;left: -9999px;}

.sb-working-button {position: relative;transition: padding-right .3s ease-out;}
.sb-working-button.loading::after {content: "";position: absolute;width: 16px;height: 16px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border: 4px solid transparent;border-top-color: #ffffff;border-radius: 50%;animation: button-loading-spinner 1s ease infinite;}
@keyframes button-loading-spinner {
    from {transform: rotate(0turn);}
    to {transform: rotate(1turn);}
}

.sb-select-multi option {padding-left: 10px;}
.sb-breadcrumb-back-btn {font-size: 75% !important;color: #fff !important;padding: 0 5px;margin-right: 5px;}

.badge-default, .badge-marketplace { background: #ADB6C7; }
.badge-success, .badge-stage5 {background-color: #3AC977; }
.badge-primary, .badge-invoice { background-color: var(--primary); }
.badge-secondary { background-color: #2C2C2C; }
.badge-info, .badge-damage, .badge-stage2 { background-color: #58bad7; }
.badge-warning, .badge-lost, .badge-stolen, .badge-stage3  { background-color: #FF9F00; }
.badge-danger, .badge-stage4 { background-color: #FF5E5E; }
.badge-dark, .badge-not_received, .badge-stage1 { background-color: #6e6e6e; }
.badge-light, .badge-delivery_delay { background-color: #c8c8c8; }

.sb-badge-status {display:block;width:90%;}

#smartwizard .tab-content .tab-pane {background-color:#fff;}

.sb-thread-compose-cnt {display: none;}
.sb-thread-compose {display:block;padding:0;}
.sb-thread-compose .row {padding:5px 0;}
.sb-thread-compose .sb-thread-compose-attachments {background-color: #fafafa;border: 1px dashed #999;margin: 10px 0;text-align: center; cursor: pointer;}
.sb-thread-compose .sb-thread-compose-attachments .dlab-preview {display: none !important;}
.sb-thread-compose .sb-thread-compose-attachments div {font-size:95%;display:inline-block;padding:0 10px 2px 10px;}
.sb-thread-compose .sb-thread-compose-actions {text-align:right;}
.sb-message {padding-bottom:30px;}
.sb-message-header {background-color: #fafafa;padding: 5px 5px 5px 5px; margin-bottom: 10px;}
.sb-message-header .sb-message-actions {float:right;}
.sb-message-header p {font-size:95%;line-height:normal;}
.sb-message-header hr {margin:5px 0;}
.sb-message-body {padding: 0 5px 5px 5px; white-space:pre-line;font-size:90%;}
.sb-message-body-quote {border-left:2px solid #666;padding-left:8px; white-space:normal;}
.sb-message-attachments {position: relative;z-index: 25;}
.sb-message-attachments div {display:inline-block;padding:0;}
.sb-message-attachments div button {font-size:85% !important;position:relative;z-index:10;}
.sb-messages-list .sb-message { cursor:pointer; }
.sb-messages-list .sb-message:hover, .sb-messages-list .sb-message:hover .sb-message-header {background-color:#ffffee;}
.sb-messages-list .sb-message.current, .sb-messages-list .sb-message.current .sb-message-header {background-color:#fefebb; font-weight: bold;}

.sb-attachments-list .dlab-preview {display: none !important;}
.sb-attachments-list img {width:125px;margin:0 4px;border:1px solid #aaa;}
.sb-attachments-list .sb-attachments-list-img {display: inline-block;}
.sb-attachments-list .sb-attachments-list-img:hover .sb-attachments-list-delete {opacity: 0.8;}
.sb-attachments-list .sb-attachments-list-delete {background-color: #ff0000; color:#fff; text-align: center; font-size: 80%; cursor: pointer; margin:0 4px;position:relative;height:20px;top:-20px;opacity:0;}
.sb-attachments-list a {display:inline !important;}
.sb-attachments-list a i {font-size:10px;}
.sb-attachments-list-document-multi a {display:block !important;}
.sb-attachments-upload {margin:1px;}

.workflow { background-color: rgb(76, 179, 43); color:#e1e1e1; width:100%; font-size: 110%;}
.workflow.red { background-color:#ff3333; }
.workflow ol {}
.workflow ol li {list-style-type: none; font-size:80%; line-height: 1.1em; display: table-cell; width:1%; padding:10px 45px 10px 10px; background-image: url("../images/breadcrumb.png"); background-position: center right; background-repeat: no-repeat; }
.workflow ol li:last-child {background:none;}
.workflow ol li.current { color:#fff; font-size:100%;}
.workflow ol li.due { color:#ffcccc;}
.workflow ol li.error { color:#ff0000;}
.workflow ol li.done { color:#fff;}
.workflow ol li strong {display: block;}

.sb-table-documents {border:1px solid #ccc; border-collapse: collapse; width:100%;}
.sb-table-documents th, .sb-table-documents td {border:1px solid #ccc; padding:2px; text-align: center; font-weight: normal; font-size: 90%;}
.sb-table-documents .sb-document-check {cursor: pointer; color: #0b0;}
.sb-table-documents .sb-document-check.on {font-weight: bold;}
.sb-table-documents .sb-document-check.on::before { content: 'x'; }

.sb-dynamic-table-template {display: none;}