/*Box shadows lines*/
    .top-right-shadow-first{
        box-shadow:10px -10px 7px -10px gold, inset -10px 10px 7px -10px gold;
        border-color:gold !important;
        z-index:3;
        transition:0.3s;
    }
    .bottom-left-shadow-first{
        box-shadow: -5px 5px 7px -3px gold, inset 5px -5px 7px -7px gold;
        border-color:gold !important;
        z-index:3 !important;
        transition:0.3s;
    }
    .bottom-right-shadow-first{
        box-shadow:10px 10px 7px -10px gold, inset -10px -10px 7px -10px gold;
        border-color:gold !important;
        z-index:3;
        transition:0.3s;

    }
    .top-left-shadow-first{
        box-shadow:-5px -5px 7px -3px gold, inset 5px 5px 7px -7px gold;
        border-color:gold !important;
        z-index:3 !important;
        transition:0.3s;

    }
    .top-right-shadow-second{
        box-shadow:10px -10px 7px -10px silver, inset -10px 10px 7px -10px silver;
        border-color:silver !important;
        z-index:2;
        transition:0.3s;

    }
    .bottom-left-shadow-second{
        box-shadow: -5px 5px 7px -3px silver, inset 5px -5px 7px -7px silver;
        border-color:silver !important;
        z-index:3 !important;
        transition:0.3s;

    }
    .bottom-right-shadow-second{
        box-shadow:10px 10px 7px -10px silver, inset -10px -10px 7px -10px silver;
        border-color:silver !important;
        z-index:2;
        transition:0.3s;

    }
    .top-left-shadow-second{
        box-shadow:-5px -5px 7px -3px silver, inset 5px 5px 7px -7px silver;
        border-color:silver !important;
        z-index:3 !important;
        transition:0.3s;

    }

    .first{
        background: gold !important;
    }
    .second{
        background: silver !important;
    }

    /*lines*/
    .line-container-before, .line-container-after{
        position:relative;
        height:0;
        width:0;
        display:flex;
    }

    /*after*/
    .top-right{
        position: absolute;
        border: 1px solid black;
        border-width: 2px 2px 0 0;
        border-radius: 0 8px 0 0;
        z-index:1;
        width:23px;
        height:30px;
    }

    .bottom-right{
        position: absolute;
        border: 1px solid black;
        border-width: 0 2px 2px 0;
        border-radius: 0 0 8px 0;
        z-index:1;
        width:23px;
        height:30px;
    }
    /*before*/

    .top-left{
        position: absolute;
        left: -24.6px;
        border: 1px solid black;
        border-width: 2px 0 0 1px;
        z-index:2;
        width:23px;
        height:20px;
    }
    .bottom-left{
        position: absolute;
        left: -24.6px;
        border: 1px solid black;
        border-width: 0 0 2px 1px;
        z-index:2;
        height:20px;
        width:23px;
    }

    /* sorszamozás */
    .number-outer-container{
        width: 20px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        position:relative;
        flex:0 0 10%;
    }
    .number-inner-container{
        height:50%;
        flex:0 0 50%;
        justify-content:center;
        align-items: center;
        display:flex;
    }
    .number{
        height: 30px;
        width:30px;
        border-radius:100%;
        margin-right:20px;
        background: #FFAA22;
        display: flex;
        justify-content: center;
        align-items: center;
        color:white;
        font-size:large;
    }
    .pagination-inner-container .page:first-of-type {
        padding-left: 30px;
    }
    .pagination-inner-container .page:last-of-type {
        padding-right: 30px;
    }

    /* tábla */
    td.roundtd .box ul li{
        display: flex;
        margin: 0;
        align-self: center;
        flex-direction: row;
        flex-wrap: wrap;
    }
    td.roundtd .box ul{
        grid-auto-rows: 1fr;
        display: grid;
        height: 100%;
    }
    td.roundtd .box{
        padding: 8px;
        height:100%;
    }
    td.roundtd {
        padding: 0 !important;
    }

    .grid-column{
        display: grid;
        grid-auto-columns: 1fr;
        grid-auto-flow: column;
        overflow: hidden;
    }
    /*lapozás*/
    .prev-page,.next-page{
        position: absolute !important;
        z-index: 1;
        width: 40px;
        height: 30px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        color: white;
        top:0;
    }
    .prev-page{
        left: 0px;
        border-right: 3px solid white;
        /* bootstrap class=glyphicon glyphicon-menu-left*/

    }
    .next-page{
        right: 0px;
        border-left: 3px solid white;
        /* bootstrap class=glyphicon glyphicon-menu-right*/
    }


    .page{
        border: 1px solid white;
        height: 30px;
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-width: 0 1px 0 0;
        color: white;
        flex: 0 0 25%;
    }
    .pagination-inner-container .page:last-of-type{
        border:0;
    }

    .pagination-outer-container{
        display: flex;
        flex-direction: row;
        width: 100%;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative;
        border-radius: 8px;
        margin: 5px 0;
        background: #1f4f8f;
    }
    .pagination-inner-container{
        position: relative;
        display: flex;
        flex: 0 0 100%;
        left: 0%;
        flex-wrap: nowrap;
        border-radius: 8px;
    }

    /*asztal helye*/
    ul.list-group span.playtableText{
        flex:0 0 100%;
        text-align: left;
    }
    ul.list-group.round_1 span.playtableText{
        padding-left: 20px;
    }
    /*orange klubnév szín*/
    .startedMatch span.orange{
        color:white !important;
    }