@charset "utf-8";

/* CSS Document */

/*fuente 3m*/

@font-face {

	font-family: "3MCircularWebBold";

	src: 

		url("../fonts/3MCircularWeb-Bold.woff") format("woff");

	font-weight: 700;

	font-stretch: normal;

	font-style: normal;

	unicode-range: U+20-7E, U+A0-17E, U+18F, U+192,

		U+1B5-1B6, U+1FA-1FF, U+218-21B, U+237,

		U+259, U+2C6-2C7, U+2C9, U+2D8-2DD,

		U+394, U+3A9, U+3BC, U+3C0,

		U+1E80-1E85, U+1E8A-1E8B, U+1EF2-1EF3, U+2007-2008,

		U+200B, U+2013-2014, U+2018-201A, U+201C-201E,

		U+2020-2022, U+2026, U+2030, U+2039-203A,

		U+2042, U+2044, U+2051, U+2070,

		U+2074-2079, U+2080-2089, U+20AC, U+2113,

		U+2122, U+2126, U+2160-2169, U+216C-216F,

		U+2190-2193, U+2196-2199, U+21A9, U+21B0-21B5,

		U+21C6, U+2202, U+2206, U+220F,

		U+2211-2212, U+2215, U+2219-221A, U+221E,

		U+222B, U+2248, U+2260, U+2264-2265,

		U+22C5, U+24C5, U+25A0-25A1, U+25AF,

		U+25B2-25B3, U+25CA-25CB, U+25CF, U+262E,

		U+2713, U+2715, U+2780-2788, U+E000,

		U+E002, U+F6C3, U+FB00-FB04, U+FEFF;

}

@font-face {

	font-family: "3MCircularWebBook";

	src: 

		url("../fonts/3MCircularWeb-Book.woff") format("woff");

	font-weight: 450; /* ERROR! Weight value is not a multiple of 100. */

	font-stretch: normal;

	font-style: normal;

	unicode-range: U+20-7E, U+A0-17E, U+18F, U+192,

		U+1B5-1B6, U+1FA-1FF, U+218-21B, U+237,

		U+259, U+2C6-2C7, U+2C9, U+2D8-2DD,

		U+394, U+3A9, U+3BC, U+3C0,

		U+1E80-1E85, U+1E8A-1E8B, U+1EF2-1EF3, U+2007-2008,

		U+200B, U+2013-2014, U+2018-201A, U+201C-201E,

		U+2020-2022, U+2026, U+2030, U+2039-203A,

		U+2042, U+2044, U+2051, U+2070,

		U+2074-2079, U+2080-2089, U+20AC, U+2113,

		U+2122, U+2126, U+2160-2169, U+216C-216F,

		U+2190-2193, U+2196-2199, U+21A9, U+21B0-21B5,

		U+21C6, U+2202, U+2206, U+220F,

		U+2211-2212, U+2215, U+2219-221A, U+221E,

		U+222B, U+2248, U+2260, U+2264-2265,

		U+22C5, U+24C5, U+25A0-25A1, U+25AF,

		U+25B2-25B3, U+25CA-25CB, U+25CF, U+262E,

		U+2713, U+2715, U+2780-2788, U+E000,

		U+E002, U+F6C3, U+FB00-FB04, U+FEFF;

}



/**/

body{

	font-family: "3MCircularWebBook", Arial, Helvetica, sans-serif;

	background:url(../img/3M_Mesh_Sq_LtBlue_DkBlue_RGB.jpg) repeat top center #1c279a;

	color:#333333

}

.clear{

	clear:both;

	width:100%;

}

.containerfull{

	width:95%;

	margin:10px auto;

	background-color:#fff;

	max-width:1170px;

	-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.3);

box-shadow: 0 0 5px 3px rgba(0,0,0,0.3);

padding:0px;

}

.dashboard{

	padding:10px;

}

header{

	display:block;

	border-bottom:1px solid #CCC;

	padding-bottom:10px;

	margin-bottom:10px;

}

header .logo{

	float:left;

}

header .bajada{

	color:#4b4b4b;

	font-weight:bold;

	font-size:18px;

	padding: 0px 0px 0px 15px;

}



header .logouser img{

	width:100%;

	height:auto;

	max-width:75px;

}

header .user{

	float:right;

	padding-top:10px;

}

header .nombreuser{

	text-transform:uppercase;

	font-size:24px;

	font-weight:bold;

	color:#000;

	display:block;

	float:right

}

header .logout {

    text-align: right;

}

header .logouser{

	display:block;

	float:right;

	margin:10px;

}

header .userpanel{

	float:right;

	margin: 10px 0px 0px 10px;

}

header .lastupdate{

	float:right;

	margin:10px 0px 0px 0px;

	font-size:14px;

}

.gris{

	background-color:#e9e9e9;

	padding:10px;

	margin:15px 0px 10px 0px;

}



.dataunid span{

	background-color:#fff;

	padding:5px;

	margin-right:20px;

}

h3{

	font-weight:bold;

	margin:0px;

}

.boton{

	background-color:#000;

	color:#fff;

	text-transform:uppercase;

	font-weight:bold;

	font-size:14px;

	float:right;

	padding:3px 10px 3px 10px;

	line-height:normal

}

.boton a{

	color:#fff;

	text-decoration:none;

	display:block

}

.tacometro h4{

	border-bottom:1px solid #fff;

	text-align:center;

}

.tacometro .grafico{

	text-align:center;

	padding-bottom:10px;

	margin-bottom:10px;

	display:block;

}

.cumplimiento{

	border-bottom:1px solid #fff;

	text-align:center;

	font-size:18px;

	font-weight:bold;

	    margin-top: -80px;

}

.blanco{

	background-color:#fff;

	padding:3px;

	margin:1px 0px 0px 0px;

	color:#000

}

.blanco .col-md-4, .blanco .col-md-8{

	padding:0px;

}

.blanco .ventas{

	font-weight:bold;

}

.blanco .falta, .tablaobjetivos .falta{

	font-weight:bold;

	color:#f00;

}

.blanco .ok, .tablaobjetivos .ok{

	font-weight:bold;

	color:#ffa500;

}

.blanco .positivo, .tablaobjetivos .positivo{

	font-weight:bold;

	color:#3C3;

}

.blanco .positivo:first-child{

	background-image:url(../img/award_star_bronze_2.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:20px;

}

.descuentos{

	background-color:#999999;

	padding:5px;

	color:#fff

}

.descuentos .boton{

	float:left;

}

.nopadding{

	padding:0;

}

.descuentos h2{

	background-color:#818181;

	padding:5px;

	text-align:center

}

.slider{

	padding-right:0px;

	max-height: 200px;

    overflow: hidden;



}

.recursos {

    min-height: 165px;

}



.carousel{	border:1px solid #999999;}

.orden{

    border: 1px solid #999;

    width: 100%;

    margin-top: 10px;

    padding: 20px 20px 20px 0px;

    text-align: center;

    background: url(../img/cart_add.png) no-repeat 45px center;

	    float: none;

    clear: both;

}

.orden a{

	padding:5px 10px 5px 10px;

	color:#fff;

	text-transform:uppercase;

	font-size:18px;

	font-weight:bold;

	line-height:normal;

	background-color:#31b0d5

}

.ordenes .division .titulo{

	width:100%;

	background-color:#c5c5c5;

	text-transform:uppercase;

	color:#000;

	font-size:14px;

	font-weight:bold;

	text-align:center;

	padding:3px;

		margin-top:10px;



}

.ordenes h3, .resumen h3{

	border-bottom:1px solid #999999;

}

	

.last{

	padding-right:0px;

}

.ordenes .division .blanco{

	background-color:transparent;

	border-bottom:1px solid #fff;

}

.ordenes .division .blanco .text-left{

	font-size:16px;

	font-weight:bold;

	color:#333333;

}

.ordenes .division .blanco .text-right{

	font-size:18px;

	font-weight:bold;

	color:#000;

}

.ordenes .boton, .resumen .boton{

	float:none;

	display:block;

	width:100%;

	text-align:center;

	margin-top:10px;

}

.ordenes td{

	font-size:14px;

}

.download img{

	max-width:35px;

}

.download{

	float:right;

	margin-top: -5px;

}

.resumen .blanco{

	background-color:transparent;

}

.resumen .lineas{

	background-color:#cccccc;

	margin-bottom:5px;

}

.resumen span{

	text-transform:uppercase;

	font-weight:bold;

}

.resumen .blanco .text-left{

	font-weight:bold;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{

	text-transform:uppercase;

	font-weight:bold;

	color:#000;

	font-size:14px;

}

footer:before {

    content: '';

    background-image: url(../img/GradientBar.svg);

    background-size: cover;

    position: relative;

    display: block;

    width: 100%;

    height: 5px;

}

.login footer{

	position:absolute;

	bottom:0px;

	width:100%;

	background-color:#fff;



}

footer .rayas{

	background:url(../img/repeating_hashedLines.png) repeat-x top center;

	height:20px;

}

footer .redes{

	text-align:center;

	padding:10px;

}

.scrollh{

	overflow-y:hidden;

	overflow-x: scroll;

}

.rojo{

	color:#f00;

}

.verde{

	color:#3C3;

}

.gris .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    text-transform: uppercase;

    font-weight: bold;

    color: #000;

    font-size: 14px;

}

.gris .tab-content{

	border-bottom:1px solid #999;

	border-right:1px solid #999;

	border-left:1px solid #999;

	background-color:#fff;

	padding:15px 10px 10px 10px;

}

.gris .nav-tabs > li{

	background-color:#c5c5c5;

}

.thumbnail{

	max-height:250px;

	width:auto;

	float:left

}

.b-gauge svg:not(:root) {

     overflow: visible;

}

.b-gauge{

	font-family: "3MCircularWebBold";

	font-size:10px;



}

.b-gauge__path{

		min-width:200px;

	min-height:200px;

}

.bigger .modal-lg {

   /*width: 1400px;*/

}

.modal-lg {

    width: 90%;

}

.descargardb{

	background-color:#5bc0de;

	padding:5px;

	text-align:center;

	color:#fff;

	font-weight:bold;

	text-transform:uppercase

}

.descargardb a{

	color:#fff;

}



.descargardb a:hover{

	color:#000;

}

.descargardb a:before{

	content:url(../img/table_excel.png);

	margin:5px;

}

.login .containerfull {

    border-radius: 10px;

    padding: 20px;

}

.login .card-container.card {

    max-width: 350px;

    padding: 30px 30px;

}





.login .card {

    background-color: #F7F7F7;

    /* just in case there no content*/

    padding: 20px 25px 30px;

    margin: 0 auto 25px;

    margin-top: 50px;

    /* shadows and rounded borders */

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}

.buttons-csv span{

    background-image: url(../img/excel-xls-icon.png);

    background-color: #e9e9e9;

    background-repeat: no-repeat;

    background-position: top left;

    width: auto;

    height: 30px;

    display: block;

    line-height: 30px;

    cursor: pointer;

    padding-left: 45px;

}

.buttons-pdf span{

    background-image: url(../img/icon-pdf.png);

    background-color: #e9e9e9;

    background-repeat: no-repeat;

    background-position: top left;

    width: auto;

    height: 30px;

    display: block;

    line-height: 30px;

    cursor: pointer;

    padding-left: 45px;

	

}

.dt-button{

	width: 200px;

    float: left;

}

.thumbrecursos{

	float:left;

	margin-right:20px;

}

.thumbrecursos .thumbnail{

	float:none;

}

.tablaobjetivos th{

	text-align:center;

}

.elipsis{

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

	    max-width: 190px;

}

.extras{

background-color: #337ab7;

padding: 10px;



	

}

.extras a{

    display: block;

    text-transform: uppercase;

    text-align: center;

    font-weight: bold;

    color: #fff;

}

.scoring{

	float:right;

	font-size:14px;

	margin-top:5px;

}

.scoring-a span{

	background-color:#f00;

	padding:5px;

	color:#fff;

}

.scoring-b span{

	background-color:#ffa500;

	padding:5px;

	color:#000;

}

.scoring-c span{

	background-color:#3C3;

	padding:5px;

	color:#000;

}

.tablascoring .scoring-a span{

	color:#f00;

	font-weight:bold;

	background-color:transparent;

}

.tablascoring .scoring-b span{

	color:#ffa500;

	font-weight:bold;

	background-color:transparent;



}

.tablascoring .scoring-c span{

	color:#3C3;

   font-weight:bold;

   background-color:transparent;



}

.collapse{

	display:inline-block;

	visibility:hidden;

}

.collapse.in{

	display:block;

	visibility:visible;

}

.vendedor .tacometro .grafico {

    margin-left: 70px;

}

.vendedor .slider {

    padding-right: 0px;

    max-height: none;

    overflow: hidden;

    margin-bottom: 10px;

	margin-top:15px;

}

.vendedor  .falta{

	font-weight:bold;

	color:#f00;

}

.vendedor .ok{

	font-weight:bold;

	color:#ffa500;

}

.vendedor  .positivo{

	font-weight:bold;

	color:#3C3;

}

#distribuidores .falta{

	font-weight:bold;

	color:#f00;

}

#distribuidores .ok{

	font-weight:bold;

	color:#ffa500;

}

#distribuidores .positivo{

	font-weight:bold;

	color:#3C3;

}

.mensaje{

background-color: #fff;

    padding: 5px;

    margin-bottom: 5px;

}

.mensaje:before {

    content: url(../images/alert-icon-image-gallery-27.png);

}

/* esto es para X010494*/

.X010494 .slider, .X010494 .lipromociones, .X010494 .tab-promociones {

    display: none;

}

.extras .monto{

	background-color:#e9e9e9;

	padding:5px;

	color:#000;

	font-size:18px;

	font-weight:bold;

	text-align:center;

}

.extras .comentario{

	font-style:italic;

	font-size:14px;

	color:#fff;

	padding:5px 0px 5px 0px;

}

.extras .estado{

	color:#fff;

	text-transform:uppercase;

	font-weight:bold;

	font-size: 11px;

}

.extras .estado span.proceso:before{

	content:url(../images/proceso.png);

	margin-right:3px;

}

.extras .estado span.aprobado:before{

	content:url(../images/aprobado.png);

	margin-right:3px;

}

.extras .estado span.rechazado:before{

	content:url(../images/rechazado.png);

	margin-right:3px;

}

.zonas-escondido {
   display: none;
   
}

.newmensaje_sellouttotal {
 	font-weight:bold;
	text-align: center;
	color:red;
	background-color: white;
	font-size: 24px;
}