/*Use this container class on any div that this widget will be inserted into that doesn't already have styling*/
.containerDiv {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
.compareHardwareContainer {
    padding: 5px;
}
.compareOuter {
    padding-bottom: 10px;
    font-size: 1.3rem;
}
.compareGpu {
    margin-bottom: 20px;
}
.compareTitle {
    text-align: center;
    font-family: 'RobotoDraft',arial;
}
.compareVs {
    text-align: center;
    margin-top: 10px;
    font-size: 0.8rem;
}
.compareButton {
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    font-family: 'RobotoDraft', sans-serif;
}
.compareSelectBoxDiv {
    font-size: 0.9em;
    font-family: 'RobotoDraft',arial;
    width:100%;
    text-align: center;
    margin-top: 10px;
}
.compareSelectBoxDiv select {
    width: 95%;
}
.compareSelectBoxDiv .select2.select2-container.select2-container--default {
    width: 95% !important;
}
.horizontalTable {
    display: table;
    width: 100%;
}
.horizontalRow {
    display: table-row;
}
.horizontalCellSelect {
    display: table-cell;
    font-size: 0.7em;
    width: 45%;
}
.horizontalCell {
    display: table-cell;
    width: 10%;
}