body {
    background-color: #f5f5f5;
    color: #50544f;
}
header {
    background: #449d44;
    background: linear-gradient(67deg, #449d44 30%, #79ab79 47%, #449d44 80%);
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, .15);
}

/*header {
    background: rgb(0, 36, 34);
    background: linear-gradient(67deg, rgb(2 56 54) 30%, rgb(9 86 84) 47%, rgb(2 56 54) 80%);
}*/
div#navbar-ex1-collapse {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.btn-accent {
    margin-bottom: 15px;
}
.asidrop {
display: block;
}
a.asidrop.btn-accent.product-thumb__button-buy.-grid-hover-effect-hidden {
    text-decoration: none;
}
.air-ai {
    height: 32px;
}

.air-drob {
    background-color: #fff;
    padding: 21px 8px 2px 8px;
    border-radius: 15px;
    margin: 20px -8px 20px -10px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air {
    background-color: #fff;
    padding: 5px 14px 1px 14px;
    border-radius: 15px;
    margin-bottom: 18px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air-account {
    background-color: #fff;
    padding: 5px 14px 25px 14px;
    border-radius: 15px;
    margin-bottom: 18px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air-info {
    background-color: #fff;
    padding: 14px 14px 14px 14px;
    border-radius: 15px;
    margin-bottom: 7px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air-imag {
    background-color: #fff;
    padding: 6px 6px 6px 6px;
    margin-bottom: 12px;
    border-radius: 15px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air-cart {
    background-color: #fff;
    padding: 14px 14px 14px 14px;
    border-radius: 15px;
    margin-bottom: 18px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air-consol {
    background-color: #fff;
    padding: 14px 14px 14px 14px;
    border-radius: 15px;
    margin-bottom: 12px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air-content {
    background-color: #fff;
    padding: 5px 14px 25px 14px;
    border-radius: 15px;
    margin-bottom: 26px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air-was {
    background-color: #fff;
    padding: 14px 14px 14px 14px;
    border-radius: 15px;
    margin-bottom: 32px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.air-admin-chanel {
    background-color: #fff;
    padding: 5px 14px 1px 14px;
    border-radius: 15px;
    margin-bottom: 32px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.cus-btn {
    padding: 9px 23px 8px 23px;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 10px;
    border: none;
    background: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
    color: #F8F8FF;
    flex-wrap: nowrap;
}

.cus-btn-cam {
    padding: 9px 23px 8px 23px;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 10px;
    border: none;
    background: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
    color: #F8F8FF;
    flex-wrap: nowrap;
}
.cus-btn-cam {
    padding: 6px 23px 6px 23px;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 10px;
    border: none;
    background: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
    color: #8a8a90;
    flex-wrap: nowrap;
}
a#compare-total {
    text-decoration: none;
}
.cus-btn-input {
    padding: 6px 23px 6px 23px;
    border-radius: 10px;
    border: none;
    background: #f9f9f9;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
    color: #8a8a90;
    flex-wrap: nowrap;
}

.cus-btn-sort {
    padding: 6px 23px 6px 23px;
    border-radius: 10px;
    border: none;
    background: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
    color: #8a8a90;
    flex-wrap: nowrap;
}

.air-dre-f {
    margin-left: -9px;
    padding: 6px 23px 6px 23px;
    border-radius: 10px;
    border: none;
    background: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 6px 3px 14px 0px rgba(0, 0, 0, 0.04), 23px 12px 26px 0px rgba(0, 0, 0, 0.03), 53px 27px 35px 0px rgba(0, 0, 0, 0.02), 94px 48px 42px 0px rgba(0, 0, 0, 0.01);
    color: #8a8a90;
    flex-wrap: nowrap;
}
.dashboard.dash-template2 {
    background-color: #ffffff;
    padding: 14px 14px 14px 14px;
    border-radius: 15px;
    margin-bottom: 32px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}
fieldset {
    background-color: #ffffff;
    padding: 14px 14px 14px 14px;
    border-radius: 15px;
    margin-bottom: 32px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}


legend {
    font-size: 18px;
    padding: 7px 0px;
    padding: 50px 0px 7px 16px;
}
.table-responsive {
    padding: 0 0 0 0;
    border-radius: 0px;
    margin-bottom: 32px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}
.account-sidebar {
    background-color: #ffffff;
    border-radius: 15px;
    margin-bottom: 32px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
}

.form-control {
    border: 1px solid #e9e9e9;
    padding: 6px 23px 6px 23px;
    margin-bottom: 7px;
    border-radius: 32px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02), 0 -5px 14px 0px rgba(0, 0, 0, 0.02), 6px 0 14px 0px rgba(0, 0, 0, 0.02), 0 5px 14px 0px rgba(0, 0, 0, 0.02), -6px 0 14px 0px rgba(0, 0, 0, 0.01);
    color: #8a8a90;
}

.table > tbody > tr > td {
    background: #eaf3ee;
    padding: 2px;
    border: 1px solid #f5f5f5;
    color: #6a7271;
    vertical-align: baseline;
    text-align: center;
    border-collapse: collapse;
}


.table>thead:first-child>tr:first-child>td {
    background: #6ea86e;
    padding: 2px;
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
    vertical-align: baseline;
    text-align: center;
    border-collapse: collapse;
}
a.tgi.btn-primary.modal_btn-to-cart {
    text-decoration: none;
    
}
button.tgi.modal_btn-close.margin-r-space-1:hover{
    text-decoration: none;
    background-color: #60d560;
    border-color: var(--color-primary);
}
.btn, .btn-default{
    position: relative;
    padding: 5px 45px 5px 45px;
    border-radius: 50px;
    color: #858484;
    text-decoration: none;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 6px 3px 14px 0px rgba(0, 0, 0, 0.04), 23px 12px 26px 0px rgba(0, 0, 0, 0.03), 53px 27px 35px 0px rgba(0, 0, 0, 0.02), 94px 48px 42px 0px rgba(0, 0, 0, 0.01);
    transition: 0.8s all ease;
    cursor: pointer;
    margin-bottom: 0px;
}
b, strong {
    font-weight: 400;
}
.dashboard .grey-table h3 {
    margin-top: 0;
    background: #6ea86e;
    color: #fff;
    font-size: 17px;
    padding: 10px;
    font-weight: 400;
}
  .ool{
      font-size: 14px;
  }