/*iconos custom*/
@import url("font-icons/flaticon.css")
.detailinm{
    width: 100%;
    padding: 5px;
}

.btnoptdetailinm{
    width: auto;
    padding: 10px;
    background-color: #57c8f1;
    position: relative;
    display: inline-block;
    color: white;
}

.bordernone{
    border: none !important;
}

.displaynone{
    display: none;
}

.optsdetailinm{
    margin-top: 10px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
}

.btnoptdetailinm:before{
    content: "";
    border-top: 7px solid #337ab7;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    top: 100%;
    left: 40%;
}
.btnoptdetailinm:before{
    content: "";
    border-top: 7px solid #337ab7;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    top: 100%;
    left: 40%;
}

.optdetailinm{
    display: inline-block;
    margin-top: 7px;
    padding: 10px;
    text-align: center;
    color: #FFFFFF;
    background-color: #1fb5ad;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-left: 5px; 
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.detalle{
    margin-top: 10px;
}

.detalle #basic h2{
    border-bottom: 1px solid rgba(109, 109, 109, 0.4);
    font-size: 1.5em;
    margin: 0 0 30px 0;
    padding: 20px 0 20px 0;
}

.detalle #basic ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.detalle #basic li{
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    padding: 8px 0;
}
.detalle #basic li strong{
    color: gray;
    font-weight: 400;
}
.detalle #basic li span{
    float: right;
    font-weight: 600;
    color: black;
}
.detalle #basicM h2{
    border-bottom: 1px solid rgba(109, 109, 109, 0.4);
    font-size: 1.5em;
    margin: 0 0 30px 0;
    padding: 20px 0 20px 0;
}

.detalle #basicM ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.detalle #basicM li{
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    padding: 8px 0;
}
.detalle #basicM li strong{
    color: gray;
    font-weight: 400;
}
.detalle #basicM li span{
    float: right;
    font-weight: 600;
    color: black;
}

.panel-heading{
    background-color: #2C71B6;
}

.panel-title{
    color: white;
}

#myCarousel img{
    width: 80%;
    height: 600px;
    margin:0 auto;
}

#myCarousel .glyphicon-chevron-right:before{
    background-color: #2c71b6;
}

#myCarousel .glyphicon-chevron-left:before{
   background-color: #2c71b6; 
}

#myCarouselMovil img{
    width: 100%;
    height: 400px;
}

.amenities{
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.amenities li{
    padding: 8px 0;
    /*width: 25%;*/
    float: left;
}

.amenities li:before{
    display: inline-block;
    width: 24px;
}

.amenities li.yes:before{
    color: #06a7ea;
    content: '\f00c';
    font-family: 'FontAwesome';
}

td.yes:before{
    color: #06a7ea;
    content: '\f00c';
    font-family: 'FontAwesome';
    display: inline-block;
    width: 24px;
}

.datosfaltantes{
    color: black;
    background-color: rgba(187,185,185,0.2);
    padding: 10px;
    border: solid 1px black;
    width: 87%;
    margin: 0 auto;
}
.highcharts-container{
    width: 100% !important;
}

.highcharts-root{
    width: 100% !important;
}

@media (max-width: 767px){
    .optdetailinm{
        margin-left: 1px;
        width: 100%;
    }
    
    center{
        position: relative !important;
        left: 0 !important;
        z-index: 100;
    }
}