body {
    /* font-family: "Nunito", "Segoe UI", arial; */
    font-family: "Times New Roman", Times, serif;
}

.primary-light{
    background-color: #687bec6e;
}

.info-light{
    background-color: #cff0ff;
}
.text-bold{
    font-weight: bold !important;
}
.border-primary-1{
    border: 1px solid #687bec;
}
.border-light-1{
    border: 1px solid #e3eaef;
}
.va-t{
    vertical-align: top !important;
}
a.disabled {
    pointer-events: none;
    cursor: default;
  }
a.add-rate{
    margin-left: 10px;
    color: #cacaca;
}
a.add-rate:hover{
    color: #687bec;
}
.sidebar-brand {
    height: 100px !important;
}

.sidebar-brand .app-header-logo {
    margin-top: 15px;
}

.stock-history{
    width: 40px;
    display: inline-block;
    height: 28px;
    padding: 2px 11px;
    margin-right: -5px;
}

/* display field */

.view-field {
    display: flex;
    font-size: 13px;
    margin-bottom: 5px;
}
.view-field label {
    color: gray;
    width: 90px;
}
.view-field span {
    margin: 0 10px;
}

.view-field p {
    line-height: 20px;
}

.show-field-image {
    width: 60%;
}

/* index page */

.wizard-steps .wizard-step:before {
    position: fixed;
    width: 0;
    height: 0;
}
.wizard-steps {
    margin-bottom: 5px;
}
.wizard-steps .wizard-step {
    position: inherit;
    padding: 16px 22px;
    cursor: pointer;
}
.wizard-steps .wizard-step .wizard-step-label {
    font-size: 12px;
}
.category-wizards .col-1 {
    padding-right: 0;
    padding-left: 5px;
}
.table-img {
    width: 140px;
}

.table-group-header {
    display: flex;
    justify-content: space-around;
}
.table-group-header p {
    width: 180px;
}
.table-group-header td {
    width: 180px;
}

/* Datatable customization */

.dt-button-collection {
    left: 0 !important;
}

#dataTableBuilder tbody tr img, #sufiaPSDT tbody tr img  {
    width: 40px;
    margin: -3px;
}

.dataTable thead th,
.dataTable tbody td {
    vertical-align: middle;
    text-align: center;
    /* border-right: 1px solid lightgray; */

}

.print_table {
    display: none;
}
.status-form {
    width: 96px;
}
.status-form .dropdown-menu {
    width: 96px;
}
.status-select2 {
    padding: 0 !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #687bec6e;
    color: #000;
}
/* .select2-container{
    width: 100% !important;
} */
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #000;
}
.status-select2 .btn-success,
.btn-success.disabled {
    box-shadow: 0 2px 6px #81d694e3;
    background-color: #47c36354;
    border-color: #47c36342;
    color: #000;
}

.status-select2 .btn-warning,
.btn-warning.disabled {
    box-shadow: 0 2px 6px #ffc473eb;
    background-color: #ffa42670;
    border-color: #ffa4264d;
    color: #000;
}

.store-select-data {
    min-width: 510px;
}

/* custom table */

.table.table-bordered td {
    border-color: #ddd;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 1px !important;
    padding: 2px;
}

.custom-table {
    display: table;
    width: 100%;
    /* border: 1px solid #666666; */
}

.table-row {
    display: table-row;
    width: auto;
    clear: both;
}

.table-col {
    float: left;
    display: table-column;
}
.table-col:last-child {
    text-align: right;
}

.table-header-table {
    border-left: 1px solid lightgrey !important;
    /* border-right: 1px solid lightgrey !important; */
    /* margin: -16px -6px; */
    min-height: 52px;
    /* min-height: 98px; */
    table-layout: fixed;
}
.table-header-table thead th {
    text-align: center;
    border: none;
    background: none !important;
    width: 60px;
}
.table-header-table thead th form{
    display: inline;
}
.table-header-table .delete-size-column {
    color: #ff00008c;
    padding: 0px 6px;
    float: right;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
}
.table-header-smillan thead th{
    border-right: 1px solid lightgrey !important;
}
.table-header-smillan{
    min-height: 50px !important;
}
.table-header-smillan tbody td{
    text-align: center;
}

.table-header-table tbody td {
    text-align: center;
    border-bottom: 1px solid lightgray !important;
    background: none !important;
    width: 60px !important; 
    vertical-align: middle !important;
}
.table-header-power thead th, .table-header-table tbody td{
    width: 30px !important; 
}
.table-header-table tbody tr {
    background: none !important;
}

.table-header-table tbody tr:last-child td {
    border-bottom: none !important;
    border-left: none !important;
    vertical-align: top;
}

.dataTables_wrapper .sorting_disabled {
    pointer-events: none;
    cursor: default;
}
.has-pointer-events{
    pointer-events: all;
    cursor: pointer;
} 

.table-header-genaral{
    width: 100%;
    min-height: 80px;
    table-layout: fixed;
}
.table-header-genaral td {
    vertical-align: middle !important;
    text-align: center !important;
    border-left: 1px solid #ddd !important;
    /* border-right: 1px solid #ddd !important; */
    width: 50px;
}

.class-action-td .action-btn{
    padding: 0px 0px !important;
    width: 14px;
    height: 20px;
    position: relative;
}
.class-action-td .action-btn i{
    font-size: 10px;
    line-height: 8px;
    display: inline-block;
    position: absolute;
    top: 4.5px;
    left: 1.5px;
}
.border-botom-none:last-child td{
    border-bottom: none !important;
    border-right: none !important;
}
.b-r-none{
    border-right: none !important;
}
.b-b-none{
    border-bottom: none !important;
}
.table-header-genaral-glass {
    width: 100%;
    min-height: 72px;
}
.same-size-td td{
    padding: 0;
    width: 20px;
}

.padding-none{
    padding: 0 !important;
}
.table.table-bordered td, .table.table-bordered th {
    border-color: #bababa !important;
}
.product-item-manual td{
    padding: 8px !important;
}

.w-5{
    width: 5%;
}
.w-7{
    width: 7%;
}
.w-10{
    width: 10%;
}
.w-15{
    width: 15%;
}
.w-35{
    width: 35%;
}

/* Create Page */
.select2-container {
    width: 100% !important;
}

.loading-image-full-page {
    margin: 160px;
}
.classes-col {
    border: 1px solid #cacaca;
}
.has-classes {
    margin: 10px 0;
}

/* Custom listing */
.origin-company-listing .list-group-item-action{
    padding: 0.75rem 1.25rem;
    display: block;
    color: white;
}

.origin-company-listing .list-group-item{
    border: none;
    font-size: 15px;
}

/* Vue Modal */
.vue-modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.vue-modal-content {
    display: flex;
    flex-direction: column;
    width: 50%;
}

/* vue select */
.form-control .vs__dropdown-toggle {
    border: none !important;
}
.v-select.form-control{
    padding: 5px !important;
}
table.table-header-table.mother-tincher-table td {
    /* width: 42px !important; */
}
.date-col{
    width: 75px !important;
}

table.horizental-border th, table.horizental-border td{
    border-right: none !important;
    border-left: none !important;
}
@media (max-width: 575.98px){
    .wizard-steps {
        display: flex;
        margin-bottom: -40px !important;
    }
}


.Pending{
    color: #000;
}
.Complated{
    color: #00ffff;
}
.Incomplated{
    color: #f7a39a;
}
.Processing{
    color: #545454;
}
.Cancelled{
    color: #ff0000;
}