.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: inherit!important;}
.fa, .fas {color: #333!important;}

a.ui-datepicker-next.ui-corner-all {right:-19px!important;}

.modal-content {border: 0px solid #eee!important;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	
	width: 30%!important;
height: 51px;
	
}

.ui-datepicker .ui-datepicker-title select {font-size: 1em!important;}
.ui-datepicker .ui-datepicker-title {margin: 0 2em!important;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {border: 0px solid #cccccc!important;
background: #fff!important;
font-weight: normal;
color: #2b2b2b;}
.ui-datepicker .ui-datepicker-prev
{/*display: none!important;*/
left: 2px!important;
}

.ui-datepicker .ui-datepicker-next {/*display: none!important;*/ right:2px!important;}
.ui-widget.ui-widget-content {

border: 0px solid #eee!important;
border-radius: 10px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
	border: 0px solid #333!important;
background: #fff!important;
font-weight: bold!important;
color: #222!important;
border-radius: 8px;
text-align: -webkit-center;
padding: 10px 10px;
margin: 6px;
	
}

.ui-state-default:hover
{
	border: 0px solid #333!important;
background: #333!important;
font-weight: bold!important;
color: #fff!important;
border-radius: 8px;
text-align: -webkit-center;
padding: 10px 10px;
margin: 6px;
	
}

.ui-widget-header {
	
	border: 0px solid #dddddd!important;
background: #fff!important;
color: #333333!important;
font-weight: bold!important;
}


table {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
table * {
  position: relative;
}
table td, table th {
  padding-left: 8px;
}
table thead tr {
  height: 60px;
  background: #fff;
  font-size: 16px;
}
table tbody tr {
  height: 44px;
  border-bottom: 0px solid #eee;
}
table tbody tr:last-child {
  border: 0;
}
table td, table th {
  text-align: left;
}
table td.l, table th.l {
  text-align: right;
}
table td.c, table th.c {
  text-align: center;
}
table td.r, table th.r {
  text-align: center;
}

@media screen and (max-width: 35.5em) {
  table {
    display: block;
  }
  table > *, table tr, table td, table th {
    display: block;
  }
  table thead {
    display: none;
  }
  table tbody tr {
    height: auto;
    padding: 8px 0;
  }
  table tbody tr td {
    padding-left: 0%;
    margin-bottom: 12px;
  }
  table tbody tr td:last-child {
    margin-bottom: 0;
  }
  table tbody tr td:before {
    position: absolute;
    font-weight: 700;
    width: 40%;
    left: 10px;
    top: 0;
  }
  /*table tbody tr td:nth-child(1):before {
    content: "Code";
  }
  table tbody tr td:nth-child(2):before {
    content: "Stock";
  }
  table tbody tr td:nth-child(3):before {
    content: "Cap";
  }
  table tbody tr td:nth-child(4):before {
    content: "Inch";
  }
  table tbody tr td:nth-child(5):before {
    content: "Box Type";*/
  }
}


blockquote {
  color: white;
  text-align: center;
}