﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%
}

body, input, select, textarea {
    font: 11px Arial
}

body {
    background-color: #85a3e0;
}

.text-danger {
    color: red;
}

#blue-bar-inner {
    width: fit-content;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0px;
}

.body-content {
    width: fit-content;
}

#loginForm {
    width: fit-content;
    height: fit-content;
    background: white;
    border-radius: 5px;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#loginTitle {
    font-weight: bold;
    padding: 10px;
}

    #loginTitle h1 {
        font-size: 20px;
        padding-bottom: 3px;
    }

    #loginTitle h5 {
        font-size: 12px;
        padding-bottom: 3px;
    }

#loginBody {
    padding: 10px 20px;
}

.form-group {
    padding: 5px 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

@keyframes slideIn {
    from {
        top: -31px;
    }

    to {
        top: 31px;
    }
}

@keyframes slideOut {
    from {
        top: 31px;
        display: block;
    }

    to {
        top: -31px;
        display: none;
    }
}

.slider-show {
    top: 31px;
    display: block;
    animation-name: slideIn;
    animation-duration: 0.3s;
}

.slider-hide {
    top: -31px;
    display: none;
    animation-name: slideOut;
    animation-duration: 0.3s;
}

#tk\:mp\:data {
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

    #tk\:mp\:data::-webkit-scrollbar {
        width: 0px;
    }

    #tk\:mp\:data::-webkit-scrollbar-track {
        background: transparent;
    }

    #tk\:mp\:data::-webkit-scrollbar-thumb {
        background: gray;
    }

.left {
    background: rgb(35, 76, 158);
    border-right: 1px solid rgb(40, 81, 163);
}

.right {
    background: rgb(92, 152, 198);
    border-right: 1px solid rgb(67, 133, 184);
}

.oddswrap.text-center.selected {
    background: 0 0;
    background-color: #2d4694 !important;
    color: #fff;
}

.sport {
    background-image: url(../images/sports-icon.png?20191021);
    float: left;
    height: 22px;
    width: 22px
}

.sport-2 {
    background-position: -22px 0 !important
}

.sport-3 {
    background-position: -308px 0 !important
}

.sport-4 {
    background-position: -308px 0 !important
}

.sport-5 {
    background-position: -66px 0 !important
}

.sport-6 {
    background-position: -154px 0 !important
}

.sport-7 {
    background-position: -198px 0 !important
}

.sport-8 {
    background-position: -154px -25px !important
}

.sport-9 {
    background-position: -242px 0 !important
}

.sport-10 {
    background-position: -176px 0 !important
}

.sport-11 {
    background-position: -44px 0px !important
}

.sport-12 {
    background-position: -402px 23px !important
}

.sport-13 {
    background-position: -88px 0 !important
}

.sport-14 {
    background-position: -422px 0 !important
}

.sport-15 {
    background-position: -264px 0 !important
}

.sport-16 {
    background-position: -22px 23px !important
}

.sport-17 {
    background-position: -22px -26px !important
}

.sport-18 {
    background-position: -110px -25px !important
}

.sport-19 {
    background-position: -355px -25px !important
}

.sport-20 {
    background-position: 0 -25px !important
}

.sport-21 {
    background-position: -286px -25px !important
}

.sport-22 {
    background-position: -220px 0 !important
}

.sport-23 {
    background-position: -132px 0 !important
}

.sport-24 {
    background-position: -399px 0 !important
}

.sport-25 {
    background-position: -110px 0 !important
}

.sport-26 {
    background-position: -330px 0 !important
}

.sport-27 {
    background-position: -220px -25px !important
}

.sport-28 {
    background-position: -264px -25px !important
}

.sport-29 {
    background-position: -242px -25px !important
}

.sport-30 {
    background-position: -286px -25px !important
}

.sport-31 {
    background-position: -219px 0 !important
}

.sport-mp {
    background-position: -309px -24px !important
}

.sport-32 {
    background-position: -355px 0 !important
}

.sport-33 {
    background-position: -355px -25px !important
}

.sport-34 {
    background-position: -381px 0 !important
}

.sport-35 {
    background-position: -401px 0 !important
}

.sport-36 {
    background-position: -401px -25px !important
}

.sport-37 {
    background-position: -424px 0 !important
}

.sport-38 {
    background-position: -176px -25px !important
}

.sport-5001 {
    background-image: url(../images/VirttualSports_VS-Football_black.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center
}

.sport-5002 {
    background-image: url(../images/VirttualSports_VS-Basketball_black.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center
}

.sport-5003 {
    background-image: url(../images/VirttualSports_VS-Racing_black.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center
}

.sport-5004 {
    background-position: -355px 0 !important
}

.sport-2000 {
    background-position: -355px 0 !important
}

.sport-6001 {
    background-image: url(../images/live-icon.gif);
    background-size: 108%;
    background-repeat: no-repeat;
    background-position: center
}

#panel-main .matches > tbody > tr.ex > td {
    border-top: #ffffff;
}

#panel-main .matches.single > tbody tr.more-opened td {
    background-color: transparent;
    border-top: 1px solid #eee;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #eee;
}

#panel-main .matches.single > tbody tr.even.more-opened td {
    background-color: transparent;
    border-top: 1px solid #eee;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #eee;
}

#panel-main .matches.live.single > tbody > tr.match.more-opened > td {
    background-color: transparent;
    border-top: 1px solid #eee;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #eee;
}

.match.more-opened {
    background-color: #fff !important;
}

.even.more-opened {
    background-color: #fff !important;
}

.more-block-div {
    margin-bottom: 8px;
}

.more-block {
    -webkit-tap-highlight-color: transparent;
    background-color: white !important;
}

    .more-block td:hover {
        border: 0px;
        padding-top: 8px;
        background-color: white !important;
    }

    .more-block td td:hover {
        border: 0px;
        padding-top: 0px;
        background-color: white !important;
    }

.live .btn-count.active {
    color: #fff !important;
    background-position: 0 -91px !important;
}

.nonlive .btn-count.active {
    color: #fff !important;
    background-position: 0 -64px !important;
}

.live .more-block-div .odds-container {
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #ffd6bf;
}

.nonlive .more-block-div .odds-container {
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #bfd5ff;
}

.odds-container .bet-option div {
    line-height: 15px;
}

.live .more-block-div .label {
    display: flex;
    background-color: #ffeadf;
    text-align: center;
    border-color: #ffdfcf;
    justify-content: center;
    font: 700 11px/14px tahoma,sans-serif;
    height: 17px !important;
    border-right: 1px solid #ffdfcf;
    border-bottom: 1px solid #ffdfcf;
}

.nonlive .more-block-div .label {
    display: flex;
    background-color: #dfeaff;
    text-align: center;
    justify-content: center;
    font: 700 11px/14px tahoma,sans-serif;
    height: 17px !important;
    border-right: 1px solid #d1e0ff;
    border-bottom: 1px solid #d1e0ff;
}

    .nonlive .more-block-div .label span {
        max-width: 95px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.label .tag {
    color: #36c;
    font: 700 9px Tahoma !important;
    white-space: nowrap;
    margin-right: 8px;
    align-self: center;
}

.live .more-block-div .col-header {
    display: flex;
    background-color: #ffeadf;
    text-align: center;
    justify-content: center;
    border-right: 1px solid #ffd6bf;
    border-bottom: 1px solid #ffd6bf;
    height: 17px !important;
    padding: 0 8px;
    font-size: 12px;
    color: #b64531;
}

.nonlive .more-block-div .col-header {
    display: flex;
    background-color: #dfeaff;
    text-align: center;
    justify-content: center;
    border-right: 1px solid #bfd5ff;
    border-bottom: 1px solid #bfd5ff;
    height: 17px !important;
    padding: 0 8px;
    font-size: 12px;
    color: #2d4694;
}

.live .more-block-div .title {
    background-color: #ffdfcf;
    border: 1px solid #ffdfcf;
    padding: 0 8px;
    height: 17px !important;
    text-align: left;
    color: #b64531;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
}

.nonlive .more-block-div .title {
    background-color: #d1e0ff;
    border-bottom: 1px solid #afccff;
    border: 1px solid #d1e0ff;
    padding: 0 8px;
    height: 17px !important;
    text-align: left;
    color: #2d4694;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
}

.live .more-block-div .odds {
    border: 1px solid #ffdfcf;
    border-collapse: collapse;
    height: 17px !important;
    padding: 0px;
    justify-content: center;
    background-color: #fff3ed;
    cursor: pointer;
}

.nonlive .more-block-div .odds {
    border: 1px solid #d1e0ff;
    border-collapse: collapse;
    height: 17px !important;
    padding: 0px;
    justify-content: center;
    background-color: #e7efff;
    cursor: pointer;
}

.more-block-div .odds .oddswrap {
    border: 1px solid #fff;
    text-align: center !important;
}

.single .single .col-2 {
    width: 260px;
}

.single .single .col-3 {
    width: 260px;
}

.single .single .col-4 {
    width: 260px;
}

.single .single .col-5 {
    width: 393px;
}

.col-2 {
    width: 258px;
}

.col-3 {
    width: 394px;
}

.col-4 {
    width: 524px;
}

.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-13 {
    width: 796px;
}

/*.col-1 .col,
.col-2 .col,
.col-3 .col,
.col-4 .col,
.col-5 .col{
    width: 105.4px;
}*/

.col-2 .col {
    width: 50%;
}

.col-3 .col {
    width: 33.33%;
}

.col-4 .col {
    width: 25%;
}

.col-5 .col {
    width: 20%;
}

.col-6 .col {
    width: 16.66%;
}

.col-7 .col {
    width: 14.25%;
}

.col-8 .col {
    width: 12.5%;
}

.col-9 .col {
    width: 11.11%;
}

.col-10 .col {
    width: 10%;
}

.col-11 .col {
    width: 9.09%;
}

.col-12 .col {
    width: 8.33%;
}

.col-13 .col {
    width: 7.69%;
}

.live .odds-container .option-wrapper {
    border-right: 1px solid #ffdfcf;
    border-bottom: 1px solid #ffdfcf;
}

.nonlive .odds-container .option-wrapper {
    border-right: 1px solid #bfd5ff;
    border-bottom: 1px solid #bfd5ff;
}

.live .odds-container .bet-option {
    background-color: #fff3ed;
    border: 1px solid #fff;
    text-align: center;
    height: 100%;
}

    .live .odds-container .bet-option .option {
        color: #b64531;
        font-weight: 100;
        font-family: Tahoma;
        cursor: pointer;
        height: 15px;
    }

.live .odds-container .oddswrap.selected {
    background-color: #96200b !important;
    color: #ffff3a !important;
}

.nonlive .odds-container .bet-option {
    background-color: #e7efff;
    border: 1px solid #fff;
    text-align: center;
    height: 100%;
}

    .nonlive .odds-container .bet-option .option {
        color: #455d9f;
        font-weight: 100;
        font-family: Tahoma;
        cursor: pointer;
        height: 15px;
    }

.nonlive .odds-container .oddswrap.selected {
    background-color: #2d4694 !important;
    color: #ffff3a !important;
}

.more-block-div .odds .oddswrap.has-tag {
    text-align: right !important;
    padding: 0 11px;
    position: relative;
}

.odds-container .oddswrap {
    text-align: center !important;
    height: 15px;
}

.oddswrap.selected .ev-tag {
    color: #ffff3a !important;
}

.oddswrap .ev-tag {
    position: relative;
    color: #36c;
    font: 700 9px Tahoma !important;
    white-space: nowrap;
    margin-right: 8px;
    float: left;
    left: -8px;
    top: 1px;
}

.oddswrap .bc-tag {
    position: absolute;
    left: 44px;
    top: 0px;
    color: #999;
    font-size: 10px;
    line-height: 12px;
}

.oddswrap.selected .bc-tag {
    color: #bfdeff !important;
}

.col-2 .option-wrapper {
    width: 50% !important;
}

.col-3 .option-wrapper {
    width: 33.33% !important;
}

.col-4 .option-wrapper {
    width: 25% !important;
}

.col-5 .option-wrapper {
    width: 20% !important;
}

.col-6 .option-wrapper {
    width: 16.66% !important;
}

.col-7 .option-wrapper {
    width: 14.28% !important;
}

.col-8 .option-wrapper {
    width: 12.5% !important;
}

.col-9 .option-wrapper {
    width: 11.11% !important;
}

.col-10 .option-wrapper {
    width: 10% !important;
}

.col-11 .option-wrapper {
    width: 9.09% !important;
}

.col-12 .option-wrapper {
    width: 8.33% !important;
}

.col-13 .option-wrapper {
    width: 7.69% !important;
}

/*Mix Parlay Section*/
.odds-hdp .hdp-point {
    float: left;
    padding-left: 2px;
    margin-top: 1px;
}

.odds-ou .hdp-point {
    float: left;
    padding-left: 2px;
    margin-top: 1px;
}

.live .selected {
    background-color: #96200b !important;
    background-repeat: no-repeat;
}

    .live .selected .odds {
        color: #ffff3a !important;
    }

.nonlive .selected {
    background-color: #2d4694 !important;
    background-repeat: no-repeat;
}

    .nonlive .selected .odds {
        color: #ffff3a !important;
    }

.odds-change-modification .price-down, .odds-change-modification .price-up {
    padding-right: 8px;
}

.ochange-span {
    text-decoration: line-through;
    color: #808282;
}

.more-icon.fmarket-button {
    width: 34px;
    margin: 0px;
}

.more.border-no-right .btn-count.no-fmarket {
    margin-left: 19px;
}
