/*
va el nombre del elemento html (body, table, input, etc.)
# es para un 'id' especifico
. es para una clase
*/
/*Archivo con las clases nuestras*/
* {
padding: 0;
margin: 0;
}
/*-----------------------------------------------------*/
/* CSS Para ABMs */
/*-----------------------------------------------------*/
@font-face {
font-family: 'Ubuntu';
src: url('../../Content/Fonts/Ubuntu-Regular.ttf') format('truetype');
font-weight: 500;
}
@font-face {
font-family: 'Ubuntu';
src: url('../../Content/Fonts/Ubuntu-Medium.ttf') format('truetype');
font-weight: 500;
}
@font-face {
font-family: 'Ubuntu';
src: url('../../Content/Fonts/Ubuntu-Bold.ttf') format('truetype');
font-weight: bold;
}
.abmFiltros {
display: block;
background-color: transparent; /*White; #CCCCCC;*/
color: #333333;
border: 1px solid #436989;
}
.abmFiltros div table td {
background-color: transparent;
}
.abmFiltrosPanel {
display: block;
background-color: transparent; /* White; #CCCCCC;*/
color: #333333;
margin-left: 20px;
margin-right: 20px;
}
.abmGrid {
margin-left: 20px;
margin-right: 20px;
font-family: Verdana, Aria, Helvetica;
font-size: 9pt;
text-align: left;
border-style: none;
}
.abmToolbar {
display: block;
background-color: transparent; /* White; /*#CCCCCC;*/
color: #436989;
margin-left: 20px;
margin-right: 20px;
}
.appAbmButtonDisabled {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
display: none;
}
.appError {
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
color: #C00000;
white-space: normal;
}
.appErrorLabelPopup {
white-space: normal;
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 10pt;
font-weight: normal;
color: #555555;
}
.appForm {
margin: 0 0 0 10px;
text-align: center;
width: 100%;
border: solid 1px #7C6F57;
}
.appFormTitle {
display: block;
background-color: transparent;
color: #436989; /*background-color: #000099;
color: White;*/
font-weight: bold;
white-space: nowrap;
text-align: center;
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 12pt;
height: 30px;
vertical-align: middle; /* margin-left: 20px;*/
}
.appInnerTitle {
background-color: transparent;
color: #436989;
font-family: Verdana, Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
vertical-align: middle;
/*display: block;*/
width: 100%;
text-align: center;
}
.appLabel {
color: #436989;
font-family: Verdana, Arial, Helvetica;
font-size: 9pt;
font-weight: bold;
}
.appLabelRO {
color: #999999;
font-family: Verdana, Arial, Helvetica;
font-size: 9pt;
font-weight: bold;
}
.appLabelChico {
color: #436989;
font-family: Verdana, Arial, Helvetica;
font-size: 8pt;
font-weight: bold;
}
.appLabelError {
color: #FF0000;
font-family: Arial;
font-size: 9pt;
font-weight: bold;
}
.appMsje {
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 9pt;
font-weight: normal;
color: #FF6666;
white-space: nowrap;
}
.appPanel {
background-color: transparent;
border: solid 1px #7C6F57;
margin-left: 20px;
margin-right: 20px;
}
.appPanelFlat {
background-color: transparent;
border: solid 1px #7C6F57;
margin: 0;
padding: 0;
}
.appPanelChecks {
background-color: transparent;
border: solid 1px #7C6F57;
margin: 0;
padding: 0;
max-height: 150px;
overflow: auto;
}
.appPanelMsje {
background-color: transparent;
border: 0;
margin-left: 20px;
margin-right: 20px;
}
.appText {
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 9pt;
font-weight: normal;
color: black;
white-space: nowrap;
}
.appTextBox {
color: #000000;
font-family: Verdana, Arial, Helvetica;
font-size: 9pt;
/*font-weight: bold;*/
font-weight: normal;
}
.appTextChico {
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 8pt;
font-weight: normal;
color: black;
white-space: nowrap;
}
.appTextDisabled {
background-color: #ffffed; /*#f5f5f5;*/
color: #333333;
font-size: 10pt; /*border: #bdb76b 1px solid;*/
border: #cccccc 1px solid;
text-align: left;
white-space: nowrap;
}
.appTitle {
font-weight: bold;
color: Navy;
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 15pt;
display: block;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}
/*.appTitle
{
background-color: #000099;
color: #ffffff;
font-family: Bookman Old Style;
font-size: 10pt;
font-weight: bold;
vertical-align: middle;
}
*/
.appTitleGray {
display: block;
background-color: #ffcc33;
color: #333333;
font-weight: bold;
font-size: 10pt;
white-space: nowrap;
text-align: left;
width: 100%;
}
.button {
/*border: 1px solid #EBEBEB;*/
padding-right: 10px;
padding-left: 10px;
background-color: #DFDFDF;
background-image: url('../Images/Button.gif');
background-repeat: repeat-x;
font-size: 9pt;
color: #0033CC;
height: 25px;
vertical-align: middle;
border-radius: 8px;
text-align: center;
}
.exbutton /*no se usa*/ {
border: solid 1px #999999;
padding-right: 17px;
padding-left: 5px;
background-color: #f2f2e2;
background-image: url('../images/boton.gif');
background-repeat: no-repeat;
background-position: right center;
font-size: 8pt;
height: 24px;
}
.button18 {
border: solid 1px #999999;
padding-right: 22px;
padding-left: 5px;
background-color: #f2f2e2;
background-image: url('../images/boton.gif');
background-repeat: no-repeat;
background-position: right center;
font-size: 8pt;
height: 18px;
}
.button1 {
border: solid 1px #999999;
padding-right: 17px;
padding-left: 5px;
background-color: #ffcc66;
background-image: url('../Images/boton19.gif');
background-repeat: no-repeat;
background-position: right center;
font-size: 8pt;
height: 24px;
border-style: outset;
}
.button2 {
border: solid 1px #000000;
padding-right: 17px;
padding-left: 5px;
background-color: #ffcc66;
background-image: url('../Images/boton19.gif');
background-repeat: no-repeat;
background-position: right center;
font-size: 8pt;
height: 20px;
}
.center {
text-align: center;
}
.centerInfo {
margin-top: 150px;
}
.checkboxlist input[type="checkbox"] + label {
color: #436989;
font-family: Arial, Verdana, Helvetica;
font-size: 8pt;
font-weight: bold;
margin-left: 4px;
}
.container {
text-align: center;
}
.DivButtons {
background-color: transparent;
}
.EditArea {
font-size: 8pt;
font-family: verdana, arial, helvetica;
font-variant: normal;
font-style: normal;
color: black;
background-color: #f2f2e2;
padding-right: 6px;
padding-left: 6px;
padding-bottom: 4px;
padding-top: 8px;
left: 40px;
position: absolute;
top: 100px;
}
.errorMessage {
text-align: left;
color: red;
font-size: 8pt;
font-weight: bold;
/*border-right: #eee8aa 1px solid;
border-top: #eee8aa 1px solid;
border-left: #eee8aa 1px solid;
border-bottom: #eee8aa 1px solid;*/
}
.fontSmall {
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 8pt;
}
.gral {
background-color: #FFFFE1;
width: 100%;
height: 100%;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.rowhigh {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
min-height: 65px
}
/*table {
border-collapse: collapse
}
.table td, .table th {
padding: 5px 5px;
vertical-align: middle; border-top:1px solid #dee2e6;
font-weight: 500;
font-size: inherit
}
.table thead th {
vertical-align: bottom; border-bottom:2px solid #dee2e6
}
.table tbody + tbody { border-top:2px solid #dee2e6
}
.table {
border-collapse: collapse !important
}
.table a {
color: #868686;
}
.table td, .table th {
background-color: #fff !important
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0,0,0,.05)
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-curved {
border-collapse: separate;
border: solid #868686 1px;
border-radius: 6px;
border-left: 0px;
border-top: 0px;
}
.table-curved > thead:first-child > tr:first-child > th {
border-bottom: 0px;
border-top: solid #868686 1px;
}
.table-curved td, .table-curved th {
border-left: 1px solid #868686;
border-top: 1px solid #868686;
}
.table-curved > :first-child > :first-child > :first-child {
border-radius: 6px 0 0 0;
}
.table-curved > :first-child > :first-child > :last-child {
border-radius: 0 6px 0 0;
}
.table-curved > :last-child > :last-child > :first-child {
border-radius: 0 0 0 6px;
}
.table-curved > :last-child > :last-child > :last-child {
border-radius: 0 0 6px 0;
}*/
.GridItem {
background-color: #F5F5F5;
height: 10pt;
/*text-align: left;*/
font-size: 9pt;
color: #868686;
max-height: 50px;
font-family: Ubuntu, Arial;
}
.GridItem a {
background-color: #F5F5F5;
height: 10pt;
/*text-align: left;*/
font-size: 9pt;
color: #868686;
max-height: 50px;
font-family: Ubuntu, Arial;
}
.GridItem a:hover{
background-color:#FFF;
color: #57BECD;
/*background:transparent;*/
}
/*
table.Grid tr.GridItem td
{
background-color: #F5F5F5;
height: 15pt;
font-size: 9px;
}
table.Grid tr.GridAlternatingItem td
{
background-color: #EAEAEA;
height: 15pt;
font-size: 9px;
}
*/
table.Grid, tr.GridItem:hover, table.Grid tr.GridAlternatingItem:hover, .GridAlternatingItem:hover, .GridItem:hover {
/*background-color: white;*/
color: #57BECD;
background-color: #F9F9F9;
/*font-style:italic*/
}
.GridItem:hover{
background-color:white;
}
.GridAlternatingItem {
background-color: #ffffff;
height: 10pt;
/*text-align: left;*/
font-size: 9pt;
color: #868686;
font-family:Ubuntu, Arial;
}
.GridAlternatingItem a {
color: #868686;
background-color: #FFF;
font-size: 9pt;
}
.GridAlternatingItem a:hover {
background-color: #F9F9F9;
color: #57BECD;
}
.GridHeader {
background-color: #314064;
font-weight: 500;
/*text-align: left;*/
color: white /*#436989*/;
/*height: 12pt;*/
font-size: medium; /*PUNTOS NO PIXELES*/
font-family: Ubuntu, Arial;
line-height: normal;
border: 0.25px solid #737e97;
}
.GridSelectedItem {
background-color: #FFF;
color: navy !important;
font-weight: bold;
height: 10pt;
/*text-align: left;*/
font-size: 9pt;
font-family: Ubuntu, Arial;
}
.GridSelectedItem a:hover {
background-color: #F9F9F9;
color: navy !important;
font-weight: bold;
height: 10pt;
/*text-align: left;*/
font-size: 9pt;
font-family: Ubuntu, Arial;
}
.GridHyperLink {
font-size: 9pt;
font-weight: bold;
color: #868686;
font-family: Ubuntu, Arial;
}
.GridPager td {
height: 26px;
margin: 0;
padding: 0;
border: 0;
}
.GridPager a, .GridPager span {
display: block;
width: 20px;
font-weight: bold;
text-align: center;
text-decoration: none;
margin: 0;
padding: 0;
font-size: 80%;
}
.GridPager a {
background-color: #f5f5f5;
color: #436989;
border: 1px solid #dddddd;
height: 20px;
font-size: 80%;
}
.GridPager span {
background-color: #ccdef4;
color: #436989;
border: none;
height: 20px;
}
table.Grid tr.GridItemInicial td {
background-color: #E4E4E4;
height: 15pt; /*text-align: left;*/
font-size: 9pt;
}
table.Grid tr.GridItemFinal td {
/*background-color: #7EBCFA;*/
height: 15pt; /*text-align: left;*/
font-size: 9pt;
color: #57BECD;
}
.Grid {
/* border-style: solid;
border-width: 1px;
border-color: #F3F3F3;*/
font-family: Ubuntu, Arial;
padding: 2px;
border: 0.25px, solid, #868686;
}
.Grid th /*header de la grilla: sobreescribe el GridHeader*/ {
border: 0.25px solid #737e97;
padding: 2px;
background-color: #314064;
font-weight: 500;
font-size: medium;
font-family: Ubuntu, Arial;
line-height: normal;
text-align: center;
}
.Grid th a {
color: white /*#436989*/;
}
.Grid td {
border: 0.25px solid #d9d9d9;
padding: 2px;
/*text-align: left;*/
color: #868686;
}
.Grid a {
color: #878787;
font-weight: 500;
}
.Grid td a:hover {
background-color: transparent;
color: #57BECD;
}
.grdGralSmall {
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 8pt;
}
.grdGral {
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 10pt;
white-space: nowrap;
}
.grdHeaderStyle {
background-color: #ffcc66;
color: #000099;
font-weight: bold;
}
.grdHeaderStyle a {
color: Navy;
}
.grdItemStyle {
background-color: #ffffc0;
font-weight: normal;
color: Black;
padding-left: 5px;
padding-right: 5px;
}
.grdAlternatingItemStyle {
background-color: #fdfce3;
font-weight: normal;
color: Black;
padding-left: 5px;
padding-right: 5px;
}
.grdPagerStyle {
background-color: #e0e0ba;
font-weight: normal;
color: Black;
}
.grdRight {
text-align: right;
}
.grdCenter {
text-align: center;
}
.wordwrap {
white-space: normal;
}
.hidden {
display: none;
}
.homeAppTitle {
background-color: Navy;
color: White;
font-weight: bold;
white-space: nowrap;
padding-left: 3px;
padding-right: 3px;
}
.homeAppSubTitle {
color: Navy;
font-weight: bold;
white-space: nowrap;
padding-left: 3px;
padding-right: 3px;
}
.inputText {
border: 1px solid #d2d2c2;
font-size: 8pt;
}
.imgAlert {
margin-left: 5px;
margin-right: 2px;
}
.linkbutton {
text-decoration: underline;
color: Navy;
}
.linkbutton a {
text-decoration: none;
color: white;
font-size: 9pt;
}
.LoadingIndicator {
background-color: #ffffdd;
border-width: 1px;
border-style: solid;
border-color: Gray;
width: 200px;
height: 40px;
padding-top: 15px;
padding-left: 5px;
line-height: 20px;
bottom: 0pt;
left: 0pt;
position: fixed;
display: block;
}
* html .LoadingIndicator {
position: absolute;
}
/*Modal Popup*/
.modalBackground /*deberia ser igual a modalpopup2?*/ {
background-color: #DBDBDB;
-moz-opacity: .5;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
padding: 0px;
/*
filter: alpha(opacity=70);
opacity: 0.7;
*/
}
.modalPopup {
background-color: #DBDBDB;
border-width: 3px;
border-style: solid;
border-color: Gray;
padding: 0px;
}
.modalPopup2 {
background-color: #DBDBDB;
-moz-opacity: .5;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
border-width: 3px;
border-style: ridge;
border-color: Gray;
padding: 0px;
}
.modalPanel {
border-color: #999999;
background-color: #F9F9F9; /*
background-color:#f2f2e2;*/
border-style: solid ridge ridge solid;
border-top-width: thin;
border-left-width: thin;
/*background-image: url('../Images/Background_full.jpg');*/
background-repeat: repeat;
}
.modalPanelError {
border-style: solid ridge ridge solid;
border-color: #999999;
/*background-color: #F3F3F3;
background-color:#f2f2e2;*/
background-color: White;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #FF0000;
border-top-width: thin;
border-left-width: thin;
max-width: 450px;
}
.QArea {
font-size: 8pt;
font-family: verdana, arial, helvetica;
font-variant: normal;
font-style: normal;
color: black;
background-color: #f2f2e2;
padding-right: 6px;
padding-left: 6px;
padding-bottom: 4px;
padding-top: 8px;
left: 400px;
position: absolute;
top: 300px;
}
.SelPanel {
border: solid 1px #999999;
background-color: #f9f9f2;
}
.zoomLabel {
color: #FFFFFF;
background-color: Olive;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
}
.zoomLabel2 {
color: #000000;
background-color: #F2F2E2;
font-family: Arial;
font-size: 10pt;
}
/**especificos por id**/
#barraroja {
color: #fff;
font-size: 8pt;
font-family: arial,verdana;
font-weight: normal;
background-image: url('./images/barraroja.gif');
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 10px;
text-align: center;
height: 16px;
}
#container {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
background-color: #f2f2e2;
border: 1px solid #666666;
font-size: 8pt;
height: 30%;
width: 400px;
}
#home {
margin-top: 15%;
margin-bottom: 15%;
text-align: center;
border: solid 1px #7C6F57;
background-color: Transparent;
}
#login {
margin-top: 15%;
height: 30%;
text-align: center;
width: 100%;
padding-top: 50px;
}
#logoApp {
margin-left: 10px;
margin-top: 5px;
}
/*-----------------------------------------------------*/
/* CSS Para simular Tabs o Solapas */
/*-----------------------------------------------------*/
#solapas {
text-align: left;
width: 100%;
}
#tblTotales {
border-left: solid 1px #666666;
border-top: solid 1px #666666;
background-color: #f2f2e2;
font-size: 8pt;
}
#tblTotales td {
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
background-color: #f2f2e2;
font-size: 8pt;
}
/*no se usan
.titApp{
text-align: left;
vertical-align: top;
margin-left: 10px;
margin-top: 0px;
color: #ffffff;
font-family: Verdana, Arial, Helvetica;
font-size: 12pt;
font-weight: bold;
}
#titLogistics{
background-image: url('../images/tagline.gif');
background-repeat: no-repeat;
background-position: left top;
margin-left: 190px;
margin-top: 26px;
margin-bottom: 0px;
padding: 0px;
border: 1px solid blue;
font-size: 7pt;
}
#grayBar{
display: block;
margin-left: 190px;
margin-top: 1px;
background-image: url('../images/graybar.gif');
background-repeat: repeat;
background-position: left top;
height: 17px;
}
*/