.swal-height {
    height: 50vh;
  }
  
  .content-wrapper>.content{padding-top: 1rem;}
  
  ul.nav.nav-treeview li a{font-size: 13px;}
  
  .login-box .card-body span.invalid-feedback{position: absolute;bottom: -20px;font-size: 11px;}
  #quickForm .input-group{margin-bottom: 20px;}
  
  #quickForm .input-group .input-group-append .input-group-text,
  #quickForm .input-group .form-control 
  {
      background: transparent;
      border: 0;
      border-bottom: 1px solid #ccc;
      border-radius: 0;
  }
  #quickForm label{color: #464646;font-weight: 500;}
  #quickForm .input-group .input-group-text span.fas{color: #ccc;}
  #quickForm  .login-footer a{display: block;margin-bottom: 10px;color: #000;text-align: center;font-size: 14px;}
  #quickForm  .login-footer .btn
  {
      display: block;
      width: 100%;
      border-radius: 30px;
      margin-bottom: 5px;
      margin-top: 10px;
  }
  
  .layout-fixed .brand-link{background: #fff;}
  .os-content{padding: 0px!important;}
  .os-content > nav{margin: 0px!important;}
  .os-content > nav .nav-sidebar .nav-item>.nav-link
  {
      width: 100%;
      box-shadow: none;
      border-radius: 0px;
      color:#fff;
  }
  
  .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
  .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active
  {
      background-color: #04814e;
      color: #fff;
      box-shadow: none;
  }
  .main-sidebar .brand-text{color: #000;font-weight: 500!important;text-transform: uppercase;}
  .layout-fixed .main-sidebar{background-color: #007646;}
  
  .dashboard-box.primary{background: #fff!important;border-left: 5px solid #17a2b8!important;}
  .dashboard-box.green{background: #fff!important;border-left: 5px solid #28a745!important;}
  .dashboard-box.warning{background: #fff!important;border-left: 5px solid #ffc107!important;}
  .dashboard-box.danger{background: #fff!important;border-left: 5px solid #dc3545!important;}
  
  .dashboard-box .icon > i
  {
      display: inline-block;
      border-radius: 30px;
      height: 50px;
      width: 50px;
      font-size: 30px!important;
      color: #fff;
      text-align: center;
      line-height: 50px;
  }
  .dashboard-box.primary .icon > i{background: #169db2;}
  .dashboard-box.green .icon > i{background: #28a745;}
  .dashboard-box.warning .icon > i{background: #ffc107;}
  .dashboard-box.danger .icon > i{background: #dc3545;}
  
  .dashboard-box.small-box p{margin-bottom: 0px;}
  .small-box>.small-box-footer
  {
      text-align: right;
      color: #000;
      padding-right: 15px;
  }
  
  /*Btn Css primary background and border */
  .btn-primary,
  .page-item.active .page-link,
  .card-primary:not(.card-outline)>.card-header{background-color: #007646;border-color: #04814e;}
  
  .btn-primary:hover,.btn-primary:focus{background: #1e855b;border-color: #1e855b;}
  
  
  .btn-primary-borderd{
      background: transparent;border: 1px solid #04814e;color: #04814e;
  }
  .modal-dialog .modal-body .btn-primary-borderd,
  .modal-dialog .modal-body .btn-primary
  {
      padding: 6px 1.5rem;
      border-radius: 30px;
  }
  
  
  /*Primary Text color */
  .page-link{color:  #326d9a;}
  
  /*Table css start here*/
  table.table-bordered.dataTable{min-width: 100%;}
  table.table-bordered.dataTable th{
      background: #007646;
      color: #fff;
      text-transform: uppercase;
      font-weight: 500;
      border-color:#04814e;
  }
  table.table-bordered.dataTable td{padding: 0.5rem 0.75rem;}
  table.table-bordered.dataTable td > h6{margin: 0;}
  table.table-bordered.dataTable td > a{color: #000;}
  table.table-bordered.dataTable td > h6 > a{color: #007bff;}
  
  table.table-bordered.dataTable td span.badge{ display: table;margin: 0 auto;min-width: 55px;}
  
  /**/
  h3.title-style1{color: #326d9a;
      font-size: 18px;
      font-weight: 600;
      text-transform: uppercase;
      padding-bottom: 10px;
      border-bottom: 2px dotted #326d9a;
      margin-bottom: 10px;
  }
  .form-group > label,
  .form-control-plaintext{margin-bottom: 0px!important;padding: 0px;}
  
  .active .bs-stepper-circle{background: #326d9a;}
  .bs-stepper-label{color: #000;}
  section.content .card > .card-header .card-title{position: relative;top: 10px;font-weight: 600;}
  .card-header.products-listHeader h2.card-title{top: 0!important;}
  
  
  label.pr-label{color: #007646;}
  
  /*accordion css start here*/
  #accordion .card{box-shadow: none;}
  #accordion .card .card-header{margin-bottom: 10px;padding: 0px;min-height: auto;}
  #accordion .card .card-header > h5.mb-0{
      padding: 10px;
      border-left: 5px solid #007646;
      margin-bottom: 0px!important;
      font-weight: 600;
      text-transform: capitalize;
      font-size: 18px;
  }
  #accordion .card .card-header > h5.mb-0 a.btn.btn-link
  {
      position: absolute;
      top: 5px;
      right: 0;
  }
  #accordion .card .card-header > h5.mb-0 a.btn.btn-link i{color: #000;}
  #accordion .card .card-body
  {
      padding: 10px 0 5px;
      border-bottom: 1px solid #ccc;
      margin: 0 0 0 30px;
  }
  i.fas.fa-rupee-sign{font-size: 80%;}
  #accordion .card .card-body a.btn.btn-sm.Addproduct
  {
      position: absolute;
      right: 5px;
      background: #007646;
      color: #fff;
      width: 20px;
      height: 20px;
      padding: 0;
      text-align: center;
      line-height: 20px;
      font-size: 10px;
  }
  .productsku
  {
      display: flex;
      align-items: flex-start;
      padding: 0;
      width: 100%;
  }
  label.productdetail{color: #007646;}
  .productsku input.productquantity{
      max-width: 100%;
      height: 38px;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 10px;
  }
  .productunit{max-width: 100%;}
  
  #accordion .card .card-body div[id],
  #accordion .card .card-header > h5.mb-0 div[id]{
      display: inline-block;
      position: relative;
      left: 50px;
      color: #007646;
  }
  
  .card-header.products-listHeader{background: #080808;color: #fff;}
  .card-header.products-listHeader > i{
      font-size: 2rem;
      margin-right: 15px;
      width: 45px;
      height: 45px;
      text-align: center;
      background: #ffcd17;
      color: #000;
      padding: 5px;
      border-radius: 30px;
      float: left;
  }
  .card-header.products-listHeader .card-title #totalproduct{margin-bottom: 5px;display: inline-block;}
  label.price
  {
      position: absolute;
      right: 0;
      margin: 0;
      top: 50%;
      transform: translateY(-50%);
      font-weight: 600!important;
      font-size: 18px;
  }
  label.price-reg{position: absolute;right: 0;font-size: 18px;}
  a.btn.btn-link.productviewdetails{margin-bottom: 0px;}
  
  #modelproducthtmladd > .card{box-shadow: none;}
  section.content .card > .card-header{min-height: 63px;}
  #modelproducthtmladd > .card .itemCategory-Title
  {
      font-weight: 600;
      padding-bottom: 5px;
      border-bottom: 2px solid #efefef;
  }
  #modelproducthtmladd > .card .ItemDetails
  {
      display: flex;
      justify-content: space-between;
      margin-top: 8px;
      border-bottom: 1px solid #ccc;
      font-size: 15px;
      color: #282828;
  }
  .ItemCategoryList{font-weight: 600;color: #007646;position:relative;}
  
  input.productquantity[type=number]::-webkit-inner-spin-button, 
  input.productquantity[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin: 0; 
  }
  .Role-Label{white-space: nowrap;min-width: 100px;font-weight: 600;position: relative;top: 6px;}
  
  div#app main.py-4{background: url('https://php.apphost.in/images/login-bg.jpg');height:100vh;
background-size: cover;
    display: flex;
    align-items: center;
}
  span.error
  {
      width: 100%;
      margin-top: 0.25rem;
      font-size: 80%;
      color: #dc3545;
  }
  label.productdetail{margin-top: 8px;display: block;}
  footer.main-footer{text-align: center;}
  footer.main-footer > strong a{color: #007646;}
  
  .os-content > nav .nav-sidebar .nav-item>.nav-link > i{width: 25px;text-align: left;}
  
  /*Button  and inputs css*/
  input[type="file"]{height: auto;padding: 0;cursor: pointer;}
  input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
    margin-left: 10px;
    padding: 0;
    height: 36px;
    width: 0px;
  }
  input[type="file"]:after
  {
      position: absolute;
      top: 27px;
      right: 8px;
      bottom: 0px;
      z-index: 6;
      display: block;
      content: "Browse";
      height: 33px;
      padding: 0.5rem 1rem;
      line-height: 1.5;
      color: #f1f1f1;
      background-color: #4a4b4c;
      border: 1px solid #4a4b4c;
      border-radius: 0 3px 3px 0;
      font-size: 13px;
      line-height: normal;
      cursor: pointer;
  }
  
  .btn-info{background-color: #4a4b4c!important;border: 1px solid #4a4b4c!important;}
  
  .btn-primary.disabled, .btn-primary:disabled{background-color: #007646;border-color: #007646;}
  
  
  table.table.Rolemenu-table{margin-bottom: 0;}
  .input-group.date{border: 1px solid #ced4da;border-radius: 0.25rem;}
  .input-group.date input.datetimepicker-input{border: 0!important;}
  .input-group.date .input-group-append .input-group-text{border: 0px!important;}