/* prompt-regular - latin */
@font-face {
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/prompt-v2-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Prompt'), local('Prompt-Regular'), url('/fonts/prompt-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/prompt-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/prompt-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/prompt-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/prompt-v2-latin-regular.svg#Prompt') format('svg'); /* Legacy iOS */
}
/* prompt-700 - latin */
@font-face {
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/prompt-v2-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Prompt Bold'), local('Prompt-Bold'), url('/fonts/prompt-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/prompt-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/prompt-v2-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/prompt-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/prompt-v2-latin-700.svg#Prompt') format('svg'); /* Legacy iOS */
}
/* prompt-800 - latin */
@font-face {
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/prompt-v2-latin-800.eot'); /* IE9 Compat Modes */
    src: local('Prompt ExtraBold'), local('Prompt-ExtraBold'), url('/fonts/prompt-v2-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/prompt-v2-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/prompt-v2-latin-800.woff') format('woff'), /* Modern Browsers */
    url('/fonts/prompt-v2-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/prompt-v2-latin-800.svg#Prompt') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Roboto', sans-serif;
}

.bg-black {
    background-color: black;
}

.bg-gray {
    background-color: #292b2c;
}

.bg-white {
    background-color: white;
}

.bg-yellow {
    background-color: #ffcc00;
}

.jumbo-pic {
    background: url('https://CargoTrailerWorld.com/images/big_picture_316836.jpg') no-repeat center bottom;
    background-size: 100% auto;
}

.txt-white {
    color: white;
}

.txt-red {
    color: #FF0000;
}

.txt-black {
    color: #000000
}

.jumbotron {
    padding: 2rem;
    margin-bottom: 0rem;
    border-radius: 0px;
}

.card-block {
    padding: .25rem;
}

.card-footer {
    padding: .25rem;
}

.card-img-top {
    width: 150px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Prompt', sans-serif;
    font-weight: 800;
}

.search-box {
    width: 100%;
    background-color: #292b2c;
    border-radius: 5px;
    padding: 10px;
}

.search-icons {
    width: 76px;
    border-radius: 5px;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}



.newButton {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 1px;
    background: rgba(241,231,103,1);
    background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(255,219,168,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(255,219,168,1)));
    background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(255,219,168,1) 100%);
    background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(255,219,168,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(255,219,168,1) 100%);
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(255,219,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#ffdba8', GradientType=0 );
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #ffb64f;
    display: inline-block;
    color: #333;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    line-height: 14px;
    padding: 1px 3px;
    text-decoration: none;
    text-align: center;
}

.soldButton {
    margin-left: 2px;
    margin-right: 2px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
    background: -moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color: #ffc477;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #eeb44f;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    height: 16px;
    line-height: 14px;
    width: 32px;
    text-decoration: none;
    text-align: center;
}

.reducedButton {
    margin-left: 2px;
    margin-right: 2px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background: -moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background-color: #9dce2c;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #83c41a;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    height: 16px;
    line-height: 14px;
    width: 72px;
    text-decoration: none;
    text-align: center;
}

.archivedButton {
    margin-left: 2px;
    margin-right: 2px;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    height: 16px;
    line-height: 16px;
    width: 84px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}