body{ color: #FFF; /*background: #8AC007 !important;*/ background: #CACFD2 !important; }
#particles-js{ width: 100%; height: 100%; position: fixed; }/* Estilos div Particulas */

#layoutContainer{ position: relative; }
#header{ width: 100%; min-height: 140px; background-color: rgba(0, 0, 0, 0.4); }
#content{ min-height: 400px; background: #FFF; border: 1px solid #d5d5d5; }
#footer{ width: 100%; min-height: 100px; background-color: rgba(0, 0, 0, 0.4); }

/* CABECERA */
#header #headerSATLogo{ width: 180px; margin: 10px 0px 0px 0px; }
#header #headSpace{ height: 10px; }
#header #toolBar{ margin-bottom: 10px !important;}
#header #beginSeasonList{ margin: 0px 10px 0px 0px; }
#directionBarContainer{ padding-right: 0px; }
#directionBarContainer #directionBar{ } 
/* CABECERA */

#content #lateralPanel{ height: 100%; min-height: 400px; max-height: 600px; background: #f8f8f8; border-left:1px solid #d5d5d5; overflow-y: scroll; }/* Render de Paneles Laterales */
#content #viewerPanel{ padding: 10px 0px 0px 25px; border-left: 1px solid #d5d5d5; }/* Render de Vistas */


/* LOGIN */
#panelLoginContainer{ margin: 10px 0px 0px 0px; }
#panelLoginContainer #loginForm{ }
/* LOGIN */



/* PIE */

/* Gridster */

.gridster *{ margin:0; padding:0; }
.gridster ul{ background-color: #EFEFEF; }
.gridster li{ font-size: 1em; font-weight: bold; text-align: center; line-height: 100%; }
.gridster{ margin: 0 auto; opacity: .8; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; -ms-transition: opacity .6s; transition: opacity .6s; }
.gridster .gs-w{ background: #DDD; cursor: move; }
.gridster .player{ background: #BBB; }
.gridster .preview-holder{ border: none!important; background: #449d44 !important; }
/* Gridster */


/*.modal-backdrop.fade.in{ height: 100% !important; }*/
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; }

.cursor-help, .cursor-info{ cursor: help; }
.cursor-help-important, .cursor-info-important{ cursor: help !important; }
.cursor-pointer{ cursor: pointer }
.cursor-pointer-important{ cursor: pointer !important; }

.text-9{ font-size: 9px; }
.text-9-important{ font-size: 9px !important; }
.text-10{ font-size: 10px; }
.text-10-important{ font-size: 10px !important; }
.text-11{ font-size: 11px; }
.text-11-important{ font-size: 11px !important; }
.text-12{ font-size: 12px; }
.text-12-important{ font-size: 12px !important; }
.text-14{ font-size: 14px; }
.text-14-important{ font-size: 14 !important; }

.text-bold{ font-weight: bold; }
.text-bold-important{ font-weight: bold !important; }
.text-underline{ text-decoration: underline; }
.text-underline-important{ text-decoration: underline !important; }

.text-ccc{ color: #CCC; }
.text-ccc-important{ color: #CCC !important; }

.width-100{ width: 100px; }
.width-120{ width: 120px; }
.width-200{ width: 200px; }
.width-300{ width: 300px; }
.width-400{ width: 400px; }
.width-500{ width: 500px; }

table.table-summary{ margin: 0px !important; }
table.table-summary tr{}
table.table-summary th{ padding: 0px !important; }
table.table-summary td{ padding: 0px !important; }

.summary-field{height: 20px !important; font-size: 12px !important; width: 100%;}

#flashMessage{ font-weight: bold; color:#333; background: #CACFD2; padding: 20px; width: 100%; }