/*.min-he {
    min-height: 101px;
    border: solid 1px white !important;
}*/
.gene-w1 {
    float: left;
    width: 100% !important;
    border: 0px !important;
}
.gene {
    border: solid 1px silver !important;
    border-collapse: collapse;
    min-height: 50px;
}

.baja {
    color: #363A36;
}

.alta {
    color: #EA1024;
}

    .gene label {
        /*color: #808080;*/
        width: 100% !important;
        cursor: pointer;
    }
.gene span {
    display: block;
    width: 25% !important;
    float: right;
    height: 20px;
}

.gene-wh {
    border: solid 1px white !important;
    border-collapse: collapse;
}
    .gene-wh label {
        /*color: #808080;*/
        width: 100% !important;
    }
    .gene-wh span {
        display: block;
        width: 25% !important;
        float: right;
        height: 20px;
    }

.supe {
    border: solid 1px silver !important;
    border-collapse: collapse;
}

    .supe label {
        /*color: #808080;*/
        width: 100% !important;
        color: #363A36;
    }

        .supe label:hover {
            color: var(--bs-primary);
        }

    .supe span {
        display: block;
        background: #9aca41;
        width: 25% !important;
        float: right;
        height: 20px;
        clip-path: polygon(100% 0, 0 100%, 100% 100%);
    }

.econ {
    border: solid 1px silver !important;
    border-collapse: collapse;
}
    .econ label {
        width: 100% !important;
        color: #363A36;
    }
    .econ label:hover {
        color: var(--bs-primary);
    }
    .econ span {
        display: block;
        background: #1cb5ad;
        width: 25% !important;
        float: right;
        height: 20px;
        clip-path: polygon(100% 0, 0 100%, 100% 100%);
    }

.ligh {
    border: solid 1px silver !important;
    border-collapse: collapse;
}

    .ligh label {
        width: 100% !important;
        color: #363A36;
    }
    .ligh label:hover {
        color: var(--bs-primary);
    }
    .ligh span {
        display: block;
        background: #1b837c;
        width: 25% !important;
        float: right;
        height: 20px;
        clip-path: polygon(100% 0, 0 100%, 100% 100%);
    }

.norm {
    border: solid 1px silver !important;
    border-collapse: collapse;
}

    .norm label {
        width: 100% !important;
        color: #363A36;
    }
        .norm label:hover {
            color: var(--bs-primary);
        }
    .norm span {
        display: block;
        background: #e7172d;
        width: 25% !important;
        float: right;
        height: 20px;
        clip-path: polygon(100% 0, 0 100%, 100% 100%);
    }

.pickmeup {
    background: #fff;
    border-radius: .4em;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    position: absolute;
    touch-action: manipulation
}


    .pickmeup * {
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }


    

    .pickmeup.pmu-flat {
        position: relative;
        margin: 0px auto;
        width: 100%;
        font-size: 0.9em;
        font-weight: bold;
    }
   

    .pickmeup.pmu-hidden {
        display: none
    }

    .pickmeup .pmu-instance {
        display: inline-block;
        /*height: 300px;*/
        padding: 1.5%;
        /*text-align: center;*/
        width: 100%
    }

    .ins-w {
        width: 50% !important;
    }

        .pickmeup .pmu-instance .pmu-button {
            cursor: pointer;
            outline: none;
            text-decoration: none
        }

        .pickmeup .pmu-instance .pmu-today {
            background: var(--bs-gray);
            color: var(--bs-white);
            /*border-radius: 20px;*/
        }

        .pickmeup .pmu-instance .pmu-button:hover {
            /*background: transparent;*/
            /*color: #88c5eb;*/
            /*border-radius: 20px;*/
        }

        .pickmeup .pmu-instance .pmu-not-in-month {
            color: var(--bs-light) !important;
            background-color: #fff;
        }

        .pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
            color: var(--bs-gray);
            cursor: default;
        }

.pickmeup .pmu-instance .pmu-selected {
    background: var(--bs-primary);
    color: var(--bs-white);
    /*border-radius: 20px;*/
    border: solid 1px var(--bs-primary) !important;
}
    .pickmeup .pmu-instance .pmu-selected:hover {
        color: var(--bs-white);
    }
        .pmu-selected label {
            background: var(--bs-primary);
            color: white;
        }
    .pmu-selected label:hover {
        color: white;
    }
        .pmu-selected div{
             /*background: white;*/
        }
       

        .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
            background: #17384d
        }

        .pickmeup .pmu-instance nav {
            color: #eee;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            line-height: 2em;
        }

            .pickmeup .pmu-instance nav *:first-child :hover {
                color: #88c5eb;
            }

            .pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next {
                display: none;
                height: 2em;
                width: 1em;
            }

            .pickmeup .pmu-instance nav .pmu-month {
                width: 100%;
                text-align: center;
                color: #405d6f;
                font-weight: bold;
            }

        .pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * {
            display: inline-block;
            line-height: 3.6em;
            width: 3.5em;
        }

        .pickmeup .pmu-instance .pmu-day-of-week {
            color: var(--bs-secondary);
            cursor: default;
        }

.pmu-days {
    width: 100%;
    border: 1px solid transparent;
}

.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 2.0em;
    width: 14.28%;
    text-align: center;
    border: 1px solid transparent;
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    line-height: 1.8em
}

.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next {
    display: block;
    color: #405d6f;
}

.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
    width: 100%;
    text-align: center;
    color: var(--bs-primary);
    font-weight: bold;
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 100%
}

.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none
}
.pmu-days .pmu-button:hover {
    color: var(--bs-primary);
    border: 1px solid;
}