.popover-content a:hover{
    text-decoration: none;
}
div#cs-mobile-app .popover-inner {
  
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: -12px 0 38px -14px rgb(0 0 0 / 25%);
    -moz-box-shadow: -12px 0 38px -14px rgba(0, 0, 0, 0.25);
    box-shadow: -12px 0 38px -14px rgb(0 0 0 / 25%);
    /* background-clip: padding-box; */
    height: 100vh;
    overflow-y: scroll; 
}
.sidebar {
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
}
div#cs-mobile-app .remove-color-info .swatch > .inner {
	padding-bottom: 59%;
}

.sidebar .closebtn {
  position: absolute;
    top: 0px;
    right: 12px;
    font-size: 36px;
    margin-left: 50px;
    z-index: 99;
    color: #f9fafb;
    border: none;
	cursor: pointer;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar a {font-size: 18px;}
}
.colordrawer {
  height: 100%;
  width: 200px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  overflow-x: hidden;
  transition: 0.5s;
  height: 100%;
 background: transparent -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f0f0f0)); 
background: transparent linear-gradient(to bottom, #fefefe, #f0f0f0); 
-webkit-box-shadow: inset -8px 0 30px -6px rgb(0 0 0 / 20%);
 box-shadow: inset -8px 0 30px -6px rgb(0 0 0 / 20%); 
}

div#cs-mobile-app .remove-color-info .swatch > .inner {
	padding-bottom: 59%;
}

.colordrawer .closebtn {
  position: absolute;
   top: -9px;
    right: 17px;
    font-size: 36px;
    margin-left: 50px;
    z-index: 99;
    color: #939698;
    border: none;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .colordrawer {padding-top: 15px;}
  .colordrawer a {font-size: 18px;}
}
@media only screen and (max-width: 499px) {
	.color-controls{
		margin-bottom: 50%;
	}
}