@font-face {
	font-family: 'Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-Light.woff') format('woff'),
		url('../fonts/Gotham-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot');
	src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-Medium.woff') format('woff'),
		url('../fonts/Gotham-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham-LightItalic';
	src: url('../fonts/Gotham-LightItalic.eot');
	src: url('../fonts/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-LightItalic.woff') format('woff'),
		url('../fonts/Gotham-LightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham-MediumItalic';
	src: url('../fonts/Gotham-MediumItalic.eot');
	src: url('../fonts/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-MediumItalic.woff') format('woff'),
		url('../fonts/Gotham-MediumItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham-Bold';
	src: url('../fonts/Gotham-Bold.eot');
	src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-Bold.woff') format('woff'),
		url('../fonts/Gotham-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham-BoldItalic';
	src: url('../fonts/Gotham-BoldItalic.eot');
	src: url('../fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-BoldItalic.woff') format('woff'),
		url('../fonts/Gotham-BoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham-Book';
	src: url('../fonts/Gotham-Book.eot');
	src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Gotham-Book.woff') format('woff'),
		url('../fonts/Gotham-Book.ttf') format('truetype');
}



/********************************************************/
/*                 Page background                      */
/********************************************************/
body, html{
	height: 100%;
	margin: 0px;
	font-family: 'Gotham-Book';
}
body, .content {
	color:#333;
}


/********************************************************/
/*                     Typography                       */
/********************************************************/
h1, h2, h3 {
	font-family: 'Gotham-Medium';
	text-transform: uppercase;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: normal;
    line-height: 1.2;
}

p, .jumbotron p {
	font-family: 'Gotham-LightItalic';
	font-size: 15px;
	line-height: 1.3em;
	color: #777;
}

b{
	font-family: 'Gotham-Medium';
}

a{ color: #be0c30; cursor: pointer; }
a:hover, a:focus { color: #e0103a; }
/*a:visited { color: #e0103a; }*/

.texto-rojo{ color: #CD503A !important; }
.texto-bordo{ color: #980521;}
.texto-bordo2{ color: #960A25;}
.back-rojo{ background-color: #CD503A;}

.btn-link{
	color: #980521;
}

.cortar-texto{
	display: block; /* Fallback for non-webkit */
	/* display: -webkit-box; */
	height: 49px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 5px 0px;
}
.cortar-texto-hover{
	width: auto;
	height: auto;
	min-height: 50px;
	white-space: initial;
	overflow:visible;
	margin: 5px 0px;
}
.cortar-texto-productos{
	display: block; /* Fallback for non-webkit */
	/* display: -webkit-box; */
	height: 38px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cortar-texto-productos2{
	display: block; /* Fallback for non-webkit */
	/* display: -webkit-box; */
	font-size: 13px;
	height: 40px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cortar-texto-mail{
	display: block; /* Fallback for non-webkit */
	/*display: -webkit-box;*/
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px;
	max-height: 30px;
}
.cortar-texto-ads{
	display: block; /* Fallback for non-webkit */
	/* display: -webkit-box; */
	height: 80px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.panel{
	box-shadow: none;
}

/********************************************************/
/*                        Header                        */
/********************************************************/
.header {
	background: #B10036;
	background: -moz-linear-gradient(top,  #b00035 0%, #ce2600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b00035), color-stop(100%,#ce2600));
	background: -webkit-linear-gradient(top,  #b00035 0%,#ce2600 100%);
	background: -o-linear-gradient(top,  #b00035 0%,#ce2600 100%);
	background: -ms-linear-gradient(top,  #b00035 0%,#ce2600 100%);
	background: linear-gradient(to bottom,  #b00035 0%,#ce2600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00035', endColorstr='#ce2600',GradientType=0 );
	color: white;
	margin-bottom: 0;
    padding-bottom: 100px;
}
.header h1 {
	font-size: 40px;
	margin: 35px 0 10px 0;
	/* text-align: center; */
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	color:#F6EFDD;
}
.header h2 {
	color: rgba(255,255,255,.9);
	font-size: 17px;
	margin: 0 0 25px 0;
	text-align: center;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
.header #logo {
    width: 100%;
    max-width: 180px;
}

.header p { font-size: 15px; line-height: 1.2em;}
.header .lead {
    color: rgba(255,255,255,.9);
    line-height: 1.2em;
    font-size: 18px;
    /* text-align: center; */
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    /* text-transform: uppercase;*/
}
.header .small {
	font-size: 0.7em;
	line-height: 1.2em;
	text-align: center;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	color: #FF8282;
}
.header .text-muted { color:white; opacity: 0.5; }

/* .header form { margin-bottom: 18px; } */
.header .form-control {
    background: transparent;
    border: 0;
    color: white;
    font-size: 15px;
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.header .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.3); }
.header .form-control:-moz-placeholder { color: rgba(255,255,255,0.3); }
.header .form-control::-moz-placeholder { color: rgba(255,255,255,0.3); }
.header .form-control:-ms-input-placeholder { color: rgba(255,255,255,0.3); }
.header .btn-default {
	/*background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.8);
	color: rgba(255,255,255,.8);*/
	text-transform: uppercase;
	color: #ce2600;
	font-size:15px;
	/* padding: 12px 36px; */
}
.cs-select>span {
    min-width: 73px !important;
}
.form-control.search { background-color: #66071a; border: 0; border-radius: 0; color: #FFFFFF; }

.form-control{
	background: #fafafa;
	border: none;
	border-bottom: 2px solid #cccccc;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/********************************************************/
/*          Illustration and its animation              */
/********************************************************/
#illustration { z-index: 1; text-align: center; width:100%; margin-bottom:-130px;}
#illustration img {
	max-width:100%;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}
.expand img{ margin-bottom:120px; margin-top:-100px; }



/********************************************************/
/*                       Content                        */
/********************************************************/

.content {
	position: relative;
	/*z-index: 999; */
	margin-bottom: 40px;
	margin-left: 250px;
	padding: 80px 30px 20px 20px;
}

.content-full {
	margin-left: 120px;
}

.jumbotron { 
	background:#66071b; 
	margin-bottom: 0;
	color: #bc082d;
	padding-bottom: 10px;
}
.jumbotron h2{
	margin-top: 0px;
}

.content .lead {
	font-family: 'Gotham-LightItalic';
	color:#999;
}

.space-before { padding-top:20px; }
.space-after { padding-bottom:20px; }

.img-feature {
	border: 15px solid #f2f2f2;
	margin:0 auto;
	-webkit-border-radius: 50% ;
	-moz-border-radius: 50% ;
	border-radius: 50%;
	padding:1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/********************************************************/
/*                   Responsiveness                     */
/********************************************************/

@media (max-width: 767px) {
	h1, h2, h3, h4 { text-align: center; font-size: 26px;}
}

@media (min-width: 482px) {
	.header h1 { font-size: 55px; }
	.header h2 { font-size: 30px; }
	.header p { font-size: 15px; }

	#illustration { margin-bottom:-215px;}
	.expand img{ margin-bottom:200px; margin-top:-180px; }
}
@media (min-width: 768px) {
	.header h1 { font-size: 2rem; }
	.header h2 { font-size: 20px; }
	.header p { font-size: 15px; }
	.header .lead { font-size:20px; }

	#illustration { margin-bottom:-310px;}
	.expand img{ margin-bottom:300px; margin-top:-190px; }

}
@media (min-width: 992px) {

	.header h1 { font-size: 2.4em; margin-top: 50px; }
	.header h2 { margin-bottom: 40px;}
	.header p { font-size: 15px; }

	#illustration { margin-bottom:-380px;}
	.expand img{ margin-bottom:370px; margin-top:-200px; }

	.space-before { padding-top:40px; }
	.space-after { padding-bottom:40px; }

}


/********************************************************/
/*                     Color themes                     */
/********************************************************/


/********************/
/*       Cyan       */
/********************/



.header {
	background: #A43222 url("../images/header.jpg") top center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	color: white;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
.header h1 { color:white; }

h1, h2, h3, h4, h5, h6 { color: #00b0b0; }
a{ color: #00b0b0; }
a:hover, a:focus { color: #007777; }
a:visited { color: #5A8B86; }

/**/


/********************/
/*      Violet      */
/********************/

/* Remove this line to activate

.header {
	background: #313A5B;
	background: -moz-linear-gradient(top,  #313A5B 0%, #5D577B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313A5B), color-stop(100%,#5D577B));
	background: -webkit-linear-gradient(top,  #313A5B 0%,#5D577B 100%);
	background: -o-linear-gradient(top,  #313A5B 0%,#5D577B 100%);
	background: -ms-linear-gradient(top,  #313A5B 0%,#5D577B 100%);
	background: linear-gradient(to bottom,  #313A5B 0%,#5D577B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313A5B', endColorstr='#5D577B',GradientType=0 );
}
.header h1 { color:white; }

h1, h2, h3, h4, h5, h6 { color: #5E7690; }
a{ color: #00b0b0; }
a:hover, a:focus { color: #007777; }
a:visited { color: #5A8B86; }

/**/

/********************************/
/*             3Ddos            */
/********************************/
.content2 {
	padding-top: 0px;
	min-height: calc(100% - 240px);
}

.fondo-derecha{
	background-image: url('../images/fondo-derecha.png');
	background-repeat: no-repeat;
	background-position: center right;
}

.fondo-derecha-abajo {
	background-position: bottom right !important;
}

footer{
	background: #999999;
	color: #CCCCCC;
	padding: 20px 0px;
	height:auto;
	margin-top: 0px;
}
footer a{
	color: #CCCCCC;
	font-family: 'Gotham-Medium';
}
footer a:hover{
	color: #FFF;
	font-family: 'Gotham-Medium';
}

.img-home{
	margin:auto;
	margin-top:-420px;
}
.img-home-youtube {
    position: absolute;

    left: 28%;
    top: 42px;

    margin-left: -50px;
}

.img-user{
	vertical-align: middle;
	background-color: #FFFFFF;
}

.img-user--foro{
	width: 50px;
	height: 50px;
}

.img-user--profile{
	width: 150px;
	height: 150px;
}

.img-user--profile-edge{
	width: 70px;
	height: 70px;
}
.img-user--profile-mini{
	width: 40px;
	height: 40px;
}

.left-info{
	height: 42px;
	padding-top: 0px;
	cursor: pointer;
	margin-bottom: 5px;
	clear: both;
}
.left-info:last-child{
	margin-bottom: 0px;
}

.sidebar-collapsed .left-info .tp {
	width: 100%;
}

.left-info .tp{
	background: #e3e5e5;
	padding: 12px 15px 12px 40px;
	border-radius: 25px;
	position: relative;
	color: #666666;
	white-space: nowrap;
	display: block;
	max-width: 180px;
	margin: 0px;
	float: left;
	overflow: hidden;
}
.left-info:hover .tp{
	color: #A10A35;
}
.left-info .num{
	color: #B00035;
	font-size: 16px;
	padding: 12px 0px;
}
.left-info .tp .icon-match_circle, .left-info .tp .icon-oferta_circle, .left-info .tp .icon-demanda_circle{
	font-size: 30px;
	margin-bottom: -10px;
	position: absolute;
	left: 5px;
	top: 6px;
	color: #999999;
}
.left-info:hover .tp .icon-match_circle, .left-info:hover .tp .icon-oferta_circle, .left-info:hover .tp .icon-demanda_circle{
	color: #A10A35;
}
.left-info.active .tp .icon-match_circle,
.left-info.active .tp .icon-oferta_circle,
.left-info.active .tp .icon-demanda_circle,
.left-info.active .tp-name,
.left-info.active .tp-num {
	color: #A10A35;
}

#preview{
	width: 150px;
	height: 150px;
	overflow: hidden;
}
#preview img{
	width: 150px;
}

.panel-danger .media{
	padding-bottom: 10px;
	border-bottom: 1px solid #F2DEDE;
}
.panel-danger > .panel-heading{
	/*background: #980521;*/
	background: #FFFFFF;
	color: #666666;
	padding: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}
.panel-danger > .panel-heading .panel-title{
	height: 30px;
	line-height: 40px;
}
.panel-danger > .panel-heading a{
	color: #666;
	font-size: 30px;
}
.panel-danger > .panel-heading a.active{
	color: #a91f20;
	font-size: 30px;
}
.panel-danger > .panel-heading a:hover{
	color: #999;
	text-decoration: none;
}

.panel-danger > .panel-heading h3{
	font-size: 14px;
}
h3{
    font-size: 32px;
}
.panel-heading{
	position: relative;
}

.panel-heading .derecha{
	background: #B00C2B;
	display: inline-block;
	border-radius: 8px;
	padding: 3px 5px;
	margin-left: 20px;
	cursor: pointer;
}

.linea-roja{
	width: 100%;
	height: 1px;
	margin: 10px 0;
	background-color: #ce2600;
}

.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-default .navbar-nav > li.question > a {
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}
.navbar-default .navbar-nav > .dropdown > a {
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
}
.navbar-nav .dropdown{
	background: rgba(152, 5, 33, 0.5) none repeat scroll 0 0;
	color: #FFFFFF;
	/*margin-left: 20px;*/
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #FFFFFF;
    font-family: 'Gotham-Medium';
}

.imagen-equipo{
	width: 60%;
	margin: auto;
	margin-bottom: 20px;
}
.imagen-equipo .img-feature{
	border:none;
}
.equipo{
	font-family: 'Gotham-LightItalic';
	color: #777;
	font-size: 15px;
}
.equipo b{
	color: #333;
}


.foros a{
	color: #666666;
}
.foros a:hover{
	color: #333;
}
.foro{
	position: relative;
	padding: 10px 20px 10px 0px !important;
	border-bottom: none !important;
	margin-top: 0px;
}
.foro .fecha{
	bottom: 10px;
	right: 15px;
	color: #666;
	font-size: 13px;
}
.foro .titular {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* height: 100%; */
    width: inherit;
    background-color: #fafafa;
}
.publicacion-foro {
    background-color: #fafafa;
    border-bottom: #ddd 2px solid;
}
/* .comentar-foro:focus { */
/*     border-color: #c81d0a !important; */
/*     box-shadow: 0px 0px 1px #c81d0a inset, 0px 0px 3px #c81d0a !important; */
/* } */
.foro .cant{
	color: #626262;
	font-size: 14px;
}
.foro .visit{
	color: #626262;
	font-size: 14px;
}
.foro .media-left{
	padding: 10px 0px;
    background-color: #fafafa;
    width: 60px;
}
.foro .media-body{
	padding: 10px 15px 10px 15px;
    background-color: #fafafa;
}
.foro .media-right{
	display: table-cell;
	vertical-align: bottom;
	text-align:right;
	color: #980521;
	font-size: 14px;
	min-width: 100px;
}
.foro .panel-footer{
	background: #EDEDED;
}

.make-columns {
	/* -webkit-column-count: 2; */ /* Chrome, Safari, Opera */
	/* -moz-column-count: 2; */ /* Firefox */
	/* column-count: auto;
    column-width: 400px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;
	margin-left: 0px;
	column-fill: initial; */
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	grid-template-rows: auto;
}

.make-columns > div {
    display: inline-block;
    width:  inherit;
}

.text-column-foro {
	word-break: break-all;
}

@media(max-width:768px){

	.make-columns {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 0px;
		width: 100%;
	}

	.foro {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.foro .titular {
		justify-content: space-evenly;
	} 

}

.btn-gris{
	color: #FFF;
	background-color: #f2f2f2;
	font-family: 'Gotham-Light';
	box-shadow: 0px 4px 0px #c9c9c9;
	padding: 10px 20px 10px 20px;
}

.carousel-control.right, .carousel-control.left {
	background: none;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: auto;
}
.carousel-inner p{
	color: #FFF;
	background: rgba(0,0,0,0.6);
	padding: 10px;
}
.carousel-indicators li {
	background-color: #000;
}
.carousel-indicators .active{
	background-color: #A20232;
}

.resultado{
	height: 170px;
	min-width: 530px;
	position: relative;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 0px 0px;
	background: transparent;
	box-shadow: none;
}
.resultado .panel-body{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #F1F2F2;
}
.resultado .fecha{
	/*position: absolute;
	bottom: 10px;
	right: 15px;*/
	position: relative;
	text-align: right;
	color: #980521;
	font-size: 10px;
}
.resultado .media{
	position: relative;
	overflow: hidden;
}
.resultado .media-left{
	position: relative;
	padding-right: 34px;
}
.resultado .media-object{
	width: 100px;
	height: 100px;
	position: relative;
}
.resultado .sin_imagen .img-circle{
	width: 90px;
	height: 90px;
}
.resultado .con_imagen .img-circle{
	width: 50px;
	border: solid 5px #F1F2F2;
	background: #F1F2F2;
	position: absolute;
	right: -30px;
	top: -5px;
}
.resultado .media-tipo{
	background: #FFF;
	border-radius: 50%;
	position: absolute;
	border: solid 5px #F1F2F2;
	right: 4px;
	bottom: -5px;
	width: 50px;
}
.resultado .media-right{
	width: 30px;
	height: 30px;
	padding: 0 10px;
	position: relative;
}
.resultado .media-right i{
	color: #B2B2B2;
	cursor: pointer;
	padding: 8px 2px;
}
.resultado .open{
	background: #B2B2B2;
}
.resultado .open i{
	color: #F1F2F2;
}
.resultado .panel-footer{
	text-align: left;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.resultado .panel-footer i, .resultado .panel-footer .icon-icono{
	color: #B2B2B2;
	font-size:18px;
}
.resultado .panel-footer .derecha,
.card .derecha {
	background: #e1e1e1;
	display: inline-block;
	border-radius: 8px;
	padding: 3px 5px;
}

#results{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.resultado2{
	min-height: 110px;
	width: 260px;
	position: relative;
	margin-bottom: 10px;
	padding: 0px;
	background: #FFFFFF;
	box-shadow: none;
}
.resultado2 .media{
	overflow: hidden;
	margin-top: 0px;
}
.resultado2 .panel-body{
	height: 295px;
}

.resultado2 .panel-body{
	margin-right: 5px;
	margin-left: 5px;
}

.resultado2 .fecha{
	position: relative;
	color: #980521;
	font-size: 10px;
}
.resultado2 .media-left{
	position: relative;
}
.resultado2 .media-object{
	position: relative;
	width: 100px;
	height: 100px;
}
.resultado2 .sin_imagen .img-circle{
	width: 90px;
	height: 90px;
}
.resultado2 .con_imagen .img-circle{
	width: 50px;
	height: 50px;
	border: solid 5px #F1F2F2;
	background: #F1F2F2;
	position: absolute;
	right: -30px;
	top: -5px;
}
.resultado2 .media-tipo{
	background: #FFF;
	border-radius: 50%;
	position: absolute;
	border: solid 5px #F1F2F2;
	width: 50px;
}
.resultado2 .media-tipo.tu_id2 {
	border-color: #D8D8D8;
}
.resultado2 .sin_imagen .media-tipo{
	right: -10px;
	bottom: -5px;
}
.resultado2 .con_imagen .media-tipo{
	right: -30px;
	bottom: -5px;
}
.resultado2 .menu-tarjeta{
	position: absolute;
	top: 3px;
	right: 8px;
}
.resultado2 .media-right{
	position: relative;
	/*width: 30px;
	height: 30px;*/
	padding: 0px 10px;
	margin-top: -15px;
	margin-right: -15px;
}
.resultado2.premium .media-right{
	position: relative;
	padding: 0px;
}
.resultado2 .menu-tarjeta i{
	color: #B2B2B2;
	cursor: pointer;
	padding: 15px 15px;
}
.resultado2 .media-right i{
	color: #B2B2B2;
	cursor: pointer;
	padding: 8px 2px;
}
.resultado2 .open{
	background: #B2B2B2;
}
.resultado2.premium .open{
	background: transparent;
}
.resultado2 .open i{
	color: #F1F2F2;
}
.resultado2 .panel-footer{
	text-align: left;
	margin: 0px;
	padding: 10px 0px;
}
.resultado2 .panel-footer{
	margin-right: 5px;
	margin-left: 5px;
}
.resultado2 .panel-footer i, .resultado2 .panel-footer .icon-icono{
	color: #B2B2B2;
	font-size:18px;
}
.resultado2 .panel-footer .derecha{
	background: #e1e1e1;
	display: inline-block;
	border-radius: 8px;
	padding: 3px 5px;
	cursor: pointer;
}


.otros .resultado2 .panel-body{
	margin-right: 5px;
	margin-left: 5px;
}
.otros .resultado2 .panel-footer{
	margin-right: 5px;
	margin-left: 5px;
}

.sidebar-right .resultado2 .panel-body{
	margin-right: 0px;
	margin-left: 0px;
}
.sidebar-right .resultado2 .panel-footer{
	margin-right: 0px;
	margin-left: 0px;
}

.visto{
	background-color: #F1F2F2;
}
.no-visto{
	background-color: #d8d8d8;
}
.container-carrusel{
    margin: auto;
    max-width: 1333px;
}
.premium .panel-body{
	border-top: solid 3px #E13A18;
	border-left: solid 3px #E13A18;
	border-right: solid 3px #E13A18;
}
.premium .panel-footer{
	border-bottom: solid 3px #E13A18;
	border-left: solid 3px #E13A18;
	border-right: solid 3px #E13A18;
}

.no-visto .con_imagen .img-circle{
	border: solid 5px #D8D8D8;
}
.no-visto .media-tipo{
	border: solid 5px #D8D8D8;
}


.resultados-home
{
	background:#F2F2F2;
	padding-bottom: 50px;
	margin-bottom: 0px;
	height: auto;
	overflow: hidden;
}
/* .resultados-home h3
{
	color:#666;
	font-size:18px;
	font-family: 'Gotham-Medium';
	margin-bottom: 30px;
} */
.font15-rem{
    font-size: 1.8rem;
    font-weight: 100;
}
.img3-rem {
    width: 3rem !important;
    border-radius: 100rem;
    margin-left: 6.5rem;
    background: white;
    border: 5px solid white;
}
.swal-text{
    text-align: center;
}

.banda{
    width: 8rem !important;
    left: 0;
    right: 3px;
    top: 3px;
    margin-left: auto;
}
.resultados-home .resultado2{
	background:#F2F2F2;
	margin: 0px 0px 100px;
	min-width: 260px;
}
.font-weight-500{
    font-weight: 500;
}
.resultados-home .resultado2 .panel-body{
	border-top: solid 3px #8A8A8A;
	border-left: solid 3px #8A8A8A;
	border-right: solid 3px #8A8A8A;
	margin-right: 5px;
	margin-left: 5px;
}
.resultados-home .resultado2 .panel-footer{
	border-bottom: solid 3px #8A8A8A;
	border-left: solid 3px #8A8A8A;
	border-right: solid 3px #8A8A8A;
	margin-right: 5px;
	margin-left: 5px;
}
.resultados-home .premium .panel-body{
	border-top: solid 3px #E13A18;
	border-left: solid 3px #E13A18;
	border-right: solid 3px #E13A18;
}
.resultados-home .premium .panel-footer{
	border-bottom: solid 3px #E13A18;
	border-left: solid 3px #E13A18;
	border-right: solid 3px #E13A18;
}

.estadisticas .table th{
	font-family: 'Gotham-Medium';
	color: #980521;
}
.estadisticas .table td p{
	padding: 0 10px;
	border-right: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	color: #333;
    font-family: "Gotham-Light";
    line-height: 1.42857;
    font-size: 14px;
}
.estadisticas .table th p{
	padding: 0 10px;
	border-right: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	color: #980521;
    font-family: 'Gotham-Medium';
    line-height: 1.42857;
    font-size: 14px;
    min-height: 60px;
}


.estadistica1 {
	position: relative;
	padding: 15px;
}
.estadistica2 {
	position: relative;
	padding: 15px;
	background: #dbdbdb;
}
.estadistica2 i{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 10px;
	border-radius: 50%;
	color: #FFF;
}

#area_primera_cargar{
	margin-top: 80px;
}
#area_botones_cargar{
	margin-top: 80px;
}
#area_primera_cargar p{
	font-size: 20px;
	text-align: center;
	font-family: 'Gotham-Light';
}
#area_botones_cargar p{
	font-size: 20px;
	text-align: center;
	font-family: 'Gotham-Light';
}

.btn-nuevo-gigante{
	text-align: center;
}
.btn-nuevo-gigante img{
	padding: 0px 20px;
	margin: auto;
}

.btn-verde{
	color: #0ab600;
	background: #f1f2f2;
	font-family: 'Gotham-Light';
	box-shadow: 0px 4px 0px #c9c9c9;
	padding-top: 15px;
	padding-bottom: 10px;
}
.btn-verde2{
	color: #FFFFFF !important;
	background: #0ab600;
}
.btn-verde i{
	margin-top: -5px;
	margin-right: 10px;
	margin-left: 10px;
}
.btn-verde:hover{
	color: #FFFFFF;
	background: #0ab600;
}

.btn-rojo{
	color: #A91F20;
	background: #f1f2f2;
	font-family: 'Gotham-Light';
    padding: 5px 15px 5px 15px;
	box-shadow: 0px 1px 0px #000;
	box-shadow: 0px 4px 0px #c9c9c9;
	padding-top: 15px;
	padding-bottom: 10px;
}
.btn-amarillo{
	color: #FFFFFF !important;
	background-color: #FFBF1E;
	font-family: 'Gotham-Light';
    padding: 5px 20px;
	box-shadow: 0px 1px 0px #c9c9c9;
	/*padding: 15px 20px 10px 20px;*/
}
.btn-rojo2{
	color: #FFFFFF !important;
	background-color: #e13a18;
	font-family: 'Gotham-Light';
	box-shadow: 0px 1px 0px #c9c9c9;
	/*padding: 15px 20px 10px 20px;*/
}
.btn-rojo3 {
    background-color: #A91F20;
    color: #fff;
	font-family: 'Gotham-Light';
    padding: 5px 15px 5px 15px;
	box-shadow: 0px 1px 0px #000;
}
.btn-rojo4 {
    background-color: #870921;
    color: #fff;
	font-family: 'Gotham-Light';
    padding: 5px 15px 5px 15px;
	box-shadow: 0px 1px 0px #000;
}
.btn-rojo5{
	color: #e13a18;
	background-color: #f1f2f2;
	font-family: 'Gotham-Light';
	box-shadow: 0px 1px 0px #c9c9c9;
	/*padding: 15px 20px 10px 20px;*/
}
.btn-rojo2 a {
	color: #FFFFFF !important;
}
.btn-rojo i{
	margin-top: -5px;
	margin-right: 10px;
	margin-left: 10px;
}
.btn-rojo:hover, .btn-rojo2:hover, .btn-rojo3:hover, .btn-rojo5:hover {
	color: #FFFFFF;
	background: #A91F20;
}
.btn-rojo4:hover{
	background-color: #FFFFFF;
	color: #870921;
}

.btn-nuevo-producto{
	display:block;
	width:100%;
	text-align:center;
	border-top: 2px solid #A91F20;
	margin-top: 35px;
}

.btn-facebook{
	color: #fff !important;
    background: #3b5998;
    border-color: #3b5998;
    text-transform: uppercase;
}
.btn-google-plus{
	color: #fff !important;
    background: #d34836;
    border-color: #d34836;
    text-transform: uppercase;
}



/*-- Skills --*/

.skills{
  padding-top: 20px;
  padding-bottom: 20px;
}

.percentage.easyPieChart > span, .percentage.easyPieChart {
  color: #CD503A;
  font-size: 22px;
}
.percentage.easyPieChart {
  font-size: 27px;
}
.easyPieChart {
  position: relative;
  text-align: center;
  margin: 0 auto 20px;
}
.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.skills small {
  text-align: center;
  font-size: 18px;
  display: block;
  color: #CD503A;
}

.area-estrellas{
	position: absolute;
	top: 36px;
	right: 15px;
	background: #980521;
	padding: 5px 10px;
	width: 130px;
	z-index: 1000;
}

#area_idiomas_index{
	position:absolute;
    top: 8px;
    right: 20px;
}
div.cs-select {
    background: transparent !important;
}
.cs-skin-elastic .cs-options span {
    background-position: 0.5em 50% !important;
    padding: 2px 1em 2px 2em !important;
    background-size: 1em auto !important;
}
.cs-select>span {
    padding-right: 3em;
    padding: 0.5rem !important;
    min-width: 140px;
    border-radius: 5px;
}

.tooltip.in {
	filter: alpha(opacity=100);
	opacity: 1;
}
.tooltip-inner {
    color: #666;
	background-color: #FFF5E1;
  	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #F3DA95;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #FFF7DB;
}
.tooltip.top-left .tooltip-arrow {
	border-top-color: #FFF7DB;
}
.tooltip.top-right .tooltip-arrow {
	border-top-color: #FFF7DB;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #FFF7DB;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #FFF7DB;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #FFF7DB;
}
.tooltip.bottom-left .tooltip-arrow {
	border-bottom-color: #FFF7DB;
}
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #FFF7DB;
}


.modal-header {
	background: #FFFFFF;
}
.modal-footer {
	background: #F5F5F5;
}


.dropdown-menu{
	border-radius: 0px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	color: #CD503A;
}


.navbar-nav .dropdown.question{
	background-color: transparent;
}
.navbar-nav > .dropdown.question > a{
	padding-left: 10px;
	padding-right: 10px;
}
.question .badge{
	position: absolute;
	bottom: 5px;
	right: 2px;
	background-color: #FFF;
	color: #BC0F20;
	padding: 5px 5px 3px 5px;
}

.sidebar-collapsed {
	width: 120px !important;
	overflow-x: hidden !important;
	position: fixed;
	padding-top: 60px;
	background: #EBEBEB;
}

.sidebar .toggle-sidebar {
	position: absolute;
	right: -1px;
	top: 65px;
	/* background-color: rgba(0,0,0, .1); */
	opacity: .5;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
}

.toggle-sidebar .arrow-left {
	width: 30px;
	height: 20px;
}

.toggle-sidebar .arrow-right {
	width: 30px;
	height: 20px;
}

.sidebar-collapsed .panel-body {
	padding: 15px 25px 10px 25px;
	text-align: center;
}

.sidebar-collapsed .tp-name,
.sidebar-collapsed .left-info .num,
.sidebar-collapsed .panel-user-name,
.sidebar-collapsed .panel-user-email {
	display: none !important;
}

.sidebar-collapsed .tp-num {
	display: inline-block;
	font-size: .9em;
	font-weight: bold;
}

.tp-num {
	display: none;
}



.sidebar{
	width: 250px;
	height: 100%;
	overflow: auto;
	position: fixed;
	padding-top: 60px;
	background: #EBEBEB;
	z-index: 1;
}

.sidebar .sidebar-todo{
	min-height: calc(100vh - 170px);
	margin-bottom: 0px;
}
.sidebar .panel{
	padding-left: 20px;
}

.sidebar-collapsed .panel {
	padding-left: 0px;
}

.sidebar-collapsed .nav-item-name {
	display: none;
}

.sidebar .footer{
	height: 80px;
	padding: 0px 10px;
	font-size: 12px;
	text-align: center;
}
.sidebar .footer a{
	font-size: 12px;
}
.sidebar .footer .separador{
	background-color: #D4D4D4;
	height: 1px;
	width: 180px;
	margin: 20px auto;
}
.sidebar .nav-pills{
	/*padding: 0px 10px 0px 35px;*/
}


.sidebar-collapsed .nav-pills>li>a,
.sidebar-collapsed .nav-pills>li>ul>li>a {
	display: block;
	padding: 25px 0px !important;
	text-align: center;
	border-bottom: solid 1px red;
}

.sidebar .nav-pills>li>a{
	color: #999999;
	border-bottom: 1px solid #D4D4D4;
	border-radius: 0px;
	padding: 15px 10px 15px 75px;
	font-family: "Gotham-Book";
	font-size: 13px;
}
.sidebar .nav-pills>li>a i{
	position: absolute;
	right: 10px;
}
.sidebar .nav-pills>li>a span:not(.nav-item-name){
	font-size: 26px;
	position: absolute;
	left: 42px;
	top: 8px;
}
.sidebar .nav>li>ul>li>a{
	position: relative;
	display: block;
	background: #E0E0E0;
}
.sidebar .nav-pills>li>ul>li>a{
	color: #999999;
	border-bottom: 1px solid #D4D4D4;
	border-radius: 0px;
	padding: 15px 10px 15px 75px;
	font-family: "Gotham-Book";
	font-size: 13px;
}
/*
.sidebar .nav-pills>li>ul>li>a i{
	position: absolute;
	right: 10px;
}
.sidebar .nav-pills>li>ul>li>a span{
	font-size: 26px;
	position: absolute;
	left: 42px;
	top: 18px;
}
*/
.sidebar li a:hover{
	color:#BD121D;
}
.sidebar li a.dropdown-toggle{
	color: #FFFFFF;
	background: #BD121D;
}
.sidebar li a.dropdown-toggle[data-toggle="collapse"] {
	color:#BD121D;
	background: #EBEBEB;
}
.sidebar li a.dropdown-toggle.collapsed{
	color:#999999;
	background: #EBEBEB;
}
.sidebar li a:hover.dropdown-toggle.collapsed{
	color:#BD121D;
}
.sidebar li>ul>li a:hover{
	color:#BD121D;
	text-decoration: none;
}
.sidebar .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover,
.sidebar .nav-pills>li>ul>li.active>a, .nav-pills>li>ul>li.active>a:focus, .nav-pills>li>ul>li.active>a:hover{
	color: #FFFFFF;
	background: #BD121D;
}



/**************
PLANES
*************/
.plan{
	border-right: 1px solid #CCC;
	text-align: center;
	color: #999999;
	padding: 0px 5%;
}
.plan.plan-premium{
	border-right: none;
}
.plan .img{
	width:181px;
	height: 180px;
	max-width: 100%;
	margin: auto;
}
.plan.plan-target .img{
	background-image: url('../images/target.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.plan.plan-market .img{
	background-image: url('../images/market.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.plan.plan-premium .img{
	background-image: url('../images/premium.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.plan .title{
	font-size: 24px;
	font-family: "Gotham-Bold";
	margin-top: 10px;
}
.plan .pack{
	font-size: 14px;
	font-family: "Gotham-Bold";
	margin-bottom: 15px;
}
.plan .descripcion{
	font-size: 12px;
	font-family: "Gotham-Book";
	margin-bottom: 20px;
}
.plan .btn-gris{
	color: #E13A18;
}

.plan:hover.plan-target .img{
	background-image: url('../images/target2.png');
}
.plan:hover.plan-market .img{
	background-image: url('../images/market2.png');
}
.plan:hover.plan-premium .img{
	background-image: url('../images/premium2.png');
}
.plan:hover .title{
	color: #E13A18;
}
.plan:hover .btn-gris{
	background-color: #E13A18;
	color: #FFFFFF;
}


/*************
COBRANZA
**************/
.chosen-container.chosen-container-single {
    min-width: 150px !important; /* or any value that fits your needs */
}
.plan.plan-cobranza1 .img{
	background-image: url('../images/cobranza/icono1b.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.plan.plan-cobranza2 .img{
	background-image: url('../images/cobranza/icono2b.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.plan.plan-cobranza3 .img{
	background-image: url('../images/cobranza/icono4b.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.plan:hover.plan-cobranza1 .img{
	background-image: url('../images/cobranza/icono1.png');
}
.plan:hover.plan-cobranza2 .img{
	background-image: url('../images/cobranza/icono2.png');
}
.plan:hover.plan-cobranza3 .img{
	background-image: url('../images/cobranza/icono4.png');
}


.media-heading-cobranza{
	margin-top: 20px;
	font-family: 'Gotham-Light';
	font-size: 24px;
	color: #666;
	text-transform: uppercase;
}

.nav-tabs>li{

}
.nav-tabs>li>a{
	height: 48px;
	background-color: #f2f2f2;
	color: #999999;
	border-bottom-color: #cccccc;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border: 1px solid #cccccc;
	border-bottom-color: transparent;
	color: #999999;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle{
	border-bottom-right-radius: 0px;
}

.est-color{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 4px;
}
.est-color-btn-default{
	color: #333;
	background-color: #FFF;
	border: solid 1px #EEE;
}
.est-color-btn-warning{
	color: #fff;
	background-color: #ffbf1f;
}
.est-color-btn-info{
	color: #fff;
	background-color: #31b0d5;
}
.est-color-btn-success{
	color: #fff;
	background-color: #449d44;
}

.table-dashboard th{
	color: #999999;
}
.table-dashboard td{
	color: #666666;
	border-right: 1px solid #EEE;
}
.table-dashboard td:last-child{
	color: #666666;
	border-right: none;
}

.btn-gris-chico{
	color: #999999;
	background-color: #e5e5e5;
	font-family: 'Gotham-Light';
	box-shadow: 0px 4px 0px #c9c9c9;
	padding: 6px 6px 2px 6px;
	width: 30px;
}

.btn-violeta{
	color: #FFF;
	background-color: #ac009a;
}


/***************
RESPONSIVE
***************/


.container-nocnode{
    margin: auto;
    max-width: 1200px;
}

.span-ver-video{
    position: absolute;
    margin: auto;
    top: 3rem;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    width: 90px;
    text-align: center;
}
.img-responsive {
    width: 47rem;
}
.img-world {
    width: 24rem;
}
.img-table {
    width: 28rem;
}

.text-interlineado{
    line-height: 1.5em;
    font-family: inherit;
    font-size: 19px;
}
.text-color-muted{
    color: rgb(99 99 99 / 90%);
}
.background-section-3{
    background-image: url('../../assets/images/background-section-3.svg');
    background-size: cover;
	background-attachment: fixed;
}
.text-white{
    color: white;
}
.btn-sm-a{
    font-size: .8rem;
}
.icono-bote {
    width: 8rem;
}
.font10-px{
    font-size: 12px;
}
.font14-px{
    font-size: 14px;
}
.font18-px{
    font-size: 18px;
}
.font8-px{
    font-size: 8px;
}
.bandera{
    width: 1rem !important;
    height: .8rem;
    margin-top: .2rem;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #333;
    text-decoration: none;
}
.line-height-1rem{
    line-height: 1rem;
}
.line-height-0rem{
    line-height: 0;
}
.owl-prev, .owl-next{
    border: none;
    background: none;
    outline: none;
    color: #e13a18;
}
.owl-prev:focus, .owl-next:focus{
    outline: none;
}

.navegacion{
    justify-content: space-between;
    display: flex;
    margin-top: -12rem;
    margin-bottom: 12rem;
	transform: scale(1.1);
}

.navegacion-1 {
    justify-content: space-between;
    display: flex !important;
    margin-top: -14rem;
    margin-bottom: 14rem;
    width: 100%;
}
.navegacion-header {
    justify-content: space-between;
    display: flex;
    margin-top: -17rem;
    margin-bottom: 17rem;
}

.text-danger {
    color: #a91f21!important;
}
.card {
    display: block;
    transform: scale(.95) !important;
    /* border: 2px solid rgba(0,0,0,.125); */
}
.padding-center-section-4{
    padding: 5rem 0;
}
.owl-prev{
    margin-left: -0.5rem;
    z-index: 999;
}
.owl-next{
    margin-right: -0.5rem;
    z-index: 999;
}
.owl-item{
    width: 230px;
}
.img-icono {
    width: 1.2rem !important;
    height: 1.2rem !important;
    margin-top: .2rem;
    margin-left: .3rem;;
}

/* Panel Billings */
.payment-col-billing{
	border: 1px solid #ddd;
	padding: 15px;
	color: #fff !important;
	background-image: linear-gradient(to right, #990033 , #CD2405);
	border-radius: 4px;
}

.payment-col-billing p{
    /* margin-top: 8px; */
    font-size: 16px;
    color: #fff !important;
}
.payment-col-billing span{
    font-weight: bold;
    color: #fff !important;
}
/* Panel Billings */

.payment-col{
	border: 1px solid #ddd;
	padding: 15px;
	color: #fff !important;
	background-image: linear-gradient(to right, #990033 , #f85032);
	border-radius: 4px;
}
.payment-col-top{margin-bottom: 10px; }

.payment-col h3, .payment-col p{
    margin: 0;
}
.payment-col p{
    /* margin-top: 8px; */
    font-size: 16px;
    color: #fff !important;
}
.payment-col span{
    font-weight: bold;
    color: #fff !important;
}
.payment-col-total{
    font-weight: bold;
    font-size: 16px !important;
    text-transform: uppercase;
    font-family: 'Gotham-Book';
}
.payment-col button{
	padding: 12px 22px;
	margin-top: 25px;
	margin-bottom: 15px;
	color: #be121b;
	font-size: 18px;
	font-weight: 900;
	background-color: #fff;
}
.payment-col-sec{
    margin-top: 5px;
    color: #C1C1C2;
}

.payment-col-sec p span{
    color: #990033 !important;
}
.payment-col p a{
    color: #fff !important;
}

/* .card:hover { */
/* 	border: 2px solid #e13a18; */
/* 	-webkit-box-shadow: 0px 0px 18px 6px rgba(225,58,24,1); */
/* 	-moz-box-shadow: 0px 0px 18px 6px rgba(225,58,24,1); */
/* 	box-shadow: 0px 0px 18px 6px rgba(225,58,24,1); */
/* } */

.card-destacado{
    background-image: url(../../assets/images/iconos-web/destocado.svg);
    background-repeat: no-repeat;
    position: absolute;
}
.divisor{
    margin-top: -2px;
    margin-left: .2rem;
}
.owl-theme .owl-nav {
    justify-content: space-between!important;
    display: flex;
    margin-top: -12rem;
    margin-bottom: 12rem;
}
.background-section-4{
    background-image: url(../../assets/images/background-section-5.svg);
    background-repeat: no-repeat;
    background-size: 40rem;
    background-position-y: 10rem;
}
/* .logos-empresas {
    width: 11rem;
    height: 11rem;
} */

.play-laptop{
    width: 25.4rem !important;

}
.icono-bote-1 {
    width: 8rem;
}
.card-gradien{
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#b00035),color-stop(100%,#ce2600));
}
.card-numero{
    background: white;
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    text-align: center;
    color: #b4062e;
    margin: 1rem 0 0 auto;
}
.btn-color-secundary{
    background: #E13A18;
    color: white;
}
.btn-color-secundary:hover{
    background: #DB2500;
    color: white;
}
.card-numero span{
    font-size: 1.9rem;
    position: absolute;
    margin: -0.5rem 0 0 -0.5rem;
}
 #logo {
    width: 100%;
    max-width: 140px;
}
.navbar-default {
    background: #a43222;
    background: -moz-linear-gradient(top,#b00035 0,#ce2600 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#b00035),color-stop(100%,#ce2600));
    background: -webkit-linear-gradient(top,#b00035 0,#ce2600 100%);
    background: -o-linear-gradient(top,#b00035 0,#ce2600 100%);
    background: -ms-linear-gradient(top,#b00035 0,#ce2600 100%);
    background: linear-gradient(to bottom,#b00035 0,#ce2600 100%);
    border-color: #e7e7e7;
    box-shadow: 0 4px 4px #ccc;
}
.img-table-conocenos{
    width: 33rem;
}
.linea-background-conocenos{
    background-image: url('../../assets/images/linea-background-conocenos.svg');
    background-size: 57rem;
    z-index: 9999;
    background-repeat: no-repeat;
    height: auto;
    background-position: left top;
}
@media (max-width: 1200px) {
	.header {
		padding-bottom: 300px;
	}
	.img-home{
		margin-top:-350px;
	}
	.img-home-youtube img {
        width: 80px;
    }
    .container-nocnode {
        margin: auto;
        max-width: 1030px;
    }
    .img-responsive {
        width: 30rem;
    }
    .img-world {
        width: 18rem;
    }
    .img-table {
        width: 22rem;
    }
    .h3, h3 {
        font-size: 1.5rem;
    }
    .h6, h6 {
        font-size: .7rem;
    }
    .text-interlineado {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .container-nocnode {
        margin: auto;
        max-width: 760px;
    }
	.header {
		padding-bottom: 250px;
	}
	.img-home{
		margin-top:-260px;
	}

	.img-home-youtube img {
        width: 50px;
        margin-left: 2rem;
        margin-top: -4rem;
    }
	.plan{
		border-right: none;
		margin-bottom: 50px;
	}
	.fondo-derecha{
		background: #FFFFFF;
    }
    .header .lead {
        font-size: 15px;
    }
    .img-responsive {
        width: 20rem;
    }
    .img-world {
        width: 12rem;
    }
    .text-interlineado {
        font-size: 13px;
    }
    .h3, h3 {
        font-size: 1.5rem;
    }

    .img-table {
        width: 16rem;
    }
    .btn{
        font-size: .5rem;
    }
    .header #logo {
        width: 100%;
        max-width: 140px;
    }
}

@media (max-width: 767px) {
    /* .play-laptop{
        width: 25.4rem !important;
    } */
    .img-table-conocenos {
        width: 100%;
    }
    .bandera {
        width: 1.3rem !important;
        height: 1rem;
        margin-top: .5rem;
    }
    .font10-px {
        font-size: 16px;
    }
    .line-height-1rem {
        line-height: 1.5rem;
    }
    .logos-empresas {
        width: 16rem;
    }
    .logos-empresas-1{
        width: 8rem;
    }
    .header #logo{
        width: 100%;
        max-width: 130px;
    }
    .sub-title{
        font-size: 1.6em !important;
    }
    .img-table {

        width: 19rem;

    }
    .img-world {
        width: 18rem;
    }
    .idiomas-btn{
        position: absolute;
        right: 4%;
    }
    .img-responsive {
        width: 20rem;
    }
	.header {
		background: #A43222 url("../images/header.jpg") top center;
		background-size: auto;
        padding: 0px 0 100px;
    }
    .header h1 {
        font-size: 2.3em;
    }
	.content {
		padding-top: 60px;
		margin-left: 0px;
	}

	.img-home{
		margin-top:-220px;
	}
	.img-home-youtube{
		left:50%;
		top: 80px;
		margin-left:-50px;
		width: 80px;
	}
	.img-home-youtube img {
        width: 80px;
        margin-left: 0rem;
        margin-top: -2rem;
    }

	#area_idiomas_index{
		/* position:relative; */
		top: 194px;
        right: 16px;
	}
	.btn-nuevo-gigante{
		font-size: 14px;
		padding: 0px;
	}
	.btn-nuevo-gigante a{
		white-space: normal;
		padding: 5px 8px;
	}
	.btn-nuevo-gigante i{
		right: 0px;
		bottom: 10px;
		padding: 0px;
	}

	.resultado{
		min-width: 100%;
		font-size: 12px;
	}
	.resultado .media-object{
		width: 60px;
		height: 60px;
	}
	.resultado .sin_imagen .img-circle{
		width: 60px;
		height: 60px;
	}
	.resultado .con_imagen .img-circle{
		border: solid 2px #F1F2F2;
		position: absolute;
		right: -30px;
		top: -5px;
		width: 35px;
	}
	.resultado .media-tipo{
		background: #FFF;
		border-radius: 50%;
		position: absolute;
		border: solid 2px #F1F2F2;
		right: 5px;
		top: 45px;
		width: 35px;
	}
	.resultado .media-right{
		position: absolute;
		top: 0px;
		right: 5px;
		width: 30px;
		height: 30px;
		padding: 5px;
	}

	.resultado2{
		font-size: 12px;
	}

	#area_primera_cargar{
		margin-top: 40px;
	}
	#area_botones_cargar{
		margin-top: 40px;
	}
	#area_primera_cargar p{
		font-size: 14px;
	}
	#area_botones_cargar p{
		font-size: 14px;
	}

	.cortar-texto-productos2{
		height: 35px;
	}
    .btn {
        font-size: 1rem;
    }
}

/*markDocument*/
.contener{
    overflow: auto;
    padding-bottom: 15px;
}


/*add new css*/
.plan-outer{
    margin-top: 30px;

    border-radius: 15px;
    padding: 20px 15px;
}
/*dashboard*/
.pagination{
    margin: 0px !important;
}
.pagination>li>a{
    padding: 0px 10px !important;
    border: unset !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ce2600 !important;
}
#tblOperacion .fas, #tblOperacion>thead>tr>th, #tblOperacionEC .fas, #tblOperacionEC>thead>tr>th, #tblOperacionF .fas, #tblOperacionF>thead>tr>th{
    cursor: pointer;
}
#tblDoc .fas, #tblDoc>thead>tr>th{
    cursor: pointer;
}
/*nuevo tamanños de letra*/
#area_primera_cargar p, #btn_nueva_demanda, #btn_nueva_oferta{
    font-size: 15px;
}
/* Botones Sin Resultados */
#btn_nueva_demanda2, #btn_nueva_oferta2{
	font-size: 15px;
}
@media (min-width: 768px){
    .lead {
        font-size: 15px;
    }
}
.frmUser .plan:last-child {
    border-right: unset;
}
form:not(#form_login) .form-control:focus {
    border-color: #2c7b2f;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #2c7b2f;
}
.img-ver{
	width: 100px;
	height: 100px;
	object-fit: contain;
}
.text-copy{
	background: transparent;
	display: block;
	width: 99%;
	min-height: 35px;
	border: none !important;
}
.deshabilitado{
	pointer-events:none;
	opacity: 0.5;
}
span.op_saldo span, span.co_saldo span {
	margin-left: 5px;
}
#modal_invitar .deshabilitado.btn{
    width: 6px;
    opacity: 0;
    pointer-events: none;
    font-size: 0;
    padding: 1px;
}
.dvInfo{
    background-color: #eee;
    padding: 15px 0px;
    border-radius: 3px;
    margin-bottom: 15px;
}
.dvInfo input{
    pointer-events: none;
}
.input-group .deshabilitado .btn{
    width: 1px;
    opacity: 0;
    pointer-events: none;
    font-size: 0;
    padding: 1px;
}


.rate-btn-container {
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 999999;
}


.rate-btn {
	padding: 4px 8px;
	padding-top: 8px;
	width: 44px;
	background: #58BB60;
	color: white;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 1px 10px 1px rgba(0,0,0, .2);
}

.row-col-outer{
    display: flex;
    align-items: center;
    padding: 6px 10px;
}
.content-row{
    width: 100%;
}
.standard-row-bg-col
{
    background: linear-gradient(to right,#b00035 0,#ce2600 100%);
    /* background-image: linear-gradient(to right, #990033 , #f85032); */
    border-bottom: 2px rgba(0,0,0,0.2) solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.disabled-row-bg-col
{
    background-color: #f1f1f1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px #ccc solid;
}
.row-col-outer.standard-row-bg-col .content-row h2, .row-col-outer.standard-row-bg-col .content-row p{
    color:#fff;
}
button.btn.btn-primary.colr-btn-sec1 {
    background: #fff;
    border: #fff;
    color: #f85032;
}

.content-row select, .content-row input{
    width: 120px;
    padding: 5px 5px;
    border: 1px solid #ddd;
    border-radius: 5px;

}
.content-row input{
    width: 492px;
    padding: 7px 5px;
}
.content-row input.sec-input{
    width: auto;
}

.rate-btn:focus {
	outline: none;
}

.rate-form-container {
	display: none;
	position: fixed;
	
	right: 50px;
	bottom: 110px;
	
	z-index: 999999;
}

.rate-form,
.rate-thanks {
	padding: 10px 15px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 1px 10px 1px rgba(0,0,0, .2);
	color: black;
}

.rate-thanks {
	background-color: #58BB60;
	color: white;
	display: none;
}

.rate-form-container + .show {
	display: block;
}

.rate-form .hearts {
	color: #58BB60;
	display: inline-block;
}

.rate-heart {
	cursor: pointer;
}

.notify-copy-clipboard {
	color: green !important;
}

.comments-container {
	padding-top: 10px;
}

textarea#rate-comment:focus {
	border-color: #58BB60;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(88,187,96,.6);
}

.panel-body {
	padding: 15px 9px;
}

.sidebar {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.sidebar::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}


.icon-image {
	display: block;
	width: 47px;
	position: absolute;
	left: 30px;
	top: 0px;
	filter: invert(74%) sepia(13%) saturate(18%) hue-rotate(5deg) brightness(81%) contrast(90%);
}

li[role="presentation"] a:hover > .icon-image {
	filter: invert(16%) sepia(81%) saturate(3438%) hue-rotate(9deg) brightness(102%) contrast(112%);
}

li[role="presentation"].active .icon-image {
	filter: invert(99%) sepia(96%) saturate(15%) hue-rotate(92deg) brightness(111%) contrast(101%) !important;
}

.icon-enterprise {
	display: block;
	width: 26px;
	position: absolute;
	left: 40px;
	top: 10px;
}

.modal-col{
    font-weight: normal;
    margin-left: 8px;
    cursor: pointer;
    width: 100%;
}
.modal-col h2{
    font-weight: bold;
}
.standard-row-bg-col .price {
    color: #f85032;
    font-family: 'Gotham-Book';
	float: right;
	font-size: 16px;
    font-weight: 700;
	background: #fff;
	height: 90px;
	width: 100px;
	border-radius: 50%;
	padding: 30px 10px;
    text-align: center;
}
.standard-row-bg-col .modal-col p {
    background-color: transparent !important;
    font-family: 'Gotham-Book';
    margin-top: 0px;
    color: #fff;
}
.standard-row-bg-col .modal-col h3 {
    font-family: 'Gotham-Bold';
    color: white;
}
.standard-row-bg-col .modal-col small {
    font-family: 'Gotham-Light';
    color: white;
}
.disabled-row-bg-col .price {
    color: #f85032;
    font-family: 'Gotham-Book';
	float: right;
	font-size: 16px;
    font-weight: 700;
	background: #fff;
	height: 90px;
	width: 100px;
	border-radius: 50%;
	padding: 30px 10px;
    text-align: center;
}
.disabled-row-bg-col .modal-col h3 {
    font-family: 'Gotham-Bold';
    color: #757576;
}
.disabled-row-bg-col .modal-col p {
    background-color: transparent !important;
    font-family: 'Gotham-Book';
    margin-top: 0px;
    color: #a3a3a3;
}
.disabled-row-bg-col .modal-col small {
    font-family: 'Gotham-Light';
    color: #a3a3a3;
}
.modal-billing-title {
    color:#444;
    font-size: 20px;
    text-transform: initial;
}
.modal-col-2 span {
	color: #f85032;
    font-family: 'Gotham-Book';
	float: right;
	font-size: 12px;
	background: #fff;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	padding: 15px 30px !important;
}
.modal-col-1 span {
    color: #f85032;
    font-family: 'Gotham-Book';
    float: right;
    font-size: 14px;
    background: #fff;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    padding: 25px 20px !important;
}
.modal-col h2, .modal-col p{
    margin: 0;
}
.modal-col p{
    margin: 10px 0;
}
.modal-conditon-col{
    margin: 15px 0;
}
.modal-conditon-col p{
    margin: 0;
    color: #999;
    font-family: 'Gotham-Medium';
    background-color: transparent !important;
    display: block;
}
.modal-conditon-col a {
    color: #E34E2B;
    font-family: 'Gotham-Medium';
    display: block;
    padding-left:10px;
}
.modal-conditon-col small{
    margin: 0;
    color: #999;
    font-family: 'Gotham-Light';
    padding-left:10px;
}
.modal-conditon-col p:nth-child(2){
    margin-top: 15px;
}

.custom-dialog{
    width: 740px;
}
.third-modal-outer{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}
.modal-col img{
    width: 40px;
    margin-right: 2px;
}
.modal-first-row, .modal-sec-row{
    border: unset;
}
.modal-four-row label,
.mdal-field label{
    margin-bottom: 0;
    font-size: 13px;
}
.mdal-field label{
    margin-top: 15px;
}
.modal-four-row {
    width: 100%;
    justify-content: space-around;
}
.modal-four-row input{
    width: 140px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ddd;
    outline: unset;
}
.mdal-field input,
.mdal-field select{
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    outline: unset;
    width: 100%;
}
.mdal-field select{
    width: 450px;
}
.mdal-inner-col h4{
    text-align: center;
}
.four-mdl label{
    font-weight: normal;
}
.mdal-inner-col h3{
    font-size: 20px;
    margin: 20px 0 0;
}
.img-rounded {
    border-radius: 6px;
}
.panel-body {
    padding: 15px;
}



.modal-col-block1 .modal-col p,
.modal-col-block1 .modal-col h2{
	color: #fff;
}

li[role="presentation"] a .icon-cobranza {
	content: url('../images/icon_cobranza.svg');
}
li[role="presentation"] a .icon-facturacion {
	content: url('../images/icon_facturacion.svg');
}
li[role="presentation"] a .icon-mensaje {
	content: url('../images/icon_mensaje.svg');
}
li[role="presentation"] a .icon-nocnodeads {
	content: url('../images/icon_nocnodeads.svg');
}
.menu-tarjeta i.fa-ellipsis-v {
	position: absolute;
	right: -7px;
	top: -6px;
}

.premium i.fa-ellipsis-v{
	right: -10px;
	top: -9px;
}

.premium .menu-tarjeta img {
	object-position: -10px 0px;
}

input[type=checkbox] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: solid 1px rgba(37, 37, 37, .5);
	width: 13px;
	height: 13px;
	outline: none !important;
	position: relative;
}

input[type=checkbox]:checked {
	background-color: #0CB600;
	color: white;
	border-color: transparent;
}

input[type=checkbox]:checked::after {
	content: '\2714';
	font-size: .8em;
	position: absolute;
	top: -2px;
	left: 1px;
}

@media(max-width: 850px) {
	#btn_nueva_demanda,
	#btn_nueva_oferta {
		font-size: 1em;
	}
}
.dvBr {
    border-bottom: 1px solid #ddd;
    padding-left: 0px;
}
.cobranzas .deshabilitado{
	pointer-events:none;
	opacity: 0.5;
	cursor: not-allowed;
}
.cobranzas span.op_saldo.pull-right span, span.co_saldo.pull-right span {
	margin-left: 5px;
}
.cobranzas input.dir-ct {
	height: 55px;
}
.cobranzas .indicador {
	margin-top: 30px;
	padding-left: 15px;
	width: 2%;
	/*display: inline-block;*/
	float: left;
}
.modal-four-row label,
.mdal-field label{
    margin-bottom: 0;
    font-size: 13px;
}
.cobranzas .indi {
	position: absolute;
	top: 50px;
	left: 0;
}
.cobranzas .indis {
	position: absolute;
	top: 27px;
	left: 0;
}
.cobranzas .row {
	position: relative;
}
@media (max-width: 768px){
	.cobranzas .nav-tabs>li {
	display: block;
	width: 100%;
	padding: 2px 0px;
	}
	.cobranzas .nav-tabs>li .btn{
		float: right;
	}
	.cobranzas .co-4 {
		width: 33.33333333%;
		float: left;
	}
	.cobranzas .co-8 {
		width: 65.33333333%;
		float: left;
	}
	.cobranzas .co-12 {
		width: 100% !important;
		float: left;
	}
}
/*.cobranzas .chosen-container:not(.chosen-with-drop) .chosen-single span,
.cobranzas .chosen-container:not(.chosen-with-drop) .chosen-single{
	color:  #C21717;/
}*/
.cobranzas .chosen-container,
.cobranzas .chosen-container .chosen-single,
.cobranzas .chosen-container-single .chosen-single{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
/*.cobranzas .chosen-container:not(.chosen-with-drop) {
	color: #C21717;
	border-radius: 5px;
}*/
.cobranzas .btn-buscar {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.cobranzas .plan {
	border-right: 0px solid #CCC !important;
}
.cobranzas #tipo_0 .tab-pane:not(.active){
	display: none;
}
.cobranzas .iti .iti__flag-container{
	z-index:999;
}
.iti {
	display: flex;
}
.cobranzas .iti input{
	width: 100%;
	display: block;
}
.cobranzas .text-danger p{
	color: #BF131B;
}
.cobranzas .dvPadre{
	margin-bottom: 20px;
}

.cobranzas [name*="item_8"] + .input-group-btn,
.cobranzas [name*="item_25"] + .input-group-btn,
.cobranzas [name*="item_12"] + .input-group-btn,
.cobranzas textarea[name*="seguros"] + .input-group-btn {
	vertical-align: top;
}


.modal-button{
    text-align: left;
    padding-top: 20px;
}
.cobranzas [id^="arancel"] {
	width: 100% !important;
}
.cobranzas [name^="producto_val"] + .input-group-btn{
	vertical-align: top !important;
}
.cobranzas .chosen-servicios + .chosen-container.chosen-container-single{
	width: 225px !important;
}
.cobranzas .spicon {
	font-size: 30px;
	margin-right: 10px;
}
.cobranzas .spicon:before{
	color: #E13A18;
}
.cobranzas .input-group .input-group-btn, .input-group .chosen-container{
	/*z-index: 10;*/

}
.chosen-container-single .chosen-single span{
	white-space: normal !important;
}

.chat-direct-btn {
    font-size: 1.6rem;
    background-color: transparent;
    border-radius: 50%;
    padding:5px;
    text-decoration: none;
}

.chat-direct-btn:hover {
    text-decoration: none;
}
.panel-blank {
    background-color: #fff;
}
.box-design {
    background-color: #fafafa;
    border-bottom: 2px #ddd solid;
    padding:10px;
    margin-top:5px;
}
.bold-text {
    font-weight: 700;
}

.facturacion-titular {
    font-family: 'Gotham-Medium';
    margin-bottom: 10px;
    display: block;
}
.facturacion-titular--box {
    font-size: 18px;
    font-weight: bold;
}
.clasificar-info-stat {
    background-color: #e1e1e1;
    display:inline-block;
    margin-left:20px;
    padding:3px 5px;
    border-radius: 8px;
}
.referencia-lang-align {
    float:right;
    bottom:12px;
    left:0px; 
}
.referencia-btn {
	bottom: 12px;
}
.referencia-input-group {
	right: 10px;
}
@media (max-width: 600px){
	.referencia-btn {
		bottom: auto;
	}
}
@media (max-width: 768px) {
    .referencia-lang-align {
        bottom:25px;
        left: 0px;
        position: initial;
    }
	.referencia-input-group {
		right: auto;
		padding-left: 1.5rem !important;
	}
}
/*Estilos para iconos*/
.docs .editar,
.docs .marck,
.docs .upload,
.docs .historial,
.docs .download,
.docs .eliminar{
	font-size: 32px;
	display: inline;
	padding: 0px;
}
.convertidor{
	padding: 0px !important;
	cursor: pointer;
}
.icon-covertidor {
	font-size: 32px;
}


/* Billing Planes */
.box-billing-plan {
    background-color:#F2F2F2;
    margin: 10px 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.box-billing-plan img {
    filter: grayscale(100%);
    padding: 20px;
	min-width: 100px;
}
.box-billing-plan:hover img {
    padding: 20px;
    filter: unset;
}
.box-billing-plan .title {
    font-family: "Gotham-bold";
	text-transform: uppercase;
    font-size: 2rem;
    font-weight: 700;
    padding: 0px 30px;
    text-align: left;
    color: #999;
}
.box-billing-plan:hover .title{
    color: #E13A18;
}
.box-billing-plan .descripcion {
    margin: 0px 20px;
    text-align: justify;
    font-family: 'Gotham-Book';
    color: #bcbcbc;
}
.box-billing-plan:hover .descripcion {
    color: #E13A18;
}
.box-billing-plan .price {
    color: #f85032;
    font-family: 'Gotham-Book';
	float: right;
	font-size: 18px;
    font-weight: 700;
	background: #fff;
	height: 90px;
	width: 140px;
	border-radius: 50%;
	padding: 30px 10px;
    text-align: center;
}
.box-billing-plan:hover .price {
	background: #E13A18;
    color: #fff;
}
.box-billing-plan .link-contratar {
    align-self: flex-end;
    color: #f85032;
    padding-right: 10px;
    padding-bottom: 10px;
    text-decoration: underline;
    font-family: 'Gotham-Light';
    font-weight: 700;
    font-size: 12px;
}
.card-billing {
    margin: 40px 20px;
    border-bottom: 1px #eee solid;
    padding-bottom: 20px;
}
.card-billing:last-child {
    margin: 40px 20px;
    border-bottom: none;
    padding-bottom: 20px;
}
.card-billing li{
    color: #666;
    font-family: 'Gotham-Medium';
}
.card-billing label {
    font-weight: 400;
    color: #c3c3c3;
}
.ciclo-facturacion-billing {
    display: flex;
    flex-direction: row;
}
.ciclo-facturacion-billing .ciclo:first-child {
    padding: 0px;
}
.ciclo-facturacion-billing .ciclo {
    padding: 0px 20px;
}
.ciclo small {
    font-family: 'Gotham-Book';
    font-weight: 700;
    margin-left: 20px;
    font-size: 13px;
    color: #a5a5a5;
}
.org-credit-cards {
    width:40px;
    display:flex;
    flex-direction:row;
}
.org-credit-cards img {
    padding: 0px 5px; 
}

/* Estilos Campos validacion usuario Activado */
.validate-user-box {
	border: 1px solid #ddd;
	padding: 15px;
	color: #fff !important;
	background-image: linear-gradient(to right, #990033 , #CD2405);
	border-radius: 4px;
    display: flex;
    flex-direction: row;
    font-family: 'Gotham-Medium';
    justify-content: space-between;
}

.validate-user-box li {
    margin: 0px 30px 10px 30px;
}

.validate-user-box a {
    font-family: 'Gotham-Book';
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    margin-left: 15px;
}

.validate-user-desc {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.validate-user-box img {
    width: 80px; 
    height: 80px;
    border-radius: 50%;
    align-self: flex-end;
}

.validate-user-box--check {
    background-color: #6BB15D;
    border-radius: 50%;
    text-align: center;
    height: 2rem;
    width: 2rem;
    position: absolute;
    right: 75px;
}

/* Estilos Campos validacion usuario desactivado */
.validate-user-box--disabled {
	border: 1px solid #ddd;
	padding: 15px;
    background-color: #E5E5E5 !important;
	border-radius: 4px;
    display: flex;
    flex-direction: row;
    color: #b3b3b3;
    font-family: 'Gotham-Medium';
    justify-content: space-between;
}

.validate-user-box--disabled li {
    margin: 0px 30px 10px 30px;
}

.validate-user-box--disabled img {
    filter: grayscale(1);
    width: 80px; 
    height: 80px;
    border-radius: 50%;
    align-self: flex-end;
}

.validate-user-box--disabled a {
    font-family: 'Gotham-Book';
    font-weight: 700;
    color: #ccc;
    text-decoration: underline;
    margin-left: 15px;
}

/* Ads Banner Styles */
.panel-gray {
    background:#F5F5F5;
    padding:0px;
}
.panel-orange {
    background:#E23D18;
    padding:0px;
    color:#fff;
}
.banner-bar-white-images {
    background-color:#F5F5F5;
    position:absolute;
    bottom:50px;
    text-align:center;
    padding:15px;
    left:5px;
    right: 5px;
}
.banner-bar-red-images {
    background-color:#A91E21;
    color:#fff;
    padding:10px 0px;
}
.banner-bar-svg {
    display:flex;
    justify-content:space-evenly;
    margin-top:5px;
}
.banner-bar-icons {
    font-size:28px;
    display:flex;
    justify-content:space-evenly;
    margin-top:5px;
}
.banner-normal-footer {
    margin-bottom: 10px !important;
    text-align: center !important;
    background-color:#E03917;
    color:#FFF;
}
.banner-red-footer {
    margin-bottom:10px !important;
    text-align:center !important;
    background:#A91F21;
    color:#FFF;
    border-top: none;
}
.banner-reverse-footer {
    margin-bottom:10px !important;
    text-align:center !important;
    background:#F5F5F5;
    color:#E23D18;
}
.banner-media {
    width:100%;
    overflow:hidden;
    padding-top:15px;
}
.banner-media-logo {
    width:100%;
    overflow:hidden;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-end;
    padding:20px 20px 0px 20px;
}
.banner-media-text {
    width:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:10px;
}
.banner-select {
    cursor:pointer;
    padding:0px 15px 15px 15px;
}
.banner-select-alt {
    cursor:pointer;
    padding:15px;
}
.banner-title-text {
    color:#BF412E;
    font-weight:700;
}
.banner-text {
    margin-top:5px;
    font-family: 'Gotham-Light';
    font-size:20px;
}
.banner-text-desc {
    margin-top:5px !important;
    color:#878787 !important;
}
.banner-minimal-text-logo {
    font-family:'Gotham-Light';
    font-weight:700;
}
.banner-underline-logo {
    width:60%;
    border-bottom:1px #fff solid;
    margin: 5px 0px 0px 20px;
    color:#fff;
}
.banner-underline-text {
    width:10%;
    border-bottom:1px #fff solid;
    margin: 0px 0px 0px 20px;
    color:#fff;
}
.background-profile {
	padding-top: 30px;
    margin-top: 10px;
    background-repeat: no-repeat;
    height:300px;
    width:520px;
    background-position: center top;
	background-size: cover;
}
@media(max-width: 482px){
    .background-profile {
        margin-top: 10px;
        background-repeat: no-repeat;
        height:250px;
        width:250px;
        background-position: center top;
    }
}

.table-borderless {
    border:none;
}
.table-borderless thead tr th {
    border:none;
}
.table-borderless tbody tr td{
    border:none;
}
/*Estilos para doble placeholder en input*/
input + .placeholder {
	position: absolute;
    right: 80px;
    z-index: 2;
    top: 7px;
    color: #666;
}
/* Estilos Cobranzas Documentos (AutoPlantilla) */
.elemento-arrastrable {
    text-decoration: none;
    background-color:#f1f1f1;
    border-radius:20px;
    padding:10px;
    text-align:center;
    flex: 1 0 15%;
    margin:10px;
    /* display: inline-block; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.elemento-arrastrado {
    text-decoration: none;
    background-color: #E13A18;
    border-radius:20px;
    padding:10px;
    text-align:center;
    flex: 1 0 15%;
    margin:10px;
    /* display: inline-block; */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.panel-arrastrable {
    list-style: none;
    padding:0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.titulo-seccion-arrastrable {
    display:block;
    font-family: 'Gotham-Medium';
}
.droppable-word-autotemplate {
    border-width: 2px;
    border-color: #E13A18;
    border-style: dashed;
}

.overdrag-autotemplate {
    border-color: #0ab600;
}
/* nocnode utils by jorgedev.io */
.color-nocnode {
	color: #BC1320;
}

.title p {
	font-size: 1.1em;
}

.owl-item + .card {
	background-color: #F1F2F2;
}

.owl-item .card-footer {
	background-color: #F1F2F2;
}

.premium-corner {
	max-width: 104px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
}

.card-premium > .premium-corner {
	opacity: 1;
}

#results-new .panel-body {
	height: 295px;
}

.world-text {
    font-size: 1.5em !important;
    opacity: .7;
}


.video-container iframe {
	width: 100%;
    height: 405px;
	background-image: url('/images/landing-laptop.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 13%;
	padding-top: 23px;
	padding-bottom: 50px;
	
	/* padding-left: 90px;
    padding-right: 90px;
    padding-top: 23px;
    padding-bottom: 50px; */
}

@media(max-width: 1200px) {
	.video-container iframe {
		padding-top: 20px;
		padding-bottom: 50px;
	}
}

@media(max-width: 1199px) {
	.video-container iframe {
		padding-top: 47px;
		padding-bottom: 70px;
	}
}

@media(max-width: 1024px) {
	.video-container iframe {
		padding-top: 47px;
		padding-bottom: 70px;
	}
}

@media(max-width: 991px) {
	.video-container iframe {
		padding-top: 20px;
    	padding-bottom: 65px;
	}
}

@media(max-width: 768px) {
	.text-center-xs {
		text-align: center !important;
	}

	.video-container iframe {
		padding-top: 27px;
		padding-bottom: 47px;
	}
	
	.box-billing-plan {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding-bottom: 20px;
	}
}

@media(max-width: 900px) {
	.box-billing-plan {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding-bottom: 20px;
	}
}

@media(max-width: 767px) {

	.video-container iframe {
		padding-top: 60px;
    	padding-bottom: 87px;
	}
}

@media(max-width: 500px) {

	.video-container iframe {
		background-size: 120%;
		padding: 0 6%;
		padding-top: 50px;
    	padding-bottom: 77px;
	}
}

@media(max-width: 460px) {

	.video-container iframe {
		padding-top: 50px;
    	padding-bottom: 77px;
	}
}

.video-container.video-container--nosotros {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.video-container.video-container--nosotros iframe {
	background-image: none;
	border-color: #000;
	border-width: 0.45rem;
	border-style: solid;
	padding: 0;
	width: 560px;
	height: 315px;
}

/* Estilos de tabla Dinamica */
.tablaDinamica--PanelOneline {
    overflow-x: scroll;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    height:40px;
    width:100%;
    margin-left: 10px;
}
.tablaDinamica--oneline {
    display:flex;
    flex-direction:row;
    width:100%;
    margin-right: 20px;
}
.tablaDinamica--oneline label {
     text-overflow: ellipsis;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      vertical-align: middle;
}

.tablaDinamica--ContainerChecks {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
/** ************************ */

@media(max-width: 425px) {

	.video-container iframe {
		padding-top: 80px;
    	padding-bottom: 97px;
	}
}

@media(max-width: 375px) {
	.video-container iframe {
		padding-top: 80px;
    	padding-bottom: 110px;
	}
}

@media(max-width: 320px) {

	.video-container iframe {
		padding-top: 110px;
    	padding-bottom: 127px;
	}
}

.premium-card-img {
	position: absolute;
	top: 0;
	right: 0;
}

.owl-item .premium-card-img {
	width: 100px !important;
}

.owl-carousel .premium-card {
	border: solid 3px rgba(206, 52, 25, .7) !important;
	transition: all .3s ease-in-out;
}

.owl-carousel .premium-card:hover {
	box-shadow: 0px 0px 9px 1px rgba(206, 52, 25, .7);
	cursor: pointer;
}

.owl-item:has(.premium-card) {
	background-color: red !important;
}

#section-carousel {
	background-color: #F2F1F1;
}

#form_login p.small {
	color: rgba(255,255,255, .9);
}

.color-checked {
	color: #980521 !important;
}

.form-control-verde.form-control:focus {
    border-color: #2c7b2f;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #2c7b2f;
}

#form_search p {
    color: white;
    display: inline-block;
    font-weight: bold;
    padding: 0px 20px;
    font-size: 1.2em;
}
/*estilos para sugerencia de texto*/
.suggestWindow {
	position: absolute;
	visibility: visible;
	padding: 0px;
	max-height: 140px;
	overflow: auto;
}
.suggestWindow li {
	cursor: pointer;
	padding: 3px 8px;
}
.suggestWindow li:hover {
	background-color: #ddd;
}
.suggestWindow::-webkit-scrollbar {
	width: 7px;
}
.suggestWindow::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
	background: #fff;
}
.suggestWindow::-webkit-scrollbar-thumb {
	background-color: #807f7f;
	outline: 0px solid slategrey;
}
.sugess::-webkit-scrollbar {
	width: 7px;
}
.sugess::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
	background: #fff;
}
.sugess::-webkit-scrollbar-thumb {
	background-color: #807f7f;
	outline: 0px solid slategrey;
}
/*--------------------------------*/

.rounded-top-6px {
	border-radius: 6px 6px 0px 0px;
}


.panel-heading .icon-dark i {
	background-color: #666666;
	border-radius: 100%;
	color: white;
	padding: 3px 4px;
	font-size: .5em;
}

.panel-heading .fa-filter,
.panel-heading .fa-plus,
.chat-header i {
	font-size: .65em;
}
.panel-heading .icon-demanda_circle,
.panel-heading .icon-oferta_circle {
	font-size: .8em;
}

li.question a {
	padding: none;
}

.gotham-book-all:not(i),
.gotham-book-all *:not(i) {
	font-family: 'Gotham-Book';
}

.panel-new-message,
.panel-new-message textarea {
	border-radius: 6px 6px 0px 0px;
}

.fa-plus-red {
	font-size: 1.5em;
}

.modal-title {
	text-transform: uppercase;
	font-family: 'Gotham-Bold';
}

/* Area de referencias */
.area-referencias {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.area-referencias--perfil {
	margin-bottom:5px;
}

.area-referencias--productos {
	padding-top: 20px;
}

.referencia-seteada{
	cursor: not-allowed;
}

@media(max-width:768px){

	.area-referencias {
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: center;
	}
	.area-referencias--perfil {
		margin-bottom:5px;
	}

	.area-referencias--productos {
		padding-top: 20px;
	}

	/* Vista Producto -- Orden en Movil */
	.resultado-view--producto {
		display: flex;
		flex-direction: column-reverse;
	}
}

/* On Board */

.panel-danger>.panel-heading{
	background: #FFFFFF;
    color: #666666;
}
.img-init + a{
	font-size: 14px;
	position: absolute;
	right: 15px;
	top: 0px;
}
.table-responsive{
	overflow:unset;
	width: 100%;
}
.frmUser{
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media(max-width: 768px) {
	.frmUser{
		float: left;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.img-init{
		width: 100%;
	}
	.img-init + a{
		font-size: 12px;
		position: absolute;
		right: 15px;
		top: -30px;
	}
	.btn_agregar_op{
		position: absolute;
		bottom: 0;
		left: 15px;
	}
	.img-dash{
		margin-bottom: 10px;
	}
	#aprobar_all{
		clear: both;
	}
	.foot-board{
		display: flex;
		margin-top: 50px !important;
		margin-bottom: 75px !important;
		flex-direction: column;
		padding: 0px;
	}
	.btn.procesar{
		font-size: 12px !important;
	}
	.image-marker-container {
		width: 100% !important;
	}
	.agregarFile{
		margin-top: 20px;
	}
	#modal_historial .modal-title{
		font-size: 14px;
	}
	.md-6 {
		width: 99% !important;
	}
	.table-responsive{
		overflow-y: auto;
		width: 100%;
	}
	.icon-exportar{
		font-size: 23px !important;
	}
	.icon-eliminar{
		font-size: 29px;
	}
	.btn-dash{
		position: absolute;
		top: 0%;
		right: 0;
	}
	.sp-btn-rest{
		position: absolute;
		top: -30px;
		left: 22%;
	}
	.sp-text-rest{
		position: absolute;
		top: -30px;
		right: 0%;
		font-size: 13px;
	}
	.foot-board>label{
		margin-top: 10px;
	}
	.media-heading-cobranza{
		font-size: 1.4rem;
	}
	.btn-upload-doc{
		margin-top: 15px !important;
		margin-bottom: 10px;
	}
	.documentos_op >div.pull-right{
		float: unset !important;
		margin-bottom: 10px;
	}
	#aprobar_all,#recharzar_all{
		font-size: 12px !important;
	}
	.content{
		padding: 80px 10px 20px 12px;
	}
	.text-acciones{
		position: relative !important;
		margin-bottom: 10px;
	}
	#modal_comentar .modal-footer{
		display: flex;
	}
	#modal_comentar .modal-footer .btn{
		display: flex;
		font-size: 10px;
	}
	.link-op{
		word-break: break-all;
	}
}

.alert-danger { 
	word-break: break-all;
}
/*ESTYLO PARA PAGOS*/
tbody#area-pagos .ncdsave input, 
tbody#area-pagos .ncdsave select:not([name^="cam_estado_pago"]){
    pointer-events: none;
    cursor: grab;
}
textarea{
	word-wrap: break-word;
    white-space: normal;
}
/*modal perimission*/
#modal_permission.in{
	display: flex;
    justify-content: center;
    align-items: center;
}
.bold-500 {
	font-weight: 600;
}
span.flag {
    width: 21px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: 0.5em 50% !important;
    padding: 0px !important;
    background-size: 1em auto !important;
}
span.flag.es {
    background-image: url(../flags/4x3/es.svg);
}
span.flag.ar {
    background-image: url(../flags/4x3/sa.svg);
}
span.flag.de {
    background-image: url(../flags/4x3/de.svg);
}
span.flag.en {
    background-image: url(../flags/4x3/gb.svg);
}
span.flag.fr {
    background-image: url(../flags/4x3/fr.svg);
}
span.flag.hi {
    background-image: url(../flags/4x3/in.svg);
}
span.flag.it {
    background-image: url(../flags/4x3/it.svg);
}
span.flag.ja {
    background-image: url(../flags/4x3/jp.svg);
}
span.flag.ko {
    background-image: url(../flags/4x3/kr.svg);
}
span.flag.pt {
    background-image: url(../flags/4x3/br.svg);
}
span.flag.ru {
    background-image: url(../flags/4x3/ru.svg);
}
span.flag.zh {
    background-image: url(../flags/4x3/cn.svg);
}

#map-main, #map-onboard {
    position:relative
}

.map_title {
    position:absolute;    
	text-decoration: none;
	color: white;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 6px;
	padding: 5px;
	width: 100px;
}