/***************** Common New Css *******************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');


body {
  padding-top: 60px;
  color: #000;
  font-size: 15px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: normal;
  position: relative;
}

a:hover {
  text-decoration: none !important;
}

a,
button {
  cursor: pointer !important;
}

ul,
li {
  list-style: none;
  padding: 0;
}

img {
  max-width: 100%;
}

article {
  position: relative;
  z-index: 1;
}

.section-pd-50 {
  padding: 55px 0;
}

.section-mg-50 {
  margin: 55px 0;
}

.innerWidth {
  max-width: 1450px;
  margin: 0 auto;
}

.mainWrapper h1 {
  font-size: 100px;
  font-weight: bold;
  line-height: 0.95;
}

.bannerContent h1 {
  font-size: 68px;
  font-weight: bold;
  line-height: 0.95;
}

.mainWrapper h6 {
  font-size: 28px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 20px;
}

.mainWrapper p {
  font-size: 16px;
}

.mainHeading {
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  position: relative;
  margin-top: 0;
}

/* .discriptionPanel h2, .discriptionPanel h6, .discriptionPanel p {
    max-width: 650px;
} */
.discriptionPanel p {
  text-align: justify;
}

.customWidth {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 15px;
}

.pd-150 {
  padding: 100px 0;
}

.mg-150 {
  margin: 100px 0;
}


/************** New Header Css ****************/
ul.profileDropdownUl {
  position: absolute;
  top: 100%;
  background: #fff;
  padding: 0;
  border: 1px solid #ddd;
  min-width: 170px;
  transition: .5s ease all;
  display: none;
  box-shadow: 0 1px 15px rgba(0, 0, 0, .04), 0 1px 6px rgba(0, 0, 0, .04);
  padding-bottom: 10px;
}

.headerUser:hover ul.profileDropdownUl {
  display: block;
}

.loginHeaderPanel li ul.profileDropdownUl li {
  margin: 0;
  margin-top: 5px;
}

.loginHeaderPanel li ul.profileDropdownUl a {
  color: #000 !important;
  padding: 5px 10px 10px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: block;
  width: 100%;
  text-align: left;
}

.loginHeaderPanel li ul.profileDropdownUl a:hover {
    color: #fff !important;
    background: #27a9e3;
}

.headerUser .userProfile {
  width: 30px;
  border: none;
  height: auto;
  padding: 0;
  margin: 0;
}

.headerUser {
  padding: 15.5px 0;
}

.headerUser .userName p {
  margin: 0;
  font-size: 14px;
  color: #1f262d;
}

.headerUser .userName {
  margin-left: 5px;
}

.headerUserParent {
  display: flex;
  align-items: center;
}

.listingOptionUl ul.submenu {
  background: #fff;
  position: absolute;
  top: 36px;
  list-style: none;
  min-width: 300px;
  color: #000;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  display: none;
}

li.closed-auction-li:hover ul.submenu {
  display: block;
}

li.closed-auction-li ul.submenu:empty {
  display: none !important;
}

.listingOptionUl ul.submenu li a {
  display: flex;
  padding: 0 10px 0 0;
  align-items: center;
  color: #000 !important;
  justify-content: space-between;
}

.closed-auction-li label {
  padding: 1px 7px;
  border-radius: 3px;
}

.label-warning {
  background-color: #f0ad4e;
}

.closed-auction-li label.label-info {
  background: #284f93;
  color: #fff;
}

.auc-right {
  padding-top: 0;
}

.auc-left:hover {
  background: linear-gradient(90deg,
      rgb(253, 224, 178) 15%,
      rgb(249, 223, 183) 31%,
      rgb(253, 233, 197) 42%,
      rgb(255, 243, 217) 60%);
  border-radius: 10px;
}

.submenu a .auc-left {
  padding: 5px 10px;
  margin-right: 15px;
}

.submenu li {
  margin-bottom: 8px;
}

.headerWrapper {
 font-family: 'Nunito Sans', sans-serif;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px 0px 50px;
}

.logo img {
  -ms-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  transition: 0.5s ease all;
}

header {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #000;
  z-index: 999;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6);
}

.login_feild p {
  color: #000;
  font-size: 13px;
}

.loginPopupLink a:hover {
  color: #f38c29;
}

#pwdForm {
  color: #f38c29;
}

#pwdForm:hover {
  color: #2255a4;
}

.logo {
  overflow: hidden;
}

ul.slimmenu {
  padding-left: 105px;
  margin-bottom: -5px;
}

ul.slimmenu:after,
ul.slimmenu:before {
  content: "";
  display: table;
}

ul.slimmenu:after {
  clear: both;
}

ul.slimmenu li {
  position: relative;
  display: inline-block;
  margin-left: 20px;
}

ul.slimmenu li ul {
  margin: 0;
  list-style-type: none;
}

ul.slimmenu li ul li {
  float: none;
  display: block;
  margin: 0;
}

ul.slimmenu li ul li a {
  padding: 0 20px;
  text-decoration: none;
}

.small-header ul.slimmenu li ul li a {
  padding: 0 20px;
}

ul.slimmenu li>ul {
  position: absolute;
  left: -1px;
  top: 100%;
  z-index: 999;
  display: none;
  width: 250px;
  padding: 0;
  background: #fff;
}

ul.slimmenu li>ul>li ul {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 999;
  display: none;
  width: 100%;
}

ul.slimmenu .dropdown-menu {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

ul.slimmenu li a {
  display: block;
  color: #1f262d;
  font-size: 16px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: normal;
  text-transform: capitalize;
  padding: 0px 7px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
}

/*ul.slimmenu li a:hover,
ul.slimmenu li.active a {
  background: #163a6b;
  color: #fff;
}*/

ul.slimmenu li .sub-toggle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  width: 20px;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

ul.slimmenu li .sub-toggle:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
}

ul.slimmenu li .sub-toggle>i {
  color: #fff;
  display: none;
  font-size: 15px;
  margin-left: 5px;
  padding-bottom: 6px;
  vertical-align: middle;
}

ul.slimmenu li li:hover a {
  background: #fff;
  color: #000;
}

ul.slimmenu li:hover li a {
  background: #fff;
  color: #000;
}

ul.slimmenu>li:first-child {
  margin-left: 0;
}

.loginHeaderPanel {
  list-style: none;
  display: flex;
  margin-bottom: 0;
  position: relative;
  padding: 0;
}

.headerLeft {
  display: flex;
  align-items: center;
  flex: 0 0 70%;
  max-width: 70%;
}

.headerRight {
  display: flex;
  justify-content: flex-end;
  max-width: 30%;
  flex: 0 0 30%;
  padding-left: 0px;
  align-items: center;
}
/*-----------start-----------------*/
.headerRightFastAcution {
  position: fixed;
  top: 0;
  right: 15px;
  height: auto;
  display: flex;
  justify-content: flex-end;
  max-width: 30%;
  flex: 0 0 30%;
  padding-left: 0px;
  align-items: center;
  z-index: 999;
  padding: 10px 0;
}

.dashboard-inner .headerRight {
  padding: 0;
}

.select_langu select {
  color: #1f262d;
  font-size: 16px;
  padding: 0px 15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background: transparent;
  border: none;
}

.select_langu {
  display: flex;
  position: relative;
  align-items: center;
}

.select_langu select option {
  color: #000 !important;
  text-shadow: none;
}

.select_langu img {
  vertical-align: middle;
  display: inline-block;
  margin-top: -1px;
  height: 22px;
  width: 24px;
}

.listingOptionUl {
  list-style: none;
  display: flex;
  margin-bottom: 0;
  padding: 13px 0;
}

.listingOptionUl li {
  margin: 0 6px;
  position: relative;
}

.loginHeaderPanel li>a,
.listingOptionUl li a {
  display: inline-block;
  color: #fff !important;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  padding: 5.5px 14px;
  border-radius: 0;
  cursor: pointer;
}

.loginHeaderPanel li {
  margin: 0 6px;
  position: relative;
  cursor: pointer;
}

.logoutBtn>a {
  width: 60px;
  height: 35px;
  text-align: center;
}

.logoutBtn>a img {
  width: 22px;
}

.logo img {
  height: 46px;
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
}

.login_user {
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
}

#headerLoginFrm,
form#forgotPassFrm {
  left: -80px;
  position: absolute;
  top: 48px;
  width: 330px;
  z-index: 9;
  overflow: hidden;
}

#headerLoginFrm p a {
  text-shadow: none;
  color: #114b91;
}

#headerLoginFrm p a:hover {
  color: #e67814;
}

.login_user h4 {
  background: #eee;
  margin: 0;
  padding: 12px 20px;
  color: #222;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 24px;
}

.login_feild input {
  border: 1px solid #d2d2d2;
  margin-bottom: 15px;
  padding: 7px 15px;
  width: 100%;
  color: #000;
  font-size: 14px;
}

.login_feild {
  padding: 15px 25px;
}

.login_feild button {
  color: #fff;
  padding: 7px 25px;
  font-size: 16px;
  border-radius: 6px;
  border: none;
}

.forgot-pass {
  text-align: right;
  display: block;
  margin-top: 12px;
}

.loginPopupLink {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 0;
}

.loginPopupLinkSecondary {
  display: flex;
  justify-content: space-between;
  /* margin: 15px 0 0; */
}

a#lgnForm {
  color: #f77b38 !important;
}

a#lgnForm:hover {
  color: #114b91 !important;
}

.headerLeft .navigation {
  display: flex;
  justify-content: space-between;
  max-width: calc(100% - 80px);
  flex: 0 0 calc(100% - 80px);
  align-items: center;
}

.menu-button-box {
  display: none;
  vertical-align: middle;
  line-height: 1;
  margin: 3px 40px 0 15px;
}

.menu-button {
  border: none;
  background: 0 0;
  width: 22px;
  height: 18px;
  padding: 0;
  cursor: pointer;
}

.menu-button:focus,
.menu-button:hover {
  outline: none;
}

.menu-button span {
  background: rgb(242, 142, 38);
  width: 20px;
  height: 2px;
  margin-bottom: 5px;
  display: block;
  position: relative;
}

.menu-button span:nth-child(2) {
  width: 30px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.menu-button span:after {
  content: "";
  width: 0%;
  position: absolute;
  height: 100%;
  background: rgb(30, 60, 114);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  left: 0;
  top: 0;
}

.menu-button span:nth-child(2):after {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.menu-button span:nth-child(3):after {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.menu-button:hover span:after {
  width: 100%;
}

/************** Home Page Css *****************/
#myVideo {
  width: 100%;
}

.dflex {
  display: flex;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.mainWrapper {
  font-family: 'Nunito Sans', sans-serif;
  background: #fff;
}

.bannerWrapper {
  padding: 50px 45px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.homeimgParent {
  display: none;
}

.homeBannerWrapper {
  position: relative;
  margin-bottom: 50px;
}

.bannerContent {
  z-index: 1;
}

.bannerContent h1 {
  color: #fff;
}

.bannerContent h6 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}

.bannerWrapper__right {
  display: flex;
  justify-content: center;
}

.homeFormBox {
  width: 377px;
  z-index: 1;
  position: relative;
}

.homeForm {
  margin: auto;
  position: relative;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  background-clip: padding-box;
  border: solid 13px transparent;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  padding: 20px 20px 0;
}

.homeForm:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -13px;
  border-radius: inherit;
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
}

.loginForm .form-group img {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.loginForm .form-group {
  position: relative;
  margin-bottom: 15px;
}

.form-group .homeInput {
  border: 2px solid #818181;
  height: 43px;
  width: 294px;
  border-radius: 6px;
  padding-left: 25px;
  font-size: 14px;
}

.form-group .homeInput::-webkit-input-placeholder {
  color: #bfbfbf !important;
}

.form-group .homeInput:-ms-input-placeholder {
  color: #bfbfbf !important;
}

.form-group .homeInput::placeholder {
  color: #bfbfbf !important;
}

.homeForm__head h3 {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.homeForm__head p {
  font-size: 20px;
  font-weight: bold;
  color: #018cf2;
}

.homeForm__form {
  margin: 30px 0 27px;
}

.loginForm__btn .loginSubmit {
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  color: #fff;
  min-width: 138px;
  min-height: 43px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-right: 15px;
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
}

.loginForm__btn .loginSubmit:hover,
.loginForm__btn .loginSubmit:focus {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  color: #fff;
}

.loginForm__btn p {
  margin-bottom: 0;
}

.loginForm__btn p a {
  font-size: 15px;
  color: #018cf2;
  text-decoration: underline;
}

.loginForm__btn p a:hover {
  color: #e77c06;
}

.loginForm__btn {
  align-items: center;
}

.homeForm__feature ul {
  padding-left: 15px;
}

.homeForm__feature li {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  list-style: disc;
}

.homeRegister {
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  margin: 0px -20px;
  padding: 20px;
  display: flex;
  align-items: center;
}

.homeRegister__content p {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.4;
}

.freeRequestPanel {
  align-items: center;
}

.homeRegister__button a {
  display: inline-block;
  min-width: 81px;
  min-height: 38px;
  background: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #000;
  line-height: 38px;
  padding: 0 10px;
}

.homeRegister__button {
  margin-left: 20px;
}

.homeBtnPanel {
  margin: 25px 20px 0 0;
}

.bannerButton {
  margin-top: 60px;
  display: flex;
}

.bannerButton .btn {
  font-size: 20px;
  font-weight: bold;
  min-width: 250px;
  min-height: 70px;
  color: #fff;
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  line-height: 70px;
  display: inline-block;
  padding: 0 10px;
}

.bannerButton .orangeBtn,
.orangeBtn {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

.orangeBtn:hover,
.orangeBtn:focus,
.orangeBtn:active,
.orangeBtn.btn:not(:disabled):not(.disabled).active,
.orangeBtn.btn:not(:disabled):not(.disabled):active {
  background: #27a9e3 !important;
  color: #fff !important;
}

.bannerButton .blueBtn,
.blueBtn {
  background: #27a9e3;
  color: #fff;
}

.blueBtn:hover,
.blueBtn:focus,.blueBtn:active {
  background: rgb(242, 142, 38) !important;
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%) !important;
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%) !important;
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%) !important;
  color: #fff !important;
}

.topPanelShape {
  position: relative;
  z-index: 1;
}

.signup-submit.blueBtn a {
  color: #fff;
}

.topPanelShape:before {
  content: "";
  background: url(../img/home/buyershape.png);
  width: 100%;
  height: 804px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 1;
  background-repeat: no-repeat;
}

.contactWrapper {
  position: relative;
  z-index: 1;
}

/*********** Used Car Section Css ******************/
.usercarSection {
  position: relative;
  z-index: 1;
}

.usercarSection:before {
  content: "";
  background: url(../images/home/usedbg.png);
  width: 100%;
  height: 643px;
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  z-index: -1;
}

.usercarPanel {
  max-width: 1100px;
  margin: 0px auto;
}

.usercarPanel h2 {
  text-align: center;
}

.usercarPanel__bottomContent {
  margin-top: 55px;
}

.usedcarcarousel .homeForm {
  padding: 15px 0 0;
}

.usedcarcarousel .usedcarLogin {
  margin: 0;
  padding: 7px 20px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3c72', endColorstr='#2a5298', GradientType=1);
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3c72', endColorstr='#2a5298', GradientType=1);
}

.usedcarDetailBox h3 {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin: 0;
}

.usedcarDetailBox h6 {
  font-size: 16px;
  color: #018cf2;
  font-weight: bold;
  margin-top: 0;
}

.usedcardiscription p {
  font-size: 12px;
  color: #000;
  margin: 0;
}

.usedcarDetailBox {
  padding: 0 20px 10px;
}

.usedcarcarousel .homeRegister__content p {
  font-size: 18px;
  line-height: 1.2;
}

.usedcarcarousel .homeRegister__button a {
  min-width: 94px;
  min-height: 30px;
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  font-size: 12px;
  line-height: 30px;
}

.usedcarcarousel .homeForm {
  width: 304px;
}

.usedcarcarousel .homeForm::before {
  margin: -10px;
}

.usedcarImgBox {
  height: 213px;
  display: flex;
  overflow: hidden;
  align-items: flex-end;
}

.noImgThumb img {
  width: auto !important;
  margin: 0 auto;
}

.noImgThumb {
  align-items: center;
  display: flex;
}

.usedcarcarousel.owl-carousel .owl-stage-outer {
  padding: 36px 0 0;
}

.usedcarcarousel .owl-item.active {
  transform: skew(8deg, -8deg) scale(0.9);
  -webkit-transform: skew(8deg, -8deg) scale(0.9);
  -moz-transform: skew(8deg, -8deg) scale(0.9);
  -ms-transform: skew(8deg, -8deg) scale(0.9);
  -o-transform: skew(8deg, -8deg) scale(0.9);
}

.usedcarcarousel .owl-item.center+.owl-item {
  transform: skew(-8deg, 8deg) scale(0.9);
  -webkit-transform: skew(-8deg, 8deg) scale(0.9);
  -moz-transform: skew(-8deg, 8deg) scale(0.9);
  -ms-transform: skew(-8deg, 8deg) scale(0.9);
  -o-transform: skew(-8deg, 8deg) scale(0.9);
}

.usedcarcarousel .owl-item.active.center {
  transform: unset;
  margin-top: -38px;
}

.usedcarcarousel .owl-nav>div {
  background: rgba(1, 140, 242, 0.16) !important;
  width: 60px;
  height: 60px;
  border-radius: 50px !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  -o-border-radius: 50px !important;
  color: #d6edfd !important;
  font-size: 0 !important;
}

.usedcarcarousel .owl-nav>div:hover {
  background: rgba(1, 140, 242, 1) !important;
  color: rgba(1, 140, 242, 1) !important;
}

.usedcarcarousel .owl-nav div span {
  display: none;
}

.usedcarcarousel .owl-prev::after {
  content: "\f0d9";
  font-family: Fontawesome;
  font-size: 40px;
  color: #fff;
  text-align: center;
  margin-left: 11px;
}

.usedcarcarousel .owl-next::after {
  content: "\f0da";
  font-family: Fontawesome;
  font-size: 40px;
  color: #fff;
  text-align: center;
  margin-left: 18px;
}

.usedcarcarousel .owl-prev {
  margin-left: -65px !important;
}

.usedcarcarousel .owl-next {
  float: right;
  margin-right: -65px !important;
}

.usedcarcarousel .owl-nav {
  position: absolute;
  width: 100%;
  bottom: 130px;
  text-align: left !important;
  z-index: -1;
}

.usercarPanel__Slider {
  margin: 100px 0 60px;
}

/************ Club Css *************/
article.clubSection {
  display: none;
}

.clubSection {
  background: -moz-linear-gradient(left, rgba(1, 94, 234, 0.56) 0%, rgba(0, 192, 250, 0.56) 100%);
  background: -webkit-linear-gradient(left, rgba(1, 94, 234, 0.56) 0%, rgba(0, 192, 250, 0.56) 100%);
  background: linear-gradient(to right, rgba(1, 94, 234, 0.56) 0%, rgba(0, 192, 250, 0.56) 100%);
  padding: 80px 0;
}

.clubPanel__content p {
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 15px;
}

.clubPanel__content p:last-child {
  margin-bottom: 0;
}

.clublogoBox {
  width: 195px;
  height: 195px;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.clublogoBox:hover {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}

.clubPanel {
  align-items: center;
}

.clubPanel__content {
  flex: 0 0 25%;
  max-width: 25%;
}

.clubPanel__logo {
  flex: 0 0 75%;
  max-width: 75%;
  padding-left: 88px;
}

.owl-theme--custom .owl-next {
  width: 195px;
  height: 195px;
  background: rgba(254, 254, 254, 0.78);
  border-radius: 35px;
  position: relative;
}

.owl-theme--custom .owl-next span {
  opacity: 0;
}

.owl-theme--custom .owl-next::after {
  content: "\f141";
  font-family: Fontawesome;
  font-size: 50px;
  border-radius: 50px;
  color: #fff;
}

.owl-theme--custom .owl-prev {
  display: none;
}

.owl-theme--custom .owl-nav {
  position: absolute;
  top: 0;
  right: -265px;
}

/************* Discription Css *************/
.discriptionPanel {
  align-items: center;
  justify-content: space-between;
}

.discriptionPanel__content {
  flex: 0 0 650px;
  max-width: 650px;
}

.discriptionPanel__img {
  flex: 0 0 35%;
  max-width: 35%;
  display: flex;
  justify-content: flex-end;
}

.discriptionPanel__content h6 {
  color: #0089f7;
}

.discriptionPanel__content p {
  color: #000;
  line-height: 1.5;
}

.discriptionPanel__content p span {
  color: #4bfb5a;
  font-style: italic;
}

.reversePropert .discriptionPanel__content {
  order: 2;
}

/************* Advantages Css *************/

.advantageSection {
  padding: 80px 0;
  background: -moz-linear-gradient(left,
      rgba(242, 142, 38, 0.56) 0%,
      rgba(250, 111, 68, 0.56) 74%,
      rgba(253, 100, 79, 0.56) 100%);
  background: -webkit-linear-gradient(left,
      rgba(242, 142, 38, 0.56) 0%,
      rgba(250, 111, 68, 0.56) 74%,
      rgba(253, 100, 79, 0.56) 100%);
  background: linear-gradient(to right,
      rgba(242, 142, 38, 0.56) 0%,
      rgba(250, 111, 68, 0.56) 74%,
      rgba(253, 100, 79, 0.56) 100%);
}

.advantageSection h4 {
  font-size: 27px;
  font-weight: bold;
  color: #fff;
}

/* .advantageSection .clublogoBox {
  background: rgb(1, 94, 234);
  background: -moz-linear-gradient(left, rgba(1, 94, 234, 1) 0%, rgba(0, 192, 250, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(1, 94, 234, 1) 0%, rgba(0, 192, 250, 1) 100%);
  background: linear-gradient(to right, rgba(1, 94, 234, 1) 0%, rgba(0, 192, 250, 1) 100%);
}

.advantageSection .owl-item:nth-child(even) .clublogoBox {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
} */

/************* Features Css *****************/
.featureBox h6 {
  color: #000;
}

.featureBox p {
  color: #000;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.featureBox {
  margin-bottom: 35px;
  max-width: 80%;
}

.de-lang .toolsBox p {
  min-height: 28px;
}

/************ Testimonial Css **************/
.testimonialWrapper {
  position: relative;
  z-index: 1;
}

.testimonialWrapper:after {
  content: "";
  background: url(../img/home/orangebg.png);
  width: 100%;
  height: 439px;
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  z-index: -1;
}

.testimonialBox {
  width: 420px;
  -webkit-box-shadow: -1px 3px 13px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: -1px 3px 13px 0px rgba(0, 0, 0, 0.18);
  -o-box-shadow: -1px 3px 13px 0px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: -1px 3px 13px 0px rgba(0, 0, 0, 0.18);
  box-shadow: -1px 3px 13px 0px rgba(0, 0, 0, 0.18);
  padding: 30px;
  margin: 0 auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  word-break: break-all;
  min-height: 260px;
  background: #fff;
}

.testimonailcarousel.owl-carousel .owl-stage-outer {
  padding: 10px;
}

.testimonialCompany img {
  width: auto !important;
}

.testimonialCompany {
  margin-top: 38px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.testimonialCompany p {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  text-align: right;
}

.testimonialBox p {
  font-size: 18px;
  line-height: 1.4;
  font-style: italic;
  color: #4f4f4f;
}

.testimonailcarousel .owl-dot span {
  background: #444;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0px 6px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.testimonailcarousel .owl-dot {
  background: transparent;
}

.testimonailcarousel .active.owl-dot span {
  background: #e67814;
}

.testimonailcarousel .owl-dots {
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/**************** Contact Css ******************/
.contactPanel__content h2 {
  font-size: 60px;
  font-weight: bold;
  color: #000;
  line-height: 1;
  margin-top: 0;
}

.contactPanel__content h4 {
  font-size: 28px;
  font-weight: bold;
  color: #f68034;
  margin-top: 15px;
  margin-bottom: 25px;
}

.contactPanel__content h6 {
  font-size: 23px;
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
}

.contactDetail p {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  margin-bottom: 1px;
}

.contactDetail p a {
  font-weight: normal;
  color: #000;
}

.contactDetail p a:hover {
  color: #e77c05;
}

.contactPanel {
  background: -moz-linear-gradient(left,
      rgba(242, 142, 38, 0.21) 0%,
      rgba(242, 142, 38, 0.21) 1%,
      rgba(253, 100, 79, 0.21) 100%);
  background: -webkit-linear-gradient(left,
      rgba(242, 142, 38, 0.21) 0%,
      rgba(242, 142, 38, 0.21) 1%,
      rgba(253, 100, 79, 0.21) 100%);
  background: linear-gradient(to right,
      rgba(242, 142, 38, 0.21) 0%,
      rgba(242, 142, 38, 0.21) 1%,
      rgba(253, 100, 79, 0.21) 100%);
  max-width: 750px;
  margin: 0 auto 0;
  padding: 35px 50px;
  border-radius: 16px;
  align-items: center;
}

.contactPanel__content {
  flex: 0 0 55%;
  max-width: 55%;
}

.contactPanel__form {
  flex: 0 0 45%;
  max-width: 45%;
  display: flex;
  justify-content: center;
}

.form-control.homeContactInput {
  width: 275px;
  height: 41px;
  border: 1px solid #8d8d8d;
  border-radius: 0;
  padding-left: 10px;
  font-size: 14px;
  color: #000;
}

.form-control.homeContactTextarea {
  width: 275px;
  height: 137px;
  border: 1px solid #8d8d8d;
  border-radius: 0;
  padding-left: 10px;
  font-size: 14px;
  resize: none;
}

.btn.sendBtn {
  background: -moz-linear-gradient(left, rgba(1, 94, 234, 0.36) 0%, rgba(0, 192, 250, 0.36) 100%);
  background: -webkit-linear-gradient(left, rgba(1, 94, 234, 0.36) 0%, rgba(0, 192, 250, 0.36) 100%);
  background: linear-gradient(to right, rgba(1, 94, 234, 0.36) 0%, rgba(0, 192, 250, 0.36) 100%);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border: 1px solid #000;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1px 7px;
}

.contactSend1 {
  text-align: right;
}

.form-control:focus {
  box-shadow: none;
}

.contactSend {
  text-align: right;
}

/************** Footer Css ******************/
.footer-section.contactpage-footer {
  margin-top: -25px;
}

.newFooter {
  background: url("../images/home/footerbg.png");
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-top: 50px;
}

.footerPanel-menu h3 {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 15px;
  font-family: 'Nunito Sans', sans-serif;
}

.footerPanel {
  display: flex;
  padding: 98px 45px 35px 200px;
  justify-content: space-between;
  font-family: 'Nunito Sans', sans-serif;
}

.footerPanel__left {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  padding-top: 15px;
}

.footerPanel-menu ul {
  list-style: none;
}

.footerPanel-menu ul>li>a {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
}

.footerPanel-menu ul>li>a:hover {
  color: #e77c05;
}

.footerPanel-menu {
  margin-right: 90px;
}

.footerPanel__right ul {
  list-style: none;
  display: flex;
  padding-top: 40px;
  align-items: center;
}

.footerPanel__right ul li {
  margin-left: 60px;
}

p.copyrightText {
  color: #fff;
  font-size: 13px;
  position: absolute;
  top: 23px;
  left: 23px;
  margin-bottom: 0;
}

.madeInGermany p {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  margin: 0;
  padding-left: 8px;
}

.madeInGermany {
  display: flex;
  align-items: center;
}

/************** Buyer Css ******************/
.innerBanner__img img {
  width: 100%;
}

.innerBannerWrapper {
  z-index: 9;
  position: relative;
}

.innerBanner {
  position: relative;
}

.innerBanner__content h1 {
  color: #fff;
  line-height: normal;
}

.innerBanner__content p {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  line-height: normal;
}

.innerBanner__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  /* padding: 0; */
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.buyerIntroPanel__content h2 {
  color: #000;
}

.buyerIntroPanel__content p {
  color: #000;
}

.buyerIntroPanel__content {
  max-width: 700px;
  margin: 0 auto;
}

.buyerIntroWrapper {
  position: relative;
  z-index: 1;
  padding-top: 110px;
  padding-bottom: 55px;
}

.buyerIntroWrapper::after {
  content: "";
  background: url(../images/home/buyershape.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
}

.buyerIntroWrapper::before {
  content: "";
  background: url(../images/home/buyershapeorange.png);
  background-size: auto;
  background-size: cover;
  width: 979px;
  height: 286px;
  position: absolute;
  top: -46px;
  right: 0;
  z-index: -1;
}

.discriptionPanel__content h2 {
  margin-bottom: 0;
  position: relative;
}

.rewardBox h3 {
  font-size: 28px;
  font-weight: bold;
  color: #0089f7;
  margin-bottom: 0;
}

.rewardBoxPanel {
  padding: 50px 15% 0 0;
}

.discriptionPanel__content .rewardBoxPanel p {
  line-height: 1.3;
}

.rewardBox {
  padding-top: 35px;
}

.rewardImg {
  flex: 0 0 45%;
  max-width: 45%;
}

.justAuctionWrapper {
  position: relative;
  z-index: 1;
}

.justAuctionWrapper::before {
  content: "";
  background: url(../images/home/auctionshape.png);
  background-size: cover;
  width: 100%;
  height: 447px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.font-80 {
  font-size: 72px;
  font-weight: bold;
  color: #000;
}

.justAuctionPanel h2 {
  margin-bottom: 85px;
  text-align: center;
}

.justActionBox h6 {
  color: #000;
  line-height: 1;
  margin-bottom: 25px;
}

.justActionBox p {
  color: #000;
}

.justAuctionPanel .row {
  margin: 0 -25px;
}

.justActionBox {
  padding: 0 25px;
}

.font-44 {
  font-size: 44px;
  font-weight: bold;
  color: #0089f7;
}

.toolsImg {
  width: 135px;
  margin: 0 auto;
}

.toolsBox p {
  font-size: 14px;
  font-style: italic;
  margin-bottom: 10px;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

.toolsImagePanel {
  display: flex;
  flex-wrap: wrap;
}

.toolsBox {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  margin-bottom: 45px;
}

.toolsPanel__left {
  flex: 0 0 67%;
  max-width: 67%;
  padding-right: 20px;
}

.toolsPanel__right {
  flex: 0 0 33%;
  max-width: 33%;
}

.toolsBoxParent {
  text-align: center;
}

.toolsPanel__left p {
  color: #000;
  max-width: 650px;
}

.toolsPanel {
  align-items: center;
}

.consultantWrapper {
  position: relative;
  z-index: 2;
}

.consultantWrapper::before {
  content: "";
  background: url(../images/home/consultantbg.png);
  width: 100%;
  height: 729px;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
}

.consultantWrapper h6 {
  color: #f76e00;
}

.planPanel__content h6 {
  color: #f28e27;
}

.planPanel__content p {
  color: #000;
}

.planPanel__content {
  max-width: 400px;
}

.planPanel .col-5,
.planPanel .col-7 {
  padding: 0;
}

.basicBox h4 {
  font-size: 23px;
  color: #555555;
  font-weight: normal;
}

.basicBox p {
  font-size: 16px;
  font-weight: bold;
  color: #767676;
}

.plusPlanMain .planFeature ul li:last-child {
  flex: 0 0 50px;
  max-width: 50px;
}

.plusPlanMain .planFeature ul li {
  flex: 0 0 calc(100% - 60px);
  max-width: calc(100% - 60px);
}

.planFeature ul li {
  font-size: 16px;
  color: #767676;
}

.planCard__main {
  width: 297px;
  z-index: 1;
  position: relative;
  margin-right: 45px;
}

.planFeature {
  padding-top: 40px;
  padding-bottom: 10px;
}

.grayShadowBorder {
  margin: auto;
  position: relative;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  background-clip: border-box;
  background-clip: padding-box;
  border: solid 7px transparent;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  padding: 15px 20px 0;
}

.grayShadowBorder::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -7px;
  border-radius: inherit;
  /* background: rgb(226, 227, 231);
    background: -moz-linear-gradient(left, rgba(226, 227, 231, 1) 0%, rgba(200, 203, 211, 1) 50%, rgba(200, 203, 210, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(226, 227, 231, 1) 0%, rgba(200, 203, 211, 1) 50%, rgba(200, 203, 210, 1) 100%);
    background: linear-gradient(to right, rgba(226, 227, 231, 1) 0%, rgba(200, 203, 211, 1) 50%, rgba(200, 203, 210, 1) 100%);
    filter:
        progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e3e7', endColorstr='#c8cbd2', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e3e7', endColorstr='#c8cbd2', GradientType=1); */
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
}

.orangeShadowBorder {
  margin: auto;
  position: relative;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  background-clip: border-box;
  background-clip: padding-box;
  border: solid 7px transparent;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  padding: 15px 20px 0;
}

.orangeShadowBorder::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -7px;
  border-radius: inherit;
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

.orangeboxBg {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

.blueboxBg {
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
}

.planFeature ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 3px;
  padding-bottom: 3px;
}

.grayboxBg {
  /* background: rgb(200, 203, 210);
    background: -moz-linear-gradient(left, rgba(200, 203, 210, 1) 0%, rgba(200, 203, 211, 1) 50%, rgba(226, 227, 231, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(200, 203, 210, 1) 0%, rgba(200, 203, 211, 1) 50%, rgba(226, 227, 231, 1) 100%);
    background: linear-gradient(to right, rgba(200, 203, 210, 1) 0%, rgba(200, 203, 211, 1) 50%, rgba(226, 227, 231, 1) 100%);
    filter:
        progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8cbd2', endColorstr='#e2e3e7', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8cbd2', endColorstr='#e2e3e7', GradientType=1); */
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
}

.planCard__bottom {
  margin: 0 -20px;
  overflow: hidden;
  text-align: right;
  padding: 9px 20px;
  border-radius: 0 0 21px 21px;
  -webkit-border-radius: 0 0 21px 21px;
  -moz-border-radius: 0 0 21px 21px;
  -ms-border-radius: 0 0 21px 21px;
  -o-border-radius: 0 0 21px 21px;
}

.planCard__bottom h3 {
  margin: 0;
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.listPanel {
  padding: 0;
  margin-top: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.listBox p {
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

.listBox {
  text-align: center;
  padding: 20px 0 30px;
  overflow: hidden;
  border-radius: 8px;
}

.feedbackPopup.modal {
  overflow-y: auto;
}

.planCard {
  display: flex;
  position: relative;
  max-width: 82%;
  padding-left: 7%;
}

.planCard:after {
  content: "";
  /*background: url(../images/home/gold.png);*/
  width: 430px;
  height: 767px;
  position: absolute;
  right: -38px;
  top: -160px;
}

.plusPlan h4 {
  color: #f38d27;
}

.plusPlan .planFeature {
  padding-top: 0;
  padding-bottom: 23px;
}

.plusplanCard__bottom h3 {
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

.plusplanCard__bottom h3 span {
  font-size: 27px;
  font-weight: 300;
}

.plusplanCard__bottom {
  margin: 0 -20px;
  overflow: hidden;
  text-align: right;
  padding: 4px 20px;
  border-radius: 0 0 21px 21px;
  -webkit-border-radius: 0 0 21px 21px;
  -moz-border-radius: 0 0 21px 21px;
  -ms-border-radius: 0 0 21px 21px;
  -o-border-radius: 0 0 21px 21px;
}

.subHeading {
  font-size: 44px;
  font-weight: bold;
  color: #ff9720;
}

.dealcarousel .homeForm {
  padding: 15px 0 0;
}

.dealcarousel .usedcarLogin {
  margin: 0;
  padding: 7px 20px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
}

.dealcarousel .homeRegister__content p {
  font-size: 18px;
  line-height: 1.2;
}

.dealPanel__wrap {
  margin-left: -178px;
  margin-top: 50px;
}

.dealcarousel {
  margin-left: 178px;
  overflow: hidden;
  margin-top: 25px;
}

.dealcarousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.dealcarousel .owl-stage {
  padding-left: 0 !important;
}

.dealcarousel .owl-item .item {
  opacity: 0.2;
}

.dealcarousel .owl-item.active .item {
  opacity: 1;
}

.commonSliderDot .owl-dots {
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.commonSliderDot .owl-dot {
  background: transparent;
  margin-bottom: 5px;
}

.commonSliderDot .owl-dot span {
  background: #444;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0px 6px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.commonSliderDot .active.owl-dot span {
  background: #e67814;
}

/* .dealWrapper {
  padding: 150px 0;
}

*/

.buyerContactWrapper {
  position: relative;
  z-index: 1;
}

/***** Faq Css *******/
.faqinnerPanel {
  padding: 50px 0 0 !important;
}

.faqWrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.faqWrapper:after {
  content: "";
  background: url(../images/home/faqbg.png);
  width: 754px;
  height: 850px;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: -1;
}

.accordion__button a.collapsed {
  color: #000;
  background: #f0f0f0;
  background: -moz-linear-gradient(left, rgba(240, 240, 240, 1) 0%, rgba(241, 241, 241, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(240, 240, 240, 1) 0%, rgba(241, 241, 241, 1) 100%);
  background: linear-gradient(to right, rgba(240, 240, 240, 1) 0%, rgba(241, 241, 241, 1) 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
  display: block;
  padding: 26px 70px 26px 30px;
  overflow: hidden;
  line-height: 1.2;
  position: relative;
}

.accordion__button[aria-expanded="true"] a.collapsed {
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  color: #fff;
  background: #1e3c72;
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
}

.accordion__button a.collapsed:hover {
  color: #fff;
  background: #1e3c72;
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
}

.accordion__button a.collapsed::after {
  content: "\f107";
  font-family: fontawesome;
  position: absolute;
  right: 25px;
  font-size: 32px;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.accordion__button[aria-expanded=true] a.collapsed:after {
  content: "\f106";
}

.accordion__item {
  margin-bottom: 30px;
}

.faqinnerPanel .card-body {
  padding: 15px;
  border-radius: 0;
  margin: 2px 0 0;
  background: #f1f1f11f;
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgb(242, 142, 38) 0%, rgb(253, 100, 79) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgb(242, 142, 38) 0%, rgb(253, 100, 79) 100%);
  color: #fff;
  font-size: 18px;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
}

.buyerContactPanel {
  max-width: 1110px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}

.buyerContactPanel .contactPanel__content {
  max-width: 100%;
}

.innerContactDetail {
  padding: 55px 40px 60px 90px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  background: -moz-linear-gradient(left, rgba(13, 204, 255, 0.21) 0%, rgba(71, 96, 255, 0.21) 100%);
  background: -webkit-linear-gradient(left, rgba(13, 204, 255, 0.21) 0%, rgba(71, 96, 255, 0.21) 100%);
  background: linear-gradient(to right, rgba(13, 204, 255, 0.21) 0%, rgba(71, 96, 255, 0.21) 100%);
}

.buyerContactPanel__left {
  flex: 0 0 55%;
  max-width: 55%;
}

.innerContactDetail h2 {
  font-size: 60px;
  font-weight: bold;
  color: #000;
  line-height: 0.9;
}

.innerContactDetail h4 {
  font-size: 28px;
  font-weight: bold;
  color: #2d6dcd;
  line-height: 1;
  margin: 30px 0 45px;
}

.innerContactDetail h6 {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  line-height: 1;
}

.innerContactDetail .contactDetail p {
  font-size: 19px;
  font-weight: bold;
  color: #000;
}

.innerContactDetail .contactDetail a {
  font-weight: normal;
  color: #000;
}

/************ Seller Page Css **************/
.width-1550 {
  max-width: 1550px;
  margin: 0 auto;
}

.sellerInnerBanner {
  margin-bottom: 55px;
}

.mainHeading span {
  color: #0089f7;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  left: -70px;
  top: 4px;
}

.discriptionPanel--seller {
  align-items: center;
  justify-content: space-between;
}

.sellerClosedWrapper {
  position: relative;
  z-index: 1;
}

.sellerClosedWrapper::after {
  content: "";
  background: url(../images/home/closedauctionbg.png);
  width: 1920;
  height: 581px;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
}

.closedNumberBox {
  position: relative;
  display: flex;
  align-items: center;
}

.closedNumberBox h3 {
  font-size: 90px;
  font-weight: bold;
  color: #5e8ede;
  line-height: 1;
  margin: 0;
}

.closedAuctionNumberPanel {
  padding-left: 280px;
}

.closedNumberBox.one {
  margin-bottom: 180px;
}

.closedNumberBox.two {
  padding-left: 90px;
}

.section-mg-350 {
  margin: 200px 0;
}

.subHeadingBlue {
  font-size: 44px;
  font-weight: bold;
  color: #0089f7;
}

.blockContent a {
  font-size: 14px;
  font-weight: bold;
  color: #1e86fa;
  text-decoration: underline;
  display: inline-block;
  margin-top: 10px;
}

.blockContent p {
  color: #000;
}

.closedNumberBox p {
  font-size: 14px;
  font-weight: bold;
  color: #5e8ede;
  margin-bottom: 0;
  line-height: 1;
  margin-left: -20px;
  margin-top: -8px;
}

.blockContent .closedAuctionNumberPanel {
  padding: 0;
  margin-left: -65px;
  margin-top: 115px;
  justify-content: space-between;
  align-items: flex-start;
}

.sellerClosedWrapper .blockContent {
  margin-top: 40px;
  padding-left: 40px;
}

.closedNumberBox.four {
  margin-top: 21px;
}

.sellerFeatureBox {
  position: relative;
}

.sellerFeatureBox h3 {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}

.sellerFeatureBox p {
  color: #000;
  max-width: 80%;
}

.sellerFeatureBox ol li {
  font-size: 16px;
  color: #000;
}

.sellerFeatureBox ol {
  list-style: none;
  padding: 0;
}

.featureIcon {
  position: absolute;
  left: -145px;
  text-align: center;
  top: 15px;
  display: none;
}

.sellerFeaturePanel__content {
  max-width: 62%;
}

.sellerFeatureBox {
  position: relative;
  margin-top: 30px;
  max-width: 650px;
}

.sellerFeaturePanel {
  position: relative;
  z-index: 1;
}

.sellerFeaturePanel__img img {
  width: 65%;
  float: right;
}

.sellerFeaturePanel__img {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1;
}

.blockparent {
  align-items: center;
  justify-content: space-between;
}

.efficentWrapper .blockparent .blockContent {
  /* padding-left: 0; */
  max-width: 650px;
}

.efficentWrapper .blockparent .blockContent h2 {
  margin-left: -41px;
}

.targetWrapper {
  position: relative;
  z-index: 1;
}

.blockparent .blockContent {
  padding-left: 40px;
}

.targetWrapper::before {
  content: "";
  background: url(../images/home/consultantbg.png);
  width: 100%;
  height: 453px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
}

.targetWrapper .blockparent .blockContent {
  max-width: 650px;
}

.targetWrapper .blockImg img {
  width: 90%;
}

.featureCard h3 {
  font-size: 28px;
  font-weight: bold;
  padding-left: 10px;
}

.featureCard p {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.3;
  padding-left: 10px;
}

.featurePlanBoxContent p {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.starterPlan .featurePlanBoxContent p {
  font-size: 21px;
  margin-bottom: 10px;
}

.featureCard {
  border: 7px solid #fff;
  overflow: hidden;
  padding: 15px 10px 35px;
  color: #fff;
  margin: 0 25px;
  max-width: 217px;
  -webkit-box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  -moz-box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  -o-box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  -ms-box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.featurePlanBoxContent {
  margin-top: 45px;
}

.proPlan .featurePlanBoxContent {
  margin-top: 20px;
}

.featurePlanBox {
  display: flex;
  padding-left: 50px;
  min-height: 700px;
}

.freeRequest {
  padding: 62px 0 35px;
  background: -moz-linear-gradient(left,
      rgba(255, 147, 76, 0.21) 0%,
      rgba(255, 147, 76, 0.21) 1%,
      rgba(252, 104, 111, 0.21) 100%);
  background: -webkit-linear-gradient(left,
      rgba(255, 147, 76, 0.21) 0%,
      rgba(255, 147, 76, 0.21) 1%,
      rgba(252, 104, 111, 0.21) 100%);
  background: linear-gradient(to right,
      rgba(255, 147, 76, 0.21) 0%,
      rgba(255, 147, 76, 0.21) 1%,
      rgba(252, 104, 111, 0.21) 100%);
}

.featurePlanBox__inner {
  flex-wrap: wrap;
  display: flex;
}

.planPanel {
  align-items: center;
}

.starterPlan {
  align-items: flex-end;
}

.proPlan {
  align-items: flex-start;
}

.plusPlan {
  align-items: center;
}

.proPlan .featureCard {
  padding-bottom: 7px;
  -webkit-box-shadow: 0px 0px 57.8px 10.2px rgba(255, 154, 34, 0.44);
  -moz-box-shadow: 0px 0px 57.8px 10.2px rgba(255, 154, 34, 0.44);
  -ms-box-shadow: 0px 0px 57.8px 10.2px rgba(255, 154, 34, 0.44);
  -o-box-shadow: 0px 0px 57.8px 10.2px rgba(255, 154, 34, 0.44);
  box-shadow: 0px 0px 57.8px 10.2px rgba(255, 154, 34, 0.44);
}

.freeRequestPanel h2 {
  font-size: 28px;
  font-weight: bold;
  color: #000;
}

.freeRequestPanel p {
  color: #000;
  font-weight: normal;
  margin-top: 15px;
}

.freedemoHead {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.freeJionForm {
  max-width: 275px;
}

.freeJionForm-content {
  max-width: 520px;
  float: right;
  margin-right: 140px;
}

.btn.orangeboxBg {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

.faq-mg {
  margin-top: 415px;
  margin-bottom: 155px;
}

.plusPlan .featureCard {
  background: rgb(12, 36, 66);
  background: -moz-linear-gradient(left, rgb(66, 77, 92) 0%, rgba(79, 116, 146, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(12, 36, 66, 1) 0%, rgba(79, 116, 146, 1) 100%);
  background: linear-gradient(to right, rgba(12, 36, 66, 1) 0%, rgba(79, 116, 146, 1) 100%);
}

.requestBtn a {
  font-size: 16px;
  font-weight: bold;
  background: rgb(226, 227, 231);
  background: -moz-linear-gradient(left, rgba(226, 227, 231, 1) 0%, rgba(199, 200, 203, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(226, 227, 231, 1) 0%, rgba(199, 200, 203, 1) 100%);
  background: linear-gradient(to right, rgba(226, 227, 231, 1) 0%, rgba(199, 200, 203 1) 100%);
  color: #fff;
  min-width: 100px;
  height: 36px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.requestBtn a:hover {
  background: #fc694a;
  color: #fff;
}

.requestBtn {
  text-align: center;
  margin-top: 40px;
}

#contactModal .contactPanel {
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 0%, rgba(42, 82, 152, 1) 100%);
  -webkit-box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  -moz-box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  -o-box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  -ms-box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  box-shadow: 0px 0px 51px 0px rgba(38, 75, 140, 0.28);
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border: 7px solid #fff;
  text-align: center;
  padding: 20px 25px;
}

#contactModal.Plus .contactPanel {
  background: rgb(12, 36, 66);
  background: -moz-linear-gradient(left, rgba(12, 36, 66, 1) 0%, rgba(79, 116, 146, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(12, 36, 66, 1) 0%, rgba(79, 116, 146, 1) 100%);
  background: linear-gradient(to right, rgba(12, 36, 66, 1) 0%, rgba(79, 116, 146, 1) 100%);
}

#contactModal.Pro .contactPanel {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

#contactModal .contactPanel h3 {
  color: #fff;
  margin-bottom: 25px;
}

#contactModal form#contactUsModal {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}

#contactModal .contactSend1 {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 25px;
}

#contactModal .btn.sendBtn {
  background: rgb(226, 227, 231);
  background: -moz-linear-gradient(left, rgba(226, 227, 231, 1) 0%, rgba(199, 200, 203, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(226, 227, 231, 1) 0%, rgba(199, 200, 203, 1) 100%);
  background: linear-gradient(to right, rgba(226, 227, 231, 1) 0%, rgba(199, 200, 203 1) 100%);
}

#contactModal .btn.sendBtn:hover {
  background: #fc694a;
  color: #fff;
}

#contactModal .btn.sendBtn.close {
  opacity: 1;
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  font-weight: normal;
  font-size: 13px;
}

#contactModal .btn.sendBtn.close:hover {
  background: #000;
  color: #fff;
}

.de-lang .buyerContactWrapper .innerContactDetail {
  padding: 55px 15px 55px 30px;
}

.de-lang .buyerContactWrapper .innerContactDetail h2 br {
  display: none;
}

.home-login-form {
  background: rgba(254, 254, 254, 0.8);
  border-radius: 5px;
  width: 450px;
}

.login-header {
  color: #fff;
  padding: 15px 25px;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

.login-header h3 {
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 20px;
}

.loginform .form-group {
  position: relative;
}

.loginform {
  padding: 30px 25px;
}

.loginform .form-group .form-control {
  padding-left: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: none;
  height: 44px;
}

.loginform .form-group i {
  position: absolute;
  font-size: 17px;
  color: #ccc;
  top: 48%;
  transform: translateY(-52%);
  transform: -ms-translateY(-52%);
  -webkit-transform: translateY(-52%);
  -moz-transform: translateY(-52%);
  left: 12px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.signup-submit button {
  background: transparent;
  color: #e77c06;
  border: 2px solid #e77c06;
  width: 100%;
  height: 45px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: 0.5s ease all;
  margin-top: 10px;
}

.signup-submit button:hover {
  background: #e77c06;
  color: #fff;
}

.homeregistration-btn button {
  margin: 0;
  color: #fff;
  border: none;
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3c72', endColorstr='#2a5298', GradientType=1);
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3c72', endColorstr='#2a5298', GradientType=1);
}

.homeregistration-btn button:hover,
.homeregistration-btn button:focus {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28e26', endColorstr='#fd644f', GradientType=1);
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28e26', endColorstr='#fd644f', GradientType=1);
}

.or-div {
  position: relative;
  text-align: center;
  margin: 20px 0px;
}

.or-div p {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0px auto;
  display: inline;
}

.or-div::after {
  content: "";
  background: #ddd;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 11px;
}

p.stillaccount {
  color: #000;
  text-align: center;
  font-weight: 500;
  margin-bottom: 3px;
  font-size: 15px;
}

.pricingTablePopup tr th {
  font-size: 22px;
  font-weight: bold !important;
  border: none;
  padding: 20px !important;
  text-align: center;
  color: #000;
}

.pricingTablePopup tr td span {
  padding: 0 25px;
}

.pricingTablePopup tr td {
  font-size: 22px;
  font-weight: normal;
  border: none;
  padding: 20px !important;
  text-align: center;
  color: #000;
}

.pricingTablePopup tbody tr:nth-child(odd) {
  background: #d1eaff;
}

.buyer-pricing-list .modal-dialog {
  max-width: 65%;
  margin-top: 120px;
}

.modal-header {
  /*border: none;//Deepak Comment this*/
}

.buyer-pricing-list .modal-body {
  padding: 0;
}

.buyer-pricing-list .modal-content {
  border-radius: 65px;
  -webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  -ms-border-radius: 65px;
  -o-border-radius: 65px;
}

.buyer-pricing-list .table thead th {
  border-bottom: none;
}

.pricingTablePopup .table {
  background: transparent !important;
  padding: 20px 25px;
  border: none;
}

.buyer-pricing-list .close {
  position: absolute;
  right: 43px;
  top: 10px;
  opacity: 1;
  font-size: 25px;
}

.pricingTablePopup {
  padding: 25px 25px 50px;
}

/**************** New About Us  Css ***********************/
.mainWrapper.aboutInnerWrapper {
  margin-top: -20px;
}

.managmentBox__content h6 {
  margin-bottom: 0;
  font-size: 24px;
}

.managmentBox__content p {
  padding-top: 15px;
}

.flagImg {
  position: absolute;
  top: -83px;
  right: -22px;
}

.story-2018 .storyBox__month {
  position: relative;
  z-index: 1;
}

.mobileStart {
  display: none;
}

.storyWrapper .containerwidth-1820 {
  padding: 0 40px;
}

.containerwidth-1820 {
  max-width: 1877px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.aboutBanner {
  position: relative;
}

.aboutBanner__content {
  position: absolute;
  top: 50%;
  color: #fff;
  left: 157px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.aboutBanner__content h1 span {
  font-size: 50px;
  font-weight: bold;
  font-style: italic;
  margin-top: -9px;
}

.aboutBanner__content .mainHeading {
  color: #fff;
  font-weight: normal;
  position: relative;
  display: flex;
  padding: 30px 0 20px;
}

.aboutBanner__content .mainHeading span {
  height: 50px;
  width: 1px;
  background: #fff;
  position: static;
  margin: -5px 20px 0;
}

.aboutBanner__content h6 {
  font-size: 22px;
  margin-bottom: 10px;
}

.aboutBanner__content p {
  font-size: 22px;
  font-style: italic;
  position: relative;
  padding-left: 30px;
  line-height: 28px;
  max-width: 574px;
}

.aboutBanner__content p span {
  position: absolute;
  left: 0;
}

.storyBox__month {
  width: 150px;
  height: 150px;
  background: #116ee1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
}

.storyBox__month p {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0;
}

.storyBox__content {
  margin-left: 40px;
  max-width: 300px;
}

.storyBox__content p {
  margin-bottom: 0;
}

.storyBox {
  display: flex;
  align-items: center;
  justify-content: center;
}

.story-2019 {
  justify-content: center;
}

.mainSubHeading {
  font-size: 28px;
  font-weight: bold;
  color: #0089f7;
}

.storyBoxWrapper {
  display: flex;
  justify-content: space-between;
}

.storyAboutHead h2 {
  line-height: 1.2;
}

.storyAboutHead {
  max-width: 428px;
  text-align: center;
  padding: 145px 50px 0;
}

.story-2018 {
  margin-top: 140px;
}

.storyWrapper {
  margin: 55px 0;
}

.story-2019august .storyBox__month {
  background: #0b5bbe;
}

.story-2020Januar .storyBox__month,
.story-2020 .storyBox__month {
  background: #02469a;
}

.storyBoxWrapper--last {
  justify-content: space-evenly;
  margin-top: 70px;
}

.story-2020 {
  margin-top: 60px;
}

.teamMemberImageParent ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: flex-end;
}

.aboutTeamParent h6 {
  margin-top: 25px;
}

.aboutTeamParent p {
  max-width: 450px;
}

.contactModalWrapper .close {
  padding: 0;
  color: #fff;
  opacity: 1;
  position: absolute;
  top: 14px;
  right: 15px;
  font-size: 25px;
}

.contactModalWrapper .close:hover {
  opacity: 0.7;
  color: #fff;
}

.managmentPanelWrapper {
  display: flex;
  max-width: 1240px;
  margin: 100px auto 0;
  justify-content: space-between;
}

.managmentWrapper {
  position: relative;
  z-index: 1;
  text-align: center;
}

.managmentWrapper:before {
  content: "";
  background: url(../img/home/managmentbg.png);
  width: 100%;
  height: 485px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.managmentPanel {
  text-align: left;
}

.managmentBox {
  margin-bottom: 25px;
}

.managmentBox__content {
  max-width: 340px;
}

.commonThemePropert .containerwidth-1820 {
  max-width: 1450px;
}

.commonLeftContentBox {
  max-width: 550px;
}

.teamMemberImageParent {
  max-width: 550px;
  margin: 0 auto;
}

.al-center {
  align-items: center;
}

.commonThemePropert p {
  color: #000;
}

.missionvisionSection {
  position: relative;
  z-index: 1;
}

.missionvisionSection h2.mainHeading {
  margin-bottom: 25px;
}

.missionvisionSection::after {
  content: "";
  background: url(../img/home/visionshape.png);
  width: 100%;
  height: 577px;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  z-index: -1;
}

.mg-200 {
  margin-top: 200px;
}

.visionBox {
  padding-left: 100px;
  max-width: 100%;
}

.storyAboutHead.mobileView {
  display: none;
}

.teamMemberImageParent ul li:first-child {
  background: #f68133;
  border-radius: 45px 0 0 0;
  -webkit-border-radius: 45px 0 0 0;
  -moz-border-radius: 45px 0 0 0;
  -ms-border-radius: 45px 0 0 0;
  -o-border-radius: 45px 0 0 0;
  overflow: hidden;
}

.teamMemberImageParent ul li:first-child img {
  border-radius: 45px 0 0 0;
  -webkit-border-radius: 45px 0 0 0;
  -moz-border-radius: 45px 0 0 0;
  -ms-border-radius: 45px 0 0 0;
  -o-border-radius: 45px 0 0 0;
}

.teamMemberImageParent ul li:nth-child(3) {
  background: #f68133;
  border-radius: 0 45px 0 0;
  -webkit-border-radius: 0 45px 0 0;
  -moz-border-radius: 0 45px 0 0;
  -ms-border-radius: 0 45px 0 0;
  -o-border-radius: 0 45px 0 0;
  overflow: hidden;
}

.teamMemberImageParent ul li:nth-child(3) img {
  border-radius: 0px 45px 0 0;
  -webkit-border-radius: 0px 45px 0 0;
  -moz-border-radius: 0px 45px 0 0;
  -ms-border-radius: 0px 45px 0 0;
  -o-border-radius: 0px 45px 0 0;
}

.teamMemberImageParent ul li:nth-child(7) {
  background: #f68133;
  border-radius: 0 0px 0 45px;
  -webkit-border-radius: 0 0px 0 45px;
  -moz-border-radius: 0 0px 0 45px;
  -ms-border-radius: 0 0px 0 45px;
  -o-border-radius: 0 0px 0 45px;
  overflow: hidden;
}

.teamMemberImageParent ul li:nth-child(7) img {
  border-radius: 0px 0 0 45px;
  -webkit-border-radius: 0px 0 0 45px;
  -moz-border-radius: 0px 0 0 45px;
  -ms-border-radius: 0px 0 0 45px;
  -o-border-radius: 0px 0 0 45px;
}

.teamMemberImageParent ul li:nth-child(9) {
  background: #f68133;
  border-radius: 0 0px 45px 0px;
  -webkit-border-radius: 0 0px 45px 0px;
  -moz-border-radius: 0 0px 45px 0px;
  -ms-border-radius: 0 0px 45px 0px;
  -o-border-radius: 0 0px 45px 0px;
  overflow: hidden;
}

.teamMemberImageParent ul li:nth-child(9) img {
  border-radius: 0px 0 45px 0px;
  -webkit-border-radius: 0px 0 45px 0px;
  -moz-border-radius: 0px 0 45px 0px;
  -ms-border-radius: 0px 0 45px 0px;
  -o-border-radius: 0px 0 45px 0px;
}

/** Privacy Css **/
.contentBanner {
  background: url(../img/home/privacybg.png);
  width: 100%;
  height: 430px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
}

.impresssumbanner {
  background: url(../img/home/impressumbg.png);
}

.contentBanner h1 {
  margin-top: -60px;
}

.contentCard {
  font-family: 'Nunito Sans', sans-serif;
  color: #000;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.33);
  padding: 40px 80px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.policyContent {
  padding-bottom: 70px;
  margin-top: -70px;
  position: relative;
}

.contentCard p {
  font-size: 16px;
  color: #000;
}

.contentCard ul {
  margin-left: 15px;
}

.contentCard ul li {
  font-size: 16px;
  color: #000;
  margin-bottom: 1rem;
  list-style: disc;
}

/*********** New Contact Us Css **************/
.contactContent .contactBlock {
  display: flex;
  justify-content: space-between;
  padding: 100px 100px 100px 50px;
}

.contactContent .contactPanel {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  background: -moz-linear-gradient(left, rgba(13, 204, 255, 0.21) 0%, rgba(71, 96, 255, 0.21) 100%);
  background: -webkit-linear-gradient(left, rgba(13, 204, 255, 0.21) 0%, rgba(71, 96, 255, 0.21) 100%);
  background: linear-gradient(to right, rgba(13, 204, 255, 0.21) 0%, rgba(71, 96, 255, 0.21) 100%);
  max-width: 100%;
}

.contactBlock__right {
  flex: 0 0 54%;
  max-width: 54%;
}

.contactBlock__left {
  flex: 0 0 40%;
  max-width: 40%;
}

.contactContent .contactPanel__content h4 {
  color: #348af6;
  line-height: 1;
}

/* Popup Css */
#loginModal div#loginwrapper {
  width: 100%;
}

/************ New Dashboard Css ****************/
body.body-scroll #main-wrapper .left-sidebar {
  top: 61px;
}

body #main-wrapper .left-sidebar {
  top: 61px;
}

body #main-wrapper {
  background: #eeeeee;
}

.dashboardCommonParentBox {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 15px, rgba(0, 0, 0, 0.04) 0px 1px 6px;
  background: rgb(254 254 254 / 86%);
  margin-top: 15px;
  padding: 0 15px 15px;
}

.dashboardWrap {
  display: flex;
  flex-wrap: wrap;
  padding-left: 240px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  padding-top: 30px;
  padding-bottom: 15px;
  min-height: calc(100vh - 60px);
  background-color: #f8f8f8;
}

.dashboardContentBlock .rbc-month-view {
  border: none !important;
}

.dashboardContentBlock .rbc-header {
  border-bottom: 1px solid #f3f3f3;
}

.dashboardContentBlock .rbc-off-range-bg {
  background: #fbfbfb;
}

.dashboardContentBlock .rbc-day-bg+.rbc-day-bg {
  border-left: 1px solid #f3f3f3;
}

.dashboardContentBlock .rbc-month-row+.rbc-month-row {
  border-top: 1px solid #f3f3f3;
}

.dashboardContentBlock .rbc-toolbar {
  margin-bottom: 25px;
  font-size: 15px;
}

.dashboardContentBlock .rbc-header {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 12px;
}

.dashboardContentBlock .filter-property-parent p {
  border-bottom: none;
  padding: 2px 0;
}

.dashboardContentBlock .listWrapper {
  margin-bottom: 15px;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 15px;
}

.dashboardContentBlock .listWrapper__detail h2 {
  font-size: 15px;
  font-weight: 600;
}

.dashboardContentBlock .listWrapper .filter-property-parent p {
  font-size: 13px;
}

/* Left Sidebar Css */
.dashboard__sidebar {
  width: 240px;
  background-color: #1f262d;
  position: fixed;
  left: 0;
  top: 61px;
  bottom: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  /*z-index: 9;*/
  z-index: 10;
  height: calc(100vh - 61px);
  overflow-y: auto;
  padding-bottom: 50px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 15px, rgba(0, 0, 0, 0.04) 0px 1px 6px;
}

.userInfo h6 {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 5px;
}

.userInfo p {
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 12px;
}

.topSideBar {
  text-align: center;
}

.withoutShadowSelectbox,
.withoutShadowSelectbox .dp-select2 {
  box-shadow: none !important;
}

.withoutShadowSelectbox .dp-multi-select2,
.withoutShadowSelectbox .dp-select2 {
  border: 1px solid #ced4da;
  height: 38px;
}

.withoutShadowSelectbox .css-b8ldur-Input input {
  height: 100% !important;
}

.withoutShadowSelectbox .css-tlfecz-indicatorContainer {
  padding: 0 8px;
}

.withoutShadowSelectbox .css-yk16xz-control {
  height: 100%;
}

.userProfile {
  width: 80px;
  height: 80px;
  border: 3px solid #27a9e3;
  border-radius: 50%;
  overflow: hidden;
  padding: 5px;
  margin: 0 auto 5px;
}

.userProfile img {
  border-radius: 50%;
}

.topSideBar {
  text-align: center;
  padding: 35px 0 20px;
  border-bottom: 3px solid #37414c;
}

.dashboard__sidebar .menu-button span {
  width: 30px;
  height: 3px;
}

.dashboard__sidebar .menu-button {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  color: #fff;
}

.dashboard__sidebar .menu-button span:nth-child(2) {
  width: 22px;
}

.listWrapper .filter-property-parent p:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}

.dashboardContentBlock .listWrapper__detail p button {
  font-size: 12px;
  padding: 5px 10px;
  font-weight: 300;
  line-height: 1;
}

p.details.approvedenayPanel {
  border-bottom: none;
}

p.details.approvedenayPanel button {
  margin-right: 10px;
}

/* Fast Auction SLider */
.fastAuctionHeading {
  background: #fff;
}

.fastAuctionHeading h2 {
  margin-bottom: 0;
  font-size: 16px;
  color: #275274;
  padding-left: 20px;
  font-weight: 600;
  padding-top: 5px;
}

.fast-auction-slider-wrapper .car-detail {
  margin: 0;
  padding: 5px 10px;
  background: #fff;
}

.fast-auction-slider-wrapper .pro-img {
  position: relative;
  width: 110px;
  float: left;
  margin-top: 0;
  height: 110px;
  display: flex;
  align-items: center;
  max-width: unset;
  flex: unset;
}

.fast-auction-slider-wrapper .pro-detail {
  flex: 0 0 calc(100% - 120px);
  max-width: calc(100% - 120px);
}

.fast-auction-slider-wrapper .details img {
  width: auto !important;
}

.fast-auction-slider-wrapper .list-pro-right {
  display: flex;
  justify-content: flex-end;
}

.fast-auction-slider-wrapper .filter-property-parent p {
  margin-right: 20px;
  border-bottom: none;
  padding: 0;
  flex: unset;
}

.fast-auction-slider-wrapper p.filter-seperator {
  display: block;
}

.fast-auction-slider-wrapper .pro-detail h2 {
  font-size: 16px;
}

.fast-auction-slider-wrapper .pro-detail h2 a {
  color: #000;
}

.fast-auction-slider-wrapper .pro-detail h2 a:hover {
  color: #2255a4;
}

.fast-auction-slider-wrapper .average-sect button {
  padding: 4px 0;
  font-size: 14px;
  border-radius: 0;
  border: none;
  margin-left: 10px;
  min-width: 125px;
}

.fast-auction-slider-wrapper .average-sect {
  flex-wrap: wrap;
  align-items: flex-start;
}

.fast-auction-slider-wrapper .average-sect span {
  font-size: 14px;
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}

.fastAuctionBtn {
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap;
}

.fast-auction-slider-wrapper .average-sect button.btn-info {
  background: #28a745;
}

.fast-auction-slider-wrapper .owl-dot span {
  width: 10px;
  height: 10px;
  border: 1px solid #204078;
  display: inline-block;
  border-radius: 50px;
}

.fast-auction-slider-wrapper .owl-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
}
.fast-auction-slider-wrapper .owl-dots .owl-dot{margin-right: 5px;}

.fast-auction-slider-wrapper .owl-dot.active span {
  background: #204078;
}

.fast-auction-slider-wrapper {
  flex-wrap: wrap;
  animation: dash-fastauct ease-in-out 0.35s infinite alternate;
  border: 1px solid #d4d4d4;
  -webkit-animation: dash-fastauct ease-in-out 0.35s infinite alternate;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 15px, rgba(0, 0, 0, 0.04) 0px 1px 6px;
}

@keyframes dash-fastauct {
  0% {
    background: #fff;
    border: 1px solid #114b91;
  }

  100% {
    background: #f7f7f7;
    border: 1px solid #22abe4;
  }
}


/************ New Dashboard Css ****************/
/* Collapse SideBar */
.collopseSideBar .dashboard__sidebar {
  width: 75px;
  overflow: visible;
}


.collopseSideBar .dashboard__sidebar .menu-button {
  position: absolute;
  right: 25px;
}

.collopseSideBar .topSideBar {
  padding: 55px 0 20px;
}

.collopseSideBar .userProfile {
  width: 50px;
  height: 50px;
}

.collopseSideBar .userInfo {
  display: none;
}

.collopseSideBar .sidenavUl li>a>span,
.collopseSideBar .sidenavUl li>a>i {
  display: none;
}

.collopseSideBar .sidenavUl li>a {
  padding: 8px 0;
  text-align: center;
}

.collopseSideBar .sidenavUl li>a img {
  position: static;
  transform: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
}

.dashboardWrap.collopseSideBar {
  padding-left: 75px;
}

.sidenavUl li>a span {
  min-width: 150px;
  display: inline-block;
  color: #fff;
  font-weight: 600;
}

.collopseSideBar .dashboard__sidebar:hover {
  width: 240px;
}

.collopseSideBar .dashboard__sidebar:hover li>a {
  padding: 18px 25px 18px 55px;
  text-align: left;
}

.collopseSideBar .dashboard__sidebar:hover li>a img {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.collopseSideBar .dashboard__sidebar:hover .sidenavUl li .sideDropdown a {
  padding: 5px 20px 5px 60px;
}

.collopseSideBar .dashboard__sidebar:hover li>a>span,
.collopseSideBar .dashboard__sidebar:hover li>a>i {
  display: flex;
}

.collopseSideBar .dashboard__sidebar:hover li>a>i {
  transition-delay: 2s;
}

.collopseSideBar .sideDropdown.dropdownClass {
  display: none;
}

.collopseSideBar .dashboard__sidebar:hover .sideDropdown.dropdownClass {
  display: block;
}

.collopseSideBar .dashboard__sidebar:hover .menu-button .fa-arrow-left:before,
.collopseSideBar .dashboard__sidebar .menu-button .fa-arrow-left:before {
  content: "\f061 ";
}

.collopseSideBar .completedprofile {
  display: none;
}

.collopseSideBar .dashboard__sidebar:hover .completedprofile {
  display: flex;
  white-space: nowrap;
}

.dashboardMenuIcon {
  display: none;
}

.progress-dark .progress-bar {
  border-color: #ff9801;
}

.completedprofile {
  margin: 0;
  font-size: 14px;
  padding-left: 15px;
  font-weight: 600;
  color: #fff;
}

.progress {
  width: 56px;
  height: 56px;
  line-height: 55px;
  background: none;
  box-shadow: none;
  position: relative;
}

.profileProgress {
  padding: 14px 10px;
  display: flex;
  align-items: center;
}

.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #d8d8d8;
  position: absolute;
  top: 0;
  left: 0;
}

.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.progress .progress-left {
  left: 0;
}

.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 4px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress .progress-right {
  right: 0;
}

.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.progress .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  line-height: 14;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100% !important;
  font-weight: 400;
  color: #fff;
}

/* This for loop creates the  necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.progress[data-percentage="1"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}

.progress[data-percentage="1"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="2"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}

.progress[data-percentage="2"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="3"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}

.progress[data-percentage="3"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="4"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}

.progress[data-percentage="4"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="5"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="5"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="6"] .progress-right .progress-bar {
  animation: loading-6 1.5s linear forwards;
}

.progress[data-percentage="6"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="7"] .progress-right .progress-bar {
  animation: loading-7 1.5s linear forwards;
}

.progress[data-percentage="7"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="8"] .progress-right .progress-bar {
  animation: loading-8 1.5s linear forwards;
}

.progress[data-percentage="8"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="9"] .progress-right .progress-bar {
  animation: loading-9 1.5s linear forwards;
}

.progress[data-percentage="9"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-10 1.5s linear forwards;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="11"] .progress-right .progress-bar {
  animation: loading-11 1.5s linear forwards;
}

.progress[data-percentage="11"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="12"] .progress-right .progress-bar {
  animation: loading-12 1.5s linear forwards;
}

.progress[data-percentage="12"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="13"] .progress-right .progress-bar {
  animation: loading-13 1.5s linear forwards;
}

.progress[data-percentage="13"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="14"] .progress-right .progress-bar {
  animation: loading-14 1.5s linear forwards;
}

.progress[data-percentage="14"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="15"] .progress-right .progress-bar {
  animation: loading-15 1.5s linear forwards;
}

.progress[data-percentage="15"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="16"] .progress-right .progress-bar {
  animation: loading-16 1.5s linear forwards;
}

.progress[data-percentage="16"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="17"] .progress-right .progress-bar {
  animation: loading-17 1.5s linear forwards;
}

.progress[data-percentage="17"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="18"] .progress-right .progress-bar {
  animation: loading-18 1.5s linear forwards;
}

.progress[data-percentage="18"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="19"] .progress-right .progress-bar {
  animation: loading-19 1.5s linear forwards;
}

.progress[data-percentage="19"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-20 1.5s linear forwards;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="21"] .progress-right .progress-bar {
  animation: loading-21 1.5s linear forwards;
}

.progress[data-percentage="21"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="22"] .progress-right .progress-bar {
  animation: loading-22 1.5s linear forwards;
}

.progress[data-percentage="22"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="23"] .progress-right .progress-bar {
  animation: loading-23 1.5s linear forwards;
}

.progress[data-percentage="23"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="24"] .progress-right .progress-bar {
  animation: loading-24 1.5s linear forwards;
}

.progress[data-percentage="24"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="25"] .progress-right .progress-bar {
  animation: loading-25 1.5s linear forwards;
}

.progress[data-percentage="25"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="26"] .progress-right .progress-bar {
  animation: loading-26 1.5s linear forwards;
}

.progress[data-percentage="26"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="27"] .progress-right .progress-bar {
  animation: loading-27 1.5s linear forwards;
}

.progress[data-percentage="27"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="28"] .progress-right .progress-bar {
  animation: loading-28 1.5s linear forwards;
}

.progress[data-percentage="28"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="29"] .progress-right .progress-bar {
  animation: loading-29 1.5s linear forwards;
}

.progress[data-percentage="29"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-30 1.5s linear forwards;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="31"] .progress-right .progress-bar {
  animation: loading-31 1.5s linear forwards;
}

.progress[data-percentage="31"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="32"] .progress-right .progress-bar {
  animation: loading-32 1.5s linear forwards;
}

.progress[data-percentage="32"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="33"] .progress-right .progress-bar {
  animation: loading-33 1.5s linear forwards;
}

.progress[data-percentage="33"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="34"] .progress-right .progress-bar {
  animation: loading-34 1.5s linear forwards;
}

.progress[data-percentage="34"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="35"] .progress-right .progress-bar {
  animation: loading-35 1.5s linear forwards;
}

.progress[data-percentage="35"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="36"] .progress-right .progress-bar {
  animation: loading-36 1.5s linear forwards;
}

.progress[data-percentage="36"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="37"] .progress-right .progress-bar {
  animation: loading-37 1.5s linear forwards;
}

.progress[data-percentage="37"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="38"] .progress-right .progress-bar {
  animation: loading-38 1.5s linear forwards;
}

.progress[data-percentage="38"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="39"] .progress-right .progress-bar {
  animation: loading-39 1.5s linear forwards;
}

.progress[data-percentage="39"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-40 1.5s linear forwards;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="41"] .progress-right .progress-bar {
  animation: loading-41 1.5s linear forwards;
}

.progress[data-percentage="41"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="42"] .progress-right .progress-bar {
  animation: loading-42 1.5s linear forwards;
}

.progress[data-percentage="42"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="43"] .progress-right .progress-bar {
  animation: loading-43 1.5s linear forwards;
}

.progress[data-percentage="43"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="44"] .progress-right .progress-bar {
  animation: loading-44 1.5s linear forwards;
}

.progress[data-percentage="44"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="45"] .progress-right .progress-bar {
  animation: loading-45 1.5s linear forwards;
}

.progress[data-percentage="45"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="46"] .progress-right .progress-bar {
  animation: loading-46 1.5s linear forwards;
}

.progress[data-percentage="46"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="47"] .progress-right .progress-bar {
  animation: loading-47 1.5s linear forwards;
}

.progress[data-percentage="47"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="48"] .progress-right .progress-bar {
  animation: loading-48 1.5s linear forwards;
}

.progress[data-percentage="48"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="49"] .progress-right .progress-bar {
  animation: loading-49 1.5s linear forwards;
}

.progress[data-percentage="49"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="51"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="51"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}

.progress[data-percentage="52"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="52"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}

.progress[data-percentage="53"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="53"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}

.progress[data-percentage="54"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="54"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="55"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="55"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}

.progress[data-percentage="56"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="56"] .progress-left .progress-bar {
  animation: loading-6 1.5s linear forwards 1.5s;
}

.progress[data-percentage="57"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="57"] .progress-left .progress-bar {
  animation: loading-7 1.5s linear forwards 1.5s;
}

.progress[data-percentage="58"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="58"] .progress-left .progress-bar {
  animation: loading-8 1.5s linear forwards 1.5s;
}

.progress[data-percentage="59"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="59"] .progress-left .progress-bar {
  animation: loading-9 1.5s linear forwards 1.5s;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-10 1.5s linear forwards 1.5s;
}

.progress[data-percentage="61"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="61"] .progress-left .progress-bar {
  animation: loading-11 1.5s linear forwards 1.5s;
}

.progress[data-percentage="62"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="62"] .progress-left .progress-bar {
  animation: loading-12 1.5s linear forwards 1.5s;
}

.progress[data-percentage="63"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="63"] .progress-left .progress-bar {
  animation: loading-13 1.5s linear forwards 1.5s;
}

.progress[data-percentage="64"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="64"] .progress-left .progress-bar {
  animation: loading-14 1.5s linear forwards 1.5s;
}

.progress[data-percentage="65"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="65"] .progress-left .progress-bar {
  animation: loading-15 1.5s linear forwards 1.5s;
}

.progress[data-percentage="66"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="66"] .progress-left .progress-bar {
  animation: loading-16 1.5s linear forwards 1.5s;
}

.progress[data-percentage="67"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="67"] .progress-left .progress-bar {
  animation: loading-17 1.5s linear forwards 1.5s;
}

.progress[data-percentage="68"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="68"] .progress-left .progress-bar {
  animation: loading-18 1.5s linear forwards 1.5s;
}

.progress[data-percentage="69"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="69"] .progress-left .progress-bar {
  animation: loading-19 1.5s linear forwards 1.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-20 1.5s linear forwards 1.5s;
}

.progress[data-percentage="71"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="71"] .progress-left .progress-bar {
  animation: loading-21 1.5s linear forwards 1.5s;
}

.progress[data-percentage="72"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="72"] .progress-left .progress-bar {
  animation: loading-22 1.5s linear forwards 1.5s;
}

.progress[data-percentage="73"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="73"] .progress-left .progress-bar {
  animation: loading-23 1.5s linear forwards 1.5s;
}

.progress[data-percentage="74"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="74"] .progress-left .progress-bar {
  animation: loading-24 1.5s linear forwards 1.5s;
}

.progress[data-percentage="75"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="75"] .progress-left .progress-bar {
  animation: loading-25 1.5s linear forwards 1.5s;
}

.progress[data-percentage="76"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="76"] .progress-left .progress-bar {
  animation: loading-26 1.5s linear forwards 1.5s;
}

.progress[data-percentage="77"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="77"] .progress-left .progress-bar {
  animation: loading-27 1.5s linear forwards 1.5s;
}

.progress[data-percentage="78"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="78"] .progress-left .progress-bar {
  animation: loading-28 1.5s linear forwards 1.5s;
}

.progress[data-percentage="79"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="79"] .progress-left .progress-bar {
  animation: loading-29 1.5s linear forwards 1.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-30 1.5s linear forwards 1.5s;
}

.progress[data-percentage="81"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="81"] .progress-left .progress-bar {
  animation: loading-31 1.5s linear forwards 1.5s;
}

.progress[data-percentage="82"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="82"] .progress-left .progress-bar {
  animation: loading-32 1.5s linear forwards 1.5s;
}

.progress[data-percentage="83"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="83"] .progress-left .progress-bar {
  animation: loading-33 1.5s linear forwards 1.5s;
}

.progress[data-percentage="84"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="84"] .progress-left .progress-bar {
  animation: loading-34 1.5s linear forwards 1.5s;
}

.progress[data-percentage="85"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="85"] .progress-left .progress-bar {
  animation: loading-35 1.5s linear forwards 1.5s;
}

.progress[data-percentage="86"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="86"] .progress-left .progress-bar {
  animation: loading-36 1.5s linear forwards 1.5s;
}

.progress[data-percentage="87"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="87"] .progress-left .progress-bar {
  animation: loading-37 1.5s linear forwards 1.5s;
}

.progress[data-percentage="88"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="88"] .progress-left .progress-bar {
  animation: loading-38 1.5s linear forwards 1.5s;
}

.progress[data-percentage="89"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="89"] .progress-left .progress-bar {
  animation: loading-39 1.5s linear forwards 1.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-40 1.5s linear forwards 1.5s;
}

.progress[data-percentage="91"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="91"] .progress-left .progress-bar {
  animation: loading-41 1.5s linear forwards 1.5s;
}

.progress[data-percentage="92"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="92"] .progress-left .progress-bar {
  animation: loading-42 1.5s linear forwards 1.5s;
}

.progress[data-percentage="93"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="93"] .progress-left .progress-bar {
  animation: loading-43 1.5s linear forwards 1.5s;
}

.progress[data-percentage="94"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="94"] .progress-left .progress-bar {
  animation: loading-44 1.5s linear forwards 1.5s;
}

.progress[data-percentage="95"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="95"] .progress-left .progress-bar {
  animation: loading-45 1.5s linear forwards 1.5s;
}

.progress[data-percentage="96"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="96"] .progress-left .progress-bar {
  animation: loading-46 1.5s linear forwards 1.5s;
}

.progress[data-percentage="97"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="97"] .progress-left .progress-bar {
  animation: loading-47 1.5s linear forwards 1.5s;
}

.progress[data-percentage="98"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="98"] .progress-left .progress-bar {
  animation: loading-48 1.5s linear forwards 1.5s;
}

.progress[data-percentage="99"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="99"] .progress-left .progress-bar {
  animation: loading-49 1.5s linear forwards 1.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-50 1.5s linear forwards 1.5s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(3.6);
    transform: rotate(3.6deg);
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(7.2);
    transform: rotate(7.2deg);
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(10.8);
    transform: rotate(10.8deg);
  }
}

@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(14.4);
    transform: rotate(14.4deg);
  }
}

@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(18);
    transform: rotate(18deg);
  }
}

@keyframes loading-6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(21.6);
    transform: rotate(21.6deg);
  }
}

@keyframes loading-7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(25.2);
    transform: rotate(25.2deg);
  }
}

@keyframes loading-8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(28.8);
    transform: rotate(28.8deg);
  }
}

@keyframes loading-9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(32.4);
    transform: rotate(32.4deg);
  }
}

@keyframes loading-10 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}

@keyframes loading-11 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(39.6);
    transform: rotate(39.6deg);
  }
}

@keyframes loading-12 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(43.2);
    transform: rotate(43.2deg);
  }
}

@keyframes loading-13 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(46.8);
    transform: rotate(46.8deg);
  }
}

@keyframes loading-14 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(50.4);
    transform: rotate(50.4deg);
  }
}

@keyframes loading-15 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(54);
    transform: rotate(54deg);
  }
}

@keyframes loading-16 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(57.6);
    transform: rotate(57.6deg);
  }
}

@keyframes loading-17 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(61.2);
    transform: rotate(61.2deg);
  }
}

@keyframes loading-18 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(64.8);
    transform: rotate(64.8deg);
  }
}

@keyframes loading-19 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(68.4);
    transform: rotate(68.4deg);
  }
}

@keyframes loading-20 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}

@keyframes loading-21 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(75.6);
    transform: rotate(75.6deg);
  }
}

@keyframes loading-22 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(79.2);
    transform: rotate(79.2deg);
  }
}

@keyframes loading-23 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(82.8);
    transform: rotate(82.8deg);
  }
}

@keyframes loading-24 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(86.4);
    transform: rotate(86.4deg);
  }
}

@keyframes loading-25 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(90);
    transform: rotate(90deg);
  }
}

@keyframes loading-26 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(93.6);
    transform: rotate(93.6deg);
  }
}

@keyframes loading-27 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(97.2);
    transform: rotate(97.2deg);
  }
}

@keyframes loading-28 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(100.8);
    transform: rotate(100.8deg);
  }
}

@keyframes loading-29 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(104.4);
    transform: rotate(104.4deg);
  }
}

@keyframes loading-30 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}

@keyframes loading-31 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(111.6);
    transform: rotate(111.6deg);
  }
}

@keyframes loading-32 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(115.2);
    transform: rotate(115.2deg);
  }
}

@keyframes loading-33 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(118.8);
    transform: rotate(118.8deg);
  }
}

@keyframes loading-34 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(122.4);
    transform: rotate(122.4deg);
  }
}

@keyframes loading-35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(126);
    transform: rotate(126deg);
  }
}

@keyframes loading-36 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(129.6);
    transform: rotate(129.6deg);
  }
}

@keyframes loading-37 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(133.2);
    transform: rotate(133.2deg);
  }
}

@keyframes loading-38 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(136.8);
    transform: rotate(136.8deg);
  }
}

@keyframes loading-39 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(140.4);
    transform: rotate(140.4deg);
  }
}

@keyframes loading-40 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}

@keyframes loading-41 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(147.6);
    transform: rotate(147.6deg);
  }
}

@keyframes loading-42 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(151.2);
    transform: rotate(151.2deg);
  }
}

@keyframes loading-43 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(154.8);
    transform: rotate(154.8deg);
  }
}

@keyframes loading-44 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(158.4);
    transform: rotate(158.4deg);
  }
}

@keyframes loading-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(162);
    transform: rotate(162deg);
  }
}

@keyframes loading-46 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(165.6);
    transform: rotate(165.6deg);
  }
}

@keyframes loading-47 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(169.2);
    transform: rotate(169.2deg);
  }
}

@keyframes loading-48 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(172.8);
    transform: rotate(172.8deg);
  }
}

@keyframes loading-49 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(176.4);
    transform: rotate(176.4deg);
  }
}

@keyframes loading-50 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}



/* Left Sidebar Css End*/


/* SideNav dropdown Css */
.sidenavUl li>a {
  font-size: 15px;
  color: #fff;
  display: block;
  padding: 18px 25px 18px 55px;
  position: relative;
  line-height: 25px;
  opacity: 0.6;
}

/*.sidenavUl>li {
  margin-bottom: 15px;
}*/

.withHover {
  /* display: none; */
}

.sidenavUl li>a.active .withHover,
.sidenavUl li>a:hover .withHover {
  display: inline-block;
}

.sidenavUl li>a.active .withoutHover,
.sidenavUl li>a:hover .withoutHover {
  display: none;
}

.sidenavUl li>a img {
  position: absolute;
  left: 23px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.sidenavUl li>a::after {
  content: "";
  background: #27a9e3;
  background: #27a9e3;
  background: #27a9e3;
  background: #27a9e3;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.sidenavUl li>a.active::after {
  left: 0;
}

.sidenavUl li>a>i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffff;
}

.sidenavUl li.activeMenuParent i {
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
}

.sidenavUl li>a.active,
.sidenavUl li>a:hover {
  color: #fff !important;
  opacity: 1;
}

.sidenavUl li .sideDropdown a {
  padding: 7px 20px 7px 60px;
  color: #ffffff;
}

.sidenavUl li .sideDropdown a:hover {
  color: #fff;
}

.sideNavUl>li {
  border-bottom: 1px solid #f3f3f3;
}

.sideDropdown ul {
  padding: 2px 0 10px;
}

.sideDropdown {
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

.page-wrapper {
  width: 100%;
  padding: 0 25px;
}

.sideDropdown.dropdownClass {
  /* display: block; */
  opacity: 1;
  visibility: visible;
  height: auto;
}

.dashboardContainer {
  width: 100%;
  padding: 0 25px;
  position: relative;
  font-family: 'Nunito Sans', sans-serif;
}


/************ 21 Aprail Css ****************/
.dashboardAuctionPanel {
  text-align: center;
  color: #eeeeee;
  padding: 0;
  margin-bottom: 10px;
  background: #27a9e3;
  background: #27a9e3;
  background: #27a9e3;
  background: #27a9e3;
  border-radius: 0;
  /*-webkit-box-shadow: 3px 5px 24px 1px rgba(255, 106, 33, 0.42);
  -ms-box-shadow: 3px 5px 24px 1px rgba(255, 106, 33, 0.42);
  -o-box-shadow: 3px 5px 24px 1px rgba(255, 106, 33, 0.42);
  -moz-box-shadow: 3px 5px 24px 1px rgba(255, 106, 33, 0.42);
  box-shadow: 3px 5px 24px 1px rgba(255, 106, 33, 0.42);
  */
  /* animation: blinkanimation 2s in1finite;
  -webkit-animation: blinkanimation 2s in1finite;
  -moz-animation: blinkanimation 2s infinite;
  -o-animation: blinkanimation 2s infinite;
  -ms-animation: blinkanimation 2s in1finite; */
}

@-webkit-keyframes blinkanimation {

  0%,
  49% {
    background: rgb(242, 142, 38);
    background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);
    background: linear-gradient(to right, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);
  }

  50%,
  100% {
    background: rgb(30, 60, 114);
    background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
    background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  }
}

@-moz-keyframes blinkanimation {

  0%,
  49% {
    background: rgb(242, 142, 38);
    background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);
    background: linear-gradient(to right, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);
  }

  50%,
  100% {
    background: rgb(30, 60, 114);
    background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
    background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  }
}

/************ Dashboard Countdown Css *********/
.dashboardAuctionPanel .countBoxItem .label {
  flex: unset;
  background: none !important;
}

.dashboardAuctionPanel .countBoxItem {
  border: none;
  flex: unset !important;
  width: auto;
}
.dashboardAuctionPanel .countBoxItem .count {
  flex: unset !important;
  font-size: 20px;
  color: #fff !important;
  margin-right: 5px !important;
}
.dashboardAuctionPanel span.split {
  margin: 0 10px;
}
.dashboardAuctionPanel h3 {
  font-size: 15px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  padding: 8px 15px;
}
.mainBreadCrumb h3 {
  justify-content: flex-start;
}
.dashboardAuctionPanel .aucTimer {
  padding-left: 15px;
}
.dashboardAuctionPanel a,
.dashboardAuctionPanel a:hover {
  color: #fff;
  font-size: 30px;
}
.rightSidePreviewTop .close.bidInfoClose {
  right: 30px;
  left: auto;
  top: 7px;
  font-size: 28px;
}
.dashboard-head-top {
  background: transparent;
  padding: 20px 70px 20px 15px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.dashboard-head-top.buyer_header {
  padding: 20px 70px 10px 0px;
}
.dashboard-head-top.buyer_header:after {
  content: "";
  border-bottom: 1px solid #d2d2d2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 3%;
  width: 100%;
}
.help-icon-color {
  position: absolute;
  right: 15px;
}
.dashboard-head-top h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  color: #000;
}
/*** togggle Btn Css ****/
.onoffswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin: 0 10px;
}
.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0;
  margin-bottom: 0;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -moz-transition: margin 0.3s ease-in 0s;
  -ms-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-weight: bold;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  background-color: #f97341;
  color: #ffffff;
}
body.de .onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  background-color: #f97341;
  color: #ffffff;
}
.onoffswitch-inner::after {
  content: "";
  padding-right: 10px;
  background-color: #163a6b;
  color: #fff;
  text-align: right;
}
body.de .onoffswitch-inner::after {
  content: "";
  padding-right: 10px;
  background-color: #163a6b;
  color: #fff;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 65px;
  border-radius: 20px;
  height: 18px;
  transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -ms-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.dash-seller .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.dash-seller .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.db-box-design.dashboardPageLink ul {
  display: flex;
  margin: 0 -8px;
  justify-content: center;
  flex-wrap: wrap;
}

.db-box-design.dashboardPageLink ul li {
  /* margin-right: 28px; */
}

.dash-seller .db-box-design.dashboardPageLink ul li {
  margin-right: 13px;
}

.db-box-design.dashboardPageLink ul li a {
  color: #fff;
  font-size: 15px;
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
  position: relative;
  padding: 5px 0px 5px 0px;
  border-top: none;
  border-bottom: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#145388', endColorstr='#1f5c8d', GradientType=1);
  text-align: center;
  display: block;
}

.db-box-design.dashboardPageLink ul li a:before {
  /* content: ""; */
  border-top: 15px solid #204078;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 0;
  left: -50%;
  transition: all 0.3s ease 0s;
}

.db-box-design.dashboardPageLink ul li a:after {
  /* content: ""; */
  border-bottom: 15px solid #204078;
  border-left: 15px solid transparent;
  border-top: 15px solid transparent;
  position: absolute;
  bottom: 0;
  right: -50%;
  transition: all 0.3s ease 0s;
}

.db-box-design.dashboardPageLink ul li a:hover:before,
.db-box-design.dashboardPageLink ul li.active a:before {
  /* left: 0; */
}

.db-box-design.dashboardPageLink ul li a:hover:after,
.db-box-design.dashboardPageLink ul li.active a:after {
  /* right: 0; */
}

.db-box-design.dashboardPageLink ul li {
  overflow: hidden;
  width: calc(16.66% - 16px);
  margin: 8px !important;
  border-radius: 2px;
  padding: 10px 8px;
  transition: all 0.5s;
}

.db-box-design.dashboardPageLink ul li:last-child {
  margin-right: 0;
}

.db-box-design.dashboardPageLink ul li a:hover,
.db-box-design.dashboardPageLink ul li.active a {
  left: 0;
}

.db-box-design.dashboardPageLink ul li a img {
  left: 15px;
}

.db-box-design.dashboardPageLink ul li.active a,
.db-box-design.dashboardPageLink ul li a:hover {
  border-color: transparent;
  color: #fdfdfd;
  background: transparent;
}

.db-box-design.dashboardPageLink ul li img.withActive {
  display: none !important;
}

.db-box-design.dashboardPageLink ul li.active .withActive,
.db-box-design.dashboardPageLink ul li a:hover .withActive {
  display: block;
}

.db-box-design.dashboardPageLink ul li.active .withoutActive,
.db-box-design.dashboardPageLink ul li a:hover .withoutActive {
  display: none;
}

.db-box-design.dashboardPageLink ul li a img {
  margin-right: 5px;
  /* position: absolute; */
  left: 0;
  top: 6px;
  max-width: 42px;
  filter: brightness(0) invert(1);
  display: block !important;
  width: 100%;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

/* Fixed Menu */
body.bodyOverlay {
  overflow: hidden;
}

.topDashboardWrapper {
  /* position: relative; */
  z-index: 99;
  /* right: 0px; */
  /* top: 61px; */
  display: flex;
  /* width: 357px; */
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
}

/* .topDashboardWrapper.rightMneu {
  right: 0;
} */

.fixedMenuParent__box {
  background: #fff;
  display: block;
  box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.08);
  padding: 15px 40px;
  margin-bottom: 15px;
  text-align: center;
}

.fixedMenuParent__boxText p {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0;
  color: #000;
}

.fixedMenuParent__box:hover p {
  color: #f4852f;
}

.fixedMenuParent {
  z-index: 1;
  background: linear-gradient(to bottom, rgb(251, 183, 158) 1%, rgb(252, 110, 86) 100%);
  min-width: 300px;
  padding: 25px;
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  z-index: 91;
  height: calc(100vh - 61px);
  overflow-y: auto;
  position: fixed;
  right: -300px;
  top: 61px;
}

.fixedMenuDashboard {
  background: rgb(39 169 227);
  padding: 0px;
  z-index: 91;
  border-radius: 0;
  overflow: hidden;
  cursor: pointer;
  transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  width: 57px;
  height: 65px;
  position: absolute;
  right: 0px;
  top: -26px;
  text-align: center;
  padding-top: 11px;
}

.fixedMenuDashboard img {
  width: 25px;
}

.fixedMenuDashboard p {
  color: #fff;
  font-size: 12px;
  padding-top: 7px;
}

.rightMneu .fixedMenuDashboard {
  right: 300px;
}

/* .topDashboardWrapper.rightMneu .fixedMenuParent {
  right: 0;
} */

.topDashboardWrapper.rightMneu .fixedMenuParent {
  right: 0px;
}

.bodyOverlay::after,
.halfbodyOverlay:after,
.thirdhalfbodyOverlay:after,
.secondbodyOverlay:after,
.thirdbodyOverlay:after,
.fullBodyOverlay:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 8;
}

.secondbodyOverlay:after {
  z-index: 99;
}

.thirdbodyOverlay:after {
  z-index: 999;
}

.dashboardHeading {
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 10px 10px;
  margin: 0;
  background: #27a9e3;
  background: #27a9e3;
  background: #27a9e3;
  background: #27a9e3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#145388', endColorstr='#1f5c8d', GradientType=1);
}

.sellerAreaWrap .dashboardHeading {
  background: #f97341;
}

.commonBlockBox {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 15px, rgba(0, 0, 0, 0.04) 0px 1px 6px;
}

.commonCard {
  padding: 10px;
}

.listWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.listWrapper__img {
  flex: 0 0 183px;
  max-width: 183px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.listWrapper__img img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.listWrapper__detail {
  flex: 0 0 calc(100% - 183px);
  max-width: calc(100% - 183px);
  padding-left: 15px;
}

.filter-property-parent {
  display: flex;
  flex-wrap: wrap;
}

.listWrapper__detail h2 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
  color: #000;
}

.listWrapper__detail h2 a {
  color: #000;
}

.listWrapper__detail p {
  font-size: 18px;
  color: #575757;
  font-weight: 300;
}

.listWrapper .filter-property-parent p {
  font-size: 12px;
  padding-right: 5px;
  flex: 0 0 50%;
  max-width: 50%;
  margin: 5px 0;
  position: relative;
  line-height: 1;
  margin-bottom: 0;
}

.dashboardContentBlock .listWrapper__detail p {
  margin-bottom: 0;
}

/*.listWrapper .filter-property-parent p img {
  position: absolute;
  left: 0;
  top: 0px;
}*/

.db-box-design.dashboardPageLink {
  padding: 20px 0 10px;
}

.commonFeatureDashboard {
  max-width: 97.5%;
}

.page-breadcrumb .page-title {
  margin-bottom: 0px;
  font-size: 25px;
  font-weight: normal;
  color: #000;
}

.page-breadcrumb {
  padding: 10px 0 25px;
}

.selelrbuyerWrap {
  display: flex;
  align-items: center;
}

.selelrbuyerWrap p {
  margin: 0;
  font-size: 15px;
  opacity: .3;
  font-weight: 600;
}

.selelrbuyerWrap p.activePanel {
  opacity: 1;
}

/* KPI Css */
.kpiWrapper h3 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin: 8px 0 0;
  padding: 10px 0;
}

.kpiBox__content p {
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 600;
}

.kpiBox {
  background: #fff;
  box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 18%);
  padding: 15px 20px;
  /* display: flex; */
  /* justify-content: space-between; */
  /* align-items: center; */
  margin-bottom: 18px;
  width: calc(50% - 10px);
  margin: 5px;
}

.calenderPanel img {
  width: 100%;
}

.graphPanel {
  padding: 20px;
}

.kpiBox__img img {
  width: 36px;
  left: 0;
  top: 6px;
  max-width: 30px;
  display: block !important;
  width: 100%;
  right: 0;
  margin: 0 auto;
  text-align: center;
  fill: red;
}

/* KPI Css */
.details img {
  width: 20px;
  margin-right: 5px;
  height: 20px;
}

.details i {
  margin-right: 5px;
}

.fixedMenuParent__boxImg img {
  width: 60px;
}

.fixedMenuParent__box:first-child img,
.fixedMenuParent__box:nth-child(5) img,
.fixedMenuParent__box:nth-child(6) img {
  width: 50px;
}

/* Flex Porperty */
.flexBlock {
  flex-wrap: wrap;
  display: flex;
}

.block-8 {
  flex: 0 0 calc(73% - 20px);
  max-width: calc(73% - 20px);
  margin: 0 10px;
}

.block-4 {
  flex: 0 0 calc(27% - 20px);
  max-width: calc(27% - 20px);
  margin: 0 10px;
}

.profileBlockRight .flexRow {
  margin-bottom: 20px;
}


.flexRow {
  display: flex;
  margin: 0 -10px;
  flex-wrap: wrap;
}

.block-5 {
  flex: 0 0 calc(40% - 20px);
  max-width: calc(40% - 20px);
  margin: 0 10px;
}

.block-7 {
  flex: 0 0 calc(60% - 20px);
  max-width: calc(60% - 20px);
  margin: 0 10px;
}

.block-12 {
  flex: 0 0 calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin: 0 10px;
}

.mg-t-20 {
  margin-top: 20px;
}

/* Dropdown Menu */
.filterDropdown .dropdown-menu {
  top: 100% !important;
  box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.08);
  margin: 0;
}

.filterDropdown .dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.2;
  color: #333;
  white-space: nowrap;
  font-size: 14px;
}

.filterDropdown .dropdown-menu>li>a {
  color: #999;
  padding: 5px 10px;
}

.filterDropdown .dropdown-menu li a {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
}

.dropdown-toggle::after {
  display: none;
}

.graphPanel__heading {
  display: flex;
  justify-content: space-between;
}

.filterDropdown .dropdown-toggle {
  color: #000;
  position: relative;
  padding: 0;
  letter-spacing: 1px;
}

.filterDropdown .dropdown-toggle:focus {
  outline: none;
  box-shadow: none;
}

.filterDropdown .dropdown-toggle span {
  margin-left: 4px;
}

.filterDropdown {
  height: 26px;
}

/* Endless Animation */
/* .elem {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 75px;
  border-color: red blue green orange;
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
} */
.elem {
  animation-name: rotate;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
}

.rightMneu .elem,
.fixedMenuDashboard:hover .elem {
  animation-duration: 0s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  -ms-animation-duration: 0s;
  -o-animation-duration: 0s;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

/* Fullslide Popup */
.slidePopup {
  position: fixed;
  right: -100%;
  bottom: 0;
  top: 61px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  padding: 10px;
  background-color: #f1f1f1;
  width: 0;
}

.slidePopup.expandFullPopup {
  right: 0;
}

.zIndex-1 {
  z-index: 99;
}

.zIndex-2 {
  z-index: 999;
}

.zIndex-3 {
  z-index: 9999;
}

.fullSlidePopup {
  width: calc(100% - 280px);
}

.secondPopup {
  width: calc(100% - 320px);
}

.thirdPopup {
  width: calc(100% - 360px);
}

.halfSlidePopup {
  width: 50%;
}

.thirdhalfSlidePopup {
  width: 400px;
}

/* .fullSlidePopup .slideright {
  width: calc(100% - 280px);
  background: #fff;
  position: absolute;
  right: -105%;
  bottom: 0;
  top: 0;

}

*/
.slideright-close {
  width: 30px;
  height: 30px;
  position: absolute;
  left: -15px;
  top: 0px;
  opacity: 1;
  color: #fff !important;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: #f97341;
  font-size: 21px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 3px 4px 6px 0px rgba(0, 0, 0, 0.08);
}

.slideright-close:hover {
  background: #163a6b;
  color: #fff;
}

.popupWrapper p {
  font-size: 16px;
  color: #525252;
  margin-bottom: 5px;
}

.slideright {
  background: #fff;
  border-radius: 3px;
  padding: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.popupWrapper__body {
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

.popupWrapper__header h2 {
  font-size: 24px;
}

.popupWrapper p {
  font-size: 15px;
  color: #000;
}

.popupWrapper__body h4 {
  font-size: 20px;
}

/* Global Button Styles */
.fullButton {
  color: #fff !important;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /* min-width: 150px;
  max-width: 250px; */
  display: inline-block;
  padding: 10px 2em;
  border: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  z-index: 1;
}

.fullButton:focus {
  outline: none;
  box-shadow: none;
}

.fullButton::before,
.fullButton::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.fullButton::before {
  background: #7986cb;
}

.fullButton:hover {
  color: #fff;
}

.fullButton:hover::before,
.fullButton:hover::after {
  -webkit-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
  -moz-transform: translate3d(0, 100%, 0) !important;
  -ms-transform: translate3d(0, 100%, 0) !important;
  -o-transform: translate3d(0, 100%, 0) !important;
}

.fullButton:hover::after {
  -webkit-transition-delay: 0.175s !important;
  transition-delay: 0.175s !important;
}

.commonOrangeButton {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

.commonOrangeButton::after {
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
}

.commonBlueButton {
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);

}

.commonBlueButton::after {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

/************* Form Block Css **********************/
.slideflex-wrapper {
  display: flex;
  width: 100%;
  overflow-x: hidden;
  margin: 0px -5px;
}

.formblock {
  background: #ffffff;
  -webkit-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 10px 25px;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  position: relative;
  width: 100%;
}

.flex-box {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}

.formblock .form-control {
  height: 46px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  /* border: 1px solid #121212; */
  font-size: 14px;
  font-weight: 300;
}

.formblock .form-control:focus,
.formblock input:focus {
  outline: none;
  box-shadow: none;
}

.slideblock .formblock {
  flex: 0 0 50%;
  max-width: 50%;
}

.slideflex-wrapper .slideright-close {
  left: auto;
  right: 18px;
  background: transparent;
  color: #fc684b;
  box-shadow: none;
  font-size: 16px;
}

label {
  font-size: 15px;
  font-weight: normal;
}

.custom-control-label:focus {
  outline: none;
}

.custom-control-label::before {
  width: 16px;
  height: 16px;
}

.custom-control-label::after {
  width: 16px;
  height: 16px;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 30px;
}

.custom-control-label {
  margin-bottom: 0;
  font-weight: normal;
  color: #3e5569;
  font-size: 13px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #f8793b;
}

/************** Gauge Popup Css *************/
.blink-text {
  color: #ff0000;
  font-weight: bold;
  font-size: 13px;
  animation: blinkingText .5s infinite;
  margin: 0;
}

@keyframes blinkingText {
  0% {
    color: #fd644f;
  }

  50% {
    color: #fc674c;
  }

  100% {
    color: red;
  }
}

.tipText {
  position: absolute;
  bottom: 4px;
  width: 52%;
  text-align: center;
}

.list-view-car .pro-detail {
  position: relative;
}

.auctionIDName p {
  margin: 0;
  display: block;
  background: rgba(63, 81, 181, 0.49);
  padding: 3px 8px;
}

.auctionIDName {
  position: absolute;
  bottom: 0;
  color: #fff;
  left: 0;
  right: 0;
  text-align: center;
}

.indicatorPopupGauge .gauge {
  width: 140px;
  height: 70px;
}

.indicatorPopupGauge .meter>li {
  width: 70px;
  height: 70px;
  border-top-left-radius: 70px;
}

.indicatorPopupGauge p.positiontext {
  font-size: 14px !important;
  left: 64px;
  bottom: 10px;
}

.indicatorPopupGauge .dial {
  width: 91px;
  height: 45px;
  top: 25px;
  left: 25px;
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
}

.indicatorPopupGauge .dial .redarrow {
  left: -24px;
  bottom: -14px;
  width: 25px;
}

.indicatorPopupGauge .dial .yellowarrow {
  left: -18px;
  bottom: 37px;
  transform: rotate(106deg);
  -webkit-transform: rotate(106deg);
  -moz-transform: rotate(106deg);
  -ms-transform: rotate(106deg);
  -o-transform: rotate(106deg);
}

.indicatorPopupGauge .dial .greenarrow {
  left: 38px;
  bottom: 46px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.commonGuidProperty:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #fa0e1c;
  position: absolute;
  top: 5px;
  left: 0;
  /* border-radius: 50px; */
}

.commonGuidProperty {
  position: relative;
  font-size: 14px;
  padding-left: 25px;
  display: inline-block;
}

.yellowGuide.commonGuidProperty:before {
  content: "";
  background: #ffe411;
}

.greenGuide.commonGuidProperty:before {
  content: "";
  background: #09b84f;
}

.indicatorPopup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
}

.indicatorPopupGauge {
  flex: 0 0 150px;
  max-width: 150px;
}

.indicatorPopupGuide {
  flex: 0 0 calc(100% - 170px);
  max-width: calc(100% - 170px);
}

.guidlineHeading {
  margin: 0;
  text-align: center;
  padding-bottom: 10px;
  color: #3F51B5;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}

.gaugeIndiParent .modal-body {
  padding: 50px 15px 25px;
}

.gaugeIndiParent .modal-dialog {
  width: 450px;
}

.gaugeIndiParent .close {
  position: absolute;
  top: 8px;
  right: 7px;
  color: #000;
  opacity: 1;
}

.gaugeIndiParent.gauge-tool-tip {
  max-width: 485px;
  background: #fff;
  box-shadow: 0 0px 10px rgba(0, 0, 0, .3);
  border-radius: 0;
  padding: 10px 10px 5px;
  position: absolute;
  right: 20%;
  z-index: 9;
  bottom: 10px;
  display: block;
  opacity: .9;
}

.gaugeIndiParent.box-hover {
  display: block;
}

.gaugeInnerBox {
  position: relative;
}

.gaugeInnerBox:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -40px;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent transparent #1e3d74;
}

.list-view-car .car-detail {
  position: relative;
}

.gridListCar .gaugeIndiParent.gauge-tool-tip {
  max-width: 100%;
  right: auto;
  bottom: auto;
  min-height: 250px;
  top: 275px;
}

.gridListCar .gaugeInnerBox::after {
  border-color: transparent transparent rgb(30, 61, 116);
  top: -40px;
  bottom: auto;
  right: auto;
}

.gridListCar .indicatorPopupGuide {
  flex: 0 0 100%;
  max-width: 100%;
}

.gridListCar .gauge-tool-tip .gauge-master {
  position: static;
}

.gridListCar .indicatorPopupGauge {
  max-width: 150px;
  margin: 8px auto 25px;
}

.guidlineHeading {
  font-size: 16px;
}

.commonGuidProperty {
  font-size: 13px;
}

.commonGuidProperty p {
  margin-bottom: 8px;
}

/***** Grid Gauge *********/
#grid-blk .gaugeIndiParent {
  max-width: 100%;
  width: 100%;
  right: 0;
  bottom: 40px;
  display: block;
}

#grid-blk .indicatorPopup {
  display: block;
}

#grid-blk .indicatorPopupGauge {
  margin: 0 auto 20px;
}

#grid-blk .indicatorPopupGuide {
  flex: 0 0 100%;
  max-width: 100%;
}

#grid-blk .gaugeInnerBox:after {
  bottom: auto;
  right: auto;
  border-color: transparent transparent #1e3d74 transparent;
  top: -40px;
}

/******** MultiStep Form Css ****************/
.stepFormHeading h3 {
  font-size: 20px;
  background: red;
}

.fourthInfoTab .table-responsive {
  max-height: 400px;
}

.multiStepFromWrapper .css-b8ldur-Input input {
  height: 100% !important;
}

.setupform-btn button,
.setupform-btn a {
  margin-right: 10px;
}

.car-step-four-container .fourthStepDropImg {
  position: relative;
  height: 182px;
  border: 1px dotted #ddd;
}

.car-step-four-container .fourthStepDropImg::after {
  content: "";
  background: url(/assets/images/dashboard/dropzonenew.png);
  width: 100%;
  height: 180px;
  position: absolute;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.car-step-four-container .fourthStepDropVideo::after {
  background: url(/assets/images/dashboard/dropzone-video.PNG);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.car-step-four-container .dropzoneImg #carImage, .car-step-four-container .dropzoneImg #carVideo {
  padding: 0;
  border: none;
  height: 180px !important;
}
#preview-contanier .thumb-icon div {
  width: auto !important;
  height: auto !important;
}

.multiStepFromWrapper .formblock .form-control {
  box-shadow: none;
  border: 1px solid #ced4da;
}

.multiStepFromWrapper #carsetupstep2frm li .form-control {
  height: 35px !important;
  border-radius: 0;
  margin-right: 10px;
}

#current-selection li a.nav-link.active {
  border: 1px solid #f3862d;
  color: #f3862d;
}

.multiStepFromWrapper .dp-select2>div {
  padding: 0 !important;
}

.multiStepFromWrapper .dashboardHeading {
  text-align: left;
  font-size: 16px;
  padding: 0 0 5px;
  background: transparent;
  color: #000;
}

.stepFormHeading p {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  padding: 5px;
  padding-bottom: 0px;
  line-height: 1;
}

.multiStepFromWrapper .formblock .additional-equipment {
  height: 30px !important;
  border-radius: 0;
}

.stepFormHeading.editBtnOption {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.multiStepFromWrapper .stepFormHeading {
  background: #e1e4e8;
  padding: 15px 20px 10px;
}

.multiStepFromWrapper .stepFormHeading button {
  padding: 2px 10px;
  background: #000;
  border: none;
}

.custom-controlCheckbox {
  margin-left: 15px;
}

.custom-controlCheckbox .customCheckboxBtn {
  margin: 0;
}

.multiStepFromWrapper .stepFormHeading button :hover {
  background: #f38a29;
}

.multiStepFromWrapper .dashboardHeading span {
  font-size: 14px;
  color: #635f5f;
  font-weight: normal;
}

.multiStepFromWrapper .commonBlockBox {
  margin-bottom: 15px;
}

.huauBox {
  display: flex;
  align-items: center;
}

.huauBox .custom-checkbox {
  margin-left: 25px;
  display: flex;
  align-items: center;
  padding: 0;
}

.huauBox .customCheckboxBtn {
  margin-bottom: 0;

}

.multiStepFromWrapper .custom-radio {
  margin-bottom: 7px;
}

.docContent {
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 0.21) 0%, rgba(242, 142, 38, 0.21) 1%, rgba(253, 100, 79, 0.21) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 0.21) 0%, rgba(242, 142, 38, 0.21) 1%, rgba(253, 100, 79, 0.21) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 0.21) 0%, rgba(242, 142, 38, 0.21) 1%, rgba(253, 100, 79, 0.21) 100%);
  display: flex;
  height: 96%;
  flex-wrap: wrap;
}

ul.img-upload-instruction {
  /* background: #f5f5f5; */
  list-style: none;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  width: 100%;
}

ul.img-upload-instruction li {
  position: relative;
  padding-left: 20px;
  color: #000;
  font-size: 13px;
  padding-bottom: 10px;
}

ul.img-upload-instruction li:before {
  content: "\f105";
  position: absolute;
  left: 0;
  font-family: Fontawesome;
  color: #163a6b;
  font-size: 19px;
  font-weight: 600;
  top: -3px;
}

section.step7-upwrapper {
  z-index: 9;
  width: 100%;
  position: fixed;
  top: 61px;
  left: 280px;
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
}
.collopseSideBar section.step7-upwrapper {
  left: unset;
}

.step7-menu-wrapper {
  background: rgb(20, 83, 136);
  background: -moz-linear-gradient(left, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  background: linear-gradient(to right, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#145388', endColorstr='#1f5c8d', GradientType=1);
  padding: 10px 0;
}

.step7-menu li a {
  font-size: 16px;
  color: #fff !important;
}

.step7-menu li span {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  margin: 0 15px 0 0;
}



.step7-menu li.active span,
.step7-menu li:hover span {
  background: #fff;
  border-color: #fff;
  color: #000;
}

ul.step7-menu {
  display: flex;
  margin: 0;
}

ul.step7-menu li {
  margin-right: 70px;
}

.multiStepFromWrapper {
  margin-top: 50px;
}

/* Step 2 Form Css */
.searchStepOverlay .overlay-euipment {
  position: fixed;
  background: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}

.searchStepOverlay input#search-equipments {
  position: relative;
  z-index: 99;
}

.searchStepOverlay .stpe2-searchbox i {
  z-index: 99;
}

.searchStepOverlay .stpe2-searchbox .table-responsive {
  z-index: 99;
  position: relative;
}

.searchStepOverlay .rightEquipmentBox,
.searchStepOverlay .dashboard__sidebar,
.searchStepOverlay .mg-t-100 {
  z-index: 0;
}

.searchStepOverlay section.step7-upwrapper {
  z-index: 1;
}

.stpe2-searchbox {
  position: fixed;
  width: calc(100% - 845px);
  top: 125px;
  z-index: 1;
  transition: .5s ease all;
  left: 305px;
  right: 15px;
}


#searchfilter-equipments {
  border: 2px solid #e77c06;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
  height: 44px;
  border-radius: 0px;
}

.stpe2-searchbox .table-responsive {
  max-height: 300px;
}

.stpe2-searchbox .table-responsive table {
  background: #fff;
}

.stpe2-searchbox .table-responsive table .customCheckboxBtn {
  margin-bottom: 0;
}

.stpe2-searchbox i {
  position: absolute;
  right: 1px;
  top: 0;
  background: #e77c06;
  width: 43px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  z-index: 9;
}

.stpe2-searchbox .table-responsive table td {
  padding: 8px;
}

.searchStepOverlay {
  overflow: hidden;
}

.mg-t-100 {
  margin-top: 100px;
}

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

.equipments-ul li {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.equipments-ul .additional-equip .series-equipment {
  height: 28px !important;
  margin: 0 10px;
}

.additional-equip {
  display: flex;
  align-items: center;
  padding-right: 15px;
}

.additional-equip .customCheckboxBtn .checkmark {
  top: -10px;
}

.additional-equip label {
  margin-bottom: 0;
  margin-top: 0;
}

.greybox-content {
  max-height: calc(100vh - 230px);
  overflow-y: auto;
}

.no-pd {
  padding: 0;
}

.greybox-header {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  padding: 10px;
}

.greybox-header h3 {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 0;
}

.multistepFormTable th {
  border-bottom: none;
}

.multistepFormTable td {
  padding: 4px 15px;
  font-size: 14px;
  color: rgba(0, 0, 0, .7);
  border-left: 1px solid #ddd;
}

#additional-comments-wrapper .form-control {
  height: 57px !important;
}

.leftEquipmentBox {
  width: calc(100% - 515px);
}

.rightEquipmentBox {
  position: fixed;
  right: 25px;
  width: 500px;
  top: 138px;
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
  z-index: 2;
}

.btn-group.setupform-btn {
  z-index: 1;
}

.euroBox div {
  width: 100%;
}

.formSticky .stpe2-searchbox,
.formSticky .rightEquipmentBox {
  top: 114px;
}

.onelineRadio {
  display: flex;
  align-items: center;
}

.onelineRadio .custom-control {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.euroBox {
  display: flex;
  align-items: center;
}

.euroBox .unit {
  margin-left: 15px;
}

.stepFormThumbIcon .thumb-icon img {
  max-width: 140px;
}

.stepFormThumbIcon .thumb-icon {
  position: relative;
}

.stepFormThumbIcon {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}

.stepFormThumbIcon>.thumb-icon {
  flex: 0 0 calc(15% - 30px);
  max-width: calc(15% - 30px);
  margin: 10px 15px;
  text-align: center;
}

.stepFormThumbIcon>.thumb-icon span {
  display: block;
  margin-top: 2px;
  font-size: 13px;
}

.stepFormThumbIcon .thumb-icon a.remove-cls {
  position: absolute;
  top: -10px;
  right: -10px;
}

/************** Four Step Form *****************/
.car-step-four-container .docContent {
  margin-bottom: 10px;
  height: auto;
}

.tabProperty .tab-pane {
  padding: 15px;
  height: 80px;
}

.tabProperty .nav-tabs {
  position: relative;
  border: none !important;
  background-color: #fff;
  /*   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
  border-radius: 6px;
}

.tabProperty .nav-tabs li {
  margin: 0px;
}

.tabProperty .nav-tabs li a {
  position: relative;
  margin-right: 0px;
  padding: 5px 20px 10px;
  font-size: 14px;
  border: none;
  color: #333;
}

.tabProperty .nav-tabs a:hover {
  background-color: #fff;
  border: none;
}

.tabProperty .slider {
  display: inline-block;
  width: 30px;
  height: 2px;
  border-radius: 3px;
  background-color: #fc674c;
  position: absolute;
  z-index: 1200;
  bottom: 0;
  transition: all .4s linear;
}

.tabProperty .nav-tabs .active,
.tabProperty .nav-tabs li a:hover {
  background-color: transparent;
  border: none;
  color: #fc674c;
  border-bottom: 2px solid #fc674c;
}

/* #addEditForm .dropzoneImg .Dropzone_close__29IiE {
  position: absolute;
  top: -10px;
  right: -7px;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  transition: 0.3s;
  display: block;
  width: 25px;
  height: 25px;
  background: #fc664c;
  text-align: center;
  border-radius: 50%;
} */
/* Preview Image Css */
body .dropzoneImg .Dropzone_container__inGXF {
  transform: unset;
}

body .Dropzone_modal__3qZTb {
  position: relative;
  padding: 25px;
}

body .Dropzone_modal__3qZTb:before {
  content: "";
  background: rgba(0, 0, 0, .66);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body .Dropzone_modal__3qZTb .Dropzone_modalimage__y2EVm {
  position: relative;
  top: 0;
  left: 0;
  transform: unset;
}

body .Dropzone_close__29IiE {
  position: absolute;
  top: 1px;
  right: 2px;
  color: #f1f1f1;
  font-size: 15px;
  font-weight: bold;
  transition: 0.3s;
  background: #f97341;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50px;
  line-height: 25px;
}

body .dropzoneImg .Dropzone_dropcontainer__1yHrW {
  width: 100%;
  height: auto;
  min-height: 100px;
}

/* Preview Image Css */
.dropzoneImg .Dropzone_filedisplaycontainer__JX9W6 {
  position: static;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.dropzoneImg .Dropzone_filestatusbar__3WYLD {
  flex: 0 0 calc(33.33% - 10px);
  max-width: calc(33.33% - 10px);
  margin: 5px 5px;
  display: flex;
  justify-content: space-between;
      flex-wrap: wrap;
}

.dropzoneImg .Dropzone_filetypelogo__vt690 {
  width: 35px;
  height: 35px;
}

.dropzoneImg .Dropzone_filename__1Oo9B {
  vertical-align: middle;
  margin-left: 43px;
  color: #000;
  font-size: 12px;
  line-height: 1;
  word-break: break-all;
  width: 130px;
}

.dropzoneImg .Dropzone_filetype__wck5Q {
  margin-top: 20px;
  font-size: 10px;
}

.dropzoneImg .Dropzone_filestatusbar__3WYLD>div {
  min-height: 35px;
  display: flex;
  align-items: center;
  position: static;
  max-width: 80%;
  flex-wrap:wrap;
}
.dropzoneImg .Dropzone_filestatusbar__3WYLD .Dropzone_fileremove__2PmkF {
    margin-right: 13px;
}
.dropzoneImg .Dropzone_fileuploadbtn__13Ejr {
  display: none;
}

.dropzoneImg .Dropzone_filesize__568x6 {
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
      margin-left: 43px;
}

.fullwidthstepform .rightEquipmentBox {
  display: none;
}

.fullwidthstepform .leftEquipmentBox {
  width: 100%;
}

.fullwidthstepform .stpe2-searchbox {
  width: calc(100% - 330px);
}

.additionEquipmentUl .additional-equipment {
  height: 30px !important;
  border-radius: 0;
  margin: 0;
  margin-left: 10px;
}

.stpe2-searchbox .form-control {
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
}

div#current-selection {
  padding: 10px;
}

.mulitstepFormTab ul li a:hover:before,
.mulitstepFormTab ul li a.active:before {
  left: 0;
}

.mulitstepFormTab ul li a:hover:after,
.mulitstepFormTab ul li a.active:after {
  right: 0;
}

.mulitstepFormTab {
  padding: 0;
}

.mulitstepFormTab ul li a {
  border-top: 2px solid #204078 !important;
  border-bottom: 2px solid #204078 !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 5px 20px;
}

.mulitstepFormTab ul li a:hover,
.mulitstepFormTab ul li a.active {
  color: #204078 !important;
}

.rightEquipmentBox table td,
.fourthStepFromTab table td {
  font-size: 15px;
  padding: 6px;
  color: rgba(0, 0, 0, .7);
}

.fourthStepFromTab table td {
  border-top: none;
  border-bottom: 1px solid #dee2e6;
}

.rightEquipmentBox table {
  border: 1px solid #dee2e6;
}

.onelineRadio .customRadioBtn {
  margin-right: 30px;
}

.fourthStepFromTab .nav-tabs {
  border-radius: 0;
  margin-bottom: 10px;
}

.stepfourEquipmentTable {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}

.stepfourEquipmentTable table th {
  padding: 8px;
  font-size: 14px;
  font-weight: 600;
}

.fourthStepFromTab.tabProperty .tab-pane {
  padding: 15px;
  height: 300px;
  overflow: hidden;
  overflow-y: auto;
}

.stepFormThumbIcon>div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.stepFormThumbIcon .thumb-icon img {
  max-width: 100%;
}

.stepFormThumbIcon p.dekra-image-name {
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3px;
  color: #757575;
  line-height: 1;
  margin: 5px 0;
}

.stepFormThumbIcon label.customRadioBtn {
  font-size: 12px;
  color: #757575;
  line-height: 1;
  margin-top: 10px;
}

.editBtnOption button#btn-huau {
  background: transparent;
  font-size: 20px;
  padding: 0;
  line-height: 1;
  color: #fb6a49;
  margin-left: 5px;
}

#carsetupstep1frm #btn-huau {
  padding: 0 0 0 8px;
  margin: -3px 0 0;
  line-height: 1;
}

.no-margin {
  margin: 0;
}

/******** MultiStep Form Css ****************/
/******** react Table Css **************/
.mainDatatable .table-dp-menu-bg .dropdown-item {
  color: #000;
  font-size: 12px;
  padding: 8px;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  font-weight: normal;
}

.mainDatatable .table-dp-menu-bg .dropdown-item:hover,
.mainDatatable .table-dp-menu-bg .dropdown-item:focus {
  outline: none;
  box-shadow: none;
  opacity: .7;
}

.mainDatatable .table-dp-menu-bg {
  padding: 0;
  box-shadow: 0 1px 5px rgb(0 0 0 / 24%);
  border: none;
}

.mainDatatable .table-dp-menu-bg .dropdown-item span {
  padding-left: 10px;
}

.mainDatatable .table-dp-menu-bg .dropdown-item span.custom-fa-success,
.mainDatatable .table-dp-menu-bg .dropdown-item i.fa.fa-thumbs-up {
  color: #28a745;
}

.mainDatatable .table-dp-menu-bg .dropdown-item span.custom-fa-danger,
.mainDatatable .table-dp-menu-bg .dropdown-item i.fa.fa-thumbs-down {
  color: #d80909;
}

.mainDatatable .rt-tbody .rt-td:nth-child(9) {
  overflow: visible;
  text-align: center;
}

.mainDatatable .rt-tbody .rt-td:nth-child(9) button {
  border-radius: 0;
  padding: 4px;
  font-size: 12px;
  background: #ddd;
}

body .ReactTable .rt-thead .rt-th:first-child .show.dropdown {
  position: static;
}

body .ReactTable .rt-thead .rt-th:first-child {
  position: static;
}

.mainDatatable h4 {
  font-size: 16px;
  margin: 0;
}

.stepFormThumbIcon>div {
  width: 100%;
}

.ReactTable .rt-thead.-header {
  box-shadow: none !important;
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
  border-top: solid 1px rgba(0, 0, 0, 0.05);
}

/* .ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  border-right: none !important;
}

*/
.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden !important;
}

.rt-resizable-header-content {
  font-weight: 600;
  color: #000;
  font-size: 14px;
  padding: 5px 0;
  text-align: left;
}

body .ReactTable .rt-thead .rt-th,
body .ReactTable .rt-thead .rt-td,
body .ReactTable .rt-td {
  padding: 8px 12px;
  font-size: 14px;
}

.rt-resizable-header-content button {
  position: relative;
  display: inline-block;
}

.rt-resizable-header-content p.countName {
  position: absolute;
  top: -8px;
  width: 18px;
  height: 18px;
  background: #204078;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 50px;
  right: -11px;
  margin: 0;
  line-height: 1.5;
}

/* body .ReactTable .rt-tbody .rt-td {
  border-right: none;
} */
body .ReactTable .rt-tr {
  align-items: center;
}

body .ReactTable.-striped .rt-tr.-odd {
  background: transparent;
}

.ReactTable.-striped .rt-tr.-odd {
  background: transparent;
}

.ReactTable .rt-thead .rt-td.-sort-asc,
.ReactTable .rt-thead .rt-th.-sort-asc {
  box-shadow: none;
}

.ReactTable .rt-tbody .rt-td {
  border-right: none;
}

.ReactTable .rt-thead .rt-td,
.ReactTable .rt-thead .rt-th {
  border-right: none;
  padding: 0;
  white-space: pre-wrap;
}

.rt-table .blueTableBtn,
.rt-table .badge-primary {
  color: rgb(31, 62, 118);
  background-color: rgb(238, 229, 255);
}

.rt-table .infoTableBtn,
.rt-table .badge-info,
.info-list .badge-info {
  color: #2446e2;
  background-color: #bfc9f7;
}

.rt-table .redTableBtn,
.rt-table .badge-danger,
.info-list .badge-danger {
  color: #f64e60;
  background-color: #ffe2e5;
}

.rt-table .badge,
.info-list .badge {
  font-weight: normal;
}

.rt-table .yellowTableBtn,
.rt-table .badge-warning,
.info-list .badge-warning {
  color: #000;
  background-color: #fcecbd;
}

.rt-table .greenTableBtn,
.rt-table .badge-succss,
.info-list .badge-success {
  background: #d4f5d4;
  color: green;
}

body .ReactTable .-pagination .-btn {
  width: 30px;
  font-size: 0;
  position: relative;
  height: 35px;
}

body .ReactTable .-pagination .-btn:not([disabled]):hover {
  background: rgb(253, 103, 77);
  color: #fff;
}

body .ReactTable .-pagination .-pageJump input {
  width: 40px;
  text-align: center;
}

body .ReactTable .-pagination .-pageSizeOptions {
  font-size: 13px;
}

body .ReactTable .-pagination {
  justify-content: flex-end;
  border-top: none;
  align-items: center;
  box-shadow: none;
  margin-bottom: 10px;
  margin-top: 15px;
}

.mobile-alert-info {
  display: flex;
  justify-content: flex-end;
}

.tbl-info {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 20px;
  width: 600px;
}

.info-list {
  position: relative;
  padding-left: 100px;
  padding: 5px 0 15px 100px;
}

.info-list p {
  font-size: 14px;
  font-weight: normal;
  margin-left: 11px;
  margin: 0;
}

.info-list label {
  margin: 0;
  position: absolute;
  left: 0;
}

.info-heading {
  font-size: 18px;
  color: #021b39;
  margin-bottom: 6px;
  display: inline-block;
}

.info-list p {
  font-size: 14px;
  font-weight: normal;
  margin-left: 11px;
}

.ReactTable .-pagination .-previous button:after {
  content: "\f104";
  font-family: Fontawesome;
  font-size: 30px;
  position: absolute;
  top: 2px;
  left: 10px;
  line-height: 1;
}

.ReactTable .-pagination .-next button:after {
  content: "\f105";
  font-family: Fontawesome;
  font-size: 30px;
  position: absolute;
  top: 2px;
  right: 10px;
  line-height: 1;
}

body .ReactTable .-pagination .-center {
  flex: unset;
  text-align: left;
}

body .ReactTable .-pagination .-previous,
body .ReactTable .-pagination .-next {
  flex: unset;
  text-align: center;
  margin: 0 15px;
}

body .ReactTable .-pagination .-pageInfo {
  margin: 0px 10px;
  font-size: 13px;
}

.FilterDataPanel {
  display: flex;
  align-items: center;
}

.FilterDataPanel span {
  font-size: 14px;
}

.FilterParentWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px 0;
}

.mainDatatable {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 20px;
  order: 3;
  border: none !important;
  /* overflow: hidden; */
}

.filterWrapper {
  order: 2;
}

.FilterDataPanel input.form-control,
.FilterDataPanel .db-filter {
  width: 250px;
  margin-left: 20px;
  height: 35px !important;
  border: 1px solid #ced4da;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.FilterDataPanel .css-tlfecz-indicatorContainer {
  padding: 6px;
}

.FilterDataPanel .db-filter .css-b8ldur-Input input {
  height: 100% !important;
}

.FilterDataPanel label {
  margin: 0;
}

.FilterDataPanel .css-1pahdxg-control {
  height: 100% !important;
  min-height: unset !important;
}

.FilterDataPanel .css-1gtu0rj-indicatorContainer {
  padding: 6px !important;
  height: 100% !important;
}

.btn.btn-auctionBtn {
  color: #fff;
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  border: none;
}

.btn.btn-auctionBtn:hover,
.btn.btn-auctionBtn:focus {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  color: #fff;
  outline: none;
  box-shadow: none;
}

body .ReactTable .rt-thead .rt-th.-sort-asc,
body .ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px 0 0 #3F51B5;
}

.rt-tbody .rt-td:first-child {
  text-align: center;
}

.rt-th:first-child .rt-resizable-header-content {
  text-align: center;
}

.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: unset !important;
}

.-cursor-pointer .rt-resizable-header-content:after {
  content: "\f107";
  font-family: Fontawesome;
  margin-left: 10px;
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
}

.-cursor-pointer .rt-resizable-header-content {
  position: relative;
}

.-cursor-pointer.-sort-asc .rt-resizable-header-content:after {
  content: "\f106";
}

.mainDatatable .dropdown a {
  position: relative;
  font-size: 22px;
}

.mainDatatable .dropdown a p {
  width: 18px;
  background: #fff;
  border-radius: 50px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  color: #000;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  -moz-box-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  -ms-ox-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  -o-box-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  box-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  margin-bottom: 0;
  position: absolute;
  top: -11px;
  right: -8px;
}

.mainDatatable .dropdown-toggle::after {
  display: none;
}

.tableDropdown.dropdown-menu {
  background: rgb(32 64 120 / 87%);
  border: none;
  padding: 0;
  border-radius: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/******** Checkbox Table Css **************/
/* .mainDatatable .dropdown-menu {
  display: none !important;
  right: 0% !important;
  left: auto !important;
  bottom: 60px !important;
  width: calc(100% - 100px);
  transform: unset !important;
  background: rgba(78, 78, 78, 0.82);
  z-index: 1;
  border-radius: 0;
  margin-top: -1px;
  transition: .5s ease auto;
  border: none;
  padding: 20px;
  -webkit-transform: unset !important;
  -moz-transform: unset !important;
  -ms-transform: unset !important;
  -o-transform: unset !important;
  -webkit-transition: .5s ease auto;
  -moz-transition: .5s ease auto;
  -ms-transition: .5s ease auto;
  -o-transition: .5s ease auto;
} */

.mainDatatable .dropdown-menu.show {
  display: block !important;
}

.mainDatatable .dropdown-item {
  color: #fff;
}

/* .mainDatatable .dropdown,
body .mainDatatable .rt-th.rt-resizable-header {
  position: static !important;
} */

.mainDatatable .dropdown-toggle {
  background: transparent;
  border: none;
  padding: 0;
  line-height: 1;
  color: #000;
}

.mainDatatable .dropdown-toggle:hover,
.mainDatatable .dropdown-toggle:focus,
.mainDatatable .btn-secondary:not(:disabled):not(.disabled):active {
  background: transparent;
  color: #1e3c73;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.mainDatatable .show>.btn-secondary.dropdown-toggle {
  background-color: transparent;
  border-color: transparent;
  color: #000
}

.mainDatatable .dropdown-menu button i::before {
  margin-right: 10px;
}

/* .mainDatatable .dropdown-item {
  color: #fff;
  background: #f5852f;
  display: block;
  width: auto;
  margin-bottom: 15px;
  min-width: 165px;
} */

.tableDropdown a.dropdown-item {
  color: #fff;
  font-size: 12px;
  padding: 10px 10px;
  border-bottom: 1px solid #ddd;
  width: 200px;
  padding-left: 38px;
}

.tableDropdown a.dropdown-item:last-child {
  border-bottom: none;
}

.tableDropdown a.dropdown-item i {
  font-size: 16px;
  margin-left: 13px;
  position: absolute;
  left: 0px;
}

.tableDropdown a.dropdown-item:hover,
.tableDropdown a.dropdown-item:focus {
  background: #f48430;
}

.tableDropdown.show>.btn-success.dropdown-toggle,
.tableDropdown.show>.btn-success.dropdown-toggle:focus {
  background-color: transparent;
  border-color: transparent;
}

/******** Checkbox Table Css **************/

/********** Listing Css Start ******************/
.car-listing-body section.tabs-carsearch {
  padding-top: 35px;
}

.image-gallery-thumbnail .image-gallery-thumbnail-image {
  height: 70px;
}

.image-gallery-thumbnail-inner {
  height: 70px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Filter Css */
.panel-group.filter-panel {
  margin-bottom: 0;
  justify-content: space-between;
  display: flex;
  padding: 5px;
  position: fixed;
  top: 61px;
  width: 100%;
  left: 0;
  z-index: 9;
  align-items: center;
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
}

.all-filter-box {
  display: flex;
  align-items: center;
}

.mainFilterPanel a.slideright-close {
  display: none;
}

.average-sect-wrapper {
  margin: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  height: 100%;
}

.average-sect-head {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  margin: 0 5px 0 0;
  font-weight: 500;
}

.average-sect-main {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-weight: 600;
}

.filter-panel .panel.panel-default {
  border: none !important;
  box-shadow: none;
  background: 0 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.panel-group .panel {
  margin-bottom: 0;
}

span.listing-showing-cars {
  color: #fff;
  padding: 0 5px 0 0;
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
}

.filter-btn {
  background: #fff;
  border-radius: 0;
  color: #114b91;
  padding: 2px 5px;
  display: flex;
  vertical-align: top;
  margin: 0px 2px 0;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .3);
  font-size: 13px;
  font-weight: 600;
}

a:hover.filter-btn,
a:hover#filter-panel,
a:focus.filter-btn,
a:focus#filter-panel {
  color: #fff;
  background: #fb684a;
}

.filter-panel .filterPanelIcon {
  background: #fc654d;
  color: #fff;
  width: 18px;
  border-radius: 50px;
  text-align: center;
  height: 18px;
  line-height: 18px;
  margin-left: 6px;
  font-size: 10px;
}

.mobileShowFilter {
  display: none;
}

/* .filter-panel .accordion-toggle {
  background: #114b91;
  border-radius: 0;
  color: #fff;
  padding: 4px 13px;
  display: inline-block;
  vertical-align: top;
  margin: 1.5px 0 0;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .3);
  font-family: Lato;
} */

/* .filter-panel .accordion-toggle.collapsed {
  background: #114b91;
} */

.grid-tab {
  float: none;
  margin: 0px 0 0 5px;
  position: static;
  z-index: 1;
  padding: 0;
  display: flex;
  align-items: center;
}

.grid-tab .nav-tabs {
  border-bottom: none;
  display: inline-block;
}

.grid-tab .nav-tabs>li {
  margin: 0 0 0 10px;
  opacity: .3;
}

.grid-tab .nav-tabs>li.active {
  opacity: 1 !important;
}

.grid-tab .nav-tabs>li>a {
  border: none !important;
  padding: 0;
  margin: 0 0 0 8px;
}

.grid-tab .nav-tabs>li>a i {
  color: #fff !important;
  font-size: 21px;
  font-weight: 400;
}

.listing-help-div {
  margin: 0;
}

.grid-tab .nav-tabs {
  border-bottom: none;
  display: flex;
}

.grid-tab .nav-tabs>.opacity-one,
.grid-tab .nav-tabs>.opacity-one:hover {
  opacity: 1;
}

.grid-tab .nav-tabs>li {
  margin: 0 3px 0;
  line-height: 1;
}

.grid-tab .nav-tabs>li>a.listing-help-icon-color {
  opacity: 1;
  cursor: pointer;
  background: #114b91;
  width: 23px;
  height: 23px;
  border-radius: 50px;
  text-align: center;
  line-height: 23px;
  display: inline-block;
}

.grid-tab .nav-tabs>li>a.listing-help-icon-color i {
  font-size: 18px;
}

#collapsefilter {
  background: #f7f7f7;
  padding: 0px 0px 10px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  top: 100%;
}

.category-filterbox {
  background: #fff;
  padding: 5px 0px 0px;
  border-radius: 5px;
  margin-top: 5px;
  border: 1px solid #8a8a8a;
  position: relative;
}

.main-listing {
  text-align: right;
  margin: 0px;
  background: #fff;
  padding: 0px 0px 5px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  margin-left: 10px;
}

.filterclose-btn {
  position: absolute;
  right: -7px;
  background: #1c3b61;
  color: #fff;
  width: 21px;
  height: 21px;
  top: -5px;
  border-radius: 50px;
  z-index: 99;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
}

.filterclose-btn:hover {
  background: #e67811;
}

.filter-subheading {
  font-size: 15px;
  font-weight: bold;
  color: #114b91;
}

.main-listing .nav-tabs>li {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
}

p.owncar-head {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  padding-top: 1px;
  margin-right: 10px;
}

.main-listing .nav-tabs>li>a {
  background: #f7f7f7;
  color: #041938;
  display: block;
  height: 32px;
  line-height: 26px;
  padding: 0 30px;
  min-width: 100px;
  border-top: 3px solid transparent;
  text-align: center;
  font-size: 14px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

ul.filter-ul-listing {
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: unset;
  flex-wrap: wrap;
  margin: 0;
}

ul.filter-ul-listing li {
  max-width: calc(25% - 1%);
  flex: 0 0 calc(25% - 1%);
  margin: 0px .5%;
}

.category-filterbox label {
  font-weight: 600;
  font-size: 13px;
}

.greybox-content #collapsefilter .form-control,
.list-grid-section #collapsefilter .form-control {
  height: 32px !important;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #d2d2d2;
  margin-bottom: 15px;
}

.list-grid-section #collapsefilter .form-control:focus {
  outline: none;
  box-shadow: none;
}

.btn-main.detail_btn {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  min-width: 210px;
  font-size: 14px;
  color: #fff;
  padding: 10px 5px;
}

/* 
.detail_btn:hover {
  background: #114b91;
  color: #fff;
  border-color: #114b91;

} */

.rc-slider-track {
  background-color: #e67811 !important;
}

.rc-slider-handle {
  border-color: #e67811 !important;
}

.rc-slider-handle:active,
.rc-slider-handle:hover {
  border-color: #e67811 !important;
  box-shadow: none !important;
}

.main-listing ul.nav.nav-tabs {
  border: none;
  align-items: center;
}

#collapsefilter .col-lg-12 {
  padding: 0 8px;
}

.main-listing .nav-tabs>li.active>a,
.main-listing .nav-tabs>li.active>a:hover,
.main-listing .nav-tabs>li.active>a:focus,
.main-listing .nav-tabs>li>a:hover {
  border-top: 3px solid transparent;
  background: #e67814;
  color: #fff;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.blind-auc-sect {
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
}

.blind-auc-sect img {
  margin-right: 5px;
}

/**New user hanging message on listing page*/
.load_newly_added_cars {
  color: #ffffff;
  font-weight: bold;
  position: relative;
  margin: 0 auto;
  min-width: 335px;
  text-align: left;
  font-size: 12px;
}

.tag {
  background: #fc664d;
  border-radius: 3px 0 0 3px;
  color: #ffffff;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 30px;
}

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: #254887;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #fc664d;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag a:hover {
  color: white;
}

.swing {
  -webkit-animation: swing ease-in-out 1s infinite alternate;
  animation: swing ease-in-out 1s infinite alternate;
  transform-origin: center -20px;
  float: left;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: -18px;
  background: #ffffff;
  top: 26px;
  border: 4px solid #f8f8f8;
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 9px 0;
}

.tag a {
  color: #ffffff;
}

.swing img {
  display: inline-block;
  width: 50px;
  height: auto;
  vertical-align: top;
}

.swing:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  top: -10px;
  left: 50%;
  z-index: 0;
  border-bottom: none;
  border-right: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  margin-left: -9px;
}

@keyframes swing {
  0% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(-5deg);
  }
}

@-webkit-keyframes swing {
  0% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(-5deg);
  }
}

/**New user hanging icon on listing page End*/
/*********/

.arrw-group {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  margin: -10px -8px 0 8px;
  position: relative;
  width: 32px;
  height: 32px;
  float: right;
}

.arrw {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 20px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}

.arrw-first {
  -webkit-animation: arrow-movement 1s ease-in-out infinite;
  animation: arrow-movement 1s ease-in-out infinite;
}

.arrw-second {
  -webkit-animation: arrow-movement 1s 0.5s ease-in-out infinite;
  animation: arrow-movement 1s 0.5s ease-in-out infinite;
}

.arrw:before,
.arrw:after {
  background: #fff;
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
}

.arrw:before {
  -webkit-transform: rotate(45deg) translateX(-23%);
  transform: rotate(45deg) translateX(-23%);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.arrw:after {
  -webkit-transform: rotate(-45deg) translateX(23%);
  transform: rotate(-45deg) translateX(23%);
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

@-webkit-keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 0%;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 0%;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* CLosed Listing Css */
.closed-listing .panel-group.filter-panel {
  top: 102px;
}

.closed-listing .small-filter-section-header {
  position: fixed;
  top: 62px;
  left: 0;
  right: 0;
  min-height: 33px;
  background: rgba(2, 27, 57, .9);
  margin: 0 0 0;
  padding: 5px 0;
  z-index: 9;
}

.closed-listing .small-filter-section-header .form-control {
  height: 30px !important;
  background: transparent;
  color: #fff;
  width: 70%;
  border-radius: 0;
  padding: 0 10px;
  font-size: 14px;
}

.closed-listing .small-filter-section-header .form-control option {
  color: #000;
}

.closed-listing .small-filter-section-header li {
  display: flex;
  justify-content: flex-end;
}

#auction-creator-name,
.closed-listing .small-filter-section-header ul {
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
}

.closed-listing .small-filter-section-header .row {
  align-items: center;
}

.car-listing-body.closed-listing section.tabs-carsearch {
  padding-top: 80px;
}

.closed-listing .close-remaing-time .timer-cls, .open-listing .close-remaing-time .timer-cls{
  display: block;
}

.car-listing-body.closed-listing .grid-left-w {
  height: calc(100vh - 145px);
}

.closed-listing .grid-wrapper .grid-right-w {
  height: calc(100vh - 152px);
}

.closed-listing .countBoxItem .label, .open-listing .aucTimer .countBoxItem .label{
  font-size: 14px !important;
  flex: unset;
  max-width: unset;
  background: transparent !important;
  font-weight: 400;
}

.closed-listing .count, .open-listing .aucTimer .count, .open-listing #closed-auction-timer .count{
  flex: unset !important;
  max-width: unset;
  font-size: 14px;
  color: #fff !important;
}

.closed-listing .countBoxItem, .open-listing .aucTimer .countBoxItem {
  border: none;
  display: flex;
  flex-wrap: unset;
  width: auto;
  margin: 0 3px;
  min-width: auto !important;
}

.closed-listing span.split, .open-listing .aucTimer span.split {
  margin: 0 3px;
  font-size: 14px;
}

.closed-listing .average-sect {
  display: none;
}

.closed-listing .gridListCar .car-detail .pro-detail {
  padding: 10px 5px 10px;
}

/* CLosed Listing Css */


/* Filter Css End*/

/* Listing Panel */
.car-listing-body .grid-left-w {
  height: calc(100vh - 100px);
}

.grid-left-w {
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 5px;
}

.col-md-8.grid-left-w {
  padding-right: 5px;
  padding-left: 5px;
}

.car-detail {
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
  margin: 0 0 10px;
  display: flex;
  vertical-align: top;
  width: 100%;
}

.pro-img {
  flex: 0 0 17%;
  max-width: 17%;
  position: relative;
  max-height: 160px;
  overflow: hidden;
  cursor: pointer;
}

.fav {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  display: none;
}

.fav.red,
.fav.white {
  display: block;
}

.favourites__content {
  z-index: 1;
  display: flex;
  background: rgba(14, 13, 13, .39);
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -110%;
  width: 100%;
  transition: .7s ease all;
  -webkit-transition: .7s ease all;
  -moz-transition: .7s ease all;
  -ms-transition: .7s ease all;
  -o-transition: .7s ease all;
}

.favourite-overlay .favourites__content {
  top: 0;
}

.favourites__inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.favourites__inner .bidInfoClose {
  position: absolute;
  left: 14px;
  background: #e67814;
  top: 7px;
  font-size: 25px;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
}

.favourites__inner .bidInfoClose:hover {
  background: #fff;
  color: #e67814;
}

.commonFavBtn a {
  background: #e67814;
  min-width: 130px;
  margin-bottom: 10px;
  padding: 5px;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 14px;
}

.grid-right-w .commonFavBtn a {
  min-width: 177px;
}

.commonFavBtn a i {
  margin-right: 3px;
}

.commonFavBtn .favBtn.red,
.commonFavBtn .favBtn.white {
  display: block;
}

.commonFavBtn .favBtn {
  display: none;
}

.view_favourite a {
  background: #114b91;
}

.pro-detail {
  flex: 0 0 83%;
  max-width: 83%;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
}

.pro-detail h2 {
  font-size: 18px;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 0;
}

.list-pro-left h2 .badge {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  background: #fa9c38;
  vertical-align: top;
  text-transform: none;
  font-size: 14px;
}

.pro-detail .manufacturer {
  color: #333;
  text-decoration: none;
}

.pro-detail h2 span {
  font-size: 15px;
  text-transform: none;
  padding-left: 6px;
  font-weight: 500;
}

.dnone {
  display: none;
}

.activebid-agent {
  margin-top: 4px;
}

.activebid-agent i {
  background: green;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 19px;
  text-align: center;
  padding: 0;
  border-radius: 2px;
  font-size: 12px;
  border: 1px solid green;
}

.expired-agent.activebid-agent i {
  background: #e22323;
  border: 1px solid #e22323;
}

.pro-detail p {
  margin: 0 0 7px;
  min-height: 23px;
  font-size: 13px;
  text-transform: capitalize;
}
.pro-detail .summaryText p {
  text-transform: initial;
}

.filter-property-parent p {
  display: flex;
  align-items: center;
  margin: 0;
  flex: 0 0 33.33%;
  min-height: unset;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
}

.filter-property-parent {
  display: flex;
}

p.filter-seperator {
  width: 2px;
  text-indent: -9999px;
  height: 19px;
  background: gray;
  line-height: 1;
  margin-top: 0;
  min-height: unset;
  display: none;
}

.list-pro-left {
  flex: 0 0 57%;
  max-width: 57%;
}

.list-pro-right {
  flex: 0 0 43%;
  max-width: 43%;
  padding-left: 50px;
}

.desicion-btn {
  font-size: 14px;
  color: #12b84f;
  margin: 0 5px 0 0
}

.desicion-in {
  font-size: 14px;
  color: #f90;
  margin: 0 5px 0 0
}

.desicion-in:hover {
  color: #776243
}

.average-sect {
  text-align: right;
  padding: 0;
  min-height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.desicion-in img {
  margin-right: 5px;
}

.count {
  font-size: 16px;
  order: 1;
  border-radius: 0 !important;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-weight: 500;
  color: #999 !important;
}

.average-sect .border {
  border: none !important;
}

.countBoxItem {
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  margin-left: 4px;
  width: 30px;
}

.countBoxItem .label {
  flex: 0 0 100%;
  max-width: 100%;
  background: #ccc !important;
}

.orangecolor .countBoxItem .label {
  background: rgb(242, 142, 38) !important;
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%) !important;
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%) !important;
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%) !important;
}

.orangecolor .countBoxItem .count {
  border: 1px solid rgb(242, 142, 38) !important;
}

.btn-counting.btn-main.detail_btn {
  margin: 0;
  width: auto;
  min-width: 45px;
  height: 38px;
  line-height: 38px;
  padding: 0 2px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #ed721b;
  color: #e67814;
  background: #fff;
  display: inline-block;
  font-weight: 400;
}

.btn-counting.btn-main.detail_btn:hover {
  background: #e67814;
  color: #fff;
}

.bid-field .btn-main.detail_btn {
  min-width: 0;
  width: 25%;
  margin: 0;
  height: 38px;
  font-size: 13px;
  padding: 5px 3px;
  text-align: center;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  color: #fff;
  border: none;
}

.bid-field .form-control {
  font-size: 14px;
  color: #878787;
  height: 38px;
  padding: 0 10px;
  word-break: break-word;
  border: 1px solid #d2d2d2;
  border-right: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.bid-field .form-control:focus {
  outline: none;
  box-shadow: none;
}

.pro-btn-sect {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pro-btn-sect .alert {
  flex: 0 0 100%;
  max-width: 100%;
}

.bid-field {
  position: relative;
  display: flex;
  flex: 0 0 calc(100% - 49px);
  max-width: calc(100% - 49px);
  margin-left: 3px;
}

/* .bid-field .btn-main.detail_btn:hover,
.bid-field .btn-main.detail_btn:focus {
  background: #f58208;
  color: #fff;
  outline: none;
} */

.listSubBottom {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 7px 0 0;
}

.instant-panel {
  display: inline-block;
  vertical-align: top;
  width: auto;
  text-align: left;
  margin-right: 0;
  padding-top: 2px;
}

.listSubBottom .current-section,
.listSubBottom .instant-panel,
.listSubBottom .gauge-master {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.instant-btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  min-height: 32px;
  transition: .5s ease all;
}

.instant-buy {
  min-width: 70px;
  height: 32px;
  border-radius: 0;
  z-index: 1;
  font-size: 12px;
  text-align: center;
  line-height: 29px;
  padding: 0;
  color: #fff;
  border: 1px solid #a0a0a0;
  border-color: #a0a0a0;
  background: #cdcdcd;
  display: inline-block;
}

.instant-btn.active .instant-buy {
  color: #ed721b;
  border: 1px solid #ed721b;
  background: #fff;
}

.instant-buy:hover {
  color: #fff;
}

.instant-buy span {
  word-break: break-all;
}

.instant-buy-status {
  display: inline-block;
  width: auto;
  padding: 0;
  border: 1px solid #cdcdcd;
  height: 32px;
  min-width: 0;
  font-size: 12px;
  color: #cdcdcd;
  text-align: center;
  width: 0;
  overflow: hidden;
  transition: all .3s ease 0s;
  white-space: nowrap;
  background: #fff;
}

.instant-buy-status {
  position: absolute;
  right: 70px;
  top: 0;
  opacity: 0;
  padding: 0;
  min-width: 0;
}

.avaible-amt {
  line-height: 29px;
  color: #000;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.instant-btn:hover .instant-buy-status {
  opacity: 1;
  min-width: 130px;
}

.gauge-master {
  display: flex;
  justify-content: center;
}

/*** Gauge Signal Css ********/
.gauge {
  position: relative;
  display: inline-block;
  justify-content: center;
  width: 72px;
  height: 36px;
  cursor: pointer;
}

.meter {
  margin: 0;
  padding: 0;
}

.meter>li {
  width: 35px;
  height: 35px;
  list-style-type: none;
  position: absolute;
  border-top-left-radius: 35px;
  border-top-right-radius: 0px;
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transition-property: -webkit-transform;
  /*pointer-events: none;*/
}

.meter .low {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  /*z-index: 8;*/
  background-color: #fa0e1c;
}

.meter .normal {
  transform: rotate(47deg);
  -webkit-transform: rotate(47deg);
  -moz-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  -o-transform: rotate(47deg);
  z-index: 7;
  background-color: #fee62a;
  top: -1px;
}

.meter .high {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  z-index: 6;
  background-color: #09b84f;
}

.dial {
  width: 40px;
  height: 22px;
  position: relative;
  top: 13px;
  left: 16px;
  z-index: 7;
  transition-property: -webkit-transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  background-color: #000;
}

.dial .inner {
  width: 40px;
  height: 22px;
  position: relative;
}

.dial .arrow {
  width: 30px;
  height: 6px;
  position: absolute;
  background: #15222e;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 100%;
  border-top-right-radius: 5px;
  transform-origin: 106% 31px;
  animation: speed 5s infinite;
  box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.62);
  z-index: 999;
}

.dial .redarrow {
  left: -22px;
  bottom: 3px;
  transform: rotate(27deg);
  -webkit-transform: rotate(27deg);
  -moz-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  width: 22px;
}

.dial .yellowarrow {
  left: -41px;
  bottom: 33px;
  transform: rotate(106deg);
  -webkit-transform: rotate(106deg);
  -moz-transform: rotate(106deg);
  -ms-transform: rotate(106deg);
  -o-transform: rotate(106deg);
}

.dial .greenarrow {
  left: -9px;
  bottom: 65px;
  transform: rotate(190deg);
  -webkit-transform: rotate(190deg);
  -moz-transform: rotate(190deg);
  -ms-transform: rotate(190deg);
  -o-transform: rotate(190deg);
}

.gauge .value {
  font-size: 19px;
  color: #ffffff;
  position: absolute;
  top: 37px;
  left: 11%;
  z-index: 11;
  text-indent: -99;
}

p.positiontext {
  position: absolute;
  color: #fff;
  left: 29px;
  z-index: 8;
  font-size: 8px;
  text-align: center;
  bottom: 5px;
  min-height: auto;
  margin-bottom: 0;
  line-height: 1;
}

.current-section {
  width: auto;
  text-align: right;
}

.listSubBottom {
  display: flex;
  width: 99.8%;
  justify-content: space-between;
  padding: 7px 0px 0;
}

.average-sect .meter li {
  list-style: none;
  display: inherit;
  overflow: visible;
  text-align: center;
  margin: 0;
}

.pt-name {
  font-weight: 400;
  color: #ed721b;
  line-height: 1;
  margin: 2px 0 0;
  text-align: right;
  font-size: 12px;
}

.current-section h3 {
  font-size: 16px;
  margin: 2px 0 0;
  display: block;
  word-break: break-all;
  line-height: 1;
  font-weight: bold;
}

.current-section h4 {
  font-size: 13px;
  margin: -5px 0 0;
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid #000;
  padding: 0 0 0 5px;
  line-height: 1;
  font-weight: bold;
}

.car-listing-body footer {
  display: none;
}

.border-yellow {
  background-color: #fff6e9;
  border: 2px solid #fd9702;
  box-shadow: 0 0 7px 0 #fd9702;
  animation: blinker 1s linear infinite;
  -webkit-animation: blinker 1s linear infinite;
}

.border-green {
  background-color: #fafff4;
  border: 2px solid green;
  box-shadow: 0 0 7px 0 green;
  animation: blinker 1s linear infinite
}

.border-red {
  background-color: #fff2f1;
  border: 2px solid red;
  box-shadow: 0 0 7px 0 red;
  animation: blinker 1s linear infinite
}

@keyframes blinker {
  50% {
    border-color: #fff;
    background-color: #fff;
  }
}
/* Right Panel Css */
div#car_detail_in_right_side {
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1);
  margin: 5px 10px;
  padding: 0;
  overflow-y: auto;
}
.grid-wrapper .grid-right-w {
  flex: 0 0 calc(33.33% - 20px);
  height: calc(100vh - 106px);
  max-width: calc(33.33% - 20px);
  overflow: hidden;
}
.grid-right-w .car-detail-single {
  margin: 0;
  padding: 8px 15px 20px;
}
.car-detail-single h2 {
  font-size: 18px;
}
.rc-slider {
  width: calc(100% - 10px) !important;
  margin-left: 5px;
}
.carselect-check .onoffswitch-inner:before,
.carselect-check .onoffswitch-inner:after {
  font-size: 12px;
  height: 25px;
  line-height: 25px;
}
.carselect-check .onoffswitch {
  width: 70px;
  margin: 0;
}
.carselect-check .onoffswitch-inner::after {
  content: "";
  background: #ca2222;
}
body.de .carselect-check .onoffswitch-inner::after {
  content: "";
  background: #ca2222;
}
.carselect-check .onoffswitch-switch {
  width: 12px;
  height: 12px;
  margin: 6px;
  right: 40px;
}
.carselect-check .onoffswitch-inner:before {
  text-align: left;
}
.carselect-check {
  display: flex;
  align-items: center;
}
.bid-wrapper {
  display: flex;
  justify-content: space-between;
}
.activebid-agent {
  margin-top: 0;
}
.close-remaing-time .root-react-component-countdown-timer .inline.left {
  font-size: 16px !important;
  display: inline-block;
}
.close-remaing-time .timer-cls {
  display: none;
}
/********** Listing Css End ******************/

/********** Grid Css Start ******************/
.gridListCar .tipText {
  position: static;
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}

.gridListCar .gridParentWrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.gridListCar .gridParentWrap .car-detail {
  flex: 0 0 calc(25% - 10px);
  max-width: calc(25% - 10px);
  margin: 0 5px 10px;
  display: block;
}

.gridListCar .car-detail .pro-img {
  flex: 0 0 100%;
  max-width: 100%;
  height: 200px;
  max-height: 200px;
}

.gridListCar .car-detail .pro-detail {
  flex: 0 0 100%;
  max-width: 100%;
  flex-wrap: wrap;
  padding: 85px 5px 10px;
}

.gridListCar .car-detail .list-pro-left {
  flex: 0 0 100%;
  max-width: 100%;
  min-height: 163px;
}

.gridListCar .car-detail .list-pro-right {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0;
  margin-top: 10px;
}

.gridListCar .average-sect {
  position: absolute;
  top: 5px;
  right: 5px;
  min-height: auto;
  display: block;
}

.gridListCar .desicion-in {
  display: block;
  margin: 0 0 5px;
}

.gridListCar .desicion-in img {
  width: 22px;
  margin-right: 3px;
}

.gridListCar .gauge-master {
  position: absolute;
  top: 20px;
  left: 10px;
}

.gridListCar .filter-property-parent p {
  flex: 0 0 50%;
  max-width: 50%;
}

.gridListCar .filter-property-parent p:nth-child(5) {
  border-bottom: none;
}

.gridListCar .instant-btn .instant-buy-status {
  left: 70px;
  line-height: 32px;
}

.gridListCar .instant-btn:hover .instant-buy-status {
  opacity: 1;
  visibility: visible;
}

.gridListCar .avaible-amt {
  line-height: 25px;
}

/********** Grid Css End ******************/

/********* Registration Css Start *****************/
.registration-section {
  /* margin-top: 0; */
  /* min-height: calc(100vh - 74px); */
  position: relative;
  font-family: 'Segoe UI','Segoe UI Web','wf_segoe-ui_normal','Helvetica Neue','BBAlpha Sans','S60 Sans',Arial,sans-serif;
}

.registration-parent {
  color: #fff;
  display: flex;
  /*text-transform: uppercase;*/
  font-weight: 500;
  padding: 30px 30px 58px;
  justify-content: space-around;
}

.left-reg {
  width: 37%;
  min-width: 37%;
  position: relative;
  padding-right: 15px;
}

.registration-heading {
  margin-top: 81px;
}

.registration-heading h2 {
  font-size: 55px;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: -3px;
  color: #000;
}

.registration-heading p {
  font-size: 20px;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 40px;
  color: #e67811;
  margin: 0;
}

.robotImg {
  text-align: center;
  margin-bottom: 35px;
}

.robotImg img {
  width: 290px;
}

.registerBottomText {
  padding-right: 35px;
  text-align: left;
}

.registerBottomText>ul {
  list-style: none;
  background: #fefefe;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.registerBottomText ul>li {
  color: #000;
  font-size: 14px;
  padding: 5px 0 10px;
  position: relative;
  padding-left: 40px;
  /*word-break: break-all;*/
}

.registerBottomText ul>li>img {
  width: 28px;
  position: absolute;
  left: 0;
  top: 5px;
}

.registerBottomText ul>li b {
  font-size: 16px;
  font-weight: 600;
}

.right-reg {
  width: 100%;
  max-width: 1055px;
  background: #f28e26;
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgb(30 60 114) 1%, rgb(39 169 227) 100%);
  /*background: linear-gradient(to right, rgba(242, 142, 38, 1) 1%, rgba(253, 100, 79, 1) 100%);*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28e26', endColorstr='#fd644f', GradientType=1);
  padding: 20px 20px;
  border-radius: 10px;
  /*border-radius: 5px;*/
}

.before-arrow,
.after-arrow {
  position: relative;
}

.before-arrow:before {
  content: "";
  background: url(../img/leftarrownew.png);
  width: 66px;
  height: 66px;
  position: absolute;
  left: -7px;
  z-index: 1;
  top: -48px;
}

.before-arrow:after {
  content: "";
  background: url(../img/leftarrownew.png);
  width: 66px;
  height: 66px;
  position: absolute;
  right: -7px;
  z-index: 1;
  transform: rotate(90deg);
  top: -48px;
}

.profile-form {
  padding: 10px 25px;
}

ul.registerbox {
  border: 2px solid #fff;
  padding: 0;
  position: relative;
  margin-bottom: 35px;
}

.intl-tel-input {
  width: 100%;
}

.profile-parent ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.profile-parent ul li.fullLi {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 5px;
  margin-top: -15px;
  display: inline-block;
}

li.fromWhereHereAboutUs.fullLi {
  margin: 0;
}

.profile-form h3,
.formsub-heading {
  font-size: 22px;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 5px;
}

.profile-parent ul li.fullLi h3 {
  display: inline-block;
  background: #f4872d;
}

.profile-parent ul li {
  flex: 0 0 calc(33.33% - 30px);
  max-width: calc(33.33% - 30px);
  margin-bottom: 23px;
  margin: 0 15px 15px;
}

.registration-parent .registration-input,
.customselect-drawer,
.dp-select2 {
  color: #000;
  width: 100%;
  height: 55px;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  text-align: left;
  font-size: 14px;
  border: none;
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.dp-select2>div {
  min-height: 100% !important;
}

.registration-parent ul li input:focus,
.registration-parent .registration-input:focus {
  box-shadow: none;
}

.css-b8ldur-Input input {
  width: 100% !important;
  height: 55px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.css-1pahdxg-control:focus,
.css-yk16xz-control *:focus {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: none !important;
}

.css-yk16xz-control,
.css-g1d714-ValueContainer,
.css-1uccc91-singleValue,
.css-b8ldur-Input,
.css-g1d714-ValueContainer * {
  width: 100%;
  max-width: unset;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: normal;
  text-transform: capitalize;
  border: none !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  outline: none;
  white-space: nowrap;
}

.css-1okebmr-indicatorSeparator {
  display: none;
}

.css-yk16xz-control {
  background: #ffffff;
  border-color: transparent !important;
  padding: 0 .75rem !important;
  min-height: unset !important;
}

li.country {
  z-index: 9;
}

.css-1pahdxg-control {
  background-color: hsl(0, 0%, 100%);
  border: none !important;
  padding: 0 .75rem;
  box-shadow: none !important;
}

.css-tlfecz-indicatorContainer:focus,
.css-1pahdxg-control:focus {
  outline: none;
  border: none !important;
}

.fullLi .customselect-drawer,
.fullLi .dp-select2,
.css-yk16xz-control,
.fullLi .css-g1d714-ValueContainer * {
  width: 100%;
}

.profile-parent ul ul {
  width: 100%;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  color: #000;
}

.intl-tel-input.separate-dial-code .selected-dial-code:focus,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag:focus {
  border: none !important;
  outline: none;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

li.number_same.checkboxReg.regNumberField {
  padding: 10px 0px 0;
  margin-bottom: 0;
  display: flex;
  flex: 0 0 calc(66.66% - 30px);
  max-width: calc(66.66% - 30px);
}

.whatsAppNumberBox input {
  box-shadow: none !important;
}

label.whatsAppNumberBox {
  display: flex !important;
}

.registration-parent ul li.number_same label {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 0;
}

li.number_same p {
  margin-bottom: 0;
  width: 280px;
}

.number_same input {
  height: 17px !important;
  width: 30px !important;
  opacity: 2 !important;
  position: inherit !important;
}

.profile-parent ul ul.country-list {
  width: auto;
}

.profile-parent .country-list li {
  flex: 100%;
  max-width: 100%;
  margin: 0;
  color: #000;
  font-size: 14px;
}

.registration-input::-webkit-input-placeholder {
  /* Edge */
  color: #D8D8D8 !important;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
  font-weight: 600;
  text-transform: uppercase;
}

.registration-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #D8D8D8 !important;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
  font-weight: 600;
  text-transform: uppercase;
}

.registration-input:-moz-sinput-placeholder {
  /* Internet Explorer 10-11 */
  color: #D8D8D8 !important;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
  font-weight: 600;
  text-transform: uppercase;
}

.registration-input::placeholder {
  color: #D8D8D8 !important;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0px;
  font-weight: 600;
  text-transform: uppercase;
}

.condition-check {
  margin-top: 14px;
  padding-left: 15px;
}

.register-container {
  display: block;
  position: relative;
  padding-left: 0;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.5;
}

.register-container p {
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 1.1;
  padding-top: 6px;
  text-align: left;
}

.contact-condition-check p {
  color: #fff;
  padding-top: 0;
}

.contact-condition-check .register-container {
  padding-left: 25px;
}

.contact-condition-check p.red {
  color: red;
}

.contact-condition-check p a {
  color: #171515;
  text-decoration: underline;
}

.contactpage-footer .contact-input {
  margin-bottom: 20px;
}

.submitbtn {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 25px;
}

.btn.regsubmit-btn {
  min-width: 97px;
  height: 45px;
  /*line-height: 45px;
  padding: 0;
  border-radius: 50px;*/
  padding: 5px;
  font-size: 20px;
  background: #114b91;
  border-radius: 10px;
  color: #fff;
}

.btn.regsubmit-btn:hover,
.btn.regsubmit-btn:focus {
  background: #e77c06;
  color: #fff;
}

.before-arrow,
.after-arrow {
  position: relative;
}

.after-arrow:before {
  content: "";
  background: url(../img/leftarrownew.png);
  width: 66px;
  height: 66px;
  position: absolute;
  left: -7px;
  z-index: 1;
  transform: rotate(270deg);
  bottom: -3px;
}

.after-arrow:after {
  content: "";
  background: url(../img/leftarrownew.png);
  width: 66px;
  height: 66px;
  position: absolute;
  right: -7px;
  z-index: 1;
  transform: rotate(180deg);
  bottom: -3px;
}

/********* Registration Css End *****************/
.validate-error {
  color: red;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
}

/********* Auction Log Start ************/
.topAuctionPanel {
  display: flex;
  background: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  margin-bottom: 0;
}

.auctionHead {
  text-align: left;
  padding-left: 15px;
}

.auctionHead h2 {
  font-size: 20px;
  margin-bottom: 0;
  color: #2055a2;
}

.auctionHead h3 {
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 5px;
}

.filterTabUl {
  flex: 0 0 60%;
  max-width: 60%;
  min-height: 65px;
}

.filterTabUl>ul {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 10px;
  border: none;
}

.filterTabUl>ul>li label {
  font-size: 17px;
  color: #2055a2;
  margin-bottom: 0 !important;
}

.filterBidList .list-view-car .car-detail {
  background: #fff !important;
  position: relative;
  transition: 0.7s ease all;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-right: 10px;
}

.filterBidList .list-view-car .pro-img {
  float: left;
  width: 153px;
  position: relative;
  height: 116px;
  display: flex;
  overflow: hidden;
}

.filterBidList .list-view-car .pro-detail {
  max-width: calc(100% - 153px);
  padding: 5px 5px 2px;
  width: 100%;
}

.auctionBidPanel {
  display: flex;
  flex-wrap: wrap;
}

.list-view-car .auctionBidPanel .list-pro-left {
  float: none;
  width: auto;
  flex: 0 0 55%;
  max-width: 55%;
  padding-right: 15px;
}

a {
  color: #27a9e3;
  opacity: 1;
}

.auctionBidPanel .filter-property-parent {
  justify-content: flex-start;
}

#car-wrapper .auctionBidPanel .list-pro-left p.details {
  flex: 0 0 33%;
  border-bottom: 1px solid #ddd;
  padding: 5px 5px 5px 0;
  word-break: break-all !important;
  white-space: initial !important;
  text-transform: uppercase;
  font-size: 12px;
  max-width: 33%;
}

#car-wrapper .auctionBidPanel .list-pro-left p.details span {
  word-break: break-all;
  white-space: break-spaces;
  font-size: 12px;
  text-align: left;
}

.auctionBidPanel p.filter-seperator {
  display: none;
}

.summarySection {
  flex: 0 0 45%;
  max-width: 45%;
  padding-left: 80px;
  position: relative;
}

.note.yellow {
  margin: 0;
  padding: 0;
  border: none;
  padding: 5px 10px;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1);
}

.summarySection h2 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 2px;
}

.summaryText {
  max-width: 100%;
  flex: 0 0 100%;
}

.summaryText p,
.popoverMain {
  margin-bottom: 0;
  font-size: 14px;
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
  min-height: unset;
  color: #333;
  text-align: left;
}

.summaryText p:nth-child(1):before {
  background: #ff9802;
}

.summaryText p:before,
.popoverMain:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #2255a4;
  position: absolute;
  left: 3px;
  top: 7px;
  border-radius: 50px;
}

.summaryText p:hover,
.popoverMain:hover {
  font-weight: 500;
}

.list-view-car .auctionBidPanel .list-pro-right {
  float: none;
  width: auto;
  flex: 0 0 15%;
  max-width: 15%;
  display: flex;
  justify-content: flex-end;
}

.auctionBidPanel h3 {
  font-size: 24px;
  font-weight: 500;
}

.filterBidList .bid-info-panel {
  position: absolute;
  top: 0;
  right: 0%;
  background: rgba(23, 23, 23, 0.89);
  width: 55%;
  min-height: unset;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
  transition: 0.2s ease all;
  padding: 0px 0 0 20px;
  z-index: 9;
  overflow: visible;
  bottom: 0;
  max-height: unset;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
}

.filterBidList .slideBidInfo.bid-info-panel {
  right: 0px;
}

.filterBidList .list-view-car .BidInfoOverlay:after {
  content: "";
  background: rgba(23, 20, 20, 0.43);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.BidInfoOverlay .bidInfoClose {
  left: -10px;
}

.bidInfoContent .slideTableAuction {
  max-height: 220px;
  overflow: hidden;
  overflow-y: auto;
}

.soldCondition {
  clear: both;
  display: flex;
  justify-content: space-between;
  padding: 5px 0px 5px 5px;
  align-items: center;
}

.soldCondition__left {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-left: -7px;
  margin-top: -5px;
  margin-bottom: 5px;
}

.bidButton .pro-btn-sect {
  margin-top: 0;
}

.auctionBidButton .accordion-toggle {
  background: #ff9802;
  border-radius: 0px;
  color: #fff;
  padding: 2px 6px;
  display: inline-block;
  vertical-align: top;
  margin: 1.5px 0px 0px;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .3);
  font-size: 14px;
}

.bidInfoContent .table thead th {
  border-bottom: 0px solid #dee2e6;
  font-weight: 500;
}

.bidInfoContent .table td,
.bidInfoContent .table th {
  vertical-align: inherit;
  color: #ddd;
  border-top: 1px solid rgba(222, 226, 230, 0.47);
  padding: 8px;
  font-size: 14px;
}

.bidInfoContent .table td strong {
  font-weight: 500;
}

tr.auc-head {
  background: #ffffff7d;
  color: #000 !important;
}

.bidInfoClose {
  font-size: 25px;
  height: 20px;
  opacity: 1 !important;
  color: #000;
  line-height: 14px;
  border-radius: 50px;
  padding: 0;
  position: absolute;
  right: -100%;
  top: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  left: -10px;
}

.BidInfoOverlay .bidInfoClose {
  left: -10px;
}

.filterBidList .page-title {
  font-size: 14px;
}

/************ Ribben Css ************/
.ribbon {
  position: relative;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #3db557;
  padding: 5.5px 10px;
  -webkit-animation: main 250ms;
  -moz-animation: main 250ms;
  -ms-animation: main 250ms;
  animation: main 250ms;
  min-width: 123px;
  font-weight: 300;
  font-size: 18px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px 0px 0px 0px;
  margin-left: -1px;
}

.ribbon>span {
  line-height: 1;
}

span.auctionIn {
  display: block;
  text-transform: capitalize;
  font-size: 12px;
}

.ribbon:before,
.ribbon:after {
  position: absolute;
  content: '';
  display: block;
}

.ribbon:before {
  content: "";
  width: 15px;
  border-radius: 10px 0 0 10px;
  left: -12px;
  padding-bottom: 15px;
  height: 100%;
  top: 0px;
  background: rgb(61, 181, 87);
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  height: 54px;
}

.ribbon:after {
  border-radius: 10px 0 0 10px;
  box-shadow: inset -1px 2px 2px rgba(0, 0, 0, 0.3);
  width: 10px;
  height: 10px;
  bottom: -10px;
  left: -9px;
  -webkit-border-radius: 7px 0 0 7px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  background: rgba(0, 0, 0, 0.35);
}

.ribbon i {
  position: absolute;
}

.ribbon i:nth-child(2) {
  position: absolute;
  left: -20px;
  bottom: -7px;
  z-index: -1;
  border: 20px solid transparent;
  border-right-color: #b7d4bd;
  -webkit-animation: edge 500ms;
  -moz-animation: edge 500ms;
  -ms-animation: edge 500ms;
  animation: edge 500ms;
}

.ribbon i:nth-child(2) {
  left: auto;
  right: -20px;
  border-right-color: transparent;
  border-left-color: #b7d4bd;
}


.ribbon i:last-child {
  width: 19px;
  bottom: -7px;
  left: -26px;
  z-index: -2;
  border: 20px solid #3cab54;
  border-left-color: transparent;
  -webkit-animation: back 600ms;
  -moz-animation: back 600ms;
  -ms-animation: back 600ms;
  animation: back 600ms;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.ribbon i:last-child {
  bottom: -7px;
  left: auto;
  right: -21px;
  border: 20px solid #3cab54;
  border-right-color: transparent;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.soldStatus {
  /* background: #2055a2; */
  color: #fff;
  height: 35px;
  line-height: 35px;
  min-width: 120px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
  transition: margin .1s, padding .1s, border 1s;
}

ul.soldBuyerName li p {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
}

.soldBuyerName li {
  position: relative;
  border-right: 1px solid #fff;
  padding: 0 15px;
}

.soldBuyerName li:last-child {
  border-right: 0px solid rgba(255, 255, 255, 0.4);
}

ul.soldBuyerName {
  position: relative;
  list-style: none;
  color: #333;
  display: flex;
  align-items: center;
  margin: 0;
  margin-left: 0px;
  min-height: 40px;
  padding: 4px 0px 4px 15px;
  margin-top: 13px;
  background: rgb(60, 171, 84);
  background: -moz-linear-gradient(top, rgba(60, 171, 84, 1) 0%, rgba(86, 191, 114, 1) 70%, rgba(86, 191, 114, 1) 70%, rgba(113, 196, 148, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(60, 171, 84, 1) 0%, rgba(86, 191, 114, 1) 70%, rgba(86, 191, 114, 1) 70%, rgba(113, 196, 148, 1) 100%);
  background: linear-gradient(to bottom, rgba(60, 171, 84, 1) 0%, rgba(86, 191, 114, 1) 70%, rgba(86, 191, 114, 1) 70%, rgba(113, 196, 148, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cab54', endColorstr='#71c494', GradientType=0);

}

ul.soldBuyerName:after {
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  content: "";
  position: absolute;
  top: 0px;
  width: 28px;
  height: 28px;
  background: inherit;
  border: inherit;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 0px 4px 0px 0px;
  -webkit-border-radius: 0px 7px 0px 0px;
  -moz-border-radius: 0px 4px 0px 0px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  right: -28px;
  z-index: -1;
}

/**** Unsold Car *******/
.unsoldCar .ribbon {
  background: #d01e1e;
}

.unsoldCar .ribbon:before {
  background: #d01e1e;
}

.unsoldCar .ribbon i:last-child {
  display: none;
}

.unsoldCar .soldCondition__left:after {
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  content: "";
  position: absolute;
  top: 8px;
  width: 21px;
  height: 41px;
  background: inherit;
  border: inherit;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  right: -6px;
  z-index: -1;
}

.unsoldCar .soldCondition__left {
  position: relative;
  background: #d01e1e;
}

.unsoldCar .ribbon i:nth-child(2) {
  left: auto;
  right: -25px;
  border-right-color: transparent;
  border-left-color: #922f2f;
}

.unsoldCar.open .ribbon,
.unsoldCar.open .ribbon:before,
.unsoldCar.open .soldCondition__left {
  background: #2255a4;
}

.unsoldCar.live .ribbon,
.unsoldCar.live .ribbon:before,
.unsoldCar.live .soldCondition__left {
  background: #ffb848;
}

.buyer-car-wrapperScroll {
  max-height: calc(100vh - 385px);
  overflow: hidden;
  overflow-y: auto;
  padding: 4px 4px 0 15px;
}

.dashboardContentBlock .block-12 {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}

/********* Auction Log End ************/

/******* Now Buoght Car css **********/
.notBoughtCarPanel .bidButton {
  display: none;
}

.notBoughtfilter-panel .bidInfoPopup {
  color: #fff !important;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .3);
  padding: 2px 8px;
  font-size: 14px;
}

.notBoughtfilter-panel .bidInfoPopup img {
  margin-left: 5px;
}

.filterBidList .list-view-car .BidInfoOverlay:after {
  content: "";
  background: rgba(23, 20, 20, 0.43);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.notBoughtHelp {
  display: flex;
  justify-content: space-between;
}

.filterBidList {
  background: #fff;
  padding: 0px;
}

.notBoughtHelp {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}

.notBoughtHelp .listing-showing-cars {
  color: #000;
}

.filterBidList .notBoughtCarPanel .bid-info-panel {
  right: 0;
  background: rgba(241, 241, 241, .42);
  width: 40%;
  box-shadow: none;
  padding: 0;
  max-height: 240px;
  overflow: hidden;
  overflow-y: auto;
}

.filterBidList .list-view-car .notBoughtCarPanel .pro-img {
  width: 200px;
  height: 156px;
}

.filterBidList .list-view-car .notBoughtCarPanel .pro-detail {
  width: calc(100% - 215px);
}

.filterBidList .list-view-car .notBoughtCarPanel .pro-detail .row {
  width: 100%;
}

.notBoughtCarPanel .bidInfoContent .table td,
.notBoughtCarPanel .bidInfoContent .table th {
  color: #000;
}

.notBoughtCarPanel button.close {
  display: none;
}

.notBoughtCarPanel .soldCondition {
  padding: 5px 0 10px 5px;
}

/**  Custom Scroll bar */
::-webkit-scrollbar {
  width: 8px
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px
}

::-webkit-scrollbar-thumb {
  background: #ff9801;
  border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
  background: #041938
}

/* Car Preview Panel Css */
.backbtn-popup {
  display: none;
}

.pro-detail h2 span,
.product-heading10 span {
  font-size: 14px;
  text-transform: none;
  color: #666;
}

.rightsidebar-features p {
  margin: 0 0 10px;
  font-size: 14px;
}

.car-detail-single h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.rightsidebar-features .filter-property-parent {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

.rightsidebar-features .filter-property-parent p.details {
  width: 33.33% !important;
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
  margin: 0 0 3px;
}

.rightsidebar-features .filter-property-parent p.filter-seperator {
  display: none;
}

.rightsidebar-features .noborder,
.rightsidebar-features .noborder1 {
  border-bottom: none !important;
}

.rightSidePreviewTop {
  position: relative;
}

.rightbar-tab .nav-tabs .nav-link {
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #204078;
  color: #fff;
  border-top: 2px solid #204078;
  border-bottom: 2px solid #204078;
  padding: 2px 20px;
  margin: 4px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
}

.rightbar-tab .nav-tabs .nav-link:first-child {
  margin-left: 0;
}

.rightbar-tab .nav-tabs .nav-link.active,
.rightbar-tab .nav-tabs .nav-link:hover {
  background: transparent;
  color: #204078;
}

.rightbar-tab .nav-tabs .nav-link:before {
  content: "";
  border-top: 10px solid #204078;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 0;
  left: 0%;
  transition: all 0.3s ease 0s;
}

.rightbar-tab .nav-tabs .nav-link:after {
  content: "";
  border-bottom: 10px solid #204078;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  position: absolute;
  bottom: 0;
  right: 0%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.car-detail-single a.fav {
  right: 27px;
  left: auto;
}

.main-side-img>img {
  width: 100%;
}

.slick-slider.thumbnailSlider.slick-initialized {
  border: none;
  margin-top: 10px;
}

.slick-initialized {
  border: 2px solid #fa9c38;
}

.main-side-img {
  display: flex !important;
  align-items: center;
  height: 350px;
  overflow: hidden;
  background: #f7f7f7;
}

.rightbar-tab .nav-tabs {
  border-bottom: none;
  margin-bottom: 8px;
}

.slick-list .slick-track .slick-slide {
  padding: 0 5px;
}

.slick-slider .slick-next {
  right: 0;
}

.slick-slider .slick-prev {
  left: 0;
  z-index: 9;
}

.thumbnailSlider .main-side-img {
  height: 120px;
  display: flex !important;
  align-items: center;
  overflow: hidden;
  opacity: .5;
}

.thumbnailSlider .slick-current .main-side-img {
  opacity: 1;
}

.agent-parent {
  display: inline-block;
  padding: 7px 10px 7px 30px;
  color: #fff;
  position: relative;
  line-height: 1;
}

.agent-parent.agent-red {
  background: #e22323;
}

.agent-parent.agent-red:hover {
  background: #ff0404;
}

.agent-parent.agent-green {
  background: #008000;
}

.agent-parent.agent-green:hover {
  background: #18ab18;
}

.agent-parent>i {
  position: absolute;
  left: 10px;
  top: 7px;
}

.agent-parent a {
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

.managebidbtn_lower {
  padding: 5px 5px 0;
}

.bid-agent-wrap {
  padding: 5px 0 10px;
  justify-content: flex-end;
}

.label-own-car {
  color: #fff;
  /* background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%); */
  padding: 3px 12px;
  margin-top: 5px;
  display: inline-block;
  font-size: 14px;
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}

.instant-buy-status.right-instantbuy {
  right: auto;
  left: 70px;
}

.cardetail-accordian-search {
  position: relative;
  margin-bottom: 15px;
}

.cardetail-accordian-search input {
  color: #878787;
  border: 2px solid #204078;
  padding-right: 50px;
  line-height: 1;
  height: 38px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.cardetail-accordian-search input:focus {
  outline: none;
  box-shadow: none;
  border-color: #204078;
}

.cardetail-accordian-search i {
  position: absolute;
  right: 2px;
  top: 2px;
  background: #204078;
  width: 42px;
  height: auto;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 0;
  z-index: 9;
  bottom: 2px;
}

.tableWidth .table>tbody>tr>td {
  width: 50% !important;
  border: 1px solid rgba(239, 239, 239, .65);
  padding: 6px 15px;
  font-size: 14px;
  border-collapse: collapse;
}

.tableWidth .table>tbody>tr>td:first-child {
  font-weight: 600;
  color: #333;
}

.tableWidth .table>tbody>tr.commentsCondition>td {
  border-bottom: none !important;
  border-top: none !important;
  padding-bottom: 0;
}

.tableWidth .table>tbody>tr.commentsCondition1>td {
  border-top: none !important;
  font-weight: 400 !important;
  padding-top: 0;
}

.thumb-icon {
  margin: 10px;
  position: relative;
  flex: 0 0 calc(25% - 20px);
  max-width: calc(25% - 20px);
}

.dz-image.thumb-icon {
  max-width: 100%;
  flex: 0 0 100%;
  margin: 0;
}

.third_step_dekora_image {
  display: flex;
  align-items: center;
  height: 100px;
  overflow: hidden;
  background: #f7f7f7;
  justify-content: center;
}

.thumb-icon img {
  max-width: 100%;
}

p.dekra-image-size {
  color: #444;
  margin-bottom: 0;
  padding: 1px 0;
  font-size: 12px;
  min-height: 20px;
}

p.dekra-image-name {
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}

.car-detail-accordian .panel-default {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.pro-img img.car-manufacturer {
  width: 100%;
}

.equipmentDetail table tr>td {
  border: 0 solid #ddd !important;
  position: relative;
  padding: 3px 30px !important;
  font-weight: normal !important;
}

.equipmentDetail table tr>td:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #114b91;
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 50%;
}

.equipmentDetail table tr:first-child>th {
  border-top: 0;
}

.equipmentDetail table tr>th {
  padding: 8px 10px;
}

/* Car Preview Panel Css */

/* Profile Css */
.profileBlock .dashboardHeading {
  text-align: left;
  background: transparent;
}

.profileBlock {
  margin: 0 10px;
}

.profileHeadCard {
  display: flex;
  background: rgb(20, 83, 136);
  background: -moz-linear-gradient(left, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  background: linear-gradient(to right, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#145388', endColorstr='#1f5c8d', GradientType=1);
  justify-content: space-between;
  padding: 5px 10px;
  align-items: center;
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#145388', endColorstr='#1f5c8d', GradientType=1);
}
.profileHeadCard .edit-profile {
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-self: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 15px rgba(0, 69, 255, 0.2);
}
.profileHeadCard .edit-profile:hover {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
}
.profileHeadCard .edit-profile svg {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 0;
  color: #163a6b;
  width: 19px;
  align-self: center;
}
.profileHeadCard .edit-profile:hover svg {color: #fff;}
.profileNameBlock {display: flex;align-items: center;}
.profileNameBlock .profile-user-img {width: 100px;height: 100px;}
.profileNameBlock__right {margin-left: 25px;}
.profileNameBlock__right .profile-username {font-size: 20px;margin-bottom: 0;}
.profileNameBlock__right a {font-size: 12px;text-decoration: underline;display: inline-block;margin-top: 3px;color: #5f5d5d;}
.profileNameBlock__right a:hover {color: #163a6b;}
.profileContent {padding-top: 30px;}
.profileContent h6 {font-size: 15px;margin: 0;}
.profileContent p {font-size: 15px;font-weight: 300;margin: 0;padding-left: 10px;}
.profileContent h6 i {padding-right: 3px;}
.profileContent li {border-bottom: 1px solid #ececec;display: flex;padding: 15px 0;align-items: center;}
.profileBlockRight .profileContent {padding-top: 0;}
.block-6 {flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);margin: 0 10px;}
.PreferenceSetting {margin-top: 25px;}
.profileContent li:first-child {padding-top: 0;}
.PreferenceSetting ul {display: flex;justify-content: space-between;}
.PreferenceSetting ul li {border: none;}
.personInfoBlock li {padding: 10px 0;}
.breadCrumbProfile a {display: flex;justify-content: center;}
.breadCrumbProfile a img {width: 24px;height: 24px;}
.inlineFlex {display: flex;}
.inlineFlex .customRadioBtn {margin-right: 20px;}
#prefManufacturers .css-12jo7m5 {text-overflow: inherit;}
#prefManufacturers div {width: auto !important;margin: 0 1px 2px !important;}
#prefManufacturers .css-yk16xz-control {padding: 0 !important;}
.withoutShadowSelectbox #prefManufacturers .css-yk16xz-control {height: 100%;padding: 0 !important;}
#prefManufacturers .css-1hb7zxy-IndicatorsContainer {display: none;}
#prefManufacturers .css-g1d714-ValueContainer {height: 38px;overflow-y: auto;}
#prefManufacturers .css-1pahdxg-control {padding: 0 !important;}
.notification-list p {margin-bottom: 0;}
/* Profile Css */
.ReactTable .rt-tbody .rt-tr-group:last-child {border-bottom: solid 1px rgba(0, 0, 0, 0.05) !important;}
.inviteLinkBtn button,
.addBtnBox {background: #204078;border: none;border-radius: 0;margin-right: 10px;padding: 5px 15px;font-size: 14px;}
.inviteLinkBtn button:hover,
.inviteLinkBtn button:focus {background: #fc6a4a;outline: none;box-shadow: none;}
.inviteLinkBlock {display: flex;justify-content: space-between;flex-wrap: wrap;}
.inviteLinkBlock .FilterParentWrap {padding: 8px 0;flex: 0 0 50%;max-width: 50%;}
.inviteLinkBlock .FilterDataPanel {justify-content: flex-end;flex: 0 0 50%;max-width: 50%;}
.custom-check div {float: left;margin: 2px 5px;}
.form-group label.custom-check {font-size: 14px;font-weight: normal;width: 100%;}
/*  Toggle Switch  */
.toggleSwitch span span {display: none;}
.registration-parent .profile-parent ul li.fullLi h3 {
  background: transparent !important;
  text-shadow: 2px 0 5px #1f4379, -2px 0 5px #1f4379, 2px 0 5px #1f4379, -2px 0 5px #1f4379, 2px 0 5px #1f4379, 2px 0 5px #1f4379,2px 0 5px #1f4379, -2px 0 5px #1f4379, 2px 0 5px #1f4379, -2px 0 5px #1f4379, 2px 0 5px #1f4379, 2px 0 5px #1f4379,2px 0 5px #1f4379, -2px 0 5px #1f4379, 2px 0 5px #1f4379, -2px 0 5px #1f4379, 2px 0 5px #1f4379, 2px 0 5px #1f4379;
  backdrop-filter: blur(50px);
  padding-left: 5px;
  padding-right: 5px;
}
.error-hightlight-field{outline: 2px solid red !important;}
#partner_slider .bg-fixed{background: url(/assets/images/home/partnersecbg.png);}
.sbm-bordered {border: 1px solid #00000021;padding: 12px 15px;margin-bottom: 15px;}
.review--sec {position: relative;padding: 50px 0;z-index: 2;overflow: hidden;}
.review--sec .bg-fixed {
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size:cover !important;
  FONT-VARIANT: JIS04;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transform: scale(1.01);
}
.sbm-review-card {display: flex;flex-direction: column;justify-content: space-between;clear: both;box-shadow: 0 3px 13px rgba(0, 0, 0, 0.20);padding: 25px;border-radius: 10px;position: relative;z-index: 2;background: #ffffff;}
.sbm-review-card img.u_img {width: 100px !important;height: 100px;border-radius: 50%;float: right;}
.sbm-review-card .bottomwrap {width: 100%;display: flex;justify-content: space-between;}
.sbm-review-card .bottomwrap img {height: 70px;width: 50%;object-fit: contain;object-position: left center;}
.sbm-review-card .bottomwrap p {margin: 0 0 5px;font-size: 16px;}
.sbm-review-card .topwrap {min-height: 130px;}
.sbm-review-card .card-bg {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: -1;width: 30% !important;object-fit: contain;}
.sbm-clr-2 {color: #0089f7;}
.review-slider .item {padding: 5px;}
.sbm-review-card .bottomwrap .float-right p,
.sbm-review-card .bottomwrap .float-right {text-align: right;line-height: 1.2;}
.review-slider .owl-stage {display: flex;}
.review-slider .owl-stage>div>div,
.review-slider .owl-stage>div>div,
.review-slider .owl-stage>div>div>div {height: 100%;}
.sbm-review-card .bottomwrap .float-right a {font-size: 14px;color: #27a9e3;}
span.logo__muller {display: flex;white-space: nowrap;align-items: center;font-size: 20px;font-weight: 900;}
.sbm-review-card .bottomwrap span.logo__muller img {width: 55px !important;margin-left: 5px;}
span.logo__noblecars {display: flex;font-size: 26px;align-items: center;text-transform: uppercase;color: #d5aa27;font-family: serif !important;}
.sbm-review-card .bottomwrap span.logo__noblecars>img {width: 40px !important;}
span.logo__autohaus {display: flex;align-items: center;line-height: 1.2;}
span.logo__autohaus span {padding-left: 10px;border-left: 1px solid #aeaeae;text-align: center;font-size: 15px;text-transform: uppercase;font-family: serif !important;font-weight: 700;margin-left: 8px;}
.sbm-review-card .bottomwrap span.logo__autohaus img {width: 42px !important;}
.sbm-review-card .bottomwrap img {max-width: 50%;align-self: end;}
.dashboardWrap .badge-pill {border-radius: unset;}
.dashboardWrap .badge {font-size: unset;}
.multiStepFromWrapper .formblock .form-group.red-border-wrapper .form-control {border: 2px solid red;}
.multiStepFromWrapper .formblock .form-group.red-border-wrapper input[type="checkbox"].form-control { outline: 2px solid red; }
.owl-item {touch-action: none;}
@media(max-width:1400px) {
  .sbm-review-card .bottomwrap img {height: 50px;}
  span.logo__noblecars {font-size: 18px;}
  .sbm-review-card .bottomwrap span.logo__noblecars>img {width: 30px !important;}
  span.logo__muller {font-size: 16px;}
  .sbm-review-card .bottomwrap span.logo__muller img {width: 38px !important;}
  span.logo__autohaus span {font-size: 12px;}
  .sbm-review-card .bottomwrap span.logo__autohaus img {width: 35px !important;}
}
@media(max-width:991px) {
  span.logo__noblecars {font-size: 18px;}
  .sbm-review-card .bottomwrap span.logo__noblecars>img {width: 30px !important;}
  span.logo__muller {font-size: 1.8vw;}
  .sbm-review-card .bottomwrap span.logo__muller img {width: 38px !important;}
  span.logo__autohaus span {font-size: 12px;}
  .sbm-review-card .bottomwrap span.logo__autohaus img {width: 35px !important;}
  span.logo__muller {}
  .sbm-review-card .bottomwrap span.logo__muller img {width: 4vw !important;}
  .sbm-review-card .bottomwrap span.logo__noblecars>img {width: 3.5vw !important;}
  span.logo__noblecars {font-size: 1.8vw;}
  span.logo__autohaus span {font-size: 1.5vw;}
  .sbm-review-card .bottomwrap span.logo__autohaus img {width: 4vw !important;}
}
@media(max-width:575px) {
  span.logo__noblecars {font-size: 18px;}
  .sbm-review-card .bottomwrap span.logo__noblecars>img {width: 30px !important;}
  span.logo__muller {font-size: 3.8vw;}
  .sbm-review-card .bottomwrap span.logo__muller img {width: 38px !important;}
  span.logo__autohaus span {font-size: 12px;}
  .sbm-review-card .bottomwrap span.logo__autohaus img {width: 35px !important;}
  span.logo__muller {}
  .sbm-review-card .bottomwrap span.logo__muller img {width: 6vw !important;}
  .sbm-review-card .bottomwrap span.logo__noblecars>img {width: 5.5vw !important;}
  span.logo__noblecars {font-size: 3.8vw;}
  span.logo__autohaus span {font-size: 3.5vw;}
  .sbm-review-card .bottomwrap span.logo__autohaus img {width: 6vw !important;}
}
/*.multiStepFromWrapper .formblock .form-group.red-border-wrapper .form-control {border: 2px solid red;animation-name: blinking;animation-duration: 1s;animation-iteration-count: 100;}
.multiStepFromWrapper .formblock .form-group.red-border-wrapper input[type="checkbox"].form-control { outline: 2px solid red; animation-name: checkbox-blinking; animation-duration: 1s; animation-iteration-count: 100; }*/
@keyframes blinking { 
  50% {border-color: #fff;}
}
@keyframes checkbox-blinking { 
  50% {outline: 2px solid #fff;}
}
@media(max-width:1400px) {
  .sbm-review-card .bottomwrap img {height: 50px;}
}
@media only screen {
  .toggleSwitch {
    display: inline-block;
    height: 18px;
    position: relative;
    overflow: visible;
    padding: 0;
    /* margin-left: 50px; */
    cursor: pointer;
    width: 40px;
    margin: 0 auto;
    vertical-align: middle;
  }
  .toggleSwitch * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .toggleSwitch label,
  .toggleSwitch>span {
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
  }
  .toggleSwitch input:focus~a,
  .toggleSwitch input:focus+label {
    outline: none;
  }
  .toggleSwitch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
  }
  .toggleSwitch input {
    position: absolute;
    opacity: 0;
    z-index: 5;
  }
  .toggleSwitch>span {
    position: absolute;
    left: -50px;
    width: 100%;
    margin: 0;
    padding-right: 50px;
    text-align: left;
    white-space: nowrap;
  }
  .toggleSwitch>span span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 50px;
    text-align: left;
    font-size: 10px;
    width: 100%;
    left: 15%;
    top: -1px;
    opacity: 0;
  }
  .toggleSwitch a {
    position: absolute;
    right: 50%;
    z-index: 4;
    display: block;
    height: 12px;
    padding: 0;
    left: 5px;
    width: 12px;
    background-color: #fff;
    /* border: 1px solid #CCC; */
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    top: 2px;
  }

  .toggleSwitch>span span:first-of-type {
    color: #000;
    opacity: 1;
    left: 45%;
  }

  .toggleSwitch>span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50px;
    top: -2px;
    background-color: #f4882c;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  }

  .toggleSwitch input:checked~a {
    border-color: #000;
    left: 100%;
    margin-left: -8px;
  }

  .toggleSwitch input:checked~span:before {
    border-color: #ddd;
    box-shadow: inset 0 0 0 30px #ddd;
  }

  .toggleSwitch input:checked~span span:first-of-type {
    opacity: 0;
  }

  .toggleSwitch input:checked~span span:last-of-type {
    opacity: 1;
    color: #fff;
  }
}

/* Popover Css */
.popover.show.bs-popover-auto {
  width: 300px;
  background: rgb(0, 0, 0, 75%);
  color: #fff;
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  z-index: 1;
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-bottom .arrow::after {
  border-bottom-color: rgb(30, 60, 114);
}

.react-datepicker-wrapper {
  width: 100%;
}

.action-items li {
  color: #fff;
  border-bottom: 1px solid rgb(208 208 208 / 36%);
  padding: 7px 3px;
  cursor: pointer;
  font-size: 16px;
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
}

.action-items li:last-child {
  border: none;
}

ul.action-items {
  margin-bottom: 0;
}

.action-items li:hover {
  padding-left: 15px;

}

.action-items li i {
  padding-right: 10px;
}

/* Popover Css */
.car-detail-accordian .panel-default .panel-heading {
  flex: 0 0 100%;
  max-width: 100%;
}

.car-detail-accordian .panel-default .panel-heading .panel-title a {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  margin-top: 25px;
  display: inline-block;
}

.car-detail-accordian .panel-default .panel-collapse {
  width: 100%;
}

.car-detail-accordian .tableWidth {
  max-width: 700px;
}

.slidePopup .car-detail-accordian .panel-default {
  margin: 0;
}

.slidePopup .tableWidth .table>tbody>tr>td:first-child {
  font-weight: 500;
}

.slidePopup .db-box-design.dashboardPageLink ul li a {
  color: #fff !important;
  border-radius: 0 !important;
  padding: 2px 13px;
  border: none !important;
  border-top: 2px solid #204078 !important;
  border-bottom: 2px solid #204078 !important;
  font-size: 14px;
}

.slidePopup .db-box-design.dashboardPageLink ul li {
  margin-right: 5px;
}

.slidePopup .db-box-design.dashboardPageLink ul li a:hover,
.slidePopup .db-box-design.dashboardPageLink ul li a.active {
  border-color: #2a5196 !important;
  color: #2a5196 !important;
  background: transparent !important;
}

.tab-content.adminSliderList {
  max-width: 75%;
  margin: 0 auto;
}

.slidePopup .db-box-design.dashboardPageLink ul li a:hover:before,
.slidePopup .db-box-design.dashboardPageLink ul li a.active:before {
  left: 0;
}

.slidePopup .db-box-design.dashboardPageLink td {
  padding: 5px 8px;
  font-size: 14px;
}

.slidePopup .db-box-design.dashboardPageLink ul li a:hover:after,
.slidePopup .db-box-design.dashboardPageLink ul li a.active:after {
  right: 0;
}

.slidePopup .db-box-design.dashboardPageLink ul {
  border: none;
  margin-bottom: 15px;
  justify-content: space-between;
}

.inviteLinkBlock .slidePopup .FilterDataPanel {
  justify-content: flex-start;
}

/********* Alert Popup Css ***************/
.modal-dialog {
  max-width: 600px;
}

.alertCommonPop {
  display: flex;
  align-items: center;
  padding: 10px;
  flex-wrap: wrap;
  background: #fff;
  width: 500px;
}

.react-confirm-alert-overlay {
  background: rgba(0, 0, 0, 0.2) !important;
  z-index: 99999 !important;
}

.alertCommonPop__img {
  flex: 0 0 200px;
  max-width: 200px;
  text-align: center;
}

.alertCommonPop img {
  height: 240px;
}

.alertCommonPop__text h4 {
  font-weight: bold;
  font-size: 40px;
}

.oppsText h4 {
  color: #e74c3c;
}

.confirmText h4 {
  color: #4e9517;
}

.infoText h4 {
  color: #1a4a81;
}

.successText h4 {
  color: #4e9517;
}

.alertCommonPop__text {
  text-align: center;
  flex: 0 0 calc(100% - 200px);
  max-width: calc(100% - 200px);
}

.alertCommonPop__text p {
  font-size: 16px;
}

/** Instant Buy Css **/
.car-listing-body .slidePopup {
  top: 94px;
}

.car-listing-body .product_title {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
  padding: 20px;
  margin-bottom: 20px;
  align-items: center;
  margin-top: 20px;
}

div#confirm_sec {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
  padding: 20px;
}

.instantbuyImg {
  width: 350px;
  text-align: center;
  margin: 0 auto;
}

.product_name {
  font-size: 20px;
  font-weight: bold;
  border-left: 3px solid #fb6e46;
  padding-left: 15px;
}

.pro_info_left {
  flex: 0 0 50%;
  max-width: 50%;
}

.pro_info_right {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}

.pro_bnow_price_main,
.pro_bnow_price_main p.product_cost {
  color: #fa6e44;
  font-weight: 600;
}

.confirm-sec {
  margin-top: 25px;
  text-align: right;
}

.car-listing-body .popupWrapper__header {
  padding-top: 20px;
}

.car-listing-body .popupWrapper {
  padding: 0 40px;
}

button#buy_now_confirm {
  margin-left: 25px;
}

.car-listing-body .content {
  margin-bottom: 50px;
}

/** fast Auction Css */

/*.fast-auction-page {
  padding-top: 72px;
}*/

.whatsapp-wrapper {
  max-width: 767px;
  margin: 0px auto;
  overflow-x: hidden !important;
}

.whatsapp-wrapper ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.whatsapp-wrapper .form-step ul {
  display: flex;
  justify-content: center;
  background-color: rgba(2, 27, 57, .9);
  padding: 10px;
  color: #fff;
  flex-wrap: wrap;
}

.whatsapp-wrapper .form-step ul li a {
  background: transparent;
  width: 35px;
  display: inline-block;
  line-height: 31px;
  height: 35px;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  margin: 0px 7px;
  border: 2px solid #fff;
}

.whatsapp-wrapper .form-step ul li a.active,
.whatsapp-wrapper .form-step ul li a:hover,
.whatsapp-wrapper .form-step ul li a:focus {
  background: #f90;
  border-color: #f90;
}

.whatsapp-wrapper .form-section {
  background: #fff;
  border: 1px solid #c7c7c7;
  padding-bottom: 15px;
}

.whatsapp-wrapper .form-panel ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.whatsapp-wrapper .form-panel ul li {
  flex: 0 0 31%;
  max-width: 31%;
  margin: 0px 1%;
}

.whatsapp-wrapper .form-heading {
  background: #182e49;
}

.whatsapp-wrapper .form-heading h2 {
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 25px;
  color: #fff;
  margin: 0;
  font-weight: 700;
}

.whatsapp-wrapper .form-panel {
  padding: 15px 23px 10px 23px;
}

.whatsapp-wrapper .form-group {
  margin-bottom: 8px;
}

.whatsapp-wrapper .form-panel label {
  margin-bottom: 5px;
  font-size: 13px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before {
  background-color: #E67814;
}

.whatsapp-wrapper .panel-two-form {
  padding-top: 0px;
  border-top: none;
}

.whatsapp-wrapper .flex-100 {
  flex: 0 0 100%;
  max-width: 100%;
}

.form-step {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 9;
  /*top: 62px;*/
  top : 0;
}

.fixed-feature-whatsapp {
  background: #fff;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: -100%;
  right: 0;
  z-index: 99;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  transition: .5s ease all;
}

.fixed-feature-whatsapp.fixed-whatsapp-preview {
  left: 0;
  width: 767px;
  margin: 0px auto;
  max-width: 100%;
  height: 100%;
}

body.fixed-whatsapp-body {
  overflow: hidden;
}

.popup-close {
  position: absolute;
  top: 8px;
  left: 15px;
}

.fixed-feature-whatsapp a.backbtn-popup {
  font-size: 13px;
  margin-bottom: 0;
  display: block;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  background: #fc6a4a;
  padding: 2px 15px;
}

.fixed-feature-whatsapp .form-heading {
  display: flex;
  justify-content: center;
  background: #f4f4f4;
}

.fixed-feature-whatsapp .form-heading h2 {
  font-size: 18px;
  text-transform: uppercase;
  padding: 10px 25px;
  color: #444444;
  margin: 0;
  font-weight: 700;
}

.fixed-feature-whatsapp .wahts-customcheckbox ul {
  list-style: none;
  padding: 10px 0px;
  display: flex;
  flex-wrap: wrap;
  margin: 0px -1%;
}

.equipmentBlock {
  margin-bottom: 20px;
}

.fixed-feature-whatsapp .wahts-customcheckbox ul li {
  flex: 0 0 calc(33.33% - 30px);
  max-width: calc(33.33% - 30px);
  margin: 0 15px 5px;
}

.fixed-whatsapp-preview .mainpopupform-fixed {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9;
  width: 767px;
  margin: 0px auto;
  max-width: 100%;
}

.wahts-customcheckbox {
  padding-top: 65px;
}

.viewall-option {
  margin-top: 10px;
  text-align: center;
  text-decoration: underline;
  color: #1b314c;
  font-weight: bold;
  cursor: pointer;
}

.viewall-option i {
  padding-left: 5px;
  font-size: 12px;
}

.whatsapp-wrapper .panel-three-form .form-panel ul li {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0;
}

.whatsapp-wrapper .panel-four-form .form-panel ul li {
  flex: 0 0 23%;
  max-width: 23%;
  margin: 0 1%;
}

.whatsapp-wrapper .form-control.homeContactInput {
  width: 100%;
  height: 35px !important;
  border: 1px solid #e9ecef;
}

.whatsapp-wrapper .form-control.homeContactInput.additional-comments{width: auto;}

.fixed-feature-whatsapp .form-control.homeContactInput {
  height: 30px !important;
  margin-left: 10px;
}

/*******************Single Image Uploader Css**********************/
.fileupload-parent {
  height: 100px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-description textarea {
  resize: none;
  height: 35px;
  border: 1px solid #ddd;
  margin-top: 5px;
  padding-left: 8px;
  width: 100%;
}

.file-upload-whatsapp .file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-whatsapp .file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-whatsapp .file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-whatsapp .file-upload-content {
  display: none;
  position: relative;
}

.file-upload-whatsapp .file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.file-upload-whatsapp {
  margin-bottom: 25px;
}

.image-upload-wrap {
  border: 1px solid #ddd;
  position: relative;
  padding: 10px;
  height: 100px;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
  padding-top: 0;
  margin-top: -6px;
}

.drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  color: #15824B;
  padding: 60px 0;
}

.file-upload-image {
  max-height: 150px;
  max-width: 100%;
  padding: 0px;
  width: 100%;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
  position: absolute;
  top: -9px;
  right: -20px;
  opacity: 0;
  transition: .5s ease all;
}

.file-upload-content:hover .image-title-wrap {
  opacity: 1;
}

.image-title-wrap a {
  width: 20px;
  height: 20px;
  background: #FF9800;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 50px;
}

.multistep-img input[type="file"] {
  display: block;
}

.wahts-customcheckbox h3 {
  font-size: 16px;
  padding-left: 0px;
  margin-bottom: 0;
}

#carAddProcessPopup .custom-control {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  margin: 0 31px 0 0;
}

#carAddProcessPopup .modal-dialog {
  min-width: 40%;
}

label.display-block {
  display: block;
}

form#frmVehicalSetupInit {
  padding: 25px 15px;
}

#carAddProcessPopup .mandatory-fields {
  float: left;
  width: 100%;
  font-size: 12px;
}

.dat-info {
  color: green;
}

.dnone {
  display: none;
}

.error {
  color: red;
}

.drag-text img {
  width: 90px;
}

.width-145 img {
  width: 145px;
}

.drag-text.width-145 {
  margin-top: 8px;
}

.formsubmitbtn {
  background: #fff;
  padding: 0px 0px 20px;
  text-align: center;
  border: 1px solid #c7c7c7;
  border-top: none;
}

div#formstepfour {
  border-bottom: none;
  padding-bottom: 0;
}

.formsubmitbtn button {
  min-width: 125px;
  font-size: 16px;
  min-height: 45px;
}

.whatsapp-wrapper .fixed-feature-whatsapp .form-panel {
  padding: 60px 10px 10px;
}

.additional-equip .remove_button {
  display: block;
}

#loginModal .modal-dialog {
  pointer-events: inherit;
}

.item.car-loading .thumbnail-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #eaeaea;
  background-image: url(/media/auction/theme/img/cp-water-mark.png);
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}

#formstepone .huauBox .custom-control-label:after {
  left: 72%;
}

.red {
  color: red;
}

.customRadioBtn {
  display: flex;
  align-items: center;
}

.customRadioBtn label {
  margin-bottom: 0 !important;
  line-height: 1;
  margin-left: 7px;
}

/* Fast Auction Css */
/* Fixed Scroll Bar css */
.fixed-overlay {
  position: fixed;
  background: rgba(17, 75, 145, 0.78);
  width: 100% !important;
  height: 0%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  /* transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;*/
}

.blueShadowScrollBody.center-text .overlay-content {
  position: fixed;
}

.blueShadowScrollBody.modal-open .modal {
  z-index: 9999;
}

.blueShadowScrollBody .modal-body {
  padding: 0;
}

.blueShadowScrollBody .home-login-form {
  width: 100%;
}

.blueShadowScrollBody .col-md-8.grid-left-w {
  height: auto;
}

.blueShadowScrollBody .home-login-form a.slideright-close {
  right: -8px;
  left: auto;
  top: -13px;
  border: 2px solid #fff;
  font-size: 14px;
}

.overlay-content {
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;*/
  max-height: 900px;
}

.full-height {
  max-height: unset;
}

.body-fix .fixed-overlay {
  opacity: 0;
}

.overlay-signup-buttons .title {
  font-size: 33px;
}

.overlay-signup-buttons p {
  font-size: 17px;
  margin: 0;
}

.overlay-container {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.overlay-container a {
  background: #ff9801;
  color: #fff;
  width: 150px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #fff;
}

.overlay-container a:hover,
.overlay-container a:focus {
  color: #fff;
  background: transparent;
}

a.login-btn {
  background: #114b91;
  margin-left: 10px;
}

a.login-btn:hover,
a.login-btn:focus {
  background: transparent;
  color: #fff;
}

.bid-error {
  border: 1px solid red !important;
}

/* Fixed Scroll Bar css */

.rbc-calendar .rbc-toolbar button {
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
}

.rbc-calendar .rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 700;
}

/* Custom Radio and checkbox Css */
.customRadioBtn {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
}

.customRadioBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.customRadioBtn .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 1px solid #295195;
}

.customRadioBtn input:checked~.checkmark {
  background-color: #295195;
}

.customRadioBtn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.customRadioBtn input:checked~.checkmark:after {
  display: block;
}

.customRadioBtn .checkmark:after {
  top: 2.5px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

/* Checkbox */
.customCheckboxBtn {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
}

.customCheckboxBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.customCheckboxBtn .checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #295094;
}

.customCheckboxBtn input:checked~.checkmark {
  background-color: #295094;
}

.customCheckboxBtn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.customCheckboxBtn input:checked~.checkmark:after {
  display: block;
}

.customCheckboxBtn .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.inlineCheckbox label {
  margin-bottom: 0;
  margin-left: 7px;
}

.inlineCheckbox {
  display: flex;
  align-items: center;
}

/* Custom Radio and checkbox Css */
/*  Join Auction Invite Css */
.commonJoinWrap {
  min-height: calc(100vh - 372px);
  align-items: center;
  max-width: 75%;
  margin: 0 auto;
}

.commonJoinWrap .left-reg {
  max-width: 50%;
  box-shadow: 0 0 5px rgb(0 0 0 / 14%);
  border: 1px solid #ddd;
  padding: 50px 30px;
  width: 100%;
  min-width: unset;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 50%;
}

.commonJoinWrap .registration-heading {
  margin-top: 0;
}

.commonJoinWrap .robotImg img {
  width: 100px;
}

.commonJoinWrap .firststep-heading h2 {
  font-size: 26px;
  font-weight: 600;
  color: #1e3c73;
  margin-bottom: 8px;
}

.commonJoinWrap .firststep-heading {
  text-align: center;
}

.commonJoinWrap .registration-heading p {
  text-transform: capitalize;
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.5;
  color: #000;
  font-size: 18px;
}

.commonJoinWrap .robotImg {
  margin-bottom: 50px;
}

.commonJoinWrap .home-login-form {
  background: rgb(243 243 243 / 80%);
  border-radius: 5px;
  width: 450px;
  border: 1px solid #f38c28;
}

.commonJoinWrap .right-reg1 {
  flex: 0 0 50%;
  max-width: 50%;
}

/*  Join Auction Invite Css */
/* Leader Css */
.loader-1 {
  width: 30px;
  height: 30px;
  border: 3px solid #21427d;
  border-bottom-color: #FF3D00;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  -moz-animation: rotation 1s linear infinite;
  -ms-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotation {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/** car loader **/
.body-fix {
  overflow: hidden;
}

.body-fix .loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 1500;
  /*background: rgba(0, 0, 0, 0.8);*/
  background: rgba(0, 0, 0, 0.94);
  display: block !important;
}

.loading {
  display: none
}

.loading.display {
  display: block !important
}

.load-doc-webview {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%)
}

.loader {
  position: relative;
  margin: 0 auto;
  width: 100px;
}

.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
  -ms-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  -moz-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  -ms-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  -o-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-ms-keyframes rotate {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-moz-keyframes rotate {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

@-ms-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

@-moz-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

@-webkit-keyframes color {

  0%,
  100% {
    stroke: #d62d20
  }

  40% {
    stroke: #0057e7
  }

  66% {
    stroke: #008744
  }

  80%,
  90% {
    stroke: #ffa700
  }
}

@-ms-keyframes color {

  0%,
  100% {
    stroke: #d62d20
  }

  40% {
    stroke: #0057e7
  }

  66% {
    stroke: #008744
  }

  80%,
  90% {
    stroke: #ffa700
  }
}

@-moz-keyframes color {

  0%,
  100% {
    stroke: #d62d20
  }

  40% {
    stroke: #0057e7
  }

  66% {
    stroke: #008744
  }

  80%,
  90% {
    stroke: #ffa700
  }
}

@keyframes color {

  0%,
  100% {
    stroke: #d62d20
  }

  40% {
    stroke: #0057e7
  }

  66% {
    stroke: #008744
  }

  80%,
  90% {
    stroke: #ffa700
  }
}

/** car loader **/
/* Leader Css */
.Dropzone_edifiletypelogo {
  width: 40px;
  height: 40px;
  background-size: 100%;
  position: absolute;
}

.subauction-wrapper label {
  display: flex;
  line-height: 1;
  margin-bottom: 5px;
}

.subauction-wrapper label input {
  margin-right: 8px;
}

ul.manageAuctionAddLinkWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.manageAuctionAddLinkWrap .form-group {
  margin-bottom: 0px;
}


.car-status-5 {
  background: rgba(0, 0, 0, 0.1) !important
}

/* Auction Log Css */
.auctionLogSection .BidInfoOverlay .bidInfoClose {
  left: auto;
  right: 54%;
  color: white;
  z-index: 99;
  top: 0px;
}

.auctionLogSection .filterBidList .bid-info-panel {
  right: -100%;
  max-height: 220px;
  overflow-y: auto;
}

.auctionLogSection .filterBidList .slideBidInfo.bid-info-panel {
  right: 0px;
}

.auctionLogSection .list-view-car .auctionBidPanel .list-pro-left {
  flex: 0 0 45%;
  max-width: 45%;
}

.auctionLogSection .summarySection {
  flex: 0 0 40%;
  max-width: 40%;
}

.auctionLogSection .list-view-car .auctionBidPanel .list-pro-right {
  flex: 0 0 15%;
  max-width: 15%;
}

.auctionLogSection .summarySection h2 {
  font-weight: 500;
  font-size: 16px;
}

.summaryText p,
.popoverMain {
  font-weight: 300;
}

.summaryText p i {
  display: none;
}

.auctionLogSection .auctionHead h3 {
  font-size: 14px;
  font-weight: 500;
}

.auctionLogSection .dp-select2 {
  border: 1px solid #114b91;
  height: 40px;
}

.auctionLogSection .filterTabUl li {
  flex: 0 0 60%;
  max-width: 60%;
}

.auctionLogSection .filterTabUl li .form-group {
  margin-bottom: 0;
}

.auctionLogSection .filterTabUl li#generate-report-li, .auctionLogSection .filterTabUl li#generate-report-li button {
  flex: 0 0 calc(180px - 15px);
  max-width: calc(180px - 15px);
  background: rgb(30, 60, 114);
  background: -moz-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  background: linear-gradient(to right, rgba(30, 60, 114, 1) 1%, rgba(42, 82, 152, 1) 100%);
  color: #fff;
  margin-left: 15px;
  text-align: center;
  min-height: 40px;
}

.generate-report-button{width: 100%; margin-left:0 !important;}

.auctionLogSection .filterTabUl li#generate-report-li:hover,
.auctionLogSection .filterTabUl li#generate-report-li:focus,
.auctionLogSection .filterTabUl li#generate-report-li button:hover,
.auctionLogSection .filterTabUl li#generate-report-li button:focus {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%)
}

.auctionLogSection .filterTabUl li#generate-report-li a, .auctionLogSection .filterTabUl li#generate-report-li button {
  color: #fff;
  display: block;
}

.filterTabUl li .form-group {
  position: relative;
}

.filterTabUl li .form-group:after {
  content: "\f0b0";
  font-family: FontAwesome;
  position: absolute;
  left: 0px;
  background: #114b91;
  height: 40px;
  top: -1px;
  width: 40px;
  line-height: 40px;
  font-size: 20px;
  border-radius: 5px 0 0 5px;
  color: #fff;
  text-align: center;
}

.auctionLogSection .dp-select2 .css-b8ldur-Input input {
  height: 100% !important;
}

.auctionLogSection .dp-select2 .css-yk16xz-control,
.auctionLogSection .dp-select2 .css-1pahdxg-control {
  height: 38px;
  padding: 0 15px 0 45px !important;
}

.auctionLogSection .bid-parent-panel {
  display: flex;
  flex-wrap: wrap;
}

.auctionLogSection .filterBidList .list-view-car .pro-img {
  flex: 0 0 153px;
  max-width: 153px;
}

.auctionLogSection .filterBidList .list-view-car .pro-detail {
  flex: calc(100% - 153px);
  max-width: calc(100% - 153px);
  padding: 5px 0px 2px 5px;
}

.auctionLogSection .auctionBidPanel {
  width: 100%;
}

.auctionLogSection .bidInfoClose {
  left: -100%;
}

.auctionLogSection .BidInfoOverlay .bidInfoClose:focus {
  outline: none;
}

.popoverContent-inner:before {
  content: "";
  border-top: 1px solid #ff9802;
  border-bottom: 0px solid #ff9802;
  border-left: 1px solid #ff9802;
  border-right: 0px solid #ff9802;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -9px;
  left: 18px;
  background: #fff;
  transform: rotate(45deg);
  margin-top: 0;
  z-index: -1;
  transform: rotate(45deg) translateY(0%);
  -webkit-transform: rotate(45deg) translateY(0%);
  -moz-transform: rotate(45deg) translateY(0%);
  -ms-transform: rotate(45deg) translateY(0%);
  -o-transform: rotate(45deg) translateY(0%);
}

#carBidDetailsListing td.group {
  font-weight: bold;
}

/* .popoverContent-inner:before {
  content: "";
  border-top: 1px solid #ff9802;
  border-bottom: 0px solid #ff9802;
  border-left: 0px solid #ff9802;
  border-right: 1px solid #ff9802;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: -3px;
  background: #fff;
  transform: rotate(45deg);
  margin-top: 0;
  z-index: -1;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
  -moz-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  -o-transform: rotate(45deg) translateY(-50%);
} */

.popoverContent {
  position: absolute;
  border: 1px solid #ff9802;
  background: #fff;
  top: 100%;
  margin-top: 0;
  min-width: 350px;
  max-width: 400px;
  padding: 0;
  display: none;
  transition: 0.5s ease all;
  transition-delay: 1s;
  left: 0;
  z-index: 9;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  margin-top: 20px;
}

/* .popoverContent {
  position: absolute;
  border: 1px solid #ff9802;
  background: #fff;
  top: -50%;
  margin-top: 0;
  min-width: 350px;
  max-width: 400px;
  padding: 0;
  display: none;
  transition: 0.5s ease all;
  transition-delay: 1s;
  left: -67%;
  z-index: 9;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
} */

.popoverMain:hover .popoverContent {
  display: block;
  transition: 0.5s ease all;
}

.popoverMain {
  cursor: pointer;
}

.popoverContent-inner {
  position: relative;
}

.popoverContent-inner p {
  padding: 0;
}

.popoverContent-inner p:before {
  display: none;
}

.popoverContent__head {
  font-weight: 600;
  font-size: 16px;
  color: #2255a4;
  background: whitesmoke;
  padding: 5px 8px;
  margin-bottom: 0;
}

.popoverContent__content {
  padding: 5px 15px !important;
}

.hiddenAuctionList {
  max-height: 100px;
  overflow-y: auto;
}

.yellow {
  margin: 0;
  padding: 0;
  border: none;
  /* background: #ffffeb; */
  padding: 5px 10px;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1);
}

.css-26l3qy-menu {
  z-index: 99 !important;
}

.halfSlidePopup .intl-tel-input .flag-container .arrow {
  display: none;
}

/* Error Page */
.error404-img {
  max-width: 700px;
  margin: 0px auto;
}

.error-404 {
  max-width: 1000px;
  margin: 50px auto 0px;
  text-align: center;
}

.error-content h2 {
  font-size: 180px;
  color: #bf2323;
  text-transform: uppercase;
  line-height: .8;
  margin-top: 35px;
  font-weight: bold;
}

.error-content {
  padding: 50px 0px 0px;
}

.error-content h4 {
  font-size: 32px;
}

.error-content p {
  font-size: 20px;
}

.return404 {
  color: #fff;
  min-width: 180px;
  min-height: 40px;
  display: inline-block;
  line-height: 40px;
  font-size: 18px;
  text-transform: capitalize;
  padding: 0 15px;
  border-radius: 10px;
}

.return404:hover,
.return404:focus {
  background: #114b91;
  color: #fff;
}

/* Error Page */
/** car loader **/
#pbar_imagediv {
  background: url(../img/progress-car-img.png) no-repeat center center;
  width: 101px;
  height: 58px;
  position: absolute;
  bottom: 100%;
  left: 0;
  top: auto;
  transition: all 1.3s ease 0s;
  -webkit-transition: all 1.3s ease 0s;
  -moz-transition: all 1.3s ease 0s;
  -ms-transition: all 1.3s ease 0s;
  background-size: 100% auto;
  margin-bottom: 2px;
  margin-left: -100px;
}

#pbar_outerdiv {
  width: 700px;
  height: 10px;
  border: 1px solid #808080;
  position: fixed;
  z-index: 1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #808080;
}

#pbar_innertext {
  z-index: 3;
  position: absolute;
  top: 100%;
  left: -50px;
  width: 100%;
  height: auto;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-top: 7px;
}

#pbar_innerdiv {
  background-color: #e77c06;
  z-index: 2;
  height: 100%;
  width: 0;
  transition: all 1.3s ease 0s;
  -webkit-transition: all 1.3s ease 0s;
  -moz-transition: all 1.3s ease 0s;
  -ms-transition: all 1.3s ease 0s;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
}

div#pbar_innerdiv::before {
  position: absolute;
  right: 100%;
  height: auto;
  width: 100px;
  background: #e77c06;
  display: block;
  content: "";
  margin-right: -7px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border: 1px solid #808080;
  top: -1px;
  bottom: -1px;
}

#pbar_innerdiv:after {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background: #ffffff;
  position: absolute;
  height: auto;
  top: 0px;
  left: 5px;
  bottom: -1px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}

div#pbar_innerdiv[style="width: 0%;"]::after {
  top: -20px;
}

#pbar_checkpost {
  background: url(../img/flag.png) no-repeat 0 0;
  width: 60px;
  height: 104px;
  position: absolute;
  right: -36px;
  top: -72px;
  background-size: cover;
  z-index: -1;
}

/** car loader **/

/* Bell Notification */
.bellicon {
  text-align: center;
  padding-top: 0px;
  position: relative;
  cursor: pointer;
  background: transparent;
  border: none;
  box-shadow: none;
  height: 25px;
}

.bellicon img {
  width: 19px;
}

.numbernotification {
  position: absolute;
  top: -2px;
  right: -10px;
}

.numbernotification p {
  width: 14px;
  background: #fff;
  border-radius: 50px;
  height: 14px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  color: #000;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  -moz-box-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  -ms-ox-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  -o-box-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  box-shadow: 0px 0px 15px 0px rgba(64, 64, 64, 0.48);
  margin-bottom: 0;
}

.notification-item {
  background: #fff;
  display: none;
  position: absolute;
  min-width: 285px;
  right: 60px;
  top: 100%;
  box-shadow: 0px 6px 9px -1px rgba(0, 0, 0, 0.46);
  margin-top: 0px;
  max-width: 350px;
}

.notification-item ul {
  max-height: 350px;
  overflow: hidden;
  overflow-y: auto;
  margin: 0;
}

.notification-item .footer {
  background: rgb(242, 142, 38);
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  text-align: center;
  padding: 4px 0;
}

.notification-item .footer a {
  color: #fff;
  font-size: 12px;
  display: block;
}

.notification-item ul li {
  display: block;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 5px 10px;
  transition: none;
  position: relative;
  padding-left: 35px;
}

.notification-item ul li:before {
  content: "";
  width: 13px;
  height: 13px;
  border: 3px solid #d92550;
  position: absolute;
  border-radius: 50%;
  left: 12px;
  top: 6px;
}

.notification-item ul li a {
  color: #000;
  display: block;
}

.notification-item h4 .col-md-6 {
  font-size: 13px;
}

.notification-item .col-md-6 small {
  float: right;
}

.bellwrapper {
  margin: 0 25px 0 15px;
}

/* Bell Notification */
.withoutShadowSelectbox .css-1hwfws3 {
  height: 38px;
  overflow-y: auto;
}

.withoutShadowSelectbox .css-1wy0on6 {
  display: none;
}

/* Calendar Popover */
.popover.custom-auc-event {
  z-index: 99 !important
}

.popover.custom-auc-event.show.bs-popover-auto {
  width: 300px;
  background: #fff;
  color: #fff;
}

.custom-auc-event.bs-popover-auto[x-placement^=bottom] .arrow::after,
.custom-auc-event.bs-popover-bottom .arrow::after {
  border-bottom-color: #fff;
}

.popover.custom-auc-event .popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #465d6f;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(2px - 1px);
  border-top-right-radius: calc(2px - 1px);
}

.popover.custom-auc-event .popover-body {
  padding: 0.5rem 0.75rem;
  color: #3e5569;
}

.custom-auc-event .label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.custom-auc-event .label-scheduled {
  background-color: #2255a4;
}

.custom-auc-event .label-live {
  background-color: #ffb848;
}

.custom-auc-event .label-finished {
  background-color: #28b779;
}

/* Calendar Popover */

.seller-contact-form .modal-body {
  padding: 0;
}

.seller-contact-form .modal-content {
  background-color: transparent;
  border: 0px;
}

.seller-contact-form a.close {
  padding: 0;
  color: #fff;
  opacity: 1;
  position: absolute;
  top: 14px;
  right: 15px;
  font-size: 25px;
}

.seller-contact-form #contactModal form#contactUsModal {
  text-align: left;
}

.dat-info {
  color: green;
}

.blink-one {
  animation: blinker-one 1s linear infinite;
}

@keyframes blinker-one {
  0% {
    opacity: 0;
  }
}

.proc-loader {
  color: transparent !important;
  cursor: not-allowed;
  pointer-events: none;
}

.proc-loader:before {
  width: 1em;
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  height: 1em;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
  border: .2em solid currentcolor;
  border-bottom-color: transparent;
  border-radius: 50%;
  -webkit-animation: 1s proc-loader linear infinite;
  animation: 1s proc-loader linear infinite;
  margin: 0 auto;
  font-size: 15px;
  margin-top: -8px;
  top: 50%;
  z-index: 1;
  color: #fff !important;
  background: transparent;
}

@-webkit-keyframes proc-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes proc-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.image-gallery .image-gallery-left-nav .image-gallery-svg,
.image-gallery .image-gallery-right-nav .image-gallery-svg {
  height: 60px;
}

.cl-preload,
.loader {
  position: relative;
  margin: 0 auto;
  width: 100px
}

.cl-preload:before,
.loader:before {
  content: '';
  display: block;
  padding-top: 100%
}

.cl-preload {
  margin: 120px auto
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
  -ms-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.image-gallery-slide>div {
  max-height: 430px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.react-confirm-alert .logout-confirm .react-confirm-alert-button-group {
  display: block;
  width: 100%;
  text-align: center;
}
.react-confirm-alert .logout-confirm .react-confirm-alert-button-group button.loggedout {
  background-color: #ecf0f1;
  transition: background .2s;
  text-transform: uppercase;
  color: #333;
}
.react-confirm-alert .logout-confirm .react-confirm-alert-button-group button.staysignedin {
  background-color: #2ecc71;
  color: #fff;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow: none;
}
.react-confirm-alert .logout-confirm h4,
.react-confirm-alert .logout-confirm h3 {
  color: #4e9517;
  text-transform: uppercase;
}
/* Seller Color Css */
.dash-seller .db-box-design.dashboardPageLink ul li.active , .dash-seller .db-box-design.dashboardPageLink ul li:hover a, .dash-seller .slidePopup .db-box-design.dashboardPageLink ul li:hover a, .dash-seller .slidePopup .db-box-design.dashboardPageLink ul li.active a {
  /* border-color: rgb(242, 142, 38); */
  /* color: rgb(242, 142, 38); */
  /* background: transparent; */
}
.dash-seller .db-box-design.dashboardPageLink ul li {
  /* border-top: 1px solid rgb(242, 142, 38); */
  /* border-bottom: 2px solid rgb(242, 142, 38); */
  /* background: rgb(242, 142, 38); */
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  /* background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%); */
  /* background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%); */
}
.dash-seller .db-box-design.dashboardPageLink ul li a::before {
  border-top: 15px solid rgb(242, 142, 38);
}
.dash-seller .db-box-design.dashboardPageLink ul li a::after {
  border-bottom: 15px solid rgb(242, 142, 38);
}
.dash-seller .dashboardHeading,
.dash-seller .dashboardAuctionPanel,
.dash-seller .addBtnBox,
.dash-seller .inviteLinkBtn button.btn-primary {
  /* background: rgb(242, 142, 38); */
  background: -moz-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%);
  /* background: -webkit-linear-gradient(left, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%); */
  /* background: linear-gradient(to right, rgba(242, 142, 38, 1) 0%, rgba(253, 100, 79, 1) 100%); */
}
.dash-seller .inviteLinkBtn button.btn-primary:hover {
  background: #1f3e76 !important;
}
.dash-seller .slidePopup .db-box-design.dashboardPageLink ul li a {
  border-top: 2px solid rgb(242, 142, 38) !important;
  border-bottom: 2px solid rgb(242, 142, 38) !important;
}
.dash-seller .slidePopup .db-box-design.dashboardPageLink ul li a:hover,
.dash-seller .slidePopup .db-box-design.dashboardPageLink ul li a.active {
  border-color: rgb(242, 142, 38) !important;
  color: rgb(242, 142, 38) !important;
}
.Dropzone_dropcontainer__1yHrW {
  border: 1px dashed #e2e2e2;
}
/* 18 sep 2020 */
.thirdhalfSlidePopup .dropzoneImg .Dropzone_filestatusbar__3WYLD {
  max-width: 100%;
  padding-left: 15px;
  flex: 0 0 100%;
  margin: 2px 0px 5px;
}
.thirdhalfSlidePopup .dropzoneImg .Dropzone_filename__1Oo9B {
  word-break: break-all;
  white-space: nowrap;
  width: 175px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.thirdhalfSlidePopup .dropzoneImg .Dropzone_filedisplaycontainer__JX9W6 {
  margin-top: 10px;
}
.dash-seller .profileBlock .profileHeadCard .dashboardHeading {
  background: transparent;
}
.react-datepicker-popper {
  z-index: 2 !important;
}
.spin-frm-contanier .btn-main.detail_btn {
  background-color: #24547a;
}
.swing .numbernotification {
  top: 0px;
  right: 10px;
}
.swing.bellicon {
  left: 23px;
  animation: 0.5s ease-in-out 0s infinite alternate none running swing;
  top: 4px;
  -webkit-animation: 0.5s ease-in-out 0s infinite alternate none running swing;
}
.swingUser .headerUser {
  margin-right: -34px;
}
.carsetup-description{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.img-responsive{max-height: 100px;}
.additional-comment-td {text-overflow: ellipsis;white-space: nowrap;display: block;width: 500px;overflow: hidden; cursor: pointer;}
.sales-approval-item .sales-text {position: absolute;left: 60px;}
.tableDropdown a.sales-approval-item {padding-left: 5px; }
.fast-auction .slideright-close{display: none;}
.fast-auction .fixed-overlay{height: 100% !important;display: block !important;}
body.fast-auction.fullBodyOverlay {overflow: hidden;}
body.react-confirm-alert-body-element {padding: 0;}
.fullscreen .image-gallery-slide>div {
  max-height: 100%;
}
.mainDatatable .rt-tbody .rt-td:nth-child(9) span{display: block;word-break: break-all;white-space: break-spaces; margin-bottom: 7px;}
/* Fast Auction Css */
.listing-heading p {
    font-size: 21px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
#fast-listview{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    max-width: 100%;
      justify-content: space-between;
}
#fast-listview .car-detail {
    flex: 0 0 49%;
    max-width: 49%;
  flex-wrap: wrap;
}
#fast-listview .pro-detail{
  flex-wrap: wrap;
}
#fast-listview .list-pro-left{
    flex: 0 0 100%;
    max-width: 100%;
}
#fast-listview .list-pro-right {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
}
#fast-listview .pro-img {
    flex: 0 0 40%;
    max-width: 40%;
  position:relative;
}
#fast-listview  .pro-detail {
    flex: 0 0 60%;
    max-width: 60%;
}
#fast-listview .fast-countdown {
    position: absolute;
    top: 0;
    left: 0;
  align-items: flex-start;
}
#fast-listview .countBoxItem .label {
    order: 2;
}
#fast-listview .count {
    background: rgb(27 49 76) !important;
    color: #fff !important;
  font-size: 14px;
}
#fast-listview .countBoxItem{
  margin-right: 2px;
  margin-left:0;
}
#fast-listview .bid-wrapper p {
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 2px;
}
#fast-listview .bid-wrapper {
    display: block;
}
#fast-listview .pro-btn-sect {
    display: block;
}
#fast-listview .bid-field{
    display: block;
  max-width: 100%;
    margin-left: 0;
}
#fast-listview .bid-field .form-control {
    margin-bottom: 7px;
    border: 1px solid #000;
    height: 30px;
    font-size: 12px;
}
#fast-listview  .bid-field .btn-main.detail_btn {
    width: 100%;
    height: 30px;
}
#fast-listview .filter-property-parent {
    display: flex;
    width: 100%;
    justify-content: space-between;
  padding: 10px 5px 5px;
}
#fast-listview .details {
    text-align: center;
}
#fast-listview .fastfeature-img img, #fast-listview .fastfeature-img i {
    width: 25px;
    height: auto;
}
#fast-listview .filter-property-parent p {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 12px;
    border: none;
    text-transform: capitalize;
}
.manageAuctionAddLinkWrap label > div {
    padding-right: 10px;
}
.manageAuctionAddLinkWrap label {
    word-break: break-all;
    display: flex;
}
ul.manageAuctionAddLinkWrap li {
    margin-right: 20px;
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
}
.disabled-link {
  pointer-events: none;
}
/* Fast auction Css */
#fastAuctionForm .registration-parent .registration-input,
#fastAuctionForm .customselect-drawer,
#fastAuctionForm .dp-select2 {
  border: 1px solid #ced4da;
  height: 38px;
  box-shadow: none;
  padding: 0;
}
#fastAuctionForm .css-b8ldur-Input input {
  height: auto !important;
}
#fastAuctionForm #btn-huau, #fastAuctionForm #btn-upload-more-picture {
  padding: 0 5px;
  height: 16px;
  margin-top: -12px;
}
.fixed-feature-whatsapp.fixed-whatsapp-preview {
  top: 55px;
}
.bg-cyan {
    background-color: #27a9e3!important;
}
.bg-success {
    background-color: #28b779!important;
}
.bg-warning {
    background-color: #ffb848!important;
}
.bg-danger {
    background-color: #da542e!important;
}
.bg-info {
    background-color: #2255a4!important;
}
.bg-light {
    background-color: #535353!important;
}
.db-box-design.dashboardPageLink ul li a span {
    display: block;
    margin-top: 14px;
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: 14px;
}
.db-box-design.dashboardPageLink ul li:hover /*.db-box-design.dashboardPageLink ul li.active*/ {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 14px 24px rgb(62 57 107 / 10%);
}
.rbc-date-cell > a {
    text-align: center;
    display: block;
}

.alert.alert-info.alert-dismissible {
  border-radius: 0 !important;
}
.tooltip-inner {
  background-color: #27a9e3 !important;
}
img.withoutHover {
    display: none;
}
/*.kpiBox:last-child {
    margin-bottom: 0;
}*/
.kpi-sec {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    padding-top: 15px;
}
.kpiBox .kpiBox__content {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
body.dash-seller .db-box-design.dashboardPageLink ul li {
    width: calc(25% - 16px);
}
.kpiBox__content p:first-child {
    font-size: 20px;
    font-weight: 700;
}
/* SBM CSS */
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  position: relative;
}
.onoffswitch label .left-txt {
  position: absolute;
  left: 0;
  color: #ffffff;
  padding: 0 5px;
  transform: translateY(-50%);
  line-height: 1;
  top: 52%;
  opacity: 1;
  transition-delay: 0.1s;
  z-index: 99;
}
.onoffswitch label .right-txt {
  position: absolute;
  right: 0;
  color: #ffffff;
  padding: 0 5px;
  transform: translateY(-50%);
  line-height: 1;
  top: 50%;
  opacity: 1;
  transition-delay: 0.1s;
}
.onoffswitch input:not(:checked) + label .left-txt {opacity: 0;}
.onoffswitch input:checked + label .right-txt {opacity: 0;}
/* Old CSS */
.dashboardPageLink {padding: 20px 0 10px;}
.dashboardPageLink ul {display: flex;margin: 0;justify-content: center;flex-wrap: wrap;}
.slidePopup .dashboardPageLink ul {border: none;margin-bottom: 15px;justify-content: space-between;}
.slidePopup .dashboardPageLink ul li {margin-right: 5px;}
.dashboardPageLink ul li {overflow: hidden;padding: 5.5px 0;margin-bottom: 7px;}
.dashboardPageLink ul li {margin-right: 28px;}
.slidePopup .dashboardPageLink ul li a {
  color: #fff !important;
  border-radius: 0 !important;
  padding: 2px 13px;
  border: none !important;
  border-top: 2px solid #204078 !important;
  border-bottom: 2px solid #204078 !important;
  font-size: 14px;
}
.slidePopup .dashboardPageLink ul li a:hover, .slidePopup .dashboardPageLink ul li a.active {
  border-color: #2a5196 !important;
  color: #2a5196 !important;
  background: transparent !important;
}
.dashboardPageLink ul li a {
  color: #fff;
  font-size: 15px;
  transition: .5s ease all;
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -ms-transition: .5s ease all;
  -o-transition: .5s ease all;
  position: relative;
  padding: 5px 20px 5px 40px;
  border-top: 1px solid #204078;
  border-bottom: 2px solid #204078;
  background: rgb(20, 83, 136);
  background: -moz-linear-gradient(left, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  background: linear-gradient(to right, rgba(20, 83, 136, 1) 0%, rgba(40, 81, 114, 1) 48%, rgba(31, 92, 141, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#145388', endColorstr='#1f5c8d', GradientType=1);
}
.slidePopup .dashboardPageLink ul li a:hover:before, .slidePopup .dashboardPageLink ul li a.active:before {left: 0;}
.dashboardPageLink ul li a:before {
  content: "";
  border-top: 15px solid #204078;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 0;
  left: -50%;
  transition: all 0.3s ease 0s;
}
.slidePopup .dashboardPageLink ul li a:hover:after, .slidePopup .dashboardPageLink ul li a.active:after {right: 0;}
.dashboardPageLink ul li a:after {
  content: "";
  border-bottom: 15px solid #204078;
  border-left: 15px solid transparent;
  border-top: 15px solid transparent;
  position: absolute;
  bottom: 0;
  right: -50%;
  transition: all 0.3s ease 0s;
}
/*  Old CSS */
/*-----------start-----------------*/
.headerRightFastAcution {
  position: fixed;
  top: 0;
  right: 15px;
  height: auto;
  display: flex;
  justify-content: flex-end;
  max-width: 30%;
  flex: 0 0 30%;
  padding-left: 0px;
  align-items: center;
  z-index: 999;
  padding: 10px 0;
}
.headerRightFastAcution  #headerLoginFrm {left: auto;right: 0;}
.headerRightFastAcution  .loginHeaderPanel li {position: static;}
.headerRightFastAcution  .loginHeaderPanel {position: relative;} 
.headerRightFastAcution ul{padding: 0 !important;}
.headerRightFastAcution ul li{
  /* display: flex; */
    justify-content: center;
    flex-direction: column;
}
.headerRightFastAcution li > a{
  width: auto !important;
  height: 35px !important;
  border: none !important;
  border-radius: 10px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.headerRightFastAcution li > a.orangeBtn , .headerRightFastAcution li > a.orangeBtnSecondary{background: rgb(242, 142, 38) !important;}
.headerRightFastAcution li > a.blueBtn{background: rgb(30, 60, 114);}
.headerRightFastAcution .loginPopLinkfastAuction {margin: 12px 0 0;font-size: 15px;}
.headerRightFastAcution .loginPopLinkfastAuction a + a {margin-left: 25px;}
.headerRightFastAcution .loginHeaderPanel li.headerUser {padding: 0;}
.headerRightFastAcution .headerUser .userProfile {width: 34px;background: #ffffff;margin-right: 5px;}
.headerRightFastAcution .headerUser  .userName {color: #ffffff;}
.headerRightFastAcution .headerUserParent .userProfile {width: 34px;background: #ffffff;border: none;height: auto;padding: 0;margin: 0 5px 0 0;}
.headerRightFastAcution .headerUserParent .userName p {margin: 0;font-size: 14px;color: #ffffff;}
.headerRightFastAcution .headerUserParent .userName {margin-left: 5px;}
.headerRightFastAcution .headerUser .userName p {color: #ffffff;}
.headerRightFastAcution .loginHeaderPanel > li:hover ul.profileDropdownUl {display: block;}
.registration-parent .profile-parent ul li.fullLi h3 {display: inline-block;background: #1e3c72;}
.registration-parent .validate-error {color: #fff;}
.regsubmit-btn {background: rgba(17, 75, 145, 1);box-shadow: 0 0 0 0 rgba(17, 75, 145, 1);animation: pulse-blue 2s infinite;}
.dp-multi-select2 {height: 55px;}
.dp-multi-select2>div {min-height: 100% !important;}
@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(17, 75, 145, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(17, 75, 145, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(17, 75, 145, 0);
  }
}
ul.buying-preference li + li{height: 65px;}
/* END SBM CSS */
@media(max-width:991px) {
  .db-box-design.dashboardPageLink ul li,
  body.dash-seller .db-box-design.dashboardPageLink ul li {
      width: calc(33.33% - 16px);
  }
}
@media(max-width:767px) {
  .db-box-design.dashboardPageLink ul li,
  body.dash-seller .db-box-design.dashboardPageLink ul li {width: calc(50% - 16px);}
}
/**26-10-2021 responsive**/
@media screen and (max-width: 1199px){
.headerRightFastAcution .loginHeaderPanel li>a {font-size: 16px;}
}
@media screen and (max-width: 767px){
  .headerRightFastAcution .loginHeaderPanel li>a {font-size: 13px;padding: 7px 6px;border-radius: 5px !important;}
  #fastAuctionForm .whatsapp-wrapper .form-step ul {justify-content: flex-start;padding-right: 150px;}
  .headerRightFastAcution .loginHeaderPanel li {margin-right: 0;}
}
@media screen and (max-width: 400px){
  #fastAuctionForm .whatsapp-wrapper .form-step ul li a {margin: 0px 4px;}
}
@media screen and (max-width: 360px){
  #fastAuctionForm .whatsapp-wrapper .form-step ul li a {margin: 0px 2px;}
}
.btn-counting.btn-main.detail_btn {
  margin: 0;
  width: auto;
  min-width: 45px;
  height: 38px;
  line-height: 38px;
  padding: 0 2px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #ed721b;
  color: #e67814;
  background: #fff;
  display: inline-block;
  font-weight: 400;
}
/*modified css for pop up displaying 13/12/2021*/
.equipmentDetail table tr:first-child>td {padding-left: 5px !important;}
.equipmentDetail table tr:first-child>td:before {display: none;}
/* Updated Modal Css */
.modal.updated-item label {font-size: 1.5rem;display: block;text-align: center;line-height: 1.2;}
.modal.updated-item .modal-title {font-weight: 600;}
.modal.updated-item label:first-child:before {display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;margin: 0 auto 15px;border: 3px solid #10e358;border-radius: 50%;content: "\2713";padding: 3px 0 0;color: #10e358;font-size: 122%;font-weight: 600;}
.modal.updated-item .modal-footer {border-style: none;justify-content: center;padding-top: 0;padding-bottom: 20px;}
/* End Updated modal */
.desicion-btn img {margin-right: 5px;}
.copy-invite-btn, .copy-fast-auction-btn {
  color: #fff;
}
#carsubtypeselect button.copy-fast-auction-btn {
  background: #10213d;
  padding: 5px;
  margin-top: 10px;
}
.filter-property-parent p.details {
    text-transform: capitalize;
}
.slidePopup .tabs.dashboardPageLink li > a.nav-link.disabled {display: none !important;}
.car-detail-single .rightbar-tab a.nav-link.disabled {display: none !important;}

.registration-heading .firststep-heading p {
  text-transform: none !important;
}

@keyframes blinkingText2 {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
.list-view-car .pro-detail .tipText .blink-text {
  background: red;
  color: #ffffff !important;
  padding: 3px 5px;
  line-height: 1.2 !important;
  animation: blinkingText2 0.8s infinite;
  font-size: 12px;
  display: inline-block;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}
.list-view-car .pro-detail .tipText {
  position: relative;
  width: 100%;
  text-align: left;
  min-height: 15px;
}

.open-listing a#noanim-tab-example-tab-video, .closed-listing a#noanim-tab-example-tab-video {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
label.toggleSwitch.nolabel.disabled {
  pointer-events: none !important;
}

@media(max-width:991px) {
  .list-view-car .pro-detail .tipText .blink-text {
    top: 34px;
  }
  .list-view-car .pro-detail .tipText {
    min-height: 50px;
  }
}
@media(max-width:600px) {
  .list-view-car .pro-detail .tipText .blink-text {
    top: 0;
  }
  .list-view-car .pro-detail .tipText .blink-text {
    position: relative;
    margin: 0 auto;
    white-space: normal;
  }
  .list-view-car .pro-detail .tipText {
    text-align: center;
    min-height: auto;
  }
}