.net_parent {
    position: relative;
    overflow: auto;
}


.global_group {
    display: inline-block;
    height: 100%;
    width: 260px;
    outline: 1px solid #FBFBFB;
    margin: 1px -4px 1px 1px;
    padding: 0 80px 0 20px;
    vertical-align: top;
    box-sizing: border-box;
}

.top_net_container.extra_net_style .global_group {
    margin: 1px -4px 0 1px;
}
.bot_net_container .global_group {
    margin: 0 -4px 1px 1px;
}
/*.bot_net_container>.global_group {
    background-color: rgba(255,200,200,0.1);
}*/

.net_container>*{
   /* display: inline-block;*/
    vertical-align: top;
}

.net_container>.final_net_container {
    float: right;
    width: 260px;
}

.group_container {
   /* display:table;*/
    width:100%;
}

.info_box {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    /*border-radius: 10px;*/
}

.member_containers {
    /*background: rgba(155,155,155,1);*/
    position: relative;
    display: table-cell;
    vertical-align: middle;

}

.member_block {
    overflow: hidden;
    border-radius: 6px;
    background: rgba(155,155,155,1);
}

.member_item.win {
    background: rgba(255, 140, 0, 1);
}

.member_containers.completed>.member_block {
    background: rgba(185,185,185,1);
}

.member_containers.empty>.member_block {
    background: rgba(155,155,155,1);
    opacity: .15;
}

.bot_net_container .member_block{
    background: rgba(165,155,155,1);
}
.bot_net_container .member_containers.completed>.member_block {
    background: rgba(185,185,185,1);
}

.bot_net_container .member_containers.empty>.member_block {
    background: rgba(210,200,200,1);
    opacity: .5;
}


.member_item {
    width: 198px;
    padding: 6px 10px;
}
.member_item:nth-child(2) {
    border-top: 1px solid #aaa;
}

.member_item>* {
    display: inline-block;
    vertical-align: top;
    color: #F1F1F1;
}

.member_item>.name_member {
    white-space: nowrap;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member_item>.name_member>a {
    text-decoration: none;
    color: #F1F1F1;
}
.member_item>.name_member>a:hover {
    text-decoration: underline;
}

.member_item>.match_num {
    float: right;
    border-left: 1px solid #aaa;
    padding-left: 8px;
}

.member_item.win>.match_num {
    border-left: 1px solid #c5680a;
}

.connect_line {
    position: absolute;
    margin: -32px 0 0 219px;
    width: 22px;
    height: 2px;
    background-color: #F1F1F1;
}

.connect_line.prev {
    margin: -32px 0 0 -22px;
}

.connect_line.long {
    width: 43px;
    margin: -31px 0 0 218px;
}

.connect_line_group {
    position: absolute;
    width: 22px;
    top:0;
    margin-left: 240px;
    height: 2px;
    background-color: #F1F1F1;
}

.connector_line {
    position: absolute;
    margin: -32px 0 0 239px;
    width: 2px;
    background-color: #F1F1F1;
}

.connector_line.prev{
    margin: 0 0 0 -22px;
    top: 0;
}

.next_round_button {
    position: absolute;
    top: 20px;
    right: -20px;
    background-color: #c4c7e2;
    padding: 1px 0px 1px 1px;
    z-index: 1;
    cursor: pointer;
}

.next_round_button[send] {
    background-color: #e6d22b;
}

.next_round_button[confirm] {
    background-color: #ed2d36;
}

#modal_confirm_result {
    text-align: center;
}

#modal_confirm_result>form {
    padding-top: 10px;
}

#modal_confirm_result>form>button {
    margin-top: 10px;
}