body {
    line-height: 1.42857143;
    color: #333;
    background-color: #F5F5F5;
}
    
    #TradeinGoods {
    background-color: white;
    height: 385px;
    width:  100%;
    }
    
    #ExportinGoods {
    background-color: white;
    height: 385px;
     width:  100%;
    }
    
   .selectize-input{
    border-radius: 26px !important;
}
    
    .material-switch {
    margin-top: 45%;
    }
    
    .material-switch>input[type=checkbox]:checked+label.switch:after {
  background-color:#0291da !important;
}
.material-switch>label.switch:after{
  background-color:#0291da !important;
}

.label-default {
    background-color: #0291da;
}
    
    .inline-filter {
    display: flex;
    margin-top: 7%;
    }
    
    .inline-filter1 {
    display: flex;
    margin-top: 0% ;
    }
    
    
    .inline-filter2 {
    display: flex;
    margin-top: 4% ;
    align-items: center;
    }
    
   

    h1 {
    margin-left: 22px !important;
    }
    
    h6 {
    margin-right: 3%;
    }
    
    @media (max-width: 940px) {
      .col-sm-1, .col-sm-3, .col-sm-5, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-4, .col-sm-6, .col-sm-12 {
          width: 100% !important;
          }
          
        .inline-filter1 {
    display: flex;
    margin-top: 0% !important;
        }
    
     .inline-filter2 {
    display: flex;
    margin-top: 0% important;
    align-items: center;
     }
     
     .row.row1 {display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 100px;
    height: 100px;
}

.row.row2 {display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 100px;
}
    
    }
      
    .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    height: 100vh
    }

    
      #sidebar {
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: white;
        transition: width 0.3s;
        overflow-x: hidden;
        white-space: nowrap;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
        z-index: 4;
      }


      #sidebar.open { width: 256px; }
      #sidebar.closed { width: 70px; }
      #sidebar .menu-item {
        display: flex;
        align-items: center;
        padding: 12px 22px;
        color: #4a5568;
        text-decoration: none;
        transition: background-color 0.3s;
        cursor: pointer;
        width: 256px;
    border: none;
      }
      #sidebar .menu-item:hover, #sidebar .menu-item.active {
        background-color: #ebf8ff;
        color: #3182ce;
      }
      #sidebar .menu-item i {
        margin-right: 16px;
        font-size: 20px;
        width: 20px;
        text-align: center;

      }
      #sidebar.closed .menu-item span { display: none; }
      /*#sidebar.closed .menu-item { justify-content: center; }*/
      #sidebar.closed .profile-info { display: none; }

      .badge {
        background-color: transparent;
        color: white;
        padding: 2px 8px;
        border-radius: 9999px;
        font-size: 12px;
        margin-left: auto;
      }
      #main-content {
        margin-left: 236px;
        padding-left: 20px;
        padding-right: 20px;
        transition: margin-left 0.3s;
        background-color: #F5F5F5;
        height: 100vh;
      }
      .profile-info {
        position: relative;
        padding: 16px;
      }

        #toggleBtn {
  position: absolute;
  top: 16px;
  width: 22px;
  height: 22px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;

        }

      #toggleBtn:hover .fa-fw {
  color: #3182ce;
   transition: color 0.3s;
}

.fa-fw {
  font-size: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}

*:focus {
  outline: none !important;
}

.dataTables_wrapper .no_footer{
  color:steelblue;
}

tr{
  background-color:#f8fcfc;
  color:steelblue;
}