﻿/*** RESET STYLES - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit;
	vertical-align:baseline; background:transparent;
}
select {margin:0; padding:0;}
table, tbody, tfoot, thead, tr, th, td {
    vertical-align:middle;
}
strong {margin:0; padding:0; border:0;}
input[type="text"], input[type="password"] {margin:0;}
textarea {resize:none; margin:0; padding:0; outline:0; font-size:100%; font:inherit;
	vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display:block; /* HTML5 display-role reset for older browsers */
}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
/*table {border-collapse:collapse; border-spacing:0;}  con esto muestra mal las jqgrid */


/* COLORES -----------------------------------------------------*/
.light {
  --font-color: #696969;        /*gris_oscuro*/
  --background-color:white;
  --header-bg-color:white;
  --title-color:#559FB3;        /*celeste_palido*/
  --destacado-bg-color:#FDFDFD; /*gris_clarito*/
  --disabled-bg-color:#FAFAFA;  /*gris_clarito*/
}
.dark {
  --font-color: #d6d6d6;        /*gris_tiza*/
  --background-color:#4e4e4e;   /*gris_oscuro*/
  --header-bg-color:#2e2e30;    /*negro*/
  --title-color:#559FB3;        /*celeste_palido*/
  --destacado-bg-color:#393a3a; /*gris_oscuro_negro*/
  --disabled-bg-color:#878282;  /*gris_topo*/
}


/* CONTROLES -----------------------------------------------------*/
input[type="text"], input[type="password"], input[type="number"], textarea {border:1px solid #BBB; border-radius:2px;}
input[type="text"].label {display:inline-block; border:none;}
input[type="button"], input[type="submit"] {border:1px solid #BBB; border-radius:4px;}
input[type="radio"] {margin:1px 1px 0 0;}
input[type="radio"], input[type="checkbox"] {border-color:gray; vertical-align:sub;}
input[type="text"], input[type="password"], textarea {padding-left:1px; color:#444; font-family:verdana, geneva, sans-serif;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {outline:none; background-color:#E5EFF7;}
input[type="text"].label:focus {background-color:none;}
select:focus {outline:none; background-color:#E5EFF7; border-color:#BBB;}
input[type="radio"]:not([disabled]), input[type="radio"]:not([disabled])+label, input[type="checkbox"]:not([disabled]), input[type="checkbox"]:not([disabled])+label, input[type="checkbox"]:not([disabled])+input[type="hidden"]+label, input[type="button"]:not([disabled]), input[type="submit"]:not([disabled]) {cursor:pointer;}
input[type="radio"]:focus, input[type="checkbox"]:focus {outline:1px solid #E5EFF7 !important;}
input[type="button"]:not([disabled]):focus, input[type="submit"]:not([disabled]):focus, button:not([disabled]):focus {outline:none !important; background-color:#E5EFF7; border-color:#c7d8e6;}
input[type="button"]:not([disabled]):hover, input[type="submit"]:not([disabled]):hover, button:not([disabled]):hover {outline:none !important; background-color:#E5EFF7; border-color:#999;}
input[type="checkbox"] {margin:0; padding:0; accent-color:var(--title-color);}
input[type="submit"] {padding:5px; color:#333;}
div.editor-field input[type="checkbox"] {margin-top:3px;}
textarea {min-height:40px;}
textarea:disabled, input:not([type]):disabled, input[type="password"]:disabled,
input[type="text"]:disabled, input[readonly="readonly"], select:disabled {background-color:var(--disabled-bg-color);}
input[type="button"]:disabled, input[type="submit"]:disabled {cursor:default; color:#999;}
select {font-family:verdana, geneva, sans-serif; color:#696969;}
select.HideDropDown {border:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; margin-top:-5px;}
.cursorHand {cursor:pointer;}
hr {height:0; border:0; border-top:1px solid #DDD;}
div[disabled] {pointer-events:none; opacity:0.7;}


/* LAYOUT PAGINA -------------------------------------------------*/
html                                     {height:100%;}
body                                     {height:100%; font-family:verdana, geneva, sans-serif; width:100%; background-color:var(--background-color); color:var(--font-color);}
body *                                   {font-size:11px;}
body.dev:after                           {content:"desarrollo"; font-size:8em; color:rgba(0, 108, 138, 0.15); z-index:9999;
                                          display:flex; align-items:center; justify-content:center; position:fixed; top:0; right:0; bottom:0; left:0;
                                          -webkit-pointer-events:none; -moz-pointer-events:none; -ms-pointer-events:none; -o-pointer-events:none; pointer-events:none;
                                          -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;
                                          -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); -o-transform:rotate(-20deg);}
body.qa:after                            {content:"QA"; font-size:12em; color:rgba(0, 108, 138, 0.15); z-index:9999;
                                          display:flex; align-items:center; justify-content:center; position:fixed; top:0; right:0; bottom:0; left:0;
                                          -webkit-pointer-events:none; -moz-pointer-events:none; -ms-pointer-events:none; -o-pointer-events:none; pointer-events:none;
                                          -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;
                                          -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); -o-transform:rotate(-20deg);}
#container                               {position:relative; height:auto !important; height:100%; margin:0 auto; padding:0 5px 0 5px; overflow:auto;}
#container:not(.notloggedin)             {min-height:100%;}
#header                                  {position:relative; height:36px; margin-bottom:5px; border-bottom:1px solid #CCCCCC; background-color:var(--header-bg-color); overflow:hidden;}
#header *                                {font-size:12px;}
b                                        {font-weight:bold;}

#HeaderShowMenu                          {position:absolute; left:0px; top:0px; height:37px; display:none;}
#HeaderStoreyLogo                        {position:absolute; left:16px; bottom:3px; width:180px;}
#HeaderProductLogo                       {position:absolute; left:230px; bottom:3px; width:180px;}
#HeaderModoConexion                      {position:absolute; left:415px; width:20px; bottom:2px;}
#HeaderAmbiente                          {position:absolute; left:415px; bottom:3px; width:180px; white-space:nowrap; font-size:18px; color:var(--title-color);}
#HeaderContact                           {position:absolute; right:3px; bottom:3px; white-space:nowrap; text-align:right;}
#HeaderCompanyName                       {float:left; padding-top:10px; margin-right:10px; font-weight:bold;}
#HeaderContact #UserLink                 {float:left; text-align: left;}
#HeaderContact #UserLink img[src='']     {display:none;}
#HeaderContact #UserPicture              {border:none; height:28px; width:28px; border-radius:50%; vertical-align:top; overflow:hidden; -webkit-transform:translateZ(0);}
#HeaderContact #UserData                 {display:inline-block; margin-left:10px; margin-top:2px; width:150px;}
#HeaderContact #UserName                 {float:left; clear:both; font-weight:bold;}
#HeaderContact #UserEmail                {float:left; font-size:85%;}
#HeaderContact #themeToggle              {float:right; width:16px; height:16px; margin-top:3px; cursor:pointer; border:1px solid gray;}
.light #HeaderContact #themeToggle       {background:url('/Content/images/moon.svg') no-repeat; background-position:center center;}
.dark  #HeaderContact #themeToggle       {background:url('/Content/images/sun.svg') no-repeat; background-position:center center;}

#container.notloggedin                   {width:70%; padding-top:64px; min-height:90%;}
#container.singlepage #content           {margin-left:0;}

#contentwrapper                          {height:100%; float:left; width:100%; z-index:-10;}
#content                                 {margin-left:170px; height:100%; overflow:auto; padding-bottom:2px;}
.notloggedin #content                    {margin-left:0;}
#content h1                              {font-size:120%; font-weight:bold; padding-top:3px; margin-bottom:10px;}
#content h3                              {font-size:100%; font-weight:bold}
legend                                   {font-size:100%; font-weight:bold}
ul#menu                                  {float:left; width:160px; margin-left:-100%;}

#footer                                  {display:none; position:absolute; width:99%; bottom:1px; background:#ddd; border-top:1px dotted gray;}

* html #content                          {height:1%}    /* hack para IE7 */
* > html #content                        {height:auto}  /* hack para IE7 */

html.wait, html.wait *,
body.wait, body.wait *, div.wait, div.wait * {cursor:wait !important;}

@media screen and (max-width:736px) {
 body                                    {overflow:auto;}
 #container.notloggedin                  {width:auto; padding-top:0;}
 #HeaderShowMenu                         {width:50px; display:block; background:#4E728A url('images/menu-bars.png') no-repeat center center;}
 #container:not(.notloggedin) #header             {left:45px; overflow:visible;}
 #container:not(.notloggedin) #HeaderStoreyLogo   {left:10px; display:none;}
 #container:not(.notloggedin) #HeaderProductLogo  {left:10px;}
 #HeaderContact                                   {right:50px;}
 #HeaderAmbiente                         {display:none;}
 #HeaderContact #UserLink                {display:none;}
 #HeaderContact .HidePrint               {display:none;}
 .HideCelular                            {display:none;}
 ul#menu                                 {display:none;}
 #content                                {margin-left:0; min-width:736px;}
}


/* LINKS ---------------------------------------------------------*/
a                                        {text-decoration:none; color:var(--font-color);}
a:link                                   {text-decoration:none;}
a:hover                                  {cursor:pointer; text-decoration:none; color:var(--title-color);}
a:focus                                  {color:var(--title-color);}
a:visited                                {color:var(--font-color);}
a.no_implementado:hover                  {cursor:not-allowed; text-decoration:none; color:var(--font-color);}
a.disabled                               {color:#CCC; pointer-events:none; cursor:default;}
a.inactivo                               {cursor:default;}
a.inactivo:hover                         {cursor:default; text-decoration:none; color:inherit;}
a small                                  {font-size:90%}
.light a.adminOnly                       {background:rgb(250,250,250) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}
.light a.adminOnly:hover                 {background:rgb(237,237,237) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat; border-color:#c394a4;}
.dark a.adminOnly                        {color:var(--font-color); background:rgb(120,110,110) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}
.dark a.adminOnly:hover                  {border-color:#c394a4;    background:rgb(160,150,150) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}


/* MENU LATERAL --------------------------------------------------*/
ul#menu li                               {float:left; width:100%; padding-top:4px; z-index:10;}
ul#menu li.titulo                        {height:17px; font-size:11px; font-weight:bold; text-align:center; color:white; border-bottom:1px #CCC solid;
                                          -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}
ul#menu li.titulo + li.item              {border-top:none;}
ul#menu li.item                          {height:auto !important; font-size:11px; min-height:15px; padding-bottom:2px; color:var(--font-color); border-top:1px #CCC solid;}
.light ul#menu li.titulo                 {background: rgb(35,153,188); background: linear-gradient(90deg, rgba(35,153,188,1) 0%, rgba(25,132,170,1) 20%, rgba(33,174,209,1) 100%);}
.light ul#menu li.item                   {background: rgb(249,249,249); background: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(225,228,231,1) 20%, rgba(251,253,254,1) 100%);}
.light ul#menu li.item:hover             {background: rgb(249,249,249); background: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(225,228,231,0.1) 20%, rgba(251,252,254,1) 100%);}
.dark  ul#menu li.titulo                 {background: var(--title-color);}
.dark  ul#menu li.item                   {background: rgb(62,63,64); background: linear-gradient(90deg, rgba(62,63,64,1) 0%, rgba(15,15,15,1) 20%, rgba(86,86,86,1) 100%);}
.dark  ul#menu li.item:hover             {background: rgb(62,63,64); background: linear-gradient(90deg, rgba(62,63,64,1) 0%, rgba(87,86,86,1) 20%, rgba(86,86,86,1) 100%);}
ul#menu li.item a                        {padding-left:5px;}
.light ul#menu li.adminOnly              {background:rgb(250,250,250) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}
.light ul#menu li.adminOnly:hover        {background:rgb(237,237,237) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}
.dark  ul#menu li.adminOnly              {background:rgb(120,110,110) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}
.dark  ul#menu li.adminOnly a            {color:var(--font-color);}
.dark  ul#menu li.adminOnly:hover        {background:rgb(160,150,150) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat; border-color:#c394a4;}


/* MENU SUPERIOR DE CADA PAGINA ----------------------------------*/
#content h2, #content div.TopMenu        {position:relative; margin-bottom:10px; height:17px; padding:3px 5px 0 10px; color:#222222; font-weight:bold;
                                          border:1px solid #BBB;
                                          -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;
                                          background:#cccccc url('themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x;
                                         }
#content h2 span, #content div.TopMenu span                       {float:left; padding-top:1px; white-space:nowrap;}
div.TopMenu span a                                                {color:#222222;}
div.TopMenu li a.adminOnly                                        {background:#EFEFEF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}
#content h2 span#ActualPage, #content div.TopMenu span#ActualPage {margin-left:15px; color:#4E728A; text-shadow:0 0 2em #EEE, 0 0 2em #EEE;}
#content h2 span.ui-icon, #content div.TopMenu span.ui-icon       {margin-top:-2px;}
div.jqueryslidemenu                      {position:absolute; right:12px; top:3px; display:none;}


/* MVC FORMS ----------------------------------------------------*/
.display-label, .editor-label            {display:inline-block; margin-top:0.5em; float:left; clear:both; width:17ex;}
.display-label                           {padding-top:0.2em;}
.editor-label                            {padding-top:0.4em; font-size:90%;}
.display-field                           {padding-top:0.2em;}
.display-field, .editor-field            {display:inline-block; margin-top:0.5em; float:left;}
fieldset                                 {padding:8px 6px 8px 10px; margin-bottom:10px; border:1px solid #DDD;}
fieldset #botones                        {float:left; clear:both; margin-top:8px; width:100%;}


/* MVC VALIDACION -----------------------------------------------*/
.field-validation-error                  {color:#ff0000;}
.field-validation-valid                  {display:none;}
.input-validation-error                  {border:1px solid #ff0000; background-color:#ffeeee;}
.validation-summary-errors               {float:left; clear:both; color:red; font-size:80%; margin-top:5px;}
.validation-summary-valid                {display:none;}
span.field-validation-error              {clear:both; display:table; font-size:80%; line-height:initial;}


/* JQGRID --------------------------------------------------------*/
.ui-priority-secondary                   {background:#FAFAFA;}
.cursorHand tbody tr.ui-widget-content   {cursor:pointer;}
.cursorHelp tbody tr.ui-widget-content   {cursor:help;}
.ui-state-hover a:hover                  {color:#00728F; text-decoration:underline;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {margin-top:-2px;}
tr.ui-widget-content.jqfoot.ui-row-ltr   {background:#E9E9E9;}
tr.ui-widget-content.footrow.footrow-ltr {background:#D5D5D5; color:#535353;}
.ui-jqgrid a:hover                       {text-decoration:none;}       
tr.ui-widget-content.jqgrow.disabled     {color:#BBB;}
tr.ui-widget-content.jqgrow.disabled:hover {color:#AAA; cursor:default;}
.ui-jqgrid .ui-jqgrid-bdiv               {overflow-x:hidden;}    /* para que no muestre una barra horizontal si el zoom de chrome es menor a 100% */
th.ui-th-column div                      {word-wrap:break-word; /* IE 5.5+ and CSS3 */
                                          white-space:pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */
                                          overflow:hidden; height:auto !important;
                                          vertical-align:middle; padding-top:2px; padding-bottom:2px;}

.ui-subgrid .ui-widget-content .ui-state-default, .ui-subgrid .ui-widget-header .ui-state-default {background-image:url(themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png);}
.ui-subgrid td:last-child                {border-left:0;}
.ui-subgrid div.tablediv                 {padding:2px 0 10px 0;}
.frozen-bdiv tr.ui-widget-content.ui-priority-secondary {opacity:1;}
.ui-jqgrid td a                          {display:inline-flex;}
.ui-jqgrid td a span                     {margin-top:-2px;}
.ui-jqgrid td.adminOnly                  {background:rgb(255,255,255) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}
.headerBold thead th *                   {font-weight:bold;}


/* JQUERYUI ------------------------------------------------------*/
.ui-datepicker                           {width:11em;}           /* initial */
a.ui-button                              {margin-right:.5em;}    /* separacion entre botones */
input[type="text"].ui-spinner-input      {border:none; vertical-align:middle; margin:0 2px 1px 4px; font-size:11px;}
a.ui-spinner-button.ui-button            {margin-right:0;}
.ui-tooltip { white-space: pre-line; }
div.ui-tooltip-content span.ui-icon      {float:left;}
div.ui-tooltip-content div               {float:right; width:92%;}
.ui-effects-transfer                     {border:1px dotted black;}
.ui-button                               {padding:.2em .7em;}
button.ui-button.ui-button-icon-only.popup {width:18px; height:18px; vertical-align:bottom;}


/* DYNATREE ------------------------------------------------------*/
span.dynatree-icon                       {display:none}          /* oculto iconos de archivo */
span.dynatree-folder span.dynatree-icon  {display:inline-block}  /* muestro iconos de carpeta */
.ui-dynatree-disabled ul.dynatree-container {opacity:0.8; background-color:#FAFAFA;}
span.dynatree-active a                   {background-color:#AAA !important;}
span.dynatree-node a                     {font-size:inherit;}
.dynatree-container span.dynatree-node a {font-size:inherit;}


/* CONTROLES COMUNES:MAPA ---------------------------------------*/
div#mapa                                 {float:left; display:inline; overflow:hidden; width:250px; height:250px; border:1px solid #CCC;
                                          background:white url('images/activity_indicator.gif') no-repeat center}
div#mapa>div>div.gm-style>div>div>a>div  {display:none;}                    /*oculto el logo de google*/
div#mapa>div>div.gm-style>div>div.gmnoprint>div.gm-style-cc {display:none;} /*oculto el Datos de mapas*/
div#mapa>div>div.gm-style>div>div.gm-style-cc {display:none;}               /*oculto el Notificar un problema de Mapa*/
div#mapa div.gmnoprint.gm-style-cc       {display:none;}                    /*oculto el Términos de Uso*/
div#mapa div.gmnoprint div.gm-style-cc   {display:none;}                    /*oculto el Keyboard shotcuts y Map data*/
div#mapa div.gm-style-cc                 {display:none;}                    /*oculto el Report a map error*/
div#mapa #ExpandirMapa                   {font-size:10px; display:none;}
div#mapa.no_definido                     {background:none}
div#mapa p                               {display:none}
div#mapa.no_definido p                   {display:inherit}

#wrapper_mapa                            {float:left; margin-left:15px; border-left:1px dashed #CCC; padding-left:15px;}
#wrapper_mapa #SearchAddress             {width:280px;}


/* CONTROLES COMUNES:SEARCH, BOTONES, DATETIMEPICKER ------------*/
div#PopupGrupos_wrapper                  {position:absolute; z-index:10; display:table; display:none;}
div#PopupGrupos                          {width:250px;}
div#PopupGrupos_wrapper > a span         {display:inline-table; vertical-align:text-bottom;}
div#PopupGrupos_wrapper > a              {position:relative; display:table; width:100%; padding:1px 0 3px 0; background:white; border:1px dotted gray; border-bottom:none;}

div#PopupGrupos_wrapper_task             {position:absolute; z-index:10; display:table; display:none;}
div#PopupGrupos_task                     {width:250px;}
div#PopupGrupos_wrapper_task > a span    {display:inline-table; vertical-align:text-bottom;}
div#PopupGrupos_wrapper_task > a         {position:relative; display:table; width:100%; padding:1px 0 3px 0; background:white; border:1px dotted gray; border-bottom:none;}

#botones {float:left; clear:both; margin-top:8px; width:100%;}
a.adminOnly                              {background:rgb(250,250,250) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}
a.adminOnly:hover                        {background:rgb(237,237,237) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}

div#search                               {float:left; display:inline; overflow:hidden; padding:6px; margin-bottom:10px;}
div#search h3                            {margin-bottom:8px;}
div#search .editor-label                 {width:20ex;}
div#search #textGrupos                   {width:133px;}
div#search #botones button               {display:block; margin:0 auto;}
div#grilla_search_wrapper                {float:left; clear:both;}

div#info                                 {float:left; width:220px; padding:8px 5px;}
div#info span                            {float:left;}
div#info p                               {margin-left:25px;}
div#info ul                              {list-style-type:disc; margin-left:30px;}
div#info li                              {margin-top:5px;}

input[type="text"].DateControl           {width:13ex;}
input[type="text"].DatetimeControl       {width:18ex;}

.ui-timepicker-div .ui-widget-header     {margin-bottom:8px;}
.ui-timepicker-div dl                    {text-align:left;}
.ui-timepicker-div dl dt                 {height:25px; margin-bottom:-25px;}
.ui-timepicker-div dl dd                 {margin:0 10px 10px 65px;}
.ui-timepicker-div td                    {font-size:90%;}
.ui-tpicker-grid-label                   {background:none; border:none; margin:0; padding:0;}
.ui-timepicker-rtl                       {direction:rtl;}
.ui-timepicker-rtl dl                    {text-align:right;}
.ui-timepicker-rtl dl dd                 {margin:0 65px 10px 10px;}

fieldset h3, fieldset legend             {margin-bottom:3px;}
div#user_message                         {float:left; min-width:200px; padding:8px 5px 8px 10px;}

div.noscript                             {width:600px; padding:8px; margin-bottom:8px;}
div.noscript span.ui-icon                {display:inline-block; vertical-align:top;}
div.noscript p                           {display:inline-block;}

div#ServicePoint                         {float:left; clear:both; margin-bottom:8px; padding:10px; border:1px dashed #CCC;}
div#ServicePoint h3                      {float:left; clear:both; margin:0 0 1px 0;}
div#ServicePoint div#mapa                {float:left; height:200px; width:300px;}
div#ServicePoint div#mapa.no_definido p  {margin:5px;}
div#ServicePoint #datos1                 {float:left;}
div#ServicePoint #datos2                 {float:right;}
div#ServicePoint #cliente                {float:left; clear:both;}
div#ServicePoint #ubicacion              {float:left; clear:both; margin-top:15px;}
div#ServicePoint #imagen                 {float:left; clear:both; width:100%;}
div#ServicePoint #imagen img             {display:block; margin:auto; width:90px; height:90px;}
div#ServicePoint #extra                  {float:left; clear:both;}

#wrapper_location                        {float:left; position:relative; clear:both; width:100%; min-width:880px; margin-top:13px; padding-top:10px; border-top:1px dashed #CCC;}
#wrapper_location #location              {float:left;}
#wrapper_location #wrapper_mapa          {margin-top:5px;}
#wrapper_location div#coordenadas        {float:left; margin:0 0 20px 10px;}
#wrapper_location div#coordenadas .editor-label       {width:12ex;}
#wrapper_location div#coordenadas .editor-field input {width:13ex; text-transform:uppercase;}
#wrapper_location p#click                             {clear:both;}

#wrapper_grilla, .wrapper_grilla         {float:left;}
#wrapper_grilla h3, .wrapper_grilla h3   {margin-bottom:7px;}

#wrapper_grilla_changecompany            {display:none;}

img[src=""]                              {visibility:hidden;}
img.help                                 {cursor:help;}
div.adminOnly                            {background:rgb(250,250,250) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}


/*** LOGIN ****/
.Account_Login #contentwrapper           {position:initial;}
.Account_Login #content                  {position:initial; min-width:300px; overflow:hidden;}
.Account_Login #login                    {width:400px; padding-top:50px; margin:0 auto;}
@media screen and (max-width:736px) {
 .Account_Login #login                   {}
}


/*** INICIO ****/
.Home_Index div#mapa                     {margin-bottom:10px; margin-right:10px; width:320px;}
.Home_Index div#search                   {margin:0 0 10px 0; min-height:238px;}
.Home_Index #wrapper_info                {float:left; max-width:200px; margin-left:10px;}
.Home_Index div.info                     {float:left; overflow:hidden; min-width:160px; height:40px; margin-bottom:10px;}
.Home_Index div.info span                {float:left; margin-right:.3em}
.Home_Index div.info p                   {margin-left:20px;}
.Home_Index #wrapper_grilla              {clear:both;}
.Home_Index h3#grupos_seleccionados      {display:none;}
.Home_Index h3#grupos_seleccionados span {font-weight:normal;}
.Home_Index span#FiltrarGrilla           {margin-left:3px;}
.Home_Index span#FiltrarGrilla.checked   {background-color:#F9F9F9; border-radius:9px;}
.Home_Contact .editor-field input        {width:40ex;}
.Home_Contact .editor-field textarea     {width:40ex;}
.Home_Contact span.alert                 {color:#CC1919;}
.Home_Contact #Name, .Home_Contact #Company {text-transform:capitalize;}
.Home_ContactOk span.ui-icon             {display:inline-block; vertical-align:top;}
.Home_ContactOk p                        {display:inline-block}
.Home_ContactOk #Aceptar                 {margin:15px 0 0 20px;}


/*** MODEM ****/
.Communication_Details #content          {min-width:800px;}
@media screen and (max-width:736px) {
 .Communication_Details #wrapper_grilla   {clear:both; margin-left:0;}
}
.Communication_Edit    #content          {min-width:800px;}


/*** ABM COMPANY ****/
.Company_Details div.campos              {float:left;}
.Company_Details div#Location h3         {margin-top:25px;}
.Company_Details div#mapa                {float:left; margin-left:3em;}

.Company_Edit #content                   {min-width:1000px;}
.Company_Edit div.campos                 {float:left; margin-bottom:2em;}
#geocoding                               {float:left; margin-left:1em;}
#geocoding button                        {padding:0; font-size:90%;}
#geocoding button span                   {padding:1px;}

.Company_Branches div h3                 {margin-bottom:0.7em;}

.User_Details #botones, .User_MyDetails #botones {margin-top:0}
.User_ChangePassword .editor-label       {width:25ex;}


/*** MEDIDORES ****/
.Device_Edit #content                    {min-width:800px;}

#DialogAgregarDispositivo fieldset       {border:none; padding:0; margin:0;}
#DialogAgregarDispositivo h3             {font-size:100%; font-weight:bold; margin-bottom:5px;}
#DialogAgregarDispositivo div#cliente h3:nth-of-type(2) {float:left; clear:both; margin-top:10px;margin-bottom:1px;}
#DialogAgregarDispositivo div.campos     {float:left;}
#DialogAgregarDispositivo div#cliente    {float:left; height:90px; margin-left:15px; padding-left:15px; border-left:1px dashed #CCC;}
#DialogAgregarDispositivo div#info       {width:280px; margin:22px 0 0 40px;}
#DialogAgregarDispositivo #GroupName     {width:130px; }

.Device_ParamEdit #dispositivos          {float:left; clear:both; margin-bottom:2em;}
.Device_ParamEdit #parametros            {float:left; clear:both; margin-bottom:2em;}
.Device_ParamEdit #rit                   {float:left; clear:both; margin-bottom:2em;}
.Device_ParamEdit .display-label         {width:30ex;}
.Device_ParamEdit .display-field input   {width:35ex;}
.Device_ParamEdit .editor-label          {width:30ex;}

div#grilla_ndevices_wrapper              {float:left; clear:both;}

#wrapper_change                          {float:left; position:relative; clear:both; width:100%; min-width:880px; margin-top:10px; padding-top:5px; border-top:1px dashed #CCC;}


/*** EVENTOS ELECTRICOS ****/
.Event_WithoutIncrease #content                    {min-height:600px;}
.Event_WithoutIncrease #ReportOptions #Periodo     {margin-left:0;}
.Event_WithoutIncrease div#search                  {margin:0 8px 5px 8px;}
.Event_WithoutIncrease #wrapper_grilla             {clear:both;}
.Event_WithoutIncrease #ReportOptions #TipoEvento  {float:left; width:145px;}
.Event_WithoutIncrease #wrapper_grilla thead th    {height:28px; vertical-align:middle;}
.Event_WithoutIncrease #wrapper_grilla thead th div{height:22px;}

.Event_LoadProfileAnomalies #content                    {min-height:600px;}
.Event_LoadProfileAnomalies #ReportOptions #Periodo     {margin-left:0;}
.Event_LoadProfileAnomalies div#search                  {margin:0 8px 5px 8px;}
.Event_LoadProfileAnomalies #wrapper_grilla             {clear:both;}
.Event_LoadProfileAnomalies #wrapper_grilla thead th    {height:28px; vertical-align:middle;}
.Event_LoadProfileAnomalies #wrapper_grilla thead th div{height:22px;}

.Event_Reverse #content                            {min-height:600px;}
.Event_Reverse #ReportOptions #Periodo             {margin-left:0;}
.Event_Reverse div#search                          {margin:0 8px 5px 8px;}
.Event_Reverse #wrapper_grilla                     {clear:both;}
.Event_Reverse #ReportOptions #TipoEvento          {float:left; width:145px;}
.Event_Reverse #wrapper_grilla thead th            {height:28px; vertical-align:middle;}
.Event_Reverse #wrapper_grilla thead th div        {height:22px;}

.Event_DemandLimit #content                        {min-height:600px;}
.Event_DemandLimit #ReportOptions #Periodo         {margin-left:0;}
.Event_DemandLimit div#search                      {margin:0 8px 5px 8px;}
.Event_DemandLimit #wrapper_grilla                 {clear:both;}
.Event_DemandLimit #ReportOptions #TipoEvento      {float:left; width:145px;}
.Event_DemandLimit #wrapper_grilla thead th        {height:28px; vertical-align:middle;}
.Event_DemandLimit #wrapper_grilla thead th div    {height:22px;}


/*** EVENTOS DE COMUNICACION ****/
.Communication_EventsSerialNumber #search        {display:none;}
.Communication_EventsSerialNumber #wrapper_grilla h3 {display:none;}


/*** AUDITORIA ****/
.Audit_Index #content                              {min-height:600px;}
.Audit_Index #ReportOptions #Periodo               {margin-left:0;}
.Audit_Index #ReportOptions .Cuadro                {float:left; width:145px;}
.Audit_Index #ReportOptions #Filtros               {width:200px; margin:0 7px 0 7px;}
.Audit_Index #ReportOptions #Filtros .editor-label {width:14ex;}
.Audit_Index #ReportOptions #Filtros .editor-field input {width:18ex;}
.Audit_Index #ReportOptions #Buscar                {float:left; clear:both; margin:25px 0 0 60px;}
.Audit_Index #ReportOptions #Tipo                  {width:110px;}
.Audit_Index #ReportOptions #Tipo input            {display:inline-block; margin-top:1px; vertical-align:text-bottom;}
.Audit_Index #ReportOptions #Tipo label            {display:inline-block; margin-left:3px; cursor:pointer;}
.Audit_Index #ReportOptions #Accion                {margin-top:15px;}
.Audit_Index #ReportOptions #Reporte               {margin-left:7px; width:120px;}
.Audit_Index #ReportOptions #Reporte a.boton       {width:95px;}


/*** GRUPOS ****/
.Group_Index #Tree_wrapper               {float:left; display:table; margin:0 10px 10px 0;}
.Group_Index #botones_ABM                {float:left; clear:both;}
.Group_Index #TreeGrupos                 {float:left; width:250px; margin-bottom:0.5em;}
.Group_Index ul.dynatree-container       {border:1px solid #DDD;}
.Group_Index form                        {float:left; min-width:250px; margin-right:10px;}
.Group_Index form h3                     {margin-bottom:0.7em;}
.Group_Index .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {margin-top:-3px;}

/*** Niveles ****/
.Roadmapagrupation_Groups #Tree_wrapper               {float:left; display:table; margin:0 10px 10px 0;}
.Roadmapagrupation_Groups #botones_ABM                {float:left; clear:both;}
.Roadmapagrupation_Groups #TreeGrupos                 {float:left; width:250px; margin-bottom:0.5em;}
.Roadmapagrupation_Groups ul.dynatree-container       {border:1px solid #DDD;}
.Roadmapagrupation_Groups form                        {float:left; min-width:250px; margin-right:10px;}
.Roadmapagrupation_Groups form h3                     {margin-bottom:0.7em;}
.Roadmapagrupation_Groups .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {margin-top:-3px;}

/*** Niveles RecoveryGroup****/
.Recoverygroup_Levels #Tree_wrapper {
    float: left;
    display: table;
    margin: 0 10px 10px 0;
}
.Recoverygroup_Levels #botones_ABM {
    float: left;
    clear: both;
}
.Recoverygroup_Levels #TreeGrupos {
    float: left;
    width: 250px;
    margin-bottom: 0.5em;
}
.Recoverygroup_Levels ul.dynatree-container {
    border: 1px solid #DDD;
}
.Recoverygroup_Levels form {
    float: left;
    min-width: 250px;
    margin-right: 10px;
}
.Recoverygroup_Levels form h3 {
        margin-bottom: 0.7em;
    }
.Recoverygroup_Levels .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    margin-top: -3px;
}


.RecoveryGroup_Levels #Tree_wrapper {
    float: left;
    display: table;
    margin: 0 10px 10px 0;
}

.RecoveryGroup_Levels #botones_ABM {
    float: left;
    clear: both;
}

.RecoveryGroup_Levels #TreeGrupos {
    float: left;
    width: 250px;
    margin-bottom: 0.5em;
}

.RecoveryGroup_Levels ul.dynatree-container {
    border: 1px solid #DDD;
}

.RecoveryGroup_Levels form {
    float: left;
    min-width: 250px;
    margin-right: 10px;
}

.RecoveryGroup_Levels form h3 {
        margin-bottom: 0.7em;
    }

.RecoveryGroup_Levels .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    margin-top: -3px;
}


/*** TAREAS ****/
.Task_Index #wrapper_grilla {
    clear: both;
}
.Task_Details   td#rMensual              {padding:5px 0 5px 0;}


/*** CONFIGURACION ****/
.Device_Index        #wrapper_grilla     {clear:both;}

.Communication_Index #wrapper_grilla     {clear:both;}

.Configuracion_EventEmail #wrapper_grilla_eventos     {float:left; margin-left:15px;}
.Configuracion_EventEmail #wrapper_grilla_eventos h3  {margin-bottom:7px;}
.Configuracion_EventEmail div#info                    {margin-top:15px;}

#lblDesc.ui-state-highlight              {float:left; clear:both; padding:5px; margin:5px 0 0 10px; display:none;}


/*** REPORTES ****/
h1.Report                                {margin-top:0.5em}
p.Report                                 {margin-top:0.5em; margin-bottom:1em}
a#Imprimir                               {background:url('images/print.png') no-repeat left center; height:16px; padding:4px 0 0 18px;}

.Report_EnergyBalance #content           {min-height:600px;}
.Report_EnergyBalance #ReportOptions #Periodo {margin-left:0;}
.Report_EnergyBalance div#search         {margin:0 10px 5px 8px;}
.Report_EnergyBalance #wrapper_grilla    {clear:both;}

.Report_EnergyBalanceReport a#Imprimir   {margin-left:40px;}
.Report_EnergyBalanceReport #wrapper_grilla thead th     {height:40px; vertical-align:middle;}
.Report_EnergyBalanceReport #wrapper_grilla thead th div {height:22px;}


/*** GRAFICOS ****/
#ReportOptions                           {float:left; position:relative; width:100%; min-width:1000px; margin-bottom:5px;}
#ReportOptions .FilterMenu               {min-height:150px; border:1px solid #DDD; padding:7px 2px 7px 7px;}
.light #ReportOptions .FilterMenu        {background: rgb(230,232,233); background: linear-gradient(180deg, rgba(230,232,233,1) 0%, rgba(243,244,245,0.01) 22%, rgba(243,244,245,1) 78%, rgba(230,232,233,1) 100%); }
.dark  #ReportOptions .FilterMenu        {background: rgb(70,71,71); background: linear-gradient(180deg, rgba(70,71,71,1) 0%, rgba(146,147,150,1) 26%, rgba(146,147,150,1) 74%, rgba(70,71,71,1) 100%);}
#ReportOptions .FilterMenu h3            {margin-bottom:4px;}
#ReportOptions .ui-icon                  {background-image:url(themes/smoothness/images/ui-icons_888888_256x240.png);}
#ReportOptions a.boton                   {position:relative; padding:3px 7px 3px 18px; display:block; margin-bottom:1px;}
#ReportOptions a.boton span              {position:absolute; left:2px;}
#ReportOptions a.boton:not(.disabled):hover {border:1px solid #CCC; padding:3px 6px 3px 17px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
.light #ReportOptions a.boton:not(.disabled):hover {background: rgb(242,242,242); background: linear-gradient(180deg, rgba(242,242,242,1) 40%, rgba(204,204,204,1) 100%);}
.dark  #ReportOptions a.boton:not(.disabled):hover {background: rgb(212,214,217); background: linear-gradient(180deg, rgba(212,214,217,1) 40%, rgba(138,142,142,1) 100%);}
#ReportOptions a.boton.selected          {color:#030A1F; text-shadow:0px 0px 5px rgba(145, 180, 243, 1);}
#ReportOptions #Periodo                  {float:left; width:243px; margin-left:-100%; padding-right:2px; position:relative;}
#ReportOptions #wrapper_fluid            {float:left; width:100%;}
#ReportOptions #Periodo #fechas          {float:left; margin-top:3px;}
#ReportOptions #Periodo #fechas *        {float:left;}
#ReportOptions #Periodo #fechas label    {display:inline-block; width:45px; margin-bottom:8px; clear:left; padding-top:3px;}
#ReportOptions #Periodo #fechas button   {clear:left; margin-left:45px;}
#ReportOptions #Periodo #fechas2         {position:absolute; top:15px; right:2px;}
#ReportOptions #TablaParametros          {height:158px; padding:3px; margin:0 348px 0 262px; display:block; overflow-y:scroll;}
#ReportOptions #wrapper_fixed            {float:left; width:340px; margin-left:-340px;}

#ReportOptions #PotenciaContratada       {float:left; width:145px;}
#ReportOptions #PotenciaContratada div   {margin-top:5px;}
#ReportOptions #PotenciaContratada div span                 {font-size:10px; font-weight:bold;}
#ReportOptions #PotenciaContratada input[type="checkbox"]   {margin:0; vertical-align:text-bottom;}

#ReportOptions #Agrupar                  {float:left; width:149px; padding-left:5px; padding-right:0;}
#ReportOptions #Agrupar a.boton          {width:50px;}
#ReportOptions #GroupBy a.boton          {margin-bottom:0;}
#ReportOptions #TimeSpan                 {margin-top:24px;}
#ReportOptions #TimeSpan a.boton         {float:left; width:48px; display:inline-block;}

#ReportOptions #Series                   {float:left; width:145px; position:relative;}
#ReportOptions #Series div               {float:left; clear:both;}
#ReportOptions #Series input             {display:inline-block; margin-top:3px; vertical-align:sub;}
#ReportOptions #Series label             {display:inline-block; margin-left:3px;}
#ReportOptions #Umbral                   {margin-top:14px;}
#ReportOptions #Parametros label         {width:125px;}
#ReportOptions #Parametros a             {font-size:90%; letter-spacing:-1px;}
#ReportOptions #Parametros div:not(:first-of-type) {margin-top:7px;}
#ReportOptions #Fases                    {position:absolute; left:7px; bottom:7px;}
#ReportOptions #Fases div                {float:left; display:inline-block;}
#ReportOptions #Fases label              {cursor:pointer;}
#ReportOptions #Fases input:not(:first-child) {margin-left:15px;}

#ReportOptions #Comparar                 {float:right; width:172px; padding-left:2px; padding-right:0;}
#ReportOptions #Comparar h3              {padding-left:5px;}
#ReportOptions #Comparar a               {width:120px;}
#ReportOptions #Comparar #CompararDesde  {display:inline-block; width:33px;}
#ReportOptions #Comparar #dtCompararDesde{display:inline-block; width:17.3ex;}
#ReportOptions #Comparar #QuitarComparacion {visibility:hidden;}

#ReportOptions #Acciones                 {width:145px; margin-top:2px;}

#Chart                                   {float:left; position:relative; width:100%;}
#Chart #placeholder                      {height:380px;}
#Chart #placeholder #loading             {position:absolute; left:50%; top:50%; margin-left:-110px; margin-top:-20px; text-align:center; font-size:16px;}
#Chart #placeholder #loading p           {margin-top:20px; font-size:15px;}
#Chart #overview                         {height:80px; margin-top:18px;}

#ReportOptions .refTable                 {width:100%; font-size:10px; border-collapse:collapse;}
#ReportOptions .refTable th              {height:22px; padding:0 1px; color:#4E728A; font-size:10px; font-weight:bold; text-align:center; vertical-align:middle; border:1px solid #DDD;
	                                      background:#cccccc url('themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x; text-shadow:0 0 2em #EEE;}
#ReportOptions .refTable td              {font-size:10px; border:1px solid #DDD; padding-top:1px; padding-bottom:1px;}
#ReportOptions .refTable td span.nombre  {font-size:10px;}
#ReportOptions .refTable td span.obis    {font-size:80%;}
#ReportOptions .refTable th#ver          {cursor:pointer;}
#ReportOptions .refTable .firstcolumn    {width:12px; overflow:hidden; white-space:nowrap; padding-left:3px; padding-right:2px;}
#ReportOptions .refTable td.valor        {text-align:right; padding-left:1px; padding-right:1px;}
#ReportOptions .refTable td.unidad       {text-align:left;  padding-left:1px; padding-right:1px;}
#ReportOptions .refTable td.number       {text-align:right; padding-left:1px; padding-right:1px;}

.Report_Power            #ReportOptions .refTable .total {display:none;} /* oculto la columna total de los Parámetros */
.Report_ElectricalParams #ReportOptions .refTable .total {display:none;} /* oculto la columna total de los Parámetros */
.Report_ElectricalParams #ReportOptions div.FilterMenu   {height:165px;} /* como no entran las 10 filas, agrando el alto del div y achico el alto de la fila */
.Report_ElectricalParams #ReportOptions #TablaParametros {height:173px; padding:3px;}
.Report_ElectricalParams #ReportOptions .refTable td     {padding-top:0; padding-bottom:0; white-space:nowrap;}

.Report_LoadProfileGraphic #ReportOptions .refTable .total     {display:none;} /* oculto la columna total de los Parámetros */
.Report_LoadProfileGraphic #ReportOptions div.FilterMenu       {height:165px;} /* como no entran las 10 filas, agrando el alto del div y achico el alto de la fila */
.Report_LoadProfileGraphic #ReportOptions #TablaParametros     {height:173px; padding:3px;}
.Report_LoadProfileGraphic #ReportOptions .refTable td         {padding-top:0; padding-bottom:0; white-space:nowrap;}


#ReportOptions .no_implementado:hover    {cursor:not-allowed; color:var(--font-color);}
#ReportOptions .no_implementado *:hover  {cursor:not-allowed; color:var(--font-color);}


/*** REPORTES ****/
.Report_InstantValues #ReportOptions #Periodo              {float:left; width:243px; margin-left:0; padding-right:2px;}
.Report_InstantValues #ReportOptions #ParametrosObis       {float:left; width:400px; margin-left:8px; padding-right:5px; overflow:hidden;}
.Report_InstantValues #ReportOptions #References           {float:left;}
.Report_InstantValues #ReportOptions #ParametrosGuardados         {float:right; width:170px; overflow:hidden;}
.Report_InstantValues #ReportOptions #ParametrosGuardados h3      {margin-left:5px; margin-top:2px;}
.Report_InstantValues #ReportOptions #ParametrosGuardados h3 span {float:right; margin-top:-3px; margin-right:3px; cursor:pointer;}
.Report_InstantValues #ReportOptions #ParametrosGuardados a       {white-space:nowrap; overflow:hidden;}
.Report_InstantValues #ReportOptions #ParametrosGuardados a.ABM   {}
.Report_InstantValues #ReportOptions table                 {height:150px; width:225px; overflow-y:scroll; display:block;}
.Report_InstantValues #ReportOptions #Comparar             {float:left; margin-left:8px; width:150px;}
.Report_InstantValues #ReportOptions #Opciones             {float:left; width:170px; padding-left:2px; padding-right:0; margin-left:8px;}
.Report_InstantValues #ReportOptions #Opciones h3          {padding-left:5px;}
.Report_InstantValues #ReportOptions #Opciones a           {width:127px;}
.Report_InstantValues #ReportOptions #Opciones a small     {position:absolute; right:5px; top:7px; font-size:75%; font-family:Courier}
.Report_InstantValues #wrapper_grilla thead th             {height:38px;}
.Report_InstantValues #wrapper_grilla thead th div         {height:34px;}

.Report_Historic #ReportOptions #Periodo              {float:left; width:243px; margin-left:0; padding-right:2px;}
.Report_Historic #ReportOptions #ParametrosObis       {float:left; width:400px; margin-left:8px; padding-right:5px; overflow:hidden;}
.Report_Historic #ReportOptions #References           {float:left;}
.Report_Historic #ReportOptions #ParametrosGuardados         {float:right; width:170px; overflow:hidden;}
.Report_Historic #ReportOptions #ParametrosGuardados h3      {margin-left:5px; margin-top:2px;}
.Report_Historic #ReportOptions #ParametrosGuardados h3 span {float:right; margin-top:-3px; margin-right:3px; cursor:pointer;}
.Report_Historic #ReportOptions #ParametrosGuardados a       {white-space:nowrap; overflow:hidden;}
.Report_Historic #ReportOptions #ParametrosGuardados a.ABM   {}
.Report_Historic #ReportOptions table                 {height:150px; width:225px; overflow-y:scroll; display:block;}
.Report_Historic #ReportOptions #Comparar             {float:left; margin-left:8px; width:150px;}
.Report_Historic #ReportOptions #Opciones             {float:left; width:170px; padding-left:2px; padding-right:0; margin-left:8px;}
.Report_Historic #ReportOptions #Opciones h3          {padding-left:5px;}
.Report_Historic #ReportOptions #Opciones a           {width:127px;}
.Report_Historic #ReportOptions #Opciones a small     {position:absolute; right:5px; top:7px; font-size:75%; font-family:Courier}
.Report_Historic #wrapper_grilla thead th             {height:38px;}
.Report_Historic #wrapper_grilla thead th div         {height:34px;}

.Report_LoadProfile #ReportOptions #Periodo              {float:left; width:243px; margin-left:0; padding-right:2px;}
.Report_LoadProfile #ReportOptions #ParametrosObis       {float:left; width:290px; margin-left:8px; padding-right:5px; overflow:hidden;}
.Report_LoadProfile #ReportOptions #References           {float:left;}
.Report_LoadProfile #ReportOptions #ParametrosGuardados         {float:right; width:170px; overflow:hidden;}
.Report_LoadProfile #ReportOptions #ParametrosGuardados h3      {margin-left:5px; margin-top:2px;}
.Report_LoadProfile #ReportOptions #ParametrosGuardados h3 span {float:right; margin-top:-3px; margin-right:3px; cursor:pointer;}
.Report_LoadProfile #ReportOptions #ParametrosGuardados a       {white-space:nowrap; overflow:hidden;}
.Report_LoadProfile #ReportOptions #ParametrosGuardados a.ABM   {}
.Report_LoadProfile #ReportOptions table                 {max-height:150px; overflow-y:auto; display:block;}
.Report_LoadProfile #ReportOptions #Comparar             {float:left; margin-left:8px; width:150px;}
.Report_LoadProfile #ReportOptions #Opciones             {float:left; width:150px; padding-left:2px; padding-right:0; margin-left:8px;}
.Report_LoadProfile #ReportOptions #Opciones h3          {padding-left:5px;}
.Report_LoadProfile #ReportOptions #Opciones a           {width:122px;}
.Report_LoadProfile #ReportOptions #Opciones a small     {position:absolute; right:5px; top:7px; font-size:75%; font-family:Courier}
.Report_LoadProfile #wrapper_grilla thead th             {height:38px;}
.Report_LoadProfile #wrapper_grilla thead th div         {height:34px;}



/*** SOMBRAS ****/
.sombra1 {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.sombra1:before, .sombra1:after {content:""; z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.sombra1:after {
    right:10px; left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.sombra2 {position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.sombra2:before, .sombra2:after {position:absolute; content:""; z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:7px;
    bottom:7px;
    left:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.sombra2:after {right:10px; left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}



/*** AYUDA ****/
.Home_Manual #content a                  {float:left; margin:10px 0 0 10px;}
.Home_Manual #content a img              {float:left;}
.Home_Manual #content a span             {float:left; margin:4px 0 0 10px;}


/*** PAGINAS SIN MENU ****/
.Home_PrivacyPolicy ul#menu              {display:none;}
.Home_PrivacyPolicy #content             {margin-left:0;}
.Home_TermsOfService ul#menu             {display:none;}
.Home_TermsOfService #content            {margin-left:0;}

.Device_ParamEdit ul#menu                {display:none;}
.Device_ParamEdit #content               {margin-left:0;}

.Device_Config ul#menu                   {display:none;}
.Device_Config #content                  {margin-left:0;}

.Servicepoint_Assign ul#menu             {display:none;}
.Servicepoint_Assign #content            {margin-left:0;}

.Configuracion_EventEmail   ul#menu      {display:none;}
.Configuracion_EventEmail   #content     {margin-left:0;}

.Configuracion_LoadProfile       ul#menu {display:none;}
.Configuracion_LoadProfile       #content{margin-left:0;}
.Configuracion_LoadProfileDetail ul#menu {display:none;}
.Configuracion_LoadProfileDetail #content{margin-left:0;}

.Configuracion_Parameters       ul#menu  {display:none;}
.Configuracion_Parameters       #content {margin-left:0;}
.Configuracion_ParametersDetail ul#menu  {display:none;}
.Configuracion_ParametersDetail #content {margin-left:0;}

.Configuracion_SummerTime       ul#menu  {display:none;}
.Configuracion_SummerTime       #content {margin-left:0;}
.Configuracion_SummerTimeDetail ul#menu  {display:none;}
.Configuracion_SummerTimeDetail #content {margin-left:0;}

.Configuracion_Seasons       ul#menu     {display:none;}
.Configuracion_Seasons       #content    {margin-left:0;}
.Configuracion_SeasonsDetail ul#menu     {display:none;}
.Configuracion_SeasonsDetail #content    {margin-left:0;}

.Configuracion_Rates       ul#menu       {display:none;}
.Configuracion_Rates       #content      {margin-left:0;}
.Configuracion_RatesDetail ul#menu       {display:none;}
.Configuracion_RatesDetail #content      {margin-left:0;}

.Configuracion_RateDemand       ul#menu     {display:none;}
.Configuracion_RateDemand       #content    {margin-left:0;}
.Configuracion_RateDemandDetail ul#menu     {display:none;}
.Configuracion_RateDemandDetail #content    {margin-left:0;}

.Configuracion_MaximumDemand       ul#menu  {display:none;}
.Configuracion_MaximumDemand       #content {margin-left:0;}
.Configuracion_MaximumDemandDetail ul#menu  {display:none;}
.Configuracion_MaximumDemandDetail #content {margin-left:0;}

.Configuracion_Direcciones       ul#menu {display:none;}
.Configuracion_Direcciones       #content{margin-left:0;}
.Configuracion_DireccionesDetail ul#menu {display:none;}
.Configuracion_DireccionesDetail #content{margin-left:0;}

.Configuracion_Ethernet       ul#menu    {display:none;}
.Configuracion_Ethernet       #content   {margin-left:0;}
.Configuracion_EthernetDetail ul#menu    {display:none;}
.Configuracion_EthernetDetail #content   {margin-left:0;}

.Configuracion_GPRS       ul#menu        {display:none;}
.Configuracion_GPRS       #content       {margin-left:0;}
.Configuracion_GPRSDetail ul#menu        {display:none;}
.Configuracion_GPRSDetail #content       {margin-left:0;}

.Configuracion_Modo       ul#menu        {display:none;}
.Configuracion_Modo       #content       {margin-left:0;}
.Configuracion_ModoDetail ul#menu        {display:none;}
.Configuracion_ModoDetail #content       {margin-left:0;}

.Configuracion_Telefonos       ul#menu   {display:none;}
.Configuracion_Telefonos       #content  {margin-left:0;}
.Configuracion_TelefonosDetail ul#menu   {display:none;}
.Configuracion_TelefonosDetail #content  {margin-left:0;}
.Configuracion_Telefonos  div#info       {margin:85px 0 0 15px;}

.Communication_Edit ul#menu              {display:none;}
.Communication_Edit #content             {margin-left:0;}

.Account_Register ul#menu                {display:none;}
.Account_Register #content               {margin:0 100px; min-width:0;}

.Account_RegisterOk ul#menu              {display:none;}
.Account_RegisterOk #content             {margin-left:0;}

.Report_Power ul#menu                    {display:none;}
.Report_Power #content                   {margin-left:0;}

.Report_Energy ul#menu                   {display:none;}
.Report_Energy #content                  {margin-left:0;}

.Report_ElectricalParams ul#menu         {display:none;}
.Report_ElectricalParams #content        {margin-left:0;}

.Report_InstantValues ul#menu            {display:none;}
.Report_InstantValues #content           {margin-left:0;}
.Report_Historic ul#menu                 {display:none;}
.Report_Historic #content                {margin-left:0;}

.Report_LoadProfile ul#menu              {display:none;}
.Report_LoadProfile #content             {margin-left:0;}
.Report_LoadProfileGraphic ul#menu       {display:none;}
.Report_LoadProfileGraphic #content      {margin-left:0;}

.Report_EnergySummary ul#menu            {display:none;}
.Report_EnergySummary #content           {margin-left:0;}


/*** PARA IMPRIMIR ****/
@media print {
    #header                              {height:25px;}
    ul#menu                              {display:none;}
    #content                             {margin-left:0;}
    div.jqueryslidemenu                  {display:none; visibility:hidden;}
    .HidePrint                           {display:none; visibility:hidden; width:0;}
    h2,h3                                {page-break-after:avoid;}
    #ReportOptions #TablaParametros      {margin-right:250px;}
    #ReportOptions .FilterMenu           {height:auto;}
}