/*** 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 -----------------------------------------------------*/
.base {
    --font-color: #696969;        /*gris_oscuro*/
    --background-color:white;
    --header-bg-color:#e5e5e5;
    --chart-bg-color:#f0f3f6;     /*blanco_celestado*/
    --title-color:#2c78c9;        /*azul*/
    --control-color:#007fff;      /*azul*/
    --disabled-bg-color:#fafafa;  /*casi_blanco_tiza*/
}
.overcast {
    --font-color: #696969;        /*gris_oscuro*/
    --background-color:#fafafa;   /*casi_blanco_tiza*/
    --header-bg-color:#f3f3f3;
    --chart-bg-color:#dcd6d6;
    --title-color:#999;           /*gris_ceniza*/
    --control-color:#999;         /*gris_ceniza*/
    --disabled-bg-color:#fafafa;  /*casi_blanco_tiza*/
}
.smoothness {
    --font-color: #696969;        /*gris_oscuro*/
    --background-color:#fafafa;   /*casi_blanco_tiza*/
    --header-bg-color:#d7d7d7;    /*gris_medio*/
    --chart-bg-color:#eeeeee;
    --title-color:#8d8d8d;        /*gris_medio*/
    --control-color:#aaa;         /*gris_clarito*/
    --disabled-bg-color:#fafafa;  /*casi_blanco_tiza*/
}
.darkness {
    --font-color: #d6d6d6;        /*gris_tiza*/
    --background-color:#4e4e4e;   /*gris_oscuro*/
    --header-bg-color:#323234;    /*negro*/
    --chart-bg-color:#333333;     /*negro*/
    --title-color:#9670c4;        /*violeta*/
    --control-color:#2e2e30;      /*negro*/
    --disabled-bg-color:#878282;  /*gris_topo*/
}


/* CONTROLES -----------------------------------------------------*/
input[type="text"], input[type="password"], input[type="number"], select, textarea, div[contenteditable="true"] {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"], input[type="password"], select, textarea, div[contenteditable="true"] {background-color:#f9f9fb;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus, div[contenteditable="true"]:focus {outline:none; background-color:#f5f5f5; box-shadow:0 0 0 1px rgba(93, 132, 216, 0.2);}
input[type="text"].label:focus {background-color:none;}
select:focus {outline:none; background-color:#f5f5f5; 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  !important;}
input[type="button"]:not([disabled]):focus, input[type="submit"]:not([disabled]):focus, button:not([disabled]):focus {outline:none !important; background-color:#f5f5f5; border-color:#c7d8e6;}
input[type="button"]:not([disabled]):hover, input[type="submit"]:not([disabled]):hover, button:not([disabled]):hover {outline:none !important; background-color:#f5f5f5; border-color:#999;}
input[type="checkbox"] {margin:0; padding:0; accent-color:var(--control-color);}
input[type="submit"] {padding:5px; color:#333;}
input[type=range]                       {appearance:none; height:4px; border-radius:16px; border:1px solid gray; cursor:pointer;}
input[type=range]::-webkit-slider-thumb {appearance:none; height:10px; width:6px; border-radius:3px; background-color:blue;}
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:"DEV"; position:fixed; bottom:110px; right:15px; font-size:7em; color:var(--title-color); opacity:0.1; transform:rotate(-30deg); transform-origin:bottom right; z-index:9999; pointer-events:none; user-select:none;}
body.qa:after                            {content:"QA";  position:fixed; bottom:110px; right:15px; font-size:7em; color:var(--title-color); opacity:0.1; transform:rotate(-30deg); transform-origin:bottom right; z-index:9999; pointer-events:none; user-select:none;}
#container                               {position:relative; height:auto !important; margin:0 auto; padding:0 4px 0 4px; 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;}
.darkness #header                        {border-bottom-color:black;}
#header *                                {font-size:12px;}
b                                        {font-weight:bold;}
.noselect                                {user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}

#HeaderShowMenu                          {position:absolute; left:0px; top:0px; height:37px; display:none;}
#HeaderStoreyLogo                        {position:absolute; left:5px; bottom:5px; width:150px; color:#0562B9;}
#HeaderStoreyLogo svg                    {width:150px; height:auto;}
.darkness #HeaderStoreyLogo              {color:var(--title-color);}
#HeaderProductLogo                       {position:absolute; left:175px; bottom:5px; width:125px; color:var(--title-color);}
.darkness #HeaderProductLogo             {color:var(--title-color);}
#HeaderModoConexion                      {position:absolute; left:330px; bottom:2px;}
#HeaderAmbiente                          {position:absolute; left:320px; bottom:6px; white-space:nowrap; font-size:18px; color:var(--font-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;}
#HeaderCompanyName a                     {color:var(--title-color);}
#HeaderContact #UserLink                 {float:left; text-align: left;}
#HeaderContact #UserLink img[src='']     {display:none;}
#HeaderContact #UserImage                {float:left; width:28px; height:28px; background-color:var(--title-color); border-radius:50%; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;}
#HeaderContact #UserPicture              {width:100%; height:100%; object-fit:cover; border-radius:50%;}
#UserImage svg                           {width: 70%; height: 70%; fill:white; display:none; position:absolute;}
#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:5px; cursor:pointer; color:var(--font-color);}

#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:0px; height:100%;  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}

* html #content                          {height:1%}    /* hack para IE7 */
* > html #content                        {height:auto}  /* hack para IE7 */

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('/Content/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                                   {left:160px; right:auto;}
 #HeaderAmbiente                         {display:none;}
 #HeaderContact #UserLink                {display:none;}
 #HeaderContact .HidePrint               {display:none;}
 .HideCelular                            {display:none;}
 .menu                                   {display:none;}
 #sidebar                                {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, a:visited: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; cursor:default;}
a.inactivo                               {cursor:default;}
a.inactivo:hover                         {cursor:default; text-decoration:none; color:inherit;}
a small                                  {font-size:90%}
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; border-color:#c394a4;}
.darkness a.adminOnly                    {color:var(--font-color); background:var(--font-color) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMklEQVQYV2NkQANfjx//z4gsBhLgtrRkhAvCBECKwIIwgf9Pn/5nlJZmZERWAVIAkgAAX/IbUI3eet0AAAAASUVORK5CYII=) repeat;}


/* MENU LATERAL --------------------------------------------------*/
.menu li                                 {float:left; width:100%; display:flex; align-items:center}
.menu li.titulo                          {height:25px; font-size:11px; font-weight:bold; justify-content:center;}
.menu li.titulo + li.item                {border-top:none;}
.menu li.item                            {height:auto !important; font-size:11px; min-height:21px !important; padding:2px 4px; color:var(--font-color); border:none; border-top:1px solid var(--chart-bg-color);}
.menu li.item:not(.not_implemented):hover                      {background:var(--header-bg-color);}
.menu li.item a                          {padding-left:5px; white-space:nowrap;}
.menu li.item:not(.not_implemented) a:hover {font-weight:bold; overflow:hidden; letter-spacing:-0.5px;}
.menu li.adminOnly                       {background:repeating-linear-gradient(-45deg, var(--chart-bg-color), var(--chart-bg-color) 4px, var(--background-color) 4px, var(--background-color) 6px);}
.menu li.adminOnly:hover                 {background:repeating-linear-gradient(-45deg, var(--header-bg-color), var(--header-bg-color) 4px, var(--background-color) 4px, var(--background-color) 6px);}
.darkness .menu li.adminOnly             {background:repeating-linear-gradient(-45deg, #181818, #181818 4px, var(--background-color) 4px, var(--background-color) 6px);}
.darkness .menu li.adminOnly:hover       {background:repeating-linear-gradient(-45deg, var(--header-bg-color), var(--header-bg-color) 4px, var(--background-color) 4px, var(--background-color) 6px);}
.menu li.not_implemented                 {background:repeating-linear-gradient(-45deg, var(--chart-bg-color), var(--chart-bg-color) 4px, var(--background-color) 4px, var(--background-color) 6px);}
.darkness .menu li.not_implemented       {background:repeating-linear-gradient(-45deg, #181818, #181818 4px, var(--background-color) 4px, var(--background-color) 6px);}


/* MENU SUPERIOR DE CADA PAGINA ----------------------------------*/
#content h2, #content div.TopMenu        {position:relative; margin-bottom:0.5em; height:20px; padding:3px 5px 0 10px; font-weight:bold;
                                          -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
#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-view .ui-jqgrid-bdiv {overflow-x:hidden; overflow-y:auto;}    /* para que no muestre una barra horizontal si el zoom de chrome es menor a 100% */

/*.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: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 .5em;}
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:100%; height:98.5%; min-height:200px; border:1px solid #CCC;
                                          background:white url('/Content/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; width:100%; margin:0 auto;}
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:100%;}
div#ServicePoint div#mapa.no_definido p  {margin:5px;}
div#ServicePoint #datos1                 {float:left;}
div#ServicePoint #datos2                 {float:left;}
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:100%; height:auto;}
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;}


/*** INICIO ****/
.cardContador                            {background-color:var(--chart-bg-color); overflow:hidden;}
.no_implementado .cardContador           {background:repeating-linear-gradient(-45deg, var(--chart-bg-color), var(--chart-bg-color) 4px, var(--background-color) 4px, var(--background-color) 6px);}
.darkness .no_implementado .cardContador {background:repeating-linear-gradient(-45deg, #181818, #181818 4px, var(--background-color) 4px, var(--background-color) 6px);}
.highcharts-figure                       {overflow:hidden;}
.chart-container                         {background-color:var(--chart-bg-color); overflow:hidden;}
span.subtitle                            {font-size:70%;}

.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;}


/*** ABM COMPANY ****/
.Company_Create div.campos               {float:left;}
.Company_Create div#aviso                {float:left; margin:25px 0 0 40px; padding:7px;}
.Company_Create div#usuario              {width:100%; margin-top:15px; padding-top:10px; border-top:1px dashed #CCC;}

.Company_Details div.campos              {float:left;}
.Company_Details div#Location h3         {margin-top:25px;}
.Company_Details div#mapa                {margin-top:1em;}

.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; }

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_Index #content                              {min-height:600px;}
.Event_Index #ReportOptions #Periodo               {margin-left:0;}
.Event_Index div#search                            {margin:0 8px 5px 8px;}
.Event_Index #wrapper_grilla                       {clear:both;}
.Event_Index #wrapper_grilla2                      {float:left; clear:both;}
.Event_Index #ReportOptions .Cuadro                {float:left; width:145px;}
.Event_Index #ReportOptions .Cuadro div            {float:left; clear:both;}
.Event_Index #ReportOptions .Cuadro input          {display:inline-block; margin-top:3px; vertical-align:text-bottom;}
.Event_Index #ReportOptions .Cuadro label          {display:inline-block; margin-left:3px; cursor:pointer;}
.Event_Index #ReportOptions #TipoEvento2           {margin:0 0 0 7px;}
.Event_Index #ReportOptions #Estado                {margin-bottom:15px;}
#DialogDetalleEvento #wrapper_grilla h3            {display:inline-block;}
#DialogDetalleEvento #wrapper_grilla p             {display:inline-block; margin-left:0.5em}


/*** AUDITORIA ****/
.Audit_Index #content                              {min-height:600px;}
.Audit_Index #ReportOptions #Periodo               {margin-left: 0; float: left; width: 263px; padding-right: 2px; position: relative;}
.Audit_Index #Periodo #fechas                      {float: left; margin-top: 3px;}
.Audit_Index #Periodo #fechas2                     {position: absolute; top: 23px; right: 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;}


/*** CONFIGURACION ****/
.Device_Index        #wrapper_grilla     {clear:both;}
#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('/Content/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; padding:7px 2px 7px 7px;}
.ReportOptions .FilterMenu.ui-state-default {color:var(--font-color); background-color:var(--header-bg-color);}
.ReportOptions .FilterMenu h3            {margin-bottom:4px;}
.ReportOptions a.boton                   {position:relative; padding:4px 7px 4px 18px; display:block; margin-bottom:1px;}
.ReportOptions a.boton span              {position:absolute; left:2px;}
.ReportOptions a.boton:not(.disabled):hover {font-weight:bold; overflow:hidden; letter-spacing:-0.5px;}
.ReportOptions a.boton.selected          {color:#030A1F; text-shadow:0px 0px 5px rgba(145, 180, 243, 1);}

.ReportOptions .ParametrosObis           {float:left; width:465px; margin-left: 5px;  position:relative; padding-right:5px; overflow: hidden;}
.ReportOptions .Periodo                  {float:left; width:240px; padding-right:2px; position:relative;}
.ReportOptions .Comparar                 {float:left; width:172px; padding-left:7px;  padding-right:0; margin:0px 0px 0px 5px;}
.ReportOptions .Opciones                 {float:left; width:170px; padding-left: 7px; padding-right:0; margin-left: 5px;}

.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 .fechasRegisterList          {float:left; margin-top:3px;}
.ReportOptions .Periodo .fechasRegisterList *        {float:left;}
.ReportOptions .Periodo .fechasRegisterList label    {display:inline-block; width:45px; margin-bottom:8px; clear:left; padding-top:3px;}
.ReportOptions .Periodo .fechasRegisterList button   {clear:left; margin-left:45px;}
.ReportOptions .Periodo .fechas2RegisterList {position:absolute; top:23px; right:0;}
.ReportOptions .References               {float:left; width:300px;  overflow-y:scroll; height:140px !important;}
.ReportOptions .refTable                 {width:100%; font-size:10px; border-collapse:collapse;}
.ReportOptions .refTable th              {height:22px; padding:0 1px; font-size:10px; font-weight:bold; text-align:center; vertical-align:middle; border:1px solid var(--font-color);}
.ReportOptions .refTable td              {font-size:10px; padding-top:2px; padding-bottom:1px; border:1px solid var(--font-color);}
.ReportOptions .refTable td span.nombre  {font-size:10px;}
.ReportOptions .refTable td span.obis    {font-size:80%; float:right;}
.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;}
.ReportOptions .wrapper_fixed            {float:left; width:340px; margin-left:-340px;}
.ReportOptions .ParametrosGuardados h3   {margin-left: 5px;}
.ReportOptions .ParametrosGuardados      {float:right; width:150px; overflow:hidden; }
.ReportOptions .Acciones                 {width:145px; margin-top:2px;}

#ReportOptions                           {float:left; position:relative; width:100%; min-width:1000px; margin-bottom:5px;}
#ReportOptions .FilterMenu               {min-height:150px; padding:7px 2px 7px 7px;}
#ReportOptions .FilterMenu h3            {margin-bottom:4px;}
#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.selected          {color:#030A1F; text-shadow:0px 0px 5px rgba(145, 180, 243, 1);}
#ReportOptions #Periodo                  {float:left; width:280px; margin-left:-100%; padding-right:2px; position:relative; min-width:280px;}
#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;}

#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;}

#ReportOptionsProfiles {float: left; position: relative; width: 100%; min-width: 1000px; margin-bottom: 5px;}
#ReportOptionsProfiles .FilterMenu       {min-height: 150px;
                                          border: 1px solid #DDD;
                                          padding: 7px 2px 7px 7px;
                                          background: rgb(238,240,242);
                                          background: -moz-linear-gradient(top, rgba(238,240,242,1) 7%, rgba(251,251,251,1) 29%, rgba(253,253,253,1) 78%, rgba(243,245,247,1) 100%);
                                          background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(238,240,242,1)), color-stop(29%,rgba(251,251,251,1)), color-stop(78%,rgba(253,253,253,1)), color-stop(100%,rgba(243,245,247,1)));
                                          background: -webkit-linear-gradient(top, rgba(238,240,242,1) 7%,rgba(251,251,251,1) 29%,rgba(253,253,253,1) 78%,rgba(243,245,247,1) 100%);
                                          background: -o-linear-gradient(top, rgba(238,240,242,1) 7%,rgba(251,251,251,1) 29%,rgba(253,253,253,1) 78%,rgba(243,245,247,1) 100%);
                                          background: -ms-linear-gradient(top, rgba(238,240,242,1) 7%,rgba(251,251,251,1) 29%,rgba(253,253,253,1) 78%,rgba(243,245,247,1) 100%);
                                          background: linear-gradient(to bottom, rgba(238,240,242,1) 7%,rgba(251,251,251,1) 29%,rgba(253,253,253,1) 78%,rgba(243,245,247,1) 100%);
                                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef0f2', endColorstr='#f3f5f7',GradientType=0 );}
#ReportOptionsProfiles .FilterMenu h3    {margin-bottom:4px;}
#ReportOptionsProfiles a.boton           {position:relative; padding:4px 7px 4px 18px; display:block; margin-bottom:1px;}
#ReportOptionsProfiles a.boton span      {position:absolute; left:2px;}
#ReportOptionsProfiles 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;
                                          /* fondo degradé del botón */
                                          background:#f2f2f2; /* Old browsers */
                                          background:-moz-linear-gradient(top, #f2f2f2 41%, #cccccc 100%); /* FF3.6+ */
                                          background:-webkit-gradient(linear, left top, left bottom, color-stop(41%,#f2f2f2), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
                                          background:-webkit-linear-gradient(top, #f2f2f2 41%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
                                          background:-o-linear-gradient(top, #f2f2f2 41%,#cccccc 100%); /* Opera 11.10+ */
                                          background:-ms-linear-gradient(top, #f2f2f2 41%,#cccccc 100%); /* IE10+ */
                                          background:linear-gradient(to bottom, #f2f2f2 41%,#cccccc 100%); /* W3C */
                                          filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ }
#ReportOptionsProfiles a.boton.selected          {color:#030A1F; text-shadow:0px 0px 5px rgba(145, 180, 243, 1);}

#ReportOptionsProfiles #ParametrosObisRegisterListProfiles {float:left;   width:415px;  min-width:415px;   margin-left: 8px;   position:relative;  padding-right: 5px; overflow: hidden;}
#ReportOptionsProfiles #PeriodoRegisterListProfiles      {float:left;   width:263px;    padding-right:2px;  position:relative;  /*border: 1px solid grey;*/}
#ReportOptionsProfiles #CompararRegisterListProfiles     {float:left;   width:172px;    padding-left:7px;   padding-right:0;  margin: 0px 0px 0px 8px;  /*border: 1px solid grey;*/}
#ReportOptionsProfiles #OpcionesRegisterListProfiles     { float: left;    width: 170px;    padding-left: 7px;    padding-right: 0;    margin-left: 5px; /*border: 1px solid red;*/ }
 
#ReportOptionsProfiles #wrapper_fluid            {float:left; width:100%;}
#ReportOptionsProfiles #PeriodoRegisterListProfiles #fechasRegisterListProfiles          {float:left; margin-top:3px;}
#ReportOptionsProfiles #PeriodoRegisterListProfiles #fechasRegisterListProfiles *        {float:left;}
#ReportOptionsProfiles #PeriodoRegisterListProfiles #fechasRegisterListProfiles label    {display:inline-block; width:45px; margin-bottom:8px; clear:left; padding-top:3px;}
#ReportOptionsProfiles #PeriodoRegisterListProfiles #fechasRegisterListProfiles button   {clear:left; margin-left:45px;}
#ReportOptionsProfiles #PeriodoRegisterListProfiles #fechas2RegisterListProfiles {position:absolute; top:23px; right:0;}
#ReportOptionsProfiles #ReferencesRegisterListProfiles   {float:left; width:250px;  min-width:250px; overflow-y:scroll;height:150px;}
#ReportOptionsProfiles #TablaParametros          {height:158px; padding:3px; margin:0 348px 0 262px; display:block; overflow-y:scroll;}
#ReportOptionsProfiles #wrapper_fixed            {float:left; width:340px; margin-left:-340px;}
#ReportOptionsProfiles #ParametrosGuardadosRegisterListProfiles h3 { margin-left: 5px;  /*margin-top: 2px;*/ }
#ReportOptionsProfiles #ParametrosGuardadosRegisterListProfiles { float: right; width: 150px;  overflow: hidden; }

#ReportOptionsProfiles .refTable                 {width:100%; font-size:10px; border-collapse:collapse;}
#ReportOptionsProfiles .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; text-shadow:0 0 2em #EEE;}
#ReportOptionsProfiles .refTable td              {font-size:10px; border:1px solid #DDD; padding-top:2px; padding-bottom:1px;}
#ReportOptionsProfiles .refTable td span.nombre  {font-size:10px;}
#ReportOptionsProfiles .refTable td span.obis    {font-size:80%;}
#ReportOptionsProfiles .refTable th#ver          {cursor:pointer;}
#ReportOptionsProfiles .refTable .firstcolumn    {width:12px; overflow:hidden; white-space:nowrap; padding-left:3px; padding-right:2px;}
#ReportOptionsProfiles .refTable td.valor        {text-align:right; padding-left:1px; padding-right:1px;}
#ReportOptionsProfiles .refTable td.unidad       {text-align:left;  padding-left:1px; padding-right:1px;}
#ReportOptionsProfiles .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:#6D6F71;}
.ReportOptions .no_implementado *:hover  {cursor:not-allowed; color:#6D6F71;}


/*** 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:230px; 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                 {height:150px; width:225px; overflow-y:scroll; 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;
    right: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);
}

.sombra3 {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;
}
.sombra3:before, .sombra3: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:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.sombra3: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 .menu                {display:none;}
.Home_PrivacyPolicy #content             {margin-left:0;}
.Home_TermsOfService .menu               {display:none;}
.Home_TermsOfService #content            {margin-left:0;}
.Account_Register .menu                  {display:none;}
.Account_Register #content               {margin:0 100px; min-width:0;}
.Account_RegisterOk.menu                 {display:none;}
.Account_RegisterOk #content             {margin-left:0;}


/*** PARA IMPRIMIR ****/
@media print {
    #header                              {height:25px;}
    .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;}
}

.recuadro {
    border: 1px solid #CCCCCC;
    border-radius: 0.5em;
    margin-bottom: 0.5em;
}
    .recuadro p {
        width:100%;
        padding:1em;
    }

.wrapper {
    display: flex;
    /*width: 100%;*/
    align-items: stretch;
}

#sidebar {
    min-width: 160px;
    max-width: 160px;
    height: auto;
}

    #sidebar.active {
        margin-left: -160px;
    }

.pr-0 {
    padding-right: 0;
}

.pl-0 {
    padding-left: 0;
}

.ml-5 {
    margin-left:5px;
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -160px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}
@media screen and (min-width:992px) {
    .cardContador {
        height: 80px;
    }
}
.datoContador {
    text-align: center;
    font-weight: 800;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: bottom;
}