/***
Blue theme - Modified for Clínica San Vicente colors
***/

/***
Colores principales:
- Panel imágenes rotatorias: rgb(34, 214, 208) - #22d6d0
- Logo morado: rgb(160, 1, 122) - #a0017a
- Logo verde turquesa: rgb(0, 174, 172) - #00aeac
- Botón contacto: rgb(0, 178, 169) - #00b2a9
***/

/***
Reset and overrides  
***/
body {
  background-color: #00aeac !important;
}

/***
Page header
***/
.header {
  filter: none !important;
  background-image: none !important;
  background-color: #000000 !important;
}

.header .btn-navbar {
  background-color: #000000 !important;
}

.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
  color: #fff;
  background-color: #111111 !important;
}

.header .navbar-nav li.dropdown .dropdown-toggle i {
  color: #22d6d0 !important;
}

/***
Header Search
***/
.header .search-form .form-control{
  color: #22d6d0;
  background-color: #00aeac;
}

.header .search-form .submit {  
  background: url(../../img/search-icon-blue.png);
}

/***
Hor menu
***/
.header .hor-menu ul.nav li a {
  color: #ccc;
}

.header .hor-menu ul.nav li.open > a,
.header .hor-menu ul.nav li > a:hover,
.header .hor-menu ul.nav li > a:focus {
  color: #fff;
  background: #111111;
}

.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
  color: #fff;
  background: #00b2a9 !important;
}

.header .hor-menu .dropdown-menu {  
    background: #111111;
}

.header .hor-menu .dropdown-menu li > a {    
    color: #ccc;
}

.header .hor-menu .hor-menu-search-form-toggler.off {
   background: #111111 url(../../img/hor-menu-search-close-white.png) no-repeat center;
}

.header .hor-menu .search-form {  
  background: #111111; 
}

.header .hor-menu .search-form form input {
  color: #ccc;
}

.header .hor-menu .search-form .btn {
  color: #ccc;
  background: url(../../img/search-icon-white.png) no-repeat center;
}

.header .hor-menu .search-form form input::-webkit-input-placeholder {
    color: #ccc;
}
.header .hor-menu .search-form form input:-moz-placeholder {
    color: #ccc;
}
.header .hor-menu .search-form form input::-moz-placeholder {
    color: #ccc;
}
.header .hor-menu .search-form form input:-ms-input-placeholder {
    color: #ccc;
}

/***
Page sidebar
***/
.page-sidebar {
  background-color: #00aeac;
}

ul.page-sidebar-menu > li > a {
  border-top: 1px solid #22d6d0 !important;
  color: #ffffff !important;
}

ul.page-sidebar-menu > li a i {
  color: #22d6d0;
}

ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
  background: #009290;
}

ul.page-sidebar-menu > li.active > a {
  background: #000000 !important; /* Ahora el activo combina con header */
  border-top-color: transparent !important;
  color: #ffffff;
}

ul.page-sidebar-menu > li.active > a i {
  color: #ffffff;
}

/***
Footer 
***/
.footer .footer-inner {
  color: #22d6d0;
}

.footer .footer-tools .go-top {
  background-color: #00b2a9;
}

.footer .footer-tools .go-top i {
  color: #22d6d0;
}

/***
Botones personalizados
***/
.btn-primary,
.btn-contact {
  background-color: #00b2a9 !important;
  border-color: #00b2a9 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-contact:hover {
  background-color: #009290 !important;
  border-color: #009290 !important;
}

/***
Panel de imágenes rotatorias
***/
.carousel,
.slider-container,
.image-rotator,
.rotating-images {
  background-color: #22d6d0 !important;
  border-color: #22d6d0 !important;
}