.theme-black .sidebar .menu .list li.active {
  color: #f1d065;
  background-color: rgba(0, 0, 0, 0.2);
}

.ml-menu li.active a {
  color: #f1d065 !important;
  background-color: rgba(0, 0, 0, 0.2);
}

button.dt-button,
div.dt-button,
a.dt-button {
  background-image: none !important;
}
.buttons-print,
.buttons-csv,
.buttons-excel,
.buttons-pdf {
  height: auto !important;
  width: 70px;
}

.buttons-create {
  background-color: #607d8b !important;
  border: none !important;
}

#dt-html-builder td {
  white-space: nowrap;
  padding: 5px 10px;
}

#dt-html-builder tr td:last-child ul {
  padding: 0px;
}

#dt-html-builder tr td:last-child .dropdown {
  text-align: right;
}

/*#dt-html-builder .dropdown-toggle {*/
/*  white-space: nowrap;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: flex-end;*/
/*}*/

#dt-html-builder .dropdown-toggle i {
  display: inline-block;
}

.dropdown-menu.pull-right.show {
  padding: 5px 8px !important;
  border-radius: 9px 0px;
}

.paginate_button .current {
  height: 40px !important;
  width: 40px !important;
  border-radius: 31% !important;
  text-align: center !important;
  background: #000 !important;
  color: #fff !important;
  position: relative !important;
  justify-content: center !important;
  align-self: center !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #e9e9e9;
  color: #000000;
}

/*.dropdown:hover .dropdown-menu {
    display: block;
    transform: translate3d(-50px, 24px, 0px);
    padding: 5px 8px !important;
    border-radius: 9px 0px;
}*/
/*Preloader*/
#overylyset {
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 1054;
  left: 0;
  top: 0;
  background-color: #3c558f;
  overflow-x: hidden;
  transition: 0.5s;
}

.ic-need-this {
  color: red;
}
.ic-loader-warp {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.loader {
  color: #fff;
  font-size: 50px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  z-index: 99;
  /* position: fixed;
  left: 45%;
  top: 30%; */
  /* margin: 72px auto; */
  /* -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); */
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
table th {
  white-space: nowrap;
}
/*Custom Scrollbar*/
/* width */
body::-webkit-scrollbar {
  width: 5px;
}

/* Track */
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background: rgba(60, 85, 143, 0.8);
  border-radius: 10px;
}

.slimScrollBar {
  z-index: 9 !important;
}
.ic-foysal-vhai li {
  float: none;
}
ul.header-dropdown li.dropdown ul.dropdown-menu.pull-right.show {
  top: 0 !important;
}
.modal {
  background-color: rgba(0, 0, 0, 0.49);
}

/*======================================
    Custom Css By Foysal
======================================*/
.card .header h2,
.card .header h2 .btn {
  line-height: 36px;
}
.form-horizontal .row {
  align-items: center;
}
.form-horizontal label {
  margin-bottom: 0;
}
.form-group .form-line.focused:after {
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
input#customer_phone.form-control {
  height: 2rem;
}
.select2-selection {
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 0 !important;
}
.select2-selection > * {
  line-height: 40px !important;
  height: 38px !important;
}
.select2-container .select2-selection--multiple {
  min-height: auto !important;
  height: auto !important;
  line-height: inherit !important;
}
.select2-selection--multiple .select2-search__field {
  margin: 8px 0 !important;
}
span.select2-selection.select2-selection--multiple {
  display: flex;
}
.select2-selection--multiple > * {
  line-height: inherit !important;
  height: auto !important;
}
.select2-container .select2-selection--multiple ul li input {
  height: auto;
}
a.btn.btn-hover.color-2 {
  line-height: 32px;
}
a.btn.btn-warning {
  line-height: 36px;
}
button.btn.btn-primary.pull-right {
  line-height: 36px;
}
input#prescription_image {
  border-bottom: none;
}
.collapsible-body td p label {
  margin: 0;
}
.collapsible-header {
  line-height: 24px !important;
}
.collapsible-header i {
  line-height: 26px !important;
}
.form-line select {
  height: 40px;
  line-height: 40px;
}

.ic-datatable tbody td:first-child .dropdown-menu.pull-right {
  float: left !important;
  left: 0 !important;
  right: auto !important;
}
.ic-datatable tbody td:first-child .dropdown-toggle {
  justify-content: flex-start !important;
}
.ic-datatable tbody td:first-child,
.ic-datatable tbody td:last-child {
  width: 100px;
}
/*.ic-card-warper{*/
/*    background-color: rgba(0,0,0,0.075);*/
/*}*/

.ic-card-warper .card {
  margin-right: 10px;
}
.ic-card-warper .card-body li {
  margin-right: 10px;
  font-size: 16px;
  margin-bottom: 5px;
}
.ic-card-warper .card-body a {
  margin-top: 10px;
}
.menu_dark .sidebar .menu .list .active .menu-toggle {
  background-color: unset;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc {
  background-image: none;
}

.clone-scroll-bar-wrap {
  height: 15px !important;
}

@media print {
  body * {
    visibility: hidden;
  }
  .ic-datatable,
  .ic-datatable * {
    visibility: visible;
  }
}

.navbar-nav.ic-main-navbar-right {
  float: unset !important;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-top: 5px;
  margin-right: 0px;
}
.ic-main-navbar-right .user_profile .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
}

.ic-main-navbar-right li a {
  margin: 0px 5px;
  height: auto;
}
.ic-main-navbar-right .nav-hdr-btn {
  height: auto;
}
.ic-main-navbar-right .material-icons {
  line-height: initial;
  height: auto;
}
.ic-main-navbar-right .badge {
  display: flex;
  align-items: center;
}

.ic-main-navbar-right .badge i {
  font-size: 14px;
}

.ic-main-navbar-right .badge .offline {
  height: auto;
}

.ic-main-navbar-right .profile-img {
  width: auto;
  height: auto;
}
.ic-main-navbar-right .profile-img img {
  width: 30px;
  height: 30px;
}

.chat-history {
  overflow-y: auto !important;
}
.ic-flex-warp {
  flex-wrap: wrap;
  grid-gap: 10px;
}
.ic-disposal-p-view {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  justify-content: space-between;
}

.ic-prescription-view-btn-group {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
}
.ic-ad-activate-btn {
  display: flex;
  align-items: center;
}
.ic-ad-activate-btn span {
  top: 0px !important;
}

.ic-master-drag-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 10px;
}
.ic-master-drag-header-right {
  display: flex;
  grid-gap: 10px;
  flex-wrap: wrap;
}

.ic-top-0 {
  top: 0 !important;
}
.qr-icon-middle {
  line-height: 30px !important;
}

.ic-create-dispense-form-warp .select2-container--default {
  width: 100% !important;
}
.purchase-order-unit-td .select2-container--default {
  width: 110px !important;
}
.ic-purcahse-order-view-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 10px;
}

.ic-customer-ros-history-btn {
  line-height: 30px !important;
}

.ic-line-height-32 {
  line-height: 32px !important;
}

.sidebar .menu {
  height: calc(100vh - 60px);
}

.sidebar .menu::-webkit-scrollbar {
  width: 5px;
}
.sidebar .menu::-webkit-scrollbar-track {
  background: #fff;
}
.sidebar .menu::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 0, 0.397);
  border-radius: 20px;
  opacity: 0.4;
}
/**Responsive**/

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1280px) {
  .info-box7 .info-box7-block {
    padding: 20px;
  }
}
@media only screen and (max-width: 1199.98px) {
  section.content {
    margin: 80px 15px 0 0;
  }
  .navbar-header {
    padding: 7px 7px;
  }
  .ic-customer-phone .select2-container.select2-container--default {
    width: 100% !important;
  }
  .ic-active-product-modal-dialog {
    max-width: 90%;
  }

  .ic-mobile-navbar::before {
    content: '\E5D2';
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    left: 10px;
    margin-right: 10px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff !important;
  }
  .ic-mobile-navbar::after {
    content: '\E5C4';
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    left: 10px;
    margin-right: 10px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff !important;
  }
  .ic-mobile-navbar.active::before {
    transform: scale(0);
  }
  .ic-mobile-navbar.active::after {
    transform: scale(1);
  }

  section.content {
    margin-left: 15px;
  }
  .ic-mobile-sidebar-open {
    position: relative;
  }
  .ic-mobile-overlay::before {
    content: '';
    background-color: #3333330f;
    position: absolute;
    width: 0;
    z-index: 9;
    top: -30px;
    left: 0;
  }
  .ic-mobile-overlay.active::before {
    width: 100%;
    height: 100%;
  }

  #leftsidebar {
    margin-left: -300px;
  }
  .ic-mobile-sidebar-open #leftsidebar {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991.98px) {
  .select-location-permission-modal .list-group-item input[type='checkbox'] {
    left: unset;
    transform: translate(-50%, 0%);
    right: 20px;
  }
  .select-location-permission-modal .card-header input[type='checkbox'] {
    left: unset;
    transform: translate(-50%, 0%);
    right: 37px;
  }
  .select-location-permission-modal
    .all-permission-heading
    input[type='checkbox'] {
    left: unset;
    transform: translate(-50%, 0%);
    right: 37px;
  }
  .ic-disposal-unit-td .select2-container--default {
    width: 130px;
  }
  .ic-stock-list-modal-dialog {
    max-width: 95%;
  }
  .m-label-left2 .form-control-label {
    text-align: left;
  }
  .ic-requisition-left-content {
    width: 100% !important;
  }
  .ic-requisition-right-btn {
    float: unset !important;
    text-align: center;
    margin-bottom: 20px;
  }
  .ic-requisition-right-btn .btn {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ic-main-navbar-header .navbar-brand {
    width: auto !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 80px !important;
  }
}
@media only screen and (max-width: 767.98px) {
  section.content,
  body.ls-closed section.content {
    margin-right: 15px;
    margin-left: 15px;
  }
  div#dt-html-builder_filter {
    justify-content: center;
  }
  .select-location-permission-modal .list-group-item input[type='checkbox'] {
    left: unset !important;
    transform: translate(-50%, 0%);
    right: 20px;
  }
  .select-location-permission-modal .card-header input[type='checkbox'] {
    left: unset !important;
    transform: translate(-50%, 0%);
    right: 37px;
  }
  .select-location-permission-modal
    .all-permission-heading
    input[type='checkbox'] {
    left: unset !important;
    transform: translate(-50%, 0%);
    right: 37px;
  }
  .ic-stock-list-modal-dialog .ic-select-too {
    width: 180px;
    left: 43%;
  }
  .ic-barcode div {
    text-align: center;
  }

  .ic-table-tab-warper .nav-tabs > li > a:before {
    border-bottom: 1px solid #343d45;
    bottom: 8px;
  }

  .ic-main-navbar-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }
  .ic-main-navbar-header .bars {
    display: flex;
    align-items: center;
  }
  .ic-main-navbar-header .navbar-brand {
    width: auto !important;
    padding: 6px 0px;
  }

  .navbar-toggle {
    float: unset !important;
    width: auto !important;
    display: flex;
    align-items: center;
    margin-top: 0px !important;
    margin-right: 0px !important;
  }
  nav.ic-main-navbar {
    min-height: auto;
  }
}
@media only screen and (max-width: 640px) {
  .ic-stock-list-modal-dialog .ic-select-too {
    width: 180px;
    left: unset;
    position: static;
    transform: translateX(0%);
  }
}
@media only screen and (max-width: 575.98px) {
  .select-location-permission-modal .list-group-item input[type='checkbox'] {
    left: unset !important;
    transform: translate(-50%, 0%);
    right: 0px !important;
  }
  .select-location-permission-modal .card-header input[type='checkbox'] {
    left: unset !important;
    transform: translate(-50%, 0%);
    right: 16px !important;
  }
  .select-location-permission-modal
    .all-permission-heading
    input[type='checkbox'] {
    left: unset !important;
    transform: translate(-50%, 0%);
    right: 16px !important;
  }
  .select-location-permission-modal .list-group-item {
    padding: 0.75rem 0rem;
  }
  .ic-location-user-profile-img {
    height: 150px !important;
  }
  .ic-edit-user-warper .form-control-label {
    text-align: left;
    margin-bottom: 10px !important;
  }
  div.dataTables_wrapper div.dataTables_paginate {
    white-space: normal;
  }
  .chat .chat-history {
    height: calc(100vh - 260px) !important;
  }
  .m-label-left .form-control-label {
    text-align: left;
  }
  .ic-invoice-scan-cus-btn .btn-hover {
    margin: 0px;
  }
  .modal .modal-content .modal-body {
    padding: 15px 10px;
  }
  .content .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ic-active-product-modal-dialog {
    max-width: unset;
  }

  .ic-mobile-select-w-100 .select2-container--default {
    width: 100% !important;
  }
  .ic-master-drag-header-right {
    justify-content: center;
  }
}
@media only screen and (max-width: 480px) {
  .card .header h2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 10px;
  }
  .vue-form-wizard .wizard-card-footer {
    padding: 0 10px !important;
  }
}
@media only screen and (max-width: 374px) {
  .vue-form-wizard .wizard-card-footer .wizard-footer-left,
  .vue-form-wizard .wizard-card-footer .wizard-footer-right {
    float: none !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .vue-form-wizard .wizard-card-footer .wizard-footer-right button {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 320px) {
}


/*password view*/
.ic-password-group{
  position: relative;
}
.ic-password-group span {
  position: absolute;
  top: 11px;
  right: 8px;
  font-size: 16px;
  cursor: pointer;
}

.ic-password-group .ic-show-password{
  color: #378b03ed;
}

.ic-multiple-select-item{
  position: relative;
}

.ic-multiple-select-item div:first-child{
  position: absolute;
  width: 100%;
  padding-right: 30px
}

.ic-multiple-select-item select.form-control[size], select.form-control[multiple]{
  display: unset;
}

.ic-multiple-selection-mt {
  display: block;
  margin-top: 45px;
}

.ic-form-input-field {
  width: 150px!important;
}
.ic-expiry-date {
  width: 150px!important;
}

.ic-multiple-select-option .select2-container--default .select2-search--inline .select2-search__field{
  width: 200px!important;
}

@media only screen and (max-width: 768px) {
  .ic-multiple-select-item div:first-child {
    position: inherit;
    padding-right: 0;
  }
}
.ic-customer-view-wrapper{
  position: relative;
}
.ic-customer-view-wrapper .search-wrapper .input-line{
  display: flex;
  gap: 30px;
  align-items: center;
}
.ic-customer-view-wrapper .search-wrapper .input-line input.form-control{
  min-width: 400px;
}
.ic-customer-view-wrapper .dataTables_wrapper{
  padding-top: 40px;
}
.ic-customer-view-wrapper .dt-buttons{
  position: relative;
  float: left;
  left: 55%;
  top: -20px;
  z-index: 2;
}
.ic-customer-view-wrapper a.buttons-create {
  position: absolute;
  top: 15px;
  right: 0px;
  z-index: 2;
}
.row.clearfix.ic-search-form {
  position: absolute;
  left: 5px;
  margin: 0;
  top: 15px;
  z-index: 2;
}
.ic-customer-view-wrapper #dt-html-builder_length,
.ic-customer-view-wrapper #dt-html-builder_filter{
  display: none;
}
@media only screen and (max-width: 1399.98px) {
  .ic-customer-view-wrapper .search-wrapper .input-line input.form-control {
    min-width: 270px;
  }
  .ic-customer-view-wrapper .dt-buttons {
    left: 50%;
  }
}
@media only screen and (max-width: 991.98px) {

  .ic-customer-view-wrapper a.buttons-create {
    right: 15px;
    /*top: 90px;*/
  }


  .ic-customer-view-wrapper .search-wrapper .input-line input.form-control {
    min-width: 100%;
  }
  .ic-customer-view-wrapper .search-wrapper .input-line{
    gap: 10px;
  }
  .ic-customer-view-wrapper .search-wrapper .input-line input.form-control {
    min-width: 200px;
  }
  .ic-customer-view-wrapper .dt-buttons {
    left: 42%;
  }
}
@media only screen and (max-width: 800.98px) {
  .ic-customer-view-wrapper .dt-buttons{
    left: inherit;
    top: inherit;
    text-align: left;
  }
  .row.clearfix.ic-search-form{
    position: inherit;
  }
  /*.ic-customer-view-wrapper a.buttons-create {*/
  /*  top: 180px;*/
  /*}*/
  .ic-customer-view-wrapper .dataTables_wrapper{
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767.98px) {

  .ic-customer-modules .ic-customer-nav ul li{
    font-size: 14px!important;
    padding: 6px 0!important;
    margin: 4px 9px;
  }
}
@media only screen and (max-width: 575.98px) {
  .ic-customer-view-wrapper .search-wrapper .input-line {
    gap: 15px;
    align-items: baseline;
    flex-direction: column;
  }
  .ic-customer-view-wrapper a.buttons-create{
    position: inherit;
  }
  .ic-customer-modules .ic-customer-nav ul li{
    font-size: 14px!important;
    padding: 6px 0!important;
    margin: 4px 9px;
  }
  .ic-customer-view-wrapper{
    position: inherit;
  }
}


.VuePagination nav{
  background-color: transparent;
  box-shadow: none;
}
.VuePagination nav .pagination{
  background-color: transparent;
  box-shadow: none;
  justify-content: center;
}
.VuePagination nav .pagination li a{
  color: #444;
}
.VuePagination nav .pagination li a:hover{
  color: #444;
}
.VuePagination nav .pagination li a.active:hover{
  color: #fff;
}

table#dt-html-builder {
  width: 100%!important;
}
.dtr-details li {
  text-align: left;
  display: flex;
  align-items: center;
  padding: 4px 0;
}
.dtr-details li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
table.dataTable > tbody > tr.child span.dtr-title {
  width: 160px;
  white-space: pre-line;
}
table.dataTable > tbody > tr.child span.dtr-data {
  width: calc(100% - 160px);
}
table.dataTable > tbody > tr.child td ul li:not(:last-child) span.dtr-data {
  word-break: break-all;
  white-space: pre-wrap;
  padding-left: 8px;
}
.dtr-details li .header-dropdown {
  display: inline-block;
}
.dtr-details li .dropdown-toggle {
  display: inline-block;
}
.datatable-badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff!important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  border: none!important;
}
.datatable-badge.active, .datatable-badge.dispensed {
  background: #198754;
}
.datatable-badge.inactive, .datatable-badge.closed, .datatable-badge.rejected, .datatable-badge.pending {
  background: #f13b3b;
}
 .datatable-badge.requested, .datatable-badge.waiting {
  background: #ffc107;
}
.datatable-badge.regulated
{
  background: #6c757d;
}
.datatable-badge.received, .datatable-badge.delivered
{
  background: #198754;
}
.datatable-badge.supplier-accept {
  background: #4ebdc0;
}
.datatable-badge.approved
{
  background: #1c49ba;
}

.datatable-badge.sent
{
  background: #86e683;
  color: white!important;
}

.datatable-badge.draft
{
  background: #6c757d;
}
.datatable-badge.paid {
  background: #198754;
}
.datatable-badge.partial-paid, .datatable-badge.winner-choosen {
  background: #1c49ba;
}
.datatable-badge.send-to-cashier, .datatable-badge.unpaid {
  background: red;
}
td.child {
  text-align: left;
}
.parent .header-dropdown {
  margin-left: 30px;
}


body table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  margin-right: 0.5em;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: none;
  height: auto;
  width: auto;
  background: unset;
  margin: auto;
}
body table.dataTable.dtr-inline.collapsed>tbody>tr.parent[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent[role="row"]>th:first-child:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}
.header-dropdown {
  display: inline-flex;
  margin-left: 30px!important;
}
button.dt-button, div.dt-button, a.dt-button {
  margin-bottom: 5px;
}

.ic_mb_20 {
  margin-bottom: 20px;
}

.dt-buttons i {
  display: none;
}

@media (max-width: 575px) {
  table.dataTable > tbody > tr.child span.dtr-title {
    width: 100px;
  }
  body .ic-datatable tbody td:first-child .header-dropdown .dropdown  .dropdown-menu.pull-right {
    left: -60px !important;
  }
  body .ic-datatable tbody td:first-child .dtr-data .header-dropdown .dropdown .dropdown-menu.pull-right{
    left: -130px !important;
  }
  table.dataTable > tbody > tr.child span.dtr-data {
    width: calc(100% - 100px);
  }
}


/* button.dt-button, div.dt-button, a.dt-button{
  background-color: #343d45 !important;
  color: #fff !important;
  border-color: #343d45 !important;
} */

.buttons-copy{background-color:#666 !important;box-shadow:0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);color:#fff !important;border-radius:30px !important;border:0 !important;height:30px;width:60px;cursor:pointer}.buttons-excel{background-color:#59bf70 !important;box-shadow:0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);color:#fff !important;border-radius:30px !important;border:0 !important;height:30px;width:60px;cursor:pointer}.buttons-csv{background-color:#0055f5 !important;box-shadow:0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);color:#fff !important;border-radius:30px !important;border:0 !important;height:30px;width:60px;cursor:pointer}.buttons-pdf{background-color:#e91e63 !important;box-shadow:0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);color:#fff !important;border-radius:30px !important;border:0 !important;height:30px;width:60px;cursor:pointer}.buttons-print{background-color:#6563ef !important;box-shadow:0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px #6563ef;color:#fff !important;border-radius:30px !important;border:0 !important;height:30px;width:60px;cursor:pointer}