.signup {
        background-color: rgb(255, 255, 255);
}
.signup-form{

}
.signup .head{
    background-color: #DCB66A;
    color: #000f;
    font-weight: bold;
    border-radius: 5px;
    margin: 20px 0;
    padding: 20px;
}
.navbar{
    margin-bottom: 0px;
}
.navbar-brand{
    font-size: 30px;
    color: #000f;
    text-decoration-line: underline;
}
.nav>li>a{
    font-size: 15px;
}
.navbar-header a{
    color:#b7baba!important;
    text-decoration: none;
}
.dashboard .box {
    background-color: #cccccc;
    width: 260px;
    height: 130px;
    padding: 21px;
    color: #000;
    border-radius: 20px;
    margin-bottom: 15px;
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 8px;
}
.dashboard h2{
        background-color: #535a56;
    color: #000;
    padding: 20px;
    border-radius: 20px;
}
}
.box i{
    float: right;
    font-size: 65px;
}
.box a{
    font-size: 25px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.footer{
    background-color: #272723;
    padding: 20px;
}
.footer .box-cont h2{
    font-size: 18px;
    font-weight: bolder;
}
.footer .box-cont i{
 margin-top: 21px;   
}
.footer .box-cont .media-body h2{
   font-size: 18px; 
}
.footer .box-cont .media-body p{
    font-size: 14px;
}
.footer .social-media a{
        border: 2px solid #000;
    padding: 10px;
}
.footer .social-media a i{
            font-size: 20px;
    padding: 16px;
}
.footer .subs{
    margin-top: 20px;
}
.footer .subs input[type="submit"]{
        border-color: #000;
    background-color: transparent;
}
.footer .paypal{
    float: right;
}
/*******************************/
.table,
.table-cell {
    display: table;
    height: 100%;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.relative {
    position: relative
}
/*colored background*/

.white-bg {
    background: #000 !important;
}
.gray-bg {
    background: #f6f6f6;
}
.bg-dark {
    background-color: #1e2127 !important;
}
.bg-dark-gray {
    background-color: #252830 !important;
}
.light-gray-bg {
    background: #f1f1f1 none repeat scroll 0 0;
}
/*colored text*/

.white-text {
    color: #000;
}
.gray-text {
    color: #7a7a7a
}
.dp-gray-text {
    color: #535353
}
i {
    transition: all .3s ease 0s;
}

#popup2 {
    position: fixed;
    top: 81px;
    left: 31%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
  }
  
  #popup2-content {
    width:600px;
    height: 300px;
    background-color: white;
    border: 2px solid #f7f7f7;
    padding: 20px;
    display: flex;
    box-shadow: rgb(0 0 0 / 40%) 0px 30px 90px;
    flex-direction: column;
    justify-content: space-between;
  }
  
  #popup2 button {
    align-self: flex-end;
  }
  
  


  #popup3 {
    position: fixed;
    top: 81px;
    left: 31%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
  }
  
  #popup3-content {
    width:600px;
    height: 300px;
    background-color: white;
    border: 2px solid #f7f7f7;
    padding: 20px;
    display: flex;
    box-shadow: rgb(0 0 0 / 40%) 0px 30px 90px;
    flex-direction: column;
    justify-content: space-between;
  }
  
  #popup3 button {
    align-self: flex-end;
  }

  .remove-btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    color: #000fff;
    text-shadow: 1px 1px #000000;
    padding: 0;
    width: 24px;
    height: 24px;
  }
  
  .remove-btn i {
    background-image: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
  }
  #image-preview {
    display: flex;
    flex-wrap: wrap;
  }
  .preview {
    display: flex;
    flex-direction: column;
    margin: 10px;
  }
  .preview img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-bottom: 5px;
  }
  .table-d{
    margin-top: 49px;
  }

  /**********************************/
  .checkbox-dropdown {
    position: relative;
}

.checkbox-dropdown button {
    width: 100%;
    text-align: left;
}

.checkbox-dropdown .caret {
    float: right;
    margin-top: 8px;
}

.checkbox-dropdown .dropdown-menu {
    position: absolute;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ccc;
    display: none;
}

.checkbox-dropdown .dropdown-menu li {
    padding: 5px;
}

.checkbox-dropdown .dropdown-menu label {
    display: block;
    margin-bottom: 0;
}

.checkbox-dropdown .dropdown-menu input[type="checkbox"] {
    margin-right: 5px;
}
/* Styles for mobile phones */
@media only screen and (max-width: 767px) {
    /* CSS rules for mobile phones */
    .signup{
        background-color: rgb(255, 255, 255);
        position: absolute;
        margin-top: 72px;
    }
}

/* Styles for tablets */
@media only screen and (min-width: 768px) and (max-width: 1280px) {
    /* CSS rules for tablets */
    .signup{
        background-color: rgb(255, 255, 255);
        position: absolute;
        margin-top: 72px;
    }
}

.removeProductButton{
    display: contents;
    color: red;
    font-size: 22px;
}

.split{
    height: 5px;
    width: 100%;
    background-color: #DCB66A;
    border-radius: 25px;
    margin-bottom: 10px;
}
.split:last-child{
    display: none;
}

/****************inventory**************/

.inventory h1{
margin-bottom: 20px;
}
.inventory .item{
    height: 223px;
    background-color: #000fff;
    margin-bottom: 14px;
    padding: 14px;
    text-align: center;
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.inventory .item h2{
    
}


/***********return*************/
.signup{
    background-color: #ffffff;
    padding: 20px;
    text-align: right;
}
.signup fieldset {
    padding: 10px;
    border: 1px solid #34495e;
    margin-bottom: 5px !important;
    border-radius: 10px;
    
}
.signup fieldset table{
    height: auto;
}
.signup fieldset legend {
    font-weight: bold;
    padding: 0 10px;
    font-size: 15px;
    border-bottom: none;
    margin-bottom: 0;
    width: auto;
}
.signup .BillInfo > tbody > tr > th{
    border-top: 0px !important;
}
/*****chart*********/
/* Styles for #myChart on laptops (screen width >= 992px) */
@media (min-width: 992px) {
    #myChart {
        height: 400px !important;
           width: 489px !important;
    }
}
@media (min-width: 576px){
.content-wrapper .card-mini {
    margin-bottom: 0px;
}

}
@media (min-width: 992px){
   .content-wrapper .card-mini {
        margin-bottom: 0px;
    }  
}
.content-wrapper {
    padding: 20px;
}

.invoice{
    text-align: center;
    background-color: #000;
    padding: 42px;
}
.invoice .invoice-title{
    border: 2px solid #eee;
    padding: 35px;
    border-radius: 40px;
    margin-top: 27px;
    margin-bottom: 31px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.invoice .invoice-title h2, .invoice-title h3 {
    display: inline-block;
}

.invoice .table > tbody > tr > .no-line {
    border-top: none;
}

.invoice .table > thead > tr > .no-line {
    border-bottom: none;
}

.invoice .table > tbody > tr > .thick-line {
    border-top: 2px solid;
}

#printContent, #printContent * {
    visibility: visible;
}
.chart-wrapper {
  width: 100%;
}

.chart-container {
  width: 100%;
  height: auto;
}
.totalproducts{
    margin-top:110px;
}
.headingtable{
    background-color: #f5f5f5;
    color: #000;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.headertable{
    width:100%; border: none;
    border-radius: 10px;
    background-color:#DCB66A;
      -webkit-box-shadow: 0 3px 10px #ccc;
    -moz-box-shadow: 0 3px 10px #ccc;
    box-shadow: 0 3px 10px #ccc;
}

.headertable thead{
    color:#000;
}
.headertable tbody{
    font-size: 14px;
    font-weight:bold;
}
.headertable .btn-primary{
    font-size: 16px;
    text-align: center;
    padding: 9px;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 46px;
}