/*#region ============== :: $FONTS :: ================*/ /*#endregion */ /*#region ============== :: $Body, Main HTML Elements :: ================*/ /* Sticky Flex Footer */ form { display: flex; flex-direction: column; min-height: 100vh;} .sfPublicWrapper { flex: 1 0 auto; } #FooterWrapper { } body { text-align: left; word-wrap: break-word; text-rendering: optimizeLegibility; -moz-font-feature-settings: 'liga'; -ms-font-feature-settings: 'liga'; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; color: #1a1a1a; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } /* remember to define focus styles! */ *:focus, a:focus { outline: 0; } a:link { color: #58B459; text-decoration: inherit; } a:link:hover { color: #58B459; text-decoration: inherit; } a:active { color: #58B459; text-decoration: inherit; } a:visited { color: #58B459; text-decoration: inherit; } h1 { line-height: 58px; font-size: 44px; font-weight: 600; } h2 { /*position: relative;*/ background-color: transparent; line-height: 29px; z-index: 124; text-transform: uppercase; font-weight: 400; font-size: 24px; margin-top: 0; color: #2ab651; } h3 { font-size: 18px; font-weight: 800; margin-left: 20px; line-height: 1em; text-transform: uppercase; } h3:before { width: 0; height: 0; position: relative; } h3:after { width: 0; height: 0; border-left: 5px solid #58B459; border-right: 5px solid #58B459; border-bottom: 8px solid #58B459; border-top: 8px solid #58B459; position: absolute; content: ""; top: auto; left: 15px; } h3.float-left { margin: 0; } h4 { color: #7F7F7F; min-height: 29px; position: relative; line-height: 22px; font-size: 18px; background-color: transparent; font-weight: 700; text-transform: uppercase; } h5, .h5 { font-weight: 600; } h5.white-color { color: #ffffff; } h6 { color: #FFFFFF; line-height: 22px; background-color: transparent; font-weight: 700; font-size: 18px; text-transform: uppercase; } p, li { position: relative; background-color: transparent; line-height: 24px; /*z-index: 128;*/ font-weight: 400; font-style: normal; } hr.green {border-top:4px solid #58B459; } .sfimageWrp img, .sfContentBlock img { width: 100%; max-width: 100%; } img.svg {max-height:100px;width: auto;} .col-relative {position:relative;} /*#endregion */ /*#region ============== :: $Text, Font, margins, colors :: ================*/ .green { color: #2ab651; } .text-bold { font-weight: 700; } .text-success { color: #329403; } .text-danger { color: #d43307; } .clearfix { clear: both; } .margin-top-sm { margin-top: 10px; } .margin-top-md { margin-top: 20px; } /*collapsing margins (comments under image viewer)*/ .clearfix.margin-top-md {float:left; display: block; width: 100%; } .margin-top-lg { margin-top: 40px; } .margin-top-xxlg { margin-top: 170px; } .no-left-padding { padding-left: 0; } .no-right-padding { padding-right: 0; } .highlight { color: #58B459; } .centered { text-align: center; font-size: 0; } .centered > div { float: none; display: inline-block; } /*! * font-awesome-animation - v0.0.6 * https://github.com/l-lin/font-awesome-animation * License: MIT */ @-webkit-keyframes wrench { 0% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes wrench { 0% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 75% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .faa-wrench.animated, .faa-wrench.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-wrench { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; transform-origin-x: 90%; transform-origin-y: 35%; transform-origin-z: initial; } /* BELL */ @-webkit-keyframes ring { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 6% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 12% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 14% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes ring { 0% { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 4% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } 6% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); -ms-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } 12% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } 14% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-ring { -webkit-animation: ring 2s ease infinite; animation: ring 2s ease infinite; transform-origin-x: 50%; transform-origin-y: 0px; transform-origin-z: initial; } /* VERTICAL */ @-webkit-keyframes vertical { 0% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 4% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 8% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 12% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 16% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 20% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 22% { -webkit-transform: translate(0,0); transform: translate(0,0); } } @keyframes vertical { 0% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 4% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 8% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 12% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 16% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 20% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 22% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } } .faa-vertical.animated, .faa-vertical.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-vertical { -webkit-animation: vertical 2s ease infinite; animation: vertical 2s ease infinite; } /* HORIZONTAL */ @-webkit-keyframes horizontal { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes horizontal { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .faa-horizontal.animated, .faa-horizontal.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-horizontal { -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } /* FLASHING */ @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .faa-flash.animated, .faa-flash.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-flash { -webkit-animation: flash 2s ease infinite; animation: flash 2s ease infinite; } /* BOUNCE */ @-webkit-keyframes bounce { 0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .faa-bounce.animated, .faa-bounce.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-bounce { -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } /* SPIN */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } .faa-spin.animated, .faa-spin.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-spin { -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } /* FLOAT */ @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .faa-float.animated, .faa-float.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-float { -webkit-animation: float 2s linear infinite; animation: float 2s linear infinite; } /* PULSE */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse { 0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .faa-pulse.animated, .faa-pulse.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-pulse { -webkit-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite; } /* SHAKE */ .faa-shake.animated, .faa-shake.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-shake { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; } /* TADA */ @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 80% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); -ms-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); -ms-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); -ms-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 80% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .faa-tada.animated, .faa-tada.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-tada { -webkit-animation: tada 2s linear infinite; animation: tada 2s linear infinite; } /* PASSING */ @-webkit-keyframes passing { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes passing { 0% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } .faa-passing.animated, .faa-passing.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-passing { -webkit-animation: passing 3s linear infinite; animation: passing 3s linear infinite; } /* WAVE */ @-webkit-keyframes burst { 0% { opacity: .6; } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } @keyframes burst { 0% { opacity: .6; } 50% { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } .faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-burst { -webkit-animation: burst 3s infinite linear; animation: burst 3s infinite linear; } .loader.processing {text-align:center; width:100%;} .section-title { color: #000000; text-align: center; background-color: transparent; line-height: 43px; z-index: 100; text-transform: none; font-weight: 900; font-size: 36px; margin-bottom: 30px; } @media (min-width: 768px) { .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .no-gutter-right > [class*='col-'] { padding-right: 0; } } @media (min-width: 768px) { .no-gutter-left > [class*='col-'] { padding-left: 0; } } .glyphicon { margin-right: 10px; } /*Inventory Details*/ .back-to-search-container, .previous-next-container {display:block;} .pipe-back-to-search {display:none;} .toggle-watchlist-container {display:block;} .inventoryNo-container {display:block; margin-bottom:10px;} h1.productTitle { line-height: 1.25em; font-size: 30px; } @media (min-width: 420px) { .back-to-search-container, .pipe-back-to-search , .previous-next-container {display:inline-block;} .toggle-watchlist-container{display:inline-block;} .toggle-watchlist-container {display:inline-block;} .inventoryNo-container {display:inline-block; margin-bottom:0;} h1.productTitle { line-height: 1.25em; font-size: 44px; } } .glyphicon.glyphicon-triangle-right {margin-left:5px;} .glyphicon.glyphicon-menu-left { margin-right:0; color: #21552b;} .glyphicon.glyphicon-menu-right { margin-left:0; color: #21552b;} .glyphicon.glyphicon-triangle-left {margin-right:5px;} .pipe { color: #666666; font-size: 1em; font-weight: bold; margin: 0 5px; /* vertical-align: text-bottom;*/} .bg-panel { background-color: #f4f4f4; margin-left: -15px; padding: 15px; margin-bottom: 15px; } .bg-panel p { color: #666666; } .bg-panel strong span { color: #333333; font-weight: 800; } .section {background-color:#e1e1e1;} .ui-dialog { z-index: 999999; !important ;} /*#endregion */ /*#region ============== :: $SCAFFOLDING :: ================*/ #HeaderWrapper { background-image: url(//prod-image-cdn.mysiteassets.com/css/docs/default-source/css/page-header-background.png?sfvrsn=2); background-position: 50% 5px; } #MainWrapper { margin-bottom: 50px; padding-top: 50px; } .row.col-5 {margin-left:-8% ; margin-right:-8%;} .row.col-6 .col-md-2 {padding-left: 2px; padding-right:2px;} /*#endregion */ /*#region ============== :: #FOOTER TOP :: ================*/ /* #u3312 */ .footer-top { background-color: #27292A; min-height: 250px; padding: 25px 0; margin-bottom: 10px; } .footer-top p { color: #7F7F7F; font-size: 13px; line-height: 18px; font-weight: 400; padding-right: 30px; } .footer-top a:link, .footer-top a:active, .footer-top a:visited { color: #7F7F7F; } .footer-top a:hover { color: #58B459; } .footer-top hr { border-top: 1px solid #7F7F7F; } .footer-top .list-inline .fa-facebook-f, .footer-top .list-inline .fa-twitter, .footer-top .list-inline .fa-instagram, .footer-top .list-inline .fa-linkedin-in { display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; height: 25px; width: 25px; padding:5px; } /*#endregion */ /*#region ============== :: #FOOTER BOTTOM :: ================*/ .footer-bottom { color: #000000; background-color: transparent; border-width: 0px; text-align: center; text-transform: uppercase; font-weight: 400; } .footer-bottom { font-size: 7px; line-height: 8px; } @media (min-width: 321px) and (max-width: 374px) { .footer-bottom { font-size: 8px; line-height: 10px; } } @media (min-width: 375px) and (max-width: 610px) { .footer-bottom { font-size: 8px; line-height: 10px; } } @media (min-width: 611px) { .footer-bottom { font-size: 10px; line-height: 12px; } } /*#endregion */ /*#region ============== :: $UTILITY BAR TOP :: ================*/ .utility-bar { z-index: 10000; background-color: #58B459; width: 100%; } .utilities { color: #ffffff; float: right; } .utilities > div { display: inline-block; } /*#region ============== :: $SIGN-IN BUTTON AND UTILITY BAR LOG IN FORM :: ================*/ .sign-in-toggle-btn .dropdown-toggle { background-color: #339933; width: 150px; text-align: center; color: #ffffff; margin: 0 0 0 10px; padding: 6px 0; text-transform: uppercase; border-radius: 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } .btn.focus.dropdown-toggle, .btn.dropdown-toggle:focus, .btn.dropdown-toggle:hover { color: #66cc66; text-decoration: none; } .dropdown-menu { color: #333; list-style-type: none; min-width: 210px; left: auto; right: 0; } .sign-in-toggle-btn.dropdown li { padding: 5px 10px; line-height: 26px; clear: both; border-bottom: 4px solid #e7e7e7; } .sign-in-toggle-btn.dropdown li.last { border-bottom: 0 none; } .dropdown-menu li span { display: inline-block; height: 26px; font-weight: bold; } .sign-in-toggle-btn .dropdown-menu > li > a:focus, .sign-in-toggle-btn .dropdown-menu > li > a:hover { color: inherit; text-decoration: none; background-color: transparent; } /* In the Sign In / Out button dropdown in Utility bar.*/ .log-out-link { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; } /*#endregion */ /*#region ============== :: $SITE SEARCH TOGGLE, SITE SEARCH FORM :: ================*/ .utilities .fa-search:focus, .utilities .fa-search:hover { cursor: pointer; } a#searchtoggl { color: #ffffff; font-size: 16px; } #searchbar { display: none; width: 100%; height: 61px; border-top: 1px solid #d8d8d8; z-index: 9999; background: #fff; -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); box-shadow: -1px 2px 2px rgba(0,0,0,0.2); position: absolute; } .sfsearchTxt { display: block; width: 90%; border: 0; outline: none; padding: 0 0 0 10px; height: 60px; line-height: 60px; font-size: 2.0em; font-weight: bold; color: #676767; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; float: left; } input[type="submit"].sfsearchSubmit { display: block; margin-top: 6px; background-color: #ececec; background-image: none; color: #959595; border-width: 0 1px 0 0; border-right-color: #d8d8d8; border-right-style: solid; outline: none; cursor: pointer; font-size: 2.2em; text-align: center; line-height: 60px; padding: 0; margin: 0; float: none; width: 10%; } /*#endregion */ /*#region ============== :: $SITE SEARCH RESULTS :: ================*/ .sfsearchResultHighLighter { margin-bottom: 20px; } .sf_pagerNumeric { line-height: 2em; } .sf_pagerNumeric a { margin-right: 2px; padding: 5px 8px; line-height: 1em; } .sf_pagerNumeric a.sf_PagerCurrent { background-color: #58B459; color: #ffffff; } /*#endregion */ /*#region ============== :: $NAVIGATION MAIN HORIZONTAL :: ================*/ #nav1 {display:block;} .mobile-nagivation .navbar-collapse.collapse {display:none;} .mobile-nagivation { display:none; } #navbarMobile .sfNavTreeviewWrp { float: right; margin-right: 5%; } #navbarMobile a {color:#ffffff; font-size:18px;margin: 8px 0; display: block;} .navbar-header {height:100px;} .navbar-brand img {max-width:180px;} .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; } .navbar-default { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; line-height: 1; background-color: transparent; border-color: transparent; border: 0; margin-bottom:0; z-index: 999999; } .sfNavHorizontalDropDown {z-index:99999;} .k-menu .k-item > .k-link { text-transform: uppercase; } .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { border: 0; } #nav1 { margin-top: 25px; } .k-menu .k-menu-group { border: 0; } a.k-link, .navbar-default .navbar-nav > li > a { color: #333; } .navbar-default .k-animation-container { margin-top: 5px; } .navbar-default .k-animation-container li > a:link:hover, .k-menu .k-state-hover>.k-link { color: #333; background-color: #e7e7e7; background-image: none; } /*.navbar-default .k-animation-container { box-shadow: 0 0 8px 1px #e7e7e7; }*/ .navbar-default .k-animation-container ul { padding: 0; margin: 0; } .k-menu .k-animation-container .k-menu-group { margin-left: 0; padding: 10px 0; } .k-state-active { color: #2ab651; } .navbar-default .navbar-nav > li > a.sfSel, .sfNavWrp .sfSel { /*color: #58B459;*/ font-weight:normal; } .navbar-default .collapse.in { z-index: 99999; float: right; } .navbar-default .collapse.in .sfNavHorizontalDropDownWrp { background-color: #ffffff; padding: 10px 20px; } .navbar-default .collapse.in .k-menu .k-item, .navbar-default .collapse.in .k-widget.k-menu-horizontal > .k-item { float: none; display: block; } /** My Transactions - File Upload */ td .k-button.k-upload-button { border-style: solid; border-width: 1px; border-color: #dbdbdb; } td .k-upload-status.k-upload-status-total { top: 3.6em; } td .k-file > .k-icon { display: none; } .k-filename { margin-left: 0; white-space: normal; line-height: 1.3em; padding-top: .267em ; } td .k-dropzone {border-color: #efefef; border-width: 1px; border-style: solid;height:60px;} td .k-upload-status { display:none; } td .k-upload-button input { } td .k-upload-button input:active { box-shadow: none; } /*** OVERRIDE KENDO UNIFORM.css ****/ .k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover { background-image: none; color: inherit; background-color: transparent; border-color: transparent; } .k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active { background-image: none; color: inherit; background-color: transparent; border-color: transparent; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background-image: none; } .k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active { color: inherit; background-color: transparent; border-color: transparent; } .k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload, .k-split-button .k-gantt-views, .k-gantt-views > .k-current-view { border-radius: 0; } @media (max-width: 1199px) { #nav1 {display:none;} .mobile-nagivation { display:block; z-index: 9999999; position: relative; } #navbarMobile { z-index: 99999; width: 100%; background-color: #000000; } #navbarMobile ul { list-style-type: none;} #navbarMobile .sfNavVerticalWrp { padding:20px; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } } /*#endregion */ /*#region ============== :: $FORMS GENERAL :: ================*/ .form-horizontal span.control-label { padding-top: 7px; margin-bottom: 0; text-align: left; max-width: 100%; font-weight: 700; } .sfTxt { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } textarea.sfTxt { height: 80px; } .contact-form { margin-left: 10%; margin-right: 10%; margin-top: 30px; } /*#endregion */ /*============== :: $INVENTORY SEARCH BAR AND PULL DOWN :: ================*/ .search-bar { padding: 15px 0 25px 0; background-color: #58b459; } /* Search block */ .search { padding: 20px 15px; } .dropdown.dropdown-lg .dropdown-menu { margin-top: -1px; padding: 6px 20px; } .input-group-btn .btn-group { display: flex !important; } .btn-group .btn { border-radius: 0; margin-left: -1px; } .btn-group .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .form-horizontal .btn[type="submit"] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-horizontal .form-group { margin-left: 0; margin-right: 0; } .form-group .form-control:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-group .col-sm-4 .input-group .form-control { width: auto; } /*sort of hack to float the Use SMS dropdown in registraiton form */ .search-block .btn { padding: 9px 12px; } .search-block .form-control, .search-block .form-group .form-control:last-child { border: 1px solid #fff; border-radius: 0; height: 40px; line-height: 40px; padding: 0 5px; -webkit-box-shadow: none; box-shadow: none; font-size: 12px; } .input-group .checkbox { float: left; margin-right: 20px; } /* Kendo Date Picker in Advanced Search */ .search-block .k-datepicker, .search-block .k-datepicker .k-input { width: 100%; background-color: #ffffff; border-radius: 0; height: 40px; line-height: 40px; color: #555; font-size: 12px; } .search-block .k-picker-wrap { padding-left: 5px; } .search-block .k-picker-wrap .k-select { line-height: 40px; } /* End */ .search-block .btn-default, .search-block .btn-default:hover, .search-block .btn-default:active:hover, .search-block .btn-default.active:hover, .search-block .open > .dropdown-toggle.btn-default:hover, .search-block .btn-default:active:focus, .search-block .btn-default.active:focus, .search-block .open > .dropdown-toggle.btn-default:focus, .search-block .btn-default:active.focus, .search-block .btn-default.active.focus, .search-block .open > .dropdown-toggle.btn-default.focus { background: #fff; border-left: 2px solid #339933; border-right: 2px solid #339933; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #333333; } .search-block .btn-default:active { box-shadow: none; } .search-block .dropdown-menu ul { list-style: none; margin: 0; padding: 0; } .search-button-block { background: #fff; border-top-right-radius: 7px; border-bottom-right-radius: 7px; padding: 3px; } .search-btn { background: rgba(0,0,0,.8); border-radius: 6px !important; color: #fff; font-weight: bold; padding: 6px 35px !important; text-transform: uppercase; } .search-btn:hover { background: rgba(0,0,0,.7); color: #fff; } .search-btn a, .search-btn a:hover { color: #ffffff; text-decoration: none; } .advanced-search-block { display: none; /*height: 200px;*/ background: #58b459; } .advanced-search-block { color: #ffffff; } .advanced-search-btn { background: #58b459; border-radius: 10px; -webkit-box-shadow: 0px 8px 14px -6px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 8px 14px -6px rgba(50, 50, 50, 0.75); box-shadow: 0px 8px 14px -6px rgba(50, 50, 50, 0.75); color: #fff; font-size: 12px; left: 50%; margin-left: -90px; margin-top: -20px; padding: 10px 15px; position: absolute; text-align: center; width: 180px; z-index: 99; } .advanced-search-btn-arrow { width: 15px; display: inline; margin-left: 6px; vertical-align: text-top; } .advanced-search-btn:hover { cursor: pointer; } .advanced-search-block .checkbox-custom input[type="checkbox"]:checked + label::before, .advanced-search-block .checkbox-custom input[type="radio"]:checked + label::before { background-color: #ffffff; border-color: #ffffff; } .advanced-search-block .slider-selection { background-image: linear-gradient(to bottom, #888 0%, #ccc 100%); background-repeat: repeat-x; border-radius: 4px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; box-sizing: border-box; position: absolute; /* border-top:1px solid black; border-bottom:1px solid black;*/ } .slider-horizontal .slider-handle { background-color: #57b557; background-image: -webkit-linear-gradient(top, #21552b 0%, #58b459 100%); background-image: -o-linear-gradient(top, #21552b 0%, #58b459 100%); background-image: linear-gradient(to bottom, #21552b 0%, #58b459 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff21552b', endColorstr='#ff58b459', GradientType=0); filter: none; -webkit-box-shadow: 0 0px 1px rgba(0,0,0,.8); box-shadow: 0 0px 1px rgba(0,0,0,.8); border: 2px solid #ffffff; } .slider-horizontal .slider-selection { position: absolute; background-image: -webkit-linear-gradient(top, #21552b 0%, #21552b 100%); background-image: -o-linear-gradient(top, #21552b 0%, #21552b 100%); background-image: linear-gradient(to bottom, #21552b 0%, #21552b 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff21552b', endColorstr='#ff21552b', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .sliderDataPoints { position: relative; } .sliderDataPointMin { position: absolute; left: 0; top: -26px; font-size: .9em; } .sliderDataPointMax { position: absolute; right: 0; top: -26px; font-size: .9em; } .search-fields a:hover { text-decoration: none; } .search-fields .form-control { padding: 4px; } .search-fields .k-datepicker { width: 100%; } .search-fields .checkbox label { line-height: 18px; margin-right: 10px; } .search-fields .k-datepicker .k-picker-wrap { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .search-fields .text-full-height { line-height: 40px; } .search-fields .glyphicon-remove-sign { color: #58b459; } .saved-search-list a.selected { font-weight: bold; text-transform: uppercase; } .bs-slider { padding-top: 20px; margin-left: 5px; } .bsSliderDataPoints { padding-top: 20px; margin-left: 5px; } /*#endregion */ /*============== :: #BREADCRUMB :: ================*/ /*#region ============== :: #PAGE HEADING :: ================*/ .title { /*background-color:#e1e1e1; */ position: relative; background: white; height: 90px; width: 100%; resize: both; /*overflow: auto;*/ text-align: center; } .title h1 { width: 100%; transform: translate(-50%, -50%); position: absolute; top: 20%; left: 50%; padding: 20px; resize: both; /*overflow: auto;*/ line-height: 40px; font-size: 30px; } @media (min-width: 768px) { .title h1 { width: 80%; line-height: 58px; font-size: 44px; } } /*#endregion */ /*#region ============== :: #BUTTONS AND OTHER ELEMENTS :: ================*/ .btn-default { /* z-index: 108; position: relative; background-color: #58B459; border-color: #787878; */ } .btn-default, a.btn-default { background-color: #333333; color: #ffffff; text-transform: uppercase; border-color: #333; font-family: 'Open Sans', sans-serif; font-weight: 800; } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover { background-color: #e6e6e6; color: #adadad; border-color: #e6e6e6; } .btn-default.btn-sm { display: inline-block; font-size: 14px; font-weight: normal; line-height: 1; margin-top: 4px; padding: 5px 8px;} .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { /*padding:4px 15px;*/ background-color: #58B459; color: #ffffff; text-transform: uppercase; border-color: #58B459; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; } .btn.btn-primary.btn-sm, .btn.btn-primary.btn-sm:hover, .btn.btn-primary.btn-sm:focus, .btn.btn-primary.btn-sm:active { display: inline-block; font-size: 14px; font-weight: normal; line-height: 1; padding: 5px 8px; text-transform: none; border-radius: 6px; } .sfFormSubmit input[type=submit] { background-color: transparent; background: none; border: 0 none; } .sfFormSubmit { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background-color: #333333; color: #ffffff; text-transform: uppercase; border-color: #333; font-family: 'Open Sans', sans-serif; font-weight: 800; } .sfFormSubmit:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 800; } a.btn-green, a.btn-green:hover, a.btn-green:active { background-color: #58B459; border-color: #58B459; color: #ffffff; } .btn-register { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #58B459; font-weight: 800; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .btn.btn-primary.border-white, .btn.btn-primary.border-white:hover, .btn.btn-primary.border-white:focus, .btn.btn-primary.border-white:active {border-color:#ffffff;} .btn.btn-primary.btn-primary-noborder {border-color: #58B459; } .newBidConfirmBtnGroup .btn.btn-primary { text-transform: none;} /*#endregion */ /*#region ============== :: $INVENTORY Search Results :: ================*/ .search-results .k-widget, .search-results .k-animation-container, .search-results .k-widget, .k-widget *, .search-results .k-animation-container *, .search-results .k-widget *:before, .search-results .k-animation-container *:after, .search-results .k-block .k-header, .search-results .k-list-container { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0 none; } .search-results img { width: auto; height:auto; max-width:100%;} .search-results .row.detail-item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ededed; } .search-results #divSeconds {/*display:none;*/} /*#endregion */ #save_searches_div {display:none;border:1px solid #eeeeee;padding:0 5px;} /*#region ============== :: $Kendo List and Pager :: ================*/ .search-results .k-pager-wrap { border-top: 4px double #d8d8d8; padding-top: 15px; margin-top: 28px; float: left; width: 100%; } .k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { border-radius: 0; } .k-pager-nav { background-color: #58B459; color: #ffffff; } .k-pager-wrap > a.k-state-disabled:hover { background-color: #58B459; color: #ffffff; } .k-pager-numbers .k-link { background-color: #ffffff; color: #cccccc; border: 1px solid #cccccc; margin-right: 5px; } .k-dropdown-wrap.k-state-default { background-color: #ffffff; color: #cccccc; border: 1px solid #cccccc; } .product-list-view-sort .k-dropdown-wrap.k-state-default, .product-list-view-sort .k-dropdown-wrap .k-input { border: 0 none; height: 30px; line-height: 30px; } .product-list-view-sort .k-dropdown-wrap.k-state-hover, .product-list-view-sort .k-dropdown-wrap.k-state-focused, .product-list-view-sort .k-pager-wrap .k-link:hover { border: 0 none; box-shadow: none; } .k-pager-numbers .k-state-selected, .k-pager-numbers .selected-page, .k-pager-wrap > .k-link { background-color: #58B459; color: #ffffff; border-color: #58B459; height: 30px; width: 28px; margin-right: 5px; display: inline-block; line-height: 30px; text-align: center; } .k-pager-wrap .k-link:hover { } .k-pager-sizes .k-dropdown-wrap { height: 30px; } .k-icon, .k-sprite, .k-button-group .k-tool-icon { /* font-size: 0; */ /* line-height: 0; */ } .k-pager-wrap > .k-link:focus { outline: none; } .k-pager-first .k-i-seek-w:before { font-family: FontAwesome; content: "\f048"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-nav .k-i-arrow-w:before { font-family: FontAwesome; content: "\f04a"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-nav .k-i-arrow-e:before { font-family: FontAwesome; content: "\f04e"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-last .k-i-seek-e:before { font-family: FontAwesome; content: "\f051"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-dropdown-wrap .k-i-arrow-s:before { font-family: FontAwesome; content: "\f0d7"; font-size: 12px; line-height: 12px; color: #cccccc; } .k-i-refresh:before { /*font-family: FontAwesome; content: "\f021"; color: #cccccc; font-size: 16px; line-height: 16px;*/ } .k-pager-wrap > .k-pager-refresh.k-link { background-color: #ffffff; } /*Override Telerik */ @media only screen and (max-width: 480px) { .k-webkit .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes { display: block; margin: 15px 0; } } @media only screen and (max-width: 640px) { .k-webkit .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info { display: block; margin: 10px 5px; float:none; } } /* .k-animation-container, .k-popup.k-list-container, .k-popup .k-list .k-item { color: #424242; border-color: #cccccc; } */ .k-grid td .dropdown-menu { min-width: auto; width: 140px; } .k-grid td .btn.btn-dropdown { padding: 0; } .k-grid tr.k-state-selected td { overflow: visible; } div.k-loading-mask { z-index: 9001; /* must be larger than the z-index:2 of #container */ } #grid { position: relative; } .secondary .k-input, .k-dropdown.secondary .k-input, .k-dropdown.secondary .k-state-hover .k-input { color: #ffffff; } .secondary .k-datepicker .k-input { color: #262938; } .k-dropdown.secondary .k-dropdown-wrap.k-state-default, .k-dropdown.secondary .k-dropdown-wrap.k-state-disabled { background-image: none; background-color: #262938; border-color: #262938; color: #ffffff; min-width: 120px; border-radius: 4px; height: 32px; } .form-control.secondary { background-image: none; background-color: #333333; border-color: #333333; color: #ffffff; min-width: 120px; border-radius: 4px; height: 32px; } .form-control.secondary { color: #ffffff; font-weight: 600; } .k-popup .k-list .k-item { background-color: #ffffff; color: #262938; border-color: #ffffff; background-image: none; } .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected { padding: 0 4px; border-width: 1px; border-style: solid; } .k-grid input[type=checkbox] { width: 16px; height: 16px; } .inventory-grid tr td:first-child, .inventory-grid tr th:first-child { width: 75px; } .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content, .k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default { background-image: none; background-color: inherit; } .tabs-container { position: relative; } .tabs-container.container { padding-left: 0; padding-right: 0; } .tabs-container.fixed { background-color: #ffffff; left: inherit; padding-top: 30px; position: fixed; top: 186px; z-index: 900; } .product-list-view-sort { position: relative; right: inherit; top: inherit; } @media (min-width: 992px) { .product-list-view-sort { position: absolute; right: 0; top: -5px; } .product-list-view-sort.fixed { top: 25px; } } .product-list-view-sort label { font-size: 14px; margin-right: 10px; } .product-list-view-sort .glyphicon { font-size: 18px; } .product-list-view-sort .k-dropdown.form-control { width: 200px; display: inline-block; } .search-filter-list ul { list-style-type: none; margin: 20px 20px 20px 0; padding: 0; } .search-filter-list li { display: inline-block; margin-bottom: 10px; padding: 0; text-transform: uppercase; } .glyphicon-remove-sign { color: #999999; cursor: pointer; } .search-filter-list li.clear-filter { text-transform: none; } .search-fields h4 { font-size: 12px; width: 100%; } .search-fields .radio { margin: 5px 0; } .search-fields .form-group { clear: both; margin-bottom: 20px; } .search-fields .checkbox-custom { margin-bottom: 5px; } .search-fields .checkbox-custom input[type=checkbox], .search-fields .checkbox-inline input[type=checkbox], .search-fields .radio-custom input[type=radio], .search-fields .radio-inline input[type=radio] { margin-left: -22px; height: 22px; width: 22px; margin-top: -2px; } .search-fields .checkbox label, .search-fields .radio label { } .k-dropdown-wrap .k-input, .k-dropdown-wrap.k-state-focused .k-input { border: 0 none; } .checkbox-custom input[type="checkbox"] + label::before { background-color: #ffffff; border-color: #58B459; } .checkbox-custom input[type="checkbox"]:checked + label::before, .checkbox-custom input[type="radio"]:checked + label::before { background-color: #58B459; border-color: #58B459; color: #58B459; } .checkbox-custom input[type="checkbox"]:checked + label::after, .checkbox-custom input[type="radio"]:checked + label::after { color: #58B459; line-height: 15px; } .search-fields .checkbox-custom input[type="checkbox"]:checked + label::after, .search-fields .checkbox-custom input[type="radio"]:checked + label::after { color: #fff; line-height: 15px; } .radio-custom label::after { border: 1px solid #58B459; background-color: #58B459; } .radio-custom label::before { border: 1px solid #58B459; background-color: #ffffff; } ul.form-group { padding-left: 0; } ul.form-group li { display: inline-block; margin-right: 20px; } @media (min-width: 768px) { .search-fields ul li { display: block; } } .checkbox-custom label:hover, .radio-custom label:hover { cursor: default; } .checkbox-custom input[type="checkbox"]:hover, .radio-custom input[type="radio"]:hover { cursor: pointer; } a.btn-bid, .btn-bid { margin: 5px 0; background-color: #339933; color: #ffffff; border: 1px solid #339933; font-family: 'Open Sans', sans-serif; font-size: 14px; width: 110px; } a.btn-bid.btn-preview, .btn-bid.btn-preview { /*background-color: rgba(51, 153, 51, 0.61);*/ } a.btn-submit-bid, .btn-submit-bid { background-color: #58B459; color: #ffffff; border-color: #58B459; padding: 4px 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; /* width: 110px; */ } .btn-submit-bid:hover, .btn-submit-bid.focus, .btn-submit-bid:focus, .btn-submit-bid.active.focus, .btn-submit-bid.active:focus, .btn-submit-bid.active:hover, .btn-submit-bid.active, .btn-submit-bid:active, .btn-submit-bid:active:focus, .btn-submit-bid:active:hover { background-color: #ffffff; color: #58B459; border: 1px solid #58B459; padding: 4px 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; /* width: 110px; */ } .vehicle-img-container .btn-bid { /* position: absolute; bottom: 5px; margin: 0 auto; text-align: center; left: 50%; margin-left: -55px; */ } .btn-buy, a.btn-buy { background-color: #58B459; color: #ffffff; border-color: #58B459; padding: 4px 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; width: 110px; } .btn-bid:hover, .btn-bid.focus, .btn-bid:focus, .btn-bid.active.focus, .btn-bid.active:focus, .btn-bid.active:hover, .btn-bid.active, .btn-bid:active, .btn-bid:active:focus, .btn-bid:active:hover { color: #339933; background-color: #ffffff; border: 1px solid #339933; box-shadow: none; outline: none; } .btn-buy:hover, .btn-buy.focus, .btn-buy:focus, .btn-buy.active.focus, .btn-buy.active:focus, .btn-buy.active:hover, .btn-buy.active, .btn-buy:active, .btn-buy:active:focus, .btn-buy:active:hover { color: #58B459; background-color: #ffffff; border: 1px solid #58B459; box-shadow: none; outline: none; } .lnk-buy, .lnk-buy:active, .lnk-buy:focus, .lnk-buy:hover { color: #58B459; margin-left: 8px; } @media (max-width: 460px) { .btnMaxNewBidAmt.btn-submit-bid.btn-sm.pull-right { display: block; float: none !important; margin: 20px; } } .btn-buy-now-amount, .bid-container .btn-buy-now-amount .maxBidAmt { font-size:11px; font-weight:normal; margin:0; } .bid-container .btn-buy-now-amount .maxBidAmt.text-success { color: #ffffff; } .btn-buy:hover .btn-buy-now-amount .maxBidAmt.text-success, .btn-buy:focus .btn-buy-now-amount .maxBidAmt.text-success, .btn-buy.active:focus .btn-buy-now-amount .maxBidAmt.text-success, .btn-buy.active:hover .btn-buy-now-amount .maxBidAmt.text-success, .btn-buy:active .btn-buy-now-amount .maxBidAmt.text-success, .btn-buy:active:focus .btn-buy-now-amount .maxBidAmt.text-success, .btn-buy:active:hover .btn-buy-now-amount .maxBidAmt.text-success { color: #329403;} .btn-container { text-align: center; margin: 0 auto; } .onlineauction .bid-container .btn { text-transform: none; } .onlineauction .bid-container p { /*font-weight: 600;*/ } .top-bidder-from { color: #58B459; text-transform: uppercase; } .top-bidder-from.text-success { color: #329403; font-weight:bold; } #divInventoryList tr { float: left; } #divInventoryList td { width: 255px; padding-right: 26px; } #divInventorySearch .nav > li > a, #divInventorySearch .nav > li > a:focus, #divInventorySearch .nav > li > a:hover { text-decoration: none; background-color: #fff; color: #333; font-weight: 600; text-transform: uppercase; } #divInventorySearch .nav-tabs > li > a { border-bottom: 1px solid #cccccc; } #divInventorySearch .nav-tabs > li.active > a, #divInventorySearch .nav-tabs > li.active > a:focus, #divInventorySearch .nav-tabs > li.active > a:hover { color: #333333; font-weight: 600; background-color: #ffffff; border-bottom: 1px solid #ffffff; } div.k-grid-header, div.k-grid-footer, .k-grid-header-wrap { border: 0; } .k-grid-pager { border-top: 4px double #d8d8d8; padding-top: 15px; margin-top: 20px; } .k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { border-radius: 0; } .k-pager-nav { background-color: #58B459; color: #ffffff; } .k-pager-wrap > a.k-state-disabled:hover { background-color: #58B459; color: #ffffff; } .k-pager-numbers .k-link { background-color: #ffffff; color: #cccccc; border-color: #cccccc; height: 30px; line-height: 30px; width: 28px; } .k-dropdown-wrap { background-color: #ffffff; color: #cccccc; border-color: #cccccc; } .k-pager-numbers .k-state-selected { background-color: #58B459; color: #ffffff; } .k-icon, .k-sprite, .k-button-group .k-tool-icon { /* font-size: 0; */ /* line-height: 0; */ } .k-grid-pager .k-icon { } .k-pager-wrap > .k-link:focus { outline: none; } .k-pager-first .k-i-seek-w:before { font-family: FontAwesome; content: "\f048"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-nav .k-i-arrow-w:before { font-family: FontAwesome; content: "\f04a"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-nav .k-i-arrow-e:before { font-family: FontAwesome; content: "\f04e"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-last .k-i-seek-e:before { font-family: FontAwesome; content: "\f051"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-dropdown-wrap .k-i-arrow-s:before { font-family: FontAwesome; content: "\f0d7"; font-size: 12px; line-height: 12px; color: #cccccc; } .k-i-refresh:before { /*font-family: FontAwesome; content: "\f021"; color: #cccccc; font-size: 16px; line-height: 16px;*/ } /* .k-animation-container, .k-popup.k-list-container, .k-popup .k-list .k-item { color: #424242; border-color: #cccccc; } */ .k-listview .tile-list { height: 285px; } .k-listview .featured-vehicle .vehicle-img-container { width: 226px; height: 170px; float: none; display: table; } .k-listview .vehicle-img-container { border: 1px solid #efefef; text-align: center; display: table-cell; vertical-align: middle; position: relative; } .k-listview .featured-vehicle .vehicle-img-container img { /* height: 100%; max-width: 226px; */ max-width: 226px; max-height: 170px; } .k-listview .detail-item a {display:block;} .k-listview .vehicle-description { clear: both; font-size: 12px; margin-top: 10px; } .k-listview .tile-list .vehicle-detail-list { color: #ffffff; margin: 7px 0 0 0; padding: 0; font-size: 11px; /*margin-top:52px;*/ } .k-listview .tile-list .vehicle-detail-list ul { padding-left: 49px; } .k-listview .tile-list .vehicle-detail-list li {line-height: 1.4em; } .k-listview .detail-item .vehicle-detail-list { font-size: 12px; } .k-listview .detail-item .vehicle-detail-list ul { padding: 0 0 0 20px; } .k-listview .detail-item .glyphicon-time { margin-top: 2px; } .k-listview .detail-item .glyphicon-star:before { font-size: 18px; } .k-listview .detail-item .glyphicon-star { float: left; } .k-listview .detail-item .text-WatchList { line-height: 22px; font-size: 12px; } @media screen and (max-width: 991px) { .k-listview .detail-item .col-xs-12 .no-gutter-right .col-xs-12.text-center { text-align: left; } } .k-listview .featured-vehicle .vehicle-end-date { /*position: absolute; top: 5px; left: 5px;*/ margin-top: 0; text-align: left; color: #ffffff; } .k-listview .TimeCountDown { margin-left: 32px; } .k-listview .slick-slide .TimeCountDown { margin-left: 0; } .k-listview.row .col-sm-4 ul.countdown-clock, .k-listview.row .col-sm-4 #divAuctionEnded { color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: 600; margin: 0; padding: 0; list-style-type: none; } .k-listview .featured-vehicle .vehicle-detail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 5px; } .row.hasGroup { position: relative; border-top: 1px solid black; margin-top: 30px; } .group-panel-title { color: #333333; font-size: 14px; background-color: #ffffff; display: block; float: left; padding-right: 20px; padding-left: 15px; font-weight: bold; margin: -13px 0 0 0; } .group-panel-title h3 { margin-top: 0; } .reserveMet {color:green; font-size:18px; display: block;} .bid-container .reserveMet {color:green; font-size: 14px; display: inline-block;font-weight:600;} /*#endregion */ /*#region ============== :: $SIGN IN FORM :: ================*/ /* Overwrite SF Styles */ .sign-in-form { } .sfLoginFieldsWrp { list-style-type: none; margin: 0; padding: 0; } .sfLoginFieldsWrp li { margin-bottom: 10px; } .sign-in-form input.sfTxt { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #58B459; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /*hiding the Remember Me checkbox on the lgin form */ .sign-in-form .sfCheckBoxWrapper { margin: 15px 0; display:none; } .sign-in-form .sfLostPassword { display: block; margin: 15px 0; overflow: hidden; } .sign-in-form .sfSubmitBtn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 800; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background-color: #333333; color: #ffffff; text-transform: uppercase; border-color: #333; font-family: 'Open Sans', sans-serif; font-weight: 800; } .sign-in-form .sfSubmitBtn:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; text-decoration: none; } .sign-in-form-register { } @media (min-width: 991px) { .sign-in-form-register { border-left: 1px solid #d9d9d9; padding-left: 30px; height: 325px; } } .sign-in-form .sfError { border-radius: 0.25em; color: #fff; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: 0.4em 0.6em 0.5em; text-align: center; vertical-align: baseline; white-space: nowrap; background-color: #d9534f; margin-bottom: 4px; } .sign-in-form .sfError:empty { display: none; } /*#endregion */ /*#region ============== :: $REGISTRATION FORM :: ================*/ #registrationForm .form-group { overflow: hidden; } #registrationForm .form-group.has-error { overflow:visible; } .bg-panel .checkbox label { font-weight: 700; font-size: 14px; } .checkbox input[type="checkbox"] { height: 20px; width: 20px; margin-right: 15px; } .checkbox label { line-height: 26px; margin-right: 10px; } .user-roles-select span { font-weight: bold; } .user-roles-list { float: left; margin-top: 6px; margin-right: 20px; } ul.user-roles-list li:after { content: ", "; } ul.user-roles-list li:last-child:after { content: ""; } .verify-email-container { position: relative; } .verify-email-container input { padding-right: 110px; } .verify-email-container .btn-verify-email { position: absolute; right: 5px; top: 3px; display: inline-block; padding: 5px 12px; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #5c973b; border-radius: 4px; } .btn-verify-email a.verify-email-link { color: #5c973b; } .form-group.has-error .label-danger, .sfError { border-radius: 0.25em; color: #fff; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: 0.4em 0.6em 0.5em; text-align: center; vertical-align: baseline; white-space: nowrap; background-color: #d9534f; margin-bottom: 4px; } label.error { border-radius: 0.25em; color: #fff; display: inline-block; font-size: 80%; font-weight: 300; line-height: 1; padding: 0.4em 0.6em 0.5em; text-align: center; vertical-align: baseline; white-space: normal; background-color: #d9534f; margin-top:3px; } /*#endregion */ /*#region ============== :: $CHANGE PASSWORD FORM :: ================*/ .formCenterWrp { max-width: 600px; margin: 0 auto; } .sfprofileChangePasswordFormWrp { margin-left:4%; } .sfprofileChangePasswordFormWrp .sfprofileFieldsList { list-style-type: none; padding: 0; } .sfprofileChangePasswordFormWrp li.sfprofileField { margin-right: 4%; float: left; width: 46%; } .sfprofileChangePasswordFormWrp li.sfprofileField .sfTxt { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .sfprofileChangePasswordFormWrp li.sfprofileField .sfTxtLbl { display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%; } .sfprofileChangePasswordFormWrp li.sfprofileField .sfFieldWrp .sfTxt { } .sfprofileChangePasswordFormWrp li.sfprofileField .sfError { } .sfprofileChangePasswordFormWrp .sfFieldWrp { margin-bottom: 10px; } .sfprofileChangePasswordFormWrp .sfprofileLnkWrp { clear: both; float: left; } a.sfprofileSaveLnk { -moz-user-select: none; background-image: none; border-radius: 4px; cursor: pointer; display: inline-block; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; background-color: #333333; border-color: #333; color: #ffffff; font-family: "Open Sans",sans-serif; font-weight: 800; text-transform: uppercase; } a.sfprofileSaveLnk:hover, a.sfprofileSaveLnk:focus { background-color: #e6e6e6; border-color: #adadad; color: #333; text-decoration: none; } /*#endregion */ /*#region ============== :: #PARTNERS LOGO LISTING :: ================*/ ul.sfimagesList { list-style-type: none; margin-left: 0; } ul.sfimagesList li { list-style-type: none; font-size: 16px; margin-bottom: 12px; height: 200px; margin-bottom:15px; } ul.sfimagesList li a { text-decoration: none; } ul.sfimagesList { clear: both; list-style-type: none; margin-left: 0; overflow: hidden; } .sfimageListItem { text-align: center; position: relative; border: 4px solid #F0F0F0; float: left; height: 110px; list-style-type: none; margin: 0 12px 13px 0; width: 180px; display: table; } .sfimageListItem * { vertical-align: middle; } .sfimageListItem a { width: 100%; display: block; cursor: pointer; } .sfimageListItem img { display: table-cell; vertical-align: middle; text-align: center; max-width: 170px; padding: 0 5px; } .sfimageListItem { border: 1px solid #CDCDCD; width: 180px; padding: 2px; display: table; line-height: 1.5em; } .sfimageListItem p, .sfimageListItem a, .sfimageListItem img { display: table-cell; vertical-align: middle; text-align: center; } /*#endregion */ /*#region ============== :: $EVENTS LISTING ON SEARCH RESULTS PAGE :: ================*/ .events-list-filter {list-style-type: none; padding:0;} .events-list-filter li a { font-size: 14px; } .event-link-top.active a {color:#333333; text-transform:uppercase;font-weight:600;} .events-list-filter li {margin-bottom:10px;} .fake .vehicle-img-container:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0); -moz-transition: background .3s linear; -webkit-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear; } .vehicle-img-container.event-item-ended:before { background: rgba(0,0,0, 0.5); } .vehicle-img-container.event-item-ended .event-item-status {background: rgba(0,0,0, 0)} .event-item-status {background: rgba(0,0,0, 0)} .event-item-status {text-align:left; color:#ffffff;width:100%;position:absolute;bottom:0;left:0;right:0;padding:3px;} .event-item-status {background: rgba(0,0,0, 0.5);} .event-item-status .glyphicon-time:before {font-size:18px;} .event-item-ordinal {display:none;position:absolute; top:0; left:0;border-radius: 0 1px 5px; color:#ffffff;padding:5px 10px; background-color:#58B459;} .event-item-watchlist {position:absolute; bottom:2px; right:2px;} .event-item-watchlist.glyphicon.glyphicon-star {font-size:18px;} .event-item-active .event-item-ordinal {display:block;} .event-item-watchlist {display:none;} .event-item-isactive, .event-item-isended, .event-item-isnext {display:none; text-transform:uppercase;color:#ffffff;} .event-item-active .event-item-isactive {display:inline-block;} .event-item-ended .event-item-isended {display:inline-block;color:#ffffff;} .event-item-next .event-item-isnext {display:inline-block;} .event-item-isupcoming {display:inline-block; text-transform:uppercase;} .event-item-next .event-item-isupcoming, .event-item-sold .event-item-isupcoming, .event-item-active .event-item-isupcoming, .event-item-ended .event-item-isupcoming {display:none;} .k-listview .vehicle-img-container.event-item-active { border: 1px solid #58B459; border-radius: 5px; } /*#endregion */ /*#region ============== :: #BULK FILTER :: ================*/ #bulkFilterList { list-style-type: none; margin-top: 10px; padding: 0; } #bulkFilterList li { display: inline-block; margin-right: 30px; margin-bottom: 10px; } #bulkFilterList li a { color: #333333; text-decoration: none; padding-bottom: 5px; } #bulkFilterList li a.filter-selected { border-bottom: 2px solid #58B459; font-weight: 600; } .bulkFilter span { background-color: #58B459; margin-left: 10px; } /*#endregion */ /*#region ============== :: #Auction Bid Product Details :: ================*/ h2.sfproductTitle { margin: -12px 0 10px 0; } .sfproductTitle a { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #555555; font-size: 14px; } .product-description, .buy-type { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #555555; font-size: 10px; text-transform: uppercase; } .buy-type { margin-top: 8px; } .sfRegPrice { font-weight: 800; font-size: 18px; margin-bottom: 8px; } .product-description ul { margin: 0; padding-left: 10px; } .sfproductListItem { border-bottom: 1px solid #ededed; margin-bottom: 20px; } .sfCatalogPager a { display: inline-block; } .sf_pagerNumeric { float: left; margin: 0 10px; } .pager-top { border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; padding-bottom: 20px; } .pager-bottom { border-top: 1px solid #d9d9d9; margin-top: 20px; padding-top: 20px; } .sfCatalogPager a { color: #555; margin: 0 10px; } .sfproductTmbWrp img { max-width: 160px; } /*.productMainImgWrp img { width: 450px; } */ /* image rotator popup */ .ui-widget-header { border: 0 none; background: transparent none; } .ui-dialog-titlebar-close:before { content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 20px; display: block; color: #555; } .bid-container { /* float: left;*/ /*width: 100%;*/ /*max-width:600px;*/ } .row-relative { position:relative; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin: 0 -14px 0 0; } .col-border-before { position:static; margin: 0 -14px 0 -14px; border-right: 1px solid #cccccc; } .col-border-after { position:static; margin: 0 14px 0 -14px; border-right: 1px solid #cccccc; } .col-border-before:before { content: ""; position:absolute; top:0; bottom:0; border-left:1px solid #cccccc; } .col-border-after:before { content: ""; position:absolute; top:0; bottom:0; border-left:1px solid #cccccc; } .col-border-padding { padding:20px; } @media (min-width: 768px) { .row-relative { position:relative; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin: 0 -14px; } .col-border-before { padding-left:0; position:static; margin: 0 -14px 0 14px; border-right:0 none; } .col-border-after { padding-left:0; position:static; margin: 0 -14px 0 -14px; border-right: 1px solid #cccccc; } .col-border-before:before { content: ""; position:absolute; top:0; bottom:0; border-left:1px solid #cccccc; } .col-border-after:before { content: ""; position:absolute; top:0; bottom:0; border-left:1px solid #cccccc; } .col-border-padding { padding:20px; } } .bidder-types {margin:0 0 5px 0; text-transform: uppercase;} /* .bid-container .currentBid { background-color: #efefef; float: left; width: 240px; padding: 20px; border-color: #cccccc; border-width: 1px 0 1px 1px; border-style: solid; } */ .bid-container .maxBidAmt { font-size: 20px; font-weight: 700; margin-left: 5px; margin-right: 5px; } .bid-container .maxBidAmtInfo { font-size: 20px; font-weight: 800; margin-top: 9%; } /*** check width ***/ #BidPriceNA .newBidConfirm { /* float: right; */ background-color: #58B459; /*width: 360px; padding:20px; border: 1px solid #58B459;*/ color:#ffffff; } #BidPriceNA .newBidConfirm a, #CurrentBidPrice .newBidConfirm a {color:#ffffff;} /*** check width ***/ #BidPriceLive .liveAuctionBid { /* float: right; */ background-color: #e20019; /* width: 360px; padding:20px; border: 1px solid #e20019; */ color:#ffffff; } #BidPriceLive {/*margin-bottom:25px;clear:both;*/} .auction-details-container {position:relative; margin-top:20px;} .auction-container {overflow:hidden;} a#ViewBids {cursor: pointer;color:#58B459;} .bidding-history { padding:20px; position: absolute; z-index: 200; height: 100%; width: 100%; display: none; background-color: #ffffff; border: 1px solid #efefef; overflow-y: scroll; } .bid-container .internetbid, .bid-container .currentBid { /* float: left; width: 240px; padding: 20px; border-color: #cccccc; border-width: 1px 0 1px 1px; border-style: solid; position:relative; */ } #BuyItNow .newBidConfirm, #NewBidInternetOnly .newBidConfirm, #CurrentBidPrice .newBidConfirm { background-color: #efefef; /*float: right; width: 360px; padding:20px; border: 1px solid #cccccc; */ } .bid-alert { font-weight: bold; } .bid-placed-alert { position: absolute; top: 10px; left: 25px; height: 60px; background-color: rgba(226, 12, 26, 0); width: 165px; z-index: -1; -webkit-transition:background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; } bid-placed-alert show-alert { background-color: rgba(226, 12, 26, .6); } .onlineauction .bid-container {margin-bottom:10px;} .remove {cursor:pointer;} .remove .glyphicon-remove-circle {margin-left:10px;} .auction-closed { background-color: #58B459; width: 100%; padding:20px; margin:15px 0 0 0; text-align:center; border: 1px solid #58B459; color:#ffffff; font-size:20px; font-weight:600; } .auction-closing { background-color: #58B459; width: 100%; padding:20px; margin:15px 0 0 0; text-align:center; border: 1px solid #58B459; color:#ffffff; font-size:20px; font-weight:600; } #BidPriceConfirm .newBidConfirm, #BuyItNowPriceConfirm .newBidConfirm { /* position:relative; background-color: #ffffff; border-width: 0; float: right; width: 360px; padding:0; */ } #BidPriceConfirm .newBidConfirmAmtWrp, #BuyItNowPriceConfirm .newBidConfirmAmtWrp{ padding-bottom: 60px; /*border-color: #cccccc; border-width: 1px 1px 0 0; border-style: solid; position: absolute; bottom: 0; width: 100%; top: 0; padding: 20px; */ } .newBidConfirm .newBidConfirmBtnGroupWrp { position: absolute; bottom: 0; left: 0; right: -15px; padding: 10px; background-color: #58B459; } .newBidConfirm label { color: #ffffff; } input.txtbidPrice { margin: 0 10px; } .advance-fee-display {font-size: 12px; color: #d50000;} #NewBidInternetOnly .advance-fee-display {position:absolute; bottom:0;} #BidPriceConfirm .advance-fee-display {margin-top:16px;} .newBidConfirm .ckBidAgreementContainer { margin-bottom:10px; font-size: 12px; padding: 0; } .newBidConfirm .ckBidAgreementContainer label { color: #666666; line-height:1.3em;} .newBidConfirm .popConfirmProcess {color:#58B459; } .newBidConfirm .popConfirmProcess:hover {cursor:pointer; } .sfAddToCartBtn { background-color: #58B459; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; padding: 8px 10px; } .RadSocialShare_Default { float: right; } .sfQuantity { background-color: #58B459; border: 1px solid #58B459; color: #ffffff; } /*#endregion */ /*#region ============== :: #Auction Bid Product Details :: ================*/ .padding10 {padding:10px;} .viewAllImages {text-align:center; border: 1px solid #c0c0c0; border-radius: 4px; padding: 10px 0; margin-bottom: 20px; display:none;} .viewAllImages img { margin: 5px 10%; width: 80%; } .viewAllImagesToggle {margin:10px 0;} .product-images-gallery .viewAllImagesToggle { position: absolute; top: 1px; left: 1px; z-index: 100; border-color: transparent; border-radius: 0 0 4px 0; background-color: rgba(0, 0, 0, 0.4); margin: 0; padding: 9px 14px;} #bidItemDetails, #SealedBidAuction { clear: both; overflow: hidden; } .col-md-5.image-gallery {/*width:505px;*/} .col-md-5.image-gallery .slider img {max-width:100%;} .col-md-5.image-gallery .slick-dots {} .bid-details { margin-top:20px;} @media screen and (min-width: 1200px) { .bid-details { /*width: 630px; margin-left: 35px; */margin-top:20px;} } .productName {margin-bottom:20px;} a.toggleWatchList {color:#333333; text-transform: uppercase; text-decoration:none;font-weight:600; } a.toggleWatchList:hover {text-decoration:none;} .glyphicon-star { margin-right:5px; color:#cccccc; } .glyphicon-star.on { color: #f7cb00; } .featured-vehicle a.toggleWatchList { position: absolute; top: 5px; right: 0; font-size: 16px; } .featured-vehicle a.toggleWatchList .glyphicon-star { font-size: 16px; } .inventoryNo { font-weight: bold; margin-right: 15px; } #bid-countdown {min-height:23px;} .bid-countdown-wrp { float: left; } .auction-type-label { text-align: center; text-transform: uppercase; font-weight: 900; margin-top: 15px;} .auction-type { text-align: center; font-size: 20px; font-weight: 600; text-transform: uppercase; } .auction-type .glyphicon-question-sign { margin-right: 0; } .glyphicon-question-sign:hover {cursor:pointer;} .auction-type .glyphicon-question-sign:before { font-size: 18px; } ul.countdown-clock, #divAuctionEnded { color: #58B459; text-transform: uppercase; font-size: 16px; font-weight: 600; margin: 0; padding: 0; list-style-type: none; } #divAuctionEndedStatic { color: #58B459; text-transform: uppercase; font-size: 16px; font-weight: 600; margin: 0; padding: 0; list-style-type: none; } .TimeCountDown ul.countdown-clock { color: inherit; text-transform: uppercase; font-size: 10px; font-weight: 600; margin: 0; padding: 0; list-style-type: none; } .countdown-clock li { display: inline-block; } #TimeCountDown { margin-left: 33px; } .glyphicon-time { float: left; margin-top: 7px; } .featured-vehicle .glyphicon-time, .preview .glyphicon-time { margin-top: 0} .glyphicon-time:before { color: #339933; font-size: 22px; } #EndingTime { font-weight: 600; font-size: 10px; text-transform: uppercase; } .bid-location-details { line-height: 26px; font-weight: 600; font-size: 12px; text-transform: uppercase; margin-top: 10px; margin-left: 33px; } .fa.fa-map-marker { float: left; margin-left: 3px; } .fa.fa-map-marker:before { color: #959595; font-size: 26px; } .fa-map-marker-alt {float: left; margin-left: 3px; color: #959595; font-size: 22px; } .fa-map-marker-alt.faa-float {color:#58B459;} .fa.fa-car, .bid-note .fa-car { float: left; margin-left: 3px; } .fa.fa-car:before, .bid-note .fa-car { color: #959595; font-size: 20px; line-height: 1.5em} /* .productMainImgWrp { width: 475px; height: 360px; position: relative; border: 1px solid #efefef; margin-bottom:10px;} .productMainImgWrp img { max-width: 475px; max-height: 360px; width: auto; height: auto; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .productImgsList { list-style-type: none; margin: 0; padding: 0; } .productImgsList li { float: left; margin: 0 2px 2px 0; padding: 0; width: 93px; height: 70px; position: relative; } .productImgsList li img { max-width: 93px; max-height: 70px; width: auto; height: auto; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index:4;} .productImgsList .imgSel {border:4px solid #21552b; position:absolute; top:0; left:0;right:0;bottom:0;z-index:5;} */ .txtmaxNewBidAmt.form-control.rounded-corners { border: 1px solid #ffffff; width: auto; display: inline-block; margin: 0 10px; max-width: 100px; } @media screen and (min-width: 460px) { .txtmaxNewBidAmt.form-control.rounded-corners {max-width:140px;} } .tooltip.bottom .tooltip-inner { padding: 8px; color: #ffffff; text-align: left; background-color: #1a1a1a; border-radius: 4px; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #262938; } .newBidConfirmAmt { height: 35px; border-bottom: 1px dotted #1a1a1a; margin-bottom: 15px; } .newBidConfirmFees .feeAmt {float:right;} .total {clear:both;margin-bottom:2px; } .total .feeAmt { border-top: 2px solid #ccc; padding-left: 10px;} .newBidConfirmFees {color:#666666;margin-bottom:10px;} /** detail-information **/ #bidItemDetails {margin-top:20px;} .productsFrontendDetail .nav>li>a, .productsFrontendDetail .nav>li>a:focus, .productsFrontendDetail .nav>li>a:hover { text-decoration: none; background-color: #eee; color:#333;font-weight:600;text-transform:uppercase; } #dialog-viewImage img {max-width:100%;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#58B459;font-weight:600;text-transform:uppercase;background-color:#ffffff;} @media screen and (max-width: 520px) { .nav.nav-tabs { padding-top:20px; } .nav-tabs > li { float:none; display:block; } #bidItemDetails .nav-tabs > li { margin-bottom: 5px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #58B459; font-weight: 600; text-transform: uppercase; background-color: #efefef; border: 1px solid #ddd; } #bidItemDetails .nav-tabs>li.active>a, #bidItemDetails.nav-tabs>li.active>a:focus, #bidItemDetails.nav-tabs>li.active>a:hover { background-color: #ffffff; } .nav-tabs>li>a { margin-right: 0; border-radius: 4px; } } .tab-content .panel-group { margin-bottom: 10px;} .tab-pane {padding:10px 0;} .table-data {width:100%; table-layout: fixed;} .table-data tr.odd {} .table-data tr.even, .table-data td.even {background-color:#efefef;} .table-data td {padding: 4px 0 4px 20px;} .table-data th { background-color:#efefef;border-bottom: 1px solid #cccccc; padding:6px 2px 6px 20px; text-transform:uppercase;} .table-data.itemDetailsTab td {padding-left: 5px;padding-right:4px; text-align:right;width:60%; } .table-data.itemDetails4Column td {width:27%;} .table-data.itemDetails6Column td {width:16.66666666666667%;float: left;} .table-data.itemDetailsTab tr {border-bottom:3px solid #ffffff;} .table-data.itemDetailsTab td.table-data-label {font-weight:700; text-align:left;width:40%;} .table-data.itemDetails4Column td.table-data-label {width:23%} .table-data.itemDetails6Column td.table-data-label {width:16.66666666666667%;float: left;} .table-data.table-data-2col td {width:50%;} .table-data.table-data-2col td.table-data-label {width:50%;} .table-data .left-align {padding:6px 2px 6px 20px} .panel-container .dl-3col, .panel-container .dl-1col {clear:both;} .panel-container .dl-3col {margin-bottom:20px;} .panel-container .dl-horizontal dt { white-space: normal;} .panel-container dt, .panel-container dd {text-align:right;padding:4px 0;} .panel-container .dd-leftAlign dd {text-align: left;} .panel-container dd span {padding-right:2px;} .panel-container .dl-horizontal dt {padding-left:2px;text-align:left;width:80%;} .panel-container .dl-horizontal .odd {} .panel-container .dl-horizontal.even {background-color:#efefef;} .panel-container .dl-horizontal dd {width:20%;float:right;margin-left:0;} .dl-3col .dl-horizontal {float:left; clear:none;margin-bottom:0;} .dl-3col dt { max-width: 110px; width: auto; } .dl-3col.addClearFixThird dt { max-width: inherit; } .panel-container { border-top: 1px solid #c0c0c0; margin: 10px 2px 25px 2px; padding: 0.35em 0 0.75em 0;} .image-gallery .panel-container {border-top: 0 none; margin: 0;} .panel-container .panel-body {clear:both; padding:0;} .note strong {color: #333333; } .note {color:#cccccc; margin-bottom: 10px; clear:both;} .panel-title { color: #333333; margin-bottom: 15px; font-size: 14px; margin-top: -15px; background-color: #ffffff; display: block; float: left; padding-right: 20px; font-weight: 700;} #bidItemDetails .panel-title { background-color: #ffffff; color: #333333; display: block; float: left; font-size: 14px; font-weight: bold; margin-bottom: 10px; margin-top: -15px; padding-right: 20px; } .panel-heading a.accordion-toggle:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f068"; /* adjust as needed, taken from bootstrap.css */ float:right; } .panel-heading a.accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "\f067"; /* adjust as needed, taken from bootstrap.css */ } .panel-drawer-title { margin-bottom: 0; font-size: 14px; margin-top: 0; background-color: transparent; float: none; padding-right: 0; font-weight: 700; } #bidItemDetails .panel-title a {display:block;} #bidItemDetails .panel-drawer-title a {display:block;} #bidItemDetails .panel-drawer-title a:hover, #bidItemDetails .panel-drawer-title a:focus {text-decoration:none;outline:none;} .panel-title span.panel-no { margin-right: 5px; background-color: #282834; color: #ffffff; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; } #bidItemDetails .panel-no {display:none;} .panel-title .glyphicon-question-sign {margin-right:0; margin-left:10px;} .table-data.additionalDisclosureTab td {padding: 4px 2px 4px 2px; text-align:right;word-wrap: break-word;} .table-data.additionalDisclosureTab td.table-data-label {text-align:left;width:70%;word-wrap: normal; } .fixed-height-sm-4 {height:270px;} .dl-horizontal.col-sm-4 {min-height: 68px;} .row.clearfix {margin-bottom:20px;} #bidItemDetails dl { margin-top: 0; margin-bottom: 0; } #bidItemDetails .table-data th {text-transform:none;} .border-bottom {border-bottom: 1px solid #ccc;} /*#endregion */ /*#region ============== :: #MY BIDS :: ================*/ #grid .k-grid-content { overflow: visible; /*Watch for fallout!*/ } #grid .k-grid-header { padding: 0 !important; /*Watch for fallout!*/ } .k-grid-content { min-height: 260px; } .k-grid { margin: 30px 0; border: 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } div.k-grid-header, div.k-grid-footer, .k-grid-header-wrap { border: 0; } .k-grid-header th.k-header > .k-link { color: #333333; font-size: 11px; font-weight: 800; text-transform: uppercase; } .k-grid-pager { border-top: 4px double #d8d8d8; padding-top: 15px; margin-top: 20px; } .k-grid-header th.k-header:first-child { /*border: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; */ } .k-grid-header th.k-header:last-child { /*border: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; */ } .k-grid-header th.k-header, .k-filter-row th { vertical-align: top; background-color: #efefef; border-width: 0 0 2px 0; border-color: #cccccc; border-style: solid; color: #333333; font-size: 11px; text-transform: uppercase; } .k-grid td { font-size: 11px; color: #333333; border: 0; border-bottom: 1px solid #cccccc; /*padding-bottom: 14px; padding-top: 7px; */ } .k-grid tr:last-child td { /*border: 0; */ } .k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { border-radius: 0; } .k-pager-nav { background-color: #58B459; color: #ffffff; } .k-pager-wrap > a.k-state-disabled:hover { background-color: #58B459; color: #ffffff; } .k-pager-numbers .k-link { background-color: #ffffff; color: #cccccc; border: 1px solid #cccccc; margin-right: 5px; } k-dropdown-wrap.k-state-default { background-color: #ffffff; color: #cccccc; border-color: #cccccc; } .k-pager-numbers .k-state-selected, .k-pager-wrap > .k-link { background-color: #58B459; color: #ffffff; border-color: #58B459; height: 30px; margin-right: 5px; } .k-pager-wrap .k-link:hover { } .k-pager-sizes .k-dropdown-wrap { height: 30px; } .k-icon, .k-sprite, .k-button-group .k-tool-icon { /* font-size: 0; */ /* line-height: 0; */ } .k-grid-pager .k-icon { } .k-pager-wrap > .k-link:focus { outline: none; } .k-pager-first .k-i-seek-w:before { font-family: FontAwesome; content: "\f048"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-nav .k-i-arrow-w:before { font-family: FontAwesome; content: "\f04a"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-nav .k-i-arrow-e:before { font-family: FontAwesome; content: "\f04e"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-pager-last .k-i-seek-e:before { font-family: FontAwesome; content: "\f051"; font-size: 16px; line-height: 16px; color: #ffffff; } .k-dropdown-wrap .k-i-arrow-s:before { font-family: FontAwesome; content: "\f0d7"; font-size: 12px; line-height: 12px; color: #cccccc; } .k-i-refresh:before { /*font-family: FontAwesome; content: "\f021"; color: #cccccc; font-size: 16px; line-height: 16px;*/ } .k-pager-wrap > .k-pager-refresh.k-link { background-color: #ffffff; } /*.k-animation-container, .k-popup.k-list-container, .k-popup .k-list .k-item { background-color: #ffffff; color: #424242; border-color: #cccccc; } */ .k-datepicker .k-input { line-height: 25px; height: 30px; } .k-pager-refresh.k-link.btn.btn-default, .k-pager-refresh.k-link.btn.btn-default .glyphicon.glyphicon-repeat { color: #ffffff; text-transform: none; font-weight: 600; } .k-pager-refresh.k-link.btn.btn-default:hover, .k-pager-refresh.k-link.btn.btn-default:hover .glyphicon.glyphicon-repeat, .glyphicon.glyphicon-repeat:hover, .k-pager-refresh.k-link.btn.btn-default:active, .k-pager-refresh.k-link.btn.btn-default:active:focus, .k-pager-refresh.k-link.btn.btn-default:focus, .k-pager-refresh.k-link.btn.btn-default:active .glyphicon.glyphicon-repeat, .k-pager-refresh.k-link.btn.btn-default:active:focus .glyphicon.glyphicon-repeat, .k-pager-refresh.k-link.btn.btn-default:focus .glyphicon.glyphicon-repeat { color: #333333; } .k-pager-refresh.k-link.btn.btn-default .glyphicon.glyphicon-repeat { margin-right: 10px; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link { color: #333333; background-image: none; } @media only screen and (max-width: 1024px) { .k-webkit .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link { width: 3.2em; padding: 0 .429em 0 .714em; border-radius: 0; } } @media only screen and (max-width: 1024px) { .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded, .k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded { border-width: 1px 1px 0 1px; border-style: solid; border-color: #dbdbdb; background-color: #fff; border-radius: 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); } } @media only screen and (max-width: 1024px) { .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link { border-radius: 0; } } @media only screen and (max-width: 1024px) { .k-webkit .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-link { border-radius: 0; } } @media only screen and (max-width: 1024px) { .k-edge .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page { margin: -2.2em -1px 0; padding: 0; } } @media only screen and (max-width: 1024px) { .k-edge .k-grid .k-pager-numbers .k-current-page, .k-edge .k-pager-numbers .k-current-page, .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-webkit .k-pager-numbers .k-current-page { display: block; border-left: 0; } .k-pager-numbers .k-link { background-color: #ffffff; border: 1px solid #ffffff; margin-right: 0; } } /*#endregion */ /*============== :: $Inventory List Negotiate :: ================*/ .counter-offer { font-weight:bold;margin:3px 0; } .time-left {font-weight:bold; font-size:13px;} .neg-count-down { display: inline-block; } .neg-count-down label {margin-right:5px;font-weight:700; } .btn-accept {background-color:#76ac00;color:#ffffff;width:100%; white-space: normal;} .btn-stay {background-color: #e20019;color:#ffffff;width:100%;text-transform:none; white-space: normal;} .counter-offer label {margin-right:4px;} .btn-send {background-color:#fe9900;color:#ffffff;height:35px;margin-top: 1px;} .form-inline .form-control.txtOffer {width: 90px; border: 1px solid #cccccc; } .td-overflow-visible.k-grid td {overflow:visible;} .td-align-top.k-grid td {vertical-align:top;} .btn-accept.focus, .btn-accept:focus, .btn-accept:hover, .btn-stay.focus, .btn-stay:focus, .btn-stay:hover, .btn-send.focus, .btn-send:focus, .btn-send:hover {color:#ffffff;} .btn-stay .text-success, .btn-stay .text-danger {color:#ffffff;} #bulkFilterList .badge {margin-left:3px;} /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ /* Force table to not be like tables anymore */ /********* TO DO: Add this class where ever the data-title is set then remove the .inventory-grid class above. **********/ @media only screen and (max-width: 768px) { .grid-responsive table, .grid-responsive table thead, .grid-responsive table tbody, .grid-responsive table th, .grid-responsive table td, .grid-responsive table tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .grid-responsive table thead th { position: absolute; top: -9999px; left: -9999px; } .grid-responsive table thead th.th-checkbox, .grid-responsive table thead th.column-selector { height: 40px; left: inherit; position: inherit; top: inherit; border-width: 0; } .grid-responsive table thead th.th-checkbox { float: left; } .grid-responsive table thead th.column-selector { text-align:right; float: right; } .grid-responsive tr td:first-child, .grid-responsive tr th:first-child, .grid-responsive tr td.thumbimageurl, .grid-responsive tr .td-checkbox, .grid-responsive tr .th-checkbox {width:100%;} .grid-responsive.k-grid td {border-bottom: 0 none;min-height: 30px; } .grid-responsive.k-grid tr { border-bottom: 1px solid #cccccc;} .grid-responsive.k-grid table { border-top: 1px solid #cccccc;} .grid-responsive table td { /* Behave like a "row" */ position: relative; padding-left: 30%; min-height: 30px; } /*Left Column wide */ .grid-responsive.grid-responsive-lcw table td { /* Behave like a "row" */ padding-left: 50%; } /* buyers grid uses span */ /*.grid-responsive .k-grid-content table td:before */ /* My bids uses a div because there are divs in the field */ .grid-responsive .k-grid-content table span.data-title:before, .grid-responsive .k-grid-content table div.data-title:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; /* Label the data */ content: attr(data-title)": "; /* who knew you could do this? The internet, that's who. */ font-weight: bold; /* optional stuff to make it look nicer */ width: 6.5em; /* magic number :( adjust according to your own content */ display: inline-block; /* end options */ } .grid-responsive .k-grid-content table td.td-checkbox:before { content: "Select"; } .grid-responsive .k-grid-content table td.thumbimageurl:before { content: " "; } .grid-responsive .k-grid-content table td.show-columns:before { content: " "; } .grid-responsive .k-grid-content table td.hide-html:before { content: " "; } } /*#region ============== :: $Featured Vehicles on Home Page :: ================*/ .featured-vehicle { /*width: 255px;*/ width: 100%; position: relative; margin-top: 20px; max-width:255px; } .featured-type { width: 100%; position: relative; height: 26px; margin-bottom: 25px; display:none; } .featured-vehicle h2 { margin: 0; text-transform: uppercase; position: absolute; bottom: 0; } .featured-vehicle a:hover { text-decoration: none; } .featured-vehicle .featured-type a { position: absolute; bottom: 0; font-size: 12px; text-align: right; right: 0; } .featured-vehicle .vehicle-img-container { position: relative; width: 100%; /* for IE 6 */ /*float: left;*/ /*watch for fallout */ margin-bottom: 10px; } .featured-vehicle .vehicle-img-container:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0); -moz-transition: background .3s linear; -webkit-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear; } .featured-vehicle .vehicle-img-container:hover:before { background: rgba(0,0,0, 0.5); } .featured-vehicle .vehicle-img-container img { /*height: 100%;*/ /*remove featured vehicle on search page and fix css */ } /*needed becuase the image isn't 100% width (IE) */ .featured-vehicle .vehicle-img-container .img-container { width:100%; height:100%; text-align: center; display: table-cell; vertical-align: middle; } .featured-vehicle .vehicle-detail { position: absolute; top: 39%; left: 0; width: 100%; display: none; text-align:left; } .featured-vehicle .vehicle-img-container:hover .vehicle-detail { display: block; } .featured-vehicle .vehicle-detail-link { color: #ffffff; text-transform: uppercase; font-size: 21px; font-weight: 600; text-align:center; } .featured-vehicle .vehicle-detail-link span { color: #58B459; } .featured-vehicle .vehicle-end-date { color: #ffffff; text-transform: uppercase; font-size: 12px; margin-top: 35px; text-align:center; } .vehicle-description { font-size: 14px; } .vehicle-description strong { font-weight: 700; text-transform:uppercase; } .detail-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } h5 a {color:#1a1a1a;} .video-gallery img {height:70px; cursor:pointer;width:auto;} .video-gallery { clear:both; float:left; margin-top:5px; } .viewAllImages .video-gallery {float:none; margin:5px; } .viewAllImages .video-gallery img { float: none; height: inherit; width: inherit; margin: 0 auto;} /*#endregion */ /*#region ============== ::$HOME PAGE :: ================*/ .SlideShowWidget { position: relative; /* z-index: 82; width: 100%; display: inline; float: left; background-image: url(/content/images/foto_header.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-color: black; */ } .full-size { width: 100%; position: absolute; height: 100%; z-index: 0;} .grpelem, .accordion_wrapper { display: inline; float: left; } #u53188-4 { z-index: 137; min-height: 22px; margin-right: -10000px; margin-top: 16px; } .banner-text-line1 { min-height: 47px; margin-bottom: -47px; width: 97.08%; margin-left: 1.47%; text-align: center; position: absolute; } .banner-text-line1 p { color: #000000; font-weight: 400; background-color: transparent; line-height: 36px; z-index: 104; text-transform: uppercase; text-align: center; } .banner-text-line2 { position: absolute; min-height: 66px; margin-bottom: -66px; width: 97.08%; margin-left: 1.47%; text-align: center; } .banner-text-line2 p { color: #000000; text-align: center; background-color: transparent; line-height: 43px; z-index: 100; text-transform: none; font-weight: 900; } @media (min-width: 1269px), print { #u3985 { /*width: 1366px;*/ height: 500px; } #pu53186-4 { margin-top: 27px; width: 52.73%; margin-left: 3.74%; } #u53192-4 { z-index: 153; font-size: 14px; line-height: 24px; margin-top: 28px; width: 96.76%; } #u53194-4 { z-index: 161; margin-top: 18px; width: 92.93%; } #pu53182 { z-index: 125; width: 40.44%; margin: -24px -10000px -24px 56.45412130637636%; } #u53184 { z-index: 127; padding-bottom: 45px; } #u53182 { z-index: 125; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); padding-bottom: 170px; position: relative; margin-right: -10000px; width: 100%; /* background: transparent url(../images/news_golftourney.jpg) no-repeat left top; background-size: cover; */ } #u53183, .news-image { /* z-index: 126; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); padding-bottom: 170px; margin-bottom: -24px; position: relative; margin-right: -10000px; margin-top: -24px; width: 40.44%; left: 56.46%; */ /*background: transparent url(../images/news_rootinsurance.jpg) no-repeat center center; background-size: cover; */ } .banner-text-line1 { top: 175px;} .banner-text-line1 p { font-size: 30px; } .banner-text-line2 { top: 210px;} .banner-text-line2 p { font-size: 36px; } } @media (min-width: 1183px) and (max-width: 1268px) { #u3985 { /*width: 1268px;*/ height: 500px; } .banner-text-line1 { top: 175px;} .banner-text-line1 p { font-size: 30px; } .banner-text-line2 { top: 210px;} .banner-text-line2 p { font-size: 36px; } } @media (min-width: 1101px) and (max-width: 1182px) { #u3985 { /*width: 1182px;*/ height: 500px; } .banner-text-line1 { top: 175px;} .banner-text-line1 p { font-size: 30px; } .banner-text-line2 { top: 210px;} .banner-text-line2 p { font-size: 36px; } } @media (min-width: 1025px) and (max-width: 1100px) { #u3985 { /*width: 1100px;*/ height: 500px; } .banner-text-line1 { top: 175px;} .banner-text-line1 p { font-size: 30px; } .banner-text-line2 { top: 210px;} .banner-text-line2 p { font-size: 36px; } } @media (min-width: 915px) and (max-width: 1024px) { #u3985 { /*width: 1024px;*/ height: 500px; } .banner-text-line1 { top: 175px;} .banner-text-line1 p { font-size: 30px; } .banner-text-line2 { top: 210px;} .banner-text-line2 p { font-size: 36px; } } @media (min-width: 902px) and (max-width: 914px) { #u3985 { /*width: 914px;*/ height: 500px; } .banner-text-line1 { top: 175px;} .banner-text-line1 p { font-size: 30px; } .banner-text-line2 { top: 210px;} .banner-text-line2 p { font-size: 36px; } } @media (min-width: 805px) and (max-width: 901px) { #u3985 { /*width: 901px;*/ height: 500px; } .banner-text-line1 { top: 175px;} .banner-text-line1 p { font-size: 30px; } .banner-text-line2 { top: 210px;} .banner-text-line2 p { font-size: 36px; } } @media (min-width: 769px) and (max-width: 804px) { #u3985 { /*width: 804px;*/ height: 500px; } .banner-text-line1 { top: 175px;} .banner-text-line1 p { font-size: 30px; } .banner-text-line2 { top: 210px;} .banner-text-line2 p { font-size: 36px; } } @media (min-width: 691px) and (max-width: 768px) { #u3985 { /*width: 768px;*/ height: 300px; } .banner-text-line1 { top: 140px;} .banner-text-line1 p { font-size: 26px; } .banner-text-line2 { top: 175px;} .banner-text-line2 p { font-size: 30px; } } @media (min-width: 645px) and (max-width: 690px) { #u3985 { /*width: 690px;*/ height: 300px; } .banner-text-line1 { top: 140px;} .banner-text-line1 p { font-size: 26px; } .banner-text-line2 { top: 175px;} .banner-text-line2 p { font-size: 30px; } } @media (min-width: 611px) and (max-width: 644px) { #u3985 { /*width: 644px;*/ height: 300px; } .banner-text-line1 { top: 140px;} .banner-text-line1 p { font-size: 26px; } .banner-text-line2 { top: 175px;} .banner-text-line2 p { font-size: 30px; } } @media (min-width: 501px) and (max-width: 610px) { #u3985 { /*width: 610px;*/ height: 300px; } .banner-text-line1 { top: 140px;} .banner-text-line1 p { font-size: 26px; } .banner-text-line2 { top: 175px;} .banner-text-line2 p { font-size: 30px; } } @media (min-width: 424px) and (max-width: 500px) { #u3985 { /*width: 500px;*/ height: 300px; } .banner-text-line1 { top: 140px;} .banner-text-line1 p { font-size: 20px; } .banner-text-line2 { top: 175px;} .banner-text-line2 p { font-size: 22px; } } @media (min-width: 376px) and (max-width: 423px) { #u3985 { /*width: 423px;*/ height: 300px; } .banner-text-line1 { top: 140px;} .banner-text-line1 p { font-size: 20px; } .banner-text-line2 { top: 175px;} .banner-text-line2 p { font-size: 22px; } } @media (min-width: 321px) and (max-width: 375px) { #u3985 { /*width: 375px;*/ height: 300px; } .banner-text-line1 { top: 140px;} .banner-text-line1 p { font-size: 20px; } .banner-text-line2 { top: 175px;} .banner-text-line2 p { font-size: 22px; } } @media (max-width: 320px) { #u3985 { /*width: 320px;*/ height: 300px; } .banner-text-line1 { top: 180px;} .banner-text-line1 p { font-size: 14px; line-height:1.5em; color:#ffffff;} .banner-text-line2 { top: 220px;} .banner-text-line2 p { font-size: 16px; line-height:1.5em; color:#ffffff;} } .SlideShowWidget a.btn-green { top: -290px; margin-bottom: -66px; margin-left: 1.47%; position: relative; padding: 15px 30px; } /*#endregion */ /*#region ============== :: $Home Page News Panel :: ================*/ .news-panel { background-color: #f1f1f1; padding: 30px 0; margin: 0 0 50px 0; padding: 30px 0; } .news-panel .sfnewsListTitleDateSummary { padding: 30px 0; float: left; } .news-content { width:100%; } @media (min-width: 1200px) { .news-content { width: 40.73%; } } .sfnewsTitle { color: #000000; background-color: transparent; font-size: 14px; position: relative; line-height: 22px; min-height: 22px; font-weight: 700; text-transform: none; margin-bottom:10px; } .sfnewsSummary { color: #000000; background-color: transparent; position: relative; font-size: 12px; font-weight: 400; margin-bottom:12px; } .news-item { position: relative; background-color: #ffffff; padding: 10px 0 10px 15px; } @media (min-width: 1200px) { .news-item { position: relative; background-color: #ffffff; padding: 10px 0 10px 15px; height: 235px; } } .news-image {position: relative;} .news-image .sfrelatedItmWrp {overflow:hidden;width:275px; height:275px; z-index:10;} @media (min-width: 1200px) { .news-image {position: absolute; right: 10px; top: -10%;} .news-image .sfrelatedItmWrp {overflow:hidden;width:275px; height:275px; z-index:10;} } .sfnewsMetaInfo { color: #FFFFFF; line-height: 29px; font-weight: 400; text-align: center; width: 90px; font-size: 24px; position: absolute; top: 0; left: 0; background-color: #58b459; height: 90px; z-index:20; } .item-date {} .item-date.month {text-transform:uppercase; font-size:15px;display:block;line-height: 1;} .item-date.day {display: block; margin-top: 20px; line-height: 1;margin-bottom:5px;} .pressListItem {margin-bottom:30px;} /*#endregion */ /*#region ============== :: $Process Payment Page :: ================*/ .table-header {background-color:#57b557; color:#ffffff;} .table-header th {padding:5px;} #divActivateInventoryReviewOrder table td {padding:10px 5px 5px 5px;} .row.checkout {border-top: 5px solid #f2f0f1; padding-top: 30px; padding-bottom: 9px; margin: 30px 0 20px; } .row.checkout .tile {min-height:460px;} .checkout .col-sm-1.mm {width:38px;} .checkout .col-sm-2.yyyy {width:46px;} .checkout .col-sm-2 .ccFieldCSV {/*width:46px;*/} .checkout .col-sm-2.csv {width:50px;} #divCardInfo .col-sm-1.text-center.text-vertical-center {width:25px;} .checkout .tile-heading img {float:right;margin-right:10px;} .tile.tile-secondary {background-color: #ffffff;border-bottom:2px dotted #f2f0f1; } .checkout .tile { } .tile.tile-secondary .tile-heading, .tile.tile-inverse .tile-heading { border-bottom: 0 none; background-color: #f2f0f1; padding: 15px 0 15px 15px; clear: both; width: 100%; margin-bottom: 18px; float: left; } .tile.tile-secondary .tile-body { clear: both; } .tile.tile-secondary .tile-body .row.no-gutter-left {margin-left:0;} .tile.tile-inverse {background-color: #ffffff; border:1px solid #27283a;} .tile.tile-secondary .tile-body { clear: both; } .checkout .equalCols {position:relative;} .checkout .tile .form-group no-gutter {width:100%;} .checkout .tile-body .form-horizontal .control-label {text-align:left;} .form-group .text-vertical-center {padding-top: 7px;} .checkout .tile .form-control {padding: 5px; height:30px; } .paymentAmountsWrp {margin-bottom:75px;} .paymentTotalWrp {font-size:1.3em; position:absolute; bottom:0; left:0; right:0; padding:30px 15px 0 15px; background-color:#262938; color:#ffffff;} .btn-set-width-med {width:150px; margin-right: 25px; margin-bottom:10px; } .btn.btn-payment { background-color: #76ac00; padding: 3px 9px; } .btn.btn-payment a { color: #ffffff; } .cardNumConfirm { height: 34px; line-height: 34px; display: inline-block; padding-top: 7px; } .btn-back { background-color: #f2f0f0; color: #666666; text-transform: uppercase; border-color: #cccccc; } .btn-back:hover, .btn-back.focus, .btn-back:focus, .btn-back.active.focus, .btn-back.active:focus, .btn-back.active:hover, .btn-back:active.focus, .btn-back:active:focus, .btn-back:active:hover, .btn-back.active, .btn-back:active { color: #666666; background-color: #efefef; border-color: #cccccc; outline: none; box-shadow: none; } @media (min-width: 360px) { .tile .dl-horizontal dt { width: 50%;} .tile .dl-horizontal dd { margin-left: 50%; text-align: right; } } .tile .paymentAmountsWrp .dl-horizontal dd { margin-bottom: 6px; } .tile-heading .position-right { position: absolute; right: 15px; top: 11px; } .tile-heading { border-bottom: 1px dotted #cbcbcb; padding: 15px 0 15px 15px; clear: both; width: 100%; margin-bottom: 18px; float: left; } .tile-title { float: left; font-weight: bold; font-size: 15px; } .tile-body .tile-title { width:90%; } .tile-title .highlight { font-weight: normal; text-transform: none; } .tile-heading .tile-title { text-transform: uppercase; font-size: 14px; } .tile-body { padding: 15px; } .checkout .tile-body {padding:15px 0} /*** BUTTON SPINNER ***/ .disabled { cursor: not-allowed; } /*#endregion */ /*#region ============== :: $Home Page Featured Panel :: ================*/ .featured-panel { color: #ffffff; background: #2d2d2d url('../images/featured-panel-background.jpg') no-repeat 0 0; padding: 30px 0; margin: 0; } .featured-panel .section-title { color: #ffffff; } .section-title span { color: #58B459; } .featured-panel .featured-vehicle .vehicle-img-container img { height: 100%; width: 100%; } .featured-panel .featured-vehicle .vehicle-img-container { position: relative; width: 100%; /* for IE 6 */ /*float: left;*/ /*watch for fallout */ margin-bottom: 10px; display: block; height: 195px; } /*#endregion */ /*#region ============== :: $Home Page Services Panel :: ================*/ .services-panel {margin:20px 0 25px 0;} .services-panel img {height:100px; margin-bottom:10px;} .services-panel p { font-size: 16px; } /*#endregion */ /*#region ============== :: $Home Page Partners :: ================*/ .sfimagesList-horizontal img { margin-bottom:10px; max-width:200px;} .sfimagesList-horizontal {list-style:none;} .sfimagesList-horizontal li {display:block; width: 90%; text-align:center; margin-bottom:25px;} .sfimagesList-horizontal li a {display:block;} .sfimagesList-horizontal li img { padding: 0 5px;} @media (min-width: 769px) { .sfimagesList-horizontal li {display:inline-block; width: 10%;} .sfimagesList-horizontal img { } } /*#endregion */ /*#region ============== :: $API :: ================*/ #api .nav-menu ul li.nav-heading { float: none; position: relative; border-bottom: 1px solid #333; } #api .nav-heading-title { font-size: 1.1em; background-color: #d6d6d6; padding: 5px; color: #000000; font-weight: normal; } #api .nav-heading-title:hover { cursor: pointer; } #api ul li.nav-heading ol { margin-left: 15px; } #api h1 { font-size: 30px; margin-top: 40px; } #api h2 { font-size: 27px; text-transform: inherit; margin: 1em 0 1em 0; } #api h3 { font-size: 22px; font-weight: 600; line-height: 1em; text-transform: none; margin: 2em 0 1em 0; color: #555; } #api h3:after { width: inherit; height: inherit; border-left: 0 none; border-right: 0 none; border-bottom: 0 none; border-top: 0 none; position: relative; content: inherit; top: inherit; left: inherit; } #api table { width: 100%; max-width: 650px; } #api table th:first-child { width: 80px; } #api .sidebar { padding-left: 24px; } /* navigation */ #api nav { background-color: rgb(240,240,240); border: solid 1px rgb(220,220,220); padding: 0 12px; width: 300px; } @media (min-width: 992px) { #api nav.stick { position: fixed; top: 70px; z-index: 10000; margin-top: 12px; } } #api nav ul { list-style-type: none; margin: 0; padding: 15px 0; } #api nav ol { margin: 0; padding: 15px; } #api nav li { margin-bottom: 5px; } #api nav li a { color: rgb(50,50,50); font-weight: 700; } #api a.nav-active { color: #9a9a9a; } #api .navbar { border-bottom: 1px solid green; } #api td, #api th { border: 1px solid #d8d8d8; padding: 5px; vertical-align: top; } #api th { background-color: #ececec; padding: 5px; } #api td a { font-weight: bold; } #api pre { display: block; padding: 0; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #ffffff; border: 0 none; border-radius: 4px; } #api pre.pre-formatted { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; max-width: 700px; } /*#endregion */ /*#region ============== :: $EDIT MODE :: ================*/ .sfPageEditorWrp .navbar-fixed-top { position: relative; right: inherit; left: inherit; top: inherit; } .sfPageEditorWrp .navbar-brand { float: left; width: 30%; } .sfPageEditorWrp .navbar-collapse { float: right; width: 70%; } /* .sfPageEditorWrp #HeaderWrapper {height:500px;} .sfPageEditorWrp .sf_colsIn {display:block; width:100%; margin-bottom:25px;; position:relative; min-height:50px;} */ /*#endregion */