/* --------------------------------------
=========================================
COLOR : RED

MAIN COLOR CODE: #008ed6

DEEP COLOR CODE: #005885
=========================================
----------------------------------------- */

/* GLOBAL CSS */

/* ==========================================================================
Typography
========================================================================== */

p {
  color: rgba(28, 54, 83, 0.6);
}
h2 {
  color: #3D4351;
}

h3 {
  color: #3D4351;
}

h4 {
  font-size: 18px;
}

h5 {
  color: #3D4351;
}
a {
  color: #008ed6 ;
}

a:hover,
a:focus {
  color: #005885 ;
}

body {
  color: rgba(28, 54, 83, 0.6);
}
.tooltip-inner {
  color: #fff;
  background-color: #000;
}



/* BUTTONS */

.btn.focus, .btn:focus {
  box-shadow: 0 0 0 0 rgba(0, 72, 255, 0.5);
}
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(0, 72, 255, 0.5);
}

.bordered-btn {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #008ed6 ;
}

.bordered-btn:focus {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #008ed6 ;
}

.bordered-btn:hover {
  color: #008ed6;
  background-color: transparent;
  background-image: none;
  border-color: #008ed6 ;
}

.bordered-btn:not(:disabled):not(.disabled).active, .bordered-btn:not(:disabled):not(.disabled):active, .show>.bordered-btn.dropdown-toggle {
  color: #fff;
  background-color: #008ed6 ;
  border-color: #008ed6 ;
}

/* border btn 2 - red text */
.bordered-btn-2 {
  color: #008ed6 ;
  background-color: transparent;
  background-image: none;
  border-color: #008ed6 ;
}

.bordered-btn-2:focus {
  color: #008ed6;
  background-color: transparent;
  background-image: none;
  border-color: #008ed6 ;
}

.bordered-btn-2:hover {
  color: #fff;
  background-color: #008ed6 ;
  background-image: none;
  border-color: #008ed6 ;
}

.bordered-btn-2:not(:disabled):not(.disabled).active, .bordered-btn-2:not(:disabled):not(.disabled):active, .show>.bordered-btn-2.dropdown-toggle {
  color:  #008ed6;
  background-color: #008ed6 ;
  border-color: #008ed6 ;
}

.call-to-action-btn {
  color: #fff;
  background-color: #008ed6 ;
  border-color: #008ed6 ;
}

.call-to-action-btn:focus {
  color: #fff;
  background-color: #008ed6 ;
  border-color: #008ed6 ;
}
.call-to-action-btn:active, .call-to-action-btn.active, .call-to-action-btn.active.focus, .call-to-action-btn.active:focus, .call-to-action-btn:active.focus, .btn-default:active:focus {
  color: #008ed6 ;
  background-color: #ececec;
}
.call-to-action-btn:hover  {
  color: #008ed6 ;
  background-color: #fff;
  border-color: #fff;
}

/* HEADER CSS */

/* ==========================================================================
Navigation
========================================================================== */
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #008ed6 ;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(232, 232, 232, 0.15);
}
.form-control.search-by-code {
  color: #cccccc;
  background-color:white;
  border: 1px solid transparent ;
  border-radius: 10px;
}

.form-control.my-imputs {
  /*color: #cccccc;*/
  background-color:transparent;
  border: 1px solid #008ed6 ;
}



.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
  background: #fff;
}

/* ==========================================================================
Hero
========================================================================== */

.hero .down-arrow a {
  color: #fff;
}

.hero h1 {
  color: #fff;
}

.hero p.intro {
  color: #fff;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.632);
}

.fixed {
  background-color: #232731;
}

/* header */

header {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

header a {
  color: #fff;
}

header ul.primary-nav li a {
  color: #fff;
}

header ul.primary-nav li a:hover {
  color: #008ed6 ;
}

header ul.member-actions li a {
  color: #fff;
}

header ul.member-actions li a:hover {
  color: #008ed6 ;
}

.down-arrow {
  color: #fff;
}

/* ==========================================================================
Intro
========================================================================== */

.intro span.icon {
  color: #008ed6 ;
}
.types-categories:hover {
  color: #008ed6 ;
}

/*buttons secundary styles*/

.btn-search-box.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #008ed6 40;
  border-color: #fff0;
}

.btn-search-box.btn-secondary {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.34);
  border-color: #fff0;
}


/* search box */

.search-box .search-body.categories {
  background: rgba(63, 63, 63, 0.8);
}


.search-box .search-body {
  background: #FFF;
  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
}

.search-box .search-body .select-category ul li.active,
.search-box .search-body .select-category ul li:hover {
  color: #fff;
  background-color: rgba(35, 31, 32, 0.8);
}

.search-box .search-body .select-category ul li {
  color: #aaaaaa;
}

.search-box .search-body.categories .forms {
  background: #1b1e21b8;
}

/* form custom select */

.forms .custom-select {
  color: #fff;
  background: rgba(0, 0, 0, .075) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
}


/* customs-radio-btn */
.customs-radio-btn input[type="radio"]:checked+label, .customs-radio-btn input[type="radio"]:checked p {
  color: #008ed6 ;
}



/* FOOTER COLORS */
footer .container .clearfix {
  border-bottom: 1px solid #008ed6 ;
}
footer .social-icons li a:hover {
  color: #008ed6 ;
}


/* OWL CAROUSEL */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #008ed6 ;
}


/* list */

/* show filter style */

.show-filters-on-phone {
  width: 100vw;
  background-color: #ffffff;
}
.show-filters-on-phone-link {
  color: #008ed6 ;
}
.show-filters-on-phone-link:hover, show-filters-on-phone-link:focus {
  color: #008ed6 ;
}

.colored-line, .colored-line-center {
  background: #008ed6 ;
}


/* sidenav */
.sidebar-heading .badge-warning {
  color: #d6d6d6;
  background-color: #008ed6 ;
}
.sidebar-heading .badge-warning:hover {
  color: #d6d6d6;
  background-color: #008ed6 ;
}

/* accordion */
.accordion__list .link__title .badge-count {
  background-color: #008ed6 ;
}

/**===================================
* Conf. clase link al estar activo submenu (con js)
====================================**/
.accordion li.open .link {
  color: #008ed6 ;
}

.accordion li.open i {
  color: #008ed6 ;
}

/**=======================
* Submenu
==========================**/
.submenu {
  display: none;
  background: #e9ecef;
  font-size: 0.95em;
}
.submenu a:hover {
  background: #008ed6 ;
  color: #fff;
}
.submenu li {
  border-bottom: 1px solid #ccc;
  padding: 8px;
}



/* material switches */

.switch-input:checked + .switch-label:before {
  background-color: #008ed6 4f;
}
.switch-input:checked + .switch-label:after {
  background-color: #008ed6 ;
}

/* products card */
.post-module .thumbnail {
  background: #000000;
}
.post-module .thumbnail .date {
  background: #008ed6 57;
  color: #FFFFFF;
  font-weight: 700;
}
.post-module .post-content {
  background: #FFFFFF;
}
.post-module .post-content .category {
  background: #008ed6 57;
  color: #FFFFFF;
}
.post-module .post-content .title {
  color: #333333;
}
.post-module .post-content .sub_title {
  color: #008ed6 ;
}
.post-module .post-content .description {
  color: #666666;
}
.post-module .post-content .post-meta {
  color: #999999;
}

.post-module .post-content .post-meta a {
  color: #999999;
}
.post-module .post-content .post-meta .btn-outline-secondary {
  color: #008ed6 ;
  background-color: transparent;
  background-image: none;
  border-color: #008ed6 ;
}
.post-module .post-content .post-meta .btn-outline-secondary:hover {
  color: #f0f0f0;
  background-color: #008ed6 ;
}


/* range slider colors */
/*SLIDER RANGE*/

.pmd-range-slider .noUi-connect {
  background: #008ed6 ;
}
.pmd-range-slider .noUi-handle:before {
  background: #008ed6 ;
}
.pmd-range-slider .noUi-tooltip {
  background: #008ed6 ;
  color: #ffffff;
}
.pmd-range-slider.noUi-horizontal .noUi-handle-upper .noUi-tooltip:before, .pmd-range-slider.noUi-horizontal .noUi-handle-lower .noUi-tooltip:before {

  background: #008ed6 ;
}


/* detail'view colors */

/* Vista detalle */

/* button next and preview */
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #1b1e214f;
  color: #FFFFFF;
  border: 1px solid #008ed6 ;
}
.owl-carousel .item {
  background-color: #e5c41a00;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #008ed6 ;
}

.dv-property-price {
  color: #008ed6 ;
}
.dv-property-title-section .dv-property-statuses {
  background-color: #008ed6 ;
  color: #fff;
}
.dv-btn.dv-btn-solid {
  color: #fff;
  background-color: #008ed6 ;
}
.dv-btn.dv-btn-solid:not(.dv-btn-custom-border-hover):hover {
  border-color: #008ed6 !important;
}
.dv-btn.dv-btn-solid:not(.dv-btn-custom-hover-bg):hover {
  background-color: transparent!important;
}
.dv-btn.dv-btn-solid:not(.dv-btn-custom-hover-color):hover {
  color: #008ed6 !important;
}
.dv-property-label-style h5 {
  color: #3d3d3d;
}
.dv-contact-info-list a:hover, .dv-contact-info-list li:hover {
  color:#008ed6 ;
}
.dv-contact-social-icons a:hover {
  color: #008ed6 ;
}



/* scroll up colors */
#scrollup {
  color: #fff;
  background: #008ed6 ;
  border: 1px solid #008ed6 ;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

/* dropdown countrys colors */
.dropdown-menu {
  color: #212529;
  background-color: #212529;
  background-clip: padding-box;
  border: 1px solid #008ed6 ;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #005885;
}
header ul.primary-nav li a:hover {
  color: #fff;
}




.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #008ed6 ;
}




/* profile colors style*/
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #008ed6 ;
  border-bottom: 2px solid #008ed6 ;
}
/* inbox Box  styles*/
.list-group-item.active {
  color: #fff;
  background-color: #008ed6 ;
  border-color: #008ed6 ;
}
.list-group-item.active .descrip-msg {
  color: #fff;
}
.email-inbox-header {
  background-color: #FFF;
}
.email-title .icon {
  color: #737373;
}
.email-title .new-messages {
  color: #8d8c8c;
}
.email-filters {
  background-color: #FFF;
}

.email-filters, .email-list-item {
  border-bottom: 1px solid #e6e5e5;
}
.email-list {
  background: #FFF;
}

.email-list-item {
  background-color: #fafafa;
}

.email-list-item--unread {
  background-color: #FFF;
}
.email-list-item--unread:after {
  background-color: #008ed6 ;
}

.email-list-item:hover {
  background-color: #f7f7f7;
}
.email-list-actions .favorite {
  color:#008ed6 ;
}
.email-list-item .msg {
  color: #737373;
}
.email-content {
  border-bottom: 1px solid #e6e5e5;
  background-color: #FFF;
}
.email-short-cuts .email-short-cuts-icon {
  color: #6a6a6a;
}
.email-short-cuts .email-short-cuts-icon:hover {
  color: #008ed6 ;
}
.response-section {
  background-color: #ececec;
}
.btn-primary.pmd-btn-flat {
  color: #008ed6 ;
  background-color: transparent;
}

/* index page colors */

/* types page colors */

/* assets1 page colors */
.image-content .descrip {
  color: #005885 ;
  background-color: white;
}
.fcard-price .price {
  color: #005885 ;
}
.fcard-btn .btn {
  color: #fff;
  background-color: #008ed6 ;
  border-color: #008ed6 ;
}
.fcard-btn .btn:hover {
  color: #f8f9fa;
  background-color: #005885;
}

/* detalles page colors */
.btn.btn-basa {
  color: #fff;
  background-color: #008ed6 ;
}
.carousel-indicators .active {
  background-color: #005885 ;
}
.sold-water-mark {
  background-color: rgba(0, 0, 0, 0.43);
  color: #008ed6;
}
.carousel-indicators .active {
  background-color: #008ed6;
}
.carousel-indicators .active {
  background-color: #008ed6;
}
.btn-basa:hover {
  color: #005885;
  background-color: transparent;
  border-color: #005885!important;
}

/* profile page colors */
.nav-pills .nav-link.active .f1-step-icon, .nav-pills .show>.f1-step-icon {
  /* margin-top: 0; */
  background: #fff;
  border: 4px solid #008ed6 ;
}
.f1-step.activated .f1-step-icon {
  background: #fff;
  border: 1px solid #008ed6 ;
  color: #008ed6 ;
}

.card-title {
  color: #008ed6 ;
}



/* ================= COLORES PARA MOVILES ================ */
@media screen and (max-width: 960px) {

  /*color de fondo del dropdown*/
  .dropdown-menu {
    color: #212529;
    background-color: #000!important;
    border: 1px solid #008ed6 ;
  }
}