/*YouCheckedIn pricing table CSS */

/*
- make mobile switch sticky
*/
/** {*/
    /*box-sizing:border-box;*/
    /*padding:0;*/
    /*margin:0;*/
    /*outline: 0;*/
/*}*/
/*body {*/
    /*font-family:Helvetica Neue,Helvetica,Arial,sans-serif;*/
    /*font-size:14px;*/
    /*padding:14px;*/
/*}*/
.school-pricing article {
    width:100%;
    max-width:1000px;
    margin:0 auto;
    height:1000px;
    position:relative;
}
.school-pricing ul {
    display:flex;
    top:0px;
    z-index:10;
    padding-bottom:14px;
}
.school-pricing li {
    list-style:none;
    flex:1;
}
.school-pricing li:last-child {
    border-right:1px solid #DDD;
}

.school-pricing button {
    width:100%;
    border: 1px solid #DDD;
    border-right:0;
    border-top:0;
    padding: 10px;
    background:#FFF;
    font-size:14px;
    font-weight:bold;
    height:60px;
    color:#999
}
.school-pricing li.active button {
    background:#F5F5F5;
    color:#000;
}
.school-pricing table { border-collapse:collapse; table-layout:fixed; width:100%; }
.school-pricing th { background:#F5F5F5; display:none; }
.school-pricing td, th {
    height:53px
}
.school-pricing td,th { border:1px solid #DDD; padding:10px; empty-cells:show; }
.school-pricing td,th {
    text-align:left;
}
.school-pricing td+td, th+th {
    text-align:center;
    display:none;
}
.school-pricing td.default {
    display:table-cell;
}
.school-pricing .bg-purple {
    border-top:3px solid #A32362;
}
.school-pricing .bg-blue {
    border-top:3px solid #0097CF;
}

.school-pricing .bg-yellow {
    border-top:3px solid #fdc223;
}

.school-pricing .bg-green {
    border-top:3px solid #2CA01C;
}


.school-pricing .sep {
    background:#F5F5F5;
    font-weight:bold;
}
.school-pricing .txt-l { font-size:28px; font-weight:bold; }
.school-pricing .txt-top { position:relative; top:-9px; left:-2px; }
.school-pricing .tick { font-size:18px; color:#2CA01C; }
.school-pricing .hide {
    border:0;
    background:none;
}

@media (min-width: 640px) {
    .school-pricing ul {
        display:none;
    }
    .school-pricing td,th {
        display:table-cell !important;
    }
    .school-pricing td,th {
        width: 330px;

    }
    .school-pricing td+td, th+th {
        width: auto;
    }
}