.top-button{
    padding: 10px;
    width: 100%;
}
.top-button a{
  margin: 4px;
}
.top-button button{
  margin: 4px;
}
.section-title{
  padding-left: 30px;
}
.breadcrumb-item+.breadcrumb-item::before{
  content: '>>' !important;
}
.msg_note{
  width: 100%;
  text-align: center;
  padding:10px;
  background: #6236FF !important;
}
.form-button-cont button{
  display:inline-block !important;
}
.topserch div label{
  width: 100%;
}
.topserch{
  padding: 13px;
}
.topserch div{
  /*display: inline;*/
  width: 20%;
  float: left;
  margin-bottom: 10px;
}
.topserch div select{
  width:90% !important;
  /*display: inline-block !important;*/
}
.topserch div input{
  width:90% !important;
  /*display: inline-block !important;*/
}

.topserch2{
  padding: 13px;
}
.topserch2 div{
  display: inline;
}
.topserch2 div select{
  width:auto !important;
  display: inline-block !important;
}
.topserch2 div input{
  width:auto !important;
  display: inline-block !important;
}
.create_new_opt{
  text-align: right;
}
.md-custom p{
  color:#5c5c5c;
  text-align:left !important;
  display: block;
  clear: both;
  width: 100%;
  margin-bottom: 4px !important;
}
.md-custom label{
  text-align: right !important;
  width: 40%;
  color:#5c5c5c;
  float: left;
  font-weight: bold;
  margin-right: 30px;
}

#productList {
  max-height: 120px;
	background-color: #f1f1f1;
	border-top: none;
	z-index: 2;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 5px;
	display:none;
  position: absolute;
}
#productList li {
	list-style-type: none;
  background-color: #f1f1f1;
  z-index: 2;
	padding: 7px;
	cursor: pointer;
	border-bottom: solid 1px #cec4c4;
}

#productList li:last-child {
	border: 0px;
}

#productList li:hover {
	background-color: #ddd;
}

#invoiceList {
  max-height: 120px;
	background-color: #f1f1f1;
	border-top: none;
	z-index: 2;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 5px;
	display:none;
  position: absolute;
}
#invoiceList li {
	list-style-type: none;
  background-color: #f1f1f1;
  z-index: 2;
	padding: 7px;
	cursor: pointer;
	border-bottom: solid 1px #cec4c4;
}

#invoiceList li:last-child {
	border: 0px;
}

#invoiceList li:hover {
	background-color: #ddd;
}


#customerList {
  max-height: 120px;
	background-color: #f1f1f1;
	border-top: none;
	z-index: 2;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 5px;
	display:none;
  position: absolute;
}
#customerList li {
	list-style-type: none;
  background-color: #f1f1f1;
  z-index: 2;
	padding: 7px;
	cursor: pointer;
	border-bottom: solid 1px #cec4c4;
}

#customerList li:last-child {
	border: 0px;
}

#customerList li:hover {
	background-color: #ddd;
}


.productlist {
  max-height: 120px;
	background-color: #f1f1f1;
	border-top: none;
	z-index: 2;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 5px;
	display:none;
  position: absolute;
}
.productlist li {
	list-style-type: none;
  background-color: #f1f1f1;
  z-index: 2;
	padding: 7px;
	cursor: pointer;
	border-bottom: solid 1px #cec4c4;
}

.productlist li:last-child {
	border: 0px;
}

.productlist li:hover {
	background-color: #ddd;
}


#dynamicTable td{
  margin: 0 !important;
  padding: 0 !important;
}
.removeRow{
  margin: 6px 0px 6px 0px;
}
#addRow{
  margin: 6px 0px 6px 0px;
}
.dyqty{
  width:98% !important;
  margin-left: 6px;
}
.pname{
  width:98% !important;
  margin-left: 6px;
}
.itemname{
  width:98% !important;
  margin-left: 6px;
}
#dynamicTable tbody{
border: none !important;
}
#dynamicTable tfoot{
  border: none !important;
  }
#dynamicTable :not(:first-child){
  border-bottom: 1px solid #ccc !important;
}
.search-button{
  margin-top: 20px;
}
.msgflash{
  font-size: 14px;
  font-weight: bold;
}
.viewdetails{
  padding: 2px;
  min-width: 101px;
}

@media (min-width: 1024px) {
    /* Styles for desktop view */
   
    .login-container
    {
        width:25%;
        margin: auto;
    }
    .login-container .form-button-group
    {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 100px;
        position:relative;

    }
    .desk-view{
        width: 150px;
        float: right;        
    }

    .form-container
    {
        width:40%;
        margin: auto;
    }
    .form-button-cont{
      text-align: center;
    }
    .dialogbox .modal-dialog .modal-content{
      max-width: 600px !important;
    }
    .tbldesk{
      min-width: 40%;
      margin: auto;
    }
    .tbldesk .table tbody td{
      text-align: left !important;
    }
    .search{width: 100% !important;}
  }

  @media (max-width: 768px) {
    
    .search-button{
      margin-top: 0px;
    }
    .hide-mobile {
      display: none;
    }
    .form-button-cont button{
      display:block !important;
      width: 100%;
    }
    .topserch div{
      display: block;
      width: 100%;
      padding: 5px;
      margin-bottom: 5px;
    }
    .topserch div button{
      width: 48%;
    }
    .topserch div select{
      width: 100% !important;
      padding-top: 2px;
      padding-bottom: 2px;
    }
    .topserch div input{
      width: 100% !important;
      padding-top: 2px;
      padding-bottom: 2px;
    }

    .topserch2 div{
      display: block;
      width: 100%;
      padding: 5px;
    }
    .topserch2 div button{
      width: 48%;
    }
    .topserch2 div select{
      width: 100% !important;
    }
    .topserch2 div input{
      width: 100% !important;
    }
    .mobser{
      display: none;
    }
    .md-custom p{
      color:#5c5c5c;
      text-align:left !important;
      display: block;
      clear: both;
      width: 100%;
      margin-bottom: 4px !important;
    }
    .md-custom label{
      text-align: right !important;
      width:auto;
      color:#5c5c5c;
      float: left;
      font-weight: bold;
      margin-right: 10px;
    }
  
    
  }