/*
 * Title:   Custom Style File
 * 
 */
/*general*/
#header .logo img{width: 187px}
#footer .bottom .logo{width: 100px}
textarea#notas{ height: 57px}

/*sidebars booking*/
.booking-details .other-details .icon-box dt, .booking-details .other-details .icon-box dd{border:none!important}

/*estilos txt slider*/
#slideshow h1{top: 90px;position: absolute;font-size: 1.7rem}

@media only screen and (max-width: 768px) {
#slideshow h1{top: 20px;font-size: 2.7rem!important;   width: min-intrinsic;
   width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content;
   display: table-caption;
   display: -ms-grid;
   -ms-grid-columns: min-content;
word-spacing: 80%;}
}
@media screen and (max-width: 768px) {
	
 }

/*picker*/
.datepicker-wrap.input-group{display: block!important;}
/* .tp-caption {
white-space: normal !important;
}
*/
/*form saca hidden inputs*/
/*.active{ display: block!important}*/

/*pisada general*/ 
#header .topnav ul.quick-menu > li > a{font-size: 0.980em!important;letter-spacing: 0.2px;}
/*#header .logo{margin: 14px 0 0!important;}*/

#main-menu ul.menu > li > a, .chaser ul.menu > li > a{letter-spacing: 0.02em!important;}
body{font: 90%/150% "Lato", Arial, Helvetica, sans-serif!important}

/*colores icos*/
.datepicker-wrap::after{background: #edc82f;}

/*home parallax*/
.global-map-area{ background: url("/caminofacil/images/pueblos-camino-equipajes.jpg") no-repeat center center;background-size: cover;}
.sidebar{ background: #fff}
/*gradient top*/
#header .topnav,#header .mobile-menu{ background: rgb(26,53,93);
background: linear-gradient(90deg, rgba(26,53,93,1) 0%, rgba(64,106,168,1) 100%); }


/*size forgot pass*/
.cf-signup-box .goto-login, .cf-signup-box .goto-signup, .cf-signup-box .signup-email, .cf-login-box .goto-login, .cf-login-box .goto-signup, .cf-login-box .signup-email{font-size: 1em!important;}

/*text registro lightbox*/
#cf-signup p{text-align: center}
a.logo-modal img{width: 150px;
margin: 0 auto;
text-align: center;
display: block;}

/*duplicamos id*/
section#content2 {
    min-height: 400px;
    padding-top: 40px;
    text-align: left;
    background: #f5f5f5;
}

/*footer h2*/
footer h2{ font-size:1.2rem }

/*welcome hola desk*/
.welcome{line-height: 30px; color: #fff} 

/*#mobile-primary-menu .welcome{line-height: 30px; color: #fff!important;}

#header .mobile-menu .mobile-topnav > li > a,#header .mobile-menu .mobile-topnav > li >{ margin: 12px 10px!important}

#header .mobile-menu .mobile-topnav > li > a{}*/


/*boton*/
/*#botonsubmit input{font-size: 0.9167em;
font-weight: bold;
background: #1c3861;
height: 34px;
line-height: 34px;border: 0;

color: #fff;}*/
.btn{ border-radius:0!important;}

/*info home arriba sobre datos*/
#resumen_home_lista {padding: 20px 25px;
border: 1px solid #1a355d;
position: relative;}
.tarjeta_envio_top li{ border-bottom:1px dashed #1a355d;}

#edit_home a,.search-tab-content a,#main a{ text-decoration: underline; color:#1a355d; font-weight: 600}
#main .tab-container ul.tabs li a,#main #theway_map a{ text-decoration: none}
#main #theway_map a{ font-weight:200}
/*action button*/
button.action{height: 34px; line-height: 34px}

/*select height home*/
.notasi{ height: 61px}

/*sidebar pedido*/
.sidebar .travel-title h5{margin-bottom: 10px;}
article.tour-detail{margin-bottom: 10px;}

/*edit pedido link*/
#new_pedido #tabla_pedidos{cursor: pointer}

/*error forms*/
.has-error input,.warning,.marcado,.has-error textarea,.has-error select,.marcado{border:1px solid red!important}
.warning{color:
#a94442;
background-color:
#f2dede;
border-color:
#ebccd1;
border-radius: 4px; padding: 10px}
.form-group.has-error{color:#a94442;}
.marcado{color:#a94442;background-color:#f2dede;border-color:#ebccd1;border-radius: 2px;}

.etapa_doble{background-color:#E3CD85;border-color:#E3CD85;border-radius: 2px;}


/*datepicker*/
/*.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new,.day.disabled {
    color: 
    #777777!important;
}*/
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #eaeaea!important; 
  cursor: not-allowed;
}

/*pedido tabla*/
.pedido .tabla{margin-right: 0;
margin-left: 0;
background-color:
#fff;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: none;
box-shadow: none;}
table.tabla{
    width: 100%;
    font-size: 110%;
}

.tabla th {
    color: #ffffff;
    background-color: #555555;
    border: 1px solid #555555;
    padding: 3px;
    vertical-align: top;
    text-align: left;
}

.tabla th.selected{
    background-color:#777777;
}

.tabla th a, .tabla th a:hover{
    color: #ffffff;
    text-decoration: none;
}

.tabla td {
    border: 1px solid #d4d4d4;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top;
}

.tabla tr:nth-child(even) {
    background-color: #ffffff;
}

.tabla tr:nth-child(odd) {
    background-color: #f1f1f1;
}
@media screen and (max-width: 720px) {
     table:not(.table-condensed) {
       display: block;
       overflow-x: auto!important;
     }
     .dashboard .tabs{ display: none;}
     .tab-container.full-width-style.arrow-left .tab-content .tab-pane{ padding: 10px}
     .tab-container.full-width-style .tab-content{ width: 100%}
     .cf-box {padding: 10px}
}


/*help forms*/
small{display: block;

line-height: 15px;}
/*	The Way 	*/
#theway_map {
    position: absolute;
    left: 0;
    width: 70vw;
    height: 100vh;
    z-index: 1;
}

#theway_narration {
    position: absolute;
    width: 30vw;
    min-width: 300px;
    right: 0px;
    height: 100vh;
    overflow: auto;
    z-index: 99;
    background: rgba(239,251,255, 1.0); /* to apply opacity background only. */
}


#theway_contents {
    padding: 0%;
    width: 100%;
    margin-top: 0px; /*Adjust if Title header needs more space */
    height: 100%; /* Adjust to fit max Description length, one setting for all; alternative is 100% */
    overflow-y: scroll;
    overflow-x: hidden;
}

#theway_contents .theway_space-at-the-top {
    height: 30px;
    margin: 0px;
}

#theway_contents .theway_space-at-the-bottom {
    height: 130px;
    margin: 0px;
    text-align: center;
    padding-top: 70px;
}

#theway_chapter {
    position: absolute;
    z-index: 999;
    margin: 10px;
    display: block;
    text-align: center;
    color: #fff;
}

#theway_title {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: white;
    width: 30vw;
    min-width: 300px;
    z-index: 100;
    margin: 0px;
    padding: 0px;
}
/*listas*/

.tab-pane ul.list,.details ul.list {
  list-style: none; /* Remove default bullets */ 
}
.details ul.list li::before, .tab-pane ul.list li::before{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #edc82f; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


/*
No sabemos para qué sirve, porque no vemos nada con H3 en el mapa.
h3 {
    margin-bottom: 0px;
}
*/


.theway_image-container {
    /* margin + padding = imageContainerMargin in script.js */
    /* Important for scrolling! */
    margin: 50px 0 0 0;
    padding: 20px 0 0 0;
    text-align: center;
}

.theway_image-container img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;

    /* Three lines that center vertically */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.theway_img-holder {
    margin: 0px;
    height: 200px;
    max-height: 200px;
    width: 100%;
}

.theway_title-text {
    font-weight: bold;
    text-align: center;
    margin: 10px;
}

.theway_chapter-header {
    display: block;
    text-align: center;
    font-size: 120%;
}

.theway_source {
    font-size: 9pt;
    margin: 20px;
}

.theway_description {
    margin: 20px;
    text-align: left;
    font-size: 11pt;
    padding: 20px;
}

.theway_inFocus {
    opacity: 1.0;
    background-color: #e6f6ff;
}

.theway_outFocus {
    opacity: 0.3;
    background-color: #effbff;
}


/* Añadidos propios al CSS original que venía con leaflet-storymap  */
#theway_map {
   	width: 70%;
   	height: 450px;
   	}
#theway_narration {
	/* añadido propio, para hacer la columna de la descripción más grande */
	width: 40%;
   	height: 450px;
   	}

#theway_container {
	height: 450px;
	}

.theway_credits {
	margin-top: 0;
	font-size: 90%;
	}

/* Para móviles. Esto es código original de leaflet-storymap  */
@media only screen and (max-device-width: 480px) {
  ::-webkit-scrollbar {
      display: none;
  }
  #theway_map {
    width: 100vw;
  }
  #theway_title {
    width: 80%;
    left: 10%;
    min-width: 0;
  }
  #theway_narration {
    width: 80%;
    min-width: 0;
    left: 10%;
    background: none;
    opacity: 0.8;
  }
  .theway_description {
      padding: 0;
      padding-bottom: 10px;
  }
  .leaflet-control-container {
      display: none;
  }
}