@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
body{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}
li, h1, h2, h3, h4, h5, h6, ul, a, img{
    max-width: 100%;
    list-style: none;
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
a:hover {
    text-decoration: none;
}
.container {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    max-width: 100%;
}
.section {
    width: 100%;
    display: flex;
}


.section.header_outer {
    padding: 25px 0;
}
.section.header_outer.home_page {
    position: absolute;
    top: 0;
    left: 0;
}
.header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.header .left {
    float: left;
    width: 25%;
}
.header .left a {
    width: 110px;
    display: flex;
}
.header .center {
    float: left;
    width: 40%;
    text-align: right;
}
.header .center a {
    color: #707070;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.3s linear;
}
.header .center a:hover {
    color: #31C110;
}
.header .center a img {
    max-width: 12px;
    margin: 0 2px 0 0;
}
.header .center li {
    margin: 9px 15px;
}
.header .right {
    float: left;
    width: 28%;
    text-align: right;
    display: flex;
    justify-content: end;
}
.header .right .multilan {
    margin-left: 12px;
    cursor: pointer;
}
.header .right .multilan ul{}
.header .right .multilan ul li{
    margin: 0;
}
.header .right .multilan ul li a {
    margin: 0;
    padding: 0;
    border: 0;
}
.header .right .multilan ul li a img {
    width: 45px;
    height: 36px;
}

.header .right a {
    display: block;
    color: #1A1A1A;
    border: 1px solid #1A1A1A;
    padding: 7px 25px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 14px;
    transition: 0.3s linear;
}
.header .right a:hover {
    color: #fff;
    background: #31C110;
    border: 1px solid #31C110;
}
.header .right li {
    margin: 0 0 0 10px;
}
.header .right li:first-child a {
    border-color: #31C110;
    background-color: #31C110;
    color: #fff;
}



.banner {
    width: 100%;
    display: inline-block;
    padding: 150px 0;
}
.banner .left {
    float: left;
    width: 45%;
    padding: 150px 0 0 0;
}
.banner .right {
    float: right;
    width: 45%;
}
.banner .left h1 {
    color: #1A1A1A;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 75px;
    line-height: 85px;
}
.banner .left .border span {
    width: 150px;
    height: 2px;
    background-color: #31C110;
    display: block;
}
.banner .left ul li {
    color: #1A1A1A;
    font-size: 14px;
}
.banner .left ul li:nth-child(2) {
    margin: 0 0 0 20px;
}
.banner .left ul {
    margin: 30px 0 20px 0;
}
.banner .left form {
    width: 100%;
    display: inline-block;
}
.banner .left form input {
    border-radius: 4px;
    border: 1px solid #C2C2C2;
    background-color: #fff;
    font-size: 14px;
    padding: 12px 3%;
    width: calc(100% - 115px);
    outline: none;
    transition: 0.3s linear;
}
.banner .left form input:focus{
    border: 1px solid #31C110;
}
.banner .left form button {
    background-color: #31C110;
    color: #fff;
    border: 0;
    padding: 12px 25px;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s linear;
}
.banner .left form button:hover {
    background-color: #000;
    color: #fff;
}
div.srchInfo {
    margin-top: 25px;
}
div.srchInfo span {
    color: #333;
}
div.srchInfo span a {
    font-weight: 800;
    color: #31c110;
    text-decoration: underline;
}

.section.categories_outer {
    padding: 100px 0;
    text-align: center;
}
.categories {
    width: 100%;
}
.categories .heading {
    width: max-content;
    margin: 0 auto;
}
.categories .heading h1 {
    color: #1A1A1A;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 600;
}
.categories .heading h1 img {
    max-width: 35px;
}
.categories .heading .border {
    height: 2px;
    width: 100%;
    background-color: #31C110;
}
.categories .heading .border span {
    float: left;
    width: 50px;
    height: 2px;
    background-color: #1A1A1A;
}
.categories ul {
    width: 100%;
    margin: 40px 0;
}
.categories ul li {
    width: 23.7%;
    float: left;
    margin: 7px 0.5%;
    border-radius: 4px;
}
.categories ul li a {
    border: 1.5px solid #1A1A1A;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    color: #1A1A1A;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.3s linear;
    border-radius: 5px;
}
.categories ul li a:hover {
    border: 1.5px solid #31C110;
    background: #31C110;
    color: #fff;
}
.show_more {
    border-color: #31C110;
    background-color: #31C110;
    color: #fff;
    padding: 10px 25px;
    border-radius: 4px;
    transition: 0.3s linear;
}
.show_more:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
.footer {
    background-color: #31C110;
    padding: 50px 0;
    text-align: center;
}
.footer li {
    margin: 0 15px;
}
.footer li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.footer_logo {
    border-bottom: 1.5px solid #ffffff6e;
}
.footer_logo .image {
    width: max-content;
    margin: 0 auto -24px;
    background-color: #31C110;
    padding: 0 10px;
}
.footer_logo .image img {
    max-width: 100px;
}
#back-top {
    position: fixed;
    z-index: 99999;
    cursor: pointer;
    position: fixed;
    bottom: 5px;
    margin-left: -150px;
    right: 13px;
    background: #31c110;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #fff;
    border-radius: 100%;
}
#back-top a {
    font-size: 30px;
    color: #fff;
    background: #31c110;
    padding: 2px 8px;
    border-radius: 5px;
    border-radius: 100%;
}


/***==============================
           LOGIN PAGE
===============================***/
div.banner.Page_sb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 130px 0px 90px;
}
.banner .left .textSlides {}
.banner .left .textSlides .textBox {
    text-align: center;
}
.banner .left .textSlides .textBox h2 {
    font-size: 40px;
    text-transform: uppercase;
}
.banner .right .userForm {
    background: #fff;
    padding: 50px;
    box-shadow: 0px 0px 5px #eee;
    border-radius: 20px;
}
.banner .left .textSlides .textBox .border {
    border: 1px solid #31C110;
    width: 100px;
    margin: 0 auto;
}
.banner .right .userForm .heading {
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
}
.banner .right .userForm .heading .border {
    border-bottom: 2px solid #31C110;
    margin-top: 5px;
    width: 60px;
}
.banner .right .userForm form{}
.banner .right .userForm form .formGroup {
    margin-bottom: 25px;
}
.banner .right .userForm form .formGroup:nth-child(2) {
    margin-bottom: 15px;
}
.banner .right .userForm form .formGroup label {
    width: 100%;
    display: block;
    color: #31C110;
    font-size: 14px;
    font-weight: 600;
}
.banner .right .userForm form .formGroup input[type="email"]{
    width: 100%;
    height: 30px;
    background: transparent;
    border: 0;
    outline: none;
    border-bottom: 1px solid #ccc;
    transition: 0.3s linear;
}
.banner .right .userForm form .formGroup input[type="email"]:focus {
    border-bottom: 1px solid #31C110;
}
.banner .right .userForm form .formGroup input[type="password"]{
    width: 100%;
    height: 30px;
    background: transparent;
    border: 0;
    outline: none;
    border-bottom: 1px solid #ccc;
    transition: 0.3s linear;
}
.banner .right .userForm form .formGroup input[type="password"]:focus {
    border-bottom: 1px solid #31C110;
}
.banner .right .userForm form .formGroup input[type="text"]{
    width: 100%;
    height: 30px;
    background: transparent;
    border: 0;
    outline: none;
    border-bottom: 1px solid #ccc;
    transition: 0.3s linear;
}
.banner .right .userForm form .formGroup input[type="text"]:focus {
    border-bottom: 1px solid #31C110;
}
.banner .right .userForm .heading h2 {
    text-transform: uppercase;
}
.banner .right .userForm form .loginPass {
    margin-top: 20px;
}
.banner .right .userForm form .loginPass input {
    background: #31C110;
    border: 0;
    padding: 10px 30px 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s linear;
}
.banner .right .userForm form .loginPass input:hover {
    background: #000;
}
div.infoSlideUser .slick-dots {
    bottom: -60px;
}
div.banner .infoSlideUser .slick-dots li {
    margin: 0;
}
div.infoSlideUser .slick-dots li button::before {
    color: #31C110;
}
div.infoSlideUser .slick-dots li.slick-active button::before {
    opacity: .75;
    color: #31C110;
}


/**================================
    SINGLE PAGE -- PRO
=================================**/
div.pageContent_yd {
    padding: 150px 0px 90px;
    background: #F9FBFF;
    width: 100%;
    display: inline-block;
}
div.pageContent_yd .proDetailRow {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
div.pageContent_yd .proDetailRow .left {
    width: 48%;
}
div.proDetailRow .left .proSlide {}
div.proSlide .proSingleFor {}
div.proDetailRow .left .proSingleNav {
    margin: 10px 25px;
}
div.proDetailRow .left .proSingleNav .image {
    margin: 5px;
    cursor: pointer;
    height: 90px;
    display: flex;
}
div.proDetailRow .left .proSingleNav .image img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
div.proDetailRow .left .proSingleNav .slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #31C110;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 25px;
}
div.proDetailRow .left .proSingleNav .slick-next::before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #31C110;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
div.proDetailRow .left .proSingleNav .slick-next{
    right: -30px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 90px;
}
div.proDetailRow .left .proSingleNav .slick-prev {
    left: -30px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 90px;
}

div.pageContent_yd .proDetailRow .right {
    width: 48%;
}
div.inqHeading h2 {
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize;
}
div.proDetailRow .right .proInquiry{}
div.proInquiry .inquryForm {
    width: 100%;
    display: inline-block;
    margin-top: 25px;
}
div.proInquiry .inquryForm .two {
    display: flex;
    justify-content: space-between;
}
div.proInquiry .inquryForm .formGroup {
    margin-bottom: 15px;
    width: 48%;
}
div.proInquiry .inquryForm .formGroup label {
    display: block;
    width: 100%;
    margin: 2px;
    color: #31C110;
    font-weight: 600;
    text-transform: capitalize;
}
div.proInquiry .inquryForm .formGroup input {
    width: 100%;
    padding: 0;
    outline: none;
    border: 0;
    background: transparent;
    border-bottom: 2px solid #A0A1A3;
    color: #A0A1A3;
    height: 35px;
    transition: 0.3s linear;
}
div.proInquiry .inquryForm .formGroup input:focus {
    border-bottom: 2px solid #31C110;
}
div.proInquiry .inquryForm .proPrcRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
div.inquryForm .proPrcRow .price{}
div.inquryForm .proPrcRow .price span {
    display: block;
    color: #31C110;
    font-weight: 600;
}
div.inquryForm .proPrcRow .price h2 {
    font-weight: 600;
    font-size: 24px;
}
div.inquryForm .proPrcRow .inqAction {}
div.inquryForm .proPrcRow .inqAction .inqButtonstl {
    outline: none;
    background: #31C110;
    width: 300px;
    text-align: center;
    border: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s linear;
}
div.inquryForm .proPrcRow .inqAction .inqButtonstl:hover {
    background: #000;
}

/*** ================================
    LITING PAGE SHOP
================================= ***/
div.landRover_listing {
    width: 100%;
    display: inline-block;
    background: #F9FBFF;
}
div.landRover_listing .pageBanner {
    padding: 150px 0px 90px;
}
div.landRover_listing .pageBanner .text {
    text-align: center;
    width: 100%;
}
div.pageBanner .text .heading_sb h2 {
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}
div.landRover_listing .pageBanner .text .searchNumber {
    width: 500px;
    padding-top: 30px;
    margin: 0 auto;
    text-align: left;
}
div.text .searchNumber .srchInfo {
    text-align: center;
}
div.pageBanner .text .search_spare .formGroup {
    display: flex;
    margin-top: 25px;
}
div.landRover_listing .pageBanner .text .searchNumber ul {
    width: 100%;
    text-align: center;
}
div.pageBanner .text .search_spare .formGroup #searchBtn {
    background: #31c110;
    border: 0;
    color: #fff;
    padding: 0px 20px;
    font-weight: 600;
    border-radius: 5px;
}
div.landRover_listing .pageBanner .text .border_sb {
    height: 3px;
    width: 100px;
    margin: 0 auto;
    background: #31c110;
}
div.pageBanner .text .search_spare .formGroup #search_spare {
    width: 100%;
    height: 50px;
    text-indent: 15px;
    background: #F9FBFF;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 5px;
    margin-right: 10px;
}
div.listingContent {
    width: 100%;
    display: inline-block;
    padding: 80px 0px 60px;
}
div.listingContent .sideBarContent {
    
}
div.listingContent .sideBarContent .sideBar {
    width: 28%;
    background: #fff;
    box-shadow: 0px 0px 5px #eee;
    border-radius: 10px;
}
div.sideBarContent .sideBar .bgImageColor {
    padding: 20px;
    width: 100%;
}
div.sideBarContent .sideBar .bgImageColor .search_flt {
    display: flex;
}
div.bgImageColor .srh_filtering {
    
}
div.bgImageColor .srh_filtering select {
    width: 100%;
    height: 40px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: transparent;
    padding: 0px 10px;
}
div.sideBarContent .sideBar .bgImageColor h3 {
    font-weight: 700;
}
div.bgImageColor .srh_filtering h4 {
    font-size: 14px;
    margin-top: 15px;
}
div.sideBarContent .sideBar .bgImageColor h3 {
    font-weight: 600;
}
div.bgImageColor .search_flt input {
    width: calc(100% - 65px);
    text-indent: 10px;
    height: 40px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
}
div.bgImageColor .search_flt #Search {
    background: #31c110;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    padding: 0px 10px;
    font-weight: 600;
}
div.bgImageColor .search_flt #Search_vin_reg {
    background: #31c110;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    padding: 0px 10px;
    font-weight: 600;
}
div.bgImageColor .srh_filtering .formGroup {
    justify-content: space-between;
    display: flex;
}
div.listingContent .sideBarContent .content .box .info a {
    width: 100%;
    color: #000;
}
div.listingContent .sideBarContent .content .box h4 {
    font-size: 18px;
    margin:0px;
    background: #fff;
    font-weight: 600;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    height: 42px;
}

div.listingContent .sideBarContent .content {
    width: 70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
div.listingContent .sideBarContent .content .box {
    width: 32%;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #eee;
    margin-right: 1.5%;
}
div.listingContent .sideBarContent .content .box:nth-child(3n){
    margin-right: 0px;;
}
div.listingContent .sideBarContent .content .box .info {
    padding: 15px;
}
div.listingContent .sideBarContent {
    display: flex;
    justify-content: space-between;
}
div.listingContent .sideBarContent .content .box .info span {
    display: block;
    font-size: 14px;
}
div.listingContent .sideBarContent .content .box .info span.delvr {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.content .box .info .action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
div.content .box .info .action #signUp {
    background: #31c110;
    color: #fff;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 600;
    width: auto;
    transition: 0.3s linear;
}
div.content .box .info .action #signUp:hover {
    background: #000;
    color: #fff;
}
div.bgImageColor .srh_filtering .sortbySharing {
    margin-top: 25px;
}
div.bgImageColor .srh_filtering .sortbySharing h3 {
    font-size: 18px;
    width: 100%;
}
/** ===============================
        VENDER USER DASHBOARD 
=================================**/

div.vuDashboard {
    width: 100%;
    display: inline-block;
}
div.vuDashboard .dhashRow {
    background: #daeee4;
    display: flex;
    justify-content: space-between;
    height: 100%;
}
div.vuDashboard .dhashRow .vu_sidebar {
    width: 250px;
    background: #31c110;
    height: auto;
    min-height: 100vh;
    height: auto !important;
}
div.dhashRow .vu_sidebar .image {
    width: 200px;
    margin: 0 auto;
    padding: 50px 0px;
}
div.vuDashboard .dhashRow .vu_info {
    width: 300px;
    overflow: hidden;
    background: #daeee4;
    padding: 25px;
}
div.dhashRow .vu_info .image {
    width: 150px;
    margin: 0 auto;
}
div.dhashRow .vu_info .image img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
}

div.dhashRow .vu_info .infoRow {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}
div.dhashRow .vu_info .infoRow p {
    margin: 0;
}
div.dhashRow .vu_info .infoRow a {
    color: #000;
}
div.vuDashboard .dhashRow .vu_content {
    width: calc(100% - 250px);
    height: auto;
    background: #f4f5f7;
}
div.dhashRow .vu_info .info {
    text-align: center;
    margin-top: 15px;
}
div.dhashRow .vu_content .dashboardCont {
    padding: 25px;
}
div.vu_info .agreementInfo .rowAgr {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
    border-bottom: 1px solid #dfdddd;
}
div.vu_info .agreementInfo .rowAgr span {
    font-size: 16px;
    font-weight: 600;
}
div.vuDashboard .dhashRow .vu_info .address {
    margin-top: 25px;
    text-align: center;
    font-size: 14px;
    line-height: 1.2em;
}
div.vuDashboard .dhashRow .vu_sidebar ul {
    display: block;
}
div.vuDashboard .dhashRow .vu_sidebar ul li {
    display: block;
    margin-bottom: 2px;
    font-weight: 500;
    position: relative;
}
div.vuDashboard .dhashRow .vu_sidebar ul li a {
    color: #fff;
    padding: 12px 25px;
    transition: 0.3s linear;
    font-size: 16px;
    display: flex;
    align-items: center;
}
div.vuDashboard .dhashRow .vu_sidebar ul li a i {
    font-size: 25px;
    margin-right: 8px;
}
div.vuDashboard .dhashRow .vu_sidebar ul li.active a {
    color: #31c110;
    background: #f4f5f7;
}
div.vuDashboard .dhashRow .vu_sidebar ul li a:hover {
    color: #31c110;
    background: #f4f5f7;
}
div.vuDashboard .dhashRow .vu_info .agreementInfo h3 {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
}
div.dhashRow .vu_info .infoRow span {
    background: red;
    color: #fff;
    border-radius: 10px;
    position: relative;
    min-width: 15px;
    display: block;
    text-align: center;
    top: -36px;
    left: 6px;
}
div.vu_content .dashboardCont .dashProfile {
    background: #daeee4;
    padding: 15px;
    margin-top: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 5px #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.vu_content .dashboardCont .dashProfile .left p {
    margin: 0;
}
div.vu_content .dashboardCont .dashProfile .left {
    width: 85%;
}
div.vu_content .dashboardCont .dashProfile .left h3 {
    margin-bottom: 15px;
    font-weight: 700;
}
div.vu_content .dashboardCont .dashProfile .right {
    width: 15%;
}
div.vu_content .dashboardCont .dashProfile .right .image {
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.vu_content .dashboardCont .dashProfile .right .image img {
    border-radius: 10px;
}
div.frontUsersGrid {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
div.frontUsersGrid .dashCards {
    width: 65%;
}
div.frontUsersGrid .right .cardBx h5 {
    color: #31c110;
    font-weight: 600;
    font-size: 14px;
}
div.dhashRow .vu_content .dashboardCont .dashCards {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
}
div.frontUsersGrid .right {
    width: 34%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 5px #ccc;
    padding: 10px 15px;
}
div.dhashRow .dashboardCont .dashCards .cardBx {
    background: #fff;
    padding: 10px 15px;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0px 0px 5px #ccc;
    min-height: 200px;
    margin-bottom: 15px;
}
div.dhashRow .dashboardCont .dashCards .cardBx h5 img {
    margin-top: -3px;
}

div.dhashRow .dashboardCont .dashCards .cardBx:last-of-type {
    margin-bottom: 0px;
}
div.dhashRow .dashboardCont .dashCards .cardBx h4 {
    font-weight: 600;
    color: #31c110;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
div.dhashRow .vu_content .dashboardCont .vudshMenu {
    background: #fff;
    padding: 12px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin-top: -10px;
    box-shadow: 0px 0px 5px #ccc;
    position: relative;
}
div.dashboardCont .vudshMenu .logo a h2{
    color: #31c110;
    font-weight: 600;
}
div.dashboardCont .vudshMenu .vuMenu {}
div.dashboardCont .vudshMenu .vuMenu {
    display: flex;
    align-items: center;
}
div.dashboardCont .vudshMenu .vuMenu ul li {
    margin: 0px 15px;
    position: relative;
}
div.dashboardCont .vudshMenu .vuMenu ul li a {
    color: #31c110;
}
ul li#notificationBoxItem p {
    margin: 0;
    color: #31c110;
    float: right;
    cursor: pointer;
}
ul li#notificationBoxItem p span {
    background: red;
    color: #fff;
    min-width: 15px;
    display: block;
    position: absolute;
    text-align: center;
    border-radius: 90px;
    top: -10px;
    margin-left: 7px;
    font-weight: 600;
}
div.banner .right .userForm form .twoAbc {
    display: flex;
    justify-content: space-between;
}
div.banner .right .userForm form .twoAbc .formGroup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 0;
    padding: 5px 0px 15px;
}
div.banner .right .userForm form .twoAbc .formGroup label {
    position: relative;
    top: 4px;
    margin-left: 6px;
}
div.banner .right .userForm form span {
    color: #31c110;
    font-weight: 600;
}
div.banner .right .userForm form .twoAbc input[type="radio"]{
    margin: 20px;
    display: none;
}
div.banner .right .userForm form .twoAbc input[type="radio"] + label{
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    margin-right: 2em;
    cursor: pointer;
    line-height: 21px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div.banner .right .userForm form .twoAbc input[type="radio"] + label:before,
div.banner .right .userForm form .twoAbc input[type="radio"] + label:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    color: white;
    font-family: Times;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
div.banner .right .userForm form .twoAbc input[type="radio"] + label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #c6c6c6;
}
div.banner .right .userForm form .twoAbc input[type="radio"] + label:hover:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;
}
div.banner .right .userForm form .twoAbc input[type="radio"]:checked + label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #4CAF50;
}
.was-validated .form-control:invalid:focus{
    border-color: #dc3545;
    box-shadow: 0 0 0 0rem rgba(220, 53, 69, 0.25);
} 
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0rem rgba(220, 53, 69, 0.25);
}
.form-control:focus {
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
}
div.selectCategores_pro {
    height: 165px;
    overflow-y: auto;
    margin: 10px 0px;
    background: #fff;
    padding: 10px 10px 0px;
    border-radius: 3px;
    scrollbar-width: thin;
}
div.dhashRow .vu_content .dashboardCont h1 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 25px;
    width: auto;
    text-align: left;
}
a.btn.btn-success {
    background: #31c110;
}
div.customGalleries {
    padding-top: 15px;
    border-top: 1px solid #ccc;
}
div.customGalleries .multi-fields .multi-field {
    margin: 4px 0px;
    border-bottom: 1px solid #ccc;
    padding: 4px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.customGalleries .add-field {
    margin-top: 12px;
    float: right;
}

output#Filelist ul {
    clear: both;
    display: inline-block;
}
output#Filelist ul li .img-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
output#Filelist ul li {
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 5px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px
}
output#Filelist ul li img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
output#Filelist ul li .img-wrap .close {
    position: absolute;
    right: -1px;
    cursor: pointer;
    top: -7px;
}
div.gridRowAct {
    margin: 30px 0px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.vuDspace {
    margin-top: 30px;
}
div.vuDspace h1 {
    margin-bottom: 10px;
}
div.dhashRow .vu_content .dashboardCont table tr th a {
    color: #000 !important;
}
div.dhashRow .vu_content .dashboardCont table tr td a {
    color: #000 !important;
}
div.user-search-form form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div.user-search-form form .form-group.one {
    width: 44%;
}
div.user-search-form form select {
    width: 100%;
    height: 56px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    padding: 0px 10px;
}
div.user-search-form form input[type="text"]{
    width: 100%;
    height: 56px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    outline: none;
    padding: 0px 10px;
}
div.user-search-form form .form-group.three {
    width: 13.5%;
    position: relative;
}
div.user-search-form form .form-group.three button {
    width: 100%;
    height: 52px;
}
div.listingContent .sideBarContent .content .box .image a{
    height: 180px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
div#proBoxes_cats {
    display: flex;
    flex-wrap: wrap;
}
div.proDetailRow .right .proInquiry .pro_desc {
  margin-top: 15px;
}
div.proDetailRow .right .proInquiry .pro_desc p {
  color: #707070;
}
div.proInquiry .inquryForm h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 10px 0px;
}
div.proInquiry .inquryForm .formGroup span {
  width: 100%;
  display: block;
  color: #707070;
  border-bottom: 2px solid #707070;
  padding-bottom: 2px;
}
div.cusPagination {
  width: 100%;
  text-align: right;
  display: flex;
  justify-content: end;
}

div.cusPagination ul {}
div.cusPagination ul li {
    margin: 0px 2px;
}
div.cusPagination ul li span {
    width: 35px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    color: #ccc;
    border: 1px solid #ccc;
    display: inline-block;
}
div.cusPagination ul li a {
    width: 35px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    color: #ccc;
    border: 1px solid #ccc;
    transition: 0.3s linear;
}
div.cusPagination ul li a:hover {
    color: #fff;
    background: #31c110;
    border: 1px solid #31c110;
}
div.cusPagination ul li.active a{
    width: 35px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    background: #31c110;
    border: 1px solid #31c110;
}
div.listingContent .sideBarContent .content .list-view {
  width: 100%;
  display: inline-block;
}
div.listingContent .sideBarContent .content .list-view .empty {
    text-align: center;
    color: red;
}
div.userApiRecord {
    margin-bottom: 90px;
}
div.userApiRecord ul{
  width: 100%;
  display: inline-block;
  background: #fff;
  padding: 15px 25px;
  box-shadow: 0px 0px 5px #ccc;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
}
div.userApiRecord ul li {
  width: 20%;
  text-align: center;
  display: block;
  border-left: 1px solid #ccc;
  padding-top: 15px;
}
div.userApiRecord ul li h4 {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: #31c110;
}
div.userApiRecord ul li span {
  width: 100%;
  display: block;
  font-size: 14px;
}
div.userApiRecord ul li.brbtm {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  padding-top: 0;
}
div.userApiRecord ul li:nth-child(5n) {
    border-right: 1px solid #ccc;
}
div.userApiRecord h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}
div.userApiRecord ul li.brbtm.ptp {
    padding-top: 10px;
    padding-bottom: 10px;
}

/****===========================================
        INQUIRY FORM SINGLE PAGE
===========================================****/
div.inquiryForm_sngl {
    width: 100%;
    position: absolute;
    left: 0;
    background: rgba(0,0,0,0.5);
    height: auto;
    top: 0;
    display: none;
    padding: 70px 0px;
}
div.inquiryForm_sngl .inqueryRequest {
    background: #fff;
    width: 600px;
    padding: 40px;
    position: relative;
    margin: 30px auto;
    border-radius: 16px;
}
div.inquiryForm_sngl .inqueryRequest .close_inq {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: -25px;
    cursor: pointer;
    font-size: 18px;
}
div.inquiryForm_sngl .inqueryRequest .buyer_agreement_close {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: -25px;
    cursor: pointer;
    font-size: 18px;
}
div.inquiryForm_sngl .inqueryRequest .heading_inq h3 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}
div.inquiryForm_sngl .inqueryRequest h4 {
    font-size: 18px;
    margin: 10px 0px 10px;
    font-weight: 600;
}
div.inquiryForm_sngl .inqueryRequest .formGroupInp{
    margin-bottom: 15px;
}
div.inquiryForm_sngl .inqueryRequest .formGroup .inputInq input[type="radio"]{
    margin: 20px;
    display: none;
}
div.inquiryForm_sngl .inqueryRequest .formGroup .inputInq input[type="radio"] + label{
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    margin-right: 2em;
    cursor: pointer;
    line-height: 21px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div.inquiryForm_sngl .inqueryRequest .formGroup .inputInq input[type="radio"] + label:before,
div.inquiryForm_sngl .inqueryRequest .formGroup .inputInq input[type="radio"] + label:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    color: white;
    font-family: Times;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
div.inquiryForm_sngl .inqueryRequest .formGroup .inputInq input[type="radio"] + label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #c6c6c6;
}
div.inquiryForm_sngl .inqueryRequest .formGroup .inputInq input[type="radio"] + label:hover:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;
}
div.inquiryForm_sngl .inqueryRequest .formGroup .inputInq input[type="radio"]:checked + label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #31c110;
}
div.inquiryForm_sngl .inqueryRequest .formGroupInp label {
    width: 100%;
    color: #31C110;
    font-weight: 600;
    margin-bottom: 2px;
}
div.inquiryForm_sngl .inqueryRequest .formGroupInp input {
    width: 100%;
    height: 40px;
    outline: none;
    padding: 0;
    border: 0;
    border-bottom: 2px solid #ccc;
    transition: 0.3s linear;
}
div.inquiryForm_sngl .inqueryRequest .formGroupInp #agreechat_message {
    width: 100%;
    height: 120px;
    padding: 10px;
    border: 2px solid #ccc;
    outline: none;
    font-size: 16px;
    transition: 0.3s linear;
}
div.inquiryForm_sngl .inqueryRequest .formGroupInp #agreechat_message:focus {
    border: 2px solid #31C110;
}

div.inquiryForm_sngl .inqueryRequest .formGroupInp input:focus {
    border-bottom: 2px solid #31C110;
}
div.inquiryForm_sngl .inqueryRequest .formGroupFile {
  display: block;
  width: 100%;
}
div.inquiryForm_sngl .inqueryRequest .endInquert {
     margin-top: 35px;
}
div.inquiryForm_sngl .inqueryRequest .endInquert button {
    border: 0;
    background: #31C110;
    color: #fff;
    padding: 14px 35px;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 5px;
}
div.inquiryForm_sngl .inqueryRequest .formGroupFile span{
    width: 100%;
    color: #31C110;
    font-weight: 600;
    margin-bottom: 2px;
}
div.inquiryForm_sngl .inqueryRequest .formGroupFile .inptFile {
    margin-top: 15px;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #ccc;
}
div.inquiryForm_sngl .inqueryRequest .formGroupFile .inptFile label {
    display: block;
}
div.inquiryForm_sngl .inqueryRequest .formGroupFile .inptFile label {
    display: block;
    color: #31c110;
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
}
div.inquiryForm_sngl .inqueryRequest .formGroupFile .inptFile #inqFileUpld {
    visibility: hidden;
}
div.inquiryForm_sngl .inqueryRequest .formGroupFile label span i{
    width: 100%;
    font-weight: 600;
    margin-bottom: 2px;
    color: #A3A3A3;
    font-size: 50px;
}
div.inquiryForm_sngl .inqueryRequest .formGroupFile .inptFile label h6 {
  width: 100%;
  color: #000;
  font-size: 12px;
}
div.dhashRow .vu_content .dashboardCont .help-block {
  color: red;
  font-size: 14px;
  font-weight: 600;
}
div.vuDashboard .dhashRow .vu_sidebar .vuProfile {
  text-align: center;
  margin-bottom: 10px;
}

/**=============================================


================================================**/

.profile-pic {
    color: transparent;
    transition: all .3s ease;
    position: relative;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}  
.profile-pic   input {
    display: none;
}
  
.profile-pic  img {
    position: absolute;
    object-fit: cover;
    width: 130px;
    height: 130px;
    box-shadow: 0 0 10px 0 rgba(255,255,255,.35);;
    border-radius: 100px;
    z-index: 0;
  }
  
.profile-pic  .labelAbc {
    cursor: pointer;
    height: 130px;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
  
.profile-pic:hover .labelAbc{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.8);
    z-index: 10000;
    color: #fff;
    transition: background-color .2s ease-in-out;
    border-radius: 100px;
}
  
.profile-pic  span {
    display: inline-flex;
    padding: .2em;
    height: 2em;
    font-size: 12px;
}
/**=================================**/

div.profile-pic-user {
    color: transparent;
    transition: all .3s ease;
    position: relative;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}  
div.profile-pic-user input {
    display: none;
}
  
div.profile-pic-user img {
    position: absolute;
    object-fit: cover;
    width: 130px;
    height: 130px;
    box-shadow: 0 0 10px 0 rgba(255,255,255,.35);;
    border-radius: 100px;
    z-index: 0;
  }
  
div.profile-pic-user .labelAbc {
    cursor: pointer;
    height: 130px;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
  
div.profile-pic-user:hover .labelAbc{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.8);
    z-index: 10000;
    color: #fff;
    transition: background-color .2s ease-in-out;
    border-radius: 100px;
}
  
div.profile-pic-user span {
    display: inline-flex;
    padding: .2em;
    height: 2em;
    font-size: 12px;
}


div.vuDashboard .dhashRow .vu_sidebar .vuProfile .info{}
div.vuDashboard .dhashRow .vu_sidebar .vuProfile .info h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 4px 0px;
}
form#uploadProfileForm {
    display: none;
}
form#uploadProfileFormUser{
    display: none;
}
div.dhashRow .vu_content .dashboardCont .vudshMenu .logo {
    width: 100px;
}
div.vuDspace form label {
    color: #000;
    font-weight: normal;
    margin-bottom: 1px;
    display: block;
}
div.form-group.field-product-brand_id {
    position: relative;
}
div.form-group.field-product-brand_id span {
    color: red;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 2px;
    font-weight: 600;
}
div.apiForm_bee {
    width: 400px;
    display: flex;
    float: right;
}
div.vuDspace .product-form {
    width: 100%;
    display: inline-block;
}
div.apiForm_bee #apiSearchInfo {
    width: 253px;
    margin-right: 10px;
}
div.vuDspace .product-form .catActions h6 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
div.vuDspace .product-form .catActions button#addCategories {
    border: 0;
    background: #31c110;
    color: #fff;
    box-shadow: 1px 5px 3px #035928;
    padding: 7px 20px;
    font-size: 14px;
    margin-bottom: 10px;
    border-radius: 6px;
}
div.vuDspace .product-form .catActions h6 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.vuDspace .product-form .catBoxWrap {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100vh;
    background: rgba(0,0,0,0.5);
}
div.vuDspace .product-form .catBoxWrap.closecats{
    display: none;
}
div.vuDspace .product-form .catBoxWrap .categories-form {
    width: 500px;
    margin: 70px auto;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
div.vuDspace .product-form .catBoxWrap .categories-form .close {
    margin-right: -10px;
    margin-top: -16px;
    cursor: pointer;
}
div.vuDspace .product-form .catBoxWrap .categories-form h2 {
    font-size: 25px;
    margin-bottom: 25px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}
div.vuDspace .product-form .catBoxWrap .categories-form form .message span.success{
    color: green;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    display: inline-block;
}
div.vuDspace .product-form .catBoxWrap .categories-form form .message span.error{
    color: red;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.banner .right .userForm form .formGroup.orgHide {
    display: none;
}


div.selectCategores_pro ul li {
    display: block;
}
div.selectCategores_pro ul ul {
    padding-left: 20px;
    display: block;
}
div.selectCategores_pro ul ul li{
    display: block;
}
div.product-cat_id ul li {
    display: block;
    width: auto;
    margin-bottom: 6px;
    margin-left: 25px;
    position: relative;
}
div.product-cat_id ul li label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    margin: 0;
}
div.product-cat_id ul li ul li{
    display: block;
    width: 100%;
    margin-top: 6px;
    margin-left: 0;
}
div.product-cat_id ul li ul {
    width: 100%;
    background: #fff;
}
div.product-cat_id ul li ul li label {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
div.selectCategores_pro .product-cat_id.vender_cats ul {
    width: 100%;
}
div.selectCategores_pro .product-cat_id.vender_cats ul li label {
    width: 100%;
    display: inline-block;
}

div.listingContent .sideBarContent .content .befoeAjax {
    position: absolute;
    width: 100px;
    top: 90px;
    left: calc(50% - 50px);
    display: none;
}
div.rgsAndChasis {
    padding: 10px;
    background: #fff;
    margin-top: 25px;
    box-shadow: 0px 0px 10px #ccc;
}
div.rgsAndChasis .tabs {
    display: flex;
    justify-content: space-between;
}
div.rgsAndChasis .tabs .tab {
    background: #31c110;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    width: 48.5%;
    text-align: center;
}
div.rgsAndChasis .tabs .tab.active {
    box-shadow: 0px 0px 5px #104803;
    font-weight: 600;
}
.rgsAndChasis .tab_item { display: none; }
.rgsAndChasis .tab_item:first-child { display: block; }




/**==================================
CHAT HTML=========================**/
div.myChatVender {
  margin: 20px 0px 50px;
}
div.myChatVender .chatContainer {
    width: 100%;
    margin: 0 auto;
    background: #F9FBFF;
    padding: 20px;
    border-radius: 10px;
}
div.myChatVender .chatContainer .chatRow {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
div.chatRow #sideBar {
    background: #fff;
    padding: 20px 0px;
    border-radius: 10px;
    width: 350px;
    border: 1px solid #f0efef;
}
div.chatRow .messageContent {
    width: calc(100% - 370px);
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f0efef;
    position: relative;
}
div.chatRow #sideBar h2 {
    padding: 0px 20px;
    margin: 10px 0px 25px;
    font-weight: 600;
    font-size: 32px;
}
div.chatRow #sideBar #chat_searchMember input.chatSearch {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    text-indent: 15px;
    font-weight: 300;
    background: #f9fbff;
    outline: none;
}

div.LeftchatTabsMenu .tabs {
  padding: 15px 0px;
  display: flex;
  justify-content: space-between;
}
div.LeftchatTabsMenu .tabs span {
    margin-right: 0;
    transition: 0.3s linear;
    cursor: pointer;
    width: 50%;
    background: #f1f1f1;
    text-align: center;
    padding: 10px 0px;
    color: #000;
    font-weight: 600;
}
div.LeftchatTabsMenu .tabs span:hover {
    color: #000;
}
div.LeftchatTabsMenu .tabs span.active {
    background: #31c110;
    color: #fff;
}
div.chatRow #sideBar .chatAttrUser p.unreadStatus {
    text-align: center;
    color: red;
    font-weight: 300;
    font-style: italic;
}
div.chatRow #sideBar .chatAttrUser p.archiveStatus {
    text-align: center;
    color: red;
    font-weight: 300;
    font-style: italic;
}

div.chatRow #sideBar #chat_searchMember {
    margin: 0px 20px;
    position: relative;
}
div.chatRow #sideBar #chat_searchMember::before {
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    display: inline-block;
    padding-right: 3px;
    font-weight: 900;
    color: #A4A4A4;
    font-size: 18px;
    margin: 0px 10px;
    top: 10px;
    position: absolute;
    right: 4px;
}
div.chatRow #sideBar .chatUsers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
}
div.chatRow #sideBar .chatUsers::after {
    content: " ";
    position: absolute;
    border-top: 1px solid #F6F6F6;
    width: calc(100% - 40px);
    top: 0;
    transition: 0.3s linear;
}
div.chatRow #sideBar .chatUsers .content{}
div.chatRow #sideBar .chatUsers .content h3{
    font-size: 14px;
    color: #000;
}
div.chatRow #sideBar .chatUsers .content p {
    font-size: 12px;
    margin: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 300;
}
div.chatRow #sideBar .chatUsers .time {
    width: 75px;
    margin-left: 0;
    text-align: right;
    display: flex;
    flex-flow: column;
    align-items: end;
}
div.chatRow #sideBar .chatUsers .time span {
    font-size: 10px;
    font-weight: 600;
}
div.chatRow #sideBar .chatUsers .img {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    overflow: hidden;
    border-radius: 90px;
}
div.chatRow #sideBar .chatUsers .img img {
    width: 50px;
    height: 50px;
}
div.chatRow #sideBar .chatUsers .content {
    width: calc(100% - 120px);
}
div.chatRow #sideBar .chatUsers.active{
    background: #F6F6F6;
}
div.chatRow #sideBar .chatUsers:hover {
    background: #F6F6F6;
}
div.chatRow #sideBar .chatUsers.active::before {
    content: " ";
    position: absolute;
    left: 0;
    height: 40px;
    width: 2px;
    background: #31C110;
}
div.chatRow #sideBar .chatAttrUser {
    height: 700px;
    overflow-y: auto;
    scrollbar-width: thin;
}
div.messageContent .chatHeader {
    background: #F6F6F6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
div.messageContent .chatHeader .leftSide {
    width: 50%;
}
div.messageContent .chatHeader .leftSide {
    width: 50%;
    display: flex;
    align-items: center;
}
div.messageContent .chatHeader .leftSide .image {
    width: 50px;
    height: 50px;
    border-radius: 90px;
    overflow: hidden;
    margin-right: 10px;
}
div.messageContent .chatHeader .leftSide .image img {
    width: 50px;
    height: 50px;
    border-radius: 90px;
}
div.messageContent .chatHeader .leftSide .name{}
div.messageContent .chatHeader .leftSide .name h3 {
    font-size: 14px;
}
div.messageContent .chatHeader .leftSide .name p {
    margin: 0;
    font-size: 12px;
    position: relative;
}
div.messageContent .chatHeader .leftSide .name p::before {
    content: " ";
    width: 6px;
    height: 6px;
    background: #4CAF50;
    border-radius: 90px;
    display: block;
    float: left;
    position: relative;
    margin-top: 6px;
    margin-right: 4px;
}
div.chatRow .messageContent .contChatApt {
    padding: 10px 15px;
    height: 600px;
    overflow-y: auto;
    margin-bottom: 20px;
    scrollbar-width: thin;
}
div.messageContent .chatHeader .rightSide {
    width: 50%;
}
div.messageContent .contChatApt .sellerChatBox {
    display: flex;
    border: 1px solid #f1f1f1;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    background: #DAF0D6;
}
div.messageContent .contChatApt .buyerChatBox {
    display: flex;
    border: 1px solid #f1f1f1;
    text-align: right;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
div.chatRow .messageContent .mesageInput form{
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    margin: 0px 20px;
      margin-bottom: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
}
div.chatRow .messageContent .mesageInput #WriteSome {
    height: 44px;
    width: 100%;
    font-size: 16px;
    padding: 2px 10px;
    border: 0;
    outline: none;
    border-radius: 10px;
}
div.chatRow .messageContent .mesageInput button {
    background: transparent;
    border: 0;
    padding: 0px 13px;
    font-size: 24px;
    cursor: pointer;
    color: #31c110;
}
div.messageContent .contChatApt .buyerChatBox .msg {
    width: calc(100% - 50px);
    margin-right: 5px;
}
div.messageContent .contChatApt .buyerChatBox .msg h4 {
    font-size: 16px;
}
div.messageContent .contChatApt .buyerChatBox .msg p {
    margin: 0;
    font-size: 14px;
}
div.messageContent .contChatApt .buyerChatBox .msg span {
    font-size: 7px;
    position: relative;
    top: -12px;
}
div.messageContent .contChatApt .buyerChatBox .image {
    width: 50px;
}
div.messageContent .contChatApt .sellerChatBox .image {
    width: 50px;
    height: 50px;
    overflow: hidden;
}
div.messageContent .contChatApt .sellerChatBox .image img {
    width: 100%;
    height: 100%;
}
div.messageContent .contChatApt .sellerChatBox .msg {
    width: calc(100% - 50px);
    margin-left: 5px;
}
div.messageContent .contChatApt .sellerChatBox .msg h4 {
    font-size: 16px;
}
div.messageContent .contChatApt .sellerChatBox .msg p {
    margin: 0;
    font-size: 14px;
}
div.messageContent .contChatApt .sellerChatBox .msg span {
    font-size: 7px;
    position: relative;
    top: -12px;
}
div.messageContent .chatHeader .rightSide {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: end;
}
div.messageContent .chatHeader .rightSide button#gnrateAgre {
    background: #31C110;
    outline: none;
    border: 0;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 10px;
}
div.messageContent .chatHeader .rightSide #optionsChat {
    background: #fff;
    width: 42px;
    height: 42px;
    border-radius: 90px;
    border: 1px solid #ccc;
    outline: none;
}
form#venderCategoryPermi .message {
    text-align: center;
    color: #000;
    text-transform: capitalize;
    font-style: italic;
}

div.productPartListing {
    margin-top: 50px;
    padding: 0px 30px;
}
div.productPartListing table h4 {
    font-size: 18px;
    font-weight: 300;
}
div.productPartListing table {
    width: 100%;
    text-align: center;
}
div.productPartListing tr th {
    border: 1px solid #ccc;
    padding: 10px 0px;
}
div.productPartListing tr td {
    border: 1px solid #ccc;
    padding: 10px 0px;
}
div.productPartListing .image {
    width: 100px;
    margin: 0 auto;
}
div.productPartListing img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

div.productPartListing table button.partInqueryInfo {
    background: #31c110;
    color: #fff;
    padding: 14px 50px;
    border: 0px;
}

div.productPartListing table a.partInqueryInfo {
    background: #31c110;
    color: #fff;
    padding: 14px 50px;
}
form#enqueryFormData .EnquiryMessages {
    background: #d4edda;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    margin-top: 20px;
}
form#enqueryFormData .EnquiryMessages p {
     padding: 10px;
    margin: 0;
}
div.LeftchatTabsMenu .tab_content .tab_item {
    display: none;
}
div.LeftchatTabsMenu .tab_content .tab_item:first-of-type {
    display: block;
}
div.chatdropDonInfo {
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 70px;
    box-shadow: 0px 3px 6px #ccc;
    display: none;
    z-index: 123;
}
div.chatdropDonInfo ul li {
    display: block;
    width: 110px;
    margin: 4px 0px;
    cursor: pointer;
}
div.chatdropDonInfo ul li:hover {
    color: #31c110;
}
div.chatRow #sideBar .chatAttrUser .inboxempty{
    text-align: center;
    color: red;
    font-weight: 300;
    font-style: italic;
}
div.chatRow #sideBar .tab_content .tab_item {
    display: none;
}
div.chatRow #sideBar .tab_content .tab_item:first-of-type {
    display: block;
}
div#chatProductInfo {
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 165px;
}
div#chatProductInfo button.toggleClappse {
    padding: 4px 10px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: top;
    border: 0;
}
div#chatProductInfo .proInfoRow {
    width: 100%;
    display: flex;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 2px #ccc;
    height: 168px;
    transition: 0.3s linear;
}
div#chatProductInfo .proInfoRow.active {
    height: 60px;
}
div#chatProductInfo .proInfoRow.active .img {
    display: none;
}
div#chatProductInfo .proInfoRow .img a {
    width: 200px;
    margin-right: 10px;
    height: 134px;
    overflow: hidden;
    display: block;
}
div#chatProductInfo .proInfoRow .img img {
    width: 100%;
    height: 100%;
    border: 1px solid #31c110;
    border-radius: 10px;
}
div#chatProductInfo .proInfoRow .info a.proNameSh {
    font-size: 14px;
    color: #31c110;
    font-weight: 600;
    width: calc(100% - 100px);
}
div#chatProductInfo .proInfoRow .info {
    width: calc(100% - 200px);
}
div#chatProductInfo .proInfoRow .info a {
    color: #000;
}
div#chatProductInfo .proInfoRow .info ul li {
    width: 48%;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
}
div#chatProductInfo .proInfoRow .info h6 {
    font-size: 14px;
    font-weight: 500;
    color: #31c110;
    width: 100%;
}
div.productPriceInfo .formGroup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
div.productPriceInfo .formGroup label {
    font-weight: 600;
}
div.productPriceInfo .formGroup input {
    width: 200px;
    height: 40px;
    background: no-repeat;
    outline: none;
    border: 0;
    text-align: right;
}
form#BuyerEnqueryFormData .sendAgreement {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}
form#BuyerEnqueryFormData .sendAgreement .sendInfo {}
form#BuyerEnqueryFormData .sendAgreement .sendInfo .reciverInfo {
    display: flex;
    align-items: center;
}
.sendInfo .reciverInfo .image {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 90px;
    padding: 5px;
    overflow: hidden;
}
.sendInfo .reciverInfo .image img {
    width: 60px;
    height: 60px;
}
.sendInfo .reciverInfo .info {
    flex-flow: column;
    display: flex;
    margin-left: 10px;
}
.sendInfo .reciverInfo .info h3 {
    font-size: 18px;
    font-weight: 600;
}
.sendInfo .reciverInfo .info a {
    color: #000;
    font-weight: 300;
}
div#chatAgreementForms .outCloseBuyerAgreement {
    width: calc(100% - 30px);
    min-height: 1450px;
    position: absolute;
}
div#chatAgreementForms .container {
    position: relative;
}
form#BuyerEnqueryFormData label {
    color: #000;
}
form#BuyerEnqueryFormData .partAgreementRow {
    display: flex;
}
form#BuyerEnqueryFormData .partAgreementRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
form#BuyerEnqueryFormData .partAgreementRow .clnLeft {
    width: 49%;
}
form#BuyerEnqueryFormData .partAgreementRow .productImage {
    width: 49%;
    margin-top: 8px;
    border: 1px solid #f1f1f1;
    height: 144px;
    overflow: hidden;
}
form#BuyerEnqueryFormData .partAgreementRow .productImage img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div.chatRow .messageContent .agreementOffer {
    width: 100%;
}
div.chatRow .messageContent .agreementOffer .userOfferRow {
    display: flex;
    background: #56cc3b;
    padding: 5px 5px;
    justify-content: space-between;
}
.agreementOffer .userOfferRow .left{}
.agreementOffer .userOfferRow .left h4 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding-top: 9px;
    padding-left: 10px;
}
.agreementOffer .userOfferRow .right button {
    background: #fff;
    border: 0;
    padding: 6px 20px;
    cursor: pointer;
    border-radius: 3px;
}
div.product-cat_id ul li.empty label {
    opacity: 0.5;
    background: #fff;
}
div.productPartListing .cardSlides {
    margin: 25px 10px;
    background: #fff;
    box-shadow: 0px 5px 8px #ccc;
}
div.productPartListing .cardSlides .image {
    width: 100%;
    height: 200px;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
div.productPartListing .cardSlides .info {
    padding: 10px;
    height: 160px;
}
div.productPartListing .cardSlides .info p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-weight: 300;
    line-height: 1.3em;
    font-size: 14px;
    margin-top: 5px;
}
div.productPartListing .cardSlides .partButton {
    padding: 10px 10px 20px;
    display: flex;
    justify-content: space-between;
}
div.productPartListing .cardSlides .info h3 {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 0;
    color: #000;
    font-weight: 600;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 44px;
}
div.productPartListing .cardSlides {
    margin: 25px 10px;
    background: #fff;
    box-shadow: 0px 5px 8px #ccc;
}
div.productPartListing .slick-next::before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #31C110;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
div.productPartListing .slick-next {
    right: -10px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 90px;
}
div.productPartListing .slick-prev {
    left: -10px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 90px;
}
div.productPartListing .slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #31C110;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 25px;
}
div.cardSlides .partButton .partBtn {
    outline: none;
    background: #31C110;
    text-align: center;
    border: 0;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s linear;
    padding: 8px 21px;
    font-size: 14px;
}
div.cardSlides .partButton .partBtn:hover {
    background: #000;
}
div.productPartListing .cardSlides .info span {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}
div.productPartListing .cardSlides .info span .partId {
  color: #31c110;
  font-weight: 600;
}
form#BuyerEnqueryFormData .offerButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 35px;
}
button#offerAccept_sh {
    border: 0;
    background: #31C110;
    color: #fff;
    padding: 12px 32px;
    border-radius: 3px;
    font-weight: 600;
}
button#offerReject_sh {
    background: red;
    border: 0;
    color: #fff;
    padding: 12px 32px;
    border-radius: 3px;
    font-weight: 600;
}

div.partListing_sh h6 {
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
}
div.multi-fields-listing .multi-field-listing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}
div.partListing_sh {
    padding: 50px 0px;
}
div.partListing_sh {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #f1f1f1;
}
div.multi-fields-listing .multi-field-listing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}
div.multi-fields-listing .multi-field-listing:nth-child(2n){
    background: #f1f1f1;
}
div.multi-fields-listing .multi-field-listing .form-group.field-product-listing_name {
    width: 100%;
    padding-top: 6px;
}
div.multi-fields-listing .multi-field-listing .form-group.field-product-listing_price {
    margin: 0;
    width: 200px;
}
div.partListing_sh .multi-field-wrapper-listing .add-field-listing {
    margin-top: 0;
    position: relative;
    top: 42px;
}
div.multi-fields-listing .multi-field-listing .left {
    width: 49%;
    float: left;
}
div.multi-fields-listing .multi-field-listing .center {
    width: 49%;
    float: right;
}
div.multi-fields-listing .multi-field-listing .center .form-group {
    margin-bottom: 15px;
    text-align: left;
}
div.multi-fields-listing .multi-field-listing .left .field-product-listing_description {
    margin: 0;
}
div.multi-fields-listing .multi-field-listing .center .updateImg {
    width: 56px;
    float: right;
    margin-top: -46px;
}
div.multi-fields-listing .multi-field-listing .center .updateImg img {
    border-radius: 4px;
}
div#minMaxPrice_sh {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div#minMaxPrice_sh .minPrice {
    width: 100%;
}
div#minMaxPrice_sh .maxPrice {
  width: 200px;
}
div#minMaxPrice_sh .minPrice .minPriceSugession {
    position: relative;
    top: -11px;
}
div.minPriceSugession span {
    background: #28a745;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 5px;
}
div#minMaxPrice_sh .maxPrice .maxPriceSugession {
    position: relative;
    top: -11px;
}
div.maxPriceSugession span {
    background: #28a745;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 5px;
}
div#minMaxPrice_sh .maxPrice.deactive {
    opacity: 0.4;
}
div.priceRangeSelection {
    margin-bottom: 46px;
}
div.priceRangeSelection h3 {
    font-size: 16px;
    margin: 0;
}
div.priceRangeSelection .progress {
    height: 25px;
    border-radius: 0;
    font-weight: 600;
    font-size: 11px;
}
.priceRangeSelection .progress-bar-danger {
    background: #db0b0b;
}
.priceRangeSelection .progress-bar-warning {
    background: #c4c405;
}
.progress .progress-bar-success {
    background: green;
}
div.dhashRow .vu_content .dashboardCont .message-page .left-section h1 {
    width: 100%;
    text-align: center;
}

/****product page popop****/
div.listingInformation {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,0.9);
    padding: 60px 0px;
    display: none;
    min-height: 100vh;
}
div.listingInformation .container {
    position: relative;
}
div.listingInformation .popupInfo {
    display: flex;
    justify-content: space-between;
}
div.listingInformation .popupInfo .left {
    width: 48%;
}
div.listingInformation .popupInfo .left .listingNav .image {
    margin: 10px 3px;
    border: 2px solid transparent;
}
div.listingInformation .popupInfo .right {
    width: 48%;
    background: #fff;
}
div.listingInformation .listionCloseOption {
    color: #fff;
    width: 48px;
    position: absolute;
    right: 17px;
    margin-top: -44px;
    cursor: pointer;
}
div.listingInformation .popupInfo .right .text {
    padding: 10px;
}
div.listingInformation .popupInfo .listingFor .bgimage {
    height: 450px;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
div.listingInformation .popupInfo .right .text h1 {
    font-size: 22px;
    font-weight: 600;
    color: #31c110;
}
div.listingInformation .popupInfo .right .text .inquryForm {
    margin: 10px;
}
div.listingInformation .popupInfo .right .text h2 {
    font-size: 18px;
}
.popupInfo .right .text .partInfo {
    margin-top: 10px;
    height: 240px;
}
div.listingInformation .popupInfo .right .text .inquryForm {
    margin: 0;
}
div.listingInformation .popupInfo .right .text .partButton .partInqueryInfop {
    outline: none;
    background: #31C110;
    width: 300px;
    text-align: center;
    border: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s linear;
}

div.listingInformation .popupInfo .slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #31C110;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 25px;
}
div.listingInformation .popupInfo .slick-next::before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #31C110;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
div.listingInformation .popupInfo .slick-next {
    right: -16px;
}

div.listingInformation .popupInfo .left .listingNav .image.slick-slide.slick-current.slick-active.slick-center {
    border: 2px solid #31C110;
    border-radius: 5px;
}
div.listingInformation .popupInfo .right .text .partInfo p {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
div.listingInformation .popupInfo .right .text .inquryForm h2 {
    display: flex;
}
div.listingInformation .popupInfo .right .text .inquryForm span {
    display: flex;
}
span.currencysymble_sh {
    font-size: 13px;
    margin-top: 3px;
}
button#reset-submit-button {
    background: #31c110;
}
button.btn.btn-success {
    background: #31c110;
}


/**SALLER PRODUCT STYLE**/
div.dashboardCont .table-bordered {
    border: 0px solid #dee2e6;
}
div.dashboardCont tr th {
    border: 0px;
    font-weight: 700;
    color: #000A13;
    font-size: 12px;
}
div.dashboardCont tr td {
   border: 0px;
   font-size: 13px;
}
div.dashboardCont .summary {
    display: none;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: transparent;
    border-top: 1px Solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px Solid rgba(0, 0, 0, 0.05);
}
div.dashboardCont .table-bordered .userProfile {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
}
div.dashboardCont tr td .userName h4 {
    margin: 0;
    font-weight: 300;
    font-size: 14px;
    margin-top: 7px;
}
div.dashboardCont tr td .userName {
    min-width: 200px;
}
div.dashboardCont .table-bordered .userProfile img {
    width: 100%;
    height: 100%;
}
div.dashboardCont tr td:last-of-type {
    display: flex;
    justify-content: space-between;
    width: 150px;
}
div.dashboardCont tr td:last-of-type a {
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0px 2px;
}
div.dashboardCont tr td:last-of-type a:last-of-type {
    background: rgba(193, 16, 16, 0.1);
    border: 1px solid #C11010;
    color: #F20C0C;
}
div.dashboardCont tr th.action-column {
    text-align: center;
    width: 150px;
}
div.dashboardCont tr td span.Active {
    color: #31C110;
}
div.dashboardCont tr td span.Inactive {
    color: #F20C0C;
}
div.dashTopHeading.borderNone {
    border: 0;
}
div.dashboardCont .user-view table tr td a {
    width: auto;
    height: auto;
    background: transparent !important;
    border: 0 !important;
    color: #000 !important;
}

/***===================
     AGREEMENTS
===================***/
.chatAgreeTabs .active { color: red; }
.chatAgreeTabs .tab_item { display: none; }
.chatAgreeTabs .tab_item:first-child { display: block; }
div.chatAgreeTabs .tabs {
    display: flex;
    margin-bottom: 13px;
}
div.chatAgreeTabs .tabs span.tab {
    width: 50%;
    text-align: center;
    background: #ccc;
    padding: 10px 0px;
    cursor: pointer;
    font-weight: 600;
}
div.chatAgreeTabs .tabs span.tab.active {
    color: #fff;
    background: #32c111;
}

div.dhashRow .vu_content .dashboardCont .message-page {
    margin-top: 40px;
}
.message-page .left-section {
    padding: 30px 0px 10px;
    background: white;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    height: 100%;
}
.message-page .left-section .chats {
    padding: 0px;
    margin: 0px;
}
div#searchAgree {
    border: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    margin: 15px 10px 30px;
}
p.emptyRecord {
    color: red;
    text-align: center;
}
div#searchAgree input[type="search"] {
    border: 0;
    outline: none;
    height: 40px;
    text-indent: 15px;
    width: 100%;
    border-radius: 10px;
    transition: 0.3s linear;
}
div#searchAgree input[type="search"]:focus div#searchAgree {
    border: 1px solid #000;
}
div#searchAgree button#sAgr {
    background: transparent;
    margin-right: 7px;
    border: 0;
    color: #31c110;
}
.message-page .left-section .chats .selected {
    background: #31c110;
}
.message-page .left-section .chats .selected p.last-sent {
    color: #fff !important;
}
.message-page .left-section .chats .selected h2 {
    color: #fff !important;
}
.message-page .left-section .chats .selected p {
    color: #fff !important;
}
.message-page .left-section .chats .chat {
    padding: 15px 25px;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    margin-top: 10px;
    transition: 0.3s linear;
}
.message-page .left-section .chats .chat:hover {
    background: #31c110;
}
.message-page .left-section .chats .chat:hover p.last-sent {
    color: #fff !important;
}
.message-page .left-section .chats .chat:hover h2 {
    color: #fff !important;
}
.message-page .left-section .chats .chat:hover p {
    color: #fff !important;
}

.appointments-page .boxes .box .top .left, 
.message-page .boxes .box .top .left, 
.message-page .left-section .chats .chat .left, 
.withdraw-funds-page .boxes .funds .amount, 
.exp-coins-page .boxes .funds .amount, 
.update-profile-page .boxes .box .top .left {
  display: flex;
  align-items: center;
  width: 65%;
  cursor: pointer;
}
.message-page .left-section .chats .chat .left {
    width: 100%;
}
.appointments-page .boxes .box .top .left .content, 
.message-page .boxes .box .top .left .content, 
.message-page .left-section .chats .chat .left .content, 
.update-profile-page .boxes .box .top .left .content {
    width: calc(100% - 50px);
    padding-left: 20px;
}
.message-page .left-section .chats .chat .imgs {
    display: flex;
}
.message-page .left-section .chats .chat .imgs img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
}
.message-page .left-section .chats .chat .imgs img:nth-child(2) {
    margin-left: -10px;
}
.message-page .left-section .chats .chat .left .content .last-sent {
    text-align: right;
    line-height: 5px;
    font-size: 12px;
    color: #B9B9B9;
}
.message-page .left-section .chats .chat .left .content h2 {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
}
.message-page .left-section .chats .chat .left .content p {
    color: #9D9D9D;
    font-size: 14px;
    line-height: 19px;
}
.message-page .boxes {
    margin-bottom: 0px;
}
.message-page .boxes .box {
    padding: 30px 30px;
}
div.message-page .inquiryForm_sngl {
    width: 100%;
    position: relative;
    left: 0;
    background: #fff;
    height: auto;
    top: 0;
    display: inline-block;
    border-radius: 16px;
    min-height: 1325px;
}
div.message-page div.inquiryForm_sngl h3 {
    margin: 30px 0px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    width: 100%;
}
div.message-page .inquiryForm_sngl .inqueryRequest {
    background: #fff;
    padding: 0px 40px 25px 40px;
    position: relative;
    margin: 0;
    border-radius: 16px;
    width: 100%;
}
div.message-page .inquiryForm_sngl .inqueryRequest .partAgreementRow {
    display: flex;
    justify-content: space-between;
}
div.message-page .inquiryForm_sngl .inqueryRequest .partAgreementRow .clnLeft {
    width: 48%;
}
div.message-page .inquiryForm_sngl .inqueryRequest .partAgreementRow .productImage {
    width: 48%;
}
div.message-page .inquiryForm_sngl .formGroupInp.description {
    height: 260px;
    overflow-y: auto;
    border: 2px solid #ccc;
    padding: 0px 10px;
    scrollbar-width: thin;
}
div.message-page .inquiryForm_sngl .sendAgreement {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
div.message-page .inquiryForm_sngl .sendAgreement .reciverInfo {
    display: flex;
}
div.message-page .inquiryForm_sngl .sendAgreement .reciverInfo .image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 90px;
    margin-right: 10px;
}
div.message-page .inquiryForm_sngl .sendAgreement .reciverInfo .image img {
    width: 100%;
    height: 100%;
}
div.message-page .inquiryForm_sngl .sendAgreement .reciverInfo .info {
    display: flex;
    flex-flow: column;
}
div.message-page .inquiryForm_sngl .sendAgreement .reciverInfo .info h5 {
    font-size: 18px;
}
div.message-page .inquiryForm_sngl .sendAgreement .reciverInfo .info a {
    color: #000;
    font-size: 14px;
}
div.message-page .inquiryForm_sngl .rowTowCol {
    display: flex;
    justify-content: space-between;
}
div.message-page .inquiryForm_sngl .rowTowCol .formGroupInp {
    width: 48%;
}
div.myAgrListInfo {
    height: 1100px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 0px 10px;
    border-top: 1px solid #f2f2f2;
}
div.myAgrListInfo.agree {
    height: 1060px;
}

/** ======================================
         VENDER DASHBOARD
========================================**/
.cardBx .frontDashSlider {
    margin-top: 10px;
}
div.dhashRow .dashboardCont .dashCards .cardBx .recentItemProduct {
    margin: 0px 3px;
}
div.dhashRow .dashboardCont .dashCards .cardBx .recentItemProduct .imageBg {
    height: 100px;
    width: 100%;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: 1px solid #ccc;
}
div.cardBx .recentItemProduct .content {}
div.cardBx .recentItemProduct .content p {
    margin: 0;
}
div.cardBx .recentItemProduct .content h4 {
    font-size: 15px;
}
div.cardBx .recentItemProduct .content p {
    margin-top: 8px;
    font-size: 12px;
}
div.cardBx .recentItemProduct .content p span {
    color: #31c110;
}
div.cardBx .recentItemProduct .content .viewProduct a {
    background: #31c110;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 6px 0px;
    margin-top: 10px;
    font-weight: 600;
    cursor: pointer;
}
div.cardBx .frontDashSlider .slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #31C110;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 15px;
}
div.cardBx .frontDashSlider .slick-next::before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #31C110;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

div.recentOrders {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
div.recentOrders .orderHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.recentOrders .orderHeader span {
    color: #31c110;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1em;
}
div.recentOrders .orderHeader span.one{
    width: 9%;
    text-align: center
}
div.recentOrders .orderHeader span.two{
    width: 19%;
    text-align: center
}
div.recentOrders .orderHeader span.three{
    width: 59%;
    text-align: center
}
div.recentOrders .orderHeader span.four{
    width: 19%;
    text-align: center
}
div.recentOrders .orderFooter {
    margin-top: 10px;
}
div.recentOrders .orderFooter .orderItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0px;
}
div.recentOrders .orderFooter .orderItem span.one{
    width: 9%;
    text-align: center
}
div.recentOrders .orderFooter .orderItem span.two{
    width: 19%;
    text-align: center
}
div.recentOrders .orderFooter .orderItem span.three {
    width: 59%;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.1em;
}
div.recentOrders .orderFooter .orderItem span.four{
    width: 19%;
    text-align: center
}
div.recentOrders .orderFooter .orderItem span {
    color: #000;
    font-size: 13px;
    font-weight: 500;
}
div.recentOrders .orderFooter .orderItem:nth-child(2n) {
    background: #31c110;
}
div.recentOrders .orderFooter .orderItem:nth-child(2n) span {
    color: #fff;
}
.cardBx .frontDashSlider .orderInfo {
    width: 100%;
    background: rgba(249, 244, 244, 0.8);
    border: 1px solid #ccc;
    margin: 0px 3px;
    padding: 15px;
    text-align: center;
    border-radius: 15px;
}
.cardBx .frontDashSlider .orderInfo p {
    margin: 0;
    margin: 4px 0px;
    font-size: 14px;
}
.cardBx .frontDashSlider .orderInfo span i {
    color: #31c110;
    font-size: 40px;
}
div.dhashRow .dashboardCont .dashCards .cardBx a {
    font-weight: 600;
    color: #31c110;
    height: 35px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
div.dhashRow .dashboardCont .dashCards .cardBx h5 a {
    color: #31c110;
}
.cardBx .frontDashSlider .slick-next {
    margin-right: 6px;
}
.myChatVender.myuerPage {
    margin: 20px 0px 33px;
}
#acctRejMessage p {
    margin: 0;
    margin-top: 20px;
    text-align: center;
    padding: 12px 0px;
    color: #000;
}
div#acctRejMessage p.success {
    background: #d1e7dd;
}
div#acctRejMessage p.error {
    background: #f8d7da;
}


/***STATICS PAGE ADMIN***/
div#dashboard_sh_statistic {
    min-height: 700px;
}
div#myStaticLayout .staticsHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div#myStaticLayout .staticsHeader .left {
    width: 60%;
}
div#myStaticLayout .staticsHeader .left .dashTopHeading {
    padding: 0;
}
div#myStaticLayout .staticsHeader .right {
    width: 40%;
    margin-top: 10px;
}
.staticsHeader .right span {
    display: block;
    text-align: right;
}
div#myStaticLayout .staticsHeader .left .seerchRange input {
    width: 250px;
    height: 44px;
    border-radius: 3px;
    border: 1px solid #F0F0F0;
    background: rgba(0, 0, 0, 0.02);
    cursor: pointer;
}
div.seerchRange span {
    margin: 0px 10px;
    font-weight: 600;
}
.staticsHeader .right span {
    display: block;
    text-align: right;
    font-size: 18px;
    color: #000A13;
    font-weight: 600;
    margin: 4px 0px;
}
div#myStaticLayout .staticsBody {
    margin-top: 50px;
}
div.staticsBody table.table tr th {
  padding: 10px;
}
div.staticsBody table.table tr td {
    padding: 10px;
    cursor: pointer;
    min-height: 57px;
    line-height: 47px;
}
div.staticsBody table.table tr th.oneHead {
    width: 12%;
}
div.staticsBody table.table tr th.threeHead {
    width: 12%;
}
div.staticsBody table.table tr th.fourHead {
    width: 13%;
}
div.staticsBody table.table tr:first-of-type {
    border-top: 0px;
}
div.staticsBody table.table tr:last-of-type {
    border-bottom: 1px Solid rgba(0, 0, 0, 0.05);
}
div.staticsBody table.table tr td .image {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 10px;
}
div.staticsBody table.table tr td .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border-radius: 90px;
}
div.staticsBody table.table tr th .fa-caret-up {
    position: relative;
    top: -3px;
}
div.staticsBody table.table tr th .fa-sort-down {
    position: relative;
    left: -8px;
}
div.staticsBody table.table tr th span.tableHead {
    cursor: pointer;
}
div.staticsBody table.table tr.salleridHeaden {
    display: none;
}       
div#chatProductInfo .proInfoRow .info .nameDocVend {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div#chatProductInfo .proInfoRow .info .nameDocVend a.myDocMent {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 9px;
    background: #31c110;
    padding: 4px 10px;
    border-radius: 3px;
}
div#chatProductInfo .proInfoRow.active ul {
    display: none;
}
div#chatProductInfo .proInfoRow.active h6 {
    display: none;
}
div#chatProductInfo .proInfoRow.active .info {
    width: 100%;
}
div#chatProductInfo.active {
    min-height: 60px;
}
div.checkpartExist ul li {
    margin: 0px 4px;
    height: 32px;
    overflow: hidden;
}
div.checkpartExist {
    margin-top: 5px;
    height: 60px;
}
div.checkpartExist ul li img {
    width: 100%;
    height: 100%;
}

/**VENDER LISTING PARTS**/

div.styleFormateSH {
    padding: 25px;
    border: 1px solid #f1f1f1;
    text-align: center;
}
div.styleFormateSH h3 {
    font-size: 18px;
}
div.styleFormateSH h3 span {
    font-size: 12px;
    color: #4cc92f;
}
div.styleFormateSH input {
    width: 100%;
    height: 46px;
    text-indent: 15px;
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
    transition: 0.3s linear;
    border-radius: 5px;
}
div.styleFormateSH input:focus {
    border: 1px solid #31c110;
}
div.styleFormateSH button {
    border-radius: 5px;
    width: 100%;
    border: 0;
    height: 42px;
    font-size: 14px;
    background: #31c110;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
div#dashboard_sh_setting {
    min-height: 780px;
}
div.multi-fields-listing .multi-field-listing .left .partPriceInfo {
    display: flex;
    margin: 10px 0px;
    justify-content: space-between;
}
div.multi-fields-listing .multi-field-listing .left .partPriceInfo .partVat {
    display: block;
    height: 52px;
    line-height: 47px;
}
div.partListing_sh .multi-fields-listing .multi-field-listing {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 10px;
}
div.partListing_sh .multi-fields-listing .multi-field-listing button.remove-field {
    position: absolute;
    top: 10px;
    right: 10px;
}
div.multi-fields-listing .multi-field-listing .center .selectCategores_pro {
    height: 160px;
    margin-top: 0px;
}
div.partImgesDragDrop {
    text-align: center;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    cursor: pointer;
}
div.partListing_sh h6.abcTestListing {
    background: #43c079;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
}
.image-uploader .upload-text span {
    font-size: 18px;
    font-weight: 700;
}
.image-uploader .upload-text {
    background: #f7f7f7;
    cursor: pointer;
}
div#productSaveBtn {
    text-align: right;
    margin-right: 18px;
    margin-top: -48px;
}
div.multi-fields-listing .multi-field-listing .center .selectCategores_pro {
    margin-top: 60px;
}
div.partListing_sh .multi-fields-listing .multi-field-listing .discription {
    width: 100%;
    display: inline-block;
}
.dashboard_wrap .product-create .product-form #productSaveBtn {
    float: right;
    margin-top: -48px;
    position: relative;
    z-index: 123;
}
div.multi-fields-listing .multi-field-listing .center .selectCategores_proListing {
    background: #f7f7f7;
    margin-top: 56px;
    padding: 10px;
    margin-bottom: 25px;
    height: 160px;
    overflow-y: auto;
}
div#staticsPdfRecord {
    text-align: right;
}
div#staticsPdfRecord button#gernratePdf {
    background: #31c110;
    border: 0;
    color: #fff;
    font-size: 12px;
    padding: 10px 20px;
    display: inline-block;
    font-weight: 700;
    border-radius: 5px;
}
div.multi-fields-listing .multi-field-listing:first-of-type .center .selectCategores_proListing{
    margin-top: 45px;
}
div.partListing_sh h6 {
    text-align: left;
    background: #43c079;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
}
div.partImgesDragDrop .image-uploader {
    width: 100%;
    border: 0;
    height: 100%;
}
div.partImgesDragDrop .uploaded {
    text-align: left;
}
div.listing_imagestyle {
    position: relative;
}
div.listing_imagestyle output#Filelist {
    width: 100%;
}
div.partImgesDragDrop output#Filelist {
    width: 100%;
    text-align: left;
}

div.partImgesDragDrop output#Filelist ul li {
    width: 50px;
    height: 50px;
}
div.partImgesDragDrop output#Filelist ul li:last-of-type {
    margin-right: 0;
}
div.partImgesDragDrop output#Filelist ul {
    clear: both;
    display: inline-block;
    margin: 5px;
}
div.partListing_sh .multi-fields-listing .multi-field-listing .priceRangeSelection {
    margin-bottom: 15px;
}
div#adminDragDropImages output#Filelist ul li .img-wrap span.gallery_sh {
    position: absolute;
    z-index: 123;
    left: 18px;
    font-size: 12px;
    color: #31c110;
    font-weight: 700;
}
div.partImgesDragDrop ul li span.gallery_sh {
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #43c079;
    font-weight: 800;
    margin-top: 8px;
}
div.partListing_sh .multi-fields-listing .multi-field-listing.UpdatePart button {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 40px;
    padding: 5px;
}
div#dashboard_sh_product table tr th:nth-child(4) {
    padding: 5px;
    width: 105px;
}
div#dashboard_sh_product table tr td:nth-child(4) {
    padding: 5px;
}
div.enqueryShowHide.admin_hide_show {
    margin-top: 42px;
    background: #f9f9f9;
    padding: 2px 10px;
    border-radius: 3px;
}
div.proListingCatsTest ul {
    width: 100%;
}
div.proListingCatsTest ul li {
    width: 100%;
    display: block;
}
div.form-group.field-product-listing_image {
    display: inline-block;
    margin-top: 25px;
}
div.buyerRecentMesges {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.buyerRecentMesges .left {
    width: 15%;
}
div.buyerRecentMesges .left img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border-radius: 100%;
}
div.buyerRecentMesges .center {
    width: 70%;
}
div.buyerRecentMesges .center h5 {
    font-size: 16px;
}
div.buyerRecentMesges .center p {
    font-size: 12px;
    color: #d0d0d0;
    margin: 0;
}
div.buyerRecentMesges .counter {
    width: 10%;
    text-align: right;
}
div.buyerRecentMesges .counter span {
    padding: 3px 6px;
    background: #31c110;
    color: #fff;
    border-radius: 100%;
}
div.buyerRecentMesges .counter span {
    background: #31c110;
    color: #fff;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 25px;
    font-weight: 600;
    padding: 0;
}
div.buyerRecentMesges {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px 4px;
    border-top: 1px solid #f4eded;
    margin: 5px 0px;
}
div.buyerFrontDashSlider {}
div.buyerFrontDashSlider .buyerRcentOrder {
    margin: 0px 5px;
}
div.buyerFrontDashSlider .buyerRcentOrder .image {}
div.buyerFrontDashSlider .buyerRcentOrder .orderInfo {}
div.buyerFrontDashSlider .buyerRcentOrder .orderInfo h3 {
    font-size: 14px;
    margin: 10px 0px 5px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 34px;
}
div.buyerFrontDashSlider .buyerRcentOrder .orderInfo span {
    text-align: center;
    width: 100%;
    display: block;
}
div.recAgreeBuyer {}
div.recAgreeBuyer .recBoxBy {
    background: #EDEDED;
    padding: 25px 0px 0px;
    margin: 0px 5px;
    border: 1px solid #ccc;
}
div.recAgreeBuyer .recBoxBy .profileImage {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
div.recAgreeBuyer .recBoxBy .profileImage img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border-radius: 100%;
}
div.recAgreeBuyer .recBoxBy .detail {
    text-align: center;
    margin-top: 10px;
}
div.recAgreeBuyer .recBoxBy .detail h3 {
    font-size: 16px;
}
div.viewProduct a.newVenderProUrl {
    color: #fff !important;
    display: flex !important;
    justify-content: center !important;
}
div.recAgreeBuyer .recBoxBy .detail .button a {
    background: #31c110;
    color: #fff;
    padding: 7px 25px;
    font-size: 14px;
    margin: 0;
    border-radius: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}
div.chatRow .messageContent .mesageInput span {
    width: 100%;
    text-align: center;
    display: block;
    position: relative;
    top: 30px;
    background: #f7f7f7;
    padding: 11px 0px;
    border: 1px solid #ccc;
    color: red;
    font-weight: 300;
    font-style: italic;
}
div#archiveUsers .archiveStatus {
    text-align: center;
    color: red;
}
div#p0 nav#w1 {
    display: flex;
    justify-content: center;
    margin-top: 34px;
}
div#p0 nav#w1 ul.pagination li.active a.page-link {
    background: #31c110;
    border: 1px solid #31c110;
    color: #fff;
}
div#p0 nav#w1 ul.pagination li a.page-link {
    color: #000;
}
div#p0 nav#w1 ul.pagination li.disabled {
    opacity: 0.5;
    cursor: no-drop;
}
table#buyderInformation .empty {
    color: red;
    font-size: 12px;
    margin-top: 10px;
    text-transform: capitalize;
}
div.inquryForm .proPrcRow .price span {
    font-size: 10px;
}
div.proSlide .proSingleFor .image a {
  display: block;
}
div.proSlide .proSingleFor .image .bgImageFull {
    width: 100%;
    height: 450px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
}
div.productPartListing .cardSlides .info span.priceRangePart {
    display: block;
}
div.listingContent .sideBarContent .content .box .image a img {
    width: 100%;
    height: 100%;
}
div.listingInformation .popupInfo .left .listingNav .image img {
    width: 100%;
    height: 50px;
}

div.vuDashboard .dhashRow .vu_content #VenderaCats {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100vh;
    background: rgba(0,0,0,0.5);
}
div.vuDashboard .dhashRow .vu_content #VenderaCats .categories-form {
    width: 500px;
    margin: 70px auto;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
div.vuDashboard .dhashRow .vu_content #VenderaCats .categories-form .close {
    margin-right: -10px;
    margin-top: -16px;
    cursor: pointer;
}
div.vuDashboard .dhashRow .vu_content #VenderaCats .categories-form h2 {
    font-size: 25px;
    margin-bottom: 25px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}
div.vuDashboard .dhashRow .vu_content #VenderaCats .categories-form form label {
    color: #000;
    font-weight: normal;
    margin-bottom: 1px;
}
div.vuDashboard .dhashRow .vu_content #VenderaCats.closecats {
    display: none;
}
div.multi-fields-listing .multi-field-listing .center .selectCategores_proListing ul li {
    display: block;
    width: 100%;
}
div.multi-fields-listing .multi-field-listing .center .selectCategores_proListing ul li ul {
    padding-left: 20px;
}
div.dhashRow .vu_content .dashboardCont .thirdPesonPartyChat {
    display: none;
}
div.dhashRow .vu_content .dashboardCont .thirdPesonPartyChat.active {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 999;
}
div.dhashRow .vu_content .dashboardCont .thirdPesonPartyChat.active .formGroup {
    background: rgba(0,0,0,0.7);
    padding: 40px 25px;
    position: relative;
    width: 400px;
}
div.dhashRow .vu_content .dashboardCont .thirdPesonPartyChat.active .formGroup label {
    display: block;
    color: #fff;
}
div.dhashRow .vu_content .dashboardCont .thirdPesonPartyChat.active .formGroup input[type="email"] {
    width: 100%;
    margin-bottom: 10px;
    height: 44px;
    text-indent: 15px;
    border: 0;
    outline: none;
    border-radius: 5px;
}
div.dhashRow .vu_content .dashboardCont .thirdPesonPartyChat.active .formGroup .buttonAddRemoveInq button#addInInqItem {
    width: 48%;
    height: 40px;
    border: 0;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: #31c110;
    font-size: 14px;
}
div.buttonAddRemoveInq button#removeToInq {
    width: 48%;
    height: 40px;
    border: 0;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: red;
    font-size: 13px;
}
div.buttonAddRemoveInq button#addInInqItem[disabled="disabled"] {
    opacity: 0.5;
    cursor: no-drop !important;
}
div.buttonAddRemoveInq {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

div.dhashRow .vu_content .dashboardCont .thirdPesonPartyChat.active .formGroup .thirdPersonCloe {
    position: absolute;
    z-index: 123;
    color: #fff;
    right: -9px;
    top: 0;
    margin-top: -18px;
    font-size: 25px;
    cursor: pointer;
}
div.site-verifyUserEnquery {
    padding: 120px 0px 0px;
    min-height: 100vh;
    text-align: center;
}
div.site-verifyUserEnquery h1 {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #31c110;
}
div.chatRow #sideBar .chatAttrUser h6.asignHeading {
    padding: 5px 10px;
    font-size: 14px;
    color: #31c110;
}
div.chatRow #sideBar .assignChatStyl .img {
    width: 90px;
    position: relative;
}
div.chatRow #sideBar .assignChatStyl .content {
    width: calc(100% - 175px);
}
div.chatRow #sideBar .assignChatStyl .img .imgDv {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    float: left;
    position: absolute;
}
div.chatRow #sideBar .assignChatStyl .img .imgDv:first-of-type {
    left: 0px;
}
div.chatRow #sideBar .assignChatStyl .img .imgDv:nth-child(2) {
    left: 20px;
}
div.chatRow #sideBar .assignChatStyl .img .imgDv:nth-child(3) {
    left: 40px;
}
div.chatRow #sideBar .assignChatStyl .img img{
    width: 100%;
    height: 100%;
}
div.messageContent .contChatApt .sellerChatBox.thirdperson {
    background: #f1f1f1;
}
div.dhashRow .vu_content .dashboardCont .thirdPesonPartyChat.active .formGroup .messageInqItem p {
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 0;
    margin-top: 15px;
    font-size: 12px;
    text-transform: capitalize;
}
div.dashboardCont .vudshMenu .vuMenu ul li:last-of-type {
    width: 200px;
}
div.dashboardCont .vudshMenu .vuMenu ul li ul {
    position: absolute;
    z-index: 123;
    background: #fff;
    box-shadow: 0px 4px 10px #ccc;
    padding: 10px;
    margin-top: 48px;
    right: -34px;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
    display: none;
}
div.dashboardCont .vudshMenu .vuMenu ul li ul.active {
    display: block;
}
div.dashboardCont .vudshMenu .vuMenu ul li ul li {
    margin: 0;
    padding-left: 22px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #31c110;
}
div.dashboardCont .vudshMenu .vuMenu ul li:last-of-type {
    width: 250px;
}
div.dashboardCont .vudshMenu .vuMenu ul li ul li span {
    color: #31c110;
    position: absolute;
    left: 0;
}
div.dashboardCont .vudshMenu .vuMenu ul li.itemBox {
    right: -200px;
    position: relative;
    z-index: 1234;
}
div.dashboardCont .vudshMenu .vuMenu ul li ul li a {
    color: #000;
}
div.chatRow #sideBar .chatUsers .time span#BubleMesage {
    margin-bottom: 7px;
    background: #31c110;
    float: right;
    padding: 0px 4px;
    color: #fff;
    border-radius: 100%;
}
div.vuDashboard .dhashRow .vu_sidebar ul li a i.fas.fa-circle {
    font-size: 7px;
    position: absolute;
    left: 104px;
    margin-top: -18px;
    color: red;
}
div.chatRow #sideBar .chatUsers .time span {
    display: flex;
    align-items: center;
}
div.chatRow #sideBar .chatUsers .time span p {
    margin-left: 10px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 0;
}
div.chatRow #sideBar .chatUsers .time span p i {
    color: #31c110;
}
div.message-page div.inquiryForm_sngl .venderAgrreemtHeading h3 {
    text-align: left;
}
div.venderAgrreemtHeading {
    display: flex;
    align-items: center;
    padding: 0px 40px;
}
div.venderAgrreemtHeading .printVenderAgree {
    width: 160px;
    padding: 10px 0px;
    cursor: pointer;
}
div.inquiryForm_sngl.agreementTitle .venderAgrreemtHeading button {
    display: none;
}
.userAgreementEtc .venderAgrreemtHeading .printVenderAgree {
    display: none;
}
div.userAgreementEtc .sendAgreement {
    display: none !important;
}
div.userAgreementEtc .productPriceInfo .formGroup:nth-child(3) {
    display: none !important;
}
div.userAgreementEtc .productPriceInfo .formGroup:nth-child(4) {
    display: none !important;
}
div.userAgreementEtc .productPriceInfo .formGroup:nth-child(5) {
    display: none !important;
}
div.checkBoxelc .formGroup {
    display: flex;
}

.banner .right .userForm form .formGroup label {
    width: 100%;
    display: block;
    color: #31C110;
    font-size: 14px;
    font-weight: 600;
}
div.banner .right .userForm form .twoAbc.checkBoxelc .business {
    display: flex;
}
div.banner .right .userForm form .twoAbc.checkBoxelc {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
    display: none;
}
div.messaageType {
    font-size: 12px;
    color: red;
}
div.formGroupInp input#comQues.error {
    border-bottom: 2px solid red;
}
div.formGroupInp input#regnbrInq.error {
    border-bottom: 2px solid red;
} 
div.formGroupInp input#comQues.success {
    border-bottom: 2px solid #42c624;
}
div.formGroupInp input#regnbrInq.success {
    border-bottom: 2px solid #42c624;
} 
div.sortbySharing .product-cat_id ul {
    width: 100%;
}
div.proInquiry .inquryForm .formGroup label.priceVat b {
    font-size: 9px;
    font-weight: 300;
}


/** =========================================
    PASSWORD RESET
==========================================**/
form#login-form a {
    color: #31c110;
}
div.site-request-password-reset {
    padding: 150px 0px 90px;
    height: 100vh;
}
div#reqPassReset {
    text-align: center;
    width: 550px;
    margin: 0 auto;
}
div#reqPassReset h1 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 50px;
}
div#reqPassReset .invalid-feedback {
    text-align: left;
}
div#reqPassReset button.btn.btn-primary {
    width: 100px;
    background: #31c110;
    border: 0;
}
div.resIconTest {
    display: none;
}
div.vuDashboard .dhashRow .vu_sidebar .closeideBar {
    display: none;
}
div.buttonBackPrint .newActiveCls {
    display: none;
}
div.UserAbcTest .inquiryForm_sngl {
    padding-top: 0;
}
div.chatRow .messageContent .backButtonForChat {
    display: none;
}
div#btnNewMenu {
    display: none;
}
div#btnNewMenuClose button#mncptyColse {
    display: none;
}
div.dhashRow .vu_content .dashboardCont .message-page .inquiryForm_sngl.agreementTitle.buyerTest {
    padding-top: 0;
}
div.dhashRow .vu_content .dashboardCont .message-page .inquiryForm_sngl {
    padding-top: 0;
}
.header .center ul li:nth-child(4) {
    display: none;
}
.header .center ul li:nth-child(5) {
    display: none;
}
div.sortResABC .itemIndexListMen {
    display: none;
}
div.proInquiry .inquryForm .proPrcRow .partButton a {
    color: #2b9712;
    font-weight: 600;
}
div.right .tagsItempro h3 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    margin: 25px 0px 10px 0px;
}
div.right .tagsItempro ul {
    
}
div.right .tagsItempro ul li {
    background: #31c110;
    display: inline-block;
    color: #fff;
    padding: 2px 12px;
    border-radius: 90px;
    font-size: 12px;
    text-transform: capitalize;
    margin: 4px 2px;
    cursor: pointer;
}
div#chatProductInfo .proInfoRow .info .nameDocVend a.myDocMent .fas.fa-file-pdf {
    color: red;
}
div#chatProductInfo .proInfoRow .info a.myDocMentimage img {
    width: 100%;
    height: 30px;
}
div#chatProductInfo .proInfoRow .info a.myDocMentimage {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 80px;
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    color: #31c110;
    font-weight: 600;
}
div.frontnotify ul li#notificationBoxItem ul {
    display: none;
    position: absolute;
    z-index: 123;
    background: #fff;
    box-shadow: 0px 4px 10px #ccc;
    padding: 10px;
    margin-top: 46px;
    right: 2px;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
    width: 300px;
}
div.frontnotify ul li#notificationBoxItem ul.active{
    display: block;
}
div.frontnotify ul li#notificationBoxItem {
    margin-top: 7px;
}
div.frontnotify ul li#notificationBoxItem p span {
    top: -4px;
}
div.frontnotify ul li#notificationBoxItem ul li {
    display: block;
    text-align: left;
    font-size: 12px;
    margin: 4px 0px;
}
div.frontnotify ul li#notificationBoxItem ul li a {
    background: #f1f1f1;
    color: #000;
    margin: 0;
    padding: 0;
    border: 0;
}
div.frontnotify ul li#notificationBoxItem ul li span {
    font-size: 15px;
    margin-right: 6px;
    color: #31c110;
}
div.listingContent .sideBarContent .content .srchInfo {
    width: 100%;
    text-align: center;
}
div.right .tagsItempro ul li.child {
    background: rgba(49,193,16,0.5);
    display: none;
}
div.product-cat_id ul li ul {
    display: none;
}
div.product-cat_id ul li label span {
    position: absolute;
    font-size: 26px;
    margin-top: -7px;
    margin-left: -21px;
}
div.right .tagsItempro ul li.child.active {
    display: inline-block;
}
div.product-cat_id ul li ul.venderSubcate {
    display: block;
}



/**My new Changes**/
div.form-group.field-product-body {
    display: none;
}
div.form-group.field-product-engine_code{
    display: none;
}