/* ESQUEMA DE COLORES DE NIVELES */ 

.bg-categoria-afiliado-1{
	background-color: #A5D6A7;
	color: #000000 !important;
}
.bg-categoria-afiliado-2{
	background-color: #81C784;
	color: #000000;
}
.bg-categoria-afiliado-3{
	background-color: #66BB6A;
	color: #000000;
}
.bg-categoria-afiliado-4{
	background-color: #4CAF50;
	color: #000000;
}
.bg-categoria-afiliado-5{
	background-color: #43A047;
	color: #ffffff;
}
.bg-categoria-afiliado-6{
	background-color: #388E3C;
	color: #ffffff;
}
.bg-categoria-afiliado-7{
	background-color: #2E7D32;
	color: #ffffff;
}
.bg-categoria-afiliado-8{
	background-color: #1B5E20;
	color: #ffffff;
}

.widget-afiliado{
	border: 0px;
}


.page-inner{
	/*
  background-position:center top;
  background-image:url('http://97.74.229.4/~dpuraa/panel-afiliado/assets/img/fondo.jpg') !important;
  background-repeat: no-repeat;
  */
}


body {
	font-family: "Open Sans" !important;
	font-size: 13px;
}

.page-container{
	background: rgba(252,252,252,0.5);
}


.orgchart{
	width: 100%;
	overflow: scroll;
	background-image: linear-gradient(90deg, rgba(0, 0, 200, 0.15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(0, 0, 200, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
}

.orgchart .node{
	width: 120px;
	font-size: 10px;
}

.orgchart-no-disponible .title{
	background-color: #EF5350 !important;
}

.orgchart-disponible .title{
	background-color: #009688 !important;
}


/* DETALLE PRODUCTO */
.agregar-carrito-input .input-group-addon{
	font-size: 17px !important;
}

.agregar-carrito-input input{
	font-size: 20px !important;
	text-align: center;
}


.inicio-dias-faltantes{
	text-align: center;
	font-size: 120px;
	line-height: 100px;
	display: block;
}
.inicio-dias-faltantes .small{
	font-size: 50px;
}

.inicio-dias-faltantes.sm{
	font-size: 60px;
}

.inicio-dias-faltantes.sm .small{
	font-size: 20px;
}
.progress-bar-custom{
	width: 100%;
	background-color: #64B5F6;
	height: 50px;
}

.progress-bar-custom .porcentaje{
	background-color: #2196F3;
	height:50px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-no-round-border-bottom{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.panel-round-border-bottom{
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

/* WIDGET de la RED */

.widget-puntos-red{
	width:100%;
	height:80px;
	background-color: #4DB6AC;
	border-radius: 5px;
}

.progress-bar-puntos{
	width:50%;
	height:100%;
	float:left;
}

.progress-bar-puntos.izquierda{
	border-right:1px solid black;
}

.progress-bar-puntos.izquierda .porcentaje{
	height:100%;
	background-color: #009688;
	float:left;
	border-radius: 5px 0 0 5px;
}

.progress-bar-puntos.derecha .porcentaje{
	height:100%;
	background-color: #009688;
	float:right;
	border-radius: 0 5px 5px 0;
}

.progress-bar-puntos .label{
	position: absolute;
	width: 50%;
	text-align: center;
	font-size: 50px;
}

.no-login{
	background:none;
}
.navbar-sticky-bottom.no-login{
	display: none;
}

.monto-monto_total{
	font-weight: bold !important;
	font-size: 15px;
}

.monto-descuento{
	color: red;
}



.lugar-no-seleccionado i{
	color: #B1B1B1;
}

.lugar-seleccionado i{
	color: #439D4F;
}

.lugar-a-seleccionar{
	cursor: pointer;
}


.select2-container .select2-selection--single{
	height: 45px !important;
}


.select2-selection--single .select2-selection__arrow:after {
	font-size: 25px !important; 
}

/*
COSAS MINIFIED
*/

.loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}.loader:after,.loader:before{box-sizing:border-box}.loader.is-active{background-color:rgba(0,0,0,0.85);width:100%;height:100%;left:0;top:0}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{from{opacity:.5}to{opacity:1}}.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}.loader[data-text='']:before{content:'Loading'}.loader:not([data-text='']):before{content:attr(data-text)}.loader[blink]:before{animation:blink 1s linear infinite alternate}@keyframes corners{6%{width:60px;height:15px}25%{width:15px;height:15px;left:calc(100% - 15px);top:0}31%{height:60px}50%{height:15px;top:calc(100% - 15px);left:calc(100% - 15px)}56%{width:60px}75%{width:15px;left:0;top:calc(100% - 15px)}81%{height:60px}}.loader-border[data-text]:before{color:#fff}.loader-border:after{content:'';position:absolute;top:0;left:0;width:15px;height:15px;background-color:#fff000;animation:corners 3s ease both infinite}



.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
	text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
	text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
	text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
	text-align: justify;
}

@media (max-width: 767px) {
	.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
		text-align: inherit;
	}
	.text-left-xs {
		text-align: left;
	}
	.text-center-xs {
		text-align: center;
	}
	.text-right-xs {
		text-align: right;
	}
	.text-justify-xs {
		text-align: justify;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
		text-align: inherit;
	}
	.text-left-sm {
		text-align: left;
	}
	.text-center-sm {
		text-align: center;
	}
	.text-right-sm {
		text-align: right;
	}
	.text-justify-sm {
		text-align: justify;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
		text-align: inherit;
	}
	.text-left-md {
		text-align: left;
	}
	.text-center-md {
		text-align: center;
	}
	.text-right-md {
		text-align: right;
	}
	.text-justify-md {
		text-align: justify;
	}
}
@media (min-width: 1200px) {
	.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
		text-align: inherit;
	}
	.text-left-lg {
		text-align: left;
	}
	.text-center-lg {
		text-align: center;
	}
	.text-right-lg {
		text-align: right;
	}
	.text-justify-lg {
		text-align: justify;
	}
}

.st-sort-ascent:before{
	content: '\25B2';
}

.st-sort-descent:before{
	content: '\25BC';
}

.form-control {
	padding:7px 12px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #c0c0c0 !important;
	border-width: 1px;
}

#loading-bar-spinner .spinner-icon {
	border-top-color:  #2196F3;
	border-left-color: #2196F3;
}

#loading-bar .bar {
	background: #2196F3;
}

#loading-bar .peg {
	-moz-box-shadow: #2196F3 1px 0 6px 1px;
	-ms-box-shadow: #2196F3 1px 0 6px 1px;
	-webkit-box-shadow: #2196F3 1px 0 6px 1px;
	box-shadow: #2196F3 1px 0 6px 1px;
}

.table-xxxs > thead > tr > th,
.table-xxxs > tbody > tr > th,
.table-xxxs > tfoot > tr > th,
.table-xxxs > thead > tr > td,
.table-xxxs > tbody > tr > td,
.table-xxxs > tfoot > tr > td {
	padding: 4px 6px;
	font-size: 13px;
}

@media (min-width: 769px){
	.sidebar {
		display: table-cell;
		vertical-align: top;
		width: 200px !important;
	}
}


@media print {
   body{
   	font-size: 10px;
   }
   .table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td {
   	padding: 0px 5px;
   }
}