@charset "utf-8";
/* CSS Document */
/********* responsive *********/ 
.tab-vertical {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.tab-vertical .row,  .tab-vertical .row2{
    display: table-row;
}
.tab-vertical .cell, .tab-vertical .thead, .tab-vertical .theadVertical {
    display: table-cell;
    border: 1px solid #000;
    padding: 8px;
    text-align: left;
    background: #eee;
}

.packResultWrap {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.packResultWrap .row{
    display: table-row;
}

.tab-vertical .thead, .tab-vertical .theadVertical {
    display: table-cell;
    padding: 6px;
    color: #fff;
    background: #121f3d;
    border-right: 1px solid #eee;
    font-weight: 300;
    font-size: 13px;
    text-align: left;
}

.packResultWrap a {
    color: #121f3d;
}

.packResultWrap .cell {
    display: table-cell;
    padding: 10px 8px;
    color: #313345;
    background: #f5f5f5;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    font-size: 13px;
    vertical-align: middle;
}

.packResultWrap .row:nth-of-type(odd) .cell {
    background: #eee;
}

.packResultWrap .cell:last-of-type {
    border-right: none;
}

.packResultWrap .packName
{
    font-size: 15px;
    text-transform: uppercase;
    color: #313246;
}

.packResultWrap .thead {
    background: #121f3d;
    color: #eee;
    font-weight: 500;
    padding: 10px;
    font-size: 12px;
    display:table-cell;
}

.packResultWrap .row:first-child {
    display: table-row;
}

.packResultWrap .theadVertical {
    display: none;
}

.tab-vertical .thead {
    background: #121f3d;
    color: #eee;
    font-weight: 500;
    padding: 10px;
    font-size: 12px;
}

.tab-vertical .theadVertical {
    display: none;
}

.tabs-wrap {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
}

.tabs-wrap .tab:hover, .tabs-wrap .tab.active {
    background: #d5d5d5;
}

.tab-flex .row {
    display: flex;
    align-items: stretch;
    align-content: stretch;
    flex-flow: row wrap;
}

.tab-flex .cell {
    flex: auto;
}

.tab-flex .cell {
    border: 1px solid #000;
    text-align: left;
    background: #eee;
}

.tab-flex .highlight {
    background: #fff8e8 !important;
}

.tab-flex .thead {
    padding: 6px;
    background: #121f3d;
    border-right: 1px solid #eee;
    color: #eee;
    font-weight: 500;
    padding: 10px;
    font-size: 12px;
    text-align: center;
}

@media (max-width:1340px){
    .tab-vertical {
        display: grid;
        grid-auto-rows: 1fr;
        border-collapse: collapse;
    }
    .tab-vertical .row {
        display: grid;
        grid-template-columns: 1fr 4fr 1fr 4fr 1fr 4fr;
    }

    .tab-vertical .row2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        margin-bottom: 20px;
    }

    .tab-vertical .cell, .tab-vertical .thead, .tab-vertical .theadVertical {
        display: grid;
        border: 1px solid #000;
        padding: 8px;
        text-align: left;
        background: #eee;
    }

    .tab-vertical .theadVertical {
        background: #121f3d;
        color: #eee;
        font-weight: 500;
        padding: 10px;
        font-size: 12px;
    }

    .tab-vertical .row:first-child, .tab-vertical .thead {
        display: none;
    }



    .tabs-wrap {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width:1024px){
    tab-vertical .row {
        display: grid;
        grid-template-columns: 1fr 4fr 1fr 4fr;
    }

    .tab-vertical .row2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        margin-bottom: 20px;
    }

    .packResultWrap {
        display: grid;
        grid-auto-rows: 1fr;
        border-collapse: collapse;
    }

    .packResultWrap .row {
        display: grid;
        grid-template-columns: 25% 75%;
        border-radius: 20px;
        border: 3px solid #313345;
        margin-bottom: 20px;
        padding: 10px;
        background: #f5f5f5;
    }

    .packResultWrap .cell {
        display: grid;
        border-bottom: 1px solid #000;
        padding: 8px;
        text-align: left;
    }

    .packResultWrap .theadVertical {
        padding: 10px 8px;
        color: #313345;
        background: #f5f5f5;
        font-size: 15px;
        vertical-align: middle;
        display: grid;
        border: 0;
        text-align: right;
        border-bottom: 1px solid #000;
    }

    .packResultWrap .cell:last-of-type {
        border: none;
    }

    .packResultWrap .row:nth-of-type(odd),
    .packResultWrap .row:nth-of-type(odd) .cell,
    .packResultWrap .row:nth-of-type(odd) .theadVertical {
        background: #eee;
    }

    .packResultWrap .row:first-child, .packResultWrap .thead {
        display: none;
    }

    .tabs-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:768px){
    .accountHeader {
        padding: 10px;
        height: 62px;
    }

    .accountHeader ul {
        padding: 0;
    }

    .accountHeader li {
        display: none;
    }

    #mainWrapper .asideMenu {
        height: 60px;
        position: absolute;
        top: -5px;
        left: 80px;
    }

    .sideAgPos{
        position: static;
    }

    .sideAgMenu.aCenter{
        min-height:0;
        margin-bottom:-20px;
        text-align:left;
    }

    #mainWrapper .resultsContent {
        width: 100%;
    }

    .sideAgMenu li{
        display:inline-block;
        padding: 20px;
        border: 1px solid #eee;
        border-bottom: 0;
        margin: 0 -2px;
    }

    .sideAgMenu li.menuBar {
        display: none;
    }

    .tab-vertical .row {
        display: grid;
        grid-template-columns: 1fr 4fr;
    }

    .tab-vertical .row2 {
        display: grid;
        grid-template-columns: 1fr 4fr 1fr 4fr;
        margin-bottom: 20px;
    }

    .tabs-wrap {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    .tab {
        padding: 10px 5px;
        font-size: 10px;
    }
}

@media (max-width:550px){
    #mainWrapper .asideMenu {
        top: 0;
    }

    .sideAgMenu li{
        padding: 12px;
        border: 0;
        border-right: 1px solid #eee;
    }

    .tabs-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}