body{
    background: #bdd7ee;
}
.touch-page h1{
    text-transform: uppercase;
    margin-bottom: 40px;
}
.btn{
    outline: none;
}
.btn:focus, .btn:focus{
    outline: none;
}
.dflex{
    display: flex;
    justify-content: space-between;
}

.touch-page #text{
    height: 500px;
    position: absolute;
    top:50%;
    margin-top: -250px;
}
.touch-page .btn-league.selected,
.buttons a.selected{
    background: #7b7b7b;
}
.btn-big{
    width: 300px;
    height: 70px;
    text-transform: uppercase;

    background: #5b9bd5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color:#fff;
    line-height: 58px;
    font-size: 24px;
    margin-bottom: 20px;
}

button.btn-big,
input.btn-big {
    width: auto;
    height: 70px;
    text-transform: uppercase;

    background: #5b9bd5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    line-height: 58px;
    font-size: 24px;
    margin-bottom: 20px;

    margin-right: 15px;
}
.bssystemtable .relative{
    overflow: hidden;
}
.touch-page .leagues_by_days{
    width: 100%;
    font-size: 18px;
}
.touch-page .leagues_by_days td{
    padding: 5px 5px;
    vertical-align: top;
}

.touch-page .btn-league{
    background: #5b9bd5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color:#fff;

    min-height:30px;
    line-height: 18px;
    font-size: 18px;
    width: 200px;
    margin-bottom: 15px;
    white-space: normal;
}
.touch-page .time{
    margin-right: 10px;
}
.touch-page.view .btn.btn-big{
    margin-top: 20px;
}
.btn-back{
    position: absolute;
    bottom: 30px;
    left:50%;
    margin-left: -150px;
    float: none;
    display: block;
}
/*
.touch-page.view .btn-back{
    top:30px;
    bottom:auto;
    left: auto;
    right: 30px;
}
.touch-page.competition-view .btn-back{
    top:15px;
    bottom:auto;
    left: auto;
    right: 30px;
}
*/

.touch-page h1{
    text-align: center;
}

.touch-page .box{
    margin-bottom: 20px;
}
.touch-page .btn-competition{
    background: #5b9bd5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color:#fff;

    min-height:40px;
    line-height: 28px;
    font-size: 26px;
    width: 350px;
    margin: 0 auto;
    float: none;
    display: block;
    margin-bottom: 15px;
    white-space: normal;
}

.touch-page h2{text-align: center}
.competition-view .inline100{
    margin: 0 auto;
    width: 80%;
}
.competition-view .inline100 table{
    background: #fff;
    width: 100%;
    margin-bottom: 30px;
}
.competition-view table{
    border-collapse: collapse;
    vertical-align:middle;
background: #fff;
    font-size: 17px;
}
.competition-view .btn-big{
    margin-top: 20px;
}
.competition-view table tr td {
    width:155px;
    border: 1px solid #c9c9c9;
    padding:9px 5px;
    vertical-align:middle;
    font-size:12px;
    font-weight:normal;
}
.competition-view table tr td:first-child{
    padding:10px 5px;
}
.competition-view table tr.thead td{
    font-weight:bold;
    text-align:center;
    height:60px;
    line-height:60px;
    font-size:14px;
    padding: 0;
}
.need-round-2 tr td{
    width:387px;
}
.need-round-3 tr td{
    width:258px;
}
.need-round-4 tr td{
    width:193px;
}
.need-round-5 tr td{
    width:155px;
}

.table-64-3 tr.row td{
    height:966px;
}
.table-128-5 tr.row td{
    height:483px;
}
.page_header{width:100%; height:20px; margin-bottom:10px; }
.page_header tr td{width:33%; border:0 ; font-size:14px;}


.competition-view table .team{width:100%; height:13px; margin:0;
    border-collapse: collapse;
    padding:0}
.competition-view table .team tr td.td1{width:auto; height:13px; border:0; padding:0; }
.competition-view table .team tr td.td2{width:auto; height:13px; border:0; padding:0;}
.competition-view table table .td1{font-weight:bold}

h1.text-left{
    text-align: left;
    line-height: 50px;
}
.bssystemtable .listhead  .adddate.add{
    width: auto;
}
.width80{
    width:80%;
    margin: 0 auto;
}
.bssystemtable .table.booking tr td:first-child{
    padding: 0;
}
.bssystemtable .fleft {
    float: left;
}
.bssystemtable .fright {
    float: right;
}
.bssystemtable .button.zindex10 {
    position: relative;
    z-index: 1;
}
.bssystemtable .button {
    clear:both;
    height: 30px;
    padding: 10px 0;
}


.bssystemtable .form-day-change .submit,.bssystemtable .form .submit, .bssystemtable .adddate {
    display: block;
    width: auto;
    float:left;
    height: 33px;
    line-height: 30px;
    padding: 0 20px;
    margin-left: 0px;
    border: none;
    background: #628f00;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-bottom: 3px solid #456400;
}


.bssystemtable a.add {
    z-index: 0;
    display: block;
    float: right;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    border: none;
    background: #628f00;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 3px solid #456400;
}

.bssystemtable .relative {
    position: relative;
}
.bssystemtable .listhead{
    clear:both;
}
.bssystemtable .listhead h3 {
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 49px;
    font-weight: bold;
    font-size: 30px;
}
.bssystemtable .center {
    text-align: center;
    margin: 0 auto;
}


.bssystemtable .table.booking thead tr td.rink {
    width: 95px;
    max-width: 95px;
}
.bssystemtable .table.booking thead tr td.grey {
    width: 103px;
    max-width: 103px;
}
.bssystemtable .table.booking tr td.grey {
    width: 104px;
    max-width: 104px;
}
.bssystemtable table td.grey {
    background: #ebebeb;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.bssystemtable .table td {
    max-width: 98px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bssystemtable .grey {
    white-space: inherit!important;
}
.bssystemtable .grey {
    color: #aaaaaa;
}
.bssystemtable .grey.tid{
    vertical-align:middle;
}
.bssystemtable table thead td {
    text-align: center;
}
.bssystemtable table tr td {
    border: 1px solid #c9c9c9;
}

.bssystemtable .smallrow {
    vertical-align: top;
}
.bssystemtable table table {
    margin-bottom: 0;
}

.bssystemtable .smallrow{width:100%}
.bssystemtable .smallrow tr.ringtitle td {
    max-width: 101px;
    padding: 10px;
    height: 67px;
    text-align: center;
    vertical-align: middle;
}
.bssystemtable .smallrow tr td {
    max-width: 101px;
    padding: 0 10px;
    height: 24px;
}

.bssystemtable table tr td tr td {
    text-align: left;
    vertical-align: top;
    padding: 5px 4px;
    border: 0;
    border-bottom: 1px solid #c9c9c9;
}


.bssystemtable table tr td tr td {
    text-align: center;
}

.bssystemtable .table tr {
    white-space: nowrap;
}
.bssystemtable table tr tr {
    border: 0;
}

.bssystemtable .table>tbody>tr>td,.bssystemtable .table>tbody>tr>th,.bssystemtable .table>tfoot>tr>td,.bssystemtable .table>tfoot>tr>th,.bssystemtable .table>thead>tr>td,.bssystemtable .table>thead>tr>th {
    padding:0
}

.diary-view .inline100 > table{
    background: #fff;
    margin: 0 auto 30px auto;
    width: 80%;
}
.diary-view .btn-back{
    margin-left: 0;
	z-index:100;
}
.diary-view .buttons{
    width: 80%;
    margin: 0 auto;
    position: relative;
}
.diary-view .bssystemtable .button{
    height: auto;
    padding-top: 0;
}
.diary-view .bssystemtable .listhead h3{
    line-height: 70px;
}
.diary-view .bssystemtable{
    overflow: hidden;
}

.button.zindex10{
    overflow: hidden;
}
.touch-body #ui-datepicker-div{
	zoom:1.5 !important;
}

.slide-fade-enter-active {
    transition: all .3s ease;
}
.slide-fade-leave-active {
    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
    /* .slide-fade-leave-active for <2.1.8 */ {
    transform: translateX(10px);
    opacity: 0.9;
}

.bssystemtable {
    margin-top: 20px;
    color: #4c4c4c;
    font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
}
button.btn-big{
    outline: 0;
}
.diary-view button.btn-big.back-home:focus,
a.btn-competition:focus,
.buttons a:focus,
a.btn-league:focus,
.dflex .btn-big:focus{
    background: #7b7b7b;
    color:#fff;
    outline: 0;
}

.loader{
    width: 200px;
    height: 200px;
    border-radius: 100%;
    position: absolute;
    margin-top: -100px;
    top:50%;
    left:50%;
    margin-left: -100px;
}

#loader-1:before, #loader-1:after{
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #5b9bd5;
}

#loader-1:before{
    z-index: 100;
    animation: spin 1s infinite;
}

#loader-1:after{
    border: 10px solid #ccc;
}

@keyframes spin{
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.btn-pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    width: 45px;
    height: 45px;
    background-color: #7b7b7b;
    transition: .4s ease-in-out;
    overflow: hidden;
}

.btn-pageTop>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 20px;
    max-height: 30px;
}