/*************************************
*
*
* /data01/virt138241/domeenid/www.kalevspa.ee/htdocs/kalevspaApp/assets/css/gcss/style.gcss
*
*
*************************************/
#pools *{
    font-size:16px;box-sizing:border-box;
}
#pools .dates{
    display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin:-5px -5px 10px;overflow:hidden;
}
#pools .dates .date{
    padding:10px;margin:5px;color:#fff;background-color:#294190;text-align:center;cursor:pointer;transition:.25s all;
}
#pools .dates .date:hover,#pools .dates .date.selected{
    background-color:#00c1dd;
}
#pools .track:not(:last-child){
    border-right:1px solid #fff;
}
#pools .track .item{
    color:#fff;background-color:#00c1dd;padding:10px;height:40px;text-align:center;
}
#pools .track .item.reserved{
    background-color:#e3e6f1;
}
#pools .times{
    max-width:103px;
}
#pools .times .time{
    height:40px;padding:0 10px 10px;color:#727271;font-weight:bold;text-align:center;
}
#pools .times .time:not(:last-child):not(:first-child){
    border-bottom:1px solid #e3e6f1;
}
#pools .times .time:first-child{
    background-color:#29419021;
}
#pools .tab{
    display:flex;justify-content:center;align-items:center;height:40px;padding:10px;color:#294190;font-weight:bold;background-color:#29419021;text-align:center;line-height:1;
}
#pools .legend{
    display:flex;margin-top:10px;
}
#pools .legend .free,#pools .legend .reserved{
    display:flex;align-items:center;
}
#pools .legend .free:before,#pools .legend .reserved:before{
    content:'';display:inline-block;width:20px;height:20px;background-color:#00c1dd;margin-right:10px;
}
#pools .legend .reserved{
    margin-left:15px;
}
#pools .legend .reserved:before{
    background-color:#e3e6f1;
}

@media only screen and (max-width:940px){
    #pools * {
        font-size:14px;
    }
}