/* Estilos skeleton */

.block              { display: block; }
.center             { margin: auto; }
.img-responsive     { display: block; height: auto; max-width: 100%; }
.inline             { display: inline-block; vertical-align: top; }
.inline-center      { display: inline-block; vertical-align: -webkit-baseline-middle; }
.inline-bottom      { display: inline-block; vertical-align: bottom; }
.none               { display: none; }
.relative           { position: relative; }
.text-center        { text-align: center; }
.text-left          { text-align: left; }
.text-right         { text-align: right; }
.wrapper            { max-width: 960px; }
.wrapper-main       { max-width: 1024px; }

html {
	font-size: 10px;
}

body {
	font-size: 1.4rem;
}

html, body {
	height: 100%;
	font-family: 'robotolight';
	background-color: #000;
	padding-bottom: 0px !important;
}

body.bg-1 {
	background-image: url(../img/admin/brickwall.png);
        background-size: cover;
}

h1,
.h1 {
  font-size: 3.6rem;
}
h2,
.h2 {
  font-size: 3rem;
}
h3,
.h3 {
  font-size: 2.4rem;
}
h4,
.h4 {
  font-size: 1.8rem;
}
h5,
.h5 {
  font-size: 1.4rem;
}
h6,
.h6 {
  font-size: 1.25rem;
}

#respon {
	display: none;
	float: left;
}

#expositores, #patrocinio {
	background-color: #fff !important;
}

#patrocinio {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}

#bottom_bar a {
	color: #666;
	text-decoration: none;
	display: inline-block;
	margin-right: 10px;
}

#bottom_bar a:hover {
	color: #000;
	text-decoration: none;
}

.white {
	color: #FFF !important;
}

.lblue {
	color: #4776b8 !important;
}

.disabled > a {
	pointer-events: none;
}

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(0,0,0,0.6);
	/* text-align: center; */
	color: #fff;
	font-size: 60px;
	z-index: 9999;
}

#loader i {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	left: 50%;
	margin-left: -60px;
}

@keyframes fa-blink {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 0; }
}

.fa-blink {
  -webkit-animation: fa-blink .75s linear infinite;
  -moz-animation: fa-blink .75s linear infinite;
  -ms-animation: fa-blink .75s linear infinite;
  -o-animation: fa-blink .75s linear infinite;
  animation: fa-blink .75s linear infinite;
}

#modal-choose .modal-body a {
	color: #666;
	text-decoration: none;
}

#modal-choose .modal-body a:hover {
	color: #000;
	text-decoration: none;
}

.modal {
	position: absolute;
	padding: 10px 0;
	overflow: hidden;
    z-index: 10004;
}
/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-backdrop {
	position: fixed;
	height: 100% !important;
}
.modal-content {
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-areas: 
	"header"
	"body"
	"footer";
	height: 100%;
	width: 100%;
}
.modal-header {
	grid-area: header;
}
.modal-body {
	grid-area: body;
	overflow-y: auto;
}
.modal-footer {
	grid-area: footer;
}
.modal-dialog {
	margin-top: 0;
	margin-bottom: 0;
	height: 90%;
	/* display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox; */
	display: flex;
	/* -webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center; */
  }
  
  /* .modal.fade .modal-dialog {
	-webkit-transform: translate(0, -100%);
			transform: translate(0, -100%);
  }
  .modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
  } */

#horizontal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(0,0,0,0.9);
	text-align: center;
	color: #fff;
	z-index: 99999;
}

#zoom-zone {
	position:absolute;
	top: 20px;
	left: -40px;
	text-align: center;
	z-index: 2;
}

#zoom-zone input[type=range]
{
   margin-top: 75px;
   margin-bottom: 75px;
   transform: rotate(270deg);
   -moz-transform: rotate(270deg); /*do same for other browsers if required*/
   -ms-transform: rotate(270deg);
}

input[type=range].zoom-range {
  -webkit-appearance: none;
  width: 100%;
  margin: 9.5px 0;
}
input[type=range].zoom-range:focus {
  outline: none;
}
input[type=range].zoom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(23, 99, 158, 0.5), 0px 0px 1px rgba(26, 113, 180, 0.5);
  background: #ffffff;
  border-radius: 25px;
  border: 0px solid #000000;
}
input[type=range].zoom-range::-webkit-slider-thumb {
  box-shadow: 1.2px 1.2px 2px rgba(23, 99, 158, 0.5), 0px 0px 1.2px rgba(26, 113, 180, 0.5);
  border: 2px solid #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #17639e;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}
/* input[type=range].zoom-range:focus::-webkit-slider-runnable-track {
  background: #NaNNaNNaN;
} */
input[type=range].zoom-range::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(23, 99, 158, 0.5), 0px 0px 1px rgba(26, 113, 180, 0.5);
  background: #ffffff;
  border-radius: 25px;
  border: 0px solid #000000;
}
input[type=range].zoom-range::-moz-range-thumb {
  box-shadow: 1.2px 1.2px 2px rgba(23, 99, 158, 0.5), 0px 0px 1.2px rgba(26, 113, 180, 0.5);
  border: 2px solid #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #17639e;
  cursor: pointer;
}
input[type=range].zoom-range::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].zoom-range::-ms-fill-lower {
  background: transparent;
  border: 0px solid #000000;
  border-radius: 50px;
  box-shadow: 1px 1px 1px rgba(23, 99, 158, 0.5), 0px 0px 1px rgba(26, 113, 180, 0.5);
}
input[type=range].zoom-range::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #000000;
  border-radius: 50px;
  box-shadow: 1px 1px 1px rgba(23, 99, 158, 0.5), 0px 0px 1px rgba(26, 113, 180, 0.5);
}
input[type=range].zoom-range::-ms-thumb {
  box-shadow: 1.2px 1.2px 2px rgba(23, 99, 158, 0.5), 0px 0px 1.2px rgba(26, 113, 180, 0.5);
  border: 2px solid #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #17639e;
  cursor: pointer;
}
input[type=range].zoom-range:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range].zoom-range:focus::-ms-fill-upper {
  background: transparent;
}

.margin-xs {
	margin-left: 0px;
}

.navbar-fixed-top {
	background-color: #FFF;
	border: none;
	/*min-height: 80px;*/
	padding-top: 0px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
}

.navbar-fixed-bottom {
	min-height: 30px;
	color: #FFF;
	background-color: #121430;
	border:none;
}

.navbar-fixed-bottom a {
	color: #FFF;
}

.navbar-fixed-bottom a:hover {
	text-decoration: none;
}

.navbar-fixed-bottom li {
	text-transform: uppercase;
	padding-left: 0px;
}

.navbar-fixed-bottom li:after {
	content:"|";
	padding-left: 5px;
}

.navbar-fixed-bottom li:last-child:after {
	content:"";
	padding-left: 5px;
}

.foot-text {
	font-size:8px;
}

#consoleFrame {
    position: fixed;
    width: 100%;
    min-height: 56px;
    bottom: 0px;
    left: 0px;
    z-index: 2;
	border:none;
    background-color: transparent;
	padding-bottom: 30px;
}

.navbar-brand {
	height: 55px;
	width: 280px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.top-avatar {
	width: 55px;
	height: 55px;
	border: 1px solid #1b75bb;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
}

.top-avatar > div {
	position:absolute;
	bottom: 0px;
	right: 0px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: none;
}

.breadcrumb {
	border: none;
	border-radius: 0px;
	background-color: #FFF;
	padding: 8px;
}

.breadcrumb > li {
	font-size: 12px;
}

/* .breadcrumb > li + li:before {
	content: ">";
} */

#drag_content {
	position:relative;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	overflow:hidden;
	background-color: #000;
}

#draged_cont {
	position: relative;
	display: block;

}


#drag_content .mCSB_container_wrapper {
	margin: 0px;
}

#drag_content .mCSB_container_wrapper > .mCSB_container, #drag_content .mCSB_vertical > .mCSB_container {
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#drag_content .mCSB_scrollTools {
	right: 10px;
}

#drag_content .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 30px !important;
	top: 30px;
}

#drag_content .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 10px;
}

#drag_content .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 30px !important;
	left: 30px;
}

#draged_cont {
    -ms-transform-origin: 50% 50%; /* IE 9 */
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
}

.over-content {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 3;
	width: 100%;
	left: 0px;
	overflow: hidden;
}

.over-content .close-over {
	color: #FFF;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 10px;
	right: 5px;
}

.over-content .close-over:hover {
	color: #FFF;
}

.content_sidebar {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 30px;
	color: #FFF;
}

.content_sidebar .list-group-item:first-child, .content_sidebar .list-group-item:last-child {
	border-radius: 0px;
}

.content_sidebar .list-group-item {
	background-color: transparent !important;
	/*border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: rgba(255,255,255,0.1);
	border-left-color: #666;*/
        border: none;
        border-bottom: 1px solid ;
}

.content_sidebar a.list-group-item {
	color: #CCC;
	text-transform: none;
}

.content_sidebar a.list-group-item.n1 {
	padding-left:18px;
	border-left-width: 8px;
}

.content_sidebar a.list-group-item.n2 {
	padding-left:21px;
	border-left-width: 11px;
}

.content_sidebar a.list-group-item.n3 {
	padding-left:24px;
	border-left-width: 14px;
}

.content_sidebar a.list-group-item.n4 {
	padding-left:27px;
	border-left-width: 17px;
}

.content_sidebar a.list-group-item.n5 {
	padding-left:30px;
	border-left-width: 20px;
}

.content_sidebar a.list-group-item.n6 {
	padding-left:33px;
	border-left-width: 23px;
}

.content_sidebar a.list-group-item:hover {
	border-left-color: #fff;
	color: #fff;
	background-color: rgba(255,255,255,0.1) !important;
}

.content_sidebar .list-group-item.active, .content_sidebar .list-group-item.active:hover, .content_sidebar .list-group-item.active:focus {
	border-bottom-color: rgba(255,255,255,0.1);
	border-left-color: #fff;
	color: #fff;
	z-index:auto;
	background-color: rgba(255,255,255,0.2) !important;
}

.menu_float {
	position:fixed;
	bottom:30px;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	z-index: 20;
}

#menu-slider { 
    padding-bottom: 100px; 
} 

#menu-slider .mCSB_inside > .mCSB_container {
	margin-right: 0px;
}

.branding, .stands {
	position: absolute;
}

.branding .item {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.branding .item > a {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
}

.item.item-videos > a {
	background-image: url(../img/play_bt.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#draged_cont .owl-stage-outer {
	height: 100%;
}

#draged_cont .owl-stage {
	height: 100%;
}

#draged_cont .owl-item {
	height: 100%;
}

#draged_cont .owl-theme .owl-nav [class*='owl-'] {
	background: rgba(0,0,0,0.8);
	padding: 1px 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#draged_cont .owl-theme .owl-nav [class*='owl-']:hover {
	background: rgba(0,0,0,0.2);
}

#draged_cont .owl-theme .owl-nav {
	margin-top: 0px;
}

#expositores .owl-theme .owl-nav [class*='owl-'], #patrocinio .owl-theme .owl-nav [class*='owl-'] {
	font-size: 24px;
	background: none !important;
	position:absolute;
	top: 4px;
	color: #000;
}

#expositores .owl-theme .owl-nav > .owl-prev, #patrocinio .owl-theme .owl-nav > .owl-prev {
	left: -5px;
}

#expositores .owl-theme .owl-nav > .owl-next, #patrocinio .owl-theme .owl-nav > .owl-next {
	right: -5px;
}

#expositores .owl-stage, #patrocinio .owl-stage {
	margin: auto;
}

.car-item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: block;
	height: 50px;
	width: 100%;
	position:relative;
}

.over_content_pad{
	padding:30px;
}

.menu_barmin {
	min-height: 40px;
}

.menu-botbar {
	position: absolute;
	width: 100%;
	height: 7px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.8);
	border-top-width: 2px;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4776b8;
	border-bottom-color: #FFF;
}

.opc_menu_bt {
	display: inline-block;
	color: #333;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 4px;
	position: relative;
}

.opc_menu_bt .round_bt {
	background-color: #fff;
	display: block;
	height: 30px;
	width: 30px;
	border: 2px solid #d8d8d8;
	text-align: center;
	border-radius: 15px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.opc_menu_bt .round_bt i {
	line-height: 2em;
}

.opc_menu_bt .arrow_bt {
	color: rgba(71,118,184,0);
	margin-top: -6px;
}

.opc_menu_bt .texto_bt {
	color: #FFF !important;
	font-size:12px;
	margin-top: -6px;
	font-weight:bold;
}

.opc_menu_bt:hover {
	text-decoration: none;
}

.opc_menu_bt:hover .round_bt, .opc_menu_bt.active .round_bt {
	color: #fff;
	background-color: #4776b8;
	border: 2px solid #4776b8;
}

.opc_menu_bt:hover .arrow_bt, .opc_menu_bt.active .arrow_bt {
	color: rgba(71,118,184,1);
}

@keyframes blink {
    0% { background-color: #fff; color:#0d395b; border: 1px solid #d8d8d8; }
    100% { background-color: #4776b8; color: #fff; border: 1px solid #4776b8; }
}
@-webkit-keyframes blink {
    0% { background-color: #fff; color:#0d395b; border: 1px solid #d8d8d8; }
    100% { background-color: #4776b8; color: #fff; border: 1px solid #4776b8; }
}
.blink {
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}

#blog_content {
	position: relative;
}

.posts {
	position: relative;
	background-color: #FFF;
	display: inline-block;
	border: thin solid #E4E4E4;
	width: 46%;
	margin: 2%;
}

.posts .img_post {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	height: 120px;
	width: 100%;
}

.posts .texto_post {
	position: absolute;
	display: block;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	top: 0px;
}

.fecha_blog {
	display: inline-block;
	height: 30px;
	width: 100%;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

.posts .vinculos_post {
	display: inline-block;
	height: 50px;
	width: 100%;
	margin-top: 5px;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}

.main_post {
	display: block;
	width: 96%;
	margin-top: 0%;
	margin-right: 2%;
	margin-bottom: 0%;
	margin-left: 2%;
}

.main_post .img_post {
	height: 250px;
	width: 35%;
	float: left;
}

.main_post .texto_post {
	position: relative;
	display: inline-block;
	height: 185px;
	width: 65%;
	overflow: hidden;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.main_post .vinculos_post {
	width: 65%;
	margin-top: 15px;
}

.video-info {
	background-color: #FFF;
	position: absolute;
	height: 0px;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 5;
}

.mas-info {
	font-size: 16px;
	color: #333;
	text-decoration: none;
	background-color: #FFF;
	text-align: center;
	display: block;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 5px;
	position: absolute;
	top: -28px;
	right: 0px;
	border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	font-weight: bold;
}

.arrow-stand-right {
	z-index: 9999;
	padding: 15px;
	position: absolute;
	right: 0px;
	top: 300px;
	border-radius: 25px 0 0 25px;
}

.arrow-stand-left {
	z-index: 9999;
	padding: 15px;
	position: absolute;
	top: 300px;
	border-radius: 0 25px 25px 0;
}

.arrow-stand-right i{
	font-size: 50px;
}

.arrow-stand-left i{
	font-size: 50px;
}

#redes-info {
	z-index: 4;
}


#redes-info .mas-info {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 5px;
	position: absolute;
	top: -28px;
	left: 0px;
	right: auto;
	border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
}

#retorno-info {
	z-index: 3;
	top: 70px;
}

#retorno-info .mas-info {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: auto;
	border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	-webkit-border-radius: 0px 0px 10px 0px;
}

.mas-info:hover {
	color: #333;
	text-decoration: none;
}

#video-info > div {
	display: none;
	padding: 10px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8d8d8;
}

.lista_video {
	text-align: center;
	display: inline-block;
	position: relative;
    width: 100%;
	margin: 5px;
}

.imagen_video.item {
	display: block;
	position: relative;
	height: 155px;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 35px;
}

@media (max-width: 700px) {
	
	#listado_videos{
		overflow: hidden;
	}

	.video_info_card{
		min-height: 80px !important;
	}

	.video_info_card i {
		font-size: 25px;
	}

	#videos-mobil-container {
		display: contents !important;
	}

	.video-gallery-container {
		width: 100%;
	}

	.row-sala{
		height: 250px;
	}
}

.imagen_video.item > a {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
}

.titulo_video small {
	font-size: 140%;
}

#video_tags {
	margin:0 auto;
	width:80%;
	height:40%;
}

.jqcloud span {
	cursor:pointer;
}

#buscador_videos hr, .over-content hr {
	border-top-style: dashed;
}

#over-content hr {
	border-top-color: #eeeeee;
	margin: 1rem 0;
}
/* .listado_productos {
    width: 100%; 
    max-width: 1600px;
    margin: 0 auto;
     position: relative;
} */

@media (min-width: 1200px) and (max-width: 1600px) {
	.listado_productos > div {
		width: 20%;
	}
}
.listado_productos > a, .listado_productos > div {
	background-color: #FFF;
	text-align: center;
	display: inline-block;
/*	margin: 5px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	/*width: 250px;*/
	color: #333;
	text-decoration: none;
	position: relative;
}

.listado_empresas > div {
	background-color: #FFF;
	text-align: center;
	display: inline-block;
	/*margin: 5px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	/*width: 250px;*/
	color: #333;
	text-decoration: none;
	position: relative;
}

.listado_productos > div > a {
	display: block;
	width: 240px;
}

.listado_empresas > div > a {
	position: relative;
	width: 80%;
	margin: auto;
	height: 40px;
}

.listado_productos > a:hover, .listado_productos > div > a:hover {
	color: #333;
	text-decoration: none;
}

.imagen_catalogo {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	height: 200px;
	margin: auto;
	margin-bottom: 5px;
	width: 100%;
	/*border: 1px solid lightgray;*/
}
.imagen_branding_dialog{
	height: auto;
	width: 20%;
}
.imagen_branding_dialog .modal-content{
	height: max-content !important;
}
.imagen_branding_dialog .close span{
	color:red;
	font-size:30px;
}
.imagen_branding_dialog .modal-body{
	padding:5px;
}

.lista_empresas {
	display: inline-block;
	position: relative;
	height: 110px;
	width: 100%;
	border-bottom: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.2);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 0px;
	margin-left: -4px;
}

.lista_empresas > .media-body {
	position: relative;
	line-height: 1.2;
	border-right: none;
}

.lista_empresas > .media-left > a {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 90px;
	width: 90px;
	background-size: contain;
}

.lista_empresas > .media-body > a {
	background-color: #4776b8;
	text-align: center;
	display: block;
	width: 100%;
	margin-right: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #FFF;
	text-decoration: none;
}

.lista_empresas > .media-body > a:hover {
	color: #FFF;
	text-decoration: none;
}

.lista_empresas > .media-body > small {
	margin-right: 5px;
}

.stand-conoce-mas .lbl-title {
    padding: 20px 0;
}

.logo-empresa {
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	display: inline-block;
	background-size: contain;
	margin-right: 5px;
	height: 150px;
	width: 150px;
}
.stand-conoce-mas .logo-empresa {
        margin-top: -75px;
}

.days > .day {
	border: thin solid #fafafa;
}

.days > .day a {
	pointer-events: none;
	cursor: default;
}

.days > .day.active a {
	background-color: #CCCCCC;
	pointer-events: auto;
	cursor: pointer;
}

.days > .day a.selected {
	background-color: #4776b8;
}

.btn-menu {
  color: #666;
  background-color: transparent;
  border: none;
}

.btn-menuinv {
  color: #fff !important;
  background-color: #333;
  border-color: #333;
}

.panel-default > .panel-heading, .panel-default > .panel-footer {
	background-color: #FFF;
}

.panel-info, .panel-info > .panel-body {
	  background-color: #d9edf7;
}

.pill {
	position: relative;
	display: block;
}

.panel-pill {
	display:inline-block;
	width: 100%;
	height: 80px;
	min-height: 80px;
	position: relative;
	background-color: #f2f2f2;
	overflow:hidden;
}

.panel-pill .icon-pill {
	display: table;
	position:absolute;
	height: 80px;
	min-height: 80px;
	width: 60px;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	text-align: center;
}

.pill.disabled {
	pointer-events: none;
	cursor: default;
}

.pill.disabled .panel-pill .icon-pill {
	color: #a1a1a2;
}

.panel-pill .panel-body {
	padding-left: 70px;
	font-size: 18px;
	color: #a1a1a2;
}

.panel-pill .icon-pill > i {
	display: table-cell;
	vertical-align: middle;
	font-size: 25px;
}

.pill:hover .panel-pill {
	background-color: #cbcbcb;
}

.pill:hover .panel-pill .panel-body, .pill:hover .panel-pill .icon-pill {
	color: #fff;
}

.pill:hover .panel-pill .icon-pill {
	background-color: #94bedf;
}

.pill .label {
	position:absolute;
	bottom: 15px;
	right: -10px;
	height: 20px;
	line-height: 17px;
}


.label-as-badge {
    border-radius: 1em;
}

.stand-thumb {
	background-color: #FFF;
	display: inline-block;
	position: relative;
	width: 100px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	margin: 5px;
	padding: 5px;
	text-align: center;
}

.stand-thumb .stand-icon {
	position:absolute;
	top: -10px;
	right: -10px;
}

.stand-thumb .stand-mini {
	display: block;
	width: 88px;
	height: 88px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.drag_cont {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

.drag {
	box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
	color: #666666;
	position: absolute;
	height: 30%;
	width: 30%;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #333;
	overflow:hidden;
	z-index: 20;
}

.drag_stand {
	box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
	color: #000;
	position: absolute;
	text-align: center;
	width: 5%;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #333;
	overflow:hidden;
	/*z-index: 20;*/
}

.drag_stand a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.drag_stand i {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50%;
	width: 50%;
	margin: -13% 0 0 -25%;
}

.stand_taken {
	background-color: transparent;
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.stand_taken .logo_mini_stand {
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	height: 40%;
	width: 40%;
	top: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

.drag-link{
	position: absolute;
	/*width: 250px;*/
	height: auto;
	display: inline-block;
	text-align: center;
	background-color:rgba(255, 255, 255, 0);
        cursor: pointer;
}

.drag-link:hover {
	text-decoration: none;
}


.drag-link .icono-in {
	background-color: rgba(255,255,255,0.8);
	height: 50px;
	width: 50px;
	display: block;
	margin-left: auto ;
 	margin-right: auto ;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	position: relative;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.icon-pill{
	position: relative;
	width: 30%;
	height: 50px;
	background-color: #FFF !important;
	text-align: center;
	font-size: 16pt;
	padding-top: 0%;
	font-weight: bold;
	color: #0059A5 !important;
	float: left;
}

.icon-pill-fairs{
	position: relative;
	/*width: 30%;*/
        width: 70px;
	min-height: 50px;
	max-height: 200px;
	text-align: center;
	font-size: 16pt;
	margin: 0px;
	padding-top: /*5%*/.6em;
	font-weight: bold;
	float: left;
}

.instancia-in-text{
	position: relative;
	/*width: 70%;*/
	max-height: 200px;
    height: 50px;
    padding-top: 14px;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
}

.instancia-in-text > span {
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	margin-top: 15px;
}

.drag-link .icono-in i {
	line-height: 50px;
	font-size: 20px;
}

.drag-link .instancia-in {
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 18px;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #fff;
	white-space: nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.drag_zone {
	color: #17639e;
	background-color: rgba(255,255,255,0.8);
	border: 1px solid #17639e;
	overflow: hidden;
	z-index: 10;
	position:absolute;
	display: none;
}

.fileinput-preview {
	padding: 0px;
	overflow: hidden;
	margin-bottom: 5px;
}

/* .cover-img img {

} */

.list-label .label {
	margin-left: 3px;
	display: inline-block;
}

.table-responsive .row {
	margin: 0px;
}

.parsley-errors-list {
	list-style-type: none;
	margin: -18px 0 2px;
	padding-left: 16px;
	text-align: center !important;
}

.parsley-error {
	border: 1px solid red;
}

.parsley-success {
	border: 1px solid #000255;
}

.container-fluid{
  height:100%;
  display:table;
  width: 100%;
  padding: 0;
}

.row-fluid {height: 100%; display:table-cell; vertical-align: middle; width:100%;}

.centering {
  float:none;
  margin:0 auto;
}

.white-tran4 {
	background-color: rgba(255,255,255,0.4);
}

.white-tran8 {
	background-color: rgba(255,255,255,0.8);
}

.white-tran9 {
	background-color: rgba(255,255,255,0.95);
}

.noborder {
	border: none;
}

.noroundborder {
	border-radius: 0px;
}

.no-padding {
	padding: 0px;
}

.input-group-addon, .form-control {
	border-radius: 0px;
}

.form-control{
	margin-bottom: 0% !important;
	margin-top: 0% !important;
}

.input-group {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.additional-question-label {
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	text-align: left;
}

.additional-question-input {
	padding: 8px 12px !important;
	border: 1px solid #ccc !important;
	width: 100% !important;
	box-sizing: border-box !important;
	border-radius: 50px !important;
	font-weight: bold !important;
	background-color: white !important;
	color: #000000 !important;
	margin-bottom: 10px !important;
}

.modal-content-additional {
	background: #2e2e2e; 
	color: #ffffff; 
	border-radius: 25px;
}

.h-auto {
	height: auto;
}

.other-text{
	margin: 0px 5px 10px 10px;
	vertical-align: middle;
	float:left;	
}

.check-other-container{
	padding: 5px 0px;
}

.input-group .radio-inline, .input-group .checkbox-inline {
	padding-left: 18px;
}

.input-group .radio-inline input[type="radio"], .input-group .checkbox-inline input[type="checkbox"] {
	margin-left: -15px;
	width: 15px;
}

.input-group .radio-inline + .radio-inline, .input-group .checkbox-inline + .checkbox-inline {
	margin-left: 0px;
}

input[type="radio"], input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin: 0px;
	margin-top: 5px \9;
	line-height: normal;
}

.bootstrap-tagsinput {
	border-radius: 0px;
	width: 100%;
}



.radio label, .checkbox label {
	line-height: 20px;
	padding-left: 30px;
}


/* firefox fix */
.img-responsive {
    width: 100%;
	height:auto;
}

.img-responsivev {
    height: 100%;
	width: auto;
}

.coverlogo {
	background-image: url(../img/admin/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.coverlogow {
	background-image: url(../img/logo_w.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}


/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

.btn-block {
	margin-top: 10px;
	margin-bottom: 10px;
}


/* columns of same height styles */
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}

.row-same-height {
    display: table;
    width: 100%;
}

.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none !important;
}

.container {
	width:auto;
	margin-left:auto;
	min-height: 100%;
	height: 100%;
	padding: 0px;
}

.innersec .container {
	padding-top: 80px;
	height: auto;
}

.form-error, .has-error .multiselect > button, .has-error .bootstrap-select > button {
	border: 1px solid #990000;
}

.multiselect button, .bootstrap-select button {
	border-radius: 0px;
	width: 100%;
	text-align: left;
}

.multiselect button .caret {
	float:right;
	margin-top: 8px;
}

.multiselect-container .input-group {
	width: auto;
}

.multiselect-container, .bootstrap-select > .open {
	border-radius: 0px;
}

.multiselect-container>li {
	padding-bottom: 5px;
}

.fileinput .input-group-addon.btn-primary {
	color: #ffffff;
	background-color: #104771;
	border-color: #0c3352;
}

.bg-primary {
	color: #ffffff;
	background-color: #104771;
}

.fileinput .input-group-addon.btn-danger {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.bg-danger {
	color: #ffffff;
	background-color: #d9534f;
}

.fileinput .input-group-addon.btn-warning {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.bg-warning {
	color: #ffffff;
	background-color: #f0ad4e;
}

.fileinput .input-group-addon.btn-info {
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.bg-info {
	color: #ffffff;
	background-color: #5bc0de;
}

.fileinput .input-group-addon.btn-success {
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.bg-success {
	color: #ffffff;
	background-color: #5cb85c;
}

.btn-hang {
	background-color: #53a93f !important;
	min-width:80px !important;
	height:34px !important;
	vertical-align:middle !important;
	padding-top: 2px !important;
	font-size: 14px !important;
	line-height: 1.42857143 !important;
	border-radius: 4px !important;
}

.fileinput .input-group-addon.btn-default {
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}

.opciones_mini {
	color: #666;
	text-decoration: none;
	display: inline-block;
	width: 150px;
	border: 1px solid #CCC;
	margin: 5px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.opciones_mini:hover, .opciones_mini.active {
	text-decoration: none;
	background-color: #EBEBEB;
}

.opciones_mini .imagen_mini {
	height: 140px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/*@media only screen and (min-device-width : 480px) and (max-device-width : 768px) and (orientation : landscape) {
	#horizontal {
		display: block !important;
	}
}*/

@media (max-width: 767px) {
	.text-right-xs {
		text-align: right;
	}

	.text-left-xs {
		text-align: left;
	}
}

@media (min-width: 600px) {
	.lista_empresas {
		width: 50%;
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: rgba(255,255,255,0.2);
	}

	.lista_empresas > .media-body {
		border-right-width: thin;
		border-right-style: solid;
		border-right-color: rgba(255,255,255,0.2);
	}
}

@media (min-width: 768px) {
	#retorno-info {
		top: 74px;
	}
	#respon {
		display: none;
		float: right;
	}

	.lista_video {
		width: 150px;
	}

	.lista_empresas {
		width: 32%;
	}

	.imagen_video.item {
		height: 90px;
	}

	.titulo_video small {
		font-size: 85%;
	}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-right: 25px;
	}

    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none !important;
    }

	.text-right-sm {
		text-align: right;
	}

	.text-left-sm {
		text-align: left;
	}

	.foot-text {
		font-size:9px;
	}

	.margin-xs {
		margin-left: 15px;
	}

	.posts {
		width: 31%;
		margin: 1%;
	}

	.main_post {
		width: 98%;
		margin-top: 0%;
		margin-right: 1%;
		margin-bottom: 0%;
		margin-left: 1%;
	}

	.menu_barmin {
		min-height: 95px;
	}

	.menu-botbar {
		height: 25px;
	}

	.opc_menu_bt .round_bt {
		height: 60px;
		width: 60px;
		border-radius: 30px;
	}

	.opc_menu_bt .round_bt i {
		line-height: 2.5em;
		font-size: 25px;
	}
}
@media (min-width: 992px) {
	 body {
	  padding: 0;
	}

	.lista_empresas {
		width: 28%;
	}

    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none !important;
    }

	.text-right-md {
		text-align: right;
	}

	.text-left-md {
		text-align: left;
	}

	.foot-text {
		font-size:10px;
	}

	.posts {
		width: 23%;
	}

	.main_post {
		width: 98%;
		margin-top: 0%;
		margin-right: 1%;
		margin-bottom: 0%;
		margin-left: 1%;
	}
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }

	.lista_empresas {
		width: 25%;
	}

    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none !important;
    }

	.text-right-lg {
		text-align: right;
	}

	.text-left-lg {
		text-align: left;
	}

	.posts {
		width: 18%;
	}

	.main_post {
		width: 98%;
		margin-top: 0%;
		margin-right: 1%;
		margin-bottom: 0%;
		margin-left: 1%;
	}
}
@media (max-width: 991px) {

}

.col-full-height:before {
  content:"";
}

#total-puntos-usuario{
	color:#FFF !important;
	width:150px;
	display:inline-block;
	text-align:left;
	background-color:#337ab7 !important;
	text-decoration:underline;
}

.container-start-rally{
	position: relative;
	width: 100%;
	text-align: left;
}

/* .btn-start-rally {
	position: relative;
	width:250px;
	cursor: pointer;
	display:inline-block;
} */

.btn-icon{
	background-color:#337ab7 !important;
	padding-top:2%;
	text-align:center;
	width:36px;
	height: 32px;
	float:left;
}

.btn-text{
	position: relative;
	width: 150px;
	height: 50px;
	font-size: 14px;
	padding-top: 15px;
	text-align: center;
	font-weight: lighter;
	color: #FFF;
	background-color: #0061bf;
	border: 1px solid #0061bf;
	cursor: pointer;
}

.btn-text-lg{
	position: relative;
	/*float:left;*/
	padding-top: 10px;
	padding-left:5px;
	width:250px;
	height: 50px;
	text-align:center;
	border:1px solid #337ab7;
	font-size: 16pt;
}

#alert-rotate-table {
    display: none;
    position: fixed;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    padding: 30px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 12000;
    font-family: 'Roboto', sans-serif;
}

.lightbox {
	position: fixed;
	display: block;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
        padding: 30px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 12000;
	font-family: 'Roboto', sans-serif;
}

.lightbox-full{
	position: fixed;
	display: block;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 12000;
	font-family: 'Roboto', sans-serif;
}

.lightbox-pedidos{
	position: fixed;
	display: block;
	width: 100%;
	height: auto;
	background-color: rgba(0,0,0,0.8);
	top: 0px;
	right: 0px;
	bottom: 1px;
	left: 0px;
	z-index: 12000;
	font-family: 'Roboto', sans-serif;
}


.lightbox-premios{
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 12000;
	font-family: 'Roboto', sans-serif;
}

.lightbox-img{
	position: absolute;
	display: block;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.8);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 30000;
	font-family: 'Roboto', sans-serif;
}

.lightbox-img-wrapper{
	position: relative;
	width: 40%;
	background-color: #FFF;
	margin: auto;
	border-radius: 10px;
	text-align: center;
}

@media (max-height: 700px){
	.lightbox-img-wrapper{
		margin-top: 5%;
	}
}

.lightbox-img-wrapper{
	margin-top: 1%;
}

#lb-img-wrapper{
	position: relative;
	width: 100%;
	text-align: center;
	max-height: 40%;
	overflow-y: auto;
	padding-right: 2%;
}
@media (max-height:700px){
	#lb-img-wrapper{
		position: relative;
		width: 100%;
		text-align: center;
		max-height: 500px;
		overflow-y: auto;
		padding-right: 2%;
	}
}

@media (max-height:550px){
	#lb-img-wrapper{
		position: relative;
		width: 100%;
		text-align: center;
		max-height: 400px;
		overflow-y: auto;
		padding-right: 2%;
	}
}

.lb-close{
	float:right;
	margin-right: 2%;
	margin-top: 2%;
	font-size: 14pt !important;
	font-weight: bold;
	color:red;
	cursor:pointer;
}

.lb-header{
	position: relative;
	text-align: right;
	width: 100%;
	height: 30px;
}

.lb-img-item{
	max-width: 90%;
}

.continua-rally{
	display: block;
}


::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}
::-webkit-scrollbar-thumb {
    height: 18px !important;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}


/**************Continuar rally*********************/

.btn-continue-rally{
	position: relative;
	width: 150px;
	height: 50px;
	font-size: 14px;
	padding-top: 10%;
	text-align: center;
	font-weight: lighter;
	color:#0163B1;
	background-color:rgb(255, 255, 255);
	border: 1px solid #0163B1;
	cursor: pointer;
}


.btn-continue-rally-premios{
	position: relative;
	width: 40%;
	height: 50px;
	background-color: #46BAE9;
	color: #FFF;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	padding-top: 12px;
	margin: auto;
	font-family: 'Roboto', sans-serif;
}

.btn-continue-rally-lightbox{
	position: relative;
	width: 20%;
	background-color: #46BAE9;
	color: #FFF;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	margin: auto;
	border-radius: 5px;
	font-family: 'Roboto', sans-serif;
}

#next-pavillion-btn:hover{
	text-decoration: none;
}

.rally-percentage-box{
	width:20%;
	border: 1px solid #46BAE9;
	margin:auto;
	margin-bottom:1%;
}

.rally-percentage-box-pedidos {
	width:60%;
	/*border: 1px solid #46BAE9;*/
	margin:auto;
	margin-bottom:1%;
}

.lightbox-body{
	position: relative;
	width: 100%;
	height: 100%;
	font-family: 'Roboto', sans-serif;
}

.lightbox-circle-title{
	font-size: 16pt;
	font-weight: bold;
	color: #67CFF7;
	margin-bottom: 0px;
}

.rally-contenido-inst{
	position: relative;
	width: 95%;
	margin: auto;
	color:#fff;
	margin-top: 10%;
}

.rally-header-inst
{
	position: relative;
	width: 100%;
	margin: auto;
	color: #fff;
	font-size: 2em;	font-weight: Bold;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 1%
}

.rally-body-part1
{
	position: relative;
	width: 100%;
	margin: auto;
	color: #fff;
	font-size: 12pt;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 5%;
}

.rally-body-part2{
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding-left: 5%;
	margin-bottom: 5%;
}

.instruccion{
	position: relative;
	float: left;
	width: 100%;
	/* display: inline-block; */
	margin-left: 2%;
}

.rally-circle
{
	width: 86px;
	height: 86px;
	background-color: #fff;
	color: #000;
	font-size: 40pt;
	float: left;
	margin-left: 2%;
	padding-top: 5px;
	border-radius: 50%;
	font-weight: 100;
	color:#337ab7;
}

.rally-ins-circle{
	position: relative;
	width: 20%;
	margin-left: 2%;
	word-wrap: break-word;
	/*word-break: break-all;	*/
	color: #fff;
	float: left;
	text-align: justify;
}

.btn-rally-ins{
	background-color: #FFF !important;
	margin: auto;
}

.btn-rally-ins-lightbox{
	background-color: #0061BF !important;
	color: #FFF;
	border-radius: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin: auto;
}

.rally-body-footer{
	position: relative;
	width: 100%;
}

.center{
	position: relative;
	margin: auto;
}

/*.btn-lbox-close{
	float:right;
	font-size:22pt;
	cursor:pointer;
	color:red;
}*/

/*.btn-lbox-close-checkout{
	float:right;
	font-size:22pt;
	cursor:pointer;
	color:red;
}*/

.btn-contian-rally{
		background-color: #46BAE9;
    padding-top: 5px;
    padding-left: 5px;
    width: 150px;
    text-align: center;
    border: 1px solid #337ab7;
    height: 32px;
		margin: auto;
}

.btn-contian-rally-lightbox{
	background-color: #46BAE9;
	padding-top: 10px;
	padding-left: 5px;
	width: 20%;
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	border: 1px solid #337ab7;
	height: 50px;
	margin: auto;
}


/*********lightbox login************/
.lightbox-inverted{
	position: fixed;
	display: block;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.8);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 12000;
}

.gframeLogin{
	width: 95%;
	min-height: 95%;
    border-radius: 25px;
	align-items: center;
}

#frm-login .login-action-button {
	font-weight: bold;
    padding: 14px;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	margin: 10px 5px;	
    padding: 10px 20px;
    text-transform: uppercase;
    color: white;
    border: solid 1px #5AAEFF;
    background-color: #5AAEFF;
    border-radius: 60px;
}

/*inputs*/
#frm-login input, #frm-login textarea {
	padding: 12px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	background-color: white;
	box-sizing: border-box;
}

.login-input-text {
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 50px;
    font-weight: bold;
    background-color: white;
}

.lightbox-contenido-inst{
	position: relative;
	width: 80%;
	margin: auto;
	color:#424242;
	margin-top: 10%;
}
.lightbox-login-form{
	position: relative;
	width: 80%;
	margin: auto;
	color: white;
	font-size: 2.3em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1%;
}
.login-subtitle{
	width: 100%;
	margin: auto;
	font-size: 0.4em;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	padding-left: 0%;
}
.lightbox-body-inst{
	position: relative;
	width: 100%;
	margin: auto;
	color: #ffffff;
	text-align: left;
	margin-bottom: 5%;
}
.lightbox-body-part1{
	position: relative;
	width: 50%;
	margin: auto;
	color: #7D7F7E;
	text-align: left;
}

#stand-thumbnail-container {
	display: block;
}

@media(min-width: 1360px){
	#stand-thumbnail-container {
		display: none;
	}
}

@media(max-width:1500px){
	.lightbox-body-part1{
		position: relative;
		width: 80%;
		margin: auto;
		color: #7D7F7E;
		text-align: left;
	}
	.lightbox-login-form{
		width: 80%;
	}
}

@media(max-width:1200px){
	.lightbox-body-part1{
		position: relative;
		width: 70%;
		margin: auto;
		color: #7D7F7E;
		text-align: left;
	}
	.lightbox-login-form{
		width: 80%;
	}
}

@media(max-width:1100px){
	.lightbox-body-part1{
		position: relative;
		width: 85%;
		margin: auto;
		color: #7D7F7E;
		text-align: left;
	}
	.lightbox-login-form{
		width: 80%;
	}
}

@media(max-width:900px){
	.lightbox-body-part1{
		position: relative;
		width: 95%;
		margin: auto;
		color: #7D7F7E;
		text-align: left;
	}
/*	.lightbox-login-form{
		width: 95%;
	}*/
}

.lightbox-helper{
	position: relative;
	width: 95%;
	padding-left: 5%;
	color: #7D7F7E;
	text-align: left;
}
.btn-login-visitor-lightbox{
	position: relative;
	width: 38%;
	height: 50px;
	background-color:#0059A5;
	color: #FFF;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	padding-top: 12px;
	margin: auto;
	font-family: 'Roboto', sans-serif;
}
.input-icon{
  color:#383636 !important;
  background-color: rgba(255,255,255,1);
  font-size: 18pt;
  border: none;
  padding-top: 0px;
	border-top: 1px solid lightgray;
	border-left: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}

#uname, #admin-login #uname, admin-login #password{
  border: none;
  border-top: 1px solid lightgray;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
  background-color: rgba(0,0,0,0);
  width: 100%;
	height: 50px;
  text-align: left;
  color: #424242;
}

#password{
    border: none;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: 50px;
    text-align: left;
    color: #424242;
}

#next-stand-btn:hover{
		text-decoration: none;
}

a:hover{
	text-decoration: none;
}
a:focus{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}

/* .input-group-addon{
		background-color: #FFF !important;
} */
/*********lightbox login************/

.puntos-wrapper{
	position: relative;
	width: 100%;
	background-color: red;
}

.acumula-puntos-wrapper{
	position: absolute;
	background-color: rgba(0,0,0,0);
	z-index: 10002;
	width: 100%;
	top: 130px;
}

.acumula-puntos-header-redenciones{
	position: relative;
	width: 99%;
	margin-left:1%;
	margin-right:1%;
	margin-top: 2%;
	padding-top: 1px;
	padding-left: 1%;
	border-radius: 5px;
	background-color: #FFF;
	height: 66px;
}

.acumula-puntos-header-wrapper{
	position: relative;
	width: 99%;
	margin-left:1%;
	margin-top: 2%;
	border-radius: 5px;
	display: inline-block;
}

.acumula-puntos-header{
	position: relative;
	width: 51%;
	height: 66px;
	margin: auto;
	margin-right: 5px;
	border-radius: 5px;
	border: 1px solid #E0E0E0;
	padding-left: 1%;
	background-color: #FFF;
	float: left;
}

.acumula-puntos-header-percent{
	position: relative;
	width: 40%;
	height: 66px;
	margin: auto;
	margin-right: 5px;
	border-radius: 5px;
	border: 1px solid #E0E0E0;
	padding: 10px;
	padding-top: 15px;
	background-color: #FFF;
	float: left;
}

.acumula-puntos-header-volver{
	position: relative;
	width: 8%;
	height: 66px;
	margin: auto;
	border-radius: 5px;
	border: 1px solid #E0E0E0;
	padding: 10px;
	padding-top: 15px;
	background-color: #FFF;
	float: left;
}


@media (max-width:1024px){
	.acumula-puntos-header{
		width: 50%;
	}
	/* .acumula-puntos-header-percent{

	} */
	.acumula-puntos-header-volver{
		padding: 0px;
		padding-top: 15px;
		width: 78px;
	}
}

@media (max-width:768px){

	.acumula-puntos-header{
		width: 45%;
	}
	/* .acumula-puntos-header-percent{

	} */
	.acumula-puntos-header-volver{
		width: 13%;
	}

}

@media (max-width:425px){
	.over-content {
	    top: 140px !important;
	}

	.container-menu-mobile-portrait-tablet {
		position: initial !important;
	}
	.acumula-puntos-header{
		margin-top: 5%;
		width: 100%;
		margin-bottom: 2%;
	}
	.acumula-puntos-header-percent{
		width: 78%;
	}
	.acumula-puntos-header-volver{
		width: 20%;
	}
	.arrow-stand-right {
		top: 169px;
		padding: 12px;
	}

	.arrow-stand-right i{
		font-size: 15px;
	}

	.arrow-stand-left {
		top: 169px;
		padding: 12px;
	}

	.arrow-stand-left i{
		font-size: 15px;
	}
}

@media (max-width:320px){
	.acumula-puntos-header{
		margin-top: 15%;
		width: 100%;
		margin-bottom: 2%;
	}
	.acumula-puntos-header-percent{
		width: 100%;
		margin-bottom: 2%;
	}
	.acumula-puntos-header-volver{
		width: 100%;
		padding-left: 20%;
		padding-right: 20%;
	}
}


.acumula-puntos-avatar{
	position: relative;
}

.acumula-puntos-nombre{
	position: relative;
	color:rgb(78, 78, 78);
	font-size: 14pt;
	font-weight: bold;
}

.acumula-puntos-total{
	position: relative;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	background-color: #0064B2;
	float: left;
	padding: 10px;
	padding-top: 5px;
}

.acumula-puntos-body{
	position: relative;
	width: 100%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	display: inline-block;
}

@media (max-width:1024px){

}

@media (max-width:425px){

}

@media (max-width:375px){

}

@media (max-width:320px){

}

.panel-porcentaje-rally{
	position: relative;
	width: 49.5%;
	float: left;
}

.DTTT_container{
	margin-top: 5%;
}


.panel-porcentaje-rally-der{
	position: relative;
	width: 32.4%;
	float: right;
}

@media (max-width:1000px){
	.panel-porcentaje-rally-der{
		position: relative;
		width: 100%;
		float: right;
	}
}

.detalles-extra{
	position: relative;
	width: 100%;
	display: inline-block;
	margin-bottom: 5%;
}

.detalles-extra-izq{
	position: relative;
	background-color: rgb(255, 255, 255);
	float: left;
	width: 45%;
	padding: 5px;
	border-radius: 5px;
	margin-right: 10%;
}

.detalles-extra-der{
	position: relative;
	background-color: rgb(255, 255, 255);
	width: 45%;
	padding: 5px;
	border-radius: 5px;
	float: left;
}

@media (max-width:1024px){
	.acumula-puntos-body{
		position: relative;
		width: 100%;
		margin-left:1%;
		margin-top: 10px;
		display: block;
	}
	.panel-porcentaje-rally{
		width: 32%;
	}
}

@media (max-width:1000px){
	.acumula-puntos-body{
		position: relative;
		width: 100%;
		margin-left:1%;
		margin-top: 10px;
		display: block;
	}
	.panel-porcentaje-rally{
		width: 100%;
		margin-bottom: 2%;
		margin-left: 0%;
	}

	.detalles-extra-izq {
		position: relative;
		background-color: rgb(255, 255, 255);
		float: left;
		width: 49%;
		padding: 5px;
		border-radius: 5px;
		margin-right: 2%;
	}
	.detalles-extra-der {
		position: relative;
    background-color: rgb(255, 255, 255);
    width: 49%;
    padding: 5px;
    border-radius: 5px;
    float: left;
	}
}

@media (max-width:425px){
	.acumula-puntos-body{
		position: relative;
		width: 100%;
		margin-left:1%;
		margin-top: 10px;
		display: block;
	}
}

@media (max-width:320px){
	.acumula-puntos-body{
		position: relative;
		width: 100%;
		margin-left:1%;
		margin-top: 10px;
		display: block;
	}
}

.opc-acumula-puntos{
	position: relative;
	width: 100%;
	float: left;
}

@media (max-width:1024px){
	.opc-acumula-puntos{
		width: 100%;
		margin-bottom: 5%;
		display: block;
	}
}

@media (max-width:768px){
	.opc-acumula-puntos{
		margin-bottom: 5%;
	}
}

@media (max-width:425px){
	.opc-acumula-puntos{
		margin-bottom: 5%;
	}
}

@media (max-width:375px){
	.opc-acumula-puntos{
		margin-bottom: 5%;
	}
}

@media (max-width:320px){
	.opc-acumula-puntos{
		margin-bottom: 5%;
	}
}


.opc{
	position: relative;
	width: 22%;
	height: 60px;
	padding-top: 2%;
	text-align: center;
	margin-right: 2%;
	background-color: rgb(12, 127, 140);
	float: left;
	cursor: pointer;
	font-weight: bold;
	font-size: 12pt;
	background-color: #EDEDED;
}

.contenido-acumla-puntos{
	position: relative;
	width: 70%;
}

.panel-izq-acumula-puntos{
	position: relative;
	width: 60%;
	float: left;
}

@media (max-width:1024px){
	.panel-izq-acumula-puntos{
		position: relative;
		width: 100%;
	}
}

/************** PUNTOS REDENCIONES	*****************/
.puntos-redenciones-title{
	color: #868789;
	font-size: 18pt;
	font-weight: bold;
}

.contenido-puntos-redenciones{
	position: relative;
	width: 100%;
	background-color: #FFF;
	border-radius: 5px;
	padding: 2%;
	margin: auto;
}


.porcentaje-rally-title{
	color: #868789;
	font-size: 18pt;
	font-weight: bold;
}

.detalle-puntos{
	position: relative;
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
	padding: 3%;
}

.bottom-line{
	border-bottom: 1px solid #DDDDDD;
	height: 60px;
}

.txt-detalle-producto{
	position: relative;
	margin-top: 5px;
	font-size: 12pt;
	color:rgb(52, 52, 52);
}

.num-detalle-producto{
	font-weight: bold;
	font-size: 16pt;
}

.panel-title{
	font-size: 16pt;
	font-weight: bold;
	color: #424242;
}

/***************Redencion de puntos stand******************/
.btn-redime-puntos-wrapper{
  position:relative;
  width:100%;
  background-color:rgb(255, 255, 255);
  height:50px;
  cursor:pointer;
}

.btn-redime-puntos{
  width:80%;
  height:30px;
  margin:auto;
  background-color:#0061bf;
  color:#FFF;
  padding-top:1%;
  font-weight:bold;
}

/*************Tabbed-pane *********************/
.tab-wrapper{
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	height: 60px;
}

.tabs {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.tab-tittle-section{
	margin-right: 20px;
}

.tab-tittle-section-down{
	position: relative;
	width: 100px;
	height: 60px;
	margin: 0 auto;
	float: left;
	margin-right: 1%
}

#tab-tittle{
	font-size: 14pt;
	color: rgb(120, 124, 109);
	margin: 0;
}

#tab-tittle-down{
	font-size: 14pt;
	color: rgb(120, 124, 109);
}

#tab-tittle-bono{
	font-size: 14pt;
	color: rgb(120, 124, 109);
}

.tab-content-section{
	position: relative;
	width: 80%;
	margin: 0 auto;
	float: left;
}

.tab-item-container{
	display: inline;
	text-align: center;
	padding-left: 0px;
	margin: 0;
}

.tab-item{
	display: inline;
	text-align: center;
}

.item-lnk{
	display: inline-block;
	width: auto;
	color: rgb(120, 124, 109);
	padding: 8px;
	margin-right: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

.item-lnk:hover{
	color: rgb(120, 124, 109) !important;
}

.lnk-active{
	border-bottom: 2px solid rgb(0, 79, 255);
	animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#tab-bottom-bar{
	height: .25rem;
	width: 10%;
	margin: 0;
	margin-left: 110px;
	background: blue;
	border: none;
	transition: .3s ease-in-out;
}

.box-selected{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10002;
	background-color: rgba(161, 152, 162, 0.7);
}

.selectedMsg{
	position: absolute;
	width: 100%;
	z-index: 10002;
	margin-top: 50%;
	background-color: #FFF;
}

.visitadoMsg{
	position: relative;
	width: 100%;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background-color: #FFF;
}

/*************Catálogo de productos ****************************/
.slick-slider {
    max-width: 1440px !important;
    margin: 0 auto !important;
}
.slick-prev, .slick-next {
    z-index: 1;
}
.product-wrapper{
	position: relative;
	width: 250px;

	/*border: 1px solid #E0E0E0;
	-webkit-box-shadow: 1px -1px 5px 0px #E0E0E0;
	-moz-box-shadow:    1px -1px 5px 0px #E0E0E0;
	box-shadow:         1px -1px 5px 0px #E0E0E0;*/
	margin-right: 10%;
}

.stand-visitados-wrapper{
	position: relative;
	/*width: 150px;*/
	max-height: 380px;
	border: 1px solid #E0E0E0;
	-webkit-box-shadow: 1px -1px 5px 0px #E0E0E0;
	-moz-box-shadow:    1px -1px 5px 0px #E0E0E0;
	box-shadow:         1px -1px 5px 0px #E0E0E0;
	margin: 3%;
        padding:10px;
}

.product-thumbnail{
	position: relative;
	width: 90%;
	background-color: #FFF;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 5%;
	background-color: #FFF;
}

.stand-thumbnail{
	position: relative;
	width: 100%;
	background-color: #FFF;
	background-color: #FFF;
}
.product-category{
	position: relative;
	width: 98%;
	color: #337ab7;
	text-align: left;
	color: #337ab7;
	font-size: 10pt;
	background-color: #FFF;
	margin-left: 5%;
}
.product-name{
	position: relative;
	width: 98%;
	color: #000;
	text-align: left;
	font-size: 12pt;
	font-weight: bolder;
	background-color: #FFF;
	margin-left: 5%;
	cursor: pointer;
}

.prize-name{
	position: relative;
	width: 98%;
        height: 50px;
	color: #000;
	text-align: left;
	font-size: 12pt;
	font-weight: bolder;
	background-color: #FFF;
	cursor: pointer;
	margin-left: 2%;
}

.product-name:hover{
	color: #337ab7;
}
.product-price{
	position: relative;
	width: 98%;
	color: #000;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	background-color: #FFF;
	display: inline-block;
	margin-left: 2%;
}

.stand-visitado-footer{
	position: relative;
	width: 100%;
	color: #000;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	background-color: #FFF;
	display: inline-block;
	margin-top: 10px;
}

.border-blue{
	border: 1px solid #347a90;
}

.product-price-text{
	position: relative;
	width: 75%;
	color: #000;
	font-size: 12pt;
	font-weight: bold;
	background-color: #FFF;
	float: left;
	margin-left: 1%;
}
.product-price-icon{
	position: relative;
	width: 20%;
	text-align: center;
	color: #0061bf;
	font-size: 18pt;
	font-weight: bold;
	background-color: #FFF;
	float: left;
	cursor: pointer;
}
/*************Modal de productos********************************/
.product-modal-wrapper{
	position: relative;
	/* width: 100%; */
	background-color: #FFF;
	display: inline-block;
}
.product-modal-izq{
	position: relative;
	/* width: 50%; */
	background-color: #FFF;
	float: left;
}
.product-modal-der{
	position: relative;
	/* width: 50%; */
	background-color: #FFF;
	padding-left: 2%;
	float: left;
}
.product-modal-description{
	position: relative;
	width: auto;
	margin: auto;
	/* padding: 2%; */
	background-color: #FFF;
}
.description-title{
	position: relative;
	width: 100%;
	padding-bottom: 2%;
	font-size: 18pt;
	color: #000;
	border-bottom: 1px solid #ddd;
}
.description-desc{
	position: relative;
	width: 100%;
	padding-top: 4%;
	color: #000;
	padding-bottom: 4%;
	border-bottom: 1px solid #ddd;
}
.product-specs{
	position: relative;
	width: 100%;
	background-color: #FFF;
	color: #000;
}
.specs-text{
	position: relative;
	width: 100%;
	color: #000;
	font-size: 12pt;
	margin-top: 2%;
}
#specs-categoria{
	color:#337ab7;
	font-size: 12pt;
}
#specs-referencia{
	color:#337ab7;
	font-size: 12pt;
}
.product-principal{
	position: relative;
	width: 100%;
	color: #000;
	background-color: #FFF;
}
.product-name-modal{
	position: relative;
	width: 100%;
	font-size: 18pt;
	font-weight: 900;
	text-align: left;
}
.product-price-modal{
	position: relative;
	width: 100%;
	font-size: 16pt;
	text-align: left;
}
.product-cant-modal{
	position: relative;
	width: 100%;
	margin-top: 10%;
	color: #000;
	background-color: #FFF;
	text-align: left;
}
.product-cant-title{
	font-size: 12pt;
	font-weight: 900;
	margin-bottom: 0px;
}
.product-cant-modal-input{
	position: relative;
	width: 7rem;
	margin-top: 0px;
}
.product-btn-group{
	position: relative;
	width: 100%;
	display: inline-block;
	background-color: #FFF;
	margin-top: 10px;
	display: flex;
}
.btn-agregar-carro,
.btn-add-to-cart {
	/* position: relative; */
    /* width: 150px; */
    /* height: 40px; */
    background-color: #0061bf;
    border: 1px solid #0061bf;
    /* text-align: center; */
    font-weight: 900;
    color: #FFF;
    /* float: left; */
    /* border-radius: 5px; */
    /* margin-right: 10%; */
    padding: 1rem 2rem;
}
.btn-continuar-comprando{
	/* position: relative; */
    /* width: 150px; */
    /* height: 40px; */
    background-color: #0061bf;
    border: 1px solid #0061bf;
    /* text-align: center; */
    font-weight: 900;
    color: #FFF;
    /* float: left; */
    /* border-radius: 5px; */
    /* margin-right: 10%; */
    padding: 1rem 2rem;
}
/***************Modal del productos*****************************/
.product-kart-img-title{
	position: relative;
	width: 100%;
	margin-left: 2%;
	margin-bottom: 2%;
	color:#000; font-size:14pt; font-weight:bolder;
}
.ok-check{
	font-weight:lighter; font-size:16pt; color:#95CF00;
}
.product-kart-especs{
	position: relative;
	width: 100%;
	font-size: 14pt;
	font-weight: bolder;
	color: #000;
	margin-top: 2%;
	margin-left: 2%;
}
.product-kart-resum-title{
	position: relative;
	width: 100%;
	margin-left: 2%;
	font-size: 14pt;
	font-weight: bolder;
	color: #000;
}
.product-kart-resum-especs{
	position: relative;
	width: 100%;
	margin-left: 2%;
	margin-top: 10%;
	font-size: 14pt;
	font-weight: bold;
	color: #000;
}
.txt-azul{
	color:#0061bf;
	font-size:14pt;
	font-weight:bold;
}
.btn-kart-modal{
	position: relative;
	width: 200px;
	height: 40px;
	text-align: center;
	font-weight: 900;
	padding-top: 10px;
	cursor: pointer;
	border-radius: 5px;
}
.product-kart-btn{
	position: relative;
	width: 100%;
	margin-top: 40%;
	bottom: 1%;
	display: inline-block;
}
/**************Express kart ************************************/
.modal-lbl-title{
	font-size: 14pt;
	font-weight: bold;
	color: #000;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
		min-width: 300px;
    max-width: 350px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
		z-index: 12000;
}

#express-cart-content{
	min-width: 300px;
	max-height: 300px;
	overflow-y: auto;;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #f1f1f1}

.show {display:block;}

.express-kart-item{
	position: relative;
	width: 100%;
	/*height: 70px;*/
	display: inline-block;
        padding: 10px 5px;
	border-bottom: 1px solid rgb(218, 218, 218);
}
.express-kart-item:last-of-type {
    border: none;
}
.kart-item-img{
	height: 64px;
	float: left;
	margin-right: 5%;
	margin-left: 2%;
}
.kart-item-specs{
	float: left;
	text-align: left;
}
.item-name{
	font-size: 10pt;
	font-weight: bold;
	color:#000;
}
.item-price{
	font-size: 10pt;
	color: #000;
	text-align: left;
        margin: 0;
}
.btn-kart-close {
    font-size: 1.5em !important;
}
.express-kart-btn, a.express-kart-btn {
	background-color: #0061bf;
	padding-top: 10px;
	padding-left: 5px;
	width: 90%;
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	color: #FFF;
	border: 3px solid #0061bf;
	margin: auto;
	margin-bottom: 2%;
	cursor: pointer;
	border-radius: 5px;
}
#express-kart-checkout {
    padding: 15px 0;
    border-top: 1px solid rgb(218, 218, 218);
}
/*  REWARDS ZONE */
    #zona-premios-qty, #zona-premios-total {
        font-size: 2em;
        display: block;
    }
    .lbl-subtitle-light {
        text-align: left;
        margin: 0;
    }
    #zona-premios-btn {
            font-size: 2em;
            height: auto;
            padding: 10px 30px;
            background-color: #0061bf;
            text-align: center;
            font-weight: bold;
            color: #FFF;
            border: 3px solid #0061bf;
            margin: auto;
            cursor: pointer;
    }

.lightbox-instrucciones{
	position: absolute;
	display: block;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.8);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 12000;
	font-family: 'Roboto', sans-serif;
}
/**************Lightbox puntos insuficientes********************/
.lightbox-redencion{
	position: absolute;
	display: block;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.8);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 12000;
	font-family: 'Roboto', sans-serif;
}
.btn-lightbox-group{
	position: relative;
	width: 100%;
	display: inline-block;
}
.btn-continue-rally-redencion{
	background-color: rgba(0,0,0,0);
	padding-top: 10px;
	padding-left: 5px;
	width: 40%;
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	border: 3px solid #0061bf;
	height: 50px;
	margin: auto;
	margin-right: 20%;
	cursor: pointer;
	float: left;
}

.close-lbl{
	background-color: rgba(0,0,0,0);
	padding-top: 10px;
	padding-left: 5px;
	width: 40%;
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	border: 3px solid #0061bf;
	height: 50px;
	margin: auto;
	cursor: pointer;
}

.btn-revisar-pedido{
	background-color: #0061bf;
	padding-top: 10px;
	padding-left: 5px;
	width: 40%;
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	border: 3px solid #0061bf;
	height: 50px;
	margin: auto;
	cursor: pointer;
	float: left;
}
/*************Checkout******************************************/
.checkout-btn{
	position: relative;
	width: 300px;
	height: 50px;
	text-align: center;
	font-weight: 900;
	padding-top: 10px;
	font-size: 14pt;
	cursor: pointer;
	border-radius: 5px;
}

.prizes-checkout-btn-wrapper{
	position: relative;
	width: 80%;
	margin: auto;
}
.prizes-checkout-btn{
	position: relative;
	width: 300px;
	height: 50px;
	text-align: center;
	font-weight: 900;
	padding-top: 10px;
	font-size: 14pt;
	cursor: pointer;
}


.checkout-title{
	position: relative;
	width: 100%;
	text-align: left;
	height: 50px;
	border-bottom: 2px solid #7A7A7A;
	margin-top: 2%;
	padding-top: 15px;
}
.checkout-main-content{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
.checkout-resume-table{
	position: relative;
	width: 80%;
	max-height: 600px;
	overflow-y: scroll;
	margin: auto;
	margin-top: 2%;
	background-color: #FFF;
}
.th-header{
	text-align: left;
	font-size: 12pt;
	padding-left: 1%;
	border-right: 1px solid #E0E0E0;
}
.resume-table{
	position: relative;
	width: 100%;
	border: 1px solid #E0E0E0;
}
tr{
	border-bottom: 1px solid #E0E0E0;
}
td {
	border-right: 1px solid #E0E0E0 !important;
}
.checkout-thumb-product{
	width: 150px;
	margin: auto;
	/*max-width: 128px;*/
}
.checkout-thumb-product > img {
	width: 150px !important;
}
.checkout-desc-product{
	font-size: 9pt;
	text-align: left;
	margin-left: 3%;
	color: #000;
}
.checkout-categotria-product{
	font-size: 12pt;
	text-align: left;
	margin-left: 4%;
	color: #000;
}
.checkout-price-product{
	font-size: 12pt;
	text-align: left;
	margin-left: 4%;
	color: #000;
}
.checkout-total-product{
	font-size: 12pt;
	text-align: left;
	margin-left: 4%;
	color: #000;
}
.checkout-checkout-delete{
	font-size: 12pt;
	text-align: center;
	color: #BDBDBD !important;
}
.checkout-checkout-delete > a{
	color: #BDBDBD !important;
}
#checkout-cantidad-header{
	width: 10% !important;
}
.table-cantidad {
	text-align: center;
}
.checkout-cant-product{
	position: relative;
	width: 100%;
	text-align: center;
}
.checkout-spinnner-wrapper{
	position: relative;
	width: 80%;
	margin: auto;
}

.spinner-input-box{
	position: relative;
	width: 100%;
}
.spinner-btn-wrapper{
	position: relative;
	width: 100%;
	display: inline-block;
}
.spinner-btn{
	position: relative;
	width: 50%;
	float: left;
	margin: auto;
	font-size: 12pt;
	font-weight: bold;
	color:#BDBDBD;
	background-color: #FFF;
	cursor: pointer;
	border: 1px solid #E0E0E0;
}
.checkout-cantidad{
	text-align: center;
}
.spinner-btn:hover{
	background-color: #BDBDBD;
	color: #000;
}
/*************Catalogo******************************************/

.th-header{
	text-align: left;
	font-size: 12pt;
	padding-left: 1%;
	border-right: 1px solid #E0E0E0;
	height: 40px;
	background-color: #F3F4F6;
}
.stand-catalog-table{
	position: relative;
	width: 100%;
	border: 1px solid #E0E0E0;
	/* margin-bottom: 6% !important; */
}
@media (max-width: 767px) {
	.stand-catalog-table{
		/* margin-bottom: 20% !important; */
		width: 140vw;
	}

	.btn-kart-modal{
		width: 130px;
	}

	.checkout-desc-product > #description {
		display: none;
	}

	.checkout-btn {
		font-size: 15px;
		width: 150px;
	}

	.checkout-delete {
		padding: 0 20px;
	}
}
.stand-catalog-table .product-total {
    min-width: 100px;
    display: block;
}

tr{
	border-bottom: 1px solid #E0E0E0;
}
td {
	border-right: 1px solid #E0E0E0 !important;
}
.stand-catalog-thumb-product{
	width: 150px;
	margin: auto;
}
.stand-catalog-thumb-product > img {
	width: 150px !important;
}
.stand-catalog-desc-product{
	font-size: 9pt;
	text-align: left;
	margin-left: 3%;
	color: #000;
}
.stand-catalog-categotria-product{
	font-size: 12pt;
	text-align: left;
	margin-left: 4%;
	color: #000;
}
/*.stand-catalog-price-product{
	font-size: 12pt;
	text-align: left;
	margin-left: 4%;
	color: #000;
}
.stand-catalog-total-product{
	font-size: 12pt;
	text-align: left;
	margin-left: 4%;
	color: #000;
}*/
.stand-catalog-checkout-delete{
	font-size: 12pt;
	text-align: center;
	color: #BDBDBD !important;
}
.stand-catalog-checkout-delete > a{
	color: #BDBDBD !important;
}
#checkout-cantidad-header{
	width: 10% !important;
}
.stand-catalog-cant-product{
	position: relative;
	width: 100%;
	text-align: center;
}
.stand-catalog-spinnner-wrapper{
	position: relative;
	width: 70%;
	margin: auto;
	float:left;
}

#clear-product{
	position: relative;
	width: 10%;
	margin: auto;
	margin-left: 6%;
	margin-top: 6%;
	float:left;
	cursor: pointer;
}

/*************Zona general*************************************/
.gz-main-content{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
.product-checkbox{
	position: relative;
	width: 100%;
	text-align: left;
}


label {
  cursor: pointer;
}

/*************Panel de pedidos**********************************/
.main-content-wrapper{
	position: absolute;
	background-color: rgba(0,0,0,0);
	width: 100%;
	top: 15%;
	margin: auto;
	z-index: 10002;
}
.second-content-wrapper{
	position: relative;
	width: 98%;
	margin: auto;
}
/*************Rediseño barra de navegación*********************/
.navbar-nav-top{
	height: 50px;
	text-align: right;
	color: #424242;
	background-color: #FFF;
	font-size: 14px;
	display: inline-block;
}
.btn-nav-top{
	position: relative;
	float: right;
	background-color: #FFF;
	height: 40px;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	font-size: 15px;
	color: #424242;
}
.drop-nav-wrapper{
	position: relative;
	float: right;
	background-color: #FFF;
	height: 40px;
	text-align: center;
	margin: 0px;
}
.drop-nav-top{
	position: relative;
	background-color: #FFF;
	height: 40px;
}
.btn-group{
	border: none;
	border-right: 1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
button {
	border: none !important;
}
.search-wrapper{
	position: relative;
	float: right;
	width: 40px;
	background-color: #FFF;
	height: 40px;
	text-align: center;
	margin: 0px;
	/* display: inline-block; */
}

.btn-search-wrapper{
	position: relative;
	width: 30%;
	height: 40px;
	background-color: #FFF;
	margin: 0px;
	color:#0061BF;
}

#buscar_top{
	width: 70%;
	height: 40px;
	color:#424242;
	border: 1px solid #FFF;
	margin: 0px;
}

.btn-search{
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #FFF;
}

.burguer-menu{
	position: relative;
	float: right;
	background-color: #FFF;
	height: 40px;
	text-align: center;
	margin: 0px;
}
/************@SideBar******************************/
.sb-slidebar{
	margin-top: 80px;
}
.sb-style-overlay {
    z-index: 10003;
}
.content_sidebar{
	padding-top: 0px !important;
}
#avatar-container{
	/*background-color: #424242 !important;*/
	display: inline-block;
	width: 100% !important;
	/*height: 90px;*/
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}
#avatar-container .row{
    padding-top: 5%;
}
#avatar-container .row:last-child{
    padding-bottom: 5%;
}
#avatar-container .avatar-container-text {
    padding: 0 10%; text-align: center;
    font-size:1.5em;
}

@media (max-width:1450px){
	#avatar-container{
		/*background-color: #424242 !important;*/
		display: inline-block;
		width: 100% !important;
		/*height: 90px;*/
		margin-top: 1px !important;
		margin-bottom: 1px !important;
		/*height: 20%;*/
	}
}

@media (max-width:1368px){
	#avatar-container{
		/*background-color: #424242 !important;*/
		display: inline-block;
		width: 100% !important;
		/*height: 90px;*/
		margin-top: 1px !important;
		margin-bottom: 1px !important;
		/*height: 25%;*/
	}
}

#nombre-wrapper{
	position: relative;
	width: 49%;
	float: left;
}
#apellido-wrapper{
	position: relative;
	width: 50%;
	float: left;
}
/************@TextFormats**********************/
.lbl-jumbo{
	font-size:40pt;
	font-weight:bolder;
	font-family: 'Roboto', sans-serif;
}
.lbl-title{
	font-size:22pt;
	font-weight:bolder;
	font-family: 'Roboto', sans-serif;
}


@media (max-width:1024px){
  .lbl-title{
  	font-size:16pt;
  	font-weight:bolder;
  	font-family: 'Roboto', sans-serif;
  }
}

@media (max-width:425px){
  .lbl-title{
  	font-size:14pt;
  	font-weight:bolder;
  	font-family: 'Roboto', sans-serif;
  }
}


@media (max-width:320px){
  .lbl-title{
  	font-size:12pt;
  	font-weight:bolder;
  	font-family: 'Roboto', sans-serif;
  }
}


.lbl-title-light{
	font-size:22pt;
	font-weight:100;
	font-family: 'Roboto', sans-serif;
}


@media (max-width:1024px){
  .lbl-title-light{
  	font-size:16pt;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}


@media (max-width:425px){
  .lbl-title-light{
  	font-size:14pt;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}


@media (max-width:320px){
  .lbl-title-light{
  	font-size:12pt;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}



.lbl-subtitle{
	font-size:18px;
	font-weight:bolder;
	font-family: 'Roboto', sans-serif;
}

#iframe_main {
	width: 100%;
	height: 100%;
}

@media (max-width:1024px){
  .lbl-subtitle{
  	font-size:12pt;
  	font-weight:bolder;
  	font-family: 'Roboto', sans-serif;
  }
}

@media (max-width:425px){
  .lbl-subtitle{
  	font-size:10pt;
  	font-weight:bolder;
  	font-family: 'Roboto', sans-serif;
  }
}

@media (max-width:320px){
  .lbl-subtitle{
  	font-size:8pt;
  	font-weight:bolder;
  	font-family: 'Roboto', sans-serif;
  }
}

.lbl-subtitle-light{
	font-size:16pt;
	font-weight:100;
	font-family: 'Roboto', sans-serif;
}


@media (max-width:1024px){
  .lbl-subtitle-light{
  	font-size:12pt;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}

@media (max-width:425px){
  .lbl-subtitle-light{
  	font-size:10pt;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}

@media (max-width:320px){
  .lbl-subtitle-light{
  	font-size:8pt;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}


.lbl-text{
	font-size:1em;
	font-weight:100;
	font-family: 'Roboto', sans-serif;
}

/*@media (max-width:1024px){
  .lbl-text{
  	font-size:1.5em;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}*/


/*@media (max-width:425px){
  .lbl-text{
  	font-size:1em;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}


@media (max-width:320px){
  .lbl-text{
  	font-size:1em;
  	font-weight:100;
  	font-family: 'Roboto', sans-serif;
  }
}*/

.lbl-item{
	font-size:9pt;
	font-family: 'Roboto', sans-serif;
}

@media (max-width:1024px){
  .lbl-item{
  	font-size:8pt;
  	font-family: 'Roboto', sans-serif;
  }
}

@media (max-width:425px){
  .lbl-item{
  	font-size:8pt;
  	font-family: 'Roboto', sans-serif;
  }
}

@media (max-width:320px){
  .lbl-item{
  	font-size:8pt;
  	font-family: 'Roboto', sans-serif;
  }
}



.highlight-black{
	color:#424242;
}
.highlight-blue{
	color:#0061BF;
}
.highlight-aliceblue{
	color:#A6D1F4;
}
.highlight-blue-hover:hover{
	color: #40a1ff !important;
	transition: color 1s;
}
.highlight-gray{
	color:#757575;
}
.highlight-white{
	color:#FFF;
}
.highlight-green{
	color:#01B35D;
}
.highlight-red{
	color:#A81330;
}
.highlight-yellow{
	color:#F7D400;
}
/**************@StructureFormats*******************/
.container-gray{
	background-color: #E0E0E0;
}
.container-white{
	background-color: #FFF;
}
.rounded-header{
	position: relative;
	width: 100%;
	padding: 5px;
	padding-top: 15px;
	padding-left: 2%;
	border-radius: 5px;
	height: 69px;
}
.two-slide-body{
	position:relative;
	width:100%;
	display:inline-block;
}
.slide-item-a{
	position:relative;
	width:40%;
	float:left;
}
.slide-item-b{
	position:relative;
	width:60%;
	float:left;
}
.table-wrapper{
	padding: 2%;
	float: right;
	width: 100%;
}
.float-island{
	position:relative;
	width:45%;
	border-radius:2px;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
}
.island-header{
	position:relative;
	width:100%;
	border-bottom:1px solid #E0E0E0;
}

.island-header > a{
	text-decoration: none;
	cursor: pointer;
}

#pedidos-pendientes:hover{
	text-decoration:none !important;
	cursor: pointer;
	color: #E0E0E0 !important;
}

.float-island-jumbo{
	position:relative;
	width:100%;
	border-radius:2px;
	float: left;
}
.btn-blu{
	color:#FFF;
	background-color: #0061BF;
	border: 1px solid #0061BF;
}
.btn-blu a{
	color:#FFF;
        font-size:1.4em;
}

.btn-blu-wired{
	color:#0061BF;
	background-color: #FFF;
	border: 1px solid #0061BF;
}

.btn-blu:hover{
	color:#FFF !important;
}

.btn-blu:focus{
	color:#FFF !important;
}

.btn-visitar-stand{
	width: 80%;
	margin: auto;
	position: relative;
	text-align: center;
	height: 40px;
	padding-top: 5px;
	cursor: pointer;
}


#txt-btn-visitar-stand{
	font-size: 16pt;
	font-weight: bold;
}
/*******@roudedCheckbox************************/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #01B35D;
}

input:focus + .slider {
  box-shadow: 0 0 1px #01B35D;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.item-float-right{
	float:right;
	width:20%;
	padding-top:10px;
	margin-right:5%;
}

#catalog_products_zp{
	position: relative;
        max-width: 1440px;
	width: 100%;
	height: 80%;
        margin: 0 auto;
	overflow-y: scroll;
}

#footer_zp{
	position: fixed;
	z-index: 10003;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 100px;*/
	background-color: #FFF;
	box-shadow: -16px 8px 54px 1px rgba(50, 50, 50, 0.5);
	padding: 15px;
        margin: 0;
}

.checkout-btn-wrapper{
	position: fixed;
	z-index: 10003;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: #FFF;
	box-shadow: -16px 8px 54px 1px rgba(50, 50, 50, 0.5);
	padding-top: 10px;
	padding-left: 2%;
	padding-right: 2%;
}

@media screen and (max-width:1639px){

	.rally-circle
	{
		width: 96px;
		height: 96px;
		background-color: #fff;
		color: #000;
		font-size: 40pt;
		float: left;
		margin-left: 2%;
		padding-top: 5px;
		border-radius: 50%;
		font-weight: 100;
		color:#337ab7;
	}

	.rally-ins-circle{
		position: relative;
		width: 18%;
		margin-left: 2%;
		color: #fff;
		float: left;
		text-align: left;
	}
}

@media screen and (max-width:1024px){

	.item-float-right{
		float: none;
		width:98%;
		font-size: 14pt !important;
		padding-top:10px;
		margin-right:2%;
		margin-left:2%;
	}

	.lb-img-item{
		width: 90%;
	}

	.container-start-rally{
		position: relative;
		width: 100%;
		text-align: left;
		display: block;
	}

/*	.btn-start-rally {
		position: relative;
		width:100px;
		cursor: pointer;
		display:inline-block;
	}*/

	.btn-icon{
		position: relative;
		background-color: #337ab7 !important;
		text-align:center;
		width:30%;
		float:left;
	}

	.btn-text{
		position: relative;
		width: 150px;
		height: 50px;
		font-size: 14px;
		padding-top: 10%;
		text-align: center;
		font-weight: lighter;
		color: #FFF;
		background-color: #0061bf;
		border: 1px solid #0061bf;
		cursor: pointer;
	}

	.rally-body-part1{
		margin-bottom: 5%;
	}

	.rally-body-part2{
		position: relative;
		width: 100%;
		display: block;
		text-align: center;
		padding-left: 0%;
		margin-bottom: 2%;
	}

	.instruction{
		position: relative;
		width:100%;
		padding: auto;
		text-align: center !important;
		margin-bottom: 5%;
	}

	.rally-circle{
		position: relative;
		width: 96px;
		height: 96px;
		background-color: #fff;
		color: #000;
		font-size: 40pt;
		float: none;
		margin-left: 0%;
		margin: auto;
		padding-top: 5px;
		border-radius: 50%;
		font-weight: 100;
		color:#337ab7;
	}
	.rally-ins-circle{
		position: relative;
		width: 100%;
		margin-left: 0%;
		margin: auto;
		color: #fff;
		float: none;
		text-align: center;
	}

	.opc{
		position: relative;
		width: 24%;
		height: 60px;
		padding-top: 2%;
		text-align: center;
		margin-right: 1%;
		background-color: rgb(12, 127, 140);
		float: left;
		cursor: pointer;
		font-weight: bold;
		font-size: 8pt;
		background-color: #EDEDED;
	}

	.contenido-puntos-redenciones{
		position: relative;
		width: 100%;
		height: 600px;
		background-color: #FFF;
		border-radius: 5px;
		padding: 2%;
		margin: auto;
		overflow-x: scroll;
		overflow-y: scroll;
	}

	.bottom-line{
		padding-bottom: 5px;
	}
	.num-detalle-producto{
		margin-bottom: 2%;
	}

	.btn-volver{
		position: relative;
		width: 100%;
		font-size: 9pt;
	}
}

.btn-volver:hover{
	color:#000 !important;
}

/************Rediseño estilos y estructura************************************/

.col-lg-12{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.main-wrapper {
	position: relative;
	min-width: 100%;
	min-height: 100%;
	margin: auto;
	padding-left: 1% !important;
	padding-right: 1% !important;
}

.modal-wrapper{
	position: relative;
	min-width: 100%;
	height: 100%;
	overflow: auto;
	margin: auto;
	padding-left: 1% !important;
	padding-right: 1% !important;
}

.about-empresa{
	max-height: 250px;
	overflow: auto;
}
@media (max-height: 768px){
	.modal-wrapper{
		position: relative;
		min-width: 100%;
		height: 100%;
		overflow: auto;
		margin: auto;
		padding-left: 1% !important;
		padding-right: 1% !important;
	}
}

.insider-wrapper {
	position: relative;
	max-width: 100%;
	margin: auto;
	padding-top: 40px;
}

.insider-modal-wrapper{
	position: initial;
	max-width: 100%;
	margin: auto;
}

.float-bar{
	position: relative;
	border-radius: 4px;
	border: 1px solid #dddddd;
	background-color: #FFF;
	margin-bottom: 20px;
	min-height: 90px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.float-bar > img {
	margin-left: 15px;
}

.float-bar > h2 {
	/* width: 80%; */
	display: inline;
	margin-right: 0px !important;
	-webkit-margin-after:0em !important;
	-webkit-margin-before:0em !important;
	margin-left: 15px;
}

.btn-container{
	padding-left: 20%;
	padding-top: 25%;
}

@media (max-width:1440px){
	.btn-container{
		padding-left: 8%;
		padding-right: 0%;
		padding-top: 25%;
	}
}

@media (max-width:1400px){
	.btn-container{
		padding-left: 5%;
		padding-right: 0%;
		padding-top: 25%;
	}
}

@media (max-width:1360px){
	.btn-container{
		padding-left: 3%;
		padding-right: 0%;
		padding-top: 25%;
	}
}

@media (max-width:1320px){
	.btn-container{
		padding-left: 30%;
		padding-right: 0%;
		padding-top: 25%;
	}
}

@media (max-width:1260px){
	.btn-container{
		padding-left: 30%;
		padding-right: 0%;
		padding-top: 30%;
	}
}

@media (max-width:1200px) {
	.btn-goback{
		width: 50px;
		margin: auto;
	}

	.btn-container{
		padding-left: 12%;
		padding-right: 0%;
		padding-top: 30%;
	}
}

@media (max-width:1100px){
	.btn-container {
	    padding-left: 8%;
	    padding-right: 0%;
	    padding-top: 30%;
	}
}

@media (max-width:1024px){
	.btn-container {
	    padding-left: 5%;
	    padding-right: 0%;
	    padding-top: 30%;
	}
}

@media (max-width:990px){
	.btn-goback{
		width: 100px;
		margin: auto;
	}

	.btn-container{
		padding-left: 12%;
		padding-right: 0%;
		padding-top: 20%;
	}
}

@media (max-width:900px){
	.btn-goback{
		width: 80px;
		margin: auto;
	}

	.btn-container{
		padding-left: 12%;
		padding-right: 0%;
		padding-top: 20%;
	}
}

@media (max-width:730px){
	.btn-goback{
		width: 50px;
		margin: auto;
	}

	.btn-container{
		padding-left: 12%;
		padding-right: 0%;
		padding-top: 20%;
	}
}

.invisible-col{
	display: none;
}

@media (max-width:767px){
	.hide-col{
		display: none;
	}
	.invisible-col{
		display: block;
	}
}

@media (max-width:375px){
	.btn-goback{
		width: 35px;
		margin: auto;
	}
}

.container-menu-bottom{
	background-color: #0061BF;
	position: fixed;
	bottom: 0;
	/*height: 80px;*/
	width: 100%;
	z-index:10003;
	text-align:center;
}

.stand-menu-bottom {
    list-style-type: none;
    margin: auto;
		font-size: 14pt;
		font-weight: bold;
    padding-left: 0%;
    overflow: hidden;
    background-color: #0061BF;
    position: relative;
		text-align: center;
    width: 100%;
}

.stand-menu-item {
    display: inline;
}

.stand-menu-item a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 24px 16px 28px;
    
    text-decoration: none;
		transition: border-top .5s;
}

/* .stand-menu-item a:hover{
    background-color:#025db5;
		color: #FFF !important;
} */

#over-content-whitesc {
	position:absolute;
	top:110px;
        /*bottom:110px;*/
        /* padding: 30px; */
	z-index:10002;
	background-color:#FFF;
	display:none;
}

.stand-contacto{
	display: none;
}

.stand-cita-negocios{
	display: none;
}

.stand-listado-productos{
	display: none;
}

.stand-bonos{
	display: none;
}

.stand-catalogo{
	display: none;
}

.stand-conoce-mas{
	display: none;
}

.x-close-modal:hover {
	color: #e82047 !important;
}

#modal-catalogo-cerrar:hover{
color: #e82047 !important;
}

#product-searcher {
	margin-right: 2%;
	width: 250px;
	font-size: 16px;
}

@media (max-width: 1390px){
	#product-searcher {
		margin-right: 5px;
	}
}

.hr-bar{
	border-bottom: 1px solid rgb(119, 119, 119);
}

@media (min-width: 1024px) {
	.hr-bar{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
}

#lightbox-puntos-acumulados .btn-lbox-close {
	color: red;
    font-size: 40px;
}

.close-x, .btn-lbox-close, .btn-lbox-close-checkout {
    font-family: arial;
    font-size: 2em;
	float:right;
	padding-right: 30px;
    line-height: 1.7em;
    cursor: pointer;
    color: #020202;
}

.close-x:hover, .btn-lbox-close:hover, .btn-lbox-close-checkout:hover {
	color:red;
}

#form-buscador-p{
	margin-top: 15px;
	margin-bottom: 0px !important;
}

#floating-button{
width: 55px;
height: 55px;
border-radius: 50%;
color:#FFF;
background: #0061BF;
position: relative;
right: 10px;
cursor: pointer;
box-shadow: 0px 2px 5px #666;
font-size: 30px;
float: right;
text-align: center;
}
.full-left {
	padding-left: 0px;
	margin-left:0px;
}
/*
 * NAVBAR
 */
.flex-vertical-center {
	display: flex;
    align-items: center;
}
.navbar-side-right {
	align-self: flex-start;
}
/*
.navbar-side-lef{
	position: relative;
	width: 45%;
	float: left;
	min-height: 75px;
	max-height: 80px;
}
.navbar-side-center{
	position: relative;
	width: 10%;
	float: left;
	min-height: 75px;
	max-height: 80px;
	text-align: center;
}
.navbar-side-right{
	position: relative;
	width: 45%;
	float: right;
	min-height: 40px;
	max-height: 50px;
}
*/
#feria_logo{
	position: relative;
	width: 90%;
	margin: auto;
	min-height: 80px;
	max-height: 90px;
}
/*
 * NAVBAR - END
 */
#user-salute:hover{
	color: #424242;
}

#text-puntos:hover{
	color: #424242;
}

#open_menu{
	padding-right: 20px;
}

#cart-icon{
	font-size:18pt;
	padding-top:0px;
}

#nav-top-total-points{
	font-size: 12pt;
}

#lnk-feria:hover{
	color: #424242;
}

@media(max-width:1475px){
	.btn-nav-top{
		padding-right: 5px;
	}
}

@media(max-width:1200px){
	#cart-icon{
		font-size:14pt;
		padding-top:0px;
	}
	#user-salute{
		display: none;
	}
}

@media (max-width: 1500px) {
	#accumulated-points{
		font-size: 14pt !important;
	}
}

#lnk-modal-login-:hover{
	color:#424242;
}
#lnk-modal-choose:hover{
	color:#424242;
}

/***************@msglightbox*************************************/
.mlightbox{
  position: absolute;
  display: block;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  top: 0px;
  right: 0px;
  bottom: -200px;
  overflow: hidden;
  left: 0px;
  z-index: 12000;
  font-family: 'Roboto', sans-serif;
  display: none;
}
.mlb-header{
  position: relative;
  width: 100%;
  margin: auto;
}
.mlb-body{
  position: relative;
  width: 100%;
  height: 25%;
  margin-top: 18%;
  background-color: #FFF;
}

@media (max-height:800px){
  .mlb-body{
    height: 32%;
  }
}

@media (max-height:600px){
  .mlb-body{
    height: 32%;
  }
}

@media (max-width:1440px){
  .mlb-body{
    height: 32%;
  }
}

@media (max-width:1024px){
  .mlb-body{
    height: 32%;
  }
}

@media (max-width:768px){
  .mlb-body{
    height: 32%;
  }
}

@media (max-width:425px){
  .mlb-body{
    height: 32%;
  }
}

@media (max-width:375px){
  .mlb-body{
    height: 32%;
  }
}

@media (max-width:320px){
  .mlb-body{
    height: 32%;
  }
}

.mlb-message-body{
  position: relative;
  width: 55%;
  background-color:#FFF;
  text-align: left;
  margin: auto;
  padding-top: 0%;
}
.mlb-footer{
  position: relative;
  width: 100%;
  margin: auto;
}
.mlb-close{
  float:right;
  margin-right: 2%;
  margin-top: 0%;
  font-size: 12pt !important;
  font-weight: bold;
  color:red;
  cursor:pointer;
}

.mlb-form-element{
  position: relative;
  width: 100%;
  height: 40px;
  border: 1px solid #757575;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

.mlb-btn{
  position: relative;
  width: 150px;
  color: #FFF;
  background-color: #0061BF;
  border: none;
  float: right;
}

.mlb-btn:focus{
  border: none !important;
}

.mlb-btn:hover{
  border: none !important;
  background-color: #013e7a;
}

.island-left{
  position: relative;
  width: 15%;
  margin: 0px;
  float: right;
}
.island-middle{
  position: relative;
  width: 60%;
  margin: 0px;
  float: right;
}
.island-right{
  position: relative;
  width: 12%;
  margin: 0px;
  float: right;
}

@media (max-width:1440px){
  .mlb-message-body{
    width: 75%;
  }
}

@media (max-width:1024px){
  .mlb-body{
    margin-top: 25%;
  }
  .mlb-message-body{
    width: 85%;
  }
}
@media only screen and (max-width:768px){
  .mlb-body{
    margin-top: 35%;
  }
  .mlb-message-body{
    width: 80%;
  }
}
@media only screen and (max-width:425px){
  .mlb-body{
    margin-top: 60%;
  }
  .mlb-message-body{
    width: 90%;
  }
}
@media only screen and (max-width:375px){
  .mlb-body{
    height: 40%;
  }
  .mlb-message-body{
    width: 98%;
  }
}
@media only screen and (max-width:320px){
  .mlb-body{
    height: 40%;
  }
  .mlb-message-body{
    width: 98%;
  }
}
/*@media only screen and (max-device-width : 479px) and (orientation : landscape) {
	#horizontal {
		display: block !important;
	}
}*/

@media (max-width: 767px) {
	.text-right-xs {
		text-align: right;
	}

	.text-left-xs {
		text-align: left;
	}
}

@media (min-width: 768px) {

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-right: 25px;
	}

    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }

	.text-right-sm {
		text-align: right;
	}

	.text-left-sm {
		text-align: left;
	}
}
@media (min-width: 992px) {
	 body {
	  padding: 0;
	}

	#respon {
		display: none;
		float: right;
	}

    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }

	.text-right-md {
		text-align: right;
	}

	.text-left-md {
		text-align: left;
	}
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }

	.text-right-lg {
		text-align: right;
	}

	.text-left-lg {
		text-align: left;
	}
}
@media (max-width: 991px) {

}
#close-wrong-user{
	float: right;
	font-size: 22pt;
	cursor: pointer;
	color: red;
}
#close-forgot-password{
	float: right;
	font-size: 22pt;
	cursor: pointer;
	color: red;
}
#close-mailing-interesting{
	float: right;
	font-size: 22pt;
	cursor: pointer;
	color: red;
}
#email{
  text-align: left;
	padding-left: 5px;
}

.btn-blu-famed{
	background-color: #FFF;
	border: 1px solid #337ab7 !important;
	color: #337ab7;
}

.bono-container{
	min-height: 300px;
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.bono-wrapper{
	position: relative;
	min-height: 200px;
	width: 80%;
	margin: auto;
	margin-bottom: 2%;
	border: 1px solid lightgray;
	padding: 5px;
	cursor: pointer;
}

.pdf-container{
	min-height: 300px;
	margin-right: 15px !important;
	margin-left: 15px !important;
}
.pdf-wrapper {
	position: relative;
	min-height: 200px;
	width: 80%;
	margin: auto;
	border: 1px solid lightgray;
	cursor: pointer;
	max-height: calc(60vh - 200px) !important;
}
.btn-block-90{
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	width: 80%;
	margin: auto;
}

.fill-white{
	background-color: #FFF !important;
}

.hightlight-red-over:hover{
	color: red;
}

.reg-container{
	margin-top: 0%;
	padding: 30px 0px;
	width: 100%;
	margin-left: 0px;
	margin-bottom: 0px;
	position: absolute;
}
	
.close-lb-registry{
	cursor: pointer;
}

.gfiframe{
	width: 60%;
	margin: auto;
	min-height: 100%;
}

.items-navbar {
    display: none;
}

@media(max-width:1060px) {
	.gfiframe{
		width: 70%;
	}
}

#reg-body-part{
	width: 78%;
}
@media(max-width:1400px){
	.h1-res{
		font-size: 30px !important;
	}
}

@media(max-width:1360px){
	.h1-res{
		font-size: 25px !important;
	}
}
.lightbox-buscar{
	position: fixed;
	display: block;
	width: 100%;
	height:100%;
	background-color: rgba(255,255,255,1);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1032;
	overflow-y: scroll;
}
.close-lb-buscar{
	cursor: pointer;
}
.lb-bodycontainer{
	position: relative;
	width: 70%;
	margin: auto;
}

.margin-right{
	padding-right: 100px !important;
	padding-top: 50px;
}

.form-es{
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: none;
	border-bottom: 1px solid lightgray;
}
.btn-busqueda{
	cursor: pointer;
}

.no-hover-aliceblue:hover{
	color:#A6D1F4 !important;
}
.no-hover-blue:hover{
	color:#0061BF !important;
}

.container-menu-stand-mobile {
        display: none;

}
/* Shopping Cart */
    #shopping-cart {
        padding: 15px;
    }
    .checkout-main-content {
    padding-bottom: 100px;
    }
    /* Rewards */
    #catalog_products_zp {
        padding-bottom: 120px;
    }
/* PDFs */
    .pdf-container, .bono-container {
        width: 20%;
        margin-bottom: 35px;
    }
    .pdf-container a, .bono-container a{
        width: 90%;
        margin: 15px auto;
        white-space: normal;
    }
    .bono-wrapper {
        width: 95%
    }
    .pdf-container button{
        white-space: normal;
    }
    #topBtn {
        position: fixed;
        bottom: 110px;
        right: 10px;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.7);
        width: 50px;
        height: 50px;
        display: none;
        text-decoration: none;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 10004;
    }
    #topBtn i.fa {
        padding: 18px;
        color: #ffffff;
    }

    #topBtn:hover {
        background: rgba(0, 0, 0, 0.9);
    }
    .vertical-center {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    
.bgnone {
    background-color: transparent !important;
}
.ofscroll {
    overflow: scroll;
}
/*  STAND CATALOG */

.stand-catalog-table td {
    padding: 2px 5px 0;
}
@media (max-width: 992px) {
	.stand-catalog-table td {
		padding: 2px 2px 0;
	}
	.stand-catalog-table td input.table-cantidad {
		padding: 4px;
	}
}
.clear-product {
    font-size: 1.5em;
}
/*  PAVILLION CARDS MOVIL    */

@media (max-width: 767px) {
    .drag_stand.stand_taken {
        width: 100% !important;
    }
}

@media (min-width: 950px){
	.stand-menu-bottom{
		overflow: auto;
		white-space: nowrap;
	}
	
	.stand-menu-item{
		display: inline-block;
	}
}

@media (min-width: 760px) {
	.mobile-branding > .item {
		display: none !important;
	}	
}

@media (max-width: 760px) {
	.mobile-thumbnail .branding {
		display: block !important;
	}

	.mobile-thumbnail {
		position: relative;
	}

	.mobile-thumbnail > iframe {
		pointer-events: none;
	}

	.branding {
		display: block !important;
	}
}

@media (max-width: 992px) {
    #drag_content {
        overflow: auto;
    }
    input.standsearch {
        color: #ffffff;
        padding: 10px;
        width: 100%;
        min-height: 40px;
        background-color: rgba(255,255,255,.5);
        border-radius: 3px;
        border: 2px solid #eeeeee;
    }
    input.standsearch::placeholder {
        color: #ffffff;
    }
    #standlist{
        position: relative;
        padding: 0 5%;
    }
    div.sl_standinfo::after {
        position: absolute;
        font-size: 1.5em;
        font-weight: bold;
        right: -20px;
        top: 35%;
        content: ">";
        color: #CCCCCC;
        content: "\f138 ";
        font-family: FontAwesome;
    }
    .drag_stand.stand_taken {
        min-height: 120px;
        /*height: 100% !important;*/
        margin: 20px auto;
        background-color: #ffffff;
        background-image: none !important;
        border-radius: 5px;            
        display: flex;
        position: relative;
        /*margin: 0 10%;*/
        padding: 2.5% 8% 2.5% 5%;
        top: initial !important;
        left: initial !important;
        border-bottom: 1px solid #ffffff;
    }
    #stand .drag_stand.stand_taken {
        padding: 2.5%;
    }
    .stand_disponible {
        padding: 20px;
    }
    .drag_stand .sl_standimg {
        padding: 0;
    }
    .drag_stand .sl_standinfo {
        padding: 0 0 0 15px;
        text-align: left;
    }
    .stand_taken .logo_mini_stand {
        background-color: transparent;
        position: relative;
        height: 100%;
        /* width: 40%; */
        /* top: 0px; */
        /* right: 0px; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        border-radius: 0;
        box-shadow: none;
    }
    .logo-empresa-url {
        height: 100%;
    }
    .logo-helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    .logo-empresa-url {
        max-height: 100%;  
        max-width: 100%; 
        width: auto;
        height: auto;
        position: absolute;  
        top: 0;  
        bottom: 0;  
        left: 0;  
        right: 0;  
        margin: auto;
    }
}
@media (max-width: 767px) {
    .boton {
        border-bottom: solid 1px rgba(200, 223, 244, 0.35) !important;
        padding: 15px 10px;
    }

    .boton:last-child{
        border-bottom: none;
    }

    .boton i {
        background-color: #ffffff;
        font-size: 22px;
        padding: 10px;
        border-radius: 50px;
        border: solid 2px;
    }
    .boton span {
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
        margin-left: 15px;
        text-decoration: none;
    }
    .linkingcontent-links{
        padding: 10px 40px;
    }
    html, body {
        overflow: visible;
    }
    #bottom_bar {
        display: none;
    }
    #open_menu {
        padding: 30% 20px;
    }
    /*#open_menu:active .fa-bars:before, #open_menu:focus .fa-bars:before {
        content: "\f00d";
    }*/
    #drag_content {
        background-position: center center;
    }

    #linkingcontent, .container-menu-stand-mobile {
        margin: 10px 10%;
        width: 80%;
        overflow: auto !important;
    }
    #linkingcontent::-webkit-scrollbar,
    .container-menu-stand-mobile::-webkit-scrollbar,
    #drag_content::-webkit-scrollbar {
        width: 0%;
    }
/*    #linkingcontent {
        transform: rotate(180deg);
    }
    #linkingcontent > a , #linkingcontent > button {
        transform: rotate(-180deg);
    }*/
    .drag-link {
        display: flex;
        position: relative;
        width: 100%;
        /*margin: 0 10%;*/
        padding: 0px 5%;
        top: initial !important;
        left: initial !important;
        border-bottom: 1px solid #ffffff;
    }
    .drag-link:last-of-type {
        border-bottom: none;
    }
    
    i .new-icon{
        background-color: #ffffff !important;
        padding: 10px !important;
        border-radius: 50px !important;
        border: solid 2px #5AAEFF !important;
    }

    .icon-pill-fairs.color_prim-fondo, .body_btn_icon {
        width: 30%;
        background-color: transparent !important;
        color: #ffffff !important;
        text-align: right;
        font-size: 2em;
        line-height: 1;
        padding-top: 4%;
        float: left;
    }
    .body_btn_icon {
        width: 25%;
    }
    .instancia-in-text, .body_btn_text {
        background-color: transparent !important;
        color: #ffffff !important;
        width: 70%;
        text-align: left;
        padding-top: 4%;
        padding-right: 0;
        padding-left: 25px;
        float: left;
    }
    .body_btn_text {
        width: 75%;
        font-size: 1.3em;
        padding-top: 1%;
    }
    .btn-rally, .body_btn_chat {
        width: 100%;
        border-radius: 3px;
        text-transform: uppercase;
    }
    .btn-rally {
        margin: 8% 0;
    }
    .body_btn_chat {
        padding: 5% 0;
        font-size: 1.5em;
        font-weight: bold;
        margin: 8% 0;
    }
    .body_btn_chat .body_btn_icon {
        padding-top: 0;
        /*font-size: 1.5em;*/
    }
    .btn-rally {
        padding: 5%;
        font-size: 2em;
    }
    #avatar-container .avatar-container-text .lbl-text {
        font-size:1.1em;
    }
    /* STAND */
    #stand-rally-viewed {
        max-width: 35%;
    }
    div[id^="elem-espacio_"], .container-menu-bottom {
        display: none !important;        
    }

    #menu_premios {
        display: block ;
    }

    .btn-premios-mobile {
        display: none;
    }

    #stand {
        padding: 5%;
    }
    .stand-conoce-mas .logo-empresa {
        margin-top: 0;
        margin-bottom: 5%;
    }
    
    .info-empresa {
        font-size: 1.1em;
        line-height: 1.5em;
        padding: 0 5%;
        max-height: 100%;
        overflow: hidden;
		word-break: break-all;
    	text-overflow: ellipsis;
	}
	
    .info-empresa .et_pb_row {
        width: 100% !important;
        padding: 0 !important;
    }
    .about-empresa, .info-empresa {
        text-align: left;
    }
    .drag_stand .info-empresa a {
        top: inherit;
        left: inherit;
        width: auto;
    }
    .info-empresa-masinfo {
        font-weight: bold;
    }
    
    .close-x {
        font-size: 2em;
    }
    #over-content-whitesc {
        top: 12%;
        bottom: 3%;
        padding: 0 0 30px;
        font-size: 1.3em;
    }
    .modal-wrapper {
        max-height: 100%;
    }
    .container-menu-stand-mobile {
        display: block;
        bottom: 8%;
        margin: 0 10%;
        width: 80%;
    }
    .lightbox-inverted {
        overflow: auto;
    }
    .lightbox-contenido-inst {
        width: 100%;
        padding-bottom: 15%;
    }
    .lightbox-inverted .col-xs-12 {
        padding-right: 0;
    }
    /* CHAT */
    /* .message_feald {
        width: 80%;
    } */
    .message__actions {
        /*width: 20%;*/
        padding: 15px 15px 0 0;
    }
    .send_btn {
        min-width: initial;
    }
    /* PDFs */
    .tab-content-section {
        width: 100%;
        height: auto;
        margin-bottom:20px;
    }
    .item-lnk {
        height: auto;
    }
    .pdf-container, .bono-container {
        width: 95%;
    }
    /* Dropdowns no color */
    .btn.dropdown-toggle{
        background-color: #ffffff;
        color: #000000;
    }
    /* Rewards */
    #catalog_products_zp {
        padding-bottom: 120px;
    }
    
    #first-lang:after {
        display: none !important;
    }

    .items-navbar {
        background-color: #e8e8e8;
        display: flex;
        justify-content: space-around;
        padding: 10px;
    }
}  
@media (max-width: 500px) {
    #menu_premios {
        display: none;
    }
    
    .btn-premios-mobile {
        display: block;
    }

    .lightbox .rally-ins-circle {
        width: 100% !important;
        padding-bottom: 20px;
    }

    .lightbox .instruction{
        margin-left: 0 !important;
    }
    
    .lightbox .rally-percentage-box {
        width: 100% !important;
    }

    .btn-continue-rally-premios {
        width: 100% !important;
    }

    .btn-continue-rally-lightbox {
        width: 100% !important;
    }

    #stand-thumbnail-container {
        display: block;
    }
    
	.mobile-thumbnail {
		width: 100%;
		box-sizing: border-box;
		overflow: hidden;
		background-color: #000;
	}

	.mobile-branding {
		display: unset !important;
		margin-top: -2px;
	}
    
    .padd-movil {
        padding-top: 35px !important;
    }

    .info-empresa {
        font-size: 1em;
    }
    .icon-pill-fairs.color_prim-fondo, .body_btn_icon {
        width: 25%;
    }
    .icon-pill-fairs.color_prim-fondo, .body_btn_icon {
        font-size: 1.5em;
    }
    .instancia-in-text, .body_btn_text {
        width: 75%;
    }
/*    .instancia-in-text {
        font-size: 1.1em;
    }*/
    .body_btn_text {
        font-size: 1em;
    }
    #zona-premios-btn {
        font-size: 1.25em;
        padding: 10px 15px;
    }
}

/*  TABLETS  */

@media (min-width: 768px) and (max-width: 992px)  {
    html, body {
        width: 100%;
        overflow-x: visible;
    }
    .btn {
        padding: 9px 11px;
    }
    .navbar-side-right {
        padding-top: 15px;
    }
/*    #bottom_bar {
        display: none;
    }*/
    #stand-thumbnail-container{
        display: none;
    }

    /*  HOME  */
    #drag_content {
        background-position: center center;
        background-size: cover;
        overflow:hidden;
    }

    .fair_content {
    height: 450px !important;
    }

    .stand_cont{
    height: 350px !important;
    }

    #contact-buttons-bar{
        top: 290px !important;
        position: fixed;
    }

    .arrow-stand-left{
        top: 140px !important;

    }

    .arrow-stand-right{
        top: 140px !important;

    }
    
    #linkingcontent, .container-menu-stand-mobile {
        bottom: 5%;
        position: absolute;
        margin: 50px 22% 0;
        width: 56%;
    }
    .drag-link {
        display: flex;
        position: relative;
        width: 30px;
        padding: 2.5% 50%;
        top: initial !important;
        left: initial !important;
    }
    .drag-link:last-of-type {
        border-bottom: none;
    }
    .icon-pill-fairs.color_prim-fondo, .body_btn_icon {
        /*background-color: transparent !important;*/
        /*color: #ffffff !important;*/
        text-align: right;
        font-size: 2em;
        line-height: 1;
        padding: 10px;
        float: left;
    }
    .body_btn_icon {
        width: 25%;
    }
    .instancia-in-text, .body_btn_text {
/*        background-color: transparent !important;
        color: #ffffff !important;*/
        color: #ffffff !important;
        text-align: left;
        padding: 10px 10px 10px 25px;
        float: left;
        height: 57.5px;
    }

    .instancia-in-text > span{
        font-size: 12pt;
        font-weight: bold;
        margin-top: 0;
    }

    .lightbox-login-form, .lightbox-login-form .login-subtitle {
        text-align: center;
        font-weight: bold;
        padding-left: 0;
    }
    .lightbox-login-form {
        font-size: 2.5em;
    }
    .lightbox-login-form .login-subtitle {
        font-size: 0.5em;
    }
    .lightbox-helper {
        width: 100%; 
        padding-left: 0; 
    }
    #frm-login {
        width: 80%;
        margin: 0 auto;
    }
    #frm-login .col-xs-12.col-middle {
        padding: 0;
    }
    .login-nouser {
        text-align: center;
        padding-top: 5%;
    }
    input#login {
        width: 100%;
        margin-right: 0 !important;
        margin-top: 5%;
    }
    
    /*  SEARCH    */
    .input-search-wrapper {
        margin-bottom: 2%;
    }
    
    /*  PAVILION  */
    .drag_stand.stand_taken {
        width: 46% !important;
        float: left;
        margin: 3% 2%;
        padding: 2.5% 4% 2.5% 2%;
    }
    /*  Lightbox Rally  */
    .rally-contenido-inst {
        margin-top: 5%;
    }
    .instruction {
        width: 90%;
        margin: 5% auto;
    }
    .rally-ins-circle {
        font-size: 1.2em;
    }
    .btn-start-rally-b {
        width: 60%;
    }
    .btn-text-lg.btn-rally-ins-lightbox {
        border-radius: 3px;
        padding: 15px;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .rally-percentage-box {
        width: 50%;
        margin-bottom: 5%;
        padding-top: 2%;
    }
    .btn-continue-rally-lightbox {
        width: 50%;
    }
    /*  CHECKOUT    */
    .checkout-resume-table, #catalog_products_zp {
        width: 90%;
        max-height: 760px;
    }
    #checkout-cart th:first-child, #checkout-cart td:first-child {
        width: 50%;
    }
/*    #checkout-cart th:nth-child(2), #checkout-cart td:nth-child(2) {
        display: none;
    }*/
/*    #checkout-cart th:last-child, #checkout-cart td:last-child {
        display: none;
    }*/
    /*  STAND   */
    .container-menu-bottom {
        position: relative;
        z-index: 10001;
    }
    .stand-menu-item a {
        padding: 15px 15px;
    }
    .stand-info-tablet {
        padding: 30px 15px;
        border-top: 5px solid #eeeeee;
    }
    .logo-empresa {
        margin-right: 0;
        height: 150px;
        width: 205px;
    }
    /*  STAND NOSOTROS    */
    .stand-conoce-mas .logo-empresa {
        margin-top: -90px;
        margin-bottom: 15px;
        margin-right: 0;
        height: 125px;
        width: 125px;
    }
    /*  STAND CATALOG */
    .stand-catalog-table, .stand-catalog-table .th-header {
        font-size: 0.9em;
    }
    .stand-catalog-table th:first-child, .stand-catalog-table td:first-child,
    .stand-catalog-table th:nth-child(2), .stand-catalog-table td:nth-child(2) {
        width: 8%;
    }
    .stand-catalog-table th:nth-child(4), .stand-catalog-table td:nth-child(4),
    .stand-catalog-table th:nth-child(6), .stand-catalog-table td:nth-child(6),
    .stand-catalog-table th:nth-child(7), .stand-catalog-table td:nth-child(7) {
        width: 13%;
    }
    .stand-catalog-table th:nth-child(5), .stand-catalog-table td:nth-child(5) {
        width: 13%;
    }
    #product-searcher {
        width: 80%;
        font-size: 1em;
        padding: 9px;
        border: 1px solid #333;
        border-radius: 4px;
    }
    input#buscarproducto {
        width: 17%;
    }
/*    #over-content-whitesc {
        bottom: 30px;
        padding: 0 30px; 
    }*/
    .modal-wrapper {
        min-height: 93%;
        max-height: 100%;
    }
}
/*  TABLETS & SMARTPHONES    */

@media (max-width: 992px)  {
   
    /*  VIDEOS    */
    #video_main {
        position: absolute;
        max-width: 98% !important;
		z-index: 1;
    }

	.video_selected {
 		top: 0% !important;
        left: 1% !important;
		width: 100% !important;
    	height: 100% !important;
	}

    .lightbox {
        overflow: auto;
    }

    .lightbox-redencion .lightbox-body {
        z-index: -9999;
    }
    .btn-lbox-close {
        color: #D11919 !important;
    }

	.title-video-card {
		color: #757575 !important;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}

/*  STAND CATALOG */
#product-searcher {
    width: 80%;
    font-size: 1em;
    padding: 9px;
    border: 1px solid #333;
    border-radius: 4px;
}
input#buscarproducto {
    width: 17%;
}
/* .stand-catalogo {
    overflow-y: scroll;
} */
#table_products {
    max-height: 700px;
}
@media (max-width: 992px) {
	#table_products {
		font-size: 1.3rem;
	}
	#table_products th {
		font-size: 1.2rem;
	}
}

.catalog-products-type-table {
	display: grid;
	grid-template-rows: auto 1fr 60px;
	grid-template-areas:
	"header"
	"body"
	"footer";
	max-height: calc(100vh - 230px);
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.catalog-products-type-table .catalog-header {
	grid-area: header;
}
.catalog-products-type-table .catalog-body {
	grid-area: body;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
	-webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
	.catalog-products-type-table .catalog-body {
		overflow: overlay;
	}
	.catalog-products-type-table {
		max-height: calc(100vh - 150px);
	}
}
.catalog-products-type-table .catalog-footer {
	grid-area: footer;
}

/*  REWARDS ZONE  */
#menu_premios, #footer_zp {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    min-height: 70px;
}

/*  GENERAL   */
.no-padding-left {
    padding-left: 0;
}
.no-padding-right {
    padding-right: 0;
}
.btn {
    padding: 10px 11px;
}

/*  LOGIN   */
input#login {
    width: 100%;
    margin-right: 15px !important;
}
.login-nouser {
    text-align: center;
    padding-top: 5%;
}

/*  CHECKOUT  */
.checkout-delete a {
    color: #333333;
}


/*
 *
 * CHAT NETWORKING
 *
*/

@media (max-width: 767px) {
	.over-content {
		top: 80px;
	}
	#modal-chat .modal-content {
		max-height: 100vh;
	}
	#modal-chat .modal-content .modal-body {
		padding: 0 0 5px;
		overflow-x: hidden;
		overflow-y: auto;
		max-height: 90vh;
	}
	#modal-chat .modal-content .panel {
		margin: 0;
		border-radius: 0;
	}
	#modal-chat .modal-content .panel .panel-heading {
		border-radius: 0;
		padding: 4px 8px;
	}
	#modal-chat .modal-content .input-group {
		margin: 0 0 4px;
	}
	#modal-chat .modal-content .note-toolbar.btn-toolbar {
		display: none;
	}
	#modal-chat .modal-content .btn.btn-half {
		width: 48.5%;
		margin: 0 .5%;
		display: inline-block;
	}
}
#modal-chat .modal-content #chat_online a {
	color: #000000;
}
#modal-chat .modal-content #chat_online .usuario-username {
	display: none !important;
}
@media (max-width: 991px) {
	.container-menu-mobile-portrait-tablet {
		display: block;
		bottom: 8%;
		/* margin: 0 10%; */
		width: 80%;
		position: absolute;
		margin: 50px 10% 0;
	}
}
@media (min-width: 768px) {
	#modal-chat .modal-content #collapseOnlineChatUsers {
		display: block;
		visibility: visible;
	}
}

/************* MASONRY ************/
.macy-container::before {
    content: "";
    display: table;
    clear: both;
}

.macy-container {
	margin-top: 22px;
	max-width: 93vw;
}

.macy-container::after {
    content: "";
    display: table;
    clear: both;
}

.masonry-item {
	margin-bottom: 24px;
	margin-right: 1%;
    border-radius: 4px;
    overflow: hidden;
    border: 2px solid #dadada;
    width: 19%;
    float: left;
}

.masonry-item a {
	width: 100%;
}

.img-fluid {
    width: 100%;
    display: block;
    height: auto;
}

.masonry-item a {
    min-height: 100px;
	width: 100%;
    display: block;
    float: left;
    list-style: none;
    /* margin: 0 5px 5px 0; */
    background-color: black;
    background-position: center center;
    background-repeat: no-repeat;
}

.masonry-item a img,
.gal-status {
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.masonry-item a.is-loading {
	background-color: black;
	background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/loading.gif');
}

.masonry-item a.is-broken {
	background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/broken.png');
	background-color: #be3730;
	width: 120px;
}

.masonry-item a.is-loading img,
.masonry-item a.is-broken img {
	opacity: 0;
}

.gal-status {
	opacity: 0;
	position: fixed;
	right: 100px;
	top: 110px;
	background: hsla( 0, 0%, 0%, 0.7);
	padding: 5px;
	border-radius: 3px;
	z-index: 2; /* over other stuff */
}

.popover {
	max-width: 400px;
}

/*
 * REALTY
 */

 /***** REALTY SEARCH *****/
#realty-search-wrapper {
	/* background-image: url(https://behold.co.th/wp/wp-content/uploads/2019/02/B-4.jpg); */
	background-size: cover;
	background-attachment: fixed;
	min-height: calc(100vh - 80px);
    display: flex;
	flex-direction: column;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	overflow-x: hidden;
}
#realty-search-container {
	background-color: RGBA(0,0,0,.75);
	border-radius: 0.5rem;
	color: #fff;
}

#realty-search-container hr {
	border-color: #666666;
}

#realty-search-container .btn-group {
	max-width: 600px;
	margin: 0 auto;
	border: none;
}

#realty-search-container .btn-group button {
	color: #fff;
	font-size: 2.25rem;
	font-weight: bold;
	padding: 1.5rem 3rem;
	text-transform: uppercase;
	background-color: RGBA(0,0,0,.5) !important;
	border: 1px solid #eee !important;
}

#realty-search-container .btn-group button.active,
#realty-search-container .btn-group button:hover {
	background-color: RGBA(255,255,255,.5) !important;
}

.realty-search-title {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

#realty-search-container select {
	background: RGBA(255,255,255,1);
	border: none;
	color: #333;
	font-size: 1.5rem;
	min-width: 200px;
	width: 100%;
	height: 4rem;
	padding: 1rem;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
}

#realty-search-container select::-ms-expand {
    display: none;
}

#realty-search-container .realty-select {
	position: relative;
}

#realty-search-container .realty-select i {
	position: absolute;
	right: 1.5rem;
	font-size: 1rem;
	top: calc(100% - 2.5rem);
	color: #848382;
	pointer-events: none;
}

.product-search-form {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;
}

.product-search-form > div {
    padding: 1rem;
	flex: 1;
	min-width: 250px;
}

.product-search-form button {
	text-transform: uppercase;
}

.product-search-form #search-order-by select,
.product-search-form #search-order-by .bootstrap-select,
.product-search-form #search-order-by .fa {
  font-family: "FontAwesome", "open sans";
}

.product-search-form #search-order-by .btn-group {
	width: 100%;
}

.product-search-form #search-order-by .btn-group button {
	background-color: #ffffff !important;
	border: 1px solid #cccccc !important;
	border-radius: 4px;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 11px;
	height: 40px;
}

.product-search-form .realty-price-range {
	min-width: 400px;
}

.realty-price-range .form-group {
	margin: 1rem .5rem;
}

.realty-price-range input {
	border-radius: 4px;
	padding: 7px;
	margin: 0;
	width: 100%;
}

.realty-price-range input[type="number"] {
	margin-top: -20px !important;
	height: 40px;
}

.realty-price-range .hide {
    display: none;
}

.realty-price-range p,
.realty-price-range label {
    font-size: 1.6rem;
}

.bank-quote-title{
	font-weight: bold;
    text-transform: uppercase;
}

.bank-quote-text{
	font-weight: bold;
}

@media (max-width: 600px) {
	.realty-search-title {
		margin: 1rem 0;
	}
	#realty-search-container .btn-group {
		margin: 0 auto !important;
	}
	#realty-search-container .btn-group button {
		font-size: 2rem;
		padding: 1rem 2rem;
	}
	#realty-search-container .btn {
		margin-bottom: 0 !important;
	}
}

/***** REALTY SEARCH TAXONOMIES MODAL *****/
#modal-search-taxonomies {
	padding: 0;
}

#modal-search-taxonomies .modal-dialog {
	width: 100%;
}

#modal-search-taxonomies .modal-content {
	background-color: RGBA(0,0,0,.75);
	color: #ffffff;
	display: grid;
	grid-template-columns: 1fr 70px;
	grid-template-rows: auto 1fr auto;
	grid-template-areas: 
	"header-l header-r"
	"body body"
	"footer footer";
	height: 100%;
	width: 100%;
}

#modal-search-taxonomies .modal-header, 
#modal-search-taxonomies .modal-header-l {
	border-bottom: 1px solid #e5e5e5;
	padding: .5rem 1rem;
}

#modal-search-taxonomies .modal-header {
	grid-area: header-r;
}

#modal-search-taxonomies .modal-header-l {
	grid-area: header-l;
}

#modal-search-taxonomies .modal-header,
#modal-search-taxonomies .modal-header button {
    color: #ffffff;
}

#modal-search-taxonomies .modal-header-l h2,
#modal-search-taxonomies .modal-header button {
	font-size: 3rem;
	line-height: 3rem;
	margin: 0;
	padding: 1.5rem;
}


#modal-search-taxonomies .modal-body {
	display: flex;
    align-items: flex-start;
    justify-content: center;
}

#modal-search-taxonomies .modal-body > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
	min-height: 100%;
	max-width: 1750px;
	width: 100%;
}

#modal-search-taxonomies .modal-body > div > div {
	border: 1px solid #dedede;
	padding: .75rem 1.5rem 1.5rem;
}

#modal-search-taxonomies .modal-body > div > div h4 {
	font-size: 2.5rem;
	padding: 1.5rem 2rem;
	text-align: center;
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-1lvl,
#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl,
#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl ul {
    display: grid;
	font-size: 1.75rem;
	list-style: none;
	max-height: 100%;
	padding: 0;
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-1lvl {
	grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl {
	background-color: RGBA(0,0,0,.75);
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-1lvl li {
	padding: 0.5rem 0;
	flex: 0 0 25rem;
    display: flex;
    align-items: center;
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-1lvl li span {
    display: flex;
    align-items: center;
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl > li {
	border: 1px solid #ddd;
}

#modal-search-taxonomies .modal-body label {
	font-weight: 300;
	margin: 0 0 0 1rem;
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl li ul {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl li {
	padding: 0.5rem;
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl li span {
	display: block;
	background-color: RGBA(255,255,255,.15);
	padding: 0.5rem;
}

#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl li ul {
	margin-left: 2.5rem;
}

@media (max-width: 600px) {
	#modal-search-taxonomies .modal-dialog {
		margin: 0;
	}
	#modal-search-taxonomies .modal-body {
		justify-content: normal;
		padding: 1rem 0;
	}
	#modal-search-taxonomies .modal-body > div {
		padding: .5rem 2rem 1rem;
	}
	#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-1lvl {
		font-size: 1.25rem;
		grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	}
	#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl,
	#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl ul {
		font-size: 1.25rem;
	}
	#modal-search-taxonomies .modal-body > div .product-taxonomy-ul-2lvl li ul {
		margin-left: 1.5rem;
	}
}

/***** REALTY GRID *****/

#results-empty {
	background-color: RGBA(0,0,0,.75);
    border-radius: 0.5rem;
    color: #fff;
}

#products-grid {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax(320px, 1fr) );
	grid-gap: 2rem;
}

#products-grid p {
    margin: 0;
}

.realty-item {
	background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.realty-item:hover {
	transform: scale(1.05,1.05);
}

.realty-item-thumb {
	background-color: #eee;
	background-image: url(/img/no-img-placeholder.png);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	height: 200px;
}

.realty-item-thumb img {
	width: auto;
	height: 200px;
}

.realty-item-title {
	background: #fff;
}

.realty-item-title h3 {
	font-weight: bold;
	margin: 0;
}

.realty-item-price, .realty-item-pricerange {
	display: block;
	color: #333;
	font-weight: bold;
	font-size: 2.5rem;
}

.realty-item-price span, .realty-item-pricerange span {
	display: inline-block;
}

#products-grid .realty-item-price, #products-grid .realty-item-pricerange {
	margin-top: 1rem;
}

.realty-item-price small, .realty-item-pricerange small {
	font-size: 60%;
}

.realty-item-info {
	background: #f8f8f8;
	border-top: 2px solid #eee;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.realty-item-info > * {
	flex: 50%;
}

.realty-item-info small {
	font-weight: bold;
}

.realty-item-info a {
	line-height: 3rem;
    vertical-align: top;
}

.realty-item-info i {
	font-size: 3rem;
}

/***** REALTY MODAL *****/

#modal-realty-item .modal-dialog {
	font-size: 1.6rem;
	max-width: 1600px;
	width: 90%;
}

#modal-realty-item .modal-content {
	display: grid;
	grid-template-columns: 1fr 50px;
	grid-template-rows: auto 1fr auto;
	grid-template-areas: 
	"header-l header-r"
	"body body"
	"footer footer";
	height: 100%;
	width: 100%;
}

#modal-realty-item .modal-header, 
#modal-realty-item .modal-header-l {
	border-bottom: 1px solid #e5e5e5;
	padding: .5rem 1rem;
}

#modal-realty-item .modal-header {
	grid-area: header-r;
}

#modal-realty-item .modal-header-l {
	grid-area: header-l;
}

#modal-realty-item .nav-justified {
	display: flex;
	justify-content: space-evenly;
}
#modal-realty-item .nav-justified li {
	flex: 1 0 50%;
}

#modal-realty-item .modal-body {
	grid-area: body;
	overflow-y: auto;
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-template-rows: repeat(5, auto) 65px;
	gap: 0;
	grid-template-areas: "title title" "price price" "gallery gallery" "desc desc" "info info" "footer footer";
	padding: 0;
}

#modal-realty-item .modal-footer {
	grid-area: footer;
}

#modal-realty-item .realty-item-tab-content {
	grid-area: gallery;
	border-style: solid;
	border-color: #eee;
	border-width: 0 1px 0;
}

#modal-realty-item .realty-item-gallery {
	height: 100%;
}

#modal-realty-item .realty-item-gallery div#realty-item-gallery {
    max-height: 85%;
}

#modal-realty-item .realty-item-gallery .carousel {
	background: #333;
	display: flex;
	justify-content: center;
}

#modal-realty-item .realty-item-gallery .carousel img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#realty-item-subproducts .panel-title {
	font-size: 1.2em;
}

#realty-item-subproducts .panel img {
	max-height: 50vh;
    width: auto;
    margin: 0 auto;
}

#realty-item-subproducts .panel-group .row .row.flex-vertical-center {
    flex-wrap: wrap;
}

#realty-item-subproducts .panel-group .row .row.flex-vertical-center .col-sm-12 {
    padding: 0.5rem 1.5rem;
}

#realty-item-subproducts .realty-subproduct-price  {
	font-size: .8em;
}

#realty-item-subproducts .realty-subproduct-attributes  {
	font-size: .7em;
	text-align: center;
}

#realty-item-subproducts ul  {
	padding: 0;
	margin: 0;
}

#realty-item-subproducts ul li {
	display: inline-block;
	list-style: none;
	padding: 0 .75rem .75rem 0;
}

@media (max-width: 500px) {
	#modal-realty-item .modal-dialog {
		padding-top: 10px;
		max-height: calc(100vh - 30px);
		width: 100%;
	}
	#modal-realty-item .realty-item-gallery {
		border-width: 1px 0;
	}
	#modal-realty-item .realty-item-gallery .carousel,
	#modal-realty-item .realty-item-gallery .carousel-inner,
	#modal-realty-item .realty-item-gallery .carousel .item {
		max-height: 400px;
		height: 35vh;
	}
	.realty-item-price, .realty-item-pricerange {
		font-size: 2rem;
	}
}

@media (min-width: 501px) and (max-width: 1024px) {
	#modal-realty-item .modal-dialog {
		width: 98%;
	}
	#modal-realty-item .realty-item-gallery .carousel,
	#modal-realty-item .realty-item-gallery .carousel-inner,
	#modal-realty-item .realty-item-gallery .carousel .item {
		max-height: 500px;
		height: 40vh;
	}
}

@media (min-width: 1025px) {
	#modal-realty-item .modal-body {
		display: grid;
		grid-template-columns: 4fr 2fr 1fr;
		grid-template-rows: auto 1fr auto minmax(50px, auto);
		grid-template-areas: "gallery title price""gallery desc desc""gallery info info""footer info info";
	}
	#modal-realty-item .realty-item-tab-content {
		overflow-x: hidden;
		overflow-y: auto;
	}
	#modal-realty-item .realty-item-gallery .carousel {
		background: #333;
		display: flex;
		justify-content: center;
	}
	#modal-realty-item .realty-item-gallery .carousel,
	#modal-realty-item .realty-item-gallery .carousel-inner,
	#modal-realty-item .realty-item-gallery .carousel .item {
		height: 100%;
	}
	#modal-realty-item .realty-item-gallery .carousel .item {
		width: 100%;
	}
	#modal-realty-item .realty-item-gallery .carousel img {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	#modal-realty-item .realty-item-desc {
		overflow-x: hidden;
		overflow-y: auto;
	}
	#modal-realty-item .realty-item-info > * {
		flex: auto;
	}
}

@media (min-width: 1025px) and (max-width: 1400px) {
	html {
		font-size: 8px;
	}
	.modal-header {
		padding: 0.5rem 1rem;
		min-height: 1rem;
	}
	#modal-realty-item .modal-body > [class^=realty-item-] {
		padding: 1rem !important;
	}
	#modal-realty-item .modal-body .realty-item-gallery {
		padding: 0 !important;
	}
}

#modal-realty-item .realty-item-title {
	grid-area: title;
	border-style: solid;
	border-color: #eee;
	border-width: 0 1px 1px 0;
}

#modal-realty-item .realty-item-price, #modal-realty-item .realty-item-pricerange {
	grid-area: price;
	border-style: solid;
	border-color: #eee;
	border-width: 0 0 1px 0;
}

#modal-realty-item .realty-item-desc {
	grid-area: desc;
	white-space: pre-wrap;
}

#modal-realty-item .realty-item-info {
	grid-area: info;
}

/***** REALTY TRIVO *****/
.form-as-paragraph {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.form-as-paragraph label {
	font-weight: normal;
}

.form-as-paragraph>* {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	min-width: unset !important;
	width: auto !important;
	margin: 0 0 1rem;
	padding: 1rem !important;
}

#realty-search-container .form-as-paragraph select,
#realty-search-container .form-as-paragraph select option,
#realty-search-container .form-as-paragraph input {
	background: rgba(0, 0, 0, 0.4);
	border: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 1.75rem;
	font-weight: bold;
	height: auto;
}

#realty-search-container .form-as-paragraph select {
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #666, #666);
	background-position:
		calc(100% - 17px) calc(1.75rem + 2px),
		calc(100% - 12px) calc(1.75rem + 2px),
		calc(100% - 4rem) 1rem;
	background-size:
		5px 5px,
		5px 5px,
		1px 2.5rem;
	background-repeat: no-repeat;
	padding-right: 5rem !important;
}

#realty-search-container .form-as-paragraph select option {
	background: #333;
	font-weight: bold;
}

#realty-search-container .form-as-paragraph input[type="radio"],
#realty-search-container .form-as-paragraph input[type="checkbox"] {
	width: 3rem;
	height: 3rem;
}

@media (max-width: 600px) {
	.form-as-paragraph {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}
	#realty-search-container .form-as-paragraph select,
	#realty-search-container .form-as-paragraph select option,
	#realty-search-container .form-as-paragraph input:not([type="radio"]):not([type="checkbox"]) {
		width: 100% !important;
	}
}

.modal-footer {
	grid-area: footer;
}

.branding-video, .stands {
    position: absolute;
}

.branding-video .item {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.branding-video .item > a {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}

@media (min-width: 600px) and (max-width: 1023px) { 
    #alert-rotate-table {
        display: block ;
    }
}   

/***** REALTY FORM *****/
.showRealEstateProject,
.showRealty,
.showproducts {
	display: none;
}
.form-RealEstateProject .showRealEstateProject,
.form-Realty .showRealty,
.form-products .showproducts {
	display: block;
}

/*** SEARCH BUTTON HEADER ***/
.btn-search-products {
	font-size: 1.75rem;
	font-weight: bolder;
    text-transform: uppercase;
    border: 3px solid RGBA(0,0,0,0.5) !important;
    padding: 0.5rem 3rem;
    border-radius: 100px;
}

/*** INPUTS STYLED AS BUTTONS ***/
#search-operator {
    z-index: 0;
}

.radio-btn[type="radio"]:checked,
.radio-btn[type="radio"]:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}

.radio-btn:checked + label,
.radio-btn:not(:checked) + label{
	position: relative;
	display: inline-block;
	padding: 1.75rem .75rem;
    max-width: 100%;
	width: 40rem;
	font-size: 1.75rem;
	line-height: 2rem;
	font-weight: bolder !important;
	letter-spacing: 1px;
	margin: 0 auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
    color: #ccc;
}
.radio-btn:not(:checked) + label{
	background-color: #444444;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.radio-btn:checked + label{
	background-color: transparent;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
}
.radio-btn:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.radio-btn:checked + label::before,
.radio-btn:not(:checked) + label::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border: 2px solid #dddddd;
	border-radius: 4px;
	background-image: linear-gradient(138deg, #666, #999);
	z-index: -1;
}

#agents-buttons {
	margin-left: 25%;
	margin-right: 25%;
	display: flex;
	justify-content:space-around;
}

.card-agent:hover {
	transform: none;
	-webkit-transform: scale(1.1);
}

.card-agent {
	transition: all;
	-webkit-transition: all .4s ease-in-out;
}

.btn-product {
	border-radius:100px;
	font-weight: 900;
}

.description-product {
	font-size:12pt;
	border-bottom:none;
	max-height: 400px;
	line-height: 1.5;
    overflow-y: scroll;
}

.datos-botones .description-title {
	border-bottom:none;
	margin-top: 25px;
	font-size: 12pt;
}

.empresa-producto {
	vertical-align: middle;
    display: inline-block;
}

.empresa-producto .nombre-empresa {
	font-size: 12pt !important;
    font-weight: normal !important;
    font-family: 'Roboto', sans-serif;
}

.empresa-producto-logo {
	height: 80px;
    width: 80px;
}

.datos-botones {
	font-family: 'Roboto', sans-serif;
}

.product-card .description-desc {
	max-height: 50px;
	position: relative;
    width: 100%;
    padding-top: 5%;
	padding-bottom: 5%;
	border-bottom:none;
	overflow: hidden;
    text-overflow: ellipsis;
}

.card-description {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  
}

.product-card > div {
	display: flex;
	justify-content: center;
}

.product-card .product-thumbnail {
	display: inline-block;
	justify-content: center;
}

.product-card .product-price-text {
	display: flex;
	justify-content: center;
}

.customer-videos {
	padding: 0 25px 15px 25px;
	height: 400px;
}

.video-gallery {
	padding-bottom: 20px; 
	position: relative !important;  
	height: 50% !important;
}

.video-title {
	font-size: 15pt; 
	margin-bottom: 20px;
	padding-top: 25px;
}

.video-row {
	padding-top: 50px;
}

.video-card {
	height:50% !important;
}

@media (max-width: 767px) {
    .video-card {
		height:60% !important;
	}

	.customer-videos {
		display: none !important;
	}

	.mobil-customer-videos {
		display: block !important;
	}
}

.mobil-customer-videos{
	display: none;
}

.video-card-form {
	background-color: whitesmoke;
	margin-bottom: 30px; 
	margin-top: 30px;
}

.video-data {
	margin-left: 15px;
    margin-right: 15px;
}

.card-multi {
	margin-top: 25px; 
	margin-bottom: 25px;
}

.cerrar-video-gallery {
	font-size: 16px; 
	color: rgb(120, 124, 109);
	margin-right: 10px;
}

.cerrar-video-gallery-movil {
	font-size: 14px; 
	color: rgb(120, 124, 109); 
	margin-right: 10px;
}

.btn-close-video-gallery {
	display: flex; 
	justify-content: flex-end; 
	align-items: center;
	cursor:pointer;
}

.close-movil-x {
	font-size: 18px;
}

.video-gallery-container {
	padding-top:20px !important; 
	min-height:50%;
}

.video-gallery-modal {
	margin-bottom:10px;
	padding: 5rem;
}

.card-video-gallery {
	height:550px !important;
	min-width: 400px !important;
	box-shadow: none;
}

@media (max-width: 767px) {
	.card-video-gallery {
		min-width: 300px !important;
		box-shadow: none;
	}

	.video-gallery-modal {
		padding: 1rem !important;
	}
}

.icono-catalog {
	border: none !important;
    margin-left: 10px;
    padding: 0px 0px 0px 0px;
	height: 28px;
}

.price-card {
	color: #000;
	text-align: left;
	font-size: 12pt;
	font-weight: bolder;
	background-color: #FFF;
	margin-top: 3%;
	margin-right:20%;
}

.icono-catalog-no-price {
	margin: 0px 20px 0px 20px !important;
}

.icono-like {
	font-size: x-large;
}

.card-product-name {
	margin: unset;
	min-height: 22px;
}

.video-card-mobile{
	background-size: 80% 135% !important;
	display: block;
    position: relative;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.video-title-mobile {
    font-size: 15pt;
    margin-bottom: 20px;
    padding: 25px 15px 0px 15px;
    margin-left: 15px;

}

#networkingProfile {
	z-index: 999999; 
	padding: 15px; 
	position: absolute; 
	top: 200px; 
	border-radius: 0 50px 50px 0;
}

.networking-chat-tabs {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.networking-chat-tabs li{
	width: 50%;
}

.actual-chat{
	display: none;
}

.company-chats-back-button{
	display: none;
}

@media (max-width: 520px) {

	.company-chats-back-button{
		display: block;
		align-self: center;
		padding-right: 5%;
	}

    #chat-box-container-mobile {
        display: none;
    }
    .sidepanel {
        max-width: 100% !important;
        position: absolute;
        top: 0;
    }
    .custom-modal-content {
        top: 140px;
    }
    .element-wrapper {
        display: flex;
        flex-direction: column;
    }
    .col-md-4.bordered {
        height: 100vh;
    }

    .chats-back-button {
        width: 35px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

#playSound {
	z-index: 999999; 
	padding: 15px; 
	position: absolute; 
	top: 100px; 
	border-radius: 0 50px 50px 0;
}

.quote-bank-form {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;
}

.quote-bank-form > div {
    margin-top: 30px;
    flex: 1;
    min-width: 250px;
}
.contenedor-campos {
    margin-top: 30px;
    padding: 0 20px;
}
.campos-columnas{
    margin-top: 20px;
}

#editProfile {
	z-index: 999999; 
	padding: 15px; 
	position: absolute; 
	top: 120px; 
	border-radius: 0 50px 50px 0;
}

@media (max-width: 767px) {
    #playSound {
		z-index: 999999; 
		padding: 10px;
		position: absolute;
		top: 125px; 
		border-radius: 0 50px 50px 0;
	}

	#playSound i {
		font-size: 20px;
	}

	#editProfile {
		z-index: 999999; 
		padding: 15px;
		position: absolute;
		top: 125px; 
		border-radius: 0 50px 50px 0;
	}

	#editProfile i {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	#contact-buttons-bar{
		top: 355px !important;
	}
	#contact-buttons-bar span {
		font-size: 18px;
	}
	#contact-buttons-bar *{
		width: 35px !important;
		padding-left: unset;	
	}
}

.social {
	height: 60px;
	border-radius: 8em;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}

.social i {
    margin: 10px 5px 0px 12px;
}

.social .fa-facebook-f {
    margin: 10px 5px 0px 17px;
}

#contact-buttons-bar{
	z-index: 1;
}

#contact-buttons-bar * {
	border-radius: 0px 30px 30px 0px !important;
	margin-bottom: 9px !important;
}

.product-card .card-title {
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stand-visitados-wrapper.product-card {
	min-height: 370px !important;
    max-height: 370px !important;
}

.nombre_producto {
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pdf-container a .nombre_producto {
	min-height: 22px;
}

.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
  }
  .ribbon::before,
  .ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #2980b9;
  }
  .ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background-color: #db3434;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff;
	font: 700 18px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	text-align: center;
  }
  
  /* top left*/
  .ribbon-top-left {
	top: -10px;
	left: -10px;
  }
  .ribbon-top-left::before,
  .ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
  }
  .ribbon-top-left::before {
	top: 0;
	right: 0;
  }
  .ribbon-top-left::after {
	bottom: 0;
	left: 0;
  }
  .ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
	z-index: 1;
  }

.pdf-preview {
	width: 100%;
	object-fit: cover;
}

#linkingcontent-links .wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

#linkingcontent-links .button {
	min-width: 50px;
	min-height: 50px;
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	letter-spacing: 1.3px;
	font-weight: 500;
	color: #313133;
	background: #4FD1C5;
	background: linear-gradient(90deg, rgba(129, 230, 217, 1) 0%, rgba(79, 209, 197, 1) 100%); /*color boton*/
	border: none;
	border-radius: 50%;
	box-shadow: 12px 12px 24px rgba(79, 209, 197, .64);
	transition: all 0.3s ease-in-out 0s;
	cursor: pointer;
	outline: none;
	position: relative;
	padding: 10px;
}

#linkingcontent-links .button i {
	color: #ffffff;
	font-size: 22px;
}

#linkingcontent-links .icon i {
	padding-top: 4px;
}

#linkingcontent-links button::before {
	content: attr(data-title);
	text-transform: inherit;
	border-radius: 0 1000px 1000px 0;
	width: max-content;
	max-width: 500px;
	padding: 10px 25px 13px 50px;
	min-height: 51px;
	background-color: rgba(255, 255, 255, 1);
	border: 6px solid linear-gradient(90deg, rgba(129, 230, 217, 1) 0%, rgba(79, 209, 197, 1) 100%);;
	box-shadow: 0 0 60px rgba(0, 0, 0, .25);
	position: absolute;
	top: 0;
	left: 50%;
	opacity: 0;
	transition: all .5s ease-in-out 0s;
	transform-origin: left;
	display: table;
	justify-content: center;
	align-items: center;
	z-index: -2 !important;
	visibility: hidden;
	display: -webkit-box; 
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden; 
	text-overflow: ellipsis; 
	position: absolute;
    line-height: 32px;
    height: 10%;
}

#linkingcontent-links .button:hover,
#linkingcontent-links .button:focus {
	color: #313133;
}

#linkingcontent-links button:hover::before,
#linkingcontent-links button:focus::before {
	opacity: 1;
	visibility: visible;
}

#linkingcontent-links button::after {
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 6px solid #00FFCB;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: ring 1.5s infinite;
}

#linkingcontent-links button:hover::after,
#linkingcontent-links button:focus::after {
	animation: none;
	display: none;
}

@keyframes ring {
	0% {
		width: 0px;
		height: 0px;
		opacity: 1;
	}
	100% {
		width: 100px;
		height: 100px;
		opacity: 0;
	}
}

.color_show {
	background-color:#eeeeee; 
	border-color:#cccccc;
}

.mouse-pointer {
	color:#000;
}
.color_show i{
	width:100px; 
	border: 1px solid #cccccc;
}
.pdf-themed-rom span{
	color:red;
	font-size:40px;
}

.pdf-content-preview {
	max-height: 170px;
	overflow: hidden;
	margin-bottom: 10px;

}

@media (max-width:900px){
	.pdf-content-preview {
		max-height: 400px !important;
		overflow: hidden;
		margin-bottom: 10px;
	}
}

#modal-video-body {
	padding: 0 !important;
	border-radius: 0 0 5px 5px;
}
.icon-pill-stand {
	padding-top: 7% !important;
	background-color: #005DAB;
	border-radius: 15px;
}

.drag-btn{
	z-index: 22 !important;
}

#linkingcontent-links .wrap .button-stand::after{
	border: 6px solid var(--color, #00FFCB) !important;
}

#linkingcontent-links .wrap .button-stand::before{
	padding: 17px 25px 13px 50px;
}

#linkingcontent #linkingcontent-links {
	display: unset !important;
}

.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
}

.tab button:hover {
	background-color: #ddd;
}

.tab button.active {
	background-color: #ccc;
}

.tabcontent {
	display: none;
	padding: 6px 12px;
}

#load-curriculum{
    margin-top: 10%;
    margin-bottom:5%;
    height:280px;
    overflow-y:scroll;
}
.modal-load{
	display: grid;
	grid-template-rows: 1fr 2fr 1fr;
	grid-template-areas:
		"header"
		"body"
		"footer";
    margin: auto !important;
	width: 510px;
}
.modal-load-content {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	-webkit-background-clip: padding-box;
			background-clip: padding-box;
	outline: 0;
}

#emails-form .titulo-gestor{
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	background-color: #ededed;
}

#emails-form .contenedor {
	height: 100%;
	background-color: white;
	margin: 30px
}

#emails-form .note-editor {
	width: 100% !important;
}
#emails-form .note-editor .note-editable {
	height: 280px !important;
}

#emails-form .disabledbutton {
pointer-events: none;
opacity: 0.4;
}

#emails-form .preview-banner{
	width: 100%;
}

.notification-content {
	max-height: none !important;
}

.descripcion-notification{
	Width: 50%;
  }
/* Escribir todo el CSS antes de esta linea */

/********************************************
 ************* LAYOUT UTILITIES *************
 *******************************************/
@media (max-width: 1023px) {
	.force-linebreak-desktop {
		display: none !important;
	}
}

@media (min-width: 1024px) {
	.force-linebreak-desktop {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
}

.d-none {
	display: none;
}

.w-100 {
	flex: 100% !important;
	width: 100% !important;
}

/************* MARGINS ************/
.m-0 {
	margin: 0 !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.m-1 {
	margin: 1rem !important;
}
.mt-1 {
	margin-top: 1rem !important;
}
.mr-1 {
	margin-right: 1rem !important;
}
.mb-1 {
	margin-bottom: 1rem !important;
}
.ml-1 {
	margin-left: 1rem !important;
}
.mx-1 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}
.mx-i1 {
	margin-right: -1rem !important;
	margin-left: -1rem !important;
}
.my-1 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.m-2 {
	margin: 2rem !important;
}
.mt-2 {
	margin-top: 2rem !important;
}
.mr-2 {
	margin-right: 2rem !important;
}
.mb-2 {
	margin-bottom: 2rem !important;
}
.ml-2 {
	margin-left: 2rem !important;
}
.mx-2 {
	margin-right: 2rem !important;
	margin-left: 2rem !important;
}
.mx-i2 {
	margin-right: -2rem !important;
	margin-left: -2rem !important;
}
.my-2 {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}
.m-3 {
	margin: 3rem !important;
}
.mt-3 {
	margin-top: 3rem !important;
}
.mr-3 {
	margin-right: 3rem !important;
}
.mb-3 {
	margin-bottom: 3rem !important;
}
.ml-3 {
	margin-left: 3rem !important;
}
.mx-3 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}
.my-3 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
.m-4 {
	margin: 4rem !important;
}
.mt-4 {
	margin-top: 4rem !important;
}
.mr-4 {
	margin-right: 4rem !important;
}
.mb-4 {
	margin-bottom: 4rem !important;
}
.ml-4 {
	margin-left: 4rem !important;
}
.mx-4 {
	margin-right: 4rem !important;
	margin-left: 4rem !important;
}
.my-4 {
	margin-top: 4rem !important;
	margin-bottom: 4rem !important;
}
.m-5 {
	margin: 5rem !important;
}
.mt-5 {
	margin-top: 5rem !important;
}
.mr-5 {
	margin-right: 5rem !important;
}
.mb-5 {
	margin-bottom: 5rem !important;
}
.ml-5 {
	margin-left: 5rem !important;
}
.mx-5 {
	margin-right: 5rem !important;
	margin-left: 5rem !important;
}
.my-5 {
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}
.m-auto {
	margin: auto !important;
}
.mt-auto {
	margin-top: auto !important;
}
.mr-auto {
	margin-right: auto !important;
}
.mb-auto {
	margin-bottom: auto !important;
}
.ml-auto {
	margin-left: auto !important;
}
.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}
  

/************* PADDINGS ************/
.p-0 {
	padding: 0 !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.pr-0 {
	padding-right: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pl-0 {
	padding-left: 0 !important;
}
.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.p-1 {
	padding: 1rem !important;
}
.pt-1 {
	padding-top: 1rem !important;
}
.pr-1 {
	padding-right: 1rem !important;
}
.pb-1 {
	padding-bottom: 1rem !important;
}
.pl-1 {
	padding-left: 1rem !important;
}
.px-1 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}
.py-1 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.p-2 {
	padding: 2rem !important;
}
.pt-2 {
	padding-top: 2rem !important;
}
.pr-2 {
	padding-right: 2rem !important;
}
.pb-2 {
	padding-bottom: 2rem !important;
}
.pl-2 {
	padding-left: 2rem !important;
}
.px-2 {
	padding-right: 2rem !important;
	padding-left: 2rem !important;
}
.py-2 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.p-3 {
	padding: 3rem !important;
}
.pt-3 {
	padding-top: 3rem !important;
}
.pr-3 {
	padding-right: 3rem !important;
}
.pb-3 {
	padding-bottom: 3rem !important;
}
.pl-3 {
	padding-left: 3rem !important;
}
.px-3 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}
.py-3 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.p-4 {
	padding: 4rem !important;
}
.pt-4 {
	padding-top: 4rem !important;
}
.pr-4 {
	padding-right: 4rem !important;
}
.pb-4 {
	padding-bottom: 4rem !important;
}
.pl-4 {
	padding-left: 4rem !important;
}
.px-4 {
	padding-right: 4rem !important;
	padding-left: 4rem !important;
}
.py-4 {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}
.p-5 {
	padding: 5rem !important;
}
.pt-5 {
	padding-top: 5rem !important;
}
.pr-5 {
	padding-right: 5rem !important;
}
.pb-5 {
	padding-bottom: 5rem !important;
}
.pl-5 {
	padding-left: 5rem !important;
}
.px-5 {
	padding-right: 5rem !important;
	padding-left: 5rem !important;
}
.py-5 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}
  

/************* FONT SIZES ************/
.fs-1 {
	font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
	font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
	font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
	font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
	font-size: 1.25rem !important
}

.fs-6 {
	font-size: 1rem !important
}

@media (min-width: 1200px) {
	.fs-1 {
		font-size: 2.5rem !important
	}

	.fs-2 {
		font-size: 2rem !important
	}

	.fs-3 {
		font-size: 1.75rem !important
	}

	.fs-4 {
		font-size: 1.5rem !important
	}
}

/********** CURSOR POINTER ************/
.hand-pointer {
	cursor: pointer;
}

/************* BOX SHADOWS ************/
.shadow-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.shadow-2 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.shadow-3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.shadow-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.shadow-5 {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.shadow-1:hover {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.shadow-2:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.23);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.shadow-3:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.19), 0 10px 6px rgba(0, 0, 0, 0.23);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.shadow-4:hover {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.25), 0 15px 12px rgba(0, 0, 0, 0.22);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.shadow-5:hover {
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.30), 0 20px 16px rgba(0, 0, 0, 0.22);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

/* ¡NO escribir todo el CSS despues de esta linea! */