/* Estilos generales */
.btn-primary, .btn-info, .btn-inverse {
    background-color: #272624 !important;
    color: white !important;
    border: 1px solid transparent !important;
}

.alert-codigo {
    text-transform: none;
    font-size: 15px;
    line-height: 21px;
}

.alert-codigo strong {
    font-size: 16px;
}

/* Scroll lateral */

.fc-scroller-lateral{
  overflow-x: scroll !important;  
}

/* Alto de las filas de horas */

.fc-time-grid .fc-slats td{
  height: 2.2em !important;
}

.no-events {
    position: relative;
    text-align: center;
    background: white;
    margin: 0px auto;
    width: 100%;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: 40px 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box !important;
}

/* Boton info para el price text cuando el evento dura menos de una hora */
.fc-event .fa {
    font-size: 25px;
    position: absolute;
    right: 3px;
    bottom: 0px;
    vertical-align: middle;
    padding: 4px;
    cursor: pointer;
    z-index: 2;
}

/* Toast */
#toast-parent {
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    display: none;
}

#toast {
    background: #8d6e63;
    border-radius: 10px;
    box-shadow: 0px 0px 2px black;
    position: absolute;
    top: 45%;
    right: 0px;
    left: 0px;
    margin: 20px auto;
    max-width: 400px;
    width: 90%;
}

#toast-header {
    background-color: rgba(0,0,0,0.3);
    color: white;
    padding: 5px 10px;
    font-size: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#toast-header button {
    color: white;
    opacity: 1;
    font-size: 22px;
}

#toast-msg {
    color: white;
    padding: 20px 10px;
    font-size: 15px;
    line-height: 20px;
}



/* Para quitar scroll a los calendarios */
.fc-scroller {
    height: auto !important;
}

#eb_full_calendar {
    margin-top: 35px;
}

.eb-page-heading {
    font-size: 43px;
    line-height: 55px;
}

.fc-toolbar .fc-center {
  clear: both;
  display: block !important;
  overflow: hidden;
}

.fc-toolbar .fc-center h2 {
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  width: 100% !important;
  margin-top: 0px !important;
}

/* Para poner la cabecera de la semana y el día más alta */
.fc-day-header {
    font-size: 20px;
    line-height: 40px;
}

/* Eventos completos */
.eb-event-full {
    background-color: #ccc !important;
    cursor: default !important;
}

.eb-event-close {
    background-color: #8d6e63 !important;
    cursor: default !important;
    color: white !important;
}

.eb-event-full .fc-title, .eb-event-full .fc-subtitle  {  
    color: #777;
}

/* Eventos del calendario */
.fc-bg{
  opacity: 0 !important;  
}

.fc-event{
    border: 1px solid rgba(0,0,0,0.3) !important;
    margin: 1px 0px;
    max-width: 48%;
}

#eb-calendar-page .fc-title{
    font-size: 17px;
    line-height: 24px;
    padding: 2px 6px;
    font-weight: bold;
}

#eb-calendar-page .fc-subtitle {
    font-size: 15px;
    padding: 0 6px;
}

.eb-individual-price {
    font-size: 15px;
    background: rgba(0,0,0,0.3);
    padding: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 17px;
}

.eb-price-text-info {
    font-size: 14px;
    background: rgba(0,0,0,0.3);
    padding: 2px 6px;
    line-height: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.eb-privacy-policy-message {
    text-transform: none !important;
}

/* Leyenda */

#eb-leyenda {
    margin-top: 20px;
}

.eb-leyenda-titulo {
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 5px;
}

.eb-leyenda-item {
    position: relative;
    margin: 0 0 10px;
    float: left;
}

.eb-leyenda-color {
    width: 25px;
    height: 25px;
    float: left;
}

.eb-leyenda-nombre {
    padding-left: 5px;
    line-height: 25px;
    font-size: 14px;
    float: left;
    padding-right: 30px;
}

/* DatePicker jQuery */
#datepicker {
    display: none;
}

img.ui-datepicker-trigger {
  padding: 4px 10px;
}

#cal-datepicker {
    background: none;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    padding: 0px 5px;
}

/* Formulario de compra */

h3.eb-heading{
    margin-bottom: 15px !important;
}

.eb-container input, .eb-container select {
    height: 35px !important;
    padding: 0 10px !important;
    line-height: 35px !important;
    min-height: 35px !important;
}

.eb-container span.add-on {
    line-height: 35px !important;
    height: 37px !important;
    padding: 0 !important;
    width: 29px !important;
    font-size: 17px !important;
}

.eb-container input[type="radio"], .eb-container input[type="checkbox"] {
    line-height: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin-bottom: 10px;
}

.eb-container h1, .eb-container h2, .eb-container h3 {
    text-shadow: none !important;
}

/* Listado Category Default Layout */

.dipusport-listado .eb-description {
    position: relative;
}

.dipusport-listado .eb-description-details {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 10px 15px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dipusport-listado .eb-event-properties-table .eb-event-property {
    width: 50%;
    display: block;
    float: left;
    position: absolute;
    height: 40px;
}

.dipusport-listado .eb-event-properties-table {
    width: 100% !important;
    margin: 0 !important;
    min-height: 100px !important;
    position: relative;
}

.dipusport-listado .eb-event-properties-table table {
    border: 0;
    margin-bottom: 0;
}

.dipusport-listado #eb-event-info table{
    border: 0;
}

.dipusport-listado .eb-event-property td {
    background-color: white !important;
    border: 0;
    font-size: 15px;
    color: #444;
    line-height: 20px;
}

.dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(1) {
    top: 10px;
    left: 10px;
}

.dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(2) {
    left: 10px;
    top: 50px;
}

.dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(3) {
    top: 10px;
    right: 10px;
}

.dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(4) {
    top: 50px;
    right: 10px;
}

.dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(5) {
    bottom: -55px;
    right: 10px;
}

.dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(5) > .eb-event-property-label {
    display: none;
}

.dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(5) > .eb-event-property-value {
    text-align: right;
    display: block;
    font-size: 25px;
}

#gtx-trans {
    display: none;
}

.form-actions {
    background-color: white !important;
    padding-left: 0px !important;
}

#eb-event-details .alert-danger {
    border: 1px solid #df3f3f;
    background: rgba(223, 63, 63, 0.1);
    color: #df3f3f;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    margin: 10px 0px;
}

/* Dashboard - Resumen - Es el mismo CSS del Dashboard pero para los municipios que utilicen History Registrants (Barbate) */

#dsresume {
    /* border: 1px solid #ccc; */
    width: 100%;
    overflow: hidden;
    clear: both;
}

.dsresume-td{
    position: relative;
}

.dsresume-cal{
    position: absolute;
    top: 12px;
    right: 6px;
}

.dsresume-cat {
    float: left;
    max-width: 33.33%;
    border-right: 2px solid white;
    box-sizing: border-box;
}

.dsresume-cat a {
    text-decoration: none !important;
}

.dsresume-title {
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    background: #1a3867;
    color: white;
    font-size: 13px;
}

.dsresume-item, .dsresume-item-no {
    width: 100%;
    margin-bottom: 2px;
    background: #8bc34a;
    color: white;
    min-height: 57px;
    padding: 5px 3px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.dsresume-item-no {
    cursor: default !important;
}

.dsresume-past {
    cursor: default;
    opacity: 0.7;
}

.dsresume-full {
    background: #e0e0e0;
    color: #555;
}

.dsresume-close {
    background: #8d6e63;
    cursor: default;
}

.dsresume-empty {
    text-align: center;
    padding: 20px 3px;
    font-size: 13px;
    color: #777;
}

.dsresumen-item-hour {
    font-size: 12px;
    font-weight: 500;
}

.dsresumen-item-user {
    padding: 5px 0px 0px 0px;
    line-height: 15px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: lowercase;
}

.dsresumen-item-iconinfo {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 3px;
    right: 3px;
    background: rgba(0,0,0,0.3);
    border-radius: 10px;
    font-size: 15px;
    color: white;
    text-align: center;
    line-height: 20px;
    cursor: help;
}

.dsresumen-item-price {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    font-size: 12px;
    padding: 1px 3px;
    line-height: 14px;
}

@media (max-width: 700px) {
    
    .dipusport-listado h2.eb-event-title {
        font-size: 24px;
        line-height: 28px;
    }

    .dipusport-listado .eb-description-details{
        padding: 10px 10px 0px;
    }

    .dipusport-listado .eb-event-properties-table .eb-event-property {
        width: 100%;
        display: block;
        float: none;
        position: relative;
        height: 40px;
    }

    .dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(1) {
        top: 0px;
        left: 0px;
    }

    .dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(2) {
        left: 0px;
        top: 0px;
    }

    .dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(3) {
        top: 0px;
        right: 0px;
    }

    .dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(4) {
        top: 0px;
        right: 0px;
    }

    .dipusport-listado .eb-event-properties-table > table > tbody > tr:nth-child(5) {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
}

@media (max-width: 640px) {
    .dipusport-listado .tm-block {
        padding: 15px;
    }

    .dipusport-listado .eb-taskbar li {
        float: left !important;
    }

    .dipusport-listado .eb-event-property td {
        font-size: 14px;
        line-height: 18px;
    }

    .dipusport-listado .eb-event-properties-table {
        min-height: 200px !important;
    }
}

@media (max-width: 600px) {
    /* Estilos generales */
    p{
    font-size: 14px;
    }
  
    .parentFormadminForm {
        left: 100px !important;
        max-width: 170px;
    }
  
    /* Cabecera de FullCalendar */
    #eb_full_calendar {
        margin-top: 20px;
    }

    .eb-page-heading{
      font-size: 26px;
        line-height: 32px;
    }
  
    .fc-toolbar .fc-center h2 {
      font-size: 24px;
        line-height: 30px;
        margin-top: 20px !important;
    }
  
    .fc-day-header {
        font-size: 16px;
        line-height: 30px;
    }
  
    .fc-event{
        max-width: 100%;
    }

    #eb-calendar-page .fc-title{
        font-size: 13px;
        padding: 1px 2px;
        line-height: 15px;
    }
  
    #eb-calendar-page .fc-subtitle {
        font-size: 13px;
        padding: 2px;
    }
  
    .eb-individual-price {
        font-size: 13px;
        line-height: 16px;
    }
  
    .eb-price-text-info {
        font-size: 12px;
        padding: 1px;
        line-height: 15px;
    }
  
    .fc-time {
        font-size: 14px;
    }
  
    #eb-event-properties-heading {
        font-size: 19px;
    }
  
    .eb-message {
        font-size: 14px;
    }
  
    #eb-individual-registration-page .control-label label {
        font-size: 14px;
    }
  
    #eb-individual-registration-page .controls input[type="text"], #eb-individual-registration-page .controls input[type="email"] {
        width: 100%;
        box-sizing: border-box !important;
        height: 40px;
    }
  
    .eb-container span.add-on {
        line-height: 33px !important;
    }
  
    h3.eb-heading{
      font-size: 26px;
    }
  
    /* Leyenda */
    .eb-leyenda-item {
        clear: both;
        overflow: hidden;
        float: none;
    }
  
    /* DatePicker jQuery */
    #ui-datepicker-div {
        left: 10px !important;
    }
}