.variation-matrix-item {
clear: both;
height: 100%;
overflow: hidden;
margin: 20px 0;
position: relative;
display: flex;
}
.variation-matrix-item .variation-matrix-button {
margin-bottom: 10px;
}
.variation-matrix-item .variation-matrix-button button {
float: right;
}
.table.matrix-table,
.table.simple-table,
.table.custom-column-table {
display: flex;
overflow-y: hidden;
overflow-x: auto;
flex-direction: column;
}
.table.matrix-table .column,
.table.simple-table .column,
.table.custom-column-table .column {
width: 100%;
padding: 5px;
}
.table.matrix-table .row,
.table.simple-table .row,
.table.custom-column-table .row {
border: 1px #f1f1f1 solid;
margin: 0;
width: 100%;
}
.table.matrix-table .row img,
.table.simple-table .row img,
.table.custom-column-table .row img {
height: 100%;
width: auto;
}
.table.matrix-table .row .qty:disabled,
.table.simple-table .row .qty:disabled,
.table.custom-column-table .row .qty:disabled {
cursor: not-allowed;
}
.table.matrix-table .row .qty:not([disabled]),
.table.simple-table .row .qty:not([disabled]),
.table.custom-column-table .row .qty:not([disabled]) {
background: #eee9c5;
}
.table.matrix-table .row,
.table.custom-column-table .row {
flex-wrap: nowrap !important;
}
.table.matrix-table .row:first-child,
.table.custom-column-table .row:first-child {
background: #eeeeee;
color: #5a5a5a;
}
.table.matrix-table .row:first-child .column:not(:nth-child(1)),
.table.custom-column-table .row:first-child .column:not(:nth-child(1)) {
text-align: center;
}
.table.matrix-table .row:first-child .column:nth-child(1) .v-name,
.table.custom-column-table .row:first-child .column:nth-child(1) .v-name {
float: right;
}
.table.matrix-table .row:first-child h2,
.table.custom-column-table .row:first-child h2 {
font-weight: 600;
}
.table.matrix-table .row > *,
.table.custom-column-table .row > * {
flex-shrink: unset !important;
}
.table.matrix-table .row > * .left-variables-option select,
.table.matrix-table .row > * .quantity input,
.table.custom-column-table .row > * .left-variables-option select,
.table.custom-column-table .row > * .quantity input {
max-width: 100%;
box-sizing: border-box;
}
.table.matrix-table .row,
.table.custom-column-table .row {
display: flex;
margin-left: 0 !important;
margin-right: 0 !important;
}
.table.simple-table .row {
height: auto;
text-align: right;
}
.table.simple-table .row:first-child {
background: #eeeeee;
color: #5a5a5a;
}
.table.matrix-table,
.table.simple-table {
flex: 1;
}
.table.custom-column-table {
max-width: 50%;
width: 100%;
}
.table.custom-column-table .row:last-child {
height: 100% !important;
}
.variation-matrix-button {
text-align: right;
margin-bottom: 10px;
}
.variation-matrix-table-wrapper .pagination {
list-style: none;
display: flex;
padding: 0;
margin: 0 10px;
gap: 0 10px;
}
.variation-matrix-table-wrapper .pagination li {
margin-bottom: 0;
border: 1px solid #aeaeae;
border-radius: 4px;
}
.variation-matrix-table-wrapper .pagination li a {
color: black;
float: left;
padding: 5px 13px;
text-decoration: none;
height: 100%;
}
.variation-matrix-table-wrapper .pagination li.active a {
color: white;
background: #aeaeae;
}
.variation-matrix-table-wrapper .pagination li:hover a {
color: white;
background: rgba(15, 131, 77, 0.3);
}
.entries-amount {
display: flex;
gap: 0 10px;
align-items: center;
}
.entries-amount #change-record-count {
width: auto !important;
}
.variation-matrix-controller {
display: flex;
justify-content: space-between;
}
.variation-matrix-controller .showing {
margin-top: 10px;
margin-bottom: 0;
}
.pagination-wrapper {
display: flex;
justify-content: flex-start;
margin: 10px 0;
}
.pagination-wrapper button {
padding: 5px 13px;
background: transparent;
color: #000;
border: 1px solid #aeaeae;
}
.pagination-wrapper button.first {
margin-right: 10px;
}
.pagination-wrapper button.last {
margin-left: 10px;
}#top-menu li li a {
border: 1px solid #091B4A;
border: 1px solid #ffffff;
margin-bottom: 15px;
text-align: center;
transform: left;
-moz-transform: left;
-webkit-transform: left;
-o-transform: left;
-ms-transform: left;
}
#top-menu li li a:hover {
border: 1px solid #091B4A;
background:white;
color:#091B4A;
opacity:1!important;
}
.et-fixed-header #top-menu li li a {
border: 1px solid #ffffff;
}
.et-fixed-header #top-menu li li a:hover {
color:rgba(0,0,0,.6)!important;
}
#main-header #logo {
max-height:143px;
} .nav>li>ul {
border-top: 0px solid #ffffff; right:0px!important;
}
.nav li ul {
border-top:0px solid #ffffff;
padding:20px 0 0 0;
}
.top-phone {
width:106px!important;
}
.top-phone a, .top-login a {
font-size:16px!important;
}
.top-phone:before {
font-family:'ETmodules';
content: '\e00b' !important;
font-size:16px;
float:left;
}
.top-login {
width:169px!important;
}
.top-login:before {
font-family: 'ETmodules';
content: '\e071' !important;
font-size:16px;
float:left;
}
.top-header .et-social-icons {
display:block;
float:right;
}
#top-header .et-social-icon a {
background: #ffffff;
color: #091B4A;
padding: 4px 2px 0px 4px;
border-radius: 25%;
margin-top:0;
width:20px; height:20px;
font-size:12px;
}
sup {font-size:0.5em; bottom:0.5em;}
.top-nadcap {
width:110px; 
vertical-align:middle;
} .et_mobile_menu {
border-top: 0px solid #ffffff;
}
.mobile_menu_bar:before {
color: black;
}
#et-secondary-nav { text-align:right!important; }
.top-menu-logo { max-width:50%; float:left; }
#et-top-navigation {padding-left:0!important;}
.powered-by { align-items: right; justify-content: right; text-align:right;
}
#footer-info {
font-weight:normal;
}
.powered-by img {
vertical-align:middle;
opacity:0.6;
}
.powered-by a {
color:rgba(255,255,255,0.6)!important;
font-weight:normal;
}
@media only screen and (max-width:980px) {
.et_header_style_left #logo, .et_header_style_split #logo {
max-width: 87%!important;
}
.top-menu-logo { display: none; }
.top-phone, .top-login {
width:100%!important;
}
.top-phone:before, .top-login:before {
margin-top:10px; margin-right:12px;
}
}
.ginput_complex.ginput_container_address .address_city {
width: 31% !important;
margin-right: 2% !important;
margin-left: 0 !important;
display: block;
float: left;
padding-right: 0 !important;
}
.ginput_complex.ginput_container_address .address_state {
width: 32% !important;
margin-right: 0 !important;
margin-left: 0 !important;
display: block;
float: left;
padding: 0 !important;
}
.ginput_complex.ginput_container_address span.ginput_right+.ginput_left.address_zip {
width: 33% !important;
margin-left: 0 !important;
margin-right: 0 !important;
display: block;
float: right;
padding-right: 0 !important;
}