.full {
    width: 100% !important;
}

.rights {
    float: right;
}

.click {
    cursor: pointer;
}

.sm-m-a {
    margin: 0px !important;
}

h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0px;
    padding: 0px;
}

.schduler {
    padding: 40px 0px;
    width: 100%;
}

.container {
    max-width: 75%;
}

.tab-top {
    position: relative;
}

.tab-top li {
    width: 49%;
    text-align: center;
    border: 1px solid #ccc;
    color: #000;
    padding: 15px 0px;
    margin-right: 15px;
    position: relative;

}

.tab-top li:last-child {
    margin-right: 0px;
}

.tab-top li .active {
    color: #000 !important;
    background: #fff !important;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.9px;
    text-decoration: underline;
    border: none !important;
}

.tab-top li .active:after, .tab-top li .active:before {
    top: -8%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tab-top li .active:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}

.tab-top li .active:before {
    border-color: rgba(38, 44, 48, 0);
    border-top-color: #ccc;
    border-width: 16px;
    margin-left: -16px;
}

.tab-top li a {

    border-radius: 4px;
    color: #b8b8b8;
    font-weight: bold;
    font-size: 20px;
    width: 49.2%;
    text-align: center;
    color: #000;
    padding: 15px 0px;
    margin-right: 15px;
    position: relative;

}

.nav-tabs {
    border-bottom: 1px solid #fff;
}

.no-padding-right {
    padding-right: 0px !important;
}

.squash {
    background: #f5f5f5;
    border: 2px solid #f5f5f5 !important;
    border-radius: 4px;
}

.squash a {
    color: #b8b8b8;
    font-weight: bold;
    font-size: 20px;
}

.row-mar {
    margin-top: 20px;
}

.flex-container {
    display: flex;
}

.flex-container li {
    list-style: none;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    border-right: 1px solid #ccc;
    padding: 2px;
    flex-grow: 1;
}

.col.list-days {
    text-align: center;
    font-size: 13px;
    border-right: 1px solid #ccc;
    padding: 2px;
}

.col.list-days:first-child {
    border-left: 1px solid transparent;
}

.flex-container li:last-child, .col.list-days:last-child {
    border-right: 1px solid transparent;
}

.ph {
    border: 1px solid #ccc;
    padding: 15px 0px;
    border-right: 1px solid #ccc;
}

.sq {
    /*display: flex;*/
    margin-bottom: 0px;
    /*border-left: 1px solid #ddd;*/
    flex-grow: 1;
    flex-basis: 1%;
}

/*.sq:last-child{*/
/*margin-bottom: 5px;*/
/*}*/

.sq .op, .planning-day.op ,
.creneau-complet   {
    opacity: 0.4;
    background: #f6f6f6;
    /*background-color: #58595B;*/
}

.sq li {
    list-style: none;
    display: block;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid #d9d9d9;
    /*border-right: 1px solid #d9d9d9;*/
    padding: 10px 0px;
    /*flex-grow:1;*/
    width: 100%;
    min-height: 110px;
}

.sq li:last-child {
    border-right: 1px solid #ccc;
}

.rq li {
    list-style: none;
    display: inline-block;
    width: 25%;
    text-align: center;
    font-size: 13px;
    margin-right: -4px;
    border: 1px solid #ccc;
    padding: 10px 0px;
    border-right: 1px solid #c16169;
    border-top: none;
}

.planning-line {
    border-left: 1px solid #ccc;
}

.planning-line .col {
    text-align: center;
    font-size: 13px;
    border-right: 1px solid #ccc;
    /*padding: 2px;*/
    padding: 0;
}

.planning-line .planning-day {
    display: block;
    text-align: center;
    font-size: 13px;
    padding: 10px 0px;
    width: 100%;
    min-height: 110px;
    border-bottom: 1px solid #ccc;
}

.planning-line .planning-day:last-child {
    /*border-right: 1px solid #ccc;*/
}

.oprd {
    background: #8c121d;
    color: #9c4f57;
}

.opr {
    background: #b3101e;
    color: #fff;
}

.timetick img {
    height: 25px;
    margin: 5px 10px;
}

.timetick p {
    margin: 5px auto;
    padding: 0 10px;
    text-align: left;
    max-width: 117.5px;
    white-space: nowrap;
}

.ttt li {
    display: inline-block;
    margin-right: 30px;
    margin-top: 20px;
}

.ttt li:last-child {
    float: right;
}

.o0 {
    opacity: 0;
}

.p2 {
    position: relative;
    top: 9px;
}

.mr {

    color: #b3101e;
}

.ml {
    color: #ccc;
}

.set {
    position: relative;
    top: 10px;
}

.bb {
    font-size: 14px;
    letter-spacing: 0.5px;
}

.brp {
    border-right: 1px solid #ccc;
}

.brt {
    border-top: 1px solid #ccc;
}

select {
    -webkit-appearance: none;
    background: url("../images/select-bg.png");
    background-repeat: no-repeat;
    background-position: 98% 50%
}

.planning-desktop-activity .week, .planning-desktop-coach .week, .planning-desktop-group .week {
    margin-top: 70px;
}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {*/
@media only screen and (min-width: 320px) and (max-width: 768px) {

    .schduler-mob {
        padding: 40px 0px;
    }

    .container {
        max-width: 90%;
    }

    .schduler {
        padding: 0;
    }

    .nav-tabs li a.active {
        background: #fff;
        box-shadow: 1px 1px 14px 1px #dcdcdc;
        border: none;
        z-index: 0;
    }

    .nav-tabs li a {
        padding: 10px 20px;
        border: 1px solid #ccc;
        border-radius: 20px;
        background: #e5e5e5;
        color: #000;
        width: 180%;
        display: inline-block;
    }

    .nav-tabs li a:last-child {
        position: relative;
        left: -15px;
    }

    .sm-row-mar {
        margin-top: 6%;
    }

    .nav-arrow img {
        height: 30px;
        margin-right: 10px;
    }

    .pull-rights {
        float: right;
    }

    .col-xs-6 {
        padding-left: 15px;
        width: 50%;
    }

    .sm-m {
        padding-left: 0px;
    }

    .sm-m li {
        list-style: none;
        border: 1px solid #b30f1e;
        background: #b30f1e;
        padding: 15px;
        color: #fff;
    }

    .ph {
        width: 325px;

    }

    .sm-m-a li {
        list-style: none;
        border: 1px solid #dadada;
        background: #ffffff;
        padding: 15px 15px 35px 15px;
        color: #000;
    }

    .sm-m-a li img {
        height: 35px;
        position: relative;
        top: 6px;
    }

    .sm-m-a li span p {
        display: inline-block;
        margin-left: 30px;
        float: right;
    }

    .blue {
        color: #4191bf;
        display: inline-block;
        float: right;
    }

    .phh {
        width: 340px;
        border: 1px solid #ccc;
        padding: 15px 0px;
        border-right: 1px solid #CCC;
    }

    .timetick p {
        max-width: none;
        padding: 0;
        text-align: right;
    }

    #planning-result {
        margin: 0;
        padding: 0;
        max-width: 100%;
        width: 100%;
    }

    .squash-schduler.hidden-desktop .button-planning-collapse, #home-mobile .button-planning-collapse {
        text-align: left;
        padding: 10px 15px;
        font-weight: bold;
        text-decoration: underline;
        background-color: #fff;
    }

    .squash-schduler.hidden-desktop .button-planning-collapse.collapsed, #home-mobile .button-planning-collapse.collapsed {
        text-decoration: none;
        /*background-color: #f6f6f6;*/
        background-color: #ccc;
    }

    .squash-schduler.hidden-desktop .button-planning-collapse i, #home-mobile .button-planning-collapse i {
        float: right;
        margin-right: 15px;
        color: #999;
    }

    #planning-team-training, #planning-open-gym, #planning-personal-training {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    #planning-global .button-planning-collapse, #home-mobile .sq li {
        border-right: none;
        border-left: none;
    }

    #home-mobile .sq li {
        min-height: 60px;
        position: relative;
    }

    .list-days .jour-semaine {
        color: #cecece;
        display: block;
        font-size: 0.9em;
    }

    .bootstrap-datetimepicker-widget {
        right: -50% !important;
    }

    .sq li .timetick {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

}