/*
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 : 24-jul-2017, 14:50:30
    Author     : Arturo
*/

/*

*{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;    
}
*/

h1 {
	font-family: 'Helvetica Neue';
	font-size: 23px;
	font-style: normal;
	font-variant: normal;
	font-weight:150;
	line-height: 23px;
}
h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 23px;
}
p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
}
blockquote {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
}
/*
pre {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
}
*/

.title_1{
    /*background              : #2196F3;*/
    /*background:#607D8B;*/
    background:#47718c;
    
    color                   : white;
    
    padding                 : 5px;
    border-radius           : 0px;
    -moz-border-radius      : 0px;
    -webkit-border-radius   : 0px;
    margin                  : 5px;
    text-align              : left;    
    
}
.title_1_red{
    background              : red;
    color                   : white;
    padding                 : 5px;
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
    margin                  : 5px;
    text-align              : left;
}

.gradient {
    background-image        :radial-gradient(       circle at top right,       #FFB74D,       #FF9800     );    
}

.img-circle {
    border-radius: 50%;
}
                
.title_1_rect {
    background              : #2196F3;
    color                   : white;
    padding                 : 5px;
    
    border-radius           : 0px;
    -moz-border-radius      : 0px;
    -webkit-border-radius   : 0px;
    margin                  : 0px;
    
    text-align              : left;   
}
.default_date{
    margin                : 5px;
    padding-top           : 8px;
    padding-left          : 7px;
    padding-right         : 7px;
    padding-bottom: 8px;
    border-style: solid;border-width: 1px;border-color: #aaa;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px; 
}
.default_date:hover{
    cursor:pointer;
    border-color:lightskyblue;
    background:#e1f5fe;    
}
.default_date:focus{
    transition:box-shadow 0.5s ease;
    -webkit-box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    -moz-box-shadow:rgba(2, 164, 241, 0.62 ) 0px 0px 5px 2px;
    box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    background:#2f729a;
    color:white;
    cursor:pointer;    
}
.default_select2021{
    margin:5px;
    padding-top:10px;
    padding-bottom:9px;
    padding-left:8px;padding-right:8px;
    border-style: solid;border-width: 1px;border-color: #aaa;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}
.default_select2021:hover{
    cursor:pointer;
    border-color:lightskyblue;
    background:#e1f5fe; 
}
.default_select2021:focus{
    transition:box-shadow 0.5s ease;
    -webkit-box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    -moz-box-shadow:rgba(2, 164, 241, 0.62 ) 0px 0px 5px 2px;
    box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    background:#2f729a;
    color:white;
    cursor:pointer;    
}

.default_button {
    border-style: solid;border-width: 1px;border-color: white;
    text-align            : center;
    padding-top           : 5px;
    padding-left          : 5px;
    padding-right         : 5px;
    margin                : 5px; 
    /*padding               : 10px 16px;*/
    
    /*al agregarle un borde le añadimos 2 pixeles más de alto y de ancho,
    por eso, se los quitamos al padding para conservar las dimensiones anteriores*/
    padding               : 8px 14px;
    
    line-height           : 1.3333333;
    /*box-shadow            : 0 0 15px rgba(0,0,0,0.2);*/
    
    font-family           : Arial;
    /*font-family: Consolas, monaco, monospace; */
    font-size             : 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400; 
    line-height: 20px;
    
    /**/
    /*font-weight           : normal;*/
    
    transition            : background 0.5s ease;
    cursor                : pointer;
    
    /*color                 : white;*/
    /*background            : rgb(0,122,255);*/
    color: #2f729a;
    background: white;
    
    /*la interfaz se siente mas moderna con todo plano*/
    /*box-shadow            : rgba(0, 0, 0, 0.2) 0px 0px 15px;*/    
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;    
}
.default_button:hover{
    cursor:pointer;
    border-color:rgb(0,122,255);
    background:rgb(0,122,255);
    color:white;    
}
.default_button:focus{
    transition:box-shadow 0.5s ease;
    -webkit-box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    -moz-box-shadow:rgba(2, 164, 241, 0.62 ) 0px 0px 5px 2px;
    box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    background:#2f729a;
    color:white;
    cursor:pointer;    
}

.default_input_text{
    
    /*
    h1 { font-family: Consolas, monaco, monospace; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } 
    h3 { font-family: Consolas, monaco, monospace; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } 
    p  { font-family: Consolas, monaco, monospace; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } 
    blockquote { font-family: Consolas, monaco, monospace; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } 
    pre { font-family: Consolas, monaco, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }
    */
    
    
    /*
   font-size: 14px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
    */
    font-family: Consolas, monaco, monospace; 
    font-size: 14px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
    line-height: 20px;
    
    /*se bajó de padding 15px 10px a 12px 10px para que quede a la misma altura que un boton*/
    /*padding         : 15px 10px;*/
    padding         : 10px 10px;
    
    /*margin-bottom   : 10px;*/
    /*border          : 1px solid rgb(221, 221, 221); */
    
    border-style: solid;border-width: 1px;border-color: #aaa;
    
    transition      : border-width 0.2s ease, background-color 0.5s ease; 
    color           : black; 
    background      : white;
    margin          : 5px;
    
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
    
    max-height: 16px;
}
.default_input_text:hover{
    cursor:pointer;
    border-color:lightskyblue;
    background:#e1f5fe;    
}
.default_input_text:focus{
    transition:box-shadow 0.5s ease;
    -webkit-box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    -moz-box-shadow:rgba(2, 164, 241, 0.62 ) 0px 0px 5px 2px;
    box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    background:#2f729a;
    color:white;
    cursor:pointer;    
}

.same_as_default_button {
    text-align            : center;
    padding-top           : 5px;
    padding-left          : 5px;
    padding-right         : 5px;
    margin                : 5px; 
    padding               : 10px 16px;
    line-height           : 1.3333333;
    box-shadow            : 0 0 15px rgba(0,0,0,0.2);
    font-size             : 14px;
    font-family           : Arial;
    font-weight           : normal;
    transition            : background 0.5s ease;
    /*cursor                : pointer;*/
    color                 : white;
    background            : rgb(0,122,255);
    box-shadow            : rgba(0, 0, 0, 0.2) 0px 0px 15px;    
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;    
}
.default_control_bg {
    
}
.disabled_button {
    
    
    
    
    border-style: solid;border-width: 1px;border-color: #aaa;
    text-align            : center;
    padding-top           : 5px;
    padding-left          : 5px;
    padding-right         : 5px;
    margin                : 5px; 
    /*padding               : 10px 16px;*/
    
    /*al agregarle un borde le añadimos 2 pixeles más de alto y de ancho,
    por eso, se los quitamos al padding para conservar las dimensiones anteriores*/
    padding               : 8px 14px;
    
    line-height           : 1.3333333;
    /*box-shadow            : 0 0 15px rgba(0,0,0,0.2);*/
    
    font-family           : Arial;
    /*font-family: Consolas, monaco, monospace; */
    font-size             : 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400; 
    line-height: 20px;
    
    /**/
    /*font-weight           : normal;*/
    
    transition            : background 0.5s ease;
    cursor                : pointer;
    
    /*color                 : white;*/
    /*background            : rgb(0,122,255);*/
    color                 : white;
    background            : rgb(211,211,211);
    
    /*la interfaz se siente mas moderna con todo plano*/
    /*box-shadow            : rgba(0, 0, 0, 0.2) 0px 0px 15px;*/    
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;     
}

.default_explicative_message {
    font-size       : 14px; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight     : normal;
    
    /*color                   : black;*/
    color:#263238;
    
    /*background              : #e1f5fe;*/
    background: #ECEFF1;
    
    padding                 : 9px;
    margin                  : 5px;
    
    
    text-align              : justify;
    
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
}

.default_input_text_area{
    
    /*
    h1 { font-family: Consolas, monaco, monospace; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } 
    h3 { font-family: Consolas, monaco, monospace; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } 
    p  { font-family: Consolas, monaco, monospace; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } 
    blockquote { font-family: Consolas, monaco, monospace; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } 
    pre { font-family: Consolas, monaco, monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }
    */
    
    
    /*
   font-size: 14px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
    */
    font-family: Consolas, monaco, monospace; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px;
    
    
    border          : 1px solid rgb(221, 221, 221); 
    transition      : border-width 0.2s ease, background-color 0.5s ease; 
    color           : black; 
    background      : white;
    margin          : 5px;
    
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
}
.default_input_text_area:hover{
    cursor:pointer;
    border-color:lightskyblue;
    background:#e1f5fe;    
}
.default_input_text_area:focus{
    transition:box-shadow 0.5s ease;
    -webkit-box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    -moz-box-shadow:rgba(2, 164, 241, 0.62 ) 0px 0px 5px 2px;
    box-shadow:rgba(2,164,241,0.62) 0px 0px 5px 2px;
    background:#2f729a;
    color:white;
    cursor:pointer;    
}


.default_item_input_text{
   font-size: 14px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
    
    /*se bajó de padding 15px 10px a 12px 10px para que quede a la misma altura que un boton*/
    padding         : 8px 10px; 
    
    /*margin-bottom   : 10px;*/
    border          : 1px solid rgb(221, 221, 221); 
    transition      : border-width 0.2s ease, background-color 0.5s ease; 
    color           : black; 
    background      : white;
    margin          : 5px;
    
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
}
.default_frame{
    /*tiene un pequeño sombreado*/
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
    
    /*no tiene margen porque es lo más externo.*/
    background: rgb(255,255,255);
    
    /*un padding interno de 5 porque los elementos diseñados para ser cntenidos tiene margen 5 que sumado al padding de 5 da 10 pixeles internos.*/
    padding:0px;    
    
    /*bordes redondeados*/
    border-radius           : 0px;
    -moz-border-radius      : 0px;
    -webkit-border-radius   : 0px;        
}

.default_panel{
    /*tiene un pequeño sombreado*/
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
    
    /*Tiene un pequeño margen porque está pensado para ser un elemento contenido en un frame*/
    margin          : 5px;
    
    /*fondo blanco*/
    background: white;
    
    /*un padding interno*/
    padding:10px;    
    
    /*bordes redondeados*/
    border-radius           : 0px;
    -moz-border-radius      : 0px;
    -webkit-border-radius   : 0px;    
}

.default_panel_section{
    
    /*Tiene un pequeño margen porque está pensado para ser un elemento contenido en un frame*/
    margin          : 5px;
    
    /*un padding interno*/
    padding:10px;            
}

.Passenger{
    padding:5px;
    margin:5px;
    background-color: rgb(255,255,255);
    color:rgb(0,0,0);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor:default;
    transition:background 0.5s ease;                   
}

.transparentRed { 
    padding: 8px 18px 8px 18px;
    vertical-align: middle;
    color: white; 
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;                
}
.transparentRed:hover { 
    color:white;
    vertical-align: middle;
    background: #FF3B30;
    /*transition:background-color 0.5s ease;    */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    border-style: solid;
    /*border-color: lightgreen;*/
    border-color: white;
    border-width: 1px;
}
.transparentRed:active { 
    /*background: #FF5722;*/
    background: #FF3B30;
    box-shadow: 0 1px 2px #ddd inset; 
    -webkit-box-shadow: 0 1px 2px #ddd inset; 
    -moz-box-shadow: 0 1px 2px #ddd inset; 
}
.lightswitch {
    display:    block;
    background: rgba(0,0,0,0.3);
    z-index:    2000;
    width:      100%;
    height:     100%;
    position:   absolute;
    top:        0;
    left:       0;
    position:   fixed;
    overflow:   hidden;
}

.default_select select {
   background: transparent;
   /*width: 268px;*/
   width: calc( 100% - 10px );
   padding: 6px;
   /*font-size: 16px;*/
   
   font-size: 14px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
   
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 36px;
   -webkit-appearance: none;
   margin:5px;
}
.default_select {
    font-size: 14px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
    
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;    
   /*width: 240px;*/
   width: calc( 100% - 10px );
   height: 36px;
   overflow: hidden;
   /*background: url('/images/arrow_down.png') no-repeat right #F5F5F5;*/
   background-size: 15px;
   /*border: 1px solid #ccc;*/
   border: 1px solid rgb(221, 221, 221);
   margin:5px;
   
   padding-bottom: 6px;
   transition:border-width 0.2s ease, background-color 0.5s ease;
}
.default_select:hover {
    background-color: #e1f5fe;
    transition:border-width 0.2s ease, background-color 0.5s ease;
    
    
    font-size: 14px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
    
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;    
   /*width: 240px;*/
   height: 36px;
   overflow: hidden;
   /*background: url('/images/arrow_down.png') no-repeat right #F5F5F5;*/
   background-size: 15px;
   /*border: 1px solid #ccc;*/
   border: 1px solid lightskyblue;
   margin:5px;
   
   
   
   padding-bottom: 6px;
}
.blink_me {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}