.nav-sidebar>.nav-item .nav-icon.fa,
.nav-sidebar>.nav-item .nav-icon.fab,
.nav-sidebar>.nav-item .nav-icon.far,
.nav-sidebar>.nav-item .nav-icon.fas,
.nav-sidebar>.nav-item .nav-icon.glyphicon,
.nav-sidebar>.nav-item .nav-icon.ion {
    font-size: 17px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link {
    font-size: 16px;
}
.nav-sidebar .nav-item>.nav-link {
    font-size: 15px;
}

#loaderpage {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #0054b8;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.btn-primary {
    border-color: transparent !important;
}

.content-header {
    padding: 10px 0.5rem;
}

.content-header .breadcrumb {
    line-height: 34px !important;
}

.layout-fixed .main-sidebar {
    padding-bottom: 25px;
}

.text-dark {
    color: #000;
    font-size: 22px;
    margin: 0;
}

.main-footer {
    font-size: 16px;
    padding: 0.5rem;
}

.navbar-light .navbar-nav .nav-link {
    cursor: pointer;
}

.content-wrapper {
    min-height: auto;
}

/* 
html {
    height: unset !important;
} */

.profile-user-img {
    width: 115px !important;
    height: 115px !important;
    border: 3px solid #65a1dc;
}

.ProfilePhoto {
    width: 115px;
    height: 115px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
}

.ProfilePhoto .BG {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    bottom: 0px;
    text-align: center;
    height: 30px;
}

.ProfilePhoto .BG a {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    display: block;
}

.ProfilePhoto .BG a:hover {
    color: #fff;
}

/* Loading GIF */

.loader .Loading {
    margin: 320px auto;
    display: block;
}

.loader img {
    border-style: none;
    margin: 0 auto;
    display: inherit;
    background-color: #000;
    border-radius: 50%;
}

td {
    vertical-align: inherit !important;
}

/* Button ON & OFF */

/* -- quantity box -- */

.quantity {
    display: inline-block;
}

.quantity .input-text.qty {
    width: 65px;
    height: 39px;
    padding: 0 5px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #efefef;
}

.quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
}

.quantity.buttons_added input {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
    padding: 7px 10px 8px;
    height: 41px;
    background-color: #ffffff;
    border: 1px solid #efefef;
    cursor: pointer;
}

.quantity.buttons_added .minus {
    border-right: 0;
}

.quantity.buttons_added .plus {
    border-left: 0;
}

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
    background: #eeeeee;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
    outline: none;
}

html body.login-page div.login-box div.login-logo img {
    max-width: 125px;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    vertical-align: middle !important;
    color: #000;
    font-weight: 100;
    font-size: 15px;
}

table tbody tr td {
    vertical-align: middle !important;
    color: #000;
    font-weight: 100;
    font-size: 14px;
}

.navbar-nav.ml-auto img {
    width: 60px;
    height: 60px;
}

li.user-panel .info a {
    line-height: 50px;
    color: #067139;
}

.user-panel .info a.text-center {
    font-size: 14px;
}

.layout-fixed .wrapper .content-wrapper .content .container-fluid .small-box .inner ul {
    margin: 0;
    padding-right: 5px;
}

.layout-fixed .wrapper .content-wrapper .content .container-fluid .small-box .inner li {
    font-family: Tajawal-Bold;
    position: relative;
    font-size: 14px;
    list-style: none;
    text-align: center;
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
}

.layout-fixed .wrapper .content-wrapper .content .container-fluid .small-box .inner li span {
    font-family: Tajawal-ExtraBold;
}

.layout-fixed .wrapper .content-wrapper .content .container-fluid .small-box .inner li:first-child {
    padding-right: 0px;
}

.layout-fixed .wrapper .content-wrapper .content .container-fluid .small-box .inner li::after {
    content: "";
    position: absolute;
    height: 45px;
    width: 2.0px;
    background-color: #645fce;
    z-index: 0000000;
    display: block;
    top: 0;
    left: 0;
}

.layout-fixed .wrapper .content-wrapper .content .container-fluid .small-box .inner li:last-child::after {
    display: none;
}

li.support {
    padding: 15px 0px;
    color: #0054b8;
}

li.supcall {
    color: #c2c7d0;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.col-sm-12 div.card-body div.form-group.row.barcodesearch div.col-sm-10 span span {
    direction: rtl;
}

.modal-open .wrapper .show .modal-dialog .modal-content .modal-body label.col-form-label::after,
.modal-open .wrapper .show .modal-dialog .modal-content .modal-body label.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.col-sm-6 div.card-body form.form-horizontal div.form-group.row label.col-sm-4.col-form-label::after,
label.col-xs-8.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.col-sm-6 div.card-body div.form-group.row label.col-sm-3.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.col-sm-8 div.card-body div.form-group.row label.col-sm-3.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.card-header div.col-sm-12 div.form-group.row label.col-sm-5.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.card-header div.col-sm-12 div.form-group.row label.col-sm-4.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard div#ShowData section.content div.container-fluid div.col-sm-12 div.card.card-primary form.form-horizontal div div.card-body div.input-group.row label.col-sm-4.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div div.card-body div.form-group.row.barcodesearch label.col-sm-3.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard div#ShowData section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div div.card-body div.form-group.row label.col-sm-3.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content .container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div div.card-body div.input-group.row label.col-sm-3.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content .container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div div.card-body div.form-group.row label.col-sm-3.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard div#ShowData form.form-horizontal section.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.col-sm-4 div.card.card-primary div.card-body div.form-group.row label.col-sm-7.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard div#ShowData form.form-horizontal section.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.col-sm-4 div.card.card-primary div.card-body div.dataOne div.form-group.row label.col-sm-7.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard div#ShowData form.form-horizontal section.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div div.card.card-primary div.card-body div.dataOne div.form-group.row label.col-sm-8.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content .container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div div.card-body div.form-group.row label.col-sm-5.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div#EndBallance.card-body div div.card.card-primary form.form-horizontal div.card-body div.infodata div.form-group.row label.col-sm-5.col-form-label.label::after,
html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard div#AddStore.modal.fade.show div.modal-dialog.modal-xl div.modal-content div.modal-body div div.card-body div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard div#AddStore.modal.fade.show div.modal-dialog.modal-md div.modal-content div.modal-body div.col-sm-12 div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard div#AddStore.modal.fade.show div.modal-dialog.modal-md div.modal-content div.modal-body div.col-sm-12 div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard .modal.fade.show div.modal-dialog.modal-md div.modal-content div.modal-body div.col-sm-12 div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard sStorage.modal.fade.show div.modal-dialog.modal-md div.modal-content div.modal-body div#ShowDataUpdate div.col-sm-12 div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard div#ShowData form.form-horizontal section.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.col-sm-4 div.card.card-primary div.card-body div.dataOne div.form-group.row label.col-sm-12.col-form-label.label.text-center::after,
html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard .modal.fade.show div.modal-dialog.modal-md div.modal-content div.modal-body div#ShowDataUpdate div.col-sm-12 div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.col-sm-12 div.card-body div.form-group.row.barcodesearch label.col-sm-2.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.card.card-primary div.card-header div.form-group.row label.col-form-label.label::after,
html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard div#SearchBarcodeDetails.modal.fade.show div.modal-dialog div.modal-content div.modal-body div#ShowSearchBarcodeDetails div.form-group.row label.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.input-group label.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.form-group.mt-4 div#nav-tabContent.tab-content.p-3 div#product-comments.tab-pane.fade.active.show div.card-body div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.form-group.mt-4 div#nav-tabContent.tab-content.p-3 div#product-desc.tab-pane.fade.active.show div.card-body div.form-group.row label.col-form-label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.card.card-primary form.form-horizontal div.card-body div.form-group.row label.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.card-header div.form-group.row label.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.card.card-primary div.card-header div.form-group.row label.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.card.card-primary div.card-header div.form-group.row label.col-sm-8.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.card.card-primary div.card-header div.form-group.row label.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.card.card-primary form.form-horizontal div.card-body div.form-group.row label.col-sm-5.col-form-label.label::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.form-group.col-sm-12.mt-4 div#nav-tabContent.tab-content.p-3 div#product-comments.tab-pane.fade.active.show div div.card-body div.form-group.row label.col-form-label::after {
    content: "";
    height: 28px;
    width: 3px;
    background-color: #007bff;
    display: block;
    position: absolute;
    top: 5px;
    right: -5px;
}

.AllClose::after {
    content: "";
    height: 28px;
    width: 3px;
    background-color: #007bff;
    display: block;
    position: absolute;
    top: 5px;
    right: -5px;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.input-group input#inputtext3.form-control {
    margin-right: 10px;
}

.itemcard .content .card-primary .card-body .input-group .form-control {
    margin-right: 12px;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section#FormModal.content div.container-fluid div.row div.col-sm-12 div.card.card-primary section.content div.row div.col-12 div.card-body div#example1_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12 table#example1.table.table-hover.text-center.dataTable.no-footer tbody tr.odd td,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section#FormModal.content div.container-fluid div.row div.col-sm-12 div.card.card-primary section.content div.row div.col-12 div.card-body div#example1_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12 table#example1.table.table-hover.text-center.dataTable.no-footer tbody tr.even td {
    vertical-align: middle;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-lg-3.col-md-12 div.small-box.bg-info div.inner ul li a,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-lg-3.col-md-12 div.small-box.bg-success div.inner ul li a,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-lg-3.col-md-12 div.small-box.bg-warning div.inner ul li a,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-lg-3.col-md-12 div.small-box.bg-danger div.inner ul li a {
    color: #fff;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-lg-3.col-md-12 div.small-box.bg-info div.inner ul li a:hover,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-lg-3.col-md-12 div.small-box.bg-success div.inner ul li a:hover,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-lg-3.col-md-12 div.small-box.bg-warning div.inner ul li a:hover,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper section.content div.container-fluid div.row div.col-lg-3.col-md-12 div.small-box.bg-danger div.inner ul li a:hover {
    color: #fff;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.form-group.row.barcodesearch div.col-sm-9 span.select2-selection__arrow {
    height: 36px;
    left: 38px;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowDataUpdate section#FormModal.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.input-group.row span.input-group-append button#SearchSale.btn.btn-primary.btn-md,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.form-group.row.barcodesearch .col-sm-9 span .btn-md,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.form-group.row.barcodesearch .col-sm-9 span .btn-md,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowDataUpdate section#FormModal.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.input-group.row span.input-group-append button#SearchSale.btn.btn-primary.btn-md,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.form-group.row.barcodesearch .col-sm-8 span .btn-md,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.form-group.row.barcodesearch .col-sm-8 span .btn-md {
    position: absolute;
    top: 0px;
    left: 8px;
    padding: 6px 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-body div.form-group.row.barcodesearch div.col-sm-8 span.select2-selection__arrow {
    height: 31px;
    left: 29px !important;
}

#example1_length label {
    direction: ltr;
}

.dataTables_filter label {
    direction: ltr;
}

html body.sidebar-mini.layout-fixed.modal-open div#Cashers.modal.fade.show div.modal-dialog.modal-md div.modal-content div.modal-body div#ShowDataUpdate div.form-group.row div.col-sm-8 span.select2.select2-container span.selection span.select2-selection.select2-selection--single,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.card.card-primary form.form-horizontal div.card-body div.form-group.row span.select2.select2-container span.selection span.select2-selection.select2-selection--single {
    text-align: center;
}

html body.sidebar-mini.layout-fixed div.wrapper nav.main-header.navbar.navbar-expand.navbar-white.navbar-light ul.navbar-nav li.nav-item a.nav-link,
.fa-chevron-down,
.fa-chevron-up {
    cursor: pointer;
    line-height: 25px;
}

.toggle-info.pull-left.col-sm-4,
.toggle-infos.pull-left.col-sm-4 {
    text-align: left;
    margin-top: 3px;
}

html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard div#modal-PlusItem.modal.fade.show div.modal-dialog.modal-lg div.modal-content div#ShowDataAddFast div.modal-header h4.modal-title span,
.card-title span,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section#AddFastForm.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-header div.col-sm-8 .card-title span,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.col-sm-4 div.card.card-primary form.form-horizontal div.card-header div.col-sm-8 h3.card-title span,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content-header div.container-fluid div.row div.col-sm-6 h1.m-0.text-dark span {
    position: absolute;
    margin-right: 5px;
}

html body.sidebar-mini.layout-fixed.modal-open div.wrapper div.content-wrapper.itemcard div#modal-PlusItem.modal.fade.show div.modal-dialog.modal-lg div.modal-content div#ShowDataAddFast div.modal-header h4.modal-title span::after,
.card-title span::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section#AddFastForm.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary form.form-horizontal div.card-header div.col-sm-8 .card-title span::after,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content-header div.container-fluid div.row div.col-sm-6 h1.m-0.text-dark span::after,
h3.card-title span::after {
    content: "";
    width: auto;
    height: 2px;
    background-color: #000;
    display: block;
    position: relative;
    top: 5px;
}

.row .col-sm-4 .card.card-primary .infodata {
    min-height: 230px;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div#ShowData section.content div.container-fluid div.row div.col-sm-12 section.content div.container-fluid div.row div.col-sm-4 div.card.card-primary form.form-horizontal div.card-body div.form-group.row.barcodesearch span.selection span.select2-selection.select2-selection--single span.select2-selection__arrow {
    left: 6px !important;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.card-body div.table-responsive table.table.table-bordered.table-hover.text-center tbody tr td div.col-sm-12 div.head,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.card-body div.table-responsive table.table.table-bordered.table-hover.text-center thead tr.head,
html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.card-body div.table-responsive table.table.table-bordered.table-hover.text-center tbody tr.head {
    background-color: #eee;
}

html body.sidebar-mini.layout-fixed div.wrapper div.content-wrapper.itemcard section.content div.container-fluid div.row div.col-sm-12 div.card.card-primary div.card-body div.table-responsive table.table.table-bordered.table-hover.text-center tbody tr td div.col-sm-12 div.head {
    border: 1px solid #000;
    border-radius: 5px;
}

.fastitems button {
    font-size: 16px !important;
    padding: 0.5rem 0.5rem !important;
    height: 105px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #0054b8;
}

.magic {
    position: relative;
}

.magic .select2-container--default .select2-selection--single {
    height: 105px;
}

.magic .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.magic .select2-container--default .select2-selection--single .select2-selection__rendered {
    position: absolute;
    width: 100%;
    text-align: center;
    right: 0;
    line-height: 105px;
    padding-left: 0;
    top: 3px;
}

.magic button.btn_add_fastcat {
    position: absolute;
    font-size: 16px !important;
    padding: 0.5rem 0.5rem !important;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 111;
}

.magic button.btn_edit_fastcat {
    position: absolute;
    font-size: 16px !important;
    padding: 0.5rem 0.5rem !important;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    z-index: 111;
}

.magic button.btn_del_fastcat {
    position: absolute;
    font-size: 16px !important;
    padding: 0.5rem 0.5rem !important;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    z-index: 111;
}

.logo .profile {
    height: 2.1rem;
    width: 2.1rem;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    background-color: rgb(19 84 184);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23) !important;
    color: #fff;
}

.select2-dropdown {
    direction: rtl !important;
}

.col-sm-1.col-form-label.text-center.right::after {
    right: 5px !important;
}

.Unit {
    padding-left: 4.15rem;
}

.UnitSpan {
    position: absolute;
    top: 0;
    left: 9px;
    height: 38px;
}

.UnitSpan span {
    width: 60px;
}

.small-box .icon>i.fa,
.small-box .icon>i.fab,
.small-box .icon>i.far,
.small-box .icon>i.fas,
.small-box .icon>i.glyphicon,
.small-box .icon>i.ion {
    font-size: 50px;
}

.small-box:hover .icon>i.fa,
.small-box:hover .icon>i.fab,
.small-box:hover .icon>i.far,
.small-box:hover .icon>i.fas,
.small-box:hover .icon>i.glyphicon,
.small-box:hover .icon>i.ion {
    font-size: 65px;
}

.user-panel .image {
    display: inline-block;
    padding-right: 0rem;
}

@media (max-width: 991.98px) {
    :not(.layout-fixed) .main-sidebar {
        z-index: 1111;
    }
}

.fa-barcode {
    font-size: 30px;
}