Commit inicial Ventas Productivo
This commit is contained in:
JORGE LUIS CAUDILLO ESPARZA
679
Styles/Estilos42.css
Normal file
679
Styles/Estilos42.css
Normal file
@@ -0,0 +1,679 @@
|
||||
body {
|
||||
margin: 0px;
|
||||
font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
background-image:url('/Imagenes/Imagenes42/bg_body.jpg');
|
||||
background-repeat:repeat-y;
|
||||
background-color:#dedede;
|
||||
}
|
||||
|
||||
input[type=text], textarea, select {
|
||||
-webkit-transition: all 0.30s ease-in-out;
|
||||
-moz-transition: all 0.30s ease-in-out;
|
||||
-ms-transition: all 0.30s ease-in-out;
|
||||
-o-transition: all 0.30s ease-in-out;
|
||||
outline: none;
|
||||
padding: 1px 0px 1px 1px;
|
||||
margin: 1px 1px 1px 0px;
|
||||
border: 1px solid #DDDDDD;
|
||||
font-size: 10px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
input[type=text]:focus, textarea:focus, select:focus {
|
||||
box-shadow: 0 0 2px rgba(81, 203, 238, 1);
|
||||
padding: 1px 0px 1px 1px;
|
||||
margin: 1px 1px 1px 0px;
|
||||
border: 1px solid rgba(81, 203, 238, 1);
|
||||
}
|
||||
|
||||
|
||||
input {
|
||||
font-size: 10px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
/*
|
||||
textarea {
|
||||
font-size: 10px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
select {
|
||||
font-size: 10px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
} */
|
||||
|
||||
table
|
||||
{
|
||||
border-color:#ECE9D8;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div
|
||||
{
|
||||
font-size: 10px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.MsgCargando
|
||||
{
|
||||
z-index: 1000;
|
||||
text-align: center;
|
||||
left: 400px;
|
||||
position: absolute;
|
||||
top: 300px;
|
||||
width: 200px;
|
||||
border-right: thin outset;
|
||||
border-top: thin outset;
|
||||
border-left: thin outset;
|
||||
border-bottom: thin outset;
|
||||
background-color: #ebf4e4;
|
||||
}
|
||||
.Pointer
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
.BarraHerramientas {
|
||||
background-color: #EBF4E4; padding: 1px; color: #3C3C3C; vertical-align: middle;
|
||||
font-size: 10px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif; height:25px;
|
||||
}
|
||||
|
||||
.contenido {
|
||||
background-color: #FFFFFF; font-size: 10px;
|
||||
font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.menuZIndex { z-index: 2000; }
|
||||
|
||||
.menu_ppal {
|
||||
width:200px; height:28px; color:White; font-family: Helvetica, Calibri, Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold;
|
||||
text-align:center; vertical-align:middle; text-decoration:none;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
.menu_arriba {
|
||||
background-color:#800000; font-family: Helvetica, Calibri; color: #CCCCCC; font-size: x-large; font-weight: bold; text-transform: uppercase; text-decoration: underline; text-align: right; padding-right: 30px; margin-right: 30px;
|
||||
}
|
||||
|
||||
.menu_submenu {
|
||||
width:200px; height:20px; background-color:#333333; border-color:#404040; border-style:solid;
|
||||
border-width:1px; color:White; font-family: Helvetica, Calibri, Verdana, Helvetica, sans-serif; font-size:14px; font-weight:normal;
|
||||
text-align:left; vertical-align:middle;
|
||||
position: relative; left: 0; top: 0; z-index: 2000;
|
||||
}
|
||||
|
||||
a.menu_submenu:hover {
|
||||
color:Silver;
|
||||
position: relative; left: 0; top: 0; z-index: 2000;
|
||||
}
|
||||
|
||||
|
||||
.cerrar_sesion {
|
||||
color:White; font-family:Arial, Helvetica, Calibri, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; vertical-align:middle;
|
||||
text-decoration:none;
|
||||
}
|
||||
a.cerrar_sesion:hover {
|
||||
color:Silver;
|
||||
}
|
||||
|
||||
.tabla_grupo {
|
||||
PADDING-RIGHT: 0px;
|
||||
PADDING-LEFT: 0px;
|
||||
PADDING-BOTTOM: 0px;
|
||||
MARGIN: 0px;
|
||||
PADDING-TOP: 0px;
|
||||
border-top: #009933 1px solid;
|
||||
border-right: #009933 1px solid;
|
||||
border-bottom: #009933 1px solid;
|
||||
border-left: #009933 1px solid;
|
||||
WHITE-SPACE: nowrap;
|
||||
}
|
||||
|
||||
.titulo_tabla_grupo
|
||||
{
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
color:White;
|
||||
background-color:#009933;
|
||||
height:15px;
|
||||
padding-left:10px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.tabla_estilo
|
||||
{
|
||||
border: 1px solid #996600;
|
||||
}
|
||||
.Titulos {
|
||||
background-color: #6B5A40;
|
||||
color:#DEDEDE;
|
||||
font-family:Calibri;
|
||||
font-size:14px;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
font-weight:bold;
|
||||
height:30px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.Titulosb {
|
||||
background-color: Gray;
|
||||
color:White;
|
||||
background-color: #6E3700;
|
||||
font-family:Calibri;
|
||||
font-size:10px;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
font-weight:bold;
|
||||
height:25px;
|
||||
font-style:oblique;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.Titulos a, th
|
||||
{
|
||||
color:White;
|
||||
/*background:gray; /* #f8b444; */
|
||||
font-size:14px;
|
||||
}
|
||||
.Usuario {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.TitulosChico {
|
||||
background-color:gray; /* #f8b444; */
|
||||
color:White;
|
||||
font-family:Calibri;
|
||||
font-size:10px;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
font-weight:bold;
|
||||
height:20px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.TitulosChico a
|
||||
{
|
||||
color:White;
|
||||
background:#de7b13; /* #f8b444; */
|
||||
font-size:10px;
|
||||
}
|
||||
|
||||
.Texto {
|
||||
/*background-color:#F7F6F3;*/
|
||||
color:Black;
|
||||
font-family:Calibri;
|
||||
font-size:14px;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
height:20px;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
a.Texto {
|
||||
color:Black;
|
||||
font-family:Calibri;
|
||||
font-size:11px;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
height:20px;
|
||||
}
|
||||
a.TextoBlanco {
|
||||
color:white;
|
||||
font-family:Calibri;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
height:20px;
|
||||
}
|
||||
.TextoRojo {
|
||||
/*background-color:#F7F6F3; */
|
||||
color:Red;
|
||||
font-family:Calibri;
|
||||
font-size:10px;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
height:20px;
|
||||
}
|
||||
a.TextoRojo
|
||||
{
|
||||
color: Red;
|
||||
font-family: Calibri;
|
||||
font-size: 10px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
height: 20px;
|
||||
}
|
||||
a.Texto2
|
||||
{
|
||||
font-size:10px;
|
||||
color:#0000AA;
|
||||
text-decoration:none;
|
||||
font-weight:bold;
|
||||
}
|
||||
.TextoAlterno {
|
||||
background-color:#ECE9D8; color:Black; font-family:Calibri; font-size:14px; text-align:center;
|
||||
vertical-align:middle; height:20px;
|
||||
}
|
||||
.TextTxt
|
||||
{
|
||||
background-color:#F7F6F3; color:Black; font-family:Verdana; font-size:10px; text-align:center;
|
||||
vertical-align:middle; height:20px;
|
||||
}
|
||||
.tabla_seleccionado {
|
||||
background-color:#82B6DB; color:Black; font-family:Verdana; font-size:10px; text-align:center;
|
||||
vertical-align:middle; height:20px;
|
||||
}
|
||||
.tabla_correcto
|
||||
{
|
||||
background-color: #EBF4E4;
|
||||
color: Black;
|
||||
font-family: Verdana;
|
||||
font-size: 10px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
|
||||
div.truncate {
|
||||
white-space: nowrap;
|
||||
width: 14em;
|
||||
height: 1.6em;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
span.truncate {
|
||||
white-space: nowrap;
|
||||
width: 14em;
|
||||
height: 1.6em;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
td.truncate {
|
||||
white-space: nowrap;
|
||||
width: 14em;
|
||||
height: 1.6em;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
div.truncate:hover {
|
||||
-o-text-overflow: inherit;
|
||||
text-overflow: inherit;
|
||||
overflow: visible;
|
||||
background-color: #fff;
|
||||
}
|
||||
*/
|
||||
.mensaje {
|
||||
color:Red; font-family:Verdana; font-size:10px; font-weight:bold;
|
||||
|
||||
}
|
||||
|
||||
.calendario
|
||||
{
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.TextoNaranja{ color:#f8b444;}
|
||||
|
||||
.rep_titulo
|
||||
{
|
||||
color: #004000; vertical-align: middle; text-align:left; font-size: 18px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
|
||||
}
|
||||
.rep_matriz_tema
|
||||
{
|
||||
color: #004000; vertical-align: middle; text-align:left; font-size: 10px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
|
||||
}
|
||||
|
||||
.rep_matriz_subtema
|
||||
{
|
||||
color: #000000; vertical-align: middle; text-align:left; font-size: 10px; font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif; padding-left:10px;
|
||||
}
|
||||
|
||||
|
||||
.rep_left { text-align:left; }
|
||||
.rep_left2 { text-align:left ; font-weight:bold; }
|
||||
.rep_right { text-align:right; }
|
||||
.rep_center { text-align:center; }
|
||||
.rep_bold { font-weight:bold; }
|
||||
|
||||
#overlay {
|
||||
position: fixed;
|
||||
z-index: 99999999;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background-color: #fde8b2;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: alpha(Opacity=80);
|
||||
opacity: 0.80;
|
||||
-moz-opacity: 0.80;
|
||||
}
|
||||
|
||||
#theprogress {
|
||||
|
||||
text-align: center;
|
||||
filter:alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
-moz-opacity: 1;
|
||||
}
|
||||
#modalprogress {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -62px 0 0 -62px;
|
||||
|
||||
}
|
||||
body#modalprogress {
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* DataTables sorting
|
||||
*/
|
||||
|
||||
.sorting_asc {
|
||||
background: url('/Imagenes/sort_asc.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_desc {
|
||||
background: url('/Imagenes/sort_desc.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting {
|
||||
background: url('/Imagenes/sort_both.png') no-repeat center right;
|
||||
background-color: #f8b444;
|
||||
}
|
||||
|
||||
.sorting_asc_disabled {
|
||||
background: url('/Imagenes/sort_asc_disabled.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.sorting_desc_disabled {
|
||||
background: url('/Imagenes/sort_desc_disabled.png') no-repeat center right;
|
||||
}
|
||||
|
||||
.uploadifyQueueItem {
|
||||
font: 11px Helvetica, Calibri, Verdana, Geneva, sans-serif;
|
||||
border: 2px solid #E5E5E5;
|
||||
background-color: #F5F5F5;
|
||||
margin-top: 5px;
|
||||
padding: 10px;
|
||||
width: 350px;
|
||||
}
|
||||
.uploadifyError {
|
||||
border: 2px solid #FBCBBC !important;
|
||||
background-color: #FDE5DD !important;
|
||||
}
|
||||
.uploadifyQueueItem .cancel {
|
||||
float: right;
|
||||
}
|
||||
.uploadifyProgress {
|
||||
background-color: #FFFFFF;
|
||||
border-top: 1px solid #808080;
|
||||
border-left: 1px solid #808080;
|
||||
border-right: 1px solid #C5C5C5;
|
||||
border-bottom: 1px solid #C5C5C5;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.uploadifyProgressBar {
|
||||
background-color: #0099FF;
|
||||
width: 1px;
|
||||
height: 3px;
|
||||
}
|
||||
.Totales
|
||||
{
|
||||
font-size:11px;
|
||||
background:#555555;
|
||||
color:#FFFF77;
|
||||
font-weight:bold;
|
||||
font-style:normal;
|
||||
|
||||
}
|
||||
a.Totales
|
||||
{
|
||||
font-size:11px;
|
||||
/* background:#555555; */
|
||||
color:#FFFF77;
|
||||
font-weight:bold;
|
||||
font-style:normal;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.SubTotales
|
||||
{
|
||||
font-size:10px;
|
||||
background:#CCCCCC;
|
||||
color:#000077;
|
||||
font-weight:bold;
|
||||
font-style:normal;
|
||||
|
||||
}
|
||||
a.SubTotales
|
||||
{
|
||||
font-size:10px;
|
||||
background:#CCCCCC;
|
||||
text-decoration:none;
|
||||
font-weight:bold;
|
||||
}
|
||||
.SubTotales2 {
|
||||
background-color: #B9B5B4;
|
||||
border-bottom: 1px solid #76746C;
|
||||
border-top: 1px solid #76746C;
|
||||
color: #000077;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.SubTotales3 {
|
||||
font-size:10px;
|
||||
background:rgba(204, 204, 204, 0.8);
|
||||
color:#000077;
|
||||
font-weight:bold;
|
||||
font-style:normal;
|
||||
|
||||
}
|
||||
.SubTotales4 {
|
||||
background-color: #6B5A40;
|
||||
border-bottom: 1px solid #76746C;
|
||||
border-top: 1px solid #76746C;
|
||||
color: white;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
|
||||
.TextTab
|
||||
{
|
||||
margin: 0px;
|
||||
font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.TextTab1
|
||||
{
|
||||
margin: 0px;
|
||||
font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 7px;
|
||||
}
|
||||
|
||||
.ajax__tab_xp .ajax__tab_body {font-family: Helvetica, Calibri, Verdana, Arial, Helvetica, sans-serif;font-size: 8px;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}
|
||||
|
||||
.ColumnaenBlanco
|
||||
{
|
||||
background-color:White;
|
||||
border-right: solid 1px #FFFFFF;
|
||||
border-left: solid 1px #FFFFFF;
|
||||
border-bottom:solid 1px #FFFFFF;
|
||||
border-top:solid 1px #FFFFFF;
|
||||
border-style: solid solid solid solid;
|
||||
}
|
||||
|
||||
.TextBoxAsLabel
|
||||
{
|
||||
border: none;
|
||||
background-color: #fff;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cheader {
|
||||
background-color: #e6e6e6;
|
||||
border: dashed 1px;
|
||||
border-top: dashed 1px;
|
||||
border-color: rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.cheader h2 {
|
||||
padding-left: 40px;
|
||||
padding-top: 0px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.ImgPanel {
|
||||
position: absolute;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.TextoPanel {
|
||||
text-align: justify;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hr {
|
||||
padding-top: 60px;
|
||||
border-bottom: solid 2px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-top: 0px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
td.BorderR
|
||||
{
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*CAMBIANDO*/
|
||||
|
||||
|
||||
.MenuEspacio {
|
||||
height:50px;
|
||||
}
|
||||
.MenuArriba {
|
||||
background-color: #800000;
|
||||
text-transform: uppercase;
|
||||
text-align: right; padding:10px 10px;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.MenuPrincipal {
|
||||
font-family:Helvetica, Calibri;
|
||||
text-align:left;
|
||||
height: 28px;
|
||||
background-color:#333333;
|
||||
}
|
||||
|
||||
.TablaUsuario{
|
||||
|
||||
text-align:right;
|
||||
padding-right:30px;
|
||||
height: 40px;
|
||||
width:995px;
|
||||
border: 0;
|
||||
font-size: 21px;
|
||||
font-weight:bold;
|
||||
font-family: Helvetica, Calibri, Arial, Helvetica, sans-serif;
|
||||
background-color:#800000;
|
||||
color:#FFFFFF;
|
||||
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.MenuDerecha{
|
||||
width:100%;
|
||||
text-align:right;
|
||||
|
||||
}
|
||||
td.MenuDerecha{
|
||||
width:852px;
|
||||
}
|
||||
|
||||
|
||||
.TituloPPal{
|
||||
font-family:Helvetica, Calibri;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
background-color:#DEDEDE;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*tab*/
|
||||
.fancy-green .ajax__tab_header
|
||||
{
|
||||
background: url(/Imagenes/Imagenes42/green_bg_Tab.gif) repeat-x;
|
||||
cursor:pointer;
|
||||
}
|
||||
.fancy-green .ajax__tab_hover .ajax__tab_outer, .fancy-green .ajax__tab_active .ajax__tab_outer
|
||||
{
|
||||
background: url(/Imagenes/Imagenes42/green_left_Tab.gif) no-repeat left top;
|
||||
}
|
||||
.fancy-green .ajax__tab_hover .ajax__tab_inner, .fancy-green .ajax__tab_active .ajax__tab_inner
|
||||
{
|
||||
background: url(/Imagenes/Imagenes42/green_right_Tab.gif) no-repeat right top;
|
||||
}
|
||||
.fancy .ajax__tab_header
|
||||
{
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
|
||||
{
|
||||
height: 46px;
|
||||
}
|
||||
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
|
||||
{
|
||||
height: 46px;
|
||||
margin-left: 16px; /* offset the width of the left image */
|
||||
}
|
||||
.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
|
||||
{
|
||||
margin: 16px 16px 0px 0px;
|
||||
}
|
||||
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
.fancy .ajax__tab_body
|
||||
{
|
||||
font-family: Arial;
|
||||
font-size: 10pt;
|
||||
border-top: 0;
|
||||
border:1px solid #999999;
|
||||
padding: 8px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
Reference in New Issue
Block a user