/********************************
Stylos Intranet Actual
Creado por: Ricardo Sanhueza;
Fecha Creación: 26/09/2019;

Indice de Stylos
-------------------
0 Estilos Genéricos
1 Mis Documentos
2 Informes
3 Gestión
4 Sistemas
5 Administración
6 Index

********************************/

/********************************
0.1 Tablas
********************************/

.tableFixHead{ 
    overflow-y: auto; 
    height: 500px; 
}
.tableFixHead thead th { 
    position: -webkit-sticky;
    position: sticky; 
    top: 0px; 
}
.table_head{
	font-size: 12px;
	text-align: center;
}
.table_detalle{
	font-size: 12px;
}
.table_detalle .btn_actual_sm{
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
}
.btn_center{
	text-align: center;
}

.col-fixed-uno{
	position: -webkit-sticky;
    position: sticky; 
    left: 0px;
    z-index:2;
    background-color: #FFFFFF;
}

.col-fixed-dos{
	position: -webkit-sticky;
    position: sticky; 
    left: 180px;
    z-index:2;
}

.col-fixed-mes{
	position: -webkit-sticky;
    position: sticky; 
    left: 0px;
    z-index:3;
    background-color: #FFFFFF;
}

.col-fixed-totales{
	position: -webkit-sticky;
    position: sticky; 
    left: 180px;
    z-index:3;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #17a2b8;
}

.dt-right{
	text-align: right;
}
/********************************
0.2 Tamaño especial input & select
********************************/

.input-format{
	height: 25px;
	font-size: 12px;
}
/********************************
0.3 Tamaño Small personalizado Actual
********************************/

.btn-sm-actual{
	font-size:12px;
	padding: 0px 5px 0px 5px;
} 

/********************************
0.4 Estilos para los títulos de menú de cada hoja
********************************/

.titulo-pagina{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/********************************
0.5 Estilo para "Cargando"
********************************/

#WindowLoad
    {
        position:fixed;
        top:0px;
        left:0px;
        z-index:3200;
        filter:alpha(opacity=65);
       -moz-opacity:65;
        opacity:0.65;
        background:#F9F9F9;
    }

/********************************
0.6 Alineamiento destro de las tablas
********************************/
.align-texto{
    text-align: left;
}

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

.align-fecha{
    text-align: center;
}

/********************************
1.1 Mis Documentos
********************************/

.tr-mis-doc{
	background-color: #1aa4d8;
	color: #fff;
	font-size: 15px;
}

/********************************
2.1 Informe de Ventas
********************************/
.titulos-proyectos{
	text-align: center;
	/*width: 5px;*/
}
.valores{
	text-align: right;
	width: 5px;
}

.tr-titulos-resumen{
	background-color: #1aa4d8;
	color: #fff;
	font-size: 14px;
}

.color-totales{
	background-color: #6c757d;
	color: #fff;
	font-weight: bold;
}

.formato-totales{
	font-style: italic;
	font-weight: bold;
}

.formato-promesas-mes{
	background-color: #EAEAEA;
	color: #FA7E04;
	font-weight: bold;
	font-style: italic;
}

.col-fixed-uno-con{
	position: -webkit-sticky;
    position: sticky;
    left: 260px;
    z-index:3;
}

.col-fixed-dos-con{
	position: -webkit-sticky;
    position: sticky;
    left: 340px;
    z-index:3;
}

.col-fixed-tres-con{
	position: -webkit-sticky;
    position: sticky;
    left: 420px;
    z-index:3;
}

.td-col-z-2{
	z-index:1;
}

/********************************
2.2 Mapa de Unidades
********************************/

.font-check{
    font-size: 13px;
}

.ancho-col{
    min-width: 150px !important;
}

.ancho-col-2{
    max-width: 110px !important;
}

.padding-right{
    padding-right: 0px !important;
    text-align: center;
}

/********************************
3.1 Gestor de Proyectos
********************************/
.btn-programar{
	padding-top: 0px;
}

.btn-center{
	text-align: center;
}

.titulo-grupo{
	font-size: 10px; 
	color:#ffffff; 
	font-weight: bold;
}

.ges-tabla-encabezados{
	font-size: 10px;
}

.ges-table-detalle{
	font-size: 10px;
}

#tableProDetalle tbody tr td{
	font-size: 11px;
	margin: 0px 0px 0px 0px; 
}

.color-ok{
	color:#28a745;
}

.color-atraso{
	color:#e0a800;
}

.tableFixHeadCGI{ 
    overflow-y: scroll; 
    height: 250px; 
}

.tableFixHeadCGI thead th { 
    position: -webkit-sticky;
    position: sticky; 
    top: 0px; 
}

.input {
	height: 25px;
} 

.tableFixHeadCGI tbody tr td {
	width: 10px;
} 


.tableFixHeadCGI-detalle{ 
    overflow-y: scroll; 
    height: 550px; 
}

.tableFixHeadCGI-detalle thead th { 
    position: -webkit-sticky;
    position: sticky; 
    top: 0px; 
}

.z-mes{
	background-color: #545252;
	color: #fff;
}

.z-titulos{
 	background-color: #000000;
	color: #fff;
    outline:0.1rem solid #ccc;
    z-index: 3 !important;
}

#table_cg_costos thead tr th .z-index-titulos{
    /*z-index: 2 !important;*/
    color: red !important;
}

#table_cg_costos .sticky-grupo-0{
    background: #D4F9D5;
    outline:0.1rem solid #ccc;
}

#table_cg_costos .sticky-grupo-1{
    background: #2874a6 !important;
    outline:0.1rem solid #ccc;
}

#table_cg_costos .sticky-grupo-2{
    background: #85B4D3 !important;
    outline:0.1rem solid #ccc;
}

#table_cg_costos .sticky-grupo-3{
    background: #B2DAF5 !important;
    outline:0.1rem solid #ccc;
}

#table_cg_costos .sticky-grupo-4{
    background: #ffffff;
    outline:0.1rem solid #ccc;
}

/*th .sticky-cod{
	background: #F81010;
}
*/
.sticky-cod{
	position: -webkit-sticky;
    position: sticky; 
    left: 0px;
}

.sticky-act{
	position: -webkit-sticky;
    position: sticky; 
    left: 65px;
}

.sticky-ppto{
	position: -webkit-sticky;
    position: sticky; 
    left: 365px;
}

.sticky-alf{
	position: -webkit-sticky;
    position: sticky; 
    left: 475px;
}

.sticky-pr{
	position: -webkit-sticky;
    position: sticky; 
    left: 555px;
}

.sticky-total{
	position: -webkit-sticky;
    position: sticky; 
    left: 635px;
}

.sticky-var{
	position: -webkit-sticky;
    position: sticky; 
    left: 715px;
}

.sticky-tma{
	position: -webkit-sticky;
    position: sticky; 
    left: 795px;
}

.sticky-dma{
	position: -webkit-sticky;
    position: sticky; 
    left: 875px;
}

.color_negativo {
  -webkit-text-stroke: 1px green;
}

/********************************
6 Index
********************************/

fieldset {
	border: 1px solid #ddd;
	border-radius: 4px;

}

legend {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #1aa4d8;
	font-size: 17px;
	font-weight: bold;
	padding: 3px 5px 3px 7px;
	width: auto;
}

.btn-short{
	font-size: 70%;
	/*min-width: 70px;*/
	margin-right: 5px;
	padding: 5px 0px 5px 0px;
}