hr {
    margin-top: 5px;
    margin-bottom: 5px;
}


.mt5 {
    margin-top: 5px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.tf-container {
    display: flex; /* or inline-flex */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
}

.menu {
    margin: 6px 0;
}

    .menu div {
        width: 19%;
        text-align: center;
    }

 

    .menu a {
        color: #83C8BA;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 15px;
        width: 100%;
        margin: 10px 0;
        text-align: center;
        display: block;
        border-right: 1px solid #DBE0DD;
    }


a:hover {
    color: #33C3F0;
}

.a-nodec {
    color: #222;
    text-decoration: none;
}



.chevron::before {
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
    margin-top: 3px;
}

.chevron.right:before {
    left: 0;
    transform: rotate(45deg);
}

.chevron.bottom:before {
    top: 0;
    transform: rotate(135deg);
}

.chevron.left:before {
    left: 0.25em;
    transform: rotate(-135deg);
}



.border-btm {
    border-bottom: solid #E1E1E1 1px;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}


.appkeyheight {
    height: 86px;
}




.go-red {
    box-shadow: 0 0 30px red;
}


@keyframes flash-green {
    from {
        background-color: none;
        box-shadow: none;
    }

    to {
        box-shadow: 0 0 30px limegreen;
    }
}

.flash-green {
    background-color: limegreen;
    animation-name: flash-green;
    animation-iteration-count: 2;
    animation-duration: 0.25s;
    animation-timing-function: ease-out;
    animation-direction: alternate;
}


.alertbox {
    background-color: #ff6767;
    border: solid 3px red;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 10px;
}

    .alertbox p {
        margin: 0px;
    }


.greenback {
    background-color: lightgreen !important;
}

.redback {
    background-color: lightcoral !important;
}


.h1-app-title {
    color:#fff;
    font-weight:200;
    text-decoration:none;
    font-size:28pt
}

    .h1-app-title:hover {
        color:#fff;
    }


.footer {
    background-color: #FFFFFF;
    color: #151515;
    padding: 10px 0;
    border-bottom: solid 2px #DBE0DD;
}


h2 img {

    height:45px;
    margin-right:15px;
    
}


.pt27 {

    padding-top:27px;
}

.renderbody {
    min-height:500px;
}


.appkeybox {
    border:solid 1px #DBE0DD;
    margin-bottom:10px;
}

.appkeybox-title {
    background-color:#000;
    color:#fff;
    padding:10px 20px;
    font-weight:600;
}

.appkeybox-key {
     padding:10px 20px;
      border-bottom:solid 1px #DBE0DD;
}

.appkeybox-services {
    
}

.appkeybox-actions {
    display:flex;
    justify-content: space-around;
}

table thead {
    background-color:#fafafa
}

table thead tr th:first-of-type,table tbody tr td:first-of-type{
     padding:5px 20px;
}

.schema-table tbody tr td {
     padding:0 20px !important;
}

.acl-table {
    border:solid 1px #DBE0DD;
    width:100%;
}

.schema-object-title {
    background-color:#333333;
    color:#fff;
    padding:10px 17px;
}



/*FLUTTER FOOTER*/

/* Footer
---------------------------------------------*/

body > footer {
}

.social-media {
    display: block;
    padding: 20px 10px;
    background-color: #6c7981;
    color: #ffffff;
    text-align: center;
}

    .social-media h6 {
        font-size: 32px;
        color: inherit;
    }

    .social-media p {
        font-size: 16px;
        margin-bottom: 20px;
    }

footer > .footer-about {
    margin-top: 20px;
    margin-bottom: 0;
}

.footer-col.footer-col-25 {
    width: 25%;
}

.footer-col.footer-col-50 {
    width: 50%;
}

.footer-col.footer-col-70 {
    width: 70%;
}

.footer-col.footer-col-100 {
    width: 100%;
}

.footer-col {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #646464;
    box-sizing: border-box;
    padding: 0 20px;
}

    .footer-col h5,
    .footer-col h6 {
        color: #646464;
        text-transform: uppercase;
        padding-bottom: 5px;
        margin-bottom: 7px;
        border-bottom: 1px solid #E1E1E1;
    }

    .footer-col h5 {
        font-weight: 600;
        font-size: 15px;
    }

    .footer-col h6 {
        font-weight: 500;
        font-size: 14px;
    }

    .footer-col img {
        display: block;
        height: 20px;
        margin-bottom: 10px;
    }

        .footer-col img:first-child {
            height: 35px;
        }

    .footer-col ul {
        List-style: none;
        padding: 0;
        margin: 0;
    }

        .footer-col ul li {
            color: #646464;
            font-size: 13px;
            margin-bottom: 5px;
        }

            .footer-col ul li a {
                color: inherit;
            }

.footer-col-betting-guides ul {
    display: block;
    font-size: 0;
}

    .footer-col-betting-guides ul li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }

.footer-trademark {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}

    .footer-trademark a {
    text-decoration:none;
    }

    .footer-trademark > a:first-child img {
        margin-top: 10px;
        width: 200px;
    }

    .footer-trademark > a:nth-child(12) img {
        width: 50px;
    }

    .footer-trademark > a:nth-child(18) img {
        width: 65px;
    }

    .footer-trademark > a img {
        width: 90px;
        margin: 2px 2px 2px 2px;
    }

    .footer-trademark.footer-terms {
        padding-top: 0;
        margin-top: -5px;
    }

.hide-on-mobile {
    display: inline-block;
}

.footer-gamble-aware.layout-container {
    max-width: 700px;
    padding-top: 0;
    padding-bottom: 70px;
    text-align: center;
    font-size: 11px;
}

.footer-gamble-aware p:first-child {
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (max-width: 900px) {
    section.social-media p {
        font-size: 15px;
    }

    a.social-media-twitter {
        margin-left: 10px;
        margin-right: 10px;
    }

    p.footer-trademark {
        font-size: 12px;
    }
}

@media only screen and (max-width: 750px) {

    .big-races-ul {
        width: 100%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .hide-on-mobile {
        display: none;
    }

    .footer-trademark {
        margin-top: 10px;
    }

    section.social-media {
        padding: 10px;
    }

        section.social-media h6 {
            font-size: 28px;
        }

        section.social-media p {
            font-size: 14px;
        }

    div.footer-col.footer-col-70,
    div.footer-col.footer-col-50,
    div.footer-col.footer-col-25 {
        width: 100%;
        margin-top: 10px;
    }

    div.footer-col.footer-col-corp {
        text-align: center;
        margin-top: 20px;
    }

        div.footer-col.footer-col-corp img {
            margin: 0 auto 10px auto;
        }

    div.footer-col h5,
    div.footer-col h6 {
        padding-bottom: 6px;
        text-align: center;
    }

    div.footer-col ul {
        display: block;
        font-size: 0;
    }

        div.footer-col ul li {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    footer > .footer-about {
        margin-top: 10px;
    }
}

.big-races-ul {
    width: 80%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.big-races-ul a {
    text-decoration:none;
}

    .footer-col-links {
        text-align: center;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .footer-col-links li {
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
        text-decoration: none;
        color: #02a4ff;
    }

        .footer-col-links li a {
            color: #02a4ff !important;
        }

@media only screen and (max-width: 630px) {
    .big-races-ul {
        width: 100%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/* Footer (social media carousel)
---------------------------------------------*/

.splash-screen-container {
    width: 100%;
    display: block;
    margin-top: 40px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.splash-screen-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.splash-screen {
    position: relative;
    float: left;
}

.splash-screen-shortcut-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 17px;
    left: 12px;
}

.social-media a {
    display: inline-block;
    margin-top: 20px;
}

    .social-media a img {
        height: 50px;
    }

.social-media-container {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

    .social-media-container > img {
        display: block;
        margin: 0 auto;
        height: 35px;
        border-radius: 5px;
    }

.social-media-container-infogol .social-media-twitter,
.social-media-container-horseracing .social-media-twitter {
    margin-left: 20px;
}

@media only screen and (max-width: 750px) {
    div.splash-screen-container {
        margin-top: 20px;
    }
}

.new-betting-offers {
    color: inherit;
    font-weight: 700;
    font-size: 12px;
}