/** Navbar */

#header{
    border-bottom: 1px solid #0F1111;
}

.purple-icon {
    color: #0F1111;
}

.purple-dark {
    color: #0F1111;
}

.nav-canvas{
	background: #FFF;
}
#menusupder i{
	color: #0F1111;
}

#menusupder>li>a{
    color: #000;
}

.form-big-search .form-control{
  border: 1px solid #0F1111;
}

.search-overflow .btn{
	color: #000;
}

.btn-options{
  background: #000;
}

/** Categorías */
#main-menu{
  background: #0F1111;
}

#subnav .row{
  border-top: 1px dotted #0F1111;
}

#subnav > ul > li > a{
  color: #fff;
}


/* #subnav > ul > li:nth-child(1) > a{
  color: #000;
} */


#subnav > ul > li:hover > a,
#subnav > ul > li.active > a, 
#subnav > ul:not(.child-open) > li.selected > a{
  color: #0F1111;
  background: #fff;
}


#subnav .main-props li.selected > a{
  color: #0F1111;
}

#subnav > ul > li:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,.7);
}



/** footer */
footer{
	border-top: 4px solid #0F1111;
}


.footer-list i {
    color: #0F1111;
}



/** index */

.title-block .title-text{
  color: #000;
}

i.icon-new{
  border-bottom: 2px solid #0F1111
}


.panel-body .news-blog h2 {
    border-bottom: 1px solid #0F1111A0;
}




/** catalogue */
.ui-widget-header{
	background: #0F1111;
}

a {
    color: #428bca;
    text-decoration: none;
}


.breadcrumb a:hover {
    color: #0F1111;
}


.catalogue h1, .catalogue h2{
	border-bottom: 1px solid #0F1111
}


#left-container .recent-blog-content .container-fluid{
	border-bottom: 2px solid #0F1111	
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #FFFFFF !important;
    background-color: #0F1111;
}

.overlay{
  background: rgba(33,68,151,0.6);
}


#link-complete-desc, #link-trunc-desc {
    color: #0F1111;
}

.more-info:hover {
    background: #0F1111;
}


/** cart */

.purple{
  color: #0F1111;
}


.table-content .thead{
  background: #000;
}

.no-account .panel-heading, .guest-account .panel-heading, .with-account .panel-heading{
  background: #000;
  color: #FFF;
  font-weight: normal;
}

.no-account h5, .with-account h5, .guest-account h5 {
    font-weight: bold;
}


.guest_box:after, .register_box:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}


.guest_box {
    position: relative;
    background: #e9e9e9;
    padding: 5px;
    color: #6a6a6a;
    font-size: 11px;
    margin-bottom: 5px;
}

.guest_box:after {
    border-right-color: #e9e9e9;
    border-width: 14px 15px 5px 0;
    margin-top: -5px;
}

.register_box {
    position: relative;
    background: #e0ffd0;
    padding: 5px;
    color: #319100;
    font-size: 11px;
    margin-bottom: 5px;
}

.register_box:after {
    border-right-color: #e0ffd0;
    border-width: 14px 15px 5px 0;
    margin-top: -5px;
}




.no-account label, .with-account label, .guest-account label {
    font-weight: normal;
    font-size: 12px;
}


.table-content thead {
    background-color: #000;
    color: #fff;
}


.alert-newsletter {
    color: #ce9d00;
    background-color: #fff6d8;
    border: 1px dotted #0F1111;
}



.panel-default>.panel-heading{
  border-color: #0F1111;
}


/*Newsletter*/
.panel-default-newsletter{
  border: 1px solid #294a9b;
}


.btn-success-newsletter {
  background-image: none !important;
  border: 0px;
  background: #0F1111;
  background-image: none;
  color: #FFFFFF;
}

/* FIN Newsletter*/


/** Blog */

.news-blog h2{
  border-bottom: medium solid #0F1111;
}


.btn-yellow{
  border: 1px solid #0F1111;
}
.btn-yellow:hover {
    background: #0F1111;
}

#recent-blog span {
    border-bottom: 1px dotted #0F1111;
}


/** Usuario */

#user-menu .panel-heading, .user-fastmenu .panel-heading {
    background: #0F1111;
    color: #000;
}



#user-menu .selected i, #help-container .selected i {
    color: #0F1111;
}


#user-menu ul li:hover i, #help-container ul li a:hover i {
    color: #0F1111!important;
}


.light-btn {
    color: #FFFFFF!important;
    background-color: #0F1111;
}


.light-btn:hover, .light-btn:focus {
    background-color: #FFFFFF;
    color: #0F1111!important;
}


#user-menu-icons img:hover {
    background: #0F1111;
}


#user-menu-icons li{
  margin: 0 6px 0 6px;
}

#user-menu-icons p{
  max-width: 120px;
}



/* Vista de marca */
#families-box .btn:hover, #families-box .btn:focus, #families-box .btn:active, #families-box .btn.active, .open>#families-box.dropdown-toggle {
    background-color: #0F1111;
}


#properties-box li{
    background: #0F111133;
    height: 100%;
}

#properties-box li.active{
    background: #0F1111;
}


#properties-box li.active::after {
    border-top: 8px solid #0F1111;

}


  /*---- colores disponibles----*/
  .prod-colors{
    color: #999;
  }
  /*---- colores disponibles----*/

  /*----Tamaños disponibles----*/
  .prod-sizes{
    color: #999; 
  }

  .prod-sizes::before{
    background-image: url("/img/shop/48/size.png");
  }

  a.menu-brands{
    color: #000;
  }

  .nav>li>a.menu-brands:hover, .nav>li>a.menu-brands:focus{
    background: #FFF;
    color: #000;
  }



  .dark-btn, .a-btn {
    box-shadow: 0 5px 20px -3px #97f9ea;
    border-bottom: 2px solid #FFFFFF !important;
    border-radius: 4px !important;
    color: #fff;
    background: #0F1111;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 15px;
    text-shadow: #0F1111 1px 1px 1px;
    text-transform: uppercase;
    margin: 0 auto;
    transition: all .2s ease 0;
    border-top: 2px solid #FFFFFF !important;
    border-left: 0;
    border-right: 0;
}


.dark-btn:hover, .dark-btn:focus, .dark-btn:active, .a-btn:hover, .a-btn:focus, .a-btn:active {
    background: #294a9b !important;
    border-bottom: 2px solid #294a9b !important;
    border-top: 2px solid #0f2352 !important;
    text-shadow: #0f2352 1px 1px 1px;
    color: #fff !important;
}

.middle8{
  padding: 22px 0 !important;
 }

 .redC1{

  color : red; 
  display: inline-block;

 }


.hamburger{
  color: #0fa761!important
}

.color-green {
    color: green;
}

.promo-btn{
    background: #0F1111!important;
}

.landing-brand .btn.btn-primary{
  background: #0F1111!important;
  border-color: #0F1111!important;
  color: #fff;
}



.landing-brand .btn.btn-outline-primary{
  background: rgba(255,255,255,0);
  border-color:#0F1111;
  color:#0F1111;
}

.landing-brand .btn.btn-outline-primary:hover{
  background: #0F1111;
  border-color: #0F1111;
  color: #fff;
}

.landing-brand .btn.btn-outline-light:hover{
  background: #fff;
  border-color:#fff;
  color: #0F1111;
}

.landing-brand .card-body{
  color:#3b3e3e;
}

.landing-brand section.s-white .lb-nov-title{
  color:#0F1111;
}

.landing-brand section.s-white .lb-pro-title{
  color:#0F1111;
}

html .landing-brand .play-button.play-button--max:hover{
  background:#0F1111;
}

.btn-my-primary:hover {
    background: #0F1111;
    color: #fff;
}

.btn-my-primary {
    color:#0F1111;
}

.pro-brand-related h4, .pro-brand-related h5 {
    margin: 15px 0;
    font-size: 18px;
    color: #0F1111;
}

.btn-my-secondary {
    background: #0F1111;
    color: #fff;
}

.btn-my-secondary:hover {
    background: #111;
    color: #fff;
}
.container-medicine{
  width: 75%;
  margin-left: 25%;
  position: relative;
}
.menu-medicine-fix{
  padding-top: 60px;
  width: 25%;
  z-index: 10;
  position: fixed;
}

.alert-bf-medicine{
  margin-left: 24%;
}

/* #product-conditions .medicines-website{
  margin-right: -15px;
  margin-left: -15px;
} */

#product-conditions #medicines-links{
  width: 33.3%;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
}


#product-conditions .medicines-website img{
  width: 100%;
  max-width: 160px;
  height: auto;
  margin-bottom: 15px;
}

#left-container .medicines-website{
  max-width: 200px;
}

#left-container .medicines-website img{
  width: 100%;
  height: auto;

  margin-top: 20%;
}



#style-info-farmacia{
  font-size: 12px; 
  background-color: #E0F8F7; 
  box-shadow: 2px 2px 11px 3px;
  display: inline-block;
  text-align: left;
  margin-top: 35px;
}

#product-conditions #style-info-farmacia{
  width: 66.6%;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
}

#style-contacto-consejeria{
  font-size: 11px; 
  display: inline-block;
  text-align: left;
  border : #087021 1px dotted;
}



.badge-left.blackfriday-2020{
  background-image:url(/img/badges/blackfriday_price_apoteko.png);
}


.title-menu { 
  border: #0F1111 1px dotted;
}



.table-cupons th{
  padding: 5px;
  border: 1px solid #aaa;
  background-color: #000!important;
  color: #fff !important;
  font-weight: bold !important;
}


/** Parafarma Contact Style */

.modal-p-left{
  padding-left: 40px;
}

.modal-p-right{
  padding-right: 50px;
}

.parafarma-contact-modal .form-group input, 
.parafarma-contact-modal textarea {
  background-color: #eee;
  border: none;
  padding: 12px 15px;
  margin: 8px 0;
  width: 100%;
  resize: none;
}

.parafarma-contact img {
  height: 150px;
}

.parafarma-contact-modal .modal-p-left {
  color:white;
}
.parafarma-contact-modal .modal-p-left img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-left: 110px;
  margin-top: 20px;
}

.parafarma-contact-modal .modal-p-left .text-center{
  font-size: 22px;
  font-weight: bold;
  margin-top:12px;
}

.parafarma-contact-modal .modal-content, 
.parafarma-contact-modal .modal-header {
  background: linear-gradient(  90deg, #ffffff 50%, #37d097 50%);
  border:0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.parafarma-contact-modal .modal-body {
  padding: 0px 40px 0px 40px;
}

.parafarma-contact-modal .modal-p-right .btn,
.parafarma-contact .btn{
  margin-bottom: 15px;
  border-radius: 7px;
  color: #fff;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  background: #37d097;
}

/**End Parafarma contact style*/