/*EVENT FIGHTS*/
#EventFight_No_Socket_Message_Container{
    width: 100%;
    height: 100%;
    background-color: #000000de;
    position: absolute;
}
#EventFight_No_Socket_Message{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    user-select: none;
}
.EventFight_font1 {
    font-size: 16px;
}
.EventFight_font2 {
    font-size: 18px;
    color:black;
}
.EventFight_CancelFight_ReturnBet{
    font-size: 12px;
    user-select: none;
    pointer-events: none;
}
#EventFight_div{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
#EventFight_content{
    position: absolute;
    display: block;
    width: 80%;
    /*height: 100%;*/
    top: 12px;
    left: 0px;
    right: 0px;
    margin: auto;
    /*min-height: 500px;*/
}
#EventFight_logo{
    display: block;
    user-select: none;
    pointer-events: none;
    float: left;
    position: absolute;
    left: -65px;
}
#EventFight_label_title{
    display: block;
    user-select: none;
    pointer-events: none;
    float: left;
    padding-top: 18px;
    padding-left: 8px;
    color: rgb(1, 52, 103);
    font-size: 30px;
    text-shadow: black 0px 0px;
}
#EventFight_info_wrapper{
    display: block;
    user-select: none;
    pointer-events: none;
    float: left;
    height: 100%;
    width: 55%;
    color: rgb(0, 0, 0);
    font-size: 18px;  
}
#EventFight_info_content{
    display: block;
    user-select: none;
    pointer-events: none;
    float: left;
    height: 55px;
}
#EventFight_label_eventID{
    display: block;
    user-select: none;
    pointer-events: none;
    float: left;
    width: 40%;
    text-align: right;
}
#EventFight_value_eventID{
    display: block;
    user-select: none;
    pointer-events: none;
    float: left;
    width: 60%;
}
#EventFight_label_timeStarted{
    display: block;
    user-select: none;
    pointer-events: none;
    width: 40%;
    float: left;
    text-align: right;
}
#EventFight_value_timeStarted{
    display: block;
    user-select: none;
    pointer-events: none;
    width: 60%;
    float: left;
}
#EventFight_center_div{
    display: block;
    width: 100%;
    height: 80%;
    float: left;
    background-color: #ffeceb69;
}
#EventFight_button_closeEvent{
    position: absolute;
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    right: 10%;
    top: 25px;
    cursor: pointer;
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgb(183, 183, 183) 49%, rgb(183, 183, 183) 100%);
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 30px;
    user-select: none;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
    color: black;
}
#EventFight_left_div{
    display: block;
    width: 28%;
    height: 100%;
    float: left;
    position: relative;
    margin-right: 2%;
}
#EventFight_left_previousFight_container{
    color: black;
    padding-top: 5%;
    float: left;
    user-select: none;
}
#EventFight_left_previousFight_content{
    float: left;
}
#EventFight_left_title{
    float: left;
    width: 100%;
    font-size: 20px;
    text-align: center;
}
#EventFight_left_label_fightNo{
    float: left;
    width: 40%;
    text-align: right;
}
#EventFight_left_value_fightNo{
    width: 50%;
    float: left;
    text-align: left;
    margin-left: 5px;
}
#EventFight_left_label_wonSide{
    float: left;
    width: 40%;
    text-align: right;
}
#EventFight_left_value_wonSid{
    width: 50%;
    float: left;
    text-align: left;
    margin-left: 5px;
}
#EventFight_left_label_slowKill{
    float: left;
    width: 40%;
    text-align: right;
}
#EventFight_left_value_slowKill{
    width: 60%;
    float: left;
    text-align: left;
}
#EventFight_left_btn_changeResultContainer{
    float: left;
    width: 100%;
    padding-top: 10px;
}
#EventFight_left_btn_changeResult{
    width: 80%;
    float: left;
    text-align: center;
    cursor: pointer;
    background-color: rgb(255, 91, 91);
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 30px;
    user-select: none;
    transform: translate(10%, 0%);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
}
#EventFight_left_secLeft_container{
    float: left;
    width: 100%;
    padding-top: 5px;
}
#EventFight_left_secLeft_time{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 70px;
    color: red;
}
#EventFight_left_secLeft_desc{
    float: left;
    width: 50%;
}
#EventFight_right_div{
    display: block;
    width: 70%;
    /*height: 100%;*/
    float: left;
}
#EventFight_right_message_container{
    margin-top: 2%;
    height: 70%;
    float: left;
    width: 95%;
    background-color: black;
    padding-bottom: 2%;
}
#EventFight_right_message_content{
    float: left;
    width: 96%;
    /*height: 80%;*/
    background-color: white;
    transform: translate(2%, 0%);
    margin-top: 2%;
    max-height: auto;
}
#EventFight_right_message_label_msgToPlayers{
    float: left;
    width: 100%;
    padding-left: 2%;
    padding-top: 1%;
}
#EventFight_right_message_value_msgToPlayers{
    float: left;
    width: 96%;
    background-color: white;
    height: 20px;
    transform: translate(2%, 0%);
}
#EventFight_right_bottom_container{
    float: left;
    width: 100%;
    margin-top: 10px;
}
#EventFight_right_bottom_info_container{
    float: left;
    width: 60%;
}
#EventFight_right_bottom_label_currentFight{
    font-size: 22px;
    width: 100%;
    color: black;
}
#EventFight_right_bottom_label_fightNumber{
    float: left;
    width: 50%;
}
#EventFight_right_bottom_value_fightNumber{
    width: 50%;
    float: left;
}
#EventFight_right_bottom_label_currentStatus{
    float: left;
    width: 50%;
}
#EventFight_right_bottom_value_currentStatus{
    width: 50%;
    float: left;
}
#EventFight_right_bottom_label_slowKillBetting{
    float: left;
    width: 50%;
}
#EventFight_right_bottom_value_slowKillBetting{
    width: 50%;
    float: left;
}
#EventFight_right_bottom_btn_container{
    float: right;
    /* width: 35%; */
    transform: translate(0px, -30px);
    margin-right: 5%;
}
#EventFight_right_bottom_btn_startBet{
    text-align: center;
    cursor: pointer;
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 45px;
    user-select: none;
    background: linear-gradient(8deg, rgba(106,175,106,1) 11%, rgba(186,250,186,1) 100%);
    width: 120px;
    height: 45px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
    font-size: 18px;
    color: #0b3e0b;
    float: right;
}
#EventFight_right_bottom_btn_slowKill{
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 16px;
    user-select: none;
    background: linear-gradient(8deg, #ffcfa0 11%, #ffcdcb 100%);
    width: 120px;
    height: 40px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
    transform: translate(50%, 0%);
    font-size: 14px;
    color: #0b3e0b;
    padding-top: 7px;
}
#EventFight_right_bottom_btn_stopBet{
    text-align: center;
    cursor: pointer;
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 45px;
    user-select: none;
    background: rgb(255,105,9);
    background: linear-gradient(0deg, rgba(255,105,9,1) 0%, rgba(255,185,151,1) 95%);
    width: 120px;
    height: 45px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
    /*transform: translate(50%, 0%);*/
    font-size: 18px;
    color: #0b3e0b;
}
#EventFight_right_bottom_btn_lastCall{
    text-align: center;
    cursor: pointer;
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 45px;
    user-select: none;
    background: rgb(255,105,9);
    background: linear-gradient(0deg, rgba(255,105,9,1) 0%, rgba(255,185,151,1) 95%);
    width: 120px;
    height: 45px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
    /*transform: translate(50%, 0%);*/
    font-size: 18px;
    color: #0b3e0b;
}
#EventFight_right_bottom_btn_cancelFight{
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 16px;
    user-select: none;
    background: rgb(184,22,22);
    background: linear-gradient(0deg, rgba(184,22,22,1) 0%, rgba(255,103,103,1) 25%, rgba(255,163,163,1) 95%);
    width: 120px;
    height: 40px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
    /*transform: translate(50%, 0%);*/
    font-size: 14px;
    color: #0b3e0b;
    padding-top: 7px;
}

#EventFight_right_bottom_btn_setWinner{
    text-align: center;
    cursor: pointer;
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 45px;
    user-select: none;
    background: linear-gradient(356deg, #033568 6%, #aad0f9 100%);
    width: 120px;
    height: 45px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
    /*transform: translate(50%, 0%);*/
    font-size: 18px;
    color: #000200;
    text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgb(208, 203, 203), 2px 2px 2px rgba(206,206,206,0);
}

#EventFight_left_fighthistory_btn{
    text-align: center;
    cursor: pointer;
    border: 2px solid rgb(72, 64, 64);
    border-radius: 8px;
    line-height: 10px;
    user-select: none;
    background: linear-gradient(8deg, rgb(106, 202, 4) 11%, rgb(255, 216, 193) 100%);
    width: 125px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.58), 0 4px 2px 0 rgba(0, 0, 0, 0.19);
    font-size: 13px;
    color: #0b3e0b;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 4px;
    /*left: 50%;
    transform: translate(-50%, 0px);
    position: relative;*/
}

/*BLINKING RESULT*/
@keyframes blinkingMeronColor{
    0%{     color: #000;    }
    50%{    color: blue; }
    100%{   color: #000;    }
}
.blinkingMeron{
    animation:blinkingMeronColor 1.2s infinite;
}
@keyframes blinkingWalaColor{
    0%{     color: #000;    }
    50%{    color: red; }
    100%{   color: #000;    }
}
.blinkingWala{
    animation:blinkingWalaColor 1.2s infinite;
}
@keyframes blinkingDrawColor{
    0%{     color: #000;    }
    50%{    color: green; }
    100%{   color: #000;    }
}
.blinkingDraw{
    animation:blinkingDrawColor 1.2s infinite;
}


@media screen and (max-width: 1100px) {
    #EventFight_left_secLeft_desc{
        font-size: 12px;
    }
}
@media screen and (max-width: 1000px) {
    #EventFight_left_secLeft_time{
        font-size: 50px;
    }
    #EventFight_left_secLeft_desc{
        font-size: 10px;
        padding-top: 6px;
    }
}
@media screen and (max-width: 900px) {
    
    #EventFight_info_content{
        margin-top: 14px;
    }
    #EventFight_label_title {
        font-size: 25px;
    }
    #EventFight_info_wrapper{
        font-size: 15px;  
        padding-top: 10px;
    }
    #EventFight_content{
        width: 95%;
        top: 1%;
    }
    #EventFight_button_closeEvent{
        width: 90px;
        line-height: 15px;
        height:35px;
        padding-top: 5px;
        right: 3%;
        top: 3%;
    }
    #EventFight_logo{
        left: 0px;
        top: -54px;
        position: static;
    }
    #EventFight_right_bottom_label_currentFight{
        font-size: 18px;
    }
    .EventFight_font2 {
        font-size: 14px;
    }
    #EventFight_right_bottom_btn_container{
        margin-top: 5px;
    }
    #EventFight_right_bottom_btn_setWinner{
        width: 100px;
        height: 34px;
        font-size: 12px;
        line-height: 31px;
        /*transform: translate(90%, 0%);*/
    }
    #EventFight_right_bottom_btn_stopBet{
        width: 100px;
        height: 34px;
        font-size: 16px;
        line-height: 31px;
        /*transform: translate(90%, 0%);*/
    }
    #EventFight_right_bottom_btn_lastCall{
        width: 100px;
        height: 34px;
        font-size: 16px;
        line-height: 31px;
        /*transform: translate(90%, 0%);*/
    }
    #EventFight_right_bottom_btn_cancelFight{
        width: 100px;
        height: 28px;
        font-size: 12px;
        line-height: 11px;
        padding-top: 6px;
        /*transform: translate(90%, 0%);*/
    }
}
@media screen and (max-width: 750px) {
    #EventFight_logo{
        transform: scale(0.7);
        transform-origin: left top 0px;
    }
    #EventFight_center_div{
        transform: translate(0px, -20px);
    }
}
@media screen and (max-width: 750px) {
    #EventFight_label_title {
        font-size: 20px;
    }
    #EventFight_info_wrapper{
        font-size: 12px;  
    }
    #EventFight_content{
        width: 98%;
    }
    #EventFight_button_closeEvent{
        width: 90px;
        line-height: 12px;
        height: 29px;
        top: 1%;
        font-size: 14px;
    }
    #EventFight_info_content{
        height: 40px;
        margin-top: 0px;
    }
    #EventFight_left_title{
        font-size: 12px;
    }
    #EventFight_left_secLeft_time{
        font-size: 50px;
    }
    .EventFight_font1 {
        font-size: 11px;
    }
    
    #EventFight_right_bottom_btn_startBet{
        width: 95px;
        font-size: 15px;
    }
    #EventFight_right_bottom_btn_slowKill{
        width: 95px;
        font-size: 12px;
    }
    #EventFight_right_bottom_btn_stopBet{
        width: 95px;
        font-size: 15px;
        /*transform: translate(60%, 0%);*/
    }
    #EventFight_right_bottom_btn_lastCall{
        width: 95px;
        font-size: 15px;
        /*transform: translate(60%, 0%);*/
    }
    #EventFight_right_bottom_btn_cancelFight{
        width: 95px;
        font-size: 11px;
        line-height: 11px;
        padding-top: 6px;
        height: 28px;
        /*transform: translate(60%, 0%);*/
    }
    #EventFight_right_bottom_btn_setWinner{
        width: 95px;
        font-size: 13px;
        line-height: 17px;
        padding-top: 6px;
        height: 28px;
        /*transform: translate(60%, 0%);*/
    }
    .EventFight_CancelFight_ReturnBet{
        font-size: 10px;
    }   
}
@media screen and (max-width: 600px) {
    #EventFight_button_closeEvent{
        width: 53px;
        height: 29px;
        top: 1%;
        font-size: 11px;
    }
    #EventFight_right_bottom_btn_startBet{
        width: 95px;
        font-size: 15px;
    }
    #EventFight_right_bottom_btn_slowKill{
        width: 95px;
        font-size: 12px;
    }
    .EventFight_font2 {
        font-size: 9px;
    }
    #EventFight_right_bottom_btn_slowKill{
        transform: translate(0%);
    }
    #EventFight_logo{
        transform: scale(0.5);
    }
    #EventFight_info_content{
        transform: translate(-9%, 0px);    
    }
    #EventFight_right_bottom_btn_stopBet{
        width: 95px;
        font-size: 15px;
        /*transform: translate(30%, 0%);*/
    }
    #EventFight_right_bottom_btn_lastCall{
        width: 95px;
        font-size: 15px;
        /*transform: translate(30%, 0%);*/
    }
    #EventFight_right_bottom_btn_cancelFight{
        width: 95px;
        font-size: 11px;
        line-height: 11px;
        padding-top: 6px;
        height: 28px;
        /*transform: translate(30%, 0%);*/
    }
    #EventFight_right_bottom_btn_setWinner{
        width: 95px;
        font-size: 12px;
        line-height: 18px;
        padding-top: 6px;
        height: 28px;
        /*transform: translate(30%, 0%);*/
    }
    .EventFight_CancelFight_ReturnBet{
        font-size: 10px;
    }
}
@media screen and (max-width: 500px) {
    /*#EventFight_button_closeEvent{
        height: 25px;
        top: 1%;
        font-size: 8px;
        line-height: 10px;
        width: 55px;
        font-size: 10px;
    }*/
    #EventFight_logo {
        
    }
    #EventFight_label_title{
        padding-top: 15px;
        padding-left: 0px;
        font-size: 16px;
    }
    #EventFight_info_wrapper{
        padding-top: 10px;
        font-size: 9px;
    }
    #EventFight_center_div{
        transform: translate(0px, -35px);
    }
    .EventFight_font1 {
        font-size: 8px;
    }
    #EventFight_left_secLeft_time{
        font-size: 35px;
    }
    #EventFight_right_bottom_btn_startBet{
        width: 100px;
        font-size: 12px;
        line-height: 12px;
        height: auto;
        margin: auto;
        left: 0px;
        right: 0px;
        float: none;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #EventFight_right_bottom_btn_slowKill{
        width: 60px;
        font-size: 9px;
        line-height: 9px;
        padding-top: 3px;
        height: 28px;
        float: left;
        margin-left: 15%;
        margin-top: 0px;
    }
    #EventFight_right_bottom_label_currentFight{
        font-size: 12px;
    }
    #EventFight_right_bottom_btn_container{
        float: left;
        width: 100%;
        padding-top: 2%;
    }
    #EventFight_right_bottom_btn_setWinner{
        width: 60px;
        font-size: 12px;
        line-height: 12px;
        padding-top: 3px;
        height: 28px;
        float: left;
       /* transform: translate(30%, 0%);*/
    }
    #EventFight_right_bottom_btn_stopBet{
        width: 60px;
        font-size: 10px;
        line-height: 20px;
        padding-top: 5px;
        height: 26px;
        float: left;
    }
    #EventFight_right_bottom_btn_lastCall{
        width: 60px;
        font-size: 10px;
        line-height: 20px;
        padding-top: 5px;
        height: 26px;
        float: left;
    }
    #EventFight_right_bottom_btn_cancelFight{
        width: 60px;
        font-size: 7px;
        line-height: 9px;
        padding-top: 5px;
        height: 26px;
        float: left;
        transform: translate(50%, -27%);
    }
    .EventFight_CancelFight_ReturnBet{
        font-size: 6px;
    }
    
    #EventFight_right_bottom_info_container{
        width: 100%;
    }
}
@media screen and (max-width: 380px) {
    #EventFight_label_title{
        font-size: 11px;
        padding-top: 16px;
    }
    #EventFight_info_wrapper {
        padding-top: 10px;
        font-size: 8px;
    }
}
@media screen and (max-width: 360px) {
    .EventFight_font1 {
        font-size: 7px;
    }
    #EventFight_right_bottom_info_container{
        width: 80%;
    }
}

@media screen and (orientation: landscape){
    #EventFight_left_fighthistory_btn{
        display: none;
    }
}
@media screen and (max-height: 500px) and (orientation: landscape) {
    html, body {
        min-width: 570px;
        min-height: 320px;
    }

    #Lobby_div{
        /*background-color: unset;*/
    }
    #EventFight_content {
        width: 100%;
        top: 1%;
        position: unset;
        float: left;
        background-color: rgba(227, 212, 209, 0.8);
    }
    
    /*TOP*/
    #EventFight_logo{
        display: none;
    }
    #EventFight_info_content{
        margin-top: 0px;
        width: 200px;
        width: 28%;
        height: auto;
        margin-bottom: 0px;
        transform: translate(0%, 0px);
        border-bottom: 2px solid black;
        background-color: #46d646;
        width: 34%;
    }
    #EventFight_label_title{
        text-align: center;
        width: 100%;
        padding-left: 0px;
        padding-top: 0px;
        font-size: 20px;
    }
    #EventFight_info_wrapper{
        padding-top: 0px;
        width: 135%;
        font-size: 10px;
        padding-left: 5px;
    }
    #EventFight_label_eventID{
        text-align: left;
        width: 32%;
    }
    #EventFight_label_timeStarted{
        text-align: left;
        width: 32%;
    }
    
    
    
    /*MIDDLE*/
    #EventFight_center_div{
        transform: translate(0px, 0px);
        background-color: unset;
        position: absolute;
        top: 0px;
        
    }
    #EventFight_left_previousFight_container{
        padding-top: 2px;
        background-color: #d9d9ff;
        border-bottom: 2px solid black;
        width: 100%;
        padding-bottom: 5px;
    }
    #EventFight_left_label_fightNo{
        text-align: left;
    }
    #EventFight_left_label_wonSide{
        text-align: left;
    }
    
    #EventFight_left_previousFight_content{
        padding-left: 5px;
    }
    
    .EventFight_font1 {
        font-size: 10px;
    }
    #EventFight_button_closeEvent{
        width: 56px;
        font-size: 12px;
        right: 1%;
        line-height: 15px;
        height: 35px;
        padding-top: 5px;
        top: 3px;
    }
    #EventFight_left_div{
        width: 34%;
        top: 47px;
    }
    #EventFight_right_div{
        position: absolute;
        right: 0px;
    }
    #EventFight_right_message_container{
        margin-top: 0px;
        float: right;
    }#EventFight_left_title{
        font-size: 16px;
    }
    #EventFight_left_secLeft_desc{
        font-size: 10px;
    }
    #EventFight_left_secLeft_time{
        font-size: 50px;
    }
    #EventFight_right_message_label_msgToPlayers{
        font-size: 12px;
    }
    
    /*CURRENT FIGHT*/
    #EventFight_right_bottom_container{
        margin-top: 2px;
        padding-bottom: 7px;
    }
    #EventFight_right_bottom_label_currentFight{
        font-size: 16px;
        text-align: center;
    }
    .EventFight_font2 {
        font-size: 10px;
    }
    #EventFight_left_fighthistory_btn {
        display: block;
    }
    
    
    /*BOTTOM*/
    #EventFight_right_bottom_info_container{
        width: 98%;
        padding-left: 2%;
    }
    #EventFight_right_bottom_btn_container{
        transform: translate(0px, 0px);
        margin-top: 5px;
    }
    #EventFight_right_bottom_btn_stopBet{
        float: right;
        width: 69px;
        font-size: 14px;
        line-height: 13px;
        padding-top: 5px;
        height: 31px;
    }
    #EventFight_right_bottom_btn_lastCall{
        float: right;
        width: 69px;
        font-size: 14px;
        line-height: 13px;
        padding-top: 5px;
        height: 31px;
    }
    #EventFight_right_bottom_btn_cancelFight{
        float: right;
        width: 73px;
        font-size: 9px;
        padding-top: 5px;
        height: 31px;
        margin-top: 0px;
        margin-right: 5px;
        line-height: 11px;
    }
    #EventFight_right_bottom_btn_setWinner{
        float: right;
        width: 69px;
        font-size: 13px;
        line-height: 13px;
        padding-top: 3px;
        height: 33px;
    }
    #EventFight_right_bottom_btn_startBet{
        float: right;
        width: 69px;
        font-size: 14px;
        line-height: 13px;
        padding-top: 5px;
        height: 31px;
    }
    .EventFight_CancelFight_ReturnBet {
        font-size: 8px;
    }
    
}


/* Portrait */
@media screen and (orientation: portrait) {
    #Lobby_div{
        overflow-y: auto;
        overflow-x: hidden;
    }
    #EventFight_div{
        height: auto;
        position: unset;
        float: left;
    }
    #EventFight_content{
        float: left;
        margin-left: 1%;
        height: auto;
        width: 98%;
    }
    
    /*top*/
    #EventFight_button_closeEvent{
        transform: translate(0px, 46%);
        top: 0px;
    }
    #EventFight_logo{
        display:none;
    }
    #EventFight_info_content{
        transform: translate(0px, 0px);
        height: auto;
        width: 100%;
        padding-bottom: 5px;
    }
    #EventFight_label_title{
        width: 100%;
        font-size: 20px;
        padding-top: 0px;
        text-align: center;
    }
    #EventFight_info_wrapper{
        height: auto;
        padding-top: 0px;
        width: 100%;
        font-size: 12px;
    }
    #EventFight_center_div{
        margin-top: 5px;
        transform: translate(0px, 0px);
    }
    #EventFight_info_wrapper{
        font-size: 12px;
    }
    #EventFight_label_eventID{
        width: 25%;
        text-align: left;
    }
    #EventFight_label_timeStarted{
        width: 25%;
        text-align: left;
    }
    #EventFight_value_eventID{
        width: 65%;
    }
    #EventFight_value_timeStarted{
        width: 65%;
    }
    
    /*MIDDLE*/
    #EventFight_left_div{
        width: 100%;
        height: auto;
        background-color: #6eff5c;
    }
    #EventFight_left_previousFight_container{
        padding: 6px;
        width: calc(100% - 10px);
    }
    #EventFight_left_title{
        font-size: 18px;
        background-color: #7d7d7d;
        padding-top: 2px;
        padding-bottom: 2px;
        color: white;
    }
    .EventFight_font1 {
        font-size: 12px;
    }
    #EventFight_left_label_fightNo{
        width: 50%;
    }
    #EventFight_left_value_fightNo{
        width: 45%;
    }
    #EventFight_left_label_wonSide{
        width: 50%;
    }
    #EventFight_left_value_wonSid{
        width: 45%;
    }
    
    
    /*change result*/
    #EventFight_left_btn_changeResultContainer{
        background-color: #ffd9d9;
        width: calc(50% - 2px);
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #EventFight_left_previousFight_content{
        width: calc(50% - 2px);
        padding-right: 2px;
    }
    #EventFight_left_btn_changeResult{
        width: 120px;
        transform: translate(0%, 0);
        margin: auto;
        left: 0px;
        right: 0px;
        float: none;
    }
    #EventFight_left_secLeft_desc{
        width: 46%;
    }
    #EventFight_left_secLeft_time{
        width: 100%;
    }
    #EventFight_left_secLeft_desc{
        width: 100%;
        text-align: center;
    }
    
    /*middle*/
    #EventFight_right_div{
        width: 100%;
        height: auto;
    }
    #EventFight_right_message_container{
        width: 100%;
        margin-top: 5px;
        padding-bottom: 5px;
        height: auto;
    }
    #EventFight_right_message_label_msgToPlayers{
        font-size: 12px;
    }
    #EventFight_right_message_content{
        height: 193px;
        max-height: 193px;
    }
    #EventFight_right_message_label_msgToPlayers{
        font-size: 12px;
        padding-top: 5px;
    }
    #EventFight_right_message_value_msgToPlayers{
        height: 20px;
    }
    
    /*BOTTOM*/
    #EventFight_right_bottom_container{
        margin-top: 0px;
        float: left;
        padding: 5px;
        width: calc(100% - 10px);
        background: #0ab527;
    }
    #EventFight_right_bottom_info_container{
        width: 100%;
        max-width: 170px;
        min-width: 170px;
        float: left;
        margin-top: 5px;
    }
    #EventFight_right_bottom_label_currentFight{
        font-size: 18px;
        background-color: #a6b1ad;
        text-align: center;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 4px;
    }
    
    .EventFight_font2 {
        font-size: 12px;
    }
    #EventFight_right_bottom_label_fightNumber{
        float: left;
        width: 60%;
    }
    #EventFight_right_bottom_value_fightNumber{
        width: 40%;
    }
    #EventFight_right_bottom_label_currentStatus{
        width: 60%;
    }
    #EventFight_right_bottom_value_currentStatus{
        width: 40%;
    }
    #EventFight_right_bottom_btn_container{
        float: right;
        width: auto;
        padding-top: 0px;
        transform: translate(0px, -4px);
    }
    #EventFight_right_bottom_btn_stopBet{
        transform: translate(0%, 0%);
        float: right;
        font-size: 13px;
        line-height: 13px;
        height: 31px;
        width: 60px;
        padding-top: 5px;
    }
    #EventFight_right_bottom_btn_lastCall{
        transform: translate(0%, 0%);
        float: right;
        font-size: 13px;
        line-height: 13px;
        height: 31px;
        width: 60px;
        padding-top: 5px;
    }
    #EventFight_right_bottom_btn_cancelFight{
        transform: translate(0%, 0%);
        float: right;
        margin-right: 5px;
        height: 28px;
        padding-top: 8px;
        line-height: 9px;
        font-size: 8px;
        width: 68px;
        margin-top: 0px;
    }
    .EventFight_CancelFight_ReturnBet {
        font-size: 6px;
    }
    #EventFight_right_bottom_btn_setWinner{
        float: right;
        transform: translate(0%, 0%);
        height: 31px;
        padding-top: 5px;
        line-height: 12px;
        font-size: 12px;
        width: 60px;
    }
    #EventFight_right_bottom_btn_startBet{
        height: 30px;
        padding-top: 6px;
        padding-bottom: 0px;
        line-height: 12px;
        width: 65px;
        font-size: 12px;
        margin: 0px;
        left: 0px;
        right: 0px;
        float: right;
    }
    
}