/* main css */
.search { width:calc(100% - 1000px); float:left; border-right: 1px solid #fff; position:relative;}

/* Modal Time Zone */
#target-content { position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; opacity: 0; -webkit-transition: opacity 200ms; transition: opacity 200ms; z-index:3000; background:rgba(0,0,0,.5)}
#target-content:target {pointer-events: all; opacity: 1;}
#target-content #target-inner {position: absolute; display: block; padding: 2rem; line-height: 1.8; width: 70%; max-width:500px; top: 10%; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%) ; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2); background: white;}
#target-content a.close { display:inline-block; text-align:right; font-size:2rem; -webkit-transform:rotate(45deg); transform:rotate(45deg); float:right; margin-top:-.7rem;}
#target-content a.close:hover {opacity: 0.4;}
#target-content h3 { padding:0; margin:0; font-weight:700; color:#979a9c; font-size:1.231rem;}
#target-content .selectbox { position:relative; width:100%;}
#target-content .selectbox:after {content:''; display:inline-block; position:absolute; right:1rem; top:2rem; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #30be90; margin-left:.5rem;}
#target-content .selectbox select { padding:0 1rem; margin:0; width:100%; height:2.5rem; border:1px solid #a8a9a9;font-family: 'Open Sans', sans-serif; font-size: 1rem; color:#061928; background:none; -webkit-appearance:none; -moz-appearance: none; -o-appearance: none; appearance: none;}
#target-content .save-button { padding:.5rem 1rem; margin:1rem 0 0; background:#30be90; border:none;font-family: 'Open Sans', sans-serif; font-size: 1rem; color:#ffffff; text-transform:uppercase; border-radius:3px; }
#target-content .save-button:hover { background:#07b9e2}


/* Who will win*/
/*
.vote { width:100%; height:16px; float:left; overflow:hidden; background:#ffffff; border:1px solid #ffffff; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); box-shadow: 0 0 3px 0 rgba(0,0,0,.3); -webkit-border-radius:8px; border-radius:8px; display:flex; flex-flow: row nowrap;}
.vote.disabled { opacity:.5;}
.vote.disabled div { cursor:auto;}
.vote div { cursor:pointer}
.blue { background:#07b9e2; -ms-transform:skewX(-12deg); -webkit-transform:skewX(-12deg); transform:skewX(-12deg); border-right:3px solid #ffffff;}
.yellow { background:#fedf6e;  -ms-transform:skewX(-12deg); -webkit-transform:skewX(-12deg); transform:skewX(-12deg); border-right:3px solid #ffffff;  border-left:3px solid #ffffff;}
.green { background:#30be90;  -ms-transform:skewX(-12deg); -webkit-transform:skewX(-12deg); transform:skewX(-12deg);  border-left:3px solid #ffffff;}
.percents {width:100%; float:left; font-size:.846rem; text-transform:uppercase; color:#979a9c}
.percents .pcol2 { text-align:center; font-weight:400; font-size:.846rem;}

.who { width:100%; float:left; padding:2rem 1rem 4rem; background:#f7f7f7}
.who h2 { padding:0; margin:0; font-size:1.846rem; font-weight:700; text-align:center; text-transform:uppercase;}

.who .vote {height:28px; -webkit-border-radius:14px; border-radius:14px;}
.who .vote.disabled { opacity:.5;}
.who .vote div { font-size:.923rem; line-height:28px;}

.who .blue { background:#07b9e2; -ms-transform:skewX(-12deg); -webkit-transform:skewX(-12deg); transform:skewX(-12deg); border-right:3px solid #ffffff; padding-left:1rem; text-align:left;}
.who .yellow { background:#fedf6e;  -ms-transform:skewX(-12deg); -webkit-transform:skewX(-12deg); transform:skewX(-12deg); border-right:3px solid #ffffff;  border-left:3px solid #ffffff; text-align:center;}
.who .green { background:#30be90;  -ms-transform:skewX(-12deg); -webkit-transform:skewX(-12deg); transform:skewX(-12deg);  border-left:3px solid #ffffff; text-align:right; padding-right:1rem;}
.who .vote div span {-ms-transform:skewX(12deg) !important; -webkit-transform:skewX(12deg) !important; transform:skewX(12deg) !important; font-style:normal;}
.who .percents  span { width:33.33%; float:left; padding:.5rem 0}
.who .percents50  span { width:50%; float:left; padding:.5rem 0; font-size: .846rem; color: #979a9c;}
.who .percents .pcol2 { text-align:center;}
.who .percents .pcol, .who .percents50 .pcol { text-align:left; padding-left:1rem;}
.who .percents .pcol:last-of-type, .who .percents50 .pcol:last-of-type { text-align:right; padding-right:1rem;}
*/
/* Path */
.path { width:100%; float:left; background:#ffffff; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3); box-shadow: 0 1px 2px 0 rgba(0,0,0,.3); font-size:0.846rem; color:#9e9e9e; padding:.7rem 1rem;}
.path a { color:#9e9e9e; text-decoration:none;}
.path a:hover { color:#9e9e9e; text-decoration: underline;}

/* Football Event Inner Page */
/*
.inner {width:100%; float:left;}
.inner  a.more { border-bottom:1px solid #07b9e2; display:inline-block; margin-top:1.5rem; clear:both; font-size:.923rem;}
.inner  a.more:after { content:'â–¼'; font-family:Arial, Helvetica, sans-serif; font-size:.769rem; display:inline-block; vertical-align:middle; padding-left:.5rem;}


.inner .match-result { width:40%; float:left; margin-top:1px}
.inner .who { width:60%; float:left; margin-top:1px; padding:3rem 3rem 2rem; text-align:center; background:#f4fafa;}
.inner .who .vote { margin-top:1.5rem; height:32px;}
.inner .details { width:100%; float:left; clear:left; padding:1.5rem 1.5rem;}
.inner .details h3 { text-align:center; padding:2rem 0; margin:0; font-size:1.385rem; text-align:center; font-weight:700; float:left; width:100%;}
.inner .details h3:first-of-type { padding-top:0;}
.inner .details h3 strong { color:#ed1c24; font-weight:700;}

.info { display: flex; flex-flow: row wrap; clear:left; width:100%;}
.left-col { width:40%; border-right:1px solid #e3e3e3}
.right-col { width:60%; padding:0 3rem;}
*/

/* tennis event */
.tab-item h5 { padding:0; margin:0; font-weight:400; font-size:1rem}
.tab-item h5 img { vertical-align:middle; margin-right:.5rem;}
.tab-item h5 a { color:#061928; text-decoration:none; font-weight:700;}
.tab-item h5 a:hover { text-decoration: underline;}

.statistics-tabs .tab-item table.tlm { border-bottom:1px solid #e3e3e3}
.statistics-tabs .tab-item table.tlm tr td { color:#061928; text-align:left; line-height:24px;  border-bottom:none; padding:0 1rem !important;}
.statistics-tabs .tab-item table.tlm tr td:last-of-type { text-align:right;}
.statistics-tabs .tab-item table.tlm tr td:last-of-type span { display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; font-weight:700; color:#fff; margin-right:.5rem;}
.statistics-tabs .tab-item table.tlm tr td:last-of-type span.t { color:#07b9e2; text-align:left; font-weight:400; width:auto; height:auto; margin-right:0;}
.statistics-tabs .tab-item table.tlm + a.more { margin-top:0; margin-bottom:1.5rem;}
.statistics-tabs .tab-item table.tlm .gray { color:#96989c}
.statistics-tabs .tab-item table.tlm .red { color:#ed1c24}
.statistics-tabs .tab-item table.tlm .green-g { color:#30be90}
.statistics-tabs .tab-item table.tlm .ball { width:8px; height:8px; background:#30be90; display:inline-block; margin-right:.5rem; -webkit-border-radius:50%; border-radius:50%;}

.statistics-tabs .tab-item table.tlm tr td:nth-of-type(2) { text-align:left; width:45%;}
.statistics-tabs .tab-item table.tlm tr td:nth-of-type(8), .statistics-tabs .tab-item table.tlm tr td:nth-of-type(9) { width:15%;}
.statistics-tabs .tab-item table.tlm tr td:nth-of-type(3), .statistics-tabs .tab-item table.tlm tr td:nth-of-type(4),.statistics-tabs .tab-item table.tlm tr td:nth-of-type(5), .statistics-tabs .tab-item table.tlm tr td:nth-of-type(6), .statistics-tabs .tab-item table.tlm tr td:nth-of-type(7) { width:5%;}



/* menu globals */
.open-menu, .close-menu { display:none;}


/* override bs */
h4 { font-size: 1rem; }
body { line-height: 1.2; }
th { text-align: center; }


button.save-button {
    padding: .5rem 1rem;
    background: #30be90;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 3px;
}