/* color for user message at Messages Modal */
/* class for messages modal background */
.mom-message-bg {
  background: url('https://cdnprod.eunenem.com/static/img/default/img/bg-corpo-pb.jpg');
}
/* defining colors */
.color-alpha-mask-white {
  color: rgba(249, 249, 249, 0.74);
}
.color-alpha-mask-60 {
  color: rgba(249, 249, 249, 0.6);
}
.color-wasabi {
  color: #B1D035;
}
.color-cadillac {
  color: #A7516C;
}
.color-wisteria {
  color: #A869AA;
}
.bg-wisteria {
  background: #A869AA;
}
.color-blue-haze {
  color: #C2C5D9;
}
.color-primary-blue {
  color: #80ccdd;
}
.color-sushi {
  color: #636363;
}
#f091ac .color-trout {
  color: #515365;
}
.color-ghost {
  color: #D8DBE6;
}
.stroke-wasabi {
  border: #B1D035 solid 1px;
}
.rounded-stroke-wasabi {
  border: #B1D035 solid 1px;
  border-radius: 100px;
}
.bg-light-gray {
  background-color: #FBFBFB;
}
.bg-red {
  background-color: #f00;
}
.bg-mom-msg {
  background-color: #dcf8c6;
}
.message-mom::after {
  border-left: 6px solid #dcf8c6 !important;
}
/* defining dimens */
.item-card {
  position: relative;
}
.item-card-mask {
  background: rgba(249, 249, 249, 0.74);
  position: absolute;
  width: 100%;
  top: 0px;
  display: none;
}
.item-card-mask-options {
  background: rgba(249, 249, 249, 0.74);
  position: absolute;
  width: 100%;
  top: 0px;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
}
.banner {
  z-index: 10;
}
.item-card:hover > .item-card-mask {
  height: 100%;
  z-index: 999;
  display: flex;
  align-items: center;
}
.add-item-card {
  border: 1px dashed #C2C5D9;
}
.rounded-panel {
  border-radius: 3px;
}
.rounded-img-t {
  border-radius: 3px 3px 0px 0px;
}
.profile-name-container {
  z-index: 10;
}
.custom-panel-heading {
  min-height: 59px;
  width: 100%;
}
.custom-panel-child {
  min-height: 63px;
  width: 100%;
}
.item-image ::before {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  content: " " !important;
  height: 100px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
  width: 100%;
  z-index: 3;
}
.circle-icon-sm {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
}
.vline-parent {
  display: table;
}
.vline-child {
  display: table-cell;
  vertical-align: middle;
}
.v-align {
  display: flex;
  align-items: center;
}
.rounded-panel-light {
  border-radius: 5px;
}
.item-container {
  max-height: 400px;
}
.menu-bar .menu-item {
  position: relative;
  top: 16px;
  margin-right: 20px;
  color: #636363;
}
.menu-bar li {
  border-left: 1px solid #B1D035;
}
.menu-bar .menu-item a,
.menu-bar .menu-item-xs a {
  color: #636363;
  font-family: 'Roboto', sans-serif;
}
.menu-bar .menu-item a:hover,
a:active {
  color: #B1D035;
}
.menu-bar .menu-item-xs a:hover,
a:active {
  color: #B1D035;
}
.green-link a:hover,
a:active {
  color: #B1D035;
}
.alpha-mask {
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  position: relative;
}
.item-image {
  width: 100%;
  object-fit: cover;
  height: 40vw;
}
.fixed-height-img {
  height: 128px;
  width: auto;
}
.item-name-container {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.description-container {
  line-height: 15px;
  height: 30px;
  overflow: hidden;
}
.item-name-container-sm {
  height: 50px;
}
.border-wasabi {
  border: #B1D035 solid 1px;
}
/* defining custom progress bars */
.progress-bar-wasabi {
  background-color: #B1D035;
}
/* end of defining custom progress bars */
/* custom angular slider  */
.custom-slider.rzslider .rz-pointer:after {
  width: 2px;
  height: 10px;
  background: #ebecf2;
  position: absolute;
  top: 3px;
  left: 7px;
}
.custom-slider.rzslider .rz-bar {
  border-radius: 50px;
  height: 15px;
}
.custom-slider.rzslider .rz-selection {
  background: #B1D035;
}
.custom-slider.rzslider .rz-pointer {
  width: 15px;
  height: 15px;
  top: 0px;
  bottom: 0;
  border-radius: 50px;
  background-color: white;
  box-shadow: 0px 0px 1px #333;
}
.rzslider .rz-bubble {
  color: #636363 !important;
}
/* end of custom angular slider  */
.navbar-pd {
  padding-top: 60px;
}
.middle {
  transition: .25s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.middle-v {
  transition: .25s ease;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}
.middle-o {
  opacity: 0;
}
.cover-msg-btn-container {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(13%, 0);
  z-index: 5;
}
.loading-img {
  transition: .25s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 0;
  color: rgba(0, 0, 0, 0.2);
}
.avatar-lg-box {
  min-height: 120px;
}
.avatar-lg-box img {
  z-index: 1;
}
.avatar-lg-square {
  height: 128px;
  object-fit: cover;
}
.rounded-avatar-mask {
  z-index: 3;
  height: 112px;
  width: 112px;
  background: rgba(249, 249, 249, 0.74);
  border-radius: 50%;
}
.nochange:hover {
  color: inherit;
}
.profile-avatar:hover .middle-o {
  opacity: 1;
}
.cover-photo-change-btn {
  transition: .25s ease;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 3;
  border-radius: 1px;
}
.cover-photo-change-btn-hover {
  opacity: 0;
  background: rgba(249, 249, 249, 0.74);
  padding: 4px;
}
.cover-photo-container:hover .cover-photo-change-btn-hover {
  opacity: 1;
}
.pointer-click {
  pointer-events: all;
  z-index: 4;
}
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  .cover-photo-container {
    min-height: 160px;
  }
  .cover-container-alignment {
    display: flex !important;
    align-items: center;
  }
  .menu-bar {
    top: -10px;
  }
  .bordered-avatar-white {
    border: 2px solid white;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  .list-name-container {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .profile-avatar {
    top: 42px;
    position: relative;
  }
  .item-image {
    height: 200px;
  }
  .menu-bar {
    min-height: 44px;
    top: -10px;
  }
  .cover-container-alignment {
    display: flex !important;
    align-items: flex-end;
    top: -10px;
  }
  .modal-body {
    padding-left: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-top: 0px;
  }
  .modal-footer {
    padding-left: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-top: 0px;
  }
  .modal-header {
    padding-left: 25px;
    padding-bottom: 15px;
    padding-right: 25px;
    padding-top: 15px;
    margin-bottom: 15px;
  }
  .invisible-md {
    display: none;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .cover-photo-container {
    height: 213px;
  }
  .bordered-avatar-white {
    border: 6px solid white;
  }
}
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .invite-color-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .profile-name-container {
    text-align: center;
    margin-bottom: 10px;
  }
  .profile-avatar {
    position: absolute;
    top: -45px;
    pointer-events: none;
    left: -17px;
  }
  .centered-logo {
    position: absolute;
    width: 100%;
    right: 1px;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .cover-msg-btn-container {
    transform: translate(13%, -50%);
  }
  .cover-photo-container {
    height: 160px;
  }
  .list-name-container {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
  }
  .item-name-container {
    height: 60px;
  }
}
/* Custom, iPhone Retina */
.custom-btn-lg {
  padding: 10px 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  white-space: normal;
}
.btn-input-clone {
  height: 50px;
}
a:active,
a:focus,
a:hover {
  color: #B1D035;
}
.ocult-menu-bar {
  background-color: transparent;
  border: 0;
}
.menu-panel-widget {
  min-height: 214px;
}
.item-options {
  position: absolute;
  z-index: 3;
  right: 0;
}
.bg-gray-transparent {
  background: rgba(245, 245, 245, 0.6);
}
.suggested-list-card {
  min-height: 255px;
}
/* editing dropdown padding */
.dropdown-menu > li > a {
  padding: 10px 20px;
  min-width: 0px;
}
.dropdown-item-options {
  width: 100%;
  top: 32px;
  background-color: rgba(255, 255, 255, 0.95);
}
.visitor-panel-item {
  min-height: 52px;
}
/* customizing buttons */
.btn-success.btn-outline {
  color: #B1D035;
}
.btn-info.btn-outline {
  color: #A869AA;
}
.btn-info {
  border-color: #A869AA;
}
.btn-success {
  border-color: #B1D035;
}
.btn-primary.btn-outline {
  color: #80ccdd;
}
.btn-success {
  background: #B1D035;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #7d9c04;
  border-color: #7d9c04;
}
.bg-info {
  background-color: #A869AA;
}
.bg-success {
  background-color: #B1D035;
}
.bg-default {
  background-color: #D8DBE6;
}
.panel-info {
  border-color: #A869AA;
}
.btn-info {
  background: #A869AA;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: white;
  background-color: #904393;
  border-color: #904393;
}
.btn-outline,
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active,
.open .dropdown-toggle.btn-outline {
  background: transparent;
  color: #444;
}
.btn-success.btn-outline:hover,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:active,
.btn-success.btn-outline.active,
.open .dropdown-toggle.btn-success.btn-outline {
  background: transparent;
  color: #7d9c04;
}
.btn-info.btn-outline:hover,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:active,
.btn-info.btn-outline.active,
.open .dropdown-toggle.btn-info.btn-outline {
  background: transparent;
  color: #904393;
}
.align-bottom {
  position: absolute;
  bottom: 0;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-md {
  width: 35px;
  height: 35px;
  padding: 5px 5px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.btn-white-success {
  background: white;
  color: #B1D035;
}
.btn-white-success:active,
.btn-white-success:hover {
  background: #fdfdfd;
  color: #B1D035;
}
.btn-white-info {
  background: white;
  color: #A869AA;
}
.btn-white-info:active,
.btn-white-info:hover {
  background: #fdfdfd;
  color: #A869AA;
}
/* end of customizing buttons */
.modal-header {
  border: none;
}
.form-control {
  border: 1px solid #D8DBE6;
  color: #515365;
}
.modal-header span {
  top: 3px;
  position: relative;
  margin-left: 5px;
  color: #4d4d4d;
}
/* customizing toastr */
#toast-container > .toast-info {
  background-color: #A869AA;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#toast-container > .toast-error {
  background-color: #A869AA;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.item-description {
  word-wrap: break-word;
}
/* custom speech bubbly */
.speech-bubble {
  position: relative;
  background: #fff;
  border-radius: .4em;
  min-height: 70px;
  padding: 0px 20px 15px 20px;
}
.speech-bubble:after {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-right-color: #fff;
  border-left: 0;
  border-bottom: 0;
  margin-top: -8.5px;
  margin-left: -30px;
}
.carousel-indicators-top {
  position: inherit;
  /* left: 50%; */
  width: auto;
  margin-left: 0%;
}
.carousel-indicators-sm li {
  width: 8px;
  height: 8px;
}
.carousel-indicators-sm .active {
  width: 9px;
  height: 9px;
}
/* checkout widget */
.checkout-bar {
  position: fixed;
  bottom: 0;
  background-color: white;
  width: 100%;
  left: 0;
  z-index: 1001;
  /* transition when hiding */
  transition-property: all;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.white-bottom-bar {
  position: fixed;
  bottom: 0;
  background: white;
  left: 0;
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 768px) {
  .checkout-bar {
    height: 75vh;
  }
}
.half-circle-center {
  left: 50%;
  width: 50px;
  height: 25px;
  border-top-left-radius: 10000px;
  border-top-right-radius: 10000px;
  transform: translate(-50%, 0%);
  position: absolute;
  top: -25px;
}
.hidden-checkout-bar {
  height: 10px;
}
.blackout {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000b3;
  top: 0;
  left: 0;
  z-index: 1000;
  position: fixed;
}
/* custom classes for 720kb datepicker */
._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #C2C5D9 !important;
}
._720kb-datepicker-calendar-header:nth-child(even) {
  background: #C2C5D9 !important;
}
/* custom class for button on menu panel */
.btn-menu-panel {
  width: 85px;
}
.btn-success .badge {
  color: white;
  background-color: #f00;
}
.invite-preview {
  position: fixed;
  z-index: 99;
  right: 15px;
  top: 75px;
}
blockquote {
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: italic;
  width: 500px;
  margin: 0.25em 0;
  padding: 0.35em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
blockquote:before {
  display: block;
  padding-left: 10px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
.premium-invite-preview {
  position: absolute;
  background: url(https://cdnprod.eunenem.com/static/text4136.png);
  height: 100%;
  width: 100%;
  z-index: 999;
}

.no-transition {
  -webkit-transition: none;
  transition: none;
}

.center-icon {
  margin: 11px 2px;
 }

.flex-nav {
  justify-content: center;
  display: flex;
}
.list-unstyled {
  margin-bottom: 0;
  list-style: none;
}

/*Youtube container*/
.youtube-player {
	position: relative;
	padding-bottom: 56.23%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	margin: 5px;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}

.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("//i.imgur.com/TxzC70f.png") no-repeat;
	cursor: pointer;
}