@font-face {
     font-family: 'flores-icons';
     src: url('../fonts/flores-icons.eot');
     src: url('../fonts/flores-icons.eot?#iefix') format('embedded-opentype'), url('../fonts/flores-icons.woff2') format('woff2'), url('../fonts/flores-icons.woff') format('woff'), url('../fonts/flores-icons.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'etelka-medium';
     src: url('../fonts/etelka-medium-webfont.eot');
     src: url('../fonts/etelka-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/etelka-medium-webfont.woff2') format('woff2'), url('../fonts/etelka-medium-webfont.woff') format('woff'), url('../fonts/etelka-medium-webfont.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }
 
 .campo-buscar {
     background-color: #00FF00;
 }
 
 body {
     font-family: 'Montserrat', sans-serif;
     overflow-x: hidden;
 }
 
 h1,
 h2,
 h3,
 h4 {
     font-family: 'etelka-medium', cursive;
     font-weight: normal;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5 {
     color: #00335a;
 }
 
 .bg-light {
     background-color: rgba(51, 51, 51, 1);
 }
 
 a {
     color: #4fc2f8;
     text-decoration: none;
     transition: all 0.5s ease;
 }
 
 a:hover {
     transition: all 0.5s ease;
     color: #4fc2f8;
     text-decoration: none;
 }
 
 .texto-fucsia {
     color: #00335a;
 }
 
 .koma {
     font-size: 14px;
     text-align: center;
     width: 154px;
     margin-right: 10px;
     height: 12px;
     float: right;
 }
 
 .topbar {
     min-height: 56px;
     background-color: #4fc2f8;
     background-repeat: repeat-y;
     background-position: left center;
     box-shadow: none;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #4fc2f8;
     margin-left: -10px;
 }
 
 .navbar-dark .navbar-nav .nav-item {
     font-size: 0.8rem;
 }
 
 .navbar-dark .navbar-nav .dropdown-menu {
     font-size: 0.8rem;
     /* min-width: 35rem !important;*/
 }
 
 .menuPro {
     min-width: 27rem !important;
 }
 
 .bg-costura {
     
     background-repeat: repeat-y;
     background-position: right top;
     background-color: #01589c;
 }
 
 .card-title {
     color: #ff3803;
 }
 
 .card-title a {
     color: #4fc2f8;
 }
 
 .btn-primary {
     font-family: 'Montserrat', sans-serif;
     background-color: #01589c;
     border-top-color: #01589c;
     border-right-color: #01589c;
     border-bottom-color: #01589c;
     border-left-color: #01589c;
     border-radius: 25px;
     font-weight: 500;
     padding-top: 10px;
     padding-bottom: 10px;
     width: 100%;
     font-size: 0.9rem;
     word-break: normal;
 }
 
 .btn-primary .fa {}
 
 .btn-primary:hover {
     background-color: #9dd2e6;
     border-top-color: #9dd2e6;
     border-right-color: #9dd2e6;
     border-bottom-color: #9dd2e6;
     border-left-color: #9dd2e6;
 }
 
 .btn-secondary {
     font-family: 'Montserrat', sans-serif;
     background-color: #4fc2f8;
     border-top-color: #4fc2f8;
     border-right-color: #4fc2f8;
     border-bottom-color: #4fc2f8;
     border-left-color: #4fc2f8;
     border-radius: 20px;
     padding-left: 15px;
     padding-right: 15px;
     font-weight: 500;
 }
 
 .btn-secondary:hover {
     background-color: #9ed2e5;
     border-top-color: #9ed2e5;
     border-right-color: #9ed2e5;
     border-bottom-color: #9ed2e5;
     border-left-color: #9ed2e5;
 }
 
 .btn-info {
     font-family: 'etelka-medium', cursive;
     background-color: #01589c;
     border-top-color: #01589c;
     border-right-color: #01589c;
     border-bottom-color: #01589c;
     border-left-color: #01589c;
     border-radius: 20px;
     font-weight: 300;
     width: 100%;
     font-size: 0.9rem;
 }
 
 .btn-info:hover {
     background-color: #9dd2e6;
     border-top-color: #9dd2e6;
     border-right-color: #9dd2e6;
     border-bottom-color: #9dd2e6;
     border-left-color: #9dd2e6;
 }
 
 #sidebar-wrapper {
     width: 80%;
     max-width: 260px;
     min-height: 100vh;
     margin-left: -15rem;
     -webkit-transition: margin .25s ease-out;
     -moz-transition: margin .25s ease-out;
     -o-transition: margin .25s ease-out;
     transition: margin .25s ease-out;
     z-index: 99999;
 }
 
 #sidebar-wrapper .categoria {
     font-weight: normal;
     color: #FFFFFF;
     font-family: 'etelka-medium', cursive;
     font-size: 1.2rem;
 }
 
 #sidebar-wrapper .dato {
     font-weight: normal;
     margin-left: px;
 }
 
 #sidebar-wrapper .circulo {
     background-color: #4fc2f8;
     border-radius: 50%;
     padding-top: 6px;
     padding-right: 7px;
     padding-bottom: 8px;
     padding-left: 7px;
     font-size: 16px;
     color: #FFFFFF;
 }
 
 #sidebar-wrapper .info {
     background-color: transparent;
     color: #4fc2f8;
     border-bottom-style: solid;
     font-size: 0.8rem;
     margin-left: 25px;
     font-style: normal;
     border-bottom-width: 1px;
     border-bottom-color: #a33c9f;
 }
 
 #sidebar-wrapper a {
     background-color: transparent;
     color: #acbac8;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     padding-top: 0px;
     padding-bottom: 0px;
     font-size: 0.8rem;
     margin-left: 15px;
 }
 
 #sidebar-wrapper a:hover {
	color: #54c3f6;
 }
 
 #sidebar-wrapper h4 {
     color: rgba(255, 255, 255, 1);
 }
 
 #sidebar-wrapper .sidebar-heading {
     padding: 0.875rem 1.25rem;
     font-size: 1.2rem;
 }
 
 #sidebar-wrapper .list-group {
     width: 15rem;
 }
 
 #page-content-wrapper {
     min-width: 100vw;
     background-color: rgba(255, 255, 255, 1);
 }
 
 #wrapper.toggled #sidebar-wrapper {
     margin-left: 0;
 }
 
 @media (min-width: 768px) {
     #sidebar-wrapper {
         margin-left: 0;
     }
     #page-content-wrapper {
         min-width: 0;
         width: 100%;
     }
 }
 
 .carousel-item {
     height: 65vh;
     min-height: 300px;
     background: no-repeat center center scroll;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
 }
 
 .carousel-item video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: 0;
     -ms-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
 }
 
 @media (pointer: coarse) and (hover: none) {
     .carousel-item video {
         display: none;
     }
 }
 
 .carousel-caption {
     max-width: calc(50% - 40px);
 }
 
 .carousel-item .centro {
     text-align: center;
     left: 25%;
     top: 35%;
 }
 
 .carousel-item .cuadrante1 {
     text-align: right;
     left: 0px;
     top: 50px;
 }
 
 .carousel-item .cuadrante2 {
     text-align: left;
     left: 50%;
     top: 50px;
 }
 
 .carousel-item .cuadrante3 {
     text-align: right;
     left: 0px;
     top: 50%;
 }
 
 .carousel-item .cuadrante4 {
     text-align: left;
     left: 50%;
     top: 50%;
 }
 
 .carousel-caption h2 {
     font-size: 2.5em;
     line-height: 2rem;
     color: #4fc2f8;
     text-shadow: 1px 2px #ffffff;
 }
 
 .carousel-caption p {
     color: #4fc2f8;
     text-shadow: 1px 1px #ffffff;
 }
 
 .carousel-indicators>li {
     border-radius: 50%;
     height: 20px;
     width: 20px;
     border: 1px solid #01589c;
 }
 
 .carousel-indicators>li.active {
     background-color: #01589c;
     border: 2px solid #01589c;
 }
 
 footer {
     background-color: #343434;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0;
     margin-left: 0px;
     padding-top: 5px;
     padding-right: 0px;
     padding-bottom: 0;
     margin-left: -10px;
     color: rgba(255, 255, 255, 1);
 }
 
 footer .texto-gris1 {
     font-size: 0.9rem;
 }
 
 footer .marca {}
 
 @media (max-width: 1200px) {
     footer .micuenta {
         padding-left: 30px;
     }
     footer .comunidad {
         padding-left: 30px;
     }
     footer .keywords {
         padding-left: 30px;
     }
 }
 
 @media (min-width: 1200px) {
     footer .micuenta {
         padding-left: 0px;
     }
     footer .comunidad {
         padding-left: 0px;
     }
     footer .keywords {
         padding-left: 0px;
     }
 }
 
 footer .logo {
     max-width: 320px!important;
 }
 
 footer a {
     color: #b4b4b4;
     text-decoration: none;
     font-size: 0.8rem;
 }
 
 footer .fa {
     color: #d9d9d9;
 }
 
 footer a:hover {
     color: rgba(255, 255, 255, 1);
     text-decoration: none;
 }
 
 footer .footer-copyright {
     background-color: #4fc2f8;
 }
 
 footer h5 {
     color: #FFFFFF;
 }
 
 footer p {
     margin: 0px;
     padding: 0px;
 }
 
 footer .texto-gris1 {
     color: #7a7a7a;
 }
 
 .logo {
     z-index: 9999;
     position: relative;
     margin-left: -30px;
 }
 
 .logo-bg {
     background-image: url(../img/bg-logo.png);
     z-index: 9998;
     position: absolute;
     left: 0px;
     top: 0px;
     height: 146px;
     width: 350px;
 }
 
 .lista1 ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .lista1 li {
     padding-left: 0.5rem;
     text-indent: -.7em;
     line-height: 1.4rem;
 }
 
 .lista1 li::before {
     content: "• ";
     color: #ffffff;
     font-size: 1.5rem;
     line-height: 1.4rem;
 }
 
 #ficha {
     min-height: 100vh;
     -webkit-transition: margin .25s ease-out;
     -moz-transition: margin .25s ease-out;
     -o-transition: margin .25s ease-out;
     transition: margin .25s ease-out;
 }
 /**/
 
 #info_contacto {
     font-family: 'etelka-medium', cursive;
     color: #4fc2f8;
     padding: 10px;
     font-weight: normal;
 }
 
 .icono {
     font-family: flores-icons;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-weight: normal;
     height: 30px;
     width: 30px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     background-color: #4fc2f8;
 }
 
 #info_contacto .icono {
     font-size: 32px;
     float: left;
     font-weight: normal;
     text-align: center;
 }
 
 .profesionals .card-body {
     text-align: center;
     padding: 0px;
 }
 
 .profesionals .card-body p {
     margin: 0px;
     padding: 0px;
 }
 
 .profesionals .card-body .nombre {
     text-align: center;
     color: #01589c;
 }
 
 .profesionals .card {
     -webkit-box-shadow: 0px 13px 38px 0px rgba(0, 51, 90, 0.2);
     -moz-box-shadow: 0px 13px 38px 0px rgba(0, 51, 90, 0.2);
     box-shadow: 0px 13px 38px 0px rgba(0, 51, 90, 0.2);
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     border-radius: 20px;
 }
 
 .profesionals .card-body .info {
     font-family: 'etelka-medium', cursive;
     text-align: center;
     color: #a6a7b2;
 }
 
 .profesionals .card-footer {
     border-radius: 20px;
     background-color: #FFFFFF;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
 }
 
 .profesionals .comuna {
     font-family: 'etelka-medium', cursive;
     color: #01589c;
     font-size: 1rem;
     background-color: #fcfafc;
     padding-top: 6px;
     padding-right: 0px;
     padding-bottom: 6px;
     padding-left: 0px;
 }
 
 .profesionals img {
     border-radius: 50%;
     width: 60%;
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 @media (max-width: 1024px) {
     .selectWrapper {
         width: 100%;
         overflow: hidden;
         position: relative;
         border: 2px solid #01589c;
         border-radius: 20px;
         background: #FFFFFF url('data:image/gif;base64,R0lGODlhEwAKAIABAIQzf////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3QjIxQTBFNjMwODExRUFCNTQ0RTlDNDk2MDlCRjY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3QjIxQTBGNjMwODExRUFCNTQ0RTlDNDk2MDlCRjY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdCMjFBMEM2MzA4MTFFQUI1NDRFOUM0OTYwOUJGNjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdCMjFBMEQ2MzA4MTFFQUI1NDRFOUM0OTYwOUJGNjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAEwAKAAACGYSPiaG9wZyCVD4KLcBc8t98YiKWR4luZQEAOw==') right 13px center no-repeat;
         margin-right: auto;
         margin-left: auto;
     }
 }
 
 @media (min-width: 1024px) {
     .selectWrapper {
         width: 50%;
         max-width: 480px;
         overflow: hidden;
         position: relative;
         border: 2px solid #01589c;
         border-radius: 20px;
         background: #FFFFFF url('data:image/gif;base64,R0lGODlhEwAKAIABAIQzf////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3QjIxQTBFNjMwODExRUFCNTQ0RTlDNDk2MDlCRjY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3QjIxQTBGNjMwODExRUFCNTQ0RTlDNDk2MDlCRjY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdCMjFBMEM2MzA4MTFFQUI1NDRFOUM0OTYwOUJGNjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdCMjFBMEQ2MzA4MTFFQUI1NDRFOUM0OTYwOUJGNjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAEwAKAAACGYSPiaG9wZyCVD4KLcBc8t98YiKWR4luZQEAOw==') right 13px center no-repeat;
         margin-right: auto;
         margin-left: auto;
     }
 }
 
 .selectWrapper select {
     font-family: 'etelka-medium', cursive;
     color: #01589c;
     padding: 12px 40px 12px 20px;
     font-size: 1.1rem;
     line-height: 1rem;
     width: 100%;
     border: none;
     box-shadow: none;
     background: transparent;
     background-image: none;
     -webkit-appearance: none;
     outline: none;
     cursor: pointer;
     -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: ellipsis;
 }
 
 .fitnessandcare a {
     font-family: 'etelka-medium', cursive;
     color: #FFFFFF;
     text-decoration: none;
 }
 
 .productos .card {
     font-size: 0.7rem;
 }
 
 .productos .card-body {}
 
 .productos .card-text {
     font-family: 'Montserrat', sans-serif;
     text-align: left;
     color: #7a7a7a;
     font-size: 0.8rem;
     margin: 0px;
     padding: 0px;
 }
 
 .productos .card-footer {
     background-color: #FFFFFF;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
 }
 
 .productos h4,
 h5,
 h6 {
     margin: 0px;
     padding: 0px;
 }
 
 .productos .card-title a {
     font-family: 'etelka-medium', cursive;
     text-align: left;
     color: #01589c;
     font-size: 1.2rem;
     font-weight: bold;
     margin: 0px;
     padding: 0px;
 }
 
 .productos .presentacion {
     font-family: 'etelka-medium', cursive;
     text-align: left;
     color: #4fc2f8;
     font-size: 1rem;
     margin: 0px;
     padding: 0px;
 }
 
 .productos .precio {
     font-family: 'etelka-medium', cursive;
     text-align: left;
     color: #4fc2f8;
     font-size: 1.1rem;
     margin: 0px;
     padding: 0px;
 }
 
 .lupa {
     margin-left: -10px;
     color: #00335a;
 }
 
 .pagination {
     justify-content: center;
     color: #4fc2f8;
 }
 
 .pagination>li>a {
     background-color: white;
     color: #4fc2f8;
 }
 
 .pagination>li>a:focus,
 .pagination>li>a:hover,
 .pagination>li>span:focus,
 .pagination>li>span:hover {
     background-color: #4fc2f8;
     border-color: #4fc2f8;
     color: #FFFFFF;
 }
 
 .pagination>.active>a {
     color: white;
     background-color: #4fc2f8 !Important;
     border: solid 1px #4fc2f8 !Important;
 }
 
 .pagination>.active>a:hover {
     background-color: #4fc2f8 !Important;
     border: solid 1px #4fc2f8;
     color: #FFFFFF;
 }
 
 .topmost {
     z-index: 99999;
     position: relative;
 }
 
 .ficha {
     font-size: 0.9rem;
 }
 
 .ficha .fotos {
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #d8d8d8;
 }
 
 .ficha .carousel-item img {
     border: 1px solid #d8d8d8;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
 }
 
 .ficha .agregar {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #d8d8d8;
 }
 
 .ficha .cantidad {
     max-width: 4rem;
     font-size: 1.2rem;
     margin-left: 10px;
     margin-right: 10px;
 }
 
 .ficha .precio {
     font-family: 'etelka-medium', cursive;
     color: #4fc2f8;
     font-size: 1.4rem;
     font-weight: 500;
     margin-left: 10px;
     margin-right: 10px;
 }
 /**/
 
 .funciones-producto {}
 
 .funciones-producto .card-header {
     font-family: 'etelka-medium', cursive;
     color: #01589c;
 }
 
 .funciones-producto .card-header a {
     color: #01589c;
     display: block;
 }
 
 .funciones-producto .card-header a:hover {
     color: #4fc2f8;
 }
 
 .noticias .autor img {
     width: 70px;
     border-radius: 50%;
 }
 
 .funciones-producto .fa-star {
     color: #CCCCCC;
 }
 
 .funciones-producto p {
     font-size: 1rem;
 }
 
 .funciones-producto .star-rating {
     line-height: 32px;
     font-size: 1.25em;
     color: #d8d8d8;
 }
 
 .funciones-producto .star-rating .fa-star {
     color: #fdde77;
 }
 
 .funciones-producto .comentario {
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-bottom-color: #d8d8d8;
     padding-bottom: 6px;
 }
 
 .comentarios {
     font-size: 0.9rem;
 }
 
 a .btn {
     color: #fff;
 }
 
 .card-footer a {
     /* color: #039fd2;*/
     /* color: #01589c;*/
 }
 
 .card-footer a:hover {
     /*     text-decoration: underline;
     color: #01589c;*/
     /* color: #01589c;*/
 }
 
 .funciones-producto .checked {
     color: #fdde77;
 }
 
 .funciones-producto .avatar img {
     border-radius: 50%;
 }
 
 .funciones-producto .selectWrapper {
     width: 100%;
     overflow: hidden;
     position: relative;
     border: 2px solid #01589c;
     border-radius: 20px;
     background: #FFFFFF url('data:image/gif;base64,R0lGODlhEwAKAIABAIQzf////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3QjIxQTBFNjMwODExRUFCNTQ0RTlDNDk2MDlCRjY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3QjIxQTBGNjMwODExRUFCNTQ0RTlDNDk2MDlCRjY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdCMjFBMEM2MzA4MTFFQUI1NDRFOUM0OTYwOUJGNjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdCMjFBMEQ2MzA4MTFFQUI1NDRFOUM0OTYwOUJGNjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAEwAKAAACGYSPiaG9wZyCVD4KLcBc8t98YiKWR4luZQEAOw==') right 13px center no-repeat;
     margin-right: auto;
     margin-left: auto;
 }
 
 .funciones-producto .selectWrapper select {
     font-family: 'etelka-medium', cursive;
     color: #01589c;
     padding: 12px 40px 12px 20px;
     font-size: 1.1rem;
     line-height: 1rem;
     width: 100%;
     border: none;
     box-shadow: none;
     background: transparent;
     background-image: none;
     -webkit-appearance: none;
     outline: none;
     cursor: pointer;
     -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: ellipsis;
 }
 
 .funciones-producto .profesional {
     border: 1px solid #d8d8d8;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     padding-top: 10px;
 }
 
 .autor img {
     border-radius: 50%;
 }
 
 .perfil .avatar img {
     border-radius: 50%;
 }
 
 .perfil .card-footer {
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     background-color: #FFFFFF;
 }
 
 .perfil .card {
     margin-bottom: 10px;
 }
 
 .directorio-profesionals .profesional {
     -webkit-box-shadow: 0px 13px 38px 0px rgba(0, 51, 90, 0.2);
     -moz-box-shadow: 0px 13px 38px 0px rgba(0, 51, 90, 0.2);
     box-shadow: 0px 13px 38px 0px rgba(0, 51, 90, 0.2);
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     border-radius: 20px;
 }
 
 .directorio-profesionals .selectWrapper {
     max-width: 600px;
     width: 90%;
     overflow: hidden;
     position: relative;
     border: 2px solid #01589c;
     border-radius: 20px;
     background: #FFFFFF url('data:image/gif;base64,R0lGODlhEwAKAIABAIQzf////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3QjIxQTBFNjMwODExRUFCNTQ0RTlDNDk2MDlCRjY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3QjIxQTBGNjMwODExRUFCNTQ0RTlDNDk2MDlCRjY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdCMjFBMEM2MzA4MTFFQUI1NDRFOUM0OTYwOUJGNjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdCMjFBMEQ2MzA4MTFFQUI1NDRFOUM0OTYwOUJGNjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAEwAKAAACGYSPiaG9wZyCVD4KLcBc8t98YiKWR4luZQEAOw==') right 13px center no-repeat;
     margin-right: auto;
     margin-left: auto;
 }
 
 .directorio-profesionals .selectWrapper select {
     font-family: 'etelka-medium', cursive;
     color: #01589c;
     padding: 12px 40px 12px 20px;
     font-size: 1.1rem;
     line-height: 1rem;
     width: 100%;
     border: none;
     box-shadow: none;
     background: transparent;
     background-image: none;
     -webkit-appearance: none;
     outline: none;
     cursor: pointer;
     -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: ellipsis;
 }
 
 .perfil .profesional {
     padding: 20px;
     -webkit-box-shadow: 0px 8px 28px 0px rgba(0, 51, 90, 0.2);
     -moz-box-shadow: 0px 8px 28px 0px rgba(0, 51, 90, 0.2);
     box-shadow: 0px 8px 28px 0px rgba(0, 51, 90, 0.2);
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     border-radius: 20px;
 }
 
 .perfil .banner-especialidad {
     padding: 20px;
     -webkit-box-shadow: 0px 8px 28px 0px rgba(0, 51, 90, 0.2);
     -moz-box-shadow: 0px 8px 28px 0px rgba(0, 51, 90, 0.2);
     box-shadow: 0px 8px 28px 0px rgba(0, 51, 90, 0.2);
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     border-radius: 20px;
 }
 
 .filtrar-profesionals .card-header {
     font-family: 'etelka-medium', cursive;
     color: #01589c;
 }
 
 .filtrar-profesionals .card-header a {
     color: #01589c;
     display: block;
 }
 
 .filtrar-profesionals .card-header a:hover {
     color: #4fc2f8;
 }
 
 .especialidades ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 .especialidades ul li {
     display: inline-block;
     margin: 0 0 .3em 1em;
     padding: 0;
 }
 
 .especialidades ul li a {
     position: relative;
     display: inline-block;
     background-color: #5b7992;
     border-radius: 0 3px 3px 0;
     color: #fff;
     font-size: 13px;
     text-decoration: none;
     -webkit-transition: .2s;
     transition: .2s;
     border: 1px solid #5b7992;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     padding-top: 4px;
     padding-right: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
 }
 
 .especialidades ul li span {
     display: block;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
 .especialidades ul li a:hover {
     background-color: #acbac8;
     color: #fff;
 }
 
 .especialidades ul li a:hover::before {
     background-color: #555;
 }
 
 .carro {
     width: 600px;
     padding: 15px;
     font-size: 12px;
 }
 
 .mapa1 {
     position: relative;
     z-index: 0;
     left: 0px;
     top: 0px;
 }
 
 .mapa1 .comuna {
     position: absolute;
     left: 0px;
     top: 0px;
 }
 /**** CHAT - CONSULTAS ****/
 
 .consultas {
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #01589c;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #01589c;
     background-color: #f2eaf2;
 }
 
 .consultas .nombre {
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     background-color: #FFF;
     padding-top: 0.5%;
     padding-right: 10px;
     padding-bottom: 0.5%;
     padding-left: 10px;
 }
 
 .consultas .avatar {
     min-width: 40px;
     border-radius: 50%;
     max-width: 60px;
 }
 
 .consultas .chats {
     background-color: #fbf5fc;
 }
 
 .consultas .fecha {
     color: #4fc2f8;
     display: block;
 }
 
 .consultas .chat {
     margin-bottom: 5px;
     line-height: 50px;
     margin-top: 5px;
     background-color: #FFFFFF;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #fbf5fc;
 }
 
 .consultas .conversacion {
     background-image: url(../img/shadow1.png);
     background-repeat: repeat-y;
     background-position: left;
     position: relative;
 }
 
 .consultas .titulo {
     color: #FFFFFF;
     font-weight: bold;
     background-color: #01589c;
     line-height: 30px;
     padding: 10px;
 }
 
 .consultas .titulo2 {
     color: #01589c;
     font-weight: bold;
     background-color: #f2eaf2;
     line-height: 30px;
     padding: 10px;
     background-image: url(../img/shadow2.png);
     background-repeat: repeat-y;
     background-position: left;
 }
 
 .consultas .mensaje {
     color: #000000;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     padding-top: 4px;
     padding-right: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
     display: inline;
     margin-top: 5px;
     margin-bottom: 5px;
     font-size: 0.9rem;
 }
 
 .consultas .izq {
     background-image: url(../img/punta-izq.png);
     background-repeat: no-repeat;
     background-position: left top;
 }
 
 .consultas .der {
     background-image: url(../img/punta-der.png);
     background-repeat: no-repeat;
     background-position: right top;
 }
 
 .consultas .persona {
     color: #01589c;
     font-weight: bold;
 }
 
 .consultas .uno .mensaje {
     background-color: #f2eaf2;
 }
 
 .consultas .dos .mensaje {
     background-color: #efefef;
 }
 
 .mensajes {
     width: calc(100% + 24px);
     height: calc(100vh - 170px);
     overflow-y: scroll;
     overflow-x: hidden;
     background-color: #FFFFFF;
     padding: 10px;
     margin-left: -14px;
     background-image: url(../img/shadow1.png);
     background-repeat: repeat-y;
     background-position: left center;
 }
 
 .escribir {
     background-color: #f2eaf2;
     padding: 10px;
     position: -webkit-sticky;
     /* Safari */
     position: sticky;
     top: 0;
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #01589c;
     background-image: url(../img/shadow2.png);
     background-repeat: repeat-y;
     background-position: left center;
 }
 
 .escribir .input {
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
 }
 
 .btn-enviar {
     background-color: #4fc2f8;
     font-weight: bold;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     color: #FFFFFF;
     padding-right: 20px;
     padding-left: 20px;
 }
 
 .btn-enviar:hover {
     background-color: #9ed2e5;
     color: #FFFFFF;
 }
 
 .btn-enviar:focus {
     background-color: #4f837f;
     color: white;
 }
 /**** CHAT - CONSULTAS ****/
 /**** VER CARRO DE COMPRAS ****/
 
 .ver-carro .titulo {
     background-color: #01589c;
     color: #FFFFFF;
     font-weight: bold;
     font-size: 0.8rem;
     line-height: 32px;
 }
 
 .ver-carro {
     font-size: 0.9rem;
 }
 
 .ver-carro .elemento {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #acbac8;
 }
 
 .ver-carro .descuento {
     padding-top: 10px;
     text-align: right;
 }
 
 .ver-carro .custom-control.image-checkbox {
     position: relative;
     padding-left: 0;
 }
 
 .ver-carro .custom-control.image-checkbox .custom-control-input:checked~.custom-control-label:after,
 .custom-control.image-checkbox .custom-control-input:checked~.custom-control-label:before {
     opacity: 1;
     background-color: #01589c;
     border-radius: 50%;
 }
 
 .ver-carro .custom-control.image-checkbox label {
     cursor: pointer;
 }
 
 .ver-carro .custom-control.image-checkbox label:before {
     background-color: #acbac8;
     border: 1px solid #01589c;
 }
 
 .ver-carro .custom-control.image-checkbox label:after,
 .custom-control.image-checkbox label:before {
     transition: opacity .4s ease;
     opacity: 1;
     left: .25rem;
 }
 
 .ver-carro .custom-control.image-checkbox label:focus,
 .custom-control.image-checkbox label:hover {
     opacity: .8;
 }
 
 .ver-carro .custom-control.image-checkbox label img {
     border-radius: 10px;
     border: 1px solid #acbac8;
 }
 
 .ver-carro .form-group-image-checkbox.is-invalid label {
     color: #dc3545;
 }
 
 .ver-carro .form-group-image-checkbox.is-invalid .invalid-feedback {
     display: block;
 }
 /**** CARRO DE COMPRAS ****/
 
 .separador {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #7a7a7a;
     width: 100%;
 }
 /*PEDIDOS*/
 
 .ver1 {
     background-color: #FF00FF;
 }
 
 .ver2 {
     background-color: #00FFCC;
 }
 
 .ver3 {
     background-color: #CC00FF;
 }
 
 .pedidos {
     font-size: 0.9rem;
 }
 
 .pedidos .btn-info {
     font-family: 'etelka-medium', cursive;
     background-color: #5b7992;
     border-top-color: #5b7992;
     border-right-color: #5b7992;
     border-bottom-color: #5b7992;
     border-left-color: #5b7992;
     border-radius: 20px;
     font-weight: 300;
     width: 100%;
     font-size: 0.9rem;
 }
 
 .pedidos .btn-info:hover {
     background-color: #9dd2e6;
     border-top-color: #9dd2e6;
     border-right-color: #9dd2e6;
     border-bottom-color: #9dd2e6;
     border-left-color: #9dd2e6;
 }
 
 .pedidos .item-pedido {
     background-color: #fff;
     padding-top: 10px;
     padding-right: 20px;
     padding-bottom: 10px;
     padding-left: 20px;
     -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 51, 90, 0.2);
     -moz-box-shadow: 0px 6px 8px 0px rgba(0, 51, 90, 0.2);
     box-shadow: 0px 6px 8px 0px rgba(0, 51, 90, 0.2);
     border-radius: 10px;
     border: 1px solid #acbac8;
     margin-right: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
 }
 
 .pedidos .item-pedido .eventos {
     text-align: left;
     border-radius: 10px;
     background-image: url(../img/linea.png);
     background-repeat: repeat-y;
     background-position: left center;
     margin: 0px;
     padding: 0px;
 }
 
 .pedidos .item-pedido .evento {
     text-align: left;
     padding-bottom: 0px;
     color: #5b7992;
     background-repeat: no-repeat;
     background-position: left center;
     padding-left: 40px;
     min-height: 34px;
     display: block;
     padding-top: 0px;
     margin-bottom: 0px;
     margin-top: 0px;
     line-height: 30px;
 }
 
 .pedidos .item-pedido .pasado {
     background-image: url(../img/evento-pasado.png);
     background-position: left center;
 }
 
 .pedidos .item-pedido .actual {
     background-image: url(../img/evento-actual.png);
     background-position: left center;
     color: #9ed2e5;
     padding-top: 5px;
     padding-bottom: 5px;
 }
 
 .pedidos .item-pedido .problema {
     background-image: url(../img/evento-problema.png);
     background-position: left bottom;
     color: #ff6161;
 }
 
 .pedidos .item-pedido .entregado {
     background-image: url(../img/evento-entregado.png);
     background-position: left bottom;
     color: #24cb79;
 }
 
 .pedidos .item-pedido .evento .descripcion {
     margin: 0px;
     padding: 0px;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-bottom-color: #d8d8d8;
     display: inline-block;
 }
 
 .pedidos .item-pedido p {
     margin: 0px;
     padding: 0px;
 }
 
 .pedidos .item-pedido .fecha {
     text-align: center;
     border-radius: 10px;
     border: 1px solid #5b7992;
     padding-top: 4px;
     padding-bottom: 4px;
     color: #5b7992;
 }
 
 .pedidos .item-pedido .cuando {
     text-align: center;
 }
 
 .pedidos .item-pedido .numero {
     text-align: center;
     border-radius: 10px;
     border: 1px solid #b9c674;
     padding-top: 4px;
     padding-bottom: 4px;
     color: #b9c674
 }
 
 .pedidos .item-pedido .totalPedido {
     text-align: center;
     border-radius: 10px;
     border: 1px solid #24cb79;
     padding-top: 4px;
     padding-bottom: 4px;
     color: #24cb79;
     font-weight: bold;
 }
 
 .pedidos .item-pedido img {
     max-width: 140px;
     border: 1px solid #dee2e6;
 }
 
 .pedidos .nav-tabs {
     display: flex;
     justify-content: center;
     flex-direction: row;
 }
 
 .pedidos .btn {
     margin-bottom: 2px;
     margin-top: 2px;
 }
 
 .pedidos .entregado-en {
     border-radius: 30px;
     background-color: #24cb79;
     color: #FFFFFF;
     padding-right: 30px;
     padding-left: 30px;
     background-image: url(../img/evento-entregado.png);
     background-position: 5px center;
     background-repeat: no-repeat;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .pedidos .finalizado-problema {
     border-radius: 30px;
     background-color: #ff0000;
     color: #FFFFFF;
     padding-right: 30px;
     padding-left: 30px;
     background-image: url(../img/evento-problema.png);
     background-position: 5px center;
     background-repeat: no-repeat;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .spinner,
 .spinner-small {
     height: 44px;
     width: 64px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -24px 0 0 -24px;
     /*-webkit-border-radius: 36px;
     border-radius: 48px; */
     background-image: url(../img/procesando.gif);
 }
 
 .loading {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ffffff;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 99999;
     transition: 1s all;
     opacity: 0.8;
     display: none;
 }
 
 .procesando-imagen {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ffffff;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 99999;
     transition: 1s all;
     opacity: 0.8;
     display: none;
 }
 /**/
 
 .navbar-nav figure {
     margin: 0px!important;
     padding: 0px!important;
 }
 
 .navbar-nav figure img {
     margin-top: -1px!important;
 }
 /* fitness_check */
 
 .customcheck {
     display: block;
     position: relative;
     padding-left: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 0.9rem;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .customcheck input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }
 
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 20px;
     width: 20px;
     background-color: #eee;
     border-radius: 5px;
     border: 1px solid #01589c;
 }
 
 .customcheck:hover input~.checkmark {
     background-color: #ccc;
 }
 
 .customcheck input:checked~.checkmark {
     background-color: #01589c;
     border-radius: 5px;
 }
 
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 
 .customcheck input:checked~.checkmark:after {
     display: block;
 }
 
 .customcheck .checkmark:after {
     left: 7px;
     top: 3px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 
 .online {
     display: block;
     background-color: #00FF00;
     width: 20px;
     height: 20px;
     border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     position: absolute;
     bottom: 38px;
     left: 12px;
     z-index: 100;
 }
 
 .offline {
     display: block;
     background-color: red;
     width: 20px;
     height: 20px;
     border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     position: absolute;
     bottom: 38px;
     left: 12px;
     z-index: 100;
 }
 
 .totalMensajeCliente {
     display: inline-block;
     width: 20px;
     height: 20px;
     line-height: 18px;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     text-align: center;
     font-size: 10px;
     border: 2px solid #01589c;
     color: white;
     background-color: #01589c;
 }
 
 .usuarioSeleccionado {
     background-color: #01589c !important;
 }
 
 .texto-small {
     font-size: 0.7rem;
 }
 
 .texto-small p {
     font-size: 0.7rem;
     margin-bottom: 0px;
 }
 
 .dropdown-menu {
     z-index: 1000000;
 }