/*
Project Name:  Enfermeria Domiciliar
Author: Alex Rivera
Author Url: https://www.suimagen.info
Version: 1.0
Description: Servicios de Enfermeria Domiciliar
Tag: Servicios de Enfermeria Domiciliar
*/

/*
Color AZUL --------> #006B9D;
Color AZUL OSC ----> #001b51;

Color VERDE -------> #8CB93A;

Color GOLD --------> #ff8e01; 
Color GOLD OSC ----> #e27f06;        
*/



/*--------------------------------------------------------------------------------*/
/*      SECCIONES DE LAS PAGINAS                                                  */
/*--------------------------------------------------------------------------------*/

/*--- Carpetas de fotos del expediente ----*/

.contenedor-carpeta{
    padding: 15px 0;
    border:1px solid #8CB93A;
}

.alerta-carpeta{
    font-size: 16px;
    line-height: 24px;
    color:#000;
    font-weight: 100;
    margin-top: 15px;
}

.nombre-carpeta{
    font-size: 16px;
    color:#006B9D;
    margin-top: 15px;
}

.numero_documentos{
    font-size: 14px;
    color:#006B9D;
    font-weight: bold;
}

/*-----------------------------------------*/

img.fotos{
    height: 150px;
}

.contenidos {
    margin: 0;
    padding: 15px 30px;
}

.controles {
    margin: -30px 0 0 0;
    padding: 0;
}

.text-normal{
    font-weight: 400 !important;
}

.btn-descargar{
    display: inline-block;
    padding: 4px 15px;
    margin-bottom: 15px;
    color: #FFF;
    background-color: #8CB93A;
}

.main-right, .breadcrumb_title{
    margin-top: 15px;
}

.breadcrumb_title{
    font-family: 'Nunito', sans-serif;
    line-height: 1.2;
    color: #006B9D;
    font-size: 24px;
}


.dt-buttons {
    margin-top: 0 !important;
}

/*--- Espacios entre controles de los forms ----*/
.my_profile_setting_input .form-control {
    margin: 0 0 30px 0;
}

.label-mb{ display:inline-block; margin-bottom: 30px;}



/*--------------------------------------------------------------------------------*/
/*      LOGIN                                                                     */
/*--------------------------------------------------------------------------------*/

.enfermeria-domiciliar{
    padding: 100px 0 20px 0;
}
.logo-login {
    text-align: center;
}

.logo-logout {
    text-align: center;
    margin: 0 0 30px 0;
}
.jumbotron {
    background-color: #ffffff;
}


/*--------------------------------------------------------------------------------*/
/*       FRONTEND: LOGIN - REGISTRO                                               */
/*--------------------------------------------------------------------------------*/

    .breadcrumb-item {
        color: white;
    }

    /*--- Placeholder Cambiar Password --- */
    #new-password::placeholder, #repetir-new-password::placeholder {
        color: #484848;
    }

/*--------------------------------------------------------------------------------*/
/*       FRONTEND: LOGIN/REGISTRO  (MODAL)                                        */
/*--------------------------------------------------------------------------------*/

    .inner_page_breadcrumb.login, 
    .inner_page_breadcrumb.registro,
    .inner_page_breadcrumb.registro_usuario,
    .inner_page_breadcrumb.registro_premium,
    .inner_page_breadcrumb.contacto,
    .inner_page_breadcrumb.olvidopassword, 
    .inner_page_breadcrumb.recuperarpassword {
        position: relative;
        height: 300px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
    }

    .inner_page_breadcrumb.login {
        background-image: url(../images/background/Portada_LogIn.png);
    }
    .inner_page_breadcrumb.registro {
        background-image: url(../images/background/Portada_Registro.png);
    }
    .inner_page_breadcrumb.registro_usuario {
        background-image: url(../images/background/Portada_Registro_Usuario.png);
    }
    .inner_page_breadcrumb.registro_premium {
        background-image: url(../images/background/Portada_Registro_Premium.png);
    }
    .inner_page_breadcrumb.contacto {
        background-image: url(../images/background/Portada_Contacto.png);
    }
    .inner_page_breadcrumb.olvidopassword {
        background-image: url(../images/background/Portada_OlvidoPassword.png);
    }
    .inner_page_breadcrumb.recuperarpassword {
        background-image: url(../images/background/Portada_RecuperarPassword.png);
    }

    /*--- Boton cerrar del Modal --- */
    .sign_up_modal .modal-header {
        background-color: #ff8e01;
    }

    .login_form hr::before, .sign_up_form hr::before {
        content: "";
    }

    /*--- Placeholder Login --- */
    #username::placeholder, #password::placeholder {
        color: #484848;
    }

    /*--- Placeholder Register--- */
    #nombre::placeholder, #apellidos::placeholder, 
    #nombreusuario::placeholder, #email::placeholder,
    #password::placeholder, #repetirpassword::placeholder{
        color: #484848;
    }

    #nombre:focus, #apellidos:focus,#username:focus,#correo:focus,
    #password:focus,#repetirpassword:focus,#acepto:focus,#exampleCheck3:focus{
        border: 1px solid #d1780c;
        box-shadow: 2px 4px 6px #ccc;
    }

    .custom-control-input:checked ~ .custom-control-label::before{
        color: #08296c;
        border-color: #ff8e01;
        background-color: #ff8e01;
    }

    .sign_up_form .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .custom-control-label{
        color: #484848;
    }

    /*--- Botones Iniciar Sesion/Registrarse ---*/
    .btn.btn-log.btn-block.btn-thm, .btn.btn-log.btn-block.btn-thm2 {
        background-color: #006B9D !important;
        border: 0;
    }
    .btn.btn-log.btn-block.btn-thm:hover, .btn.btn-log.btn-block.btn-thm2:hover {
        background-color: #8CB93A !important;
        color:#006B9D !important;
        border:0;
    }
    /*--- Texto Recordarme ---*/
    .sign_up_form .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .custom-control-label {
        color: #006B9D;
    }
    /*--- Texto Olvidó su contraseña ---*/
    a.text-thm, a.btn-fpswd.float-right {
        color: #006B9D !important;
    }
    a.text-thm:hover, a.btn-fpswd.float-right:hover {
        color: #8CB93A !important;
    }


/*--------------------------------------------------------------------------------*/
/*     BODY                                                                       */
/*--------------------------------------------------------------------------------*/

    body {
        margin-top: 0;
    }

    section {
        padding: 15px 0 15px 0;
    }

    .error{
        background-color: yellow;
        position: relative;
        top: 30px;
        padding: 10px 0 ;
        border-radius:  0 0 5px 5px;
        color: #fff;
        width: 100%;
        text-align: center;
        display: none;
    }

    .padding-0{
           padding-right:0;
           padding-left:0;
    }

    .parpadea {

      margin-bottom:50px;
      
      animation-name: parpadeo;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;

      -webkit-animation-name:parpadeo;
      -webkit-animation-duration: 1s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
    }

    @-moz-keyframes parpadeo{  
      0% { opacity: 1.0; }
      50% { opacity: 0.0; }
      100% { opacity: 1.0; }
    }

    @-webkit-keyframes parpadeo {  
      0% { opacity: 1.0; }
      50% { opacity: 0.0; }
       100% { opacity: 1.0; }
    }

    @keyframes parpadeo {  
      0% { opacity: 1.0; }
       50% { opacity: 0.0; }
      100% { opacity: 1.0; }
    }

    .barra{
        width: 100px;
        height: 30px;
        border-radius: 5px;
        background-color: #ff8e01; 
        color: white;
        text-align: center;
        margin:0 auto;
        font-weight: bold;
    }
    #cuerpo{
        width: 100%;
        height: 30px;
        background-color: #08296c;
        border-radius: 5px 0 0 5px;
    }
    .texto{
        padding-top: 3px;
    }
     
    .barra > div{
       -webkit-animation: progress-barra 1s;
       -moz-animation: progress-barra 1s;
    }
     
    @-webkit-keyframes progress-barra {
      0% { width: 0; }
    } 
     
    @-moz-keyframes progress-barra {
       0% { width: 0; }
    }

    .zoom{
        transition: width 0.3s, height 0.3s, transform 0.3s;
        -moz-transition: width 0.3s, height 0.3s, -moz-transform 0.3s;
        -webkit-transition: width 0.3s, height 0.3s, -webkit-transform 0.3s;
        -o-transition: width 0.3s, height 0.3s,-o-transform 0.3s;
    }
    .zoom:hover{
        transform : scale(1.1);
        -moz-transform : scale(1.1);      /* Firefox */
        -webkit-transform : scale(1.1);   /* Chrome - Safari */
        -o-transform : scale(1.1);        /* Opera */
    }


    /* --- Centrar el contenido de las columnas vertical/horizontal -------*/

    .container-fluid.home {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
    }

    /* --- Centrar los botones de Paginacion del DataTable -------*/

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center !important;
    }

    /*--- Fondo de las secciones ------------------------------------------------- */

    .bgc-f7 {
        background-color: #fff;
    }

    .feat_property:hover{
      cursor: default;
    }

    .feat_property.propiedad:hover{
      cursor: pointer;
    }

    /*--- Registro de Usuarios------------- */

    .card.registro:hover {
        box-shadow: 5px 10px 18px #ccc;
    }

    .details:hover .sombra {
        filter: opacity(.75);
        -webkit-transform:scale(1.005);
        transform:scale(1.005);
    }
    .details {
        overflow:hidden;
    }

    .usuario{
        padding: 5px;
        margin: 0;
    }

    .btn-usuario{
        background-color: #ff8e01;
        color:white;
    }
    .btn-propietario{
        background-color: #08296c;
        color:white;
    }
    .btn-agente{
        background-color: #ff8e01;
        color:white;
    }

    .btn-usuario:hover, .btn-agente:hover{
        color:#08296c;
    }
    .btn-propietario:hover{
        color:#ff8e01;
    }

    .tooltip-inner {
        font-size: 10px;
        padding: 10px;
        text-align: center;
        color: #000;
        border: 1px solid #605c5c;
        background-color: #fff;
    }

    .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
    .bs-tooltip-bottom .arrow::before {
      border-bottom-color: #605c5c;
    }


/*--------------------------------------------------------------------------------*/
/*      HEADER                                                                    */
/*--------------------------------------------------------------------------------*/

    header.header-nav {
        background: #fff;
    }
    header.header-nav.menu_style_home_one .ace-responsive-menu li a {
        color: #484848;
    }

    .wrapper.detalles header.header-nav {
        background: #ffffff;
        box-shadow: 0 0 25px #504e4e;
    }
    .wrapper.listado header.header-nav {
        background: #ccc9c9;
    }

    /*--- Transparencia del header fixed --- */
    .menu_style_home_one.stricky-fixed {
        background-color: #ffffff;
    }
    .wrapper.detalles .menu_style_home_one.stricky-fixed {
        background-color: #ffffff;
    }
    .wrapper.listado .menu_style_home_one.stricky-fixed {
        background-color: #ffffff;
    }

    header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing a {
        color: #0e2338;
    }
    header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing a:hover {
        color: #fff;
    }

    /*--- Boton Lista tu Propiedad en PC------------------------*/

    header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing,
    header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li.add_listing {
        background-color: #ff8e01;
    }
    header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li.add_listing a:hover {
        color: #0e2338;
    }


    /*--- Boton Lista tu Propiedad en Menu Movil Lateral --- */

    .btn.btn-block.btn-lg.btn-thm.circle.mm-listitem__text {
        background-color: #ff8e01 !important;
    }
    .btn.btn-block.btn-lg.btn-thm.circle.mm-listitem__text:hover {
        background-color: #08296c !important;
        color: #fff !important;
    }

/*--------------------------------------------------------------------------------*/
/*      MENU MOVIL                                                                */
/*--------------------------------------------------------------------------------*/

    .header.stylehome1 .main_logo_home2 span {
        font-size: 1px;
        margin-top: -10px;
        margin-left: 0;
        vertical-align: bottom;
        display: none;
    }

    .header a::after {
        display: none !important;
    }

/*--------------------------------------------------------------------------------*/
/*      MENU PRINCIPAL                                                            */
/*--------------------------------------------------------------------------------*/

    






/*--------------------------------------------------------------------------------*/
/*       PERFIL DEL AGENTE                                                        */
/*--------------------------------------------------------------------------------*/


                    /* --- REVISAR EN DONDE SE APLICAN --------------------------------------------------------------*/

                    .feat_property .thumb .thmb_cntnt ul.tag li {
                        width: 80px;
                    }

                    .feat_property.list ul.tag li a {
                        font-size: 11px !important;
                        color: #fff;
                    }

                    .main_blog_post_content.perfil-agente .mbp_thumb_post.perfil-agente {
                        background-color: transparent;
                        padding: 10px 0;
                    }

                    .fa.fa-globe.agente,.fa.fa-facebook-square.agente, .fa.fa-instagram.agente, .fa.fa-pinterest.agente{
                      font-size: 20px;
                    }
                    .fa.fa-globe.agente2,.fa.fa-twitter.agente, .fa.fa-linkedin.agente, .fa.fa-youtube-play.agente{
                      font-size: 24px;
                    }

                    .fa.fa-globe.agente,.fa.fa-globe.agente2 {
                        color: #30770d;
                    }

                    .fa.fa-facebook-square.agente {
                        color: #080f93;
                    }
                    .fa.fa-twitter.agente {
                        color: #00a9ff;
                    }
                    .fa.fa-instagram.agente {
                        color: #ff0094;
                    }
                    .fa.fa-pinterest.agente {
                        color: #b71414;
                    }
                    .fa.fa-linkedin.agente {
                        color: #0077B5;
                    }
                    .fa.fa-youtube-play.agente {
                        color: #FF0000;
                    }

                    .text-thm.agente, .fp_pdate.agente a {
                        color: #ff8e01 !important;
                    }
                    .fp_pdate.agente a {
                        font-weight: bold;
                        font-size: 16px;
                    }

                    .prop_details.agente{
                        color: #494747;
                    }

                    .blog_search_widget button#buscar_agente, 
                    .blog_search_widget button#buscar_agencia {
                        background-color: #fff;
                        border-bottom: 1px solid #ebebeb;
                        border-left: transparent !important;
                        border-right: 1px solid #ebebeb;
                        border-top: 1px solid #ebebeb;
                        height: 52px;
                    }

                    #agente::placeholder, #agencia::placeholder {
                        color: #484848;
                    }
                    .btn-outline-secondary:hover {
                        color: #6c757d;
                    }

                    .list-inline-item.default a{
                        cursor:default;
                    }
                    .pointer{
                        cursor:pointer;
                    }

    /*--- APLICADOS -------------------------------------------------------------*/

    .ver-perfil{
        color: blue;
    }
    .ver-perfil:hover{
        color: #e27f06;
    }
    .ver-perfil:visited{
        color:  blue;
    }
    .items-agente{
      font-size: 16px;
      font-weight: bold;
    }
    .sencilla{
      font-weight: normal;
    }

    .items-agente.cargo{
      color:#ff8e01;
    }

    .main_blog_post_content .mbp_thumb_post {
        background-color: #EFEFEF;
        border-radius: 15px;
        padding: 30px;
    }

    .acerca-de-mi {
        width: 100%;
    }

    .social-share li {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 0px;
        background-color: transparent;
    }

    .social-share li a {
        font-size: 14px;
        color: #08296c;
        line-height: 1.2;
    }

    .fa.fa-twitter.size, .fa.fa-pinterest.size, .fa.fa-linkedin.size{
        font-size: 28px;
    }

    .fa.fa-facebook-square.color {
        color: #080f93;
    }
    .fa.fa-twitter.color {
        color: #00a9ff;
    }
    .fa.fa-instagram.color {
        color: #ff0094;
    }
    .fa.fa-pinterest.color {
        color: #b71414;
    }
    .fa.fa-linkedin.color {
        color: #0077B5;
    }
    .fa.fa-youtube-play.color {
        color: #FF0000;
    }

    /*--- Listado de Propiedades Agente ----------------*/

    .feat_property.list .dtls_headr a.fp_price {
        font-size: 20px;
        color: #ff8e01;
    }

    .feat_property.list .dtls_headr a.fp_price.agente, a.agente {
      cursor: default;
    }
    .feat_property.list .dtls_headr a.fp_price.agente, a.default {
      cursor: default;
    }

    .feat_property.list ul.tag li.etiqueta {
        font-size: 11px !important;
        font-family: "Nunito";
        color: #fff;
    }

    .feat_property .details .tc_content .prop_details li.detalles {
        font-size: 14px;
        font-family: "Nunito";
        color: #484848;
        line-height: 1.2;
    }

    .feat_property .thumb .thmb_cntnt a.fp_price.destacadas {
        text-shadow: 2px 2px 4px #000;
    }

    /* ---- Contactar al Vendedor ------------------------- */

    .img-vendedor {
        width: 50% !important;
        max-width: 50% !important;
    }

    #mensaje::placeholder{
        color: #484848;
    }

    #mensaje:focus{
        border: 1px solid #d1780c;
        box-shadow: 2px 4px 6px #ccc;
    }

    #mensaje {
        line-height: 1.5;
    }

/*--------------------------------------------------------------------------------*/
/*       LISTADO DE AGENTES                                                       */
/*--------------------------------------------------------------------------------*/

    .feat_property.list .thumb.listadoAgentes {
        width: 40% !important;
        background-color: transparent;
        margin: 20px 0 20px 20px;
    }

    .feat_property .details.listadoAgentes {
        left: -60px !important;
        width: 100%;
    }

    .feat_property .details .tc_content p.text-thm.agente.listadoAgentes {
        font-size: 16px;
        font-family: "Nunito";
        color: #484848;
        line-height: 1.2;
    }

    .feat_property .thumb.listadoAgentes .thmb_cntnt ul.tag.listadoAgentes {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .feat_property .thumb.listadoAgentes .thmb_cntnt ul.tag.listadoAgentes li.listadoAgentes a {
        text-shadow: 1px 1px 2px #000;
        cursor:none;
    }

    .feat_property .thumb.listadoAgentes .thmb_cntnt .list-inline-item.listadoAgentes {
        background-color: #08296c !important;
        color: white;
        text-shadow: 1px 1px 1px #000;
    }

/*--------------------------------------------------------------------------------*/
/*       CONTACTO                                                                 */
/*--------------------------------------------------------------------------------*/

    .form_grid, .contact_localtion {
        background-color: #EFEFEF;
        border-radius: 15px;
    }

    #form_name::placeholder, #form_email::placeholder,
    #form_phone::placeholder, #form_subject::placeholder, #form_message::placeholder {
        color: #484848;
    }

    .fa.fa-facebook-square.contacto, .fa.fa-twitter.contacto,
    .fa.fa-instagram.contacto, .fa.fa-youtube-play.contacto{
        color: #484848;
        font-size: 35px;
    }


/*--------------------------------------------------------------------------------*/
/*     TERMINOS DE USO - POLITICAS DE PRIVACIDAD                                  */
/*--------------------------------------------------------------------------------*/

    .item-text{
      margin-left: 25px;
    }

    .item-text p{
      text-align: justify;
    }

/*--------------------------------------------------------------------------------*/
/*     PREGUNTAS FRECUENTES                                                       */
/*--------------------------------------------------------------------------------*/

    .faqs{
      text-align: left;
      margin-left: 25px;
    }


/*--------------------------------------------------------------------------------*/
/*       FOOTER                                                                   */
/*--------------------------------------------------------------------------------*/

    .footer_one {
        background-color:#FF8E01;
        color:#08296c;
    }
    .footer_middle_area {
        background-color: #006B9D;
    }

    .footer_about_widget > h4,.footer_qlink_widget > h4,
    .footer_contact_widget > h4,.footer_social_widget > h4,
    .footer_about_widget ul li a,.footer_qlink_widget ul li a,
    .footer_contact_widget ul li a,.footer_social_widget ul li a{
        color: #08296c;
    }

    .fa-facebook-square,.fa-twitter,.fa-instagram,.fa-youtube-play,.fa-angle-right {
      font-size: 25px;
    }

    /*--- Terminos/Privacidad/Contacto -----------*/

    .footer_menu_widget ul li a {
        color: #fff;
    }

    /*--- Copyright ------------------------------*/

    .copyright-widget p {
        color: #fff;
    }

    /*--- Scroll to Top ---------------------------*/

    .scrollToHome {
        background-color: #8CB93A !important;
        bottom: 20px;
        color: #fff !important;
    }