@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);
@font-face {
    font-family: Oswald;
    src: url(../fonts/Oswald-Regular.ttf),  url(fonts/Oswald-Regular.otf);
}
#preloader {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
}

#preloader-status {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
}

#preloader-title {
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
}

.spinner {
    margin: 0 auto;
    width: 120px;
    height: 80px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #15171f;
    height: 100%;
    width: 20px;
    display: inline-block;
    -o-animation: stretchdelay 1.2s infinite ease-in-out;
    -ms-animation: stretchdelay 1.2s infinite ease-in-out;
    -moz-animation: stretchdelay 1.2s infinite ease-in-out;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -o-animation-delay: -1.1s;
    -ms-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -o-animation-delay: -1s;
    -ms-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.spinner .rect4 {
    -o-animation-delay: -0.9s;
    -ms-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -o-animation-delay: -0.8s;
    -ms-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%,  40%,  100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        -ms-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
        -o-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
    }
}

@keyframes stretchdelay {
    0%,  40%,  100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        -ms-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
        -o-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);

    }
}

/* 1.2 */
/* Global properties (body, common classes, structure, resets, etc)
/* ========================================================================== */
html, body {
    height: 100% !important;
}

body {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    line-height: 1.72;
    background: #f5f5f5;
    color: #15171f;
    -webkit-font-kerning: auto;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: visible !important;
}

.content-area {
    height: 100%;
}

.content {
    margin-bottom: 40px;
}

ul {
    list-style: none;
}
li, li:hover, li:focus, li:visited, a, a:hover, a:focus, a:visited {
    text-decoration: none;
}

.error_qty {
    box-shadow: 0 0 0 2px #BF0707 !important;
}
.min-height {
    min-height: 700px;
}
.relative {
    position: relative;
}
.container-shop {
    padding-left: 60px;
    padding-right: 60px;
}
.selectExtraClassDetail:after {
    font-family: FontAwesome;
    content: "\f107";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 5px;
}
.selectExtraClassShop:after {
    font-family: FontAwesome;
    content: "\f107";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 70px;
    top: 0px;
}

/* 1.3 */
/* Layout
/* ========================================================================== */
.page-section {
    height: 100%;
    background-color: #f5f5f5;
    position: relative;
    min-height: 660px;
    padding-top: 85px;
}

.page-section-about {
    height: 100%;
    background-color: #ffffff;
    position: relative;
    padding-top: 70px;
}
.wrapper-home, .wrapper-home-slider {
    text-align: center;
    background-color: #f5f5f5;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/* 1.4 */
/* Main Menu
/* ========================================================================== */
.menu-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 8;
}

.main-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #15171f;
    z-index: 10;
    width: 400px;
}

.main-menu ul {
    margin-top: 100px;
}

.main-menu ul li {
    padding: 0 60px;
    line-height: 1.5;
}

.main-menu ul li a {
    color: #fff;
    font-family: Oswald;
    font-size: 24px;
    font-weight: bolder;
    text-transform: uppercase;
}
.main-menu ul li a em {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    line-height: 36px;
}
.main-menu ul li a:hover {
    color: #fa5b2f;
}

.main-menu .close-menu {
    position: absolute;
    right: 40px;
    top: 20px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}



.main-menu ul.submenu {
    margin-top: 40px;
}

.main-menu ul.submenu li {
    padding: 0 60px;
    line-height: 1.5;
}

.main-menu ul.submenu li a {
    font-family: Oswald;
    font-weight: bolder;
    font-size: 12px;
    text-transform: uppercase;
    color: #A0A0A0;
}

.main-menu ul.submenu li a:hover {
    color: #ffffff;
}

.main-menu .social-media {
    padding-left: 95px;
}

.main-menu .social-media span {
    color: #A0A0A0;
    font-size: 18px;
}

.main-menu .social-media span:hover {
    color: #fff;
}

/* 1.5 */
/* Product Detail
/* ========================================================================== */

.images-wrapper, .wrapper-info, .wrapper-vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wrapper-info {
    margin: 0 auto;
    max-width: 420px;
    left: 0;
    right: 0;
}

.product-name {
    position: absolute;
    left: -100%;
    top: 60px;
    right: 0;
    text-align: center;
}

.size-select.form-control, .size-select.form-control:focus {
    line-height: 1;
    font-size: 15px;
    text-transform: uppercase;
    color: #15171f;
    border: 1px solid #e4e4e4;
}

.validate-category {
    border: 3px solid red !important;
}

img.imgdetail {
    margin-bottom: 60px;
}

.filters-shop {
    background-color: #FFFFFF;
    position: relative;
}

.img-product-detail {
    border: 2px solid #15171f;
}

.message {
    color: #fa5b2f;
    font-size: 15px;
    margin-top: 10px;
    display: block;
    clear: both;
    letter-spacing: .4px;
}
.form-signin-heading {
    margin-bottom: 30px; margin-top: 15px;
}
.forget_passwerd {
    text-align: right;
    display: block;
    font-size: 11px;
    margin: -9px 0 10px 0px;
    letter-spacing: .6px;
    font-weight: normal;
}
.forget_passwerd a {
    color:#2a6496;
}
.forget_passwerd a:hover{
    color:1c5485;
}
.imgdetail {
    max-width: 85%;
}

.out-stock-label {
    color: #fa5b2f;
    border: 3px solid #fa5b2f;
    padding: 2px 10px;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    text-align: right;
}

.btn-detail{
    width: 100%;
}

/* 1.6 */
/* Cart
/* ========================================================================== */

.wrapper-vertical-center .text-cart {
    margin-bottom: 0;
    text-align: center;
}

.wrapper-vertical-center .text-cart p {
    margin: 0;
}

.wrapper-vertical-center .text-cart a {
    color: #fa5b2f;
}

.wrapper-vertical-center .text-cart a:hover {
    color: #D0445A;
}

.header-cart.block-header {
    margin-top: 60px;
    margin-bottom: 80px;
}

.wrapper-cart {
    margin-bottom: 40px;
    padding: 40px 20px;
    position: relative;

    -webkit-box-shadow: 0px 0px 15px rgba(195, 195, 195, 0.6);
    -moz-box-shadow: 0px 0px 15px rgba(195, 195, 195, 0.6);
    box-shadow: 0px 0px 15px rgba(195, 195, 195, 0.6);
    background-color: #FFFFFF;
}

.wrapper-cart *::-moz-selection { background-color: transparent; }
.wrapper-cart *::selection { background-color: transparent; }

.wrapper-cart .remove-product{
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 24px;
}
.wrapper-cart .remove-product a {
    color: #D6D6D6;
}

.wrapper-cart h4 {
    font-size: 24px;
    color: #15171f;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
}

.wrapper-cart .input {
    background: transparent;
    text-align: center;
    border: none;
    font-size: 24px;
    display: inline-block;
    margin: 0 40px;
}
.wrapper-cart .price-unit {
    font-family: Oswald;
    font-size: 18px;
    color: #9E9D9D;
    text-align: center;
}
.wrapper-cart .subtotal {
    font-family: Oswald;
    font-size: 30px;
    color: #fa5b2f;
    font-weight: bolder;
    text-align: center;
}
.shopping-cart {
    padding: 10px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 0px 15px rgba(195, 195, 195, 0.6);
    -moz-box-shadow: 0px 0px 15px rgba(195, 195, 195, 0.6);
    box-shadow: 0px 0px 15px rgba(195, 195, 195, 0.6);
}
.shopping-cart .total-amount {
    font-size: 30px;
    color: #fa5b2f;
    font-weight: bolder;
}
.shopping-cart .total-amount span:first-child {
    color: #9E9D9D !important;
    font-weight: normal !important;
}
.regular-text a {
    font-family: Oswald;
}
.wrapper-cart .counter {
    color: #C1C1C1;
    cursor: pointer;
}
.wrapper-cart .counter:hover {
    color: #fa5b2f;
}
/* 1.7 */
/* Buttons
/* ========================================================================== */
.btn,
.btn:hover,
.btn:active,
.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.btn-theme {
    color: #ffffff;
    background-color: #15171f;
    border: 3px solid #15171f;
    padding: 1em 7em;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
    letter-spacing: 1px;
}
.btn-theme:hover {
    border: 3px solid #c54522;
    background: #c54522;
}
.buttons {
    max-width: 420px;
}
/* 1.8 */
/* Header
/* ========================================================================== */
.header {
    position: fixed;
    width: 100%;
    z-index: 5;
    top: 0
}
.header .header-wrapper.top-bar, .header .header-wrapper.mobile-top-bar {
    background-color: #ffffff;
    /*-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);*/
}
.header .header-wrapper {
    padding: 0;
    background-color: transparent;
    position: relative;
    border: 1px solid #e6e5e5;
}
.header .header-wrapper .menu-icon {
    font-family: Oswald;
    text-transform: uppercase;
    color: #15171f;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 20px;
}
.header .header-wrapper .header-logo .logo-text {
    font-size: 34px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: bolder;
    color: #15171f;
    letter-spacing: 15px;
}
.header .header-wrapper .menu-icon a {
    color: #15171f;
}
.header .header-wrapper .menu-icon i {
    font-size: 16px;
    margin-right: 10px;
}
.header .header-wrapper .header-cart {
    margin-right: 20px;
    margin-top: 10px;
}
.header .header-wrapper .header-cart .cart-wrapper span {
    margin-right: 10px;
}
.header .header-wrapper .header-cart .cart-wrapper a {
    font-family: Oswald;
    color: #15171f;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
}
/* 1.9 */
/* Slider Owl Carousel
/* ========================================================================= */

.flexslider .slides > li {
    background-position: center center;
    height: 100%;
    width: 100%;
    display: none;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.flexslider-container, .flexslider .slides, .flex-viewport {
    height: 100%;
}
ul.slides {
    margin: 0;
    padding: 0;
}
.flexslider {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
}
.flex-control-nav {
    display: inline-block;
    position: absolute;
    left: 55px;
    width: auto;
    bottom: 25px;
    z-index: 5;
    color: #fff
}
.flex-control-paging li a {
    background-color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}
.flex-direction-nav {
    display: none;
}
.flex-control-paging li a.flex-active {
    background-color: #fa5b2f;
}
.slider-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
}
.btn-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 32%;
    z-index: 2;
    text-align: center;
}
.btn-home, .btn-home:visited {
    color: #fff;
    border: 3px solid #fa5b2f;
    background-color: #fa5b2f;
}
.btn-home:hover {
}
/* 1.10 */
/* Social icons
/* ========================================================================= */
.social-media {
    margin-bottom: 30px;
    margin-top: 30px;
}
.social-media span {
    font-size: 20px;
    padding: 0 5px;
    color: #fa5b2f;
}
.social-media span:hover {
    color: #C54458;
}
/* 1.11 */
/* Shop Thumbnails
/* ========================================================================== */
.thumbnail {
    border-radius: 0;
    background-color: transparent;
    position: relative;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-box-shadow: 0px 0px 3px rgba(195, 195, 195, 0.6);
    -moz-box-shadow: 0px 0px 3px rgba(195, 195, 195, 0.6);
    box-shadow: 0px 0px 3px rgba(195, 195, 195, 0.6);
}
.live-shop {
    display: block;
    text-align: center;
}

.live-shop ul li{cursor: pointer; text-transform: uppercase; display: inline-block; width: 300px; font-size: 16px; padding: 12px 0px; background: #fff; color: #333; }
.live-shop ul li.ng-valid-parse, .live-shop ul li.active{ background: #196392; color: #fff !important; }
.live-shop > ul {
    margin: 10px 0 20px 0;
}
.thumbnail:hover {


    background-color: #FFFFFF;

    /* -moz-transform: scale(1.01, 1.01);
     -o-transform: scale(1.01, 1.01);
     -ms-transform: scale(1.01, 1.01); /* IE 9 */
    /*-webkit-transform: scale(1.01, 1.01); /* Safari */
    /*transform: scale(1.01, 1.01); */
}
.thumbnail.hover, .thumbnail:hover {
    border: solid 1px #92C5BB;
}
.thumbnail.no-border, .thumbnail.no-border.hover, .thumbnail.no-border:hover {
    border: none;
}
.thumbnail.no-padding {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    padding: 20px 0 10px;
    clear: both;
    overflow: hidden;
}
.product-full-section .thumbnail.no-padding {
    margin: 15px 0 0;
    width: 100%;
}
.panel-body .thumbnail .col-md-6 {
    margin-top: 0;
}
.product-full-section .thumbnail.no-padding.accordian-width {
    margin: 15px 0 0;
    width: 100%;
}
.panel-group .bg-tp-form .btn-success {
    width: 47px;
}
.thumbnail.no-padding:hover.thumbnail .caption {
}
.thumbnail .caption {
    padding: 0px 15px;
    overflow: hidden;
    text-align: left;
}
.caption-title {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
    clear: both;
    color: #15171f;
    margin-top: 0;
}
.tupdate-tp {
    border-radius: 0px;
    font-size: 12px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0;
}
.bg-tp-form {
    margin: 5px 0 0;
}
.tupdate-tp .col-lg-6{padding: 10px;}
.tupdate-tp .bg-inbox {
    background: hsl(0, 0%, 97%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 86%);
    color: hsl(0, 0%, 20%);
    font-size: 14px;
    margin: 0;
    padding: 6px 15px;
    text-align: left;
    overflow: hidden;
    clear: both;
}
.bg-inbox span:last-child {
    text-align: right;
    width: 65%;
}
.bg-tp-form .form-control {
    background: hsl(0, 0%, 97%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 80%);
    box-shadow: none;
    font-size: 12px;
    height: 34px;
    margin: 0;
    padding: 0 0 0 10px;
    width: 100%;
}
.bg-inbox > span {
    display: inline-block;
    width: 35%;
}
.bg-tp-form .form-inline .form-group{width: 78%;}
.bg-tp-form .btn-success{width: 20%;}

.tupdate-tp .col-lg-6 {
    padding: 5px 0;
}
.thumbnail .price {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
    text-align: right;
    display: block;
    clear: both;
}
.thumbnail .price span {
    float: left;
    color: #666;
}
.thumbnail .location {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
    padding-right: 30px;
    text-align: right;
}
.location .col-lg-6{position: inherit;}
.thumbnail .location span {
    color: #666;
}
.col-lg-12.appoint-id-section .col-lg-6 {
    padding: 0;
}

.update-icon {
    background: hsl(0, 0%, 95%) none repeat scroll 0 0;
    border-radius: 3px;
    color: hsl(203, 100%, 31%);
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin-top: 0;
    padding: 14px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.col-lg-3.update-button {
    margin-top: 10px;
    padding-right: 0;
}
.update-icon:hover {
    color: #00619f;
}
.col-lg-12.appoint-id-section {
    padding: 0 0 0px 0;
    font-size: 14px;
}
.col-lg-12.appoint-id-section span, .customer-dmd span {
    color: hsl(203, 71%, 34%);
}
.col-lg-12.appoint-id-section a {
    color: #333;
}
.col-md-4 .update-icon {
    font-size: 11px;
}
.see-detail {
    background: hsl(27, 90%, 56%) none repeat scroll 0 0;
    border: none;
    border-radius: 3px;
    padding: 8px 0px;
    width: 100%;
    margin: 5px auto 0px auto;
}
.col-md-12.see-detail-main {
    padding: 0;
}
.see-detail:hover {
    background: #e8781d;
    border: none;
    border-radius: 3px;
}
.call-icon {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 2px 3px 3px 0 hsla(0, 0%, 0%, 0.21);
    cursor: pointer;
    height: 25px;
    margin-top: 0;
    position: absolute;
    top: -5px !important;
    width: 25px;
    right: 0;
    text-align: center;
}
.call-icon:hover {
    -webkit-box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.3);
    cursor: pointer;
}

.product-single .product-title, .block-header {
    margin-top: 0;
    font-size: 48px;
    font-weight: bolder;
    color: #15171f;
    font-family: Oswald;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.product-single .product-text {
    font-size: 14px;
    color: #15171f;
    line-height: 2.5;
    font-family: 'Roboto Mono';
    margin-bottom: 40px;
}

.product-single .product-price {
    font-family: Oswald;
    color: #fa5b2f;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 2px;
}
.product-single .all_products {
    position: absolute;
    border: 2px solid #15171f;
    width: 35px;
    height: 35px;
    z-index: 4;
    right: 35px;
    top: 100px;
    text-align: center;
}
.product-single .all_products span {
    color: #15171f;
    font-size: 16px;
    line-height: 30px;
}
.no-padding-col {
    padding-left: 0;
    padding-right: 0;
}
.media.catlog-media {
    background: #f8f8f8;
    display: block;
    margin-top: 0px;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}
.media.catlog-media .media-link {
    display: block;
    height: 100%;
    width: 100%;
}
.media.catlog-media img {
    height: auto;
    min-height: 282px;
    max-height: 307px;
   /* max-width: 100%;
    width: auto; */
    margin: 0 auto;
}
.owner-count {
    background: hsla(0, 0%, 0%, 0.5) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
    left: 0;
    line-height: 19px;
    margin-top: -14px;
    padding: 3px 15px;
    position: absolute;
    bottom: 5px;
    font-size: 11px;
}
.tupdate-tp .center-block {
    color: hsl(0, 0%, 40%);
    font-size: 13px;
}
/* 1.12 */
/* About Page
/* ========================================================================== */
.regular-text {
    font-size: 15px;
    color: #15171f;
    line-height: 2.5;
    font-family: 'Roboto Mono';
    margin-bottom: 40px;
}
.wrapper-vertical-center {
    margin: 0 auto;
    max-width: 900px;
    left: 0;
    right: 0;
}
/* 1.13 */
/* Shop sorting
/* ========================================================================== */
.shop-sorting {
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
}
.shop-sorting span {
    border: none;
    font-family: Oswald;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.shop-sorting select {
    box-shadow: none !important;
}

:-webkit-autofill {
    color: #fff !important;
}
.shop-sorting select {
    border: none;
    font-family: Oswald;
    font-size: 15px;
    color: #15171f;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    padding-right: 30px;
    background: transparent;
    z-index: 1;
}
.select-wrapper {
    margin-right: 40px;
}
.select-wrapper-size {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
/* 1.14 */
/* Contact form
/* ========================================================================== */
.contact-subheader {
    color: #fa5b2f;
    text-align: center;
}
.contact-form input {
    border: 3px solid #000;
    height: 50px;
}
.contact-form textarea {
    border: 3px solid #000;
    min-height: 200px;
    resize: none;
}
.contact-form .form-control:focus {
    border-color: #fa5b2f;
}
.form-control-feedback {
    line-height: 50px;
}
.form-btn {
    margin-bottom: 60px;
}
.form-control-feedback {
    line-height: 50px;
    top: 0px;
}
.msg_form {
    text-align: right;
    margin-bottom: 10px;
    font-size: 16px;
}
.msg_true {
    color: green;
}
.msg_false {
    color: #a94442;
}
/* 1.15 */
/* Helper classes
/* ========================================================================== */
.form-control {
    height: 44px;
    margin-bottom: 10px;
    border-radius: 0px;
    color: #000;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
}
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #4d90fe;
}
.text-uppercase {
    text-transform: uppercase;
}
.clear {
    clear: both;
}
.overflowed {
    overflow: hidden;
    position: relative;
}
.relative {
    position: relative;
}
.visible {
    visibility: visible;
}
.full-height {
    height: 100%;
}
.full-width {
    width: 100%;
}
/* Remove firefox dotted line
/* -------------------------------------------------------------------------- */
a,
a:active,
a:focus,
input,
input:active,
input:focus,
button,
button:active,
button:focus,
select,
select:active,
select:focus,
.bootstrap-select .btn,
.bootstrap-select .btn:active,
.bootstrap-select .btn:focus {
    outline: 0 !important;
}

/* Remove webkit outline glow
/* -------------------------------------------------------------------------- */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.image img {
    width: 100%;
}

/* 1.16 */
/* Media Queries
/* ========================================================================== */
@media (max-width: 991px) {
    .header .header-wrapper .header-cart {
        margin-right: 0;
        margin-top: 0px;
    }
    .main-menu {
        width: 320px;
    }
    .header .header-wrapper .header-logo .logo-text {
        letter-spacing: 6px;
        font-size: 28px;
        line-height: inherit;
    }
    .thumbnail .caption {
        opacity: 1;
    }
    .wrapper-vertical-center, .wrapper-info {
        position: inherit;
        top: 60px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .wrapper-info .btn-theme {
        padding: 1em 5em;
        margin-bottom: 60px;
        width: 100%;
    }
    .product-name {
        position: initial;
        padding-top: 60px;
    }
    .filters-shop {
        background-color: #f5f5f5;
    }
    .wrapper-info .buttons .input-group {
        display: block;
    }
    .wrapper-info .buttons .input-group select {
        margin-bottom: 20px;
    }
    .wrapper-info .buttons .input-group .btn-theme, .form-btn {
        width: 100%;
    }
    .wrapper-info .buttons label {
        margin-bottom: 60px;
        width: 100%;
        text-align: center;
    }
}
/*.update-tp-mobile.ng-hide {
  display: none !important;
}*/
.update-tp-mobile .btn-danger {
    display: none;
}
.update-button {
    display: none;
}
.thumbnail .col-md-6.brids-detail-main {
    padding: 0px 15px;
}
.customer-dmd {
    padding: 0 0 3px;
    position: relative;
}
.phone .call-icon {
    padding-left: 32px;
}
.phone .phone-no {
    position: absolute;
    left: 100%;
    top: -6px !important;
}
.booked-section .brids-detail .popup .tab-content {
    height: 186px;
}
.tab-section .caption-title.caption-title2 {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 7px;
}
@media (max-width: 768px) {
    .phone {
        position: absolute;
        top: 20px;
        left: 0;
        width: 152px;
    }
    .phone .phone-no {
        position: absolute;
        left: 100%;
        top: -18px !important;
        display: none;
    }
    .product-full-section .thumbnail.no-padding {
        margin: 15px 0 0;
        width: 100%;
        padding: 15px 0;
    }
    .booked-section .see-detail-mobile .popup {
        top: 10px;
    }
    .customer-dmd {
        clear: both;
        font-size: 12px;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4.call .fa.fa-phone {
        line-height: 23px !important;
    }
    .caption-title {
        font-size: 15px;
    }
    .timer, .auction_over {
        padding: 0px !important;
    }
    .tupdate-tp {
        height: auto;
        overflow: inherit;
    }
    .container-shop {
        padding-left: 30px;
        padding-right: 30px;
    }
    .btn-theme {
        padding: 1em 5em;
    }
    .main-menu ul li a {
        font-size: 34px;
    }
    .bg-tp-form .btn-success {
        width: 22%;
    }
    .see-detail-main {
        display: block !important;
    }
    .product-single .product-title, .block-header {
        font-size: 36px;
    }
    .btn-wrapper {
        left: 3%;
        right: 3%;
        top: 17%;
        width: 94%;
    }
    /*.update-tp-mobile {
        display: none;
    }*/
    .update-tp-mobile .btn-danger {
        display: inline-block;
    }
    .bg-tp-form .form-inline .form-group {
        float: left;
        margin-bottom: 10px !important;
        width: 100%;
    }
    .update-tp-mobile .btn-danger, .update-tp-mobile .btn-success {
        display: inline-block;
        width: 56px;
    }
    .col-xs-12.update-tp-mobile.ng-hide {
        display: none !important;
    }
    .update-button {
        display: block;
        margin: 0;
        padding: 0;
    }
    .tupdate-tp .update-icon {
        clear: both;
        display: block;
        float: none !important;
        margin: 0;
        padding: 10px 0 12px;
        text-align: center;
        width: 100%;
        border:1px solid #dbdbdb;
        border-radius:0;
    }
    .col-lg-6.col-sm-6.col-xs-12.update-tp-mobile {
        background: hsl(0, 0%, 100%) none repeat scroll 0 0;
        border: 1px solid hsl(0, 0%, 80%);
        display: block;
        height: 100px;
        padding: 10px;
        position: absolute;
        top: -33px;
        width: 100%;
        z-index: 9;
    }
    .tupdate-tp {
        font-size: 12px;
        text-align: center;
    }
    .bg-tp-form .form-inline .form-group {
        width: 100%;
    }
    .bg-inbox > span, .bg-inbox span:last-child {
        display: block;
        width: 100%;
        text-align: center;
    }
    .media.catlog-media {
        background: hsl(0, 0%, 97%) none repeat scroll 0 0;
        display: block;

        margin-top: 0px;
        text-align: center;
    }
    .thumbnail.no-padding {
        margin: 15px 0 0px 0px;
        padding: 0px 0 15px;
        border-radius: 3px;
    }
    #page-content-wrapper {
        padding: 79px 15px 15px;
        position: absolute;
        width: 100%;
    }
    .side-menu #search-trigger {
        display: block;
    }
}
@import "bourbon";
body {
    background: #eee !important;
}
/*.wrapper {
    margin-top: 80px;
  margin-bottom: 80px;
}*/

.form-signin {
    max-width: 380px;
    padding: 15px 35px 45px;
    margin: 0 auto;
    background-color: rgba(247, 247, 247, .8);
    border: 1px solid rgba(0,0,0,0.1);
    moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    .form-signin-heading,  .checkbox {
        margin-bottom: 30px;
    }
    .checkbox {
        font-weight: normal;
    }
    .form-control {
        position: relative;
        font-size: 16px;
        height: auto;
        padding: 10px;
        @include box-sizing(border-box);
        &:focus {
            z-index: 2;
        }
    }
    input[type="text"] {
        margin-bottom: -1px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    input[type="password"] {
        margin-bottom: 20px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}
/*side-bar*/

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.products {
    background:#f5f5f5;
    /*background:#f5f5f5 url(../images/bg.png) top left repeat-y;*/
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.1);
    margin-top: 13px;
    border-top: 1px solid #efefef;
}
#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}
.side-menu-container, .side-menu-container .nav.navbar-nav {
    display: block;
    width: 100%;
    margin: 0px;
    overflow: auto;
    max-height: 90.8%;
}
#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}
/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}
.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
    color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.col-lg-12.appoint-id-section .col-lg-6 a {
    color: hsl(0, 0%, 20%);
    text-decoration: underline;
}
.col-lg-12.appoint-id-section .col-lg-6 a:hover {
    text-decoration: underline;
    color: hsl(203, 100%, 31%);
}
.col-md-4 .thumbnail .caption {
    padding: 0 15px;
}
@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }
    #wrapper.toggled {
        padding-left: 0;
    }
    #sidebar-wrapper {
        width: 250px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }
    #page-content-wrapper {
        padding: 35px 20px 20px 20px;
        position: relative;
        clear:both;
        overflow: hidden;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}
/*side-bar-end*/

/*filter*/
.side-menu {
    width: 100%;
    height: 80%;
    overflow-y: auto;
}
.side-menu .navbar {
    border: medium none;
    padding: 0 20px 20px 20px;
    margin: 0px;
}
.navbar.navbar-default, .navbar.navbar-default ul, .navbar.navbar-default ul li {
    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
}
.side-menu .navbar-header {
    width: 100%;
}
.row.clear.apply-filter {
    background: #fff;
    border-top: 2px solid #ccc;
    padding: 5px 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 5px 9px;
    z-index: 999;
    left: 0px;
    bottom: 98px;
    z-index: 999999;
    margin: 0 0 0 0px;
}
.row.clear.apply-filter .btn {
    width: 100%;
}
.side-menu .navbar-nav .active a, .side-menu .navbar-nav li label {
    background-color: transparent;
    margin-right: -1px;
    border-right: 5px solid #e7e7e7; font-weight: normal;
}
.checkboxList >li > ul > li{

    background: url(../images/un-checked.png) no-repeat scroll 0px center !important;
    border-bottom: medium none;
    position: relative;
    width: 100%;
    padding-left: 25px;
    margin-left: 0;

}

.side-menu .checkboxList .cityName {

    background: #f2f2f2;
    color: #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 5px 10px !important;
    width: 100%;
    margin:5px 0;
    font-style: italic;
}
.checkboxList >li > ul > li input{cursor: pointer;
                                  float: left;
                                  height: 21px;
                                  left: 0px;
                                  margin: 0;
                                  opacity: 0;
                                  position: absolute;
                                  top: 9px;
                                  width: 100%;}
.checkboxList >li > ul > li.selected{    background: url(../images/checked.png) no-repeat scroll 0 center !important;}

.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a, .side-menu .navbar-nav li label {
    border: medium none;
    color: hsl(0, 0%, 47%);
    font-size: 13px;
    margin: 0;
    padding: 6px 0;
}
.side-menu .navbar-nav li a .glyphicon {
    padding-right: 10px;
}
.side-menu #dropdown .panel-body .navbar-nav li input {
    cursor: pointer;
    float: left;
    height: 21px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 9px;
    width: 100%;
}
.side-menu #dropdown.year-section .panel-body .navbar-nav li.selected label {
    color: #fff;
}
.side-menu #dropdown.year-section .panel-body .navbar-nav li input {
    left: 0px;
    top: 0px;
    height: 34px;
}
.side-menu #dropdown {
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    padding: 20px 0 0 0;
    width:100%;
}
.side-menu #dropdown .caret {
    float: right;
    margin: 9px 5px 0;
    opacity: 0.5;
}
.side-menu #dropdown .collapsed .caret {
    transform: rotate(-90deg);
}
.side-menu #dropdown .indicator {
    float: right;
}
.side-menu #dropdown > a {
    color: #333;
    font-size: 14px;
    border: none;
    padding: 6px 0;
    text-transform: capitalize;
}
.side-menu #dropdown .panel-body {
    padding: 0;
}
.timer, .auction_over {
    color: hsl(0, 100%, 50%);
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize;
}
.auction_over {
    font-size: 14px;
}
.brids-detail .popup.only ul.nav-tabs li {
    width: 100%;
}
.brids-detail .popup.only ul.nav-tabs li a {
    text-align: left;
    padding-left: 10px;
}
.search-button {
    background: url(../images/search-icon.png) no-repeat scroll 9px 19px;
    background-size: 55%;
}
.side-menu #dropdown .panel-body .navbar-nav {
    width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
    background: url("../images/un-checked.png") no-repeat scroll 0 center;
    border-bottom: medium none;
    clear: both;
    float: left;
    padding-left: 25px;
    position: relative;
    width: auto;
}
.side-menu .navbar-nav li:last-child {
    border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown ul li:last-child{border-bottom: 0;}
.side-menu #dropdown ul{margin: 0;padding:0;}
.side-menu #dropdown .panel-body .navbar-nav li.selected{
    background:url("../images/checked.png") no-repeat scroll 0 center;
}

.side-menu #dropdown .panel-body .navbar-nav li:last-child {
    border-bottom: none;
}
.side-menu #dropdown.year-section .panel-body .navbar-nav {
    padding: 0;
}
.side-menu #dropdown.year-section .panel-body .navbar-nav li.selected {
    background: hsl(0, 0%, 20%) none repeat scroll 0 0;
}
.side-menu #dropdown.year-section .panel-body .navbar-nav li.selected a {
    color: hsl(0, 0%, 100%);
}
.side-menu #dropdown .panel-body .navbar-nav li.selected a {
    color: #000;
}
.side-menu #dropdown.year-section .panel-body .navbar-nav li {
    background: hsl(0, 0%, 85%) none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0;
    text-align: center;
    width: 30%;
    clear: none;
}
.row.clear.apply-filter .col-sm-7, .row.clear.apply-filter .col-sm-5 {
    padding: 0 5px;
}
.side-menu #dropdown .panel-body .panel > a {
    margin-left: -20px;
    padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
    margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
    padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
    border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
    display: none;
    border: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
    min-height: 40px;
}
.side-menu .brand-name-wrapper .navbar-brand {
    display: block;
    cursor: inherit;
    padding: 20px 0 0;
}
.side-menu #search {
    position: relative;
    z-index: 1000;
}
.side-menu #search .panel-body {
    padding: 0;
}
.side-menu #search .panel-body .navbar-form {
    border-bottom: 1px solid hsl(0, 0%, 91%);
    margin: 0;
    padding: 0 50px 0 0;
    position: relative;
    width: 100%;
}
.side-menu #search .panel-body .navbar-form .form-group {
    width: 100%;
    position: relative;
}
.side-menu #search .panel-body .navbar-form input {
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    height: 35px;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 1px;
    width: 100%;
}
.side-menu #search .panel-body .navbar-form .btn {
    border: 0 none;
    border-radius: 0;
    padding: 17px;
    position: absolute;
    right: 0;
    top: 0;
}
.side-menu #search .panel-body .navbar-form .btn:hover, .side-menu #search .panel-body .navbar-form .btn:focus {
    background-color: hsl(0, 0%, 100%);
}
/* Main body section */
.side-body {
    margin-left: 310px;
}
/* small screen */
@media (max-width: 768px) {
    .side-menu {
        position: relative;
        width: 100%;
        height: 0;
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
    }
    .side-menu .brand-name-wrapper .navbar-brand {
        display: inline-block;
    }
    /* Slide in animation */
    @-moz-keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @-webkit-keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @-moz-keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -300px;
        }
    }
    @-webkit-keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -300px;
        }
    }
    @keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -100%;
        }
    }
    /* Slide side menu*/
    /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
    .navbar-default > .side-menu-container.slide-in {
        -moz-animation: slidein 300ms forwards;
        -o-animation: slidein 300ms forwards;
        -webkit-animation: slidein 300ms forwards;
        animation: slidein 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: -10px;
    }
    .navbar-default > .side-menu-container {
        /* Add position:absolute for scrollable menu -> see top comment */
        position: fixed;
        left: -100%;
        width: 100%;
        top: 0px;
        height: 105%;
        max-height: 105%;
        background-color: #fff;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .row.clear.apply-filter {
        position: relative;
        bottom: 0px;
        position: fixed;
        left: -100%;
        width: 100%;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .row.clear.apply-filter.active {
        -moz-animation: slidein 300ms forwards;
        -o-animation: slidein 300ms forwards;
        -webkit-animation: slidein 300ms forwards;
        animation: slidein 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: -10px;
    }
    .navbar.navbar-default, .navbar.navbar-default ul, .navbar.navbar-default ul li {
        background: #fff;
    }
    .side-menu-container .nav.navbar-nav {
        padding-bottom: 80px;
    }
    .side-menu-container, .side-menu-container .nav.navbar-nav .nav.navbar-nav {
        padding-bottom: 0px;
    }
    /* Uncomment for scrollable menu -> see top comment */
    /*.absolute-wrapper{
          width:285px;
          -moz-animation: slideout 300ms forwards;
          -o-animation: slideout 300ms forwards;
          -webkit-animation: slideout 300ms forwards;
          animation: slideout 300ms forwards;
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
      }*/
    @-moz-keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @-webkit-keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @-moz-keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    @-webkit-keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    @keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    /* Slide side body*/
    .side-body {
        margin-left: 5px;
        margin-top: 70px;
        position: relative;
        -moz-animation: bodyslideout 300ms forwards;
        -o-animation: bodyslideout 300ms forwards;
        -webkit-animation: bodyslideout 300ms forwards;
        animation: bodyslideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .body-slide-in {
        -moz-animation: bodyslidein 300ms forwards;
        -o-animation: bodyslidein 300ms forwards;
        -webkit-animation: bodyslidein 300ms forwards;
        animation: bodyslidein 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    /* Hamburger */
    .navbar-toggle {
        border: 0;
        float: left;
        padding: 0 12px 0 12px;
        margin: 0 -12px 0 0px;
        border-radius: 0;
        background: none;
        font-size: 20px;
    }
    /* Search */
    #search .panel-body .navbar-form {
        border-bottom: 0;
    }
    #search .panel-body .navbar-form .form-group {
        margin: 0;
    }
    .navbar-header {
        /* this is probably redundant */
        position: fixed;
        background-color: #f8f8f8;
    }
    /* Dropdown tweek */
    #dropdown .panel-body .navbar-nav {
        margin: 0;
    }
}
/*----popup-css----*/
.modal-dialog.update-tp-popup {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50px;
    width: auto;
    z-index: 1;
}
.cars24_contacts .modal-body {
    max-height: 200px;
    overflow: auto;
}
.modal-dialog.update-tp-popup:after, .modal-dialog.update-tp-popup:before {
    bottom: 100%;
    right: 57px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.modal-dialog.update-tp-popup:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ccc;
    border-width: 10px;
    margin-left: -10px;
}
.modal-content.cars24_contacts {
    border-color: hsl(0, 0%, 80%);
    border-radius: 3px;
    box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.2);
    left: 10%;
    margin-left: 0;
    min-height: 82px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 20%;
    width: 80%;
    z-index: 1;
}
.cars24_contacts .modal-header, .cars24_contacts .modal-body {
    padding: 5px 15px;
}
.cars24_contacts .modal-header h4 {
    font-size: 14px;
}
.cars24_contacts .modal-header .close {
    color: #333;
    line-height: 24px;
    opacity: 0.3;
}
.cars24_contacts .modal-header .close:hover {
    opacity: 0.5;
}
.modal-content.cars24_contacts ul {
    padding: 0;
}
.modal-content.cars24_contacts ul li {
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
    padding: 6px 0 8px 0px;
    color: hsl(0, 0%, 40%);
}
.modal-content.cars24_contacts ul li:last-child {
    border-bottom: medium none;
    padding-bottom: 0;
}
/*.modal-dialog.update-tp-popup:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px;
}*/
.modal-dialog.update-tp-popup .form-group, .modal-dialog.update-tp-popup .btn, .modal-dialog.update-tp-popup .form-inline .form-control {
    height: 35px;
}
.modal-dialog.update-tp-popup .modal-content {
    border-radius: 3px;
    box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.2);
    background: #fff;
}
.modal-dialog.update-tp-popup .modal-body {
    padding: 10px;
}
.see-detail-popup {
    background: hsla(0, 0%, 0%, 0.5) none repeat scroll 0 0;
    bottom: 0;
    display: block !important;
    height: 100%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    padding: 45px;
    position: absolute;
    visibility: visible;
    transform: scale(1); /*scale it to a smaller size*/
    transition: all .2s ease-in-out; /*make it smooth*/
    z-index: 2;
}
.col-md-4 .see-detail-popup .close-detail.close {
    right: 10px;
    top: 12px;
}
.col-md-4 .see-detail-popup .cars24_contacts .close-detail.close {
    right: -15px;
    top: -13px;
}
.col-md-4 .see-detail-popup {
    padding: 20px;
}
.see-detail-popup .popup {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    height: auto;
    padding: 10px 10px 10px;
    position: relative;
    border-radius: 2px;
}
.see-detail-popup .nav-tabs {
    border-bottom: 2px solid hsl(203, 71%, 34%);
}
.see-detail-popup .nav-tabs li {
    margin-bottom: 0;
    width: 50%;
}
.see-detail-popup .nav-tabs li a, .see-detail-popup .nav-tabs li.active a {
    border-bottom: medium none hsl(203, 71%, 34%);
    border-color: hsl(203, 71%, 34%);
    border-radius: 0;
    text-align: center;
    width: 100%;
    color: hsl(0, 0%, 40%);
}
.see-detail-popup .nav-tabs li a:hover {
    background: none;
    color: #333;
}
.see-detail-popup .nav-tabs li.active a {
    background: hsl(203, 71%, 34%) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%) !important;
}
.brids-detail .tab-content {
    font-size: 14px;
    padding: 10px 0px 0 0px !important;
}
.cars24_sd .col-xs-6, .cars24_sd .col-md-6 {
    padding: 0 15px !important;
}
.brids-detail .popup .tab-content .thumbnail .col-md-6 {
    margin:
}
.brids-detail .popup .tab-content ul li {
    color: hsl(0, 0%, 32%);
    font-size: 12px;
    list-style: none;
    padding: 0 0 5px;
}
.brids-detail .popup .tab-content ul {
    padding: 0;
    list-style: none;
}
.brids-detail .popup .tab-content b {
    color: hsl(0, 0%, 20%);
    font-weight: normal;
}
.brids-detail .row.cars24_sd .row .col-md-6:first-child {
    color: hsl(0, 0%, 40%);
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 {
    margin: 0px;
}
.brids-detail .row.cars24_sd .row .col-md-6 {
    padding: 5px;
}
.brids-detail .row.cars24_sd .row {
    font-size: 13px;
}
.close-detail.close {
    background: hsl(0, 0%, 0%) none repeat scroll 0 0;
    border: 2px solid hsl(0, 0%, 100%);
    border-radius: 50%;
    color: hsl(0, 0%, 100%);
    cursor: pointer;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    height: 30px;
    line-height: 25px;
    opacity: 1;
    padding: 0 0 4px;
    position: absolute;
    right: 26px;
    text-align: center;
    top: 29px;
    width: 30px;
}
.cars24_contacts .close-detail.close {
    font-size: 17px;
    right: -20px;
    text-align: center;
    top: -17px;
}
/*.see-detail-popup .brids-detail .btn.close-detail.btn{
  background: hsl(0, 0%, 40%) none repeat scroll 0 0;
  border: medium none;
  border-radius: 2px;
  bottom: 75px;
  left: 50%;
  line-height: 19px;
  margin-left: -50px;
  position: absolute;
  width: 100px;
}*/
.col-md-12.see-detail-popup.ng-hide {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transform: scale(.9);
}
.col-md-12.brids-detail {
    margin-bottom: 0px;
    padding: 0;
}
.brids-detail-main dealer-recommendation-and-bids .brids-detail {
    margin-top: 0px;
}
.ng-hide.see-detail-mobile {
    display: block !important;
}
.brids-detail .nav-tabs {
    border-bottom: 2px solid #666;
}
.brids-detail ul.nav-tabs li, .brids-detail ul.nav-tabs li.active {
    background: hsl(0, 0%, 91%) none repeat scroll 0 0;
    margin: 0;
}
.brids-detail ul.nav-tabs li a, .brids-detail ul.nav-tabs li.active a {
    border: medium none;
    border-radius: 0;
    color: hsl(0, 0%, 40%);
    display: block;
    margin: 0;
    padding: 7px 14px;
    text-align: center;
}
.brids-detail ul.nav-tabs li a:hover {
    background: none;
    color: #000;
}
.brids-detail ul.nav-tabs li.active a {
    background: #666;
    color: hsl(0, 0%, 100%);
}
.call a {
    color: hsl(0, 0%, 60%);
}
.brids-detail .popup .tab-content {
    background: hsl(0, 0%, 97%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 60%);
    height: 180px;
    overflow: auto;
    padding: 5px 10px !important;
}
.thumbnail.no-border.no-padding {
    border: 1px solid hsl(0, 0%, 85%);
}
.thumbnail .col-md-6 {
    padding: 0;
    position: static !important;
}
.brids-detail .popup .tab-content .ng-scope .bid {
    padding: 0;
}
.brids-detail .popup .tab-content .ng-scope .rfc-detail .col-xs-12 .col-xs-4 {
    padding-left: 0;
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-3, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-2, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-6 {
    color: hsl(0, 0%, 40%);
    font-size: 11px;
    font-weight: normal;
    line-height: 29px;
    padding-bottom: 0;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    padding: 3px 10px;
    min-height: 6px !important;
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4:last-child, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-2:last-child .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-6:last-child, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-3:last-child {
    color: hsl(0, 0%, 20%);
    text-align: right;
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4:last-child::before {
    color: hsl(0, 0%, 47%);
    float: left;
    margin: 0 0 0 -9px;
    right: 0;
}
.brids-detail .ng-scope .row {
    margin: 0;
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 button.btn {
    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
    border: medium none;
    color: hsl(0, 0%, 20%);
    font-size: 13px;
    text-decoration: underline;
}
/* ------------------------------- VI-31 START ------------------------------------ */
/*.media.catlog-media .carousel-inner, .media.catlog-media{min-height: 266px; max-height: 276px;}*/
.positionRelativeSet{ position:relative;}
.thumbnailSection .media.catlog-media {
    background: transparent;
}
.thumbnailSection.no-padding {
    padding: 0;
}
.bgRemove .carousel-control.left, .bgRemove .carousel-control.right {
    background: transparent;
}
.thumbnailSection.thumbnail .col-md-6 {
    padding: 15px;
    position: relative !important;
    min-height:495px;
}
.thumbnailSection .caption {
    padding: 0;
    min-height: 80px;
    overflow: inherit;
}
.thumbnailSection .brids-detail .popup .tab-content {
    background: transparent;
    padding: 5px 0 !important;
    border: 0;
}
.borderRightSide:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: #d2d2d2;
}
.rightSpaceRemove {
    padding-right: 0;
}
.leftSpaceRemove {
    padding-left: 0;
}
.hbTpPercent {
    overflow: hidden;
    height: 38px;
}
.hbTpCompare { position:absolute; top:0; right:0;}

.hbTpCompareIn {
    display: inline-block;
    margin: 0;
}
.hbTpPercentNum, .hbTpPercentNumGreen, .hbTpPercentNumRed {
    width: 55px;
    height: 55px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    padding: 0 0 0 4px;
    display: inline-block;
    background: #e07330;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.hbTpText {
    font-size: 10px;
    display: block;
}
.hbPriceItemIn {
    background: url(../images/hb-price-icon.jpg) no-repeat left top;
    padding-left: 48px;
    min-height: 38px;
    text-align: left;
    display: inline-block;
    font-size: 14px;
}
.hbPrice {
    color: #e3772f;
    display: block;
    font-size: 13px;
}
.spaceMinusSet {
    margin: 0 -5px;
}
.thumbnailSection .tupdate-tp .col-lg-6 {
    padding: 5px;
}
.thumbnailSection .tpEdit {
    height: auto;
}
.max-height .brids-detail .popup .tab-content {
    height: 450px;
    background:#f9f9f9;
    border:1px solid #f2f2f2;
}
.brids-detail .ng-scope .row.rowSpacing {
    margin: 0 -10px 0 0;
}

.myTodoVerifyInfo .verify-section{ margin:10px 0 0; }
/* ------------------------------- VI-31 END ------------------------------------ */


/* ------------------------------- VI-29 START ------------------------------------ */
.tab-section .thumbnailSection.no-padding{padding:0 !important;}
.CatelogHbTp .hbTpCompare{right:15px;}

.hbTpPercentNumGreen {background: #56a646;}
.hbTpPercentNumRed {background: #de6161;}

.thumbnailSection .tupdate-tp .bg-inbox{padding: 6px;}
.thumbnailSection .bg-inbox > span{  width: 22%;}
.thumbnailSection .bg-inbox span:last-child{ width: 52%; }
.tab-section-main .well{ margin: 15px; }
/* ------------------------------- / VI-29 END ------------------------------------ */

/*-------------------------------- VI-43 START  -----------------------------------------------*/
.auctionOver {
    position: absolute;
    left: 20%;
    top: 50%;
    width: 60%;
    margin: -35px 0 0;
    z-index: 1;
}

.auctionOverText {
    border: 2px solid #ea453a;
    color: #ea453a;
    font-size: 22px;
    margin: 0 auto;
    padding:5px 10px;
    width:100%;
    display: inline-block;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.8);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);

}

.auctionOverTimeText{font-size: 14px;}
/*-------------------------------- / VI-43 END  -----------------------------------------------*/

/* ------------------------------- VI-56 START ------------------------------------ */
.ui-grid{ width:80%; margin: 20px auto 0;}
.ShowAutoLoad input[type=checkbox] { margin: 0px 4px 0; vertical-align: middle;}
.spaceLeft0{padding-left:0;}
.spaceRight0{padding-right:0;}
.spaceLeftIn, .col-lg-12.appoint-id-section .col-lg-6.spaceLeftIn{ padding-left:45px;}
/* ------------------------------- VI-56 END ------------------------------------ */


/* ------------------------------- VI-83 START ------------------------------------ */
.no-record{position: absolute; top: 90px; left: 0; width: 100%; text-align: center; font-size:20px; }

.no-record-live{
  position: absolute;
  top: 130px;
  left: 0;
  width: 100%;
  text-align:center;
  font-size:20px;
}

.no-record-convert{
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  text-align:center;
  font-size:20px;
}


.no-record-booked{
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  text-align:center;
  font-size:20px;
}

.no-record-checkin{position: absolute; top: 200px; left: 0; width: 100%; text-align: center; font-size:20px; }
.calenderWrappers{ width:80%; margin: 20px auto 0;}
.calenderWrappersInner{ margin-right: -63px; width: 520px;}
.calenderLabel{ display: block;}
.calenderInput{ height:34px;}
.uib-daypicker{ border:0;}
:focus {
     outline: none;
    outline: -webkit-focus-ring-color auto 0px;
}
.uib-datepicker-popup{ padding:0 0 8px;}

/* ------------------------------- VI-83 END ------------------------------------ */

/* ------------------------------- VI-93 START ------------------------------------ */
.carouselImg{width:100%;}
.modal .modal-dialog{width:528px;}
.modal-content{margin: 12% auto 0;}
.thumbnailSection .media.catlog-media > a{ cursor: pointer;}
.modalHeader{  border-bottom:0; min-height:0; padding: 0;}
.modal-header .close{margin: 0; }
button.modalClose{ position: absolute; top:0; right:0; z-index: 9; background:rgba(255,255,255,0.8); padding:5px 10px; color:#333; opacity:0.8;}
button.modalClose:hover, button.modalClose:focus{opacity:1;}
/* ------------------------------- VI-93 END ------------------------------------ */


.see-detail-popup .brids-detail, .see-detail-popup .brids-detail .popup {
    height: auto;
    padding: 0 0 0px 0px;
}
.see-detail-popup .brids-detail ul.nav-tabs li a {
    font-size: 14px;
    padding: 10px 0;
}
.see-detail-popup .brids-detail ul {
    border: none;
    border-bottom: 2px solid hsl(203, 71%, 34%);
}
.see-detail-popup .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4, .see-detail-popup .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-6 {
    font-size: 12px;
    line-height: 35px;
}
.brids-detail h3 {
    margin: 0;
    padding: 15px 10px;
    background: hsl(203, 71%, 34%) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
    font-size: 16px;
}
.brids_info {
    background: hsl(0, 0%, 97%) none repeat scroll 0 0;
    max-height: 410px;
    min-height: 128px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 0;
}
.brids_info .col-xs-12 .col-xs-6, .brids_info .col-xs-12 .col-xs-4 {
    font-size: 12px;
    line-height: 35px;
    border-bottom: 1px dashed hsl(0, 0%, 80%);
    color: hsl(0, 0%, 40%);
    font-weight: normal;
    padding: 0 10px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
}
.brids_info .col-xs-12 .col-xs-4:last-child, .brids_info .col-xs-12 .col-xs-6:last-child {
    color: hsl(0, 0%, 20%);
    text-align: right;
}
.brids_info .col-xs-12 .col-xs-4:last-child {
    padding: 0 5px 0 0;
}
.appoint-id-section .col-lg-12.text-left {
    padding: 0 0 8px;
    clear: both;
}
.appoint-id-section .col-lg-12.text-left:last-child {
    padding-bottom: 0;
}
.side-menu-container .mobile-filter-heading {
    display: none;
}
.col-md-4 .col-lg-12.tupdate-tp {
    padding: 5px 10px;
}
.col-md-4 .col-lg-12.tupdate-tp .col-lg-3.col-sm-4.text-left {
    padding: 0;
    text-align: left;
}
.col-md-4 .location.appoint-id-section .col-lg-6 {
    text-align: left;
    width: 100%;
}
.modal-content.cars24_contacts ul li {
    color: hsl(0, 0%, 40%);
    font-size: 12px;
}
.col-lg-12.pading-0 {
    padding: 0;
}
.col-lg-3.update-button {
    margin-top: 10px;
    padding-right: 0;
}
.modal-content.cars24_contacts ul li span {
    float: right;
}
.modal-content.cars24_contacts ul li span a {
    color: #666;
}
.col-xs-12.bids-sucess, .col-xs-12.bids-sucess .col-xs-4, .col-xs-12.bids-sucess .col-xs-4.call a, .col-xs-12.bids-sucess .col-xs-6, .col-xs-12.bids-sucess .col-xs-6.call a, .brids-detail .popup .tab-content .ng-scope .col-xs-12.bids-sucess .col-xs-3,  .col-xs-12.bids-sucess .col-xs-3.call a {
    background: #56a646;
    color: #fff !important;
}
.col-xs-12.bid.bids-red {
    background: hsl(0, 65%, 56%) none repeat scroll 0 0;
}
.col-xs-12.bids-sucess {
    background: #56a646 !important;
}
.col-xs-12.bids-flag, .col-xs-12.bids-flag .col-xs-4, .col-xs-12.bids-flag .col-xs-4.call a, .col-xs-12.bids-flag .col-xs-6, .col-xs-12.bids-flag .col-xs-6.call a {
    background: #eeefe6;
    color: #333 !important;
}
.col-xs-12.bids-red, .col-xs-12.bids-red .col-xs-4, .col-xs-12.bids-red .col-xs-4.call a, .col-xs-12.bids-red .col-xs-6, .col-xs-12.bids-red .col-xs-6.call a, .col-xs-12.bids-red .col-xs-3, .col-xs-12.bids-red .col-xs-3.call a {
    background: #d94747;
    color: #fff !important;
}
.catlog-pagination .pagination li a {
    padding: 15px 25px;
    z-index: 1;
}
.catlog-pagination {
    clear: both;
}
/*product-2-page-css*/
.tab-section .panel-heading h4 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding: 3px 0;
}
.tab-section .panel-heading {
    background: #808080;
    border-radius: 0;
    padding: 10px 20px;
}
.tab-section .see-detail-popup .tab-content {
    max-height: 213px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}
.tab-section .see-detail-popup .nav-tabs li a, .tab-section .see-detail-popup .nav-tabs li.active a {
    padding: 5px 0;
}
.tab-section .col-md-4 .see-detail-popup {
    padding: 10px;
}
.tab-section .col-md-4 .see-detail-popup .close-detail.close {
    right: 0;
    top: 0;
}
.tab-section .col-md-12.grid {
    padding: 0 0px 20px;
}
.tab-section .caption-title {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 0;
}
.tab-section .col-lg-12.appoint-id-section.deler-info {
    margin-bottom: 5px;
}
.tab-section .col-md-4 .thumbnail .caption {
    padding: 10px 15px;
}
.tab-section .panel-default.panel.panel-default.panel.panel-default.panel-open {
    border-radius: 0;
}
.tab-section .thumbnail.no-padding {
    margin: 0 20px;
    padding: 5px 0;
    overflow: hidden;
}
.tab-section .panel-body {
    padding: 0px 0 0px;
}
.tab-section .thumbnail.no-padding {
    margin: 0 20px 35px;
    padding: 15px 0;
}
.tab-section .update-icon {
    color: #333;
    text-decoration: underline;
}
.tab-section .col-lg-12.appoint-id-section span {
    color: hsl(0, 0%, 40%);
    right: auto;
    top: auto;
}
.tab-section .modal-content.cars24_contacts, .modal-content.cars24_contacts {
    border-color: hsl(0, 0%, 80%);
    border-radius: 3px;
    box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.2);
    left: 50%;
    margin-left: -152px;
    min-height: 82px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 20%;
    width: 305px;
    z-index: 1;
}


.tab-section .panel {
    border: medium none;
    border-radius: 2px;
}
.tab-section .panel-group {
    margin-bottom: 40px;
}
.tab-section .panel-default.panel {
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
    transition: max-height 0.25s ease-in;
}
.tab-section .col-lg-12.appoint-id-section {
    font-size: 14px;
    position: relative;
}
.error, .vsrifid {
    font-size: 12px;
}
.tab-section .col-lg-12.appoint-id-section span.error {
    color: hsl(0, 100%, 50%);
}
.tab-section .col-lg-12.appoint-id-section span.price {
    font-size: 14px;
    color: #333;
    margin: 0;
}
.tab-section .see-detail {
    background: hsl(30, 92%, 57%) none repeat scroll 0 0;
}
.tab-section .thumbnail {
    box-shadow: 0 0 3px hsla(0, 0%, 76%, 0.9);
}
.tab-section-main .live-shop > ul {
    margin: 0px 0 20px;
}
.tab-section .col-lg-12.appoint-id-section span.verification-panding {
    background: #eb5031;
    border-radius: 2px;
    color: hsl(0, 0%, 100%);
    font-size: 12px;
    padding: 0 5px;
}
.tab-section.follow-verify .col-lg-12.appoint-id-section span.price {
    font-size: 15px;
}
.follow-verify.tab-section .col-lg-12.appoint-id-section span {
    top: 10px;
}
.tab-section .col-lg-12.appoint-id-section.deler-info span {
    color: hsl(0, 0%, 27%);
}
.follow-verify.tab-section .thumbnail.no-padding {
    margin: 0 30px 36px;
}

.tab-section.followInfo .thumbnail.no-padding {margin: 0 0 15px;}
.follow-verify{padding:0;}
/* The ribbons */

.corner-ribbon {
    background: hsl(5, 85%, 57%) none repeat scroll 0 0;
    color: hsl(0, 0%, 94%);
    left: -50px;
    letter-spacing: 1px;
    line-height: 23px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 90px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
/* Custom styles */

.corner-ribbon.sticky {
    position: absolute;
}
.corner-ribbon.shadow {
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
/* Different positions */

.corner-ribbon.top-left {
    font-size: 12px;
    left: auto;
    right: -25px;
    top: 9px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right {
    font-size: 12px;
    left: auto;
    right: -25px;
    top: 9px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-left {
    top: auto;
    bottom: 25px;
    left: -50px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right {
    top: auto;
    right: -50px;
    bottom: 25px;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
/* Colors */

.corner-ribbon.white {
    background: #f0f0f0;
    color: #555;
}
.corner-ribbon.black {
    background: #333;
}
.corner-ribbon.grey {
    background: #999;
}
.corner-ribbon.blue {
    background: #39d;
}
.corner-ribbon.green {
    background: #2c7;
}
.corner-ribbon.turquoise {
    background: #1b9;
}
.corner-ribbon.purple {
    background: #95b;
}
.corner-ribbon.red {
    background: #e43;
}
.corner-ribbon.orange {
    background: #e82;
}
.corner-ribbon.yellow {
    background: #ec0;
}
.call-sd {
    background: hsl(0, 0%, 96%) none repeat scroll 0 0;
    border-radius: 3px;
    color: hsl(0, 0%, 20%);
    font-size: 18px;
    margin-left: 20px;
    padding: 2px 16px;
}
.panel-open .pull-right .fa-angle-down, .pull-right .fa-angle-right {
    display: none;
}
.panel-open .pull-right .fa-angle-right {
    display: block;
}
.col-lg-12.appoint-id-section.deler-info .col-lg-6 a {
}
.col-lg-12.appoint-id-section.deler-info .col-lg-6 i {
    display: none;
}
.col-lg-12.appoint-id-section.deler-info .col-lg-6 em {
    font-style: normal;
}
.verify-section {
    background: transparent;
    float: left;
    margin: 0 0 8px;
    padding: 0;
    width: 100%;
}
.verify-section .padding-left-z1, .verify-section .padding-left-z2 {
    padding: 0;
}
.verify-section .col-lg-7, .verify-section .col-lg-5 {
    padding: 0 10px;
}
.riject, .verify, .verify-done {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 80%);
    border-radius: 2px;
    cursor: pointer;
    margin: 5px 0 0px;
    padding: 5px 0;
    line-height: 16px;
    margin-top: 0px;
}
.riject {
    color: #990000;
}
.verify {
    color: #009966;
}
.verify:hover {
    border-color: #009966;
}
.riject:hover {
    border-color: #c32212;
}
.verify-done {
    cursor: no-drop;
    opacity: 0.5;
}
.verify-done.active {
    cursor: pointer;
    opacity: 1;
}
.verify.active {
    background: #009966;
    border-color: #009966;
    color: hsl(0, 0%, 100%);
}
.riject.active {
    background: #c32212;
    color: #fff;
    border-color: #c32212;
}
.todo-verify.tab-section .col-lg-12.appoint-id-section span {
    top: -12px;
}
.live-shop ul li em {
    color: hsl(0, 0%, 60%);
    font-size: 16px;
    font-style: normal;
    padding: 0 5px;
}
.live-shop ul li.active em {
    color: #f2f2f2;
}
.search-container {
    padding: 0 0 40px;
}
.live-shop {
    display: block;
    text-align: center;
}
.live-shop.to-do-live ul {
    margin: 0;
    padding: 0;
}
.search-section {
    display: block;
    margin: 23px 0 0;
}
.search-section .input-group {
    margin: 0 auto;
    width: 530px;
}
.search-section input {
    background: hsl(0, 0%, 98%) none repeat scroll 0 0;
    box-shadow: none;
    height: 56px;
    width: 73% !important;
}
.search-section .btn {
    height: 56px;
    width: 100px;
}
.search-section .btn {
    background: hsl(0, 0%, 98%) none repeat scroll 0 0;
    color: hsl(0, 0%, 40%);
    font-size: 20px;
    height: 56px;
    line-height: 19px;
    width: 100px;
}
.container-fluid.affix {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    height: 88px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.search-container {
    padding: 15px;
}
.container-fluid.affix .live-shop ul {
    margin: 25px 0;
    padding: 0;
    text-align: left;
}
.container-fluid.affix .live-shop ul li {
    padding: 5px 0;
    text-align: center;
    width: 138px;
}
.search-container.affix .live-shop.to-do-live {
    display: inline;
    float: left;
    width: 50%;
}
.search-container.affix .search-section {
    display: inline;
    float: left;
    margin: 0;
    width: 50%;
}
.search-container.affix .navbar-form {
    margin: 22px 0;
}
.search-container.affix .input-group-btn .btn {
    height: 45px;
}
.search-container.affix .navbar-form input {
    height: 45px;
}
.search-container.affix .input-group {
    width: 92%;
}
.container-fluid.affix li {
    background: hsl(0, 0%, 98%) none repeat scroll 0 0;
    border: 1px solid hsl(213, 31%, 94%);
}
.container-fluid.affix .row {
    margin: 0 auto;
    width: 97%;
}
.pading-0 {
    position: relative;
}
.btn.btn-default.ung {
    background: hsl(0, 0%, 95%) none repeat scroll 0 0;
    display: block;
    float: left;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0 0 5px;
    padding: 4px 12px !important;
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    background: #e76401;
    border: 1px solid #ff5722;
}
.ung .fa-comments {
    font-size: 19px;
    padding-right: 8px;
    color: #fff;
}
.btn.btn-default.ung span {
    color: #fff !important;
}
.ping .icomoon {
    color: hsl(0, 0%, 100%);
    font-size: 20px;
}
.ping {
    height: 30px;
    left: 92%;
    position: absolute;
    top: -13px;
    width: 30px;
}
.ping .fa-comment {
    color: hsl(0, 100%, 50%);
    font-size: 25px;
}
.ping span {
    color: hsl(0, 0%, 100%);
    display: block;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.verification-option .row {
    margin: 0;
}
.verification-option .col-lg-12.verify-section {
    border-bottom: none;
    background: none;
    margin: -1px 0 0;
}
.verification-option .verify-section .col-lg-6, .verification-option .verify-section .col-lg-5 {
    line-height: 14px;
    text-align: center !important;
}
.brids_info .col-xs-12.verification-option .col-xs-6, .brids_info .verification-option .col-xs-12 .col-xs-4 {
    border-bottom: none;
}
.brids_info .col-xs-12 .row {
    margin: 0;
}
.bid-verified {
    background: hsl(110, 41%, 46%) none repeat scroll 0 0;
    border-bottom: none;
    font-size: 10px;
    padding: 0px 10px 9px 10px !important;
    margin: -5px 0 0 !important;
}
.bid-rijection {
    background: hsl(0, 66%, 56%) none repeat scroll 0 0;
    border-bottom: none;
    font-size: 10px;
    padding: 0px 10px 9px 10px !important;
    margin: -5px 0 0 !important;
}
.bid-expired {
    font-size: 10px;
    margin-top: -8px !important;
    padding: 5px 5px;
    color: red;
    padding-right: 10px !important;
}
.bids-anomaly{
    font-size: 10px;
    margin-top: -8px !important;
    padding: 5px 5px;
    padding-right: 10px !important;
    background: #eeefe6;
}
.loading-box {
    background: hsla(0, 0%, 96%, 0.8);
    height: 100%;
    left: 0;
    margin: 0;
    padding-top: 0px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.loading-box img {
    display: block;
    margin: 48% auto 0;
    width: auto;
    height: auto;
}
/*chart-box*/
.chat-window {
    background: none repeat scroll 0 0 rgba(0,0,0,0.6);
    ;
    bottom: 0;
    height: 100%;
    margin: 0 !important;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 9;
}
.chat-window .panel.panel-default {
    width: 500px;
    position: fixed;
    bottom: 0px;
    left: 50%;
    margin-left: -260px !important;
}
.chat-window .panel.panel-default {
    background: hsl(55, 57%, 95%) none repeat scroll 0 0;
    border-radius: 0;
    margin: 0 auto;
    width: 500px;
    border: none;
}
.chat-window .msg_container_base {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    margin: 0 3%;
    max-height: 400px;
    overflow-y: auto;
    width: 94%;
}
.avatar p {
    font-style: normal;
}
.chat-window .panel-default .panel-heading {
    background-color: hsl(203, 71%, 34%);
    border-color: hsl(0, 0%, 87%);
    border-radius: 0;
    color: hsl(0, 0%, 100%);
    height: 106px;
}
.chat-window .panel-default .panel-heading h3 {
    font-size: 22px;
}
.chat-window .panel-default .panel-heading h5 {
    font-size: 15px;
    margin-top: 5px;
}
.messages time {
    color: hsl(0, 0%, 53%);
    font-size: 9px;
}
.base_receive .avatar {
    float: right;
}
.msg_container .col-md-4 {
    display: block;
    text-align: center;
}
.img-responsive {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 38%;
}
.msg_container {
    padding: 10px 15px;
}
.msg_container .col-md-8 {
    background: hsl(0, 0%, 95%) none repeat scroll 0 0;
    border-radius: 3px;
    padding: 5px 10px;
}
.base_sent .col-md-8 {
    background: hsl(185, 99%, 37%) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
}
.base_sent .col-md-8 p, .base_sent .col-md-8 time {
    color: #fff;
}
.msg_container p {
    color: hsl(0, 0%, 27%);
    font-family: sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 17px;
    margin: 0;
    padding: 0px 0 0;
}
.panel-footer {
    background: none;
}
.panel-footer .input-group:first-child {
    margin-bottom: 15px;
}
.bid-icon {
    background: url("../images/bid-icon.png") no-repeat scroll 5px center;
    padding-left: 50px;
    background-color: #fff;
}
.chat-icon {
    background: url("../images/chat-icon.png") no-repeat scroll 5px center;
    padding-left: 50px;
    background-color: #fff;
}
.chat-window .fa.fa-times {
    color: #cadbe6;
    font-size: 17px;
    font-weight: normal;
    line-height: 44px;
}
.chat-window .fa.fa-times:hover {
    color: #fff;
}
.msg_container .col-md-8 p {
    font-size: 13px;
    font-weight: normal;
}
.chat-window .panel-footer .input-group input {
    width: 330px;
    box-shadow: none;
    border-color: hsl(185, 100%, 37%);
}
.chat-window .panel-footer .input-group .btn {
    border: medium none;
    font-size: 16px;
    height: 43px;
    width: 114px;
    background: hsl(185, 100%, 37%);
}
.base_sent .col-md-8:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #007bff transparent;
}
.panel-heading .col-md-12 {
    padding: 0;
}
.col-md-12.retail-section {
    background: hsl(55, 98%, 84%) none repeat scroll 0 0;
    color: hsl(0, 0%, 20%);
    font-size: 12px;
    line-height: 17px;
    margin: 0px;
    padding: 3px 0;
}
.retail-section span {
    color: hsl(0, 0%, 40%);
    display: block;
}
.chat-window .panel-default .panel-heading h3 span {
    color: #d8e2e9;
    font-size: 16px;
}
.chat-window .panel-default .panel-heading h3 i {
    display: none;
}
.arow {
    color: hsl(0, 0%, 95%);
    font-size: 20px;
    right: -6px;
    position: absolute;
    top: 0;
    transform: rotate(145deg);
    width: 12px;
}
.base_sent .arow {
    color: hsl(185, 100%, 37%);
    font-size: 20px;
    position: absolute;
    left: -5px;
    top: 0px;
    width: 12px;
    transform: rotate(32deg);
}
.enter-bid {
    background: #f2f8f9 url("../images/bid-icon.png") no-repeat scroll 2px center;
    border-radius: 3px;
    color: hsl(0, 0%, 20%);
    font-size: 14px;
    padding: 2px 0 3px 40px;
    width: auto;
}
.msg_sent .enter-bid {
    background-color: #fff;
}
.see-detail-mobile .close-detail.close {
    display: none;
}
.brids-detail .col-xs-12.bids-sucess {
    margin-bottom: 5px;
}
.brids-detail .bid {
    background: #f9f9f9;
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #fff #f2f2f2;
    margin-bottom: 5px;
}

.verify-bid {
    background: hsl(0, 0%, 20%) none repeat scroll 0 0;
    border-radius: 2px;
    color: hsl(0, 0%, 100%);
    cursor: pointer;
    font-size: 11px;
    margin-left: 5px;
    padding: 2px 9px;
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .max-height .brids-detail .popup .tab-content {
        height: 360px;
    }
    .hbTpCompareIn {
        margin-bottom: 60px;
    }
    .hbPriceItemIn {
        padding-left: 38px;
        background-size: 30px;
    }
    .hbPrice { font-size:11px;}
}
@media (max-width: 768px) {
    /*chat-mobile-css*/
    .ng-hide.see-detail-mobile {
        display: none !important;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4.call {
        width: 15.5%;
    }
    .see-detail-mobile {
        background: hsla(0, 0%, 0%, 0.5) none repeat scroll 0 0;
        display: block !important;
        height: 100%;
        left: 0;
        margin: 0 !important;
        padding: 0 10px !important;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    .see-detail-mobile .popup {
        background: hsl(0, 0%, 100%) none repeat scroll 0 0;
        margin: 0 !important;
        padding: 15px;
        position: relative;
        top: 20%;
        width: 100%;
    }
    .brids-detail.see-detail-mobile .tab-content {
        height: 265px;
    }
    .see-detail-mobile .close-detail.close {
        margin-top: -14px;
        display: block;
        right: -9px;
        z-index: 1;
    }
    .chat-window .panel-default .panel-heading h3 i {
        display: inline;
        color: #d8e2e9;
    }
    .chat-window .panel-default .panel-heading h3 span {
        display: none;
    }
    .chat-window .panel.panel-default {
        bottom: inherit;
        top: 0px;
        left: 0px;
        margin-left: 0 !important;
        position: fixed;
        width: 100%;
    }
    .thumbnail .col-md-6 {
        margin-top: 0;
    }
    .bg-tp-form .form-inline .form-group {
        float: left;
        margin: 0;
    }
    .tupdate-tp {
        margin: 10px 0 5px;
    }
    .col-md-12.brids-detail {
        margin: 0;
    }
    .tupdate-tp .col-lg-6 .bg-inbox {
        margin: 0px;
        font-size: 12px;
        padding: 5px 0px;
    }
    .tupdate-tp .col-lg-6 {
        padding: 0;
    }
    .bg-tp-form .form-inline .form-group {
        float: left;
        margin:5px 0 !important;
    }
    .bg-tp-form {
        margin-right: 0px;
        margin-top:0;
    }
    .chat-window .panel-default .panel-heading {
        height: 90px;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        z-index: 9;
        border: none;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .msg_container p {
        line-height: 13px;
    }
    .chat-window .fa.fa-times {
        line-height: 36px;
    }
    .chat-window .panel-default .panel-heading h3 {
        font-size: 20px;
    }
    .chat-window .panel-default .panel-heading h5 {
        font-size: 13px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .chat-window .msg_container_base {
        margin: 0 2%;
        width: 96%;
        padding: 10px;
        padding: 97px 10px 105px;
        position: fixed;
        max-height: 100%;
        top: 0px;
    }
    .msg_container {
        margin: 0;
        padding: 10px 0;
    }
    .msg_container .col-md-8 p {
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
    }
    .msg_container .col-md-4 {
        padding: 0 10px;
    }
    .panel-footer {
        background: hsl(0, 0%, 100%) none repeat scroll 0 0;
        bottom: 0;
        padding: 10px 10px;
        position: fixed;
        width: 100%;
    }
    .panel-footer .input-group:first-child {
        margin-bottom: 10px;
    }
    .chat-window .panel-footer .input-group input {
        border-color: hsl(185, 100%, 37%);
        padding-left: 45px;
        width: 100%;
        height: 38px;
    }
    .chat-window .panel-footer .input-group .btn {
        height: 44px;
        font-size: 15px;
        width: 85px;
    }
    .chat-window .panel-footer .input-group .btn {
        height: 38px;
    }
    .col-md-12.retail-section {
        width: 100%;
        margin: 0px;
    }
    .col-md-12.retail-section {
        width: 100%;
        margin: 0px;
        position: relative;
        clear: both;
        height: 37px;
    }
    /*chat-mobile-css-end*/





    /*mobile-ui-changes*/
    /*.side-menu .navbar-header {
        width: 100%;
        text-align: center;
        display: block;
        height: 45px;
        bottom: 0px; background: #000; right: 0px;
    }*/
    /*.side-menu .navbar-header {
        display: block;
        height: 45px;
        bottom: 0px;
        background: none;
        right: 0px;
        top: 2px;
        width: 47px;
        font-size: 21px;
        text-align: right;
        padding: 0px;
    }*/

    .side-menu .navbar-header {
        text-align: center;
    }
    .todo-verify.tab-section .col-lg-12.appoint-id-section span {
        top: -22px;
    }
    .navbar-default .navbar-toggle {
        border-color: #ddd;
        width: 100%;
        background: #000;
        padding: 0px;
    }
    .side-menu .brand-name-wrapper .navbar-brand {
        display: inline-block;
        display: block;
        text-align: center;
        width: 100%;
        color: #fff;
    }
    .call a {
        color: #666;
    }
    .modal-content.cars24_contacts ul li span {
        font-size: 0;
    }
    .modal-content.cars24_contacts ul li span a {
        color: hsl(0, 0%, 40%);
        font-size: 16px;
    }
    .catlog-pagination .pagination li a {
        padding: 15px 20px;
    }
    /*.navbar-default .navbar-toggle {
        border-color: #ddd;
        width: 100%;
        background: #f4852b;
        padding: 0px;
        height: 44px;
        float: left;
        text-align: center;
        display: block;
        color: #fff;
        position: relative;
        z-index: 999;
        -webkit-box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.32);
    box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.32);
    }*/
    .navbar-default .navbar-toggle {
        border-color: #ddd;
        width: 100%;
        background: none;
        padding: 0 15px;
        height: 44px;
        float: left;
        text-align: right;
        display: block;
        color: #15171f;
        position: relative;
        z-index: 9;
        font-size: 20px;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: none;
    }
    .side-menu-container > .navbar-nav.slide-in, .apply-filter.slide-in {
        top: 0px;
        z-index: 1;
        background: #fff;
        height: 91%;
        position: fixed;
        margin-left: -9px;
        width: 86%;
    }
    .side-menu #search {
        position: inherit;
        z-index: 1;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: none;
    }
    #sidebar-wrapper {
        z-index: 9;
    }
    .live-shop > ul {
        margin: 10px 0px;
        padding: 0px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }
    .live-shop ul li {
        width: 50%;
        float: left;
        font-size: 14px;
        padding: 8px 0px;
    }
    .apply-filter.slide-in {
        height: 40px;
        position: fixed;
        top: 81%;
        margin: 0 0 0 -10px;
    }
    .side-menu #dropdown {
        margin: 0 2%;
        width: 96%;
        padding: 10px 0 0 0;
        margin: 0px;
    }
    .side-menu #dropdown > a {
    }
    .side-menu #dropdown.year-section .panel-body .navbar-nav {
        padding: 15px 0 0 0;
    }
    .side-menu-container .mobile-filter-heading {
        background: #f4852b;
        margin: 0px;
        padding: 14px 10px 15px 20px;
        display: block;
        color: #fff;
    }
    .header .header-wrapper .header-logo .logo-text {
        letter-spacing: 6px;
        font-size: 11px;
        line-height: inherit;
    }
    .side-menu .brand-name-wrapper {
        display: none;
    }
    .header .header-wrapper {
        padding: 0px 0 0;
    }
    .header-logo.text-center {
        height: 30px;
    }
    .header-logo img {
        max-height: 100%;
        margin-top: 4px;
    }
    .col-lg-12.appoint-id-section {
        padding: 5px 0 0 0px;
        clear: both;
        font-size: 12px;
    }
    .col-lg-12.location.appoint-id-section {
        line-height: 19px;
        padding: 0px;
    }
    .location span.call-icon {
        right: 0px;
        z-index: 1;
    }
    .header .header-wrapper .menu-icon {
        margin-left: 0px;
        margin-top: 6px;
    }
    .header .header-wrapper .menu-icon i {
        font-size: 19px;
    }
    .page-section {
        padding-top: 50px;
    }
    .main-menu ul li a {
        font-size: 18px;
        padding: 5px 0px;
        display: block;
        clear: both;
    }

    .col-lg-12.appoint-id-section.location .col-lg-6 {
        text-align: left;
    }
    .tupdate-tp {
        float: left;
        margin: 0px;
        padding: 5px 0;
        width: 100%;
    }
    .col-md-12.see-detail-main {
        padding: 0;
        clear: both;
        margin-bottom: 0px;
    }
    .modal-dialog.update-tp-popup {
        top: 126px;
        width: 100%;
    }
    .update-icon {
        padding: 10px 0;
    }
    .modal-dialog.update-tp-popup .form-group {
        margin-bottom: 10px;
    }
    .modal-dialog.update-tp-popup:after, .modal-dialog.update-tp-popup:before {
        right: inherit;
        left: 50%;
    }
    .modal-dialog.update-tp-popup .form-inline .form-control, .modal-dialog.update-tp-popup .modal-content {
        text-align: center;
    }
    .thumbnail .caption {
        padding: 0 15px 0px 15px;
    }
    .see-detail-popup {
        padding: 20px;
        width: 100%;
    }
    .close-detail.close {
        top: 5px;
        right: 5px;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-6 {
        font-size: 11px;
        padding: 3px 5px;
    }
    .owner-count {
        font-size: 13px;
    }
    .caption-title {
        margin-bottom: 5px;
    }
    .headerIcon.lftArrow {
        margin: 0px 0;
        height: 20px;
        float: left;
        background: url(../images/arrwLeft.png) left no-repeat;
        background-size: contain;
        width: 26px;
    }
    .side-menu #search {
        display: none;
    }
    .appoint-id-section .col-lg-12.text-right {
        text-align: left;
        padding: 5px 0px;
    }
    .col-lg-12.appoint-id-section .call-icon {
        margin: -26px 0 0 5px;
        z-index: 2;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4.call, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-6.call, .brids-detail .brids_info .col-xs-12 .col-xs-4.call, .brids-detail .brids_info .col-xs-12 .col-xs-6.call {
        font-size: 0;
        line-height: 0;
        padding: 6px 0;
        text-align: center;
    }
    .brids-detail .brids_info .col-xs-12 .col-xs-4.call, .brids-detail .brids_info .col-xs-12 .col-xs-6.call {
        padding: 9px 0 10px 0px;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-4.call .fa-phone, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .col-xs-6.call .fa-phone, .brids-detail .brids_info .col-xs-12 .col-xs-4.call .fa-phone, .brids-detail .brids_info .col-xs-12 .col-xs-6.call .fa-phone {
        font-size: 16px;
        display: block;
    }
    .col-lg-3.update-button {
        margin-top: 0px;
        padding-right: 0;
        margin-bottom: 10px;
        padding: 0px;
    }
    #page-content-wrapper {
        padding: 40px 15px 15px;
    }
    .col-lg-12.tab-section {
        padding: 0 15px;
    }
    .tab-section .panel-heading {
        padding: 5px 15px;
    }
    .tab-section .panel-heading h4 {
        padding: 5px 0;
        font-size: 16px;
    }
    .call-sd {
        display: none;
    }
    .tab-section .panel-body {
        padding: 0px 0 0;
    }
    .tab-section .col-md-12.grid {
        padding: 0 0px 15px;
        clear: both;
        overflow: hidden;
    }
    .tab-section .thumbnail.no-padding, .follow-verify.tab-section .thumbnail.no-padding {
        border-bottom: 2px solid hsl(0, 0%, 95%);
        border-radius: 5px;
        border-top: 2px solid hsl(0, 0%, 95%);
        box-shadow: none;
        margin: 0 0 30px;
        padding: 5px 0;
    }
    .tab-section .caption-title {
        font-size: 14px;
        margin-bottom: 2px;
        margin-top: 0;
    }
    .follow-verify.tab-section .col-lg-12.appoint-id-section span {
        top: 3px;
    }
    .tab-section .col-lg-12.appoint-id-section.deler-info {
        clear: both;
        display: block;
        float: left;
        margin-bottom: 5px;
        width: 100%;
    }
    .tab-section .col-md-4 .thumbnail .caption {
        padding: 10px;
    }
    .tab-section .panel-group {
        margin-bottom: 20px;
    }
    .tab-section .see-detail-popup .tab-content {
        max-height: 242px;
    }
    .tab-section .modal-dialog.update-tp-popup {
        bottom: -54px;
        top: inherit;
    }
    .modal-dialog.update-tp-popup {
        bottom: -74px;
        top: inherit;
        z-index: 2;
    }
    .tab-section .modal-dialog.update-tp-popup::after, .tab-section .modal-dialog.update-tp-popup::before {
        bottom: -19px;
        transform: rotate(180deg);
    }
    .tab-section-main.page-section {
        padding-top: 35px;
    }
    .tab-section .error, .tab-section .vsrifid {
        font-size: 11px !important;
    }
    .tab-section .col-lg-12.appoint-id-section span {
        top: 2px;
    }
    .col-lg-12.appoint-id-section.deler-info .col-lg-6 i {
        display: block;
    }
    .col-lg-12.appoint-id-section.deler-info .col-lg-6 em {
        display: none;
    }
    .col-lg-12.appoint-id-section.deler-info .col-lg-6 a {
        display: inline-block;
        float: left;
        font-size: 17px;
        padding-right: 5px;
        padding-top: 2px;
        text-decoration: none;
    }
    .col-lg-12.location.appoint-id-section {
        padding: 5px 0 0;
    }
    .tab-section-main .live-shop > ul {
        margin: 5px 0 20px;
    }
    .follow-verify.tab-section .see-detail-popup .tab-content {
        max-height: 198px;
    }
    .search-container .live-shop ul li {
        border-right: 1px solid hsl(0, 0%, 80%);
        float: left;
        font-size: 14px;
        padding: 8px 0;
        width: 33%;
    }
    .search-container .live-shop ul li:last-child {
        border-right: medium none;
    }
    .search-container.container-fluid.affix {
        background: hsl(0, 0%, 100%) none repeat scroll 0 0;
        display: block !important;
        height: 110px;
        left: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
    }
    .search-container.container-fluid.affix .live-shop ul {
        margin: 5px 0;
        padding: 0;
        text-align: left;
    }
    .search-container.affix .search-section {
        margin: 0;
        width: 100%;
    }
    .search-container.affix .navbar-form {
        margin: 5px 0;
    }
    .search-container.affix .navbar-form input {
        height: 35px;
    }
    .search-container.affix .input-group-btn .btn {
        height: 35px;
    }
    .search-container.affix .live-shop ul li:last-child {
        border-right: 1px solid #e0e0e0;
    }
    .search-container.container-fluid.affix .live-shop ul li {
        padding: 10px 0;
        width: 33%;
    }
    .search-container.container-fluid .row {
        margin: 0 auto;
        width: 97%;
    }
    .search-container {
        margin: -10px -15px 0;
        padding: 0 0 10px;
    }
    .search-container .live-shop.to-do-live {
        display: block;
        float: left;
        width: 100%;
    }
    .search-container.affix .live-shop.to-do-live {
        width: 100%;
    }
    .search-container.container-fluid .live-shop ul {
        margin: 20px 0;
        padding: 0;
        text-align: left;
    }
    .search-container .live-shop ul li {
        border-bottom: 2px solid hsl(0, 0%, 90%);
        padding: 8px 0;
        text-align: center;
        width: 33%;
    }
    .search-container .live-shop ul li.ng-valid-parse, .search-container .live-shop ul li.active {
        border-bottom: 2px solid #115278;
    }
    .search-container .live-shop ul li em {
        color: hsl(0, 0%, 60%);
        font-size: 12px;
        font-style: normal;
        padding: 0 5px;
    }
    .search-container .search-section {
        background: hsl(0, 0%, 95%) none repeat scroll 0 0;
        display: inline;
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }
    .search-container .navbar-form {
        margin: 0;
        padding: 0;
    }
    .search-container .input-group {
        width: 92%;
    }
    .search-container .navbar-form input {
        height: 36px;
    }
    .search-container .input-group-btn .btn {
        height: 36px;
        width: 69px;
    }
    .btn.btn-default.ung {
        margin: 8px 0 3px;
    }
    /*mobile-ui-changes-end*/
    /* ------------------------------- VI-31 START ------------------------------------ */
    .borderRightSide:before {
        bottom: 5px;
        height: 1px;
        top: inherit;
        width: 100%;
    }
    .thumbnailSection .caption {
        padding: 0;
    }

    .calenderWrappersInner{ margin-right: -50px;}

}
.appoint-id-section .appt-content {
    position: absolute;
    top: 0;
}
@media (max-width: 767px) {
    .appoint-id-section .text-right {
        text-align: left;
    }
    .appoint-id-section .appt-content {
        position: relative;
        top: 0;
    }
    .appoint-id-section {
        padding: 0;
    }
    .appoint-id-section .verified-title {
        text-align: left;
    }
    .appoint-id-section .col-lg-12.text-left {
        clear: both;
        padding: 0;
    }
    .ping {
        left: 157px;
    }
}
@media (max-width: 320px) {
    .see-detail-popup {
        padding: 10px;
    }
    .brids_info .col-xs-12 .col-xs-4 {
        padding: 0 5px;
    }
}
.product-full-section .accordian + .no-padding-col .thumbnail.no-padding {
    margin-bottom: 5px;
    margin-top: 0;
}
.accordian {
    width: 80%;
    margin: 5px auto;
    background: #fff;
    padding: 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 3px rgba(195, 195, 195, 0.6);
    -moz-box-shadow: 0px 0px 3px rgba(195, 195, 195, 0.6);
    box-shadow: 0px 0px 3px rgba(195, 195, 195, 0.6);
    clear: both;
    overflow: hidden;
}
.booked {
    background: #e76401;
    border: 0px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    float: right;
    display: inline-block;
}
.verified-title {
    text-align: right;
    font-size: 10px;
}
.cust-name {
    position: relative;
}
.phone {
    position: absolute;
    top: 0px;
    left: 160px;
    width: 209px;
    display: block;
    height: 30px;
}
.cust-name em {
    padding-left: 15px;
}
.cust-name-follow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 160px;
}
.appoint-id-section span.error {
    color: hsl(0, 100%, 50%);
}
.verification-panding {
    background: #e76401 none repeat scroll 0 0 !important;
    border-radius: 3px;
    color: #fff !important;
    font-size: 12px;
    padding: 2px 5px;
    border: 1px solid #FF5722;
}
.chat1 .panel-default>.panel-heading {
    color: #fff;
    clear: both;
    overflow: hidden;
    background-color: hsl(203, 71%, 34%);
    border-color: hsl(0, 0%, 87%);
    font-size: 22px;
}
.chat1 .input-group-btn:last-child>.btn, .chat1 .input-group-btn:last-child>.btn-group {
    margin-left: 1px;
}
.chat1 .modal-footer .btn-primary:hover, .chat1 .modal-footer .btn-primary {
    background: hsl(185, 100%, 37%) none repeat scroll 0 0;
    border: 1px solid #428bca;
}
.chat3.modal-body + .modal-footer {
    text-align: center;
}
.chat3.modal-body {
    padding: 20px 20px 0;
}
.chat3 .panel {
    margin-bottom: 0px;
}
.chat3 .panel-footer {
    padding: 10px 15px 0;
    position: relative;
}
.msg_container_base {
    overflow: scroll;
    height: 193px;
}
.follow-bidamount {
    padding-right: 20px !important;
}
.main-menu ul li a.active {
    color: #fa5b2f;
}
.common-btn {
    margin: 0 !important;
    padding: 0 !important;
}
.carcode {
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 767px) {
    .verify-section .padding-left-z2 {
        padding: 0 !important;
    }
    .verification-panding {
        display: inline-block !important;
        margin-top: 4px;
    }
    .follow-bidamount {
        text-align: left !important;
        margin-top: 2px;
    }
    .customer-dmd > a.phone {
        left: 127px;
    }
    .phone {
        left: 160px;
    }
    .verify-section .padding-left-z2 {
        padding-right: 0;
        padding-left: 15px;
    }
    .appoint-id-section .left-block {
        margin-bottom: 7px;
    }
    .accordian {
        width: 100%;
    }
    .verified-title {
        padding-top: 3px;
    }
    .tab-section .thumbnail.no-padding, .follow-verify.tab-section .thumbnail.no-padding {
        border-bottom: 2px solid hsl(0, 0%, 95%);
        border-radius: 5px;
        border-top: 2px solid hsl(0, 0%, 95%);
        box-shadow: 0 0 3px hsla(0, 0%, 76%, 0.9);
        margin: 0 0 30px;
        padding: 10px 0 15px;
    }
    .btn.btn-default.ung {
        position: relative;
        float: left !important;
        right: 0;
    }
    /* ------------------------------- VI-31 START ------------------------------------ */
    /*.media.catlog-media .carousel-inner{min-height: auto;}*/
    .leftSpaceRemove {
        padding-left: 15px;
    }

    .hbPriceItem {
        margin: 8px 0;
    }
    .hbPriceItem {
        display: block;
        text-align: center;
        margin:12px 0 8px;
    }

    .bid-verified, .bid-rijection {
        text-align: left;
        line-height: 21px;
        padding: 0 !important;
    }
    .brids-detail .bid.bids-sucess {
        padding: 5px 10px;
    }
    .brids-detail .bid.bids-sucess .call a,  .brids-detail .bid.bids-red .call a {
        color: #fff;
    }
    /* ------------------------------- VI-31 end ------------------------------------ */

}
/*======================================start todo block========================================*/
.appoint-id-section .auction_over, .appoint-id-section .timer {
    padding: 0 0 3px;
}
.appoint-id-section > .col-lg-12:first-child {
    padding: 0 0 0px !important;
}
.appoint-id-section > .col-lg-12 {
    padding: 0 0 3px !important;
}
.appoint-id-section .timer, .appoint-id-section .timer span {
    color: hsl(0, 100%, 50%);
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6 .riject, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6 .verify, .brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6 .verify-done {
    text-align: center;
    margin: 0;
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6.f-block {
    padding-left: 0;
    padding-right: 0;
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6.s-block {
    padding-right: 10px;
    padding-bottom: 4px;
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6 {
    padding: 0 15px;
}
.brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section .col-xs-6 .verify-done {
    margin-top: 3px;
}
.todo-top-block .timer, .todo-top-block .timer span {
    padding: 0px;
    width: 100%;
    color: hsl(0, 100%, 50%);
}
.todo-top-block a, .todo-top-block a:hover {
    color: #333;
}
.todo-top-block .tittle {
    color: hsl(203, 71%, 34%);
}
.todo-top-block .verified-on {
    color: hsl(0, 100%, 50%);
}
.todo-top-block .verified-title {
    text-align: right;
    font-size: 10px;
    padding: 0 0 5px;
    color: hsl(0, 100%, 50%);
}
.cars24-sd-one, .cars24-sd-two, .cars24-sd-three {
    float: left;
    margin-bottom: 15px;
    font-size: 12px;
}
.row:first-child > .cars24-sd-one, .row:first-child > .cars24-sd-two, .row:first-child > .cars24-sd-three {
    margin-top: 15px;
}
.cars24-sd-one {
    width: 40%;
}
.cars24-sd-two {
    width: 10%;
}
.cars24-sd-three {
    width: 50%;
}
.telephone {
    padding: 0 5px;
}
.location {
    display: inline-block;
    position: relative;
}
.call-icon::before {
    line-height: 25px;
    text-align: center;
}
.navbar-form {
    margin: 0;
}
.pagination {
    margin: 15px 0
}
.popup.only {
    margin-top: 15px;
}
@media (max-width: 767px) {
    .tab-section .modal-content.cars24_contacts {
        left: 5%;
        margin: 0 auto;
        min-height: 82px;
        top: 20%;
        width: 87%;
    }
    .product-full-section .follow-verify .thumbnail.no-padding.accordian-width {
        margin: 0 0 15px;
        width: 100%;
        padding:0;
    }
    .tab-section .caption-title.caption-title2 {
        margin-top: 5px;
    }
    .call-icon {
        top: -2px !important;
    }
    .col-lg-12.verify-section {
        margin: 0 !important;
    }
    .cars24-sd-one {
        width: 45%;
    }
    .cars24-sd-two {
        width: 5%;
    }
    .todo-top-block .text-right {
        text-align: left;
    }
    .todo-top-block .verified-title {
        text-align: left;
    }
    .todo-middle {
        clear: both;
        overflow: hidden;
        padding-top: 3px;
    }
    .riject, .verify, .verify-done {
        margin-bottom: 0px !important;
    }
    .brids-detail .popup .tab-content ul {
        padding: 0px;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6.f-block {
        padding-left: 5px;
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6.f-block .col-xs-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6.f-block .col-xs-6.padding-left-z1 {
        padding-right: 15px;
    }
    .brids-detail .popup .tab-content .ng-scope .col-xs-12 .verify-section > .col-xs-6.s-block {
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }


/* ------------------------------- VI-29  START ------------------------------------ */
.thumbnailSection .bg-inbox > span{text-align: left;}
.thumbnailSection .bg-inbox span:last-child{ width: 78%; text-align: right;}

.brids-detail .rfc-detail { overflow: hidden; }
.brids-detail .rfc-detail .row{ margin: 0 -15px; }

.side-menu-container .nav.navbar-nav{padding-left:5%; margin-bottom: 105px;}

/* ------------------------------- / VI-29 END ------------------------------------ */

}
/*======================================end todo block========================================*/
/*======================================start header navigation========================================*/
.menu-icon {
    display: none;
}
.header-wrapper > .container-fluid {
    padding: 0;
}
.signout .fa {
    font-size: 20px;
}
.headerNav {
    text-align: center;
    margin-top: 10px;
    clear: both;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e9e9+0,f5f5f5+100 */
    background: #e8e9e9; /* Old browsers */
    background: -moz-linear-gradient(top, #e8e9e9 0%, #f5f5f5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e8e9e9 0%, #f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e8e9e9 0%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9e9', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */
}
.headerNav ul {
    list-style: none;
    padding: 0;
    margin: 0 auto -7px;
    display: inline-block;
}
.headerNav ul li {
    float: left;
    padding: 0;
    position: relative;
}
.headerNav ul li a {
    float: left;
    padding: 10px 15px 5px;
    font-size: 14px;
    transition: border 0.5s ease;
    -webkit-transition: border 0.5s ease;
    -moz-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    color: #000;
    border-bottom: 3px solid transparent;
}
.headerNav ul li a:hover {
    color: #e76401;
    border-bottom: 3px solid #e76401;
}
.headerNav ul li a.active {
    color: #e76401;
    border-bottom: 3px solid #e76401;
}
.headerNav ul li a em {
    font-style: normal;
}
.signout {
    font-size: 14px;
    color: #000 !important;
    margin-top: 20px;
    display: inline-block;
}
.signout:hover {
    font-size: 14px;
    color: #000 !important;
    display: inline-block;
}
.signout span {
    padding-right: 5px;
}
.bg-updateTp {
    float: right;
    margin: 8px 0 0;
}
.bg-updateTp, .bg-updateTp:hover {
    text-decoration: underline;
    color: #428bca;
}
.panel-group .bg-tp-form-desktop .btn-success, .panel-group .bg-tp-form-desktop .btn-danger {
    width: 30px;
    padding: 2px 0;
    margin-top: 5px;
}
.bg-tp-form-desktop .form-inline .form-group {
    width: 100%;
}
.dk-update-tp-mobile, .tpEdit {
    height: 75px;
}
.tpEdit {
    overflow: hidden;
    clear: both;

}
.bg-tp-form-desktop {
    margin: 0 !important;
    clear: both;
    overflow: hidden;
}
/*========================*/
.dk-update-tp-mobile {
    margin: 0;
}
.dk-update-tp-mobile .bg-tp-form {
    margin: 0;
}
.dk-update-tp-mobile .bg-tp-form .form-inline .form-group {
    width: 100%;
}
.dk-update-tp-mobile .btn-danger {
    display: inline-block !important;
}
.dk-update-tp-mobile .btn-success, .dk-update-tp-mobile .btn-danger {
    width: 30px !important;
    padding: 0;
    margin: 10px 0 0 0;
}
/*========================*/
@media (max-width: 767px) {
    .ShowAutoLoad {
        margin-bottom: 0;
    }
    .catalog-row-space {
        padding: 0px !important;
    }
    .catalog-row-space .col-xs-12 {
        padding-bottom: 3px !important;
    }
    .popupEdit {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .tpEdit {
        margin-bottom: 0;
    }
    .bg-tp-form-desktop, .tpEdit {
        height: auto;
    }
    /*.bg-tp-form-desktop {
        display: none;
    }*/
    /*.update-tp-mobile.ng-hide {
      display: block !important;
    }*/
    /*.bg-updateTp {
        display: none;
    }*/

    .headerNav ul {
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 0 10px;
    }
    .headerNav ul li a {
        font-size: 13px;
        padding: 5px;
    }
    .signout span {
        display: none;
    }
    .headerNav {
        margin-top: 5px;
    }
    .signout {
        margin-top: 9px;
    }
}
/*======================================end header navigation========================================*/
.catalog-row-space {
    clear: both;
    overflow: hidden;
    padding-bottom: 3px;
}
.ShowAutoLoad > div {
    float: left;
    padding-right: 10px;
    margin-top: 4px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}
.ShowAutoLoad {
    width: auto;
    margin: 7px 0 0;
}
.ShowAutoLoad button {
    float: left;
    font-size: 14px;
    color: #fff;
    border: 0;
    background: #e76401;
    padding: 2px 15px;
}
/*====================================tabs header ============================*/
.nav-tab {
    border-bottom: 2px solid #666;
    clear: both;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}
.nav-tab li {
    float: left;
    width: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 25%;
}
.nav-tab a {
    background: hsl(0, 0%, 96%) none repeat scroll 0 0;
    display: block;
    border: medium none;
    border-radius: 0;
    color: hsl(0, 0%, 40%);
    display: block;
    margin: 0;
    padding: 7px 0;
    text-align: center;
    color: hsl(0, 0%, 40%);
    text-decoration: none;
    line-height: 1.42857143;
}
.nav-tab a.active {
    background: #666;
    color: hsl(0, 0%, 100%);
}
/*End*/


.tab-header.active,  .nav-item.active {
    font-weight: bold;
}
.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 0;
}
.carousel-indicators {
    bottom: 10px;
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 0;
    visibility: hidden;
}
.tab-section.active,  .tab-header {
    display: block;
}
.tab-container.col-md-12 .row {
    margin: 0;
}
.nav-tab + .tab-container.col-md-12 {
    padding: 0;
}
.fa.fa-file-pdf-o {
    padding-left: 5px;
}
.tab-header {
    display: none;
}
@media (max-width: 767px) {
    .padding-left-z1 + .col-xs-6 {
        padding: 0;
    }
    .desktop-accordian .panel-body {
        padding: 15px 0;
    }


    .catelogInfo .desktop-accordian .panel-default:first-child .panel-body, .myCenterInfo .desktop-accordian .panel-default:first-child .panel-body{padding: 15px;}
    .rowSpacing > div{ padding:0;}


    .brids-detail .col-xs-12.bids-sucess{ margin-bottom:0;}
    .brids-detail .bid{ padding:5px 10px;}
    .col-lg-12.verify-section{ padding:5px 0 0;}
    .modal-content.cars24_contacts{left: 28%;  width: 45%;}
    .accordianOverflow


    .nav-tab {
        display: none;
    }
    .tab-container .tab-header {
        float: left;
        background: hsl(0, 0%, 96%) none repeat scroll 0 0;
        width: 100%;
        border: medium none;
        border-radius: 0;
        color: hsl(0, 0%, 40%);
        display: block;
        margin: 0;
        padding: 7px 0;
        text-align: center;
        color: hsl(0, 0%, 40%);
        text-decoration: none;
        line-height: 1.42857143;
        border-bottom: 2px solid #666;
    }
    .tab-container .tab-header.active {
        background: #666;
        color: hsl(0, 0%, 100%);
    }
}
/*====================================tabs header ============================*/
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
    border: 0 !important;
}
.desktopTabCon {
    position: absolute;
}
.desktopTabHeading {
    float: left;
}
.desktop-accordian .desktopTabHeading.panel {
    margin: 0;
}
.desktop-accordian > .panel-group {
    position: relative;
    /*width: 467px !important;*/
    width: 100% !important;
    margin-bottom: 0;
}
.desktop-accordian .panel-group .desktopTabHeading.panel {
    margin: 0;
    border-radius: 0px;
    border: 1px solid transparent;
    border-right: 0;
}
.desktop-accordian .panel-group .desktopTabHeading.panel:last-child {
    border-right: 1px solid transparent;
}
.desktop-accordian .panel-default.desktopTabHeading>.panel-heading+.panel-collapse .panel-body {
    width: 100% !important;
    /*width: 467px !important;*/
    position: absolute;
    left: 0;
    padding: 15px 0;
    background: hsl(0, 0%, 97%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 60%);
    border-top: 2px solid #666;
}
.desktop-accordian .panel-heading {
    border-radius: 0;
}

.desktop-accordian .panel-title {
    font-size: 14px;
}
.desktop-accordian .panel-default > .panel-heading {
    background: #fff;
    color: hsl(0, 0%, 40%);
}
@media (max-width: 767px) {
    .media.catlog-media img {
    height: auto;
    min-height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}
    .call .fa-phone::before {
        margin-left: -5px;
    }
    .col-lg-12.verify-section {
        padding-bottom: 5px;
    }
    .desktop-accordian .panel-title {
        color: #fff;
        font-size: 14px;
    }
    .riject, .verify, .verify-done {
        border-radius: 0;
    }
    .f-block {
        padding: 0;
    }
    .s-block {
        padding-right: 0px;
    }
    .accordianOverflow {
        clear: both;
        display: block;
        max-height: 300px;
        overflow: auto;
    }
    .desktop-accordian .panel-default > .panel-heading {
        background: #666;
        color: hsl(0, 0%, 40%);
    }
    .desktop-accordian .rfc-detail ul {
        padding-left: 0;
    }
    .desktop-accordian .bid-verified, .desktop-accordian .bid-rijection {
        margin-top: 0 !important;
    }
    .desktop-accordian .panel-body .row .row > .col-xs-12 {
        padding: 0;
    }
    .max-height .brids-detail .popup .tab-content {
        height: auto;
    }
    .desktop-accordian > .panel-group {
        width: 100%!important;
    }
    .desktop-accordian .panel-group .panel {
        border-radius: 0;
    }
    .desktop-accordian .panel-heading {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #666;
        border-image: none;
        border-radius: 0;
        border-style: solid;
        border-width: 1px 1px 1px;
    }
    .desktop-accordian .panel-group .panel-open .panel-heading {
        background: #666 !important;
        color: #fff;
    }
    .desktop-accordian .panel-body {
        background: hsl(0, 0%, 97%) none repeat scroll 0 0;
        border: 1px solid #666 !important;
        border-top: 1px solid transparent;
    }
    .desktop-accordian .panel-body {
        background: hsl(0, 0%, 97%) none repeat scroll 0 0;
        border: 0;
    }

    .update-button{ margin: 5px 0 0; }
    .thumbnailSection.thumbnail .col-md-6{ min-height: 0; }

    /*-------------------------------- VI-43 START  -----------------------------------------------*/
    .auctionOverText{font-size: 14px;}
    /*-------------------------------- VI-43 END  -----------------------------------------------*/

    /* ------------------------------- VI-56 START ------------------------------------ */
    .spaceLeftIn, .col-lg-12.appoint-id-section .col-lg-6.spaceLeftIn{ padding-left:0;}
/* ------------------------------- VI-56 END ------------------------------------ */

/* ------------------------------- VI-93 START ------------------------------------ */
.modal-content{margin: 45% auto 0; width: 90%;}
/* ------------------------------- VI-93 END ------------------------------------ */


}
.highest-bid {
    padding-left: 0;
}
.highest-bid span {
    color: hsl(0, 100%, 50%);
    font-size: 14px;
}


@media only screen and ( max-width:480px) and ( min-width:320px){
    #page-content-wrapper {padding-top: 70px;}
}


/*-------------------------------- VI-77 START  -----------------------------------------------*/
.ui-grid{
    /*min-height: 150px;*/
    height: 100%;
    width: 95%;
}

.ui-grid-header-cell .ui-grid-cell-contents {
     height: auto !important;
     white-space: initial;
     -ms-text-overflow: clip;
     -o-text-overflow: clip;
     text-overflow: clip;
     overflow: visible;
}
/*-------------------------------- VI-77 END  -----------------------------------------------*/

/* ------------------------------- VI-61 START ------------------------------------ */
.autoReload{ position: absolute; top:10px; right:-25px;}
.suggestedDealarInput{height: 34px; width: 98%;}
@media only screen and (max-width:767px){
    .autoReload{ display:none;}
}
/* ------------------------------- VI-61 END ------------------------------------ */

/* ------------------------------- VI-62 START ------------------------------------ */
.dealerEmailId{position:relative; padding-right:15px; display: inline-block;}
.internalBidIcon{position:absolute; top:10px; right:0;}
/* ------------------------------- VI-62 END ------------------------------------ */

/* ------------------------------- VI-62 START ------------------------------------ */
.retailInternal{ position: relative; padding-left:15px; display:block;}
.retailIcon{ position: absolute; top:9px; left:0; }
/* ------------------------------- VI-62 END ------------------------------------ */

.tab-content > .tab-pane .dropdown-menu {
    max-height: 300px;
    overflow: scroll;
    width: 90%;
    z-index: 1;
}

/* ------------------------------- VI-59 START ------------------------------------ */
.newBid {
    background: #e76401;
    color: #fff;
    display: inline-block;
    left: 2px;
    line-height: 7px;
    padding: 3px 3px 3px 3px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;
}

.newBid.removeNew { opacity: 0;}
/* ------------------------------- VI-59 END ------------------------------------ */

/* ------------------------------- VI-117 START ------------------------------------ */
.btn-feedback{padding: 2px 4px; font-size: 11px; margin: -7px 0 0;}
/* ------------------------------- VI-117 END ------------------------------------ */

.col-xs-12.bid.bids-expired {background: #357ebd;}
.col-xs-12.bid.bids-expired *{ color:#fff !important;}
.bids-expired {
    background: #357ebd;
    border-bottom: none;
    font-size: 10px;
}

/* ------------------------------- VI-129 START ------------------------------------ */
.chat1 .form-control{height:39px;}
.chat1 .btn-lg{padding:9px 16px 10px; font-size: 14px; min-width: 85px; margin-right: 2px;}
.chat3 .panel-footer{padding:15px;}
.chat1 .btn-lg.btn-bid, .chat1 .btn-lg.btn-msg {background:hsl(203, 71%, 34%);}
.chat1 .btn-lg.btn-bid:hover, .chat1 .btn-lg.btn-msg:hover, .chat1 .btn-lg.btn-bid:focus, .chat1 .btn-lg.btn-msg:focus{background:hsl(203, 91%, 34%);}
.chatErrorMsg{ color:#ff0000; margin:5px 0 0;}
/* ------------------------------- VI-129 END ------------------------------------ */

/* ------------------------------- VI-155 START ------------------------------------ */
#wrapper.customerListWrapper{ padding-left: 0;}
.checkInBtn {
    margin: 5px auto 0;
    width: 120px;
    display: block;
    line-height: 23px;
}
.checkInBtn i{ margin:0 10px 0 0;}
#page-content-wrapper{ padding-bottom: 45px;}

#grid2 .ui-grid-cell{ height: 55px; }
#grid4 .ui-grid-cell{ height: 55px; }
#grid1 .ui-grid-cell{ height: 55px; }

#grid2 .ui-grid-cell-contents {
    padding: 5px;
    box-sizing: border-box;
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
}
#grid4 .ui-grid-cell-contents {
    padding: 5px;
    box-sizing: border-box;
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
}
#grid1 .ui-grid-cell-contents {
    padding: 5px;
    box-sizing: border-box;
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
}

/* ------------------------------- VI-155 END ------------------------------------ */

/* ------------------------------- VI-152 START ------------------------------------ */
.carCategoryShow{ padding: 0 0 0 32px; position: relative; }
.carCategory{ padding: 4px 0 5px; min-height: 20px; position: absolute; top: 0; left: 0px;  background: #000; color: #ffffff; display: inline-block; width: 22px; text-align: center;}
.carCategory:before{ content: ''; position: absolute; top: 5px; right: -5px;  border-left: 5px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }

.carCategoryA{background: #ff9800;}
.carCategoryA:before{border-left-color:#ff9800;}

.carCategoryB{background: #3f51b5;}
.carCategoryB:before{border-left-color:#3f51b5;}

.carCategoryC{background: #009688;}
.carCategoryC:before{border-left-color:#009688;}

.carCategoryNA{background: #9c27b0}
.carCategoryNA:before{border-left-color:#9c27b0;}


/* ------------------------------- VI-152 END ------------------------------------ */

/* ------------------------------- VI-161 START ------------------------------------ */
.reasonInfo select{width: 175px;}
.reasonInfo .btn{padding: 3px 5px; margin: -3px 0 0;}
/* ------------------------------- VI-161 END ------------------------------------ */

/* ------------------------------- VI-224 START ------------------------------------ */
#grid3 .ui-grid-cell{ height: 55px; }

#grid3 .ui-grid-cell-contents {
    padding: 5px;
    box-sizing: border-box;
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
}

/* ------------------------------- VI-224 END ------------------------------------ */
.search-section select.select-search{
    float: left;
    width: 27% !important;
    height: 56px;
}

.cust-btn{
    padding: 8px 2px !important;
    font-size: 12px !important;
}
.padding {
    padding-left: 9px !important;
    padding-right:8px !important;
}

.topSpace{ margin-top:-51px;}

.c24padding{
        background: hsl(0, 0%, 95%) none repeat scroll 0 0;
    display: block;
    float: left;
    font-size: 14px;
    margin:0 0 2px;
    text-transform: uppercase;
    left: 15px;
    background: #32CA13 !important;
    border: 1px solid #32CA13 !important;
    padding: 5px !important;
    font-weight: 100;
}

.RMFlagSwitch .toggle{margin-left: 16px}

.checkLabel { margin-left: 30px;padding-top: 10px;margin-top: 30px;}
.historyLabel { margin-left: 15px;padding-top: 10px;margin-top: 30px;}

.checkinHeading{
    margin-left: 31px;
    font-size: large;
    margin-top: 20px;
    margin-bottom: -20px;
}

.searchMargin{margin-left: 145px !important; width: 83% !important;}
.cellClassYellow{ background-color: #FFFF00 !important; border-color: #FFFF00 !important;}
.cellClassBlue{ background-color: #96A3E2 !important; border-color: #96A3E2 !important;}
.cellClassGreen{ background-color: #47a447 !important; border-color: #398439 !important;}
.cellClassRed{ background-color: #d9534f !important; border-color: #d43f3a !important;}
.cellClassAliceBlue{background-color: #D8BFD8 !important; border-color: #D8BFD8 !important;}
.cellClassTextRed{color:#C54458}
.cellClassTextGreen{color:#47a447 !important; font-size: 14px;}
.cellClassTextYellow{color:#ffd700 !important;}
.cellClassLightGreen{background-color: #90EE90 !important}
.c24Quotemargin{ text-align: left; clear: both;overflow: hidden;}
.pakamDetailsTitle, .interStateCar{ color:hsl(203, 71%, 34%); display: block;}
.pakamDetails .glyphicon{  margin:2px 3px 0 0; display: inline-block; vertical-align: top;}
.naEmail{ margin-right: 5px;}
.naPhone .glyphicon{ font-size: 13px;}
.navbarFormPadding{padding-bottom: 13px !important;}
.interStateCar{ min-height: 20px;}
.interStateCar p{ margin:0;}
.interStateCar i{ display: inline-block; vertical-align: middle; margin:-1px 3px 0 0;}
.form-control-padding {padding: 6px 4px !important;}


.totalRequest{ border-top:1px solid #f0f0f0; margin:8px 0 0; padding: 8px 0 0;}

.interStateCar{
    width: 100%;
    text-align: left;
    color: #ff008d;
    text-transform: uppercase;
}

.c24Quotemargin{ font-size:12px;}

.live-shop.c24QuoteTab ul{ margin: 0 0 0 15px;}
.c24QuoteTab ul li{ width: 243px;}
.c24QuoteSearch .input-group{ width:486px;}

.listViewWrapper #grid2 .ui-grid-cell{  height: 35px;}
.listViewWrapper .checkLabel{margin-top: 0; text-transform: uppercase; font-weight: 500; font-size: 20px;}
#grid4 .ui-grid-viewport {min-height: 310px !important;}
#grid3 .ui-grid-viewport {min-height: 310px !important;}
#grid5 .ui-grid-viewport {min-height: 310px !important;}
/*======================grid work start=========================*/
/*#grid2{height: auto !important;}
#grid2 .ui-grid-canvas{
    height: auto;
}
#grid2 .ui-grid-pager-panel{display: none;} */


.ui-grid-contents-wrapper {
    text-align: center !important;
}

.popupUl{padding: 0;list-style: none;text-align: center;}

/*.no-record.empty{position: relative;top:0;}*/
.textQuote1{width:32%;margin: 0 auto;}
.modal-footer {
    clear: both;
    overflow: hidden;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
.marginLeft {margin-left: 200px;}
.margin-top {margin: 0 0 20px !important;}
/*======================grid work End=========================*/
@media only screen and (max-width:767px){
    .spaceMobileLeft{ padding-left: 0;}
    .c24padding{ position: relative; margin: 0; left: 0;}
    .c24Quotemargin{ padding:3px 0 3px;}

   .topSpace {margin-top: 0;}
   .topSpace.padding{ padding-left: 0 !important; padding-right: 0 !important;}

   .live-shop.c24QuoteTab ul { margin:0;}
   .c24QuoteTab ul li{ width: 48%;}
   .c24QuoteSearch .input-group{ width:100%;}
}

.search-section .c24searchclear {
    width: 53% !important;
}

.searchbutton {
    background: #88b467 !important;
    color: #15171f !important;
}

.clearbutton {
    background: hsla(4, 90%, 58%, 0.78) none repeat scroll 0 0 !important;
    color: #15171f !important;
}

.unnatiLogo{ padding: 5px; position: absolute; top: 13px; right:14px; z-index: 3; /*background: rgba(255,255,255,0.8);*/}
.bidder_name{}
.bidder_name, .brids-detail .popup .tab-content ul.currentShortInfo, .brids-detail .popup .tab-content ul.currentShortInfo li{display:inline-block; vertical-align: top; }
.brids-detail .popup .tab-content ul.currentShortInfo{ margin-left:5px;}
.brids-detail .popup .tab-content ul.currentShortInfo{ padding: 0px; background: #ffeb00; line-height: normal; margin-top: 4px;}
.brids-detail .popup .tab-content ul.currentShortInfo li{    font-size: 10px; margin:0 0 0 5px; padding: 0; line-height: normal;}
.brids-detail .popup .tab-content ul.currentShortInfo li:first-child{ margin-left:0;}
.brids-detail .popup .tab-content ul.currentShortViewInfo{ padding: 0px; line-height: normal;}
.brids-detail .popup .tab-content ul.currentShortViewInfo{display:inline-block; vertical-align: top; }

.infoPopupIcon i{ font-size: 12px;}
.infoPopup{}
.calenderSelectWrappersInner{margin-right: -112px; width: 820px;}


/*VI-601*/

.rfc-wrapper{ width:100%; padding:0 15px ;}
.rfc-acc{ background:#fff; }
.rfc-acc .panel-group{ margin:0;}

.rfc-acc .panel + .panel{margin:0;}
.rfc-acc .panel { border:0; border-top:1px solid #d9d9d9; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; box-shadow:none; }
/*.rfc-acc .panel:first-child{ border:0;} */
.rfc-acc uib-accordion:first-child  .panel{ border:0;}
.rfc-acc .panel-heading{ background:transparent; border:0; padding:0; position:relative;}
.rfc-acc .panel-heading .panel-title > a{ display:block; /*background: #f1f1f1;*/ padding:10px 125px 10px 15px; font-size:14px; color:#212121; line-height:normal; font-weight:500; position:relative; border:0; }
.rfc-acc .panel-heading .panel-title > a:before{ content:'+';  color:#212121; position:absolute; top:5px; right:15px; font-size:22px; font-weight:500;  }
.rfc-acc .panel-open .panel-heading .panel-title > a:before{content:'--'; letter-spacing: -3px;  top:4px; font-size:22px; right:15px; font-weight:100;  }
#additional-details-heading .panel-title > a:before{ display:none;}

.rfc-acc .panel-default > .panel-heading + .panel-collapse > .panel-body{ border:0; padding:10px 0 20px;}

.rfc-rating{ position:absolute; top:0; right:65px; width:117px; height:100%; padding:10px 0;}
.rfc-rating a{ display:inline-block; vertical-align:middle;}
.rfc-rating img{ width:20px;}

.car_document_item{ font-size:13px; font-weight:normal; color:#7a7a7a; margin-top:10px;}
.car_document_item strong{ color:#575757; font-weight: 500;}
.car_document_item:first-child{ margin-top:0;}


.brids-detail .popup .tab-content ul.car_parts{ margin:0;}
.car_parts_list{/* border-top:1px solid #d9d9d9;*/ padding:10px 0; margin-left:40px;}
.car_parts_list_margin{margin-left:27px !important;}
.car_parts_list:first-child{ padding-top:0; border:0;}

.car_part_heading{ font-size: 14px; font-weight:500; margin:5px 0 0; color:#575757;}
.car_part_heading strong{ font-weight:500;}
.car_part_heading span{ font-weight:400;}
/*.car_parts_list > .car_part_heading{ margin:0;}*/
.car_parts_info{ margin:5px 0 0; font-size:12px; color:#575757;}
.subpart_car_parts{ padding:0 0 5px 8px;}
.subpart_car_parts .car_part_heading{ margin:15px 0 0; font-size:12px;}

.car_img{ width:55px; float:right; position:relative; overflow:hidden; border-radius:5px;margin-top:10px;}
.car_img img{ width:100%;}
.car_numb{ width:30px; height:30px; line-height:30px; color:#fff; font-size:13px; text-align:center; background:rgba(0,0,0,0.8); position:absolute; bottom:0; left:0; border-radius:0px 10px 0 0; font-weight:500;}


.check_icon, .info_icon, .minus_icon{ position:relative;}
.check_icon:before, .info_icon:before, .minus_icon:before{ content:''; position:absolute; top:-2px; left:-25px; width:15px; height:15px; background:url(../images/check_icon.png) no-repeat 0 0; background-size: contain;}
.info_icon:before{ background:url(../images/info_icon.png) no-repeat 0 0;background-size: contain;}
.minus_icon:before{background:url(../images/minus_icon.png) no-repeat 0 0;background-size: contain;}


.space_m5{ margin-top:5px;}

#additional-details{ display:block !important; height:auto !important;}
.addition_details{ margin:0 0 0 15px; padding:0;}
.addition_details li{ list-style:disc; margin:0 ; padding:0; color:#575757; font-size:15px; margin:10px 0 0;}
.addition_details li:first-child{ margin:0;}
.rfc_rating_set{ width:80px; height:100%; position:absolute; top:-1px; right:40px; padding:10px 0; background:url(../images/default_star.png) no-repeat center center; background-size:contain;}
.rfc_rate_green{ height:100%; background:url(../images/green_star.png) no-repeat 0 center;  width:20%; position:absolute; top:0; left:0;}
.rfc_rate_yellow{ height:100%; background:url(../images/yellow_star.png) no-repeat 0 center;  width:20%; position:absolute; top:0; left:0;}
.rfc_rate_red{ height:100%; background:url(../images/red_star.png) no-repeat 0 center;  width:20%; position:absolute; top:0; left:0;}

.highlightsWrapper{
    background-color: white;
}
.mainHighlights{
    color: #212121 !important;
    /*font-weight: 500;*/
    font-size: 16px;
    margin-left: 10px;
}

/*.mainHighlights{
    display: block;
    padding: 10px 125px 10px 15px;
    font-size: 14px;
    color: #212121;
    line-height: normal;
    font-weight: 500;
    position: relative;
    border: 0;
}*/
.mainPoints{
    display: inline-block;
    background-color: #f6f6f6;
    padding: 10px 20px !important;
    border-radius: 30px;
    color: #286ab0 !important;
    margin-left: 15px;
    font-weight: 500;
    margin-bottom: 16px;
}



  /* ------------------------------- Raised C24 CSS Start ------------------------------------ */


.firstPart{
    width: 100%;
    background-color: #e7ecea !important;
    padding: 5px !important;
    margin-bottom: 14px !important;
}

.requestForm{
	padding:1px 5px;
        margin-bottom: 10px;

    background-color: #fff;
    border: 1px solid hsl(0, 0%, 85%);
    box-shadow: 0 0 3px #ccc;
    border-radius:4px;
}
.imageStyling{

	border:1px solid #dbd7d7;
	    padding: 6px 6px;
	        width: 100%; max-width: 100%;
}
.infoLabels{
	list-style-type: none;
    width: 70%;
    overflow: hidden;
    clear: both;
    margin: 5px 0 0;
    padding: 0;
}
.label1{
	float: left;
	    color: #196594;
	    width: 50%;
	    font-size: 14px;
	    padding: 0;
}
.addBtn,.addBtn:hover, .addBtn:focus{
	background-color: #196594;
	color:#fff;
	margin-top: 5px;
	outline: none;
}
.mainHeading{

    margin: 0 auto;
    font-size: 18px;
    padding-bottom: 15px;
    color: #196594;

}
.data{
	color: black;
}
.auction{
list-style-type: none;
background-color: #e0164a;
clear: both;
overflow: hidden;
    padding: 0;
        margin: 8px 0 0 0;

}
.auctionItems{
	font-size: 13px;
	float: left;
	width: 33.33%;
	color: #fff;
	border-right: 1px solid #c50838;
    text-align: center;
    padding: 5px;

}
.rowStyle{
	padding:4px 0px;
}
.label1 strong{

    font-weight: 400;
    float: left;
    overflow: hidden;
    margin: 0 8px 1px 0;

}

.smaller {
  width: 100%;
}
.oneClickOption {
    padding: 5px;
    position: absolute;
    top: 13px;
    left: 14px;
    z-index: 3;
}
.marginRight{
    border: 1px solid transparent;
    background-color: #196594;
    color:#fff;
    display: block;
    margin-left: auto;
    margin-right: 0;
    padding: 2px 15px;
}
.imageSize{
    width: 150px;
    height: 29px;
    margin-left: 0px;
}
.clocktimer {
    color: #ee7515;
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize;
}
.timerAlign{
    height: 21px;
    width: 20px;
    margin-left: -1px;
}
.pllNotMatch{
    color: hsl(0, 100%, 50%);
    font-size: 14px;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-left: 403px;
}
.pllMatch{
    background-color: #56a646;
    font-size: 14px;
    color: #fff;
    margin-bottom: 28px;
    margin-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 545px;
}
@media only screen and (max-width: 767px) {
.label1{ width: 100%; }
.infoLabels{width: 100%;}
.auctionItems{width: 100%;text-align: left;padding: 13px 15px;border-bottom: 1px solid #c50838;}
}

/* ------------------------------- Raised C24 CSS End ------------------------------------ */


/* ------------------------------- VI-646 start ------------------------------------ */
.popup_gallery{
    display: table; width: 100%;
}
.popup_gallery div .nav-tabs{
    display: table-footer-group;
}
.popup_gallery div .tab-content {
    display: table-header-group;
}

.popup_gallery .nav-tabs>li {
    width: 20%;
}
.popup_gallery .nav-tabs>li a{
    display:block;
    font-size: 13px;
    color:#fff;
    background: #000;
    border:0;
    border-left: 1px solid #1a1a1a;
    padding: 18px 10px;
    text-align: center;
    margin:0px;
    text-transform: uppercase;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.popup_gallery .nav-tabs>li:first-child a{
    border:0;
}
.popup_gallery .nav-tabs>li.active>a, .popup_gallery .nav-tabs>li.active>a:hover, .popup_gallery .nav-tabs>li.active>a:focus{
    background: #e76401;
    color: #fff;
    border:0;
    border-left-color:#1a1a1a;
}

button.close-popup{
    width: 30px;
    height:30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border:2px solid #fff;
    padding: 0;
    color:#fff;
    font-weight: 100;
    background: transparent;
    margin: 25px;
    font-size: 35px;
    line-height: 0;
    opacity: 0.8;
}

button.close-popup:hover, button.close-popup:focus{
    color:#fff;
    opacity: 1;
}

.popup_gallery .carousel{
    overflow: hidden;
}
.popup_gallery .carousel-control{
    height: 52px;
    width:52px;
    top: 50%;
    margin-top:-25px;
    background: #000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.6;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.popup_gallery .carousel-control:hover{
    opacity: 1;
}

.popup_gallery .carousel-control .glyphicon-chevron-left, .popup_gallery .carousel-control .glyphicon-chevron-right, .popup_gallery .carousel-control .icon-prev, .popup_gallery .carousel-control .icon-next{
    font-size: 14px;
}

.carousel-control.left{
    left:-26px;
}
.carousel-control.right{
    right:-26px;
}
.carousel-control .glyphicon-chevron-left{
    margin-top: -9px;
    margin-left: -6px;
}
.carousel-control .glyphicon-chevron-right{
    margin-top: -9px;
    margin-right: -6px;
}
.tpbox{
    width: 25%;
    margin: 18px 20px !important;
}
.reschedule_popup_link{
    width: 100%;
    text-align: center;
}
/* ------------------------------- VI-646 end ------------------------------------ */

.fix-dealer-button{
  position: fixed;
  bottom:0;
  right:0;
  z-index:2;
  width: 230px;
}

#dealer-sidebar-wrapper {
    z-index: 2;
    position: fixed;
    bottom:0;
    right:0;
    width: 230px;
    height: 70%;
    background:#fbfbfb;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
    margin-top: 13px;
    border-top: 1px solid #e0dbdb;
}

.dealer-side-menu {
    border: medium none;
    padding: 10px 10px 44px 10px;
    margin: 0px;
    height: 100%;
    width: 100%;
}

.dealer-side-menu-container {
    display: block;
    width: 100%;
    height:89.5%;
    margin: 0px;
    overflow-x: auto;
    padding: 8px 29px; 
    background: #fff;
}

.active_dealer_green{
    color: #009966;
    font-size: x-small; margin: 0 5px 0 0;
}

.inactive_dealer_green{
    color: #777;
    font-size: x-small;     margin: 0 5px 0 0;
}

.small-caps{
  font-variant: small-caps;
  font-size: 17px; line-height: 26px;
}
.small-caps-16{
   font-size: 12px;
    line-height: 26px;
    text-transform: uppercase;     margin: 0;
}
.vis_loading {
  font-size:24px;
  color: #e76401;
}

.oneClickOption.newArrival {
    top: auto !important;
    left: auto;
    bottom: -9px;
    right: -5px;
}

.priceConPadding0 {
    padding: 0;
}
.priceThrough {
    text-decoration: line-through;
    padding-right: 3px;
    color: #8e8787;
}
.priceConPadding0 .bg-updateTp{margin-right: 54px;}
.rpShow{text-align: center;}
.newArrivalCon {
    position: relative;
}
.salesView{
    padding: 80px 33px 0;
    font-size: 20px;
}
.headingText{
    color: #e76401;
    border-bottom: 3px solid #e76401;
    text-align: center;
}
.dealer-search-box{
    width: 210px;
    height: 40px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border: 1px solid #e7e7e7;
    background: #fff;
    z-index: 99; color:#000;
}
.search-dealer-button {
    width: 206px;
    position: inherit;
    bottom: auto;
    right: auto;
    z-index: 0;
    text-align: left; cursor: inherit; height: 38px;     padding-right: 26px;
}
.dealer-search-icon{
    position: absolute;
    right: 8px;
    top: 10px;
}

.dealer-side-menu .navbar-header{ float:none; width: 100%;}
.brand-name-wrapper{ position: relative;}
.dealer-side-menu .navbar-default .navbar-brand{ display:block; float: none;     font-size: 16px;
        height: 40px; padding: 9px 35px 9px 13px; background: #eaeaea; color:#000;}

.closeDealer{position: absolute; top: 0; right: 0; padding: 12px; cursor: pointer;}
.minute-text{
    padding-right: 15px;
    float: right;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.7px;
    color: #999;
}
.ui-grid-viewport{ overflow-y:auto !important;}


.interestedDealers:after{ display: initial; position:absolute; right:35%; top:97px; height:80%; width:1px; background: #ccc; }
.interestedDealersRight {padding-left: 35px;}
.dealerName li { position:relative; padding:1px 0 8px !important;}
.dealerName li i{position: absolute; top: 0; left: -27px; background: #e76401; color: #fff; padding: 4px 5px 5px 5px; border-radius: 50%; font-size: 9px;  width: 18px; height: 18px;}

/* upcoming*/
.par-list{
    position: absolute;
    bottom: 0;
    z-index: 4;
    left: 0;
    right: 0;
}
.par-list .owner-count{
    background: hsla(204, 81%, 30%, 0.81) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
    left: 0;
    line-height: 19px;
    margin-top: 0;
    padding: 3px 6px;
    bottom: 5px;
    font-size: 13px;
    width: 100px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    position: static;
}
.par-list .owner-count i{
    margin-right: 4px;
}
.brid-det .brids-detail .popup .tab-content{height:400px;}
.thumbnailSection.thumbnail.thumbs .col-md-6{min-height: auto; }
.brids-detail .popup .tab-content ul li i.fa-bell{background: #e76401 !important; color: #fff !important; 
        border-radius: 50%; font-size: 9px;  width: 18px; height: 18px;text-align: center;line-height: 18px;}
.seperator {
    border-top: 1px dashed #aaa;
    padding: 0;
    margin: 5px 0;
}
.leftSpace,.formleftSpace{margin-left: 15px !important;}
.thumb-sm{font-size: 4em !important;}
.text-red{color: #f00;}
.mtop{margin-top:15px !important;}
.innerText{
    border-bottom: 3px solid #e76401;
    text-align: center;
}
.has-error{
    border: 1px solid #f00;
}
.text-yellow{color:#ffd700;}
.mbottom{margin-bottom: 10px;}
.danger {border-color: #f44336;color: red}
.danger:hover {background: #f44336;color: white;}
.text-black{color: #15171f;}
.set-table{width: 95.2%;margin: 15px auto 0;}
.textCenter{text-align: center !important; font-weight: 500;} 
.bold{font-weight:bold !important;width: 50%;}
#grid4 .ui-grid-cell {height: 50px;line-height: 40px;}
.carQuote { height: 40px ;display: block;line-height: 40px;}
.set-font{font-size: 16px!important;}
.ht-input{height:40px !important}
.toast{background-color: #32CA13 !important;min-width:350px !important;color:#fff;border-radius: 6px;}
.toast button{
    position: relative;
    right: 0;
    top: -13px;
}
.toast span{font-size: 16px;}
.toast .alert{width: 100%;margin-bottom: 0;}
.cityName input[type=checkbox] {
  margin: 0;
  line-height: normal;
  height: 18px;
  width: 18px;
  position: relative;
  top: 3px;
  left: -5px;
  border: 0 !important;
}
.pd-btm{padding-bottom: 10px;}
/** Slider CSS **/
.slider {
    position: relative;
    text-align: left;
    border-radius: 8px;
    height: 0.6em;
    background: transparent;
}


.slider .handle {
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  background-color: white;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}

.handle {
  top: -7px;
  margin-left: -0.6em;
}

.slider .range {
  position: absolute;
  z-index: 1;
  display: block;
  font-size: .7em;
  /*background-color: red;*/
  top: 0;
  height: 100%;
}

.range-section {
    position: relative;
}
ul.slider-gradient {
    font-size: 0px;
    height: 3px;
    margin: 0 0;
    position: absolute;
    width: 100%;
    padding-left: 0;
    left: 0;
    overflow: hidden;
    top: 12px;
}
ul.slider-gradient li {
    display: inline-block;
    height: 3px;
    float: left;
}
ul.slider-gradient li.green-yellow {
  background: -webkit-linear-gradient(left, green 0%, yellow 100%);
}
ul.slider-gradient li.yellow-orange {
  background: -webkit-linear-gradient(left, yellow 0%, orange 100%);
}
ul.slider-gradient li.orange-red {
  background: -webkit-linear-gradient(left, orange 0%, red 100%);
}
.mt-10 {
    margin-top: 10px;
}
.price_section {display: inline-flex;width: 50%;box-sizing: border-box; height: 24px; margin-left:-10px;} 
.price_section .input-group-btn button{background-color:#d8d8d8;}
.price_section .input-group-btn {width:auto;}
.price_section .input-group-btn .btn{padding:0; height: 24px; width: 24px; font-size: 12px;}
.price_section #c24Quote{padding-left:5px;}
.range-section .rzslider{margin:0;}
.rzslider .rz-bar {background: transparent;}
.currency{text-align: right; margin-top:-20px; color:#727272; padding-left:10px;}
.range_box{padding-right: 0; margin-top:-20px;}
.clr{clear:both}
.rzslider .rz-pointer{background-color:#fff; width:18px; height: 18px; top: -7px; box-shadow: 0px 2px 4px #333;}
.rzslider .rz-pointer:after {background: transparent; display: none;}
.range_box .cellClassTextGreen, .cellClassTextYellow, .cellClassTextRed {margin-top: 0px;text-align: left;}
.rightSideWrapper{ background-color:#fff;padding:15px 15px 15px 25px; border-left:1px solid  #e5e5e5; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -o-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  -ms-box-shadow:0px 0px 5px rgba(0,0,0,0.2);  box-shadow:0px 0px 5px rgba(0,0,0,0.2); position:relative;}
.btn-submit{width:100%; text-align: left;cursor: pointer;background: #32CA13;border: 1px solid #32ca13;text-transform: uppercase;padding: 0px;}
.strike{text-decoration: line-through;}
.font-normal{font-weight: normal;}
.buyNowPrice {background-color: #3cbb2d;color: #fff;padding: 8px 12px;margin: 0;}
.font18 {font-size: 18px}