// COLOR CORPORATIVO 
@corporativo: rgba(199,0,204,1.00);  // SÓLIDO
@corporativo05: rgba(199,0,204,0.5); //OPACIDAD 0.5
@borde4px: 0px 4px 0px 0px rgba(199,0,204,1); //BORDE INFERIOR 4PX
@borde3px: 0px 3px 0px 0px rgba(199,0,204,1); //BORDE INFERIOR 3PX
@borde2px: 0px 2px 0px 0px rgba(199,0,204,1); //BORDE INFERIOR 2PX
@border3px: 3px 3px 3px 3px rgba(199,0,204,1); //BORDE 3PX

#site-content {border-color: @corporativo !important;}



//MOVIL
@media (max-width: 576px) { 
  .ayuntamiento {display:none}
  .concejalia {display:none}}
//TABLET
@media (min-width: 577px) and (max-width: 991px) { 
  .ayuntamiento {display:none}
  .concejalia {display:none}}
//ESCRITORIO
@media (min-width: 992px) { 
  .ayuntamiento {display:inline}
  .concejalia {display:inline}}
// REDES SOCIALES
@media (max-width: 576px) { 
  .redes {display:inline}}
// teléfonos
@media (max-width: 576px) { 
  .tlf2 {display:none}}


.ganador {
  -webkit-box-shadow: 0px 3px 0px 0px @corporativo !important;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo !important;
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.ganador>input {
  color:#C700CC !important}
.entradas-row:hover {
  border-bottom: 2px solid @corporativo !important;} 
.jjdd-res-mod:hover {
  -webkit-box-shadow: 0px 3px 0px 0px @corporativo !important;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo !important;
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.jjdd-coment:focus, .jjdd-coment:hover {
  border-bottom: 3px solid @corporativo !important}


.user-ayto-error {
  color: @corporativo !important }
.textarea:hover, .textarea:target, .textarea:focus  {
  -webkit-box-shadow: 0px 3px 0px 0px @corporativo !important;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo !important;
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.jjdd-e-visit>span, .jjdd-e-local>span {
  color: @corporativo !important;}
.jjdd-content-movile:hover { 
  -webkit-box-shadow: 0px 3px 0px 0px @corporativo !important;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo !important;
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.jjdd-content-movile:hover::before {
  background: @corporativo !important;}
.jjdd-m-visit>span:nth-child(2), .jjdd-m-local>span:nth-child(2) {
  color: @corporativo !important;}
#jjdd-resultados-movil:hover>div:nth-last-child(2)>div {
  background: @corporativo !important;}

.clasif-row:hover {
  border-bottom: 2px solid @corporativo !important;}
.clasif-row:hover>.clasif-1>div:nth-child(3)>span {
  background:@corporativo !important;}
.jjdd-header-titulo {
  border-bottom: 3px solid @corporativo !important;}
.jjdd-zona:hover, .jjdd-torneo:hover,.jjdd-modalidad-webe:hover, .jjdd-torneo-webe:hover, .jjdd-jornada-webe:hover,
.rsv-numdias-webe:hover, .rsv-instalacion-webe:hover, .rsv-unidad-webe:hover {
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
  tbody tr:hover > td > div {
    background: @corporativo !important;}
tbody tr:hover > td > .number-input {
  background:  transparent !important;}


.clasif-row>div:first-child>div:nth-child(2)>span{
  color: @corporativo !important;}

@media (min-width: 770px) {
#title-grupos .titulo-page-add .buscador input {
  -webkit-box-shadow: 0px 3px 0px 0px @corporativo;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo;
  box-shadow: 0px 3px 0px 0px @corporativo;}
}
.spinner span:before {
  background-color: @corporativo !important;}
.spinner span:after {
  background-color: @corporativo !important;}
.spinner:before {
  background-color: @corporativo !important;}
.spinner:after {
  background-color: @corporativo !important;}
#img-infini-filtro {
  fill: @corporativo;}
.language-drop__button:hover{
  background: @corporativo !important;}
.pie-chart__legend span {
  color:@corporativo !important}
.counter-animated {
  color: @corporativo !important;}
hr.solid {
    background: @corporativo !important;}
#dismiss {
  border-bottom: 3px solid @corporativo !important;}
#sidebar .sidebar-header {
  border-bottom: 3px solid @corporativo !important;} 
#sidebarmovil .sidebarmovil-header {
  border-bottom: 4px solid @corporativo !important;}
.div-desplegable-escritorio .desplegable-wrap {
   -webkit-box-shadow: 0px 3px 0px 0px @corporativo !important;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo !important;
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.modal-dialog {
  -webkit-box-shadow: 0px 3px 0px 0px @corporativo !important;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo !important;
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.loginusuario {
  border-bottom: 3px solid @corporativo !important;}
.mensaje-no-reservas {
  border-bottom: 3px solid @corporativo !important;}
#literal, #literal input {
  color: @corporativo !important;}
.user-ayto-error-2{
  color: @corporativo !important;}
.user-log-title {
  border-top: 3px solid @corporativo !important;}
.bono-log-title {
  border-top: 3px solid @corporativo !important;}
.row-bono {
  border-bottom: 3px solid @corporativo !important;}
.entradas-header-titulo {
  border-bottom: 3px solid @corporativo !important;}
#misentradas-in {
  border-bottom: 3px solid @corporativo !important;}
.user-log-title2 {
  border-top: 3px solid @corporativo !important;}
.ver-inscrip1 {
  border-top: 3px solid @corporativo !important;}
.rsv-misreservas-titulo {
  border-bottom: 3px solid @corporativo !important;}
@media (max-width: 576px) {  
  .rsv-header-titulo {
    display: none;
    border-bottom: 3px solid @corporativo !important}
}
.rsv-header-titulo {
  border-bottom: 3px solid @corporativo !important;}
.rsv-actual {
  border-bottom: 3px solid @corporativo !important}
@media (max-width: 576px) {
.rsv-actual {
  border-right: 3px solid @corporativo !important;
  border-left: 3px solid @corporativo !important;
  border-bottom: 0px solid @corporativo !important}
}
.rsv-actual-anular {
  border-bottom: 3px solid @corporativo !important}
@media (max-width: 576px) {
.rsv-actual-anular {
  border-right: 3px solid @corporativo !important;
  border-left: 3px solid @corporativo !important;
  border-bottom: 0px solid @corporativo !important}
}



.ayto-desplegable:hover {
  -webkit-box-shadow: 0px 3px 0px 0px @corporativo !important;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo !important;
  box-shadow: 0px 3px 0px 0px @corporativo !important;}

#alertfooter input:hover {
  box-shadow: 0px 3px 0px 0px @corporativo !important;}

#dismiss:hover {
  color: @corporativo !important;}

#accordian li:hover { 
  border-left: 4px solid @corporativo !important;}
#accordian li.active {
  border-left: 4px solid @corporativo !important;}

.btn-tertiary:focus {
  box-shadow: 0px 3px 0px 0px @corporativo !important;}

.noticialink a {
  color: @corporativo !important;}

#contentCondiciones a {
  color: @corporativo !important;}

.user-ayto-error {
  color: @corporativo !important;}

.usererror {
  color: @corporativo !important;}


@media (max-width: 767px) {
.flex-item {
  border-bottom: 0px solid @corporativo !important;}
.flex3 {
  border-bottom: 3px solid @corporativo !important;}
.flex4 {
  border-bottom: 3px solid @corporativo !important;}
.flex-item {
  border-bottom: 3px solid @corporativo !important;}
}
.flex-item {
  border-bottom: 3px solid @corporativo !important;}

.bono-user-1:hover {
  -webkit-box-shadow: 0px 2px 0px 0px @corporativo !important;;
  -moz-box-shadow: 0px 2px 0px 0px @corporativo !important;;
  box-shadow: 0px 2px 0px 0px @corporativo !important;}


::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: @corporativo;
}

::selection {
  color: #fff;
  background: @corporativo;
}

// scroll
::-webkit-scrollbar-thumb:hover {
  background: @corporativo;}
::-webkit-scrollbar-thumb:active {
  background: @corporativo;}

// reservas
.div-desplegable-movil:hover::before {
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.swiper-slide-active{
  box-shadow: 0px -3px 0px 0px @corporativo, 0px 3px 0px 0px @corporativo !important;}
.rsv-recibo:hover {
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
#rsv-inscripcion-movil:hover {
  box-shadow: 0px 0px 0px 0px @corporativo !important;}
#ancla-pagar>button:hover, #ancla-pagar>button:active {
  box-shadow: 0px 0px 0px 0px @corporativo !important;}
.mbsc-selected {
  color: @corporativo !important;}
.mbsc-windows.mbsc-button-flat.mbsc-hover {
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.rsv-control-boton:hover {
  box-shadow: 0px 3px 0px 0px @corporativo !important;}
.rsv-info {
  border-top: 2px solid @corporativo !important;
  border-bottom: 0px solid @corporativo !important;}

.subunit-check-input:checked ~ .subunit-check-text {
  border: 2px solid @corporativo !important;}


@media (max-width: 576px) {  
.rsv-info-boton:hover {
  -webkit-box-shadow: 0px 3px 0px 0px @corporativo !important;
  -moz-box-shadow: 0px 3px 0px 0px @corporativo !important;
  box-shadow: 0px 3px 0px 0px @corporativo !important;}}
.rsv-info-boton:hover {
  -webkit-box-shadow: -3px 0px 0px 0px @corporativo !important;
  -moz-box-shadow: -3px 0px 0px 0px @corporativo !important;
  box-shadow: -3px 0px 0px 0px @corporativo !important;}  
.rsv-pista:hover {
  -webkit-box-shadow: -3px 0px 0px 0px @corporativo !important;
  -moz-box-shadow: -3px 0px 0px 0px @corporativo !important;
  box-shadow: -3px 0px 0px 0px @corporativo !important;}  
.rsv-pista-hacheover {
  -webkit-box-shadow: -3px 0px 0px 0px @corporativo !important;
  -moz-box-shadow: -3px 0px 0px 0px @corporativo !important;
  box-shadow: -3px 0px 0px 0px @corporativo !important;} 
  
// preloader
.progress-bar {
  background-color: @corporativo;}


// image lightbox
.img-thumbnail.img-thumbnail-hover-icon:before {
    background: @corporativo05 !important;}

// boton up
html .scroll-to-top:hover {
  color:@corporativo;}

// buscador de tablas
input:focus {
  -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important;}
input:hover {  
  -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important}
input:focus[readonly] {
  -webkit-box-shadow: #A2A2A2 !important;
  -moz-box-shadow: #A2A2A2 !important;
  box-shadow: #A2A2A2 !important;}
input:hover[readonly] {  
  -webkit-box-shadow: #A2A2A2 !important;
  -moz-box-shadow: #A2A2A2 !important;
  box-shadow: #A2A2A2 !important}


//tablas
tbody tr:hover {
  -webkit-box-shadow: @borde2px !important;
  -moz-box-shadow: @borde2px !important;
  box-shadow: @borde2px !important}




// sidevar lateral
#dismiss:hover {color: @corporativo !important;}
#sidebar ul li a:hover {border-color: @corporativo !important;}
#sidebar ul li a:active {color: @corporativo !important;}
a[aria-expanded="true"] {color: @corporativo !important;}

// formularios
.nice-select-wrap:focus {
  border-color: @corporativo !important; }
.option-input:hover {
  border: 3px solid @corporativo !important}
.checkbox-input:hover {
  border: 3px solid @corporativo !important;} 
.codeuser2 {
  box-shadow: @borde3px !important;}

// desplegables
.desplegable-wrap:hover {  
  -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important}
.desplegable-wrap ul a:hover {
   color: @corporativo !important;}


// botones
html .btn-outline.btn-primary:active {
  -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important}
html .btn-outline.btn-primary:hover {  
  -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important}
@media (min-width: 991px) {
html .btn-login:hover {
  -webkit-box-shadow: @borde4px !important;
  -moz-box-shadow: @borde4px !important;
  box-shadow: @borde4px !important}}
html .btn-outline.btn-primary-square:hover {  
  -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important}
html .btn-outline.btn-primary-square:active {
  -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important}

// login
.usuario {border-color: @corporativo !important;}

// boton actividades
html .featured-box-effect-2.featured-box-primary .icon-featured:after {
  box-shadow: 0 0 0 3px @corporativo !important;}
.icon-featured-boton :hover {
  color: @corporativo !important;}

.featured-box-effect-2 .icon-featured3:after {
  box-shadow: 0 0 0 3px @corporativo !important;}
.featured-box-effect-2 .icon-featured2:after {
  box-shadow: 0 0 0 3px @corporativo !important;}

// menu
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
  border-color: @corporativo !important}
#header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
  border-color: @corporativo !important}
#header .header-nav-main nav > ul > li > a:hover {
  border-color: @corporativo !important}

// carrusel
.thumb-info.thumb-info-borders{
    border-color: @corporativo !important}
.owl-carousel.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev {
    color: @corporativo !important}
.thumb-info .thumb-info-wrapper:after {
    content: "";
    background-color: @corporativo05 !important}

// noticias
html body .btn-light:hover, html body .btn-light.hover, html body .btn-outline.btn-light:hover, html body .btn-outline.btn-light.hover {
    border-color: @corporativo !important;
    color: @corporativo !important}
html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary.hover {
  border-color: @corporativo !important;}
.post-medium:hover {
    -webkit-box-shadow: @borde3px !important;
  -moz-box-shadow: @borde3px !important;
  box-shadow: @borde3px !important}