body {

    background-color: #fff;

}



form {

    margin: 0px;

    padding: 0px;

    width: 100%;

}



body > form > .container {

    margin-top: 170px;

}



@media (max-width: 1024px) {

    .navbar-fixed-top .Banner {

        width: 100%;

        margin: 5px 0;

    }

}



@media (min-width: 768px) and (max-width: 778px) {



    .nav {

        border-top-width: 1px;

        border-top-style: solid;

        border-top-color: #fff;

    }



    body > form > .container {

        margin-top: 200px;

    }

}



@media (max-width: 430px) {

    body > form > .container {

        margin-top: 110px;

    }



    .navbar-brand {

        font-size: 17px;

    }

}





.Dates {

    padding: 5px 10px;

    margin-bottom: 10px;

}



    .Dates b {

        display: inline-block;

        width: 125px;

        text-align: right;

        margin-right: 5px;

        font-size: 13px;

    }



.RadGrid caption {

    display: none;

}



.Picks .MMatch a {

    display: inline-block;

    width: 45%;

    border: 1px solid #eee;

}



    .Picks .MMatch a:hover {

        text-decoration: none;

        background-color: #eee;

    }



.Picks .matchgroup {

    background-color: #ccc;

    font-weight: bold;

    margin: 5px -10px;

}



.PicksHeader {

    margin-bottom: 0px;

    padding-top: 5px;

    padding-bottom: 0px;

}



    .PicksHeader > div {

        padding-left: 5px;

        padding-right: 5px;

    }



.Picks .match {

    margin-top: 2px;

    margin-bottom: 2px;

    padding-top: 5px;

    padding-bottom: 5px;

    border-top: 1px solid #3588e0;

    border-bottom: 1px solid #3588e0;

}



    .Picks .match > div input {

        width: 45px;

        height: 25px;

        padding: 5px;

        display: inline-block;

    }



.MyPicksOptions .MatchR {

    text-align: center;

}



    .MyPicksOptions .MatchR label {

        display: inline-block;

        padding: 5px 2px;

    }



    .MyPicksOptions .MatchR .Team img {

        margin-bottom: 3px;

        border: 1px solid #999;

    }



    .MyPicksOptions .MatchR .Team {

        width: 38%;

        display: inline-block;

        margin: 0px 5px;

    }



        .MyPicksOptions .MatchR .Team label {

            width: 100%;

        }



.Warning {

    background-color: rgba(250, 129, 129, 0.50);

}



.Success {

    background-color: rgba(162, 212, 139, 0.50);

}



.tab-pane .badge {

    padding: 8px 10px;

    background-color: #326295;

}



.MyPicksOptions .Score {

    padding: 3px;

    margin-bottom: 2px;

}



.MyPicksOptions .Score2 {

    padding-top: 4px;

}



.tab-content .tab-pane {

    border-width: 0px 1px 1px 1px;

    border-style: solid;

    border-color: #dedede;

}



.tab-content .accordion-link {

    margin-bottom: 0px;

    margin-top: 10px;

}

/*

.accordion-xs .tab-content {

    border-width: 0px 1px 1px 1px;

    border-style: solid;

    border-color: #fff !important;

}

*/

/*

.MyPicksOptions .Score span {

    display: inline-block;

    width: 30%;

    border: 1px solid #eee;

}*/

.Picks .match > div {

    padding-left: 5px;

    padding-right: 5px;

}



    .Picks .match > div hr {

        margin: 5px 0;

    }



.Picks .match:hover {

    background-color: #abcbed;

}



#clock {

    background-color: #abcbed;

    display: inline-block;

    border-radius: 5px;

    padding: 5px;

    width: 100%;

    max-width: 500px;

}



    #clock .htitle {

        border-radius: 2px;

        -o-border-radius: 2px;

        -ms-border-radius: 2px;

        -moz-border-radius: 2px;

        -webkit-border-radius: 2px;

        display: inline-block;

        font-size: 15px;

        font-weight: bold;

        background-color: #326295;

        color: #ffffff;

        margin-bottom: 2px;

        width: 90%;

        padding: 3px;

    }



    #clock span {

        border-radius: 2px;

        -o-border-radius: 2px;

        -ms-border-radius: 2px;

        -moz-border-radius: 2px;

        -webkit-border-radius: 2px;

        background-color: #333333;

        color: #ffffff;

        display: inline-block;

        font-size: 25px;

        font-weight: bold;

        line-height: 25px;

        padding: 5px;

        width: 60px;

        margin: 5px;

    }



    #clock .title {

        border-radius: 2px;

        -o-border-radius: 2px;

        -ms-border-radius: 2px;

        -moz-border-radius: 2px;

        -webkit-border-radius: 2px;

        background-color: #808080;

        color: #ffffff;

        display: inline-block;

        font-size: 12px !important;

        line-height: 10px;

        font-weight: bold;

        padding: 5px;

        width: 60px;

        margin: 5px 5px 0px 5px;

    }





.navbar-default {

    background: none;

    background-color: #326295;

    border-color: #3588e0;

}



    .navbar-default .navbar-brand {

        color: #ecf0f1;

    }



        .navbar-default .navbar-brand:hover,

        .navbar-default .navbar-brand:focus {

            color: #ffffff;

        }



    .navbar-default .navbar-text {

        color: #ecf0f1;

    }



    .navbar-default .navbar-nav > li > a {

        color: #ecf0f1;

    }



        .navbar-default .navbar-nav > li > a:hover,

        .navbar-default .navbar-nav > li > a:focus {

            color: #ffffff;

        }



    .navbar-default .navbar-nav > li > .dropdown-menu {

        background-color: #326295;

    }



        .navbar-default .navbar-nav > li > .dropdown-menu > li > a {

            color: #ecf0f1;

        }



            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,

            .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {

                background: none;

                color: #ffffff;

                background-color: #3588e0;

            }



        .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {

            background-color: #3588e0;

        }



    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

        background: none;

        color: #ffffff;

        background-color: #3588e0;

    }



    .navbar-default .navbar-nav > .active > a,

    .navbar-default .navbar-nav > .active > a:hover,

    .navbar-default .navbar-nav > .active > a:focus {

        background: none;

        color: #ffffff;

        background-color: #3588e0;

    }



    .navbar-default .navbar-nav > .open > a,

    .navbar-default .navbar-nav > .open > a:hover,

    .navbar-default .navbar-nav > .open > a:focus {

        background: none;

        color: #ffffff;

        background-color: #3588e0;

    }



    .navbar-default .navbar-toggle {

        border-color: #3588e0;

    }



        .navbar-default .navbar-toggle:hover,

        .navbar-default .navbar-toggle:focus {

            background: none;

            background-color: #3588e0;

        }



        .navbar-default .navbar-toggle .icon-bar {

            background: none;

            background-color: #ecf0f1;

        }



    .navbar-default .navbar-collapse,

    .navbar-default .navbar-form {

        border-color: #ecf0f1;

    }



    .navbar-default .navbar-link {

        color: #ecf0f1;

    }



        .navbar-default .navbar-link:hover {

            color: #ffffff;

        }



@media (max-width: 767px) {

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #ecf0f1;

    }



        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

            color: #ffffff;

        }



    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

        background: none;

        color: #ffffff;

        background-color: #3588e0;

    }

}





.rgEditForm td {

    padding: 3px;

}



footer {

    background-color: #326295;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    height: 25px;

    text-align: center;

    color: #eee;

    padding: 5px;

    font-size: 10px;

}



    footer a, footer a:hover {

        color: #eee;

    }



.tabulator-cell.progresscell div:first-child {

    background: #2DC214 url(images/Soccer-icon.png) no-repeat right center;

    top: 5px !important;

    bottom: 5px !important;

}