/* cyrillic-ext */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('Oswald.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('Oswald.woff2') format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('Oswald.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('Oswald.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('Oswald-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Oswald';
    src: url('Oswald.woff2') format('woff2'),
	 url('Oswald.ttf') format('truetype');
}

html {
    font-size : 24px;
}

body * {
    font-family      : 'Oswald', Arial, sans-serif;
    color            : black;
}

body {
    background-color : white;
}

h1, h2, h3, h4 {
    padding          : 3px;
    padding-left     : 10px;
    background-color : #D9D9D1;
    border-bottom    : solid 2px #248642;
    font-weight      : bold;
    margin-top       : 15px;
    margin-bottom    : 10px;
    letter-spacing   : 0.10em;
}

label {
    color : #248642;
}

label.required {
    background   : url(../../../imgs/asterisco.gif) no-repeat;
    padding-left : 10px !important;
}

.button-datamine {
    background-color : #D9D9D1;
    border           : 0.1rem solid #D9D9D1;
    color            : white;
}

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance    : none;
    -webkit-border-radius : 0;
    background-color      : #248642;
    border                : 0.1rem solid #248642;
    border-radius: .4rem;
}

.button:focus, .button:hover,
button:focus,
button:hover,
input[type='button']:focus,
input[type='button']:hover,
input[type='reset']:focus,
input[type='reset']:hover,
input[type='submit']:focus,
input[type='submit']:hover {
  background-color: #248642;
  border-color: #248642;
  color: #fff;
  outline: 0;
}

.button.button-outline:focus, .button.button-outline:hover,
button.button-outline:focus,
button.button-outline:hover,
input[type='button'].button-outline:focus,
input[type='button'].button-outline:hover,
input[type='reset'].button-outline:focus,
input[type='reset'].button-outline:hover,
input[type='submit'].button-outline:focus,
input[type='submit'].button-outline:hover {
  background-color: transparent;
  border-color: #248642;
  color: #248642;
}

.button.button-clear:focus, .button.button-clear:hover,
button.button-clear:focus,
button.button-clear:hover,
input[type='button'].button-clear:focus,
input[type='button'].button-clear:hover,
input[type='reset'].button-clear:focus,
input[type='reset'].button-clear:hover,
input[type='submit'].button-clear:focus,
input[type='submit'].button-clear:hover {
  background-color: transparent;
  border-color: transparent;
  color: #248642;
}

a:focus, a:hover {
  color: #248642;
}

input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0.1rem solid #d1d1d9;
  border-radius: .4rem;
  box-shadow: none;
  box-sizing: inherit;
  height: 3.8rem;
  width: 100%;
}

input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus,
select:focus {
  border-color: #248642;
  outline: 0;
}

/* Estilos para los mensajes de respuesta */
.content {
    padding-top    : 10%;
    padding-bottom : 2%;
    height         : 43%;
    text-align     : center;
}

.footer {
    text-align : center;
}

.footer form {
    margin-bottom : 0.5em;
}

.footer_container {
    border-top : 2px solid gray;
    padding    : 2% 0;
    text-align : center;
    margin-top : 2%;
}

.icon_column {
    text-align : center;
    margin-top : -68px;
}

.icon {
    display        : inline-block;
    border-radius  : 50%;
}

.icon_positive {
    background-image : url(../imgs/ok.png);
    background-size  : 100% auto;
    height           : 135px;
    width            : 135px;
}

.icon_negative {
    background-image : url(../imgs/i.png);
    background-size  : 100% auto;
    height           : 135px;
    width            : 135px;
}

.icon_error {
    background-image : url(../imgs/x.png);
    background-size  : 100% auto;
    height           : 135px;
    width            : 135px;
}

.container {
    height       : 100%;
    margin-left  : auto;
    margin-right : auto;
}

.message {
    text-align : center;
    height     : 95%;
}

.action_id {
    color: gray;
}

.footer_img {
    max-width: 60%;
}

.icon_img {
    max-width: 50%;
}

.button_container {
    text-align : right;
}

.datamine_textarea {
    font-size : 2rem;
    height    : 8rem;
}

th {
    background-color : #248642;
    color            : white;
    text-align       : center;
}

.item_properties_table {
    /* padding-top : 17rem; */
    margin-bottom : 0px;
}

.update_note {
    margin-left  : auto;
    margin-right : auto;
    text-align   : center;
    color        : gray;
    font-size    : 1.4rem;
    font-style   : italic;
}

.footer p {
    margin-bottom : 1em;
}

td.label {
    padding-left : 2rem;
    font-weight  : lighter;
    color        : #555;
    width        : 50%;
}

td.value {
    font-weight : bolder;
}

.biggerfont {
    font-size : 115%;
}

.form_container {
    width : 95%;
    margin-left : auto;
    margin-right : auto;
}

header {
    height     : 214px;
    position   : sticky;
    top        : 0px;
    font-size  : 140%;
    background : white;
}

header > div.bug_container {
    border-bottom : 10px solid #248642;
    /* padding-top   : 40px; */
}

header > div > div.content {
    height      : 214px;
    padding     : 20px;
    text-align  : center;
    padding-top : 0;
}

header > div > div.content > span {
    white-space    : nowrap;
    vertical-align : middle;
    text-align     : center;
    margin         : 0 auto;
}

.header_table img {
    height         : 60%;
    vertical-align : middle;
    margin-right   : 1em;
}

.notfound {
    text-align : center;
    margin-top : 1rem;
}

#c {
    font-size : 1.9rem;
}

@media (min-width:70.0rem) {
    html {
	font-size : 16px;
    }
    
    html, body {
	margin : 0px;
    }
}

.demo {
    vertical-align : top;
    color          : red;
    line-height    : 65%;
    font-size      : xx-large;
}

.img_container {
    text-align : center;
}

.img_border {
    border        : 1px solid #ddd;
    border-radius : 4px;
    padding       : 5px;
    width         : 90%;
    max-height    : 45vh;
}
.header_table {
    height       : 194px;
    margin-left  : auto;
    margin-right : auto;
    padding      : 0;
    width        : auto;
}

.td_img, .td_text {
    height  : 194px;
    margin  : 0;
    padding : 0;
    /* width   : 50%; */
    border  : none;
}

.td_img {
    text-align : right;
}
.td_text p {
    white-space : nowrap;
    padding     : 0;
    margin      : 0;
}

.c_label {
    margin-top : 1em;
}