/* Perfil > Mis reservas */

.navbar-secundaria > .active, .navbar-secundaria > .active a:active, .navbar-secundaria > .active a:visited {
	color: #fff;
	background: #2cb3ed;
}
.navbar-secundaria > .active a:hover, .navbar-secundaria > .active a:focus {
	color: #fff;
	background: #0092cc;
}
.menu-secundaria {
	box-shadow: none;
	border-bottom: 2px solid #eee;
}
.container-adv {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

.container-position {
	position: relative;
}
.price-container {
	position: relative;
	background: #2cb3ed;
	color: #fff;
	font-weight: 600;
    padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
    margin-left: 10px;
    top: -10px;
}
.owner-container {
	border: 2px solid #2cb3ed;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px;
	bottom: 0px;
    right: 15px;
}
.label-one {
	font-size: 22px;
	font-weight: 600;
	color: #555;
	font-weight: bold;
}
.label-two {
	font-size: 18px;
	color: #555;
	padding-bottom: 60px;
}
.label-three {
	font-size: 22px;
	font-weight: 600;
	color: #2cb3ed;
	text-align: center;
}
.label-four {
	font-size: 18px;
	font-weight: 600;
	color: #2cb3ed;
	padding-bottom: 151px;
	text-align: center;
}
.btn-profile {
	color: #fff;
    background-color: #f15b5d;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.btn-contact {
	color: #fff;
    background-color: #2cb3ed;
    border-style: 1px solid;
    border-color: #fff;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.container-reserva {
	/*background: #2cb3ed;*/
}

.background-contain {
	background-size: contain !important;
}

.card {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	/*width: 30%;
	margin-left: 40px;*/
}

.card:hover {
		 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-text-container {
	margin-top: 12px;
	padding: 4px 16px;
	text-align: center;
}
.content-blue:hover{color:#fff!important;background-color:#2196F3!important}
.content-blue{color:#fff!important;background-color:#2196F3!important}

/* Perfil > Mis reservas */

.label-five {
	font-size: 18px;
	color: #555;
	padding-bottom: 10px;
}
img.img-bordered {
    padding: 0px !important;
    border: solid 2px #2cb3ed !important;
}
.btn-padding {
	padding-bottom: 110px;
}
.btn-destacar-prop {
	color: #fff;
    background-color: #3eda5d;
    border-style: 1px solid;
    border-color: #3eda5d;
	position: relative;
	bottom: 10px;
	left: 25px;
}

.btn-destacar-prop:hover, .btn-destacar-prop:focus {
	color: black;
}

.btn-verprofile {
	color: #2cb3ed;
    background-color: #fff;
    border-style: 1px solid;
    border-color: #2cb3ed;
	position: absolute;
	bottom: 10px;
	left: 15px;
}

.btn-verprofile:hover, .btn-verprofile:focus {
	color: #fff;
    background-color: #2cb3ed;
	position: absolute;
	bottom: 10px;
	left: 15px;
}
.modal-h4 {
	color: #fff;
}
.modal-header-bg {
	background-color: #2cb3ed;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	margin-bottom: 10px;
}
.thumbnail-adv {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.thumbnail-blue {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.label-adv-blue {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
.img-adv {
	border: 4px solid #009AEE;
}
.img-adv-blue {
	border: 4px solid #fff;
}
.position-ver {
	position: absolute;
	top: 60px;
	right: 20px;
}
.p-ver {
	font-size: 16px;
	color: #999;
}
.p-adv {
	font-size: 14px;
}
.p-adv-blue {
	font-size: 14px;
	color: #fff;
}
.btn-aceptar {
	color: #2cb3ed;
    background-color: #fff;
    border-style: 1px solid;
	border-radius: 5px;
    border-color: #2cb3ed;
}
.btn-aceptar:hover, .btn-aceptar:focus {
	color: #fff;
    background-color: #2cb3ed;
	border-radius: 5px;
}
.btn-rechazar {
	color: #999;
    background-color: #fff;
    border-style: 1px solid;
	border-radius: 5px;
    border-color: #999;
	margin-left: 20px;
}
.btn-rechazar:hover, .btn-rechazar:focus {
	color: #fff;
    background-color: #999;
	border-radius: 5px;
}
.btn-aceptado {
	color: #fff;
    background-color: #2cb3ed;
    border-style: 1px solid;
	border-radius: 5px;
    border-color: #fff;
}
.btn-aceptado:hover, .btn-aceptado:focus {
	color: #2cb3ed;
    background-color: #fff;
	border-radius: 5px;
}

/* Find places */
.input-default {
	border-radius: 5px;
	border-color: #989898 !important;
	color: #999;
    background-color: #fff;
    border-color: #eee;
	box-shadow: none;
	max-width: 194px;
}
.input-margin {
	margin-right: 10px;
}
.label-range {
	font-size: 16px;
	padding-right: 6px;
}
.btn-blue, .btn-white:focus {
	background-color: #2cb3ed;
	color: #fff;
    border-radius: 5px;
    border-color: #2cb3ed;
}
.btn-white, .btn-blue:focus {
	background-color: #fff;
	color: #2cb3ed;
    border-radius: 5px;
    border-color: #2cb3ed;
}
.datepicker-switch, .datepicker .next, .datepicker .prev {
	color: #2cb3ed;
}
.datepicker table tr td.today {
    color: #333;
    background-color: #d5f3ff;
}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: #2cb3ed;
}
.row-separation {
	margin-top: 50px;
}
.panel-heading-custom {
	border-bottom: 1px solid #2cb3ed !important;
	background-color: #fff !important;
	text-align: center;
}
.panel-custom {
	border: 0px !important;
	box-shadow: none !important;
	text-align: center;
}
.resultados {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}
.lupa-position {
    position: absolute;
	font-size: 18px;
	color: #999;
    top: 0;
    left: 5px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.content-find{
	padding-top:0px;
	padding-bottom:0px;
}
.content-map{
	margin-bottom:15px;
}

.form-style{
	border: 1px solid #eee !important;
	padding-right:10px;
}

.form-menu
{
	border: 1px solid black;
    margin-left: -15px;
    width: calc(100% + 45px);
}

#slider-range .noUi-connect {
	background: #2cb3ed;
}

.picker-input{
 	 background-color: #fff;
 	 color: #4f5b66;
	 margin-left: -15px;
	 font-size: 16px;
	 text-overflow: ellipsis;
	 width: 100%;
	 box-shadow: none;
	 border: 0px;
	 padding-top: 15px;
	 padding-left: 10px;
	 padding-right: 10px;
	 padding-bottom: 15px;
	 cursor:pointer;
}

.filter-elements{
	background-color: #fff;
	color: #4f5b66;
	margin-left: -15px;
	font-size: 16px;
	text-overflow: ellipsis;
	width: 100%;
	box-shadow: none;
	border: 0px;
	padding: 15px;
	cursor:pointer;
}

/* Ver perfil */
.padding-profile {
	padding-bottom: 40px;
}
.header-profile {
	color: #fff !important;
    background-color: #2cb3ed !important;
    border-color: #2cb3ed !important;
	text-align: center;
}
.header-title {
	font-size: 18px;
}
.label-six {
	color: #2cb3ed;
	font-weight: bold;
}
.btn-editar {
	color: #fff;
    background-color: #2cb3ed;
	position: absolute;
	bottom: 10px;
	right: 92px;
}
.btn-logout {
	color: #2cb3ed;
    background-color: #fff;
	border-color: #2cb3ed;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.panel-profile {
	border-radius: 6px;
	border: 2px solid;
	border-color: #2cb3ed;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	margin-left: 15px;
	margin-right: 15px;
	padding-right: 0px;
    padding-left: 0px;
}
.img-profile {
	border: 1px solid #c3c3c3;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	margin-bottom: 10px;
}

/* Publicar habitación */
.badge-publicar-active {
	color: #2cb3ed;
    padding: 4px 7px;
	display: inline-block;
    min-width: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 10px;
	margin-right: 3px;
}
.badge-publicar {
	color: #fff;
    padding: 4px 7px;
	display: inline-block;
    min-width: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #2cb3ed;
    border-radius: 10px;
	margin-right: 3px;
}
.menu-secundaria .progress-bar {
	box-shadow: none;
}
.label-publicar {
	color: #2cb3ed;
}
.form-input {
	border-radius: 6px;
}
.btn-next {
	color: #fff;
    background-color: #2cb3ed;
}
.btn-next:hover, .btn-next:focus {
	color: #fff;
    background-color: #007eae;
}
.btn-back {
	color: #2cb3ed;
    background-color: #fff;
	border: 1px solid #2cb3ed;
}
.btn-back:hover, .btn-back:focus {
	color: #007eae;
    background-color: #fff;
	border: 1px solid #007eae;
}
.btn-finalizar {
	color: #fff;
    background-color: #f15b5d;
}
.btn-finalizar:hover, .btn-finalizar:focus {
	color: #fff;
    background-color: #fa304f;
}
.introduce_help {
	border-radius: 6px;
}
.txt-ayuda {
	color: #666;
}
.btn-formgrup, .btn-formgrup:visited {
	background-color: #fff;
	color: #2cb3ed;
    border-radius: 5px;
    border-color: #2cb3ed;
}
.btn-formgrup:active, .btn-formgrup:hover, .btn-formgrup:focus   {
	background-color: #2cb3ed;
	color: #fff;
    border-radius: 5px;
    border-color: #2cb3ed;
}

/* Publicar habitación */
.badge-publicar-active {
	color: #2cb3ed;
    padding: 4px 7px;
	display: inline-block;
    min-width: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 10px;
	margin-right: 3px;
}
.badge-publicar {
	color: #fff;
    padding: 4px 7px;
	display: inline-block;
    min-width: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #2cb3ed;
    border-radius: 10px;
	margin-right: 3px;
}
.menu-secundaria .progress-bar {
	box-shadow: none;
}
.label-publicar {
	color: #2cb3ed;
}
.form-input {
	border-radius: 6px;
}
.btn-next {
	color: #fff;
    background-color: #2cb3ed;
}
.btn-next:hover, .btn-next:focus {
	color: #fff;
    background-color: #007eae;
}
.btn-back {
	color: #2cb3ed;
    background-color: #fff;
	border: 1px solid #2cb3ed;
}
.btn-back:hover, .btn-back:focus {
	color: #007eae;
    background-color: #fff;
	border: 1px solid #007eae;
}
.btn-finalizar {
	color: #fff;
    background-color: #f15b5d;
}
.btn-finalizar:hover, .btn-finalizar:focus {
	color: #fff;
    background-color: #fa304f;
}
.introduce_help {
	border-radius: 6px;
}
.txt-ayuda {
	color: #666;
}
.btn-formgrup, .btn-formgrup:visited {
	background-color: #fff;
	color: #2cb3ed;
    border-radius: 5px;
    border-color: #2cb3ed;
}
.btn-formgrup:active, .btn-formgrup:hover, .btn-formgrup:focus   {
	background-color: #2cb3ed;
	color: #fff;
    border-radius: 5px;
    border-color: #2cb3ed;
}

/*IMAGE CENTER CROP keeping Aspect ratio*/
.center-cropped {
	  object-fit: cover; 
	  object-position: center; 
}

/*UPLOAD IMAGE*/
.btn-browse {
    position: relative;
    overflow: hidden;
}
.btn-browse input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/*customizing tooltip color*/
/*right tooltip*/
.tooltip.right > .tooltip-arrow {
  border-right-color: #2cb3ed !important;
}

/*bottom tooltip*/
.tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #2cb3ed !important;
}

/*top tooltip*/
.tooltip.top > .tooltip-arrow {
  border-top-color: #2cb3ed !important;
}

/*left tooltip*/
.tooltip.left > .tooltip-arrow {
  border-left-color: #2cb3ed !important;
}

/*tooltip inner*/
.tooltip > .tooltip-inner {
  background-color: #2cb3ed !important;
  font-weight: normal !important;
  padding: 10px;

}
.tooltip.in{
	opacity:1 !important;
}

.navbar-secundaria li {
	display: inline-flex;
}

.navbar-secundaria {
	text-align: center;
}

