/*custom css file*/

/*bootstrap breakpoints

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... } sm

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... } md

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... } lg

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... } xl

*/

.topBannerStyle {
    background-image: url("../images/treadHeader3.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.specBgndColor {
    background-color: #B62025;
}
.ftmBackground {
    background-color: #e7e7e8;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.navbar .dropdown-menu {
    background-color: #f2f2f2;
}
/*table styles*/
#specs.table-bordered {
    border: #000 2px solid; !important;
    text-align: center;
}
#specs.table-bordered > thead {
    background-color: #9fa7ad !important;
}
/*custom text styles*/

/*custom links*/
a.navCustom:link {
    color: #ffffff;
    text-decoration: none;
}
a.navCustom:visited {
    color: #ffffff;
    text-decoration: none;
}
a.navCustom:hover {
    color: #a1a0a0;
    text-decoration: none;
}
a.constNav:link {
    color: #bd2a2a;
    text-decoration: none;
}
a.constNav:visited {
    color: #bd2a2a;
    text-decoration: none;
}
a.constNav:hover {
    color: #FFFFFF;
    text-decoration: none;
}
a.constRTSNav:link {
    color: #bd2a2a;
    text-decoration: none;
}
a.constRTSNav:visited {
    color: #bd2a2a;
    text-decoration: none;
}
a.constRTSNav:hover {
    color: #868383;
    text-decoration: none;
}
a.agPageLinks:link {
    color: #000000;
    text-decoration: underline;
}
a.agPageLinks:visited {
    color: #000000;
    text-decoration: underline;
}
a.agPageLinks:hover {
    color: #6d6b6b;
}
/*autocomplete styles*/
.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*custom toggler icon*/
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(189,42,42, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler {
    border-color: #bd2a2a;
}



/*media queries*/
@media only screen and (min-width: 576px) {
    .resize1 {
        width: 40%;
    }
}
@media only screen and (min-width: 768px) {
    .resize {
        width: 40%;
    }
    .resize1 {
        width: 40%;
    }
}
@media only screen and (min-width: 992px) {
    .resize {
        width: 40%;
    }
    .resize1 {
        width: 40%;
    }
    .wideR {
        width: 50%;
    }
}
@media only screen and (min-width: 1200px) {
    .resize {
        width: 30%;
    }
    .resize1 {
        width: 30%;
    }

}