* {
margin:0;
padding:0;
}
body {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 18px;
color: #000;
}
.shopOrders_search {
padding:40px;
padding-bottom:0;
}
.formRow {
display:flex;
align-items:center;
}
.shopOrders_search input[type="text"] {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height:28px;
color: #000;
padding-left:20px;
padding-right:20px;
width:200px;
text-align:center;
}
.shopOrders_search input[type="submit"] {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 30px;
color: #000;
height:30px;
padding-left:20px;
padding-right:20px;
cursor:pointer;
width:200px;
text-align:center;
}
.shopOrders_container {
padding-left:40px;
padding-right:40px;
padding-top:20px;
padding-bottom:20px;
display:flex;
flex-direction:column;
}
.shopOrders_table, table {
width:100%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 18px;
border-collapse: collapse;
border-spacing: 0;
}
.shopOrders_table {
order:2;
padding-top:20px;
padding-bottom:20px;
}
.shopOrders_table a, table a {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 18px;
color: #000;
}
.shopOrders_table th, .shopOrders_table td {
padding: 8px;
text-align:left;
vertical-align: top;
}
.shopOrders_table th:last-child, .shopOrders_table td:last-child {
text-align:right;
}
.shopOrders_table > tbody > tr:nth-child(4n+1) td {
background: #eeeeee;
}
.shopOrders_table > tbody > tr:nth-child(4n+2) td {
background: #eeeeee;
}
.cart {
width: 100%;
margin: 0 0 0 auto;
border-collapse: separate;
border-spacing: 8px;
}
.shopOrders_table > tbody > tr:nth-child(even) {
display: none;
}
.shopOrders_table > tbody > tr:nth-child(even).showDetails {
display: table-row;
}
.shopOrders_table button {
cursor: pointer;
display: inline-block;
padding: .75rem 1.25rem;
line-height: 1.2em;
text-decoration: none;
font-weight: 900;
background: 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #2b3426;
border: #2b3426 solid 1px;
outline: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
text-align: center;
font-style: inherit;
font-size: 14px;
}
.f3-widget-paginator {
display: inline-block;
border-radius: 4px;
margin: 20px 0px;
padding-left: 0px;
order:3;
}
.f3-widget-paginator:first-child {
order:1;
}
.f3-widget-paginator > li {
display: inline;
}
.f3-widget-paginator > li > a,
.f3-widget-paginator > li.current {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
text-decoration: none;
border: 1px solid #DDD;
background-color: #FFF;
color: #FF8700;
}
.f3-widget-paginator > li.current,
.f3-widget-paginator > li > a:hover,
.f3-widget-paginator > li > a:focus {
text-decoration: underline;
background-color: #EEE;
}
.f3-widget-paginator > li:first-child > a,
.f3-widget-paginator > li.current:first-child {
margin-left: 0px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.f3-widget-paginator > li:last-child > a,
.f3-widget-paginator > li.current:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
input + input, label + input {
margin-left:20px;
}
.searchTitle {
font-weight:bold;
padding-left:8px;
margin-bottom:10px;
}
.shopOrders_table p br {
display:block!important;
}