/*
.container_background_image .accordion-wrapper {
display: block;
height: 350px;
max-height: 100%;
}

.container_background_image #accordion1 {
max-width: 36.125rem;
margin-left: 15px;
}

.container_background_image .panel-group {
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(-98%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-98%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-98%) rotate(-90deg);
-o-transform-origin: right top;
transform: translateX(-98%) rotate(-90deg);
transform-origin: right top;
margin-bottom: 15px;
}

.container_background_image .panel-body {
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0%) rotate(90deg);
-webkit-transform-origin: left top;
-moz-transform: translateX(0%) rotate(90deg);
-moz-transform-origin: left top;
-o-transform: translateX(0%) rotate(90deg);
-o-transform-origin: left top;
transform: translateX(0%) rotate(90deg);
transform-origin: left top;
height: 86.2rem;
}
*/
@supports (-ms-ime-align: auto) {
		body.lists-template-default .tab-content .logo_grid a {
			display: initial !important;
		}

		body.lists-template-default .tab-content .logo_grid img {
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}
	}
h1 { color: darkcyan; }

#accordion_background_image ul {
  list-style: none;
}

#accordion_background_image input.accordion-input {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#accordion_background_image label.accordion-label {
  display: block;
  float: left;
  height: 330px;
  width: 50px;
  margin-bottom: 10px;
  overflow: hidden;

  background: #999;
  text-align: center;
  font: 14px/50px Helvetica, Verdana, sans-serif;  

  -webkit-transition: width 1s ease, background 0.5s ease;
     -moz-transition: width 1s ease, background 0.5s ease;
       -o-transition: width 1s ease, background 0.5s ease;
      -ms-transition: width 1s ease, background 0.5s ease;
          transition: width 1s ease, background 0.5s ease;
}
/*
#accordion_background_image #rad2 + label {
  background: #888;
  -webkit-transition: width 1s ease, background 0.5s ease;
     -moz-transition: width 1s ease, background 0.5s ease;
       -o-transition: width 1s ease, background 0.5s ease;
      -ms-transition: width 1s ease, background 0.5s ease;
          transition: width 1s ease, background 0.5s ease;
}

#accordion_background_image label:hover, #accordion_background_image #rad2 + label:hover {
  background: #232323;
  color: #fff;
  cursor: pointer;
}
*/

/*SLIDES*/
#accordion_background_image .accslide {
  display: block;
  height: 330px;
  width: 0px;
  padding: 10px 0;
  float: left;
  overflow: hidden;

  color: #333;
  background: #fff;
  font: 12px/1.5 Helvetica, Verdana, sans-serif;
  
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}



#accordion_background_image input[type="radio"].accordion-input:checked ~ .accslide {
  width: 450px;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 10px 0;
}

input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
 
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin: 0;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
input[type=range]::-ms-tooltip {
    display: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
input[type="number"] {
 -moz-appearance: textfield;
}

h5 { text-transform: uppercase; }

a h5.panel-title { text-decoration: none; color: gray; text-transform: uppercase; font-weight: bold; font-size: 14px; text-align: center; }
.pincode input { margin: 3px; }

.nav-pull-down {
	height: 30px;
	margin-bottom: -30px;
	text-align: center;
}

.nav-pull-down-triangle {
    border-style: solid;
    position: absolute;
    border-color: #9b59b6 transparent transparent transparent;
    border-color: #006b96 transparent transparent transparent;
    border-width: 14px 30px 0px 30px;
    bottom: -29px;
	left: calc( 50% - 26px );
}


.nav-pull-down a {
	background-color: #9b59b6;
	background-color: #006b96;
	color: white;
	text-decoration: none;
	padding: 8px 10px 3px 10px;
	padding-top: 3px;
	padding-bottom: 4px;
	//height: 30px;
	font-size: 12px;
	line-height: 12px;
	display: inline-block;
	//border-radius: 0px 0px 20% 20%;
	text-transform: uppercase;
	min-width: 185px;
	width: 100%;
	//border-bottom: 4px double white;
	//box-shadow: 0px 2px 0px #9b59b6;
}

.edit_view_active .nav-pull-down { display: none; }

#nav_edit_list {
	top: 51px;
	min-height:5px;
	box-shadow: 0px 1px 2px grey;
	z-index: 3;
}
#nav_edit_list_2 {
	top: 80px;
	min-height:5px;
	box-shadow: 0px 1px 2px grey;
	z-index: 1;
}
#nav_edit_list_3 { top: 50px; }
.edit_view_active #nav_edit_list_3 { top: 81px; }
#nav_edit_list_3 {
	min-height:5px;
	box-shadow: 0px 1px 2px grey;
	z-index: 1;
}

.btn_edit_gift {
	position: absolute;
	height: 46px;
	width: 150px;
	left: calc(50% - 75px);
	top: calc(50% - 23px);
}

.replace_image {
	position: absolute;
	left: calc(50% - 55px);
	top: calc(50% - 60px);
}

.gift { 

   margin-bottom: 20px;
   //margin-top: 20px;
   padding-bottom: 15px;
   padding-top: 15px;
	background-color: white;
   
}
.edit_view_active .gift-inner {
	//border: 1px dashed gray;
	padding: 15px;
	display: inline-block;
	width: 100%;
	position: relative;
}
.gift.editable .gift-inner { 
   background-color: lightyellow; 
   //margin-bottom: 15px;
}

.gift.editable.saving {
   box-shadow: inset 0px 0px 12px darkblue;
}

.gift .image-wrapper { 
   position: relative; 
   display: block;
}
.gift .image-wrapper .glyphicon {
   position: absolute;
   top: 5px;
   right: 6px;
   font-size: 18px;
   color: white;
   background-color: gray;
   padding: 5px 5px 6px 5px;
   border-radius: 6px;
}

.gift .img-thumbnail {
   
	width: 100%;
	margin-bottom: 10px; 
   
}

.gift.editable .img-thumbnail {
   border: 1px dashed darkgray;
}

.gift .price {
   
	height: 40px;
	text-align: center;
	margin-left: 20px;
	float: right;
   padding-top: 1px;
}

.gift .price:before {
   
	content: '$';
   
}

.gift.editable .price {
   background: white;
   border: 1px dashed darkgray;
   border-radius: 4px;
   padding: 0px 6px;
   height: 40px;
   line-height: 40px;
   margin-left: 10px;
}

.gift .title {
   
	height: 40px;
	overflow: hidden;
	font-size: 13px;
   padding-top: 1px;
}

.gift.editable .title {
   background: white;
   border: 1px dashed darkgray;
   height: 40px;
   padding: 4px;
	line-height: 16px;
   border-radius: 4px;
}

.gift hr {
   
	margin-top: 10px;
	margin-bottom: 10px;
   
}
.gift .logo {
   
	height: 35px;
	line-height: 35px;   
	display: inline-block;
	float: left;
   
}

.gift .logo img {
   
	max-height: 35px;
	max-width: 100px;
	display: inline-block;
   
}

.gift.editable .not_edit_gift_visible {
   display: none;
}
.gift.editable .not_edit_gift_visibility {
   visibility: hidden;
}
.gift .edit_gift_visible { display: none; }
.gift.editable .edit_gift_visible {
   display: block;
}

.alert_confirm_delete_gift {
   position: absolute;
   top: 15px;
   bottom: -2px;
   left: 0px;
   right: 0px;
   margin-left: 15px;
   margin-right: 15px;

   display: none;
}

.alert_confirm_delete_gift .alert_inner {
   margin-top: 25%;
}

.alert_confirm_delete_gift h4 { margin-bottom: 10%; }


.navbar-default.navbar-purple {
	background-color: #9b59b6;
	background-color: #006b96;
	
	border-color: #8e44ad;
	border-color: #004059;
	
	border-color: #e7e7e7;
}
.navbar-default.navbar-purple .navbar-brand {
  color: #ecf0f1;
}
.navbar-default.navbar-purple .navbar-brand:hover,
.navbar-default.navbar-purple .navbar-brand:focus {
  color: #ecdbff;
	color: white;
}
.navbar-default.navbar-purple .navbar-text {
  color: #ecf0f1;
}
.navbar-default.navbar-purple .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default.navbar-purple .navbar-nav > li > a:hover,
.navbar-default.navbar-purple .navbar-nav > li > a:focus {
  color: #ecdbff;
	color: white;
}
.navbar-default.navbar-purple .navbar-nav > .active > a,
.navbar-default.navbar-purple .navbar-nav > .active > a:hover,
.navbar-default.navbar-purple .navbar-nav > .active > a:focus {
  color: #ecdbff;
	color: white;
	background-color: #8e44ad;
	background-color: #004059;
}
.navbar-default.navbar-purple .navbar-nav > .open > a,
.navbar-default.navbar-purple .navbar-nav > .open > a:hover,
.navbar-default.navbar-purple .navbar-nav > .open > a:focus {
  color: #ecdbff;
	color: white;
	background-color: #8e44ad;
	background-color: #004059;

}
.navbar-default.navbar-purple .navbar-toggle {
	border-color: #8e44ad;
	border-color: #004059;
}
.navbar-default.navbar-purple .navbar-toggle:hover,
.navbar-default.navbar-purple .navbar-toggle:focus {
	background-color: #8e44ad;
	background-color: #004059;
}
.navbar-default.navbar-purple .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default.navbar-purple .navbar-collapse,
.navbar-default.navbar-purple .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default.navbar-purple .navbar-link {
  color: #ecf0f1;
}
.navbar-default.navbar-purple .navbar-link:hover {
  color: #ecdbff;
	color: #cbf0ff;
}



/*
 * Yellow navbar style
 */
.navbar-yellow.navbar-default { /* #99ff00 - #ccff00 */
    font-size: 14px;
    background-color: rgba(153, 255, 0, 1);
    background: -webkit-linear-gradient(top, rgba(204, 255, 0, 1) 0%, rgba(153, 255, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(204, 255, 0, 1) 0%, rgba(153, 255, 0, 1) 100%);
    border: 0px;
	border-radius: 0;
}
.navbar-yellow.navbar-default .navbar-nav>li>a:hover,
.navbar-yellow.navbar-default .navbar-nav>li>a:focus,
.navbar-yellow.navbar-default .navbar-nav>li>ul>li>a:hover, 
.navbar-yellow.navbar-default .navbar-nav>li>ul>li>a:focus, 
.navbar-yellow.navbar-default .navbar-nav>.active>a,
.navbar-yellow.navbar-default .navbar-nav>.active>a:hover,
.navbar-yellow.navbar-default .navbar-nav>.active>a:focus {  
	color: rgba(51, 51, 51, 1);
    background-color: rgba(255, 255, 255, 1);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
#sidebar-yellow, #column-yellow {
	background-color: #99ff00;
}
.navbar-yellow.navbar-default .navbar-toggle {
    border-color: #99ff00;
}
.navbar-yellow.navbar-default .navbar-toggle:hover,
.navbar-yellow.navbar-default .navbar-toggle:focus {
    background-color: #ccff00;
}
.navbar-yellow.navbar-default .navbar-nav>li>a,
.navbar-yellow.navbar-default .navbar-nav>li>ul>li>a, 
.navbar-yellow.navbar-default .navbar-brand {
    color: #999999; 
}
.navbar-yellow.navbar-default .navbar-toggle .icon-bar,
.navbar-yellow.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-yellow.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff; 
}

.navbar-yellow.navbar-default .nav-pull-down a {
	background-color: rgba(153, 255, 0, 1);
}

/* Green */
.navbar-green.navbar-default {
	background-color:#229922;
    color:#ffffff;
  	border-radius:0;
}
  
.navbar-green.navbar-default .navbar-nav > li > a {
  	color:#fff;
}

.navbar-green.navbar-default .navbar-nav > .active > a {
    color: #ffffff;
	background-color:transparent;
}
      
.navbar-green.navbar-default .navbar-nav > li > a:hover,
.navbar-green.navbar-default .navbar-nav > li > a:focus,
.navbar-green.navbar-default .navbar-nav > .active > a:hover,
.navbar-green.navbar-default .navbar-nav > .active > a:focus,
.navbar-green.navbar-default .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #33aa33;
}
     
.navbar-green.navbar-default .navbar-brand {
  	color:#eeeeee;
}
.navbar-green.navbar-default .navbar-toggle {
  	background-color:#eeeeee;
}
.navbar-green.navbar-default .icon-bar {
  	background-color:#33aa33;
}

.navbar-green.navbar-default .nav-pull-down a {
	background-color: #229922;
}

.gift.editable { //margin-top: 40px; //padding-top: 20px; } 
.confirm_delete_visible { display: none; }  
.gift.confirm_delete .confirm_delete_visible { display: block; } 
.gift.confirm_delete .not_confirm_delete_visible { display: none; } 
.gift.confirm_delete .gift-inner { background-color: rgba(242, 222, 222, 0.99); color: #a94442; } 
.gift.gift-2.confirm_delete .gift-inner { background-color: white; border-color: #a94442; } 
.gift.confirm_delete .text-info { color: #a94442; } 

.gift.confirm_delete .gift_hover_overlay, .gift.confirm_delete .gift-inner:hover .gift_hover_overlay {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgb(242, 222, 222);
	opacity: 0.7;
}

.gift.confirm_delete .gift_hover_confirm_delete {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 6px;
	right: 6px;
}

.gift_hover_confirm_delete_inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /* vendor prefixes omitted due to brevity */
	text-align: center;
	background: white;
	padding: 15px;
	border: 2px solid #d9534f;
}

.inline_import_gift {
	background-color: #dff0d8;
	padding-top: 25px;
	padding-bottom: 10px;
}

/* Important part */
#modal_background_pattern .modal-dialog {
    overflow-y: initial !important
}
#modal_background_pattern .modal-body .row {
    height: 350px;
    overflow-y: auto;
}
#modal_background_pattern .filter-button {
    //font-size: 14px;
   //border: 1px solid #42B32F;
    border-radius: 5px;
    //text-align: center;
    //color: #42B32F;
}
#modal_background_pattern .filter-button:hover {
    //font-size: 14px;
    border: 1px solid #42B32F;
    //border-radius: 5px;
    //text-align: center;
    color: #ffffff;
    background-color: #42B32F;
}
#modal_background_pattern .btn-default.filter-button.active {
    background-color: #42B32F;
    color: white;
}



#modal_background_pattern .gallery_product {
    margin-bottom: 30px;
}

#modal_background_pattern .gallery_product img { 

	border: 5px solid white;
}
	
#modal_background_pattern .gallery_product img.selected {
	border: 5px solid darkseagreen;
}

#modal_background_pattern .gallery_product img.img-responsive { width: 100%; }
#btn_change_background {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform-origin: 0% 0%;
	top: 493px;
	position: fixed;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	z-index: 2;
}



.slim_ready.edit_gift_visible.slim {
	margin-bottom: 13px;
}
.slim_ready.edit_gift_visible.slim .slim-result img.in {
	padding: 4px;
	border: 1px dashed #ddd;
	border-radius: 4px;
	background: white;
}
.slim_ready.edit_gift_visible.slim .slim-area .slim-result {
	overflow: visible;
}
@media (max-width: 767px) {
  .navbar-default.navbar-purple .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default.navbar-purple .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default.navbar-purple .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecdbff;
	  color: white;
  }
  .navbar-default.navbar-purple .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default.navbar-purple .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default.navbar-purple .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecdbff;
	  color: white;
    background-color: #8e44ad;
	 background-color: #004059;
  }
	
.gift.editable { 
	z-index: 1000;
}
	
}

@media only screen and (min-width : 769px) {

	.header_tall #nav_edit_list { top: 101px; }
	.header_tall #nav_edit_list_2 { top: 155px; }
	.header_tall #nav_edit_list_3 { top: 155px; }
	.header_tall.edit_view_active #nav_edit_list_3 { top: 206px; }

}

/* General Gift */
.gift-2 {
	//padding-left: 10px;
	//padding-right: 10px;
}
.gift-2 .gift-inner {
	box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
	padding: 15px;
}


.gift-merchants-wrapper {
	width: 100%;
	//display: inline-block;
	position: relative;
	//background: whitesmoke;
}
.gift-merchants-wrapper:after {
	padding-top: calc(34% + 100px);
	display: block;
	content: '';
}

.gift-merchants-main {
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 10px;
	left: -30px;
	overflow-y: scroll;
	direction: rtl;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/***************/
.gift-new-wrapper {
	width: 100%;
	//display: inline-block;
	position: relative;
	background: whitesmoke;
}
.gift-new-wrapper:after {
	padding-top: calc(68% + 110px);
	display: block;
	content: '';
}
.gift-new-main {
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 15px;
	left: 15px;
	border: 1px dashed #ddd;
	border-radius: 4px;
	cursor: pointer;
	
}
.gift-image-wrapper {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
.gift-image-wrapper:after {
  padding-top: 68%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.gift-image-main {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

/** Profile Image **/
.profile:before {
	display: block;
	height: 100px;
	content: '';
}
.profile_image_padding {
	height: 100px;
}

/******************/


/** Gifts Hover Buttons **/
/*
.gift-inner:hover .gift_hover_overlay {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #000;
	opacity: 0.5;
}
*/
.gift_hover_overlay, .gift.editable .gift-inner:hover .gift_hover_overlay {
	display: none;
}
/*

.gift-inner:hover .gift_hover_buttons {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: white;
	margin-top: calc(50% - 25px);
	margin-bottom: calc(50% - 25px);
	height: 50px;
	line-height: 50px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 50px;
	text-align: center;
}
*/
.gift_hover_buttons, .gift.editable .gift-inner:hover .gift_hover_buttons, .gift.confirm_delete .gift-inner:hover .gift_hover_buttons {
	display: none;
}
.gift-wrapper:hover {
	background: gainsboro;
	background: whitesmoke;
	padding: 3px;
	margin: -3px;
}
.edit_view_active .gift-wrapper:hover .gift-inner {
	border: none;
}
.gift-wrapper .gift-inner {
	background: white;
}
.btn-link:hover {
	text-decoration: none;
}
.btn-link:hover .glyphicon {
	font-weight: bold;
}
/**********************/
.gift-new-wrapper .gift-new-main {
	font-size: 30px; 
	color: #ddd; 
	text-transform: uppercase;
}

.gift-new-wrapper .gift-new-main .glyphicon-plus {
	font-size: 90px;
	color: #ddd;
}
.gift-new-wrapper:hover .gift-new-main .glyphicon-plus {
	color: silver;
	color: whitesmoke;
}
.gift-new-wrapper:hover {
	background-color: lightgray;
	background-color: #ddd;
}
.gift-new-wrapper:hover .gift-new-main {
	border-color: silver;
	color: silver;
	border-color: whitesmoke;
	color: whitesmoke;
}

.participating-stores-tab {
	width: 25px;
	padding-top:10px;
	padding-bottom:10px;
	background:whitesmoke;
	position: absolute;
	bottom:15px;
	right:-14px;
	cursor: pointer;
}
.gift-merchants-wrapper .participating-stores-tab {
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.participating-stores-text {
	display: block;
	margin: auto;
}
.participating-stores-text-hover {
	display: none;
}
.gift-new-wrapper:hover .participating-stores-tab {
	background: #ddd;	
}
.gift-new-wrapper:hover .participating-stores-text {
	display: none;
}
.gift-new-wrapper:hover .participating-stores-text-hover {
	display: block;
	margin: auto;
}

.col-gift-merchants-wrapper {
	display: none;
}
.col-gift-merchants-wrapper .participating-stores-tab:hover {
	background: #ddd;
}
.col-gift-merchants-wrapper .participating-stores-tab:hover .participating-stores-text-hover {
	display: block;
	margin: auto;
}
.col-gift-merchants-wrapper .participating-stores-tab:hover .participating-stores-text {
	display: none;
}
.new_gift.col-md-12 .col-gift-new-wrapper .participating-stores-tab {
	display: none;	
}
.new_gift.col-md-12 .col-gift-merchants-wrapper {
	display: block;
}
.gift-merchants-main .logo_grid .row .col {
	border-color: whitesmoke;
}

.gift-merchants-main::-webkit-scrollbar-track {
	width: 12px;
	background-color: #F5F5F5;
}