#report{
	cursor: pointer;
	font-size: 31px;
	font-weight: bold;
	color: crimson;
}
					
.room_report_text{
	width: 380px;
	height: 100px;
	display: block;
	margin: auto;
}
					
.room_report_submit{
	margin-top: 10px;
	width: 380px;
}

.new-container {
    width: 1240px;
}

.results_block {
    width: 348px;
}


.room_area2 {
    padding-bottom: 25px;
    font-family: pfagorasansproMedium;
    margin-top: 13px !important;
    min-height: 620px;
    margin-bottom: 41px;
    background: white;
    width: 963px !important;
}

.room_players_t_a2 a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 133px;
    text-decoration: underline;
}

.room_players_t2 tr > td:nth-child(2) {
    width: 652px;
}

.add_name_link {
    display: inline-block;
    width: 149px;
}

.room_players_t_a2 > div > div {
    width: 310px !important;
}


/*SCREENSHOTS START*/

.sb-title {
    font-size: 22px !important;
    margin-top: 0;
}

.screenshots-block {
    width: 362px;
    height: 106px;
    margin: 10px 0 20px -7px;
    white-space: nowrap;
}

.screenshots-block .sb-screen {
    display: inline-block;
    width: 106px;
    height: 106px;
    margin-left: 9px;
    position: relative;
    vertical-align: top;
    white-space: normal;
}

.screenshots-block .sb-screen .scr-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    cursor: pointer;
}

.screenshots-block .sb-screen .scr-img:hover {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    box-shadow: 0 0 4px #33CC99;
}

.screenshots-block .sb-screen .scr-img:hover .removeBtn {
    display: inline-block;
}

.screenshots-block .sb-screen .removeBtn {
    position: absolute;
    z-index: 999;
    color: white;
    right: 5px;
    top: 4px;
    opacity: 0.8;
    display: none;
}

.screenshots-block .sb-screen .removeBtn:hover {
    opacity: 1;
}

.screenshots-block .sb-add-btn {
    border: 2px dashed #33CC99;
    border-radius: 5px;
    opacity: 0.9;
    color: green;
    text-align: center;
    font-size: 11pt;
    line-height: 15px;
}

.screenshots-block .sb-add-btn i {
    font-size: 37pt;
    margin: 8px 0 5px 0;
    opacity: 0.4;
}

.screenshots-block .sb-add-btn:hover {
    opacity: 1;
    border: 2px dotted #33CC99;
}

.screenshots-block .sb-add-btn #sb-fileReceiver {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.ModalOverlay {
    position: fixed;
    background-color: rgba(0,0,0,0.4);
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 99999999;
    font-size: 0;
    display: none;
}

.ModalOverlay:before {
    content: "";
    display: -moz-inline-box;
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
    zoom: 1;
}

.ModalOverlay .modal-block {
    vertical-align: middle;
    zoom: 1;
    display: inline-block;
    margin: 20px 0;
    max-width: 94%;
    min-width: 100px;
    min-height: 100px;
    background-color: white;
    box-shadow: 0 0 10px #33CC99;
}

.ModalOverlay .status-bar>div:nth-child(1) {
    font-size: 11pt;
    margin: 12px;
    float: left;
}

.ModalOverlay .status-bar>div:nth-child(2) {
    margin: 5px 0 5px 0;
}

.ModalOverlay .status-bar>div:nth-child(2) button {
    margin-right: 5px;
}

.screenshotPreview .closeBtn {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999;
    font-size: 20pt;
    color: white;
    opacity: 0.5;
    cursor: pointer;
}

.screenshotPreview .closeBtn:hover {
    opacity: 0.9;
}

.cropModalBlock .loader {
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;
    font-size: 40pt;
    color: #33CC99;
    padding-top: calc(50% - 160px);
    display: none;
}

/*SCREENSHOTS END*/

@media screen and (max-width: 480px) {

    #start_match_content {
        display: none;
    }

    .new-container {
        max-width: initial !important;
        width: 100%;
    }

    .middle-info .container > div:first-child {
        width: 100% !important;
    }

    .middle-info .container > div:last-child {
        width: 100%;
        float: left;
    }

    .wrap_iframe .tournament_menu {
        height: auto;
    }

    .tournament_menu ul {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    table.room_players_t {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    table.room_players_t tr {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .room_players_t_c2 > div > div {
        display: flex;
        flex-direction: column;
        top: 0;
        left: 0;
    }

    .room_players_t_a2 .fa-steam-square,
    .room_players_t_c2 .fa-steam-square {
        position: absolute;
        top: 33px;
        right: 5px;
    }
    
    .room_players_t_a2 .fa-steam-square {
        top: 23px;
        z-index: 9;
    }

    table.room_players_t td.room_players_t_a2 {
        text-align: left !important;
    }

    .room_players_t_a2 > div > div {
        width: 100% !important;
    }

    .room_players_t_c2 > div {
        top: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    table.room_players_t2 tr {
        display: flex;
        flex-direction: column;
    }

    table.room_players_t2 tr td {
        width: 100%;
    }

    .room_players_t2 tr > td:nth-child(2) {
        width: 100%;
    }

    .results_block,
    .screenshots-block {
        width: 100%;
    }

    .room_chat {
        width: 100%;
        margin-left: 0;
    }

    .room_text,
    .chat_btn,
    .news_send_replay,
    .room_area2 .red-btn {
        width: 100%;
    }

}