.highscores {
	font-size:120%;
}
.share_buttons {
    width: 100%;
    background: #fff;
    display: block;
    height: 40px
    }

.share_button {
    width: 25%;
    height: 39px;
    float: left
    }

.share_button a {
    display: inline-block;
    width: 100%;
    height: 100%
    }

.share_button .share_icon {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat
    }

.share_button .share_icon.fb_icon {
    background-color: #3c5898;
    background-position: 0 0
    }

.share_button .share_icon.tw_icon {
    background-color: #6aadd1;
    background-position: 0 -40px
    }

.share_button .share_icon.gplus_icon {
    background-color: #cd3627;
    background-position: 0 -80px
    }

.share_button .share_icon.email_icon {
    background-color: #666;
    background-position: 0 -120px
    }

.share_button .share_icon.whatsapp_icon {
    background-color: #191;
    background-position: 0 -160px
    }

.share_button .share_icon.download_icon {
    background-color: #191;
    background-position: 0 -201px
    }

.share_button.whatsapp_share {
    display: none
    }


body, html {
    margin: 0;
    padding: 0;
    }

body {
    text-align: center;
    }

.container {
    width: 999px;
    }

.italic {
    font-style: italic;
    }

img {
    max-width: 100%;
    border: 0;
    }

.btn-default, .btn-default:focus, .btn-default:hover {
    background: #03c4eb;
    color: #fff;
    border: 0;
    text-shadow: none;
    }

.advice {
    font-size: 16px;
    font-weight: bold;
    color: #67b0ff;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    }

.thankyou {
    color: #3c5898;
    }

#header {
    background-color: #FFFFFF;
    width: 100%;
    height: 140px;
    padding: 15px;
    position: relative;
    border-bottom: 1px solid #b1b1b1;
    }

#header .site-logo {
    float: left;
    }

#header .site-actions {
    float: right;
    }

#megagroup-area {
    padding: 50px 0;
    border-bottom: 1px solid #b1b1b1;
    text-align: left;
    background-color: #56c5eb;
    color: #FFFFFF;
    font-size: 16px;
    }

#megagroup-area .text {
    display: block;
    }

#megagroup-area a {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 10px;
    margin: 5px 0;
    display: inline-block;
    }

#megagroup-area a:hover {
    background-color: #23527c;
    color: #FFFFFF;
    text-decoration: none;
    }

#game-area {
    padding: 50px 0;
    border-bottom: 1px solid #b1b1b1;
    background-color: #f9f9f9;
    }

#game-area .game-logo {
    float: left;
    width: 35%;
    /*background-color:#000000;*/
    padding: 5px;
    }

#game-area .game-logo img {
    max-width: 300px;
    height: auto;
    }

#game-area .team-area {
    float: right;
    width: 60%;
    text-align: left;
    margin: 0 15px;
    }

#game-area .team-area h1,
#game-area .team-area h2 {
    margin: 0;
    margin-bottom: 3px;
    }

#game-area .team-area .team-score {
    font-size: 14px;
    }

#game-area .team-area .team-score .prop {
    display: inline;
    margin-right: 8px;
    font-style: italic;
    white-space: nowrap;
    }

#game-area .team-area .team-score .prop .name {
    font-weight: bold;
    }

#book-area {
    padding: 20px 0;
    border-bottom: 1px solid #b1b1b1;
    }

#book-area p {
    margin: 0;
    }

#game-header {
    background-color: #000000;
    color: #FFFFFF;
    width: 100%;
    height: 200px;
    padding: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    }

/*#game-header {background-image:url('<? echo BASEURL . $header_image_source; ?>');}*/
.fullwidth {
    width: 100%;
    }

#fotos-area {
    padding: 50px 0;
    text-align: left;
    border-bottom: 1px solid #b1b1b1;
    background-color: #f9f9f9;
    }

#fotos-area img {
    /*width: 300px;*/
    height: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    }

#rate-us-area {
    padding: 50px 0;
    border-bottom: 1px solid #b1b1b1;
    text-align: left;
    }

#contact-area {
    padding: 50px 0;
    /*border-bottom:1px solid #b1b1b1;*/
    text-align: left;
    }

#share-buttons-page {
    width: 100%;
    height: auto;
    position: fixed;
    left: 0;
    bottom: 0;
    }

#share-buttons-page .share_button {
    width: 33.3%;
    }

.btn-review {

    }

.btn-review img {
    width: auto;
    height: 55px;
    }

.games-table form, .games-table {
    width: 900px;
    margin: 2px auto;
    display: grid;
    grid-template-columns:calc(20% - 5px) calc(30% - 5px) calc(10% - 5px) calc(20% - 5px) calc(10% - 5px) 10%;
    gap: 5px;
    }

.games-table.delete {
    grid-template-columns: calc(5% - 5px) calc(20% - 5px) calc(40% - 5px) calc(10% - 5px) 25%;
    }
form p{
    text-align: left;
    }
form .form-actions input {
    margin: 0 2.5px;
    width: calc(50% - 5px);
    }

.games-table input {
    border: 1px solid #b1b1b1;
    padding: 3px 6px;
    }

.games-table input[type="submit"] {
    border-color: #3c5898;
    background-color: #3c5898;
    color: white;
    }
#banner-area {
	border-bottom: 1px solid #b1b1b1;
	
}
	
	
/*** RESPONSIVE ***/
@media only screen and (max-width: 1000px) {
    .container {
        width: 100%;
        }

    #game-area, #megagroup-area, #fotos-area, #rate-us-area, #contact-area {
        padding: 20px 0;
        }

    #game-area .game-logo,
    #game-area .team-area {
        width: 100%;
        float: none;
        box-sizing: border-box;
        margin: 0;
        }

    #game-area .game-logo {
        margin-bottom: 20px;
        }

    #game-area .team-area h1 {
        font-size: 20px;
        }

    #book-area .btn-default {
        margin: 10px 0;
        }

    #fotos-area {
        text-align: center;
        }

    #fotos-area img {
        margin: 10px 0;
        }

    #game-area .team-area .team-score {
        margin: 20px 0;
        }

    .share_buttons .share_button,
    #share-buttons-page .share_button {
        width: 25%;
        }

    .share_buttons .download_share {
        display: none;
        }

    .share_buttons .whatsapp_share {
        display: block;
        }

    .btn-review {
        display: block;
        }

    .advice {
        text-align: center;
        }
    }

@media only screen and (max-width: 600px) {
    #header .container {
        padding: 0;
        }

    #game-area .team-area .team-score .prop {
        display: block;
        }



    #game-area .game-logo img {
        max-width: 100%;
        }
    }

@media only screen and (max-width: 310px) {
    #book-area .btn-default {
        word-break: break-word;
        display: block;
        height: auto;
        width: 100%;
        white-space: normal;
        }

    #fotos-area img {
        width: 100%;
        height: auto;
        }
    }