/* 
    Created on : 03-feb-2014, 15:19:35
    Modified 2020-05-17
    Author     : ANDRES CAICEDO
*/

html, body { 
   text-align: center; 
   font-family: 'Roboto', 'latto', arial, sans-serif, Helvetica, Verdana;
   /* background-color: #08263c; */
   background-color: #222;
}

#wrapper { 
  overflow:hidden;
}

#wrapper div {
   padding: 10px;
}

#go_buttons {
   float: left; 
   margin: 20px;
   width: 40%;
   text-align: center;
}

#description { 
  overflow: hidden;
  text-align: left; 
  margin: 20px;
  border: 1px solid #236;
  min-width: 280px;
  min-height: 300px;
  color:  #559;
}
@media screen and (max-width: 490px) {
   #go_buttons { 
      float: none;
      margin: 0;
      margin-top: 10px;
      margin-bottom: 30px;
      width: auto;
      text-align: center;
      border-bottom: 2px solid #000;    
  }
}

.responsive-image {
   width: 250px;
}

.fix_1 { 
   width: 100px; 
   height: 35px;
   color: #EEE;
   background-color: #1d6691;
   border-radius: 10px;
   font-size: 1.1em;
   /* transform: skewX(-20deg); */
   outline: none;
}

td { 
   padding: 15px; 
}

.input {
   width: 100%;
   font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
   background-color: transparent;
   border-radius: 5px; 
   border-style: solid;
   border-width: 1px;
   border-color: #ABC;
   font-size: 16px;
   color: #DDD !important;   
   padding: 10px;
   outline: 0 none;
}


.input-number {
   width: 100%;
   font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
   background-color: transparent;
   border-radius: 5px; 
   border-style: solid;
   border-width: 1px;
   border-color: #ABC;
   font-size: 16px;
   color: #DDD !important;   
   padding: 10px;
   outline: 0 none;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
   -webkit-box-shadow: 0 0 0 30px #08263c inset !important;
   -webkit-text-fill-color: #EEE !important;
}

:link, :visited, :active {
   text-decoration: none;
}

caption {
   font-size: 1.2em;	
   color: #AAA;
   padding: 15px;
}	

.label-year {
	color: grey;
font-size: 2em;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}