.none {
    display: none;
}

.h-300 {
    height: 300px;
}

.dragable tr:hover {
    cursor: move;
}

/*BANNER*/
.banner-preview {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 300px;
}
.banner-btn {
    position: absolute;
    top: 15px;
    right: 15px;
}

/*LOADING*/
@keyframes ldio-lyj0yuh9iyj {
  0% { transform: rotate(0) }
  100% { transform: rotate(360deg) }
}
.ldio-lyj0yuh9iyj div { box-sizing: border-box!important }
.ldio-lyj0yuh9iyj > div {
  position: absolute;
  width: 124px;
  height: 124px;
  top: 38px;
  left: 38px;
  border-radius: 50%;
  border: 8px solid #000;
  border-color: #922c90 transparent #922c90 transparent;
  animation: ldio-lyj0yuh9iyj 1s linear infinite;
}

.ldio-lyj0yuh9iyj > div:nth-child(2), .ldio-lyj0yuh9iyj > div:nth-child(4) {
  width: 104px;
  height: 104px;
  top: 48px;
  left: 48px;
  animation: ldio-lyj0yuh9iyj 1s linear infinite reverse;
}
.ldio-lyj0yuh9iyj > div:nth-child(2) {
  border-color: transparent #e1b049 transparent #e1b049
}
.ldio-lyj0yuh9iyj > div:nth-child(3) { border-color: transparent }
.ldio-lyj0yuh9iyj > div:nth-child(3) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.ldio-lyj0yuh9iyj > div:nth-child(3) div:before, .ldio-lyj0yuh9iyj > div:nth-child(3) div:after { 
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -8px;
  left: 50px;
  background: #922c90;
  border-radius: 50%;
  box-shadow: 0 116px 0 0 #922c90;
}
.ldio-lyj0yuh9iyj > div:nth-child(3) div:after {
  left: -8px;
  top: 50px;
  box-shadow: 116px 0 0 0 #922c90;
}

.ldio-lyj0yuh9iyj > div:nth-child(4) { border-color: transparent; }
.ldio-lyj0yuh9iyj > div:nth-child(4) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.ldio-lyj0yuh9iyj > div:nth-child(4) div:before, .ldio-lyj0yuh9iyj > div:nth-child(4) div:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -8px;
  left: 40px;
  background: #e1b049;
  border-radius: 50%;
  box-shadow: 0 96px 0 0 #e1b049;
}
.ldio-lyj0yuh9iyj > div:nth-child(4) div:after {
  left: -8px;
  top: 40px;
  box-shadow: 96px 0 0 0 #e1b049;
}
.loadingio-spinner-double-ring-1hsg869c0g6 {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
}
.ldio-lyj0yuh9iyj {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-lyj0yuh9iyj div { box-sizing: content-box; }

.modal-loading {
    position: absolute;
    width: 100%;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    background: rgba(255, 255, 255, 0.8);
}

/*LOADING POSITION*/
.loader-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
    /* display: none; */
    z-index: 9999;
}
.loader-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*CUSTOM CHECKBOX*/
.inclusion-grid {
  float: left;
  display: inline-block;
  max-width: 119px;
  margin-right: 5px;
  margin-left: 5px;
}

.inclusion-grid label {
  margin-bottom: 0;
}

.inclusion-grid p {
  line-height: 1.5;
  margin: 5px 0;
}

.inclusion-grid-display {
  display: inline-block;
  max-width: 119px;
  background-color: #700070;
  margin-right: 5px;
  margin-left: 5px;
}

.custom-input[type="checkbox"] {
  display:none;
}

.custom-input[type="checkbox"] + span {
  display:inline-block;
  width:119px;
  height:119px;
  padding-top: 5px; /* align the label with the image*/
  vertical-align:middle;
  background-color: #700070;
  cursor:pointer;
  background-size: contain;
  background-repeat: no-repeat;
}

.custom-input[type="checkbox"]:checked +  span {
  outline: solid 4px #e2b048;
}

.custom-input.guide[type="checkbox"] + span {
  background-image: url('../assets/images/inclusion-guide.png');
}

.custom-input.bottle[type="checkbox"] + span {
  background-image: url('../assets/images/inclusion-drink.png');
}


input[type="checkbox"].switch_1{
	font-size: 30px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 55px;
	height: 30px;
	background: #ddd;
	border-radius: 3em;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked{
	background: #800080;
  }
  
  input[type="checkbox"].switch_1:after{
	position: absolute;
	content: "";
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	        box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	        transform: scale(.7);
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked:after{
	left: calc(130% - 1.5em);
  }
	
/* Switch 1 Specific Style End */