/* Custom Dark Theme */
/* التعديلات اللي في فايل app.css */
.bg-danger {
  background-color: #294962b5 !important;
}
.bg-light-gray {
  background-color: #0c1427 !important;
}
.skin-black .main-header .navbar .nav .open > a {
  color: #fff !important;
}
.scroll {
  background: #15203c !important;
}
.scroll:hover {
  background: #273b6e !important;
}
.pos-form-actions {
  background-color: #0c1427 !important;
}
table.dataTable tbody > tr.selected {
  background-color: #1f305c !important;
}
div.pos-tab-container {
  background-color: #0c1427 !important;
  border: 1px solid #15203c !important;
}
div.pos-tab-menu div.list-group > a .glyphicon,
div.pos-tab-menu div.list-group > a .fa {
  color: #605dff !important;
}
div.pos-tab-menu div.list-group > a.active,
div.pos-tab-menu div.list-group > a.active .glyphicon,
div.pos-tab-menu div.list-group > a.active .fa {
  background-color: #0c1427 !important;
  border-color: #0c1427 !important;
}
div.pos-tab-menu div.list-group > a.active:after {
  border-left: 10px solid #172036 !important;
}
div.pos-tab-content {
  background-color: #0c1427 !important;
}
.add-product-price-table th {
  background-color: #15203c !important;
}
.active-cell {
  border: 2px dotted #15203c !important;
}
.bg-lightgray {
  background-color: #0c1427 !important;
}
.option-div {
  background-color: #15203c !important;
  color: #fff !important;
  border: 1px solid #15203c !important;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #273b6e !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #172036 !important;
}
.bg-white {
  background-color: #0c1427 !important;
}
.product_box {
  background-color: #15203c !important;
}
.product_box:hover {
  background-color: #273b6e !important;
  color: #fff !important;
  border: 1px solid #605dff;
}
.sign-page .sign-form .title span {
  background-color: #15203c !important;
}
.sign-page {
  background-color: #050913;
  min-height: 100vh;
  background-image: url("../img/home-bg.jpg");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 0;
}
.sign-page .sign-form {
  background-color: #0c1427 !important;
}
.sign-page .sign-form .title span {
  background-color: #0c1427 !important;
}

/* نهاية التعديلات اللي في فايل app.css */
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/

/* بداية التعديلات اللي في فايل rtl.css */
.input-group-addon:first-child {
  border-right: 1px solid #15203c !important;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-radius: 4px !important;
}
.input-group-addon:last-child {
  border-left: 1px solid #15203c !important;
}
/* نهاية التعديلات اللي في فايل rtl.css */
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/

/* بداية التعديلات اللي في فايل vendor.css */

.ui-widget-content {
  background: #15203c !important;
  color: #fff !important;
}
.ui-widget-content a {
  color: #fff !important;
}
.ui-widget-header {
  border: 1px solid #15203c !important;
  background: #15203c !important;
  color: #fff !important;
}
.ui-widget-header a {
  color: #fff !important;
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  border: 1px solid #0c1427 !important;
  background: #0c1427 !important;
  color: #fff !important;
}
.bg-info {
  background-color: #337ab7 !important;
}
a.bg-info:focus,
a.bg-info:hover {
  background-color: #286090 !important;
}
.bg-danger {
  background-color: #294962b5 !important;
}
a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #182c3bb5 !important;
}
.col-md-3 {
  background: transparent !important;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 1px solid #172036 !important;
}
.table > thead > tr > th {
  border-bottom: 2px solid #172036 !important;
}
.table > tbody + tbody {
  border-top: 2px solid #15203c !important;
}
.table .table {
  background-color: #0c1427 !important;
}
.table-bordered {
  border: 1px solid #15203c !important;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #15203c !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #0c1427 !important;
}
.table-hover > tbody > tr:hover {
  background-color: #0c1427 !important;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #15203c !important;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
  background-color: #15203c !important;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: #15203c !important;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
  background-color: #15203c !important;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #15203c !important;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #15203c !important;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #15203c !important;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
  background-color: #15203c !important;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: #15203c !important;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
  background-color: #15203c !important;
}
.form-control {
  color: #fff !important;
  background-color: #15203c !important;
  border: 1px solid #172036 !important;
}
.form-control:focus {
  border-color: #605dff !important;
}
.form-control::-moz-placeholder {
  color: #dee2e6bf !important;
  opacity: 0.6 !important;
}
.form-control:-ms-input-placeholder {
  color: #dee2e6bf !important;
  opacity: 0.6 !important;
}
.form-control::-webkit-input-placeholder {
  color: #dee2e6bf !important;
  opacity: 0.6 !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #15203c;
  opacity: 1;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #57bd58 !important;
}
.has-success .form-control {
  border-color: #57bd58 !important;
}
.has-success .form-control:focus {
  border-color: #57bd58 !important;
}
.has-success .input-group-addon {
  color: #57bd58 !important;
}
.has-success .form-control-feedback {
  color: #57bd58 !important;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
  color: #e19a1e !important;
}
.has-warning .form-control {
  border-color: #e19a1e !important;
}
.has-warning .form-control:focus {
  border-color: #c08829 !important;
}
.has-warning .input-group-addon {
  color: #e19a1e !important;
  border-color: #c08829 !important;
}
.has-warning .form-control-feedback {
  color: #e19a1e !important;
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: #fff !important;
}
.btn-default {
  color: #fff !important;
  background-color: #15203c !important;
  border-color: #15203c !important;
}
.btn-default.focus,
.btn-default:focus {
  color: #fff !important;
  background-color: #0c1427 !important;
  border-color: #04c !important;
}
.btn-default:hover {
  color: #fff !important;
  background-color: #0c1427 !important;
  border-color: #04c !important;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #fff !important;
  background-color: #15203c !important;
  border-color: #04c !important;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #fff !important;
  background-color: #172036 !important;
  border-color: #04c !important;
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #172036 !important;
  border-color: #172036 !important;
}
.btn-secondary {
  background-color: #15203c !important;
  color: #fff !important;
  border-color: #15203c !important;
}
.btn-secondary:hover {
  background-color: #0c1427 !important;
  color: #fff !important;
  border-color: #04c !important;
}
.btn-success {
  background-color: #605dff !important;
  border-color: #605dff !important;
}
.btn-success.focus,
.btn-success:focus {
  background-color: #4d4acc !important;
  border-color: #4d4acc !important;
}
.btn-success:hover {
  background-color: #4d4acc !important;
  border-color: #4d4acc !important;
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background-color: #4d4acc !important ;
  border-color: #4d4acc !important;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  background-color: #4d4acc !important;
  border-color: #4d4acc !important;
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #4d4acc !important;
  border-color: #4d4acc !important;
}
.btn-success .badge {
  color: #fff !important;
  background-color: #605dff !important;
}
input#productAfterInventory {
  background-color: #15203c !important;
}
.dropdown-menu {
  background-color: #15203c !important;
}
.dropdown-menu > li > a {
  color: #fff !important;
}
.input-group-addon {
  color: #fff !important;
  background-color: #15203c !important;
  border: 1px solid #15203c !important;
  border-radius: 4px;
}
.navbar-default {
  background-color: #0c1427 !important;
  border-color: #0c1427 !important;
}
.navbar-default .navbar-brand {
  color: #fff !important;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #fff !important;
}
.navbar-default .navbar-text {
  color: #fff !important;
}
.navbar-default .navbar-nav > li > a {
  color: #fff !important;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff !important;
  background-color: #15203c !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #fff !important;
  background-color: #15203c !important;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #15203c !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #fff !important;
  background-color: #15203c !important;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff !important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff !important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #e7e7e7 !important;
    background-color: #15203c !important;
  }
}
.navbar-default .navbar-link {
  color: #fff !important;
}
.navbar-default .navbar-link:hover {
  color: #fff !important;
}
.navbar-default .btn-link {
  color: #fff !important;
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
  color: #fff !important;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #fff !important;
}
.navbar-inverse .navbar-toggle {
  border-color: #fff !important;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #fff !important;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff !important;
  }
}
.table-striped th {
  background-color: #15203c !important;
  color: #fff !important;
  border: 1px solid #0c1427 !important;
}
.pagination > li > a,
.pagination > li > span {
  background-color: #15203c !important;
  border: 1px solid #15203c !important;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background-color: #0c1427 !important;
  border-color: #04c  !important;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #fff !important;
  background-color: #15203c !important;
  border-color: #0c1427 !important;
}
.pager li > a,
.pager li > span {
  background-color: hwb(222 5% 85%) !important;
  border: 1px solid #0c1427 !important;
}
.pager li > a:focus,
.pager li > a:hover {
  background-color: #15203c !important;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  background-color: #0c1427 !important;
}
.label-default {
  background-color: #fff !important;
}
.list-group-item {
  background-color: #15203c !important;
  border: 1px solid #0a0e19 !important;
}
a.list-group-item,
button.list-group-item {
  color: #dee2e6 !important;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #fff !important;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #fff !important;
  background-color: #0a0e19 !important;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #0a0e19 !important;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #0c1427 !important;
  border-color: #0c1427 !important;
}
.panel {
  background-color: #15203c !important;
}
.well {
  background-color: #0c1427 !important;
  border: 1px solid #15203c !important;
}
.close {
  color: #fff !important;
}
.modal-content {
  background-color: #0c1427 !important;
}
.modal-backdrop {
  background-color: #0c1427 !important;
}
.popover {
  background-color: #0c1427 !important;
}
.popover-title {
  background-color: #0c1427 !important;
}
.select2-dropdown {
  background-color: #0c1427 !important;
}
.select2-container--default .select2-selection--single {
  background-color: #15203c !important;
  border: 1px solid #15203c !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff !important;
}
.select2-container--default .select2-selection--multiple {
  background-color: #15203c !important;
  border: 1px solid #15203c !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: #15203c !important;
}
.select2-search__field {
  background-color: #15203c;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #273b6e !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #08c !important;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff !important;
}
.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #08c !important;
}
.select2-results__option[aria-selected] {
/*border: 1px #337ab7 solid;*/
}
.main-footer {
  color: #8695aa;
}
a {
  color: #fff !important;
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
  color: #dee2e6bf !important;
  opacity: 0.6 !important;
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
  color: #dee2e6bf !important;
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
  color: #dee2e6bf !important;
}
.dropdown-menu > li > a {
  color: #fff !important;
}
.dropdown-menu > li > a:hover {
  background-color: #08c !important;
  color: #fff !important;
}
.dropdown-menu > li > a:focus {
  background-color: #08c !important;
  color: #fff !important;
}
.dropdown-menu > li > a:active {
  background-color: #08c !important;
  color: #fff !important;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #fff !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #273b6e !important;
  }
}
@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    background: #15203c !important;
  }
}
.form-control {
  border-radius: 5px !important;
  border-color: #0c1427 !important;
}
.form-control:-ms-input-placeholder,
.form-control::-moz-placeholder,
.form-control::-webkit-input-placeholder {
  color: #dee2e6bf !important;
  opacity: 0.6 !important;
}
.input-group .input-group-addon {
  border-radius: 5px !important;
  border-color: #15203c !important;
  background-color: #15203c !important;
}
select.custom_labels_products {
  background: transparent !important;
  border: none !important;
}
div.form-group.custom_label_product_dropdown > textarea {
  background: #15203c !important;
  border: 1px solid #0c1427 !important;
}
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 4px !important;
}
.ck.ck-editor__main > .ck-editor__editable {
  background: #15203c !important;
}
.box {
  background: #0c1427 !important;
}
.box.box-solid.box-default > .box-header {
  color: #fff !important;
}
.box.box-solid.box-default > .box-header .btn,
.box.box-solid.box-default > .box-header a {
  color: #fff !important;
}
.box-header {
  color: #fff !important;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #fff !important;
}
.box-footer {
  background-color: #0c1427 !important;
}
.modal .panel-body {
  color: #fff !important;
}
.info-box {
  background: #15203c !important;
}
.timeline-inverse > li > .timeline-item {
  background: #15203c !important;
}
.btn.btn-flat {
  border-radius: 4px !important;
}
.btn-default {
  background-color: #15203c !important;
  color: #fff !important;
  border-color: #15203c !important;
}
.btn-default.hover,
.btn-default:active,
.btn-default:hover {
  background-color: #0c1427 !important;
}
.btn-success {
  background-color: #605dff !important;
  border-color: #605dff !important;
}
.btn-success.hover,
.btn-success:active,
.btn-success:hover {
  background-color: #4d4acc !important;
}
.alert .close {
  color: #fff !important;
}
.nav-tabs-custom {
  background: #0c1427 !important;
}
.nav-tabs-custom > .nav-tabs > li.disabled > a {
  color: #fff !important;
}
.nav-tabs-custom > .nav-tabs > li > a {
  color: #fff !important;
}
.nav-tabs-custom > .nav-tabs > li > a.text-muted {
  color: #fff !important;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #fff !important;
  background-color: #15203c !important;
}
.nav-tabs > li > a:hover {
  color: #fff !important;
  background: #337ab7 !important;
}
.nav-tabs-custom > .nav-tabs > li.active:hover > a,
.nav-tabs-custom > .nav-tabs > li.active > a {
  background-color: #15203c !important;
  color: #fff !important;
}
.nav-tabs-custom > .nav-tabs > li.header {
  color: #fff !important;
}
.nav-tabs-custom > .tab-content {
  background: #0c1427 !important;
}
.pagination > li > a {
  background: #15203c !important;
}
.pagination > .active > a {
   background: #337ab7 !important;
}
.table-bordered {
  border: 1px solid #172036 !important;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #172036 !important;
}
.modal {
  background: transparent !important;
}
.lockscreen {
  background: #0a0e19 !important;
}
.login-box-body,
.register-box-body {
  background: #0c1427 !important;
  color: #fff !important;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #fff !important;
}
.fc-button {
  background: #15203c !important;
}
.fc-button.hover,
.fc-button:active,
.fc-button:hover {
  background-color: #172036 !important;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #0c1427 !important;
}
.select2-dropdown {
  border: 1px solid #0c1427 !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #08c !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #273b6e !important;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default
  .select2-results__option[aria-selected="true"]:hover {
  color: #fff !important;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #15203c !important;
  border-radius: 5px !important;
}
.bg-gray {
  color: #fff !important;
  background-color: #15203c !important;
}
.bg-blue {
  background-color: #605dff !important;
}
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #273b6e !important;
  cursor: pointer;
}
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #08c !important;
  background-image: -moz-linear-gradient(to bottom, #08c, #08c) !important;
  background-image: -ms-linear-gradient(to bottom, #08c, #08c);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#08c),
    to(#08c)
  ) !important;
}
.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
  background-color: #08c !important;
}
.datepicker table tr td.today:hover:hover {
  color: #fff !important;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: #15203c !important;
}
div.DTFC_LeftFootWrapper table,
div.DTFC_RightFootWrapper table {
  background-color: #15203c !important;
}
table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
  background-color: #0c1427 !important;
}
.file-highlighted {
  background-color: #15203c !important;
}
.skin-yellow .main-header .navbar {
  background-color: #0c1427 !important;
}
.skin-yellow .main-header .navbar .nav .open > a,
.skin-yellow .main-header .navbar .nav .open > a:focus,
.skin-yellow .main-header .navbar .nav .open > a:hover,
.skin-yellow .main-header .navbar .nav > .active > a,
.skin-yellow .main-header .navbar .nav > li > a:active,
.skin-yellow .main-header .navbar .nav > li > a:focus,
.skin-yellow .main-header .navbar .nav > li > a:hover {
  background: transparent;
  color: #605dff !important;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  background-color: #0c1427 !important;
}
.skin-yellow .main-header .logo {
  background-color: #0c1427 !important;
}
.skin-yellow .main-header .logo:hover {
  background-color: #0c1427 !important;
}
.skin-yellow .left-side,
.skin-yellow .main-sidebar,
.skin-yellow .wrapper {
  background-color: #172036 !important;
}
.skin-yellow .sidebar-menu > li.active > a,
.skin-yellow .sidebar-menu > li.menu-open > a,
.skin-yellow .sidebar-menu > li:hover > a {
  background: #0c1427 !important;
}
.skin-yellow .sidebar-menu > li.active > a {
  border-left-color: #0c1427 !important;
}
.skin-yellow .sidebar a {
  color: #fff !important;
}
.skin-yellow .sidebar-menu .treeview-menu > li > a {
  color: #fff !important;
}
.skin-yellow .sidebar-menu .treeview-menu > li.active > a,
.skin-yellow .sidebar-menu .treeview-menu > li > a:hover {
  background: #15203c !important;
}
.daterangepicker {
  background-color: #0c1427 !important;
}
.daterangepicker .ranges li:hover {
  background-color: #08c !important;
}
.daterangepicker .ranges li.active {
  background-color: #273b6e !important;
}
.tour-backdrop {
  background-color: #0c1427 !important;
}
#calculator button {
  background: #15203c !important;
}
#calculator .screen {
  background: #15203c !important;
}
.dropzone {
  background: #15203c !important;
}
body {
  color: #fff !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff !important;
}
.dropdown-item {
  color: #fff !important;
  border: 1px, solid, #0a0e19 !important;
}
.content-wrapper {
  background-color: #0a0e19 !important;
}
.main-footer {
  background: #0c1427 !important;
}
.info-box-text {
  color: #fff !important;
}
.btn-success {
  background: #605dff !important;
  border-color: #605dff !important;
}
.btn-success:hover {
  background: #4d4acc !important;
  border-color: #4d4acc !important;
}
.skin-black .main-sidebar,
.skin-blue .main-sidebar,
.skin-green .main-sidebar,
.skin-purple .main-sidebar,
.skin-red .main-sidebar,
.skin-yellow .main-sidebar {
  background: #172036 !important;
}
.skin-black .sidebar-menu > li.active > a,
.skin-black .sidebar-menu > li.menu-open > a,
.skin-black .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a,
.skin-blue .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a,
.skin-green .sidebar-menu > li.menu-open > a,
.skin-green .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a,
.skin-purple .sidebar-menu > li.menu-open > a,
.skin-purple .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li.active > a,
.skin-red .sidebar-menu > li.menu-open > a,
.skin-red .sidebar-menu > li:hover > a,
.skin-yellow .sidebar-menu > li.active > a,
.skin-yellow .sidebar-menu > li.menu-open > a,
.skin-yellow .sidebar-menu > li:hover > a {
  background: #0c1427 !important;
}
.skin-black .sidebar-menu > li > .treeview-menu,
.skin-blue .sidebar-menu > li > .treeview-menu,
.skin-green .sidebar-menu > li > .treeview-menu,
.skin-purple .sidebar-menu > li > .treeview-menu,
.skin-red .sidebar-menu > li > .treeview-menu,
.skin-yellow .sidebar-menu > li > .treeview-menu {
  background: #0c1427 !important;
}
.skin-yellow .main-header .logo,
.skin-yellow-light .main-header .logo {
  background: #0c1427 !important;
}
.skin-yellow .main-header .logo:hover,
.skin-yellow-light .main-header .logo:hover {
  background: #0c1427 !important;
}
.skin-yellow .main-header .navbar,
.skin-yellow-light .main-header .navbar {
  background-color: #172036 !important;
  background-image: linear-gradient(to right, #172036, #0c1427) !important;
}
.skin-yellow .main-header li.user-header,
.skin-yellow-light .main-header li.user-header {
  background-color: #0c1427 !important;
}
.skin-yellow .main-sidebar .logo,
.skin-yellow-light .main-sidebar .logo {
  background: #172036 !important;
}
.skin-yellow .main-sidebar .logo:hover,
.skin-yellow-light .main-sidebar .logo:hover {
  background: #0a0e19 !important;
}
.skin-yellow .content-wrapper .content-header-custom,
.skin-yellow-light .content-wrapper .content-header-custom {
  background-color: #172036 !important;
  background-image: linear-gradient(to right, #172036, #273b6e) !important;
}
.fc-state-default {
  background-color: #172036 !important;
  background-image: -moz-linear-gradient(top, #0c1427, #15203c) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0c1427),
    to(#15203c)
  ) !important;
  background-image: -webkit-linear-gradient(top, #0c1427, #15203c) !important;
  background-image: -o-linear-gradient(top, #0c1427, #15203c) !important;
  background-image: linear-gradient(to bottom, #0c1427, #15203c) !important;
  border-color: #0c1427 #0c1427 #0c1427 !important;
}
.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
  color: #fff !important;
  background-color: #273b6e !important;
}
.fc-state-hover {
  color: #fff !important;
  background: #273b6e !important;
}
.fc-state-active,
.fc-state-down {
  background-color: #273b6e !important;
}
.fc-unthemed td.fc-today {
  background: #1f305c !important;
}
.bg-purple {
  background-color: #605dff !important;
}
.text-muted {
  color: #fff !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: #1367d1 !important;
  border-color: #115bb9 !important;
}
.btn[class*="bg-purple"]:hover {
  background: #4d4acc !important;
  border-color: #4d4acc !important;
}
svg > rect.highcharts-background {
  fill: #15203c !important;
}
svg > g.highcharts-legend > g > g text {
  fill: #fff !important;
}
svg > g.highcharts-legend > g > g text:hover {
  fill: #04c !important;
}
svg > g.highcharts-axis-labels.highcharts-xaxis-labels text {
  fill: #fff !important;
}
svg > g.highcharts-axis.highcharts-yaxis text {
  fill: #fff !important;
}
svg > g.highcharts-axis-labels.highcharts-yaxis-labels text {
  fill: #fff !important;
}
g.highcharts-exporting-group > g > rect {
  fill: #15203c !important;
}
g.highcharts-exporting-group > g > rect:hover {
  fill: #04c !important;
}
svg > g.highcharts-exporting-group > g > path {
  stroke: #90ed7d !important;
}
.daterangepicker .calendar-table {
  background-color: #15203c !important;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #08c !important;
  color: #fff !important;
}
.daterangepicker td.in-range {
  background-color: #273b6e !important;
  color: #fff !important;
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
  background-color: #0c1427 !important;
  color: #fff !important;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #08c !important;
  color: #fff !important;
}
/* نهاية التعديلات اللي في فايل vendor.css */
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/

/* tox Style Start */
.tox .tox-edit-area__iframe {
  background-color: #15203c !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  background-color: #0c1427 !important;
}
.tox .tox-statusbar {
  background-color: #0c1427 !important;
}
.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
  color: #fff !important;
}
.tox .tox-statusbar__resize-handle svg {
  fill: #fff !important;
}
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
  background-color: #0c1427 !important;
}
.tox .tox-tbtn {
  background-color: #15203c !important;
}
.tox .tox-tbtn svg {
  fill: #fff !important;
}
.tox .tox-tbtn svg:hover {
  fill: #04c !important;
}
.tox .tox-tbtn--disabled .tox-tbtn__select-label,
.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
  color: #fff !important;
}
.tox.tox-tinymce-aux .tox-toolbar__overflow {
  background-color: #15203c !important;
}
.tox .tox-menu {
  background-color: #15203c !important;
}
.tox .tox-collection--list .tox-collection__group {
  background-color: #15203c !important;
}
.tox .tox-collection__item-label {
  color: #fff !important;
}
.tox .tox-collection--list .tox-collection__item--active {
  background-color: #273b6e !important;
}
.tox .tox-collection--list .tox-collection__item:hover {
  background-color: #08c !important;
  color: #fff !important;
}
.tox .tox-collection--list .tox-collection__item--enabled {
  background-color: #08c !important;
  color: #fff !important;
}
.tox .tox-collection__item-caret svg {
  fill: #fff !important;
}
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  color: #fff !important;
}
.mce-content-body {
  color: #fff !important;
}
.tox .tox-collection__item-checkmark svg, .tox .tox-collection__item-icon svg {
  color:#fff !important;
}
/* tox Style End */

/* tag input Style start */
.bootstrap-tagsinput {
  background-color: #15203c !important;
  border: 1px solid #0c1427 !important;
  color: #fff !important;
}
.bootstrap-tagsinput:focus {
  border-color: #605dff !important;
}
/* tag input Style End */

/*stock management Style Start */
div.dataTables_wrapper div.dataTables_length select{
  background-color: #15203c !important;
  color: #fff !important;
  border: 1px solid #0c1427 !important;
  border-radius: 5px !important;
}
div.dataTables_wrapper div.dataTables_filter input{
    background-color: #15203c !important;
  color: #fff !important;
  border: 1px solid #0c1427 !important;
  border-radius: 5px !important;
}
div.dataTables_wrapper div.dataTables_filter input:focus{
      border-color: #605dff !important;
}
table.dataTable.no-footer{
    background-color: #15203c !important;
  color: #fff !important;
  border: 1px solid #172036 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    background-color: #15203c !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
    background-color: #172036 !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background-color: #15203c !important;
  color: #fff !important;
  border: 1px solid #172036 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background-color: #172036 !important;
  color: #fff !important;
  border: 1px solid #172036 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background-color: #172036 !important;
  color: #fff !important;
  border: 1px solid #172036 !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #15203c !important;
}
#inventoryUndone:hover{
  background-color: #08c !important;
  color: #fff !important;
}
#inventoryDone:hover{
  background-color: #08c !important;
  color: #fff !important;
}
/*stock management Style End */