body{
  height: 100%;
}
footer{
  min-height: auto !important;
  padding-top: 0px !important;
  border-top: 0px solid #128f76 !important;
}

.modal{
  z-index: 1000001 !important;
}

.tp-width-100{
  width: 100%;
}

.tp-btn-default-fine {
  margin-left: 0px;
  padding: 2px 5px !important;
  text-decoration: underline;
} 

.tp-btn-default-fine-green {
  margin-left: 0px;
  padding: 2px 5px !important;
  color: #41c0b1 !important;
  border: 1px solid #41c0b1 !important;
  text-decoration: underline;
}

/* GENERAL */
.text-color-toprun {
  color: #1ab394 !important;
}

.tp-modal-header{
  display: flex;
}

.tp-modal-title{
  width: 100%
}

.tp-modal-close{
  width: 45px;
}

.tp-display-flex{
  display: flex;
}

/* END GENERAL */

/* PANEL */
#toast-container > .toast:before {
  position: initial !important;
}
.tp-btn-file-org {
  position: relative;
  overflow: hidden;
}
.tp-btn-file-org input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.tp-panel-data-org {
  padding-bottom: 20px;
  border-bottom: 1px solid #1ab394;
}

.tp-panel-data-org-logo {
  display: block;
  height: 100%;
}

.tp-panel-inner-data-org-logo {
  height: 350px;
  width: 100%;
}

.tp-img-data-org-logo {
  margin-left: auto;
  width: 70%;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 992px) {
  .tp-panel-inner-data-org-logo {
    height: 200px;
    width: 100%;
  }
}

.tp-body-top {
  padding-top: 70px !important;
}
.tp-topmenu{
  position: fixed;
  z-index: 99999;
}
.navbar-static-top{
  position:fixed;
  width: calc(100% - 220px);
}
.mini-navbar .navbar-static-top{
  width: calc(100% - 57px);
}
#menu_panel{
  position:fixed;
}
.load-more {
  text-align: center;
}


.bdy-small .navbar-static-top{
  width: 100%;
}
.mini-navbar .navbar-static-top{
  width: calc(100% - 70px);
}
.perfil {
  display: block !important;
}
@media screen and (max-width: 1000px) {
  .navbar-static-top {
    position: fixed;
    width: 100%;
  }
}
.mini-navbar li.active .nav-second-level {
  left: 0px !important;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
  display: block !important;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  border-radius: 0 2px 2px 0;
  min-width: auto !important;
  height: auto;
}

/* GLOBAL */
.tp-text-align-center{
  text-align: center;
}

.tp-text-uppercase{
  text-transform: uppercase;
}

.tp-btn-default-trans{
  background-color: transparent !important;
  border: 1px solid #777777 !important;
  color: #777777 !important;
}

.tp-btn-default-trans-white{
  background-color: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}
/* END GLOBAL */

/**/
.tp-iframe-container{
  margin-top: 20px
}
/* PRECIOS */
/* precios */
.tp-prices{
  text-align: center;
  padding: 10px 10px;
  height: 360px;
}

.tp-prices-container{
  border: 1px solid #fafafa;
  border-top: 2px solid #41c0b1;
  margin-bottom: 15px;
  text-align: left;
  padding: 10px 0px;
  background: #ffffff;
  height: 100%;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
/* END precios */

/* precios-titulo */
.tp-prices-title{
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 0px 10px 10px 10px;
  height:52px;
  display: table;
}

.tp-prices-tooltip-info{
  color:#33c1b2;
  margin-right: 10px
}
/* END precios-titulo */

/* precios-precio */
.tp-prices-prices{
  width: 100%;
  height: 80px;
  display: table;
  margin-right: auto;
  margin-left: auto;
}
.tp-prices-price{
  width: var(--width);
  float: left;
  background: #eaeaea;
  color: #2c2e33;
  height: 80px;
  display: table;
  margin-right: auto;
  margin-left: auto;
}
.tp-prices-price-next{
  width: 40%;
  background: #a9a9a9;
  color: #2c2e33;
  height: 80px;
  display: table;
  margin-right: auto;
  margin-left: auto;
}
.tp-prices-price-signal{
  margin-top: 10px;
  margin-left: -1px;
}

.tp-prices-price-from{
  margin-bottom: -5px;
  text-align: left;
  font-size: 10px;
}

.tp-prices-price-money{
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 900;
  text-align: center;
}

.tp-prices-price-next-from{
  margin-bottom: -5px;
  text-align: left;
  font-size: 8px;
}

.tp-prices-price-next-money{
  font-size: 20px;
  font-weight: 900;
  text-align: center;
}

.tp-prices-price-next-info{
  text-align: left;
}

.tp-prices-price-next-info-open{
  font-size: 10px;
  margin-top: -5px;
}

.tp-prices-price-next-info-close{
  font-size: 10px;
}


.tp-center-div-auto{
  margin-right: auto;
  margin-left: auto;
}

.tp-text-align-center{
  text-align: center;
}

.tp-prices-price-container{
  display: table;
  margin-right: auto;
  margin-left: auto;
}

.tp-prices-price-competitor{    
  font-size: 12px;
  text-align: left;
  margin-top: -10px;
}
/* END precios-precio */

/* precios-descripcion */
.tp-prices-description{
  height: 30px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-size: 10px;
  padding: 0px 20px;
  color: #68696b;
}
/* END precios-descripcion */

/* precios-modalidad-info */
.tp-prices-info{    
  height: 90px;
  padding: 10px;
  font-size: 14px;
}

.tp-prices-modality-title{
  font-size: 15px;
  font-weight: bold;
}

.tp-prices-modality-category{ 
  font-size: 11px;
}

.tp-prices-modality-distinfo{ 
}

.tp-prices-modality-time{
  margin-top: 5px
}
.tp-prices-modality-track{
  margin-left: 0px;
  padding: 2px 5px !important;
  color: #41c0b1 !important;
  border: 1px solid #41c0b1 !important;
  text-decoration: underline;
}
/* END precios-modalidadad-info */

/* precios-button */
.tp-prices-button{
  text-align: center;
  font-size: 12px;
  list-style: none;
  bottom:10px;
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  color: #7d7d7d;height: 37px;
}

.tp-prices-button a{
  padding: 10px;
  width: 100%;font-size: 16px;

}

.tp-prices-button-complete{
  margin-top: 0px;
  text-transform: uppercase;
  color: #2c2e33;
  padding: 10px;
  border: 1px solid #2c2e33;
}
/* END precios-button */

/* ENDPRECIOS */

.tp-vertical-align-center{
  display: table-cell;
  vertical-align: middle;
}
.tp-container-vertical-align-center{
  display: table;
}

.tp-height-100{
  height: 100%;
}
/* END Cuotas */

/* Toastr custom style */
.toast-success {
  background-color: #1ab394 !important;
}

#toast-container {
  /*position: absolute !important;*/
  z-index: 999999 !important;
  /* top: 70px; */
  float: right !important;
}
.custom-toast{
  position: absolute !important;
  width: 25%;
}

@media screen and (max-width: 1650px) {
  .custom-toast{
    position: absolute !important;
    width: 35%;
  }
}

@media screen and (max-width: 1200px) {
  .custom-toast{
    position: absolute !important;
    width: 45%;
  }
}

@media screen and (max-width: 950px) {
  .custom-toast{
    position: absolute !important;
    width: 55%;
  }
}

@media screen and (max-width: 650px) {
  .custom-toast{
    position: absolute !important;
    width: 95%;
  }
}

#toast-container > .toast {
  background-image: none !important;
}

/*nuevo*/

.tp-evento-main{
  width: 100% !important;
  padding: 0px !important;
}

.tp-image-evento{
  background:url(/events/img/{{$evento->imgcabecera}});
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 350px;
}

.tp-header-evento{
  display: block;
  background:white;
  height: 60px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

.tp-footer-evento{
  display: none;
  left: 0px !important;
  width: 100% !important;
  background:white;
  height: 60px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  text-align: center;
}

.tp-div-inscribete{
  float: right;
}

.tp-btn-inscribete{
  margin-top: 0.9em;
}

.tp-div-infoevento{

}

@media screen and (max-width: 950px) {
  .tp-btn-inscribete{
    width: 97%;
  }
  .tp-div-inscribete{
    width: 100%;
    float: right;
  }
  .tp-header-evento{
    display: none;
  }
  .tp-footer-evento{
    display: block;
  }
  .tp-image-evento {
    border-bottom: 1px solid #ececec;
  }
}
.tp-main{
  margin-right: auto;
  margin-left: auto;
  width: 90% !important;
  margin-bottom: 30px;
}
body {
  background-color: #ffffff !important;
  min-width: 50px !important;
}
/* EVENTO */

/* END EVENTO */

/* EVENTO PANEL */
.mini-navbar .nav-second-level {
  background: #ffffff8a !important
}
.tp-panel-evento {
  width: 100%;
  padding: 1px;
  display: flex;
  margin-bottom: 0px;
  background: white;
  border-bottom: 1px solid #2c2e33;
}
.tp-panel-evento:hover {
  background: #2c2e330f;
}
.tp-panel-evento-a {
  width: 100%;
}

.tp-panel-evento-container {
  width: 100%;
  height: 100%;
  width: 100%;
  display: flex;
  /* padding: 0px 15px; */
  padding-right: 15px;
}
.tp-panel-evento-insc{
  text-align: center;
  padding-top: 4px;
  font-size: 15px;
  width: 25%;
  text-align: center;
  float: none;
  color: black
}
.tp-panel-evento-name{
  height: 90%;
  font-size: 15px;
  width: 100%;
  text-align: left;
  float: none;
  color: black;
  display: table !important;
}
.tp-panel-evento-date{
  padding-top: 4px;
  font-size: 15px;
  width: 100%;
  text-align: right;
  float: none;
  color: black;
  display: table !important;
}
.tp-panel-evento-state{   
  height: 100%;
  font-size: 15px;
  width: 50px;
  margin-right: 10px;
  background: #969696;
  text-align: center;
  float: none;
  color: white;
  display: table !important;
}
.tp-estado-1{
  color: #969696;
}
.tp-estado-2{
  color: #1ab394;
}
.tp-no-activo{
  color: red;
}
.tp-estado-3{
  color: #969696;
}
.tp-estado-4{
  color: #969696;
}

.tp-estado-5{
  color: #969696;
}

tbody .table-tr:hover {
  background: #1ab39417;
  cursor: pointer;
}


.tp-text-align-center{
  text-align: center;
}
.wrapper-content {
  background: white;
}
.tp-panel-search{
  display: flex;
  margin-bottom: 20px;
  padding:20px;
  background: white;
  width: 100%;
  padding-top: 83px;
}
/* END EVENTO PANEL */

/* TIENDA */
.tp-shop{
  display: flex;
}
.tp-products{
  width: 100%;
  margin-right: 10px;
}

.tp-product-name {
  font-size: 16px;
  color: #676a6c;
  display: block;
  margin: 2px 0 5px 0;
}
.tp-product-price {
  font-size: 12px;
  margin: -5px 0px 5px 0px;
  color: #676a6c;
  right: 0;
}
.tp-product-colors {    
  height: 20px;
  width: 100%;
  color: #ffffff;
  float: left;
  left: 5px;
}
.tp-product-color {   
  cursor: pointer; 
  height: 20px;
  padding: 2px;
  width: 20px;
  border-radius: 15px;
  float: left;
}
.tp-product-color-item {    
  height: 12px;
  width: 12px;
  color: #ffffff;
  position: absolute;
  border-radius: 15px;
  float: left;
  background-color: var(--color);
}
.tp-product-color-select {    
  border-color: #121314 !important;
  border: 1px solid transparent;
  width: 16px;
  height: 16px;
  padding: 1px;
  border-radius: 16px;
}
.tp-product-info{
  background: #ffffff;
  display: grid;
  padding: 5px 10px;
  border: 1px solid #f9f9f9;
}

.tp-product{
  box-shadow: 1px 0px 5px 0px #00000005;
}

.tp-product-div-img {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 0px 0;
  background-color: #ffffff;
  color: #bebec3;
  font-weight: 600;
}

.tp-product-img {
  width: 100%;
  height: 200px;
  background: var(--url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.tp-product-div-add{    
  padding: 2px;
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

.tp-product-div-tallas{       
 position: absolute;
 bottom: 0;
 z-index: 1;
 width: 100%;
 padding-top: 18px;
 padding-bottom: 18px;
 background: #fff;
 opacity: 0.85;
 transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}

.tp-product-add{    
  width: 100%;
  margin-bottom: 0px !important;
}

.tp-product:hover .tp-product-div-add {    
  transform: translate3d(0,0,0) !important;
}

.tp-product:hover .tp-product-div-add {    
  transform: translate3d(0,0,0) !important;
}

.tp-product:hover .tp-product-div-add-close {    
  transform: translate3d(0, 50px, 0) !important;
}

.tp-product:hover .tp-product-tallas-open {    
  transform: translate3d(0,0,0) !important;
}
.btn-primary:focus {
  outline: none; 
}
.tp-produc-tallas-title{
  font-family: "mango-light",Arial;
  font-size: 13px;
  line-height: 20px;
  color: #121314;
  letter-spacing: 0.3px;
}
.tp-product-tallas{
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 8px;
  height: auto;
  width: 100%;
}
.tp-product-talla{    
  font-size: 13px;
  line-height: 20px;
  color: #121314;
  background-color: rgba(255,255,255,0.8);
  border-bottom: 1px solid transparent;
  padding: 5px 10px;
  font-family: "mango-light",Arial;
  font-size: 13px;
  color: #323438;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

/* Carrito */

.tp-cart{    
  min-width: 300px;
  padding: 10px;
  border: 1px solid #e2e2e2;
}
.tp-cart-title{
  height: 30px;
  width: 100%;
}
.tp-cart-products{
  padding: 5px 0px; 
  max-height: 300px;
  overflow: hidden;
}

.tp-cart-div-total{
  padding: 5px 0px; 
  height: 30px
}


.tp-cart-total{
  float: right;
}


.tp-cart-total-text{
  font-weight: bolder;
  float: left; 
}

.tp-cart-products-empty{
  width: 100%;
  text-align: center;
}

.tp-cart-product{
  width: 100%;
  height: 70px;
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 5px;
  position: relative;
}
.tp-cart-product-img{
  height: 100%;
  width: 70px;
  background: var(--url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}
.tp-cart-product-info{
  height: 100%;
  float: left;
} 

.tp-cart-product-info-text{ 
  text-align: left;
  font-size: 10px;
  color: #888888;
  display: block;
  /* margin: 2px 0 5px 0; */
} 
.tp-cart-product-info-name{   
  font-weight: bold;
  text-align: left;
  font-size: 12px;
  color: #2C2E34;
  display: block;
}   
.tp-cart-product-price{
  font-weight: bold;
  float: right;
  font-size: 12px;
  color: #2C2E34;
  display: block;
}
.tp-cart-product-delete {
    right: 0px;
    font-size: 12px;
    list-style: none;
    position: absolute;
    bottom: 10px;
    cursor: pointer;
    float: right;
    text-align: right;
    width: 30px;
}

.tp-cart-div-buy{
  width: 100%;
}

.tp-cart-buy{
  padding: 5px;
  width: 100%;
}
.tp-cart-scroll-down{
  border-top: solid 1px;
  width: 100%;
  text-align: center;
}
.tp-cart-scroll-up{
  border-bottom: solid 1px;
  width: 100%;
  text-align: center;
}

.tp-footer-products {
  margin-top: 20px !important;
  padding: 10px;
}

.tp-footer-show-cart{
  width: 100%;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 0px;
}
@media screen and (max-width: 950px){ 

  .tp-products {
    margin-right: 0px;
  }
  
  .tp-footer-evento {
    display: flex;
  }

  .tp-cart {
    display:block;
    width: 100%
  }

  .tp-cart-float{
    width: 100%;
    margin-top: 20px;
    background: white;
    z-index: 1000;
    position: fixed;
    bottom: 60px;
    margin-left: 0px;
    width: 100%;
    padding: 10px;
    left: 0px;
  }
  .tp-cart-float-hide{
    display: none;
  }
  form{
    display: block !important;
  }

  .tp-shop{
    display: block;
  }

}
/*END TIENDA*/

/* PEDIDO */
.tp-order-form {
  width:100%;
  display: inline-block;
}
.tp-order {
  display: flex;
}

.tp-order-shipping {
  display: flex;
}

.tp-order-lines {
  width: 100%;
  margin-right: 20px;
  border: 1px solid #e2e2e2;
  padding: 10px 10px;
}

.tp-order-line{
  width: 100%;
  height: 70px;
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 0px;
  position: relative;
  margin-bottom: 10px;
}
.tp-order-line-img {
  height: 100%;
  width: 70px;
  background: var(--url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}
.tp-order-line-info{
  height: 100%;
  float: left;
}
.tp-order-line-price{
  font-weight: bold;
  float: right;
  font-size: 13px;
  color: #2C2E34;
  display: block;
  padding: 20px;
}

.tp-order-line-info-text{
  text-align: left;
  font-size: 10px;
  color: #888888;
  display: block;
}
.tp-order-line-info-shipping-name{
  text-align: left;
}
.tp-order-line-info-name{

}

.tp-order-shipping-right{
  display:block;
  min-width: 300px;
  padding: 10px;
  height: 200px;
}

.tp-order-pay {
  display:block;
  min-width: 300px;
  padding: 10px;
  border: 1px solid #e2e2e2;
  height: 230px;
}

.tp-order-pay-title {
  border-bottom: 1px solid #e2e2e2;
}

.tp-order-pay-button {    
  padding: 10px;
  width: 100%;
}

.tp-order-pay-total {
  text-align: center;
  padding-top: 20px;
}
.tp-order-pay-total-text {
}
.tp-order-paid{    
  width: 100%;
  color: #33c1b2;
  text-transform: uppercase;
  text-align: center;
  /* padding: 5px 0px; */
  line-height: 2em;
  background: #ffffff;
}
.tp-order-pay-total-price {
  margin-top: 0px !important;
}
.tp-footer-order {
  margin-top: 20px !important;
  padding: 10px;
}
.tp-footer-order-price {
  width:100%;
}
.tp-footer-order-button {
  width:100%;
  margin-bottom: 0px
}
@media screen and (max-width: 950px){ 

  .tp-order-lines {
    margin-right: 0px;
  }

  .tp-footer-evento {
    display: flex;
  }

  .tp-order-pay {
    display:none;
  }
  .tp-order-shipping-right {
    display:none;
  }

}
/* END PEDIDO */

/* MENU */
.nav-header {
  padding: 33px 25px;
  background: transparent;
}
.menu-bg {
  opacity: 0.3;
  background-image: url(/assets/img/fondo_toprun_menu.png);
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}
#menu_panel .active{
  border-right: 5px solid white;
  background: rgba(255,255,255,0.2);
}

#menu_panel li>a {
  color: white;
}
#menu_panel ul {
  height: 100%;
  position: relative;
  z-index: 4;font-variant-caps:        
}
li#menu a {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background: transparent;
}
.navbar-right .dropdown-menu {
  right: 0;
  left: auto;
}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
  background-color: #81b8b4b5;
  color: white;
}
.caret {
  margin-bottom: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px solid #000;
  border-right: 6px solid transparent;
  border-bottom: 0 dotted;
  border-left: 6px solid transparent;
}
/* INSCRITO / MI INSCRIPCION */


.title-content{
  border-bottom: 0px dashed;
  padding-bottom: 5px;
}


.event-image {
  float: left;
  height: 170px;
  margin-bottom: 10px;
}
.event-image img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.event-data{
  margin-bottom: 10px;
  display: table;
}

.event-info{
  margin-left: 0px;
  width: 100%;
  display: flex;
}
.event-title{
  font-style: italic;
  font: x-large font-light;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* END Mi inscripción */

.container-info-insc {
  padding: 0px !important;
  display: flex;
}

@media (min-width: 700px) { 

  .event-data {
    margin-bottom: 10px;
    display: flex;
  }
  .event-info{
    margin-left: 15px;
    width: 100%;
    display: flex;
  }
  .event-image {
    float: left;
    height: 170px;
    margin-bottom: 0px;
  }
  .event-image img {
    display: block;
    height: 100%;
    width: auto;
    object-fit: contain;
  }

  /* Mi inscripción */

  .container-info-insc{
    padding: 0px;
    display: flex;
  }

  .block-info-insc{
    width: 60%;
    float: left;
  }

  .block-price-insc{
    width: 40%;
    float: left;
  }


  .event-title{
    font: xx-large font-light;
  }

}
.event-info-block{
  width: 100%;
  display: flex;
}
.event-info-item{
  margin: 5px 0px;
  border-bottom: 0px solid #bfbfbf59;
}
.event-other-item{  
  width: 100%;
}
/* END INSCRITO / MI INSCRIPCION */


/* NUEVO */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #1e2a36 !important;
  border-color: #161f29 !important;
}

.default {
  background-color: #ffffff !important;
  border: 1px solid #777777 !important;
  color: #777777 !important;
}


.default-trans {
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

a.btn.btn-primary:hover {
  border-color: #000000 !important;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.4);
}

.margin-right-title{
  margin: 0px 15px 0px 0px;
}

.tp-ibox-content {
  border-top: 1px solid #81b8b4;
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  box-shadow: 0px 2px 5px 0px #e4e4e4;
  width: 100%;
}

.tp-inscrito-satus-1-0 {
  color: #fff;
  background-color: #CC2522;
  border-color: #CC2522;
  padding: 10px;
  margin-bottom: 15px
}

.tp-inscrito-satus-101 {
  color: #fff;
  background-color: #CC2522;
  border-color: #CC2522;
  padding: 10px;
  margin-bottom: 15px
}

.tp-inscrito-satus-1 {
  color: #fff;
  background-color: #f39c12;
  border-color: #f39c12;
  padding: 10px;
  margin-bottom: 15px
}
.tp-inscrito-satus-2 {
  color: #fff;
  background-color: #f39c12;
  border-color: #f39c12;
  padding: 10px;
  margin-bottom: 15px
}
.tp-inscrito-satus-3 {
  color: #fff;
  background-color: #33c1b2;
  border-color: #33c1b2;
  padding: 10px;
  margin-bottom: 15px
}
.tp-inscrito-satus-4 {
  color: #fff;
  background-color: #CC2522;
  border-color: #CC2522;
  padding: 10px;
  margin-bottom: 15px
}
.tp-inscrito-satus-5 {
  color: #fff;
  background-color: #CC2522;
  border-color: #CC2522;
  padding: 10px;
  margin-bottom: 15px
}

.tp-inscrito-satus-16 {
  color: #fff;
  background-color: #CC2522;
  border-color: #CC2522;
  padding: 10px;
  margin-bottom: 15px
}

.tp-space-bottom-20{
  margin-bottom: 20px;
}

#wrap{
  min-height: calc(100% - 150px);
}
.tp-grid-eventos{
  background: white;
  height: 250px;
  border: 1px solid #2c2e331a;
  margin-bottom: 15px;
}
.tp-grid-eventos:hover{
  box-shadow: 3px 4px 12px 0px #2c2e336e;
  border: 0px solid #2c2e331a;
}

.tp-name-evento{
  color: #2c2e33;
  padding: 0px 10px;
}

.tp-date-evento{
  font-size: 10px;
  color: #7d7d7d;
  width:30%;
  float: left;
}

.tp-location-evento{
  font-size: 10px;
  color: #7d7d7d;
  width:70%;
  float: left;
  text-align: right;
}

.tp-back-filtro{
  font-size: 20px;
  float: left;
  padding: 13px 20px;
  border: 1px solid #33c1b2;
}

.tp-back-filtro:hover {
  color: #33c1b2;
  cursor:pointer;
  text-decoration: underline;
  box-shadow: 0px 2px 5px 0px #b5b3b3;
}

.tp-option-filtro{
  float: left;
  padding: 10px 30px;
  border: 1px solid #33c1b2;
  margin: 0px 5px; 
  cursor:pointer;
}

.tp-option-filtro:hover{
  box-shadow:rgb(156, 156, 156) 0px 2px 5px 0px;
}
#navbar-main-collapse ul.nav.navbar-nav li.active a {
  background-color: #ffffff00;
  text-decoration: underline;
  text-decoration-color: #71d6cb;
  text-decoration-style: solid;
}

.tp-separator-breadcrumb {
  color: #33c1b2;

}

.tp-item-breadcrumb {
  color: #2c2e33;
  cursor:pointer;
}

.tp-item-breadcrumb:hover {
  color: #33c1b2;
  cursor:pointer;
  text-decoration: underline;
}

.tp-default-btn{   
  padding: 10px 30px;
  border: 1px solid #cdced0;
  cursor: pointer;
  background: white;
  color: #2c2e33;
}

.tp-default-btn:hover{
  box-shadow:rgb(156, 156, 156) 0px 2px 5px 0px;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  color: #ffffff;
  background-color: transparent;
  text-decoration: underline;
}
/* END NUEVO */

body{
  background-image: url('') !important;
  background-color: #fff !important;
}
/* Panel */
.row {
  margin-right: 0px;
  margin-left: 0px;
}

#page-wrapper {
  padding: 0 0px !important;
  min-height: 568px;
  position: relative !important;
}

#toast-container {
  /*position: sticky !important;*/
  z-index: 999999 !important;
  top: 70px;
  /* top: 70px; */
  float: right !important;
}
.grid-celdas {
  border: 5px solid #fff;
  background-size: cover;
}
.grid-celdas:before {
  background: #ffffff;
}
.grid-celdas:after {
  background: #ffffff;
}
.row-bloques {
  padding: 0px 10px;
}
a.btn.btn-primary {
  margin-bottom: 5px !important;
}

/* Table Scroll */

.table-scroll {
  position:relative;
  max-width:100%;
  margin:auto;
  overflow:hidden;
}
.table-wrap {
  width:100%;
  overflow:auto;
}
.table-scroll table {
  width:100%;
  margin:auto;
  border-collapse:separate;
  border-spacing:0;
}
.table-scroll th, .table-scroll td {
  padding:5px 10px;
  border:1px solid #000;
  background:#fff;
  white-space:nowrap;
  vertical-align:top;
}
.table-scroll thead, .table-scroll tfoot {
  background:#f9f9f9;
}
.table-scroll  th {
  min-width: 100px;
}

/* RunPass */
.logo-runpass-header-info{
  width: 100%;
  height: 40px;
  background: url(/events/img/logo-runpass.400.png) #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -40px;
  z-index: 0;
  position: relative;
  box-shadow: 0px -6px 20px 0px #0000001c;
}

/* Botones */
.btn-primary {
  background-color: #33c1b2;
  border-color: #5d9692;
  color: #FFFFFF;
}

/* Estados */
.estadoInscSinConfirmar{
  color:#f39c13;

}

.estadoInscConfirmado{
  color:#33c1b2;
}

.estadoInscCancelada{
  color: #c13333;
}

/* Css propio */

/* */

.tp-centrado-vertical{
  display: table !important;  

}

.tp-centrado-vertical-child{
  display: table-cell !important; 
  vertical-align: middle !important;
}

/** Paneles info **/
.tp-panel-eventos{
  height: 50px;
}

.tp-panel-inscripciones{
  height: 80px;
}

.tp-panel-info{
  width: 100%;
  padding: 2px; 
  display: flex;
  margin-bottom: 10px;
  background: white;
  box-shadow: 0px 0px 10px 0px #2c2e3330;
}

.tp-panel-info:hover{
  box-shadow: 1px 2px 9px 0px #2c2333a1;
  border: 0px solid #0000001f;
}

.tp-panel-info-container{
  width: 100%;
  padding: 2px;
  margin-bottom: 10px;
  background: white;
}

.tp-panel-info-container-data{
  width: 100%;
  display: flex;
  height: 50px;    
  padding: 0px 15px;
}

.tp-panel-info-container-footer{
  padding: 0px 15px;
  width: 100%;
  text-align:left;
  float: none;
  height: 20px;
  color: #2c2e3385;
  font-size: 12px
}

.tp-panel-info-container-footer-item{
  padding-right: 20px;
}

.tp-panel-info-col{
  font-size: 15px;
  width: 25%;
  text-align:left;
  float: none
}
.tp-panel-mis-inscripciones-col {
  font-size: 15px;
  width: 100%;
  text-align: left;
  float: none;
}

.tp-panel-info-button{
  width: 50px;
  height: 100%;
  float: right; 
  border-left: 1px solid #0000001f;
  text-align: center;
  padding: 2px;
}

.tp-panel-info-button i{
  color: #2c2e3385
}

.tp-panel-info-button:hover i{
  color: #37c1b2
}

/** END Paneles info **/


/** Contenedores **/
.tp-bloques{
  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 2px 5px 0px #e4e4e4;
}

/* Boton */
.tp-texto-secundario-boton{
  font-style: oblique;
  text-transform: none;
}

/** Contacto **/

#map {
  height: 350px;
  width: 100%;
}

.container-contact {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}
.b-line {
  position: relative;
  width: 60px;
  height: 3px;
  background: #222;
  display: block;
  margin: 0 auto;
}
.l-left {
  margin: 0;
}
.btn-primary {
  padding-left: 20px;
  padding-right: 20px;
}

.title-section{
  font-weight: 700;
  font-family: Montserrat Alternates, "Open Sans", Helvetica, Arial, sans-serif
}

.title-section-normal{
  font-weight: 700;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif
}

.separator-title{
  height: 2px;    
  background: #33c1b2;
  width: 70px;
  margin-bottom: 5px;
}

.mascota-contacto{
  height: 150px;
  width: 100%;
  /* margin-top: 20px;*/
  background: url('/assets/img/toprun_mascota_contacto-bocadillo.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-form{
  padding: 0px 70px
}
.has-error {
  border: 1px solid red;
  color: red;
}
.form-control {
  border-width: 1px !important;
}
.error-text{
  color: red;
}
#searchSelectorResult{
  z-index: 1;
  list-style: none;
  padding: 0px;
  width: 250px;
  position: absolute;
  margin: 0;
  background: white
}

#searchSelectorResult li{
  background: #31c0b0;
  border-radius: 4px;
  color: white;
  padding: 4px;
  margin-bottom: 1px;
}

#searchSelectorResult li:hover{
  cursor: pointer;
}


.second-header-contact {
  background-image:  url('/assets/img/toprun-bg-contacto-2.jpg'); 
  height: 200px;
  width: 100%;
  box-shadow: inset -1px -2px 17px 5px #2c2e3382;
}


.header-contact {
  height: 400px;
  width: 100%;
  /*background: #2c2e33; */
  background-image:  url('/assets/img/toprun-bg-contacto.jpg'); 
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: inset 5px -6px 17px 1px #00000082;
}
.header-contact:after{
  height: 400px;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image:  url('/assets/img/toprun-overlay.png'); 
  z-index: 1;
}

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* Team */
.team{
  width: 100%;
  display: table;
  margin-top: 50px;
  margin-bottom: 50px;
}

.team-item{
  text-align: center;
}

.team-item img{
  width: 65%
}

.team-item-image div{
  width: 100%;
  height: 220px;

}

.team-item-andres{
  background-image: url('/assets/img/toprun-andres-team.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-andres-mobile{
  background-image: url('/assets/img/toprun-andres-team-hover.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-andres:hover{
  background-image:  url('/assets/img/toprun-andres-team-hover.png'); 

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-raul{
  background-image: url('/assets/img/toprun-raul-team.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-raul-mobile{
  background-image: url('/assets/img/toprun-raul-team-hover.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-raul:hover{
  background-image:  url('/assets/img/toprun-raul-team-hover.png'); 

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-javi{
  background-image: url('/assets/img/toprun-javi-team.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-javi-mobile{
  background-image: url('/assets/img/toprun-javi-team-hover.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-javi:hover{
  background-image:  url('/assets/img/toprun-javi-team-hover.png'); 

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.team-item-info{
  margin-top: 20px;
}

.team-item-info-name{
  width: 100%;
  font-weight: bold;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.team-item-info-cargo{
  width: 100%;    
  float: left;
  font-weight: 400;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.team-item-info-social{
  margin: auto;
  display: table;   
  padding-top: 20px;
  padding-bottom: 20px;
}
.team-item-info-social-item{
  background: #33c1b2;   
  width: 20px;
  border-radius: 5px;
  float: left;
  margin-right: 5px;
}
.team-item-info-social a{
  padding: 10px;
  font-size: 20px;
}
.email-send-success{
  margin-top: 10px;
  color: #2c3e50;
  font-size: 20px;
  text-align: center;
  border: 0px solid white !important
}

/* Media query */
@media only screen and (max-device-width: 1366px) {
  /* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
  .parallax {
    background-attachment: scroll;
  }
}

@media (max-width: 991px) {
  .contact-form {
    padding: 0px 30px;
  }
  .tp-panel-info-col{
    font-size: 12px;
    width: 25%;
    text-align:left;
    float: none
  }

  .tp-panel-info-container-footer{
    font-size: 10px
  }
}
.dropdown-menu {
}

@media (max-width: 550px) {
  .tp-panel-info-col{
    margin-top: 5px;
    font-size: 12px;
    width: 50%;
    text-align:left;
    float: left
  }
  .tp-panel-info-container-data {
    width: 100%;
    display: table;
    height: 50px;
    padding: 0px 15px;
  }
  .tp-panel-info {
    height: 115px;
  }

  .tp-panel-info-container-footer-item {
    padding-right: 20px;
    width: 100%;
    float: left;
  }
}
</style>


.navbar-nav .open .dropdown-menu{
  position: absolute !important;
  margin-top: 10px !important;
}
.count-info {
 line-height: 10px;
 position: absolute;
 right: -4px;
 top: 2px;
 padding: 2px 5px;
 background-color: #2c3e50;
 font-size: 10px;
}
.dropdown-menu{
  position: absolute !important;
  margin-top: 7px !important;
  background-color: #fff !important;
  margin-left: -85px !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important;
  background-clip: padding-box;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: #fff !important;
  text-decoration: none;
  background-color: #2c3e50 !important;
}

.navbar-inverse .navbar-toggle {
  padding: 5px;
  border: 0px;
  color: white;
  font-size: 20px;
  margin:7px 5px;
}

.navbar-nav {
  margin: 0px;
}

.data-profile{
  display:none;
}

@media (min-width: 768px){
  .data-profile{
    display:block;
  }
}
/* END navbar */

/* Footer */

#seccion1{
  font: medium font-light; /* 12px */
  text-align: center;
  color: white;

  height:60px;

  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;

}
#seccion1 img{
  margin-top: 0px;
  height:50px;
  width:120px;
  float:center;

}

#seccion1 p{
  float:left;
}

#creditos{
  font-size:12px;
  height:60px;
  border-left:1px solid #128f76;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  text-align:center;

}

#creditos a{

  font: medium font-light; /* 12px */
  text-align: center;
  color: white;
  float:center;

}

#avisoLegal{ 

  font: medium font-light; /* 12px */
  text-align:left;

  color: grey;

}

#avisoLegalLabel{ 

  font: medium font-light; /* 12px */
  text-align:center;

  color: grey;
}

#footer {
  margin-right: auto;
  margin-left: auto;
  background-color: #2c3e50;
  /* float: left; */
  padding-top: 30px;
  /*padding-right: 10px;*/
  /*padding-left: 10px;*/
  border-top: 1px solid #128f76;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px, solid;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  min-height: 60px;
  position: fixed-bottom;

  color: white;

}

#footer .footer-copyright {
  background-color: #333333;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
}

#footer .row {
  margin-bottom: 60px;
}

#footer .navbar-brand {
  margin-top: 45px;
  height: 65px;
}

#footer .footer-copyright p {
  margin: 10px;
  color: #ccc;
}


#footer ul {
  list-style-type: none;
  padding-left: 0;
  line-height: 1.7;
}

#footer h5 {
  font-size: 18px;
  color: white;
  font-weight: bold;
  margin-top: 30px;
}

#footer h2 a{
  font-size: 50px;
  text-align: center;
  color: #fff;
}

h2.logo{
  font-size: 21px;
}

#footer a {
  color: #d2d1d1;
  text-decoration: none;
}

#footer a:hover,
#footer a:focus {
  text-decoration: none;
  color: #31c0b0;
}

#footer .social-networks {
  /*text-align: left;*/
  padding-top: 0px;
  padding-bottom: 0px;
}

#footer .social-networks a {
  font-size: 32px;
  color: #f9f9f9;
  padding: 10px;
  transition: 0.2s;
}

#footer .social-networks a:hover {
  text-decoration: none;
}

#footer .facebook:hover {
  color: #0077e2;
}

#footer .google:hover {
  color: #ef1a1a;
}

#footer .twitter:hover {
  color: #00aced;
}

#footer .instagram:hover {
  color: #ad0086;
}

#footer .btn {
  color: white;
  background-color: #d84b6b;
  border-radius: 20px;
  border: none;
  width: 150px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  line-height: 25px;
}

#footer img {
  max-width: 100%;

}

.friend img {
  padding: 5px;
}


@media screen and (max-width: 767px) {
  #footer {
    text-align: center;
  }
}

#seccion1 {
  font: medium font-light;
  text-align: center;
  color: white;
  height: 200px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

#footer-fix {
  position: relative;
  height: 60px;
  clear: both;
  padding-top: 10px;
} 

/* END Footer */