body {
color: #000000;
 font-family:Arial, Helvetica, sans-serif;
font-size:12px;
    margin: 10 10 10 10px;
text-align: left;
background-color: #FFFFFF;
}
#container{
text-align: left;
margin: 0 20 0 20px;
 background-color:#FFFFFF;
color:#4f6b72;
}
h1 {
color: #4f6b72;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
h2 {
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
h3 {
color: #4f6b72;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a {
color: #0000cc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
}
.container_login{
display: flex;
align-items: center;
justify-content: center;
min-height: 91vh;
}
#mytable {
width: 652px;
padding: 0;
margin: 0;
}
#mytableship {
padding: 0;
margin: 0;
}
caption {
padding: 0 0 5px 0;
width: 700px;
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
th {
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 3px 3px 3px 6px;
background: #CAE8EA;
}
th.nobg {
border-top: 0;
border-right: 1px solid #C1DAD7;
background: none;
}
table.tabla td {
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background: #fff;
padding: 3px 3px 3px 6px;
color: #4f6b72;
}
table.tabla1 td {
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-left: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
/*background: #fff;*/
padding: 3px 3px 3px 6px;
color: #4f6b72;
}
table.tabla2 td {
font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background: #fff;
padding: 3px 3px 3px 3px;
color: #4f6b72;
}
table.tabla3 td {
font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-left: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
padding: 3px 3px 3px 6px;
color: #4f6b72;
}
table.tabla4 td {
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
border-top: 1px solid #f5f5f5;
background: #F5F5F5;
padding: 3px 3px 3px 6px;
color: #000;
}
td.alt {
background: #F5FAFA;
color: #797268;
}
td.total {
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background: #4f6b72;
color: #FFFFFF;
}
th.spec {
border-top: 0;
background: #fff;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
th.specalt {
border-top: 0;
background: #f5fafa;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}
input[type=text],input[type=number],input[type=date],select {
BORDER-RIGHT: #C0C0C0 1px solid;
BORDER-TOP: #C0C0C0 1px solid;
FONT-SIZE: 14px;
FONT-WEIGHT: normal;
BACKGROUND: #FFFFFF;
BORDER-LEFT: #C0C0C0 1px solid;
COLOR: #000000;
BORDER-BOTTOM: #C0C0C0 1px solid;
FONT-FAMILY: Arial, sans-serif, arial;
} 
input.text {
BORDER-RIGHT: #C0C0C0 1px solid;
BORDER-TOP: #C0C0C0 1px solid;
FONT-SIZE: 14px;
FONT-WEIGHT: normal;
BACKGROUND: #FFFFFF;
BORDER-LEFT: #C0C0C0 1px solid;
COLOR: #000000;
BORDER-BOTTOM: #C0C0C0 1px solid;
FONT-FAMILY: Arial, sans-serif, arial;
}