/*
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;    
}
*/


.terminal {
    
    /*bordes*/
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    
    /*colores*/
    background: #3b3f41;
    color:white;
    
    /*espacios*/
    padding:10px;
    
    /*alineación*/
    text-align: left;
        
    /*fonts*/
    font-family: monaco, Consolas, "Lucida Console", monospace; 
    font-size: 14px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
    line-height: 20px;
}

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; 
    height:19px;
}
.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_checkbox{
    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_checkbox:hover{
    cursor:pointer;
    border-color:lightskyblue;
    background:#e1f5fe; 
}
.default_checkbox: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: #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: #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_rounded{
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

.do_not_round_left {
    border-top-left-radius: 0px;
    -moz-border-top-left-radius:0px;
    -webkit-border-top-left-radius:0px;

    border-bottom-left-radius:0px;
    -moz-border-bottom-left-radius:0px;
    -webkit-border-bottom-left-radius:0px;
}
    



.default_button_green {
    border-style: solid;border-width: 1px;border-color: green;
    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: black;
    background: lightgreen;
    
    /*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_green:hover{
    cursor:pointer;
    border-color:green;
    background:green;
    color:white;   
}
.default_button_green: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:lightgreen;
    color:white;
    cursor:pointer;    
}

.default_button_orange {
    border-style: solid;border-width: 1px;border-color: #FF8300;
    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: black;
    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_orange:hover{
    cursor:pointer;
    border-color:#FF8300;
    background:#FF8300;
    color:white;   
}
.default_button_orange: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:white;
    color:white;
    cursor:pointer;    
}
.default_button_green_whiteface {
    border-style: solid;border-width: 1px;border-color: #79bd46;
    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: black;
    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_green_whiteface:hover{
    cursor:pointer;
    border-color:#79bd46;
    background:#79bd46;
    color:white;   
}
.default_button_green_whiteface: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:white;
    color:white;
    cursor:pointer;    
}

.default_button_red {
    border-style: solid;border-width: 1px;border-color: red;
    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: black;
    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_red:hover{
    cursor:pointer;
    border-color:red;
    background:red;
    color:white;   
}
.default_button_red: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:white;
    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;    
}



.UIText{
    
    /*
    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;
    
    padding-top: 9px;
    padding-bottom: 11px;
    
    /*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;
}

.UIText:hover{
    cursor:pointer;
    border-color:lightskyblue;
    background:#e1f5fe;    
}
.UIText: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_explicative_white_message {
    
    font-size       : 14px; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight     : normal;
    
    /*color                   : black;*/
    color:#263238;
    
    /*background              : #e1f5fe;*/
    background: white;
    
    padding                 : 8px;
    margin                  : 5px;
    
    
    text-align              : justify;
    
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
    
    border-style            : solid;
    border-width :          1px;
    border-color : #aaa;
}

.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;
    padding: 10px;
    
    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;*/    
    
    padding:5px;
    margin-bottom:10px;
    
    /*bordes redondeados*/
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;    
}
.flat_panel{
    
    /*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;*/    
    
    padding:5px;
    margin-bottom:10px;
    
    /*bordes redondeados*/
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;    
}

.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;
  }
}

.wizard {
    display: flex;
  }

.wizard__step {
    /* Make all steps have the same width */
    flex: 1;
        }

.wizard__dot {
    /* Center the content */
    align-items: center;
    display: flex;
    justify-content: center;
      }

.wizard__connector {
    flex: 1;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.3);
    }

.wizard__step:first-child .wizard__connector,
.wizard__step:last-child .wizard__connector {
    background-color: transparent;
  } 

.wizard__number {
    /* Center the content */
    align-items: center;
    display: flex;
    justify-content: center;

    /* Rounded border */
    background-color: white;
    border-radius: 9999px;
    height: 32px;
    width: 32px;
    border-style: solid;
    border-width: 1px;
    border-color: #80bc00;

    /* OPTIONAL: Spacing between it and connectors */
    margin-left: 4px;
    margin-right: 4px;
}
.wizard__number_orange {
    /* Center the content */
    align-items: center;
    display: flex;
    justify-content: center;

    /* Rounded border */
    background-color: white;
    border-radius: 9999px;
    height: 32px;
    width: 32px;
    border-style: solid;
    border-width: 1px;
    border-color: #FF8300;

    /* OPTIONAL: Spacing between it and connectors */
    margin-left: 4px;
    margin-right: 4px;
}


.wizard__number_completed {
    /* Center the content */
    align-items: center;
    display: flex;
    justify-content: center;

    /* Rounded border */
    background-color: #80bc00;
    color:white;
    border-radius: 9999px;
    height: 32px;
    width: 32px;
    
    border-style: solid;
    border-width: 1px;
    border-color: #80bc00;

    /* OPTIONAL: Spacing between it and connectors */
    margin-left: 4px;
    margin-right: 4px;
    
    transition : background 0.5s ease;
}
.wizard__number_completed:hover{
    cursor:pointer;
    border-color:#FF8300;
    background:#FF8300;
    color:white;   
}
/*
.wizard__number_completed: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;    
}
*/

.left_style{
    padding:8px;
    margin:5px;
    margin-right:-6px;
    border-style:solid;
    border-width:1px;
    border-color:#aaa;

    border-right-width:    0px;

    
    border-top-left-radius:           5px;
    -moz-border-top-left-radius:      5px;
    -webkit-border-top-left-radius:   5px;

    border-bottom-left-radius:            5px;
    -moz-border-bottom-left-radius:       5px;
    -webkit-border-bottom-left-radius:    5px;
}
         

.panel_title {
    font-size       : 14px; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight     : normal;
    
    background: #6291ae;color:white;
    
    padding                 : 9px;
    margin                  : 5px;
    
    
    text-align              : justify;
    
    border-radius           : 5px;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
}



.edition_div {       
    border-color: white;
    border-width:1px;
    border-style: dotted;    
}
.edition_div:hover{
    border-color: #47718c;
    border-width:1px;
    border-style: dotted;    
}