html,body {height: 100%;}
body {font-family: 'Roboto Condensed', sans-serif; margin:0; padding:0; text-align:center;
	overflow: hidden; background: white
}

.bgtop {
	z-index: 1;
	position: fixed;
	width: 120%;
	height: 120%;
	background-color: black;
	opacity: 0.7;
	/* background: rgb(255,114,0); */
	/* background: linear-gradient(170deg, rgba(255,114,0,1) 9%, rgba(255,128,0,1) 32%, rgba(255,180,0,1) 100%); */
}


.bg {
	background: url('../img/bg.jpg');
	background-color: #f1f2f6;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom center;
	width: 120%; height: 120%; margin-left: -10%; margin-top: -10%;
	}
	
	
.dark {

	color: #57606f !important;
}
	
	
.logo {
	top: 30px;
	left: 30px;
	width: 200px;
	height: auto
}
h1 {font-size: 22px; text-align: left; color:#FF8000; }
a {text-decoration: none; color: #FF8000; cursor: pointer;}

button.in{
   
    background-color: #ff5900;
    padding: 7px 15px;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    margin-top: 20px;
}
button.disable { background: #ecf0f1; border: solid 1px #bdc3c7; color: #7f8c8d; text-shadow: 0px 1px 0px #fff; cursor:default;}
button.red {background: #e74c3c; border: none; border: solid 1px #e74c3c;  border-bottom:solid 1px #c0392b; }

input::placeholder {color: #333}

input[type=text], input[type=password] {  padding:10px 4%; width:calc(100% - 8% - 3px);  display: block; border:solid 1px #ddd; color:#fff; border-radius: 5px; background: #eee; color: #222 }
input[type=text] {
	border-width: 2px 2px 1px 1px;
	margin-bottom: 10px;
}
input[type=password] {border: 2px 2px 1px 1px }

input.pass {background-image: url('img/lock.png?1'); background-position: 15px 6px;}
input.user {background-image:url('img/rut.png');}

#form {position: fixed; width: 250px; padding:25px; text-align: left; left:50%; margin-left: -150px; top:22vh; border-radius: 5px; opacity: 0.95; z-index: 15; color: #fff; background: #fff; opacity: 0.95;
/*
-webkit-box-shadow: 0px 11px 10px -9px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 11px 10px -9px rgba(50, 50, 50, 0.50);
box-shadow:         0px 11px 10px -9px rgba(50, 50, 50, 0.50);
*/
text-align:center; 

}

.loading {
	text-align: center; 
	color: #ff5900; 
	display: none ;
	margin-bottom: 10px; 
}

.title {font-style: italic;font-family: verdana; position: fixed; z-index: 13; color: #fff; font-size: 2.5em; text-align: left; padding: 4%; width: calc(100% - 8%); position: relative;}
.title span { text-shadow:1px 1px 0px #1f4d9e}
.color-blue {color: #4946eb !important;}
.color-white {color: white !important}


#form p { font-size:12px; }

#form h1 {
    margin-bottom: 20px;
    text-align: center;
    color: #FF8000;
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1em
}

#form button {width: 100%; display: block; padding:8px 0; }

.mensaje {font-size: 12px;}

.full-radius {border-radius: 4px !important}

.border-red {border-color: red !important;}

.loading {
	margin-top: 20px;
}

.loader {
  border: 2px solid #f3f3f3; /* Light grey */
  border-top: 3px solid #ff5900; /* Blue */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 0.5s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




@media (max-width: 900px) {
h1 { margin-bottom: 18px !important; }
input {opacity: 0.8}
.gradient {
   width:100%; height:100%;
   z-index:1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1464+0,833471+51,ed4c67+100 */
background: #1b1464; /* Old browsers */
background: -moz-linear-gradient(45deg, #1b1464 0%, #833471 51%, #ed4c67 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #1b1464 0%,#833471 51%,#ed4c67 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #1b1464 0%,#833471 51%,#ed4c67 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1464', endColorstr='#ed4c67',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
top:0; left:0;
opacity: 0;
position:fixed;
}

	
}