/*@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:800);
*/

.table_deewee {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 40%;
  padding:auto;
  margin:auto;
  margin-bottom : 5%;
}

.table_deewee td, .table_deewee th {
  border: 1px solid #ddd;
  padding: 8px;
  color:#00515b;
}

.table_deewee td input 
{
	border:0;
	background:transparent;
}

.table_deewee td input[type="number"]
{
	width:50px;
}

.table_deewee tr:nth-child(even){background-color: #f2f2f2;}


.table_deewee tr:hover
{
	background-color: #ddd;
}

.table_deewee th
{
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #00515b;
  color: white;
}

.table_deewee td button
{
	display: inline-block;
    border: none;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: #fcbf33;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.btn_row
{
	width:20px;
}

.table_deewee_row {
  text-align: left;
}

.check_row{
	width:5px;
}
hr
{
	margin-top:2%;
	margin-bottom:2%;
   	color: #fcbf33;
}

@media screen and (max-width: 600px) 
{
  .res-table
  {
    border-collapse: separate;
    border-spacing: 0 1em;
  }

  .res-table thead 
  {
    display: none;
  }  res-table td 
  {
    display: flex;
  }
  .res-table td 
  {
      display:block;
  }

  .res-table td::before
  {
    content: attr(label);
    font-weight: bold;
    width: 120px;
    min-width: 120px;

  }

  #product-action
  {
    flex-direction:column;
  }
}