BODY.aplicacion {
	FONT-SIZE: 9pt; BACKGROUND: url(../cliente/empresa.gif) no-repeat 50% top; OVERFLOW-X: hidden; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
BODY.ventanaEmg {
	FONT-SIZE: 9pt; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TABLE.appConfigForm {
        WIDTH: 100%;
        BACKGROUND-COLOR: #FCFCFC;
}
TABLE.appConfigHeader {
        WIDTH: 100%;
        COLOR: #FFFFFF;
        TEXT-ALIGN: center;
        FONT-SIZE: 6pt;
        FONT-WEIGHT: bold;
        BACKGROUND-COLOR: #FFFFFF;
        border-top: 2px solid #639ACE;
        border-bottom: 2px solid #639ACE;
        border-right: 2px solid #639ACE;
        border-left: 2px solid #639ACE;
}
TABLE.appConfigBody {
        WIDTH: 100%;          
        TEXT-ALIGN: center;
        FONT-SIZE: 6pt;
        FONT-WEIGHT: bold;
}
TABLE.appConfigMenu {
        WIDTH: 100%;
        HEIGHT: 100%;
        COLOR: #EA0000;
        FONT-SIZE: 6pt;
        FONT-WEIGHT: bold;
        TEXT-ALIGN: center;
        BACKGROUND-COLOR: #FFFFFF;
        
        border-top: 2px solid #639ACE;
        border-bottom: 2px solid #639ACE;
        border-right: 2px solid #639ACE;
        border-left: 2px solid #639ACE;
}
TABLE.appConfigModule {
        WIDTH: 100%;
        COLOR: #EA0000;
        TEXT-ALIGN: center;
        FONT-SIZE: 6pt;
        FONT-WEIGHT: bold;
        BACKGROUND-COLOR: #d3e2ea;
        
        border-top: 1px solid #639ACE;
        border-bottom: 1px solid #639ACE;
        border-right: 1px solid #639ACE;
        border-left: 1px solid #639ACE;
}
TABLE.appConfigAdm {
        WIDTH: 100%;
        COLOR: #000033;
        TEXT-ALIGN: center;
        FONT-SIZE: 6pt;
        FONT-WEIGHT: bold;
}

TD.appConfigModuleHeader {
	TEXT-ALIGN: center;
        COLOR: #FFFFFF;
        FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #639ACE;
}

TABLE.appConfigModuleBody {
        WIDTH: 100%;
        HEIGHT: 100%;
        COLOR: #000000;
        FONT-SIZE: 8pt;
        FONT-WEIGHT: bold;
        TEXT-ALIGN: left;
        BACKGROUND-COLOR: #FFFFFF;
        
        border-top: 2px solid #639ACE;
        border-bottom: 2px solid #639ACE;
        border-right: 2px solid #639ACE;
        border-left: 2px solid #639ACE;
}

IMG.imgTheme {
        border-top: 4px solid #d3e2ea;
        border-bottom: 4px solid #d3e2ea;
        border-right: 4px solid #d3e2ea;
        border-left: 4px solid #d3e2ea;
        CURSOR: hand;
        CURSOR: pointer;
        WIDTH: 80px;
        HEIGHT: 50px;
}

INPUT.nowTheme {
	font-size: 7pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	BORDER-RIGHT: #cccccc 1px solid;
        BORDER-TOP: #cccccc 1px solid; 
        BORDER-LEFT: #cccccc 1px solid; 
        BORDER-BOTTOM: #cccccc 1px solid
}

TD.labelTheme {
        COLOR: #6699ff; 
        TEXT-DECORATION: underline;
	FONT-SIZE: 8pt;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        CURSOR: hand;
        CURSOR: pointer;
}

TABLE {
	FONT-SIZE: 8pt; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TH {
	FONT-SIZE: 8pt; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 8pt; COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
INPUT {
	FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TEXTAREA {
	FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
SELECT {
	FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A {
	TEXT-DECORATION: none
}
A.f_etiquetaListaTest {
	HEIGHT: 8px; FONT: 700 small-caps 6px Arial, Helvetica, sans-serif; PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #666666; TEXT-ALIGN: left
}
A.linkListActive {
	FONT: 700 small-caps 12px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #6699ff; TEXT-DECORATION: underline; CURSOR: hand; CURSOR: pointer;
}
A.linkListnoActive {
	FONT: 700 small-caps 12px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #000000
}
A.f_etiquetaLista {
	FONT: 700 small-caps 12px Arial, Helvetica, sans-serif; PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #666666; TEXT-ALIGN: left; CURSOR: hand; CURSOR: pointer;
}
A.f_etiquetaListaTotal {
	FONT: 700 small-caps 12px Arial, Helvetica, sans-serif; PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #666666; TEXT-ALIGN: left; CURSOR: hand; CURSOR: pointer;
}
A.linkListArrowActive {
	FONT: 700 small-caps 12px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #6699ff; CURSOR: hand; CURSOR: pointer;
}
A.linkListArrownoActive {
	FONT: 700 small-caps 12px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #cc6633
}
TD.encabezado {
	BORDER-TOP: #666666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(img/fondotitulo.jpg); COLOR: #ffffff; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 20px; TEXT-ALIGN: left
}
TD.logo {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; WIDTH: 60px; PADDING-TOP: 2px; HEIGHT: 60px
}
TD.logoMegasoft {
	PADDING-RIGHT: 5px; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right
}
TD.contenido {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 3px
}
TD.mensaje {
	BORDER-TOP: #333333 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #cccccc; HEIGHT: 20px; BACKGROUND-COLOR: #003399; TEXT-ALIGN: left
}
TD.mensajeAprobacion {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #333333; HEIGHT: 20px; TEXT-ALIGN: left
}
TD.error {
	BORDER-TOP: #C0C0C0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #000000; HEIGHT: 20px; BACKGROUND-COLOR: #C0C0C0; TEXT-ALIGN: left
}
TD.botones {
	TEXT-ALIGN: right
}
TABLE.encabezado {
	BORDER-TOP: #666666 1px solid; FONT-WEIGHT: bold; LEFT: 0px; BACKGROUND-IMAGE: url(img/fondotitulo.jpg); COLOR: #ffffff; BORDER-BOTTOM: #666666 1px solid; POSITION: relative; TOP: 0px; HEIGHT: 20px; TEXT-ALIGN: left
}
TD.encabezadoInfo {
	COLOR: #000000
}
TD.helpBar {
	VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: right
}
IMG.imgHelpBar {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; CURSOR: hand; CURSOR: pointer; BORDER-RIGHT-WIDTH: 0px
}
TABLE.modules {
	BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; BACKGROUND-COLOR: #cccccc
}
TD.moduleitem {
	FONT-SIZE: 8pt; COLOR: #333333; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
TD.moduleitem_over {
	FONT-SIZE: 8pt; CURSOR: pointer; COLOR: #333333; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center
}

TABLE.listado {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #c6deff;
}
TABLE.listado_encabezado {
	BORDER-LEFT: 4px solid #639ACE;
	BORDER-BOTTOM: 4px solid #639ACE;
}
TH.l_encabezado {
	HEIGHT: 24px;
	color:#FFFFFF;
	font-style:normal;
	border-right:0px solid #CCCCCC;
	background-image:url(../img/forms/form.lst.th.bkg.gif);
}
TH.l_encabezado_curva {
	WIDTH:10%;
	border-left:0px solid #CCCCCC;
	color:#FFFFFF;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(../img/forms/form.lst.th.curva.bkg.gif);
}
TABLE.l_conjunto {
	BORDER-BOTTOM: 4px solid #639ACE;
	BORDER-LEFT: 4px solid #639ACE;
}
TR.l_titulo_separador{
        BACKGROUND-COLOR=#99AACC
}
TD.l_elemento0 {
  FONT-SIZE: 7pt;
	HEIGHT: 14px;
	BACKGROUND-COLOR: #FFFFFF;
	border-TOP:0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
}
TD.l_elemento1 {
  FONT-SIZE: 7pt;
	HEIGHT: 14px;
	BACKGROUND-COLOR: #E4E4E4;
	border-TOP:0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
}
TD.l_elementoBorde0 {
	HEIGHT: 20px;
	BACKGROUND-COLOR: #FFFFFF;
	border-TOP:0px solid #CCCCCC;
	border-right: 4px solid #639ACE;
}
TD.l_elementoBorde1 {
	HEIGHT: 20px;
	BACKGROUND-COLOR: #E4E4E4;
	border-TOP:0px solid #CCCCCC;
	border-right: 4px solid #639ACE;
}
TD.l_elemento0_over {
	CURSOR: pointer;
	CURSOR: hand;
	FONT-SIZE: 7pt;
	HEIGHT: 14px;
	BACKGROUND-COLOR: #E8FAFF;
}
TD.l_elemento1_over {
	CURSOR: pointer;
	CURSOR: hand;
	FONT-SIZE: 7pt;
	HEIGHT: 14px;
	BACKGROUND-COLOR: #E8FAFF;
}
TD.l_elementoBorde0_over {
	CURSOR: pointer;
	CURSOR: hand;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #E8FAFF;
	border-right: 4px solid #639ACE;
}
TD.l_elementoBorde1_over {
	CURSOR: pointer;
	CURSOR: hand;
	HEIGHT: 20px;
	background-color: #e8faff;
	BORDER-RIGHT: 4PX SOLID #639ace;
}

TD.l_customBorde{
	BACKGROUND-COLOR: #DBDBDB;
	border-right: 4px solid #639ACE;
}
TD.l_total {
	HEIGHT: 14px;
	BACKGROUND-COLOR: #FFFFFF;
	border-bottom:1px solid #CCCCCC;
	border-TOP:0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
}
TD.pestannas {
	VERTICAL-ALIGN: bottom
}
DIV.p_pestannas {
	Z-INDEX: 1; LEFT: 16px; POSITION: absolute; TOP: 24px
}
DIV.p_flechaScroll {
	Z-INDEX: 2; OVERFLOW: hidden; WIDTH: 16px; CURSOR: pointer; POSITION: absolute; TOP: 23px; HEIGHT: 16px; BACKGROUND-COLOR: #ffffff
}
TD.p_inactivaOver {
	BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url(../img/forms/active.gif); VERTICAL-ALIGN: middle; BORDER-LEFT: #333333 1px solid; CURSOR: pointer; COLOR: #333333; HEIGHT: 15px
}
TD.p_inactiva {
	BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url(../img/forms/inactive.gif); VERTICAL-ALIGN: middle; BORDER-LEFT: #333333 1px solid; CURSOR: pointer; COLOR: #333333; HEIGHT: 15px
}
TD.p_activa {
	BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url(../img/forms/active.gif); VERTICAL-ALIGN: middle; BORDER-LEFT: #333333 1px solid; COLOR: #ffffff; HEIGHT: 15px
}
TD.p_separador {
	WIDTH: 1px; BACKGROUND-COLOR: #ffffff
}
TD.p_ultima {
	BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ffffff
}
TABLE.formulario {
	BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; BORDER-LEFT: 2px outset; COLOR: #000033; BORDER-BOTTOM: 2px outset; BACKGROUND-COLOR: #ffffff
}
TD.f_titulo {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-ALIGN: center
}
TD.f_titulo_sep {
	FONT-WEIGHT: bold; COLOR: #000000; BACKGROUND-COLOR: #99AACC; TEXT-ALIGN: center
}
TD.f_etiqueta {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; WIDTH: 200px; COLOR: #666666; TEXT-ALIGN: left
}
TD.f_etiquetaRequerida {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; WIDTH: 200px; COLOR: #996666; TEXT-ALIGN: left
}
TD.t_titulo_uci {
	FONT-WEIGHT: bold; FONT-SIZE: small; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
TD.f_areaIngresoDatos {
	TEXT-ALIGN: left
}
TD.f_areaInformacionAdicional {
	COLOR: #000033; TEXT-ALIGN: left
}
TH.l_encabezadoDetalle {
	FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #99aacc; TEXT-ALIGN: left; TEXT-DECORATION: underline
}
TABLE.encabezadoDetalle {
	BACKGROUND-COLOR: #c9c9c9
}
TABLE.encabezadoNieto {
	BACKGROUND-COLOR: #f4f7cc
}
.requeriedValue {
	BACKGROUND-COLOR: #ffffcc
}
.wrongValue {
	BACKGROUND-COLOR: #ffc4c4
}
TD.rep_boton {
	BORDER-RIGHT: #996600 thin inset; BACKGROUND-POSITION: center 50%; BORDER-TOP: #996600 thin inset; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../img/forms/reportButton.gif); VERTICAL-ALIGN: middle; BORDER-LEFT: #996600 thin inset; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: #996600 thin inset; TEXT-ALIGN: center; nowrap: 
}
IMG.imgReport {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; CURSOR: pointer; BORDER-RIGHT-WIDTH: 0px
}

TD.boton_general {
    HEIGHT: 15px;
    BACKGROUND-IMAGE: url(../img/forms/boton.bkg.gif);
    CURSOR: pointer; CURSOR: hand;
    font-weight:bold;
    TEXT-ALIGN: center;
    COLOR: #FFFFFF;
    VERTICAL-ALIGN: middle;
	nowrap:
}
TD.boton_general_over {
    HEIGHT: 15px;
    BACKGROUND-IMAGE: url(../img/forms/boton.bkg.over.gif);
    CURSOR: pointer; CURSOR: hand;
    font-weight:bold;
    TEXT-ALIGN: center;
    COLOR: #003399;
    VERTICAL-ALIGN: middle;
	nowrap:
}
TD.boton_izq {
	WIDTH: 8px;
    HEIGHT: 15px;
    background-repeat:no-repeat;
    BACKGROUND-IMAGE: url(../img/forms/boton.izq.bkg.gif);
    CURSOR: pointer; CURSOR: hand;
    font-weight:bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
    COLOR: #FFFFFF;
    VERTICAL-ALIGN: middle;
	nowrap:
}

TD.boton_der {
    WIDTH: 12px;
    HEIGHT: 15px;
    background-repeat:no-repeat;
    BACKGROUND-IMAGE: url(../img/forms/boton.der.bkg.gif);
    CURSOR: pointer; CURSOR: hand;
    font-weight:bold;
    TEXT-ALIGN: center;
    TEXT-TRANSFORM: uppercase;
    COLOR: #FFFFFF;
    VERTICAL-ALIGN: middle;
    nowrap:
}

IMG.imgButton {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; CURSOR: pointer; BORDER-RIGHT-WIDTH: 0px
}
TEXTAREA.mensaje {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: white; OVERFLOW: auto; BORDER-LEFT: #ffffff 1px solid; SCROLLBAR-SHADOW-COLOR: silver; SCROLLBAR-3DLIGHT-COLOR: silver; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: white; BORDER-BOTTOM: #ffffff 1px solid; SCROLLBAR-DARKSHADOW-COLOR: silver; SCROLLBAR-BORDER: 1PX; scrollbar-width: 20
}
TEXTAREA.sql {
	width:700px;
	background:#FFFFF0;
	color:BLACK;
	SCROLLBAR-FACE-COLOR: white;
	SCROLLBAR-HIGHLIGHT-COLOR: white;
	OVERFLOW: auto;
	SCROLLBAR-SHADOW-COLOR: silver;
	SCROLLBAR-3DLIGHT-COLOR: silver;
	SCROLLBAR-ARROW-COLOR: #cccccc;
	SCROLLBAR-TRACK-COLOR: white;
	SCROLLBAR-DARKSHADOW-COLOR: silver;
	SCROLLBAR-BORDER: 1PX;
	scrollbar-width: 20;
}
INPUT.chkbox {

}
SELECT.select {

}
TD.labelLogin {
	FONT-SIZE: 7pt; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 25px; BACKGROUND-COLOR: #ffffff
}
A.labellogin {
	COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; CURSOR: hand; font-weight:bold;
}

TD.confirmClaveMsg {
	FONT-SIZE: 8Pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 25px; font-weight:bold;
}
INPUT.textForm {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
INPUT.textFormChart {
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7pt;
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}

DIV.flowTable {
	OVERFLOW: auto; overflow-x:scroll;
	border: 0px solid #ffffff;

	SCROLLBAR-WIDTH: 15;				SCROLLBAR-BORDER: 1PX; 				SCROLLBAR-FACE-COLOR: white;
	SCROLLBAR-TRACK-COLOR: white; 		SCROLLBAR-ARROW-COLOR: #cccccc;		SCROLLBAR-SHADOW-COLOR: silver;
	SCROLLBAR-3DLIGHT-COLOR: silver; 	SCROLLBAR-HIGHLIGHT-COLOR: white; 	SCROLLBAR-DARKSHADOW-COLOR: silver;
}
A.cambiarAnalista {
	COLOR: #006699; CURSOR: hand; TEXT-DECORATION:underline;
}
A.cambiarAnalistaOver {
	COLOR: #999900; CURSOR: hand; TEXT-DECORATION:underline;
}

TR.pvcGrupo {
        BACKGROUND-COLOR: #88CFFF;
}

TD.pvcGrupo {
	TEXT-ALIGN: left;
        COLOR: #FFFFFF;
        FONT-WEIGHT: bold;
}
TABLE.loadingPage {
        COLOR: #FFFFFF;
        FONT-SIZE: 6pt;
        FONT-WEIGHT: bold;
        TEXT-ALIGN: center;
        BACKGROUND-COLOR: #FFFFFF;
        border-top: 2px solid #639ACE;
        border-bottom: 2px solid #639ACE;
        border-right: 2px solid #639ACE;
        border-left: 2px solid #639ACE;
}

img.neonHeader {
	HEIGHT: 55px;
}

a.neonVersion {
	color: #FFFFFF;
	font-style: italic;
        FONT-WEIGHT: bold;
}

a.modulemenu {
	color: #FFFFFF;
	font-size: 17pt; 
	text-align: left;
	cursor: pointer;
	font-family: sans-serif;
	font-weight: bold;
}

img.neonFooter {
	HEIGHT: 55px;
}

<!-- Ventana de Modulos -->
body.modulos {
        BACKGROUND-COLOR: #002A57;
}

table.modulos {
        BACKGROUND-COLOR: #002A57;
        border-top: #002A57;
        border-bottom: #002A57;
        border-right: #002A57;
        border-left: #002A57;
}


.modal {
    position: absolute;/* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

.modal-content {
    background-color: #fefefe;    
    opacity: 0.8; 
    display: table;
    margin: 0 auto;
    margin-top:15%; 
}