/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-feb-2019, 13:49:31
    Author     : dario
*/

.pure-g > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*
When setting the primary font stack, apply it to the Pure grid units along
with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use
specific font stacks to ensure the greatest OS/browser compatibility.
*/
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: Verdana, Arial, Times, "Times New Roman", serif;
    font-size: 14px;
    font-weight: normal;
}

/*
Cabeceras con borde
*/
.er{
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border: 1px solid #cccccc;
    padding: 3px;
}
.er_sups{
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border: 1px solid #ff9900;
    background: #ff9900;
}
.er_infs{
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border: 1px solid #ffcc66;
    background: #ffcc66;
}
/*
Fuentes
*/
A.Link
{
    font: bold normal 12px Verdana;
    color: black;
    text-decoration: none;
}
A.Link:hover
{
    font: normal 12px Verdana;
    color: #ff0000;
    text-decoration: none;
}
/*
Botones
*/
.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.button-xsmall {
    font-size: 70%;
}

.button-small {
    font-size: 85%;
}

.button-large {
    font-size: 110%;
}

.button-xlarge {
    font-size: 125%;
}
input {
    height: 22px;
}
.h_sel{
    height: 22px;
}
select{
    height: 22px;
}

.wrap-login500 {
  width: 500px;
  border-radius: 10px;
  overflow: hidden;
  padding: 25px 25px 17px 25px;

  background: #9152f8;
  background: -webkit-linear-gradient(top, #ff9900, #ffcc66);
  background: -o-linear-gradient(top, #ff9900, #ffcc66);
  background: -moz-linear-gradient(top, #ff9900, #ffcc66);
  background: linear-gradient(top, #ff9900, #ffcc66);
}
.login500-form-logo {
  font-size: 30px; 
  color: #333333;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
}