/*text*/

body {
  font-family: Arial !important;
  font-size: .8em !important;
}

.text-electric {
   color: #005895 !important;
}

.text-gold {
   color: #D89D32 !important;
}

.text-green {
  color: #28A745 !important;
}

.text-red {
  color: #B20710 !important;
}

.text-active {
  color: #4682B4 !important;
  font-weight: bold;
}

.text-inactive {
  color: grey !important;
  font-weight: bold;
}

/*icon color*/

.icon-electric {
   color: #005895;
}

/*button color*/

.btn-primary {
   background: #005895 !important;
   border-color: #005895 !important;
   color: white !important;
}

.btn-primary:hover {
   background: white !important;
   color: #005895 !important;
}

.btn-primary-reverse {
   background: white !important;
   border-color: #005895 !important;
   color: #005895 !important;
}

.btn-primary-reverse:hover {
   background: white !important;
   color: #005895 !important;
}

.btn-secondary {
   background: #D89D32 !important;
   border-color: #D89D32 !important;
   color: white !important;
}

.btn-secondary:hover {
   background: white !important;
   color: #005895 !important;
}

.btn-persian:hover, .paginate_button:hover {
   background: white !important;
   color: #D89D32 !important;
}

.btn-danger {
   background-color: #B20710 !important;
   color: #fff !important;
}

/*persian button*/

.btn-persian-reverse {
   background: white !important;
   border-color: #005895 !important;
   color: #005895 !important;
}

.btn-persian-reverse:hover {
   background: white !important;
   color: #005895 !important;
}

.btn-persian-reverse:disabled {
   background: white !important;
   color: #005895 !important;
   filter: brightness(95%) !important;
}

/*datatable*/

#card-electric .paginate_button.page-item.active > .page-link {
   background-color: #045394 !important;
   color: #fff;
}

.btn-persian, .paginate_button.page-item.active > .page-link {
   background: #005895 !important;
   border-color: #005895 !important;
   color: white !important;
}

.btn-persian:disabled, .paginate_button:disabled {
   background: #005895 !important;
   color: white !important;
   filter: brightness(150%) !important;
}

/*card & modal*/

.header-electric {
   background-color: #045394 !important;
   color: #fff;
}

.header-gold {
   background-color: #D89D32 !important;
   color: #fff;
}

.border-bottom-persian {
  border-bottom: 2px solid #005895 !important;
}

.callout.callout-persian {
   border-left-color: #005895;
}

.card-header-persian {
   background: #005895 !important;
   color: white !important;
}

.card-header-gold {
  background: #D89D32 !important;
  color: white !important;
}

.card-header-grey {
  background: #808080 !important;
  color: white !important;
}

.btn-grey {
  background: white !important;
  border-color: #808080 !important;
  color: #808080 !important;
}

.modal-header-gold {
  background: #D89D32 !important;
  color: white !important;
}

.text-persian {
   color: #005895 !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  display: inline !important;
  /*width: 75%;*/
}

div.dataTables_wrapper div.dataTables_filter label {
  text-align: right !important;
}

.dt-padding {
  padding: 3px !important;
}

.dt-cell-padding {
  padding: 0 !important;
}

.dt-sm-text {
  font-size: 12px;
}

.dt-cell-date { 
  width: 130px;
}

.dt-cell { 
  width: 150px;
}

input[data-fieldtype="number"] {
  text-align: right !important;
}

.dataTables_wrapper .row + .row {
  overflow: auto !important;
}

.bms-dt td {
  padding: .25rem .5rem .25rem .5rem !important;
}

table.dataTable th, table.dataTable td {
  padding-left: 22px !important;
  vertical-align: baseline !important;
}

  table.dataTable th::before {
    left: 5px !important;
    margin-bottom: 2px !important;
    right: auto !important;
  }

  table.dataTable th::after {
    left: 10px !important;
    margin-bottom: 2px !important;
    right: auto !important;

  }

.breadcrumb {
  background: transparent;
  border: none; 
  box-shadow: none;
}

.error {
  color: red !important;
}

.modal-xxl {
  min-width: 90%;
}

table.dataTable > thead .sorting:before{
  opacity: 1;
}
table.dataTable > thead .sorting:after{
  opacity: 1;
}

/** KDS */
span.deleteicon {
  position: relative;
  display: inline-flex;
  align-items: center;
}

  span.deleteicon span {
    position: absolute;
    display: block;
    right: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: #ccc;
    font: 13px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
  }

  span.deleteicon input {
    padding-right: 18px;
    box-sizing: border-box;
  }