/* Fonts declaration */
@font-face {
  font-family: Muli-Light;
  src: url(../fonts/Muli-Light.ttf);
}

@font-face {
  font-family: Muli-Regular;
  src: url(../fonts/Muli-Regular.ttf);
}

@font-face {
  font-family: Muli;
  src: url(../fonts/Muli-Regular.ttf);
}


@font-face {
  font-family: Muli-SemiBold;
  src: url(../fonts/Muli-SemiBold.ttf);
}

@font-face {
  font-family: Muli-Bold;
  src: url(../fonts/Muli-Bold.ttf);
}

@font-face {
  font-family: Muli-ExtraBold;
  src: url(../fonts/Muli-ExtraBold.ttf);
}

@font-face {
  font-family: Muli-Italic;
  src: url(../fonts/Muli-Italic.ttf);
}

@font-face {
  font-family: Muli-BoldItalic;
  src: url(../fonts/Muli-BoldItalic.ttf);
}
@font-face {
  font-family: Muli-ExtraLight;
  src: url(../fonts/Muli-ExtraLight.ttf);
}

@font-face {
  font-family: Muli-ExtraBoldItalic;
  src: url(../fonts/Muli-ExtraBoldItalic.ttf);
}

@font-face {
  font-family: Robot-Medium;
  src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: Robot-Bold;
  src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
  font-family: Robot-Regular;
  src: url(../fonts/Roboto-Regular.ttf);
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /*list-style-type: none;*/
  transition: all .1s linear;
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #F0F0F0;
  /*word-wrap: break-word;*/
  scrollbar-color: #9d50e1 #e4e4e4;
  scrollbar-width: thin;
}
body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #e4e4e4;
}

body::-webkit-scrollbar-thumb {
    background: #9d50e1;
    border-radius: 0px;
}


li {
  font-family: Muli-Light;
}

:root {
  --main-color: #6c3d96;
  --secondary-color: #9B6CC5;
  --third-color: #9D7DB9;
  --fourth-color: #DED5E7;
  --color-black: #000000;
  --text-grey1: #8390A2;
  --text-grey2: #ECEDEE;
  --text-grey3: #F8F9FA;
  --color-grey4: #272743;
  --html-background: #F0F0F0;
  --logo-color: #FDD900;
  --white-color: #fff;

}

header {
  width: 100%;
  height: 42px;
}

header .navbar {
  position: fixed;
  width: 100%;
  height: 42px;
  background: var(--main-color);
  padding: 0px 10px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  z-index: 999;
}

header .navbar .logo .bars {
  /* margin-right: 20px;
  margin-left: 20px;
  width: 20px; */
}

header .navbar .logo a {
  padding-left: 8px;
}

header .navbar .logo .bars:hover {
  opacity: .7;
  cursor: pointer;
}

header .navbar .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

header .navbar .logo img {
  max-width: 135px;
}

header .navbar .logo img {
  max-width: 135px;
  cursor: pointer;
}

/* header .navbar .logo img {
  max-width: 120px;
}

header .navbar .logo img {
  max-width: 120px;
  cursor: pointer;
} */
header .navbar .pp {
  height: 26px;
  padding-left: 10px;
}
header .navbar .pp::before {
  content: "";
  width: 1px;
  height: 28px;
  background-color: #f1f1f1;
  display: inline-block;
}
header .navbar .pp img {
  height: 22px;
  margin-left: 25px;
  position: absolute;
  top: 11px;
}

/* header .navbar .pp img {
  height: 26px;
  margin-left: 25px;
  position: absolute;
}
 */



/*Search Desktop*/
header .navbar .search {
  width: 40%;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: Muli-Light;
}

header .navbar .search form {
  vertical-align: middle;
  width: 100%;
  font-family: Muli-Light;
}

header .navbar .search input[type='text'] {
  padding: 5px;
  border: none;
  outline: none;
  width: 95%;
  font-size: .8rem;
}

header .navbar .search button {
  width: 30px;
  height: 30px;
  bottom: 0;
  right: 0;
  border: none;
  background: var(--secondary-color);
  color: var(--white-color);
  position: absolute
}

header .navbar .search button img {
  max-width: 18px;
  max-height: 18px;
}


/*Search Mobile*/
header .navbar .search-mobile {
  width: 40%;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: Muli-Light;
  display: none;
}

header .navbar .search-mobile form {
  vertical-align: middle;
  width: 100%;
  font-family: Muli-Light;
}

header .search-mobile input[type='text'] {
  padding: 2px;
  border: none;
  outline: none;
  width: 95%;
  font-size: 1rem;
}

header .navbar .search-mobile button {
  width: 15px;
  height: 15px;
  bottom: 0;
  right: 0;
  border: none;
  background: var(--secondary-color);
  color: var(--white-color);
  position: absolute
}

header .navbar .search-mobile button img {
  max-width: 12px;
  max-height: 12px;
}



.login-form .signup-resend
{
  color: #000; 
  font-size: .8rem; 
  font-family: Muli-Light; 
  text-decoration: underline;
}





header .navbar .userProfile {
  cursor: pointer;
  z-index: 100;
}

header .navbar .userProfile .userName {
  color: var(--white-color);
  font-size: .9rem;
  font-family: Muli-Light;
}

header .navbar .userProfile .subnav-content {
  display: none;
  position: absolute;
  right: .1rem;
  bottom: -10.0rem;
  width: 260px;
  background-color: var(--main-color);
  color: #6844FF;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

header .navbar .userProfile .subnav-content i {
  margin-right: 10px;
}


header .navbar .userProfile .subnav-content a {
  float: left;
  color: var(--main-color);
  text-decoration: none;
  width: 100%;
  color: #73B629;
}

header .navbar .userProfile .subnav-content a i:last-child {
  float: right;
  margin-left: 10px;
  margin-top: 7px;
}

header .navbar .userProfile .subnav-content a:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
  background-color: #833CBF;
}

/* header .navbar .userProfile .subnav-content a span:hover {
  color: var(--main-color);
} */


header .navbar .userProfile .subnav-content a:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

header .navbar .userProfile:hover .subnav-content {
  display: block;
}


header .navbar .userProfile .subnav-content a {
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid var(--third-color);
  padding: 8px;
}



/*footer navbar*/

.footer-navbar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55px;
  background: var(--main-color);
  color: #fff;
  display: none;
}

.footer-navbar .footer-navbar-container {

  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 20px;
}

.footer-navbar {
  padding: 5px;
}

.footer-navbar .footer-navbar-container a {
  text-decoration: none;
  font-family: Muli-Regular;
  font-size: .7rem;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  height: 30px;
  padding: 0px 5px;
  margin-top: 2px;
}

.footer-navbar .footer-navbar-container .bottom-bars {
  position: relative;
  top: 30%;
  right: 5px;
}


.footer-navbar .footer-navbar-container a img {
  margin-bottom: 5px;
  height: 20px;
}







.footer-nav {
  color: var(--white-color);
  font-size: .9rem;
  font-family: Muli-Light;
  cursor: pointer;
}


.footer-nav .subnav-content {
  display: none;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  position: absolute;
  right: .1rem;
  bottom: 3.4rem;
  background-color: var(--main-color);
  color: #6844FF;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.footer-nav .subnav-content i {
  margin-right: 10px;
}


.footer-nav .subnav-content a {
  color: var(--main-color);
  text-decoration: none;
  width: 100%;
  padding: 10px 5px;
}

.footer-nav .subnav-content a:hover {
  color: var(--secondary-color);
}

.footer-nav .subnav-content a span:hover {
  color: var(--main-color);
}


.footer-nav .subnav-content a:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.footer-nav:hover .subnav-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}


.footer-nav .subnav-content a {
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid var(--third-color);
  padding: 5px 25px;
}

.main-content {
  position: relative;
  top: 50px;
  margin-left: 0px;
  margin-right: 12px;
}

.main-content .top-tid {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: right;
  line-height: 1rem;
}

.main-content .top-tid h3 {
  font-size: .8rem;
  font-family: Muli-Bold;
}

.main-content .top-tid h3 a {
  text-transform: uppercase;
  color: var(--main-color);
  text-decoration: underline;
}

.main-content .top-tid-brand {
  width: 95.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 5px 15px;
  position: fixed;
  top: 48px;
}


.main-content .top-tid-brand a {
  text-decoration: none;
  color: var(--main-color);
}


.main-content .top-tid a {
  /* padding: 5px 10px; */
  color: #000;
  font-size: .5rem;
}

.main-content .top-tid a i {
  margin-right: 10px;
}

/*your brands*/

main .main-content .brands {
  margin-top: 0px;
  z-index: -100;
}


main .main-content .brands .brands-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  
}

main .main-content .brands .brands-container-tid {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  margin-top: 10px;
}

main .main-content .brands .tidselection {
  font-size: 1.25rem;
  text-align: center;
  font-family: Muli-Bold;
  margin-bottom: 10px;
  align-items: center;
}

main .main-content .brands input[type='radio'] {
  width: 100%;
  height: 1em;
}

main .main-content .brands h2 {
  font-size: 14px;
  font-family: Muli-SemiBold;
  color: var(--main-color);
  text-transform: uppercase;
}

main .main-content .brands h3 {
  font-size: 14px;
  font-family: Muli-SemiBold;
  color: var(--main-color);
  text-transform: uppercase;
}

main .main-content .brands .brands-container .single-card {
  width: 144.5px;
  height: 152px;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  flex-wrap: nowrap;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
  margin-bottom: 16px;
  margin-right: 16px;
  cursor: pointer;
}

main .main-content .brands .brands-container .single-card .circle {
  position: absolute;
  background-color: var(--main-color);
  width: 25px;
  height: 25px;
  border-radius: 50px;
  margin: auto;
  text-align: center;
  color: #fff;
  left: 40%;
  bottom: -5%;
  transform: translate(-50%, -50%);
}


main .main-content .brands .brands-container-tid .single-card {
  width: 145px;
  height: 152px;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  flex-wrap: nowrap;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
  margin-bottom: 16px;
  margin-right: 16px;
  cursor: pointer;
}

main .main-content .brands .brands-container-tid .single-card:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 1);
}

main .main-content .brands .brands-container .single-card:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 1);
}

main .main-content .brands .brands-container .single-card .bullet {
  width: 25px;
  height: 25px;
  background-color: var(--main-color);
  border-radius: 50%;
}

main .main-content .brands .brands-container-tid .single-card .bullet {
  width: 25px;
  height: 25px;
  background-color: var(--main-color);
  border-radius: 50%;
}

main .main-content .brands .brands-container .single-card .content {
  font-size: .9rem;
  font-family: Muli-SemiBold;
  padding-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}


main .main-content .brands .brands-container-tid .single-card .content {
  font-size: .9rem;
  font-family: Muli-SemiBold;
  padding-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}


main .main-content .brands .brands-container .single-card:last-child {
  margin-right: 0px;
}

main .main-content .brands .brands-container-tid .single-card:last-child {
  margin-right: 0px;
}

main .main-content .brands .brands-container .single-card .logo {
  width: 100%;
  height: 80%;
  padding: 10px;
  cursor: pointer;
}

main .main-content .brands .brands-container-tid .single-card .logo {
  width: 100%;
  height: 80%;
  padding: 10px;
  cursor: pointer;
}

main .main-content .brands .brands-container .single-card .content {
  width: 100%;
  height: 20%;
  cursor: pointer;
}

main .main-content .brands .brands-container-tid .single-card .content {
  width: 100%;
  height: 20%;
  cursor: pointer;
  font-size: 1rem;
  font-family: Muli-Bold;
}


main .main-content .brands .brands-container .single-card img {
  margin-top: 12px;
  width: 90%;
  height: 90%;
  object-fit: contain;
}

main .main-content .brands .brands-container-tid .single-card img {
  width: 90%;
  height: 90%;
  object-fit: contain;
}




/*bank*/

main .main-content .banks {
  margin-top: 0px;
  position: fixed;
}


main .main-content .banks .banks-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
}


main .main-content .banks input[type='radio'] {
  width: 100%;
  height: 1em;
}

main .main-content .banks h2 {
  font-size: 14px;
  font-family: Muli-SemiBold;
  color: var(--main-color);
  text-transform: uppercase;
}

main .main-content .banks h3 {
  font-size: 14px;
  font-family: Muli-SemiBold;
  color: var(--main-color);
  text-transform: uppercase;
}

main .main-content .banks .banks-container .bank-single-card {
  width: 144.5px;
  height: 152px;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  flex-wrap: nowrap;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
  margin-bottom: 16px;
  margin-right: 16px;
  cursor: pointer;
}

main .main-content .banks .banks-container .bank-single-card .circle {
  position: absolute;
  background-color: var(--main-color);
  width: 25px;
  height: 25px;
  border-radius: 50px;
  margin: auto;
  text-align: center;
  color: #fff;
  left: 40%;
  bottom: -5%;
  transform: translate(-50%, -50%);
}


main .main-content .banks .banks-container .bank-single-card:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 1);
}

main .main-content .banks .banks-container .bank-single-card .bullet {
  width: 25px;
  height: 25px;
  background-color: var(--main-color);
  border-radius: 50%;
}


main .main-content .banks .banks-container .bank-single-card .content {
  font-size: .9rem;
  font-family: Muli-SemiBold;
  padding-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}



main .main-content .banks .banks-container .bank-single-card:last-child {
  margin-right: 0px;
}


main .main-content .banks .banks-container .bank-single-card .logo {
  width: 100%;
  height: 80%;
  padding: 10px;
  cursor: pointer;
}


main .main-content .banks .banks-container .bank-single-card .content {
  width: 100%;
  height: 20%;
  cursor: pointer;
}



main .main-content .banks .banks-container .bank-single-card img {
  margin-top: 12px;
  width: 90%;
  height: 90%;
  object-fit: contain;
}
































/*Product*/

/* main {
  margin-bottom: 47px;
} */

main .main-content .products {
  margin-top: 15px;
  margin-bottom: 50px;
  
}

main .main-content .products .products-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  
}

main .main-content .products h2 {
  font-size: 14px;
  font-family: Muli-SemiBold;
  color: var(--main-color);
  text-transform: uppercase;
}

main .main-content .products .products-container .product-card {
  width: 145px;
  height: 270px;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  flex-wrap: nowrap;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 10px;
  cursor: pointer;
  z-index: -1;
}

main .main-content .products .products-container .product-card:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 1);
}

main .main-content .products .products-container .product-card:last-child {
  margin-right: 0px;
}

main .main-content .products .products-container .product-card .image {
  width: 100%;
  height: 85%;
}


main .main-content .products .products-container .product-card .content {
  width: 100%;
  height: 15%;
  padding: 5px;
}

main .main-content .products .product-card .content h3 {
  font-size: 10px;
  font-family: Muli-Regular;
  color: var(--color-black);

}

main .main-content .products .products-container .product-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row;
}


main .main-content {
  width: 100%;
  position: relative;
  margin-left: 70px;
}




main .sidebar {
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column;
}

main .sidebar .menu-bar .subnav-menubar {
  background-color: var(--main-color);
  position: absolute;
  height: 100%;
  top: 42px;
  left: 0;
  padding: 5px 0px;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column;
  transition: width 2s;
  text-align: center;
  z-index: -100;
  width: 65px;
}

main .sidebar .menu-bar:hover .subnav-menubar {
  display: flex;
  width: auto;
  width: 65px;
  /* width: 60px; */
}

main .sidebar .menu-bar .subnav-menubar a {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 9px;
  font-family: Muli-SemiBold;
  margin-bottom: 10px;
  padding: 5px;
}

main .sidebar .menu-bar .subnav-menubar a:hover {
  opacity: .7;
}

main .sidebar .menu-bar .subnav-menubar i {
  font-size: 25px;
}

#nav-toggle {
  display: none;
}


#nav-toggle:checked ~ main .main-content .brands .brands-container {
  width: 99%;
}

#nav-toggle:checked ~ main .main-content .brands .brands-container .single-card {
  width: 149.2px;
  height: 149.2px;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
  margin-bottom: 16px;
  z-index: 100;
}

#nav-toggle:checked ~ main .main-content .brands .brands-container .single-card:last-child {
  margin-right: 0px;
}

#nav-toggle:checked ~ main .main-content .products .products-container .product-card {
  width: 150px;
  height: 270px;
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  flex-wrap: nowrap;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.3);
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 10px;
  cursor: pointer;
}

#nav-toggle:checked ~ main .main-content .products .products-container .product-card:last-child {
  margin-right: 0px;
}



#nav-toggle:checked ~ main .sidebar {
  display: none;
}

#nav-toggle:checked ~ .sidebar {
  width: 60px;
  display: none;
}


#nav-toggle:checked ~ main .main-content {
  margin-left: 20px;
}

#nav-toggle:checked ~ main .main-content .steps-bar {
  width: 100%;
}

#nav-toggle:checked ~ main .main-content .steps-bar {
  width: 100%;
}

#nav-toggle:checked ~ main .main-content .top-tid-brand {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 5px 15px;
  padding-right: 35px;
  position: fixed;
}

#nav-toggle:checked ~ main .main-content .brands .brands-container .owl-nav .owl-next {
  top: 35%;
  right: 1.5%;
}








main .main-content h2 a {
  text-decoration: none;
  color: #000;
  margin-right: 5px;
}

main .main-content h2 {
  font-size: 14px;
  font-family: Muli-SemiBold;
  color: var(--main-color);
  text-transform: uppercase;
  margin-top: 10px;
}


#steps-bars {
  margin-top: 120px;
}

#steps-bars1 {
  margin-top: 125px;
  width: 100%;
  position: fixed;
}

#steps-bars3 {
  margin-top: 125px;
  position: fixed;
}

#steps-bars4 {
  margin-top: 125px;
  width: 100%;
  z-index: -100;
}


#steps-bars2 {
  margin-top: 15px;
}

.header h3{
  color: #73B629;
}



main .main-content .steps-bar {
  width: 100%;
  background: #D9CFE1;
  text-align: left;
  line-height: 10px;
  position: fixed;
  padding: 0 20px;
  margin-top: 43px;

}

main .main-content .steps-bar .steps-container {
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row;
  text-align: center;
  line-height: 5px;
  padding-top: 10px;
  background: #D9CFE1;
}


main .main-content .steps-bar .step {
  position: relative;
  text-align: center;
  cursor: pointer;
}

main .main-content .steps-bar .step p {
  margin-top: 8px;
  font-size: .85rem;
  font-family: Muli-Light;
  text-transform: uppercase;
}

main .main-content .steps-bar .step .bullet::before,
main .main-content .steps-bar .step .bullet::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 1200%;
  top: 50%;
  left: 29px;
  background: #fff;
}

main .main-content .steps-bar .step:last-child .bullet::before,
main .main-content .steps-bar .step:last-child .bullet::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 75%;
  top: 50%;
  left: 29px;
  background: #fff;
}


main .main-content .steps-bar .step .bullet {
  position: relative;
  height: 28px;
  width: 28px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: inline-block;
}


main .main-content .steps-bar .step .bullet a {
  text-decoration: none;
  color: #000;
}

main .main-content .steps-bar .step .bullet:hover {
  opacity: .6;
}

main .main-content .steps-bar .step .bullet span {
  font-size: .9rem;
  font-family: Muli-Bold;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 28px;
}

main .main-content .steps-bar .step .check {
  position: absolute;
  left: 50%;
  top: 25%;
  font-size: 1rem;
  transform: translate(-50%, -50%);
  display: none;
}












main .main-content .steps-bar1 {
  width: 100%;
  background: #D9CFE1;
  text-align: left;
  line-height: 10px;
  position: fixed;
  padding: 0 20px;
  margin-top: 43px;

}

main .main-content .steps-bar1 .steps-container {
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row;
  text-align: center;
  line-height: 5px;
  padding-top: 10px;
  background: #D9CFE1;
  /* margin: auto; */
}


main .main-content .steps-bar1 .step {
  position: relative;
  text-align: center;
  cursor: pointer;
}

main .main-content .steps-bar1 .step p {
  margin-top: 8px;
  font-size: .85rem;
  font-family: Muli-Light;
  text-transform: uppercase;
}

main .main-content .steps-bar1 .step .bullet::before,
main .main-content .steps-bar1 .step .bullet::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 1210%;
  top: 50%;
  left: 29px;
  background: #fff;
}

main .main-content .steps-bar1 .step:last-child .bullet::before,
main .main-content .steps-bar1 .step:last-child .bullet::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 0%;
  top: 50%;
  left: 29px;
  background: #fff;
}


main .main-content .steps-bar1 .step .bullet {
  position: relative;
  height: 28px;
  width: 28px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: inline-block;
}


main .main-content .steps-bar1 .step .bullet a {
  text-decoration: none;
  color: #000;
}

main .main-content .steps-bar1 .step .bullet:hover {
  opacity: .6;
}

main .main-content .steps-bar1 .step .bullet span {
  font-size: .9rem;
  font-family: Muli-Bold;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 28px;
}

main .main-content .steps-bar1 .step .check {
  position: absolute;
  left: 50%;
  top: 25%;
  font-size: 1rem;
  transform: translate(-50%, -50%);
  display: none;
}
















main .main-content .steps-bar2 {
  width: 100%;
  background: #D9CFE1;
  text-align: left;
  line-height: 10px;
  position: fixed;
  padding: 0 20px;
  margin-top: 43px;

}

main .main-content .steps-bar2 .steps-container {
  width: 96%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-flow: row;
  text-align: center;
  line-height: 5px;
  padding-top: 10px;
  background: #D9CFE1;
  /* margin: auto; */
}


main .main-content .steps-bar2 .step {
  position: relative;
  text-align: center;
  cursor: pointer;
}

main .main-content .steps-bar2 .step p {
  margin-top: 8px;
  font-size: .85rem;
  font-family: Muli-Light;
  text-transform: uppercase;
}

main .main-content .steps-bar2 .step .bullet::before,
main .main-content .steps-bar2 .step .bullet::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 1650%;
  top: 50%;
  left: 29px;
  background: #fff;
}

main .main-content .steps-bar2 .step:last-child .bullet::before,
main .main-content .steps-bar2 .step:last-child .bullet::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 0%;
  top: 50%;
  left: 29px;
  background: #fff;
}


main .main-content .steps-bar2 .step .bullet {
  position: relative;
  height: 28px;
  width: 28px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: inline-block;
}


main .main-content .steps-bar2 .step .bullet a {
  text-decoration: none;
  color: #000;
}

main .main-content .steps-bar2 .step .bullet:hover {
  opacity: .6;
}

main .main-content .steps-bar2 .step .bullet span {
  font-size: .9rem;
  font-family: Muli-Bold;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 28px;
}

main .main-content .steps-bar2 .step .check {
  position: absolute;
  left: 50%;
  top: 25%;
  font-size: 1rem;
  transform: translate(-50%, -50%);
  display: none;
}
















table {
  margin: auto;
}

.table-striped {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.table-striped a {
  margin: 10px 0px;
  padding: 5px 20px;
  background-color: var(--main-color);
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  margin-right: 20px;
  line-height: 35px;
  font-size: .9rem;
  font-family: Muli-Regular;
  text-align: center;
}


.table-striped tr td {
  font-size: .9rem;
  font-family: Muli-Regular;
}

.table-striped tr td:first-child {
  text-align: left;
}

.table-striped tr th:first-child {
  text-align: left;
}


.table-striped tr th {
  font-size: 1rem;
  font-family: Muli-Regular;
  text-align: center;
}

.main-content .table-striped .rest,
.main-content .table-striped .rest {
  display: none;
  color: var(--main-color);
  background: none;
  margin: 0;
}

.table-striped tr .col3
{
  display: none;
}

.table-striped tr td .expand {
  background: none;
  color: var(--main-color);
  height: 100vh;
  outline: none;
  border: none;
}


.table-striped tr th .expand {
  background: none;
  color: var(--main-color);
}










/*footer*/

footer {
  background: var(--main-color);
  width: 100%;
  font-family: Muli-Light;
  height: 20px;
  margin: 0 auto;
  text-align: center;
  line-height: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}

footer p {
  font-size: .65rem;
  color: var(--white-color);
  font-family: Muli-Light;
}


.products {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.products .products-container {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-flow: column;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  cursor: pointer;
  
}

/* .products .products-container :hover {
  cursor: pointer;

} */

.products .products-container .products-card {
  position: relative;
  width: 460px;
  height: 150px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  padding: 10px;
  margin-bottom: 15px;
  margin-right: 15px;
  /* z-index: -1; */
}


.products .products-container .products-card:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.9);
  cursor: pointer;
  z-index: 500;
}

.products .products-container .products-card:last-child {
  margin-right: 0px;
}

.products .products-container .products-card .logo {
  width: 40%;
  height: 100%;
}

.products .products-container .products-card .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.products .products-container .products-card .content {
  width: 60%;
  height: 100%;
  padding: 5px;
}

.products .products-container .products-card .content a {
  text-decoration: none;
}

.products .products-container .products-card .content h2 {
  font-family: Muli-Bold;
  font-size: 1.15rem;
}

.products .products-container .products-card .content h4 {
  font-family: Muli-Regular;
  font-size: 1rem;
}

.products .products-container .products-card .content h4 span {
  font-family: Muli-Regular;
  font-size: 1rem;
}

.products .products-container .products-card .content h5 {
  font-family: Muli-Regular;
  font-size: 1rem;
}

.products .products-container .products-card .content h5 span {
  font-family: Muli-Regular;
  font-size: 1rem;
}




.product .product-container {
  width: 100%;
  margin-top: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  text-align: center;

}

.product .product-container .product-card {
  width: 500px;
  height: 450px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.product .product-container .product-card .logo {
  width: 30%;
  padding: 10px;
  padding-top: 0px;
}

.product .product-container .product-card .content {
  width: 70%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

.product .product-container .product-card .content h5 {
  width: 100%;
  font-family: Muli-SemiBold;
  font-size: .9rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #EBEBEB;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
}

.product .product-container .product-card .content a {

  height: 40px;
  line-height: 40px;
  background-color: var(--main-color);
  color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  font-size: .9rem;
  font-family: Muli-SemiBold;
  width: 100%;
  margin: auto;
}

.product .product-container .product-card .content a:hover {
  background-color: #833CBF;
}

.product .product-container .product-card .content p {
  font-size: 1rem;
  font-family: Muli-Light;
  width: 100%;
  background-color: #fff;
  text-align: center;
  height: 30px;
  line-height: 25px;
  margin-bottom: 0;
}

.product .product-container .product-card .content p input {
  width: 100%;
  font-family: Muli-Regular;
  font-size: .9;
  border: none;
  outline: none;
  padding: 10px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}

.product .product-container h2 {
  font-family: Muli-Regular;
  font-size: 1.5rem;
  color: #000;
  text-transform: capitalize;

}

.product .product-container .product-card .logo img {
  width: 100%;
  height: 100%;
}


.main-content .submit {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 80px;
}

.main-content .submit a {
  padding: 10px 30px;
  background-color: var(--main-color);
  color: #fff;
  text-decoration: none;
}


.main-content .submit a:hover {
  background-color: #833CBF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.main-content .scheme-form {
  margin-top: 310px;
  text-align: center;
  width: 100%;
  position: fixed;
}


.main-content .scheme-form thead tr th:first-child {
  text-align: left;
}


.main-content .scheme-form .btn-proceed {
  padding: 10px 30px;
  background-color: var(--main-color);
  color: #fff;
}


.main-content .scheme-form .btn-proceed:hover {
  background-color: #833CBF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.product-info {
  width: 100%;
  margin-top: 120px;
}

.product-info .product-info-container {

  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;

}

.product-info .product-info-container .product-info-card {
  width: 20%;
  background-color: #fff;
}

.product-info .product-info-container h5 {
  width: 100%;
  background-color: #ECEDEE;
  padding: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .9rem;
  font-family: Muli-Bold;
}

.product-info .product-info-container p {
  width: 100%;
  height: 10px;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .9rem;
  font-family: Muli-Regular;
  line-height: 8px;
}

.user-info {
  width: 80%;
  margin: auto;
  margin-top: 20px;
  text-align: center;

}

.user-info .user-info-container {
  padding: 20px;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 100px;
}

.user-info .user-info-container-msg {
  padding: 20px;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}

.user-info .user-info-container form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.user-info .user-info-container form input {
  border: 1px solid grey;
  outline: none;
  padding: 9px 8px;
  width: 25%;
  margin-right: 10px;
  font-size: .8rem;
}

.user-info .user-info-container form .validate {
  padding: 10px 30px;
  background-color: var(--main-color);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.user-info .user-info-container form .validate:hover {
  background-color: #833CBF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #fff;
}

.user-info .user-info-container form .resend {
  background-color: none;
  color: #6C3D96;
  padding: 5px;
  text-transform: capitalize;
  text-decoration: underline;
}

.user-info .user-info-container form .resend:hover {
  color: #000;
  text-decoration: underline;
  background-color: none;
  text-decoration: none;
}

.user-info .msg span {
  color: #73B629;
}

.user-info .user-info-container form img {
  width: 5%;
  margin-right: 10px;
  cursor: pointer;
}


.user-info .user-info-container-msg h5 {
  font-size: 2rem;
  font-family: Muli-Bold;
  color: var(--main-color);
  cursor: pointer;
}

.user-info .user-info-container-msg h5:hover {
  color: #000;
}

.user-info .user-info-container-msg h6 a {
  font-size: .8rem;
  font-family: Muli-Regular;
  color: #833CBF;
}

.user-info .user-info-container-msg h6 a:hover {
  color: #000;
}

.manage-users {
  width: 100%;
  margin-top: 55px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
}

.manage-users a {
  padding: 8px 20px;
  background-color: var(--main-color);
  text-decoration: none;
  color: #fff;
  font-family: Muli-Regular;
  font-size: .9rem;
  margin-right: 20px;
}

.manage-users a:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
  background-color: #833CBF;
}


.manage-users a:last-child {
  margin-right: 0px;
}



.search-user {
  width: 100%;
  text-align: left;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #fff;
  padding: 10px;
}


.search-user h5 {
  font-size: 1rem;
  font-family: Muli-Bold;
  text-transform: uppercase;
}


.search-user .search-user-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  font-size: .8rem;
  font-family: Muli-Regular;
  background-color: #fff;
  padding: 0px;
}


.search-user .search-user-container input {
  padding: 7px;
  margin-right: 10px;
  font-size: 1rem;
  font-family: Muli-Regular;
}


.search-user .search-user-container input:last-child {
  padding: 7px;
  margin-right: 0px;
  font-size: 1rem;
  font-family: Muli-Regular;
}


.search-user .search-user-container .search {
  padding: 10px 30px;
  background-color: var(--main-color);
  margin-right: 10px;
  color: #fff;
  text-decoration: none;
  font-size: .9rem;
  font-family: Muli-Regular;
}

.search-user .search-user-container .search:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
  background-color: #833CBF;
}

.table-striped tr .col4 .delete:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
  background-color: #833CBF;
}

.table-striped tr .col4 .reset1:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
  background-color: #833CBF;
}

.table-striped tr .col4 .edit:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
  background-color: #833CBF;
}

.table-striped tr td.col4 .disable:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
  background-color: #833CBF;
}



.search-user .search-user-container .reset {
  padding: 10px 30px;
  background-color: #fff;
  margin-right: 10px;
  color: var(--main-color);
  text-decoration: none;
  border: 1px solid var(--main-color);
  font-size: .9rem;
  font-family: Muli-SemiBold;
}

.search-user .search-user-container .reset:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
}




.changepass {
  width: 350px;
  margin: auto;
  margin-top: 60px;
  background-color: #fff;
  text-align: center;
  text-align: center;
  padding: 20px;
}

.changepass h5 {
  font-family: Muli-Bold;
  font-size: .9rem;
  text-transform: uppercase;
}

.changepass .changepass-container {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
}

.changepass .changepass-container form input[type='text'] {
  margin-bottom: 20px;
  padding: 5px 40px;
  text-align: center;
}

.changepass .changepass-container form a {
  padding: 10px 30px;
  background-color: var(--main-color);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1rem;
}

.changepass .changepass-container form a:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.6);
  background-color: #833CBF;
}

.add-userform {

  width: 40%;
  margin: auto;
  margin-top: 130px;
  text-align: center;
  background-color: #fff;
  padding: 20px;
}

.add-userform h4 {
  font-family: Muli-Bold;
  font-size: 1rem;
  text-transform: uppercase;
}

.add-userform .add-userform-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row;
  flex-wrap: nowrap;
}


.add-userform .add-userform-container h5 {
  color: #73B629;
  font-size: 1rem;
}


.add-userform .add-userform-container table tr td:first-child {

  text-align: right;
  padding: 10px;
  font-family: Muli-Bold;

}

.add-userform .add-userform-container table tr td:last-child {
  text-align: left;
  padding: 10px;
  font-family: Muli-Regular;
}

.add-userform .add-userform-container table tr td input[type='text'] {
  text-align: center;
  padding: 5px;
  font-family: Muli-Regular;
  width: 250px;
}


.add-userform .add-userform-container table tr td input[type='checkbox'] {
  width: 20px;
  height: 20px;
}

.add-userform .add-userform-container table tr td span {
  font-size: .7rem;
}

/* .opcatitybtn {
  opacity: 0.7;
} */


.add-userform .add-userform-container form tr td .verify {
  background-color: var(--main-color);
  padding: 10px 22px;
  color: #fff;
  text-decoration: none;
  font-family: Muli-Regular;
  font-size: 1rem;
  margin-right: 10px;
}

.add-userform .add-userform-container form tr td .verify:hover {
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
  background-color: #833CBF;
}

.add-userform .add-userform-container form tr td .resend {
  color: #000;
  font-family: Muli-Regular;
  font-size: 1rem;
}

#resend {
  text-decoration: none;
  font-family: Muli-Regular;
  font-size: .8rem;
}

.add-userform .add-userform-container form tr .otp {
  text-align: center;
}

.banner {
  width: 100%;
  height: 150px;
  background-color: #0E478A;
}

.banner .banner-container {
  max-width: 320px;
  margin: auto;
  line-height: 150px;
  text-align: center;
}

.banner .banner-container img {
  max-width: 250px;

}


.link {
  position: absolute;
  width: 460px;
  height: 150px;
  top: 150;
  left: 0;
}






main .main-content .brands .brands-container .owl-dots {
  display: none;
}

main .main-content .brands .brands-container .owl-nav {
  line-height: 80px;
  padding: 10px;
  
}

main .main-content .brands .brands-container .owl-stage {
  width: 100%;
  
}

main .main-content .brands .brands-container .owl-nav .owl-next:hover {
  background-color: #833CBF;
  color: #fff;
}

main .main-content .brands .brands-container .owl-nav .owl-prev:hover {
  background-color: #833CBF;
  color: #fff;

}

main .main-content .brands .brands-container .owl-nav .owl-prev {
  font-size: 5rem;
}

main .main-content .brands .brands-container .owl-nav .owl-next {
  font-size: 5rem;
}

main .main-content .brands .brands-container .owl-nav .owl-prev {
  position: absolute;
  top: 35%;
  left: 0;
  transform: translateY(-50%);
  font-size: 4rem;
  color: #5A5A70;
  opacity: .8;
  border-radius: 50px;
  width: 80px;
  height: 80px;
  border: 1px solid #7D7D8D;
  background-color: #F5F5F5;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
}


main .main-content .brands .brands-container .owl-nav .owl-next {
  position: absolute;
  top: 35%;
  right: 5%;
  transform: translateY(-50%);
  color: #5A5A70;
  opacity: .8;
  border-radius: 50px;
  border: 1px solid #7D7D8D;
  width: 80px;
  height: 80px;
  background-color: #F5F5F5;
  box-shadow: 6px 6px 6px rgba(108, 61, 150, 0.1);
}


.loader {
  animation: spin 2s linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border: 16px solid #FDD900;
  border-radius: 50%;
  border-top: 16px solid var(--main-color);
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



/* -------------------- */


.merchant-intro {
  background-image: url(../images/marchant-intro-back.png);
  height: 93vh;
  background-repeat: no-repeat;
  background-size: cover;
  /* padding: 3em 0px; */
}

.intro-content {
  padding: 5em 0em 5em 4em;
}
.intro-content h2 {
  font-size: 55px;
  color: #383838;
  font-family: Muli-Bold;
}
.intro-content p {
  font-size: 16px;
  color: #555;
  padding: 0px 8px;
  margin-bottom: 0px;
  font-family:Muli-Regular;
}
.intro-content .introbtn {
  background-color: #6C3D96;
  padding: 12px 30px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  border: none;
  position: relative;
  top: 2em;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.intro-content .introbtn:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.savecard {
  margin-top: 0.5em;
}

.savecard input[type=checkbox] {
	opacity: 0;
	float: right;
  display: none;
}

.savecard input[type=checkbox]+label span {
	display: inline-block;
	width: 18px;
	height: 19px;
	margin: -1px 5px 0 0;
	vertical-align: middle;
	background: url(../images/check_radio_sheet.png) left top no-repeat!important;
	background-size: 76px 19px;
	cursor: pointer;
	position: relative;
	top: -1px;
}

.savecard input[type=checkbox]+label {
	color: #000;
	line-height: 30px;
	font-size: 11px;
	width: 100%;
  padding: 0px 10px;
	font-family:Muli-Regular;
	display: inline-block;
	cursor: pointer
}
 
.savecard input[type=checkbox]:checked+label span {
	background: url(../images/check_radio_sheet.png) -19px top no-repeat!important;
	background-size: 76px 19px
}


.overview-section {
  background-color: #f0f0f0;
  margin-bottom:2em;
}


/* -------process tab code start------ */

.showtab {
	width: 100%;
  border: 1px solid #ccc;
  margin: 0px 0px;
  background-color: #DED5E7;
  padding: 0.3em 0px 3em 0px;
}
.showtab .disable {
	display: none;
}

.showtab .show {
	display: block;
}

  .checkout {
	display: flex;
	width: 90%;
  margin: 5px auto;
	padding-left: 0;
	padding-top: 0em;
	font-family: Monda;
	text-align: center;
	list-style: none;
  }
  .checkout .step {
	flex: 1 1 100%;
	height: 20px;
	position: relative;
  }
  .checkout .step:before,
  .checkout .step:after {
	position: absolute;
	content: '';
	top: 50%;
	transform: translateY(-1px);
	border-bottom: 2px solid #afb3b9;
	z-index: 1;
  }
  .checkout .step:before {
	left: 0;
	right: 50%;
  }
  .checkout .step:after {
	left: 50%;
	right: 0;
  }
  .checkout .step:first-child:before {
	left: 50%;
  }
  .checkout .step:last-child:after {
	right: 50%;
  }
  .checkout .step-icon {
	display: inline-block;
	width: 26px;
  /* color: #fff;
  font-family: Muli-Regular;
  font-size: 14px; */
	height: 26px;
	background: #fff;
	border-radius: 50%;
	/* border: 1px solid #afb3b9; */
	position: relative;
	z-index: 9;
  top: -4px;
  line-height: 25px;
  }

  .checkout .step.active .step-icon {
    color: #fff;
    font-family: Muli-Regular;
    font-size: 13px;
    background-color: #6C3D96;
  }

  .checkout .step.show .step-icon {
    color: #0E478A;
    font-family: Muli-Regular;
    font-size: 13px;
    background-color: #fff;
  }

  .checkout .step.completed .step-icon {
    color: #6C3D96;
    font-family: Muli-Regular;
    font-size: 13px;
  }

  .checkout .step.completed .step-label {
    font-family: Muli-Bold;
    font-size: 13px;
    color: #000;
    text-align: center;
  }

  .checkout .step.active .step-label {
    font-family: Muli-Bold;
    font-size: 13px;
    color: #000;
    text-align: center;
  }

  .checkout .step.show .step-label {
    font-family: Muli-Regular;
    font-size: 13px;
    color: #000;
    text-align: center;
  }

  /* .checkout .step.active .step-icon:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(0.66666667);
	background: #fff;
	border-radius: 50%;
  } */
  .checkout .step.completed:after,
  .checkout .step.completed + li:before {
	border-color: #6C3D96;
  }
  .checkout .step.completed .step-icon {
	background: #6C3D96;
	border-color: #6C3D96;
  }
  .checkout .step.completed .step-icon:after {
	position: absolute;
	content: '';
	top: 45%;
	width: 60%;
	height: 35%;
  margin-left: -4px;
	transform: translate(-50%, -50%) rotate(-45deg);
	background: transparent;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
  }
  .checkout .step-label {
	position: absolute;
	top: 2.2em;
	left: 50%;
	font-size: 14px;
	font-family:robot-thin;
	transform: translateX(-50%);
	color: #99a4ac;
	font-weight: normal;
	text-transform: uppercase;
	white-space: nowrap;
	visibility: hidden;
  }
  /* .checkout .step.active .step-label {
	color: #405560;
	font-weight: bold;
	visibility: visible;
  } */
  .checkout .step:not(.active) .step-label {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  @media screen and (min-width: 240px) {
	.checkout .step-label {
	  visibility: visible;
	}
  }

/* -------process tab code end------ */


.overview-main {
  width: 40%;
  margin: 1em auto 2em;
  text-align: center;
}
.overview-main h2 {
  font-size: 22px;
  text-align: center;
  margin: 0.3em 0px 0.3em 0px;
  font-family: Muli-SemiBold;
}

.selectproductpriceinput {
  font-size: 22px;
  font-family: Muli-Bold;
  color: #6c3d96;
  background-color: #fff;
  padding: 6px 0px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #bdbdbd;
  border: none;
  width: 100%;
  margin-bottom: 1em;
}

.branemibtn {
  width: 100%;
  display: block;
}
.branemibtn a {
  background-color: #6C3D96;
  padding: 10px 30px;
  font-size: 22px;
  color: #fff;
  border: none;
  width: 64%;
  float: right;
  display: block;
  text-align: center;
  text-decoration: none;
  margin:0px auto;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.branemibtn a:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.verifytxt {
  width: 100%;
  display: block;
}

.verifytxt h2 {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #383838;
  /* margin: 1.3em 0px 0.3em 0px; */
  margin: 0.4em 0px 0em 0px;
  font-family: Muli-SemiBold;
}


.overview-main h2 p {
  font-size: 14px;
  text-align: center;
  color: #000;
  padding-top: 4px;
  font-family: Muli-SemiBold;
}


.formbox {
  background-color: #fff;
  padding: 0.5em 5em;
  border-radius: 20px;
  box-shadow: 0px 1px 3px #ccc;
  margin-bottom: 1.5em;
}
.cardfield {
  width: 100%;
  position: relative;
  background: #fff;
  margin-bottom: 6px;
  margin-top: 6px;
}

.notetxt {
  font-size: 14px;
  text-align: left;
  font-family: Muli-Regular;
  color: #3A2250;
  padding: 5px 14px;
  margin-top: -24px;
}
.errortxt {
  font-size: 11px;
  text-align: left;
  font-family: Muli-Light;
  color: #ff0000;
  display: block;
  padding: 2px 10px 0px 10px;
  margin-bottom: 0px;
}

.errortxt-otp {
  font-size: 12px;
  text-align: left;
  font-family: Muli-Light;
  color: #E68C02;
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 5px 10px;
}

.gotomain a {
  font-family: Muli-Regular;
  color: #6C3D96;
  font-size: 13px;
  display: block;
  padding-bottom: 5px;
}

.cardfield label {
  font-size: 14px;
  color: #383838;
  background-color: #fff;
  float: left;
  position: absolute;
  left: 33px;
  top: -10px;
  padding: 0px 10px; 
}
.cardfield select {
  height: 55px;
  font-size: 16px;
  color: #777;
  padding-left: 60px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family:Muli-Regular;
}

.cardfield input {
  height: 55px;
  font-size: 16px;
  color: #777;
  width: 100%;
  padding-left: 60px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family:Muli-Regular;
}


.selectpginput {
  margin-bottom: 1.4em;
}

/* .selectarrow::after {
  content: "▼";
  text-align: center;
  line-height: 32px;
  position: absolute;
  width: 30px;
  height: 24px;
  color: #6C3D96;
  background: #fff;
  right: 2px;
  top: 9px;
  pointer-events: none;
  border-top-right-radius:25px;
  border-bottom-right-radius:25px;
} */


.input-group-cvv {
  text-align: center;
position: absolute;
left: 10px;
/*cursor: pointer;*/
top:5px;
width: 50px;
height: 40px;
z-index: 99;
}

.input-group-cvv img {
height: 18px;
position: relative;
top: 5px;
left: -5px;
}

.requiredtxt {
  padding: 15px 20px;
  background: rgb(255,255,255);
  text-align: left;
}

.requiredtxt ul {
  font-size: 14px;
  font-family: Muli-Regular;
  color: #000;
  padding-left: 15px;
}
.requiredtxt ul li {
  list-style-type: disc;
}
.requiredtxt ul ul li {
  list-style-type: circle;
}

.requiredbox {
  padding: 15px 40px;
  background: rgb(255,255,255);
  text-align: left;
  border-radius: 20px;
  margin-top: 1em;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(214,194,232,1) 100%); 
}
.requiredbox h3 {
  font-size: 18px;
  font-family: Muli-Bold;
  color: #000;
}
.requiredbox ul {
  font-size: 14px;
  font-family: Muli-Regular;
  color: #000;
  padding-left: 15px;
}
.requiredbox ul li {
  list-style-type: disc;
}
.requiredbox ul ul li {
  list-style-type: circle;
}
.formbox .overviewbtn {
  background-color: #6C3D96;
  padding: 8px 30px;
  font-size: 18px;
  color: #fff!important;
  border: none;
  width: 100%;
  display: block;
  text-decoration: none;
  margin-top: 0.6em;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.formbox .overviewbtn:hover {
  background-color: #6f28ad;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.detailcheck {
  text-align: left;
  margin-top:-2px;
}


.searchbox {
  background-color: #fff;
  padding: 1.5em 5em;
  border-radius: 20px;
  box-shadow: 0px 1px 3px #ccc;
}

.searchfield {
  width: 100%;
  position: relative;
  background: #fff;
  margin-bottom: 6px;
  margin-top: 6px;
}
.searchfield input {
  height: 50px;
  font-size: 16px;
  color: #777;
  width: 100%;
  padding-left: 60px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family:Muli-Regular;
}

.searchicon {
  text-align: center;
position: absolute;
left: 10px;
cursor: pointer;
top:6px;
width: 50px;
height: 45px;
}

.searchicon img {
height: 22px;
position: relative;
top: 5px;
}

.bankheading {
  font-family:Muli-Semibold;
  font-size: 14px;
  height: 40px;
  width: 100%;
  line-height: 25px;
  border-radius: 25px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0px 1px 4px #ccc;
  padding: 7px 25px;
  margin: 1.0em 0px;
}
.popularbanklist {
  width: 100%;
  padding: 5px;
}
.popularbanklist ul {
  width: 100%;
  display: flow-root;
  padding: 0px;
  margin-bottom: 0px;
}

.popularbanklist ul li {
  list-style-type: none;
  float: left;
  width: 20%;
  margin-top: 1em;
  text-align: center;
}
.popularbanklist li img {
  height: 45px;
  border: 1px solid #ccc;
  padding: 5px;
}
.popularbanklist li span {
  display: block;
  font-family: Muli-Regular;
  font-size: 12px;
  padding-top: 5px;
}

.otherbanklist {
  width: 100%;
  padding: 5px;
}
.otherbanklist ul {
  width: 100%;
  display: flow-root;
  padding: 0px;
  margin-bottom: 0px;
}

.otherbanklist ul li {
  list-style-type: none;
  text-align: left;
  height: auto;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
.otherbanklist ul li img {
  height: 18px;
  padding-right: 15px;
}
.otherbanklist ul li a {
  font-family: Muli-Regular;
  font-size: 12px;
  color: #333;
  text-decoration: none;
}
.otherbanklist ul li a:hover {
  color: #000;
  text-decoration: underline;
}
.otherbanklist ul li:last-child {
  border-bottom: none;
}

.kycbox {
  padding: 1.5em 2em;
  border-radius: 20px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 54%, rgba(214,194,232,1) 100%); 
  box-shadow: 0px 1px 3px #ccc;
}
.kycrequiredbox {
  padding: 1px 0px 5px 0px;
  text-align: left;
  border-radius: 20px;
}
.kycrequiredbox h3 {
  font-size: 18px;
  font-family: Muli-Bold;
  color: #000;
}
.kycrequiredbox ul {
  font-size: 14px;
  font-family: Muli-Regular;
  color: #000;
  padding-left: 15px;
}
.kycrequiredbox ul li {
  list-style-type: disc;
}
.kycrequiredbox ul ul li {
  list-style-type: circle;
}
.uploadlist {
  width: 100%;
}
.uploadlist ul {
  display: flex;
  padding: 5px 0px;
  border: 1px solid #ccc;
  border-radius: 15px;
}
/*.uploadlist ul li:first-child {
  width: 25%;
  float: left;
}
.uploadlist ul li:last-child {
  width: 50%;
  float: left;
  margin-left: 15px;
}*/


.uploadlist ul li:nth-child(1) {
    width: 0%;
    float: left;
}
.uploadlist ul li:nth-child(2) {
    width: 35%;
    float: left;
}
.uploadlist ul li:nth-child(2) strong {
    text-align:center;
    vertical-align: middle;
    padding-top: 16px;
    display: block;
 }
.uploadlist ul li:nth-child(3) {
    width: 15%;
    float: left;
}
.uploadlist ul li:nth-child(4) {
    width: 15%;
    float: left;
}
.uploadlist ul li:nth-child(5) {
    width: 25%;
    float: left;
}
.uploadlist .file {
  border: 1px solid #ccc;
  width: 60px;
  height: 59px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.uploadlist .file:hover {
  background-color: #eee;
}
.uploadlist .file img {
  height: 22px;
  position: relative;
  top: 16px;
  cursor: pointer;
}
.uploadlist .file input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

.uploadlist button {
  background-color: #6C3D96;
  padding: 10px 30px;
  font-size: 16px;
  color: #fff;
  border: none;
  margin-top: 8px;
  width: 100%;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.uploadlist button:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.uploadkyc .notetxt {
  font-family: Muli-Regular;
  font-size: 14px;
  color: #333;
  text-align: left;
}
.marup {
  margin-bottom: 5px;
}


.attachfile {
  width: 100%;
  padding: 10px 20px;
  height: 50px;
  margin: 20px 0px;
  font-size: 17px;
  color: #82AD52;
  background-color: #fff;
  font-family: Muli-Regular;
  border: 1px solid #ccc;
  border-radius: 25px;
  text-align: left;
}
.attachfile img {
  height: 20px;
  padding-right: 25px;
}
.attachfile button {
  float: right;
  background-color: #fff;
  box-shadow: none;
  border: none;
  font-size: 28px;
  color: #82AD52;
  font-family: Muli-Bold;
  position: relative;
  top: -8px;
  height: 38px;
}

.attachfile .filebtn {
  float: right;
  color: #333;
  font-size: 15px;
  padding: 2px 10px;
  border: 1px solid #ccc;
  margin-left: 12px;
  border-radius: 5px;
}
.attachfile .filebtn:hover {
  background-color: #f1f1f1;
}

.uploadkyc h3 {
  font-family: Robot-Medium;
  font-size: 22px;
  color: #6C3D96;
  margin: 0.5em 0px;
  text-align: left;
}

.uploadkyc .doculocktxt {
  font-family: Muli-Regular;
  font-size: 14px;
  color: #333;
  text-align: left;
  padding: 0px 10px;
}
.uploadkyc .doculocktxt img {
  height: 16px;
  padding-right: 10px;
  position: relative;
  top: -1px;
}

.uploadkyc .overviewbtn {
  background-color: #6C3D96;
  padding: 8px 30px;
  font-size: 20px;
  color: #fff;
  border: none;
  /* margin-top: 0.6em; */
  width: 50%;
  margin: 10px auto;
  display: block;
  text-decoration: none;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.uploadkyc .overviewbtn:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.congratulation-main {
  width: 40%;
  margin: 2em auto;
  text-align: center;
}

.congratubox {
  background-color: #fff;
  padding: 1.0em 0.5em;
  border-radius: 20px;
  box-shadow: 0px 1px 3px #ccc;
}
.congratubox a {
  font-family: Muli-Regular;
  color: #6C3D96;
  font-size: 13px;
  display: block;
}
.congratubox a:hover {
  text-decoration: none;
  color: #6f28ad;
}


.congratubox .icon {
  height: 40px;
}

.congratubox h2 {
  font-family: Muli-Bold;
  font-size: 33px;
  color: #66C136;
  margin-bottom: 10px;
  text-align: center;
  padding-top:10px;
}
.congratubox .contxt1 {
  font-size: 20px;
  font-family: Muli-Light;
  color: #383838;
  padding-top: 10px;
}
.congratubox .contxt2 {
  font-size: 16px;
  font-family: Muli-Regular;
  color: #6C3D96;
  width: 65%;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid #6C3D96;
  padding: 5px 20px;
}
.congratubox .contxt3 {
  font-size: 16px;
  font-family: Muli-Regular;
  color: #767479;
  width: 65%;
  margin: 0 auto;
  padding: 5px 20px;
}
.congratubox .congpic {
  width: 50%;
}

.congratubox .regcongpic {
  height: 300px;
  margin-bottom: 0em;
}

.bonuslogo img {
  height: 50px  ;
  margin-bottom: 10px;
}
/* .bonuslogo img {
  height: 80px;
  margin-bottom: 10px;
} */

.login-form h2 {
  color: #000;
  font-family: Muli-SemiBold;
font-size: 22px;
}

.logomargin {
  margin-left: 30px;
}
.loginbtn {
  background-color: #fff;
  padding: 6px 20px;
  font-size: 14px;
  color: #6C3D96;
  text-decoration: none;
  margin-right: 30px;
  font-family: Muli-Semibold;
  border-radius: 20px;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.loginbtn:hover {
  background-color: #f1f1f1;
  color: #000;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.kyc-intro {  
  padding: 2em 0em 1em 2em;
}
.kycdiv {
  padding-top: 8em;
}
.kycintro-right {
  width: 400px;
  height: 399px;
  margin: 0 auto;

}

.validicon {
  text-align: center;
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 8px;
  width: 50px;
  height: 45px;
}

.validicon img {
  height: 15px;
  position: relative;
  top: 6px;
  right: -15px;
}

.validicon-pg {
  text-align: center;
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 8px;
  width: 30px;
  height: 45px;
}

.validicon-pg img {
  height: 15px;
  position: relative;
  top: 5px;
  right: -0px;
}


.validicon-otp {
  text-align: center;
  position: absolute;
  right: -30px;
  cursor: pointer;
  top: -1px;
  width: 50px;
  height: 45px;
}

.validicon-otp img {
  height: 18px;
  position: relative;
  top: 10px;
}

.noteicon {
  text-align: center;
  position: absolute;
  right: 20px;
  cursor: pointer;
  top: -19px;
  width: 30px;
  height: 25px;
}

.noteicon img {
  height: 18px;
  position: relative;
  top: 5px;
}

.noteicon img:hover {
  opacity: 0.6;
}

/* input stylist design code start */

/* .group 			  { 
  position:relative; 
  margin-bottom:3em; 
}
.group input 				{
  height: 55px;
  font-size: 16px;
  color: #6C3D96;
  width: 100%;
  display: block;
  padding-left: 60px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family: Muli-Regular;
}
.group input:focus {
  outline:none;
}

.group select 				{
  height: 55px;
  font-size: 16px;
  color: #777;
  display: block;
  padding-left: 60px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family: Muli-Regular;
}
.group select:focus {
  outline:none;
}

.group 			  { 
  position:relative; 
  margin-bottom:3em; 
}

.group label {
  font-size: 17px;
  color: #C9C9C9;
  position:absolute;
  pointer-events:none;
  left:4.5em;
  top:0.8em;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.group input:focus ~ label, .group input:valid ~ label 		{
  top:-12px;
  left: 35px;
  font-size: 14px;
  padding: 0px 10px;
  color: #383838;
  background-color: #fff;
}

.group select:focus ~ label, .group select:focus ~ label 		{
  top:-12px;
  left: 35px;
  font-size: 14px;
  padding: 0px 10px;
  color: #383838;
  background-color: #fff;
}

.group .ff:valid ~ label 		{
  top:-12px;
  left: 35px;
  font-size: 14px;
  padding: 0px 10px;
  color: #383838;
  background-color: #fff;
} */

.frmheight {
  height: 90vh;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5;
}

.form-group {
  display: flex;
  margin-bottom: 0.3em;
  margin-top: 0.6em;
  position: relative;
}

.form-group input {
  height: 50px;
font-size: 14px;
color: #6C3D96;
width: 100%;
padding-left: 50px;
border: 2px solid #D6C2E8;
border-radius: 30px;
font-family: Muli-Regular;
}


.form-group input::-webkit-input-placeholder, 
.form-group input:-moz-placeholder {
    color:red;
}

.form-group input::-webkit-outer-spin-button,
.form-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  color: #ff0000;
}

/* Firefox */
.form-group input[type=number] {
  -moz-appearance: textfield;
}

.form-group select {
  height: 50px;
font-size: 14px;
color: #777;
width: 100%;
background-color: #fff;
padding-left: 50px;
border: 2px solid #D6C2E8;
border-radius: 30px;
font-family: Muli-Regular;
background: url(../images/caret-down-solid.svg) no-repeat 96% 55% #fff;
-webkit-appearance: none;
}

.form-group select option {
  /*font-family: Muli-Regular;*/
  font: -moz-pull-down-menu;
  font-family: system-ui;
  font-size: 14px;
  padding-top: 5px;
  -webkit-appearance: none;
} 



.setoption {
  padding: 10px 0px;
  font-size: 20px;
}





/* select, option {
  font-family: Muli-Regular;
} */

.form-group .control-label {
  font-size: 14px;
  color: #777;
  font-family: Muli-Regular;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transform: translate3d(0, 22px, 0) scale(1);
  transform-origin: left top;
  transition: 240ms;
  line-height: 29px;
  margin-top: -13px;
  margin-left: 55px;
}


.form-group.focusedfix .control-label {
    opacity: 1 !important;
    transform: scale(0.75);
    color: #000;
    font-size: 16px;
    font-family: Robot-Regular;
    margin-top: -10px;
    margin-left: 32px;
    background-color: #fff;
    padding: 0px 10px;
    z-index: 99;
    width: max-content;
}

.form-group.focused .control-label {
    opacity: 1;
    transform: scale(0.75);
    color: #000;
    font-size: 16px;
    font-family: Robot-Regular;
    margin-top: -10px;
    margin-left: 32px;
    background-color: #fff;
    padding: 0px 10px;
    z-index: 99;
    width: max-content;
}

/* .formbox .form-group input:focus-visible {
    border: 2px solid #6619AB;
    -webkit-border: 2px solid #6619AB;
    -moz-border: 2px solid #6619AB;
    color: #000;
    font-weight: normal;
} */

.form-group input:focus-visible {
  outline: 1px solid #6619AB !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #000;
  border:2px solid #6619AB;
  font-weight: normal;
}

.form-group select:focus-visible {
  outline: 1px solid #6619AB !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #000;
  border:2px solid #6619AB;
  font-weight: normal;
}

.form-bonus {
  align-self: flex-end;
}

.form-bonus::-webkit-input-placeholder {
  color: transparent;
  transition: 240ms;
}

.form-bonus:focus::-webkit-input-placeholder {
  transition: none;
}

.form-group.focused .form-bonus::-webkit-input-placeholder {
  color: #bbb;
}
.pendingbtn {
  color: #E68C02;
  font-family: Muli-Regular;
  font-size: 14px;
  padding-left: 20px;
}

.pendingbtn:hover {
  color: #fff;
}

.noteboxpop .modal-dialog {
  margin-top: 13em;
}

.noteboxpop h4 {
  width: 100%;
  text-align: center;
}

/* input stylist design code end */


.opacityup {
  opacity: 1.0!important;
  pointer-events: visible!important;
}
.opacitydown {
  opacity: 0.5;
  pointer-events: none;
}

.validationlistbox {
  background-color: #fff;
  border-radius:20px;
  padding: 10px 20px;
  margin-left: 50px;
  max-width: 500px;
  box-shadow: 0px 2px 4px #ccc;
}
.validationlistbox h2 {
  font-size: 20px;
  color: #6C3D96;
  font-weight: bold;
  font-family: Muli-Bold;
}
.validationlistbox ul {
  margin-top: 1em;
}
.validationlistbox ul li {
  list-style-type: disc;
  color: #ff0000;
  font-size: 16px;

}


/* --- Loader entre les pages (transition) --- */

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgb(255, 255, 255,0.9);
	z-index: 1000;
	opacity: 1;
  }
  #loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 500px;
	border: 4px solid transparent;
	/* border-top-color: #19C785; */
  border-top-color: #6c3d96;
	-webkit-animation: spin 2s linear infinite;
			animation: spin 2s linear infinite;
	z-index: 1001;
  }
  #loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 500px;
	border: 4px solid transparent;
	/* border-top-color: #6CE94A; */
  border-top-color: #d6c2e8;
	-webkit-animation: spin 3s linear infinite;
			animation: spin 3s linear infinite;
  }
  #loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 500px;
	border: 4px solid transparent;
	/* border-top-color: #E9C834; */
  border-top-color: #c88bfe;
	-webkit-animation: spin 1.5s linear infinite;
			animation: spin 1.5s linear infinite;
  }
  
  /* Loaded */
  .loaded #loader {
	opacity: 0;
	-webkit-transition: opacity 1s ease-out;
			transition: opacity 1s ease-out;
  }
  .loaded #loader-wrapper {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }
  
  
  /* --- Keyframes --- */
  @-webkit-keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  @keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  
  
  
  /* JavaScript Turned Off */
  
  .no-js #loader-wrapper {
	display: none;
  }



.otpbox {
  width: 100%;
  position: relative;
}
.otpbox ul {
  padding-left: 0px;
  display: flex;
  margin:0 auto;
  width: 95%;
}

/* .otpbox ul li {
  float: left;
  width: 16%;
  margin: 0 10px;
} */
.otpbox ul input {
  height: 50px;
  width: 16%;
  margin: 0 10px;
  color: #ff0000;
  text-align: center;
  font-size: 18px;
  font-family: Muli-SemiBold;
  font-weight: bold;
}

/* .otpbox ul {
  padding-left: 0px;
  display: flex;
  margin:0 auto;
  width: 95%;
}

.otpbox ul li {
  float: left;
  width: 16%;
  margin: 0 10px;
}
.otpbox ul li input {
  width: 100%;
  height: 50px;
  color: #ff0000;
  text-align: center;
  font-size: 18px;
  font-family: Muli-SemiBold;
  font-weight: bold;
} */

.otpbox ul li img {
  height: 20px;
  position: relative;
  top: 5px;
}
.otptxt {
  font-size: 18px;
  text-align: left;
  width: 90%;
  font-family: Muli-Regular;
  display: block;
  padding: 8px 25px;
}
.otperror {
  font-size: 14px;
  text-align: left;
  width: 100%;
  font-family: Muli-Regular;
  color: #ff0000;
  display: block;
  padding: 8px 25px;
}
.otperror a {
  float: right;
  color: #767479;
  text-decoration: none;
  font-family: Muli-SemiBold;
}
.otperror a:hover {
  text-decoration: underline;
  color: #333;
}

/* Registraion Pg Page start code */


.pgregistration-main {
  width: 40%;
  margin: 1em auto;
  text-align: center;
}

.pgregistrationbox {
  background-color: #fff;
  padding:0px;
  box-shadow: 0px 1px 3px #ccc;
  padding-bottom: 1.6em;
}

.pgregistrationbox h3 {
  font-size: 20px;
  margin: 15px 0px;
  font-family: Muli-Bold;
  color: #6C3D96;
}

.pgregistrationbox h2 {
  font-family: Muli-Bold;
  font-size: 30px;
  color: #66C136;
  margin-bottom: 10px;
  text-align: center;
  padding-top: 10px;
}
.pgregistrationbox .checklogo {
  height: 40px;
  margin-top: 2em;
}

.pgregistrationbox .pymsucesstxt {
  font-size: 12px;
  color: #666;
}
.pgregistrationbox .pgcongpic {
  height: 200px;
  margin-bottom: 1em;
}


.pglogobrand {
  padding: 8px 10px;
  width: 100%;
  background-color: #6C3D96;
}
.pglogobrand img {
  height: 35px;
}


.pgorderdetails {
  padding: 10px 40px;
  background: rgb(255,255,255);
  text-align: left;
  border-radius: 10px;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(214,194,232,1) 100%);
  width: 90%;
  margin: 0 auto;
  border: 1px solid #ccc;
}

.ordtxt {
  padding: 1px;
}
.ordtxt p {
  font-size: 14px;
  font-family: Muli-Bold;
  color: #6C3D96;
  margin-bottom: 4px;
}
.ordtxt span {
  font-size: 14px;
  font-family: Muli-Light;
  color: #333;
  display: block;
}
.brbtm {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.extbold {
  font-size: 16px!important;
}


.pyttxt {
  padding: 1px;
}
.pyttxt p {
  font-size: 15px;
  font-family: Muli-Bold;
  color: #000;
  text-align: left;
  margin-bottom: 0px;
}
.pyttxt span {
  font-size: 13px;
  font-family: Muli-Light;
  color: #000;
  display: block;
}

.totalpaid {
  padding: 5px 10px;
  background-color: #D6C2E8;
  border-radius: 35px;
  width: 90%;
  text-align: center;
  font-family: Muli-Bold;
  color: #6C3D96;
  font-size: 16px;
  margin: 1em auto;
}

.totalpaid span {
  font-size: 25px;
  padding-left: 20px;
}

.finalpaid {
  padding: 5px 50px;
  background-color:#6C3D96;
  border-radius: 35px;
  width: 90%;
  text-align: right;
  font-family: Muli-Bold;
  color: #fff;
  font-size: 30px;
  display: block;
  border: none;
  text-decoration: none;
  margin: 1em auto 0.2em 1em;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.finalpaid:hover {
  background-color:#7a3fad;
  color: #fff;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.finalpaid span {
  font-size: 20px;
  font-family: Muli-Regular;
  padding: 0px 0px;
  float: left;
  position: relative;
  top: 8px;
}

.newtcurl {
  padding-left: 5px;
}
.newtcurl a {
    font-family: Muli-Regular;
  font-size: 10px;
  color: #333;
  text-decoration: none;
}
.newtcurl a:hover {
text-decoration: underline;
}


.tab-group {
  border-radius: 8px;
  margin: 4vh auto 0;
  width: 90%;
  overflow: hidden;
}

.tab input[id^=tab] {
  display: block;
  position: absolute;
  margin-top: 24px;
  margin-left: 10px;
}
.tab label {
  /* background: green; */
  color: #6C3D96;
  text-align: left;
  display: block;
  cursor: pointer;
  font-size: 16px;
  font-family: Muli-Bold;
  margin-bottom: 3px;
  transition: opacity 0.15s;
  border-bottom: 1px solid #ccc;
  padding: 15px 40px;
}
.tab label:hover {
  opacity: 0.5;
}

.tab label img {
  padding-right: 15px;
  height: 21px;
  position: relative;
  top: 0px;
}

.tab-content {
  padding: 0 10px;
  height: 0;
  /* overflow: hidden; */
  transition: height 0.3s;
  line-height: 1.3;
}

.tab:last-child label {
  margin-bottom: 0;
}

input[id^=tab]:checked ~ .tab-content {
  height: auto;
}

.pgcard {
  background-color: #F8F5FC;
  border-radius: 25px;
  padding: 10px 20px;
  margin-top: 10px;
}

.pgcard input {
  height: 50px;
  font-size: 14px;
  color: #6C3D96;
  width: 100%;
  padding-left: 60px;
  border: 1px solid #D6C2E8;
  border-radius: 30px;
  margin-bottom: 2px;
  font-family: Muli-Regular;
}
.pgcard .errortxt {
  margin-bottom: 0px;
}

.pgcard .pgselect {
  position: relative;  
}

.pgcard .pgselect select {
    height: 50px;
    font-size: 14px;
    color: #6C3D96;
    width: 100%;
    background-color: #fff;
    padding: 0px 12px;
    border: 1px solid #D6C2E8;
    border-radius: 30px;
    text-align: left;
    margin-bottom: 10px;
    font-family: Muli-Regular;
}
.pgcard .pgselect select option {
  font-family: Muli-Regular;
}

.pgcard .pgselect::after {
  content: "▼";
  text-align: center;
  line-height: 32px;
  position: absolute;
  width: 30px;
  height: 24px;
  color: #6C3D96;
  background: #fff;
  right: 5px;
  top: 9px;
  pointer-events: none;
  border-top-right-radius: 25px;
}

.pgcard .form-group .control-label {
  padding: 0px 5px;
  border: none;
}

.pgcard .input-group-icon {
  text-align: center;
  position: absolute;
  left: 7px;
  cursor: pointer;
  top: 10px;
  color: #6C3D96;
  width: 50px;
  height: 40px;
  font-size: 20px;
}

.pgcard .form-group select {
  padding-left: 50px;
}
.pgcard .selectarrow  {
  margin-top: 10px;
}

.pgnote {
  font-size: 13px;
  text-align: left;
  font-family: Muli-Light;
  color: #333;
  text-align: center;
  padding: 5px 20px;
}

.paysucdetails {
  margin: 0px 2em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
}

/* Registraion Pg Page start start */


/* Transaction Failder Page code start */

.transfailedbox {
  padding: 2em 0px 0px 0px;
}
.transfailedbox .txnfailicon { 
  height: 50px;
}

.transfailedbox h4 {
  font-size: 25px;
  margin: 15px 0px;
  font-family: Muli-Bold;
  color: #6C3D96;
}
.pgregistrationbox .failtxt {
  font-size:14px;
  color: #333;
  font-family: Muli-Regular;
  padding: 0px 10px;
}
.transfailedbox ul {
  list-style-type: none;
  padding: 0.5em 0px;
  width: 60%;
  margin: 0 auto;
}
.transfailedbox ul li {
  font-family: Muli-Regular;
  font-size: 14px;
  display: flex;
  color: #666;
  line-height: 30px;
  font-weight: normal;
  margin: 0 auto;
}
.transfailedbox ul li span {
  font-family: Muli-Bold;
  font-size: 16px;
  color: #000;
  text-align: right;
  font-weight: normal;
  padding: 0em 1em;
  width: 160px;
}
.transfailedbox ul li small {
  padding-left: 1em;
}
.transfailedbox button {
  background-color: #6C3D96;
  padding: 10px 30px;
  font-size: 20px;
  color: #fff!important;
  border: none;
  text-decoration: none;
  margin-top: 0.6em;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.transfailedbox button:hover {
  background-color: #6f28ad;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.transfailedbox table {
  width: 80%;
  font-size: 16px;
  font-family: Muli-Regular;
  color: #333;
  text-transform:none;
}
.transfailedbox table tr {
  border-bottom: 1px solid #fff;
}
.transfailedbox table td:nth-child(1) {
  text-align: right;
  font-family: Muli-Bold;
}
.transfailedbox table td:nth-child(3) {
  text-align: left;
}


/* Transaction Failder Page code end */



/* Bonusone Dashboard EMI Sale section code start */

.dashboardview {
  padding: 2em 0px;
}

.dashboardview  h2 {
  color: #6C3D96;
  font-family: Robot-Bold;
  font-size: 25px;
  padding:0px 15px;
} 

.dashboardview ul {
  padding-left: 0px;
  list-style-type: none;
  display: flow-root;
  margin-top: 0em;
}
.dashboardview ul li {
  float: left;
}

.dashmenubox {
  background-color: #fff;
  border-radius: 20px;
  width: 180px;
  height: 165px;
  margin: 10px;
  position: relative;
  border: 2px solid #fff;
  text-align: center;
  padding: 2em 0px;
  display: block;
  box-shadow: 0px 1px 4px #ccc;
  text-decoration: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.dashmenubox:hover {
  border: 2px solid #6C3D96;
  color: #6C3D96;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.dashmenubox img {
  height: 50px
}
.dashmenubox p {
  font-family: Robot-Regular;
  color: #3A2250;
  font-size: 20px;
  padding-top: 1em;
}

.subnav-menubar a img {
  height: 28px;
  margin-bottom: 4px;
}

.backmenucurm {
  padding: 0.3em 6.5em;
}
.backmenucurm i {
  font-size: 13px;
  color: #515B64;
  position: relative;
  top: 0px;
  background-color: rgb(245, 245, 245);
  width: 30px;
  height: 24px;
  text-align: center;
  padding-top: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0px 1px 3px #ccc;
  margin-right: 10px;
}
.backmenucurm a {
  color: #6C3D96;
  font-size: 13px;
  text-decoration: none;
  font-family: Muli-SemiBold;
}
.backmenucurm a:hover {
  text-decoration: underline;
} 
.backmenucurm a i:hover {
  text-decoration: none;
  background-color: #fff;
} 

/* Bonusone Dashboard EMI Sale section code end */


/* bank slider code start */
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: -30px;
}
.owl-nav button.owl-next {
  right: -48px;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
  display: none;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* background: rgba(255, 255, 255, 0.38) !important; */
}
.owl-nav span {
  font-size: 55px;
  position: relative;
  background-color: #fff;
  top: -5px;
  border: 1px solid #ccc;
  width: 40px;
  height: 39px;
  display: block;
  border-radius: 50%;
  line-height: 23px;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.owl-nav span:hover {
  background-color: #6c3d96;
  color: #fff;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
} 

.owl-nav button {
  /* background-color: #f0f0f0 !important; */
}

/* .slidermar .owl-next span {
  position: relative;
  right: -75px;
} */

.owl-nav button:focus {
    outline: none;
}


.bankselectbox {
  width: 100%;
  height: 90px;
  background-color: #fff;
  display: block;
  text-align: center;
  padding: 1.5em 0.5em 1.5em 0.5em;
  margin: 1em;
  text-decoration: none;
  box-shadow: 0px 0px 4px #ccc;
  border: 5px solid #eee;
}

.bankselectbox img {
  height: auto;
  width: 79% !important;
  margin: 0 auto;
}

.bankselectbox span {
  font-family: Muli-Bold;
  font-size: 14px;
  color: #004C8F;
  text-decoration: none;
  position: absolute;
  display: block;
  text-align: center;
  width: 80%;
}

.selectbank {
  border: 5px solid #6c3d96;
}

.selectbank::after {
  /* content: "▼"; */
  content: "\2713";
  text-align: center;
  line-height: 22px;
  border-radius: 50%;
  position: absolute;
  width: 24px;
  height: 24px;
  color: #fff;
  background: #6C3D96;
  bottom: 9px;
  font-weight: bold;
  font-size: 16px;
  pointer-events: none;
  left: 53%;
}

.slidermar {
  margin-left: 20px;
}

/* .emiselectbanktable {
  display: inline-table;
} */

.emi-table {
  width: 97%;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 48px;
  box-shadow: 0px 0px 4px #ccc;
  margin-top: 20px;
}
.emi-table > tbody > tr:nth-of-type(2n+1) {
  background-color: #ECEDEE;
  height: 50px;
  line-height: 30px;
}
.emi-table > tbody > tr {
  background-color: #fff;
  height: 50px;
  line-height: 30px;
}

.emi-table > thead {
  background-color: #fff;
}
.emitr1 {
  width: 100px;
}

.emi-table > thead > tr > th {
  font-family: Muli-SemiBold;
  font-size: 14px;
  color: #6C3D96;
}

.emibtn {
  text-align: center;
  margin: 1em 0px 3em 0px;
}

.emibtn a {
  background-color: #6C3D96;
  padding: 10px 30px;
  font-size: 22px;
  color: #fff;
  border: none;
  width: 350px;
  display: block;
  text-align: center;
  text-decoration: none;
  margin:0px auto;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.emibtn a:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.fadeinput {
  opacity: 0.6;
}
.colorchange ul li input {
  color: #6C3D96;
}

.nobtn {
  background-color: #ECECEC;
  padding: 8px 30px;
  font-size: 18px;
  color: #3A2250;
  border: none;
  width: 100%;
  display: block;
  text-decoration: none;
  margin-top: 0.6em;
  width: 100%;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 30px;
  /* box-shadow: 0px 1px 4px #ccc; */
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.nobtn:hover {
  background-color: #eee;
  box-shadow: none;
  color: #000;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.smslinkbox img {
  height: 150px;
}
.smslinkbox h2 {
  font-family: Muli-Bold;
  font-size: 20px;
  color: #6C3D96;
  text-align: center;
  margin-bottom: 10px;
}
.smslinkbox p {
  font-family: Muli-Regular;
  font-size: 14px;
  color: #333;
  text-align: center;
  margin-bottom: 2.5em;
}

.pgtxntdetails {
  padding: 10px 40px;
  text-align: left;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 28%, rgba(205,148,255,0.41507941067051823) 100%); 
  width: 100%;
  margin: 0 auto;
  /* border: 1px solid #ccc; */
}

.txtcard {
  margin: 0px 2em;
  box-shadow: 0px 1px 4px #b3b3b3;
}
.form-grouptxt {
  position: relative;
}
.pgbankenterbox {
  width: 90%;
  border-radius: 30px;
  margin: 0 auto;
  margin-bottom: 2em;
  background: rgb(108,61,150);
  background: linear-gradient(0deg, rgba(108,61,150,1) 0%, rgba(180,129,226,1) 100%); 
}
.pgbankenterbox ul {
  display: flow-root;
}
.pgbankenterbox ul li {
  float: left;
  width: 50%;
  text-align: center;
}
.pgbankenterbox ul li:nth-child(1) {
  border-right: 1px solid #fff;
  padding-right: 10px;
}
.pgbankenterbox ul li p {
  font-family: Muli-Bold;
  font-size: 16px;
  color: #fff;
  padding: 4px 0px;
  margin-bottom: 0px;
}
.pgbankenterbox ul li img {
  height: 40px;
  margin-top: 0.4em;
}
.emipgsucess {
  padding: 0px 2em;
  border-radius: 10px;
}
.emipgsucess .pyttxt p {
  color: #6C3D96;
}
.emipgsucess h2 {
  color: #66C136;
  font-size: 24px;
}

.logintxtlink {
  display: inherit!important;
  text-decoration: underline;
}
/* bank slider code end */


/* Brand Emi Section Coding Start */

.brandemishowtab {
  padding: 0.2em 0px 1.5em 0px;
}
.brandlist {
  padding: 1em 0px;
}

.brandlist ul {
  padding-left: 0px;
  list-style-type: none;
  display: flow-root;
  margin-top: 2em;
}
.brandlist ul li {
  float: left;
}

.brandlist a {
  background-color: #fff;
  border-radius: 20px;
  width: 160px;
  height: 155px;
  margin: 10px;
  border: 2px solid #fff;
  text-align: center;
  padding: 0em 0px;
  display: block;
  box-shadow: 0px 1px 4px #ccc;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.brandlist a:hover {
  border: 2px solid #6C3D96;
  color: #6C3D96;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.brandlist a img {
  height: auto;
  width: 80%;
  margin-top: 3.5em;
}

.brandlist a .catelistproduct {
  height: 90px;
  width:auto;
  margin-top: 1.0em;
}

.brandlist a p {
  font-family: Muli-SemiBold;
  font-size: 14px;
  color: #000;
  bottom: -8px;
  position: absolute;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}


.brandemiproduct {
  width: 800px;
  padding: 2em 0px;
  margin-left: 20px;
}

.emiproductbox {
  background-color: #fff;
  border-radius: 20px;
  /* width: 160px;
  height: 155px; */
  margin: 0px 20px 20px 0px;
  width: 47%;
  float: left;
  border: 2px solid #fff;
  text-align: center;
  padding: 0px 4px;
  display: flex;
  box-shadow: 0px 1px 4px #ccc;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.emiproductbox:hover {
  border: 2px solid #6C3D96;
  color: #6C3D96;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.emiproductbox ul {
  padding-left: 0px;
  margin-bottom: 0px;
}
.emiproductbox ul li:first-child {
  width: 30%;
  float: left;
}
.emiproductbox ul li:last-child {
  width: 70%;
  float: left;
  text-align: left;
} 
.emiproductbox img {
  padding: 10px;
}
.emiproductxt {
  padding-top: 1em;
}
.emiproductxt h2 {
  font-family: Muli-SemiBold;
  color: #6C3D96;
  font-size: 20px;
}
.emiproductxt h2 span {
  font-family: Muli-light;
  color: #6C3D96;
  font-size: 14px;
  display: block;
  margin-bottom: 12px;
}
.emiproductxt p {
  font-family: Muli-ExtraLight;
  color: #272743;
  font-size: 14px;
  display: block;
}

.selectproductlist {
  text-align: center;
  padding:0px 10px;
}
.selectproductlist ul {
  padding-left: 0px;
  margin-bottom: 2px;
}
.selectproductlist img {
  width: 90%;
  text-align: center;
}

.selectproductlist ul li:nth-of-type(2n+1) {
  background-color: #E3E3E3;
  font-family: Muli-Bold;
  font-size: 14px;
  color: #272743;
  text-align: center;
  padding: 8px 0px;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #bdbdbd;
  margin-bottom: 0px;
}
.selectproductlist ul li {
  background-color: #f0f0f0;
  font-family: Muli-Regular;
  font-size: 14px;
  color: #272743;
  text-align: center;
  padding: 8px 0px;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #bdbdbd;
  margin-bottom: 0px;
}

.selectproductprice {
  font-size: 25px;
  font-family: Muli-Bold;
  color: #4e4e4e;
  background-color: #fff;
  padding: 2px 0px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #bdbdbd;
}


.searchschemebtn {
  text-align: center;
  margin: 0.5em 0px 2em 0px;
}

.searchschemebtn a {
  background-color: #6C3D96;
  padding: 10px 30px;
  font-size: 22px;
  color: #fff;
  border: none;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  margin:0px auto;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.searchschemebtn a:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}


/* Brand Emi Section Coding end */


/*Scheme table page code start */


.overview-mainbrandemi {
  width: 55%;
  margin: 2em auto;
  text-align: center;
}

.schemetablebox {
  background-color: #fff;
  margin-bottom: 1em;
  width: 100%;
  display: flex;
  box-shadow: 0px 2px 3px #b9b9b9;
}

.gridtable {
  width: 25%;
  float: left;
}


.emimobiletable {
  text-align: center;
}
.emimobiletable ul {
  padding-left: 0px;
  margin-bottom: 2px;
}

.emimobiletable ul li:nth-of-type(2n+1) {
  background-color: #EBEBEB;
  font-family: Muli-Bold;
  font-size: 14px;
  color: #272743;
  text-align: center;
  padding: 8px 0px;
  margin-bottom: 0px;
}
.emimobiletable ul li {
  background-color: #fff;
  font-family: Muli-Regular;
  font-size: 14px;
  color: #272743;
  text-align: center;
  padding: 8px 0px;
  margin-bottom: 0px;
}

.Schemeboxmar {
  padding: 0.5em 10em 1em 10em;
}


.smsbox {
  width: 35%;
}
.smsbox .formbox {
  padding: 1.5em 3em;
}

/*Scheme table page code end */

/* Managed user section code start */

.manageuser-section {
  width: 80%;
}
.bridcurmuser {
  padding: 1em 0.5em;
}

.formbtn {
  margin-top: 1em;
  margin-left: 0em;
}

.formbtn a {
  background-color: #6C3D96;
  padding: 10px 30px;
  font-size: 18px;
  color: #fff;
  border: none;
  /* width: auto;
  display: block; */
  text-decoration: none;
  margin-top: 1.6em;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.formbtn a:hover {
  background-color: #6f28ad;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.manageuser-search {
  background-color: #fff;
padding: 0.7em 2em 1.2em 2em;
border-radius: 20px;
box-shadow: 0px 1px 3px #ccc;
margin-top: 1.5em;
}

.marnonebtn {
  margin-bottom: 0px;
}

.manageuser-search .search {
  background-color: #6C3D96;
  padding: 8px 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border: none;
  display: block;
  text-decoration: none;
  margin-top: 10px;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-Regular;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.manageuser-search .search:hover {
  background-color: #6f28ad;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.manageuser-search .reset {
  background-color: #fff;
  padding: 8px 30px;
  font-size: 18px;
  color: #333;
  text-align: center;
  border: none;
  width: 100%;
  display: block;
  text-decoration: none;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-Regular;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.manageuser-search .reset:hover {
  background-color: #eee;
  box-shadow: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}




.transitionsearchbtn {
  background-color: #fff;
  padding: 0.5em 2em;
  border-radius: 20px;
  width:400px;
  float:right;
  margin-top:5px;
}

  .transitionsearchbtn .search {
      background-color: #6C3D96;
      padding: 12px 30px;
      font-size: 18px;
      color: #fff;
      text-align: center;
      border: none;
      display: block;
      text-decoration: none;
      margin-top: 0em;
      border-radius: 30px;
      box-shadow: 0px 1px 4px #ccc;
      font-family: Muli-Regular;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
  }

      .transitionsearchbtn .search:hover {
          background-color: #6f28ad;
          box-shadow: none;
          -webkit-transition: all .5s ease;
          -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
          -o-transition: all .5s ease;
          transition: all .5s ease;
      }

  .transitionsearchbtn .reset {
      background-color: #fff;
      padding: 12px 30px;
      font-size: 18px;
      color: #333;
      text-align: center;
      border: none;
      width: 100%;
      display: block;
      text-decoration: none;
      margin-top: 0em;
      width: 100%;
      text-align: center;
      border-radius: 30px;
      box-shadow: 0px 1px 4px #ccc;
      font-family: Muli-Regular;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
  }

      .transitionsearchbtn .reset:hover {
          background-color: #eee;
          box-shadow: none;
          -webkit-transition: all .5s ease;
          -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
          -o-transition: all .5s ease;
          transition: all .5s ease;
      }



/* Managed user section code end */



/* login page error & validation code start */

form {
  width: 100%;
}

.loginerror {
  width: 100%;
  /* float: left; */
  margin-bottom: 15px;
  text-align: left;
  padding: 0px 10px;
  color: #f00;
  font-family: Muli-Regular;
  font-size: 12px;
}

/* login page error & validation code end */



/* managed user table code start */
.manageuser-table  {
  margin-top: 10px;
}

.responstable {
  margin: 1em 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  border-radius: 20px;
  border: 1px solid #167F92;
}
.responstable tr {
  border: 1px solid #D9E4E6;
}
.responstable td {
  font-size: 14px;
  font-family: Muli-Regular;
  color: #3A2250;
}

.responstable .actionbtn {
  background-color: #6C3D96;
  padding: 6px 18px;
  font-size: 14px;
  color: #fff;
  border: none;
  display: block;
  text-decoration: none;
  margin-top: 0em;
  border-radius: 30px;
  text-align: center;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-Regular;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.responstable .actionbtn:hover {
  background-color: #6b18b3;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.responstable tr:nth-child(odd) {
  background-color: #fff;
}


.responstable th {
  display: none;
  border-right: 1px solid #FFF;
  background-color: #F7EEFF;
  color: #3A2250;
  padding: 1em;
}
.responstable th:last-child {
  border-right: none;
}

.responstable th:first-child {
  display: table-cell;
  text-align: left;
}
.responstable th:nth-child(2) {
  display: table-cell;
}
.responstable th:nth-child(2) span {
  display: none;
}
.responstable th:nth-child(2):after {
  content: attr(data-th);
}
@media (min-width: 480px) {
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
}
.responstable td {
  display: block;
  word-wrap: break-word;
  max-width: 7em;
}
.responstable td:first-child {
  display: table-cell;
  text-align: left;
  border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
  .responstable td {
    border: 1px solid #D9E4E6;
  }
}
.responstable th, .responstable td {
  text-align: left;
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .responstable th {
    display: table-cell;
    padding: 0.5em 2em;
  }
  .responstable td {
    display: table-cell;
    padding: 0.6em 2em;
  }
}

.marbtnmedium {
  margin-bottom: 8px;
}
.kycupload {
  width: 48%;
}
.bh-form .password-white {
  text-transform: uppercase;
}

.loginhomekyc {
  width: 60%;
  margin: 0 auto;
}
.loginhomekyc p {
  text-align: center;
  margin: 11px 0px;
  font-family: Muli-Regular;
  color: #683992;
  font-size: 13px;
}
.loginhomekyc .description {
  font-size: 12px;
  text-align: left;
  color: #000;
  padding-left:20px;
}

.loginhomekyc h2 {
  font-family: Muli-Bold;
  font-size: 15px;
  color: #683992;
  margin-bottom: 2.2em;
  text-transform: uppercase;
}

.loginhomekyc p a {
  text-align: center;
  margin: 5px 0px;
  color: #683992;
  font-family: Muli-Regular;
  text-decoration: underline;
  font-size: 13px;
}
.loginhomekyc p a:hover {
  text-decoration: none;
}

.loginhomekyc .form-group {
  margin-bottom: 0.5em;
}


/* refresh button code start */

#refresh-button {
  border: none;
  width: 30px;
  height: 35px;
  line-height: 50px;
  background:none;
}

.refresh-start {
  height: 25px;
  margin-bottom:5px !important;
} 
.refresh-start {
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: inherit;
}

.refresh-end {
    animation-play-state: paused !important;
}

#refresh-button {
    animation-play-state: running;
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

/* refresh button code end */

.loginbutton {
  padding: 10px 20px;
  border-radius: 50px;
  background-color: #683992;
  border: none;
  color: #fff;
  font-size: 14px;
  font-family: Muli-Light;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  transition: 300ms;
  display: block;
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
}
.loginbutton:hover {
  background-color: #7b3eb1;
  color: #fff;
}
.loginbutton img {
  height: 22px;
  float: left;
  margin-bottom: 0px!important;
}

#errormsg .alert .close {
  position: relative;
  top: -2px;
  right: -5px;
  color: inherit;
}

#errormsg .alert .close {
  float: right;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
#errormsg .alert .close:hover {
  opacity: 1.0;
}

#errormsg {
  display: block;
}

#errormsg .alert {
  margin-bottom: 0px;
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
}

#errormsg button {
  right: 5px;
  position: absolute;
  font-size: 8px;
  top: 5px;
  background-color: #fff;
  width: 12px;
  height: 12px; 
}
/*#errormsg a {
  right: 7px;
  position: absolute;
  font-size: 22px;
  top: 5px;
  width: 12px;
  height: 12px;
  text-decoration: none;
  line-height: 7px;
  color: #666;
  font-weight: bold; 
}*/

.loginmobile img {
  height: 25px;
  left: -5px;
}

/* managed user table code end */


/* transaction page code start */

.transaction-heading {
    padding: 1.5em 0px 1em 0px;
    font-size: 20px;
    font-family: Muli-SemiBold;
}

.marnone {
  margin-right: 0px!important;
}

.transaction-box {
  background-color: #fff;
  padding: 0px;
  border-radius: 10px;
/*  box-shadow: 0px 1px 4px #ccc;*/
  margin-bottom: 2.5em;
}

.transactionfilter {
  padding-top: 15px;
  display: flow-root;
  margin-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom:10px;
}


.dealerlistfilter {
    padding: 10px 10px 5px 10px;
}

.reportlistfilter {
    padding: 10px 10px 12px 10px;
}

.reportfilter {
    display: flow-root;
    padding: 0px 0px 3px 0px;
}

.transactionfilter ul {
    list-style-type: none;
    /* display: flex; */
    padding-left: 5px;
}
.transactionfilter ul li:nth-child(1) {
  width: 35%;
  float: left;
}

.transactionfilter ul li:nth-child(2) {
  width: 65%;
  float: left;
}

.menuarrow {
  text-align: center;
  position: absolute;
  right: 5px;
  cursor: pointer;
  top: 0px;
  width: 40px;
  height: 30px;
}
.menuarrow img {
  height: 13px;
  position: relative;
  top: 7px;
}

.transaction-heading h2 {
  color: #6C3D96;
  font-family: Muli-Bold;
  font-size: 24px;
  padding: 0px 0px;
}
.transaction-table table {
  margin-bottom: 10px;
}

.transaction-table thead {
  background: #F7EEFF;
  color: #3A2250;
  font-family:Muli-Regular;
  font-size: 14px;
  font-weight: normal;
  position: sticky; top: -3px; z-index: 1;
}
.transaction-table thead th {
  border-bottom: none;
}

.transaction-table thead tr th {
  padding: 0.5rem 0.8rem;
}

.transaction-table tbody tr td {
  padding: 0.5rem 0.8rem;
  text-align:left;
}

.transaction-table tbody tr {
  border-bottom: 1px solid #ccc;
  font-family: Muli-Regular;
  font-size: 14px;
  color: #3A2250;
}
.transaction-table tbody tr:last-child {
  border-bottom: 0px solid #fff;
}
.transaction-table table tbody tr {
    background-color: #fff;
}
.transaction-table table tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg:#f4f4f4;
}
.transid {
  font-family: Muli-Bold;
  font-size: 16px;
  color: #3A2250;
}
.transid span {
  font-size: 10px;
  display: block;
  color: #555;
}

.sucess span {
  color: #66C136;
  top: 4px;
  position: relative;
}
.sucess i {
  font-size: 16px;
  padding-right: 5px;
  color: #66C136;
  position: relative;
  top: 6px;
}

.failed span {
  color: #D80008;
  top: 4px;
  position: relative;
}
.failed i {
  font-size: 16px;
  padding-right: 5px;
  color: #D80008;
  position: relative;
  top: 6px;
}

.pending span {
  color: #E68C02;
  top: 4px;
  position: relative;
}
.pending i {
  font-size: 16px;
  padding-right: 5px;
  color: #E68C02;
  position: relative;
  top: 6px;
}

.settled span {
  color: #0096FF;
  top: 4px;
  position: relative;
}
.settled i {
  font-size: 16px;
  padding-right: 5px;
  color: #0096FF;
  position: relative;
  top: 6px;
}
.settled img {
  height: 18px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}


.trasnsearch {
  margin-bottom: 1px;
  margin-top: 0px;
}
.trasnsearch input {
  border-radius: 30px;
  height: 45px;
}

.trasnsearch select {
  border-radius: 30px;
  height: 45px;
  padding-left:15px;
}

.dealersearch input {
  height:45px;
}
.dealersearch .control-label {
    line-height:24px;
}

.trasnsearch .input-group-cvv {
    left: 3px;
    top: 5px;
}
.trasnsearch .input-group-cvv img {
  height: 20px;
  top: 3px;
}
.trasnsearch .control-label {
  margin-top: -15px;
  margin-left: 50px;
}

.selectfilter {
  position: relative;
}

.selectfilter select {
  width: 100%;
  height: 45px;
  background-color: #fff;
  padding: 0px 12px;
  border: 1px solid #6C3D96;
  border-radius: 25px;
  font-size: 14px;
  color: #6C3D96;
  text-align: left;
  font-family: Muli-Bold;
}

.selectfilter select option {
  height: 45px;
  display: block;
  font-size: 16px;
  color: #6C3D96;
  text-align: left;
  font-family: Muli;
  font: -moz-pull-down-menu;
}

.selectfilter::after {
  content: "▼";
  text-align: center;
  line-height: 32px;
  position: absolute;
  width: 30px;
  height: 24px;
  color: #6C3D96;
  background: #fff;
  right: 5px;
  top: 9px;
  pointer-events: none;
  border-top-right-radius: 25px;
}

.menufilter {
  margin-right: 10px;
}

.menufilter ul {
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  width: 100%;
}
.menufilter ul li {
  float: initial!important;
  width: 100%!important;
  display: block;
  border-bottom: 1px solid #ccc;
}

.menufilter ul li:last-child {
  border: none;
}

.menufilter button {
  border: 1px solid #6C3D96;
  padding: 5px 15px;
  width: 100%;
  font-size: 14px;
  color: #6C3D96;
  text-align: left;
  font-family: Muli-Bold;
  height: 44px;
  border-radius: 25px;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #7c1cd6;
}

.menufilicon {
  text-align: center;
  position: absolute;
  right: 5px;
  cursor: pointer;
  top: 0px;
  width: 40px;
  height: 30px;
}

.menufilicon img {
  height: 25px;
  position: relative;
  top: 5px;
}

.datebox {
  padding: 1px;
  position: relative;
  margin-bottom: 5px;
  margin-top: 6px;
  display: flex;
}
.datebox label {
  width: 25%;
  float: left;
  color: #6C3D96;
  font-family: Muli-Regular;
  font-size: 11px;
  top: 4px;
  position: relative;
  left: 5px;
}
.datebox input {
  width: 72%;
  float: left;
  padding: 8px 4px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 2px;
  font-size: 10px;
  font-family: Muli-Regular;
  color: #6C3D96;
}

.dateicon {
  text-align: center;
  position: absolute;
  right: 5px;
  cursor: pointer;
  top: 0px;
  width: 40px;
  height: 30px;
}

.dateicon img {
  height: 19px;
  position: relative;
  top: 3px;
}
.dropdown-item {
  text-align: center;
  font-size: 15px;
  color: #6C3D96;
  font-family: Muli-Regular;
  padding: 8px 10px;
}
.sectionfix {
  margin: 0em 2em 0em 5em;
}
.breakupbtn {
  text-align: center;
}

.breakupbtn a {
  background-color: #6C3D96;
  padding: 10px 16px;
  font-size: 14px;
  color: #fff;
  border-radius: 20px;
  text-decoration: none;
  position: relative;
  top: 10px;
  margin: 0 auto;
}
.breakupback {
  border-bottom: 1px solid #ccc;
}

/* transaction page code end */



/* pagination css code start */

.bonus-pagination {
  /*margin: 0 auto;*/
  width: fit-content;
}
.bonus-pagination .page-link {
  color: #6C3D96;
  font-family: Muli-Bold;
  font-size: 14px;
}
.bonus-pagination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #6C3D96;
  border-color: #6C3D96;
}

/* pagination css code end */


/* sattlement breakup page code start */
.breakup-main {
  width: 50%;
  margin: 1em auto;
}
.colorblue {
  color: #6C3D96!important;
}

.breakupbox {
  background-color: #fff;
  padding: 0.0em 0em;
  border-radius: 10px;
  box-shadow: 0px 1px 3px #ccc;
  margin-bottom: 1.5em;
}

.breakupbox thead {
  font-size: 16px;
}
.breakupbox tbody tr td {
  padding: 1.1rem 1.5rem;
}
.breakupbox tbody tr {
  font-size: 15px;
  color: #555;
}

.innerpageheading {
  width: 100%;
  border: 1px solid #ccc;
  margin: 0px 0px;
  font-family: Muli-Regular;
  text-align: center;
  background-color: #DED5E7;
  padding: 1.5em 0px 1em 0px;
}

.career-box {
  width: 100%;
  margin: 0 auto;
	padding: 1em 2em;
}
.career-box p {
    font-size: 13px;
    font-family: Muli-Regular;
    color: #7E818C;
    padding-top: 0px;
    line-height: 20px;
    padding-bottom:0em;
    text-align: justify;
}
.career-box h3 {
  font-size: 16px;
  font-weight: bold;
}
.career-box ul {
	list-style-type: circle;
	font-size: 13px;
	font-family: robot-thin;
	color: #616161;
}
.career-box li {
	line-height: 25px;
} 

.career-box h4 {
	font-size: 20px;
	margin-top: 1em;
}

.promoapply {
  width: 130px;
border: 1px solid #cccc;
margin: 38px;
font-size: 29px;
height: 50px;
line-height: 65px;
border-radius: 15px;
margin: 0.5em auto;
background-color: #fff;
}
.promoapply:hover {
  background-color: #eee;
}

.promomar h2 {
  font-size: 25px;
  color: #6C3D96;
  margin: 0.8em 0px;
  text-transform: uppercase;
  font-family: Muli-SemiBold;
}
.promomar img {
  height: 130px;
  border: 1px solid #ccc;
  padding: 10px;
}

.promoapply label {
  position: relative;
  top: -16px;
  font-size: 20px;
  text-transform: uppercase;
}
.promomar {
  padding: 0.5em 8em 1em 8em;
}
.promobtnmar {
  margin: 0px 6em;
}

/* sattlement breakup page code end */


/* responsive menu code start */

.menucurson {
	font-size:25px;
	cursor:pointer;
	color: #fff;
	padding-left: 2px;
	position: relative;
	top: 1px;
}

.sidenav .topmenuside {
	width: 100%;
	height: 46px;
  background-color: #6C3D96;
	/* background: linear-gradient(90deg, rgba(63,4,3,1) 0%, rgba(110,6,4,1) 48%, rgba(63,4,3,1) 100%); */
}

.sidenav .topmenuside  img {
	/* height: 25px; */
	position: relative;
	top: 10px;
  width: 100px;
	left: 10px;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	background-color: #6C3D96;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top:0px;
	box-shadow: 0px 10px 10px #565555;
  }
  
  .sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
  }
  
  .sidenav a:hover {
	color: #f1f1f1;
  }
  
  .sidenav .closebtn {
	position: absolute;
	top: -9px;
	right: 5px;
	font-size: 30px;
	margin-left: 0px;
	color: #fff;
  }
  
  #main {
	transition: margin-left .5s;
	padding: 16px;
  }
  
  @media screen and (max-height: 450px) {
	/*.sidenav {padding-top: 15px;}*/
	.sidenav a {font-size: 18px;}
  }
 

  .classy-navbar-toggler {
    margin: 0px 11px;
    margin-top: 9px;
  }
  .classy-navbar-toggler .navbarToggler {
    display: inline-block;
    cursor: pointer
  }
  .classy-navbar-toggler .navbarToggler span {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    display: block;
    height: 2.2px;
    margin-top: 5px;
    padding: 0;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    width: 28px;
    cursor: pointer
  }
.navbarToggler.active span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px
  }
.navbarToggler.active span:nth-of-type(2) {
    opacity: 0
  }
.navbarToggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -6px
  }

.userProfile .usericon {
  width: 30px;
  height: 30px;
}


.menucurson {
  display: inline-block;
  cursor: pointer
}
.menucurson span {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  display: block;
  height: 2.2px;
  margin-top: 5px;
  padding: 0;
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  width: 28px;
  cursor: pointer
}
.menucurson.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px
}
.menucurson.active span:nth-of-type(2) {
  opacity: 0
}
.menucurson.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  top: -6px
}

.menuresponsive {
  background-color: #6C3D96;
}
.menuresponsive ul {
  margin: 0px;
  padding: 0px;
  width: 170px;
}
.menuresponsive ul li {
  border-top: 1px solid #a264da;
}
.menuresponsive ul li:last-child {
  border-bottom: 1px solid #a264da;
}

.menuresponsive ul a {
  padding: 3px 10px;
  background-color: #6C3D96;
}

.menuresponsive ul a:hover {
  padding: 3px 10px;
  background-color: #7930b8;
}
.menuresponsive ul a b {
  font-size: 12px;
  color: #fff;
  font-family: Muli-Regular;
  font-weight: normal;
padding-left: 8px;
text-align: right;
text-transform: uppercase;
position: relative;
top: -3px;
}

.menuresponsive ul a span {
  width: 25px;
  text-align: center;
  display: inline flow-root list-item;
}
.menuresponsive ul a span i {
  color: #fff;
  font-size: 20px;
}
.menuresponsive ul a img {
  height: 20px;
  position: relative;
  top: -3px;
}


.login {
  background-image: url(../images/bg-new1.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0 auto;
  background-position: center;
}

.login-form {
  /* padding: 10px;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translate(-2%, -50%);
  border-radius: 20px;
  text-align: center;
  margin-bottom: 50px; */
  transform: translate(-2%, -50%);
  right: 1%;
  position: absolute;
  text-align: center;
  top: 45%;
}

.login-form img {
 margin-bottom: 10px;

}
/* responsive menu code end */



/* -------header dropdown menu code start---------- */

/* .userProfile .dropdown:hover>.dropdown-menu {
  display: block;
} */

/* .userProfile .dropdown>.dropdown-toggle:active {
    pointer-events: none;
} */

.btn-check:focus + .btn, .btn:focus {
  box-shadow: none;
}

.userbtn button i {
  font-size: 16px;
} 
.userbtn button {
  color: #fff;
  font-size: 14px;
  font-family: Muli-Regular;
  padding: 2px 10px;
  padding-bottom: 0px;
}
.userbtn button span {
  padding-right: 5px;
}
.userbtn button:hover {
  color: #f1f1f1;
} 
.userbtn .dropdown-menu {
  width: 245px;
  margin-left: -80px;
  /* color: #fff;
  background-color: #6c3d96; */
  color: #fff;
  position: absolute;
  right: -11px;
  margin-top: 1px;
  background-color: #6c3d96;
}
.userbtn .dropdown-item {
  text-align: left;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.userbtn .dropdown-item:last-child {
  border-bottom: 0px solid rgba(255, 255, 255, 0.3);
}
.userbtn .dropdown-menu {
  padding: .3rem 0;
}

.userbtn .dropdown-item:focus, .userbtn .dropdown-item:hover {
  background-color: #9B6CC5;
}
.userbtn .dropdown-item i {
  padding-right: 10px;
}
.userbtn .dropdown-item span i {
  float: right;
  padding-right: 10px;
}

/* -------header dropdown menu code end---------- */





/*===================BONUSPROMO CODING START========================*/
/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
/*==================================================================*/

.logostill {
  margin-left: 30px;
}
.customer-intro {
  height: auto;
  background-color: #F0F0F0;
  padding: 1em 0px;
}
.customer-content {
  position: absolute;
  top: 30%;
}
.customer-content h2 {
  font-family: Muli-Bold;
  font-size: 40px;
  color: #6C3D96;
}
.customer-content p {
  font-family: Muli-SemiBold;
  font-size: 17px;
  color: #767479;
  margin-bottom: 0px;
  padding: 10px 10px;
  /* border: 1px solid #cccc; */
}
.customer-content p img {
  height: 40px;
  padding: 0px 5px;
}

.customer-content span {
  display: block;
  font-family: Muli-Light;
  font-size: 14px;
  padding: 5px 10px;
}
.customer-content .introbtn {
  background-color: #6C3D96;
  padding: 8px 30px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  border: none;
  position: relative;
  top: 1em;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.customer-content .introbtn:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.customer-login {
  background-image: url(../images/customer-back.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0 auto;
}


.offertotalbox {
  background-color: #FFF8F0;
  /* border: 2px solid #FF8E00; */
  border-radius: 15px;
  box-shadow: 0px 2px 4px #ccc;
  padding: 10px 15px 15px 15px;
  margin: 0px 10px;
  display: block;
  text-decoration: none;
  opacity: 0.7;
  transition: transform .2s; /* Animation */
  transform: scale(0.9);
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.offertotalbox.tab.active {
  transform: scale(1.01);
  box-shadow: 0px 0px 8px #ff8e00;
  border: 2px solid #ff8e00;
  opacity: 1.0;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.offertotalbox.tab2.active {
  transform: scale(1.01);
  box-shadow: 0px 0px 8px #66c136;
  border: 2px solid #66c136;
  opacity: 1.0;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.offertotalbox.tab3.active {
  transform: scale(1.01);
  box-shadow: 0px 0px 8px #f35f66;
  border: 2px solid #f35f66;
  opacity: 1.0;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.offertotalbox:hover {
  transform: scale(1.0);
  box-shadow: none;
  opacity: 0.9;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.offertotalbox.redeemed:hover {
  background-color: #def2d3;
}
.offertotalbox.missed:hover {
  background-color: #fddcdc;
}

.offertotalbox h4 {
  font-family: Muli-Regular;
  font-size: 14px;
  color: #090909;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.offertotalbox ul {
  padding-left: 0px;
  list-style-type: none;
  display: flex;
  margin-bottom: 10px;
}


.offertotalbox ul li:first-child {
  font-family: Muli-ExtraBold;
  font-size: 30px;
  color: #FF8E00;
  width: 70%;
  float: left;
}
.offertotalbox ul li:first-child i {
  font-size: 25px;
  padding-right: 10px;
}

.offertotalbox ul li:last-child {
  font-size: 25px;
  color: #FF8E00;
  width: 30%;
  float: left;
  text-align: right;
}
.offertotalbox ul li:last-child i {
  font-size: 20px;
  color: #fff;
  width: 45px;
  height: 44px;
  border-radius: 50%;
  background-color: #FF8E00;
  text-align: center;
  line-height: 45px;
  position: relative;
  top: -4px;
}
.offertotalbox .offercount {
  font-family: Muli-Regular;
  color:#403B43;
}
.offertotalbox .offercount p {
  display: contents;
  font-size: 12px;
}
.offertotalbox .offercount span {
  color: #FF8E00;
  font-size: 14px;
  background-color: #fff;
  padding: 6px 14px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px #ccc;
  margin-right: 15px;
}
.offertotalbox .offercount span b {
  font-size: 18px;
  font-family: Muli-Bold;
  position: relative;
  top: 2px;
}
.redeem {
  background-color: #FFF8F0;
  border: 2px solid #FFF8F0;
}
.redeem ul li:first-child {
  color: #FF8E00;
}
.redeem ul li:last-child i {
  background-color: #FF8E00;
}
.redeem .offercount span {
  color: #FF8E00;
}
.redeemed {
  background-color: #e8f6e0;
  /* border: 2px solid #e8f6e0; */
  box-shadow: 0px 0px 4px #66c136;
border: 1px solid #66c136;
}
.redeemed ul li:first-child {
  color: #66C136;
}
.redeemed ul li:last-child i {
  background-color: #66C136;
}
.redeemed .offercount span {
  color: #66C136;
}
.missed {
  background-color: #f7e4e4;
  /* border: 2px solid #f7e4e4; */
  box-shadow: 0px 0px 4px #f35f66;
  border: 1px solid #f35f66;
}
.missed ul li:first-child {
  color: #F5000B;
}
.missed ul li:last-child i {
  background-color: #F5000B;
}
.missed .offercount span {
  color: #F5000B;
}

.promolistingbox {
  border-radius: 20px;
  background-color: #fff;
  padding-bottom: 1.2em;
  margin: 10px;
  position: relative;
}

.promolistingbox .nav-tabs {
  height: 40px;
}

/* .promolistingbox .dropdown {
  position: absolute;
  right: 10px;
  top: 8px;
} */

.promolistingbox .dropdown {
  margin: 0 auto;
  width: 50%;
}

.promolistingbox #dropdownMenuButton {
    background-color: #fff;
    padding: 0px 8px;
    top: 5px;
    position: relative;
}


.promolistingbox .tab-content {
  display: contents;
}
.promolistingbox .nav-tabs li:first-child a {
  border-top-left-radius: 20px;
}

.promolistingbox .nav-tabs .nav-link.active {
  border-bottom: 3px solid #000;
  color: #000;
  font-family: Muli-SemiBold;
  padding: 5px 40px;
}
.promolistingbox .nav-tabs .nav-link.active i {
  background-color: #000;
  width: 25px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 9px;
  line-height: 22px;
  position: relative;
  top: -1px;
  margin-right: 10px;
}
.promolistingbox .nav-tabs .nav-link {
  border-bottom: 3px solid #969696;
  color: #969696;
  font-family: Muli-SemiBold;
  padding: 5px 40px;
}
.promolistingbox .nav-tabs .nav-link i {
  background-color: #ccc;
  width: 25px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 9px;
  line-height: 22px;
  position: relative;
  top: -1px;
  margin-right: 10px;
}
/*  */
.mypromodiv {
  background-color: #fffada;
}



[data-toggle="collapse"] .fa:before {  
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}

.customerpromolist .card-header {
  padding: .2rem 1rem;
}
.customerpromolist .card-header button {
  width: 100%;
  text-align: left;
  text-decoration: none;
}
.customerpromolist .card-header button:focus {
  box-shadow: none;
}

.customerpromolist .card-header i {
  float: right;
  color: #000;
  position: relative;
  top: 8px;
}
.customerpromolist .card-body {
  padding: 0px;
}
.promoheading {
  display: flex;
  text-decoration: none;
}
.promoheading img {
  margin-right: 10px;
}
.promoheading .cusproqr {
  height: 40px;
}
.promoheading .cusprologo {
  height: 40px;
}
.promoheading h2 {
  font-family: Muli-ExtraBold;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  top: 5px;
}
.promoheading h2 span {
  font-family: Muli-Regular;
  font-size: 14px;
  color: #444;
  padding-left: 20px;
}

.cuspromopadding {
  padding: 0px;
}

.mypromobox {
  background-color: #fff8d9;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.promoboxleft {
  padding: 0px;
}
.promoboxleft ul {
  padding: 0px;
  margin: 10px 0px;
  display: flow-root;
}
.promoboxleft ul li {
  width: 50%;
  float: left;
}
.promotermbar {
  padding: 0px 10px;
  text-align: center;
}
.promotermbar a:hover {
  opacity: 0.9;
}
.promotermbar img {
  height: 100px;
  background-color: #fff;
  padding: 8px;
/*  box-shadow: 0px 2px 4px #ccc;*/
}
.promotermbar p {
  font-family: Muli-Regular;
  font-size: 10px;
  color: #333;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 0px;
}

.qrsmstext {
    font-family: Muli-Regular;
    font-size: 6px;
    color: #333;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0px;
    padding:0px;
}

.voucherbrcode .qrsmstext {
    margin-top: 2px;
    padding: 0px 5px 5px 5px;
    color: #333 !important;
}

.promotermbar p a {
  font-family: Muli-Regular;
  font-size: 10px;
  color: #333;
  text-decoration:none;
}
.promotermbar p a:hover {
  text-decoration: underline;
}
.promologo {
  background-color: #fff;
  height: 100px;
  width: 100px;
  /* position: absolute; */
  box-shadow: 0px 2px 4px #ccc;
  border-radius: 15px;
  text-align: center;
}
.promologo img {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  padding-top: 35%;
  width: 80%;
}
.promoboxright {
  padding: 10px 0px;
  position: relative;
  height: 120px;
}
.promoboxright h2 {
  font-size: 22px;
  color: #000;
  margin-bottom: 5px;
  font-family: Muli-Bold;
}
.promoboxright p {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  font-family: Muli-Regular;
}
.promodiscountbox {
  background-color: #fff;
  display: block;
  width: fit-content;
  color: #707070;
  padding: 6px 20px;
  font-family: Muli-Bold;
  font-size: 12px;
  box-shadow: 0px 2px 4px #ccc;
  border-radius: 20px;
  margin-top: 10px;
}
.promoofferdetails {
  font-family: Muli-Regular;
  color: #000;
  margin-top: 10px;
  font-size: 16px;
  position: absolute;
  bottom: 10px;
}
.promoofferdetails span {
  color: #707070;
  font-size: 14px;
  padding-left: 10px;
}
.promoofferdetails .promo-date {
  color: #000;
  font-size: 16px;
  padding-left: 50px;
}

.productwish {
	/* float: right;
	right: 15px; */
  margin: 10px 0px;
	/* position: relative; */
	cursor: pointer;
  width: 100%;
  text-align: center;
  display: block;
}

.productwish a:hover {
	color: #ccc;
}

.wishlistbox-item {
	color: #ccc;
	/* border: 1px solid #ccc; */
	border-radius: 50%;
	width: 35px;
	color: #ccc!important;
	height: 34px;
	display: block;
	text-align: center;
	padding-top: 8px;
  /* background-color: #fff; */
	font-size: 20px;
  margin: 0 auto;
  border: none;
  background: none;
}

.wishlistbox-item:hover {
  color: #000 !important;
}

.in-wishlist i {
	color: #ff0000;
	opacity: 1;
	font-size: 16px;
  animation-name: wishlist-ani;
  animation-duration: 1000ms;
}

@keyframes wishlist-ani {
	0% {
	  transform: scale(1);
	}
	25% {
	  transform: scale(0.5);
	}
	50% {
	  transform: scale(1.2);
	}
	100% {
	  transform: scale(1);
	}
  }

.wishlistbox-item:hover {
	/* border: 1px solid #ccc; */
	color: #ff0000;
	/* background-color: #fff; */
	/* box-shadow: 0 5px 15px rgba(145, 92, 182, .4); */
}

.wishlistbox-item.active {
	color: #fff;
	background-color: #ff0000;
}


.promolistgrid {
  width: 100%;
}
.promolistgrid1 {
  width: 85%;
  float: left;
}
.promolistgrid2 {
  width: 15%;
  float: left;
  text-align: center;
  position: relative;
}
.productdelete {
  margin-top: 5px;
  text-align: center;
}
.productdelete a {
  font-size: 20px;
  color: #ccc;
}
.productdelete a:hover {
  color: #333;
}
.productdelete button {
  font-size: 16px;
  color: #ccc;
  background: none;
  border: none;
}
.productdelete button:hover {
  color: #333;
}

.exclusiveofferbox {
  background-color: #e2d8eb;
  border-radius: 20px;
  padding: 15px 20px;
  margin: 1em 2em;
  box-shadow: 0px 2px 4px #999;
}
.exclusiveofferbox p {
  text-align: center;
  font-family: Muli-Light;
  font-size: 16px;
  color: #090909;
}

.overviewbtn {
  background-color: #6C3D96;
  padding: 8px 30px;
  font-size: 18px;
  color: #fff!important;
  border: none;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: 0.6em;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.overviewbtn:hover {
  background-color: #6f28ad;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.overviewbtnfit {
  background-color: #6C3D96;
  padding: 8px 30px;
  font-size: 18px;
  color: #fff!important;
  border: none;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  width: fit-content;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.overviewbtnfit:hover {
  background-color: #6f28ad;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.redeemedbg {
  background-color: #f7f7fe;
      background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.brandpendingdbg {
  background-color: #f7f7fe;
}

.missedbg {
  background-color: #f7e4e4;
}



.pendingpromobg {
  background-color: #f0e0ff;
}


.checkbox-dropdown {
  width: 40px;
  /* border: 1px solid #aaa; */
  padding: 0px 10px 6px 5px;
  position: relative;
  margin: auto 15px 0 auto;
  user-select: none;
  cursor: pointer;
}
.checkbox-dropdown:hover {
  /* background-color: #f1f1f1; */
}


/* Display CSS arrow to the right of the dropdown text */
.checkbox-dropdown:after {
  content:'';
  height: 0;
  position: absolute;
  width: 0;
  border: 6px solid transparent;
  border-top-color: #000;
  top: 50%;
  right: -8px;
  margin-top: -3px;
}

/* Reverse the CSS arrow when the dropdown is active */
.checkbox-dropdown.is-active:after {
  border-bottom-color: #000;
  border-top-color: #fff;
  margin-top: -9px;
}

.checkbox-dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%; /* align the dropdown right below the dropdown text */
  border: inherit;
  border-top: none;
  left: -1px; /* align the dropdown to the left */
  right: -1px; /* align the dropdown to the right */
  opacity: 0; /* hide the dropdown */
  transition: opacity 0.4s ease-in-out;
  height: auto;
  /* overflow: scroll;
  overflow-x: hidden; */
  width: 200px;
  background-color: #fff;
  border: 1px solid #ccc;
  pointer-events: none; /* avoid mouse click events inside the dropdown */
}
.is-active .checkbox-dropdown-list {
  opacity: 1; /* display the dropdown */
  pointer-events: auto; /* make sure that the user still can select checkboxes */
  z-index: 999;
}

.checkbox-dropdown-list li label {
  display: block;
  border-bottom: 1px solid silver;
  padding: 10px;
  font-size: 12px;
  transition: all 0.2s ease-out;
}

.checkbox-dropdown-list li label input {
  margin-right: 20px;
}

.checkbox-dropdown-list li label:hover {
  background-color: #6c3d96;
  color: #fff;
}
.popupmode .close {
  width: 20px;
  float: right;
  position: absolute;
  right: 7px;
  background-color: #fff;
  border: none;
  z-index: 999;
  font-weight: bold;
  color: #555;
  font-size: 22px;
}
.popupmode .close:hover {
  color: #000;
}


.popupmode .close2 {
  width: 20px;
  float: right;
  position: absolute;
  right: 7px;
  background-color: #fff;
  border: none;
  z-index: 999;
  font-weight: bold;
  color: #555;
  font-size: 22px;
}
.popupmode .close2:hover {
  color: #000;
}

.locatonfetch {
  padding: 0px 2em;
  text-align: center;
}
.locatonfetch .locationicon {
  height: 50px;
  margin-bottom: 1em;
}
.locatonfetch h2 {
  font-size: 20px;
  font-family: Muli-Bold;
  color: #000;
  margin-bottom: 5px;
  margin-top: 5px;
}
#locationmode .modal-dialog {
  max-width: 500px;
  /* margin: 8.75rem auto; */
}
#promocongratupopup .modal-dialog {
  max-width: 500px;
  /* margin: 8.75rem auto; */
}
.promoCongrabox {
  padding: 0px 2em;
  text-align: center;
}
.promoCongrabox img {
  height: 40px;
}
.promoCongrabox h2 {
  color: #66C136;
  font-family: Muli-ExtraBold;
  font-size: 20px;
}
.promoCongrabox p {
  color: #333;
  font-family: Muli-Regular;
  font-size: 14px;
  text-align: center;
}


.customerprofile-section {
  height: auto;
  background-color: #F0F0F0;
  padding: 2em 0px;
} 

.genderbox {
  display: block;
  margin-top: 2px;
}
.genderbox label {
  width: fit-content;
  /* float: left; */
  color: #6C3D96;
  display: block;
  font-family: Muli-Regular;
  font-size: 14px;
  padding-right: 15px;
  padding-top: 2px;
  margin-bottom: 5px;
}

.uploadprofile {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.uploadprofile ul {
  display: flex;
  padding: 0px;
  margin-bottom: 0px;
}
.uploadprofile ul li {
  width: 20%;
  float: left;
}
.uploadprofile ul li:last-child {
  width: 60%;
  float: left;
  margin-left: 5px;
}

.uploadprofile .uploadpic {
  padding: 5px;
}
.uploadprofile .uploadpic img {
  height: 50px;
} 

.uploadprofile .file {
  border: 1px solid #ccc;
  width: 60px;
  text-align: center;
  height: 59px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.uploadprofile .file:hover {
  background-color: #eee;
}
.uploadprofile .file img {
  height: 22px;
  position: relative;
  top: 16px;
  cursor: pointer;
}
.uploadprofile .file input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

.uploadprofile button {
  background-color: #472a61;
  padding: 10px 30px;
  font-size: 14px;
  color: #fff;
  border: none;
  margin-top: 8px;
  width: 100%;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.uploadprofile button:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.fmar {
  margin: 15px 0px;
}
.fmar .input-group-cvv img {
  top: 10px;
}


.profilerow {
/* position: relative;
top: -10px; */
margin-top: -10px;
}

.vtab-container,
.vtab-container *{
	box-sizing: border-box
}


/* Style the tab */
.vtab-tab {
  background-color: #F4E8FF;
  width: 100%;
  margin-top: 10px;
}

/* Style the buttons inside the tab */
.vtab-tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 15px 13px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.vtab-tab button:hover {
  background-color: #ddd;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding-left: 25px;
}

/* Create an active/current "tab button" class */
.vtab-tab button.active {
  background-color: #fff;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding-left: 25px;

}

/* Style the tab content */
.vtab-tabcontent {
  padding: 15px;
  width: 100%;
  /* border-left:5px solid #000; */
}

@media only screen and (max-width: 768px) {
  .vtab-tabcontent{
    border-top:5px solid #000;
  }
}

.profilebgleft {
  background-color: #F4E8FF;
  width: 20%;
  float: left;
  height: 70vh;
  border-bottom-left-radius:20px;
  border-top-left-radius:20px;
}

.profilebgright {
  background-color: #fff;
  width: 80%;
  float: left;
  border-bottom-right-radius:20px;
  border-top-right-radius:20px;
}

/*----*/


.configur-promo {
  margin: 1em 0px;
}



.tabs-container__panel {
  background: #fff;
  padding: 1.5em;
}
.tabs-container__panel:focus {
    /* outline: thin dotted; */
    outline-offset: 3px;
}

/* .multitabs {
	width:100%;
	display:flex;
  height: 600px;
} */

.multitabs {
	width:100%;
	display:flex;
  min-height: 520px;
}

.customerprofiledashboard .multitabs {
  min-height: 600px;
}

.customerprofiledashboard .tab-content .tabsbox {
  height: 580px !important;
}

.tabs-navigation {
  width: 20%;
  float: left;
  padding: 10px 0px;
  margin-bottom: 0px;
  background-color: #f4e8ff;
}
.accordion-wrapper {
	width:80%;
	float:left;
  background-color: #fff;
  position: relative;
}
.tabs-navigation__button {
  width: 95%;
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  background: #f4e8ff;
  float: right;
}
.tabs-navigation__button[aria-selected="true"] {
  box-shadow: 0px 2px 4px #ccc;
  font-family: Muli-Bold;
  color: #6C3D96;
  font-size:16px;
}
.tabsbox {
  padding: 1em 2em;
  position: relative;
  /* height: 600px;
  overflow: auto;
  overflow-x: hidden; */
}

.configure-selepro {
    padding: 0.5em 1em;
}
.productlistscroll {
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 10px;
}

.productlistscroll {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    background-color: #f9f9f9;
    padding: 3px 10px;
}

    .productlistscroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .productlistscroll::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

.configure-prolist {
  padding: 0px 0px;
}

.configure-prolist ul {
  margin-left: 0px;
  list-style-type: disc;
  margin-bottom: 0px;
}
.configure-prolist ul li {
  list-style-type: disc;
  color: #6C3D96;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 6px;
  font-family: Muli-SemiBold;
}


.configure-selepro h4 {
  color: #000;
  font-family: Muli-Bold;
  font-size: 16px;
  margin-bottom:0px;
}
.configure-selepro span {
  color: #6C3D96;
  font-size: 12px;
  font-family: Muli-SemiBold;
  display: block;
  padding-bottom: 10px;
}

.configure-selepro button {
  background: none;
  border: none;
  color: #6C3D96;
  font-size: 20px;
  margin-left: 7px;
  top: 3px;
  position: relative;
}


.configure-selepro span i {
  padding-right: 10px;
}
.configurbtnbox {
  width: 60%;
  margin: 1em auto;
  /*position: absolute;
   bottom: 0px; */
  display: inline-flex;
  margin-top:5px;
  margin-left:-10px;
}

.voucherchosediv .configurleftbtn {
    /*box-shadow: 0px 1px 4px #ccc;*/
    border: 1px solid #e0e0e0;
}
.configurleftbtn {
/*  background-color: #ECECEC;*/
  background-color:#fafafa;  
  padding: 8px 30px;
  font-size: 18px;
  color: #3A2250;
  border: none;
  text-align: center;
  width: 100%;
  display: block;
  text-decoration: none;
  margin-top: 0.6em;
  width: 100%;
  /*box-shadow:0px 1px 4px #ccc;*/
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  /*border: 1px solid #ccc;*/
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.configurleftbtn:hover {
  /*background-color: #eee;*/
  background-color: #f1f1f1;
  box-shadow: 0px 0px 0px #ccc;
  color: #3A2250;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.configurleftbtn i {
  font-size: 16px;
  position: relative;
  top: -2px;
}

.configurrightbtn i {
  font-size: 18px;
  position: relative;
  top: 0px;
  padding-right: 10px;
}

.configurrightbtn {
  background-color: #6C3D96;
  padding: 8px 10px;
  font-size: 18px;
  color: #fff;
  border: none;
  width: 100%;
  text-align: center;
  display: block;
  text-decoration: none;
  margin-top: 0.6em;
  width: 100%;
  border-radius: 30px;
   border: 1px solid #6C3D96;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.configurrightbtn:hover {
  background-color: #6f28ad;
  box-shadow: none;
  color: #fff;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}




@media (min-width: 49.8125em) {
    .tabs-nav-init .tabs-container__title,
    .tabs-nav-init .tabs-container__panel {
        display:none;
    }

    .tabs-container__panel[aria-hidden="false"] {
        display:block
    }

    .tabs-navigation {
        
        overflow:hidden;
        position:relative;
        z-index:10;
        box-shadow:inset 0 -1px #dddddd;
    }

    .tabs-navigation li {
        /*display:table-cell;*/
        vertical-align:top;
        -webkit-box-shadow:inset 1px 0 #dddddd;
        -moz-box-shadow:inset 1px 0 #dddddd;
        box-shadow:inset 1px 0 #dddddd;
    }

    .tabs-navigation__button {
        position:relative;
        display: inline-block;
        color: #6C3D96;
        text-decoration:none;
        cursor:default;
        line-height:1;
        font-family: Muli-Regular;
        font-size:16px;
        padding:0.9em;
        border: none;
        /* background: #ccc; */
        margin: 0;
        /* box-shadow:inset 1px 0 #dddddd,inset -1px 0 #dddddd; */
    }

    .tabs-navigation__button:hover {
      color: #2B2B2B;
    }

    .tabs-navigation__button[aria-selected="true"] {
        color: #6C3D96;
        background: #fff;
        z-index: 10;
    }
}

@media (max-width: 49.75em) {
    .tabs-navigation, .tabs-init .tabs-container__panel, .tabs-init .accordion--closed .tabs-container__panel {
        display:none
    }

    .tabs-init {
        border-top:solid 1px #dddddd;
        margin-left:-1.5em;
        margin-right:-1.5em
    }

    .tabs-init .tabs-container__title {
        padding:1em 1.5em;
        cursor: pointer;
    }

    .accordion--closed .tabs-container__title,
    .tabs-init .tabs-container__title {
        background: #ddd;
        border-bottom: solid 1px #d9d9d9;
    }

    .tabs-container__panel[aria-hidden="false"] {
        display:block;
        border-bottom: solid 1px #a1a1a1;
    }

    .tabs-container__title[aria-selected="true"] {
        background:#fff;
        color:#6a6a6a;
        font-weight:bold;
        border-bottom:solid 1px #dddddd;
    }

    .tabs-container__panel.accordion--closed {
        border-bottom:none;
    }
}

/*============================================================================
  Demo Styles
==============================================================================*/



.brandpromocountboxfix {
  box-shadow: none;
  background-color: #f3e7fd !important;
  box-shadow: none !important;
  border: 1px solid #ccc!important;
}


.brandpromocountbox:hover {
  box-shadow: none;
  background-color: #f3e7fd;
  box-shadow: none;
  border: 1px solid #ccc;
}

.brandpromocountbox {
  background-color: #fff;
  padding: 0.5em 1em;
  border-radius: 25px;
  box-shadow: 0px 2px 4px #ccc;
  border: 1px solid #fff;
  display: block;
  text-decoration: none;
}
.brandpromocountbox .icon {
  width: 50px;
  height: 49px;
  background-color: #D6C2E8;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  box-shadow: 0px 2px 4px #ccc;
  color: #6C3D96;
  font-size: 17px;
}
.brandpromocountbox p {
  font-size:14px;
  font-family: Muli-Light;
  text-align: center;
  margin-top: 10px;
  color: #6C3D96;
  margin-bottom: 5px;
}
.brandpromocountbox h4 {
  color: #6C3D96;
  font-size: 25px;
  text-align: center;
  font-family: Muli-ExtraBold;
}
.brandpromocountbox h4 span {
  font-family: Muli-SemiBold;
  color: #6C3D96;
  font-size: 14px;
  display: block;
}
.tpfeature {
  padding: 0px 0px;
  margin:0px;
}
.incomregister {
  /* background-color: #FFEDB3; */
  color: #000;
}
.incomregister .icon {
  background-color: #FFC915;
  color: #fff;
}
.incomregister p {
  color: #000;
}
.incomregister h4 {
  color: #000;
}
.incomregister h4 span {
  color: #000;
}


.branddashboard-right {
  padding: 5px 0px;
}

.brandofferbox {
  background-color: #FFEFB9;
  padding: 10px 10px;
  border-radius: 20px;
  margin-bottom: 1em;
  box-shadow: 0px 1px 4px #ccc;
}
.brandofferbox h4 {
    font-family: Muli-ExtraBold;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin-bottom: 0px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.brandofferbox h4 label {
  display:block;
  word-wrap:break-word;
}

.brandofferbox h4 span {
  display: block;
  color: #707070;
  font-family: Muli-Regular;
  font-size: 10px;
}

.downlaodreportbtn select {
  background-color: #fff;
  padding: 8px 10px;
  font-size: 11px;
  border: none;
  border-radius: 20px;
  box-shadow: 0px 2px 4px #ccc;
}

.downlaodreportbtn select:focus-visible {
    outline:none;
}

.downlaodreportbtn {
    text-align:center;
}

.downlaodreportbtn button {
    /*background-color: #fff;
  padding: 6px 10px;
  font-size: 11px;
  border-radius: 20px;
  box-shadow: 0px 2px 4px #ccc;*/
    background-color: #fff;
    padding: 8px 10px;
    font-size: 11px;
    border: none;
    border-radius: 20px;
    box-shadow: 0px 2px 4px #ccc;
}

.downlaodreportbtn button:hover {
    box-shadow:0px 1px 8px #ccc;
}

/* .downlaodreportbtn::after {

  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .6em solid;
border-right: .4em solid transparent;
border-bottom: 0;
border-left: .4em solid transparent;
color: #6c3d96;
float: right;
position: relative;
top: -18px;
right: -1px;

} */

.downlaodreportbtn button i {
  padding-left: 5px;
}
.downlaodreportbtn .dropdown-item {
  text-align: left;
  font-size: 13px;
  color: #6c3d96;
  font-family: Muli-Regular;
}

.promochartbtn {
  padding: 10px 2em;
}

.promochartbtn a {
  background-color: #fff;
  padding: 10px 30px;
  font-size: 14px;
  color: #403B43;
  border: none;
  width: 100%;
  text-align: center;
  display: block;
  text-decoration: none;
  margin-top: 0.6em;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-Regular;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.promochartbtn a:hover {
  background-color: #f8f8f8;
  box-shadow: none;
  color: #000;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.promochartbtn .active {
  background-color: #FFC915;
  color: #000;
  font-family: Muli-ExtraBold;
}
.promochartbtn .active:hover {
  background-color: #FFC915;
  color: #000;
}

.promotabline {
  padding: 0.8em 1.2em 3px 1.2em;
}
.promotabline a {
  text-decoration: none;
}
.promotabline a h2 {
  text-decoration: none;
}
.promotabline a h2:hover {
  color: #6c3d96;
}
.promotabline h2 {
  font-family: Muli-ExtraBold;
  font-size: 20px;
  margin-bottom: 0px;
  color: #000;
}
.promotabline h2 span {
  font-family: Muli-SemiBold;
  font-size: 16px;
  padding-left: 50px;
}
.promofilterbtn .dropdown-item {
  font-size: 12px;
  color: #000;  
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.promofilterbtn .dropdown-item:last-child {
  border-bottom: none;
}

/*.voucher-template {
  background-color: #FFD524;
  border-radius: 20px;
  padding: 5px 2em;
  margin: 1em 2em;
  box-shadow: 0px 2px 4px #ccc;
}
*/

.voucher-template {
    /*background-color: #FFD524;*/
    border-radius: 20px;
    padding: 5px 2em;
    margin: 1em 5em;
    box-shadow: 0px 2px 4px #ccc;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /*pointer-events:none;*/
}

/*.owl-carousel, .owl-carousel .owl-item .item {
    margin-bottom:10px;
}*/
/*.owl-carousel .owl-stage-outer {
    margin-bottom:10px;
}*/


.product-overview {
    width: 60%;
    margin: 1em auto 2em;
    text-align: center;
}

.selectproductlist {
  text-align: center;
  padding:0px 10px;
  height: 500px;
  position: relative;
}
.selectproductlist ul {
  padding-left: 0px;
  margin-bottom: 2px;
}
.selectproductlist img {
  margin: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.selectproductlist ul li:nth-of-type(2n+1) {
  background-color: #E3E3E3;
  font-family: Muli-Bold;
  font-size: 14px;
  color: #272743;
  text-align: center;
  padding: 8px 0px;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #bdbdbd;
  margin-bottom: 0px;
}
.selectproductlist ul li {
  background-color: #f0f0f0;
  font-family: Muli-Regular;
  font-size: 12px;
  color: #272743;
  text-align: center;
  padding: 8px 0px;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #bdbdbd;
  margin-bottom: 0px;
}

.selectproductprice {
  font-size: 25px;
  font-family: Muli-Bold;
  color: #4e4e4e;
  background-color: #fff;
  padding: 2px 0px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #bdbdbd;
}


.searchschemebtn {
  text-align: center;
  margin: 0.5em 0px 2em 0px;
}

.searchschemebtn a {
  background-color: #6C3D96;
  padding: 10px 30px;
  font-size: 22px;
  color: #fff;
  border: none;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  margin:0px auto;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.searchschemebtn a:hover {
  background-color: #6f28ad;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}


.countertimer_timer {
    font-size: 14px;
    font-family: 'Muli-Regular';
    padding-top: 5px;
    color:#ff0000;
}


/*----------Ashok Sir code--------------*/

.map-page {
  margin: 1em auto;
}

.mapfixmar {
  margin-left: 20px;
}


.map-page iframe {
  width: 100%;
  height: 400px;
  border: 5px solid #fff!important;
  padding: 0px;
  box-shadow: 0px 2px 4px #ccc;
}

.dealer-search {
  padding: 1em 0px;
  text-align: center;
  width: 40%;
  margin: 0 auto;
  text-transform: uppercase;
}
.dealer-search h4 {
  color: #6c3d96;
  font-family: Muli-Bold;
  font-size: 20px;
}





.input-group-dealer-search {
text-align: center;
position: absolute;
right: 10px;
cursor: pointer;
top:5px;
width: 50px;
height: 40px;
}

.input-group-dealer-search img {
height: 18px;
position: relative;
top: 5px;
left: -5px;
}

.dealer-result
{
  width: 80%;
  background-color: #fff;
  border-radius: 20px;
  margin: 0 auto;
  padding-right:20px;
  margin-bottom: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.dealer-heading h5
{
  color: #6c3d96;
  font-family: Muli-Bold;
  font-size: 14px;
  text-transform: uppercase;
}


.dealer-btn {
  background-color: #ECECEC;
  padding: 10px 20px;
  font-size: 14px;
  text-align: center;
  color: #000;
  border: none;
  width: 100%;
  display: block;
  text-decoration: none;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-Bold;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.dealer-btn:hover {
  background-color: #6f28ad;
  color: #ffffff;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.dealer-details {
  padding: .5rem 0;
}

.dealer-details h3{
  font-family: Muli-ExtraBold;
  font-size: 20px;
  color: #000000;
  margin-bottom: 0px;
  margin-top: 10px;
}

.dealer-details p{
  font-family: Muli-Regular;
  font-size: 12px;
  color: #383838;
  padding-right: 20px;
}

.dealer-details li img
{
  width: 80px;
  height: 79px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dealer-details li div
{
  background-color: #FF0000;
  height: 35px;
  line-height: 35px;
  position: relative;
  top: 44%;
  font-size: 13px;
  left: 50%;
  transform: translate(-50%, -50%);
}


.dealer-heading
{
  width: 80%;
  margin: 0 auto;
}

.dealer-details ul
{
  display: flex;
  padding:5px 20px;
  margin: 0px;
}

.dealer-details ul li
{
  padding: 0;
}

.dealer-details ul li:nth-child(1)
{
  width: 15%;
}
.dealer-details ul li:nth-child(2)
{
  width: 70%;
  padding-left: 20px;
}
.dealer-details ul li:nth-child(3)
{
  padding-top: 15px;
  width: 15%;
  text-align: center;
  font-family: Muli-Bold;
  color: #fff;
}
.dealer-search .control-label {
  margin-left: 30px;
}
.dealer-search input {
  padding-left: 30px;
}

.voucher
{
  width: 80%;
  /* height: 320px; */
  margin: 3em auto;
  background-color: #FFD524;
  border-radius: 20px;
  box-shadow: 5px 5px 4px #22222222;
}

.voucher .voucher-details ul
{
  display:flow-root;
  padding: 0px 20px;
  margin: 10px 0px;
}

.voucher .voucher-details ul li:nth-child(1)
{
  width: 30%;
  height: fit-content;
  float: left;
}
.qrbox {
  background-color: #fff;
  text-align: center;
}

.qrbox .qrimg {
  padding:10px 10px;
}
.voucher .voucher-details ul li:nth-child(2) {
  width: 70%;
  float: left;
  padding-left: 20px;
}
.media-type {
  font-family: Muli-Bold;
  font-size: 14px;
  padding: 5px 0px;
}

.voucher .voucher-details .Short-Description
{
  font-family: Muli-ExtraBold;
  font-size: 22px;
  padding: 5px;
}

.voucher .voucher-details .list-of-products

{
  font-family: Muli-Regular;
  font-size: 18px;
  padding: 5px;
  text-decoration: underline;
}

.find-dealer-in-voucher
{
  position: relative;
  width: fit-content;
  margin:0px auto;
  margin-top: 0px;
  background-color: #6C3D96;
  padding: 8px 30px;
  text-align: center;
  border-radius: 50px;
  font-family: Muli-SemiBold;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  display: block;
}
.find-dealer-in-voucher:hover {
  background-color: #7b3eb1;
  color: #fff;
}

.promo-dates .promo-validity{
  margin: 20px auto;
  text-align: center;

}

.promo-dates .promo-validity p{
  font-family: Muli-Bold;
  font-size: 14px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.promo-dates .promo-validity .dates{
  margin: 0 auto;
  width: 80%;
  background-color: #fff;
  padding: 10px;
  border-radius: 50px;
  font-family: Muli-Bold;
  font-size: 14px;
  text-transform: uppercase;
}



.promo-dates .redemption-validity{
  margin: 20px auto;
  text-align: center;

}

.promo-dates .redemption-validity p{
  font-family: Muli-Bold;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.promo-dates .redemption-validity .dates{
  margin: 0 auto;
  width: 80%;
  background-color: #fff;
  padding: 10px;
  border-radius: 50px;
  font-family: Muli-Bold;
  font-size: 14px;
  text-transform: uppercase;
}

/* voucher page code */

.voucherboxleft {
  padding: 1px 1px;
}
.voucherboxleft ul {
  padding-left: 0px;
  display: block;
  list-style-type:none;
}

.voucherboxleft ul li:first-child {
  /*width: 25%;*/
  width: 35%;
  float: left;
  text-align: center;
}
.voucherboxleft ul li:last-child {
  /*width: 75%;*/
  width: 65%;
  float: left;
}
.voucherbrcode {
  background-color: #fff;
  margin: 15px auto;
  width:fit-content;
  text-align: center;
}
.voucherbrcode img {
  height: auto;
  margin: 0 auto;
  max-height:145px;
  width: auto!important;
}
.voucherbrcode h5 {
  font-family: Muli-Bold;
  font-size: 12px;
  color: #000;
  padding:0px 5px 2px 0px;
  margin-bottom:0px;
}
.voucherdetails {
  padding: 1em 1em;
}
.voucherdetails .voucherpics {
  height: 50px;
  width: auto!important;
}
.voucherdetails h3 {
  font-family: Muli-Bold;
  font-size: 14px;
  color: #000;
  padding: 2px 0px;
  padding-bottom:5px;
  margin-bottom: 0px;
  word-break:break-word;
}
.voucherdetails h2 {
  font-family: Muli-ExtraBold;
  font-size: 18px;
  color: #000;
  padding: 10px 0px;
  padding-bottom:5px;
  margin-bottom: 0px;
  word-break:break-word;
}
.voucherdetails h4 {
  font-family: Muli-Bold;
  font-size: 14px;
  color: #333;
  text-decoration: underline;
}

.vouchervalidity {
  padding: 10px 0em;
  text-align: center;
}
.vouchervalidity p {
  font-family: Muli-Bold;
  font-size: 12px;
  color: #000;
  margin-top: 5px;
  margin-bottom: 5px;
}
.vouchervalidity span {
  display: block;
  font-family: Muli-Bold;
  color: #000;
  font-size: 14px;
  padding: 6px 0px;
  border-radius: 25px;
  background-color: #fff;
}

.vouchertemargin {
  margin: 0px 2em;
}


.owl-carousel .owl-stage-outer {
    margin-left: 12px;
    height: auto !important;
    /*    display:contents;*/
}


#dvAddDealer .overviewbtn {
    margin-top: 0px;
}
#dvRemoveDealer .overviewbtn {
    margin-top: 0px;
}


.vocherbtmres {
    margin-bottom: 2em !important;
}

/*.voucherchosediv {
    width: 80%;
    margin: 0 auto;*/
/*    margin-top:2em;*/
    /*margin-bottom: 2px;
}*/
.voucherchosediv {
    width: 100%;
    margin: 0 auto;
    /*    margin-top:2em;*/
    margin-bottom: 2px;
    margin-left:20px;
}
vocherbtmres {
  margin-bottom:3em;
  margin-bottom:3em;
}
.choseboxc {
    padding: 5px 0px;
    text-align: center;
}

.choseboxc .form-check-inline {
  margin-bottom: 1em;
  font-family: Muli-SemiBold;
  font-size: 16px;
}
.choseboxc .form-check-inline input {
  margin-right: 10px;
}

.choseboxc .color {
  background-color: #fff;
  padding: 10px 10px;
}
.colorrow {
  display: flex;
}
.cl1 {
  width:20%;
  float: left;
  height: 50px;
  margin: 5px;
  border: 2px solid #fff;
  box-shadow: 0px 1px 4px #ccc;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.cl1:hover {
  border: 2px solid #333;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.colorrow .active {
  box-shadow: 0px 1px 4px #565656;
}




.vcolor0 {
    background-color: #fff !important;
}


.vcolor0 .vouchervalidity span {
    box-shadow:0px 0px 4px #ccc;
    background:linear-gradient(to right, #ffffff 0%, #f1f1f1 100%);
}

.vcolor1 {
  background-color: #ff0000 !important;
}
.vcolor1 .voucherdetails h3 {
  color: #fff;
}
.vcolor1 .promo-heading {
  color: #fff;
}
.vcolor1 .voucherdetails h4 button {
  color: #fff;
}
.vcolor1 .voucherdetails button i {
  color: #fff;
}
.vcolor1 .vouchervalidity p {
  color: #fff;
}


.vcolor2 {
  background-color: #7CC534 !important;
}
.vcolor2 .voucherdetails h3 {
    color: #fff;
}
.vcolor2 .promo-heading {
  color: #fff;
}
.vcolor2 .voucherdetails h4 button {
    color: #fff;
}
.vcolor2 .voucherdetails h4 button i {
    color: #fff;
}
.vcolor2 .vouchervalidity p {
    color: #fff;
}

.vcolor3 {  
  background-color: #25B1F7 !important;
}
.vcolor3 .voucherdetails h3 {
  color: #fff;
}
.vcolor3 .promo-heading {
  color: #fff ;
}
.vcolor3 .voucherdetails h4 button {
  color: #fff;
}
.vcolor3 .voucherdetails h4 button i {
  color: #fff;
}
.vcolor3 .vouchervalidity p {
  color: #fff;
}


.vcolor4 {
  background-color: #FA9300 !important;
}
.vcolor4 .voucherdetails h3 {
  color: #fff;
}
.vcolor4 .promo-heading {
  color: #fff;
}
.vcolor4 .voucherdetails h4 button {
  color: #fff;
}
.vcolor4 .voucherdetails h4 button i {
  color: #fff;
}
.vcolor4 .vouchervalidity p {
  color: #fff;
}


.vcolor5 {
  background-color: #4A4A4A !important;
}
.vcolor5 .voucherdetails h3 {
  color: #fff;
}
.vcolor5 .promo-heading {
  color: #fff;
}
.vcolor5 .voucherdetails h4 button {
  color: #fff;
}
.vcolor5 .voucherdetails h4 button i {
  color: #fff;
}
.vcolor5 .vouchervalidity p {
  color: #fff;
}


.vcolor6 {
  background-color: #9B0C5A !important;
}
.vcolor6 .voucherdetails h3 {
  color: #fff;
}
.vcolor6 .promo-heading {
  color: #fff;
}
.vcolor6 .voucherdetails h4 button {
  color: #fff;
}
.vcolor6 .voucherdetails h4 button i {
  color: #fff;
}
.vcolor6 .vouchervalidity p {
  color: #fff;
}


.vcolor7 {
  background-color: #C30E2A !important;
}
.vcolor7 .voucherdetails h3 {
  color: #fff;
}
.vcolor7 .promo-heading {
  color: #fff;
}
.vcolor7 .voucherdetails h4 button {
  color: #fff;
}
.vcolor7 .voucherdetails h4 button i {
  color: #fff;
}
.vcolor7 .vouchervalidity p {
  color: #fff;
}


.vcolor8 {
  background-color: #FFD524 !important;
}

.vcolor9 {
  background-color: #1DAD85 !important;
}
.vcolor9 .voucherdetails h3 {
  color: #fff;
}
.vcolor9 .promo-heading {
  color: #fff;
}
.vcolor9 .voucherdetails h4 button {
  color: #fff!;
}
.vcolor9 .voucherdetails h4 button i {
  color: #fff;
}
.vcolor9 .vouchervalidity p {
  color: #fff;
}


.vcolor10 {
  background-color: #05868A !important;
}
.vcolor10 .voucherdetails h3 {
  color: #fff;
}
.vcolor10 .promo-heading {
  color: #fff;
}
.vcolor10 .voucherdetails h4 button {
  color: #fff;
}
.vcolor10 .voucherdetails h4 button i {
  color: #fff;
}
.vcolor10 .vouchervalidity p {
  color: #fff;
}

.v1 {
  background-color: #ff0000;
  color: #fff;
}
.v1 .voucherdetails h3 {
  color: #fff;
}
.v1 .voucherdetails h4 button {
  color: #fff;
}
.v1 .vouchervalidity p {
  color: #fff;
}

.v2 {
  background-color: #7CC534;
  color: #fff;
}
.v2 .voucherdetails h3 {
  color: #fff;
}
.v2 .voucherdetails h4 button {
  color: #fff;
}
.v2 .vouchervalidity p {
  color: #fff;
}

.v3 {
  background-color: #25B1F7;
  color: #fff;
}
.v3 .voucherdetails h3 {
  color: #fff;
}
.v3 .voucherdetails h4 button {
  color: #fff;
}
.v3 .vouchervalidity p {
  color: #fff;
}

.v4 {
  background-color: #FA9300;
  color: #fff;
}
.v4 .voucherdetails h3 {
  color: #fff;
}
.v4 .voucherdetails h4 button {
  color: #fff;
}
.v4 .vouchervalidity p {
  color: #fff;
}

.v5 {
  background-color: #4A4A4A;
  color: #fff;
}
.v5 .voucherdetails h3 {
  color: #fff;
}
.v5 .voucherdetails h4 button {
  color: #fff;
}
.v5 .vouchervalidity p {
  color: #fff;
}

.v6 {
  background-color: #9B0C5A;
  color: #fff;
}
.v6 .voucherdetails h3 {
  color: #fff;
}
.v6 .voucherdetails h4 button {
  color: #fff;
}
.v6 .vouchervalidity p {
  color: #fff;
}

.v7 {
  background-color: #C30E2A;
  color: #fff;
}
.v7 .voucherdetails h3 {
  color: #fff;
}
.v7 .voucherdetails h4 button {
  color: #fff;
}
.v7 .vouchervalidity p {
  color: #fff;
}

.v8 {
  background-color: #FFD524;
  color: #fff;
}
.v8 .voucherdetails h3 {
  color: #fff;
}
.v8 .voucherdetails h4 button {
  color: #fff;
}
.v8 .vouchervalidity p {
  color: #fff;
}

.v8 {
  background-color: #FFD524;
  color: #fff;
}
.v8 .voucherdetails h3 {
  color: #000;
}
.v8 .voucherdetails h4 button {
  color: #000;
}
.v8 .vouchervalidity p {
  color: #000;
}

.v9 {
  background-color: #1DAD85;
  color: #fff;
}
.v9 .voucherdetails h3 {
  color: #fff;
}
.v9 .voucherdetails h4 button {
  color: #fff;
}
.v9 .vouchervalidity p {
  color: #fff;
}

.v10 {
  background-color: #05868A;
  color: #fff;
}
.v10 .voucherdetails h3 {
  color: #fff;
}
.v10 .voucherdetails h4 button {
  color: #fff;
}
.v10 .vouchervalidity p {
  color: #fff;
}



.vpattern1 {
  background-image: url(../images/pattern1.png);
}
.vpattern1 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vpattern1 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vpattern1 .voucherdetails h4 button {
    color: #333;
}




.vpattern2 {
  background-image: url(../images/pattern2.png);
}
.vpattern2 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vpattern2 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vpattern2 .voucherdetails h4 button {
    color: #333;
}


.vpattern3 {
  background-image: url(../images/pattern3.png);
}
.vpattern3 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vpattern3 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vpattern3 .voucherdetails h4 button {
    color: #333;
}


.vpattern4 {
  background-image: url(../images/pattern4.png);
}
.vpattern4 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vpattern4 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vpattern4 .voucherdetails h4 button {
    color: #333;
}



.vpattern5 {
  background-image: url(../images/pattern5.png);
}
.vpattern5 .voucherdetails h4 button {
    color: #333;
}


.vpattern6 {
  background-image: url(../images/pattern6.png);
}
.vpattern6 .voucherdetails h4 button {
    color: #333;
}

.vpattern7 {
  background-image: url(../images/pattern7.png);
}
.vpattern7 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vpattern7 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vpattern7 .voucherdetails h4 button {
    color: #333;
}


.vpattern8 {
  background-image: url(../images/pattern8.png);
}
.vpattern8 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vpattern8 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vpattern8 .voucherdetails h4 button {
    color: #333;
}



.vpattern9 {
  background-image: url(../images/pattern9.png);
}
.vpattern9 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vpattern9 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vpattern9 .voucherdetails h4 button {
    color: #333;
}




.vpattern10 {
  background-image: url(../images/pattern10.png);
}
.vpattern10 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vpattern10 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vpattern10 .voucherdetails h4 button {
    color: #333;
}



.vmixclr1 {
  background-image: url(../images/mixcolorbg1.png);
}
.vmixclr1 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr1 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr1 .voucherdetails h4 button {
    color: #333;
}
.vmixclr1 .voucherdetails h4 i {
    color: #333;
}

.vmixclr2 {
  background-image: url(../images/mixcolorbg2.png);
}
.vmixclr2 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr2 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr2 .voucherdetails h4 button {
    color: #333;
}
.vmixclr2 .voucherdetails h4 i {
    color: #333;
}


.vmixclr3 {
  background-image: url(../images/mixcolorbg3.png);
}
.vmixclr3 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr3 .vouchervalidity span {
  border: 1px solid #ccc; 
}

.vmixclr4 {
  background-image: url(../images/mixcolorbg4.png);
}
.vmixclr4 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr4 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr4 .voucherdetails h4 button {
    color: #333;
}
.vmixclr4 .voucherdetails h4 i {
    color: #333;
}


.vmixclr5 {
  background-image: url(../images/mixcolorbg5.png);
}
.vmixclr5 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr5 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr5 .voucherdetails h4 button {
    color: #333;
}
.vmixclr5 .voucherdetails h4 i {
    color: #333;
}


.vmixclr6 {
  background-image: url(../images/mixcolorbg6.png);
}
.vmixclr6 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr6 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr6 .voucherdetails h3 {
  color: #fff;
}
.vmixclr6 .promo-heading {
  color: #fff;
}
.vmixclr6 .voucherdetails h4 {
  color: #fff;
}
.vmixclr6 .voucherdetails button {
  color: #fff;
}
.vmixclr6 .voucherdetails h4 button i {
    color: #fff;
}

.vmixclr6 .vouchervalidity p {
  color: #fff;
}




.vmixclr7 {
  background-image: url(../images/mixcolorbg7.png);
}
.vmixclr7 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr7 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr7 .voucherdetails h4 button {
    color: #333;
}
.vmixclr7 .voucherdetails h4 button i {
    color: #333;
}



.vmixclr8 {
  background-image: url(../images/mixcolorbg8.png);
}
.vmixclr8 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr8 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr8 .voucherdetails h3 {
  color: #fff;
}
.vmixclr8 .promo-heading {
  color: #fff;
}
.vmixclr8 .voucherdetails h4 {
  color: #fff;
}
.vmixclr8 .voucherdetails h4 button {
    color: #fff;
}
.vmixclr8 .voucherdetails h4 button i {
    color: #fff;
}
.vmixclr8 .vouchervalidity p {
  color: #fff;
}


.vmixclr9 {
  background-image: url(../images/mixcolorbg9.png);
}
.vmixclr9 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr9 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr9 .voucherdetails h4 button {
    color: #333;
}
.vmixclr9 .voucherdetails h4 button i {
    color: #333;
}


.vmixclr10 {
  background-image: url(../images/mixcolorbg10.png);
}
.vmixclr10 .voucherbrcode {
  border: 1px solid #ccc; 
}
.vmixclr10 .vouchervalidity span {
  border: 1px solid #ccc; 
}
.vmixclr10 .voucherdetails h4 button {
    color: #333;
}
.vmixclr10 .voucherdetails h4 button i {
    color: #333;
}



.voucherbackbtn {
  background-color: #472a61;
  padding: 8px 30px;
  font-size: 18px;
  color: #fff;
  border: none;
  /* border: 1px solid #fff; */
  text-align: center;
  width: 100%;
  display: block;
  text-decoration: none;
  margin-top: 0.6em;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.voucherbackbtn:hover {
  background-color: #6f28ad;
  box-shadow: none;
  /* border: 1px solid #ccc; */
  color: #fff;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.voucherbackbtn i {
  padding-right: 10px;
}

.mc {
  margin: 0 auto;
}

.dealerpagepad {
  margin-left: 30px;
  margin-bottom: 1.2em;
}


.transactionfilter .dealerfilter {
    padding-bottom:10px;
}

.dealerfilter {
  padding-bottom: 0px !important;
}

.dealerfilter p {
  font-family: Muli-SemiBold;
  font-size: 18px;
  color: #6C3D96;
  padding-left: 20px;
  margin-bottom: 0px;
}

.adddealerbtn a {
  background-color: #472a61;
  padding: 8px 30px;
  font-size: 18px;
  color: #fff;
  border: none;
  border: 1px solid #6C3D96;
  text-align: center;
  margin: 0px 0px;
  display: block;
  text-decoration: none;  
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.adddealerbtn a:hover {
  background-color: #6f28ad;
  box-shadow: none;
  border: 1px solid #ccc;
  color: #fff;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.totaldealer {
  background-color: #EBEBF6;
  padding: 8px 15px;
  font-size: 18px;
  color: #3A2250;
  border: none;
  border: 1px solid #6C3D96;
  text-align: left;
  /* margin: 0px 20px; */
  display: block;
  text-decoration: none;  
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.totaldealer button {
  float: right;
  font-size: 20px;
  color: #9365BC;
  position: relative;
  top: 2px;
  background: none;
  right: -2px;
  height: 40px;
  border: none;
  display: flex;
}
.totaldealer button:hover {
  background: none;
  color: #6C3D96;
}

.totaldealer button span {
  font-size: 10px;
  position: relative;
  text-transform: uppercase;
  top:4px;
  font-family: Muli-Bold;
  right: 10px;
}

.totaldealer a {
  float: right;
  font-size: 20px;
  color: #9365BC;
  position: relative;
  top: 2px;
  background: none;
  right: 0px;
  height: auto;
  text-decoration:none;
  border: none;
  display: flex;
}
.totaldealer a:hover {
  background: none;
  color: #6C3D96;
}

.totaldealer a span {
  font-size: 10px;
  position: relative;
  text-transform: uppercase;
  top:4px;
  font-family: Muli-Bold;
  right: 10px;
}

.dealtertblheading button {
  float: right;
  width: 25px;
  height: 25px;
  border: 1px solid #ccc;
  background: none;
  position:relative;
  right: -8px;
}
.dealtertblheading button:hover {
  background: #6C3D96;
  color: #fff;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom: 1px solid #ccc;
}

.dealtertblheading th {
  border-right: 1px solid #ccc;
}
/* .dealeraddlabel label {
  width: 90%;
} */

.dealtertblheading input {
  width: 18px;
  float: left;
  margin-right: 15px;
  position: relative;
  top: 2px;
  margin-left:4px;
}
.dealeraddbox {
  width: 100%;
  display: flex;
  border: none;
  padding: 2px 0px !important;
}
.dealeraddbox .inputdeal {
  width: 50px;
  float: left;
  line-height: 60px;
  text-align: center;
}
.dealeraddbox label {
  width: 89%;
  float: left;
}

#dvReport .dealeraddbox label {
    width: 89%;
    float: left;
    margin-left: 12px;
}

#dvPartialReport .dealeraddbox label {
    width: 89%;
    float: left;
    margin-left: 13px;
}

.dealeraddboxpics {
    width: 70px;
    float: left;
    padding: 10px 0px;
    text-align: center;
}
.dealeraddboxpics img {
  height: 60px;
  margin: 0 auto;
}

.dealeraddboxdetails {
  float: left;
  width: 100%;
  text-align: left;
/*  padding-left: 10px;*/
  padding-top: 10px;
}

  .dealeraddboxdetails h3 {
    font-family: Muli-Bold;
    font-size: 14px;
    color: #000000;
    margin-bottom: 3px;
  }

  .dealeraddboxdetails p {
    font-family: Muli-Regular;
    font-size: 12px;
    width: 100%;
    color: #383838;
    margin-bottom: 2px
  }
  .dealerbtnborder tr:last-child {
    border-bottom: 1px solid #ccc!important;
  }


  .promopagehead {
    width: 100%;
    display: block;
  }
  
  .promopagehead h2 {
    font-size: 18px;
    text-align: center;
    color: #383838;
    margin: 10px 0px;
    font-family: Muli-SemiBold;
  }
  .dealerlistscroll {
    max-height: 450px;
    overflow: auto;
    overflow-x: hidden;
  }

.storelistscroll {
    max-height: 350px;
}

  .dealerlistscroll {
    /*overflow: auto;*/
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
  }
  .dealerlistscroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e4e4e4;
  }

  .dealerlistscroll::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
  }

  .dealerlistscroll table tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg: #f4f4f4;
  }
  .dealerlistscroll table tbody tr {
    background-color: #fff;
  }


  .promoreportfixtable {
    max-height: 450px;
    overflow: auto;
    overflow-x: hidden;
  }

  .promoreportscrolltable {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
  }
  .promoreportscrolltable::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e4e4e4;
  }

  .promoreportscrolltable::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
  }

  .promoreportfixtable table {
    width: max-content;
    height: auto;
  }

  .promoreportfixtable tbody tr td {
    padding: 1.0rem 0.7rem;
    text-align:left;
  }

.promoreportfixtable table tbody tr {
    background-color: #fff;
}
.promoreportfixtable table tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg:#f4f4f4;
}



  .promoreporttablepic {
    padding: 0px 10px;
  }
  .promoreporttablepic img {
    height: 50px;
  }

  .dataTables_length {
    /*padding-top: 2px;
    position:absolute;*/
    padding-left:20px;
  }

.pagifloatright {
    /*float: right;*/
    display: flex;
    padding-left: 5px;
    margin: 15px 0px 10px 0px;
}

.pagirightbtn {
    margin: 13px 0px 10px 0px;
}

.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    display: inline-flex;
    font-family: Muli-SemiBold;
    font-size: 13px;
    padding-top: 8px;
}

.dataTables_length select {
    margin: 0px 10px;
    background-color: #fff;
    border: none;
    color: #6C3D96;
    border-radius: 5px;
    padding: 6px 10px;
    position: relative;
    top: -7px;
    font-size: 14px;
    border: 1px solid #dee2e6;
}


  .promoreportfixtable table th:nth-child(1) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(2) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(3) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(3) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(4) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(5) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(6) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(7) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(8) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(9) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(10) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(11) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(12) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .promoreportfixtable table th:nth-child(13) {
    width: auto;
    padding: 0.5em 1.0em;
  }


  .previewpromo-box {
    background-color: #fff;
    padding: 5px 1em 15px 1em;
    border-radius: 10px;
    box-shadow: 0px 1px 4px #ccc;
    margin-bottom: 0em;
  }


.settlementportfixtable {
  overflow-x: hidden;
}

.settlementportfixtable table {
  width: 1500px;
  height: auto;
}

.settlementportfixtable {
  overflow: scroll;
  max-height: 450px;
}

.settlecom i {
  color: #66C136;
  padding-right: 5px;
}


  .previewpmdesc {
    display: flex;
    /*float: left;*/
  }

.disablebank .previewleft {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}
.disablebank .previewright {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

  .previewleft {
    width: 190px;
    font-size: 16px;
    float: left;
    color: #383838;
    min-width:190px;
    font-family: Muli-Light;
  }

  .previewright {
    font-size: 16px;
    color: #6C3D96;
    font-family: Muli-ExtraBold;
  }

  .previewright a i {
    font-size: 16px;
    color: #6C3D96;
    padding-left: 10px;
    height: 20px;
    line-height: 24px;
    cursor: pointer;
    float: right;
    position: relative;
    top: -2px;
  }

  .previewleft p {
    width: 210px;
    float: left;
  }

.previewright {
    float: left;
    font-size: 14px;
    display: flex;
    max-width: 340px;
    word-break: break-word;
}


.previewright span {
    float: left;
    display: contents;
}

  .previewright i {
    padding-right: 10px;
    position: relative;
    top: 4px;
    color:#6C3D96 !important;
    font-size:16px !important;
  }

  .previewright img {
    padding-right: 10px;
    position: relative;
    top: 4px;
    height:16px;
  }

  /* .previewright p {
  
  } */

 .previewright a {
  font-family: Muli-ExtraBold;
  font-size: 100%;
  color: #6C3D96;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  word-break:break-all;
} 
.previewright a:hover {
  text-decoration:none;
  opacity: 0.8;
  cursor: pointer;
}

.previewright a span {
  font-size: 10px;
  color: #888;
}

/* .previewright a i {
  color: #999;
  padding: 0px 10px;
} */

.previewrow:first-child {
    padding-top:5px;
}

.previewrow {
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
}

.brandsetupwrow {
  /* border-bottom: 1px solid #ccc; */
  padding: 10px 0px;
}

.prevcont {
  width: 200px;
  text-align: left;
padding-right: 20px;
}
.prevcont i {
  width: 50px;
  float: left;
}

.prevcont p {
  /* width: 130px; */
  float: left;
  text-align: left;
  padding-right: 30px;
  margin-bottom: 0px;
}

.costcalubtn {
  /*background-color: #D6C2E8;*/
  padding: 8px 30px;
  font-size: 18px;
  color: #6C3D96!important;
  border: none;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: 0.6em;
  background:none;
  width: 100%;
  border-radius: 30px;
  /*box-shadow: 0px 1px 4px #ccc;*/
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.costcalubtn i {
  padding-right: 10px;
}
.costcalubtn:hover {
  /*background-color: #C7B7D5;*/
  box-shadow: none;
  text-decoration:underline;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.pendingpromo-box {
  /* margin-bottom: 1em; */
}

.pendingpromopad {
  width: 900px;
  margin: 0 auto;
  padding-bottom: 2.5em;
}

.pendingpromo-template {
    background-color: #FFD524;
    border-radius: 20px;
    padding: 5px 10px;
    /*margin-bottom: 1em;*/
    margin: 1px 1px 15px 1px;
    box-shadow: 0px 0px 5px #ababab;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.pendingpromo-template .voucherbrcode img {
  height: auto;
  padding:5px 5px 0px 5px;
}
.pendingpromo-template .voucherdetails .voucherpics { 
  height: 40px;
}
.pendingpromo-template .voucherdetails .voucherpics:nth-child(2) { 
  height: 40px;
}
.pendingpromo-template .voucherdetails h2 {
  font-size: 18px;
}
.pendingpromo-template .voucherdetails h3 {
  font-size: 14px;
}
.pendingpromo-template .voucherdetails h4 {
  font-size: 14px;
}
.pendingpromo-template .voucherdetails h4 i {
  color: #333;
  padding-left: 10px;
  font-size: 15px;
}
.pendingpromo-template .vouchervalidity span {
  font-size: 14px;
}
.pendingpromo-template .voucherboxleft {
  padding: 5px 0px;
  display: flow-root;
}
.pendingpromo-template .vouchervalidity {
  padding: 10px 1em;
}
.pendingpromo-template .vouchervalidity .status {
  margin: 0px;
  color: #F5000B;
  font-family: Muli-SemiBold;
}

.pendingpromo-template .vouchervalidity .status-approved {
  margin: 0px;
  color: #3B9D6C;
  font-family: Muli-SemiBold;
}


.pendingpromo-template .voucherboxleft ul li:first-child {
  width: 30%;
  float: left;
}

.pendingpromo-template .voucherboxleft ul li:last-child {
  width: 70%;
}
.pendingpromo-template .voucherbrcode h5 {
  font-size: 10px;
  padding: 2px 8px;
  word-break:break-word;
}
.pendingpromo-template .vouchervalidity p {
  margin-top: 5px;
}
.pendingpromo-template .voucherdetails {
  padding: 10px 1em;
}
.pendingpromo-template .voucherbrcode {
  margin: 10px 5px;
}
  
.promoreportrow {
  /*width: 900px;*/
  width:100%;
  margin: 0 auto;
  /*padding: 0px 10px 10px 10px;*/
  padding:0px;
  border-radius: 10px;
  margin-bottom: 1em;
  background-color: #fff;
  box-shadow: 0px 1px 4px #ccc;
}


.managecurm {
    padding: 0.5em 0em;
}

.preportfilter {
    display: flow-root;
    width: 100%;
}
.preportfiltersearch {
  width: 60%;
  float: left;
}
.preportfilterbtn {
  width: 40%;
  float: left;
  padding: 0px 0px 0px 15px;
}
.promoreportbtn {
  font-size: 14px;
  margin-top: 10px;
  padding: 12px 10px;
}

.dealerseachtbtn {
  font-size: 18px;
  margin-top: 0px;
  padding: 8px 20px;
  width:initial !important;
}

.promodesframe {
  background-color: #fff;
  padding: 0.5em 2em 1.5em 2em;
  border-radius: 10px;
  box-shadow: 0px 1px 3px #ccc;
  margin-bottom: 1.5em;
  width: 500px;
  margin:5px auto 2em auto;
}

.form-group textarea {
  height: 200px;
font-size: 14px;
color: #6C3D96;
width: 100%;
padding-left: 50px;
padding-top: 15px;
padding-right: 15px;
border: 2px solid #D6C2E8;
border-radius: 20px;
font-family: Muli-Regular;
}

.form-group textarea:focus-visible {
    outline: 1px solid #6619AB !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #000;
    border: 2px solid #6619AB;
    font-weight: normal;
}



.promodesmatter {
  font-family: Muli-Regular;
  font-style: italic;
  font-size: 10px;
  color: #000;
  margin: 2em 15px;
}
.promodesnote {
  font-family: Muli-Regular;
  font-size: 10px;
  color: #000;
  padding: 5px 10px;
  padding-bottom:0px;
  margin-bottom:0px;
}

.addbtnbox {
  display: flex;
  margin: 0px 10px;
}
 .addmediabtn {
  color: #6C3D96;
  font-size: 34px;
  margin: 0px 8px;
  text-align: center;
  border: none;
  background:none;
  position:relative;
  top:14px;
}

.addmediabtn:hover {
  color: #874FBA;
}

.deletemediabtn {
  color: #adadad;
  font-size: 34px;
  margin: 7px 8px;
  text-align: center;
}

.deletemediabtn:hover {
  color: #7a7a7a;
}

.padright {
  padding-right: 0px;
}
.padleft {
  padding-left: 0px;
}
.addmedianote {
  font-family: Muli-Regular;
  font-size: 14px;
  color: #333;
  text-align:center;
}
.addmedianote i {
  color: #66C136;
  font-size: 20px;
  position: relative;
  top: 3px;
  padding-right: 10px;
}

.costcalcuframe {
  background-color: #fff;
  padding: 0.5em 0em 1.5em 0em;
  border-radius: 10px;
  box-shadow: 0px 1px 3px #ccc;
  width: 800px;
  margin-left: 20px;
  margin: 0 auto;
  margin-bottom:2.5em;
}

.calcutable {
    padding:0px;
    margin-top:8px;
}

.calcutable table {
    margin-bottom:8px;
}

.calcutable thead {
    background: #F7EEFF;
    color: #3A2250;
    font-family: Muli-Regular;
    font-size: 14px;
    font-weight: normal;
    position: sticky;
    top: 0;
    z-index: 1;
}

.calcutable table thead {
    background: #F7EEFF;
    color: #3A2250;
    font-family: Muli-Regular;
    font-size: 14px;
    font-weight: normal;
    position: sticky;
    top: 0;
    z-index: 1;
}

.calcutable table tr td {
    width: min-content;
    /*max-width: 200px;*/
}
.calcutable table tbody tr td {
    width: min-content;
    font-size:12px;
}
.calcutable table tbody tr td:first-child {
    width:170px;
}
.calcutable table thead tr th {
    width: min-content;
    font-size:14px;
}
.calcutable table tbody tr {
    background-color:#fff;
}
.calcutable table tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg:#f4f4f4;
}

.calcutable {
    max-height: 350px;
    overflow: auto;
    overflow-x: hidden;
}

.calcutable {
    /*overflow: auto;*/
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}
.calcutable::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e4e4e4;
}

.calcutable::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
}

.costnote {
    font-family: Muli-Regular;
    font-size: 10px;
    color: #333;
    text-align: left;
    margin-top: 20px;
}
.costnote i {
  color: #d7d7d7;
  font-size: 14px;
  position: relative;
  top: 0px;
  padding-right: 5px;
}
.costcalcuframe hr {
  margin-bottom: 0px;
  margin-top: 5px;
}

.totalcostpromo {
  padding: 5px 20px;
  background-color:#6C3D96;
  border-radius: 10px;
  width: 100%;
  text-align: right;
  font-family: Muli-Bold;
  color: #fff;
  font-size: 30px;
  display: block;
  border: none;
  text-decoration: none;
  margin: 12px auto;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.totalcostpromo:hover {
  background-color:#6C3D96;
  color: #fff;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.totalcostpromo span {
  font-size: 20px;
  font-family: Muli-Bold;
  padding: 0px 0px;
  float: left;
  position: relative;
  top: 8px;
}

.controls .label {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
}

.controls select, .controls button {
  font-size: 15px;
  font-weight: 300;
  font-family: monospace;
  text-transform: uppercase;
  background: #fff;
  border-radius: 2px;
  width: 155px;
  margin-bottom: 3%;
}

.controls select:hover, .controls button:hover {
  background-color: #3d3d3d;
  color: #fff;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

.brandprofilebr {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
}


/* =================Ashok sir code================== */

.bankemi
{
  padding: 8px 0px;
}

.bankemi p
{
  font-size: .75rem;
  padding-left: 32px;
  color: var(--text-grey1);
}


div .info p
{
  font-size: .75rem;
  padding-left: 6px;
  color: var(--text-grey1);
}


.blackoutdates:first-child {
  margin-top: 5px;
  margin-bottom: 5px;
  z-index:99;
}
.blackoutdates {
  padding: 0px 15px;
}
.blackoutdates label {
  font-size: 11px;
  color: #000;
  font-family: Muli-SemiBold;
  position: relative;
  left: 5px;
  top: -2px;
}


.boshow {
    display:inline-flex;
}
.boshow label {
    top: 2px;
}
.boshow .showhim-configure {
    margin-left:10px;
}


.prcheckbox {
  padding: 0px 5px;
}
.prcheckbox label {
  font-size: 11px;
  color: #000;
  font-family: Muli-SemiBold;
  position: relative;
  left: 5px;
  top: -2px;
}
.prcheckbox p {
  font-size: .75rem;
  padding-left: 23px;
  color: #8692A2;
  margin-bottom: 0px;
}

.tandctab {
  margin-top: 10px;
  /*padding-left: 20px;*/
}
.tandctab p {
  font-size: .75rem;
  padding-left: 5px;
  color: #333;
  font-family:Muli-Regular;
  background-color: #ded5e7;
  text-align: justify;
  margin-bottom: 0px;
  line-height:inherit;
  padding:12px;
  border-radius:10px;
}

.configuremi {
  /*padding: 10px 15px;*/
  padding: 0px 0px 0px 5px;
  margin-bottom:12px;
}

.blackoutdates
{
  margin-top: 5px;
  /* margin-bottom: 10px; */
}

#locationmode .btn-close {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 99;
}
#smssendform .btn-close {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 99;
}

.smsicon {
  height: 80px;
  margin-bottom: 1em;
}

/* ======promo final configure tabs code start========= */

.finalconfigur-promo {
  margin: 0.5em 0px 2em 1.7em;
}

.multitabs {
  background-color: #fff;
}

.finalconfigur-promo .configuretabs {
  width: 20%;
  float: left;
  padding: 10px 0px;
  margin-bottom: 0px;
  background-color: #f4e8ff;
  box-shadow: 0px 1px 4px #b8b8b8;
}

.finalconfigur-promo .tab-content {
  width: 80%;
  float: left;
  background-color: #fff;
  position: relative;
  display: inline-table;
}
.configuretabs ul { 
  height: fit-content;
  border-bottom:none;
}


.configuretabs li {
  width: 100%;
  height: 50px;
}

.configuretabs .nav-link {
  color: #6C3D96;
  font-family: Muli-Regular;
  font-size: 14px;
  margin-left: 5px;
}

.configuretabs .nav-link.active {
  color: #6C3D96;
  font-family: Muli-Bold;
  font-size: 14px;
  margin-left: 5px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  box-shadow: 0px 2px 4px #ccc;
}


/*=========promo configure tabs end==============================*/




.chosevoucherbtn {
  margin: 10px 0px;
}

.chosevoucherbtn a {
  display: block;
  padding: 10px 15px;
  width: 300px;
  font-family: Muli-Bold;
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  background-color: #6C3D96;
}
.chosevoucherbtn a img {
  height: 20px;
  padding-right: 10px;
}

.chosevoucherbtn button {
  display: block;
  padding: 10px 20px;
  width: fit-content;
  font-family: Muli-Bold;
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  background-color: #6C3D96;
  border: none;
  text-align: left;
}
.chosevoucherbtn button img {
  height: 20px;
  padding-right: 10px;
}
.chosevoucherbtn button i {
  height: 20px;
  padding-right: 5px;
}



.vouchermedia {
  height: 250px;
  padding-right: 20px;
  overflow:auto;
  overflow-x: hidden;
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
  max-height:380px;
}

.vouchermedia::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #e4e4e4;
}

.vouchermedia::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}
    
.promoprdset {
  margin: 0.5em 0px 0.5em 0px;
}

.bankmultimar {
    margin-top: 10px !important;
    margin-left: 5px !important;
}

/* .promoprdset {
  margin: 1.5em 0px 2em 0px;
} */

/*========timepicker code start===========*/
.wickedpicker {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0 0 0 1px rgba(14, 41, 57, 0.12), 0 2px 5px rgba(14, 41, 57, 0.44), inset 0 -1px 2px rgba(14, 41, 57, 0.15);
  background: #fefefe;
  margin: 0 auto;
  border-radius: 0.1px;
  width: 200px;
  height: auto;
  font-size: 14px;
  z-index: 999;
  display: none;
}

.wickedpicker__title {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  position: relative;
  background: #f2f2f2;
  margin: 0 auto;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 11px 10px 15px;
  color: #4C4C4C;
  font-size: 0px!important;
  font-size: inherit;;
}

/*.wickedpicker__close {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    position: absolute;
    top: 25%;
    right: 10px;
    color: #34495e;
    font-size: 14px;
    cursor: pointer;
}*/

.wickedpicker__close {
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
  position: absolute;
  top: 25%;
  right: 10px;
  color: #34495e;
  font-size: 14px;
  cursor: pointer;
      background: url(../images/xmark-close.svg) no-repeat 99% 40%;
    -webkit-appearance: none;
    width: -webkit-fill-available;
    height: 40px;
}

/*.wickedpicker__close:before {
  content: "✕";
}*/

.wickedpicker__controls {
  padding: 1px 0 6px 0px;
  line-height: normal;
  margin: 0;
}

.wickedpicker__controls__control, .wickedpicker__controls__control--separator {
  vertical-align: middle;
  display: inline-block;
  font-size: inherit;
  margin: 0 auto;
  width: 35px;
  letter-spacing: 1.3px;
  font-family: Muli-Bold;
  font-size: 16px;
  margin: 0px 10px;
}

.wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
  color: #000000;
  position: relative;
  display: block;
  margin: 3px auto;
  font-size: 18px;
  cursor: pointer;
  font-weight: bold;
  margin-right: 10px;
}

.wickedpicker__controls__control--hours {
  border: 1px solid #ccc;
  padding: 3px 9px;
}

.wickedpicker__controls__control--minutes {
  border: 1px solid #ccc;
  padding: 3px 9px;
}

.wickedpicker__controls__control--meridiem {
  border: 1px solid #ccc;
  padding: 3px 9px;
}

.wickedpicker__controls__control-up:before {
  /* content: "∧"; */
  content: '';
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  border-bottom: solid 10px #6c3d96;
  position: relative;
  left: 8px;  
}

.wickedpicker__controls__control-down:after {
  /* content: "∨"; */
  content: '';
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  border-top: solid 10px #6c3d96;
  position: relative;
  left: 8px;
}

.wickedpicker__controls__control--separator {
  width: 5px;
  margin: 0px 5px;
}

.text-center, .wickedpicker__title, .wickedpicker__controls, .wickedpicker__controls__control, .wickedpicker__controls__control--separator, .wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
  text-align: center;
}

.hover-state {
  color: #3498db;
}

.fontello:before, .wickedpicker__controls__control-up:before, .fontello-after:after, .wickedpicker__controls__control-down:after {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.clearable-picker {
  position: relative;
  display: inline-block;
}

.clearable-picker > .hasWickedpicker {
  padding-right: 1em;
}

.clearable-picker > .hasWickedpicker::-ms-clear {
  display: none;
}

.clearable-picker > [data-clear-picker] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 0.8em;
  padding: 0 0.3em 0.2em;
  line-height: 1;
  color: #bababa;
  cursor: pointer;
}

.clearable-picker > [data-clear-picker]:hover {
  color: #a1a1a1;
}
/*========timepicker code end=============*/

.weekdays {
  margin: 1.0em 1em;
}

.weekdays span {
  color: #6C3D96;
  font-size: 14px;
  font-family: Muli-SemiBold;
  display: block;
  padding: 2px 0px;
}
.weekdays span button {
  background: none;
  border: none;
  color: #6C3D96;
  font-size: 20px;
  margin-left: 7px;
  top: 3px;
  position: relative;
}


/*---merchant module code start----- */

.scanpromo-merchant {
  margin: 1em 0px;
  text-align: center;
}
.scanpromo-merchant a {
  background-color: #D6C2E8;
  border: 1px solid #6C3D96;
  padding: 10px 20px;
  color: #6C3D96;
  font-size: 16px;
  text-decoration: none;
  font-family: Muli-SemiBold;
  border-radius: 6px;
}
.scanpromo-merchant a:hover {
  background-color: #E6D7F3;
}
.scanpromo-merchant a i {
  font-size: 25px;
  color: #6C3D96;
  padding-right: 10px;
  position: relative;
  top: 3px;
}
.promonumnotification {
  background-color: #ff0000;
  width: 35px;
  height: 34px;
  border-radius: 50%;
  display: block;
  color: #fff;
  font-family: Muli-Bold;
  font-size:18px;
  padding-top: 3px;
  position: absolute;
  top: -12px;
  right: -12px;
  box-shadow: 0px 1px 3px #7a7a7a;
}

.scanepromofit {
  width: 400px;
  margin: 2em auto;
  padding: 1em 2em;
  border: 1px solid #ccc;
}

.scaneprpic img {
  padding: 1em;
  border: 1px solid #ccc;
  background-color: #fff;
}

.promoactivatefit {
  width: 90%;
  margin: 0 auto;
}
.prterm {
  font-family: Muli-Regular;
  color: #000;
  font-size: 12px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: -10px;
}
.promoactive span {
  font-size: 16px;
}
.promoactive img {
  height: auto;
}

.onloadcl .btn-close {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 99;
}
.onloadcl .modal-dialog {
  max-width: 500px;
  /* margin: 8.75rem auto; */
  border-radius: 20px;
}
.onloadcl  .modal-content {
  border-radius: 10px;
}

.activateopps {
  margin: 0.5em 10px;
  text-align: center;
}
.activateopps i {
  font-size: 30px;
  color: #ff0000;
}
.activateopps span {
  text-align:center;
  display: block;
  font-size: 20px;
  color: #ff0000;
  font-family: Muli-SemiBold;
}

.activateopps p {
  text-align:center;
  font-size: 18px;
  color: #000;
  margin: 1em 0px 1em 0px;
  font-family: Muli-SemiBold;
}

.activateoppsbtn {
  margin: 0px 1em;
}

.activateopps .note {
  text-align:center;
  font-size: 12px;
  color: #000;
  margin-bottom: 0px;
  font-family: Muli-Regular;
}

.activeprarrow i {
  color: #fff;
  font-size: 20px;
  padding-left: 10px;
}

.termconditionfit {
  background-color: #fff;
  padding: 1em 2em 1em 2em;
  border-radius: 20px;
  box-shadow: 0px 1px 3px #ccc;
  margin-bottom: 1.5em;
  width: 600px;
  margin: 0 auto;
}

.termlogo {
  text-align: center;
}
.termlogo img {
  height: 50px;
}
.termlogo h2 {
  text-align:center;
  font-size: 25px;
  color: #000;
  width: 60%;
  margin: 10px auto;
  font-family: Muli-SemiBold;
}
.input-group-cvv i {
  font-size: 20px;
  position: relative;
  top: 8px;
  color:#6C3D96;
  left: -5px;
}

.termlogo h4 {
  text-align:center;
  font-size: 20px;
  color: #000;
  padding: 0px 2em;
  margin: 15px auto;
  font-family: Muli-SemiBold;
}

.termrow {
  border-top: 1px solid #ccc;
}
.termrow input {
  cursor: pointer;
}

.brandactive {
  margin-bottom: 10px;
}

.termhead {
  padding: 10px 0px;
}
.termhead label {
  font-family: Muli-Bold;
  font-size: 12px;
  color: #767479;
} 
.termhead p {
  font-family: Muli-SemiBold;
  font-size: 16px;
  color: #000;
  margin-bottom: 0px;
} 


.introbtn {
  background-color: #6C3D96;
  padding: 10px 30px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  border: none;
  position: relative;
  top: 2em;
  border-radius: 30px;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.introbtn:hover {
  background-color: #8f46ce;
  color: #fff;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.termcheck {
  display: block;
}
.termcheck a {
  position: initial;
}
.termcheck .savecard {
  margin-bottom: 1em;
}

.termcheckbtn {
  text-align: center;
  margin-bottom: 1em;
}

.merchantbonuspromo {
  margin: 2em 0px;
}
.merchantbonuspromo h2 {
  font-size: 25px;
  font-family: Muli-SemiBold;
  color: #6C3D96;
  margin: 0em 0px 1em 0px;
  padding: 0px 5px;
}

.mcviewpromo {
  padding: 5px 10px;
  background-color: #fff;
  box-shadow: 0px 1px 4px #ccc;
  border-radius: 15px;
  text-align: center;
  border: 2px solid #3B9D6C;
  position: relative;
  display: block;
  text-decoration: none;
  transition: transform .2s; /* Animation */
  transform: scale(1.0);
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.mcviewpromo:hover {
  transform: scale(1.05);
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.mcviewpromo .brandlogo {
  height: 40px;
  margin: 1em 0px 2em 0px;
}
.mcviewpromo a {
  display: block;
  background-color: #3B9D6C;
  padding: 6px 20px;
  color: #fff;
  margin: 0px 18px;
  text-align: center;
  font-size: 15px;
  border-radius: 20px;
  text-decoration: none;
  font-family: Muli-SemiBold;
  box-shadow: 0px 1px 4px #8a8a8a;
}
.mcviewpromo a:hover {
  box-shadow: none;
}

.mcviewpromo .btn {
  display: block;
  background-color: #3B9D6C;
  padding: 6px 20px;
  color: #fff;
  margin: 0px 18px;
  text-align: center;
  font-size: 15px;
  border-radius: 20px;
  text-decoration: none;
  font-family: Muli-SemiBold;
  box-shadow: 0px 1px 4px #8a8a8a;
}


.mcviewpromo p {
  text-align: center;
  font-family: Muli-SemiBold;
  font-size: 12px;
  color: #3B9D6C;
  margin: 10px 0px 5px 0px;
}
.mcviewpromo p span {
  float: right;
  color: #000;
  position: relative;
  right: 10px;
}
.prnotactive {
  border: 2px solid #ff0000;
}
.prnotactive .btn {
  background-color: #ff0000;
}
.prnotactive p {
  color: #ff0000;
}

.merchantdashbox {
  background-color: #fff;
  padding: 10px 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 1em;
  box-shadow: 0px 1px 4px #ccc;
}

.merchpricon .nav-link.active i {
  font-size: 14px !important;
}

.merchpricon .nav-link i {
  font-size: 12px !important;
}

.merchant-training {
  padding: 0px;
}

.traininglist {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  text-decoration: none;
}
.traininglist:hover {
  color: #000;
  background-color: #f1f1f1;
}

.traininglist .icon {
  width: 50px;
  color: #767479;
  font-size: 30px;
  text-align: center;
}
.traininglist .icon i {
  position: relative;
  top: 5px;
}

.traininglist .content {
  width: 75%;
}
.traininglist .content p {
  font-size: 16px;
  font-family: Muli-SemiBold;
  color: #000;
  margin-bottom: 0px;
  position: relative;
  top: 6px;
}
.traininglist .content span {
  font-size: 10px;
  font-family: Muli-Regular;
  color: #999;
  display: block;
  line-height: 15px;
  margin-top: 10px;
}

.traininglist .arrow {
  font-size: 27px;
  position: relative;
  right: 0px;
  width: 47px;
  text-align: center;
}
.traininglist .arrow i {
  position: relative;
  top: 5px;
  color: #767479;
}
.merchant-training .traininglist:last-child {
  border-bottom: none;
}


/* merchant modual calender code start */

.calendergrid1 {
  width: 70%;
  float: left;
}
.calendergrid2 {
  width: 30%;
  float: left;
}

#calender {
  width: 300px;
  height: 300px;
  padding: 5px;
  background: #FFFFFF;

}
#calender .nav {
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  background-color: #F5F2F8;
  border: 2px solid #DBDBDB;
}
#calender .nav button {
  background: #B8B2BE;
  border: none;
  outline: none;
  color: #FFFFFF;
  padding: 5px 8px;
  font-weight: 600;
  border-radius: 3px;
}
table {
  border: 1px solid #DBDBDB;
  background: #F4F4F4;
  width: 100%;
  height: auto;
  font-size: 15px;
}
table td {
  border: 1px solid #DBDBDB;
  padding: 5px;
  text-align: center;
  /* cursor: pointer; */
  vertical-align: middle;
}
.normal {
  color: rgba(0,0,0,.8)
}
.closed {
  color: #DBDBDB;
  cursor: default;
}
.picked {
  background: green;
}
#month {
  display: inline-block;
}
/* merchante modual calender code end */

.merchantdashboardfix {
  width: 96%;
  margin: 0 auto;
  margin-left: 50px;
}

.salingbox {
  padding: 10px 5px;
  background-color: #ECECEC;
  border-radius: 15px;
  margin: 0em 0px 1em 0px;
  box-shadow: 0px 1px 4px #ccc;
}
.salingbox p {
  font-family: Muli-SemiBold;
  color: #000;
  text-align: center;
  font-size: 13px;
  margin-bottom: 10px;
}
.salingbox p i {
  padding: 4px 5px;
  border-radius: 5px;
  margin-right: 5px;
  background-color: #fff;
  box-shadow: 0px 1px 3px #ccc;
}
.salingbox h3 {
  font-family: Muli-Bold;
  color: #000;
  margin: 10px 0px;
  text-align: center;
  font-size: 22px;
}
.salingbox span {
  font-family: Muli-Regular;
  color: #767479;
  text-align: center;
  font-size: 14px;
  display: block;
}
.salingbox span b {
  display: block;
  font-family: Muli-Regular;
  color: #767479;
  text-align: center;
  font-size: 12px;
}
.salingbox span b i {
  color: #000;
  margin-right: 5px;
}

.calenderheading {
  margin: 10px 0px;
}

.calenderheading #month {
  font-size: 20px;
  font-family: Muli-SemiBold;
}
.calenderheading #year {
  font-size: 20px;
  font-family: Muli-SemiBold;
}

.selectproductpriceinputbp {
  font-size: 22px;
  font-family: Muli-Bold;
  color: #6c3d96;
  background-color: #fff;
  padding: 6px 0px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #bdbdbd;
  border: none;
  width: 100%;
  margin-bottom: 0em;
}

.radiobtnemi {
  padding: 10px 2em;
  margin-bottom: 2em;
  font-family: Muli-Bold;
  font-size: 15px;
}
.radiobtnemi .form-check {
  text-align: left;
}
.radiobtnemi .form-check input {
  margin-right: 20px;
}

.merchantemibox {
  margin-bottom: 3em;  
  margin-left: 25px;
}

.emiboxbgfit {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 1px 4px #ccc;
}

.emiboxbgfit .emi-table {
  /* margin-left: 0px; */
  width: 95%;
  margin: 15px auto;
  /* margin-top: 10px; */
}

.emiboxbgfit .slidermar {
  width: 90%;
  margin: 0 auto;
}

/* merchant payment settlement table code start */

.merchantpaysetletable {
  margin: 2em 0px 0px 0px;
}
.merchantpaysetletable .tab-content {
  padding: 0px;
}
.merchantpaysetletable .nav-tabs .nav-link.active {
  background-color: #F4E8FF;
  color: #6C3D96;
  font-family: Muli-Bold;
  font-size: 16px;
  padding: 15px 20px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border: none;
}
.merchantpaysetletable .nav-tabs .nav-link {
  background-color: #fff;
  color: #888;
  font-family: Muli-Bold;
  font-size: 12px;
  padding: 18px 20px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border: none;
}
.merchantpaysetletable .nav-tabs {
  margin-bottom: 0em;
  border-bottom: none;
  margin-left: 5px;
}

.merchantpaysetletable .breakupbtn a {
  top: 1px;
}

/* merchant payment settlement table code end */

.merchantcalenderfit {
  height: auto;
}

.merchantpromodetalis {
  padding: 5px 0px 0px 0px;
  display:block;
  text-align: center;
}
.merchantpromodetalis a {
  padding: 8px 35px;
  border: 1px solid #6C3D96;
  background-color: #fff;
  color: #6C3D96;
  border-radius: 20px;
  /* margin: 5px 0px; */
  margin-top: 5px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  font-family: Muli-Regular;
  display: inline-block;
}

.merchantpromodetalis a:hover {
  background-color: #6C3D96;
  color: #fff;
}

.brandsetupuploadrow {
  padding: 15px 0px;
  border-bottom: 1px solid #ccc;
}

.brandsetupuploaddiv {
  width: 60%;
  margin: 0 auto;
}

.brandsetupupload {
  display: flex;
  width: 90%;
  margin: 0 auto;
}

.brandsetupupload .file {
  border: 1px solid #ccc;
  width: 60px;
  height: 59px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-align: center;
  float: right;
}
.brandsetupupload .file img {
  height: 22px;
  position: relative;
  top: 16px;
  cursor: pointer;
}
.brandsetupupload .file input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

.brandsetupupload p {
  font-size: 18px;
  font-family: Muli-SemiBold;
  color: #6C3D96;
  margin-bottom: 0px;
  margin-right: 20px;
  position: relative;
  top: 16px;
  height: 40px;
  float: left;
  margin: 0 auto;
}

.brandsetupupload span {
  font-size: 14px;
  font-family: Muli-SemiBold;
  color: #333;
  margin-bottom: 0px;
  margin-left: 20px;
  position: relative;
  top: 16px;
  height: 40px;
}

.brandsetupupload span i {
  padding-left: 5px;
}

.noteseupbrand {
  font-family: Muli-Regular;
  font-size: 12px;
  color: #888;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  margin-top: 15px;
}

.brandsetupupload button {
  background-color: #472a61;
  padding: 8px 25px;
  font-size: 16px;
  color: #fff!important;
  border: none;
  margin-top: 10px;
  margin-left: 20px;
  width: fit-content;
  text-align: center;
  text-decoration: none;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #ccc;
  font-family: Muli-SemiBold;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.brandsetupupload button:hover {
  background-color: #6f28ad;
  box-shadow: none;
  -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.brandsetupaddrow .addmediabtn {
  margin: 0px 8px;
  position: relative;
  top: 13px;
}

.brandmsg .promoapprovalpop h2 {
  color: #19C785;
  font-family: Muli-Bold;
}

.brandmsg .promoapprovalpop h2 span {
  font-family: Muli-Regular;
  font-size: 13px;
  line-height: 20px;
  padding-top: 8px;
}


.promocharttabs .accordion-body {
    padding: 15px 10px;
}

.chartprohead {
writing-mode: sideways-lr;
writing-mode: vertical-rl;
text-orientation: mixed;
position: absolute;
top: 22%;
font-size: 10px;
font-family: Muli-SemiBold;
}


.chart-container canvas {
    width:95%!important;
    margin-left:15px;
}


.chart-container #myChart {
    margin-left: 20px;
    width: 94% !important;
}

.chart-container #myChart2 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart3 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart4 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart5 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart6 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart7 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart8 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart9 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart10 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart11 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart12 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart13 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart14 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart15 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart16 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart17 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart18 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart19 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart20 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart21 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart22 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart23 {
  margin-left: 20px;
  width: 94%!important;
}

.chart-container #myChart24 {
  margin-left: 20px;
  width: 94%!important;
}

.promocharttabs .accordion-button:not(.collapsed) {
  background-color: #FFC915;
  color: #000;
  font-family: Muli-ExtraBold;
}

.promocharttabs .accordion-button:nth-child(1) {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.promocharttabs .accordion-item:nth-child(1) {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.fmar {
  font-size: 12px;
}

.profiledate {
  margin-top: 15px;
  margin-bottom: 15px;
}

.profiledate label {
  width: 35%;
}
.genderpost {
  position: relative;
  top: 0px;
  font-size: 12px;
  padding: 0px 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.brandprofilefix .input-group-cvv {
  top: 14px;  
}
.brandprofilefix .input-group-cvv img {
  top: 0px;
}

.brandprofilefix .mb {
  top: 11px;
}
.profilefixwid {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.multitabs .tab-pane {
  padding: 5px 0px;
}
.wishlistcustomer {
  margin-bottom: 10px;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 1px 4px #ccc;
}

.pastpromocustomer .promoheading h2 {
  color: #848484;
}

.pastpromobg {
  background-color: #F7F7FE;
}

.pastpromobg .accordion-button:not(.collapsed) {
  background-color: #E4E4E4;
  color: #676767;
}

.pastpromobg .accordion-button {
  color: #676767;
}

.pastpromobg h4 {
  color: #676767;
}

#customerqrpopup .modal-dialog {
  /* margin: 8.75rem auto; */
}
.customerqrpopdiv img {
  height: auto;
  max-height: 450px
}

.btnPrevious {
  font-size: 18px;
}




/* -------------Multiselect Dropdown css start--------------------- */



.dropmultiselect {
  position: relative;
  margin-top: 10px;
}

.dropmultiselect .multi-select_field {
  height: 50px;
font-size: 14px;
color: #777;
width: 100%;
background-color: #fff;
padding-left: 60px;
line-height: 42px;
border: 2px solid #D6C2E8;
border-radius: 30px;
font-family: Muli-Regular;
}
.dropmulti-cvv {
  text-align: center;
  position: absolute;
  left: 15px;
  cursor: pointer;
  top: 5px;
  width: 50px;
  height: 40px;
  z-index: 99;
}
.dropmulti-cvv img {
  height: 18px;
  position: relative;
  top: 5px;
  left: -10px;
}
.multi-select_options {
  z-index: 9;
}

.multi-select {
  position: relative;
  max-width: 100%;
  width: 100%;
}
.multi-select, .multi-select *, .multi-select *:before, .multi-select *:after {
  box-sizing: border-box;
}
.multi-select_field, .multi-select_option {
  background: #fff;
  padding-left: 2px;
}
.multi-select_field {
  position: relative;
  height: 25px;
  padding-left: 2px;
  border: 1px solid #aaa;
  line-height: 25px;
  cursor: default;
}
.multi-select_field:hover {
  border-color: #888;
}
.multi-select_field:after {
  content: "";
  position: absolute;
  right: 8px;
  width: 0;
  border-top: 10px solid #6c3d96;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  top: 50%;
  transform: translateY(-50%);
}
.multi-select_field.is-empty {
  color: #aaa;
}
.multi-select_options {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 200px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  overflow-x: hidden;
  border-radius: 15px;
  padding: 10px 0px;
  margin-top: 5px;
}
.is-active .multi-select_options {
  display: block;
}
.multi-select_option {
  background: transparent;
  position: relative;
  z-index: 101;
  height: 35px;
  font-size: 14px;
  font-family: Muli-Regular;
  line-height: 30px;
}
.multi-select_option:hover {
  background: #f0f0f0;
}
.multi-select_option:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.multi-select_label {
  position: relative;
  top: 2px;
  left: 10px;
}
.multi-select_checkbox {
  position: relative;
  top: 2px;
  margin-right: 4px;
  z-index: 101;
  left: 5px;
}


/* -------------Multiselect Dropdown css end--------------------- */

/* ----calender design changes css start---- */

.ui-datepicker {
  background: #a47dc7;  
}
.ui-datepicker .ui-datepicker-header {
  background: #a47dc7;
  color: #fff;
  font-family: Muli-Regular;
}

/* ----calender design changes css end---- */



.promoapprovalpop {
  padding: 10px 0px;
  text-align: center;
}
.promoapprovalpop h2 {
  font-size: 18px;
  font-family: Muli-Regular;
  color: #666;
  line-height: 25px;
  margin-bottom: 1em;
}

.promoapprovalpop h2 span {
  font-size: 16px;
  color: #333;
  display: block;
}

.promoapprovalpop img {
  height: 100px;
  margin-bottom: 1em;
}

.editpromobtn {
  background-color: #472a61;
}

.showbanklist {
  background-color: #fff;
  border: 2px solid #D6C2E8;
  border-radius: 20px;
  margin-top: 4px;
}

.showbanklist ul {
  padding-left: 0px;
  margin-bottom: 0px;
}
.showbanklist ul li {
  border-bottom: 1px solid #ccc;
}
.showbanklist ul li:last-child {
  border-bottom: none;
}
.showbanklist .checkbank {
  padding: 10px 0px;
}
.checkbank {
  font-size: 13px;
  font-family: Muli-SemiBold;
}

.checkbank img {
  height: 20px;
  padding-right: 10px;
  float: right;
}

.checkbank input {
  width: 10%;
}

.checkbank label {
  width: 88%;
}

.vrlogo {
  height: 50px;
}

.customernoti {
  max-width: 440px;
  height: 350px;
  background-image: url(../images/customer-notibg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 1em;
  background-position: center;
}
.noticontent {
  padding: 8% 22%;
}

.noticontent p {
  padding: 0px 10px;
  font-family: Muli-Regular;
  font-size: 14px;
  color: #000;
  text-align: center;
}

.customernotibtn {
  padding: 0px 1em;
}

.customernotibtn .nobtn {
  padding: 8px 20px;
  background-color:#472a61;
  color: #fff;
  font-size: 14px;
}
.customernotibtn .overviewbtn {
  padding: 8px 20px;
  font-size: 14px;
}

/*  */

.linkupcustomertab .redeemtab {
  background-color: #fff8f0!important;
}

.linkupcustomertab .mypromobox {
  background-color: #fff8f0;
}

.linkupcustomertab .redeemtab i {
  background-color: #FF8E00!important;
}

.linkupcustomertab .redeemedbg {
  background-color: #e8f6e0;
}

.linkupcustomertab .missedbg {
  background-color: #f7e4e4;
}


.linkupcustomertab .redeemedtab {
  background-color: #e8f6e0!important;
}

.linkupcustomertab .redeemedtab i {
  background-color: #66C136!important;
}

.linkupcustomertab .missedtab {
  background-color: #f7e4e4!important;
}

.linkupcustomertab .missedtab i {
  background-color: #F5000B!important;
}
.linkupcustomertab .nav-tabs .nav-link.active {
  opacity: 1.0;
}
.linkupcustomertab .nav-tabs .nav-link {
  opacity: 0.7;
}

#Div2 {
  display: none;
}

.customersubs {
  text-align: center;
  padding: 15% 22%;
}
.customersubs img {
  height: 50px;
  margin: 0 auto;
  margin-bottom: 1em;
}
.customersubs p {
  color: #888;
}

.customerpagination {
  margin-top: 1.5em;
}

.profilesavedealer .dealer-result {
  width: 100%;
  padding-right: 0px;
}

.dealercheck {
  display: flex;
  margin-bottom: 2em;
}
.dealercheck input {
  margin-right: 10px;
}
.dealercheck label {
  font-family: Muli-SemiBold;
  font-size: 11px;
  line-height: 22px;
  color: #000;
}
.merchantemibox .overviewbtn {
  width: fit-content;
}

.merchantemibox .overviewbtn {
  margin: 12px auto;
}

.brnadprofilelogo {
  width: 100%;
  height: 50px;
  margin-top: 10px;
  text-align: center;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  position: relative;
}
.brnadprofilelogo img {
  height: 30px;
  margin-top: 8px;
}

.brnadprofilelogo .control-label {
  opacity: 1;
  transform: scale(0.75);
  color: #000;
  font-size: 16px;
  font-family: Robot-Regular;
  margin-top: -10px;
  left: 8px;
  background-color: #fff;
  padding: 0px 10px;
  position: absolute;
}


.tabsbox .brandsetupwrow .form-group .control-label {
  font-size: 14px;
}
.tabsbox .brandsetupwrow .form-group input {
  font-size: 14px;
}

.checkout .step a {
  color: #000;
}
.checkout .step .step-label:hover {
  color: #6c3d96;

}

/* Bonusclub brand customer dealer dashboard */


.dashboardfixpromo {
  width: 100%;
  display: flow-root;
}

.dashboardfixpromo .fixpromo1 {
  width: 60%;
  float: left;
}

.dashboardfixpromo .fixpromo2 {
  width: 40%;
  float: left;
}

.frontqrdetails .vrlogo {
  height: 40px;
}

.frontqrdetails {
  padding-top: 10px;
}

.frontqrdetails .row {
  margin-right:10px;
}

.frontqrdetails .promo-heading {
  font-family: Muli-ExtraBold;
  font-size:18px;
  padding: 2px 5px 1px 5px;
  margin-bottom: 0px;
}
.frontqrdetails .Short-Description {
  font-family: Muli-ExtraBold;
  font-size:14px;
  padding: 2px 5px 1px 5px;
  margin-bottom: 0px;
}
.frontqrdetails .list-of-products {
  font-family: Muli-Regular;
  font-size: 12px;
  padding: 5px;
  text-decoration: underline;
  margin-bottom:0px;
}

.frontqrdetails .list-of-products a {
  margin-left: 5px;
  text-decoration: none;
}

.promodatebox {
  display: flow-root;
  text-align: center;
}
.promodatebox p {
  font-family: Muli-Bold;
  font-size: 10px;
  margin: 10px 5px 5px 5px;
  text-transform: uppercase;
}
.promodatebox span {
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
  padding: 10px 5px;
  border-radius: 50px;
  font-family: Muli-Bold;
  font-size: 14px;
  box-shadow: 0px 1px 3px #ccc;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

.dashboardfixqr {
  padding: 5px 0px;
}


.priewpromoedit {
  padding: 1px 0px;
}

.promoedit1 {
  width: 50%;
  float: left;
  padding: 0px 5px;
}

.promoedit2 {
  width: 50%;
  float: left;
  padding: 0px 5px;
}

.headingpromoedit {
  font-size: 20px;
  text-align: center;
  font-family: Muli-SemiBold;
  color: #6C3D96;
}

.customerwishdiv {
  margin-top: 1em;
}

.customerfrontdiv {
  text-align: center;
  padding: 4px 0px;
  border-top: 1px solid #ccc;
  margin-top: 0px;
}
.customerfrontdiv i {
  padding-right: 10px;
}  

.savedealerheading {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.savedealerheading h2 {
  color: #6c3d96;
} 

.profilesavedealer .dealer-btn {
  width: fit-content;
}

.loginlablechange .form-group.focused .control-label {
  /* background: #e8e1f8; */
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(232,225,248,1) 80%); 
}


.sharewhatbox {
    margin-top: 10px;
    text-align: center;
    color: #ccc;
    font-size: 20px;
}

.sharewhatbox button {
  border: none;
  background: none;
}

.sharewhatbox i {
  color: #ccc;
}
.sharewhatbox i:hover {
  color: #000;
}

.shareboxpop {
  padding: 1px 0px;
}
.shareboxpop h4 {
  font-size: 12px;
  text-align: center;
  color: #6c3d96;
  margin-bottom: 10px;
  font-family: Muli-Regular;
}

.sharefit {
  width: 80%;
  margin: 0 auto;
}

.sharefit .icon {
  text-align: center;
  font-size: 40px;
}

.sharefit .fb i {
  color: #3951a9;
}

.sharefit .twitter i {
  color: #60b8ff;
}

.sharefit .gplus i {
  color: #db4d41;
}

.sharefit .whatsapp i {
  color: #24d366;
}

.sharefit .tele i {
  color: #269ed2;
}

.sharefit .linkedin i {
  color: #0076b4;
}
.cusfiltericon {
  height: 20px;
  position: relative;
  right: -5px;
}

#sharepopup .modal-dialog { 
  top: 20%;
}

.fillcustomerpop {
  display: block;
  padding: 10px 0px;
  position: relative;
  top: -5px;
  font-size: 12px;
  font-family: Muli-Regular;
}
.fillcustomerpop input {
  position: relative;
  top: 0px;
}

.fillcustomerpop label {
  padding-right: 20px;
  font-size: 14px;
  font-family: Muli-SemiBold;
}

.promoeditipopup {
  background: none;
  border: none;
  color: #333;
  font-family:Muli-Bold;
  text-decoration: none;
}
.promoeditipopup i {
  float: initial!important;
  font-size: 15px;
  padding-left: 5px;
}
.promoeditipopup:hover {
  color: #6C3D96;
  text-decoration: underline;
}

/* 
.promoeditipopup i:hover {
  color: #6C3D96!important;
  text-decoration: none;
} */

/* .editinfobox .modal-dialog {
  top: 20%;
} */

.editpromoinfo h2 {
  font-family: Muli-SemiBold;
  font-size: 18px;
  color: #6C3D96;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.editinfobox .modal-header {
  background-color: #6C3D96;
  padding: 5px 10px;
}

.editinfobox .modal-content {
  border: none;
}

.editinfobox .modal-header .modal-title {
  text-align: center;
  width: 100%;
  font-family: Muli-SemiBold;
  font-size: 18px;
  color: #fff;
}

.editinfobox .modal-header .close {
  background: none;
  color: #fff;
  opacity: 0.7;
} 
.editinfobox .modal-header .close:hover {
  background: none;
  color: #fff;
  opacity: 1.0;
} 


.editinfobox .modal-body {
  background-color: #F2E3FF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* html toolstips code start */



.TooltipTrigger {
  /* border-bottom: 3px solid #67C8EA; */
  cursor: pointer;
  margin-left: 5px;
  padding: 0px 4px;
  color: #ccc;
  transition: all 0.3s ease;
  position: relative;
  top: -2px;
}
.TooltipTrigger:hover {
  /* background: #A4E1F6; */
  color: #6C3D96;
}

.Tooltips {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.Tooltips:hover p {
  visibility: visible;
  opacity: 1;
}
.Tooltips:hover p.OnTop {
  transform: translate(-50%, -100%);
}
.Tooltips:hover p.OnBottom {
  transform: translate(-50%, 100%);
}
.Tooltips:hover p.OnLeft {
  transform: translate(-100%, -50%);
}
.Tooltips:hover p.OnRight {
  transform: translate(100%, -50%);
}
.Tooltips p {
  min-width: 250px;
  opacity: 0;
  display: inline-block;
  visibility: hidden;
  position: absolute;
  text-align: left;
  width: auto;
  background: #6C3D96;
  color: #ffffff;
  font-size: 10px;
  font-family: Muli-Regular;
  line-height: 1.2;
  padding: 10px;
  border-radius: 3px;
  white-space: normal;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-out;
}
.Tooltips p.OnTop {
  top: -45px;
  left: 50%;
  transform: translate(-50%, -150%);
}
.Tooltips p.OnTop:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid #6C3D96;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -8px;
  margin-left: -8px;
  left: 50%;
}
.Tooltips p.OnBottom {
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, 150%);
}
.Tooltips p.OnBottom:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 8px solid #6C3D96;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: -8px;
  margin-left: -8px;
  left: 50%;
}
.Tooltips p.OnLeft {
  left: -15px;
  top: -15px;
  transform: translate(-150%, -50%);
}
.Tooltips p.OnLeft:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid #6C3D96;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  margin-top: -8px;
  right: -8px;
}
.Tooltips p.OnRight {
  right: -15px;
  top: 15px;
  transform: translate(150%, -50%);
}
.Tooltips p.OnRight:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 8px solid #6C3D96;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  margin-top: -8px;
  left: -8px;
}

/* .costcaluculaterinfo {
  padding-top: 1.5em;
} */

.infoiconcost .costcaluculaterinfo {
  position: absolute;
right: 20px;
top: 15px;
}


/* html toolstips code end */




/* new customer tooltips code start*/

.showme {
    display: none;
}

.showhim {
    position: relative;
    top: -2px;
    left:5px;
}

.showhim i {
    cursor: pointer;
    color: #ccc;
    font-size:14px;
}

.showhim i:hover {
            color: #6C3D96;
}

    .showhim:hover .showme {
        display: block;
        /*min-width: 250px;*/
        max-width: 250px;
        position: absolute;
        text-align: left;
        /*width: auto;*/
        width: max-content;
        background: #6C3D96;
        color: #ffffff;
        font-size: 10px;
        font-family: Muli-Regular;
        line-height: 20px;
        z-index: 99;
        padding: 10px;
        cursor: normal;
        /*margin-left: -118px;*/
        margin-top: 5px;
        border-radius: 3px;
        white-space: normal;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
        transition: all 0.2s ease-out;
    }

    .showhim:hover .showme {
        max-height: 250px;
    }

    .showhim:hover .showme {
        overflow: auto;
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
        padding: 3px 10px;
    }

        .showhim:hover .showme::-webkit-scrollbar {
            width: 12px;
            height: 12px;
            background-color: #e4e4e4;
        }

        .showhim:hover .showme::-webkit-scrollbar-thumb {
            background: #6C3D96;
            border-radius: 5px;
        }

#dvproductlist {
    max-height: 350px;
}

#dvproductlist {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    padding: 3px 10px;
}

    #dvproductlist::-webkit-scrollbar {
        width: 12px;
        height: 12px;
        background-color: #e4e4e4;
    }

    #dvproductlist::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

#dvproductlist1 {
    max-height: 350px;
}

#dvproductlist1 {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    padding: 3px 10px;
}

    #dvproductlist1::-webkit-scrollbar {
        width: 12px;
        height: 12px;
        background-color: #e4e4e4;
    }

    #dvproductlist1::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }



.showhim:hover .showme:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-bottom: 8px solid #6C3D96;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            top: -7px;
            margin-left: -8px;
            /*left: 50%;*/
}





.showme_bank {
    display: none;
}

.showhim_bank {
    position: relative;
    top: -2px;
    left: 5px;
}

.showhim_bank i {
    cursor: pointer;
    color: #ccc;
    font-size:14px;
}

.showhim_bank i:hover {
            color: #6C3D96;
}

.showhim_bank:hover .showme_bank {
        display: block;
        min-width: 250px;
        position: absolute;
        text-align: left;
        width: auto;
        background: #6C3D96;
        color: #ffffff;
        font-size: 10px;
        font-family: Muli-Regular;
        line-height: 20px;
        z-index:99;
        padding: 10px;
        cursor: normal;
        margin-left: -118px;
        margin-top: 5px;
        border-radius: 3px;
        white-space: normal;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
        transition: all 0.2s ease-out;
        bottom:25px;
}


.showhim_bank:hover .showme_bank:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-top: 8px solid #6C3D96;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            bottom: -8px;
            margin-left: -8px;
            left: 50%;
}

/* new customer tooltips code end*/






/* new customer tooltips code start*/

.showme-configure {
    display: none;
}



.configureicon .configureiconbox {
    position: absolute;
    right: 20px;
    top: 15px;
}


.showhim-configure {
    position: relative;
    top: 0px;
    left: 5px;
}

.showhim-configure i {
    cursor: pointer;
    color: #ccc;
    font-size:14px;
}

.showhim-configure i:hover {
            color: #6C3D96;
}

.showhim-configure:hover .showme-configure {
    display: block;
    min-width: fit-content;
    position: absolute;
    text-align: left;
    width: max-content;
    max-width:350px;
    background: #6C3D96;
    color: #ffffff;
    font-size: 10px;
    font-family: Muli-Regular;
    line-height: 20px;
    z-index: 99;
    padding: 10px;
    cursor: normal;
    /*margin-left: -118px;*/
    margin-top: 5px;
    z-index:999;
    border-radius: 3px;
    white-space: normal;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    transition: all 0.2s ease-out;
}
.showhim-configure:hover .showme-configure:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 8px solid #6C3D96;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -8px;
    margin-left: -8px;
    /*left: 50%;*/
}


/*.showhim-configure:hover .showme-configure {
        display: block;
        min-width: max-content;
        position: absolute;
        text-align: left;
        width: auto;
        background: #6C3D96;
        color: #ffffff;
        font-size: 10px;
        font-family: Muli-Regular;
        line-height: 20px;
        z-index:999;
        padding: 5px 10px;
        cursor: normal;
        margin-left: 30px;
        margin-top: -24px;
        border-radius: 3px;
        white-space: normal;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
        transition: all 0.2s ease-out;
}


.showhim-configure:hover .showme-configure:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            top: 1px;
            margin-left: -22px;            
            top: 1px;
            border-right: 20px solid #6c3d96;
            border-top: 13px solid transparent;
            border-bottom: 12px solid transparent;
}*/

/* new customer tooltips code end*/



.weekdaymar {
    margin-top:20px;
}
.weekdaymultimar {
    margin-top: 10px !important;
}


.marbtnnone {
    margin-bottom:0px;
}

.bonusclub-pagination {
    /*    margin-top: 1px;
    padding-bottom:10px;*/
}
.bonusclub-pagination .pagination {
  margin-bottom: 0px
}

.customergenderpop {
  border: 2px solid #D6C2E8;
  width: 100%;
  height: 50px;
  margin-bottom: 0.3em;
margin-top: 0.6em;
  border-radius: 30px;
}
.customergenderpop label {
  padding: 0px 20px;
  height: 44px;
  background-color: #D6C2E8;
  float: left;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin: 1px;
  text-align: center;
  color: #6c3d96;
  line-height: 45px;
  font-size: 14px;
  font-family: Muli-SemiBold;
  margin-left: 2px;
}
.customergenderpop .selectgender {
  padding-top: 0px;
  position: relative;
  top: 14px;
  left: 10px;
  float: left;
  font-size: 13px;
}
.selectgender input {
  position: relative;
  top: 1px;
}

#datepicker .ui-datepicker-inline {
  width: 100%!important;
  border: 1px solid #d9d9d9;
}

.ui-datepicker {
  width: 15em!important;
}
.ui-widget {
  font-size: 1.0em!important;
}

.customerpromolist {
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
}

.customerpromolist::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #e4e4e4;
}

.customerpromolist::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}


/* .profilefixwid .configuremi {
  margin-top: 8px;
} */





/* ashok sir code start */

.input-group-imei {
  text-align: center;
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 12px;
  width: 30px;
  height: 20px;
}

.form-group .imei {
  height: 50px;
  font-size: 14px;
  color: #6C3D96;
  width: 100%;
  padding-left: 10px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family: Muli-Regular;
}

.selectproductlist {
  text-align: center;
  padding: 0px 10px;
  /* height: 400px; */
  position: relative;
}

/* ashok sir code end */



/* ---------------chargesilp code start------------------ */



.chargeslip-box {
  width: 500px;
  /* background-color: #fff; */
  margin: 0px auto;
  padding: 0px 0px 20px 0px;
  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,235,255,1) 43%, rgba(255,255,255,1) 100%);
}

.chargeslip-topintro {
  padding: 1em 0px;
  text-align: center;
  width: 80%;
  margin: 1px auto 0em auto;
}
.chargeslip-topintro h2 {
  font-family: Muli-Bold;
  font-size: 32px;
  color: #6c3d96;
}
.chargeslip-topintro p {
  font-family: Muli-Regular;
  font-size: 18px;
  color: #767479;
  margin-bottom: 0px;
}

.chargeslip-info {
  background-color: #fff;
  box-shadow: 0px 0px 10px #ccc;
  padding: 25px 0;
  transform: skew(0deg, 5deg);
  margin-top: 25px;  
}
.contentcharge {
  transform: skew(0deg, -5deg);
}
.contentcharge h2 {
  font-family: Muli-Bold;
  font-size: 25px;
  text-align: center;
  color: #6c3d96;
  margin-bottom: 12px;
}
.contentcharge h1 {
  font-family: Muli-Bold;
  font-size: 28px;
  text-align: center;
  color: #6c3d96;
  margin-bottom: 12px;
}
.contentcharge p {
  font-family: Muli-SemiBold;
  font-size: 22px;
  text-align: center;
  color: #6c3d96;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 12px;
}

.contentcharge table {
  width: 95%;
  margin: 0 auto;
  border: none;
}
.contentcharge table td {
  background-color: #fff;
  text-align: left;
  font-size: 16px;
  color: #666;
  font-family: Muli-SemiBold;
  padding: 5px 20px;
} 
.contentcharge table tbody {
  border: none;
}
.contentcharge table td:first-child {
  width: 240px;
  border: none;
}
.contentcharge table td:last-child {
  color: #6c3d96;
  font-size: 18px;
  border: none;
  font-family: Muli-Bold;
}


.content-box {
  transform: skew(0deg, -5deg);
  margin: 1em;
  text-align: center;
  padding: 10px;
  border-radius: 25px;
  border: 5px solid #6c3d96;
}
.content-box h2 {
  font-family: Muli-Bold;
  font-size: 25px;
  color: #6c3d96;
}

.content-box p {
  font-family: Muli-Regular;
  font-size: 16px;
  color: #6c3d96;
}
.content-box ul {
  font-family: Muli-Regular;
  font-size: 16px;
  color: #6c3d96;
  text-align: left;
}
.content-box ul li {
  list-style-type: disclosure-closed;
  line-height: 26px;
  margin-bottom: 10px;
}

.chargeslipfooterlogo {
  height: 170px;
  margin: 25px auto 0px auto;
  display: block;
}

/* ---------------chargesilp code end------------------ */


#addmediapopup .modal-body {
    padding-top:2px;
}



/* New Design Error notification code... */

.errormsgnew {
  width: 100%;
  font-size: 12px;
  padding: 5px 10px;
  margin-top:5px;
}

/* .errormsgnew .alertnew {
  max-width: 350px;
  text-align: left;
  margin: 0 auto;
  font-family: Muli-Regular;
  font-size: 12px;
  background-color: #fff;
  box-shadow: 0px 0px 6px #ccc;
  display:flex;
  position: relative;
  border-radius: 0px;
  padding: 5px 10px;
  border-left: 5px solid;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
} */

.errormsgnew .alertnew {
  /* max-width: 350px; */
  max-width: fit-content;
  width: fit-content;
  text-align: left;
  margin: 0 auto;
  font-family: Muli-Regular;
  font-size: 12px;
  background-color: #fff;
  box-shadow: 0px 0px 6px #ccc;
  display:flex;
  position: relative;
  border-radius: 0px;
  padding: 5px 10px;
  border-left: 5px solid;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.errormsgnew .closeerror {
  float: right;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: #000;
  /*color:#fff;*/
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  top: 15px;
  right: 10px;
  position: absolute;
  z-index: 999;
}

.errormsgnew .closeerror:hover {
  opacity: 1.0;
}


.errormsgnew .erroricon {
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: block;
  border-radius: 50%;
  width: 30px;
  line-height: 40px;
  height: 39px;
  font-size:25px;
  background-color: #fff;
}

.fixertxt {
  position: relative;
}

.errormsgnew .ermsgtext {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  padding-left: 10px;
  font-size: 12px;
  color: #666;
  /*color: #fff;*/
  font-family: Muli-SemiBold;
  width: 95%;
  padding-right: 25px;
  display: block;
/* position: static; */
max-width: 700px;
min-width: fit-content;
/* padding-top: 5px; */
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ermsgtext span {
  font-size: 13px;
  display: block;
  font-family: Muli-Bold;
  text-transform:lowercase;
}
.ermsgtext span::first-letter {
    text-transform:capitalize;
}

.errormsgnew .success {
  border-color:#7EBB3F;
}

/*.errormsgnew .success {
    border-color: #7EBB3F;
    background-color: #7EBB3F;
}*/



/* .success .erroricon {
  color: #7EBB3F;
} */
.success .erroricon {
  color: #7EBB3F;
  background-image: url(../images/circle-check-regular.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.errormsgnew .warning {
  border-color: #FED557;
}
.warning .erroricon {
  color: #FED557;
  background-image: url(../images/warring-msgicon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.errormsgnew .error {
  border-color:#ff0000;
}
.error .erroricon {
  color: #ff0000;
  background-image: url(../images/error-msgicon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.errormsgnew .info {
  border-color: #00B9BC;
}
.info .erroricon {
  color: #00B9BC;
  background-image: url(../images/info-msgicon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/*====== Code End ======*/




.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  font-size: 13px;
  padding: 2px 3px;
  width: 40%;
  margin: 0px 4px;
  border-radius: 3px;
  border: none;
  color: #000;
  background-color: #fff;
}


.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  font-size: 13px;
  padding: 2px 3px;
  width: 40%;
  margin: 0px 4px;
  border-radius: 3px;
  border: none;
  color: #000;
  background-color: #fff;
}

.draftstable {
    padding:10px 0px;
}
.dealertable {
    padding: 0px 0px 0px 0px;
}

.dealerbottompad {
    padding:0px 10px;
}

.promonodata {
    width: -moz-available;
    width: -webkit-fill-available;
    text-align: center;
    margin: 15px;
    font-size: 26px;
    border: 1px dashed #888;
    background-color: #fff;
    display: inline flow-root list-item;
    padding: 1em 0px;
    list-style: none;
}
.promonodata img {
  height: 80px;
}
.promonodata h3 {
  font-size: 20px;
  color: #000;
  opacity: 0.8;
  margin-top: 10px;
  font-family: Muli-Bold;
}
.promonodata h3 span {
  font-size: 14px;
  color: #999;
  padding-top: 6px;
  display: block;
  font-family: Muli-SemiBold;
}

.redeemednodata {
  background-color: #e8f6e0;
}
.redeemednodata h3 {
  color: #66C136;
}

.missednodata {
  background-color: #f7e4e4;
}
.missednodata h3 {
  color: #F5000B;
}

/* brand discount offer Tabs code start */


.branddiscountofferbox {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    /*    background-color: #f9f9f9;*/
    padding: 1px 0px;
    height: auto;
    max-height: 300px;
}
.branddiscountofferbox::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e4e4e4;
}

.branddiscountofferbox::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
}
.branddiscountofferbox .row {
  border: 1px solid #ccc;
  margin: 0px;
  margin-bottom: 10px;
}

.branddiscountofferbox .find-dealer-in-voucher {
  top: 6px;
}

.branddiscounttab .accordion-button {
  font-size: 14px;
  padding: 12px 10px;
  font-family: Muli-SemiBold;
}

.branddiscounttab .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #6c3d96;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}


.branddiscounttab .accordion-button:focus {
  box-shadow: none;
}

.branddiscounttab .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.discountheading {
  font-size: 15px;
  color: #6C3D96;
  /* margin: 0px -10px; */
  padding: 8px 10px;
  background-color: #f1f1f1;
  font-family: Muli-SemiBold;
  display: flex;
  line-height: 20px;
}

.discountboxx {
  /* margin: 0px; */
  padding: 8px 0px;
  background-color: #f1f1f1;
  font-family: Muli-SemiBold;
}

.discountheading i {
  padding-right: 10px;
  font-size: 14px;
  line-height: 20px;
}

.finalconfigur-promo .tab-content .tabsbox {
  height: 510px;
  /*height:max-content;*/
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
}

.finalconfigur-promo .tab-content .tabsbox::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #e4e4e4;
}

.finalconfigur-promo .tab-content .tabsbox::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}


.promoschedulepad {
  margin: 1em 0px;
}

.weekdayflex {
  margin: 0px;
  margin-bottom: 5px;
  display: flow-root list-item;
  list-style:none;
}
.weekdayflex span {
  float: left;
  margin: 0px 12px;
}

.ui-widget-content {
  z-index: 9999 !important;
}

.drafts-box {
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 1px 4px #ccc;
  margin: 0em 0px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.draftspromo {
  background-color: #fff8d9;
  margin: 0px;
  margin-bottom: 10px;
}
.draftspromo:last-child {
  margin-bottom: 0px;
  margin:0px ;
}

.draftspromo .mypromobox {
  padding: 5px 10px;
  border-right: 1px solid #ccc;
}

.draftspromo .promotermbar img {
  height: 120px;
}

.draftseditbtn {
  position: relative;
  /* padding: 4em 0px; */
  padding-top: 3em;
  height: auto;
}

.draftseditbtn a {
  position: relative;
  width: fit-content;
  margin: 0px auto;
    margin-top: 0px;
  margin-top: 0px;
  background-color: #6C3D96;
  padding: 8px 30px;
  text-align: center;
  border-radius: 50px;
  font-family: Muli-SemiBold;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  display: block;
  top: 35%;
}

.draftseditbtn a:hover {
  background-color: #7b3eb1;
  color: #fff;
}
.draftseditbtn a i {
  padding-right: 10px;
}

main .sidebar .menu-bar .subnav-menubar a {
  position: relative;
}
main .sidebar .menu-bar .subnav-menubar .draftnum {
  background-color: #ff0000;
  width: 20px;
  height: 19px;
  font-size: 12px;
  color: #fff;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  right: 12px;
}

.draftspromo .promodatebox span {
  padding: 5px;
  font-size: 13px;
}

.draftspromo .discountheading {
  font-family: Muli-Bold;
  font-size: 18px;
}


.draftspagination {
  margin-bottom: 2em;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}



.norecordcustomerdata {
  padding: 3em 0px;
  text-align: center;
  border: 1px dashed #ccc;
  height: auto;
  margin-top: 2em;
  background-color: #f1f1f1;
}
.norecordcustomerdata h2 {
  font-size: 20px;
  font-family: Muli-Regular;
}

/* brand discount offer Tabs code end */

/* checkbox select input code Start */

.form-multi {
  margin: 0px 0px 4px 0px;
  position: relative;
  top:-10px;
}
.form-multi .btn-group {
  width: 100%;
}

.form-multi .multiselect  {
  height: 50px;
  font-size: 14px;
  color: #777;
  width: 100%;
  background-color: #fff;
  padding-left: 55px;
  border: 2px solid #D6C2E8;
  border-radius: 30px;
  font-family: Muli-Regular;
  -webkit-appearance: none;
  text-align: left;
  overflow: clip;
  background: url(../images/caret-down-solid.svg) no-repeat 96% 55% #fff;
  -webkit-appearance: none;
}

.form-multi.focused .control-label {
opacity: 1;
transform: scale(0.75);
color: #000;
font-size: 16px;
font-family: Robot-Regular;
/*margin-left: 32px;*/
margin-left: 15px;
background-color: #fff;
padding: 0px 10px;
z-index: 99;
position: relative;
top: 11px;
width:max-content;
}


.input-multi-cvv {
text-align: center;
position: absolute;
left: 10px;
cursor: pointer;
top: 30px;
width: 50px;
height: 40px;
z-index: 99;
}
.input-multi-cvv img {
height: 18px;
position: relative;
top: 5px;
left: -5px;
}
.input-multi-cvv i {
    font-size: 20px;
    position: relative;
    top: 6px;
    color: #6C3D96;
    left: -5px;
}

/*form-multi .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .8em solid;
border-right: .5em solid transparent;
border-bottom: 0;
border-left: .5em solid transparent;
color: #6c3d96;
float: right;
position: relative;
top: 2px;
}*/

.form-multi .dropdown-toggle::after {
    display: none;
}

.form-multi .multiselect-container {
width: 100%;
max-height: 140px;
overflow: auto;
overflow-x: hidden;
scrollbar-color: #6C3D96 #e4e4e4;
scrollbar-width: thin;
}

.form-multi .multiselect-container::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #e4e4e4;
}

.form-multi .multiselect-container::-webkit-scrollbar-thumb {
background: #6C3D96;
border-radius: 5px;
}

.form-multi .multiselect-container label {
font-size: 13px;
font-family: Muli-Regular;
padding: 5px 25px;
width: 100%;
display: flex;
}

.form-multi .multiselect-container label:hover {
  background-color: #DED5E7;
  color: #6c3d96;
}

.form-multi .multiselect-container .multiselect-all {
color: #6C3D96;
text-decoration: none;
}
.form-multi .multiselect-container label input {
  position: relative;
  top: 3px;
  margin-right: 10px;
} 

.form-multi .multiselect .multiselect-selected-text {
  width: 75%;
overflow: auto;
display: block;
position: absolute;
height: 29px;
font-size: 13px;
top: 12px;
overflow-x: hidden;
}

/* checkbox select input code end */


.chart-showtab {
  text-align: center;
  position:relative;
  top:-16px;
}

.chart-showtab ul {
  margin-left: 0px;
}
.chart-showtab ul li {
  width: 33%;
  float: left;
  font-size: 11px;
  color: #888;
  font-family: Muli-SemiBold;
  display: flex;
}

.chart-showtab li span {
  width: 35px;
  height: 15px;
  margin-right: 10px;
  display: block;
  position: relative;
  top: 2px;
}

.chart-showtab li .daily {
  background-color: #efd8ff;
  border: 2px solid #be63ff;
}

.chart-showtab li .weekly {
  background-color: #ffd8e0;
  border: 2px solid #ff6384;
}

.chart-showtab li .monthly {
  background-color: #fbffd2;
  border: 2px solid #ffc505;
}


.showmsgbox {
  margin: 0 auto;
  height: 100vh;
  width: auto;
  position: relative;
}

.showmsgframe {
  text-align: center;
  padding: 2em 0px 1em 0px;
  margin: 0;
  border: 1px solid #ccc;
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  border-radius: 15px;
  box-shadow: 0px 2px 4px #ccc;
}


.showmsgframe img {
  height: 100px;
  margin-bottom: 1em;
}

.showmsgframe p {
  font-size: 16px;
  font-family: Muli-Regular;
  color: #666;
  padding: 0px 1em;
  line-height: 25px;
  margin-bottom: 1em;
}


.pagifloatright ul li:nth-child(1) {
  width: auto;
}
.pagifloatright ul li:nth-child(2) {
  width: auto;
}





/* ======  Drafts Promo Page code start ========= */


.sharepromodescrip textarea {
    padding-left: 25px;
}

.drafteditbtn i {
    padding-right: 2px;
}

.drafteditbtn {
    background-color: #6C3D96;
    padding: 6px 10px;
    font-size: 13px;
    color: #fff;
    border: none;
    width: fit-content;
    display: block;
    text-decoration: none;
    margin-top: 0em;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-Regular;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .drafteditbtn:hover {
        background-color: #6b18b3;
        box-shadow: none;
        color: #fff;
        width: fit-content;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.draftremovebtn i {
    padding-right: 2px;
}

.draftremovebtn {
    background-color: #ff0000;
    padding: 6px 10px;
    font-size: 13px;
    color: #fff;
    border: none;
    width: fit-content;
    display: block;
    text-decoration: none;
    margin-top: 0em;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0px 1px 4px #ccc;
    font-family: Muli-Regular;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .draftremovebtn:hover {
        background-color: #bc0000;
        box-shadow: none;
        color: #fff;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }


.brandprofiletxt {
    font-family: Muli-Regular;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border: 1px solid #6c3d96;
    margin-bottom: 0px;
    background-color: #f4e8ff;
    margin-top: 10px;
    border-radius: 30px;
    color: #000;
    width: 80%;
    margin: 15px auto 0px auto;
}

    .brandprofiletxt a {
        color: #0076b4;
    }

        .brandprofiletxt a:hover {
            color: #008ed9;
        }



.qrapprovalbox {
    height: 100px;
    width: 100px;
    background-color: #fff;
    padding: 8px;
    box-shadow: 0px 2px 4px #ccc;
    position: relative;
    margin: 0 auto;
    /* border: 4px solid #6c3d96; */
    box-shadow: 0px 1px 3px #aeaeae;
    border-radius: 10px;
}

    .qrapprovalbox span {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 13px;
        line-height: 15px;
        padding: 5px 0px;
        font-family: Muli-Regular;
        width: 100%;
    }

.addchoseproduct {
    padding: 10px 0px 6px 0px;
    border: 1px solid #ccc;
    margin: 0px 0px 12px 0px;
    border-radius: 22px;
    background-color: #f2f2f2;
}


    .addchoseproduct p {
        font-family: Muli-Regular;
        font-size: 16px;
        color: #333;
        padding: 0px 10px;
        margin-bottom: 0px;
    }


    .addchoseproduct a i {
        color: #6C3D96;
        font-size: 25px;
        text-align: center;
        border: none;
        cursor: pointer;
        background: none;
    }

.addchoseproductbtn {
    margin: 19px 10px;
}

    .addchoseproductbtn .show {
        color: #6C3D96;
        font-size: 25px;
        text-align: center;
        border: none;
        cursor: pointer;
        background: none;
        margin: 0px 6px;
    }

    .addchoseproductbtn .hide {
        color: #adadad;
        font-size: 25px;
        text-align: center;
        border: none;
        cursor: pointer;
        background: none;
    }

.profilefixwid .configure-selepro {
    padding: 0.5em 1em;
}

.chosefvtbrand {
    font-size: 14px;
    color: #6c3d96;
    cursor: pointer;
    margin-left: 10px;
    text-decoration: none;
}

    .chosefvtbrand i {
        position: relative;
        top: 1px;
        padding-right: 2px;
    }

.addbrandfixbtn {
    font-size: 30px;
    color: #6c3d96;
    cursor: pointer;
    position: relative;
    top: 14px;
    text-decoration: none;
}


.costtermbox {
  font-size: 13px;
  font-family: Muli-Regular;
  color: #000;
  background-color: #f6ebff;
  padding: 10px;
  border-radius: 10px;
  margin-bottom:2px;
}
.costtermbox span {
  font-size: 16px;
  color: #6c3d96;
  font-family: Muli-Bold;
}
.costtermbox p {
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-family: Muli-Light;
}

/* ======  Drafts Promo Page code end ========= */


.eyebtn {
    text-align: center;
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 8px;
    color: #ccc;
    width: 50px;
    height: 45px;
}

.eyeopen {
    color: #6C3D96;
}

.eyeclosepic {
    display: block;
    width: 45px;
    height: 34px;
    background-image: url(../images/eye-slash-solid.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    right: -10px;
}

.eyeopenpic {
    background-image: url(../images/eye-solid.png);
}

.dealersearch {
    margin-top:0px;
}

.trasnsearch .input-group-cvv {
    right: 3px;
    top: 5px;
    position: absolute;
    left:initial;
}
.trasnsearch input {
    padding-left:20px;
}
.trasnsearch .control-label {
    margin-left:25px;
}



.promoreportfix {
    margin-left:35px;
    margin-bottom:3em;
}


.dealerpagepad #dvReport {
    padding: 0px;
}

/*----------------T&C popup code css start --------------------*/


.tandcbox {
    margin: 1em 0px;
}

.brandtc {
    font-size: 14px;
    text-align: center;
    font-family: Muli-Regular;
    display: block;
    color: #fff;
    padding: 8px 0px;
    text-decoration: none;
    border-radius: 30px;
    box-shadow: 0px 2px 4px #b5b5b5;
    font-family: Muli-SemiBold;
    background-color: #6C3D96;
    margin: 1em 0px;
}

    .brandtc:hover {
        background-color: #fff;
        color: #6C3D96;
    }


.disablebank .multiselect {
    opacity: 0.5;
    background-color: #f4e8ff;
}

.disablebank .input-multi-cvv {
    opacity: 0.5;
}
.disablebank .control-label {
    opacity: 0.5 !important;
}

.disablebank input {
    opacity: 0.5 !important;
}
.disablebank textarea {
    opacity: 0.5 !important;
}


.form-group input:disabled {
    opacity: 0.3 !important;
}

.form-multi select:disabled {
    opacity: 0.3 !important;
}


.form-group textarea:disabled {
    opacity: 0.3 !important;
}




/*----------------T&C popup code css end --------------------*/


.vchrdown {
    justify-content: center;
    display: grid;
}

.chargeslip-pdfdown {
  background-color: #6c3d96;
width: 40px;
height: 39px;
display:block;
text-align: center;
cursor:pointer;
line-height: 23px;
  border-radius: 50%;
border: 1.5px solid #fff;
  padding: 4px 6px;
  box-shadow: 0 7px 14px rgb(0 0 0 / 25%), 0 5px 5px rgb(0 0 0 / 22%);
  align-self:center;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left:-5px;
}
.chargeslip-pdfdown:hover {
box-shadow: 0px 3px 8px #b1b1b1;
}
.chargeslip-pdfdown img {
height:18px;
color:white;
}

.chargeslip-pdfdown i {
height:18px;
color:white;
top:2px;
position:relative;
}





/*===================BONUSClub dashboard Promo background Css start==========================*/

/*.card-body .vcolor0 {
    border-bottom: 3px solid #ccc;
}

.card-body .vcolor1 {
    border-bottom: 3px solid #fff;
}*/


.vocherborder {
    border-bottom: 3px solid #f1f1f1;
}
.btnpadding {
    padding-left: 0px;
}

.voucherfix {
    padding-right:8px;
}

.vcolor1 .Short-Description {
    color: #fff;
}

.vcolor1 .promoeditipopup {
    color: #fff;
}

.vcolor1 .newtcurl a {
    color: #fff;
}

.vcolor1 .promotermbar p {
    color: #fff;
}

.vcolor1 .promodatebox p {
    color: #fff;
}

.vcolor1 .qrsmstext {
    color: #fff;
}

.vcolor1 .voucherbrcode .qrsmstext {
    color: #333;
}


/*.card-body .vcolor2 {
    border-bottom: 3px solid #fff;
}*/

.vcolor2 .Short-Description {
    color: #fff;
}

.vcolor2 .promoeditipopup {
    color: #fff;
}

.vcolor2 .newtcurl a {
    color: #fff;
}

.vcolor2 .promotermbar p {
    color: #fff;
}

.vcolor2 .promodatebox p {
    color: #fff;
}

.vcolor2 .qrsmstext {
    color: #fff;
}


/*.card-body .vcolor3 {
    border-bottom: 3px solid #fff;
}*/

.vcolor3 .Short-Description {
    color: #fff;
}

.vcolor3 .promoeditipopup {
    color: #fff;
}

.vcolor3 .newtcurl a {
    color: #fff;
}

.vcolor3 .promotermbar p {
    color: #fff;
}

.vcolor3 .promodatebox p {
    color: #fff;
}

.vcolor3 .qrsmstext {
    color: #fff;
}

/*.card-body .vcolor4 {
    border-bottom: 3px solid #fff;
}*/

.vcolor4 .Short-Description {
    color: #fff;
}

.vcolor4 .promoeditipopup {
    color: #fff;
}

.vcolor4 .newtcurl a {
    color: #fff;
}

.vcolor4 .promotermbar p {
    color: #fff;
}

.vcolor4 .promodatebox p {
    color: #fff;
}

.vcolor4 .qrsmstext {
    color: #fff;
}

/*.card-body .vcolor5 {
    border-bottom: 3px solid #fff;
}*/

.vcolor5 .Short-Description {
    color: #fff;
}

.vcolor5 .promoeditipopup {
    color: #fff;
}

.vcolor5 .newtcurl a {
    color: #fff;
}

.vcolor5 .promotermbar p {
    color: #fff;
}

.vcolor5 .promodatebox p {
    color: #fff;
}

.vcolor5 .qrsmstext {
    color: #fff;
}


/*.card-body .vcolor6 {
    border-bottom: 3px solid #fff;
}*/

.vcolor6 .Short-Description {
    color: #fff;
}

.vcolor6 .promoeditipopup {
    color: #fff;
}

.vcolor6 .newtcurl a {
    color: #fff;
}

.vcolor6 .promotermbar p {
    color: #fff;
}

.vcolor6 .promodatebox p {
    color: #fff;
}

.vcolor6 .qrsmstext {
    color: #fff;
}

/*.card-body .vcolor7 {
    border-bottom: 3px solid #fff;
}*/

.vcolor7 .Short-Description {
    color: #fff;
}

.vcolor7 .promoeditipopup {
    color: #fff;
}

.vcolor7 .newtcurl a {
    color: #fff;
}

.vcolor7 .promotermbar p {
    color: #fff;
}

.vcolor7 .promodatebox p {
    color: #fff;
}

.vcolor7 .qrsmstext {
    color: #fff;
}

/*.card-body .vcolor8 {
    border-bottom: 3px solid #fff;
}

.card-body .vcolor9 {
    border-bottom: 3px solid #fff;
}*/

.vcolor9 .Short-Description {
    color: #fff;
}

.vcolor9 .promoeditipopup {
    color: #fff;
}

.vcolor9 .newtcurl a {
    color: #fff;
}

.vcolor9 .promotermbar p {
    color: #fff;
}

.vcolor9 .promodatebox p {
    color: #fff;
}

.vcolor9 .qrsmstext {
    color: #fff;
}


/*.card-body .vcolor10 {
    border-bottom: 3px solid #fff;
}*/

.vcolor10 .Short-Description {
    color: #fff;
}

.vcolor10 .promoeditipopup {
    color: #fff;
}

.vcolor10 .newtcurl a {
    color: #fff;
}

.vcolor10 .promotermbar p {
    color: #fff;
}

.vcolor10 .promodatebox p {
    color: #fff;
}

.vcolor10 .qrsmstext {
    color: #fff;
}

/*
.card-body .vpattern1 {
    border-bottom: 3px solid #fff;
}


.card-body .vpattern2 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern3 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern4 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern5 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern6 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern7 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern8 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern9 {
    border-bottom: 3px solid #fff;
}

.card-body .vpattern10 {
    border-bottom: 3px solid #fff;
}


.card-body .vmixclr1 {
    border-bottom: 3px solid #fff;
}

.card-body .vmixclr2 {
    border-bottom: 3px solid #fff;
}*/

/*.card-body .vmixclr3 {
    border-bottom: 3px solid #fff;
}*/

/*.card-body .vmixclr4 {
    border-bottom: 3px solid #fff;
}*/

/*.card-body .vmixclr5 {
    border-bottom: 3px solid #fff;
}*/



/*.card-body .vmixclr6 {
    border-bottom: 3px solid #fff;
}*/

.vmixclr6 .Short-Description {
    color: #fff;
}

.vmixclr6 .promoeditipopup {
    color: #fff;
}

.vmixclr6 .newtcurl a {
    color: #fff;
}

.vmixclr6 .promotermbar p {
    color: #fff;
}

.vmixclr6 .promodatebox p {
    color: #fff;
}

.vmixclr6 .qrsmstext {
    color: #fff;
}

/*.card-body .vmixclr7 {
    border-bottom: 3px solid #fff;
}*/


/*.card-body .vmixclr8 {
    border-bottom: 3px solid #fff;
}*/

.vmixclr8 .Short-Description {
    color: #fff;
}

.vmixclr8 .promoeditipopup {
    color: #fff;
}

.vmixclr8 .newtcurl a {
    color: #fff;
}

.vmixclr8 .promotermbar p {
    color: #fff;
}

.vmixclr8 .promodatebox p {
    color: #fff;
}

.vmixclr8 .qrsmstext {
    color: #fff;
}


/*.card-body .vmixclr9 {
    border-bottom: 3px solid #fff;
}*/


/*.card-body .vmixclr10 {
    border-bottom: 3px solid #fff;
}*/

/*================== Brand Module Enhancement features design code start =======================*/


.deliveryconfigure {
    padding: 10px 10px;
    line-height: 30px;
    font-size: 14px;
    color: #6f28ad;
    /* background-color: #fbf6ff; */
    font-family: Muli-SemiBold;
}

.deliveryconfigure label {
        cursor: pointer;
        position: relative;
        top: -2px;
    }
/* .deliveryconfigure h2 {
  padding: 10px;
  margin: 0px;
  background-color: #004C8F;
  color: #fff;
} */

.mrtop {
    margin-top: 1em;
}

.prebookingtag {
    display: inline-flex;
    font-family: Muli-SemiBold;
    font-size: 16px;
    color: #000;
    position: absolute;
    top: 14px;
    right: 60px;
    text-decoration: none;
    background-color: #ffe100;
    padding: 5px 15px;
    font-size: 14px;
    border: 1px solid #ffc300;
    border-radius: 5px;
}

    .prebookingtag i {
        padding-right: 10px;
        color: #000 !important;
        top: 4px !important;
    }


/*===================BONUSClub dashboard Promo background Css end==========================*/


.shortingbox {
    padding:10px 0px;
    font-family:Muli-Regular;
    font-size:14px;
    color:#333;
    text-align:center;
    /*margin-bottom:10px;*/
}
.shortingbtn {
    padding: 4px 10px;
    font-size: 12px;
    color: #7b7b7b;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 25px;
}
.shortingbtn:hover {
    color: #6c3d96;
}
.shortactive {
    color: #6c3d96;
    font-weight: bold;
    border: 1px solid #6c3d96;
    border-radius: 25px;
    padding: 4px 10px;
    font-size: 14px;
    background-color: #f7eeff;
    top: 1px;
    position: relative;
}
.shortactive:hover {
    color: #6c3d96;
}


.dealerboxsearch .dealersearch input {
    height:45px;
}



.dealerfilter .dealersearch input {
    height: 45px;
}

.dealerboxsearch .overviewbtn {
    padding:10px 5px;
    font-size:16px;
}

.dealerbtnpad {
    margin-top:-1px;
}


.configurlap {
    overflow: initial !important;
}

.opacitydown {
    opacity: 0.5;
    pointer-events: none;
}


/*==================Download PDF QR Css code start =======================*/


.logopdf {
    height: 20px;
    margin: 1em 0px;
    float: right;
    padding-right: 10px
}

.bonuspara {
    font-size: 14px;
    font-family: Muli-Regular;
    color: #333;
    line-height: 24px;
}

    .bonuspara p {
        margin-top: 10px;
    }

.pdfqrbox {
    padding: 15px;
    background-color: #f5eaff;
    border-radius: 5px;
    margin: 1em 0px;
}

    .pdfqrbox img {
        border: 1px solid #ccc;
    }

    .pdfqrbox h2 {
        font-size: 18px;
        text-align: center;
        color: #383838;
        margin: 10px 0px;
        font-family: Muli-SemiBold;
    }

.printbtn {
    padding: 10px 2px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    background: #6C3D96;
    position: relative;
    width: 100%;
    border-radius: 5px;
    border: none;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    box-shadow: 0 3px 13px rgba(0,0,0,0.09),0 1px 5px 0 rgba(0,0,0,0.14);
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .printbtn:hover {
        background: #984dda;
        color: #fff;
        transform: translateY(-2px) scale(1.01);
        box-shadow: 0 5px 16px 1px rgba(0,0,0,0.13),0 1px 4px 0 rgba(0,0,0,0.09);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .printbtn i {
        padding-right: 5px;
        font-size: 16px;
    }

.pdfqrscroll {
    max-height: 550px;
    overflow: auto;
    overflow-x: hidden;
    margin-right: 5px;
}

.pdfqrscroll {
    /*overflow: auto;*/
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

    .pdfqrscroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #e4e4e4;
    }

    .pdfqrscroll::-webkit-scrollbar-thumb {
        background: #6C3D96;
        border-radius: 5px;
    }

.linkmorepdf {
    position:relative;
    top:-5px;
}
.linkmorepdf a {
    padding: 0px 5px;
    text-decoration: none;
    padding-right: 8px;
    word-break: break-word;
    display: flex;
}
    .linkmorepdf a i {
        top: 8px;
        position: relative;
        padding-right: 10px;
    }
    .linkmorepdf a:hover {
        transform: translateY(-2px) scale(1.00);
    }

.pdfheader {
    margin-top: 16px;
    background:#fff;
}



/*==================Download PDF QR Css code end=======================*/


/*==================Capcha code css start=======================*/


.captchabox {
    background-color: #fff;
    padding: 0px;
    margin: 10px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.captchaimg {
    display: block;
    padding: 5px 0px;
}

    .captchaimg img {
        padding-bottom: 1px;
        margin: 0px;
    }

    .captchaimg a {
        color: #683992;
        font-size: 20px;
        margin-left: 15px;
        position: relative;
        top: 4px;
    }

.capbr {
    border-right: 1px solid #ccc;
    padding-right: 0px;
}

.captchabox input {
    padding: 5px 5px;
    background-color: #fff !important;
    border: none;
    font-size: 14px;
    margin: 7px 0px;
}

    .captchabox input:focus {
        box-shadow: none;
    }


/*==================Capcha code css end=======================*/


/*==================Brand T&C Code css Start=======================*/


.termbox {
  width: 100%;
  margin: 0 auto;
  font-family: Muli-Regular;
  color: #000;
  font-size: 14px;
  text-align: justify;
  padding: 1em 1em;
}

.termbox h4 {
font-family: Muli-Bold;
  margin-bottom: 10px;
  margin-top: 1.1em;
  font-size: 20px;
}

.termbox h2 {
  font-family: Muli-Bold;
  font-size: 25px;
}

.termbox li {
padding-left: 20px;
  color: #333;
  line-height: 25px;
  margin-bottom: 10px;
}
 
footer p a {
  color: #fff;
  text-decoration: none;
}
footer p a:hover {
  color: #fff;
  text-decoration: underline;
}

.savecardnew label a {
  color: #0040ab;
  text-decoration: none;
}
.savecardnew label a:hover {
  color: #000;
  text-decoration: underline;
}

.scrolltandc {
overflow: auto;
max-height: 400px;
height: auto;
scrollbar-color: #6C3D96 #e4e4e4;
scrollbar-width: thin;
}

.scrolltandc::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #e4e4e4;
}

.scrolltandc::-webkit-scrollbar-thumb {
background: #6C3D96;
border-radius: 5px;
}
.privacybg .modal-body {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


/*==================Brand T&C Code css END=======================*/


/*==================Brand Voucher Template css code START=======================*/

.uploadpicbox {
    text-align: left;
}
.uploadrow {
    background-color: #f4e7ff;
    margin-top: 3px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 2px #ccc;
    border-radius: 5px;
}
.uploadbgview {
    height: 45px;
    position: relative;
}
.uploadbgview img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
    max-height: 40px;
}
.uploadrow .file {
    border: 1px dashed #333;
    width: 90%;
    height: 35px;
    border-radius: 10px;
    font-size: 10px;
    font-family: Muli-Bold;
    line-height: 35px;
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 5px auto;
    background-color: #f5f5f5;
}
.uploadrow .file:hover {
  border: 1px dashed #fff;
  background-color: #6c3d96;
  color: #fff;
}

.uploadrow .file input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
}
.uploadpicbox ul {
    list-style-type: disc;
    font-size: 11px;
    color: #000;
    margin-bottom: 0px;
}
.uploadpicbox ul li .colorpickerinput {
        height: 13px;
        position: relative;
        width: 30px;
        top: 3px;
        border: none;
        box-shadow: none;
        cursor: pointer;
}
.uploadbtn a {
    font-size: 12px;
    padding: 3px 10px;
    margin: 0px;
}
.uploadpicbox hr {
    margin: 6px 0px;
}
.cl1 {
    margin: 11px 5px;
}

.deliverytxt {
  font-size: 14px;
  color: #6C3D96;
  font-family: Muli-Regular;
  position: relative;
  top: 18px;
  text-align: center;
}

.skipbtn {
      /* background-color: #D6C2E8; */
      padding: 8px 30px;
    font-size: 18px;
    color: #6C3D96!important;
    border: none;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    margin-top: 0.6em;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #6C3D96;
    box-shadow: 0px 0px 2px #ccc;
    font-family: Muli-SemiBold;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.skipbtn:hover {
  box-shadow: 0px 0px 6px #ccc;
}

.skipbtn i {
    font-size: 18px;
    position: relative;
    top: 0px;
    padding-right: 10px;
}
.mrtop {
    margin-top: 1em;
}


.deliveryconfigure {
    padding: 10px 10px;
    line-height: 30px;
    font-size: 14px;
    color: #6f28ad;
    font-family: Muli-SemiBold;
}
.deliveryconfigure label {
    cursor: pointer;
    position: relative;
    top: -2px;
}






/*==================Brand Voucher Template css code END=======================*/





/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
/*==================================================================*/
/*===================BONUSPROMO CODING END==========================*/


@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .kyc-intro {
    padding: 1em 0em 1em 0em;
  }
  .kycdiv {
    padding-top: 5em;
  }
  /*  */
  .intro-content h2 {
    font-size: 45px;
  }
  .intro-content p {
    font-size: 16px;
    padding: 5px 0px;
  }
  .dashboardview {
    padding: 1em 10px;
    width: 100%;
    padding-left: 20px;
    margin: 0 auto;
  }
  .dashmenubox {
    width: 130px;
    height: 128px;
    margin: 10px auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .dashmenubox img {
    height: 43px;
  }
  .dashmenubox p {
    font-size: 16px;
    padding-top:0.5em; 
  }
  /* .dashboardftr {
    display: none;
  } */
  /*  */
  .emiselectbanktable {
    margin: 0 3em;
    width: 90%;
  }
  .owl-slider {
    width: 80%;
    margin: 10px auto 0px auto;
/*    padding-bottom:10px;*/
  }
       /*  */
       .brandlist a {
        width: 120px;
        height: 119px;
      }
      .brandlist a img {
        margin-top: 2.5em;
      }
      .brandlist ul {
        margin-top: 0px;
      }
      .brandlist {
        width: 80%;
        margin-left: 80px;
      }
      
      .brandlist a .catelistproduct {
        height: 60px;
      }
      .brandlist a p {
        font-size: 12px;
      }
      .brandemiproduct {
        width: 85%;
        padding: 1em 0px;
        margin: 0 auto;
      }

       /*  */
   .overview-mainbrandemi {
    width: 60%;
    margin: 1em auto;
  }
  .schemetablebox {
    display: flow-root;
  }
  .gridtable {
    width: 25%;
  }
  .promomar {
    margin-bottom: 1em;
  }
  .promomar h2 {
    font-size: 18px;
    font-family: Muli-Bold;
    margin-top: 0px;
  }
  .promobtnmar {
    margin: 0px;
  }
  .promomar img {
    height: 130px;
  }
  .promoapply {
    width: 130px;
  }
  .nobtn {
    font-size: 18px;
  }
    /*  */
    .manageuser-section {
      width: 90%;
      margin-left: 60px;
    }
    .bridcurmuser {
      margin-top: 10px;
      font-size: 10px;
    }
    .bridcurmuser a {
      font-size: 14px;
    }
    .manageuser-search {
      padding: 1em;
    }
    .responstable td {
      font-size: 13px;
    }
    .responstable th {
      font-size: 14px;
    }
    .responstable .actionbtn {
      font-size: 12px;
      padding: 6px 1px;
      width: 100%;
    }
    .manageuser-search .search {
      font-size: 16px;
      text-align: center;
      padding: 10px 15px;
      margin-top: 0.6em;
    }
    .manageuser-search .reset {
      font-size: 16px;
      text-align: center;
      padding: 10px 15px;
      margin-top: 0.6em;
    }
    .login {
      background-image: url(../images/bg-new1.png);
      background-size: cover;
      background-repeat: no-repeat;
      height: 100vh;
      margin: 0 auto;
    }
    .formbox {
      padding: 0.5em 2em;
    }
    #errormsg {
      width: 100%;
      font-size: 12px;
      padding: 5px 10px;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1200px){
  .loginhomekyc {
    width: 80%;
    margin: 0 auto;
  }
  /*  */
  .intro-content {
    padding: 2.5em 4.5em 1.5em 6.5em;
  }
  .savecard input[type="checkbox"] + label {
    padding: 0px 3px;
  }
  .intro-content h2 {
    font-size: 45px;
  }
  .intro-content p {
    font-size: 16px;
    padding: 0px;
  }
    /*  */
    .showtab {
      padding: 0.3em 0px 2.1em 3em;
    }
    .brandemishowtab {
      padding: 0.3em 0px 1em 3em !important;
    }
    #errormsg {
      width: 100%;
      font-size: 13px;
      padding: 0px 10px;
    }
    .errortxt {
      font-size: 13px;
    }
    .errortxt-otp {
      font-size: 13px;
    }
    .checkout {
      width: 100%;
    }
    .checkout .step.active .step-label {
      font-size: 11px;
    }
    .checkout .step.show .step-label {
      font-size: 11px;
    }
    .checkout .step.completed .step-label {
      font-size: 11px;
    }
    .overview-main {
      width: 40%;
      margin: 1em auto;
    }
    .formbox {
      padding: 1em 2em;
    }
    .overview-main h2 {
      font-size: 20px;
    }
    .form-group select {
      font-size: 13px;
    }
    .formbox .overviewbtn {
      font-size: 18px;
    }
    .control-label {
      font-size: 14px;
    }
    .savecard input[type="checkbox"] + label {
      font-size: 12px;
    }
        /*  */
   .kycdiv {
    padding-top: 2em;
  }
  .kycintro-right {
    width: 280px;
    height: 279px;
    margin: 20px auto;
  }
  .intro-content h2 {
    padding:0;
  }
  .intro-content .introbtn {
    padding: 12px 30px;
    font-size: 16px;
    top: 1em;
  }
  .logomargin {
    margin-left: 0px;
  }
  .loginbtn {
    margin-right: 5px;
  }
  .kyc-intro {
    padding: 2em 1em;
  }
  .kyc-intro h2 {
    font-size: 40px;
  }
  .kyc-intro p {
    font-size: 14px;
  }
  /**/
  .congratulation-main {
    width: 50%;
  }
  .congratubox .regcongpic {
    height: 200px;
  }
  .congratubox h2 {
    font-size: 22px;
  }
  .congratubox .contxt1 {
    font-size: 16px;
  }
      /**/
  .dashboardview {
    padding: 2em 10px;
    width: 90%;
    padding-left: 20px;
    margin: 0 auto;
  }
  .dashmenubox {
    width: 130px;
    height: 128px;
    margin: 10px auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .dashmenubox img {
    height: 43px;
  }
  .dashmenubox p {
    font-size: 16px;
    padding-top:0.5em; 
  }
  /* .dashboardftr {
    display: none;
  } */
  /*  */
  .emiselectbanktable {
    margin: 0 3em;
    width: 90%;
  }
  .owl-slider {
    width: 80%;
    margin: 0 auto;
  }
      /*  */
  .brandlist a {
    width: 120px;
    height: 119px;
  }
  .brandlist a img {
    margin-top: 2.5em;
  }
  .brandlist ul {
    margin-top: 0px;
  }
  .brandlist {
    width: 80%;
    margin-left: 80px;
  }
  
  .brandlist a .catelistproduct {
    height: 60px;
  }
  .brandlist a p {
    font-size: 12px;
  }
  .brandemiproduct {
    width: 85%;
    padding: 1em 0px;
    margin: 0 auto;
  }
   /*  */
   .overview-mainbrandemi {
    width: 60%;
    margin: 1em auto;
  }
  .schemetablebox {
    display: flow-root;
  }
  .gridtable {
    width: 25%;
  }
  .promomar {
    margin-bottom: 1em;
  }
  .promomar h2 {
    font-size: 18px;
    font-family: Muli-Bold;
    margin-top: 0px;
  }
  .promobtnmar {
    margin: 0px;
  }
  .promomar img {
    height: 130px;
  }
  .promoapply {
    width: 110px;
  }
  .nobtn {
    font-size: 18px;
  }
  /*  */
  .transactionfilter ul li:nth-child(1) {
    width: 100%;
    margin-bottom: 10px;
  }
  .transactionfilter ul li:nth-child(2) {
    width: 100%;
  }
  .transactionfilter {
    padding: 10px 12px 0px 12px;
    margin-bottom: 0px;
  }
  /*  */
  .manageuser-section {
    width: 90%;
    margin-left: 60px;
  }
  .bridcurmuser {
    margin-top: 10px;
    font-size: 10px;
  }
  .bridcurmuser a {
    font-size: 14px;
  }

/*  .bonusclub-pagination {
      padding-left:0px;
  }*/

  .manageuser-search {
    padding: 1em;
  }
  .responstable td {
    font-size: 13px;
  }
  .responstable th {
    font-size: 14px;
  }
  .responstable .actionbtn {
    font-size: 12px;
    padding: 6px 1px;
  }
  .manageuser-search .search {
    font-size: 16px;
    text-align: center;
    padding: 10px 15px;
    margin-top: 0.2em;
  }
  .manageuser-search .reset {
    font-size: 16px;
    text-align: center;
    padding: 10px 15px;
    margin-top: 0.2em;
  }
  .login {
    background-image: url(../images/bg-new1.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    margin: 0 auto;
  }
  .validationlistbox {
    margin-left: 70px;
    margin-top: 2em;
  }
  .validationlistbox ul li {
    font-size: 14px;
  }
  header .navbar .userProfile .subnav-content {
    bottom: -10.0rem !important;
  }
  .pgregistration-main {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px){
  .loginhomekyc {
    width: 80%;
    margin: 0 auto;
  }
  /*  */
  .intro-content {
    padding: 2.5em 4.5em 1.5em 6.5em;
  }
  .savecard input[type="checkbox"] + label {
    padding: 0px 3px;
  }
  .intro-content h2 {
    font-size: 45px;
  }
  .intro-content p {
    font-size: 16px;
    padding: 0px;
  }
    /*  */
    .showtab {
      padding: 0.3em 0px 2.1em 3em;
    }
    .brandemishowtab {
      padding: 0.3em 0px 1em 3em !important;
    }
    #errormsg {
      width: 100%;
      font-size: 13px;
      padding: 0px 10px;
    }
    .errortxt {
      font-size: 12px;
    }
    .errortxt-otp {
      font-size: 12px;
    }
    .checkout {
      width: 100%;
    }
    .checkout .step.active .step-label {
      font-size: 11px;
    }
    .checkout .step.show .step-label {
      font-size: 11px;
    }
    .checkout .step.completed .step-label {
      font-size: 11px;
    }
    .overview-main {
      width: 40%;
      margin: 1em auto;
    }
    .formbox {
      padding: 1em 2em;
    }
    .overview-main h2 {
      font-size: 20px;
    }
    .form-group select {
      font-size: 13px;
      height:45px;
    }
    .formbox .overviewbtn {
      font-size: 18px;
    }
    .control-label {
      font-size: 14px;
    }
    .savecard input[type="checkbox"] + label {
      font-size: 12px;
    }
    /*  */
   .kycdiv {
    padding-top: 2em;
  }
  .kycintro-right {
    width: 280px;
    height: 279px;
    margin: 20px auto;
  }
  .intro-content h2 {
    padding:0;
  }
  .intro-content .introbtn {
    padding: 12px 30px;
    font-size: 16px;
    top: 1em;
  }
  .logomargin {
    margin-left: 0px;
  }
  .loginbtn {
    margin-right: 5px;
  }
  .kyc-intro {
    padding: 2em 1em;
  }
  .kyc-intro h2 {
    font-size: 40px;
  }
  .kyc-intro p {
    font-size: 14px;
  }
    /**/
    .congratulation-main {
      width: 50%;
    }
    .congratubox .regcongpic {
      height: 200px;
    }
    .congratubox h2 {
      font-size: 22px;
    }
    .congratubox .contxt1 {
      font-size: 16px;
    }
    /**/
  .dashboardview {
    padding: 2em 10px;
    width: 85%;
    margin: 0 auto;
  }
  .dashmenubox {
    width: 130px;
    height: 128px;
    margin: 10px auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .dashmenubox img {
    height: 43px;
  }
  .dashmenubox p {
    font-size: 16px;
    padding-top:0.5em; 
  }
  /* .dashboardftr {
    display: none;
  } */
  /*  */
  .emiselectbanktable {
    margin: 0 2px;
    width: 100%;
  }
  .owl-slider {
    width: 80%;
    margin: 0 auto;
  }
     /*  */
     .brandlist a {
      width: 120px;
      height: 119px;
    }
    .brandlist a img {
      margin-top: 2.5em;
    }
    .brandlist ul {
      margin-top: 0px;
    }
    .brandlist {
      width: 80%;
      margin-left: 80px;
    }
    
    .brandlist a .catelistproduct {
      height: 60px;
    }
    .brandlist a p {
      font-size: 12px;
    }
    .brandemiproduct {
      width: 85%;
      padding: 1em 0px;
      margin: 0 auto;
    }

     /*  */
     .overview-mainbrandemi {
      width: 60%;
      margin: 1em auto;
    }
    .schemetablebox {
      display: flow-root;
    }
    .gridtable {
      width: 50%;
    }
    .promomar {
      margin-bottom: 1em;
    }
    .promomar h2 {
      font-size: 18px;
      font-family: Muli-Bold;
      margin-top: 0px;
    }
    .promobtnmar {
      margin: 0px;
    }
    .promomar img {
      height: 130px;
    }
    .promoapply {
      width: 110px;
    }
    .nobtn {
      font-size: 18px;
    }

        /*  */
 .transactionfilter ul li:nth-child(1) {
  width: 100%;
}
.transactionfilter ul li:nth-child(2) {
  width: 100%;
}
.transactionfilter {
  padding: 10px 12px 0px 12px;
  margin-bottom: 0px;
}
.transaction-heading h2 {
  font-family: Muli-Bold;
  font-size: 20px;
}
.trasnsearch {
  margin-bottom: 10px;
}

.transactionfilter .overviewbtn {
    width: fit-content;
    margin: 0px auto;
    font-size: 18px;
}


.menufilter {
  margin-bottom: 10px;
  margin-right: 0px;
}
.transaction-table {
  width: 100%;
  /* display: flex; */
  overflow: scroll;
  margin-bottom: 0px;
}
.transaction-table table {
  width: max-content;
  min-width: 100%;
  display: block ruby;
}
.transaction-table table th:nth-child(1) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(2) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(3) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(4) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(5) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table tbody tr td {
  padding: 0.5rem 1.0rem;
}
.sectionfix {
  margin: 0em auto;
  margin-bottom: 5em;
  width: 80%;
  left: 30px;
  position: relative;
}
.transaction-heading {
  padding: 1em 0px 0.5em 0px;
  text-align: center;
}
/*  */
.manageuser-section {
  width: 90%;
  margin-left: 60px;
}
.bridcurmuser {
  margin-top: 10px;
  font-size: 10px;
}
.bridcurmuser a {
  font-size: 14px;
}
.manageuser-search {
  padding: 1em;
}
.manageuser-table {
  margin-bottom: 5em;
}
.marnonebtn {
  margin-bottom: 5px;
  margin-top: 5px;
}
.responstable td:first-child {
  text-align: center;
}
.responstable th:first-child {
  text-align: center;
}
.responstable td {
  font-size: 12px;
}
.responstable th {
  font-size: 14px;
}
.responstable .actionbtn {
  font-size: 12px;
  padding: 6px 1px;
}
.manageuser-search .search {
  font-size: 16px;
  text-align: center;
  padding: 10px 15px;
  margin-top: 0.5em;
}
.manageuser-search .reset {
  font-size: 16px;
  text-align: center;
  padding: 10px 15px;
  margin-top: 0.5em;
}
.login {
  background-image: url(../images/bg-new2.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0 auto;
}
.validationlistbox {
  margin-left: 70px;
  margin-top: 2em;
}
.validationlistbox ul li {
  font-size: 14px;
}
header .navbar .userProfile .subnav-content {
  bottom: -10.0rem !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px){
  .loginhomekyc {
    width: 90%!important;
    margin: 0 auto;
  }
  /*  */
  .intro-content {
    padding: 2.5em 3.5em 1.5em 5.5em;
  }
  .savecard input[type="checkbox"] + label {
    padding: 0px 3px;
  }
  .intro-content h2 {
    font-size: 35px;
  }
  .intro-content p {
    font-size: 15px;
    padding: 0px;
  }
  /*  */
  /*  */
  .showtab {
    padding: 0.5em 0.1px 2em 3em;
  }
  .brandemishowtab {
    padding: 0.5em 0px 1em 3em !important;
  }
#errormsg {
    font-size: 12px;
    padding: 0px 10px;
    margin: 10px auto 0px;
  }
  .checkout {
    width: 100%;
  }
  .checkout .step.active .step-label {
    font-size: 11px;
  }
  .checkout .step.show .step-label {
    font-size: 11px;
  }
  .checkout .step.completed .step-label {
    font-size: 11px;
  }
  .overview-main {
    width: 50%;
    /* padding-left: 3em; */
    margin: 1em auto;
  }
  .formbox {
    padding:0.5em 2em;
  }
  .errortxt {
    font-size: 13px;
  }
  .errortxt-otp {
    font-size: 13px;
  }
  .overview-main h2 {
    font-size: 20px;
  }
  .form-group select {
    font-size: 12px;
    height:45px;
  }
  .formbox .overviewbtn {
    font-size: 16px;
  }
  .control-label {
    font-size: 14px;
  }
  .savecard input[type="checkbox"] + label {
    font-size: 12px;
  }
   /*  */
   .kycdiv {
    padding-top: 2em;
  }
  .kycintro-right {
    width: 260px;
    height: 259px;
    margin: 20px auto;
  }
  .intro-content h2 {
    padding:0;
  }
  .intro-content .introbtn {
    padding: 12px 30px;
    font-size: 16px;
    top: 1em;
  }
  .logomargin {
    margin-left: 0px;
  }
  .loginbtn {
    margin-right: 5px;
  }
  .kyc-intro {
    padding: 2em 1em;
  }
  .kyc-intro h2 {
    font-size: 30px;
  }
  .kyc-intro p {
    font-size: 14px;
  }
  /**/
  .congratulation-main {
    width: 60%;
  }
  .congratubox .regcongpic {
    height: 200px;
  }
  .congratubox h2 {
    font-size: 22px;
  }
  .congratubox .contxt1 {
    font-size: 16px;
  }
  .pgregistration-main {
    width: 60%;
    margin: 0em auto;
    text-align: center;
    padding: 0px;
  }
  /**/
  .dashboardview {
    padding: 1em 10px;
    width: 85%;
    margin: 0 auto;
  }
  .dashmenubox {
    width: 130px;
    height: 128px;
    margin: 10px auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .dashmenubox img {
    height: 43px;
  }
  .dashmenubox p {
    font-size: 16px;
    padding-top:0.5em; 
  }
  /* .dashboardftr {
    display: none;
  } */
    /*  */
    .emiselectbanktable {
      width: 100%;
      /* display: flex; */
      overflow: scroll;
      margin-bottom: 0px;
      padding: 5px;
      margin-top: 0px;
    }
    .emiselectbanktable table {
      width: max-content;
      display: block ruby;
      margin: 0 auto;
    }
    .emiselectbanktable table th:nth-child(1) {
      width: auto;
      padding: 0.5em 1.0em;
    }
    .emiselectbanktable table th:nth-child(2) {
      width: auto;
      padding: 0.5em 1.0em;
    }
    .emiselectbanktable table th:nth-child(3) {
      width: auto;
      padding: 0.5em 1.0em;
    }
    .emiselectbanktable table th:nth-child(4) {
      width: auto;
      padding: 0.5em 1.0em;
    }
    .emiselectbank table th:nth-child(5) {
      width: auto;
      padding: 0.5em 1.0em;
    }
    .emiselectbanktable table tbody tr td {
      padding: 0.5rem 1.0rem;
    }
    .emiselectbanktable table thead th {
      font-size: 14px;
    }
    .emi-table {
      margin-left: 0px;
    }
    .emibtn {
      text-align: center;
      margin: 1em 0px 6em 0px;
    }
    .bankselectbox {
      width: 100%;
      margin: 1em auto;
    }
    .owl-slider {
      width: 85%;
      margin: 0 auto;
      margin-left: 70px;
    }
      /*  */
  .brandlist a {
    width: 120px;
    height: 119px;
  }
  .brandlist a img {
    margin-top: 2.5em;
  }
  .brandlist ul {
    margin-top: 0px;
  }
  .brandlist {
    width: 80%;
    margin-left: 80px;
  }
  
  .brandlist a .catelistproduct {
    height: 60px;
  }
  .brandlist a p {
    font-size: 12px;
  }
  .brandemiproduct {
    width: 85%;
    padding: 1em 0px;
    margin: 0 auto;
  }
    /*  */
    .overview-mainbrandemi {
      width: 60%;
      margin: 1em auto;
    }
    .schemetablebox {
      display: flow-root;
    }
    .gridtable {
      width: 50%;
    }
    .promomar {
      margin-bottom: 1em;
    }
    .promomar h2 {
      font-size: 18px;
      font-family: Muli-Bold;
      margin-top: 0px;
    }
    .promobtnmar {
      margin: 0px;
    }
    .promomar img {
      height: 130px;
    }
    .promoapply {
      width: 110px;
    }
    .nobtn {
      font-size: 16px;
    }
    .smslinkbox p {
      font-size: 13px;
      margin-bottom: 1em;
    }
     /*  */
 .transactionfilter ul li:nth-child(1) {
  width: 100%;
}
.transactionfilter ul li:nth-child(2) {
  width: 100%;
}
.transactionfilter {
  padding: 10px 12px;
  margin-bottom: 0px;
}
.transaction-heading h2 {
  font-family: Muli-Bold;
  font-size: 20px;
}
.trasnsearch {
  margin-bottom: 10px;
}
.menufilter {
  margin-bottom: 10px;
  margin-right: 0px;
}
.transaction-table {
  width: 100%;
  /* display: flex; */
  overflow: scroll;
  /*margin-bottom: 5px;*/
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
}

.transaction-table::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #e4e4e4;
}

.transaction-table::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}
.transaction-table table {
  width: 100%;
  display: block ruby;
}

.dealtertblheading input {
    margin-left:0px;
    margin-right: 12px;
}
.dealeraddbox .inputdeal {
    width:45px;
}
.dealeraddbox label {
    width:80%;
}

.transaction-table table th:nth-child(1) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(2) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(3) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(4) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(5) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table tbody tr td {
  padding: 0.5rem 1.0rem;
}

#dvReport .dealeraddbox label {
    margin-left:13px;
}

#dvPartialReport .dealeraddbox label {
    margin-left:13px;
}

.transaction-heading {
  padding: 1em 0px 0.5em 0px;
  text-align: center;
}
/*  */
.manageuser-section {
  width: 90%;
  margin-left: 60px;
}
.bridcurmuser {
  margin-top: 10px;
  font-size: 10px;
}
.bridcurmuser a {
  font-size: 14px;
}
.manageuser-search {
  padding: 1em;
}
.manageuser-table {
  margin-bottom: 5em;
}
.marnonebtn {
  margin-bottom: 5px;
  margin-top: 5px;
}
.responstable td:first-child {
  text-align: center;
}
.responstable th:first-child {
  text-align: center;
}
.responstable td {
  font-size: 11px;
}
.responstable th {
  font-size: 14px;
}
.responstable .actionbtn {
  font-size: 10px;
  padding: 6px 1px;
}
.manageuser-search .search {
  font-size: 14px;
  text-align: center;
  padding: 10px 15px;
  margin-top: 1em;
}
.manageuser-search .reset {
  font-size: 14px;
  text-align: center;
  padding: 10px 15px;
  margin-top: 1em;
}
.login {
  background-image: url(../images/bg-new2.png)!important;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  right: 0;
}
.emiproductbox {
  width: 46%;
}
.validationlistbox {
  margin-left: 70px;
  margin-top: 2em;
}
.validationlistbox ul li {
  font-size: 14px;
}
header .navbar .userProfile .subnav-content {
  bottom: -10.0rem !important;
}

}


@media only screen and (max-width: 768px) {
main .sidebar
{
  display: none;
}
header .navbar .logo .bars
{
  display: none;      
}
/* .classy-navbar-togglerv {
  display: none;
} */


}


@media only screen and (min-width: 640px) and (max-width: 768px){
  .loginhomekyc {
    width: 50%;
    margin: 0 auto;
  }
  /*  */
  .intro-content {
    padding: 1.5em 1.5em 1.5em 1.5em;
  }
  .intro-content h2 {
    font-size: 35px;
  }
  .intro-content p {
    font-size: 15px;
    padding: 0px;
  }
  /*  */
  .showtab {
    padding: 0.4em 0px 2.1em 0px;
  }
  .brandemishowtab {
    padding: 0.2em 0px 1em 0px !important;
  }
  .errortxt {
    font-size: 13px;
  }
  .errortxt-otp {
    font-size: 13px;
  }
  .checkout {
    width: 100%;
  }
  .checkout .step.active .step-label {
    font-size: 11px;
  }
  .checkout .step.show .step-label {
    font-size: 11px;
  }
  .checkout .step.completed .step-label {
    font-size: 11px;
  }
  .overview-main {
    width: 80%;
  }
  .formbox {
    padding: 1em 2em;
  }
  .overview-main h2 {
    font-size: 20px;
  }
  .form-group select {
    font-size: 12px;
  }
  .formbox .overviewbtn {
    font-size: 18px;
  }
  .control-label {
    font-size: 14px;
  }
  .savecard input[type="checkbox"] + label {
    font-size: 12px;
  }
  /*  */
  .kycdiv {
    padding-top: 0px;
  }
  .kycintro-right {
    width: 260px;
    height: 259px;
    margin: 20px auto;
  }
  .intro-content h2 {
    padding:0;
  }
  .intro-content .introbtn {
    padding: 12px 30px;
    font-size: 16px;
    top: 1em;
  }
  .logomargin {
    margin-left: 0px;
  }
  .loginbtn {
    margin-right: 5px;
  }
  /*  */
  .congratulation-main {
    width: 80%;
  }
  .congratubox .regcongpic {
    height: 200px;
  }
  .congratubox h2 {
    font-size: 22px;
  }
  .congratubox .contxt1 {
    font-size: 16px;
  }
  .pgregistration-main {
    width: 80%;
    margin: 0em auto;
    text-align: center;
    padding: 0px;
  }
  /**/
  .dashboardview {
    padding: 1em 10px;
  }
  .dashmenubox {
    width: 130px;
    height: 128px;
    margin: 10px auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .dashmenubox img {
    height: 43px;
  }
  .dashmenubox p {
    font-size: 16px;
    padding-top:0.5em; 
  }
  .dashboardftr {
    display: none;
  }
  .fotresponsive {
    display: none;
  }
  /**/
  .backmenucurm {
    padding: 0.5em 1em 0.5em 1em;
  }
  .managecurm {
    padding: 0.5em 0em;
}
  .backmenucurm a {
    font-size: 14px;
  }
  /*  */
  .emiselectbanktable {
    width: 100%;
    /* display: flex; */
    overflow: scroll;
    margin-bottom: 0px;
    padding: 5px;
    margin-top: 0px;
  }
  .emiselectbanktable table {
    width: max-content;
    display: block ruby;
  }
  .emiselectbanktable table th:nth-child(1) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(2) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(3) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(4) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbank table th:nth-child(5) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table tbody tr td {
    padding: 0.5rem 1.0rem;
  }
  .emiselectbanktable table thead th {
    font-size: 14px;
  }
  .emi-table {
    margin-left: 0px;
  }
  .emibtn {
    text-align: center;
    margin: 1em 0px 6em 0px;
  }
  .bankselectbox {
    width: 100%;
    margin: 1em auto;
  }
  .owl-slider {
    width: 85%;
    margin: 0 auto;
  }
  /*  */
  .brandlist a {
    width: 120px;
    height: 119px;
  }
  .brandlist a img {
    margin-top: 2.5em;
  }
  .brandlist ul {
    margin-top: 0px;
  }
  
  .brandlist a .catelistproduct {
    height: 60px;
  }
  .brandlist a p {
    font-size: 12px;
  }
  .brandemiproduct {
    width: 100%;
    padding: 1em 0px;
    margin: 0 auto;
  }
    /*  */
    .overview-mainbrandemi {
      width: 100%;
      margin: 1em auto;
    }
    .schemetablebox {
      display: flow-root;
    }
    .gridtable {
      width: 50%;
    }
    .promomar {
      margin-bottom: 1em;
    }
    .promomar h2 {
      font-size: 18px;
      font-family: Muli-Bold;
      margin-top: 0px;
    }
    .promobtnmar {
      margin: 0px;
    }
    .promomar img {
      height: 130px;
    }
    .promoapply {
      width: 110px;
    }
    .nobtn {
      font-size: 18px;
    }

 /*  */
 .transactionfilter ul li:nth-child(1) {
  width: 100%;
}
.transactionfilter ul li:nth-child(2) {
  width: 100%;
}
.transactionfilter {
  padding: 10px 12px;
  margin-bottom: 0px;
}

  .transaction-box {
      margin-bottom:2.5em;
  }

.transaction-heading h2 {
  font-family: Muli-Bold;
  font-size: 20px;
}
.trasnsearch {
  margin-bottom: 0px;
}
.menufilter {
  margin-bottom: 10px;
  margin-right: 0px;
}
.transaction-table {
  width: 100%;
  /* display: flex; */
  overflow: scroll;
  /*margin-bottom: 10px;*/
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
}
.dealertable table {
    width: 100%!important;
}
.transaction-table::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #e4e4e4;
}

.dealtertblheading input {
    margin-right:12px;
    margin-left:-1px;
}
.dealeraddbox .inputdeal {
    width:43px;
}
.dealeraddbox label {
    width:75%;
}

.transaction-table::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}
.transaction-table table {
  width: max-content;
  display: block ruby;
}
.transaction-table table th:nth-child(1) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(2) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(3) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(4) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table table th:nth-child(5) {
  width: auto;
  padding: 0.5em 1.0em;
}
.transaction-table tbody tr td {
  padding: 0.5rem 1.0rem;
}

#dvReport .dealeraddbox label {
    margin-left:14px;
}

#dvPartialReport .dealeraddbox label {
    margin-left:14px;
}


.sectionfix {
  margin: 0em auto;
  margin-bottom: 5em;
  width: 80%;
}
.transaction-heading {
  padding: 1em 0px 0.5em 0px;
  text-align: center;
}
.breakup-main {
  width: 80%;
}
/*  */
.manageuser-section {
  width: 100%;
}
.bridcurmuser {
  margin-top: 10px;
  font-size: 10px;
}
.bridcurmuser a {
  font-size: 14px;
}
.manageuser-search {
  padding: 1em;
}
.manageuser-table {
  margin-bottom: 5em;
}
.marnonebtn {
  margin-bottom: 20px;
  margin-top: 8px;
}
.responstable td:first-child {
  text-align: center;
}
.responstable th:first-child {
  text-align: center;
}
.responstable td {
  font-size: 11px;
}
.responstable th {
  font-size: 14px;
}
.responstable .actionbtn {
  font-size: 10px;
  padding: 6px 1px;
}
.manageuser-search .search {
  font-size: 18px;
  text-align: center;
}
.manageuser-search .reset {
  font-size: 18px;
  text-align: center;
}
.login {
  background-image: url(../images/bg-768.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: auto;
  }
  .login-form {
    transform: initial;
    right: 0px;
    position: absolute;
    text-align: center;
    top: 15%;
  }
  .bonuslogo img {
    height: 45px;
    margin-bottom: 10px;
  }
  .loginhomekyc h2 {
    margin-bottom: 1.2em;
  }
  .emiproductbox {
    width: 46%;
  } 
  .emiproductxt h2 span {
    font-size: 13px;
  }
  .emiproductxt p {
    margin-bottom: 0px;
    font-size: 13px;
  }
  .validationlistbox {
    margin-left: 0px;
    margin-top: 2em;
  }
  .validationlistbox ul li {
    font-size: 14px;
  }
  header .navbar .userProfile .subnav-content {
    bottom: -10.0rem !important;
  }
  .selectfilter select {
    margin-bottom: 10px;
  }
  /* transaction failed css */
  .transfailedbox ul {
    width: 100%;
  }
  .transfailedbox h4 {
    font-size: 20px;
  }
  .pgregistrationbox .failtxt {
    font-size: 12px;
  }
    /* customer page */
.customer-content {
  position: inherit;
}
.customer-content h2 {
  font-size: 28px;
}
.customer-content p {
  font-size: 18px;
}
.customer-content span {
  font-size: 14px;
}
.customer-content .introbtn {
  top: 1em;
}
.customer-bg img {
  margin-top: 3em;
  height: 250px;
  text-align: center;
}
/*=========Customer Login page============*/
.customer-login {
  background-image: url(../images/customer-back-res.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0 auto;
}

}

@media only screen and (min-width: 480px) and (max-width: 640px){
  .loginhomekyc {
    width: 70%;
    margin: 0 auto;
  }
  /*  */
  .intro-content {
    padding: 1.5em 1.5em 1.5em 1.5em;
  }
  .intro-content h2 {
    font-size: 35px;
  }
  .intro-content p {
    font-size: 15px;
    padding: 0px;
  }
  /*  */
  .showtab {
    padding: 0.4em 0px 2.1em 0px;
  }
  .brandemishowtab {
    padding: 0.3em 0px 1em 0px !important;
  }
  #errormsg {
    font-size: 12px;
    padding: 0px 10px;
    margin: 10px auto 0px;
  }
  .errortxt {
    font-size: 12px;
  }
  .errortxt-otp {
    font-size: 13px;
  }
  .checkout {
    width: 100%;
  }
  .checkout .step.active .step-label {
    font-size: 11px;
  }
  .checkout .step.show .step-label {
    font-size: 11px;
  }
  .checkout .step.completed .step-label {
    font-size: 11px;
  }
  .overview-main {
    width: 80%;
  }
  .formbox {
    padding: 1em 2em;
  }
  .overview-main h2 {
    font-size: 20px;
  }
  .form-group select {
    font-size: 12px;
  }
  .formbox .overviewbtn {
    font-size: 16px;
  }

  .otptxt {
    font-size: 16px;
    padding: 8px 20px;
  }
  .overviewbtnfit {
    font-size:16px;
  }

  .emiselectbanktable tbody {
    font-size: 13px;
  }

  .control-label {
    font-size: 14px;
  }
  .savecard input[type="checkbox"] + label {
    font-size: 12px;
  }
  /*  */
  .kycdiv {
    padding-top: 0px;
  }
  .kycintro-right {
    width: 240px;
    height: 239px;
    margin: 20px auto;
  }
  .intro-content h2 {
    padding:0;
  }
  .intro-content .introbtn {
    padding: 12px 30px;
    font-size: 16px;
    top: 1em;
  }
  .logomargin {
    margin-left: 0px;
  }
  .loginbtn {
    margin-right: 5px;
  }
  /*  */
  .congratulation-main {
    width: 80%;
  }
  .congratubox .regcongpic {
    height: 200px;
  }
  .congratubox h2 {
    font-size: 22px;
  }
  .congratubox .contxt1 {
    font-size: 16px;
  }
  /*  */
  .pgregistration-main {
    width: 100%;
    margin: 0em auto;
    text-align: center;
    padding: 0px;
  }
  /**/
  .dashboardview {
    padding: 1em 10px;
  }
  .dashmenubox {
    width: 130px;
    height: 128px;
    margin: 10px auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .dashmenubox img {
    height: 43px;
  }
  .dashmenubox p {
    font-size: 16px;
    padding-top:0.5em; 
  }
  .dashboardftr {
    display: none;
  }
  .fotresponsive {
    display: none;
  }
  /**/
  .backmenucurm {
    padding: 0.5em 1em 0.3em 1em;
  }
  .managecurm {
    padding: 0.5em 0em;
}
  .backmenucurm a {
    font-size: 13px;
  }
  /*  */
  .emiselectbanktable {
    width: 100%;
    /* display: flex; */
    overflow: scroll;
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
  }
  .emiselectbanktable table {
    width: max-content;
    display: block ruby;
  }
  .emiselectbanktable table th:nth-child(1) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(2) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(3) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(4) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbank table th:nth-child(5) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table tbody tr td {
    padding: 0.5rem 1.0rem;
  }
  .emiselectbanktable table thead th {
    font-size: 14px;
  }
  .emi-table {
    margin-left: 0px;
  }
  .emibtn {
    text-align: center;
    margin: 1em 0px 6em 0px;
  }
  .bankselectbox {
    width: 100%;
    margin: 1em auto;
  }
  .owl-slider {
    width: 85%;
    margin: 0 auto;
  }
  /*  */
  .brandlist a {
    width: 120px;
    height: 119px;
  }
  .brandlist a img {
    margin-top: 2.5em;
  }
  .brandlist ul {
    margin-top: 0px;
  }
  .brandlist a .catelistproduct {
    height: 60px;
  }
  .brandlist a p {
    font-size: 12px;
  }
  .brandemiproduct {
    width: 100%;
    padding: 1em 0px;
    margin: 0 auto;
  }
  /*  */
  .overview-mainbrandemi {
    width: 100%;
    margin: 1em auto;
  }
  .schemetablebox {
    display: flow-root;
  }
  .gridtable {
    width: 50%;
  }
  .promomar {
    margin-bottom: 1em;
  }
  .promomar h2 {
    font-size: 18px;
    font-family: Muli-Bold;
    margin-top: 0px;
  }
  .promobtnmar {
    margin: 0px;
  }
  .promomar img {
    height: 130px;
  }
  .promoapply {
    width: 110px;
  }
  .nobtn {
    font-size: 16px;
  }
  .smslinkbox p {
    margin-bottom: 1em;
    font-size: 12px;
  }
  .pgbankenterbox ul li p {
    font-size: 14px;
  }
  .ordtxt span {
    font-size: 12px;
  }
  /*  */
  .transactionfilter ul li:nth-child(1) {
    width: 100%;
  }
  .transactionfilter ul li:nth-child(2) {
    width: 100%;
  }
  .transactionfilter {
    padding: 10px 12px;
    margin-bottom: 0px;
  }

  .transaction-box {
      margin-bottom:2.5em;
  }
    
  .transaction-heading h2 {
    font-family: Muli-Bold;
    font-size: 20px;
  }
  .trasnsearch {
    margin-bottom: 10px;
  }
  .menufilter {
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .transaction-table {
    width: 100%;
    /* display: flex; */
    overflow: scroll;
    /*margin-bottom: 10px;*/
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
  }

  .transaction-table::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #e4e4e4;
  }

  .transaction-table::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
  }

  .transaction-table table {
    width: max-content;
    display: block ruby;
  }
  .dealertable table {
    width: 100%!important;
}
  .transaction-table table th:nth-child(1) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table table th:nth-child(2) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table table th:nth-child(3) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table table th:nth-child(4) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table table th:nth-child(5) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table tbody tr td {
    padding: 0.5rem 1.0rem;
  }

 #dvReport .dealeraddbox label {
    margin-left:14px;
}

#dvPartialReport .dealeraddbox label {
    margin-left:14px;
}

  .sectionfix {
    margin: 0em 0.1em;
    margin-bottom: 5em;
  }
  .transaction-heading {
    padding: 1em 0px 0.5em 0px;
    text-align: center;
  }
  /*  */
  .breakup-main {
    width: 90%;
  }
/*  */
.manageuser-section {
  width: 100%;
}
.bridcurmuser {
  margin-top: 10px;
  font-size: 10px;
}
.bridcurmuser a {
  font-size: 14px;
}
.manageuser-search {
  padding: 1em;
}
.manageuser-table {
  margin-bottom: 5em;
}
.marnonebtn {
  margin-bottom: 20px;
  margin-top: 8px;
}
.responstable td:first-child {
  text-align: center;
}
.responstable th:first-child {
  text-align: center;
}
.responstable td {
  font-size: 11px;
}
.responstable th {
  font-size: 14px;
}
.responstable .actionbtn {
  font-size: 10px;
  padding: 6px 1px;
}
.manageuser-search .search {
  font-size: 18px;
  text-align: center;
}
.manageuser-search .reset {
  font-size: 18px;
  text-align: center;
}
.login {
  background-image: url(../images/bg-768.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0 auto;
  }
  .login-form {
    transform: initial;
    right: 0px;
    position: absolute;
    text-align: center;
    top: 15%;
  }
  .bonuslogo img {
    height: 45px;
    margin-bottom: 10px;
  }
  .loginhomekyc h2 {
    margin-bottom: 1.2em;
  }
  .emiproductbox {
    width: 100%;
  }
  .branemibtn a {
    width: 100%;
    font-size: 18px;
  }
  .validationlistbox {
    margin-left: 0px;
    margin-top: 2em;
  }
  .validationlistbox ul li {
    font-size: 14px;
  }
  header .navbar .userProfile .subnav-content {
    bottom: -10.0rem !important;
  }
  .selectfilter select {
    margin-bottom: 10px;
  }
  input[id^="tab"]:checked ~ .tab-content {
    height: auto;
  }
  .pgcard .form-group select {
    margin-bottom: 10px;
  }
  .pgcard .form-group input {
    padding-left: 55px;
  }
  /* transaction failed css */
  .transfailedbox table {
    font-size: 14px;
  }

}


@media only screen and (max-width: 480px) {
  .kycdiv {
    padding-top: 1em;
  }
  .kyc-intro {
    padding: 1em 0em 1em 1em;
  }
  .intro-content h2 {
    font-size: 30px;
  }
  .intro-content p {
    padding: 0px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .kycintro-right {
    width: 220px;
    height: 219px;
    margin: 15px auto;
  } 
  .intro-content {
    padding: 2em 0em 3em 1em;
  }
  .checkout .step.active .step-label {
    font-size: 12px;
  }
  .checkout .step.show .step-label {
    font-size: 12px;
  }
  .uploadkyc h3 {
    font-size: 20px;
  }
  .checkout {
    width: 98%;
  }
  .overview-main {
    width: 96%;
    margin-top: 1em;
    /* margin: 1em 10px; */
  }
  .overview-main h2 {
    font-size: 15px;
  }
  .formbox {
    padding: 0.5em 1em 0.5em 1em;
  }
  .cardfield select {
    font-size: 13px;
  }
  .requiredbox {
    padding: 15px 25px;
  }
  .savecard input[type="checkbox"] + label {
    font-size: 13px;
  }
  .checkout .step.completed .step-label {
    font-size: 12px;
  }
  header .navbar .userProfile .subnav-content {
    bottom: -10.0rem!important;
  }
  .searchbox {
    padding: 1.5em 1em;
  }
  .popularbanklist li span {
    font-size: 9px;
  }
  .checkout .step.completed .step-label {
    font-size: 9px;
  }
  .checkout .step-label {
    top: 2.8em;
  }
  .checkout .step.active .step-label {
    font-size: 9px;
  }
  .checkout .step.show .step-label {
    font-size: 9px;
  }
  .bonuslogo img {
    height: 40px;
    margin-bottom: 10px;
  }
  .loginhomekyc h2 {
    margin-bottom: 1.2em;
  }
  .congratubox .contxt1 {
    font-size: 16px;
  }
  .otpbox ul {
    width: 90%;
  }  
  .otpbox ul li input {
    height: 40px;
  }
  .otpbox ul li {
    margin: 0 3px;
  }
  .otpbox ul input {
    margin: 0px 2px;
  }
  .validicon-otp img {
    top: 15px;
  }
  .otperror {
    font-size: 12px;
    padding: 8px 20px;
  }
  .validicon-otp {
    right: -25px;
    top: -4px;
  }
  .formbox {
    margin-bottom: 0px;
  }
  .congratulation-main {
    width: 100%;
  }
  .control-label {
    font-size: 13px;
    margin-top: -12px;
    margin-left: 45px
  }
  .congratubox .regcongpic {
    height: 200px;
  }

  .pgregistration-main {
    width: 100%;
    margin: 0em auto;
    padding: 0px;
  }
  .finalpaid {
    width: 90%;
    font-size: 25px;
    padding: 5px 20px;
    margin: 15px auto;
  }
  .finalpaid span {
    font-size: 15px;
  }
  .totalpaid {
    font-size: 13px;
    margin: 2em auto;
  }
  .totalpaid span {
    font-size: 22px;
  }
  input[id^="tab"]:checked ~ .tab-content {
    height: auto;
  }
  .pgregistrationbox h2 {
    font-size: 22px;
  }
  .pyttxt p {
    font-size: 11px;
  }
  .pyttxt {
    padding: 5px 1px;
  }
  .paysucdetails {
    margin: 0px 1em;
  }
  .pgorderdetails {
    padding: 10px;
  }
  .ordtxt p {
    font-size: 12px;
  }
  .extbold {
    font-size: 15px !important;
  }
  .footer-navbar {
    display: none!important;
  }
  .kycbox{
    padding: 1.5em 1em;
  }
  .uploadkyc .notetxt {
    margin-top: 0px;
    padding: 1px;
    font-size: 12px;
  }
  .congratubox .contxt2 {
    width: 95%;
  }
  .congratubox .contxt3 {
    font-size: 13px;
    width: 95%;
    margin: 10px auto;
  }
  .dashboardview ul li {
    width: 50%;
  }
  .dashmenubox {
    width: 130px;
    height: 128px;
    margin: 10px auto;
  }
  .dashboardview {
    padding: 1em 0px;
  }
  .dashboardview ul {
    margin-top: 0px;
  }
  .dashmenubox img {
    height: 40px;
  }
  .dashmenubox p {
    font-size: 16px;
    padding-top: 0.5em;
  }
  .backmenucurm a {
    font-size: 12px;
  }
  .backmenucurm i {
    /* padding-right: 10px; */
  }
  .nobtn {
    font-size: 14px;
  }
  .form-grouptxt .validicon img {
    right: -10px;
  }

  .slidermar {
    margin-left: 0px;
  }
  .bankselectbox {
    width: 100%;
    margin: 1em auto;
  }
  .emi-table > thead > tr > th {
    font-size: 10px;
  }
  .emi-table {
    width: 100%;
    margin: 1em 0px;
  }
  .backmenucurm {
    padding: 0.5em 1em 0.5em 1em;
  }
  .managecurm {
    padding: 0.5em 0em;
}
  .emibtn {
    margin: 1em 0px 2em 0px;
  }
  .emibtn a {
    width: auto;
  }
  .emi-table > tbody > tr {
    font-size: 14px;
  }
  .emitr1 {
    width: 50px;
  }
  .otptxt {
    padding: 0px 25px 8px 25px;
  }
  .pgtxntdetails {
    padding: 10px 15px;
  }
  .ordtxt span {
    font-size: 10px;
  }
  .pgbankenterbox {
    width: 96%;
    margin-bottom: 2em;
  }
  .pgbankenterbox ul li p {
    font-size: 11px;
    padding: 6px 0px;
  }
  .pgbankenterbox ul li img {
    height: 19px;
  }
  .txtcard {
    margin: 0px 1em;
  }
  .pgcard input {
    font-size: 12px;
  }
  .emipgsucess {
    padding: 0px;
  }
  .brandlist ul {
    margin-top: 0px;
  }
  .brandemiproduct {
    width: 100%;
    padding: 1em 0px;
    margin: 0 auto;
  }
  .emiproductbox {
    margin-bottom: 10px;
    width: 100%;
  }
  .searchschemebtn a {
    width: 100%;
    font-size: 18px;
  }
  .selectproductlist img {
    width: 70%;
  }
  .selectproductlist ul li {
    padding: 4px 0px;
  }
  .overview-mainbrandemi {
    width: 100%;
    margin: 1em auto;
  }
  .schemetablebox {
    display: flow-root;
  }
  .gridtable {
    width: 50%;
  }
  .smsbox .formbox {
    padding: 1.5em 1em;
  }
  .manageuser-section {
    width: 100%;
  }
  .bridcurmuser {
    margin-top: 10px;
    font-size: 10px;
  }
  .bridcurmuser a {
    font-size: 14px;
  }
  .manageuser-search {
    padding: 1em;
  }
  .marnonebtn {
    margin-bottom: 20px;
    margin-top: 8px;
  }
  .responstable td:first-child {
    text-align: center;
  }
  .responstable th:first-child {
    text-align: center;
  }
  .logomargin {
    margin-left: 0px;
  }
  .loginbtn {
    margin-right: 0px;
    font-size: 11px;
  }
  .transactionfilter ul li:nth-child(1) {
    width: 100%;
  }
  .transactionfilter ul li:nth-child(2) {
    width: 100%;
  }
  .transactionfilter {
    padding: 10px 12px;
    margin-bottom: 0px;
  }
  .dealertable {
    padding: 10px 0px 0px 0px;
}
.dealertable table {
    width:100%;
}
  .transaction-heading h2 {
    font-family: Muli-Bold;
    font-size: 20px;
  }
  .trasnsearch {
    margin-bottom: 10px;
  }
  .menufilter {
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .transaction-table {
    width: 100%;
    /* display: flex; */
    overflow: scroll;
/*    margin-bottom: 10px;*/
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
  }

  .transaction-table::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #e4e4e4;
  }

  .transaction-table::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
  }

  .dealtertblheading input {
    margin-right: 15px;
    margin-left:0px;
  }
  .dealeraddbox .inputdeal {
      width:45px;
  }
  .dealeraddbox label {
      width:79%;
  }

  .transaction-table table {
    width: max-content;
    display: block ruby;
  }
  .transaction-table table th:nth-child(1) {
    width: auto;
    padding: 0.5em 10px;
    display:flex;
  }
  .transaction-table table th:nth-child(2) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table table th:nth-child(3) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table table th:nth-child(4) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table table th:nth-child(5) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .transaction-table tbody tr td {
    padding: 0.5rem 1.0rem;
  }
  
#dvReport .dealeraddbox label {
    margin-left:13px;
}

#dvPartialReport .dealeraddbox label {
    margin-left:13px;
}


  .sectionfix {
    margin: 0em 0.1em;
  }
  .transaction-heading {
    padding: 1em 0px 0.5em 0px;
    text-align: center;
  }
  .manageuser-search .search {
    font-size: 18px;
    text-align: center;
  }
  .manageuser-search .reset {
    font-size: 18px;
    text-align: center;
  }
  .breakup-main {
    width: 100%;
    margin: 1em auto;
  }
  .showtab {
    width: 700px;
    overflow: scroll;
    padding: 0.6em 0px 2.2em 0px;
  }
  .brandemishowtab {
    padding: 0.1em 0px 1.2em 0px;
  }
  .checkout {
    width: 700px;
    margin-left: -30px;
  }
  .datebox input {
    font-size: 15px;
    width: 70%;
  }
  .datebox label {
    width: 30%;
  }
  .loginhomekyc {
    width: 90%;
  }
  .form-group select {
    height: 45px;
    font-size: 1rem;
    padding-left: 45px;
  }
  .form-group input {
    height: 45px;
    font-size: 1rem;
    padding-left: 45px;
  }
  .form-multi .multiselect {
    padding-left:45px;
  }
  .input-group-cvv img {
    left: -8px;
    top: 3px;
    height: 16px;
  }
  .tabsbox .brandsetupwrow .form-group input {
        font-size: 16px;
  }
  .loginhomekyc .input-group-cvv img {
    left: -8px;
    top: 6px;
    height: 22px;
  }
  .form-group .control-label {
    font-size: 16px;
    margin-top: -15px;
    margin-left:45px;
  }
  .notetxt { 
    font-size: 11px;
  }
  .errortxt {
    font-size: 11px;
    /* margin-top: -25px; */
  }
  .errortxt-otp {
    margin-top: 0px;
    font-size: 11px;
  }
  #errormsg {
    font-size: 12px;
    padding: 0px 10px 5px 10px;
    margin: 10px auto 0px;
  }
  .uploadlist .file {
    width: 50px;
    height: 49px;
    margin-top: 5px;
  }
  .uploadlist .file img {
    height: 20px;
    top: 10px;
  }
  .attachfile {
    font-size: 14px;
    height: 45px;
  }
  .uploadkyc .doculocktxt {
    font-size: 12px;
    text-align: justify;
  }

  .selectarrow::after {
    top: 7px;
    width: 24px;
    height: 21px;
    right: 7px;
  }
  .formbox .overviewbtn {
    font-size: 14px;
  }
  .form-group input:focus-visible {
    border: 2px solid #6619AB;
  }
  .uploadkyc .overviewbtn {
    font-size: 16px;
  }
  .congratubox h2 {
    font-size: 22px;
  }
  .intro-content .introbtn {
    padding: 8px 30px;
    font-size: 16px;
    top: 1.5em;
  }
  .owl-nav button.owl-prev {
    left: 0px;
  }
  .owl-nav button.owl-next {
    right:0px;
  }

  .emiselectbanktable {
    width: 100%;
    /* display: flex; */
    overflow: scroll;
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
  }
  .emiselectbanktable table {
    width: max-content;
    display: block ruby;
  }
  .emiselectbanktable table th:nth-child(1) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(2) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(3) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table th:nth-child(4) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbank table th:nth-child(5) {
    width: auto;
    padding: 0.5em 1.0em;
  }
  .emiselectbanktable table tbody tr td {
    padding: 0.5rem 1.0rem;
  }
  .emiselectbanktable table thead th {
    font-size: 10px;
  }
  .emibtn a {
    padding: 8px 30px;
    font-size: 18px;
  }
  .fotresponsive {
    display: none;
  }
  /*  */
  .brandlist a {
    width: 120px;
    height: 119px;
  }
  .brandlist a img {
    margin-top: 2.5em;
  }
  .brandlist a .catelistproduct {
    height: 60px;
  }
  .brandlist a p {
    font-size: 12px;
  }
  .pgregistrationbox .pgcongpic {
    height: 200px;
    margin-bottom: 0.5em;
  }
  /*  */
  .promomar {
    margin-bottom: 1em;
  }
  .promomar h2 {
    font-size: 18px;
    font-family: Muli-Bold;
    margin-top: 0px;
  }
  .promobtnmar {
    margin: 0px;
  }
  .promomar img {
    height: 130px;
  }
  .promoapply {
    width: 110px;
    line-height: 34px;
    height: 40px !important;
    padding-top: 20px;
    margin-top: 15px !important;
  }
  .savecard input[type=checkbox]+label { 
    padding: 0px;
  }
  .savecard {
    margin-top: 0px;
    /* height: 30px;
    display: flex; */
  }
  .checkout .step.active .step-icon {
    font-size: 10px;
  }
  .checkout .step-icon {
    width: 22px;
    height: 22px;
    line-height: 22px;
  }
  .checkout .step.show .step-icon {
    font-size: 10px;
  }
  .requiredbox h3 {
    font-size:16px;
  }
  .requiredbox ul {
    font-size: 13px;
  }
  .kycrequiredbox h3 {
    font-size: 16px;
  }
  .kycrequiredbox ul {
    font-size: 13px;
  }
  .uploadkyc .overviewbtn {
    width: 100%;
  }
  .login {
    background-image: url(../images/bg-768.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    margin: 0 auto;
  }
  /* .login-form {
    transform: initial;
    right: 0px;
    position: absolute;
    text-align: center;
    top: 15%;
  } */

  .login-form {
    transform: initial;
    /* right: 0px;
    position: absolute;
    text-align: center;
    top: 20%; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
  }
  
  .frmheight {
    height: auto!important;
    margin-bottom: 1em;
  }
  header .navbar .logo img {
    max-width:105px;
  }  
  header .navbar .userProfile .userName {
    font-size: 12px;
  }
  .branemibtn a {
    width: 100%;
    font-size: 18px;
  }
  .validationlistbox {
    margin-left: 0px;
  }
  .validationlistbox ul li {
    font-size: 14px;
  }
  .selectfilter select {
    margin-bottom: 10px;
  }
  .pgcard {
    padding: 10px 8px;
  }
  .tab-group {
    width: 95%;
  }
  .pgcard .form-group select {
    margin-bottom: 10px;
  }
  .pgcard .form-group input {
    padding-left: 55px;
  }
  /* transaction failed css */
  .transfailedbox table {
    font-size: 12px;
  }

  .userbtn .dropdown-menu {
    width: 190px;
    margin-left: -105px;
    font-size: 12px;
  }
  .userbtn .dropdown-item {
    font-size: 12px;
  }
  .pendingbtn {
    font-size: 12px;
  }



}




/* ================= BONUSPROMO RESPONSIVE CODE START SEPERATE SECTION =================== */


@media only screen and (min-width: 1400px) and (max-width: 1500px){
  .customer-intro  {
    width: 90%;
    margin: 0 auto;
  }
  .dashboardview {
    padding: 2em 10px;
    width: 100%;
    padding-left: 40px;
    margin: 0 auto;
  }
}


@media only screen and (min-width: 1200px) and (max-width: 1400px){
  .merchantbonuspromo {
    width: 95%;
    margin-left: 50px;
  }
  .mcviewpromo {
    margin-bottom: 2em;
  }

  /* --merchant dashboard-- */
  .calendergrid1 {
    width: 100%;
  }
  .calendergrid2 {
    width: 100%;
  }
  .salingbox {
    width: 42%;
    float: left;
    margin: 0.5em 0px 0em 20px;
  }
  .merchantcalenderfit  {
    height: auto;
  }
  #calender {
    width: 100%;
    height: auto;
  }
  .adddealerbtn a {
    font-size: 16px;
  }
  .totaldealer {
    font-size: 16px;
  }
  
/* bonuspromo brand dashboard */

.brandpromocountbox {
  padding: 0.5em 0.5em;
  margin-bottom: 1em;
} 
.promolistingbox .nav-tabs .nav-link.active {
  padding: 6px 20px;
  font-size: 14px;
}

.promolistingbox .nav-tabs .nav-link {
  padding: 6px 20px;
  font-size: 14px;
}
.promoheading h2 {
  width: 100%;
}
.promoheading h2 span {
  display: initial;
}

.downlaodreportbtn {
  text-align: center;
  margin-top: 2px;
}
  
/* .branddashfix {
  margin-left: 0px;
} */
.brandpromocountbox h4 span {
  font-size: 10px;
}
.promolistgrid1 {
  width: 83%;
}
.brandpromocountbox p {
  font-size: 11px;
}
.chartprohead {
  font-size: 11px;
  top: 22%;
}

/* customer dashboard */

.customer-intro {
  width: 95%;
  margin: 0 auto;
  padding-left: 50px;
}
.offertotalbox .offercount p {
  font-size: 12px;
}
.offertotalbox {
  padding: 7px 15px 12px 15px;
}
.offertotalbox h4 {
  font-size:12px;
}
.offertotalbox ul {
  margin: 5px 0px;
}
.offertotalbox ul li:last-child i {
  width: 40px;
  height: 39px;
  font-size: 15px;
  line-height: 40px;
  position: relative;
  top: 5px;
}
/* customer dealer list page */
.map-page iframe {
  margin: 0px;
  height: 350px;
}
.mapfixmar {
  margin: 10px auto;
}
.map-page {
  margin: 5px auto;
}
.dealer-search {
  width:500px;
}
.dealer-result {
  width: 95%;
  padding: 5px 20px;
}
.mapfixmar {
  width: 95%;
  padding-left: 30px;
}
/*  */
.genderpost {
  padding: 0px;
  top: -5px;
}

.genderpost input {
position: relative;
top: 2px;
}


.genderbox label {
  width: 100%;
}

/*--merchant dashboard---*/

.dashboardview h2 {
  padding: 5px 20px;
  text-align: left;
  font-size: 22px;
  font-family: Muli-SemiBold;
}
.scanpromo-merchant a {
  font-size: 12px;
}
.dashboardview ul {
  margin-top: 0px;
}
.merchantdashboardfix {
  margin-left: 0px;
}



/* merchant product select page */

.selectproductlist {
  height: 320px;
  min-height: 440px;
}
.merchantproductemi {
  width: 70%;
}
.merchantproductemi .selectproductlist img {
  width: 70%;
}
.merchantemibox {
  margin: 0px auto;
  margin-bottom: 2.5em;
}
.merchantemibox .overviewbtn {
  width: fit-content;
  margin: 1em auto;
}
.merchantemibox .owl-nav button.owl-prev {
  left: -25px;
}
.merchantemibox .owl-nav button.owl-next {
  right: -25px;
}
.radiobtnemi {
  padding: 10px 1em 1px 1em;
  margin-bottom: 0em;
  font-family: Muli-Bold;
  font-size: 12px;
}
.merchantemibox .bankselectbox {
  padding: 1.0em 0.5em 1.5em 0.5em;
}
.promodatebox span {
  font-size: 9px;
  padding: 8px 5px;
}
.frontqrdetails .Short-Description {
  font-size: 14px;
}
.noticontent p {
  font-size: 12px;
  margin-bottom: 5px;
}
.noticontent {
  padding: 14% 22%;
}
.prevcont {
  width: 175px;
  text-align: left;
  font-size: 14px;
}
.previewleft {
  font-size: 12px;
}
.previewpromo-box .costcalubtn {
  font-size: 14px;
  padding: 6px 30px;
}
.previewpromo-box .overviewbtn {
  font-size: 14px;
  padding: 6px 30px;
}
.previewpromo-box .configurleftbtn {
  font-size: 14px;
  padding: 6px 30px;
}
.previewpromo-box .voucherbackbtn {
  font-size: 14px;
  padding: 6px 30px;
}
.promopagehead h2 {
  font-size: 16px;
}

.promopagehead h2 {
  margin: 5px 0px;
}

/* ===== Set 1200 view ========= */



.checkout .step.active .step-label {
  font-size: 11px;
}
.checkout .step.show .step-label {
  font-size: 11px;
}
.checkout .step.completed .step-label {
  font-size: 11px;
}
.showtab {
  padding: 0.3em 0px 2em 0px;
}

.form-group textarea {
  font-size: 12px;
  height: 150px;
}
.form-group input {
  font-size: 12px;
}
.form-group.focused .control-label {
  font-size: 14px;
}
.form-group .control-label {
  font-size: 12px;
  line-height: 25px;
}
.loginhomekyc p {
  margin: 5px 0px;
}
.loginhomekyc p a {
  font-size: 11px;
}

.promodesframe .overviewbtn {
  padding: 6px 30px;
  font-size: 16px;
}
.promodesframe {
  width: 500px;
}
.promodesframe .voucherbackbtn {
  padding: 6px 30px;
  font-size: 16px;
  border:none;
}
.backmenucurm a {
  font-size: 11px;
}
.configuretabs .nav-link.active {
  font-size: 12px;
}
.configuretabs .nav-link {
  font-size: 11px;
}
.configuretabs li {
  height: 40px;
}
.configure-selepro span {
  font-size: 10px;
}
.configurleftbtn {
  padding: 10px 10px;
  font-size: 14px;
}
.configurrightbtn {
  padding: 10px 10px;
  font-size: 14px;
}
.configurleftbtn i {
  font-size: 14px;
  top: -1px;
}
.configurrightbtn i {
  font-size: 14px;
}
.blackoutdates label {
  font-size: 11px;
}
.multitabs {
  min-height: 410px;
}
.finalconfigur-promo .tab-content .tabsbox {
  height: 400px;
/*  height:max-content;*/
}
.customerprofiledashboard .multitabs {
  min-height: 480px;
}

.customerprofiledashboard .tab-content .tabsbox {
  height: 470px !important;
}

.promoprdset {
  margin: 0.6em 0px 0.6em 0px;
}
.blackoutdates {
  padding: 0px 1px;
}
.weekdays span {
  font-size: 12px;
}
.addmediabtn {
  font-size: 32px;
    margin: 0px 5px;
    position: relative;
    top: 12px;
}
.dropmultiselect .multi-select_field {
  font-size: 12px;
}
.multi-select_option {
  font-size: 12px;
}
.checkbank {
  font-size: 12px;
}
.tandctab p {
  font-size: 10px;
}
.prcheckbox p {
  font-size: 10px;
}
.chosevoucherbtn a {
  font-size: 14px;
}
.chosevoucherbtn button {
  font-size: 14px;
}

.cl1 {
  width: 40px;
  height: 40px;
}
.choseboxc .form-check-inline {
  font-size: 14px;
}
.voucher-template {
  margin: 0em 2em;
  padding-bottom:8px;
}
.overviewbtn {
  padding: 10px 10px;
  font-size: 14px;
}
.adddealerbtn button {
    padding: 11px 30px;
    font-size: 14px;
    margin-top:0.1em;
}

.dealtertblheading input {
    margin-right:12px;
    margin-left:0px;
}

.transaction-table thead {
  font-size: 12px;
}
.transaction-table tbody tr {
  font-size: 12px;
}
.dealeraddboxdetails p {
  font-size: 11px;
}
.previewright {
  font-size: 12px;
  max-width:295px;
}
.promoapprovalpop h2 {
  font-size: 16px;
}
.promoapprovalpop h2 span {
  font-size: 14px;
}
.overviewbtnfit {
  padding: 8px 30px;
  font-size: 14px;
}
.pendingpromo-template .voucherdetails h3 {
  font-size: 16px;
}
.vouchervalidity p {
  font-size: 10px;
}
.vouchervalidity {
    padding: 0px 0em;
}
.pendingpromo-template .vouchervalidity span {
  font-size: 12px;
}
.pendingpromo-template .voucherbrcode {
  margin: 2px 5px;
}

/* form input size */
.form-group input {
  height: 45px;
}
.tabsbox .brandsetupwrow .form-group input {
    font-size: 12px;
}
.form-multi .multiselect .multiselect-selected-text {
    font-size:12px;
}
.form-group select {
  height: 45px;
}
.dropmultiselect .multi-select_field {
  height: 45px;
}
.loginmobile img {
  height: 20px;
}
.loginbutton {
  padding: 8px 20px;
  font-size: 12px;
}

.totaldealer {
  padding: 10px 15px;
  font-size: 14px;
}
.adddealerbtn a {
  padding: 10px 30px;
  font-size: 14px;
}
.costcalcuframe {
  width: 700px;
}
.totalcostpromo {
  font-size: 25px;
}
.totalcostpromo span {
  font-size: 15px;
}
.voucherbackbtn {
  font-size: 16px;
  padding: 6px 30px;
}
.preportfilterbtn .overviewbtn {
  padding: 8px 30px;
  font-size: 14px;
}
.preportfilterbtn .promoreportbtn {
    padding: 10px 5px;
}
.input-group-cvv img {
  top: 4px;
}
.deletemediabtn {
  font-size: 28px;
  margin: 15px 8px;
}
.promocharttabs .accordion-body {
  padding: 20px 10px;
}

.brandpromocountbox .icon {
  width: 40px;
  height: 39px;
  line-height: 40px;
  font-size: 15px;
}
.customerpromolist .card-header button {
  padding: 1px 10px;
}
.promoheading h2 {
  font-size: 14px;
  top: 5px;
}
.customerpromolist .card-header i {
  top:5px;
}
.promoheading h2 span {
  font-size: 12px;
}
.brandofferbox h4 {
  font-size: 14px;
}
.promocharttabs .accordion-button:not(.collapsed) {
  padding: 10px 17px;
  font-size: 13px;
}
.promocharttabs .accordion-button:nth-child(1) {
  padding: 10px 17px;
  font-size: 13px;
}
.brandpromocountbox h4 {
  font-size: 20px;
}
.downlaodreportbtn .dropdown-item {
  font-size: 10px;
}
.downlaodreportbtn .dropdown-menu {
  padding: 0px;
}
.userbtn .dropdown-item {
  font-size: 12px;
}
.userbtn .dropdown-menu {
  width: 205px;
  margin-left: -57px;
}
.classy-navbar-toggler {
  margin: 0px 5px;
  margin-top: 9px;
}
.subnav-menubar a img {
  height: 20px;
}
main .sidebar .menu-bar .subnav-menubar i {
  font-size: 20px;
}
main .sidebar .menu-bar .subnav-menubar a {
  font-size: 8px;
}
main .sidebar .menu-bar .subnav-menubar {
  width: 55px;
}
main .sidebar .menu-bar:hover .subnav-menubar { 
  width: 55px;
}
.form-group select, option {
  font-size: 12px;
}
.formbox .overviewbtn {
  padding: 6px 30px;
font-size: 16px;
}
.requiredtxt ul {
  font-size: 12px;
}
.overview-main h2 {
  font-size: 18px;
  margin: 0em 0px 0.3em 0px;
}
.promofilterbtn .dropdown-item {
  font-size: 10px;
}
.promofilterbtn .dropdown-menu {
  padding: 0px;
}
.padleftnone {
  padding-left: 0px;
}
.find-dealer-in-voucher {
  font-size: 14px;
}
.customerfrontdiv {
  padding: 5px 0px;
}
.customernotibtn .nobtn {
  padding: 6px 20px;
}

.customernotibtn .overviewbtn {
  padding: 6px 20px;
}
.promoCongrabox p {
  font-size: 12px;
}
.dealer-btn {
  padding: 8px 20px;
  font-size: 12px;
}
.dealer-heading h5 {
  text-align: center;
}
.dealer-details ul {
  padding: 5px 3px;
}
.uploadprofile button {
  font-size: 14px;
  width: fit-content;
  padding: 8px 20px;
}
.uploadprofile .file {
  width: 50px;
  height: 49px;
}
.uploadprofile .file img {
  height: 18px;
  top: 12px;
}
.uploadprofile {
  margin-top: 30px;
}
.profilerow {
  margin-top: -3px;
}
.promotabline h2 {
  font-size: 16px;
}
.promotabline h2 span {
  font-size: 14px;
}
.promotabline {
  padding: 0.5em 0.5em 3px 5px;
}
.dealer-details h3 {
  font-size: 18px;
}
.dealer-details p {
  font-size: 10px;
  padding-top: 5px;
}
.locatonfetch h2 {
  font-size: 16px;
}

/* customer module.. */

.customer-content p {
  font-size: 14px;
}
.customer-content p img {
  height: 35px;
}
.customer-content span {
  font-size: 12px;
  padding: 0px 10px;
}
.customer-content h2 {
  font-size: 35px;
}
.loginhomekyc .input-group-cvv img {
  top: 7px;
}
.customer-content .introbtn {
  font-size: 16px;
  top: 1.4em;
}
.tabsbox {
  padding: 0.5em 2em;
}
/*.bonus-pagination .page-link {
  font-size: 10px;
}*/

.loginbutton img {
  height: 18px;
}

/* dealer module set view */

.activateopps p {
  font-size: 14px;
}
.activateopps .note {
  font-size: 10px;
}
.promoactive span {
  font-size: 12px;
}
.voucherbrcode {
  margin: 5px;
}
.voucherdetails {
    padding: 5px 1em;
}
.voucherdetails h3 {
  font-size: 16px;
}
.voucherdetails h4 {
  font-size: 12px;
}
.voucherdetails .voucherpics {
    height:40px;
}

.vouchervalidity span {
    font-size:12px;
}

.voucher-template .configurrightbtn {
  margin-top: 0px;
}
.brandemishowtab {
  padding: 0.2em 0px 1.3em 0px !important;
}
.otptxt {
  font-size: 14px;
  padding: 5px 25px;
}
.otperror a {
  font-size: 12px;
}
.otperror {
  margin-bottom: 0px;
}
.emiboxbgfit .emi-table {
  font-size: 12px;
  width: 100%;
}
.nobtn {
  font-size: 16px;
  padding: 6px 30px;
}
.pyttxt p {
  font-size: 12px;
}
.pgregistrationbox .checklogo {
  margin-top: 1em;
  height: 30px;
}
.pgregistrationbox .pymsucesstxt {
  font-size: 10px;
}
.gotomain a {
  font-size: 12px;
}
.pgregistrationbox .pgcongpic {
  height: 180px;
  margin-bottom: 0em;
}
.mcviewpromo .brandlogo {
  height: 30px;
  margin: 1em 0px 1em 0px;
}
.mcviewpromo .btn {
  font-size: 14px;
  padding: 4px 20px;
}
.promonumnotification {
  width: 30px;
  height: 29px;
  font-size: 14px;
  padding-top: 4px;
}
.termconditionfit {
  width: 500px;
}

.termlogo h2 {
  font-size: 20px;
  margin: 8px auto;
}
.termhead p {
  font-size: 14px;
}
.dealercheck label {
  font-size: 10px;
  line-height: 14px; 
}
.dealercheck {
  margin-bottom: 1em;
}
.introbtn {
  padding: 8px 30px;
font-size: 16px;
}
.termhead {
  padding: 5px 0px;
}
.calenderheading {
  margin: 5px 0px;
}
.calenderheading #month {
  font-size: 16px;
}
.calenderheading #year {
  font-size: 16px;
}
.calendergrid1 table {
  font-size: 12px;
}
.salingbox {
  padding: 15px 5px;
}
.traininglist .content p {
  font-size: 14px;
}
.traininglist .arrow {
  font-size: 20px;
  width: 30px;
  top: 10px;
}
.salingbox span {
  font-size: 12px;
}
.salingbox h3 {
  margin: 5px 0px;
  font-size: 20px;
}
.smslinkbox p {
  font-size: 12px;
  margin-bottom: 1em;
}
.ordtxt span {
  font-size: 10px;
}
.pgbankenterbox ul li p {
  font-size: 14px;
}
.pgbankenterbox ul li img {
  height: 35px;
}
.finalpaid {
  padding: 5px 25px;
  font-size: 25px;
}
.finalpaid span {
  font-size: 16px;
  top: 6px;
}
.pgnote {
  font-size: 10px;
  margin-bottom: 0px;
}
.pgcard .input-group-icon {
  top: 8px;
}
.validicon-pg img {
  top: 1px;
}
.transaction-heading h2 {
  font-size: 20px;
}
.selectfilter select {
  font-size: 12px;
}
.menufilter button {
  font-size: 12px;
}
.trasnsearch .control-label {
  margin-top: -12px;
}
.dropdown-item {
  font-size: 12px;
}
.transaction-heading {
  padding: 1.0em 0px 0.5em 0px; 
}
.transid {
  font-size: 14px;
}
.merchantpaysetletable .nav-tabs .nav-link.active {
  font-size: 16px;
  padding: 10px 20px;
}
.merchantpaysetletable .nav-tabs .nav-link {
  padding: 12px 20px;
  font-size: 13px; 
}
.merchantpaysetletable .nav-tabs {
  margin-left: 5px;
}
.breakupbtn a {
  padding: 8px 16px;
  font-size: 12px;
}

.merchantbonuspromo h2 {
  font-size: 22px;
}
.merchantbonuspromo {
  margin-top: 1em;
  margin-left: 25px;
}
.transactionfilter {
  margin-top: 0px;
  padding-top: 10px;
  margin-bottom: 0px;
  padding-bottom:4px;
}
.uploadprofile .uploadpic img {
  height: 40px;
}

/* calender size reduce code */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  font-size: 12px;
  text-align: center;
}
.ui-datepicker th {
  font-size: 12px;
  padding: .4em .3em;
}
.ui-datepicker td span, .ui-datepicker td a {
  padding: .1em;
}
.ui-datepicker .ui-datepicker-header {
  padding: .2em 0 0px 0px;
}
.userbtn button {
  font-size: 13px;
}

/* brand drafts css */

.draftspromo .discountheading {
  font-size: 16px;
}
.draftseditbtn a {
  font-size: 14px;
}
.draftspromo .promodatebox span {
  font-size: 12px;
}
.customerpromolist {
  max-height: 300px;
}

.dealerfixscroll .customerpromolist {
  max-height: 400px;
}

/* multiselect */

.form-multi .multiselect  {
  height: 45px;
}
.input-multi-cvv {
  top: 26px;
}
.form-multi .multiselect .multiselect-selected-text {
  top: 10px;
}
.dealerseachtbtn {
  font-size: 14px;
  margin-top: 0px;
  padding: 10px 20px!important;
}

.shortingbtn {
    font-size:10px;
}
.shortactive {
    font-size:10px;
}
.shortingbox {
    font-size:12px;
}
 
.dpadleftnone {
  padding-left: 0px;
}
/*.errormsgnew {
  margin-top: 2px;
}*/
.promodesframe {
    margin:5px auto 3em auto;
}
.owl-carousel .owl-stage-outer {
    margin-left:12px;
/*    height:160px !important;*/
    padding-bottom:10px;
}

/*.owl-carousel .owl-stage {
    padding-bottom:15px;
}
*/


.bonuslogo img {
  height: 40px  ;
  margin-bottom: 10px;
}
.dealerpagepad {
    margin-left: 50px;
 }

.promoreportfix {
    margin-left: 55px;
}

.dealeraddbox .inputdeal {
    width: 43px;
 }

/*---------*/

.uploadpicbox ul {
    font-size: 9px !important;
}
.uploadpicbox hr {
    margin: 0px 0px 5px 0px;
}



}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
.promoactivatefit {
  width: 95% !important;
  margin-left: 5%;
}

.merchantbonuspromo {
  width: 95%;
  margin-left: 50px;
}
.mcviewpromo {
  margin-bottom: 2em;
}
/* ---merchant dashboard--- */

.calendergrid1 {
  width: 100%;
}
.calendergrid2 {
  width: 100%;
}
#calender {
  width: 100%;
  height: auto;
}
.merchantcalenderfit {
  height: auto;
}
.salingbox {
  width: 38%;
  float: left;
  padding: 10px 5px;
  margin: 10px 15px;
}
/*.promotermbar img {
  height: 70px;
}*/
.salingbox p {
  font-size: 10px;
}
.promologo {
  width: 70px;
  height: 70px;
  border-radius: 5px;
}

.promoofferdetails {
  font-size: 12px;
  bottom: initial;
  padding-top: 10px;
}
.traininglist .content p {
  font-size: 14px;
}

.traininglist .content span {
  line-height: 14px;
  display: block;
  margin-top: 8px;
}
.transactionfilter .overviewbtn {
    width: fit-content;
    margin: 0px auto;
    font-size: 14px;
}

#dvAddDealer .overviewbtn {
    padding: 11px 0px;
    width: 100%;
}

.dealerlistscroll {
    margin-top:0px;
}

#dvReport .dealeraddbox label {
    margin-left:10px;
}

#dvPartialReport .dealeraddbox label {
    margin-left:10px;
}


.transaction-table table th:nth-child(1) {
    width: auto;
    padding: 0.5em 0.8em;
}
.dealtertblheading input {
    margin-right: 15px;
    margin-left: 4px;
}
.dealeraddbox .inputdeal {
    width:45px;
}
.dealeraddbox label {
    width:83%;
}

.dealerpagepad {
  margin-left: 70px;
}
.adddealerbtn a {
  font-size: 16px;
}
.totaldealer {
  font-size: 16px;
}

/* bonuspromo brand dashboard */

.brandpromocountbox {
  padding: 0.5em 0.5em;
  margin-bottom: 1em;
} 
.promolistingbox .nav-tabs .nav-link.active {
  padding: 6px 20px;
  font-size: 14px;
}

.promolistingbox .nav-tabs .nav-link {
  padding: 6px 20px;
  font-size: 14px;
}
.promoheading h2 {
  width: 100%;
  font-size: 14px;
}
.promoheading h2 span {
  display: initial;
}
.promotabline h2 {
  font-size: 16px;
}
.promotabline h2 span {
  font-size: 14px;
}

.downlaodreportbtn {
  text-align: center;
  margin-top: 2px;
}
  
.branddashfix {
  margin-left: 0px;
}
.brandpromocountbox h4 span {
  font-size: 12px;
}
.promolistgrid1 {
  width: 83%;
}
.brandpromocountbox p {
  font-size: 11px;
}
.chartprohead {
  font-size: 8px;
  top: 15px;
}
.promoofferdetails .promo-date {
  font-size: 12px;
}

/* configure promo */

.finalconfigur-promo {
  margin: 0.5em 0px 3em 0em;
}

.configuretabs .nav-link.active {
  font-size: 12px;
}

.configuretabs .nav-link {
  font-size: 11px;
}
.promoprdset {
  margin: 0.5em 0px 1em 0px;
}
.configure-selepro {
  padding: 5px 0em;
}
.configure-selepro span {
  font-size: 12px;
  line-height: 22px;
}
.configurbtnbox {
  width: 70%;
}

.tabsbox {
  padding: 5px;
}

.configurleftbtn {
  padding: 10px 15px;
  font-size: 14px;
}
.multitabs {
  width: 95%;
  margin-left: 50px;
  min-height: max-content;
}
.addmediabtn {
  font-size: 35px;
  margin: 0px 0px;
}
.pendingpromo-template .voucherdetails h3 {
  font-size: 12px;
} 
.pendingpromo-template .voucherdetails h4 {
  font-size: 11px;
}
.pendingpromo-template .vouchervalidity span {
  font-size: 10px;
}
.configurleftbtn i {
  top: 2px;
}
.configurrightbtn i {
  top: 2px;
}
/* brand select vouc page */

.vouchersliderfix {
  width: 85%;
}
 
.owl-nav span {
  font-size: 40px;
}
.vouchertemargin {
  margin: 0px 1em;
  width: 90%;
  margin-left: 50px!important;
}
/* .vouchersliderfix .owl-carousel .owl-nav button.owl-next {
  right: 0px;
}
.vouchersliderfix .owl-carousel .owl-nav button.owl-prev {
  left: 0px;
} */

.vouchersliderfix .owl-carousel .owl-nav button.owl-prev {
  left: -25px;
}
.vouchersliderfix .owl-carousel .owl-nav button.owl-next {
  right: -25px;
}

.choseboxc {
  padding: 5px 0px;
  text-align: center;
}

.cl1 {
  width: 30px;
  height: 30px;
  margin:5px auto;
}
.choseboxc .form-check-inline {
  font-size: 11px;
}
.voucherbrcode img {
  height: auto;
}
.voucherbrcode h5 {
  font-size: 10px;
}
.voucherdetails {
  padding: 5px 1em 0px 1em;
}
.voucherdetails .voucherpics {
  height: 35px;
}
/* .voucherchosediv {
  width: 90%;
  margin-left: 55px;
} */
.configurrightbtn {
  font-size: 14px;
  padding: 10px 15px;
}
.voucherbackbtn {
  font-size: 16px;
  padding: 10px 30px;
}

.vouchervalidity span {
  font-size: 10px;
}
.vouchervalidity p {
  font-size: 10px;
  margin-top:4px;
}
.voucher-template {
    margin:5px 1em 5px 1em;
}
.brandsetupuploaddiv {
  width: 85%;
  margin: 0 auto;
}
/*  */
.brandsetupaddrow .addmediabtn {
  margin: 0px -4px;
  position: relative;
  top: 20px;
  font-size: 25px;
}
.brandsetupduprow .addmediabtn {
  font-size: 25px;
  margin: 20px 5px;
}
.brandsetupduprow .deletemediabtn {
  font-size: 25px;
  margin: 20px 5px;
}
.brandsetupwrow .form-group .control-label {
  font-size: 11px;
}
.previewrow .form-group .control-label {
  font-size: 11px;
}
/*  */

.previewleft {
  width: 120px;
  padding-right: 10px;
  font-size: 12px;
  display: flex;
}
.previewleft p {
  width: 150px;
}
.previewright {
  font-size: 13px;
}

/*======customer intro page=======*/

.customer-intro {
  padding-left: 50px;
  width: 95%!important;
  margin: 0 auto;
}
.customer-content {
  top: 15%;
}

.customer-bg {
  text-align: center;
}
.customer-bg img {
  height: 250px;
}  
/* .customer-content .introbtn {
  padding: 8px 30px;
  font-size: 16px;
} */

/*======customer dashboard========*/

.noticontent {
  padding: 25% 22%;
}
.noticontent p {
  font-size: 10px;
  margin-bottom: 5px;
  line-height: 14px;
}

.promodatebox span {
  font-size: 10px;
  padding: 8px 5px;
}
.frontqrdetails .Short-Description {
  font-size: 14px;
}

.chart-showtab ul {
    margin-left:0px;
    padding:0px;
}

.chart-showtab li span {
    width:24px;
    top:0px;
}

.customernotibtn .nobtn {
  padding: 6px 20px;
  font-size: 12px;
}
.customernotibtn .overviewbtn {
  padding: 6px 20px;
  font-size: 12px;
}

.customernotibtn {
  padding: 0px;
}
.customerdashboard .nav-tabs .nav-link span {
  margin-left: 34px;
  display: block;
}
.customerdashboard .nav-tabs .nav-link.active {
  padding: 2px 10px 10px 10px;
  line-height: 0px;
  font-size: 12px;
}
.customerdashboard .nav-tabs .nav-link {
  padding: 2px 10px 10px 10px;
  line-height: 0px;
  font-size: 12px;
}

.customerdashboard .nav-tabs .nav-link.active i {
  top: 6px;
  margin-right: 5px;
}
.customerdashboard .nav-tabs .nav-link i {
  top: 6px;
  margin-right: 5px;
}
.offertotalbox {
  padding: 0.5em 15px;
}
.offertotalbox h4 {
  font-size: 12px;
}
.offertotalbox ul li:first-child {
  font-size: 24px;
}
.offertotalbox ul li:first-child i {
  font-size: 22px;
}
.offertotalbox ul li:last-child i {
  font-size: 15px;
  width: 40px;
  height: 39px;
  line-height: 40px;
}
.offertotalbox .offercount p {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0px;
  display: block;
}
.offertotalbox ul {
  margin: 5px 0px;
}
.voucher {
  margin: 2em auto;
}
.voucher .voucher-details ul {
  padding: 0px 0px;
}
/* customer dealer list page */
.map-page iframe {
  margin: 0px;
  height: 350px;
}
.mapfixmar {
  margin: 10px auto;
}
.map-page {
  margin: 5px auto;
}
.dealer-search {
  width: 90%;
}
.dealer-result {
  width: 95%;
  padding: 20px;
}
.mapfixmar {
  width: 95%;
  padding-left: 30px;
}
/* customer profile page..*/

.profilefixwid .configuremi {
  margin-top: 0px;
}
.profilefixwid {
  padding: 5px 1em;
  margin-top: -1px;
}
.uploadprofile {
  margin-bottom: 15px;
}
.fmar {
  margin: 10px 0px;
}

.genderpost {
  top: -5px;
}
.uploadprofile button {
  margin-top: 4px;
  padding: 10px 15px;
  font-size: 13px;
}
.uploadprofile .file {
  width: 50px;
  height: 49px;
  line-height: 50px;
}
.uploadprofile .file img {
  height: 20px;
  top: -2px;
}
.form-group .control-label {
  font-size: 10px;
}
.genderpost {
  padding: 0px;
}
.genderbox label {
  width: 100%;
}
.tabsbox .form-group select {
  font-size: 10px;
}
.profiledate input {
  font-size: 10px;
}

#dvRemoveDealer .overviewbtn {
    padding:11px 0px;
    width:100%;
}


/*--merchant dashboard---*/

.dashboardview h2 {
  padding: 5px 20px;
  text-align: left;
  font-family: Muli-Bold;
}
.scanpromo-merchant a {
  font-size: 12px;
}
.dashboardview ul {
  margin-top: 0px;
}
.merchantdashboardfix {
  margin-left: 0px;
}
.merchantpromodetalis a {
  padding: 6px 15px;
  font-size: 12px;
}

.customerpromolist h2 span {
  font-size: 12px;
  display: block;
  padding-left: 0px;
}



/* merchant product select page */

.selectproductlist {
  height: 320px;
  min-height: 440px;
}
.merchantproductemi {
  width: 90%;
}
.merchantproductemi .selectproductlist img {
  width: 90%;
}
.merchantemibox {
  margin: 0px auto;
  margin-bottom: 2.5em;
  width: 95%;
  margin-left: 50px;
}
.merchantemibox .overviewbtn {
  width: fit-content;
  margin: 1em auto;
}
.merchantemibox .owl-nav button.owl-prev {
  left: -25px;
}
.merchantemibox .owl-nav button.owl-next {
  right: -25px;
}
.radiobtnemi {
  padding: 10px 1em 1px 1em;
  margin-bottom: 0em;
  font-family: Muli-Bold;
  font-size: 12px;
}

.merchantemibox .bankselectbox {
  padding: 1.0em 0.5em 1.5em 0.5em;
}

.brandofferbox h4 {
  font-size: 15px;
}

.brandofferbox .col-12 {
    width:100%;
}


.brandofferbox h4 span {
  padding-top: 2px;
}
.dealerfilter {
  padding-bottom: 0px;
}
.previewpromo-box .costcalubtn {
  font-size: 14px;
}
.previewpromo-box .overviewbtn {
  font-size: 14px;
}
.previewpromo-box .voucherbackbtn {
  font-size: 14px;
}

.promopagehead h2 {
  margin: 5px 0px;
}
.mcviewpromo .brandlogo {
  height: 35px;
  margin: 1em 0px 1em 0px;
}
.promonumnotification {
  width: 30px;
  height: 29px;
  font-size: 14px;
}
.mcviewpromo .btn {
  padding: 4px 20px;
  font-size: 14px;
}
.uploadprofile ul li {
  width: 20%;
  text-align: center;
}
.uploadprofile ul li:last-child {
  width: 40%;
  text-align: center;
}
.uploadprofile .uploadpic img {
  height: 40px;
}
.uploadprofile button {
  width: fit-content;
  margin: 5px auto;
  font-size: 12px;
}
.uploadprofile .file {
  margin: 0 auto;
}

/* Brand Drafts promo section csss */

.draftspromo .discountheading {
  font-size: 16px;
}
.draftspromo .promotermbar img {
  height: auto;
}

.draftseditbtn a {
  font-size: 14px;
}
.draftspromo .promodatebox span {
  font-size: 12px;
}
.draftspromo .mypromobox {
  border-right: 1px solid #ccc!important;
  border-top: none!important;
}
.draftseditbtn {
  border-top: none !important;
}

.draftseditbtn {
  padding-top: 3em !important;
}
.promodesframe {
    margin:5px auto 3em auto;
}
.owl-carousel .owl-stage-outer {
    margin-left:0px;
}
.promoreportfix {
    margin-left: 70px;
}

.calcutable table {
    width:100%;
}

.shortingbox {
    display:flex;
}
.shortactive {
    padding:4px 5px;
    font-size:12px;
}
.shortingbtn {
    padding:4px 5px;
}

}


@media only screen and (min-width: 768px) and (max-width: 992px) {
.voucher-template {
  margin: 5px 0px;
  padding: 1em;
}
.promoactivatefit {
  width: 95% !important;
  margin-left: 5%;
}
.voucherboxleft ul li:first-child {
  width: 40%;
}
.voucherboxleft ul li:last-child {
  width: 60%;
}
.voucherdetails h3 {
  font-size: 15px;
}
.voucherdetails h4 {
  font-size: 14px;
}
.vouchervalidity {
  padding: 1px 0em;
}
.configurrightbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.voucherbackbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.overviewbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.promoactive span {
  font-size: 14px;
}

.termconditionfit {
  width: 500px;
  margin-bottom: 2em !important;
  margin: 6px auto;
}
.overviewbtnfit {
  font-size: 14px;
}

.termlogo h2 {
  font-size: 20px;
}
.termhead p {
  font-size: 14px;
}
.termhead label {
  font-size: 11px;
}
.introbtn {
  padding: 8px 30px;
font-size: 16px;
}

.merchantbonuspromo {
  width: 95%;
  margin-left: 50px;
}
.mcviewpromo {
  margin-bottom: 2em;
}
/* --merchant dashboard-- */

.merchantdashboardfix {
  width: 100%;
  margin-left:0px;
}

#calender {
  width: 100%;
  height: auto;
}
.merchantcalenderfit {
  height: auto;
}
.salingbox {
  width: 38%;
  float: left;
  padding: 10px 5px;
  margin: 10px 15px;
}
.promotabline h2 span {
  padding-left:0px;
  display: block;
  font-size: 12px;
}
.promoheading h2 {
  font-size: 14px;
}
.promotabline h2 {
  font-size: 16px;
}
.merchantpromodetalis a {
  padding: 6px 10px;
  font-size: 10px;
  margin: 10px 0px;
}
/*.promotermbar img {
  height: 66px;
}*/
.promologo {
  height: 65px;
  width: 65px;
  border-radius: 5px;
}
.promolistgrid1 {
  width: 83%;
}
.promoofferdetails {
  font-size: 12px;
  text-align: center;
  bottom: initial;
  width: 100%;
  margin: 10px auto;
}
.promoofferdetails span {
  font-size: 11px;
  display: block;
}
.promodiscountbox {
  margin: 0 auto;
}
.promolistingbox .nav-tabs .nav-link.active {
  padding: 6px 11px;
  font-size: 12px;
}
.promolistingbox .nav-tabs .nav-link {
  padding: 6px 11px;
  font-size: 12px;
}
.traininglist .content p {
  font-size: 12px;
}

.traininglist .content span {
    font-size: 10px;
    line-height: 13px;
    margin-top: 8px;
    display: block;
}
.calendergrid1 {
  width: 100%;
}
.calendergrid2 {
  width: 100%;
}
.promoheading h2 span {
  display: block;
  font-size: 12px;
}
.promoreportrow {
  width: 670px;
  margin-left: 40px;
}
.managecurm {
    padding: 0.5em 3em;
}
.dealerpagepad {
  margin-left: 40px;
}
.promoreportbtn {
  font-size: 12px;
  margin: 5px 0px;
}
.adddealerbtn a {
  margin-bottom: 10px;
  font-size: 12px!important;
  padding: 12px 15px;
} 
.totaldealer {
  font-size: 12px!important;
  padding: 12px 15px;
}
.trasnsearch label {
  font-size: 12px!important;
}

.totaldealer a {
    top: -2px;
  right: -6px;
}

/* bonuspromo brand dashboard */

.brandpromocountbox {
  padding: 0.5em 0.5em;
  margin-bottom: 1em;
} 
.promolistingbox .nav-tabs .nav-link.active {
  padding: 6px 20px;
  font-size: 14px;
}

.promolistingbox .nav-tabs .nav-link {
  padding: 6px 20px;
  font-size: 14px;
}
.promoheading h2 {
  width: 100%;
}
.promoheading h2 span {
  display: block;
  padding-left: 0px
}

.downlaodreportbtn {
  text-align: center;
  margin-top: 2px!important;
}
  
.branddashfix {
  margin-left: 30px;
}
.brandpromocountbox h4 span {
  font-size: 12px;
}
.promolistgrid1 {
  width: 83%;
}
/* configure promo */

.finalconfigur-promo {
  margin: 0.5em 0px 3em 0em;
}

.configuretabs .nav-link.active {
  font-size: 12px;
}

.configuretabs .nav-link {
  font-size: 11px;
}
.promoprdset {
  margin: 0.5em 0px 1em 0px;
}
.configure-selepro {
  padding: 5px 0em;
}
.configure-selepro span {
  font-size: 12px;
  line-height: 22px;
}
.configurbtnbox {
  width: 70%;
}

.tabsbox {
  padding: 5px;
}

.configurleftbtn {
  padding: 6px 15px;
  font-size: 14px;
}
.multitabs {
  width: 95%;
  margin-left: 45px;
  min-height: max-content;
}
.addmediabtn {
  font-size: 34px;
  margin: 0px 0px;
}
.pendingpromo-template .voucherdetails h3 {
  font-size: 12px;
} 
.pendingpromo-template .voucherdetails h4 {
  font-size: 11px;
}
.pendingpromo-template .vouchervalidity span {
  font-size: 10px;
  width: fit-content;
  padding: 6px 15px;
  margin: 0px auto;
}
.configurleftbtn i {
  top: 2px;
}
.configurrightbtn i {
  top: 2px;
}

/* brand select vouc page */

.vouchersliderfix {
  width: 90%;
  margin-left: 50px;
}
 
.owl-nav span {
  font-size: 40px;
}
.vouchertemargin {
  margin: 0px 1em;
}
/* .vouchersliderfix .owl-carousel .owl-nav button.owl-next {
  right: 0px;
}
.vouchersliderfix .owl-carousel .owl-nav button.owl-prev {
  left: 0px;
} */

.vouchersliderfix .owl-carousel .owl-nav button.owl-prev {
  left: -45px;
}
.choseboxc {
  padding: 0px 0px 5px 0px;
  text-align: center;
}

.cl1 {
  width: 30px;
  height: 30px;
  margin:5px auto;
}
.choseboxc .form-check-inline {
  font-size: 11px;
}
.voucherbrcode img {
  height: 100px;
}
.voucherbrcode h5 {
  font-size: 10px;
}
.voucherdetails {
  padding: 1em 1em 0px 1em;
}
.voucherdetails .voucherpics {
  height: 35px;
}
.voucherchosediv {
  width: 100%;
  margin-left: 23px;
}

/*-------*/


.pendingpromopad {
  width: 95%;
  margin-left:45px;
}
/* --brand setup brand modual-- */
.brandsetupuploaddiv {
  width: 100%;
}
.brandsetupupload {
  width: 80%!important;
  display: flex;
}
.brandsetupupload p {
  font-size: 14px;
}
.brandsetupupload span {
  font-size: 9px;
  top: 24px;
}
.previewpromo-box {
  margin-bottom: 2.0em;
}
.brandsetupaddrow .addmediabtn {
  margin: 0px -4px;
  position: relative;
  top: 20px;
  font-size: 25px;
}
.brandsetupduprow .addmediabtn {
  font-size: 25px;
  margin: 20px 5px;
}
.brandsetupduprow .deletemediabtn {
  font-size: 25px;
  margin: 20px 5px;
}
.brandsetupwrow .form-group .control-label {
  font-size: 10px;
}
.previewrow .form-group .control-label {
  font-size: 10px;
}

.previewpromo-box .overviewbtn {
  font-size: 13px;
}
.previewpromo-box .costcalubtn {
  padding: 8px 12px;
  font-size: 13px;
}
.previewpromo-box .voucherbackbtn {
  font-size: 13px;
  padding: 8px 15px;
}

/* brand modual calculater page */

.costcalcuframe {
  width: 90%;
  margin: 0 auto;
  margin-left: 60px;
  padding: 0.5em 1em 1.5em 1em;
  margin-bottom: 2em;
}
.promopagehead h2 {
  margin: 5px 0px;
}

.res768 {
  margin-top: 10px;
}


/*-customer dashboard-*/

.customerdashboard .nav-tabs .nav-link.active {
  padding: 2px 10px 10px 10px;
  line-height: 6px;
  font-size: 12px;
}
.customerdashboard .nav-tabs .nav-link {
  padding: 2px 10px 10px 10px;
  line-height: 6px;
  font-size: 12px;
}
.productwish {
  margin-top: 5px;
}
.productdelete {
  margin-top: 5px;
}
.customerdashboard .promotabline {
  padding: 8px 1.2em 8px 1.2em;
}
.customer-intro {
  padding: 1em 0px;
}

.offertotalbox {
  padding: 0.9em 15px;
}
.offertotalbox {
  margin: 10px 0px;
}
.customerdashboard .nav-tabs .nav-link span {
  margin-left: 26px;
  display: block;
}
.customerdashboard .nav-tabs .nav-link.active i {
  width: 20px;
  height: 19px;
  font-size: 9px;
  line-height: 20px;
  top: 8px;
  margin-right: 3px;
}
.customerdashboard .nav-tabs .nav-link i {
  width: 20px;
  height: 19px;
  font-size: 9px;
  line-height: 20px;
  top: 8px;
  margin-right: 3px;
}
.customerdashboard .promolistgrid1 {
  width: 83%;
}
.checkbox-dropdown-list {
  left: -95px;
  font-size: 10px;
  width: 150px;
}
.offertotalbox h4 {
  font-size: 10px;
}
.offertotalbox ul li:first-child {
  font-size: 22px;
}
.offertotalbox ul li:first-child i {
  font-size: 20px;
}
.offertotalbox ul li:last-child i {
  width: 40px;
  height: 39px;
  font-size: 17px;
  line-height: 40px;
}
.offertotalbox .offercount {
  display: flow-root;
  text-align: center;
  font-size: 12px;
}

/*======customer intro page=======*/

.customer-intro {
  padding: 1em 0px;
  margin-left: 65px;
  width: 88%!important;
}

.customer-content {
  top: 15%;
}
.customer-content h2 {
  font-size: 25px;
  text-align: left;
}
.customer-content p {
  font-size: 13px;
  padding: 5px;
}
.customer-content p img {
  height: 20px;
}
.customer-content span {
  font-size: 12px;
}
.customer-bg {
  text-align: center;
}
.customer-bg img {
  height: 220px;
}  
.customer-content .introbtn {
  padding: 8px 30px;
  font-size: 16px;
}
.offertotalbox .offercount span {
  display: block;
  line-height: 20px;
  text-align: center;
  margin-bottom: 5px;
}
.offertotalbox ul {
  margin: 5px 0px;
}
.customernoti {
  margin: 0 auto;
}
/*  */
.promo-dates .promo-validity .dates {
  font-size: 12px;
  width: 100%;
}
.promo-dates .redemption-validity .dates {
  font-size: 12px;
  width: 100%;
}
.voucher .voucher-details .Short-Description {
  font-size: 18px;
  margin-bottom: 0px;
}
.voucher .voucher-details .list-of-products {
  font-size: 16px;
}
.voucher {
  width: 90%;
  margin: 1em auto;
  margin-left: 60px;
}
.voucher .voucher-details ul {
  padding: 0px 10px;
}

/* customer dealer list page */
.map-page iframe {
  margin: 0px;
  height: 250px;
}
.mapfixmar {
  margin: 10px auto;
}
.map-page {
  margin: 5px auto;
}
.dealer-search {
  width: 90%;
}
.dealer-result {
  width: 95%;
  padding: 20px;
}
.mapfixmar {
  width: 95%;
  padding-left: 30px;
}
/* customer profile page..*/

.profilefixwid .configuremi {
  margin-top: 0px;
}
.profilefixwid {
  padding: 5px 1em;
  margin-top: -1px;
}
.uploadprofile {
  margin-bottom: 15px;
}
.fmar {
  margin: 10px 0px;
}

.genderpost {
  top: -5px;
}
.uploadprofile button {
  margin-top: 4px;
  padding: 10px 15px;
  font-size: 13px;
}
.uploadprofile .file {
  width: 50px;
  height: 49px;
  line-height: 50px;
}
.uploadprofile .file img {
  height: 20px;
  top: -2px;
}

/* ---customer wishlist-- */

.wishlistcustomer .promotabline h2 span {
  display: block;
  padding-left: 0px;
}
.wishlistcustomer .promotabline {
  text-align: center;
}
.wishlistcustomer .promoofferdetails {
  font-size: 14px;
}
.wishlistcustomer .promoofferdetails span {
  font-size: 12px;
}

.wishlistcustomer .promolistgrid1 {
  width: 100%;
}
.wishlistcustomer .promoofferdetails {
  position: initial;
}

/*--customer save dealer--*/
.profilesavedealer .dealer-result {
  padding: 5px 10px;
}
.profilesavedealer .dealer-details ul li:nth-child(3) {
  padding-top: 0px;
}

.profilesavedealer .dealer-details ul {
  padding: 5px 10px;
}

.profilesavedealer .dealer-details li img {
  width: 60px;
  height: 59px;
}
.dealer-details li div {
  width: 70px;
  font-size: 11px;
}

/*--merchant dashboard---*/

.dashboardview h2 {
  padding: 5px 20px;
  text-align: left;
  font-family: Muli-Bold;
}
.scanpromo-merchant a {
  font-size: 12px;
}
.dashboardview ul {
  margin-top: 0px;
}

/*  */

.merchantpromolist .nav-tabs .nav-link.active {
  padding: 1px 19px 7px 19px;
  font-size: 10px;
  top: 4px;
  line-height: 5px;
}
.merchantpromolist .nav-tabs .nav-link span {
  height: auto;
  padding-bottom: 2em;
}

.merchantpromolist .nav-tabs .nav-link {
  padding: 1px 19px 7px 19px;
  font-size: 10px;
  top: 4px;
  line-height: 5px;
}
.merchantpromolist .nav-tabs .nav-link.active i {
  padding: 1px 5px;
  font-size: 10px;
  top: 7px;
}
.merchantpromolist .nav-tabs .nav-link i {
  padding: 1px 5px;
  font-size: 10px;
  top: 7px;
}
.merchantpromolist .nav-tabs .nav-link span {
  display: block;
  margin-left: 37px;
  top: 0px;
  position: relative;
  padding-bottom: 0px;
}



/* merchant product select page */

.selectproductlist {
  height: 320px;
  min-height: 440px;
}
.merchantproductemi {
  width: 90%;
}
.merchantproductemi .selectproductlist img {
  width: 90%;
}
.merchantemibox {
  margin: 0px auto;
  margin-bottom: 2.5em;
  margin-left: 40px;
  width: 95%;
}
.merchantemibox .overviewbtn {
  width: fit-content;
  margin: 1em auto;
}
.merchantemibox .owl-nav button.owl-prev {
  left: -25px;
}
.merchantemibox .owl-nav button.owl-next {
  right: -25px;
}
.radiobtnemi {
  padding: 10px 1em 1px 1em;
  margin-bottom: 0em;
  font-family: Muli-Bold;
  font-size: 12px;
}

.merchantemibox .bankselectbox {
  padding: 1.0em 0.5em 1.5em 0.5em;
}

.emipgsucess {
  padding: 0px;
}
.pgregistrationbox .pgcongpic {
  height: 200px;
  margin-bottom: 10px;
}

/*  */

.sectionfix {
  margin: 0em auto;
width: 92%;
padding-left: 50px;
}

.merchantpaysetletable {
  margin: 2em 0px 0px 0px;
}

.merchantpaysetletable .nav-tabs .nav-link.active {
  font-size: 14px;
  padding: 10px 12px;
}

.merchantpaysetletable .nav-tabs .nav-link {
  font-size: 12px;
  padding: 11px 12px;
}

.customerwishdiv {
  display: contents!important;
}
.cusshare {
  display: block;
  width: 100%!important;
  float: left;
}
.promodatebox span {
  font-size: 11px;
  padding: 8px 5px;
}
.frontqrdetails .Short-Description {
  font-size: 16px;
}
.brandpromocountbox p {
  font-size: 12px;
}
/* dealer product page */

.product-overview {
  width: 80%!important;
}

/*.dealeraddbox .inputdeal {
  width: 40px;
}*/
.transactionfilter .overviewbtn {
  width: fit-content;
  margin: 0px auto;
  font-size: 14px;
}

#dvRemoveDealer .overviewbtn {
    padding:11px 0px;
    width:100%;
}


.dealerfilter {
  padding-bottom: 4px;
}
.form-group .control-label {
  font-size: 12px;
}

.trasnsearch .control-label {
    margin-left:43px;
    font-size:11px !important;
}
.dealersearch .control-label {
    margin-left:35px;
}
.dealersearch .input-group-cvv {
    right: 0px;
    width:30px;
}

#dvAddDealer .overviewbtn {
    margin-top: 3px;
    width:100%;
    padding:10px 0px;
}

.dealerbtnpad {
    padding: 10px 0px;
    margin-top: 3px;
}

.prevcont {
  width: 150px;
  font-size: 13px;
}
.previewleft p {
  padding-left: 0px;
  width: 175px;
  text-align: left;
}
.previewleft {
  font-size: 13px;
}
.previewright {
  font-size: 13px;
  padding-right:5px;
}
.previewright a i {
  font-size: 13px;
}

.mcviewpromo .btn {
  padding: 6px 20px;
  font-size: 12px;
}
.mcviewpromo .brandlogo {
  margin: 1em 0px;
}
.promonumnotification {
  width: 30px;
height: 29px;
font-size: 14px;
padding-top: 4px;
}
.dropdown-item {
  font-size: 13px;
}
.merchantbonuspromo {
  margin-top: 1em;
}
.mcviewpromo .brandlogo {
  height: 35px;
}

.uploadprofile ul li {
  width: 20%;
  text-align: center;
}
.uploadprofile ul li:last-child {
  width: 40%;
  text-align: center;
}
.uploadprofile .uploadpic img {
  height: 40px;
}
.uploadprofile button {
  width: fit-content;
  margin: 5px auto;
  font-size: 12px;
}
.uploadprofile .file {
  margin: 0 auto;
}

/* Brand Drafts promo section csss */

.draftspromo .mypromobox {
  
    border-right: none;
}
.draftspromo .discountheading {
  font-size: 16px;
}
.draftspromo .promotermbar img {
  height: auto;
}
.draftseditbtn {
  padding-top: 0px;
  padding: 10px 0px;
  border-top: 1px solid #ccc;
}
.draftseditbtn a {
  font-size: 14px;
}
.draftspromo .promodatebox span {
  font-size: 12px;
}

.previewright {
  max-width: 320px;
    word-break:break-word;
}
.previewpmdesc {
  margin-top: 10px;  
}

.promodesframe {
    width: 550px;
    /*margin:0 auto 3em auto;*/
    margin:5px auto 3em 6em;
}
.owl-carousel .owl-stage-outer {
    margin-left:0px;
}

.vouchervalidity span {
    font-size:12px;
}
.voucherbrcode {
    margin:5px 5px;
}
.promoreportfix {
    margin-left: 0px;
}

.vchrdown {
    display: contents;
}

.calcutable table {
    width:100%;
}
.showhim:hover .showme:before {
    right: 7px;
    left: inherit;
}
.showhim:hover .showme {
    right: 0px;
    max-width: 300px;
}
.configurlap {
    overflow: auto !important;
    overflow-x: hidden !important;
}

}


@media only screen and (min-width: 640px) and (max-width: 768px) {
  

.promoactivatefit {
  width: 100%!important;
  margin-left: 0px;
}
.voucher-template {
  margin: 10px 0px;
}
.voucherboxleft ul li:first-child {
  width: 40%;
}
.voucherboxleft ul li:last-child {
  width: 60%;
}
.modal-content {
  max-width: 400px;
  margin: 0 auto;
}
.voucherdetails h3 {
  font-size: 18px;
}
.voucherdetails h4 {
  font-size: 16px;
}
.configurrightbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.activateopps p {
  font-size: 16px;
}
.overviewbtnfit {
  font-size: 16px;
}
.introbtn {
  padding: 8px 30px;
  font-size: 16px;
}
.termhead label{
  font-size: 11px;
}
.termhead p {
  font-size: 14px;
}
.dashboardfixpromo {
  width: 95%;
  margin: 0 auto;
}

.formbox {
  width: 80%;
  margin: 0 auto;
}
.otptxt {
  font-size: 16px;
  padding: 8px 20px;
}
.otperror {
  font-size: 12px;
}
.emiselectbanktable tbody {
  font-size: 12px;
}
.smslinkbox p {
  font-size: 12px;
  margin-bottom: 1em;
}
.ordtxt span {
  font-size:12px;
}
.otptxt {
  font-size: 14px;
  padding: 8px 20px;
}
.otperror P {
  font-size: 13px;
}

.voucherbackbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.overviewbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.promoreportbtn {
  padding: 8px 10px;
  margin: 0px auto;
  /*width: fit-content;*/
  margin: 5px 0px;
}


.termconditionfit {
  width: 95%;
  margin-bottom: 2em;
  margin-left: 0px!important;
}
.termcheck .savecard {
  height: fit-content;
  padding: 14px 0px;
}
.termlogo h2 {
  width: 100%;
  font-size: 22px;
}

.termcheck .savecard input[type="checkbox"] + label {
  font-size: 11px;
  line-height: 22px;
}
.mcviewpromo {
  margin-bottom: 2em;
} 
/* --------merchant dashboard-------------- */

.merchantdashboardfix {
  margin-left: 0px;
  width: 100%;
}

.promotabline {
  padding: 15px 1.2em 15px 1.2em;
}
.merchantpromodetalis {
  border-top: 1px solid #ccc;
}
.promolistgrid {
  display: flow-root;
  padding: 1px 12px;
  border-top: 1px solid #ccc;
}
.promolistgrid1 {
  width: 83%;
}
.promodiscountbox {
  margin: 0 auto;
}
.promoofferdetails {
  width: 100%;
  bottom: initial;
  text-align: center;
}
.promoboxright {
  height: fit-content;
}
.promologo {
  margin: 0 auto;
}
.checkbox-dropdown-list {
  left: -95px;
  font-size: 10px;
  width: 150px;
}
.padleft {
  padding-left: 0px;
}
.addmediabtn {
    margin:0px 0px;
}

.promolistingbox {
  margin: 0px;
}
.promoheading h2 span {
  padding-left: 15px;
}
#calender {
  width: 100%;
}
.promoreportrow {
  width: 100%;
  margin-left: 0px;
}
.preportfiltersearch {
  width: 100%;
  float: left;
} 
.preportfilterbtn {
  width: 100%;
  float: left;
} 
.dealerpagepad {
  margin: 0px;
  margin-bottom:0em;
}
.adddealerbtn a {
  margin-bottom: 10px;
  font-size: 14px;
} 
.totaldealer {
  font-size: 14px;
  margin-top:10px;
}


/* bonuspromo brand dashboard */

.brandpromocountbox {
  padding: 0.5em 0.5em;
  margin-bottom: 1em;
  border-radius: 15px;
}

.merchantpromolist .nav-tabs .nav-link.active {
  padding: 8px 19px 4px 19px !important;
  font-size: 12px;
}

.merchantpromolist .nav-tabs .nav-link {
  padding: 8px 19px 4px 19px !important;
  font-size: 12px;
}
.promoheading h2 {
  width: 100%;
}
.promoheading h2 span {
  display: initial;
}

.downlaodreportbtn {
  text-align: center;
  margin-top: 10px;
}

.branddashfix {
  margin-left: 0px;
}

/* configure promo */

.finalconfigur-promo {
  margin: 0.5em 0px 3em 0em;
}

.configuretabs .nav-link.active {
  font-size: 12px;
}

.configuretabs .nav-link {
  font-size: 11px;
}
.promoprdset {
  margin: 0.5em 0px 1em 0px;
}
.configure-selepro {
  padding: 5px 1em;
}
.configure-selepro span {
  font-size: 12px;
  line-height: 22px;
}
.configurbtnbox {
  width: 100%;
}

.tabsbox {
  padding: 5px;
}

.configurleftbtn {
  padding: 8px 15px;
  font-size: 14px;
}
.multitabs {
  margin-left: 0px;
  min-height: max-content;
}

/* brand select vouc page */

.vouchersliderfix {
  width: 100%;
}
 
.owl-nav span {
  font-size: 40px;
}
.vouchertemargin {
  margin: 0px 1em;
}
.vouchersliderfix .owl-carousel .owl-nav button.owl-next {
  right: 0px;
}
.vouchersliderfix .owl-carousel .owl-nav button.owl-prev {
  left: 0px;
}
.choseboxc {
  padding: 5px 0px;
  text-align: center;
}
.dnone {
  display: none;
}

.voucherchosediv {
  width: 100%;
  margin-left: 0px;
}

/*-------*/


.pendingpromopad {
  width: 100%;
}


/* --brand setup brand modual-- */
.brandsetupuploaddiv {
  width: 100%;
}
.brandsetupupload {
  width: 60%;
  display: inherit;
}
.brandsetupupload p {
  font-size: 12px;
  margin-left: 26px;
width: fit-content;
float: left;
}
.brandsetupupload span {
  font-size: 12px;
  top: 3px;
  margin: 0 auto;
  width: 100%;
  display: block;
  text-align: center;
  height: 15px;
}
.brandsetupupload button {
  font-size: 12px;
  width: 100%;
  margin: 10px 0px;
}
.brandsetupupload .file {
  float: left;
  margin-left: 20px;
}
.previewpromo-box {
  margin-bottom: 2.0em;
}
.brandsetupaddrow .addmediabtn {
  margin: 0px -4px;
  position: relative;
  top: 15px;
  font-size: 30px;
}
.brandsetupduprow .addmediabtn {
  font-size: 30px;
  margin: 14px 5px;
}
.brandsetupduprow .deletemediabtn {
  font-size: 30px;
  margin: 14px 5px;
}
/* brand modual calculater page */

.costcalcuframe {
  margin-left: 0px;
  width: 800px;
  padding:0.5em 1em 1.5em 1em;
}


/*-customer dashboard-*/

.customerdashboard .nav-tabs .nav-link.active {
  padding: 2px 10px 10px 10px;
  line-height: 6px;
  font-size: 12px;
}
.customerdashboard .nav-tabs .nav-link {
  padding: 2px 10px 10px 10px;
  line-height: 6px;
  font-size: 12px;
}
.productwish {
  margin-top: 5px;
}
.productdelete {
  margin-top: 5px;
}
.customerdashboard .promotabline {
  padding: 8px 1.2em 8px 1.2em;
}
.customer-intro {
  padding: 1em 0px;
}

.offertotalbox {
  padding: 0.9em 15px;
}
.offertotalbox {
  margin: 10px 0px;
}
.customerdashboard .nav-tabs .nav-link span {
  margin-left: 26px;
  display: block;
}
.customerdashboard .nav-tabs .nav-link.active i {
  width: 20px;
  height: 19px;
  font-size: 9px;
  line-height: 20px;
  top: 8px;
  margin-right: 3px;
}
.customerdashboard .nav-tabs .nav-link i {
  width: 20px;
  height: 19px;
  font-size: 9px;
  line-height: 20px;
  top: 8px;
  margin-right: 3px;
}
.customerdashboard .promolistgrid1 {
  width: 83%;
}

/* customer page */
.customer-content {
  position: inherit;
  text-align: center;
}
.customer-content h2 {
  font-size: 28px;
  text-align: center;
}
.customer-content p {
  font-size: 15px;
  text-align: center;
}
.customer-content span {
  font-size: 14px;
  text-align: center;
}
.customer-content .introbtn {
  top: 1em;
}
.customer-bg {
  text-align: center;
}
.customer-content p img {
  padding: 2px 5px;
}
.customer-bg img {
  margin-top: 3em;
  max-height: 280px;
}
.logostill {
  margin-left: 10px;
}
/* - customer dashboard--- */

.offertotalbox ul li:last-child i {
  width: 35px;
  height: 34px;
  font-size: 16px;
  line-height: 35px;
}

.offertotalbox ul li:first-child i {
  top: 4px;
  font-size: 18px;
}
.offertotalbox ul li:first-child {
  font-size: 17px;
  padding-top: 5px;
}
.offertotalbox ul {
  margin: 5px 0px;
}
.offertotalbox .offercount span {
  margin-bottom: 5px;
  margin: 0px;
  display: flex;
  margin-right: 5px;
  line-height: 20px;
  display: block;
}
.offertotalbox .offercount {
  font-size: 14px;
  text-align: center;
}
.offertotalbox h4 {
  font-size: 10px;
}
.offertotalbox .offercount p {
  font-size: 12px;
  margin-bottom: 0px;
  margin-top: 10px;
  display: block;
}
.offertotalbox .offercount span b {
  padding-right: 5px;
  top: 0px;
}
.promoheading h2 {
  font-size: 14px;
}
.promoheading h2 span {
  font-size: 12px;
}
.promotabline h2 {
  font-size: 16px;
}
.promotabline h2 span {
  padding-left: 30px;
  font-size: 14px;
}
.promoofferdetails {
  font-size: 12px;
  margin-top: 5px;
}
.customernoti {
  margin: 0 auto;
}
.customer-intro {
  margin-left: 0px;
  margin: 0 auto;
}
/*  */
.promo-dates .promo-validity {
  margin: 0px auto;
}
.voucher .voucher-details ul {
  padding: 0px 5px;
}
.voucher {
  margin: 1em auto;
}
/* customer dealer list page */
.map-page iframe {
  margin: 0px;
  height: 250px;
}
.mapfixmar {
  margin: 10px auto;
}
.map-page {
  margin: 5px auto;
}
.dealer-search {
  width: 90%;
}
.dealer-result {
  width: 95%;
  padding: 20px;
}
.mapfixmar { 
  padding-left: 0px;
}

/* customer profile page..*/

.profilefixwid .configuremi {
  margin-top: 0px;
}
.profilefixwid {
  padding: 5px 1em;
  margin-top: -1px;
}
.uploadprofile {
  margin-bottom: 15px;
}
.fmar {
  margin: 10px 0px;
}

.genderpost {
  top: -5px;
}
.uploadprofile button {
  margin-top: 4px;
  padding: 10px 15px;
  font-size: 13px;
}
.uploadprofile .file {
  width: 50px;
  height: 49px;
  line-height: 50px;
}
.uploadprofile .file img {
  height: 20px;
  top: -2px;
}

/* ---customer wishlist-- */

.wishlistcustomer .promotabline h2 span {
  display: block;
  padding-left: 0px;
}
.wishlistcustomer .promotabline {
  text-align: center;
}
.wishlistcustomer .promoofferdetails {
  font-size: 14px;
}
.wishlistcustomer .promoofferdetails span {
  font-size: 12px;
}

.wishlistcustomer .promolistgrid1 {
  width: 100%;
}
.wishlistcustomer .promoofferdetails {
  position: initial;
}
.wishlistcustomer .promolistgrid {
  border-top: none;
}

/*--customer save dealer--*/
.profilesavedealer .dealer-result {
  padding: 5px 10px;
}
.profilesavedealer .dealer-details ul li:nth-child(3) {
  padding-top: 0px;
}

.profilesavedealer .dealer-details ul {
  padding: 5px 10px;
}

/*--merchant dashboard---*/

.dashboardview h2 {
  padding: 5px 0px;
  text-align: center;
  font-family: Muli-SemiBold;
}
.scanpromo-merchant a {
  font-size: 12px;
}
.dashboardview ul {
  margin-top: 0px;
}
/*  */

.customerpromolist .promolistgrid1 {
  width: 100%;
}
.promoofferdetails {
  width: 100%;
  bottom: initial;
  text-align: center;
  position: initial;
}


/* merchant product select page */

.selectproductlist {
  height: 320px;
  min-height: fit-content;
}
.product-overview {
  width: 70%;
}
.merchantproductemi {
  width: 90%;
}
.merchantproductemi .selectproductlist img {
  width: 90%;
}
.merchantemibox {
  margin: 0px auto;
  margin-bottom: 2.5em;
}
.merchantemibox .overviewbtn {
  width: fit-content;
  margin: 1em auto;
}
.merchantemibox .owl-nav button.owl-prev {
  left: -25px;
}
.merchantemibox .owl-nav button.owl-next {
  right: -25px;
}
.radiobtnemi {
  padding: 10px 1em 1px 1em;
  margin-bottom: 0em;
  font-family: Muli-Bold;
  font-size: 12px;
}

.merchantemibox .bankselectbox {
  padding: 1.0em 0.5em 1.5em 0.5em;
}


.emipgsucess {
  padding: 0px;
}
.pgregistrationbox .pgcongpic {
  height: 200px;
  margin-bottom: 10px;
}


/*  */

.sectionfix {
  margin: 0 auto;
}

.merchantpaysetletable {
  margin: 2em 0px 0px 0px;
}

.merchantpaysetletable .nav-tabs .nav-link.active {
  font-size: 12px;
  padding: 10px 12px;
}

.merchantpaysetletable .nav-tabs .nav-link {
  font-size: 12px;
  padding: 10px 12px;
}

.customerwishdiv {
  margin-top: 4px;
  display: flex;
  background-color: #fff;
}

.cusshare {
  display: block;
  width: 33%;
  float: left;
}
.promodatebox span {
  padding: 8px 5px;
  font-size: 12px;
}
.frontqrdetails {
  padding-left: 10px;
}

.promolistingbox .nav-tabs .nav-link.active {
    padding:5px 10px;
}

.promolistingbox .nav-tabs .nav-link {
    padding:5px 10px;
}
.promolistingbox .nav-tabs .nav-link i {
    margin-right:5px;
}


.promolistingbox .dropdown {
  position: absolute;
  top: 1px;
  width: fit-content;
  right: 10px;
}
.mypromobox {
  position: relative;
}
.brandpromocountbox .icon {
  width: 40px;
  height: 39px;
  font-size: 15px;
  line-height: 40px;
}
.brandpromocountbox p {
  font-size: 12px;
}
.brandpromocountbox h4 {
  font-size: 20px;
}
.brandpromocountbox h4 span {
  font-size: 12px;
}
/*.dealeraddbox .inputdeal {
  width: 40px;
}*/
.transactionfilter .overviewbtn {
  width: fit-content;
  margin: 0px auto;
  font-size: 14px;
}
#dvRemoveDealer .overviewbtn {
    padding:9px 0px;
    width:100%;
}

.dealerboxsearch .overviewbtn {
    width:100%;
}

.previewpromo-box .costcalubtn {
  font-size: 14px;
}

.form-group .control-label {
  font-size: 12px;
  margin-left:50px;
}
.vouchervalidity span {
  font-size: 14px;
  width: fit-content;
  padding: 6px 30px;
  margin: 0px auto;
}

.promopagehead h2 {
  margin: 5px 0px;
} 

.TooltipTrigger {
  top: -5px;
  left: 10px;
  position: relative;
  margin-left: 0px;
}
.costcaluculaterinfo {
  padding-top: 10px
}

.infoiconcost .costcaluculaterinfo {
    position: absolute;
    right: 20px;
    top: 6px;
}
.totalcostpromo {
  font-size: 20px;
  padding: 5px 25px;
}
.totalcostpromo span {
  font-size: 16px;
  top: 3px;
}
.customergenderpop .selectgender {
  left: 5px;
  font-size: 12px;
}
.mcviewpromo .btn {
  padding: 6px 20px;
  font-size: 12px;
}
.mcviewpromo .brandlogo {
  margin: 1em 0px;
}
.promonumnotification {
  width: 30px;
height: 29px;
font-size: 14px;
padding-top: 4px;
}
.dropdown-item {
  font-size: 13px;
}
.uploadprofile ul li {
  width: 20%;
  text-align: center;
}
.uploadprofile ul li:last-child {
  width: 40%;
  text-align: center;
}
.uploadprofile .uploadpic img {
  height: 40px;
}
.uploadprofile button {
  width: fit-content;
  margin: 5px auto;
  font-size: 12px;
}
.uploadprofile .file {
  margin: 0 auto;
}


/* Brand Drafts promo section csss */

.draftspromo .mypromobox {
  border-right: none;
}
.draftspromo .discountheading {
  font-size: 16px;
}
.draftspromo .promotermbar img {
  height: 130px;
}
.draftseditbtn {
  padding-top: 0px;
  padding: 10px 0px;
  border-top: 1px solid #ccc;
}
.draftseditbtn a {
  font-size: 14px;
}
.draftspromo .promodatebox span {
  font-size: 12px;
}
.errormsgnew .erroricon {
  width: 45px;
}
.errormsgnew .ermsgtext {
  padding-left: 5px;
}

.previewright {
  max-width: 260px;
}
.previewpmdesc {
  margin-top: 10px;  
}

.promodesframe {
    width: 95%;
    margin:5px auto 2em auto;
}
.owl-carousel .owl-stage-outer {
    margin-left:0px;
}

.cl1 {
    height:55px;
    width:55px;
    margin:8px auto;
}
.promoreportfix {
    margin-left: 0px;
}
.dataTables_length {
    /*padding: 1px 0px 10px 0px;*/
    text-align: center;
    position:inherit;
}
.pagifloatright {
    float: inherit;
/*    padding-left:0px;*/
}

.vchrdown {
    justify-content:right;
    position: relative;
    top: -110px;
    height:10px;
    right:20px;
}
.btnpadding {
    padding: 5px;
}

.calcutable {
  width: 100%;
  /* display: flex; */
  overflow: scroll;
  margin-bottom: 5px;
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
  /*overflow-y:hidden;*/
}
.calcutable table {
    width:100%;
}

.calcutable::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #e4e4e4;
}

.calcutable::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}
.calcutable table {
  width: max-content;
  display: block ruby;
  margin-bottom:5px;
}

/*----configure info icon responsive css start----*/
.showhim-configure:hover .showme-configure {
    right: -7px;
    width: max-content;
    max-width: 350px;
}
.showhim-configure:hover .showme-configure:before {
    right: 7px;
    left: inherit;
}
/*----configure info icon responsive css end----*/
.configurlap {
    overflow: auto !important;
    overflow-x: hidden !important;
}

#dvRemoveDealer .trasnsearch {
   margin-bottom:0px;
}
#dvRemoveDealer .overviewbtn {
    margin-top:0px;
    width:100%;
}
#dvAddDealer .trasnsearch {
   margin-bottom:0px;
}
#dvAddDealer .overviewbtn {
    margin-top:0px;
    width:100%;
}

#btnSearch {
    margin-top:0px!important;
}
.trasnsearch select {
    padding-left:15px;
    height:45px;
}
.dealersearch {
    margin:10px 0px;
}

.dealerfilter .trasnsearch {
    margin-bottom: 10px;
}
.qrsmstext {
    font-size:8px;
}
.showhim:hover .showme:before {
    right: 7px;
    left: inherit;
}
.showhim:hover .showme {
    right: 0px;
    max-width: 300px;
}

.boshow label {
    top: 2px;
}
.boshow .showhim-configure:hover .showme-configure {
    right: -7px;
    width: max-content;
    max-width: 150px;
}


}


@media only screen and (min-width: 480px) and (max-width: 640px) {
  
.promoactivatefit {
  width: 100%;
}
.voucher-template {
  margin: 10px 0px;
}
.voucherboxleft ul li:first-child {
  width: 40%;
}
.voucherboxleft ul li:last-child {
  width: 60%;
}
.modal-content {
  max-width: 400px;
  margin: 0 auto;
}
.voucherdetails h3 {
  font-size: 18px;
}
.voucherdetails h4 {
  font-size: 16px;
}
.configurrightbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.introbtn {
  padding: 8px 30px;
  font-size: 16px;
}
.voucherbackbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.overviewbtn {
    font-size:14px;
}
.termconditionfit {
  width: 95%;
  margin-bottom: 2em;
}
.termcheck .savecard {
  height: fit-content;
  padding: 14px 0px;
}
.termlogo h2 {
  width: 100%;
  font-size: 22px;
}
.termhead label {
  font-size: 10px;
}
.termhead p {
  font-size: 12px;
}
.termcheck .savecard input[type="checkbox"] + label {
  font-size: 11px;
  line-height: 22px;
}
.mcviewpromo {
  margin-bottom: 2em;
} 
/*  */

.merchantdashboardfix {
  width: 100%;
  margin-left: 0px;
}
.merchantpromolist .nav-tabs .nav-link.active {
  padding: 6px 20px;
  font-size: 12px;
}
.merchantpromolist .nav-tabs .nav-link {
  padding: 6px 20px;
  font-size: 12px;
}
.padleft {
  padding-left: 0px;
}

.addmediabtn {
    margin:0px 0px;
}

.checkbox-dropdown-list {
  left: -95px;
  font-size: 10px;
  width: 150px;
}
.promolistgrid {
  display: flow-root;
  padding: 1px 12px;
  border-top: 1px solid #ccc;
}
.promolistingbox {
  margin: 0px;
}
.customerpromolist .card-header button {
  padding: 0px;
}
.promoheading h2 {
  font-size: 13px;
}
.promoheading h2 span {
  font-size: 10px;
  display: block;
}
.promotabline h2 {
  font-size: 16px;
}
.promotabline h2 span {
  font-size: 14px;
  padding-left: 30px;
}

.promotabline {
  padding: 15px 1.2em 15px 1.2em;
}
.merchantpromodetalis {
  border-top: 1px solid #ccc;
}
.promolistgrid {
  display: flow-root;
  padding: 1px 12px;
  border-top: 1px solid #ccc;
}
.promolistgrid1 {
  width: 100%;
}
.promodiscountbox {
  margin: 0 auto;
}
.promoofferdetails {
  width: 100%;
  bottom: initial;
  position: inherit;
  text-align: center;
}
.promoboxright {
  height: fit-content;
}
.merchantcalenderfit {
  height: auto;
}
#calender {
  width: 100%;
  height: auto;
}
.salingbox {
  padding: 12px 5px;
  margin: 0.5em 0px 1em 0px;
}
.calendergrid1 {
  width: 65%;
}
.calendergrid2 {
  width: 35%;
}

.promoreportrow {
  width: 100%;
}
.preportfiltersearch {
  width: 100%;
  float: left;
} 
.preportfilterbtn {
  width: 100%;
  float: left;
} 
.dealerpagepad {
  margin: 0px;
}
.adddealerbtn a {
  margin-bottom: 10px;
  font-size: 14px;
} 
.totaldealer {
  font-size: 14px;
  margin-top:10px;
}

#dvAddDealer .overviewbtn {
    margin-bottom: 10px;
}

.finalconfigur-promo {
  margin: 0.5em 0px 1em 0em;
}
.configuretabs .nav-link.active {
  font-size: 12px;
}
.configuretabs .nav-link {
  font-size: 11px;
}
.tabsbox {
  padding: 5px;
}
.promoprdset {
  margin: 1.0em 0px 1em 0px;
}
.configure-selepro {
  padding: 5px 10px;
}
.configurbtnbox {
  width: 100%;
}
.configurleftbtn {
  padding: 8px 15px;
  font-size: 14px;
}

.configurleftbtn i {
  font-size: 13px;
  top: 0px;
}
.configurrightbtn i {
  top: 1px;
  padding-left: 5px;
}
.weekdays {
  margin: 0em 1em;
}
.chosevoucherbtn a {
  font-size: 14px;
  width: fit-content;
}
.chosevoucherbtn button {
  font-size: 14px;
  width: fit-content;
}
.configure-selepro span {
  font-size: 12px;
  line-height: 22px;
}

/* bonuspromo brand dashboard */

.brandpromocountbox {
  padding: 0.5em 0.5em;
  margin-bottom: 1em;
  border-radius: 15px;
} 
.promolistingbox .nav-tabs .nav-link.active {
  padding: 6px 10px;
  font-size: 14px;
}

.promolistingbox .nav-tabs .nav-link {
  padding: 6px 10px;
  font-size: 14px;
}
.promoheading h2 {
  width: 100%;
}
.promoheading h2 span {
  display: initial;
}
.dashboardfixqr {
  padding: 10px 0px 2px 0px;
}

.downlaodreportbtn {
  text-align: center;
  margin-top: 10px;
}
/* promo configure */
.promodesframe {
  width: 94%;
  margin: 0 10px;
    margin-bottom: 0px;
  margin-bottom: 2em;
  padding: 0.5em 2em 1.5em 2em;
}

/* brand select vouc page */

.vouchersliderfix {
  width: 100%;
}
 
.owl-nav span {
  font-size: 40px;
}
.vouchertemargin {
  margin: 0px 1em;
}
.vouchersliderfix .owl-carousel .owl-nav button.owl-next {
  right: 0px;
}
.vouchersliderfix .owl-carousel .owl-nav button.owl-prev {
  left: 0px;
}
.choseboxc {
  padding: 5px 0px;
  text-align: center;
}
.dnone {
  display: none;
}

/*-------*/


.pendingpromopad {
  width: 100%;
}

/* --brand setup brand modual-- */
.brandsetupuploaddiv {
  width: 100%;
}
.brandsetupupload {
  width: 60%;
  display: inherit;
}
.brandsetupupload p {
  font-size: 12px;
  margin-left: 26px;
width: fit-content;
float: left;
}
.brandsetupupload span {
  font-size: 12px;
  top: 3px;
  margin: 0 auto;
  width: 100%;
  display: block;
  text-align: center;
  height: 15px;
}
.brandsetupupload button {
  font-size: 12px;
  width: 100%;
  margin: 10px 0px;
}
.brandsetupupload .file {
  float: left;
  margin-left: 20px;
}
.previewpromo-box {
  margin-bottom: 2.0em;
}
.brandsetupaddrow .addmediabtn {
  margin: 0px -4px;
  position: relative;
  top: 15px;
  font-size: 30px;
}
.brandsetupduprow .addmediabtn {
  font-size: 30px;
  margin: 14px 5px;
}
.brandsetupduprow .deletemediabtn {
  font-size: 30px;
  margin: 14px 5px;
}

/* brand modual calculater page */

.costcalcuframe {
  width: 95%;
  margin: 0 auto;
  padding: 0.5em 1em 1.5em 1em;
  margin-bottom: 2em;
}
.promopagehead h2 {
  margin: 5px 0px;
}

.totalcostpromo {
  padding: 5px 15px;
  font-size: 20px;
}
.totalcostpromo span {
  font-size: 20px;
  top: 0px;
}

/*-customer dashboard-*/

.customerdashboard .nav-tabs .nav-link.active {
  padding: 2px 10px 10px 10px;
  line-height: 6px;
  font-size: 12px;
}
.customerdashboard .nav-tabs .nav-link {
  padding: 2px 10px 10px 10px;
  line-height: 6px;
  font-size: 12px;
}
.productwish {
  margin-top: 5px;
}
.productdelete {
  margin-top: 5px;
}
.customerdashboard .promotabline {
  padding: 8px 1.2em 8px 1.2em;
}
.customer-intro {
  padding: 1em 0px;
}

.offertotalbox {
  padding: 0.9em 15px;
}
.offertotalbox {
  margin: 10px 0px;
}
.customerdashboard .nav-tabs .nav-link span {
  margin-left: 26px;
  display: block;
}
.customerdashboard .nav-tabs .nav-link.active i {
  width: 20px;
  height: 19px;
  font-size: 9px;
  line-height: 20px;
  top: 8px;
  margin-right: 3px;
}
.customerdashboard .nav-tabs .nav-link i {
  width: 20px;
  height: 19px;
  font-size: 9px;
  line-height: 20px;
  top: 8px;
  margin-right: 3px;
}
.customerdashboard .promolistgrid1 {
  width: 83%;
}

/*=========BonusPromo-Coding============*/
/* customer page */
.customer-content {
  position: inherit;
  text-align: center;
}
.customer-content h2 {
  font-size: 28px;
  text-align: center;
}
.customer-content p {
  font-size: 15px;
  text-align: center;
}
.customer-content span {
  font-size: 14px;
  text-align: center;
}
.customer-content .introbtn {
  top: 1em;
}
.customer-bg {
  text-align: center;
}
.customer-content p img {
  padding: 2px 5px;
}
.customer-bg img {
  margin-top: 3em;
  max-height: 280px;
}
.logostill {
  margin-left: 10px;
}
/*=========Customer Login page============*/
.customer-login {
  background-image: url(../images/customer-back-res.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0 auto;
}


.nav-tabs {
  border: none;
}
.resfixprofile {
  margin-top: 0px;
}

.uploadprofile .file {
  width: 45px;
  height: 44px;
}
.uploadprofile .file img {
  height: 20px;
  top: 9px;
}
.promoreportbtn {
  padding: 8px 20px;
  margin: 5px 0px;
}

.customernoti {
  margin: 0 auto;
}

/* ---- */

.offertotalbox ul li:last-child i {
  width: 35px;
  height: 34px;
  font-size: 16px;
  line-height: 35px;
}

.offertotalbox ul li:first-child i {
  top: 4px;
  font-size: 18px;
}
.offertotalbox ul li:first-child {
  font-size: 17px;
  padding-top: 5px;
}
.offertotalbox ul {
  margin-top: 10px;
}
.offertotalbox .offercount span {
  font-size: 11px;
  display: inline-flex;
  margin: 0px;
}
.offertotalbox .offercount span b {
  font-size: 12px;
  top: 0px;
  padding-right: 5px;
}
.offertotalbox .offercount {
  font-size: 14px;
  text-align: center;
}
.offertotalbox h4 {
  font-size: 10px;
}
.promodatebox span {
  padding: 8px 5px;
  font-size: 12px;
}
.frontqrdetails .Short-Description {
  font-size: 16px;
}
.offertotalbox .offercount p {
  display: block;
  font-size: 10px;
  text-align: center;
  padding: 8px 0px 5px 0px;
  margin: 0px;
}
/*  */
.voucher .voucher-details ul {
  padding: 0px;
}
.voucher {
  margin: 0px auto;
}
.voucher .voucher-details .Short-Description {
  font-size: 20px;
}
.promo-dates .promo-validity {
  margin: 0px auto;
}
/* customer dealer list page */
.map-page iframe {
  margin: 0px;
  height: 250px;
}
.mapfixmar {
  margin: 10px auto;
}
.map-page {
  margin: 5px auto;
}
.dealer-search {
  width: 90%;
}
.dealer-result {
  width: 95%;
  padding: 20px;
}
.dealer-details ul {
  display: grid;
  margin: 0;
  padding: 0;
}
.dealer-details ul li:nth-child(1) {
  width: 100%;
  text-align: center;
}
.dealer-details ul li:nth-child(2) {
  width: 100%;
  text-align: center;
  padding: 0;
  padding: 0;
}
.dealer-details ul li:nth-child(3) {
  width: 30%;
  margin: 0 auto;
}
.dealer-btn {
  margin-top: 0;
  margin-bottom: 10px;
  width: 70%;
  font-size: 16px;
}
.dealer-details li img {
  width: 80px;
  height: 79px;
  top: auto;
  left: auto;
  transform: none;
}
/* customer profile page..*/

.profilefixwid .configuremi {
  margin-top: 0px;
}
.profilefixwid {
  padding: 5px 1em;
  margin-top: -1px;
}
.uploadprofile {
  margin-bottom: 15px;
}
.fmar {
  margin: 10px 0px;
}

.genderpost {
  top: -5px;
}
.uploadprofile button {
  margin-top: 4px;
  padding: 10px 15px;
  font-size: 13px;
}
/* ---customer wishlist-- */

.wishlistcustomer .promotabline h2 span {
  display: block;
  padding-left: 0px;
}
.wishlistcustomer .promotabline {
  text-align: center;
}
.wishlistcustomer .promoofferdetails {
  font-size: 14px;
}
.wishlistcustomer .promoofferdetails span {
  font-size: 12px;
}

/*--customer save dealer--*/
.profilesavedealer .dealer-result {
  padding: 5px 10px;
}
.profilesavedealer .dealer-details ul li:nth-child(3) {
  padding-top: 0px;
}

/*--merchant dashboard---*/

.dashboardview h2 {
  padding: 5px 0px;
  text-align: center;
  font-family: Muli-SemiBold;
}
.scanpromo-merchant a {
  font-size: 12px;
}
.dashboardview ul {
  margin-top: 0px;
}
/*  */

.scanepromofit .overviewbtn {
  padding: 8px 30px;
  font-size: 14px;
}

.scanepromofit {
  width: 80%;
}

.promologo {
  margin: 0 auto;
}


/* merchant product select page */

.selectproductlist {
  height: 320px;
  min-height: fit-content;
}
.product-overview {
  width: 70%;
}
.merchantproductemi {
  width: 90%;
}
.merchantproductemi .selectproductlist img {
  width: 90%;
}
.merchantemibox {
  margin: 0px auto;
  margin-bottom: 2.5em;
}
.merchantemibox .overviewbtn {
  width: fit-content;
  margin: 1em auto;
}
.merchantemibox .owl-nav button.owl-prev {
  left: -25px;
}
.merchantemibox .owl-nav button.owl-next {
  right: -25px;
}
.radiobtnemi {
  padding: 10px 1em 1px 1em;
  margin-bottom: 0em;
  font-family: Muli-Bold;
  font-size: 12px;
}

.merchantemibox .bankselectbox {
  padding: 1.0em 0.5em 1.5em 0.5em;
}

.emipgsucess {
  padding: 0px;
}
.pgregistrationbox .pgcongpic {
  height: 200px;
  margin-bottom: 10px;
}

/*  */

.sectionfix {
  margin: 0 auto;
}

.merchantpaysetletable {
  margin: 2em 0px 0px 0px;
}

.merchantpaysetletable .nav-tabs .nav-link.active {
  font-size: 14px;
  padding: 10px 12px;
}

.merchantpaysetletable .nav-tabs .nav-link {
  font-size: 12px;
  padding: 11px 12px;
}
.customerwishdiv {
  margin-top: 4px;
  display: flex;
  background-color: #fff;
}
.cusshare {
  display: block;
  width: 33%;
  float: left;
}
.frontqrdetails {
  padding-left: 10px;
}
.promolistingbox .dropdown {
  position: absolute;
  top: 1px;
  width: fit-content;
  right: 10px;
}
.mypromobox {
  position: relative;
}
.brandpromocountbox .icon {
  width: 40px;
  height: 39px;
  font-size: 15px;
  line-height: 40px;
}
.brandpromocountbox p {
  font-size: 12px;
}
.brandpromocountbox h4 {
  font-size: 20px;
}
.brandpromocountbox h4 span {
  font-size: 12px;
}
.blackoutdates:first-child {
  margin-top: 0px;
}
/*.dealeraddbox .inputdeal {
  width: 48px;
}*/
.dealtertblheading input {
    margin-right:11px;
    margin-left:0px;
}

.dealeraddbox .inputdeal {
    width:45px;
}

.dealeraddbox label {
    width:75%;
}
#dvRemoveDealer .overviewbtn {
    margin-bottom:9px;
    padding:10px 0px;
    width:100%;
}

.transactionfilter .overviewbtn {
  width: fit-content;
  margin: 0px auto;
  font-size: 14px;
}
.previewpromo-box .overviewbtn {
  font-size: 14px;
}
.previewpromo-box .costcalubtn {
  font-size: 14px;
}
.previewleft {
  width: 165px;
    font-size: 14px;
}
.prevcont p {
  width: 175px;
}
.form-group .control-label {
  font-size: 12px;
}

.vouchervalidity span {
  font-size: 14px;
  width: fit-content;
  padding: 6px 30px;
  margin: 0px auto;
}

.TooltipTrigger {
  top: -5px;
  left: 10px;
  position: relative;
  margin-left: 0px;
}
.costcaluculaterinfo {
  padding-top: 10px
}
.infoiconcost .costcaluculaterinfo {
    position: absolute;
    right: 20px;
    top: 6px;
}

.pendingpromopad .overviewbtn {
  width: fit-content;
  margin: 0 auto;
  font-size: 14px;
}

.customergenderpop .selectgender {
  left: 5px;
  font-size: 12px;
}

.mcviewpromo .btn {
  padding: 6px 20px;
  font-size: 12px;
}
.mcviewpromo .brandlogo {
  margin: 1em 0px;
}
.promonumnotification {
  width: 30px;
height: 29px;
font-size: 14px;
padding-top: 4px;
}
.dropdown-item {
  font-size: 13px;
}
/*.bonus-pagination {
  margin-bottom: 2em;
}*/
.dashboardfixpromo {
  width: 95%;
  margin: 0 auto;
}

.uploadprofile ul li {
  width: 20%;
  text-align: center;
}
.uploadprofile ul li:last-child {
  width: 40%;
  text-align: center;
}
.uploadprofile .uploadpic img {
  height: 35px;
}
.uploadprofile button {
  width: fit-content;
  margin: 5px auto;
  font-size: 12px;
}
.uploadprofile .file {
  margin: 0 auto;
}

/* Brand Drafts promo section csss */

.draftspromo .mypromobox {
  border-right: none;
}
.draftspromo .discountheading {
  font-size: 16px;
}
.draftspromo .promotermbar img {
  height: 150px;
}
.draftseditbtn {
  padding-top: 0px;
  padding: 10px 0px;
}
.draftseditbtn a {
  font-size: 14px;
}
.draftspromo .promodatebox span {
  font-size: 12px;
}
/* Brand Drafts promo section csss */

.draftspromo .mypromobox {
  border-right: none;
}
.draftspromo .discountheading {
  font-size: 16px;
}
.draftspromo .promotermbar img {
  height: 130px;
}
.draftseditbtn {
  padding-top: 0px;
  padding: 10px 0px;
  border-top: 1px solid #ccc;
}
.draftseditbtn a {
  font-size: 14px;
}
.draftspromo .promodatebox span {
  font-size: 12px;
}
.errormsgnew .erroricon {
  width: 35px;
}
.errormsgnew .ermsgtext {
  padding-left: 15px;
}

.previewright {
  max-width: 260px;
  word-break:break-word;
}
.previewpmdesc {
  margin-top: 10px;  
}
.promodesframe {
    width: 95%;
    margin:5px auto 2em auto;
}
.multitabs {
    min-height: max-content;
    margin-bottom: 2em;
}
.owl-carousel .owl-stage-outer {
    margin-left:0px;
}

.vouchermedia {
    height:auto;
    max-height:370px;
}

.dataTables_length {
    /*padding: 1px 0px 10px 0px;*/
    text-align: center;
    position:inherit;
}
.pagifloatright {
    float: inherit;
}
.showhim:hover .showme:before {
    right: 7px;
    left:inherit;
}
.showhim:hover .showme {
    right:0px;
    max-width: 300px;
}

.cl1 {
    height:50px;
    width:50px;
    margin:5px auto;
}
.promoreportfix {
    margin-left: 0px;
}
.tandctab {
  padding-left: 5px;
}

.vchrdown {
    justify-content:right;
    position: relative;
    top: -110px;
    height:10px;
    right:20px;
}
.btnpadding {
    padding: 5px;
}

.calcutable {
  width: 100%;
  /* display: flex; */
  overflow: scroll;
  margin-bottom: 5px;
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
  /*overflow-y:hidden;*/
}

.calcutable::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #e4e4e4;
}

.calcutable::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}
.calcutable table {
  width: max-content;
  display: block ruby;
  margin-bottom:5px;
}

/*----configure info icon responsive css start----*/
.showhim-configure:hover .showme-configure {
    right: -7px;
    width: max-content;
    max-width: 350px;
}
.showhim-configure:hover .showme-configure:before {
    right: 7px;
    left: inherit;
}
/*----configure info icon responsive css end----*/

.configurlap {
    overflow: auto !important;
    overflow-x: hidden !important;
}

#dvRemoveDealer .trasnsearch {
   margin-bottom:0px;
}
#dvRemoveDealer .overviewbtn {
    margin:8px 0px;
    width:100%;
    padding:8px 10px;
}
#dvAddDealer .trasnsearch {
   margin-bottom:0px;
}
#dvAddDealer .overviewbtn {
    margin:0px 0px;
    width:100%;
}
/*.pagifloatright {
    padding-left:0px;
}*/

#btnSearch {
    margin-top:0px!important;
}
.trasnsearch select {
    padding-left:15px;
    height:45px;
}
.dealersearch {
    margin:10px 0px;
}
.qrsmstext {
    font-size:8px;
}
.voucherchosediv {
  margin-bottom: 0px;
  margin-left:0px;
}

.boshow label {
    top: 2px;
}
.boshow .showhim-configure:hover .showme-configure {
    right: -7px;
    width: max-content;
    max-width: 150px;
}


}


@media only screen and (max-width: 480px) {
  .map-page {
    margin-left: 0px;
    
  }
  .dealer-search {
    width: 90%;
  }
  .dealer-search h4 {
    font-size: 16px;
  }
  .dealer-search input
  {
    margin-left: 10px;
  }
  .dealer-result {
    width: 95%;
    padding: 20px;
  }

  .dealer-details ul li p
  {
    margin: 0;
  }

  .dealer-details ul li:nth-child(1)
  {
    width: 100%;
    text-align: center;
  }
  .dealer-details ul li:nth-child(2)
  {
    width: 100%;
    text-align: center;
    padding: 0;
    padding: 0;
  }
  .dealer-details ul li:nth-child(3)
  {
    width: 30%;
    margin: 0 auto;
  }
  .dealer-details ul
  {
    display: grid;
    margin: 0;
    padding: 0;
  }
  .dealer-details li img
  {
    width: 80px;
    height: 79px;
    top: auto;
    left: auto;
    transform: none;
  }
  .dealer-details li div
  {
    background-color: #FF0000;
    height: 40px;
    line-height: 40px;
    top: auto;
    left: auto;
    transform: none;
    padding: 0;
  }
  
  .dealer-btn {
    margin-top: 0;
    margin-bottom: 10px;
    width: 70%;
    font-size: 14px;
    padding: 8px 20px;
  }
  .dealer-details h3 {
    font-size: 22px;
    margin-top: 10px;
  }
/*---------------*/

.voucherbackbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.scanepromofit {
  width: 95%;
}
.promoactivatefit {
  width: 100%;
}
.modal-content {
  width: 97%;
  margin: 0 auto;
}
.voucher-template {
  margin: 0.5em 0px 10px 0px;
  padding: 1em;
}
.voucherboxleft ul li:first-child {
  width: 100%;
}
.voucherboxleft ul li:last-child {
  width: 100%;
}
.voucherbrcode {
  width: max-content;
  margin: 0 auto!important;
  border-radius: 5px;
  box-shadow: 0px 1px 4px #ccc;
}
.voucherbrcode h5 {
    max-width:fit-content;
    margin:4px auto;
}
.voucherdetails {
  padding: 0em 1em;
  text-align: center;
}
.voucherdetails .voucherpics {
    margin-top:5px;
}

.pendingpromo-template .voucherdetails {
  padding: 10px 1em 0px 1em;
}
.pendingpromo-template .vouchervalidity {
  padding: 0px 1em 10px 1em;
}

.voucherdetails h3 {
  font-size: 18px;
}
.voucherdetails h4 {
  font-size: 16px;
}
.voucher-template .configurrightbtn {
  font-size: 14px;
  width: fit-content;
margin: 10px auto;
}
.voucher-template .voucherbackbtn {
  font-size: 11px;
  padding: 10px 15px;
}
/* dealer term & condition rescode */

.termconditionfit {
  width: 95%;
  margin-bottom: 2em;
}
.termcheck .savecard {
  height: fit-content;
  padding: 14px 0px;
}
.termlogo h2 {
  width: 100%;
  font-size: 18px;
}
.termhead label {
  font-size: 10px;
}
.termhead p {
  font-size: 12px;
}
.termcheck .savecard input[type="checkbox"] + label {
  font-size: 11px;
  line-height: 22px;
}
.introbtn {
  padding: 8px 30px;
  font-size: 14px;
}
.termlogo h4 {
  padding: 0px;
  font-size: 14px;
}
/* merchnat bonuspromo page */
.mcviewpromo {
  margin-bottom: 2em;
}
.mcviewpromo .brandlogo {
  height: 35px;
}
.mcviewpromo a {
  margin: 0px 5px;
  font-size: 12px;
}
.mcviewpromo p {
  font-size: 10px;
}
.promonumnotification {
  width: 30px;
  height: 29px;
  font-size: 14px;
}
/* merchant dashboard */

.merchantdashboardfix {
  width: 100%;
  margin-left: 0px;
}
.merchantpromolist .nav-tabs .nav-link.active {
  padding: 1px 30px;
}
.merchantpromolist .nav-tabs .nav-link {
  padding: 1px 30px;
  font-size: 10px;
}
.padleft {
  padding-left: 0px;
}

.merchantcalenderfit {
  height: auto;
}
#calender {
  height: auto;
  width: 100%;
}
.salingbox {
  width: 39%;
  float: left;
  margin: 10px 15px;
}
.promotabline {
  padding: 5px 1.2em 5px 1.2em;
}
.promoboxleft ul {
  margin: 5px 0px;
}
.merchantpromodetalis {
  border-top: 1px solid #ccc;
}
.promoboxright {
  text-align: center;
  height: 75px;
}
.promolistgrid1 {
  width: 83%;
}
.promodiscountbox {
  margin: 0 auto;
  font-size: 10px;
}
.promoofferdetails {
  width: 100%;
  bottom: initial;
}
.calendergrid1 {
  width: 100%;
}
.calendergrid2 {
  width: 100%;
}
.dealerpagepad {
  width: 100%;
  margin: 0 auto;
}
/*  */

.promolistingbox .nav-tabs .nav-link.active {
  padding: 1px 20px;
}
.promolistingbox .nav-tabs .nav-link {
  padding: 1px 20px;
}
.promodesframe {
  width: 100%;
  margin: 0px auto;
  margin-bottom: 2em;
  padding: 0.5em 0.8em 1.5em 0.8em;
  margin-top:5px;
}
.form-group textarea {
  height: 150px;
  font-size: 1rem;
  padding-left: 40px;
}
.tab-content > .active {
  padding: 0px 0px;
}
.weekdays {
  /*margin: 0em 1em 10px 1em;*/
  margin: 0px;
  padding: 0px;
  position: relative;
  top: -7px;
}
.weekdays span {
  font-size: 12px;
}
.configurbtnbox {
  width: 100%;
  margin: 1em auto;
  /* position: absolute;
  bottom: 0px;
  display: inline-flex; */
}
.pendingpromo-template .voucherboxleft ul li:first-child {
  width: 100%;
}
.pendingpromo-template .voucherboxleft ul li:last-child {
  width: 100%;
}
.vouchertemargin {
  margin: 0px 0px;
}
.vouchervalidity span {
  font-size: 13px;
  width: fit-content;
  padding: 6px 10px;
  margin: 0px auto;
}
.owl-nav span {
  font-size: 40px;
  line-height:28px;
}
.voucherchosediv {
  width: 100%;
}
.voucherdetails img {
  margin: 0 auto;
}
.adddealerbtn a {
  margin-bottom: 10px;
  font-size: 14px;
}
.totaldealer {
  font-size: 14px;
  margin-top:10px;
}

.transaction-box {
  margin-bottom: 2.5em;
}
#dvDealerDetailslst1 {
    margin-bottom:1.2em;
}
#dvRemoveDealerDetailslst1 {
    margin-bottom:1.2em;
}
.promopagehead h2 {
  font-size: 16px;
}
.costcalubtn {
  font-size: 16px;
}
.previewleft {
  font-size: 12px;
  width: 110px;
  min-width:110px;
  padding-right:10px;
}
.previewright {
  font-size: 12px;
}
.voucherchosediv {
  margin-bottom: 0px;
  margin-left:0px;
}
.dnone {
  display: none;
}
.vocherbtmres {
  margin-bottom: 2em;
}
.finalconfigur-promo {
  margin: 0.4em 0px 0em 0em;
}
.promoprdset {
  margin: 0.5em 0px 1em 0px;
}
.multi-select {
  width: 100%;
}
.promoreportrow {
  width: 100%;
}
.preportfiltersearch {
  width: 100%;
  float: left;
} 
.preportfilterbtn {
  width: 100%;
  float: left;
  padding: 0px;
} 
/*  */

.vouchersliderfix {
  width: 100%;
}
.pendingpromopad {
  width: 100%;
}

/* --brand setup brand modual-- */
.brandsetupuploaddiv {
  width: 100%;
}
.brandsetupupload {
  width: 100%;
  display: inherit;
}
.brandsetupupload p {
  font-size: 12px;
  margin-left: 26px;
width: fit-content;
float: left;
}
.brandsetupupload span {
  font-size: 12px;
  top: 3px;
  margin: 0 auto;
  width: 100%;
  display: block;
  text-align: center;
  height: 15px;
}
.brandsetupupload button {
  font-size: 12px;
  width: 100%;
  margin: 10px 0px;
}
.brandsetupupload .file {
  float: left;
  margin-left: 20px;
}
.previewpromo-box {
  margin-bottom: 2.0em;
}
.brandsetupaddrow .addmediabtn {
  margin: 0px -4px;
  position: relative;
  top: 15px;
  font-size: 30px;
}
.brandsetupduprow .addmediabtn {
  font-size: 30px;
  margin: 14px 5px;
}
.brandsetupduprow .deletemediabtn {
  font-size: 30px;
  margin: 14px 5px;
}

/* brand modual calculater page */

.costcalcuframe {
  width: 100%;
  margin: 0 auto;
  padding: 0.5em 0em 1.5em 0em;
  margin-bottom: 2em;
}
.promopagehead h2 {
  margin: 5px 0px 5px 0px;
}

.totalcostpromo {
  padding: 5px 15px;
  font-size: 16px;
}
.totalcostpromo span {
  font-size: 10px;
  top: 4px;
}
.totalcostpromo img {
    height:15px;
}

.tabsbox .configurleftbtn {
  font-size: 12px;
  padding: 8px 15px;
}

.tabsbox .configurrightbtn {
  font-size: 12px;
}
.tabsbox .configurleftbtn i {
  top: 0px;
}
.tabsbox .configure-selepro span {
  font-size: 11px;
  line-height: 25px;
}
.previewpmdesc {
  display: flex;
}
.previewleft {
  display: flex;
}
.previewpromo-box .voucherbackbtn {
  padding: 8px 15px;
}
.previewpromo-box .costcalubtn {
  font-size: 14px;
}
.menuresponsive ul a {
  display: flex;
}
.menuresponsive ul a b {
  top: 10px;
}

/*-customer dashboard-*/

.customerdashboard .nav-tabs .nav-link.active {
  padding: 6px 10px;
  line-height: 15px;
}
.customerdashboard .nav-tabs .nav-link {
  padding: 6px 10px;
  line-height: 15px;
}
.productwish {
  margin-top: 5px;
}
.productdelete {
  margin-top: 5px;
}
.customerdashboard .promotabline {
  padding: 8px 1.2em 8px 1.2em;
}
.customer-intro {
  padding: 0.8em 0px;
}

.customerdashboard .nav-tabs .nav-link span {
  margin-left: 26px;
}



/* customer page */
.customer-content {
  position: inherit;
  text-align: center;
}
.customer-content h2 {
  font-size: 28px;
  text-align: center;
}
.customer-content p {
  font-size: 15px;
  text-align: center;
}
.customer-content span {
  font-size: 14px;
  text-align: center;
}
.customer-content .introbtn {
  top: 1em;
  padding: 8px 30px;
  font-size: 18px;
}
.customer-bg {
  text-align: center;
}
.customer-content p img {
  padding: 2px 5px;
}
.customer-bg img {
  margin-top: 3em;
}
.logostill {
  margin-left: 10px;
}
/*  */
.uploadprofile button {
  padding: 10px 15px;
  font-size: 13px;
}

/* ---promo configure new tabs---- */
.multitabs {
  display: flow-root;
}

.finalconfigur-promo .configuretabs {
  width: 100%;
  float: left;
}
.finalconfigur-promo .tab-content {
  width: 100%;
  float: left;
}
.configuretabs li {
  width: fit-content;
  height: auto;
  padding: 0px 3px;
}
.configuretabs .nav-link.active {
  border-radius: 25px;
}
.configuretabs .nav-link.active {
  font-size: 11px;
}
.configuretabs .nav-link {
  font-size: 11px;
  padding: 5px 10px;
}

/*=========BonusPromo-Coding============*/
.customer-login {
  background-image: url(../images/customer-back-res.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0 auto;
}


.promolistingbox .nav-tabs .nav-link.active {
  padding: 1px 7px;
  font-size: 12px;
}
.promolistingbox .nav-tabs .nav-link {
  padding: 1px 7px;
  font-size: 12px;
}
.promolistingbox .nav-tabs .nav-link.active i {
  width: 20px;
  height: 19px;
  font-size: 9px;
  line-height: 20px;
  top: 8px;
  margin-right: 3px;
}
.promolistingbox .nav-tabs .nav-link i {
  width: 20px;
  height: 19px;
  font-size: 9px;
  line-height: 20px;
  top: 8px;
  margin-right: 3px;
}
.promolistingbox {
  margin: 0px;
}
.customerpromolist .card-header button {
  padding: 0px;
}
.promoheading .cusproqr {
  height: 30px;
}
.promoheading .cusprologo {
  height: 30px;
}
.promoheading h2 {
  font-size: 12px;
  top: 2px;
}
.promoheading h2 span {
  display: block;
  font-size: 10px;
  padding-left: 0px;
}
.promologo {
  margin: 0 auto;
}
.promolistgrid {
  display: flow-root;
  padding: 1px 12px;
  border-top: 1px solid #ccc;
}
.exclusiveofferbox {
  margin: 1em 0em;
}
.overviewbtn {
  font-size: 14px;
}
.locatonfetch {
  padding: 0px 1em;
}
.locatonfetch h2 {
  font-size: 15px;
}
.promoboxright h2 {
  font-size: 18px;
}
.promoboxright p {
  font-size: 14px;
}
.promoofferdetails {
  font-size: 12px;
  position: initial;
}
.profilebgleft {
  width: 100%;
  height: auto;
}
.profilebgright {
  width: 100%;
}
.profilefixwid {
  width: 100% !important;
}

/*---*/



.profilefixwid {
  width: 600px;
}

/* ---configure tabs code----- */

.accordion-wrapper {
  width: 100%;
}
.tabs-init {
  margin: 0px;
}
.configurbtnbox {
  position: initial;
  margin: 0px 0px 10px 0px;
}
.tabsbox {
  padding: 5px 5px;
}
.tabs-container__panel {
  padding: 0px;
}
.configurleftbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.configurrightbtn {
  font-size: 14px;
  padding: 8px 15px;
}
.configurleftbtn i {
  font-size: 12px;
}
.configurrightbtn i {
  font-size: 12px;
}
.configurbtnbox {
  width: 100%;
}
.configure-selepro {
  padding: 0px 10px;
  margin-top: 0px;
}
.configure-selepro span {
  font-size: 13px;
}
.tabs-init .tabs-container__title {
  padding: 10px 20px;
  font-family: Muli-SemiBold;
  font-size: 16px;
  color: #6C3D96;
  margin: 0px;
  text-align: center;
}
.accordion--closed .tabs-container__title, .tabs-init .tabs-container__title {
  background: #F4E8FF;
}
.multitabs {
  height: auto;
  /*padding-bottom: 2em;*/
  padding-bottom: 10px;
  margin-bottom: 3em;
}

.promolistingbox .nav-tabs .nav-link span {
  display: block;
  margin-left: 25px;
  top: -4px;
position: relative;
}
.checkbox-dropdown-list {
  left: -95px;
  font-size: 10px;
  width: 150px;
}
.promoboxright {
  height: fit-content;
}
.promoofferdetails span {
  font-size: 10px;
}
.promotabline h2 {
  font-size: 13px;
}
.promotabline h2 span {
  font-size: 11px;
  padding-left: 25px;
}
.brandpromocountbox p {
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 1px;
}
.brandpromocountbox h4 {
  font-size: 20px;
}
.brandpromocountbox h4 span {
  font-size: 11px;
}
.brandpromocountbox {
  padding: 0.2em 0.5em;
  margin-bottom: 1em;
  border-radius: 10px;
}
.promoofferdetails .promo-date {
  padding-left: 15px;
  font-size: 12px;
}
.promofilterbtn .dropdown-menu {
  margin-left: -105px;
}
.promofilterbtn .dropdown-item {
  font-size: 10px;
}
.branddashboard-right {
  margin: 1em 0px;
}
.downlaodreportbtn {
  text-align: center;
  margin-top: 10px;
}
.downlaodreportbtn .dropdown-item {
  font-size: 10px;
}
.userbtn button span {
  display: none;
}
header .navbar .pp img {
  height: 20px;
  margin-left: 15px;
  position: absolute;
  top: 14px;
}
.voucher {
  width: 90%;
  margin: 1em auto;
  padding-bottom: 1em;
  margin-bottom: 3em;
}
.voucher .voucher-details ul li:nth-child(1) {
  width: 100%;
  float: left;
}
.voucher .voucher-details ul li:nth-child(2) {
  width: 100%;
  float: left;
}
.voucher .voucher-details ul {
  padding: 0px 0px;
  margin-bottom: 0em;
}
.qrbox {
  width: 70%;
  margin: 0 auto;
}
.voucher .voucher-details ul li:nth-child(2) {
  padding-left: 0px;
  text-align: center;
}
.vrlogo {
  height: 50px;
}
.voucher .voucher-details .Short-Description {
  font-size: 20px;
  margin-bottom: 0px;
}
.voucher .voucher-details .list-of-products {
  margin-bottom: 0px;
}
.find-dealer-in-voucher {
  font-size: 14px;
}
.promo-dates .promo-validity {
  margin: 10px auto;
}
.promo-dates .redemption-validity {
  margin: 10px auto;
}
.mapfixmar {
  margin: 0px;
}
.map-page iframe {
  height: 200px;
}
.dealer-heading {
  width: 90%;
}
.dealer-details p {
  font-size: 13px;
}
.brandpromocountbox .icon {
  width: 35px;
  height: 34px;
  line-height: 35px;
  font-size: 14px;
}
.verifytxt h2 {
  font-size: 18px;
  margin: 0.3em 0px 0em 0px;
}
.blackoutdates:first-child {
  margin-top: 10px;
}
.addbtnbox {
  margin: 0px;
}
.addmediabtn {
  margin: 0px 0px;
  top:10px;
  left:5px;
}
.choseboxc {
  padding: 0em 0px 10px 0px;
}
/*.dealeraddbox .inputdeal {
  width: 48px;
}*/
/*.dealeraddbox label {
  width:53%;
}*/
.dealeraddboxdetails p {
    width:100%;
}

.dealeraddbox {
  padding: 0px!important;
}
.blackoutdates label {
  top: -5px;
}
.promolistingbox .nav-tabs li:first-child a {
  border-top-left-radius: 10px;
}
.promolistingbox{
  border-radius: 10px;
}
.login-form h2 {
  font-size: 16px;
  font-family: Muli-Bold;
}

.login-form h2:last-child {
  font-size: 14px;
} 

/* .userProfile .dropdown:hover>.dropdown-menu {
  display: flex;19570
} */

.nav-tabs {
  border: none;
}
.resfixprofile {
  margin-top: 0px;
}

.uploadprofile .file {
  width: 45px;
  height: 44px;
}
.uploadprofile .file img {
  height: 20px;
  top: 9px;
}
.uploadprofile button {
  margin-top: 4px;
}
.genderpost {
  top: -5px;
  margin-bottom: 5px;
}
.promoreportbtn {
  padding: 8px 10px;  
  margin: 5px 0px;
}
.brandsetupwrow {
  padding: 0px;
}
.noteseupbrand {
  margin-bottom: 0px;
}

.customerdashboard .nav-tabs .nav-link.active i {
  top: 7px;
}
.customerdashboard .nav-tabs .nav-link i {
  top: 7px;
}
.customerdashboard .nav-tabs .nav-link span {
  margin-left: 26px;
  top: -3px;
}
.customernoti {
  margin-top: 1px;
}
.qrbox {
  margin-bottom: 5px;
}
/*  */
.map-page {
  margin: 5px auto;
}

/* customer profile page..*/

.profilefixwid .configuremi {
  margin-top: 0px;
}

.profilefixwid {
  padding: 5px 1em;
  margin-top: -1px;
}
.uploadprofile {
  margin-bottom: 15px;
}
.fmar {
  margin: 10px 0px;
}

/*-------profile wishlist---------*/

.wishlistcustomer .promolistgrid1 {
  width: 100%;
}
/*--customer save dealer--*/
.profilesavedealer .dealer-result {
  padding: 5px 10px;
}

/*--merchant dashboard---*/

.dashboardview h2 {
  padding: 5px 30px;
  text-align: left;
  font-family: Muli-SemiBold;
}
.scanpromo-merchant a {
  font-size: 12px;
}

.activateoppsbtn {
  margin: 0px;
}
.activateopps .configurrightbtn {
  padding: 8px 15px;
}
.activateopps p {
  margin: 5px 0px 5px 0px;
  font-size: 16px;
}
/*----*/
.mcviewpromo .btn {
  margin: 0px 8px;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 15px;
}
.mcviewpromo .brandlogo {
  margin: 1em 0px 1em 0px;
}

.merchantpromodetalis a {
  font-family: Muli-SemiBold;
  font-size: 12px;
  padding: 6px 35px;
}

/* merchant product select page */

.selectproductlist {
  height: 250px;
}
.merchantproductemi {
  width: 90%;
}
.merchantproductemi .selectproductlist img {
  width: 70%;
}
.merchantemibox {
  margin: 0px auto;
  margin-bottom: 2.5em;
}
.merchantemibox .overviewbtn {
  width: fit-content;
  margin: 1em auto;
}
.merchantemibox .owl-nav button.owl-prev {
  left: -25px;
}
.merchantemibox .owl-nav button.owl-next {
  right: -25px;
}
.radiobtnemi {
  padding: 10px 1em 1px 1em;
  margin-bottom: 0em;
  font-family: Muli-Bold;
  font-size: 12px;
}

/*  */
.merchantpaysetletable {
  margin: 2em 0px 0px 0px;
}

.merchantpaysetletable .nav-tabs .nav-link.active {
  font-size: 12px;
  padding: 10px 12px;
}

.merchantpaysetletable .nav-tabs .nav-link {
  font-size: 9px;
  padding: 12px 12px;
}

/*-----New update all modual dashboard res code-------*/

.dashboardfixpromo .fixpromo1 {
  width: 100%;
  text-align: center;
}
.dashboardfixpromo .fixpromo2 {
  width: 100%;
}
.promodatebox span {
  width: 80%;
}
.promotermbar img {
  height: 150px;
}
.customerqrpopdiv img {
    height: auto;
}
.promolistingbox .dropdown {
  position: absolute;
  top: 1px;
  width: fit-content;
  right: 10px;
}
.mypromobox {
  position: relative;
}
.frontqrdetails {
  padding-top: 1px;
}
.savedealerheading h2 {
  text-align: center;
}
.savedealerheading h2 span {
  display: block;
  padding-left: 0px;
}

.customerwishdiv {
  margin-top: 4px;
  display: flex;
  background-color: #fff;
}
.cusshare {
  display: block;
  width: 33%;
  float: left;
}
.productdelete a {
  color: #888;
}
.sharewhatbox i {
  color: #888;
}
.wishlistbox-item {
  color: #888!important;
}

.cusshare .deletepromo {
  position: relative;
  top: 6px;
}


#sharepopup .modal-dialog {
  bottom: 0px;
  position: absolute;
  margin: 0px;
  top:initial;
}
#sharepopup .modal-content {
  width: 100%;
  border-radius: 0px;
}
.configuretabs .nav-link {
  margin-left: 0px;
}
.configuretabs .nav-link.active {
  margin-left: 0px;
}
.noticontent p {
  font-size: 12px;
  margin-bottom: 5px;
}
.noticontent {
  padding: 15% 22%;
}
.previewright a i {
  font-size: 12px;
}
.prevcont p {
  text-align: left;
}

/* customer upper tab mobile view */

.offertotalbox {
  padding: 5px;
  margin: 1px 0px;
}
.offertotalbox h4 {
  font-size: 9px;
  text-align: center;
  padding: 5px 0px;
}
.offertotalbox ul li:first-child {
  width: 100%;
  float: left;
  font-size: 14px;
  /* background-color: #fff; */
  padding: 5px;
  /* box-shadow: 0px 1px 4px #ccc; */
  margin-bottom: 6px;
  text-align: center;
}
.offertotalbox ul li:last-child {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0px;
  height: 40px;
  margin-top: -15px;
}
.offertotalbox ul {
  display: contents;
}

.offertotalbox ul li:first-child i {
  font-size: 15px;
  padding-right: 5px;
}

.offertotalbox .offercount span {
  font-size: 11px;
  display: inline-flex;
  margin: 0px;
  padding: 2px 14px;
}
.offertotalbox .offercount {
  font-size: 12px;
  text-align: center;
}
.offertotalbox ul li:last-child i {
  font-size: 12px;
  color: #fff;
  width: 25px;
  height: 24px;
  line-height: 22px;
}
.offertotalbox .offercount span b {
  font-size: 12px;
  top: 0px;
  padding-right: 5px;
}
.offertotalbox .offercount p {
  display: block;
  font-size: 10px;
  text-align: center;
  padding:5px 0px 4px 0px;
  margin: 0px;
}
#customertoptab {
  padding: 0px 10px;
  height: 175px;
}
.bonusclub-pagination {
  margin-bottom: 0.5em;
}
.frontqrdetails .list-of-products {
  margin-bottom: 0px;
}
.accordion-body {
  padding: 1rem 5px;
}
.product-overview {
  width: 80%;
}
.overviewbtnfit {
  font-size: 14px;
}
.fillcustomerpop input {
  top: 2px;
}

.merchantbonuspromo h2 {
  text-align: left;
  font-family: Muli-SemiBold;
}
.transactionfilter .overviewbtn {
  width: fit-content;
  margin: 0px auto;
}
.merchantbonuspromo {
  margin: 1.2em 0px;
}

.TooltipTrigger {
  top: -5px;
  /* left: 10px; */
  position: relative;
  margin-left: 0px;
}
/* .costcaluculaterinfo {
  padding-top: 10px
} */
.pendingpromopad .overviewbtn {
  width: fit-content;
  margin: 0 auto;
}
.customergenderpop label { 
  padding: 0px 10px;
  margin: 2px;
height: 43px;
line-height: 42px;
}
.customergenderpop .selectgender {
  left: 5px;
  font-size: 12px;
  top: 12px;
}
.selectgender input {
  width: 15px;
  top: 2px;
}

.chargeslip-box {
  width: 95%;
  margin: 0px auto;
}
.contentcharge table td {
  font-size: 14px;
  padding: 5px 5px;
}
.contentcharge table td:last-child {
  font-size: 16px;
}
.contentcharge h1 {
  font-size: 22px;
}
.contentcharge p {
  font-size: 18px;
}
.chargeslip-topintro p {
  font-size: 16px;
}
.contentcharge table td:first-child {
  width: 190px;
}

/* .uploadprofile ul {
  display: flow-root;
} */

.uploadprofile ul li {
  width: 20%;
  text-align: center;
}
.uploadprofile ul li:last-child {
  width: 40%;
  text-align: center;
}
.uploadprofile .uploadpic img {
  height: 35px;
}
.uploadprofile button {
  width: fit-content;
  margin: 5px auto;
  font-size: 12px;
}
.uploadprofile .file {
  margin: 0 auto;
}
.customerprofiledashboard .multitabs {
  min-height: auto;
}

.customerprofiledashboard .tab-content .tabsbox {
  height: auto !important;
}

/* Brand Drafts promo section csss */

.draftspromo .mypromobox {
  border-right: none;
}
.draftspromo .discountheading {
  font-size: 16px;
}
.draftspromo .promotermbar img {
  height: 150px;
}
.draftseditbtn {
  padding-top: 0px;
  padding: 10px 0px;
  border-top: 1px solid #ccc;
}
.draftseditbtn a {
  font-size: 14px;
}
.draftspromo .promodatebox span {
  font-size: 12px;
}
.form-multi .multiselect .multiselect-selected-text {
  width: 135px;
  font-size: 16px;
  top: 10px;
}
.shortingbox {
    margin-bottom:0px;
}
.dealerlistfilter .dpadleftnone {
    padding-left:10px;
}
.dpadleftnone {
  padding-left: 0px;
}
.errormsgnew .erroricon {
  width: 35px;
}
.errormsgnew .ermsgtext {
  padding-left: 15px;
}
.showmsgframe {
  width: 90%;
}

.pagifloatright {
    float: inherit;
    display:flow-root;
    padding-left:0px;
}
.bonus-pagination {
    margin:0px auto;
}
.dataTables_length {
    padding:0px;
    text-align: center;
    position: inherit;
    margin-top:10px;
}


.discountheading {
  font-size: 12px;
}

.previewright {
  max-width: 200px;
  word-break:break-word;
}
.previewpmdesc {
  margin-top: 10px;  
}


.multitabs {
    min-height:max-content;
}
.pendingpromo-template .voucherbrcode img {
    height:110px;
}
.vouchermedia {
    height:auto;
}
.owl-carousel .owl-stage-outer {
    margin-left:0px;
}

.chosevoucherbtn button {
    font-size:14px;
}
.chosevoucherbtn button img {
    height:16px;
}
.chosevoucherbtn {
    margin: 1px 0px 10px 0px;
}

.tandctab {
    margin-bottom:8px;
}

/*.cl1 {
    height:43px;
}*/
.cl1 {
    height:45px;
    width:45px;
    margin:5px auto;
}

.pendingpromo-template .voucherbrcode h5 {
    margin-bottom: 0px;
    padding-top: 0px;
}

.showhim:hover .showme:before {
    right: 7px;
    left:inherit;
}
.showhim:hover .showme {
    right:0px;
    /*min-width: max-content;*/
    /*min-width:200px;*/
    max-width:200px;
}
.promoreportfix {
    margin-left: 0px;
    margin:0px;
    margin-bottom:2em;
}
.tandctab {
  padding-left: 0px;
}

.vchrdown {
    justify-content:right;
    position: relative;
    top: -110px;
    height:10px;
}
.btnpadding {
    padding: 5px;
}

.calcutable {
  width: 100%;
  /* display: flex; */
  overflow: scroll;
  margin-bottom: 5px;
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
  /*overflow-y:hidden;*/
}

.calcutable::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #e4e4e4;
}

.calcutable::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}
.calcutable table {
  width: max-content;
  display: block ruby;
  margin-bottom:5px;
}

/*----configure info icon responsive css start----*/

.boshow label {
    top: 2px;
}
.boshow .showhim-configure:hover .showme-configure {
    right: -7px;
    width: max-content;
    max-width: 150px;
}


.showhim-configure:hover .showme-configure {
    right: -7px;
    width: max-content;
    max-width: 270px;
}
.showhim-configure:hover .showme-configure:before {
    right: 7px;
    left: inherit;
}
/*----configure info icon responsive css end----*/

.dealerboxsearch .padleft {
    padding-left:0px;
}

.dealerboxsearch .control-label { 
    margin-left:45px;
}

#dvRemoveDealer .trasnsearch {
   margin-bottom:0px;
}
#dvRemoveDealer .overviewbtn {
   margin:8px 0px;
    width:100%;
}
#dvAddDealer .trasnsearch {
   margin-bottom:0px;
}
#dvAddDealer .overviewbtn {
    margin:0px 0px;
    width:100%;
}

#btnSearch {
    margin-top:0px!important;
}


.configurlap {
    overflow: auto !important;
    overflow-x: hidden !important;
}

.trasnsearch select {
    padding-left:15px;
}

.dealersearch {
    margin-bottom:10px;
    margin-top:10px;
}

.showhim_bank:hover .showme_bank {
    right: 0px;
    min-width: 200px;
}
.showhim_bank:hover .showme_bank:before {
    right:2px;
    left:inherit;
}
.qrsmstext {
    font-size:8px;
}
.input-group-cvv {
    width:42px;
}
.termbox {
    padding: 0em 1em 1em 0em;
}

.deliverytxt {
    top:10px;
}

}



@media only screen and (min-width: 1600px) {
    .merchant-intro {
        height: 95vh;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 90%;
    }

    .container .container {
        max-width: 100%;
    }

    .dealeraddbox .inputdeal {
        width: 50px;
    }
    .previewright {
        max-width: fit-content;
    }
    .previewpromo-box {
        max-width:1600px;
        margin:0 auto;
    }
    .multitabs {
        min-height:650px;
    }
    .finalconfigur-promo .tab-content .tabsbox {
        height:640px;
    }
    .communitysoon {
        height:325px!important;
    }

    .branddiscountofferbox {
        max-height: 500px;
    }
}

.textcopypast {
}













/*-----BonusClub Community Enhancement Css code start ---------- */

.communitysoon {
    height: 380px;
    margin: 55px auto;
}

@font-face {
  font-family: oswal;
  src: url(../fonts/Oswald-Bold.ttf);
}

.selectcommunitybox {
  /* background-color: #fff; */
  border-radius: 10px;
  padding: 2px 0px;
  /* box-shadow: 0px 2px 5px #ccc; */
  margin-bottom: 5px;
  position: relative;
  /* height: 150px; */
}

/*.communityicon {
  background: rgb(177, 191, 110, 0.5);
  padding: 10px;
  width: 120px;
  height: 119px;
  display: block;
  border-radius: 50%;
  line-height: 100px;
  text-align: center;
  margin: 0 auto;
}*/

.communityicon {
    display:block;
}

.communityicon img {
    max-width: 80%;
    padding: 3px;
    width: 120px;
    height: 119px;
    display: block;
    border-radius: 50%;
    margin: 5px auto;
    border: 3px solid #6c3d9680;
}


.communityconfigureicon {
    display: block;
}
.communityconfigureicon img {
    max-width: 80%;
    padding: 2px;
    width: 41px;
    height: 40px;
    display: block;
    border-radius: 50%;
    margin: 5px auto;
    border: 1px solid #6c3d9680;
    background-color: #fff;
}


.communityarrow {
    font-size: 30px;
    color: #818181;
    position: relative;
    top: 8px;
    right: 0px;
}


.comboxarrow {
   position: absolute;
/*  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  width: 100%;
  margin-top: 1px;
}

.comboxarrow a {
  text-decoration: none;
}


.zindex {
  z-index: 999;
}

.combox-details {
  padding: 5px 0px;
  position: relative;
   height: 130px; 
}
.combox-details p {
  display: inline;
}
.combox-details p span {
  font-size: 12px;
  color: #767479;
  margin-right: 10px;
  font-family: Muli-Bold;
}
.combox-details p span i {
  padding-right: 5px;
}
.combox-details h2 {
  font-size: 25px;
  font-family: Muli-ExtraBold;
  color: #000;
}
.combox-details .combank {
  display: flow-root;
  padding: 5px;
  border: 1px solid #ddd;
}

.combox-details .combank img {
  height: 18px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.travelcomicon {
  background: rgb(243, 213, 110, 0.4);
}

.homecomicon {
  background: rgb(150, 231, 251, 0.4); 
}

.vehicalcomicon {
  background: rgb(113, 113, 113, 0.4); 
}


.bccomicon {
  background: rgb(241, 235, 246, 0.9); 
}


/*-----BonusClub Community Enhancement Css code end ---------- */


.overlapdiv {
  /* position: absolute; */
    background-color: #fff;
    /* display: flow-root; */
    width: -webkit-fill-available;
    width: -moz-available;
    /* z-index: 99; */
    box-shadow: 0px 2px 5px #ccc;
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 15px;
}

.descommunication {
    font-family: Muli-Regular;
    font-size: 12px;
    color: #333;
    margin-top: 10px;
    font-weight:bold;
    margin-top:10px;
}

.communitydescp {
    font-weight:normal;
    min-height: 140px;
    max-height: 140px;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

.communitydescp::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e4e4e4;
}

.communitydescp::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
}


.communitytabs {
  padding: 0px;
  
}
.communitytabs .tab-content { 
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.communitytabs .nav-tabs {
  background-color: #F5F5F5;
}

    .communitytabs .nav-tabs .nav-link.active {
        color: #000;
        background-color: #F4E8FF;
        border-color: #dee2e6 #dee2e6 #fff;
    }
.communitytabs .nav-tabs .nav-link.active span {
  color: #000;
} 


.communitytabs .nav-tabs .nav-link {
  padding: 5px 20px;
  color: #A3A3A3;
  background-color: #F5F5F5;
  border-right: 1px solid #ccc !important;
}

.communitytabs .nav-tabs .nav-link:last-child {
  border-right: none;
}

.communitytabs .nav-tabs .nav-link span {
  font-size: 16px;
    font-family: Muli-ExtraBold;
    color: #A3A3A3;
    display: inline-block;
    text-align: left;
    position:relative;
    top:-2px;
}
.communitytabs .nav-tabs .nav-link i {
  padding-right: 15px;
  font-size: 25px;
  /*position: relative;
  top: -5px;*/
} 


.criteriaform-heading {
  font-family: Muli-ExtraBold;
  color: #000;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
  margin-bottom: 5px;
}

.hr-lines{
  position: relative;
  max-width: 500px;
  margin: 0px auto;
  text-align: center;
  position: relative;
  top: -2px;
}

.hr-lines span {
  color: #333;
  font-family: Muli-Bold;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  background-color: #ebd6ff;
  padding: 4px 5px;
  border-radius: 5px;
}

.hr-lines:before{
  content:" ";
  height: 1px;
  width: 130px;
  background: #cda7ee;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
}

.hr-lines:after{
  content:" ";
  height: 1px;
  width: 130px;
  background: #cda7ee;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
}




.selectbankcom {
  padding: 5px;
  width: fit-content;
  text-align: center;
  margin: 0 auto;
}
.selectbankcom span {
  border: 1px solid #ccc;
  display: block;
  padding: 3px 12px;
  margin-bottom: 3px;
  min-height: 50px;
    line-height: 50px;
}
.selectbankcom span img {
  max-height: 35px;
}

.selectbankcom  p {
  display: inherit;
  border: 1px solid #ccc;
  padding: 3px 12px;
  margin-bottom: 3px;
  min-height: 50px;
  line-height: 50px;
  display:flex;
}
.selectbankcom  p i {
  padding-right: 5px;
  font-size: 20px;
  position: relative;
  top: 3px;
}

.selectbankcom  p img {
    max-width: 80%;
    padding: 2px;
    width: 31px;
    height: 30px;
    display: block;
    border-radius: 50%;
    margin: 5px auto;
    border: 1px solid #6c3d9680;
    background-color: #fff;
    position:relative;
    left:-8px;
}

.selectbankcom  p b {
  font-size: 13px;
  font-family: Muli;
  color: #A3A3A3;
  display: inline-block;
  text-align: left;
  font-weight: normal;
  line-height:13px;
  position:relative;
  top: 11px;
  left: 6px;
}

.selectbanklist {
  display: inherit;
  margin-top: 10px;
}

.filterbox {
  width: 200px;
  float: left;
}

.filterrow {
  width: 926px;
    overflow-x: scroll;
    display: inherit;
    height: 59px;
}

.filercheckbox {
  margin-top: 0px;
}

.filercheckbox ul {
  list-style-type: none;
  padding-left: 15px;
  margin-top: 3px;
  line-height: 28px;
}
.filercheckbox ul li {
  border-bottom: 1px solid #ddd;
  padding: 5px 0px;
  font-size: 13px;
  font-family: Muli-Regular;
  font-weight: 400;
  color: #000;
}
.filercheckbox ul li:last-child {
  border-bottom: none;
}

.filercheckbox ul li label {
  position: relative;
  top: -2px;
  cursor: pointer;
}

.filerheading i {
  padding-right: 5px;
  color: #000;
  font-size: 18px;
}

.filerheading {
  background-color: #f1e1ff;
  color: #6C3D96;
  font-size: 14px;
  font-family: Muli-Bold;
  padding: 10px 10px;
  border-radius: 5px;
  box-shadow: 0px 1px 4px #ccc;
}



.boxissureorand {
  border: 1px solid #9f86b6;
    border-radius: 5px;
    padding-bottom: 10px;
    margin-top: 20px;
}

.comchanner hr {
  margin-bottom: 0px;
}

.andorbox {
  background-color: #6C3D96;
  font-weight: bold;
  color: #fff;
  border-radius: 0px;
  font-size: 12px;
  padding: 2px 8px;
  text-align: center;
  margin-bottom: 2px;
  width: 59px;
  border: 0px;
  position: relative;
  top: -11px;
  left: -1px;
}


.andor {
  padding: 0px;
    position: relative;
    left: -3px;
}

.andor span {
  background-color: #DBDBDB;
  border-radius: 3px;
  color: #000;
  display: block;
  font-size: 12px;
  width: 40px;
  padding: 2px 8px;
  text-align: center;
  margin-bottom: 2px;
}
.andor p {
  background-color: #6C3D96;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  width: 40px;
  padding: 2px 8px;
  text-align: center;
}
.andor .active {
  background-color: #6C3D96;
  font-weight: bold;
  color: #fff;
  margin-top: 10px;
}


.geoscroll {
  overflow: auto;
  max-height: 200px;
  overflow-x: hidden;
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
}

.geoscroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #e4e4e4;
}

.geoscroll::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}

.allcheck {
  float: right;
}


.filercheckclik {
  text-align: center;
  margin-bottom: 5px;
}


.communityscroll {
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
}
.communityscroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #e4e4e4;
}

.communityscroll::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}

.comingsoon {
  text-align: center;
}

.comingsoon img {
  max-height: 275px;

}

.andorbox h2 {
  font-size: 16px;
  font-family: Muli-Bold;
  color: #000;
  text-align: center;
}
.andorbox .andor {
  margin: 10px 0px;
  margin-bottom: 20px;
}
.andorbox .andor a {
  text-decoration: none;
}
.andorbox .andor a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.andorbox .andor span {
  margin: 5px auto;
  font-size: 24px;
  width: 100px;
}
.andorbox .andor p {
  margin: 0 auto;
  font-size: 22px;
  width: 100px;
}

.tcandor {
  font-size: 12px;
  font-family: Muli-Regular;
  margin-bottom: 0px;
  text-align: center;
}
.tcandor span {
  font-size: 14px;
  font-family: Muli-Bold;
  color: #6C3D96;
}


.tcandor i {
  color: #6C3D96;
}



.criteria-box {
  padding: 0px;
  margin: 0px 12px;
}
.criteria-box h2 {
  color: #000;
  font-family:Muli-Bold;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}


.criteriafilterbox {
  background-color: #f9f5fd;
   border-radius: 5px;
   margin: 5px 0px;
   padding: 5px 0px;
  
}

.criteriafilterbox i {
  font-size: 20px;
  position: relative;
  top: 10px;
}

.criteriafilterbox h4 {
  color: #6C3D96;
  font-size: 14px;
  font-family: Muli-Bold;
  margin-bottom: 0px;
  text-transform: uppercase;
  margin-top: 10px;
  text-align: center;
}

.criteriafilterbox h3 {
  color: #6C3D96;
  font-size: 14px;
  font-family: Muli-Bold;
  margin-bottom: 0px;
}

.criteriafilterbox p {
  color: #6C3D96;
  font-size: 12px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.consentdiv  {
  margin: 5px 0px;
}

.consentdiv span {
  font-size: 12px;
  color: #000;
  font-family: Muli-Regular;
}
.consentdiv label {
  font-size: 14px;
  color: #000;
  font-family: Muli-Bold;
}

.consentdiv .consentinput {
    height: 35px;
    font-size: 12px;
    color: #6C3D96;
    width: 90%;
    padding-left: 10px;
    border: 2px solid #D6C2E8;
    border-radius: 30px;
    font-family: Muli-Regular;
}

.dflexpad {
  display: inline-flex;
  padding: 0px;
  margin: 5px 0px;
}
.dflexpad input {
  height: 20px;
  margin-right: 5px;
}

.comchanner {
  padding:0px 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.comchanner label {
  font-size: 12px;
    line-height: 15px;
    position: relative;
    top: 3px;
}

.topbgisuuer {
  height: 200px;
  background-image: url(../images/isuuerbgnew.png);
  background-size: cover;
  border-radius: 30px;
  padding: 50px 50px 0px 50px;
  border: 1px solid #c6c6c6;
  background-position: center center;
}
.topbgisuuer h3 {
  color: #6C3D96;
  font-size: 40px;
  font-family: Muli-ExtraBold;
}
.topbgisuuer p {
  color: #000;
  font-size: 20px;
  text-transform: uppercase;
  font-family: Muli-Regular;
}

.reqcallicon img {
  height: 200px;
  margin: 0px auto;
}
.reqcallicon {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}

.txtissuerbg {
  font-size: 16px;
  color: #333;
  font-family: Muli-Regular;
  text-align: center;
}

.linkdisble {
  pointer-events: none;
}

.promoaddbank {
    height: auto;
    position: relative;
    top: 5px;
    margin-bottom: 10px;
    max-height: 35px;
    max-width: inherit;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    width: fit-content;
    box-shadow:0px 0px 4px #ddd;
}

.voucherbanklogo {
    height: auto;
    position: relative;
    top: 5px;
    margin-bottom: 10px;
    max-height: 35px;
    max-width: inherit;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    width: fit-content;
    box-shadow: 0px 0px 4px #ddd;
}



.dealerfilter {
    position: relative;
}

.dealerwebcheckbox {
  position: absolute;
    left: 0px;
    top: 14px;
}

.communitysection {
  padding: 0px;
  margin:0px auto;
}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .communitytabs .nav-tabs .nav-link {
    padding: 1px 10px;
  }
  .communitytabs .nav-tabs .nav-link span {
    font-size: 14px;
  }
  .communityscroll {
    width:785px !important;
  }
  .communitysoon {
    height: 423px;
  }

  #dvPromoRedemType .mrtop label {
    font-size: 13px;
    position: relative;
    top: -2px;
  }
  .andor {
    left:-8px;
  }

  .locatonfetch .overviewbtn {
    padding:8px 10px;
   }


}


@media only screen and (min-width: 1024px) and (max-width: 1200px) {

  .communitytabs .nav-tabs .nav-link span {
    font-size: 14px;
  }
  .communitytabs .nav-tabs .nav-link i {
    padding-right: 5px;
      font-size: 15px;
  }
  .communitytabs .nav-tabs .nav-link {
    padding: 6px 10px;
  }
  .communitytabs {
    padding: 0px 10px;
  }
  .communitytabs .nav-tabs {
    /*margin-bottom: 10px;
    margin-left: 10px;*/
  }
   .andor {
      left:-11px;
  }
  .ccholder {
      padding-top:10px;
  }
  .promoaddbank {
    float: initial;
    top: 2px;
  }
  .communityscroll {
    width:670px !important;
  }

 .communitysoon {
    height: 380px;
    margin: 145px auto;
}
  
} 

@media only screen and (min-width: 768px) and (max-width: 1024px) {

  .communitytabs .nav-tabs .nav-link span {
    font-size: 14px;
  }
  .communitytabs .nav-tabs .nav-link i {
    padding-right: 5px;
      font-size: 15px;
  }
  .communitytabs .nav-tabs .nav-link {
    padding: 6px 10px;
  }
  .communitytabs {
    padding: 0px 10px;
  }
  .communitytabs .nav-tabs {
    /*margin-bottom: 10px;
    margin-left: 10px;*/
  }
  .andor {
      left:-8px;
  }
  .ccholder {
      padding-top:10px;
  }
  .promoaddbank {
    float: initial;
    top: 2px;
  }
  .communityscroll {
    width:550px !important;
  }
  .communitysoon {
    height: 380px;
    margin: 170px auto;
}
  
} 

@media only screen and (min-width: 640px) and (max-width: 768px) {

  .communitytabs .nav-tabs .nav-link span {
    font-size: 14px;
  }
  .communitytabs .nav-tabs .nav-link i {
    padding-right: 5px;
      font-size: 15px;
  }
  .communitytabs .nav-tabs .nav-link {
    padding: 6px 10px;
  }
  .communitytabs .nav-tabs {
   /* margin-bottom: 10px;
    margin-left: 10px;*/
  }
  .ccholder {
     padding-top:14px;
  }
  .communitytabs {
      padding:0px 10px;
  }
  .promoaddbank {
    float: initial;
    top: 2px;
  }
  .communityscroll {
    width: 360px !important;
  }
  
} 


@media only screen and (min-width: 480px) and (max-width: 640px) { 
  
.topbgisuuer {
  padding: 70px 20px 0px 30px;
  margin-bottom: 20px;
}
.topbgisuuer h3 {
  text-align: center;
  font-size: 25px;
}
.topbgisuuer p {
  text-align: center;
  font-size: 20px;
}
.communitytabs .nav-tabs .nav-link span {
  font-size: 12px;
}
.communitytabs .nav-tabs .nav-link i {
  padding-right: 5px;
    font-size: 15px;
}
.communitytabs .nav-tabs .nav-link {
  padding: 6px 10px;
}
.andor {
    left:-6px;
}
.communitytabs .nav-tabs {
  /*margin-bottom: 10px;
  margin-left: 10px;*/
}
.promoaddbank {
  float: initial;
  top: 2px;
}
.ccholder {
    padding-top:10px;
}
.communityscroll {
  width: 340px !important;
}
.communitytabs {
    padding: 0px 10px;
}

}

@media only screen and (max-width: 480px) {
  .selectcommunitybox {
    /* height: 230px; */
    margin-right: 10px;
  }
  .comboxarrow {
    margin-top: 7px;
}
.combox-details h2 {
  font-size: 20px;
}

.ccholder {
  width: 100%;
  display: grid;
}
.ccholder .list-group-item {
  padding:.5rem 0.5rem;
}

.selectbankcom p {
  padding: 3px 5px;
}

.communitytabs {
  padding:0px 10px;
}
.andor {
  left:-10px;
}
.communitytabs .nav-tabs .nav-link span {
  font-size: 10px;
}
.communitytabs .nav-tabs .nav-link i {
  padding-right: 5px;
    font-size: 15px;
}
.communitytabs .nav-tabs .nav-link {
  padding: 6px 10px;
}
.communitytabs .nav-tabs {
  margin-bottom: 0px;
}
.communitytabs .tab-content {
  padding-top:10px;
}
.promoaddbank {
  float: initial;
  top: 2px;
}

    .dealerboxsearch .control-label {
        font-size: 12px;
    }

.topbgisuuer {
  padding: 70px 20px 0px 30px;
  margin-bottom: 20px;
}
.topbgisuuer h3 {
  text-align: center;
  font-size: 25px;
}
.topbgisuuer p {
  text-align: center;
  font-size: 20px;
}

.hr-lines:before {
  width: 100px;
}

.hr-lines:after {
  width: 100px;
}

.communitysoon {
    height: 280px;
    margin: 0px auto;
}

.storelistscroll {
    max-height: 300px;
}

}

.storelistpad {
    padding: 0px 16px !important;
}

.storeviewbtn {
    background-color: #6C3D96;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-family: Muli-SemiBold;
    width: fit-content;
    margin: 0 auto;
    display: flow-root;
    text-decoration: none;
    box-shadow: 0 1px 1px rgb(0 0 0 / 9%), 0 1px 5px 0 rgb(0 0 0 / 14%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .storeviewbtn:hover {
        background-color: #DED5E7;
        color: #6C3D96;
        transform: translateY(-2px) scale(1.01);
        box-shadow: 0 0px 0px 0px rgb(0 0 0 / 13%), 0 1px 4px 0 rgb(0 0 0 / 9%);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .storeviewbtn {
        font-size: 11px;
        padding: 5px 5px;
    }
}


.liveeditmode {
  padding: 10px 0px;
}
.liveeditmode a {
  font-family: Muli-ExtraBold;
  font-size: 100%;
  color: #6C3D96;
  cursor: pointer;
  text-decoration: none;
  width: 35px;
  height: 34px;
  display: block;
  text-align: center;
  line-height: 39px;
  position: relative;
  top: 10px;
  opacity: 1.0;
  -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.liveeditmode a:hover {
  transform: translateY(-2px) scale(1.01);
  opacity: 0.9;
    /* box-shadow: 0 5px 16px 1px rgb(0 0 0 / 13%), 0 1px 4px 0 rgb(0 0 0 / 9%); */
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.medialist {
  padding: 10px 10px;
  background-color: #f7eeff;
  border-radius: 5px;
  margin: 1em 0px;
}
.medialist label {
  margin: 5px 10px;
    font-size: 14px;
    float: left;
    text-align: left;
}
.medialist label input {
  position: relative;
  top: 2px;
}

.disablelist {
  pointer-events: auto;
     cursor: not-allowed;

}









/* ------------------ New Voucher Add Design Css start ----------------------- */


.bh-mypromobox {
  background-color: #fff;
  border-bottom:2px solid #fff;
      background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bc-mypromobox {
  background-color: #fff;
  border-bottom:2px solid #fff;
      background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bh-tcandproduct {
    margin-bottom:10px;
}

.bh-vcbox {
  position: relative;
}

.bh-promoboxleft {
  padding: 5px 5px;
  text-align: center;
  margin-top: 5px;
}

 
.bh-qrtext {
  position: absolute;
    width: 72px;
    height: 72px;
    display: block;
    font-size: 7px;
    margin: 0 auto;
    left: -1px;
    color: #000;
    line-height: 9px;
    top: -2px;
    border: 1px dashed;
    -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.bh-qrtext b {
  line-height: 8px;
    position: absolute;
    top: 50%;
    font-weight: normal;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 88%;
    font-size: 7px;
    background-color:rgb(255,255,255,0.9);
    padding: 2px 0px;
    color: #000;
    -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.bh-qrscan:hover .bh-qrtext {
  border: 1px dashed;
  background-color: rgb(255,255,255,0.8);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.bh-qrscan:hover .bh-qrtext b  {
  background-color: #fff;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.bh-qrscan:hover {
  /* animation: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; */
  animation-play-state: paused;
}

.bh-qrscan {
  width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-align: center;
    background-color: #f7f7f7e0;
    animation: zoom-in-zoom-out 2s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.bh-promoboxleft .qrbounce {
  height: 66px;
  padding: 4px;
  display: inline ;
  width: auto ;
}
.bh-promoboxleft p {
  font-family: Muli-Regular;
  font-size: 10px;
  color: #333;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 0px;
}
.bh-qrsmstext {
  font-family: Muli-Regular;
  font-size: 6px;
  color: #333;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 0px;
  padding: 0px;
}
.bh-validitydiv {
  display: inline-flex;
}
.bh-validitydiv b {
  font-size: 12px;
  font-weight: normal;
}
.bh-emiicon {
  box-shadow: none;
}
.bh-emiicon img {
  background-color: transparent;
  height: auto;
  max-height: 25px;
  width: auto ;
  margin: 0 auto;
  box-shadow: none;
}
.bh-vouchercupounlogo {
  padding: 5px 0px 2px 0px;
}
.bh-vouchercupounlogo img {
  height: 25px;
  width: auto;
}


.bh-voucherdescription {
    height: 100px;
    /*width: 250px;*/
    width: auto;
    position: relative;
    /*border: 1px dashed #00000040;*/
    margin: 5px 0px 0px 0px;
}

.bh-voucherdesimage {
  position: relative;
  max-width: max-content;
  border: 1px dashed #00000040;
  margin: 5px 0px 0px 0px;
}
.bh-voucherdesimage img {
  padding: 5px;
  max-height: 100px;
}

.bh-createtextbox {
    padding: 5px 1px;
    max-height: 100px;
    overflow: auto;
    overflow-x: hidden;
    word-break: break-word;
    word-wrap: break-word;
}
.bh-createtextbox img {
    max-height:90px;
}

.bh-createtextbox {
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
}

.bh-createtextbox::-webkit-scrollbar {
   width: 8px;
   height: 8px;
   background-color: #e4e4e4;
}

.bh-createtextbox::-webkit-scrollbar-thumb {
   background: #6C3D96;
   border-radius: 5px;
}

.bh-createtextbox h1 {
  font-size: 20px;
  margin: 0px;
}
.bh-createtextbox h2 {
  font-size: 18px;
  margin: 0px;
}
.bh-createtextbox h3 {
  font-size: 16px;
  margin: 0px;
}
.bh-createtextbox h4 {
  font-size: 14px;
  margin: 0px;
}

.bh-createtextbox p {
  font-size: 14px;
  margin: 0px;
}
.bh-createtextbox pre {
    margin-bottom:0px;
}



.bh-promoviewproduct {
  background: none;
  border: none;
  color: #333;
  text-decoration: none;
  font-size: 12px;
    margin: 4px 0px;
    background-color: transparent;
    font-weight: normal;
    font-family: Muli-Bold;
    margin-bottom: 0px;
}
.bh-promoviewproduct i {
  float: initial!important;
  font-size: 15px;
  padding-left: 5px;
}
.bh-promoviewproduct:hover {
  color: #6C3D96;
  text-decoration: underline;
}

.bh-newtcurl {
  margin-bottom: 0px;
  position: relative;
  top: -6px;
}

.bh-newtcurl a {
  font-family: Muli-Regular;
    font-size: 10px;
    color: #333;
    text-decoration: none;
}

/* .bh-liveeditbtn button {
  position: absolute !important;
} */


.bh-communitybanklogovchr {
  text-align: center;
  border-top: 1px solid #e6e6e6;
  background-color: rgb(255,255,255,1.0);
  border-bottom: 1px solid #e6e6e6;
}

.bh-communitybanklogovchr .bh-bankscroll {
  padding: 5px 5px 5px 5px;
  text-align: center;
  color: #ccc;
  /* border-bottom-right-radius: 18px; */
  /* height: 33px; */
  overflow: auto;
  overflow-x: auto;
  display: inline-flex;
  max-width: 102%;
}

.bh-communitybanklogovchr .bh-bankscroll img {
  max-height: max-content;
  max-width: 80px;
  padding: 0px 4px;
  /* margin: 2px auto; */
  display: inline !important;
  width: auto !important;
  max-height: 17px;
  height: auto;
}
.bh-communitybanklogovchr .bh-bankscroll {
  /*overflow: auto;*/
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
}
.bh-communitybanklogovchr .bh-bankscroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #e4e4e4;
}

.bh-communitybanklogovchr .bh-bankscroll::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}   


.bhvchrbankposition {
  position: absolute;
  bottom: 0px;
  left: -8px;
  padding-left: 7px !important;
}

/* .promolistingbox #dropdownMenuButton {
  left: 5px;
} */

.bh-liveeditbtn {
  width: 100% !important;
  text-align: center;
  position: relative;
}

.bh-liveeditbtn .dropdown-menu {
  padding: 2px 2px; 
}


    .bh-liveeditbtn #dropdownMenuButton2 {
        background-color: #fff;
        padding: 0px 8px;
        margin: 10px auto;
        position: absolute;
        left: 45%;
        transform: translate(-50%, -50%);
        top: 11px;
        border: 1px solid #ccc;
    }

.vcbox {
  position: relative;
}
.pl-none {
  padding-left: 0px;
}
.pr-none {
    padding-right: 0px;
}

.bh-voucher-template {
  background-color: #fff;
  padding: 5px 5px 5px 5px;
  border-radius: 6px;
  margin: 1px 1px 15px 1px;
  box-shadow: 0px 0px 5px #ababab;
  background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bh-voucher-templatechose {
  background-color: #fff;
  padding: 0px 0px;
  border-radius: 14px;
  margin: 1em 2em;
  box-shadow: 0px 0px 5px #ababab;
}

/* .radiuschosevoucher1bank  {
  margin-right: -8px;
} */

.radiuschosevoucher1bank .bh-communitybanklogovchr {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  margin-right: 1px;
  margin-bottom: 3px;
}

.radiuschosevoucher2bank  {
  margin-right: -8px;
}

.radiuschosevoucher2bank .bhvchrbankposition  {
  /*border-bottom-right-radius: 10px;*/
  width: 100.0%;
}


.celebrityvocherfade {
  background-color: #f6f6f6;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  display: flow-root;
}
.celebrityvocherfade .uplaodimagebox {
  margin: 10px;
  border-radius: 5px;
  padding: 0.8em 5px;
  border: 1px dashed #333;
  text-align: center;
  background-color: #fff;
}
.celebrityvocherfade i {
  margin: 7px auto;
  font-size: 60px;
  color: #6c3d96;
}
.celebrityvocherimage {
  position: relative;
}
.celebrityvocherimage .uploadbtn {
  font-style: normal;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: #ffffff6b;
  margin-left: 0px;
  padding: 10px 0px;
  /*border-bottom-left-radius: 20px;*/
}
.celebrityvocherimage img {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}


.minheightchosevoucher {
  min-height: 102px;
}


.bh-pendingpromo-template {
  padding: 5px 5px 5px 5px;
  border-radius: 6px;
  margin: 1px 1px 15px 1px;
  box-shadow: 0px 0px 5px #ababab;
  background-color:#fff;
  background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
} 
.bh-vouchervalidity {
  padding: 5px 0em;
  text-align: center;
}
.bh-vouchervalidity .status {
  font-size: 12px;
  font-weight: bold;
  font-family: Muli-Bold;
  margin-bottom: 0px;
}


.bh-previewpromodesc {
  display: block;
}
.bh-previewpromodesc img {
    max-height: 60px;
    height: 60px;
}
.bh-previewpromodesc h1 {
  font-size: 14px;
  margin: 0px;
}
.bh-previewpromodesc p {
  font-size: 14px;
  margin: 0px;
  font-weight: normal;
}
.bh-previewpromodesc h2 {
  font-size: 14px;
  margin: 0px;
}
.bh-previewpromodesc h3 {
  font-size: 14px;
  margin: 0px;
}
.bh-previewpromodesc h4 {
  font-size: 14px;
  margin: 0px;
}
.bh-previewpromodesc pre {
    margin-bottom: 0px;
}

.vouchermedia .p-0 {
    padding:5px !important;
}


.bh-validitydiv .showhim:hover .showme {
    display: block;
    max-width: 265px;
    position: absolute;
    text-align: left;
    width: max-content;
    background: #6C3D96;
    color: #ffffff;
    font-size: 10px;
    font-family: Muli-Regular;
    line-height: 20px;
    z-index: 99;
    padding: 2px 10px;
    cursor: normal;
    left:0px;
    margin-top: 5px;
    border-radius: 3px;
    white-space: normal;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
    transition: all 0.2s ease-out;
}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .bh-voucherdescription {
    height: 100px;
  }
  .bh-qrscan {
    width: 65px;
    height: 65px;
  }
  .bh-qrtext {
    width: 67px;
    height: 67px;
  }
  .bh-promoboxleft .qrbounce {
    height: 60px;
  }
  .bh-emiicon {
    height: 0px;
    position: relative;
    top: -6px;
  }
  .bh-emiicon img {
    max-height:18px;
  }
  .chargeslip-pdfdown {
    width: 35px;
    height: 34px;
    font-size: 12px;
  }
  .celebrityvocherfade i {
    margin: 5px auto;
    font-size: 50px;
  }
    .celebrityvocherfade .uplaodimagebox {
        padding: 0.4em 5px 5px 5px;
    }
    .minheightchosevoucher {
        min-height: 90px;
    }
    .uploadpicbox {
        margin-top:0px !important;
    }
    .cl1 {
        margin: 18px 5px;
    }
    .communitiesscroll {
        max-height: 300px !important;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  .promolistingbox .dropdown {
    right: 10px;
  }
  .chargeslip-pdfdown {
    margin-left:-10px;
  }
    .bh-voucherdescription {
        height: 70px;
        /*width: 225px;*/
        width: auto;
    }
  .bh-qrscan {
    width: 50px;
    height: 50px;
  }
  .bh-qrtext {
    width: 52px;
    height: 52px;
  }
  .bh-promoboxleft .qrbounce {
    height: 45px;
  }
  .bh-emiicon {
    height: 0px;
    position: relative;
    top: -2px;
  }
  .bh-emiicon img {
    max-height:18px;
  }
  .bh-validitydiv {
    height: 5px;
  }
  .bh-validitydiv b {
    font-size: 10px;
  }

  /*  */

    .bh-voucher-templatechose {
    margin: 1em 0px;
  }

  .bh-voucher-templatechose .bh-voucherdescription {
    width: 250px;
    height: 85px;
  }

  .celebrityvocherfade {
    border-top-left-radius: 14px;
    /* border-top-right-radius: 14px; */
    border-bottom-left-radius: 14px;
  }

  .celebrityvocherimage img {
    border-top-left-radius: 14px;
    /* border-top-right-radius: 0px; */
    border-bottom-left-radius: 14px;
}
.celebrityvocherimage .uploadbtn {
  border-bottom-left-radius:0px;
}

.celebrityvocherfade i {
  margin: 0px auto;
  font-size: 45px;  
}

.minheightchosevoucher {
    min-height: 70px;
}
.celebrityvocherfade .uploadpicbox ul {
    font-size:9px;
}
.celebrityvocherfade i {
    margin: 2px auto;
    font-size: 30px;
}
.celebrityvocherfade .uploadpicbox hr {
    margin: -1px 0px;
    margin-top: 6px !important;
}
.bh-uploadrow .file {
        height: 28px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    font-family: Muli-Bold;
    line-height: 28px !important;
}
.celebrityvocherfade .uplaodimagebox {
    padding:0.5em 5px;
}


}

@media only screen and (min-width: 768px) and (max-width: 992px) { 
  .promolistingbox .dropdown {
    right: 10px;
  }
  .chargeslip-pdfdown {
    margin-left:-10px;
  }
  .bh-communitybanklogovchr {
    display: block;
  }
  .bh-voucher-template .bh-voucherdescription {
    width: 100%;
    height: 65px;
  }

  .bh-voucher-templatechose {
    margin: 1em 0px;
  }
    .bh-voucher-templatechose .bh-voucherdescription {
        /*width: 250px;*/
        width: auto;
        height: 85px;
    }

  .celebrityvocherfade {
    border-top-left-radius: 14px;
    /* border-top-right-radius: 14px; */
    border-bottom-left-radius: 14px;
  }
  .celebrityvocherimage img {
    border-top-left-radius: 14px;
    /* border-top-right-radius: 0px; */
    border-bottom-left-radius: 14px;
}
.celebrityvocherimage .uploadbtn {
  border-bottom-left-radius:0px;
}
.minheightchosevoucher {
    min-height: 33px;
}
.celebrityvocherfade .uploadpicbox ul {
    font-size:10px;
}
.celebrityvocherfade i {
    margin: 2px auto;
    font-size: 30px;
}
.celebrityvocherfade .uploadpicbox hr {
    margin: 5px 0px;
    margin-top: 6px !important;
}
.bh-uploadrow .file {
        height: 28px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    font-family: Muli-Bold;
    line-height: 28px !important;
}
.celebrityvocherfade .uplaodimagebox {
    padding:0.5em 5px;
}

}

@media only screen and (min-width: 640px) and (max-width: 768px) {
  /* .bh-vouchercupounlogo {
    text-align: center;
  }
  .bh-voucherdesimage {
    margin: 5px auto;
  }
  .bh-tcandproduct {
    text-align: center;
  } */
  .promolistingbox .dropdown {
    right: 50px;
  }
  .bhvchrbankposition {
    position: inherit;
    padding-left: 14px !important;
  }
  .bh-pendingpromo-template .bhvchrbankposition {
      margin-left:0px !important;
  }
  .bh-liveeditbtn #dropdownMenuButton2 {
    left: initial;
    transform: none;
    top: 0px;
    right: -20px;
  }
  .bh-pl {
    padding-left: 15px !important;
}
  .bh-voucherdescription {
    margin: 5px 0px;
  }
  .bh-communitybanklogovchr {
    display: block;
  }

  .bh-voucher-template .bh-voucherdescription {
    width: 100%;
  }
/*  */

.bh-voucher-templatechose {
  margin: 1em 0px;
}

.celebrityvocher  .pr-none { 
  padding-right: 12px;
}
.celebrityvocher .pl-none { 
  padding-left: 12px;
}

.celebrityvocherfade {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-left-radius: 0px;
}

.radiuschosevoucher2bank {
  margin-left: -4px;
  margin-right: 8px;
  margin-bottom: 3px;
}
.radiuschosevoucher2bank .bhvchrbankposition {
  border-bottom-left-radius: 0px;
}
.celebrityvocherimage img {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-left-radius: 0px;
}
.celebrityvocherimage .uploadbtn {
border-bottom-left-radius:0px;
}

}

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .bh-vouchercupounlogo {
    text-align: center;
  }
  .bh-voucherdesimage {
    margin: 5px auto;
  }
  .bh-tcandproduct {
    text-align: center;
  }
  .bh-pendingpromo-template .bhvchrbankposition {
      margin-left:0px !important;
  }
  .promolistingbox .dropdown {
    right: 50px;
  }
  .bhvchrbankposition {
    position: inherit;
    padding-left: 14px !important;
  }
  .bh-liveeditbtn #dropdownMenuButton2 {
    left: initial;
    transform: none;
    top: 0px;
    right: -20px;
  }
  .bh-pl {
    padding-left: 15px !important;
}
  .bh-voucherdescription {
    margin: 5px auto;
   margin-left:10px;
  }
  .vocherpositionaddbox .bh-voucherdescription {
    margin: 5px auto;
    margin-left: 32px;
    margin-right: 10px;
    }
  .bh-voucher-template .vocherpositionaddbox .bh-voucherdescription {
      margin-left:0px;
  }
  .bh-communitybanklogovchr {
    display: block;
    margin-top:8px;
  }

  .bh-voucher-templatechose {
    margin: 1em 0px;
  }

  .celebrityvocher  .pr-none { 
    padding-right: 12px;
  }
  .celebrityvocher .pl-none { 
    padding-left: 12px;
  }

  .celebrityvocherfade {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0px;
  }

  .radiuschosevoucher2bank {
    margin-left: -14px;
    margin-right: 4px;
    margin-bottom: 3px;
  }
  .radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-left-radius: 0px;
  }
  .celebrityvocherimage img {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0px;
}
.celebrityvocherimage .uploadbtn {
  border-bottom-left-radius:0px;
}


.bh-validitydiv .showhim:hover .showme {
    left:0px;
}
#change1 .vocherpositionaddbox {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 14px;
}
.radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-right-radius: 0px;
}
#change1 .celebrityvocherimage {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0px;
}
.radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

}


@media only screen and (max-width: 480px) {
  .bh-vouchercupounlogo {
    text-align: center;
  }
  .bh-voucherdesimage {
    margin: 5px auto;
  }
  .bh-tcandproduct {
    text-align: center;
  }
  .promolistingbox .dropdown {
    right: 35px;
  }
  .bhvchrbankposition {
    position: inherit;
    padding-left: 14px !important;
    margin-left:0px !important;
  }
  .bh-liveeditbtn #dropdownMenuButton2 {
    left: initial;
    transform: none;
    top: 0px;
    right: -20px;
  }
  .bh-pl {
    padding-left: 15px !important;
}
  .bh-voucherdescription {
    margin: 5px auto;
   margin-left:10px;
  }
  .vocherpositionaddbox .bh-voucherdescription {
    margin: 5px auto;
    margin-left: 32px;
    margin-right: 10px;
   }
  .bh-voucher-template .vocherpositionaddbox .bh-voucherdescription {
          margin-left:0px;
   }
   .bh-voucher-template .bh-voucherdescription {
          margin-left:0px;
   }
   .bh-pendingpromo-template .bh-voucherdescription {
        margin-left: 0px;
   }
  .bh-communitybanklogovchr {
    display: block;
    margin-top:8px;
  }
  /*  */

  .bh-voucher-templatechose {
    margin: 1em 0px;
  }

  .celebrityvocher  .pr-none { 
    padding-right: 12px;
  }
  .celebrityvocher .pl-none { 
    padding-left: 12px;
  }

  .celebrityvocherfade {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0px;
  }

  .radiuschosevoucher2bank {
    margin-left: -9px;
    margin-right: -8px;
    margin-bottom: 3px;
  }
  .radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-left-radius: 0px;
  }
  .celebrityvocherimage img {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0px;
}
.celebrityvocherimage .uploadbtn {
  border-bottom-left-radius:0px;
}

.bh-validitydiv .showhim:hover .showme {
    right: 0px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 36px !important;
    max-width: 260px;
}
.bh-previewpromodesc img {
    height:auto;
}

#change1 .vocherpositionaddbox {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 14px;
}
.radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-right-radius: 0px;
}
#change1 .celebrityvocherimage {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0px;
}
.radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


}



.livesuccessbox {
    padding: 15px 10px;
    text-align: center;
}

    .livesuccessbox img {
        width: 45%;
    }

    .livesuccessbox h2 {
        font-family: Muli-Bold;
        font-size: 33px;
        color: #66C136;
        margin-bottom: 0px;
        text-align: center;
        padding-top: 10px;
    }

    .livesuccessbox .contxt1 {
        font-size: 18px;
        font-family: Muli-Light;
        color: #383838;
        padding-top: 5px;
        margin-bottom: 5px;
        text-align: center;
    }

    .livesuccessbox .contxt3 {
        font-size: 14px;
        color: #333;
        width: 100%;
        text-align: center;
    }

    .livesuccessbox .gotomain {
        position: relative;
        bottom: -10px;
        text-align: center;
    }


.showdescription hr {
    margin: 7px 0px;
}

.uploadpicbox {
    text-align: left;
}

    .uploadpicbox ul {
        list-style-type: disc;
        font-size: 11px;
        color: #000;
        padding-left: 20px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

.selectvoucherradio {
    padding: 5px 0px;
    /* margin-bottom: 1em; */
}

    .selectvoucherradio label {
        margin-right: 10px;
    }

        .selectvoucherradio label input {
            margin-right: 10px;
        }


.showdescription {
    /* display:none; */
    border: 1px solid #ccc;
    padding: 8px 8px;
    background-color: #f6f6ff;
}


.uploadbtn a {
    font-size: 12px;
    padding: 6px 10px;
    margin: 0px;
    position: relative;
    top: 0px;
}

.headingpd {
    font-size: 14px;
    font-family: Muli-Bold;
    color: #6c3d96;
    margin-bottom: 10px;
    padding: 5px 0px 0px 10px;
}


.shortupload {
    font-size: 14px;
    font-family: Muli-Regular;
    position: relative;
    top: 15px;
}

.uploadrow {
    background-color: #f4e7ff;
    margin-top: 3px;
    /* margin-bottom: 10px; */
    box-shadow: 0px 1px 2px #ccc;
    border-radius: 5px;
}

.uploadbgview {
    height: 45px;
    position: relative;
}

    .uploadbgview img {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 65%;
        transform: translate(-50%, -50%);
        max-height: 40px;
    }

.uploadrow .file {
    border: 1px dashed #333;
    width: 90%;
    height: 35px;
    border-radius: 10px;
    font-size: 10px;
    font-family: Muli-Bold;
    line-height: 35px;
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 5px auto;
    background-color: #f5f5f5;
}
   

    .uploadrow .file:hover {
        border: 1px dashed #fff;
        background-color: #6c3d96;
        color: #fff;
    }

    .uploadrow .file input {
        position: absolute;
        font-size: 50px;
        opacity: 0;
        cursor: pointer;
        right: 0;
        top: 0;
    }

.uploadrow button {
    background-color: #6c3d96;
    padding: 5px 10px;
    font-size: 10px;
    color: #fff;
    position: relative;
    height: fit-content;
    border: none;
    border-radius: 6px;
    font-family: 'Muli-Bold';
    margin-top: 10px;
}


.ck-editor__editable {
    min-height: 200px;
}

.ck-content .image > figcaption {
    display: none;
}

.form-multi.focused .control-label {
    margin-left: 12px;
}

.promoproductprivewlist {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    padding: 3px 0px;
    height: auto;
    max-height: 200px;
    word-break: break-word;
}

.promoproductprivewlist::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e4e4e4;
}

.promoproductprivewlist::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
}

.desbtnimg {
    padding: 5px 10px;
    font-size: 16px;
}

.vocherpositionaddbox {
    position: relative;
    background-position: center right;
    background-size: cover;
}


.bh-uploadrow {
    background-color: #f4e7ff;
    margin-top: 3px;
    box-shadow: 0px 1px 2px #ccc;
    border-radius: 5px;
}
.bh-uploadrow .file {
    border: 1px dashed #333;
    width: 90%;
    height: 35px;
    border-radius: 10px;
    font-size: 10px;
    font-family: Muli-Bold;
    line-height: 35px;
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 5px auto;
    background-color: #f5f5f5;
}
.bh-uploadrow .file:hover {
    border: 1px dashed #fff;
    background-color: #6c3d96;
    color: #fff;
}
.bh-uploadrow .file input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: -45px;
}

.bh-shortdesbtn {
    padding: 6px 10px;
    font-size: 14px;
    width:max-content;
}
.shortdesimgupload {
    width:100%;
}

.top-0 {
    top:0px;
}
.cl1 {
    margin: 17px 5px;
}

/*#cke_1_toolbox #cke_11 {
    display: none;
}

#cke_1_toolbox #cke_19 {
    display: none;
}

#cke_1_toolbox #cke_21 {
    display: none;
}

#cke_1_toolbox #cke_25 {
    display: none;
}

#cke_1_toolbox #cke_30 {
    display: none;
}

#cke_1_toolbox #cke_32 {
    display: none;
}

#cke_1_toolbox #cke_39 {
    display: none;
}

#cke_1_toolbox #cke_37 {
    display: none;
}

#cke_1_toolbox #cke_38 {
    display: none;
}

#cke_1_toolbox #cke_46 {
    display: none;
}*/

/**/


#cke_1_toolbox #cke_47 .cke_toolgroup {
    display: none;
}

#cke_1_toolbox #cke_46 .cke_toolgroup {
    display: none;
}

#cke_1_toolbox #cke_46 #cke_10 {
    display: none;
}

#cke_1_toolbox #cke_46 #cke_11 {
    display: block;
}


#cke_1_toolbox #cke_11 {
    display: none;
}

#cke_1_toolbox #cke_19 {
    display: none;
}

#cke_1_toolbox #cke_21 {
    display: none;
}

#cke_1_toolbox #cke_25 {
    display: none;
}

#cke_1_toolbox #cke_30 {
    display: none;
}

#cke_1_toolbox #cke_32 {
    display: none;
}

#cke_1_toolbox #cke_39 {
    display: none;
}

#cke_1_toolbox #cke_37 {
    display: none;
}


#cke_1_toolbox #cke_35 #cke_37 {
    display: block;
}


#cke_1_toolbox #cke_38 {
    display: none;
}

#cke_1_toolbox #cke_12 {
    display: none;
}

#cke_1_toolbox #cke_22 {
    display: none;
}

#cke_1_toolbox #cke_26 {
    display: none;
}

#cke_1_toolbox #cke_33 {
    display: none;
}

#cke_1_toolbox #cke_40 {
    display: none;
}

/*------------------*/


.communitiesscroll {
    overflow: auto;
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    /*    background-color: #f9f9f9;*/
    height: auto;
    max-height: 400px;
    overflow-x:hidden;
}
.communitiesscroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e4e4e4;
}

.communitiesscroll::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
}



@media only screen and (min-width: 1600px) {

.promoreportfixtable {
    max-height: 650px;
}
.configurbtnbox {
    width:50%;
}
.configurleftbtn i {
    top:0px;
}
.vouchermedia {
    max-height: 465px;
    height:auto;
}
.dealerlistscroll {
    max-height: 550px;
}

.minheightchosevoucher {
    min-height: 202px;
}
.celebrityvocherfade i {
    margin:10px auto;
    font-size:74px;
    margin-top:35px;
}
.celebrityvocherfade .uploadpicbox ul {
    font-size: 14px;
    color: #000;
    padding-left: 25px;
    margin-bottom: 0px;
    margin-top: 40px;
}
.celebrityvocherfade .uplaodimagebox div:nth-child(2) {
    font-size:20px;
}
.communitiesscroll {
    max-height:525px;
}
.pendingpromopad {
    width: 1050px;
}
.customerpromolist {
    max-height: 580px;
}

}
#cke_1_toolbox #cke_9 {
    display: none;
}






/*---------Bonusclub Festival Page Css -----------*/


.bh-festivallogo {
  text-align: center;
  border: 1px solid #6c3d9647;
  background-color: #f5f5f5ad;
}
.bh-festivallogo .bh-festivallogoscroll {
  padding: 15px 5px 15px 5px;
  text-align: center;
  color: #ccc;
  /* border-bottom-right-radius: 18px; */
  /* height: 33px; */
  overflow: auto;
  overflow-x: auto;
  display: inline-flex;
  max-width: 100%;
  background-color: #f5f5f5ad;
}

.bh-festivallogo .bh-festivallogoscroll img {
  max-height: max-content;
    max-width: 260px;
    padding: 6px 6px;
    /* margin: 2px auto; */
    display: inline !important;
    width: auto !important;
    max-height: 45px;
    height: auto;
    margin: 0px 10px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}
.bh-festivallogo .bh-festivallogoscroll {
  /*overflow: auto;*/
  scrollbar-color: #6C3D96 #e4e4e4;
  scrollbar-width: thin;
}
.bh-festivallogo .bh-festivallogoscroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #e4e4e4;
}

.bh-festivallogo .bh-festivallogoscroll::-webkit-scrollbar-thumb {
  background: #6C3D96;
  border-radius: 5px;
}   

.bc-festivalheader {
  padding: 0px;
}
.bc-festivalheader h2 {
  font-size: 20px;
  font-family: Muli-Bold;
  margin-bottom: 10px;
}
.bc-festivalheader h3 {
  font-size: 18px;
  font-family: Muli-SemiBold;
  margin-bottom: 10px;
}
.bc-festivalheader p {
  font-size: 14px;
  font-family: Muli-Regular;
  margin-bottom: 0px;
  color: #4d4d4d;
}

.bc-festivalheader ul {
  line-height: 26px;
}

.bc-festivalheader ul li {
  font-size: 14px;
  font-family: Muli-Regular;
  margin-bottom: 0px;
  color: #4d4d4d;
}
.festivalcheck {
  cursor: pointer;
}
.festivalcheck label {
  font-size: 14px !important;
  cursor: pointer;
}

.savecardnew {
  display: flex;
  margin: 0.5em 10px;
}

.savecardnew label {
  font-family: Muli-SemiBold;
  font-size: 12px;
  line-height: 22px;
  color: #333;
  cursor: pointer;
}

.savecardnew input {
  margin-right: 10px;
}


.w-200 {
  width:200px;
}

.festivalbrandfit {
  width: 100%;
  text-align: center;
  border: 1px solid #6c3d9647;
  background-color: #f5f5f5ad;
  margin: 0px;
}

.festivalbrandfit .item img {
  max-height: max-content;
    /* max-width: 260px; */
    padding: 6px 6px;
    /* margin: 2px auto; */
    display: inline !important;
    width: auto !important;
    max-height: 45px;
    height: auto;
    min-height: 45px;
    /* margin: 0px 10px; */
    background-color: #fff;
    border: 1px solid #e4e4e4;
}


@media only screen and (max-width: 480px) { 
  .festivalbrandfit .owl-stage-outer {
    margin: 0px ;
  }
  /* .festivalbrandfit .owl-item {
    margin-left:-15px;
  } */
  .festivalcheck {
    float: left !important;
  }


  .bh-festivallogo .bh-festivallogoscroll {
    display: inherit;
    max-height: 240px;
    padding: 5px 5px 5px 5px;
  }
  .bh-festivallogo .bh-festivallogoscroll img {
    display: block !important;
    margin: 0px auto 8px auto;  
  }

   .applyalldiscount {
    position: relative;
    display: block;
}
.applyalldiscount .prcheckbox {
    float: inherit !important;
    position: inherit !important;
    right: initial !important;
    padding: 0px 10px;
}
#change1 .vocherpositionaddbox {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 14px;
}
.radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-right-radius: 0px;
}
#change1 .celebrityvocherimage {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0px;
}
.radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

}



.previewright .showme {
    padding: 3px 6px;
}
.previewright .showme img {
    padding-right: initial;
    top: 0px;
    height: 100px;
}


/*-----------*/

.applyalldiscount {
    position: relative;
}


    .applyalldiscount .prcheckbox {
        float: right;
        position: absolute;
        right: 24px;
        margin-bottom: 0px;
        /* top: -10px; */
    }

.displayinline {
    display: flex;
    height: 25px;
}

#change1 .vocherpositionaddbox {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    border-top-left-radius: 0px;
}
.radiuschosevoucher2bank .bhvchrbankposition {
    border-bottom-right-radius: 10px;
}

#change1 .celebrityvocherimage {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.cursoroff {
    pointer-events:none;
}
.cursoron {
    pointer-events: visible;
}
.cursoron:active {
    pointer-events: none;
}


/*---------*********************----Brand QR CSS-----------******************-------*/


.tpfeature .brandpromocountbox {
    border-radius: 12px;
    padding: 0.5em 5px;
}

.brandqr {
    text-align: center;
}

    .brandqr img {
        height: 60px;
        margin: 12px auto;
    }

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .brandqr img {
        margin: 5px auto;
    }
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
    .brandqrbox .col {
        width: 50%;
        flex: inherit;
    }
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .brandqrbox .col {
        width: 50%;
        flex: inherit;
    }
}

@media only screen and (max-width: 480px) {
    .brandqrbox .col {
        width: 50%;
        flex: inherit;
        padding-left:2px;
    }
}



.brandqrlogo {
    margin: 0px auto;
    height: 40px !important;
}

.requiredbox {
    background-color: #f7eeff;
    background: #f7eeff;
    padding: 10px 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px #ccc;
}

.sharebox1 {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
}

    .sharebox1 h2 {
        text-align: left;
    }

.congratubox .icon {
    height: 65px;
}

.shareboxpop {
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
    border: 1px solid #ccc;
}

    .shareboxpop h2 {
        text-align: left;
    }


    .shareboxpop h4 {
        font-size: 12px;
        text-align: center;
        color: #6c3d96;
        margin-bottom: 10px;
        font-family: Muli-Regular;
    }

.sharefit {
    width: 80%;
    margin: 0 auto;
}

    .sharefit .icon {
        text-align: center;
        font-size: 40px;
    }

        .sharefit .icon a {
            font-size: 40px;
        }

    .sharefit .fb i {
        color: #3951a9;
    }

    .sharefit .twitter i {
        color: #60b8ff;
    }

    .sharefit .gplus i {
        color: #db4d41;
    }

    .sharefit .whatsapp i {
        color: #24d366;
    }

    .sharefit .tele i {
        color: #269ed2;
    }

    .sharefit .linkedin i {
        color: #0076b4;
    }

.cusfiltericon {
    height: 20px;
    position: relative;
    right: -5px;
}

#sharepopup .modal-dialog {
    top: 20%;
}

.locatonfetch {
}

    .locatonfetch h2 {
        font-size: 20px;
        font-family: Muli-Bold;
        color: #000;
        text-align: center;
        margin-bottom: 0em;
        border-radius: 5px;
    }

.sendsmsbtn button {
    background-color: #6C3D96;
    padding: 8px 30px;
    height: 50px;
    font-size: 18px;
    border: none;
    color: #fff;
    position: absolute;
    right: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

    .sendsmsbtn button:hover {
        background-color: #8040B9;
    }

.sendsmsbtn textarea {
    height: 150px;
}

.form-group textarea {
    height: 150px;
    font-size: 14px;
    color: #6C3D96;
    width: 100%;
    padding-left: 50px;
    padding-top: 15px;
    padding-right: 15px;
    border: 2px solid #D6C2E8;
    border-radius: 20px;
    font-family: Muli-Regular;
}

.copyicon {
    text-align: center;
    /* position: absolute; */
    right: 10px;
    cursor: pointer;
    top: 6px;
    width: 100%;
    height: 40px;
    z-index: 99;
    padding: 0px 15px;
    background-color: #6C3D96;
    color: #fff;
    border: none;
    font-size: 22px;
    line-height: 40px;
    border-radius: 20px;
    margin-top: 10px;
}

    .copyicon:hover {
        background-color: #8040B9;
    }

    .copyicon span {
        font-size: 16px;
        padding-right: 10px;
        position: relative;
        top: -2px;
    }

.sharefit {
    width: 80%;
    margin: 0 auto;
}

    .sharefit .icon {
        text-align: center;
        font-size: 40px;
    }

    .sharefit .fb i {
        color: #3951a9;
    }

    .sharefit .twitter i {
        color: #000;
    }

    .sharefit .gplus i {
        color: #db4d41;
    }

    .sharefit .whatsapp i {
        color: #24d366;
    }

    .sharefit .tele i {
        color: #269ed2;
    }

    .sharefit .linkedin i {
        color: #0076b4;
    }

.cusfiltericon {
    height: 20px;
    position: relative;
    right: -5px;
}

.sharebttn {
    text-align: center;
    /* position: absolute; */
    right: 10px;
    cursor: pointer;
    top: 6px;
    width: 100%;
    height: 40px;
    z-index: 99;
    padding: 0px 15px;
    background-color: #472a61;
    color: #fff;
    border: none;
    font-size: 22px;
    line-height: 40px;
    border-radius: 20px;
    margin-top: 10px;
}

    .sharebttn:hover {
        background-color: #6f28ad;
    }

    .sharebttn span {
        font-size: 16px;
        padding-right: 10px;
        position: relative;
        top: -2px;
    }

.displayqrlivepromolist table img {
    max-height: 30px;
}

.displayqrlivepromolist h2 {
    font-size: 20px;
    color: #6C3D96;
    text-align: center;
    margin-bottom: 10px;
}

.qrdisplayimg {
    background-color: #e6c9ff64;
    padding: 20px;
    margin: 10px 20px;
    border-radius: 10px;
}

.successcopy {
    font-size: 14px;
    color: #4BB543;
    font-family: Muli-Regular;
    text-align: center;
    padding-top: 6px;
}

.mxbh-4 {
    margin: 0px 25px;
}

.smsicon {
    height: 80px;
    margin-bottom: 1em;
}

.shareqrbtn {
    display: block;
    height: 35px;
    margin-top: 15px;
}

    /* .shareqrbtn  a {
  background-color: #892dda;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  width: fit-content;
    display: inline;
    border-radius: 6px;
    text-decoration: none;
    margin-right: 25px;
} */
    .shareqrbtn a {
        padding: 12px 15px;
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        background: #6C3D96;
        position: relative;
        width: fit-content;
        border-radius: 5px;
        border: none;
        text-decoration: none;
        display: inline;
        margin-bottom: 5px;
        box-shadow: 0 3px 13px rgb(0 0 0 / 9%), 0 1px 5px 0 rgb(0 0 0 / 14%);
        text-align: center;
        margin-right: 25px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .shareqrbtn a:hover {
            background: #7e40b5;
            color: #fff;
            transform: translateY(-2px) scale(1.01);
            box-shadow: 0 5px 16px 1px rgb(0 0 0 / 13%), 0 1px 4px 0 rgb(0 0 0 / 9%);
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

.gotomainqr a {
    background: #6C3D96;
    padding: 5px 15px;
    border-radius: 16px;
    color: #fff;
    width: fit-content;
    text-decoration: none;
    margin: 0px auto;
}

    .gotomainqr a:hover {
        background: #7e40b5;
        color: #fff;
    }

    .gotomainqr a i {
        padding-right: 5px;
    }

.w-100px {
    width: 100px !important;
}

@media only screen and (max-width: 480px) {
    .mxbh-4 {
        margin: 0px 10px;
    }

    .qrdisplayimg {
        padding: 10px;
        margin: 5px 10px;
    }

    .shareqrbtn a {
        margin-right: 10px;
    }

    .sendsmsbtn textarea {
        height: 180px !important;
    }
}


/*=========Communty Filters====================*/

.comlistheight {
    display: flow;
    height: 141px;
}

.fixcombox {
    position: absolute;
    padding-left: 7px !important;
    height: 78px;
    padding-top: 10px;
}

.combank {
    /* overflow: auto; */
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    padding: 5px 5px 5px 5px;
    text-align: center;
    color: #ccc;
    overflow: auto;
    overflow-x: auto;
    display: inline-flex;
    max-width: 102%;
    width: inherit;
}

    .combank .listcombox {
        max-width: 250px;
        margin: 0px;
        border: 1px solid #ccc;
        border-right: 0px;
    }

        .combank .listcombox:last-child {
            border-right: 1px solid #ccc !important;
        }

.comtoptab {
    height: 95px;
    background-color: #f5f5f5;
    position: relative;
}

    .comtoptab .nav-tabs {
        scrollbar-color: #6C3D96 #e4e4e4;
        scrollbar-width: thin;
        padding: 5px 5px 5px 5px;
        text-align: center;
        color: #ccc;
        overflow: auto;
        overflow-x: auto;
        display: inline-flex;
        max-width: 100%;
        flex-wrap: nowrap;
        position: absolute;
        z-index: 99;
    }

        .comtoptab .nav-tabs .nav-item {
            min-width: max-content;
            height: 80px;
            margin: 0px;
            max-width: max-content;
            width: auto;
        }


/*--------community bank list scroll start-----------*/

.bhcombank {
        padding: 5px 5px 5px 5px;
        text-align: center;
        color: #ccc;
        overflow: auto;
        overflow-x: auto;
        display: inline-flex;
        max-width: 100%;
    }
    .bhcombank img {
    max-height: max-content;
    max-width: 80px;
    padding: 0px 4px;
    /* margin: 2px auto; */
    display: inline !important;
    width: auto !important;
    max-height: 17px;
    height: auto;
    }
    .bhcombank {
    scrollbar-color: #6C3D96 #e4e4e4;
    scrollbar-width: thin;
    }
    .bhcombank::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #e4e4e4;
    }
    .bhcombank::-webkit-scrollbar-thumb {
    background: #6C3D96;
    border-radius: 5px;
    }

/*--------community bank list scroll end-----------*/

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .comtoptab {
        height: 85px;
    }

        .comtoptab .nav-tabs .nav-item {
            min-width: max-content;
            height: 70px;
        }
}