#main * {
    box-sizing: border-box;
    outline: none;
}
.header {
    padding: 15px;
}

/*give the title its look*/
#title{
    text-align: center;
    border-radius: 10px;
    margin-bottom: 2%;
}

/*cleanup the selects a bit*/
.select_style {
    background: #FFF;
    color: #525252;
    padding-right: 0 !important;
    font-weight: 300;
    width: 100%;
    -webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    -moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    -webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
    -moz-box-shadow: 0 0 5px rgba(123,123,123,.2);
    box-shadow: 0 0 5px #333;
    border: solid 1px #DADADA;
    font-family: "helvetica neue",arial;
    position: relative;
    cursor: pointer;
    background:none;
    background:transparent;
    border:none;
    outline:none;
    cursor:pointer;
    padding:7px 10px;
    font-size: 14pt;
    line-height: 16pt;
}
.buttonDiv:hover{
    background:#DDD;
}
.buttonDiv:active {
    color:red;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
}

/*misc class for centering text*/
.center{
    text-align: center;
    width: 32%;
    display: inline-block;
}
/*hides everything that should only be visable when screen size is small*/
.showWhenSmall{
    display:none;
}

/*make the back to search button in the top right*/
#backToSearch{
    float: right;
}

/*Styling for small screens*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.filterButtons{
    padding-left: 2%;
    width:98%;
    margin-bottom: 1%;
    list-style: none;
}
.filterButtons li{
    background-color: white;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
}
.filterButtons li:hover{
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
@media screen and (min-width: 993px) {
    .header {
        height: 10px !important;
    }
}
.showWhenSmall{
    display:inline;;
}
#main {
    margin: 1%;
}
.resultsLine {
    font-size: 2em;
    font-weight: 600;
    display: inline-block;
}
.productSub {
    display: table-cell;
}
.navText {
    font-size:30px;
    cursor:pointer
}
@media (max-width: 993px) {
    .productSub {
        display: none;
    }
    .navText {
        font-size:24px;
        cursor:pointer
    }
    .mobile-half-width{
        width: 50%;
        margin-left: -1px;
        margin-right: -1px;
    }
    .fitment-img-cell{
        width: 0 !important;
        padding: 0 !important;
        margin: 0;
        border-width: 0 !important;
        overflow: hidden;
    }
    button.btn-dark{
        padding-left: 5px !important;
        padding-right: 5px !important;    
    }
}
.processingGif {
    top: -100px;
    position: relative;
    text-align: center;
}
.showProcessingImg {
    width:150px;
    border: 0;
}
.picker-link{
    display: none;
}
.previousSelections{

}
.previousSelection{
    text-align: center;

    padding: 1.5%;
}
.pointer{cursor: pointer;}
.modal-body{
    padding: 0;
}
.modal-header{
    text-align: center;
}
.modal-title{
    font-weight: bolder;
    font-size: 15pt;
    display: inline-block;
}
.prevTitle{

}
.odd{
    background-color: #dadada;
}
.main-camso-fitment .right{
    float: right;
}
.hidden{
    display: none;
    visibility: hidden;
}
#one{
    width: 100%;
}
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: pointer;
}
/*This wraps all the icon buttons*/
.typeButtonWrapper {
    font-family: 'Teko', sans-serif;
    text-align: center; }
@media screen and (max-width: 500px) {
    .typeButtonWrapper {
        max-width: 80%;
        width: 100%;
        margin-left: 10%;
        margin: 0 auto; } }

/* These are the classes that wrap the actual links*/
@media screen and (min-width: 501px) {
    .iconButtonWrapper {
        width: 18%;
        display: inline-block;
        margin: 0 0.5%;
    }
}
.iconButtonWrapper a {
    color: #000000;
}
.iconButtonWrapper a:hover {
    text-decoration: none;
    position: relative;
    color: #ff0000;
    border: 4px solid #ff0000;
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .iconButtonWrapper {
        display: inline-block;
        margin: 0 2px;
        width: 45%;
    }
}
.bottom-types{
    display: inline;
}
.top-types{
    display: inline;
}
.selects > select {
    text-align-last: center;
}
.col-md-4.col-sm-12.center.selects {
    display: inline;
}
/* div#previousMachineModal {
    background: none;
    overflow: hidden;
    text-align: center;
    width: auto;
    left: 0;
    margin-left: 0;
} */
div#previousMachineModal > .modal-dialog {
    display: block;
    text-align: center;
}

.icon-wrapper {
    background-size: 75px !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    position: relative !important;
    border: 4px solid #000000 !important;
    border-radius: 20px !important;
    height: 100px !important;
    width: 100% !important;
    display: block !important;
    font-size: 22px !important;
    padding: 0 !important;
    background-position-y: 25% !important;
    background-position-x: 50% !important; }
.icon-wrapper p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0; }
@media screen and (max-width: 500px) {
    .icon-wrapper p {
        bottom: 20px; } }
@media screen and (max-width: 400px) {
    .icon-wrapper p {
        bottom: 13px; } }
.icon-wrapper.snow {
    background-image: url("https://testfitment.gammapowersports.com/fitment-app/static/images/icons/snowmobile.png"); }
.icon-wrapper.snow:hover, .icon-wrapper.snow.typeButton-selected {
    background-image: url("https://testfitment.gammapowersports.com/fitment-app/static/images/icons/snowmobile_hover.png"); }
.icon-wrapper.moto {
    background-image: url("https://testfitment.gammapowersports.com/fitment-app/static/images/icons/motorcycle.png"); }
.icon-wrapper.moto:hover, .icon-wrapper.moto.typeButton-selected {
    background-image: url("https://testfitment.gammapowersports.com/fitment-app/static/images/icons/motorcycle_hover.png"); }
.icon-wrapper.atv {
    background-image: url("https://testfitment.gammapowersports.com/fitment-app/static/images/icons/atv.png"); }
.icon-wrapper.atv:hover, .icon-wrapper.atv.typeButton-selected {
    background-image: url("https://testfitment.gammapowersports.com/fitment-app/static/images/icons/atv_hover.png"); }
.icon-wrapper.pwc {
    background-image: url("https://testfitment.gammapowersports.com/fitment-app/static/images/icons/mx.png"); }
.icon-wrapper.pwc:hover, .icon-wrapper.pwc.typeButton-selected {
    background-image: url("https://testfitment.gammapowersports.com/fitment-app/static/images/icons/mx_hover.png"); }
.icon-wrapper.dirt {
    background-image: url("https://www.gammasales.com/img/icons/dirt.png"); }
.icon-wrapper.dirt:hover, .icon-wrapper.pwc.typeButton-selected {
     background-image: url("https://www.gammasales.com/img/icons/dirt_hover.png");
}
@media screen and (min-width: 501px) {
    .icon-wrapper {
        width: 100%; } }
@media screen and (max-width: 500px) {
    .icon-wrapper {
        height: 125px;
        width: 125px;
        padding: 20px; } }
@media screen and (max-width: 400px) {
    .icon-wrapper {
        height: 100px;
        width: 100px;
        padding: 20px;
        font-size: 16px; } }
.icon-wrapper > div {
    display: table-cell;
    vertical-align: middle; }
.icon-wrapper img {
    width: 75px;
    height: auto; }

.typeButton-selected {
    text-decoration: none;
    position: relative;
    color: #ff0000;
    border: 4px solid #ff0000;
    cursor: pointer; }
.typeButton-selected p {
    color: #ff0000; }

.filterButtons .active {
    background-color: #ff0000;
    color: #ffffff;
    border: 1px solid #ffffff; }
#machineFieldset{
    border:none;
    text-align: center;
}
.machine-attribute-table td {
    width: 50%;
}
.right-float{
    float: right;
    margin-top: -2%;
}
.attribute-title{
    display:none;
}
.productDisplay {
    font-size: 12pt;
}
.productDisplay .small {
    font-size: 75%;
}
.full-width{
    width: 100%
}
.center-inline{
    text-align: center;
}
.center-block{
    margin: auto;
    display: block !important;
}
#itemDetailModal img{
    width: 100%;
}
#itemDetail-extendedDesc iframe{
    margin: auto;
    display: block;
}
.blank-row, .blank-row td{
    border: none !important;
    background-color: transparent !important;
}
#itemDetailModal td,#itemDetailModal th{
    border: 1px solid rgb(221, 221, 221);
}
.number{
    text-align: right;
}
.clickable{
    cursor: pointer;
}
.action-col {
    text-align: center;
}
.btn-action {
    margin: 1%;
}
.notification{
    background-color: black;
    border-radius: 100%;
    color: #fff;
    margin: 0;
    line-height: 11px;    
    letter-spacing: 0px;
    padding: 4px;
    border-right: 0;
    height: 10px;
    width: 10px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    cursor: pointer;
    box-sizing: content-box !important;
}
.bold{
    font-weight: bold;
}
.padded{
    padding: 1%;
}
#notification{
    box-sizing: content-box !important;
}
.priceColHeader{
    text-align: right !important;
}

/* Only show alert if has content */
div.alert{
    display: none;
}
div.alert:not(:empty) {
    display: block;
}

/* Fix BS tooltip styling */
.main-camso-fitment .tooltip{    
    opacity: 1 !important;
}
.main-camso-fitment .tooltip-inner {    
    color: black;    
    background-color: white;    
    border: 1px solid black;
    font-size: 13px;
}

/* Darker Buttons */
button.btn-dark{
    background-color: #e6e6e6;  
    font-weight: 700 !important;  
}
button.btn-dark:hover{
    background-color: #cccaca;    
}

/* Fitment Images */
.fitment-img{
    width: 100%;
    max-width: 150px;    
}
.fitment-img-cell{
    width: 150px;
    height: 150px;
}

/* Fix for ETA data display */
.eta-tooltiptext{
    box-sizing: unset !important;
}
.fitment-stock-availability {
    font-size: 13px;
}
.no-results-alert{
    font-size: 16px;
    text-align: center;
    margin-top: -20px;
    font-weight: 700;
}
.fitment-stock-filter{
    font-size: 14px;
    font-weight: 700 !important;
}
.btn:disabled{
    pointer-events: none !important;
}
.wpthemeNavList{
    box-sizing: unset;
}
/* Fix to prevent shifting when change pricing type */
.priceCol.priceColHeader {
    width: 16%;
}