:root {
    --background: #fafafa;
    --border: #ededed;
}

.compare-tabs {
    margin-bottom: 15px;
    margin-left: 0;
    display: inline-block;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
}
.compare-tabs::before, .compare-tabs::after {
    content: " ";
    display: table;
}
.compare-tabs dd, .compare-tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative;
}
.compare-tabs .tab-title.active > a{
    color: #43aea1;
    border-bottom: 1px solid #43aea1;
}
.compare-tabs dd > a, .compare-tabs .tab-title > a {
    /* Copy of h5 styling */
    display: block;
    font-size: 1rem;
    font-family: "Aller", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 0;
    margin-top: 0.375rem;
    margin-right: 25px;
    padding-bottom: 15px;
}

.compare-tabs-content {
    margin-bottom: 1.33333rem;
    width: 100%;
}
.compare-tabs-content::before, .compare-tabs-content::after {
    content: " ";
    display: table;
}
.compare-tabs-content > .content.active {
    display: block;
    float: none;
}
.compare-tabs-content > .content {
    display: none;
    float: left;
    width: 100%;
}

.compare-title {
    margin-bottom: 10px;
}
.compare-table {
    position: relative;
    border: 0;
    table-layout: auto;
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 30px 0 0 0;
}

.compare-table::after {
    border-left: 1px solid var(--border);
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    content: "";
}
.compare-table tr:nth-of-type(2n) {
    background: #fff;
}

.compare-table td {
    width: 19%;
    padding: 15px;
    margin: 0;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid var(--border);
}

.compare-table td:nth-child(1) {
    width: auto;
    text-align: left;
    padding-left: 0;
}

.compare-table td:nth-child(3),
.compare-table td:nth-child(5),
.compare-table td:nth-child(7) {
    width: 1%;
}

.compare-table td:nth-child(2)::after,
.compare-table td:nth-child(2)::after,
.compare-table td:nth-child(2) .rounded-bottom::after,
.compare-table td:nth-child(2) .rounded-top::after {
    background-color: var(--background);
}

.compare-table .no-border > td {
    border-bottom: 0;
}
.compare-table .rounded-bottom,
.compare-table .rounded-top {
    height: 5px;
    position: relative;
}

.compare-table .rounded-top::after,
.compare-table .rounded-bottom::after {
    border: 1px solid var(--border);
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.compare-table .rounded-top::after {
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
    top: 0;
}

.compare-table .rounded-bottom::after {
    border-radius: 0 0 5px 5px;
    border-top: 0;
    bottom: 0;
}

.compare-table [data-name="corners"].top td {
    padding: 0 !important;
    border: 0;
}

.compare-table [data-name="corners"].bottom td {
    padding: 0 !important;
    border: 0;
}

.compare-table .table-hilighted {
    background-color: var(--background);
}

.compare-table .line {
    height: 0;
    border: 0;
    border-bottom: 1px solid var(--border);
}

.compare-table h4 {
    margin-bottom: 0;
}

.compare-table .start-space td {
    padding-top: 15px !important
}

.compare-table .end-space td {
    padding-bottom: 25px !important
}

.compare-table .no-img {
    margin-right: 9px;
}

.compare-table b {
    font-family: "Aller Bold";  
    font-weight: 400; 
}

.compare-table .thin {
    font-family: "Aller";
}
.compare-table .table-tag {
    background-color: #00ae9e;
    color: #fff;
    padding: 4px 10px;
    text-align: center;
    font-size: 90%;
}

.compare-table .line td {
    padding: 0 !important;
    height: 0 !important;
    border: 0 !important;
}

.compare-table tr[data-name="title"] td {
    vertical-align: middle;
}

.compare-table tr[data-name="guarantee"] td {
    padding: 5px;
}
.compare-table tr[data-name="guarantee"] td:nth-child(1),
.compare-table tr[data-name="validated"] td,
.compare-table tr[data-name="sub-title"] td,
.compare-table tr[data-name="price"] td {
    padding: 5px 15px 5px 0;
}



.compare-table td:empty {
    padding: 5px 0 !important;
}

.compare-table-footer { margin-top: 60px;}

.height-limited {
    overflow: hidden;
    position: relative;
}

.height-restrictor {
    text-align: center;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 40%);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.height-restrictor button {
    width: 150px;
    height: 42px;
    border-radius: 5px;
    padding: 0;
}

.height-restrictor button img {
    top: -1px;
    position: relative;
    width: 15px;
    margin-left: 5px;
}

@media only screen and (max-width: 64em) {
    #panelvalidationgallery {
        display: block !important;
    } 

    #panelcomparisontable {
        display: none !important;
    }
}

#panelcomparisontable .button {
    border: 1px solid #00ae9e;
    background-color: transparent;
    color: #00ae9e;
    border-radius: 5px;
    padding: 0.875rem 1.75rem 0.85rem 1rem;
    margin-bottom: 0;
}

#panelcomparisontable > div {
    padding: 60px 210px 50px 50px;
}

#panelcomparisontable h3 {
    margin-bottom: 0.625rem;
}

#panelcomparisontable h5 {
    margin-bottom: 3.125rem;
}

#compareModal {
    padding: 50px;
    border-radius: 10px;
}

.green-arrow::after{
    background-image: url("../img/Icon_ArrowLarge_Right-Green.svg") !important;
}

.orbit-container {
    background-color: white !important;
}