/* fuentes y sintaxis para usarlas en:  https://gwfh.mranftl.com/fonts/raleway?subsets=latin,latin-ext  */

/* raleway-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/raleway-v37-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('./fonts/raleway-v37-latin_latin-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/raleway-v37-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/raleway-v37-latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/raleway-v37-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/raleway-v37-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/raleway-v37-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/raleway-v37-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/raleway-v37-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/raleway-v37-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/raleway-v37-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/raleway-v37-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/raleway-v37-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/raleway-v37-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/raleway-v37-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/raleway-v37-latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/raleway-v37-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('./fonts/raleway-v37-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body{
    display: grid;
    margin: 0px;
    color:#000000;

    font-family: "Raleway", Sans-serif;
    font-size:13px;
    
    /* font-family:Arial,Sans-serif; */
    /* font-size:12px; */

    box-sizing: border-box;
    border-top: 1px solid #808080;
    
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr auto auto;
    grid-template-areas:
        "logo stack"
	"bar stack"
	"entorno stack"
    	"login stack";
    justify-content:stretch;
    align-content: stretch;
    /*background-color: #e8e8e8;*/
    background-color: #ffffff;
    /* min-height: 100vh; */
    min-height: 100vh;
    height: 100vh;

    /* customización de estilos de los webcomponents */
    /* --listador-comandos-bar__button--color: green; */
    /* --listador-comandos-bar__button--display: inline-block; */
    /* --listador-comandos-bar__button--width: auto */
}

#side-bar{
    grid-area: bar;
    /*background-color:#e0e0e0;*/
    background-color:#f0f0f0;
   /* border-right: 1px solid #808080; */
    padding: .5rem 1rem .8rem .8rem;

    overflow-y: auto;
    height: 100%;
    box-sizing: border-box;
}

#dropdown{
    display: none;
}
 
/* visor-comandos-dropdown{ */
/*     grid-area:dropdown; */
/*     border-bottom: 1px solid #808080; */
/* } */

#body__stack{
    grid-area: stack;
    /* background-color: #e0ffe0; */
    /* margin: 1.7rem; */
    padding: 1.7rem;
    align-self: start;
    overflow-y: auto;
    height: 100%;
    box-sizing: border-box;
}

#body__visor-header{
    display: none;
    /* grid-area: header; */
    /* border-bottom: 1px solid #808080; */
}

#body__visor-logo{
    grid-area: logo;
   /* border-bottom: 1px solid #808080;
    border-right: 1px solid #808080; */
    /* background-color: #d0d0d0; */
    background-color: #f0f0f0;
    padding-top: 1rem;
    padding-left: .5rem;
}

#body__visor-titulo{
    display:none;
    grid-area: titulo;
    border-bottom: 1px solid #808080;
    background-color: #d0d0d0;
    padding-left: 1rem;
}

#body__visor-footer-entorno{
    grid-area: entorno;
    /*border-top: 1px solid #808080;*/
    border-top: 1px solid #ffffff;
    /*border-right: 1px solid #808080;*/
    /* background-color:#e0e0e0; */
    /*background-color: #d0d0d0;*/
    background-color: #249b80;
    color: #ffffff !important;
    justify-self: start;
    /* padding-left: .8rem !important; */
}

#body__visor-footer-login{
    grid-area: login;
    /*border-top: 1px solid #808080;*/
    border-top: 1px solid #ffffff;
    /* border-right: 1px solid #808080;*/
    /* background-color:#e0e0e0; */
    /*background-color: #d0d0d0;*/
    background-color: #249b80;
    color: #ffffff !important;
    justify-self: start;
    /* padding-left: .8rem !important; */
}

#body__visor-footer-detailed{
    display:none;
}


/* button, input[type="button"], input[type="submit"]{ */
/*     border-radius: 5px 5px 0px 5px; */
/*       /\*padding: 3px 10px 3px 10px;*\/ */
/*   font-size:12px; */
/* /\*  font-family:Arial, Sans-serif;*\/ */
  
/*     color: #ffffff; */
/*  background: #196E5A; */
/*  border: 1px solid #FFFFFF; */

/* } */