.el-button--primary{background-color:#09661f}.el-button--primary:focus,.el-button--primary:hover{background:#09661f;border-color:#09661f;color:#fff}.futureEventsPage{width:100%;position:relative}.futureEventsPage .main{width:62.5%;max-width:75rem;min-width:61.25rem;margin:0 auto;margin-top:2.8125rem;margin-bottom:6.25rem}.futureEventsPage-content,.futureEventsPage-title{width:100%}.futureEventsPage-content table tr.main:nth-child(odd){background:#ededed}.futureEventsPage .filterBox{flex:auto}.futureEventsPage .filterBox .timeMain{cursor:pointer;max-width:75rem;margin:0 auto 0 30px;background:#fff;display:flex}.futureEventsPage .filterBox .timeMain .timeSelect{position:relative;border-right:1px solid #cecece;border-left:1px solid #cecece;display:flex;flex-flow:column;justify-content:center;align-items:center;flex:1}.futureEventsPage .filterBox .timeMain .timeSelect-title{display:flex;align-items:center;box-sizing:border-box;margin-bottom:0}.futureEventsPage .filterBox .timeMain .timeSelect-title .fontAwesomeIcon{font-size:15px;margin-right:.25rem;color:#9a9a9a}.futureEventsPage .filterBox .timeMain .timeSelect-title .selectColor{color:#ff9300;display:flex;align-items:baseline}.futureEventsPage .filterBox .timeMain .timeSelect-title span{font-size:.875rem;color:#999}.futureEventsPage .filterBox .timeMain .timeSelect .down-arrow{display:inline-block;position:relative;width:.625rem;height:.625rem}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar{display:none;position:absolute;top:1.875rem;z-index:9999;width:-webkit-max-content;width:-moz-max-content;width:max-content;right:0}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .calendar__day{border-bottom:1px solid #ccc}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__monthyear{color:#616161}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__days .calendar__day{font-weight:400;font-size:12px}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__days .calendar__day-other{opacity:.3}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar .calendar__days .calendar__day-selected:not(.calendar__day-today) .calendar__day-box{height:70%;width:70%}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__weekdays,.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar .calendar__days,.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar .calendar__header{grid-template-columns:repeat(7,minmax(20px,40px))}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__days .calendar__day-selected .calendar__day-box{border-radius:50%;background-color:#9bd1a5;box-shadow:none;height:70%;width:70%}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__days .calendar__day-box,.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__days .calendar__day-today .calendar__day-box{border-radius:50%;height:70%;width:70%}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__days .calendar__day-selected{color:#616161}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic{box-shadow:0 0 3px rgba(0,0,0,.3137254901960784);border-radius:0}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic.color-calendar--small .calendar__header{padding:15px 15px 5px 15px}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic.color-calendar--small .calendar__body{padding:5px 15px 15px 15px}.futureEventsPage .filterBox .timeMain .timeSelect .colorCalendar .color-calendar.basic .calendar__weekdays{font-size:12px}.futureEventsPage .filterBox .timeMain .timeSelect .calendarShow{display:block}.futureEventsPage .filterBox .timeMain .date{color:#999;text-align:start;border-right:1px solid #cecece;box-sizing:border-box;flex:1;display:flex;height:1.875rem;justify-content:center;align-items:center}.futureEventsPage .filterBox .timeMain .date .wrap{display:flex;align-items:flex-end;color:#999}.futureEventsPage .filterBox .timeMain .date:first-child{border-left:1px solid #cecece}.futureEventsPage .filterBox .timeMain .date.selectColor,.futureEventsPage .filterBox .timeMain .timeSelect.selectColor{background:#09661f}.futureEventsPage .filterBox .timeMain .date.selectColor a,.futureEventsPage .filterBox .timeMain .timeSelect.selectColor a{color:#fff}.futureEventsPage .filterBox .timeMain .date:hover{background:#008a20}.futureEventsPage .filterBox .timeMain .date:hover a,.futureEventsPage .filterBox .timeMain .timeSelect.selectColor .fontAwesomeIcon,.futureEventsPage .filterBox .timeMain .timeSelect.selectColor .timeSelect-title span{color:#fff}.futureEventsPage .filterBox .timeMain .md{font-size:1rem;line-height:1em;font-weight:700}.futureEventsPage .filterBox .timeMain .day{font-size:.75rem;line-height:1.25rem;margin-top:0;margin-left:5px;line-height:1em}.futureEventsPage-title{margin-bottom:2.1875rem;display:flex;justify-content:flex-start;align-items:stretch;color:#09661f;min-height:70px}.futureEventsPage-title .wrapForLine{border-right:.4375rem solid #09661f;padding-right:.625rem;margin-right:.625rem}.futureEventsPage-title .fontAwesomeIcon{font-size:2.1875rem}.futureEventsPage-title .titleGroup{display:flex;flex-flow:column;justify-content:space-between}.futureEventsPage-title .titleGroup p{text-align:left;font-size:1.5625rem;font-weight:700;line-height:1em}.futureEventsPage-title .routerBox{display:flex;margin-top:10px}.futureEventsPage-title .routerBox-list{text-decoration:none;color:#000;min-width:4.0625rem;border:1px solid #ccc;padding:.15625rem .625rem;box-sizing:border-box;background:#fff;background:linear-gradient(180deg,#fff 0,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cccccc",GradientType=0)}.futureEventsPage-title .routerBox .routerBox-list:hover{border-bottom:3px solid #09661f}.futureEventsPage-title .routerBox .router-link-active{background:#b3b3b3;background:linear-gradient(180deg,#b3b3b3 0,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3",endColorstr="#ffffff",GradientType=0);border-bottom:3px solid #09661f}.futureEventsPage-nav{display:flex;justify-content:flex-end;margin-bottom:.625rem}.futureEventsPage-nav .immediateBtn{color:#09661f;background:#fff;border:1px solid #09661f;height:30px;display:flex;cursor:pointer;position:relative;width:auto;min-width:4.3em;font-size:14px;line-height:1em;align-items:center;padding:0 24px;margin-left:10px;box-sizing:border-box}.futureEventsPage-nav .immediateBtn:hover,.futureEventsPage-nav .quickFilterSelect{color:#fff;background:#09661f}.futureEventsPage-nav .eventScreeningLoading{pointer-events:none;color:#999;border-color:#999}.futureEventsPage-nav .selectSimulation{cursor:pointer;position:relative;width:auto;min-width:4.3em;display:inline-block;font-size:14px;line-height:1.2em}.futureEventsPage-nav .selectSimulation:after{content:" ";width:.7em;height:15px;position:absolute;right:.6em;top:1.05em;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M4.5 5.7L.7 1.9c-.3-.3-.3-.7 0-1l.6-.6c.3-.3.7-.3 1 0L5 3 7.7.3c.3-.3.7-.3 1 0l.6.6c.3.3.3.7 0 1L5.5 5.7c-.3.3-.7.3-1 0z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat}.futureEventsPage-nav .selectSimulation .subMenu{position:absolute;border:1px solid #ccc;box-shadow:0 0 3px rgba(0,0,0,.247);left:1px;z-index:1;background-color:#fff}.futureEventsPage-nav .selectSimulation .types{margin:0;border:1px solid #09661f;padding:0 24px 0 8px;background:#09661f;color:#fff;height:30px;display:flex;align-items:center;box-sizing:border-box;line-height:1em}.futureEventsPage-nav .selectSimulation .optionsWrap{padding:10px;width:360px;height:245px;overflow-y:scroll;margin-right:3px;margin-top:3px;margin-bottom:3px}.futureEventsPage-nav .selectSimulation .optionsCon{display:flex;border-bottom:1px solid #ccc}.futureEventsPage-nav .selectSimulation .optionsCon .option{margin:.9375rem 0;margin-right:.625rem;display:flex;align-items:center}.futureEventsPage-nav .selectSimulation .optionsCon .option input,.futureEventsPage-nav .selectSimulation .optionsCon .option label{cursor:pointer}.futureEventsPage-nav .selectSimulation .optionsCon .sortTitle{width:14px;flex:none;color:#09661f;font-weight:700;margin-right:1.25rem;margin-top:.9375rem}.futureEventsPage-nav .selectSimulation .optionsCon .optionBox{display:flex;flex-flow:wrap}.futureEventsPage-nav .selectSimulation .optionsWrap p{margin:5px 0;padding:0;line-height:1em;display:flex;align-items:center;width:33%}.futureEventsPage-nav .selectSimulation .optionsWrap input[type=checkbox]{width:14px;height:14px;position:relative;margin-right:5px}.futureEventsPage-nav .selectSimulation .optionsWrap label{display:inline-block;line-height:1em}.futureEventsPage-nav .btnWrap{display:flex;border-top:1px solid #ccc;flex-wrap:wrap}.futureEventsPage-nav .btnWrap button{border-width:0;margin:0;padding:10px}.futureEventsPage-nav .btnWrap button:first-child{border-right:1px solid #ccc}.futureEventsPage-nav .btnWrap button:nth-child(3){border-left:1px solid #ccc}.futureEventsPage-nav .all,.futureEventsPage-nav .cancel,.futureEventsPage-nav .reverse{width:33.3333333333%}.futureEventsPage-nav .btnWrap .submit{flex:100%;border-top:1px solid #ccc}.futureEventsPage-nav .optionsWrap::-webkit-scrollbar{width:7px;background-color:#fff}.futureEventsPage-nav .optionsWrap::-webkit-scrollbar-thumb{background-color:#ededed;border-radius:5px}.futureEventsPage-content table{background:#fff;width:100%}.futureEventsPage-content table .head{background:#09661f;color:#fff;border-spacing:0}.futureEventsPage-content table .noData .noDataBox{display:flex;flex-flow:column;align-items:center;margin:5% auto}.futureEventsPage-content table .noData .noDataBox span{font-size:24px;color:#999;margin-bottom:30px}.futureEventsPage-content table .noData .noDataBox img{width:40%}.futureEventsPage-content table th{padding:.9375rem .3125rem;border:none}.futureEventsPage-content table td{padding:.906875rem .3125rem}.futureEventsPage-content table td,.futureEventsPage-content table th{text-align:center}.futureEventsPage-content table td{border:none;border-bottom:.0625rem solid #cecece}.futureEventsPage-content table .teamLogo{width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:50%;overflow:hidden;padding:2px;background:#fff;display:flex;justify-content:center;align-items:center;min-width:18px;min-height:18px}.futureEventsPage-content table .attention,.futureEventsPage-content table .eventname,.futureEventsPage-content table .time{width:7%}.futureEventsPage-content table .corner,.futureEventsPage-content table .time{line-height:1em}.futureEventsPage-content table .corner,.futureEventsPage-content table .date{font-size:.75rem}.futureEventsPage-content table .home{text-align:right}.futureEventsPage-content table .home-teamNameBox{display:flex;justify-content:flex-end;align-items:center}.futureEventsPage-content table .home .teamLogo{margin-left:.3125rem}.futureEventsPage-content table .home img{width:1.125rem;height:auto}.futureEventsPage-content table .away{text-align:left}.futureEventsPage-content table .away-teamNameBox{display:flex;justify-content:flex-start;align-items:center}.futureEventsPage-content table .away .teamLogo{margin-right:.3125rem}.futureEventsPage-content table .away img{width:1.125rem;height:auto}.futureEventsPage-content table .statusPlaying{color:#d60000}.futureEventsPage-content table .head .time{color:#fff}.futureEventsPage-content table .time{font-size:16px;color:#09661f}.futureEventsPage-content table .time .timeMD{font-size:14px;color:#2c3e50}.futureEventsPage-content table .block_1,.futureEventsPage-content table .block_2{width:8%}.futureEventsPage-content table .away,.futureEventsPage-content table .home{width:20%;cursor:pointer}.futureEventsPage-content table .score{width:5%}.futureEventsPage-content table .live{width:7%}.futureEventsPage-content table .live a{color:#bcbcbc}.futureEventsPage-content table .live a:hover{color:#09661f}.futureEventsPage-content table .attention{cursor:pointer}.futureEventsPage-content table .attention .fontAwesomeIcon{color:#bcbcbc}.futureEventsPage-content table .attention .collected{color:#ff9300}.futureEventsPage-content table .attention:hover .fontAwesomeIcon{color:#ffb820}html[lang=vn] .futureEventsPage .filterBox .timeMain .date .md{font-size:1em}html[lang=vn] .futureEventsPage .filterBox .timeMain .date .wrap{flex-flow:column;align-items:center}html[lang=vn] .futureEventsPage .filterBox .timeMain .date .day,html[lang=vn] .futureEventsPage .filterBox .timeMain .date .md{margin:2px}html[lang=vn] .futureEventsPage .filterBox .timeMain .date{padding:5px 0;height:inherit;text-align:center}html[lang=vn] .futureEventsPage .filterBox .timeMain .timeSelect-title span{font-size:.5em}html[lang=vn] .futureEventsPage .filterBox .timeMain .timeSelect-title .fontAwesomeIcon{font-size:12px}html[lang=vn] .futureEventsPage .filterBox .timeMain .timeSelect-title .selectColor{flex-flow:column;align-items:center}