.topbar {
  height: 10px;
}

.page-titles {
  padding: 0px;
  padding-bottom: 10px;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  line-height: 0px;
}


.topbar .top-navbar {
  height: 10px;
  min-height: unset;
  padding: 0px;
}

.card-body h3 {
  margin-bottom: 0;
}

.sidebar-nav ul li ul li a {
  padding: unset;
}
.form-control:disabled, .form-control[readonly] {
  color: black;
}
.sidebar-nav ul li a {
  padding: 1px 8px;
  /* right: unset !important; */
}
.sidebar-nav > ul > li:last-child ul {
  right: unset;
}

.sidebar-nav ul li a i {
    display: unset !important;
}

/* .topbar .profile-pic {
  width: 25px;
  border-radius: 100%;
  border: 1px solid white;
} */

.page-wrapper {
  padding-top: 50px;
}

.custom-profile-pic {
  border: 2px solid white;
}

.custom-profile {
  position: absolute;
  right: 0px;
  top: -1px;
  background: #1e88e5;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.5);
}

.left-sidebar {
  padding-top: 10px;
}

/* //custom step */

.wizard-content .wizard>.steps>ul>li a {
  margin-top: 0px;
  margin-bottom: 5px;
}

.form-group {
  margin-bottom: 5px;
}

label {
  margin-bottom: 0px;
  margin-top:4px;
  margin-left:2px;
}

.wizard-content .wizard>.actions {
  padding-bottom: 0px;
  padding-top: 10px;
}

.wizard-content .wizard.wizard-circle>.steps .step {
  width: 35px;
  height: 35px;
  line-height: 30px;
  border: 3px solid #F3F3F3;
  font-size: 15px;
  border-radius: 14%;
}

.wizard-content .wizard.wizard-circle>.steps>ul>li:after, .wizard-content .wizard.wizard-circle>.steps>ul>li:before {
  top: 17px;
}

.wizard-content .wizard>.steps>ul>li a {
  padding-top: 34px;
}


/* dataTables */

.table td, .table th {
  padding: 2px;
}
.dataTables_wrapper {
  padding-top: 0px;
}

.dataTables_filter {
  margin-top: 0px;
  margin-bottom:5px;
}

.dataTables_length {
  margin-top: 0px;
  margin-bottom:5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  background: aliceblue;
}

span.select-info:before {
  content: "(";
}
span.select-info:after {
  content: ")";
}

table.dataTable thead .sorting_desc:after {
  content: unset;
}

table.dataTable thead .sorting_asc:after {
  content: unset;
}

table.dataTable thead .sorting:after {
  content: unset;
}

body{
  color: black;
}

.form-control {
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
}

.erp-checkbox {
  position: relative !important;
  left: 0 !important;
  opacity: unset !important;
}

.erp-radio {
  position: relative !important;
  left: 0 !important;
  opacity: unset !important;
}


/* chekbox on datatables header */

.s-checkbox > [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: relative;
  left: unset;
  opacity: unset;
}

.dt-button-collection-title {
  display: none;
}

.dt-button-dropdown:after {
  content: unset;
}

.card-columns {
    @include media-breakpoint-only(lg) {
        column-count: 4;
    }
    @include media-breakpoint-only(xl) {
        column-count: 5;
    }
}
.topbar ul.dropdown-user {
    width: unset;
}
.modal-xl {
    width: 90%;
    max-width:1200px;
}

.fa:before {
    display: inline-block;
    padding: 5px;
}

.tab-bg-white {
    background-color: white;
}

.nav-toptabs > .nav-item > .nav-link{
    color: black;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
}

.nav-toptabs > .nav-item > .nav-link:hover{
    background-color: #1e88e5;
    color: white;
}

.nav-toptabs > .nav-item > .active {
    background-color: white;
    border-bottom: 1px  solid white !important;
}

.control-group-important {
    font-size: 15px; }

    .control-group-important input[type="text"], .control-group-important input[type="password"], .control-group-important input[type="datetime"], .control-group-important input[type="datetime-local"], .control-group-important input[type="date"], .control-group-important input[type="month"], .control-group-important input[type="time"], .control-group-important input[type="week"], .control-group-important input[type="number"], .control-group-important input[type="email"], .control-group-important input[type="url"], .control-group-important input[type="search"], .control-group-important input[type="tel"], .control-group-important input[type="color"], .control-group-important textarea, .control-group-important select, .control-group-important .uneditable-input, .control-group-important .add-on, .control-group-important .add-on-first, .control-group-important .add-on-last, .control-group-important .add-on-middle {
      font-size: 15px;
      padding: 8px 10px; }

  .control-group-important label.control-label, .control-group-important label {
      font-size: 15px; }

  .control-group-important .add-on.middle {
      padding-left: 0;
      padding-right: 0; }

  .control-group-important select {
      height: auto; }

.border-rounded-dashed {
    border-radius: 10px;
    border: 1px dashed rgba(51, 51, 51, 0.267);
    background-color: #1e88e513;
}

.bg-white {
    background-color:white;
}
.border-top-blue{
    border-top: 3px solid #1e88e5 ;
}
/* @media (max-width: 767px){
    .topbar{
        position: unset;
    }
} */
.footer{
    position: unset;
}

.page-wrapper{
    min-height: 0px !important;
}

.slick-prev {
    left: 0;
    z-index: 1;
}

.slick-next{
    right: 0;
    x-index: 1;
}

.banner .banner-image{
    max-height: 240px;
}

.dt-daterange {
    margin-top: 0px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline-block;
}

.dt-daterange > .input-group > .form-control {
    width: 85px !important;
}

.dt-daterange > .input-group > .date_selector {

}

.dt-daterange > .input-group > .input-group-prepend {
    width: 15px;
}

.catalogue-image-frame {
  min-height: 141px;
  max-height: 141px;
}

.v-middle {
  position: relative;
float: left;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.modal-dialog-custom {
  /* new custom width */
  max-width: 80%;
}