@font-face {
	font-family: 'OpenSans-Light';
	src: url('../fonts/OpenSans-Light-webfont.eot');
	src: url('../fonts/OpenSans-Light-webfont.eot?iefix') format('eot'),
		url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
		url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
		url('../fonts/OpenSans-Light-webfont.svg#webfont') format('svg');
}
@font-face {
	font-family: 'OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?iefix') format('eot'),
		url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
		url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		url('../fonts/OpenSans-Regular-webfont.svg#webfont') format('svg');
}
@font-face {
	font-family: 'OpenSans-Semibold';
	src: url('../fonts/OpenSans-Semibold-webfont.eot');
	src: url('../fonts/OpenSans-Semibold-webfont.eot?iefix') format('eot'),
		url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
		url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
		url('../fonts/OpenSans-Semibold-webfont.svg#webfont') format('svg');
}
/*
html {touch-action: manipulation;}
*/
html,
body {
    height: 100vh;
    background-color: #333;
    background: rgba(0, 0, 0,.9);
    background: -moz-linear-gradient(-45deg, rgba(0,0,0,.9) 0%, rgba(0, 164, 220,1) 70%, rgba(0, 164, 220,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,.9)), color-stop(70%, rgba(0, 164, 220,1)), color-stop(100%, rgba(0, 164, 220,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,.9) 0%, rgba(0, 164, 220,1) 70%, rgba(0, 164, 220,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,0,0,.9) 0%, rgba(0, 164, 220,1) 70%, rgba(0, 164, 220,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,0,0,.9) 0%, rgba(0, 164, 220,1) 70%, rgba(0, 164, 220,1) 100%);
    background: linear-gradient(135deg, rgba(0,0,0,.9) 0%, rgba(0, 164, 220,1) 70%, rgba(0, 164, 220,1) 100%);
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
}

.login-button{
    border-radius: 0px;
}

/*** Traspasado desde index.php ***/
input{
        color: #000;
}

.fa-arrow-circle-down, .fa-arrow-circle-up,.fa-exclamation-circle{
    float: left;
    font-size: 9em;
    padding-left: 0.1em;
}

.fa-arrow-circle-down{
    color:#3c763d;
}

.fa-arrow-circle-up{
    color: #2697cf;
}
.fa-exclamation-circle, .error{
    color: #D50707;
}
.fa-exclamation-circle.signNotAllowed{
    font-size: 7em;
}

.marginTop{
    margin-top: 25px; 
}

.double{
    margin-top: 0.1em;
}

.alert{
    border-radius: 1.5em;
    /* font-family: 'OpenSans-Regular', Arial, sans-serif; */
    font-family: 'OpenSans-Semibold';
    color: #474747;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#e1e1e1));
    background-image: -webkit-linear-gradient(top,#fefefe 0,#e1e1e1 100%);
    background-image: -o-linear-gradient(top,#fefefe 0,#e1e1e1 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#e1e1e1));
    background-image: linear-gradient(to bottom,#fefefe 0,#e1e1e1 100%);
    border-color: #e1e1e1;
}
.alert-danger{
    color: #b90000;
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b90000;
    border-width: 2px;
}

.alert-inorout{
    min-width: 600px;
}
.alert-repeat{
    min-width: 650px;
}

.saludo{
    font-size: 18px;
}

/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
    color: #fff;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
    display: table;
    width: 100vw;
    height: 100vh; /* For at least Firefox */
    min-height: 100vh;
    -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
    box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
.site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
}

/* Padding for spacing */
/*.inner {
  padding: 30px;
}*/


/*
 * Header
 */
.masthead-brand {
    margin-top: 10px;
    margin-bottom: 10px;
}

.masthead-nav > li {
    display: inline-block;
}
.masthead-nav > li + li {
    margin-left: 20px;
}
.masthead-nav > li > a {
    padding-right: 0;
    padding-left: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff; /* IE8 proofing */
    color: rgba(255,255,255,.75);
    border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
    background-color: transparent;
    border-bottom-color: #a9a9a9;
    border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
    color: #fff;
    border-bottom-color: #fff;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #00212C;
    text-align: center;
    font-size: 1.5em;
}
.footer a{
	color: #00A4DC;
}
.footer a:hover{
	color: #FFFFFF;
}

.footer .mainbuttons div.footer_info_section,
.footer .mainbuttons div.footer_refresh_section,
.footer .mainbuttons div.footer_logout_section{
    background-color: #00212c;
}
/* ------------------------------ LOGO DE FONDO ------------------------------- */

.cover-container,
div.signingErrorScreen {

    display:inline-block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;/*---------------------------------- 80% ------------------------------------------------------*/
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
}

/*img#logo{
    margin: auto;
    width: 100%;
    height: auto;
}*/

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
    /*color: #3C3B3B;*/ /*#333; */
    text-shadow: none; /* Prevent inheritence from `body` */
    /* background-color: #fff; */
    background-color: transparent;
    background-image: none;
    border: 1.2px solid #fff;
}

/* Estilo personalizado para el efecto click los botones, aceptar, cancelar y borrar de la derecha */
.btn-default-custom:active {
    color:#333!important;
    background-color:#d4d4d4!important;
    /*border-color:#adadad*/
}

/* Quita el borde punteado de bootstrap */
.btn:active, .btn:focus, select:active, select:focus {
    outline: 0!important;
}

.noSelectText {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}