/* Minification failed. Returning unminified contents.
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,21): run-time error CSS1039: Token not allowed after unary operator: '-width-Body'
(153,17): run-time error CSS1039: Token not allowed after unary operator: '-width-Body'
(1219,21): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(2239,17): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(5106,17): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(5807,17): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(5836,17): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(5947,17): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(7000,17): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(7006,17): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(7042,18): run-time error CSS1035: Expected colon, found 'background'
(9258,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(9304,21): run-time error CSS1039: Token not allowed after unary operator: '-width-Body'
(9334,17): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(9339,21): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(9345,25): run-time error CSS1039: Token not allowed after unary operator: '-main-foreground-color'
(9838,25): run-time error CSS1046: Expect comma, found '199'
(9838,33): run-time error CSS1046: Expect comma, found '/'
(11076,17): run-time error CSS1039: Token not allowed after unary operator: '-width-Body'
(11269,25): run-time error CSS1039: Token not allowed after unary operator: '-width-Body'
(11270,21): run-time error CSS1039: Token not allowed after unary operator: '-width-Body'
 */
/* Font Styles */
/*@font-face {
    font-family: 'roboto';
    src: url('../Fonts/roboto-light-webfont.eot');
    src: url('../Fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/roboto-light-webfont.woff') format('woff'),
         url('../Fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../Fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: 100;
    font-style: normal;
}*/

:root {
    --main-foreground-color: #434343; /*#707070;*/
    --width-Body: 130rem;
}

@font-face {
    font-family: 'roboto';
    src: url('../Fonts/roboto-regular-webfont.eot');
    src: url('../Fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/roboto-regular-webfont.ttf') format('truetype'), url('../Fonts/roboto-regular-webfont.woff') format('woff'), url('../Fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'roboto';
    src: url('../Fonts/roboto-medium-webfont.eot');
    src: url('../Fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/roboto-medium-webfont.woff') format('woff'),
         url('../Fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../Fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: 600;
    font-style: normal;
} 

@font-face {
    font-family: 'roboto';
    src: url('../Fonts/roboto-bold-webfont.eot');
    src: url('../Fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/roboto-bold-webfont.woff') format('woff'),
         url('../Fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../Fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;
}*/

@font-face {
    font-family: 'roboto_condensed_light';
    src: url('../Fonts/robotocondensed-light-webfont.eot');
    src: url('../Fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/robotocondensed-light-webfont.woff') format('woff'), url('../Fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('../Fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed_regular';
    src: url('../Fonts/robotocondensed-regular-webfont.eot');
    src: url('../Fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../Fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../Fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
    overflow-y: visible;
    font-size: 10px;
}

/*body {
    background-color: #fff;
    font-size: 1.4rem;
    font-family: 'roboto', Arial, "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    margin: 0;
    padding: 0;
    color: #222222;*/
/*   width: 100%;
    max-width:1250px;
    min-width: 1300px;*/
/*height: 100%;
}*/

@media (max-width: 1200px) {
    body::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    body {
        overflow: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer 10+ */
    }
}

/******Buyer Portal Specific*******/
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul li, ol li {
    font-weight: 400;
}

li {
    list-style: none;
}

html.wait, html.wait * {
    cursor: wait !important;
}
/******Buyer Portal Specific*******/

/* main layout
----------------------------------------------------------*/
/*.container-xxl {
    max-width: var(--width-Body) !important;
    width: var(--width-Body);
}*/

body {
    background-color: #fff !important;
}


#body {
    background-color: #fff;
    clear: both;
    padding-bottom: 10px;
    min-height: 500px;
    overflow: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

    #body::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

.content-wrapper.desktop, .content-wrapper.desktop .aboutYourbusiness,
.container-html.desktop,
.container-body, .container-full, .container-half {
    margin: 0 auto;
    max-width: var(--width-Body) !important;
    width: var(--width-Body);
}





.featured + .main-content {
    background: url("../Images/heroAccent.png") no-repeat;
}

header .content-wrapper {
    padding-top: 0px;
}

/*h1 {
    font-size: 2.857em;
    font-weight: 100;
    margin-bottom: 12px;
}

h2 {
    font-size: 1.6em;
    font-weight: 500;
}

h3 {
    font-size: 1.3em !important;
    font-weight: 600;
}*/

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

a {
    /*color: #1D67B2;*/
}

/*Common Styles
----------------------------------------------------------*/
.page {
    margin: 0 auto;
    /*width: 950px;*/
}

.flexform {
    display: flex;
}

.divgreyBackground {
    margin: 5px 0 0 0;
    float: left;
    width: 100%;
    position: relative;
    /*background: #e3e3e3;*/ /*max-width:950px;*/
    /*background: #f6efef; #f1f1f1;*/
    /*overflow: hidden;*/
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14),0 2px 10px 0 #9a9696 !important;
}

    .divgreyBackground .divcontent {
        clear: both;
        width: 96%;
        height: auto;
        /*background: transparent url('../images/backgrounds/sub_mac.bottom.tile.gif') bottom left repeat-x;*/
        padding: 0px 2% 5% 2%;
        float: left;
        position: relative;
        top: 0px;
        /*margin: 15px 0;*/
        overflow: hidden;
    }

    .divgreyBackground .divcontentWithHelpSection {
        clear: both;
        padding: 0px 1% 0% 0%;
        width: 99%;
        height: auto;
        float: left;
        position: relative;
        top: 0px;
        /*margin: 15px 0;*/
        overflow: hidden;
    }

.divcontentWithHelpSection h2 {
    font-size: 1.6em;
    font-weight: 500;
}

.divcontent h2 {
    font-size: 1.6em;
    font-weight: 500;
}

.divcontent h3 {
    font-size: 1.2em;
    font-weight: 500;
}

.divcontentHeader {
    padding-bottom: 10px;
}

#divcalendar > div > h2 {
    color: #c90107 !important;
}

.subContentWhite {
    margin: 15px 0;
    /*padding: 2%;*/
    float: left;
    display: inline;
    width: 96%;
    background-color: #fff;
}

.subContentWhiteWithHelpSection {
    display: inline;
    width: 80%;
    float: right;
    margin: 0px 0px 0px 0px !important;
    background-color: #fff;
}

#SideMenuSection {
    max-width: 19%;
    float: left;
    height: 100%;
    position: absolute;
    /*width: 100%;*/
    min-width: 200px;
    min-height: 420px;
}

#SideMenuSection {
    /*background: rgba(235,235,235,1);
    background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 5%, rgba(224,224,224,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(5%, rgba(235,235,235,1)), color-stop(17%, rgba(224,224,224,1)), color-stop(45%, rgba(194,194,194,0.99)), color-stop(85%, rgba(204,204,204,0.98)), color-stop(100%, rgba(166,166,166,0.98)));
    background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 5%, rgba(224,224,224,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    background: -o-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 5%, rgba(224,224,224,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 5%, rgba(224,224,224,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 5%, rgba(224,224,224,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#a6a6a6', GradientType=1 );*/
    background: rgb(51, 51, 51) !Important;
}

    #SideMenuSection .left-column {
        width: 100%;
        float: left; /*background:transparent url(../images/backgrounds/sub_a.top.png) top left no-repeat;*/
        padding: 3px 0 0 0;
    }

        #SideMenuSection .left-column .left-top {
            clear: both;
            float: left;
            padding: 5%;
            width: 90%;
        }

        #SideMenuSection .left-column .left-bottom {
            clear: both;
            float: left;
            width: 100%;
            padding: 16px 0 16px 13px;
        }

    #SideMenuSection .left-top .sub-nav {
        float: left;
        display: inline;
        margin: 0 0 0 0;
        width: inherit;
        position: relative;
        background: #aeaeae;
    }

        #SideMenuSection .left-top .sub-nav a.active, #SideMenuSection .left-top .sub-nav a.active:hover {
            clear: both;
            width: 100%;
            padding: 8px 0 9px 9px;
            color: #fff;
            font-size: 1.3em;
            cursor: pointer;
        }

        #SideMenuSection .left-top .sub-nav a, #SideMenuSection .left-top .sub-nav a:hover {
            clear: both;
            width: 100%;
            padding: 8px 0 9px 9px;
            font-weight: bold;
            font-size: 1.3em;
            float: left;
            text-decoration: none;
        }


            #SideMenuSection .left-top .sub-nav a.tertiary, #SideMenuSection .left-top .sub-nav a.tertiary:hover, #SideMenuSection .left-top .sub-nav a.tertiaryActive, #SideMenuSection .left-top .sub-nav a.tertiaryActive:hover, #SideMenuSection .left-top .sub-nav a.tertiaryFirst, #SideMenuSection .left-top .sub-nav a.tertiaryFirst:hover, #SideMenuSection .left-top .sub-nav a.tertiaryLast, #SideMenuSection .left-top .sub-nav a.tertiaryLast:hover {
                /*width: 85%;*/
                padding: 5% 0 5% 20%;
            }

                #SideMenuSection .left-top .sub-nav a.tertiary, #SideMenuSection .left-top .sub-nav a.tertiary:hover {
                    background: #fff;
                }

                    #SideMenuSection .left-top .sub-nav a.tertiary:hover, #SideMenuSection .left-top .sub-nav a.tertiaryFirst:hover {
                        background: #fff;
                    }

            #SideMenuSection .left-top .sub-nav a.tertiaryFirst {
                background: #fff;
            }

            #SideMenuSection .left-top .sub-nav a.tertiaryLast, #SideMenuSection .left-top .sub-nav a.tertiaryLast:hover {
                background: #fff;
            }

            #SideMenuSection .left-top .sub-nav a.tertiaryActive, #SideMenuSection .left-top .sub-nav a.tertiaryActive:hover {
                padding-bottom: 6px;
            }

    #SideMenuSection .left-bottom h2 {
        color: #82300b;
        font-size: 1.9em;
    }

    #SideMenuSection .left-bottom p {
        margin: 14px 0 0 0;
        width: 100%;
        color: #222222;
        font-size: 1.2em;
        line-height: 1.5em;
    }

        #SideMenuSection .left-bottom p.custService {
            clear: both;
            margin: 0;
        }

        #SideMenuSection .left-bottom p.contactInfo {
            clear: both;
            margin: 8px 0 0 0;
        }

    #SideMenuSection .left-top .sub-nav a,
    #SideMenuSection .left-top .sub-nav a:hover {
        font-size: 1em;
    }

        #SideMenuSection .left-top .sub-nav a.active,
        #SideMenuSection .left-top .sub-nav a.active:hover {
            font-size: 1em;
        }

.SideMenuFlyout {
    display: none;
}

#divdialog {
    z-index: 10000;
    position: relative;
}

#divRegDocumentsMissingPopup {
    z-index: 10000;
    position: relative;
    font-size: 1.5em;
    font-family: inherit !important;
    padding: 10px;
}
/* Online Live Chat */
#online-chat {
}

    #online-chat .online-chat-info {
        width: 190px;
        height: 131px;
        background: url('../Images/backgrounds/online_chat.jpg') no-repeat;
    }

        #online-chat .online-chat-info p {
            width: 90px;
            color: #106ea1;
            line-height: 16px;
            font-weight: bold;
            padding: 10px;
            margin: 0;
        }

    #online-chat a#launch-online-chat {
        width: 180px;
        height: 16px;
        background: url('../Images/buttons/button.online.chat.png') no-repeat;
        display: block;
        color: #ffffff;
        font-weight: bold;
        text-shadow: -1px -1px 1px #485a66;
        text-decoration: none;
        padding: 10px 0 10px 10px;
        margin: 0;
    }

.chatbutton {
    background: url("../images/buttons/button.online.chat.png") no-repeat scroll 0 0 transparent;
    display: table;
    padding-right: 19px;
    height: 36px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    /*font-size:small;*/
}

.openchat {
    display: table-cell;
    vertical-align: middle;
    width: 171px;
}

a.chatbuttoncolor {
    color: white;
    text-decoration: none;
}

    a.chatbuttoncolor:hover {
        color: white;
        text-decoration: underline;
    }
/* Forgot Password Page
----------------------------------------------------------*/
#SecurityQuestionLabel {
    font-weight: bold;
}

.subContentWhite div.divsecurityQPanel {
    margin: 0px 0 0px 0;
    float: left;
    padding: 0;
    display: inline;
    /*width: 869px;*/
}

.subContentWhite div.divAssisstancePanel, div.divAssisstancePanel {
    clear: left;
    padding: 10px;
}

.subContentWhite div.divsecurityQPanel .submits {
    float: left;
    clear: both;
    display: inline;
    padding: 0;
}

.subContentWhite div.submits {
    float: left;
}

.subContentWhite div.fpbuttons {
    margin: 20px 3px 0 0;
    padding: 2px 0px;
    float: right;
}

div.complete, div.cancel {
    float: left;
    display: inline-block;
    padding: 0px 0px 0px 5px;
}

div.cancel {
    clear: none;
    display: inline;
    /*margin: 18px 3px 0 0;*/
    padding: 0px 14px;
    background: transparent url('../images/backgrounds/sub_vr.gif') top right repeat-y;
    margin: 0px;
}

.complete a, .complete a:hover {
    margin: 5px 0 0 0;
}

html > body .button-go, html > body .button-go:hover, html > body .button-go:visited {
    width: auto;
}

.button-go, #LoginLinkButton {
    display: block;
    /*width: 10px;*/
    /*height: 22px;*/
    font-family: inherit !important;
    padding: 0px 33px 0 0;
    overflow: visible;
    text-align: right;
    text-decoration: none;
    text-indent: 2px;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    background: url(../images/button.red.go.png) top right no-repeat;
    border: none;
    margin: 0px;
}

.cancel a, .cancel a:hover, .cancel a:visited {
    display: block;
    text-decoration: none;
    text-indent: 2px;
    font-size: 1em;
    color: #676565;
    font-weight: bold;
    margin: 0;
    overflow: visible;
    white-space: nowrap;
    text-transform: uppercase;
    /*padding: 2px 0 0 0;*/
}

/* Home Page
----------------------------------------------------------*/

.sliderBanner {
    height: 250px !important;
    width: 73%;
    margin-right: 1%;
    float: left;
    display: inline;
}

.infoDiv {
    width: 30%;
    overflow: hidden;
    padding: 1% 3% 2% 3%;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    background-color: black;
    height: 169px;
    color: #fff;
}

    .infoDiv p {
        line-height: 30px;
    }

.headerline1 {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1em;
    margin: 0 0 10px 0;
}

.buttonsDiv {
    right: 3%;
    bottom: 10%;
    position: absolute;
}
/*.buttonsDiv a{text-transform:uppercase; padding:5px 10px; display:block; text-decoration:none; color:#fff; font-size:1.2em; background-color:#00899b; float:right; margin:0 0 0 10px; border-radius:4px}*/

/* Featured Vehicles Section */
/*.featuredVeh {
    width: 73%;
    margin-right: 1%;
    position: relative;
    top: 25px;
    clear: left;*/ /*margin-bottom:30px*/
/*}*/

/*.featuredVeh {
    max-width: 100%;
}*/

.group:before, .group:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
/*Grouping Clearfix hack - solves floating problems */
.group:after {
    clear: both;
}

.featuredVehHeader {
    margin-bottom: 15px;
    border-bottom: 1px solid #737373;
}

    .featuredVehHeader h2 {
        position: relative;
        top: -3px;
        display: inline;
    }

.fvTitle {
    display: inline;
    padding-left: 10px;
}

.featuredVeh h5 {
    text-overflow: ellipsis; /*width:135px\0/;*/
    overflow: hidden;
    margin-bottom: 4px;
}

.col {
    /*    display: block;
    float: left;
    margin: 0px 1% 15px 1%;
    text-align: center;*/
}

.findVehicle {
    width: 16%;
    float: left; /*padding:0 2% 0 10px*/
}

    .findVehicle h4 {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .findVehicle ul {
        font-size: 1em;
        list-style: none outside none;
        margin-bottom: 14px;
        padding: 0 0 2px 0px;
    }

    .findVehicle a {
        color: #1D67B2;
        text-decoration: none;
        line-height: 20px;
    }

        .findVehicle a:hover {
            text-decoration: underline;
        }

.homeVehicleType > * {
    display: inline-block;
}



#divBuyerTypeRefiner {
    padding-top: 10px;
    vertical-align: bottom;
}
/*Announcements Section*/
.announcements {
    max-width: 30%;
    float: right;
    display: inline;
    padding-left: 2rem;
}

    .announcements h1 {
        margin: 0px;
    }

    .announcements .tile--content {
        border-style: solid none none none;
    }

    .announcements .headline {
        text-transform: uppercase;
        /*font-size:1.2em;*/
        font-weight: 600;
    }

.divPrimaryAnn {
    min-height: 84px;
}

.divSecondaryAnn {
    min-height: 40px;
}

/*.announcements a, .announcements span {
    font-size: 1em;
    color: #000;
}*/

/*.announcements p {
    margin: 0;
    padding: 0;*/ /*font-size:1em;*/
/*font-weight: bold;
}*/

span.announcementTitleLink {
    color: #1D67B2;
    text-decoration: none;
    line-height: 20px;
}

    span.announcementTitleLink:hover {
        text-decoration: underline;
    }
/*Public Auction Site Info
----------------------------------------------------------*/
.heatmap-wraper {
    padding-top: 20px;
    margin-bottom: 20px;
    padding: 0 30px 15px;
}

    .heatmap-wraper h1 {
        margin-bottom: 5px;
        font-size: 2.0em !important;
    }

    .heatmap-wraper p {
        margin-bottom: 25px;
    }

/*Registration
----------------------------------------------------------*/

/*.container-body, .container-full, .container-half {
    margin: 0 auto;
    max-width: 1230px;
}
*/
.container-body {
    max-width: 100%;
    margin-top: 3rem;
    padding-left: 0px;
}
/*.container-full { max-width: 100%; }
.container-half { max-width: 100%;}*/
.container-gray-bg {
    background: #f0f0f0;
}

.container-body .row, .container-full .row, .container-half .row {
    /* margin-left: -2%;
    margin-right: -2%;*/
}
/* fix for locations pop up on auctions page */
.clearfix:before, .clearfix:after, .container-full:before, .container-full:after, .container-body:before, .container-body:after,
.container-half:before, .container-half:after, .row:before, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .container-body:after, .container-full:after, .container-half:after, .row:after {
    clear: both;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 2%;
    padding-right: 2%;
}

.col-12 {
    width: 96%;
}

.col-11 {
    width: 87.66666667%;
}

.col-10 {
    width: 79.33333333%;
}

.col-9 {
    width: 71%;
}

.col-8 {
    width: 62.66666667%;
}

.col-7 {
    width: 54.33333333%;
}

.col-6 {
    width: 46%;
}

.col-5 {
    width: 37.66666667%;
}

.col-4 {
    width: 29.33333333%;
}

.col-3 {
    width: 21%;
}

.col-2 {
    width: 12.66666667%;
}

.col-1 {
    width: 4.33333333%;
}

.col-offset-12 {
    margin-left: 100%;
}

.col-offset-11 {
    margin-left: 91.66666667%;
}

.col-offset-10 {
    margin-left: 83.33333333%;
}

.col-offset-9 {
    margin-left: 75%;
}

.col-offset-8 {
    margin-left: 66.66666667%;
}

.col-offset-7 {
    margin-left: 58.33333333%;
}

.col-offset-6 {
    margin-left: 50%;
}

.col-offset-5 {
    margin-left: 41.66666667%;
}

.col-offset-4 {
    margin-left: 33.33333333%;
}

.col-offset-3 {
    margin-left: 25%;
}

.col-offset-2 {
    margin-left: 16.66666667%;
}

.col-offset-1 {
    margin-left: 8.33333333%;
}

.registration-intro {
    padding-bottom: 40px;
}

    .registration-intro h1, .welcome-intro h1, .registration-form h1, .registrationh1 {
        margin-bottom: 5px;
        font-size: 2.0em;
    }

    .registration-intro p {
        font-size: 1.1428em;
        line-height: 32px;
        font-weight: 100;
        margin-bottom: 15px;
    }

.registration-form label {
    margin-top: 2rem;
    margin-bottom: 0px;
}

/*input.popUpCloseIcon{background-image:url(../images/popupCLose.png);background-color:transparent;background-repeat:no-repeat;background-position:0 0;border:none;cursor:pointer;height:26px;padding-left:26px;vertical-align:middle;width:26px;position:absolute;top:-23px;right:-22px}*/
.registration-intro .col-11 {
    padding-left: 0;
}

/*.container-form label {
    font-weight: bold;
    display: block;
    color: #555555;
    text-transform: uppercase;
    margin-top: 2.5rem;
}*/

.container-form input[type="checkbox"], .container-form input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    display: none;
    display: inline-block \9;
}

    .container-form input[type="checkbox"] ~ .label-checkbox::before {
        content: "";
        display: inline-block;
        display: none \9;
        width: 22px;
        height: 22px;
        margin: -2px 8px 0 0;
        vertical-align: top;
        background: transparent url('../images/form-sprite.png') no-repeat -32px -128px;
        cursor: pointer;
        position: relative;
    }

    .container-form input[type="checkbox"] ~ .label-checkbox {
        font-weight: normal;
        text-transform: none;
        font-size: 1em;
        display: inline-block;
    }

    .container-form input[type="checkbox"]:checked ~ .label-checkbox::before {
        background-position: -1px -128px;
    }

    .container-form input[type="checkbox"].input-error ~ .label-checkbox::before {
        background-position: -93px -128px;
    }

    .container-form input[type="checkbox"][disabled] ~ .label-checkbox::before {
        cursor: default;
        background-position: -63px -128px;
    }

.account-box {
    min-height: 380px;
    padding: 35px 30px 30px;
    position: relative;
    text-align: left;
}

.account-box-border { /*border:2px solid #d7d7d7;*/
    background: #fff;
}

.public-account {
    border: 1px solid #d7d7d7;
}

.licensed-account {
    border-left: 1px solid #d7d7d7;
}

.container-account-box {
    width: 33%;
    float: left;
    position: relative;
    border: 1px solid #d7d7d7;
    border-collapse: collapse;
}

.account-box h3 {
    color: #383838;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5714em;
    margin-bottom: 5px;
}

.account-box h4 {
    font-weight: 300;
    font-size: 1.2857em;
    color: #c90107;
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

    .account-box h4:before {
        border-top: 1px solid #d4d4d4;
        content: "";
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }

    .account-box h4 span {
        background: #fff;
        padding: 0 8px;
    }

.account-box h3 {
    font-weight: 300;
}

    .account-box h3 strong {
        font-weight: 400;
    }

.account-box ul {
    padding: 0 20px;
    margin-bottom: 0;
}

    .account-box ul li {
        color: #555;
        font-size: 1.0714em;
        font-weight: 300;
        margin-bottom: 23px;
        line-height: 22px;
        position: relative;
        padding-left: 30px;
    }

.account-box i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(../images/registration-sprite.png) no-repeat -2px -1px;
    position: absolute;
    left: 0;
    top: 3px;
}

.account-box sup {
    font-size: .5em;
}

.account-box.free-account i {
    background: transparent url(../images/registration-sprite.png) no-repeat -23px -1px;
}

.account-box ul li:last-child {
    margin-bottom: 0;
}

.arrow-left {
    border-bottom: 30px solid transparent;
    border-right: 30px solid #f0f0f0;
    border-top: 30px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -30px;
}

.arrow-right {
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;
    border-top: 30px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    left: -2px;
    top: 50%;
    margin-top: -30px;
    z-index: 2;
}

.arrow-right-border {
    border-bottom: 32px solid transparent;
    border-left: 32px solid #d7d7d7;
    border-top: 32px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -32px;
    z-index: 1;
}

.arrow-top {
    border-top: 22px solid #f0f0f0;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    right: 50%;
    top: -2px;
    margin-right: -22px;
    z-index: 2;
}

    .arrow-top.white {
        border-top: 22px solid #fff;
    }

.arrow-top-border {
    border-top: 25px solid #d7d7d7;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    right: 50%;
    top: -2px;
    margin-right: -25px;
    z-index: 1;
}

.free-account {
    background: #515151;
    border: none;
}

    .free-account h3 {
        color: #fff;
        border-bottom: 1px solid #6e6e6e;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

    .free-account ul li {
        color: #ebebeb;
    }

.registration-upgrade {
    padding-top: 40px;
    padding-bottom: 40px;
}

.register-container {
    /*padding-top: 30px;*/
    padding-bottom: 30px;
}

    .register-container h2 {
        margin-bottom: 10px;
        position: relative;
        text-align: left;
    }

.email-message {
    margin: 5px 0;
    color: #555;
    font-weight: 400;
}

.terms-text {
    color: #555;
    margin-top: 12px;
}

.upgrade-title {
    text-align: right;
    float: right;
    margin-top: 123px;
    position: relative;
}

    .upgrade-title h3 {
        font-size: 1.1428em;
        color: var(--main-foreground-color);
        margin-bottom: 0;
    }

    .upgrade-title h2 {
        text-transform: uppercase;
        font-size: 2.8571em;
        color: #000;
        font-weight: 300;
        line-height: 45px;
    }

        .upgrade-title h2 span {
            display: block;
            font-weight: 400;
        }

.registration-marker {
    display: inline-block;
    width: 49px;
    height: 41px;
    position: absolute;
    background: transparent url(../images/registration-marker-1.png) no-repeat left top;
}

.marker-2 {
    background: transparent url(../images/registration-marker-2.png) no-repeat left top;
    left: -55px;
    top: 24px;
}

.video-border {
    padding: 6px;
    border: 3px solid #eaeaea;
    border-radius: 5px;
}

.video-container {
    cursor: pointer;
    padding: 0 30px;
    text-align: center;
    position: relative;
}

    .video-container span {
        color: #fff;
        position: relative;
        top: 145px;
        text-shadow: 0 2px 2px rgba(0,0,0,0.9);
    }

.field-validation-error, .input-validation-error {
    color: #c90107;
    line-height: 22px;
    display: inline-block;
    margin-top: 6px;
    font-weight: bold;
}

#lnkRdLogin {
    text-decoration: underline;
    cursor: auto;
}

.container-form input[type="text"].input-validation-error, .container-form textarea.input-validation-error,
.container-form select-wraper.input-validation-error select, .container-form input[type="password"].input-validation-error, .container-form input[type="email"].input-validation-error {
    border: 1px solid #dd1037;
}

.container-form .promo-wraper input[type="text"] {
    display: block;
    width: 100%;
    margin: 5px 0 15px;
}

.typeOfAccount {
    width: 2%;
    float: left;
    margin-top: 15px;
}

.lbltypeOfAccount {
    /*float: left;*/
    /*width: 100%;*/
    min-width: 85%;
    /*margin-top: 15px;*/
}

div.lbltypeOfAccount {
    display: block;
    float: left;
}

div.options {
    width: 100%;
}

    div.options .insidediv {
        min-width: 20%;
        padding: 0;
        float: left;
        padding: 0% 2% 1% 0%;
        vertical-align: top;
    }

        div.options .insidediv:first-child {
            padding-right: 4% !important;
        }

        div.options .insidediv:nth-child(2n) > div.lbltypeOfAccount,
        div.options .insidediv:nth-child(3n) > div.lbltypeOfAccount {
            float: right;
        }

        div.options .insidediv > div > label > input {
            visibility: hidden;
        }

        div.options .insidediv > div > label {
            display: block;
            position: relative;
        }

            div.options .insidediv > div > label > input + img {
                display: inline-block;
                padding: 0px;
                height: 30px;
                width: 30px;
                border: 1px double #ccc;
                pointer-events: none; /*Fix for IE 11*/
                float: left;
            }

            div.options .insidediv > div > label > input:checked + img {
                background: url(../Images/Check.png);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 30px 30px;
            }

    div.options .imgUnChecked {
        display: inline-block;
        padding: 0px;
        height: 30px;
        width: 30px;
        background: none;
        border: 1px double #ccc;
    }

    div.options .imgChecked {
        background: url(../Images/Check.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30px 30px;
    }

div.chkoptions .insidediv > div > label > input {
    visibility: hidden;
}

div.chkoptions .imgUnChecked {
    display: inline-block;
    padding: 0px;
    height: 30px;
    width: 30px;
    background: none;
}

div.chkoptions .imgChecked {
    background: url(../Images/Check.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-primary {
    background: #c90107;
    color: #fff;
    border: 1px solid #1d67b2;
}

/*.btn {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;*/
/*font-size: 1em;*/
/*line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 15px;
    text-align: center;
    vertical-align: middle;
    border: 0 none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}*/

.btn-lg {
    padding: 7px 25px;
    font-size: 1.142em;
}

.icon-temp-password {
    width: 19px;
    height: 13px;
    background: transparent url(../images/registration-sprite.png) no-repeat -46px -5px;
    position: absolute;
    left: 0;
    top: 3px;
}

.icon-bidding {
    width: 79px;
    height: 78px;
    background: transparent url(../images/registration-sprite.png) no-repeat 0 -28px;
    margin: 0 auto 15px;
    display: block;
}

.welcome-intro p {
    margin-bottom: 25px;
    font-weight: 100;
    font-size: 1em;
    line-height: 24px;
}

#resendLink {
    font-size: 1em;
    position: relative;
    padding-left: 25px;
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
}

.container-welcome-upgrade {
    padding-top: 2%;
    padding-bottom: 2%;
}

    .container-welcome-upgrade .arrow-right {
        border-bottom: 30px solid transparent;
        border-left: 30px solid #f0f0f0;
        border-top: 30px solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        left: -2px;
        top: 50%;
        margin-top: -30px;
        z-index: 2;
    }

    .container-welcome-upgrade .arrow-top.white {
        border-top: 22px solid #f0f0f0;
    }

    .container-welcome-upgrade h2, .container-welcome-upgrade p {
        text-align: center;
    }

    .container-welcome-upgrade p {
        font-size: 1.1428em;
        line-height: 32px;
    }

    .container-welcome-upgrade .btn {
        margin: 25px auto 0;
        width: 60%;
    }

.btn-block {
    display: block;
    width: 100%;
}

/*Upgrade To Bid */
.hiddenobj {
    position: absolute;
    top: -10000px;
    display: block !important;
}

.hide-Date-Filelds {
    position: absolute;
    right: 10000px;
}


.container-form input[type="text"], .container-form textarea, .container-form select, .container-form input[type="password"], .container-form input[type="email"],
.container-form input[type="tel"], .container-form input[type="date"], .container-form input[type="number"] {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #000000;
    display: block;
    line-height: 1.5;
    padding: 9px 3%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.container-form select {
    width: 100%;
}

    .container-form select::-ms-expand {
        display: none;
    }

.select-wraper {
    background-color: #f1f2f2;
    background-image: -khtml-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#00ffffff, GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#00ffffff, GradientType=0);
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background-repeat: repeat-y;
    background-position: left top;
    width: 100%;
}

.container-form select {
    cursor: pointer;
    padding: 8px 30px 8px 11px;
    z-index: 1;
    background-color: transparent;
    background-image: url('../images/form-sprite.png');
    background-repeat: no-repeat;
    background-position-x: 125%; /* only for safari. maintain above background-position*/
    background-position-y: 22%;
    background-position: right -80px top -33px;
}

    .container-form select:hover {
        background-color: transparent;
        background-image: url('../images/form-sprite.png');
        background-repeat: no-repeat;
        background-position-x: 125%; /* only for safari. maintain above background-position*/
        background-position-y: 40%;
        background-position: right -80px top -60px;
    }

    .container-form select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

.registration-sidebar {
    margin-bottom: 40px;
}

    .registration-sidebar .container-account-box {
        width: 100%;
        float: none;
    }

    .registration-sidebar .account-box {
        min-height: 0;
        padding: 35px 15px 45px;
    }

    .registration-sidebar .licensed-account {
        border: 1px solid #d7d7d7;
    }

    .registration-sidebar .public-account {
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-top: 1px solid #d7d7d7;
    }

    .registration-sidebar .container-account-box {
        float: none;
        width: 100%;
    }

    .registration-sidebar .account-box ul {
        padding: 0 8px;
    }

    .registration-sidebar .account-box h3 {
        font-size: 1.2857em;
    }

    .registration-sidebar .account-box h4 {
        font-size: 1.0714em;
    }

    .registration-sidebar .account-box-border {
        border: 0 none;
    }

    .registration-sidebar .account-box ul li {
        font-size: 1em;
        margin-bottom: 20px;
    }

        .registration-sidebar .account-box ul li:last-child {
            margin-bottom: 0;
        }

.col-6.progress-wraper {
    margin-bottom: 40px;
    padding-left: 0px;
}

.container-body .row.row-progress, .container-half .row.row-progress {
    margin-left: 0;
    margin-right: 0;
}

.row.row-progress:before {
    border-top: 3px solid #238723;
    bottom: 0;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 23px;
    width: 90%;
    z-index: 0;
    /*left: 20%;*/
}

.step {
    width: 23%;
    height: 100%;
    float: left;
    margin-left: 0;
}

    .stepodd {
    width: 32%;
    height: 100%;
    float: left;
    z-index: 1;
    margin-left: 0;
}

.numberCircle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    padding: 8px;
    font-size: 16px;
    line-height: 1em;
    border: 3px solid #238723;
    position: relative;
    background: #fff;
    color: #238723;
    margin: 0 0 0 50%;
}

.row-progress .step:first-child > *, .row-progress .stepodd:first-child > * {
    margin-left: 0;
    /* .row.row-progress:before  */
}

.row-progress .step:last-child > *, .row-progress .stepodd:last-child > * {
    margin-left: 80%;
}

.row-progress .step:last-child > .step-label, .row-progress .stepodd:last-child > .step-label {
    margin-left: 60%; /* Desktop  */
}
.numberCircleactive {
    background: #238723;
    color: #fff;
}

.numberCircle .height_fix {
    margin-top: 100%;
}

.numberCircle .content {
    position: absolute;
    left: 0;
    top: 50%;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: -8px; /* Note, this must be half the font size */
}

.numberCircle .step-completed {
    background: #fff url(../images/registration-sprite.png) no-repeat -6px -142px;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    left: 23%;
}

.step-label {
    font-size: 1em;
    font-weight: 400;
    font-style: italic;
    margin: 5px 0 0 50%;
    display: inline-block;
}

.step-labelactive {
    color: #000;
    font-weight: bold;
}

.icon-alert-saved {
    background: transparent url(../images/registration-sprite.png) no-repeat scroll -155px -26px;
    height: 19px;
    width: 21px; /*position:absolute;top:12px;left:12px*/
}

.container-form input.datepickerFuture, .container-form input.datepickerPast {
    background-color: transparent;
    background-image: url(../images/form-sprite.png);
    background-repeat: no-repeat;
    background-position: right -75px top -2px;
    margin-bottom: 0;
}

.input-warning {
    background-color: #fcf8e3 !important;
}

.welcome-intro {
    padding-bottom: 30px;
}

    .welcome-intro p {
        margin-bottom: 25px;
    }

#btn-login {
    margin-left: 35px;
}

#divDisplaymsg {
    margin-top: 15px;
}

.icon-tooltip, .icon-tooltip-relative {
    width: 20px;
    height: 20px;
    background: transparent url(../images/registration-sprite.png) no-repeat -72px -1px;
    position: absolute;
    right: 0;
    top: 7px;
    cursor: help;
}

.icon-tooltip-relative {
    position: relative;
    top: 4px;
}

.icon-upload {
    background: transparent url(../images/registration-sprite.png) no-repeat scroll -198px 0;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}

#ItemBusinessButtonUploadToolTip {
    position: relative;
    margin-left: 6px;
}

#btnBusinessLicense {
    display: none;
}

#btnBusinessLicense, #ItemBusinessButtonUploadToolTip {
    display: none;
}

#tooltipPublicReview {
    position: relative;
    margin-left: 6px;
    padding-right: 23px;
}

#WatchlistSection {
    margin-top: 20px;
    position: relative;
    padding-left: 15px;
}

.bidding-content {
    margin: 30px 0 0;
}

#WatchingText, .rightContent {
    font-size: 1.1428em;
}

.icon-watching {
    width: 10px;
    height: 15px;
    background: transparent url(../images/icons/icon_sprite.png) no-repeat -1px -659px;
    position: absolute;
    left: 0;
    top: 3px;
}

.container-marketing {
    min-height: 300px;
    border: 1px solid #d7d7d7;
    padding: 25px;
}

select#IdentificationType {
    margin-bottom: 0;
}

.field-info {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    line-height: 22px;
    font-weight: 400;
}

.datepicker-input {
    position: relative;
}

.wraper-identification {
    margin-bottom: 30px;
}

.wraper-address {
    margin-bottom: 10px;
}

#AdditionalPhone {
    display: none;
}

#BL_AdditionalPhone {
    display: none;
}

.link-icon {
    display: inline-block;
    padding-left: 25px;
    position: relative;
    vertical-align: top;
}

.tooltip-text {
    display: inline-block;
    padding-right: 27px;
    position: relative;
    vertical-align: top;
}

.wraper-identification .wraper-upload-id .tooltip-text { /*padding-right:0*/
}

#btn-add-phone {
    padding-left: 24px;
    margin-top: 10px;
}

.icon-plus {
    width: 18px;
    height: 18px;
    background: transparent url(../images/registration-sprite.png) no-repeat -96px -2px;
    position: absolute;
    left: 0;
    top: 1px;
}

    .icon-plus.icon-minus {
        background: transparent url(../images/registration-sprite.png) no-repeat -118px -2px;
    }

#btnContinue {
    display: none;
}

#btnSave {
    margin-left: 20px;
}

.wraper-upload-id {
    margin-top: 15px;
    margin-bottom: 5px;
}

.upload-dashed {
    border: 2px dashed #ccc;
    border-radius: 4px;
    padding: 5px 15px;
}

.wraper-upload-id p {
    margin-bottom: 10px;
}

.wraper-upload-id .icon-tooltip {
    top: 1px;
}

.wraper-upload-id .upload-label {
    margin-top: 6px;
}

.upload-label {
    padding-left: 30px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 6px 0 10px;
}

#identiyFilesCount {
    overflow: auto;
}

.btn.MultiFile-applied {
    margin-bottom: 10px;
}

#address_fileupload {
    margin-top: 8px;
}

.license-wraper .btn.MultiFile-applied {
    margin-bottom: 0;
}

.address-col {
    display: table-cell;
    padding-left: 15px;
    padding-right: 10px;
    vertical-align: middle;
}

    .address-col.address-label {
        padding-left: 0;
    }

.address-checkbox {
    width: 30px;
}

.container-form .address-checkbox input[type="checkbox"] ~ .label-checkbox::before {
    margin-top: 2px;
}

.btn-info-edit {
    padding: 6px 55px;
}

.buttons-wraper {
    margin-bottom: 35px;
}

    .buttons-wraper .btn-primary {
        min-width: 245px;
        margin-left: 20px;
        padding-left: 15px;
        padding-right: 15px;
        float: right;
    }

.buttons-wraper-docusing {
    margin-bottom: 20px;
}

.MultiFile-wrap {
    height: 36px;
    margin: 2px;
    overflow: hidden;
    position: relative;
    width: 120px;
    background-color: #fff;
    cursor: pointer;
    background: #fff url(../images/registration-sprite.png) no-repeat 11px -106px;
    border-radius: 4px;
    border: 1px solid #1d67b2;
    margin: 0 0 10px 0;
}

.iconSelectFileFrench {
    width: 140px !important;
    background: #fff url(../images/registration-sprite-fr.png) no-repeat 11px -106px !important;
}

input[type="file"] {
    cursor: pointer;
}

.MultiFile-wrap > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 120px;
    cursor: pointer;
    font-size: 14px;
}

.MultiFile-wrap > .MultiFile {
    background-color: #494949;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 34px;
    margin: 0 0 0 -1px;
    padding-left: 0;
    width: 121px;
    cursor: pointer;
}

.wraper-upload-id input.btn-secondary[type="file"] {
    margin-bottom: 10px;
}

input[type="file"].btn-secondary:hover {
    background: #f7f7f7 url(../images/registration-sprite.png) no-repeat 11px -106px;
}

.btn-secondary {
    background-color: #fff;
    border: .1rem solid #c90107;
    color: #fff;
    color: #222;
}

.deleteRow {
    margin-top: 15px;
}

.upload-wraper {
    position: relative;
    display: block;
}

.container-form label.label-upload {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    text-transform: none;
    color: #1d67b2;
    font-weight: 400;
    font-size: 1em;
    margin: 0;
    top: 8px;
    left: 22px;
}

.MultiFile-list {
    display: block;
    margin-bottom: 10px;
}

div.MultiFile-label {
    padding: 15px 25px;
    min-width: 450px;
    background: #f5f6f8;
    border: 1px solid #d4d4d4;
}

.MultiFile-label .MultiFile-remove, .MultiFile-label .deleteidentity_file, .MultiFile-label #deleteutil_file {
    display: block;
    float: right;
    height: 18px;
    width: 15px;
    background: transparent url(../images/registration-sprite.png) no-repeat -184px -43px;
    text-indent: -9999px;
    margin-left: 15px;
}

    .MultiFile-label .MultiFile-remove:hover, .MultiFile-label .deleteidentity_file:hover, .MultiFile-label #deleteutil_file:hover {
        background-position: -200px -43px;
    }

.MultiFile-list .MultiFile-label:nth-child(2) {
    border-top: 0 none;
}

#uploadedimage {
    max-width: 100%;
    max-height: auto;
    display: block;
    margin: 0 auto;
}

#PreviewPopup .popContent {
    width: 730px;
    height: 450px;
}

#VideoPopup .popContent {
    min-height: 420px;
}

.business-address-header {
    overflow: hidden;
}

    .business-address-header h2 {
        display: inline-block;
        float: left;
        margin-right: 30px;
    }

.container-form .business-address-header input[type="checkbox"] ~ .label-checkbox {
    float: left;
    color: #222222;
    font-size: 1em;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0;
}

.wraper-business-address {
    margin-bottom: 35px;
}

.business-license-wraper {
    margin-bottom: 20px;
}

.wraper-upload-license {
    margin-top: 15px;
}

    .wraper-upload-license .upload-label {
        margin-right: 10px;
    }

.business-license {
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.editorRow {
    margin: 0 0 20px;
    overflow: hidden;
}

.l-icon {
    padding: 6px 15px 6px 35px;
}

    .l-icon i {
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 13px;
        top: 11px;
    }

    .l-icon .icon-minus {
        background: transparent url(../images/registration-sprite.png) no-repeat scroll -118px -2px;
        height: 18px;
        width: 18px;
        left: 10px;
        top: 2px;
    }

#addItem {
    margin: 0px 0 20px;
    padding: 6px 30px;
}

.container-docusign {
    margin-bottom: 60px;
}



ol.reviewInfo {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 30px;
}

    ol.reviewInfo li {
        margin: 0px 0px 10px 0px;
        padding-left: 0px;
        font-weight: 400;
    }

        ol.reviewInfo li:last-child {
            margin-bottom: 0;
        }

span.reviewLabel {
    font-weight: 100;
    color: var(--main-foreground-color);
    text-align: right;
    margin-right: 5px;
}

.review-info {
    margin-bottom: 0;
}

    .review-info li {
        font-weight: 400;
        margin: 15px 0;
        padding-left: 25px;
    }

        .review-info li:last-child {
            margin-bottom: 0;
        }

    .review-info label {
        font-weight: 100;
        color: #7a7a7a;
        text-align: right;
        margin-right: 15px;
        float: left;
        clear: both; /**/
    }

.review-wraper p {
    margin: 8px 0px 15px 0px;
}

.review-information-wraper h2 {
    margin-bottom: 12px;
}

.review-information-wraper h3 {
    font-size: 1.285em;
    font-weight: normal;
    color: #252525;
    margin-bottom: 10px;
}

.review-information-wraper {
    margin: 5px 0 30px;
    padding: 1.250em 0em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    .review-information-wraper.review-business {
        border-top: none;
        margin: 0;
        padding-top: 0;
        padding-bottom: 10px;
    }

.review-business .review-info {
    margin-bottom: 30px;
}

#PrivacyPolicyPopupWindow {
    line-height: 22px;
}

.auction-rules-wraper {
    margin-top: 20px;
}

#auction-rules-error, #chkNonDealerTerms-error, #AddrProvinceCode-publicrules-error, #chkRules_MPI_error, #chkRules_SGI_error, #chkRules_ICBC_error {
    display: none;
}

.cell-display {
    display: table-cell;
}

.cell-button {
    padding-left: 15px;
    width: 100%;
}

.cell-tooltip {
    padding-left: 5px;
    width: 30px;
    vertical-align: top;
    padding-right: 15px;
}

.cell-tooltip-wraper {
    width: 30px;
    padding-left: 8px;
    padding-top: 8px;
}

    .cell-tooltip-wraper .icon-tooltip {
        position: relative;
        top: 0;
        left: 0;
    }

.license-wraper {
    padding-bottom: 15px;
    cursor: pointer;
    -moz-border-radius: 0;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    display: block;
}

.additional-lic {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.salesRep-wrapper { /*padding-bottom:15px;*/
    cursor: pointer;
    -moz-border-radius: 0;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    display: block;
    border: 1px solid #ccc;
    padding-left: 1rem;
}

.container-body .additional-lic .row {
    margin: 0;
}

.container-body .additional-lic .date-select-wraper .row {
    margin-left: -15px;
    margin-right: -15px;
}

.container-body .salesRep-wrapper .row {
    margin: 0;
}

#addLicense {
    margin-top: 20px;
}

.removeLicense {
    margin-top: 35px;
}

.accordion-title {
    background: #e1e1e1 url(../images/registration-sprite.png) no-repeat -146px -138px;
    background: url(../images/registration-sprite.png) no-repeat -146px -138px,linear-gradient(top,#ededed 0%,#e1e1e1 100%);
    background: url(../images/registration-sprite.png) no-repeat -146px -138px,-webkit-gradient(top,#ededed 0%,#e1e1e1 100%);
    background: url(../images/registration-sprite.png) no-repeat -146px -138px,-moz-linear-gradient(top,#ededed 0%,#e1e1e1 100%);
    padding: 12px 15px 12px 45px;
    border: 1px solid #ccc;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .accordion-title h4 {
        margin-bottom: 0;
        color: #1d67b2;
        font-weight: normal;
        font-size: 1.1em;
    }

        .accordion-title h4 .license-state-title {
            font-weight: 100;
            color: #222222;
        }

.license-open .accordion-title {
    background: #ededed url(../images/registration-sprite.png) no-repeat -145px -70px;
    -moz-border-radius: 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.accordion-title-main {
    display: none;
}

.accordion-wrapper {
    margin-bottom: 8px;
}

.col-4.select-month select, .col-4.select-day select, .col-4.select-year select {
    font-size: 13px;
    padding: 9px 30px 10px 5px;
    background-position-x: 850%; /* for Safari */
    background-position-y: 23%; /* for Safari */
    background-position: right -85px top -34px;
    margin-bottom: 0;
    padding: 9px 8px 9px 5px \9;
}

    .col-4.select-month select:hover, .col-4.select-day select:hover, .col-4.select-year select:hover {
        background-position-x: 850%; /* for Safari */
        background-position-y: 40%; /* for Safari */
        background-position: right -85px top -60px;
    }
/*.col-4.select-month{padding-right:7px}
.col-4.select-day{padding-right:7px;padding-left:7px}
.col-4.select-year{padding-left:7px}*/
.public-auctions-buttons {
    margin-top: 40px;
}

.upgrade-button-wraper {
    margin-bottom: 15px;
}

    .upgrade-button-wraper .cell-tooltip, .upgrade-button-wraper .cell-button {
        padding-left: 0;
        padding-right: 0;
    }

.container-form input[type="text"].datepickerPast, .container-form input[type="text"].datepickerFuture {
    margin-bottom: 0;
}

#FederalEmpIdentification {
    margin-bottom: 0;
}

.license-wraper .MultiFile-list {
    margin-bottom: 10px;
}

.delete_License_file, .delete_SalesRep_file {
    background: transparent url(../images/registration-sprite.png) no-repeat scroll -184px -43px;
    display: block;
    float: right;
    height: 18px;
    margin-left: 15px;
    text-indent: -9999px;
    width: 15px;
}

.promo-wraper {
    padding-top: 20px;
    margin-bottom: 30px;
}

    .promo-wraper hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 35px 0 0;
        padding: 0;
    }

    .promo-wraper .alert {
        margin-bottom: 0;
        margin-top: 15px;
    }

.container-form .promo-wraper label {
    display: inline-block;
    vertical-align: top;
}

.container-form .promo-wraper input[type="text"] {
    display: inline-block;
    width: 200px;
    margin-right: 10px;
    margin-left: 8px;
}

.container-form label span.usd-label {
    color: #222222;
    font-weight: 600;
    font-size: 14px;
}

#paymentIframe {
    border: 0 none;
}

.fee-label {
    display: inline-block;
    margin-right: 60px;
    padding-top: 1px;
    vertical-align: top;
}

    .fee-label span, .fee-label label {
        font-size: 2em;
        color: #222222;
    }

    .fee-label label {
        font-weight: 300;
        margin: 0;
        text-transform: none;
    }

    .fee-label span {
        font-weight: 700;
    }

.promo-form {
    display: inline-block;
    vertical-align: top;
}

    .promo-form label {
        margin-top: 12px;
    }

.payment-intro p {
    margin-top: 8px;
}

#CreditCardSection {
    padding-left: 0;
    padding-right: 0;
}

.payment-confirmation-wraper {
    margin-bottom: 30px;
}

    .payment-confirmation-wraper .btn {
        padding: 8px 65px;
    }

.list-default {
    margin-left: 20px;
    margin-bottom: 15px;
}

    .list-default li {
        font-weight: 100;
        margin-bottom: 10px;
        position: relative;
        padding-left: 20px;
        color: #222222;
    }

.list-light li {
    font-weight: lighter;
    color: #555;
}

.list-default li:before {
    content: "";
    display: inline-block;
    border: 2px solid #737373;
    border-radius: 50%;
    height: 8px;
    margin: 0 5px;
    width: 8px;
    position: absolute;
    left: 0;
    top: 6px;
}

.sub-doc-list {
    margin-left: 20px;
    position: relative;
    padding-left: 17px;
}

    .sub-doc-list:before {
        content: "";
        display: inline-block;
        background: #8c8c8c;
        border-radius: 50%;
        height: 6px;
        margin: 0 5px;
        width: 6px;
        position: absolute;
        left: 0;
        top: 9px;
    }

.icon-pdf {
    height: 16px;
    width: 16px;
    background: #fff url(../images/icons/icons_sprite.png) no-repeat scroll -60px 0;
    position: absolute;
    left: 0;
    top: 2px;
}

.list-pdf {
    margin-left: 20px;
}

    .list-pdf li {
        position: relative;
        margin-bottom: 15px;
        padding-left: 23px;
    }

.listing-divider {
    border: 2px solid #b5b5b5;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 0 5px;
    width: 8px;
}

.alert.alert-documents {
    padding: 25px 25px 27px;
    margin-bottom: 35px;
    margin-top: 10px;
}

    .alert.alert-documents p {
        color: #222222;
        margin-bottom: 8px;
    }

.additional-forms-wraper {
    margin-bottom: 40px;
}

.password-btn-container {
    margin-bottom: 40px;
}

.email-text {
    font-weight: 600;
    display: block;
    margin: 0 0 30px;
}

#divFEINLink span {
    display: block;
    margin-top: 8px;
}

#chat-wraper {
    position: fixed;
    bottom: 0;
    right: 15px;
    width: 265px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0 -1px 7px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 -1px 7px 0 rgba(0,0,0,0.2);
    box-shadow: 0 -1px 7px 0 rgba(0,0,0,0.2);
    z-index: 999;
}

.chat-header {
    position: relative;
    background: #656565;
    border: 1px solid #656565;
    padding: 10px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

    .chat-header:hover {
        background: #545454;
    }

    .chat-header a {
        font-weight: 600;
        font-size: 1.0714em;
        color: #fff;
    }

        .chat-header a:hover {
            text-decoration: none;
            color: #fff;
        }

.chat-body {
    background: #fff;
    padding: 12px 20px 18px;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .chat-body p {
        line-height: 20px;
        font-size: .9285em;
        margin-bottom: 8px;
    }

    .chat-body .btn {
        margin-top: 5px;
    }

    .chat-body strong {
        color: #222222;
    }

.or-text {
    display: block;
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
}

    .or-text:before {
        border-top: 1px solid #d4d4d4;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        z-index: -1;
    }

    .or-text p {
        display: block;
        width: 50px;
        height: 30px;
        background: #fff;
        margin: 0 auto;
    }

    .or-text span {
        display: block;
        width: 30px;
        height: 30px;
        background: #a6a6a6;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 0 auto;
        text-align: center;
        padding: 4px;
        color: #fff;
        font-weight: 400;
    }

.icon-arrow-up {
    background: transparent url(../images/registration-sprite.png) no-repeat scroll -272px -10px;
    height: 9px;
    width: 15px;
    position: absolute;
    right: 20px;
    top: 16px;
}

.l-icon .icon-chat {
    background: transparent url(../images/registration-sprite.png) no-repeat scroll -217px -24px;
    height: 19px;
    width: 19px;
    left: 31px;
    top: 7px;
}

.chat-open .icon-arrow-up {
    background: transparent url(../images/registration-sprite.png) no-repeat scroll -241px -10px;
}

#mobile-header {
    height: 41px;
    padding: 7px 0 0 8px;
    background: #e11111;
    background: -moz-linear-gradient(top,#e11111 0%,#bd1111 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e11111),color-stop(100%,#bd1111));
    background: -webkit-linear-gradient(top,#e11111 0%,#bd1111 100%);
    background: -o-linear-gradient(top,#e11111 0%,#bd1111 100%);
    background: -ms-linear-gradient(top,#e11111 0%,#bd1111 100%);
}

    #mobile-header a {
        display: block;
        width: 46px;
        height: 27px;
    }

        #mobile-header a img {
            max-width: 46px;
        }

.buttons:link, .buttons:active, .buttons:visited, .buttons {
    width: auto;
    height: auto;
    margin-top: 5px;
    padding: 5px 10px;
    overflow: visible;
    white-space: nowrap;
    font-size: .75em;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-appearance: none;
    opacity: 1;
}

.grayBut {
    background: #434343;
    border: 1px #000;
}

    .grayBut:hover {
        background: #000;
        cursor: pointer;
    }

#PublicWhoCanBuyPopupWindow .popHeader, #TearmsAndConditionPopup .popHeader {
    padding: 0;
}

#PublicWhoCanBuyPopupWindow .popContent {
    padding: 0 30px 15px;
}

.heat-map-states-mobile {
    border: 1px solid #d9d9d9;
    margin-bottom: 15px;
}

.state-mobile {
    padding: 8px 15px;
    font-size: 1em;
    border-bottom: 1px solid #d9d9d9;
}

    .state-mobile a {
        font-size: 1em;
    }

.heatmap-states {
    background: #f5f6f8;
    border: 1px solid #e8e9eb;
    padding: 20px 20px 25px 30px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .heatmap-states h4 {
        padding-left: 45px;
        position: relative;
        margin-bottom: 12px;
    }

    .heatmap-states ul {
        margin-bottom: 0;
        width: 20%;
        float: left;
    }

        .heatmap-states ul li {
            font-weight: 300;
            margin-bottom: 10px;
            font-size: .9285em;
        }

            .heatmap-states ul li:last-child {
                margin-bottom: 0;
            }

.icon-car {
    background: transparent url(../images/registration-sprite.png) no-repeat scroll -247px -31px;
    height: 15px;
    width: 36px;
    position: absolute;
    left: 0;
    top: 3px;
}

.review-heatmap .col-12 {
    padding-left: 0;
    padding-right: 0;
}

#editToolTipBottom {
    margin-left: 6px;
    position: relative;
}

.buttons-review {
    margin-top: 30px;
}

.btn-back {
    display: inline-block;
    margin-top: 8px;
    padding: 7px 25px;
    position: relative;
    vertical-align: top;
    border: 1px solid #1D67B2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.icon-back {
    background: transparent url(../images/registration-sprite.png) no-repeat scroll -142px -4px;
    height: 15px;
    left: 5px;
    position: absolute;
    top: 10px;
    width: 9px;
}

.tooltip-mobile {
    display: none;
    position: absolute;
    padding: 10px 12px;
    font-size: 1em;
    line-height: 22px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid #222222;
    background: #ededed;
    color: #2d2d2d;
    -webkit-box-shadow: 4px 4px 5px rgba(92,105,94,0.5);
    -moz-box-shadow: 4px 4px 5px rgba(92,105,94,0.5);
    box-shadow: 4px 4px 5px rgba(92,105,94,0.5);
    z-index: 9999;
}

.tooltip-btn-mobile {
    position: relative;
    width: 19px;
    height: 19px;
    display: inline-block;
    top: 2px;
    margin-left: 2px;
}

.tooltip-arrow {
    position: absolute;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #222222;
    border-bottom: 8px solid transparent;
}

.tooltip-container {
    position: relative;
}

.section-container {
    padding: 20px 25px;
    background: #fff;
    border: 1px solid #d6d6d6;
    margin-bottom: 45px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.section-container-gray {
    background: #f5f6f8;
    border: 1px solid #e8e9eb;
}

.solo-btn-wraper {
    margin: 25px 0 15px;
}

.tooltip-password-container {
    position: relative;
}

.tooltip-password {
    position: absolute;
    width: 300px;
    right: -300px;
    top: -27px;
    padding: 15px;
    border-radius: 5px;
    border: 2px solid #222222;
    background: #ededed;
    color: #2d2d2d;
    -webkit-box-shadow: 4px 4px 5px rgba(92,105,94,0.5);
    -moz-box-shadow: 4px 4px 5px rgba(92,105,94,0.5);
    box-shadow: 4px 4px 5px rgba(92,105,94,0.5);
    display: none;
}

    .tooltip-password .list-default {
        margin: 0;
    }

        .tooltip-password .list-default li {
            font-weight: 100;
        }

            .tooltip-password .list-default li:last-child {
                margin-bottom: 0;
            }

    .tooltip-password:before {
        border-bottom: 12px solid transparent;
        border-right: 12px solid #222222;
        border-top: 12px solid transparent;
        border-left: 12px solid transparent;
        content: "";
        display: block;
        position: absolute;
        left: -24px;
        top: 50%;
        margin-top: -13px;
    }

    .tooltip-password:after {
        border-bottom: 12px solid transparent;
        border-right: 12px solid #ededed;
        border-top: 12px solid transparent;
        border-left: 12px solid transparent;
        content: "";
        display: block;
        position: absolute;
        left: -21px;
        top: 50%;
        margin-top: -13px;
    }

#REAIframe {
    width: 100%;
    height: 875px;
    margin-bottom: 20px;
}


.noTitle .ui-dialog-titlebar {
    display: none;
}
/* login
----------------------------------------------------------*/
#loginForm {
    position: relative;
}

.required {
    color: red;
}

.errorstyle {
    background-color: #F4CD30;
    border: 1px solid #DAB325;
    font-weight: bold;
    padding: 5px;
}

.loginbuttons {
    /*background-color: #00899b;*/
    color: #fff;
    /*border: 1px solid #00899b;*/
    cursor: pointer;
    font-size: 1.2em !important;
    font-weight: 500;
    padding: 7px !important;
    margin-right: 8px;
    width: auto;
    border-radius: 4px !important;
}

.loginHeader {
    background-color: #222222;
    color: #fff;
    font-size: 1.35em;
    padding: 8px 10px;
    border-radius: 4px;
    margin: 0 0 5px -10px;
}

.Leftlogin, .rightLogin {
    border: 1px solid #e3e3e3;
    float: left;
    padding: 0 0 0 10px;
    margin: 0 20px 20px 0;
    width: 425px;
    border-radius: 4px;
    font-size: 0.95em;
    min-height: 260px;
    position: relative;
}

    .Leftlogin input[type=text], .Leftlogin input[type=password], .rightLogin select {
        width: 200px;
        margin: 0 10px 0 0;
    }
    /*.Leftlogin input:focus, .rightLogin select:focus{background-color:#fff; border:1px solid #737373}*/
    /*.Leftlogin input[type=submit], .rightLogin input[type=submit]{font-size:12px}*/
    .Leftlogin ul {
        padding: 10px 0 0 20px;
    }

    .Leftlogin li {
        list-style: none;
        padding: 10px 0 0 0;
    }

    .rightLogin ul {
        padding: 10px 0 0 20px;
    }

    .rightLogin li {
        list-style: disc;
        padding: 0 0 10px 0;
    }

    .rightLogin a {
        text-decoration: none;
        color: #fff;
        font-size: 0.9em;
        margin-top: 6px;
        margin-bottom: 5px;
    }

    .Leftlogin p, .rightLogin p {
        /*margin: 0 0 10px 0;*/
        margin: 20px 0 6px 0;
        float: left;
        display: inline-block;
        vertical-align: bottom;
    }

    .Leftlogin label {
        padding: 0 0 3px 0;
    }

.rememberMe, .password, .userName, .needAccount {
    padding: 10px 0 0 0;
}

.errorstyle {
    background-color: #F4CD30;
    border: 1px solid #DAB325;
    font-weight: bold;
    padding: 5px;
}
/*********Registration Modules Styles End **********/

/* My Profile
----------------------------------------------------------*/
.myprofile {
    /*padding: 10px 0 0 20px;*/
}

.divLoginSecurity span {
    min-width: 150px;
    display: inline-block;
}

/* Change Password
----------------------------------------------------------*/
#ulPasswordEdit li {
    padding: 1% 0 0 1%;
}

    #ulPasswordEdit li div {
        display: inline;
        width: 99%;
        float: left;
        padding: 1% 0 1% 1%;
    }

.cpinputtext {
    width: 200px;
    margin: 0;
}

.cpinputspan {
    vertical-align: middle;
    float: left;
    width: 35%;
    padding-right: 2px;
    padding-top: 3px;
}

.cpinputrequiredspan {
    vertical-align: middle;
    display: inline;
    color: #DB0000;
    clear: both;
}

/* Company Details
----------------------------------------------------------*/
.divCompanyDetails span {
    min-width: 150px;
    display: inline-block;
}
/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h1 {
        font-weight: normal;
        font-size: 1.8em;
    }

    hgroup.title h2 {
        font-weight: normal;
        font-size: 1.4em;
        margin-left: 3px;
    }

    hgroup.title h3 {
        font-weight: normal;
        font-size: 1.2em;
        margin-left: 3px;
    }
/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 15px 0;
        padding-left: 25px;
    }


/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }


/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #222222;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1em;
    font-weight: 300;
}

    label.checkbox {
        display: inline;
    }

input, textarea, select {
    border: 1px solid #737373;
    background: #fff;
    color: #222222;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
    border-radius: 4px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    /*    width: 100% !important;
    opacity: 1 !important;
    height: auto !important;*/
}

input[type="submit"],
input[type="button"],
button {
    cursor: pointer;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #c90107; /*#e80c4d;*/
    font-weight: bold;
    text-align: left;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #c90107; /*#e80c4d;*/
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* ///////////////////  Alerts //////////////////////////// */

.alert {
    padding: 10px 1%;
    background: #ffb9b9;
    margin-bottom: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

    .alert p {
        margin-bottom: 0;
        font-size: 1em;
        padding-right: 15px;
    }

.alert-error {
    background: #f2dede;
    border: 1px solid #ebccd1;
}

.alert.alert-error p {
    color: #c90107;
    margin-top: 0px;
    padding-left: 10px;
}

.alert-success {
    background: #d6e4cf;
    border: 1px solid #c8d5c1;
}

.alert-warning {
    background: #fcf8e3;
    border: 1px solid #eddfc2;
}

.alert.alert-warning p {
    color: #8a6d3b;
    margin-top: 0px;
    padding-left: 10px;
}

.alert.alert-server p {
    padding-left: 15px;
    margin-top: 0px;
}

.alert.alert-saved p {
    padding-left: 15px;
    margin-top: 0px;
}

.alert.alert-success p, .alert.alert-success .field-validation-error {
    color: #1E711E; /*#238723;*/
    margin-top: 0px;
    padding-left: 0px;
}

.alert .field-validation-error {
    font-size: 1em;
}

.icon-alert-server {
    background: transparent url("../images/registration-sprite.png") no-repeat scroll -155px -53px;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 17px;
    left: 1px;
}

.close-alert {
    width: 18px;
    height: 18px;
    right: 15px;
    top: 10px;
    position: absolute;
    cursor: pointer;
    background: transparent url("../images/registration-sprite.png") no-repeat scroll -216px -43px;
}

    .close-alert:hover {
        background-position: -232px -43px;
    }

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    /*margin-top: 0.75em;*/
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #222222;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

/********Contact Buyer Services************/
#buyer-services .right-column h1 span.status {
    font-weight: normal;
}

#buyer-services {
    background: #f2f2f2 url(../images/backgrounds/sub_a.jpg) 0 0 repeat-y;
    margin: 22px 0 0 0;
    float: left;
    width: 950px;
}

    #buyer-services .content {
        clear: both;
        width: 100%;
        width: 951px;
        height: auto;
        background: transparent url(../images/backgrounds/sub_a.bottom.png) bottom left no-repeat;
        padding: 0 0 3px 0;
        float: left;
        display: inline;
    }

    #buyer-services .left-column {
        width: 222px;
        float: left;
        background: transparent url(../images/backgrounds/sub_a.top.png) top left no-repeat;
        padding: 3px 0 0 0;
    }

        #buyer-services .left-column .left-top {
            clear: both;
            float: left;
            width: 207px;
            padding: 13px 0 15px 15px;
        }

        #buyer-services .left-column .left-bottom {
            clear: both;
            float: left;
            width: 206px;
            padding: 16px 0 16px 13px;
        }

    #buyer-services .left-bottom .technologyBanner {
        display: block;
        width: 195px;
        height: 24px;
        padding-top: 7px;
        background: transparent url(../images/technology-banner-bg.png) no-repeat left top;
        text-decoration: none;
        margin-bottom: 10px;
    }

    #buyer-services .left-bottom .technologyLabel {
        display: block;
        width: 180px;
        padding: 1px 0 9px 9px;
        color: #233f51;
        font-weight: bold;
        float: left;
        text-decoration: none;
    }

    #buyer-services .right-column {
        width: 690px;
        float: left;
        background: transparent url(../images/backgrounds/sub_a.top.png) top right no-repeat;
        padding: 13px 0 24px 19px;
    }

        #buyer-services .right-column.about {
            padding-bottom: 21px;
        }

        #buyer-services .right-column h1 {
            color: #c90107;
            font-size: 1.3em;
        }

            #buyer-services .right-column h1 span {
                font-weight: normal;
            }

        #buyer-services .right-column p {
            width: 650px;
            line-height: 1.3em;
            margin-right: 20px;
            font-size: 0.9em;
        }

    #buyer-services .confirmation-right-column p {
        width: 650px;
        line-height: 1.3em;
        margin-right: 20px;
    }

    #buyer-services .right-column p.intro {
        width: 85%;
        margin: 3px 0 0 0;
    }

    #buyer-services .right-column p.introHalf {
        width: 48%;
        margin: 3px 0 0 0;
    }

        #buyer-services .right-column p.introHalf img {
            margin: 6px 0 0 0;
        }

    #buyer-services .left-top .sub-nav {
        float: left;
        display: inline;
        margin: 0 0 0 0;
        width: 191px;
        font-size: 0.9em !important;
        position: relative;
        background: #aeaeae url(../images/backgrounds/sub_nav_bottom.gif) bottom left no-repeat;
    }

        #buyer-services .left-top .sub-nav a.active, #buyer-services .left-top .sub-nav a.active:hover {
            background: #c90107 url(../images/backgrounds/sub_nav_item_active.png) top left no-repeat !important;
            border-bottom: solid 1px #c0c0c0;
            clear: both;
            width: 181px;
            padding: 8px 0 9px 9px;
            color: #fff;
        }

        #buyer-services .left-top .sub-nav a, #buyer-services .left-top .sub-nav a:hover {
            background: #fff url(../images/backgrounds/sub_nav_item.png) bottom left no-repeat;
            clear: both;
            width: 182px;
            padding: 8px 0 9px 9px;
            color: #233f51;
            font-weight: bold;
            float: left;
            text-decoration: none;
        }

            #buyer-services .left-top .sub-nav a:hover {
                color: #c90107;
            }

            #buyer-services .left-top .sub-nav a.hasTertiary, #buyer-services .left-top .sub-nav a.hasTertiary:hover {
                background: #fff url(../images/backgrounds/sub_nav_item_hasTertiary.png) top left no-repeat;
            }

                #buyer-services .left-top .sub-nav a.hasTertiary:hover {
                }

                #buyer-services .left-top .sub-nav a.hasTertiary.active, #buyer-services .left-top .sub-nav a.hasTertiary.active:hover {
                    border-bottom: solid 1px #c0c0c0;
                    background: #c90107 url(../images/backgrounds/sub_nav_item_active.png) top left no-repeat !important;
                }

            #buyer-services .left-top .sub-nav a.tertiary, #buyer-services .left-top .sub-nav a.tertiary:hover, #buyer-services .left-top .sub-nav a.tertiaryActive, #buyer-services .left-top .sub-nav a.tertiaryActive:hover, #buyer-services .left-top .sub-nav a.tertiaryFirst, #buyer-services .left-top .sub-nav a.tertiaryFirst:hover, #buyer-services .left-top .sub-nav a.tertiaryLast, #buyer-services .left-top .sub-nav a.tertiaryLast:hover {
                width: 167px;
                padding: 6px 0 5px 23px;
            }

                #buyer-services .left-top .sub-nav a.tertiary, #buyer-services .left-top .sub-nav a.tertiary:hover {
                    background: #fff url(../images/backgrounds/sub_nav_item_tertiary.png) top left no-repeat;
                }

                    #buyer-services .left-top .sub-nav a.tertiary:hover, #buyer-services .left-top .sub-nav a.tertiaryFirst:hover {
                        background: #fff url(../images/backgrounds/sub_nav_item_tertiary.png) top left no-repeat;
                    }

            #buyer-services .left-top .sub-nav a.tertiaryFirst {
                background: #fff url(../images/backgrounds/sub_nav_item_tertiary.png) top left no-repeat;
            }

            #buyer-services .left-top .sub-nav a.tertiaryLast, #buyer-services .left-top .sub-nav a.tertiaryLast:hover {
                background: #fff url(../images/backgrounds/sub_nav_item_tertiary_last.png) top left no-repeat;
            }

                #buyer-services .left-top .sub-nav a.tertiaryLast:hover {
                }

            #buyer-services .left-top .sub-nav a.tertiaryActive, #buyer-services .left-top .sub-nav a.tertiaryActive:hover {
                color: #FFF;
                border-top: solid 1px #c0c0c0;
                border-bottom: solid 1px #c0c0c0;
                background: #c90107 url(../images/backgrounds/sub_nav_item_tertiary_active.png) top left no-repeat;
                padding-bottom: 6px;
            }

    #buyer-services .left-bottom h2 {
        color: #82300b;
    }

    #buyer-services .left-bottom p {
        margin: 14px 0 0 0;
        width: 179px;
        color: #222222;
        line-height: 1.5em;
    }

        #buyer-services .left-bottom p.custService {
            clear: both;
            margin: 0;
        }

        #buyer-services .left-bottom p.contactInfo {
            clear: both;
            margin: 8px 0 0 0;
        }

    #buyer-services .content .contentInner dl, #buyer-services .content .support dl {
        width: 651px;
        margin: 3px 0 0 0;
        padding: 17px 18px 20px 19px;
        background-color: #fff;
        float: left;
        position: relative;
        border-bottom: solid 1px #FFF;
    }

    #buyer-services .content dl dt.required, #buyer-services .content dl dt.required {
        position: absolute;
        top: 19px;
        right: 18px;
        width: 30%;
        font-style: italic;
        text-align: right;
        color: #222222;
        font-weight: normal;
    }

    #buyer-services .right-column p.introduction {
        font-size: 1.3em;
        width: 680px;
        text-align: justify;
    }

    #buyer-services .right-column .services-content h2 {
        background: #434343;
        color: #ffffff;
        font-size: 1em;
        padding: 4px 20px;
        margin: 10px 20px 20px;
    }

    #buyer-services .right-column .services-content p, .services-content h3 {
        margin: 2px 20px 2px;
        font-size: 0.85em;
        width: 530px;
        text-align: left;
        padding: 2px 2px;
        text-align: justify;
    }

    #buyer-services .right-column .services-content img.right {
        position: relative;
        vertical-align: middle;
        padding-right: 20px;
    }

/* Buyer Services */
.buyer-services #content {
    /*width: 685px;*/
    background: #ffffff;
    margin: 10px 0;
}

    .buyer-services #content h2 {
        background: #434343;
        color: #ffffff;
        font-size: 16px;
        border-radius: 5px;
        padding: 4px 20px;
        margin: 10px 0 20px;
    }

.buyer-services-info {
    padding: 0 20px 20px 20px;
}

.contact-info {
}

    .contact-info h3 {
        font-size: 14px;
        font-weight: normal;
    }

    .contact-info .text {
        width: 97%;
        margin: 0 0 0 20px;
    }

    .contact-info p {
        width: auto !important;
        line-height: 16px !important;
        margin: 20px 0 20px !important;
    }

        .contact-info p.intro {
            font-size: 12px !important;
            margin-top: 0 !important;
            color: #666666 !important;
            text-align: justify;
        }

.contact-info-form {
    width: 100%;
    margin: 0 20px 0 0;
}

    .contact-info-form p {
        width: auto !important;
        color: #666666 !important;
        /*font-size: 12px !important;*/
        line-height: 16px !important;
        margin-bottom: 15px !important;
    }

    .contact-info-form table td {
        padding: 0px !important;
        margin: 0px !important;
    }

    .contact-info-form .contact-form {
        background: #e3e3e3;
        border-radius: 5px;
        padding: 20px 20px;
    }

        .contact-info-form .contact-form input {
            /*width: 88% !important;*/
            padding: 3px 5px;
            margin-bottom: 10px;
        }

        .contact-info-form .contact-form select {
            width: 165px;
            padding: 3px;
            margin-bottom: 10px;
        }

        .contact-info-form .contact-form .servicecategoryselect {
            width: 395px;
            padding: 3px;
            margin-bottom: 10px;
        }

        .contact-info-form .contact-form textarea {
            width: 100%;
        }

        .contact-info-form .contact-form label {
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 0px;
        }

            .contact-info-form .contact-form label .red,
            .red {
                color: #E00000;
            }


/* FAQ */
.faq #content {
    /*width: 685px;*/
    background: #ffffff;
    margin: 15px 0 10px 0;
}

.faq-info {
    position: relative;
    padding: 0 20px 20px 20px;
    /*padding-right: 0;*/
}

    .faq-info .faq-content {
        width: 97%;
        position: relative;
        background: #ffffff;
        border: 1px solid #eeeeee;
        box-shadow: 1px 1px 1px #bebebe;
        /*float: left;*/
        z-index: 2;
        padding: 15px 10px;
        margin: 0;
    }

        .faq-info .faq-content .header {
            width: 300px;
            height: auto;
            background: none;
            float: left;
        }

        .faq-info .faq-content .faqheader h2 {
            color: #434343;
            font-size: 14px;
            font-weight: bold;
            margin: 0 0 5px 0;
        }

        .faq-info .faq-content .header .toggle-options {
            margin: 0 0 20px 0;
        }

            .faq-info .faq-content .header .toggle-options a {
                margin: 0 2px;
                font-size: 0.8em;
            }

        .faq-info .faq-content .utility {
            width: 150px;
            position: relative;
            float: left;
        }

            .faq-info .faq-content .utility a.pdf-link {
                background: url('../Images/icons/pdf.png') top left no-repeat;
                position: absolute;
                top: 10px;
                padding: 1px 0 3px 20px;
                font-size: 0.8em;
            }

                .faq-info .faq-content .utility a.pdf-link:hover {
                    text-decoration: none;
                }

    .faq-info .faq-nav {
        width: 215px;
        position: absolute;
        float: left;
        top: 30px;
        right: 0;
        display: table;
    }

        .faq-info .faq-nav .faq-link-wrapper {
            display: table-row;
        }

        .faq-info .faq-nav a {
            background: url('../Images/buttons/faq-nav.png') left no-repeat;
            display: block;
            padding: 0 5px 0 45px;
            height: 40px;
            z-index: -1;
            color: #666666;
            font-size: 13px;
            font-weight: bold;
            text-decoration: none;
            display: table-cell;
            vertical-align: middle;
        }

            .faq-info .faq-nav a:hover,
            .faq-info .faq-nav a.active {
                position: relative;
                background: url('../Images/buttons/faq-nav-active.png') left no-repeat;
                z-index: 10;
                color: #ffffff;
            }

            .faq-info .faq-nav a:hover {
                background: url('../Images/buttons/faq-nav-hvr.png') left no-repeat;
            }

            .faq-info .faq-nav a.active:hover {
                background: url('../Images/buttons/faq-nav-active.png') left no-repeat;
            }

/* Toggler */
.toggler {
    background: url('../Images/icons/toggler/toggle-off.png') no-repeat left top;
    color: #434343;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
    display: block;
    padding: 0 0 0 30px;
    margin: 0 15px 10px 0;
}

.toggler-content {
    display: none;
    padding: 0;
    margin: 10px 15px 25px 45px;
}

    .toggler-content p {
        width: auto !important;
        margin: 0 0 15px !important;
        line-height: 18px !important;
    }

    .toggler-content ul,
    .toggler-content ol {
        margin: 10px 0 10px 20px;
    }

        .toggler-content ul li,
        .toggler-content ol li {
            margin: 0 0 5px;
        }

.toggler-active,
.toggler-content-visible {
    display: block;
}

.toggler-inactive,
.toggler-content-invisible {
    display: none;
}

.toggler:hover {
    color: #c90107;
    text-decoration: underline;
}

.toggler-active {
    background: url('../Images/icons/toggler/toggle-on.png') no-repeat left top;
    color: #c90107;
}



/* Red Button */
.red-button-go,
.red-button-go:hover,
.red-button-go:visited {
    display: inline;
    height: 14px;
    padding: 2px 25px 0 0;
    overflow: visible;
    text-decoration: none;
    text-indent: 2px;
    text-transform: none;
    font-size: 0.8em;
    color: #c90107;
    font-weight: bold;
    white-space: nowrap;
    background: url('../Images/buttons/button.red.go.sm_non-sprite.png') top right no-repeat;
}

.lableContactForm {
    font-size: .9em;
    line-height: 16px;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

sup {
    line-height: 8px;
}

/* Block Content */
.cta_box {
    width: 190px;
    background: #ffffff;
    box-shadow: 1px 1px 1px #9d9d9d;
    padding: 0;
    margin: 0 0 25px 0;
}

.cta_helpbox {
    width: 190px;
    background: #ffffff;
    box-shadow: 1px 1px 1px #9d9d9d;
    padding: 0;
    margin: 0 0 0 0;
}
/* Need Help? */
#need-help {
    width: 170px;
    padding: 10px;
}

    #need-help .need-help-info {
    }

        #need-help .need-help-info p {
            font-size: 0.688em;
            line-height: 15px;
            margin: 8px 0;
        }

        #need-help .need-help-info h3 {
            color: #d3870e;
            font-size: 0.875em;
        }

.deleteselected {
    float: right;
    display: inline;
    margin: 16px 0 0 0;
    padding: 0px 20px 0px 0;
    background: transparent url(../images/backgrounds/sub_vr.gif) top right repeat-y;
    height: 18px;
}

    .deleteselected a:hover {
        background-position: -149px top;
    }

    .deleteselected a, .deleteselected a:hover {
        display: block;
        width: 117px;
        height: 17px;
        text-align: right;
        text-decoration: none;
        text-indent: 2px;
        font-size: 1.2em;
        color: #3b6187;
        font-weight: bold;
        padding: 7px 33px 0 0;
        margin-top: -4px;
        overflow: visible;
        text-transform: uppercase;
        background: transparent url(../images/buttons/deleteselected.png) top left no-repeat;
    }

.modalBox {
    min-height: 200px;
    max-height: 500px;
    padding: 15px;
}

.normalFont {
    font-weight: 100;
}

.noMargin {
    margin: 0px !important;
}

.noPadding {
    padding: 0px !important;
}

/**************** start registration payment *********/
.payCell-button {
    padding-left: 5px;
    width: 100%;
}

.payCell-tooltip {
    padding-left: 5px;
    width: 25px;
    position: relative;
}

.payCell-display {
    display: table-cell;
}

.payTooltip-container {
    width: 25px;
    padding-top: 25px;
}

.payTooltip {
    position: absolute;
    width: 210px;
    top: -195px;
    left: -115px;
    padding: 20px 20px 12px 20px;
    border-radius: 5px;
    border: 2px solid #222222;
    background: #ededed;
    color: #2d2d2d;
    -webkit-box-shadow: 4px 4px 5px rgba(92, 105, 94, 0.5);
    -moz-box-shadow: 4px 4px 5px rgba(92, 105, 94, 0.5);
    box-shadow: 4px 4px 5px rgba(92, 105, 94, 0.5);
    display: none;
}

    .payTooltip ::before {
        border-bottom: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #222222;
        border-left: 12px solid transparent;
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: -24px;
        margin-left: -7px;
    }

.cc-header h2 {
    display: inline-block;
    float: left;
    margin-right: 30px;
}

.cards-wraper {
    float: left;
}

    .cards-wraper p {
        display: inline-block;
        font-size: 14px;
        margin-top: 8px;
        /*padding-right: 157px;*/
        position: relative;
        vertical-align: top;
    }

.icon-cards {
    width: 44px;
    height: 31px;
    position: absolute;
    background: transparent url('../images/cc-sprite.png') no-repeat 0 0;
}

.icon-block {
    display: inline-block;
}

.icon-discover {
    background-position: 0 -75px !important;
    right: 0;
    top: -3px;
}

.icon-visa {
    right: 104px;
    top: -3px;
}

.icon-master-card {
    background-position: 0 -37px !important;
    right: 52px;
    top: -3px;
}

.terms-container {
    display: none;
}

.cc-number {
    /*background:#fff url('../images/cc-sprite.png') no-repeat 5px -115px;*/
    background-color: #fff;
    background-image: url('../images/cc-sprite.png');
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 125%;
    background-position: right 5px top -115px;
}

.terms-wraper {
    height: 105px;
    overflow-y: scroll;
    padding: 5px 10px 10px 10px;
    border: 1px solid #b8bbbf;
    background: #f2f2f2;
}
/**************** end registration payment *********/

.how-to-buy, #content .howTobuyFindVeh {
    color: #222222 !important;
    font-weight: bold;
}

.right {
    float: right;
}

img.right {
    position: relative;
    vertical-align: middle;
    padding-right: 20px;
}

/* start service vendors*/
.right-column div.notice {
    padding: 20px 10px 10px 10px;
}

.paginationMain {
    width: 100%;
    height: 40px;
    background-color: #e3e3e3;
    padding: 2px 0 0 0;
    margin: 20px 0 0 0;
    font-size: 12px;
    text-align: center;
}

.pageMain {
    width: auto;
    display: inline-block;
    padding: 7px 0 0 0;
}

    .pageMain ul li {
        display: inline;
    }

.customlisttagPrevious {
    margin: 0 2px 0 0;
}

.customlisttagNext {
    margin: 0 0 0 2px;
}

table.serviceVendors {
    clear: both;
    /*width: 908px;*/
    background-color: #FFF;
}

    table.serviceVendors tr th {
        padding: 15px 9px 9px 9px;
        background-color: #fff;
        /*font-size: 1.1em;*/
        font-weight: 500;
        text-align: left;
        vertical-align: middle;
    }

    table.serviceVendors tr td {
        padding: 15px 9px 9px 9px;
        font-size: 1em;
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
    }

    table.serviceVendors tr:nth-child(odd) {
        background: #f7f7f7;
    }

    table.serviceVendors tr:nth-child(even) {
        background: #fff;
    }

button.pagebutton, .pagebutton button:hover,
.pageMain ul li button[class="pagebutton"]:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #cfcfcf;
    padding: 4px 7px;
    text-decoration: none;
}

.activepage {
    background-color: #1f5f82 !important;
    color: #fff !important;
    border: 1px solid #1f5f82 !important;
    cursor: text !important;
}

.disabled {
    color: #cfcfcf !important;
    cursor: text !important;
}

.underline {
    text-decoration: underline !important;
}

.text_decoration_none {
    text-decoration: none !important;
}

.VendorName {
    width: 150px !important;
}

.VendorPhone {
    width: 100px !important;
}

.VendorURL {
    width: 100px !important;
}

.VendorEmail {
    width: 100px !important;
}

.VendorCoverageArea {
    width: 175px !important;
}
/* end service vendors*/
.cursorText {
    cursor: text !important;
}

/* start help section */
#divgreyBackground #HelpSection {
    bottom: -3px;
}

#HelpSection {
    clear: both;
    height: auto;
    padding: 0;
    width: 100%;
    /*max-width: var(--width-Body) !important;*/
    float: left;
    bottom: -5px;
    background: rgba(201,201,201,1);
    background: -moz-linear-gradient(left, rgba(201,201,201,1) 0%, rgba(201,201,201,1) 5%, rgba(212,212,212,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(201,201,201,1)), color-stop(5%, rgba(201,201,201,1)), color-stop(17%, rgba(212,212,212,1)), color-stop(45%, rgba(194,194,194,0.99)), color-stop(85%, rgba(204,204,204,0.98)), color-stop(100%, rgba(166,166,166,0.98)));
    background: -webkit-linear-gradient(left, rgba(201,201,201,1) 0%, rgba(201,201,201,1) 5%, rgba(212,212,212,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    background: -o-linear-gradient(left, rgba(201,201,201,1) 0%, rgba(201,201,201,1) 5%, rgba(212,212,212,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    background: -ms-linear-gradient(left, rgba(201,201,201,1) 0%, rgba(201,201,201,1) 5%, rgba(212,212,212,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    background: linear-gradient(to right, rgba(201,201,201,1) 0%, rgba(201,201,201,1) 5%, rgba(224,224,224,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#a6a6a6', GradientType=1 );
}

    #HelpSection .helpWrapper {
        /*width: 911px;margin: 20px 40px !important;*/
        width: 95%;
        border: none;
        margin: 2% 2.5% !important;
        /*max-width: var(--width-Body) !important;*/
        background-color: #fff;
        float: left;
        display: inline;
        background: #fff url(../images/backgrounds/help-vr.gif) top center repeat-y;
    }

        #HelpSection .helpWrapper h2 {
            font-size: 1.1em;
            font-weight: bold;
            background: #fff url(../images/backgrounds/help-hr.gif) bottom left repeat-x;
            padding: 18px 0 14px 21px;
        }

    #HelpSection .left {
        width: 45%;
        float: left;
        margin: 2% 1% 2% 3.5%;
        display: inline;
    }

        #HelpSection .left ul li {
            font-size: 0.9em;
            font-weight: normal;
            line-height: 1.3em;
        }

    #HelpSection .helpWrapper h3 {
        font-size: 1em;
        font-weight: bold;
        margin: 0 0 4px 0;
    }

    #HelpSection .helpWrapper p {
        font-size: 0.9em;
        font-weight: normal;
        line-height: 1.3em;
        padding: 0 0 0 2px;
    }

    #HelpSection .right {
        width: 36%;
        margin: 1% 11% 2% 0%;
        display: inline;
    }

/* end help section */
/*Branch Details Modal*/
/*.popWrapper { max-width: 980px; display:none; }
.whiteContent { max-width: 980px; }
.popHeader { height: 0; padding: 0;}
.popContent { padding: 0 15px; max-height:500px;min-height:100px;}*/

.details-map {
    background: #ccc;
    margin-bottom: 10px;
    min-height: 200px;
    width: 100%;
}

.details-map-container {
    height: 200px;
    position: relative;
    width: 100%;
}

ul.main-details li {
    font-size: 14px;
    color: #565656;
    margin-bottom: 15px;
}

ul.main-details h2 {
    margin-bottom: 2px;
}

    ul.main-details h2:last-child {
        margin-bottom: 0;
    }

ul.main-details li:last-child {
    margin-bottom: 0;
}

ul.main-details span.span-block {
    display: block;
}

.image-border {
    padding: 6px;
    border-top: 1px solid #eaeaea;
    border-bottom: 4px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    background-color: white;
    margin-bottom: 15px;
}

.infocontainer .row {
    border: none;
    float: none;
    width: auto;
}

.infocontainer h1 {
    margin-bottom: 5px;
    font-size: 2.0em !important;
}

.parallax-section .infocontainer {
    padding: 0 15px 20px;
}

.parallax-main p {
    font-size: 13px;
}

.bottomNav {
    max-width: 950px;
}

.sequence-table {
    background: #fff;
    font-size: 12px;
    color: #6e6e6e;
    width: 100%;
    border-collapse: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.05);
}

.icon {
    float: none;
    margin: 0;
}

/*Vehicle Details
----------------------------------------------------------*/
#divVehicleDetails {
    padding: 20px 10px 0 10px;
    position: relative;
    overflow: hidden;
    display: inline-table;
    width: 98%;
}

    #divVehicleDetails .detailHeader {
        margin: 0;
        padding: 0;
    }

#headerinfo #detailHeaderInfo {
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: -o-calc(100% - 180px);
    width: calc(100% - 180px);
}

#headerinfo #detailHeaderlogo {
    float: right;
}

/*.detailRight{float:left; margin:0px 0% 0 2%; width:100%; display:table-column; max-width:43%; padding-left:1%;}
.detailLeft {float:left;display: table-column;
    white-space: nowrap;}*/
.detailLeft {
    float: left;
    display: table-column;
    white-space: nowrap;
    width: 64%;
    min-width: 766px;
}

.detailRight {
    float: left;
    display: table-column;
    white-space: nowrap;
    width: 32%;
    padding-left: 1%;
}

.detailHeader { /*float: left; position:relative;*/
}

    .detailHeader h1 {
        font-weight: bold;
        font-size: 1.2em; /*line-height: 34px;*/
        color: #222222;
    }

.divVDheaderinfo {
    /*display: inline-block;*/
    /*padding:inherit;
    margin:0px 0px 0px -10px;*/
    /*width: 100%;*/
}

.secondary {
    width: 100%;
    float: left;
    font-size: 17px;
    padding: 5px 0;
}

    .secondary ul {
        overflow: hidden;
    }

        .secondary ul li {
            display: inline;
        }

            .secondary ul li:last-child {
                border-right: 0;
            }

.detailImage {
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden;
    /*-webkit-box-shadow: 0 8px 10px -10px #ababab;*/
    padding: 0 0 10px 0;
    display: block;
}

.largeImg > img {
    float: left;
}

.largeImg {
    float: left;
    position: relative;
    overflow: hidden;
}

#spacedthumbs {
    float: left;
    width: 213px; /*width:213px*/
}

    #spacedthumbs div {
        float: left;
        margin: 2px 2px 3px 5px;
    }

    #spacedthumbs img {
        float: left;
        margin: 0 5px 0 0;
        height: 73px;
        width: 94px;
    }

.imageSectIcons {
    font-size: 13px;
}

.enlarge a {
    padding: 3px 10px 3px 20px;
    margin: 3px 0;
    background: url('../images/icons/icon_sprite.png') no-repeat 0 -211px;
    display: inline-block;
    color: #1D67B2;
}

.download a {
    padding: 3px 10px 3px 20px;
    margin: 3px 0;
    background: url('../images/icons/icon_sprite.png') no-repeat 0 -255px;
    display: inline-block;
    color: #1D67B2;
}

.fullViewimg {
    /*width:540px;*/
    max-width: 550px;
}

.thumbnaildiv {
    height: 75px;
    width: 96px;
    float: left;
    display: inline-block;
    border: 1px solid #fff;
}
/*arrow up-down*/
.arrowUp {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.arrowDown {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #434343;
    margin: 10px 6px;
    position: absolute;
    right: 5px;
    top: 0;
    float: right;
}

.arrowDownHistory {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #1D67B2;
    margin: 0px 6px;
    top: 6px;
    position: absolute;
}
/*Error Messages*/
.errorWrapper {
    border-radius: 0 0 4px 4px;
    color: #000000;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 5px 30px 9px 10px;
    height: 10px;
}

.errorWrapperOpen {
    height: auto; /*z-index:999;*/
    /*-webkit-box-shadow: 3px 3px 6px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 3px 3px 6px rgba(50, 50, 50, 0.5);
    box-shadow: 3px 3px 6px rgba(50, 50, 50, 0.5);*/
    position: inherit;
}

body.sessionExpired .errorWrapper, body.sessionExpired #dashboardUserifbidOfferArea {
    display: none !important;
    visibility: hidden !important;
}


#sessionTimoutOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #sessionTimoutOverlay div {
        background: #fff;
        padding: 30px 40px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
        text-align: center;
        width: 300px;
        height: 200px;
        margin: 10rem auto;
    }

#sessionTimoutOverlay button {
    margin-top: 20px;
    padding: 8px 24px;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    #sessionTimoutOverlay button:hover {
        background: #0056b3;
    }

#sessionTimoutOverlay.show {
    display: block !important;
}

.detailOverTL {
    position: relative;
}

.detailAction { /*height: 34px;*/
    min-width: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.detailActionHover {
    overflow: inherit;
}

#vddetails label {
    display: inline !important;
    white-space: normal;
}

.moreInfoIcon {
    border-bottom: 1px dotted #1D67B2;
    color: #1D67B2;
    font-size: 13px;
    font-weight: bold;
    cursor: default;
}

.locationsBox {
    font-size: 13px; /*background-color:#ebebeb; border:0px solid #e3e3e3; margin:0 0 20px 0;*/
    overflow: hidden;
}

.dateLoc {
    clear: both; /*margin:7px;*/
    float: left;
    width: auto;
    max-width: 92%;
    padding-right: 2rem;
}

.date2 {
    width: 40px;
    float: left;
    margin-right: 8px;
    border: 1px solid #434343;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
}

.loct { /*float:left;*/
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
    display: inline-block;
}

.dateMonth {
    background-color: #a20106;
    color: #fff;
    font-size: 13px;
}

    .dateMonth label {
        color: #fff;
    }

.font01 label {
    font-size: 9px;
}

#vddetails label {
    display: inline !important;
    white-space: normal;
}

.locationBoxTitle {
    clear: both;
    width: 97%;
    float: left;
    background-color: #ebebeb;
    padding: 4px 5px 0 5px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.locAdditionInfo {
    font-size: 11px;
}

.stockItemWrap {
    padding: 5px;
    background-color: #f1f1f1;
    border-top: 1px solid #e3e3e3;
    overflow: hidden;
    box-shadow: -1px -1px 0 #fff;
}

.stockLaneItemBG {
    text-shadow: 1px 1px 2px #FFFFFF;
}

.detailRight .conditionCheck, .detailRight .saleInfo, .detailRight .vinInfo, .detailRight .notesInfo {
    width: 100%;
    float: left;
    margin: 0 10px 20px 0;
    font-size: 10pt;
    border-radius: 4px;
    min-height: 207px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
}

.detailRight .conditionCheck, .detailRight .saleInfo, .detailRight .vinInfo {
    width: 100%;
    float: left;
    margin: 0 10px 20px 0;
    font-size: 10pt;
    border-radius: 4px;
    min-height: 207px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
}

.detailRight .notesInfo {
    min-height: 30px;
    vertical-align: middle;
    padding-top: 4px;
}

table.tableVeh, table.vd, table.whoCanBid {
    border: 0;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.vehAtrributeTitle, .vendorHeader {
    clear: both;
    padding: 4px 3px 0 3px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
    overflow: hidden;
}

.detailRight h3 {
    font-weight: bold;
    text-transform: uppercase;
}

.detailLeft h3 {
    font-weight: bold;
    text-transform: uppercase;
}

.strong label {
    font-weight: bold;
}

.label {
    padding: 0 7px 4px 0;
    float: left;
    display: inline;
    color: var(--main-foreground-color);
    text-align: right;
}

.lightGrayBut {
    background-color: #f1f1f1;
    border: 1px solid #737373;
    color: #222222;
    width: auto;
    height: auto;
    margin-top: 5px;
    padding: 5px 10px;
    overflow: visible;
    white-space: nowrap;
}

.lightGrayDisbl {
    opacity: 0.5;
    cursor: default !important;
    border: 1px solid #737373 !important;
}

.buttonTag {
    background: url('../images/icons/icon_sprite.png') no-repeat 5px -659px;
    padding: 4px 20px;
}

#VehicleOverviewSection h1 {
    font-weight: bold;
}

.detailOverview ul {
    padding: 0 5px;
}

    .detailOverview ul li {
        display: inline-block;
        text-align: center;
        padding: 5px 3px;
        vertical-align: top;
        font-size: 9pt;
        font-weight: bold; /*border-right:1px solid #737373*/
    }

        .detailOverview ul li:last-child {
            background: none;
            border-right: 0px;
        }

        .detailOverview ul li div, .ActionBut li div {
            margin: 0 auto;
            max-width: 100px;
            white-space: normal;
        }

.overViewSub {
    font-size: 7pt;
    font-weight: normal;
}

.overviewSubtext {
    font-size: 6pt;
    font-weight: normal;
}

.overviewSubEll {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
}

.detailOverview {
    width: 100%;
    background-color: #000;
    overflow: hidden;
    vertical-align: bottom;
    color: #e3e3e3;
    border-radius: 4px;
}

    .detailOverview label {
        color: #e3e3e3 !important;
    }

    .detailOverview ul {
        display: flex;
        flex-wrap: wrap;
    }

    .detailOverview li {
        margin: 0 4px 4px 0;
    }

.OverviewFuel {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -7px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewODO {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -53px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewCYL {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -110px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewTran {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -154px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewRunDrive {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -343px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.PPSRPath_OVERVIEWINFO {
    width: 50px;
    height: 30px;    
    opacity: .9;
    filter: alpha(opacity=90);
}
.OverviewTitle {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -252px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubAutomobile {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -401px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubSnowmobile {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -923px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubMotorcycle {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -878px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubHeavyEquipment {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1037px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubOther {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1508px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubCrane {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1191px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubFarmEquipment {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1133px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubForestryEquipment {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1421px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubMotorHome {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1371px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubTravelTrailer {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1334px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubPersonalWatercraft {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1084px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubBoat {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -983px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubTrailer {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1459px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubBus {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1244px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubEmergencyEquipment {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1290px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewLightTruck {
    width: 50px;
    height: 30px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubTruck {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -401px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubWheel {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -293px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubGen {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -699px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubLength {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -595px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubBoatTrailer {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -753px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubSlider {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -1562px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubWheel {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -295px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewWheelAxels {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons.png') no-repeat 0 -808px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewActualCashValue, .OverviewMotorcheckValue {
    width: 50px;
    height: 30px;
    opacity: .9;
    filter: alpha(opacity=90);
}

    .OverviewActualCashValue label, .OverviewMotorcheckValue label {
        display: inline;
        vertical-align: middle;
        font-size: 1.2em;
        padding-top: 1px;
        word-break: normal;
        white-space: normal;
    }

.OverviewEstimatedRepairCost {
    width: 100px;
    min-height: 30px;
    opacity: .9;
    filter: alpha(opacity=90);
}

    .OverviewEstimatedRepairCost label {
        display: inline;
        vertical-align: middle;
        font-size: 1.2em;
        padding-top: 1px;
        width: 100px;
        word-break: normal;
        white-space: normal;
    }

.whocanBidCircle {
    display: block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px; /* or 50% */
    border-radius: 10px; /* or 50% */
    /*background-color: #337ab7;*/
    color: white;
    text-align: center;
}

.legendCircle {
    display: inline-block;
}


    .legendCircle span {
        padding: .1em 0.5em .2em .4em;
        border-radius: 50%;
        font-size: .8em;
    }

.legendCircleValue {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    max-width: 1em;
    max-height: 1em;
    padding: 2px;
    border: 1px solid;
    text-align: center;
    font: 0.8em Arial, sans-serif;
    display: inline-block !important;
    margin: 0 0 0 2px;
}

    .legendCircleValue.treeView {
        padding: 1px !important;
        min-width: 1.4em;
        min-height: 1.4em;
        width: 1.4em;
        height: 1.4em;
    }



.greenCircle {
    background-color: green !important;
    color: rgb(226, 234, 243) !important;
    border-color: rgb(88, 107, 123) !important;
}

.blueCircle {
    background-color: #337ab7 !important;
    color: #FFFFFF !important;
    border-color: rgb(88, 107, 123) !important;
}

.yellowCircle {
    background-color: yellow !important;
    border-color: #5d5d5d !important;
    border: 1px solid;
    color: #3e3e3e !important;
}

.printButton {
    padding: 1%;
    width: 20px;
}

.imgprintButton {
    width: 20px;
    position: absolute;
    padding-right: 20px;
    right: 0;
    top: 25px;
}

.actionBut {
    clear: both;
    padding: 10px;
    text-align: center;
}

    .actionBut a:hover {
        text-decoration: none;
    }

.actionBut2 {
    margin: 28px 0 10px 0;
}

.actionBut li {
    list-style: none;
    display: inline-block;
    padding: 0 20px 0 0;
    text-align: center;
    max-width: 225px;
    min-width: 150px;
    vertical-align: top;
}

    .actionBut li:last-child {
        padding: 0;
    }

.actionBut .buttons {
    min-width: 100px;
}

.bidBuyUSD {
    font-size: 10px;
    color: #737373;
}

.actionWrapper {
    float: left;
    border-bottom: 1px solid #e3e3e3;
    /*box-shadow: 0 8px 10px -10px #ABABAB;*/
    width: 100%;
    margin: 0 0 5px 0;
}

    .actionWrapper input[type="button"] {
        min-width: 120px;
        font-size: 14px;
    }

.grayBut {
    background: #434343;
    border: 1px #000;
}

    .grayBut:hover {
        background: #000;
        cursor: pointer;
    }

.grayButDisbl {
    background: #aaa;
    border: 1px solid #000;
}

.grayButLight {
    background: #c1c1c1;
    border: 1px solid #737373;
    color: #434343;
}

    .grayButLight:hover {
        background: #737373;
        border: 1px solid #434343;
        color: #e3e3e3;
        cursor: pointer;
    }

.grayButLightDisbl {
    background: #e3e3e3;
    border: 1px solid #737373;
    color: #c1c1c1;
}

.redBut {
    background: #a10005;
    border: 1px solid #742102;
    width: auto;
    height: auto;
    margin-top: 5px;
    padding: 5px 10px;
    overflow: visible;
    white-space: nowrap;
    font-size: .75em;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-appearance: none;
    opacity: 1;
}

    .redBut:hover {
        background: #742102;
        cursor: pointer;
    }

.redButDisbl {
    background: #a10005;
    border: 1px solid #742102;
    opacity: 0.3;
}

    .redButDisbl:hover {
        background: #a10005;
        border: 1px solid #742102;
        opacity: 0.3;
        filter: alpha(opacity=30);
        cursor: default !important;
    }

.greenBut {
    background: #238723;
    border: 1px solid #275937;
    width: auto;
    height: auto;
    margin-top: 5px;
    padding: 5px 5px;
    overflow: visible;
    white-space: nowrap;
    font-size: .75em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-appearance: none;
    opacity: 1;
}

    .greenBut:hover {
        background: #275937;
        cursor: pointer;
    }

.joinNowBut {
    min-width: 120px !important;
    /*font-size: 0.8em !important;*/
}

.buyNowBut {
    background: url('../Images/icons/buynow_logo-06-85x19.jpg');
    background-repeat: no-repeat;
    background-position: 50% bottom;
    width: 85px !important;
    border: none;
}

.buyNowCloseBut {
    background: url('../Images/buttons/close-additional-bidders.png');
    background-repeat: no-repeat;
    background-position: 50% bottom;
    width: 85px !important;
    border: none;
}

    .buyNowCloseBut:focus {
        border: none;
    }

.buynowSuccess span {
    color: #1f761f; /*#238723;*/
}

.buynowError span {
    color: #c90107;
}

.greenButDisbl {
    background: #8ebb8e;
    border: 1px solid #275937;
    opacity: 0.3;
    color: #222222;
}

    .greenButDisbl:hover {
        background: #8ebb8e;
        border: 1px solid #275937;
        opacity: .3;
        filter: alpha(opacity=30);
        cursor: default;
    }

.vehAtrributeTitle, .vendorHeader {
    clear: both;
    padding: 4px 3px 0 3px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
    overflow: hidden;
}

.PreBidResult {
    padding: 5px;
}

    .PreBidResult span {
        white-space: normal;
    }

.conditBody {
    display: table;
    /*padding: 5px 10px;*/
    width: 100%;
}

.conditTableCell {
    display: table-cell;
    padding: 2px 10px;
    vertical-align: top;
}

.conditTableRow.review .conditTableCell {
    padding: 0px !important;
    vertical-align: unset !important;
}

.conditTableCell > span {
    white-space: normal;
    word-break: break-word;
}

.additionalSalesRep {
    padding: 0px;
}

.vendorTableRow, .vehinfoRow, .preBidrow, .conditTableRow, .saleListTableRow {
    display: table-row;
}

.saleListTableCell {
    display: table-cell;
    vertical-align: bottom;
}

.conditLabel {
    color: var(--main-foreground-color);
    max-width: 165px;
    font-weight: bold;
}

#divVINInfo .conditBody {
    display: block;
}

.vINDetails, .conditionInfoDetails {
    width: 100%;
    display: inline-table;
}

.carfaxBlock .conditBody .conditLabel {
    padding-left: 0px;
}

.conditBody .conditTableRow .conditLabel {
    text-align: left !important;
}

.conditBody .conditTableRow :not(.conditLabel) {
    text-align: justify !important;
    float: right;
}


.conditBullet {
    color: var(--main-foreground-color);
    text-align: right;
}

.dataVDleft {
    vertical-align: middle;
}

.vehAttributesBox {
    border-top: 1px dotted #f1f1f1;
    margin: 10px 0;
    overflow: visible;
    margin: 10px auto;
}

.vehAttributesBoxTitle {
    color: #737373;
    padding: 10px 0 10px 0px;
    font-size: 14px;
    text-transform: uppercase;
}

.displayTable {
    display: table;
    margin: 0 auto;
    padding: 0 0 10px 0;
}

.displayTableRow {
    display: table-row;
}

.displayTableCell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 0;
}

.wcbCheck {
    width: 14px;
    color: #238723;
    font-weight: bold;
    font-size: 1.2em;
    display: table-cell;
}

.conditTableRow, .displayTableRow {
    display: table-row;
}

#images {
    padding-top: 35px;
}

#divEnlargeImages {
    padding: 20px;
}

#allImages-buttons {
    padding: 0 1rem;
}



.airBagwrapper {
    display: table;
    clear: both;
    margin: 0 auto;
}

.airBagTableRow {
    display: table-row;
    height: 93px;
}

.airBagTableCell {
    display: table-cell;
}

.airBagLeft {
    text-align: right;
    padding: 0 7px 0 0;
}

.airBagRight {
    text-align: left;
    padding: 0 0 0 7px;
}

.airBagBg {
    background-image: url('../images/icons/icon_sprite.png');
    background-repeat: no-repeat;
    background-position: 50% bottom;
    width: 85px;
}

.airbagCheck {
    vertical-align: middle;
    color: #238723;
    font-weight: bold;
    font-size: 1.2em;
}

.airbagX {
    vertical-align: middle;
    color: #c90107;
    font-weight: bold;
    font-size: 1.4em;
}

.labelsAirbag {
    color: var(--main-foreground-color);
}

.airbags {
    background-image: url('../images/icons/icon_sprite.png');
    background-repeat: no-repeat;
    background-position: 50% bottom;
}

.rightAirbagText {
    margin: 0 0 0 60px;
}

.rightAirbagWrapper {
    float: right;
    width: 50%;
}

.leftAirbagWrapper {
    float: left;
    width: 50%;
}

/* Font Colors */
*.gray {
    color: #737373;
}

.grayLight {
    color: #e3e3e3;
}

.red {
    color: #E00000;
}

.black {
    color: #222222;
}

.green {
    color: #238723;
}

.orange {
    color: #D3870E;
}

.orangeonblk {
    color: #f1ba61;
}

.white {
    color: #fff;
}

/* Repeating Elements, move to Header, Footer? */
.font00 {
    font-size: .875em;
}

.font01 {
    font-size: .7em;
}

.font02 {
    font-size: 13px;
}

.font03 {
    font-size: 18px;
}

.mar5 {
    margin-right: 16px;
}

.mar6 {
    margin: 2px 0 0 2px;
}

.mar7 {
    margin-top: 10px;
}

.mar8 {
    margin-right: 10px;
}

.mar9 {
    margin: 10px 0;
}

.mar10 {
    margin-right: 4px;
}

.mar11 {
    margin-right: 2px;
}

.mar12 {
    margin-bottom: 10px;
    overflow: hidden;
}

.mar13 {
    margin-bottom: 40px;
}

.pad9 {
    padding: 0 10px;
}

.yellow {
    color: #fdfab4;
}

.grayLt {
    color: #c7c7c7;
}

.grayLt2 {
    color: #e3e3e3;
}

.blue {
    color: #407fa1;
}

.redLight {
    color: #f95358;
}

.hrLine {
    clear: both;
    margin: 4px 0 17px 0;
    height: 1px;
    color: #222;
    background-color: #222;
    border: none;
    box-shadow: 0px 1px #828282;
    -moz-box-shadow: 0px 1px #828282;
    -webkit-box-shadow: 0px 1px #828282;
}

.boxRound {
    clear: both;
    background-color: #4d4d4d;
    border: solid 1px #666;
    border-radius: 6px;
    padding: 10px;
    margin: 0 7px 15px 0;
}

    .boxRound p {
        margin: 0 0 10px 0;
    }

    .boxRound h3 {
        font-size: 13px;
        font-weight: bold;
    }

.borderRed {
    border: solid 1px #a01217;
}

/*.glossaryLink:link, .glossaryLink:visited, .glossaryLink:hover, .glossaryLink:active {
    text-decoration: none;
    border-bottom: blue 1px dotted;
}

.glossaryLinkBlk:link, .glossaryLinkBlk:visited, .glossaryLinkBlk:hover, .glossaryLinkBlk:active {
    color: #000;
    text-decoration: none;
    border-bottom: #000 1px dotted;
}

.glossaryLinkSelected {
    color: #c90107;
}*/

.redSel:link, .redSel:visited, .redSel:hover, .redSel:active {
    border-bottom: #c90107 1px dotted;
    color: #c90107;
}

.resultNotFound {
    padding: 5px;
    text-align: left;
    width: 600px;
    min-height: 100px;
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
    margin: 0 auto;
    border-radius: 2px;
    margin-top: 10%;
    font-size: 15px;
    box-shadow: 0 0 8px #e3e3e3;
}

    .resultNotFound h1 {
        font-size: 18px;
    }

.coverDiv {
    background-color: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    opacity: .6;
    -moz-opacity: 0.60;
    filter: alpha(opacity=60) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

.fadedWrapper {
    overflow: hidden;
    position: relative;
}

#divBuyNowPopup {
    background-color: #e3e3e3;
    padding-left: 1%;
    padding-bottom: 1%;
}

.buynowContent {
    /*width: 80%;*/
    padding: 5px;
    float: left;
}

    .buynowContent label {
        white-space: normal;
        word-break: normal;
    }

    .buynowContent span {
        white-space: normal;
    }

.buynowButtons {
    /*width: 20%;
    float: right;*/
}

#divPrebidPopup, #divRemovePrebidPopup {
    background-color: #e3e3e3;
    padding-left: 1%;
    padding-bottom: 1%;
}

.PreBidContent {
    padding: 5px;
}

.PreBidContent, .buynowContent span {
    color: black;
    font-size: small;
}

    .PreBidContent label {
        white-space: normal;
        word-break: normal;
    }

.preBidData {
    font-size: 1.2em;
    font-weight: bolder;
}

.preBidLabel {
    font-size: 1.1em;
    font-weight: bold;
}

.OffSitelabel {
    color: #c90107 !important;
    font-weight: bold !important;
    width: 60px !important;
}

#divVehicleDetails a {
    color: #1d67b2;
    text-decoration: none;
}

    #divVehicleDetails a:hover {
        color: #1d67b2;
        text-decoration: underline !important;
    }


/*Privacy Policy*/
#privacyPolicyLogo {
    margin: 4px;
    border: #CCCCCC 1px solid;
    width: 150px;
    height: 100px;
    background: url('../images/privacy.jpg') no-repeat;
    float: right;
    vertical-align: top;
}

#auctionRulesLogo {
    margin: 4px;
    border: #CCCCCC 1px solid;
    width: 250px;
    height: 143px;
    background: url('../images/gavel.jpg') no-repeat;
    float: left;
    vertical-align: top;
}

.policyWrapper {
    padding: 5px;
}

    .policyWrapper ol, .policyWrapper ul {
        display: block;
        padding-left: 40px !important;
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }

    .policyWrapper li {
        list-style: inherit !important; /*decimal*/
        display: list-item;
        text-align: -webkit-match-parent;
    }

    .policyWrapper p {
        display: block;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
    }

    .policyWrapper table {
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #bcbcbc !important;
        border-collapse: collapse !important;
        background-color: #FFFFFF !important;
        margin-top: 0px;
    }

    .policyWrapper tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    .policyWrapper th {
        border-width: 1px;
        padding: 3px;
        border-style: solid;
        border-color: #bcbcbc;
        background-color: #DA850C;
        vertical-align: top;
        font-weight: bold;
        font-size: inherit;
        color: #000000;
    }

    .policyWrapper tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    .policyWrapper td {
        padding: 2px 0px 2px 3px;
        text-align: left;
        border-width: 1px;
        padding: 3px;
        border-style: solid;
        border-color: #bcbcbc;
        background-color: #FFFFFF;
        vertical-align: top;
        width: 500px;
    }

.subTitleMB {
    color: #990000;
    display: block;
    font-size: 1.17em;
    font-weight: 500;
}

.subTitleGB {
    font-size: 1.17em;
    font-weight: 500;
}

.titleGB {
    font-size: 1.6em;
    font-weight: 500;
}

.titleB {
    color: #222222;
    font-size: 1.6em;
    font-weight: 500;
}

/* Branch Info Section*/
#branch-info {
    border: solid;
    border-color: #bcbcbc;
    border-width: 1px;
    padding-bottom: 2%;
}

    #branch-info .header {
        background: linear-gradient(to top, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 5%, rgba(224,224,224,1) 17%, rgba(194,194,194,0.99) 45%, rgba(204,204,204,0.98) 85%, rgba(166,166,166,0.98) 100%);
    }

    #branch-info .subHeader {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    #branch-info .displayTable {
        width: 100%;
        float: left;
        border: 1px solid #e2e2e2;
        border-collapse: separate;
        border-spacing: 2px;
    }

    #branch-info .displayTableRow:nth-child(odd) {
        background: #f7f7f7;
    }

    #branch-info .displayTableRow:nth-child(even) {
        background: #ffffff;
    }

/* Upcoming Auctions
------------------------------------------*/
.datechooser-bg {
    /*background: url('../images/backgrounds/date-chooser-bg.png');*/
    background: #7e7d7d;
    border-radius: 4px;
    float: left;
    width: 90%;
    height: 100px;
    font-family: inherit;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
}

.floatl {
    float: left;
    display: inline;
}

.calendarBarDate {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    padding: 3px 0 0 5px;
}

.calendarBarBranch {
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
    margin: 0px 0 0 5px;
}

.arrowcontainer {
    border-radius: 4px;
    border: 1px solid #cecece;
    /*background: rgb(76,76,76); 
    background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );*/
    background: rgb(97,97,97); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(97,97,97,1) 0%, rgba(109,109,109,1) 12%, rgba(120,120,120,1) 25%, rgba(93,93,93,1) 39%, rgba(69,69,69,1) 50%, rgba(46,46,46,1) 60%, rgba(68,68,68,1) 76%, rgba(31,31,31,1) 85%, rgba(55,55,55,1) 91%, rgba(47,47,47,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,97,97,1)), color-stop(12%,rgba(109,109,109,1)), color-stop(25%,rgba(120,120,120,1)), color-stop(39%,rgba(93,93,93,1)), color-stop(50%,rgba(69,69,69,1)), color-stop(60%,rgba(46,46,46,1)), color-stop(76%,rgba(68,68,68,1)), color-stop(85%,rgba(31,31,31,1)), color-stop(91%,rgba(55,55,55,1)), color-stop(100%,rgba(47,47,47,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(109,109,109,1) 12%,rgba(120,120,120,1) 25%,rgba(93,93,93,1) 39%,rgba(69,69,69,1) 50%,rgba(46,46,46,1) 60%,rgba(68,68,68,1) 76%,rgba(31,31,31,1) 85%,rgba(55,55,55,1) 91%,rgba(47,47,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(109,109,109,1) 12%,rgba(120,120,120,1) 25%,rgba(93,93,93,1) 39%,rgba(69,69,69,1) 50%,rgba(46,46,46,1) 60%,rgba(68,68,68,1) 76%,rgba(31,31,31,1) 85%,rgba(55,55,55,1) 91%,rgba(47,47,47,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(109,109,109,1) 12%,rgba(120,120,120,1) 25%,rgba(93,93,93,1) 39%,rgba(69,69,69,1) 50%,rgba(46,46,46,1) 60%,rgba(68,68,68,1) 76%,rgba(31,31,31,1) 85%,rgba(55,55,55,1) 91%,rgba(47,47,47,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(97,97,97,1) 0%,rgba(109,109,109,1) 12%,rgba(120,120,120,1) 25%,rgba(93,93,93,1) 39%,rgba(69,69,69,1) 50%,rgba(46,46,46,1) 60%,rgba(68,68,68,1) 76%,rgba(31,31,31,1) 85%,rgba(55,55,55,1) 91%,rgba(47,47,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */
    width: 21px;
    height: 92px;
    margin: 3px 1px 0 1px;
}

a.arrowl {
    margin: 35px 5px;
    display: inline-block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 8px;
    height: 8px;
    transform: rotate(-225deg);
}

a.arrowr {
    margin: 35px 3px;
    display: inline-block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
}

#slider-next, #slider-prev {
    width: 100%;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}

.slidercontrolsDisabled {
    cursor: default;
}

a.arrowl, a.arrowr {
    display: block;
    float: left;
    cursor: pointer;
}

.scrollable {
    position: relative;
    overflow: hidden;
    width: 95%;
    height: 108px;
    font-family: inherit;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
}

    .scrollable .items {
        width: 20000em;
        position: absolute;
        clear: both;
    }

.calendardata {
    border-radius: 4px;
    border: 1px solid #cecece;
    /*background: rgb(76,76,76); 
    background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );*/
    background: rgb(97,97,97); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(97,97,97,1) 0%, rgba(109,109,109,1) 12%, rgba(120,120,120,1) 25%, rgba(93,93,93,1) 39%, rgba(69,69,69,1) 50%, rgba(46,46,46,1) 60%, rgba(68,68,68,1) 76%, rgba(31,31,31,1) 85%, rgba(55,55,55,1) 91%, rgba(47,47,47,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,97,97,1)), color-stop(12%,rgba(109,109,109,1)), color-stop(25%,rgba(120,120,120,1)), color-stop(39%,rgba(93,93,93,1)), color-stop(50%,rgba(69,69,69,1)), color-stop(60%,rgba(46,46,46,1)), color-stop(76%,rgba(68,68,68,1)), color-stop(85%,rgba(31,31,31,1)), color-stop(91%,rgba(55,55,55,1)), color-stop(100%,rgba(47,47,47,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(109,109,109,1) 12%,rgba(120,120,120,1) 25%,rgba(93,93,93,1) 39%,rgba(69,69,69,1) 50%,rgba(46,46,46,1) 60%,rgba(68,68,68,1) 76%,rgba(31,31,31,1) 85%,rgba(55,55,55,1) 91%,rgba(47,47,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(109,109,109,1) 12%,rgba(120,120,120,1) 25%,rgba(93,93,93,1) 39%,rgba(69,69,69,1) 50%,rgba(46,46,46,1) 60%,rgba(68,68,68,1) 76%,rgba(31,31,31,1) 85%,rgba(55,55,55,1) 91%,rgba(47,47,47,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(97,97,97,1) 0%,rgba(109,109,109,1) 12%,rgba(120,120,120,1) 25%,rgba(93,93,93,1) 39%,rgba(69,69,69,1) 50%,rgba(46,46,46,1) 60%,rgba(68,68,68,1) 76%,rgba(31,31,31,1) 85%,rgba(55,55,55,1) 91%,rgba(47,47,47,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(97,97,97,1) 0%,rgba(109,109,109,1) 12%,rgba(120,120,120,1) 25%,rgba(93,93,93,1) 39%,rgba(69,69,69,1) 50%,rgba(46,46,46,1) 60%,rgba(68,68,68,1) 76%,rgba(31,31,31,1) 85%,rgba(55,55,55,1) 91%,rgba(47,47,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */
    width: 125px;
    height: 92px;
    display: block;
    float: left;
    margin: 3px 1px 0 1px;
    cursor: default;
}

.nodata {
    background-repeat: no-repeat;
    top: -9px;
    left: 2px;
}

.data-avlb {
    /*background: url('../images/backgrounds/datechooser-box.png') 0px -156px;*/
    background: rgb(76,76,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    width: 105px;
    height: 82px;
    display: block;
    float: left;
    top: -9px;
    left: 2px;
    margin: 3px 1px 0 1px;
    text-decoration: none;
    cursor: pointer;
}

.activedate {
    cursor: pointer;
}

    .activedate:hover {
        background: rgb(68,109,152); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(68,109,152,1) 0%, rgba(55,99,141,1) 0%, rgba(29,65,97,1) 0%, rgba(29,65,97,1) 5%, rgba(29,65,97,1) 5%, rgba(29,65,97,1) 13%, rgba(29,65,97,1) 21%, rgba(39,78,109,1) 50%, rgba(25,79,115,1) 59%, rgba(12,101,146,1) 71%, rgba(29,70,97,1) 84%, rgba(19,43,71,1) 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,109,152,1)), color-stop(0%,rgba(55,99,141,1)), color-stop(0%,rgba(29,65,97,1)), color-stop(5%,rgba(29,65,97,1)), color-stop(5%,rgba(29,65,97,1)), color-stop(13%,rgba(29,65,97,1)), color-stop(21%,rgba(29,65,97,1)), color-stop(50%,rgba(39,78,109,1)), color-stop(59%,rgba(25,79,115,1)), color-stop(71%,rgba(12,101,146,1)), color-stop(84%,rgba(29,70,97,1)), color-stop(100%,rgba(19,43,71,1))); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(top, rgba(68,109,152,1) 0%,rgba(55,99,141,1) 0%,rgba(29,65,97,1) 0%,rgba(29,65,97,1) 5%,rgba(29,65,97,1) 5%,rgba(29,65,97,1) 13%,rgba(29,65,97,1) 21%,rgba(39,78,109,1) 50%,rgba(25,79,115,1) 59%,rgba(12,101,146,1) 71%,rgba(29,70,97,1) 84%,rgba(19,43,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(top, rgba(68,109,152,1) 0%,rgba(55,99,141,1) 0%,rgba(29,65,97,1) 0%,rgba(29,65,97,1) 5%,rgba(29,65,97,1) 5%,rgba(29,65,97,1) 13%,rgba(29,65,97,1) 21%,rgba(39,78,109,1) 50%,rgba(25,79,115,1) 59%,rgba(12,101,146,1) 71%,rgba(29,70,97,1) 84%,rgba(19,43,71,1) 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(top, rgba(68,109,152,1) 0%,rgba(55,99,141,1) 0%,rgba(29,65,97,1) 0%,rgba(29,65,97,1) 5%,rgba(29,65,97,1) 5%,rgba(29,65,97,1) 13%,rgba(29,65,97,1) 21%,rgba(39,78,109,1) 50%,rgba(25,79,115,1) 59%,rgba(12,101,146,1) 71%,rgba(29,70,97,1) 84%,rgba(19,43,71,1) 100%); /* IE10 preview */
        background: linear-gradient(to bottom, rgba(68,109,152,1) 0%,rgba(55,99,141,1) 0%,rgba(29,65,97,1) 0%,rgba(29,65,97,1) 5%,rgba(29,65,97,1) 5%,rgba(29,65,97,1) 13%,rgba(29,65,97,1) 21%,rgba(39,78,109,1) 50%,rgba(25,79,115,1) 59%,rgba(12,101,146,1) 71%,rgba(29,70,97,1) 84%,rgba(19,43,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#446d98', endColorstr='#132b47',GradientType=0 ); /* IE6-9 */
        cursor: pointer;
    }

.dateactive, .dateactive:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+69,7db9e8+100 */
    background: rgb(59,103,158); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 69%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(69%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 69%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 69%,rgba(125,185,232,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 69%,rgba(125,185,232,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 69%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    color: #fff;
    background-repeat: no-repeat;
    height: 92px;
    display: block;
    float: left;
    /*top: -9px;
    left: 2px;*/
    margin: 3px 1px 0 1px;
    text-decoration: none;
    cursor: pointer;
}

#fullcalendar {
    background: #fff;
    border: 2px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-box-shadow: 0 1px 5px #222222;
    -webkit-box-shadow: 0 1px 5px #222222;
    z-index: 101;
    position: relative;
}

#overlay {
    position: absolute;
    width: 100%;
    height: 100px;
    top: 0;
    left: 0;
    color: #fff;
    background: #000;
    display: none;
    text-align: center;
}

.rowTmpl {
}

.altTmplRow {
    background-color: #d7d7d7;
}

.thrundrive {
    background-image: url('/Images/icons/runAndDriveEnglish.gif');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.td5 {
    width: 5%;
}

.td10 {
    width: 10%;
}

.td15 {
    width: 15%;
}

/* Google Maps */
.infobox {
    width: 100% !important;
    height: 100% !important;
}

.infobox-header {
    padding: 10px 15px;
    overflow: auto;
}

.infobox-details {
    padding: 10px 15px;
}

.infobox-footer {
    padding: 10px 15px;
    overflow: auto;
}

.listing-container {
    height: 500px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f1f1f1;
}

.listing-header {
    border-bottom: solid 1px silver;
    clear: both;
    padding: 2% 3% 2% 3%;
    color: #ffffff;
}

.listing {
    border-bottom: 1px solid #bfbfbf;
    padding: 2% 3% 2% 3%;
}

    .listing:hover {
        background-color: #f1f8f1;
        cursor: pointer;
    }

.listing-image {
    height: 50px;
    outline: 1px solid #cccccc;
    overflow: hidden;
    width: 15%;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.listing-details {
    display: inline-block;
    margin-left: 1%;
    vertical-align: top;
    width: 75%;
}

    .listing-details ul li {
        font-size: 0.85em;
        line-height: 1.5em;
    }

    .listing-details a {
        text-decoration: none;
    }

.listing-address {
    font-weight: 500;
    color: #3b3b3b;
}

.listing-manager, .listing-phone {
    /*padding-bottom: 3%;*/
}

#aprint {
    cursor: pointer;
}

.span_1_of_4 {
    width: 23%;
}
    /* 100% - 10%(4col*2)margin = 90%. Then 90% / 4 col =  23% */
    .span_1_of_4:nth-child(4n+1) {
        clear: left;
    }

#VehDetailsBody > * {
    display: inline;
}

#VehDetailsBody td {
    vertical-align: top;
    top: 0px !Important;
    padding-right: 0px;
}

.vehicleDetailsRight {
    width: 410px !Important;
}

/*#vddetails .dateLoc {
    padding-left: 8px;
}*/

.btn-primary {
    color: #fff;
    background-color: #c90107;
    border-color: #2e6da4;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #c90107;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.bpButton {
    /*color: #fff !Important;
    background-color: #337ab7 !Important;
    border: thin solid #2e6da4 !Important;*/
    text-transform: uppercase !Important;
    padding: 7px 10px !Important;
    display: block !Important;
    text-decoration: none !Important;
    font-size: 1.2em !Important;
    border-radius: 6px !Important;
}

    /*.bpButton.focus, .bpButton:hover {
        color: #fff !Important;
        background-color: #2e6da4 !important;
    }*/

    .bpButton a {
        /*background-color: #337ab7;*/
        text-transform: uppercase;
        display: block;
        text-decoration: none;
        color: #fff;
    }


.bpButtonIcon {
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    margin-right: 2px;
}

.bpIconFont {
    font-size: 1.6em !Important;
    cursor: pointer;
}

.bpIconFontSmall {
    color: #3072AB;
    font-size: 1.2em !Important;
    cursor: pointer;
}

    .bpIconFont:hover, .bpIconFontSmall:hover {
        font-weight: bolder !Important;
    }

.bpIconFontInfo {
    opacity: .9;
}

.bpPrintIcon {
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    margin-right: 10px;
}

.bpTextBackgroundArea {
    background: #FBFBFB !Important;
    border: thin solid #cecece;
    overflow: auto;
}

.bpText {
    display: block;
}

.bpLine > * {
    display: inline-block;
    vertical-align: top;
}

.bpNumber {
    padding-right: 10px;
    text-align: right !Important;
}

.bpImg {
}

.bpIconFontInfo {
    vertical-align: bottom;
}

.bpLinkHeader {
    font-size: 1.1em;
}

.bpLinkUnderline {
    text-decoration: underline !Important;
    cursor: pointer;
}

.bpLink {
    text-decoration: none !Important;
    cursor: pointer;
}

    .bpLink:hover {
        text-decoration: underline !Important;
    }

.bpWatermark {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #000;
    width: 0;
    float: left;
    z-index: 1;
    opacity: .1 !Important;
    white-space: nowrap;
    font-weight: bolder;
}

.bpTable {
}

    .bpTable tr {
    }

    .bpTable td {
        padding: 0px;
    }

.bpTemplateTable {
    width: 100%;
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: thin solid #cecece;
}


    .bpTemplateTable > * {
    }

    .bpTemplateTable > thead tr th {
        height: 30px;
        line-height: 30px;
        white-space: nowrap;
        /*padding-left: 10px;*/
        font-weight: bold;
        font-size: 1.1em;
        margin: 1px;
        background: #222222;
        color: #cecece;
        border-top: thin solid #cecece;
        border-bottom: thin solid #cecece;
    }

    .bpTemplateTable > tbody {
        height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
        border-top: thin solid #cecece;
    }

        .bpTemplateTable > tbody tr {
            height: 1.5em;
            line-height: 1.5em;
        }

        .bpTemplateTable > tbody td, .bpTemplateTable > thead th {
            width: 10%;
            padding: 0px 0px 0px 10px;
            /*border-right: 1px solid black;*/
        }

    .bpTemplateTable > thead .bpNumber {
        padding: 0px 10px 0px 0px;
    }

    .bpTemplateTable > tbody td .bpNumber {
        padding: 0px 10px 0px 0px;
        float: right;
    }

    .bpTemplateTable > tbody td:last-child, .bpTemplateTable > thead th:last-child {
        border-right: none;
        /*float: right;*/
    }






.bpHide {
    display: none;
}


.dashboardTable thead th {
    font-weight: bold !important;
    font-size: 1.1em;
    margin: 1px;
    background: #222222 !important;
    color: #cecece !important;
    border-width: 0px !important;
    border-top: thin solid #cecece !important;
    border-bottom: thin solid #cecece !important;
    vertical-align: top !important;
}

.dashboardTable table th > a {
    color: #cecece !important;
}

.dashboardTable th, .dashboardTable td {
    /*width:150px;*/
}

.dashboardTable table tr:nth-child(odd) {
    background: #FFF;
    border-bottom: thin solid #cecece !Important;
    color: var(--main-foreground-color) !important;
}

.dashboardTable table tr:nth-child(even) {
    background: #F5F5F5;
    border-bottom: thin solid #cecece !Important;
    color: var(--main-foreground-color) !important;
}

.lblbold {
    font-weight: bold !important;
}

.hiddengrid {
    position: absolute;
    top: -20000px;
    left: -20000px;
}
/**********************************/
.dashboardDetailTbl thead th {
    font-weight: bold !important;
    font-size: 1.1em;
    margin: 1px;
    background-color: inherit !important;
    color: #222222 !important;
    border-width: 0px !important;
    border-top: thin solid #cecece !important;
    border-bottom: thin solid #cecece !important;
}

.dashboardDetailTbl th, .dashboardDetailTbl td {
    /*width:150px;*/
    padding: .4em .6em !important;
}

.dashboardDetailTbl tr {
    background: #d7d7d7 !important;
    border-bottom: thin solid #cecece !Important;
}

/**********************************/
.bpTextBlockBackground {
    numberCircle background: #FBFBFB !Important; /*#FBFBFB;*/
    /*border: thin solid #cecece;*/
}


.bpDataBlock {
    background: #F5F5F5;
    display: block;
    padding: 5px 5px 5px 5px;
    margin: 0;
    border-radius: 10px;
    border: thin solid #cecece !Important;
    /*-webkit-box-shadow: 0px 4px 22px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 22px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 22px -2px rgba(0,0,0,0.5);*/
}

    .bpDataBlock > div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        margin: 10px 0px 10px 5px;
    }

.bpBlockBorder {
    border-radius: 7px;
    padding: 10px;
    margin: 40px 0px 0px 0px;
}

.bpTitlePage * {
    display: inline-block;
}

.bpTitlePage {
    display: inline-block;
    font-size: 1.6em;
    font-weight: 700;
    padding-bottom: 10px;
}

.bpTitleHeader {
    display: inline-block;
    font-size: 1.3em;
    font-weight: 700;
    padding-bottom: .5em;
}

.bpTitleSection {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 700;
    padding-bottom: 1em;
}

/*.bpGridHeader {
    display: inline-block;
}*/

.bpGridHeader > * {
    display: inline-block;
}

.reportButtons {
    padding: 10px 10px 5px 0px;
    float: right;
}

    .reportButtons > * {
        display: inline !Important;
        width: 100%;
        text-align: right;
        padding-left: 10px;
    }


#purchaseHistoryPage .bpBlockBorder {
    display: inline-block;
}

#purchaseHistoryBranch {
    margin-bottom: 25px;
}

#purchaseHistoryGrid {
    border: thin solid #cecece;
}


.vehicleDetailsbuttons {
    padding: 5px;
}

    .vehicleDetailsbuttons > * {
        padding-right: 10px;
    }


#toBePaidVehiclesReportPage .bpBlockBorder, #toBePickedUpReportPage .bpBlockBorder {
    margin-top: 0px;
}

/*#toBePickedUpReportArea {
    padding-top: 10px;
}*/

.lblReportNotes {
    display: inline-block;
    padding-bottom: 10px !important;
}
/*About Impact Page*/
h3.aboutImpacth3 {
    color: #222222;
}

a[href^="tel"] {
    text-decoration: none;
    pointer-events: none;
    cursor: default;
    color: #222222;
}

.locationsList {
    width: 30%;
    height: 100%;
    float: left;
}

.locationsMap {
    width: 70%;
    height: 100%;
    float: right;
}

.locationDetailsLink {
}


/*Mobile Version Changes */

.servicesMainContent {
    width: 80%;
    float: right;
    margin: 15px 0px 0px 0px;
}

.services-content h2 {
    font-size: 1.1em;
    padding: 4px 20px;
    margin: 20px 20px 20px 20px;
    border-radius: 5px;
}

.services-content p {
    margin: 2px 20px 2px;
    text-align: left;
    padding: 2px 3px;
    text-align: justify;
}

.sellers-content h2 {
    font-size: 1.1em;
    padding: 4px 20px;
    margin: 10px 0 20px;
    border-radius: 5px;
}

.sellers-content p {
    margin: 2px 0px;
    text-align: left;
    padding: 2px 0px;
    text-align: justify;
}

.sellers-Contact h2 {
    background: none;
    font-size: 1.5em;
    font-weight: 500;
    padding: 0px !important;
    margin: 0px !important;
}

.sellers-contact-col1 {
    float: left;
    position: relative;
    padding-left: 2%;
    padding-right: 2%;
}

.sellers-contact-col2 {
    float: right;
    position: relative;
    padding-left: 2%;
    padding-right: 2%;
    width: 46%;
}

.sellers-textbox {
    width: 300px !important;
}

.paymentNotification-textbox {
    width: 150px !important;
}

.sellers-textbox-big {
    width: 387px !important;
}

.sellers-success {
    margin-bottom: 0px !important;
    width: 850px !important;
}

.sellers-submit {
    margin-right: 25%;
    margin-top: 20px;
    float: right;
}

.sellers-error {
    background-color: #f4cd30;
    border: 1px solid #dab325;
    padding: 15px 20px;
    margin: 0px 2px;
    font-size: 0.8em;
    width: 310px !important;
}

.contact-error {
    background-color: #f4cd30;
    border: 1px solid #dab325;
    padding: 15px 20px;
    margin: 0px 2px;
    font-size: 0.8em;
    width: 310px !important;
}

.contactus-col1 {
    float: left;
    position: relative;
}

.contactus-col2 {
    float: right;
    position: relative;
    width: 46%;
}

.contactus-textarea {
    height: 100px;
    width: 387px !important;
    resize: none;
    min-height: 35px;
    font-size: 1.0em !important;
}

.lightboxWrap {
    display: block;
    width: 80%;
    position: fixed;
    z-index: 9999;
    top: 100px;
}

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9998;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.black_overlayFade {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9998;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.popWrapper {
    position: relative;
    top: 25%;
    margin: 0 auto;
    border: 8px solid #fff;
    border-radius: 8px;
    max-width: 800px;
    min-height: 100px; /*overflow: hidden;*/
    background-color: #fff;
    z-index: 9999;
}

/* Browser Upgrade Recommended - Only shows up on IE */
#BrowserUpgrade {
    position: relative;
    top: 100px;
}

    #BrowserUpgrade #closeLink {
        position: absolute;
        top: -20px;
        right: -20px;
        display: block;
        width: 26px;
        height: 26px;
        background: transparent url("../images/PopupClose.png") no-repeat left top;
        text-indent: -9999px;
    }

    #BrowserUpgrade .browserLink {
        width: 220px;
        display: inline-block;
        margin: 0 0 2px 120px;
        padding: 0;
    }

    #BrowserUpgrade .browserIcon {
        display: block;
        width: 75px;
        height: 65px;
        float: left;
        text-indent: -9999px;
    }

    #BrowserUpgrade .browserLinkText {
        width: 125px;
        display: inline-block;
        margin-left: 20px;
        padding-top: 10px;
    }

    #BrowserUpgrade .browsername {
        display: block;
        margin-bottom: 5px;
        width: 200px;
    }

    #BrowserUpgrade #browserLinksContainer {
        padding: 20px 0 0 0;
    }

    #BrowserUpgrade #InternetExplorerIcon {
        background: transparent url("../images/icons/browser_icons.png") no-repeat left 4px;
    }

    #BrowserUpgrade #chromeIcon {
        background: transparent url("../images/icons/browser_icons.png") no-repeat 10px -62px;
    }

    #BrowserUpgrade #FirefoxIcon {
        background: transparent url("../images/icons/browser_icons.png") no-repeat 5px -192px;
    }

    #BrowserUpgrade #SafariIcon {
        background: transparent url("../images/icons/browser_icons.png") no-repeat 10px -126px;
    }

    #BrowserUpgrade .whiteContent {
        padding: 0;
    }

    #BrowserUpgrade #BrowserupgradeButtonSection {
        padding: 17px 0 12px 0;
        overflow: auto;
    }

    #BrowserUpgrade #messageButton {
        float: right;
        margin-right: 10px;
        font-size: 14px;
    }

    #BrowserUpgrade .popContent {
        padding-bottom: 10px;
    }

    #BrowserUpgrade #updgradeLink {
        padding: 4px 7px;
        background: #0067d0;
        color: #fff;
        display: inline-block;
    }

        #BrowserUpgrade #updgradeLink:hover {
            text-decoration: none;
        }

.popCloseBut a {
    text-decoration: none;
    color: #1D67B2;
}

    .popCloseBut a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.popUpCloseIcon {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.divCenter {
    display: table;
    margin: 0 auto 5px auto;
}

#PageNotFound {
    width: 700px;
}

.sellerLoginInMobile {
    display: none !important;
}

.label-checkboxwrap {
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 1em !important;
    margin-top: -4px !important;
    float: right !important;
    width: 96% !important;
}

.textGB {
    font-weight: bold;
}

.btnBuyNow {
    background: transparent url("../Images/icons/buynow_logo-06-85x19.jpg") no-repeat;
    width: 85px;
    height: 19px;
}

.btnBuyNowBig {
    background: transparent url("../Images/icons/buynow_logo-06-85x19.jpg") no-repeat;
    background-size: contain;
    width: 110px;
    height: 24px;
}

/*Vehicles notes*/
#divVehicleNotesHdrWrapper {
    display: inline-block;
    font-family: 'roboto', Arial, "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 0.95em;
    /*padding: 2px 0px;*/
    width: 100%;
}

.spnAddNotes {
    font-family: 'roboto', Arial, "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: 0.85em;
    font-weight: bold;
}

#divEditUserNotes {
    display: none;
    font-family: 'roboto', Arial, "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 0.9em;
}

#divEmptyError {
    display: none;
    font-family: 'roboto', Arial, "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    font-size: 0.85em;
}

.browserRight {
    float: right;
}
/*Vehicles notes*/
/* Print Styles
------------------------------------------*/

@media print {
    @page {
        size: letter;
        margin: 1cm;
    }

    html, body {
        background-color: #fff;
        width: 21.5cm;
        height: 27.9cm;
    }

    header, footer, #headerContainer, #footerContainer, .listing-header, .noprint, #col-right, .breadcrumb-main, #directions-btn, #footerMain, .bp-tabs-menu, .ui-widget-overlay {
        display: none !important;
    }

    .hideInprint {
        display: none !important;
    }

    .sliderBanner {
        width: 100%;
    }

    .announcements {
        clear: both;
        width: 100%;
        padding: 0;
        margin-top: 40px;
        background-color: #f1f1f1;
    }

    #printVDSection, #printVDSection * {
        visibility: visible;
    }

    #printVDSection {
        position: absolute;
        left: 0;
        top: 0;
    }

    /* Vehicle Details
    ---------------------------------*/
    .actionWrapper, .imgprintButton, .enlarge, .download, .vehicleDetailsbuttons, #vehicleannouncementTooltip {
        display: none;
    }

    .OverviewFuel, .OverviewODO, .OverviewCYL, .OverviewTran, .OverviewRunDrive, .OverviewTitle, .OverviewSubAutomobile, .OverviewSubSnowmobile, .OverviewSubMotorcycle,
    .OverviewSubHeavyEquipment, .OverviewSubOther, .OverviewSubCrane, .OverviewSubFarmEquipment,
    .OverviewSubForestryEquipment, .OverviewSubMotorHome, .OverviewSubTravelTrailer, .OverviewSubPersonalWatercraft, .OverviewSubBoat, .OverviewSubTrailer,
    .OverviewSubBus,
    .OverviewSubEmergencyEquipment,
    .OverviewSubTruck,
    .OverviewSubWheel,
    .OverviewSubGen,
    .OverviewSubLength,
    .OverviewSubBoatTrailer,
    .OverviewSubSlider,
    .OverviewSubWheel,
    .OverviewWheelAxels,
    .PPSRPath_OVERVIEWINFO{
        opacity: 1;
        background: none !important;
    }

    .OverviewActualCashValue, .OverviewMotorcheckValue {
    }

        .OverviewActualCashValue label, .OverviewMotorcheckValue label {
            vertical-align: middle;
            font-size: 1.2em;
            padding-top: 1px;
            word-break: normal;
            white-space: normal;
        }

    .OverviewEstimatedRepairCost {
    }

        .OverviewEstimatedRepairCost label {
            vertical-align: middle;
            font-size: 1.2em;
            padding-top: 1px;
            width: 100px;
            word-break: normal;
            white-space: normal;
        }


    #vddetails .dateLoc {
        padding-bottom: 10px;
        width: auto;
        max-width: 92%;
        padding-right: 2rem;
    }

    .date2 {
        float: left;
        margin-right: 8px;
        border: 1px solid #434343;
        border-radius: 4px;
        text-align: center;
        background-color: #fff;
    }

    .dateMonth {
        background-color: #fff;
        color: black;
        font-size: 13px;
        border-collapse: collapse;
    }

        .dateMonth label {
            color: black;
        }

    .font01 label {
        font-size: 9px;
    }
    /************************************/
    .conditTableCell > span {
        word-break: break-word;
        white-space: normal;
    }

    .detailOverview ul li {
        position: relative;
        float: left;
        word-break: normal;
        white-space: normal;
        display: block;
    }

    #vddetails .detailOverview {
        color: #222222;
        background-color: #fff;
        width: auto;
    }

    #VehDetailsBody {
        width: 100%;
    }

    .detailLeft {
        width: 62% !important;
        /*max-width:13cm !important;*/
        min-width: 58% !important;
        display: block;
    }


    .detailImage {
    }

    #fullViewImg {
        width: 90% !Important;
    }

    #spacedthumbs {
        padding-top: 1%;
        width: 90%;
    }

    .detailRight {
        width: 35% !important;
        min-width: 32% !important;
        /*max-width:8.5cm !important;*/
        padding: 0 !Important;
        display: block;
    }

        .detailRight .conditionCheck, .detailRight .saleInfo, .detailRight .vinInfo {
            border-radius: 4px;
            border: 1px solid #e3e3e3;
        }
    /************************************/
}
/*For Mobile Compatibility*/
.shownOnlyInMobile {
    display: none !important;
}

.PreBidContentCol1 {
    width: 60%;
}

.PreBidContentCol2 {
    width: 35%;
}
/******************************/
.spn1typeOfAccount {
    max-width: 80%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0px 0 5px;
}

.spn2typeOfAccount {
    position: absolute;
    top: 0;
    float: right;
}

video {
    width: 100%;
    height: auto;
}

.divContactLayout {
    min-height: 40rem;
}

.textWrap {
    word-break: break-all;
}



.confirmationDialogbox {
    min-width: 400px;
}

    .confirmationDialogbox.singleButton .ui-dialog-buttonpane {
        text-align: center !important;
    }

    .confirmationDialogbox.singleButton .ui-dialog-buttonset {
        float: unset !important;
    }

    .confirmationDialogbox .button {
        min-width: 75px;
    }

    .confirmationDialogbox .center {
        text-align: center !important;
    }

.pdf2link.billOfSale, .pdf2link.gatePass {
    background: url(../Images/icons/pdf2.png) top left no-repeat;
    padding: 0px 15px;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 30px;
    background-size: 100%;
}



.ui-dialog-titlebar-close:after {
    /*content: 'x';
    Font-size: 1.5em;
    margin-left: 40%;
    line-height: 10px;
    color: gray;*/
}


.mobileView .mobileGrid tbody tr {
    border-bottom: thin solid #cecece !Important;
}

.mobileView .mobileGrid tbody .bpLink {
    width: 150px !important;
    background-size: 20%;
}

.mobileView .mobileGrid tbody td {
    border-top: thin solid #cecece !Important;
    padding: 5px !Important;
    margin: 5px !Important;
    border-collapse: separate !Important;
    /* border-spacing: 2px !Important; */
    border-color: grey !Important;
}

.mobileView .mobileGrid table {
    width: 100% !important;
    border-collapse: separate !Important;
}

    .mobileView .mobileGrid table thead th {
        padding-left: 10px !important;
    }

    .mobileView .mobileGrid table tbody td {
        padding: 0px !important;
    }


    .mobileView .mobileGrid table .gridData {
        padding: 5px !important;
    }


.mobileView .mobileGrid .detailRowpdf td {
    border-color: transparent !important;
}

.mobileView .mobileGrid .detailRowpdf > td {
    padding: 0px !important;
}


.mobileView .mobileRadio, .largeRadio {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    -ms-appearance: radio;
    -o-appearance: radio;
    border-radius: 8px;
    width: 16px !important;
    height: 16px;
    padding: 0px;
    background-color: rgba(255, 255, 255, 0.00784314);
}


    .mobileView .mobileRadio:checked:before {
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        margin: 2px;
        border-radius: 5px;
        background: #7b7a7a;
    }


#overlay1 #loading {
    width: 40px;
    margin-left: 40%;
    margin-top: 200px;
}

/*@media only screen and (max-width: var(--width-Body)) {
    .servicesMainContent {
        padding: 0px 8px 0px 8px !important;
    }
}*/

/*li > a[href="/Support/AFC"], a[href="/Support/AFC"] {
    display: none !important;
}*/




.runlistTimedAuction.desktop {
}

.runlistTimedAuction.mobile {
}

.taCurrentBidValue {
    color: #3072AB;
    font-weight: bold;
}

.taBeforeClosingWinning {
    color: green !important;
    font-weight: bold;
}

.taBeforeClosingLosing {
    color: red !important;
    font-weight: bold;
}

.taBeforeClosingReserveMet {
    border: 1px solid;
    opacity: .7;
}

.taDisabled {
    opacity: .7;
    cursor: default !important;
}

.taButton {
    text-align: center;
    border-radius: 5px;
    margin: 2px 0px !important;
    /*font-size: .8em !important;*/
    box-sizing: content-box;
    font-family: inherit !important;
    height: 20px !important;
    min-height: 20px !important;
    display: block !important;
    line-height: 1.2em !important;
}

.taGreenButton {
    background-color: green;
    color: white;
    border: 1px solid #2c4e19 !important;
}

div.taButton {
    padding: 7px 5px 0 3px !important;
    height: 22px !important;
    min-height: 22px !important;
}

.joinAuctionNow-wrapper {
    margin-left: 1em;
    margin-right: 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
    flex: 1 1 0%;
    order: 9;
}

    .joinAuctionNow-wrapper input {
        width: 19rem;
        line-height: 2.5rem;
        font-size: 1.7rem !important;
    }


#AdvanceSearchPage.desktop .taButton, .taVDP .taButton, .taVDP .taConfirmationAction input, .taVDP .taBidArea .taButton, .taVDP #taVDPWatch, .taVDP div.taButton {
    width: 19rem !important;
    max-width: 19rem !important;
    min-width: 19rem !important;
}

#AdvanceSearchPage.mobile .taButton, #AdvanceSearchPage.mobile .taVDP .taButton, #AdvanceSearchPage.mobile .taVDP .taConfirmationAction input, #AdvanceSearchPage.mobile .taVDP .taBidArea .taButton, #AdvanceSearchPage.mobile .taVDP #taVDPWatch, #AdvanceSearchPage.mobile .taVDP div.taButton {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    min-width: calc(100% - 10px) !important;
}


.headerAlert {
}

    .headerAlert > * {
        display: inline-block;
        top: unset;
    }

    .headerAlert > span {
        width: calc(100% - 30px);
        vertical-align: top;
    }

#carousel-caller {
    cursor: pointer;
}

.notesEditButton > * {
    color: #2b7b2b;
}

#dialogImageHDView {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: black;
    cursor: move;
    margin: 0px;
    padding: 0px;
}

#imageDialogHDView > #imageHDViewElement {
    width: 500px;
    height: 350px;
}

body > #imageHDViewElement {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: black;
    cursor: move;
    margin: 0px;
    padding: 0px;
}

    body > #imageHDViewElement #imageHDViewNav {
        position: unset;
    }

    body > #imageHDViewElement #imageFullScreenClose {
        position: absolute;
        right: 0px;
        z-index: 9999;
        cursor: pointer;
        margin: 20px;
        display: block !important;
    }

    body > #imageHDViewElement .navArrow {
        position: absolute;
        /*right: 90px;*/
        top: 40%;
        z-index: 9999;
        cursor: pointer;
    }

#imageDialogThumbnail {
    height: auto;
}

    #imageDialogThumbnail.singleColView img {
        width: 98%;
        height: auto;
    }

    #imageDialogThumbnail.twoColView img {
        width: 47%;
        height: auto;
    }



.imageDialogAction {
    padding: 5PX 0 0 10PX;
    min-height: 20px;
}

    .imageDialogAction > * {
        padding-right: 10PX;
    }


.bpTest {
    position: sticky !important;
}

.imageZoomIn {
    background: url(../images/sprite-product-details.png) no-repeat -176px -90px;
    display: block;
    text-indent: -5000px;
}

.imageZoomOut {
    background: url(../images/sprite-product-details.png) no-repeat -201px -90px;
    display: block;
    text-indent: -5000px;
}

.imageZoomReset-2 {
    background: url(../images/sprite-product-details.png) no-repeat -323px -90px;
    display: block;
    text-indent: -5000px;
}

.imageZoomReset {
    background: url(../images/sprite-product-details.png) no-repeat -225px -90px;
    display: block;
    text-indent: -5000px;
}

.imageThunbnailItem {
    height: 71px;
    width: 94px;
    float: left;
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    padding: .5px;
    margin: 0 0px 4px 2px;
}

.imageThunbnailSelected {
    border-color: #c90107 !important;
}

#spacedthumbs div {
    float: left;
    margin: 2px 2px 3px 5px;
}

/*.imageAction {
 
    display: flex;
    align-items: center;
    cursor: pointer;
    box-shadow: -1px -1px #ddd, inset -1px -1px 0 0 #ddd;
    padding: 5px 13px;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.6);
    position: sticky !important;
    position: absolute !important;
    top: 10px;
    right: 10px;
    color: #fff;
    display: flex;
    z-index: 99;
}*/



#imageViewContainer {
    overflow: hidden;
    padding: 0 0 10px 0;
    display: inline-block;
}

    #imageViewContainer .icon {
        fill: unset;
        width: unset;
    }

#imageRegViewElement, #imageHDViewElement form {
    position: relative;
    border: 1px solid #aaaaaa !important;
    background: #ffffff !important;
    color: #222222;
}

.openseadragon-canvas {
    border-radius: 5px;
}


/*#imageHDViewElement {
    background-color: black;
}*/

#imageView {
}

.navArrow {
    position: absolute;
    top: 40%;
    z-index: 9999;
    cursor: pointer;
    opacity: 0;
}

.navArrowNext {
    right: -60px;
}

.navArrowPrevious {
    left: -60px;
}

.navArrowNext.navArrowCircle > img {
    padding-left: 5px;
}

.navArrowPrevious.navArrowCircle > img {
    padding-right: 5px;
}

.navArrowCircle {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
    padding: 5px;
}

    .navArrowCircle > img {
        width: 20px;
        height: 20px;
        filter: brightness(0) invert(1);
    }

#imageHDViewElement #imageHDViewNav {
    top: 40%;
}



body > #imageHDViewElement > #imageHDViewNav #imageFullScreenClose {
    position: absolute;
    right: 30px;
    top: 2%;
    z-index: 9999;
    cursor: pointer;
}

body > #imageHDViewElement #imageHDViewMenu {
    display: none !important;
}
/*body > #imageHDViewElement .navArrow, body > #imageHDViewElement #imageHDViewMenu {
    display: none !important;
}*/
.imageFullscreenContainer:-webkit-full-screen {
    display: block !important;
}

/* Firefox syntax */
.imageFullscreenContainer:-moz-full-screen {
    display: block !important;
}

/* IE/Edge syntax */
.imageFullscreenContainer:-ms-fullscreen {
    display: block !important;
}

/* Standard syntax */
.imageFullscreenContainer:fullscreen {
    display: block !important;
}

.imageFullscreenContainer {
    background: #ffffff !important;
}

    .imageFullscreenContainer .imageFullscreenContainerClose {
        padding: 50px;
        text-align: right;
        cursor: pointer;
    }

.imageFullscreenObject {
    border: none;
    height: 90%;
}

@media screen and (min-width: 320px) and (max-width: 900px) and (orientation: portrait) {
    .bp-tab {
        width: fit-content;
    }

    .imageFullscreenObject {
        display: block;
        top: -42px;
        position: relative;
        width: calc(100vh - 45px);
        height: 100vw;
        -webkit-transform: translateY(100vh) rotate(-90deg) translateZ(0);
        -moz-transform: translateY(100vh) rotate(-90deg);
        -o-transform: translateY(100vh) rotate(-90deg);
        -ms-transform: translateY(100vh) rotate(-90deg);
        transform: translateY(100vh) rotate(-90deg) translateZ(0);
        -webkit-transition: transform 200ms;
        -moz-transition: transform 200ms;
        -o-transition: transform 200ms;
        -ms-transition: transform 200ms;
        transition: all 200ms;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }
}

@media screen and (min-width: 320px) and (max-width: 900px) and (orientation: landscape) {
    .bp-tab {
        width: fit-content;
    }

    .imageFullscreenObject {
        display: block;
        /*top: -42px;*/
        position: relative;
        width: 100vw;
        height: calc(100vh - 45px);
        /*-webkit-transform: translateY(100vh) rotate(-90deg) translateZ(0);
        -moz-transform: translateY(100vh) rotate(-90deg);
        -o-transform: translateY(100vh) rotate(-90deg);
        -ms-transform: translateY(100vh) rotate(-90deg);
        transform: translateY(100vh) rotate(-90deg) translateZ(0);*/
        -webkit-transition: transform 200ms;
        -moz-transition: transform 200ms;
        -o-transition: transform 200ms;
        -ms-transition: transform 200ms;
        transition: all 200ms;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }
}

.k-mobile .imageFullscreenObject.scale {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
}

.imageMobile360ViewMenu {
    top: 10px;
    /*left: 10px;*/
    right: 5px;
    height: 34px;
    position: absolute;
    z-index: 100;
    align-items: center;
    cursor: pointer;
    padding-right: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    fill: #fff;
    color: #fff;
}

    .imageMobile360ViewMenu span {
        height: 30px;
        width: 55px;
        display: inline-flex;
        vertical-align: middle;
        padding-top: 2px;
    }

    .imageMobile360ViewMenu svg {
        height: 30px;
        display: block;
    }

.imageMobileEngineViewMenu {
    top: 10px;
    /*left: 10px;*/
    right: 10px;
    height: 34px;
    position: absolute;
    z-index: 100;
    align-items: center;
    cursor: pointer;
    padding-right: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    fill: #fff;
    color: #fff;
}

    .imageMobileEngineViewMenu span {
        height: 30px;
        width: 40px;
        display: inline-flex;
        vertical-align: middle;
        padding-top: 2px;
        padding-left: 5px;
    }

    .imageMobileEngineViewMenu svg {
        height: 30px;
        display: block;
    }



.imageMobileWalkthroughViewMenu {
    top: 10px;
    /*left: 10px;*/
    right: 10px;
    height: 34px;
    position: absolute;
    z-index: 100;
    align-items: center;
    cursor: pointer;
    padding-right: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    fill: #fff;
    color: #fff;
}

    .imageMobileWalkthroughViewMenu span {
        height: 30px;
        width: 40px;
        display: inline-flex;
        vertical-align: middle;
        padding-top: 2px;
        padding-left: 5px;
    }

    .imageMobileWalkthroughViewMenu svg {
        height: 30px;
        display: block;
    }


#stockImageContainer {
    /*display: block;*/
    display: contents;
}

#imageContainer .image-action {
    /*padding: 5px 13px;*/
    margin: 0;
}

#stockImageContainer .image-action-icon.icon-HD, #imageContainer .image-action-icon.icon-HD {
    height: 24px;
    width: 24px;
}

#stockImageContainer .image-action-icon, #imageContainer .image-action-icon {
    margin-right: 5px;
    fill: #fff;
}

#imageContainer .image-action:first-child, #stockImageContainer .image-action:nth-child(3) {
    /* border: 1px solid #fff; */
    display: flex;
    align-items: center;
    cursor: pointer;
    box-shadow: -1px -1px #ddd, inset -1px -1px 0 0 #ddd;
}

#imageContainer .image-control-container {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    display: flex;
    z-index: 99;
    padding: 5px;
}

#imageContainer #toolbarDiv ul li {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
}

#imageContainer .image-control-container ul {
    margin: 0 !important;
}

#imageContainer .image-control-container .image-action {
    padding: 5px 13px;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.6);
}

#imageRegViewContainer {
    position: relative;
}

#imageRegViewMenu, #imageMobileViewMenu {
    cursor: pointer;
    box-shadow: -1px -1px #ddd, inset -1px -1px 0 0 #ddd;
    padding: 5px 13px;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    display: flex;
    z-index: 99;
}

#imageHDViewElement form {
    z-index: 1;
}

#imageDialogNav {
    display: block;
    margin-left: 30%;
    margin-bottom: 15px;
}

    #imageDialogNav > *, #imageDialogNav > * > * {
        display: inline-block;
        vertical-align: text-bottom;
    }

    #imageDialogNav #imageDialogViewNavText {
        padding-bottom: 10px;
        vertical-align: middle;
        width: 60px;
        text-align: center;
    }

        #imageDialogNav #imageDialogViewNavText * {
            font-size: large;
        }

    #imageDialogNav p {
        width: 35px;
    }

    #imageDialogNav img {
        width: 40px;
        height: 30px;
        padding: 1px;
        border: 2px solid #aaaaaa;
        cursor: pointer;
        -webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
        filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
    }

@media print {
    #imageRegViewContainer {
        display: block !important;
    }

    #imageHDViewContainer {
        display: none !important;
    }
}

@media screen and (min-width: 830px) {
    #stockImageDialogContainer {
        display: none !important;
    }

    #imageRegViewElement, #imageHDViewElement {
        min-width: 540px;
        min-height: 410px;
        width: 540px;
        height: 410px;
        padding: 1px;
    }

    #imageContainer.detailImage {
        display: table !important;
    }

    #imageThunbnailContainer {
        /*width: 225px;*/
        display: table-cell;
        vertical-align: top;
        overflow-x: auto;
        max-height: 600px;
        padding-left: 1rem;
    }

    .imageThunbnailItem {
        height: 85px !important;
        width: 108px !important;
    }

    #imageViewContainer {
        margin: 0 0 20px 0;
        display: table-cell;
    }

    #imageDesktopMenu {
        display: table-caption !important;
    }
}

@media screen and (max-width: 829px) {

    #stockImageDialogContainer .openStockImageDialog {
        font-size: xx-large !Important;
        padding: 5PX 15px 0 0PX !Important;
    }

    #stockImageContainer .largeImg {
        width: 98%;
    }

    #imageContainer {
        padding-top: 10px;
    }

    #imageMobileMenu {
        display: block !important;
    }

    /*#imageHDViewElement {
        padding-left: 5px;
    }*/

    #imageRegViewElement, #imageHDViewElement {
        max-width: 99%;
        height: auto;
    }

    #imageThunbnailContainer {
        display: none;
    }

    #imageViewContainer {
        margin: 0;
    }

    #imageHDViewElement {
        /*position: fixed;*/
        /*width: 94%;*/
    }

        #imageHDViewElement #fullscreen {
            display: none !important;
        }

    #divVehicleDetails > #stockImageContainer {
        display: none !important;
    }
}


.auctionNowMenu {
    width: 90px;
}

    .auctionNowMenu > a {
        padding: 2px !important;
        /*text-align: center;*/
        font-size: small !important;
    }

        .auctionNowMenu > a i {
            margin-top: 10px;
        }

#autocompleteResult {
    position: absolute;
    display: none;
    background-color: white;
    padding: 9px 9px;
    z-index: 100;
    border: 1px solid #737373;
    margin: 5px 0 6px 0;
    height: 250px;
    overflow: scroll;
    overflow-x: auto;
    /*width: 300px !important;*/
}

    #autocompleteResult li {
        cursor: pointer;
        margin-top: 10px;
    }

    #autocompleteResult a {
        cursor: pointer;
        color: #222222;
    }

        #autocompleteResult a:hover {
            font-weight: bold;
        }

.autocompleteLoading {
    background-color: #ffffff !important;
    background-image: url("../Images/spinner.gif") !important;
    background-size: 25px 25px !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}


.dashboardOverviewBlock .auctionTypeBlock.dashboardAuctionItem {
    width: 350px !important;
}

.mobileDashboardBlockBorder .auctionTypeBlock.dashboardAuctionItem {
    margin-bottom: 5px;
}

.mobileDashboardBlockBorder .mobileDashboardAuctionItemCol a {
    display: block;
    /*margin-left: 20px;*/
}


.auctionTypeBranch {
    min-width: 130px !important;
    max-width: 130px !important;
    position: relative;
    height: 80px;
    overflow-y: auto;
    border-left: 1px black solid;
    padding: 0px 10px;
}

.auctionTypeBranchBlock {
    display: block;
    text-align: left;
    padding-bottom: 5px;
}

.auctionTypeBranchCount {
    float: right;
    color: #337ab7 !Important;
    font-weight: bold;
}

.auctionTypeView {
    /*display:flex;*/
}

    .auctionTypeView.expand {
        font-size: x-large;
    }

    .auctionTypeView > * {
        cursor: pointer;
        display: inline-block;
        padding-right: 4px;
    }

.expandAuctionTypeBranchBlock .auctionTypeBranchBlock {
    padding-left: 20px;
}

.expandAuctionTypeBranchBlock * a {
    cursor: pointer;
}

.expandAuctionTypeBranchBlock .branchCount {
    cursor: pointer;
}

.expandAuctionTypeBranchBlock .branchName {
    padding-left: 20px;
    cursor: pointer;
}

/*UST 1167001*/
.mobileAuction .expandAuctionTypeBranchBlock {
    /*width: 278px;*/
    /*padding-left: 20px;*/
}

    .mobileAuction .expandAuctionTypeBranchBlock .branchCount {
        background-color: #3072AB;
        border-color: #2e6da4;
        color: #fff;
        border-radius: 4px;
        display: block;
        text-align: center;
        margin-bottom: 5px;
    }

.noRecordToDisplay {
    padding: 10px;
    color: darkgray;
}

.registrationInfoFooter {
    bottom: 0;
    position: absolute;
    padding-bottom: 5px;
}

#UpgradeToBid .registrationInfoFooter, #divAboutYourbusiness .registrationInfoFooter {
    position: initial !important;
    margin-top: 20px;
    padding-bottom: 0px !important;
}

#UpgradeToBid h2, #divAboutYourbusiness h2 {
    margin-top: 4rem;
}



#reportFilterContainer {
    line-height: 20px;
    display: block;
    padding: 10px 0px 10px 0;
    margin-top: 5PX;
}


    #reportFilterContainer .reportFilterItem, #reportFilterContainer .reportFilterSubItem {
        display: inline-block;
        line-height: 2em;
        vertical-align: middle;
        padding-left: 0px;
    }

#reportActions {
    width: 140px;
}

#MyVehiclesIfBidspage #reportActions {
    width: 200px !important;
}

#toBePaidVehiclesReportPage #btnGetReport, #toBePickedUpReportArea #btnGetReport {
    width: 195px;
}

#toBePaidVehiclesReportPage #btnGetReport, #toBePickedUpReportArea #btnGetReport {
    width: 190px;
}

#purchaseHistoryReportPage #btnGetReport, #purchaseHistoryReportPage #reportActions {
    width: 180px;
}



.vehicleReport .getReportContainer {
    float: right;
}


.filterTooltip {
    width: 5px;
    height: 5px;
    vertical-align: middle !important;
}

.mobileView .filterTooltip {
    width: 5px;
    height: 5px;
    vertical-align: middle !important;
}

.vehicleReport .getReport {
}

#reportPanel {
    width: 100%;
    display: inline-block;
}

    #reportPanel > * {
        display: inline-block;
    }

.reportFilterItem .k-datepicker {
    width: 120px !important;
}

/*.reportFilterItem .k-input {
    width: 90px !important;
}*/

.reportFilterItem .ui-datepicker {
    /*font-size:16px;*/
    max-width: 40px;
    line-height: 1.3;
    margin: 5px;
    padding: 5px;
}

.reportFilterItem .k-state-hover {
    height: 2em !important;
}



.reportFilterLabel {
    line-height: 1.4em;
    min-height: 1.4em;
}

.reportFilterError {
    display: none;
    color: red;
    font-weight: bold;
    line-height: 1.4em;
    min-height: 1.4em;
}

.reportFilterSelect {
    display: block;
    /* width: 200px !important; */
    line-height: 1.5em;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 2em !important;
    min-height: 2em !important;
    margin: 0 !important;
    /*padding: 0 0 0 5px !important;*/
}

    .reportFilterSelect:after {
        content: "\f107 ";
        font-family: FontAwesome;
        color: #000;
        position: absolute;
        right: 0;
        top: 0%;
        z-index: 1;
        width: 5%;
        pointer-events: none;
        padding-right: 5px;
    }

.reportFilterItem .value {
    width: 120px !important;
    margin: 0px;
    font-size: 1.1em;
}

.reportFilterItem .value {
    width: 95% !important;
}


#branchFilterLabel {
    width: auto !important;
    padding-left: 10px;
}


#reportSelectBranch {
    width: 300px !important;
}


#reportSelectBranchContainer, #reportSelectBranchDD {
    width: 300px !important;
}

#reportSelectBranches {
    padding-bottom: 0px !important;
    position: absolute;
    border: 1px solid #737373;
    display: block;
    z-index: 100;
    background-color: #f5f5f5;
    /*width: inherit;*/
}

    #reportSelectBranches ul {
        column-count: 2;
    }

        #reportSelectBranches ul * {
            line-height: 1em;
            vertical-align: middle !important;
        }


    #reportSelectBranches > div {
        display: block;
        position: relative;
        color: #7f8c8d;
        padding-left: 15px;
        background-color: #f5f5f5;
        width: 330px;
    }

    #reportSelectBranches > .action > a {
        margin: 5px 20px 5px 0;
        display: inline-block;
        padding-right: 10px;
    }

    #reportSelectBranches button {
        min-width: 90px !important;
    }

#reportSelectedNote {
    display: block;
}

    #reportSelectedNote > * {
        display: inline-block;
        padding-right: 5px;
        vertical-align: middle;
    }

    #reportSelectedNote * {
        font-size: 1.2em;
    }

    #reportSelectedNote .invoice {
    }

    #reportSelectedNote .total {
        color: red;
    }

#reportFilterContainer {
}

    #reportFilterContainer > * {
    }


.branchFilterSelection {
    overflow: hidden;
    position: relative;
    border: 1px solid gray;
    border-radius: 5px;
    width: min-content;
    height: min-content;
}

    .branchFilterSelection:after {
        content: "\f107";
        font-family: FontAwesome;
        color: #000;
        position: absolute;
        right: 0;
        top: 0%;
        z-index: 1;
        width: 5%;
        pointer-events: none;
        padding-right: 5px;
    }

.mobileView .branchFilterSelection:after {
    display: none;
}

#reportSelectBranch {
    width: 300px !important;
}





#branchFilterBranches {
    padding-bottom: 0px !important;
    position: absolute;
    border: 1px solid #737373;
    display: block;
    z-index: 100;
    background-color: #f5f5f5;
    /*width: inherit;*/
}

    #branchFilterBranches ul {
        column-count: 2;
    }

        #branchFilterBranches ul * {
            line-height: 1em;
            vertical-align: middle !important;
        }

        #branchFilterBranches ul label * {
            display: inline-block;
            color: #434343;
        }

    #branchFilterBranches > div {
        display: block;
        position: relative;
        color: #7f8c8d;
        padding-left: 15px;
        background-color: #f5f5f5;
    }

    #branchFilterBranches > .action > a {
        margin: 5px 20px 5px 0;
        display: inline-block;
        padding-right: 10px;
    }

    #branchFilterBranches button {
        min-width: 90px !important;
    }

.vehicleReport .bpButton {
    display: inline-block !important;
    font-size: 1em !Important;
    line-height: 1.5em;
    text-align: center;
}

#branchFilterContainer {
    width: 500px;
}

    #branchFilterContainer > div {
        width: 490px;
    }



#reportAction {
    line-height: 3em;
}

    #reportAction * {
        display: inline;
        vertical-align: middle;
    }

#reportActionRight {
    /*right: 20px;
    position: absolute;*/
    float: right;
    /*padding-right: 10px;*/
}

    #reportActionRight * {
        padding-left: 5px;
        text-align: left;
    }

.mobileView #toBePaidVehiclesReportPage #reportActionRight {
    display: none;
}


#reportBodyContainer {
    border-radius: 3px;
    padding: 10px;
    border: 1px solid gray;
    /*border-top: none !important;*/
    width: 98.2%;
    z-index: 1;
    display: inline-block;
}

#toBePaidVehiclesReportPage #reportBodyContainer {
    padding-right: 5px !important;
}

#toBePickedUpReportPage #reportBodyContainer {
    padding-right: 4px !important;
}

#MyVehiclesIfBidspage #reportBodyContainer {
    padding-right: 5px !important;
}

#purchaseHistoryReportPage #reportBodyContainer {
    padding-right: 8px !important;
}

.mobileView #reportFilterContainer {
    padding: 0px !important;
    margin: 0px !important;
}


    .mobileView #reportFilterContainer .reportFilterSubItem {
        width: 32.5%;
    }


.mobileView .reportFilterSelect {
    /*padding-left: 10px !important;*/
}

.mobileView #reportFilterContainer .reportFilterItem, .mobileView #reportFilterContainer .reportFilterSubItem {
    padding-left: 0px !important;
}

.mobileView #reportSelectBranches > div {
    width: 97% !important;
}

.mobileView #reportActionRight * {
    padding-left: 20px !important;
}

.mobileView #reportActionRight #Expandallrows {
    display: none;
}


.mobileView #reportBodyContainer {
    border: none;
    /*width: 96%;*/
}

.mobileView #reportFilterContainer .reportFilterItem, .mobileView #branchFilterContainer, .mobileView .vehicleReport .getReportContainer {
    width: 99.5% !important;
    margin-top: 10px !important;
}

.mobileView #branchFilterSelector, .mobileView .vehicleReport .bpButton {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0px !important;
}

.mobileView #branchFilterBranches .bpButton {
    width: auto !important;
    margin: 10px !important;
}

.mobileView #toBePaidVehiclesReportPage #checkoutProceed {
    width: 100% !important;
}


.mobileView #reportFilterContainer > * {
    display: block !important;
    width: 100% !important;
    padding-left: 0px !important;
    margin: 5px 0px !important;
}

.mobileView #reportFilterContainer > * {
    display: block !important;
    width: 100% !important;
    padding-left: 0px !important;
    margin: 5px 0px !important;
}

.mobileView #branchFilterSelector {
    width: 97% !important;
}

    .mobileView #branchFilterSelector:after {
        content: '';
    }

    .mobileView #branchFilterSelector #branchFilterLabel {
        display: inline-block;
    }

    .mobileView #branchFilterSelector a {
        float: right;
    }


.mobileView #branchFilterContainer {
    display: block;
}

    .mobileView #branchFilterContainer > div {
        width: auto !important;
        display: block;
    }

.mobileView #branchFilterBranches > div {
    width: 97% !important;
}


#ReportGrid table {
    table-layout: initial;
    border-collapse: separate !important;
}

#ifBidOfferArea #ReportGrid table {
    width: 100%;
}

#ReportGrid thead {
    /*/*background-color: red;*/ */;
}

#ReportGrid tbody {
    display: table-row-group;
}

.mobileView #ReportGrid {
    position: initial !important;
    margin-bottom: 70px;
}

#ReportGrid .totalRecordsDisplay {
    text-align: right;
    padding: 10px;
    border-top: thin solid #cecece;
}

    #ReportGrid .totalRecordsDisplay:first-child {
        border-top: none;
    }

.mobileView #ReportGrid thead tr {
    line-height: 25px;
    vertical-align: middle;
}

.mobileView #ReportGrid .fa-caret-square-o-down {
    visibility: none;
}

.mobileView #ReportGrid thead a {
    padding-top: 15px !important;
    margin-top: 15px !important;
}

#userAgreementDialog {
    display: none;
    z-index: 110;
    top: 5px;
    left: 3%;
    position: fixed;
    margin-left: 30%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14),0 2px 10px 0 #9a9696 !important;
    background-color: white;
    /*height: 70%;*/
    max-width: var(--width-Body);
}

@media screen and (max-width: 829px) {
    #userAgreementDialog {
        width: 95%;
        margin-left: 0px;
        height: unset;
    }
}


.draggable {
    cursor: move;
    position: relative;
}

#myMaxBidWarningContainer {
    padding: 10px 0px;
    display: block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    color: #E6E6E6 !important;
}

#runListPagerTop > span.k-pager-input.k-label,
#runlistPageSizeList, #runlistCustomPagerInfo,
#runListGrid > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap.pagerMoved.searchBackground.searchKendoHeader > span.k-pager-input.k-label,
#runlistCustomPagerInfoFooter {
    color: var(--main-foreground-color) !important;
}

    #runListPagerTop > span.k-pager-input.k-label > input,
    #runListGrid > div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap.pagerMoved.searchBackground.searchKendoHeader > span.k-pager-input.k-label > input {
        color: var(--main-foreground-color) !important;
        font-weight: 500;
    }

        #runListPagerTop > span.k-pager-input.k-label > input[data-title]:after {
            content: 'Page Number';
            color: var(--main-foreground-color) !important;
        }

        #runListPagerTop > span.k-pager-input.k-label > input[data-title] {
            position: relative;
        }


.pdfDocument {
    width: 100%;
    ;
    height: 600px !important;
}

    .pdfDocument.page {
        height: 600px !important;
    }

#userAgreement .pdfDocument {
    height: 555px !important;
    ;
}



.noscroll {
    overflow-y: hidden !important;
    position: fixed !important;
}

.buyers-content p {
    margin: 2px 20px !important;
    text-align: left;
    padding: 2px 0px;
    text-align: justify;
}

.buyers-content h2 {
    margin: 10px 20px 20px !important;
    font-size: 1.1em;
    padding: 4px 20px;
    border-radius: 5px;
}

.buyers-content h3 {
   margin: 2px 20px 2px;
    font-size: 0.85em;
    width: 530px;
    text-align: left;
    padding: 2px 2px;
    text-align: justify;
}

.buyers-content ol li {
    margin: 2px 0px !important;
    text-align: left;
    text-align: justify;
}


@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    .ui-dialog {
        visibility: hidden;
    }

    #AdvanceSearchPage * {
        visibility: visible; /*hidden;*/
    }

    #printSection, #printSection * {
        visibility: visible;
    }

    .hideFromPrint, .hideFromPrint * {
        display: none !important;
        visibility: hidden !important;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }
}


#AdvanceSearchPage {
    font-size: .9em !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: normal !important;
}

    #AdvanceSearchPage *:not(.fa), .dashboardTable thead *:not(.fa), .attributeHeaderText {
        font-size: 1.4rem !important;
    }

    #AdvanceSearchPage label::before, #AdvanceSearchPage label::after {
        display: none;
    }

    #AdvanceSearchPage #runListGridTableHeader thead *, #AdvanceSearchPage #runListHeader2 *, .dashboardTable thead *, .attributeHeaderText:not(.defualtColor) {
        font-weight: bold;
        color: #ffffff !important;
    }


.searchAttributeColumn {
    display: block;
    width: 295px;
}

.onoffswitch label:before {
    display: none !important;
    content: "";
}

.onoffswitch input + label:before {
    display: none !important;
}

.onoffswitch input:not(:checked) + label, .onoffswitch input:not(:checked) + label:before, .onoffswitch input:checked + label:before {
    /*    content:"";
    display: none !important;*/
}



.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

.searchBrorder {
    border: thin solid #cecece;
}

.searchBackground {
    background: #FBFBFB !Important; /*#FBFBFB;*/
}



#searchAttributeBody {
    margin: 0px 0px 20px 0px;
    float: left;
    position: relative;
    width: 290px;
    /*border-top: none;
    border-bottom: none;*/
}

#SerachCriteriaHeader {
    height: 40px;
    padding-top: 10px;
    display: block;
}


.searchDisabled {
    opacity: .3;
}

#serachattributeSaveArea {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 3px;
}

    #serachattributeSaveArea .fa, #serachattributeSaveArea select {
        vertical-align: middle;
    }

    #serachattributeSaveArea > div {
        display: inline-block;
        padding-right: 10px;
        vertical-align: bottom;
    }

    #serachattributeSaveArea > select {
        width: 190px;
        height: 2em;
        padding-top: 2px;
        padding-bottom: 2px;
    }


    #serachattributeSaveArea > button {
        padding: 0px;
        margin-left: 10px;
        height: 25px;
        width: 50px !important;
    }

searchAuctionType {
    cursor: pointer;
}

#searchAuctionBody {
    width: 100%;
}


#searchRunlistColumn {
    padding: 0px;
    margin: 0px;
}

.searchCriteriaData {
    /* width: 99%;*/
    background-color: white;
}

#AdvanceSearchPage.desktop #searchRunlistBody .searchCriteriaData {
    width: 100rem;
}

.searchCriteriaData > table {
    overflow-y: hidden;
    overflow-x: hidden;
    border: none;
    height: 7em;
    padding: 2px 10px;
    display: block;
    margin: 0px !important;
    width: 100%;
}

    .searchCriteriaData > table tr {
        line-height: 1em;
    }

    .searchCriteriaData > table td {
        display: table; /*/inline-block;*/
        white-space: nowrap;
        /*overflow: hidden !important;*/
        text-overflow: ellipsis;
        /*max-width: 230px;
            min-width: 200px;*/
    }


.searchCriteriaDataSingleCol > table td {
    width: 250px;
    margin-bottom: 3px;
}

.searchCriteriaSelect {
    display: none;
}

#searchVehiclesBody .searchCriteriaSelect {
    margin: 0 3px 0 0;
}

.searchCriteriaLabel {
    display: contents;
}

.searchCriteriaCount {
    display: table-cell;
    color: #696060 !important;
    background-color: #E4DFDF !important;
}


.criteriaHeaderIcon {
    height: 15px;
    width: 15px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: text-top;
}


.attributeHeaderText {
    /*width: 10px;*/
    text-align: left;
    display: inline-block; /*table-cell !Important;*/
}

.firstLevel > .attributeHeaderText {
    padding-left: 10px;
}

.secondLevel > .attributeHeaderText {
    padding-left: 5px;
}

.firstLevel > div, .secondLevel > div {
    text-decoration: underline;
    cursor: pointer;
}

.attributeSelectALL {
    margin-left: 10px !Important;
}

.criteriaHeaderCount {
    text-align: left;
    display: inline-block !Important;
}

.searchGridHeader {
    font-weight: bold !important;
    font-size: 1.1em;
    margin: 1px;
    background: #222222 !important;
    color: #cecece !important;
    border-top: thin solid #cecece !important;
    border-bottom: thin solid #cecece !important;
    background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -moz-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -o-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -ms-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: linear-gradient(bottom,#3c3c3c 0,#222 100%);
}


.searchCriteriaHeader {
    display: block;
}

    .searchCriteriaHeader > a {
        width: 99%;
        height: 3em;
        display: block !Important;
        line-height: 3em;
        text-decoration: none;
        border-bottom: thin solid #cecece;
        border-top: thin solid #cecece;
    }



    .searchCriteriaHeader > .secondLevel {
        /*background: #E4E4E4;
        color: #696D6D;*/
        background: #f4f4f4;
        color: #696D6D;
        /*text-shadow: 0px 1px 1px white;*/
        background-image: -webkit-linear-gradient(top,#FDFDFD 0,#F7F7F7 100%);
        background-image: -moz-linear-gradient(top,#FDFDFD 0,#F7F7F7 100%);
        background-image: -o-linear-gradient(top,#FDFDFD 0,#F7F7F7 100%);
        background-image: -ms-linear-gradient(wtop,#FDFDFD 0,#F7F7F7 100%);
        background-image: linear-gradient(top,#FDFDFD 0,#F7F7F7 100%);
    }

/*.searchCriteriaHeader :after {
    content:"\A";
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    	border-color:#000 transparent transparent transparent;
      position: absolute;
    bottom: 0px;
    right: 50%;
}*/



#searchCriteriaVehicleYearRageLabel {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
}

#searchCriteriaBranchDay {
    margin-bottom: 5px;
}

.searchCriteriaBlock {
    width: 95%;
    margin: 0px auto;
    display: table !important;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

    .searchCriteriaBlock > a {
        display: table-cell !important;
        background-color: ghostwhite !Important;
        border-color: lightgray !Important;
        color: black !Important;
        padding: 2px 5px 2px 5px !important;
        font-size: smaller !important;
        border-radius: 0px !Important;
        cursor: pointer;
    }

        .searchCriteriaBlock > a:hover {
            background-color: #c90107 !important;
            color: #fff !Important;
        }

    .searchCriteriaBlock > input {
        height: 1.7em !important;
        padding: 0px;
        /*padding-bottom: 5px;*/
    }

.searchCriteriaVehicleAge {
    background-color: gray;
}

.searchCriteriaDatepicker {
    text-align: center;
    width: 50px !important;
    /*padding-top: 0px;*/
}

.searchCriteriaYear {
    margin: 10px 10px 10px 10px !important;
    background-color: ghostwhite !important;
    border-color: gray !Important;
    color: black !important;
    border-radius: 5px !important;
    height: 22px !important;
}

.searchCriteriaYearSelected {
    background: #FBFBFB !important;
    border: thin solid #cecece !important;
    /*color: white !important;*/
}

#searchCriteriaAuctionStatusSpin {
    color: transparent;
}

#searchCriteriaAuctionStatusSpin {
}

.searchCriteriaAuctionStatusText {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.glyphicon-refresh-animate {
    color: blue !important;
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}


.OverlayArea {
    display: inline-table !Important;
    position: relative !Important;
    width: 100%;
}

.Overlay {
    background: rgb(199 199 199 / 34%) !Important;
    display: table-column-group;
    position: absolute !Important;
    opacity: .8 !important;
    z-index: 9999;
}

    .Overlay img {
        margin: auto;
        display: block; /*table-column-group;*/
        /*position:absolute !Important; /*initial !Important;*/
        pointer-events: none;
        margin-top: 10%;
    }



#searchRunlistColumn {
    vertical-align: top;
}

#searchRunlistBody {
    vertical-align: top;
    height: 100%;
    padding: 0px;
    margin: 0px;
    display: inline;
    float: left;
    position: relative;
    border: none; /*thin solid #cecece;*/
    border-top: none;
    border-bottom: none;
    padding-left: 1em; /*3em;*/
}



#searchResultHeader {
    height: 50px;
}


.showMore-container {
    position: relative;
}


.showMore {
    background-color: transparent;
    opacity: 0.8;
    padding: 2px 4px 2px 4px;
    display: inline-block;
    position: absolute;
    bottom: 2px;
    right: 20px;
}

.searchTextArea {
    /*border-bottom: thin solid #eee;*/
    border-top: thin solid #eee;
}

.auctionDay {
    border-bottom: 3px solid #eee;
    padding-bottom: 4px;
}

    .auctionDay > * {
        display: inline-block;
        padding-left: 20px;
    }

.specialAttribute {
    margin-top: 5px;
    margin-bottom: 0px;
    padding-top: .5em;
    padding-bottom: .5em;
}

    .specialAttribute > span {
        top: 5px;
    }
 

.specialAttributeLeft {
    padding-right: 0px !Important;
}

    .specialAttributeLeft a {
        font-weight: bold;
    }

    .specialAttributeLeft * {
        margin: 0px !important;
        display: inline !important;
    }


.specialAttributeRight {
    padding-left: 0px !Important;
    display: flex;
}

    .specialAttributeRight .fa {
        margin-top: 1.6rem;
    }

.searchAttributeArea {
    display: block !important;
    width: 95%;
    /*height: 2.5em;*/
    text-align: center;
    margin: 5px 8px 10px 8px;
}

.searchButton {
    /*display:block !important;*/
    width: 99%;
    height: 100%;
}

#runlistSort {
    width: 96%;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    /*padding-left: 12px;*/
    vertical-align: middle;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
}

    #runlistSort > a {
        display: table-cell;
        margin: 5px 10px 5px 10px;
        padding-left: 5px;
        vertical-align: middle;
    }

    #runlistSort #SortingOptions {
        display: table-cell;
        margin: 5px 10px 5px 10px;
        padding-left: 15px;
        vertical-align: middle;
    }

#runlistPagerInfoContainer, #runlistPagerInfoContainerFooter {
    /*width: 30%;*/
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.runlistHeader2 {
    padding: 12px 15px 2px !important;
    width: 100%;
    background-color: #222222 !important;
    color: #cecece !important;
    min-height: 35px;
}

#searchRunlistHeader {
    padding: 7px 20px 5px 10px;
    display: block;
    /*width: 100%;*/
    height: 48px; /*height:42px*/
    border-bottom: none !important;
}

    #searchRunlistHeader > div:nth-child(1) {
        display: table-cell;
        width: 500px; /*200px*/
        vertical-align: middle;
    }

    #searchRunlistHeader > div:nth-child(2) {
        display: table-cell;
        width: 430px; /*1000px*/
        vertical-align: middle;
        text-align: right; /*middle*/
    }

/*#searchRunlistHeader > div:nth-child(3) {
        display: table-cell;
        width: 100px;
        vertical-align: middle;
    }*/

.attributeSort {
    display: inline-block;
    margin-left: 10px;
    /*float: right !important;*/
    /*margin-top: 10px;
    margin-right: 25px;*/
    height: 15px;
    width: 15px;
    cursor: pointer;
}


.attributeClearAll {
    margin-right: 15px;
    font-size: .8em;
    display: none;
    float: right !important;
}

.attributeClearAllShow {
    display: block;
}

.attributeClearAllAcc {
    display: block !Important;
    padding: 2px 0 7px 0;
    z-index: 10;
}

.searchBranchSelectAll {
    padding-top: 5px;
    height: 30px;
}

.searchAttributeSpecialType {
    color: #0600FF;
}


.searchAttributeSpecialTypeCheckbox {
    margin-left: 10px !important;
}

#searchRunlistError {
    width: 60rem;
    font-size: 16px;
    margin: auto;
    margin-top: 5rem;
    padding: 2rem;
}

#content.desktopDashboar #searchRunlistError {
    margin-left: 30rem;
}


#searchRunlistError > div {
    text-align: left;
}

.searchRunlistErrorText {
    font-weight: bolder;
}




.searchCriteriaDataBrand {
    height: 5em;
}

    .searchCriteriaDataBrand table {
        height: 5em !important;
        overflow-y: scroll;
    }

.hideDuringLoading {
    display: none;
}

.attributeSortBrand {
    display: none;
}

.attributeHeaderTextBrand {
    margin-left: 25px;
}


.print-area {
    border: 1px solid red;
    padding: 1em;
    margin: 0 0 1em;
}

.sortLink {
    color: #cecece !Important;
    text-decoration: none !Important;
    cursor: pointer;
}

    .sortLink:hover {
        text-decoration: underline !Important;
    }

.sortSelected {
    color: #f93 !important;
    /*color: red !Important; #ff*/
}


.searchSelectedSort {
    font-weight: bold;
}

/*RUNLIST*/
.pageHeight {
    height: 100% !Important;
}

#runListGrid {
    padding-top: 0px !Important;
    border-top: none !Important;
}

.runlistCol2HideImage {
    width: 1px !Important;
}

.runlistTextNoTop {
    padding-top: 0px !Important;
}

.runlistText {
    font-size: 1em;
    padding-bottom: 2px !Important;
    line-height: 1.1em !Important;
    height: .8em !Important;
    margin-top: .3em;
    display: table !Important;
    color: #707070 !important;
}

.runlistBuyNow {
    height: 1.5em;
    /*cursor: pointer;*/
    width: 65px !Important;
    border: none !important;
}

.runlistLabel {
    width: 50px;
}

.runlistTextRowVin {
    display: inline-table;
    width: inherit;
}

.runlistTextRowStockNum {
    width: inherit;
}

.runlistTextRow > div, .runlistTextRow > span, .runlistTextRow > a {
    display: inline;
}

.runlistTextRow > a {
    color: #3072AB !important;
}

.runlistTextRow .infoRoundButton {
    display: inline-block !Important;
}


.runlistBlock > * {
    display: inline-block !Important;
}

.runlistUserNotes > div {
    display: inline-block !Important;
    width: 100%;
}

.runlistNotesIconCol > div {
    display: inline-block !Important;
    width: 100%;
}

.runlistNotesIconCol {
    /*padding-bottom: 2px !Important;*/
    line-height: 1em !Important;
    height: .8em !Important;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}

.runlistUserNotes {
    line-height: 1em !Important;
    height: .8em !Important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

#runListGrid td {
    height: 20px !Important;
}

    #runListGrid td:nth-child(1), #runListGrid th:nth-child(1) {
        width: 10px;
        padding-left: 5px !Important;
        padding-right: 0px !important;
        border-right: none !Important;
        vertical-align: middle;
        margin-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    #runListGrid td:nth-child(2), #runListGrid th:nth-child(2) {
        width: 65px;
        max-width: 85px;
        min-width: 1px;
        border-left: none !Important;
        padding-top: .3em !Important;
        padding-left: 5px !Important; /*//.5em .6em .4em .6em*/
        padding-right: 0px !Important;
        vertical-align: middle;
    }

    #runListGrid td:nth-child(3), #runListGrid th:nth-child(3) {
        width: 180px;
        max-width: 180px;
        min-width: 180px;
        padding-top: .3em !Important;
        padding-left: 5px !Important;
        padding-right: 0px !Important;
        vertical-align: top;
    }

    #runListGrid td:nth-child(4), #runListGrid th:nth-child(4) {
        width: 70px;
        padding-top: .3em !Important;
        padding-left: 5px !Important;
        padding-right: 0px !Important;
        vertical-align: top;
    }

    #runListGrid td:nth-child(5), #runListGrid th:nth-child(5) {
        width: 115px;
        padding-top: .3em !Important;
        padding-left: 5px !Important;
        padding-right: 0px !Important;
        vertical-align: top;
    }

    #runListGrid td:nth-child(6), #runListGrid th:nth-child(6) {
        width: 130px;
        padding-top: .3em !Important;
        padding-left: 5px !Important;
        padding-right: 0px !Important;
        vertical-align: top;
    }

    #runListGrid td:nth-child(7), #runListGrid th:nth-child(7) {
        width: 170px;
        padding-top: .3em !Important;
        padding-left: 10px !Important;
        padding-right: 0px !Important;
    }




.runListGridCol1 {
    width: 25px;
    display: table-cell;
}

    .runListGridCol1 > img {
        display: inline-block;
        top: 0px;
        /*cursor: pointer;*/
        width: 15px;
        height: 25px;
    }

.runListGridCol2 {
    width: 85px;
    display: table-cell;
    cursor: pointer;
    height: 75px;
}

    .runListGridCol2 > Img {
        width: 80px;
        border-radius: 5px;
    }

.runListGridCol3 {
    width: 180px;
    display: table-cell;
    height: 75px;
}

.runListGridCol4 {
    width: 75px;
    display: table-cell;
    height: 75px;
}

.runListGridCol5 {
    width: 140px;
    display: table-cell;
    height: 75px;
}
/*Offsite*/


.runListGridCol6 {
    width: 140px;
    display: table-cell;
    height: 75px;
}

.runlistButtonArea {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 5px;
}

.runlistButton {
    display: inline-block;
    line-height: .7em;
    margin: 0px;
}

.runlistOffset {
    display: inline-block;
    padding-left: 3px;
}

    .runlistOffset.mobile {
        padding-left: 5px;
    }

    .runlistOffset > * {
        color: #c90107 !important;
        font-weight: bold !important;
    }

    .runlistOffset img {
        display: inline-block;
        margin-top: -3px;
        padding-left: 1px;
    }

    .runlistOffset.runlist img {
        width: .8em;
        height: auto;
    }

    .runlistOffset > div {
        display: inline-block;
    }

.OffSitelabel {
    color: #c90107 !important;
    font-weight: bold !important;
    /*width: 60px !important;*/
}


.runListGridCol7 {
    width: 170px;
}

.runlistPrebid {
    display: block;
}

    .runlistPrebid > div {
        display: inline-block;
    }

.runlistPrebidGreen, .runlistPrebidGreen * {
    color: green;
    font-weight: bold;
}

.runlistPrebidRed, .runlistPrebidRed * {
    color: red;
    font-weight: bold;
}

.runlistPrebidOrange, .runlistPrebidOrange * {
    color: orangered;
    font-weight: bold;
}


#runListGrid table tr:nth-child(odd) {
    background: #FFF;
    border-bottom: thin solid #cecece !Important;
}

#runListGrid table tr:nth-child(even) {
    background: #F5F5F5;
    border-bottom: thin solid #cecece !Important;
}

/*Kendo*/
.searchKendoHeader {
}

#searchRunlistBody {
    max-width: 1200px !important;
}

    #searchRunlistBody table {
        /*margin-top: .2em;*/
    }

.runlistGridHeader {
    vertical-align: middle !important;
    height: 2em;
}

.k-grid table {
    border-collapse: collapse !Important;
}

.k-grid-header {
    padding-right: 0px !Important;
}

.k-pager-info {
    padding-top: .5em !Important;
}

.k-pager-wrap {
    padding: 12px 15px 2px 15px !Important;
    height: 30px !Important;
    border-top: none !Important;
}

    .k-pager-wrap > .k-link {
        border-radius: 5px !important;
    }

.k-grid-content {
    overflow-y: hidden !Important;
}

.k-grid td {
    border-style: none !Important;
}

    .k-grid td.k-grid-content-sticky.k-selected:hover, .k-grid td.k-grid-content-sticky.k-state-selected:hover, .k-grid td.k-selected:hover, .k-grid td.k-state-selected:hover, .k-grid tr:hover {
        color: inherit !important;
        background-color: inherit !important;
    }


.k-pager-numbers {
    /*text-decoration:underline !Important;*/
}

/*.k-pager-numbers .k-link {
    border-radius:0px;
}*/



.k-state-selected, .k-list > .k-state-selected {
    /*padding-top: 5px;*/
    /*background: #337ab7 !Important;
    border-color: #2e6da4 !Important;*/
    border-radius: 2px !important;
    height: 2.1em !important;
    vertical-align: middle !Important;
}

.k-state-hover, .k-pager-wrap .k-link:hover {
    padding-top: 0px;
    /*background: #337ab7 !Important;
    border-color: #2e6da4 !Important;*/
    border-radius: 1px !important;
    height: 2.1em !important;
    vertical-align: middle !Important;
}



.infoRoundButton {
    width: .9em !Important;
    vertical-align: middle;
    line-height: 1.1em;
}

.infoRoundButtonCircle {
    border: #2e6da4;
    background: #337ab7;
    box-shadow: 0 0 3px gray;
}
/*.infoRoundButtonCircle:hover {
	background:#30588e;
}*/
.auctionTypeIndicator span, .infoRoundButton span {
    display: block;
    float: left;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: #e2eaf3;
    font-size: .8em;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.auctionTypeCircleButton, .infoRoundButtonCircle {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    max-width: 1em;
    max-height: 1em;
    padding: 2px;
    border: 1px solid;
    text-align: center;
    font: 0.8em Arial, sans-serif;
    display: inline-block !important;
    margin: 0 0 0 2px;
    /*box-shadow: 0 0 3px;*/
    /*line-height: 1.2em;*/
}

    .auctionTypeCircleButton.siteSale {
        background-color: yellow !important;
        border-color: #5d5d5d !important;
        color: #3e3e3e !important;
    }

    .auctionTypeCircleButton.auction {
        background-color: #337ab7 !important;
        border-color: #586b7b !important;
        color: #e2eaf3 !important;
    }

    .auctionTypeCircleButton.treeview {
        line-height: 0.9em;
        min-width: 1.2em;
        min-height: 1.2em;
        padding-left: 1.5px;
        padding-bottom: 3px;
        line-height: 0.8em;
    }

:not(.ui-dialog) .auctionTypeCircleButton.vdp {
    padding-top: 1.5px;
}

.ui-dialog .auctionTypeCircleButton.vdp {
    line-height: 1em;
    min-width: 1.3em;
    min-height: 1.3em;
    padding-left: 2px;
    padding-top: 1.5px;
}

#AdvanceSearchPage.mobile .auctionTypeCircleButton.vdp {
    min-width: 1em;
    min-height: 1em;
}

.auctionTypeCircleButton.runlist {
}

.auctionTypeCircleButton.greenCircle {
    background-color: green !important;
    border-color: #326d23 !important;
    color: #e2eaf3 !important;
}

.auctionTypeCircleButton.blueCircle {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    color: #e2eaf3 !important;
}

#runlistPageSizeList, #runlistPageSizeListFooter {
    width: 100px;
    height: 1.4em;
    /*float: right;*/
    padding: 2px 5px 5px 5px;
    margin: 3px 15px 5px 5px;
}


/*Dialog*/
#savedSearchAdd {
    width: 350px;
    height: 300px;
    position: absolute;
    opacity: 1;
}

    #savedSearchAdd .modal-content, #savedSearchAdd .modal-dialog {
        width: 100%;
        height: unset;
    }

    #savedSearchAdd .modal-header {
        height: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
    }

    #savedSearchAdd .modal-body {
        text-align: center;
        padding: 15px 10px 15px 10px;
    }

        #savedSearchAdd .modal-body > div, #savedSearchAdd .modal-body > input {
            display: inline;
            width: 60%;
            margin-left: 10px;
            line-height: 1.2em;
        }

    #savedSearchAdd .modal-footer {
        height: 100%;
        padding: 10px 10px 10px 10px;
        display: block;
    }

#modalOverlaysearchRunlistBody img {
    margin-top: 50% !Important;
}

.OverlayParent {
    opacity: .3;
}

.seachButtonDisabled {
    cursor: auto !Important;
}

.seachButtonNoVehicle {
    /*font-weight: bolder;*/
    /*font-size: larger;*/
}

.searchButton > div {
    display: inline-block !Important;
}



.vinTooltipHide {
    display: none !Important;
}

#vinTooltip div {
    height: .7em !important;
}

.runlistMakeModelArea {
    /*font-weight:bold;*/
}

.runlistStockNumArea {
    margin-top: 7px;
}

.runlistVinArea {
    position: absolute;
    cursor: help;
}

.runlistVinTooltipArea div {
    font-weight: initial !Important;
}

.prebidClosed {
    margin-top: 0px;
}
/*.runlistVinArea .runlistVinTooltipArea {
        position: absolute;
    }*/

.runlistVinArea .runlistVinTooltipContent {
    position: absolute;
    top: -20px;
    left: 150px;
    width: 180px;
    padding: 5px 5px 10px 10px;
    margin-right: -220px;
    color: #222222;
    background: #FBFAD7;
    border: 1px solid #222222;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    -moz-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
}
/*.runlistVinArea .runlistVinTooltipContent:before {
            content:' '; 
            position:absolute;
            top:50%;
            left:-16px; 
            width:0;
            height:0;
            margin-top:-8px;
            border:8px solid transparent;
            border-right-color:#222222;
        }*/
.runlistVinArea:hover .runlistVinTooltipContent {
    right: -20px;
    /*opacity: 1;*/
}

.icon-tooltip-search {
    width: 21px !important;
    height: 21px !important;
    top: 3px !important;
    margin-left: 0px !important;
}


.searchTooltip .tooltip-inner {
    /*display:none;*/
    /*padding: 10px 10px 10px 10px !important;
    background-color: #286090 !important; /*#286090 !important;*/
    color: #222222;
    background: #FBFAD7;
    border: none;
}

.searchTooltip .tooltip, .searchTooltip .top {
    top: 10px;
    /*border-top-color: #286090 !important;*/
    color: #222222;
    background: #FBFAD7;
    border: 1px solid #222222;
}

.searchPopupMessage {
    display: none;
}

.searchPopupMessageShow {
    display: block !Important;
    background: #FBFAD7;
    height: 1.7em;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #222222;
    border-radius: 3px;
    position: fixed;
    text-align: center;
    z-index: 10;
}

.auctionL1L {
    font-size: large;
    cursor: pointer;
    /*padding-left:5px;
    padding-right:5px;*/
    /*-moz-border-radius:5px;
    -webkit-border-radius:5px;*/
    /*border:1px solid #999;*/
    /*border-radius:5px;*/
    display: inline-block;
    /*padding:1px 1px 1px 1px;*/
    text-decoration: none;
    line-height: .5em;
    /*min-width:25px;*/
    text-align: center;
}

.dateList {
    display: none;
}

.tree {
    min-height: 20px;
    padding: 5px;
}

.dateList li { /*item location*/
    list-style-type: none;
    margin: 0;
    /*padding:10px 0px 0 0px;*/
    margin-left: 30px;
    position: relative;
}

    .dateList li::before, .tree li::after { /* line location/show*/
        content: '';
        left: -25px;
        position: absolute;
        right: auto;
    }

    .dateList li::before { /*V-line*/
        border-left: 1px solid #cecece;
        bottom: 50px;
        height: 100%;
        top: 0;
        width: 1px;
    }

    .dateList li::after { /*H-line*/
        border-top: 1px solid #cecece;
        height: 20px;
        top: .7em;
        width: 20px;
    }

.searchCriteriaDataAuction {
    display: inline-block;
    border-right: thin solid #cecece;
    padding-right: 5px;
    width: 100%;
}

.searchCriteriaPartAuction {
    height: 9.5em !important;
    background-color: white;
    padding: 0px;
    overflow: scroll;
    list-style: none;
    white-space: nowrap;
    margin-bottom: 0px;
}

.auctionRow > span, .auctionRow > div {
    display: inline-block;
}

.attributeHeaderTextAuction {
    padding-left: 30px !Important;
}

.greenBut {
    /*background: #1d67b2 !Important;*/
    font-weight: normal !Important;
}

.runlistPrebidArea {
    height: 100%;
}

    .runlistPrebidArea > * {
        display: block;
    }

.runlistPrebidSec {
    line-height: 50px;
    min-height: 50px;
}

.runlistButtonArea {
    height: 1.3em;
}

.runlistButton {
    border: thin solid #cecece;
    width: 65px !Important;
}

.buttonTag {
    padding-left: 10px !Important;
    background-position-x: 3px !Important;
}

.runlistUnWatch {
    padding-left: 7px !Important;
    background: none;
    text-align: center;
}

.runlistWatch {
    /*text-align: right;*/
}



#runlistButton > * {
    padding-left: 10px;
}

.bpIconFontSort {
    font-size: small !Important;
    padding-left: 10px;
}



.accordion-toggle {
    cursor: pointer;
}

.modal-footer > * {
    display: inline;
}

.runlistTransmission {
    padding-right: 20px;
}

.dashboardAuctionItem.tATile img {
    width: 75px !important;
    margin-left: 0px;
}

.mobileDashboardAuctionItem.tATile img {
    width: 75px !important;
    margin-left: -20px;
    margin-top: -15px;
}

.mobileDashboardAuctionItem.tATile .dashboardAuctionItemText {
    width: initial !important;
    margin-left: -25px;
}

.siteSaleTile img {
    filter: contrast(50%);
    padding: 0 10px;
}

.mobileAuctionImage img {
    padding: 0 5px;
}

.buttonDisabled {
    opacity: .3;
    cursor: default;
}

a:focus {
    outline: none !important;
}
.logo-resize-iaa {
}

.logo-resize-mpi {
}

.logo-resize-sgi {
}


 

.dropdown--profile ul {
    right: -8.5rem !important;
    right: 0px !important;
    width: unset !important;
    top: 6rem !important;
    transform: none !important;
}

    .dropdown--profile ul li {
    }

        .dropdown--profile ul li a {
        }

#carouseldesktopWrapper {
    position: absolute;
    display: contents;
}

#carouseldesktop {
    width: 99.4vw;
    position: relative;
    left: 0px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 10px;
    clear: both;
    display: block;
    height: 58rem;
}

#carouseldesktop, .carousel-image {
    height: 58rem;
    min-height: 58rem;
    max-height: 58rem;
}

#carousel-marketing-banner .item {
    margin: auto;
    min-width: 100%;
    min-height: 100%;
}


.carousel-control {
    height: 7rem !important;
    width: 7rem !important;
    top: 50% !important;
    overflow: hidden; /* to prevent scrollbar appearing */
    padding: 5px 20px;
    background: #999999;
    transition: transform .5s ease; /* our nice transition */
}

    .carousel-control * {
        background-color: transparent;
    }


    .carousel-control.left {
        left: -70px !important;
    }

    .carousel-control.right {
        right: -70px !important;
    }


#carouseldesktopWrapper:hover .carousel-control.left {
    transform: translateX(70%);
    -webkit-transform: translateX(90%);
}

#carouseldesktopWrapper:hover .carousel-control.right {
    transform: translateX(-70%);
    -webkit-transform: translateX(-90%);
}

.carousel-text {
    position: fixed;
    width: var(--width-Body);
}

    .carousel-text * {
        width: 60%;
    }

    .carousel-text.text p {
        font-size: 2.2rem;
    }

#carousel-marketing-banner {
    background-color: transparent;
}


.carousel-text-Wrapper {
    position: absolute;
    z-index: 1;
}

    .carousel-text-Wrapper.text {
        top: 10rem;
    }

    .carousel-text-Wrapper.button {
        top: 50rem;
    }

    .carousel-text-Wrapper p {
        font-size: 2.2rem;
    }

.indicators .carousel-indicators {
    top: 42rem;
}



.carousel-button {
    left: 0px;
}

.carousel-image-Wrapper {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.carousel-image {
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    /*min-height: 100%;*/
}

/*    .carousel-image:after {
        content: "";
        right: 20%;
        background-image: linear-gradient(to right, rgba(0,0,0,0.75), rgba(0,0,0,0));
    }*/



.indicators .carousel-indicators {
    padding-top: 10px;
    background-color: black;
    width: 90px !important;
    right: 30px !important;
    left: unset !important;
    height: 25px;
    padding: 7px;
    border-radius: 10px;
    margin-top: 10rem;
}

    .indicators .carousel-indicators * {
        background-color: #ffbf00;
        height: 20px;
        width: 20px;
        display: inline-block;
        z-index: 9;
    }

    .indicators .carousel-indicators li {
        border: 1px solid #ffffff80 !important;
        background-color: #ffffff80 !important;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        border-radius: 10px
    }

        .indicators .carousel-indicators li.active {
            border-color: #f5c000 !important;
            background-color: #f5c000 !important;
        }


.btn-cta {
    background-color: #ffbf00;
    color: #222;
    width: 100%;
    height: 5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    font-size: 1.6rem;
    cursor: pointer;
}

    .btn-cta:hover {
        color: #222;
        background-color: #ffe38e;
        text-decoration: none;
    }

        .btn-cta:hover .icon-cta-arrow {
            fill: #222;
        }

    .btn-cta .icon {
        fill: #222;
        width: 3rem;
        height: 3rem;
        margin-right: 0;
        margin-left: 4rem;
        transition: all .3s ease;
        display: none;
    }

.btn-cta-secondary {
    height: 5rem;
    text-align: center;
    font-size: 1.6rem;
    justify-content: center;
    padding: 1rem;
}

.carousel-caption, .carousel-caption a {
    text-shadow: unset !important;
    color: black !important;
}

.btn-disabled, .btn-disabled:hover {
    color: #434343 !Important;
    background-color: #ffffff !Important;
    border: thin solid #ccc !Important;
    opacity: 1 !important;
}






/*@media only screen and (min-width: 130rem) {*/
@media only screen and (min-width: 1300px) {
    #carouseldesktop {
        left: calc(-50vw + 50%);
    }
}

@media only screen and (max-width: 1000px) {
    .carousel-text, .carousel-text-Wrapper.button {
        width: 90%;
    }

    .carousel-text-Wrapper.text {
        margin-left: 5%;
    }
}

@media only screen and (min-width: 769px) {
    #frmExistingCustomerCheck .submit {
        width: 10rem;
        float: right !important;
    }
    /*Bootstrp overwrite*/
    .carousel-caption, .carousel-caption a {
        right: unset !important;
        left: unset !important;
    }

    .carousel-text-Wrapper {
        max-width: var(--width-Body) !important;
        width: var(--width-Body);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
    }


    .btn-cta {
        min-width: 41rem;
        width: auto;
        height: 8rem;
        justify-content: space-between;
        text-align: left;
        padding: 1rem 3rem;
        font-size: 2rem;
        text-decoration: none;
    }

        .btn-cta .icon {
            display: inline-block;
        }
}


@media only screen and (max-width: 768px) {

    #contentSection {
        /*    margin: 0px 1rem !important;
        padding: 0px 1rem !important;*/
    }

    input[type="checkbox"]:not(:checked) + label, input[type="checkbox"]:checked + label, input[type="radio"]:not(:checked) + label, input[type="radio"]:checked + label {
        padding-left: 0;
    }


    .carousel-caption {
        position: relative;
        text-align: center;
        padding: 0 10rem;
        left: 5%;
        display: block;
    }

    .container-registration .label, label, p {
        margin-bottom: 0;
    }

    #UpgradeToBid h2, #divAboutYourbusiness h2 {
        padding-left: 1rem !important;
    }

    #UpgradeToBid .mobileFullwidthCol, #divAboutYourbusiness .mobileFullwidthCol, wraper-review .mobileFullwidthCol {
        padding-left: 0rem;
    }

    #UpgradeToBid .mobileFullwidthCol {
        padding-right: 0rem;
    }
    #UpgradeToBid .mobileFullwidthCol {
        padding-right: 0rem;
    }
        #UpgradeToBid .mobileFullwidthCol.progress-wraper {
            padding-right: 1rem;
        }

    #divAboutYourbusiness .mobileFullwidthCol {
        padding-right: 0.5rem;
    }
        #divAboutYourbusiness .mobileFullwidthCol.progress-wraper {
            padding-right: 1rem;
        }

        #UpgradeToBid .mobileFullwidthCol input, #UpgradeToBid .mobileFullwidthCol select,
        #divAboutYourbusiness .mobileFullwidthCol input, #divAboutYourbusiness .mobileFullwidthCol select {
            width: 100%;
        }

    .editorRow.accordion-wrapper, .buttons-wraper.mobileFullwidthCol, #SalesRepRows {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .buttons-wraper.mobileFullwidthCol {
        padding-left: 1rem !important;
    }

        .buttons-wraper.mobileFullwidthCol a {
            margin-bottom: 1rem;
        }

    #BL_AddAdditionalSalesRepSection {
        text-align: left;
    }

    .bp-btn {
        width: 100%;
        margin: 2rem 0px;
    }

    .joinAuctionNow-wrapper {
        width: 100%;
        padding: 0.5rem 1rem;
        margin: 0px;
    }

        .joinAuctionNow-wrapper input {
            margin: 0 auto;
            width: 100%;
            z-index: 1;
        }
}

.tile--link .heading-3 {
}

.tile--link .heading-4 {
}

.tile--link a {
    text-decoration: none;
}

.tile--link p {
    font-size: 1.7rem;
    margin-bottom: 2rem;
}

.tile--link:hover {
    text-decoration: none !important;
    background-color: #f2f2f2 !important;
    color: #c90107;
}

    .tile--link:hover * {
        color: #c90107;
    }

.tile--link .link {
    display: block;
}

    .tile--link .link p {
        padding-right: .5rem;
    }

    .tile--link .link svg {
        padding-top: 0.3rem;
    }

    .tile--link .link > * {
        display: table-cell;
        font-size: small;
    }

#homeRow1.desktop > div {
    margin: 1rem 0rem;
    display: inline-block;
}

#homeRow1.desktop #homeCol1 {
    padding-right: 3rem;
    border-right: 1rem solid #cccccc40;
    max-width: 70%;
}

    #homeRow1.desktop #homeCol1 > div {
        /*width: 95rem;*/
    }

.desktop #homeBuyingFeatures a {
    margin-right: 2rem;
    padding: 0px;
    text-align: center;
}

.desktop #homeBuyingFeatures img {
    /*max-width: 30rem;*/
    max-width: 100%;
}

.hr-highlight {
    margin-top: 3rem;
    margin-bottom: 3rem;
}



/*search Page*/
/*#searchAttributeBody * {
    font-size: 13px;
}*/

.runlistVinArea.runlistTextRowVin {
    display: flex;
}

#modalOverlaysearchAuctionListBody img, #modalOverlaysearchAuctionTypeBody img {
    display: none;
}

#searchAttributeBody input[type="checkbox"] {
    position: unset;
    width: unset;
    height: unset;
    opacity: 1;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close {
    text-indent: -99em;
    overflow: hidden;
}

.dashboardAuctionListMiddle *, .auctionJoinPending * {
    box-sizing: border-box;
    box-sizing: unset !important;
}

.dashboardAuctionListMiddle img {
    z-index: 2;
    position: sticky;
}

.searchCriteriaData * {
    font-size: 13px;
}

.runlistButtonArea .runlistPrebidLabel * {
    display: inline;
}

.auctionJoinPending a {
    font-weight: bold !important;
}

#dashboardAuctionArea tbody tbody {
    padding: 0 2rem;
    display: block;
}


.dashboardAuctionListMiddle > img {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 3px;
}

.dashboardAuctionListMiddle .ashboardAuctionListCount {
    position: absolute;
    left: .5rem;
    top: .5rem;
}

.dashboardOnlineSalesMiddle > img {
    z-index: 1;
    position: absolute;
    left: 1rem;
    top: 1rem;
}

.dashboardOnlineSalesMiddle .dashboardOnlineSalesCount {
    position: absolute;
    left: 5rem;
    top: .5rem;
}

#SideMenuSection .sub-nav {
    padding: 0 !important;
}

.tenantBarContainer .fa-info-circle {
    height: unset;
}

.FeaturedSection {
    width: 70%;
    max-width: 70%;
}
.featuredSub .span_1_of_2.col {
    display: block;
    float: left;
    margin: 0px 1% 15px 1%;
    text-align: center;
}

#homeRow1.desktop #homeFeaturedVehicles .container-flex {
    display: flex;
    flex-wrap:wrap;
}

#homeRow1.desktop #homeFeaturedVehicles .tile--content {
    margin: 1rem 1rem 1rem 1rem;
    padding: 1.2rem 0 0 0;
    /*    max-height: 27rem;
    min-height: 27rem;*/
    display: inline-table;
    border: none;
    text-align:center;
}

#homeRow1.desktop #homeFeaturedVehicles img, .homeFeaturedVehiclesBody, .homeFeaturedVehiclesBody div {
    max-width: 29rem;
    min-width: 29rem;
    margin:auto;
}
/*#homeRow1.desktop #homeFeaturedVehicles img, .homeFeaturedVehiclesBody .tile__image {
    margin: .7rem 0px;
}*/




#homeFeaturedVehicles .tile--content {
    /*border: none*/
}

#homeFeaturedVehicles .hr-highlight {
    margin-bottom: 0;
}

#homeFeaturedVehicles h3 {
    margin-bottom: 0.3rem;
}

#homeFeaturedVehicles .homeFeaturedVehiclesBody {
    position: relative;
    height: 12rem;
    border: 0.1rem solid #ccc;
    border-style: none solid solid solid;
}

.homeFeaturedVehiclesBody > div {
    padding: .2rem 0px;
}

.homeFeaturedVehiclesBody div p {
    display: inline-block;
    margin: 0px !important;
    text-align:center;
}

#homeFeaturedVehicles .homeFeaturedVehiclesBody .year {
    padding-top: .3rem;
}

    #homeFeaturedVehicles .homeFeaturedVehiclesBody .year * {
        font-weight: bold;
    }

#homeFeaturedVehicles .homeFeaturedVehiclesBody .location {
    position: absolute;
    bottom: .3rem;
}

#homeFeaturedVehicles h3, #homeFeaturedVehicles .homeFeaturedVehiclesBody {
    text-align: center !important;
    overflow-wrap: break-word;
    max-width: 290px;
    display:inline-block;
}

#reportBodyContainer thead input[type="checkbox"] {
    margin-left: 1px;
}

#reportBodyContainer input[type="checkbox"], #subContentWhite input[type="checkbox"], #runlistShowImage input[type="checkbox"] {
    position: unset;
    opacity: 1 !important;
    height: auto !important;
    width: 100% !important;
}

#reportFilterContainer input[type="checkbox"] {
    width: 1rem !important;
}

#subContentWhite input[type="checkbox"], #runlistShowImage input[type="checkbox"] {
    width: 2rem !important;
}

.tenantBarContainer .tenantDisplay1 {
    padding-left: 1rem;
}

label, .label {
    text-transform: initial;
}

#main-body .loginbuttons {
    height: 3rem;
    padding-top: 0.2rem !important;
}


#subContentWhite .header:before {
    display: none !important;
}

#subContentWhite .header {
    border-bottom: none !important;
}

.dropdown-menu {
    padding: 0px !important;
    left: unset !important;
}



.cms-content-block *:not(h2):not(h3):not(h4) {
    font-size: 1.6rem !important;
}

.cms-content-summary p {
    font-size: 1.8rem !important;
}

.dashboardMyVehiclesArea {
    height: unset !important;
}

.desktopDashboard .searchAttributeColumn * {
    display: none;
}

.desktopDashboard #searchRunlistColumn #searchRunlistError {
    margin-left: 10rem;
}


#overlay1 {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.4;
    z-index: 1001;
}



.AccountType .options {
    margin-left: 0px;
    padding-left: 0px;
}

.container-registration h1, .container-registration h2, .container-registration h5 {
    text-align: left;
    margin-left: 0px !important;
    margin-bottom: 1rem !important;
}

.container-registration h1, .container-registration h2 {
    padding-left: 0px !important;
}

    .container-registration h2 label {
        position: relative;
    }

.container-registration .radioerror {
    display: block;
    clear: both;
}

.container-registration .AccountType label:before {
    display: none;
}

.container-registration .label, label, p {
    text-align: left;
}

.container-registration label, p {
    margin-top: 2rem;
}

.container-registration .wraper-address *, .container-registration .wraper-identification *, .container-registration .wraper-business-address *, .container-form.auction-rules-wraper * {
    text-align: left;
}

.container-registration input {
    margin-left: 0px;
}

.container-registration .col {
    margin: 0px
}

.container-form.auction-rules-wraper label {
    margin-bottom: 0px;
}

.container-form.auction-rules-wraper span {
    margin-left: 6rem;
}

#divShowSuccess p {
    display: block;
}

#divShowSuccess a.btn {
    height: 4.5rem;
    padding-top: 1rem;
}

.k-pager-wrap .k-link.k-selected, .k-pager-wrap .k-link.k-state-selected,
.k-picker.k-hover, .k-picker:hover, .k-widget.k-picker.k-hover, .k-widget.k-picker:hover,
.k-button-solid-base.k-hover, .k-button-solid-base:hover,
.k-pager-wrap .k-link.k-selected, .k-pager-wrap .k-link.k-state-selected,
.k-picker.k-hover, .k-picker:hover, .k-widget.k-picker.k-hover, .k-widget.k-picker:hover,
.k-button-solid-base.k-hover, .k-button-solid-base:hover,
.k-list-item.k-selected, .k-list-item.k-selected.k-hover, .k-list-item.k-selected.k-hover:hover, .k-list-item.k-selected:hover,
.k-list-item.k-hover, .k-list-item.k-hover:hover, .k-list-item:hover, .k-list-item *:hover,
.k-filebrowser-dropzone, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-state-hover,
.k-list-item-text.k-hover:hover, .k-list-item-text:hover,
.k-list-item.k-selected.k-hover, .k-list-item.k-selected:hover,
.k-calendar td.k-selected .k-link, .k-calendar td.k-state-selected .k-link {
    color: white !important;
    background-color: #c90107 !important;
    border-color: #c90107 !important;
    /*font-size: 14px;*/
}

.k-list-item.k-focus, .k-list-item:focus {
    box-shadow: inset 0 0 0 1px #c90107 !important;
}

.k-calendar td.k-focus .k-link, .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 4px 0 #c90107 !important;
}

.k-state-hover, .k-pager-wrap .k-link:hover {
    font-weight: bold;
    /*padding-top: 2px !important;*/
    border-radius: 3em !important;
    /*font-size: 14px;*/
}


.cc-header {
    margin-top: 2rem;
}


.monerisPaymentConfirmation #mainContent * {
    text-align: left !important;
}







header {
    line-height: 15px;
    border-style: none none solid none;
    border-width: 0px 0px 8px 0px;
}



.hdrfloat-left {
    float: left;
}

.hdrfloat-right {
    float: right;
    height: 2.5em;
    margin-top: .6em;
    margin-bottom: .2em;
}

#logosection {
    display: inline-block;
    position: relative;
    padding-top: 1px;
    text-indent: -9999px; /* hides the link text */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*max-height:75px;*/
    width: 177px;
    margin-top: 10px;
}

.siteDownMes {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    min-height: 5px;
}
/*.outageMessage { margin:3px 0; padding:5px 1px 5px 5px; font-size:1.2em; font-weight:bold; max-width:100%; min-height: 28px;border-radius: 7px;}*/

#marketingMessageTop, .outageMessage {
    font-size: 1.2em;
    font-weight: bold;
    max-width: 100%;
    min-height: 28px;
    margin: 5px 0px;
    padding: 5px 8px;
    border-radius: 7px;
    text-align: justify;
    text-justify: inter-word;
    /*padding-right: 20px;*/
}

    #marketingMessageTop > span, .outageMessage > span {
        width: calc(100% - 25px) !important;
        display: inline-block;
    }



.adminPage {
}

.adminContainer {
}

.adminHeader {

    padding: 10px 20px 20px;
    font-size: 20px;
    background-color: #222222;
    color: #fff;
}

/*Site Naviagtion Menu styles*/
#menucontainer {
    clear: left;
    width: 100%;
    margin: 0 0px -8px 0px;
    float: right;
    /*overflow:hidden;*/
    position: relative;
    bottom: 0;
    right: 0;
    min-height: 35px;
}

#OuterSlant {
    width: 100%;
    min-height: 35px;
    margin: 0px;
    overflow: hidden;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -ms-border-radius: 6px 6px 0px 0px;
    -o-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    /*padding-right:10px;*/
}

#slantdiv {
    width: 100%;
    /*background-color: #FF9933; #f8c173*/ /*This is applied in gloabl.js as well*/
    min-height: 35px;
    position: relative;
    /*float:right;*/
    margin: 0 -10px 0 20px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    /*overflow:hidden;*/
    -moz-border-radius: 6px 0px 0px 0px;
    -webkit-border-radius: 6px 0px 0px 0px;
    -ms-border-radius: 6px 0px 0px 0px;
    -o-border-radius: 6px 0px 0px 0px;
    border-radius: 6px 0px 0px 0px;
    z-index: 0;
}
/*#navmenu {
    width: 100%;
    min-height: 20px;
    position: absolute;
    float: right;
    margin: 8px 20px 0 20px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    overflow: hidden;
    z-index:1;
}*/
#navmenu {
    width: 100%;
    z-index: 1;
    min-height: 35px;
    margin: -35px 0px -25px 0px;
    padding-right: 10px;
}
    /*For the contact us link*/
    #navmenu ul {
        margin: 0 10px 0 0;
        padding: 0;
    }

        #navmenu ul li {
            color: #000000;
            font-size: 1em;
            padding-bottom: 0px;
            list-style: none;
            line-height: 15px;
        }

            #navmenu ul li a  {
                color: #000000;
                text-decoration: none;
            }

                #navmenu ul li a:hover {
                    color: #000000;
                    text-decoration: underline;
                }

    #navmenu a {
        color: #000000;
        font-size: 1.1em;
        text-decoration: none;
    }
/*font-weight:500; - interferes when google maps loaded*/

nav#mainNav {
    position: relative;
    float: left;
    clear: both;
    margin: 0px 0px 0px 40px;
}

    nav#mainNav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        nav#mainNav ul li {
            float: left;
            list-style: none;
            position: relative;
        }

            nav#mainNav ul li a {
                display: block;
                padding: 9px 23px 9px 12px;
                font-size: 1.1em;
                text-decoration: none;
                position: relative;
                margin-right: 4px;
                cursor: pointer;
            }

            nav#mainNav ul li ul.subMenu {
                float: left;
                list-style: none;
                margin: 0;
                padding: 0;
                position: absolute;
                left: 0px;
                top: 33px;
                visibility: hidden;
                -moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
                -webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
                -o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
                transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
                z-index: 9999;
            }

                nav#mainNav ul li ul.subMenu li {
                    border: none;
                    border-bottom: 1px solid #bababa;
                    clear: both;
                    margin-top: -15px;
                    padding: 0;
                    width: 100%;
                    min-width: 205px;
                    white-space: nowrap;
                    -moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
                    -webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
                    -o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
                    transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
                }

                    nav#mainNav ul li ul.subMenu li a {
                        font-size: 1em;
                        color: #000000;
                        text-transform: none;
                        margin: 0;
                        padding: 11px 11px;
                        -moz-transition: color 0.2s ease-out;
                        -webkit-transition: color 0.2s ease-out;
                        -o-transition: color 0.2s ease-out;
                        transition: color 0.2s ease-out;
                    }

            nav#mainNav ul li:hover ul.subMenu {
                opacity: 1;
                visibility: visible;
            }

                nav#mainNav ul li:hover ul.subMenu li {
                    margin-top: 0;
                    opacity: 1;
                }

            nav#mainNav ul li ul.subMenu li a:hover {
                color: #3072AB;
                background: #fff;
            }

#mainNav ul li a i {
    display: inline-block;
    width: 8px;
    height: 5px;
    background: transparent url('../images/headerFooterSprite.png') no-repeat -146px -7px;
    position: absolute;
    right: 10px;
    top: 14px;
}

#mainNav ul li:hover a i {
    background-position: -111px -7px;
}

nav select {
    display: none;
    font-size: 1em;
}

#contactLink {
    position: absolute;
    right: 2px;
    padding: 9px 4px 9px 12px;
}

#mobileContactus {
    display: none; /*display only for mobile phones*/
}
/*Search Styles*/
#SearchSection {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0px 5px 15px;
}

    #SearchSection a {
        padding-left: 10px;
        color: #FF9933;
        font-size: 1.1em;
        text-decoration: none;
        font-weight: 500;
    }

        #SearchSection a:hover {
            text-decoration: underline;
        }


/*Header Login section*/
#loginSection {
    float: right;
    margin: 10px 0px 5px 15px;
    /*border:1px solid #0e93c7;*/
}

    #loginSection a, #idWelcome {
        font-size: 1.1em;
        text-decoration: none;
        font-weight: 500;
    }

        #loginSection a:hover {
            text-decoration: underline;
        }
/*#registerLink { padding: 0 22px 0 0; background: transparent url('../images/headerFooterSprite.png') no-repeat right -184px; }*/
.loginSep {
    display: inline-block;
    height: 14px;
    padding: .1px;
    margin: 0 7px 1px 7px;
    vertical-align: bottom;
    width: 1px;
}

/* Footer Styles */
div {
    display: block;
}

.clear {
    clear: both;
}

/*footer {
    padding: 30px 10px 30px 10px;
    line-height: 15px;
}

#footerContainer {
    width: var(--width-Body);
    margin: 0 auto;
}

footer ul {
    margin: 0;
    padding: 0;
    height:120px;
}

    footer ul li {
        color: #fff;
        font-size: 0.85em;
        padding-bottom: 7px;
        list-style: none;
        line-height: 15px;
    }

        footer ul li a, footer ul li a:visited {
            color: #9C9C9C;
            text-decoration: none;
        }

            footer ul li a:hover {
                color: #959595;
                text-decoration: underline;
            }

footer h5 {
    color: #fff;
    font-size: 0.99em;
    font-weight: bold;
    margin: 0 0 12px 0;
    padding: 0;
    height:17px;
}

footer .footerCol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-right: 2%;
}

footer #colLinks {
    margin-bottom: 15px;
    width: 23%;
}

footer #colPartners {
    width: 26.5%;
}*/
/*footer #colMobile { width: 16%; }*/
/*footer #colSellers {
    width: 16.5%;
}

footer #colLogos {
    width: 130px;
    padding: 0;
}

    footer #colLogos a {
        display: block;
        text-indent: -9999px;
    }

#MaddLogo {
    display: block;
    height: 50px;
    opacity: .3;

}

footer #mobileFooterContainer #MaddLogo:not(.MaddLogo-fr) {
    background: transparent url('../images/logos/madd-en.png') no-repeat !Important;
}
footer .MaddLogo-fr {
    background: transparent url('../images/logos/madd-fr.png') no-repeat !Important;
}*/
/*footer #oneCarLogo { width: 66px; height: 50px; background: transparent url('../images/headerFooterSprite.png') no-repeat -20px -133px; margin-left: 30px; }*/
/*footer #colSitePreferences {
    min-width: 150px;
    padding: 0;*/
    /*float: right;*/
/*}

    footer #colSitePreferences .prefBtn span {
        float: left;
    }

    footer #colSitePreferences .prefBtn {
        display: block;
        background: #252525;
        border: 1px solid #232323;
        color: #fff;
        padding: 6px 12px;
        font-size: 0.9em;
        cursor: pointer;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        overflow: auto;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        -ms-transition: 0.2s;
        transition: 0.2s;
    }

        footer #colSitePreferences .prefBtn:hover {
            background: #1a1a1a;
            border: 1px solid #141414;
        }

        footer #colSitePreferences .prefBtn.activeSelection {
            background: #515151;
            border: 1px solid #515151;
            -moz-border-radius: 4px 4px 0px 0px;
            -webkit-border-radius: 4px 4px 0px 0px;
            -ms-border-radius: 4px 4px 0px 0px;
            -o-border-radius: 4px 4px 0px 0px;
            border-radius: 4px 4px 0px 0px;
        }

            footer #colSitePreferences .prefBtn.activeSelection i.iconArrow {
                background-position: -146px -7px;
            }

    footer #colSitePreferences i {
        display: inline-block;
        width: 10px;
        height: 10px;
    }

        footer #colSitePreferences i.iconArrow {
            float: right;
            width: 8px;
            height: 5px;
            background: transparent url('../images/headerFooterSprite.png') no-repeat -134px -7px;
            margin: 6px 0 0 6px;
        }

    footer #colSitePreferences #langContainer .iconFlag {
        display: block;
    }

    footer #colSitePreferences .iconFlag {*/ /*background: transparent url('../images/headerFooterSprite.png') no-repeat -142px -41px;*/
        /*padding: 1px 0 2px 26px;
        color: #fff;
    }

    footer #colSitePreferences .iconEnglish {
        background-position: -142px -51px;
    }

    footer #colSitePreferences .iconSpanish {
        background-position: -142px -73px;
    }

    footer #colSitePreferences .iconFrench {
        background-position: -142px -95px;
    }

    footer #colSitePreferences .iconRussian {
        background-position: -142px -116px;
    }

    footer #colSitePreferences .iconPolish {
        background-position: -142px -138px;
    }

    footer #colSitePreferences .iconChinesse {
        background-position: -142px -160px;
    }

    footer #colSitePreferences .icon_en_us {
        background-position: -142px -51px;
    }

.icon_es_mx {
    background-position: -142px -73px;
}

.icon_fr_ca {
    background-position: -142px -95px;
}

.icon_ru_ru {
    background-position: -142px -116px;
}

.icon_pl_pl {
    background-position: -142px -138px;
}

.icon_zh_cn {
    background-position: -142px -160px;
}

footer #colSitePreferences i.iconTime {
    float: left;
    width: 17px;
    height: 17px;
    background: transparent url('../images/headerFooterSprite.png') no-repeat -95px -20px;
    margin-right: 5px;
}

footer #colSitePreferences #languageSection .prefBtn {
    line-height: 16px;
}

footer #colSitePreferences #languageSelection .prefBtn a {
    text-decoration: none;
}

footer #languageSection ul {
    padding: 5px 12px 1px 12px;
    background: #515151;
    -webkit-box-shadow: 0px 10px 10px -15px #000000;
    -moz-box-shadow: 0px 10px 10px -15px #000000;
    box-shadow: 0px 10px 10px -15px #000000;
}

    footer #languageSection ul li {
        padding: 0 0 10px 0;
        cursor: pointer;
    }

        footer #languageSection ul li:hover {
            text-decoration: underline;
        }

footer #languageSection a {
    color: #fff;
    text-decoration: none;
}

.prefContainer, .languageHidden {
    display: none;
}

footer #copyright {
    color: #9C9C9C;
    font-size: 11px;
    text-align: center;
    padding: 0 5px;
}

    footer #copyright span {
        white-space: nowrap;
    }

    footer #copyright p {
        font-size: 11px;
    }

    footer #copyright a {
        color: #9C9C9C;
        font-size: 11px;
        text-decoration: none;
    }

        footer #copyright a:hover {
            text-decoration: underline;
        }

footer #timezoneSection {
    position: relative;
}

footer #timeContainer {
    position: absolute;
    top: 31px;
    right: 0;
    width: 245px;
    background: #515151;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 10px 10px -15px #000000;
    -moz-box-shadow: 0px 10px 10px -15px #000000;
    box-shadow: 0px 10px 10px -15px #000000;
    z-index: 10;
}

    footer #timeContainer li {
        overflow: auto;
        margin-bottom: 3px;
    }

    footer #timeContainer .timeLabel {
        float: left;
        padding-top: 2px;
        color: #b2b2b2;
    }

    footer #timeContainer select {
        float: right;
        width: 155px;
        padding: 3px 0;
    }

    footer #timeContainer #currTime {
        float: right;
        min-width: 120px;
        padding: 3px 4px;
        text-align: center;
        border: 1px solid #858585;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

#timeContainer button::-moz-focus-inner, #timeContainer input[type="button"]::-moz-focus-inner, #timeContainer input[type="submit"]::-moz-focus-inner, #timeContainer input[type="reset"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

footer #timeContainer .btn {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    margin-right: 0;
    padding: 3px 0;
    width: 103px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background: #04636e;
    border: 1px solid #04535c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    float: right;
}

    footer #timeContainer .btn:hover {
        background: #c90107;
        border: 1px solid #04636e;
    }

footer #timeContainer .btnCancel {
    border: 1px solid #898989;
    background: #b4b4b4;
    color: #464646;
    float: left;
}

    footer #timeContainer .btnCancel:hover {
        background: #cfcfcf;
        border: 1px solid #a3a3a3;
        color: #464646;
    }

#footerPartialView, #footerContainer, footer, .prefContainer {
    -webkit-transform: translate3d(0,0,0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}*/

#colLinks {
    margin-bottom: 15px;
    width: 19%;
}

#colPartners {
    width: 22.5%;
}

#colMobile {
    width: 16%;
}

#colSellers {
    width: 12.5%;
}
/*
.footerIcon {
    float: left;
    width: 32px;
    height: 32px;
    border: 1px solid #f2f2f2;
    margin: 10px 0 0 10px;
    display: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    background: #ccc url('../images/headerFooterSprite.png') no-repeat -134px -12px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

    .footerIcon:hover {
        background-color: #fff;
        border: 1px solid #fff;
    }*/


.keywordSearchButtonEnabled {
    background: #c90107 url('../images/headerFooterSprite.png') no-repeat -90px 3px !Important;
}

    .keywordSearchButtonEnabled:Hover {
        background-color: #076875;
    }

.keywordSearchTextEnabled {
    color: #000000 !Important;
}

.ui-dialog {
    margin-top: 30px;
}

.ui-dialog-titlebar {
    /*border: 1px solid #aaaaaa  !important;
	background: #222222  !important;*/
    /*color: #cecece !important;*/
    font-weight: bold !important;
    padding-left: 15px;
    padding-top: 15px !important;
}

.ui-dialog-titlebar-close {
    padding-right: 10px !important;
    /*background:#796D6D !important;*/
    border: 1px solid #aaaaaa !important;
    /*background: #796D6D  url('images/ui-icons_888888_256x240.png') 50% 50% repeat-x !important;
    background-repeat: no-repeat;
    background-position: center center;*/
}


.bp-tabs-menu {
    height: 30px;
    float: left;
    clear: both;
    display:flex;
}

    .bp-tabs-menu li {
        height: 30px;
        line-height: 30px;
        float: left;
        text-align: center;
        margin-right: 10px;
        /*background-color:rgb(142, 139, 139);*/
        /*border-top: 1px solid #d4d4d1;
        border-right: 1px solid #d4d4d1;
        border-left: 1px solid #d4d4d1;*/
        width: 250px;
        cursor: pointer;
        /*background: #E4E4E4;
        color: #696D6D;*/
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        /*text-shadow: 0px 1px 1px white;*/
        /*background-image: -webkit-linear-gradient(top,#FDFDFD 0,#F7F7F7 100%);
        background-image: -moz-linear-gradient(top,#FDFDFD 0,#F7F7F7 100%);
        background-image: -o-linear-gradient(top,#FDFDFD 0,#F7F7F7 100%);
        background-image: -ms-linear-gradient(wtop,#FDFDFD 0,#F7F7F7 100%);
        background-image: linear-gradient(top,#FDFDFD 0,#F7F7F7 100%);*/
    }

        .bp-tabs-menu li.current {
            position: relative;
            /*border-bottom: thick solid rgb(142, 139, 139);*/
            /*z-index: 5;*/
        }

        .bp-tabs-menu li a {
            /*text-transform: uppercase;*/
            /*color: black;*/
            text-decoration: none;
        }

            .bp-tabs-menu li a:hover {
                font-weight: bolder;
                text-decoration: underline;
            }


.bp-tab {
    border-top: 1px solid #d4d4d1;
    margin: 12px 0px 20px 0px;
}

.bp-tab-content {
    /*width: 1000px;*/
    padding-top: 20px;
    display: none;
    position: relative;
}

.bp-tab-1 {
    display: block;
}

#menuPageContent {
    width: 100%;
}



#SideMenuSection a:hover, #SideMenuSection .left-top .sub-nav a.active, #SideMenuSection .left-top .sub-nav a.active:hover {
    font-weight: bold;
}

#SideMenuSection .left-top .sub-nav {
    float: none;
}

#SideMenuSection .left-column .left-top {
    padding: 0 0 0 0 !Important;
    margin: 0 0 0 0 !Important;
    width: 100% !Important;
}



#SideMenuSection a * {
    display: inline-block;
}

#SideMenuSection .menuOtherText {
    float: right;
    padding-right: 10px;
}

#SideMenuSection span {
    color: white !Important;
}
.environmentName {    
    /*  position: absolute;
    top: 1em;*/
    color: #f1f0f0;
    font-size: large;
    text-align: center;
    background-color: #D60000;
    display: inline-block;
}

/*#footerContainer {
    display: block;
}

#footerRightSection {
}

    #footerRightSection > div {
        padding: 0 0 20px 0;
    }

#followUs a {
    border: 1px white solid;
    border-radius: 5px;
}

#followUs.desktop {
    width: 150px;
}

#followUs > span{
    color: #fff;
}

#followUs.desktop .followUs-icons {
    display: flex;
}

#followUs.desktop a {
    padding: 5px;
    margin: 0 20px 0 0;
    opacity: .5;
}

#followUs.mobile {
    width: 95%;
    padding-top: 10px;
}

#followUs.mobile * {
    display: inline-block;
}

#followUs.mobile a {
    padding: 3px;
    margin: 0 0 0 20px;
}

#followUs img {
    color: #959595;
    filter: invert(1);
    display: block;
}*/
    /*#mobileVersionSection a {
    color: #9C9C9C;
    text-decoration: none;
}*/
    /*#mobileFooterContainer #mobileVersionSection a {
    font-size: 0.85em;
}*/
/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #565656;
	border: 2px solid black;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #f7f2d9;
	left: 0px;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #f7f2d9;
	left: -3px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #565656;
	left: 3px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #565656;
	left: 0px;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: black;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #222222;background:#f7f2d9}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#222222}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#f7f2d9;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#f7f2d9;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#f7f2d9;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#f7f2d9;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#222222}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#222222}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#222222}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#222222}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{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}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}




header {
    border-color: #c90107;
    padding: 0;
    background-image: none;
    background-color: #eeeeee;
    /*color: #000000; 
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#000000), color-stop(0.4, #222222)); 
    background: -moz-linear-gradient(left top, #fff, #000000 28%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fff, endColorStr=#000000, GradientType=1); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#000000, GradientType=1)";*/
    /*background-image: linear-gradient(to right, white 20%, gray 58%, black);
    background-image: -webkit-gradient(linear, 20% 0, 58% 0, from(white), color-stop(0.7, gray), to(black));
    background-image: -webkit-linear-gradient(linear, left top, right top, white 20%, gray 58%, black);
    background-image: -moz-linear-gradient(linear, left top, right top, white 20%, gray 58%, black);
    background-image: -o-linear-gradient(linear, left top, right top, white 20%, gray 58%, black);
    background-image: -ms-linear-gradient(left, white 20%, gray 58%, black);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#000000, GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#000000, GradientType=1)";
    /*overflow-x:hidden;*/
}

.onoffswitch-inner:before {
    background-color: #c90107; color: #FFFFFF;
}
.onoffswitch-inner:after {
    background-color: #151515; color: #FFFFFF;
}

.video-container {
    background: #fff url(../Images/backgrounds/BuyerRegistrationCampaign_PageHeader.png) no-repeat center;
    background-size: contain;
    height: 50%;
}

.OverviewLightTruck {
    /*background: url('../images/overView_icons.png') no-repeat 0 -401px;*/
}

.outageMessage, #marketingMessageTop {
    background-color: #ffff005c;
    border: 1px solid #ffff00;
}

#marketingMessageTop, .outageMessage, .bpBlockBorder {
    border: thin solid #cecece !Important;
}


.errorWrapper {
    background-color: #F4CD30;
}

#slantdiv {
    background-color: none !important;
}

#menucontainer {
    margin: 0 0px 0px 0px !important;
}

nav#mainNav ul li a:hover {
    color: #c90107 !important;
}

#mainNav > ul > li > a.selected {
    border-bottom: 3px solid #c90107;
}

nav#mainNav ul li a {
    color: #000000;
}

nav#mainNav ul li:hover > a {
    color: #363636;
    background: #fff;
}

nav#mainNav ul li ul.subMenu {
    background: #eeeeee;
    border-right: 1px solid #bababa;
    border-left: 1px solid #bababa;
}
nav#mainNav ul li ul.subMenu  a.selected{
    border-left: 3px solid #c90107; 
}


/*.bp-tabs-menu .current a {
    color: #00899b;
}*/

#loginSection a, #idWelcome {
    color: #c90107;
}
.loginSep {
    border-left: 1px solid #c90107;
}

/*Footer*/
/*footer {
    background: #222222;
}*/

.bp-tabs-menu li a {
    color: #000000;
}
.bp-tabs-menu li a:hover {
    color: #363636;
}
.bp-tabs-menu li {
    background: #eeeeee;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}
    .bp-tabs-menu li.current {
        background: 3px solid #c90107;
    }
    .bp-tabs-menu .current a {
        /*font-weight:bolder;*/
    }
.bp-tabs-menu .current a {
    /*color: #007E8F; rgb(142, 139, 139);*/
}

/*Text*/
#checkoutPage #checkoutCount {
    background-color: black;
    color: white;
}

#checkoutPage #checkoutTotal {
    background-color: red;
    color: white;
}

h1, .divcontentWithHelpSection h2, .divcontent h2, adminMain h2, #adminMain .full_w h1, #adminMain .full_w h2, #adminMain .full_w h3, .container-body h1 {
    color: #c90107;
}

.divcontent h3 {
    color: #434343;
}
.services-content h2 {
    background: #434343;
    color: #ffffff !important;
}
.sellers-content h2 {
    background: #434343;
    color: #ffffff;
}
.buyers-content h2 {
    background: #434343;
    color: #ffffff;
}
#SideMenuSection {
    background: #222222 !Important;
}
    #SideMenuSection a {
        background: #222222 !Important; /*//rgb(142, 139, 139) !Important;*/
        background-color: #ccc;
        border-bottom: 1px solid #d4d4d1;
    }

  #SideMenuSection a:hover,   #SideMenuSection .left-top .sub-nav a.active , #SideMenuSection .left-top .sub-nav a.active:hover  {
        background: #CCCCCC !Important ;
    }



    #SideMenuSection .left-top .sub-nav a, #SideMenuSection .left-top .sub-nav a:hover {
        background: #fff;
        color: #233f51;
    }

#SideMenuSection .left-top .sub-nav a.active {
    background: #666666 !important;
    /*border-bottom: solid 1px #c0c0c0;*/
}

#SideMenuSection .left-top .sub-nav a:hover {
    color: #c90107;
}

#SideMenuSection .left-top .sub-nav a.hasTertiary, #SideMenuSection .left-top .sub-nav a.hasTertiary:hover {
    background: #fff;
}

    #SideMenuSection .left-top .sub-nav a.hasTertiary.active, #SideMenuSection .left-top .sub-nav a.hasTertiary.active:hover {
        border-bottom: solid 1px #c0c0c0;
        background: #c90107 !important;
    }

#SideMenuSection .left-top .sub-nav a.tertiaryActive, #SideMenuSection .left-top .sub-nav a.tertiaryActive:hover {
    color: #FFF;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    background: #c90107;
}

.button-go, #LoginLinkButton {
    color: #c90107;
}

.featuredVehHeader h2 {
    color: #c90107;
}

/*.featuredSub h2, .featuredSub a {
    color: #00899b;
}*/
    hgroup.title h1 {
        color: #c90107;
    }

    hgroup.title h2 {
        color: #c90107;
    }

    hgroup.title h3 {
        color: #c90107;
    }
#HelpSection .helpWrapper h2 {
    color: #c90107;
}

.detailRight h3 {
    color: #c90107;
    /*font-size: 1.4em !important*/
}

.detailLeft h3 {
    color: #c90107;
    /*font-size: 1.4em !important*/
}
.subTitleGB {
    color: #c90107;
}

.titleGB {
    color: #c90107;
}
.listing-header {
    background: #c90107;
}

#dashboardConsolePage .bpTitlePage {
    color: #c90107;
}
/*
.bpTitlePage , .bpTitleHeader , .dashboardOverviewItem a{
    color: #00899b !Important;
}*/
.featuredSub h2, .featuredSub a ,.dashboardOverviewItem a{
    color: #494949;
    text-decoration :underline !important;
}
 
.featuredSub a:hover,.dashboardOverviewItem a:hover{
    color: #c90107 ;
}

.bpTitleSection {
    color: #c90107 !Important;
}
.sellers-Contact h2 {
    background: none;
    color: #c90107;
}

.textGB {
    color: #c90107;
}

.bpIconFont {
    color: #c90107;
}

/*.announcements h2 {
    color: #c90107;
}*/

.announcements .headline, .announcementHeadline {
    color: #494949 !important;
}

.announcements img, .announcementImage > img, .mobileAnnouncementImage > img {
    filter: hue-rotate(160deg) saturate(100%) brightness(99%);
}

.bpButton, .bpButton a, .btn-primary, .loginbuttons, .k-state-selected, .k-list > .k-state-selected {
    color: #fff !Important;
    background-color: #c90107 !Important;
    border-color: #c90107 !Important;
}

.bpButton, .btn-primary, .loginbuttons {
    border: thin solid #c90107 !Important;
}

    .bpButton:hover, .bpButton a:hover, .btn-primary:hover, .loginbuttons:hover, .k-state-hover, .k-pager-wrap .k-link:hover {
        color: #fff !Important;
        background-color: #c90107 !important;
        background-color: #c90107 !important;
    }

.disabledButton, .disabledButton:hover {
    background-color: rgb(159, 159, 159) !important;
    cursor: auto !Important;
    border: thin solid #a9aaab !Important;
}

#myMaxBidLabel {
    color: #e26800;
}

#myMaxBidWarning {
    background-color: yellow;
    padding: 5px;
}