.souhlas-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background-color: black;
    text-align:center;
    z-index: 1000;
}

.souhlas-cookies button {
    padding:2px 5px;
    background: green;
    color: white;
    border:none;
}

.btn-seatingplan{
    padding: 5px;
    font-size:10px;
    width:29px;
    height:25px;
}

.img-square{
  width: 30px;
  height: 30px;   
}

.img-circle{
  border-radius: 5px;
  width: 30px;
  height: 30px;   
}

.img-750x450{
    width: 750px;
    height: 450px;
}

.bold{
    font-weight:bold;
}

.teamGame,.singleGame{
    display:none;
}

.img-200x200{
    border-radius: 5px;
    height:200px;
    min-width:200px;
}

.img-100x100{
    border-radius: 5px;
    height:100px;
    min-width:100px;
}

.img-75x75{
    border-radius: 5px;
    height:75px;
    min-width:75px;
}

.img-50x50{
    border-radius: 5px;
    height:50px;
    min-width:50px;
}

.img-63x63{
    border-radius: 5px;
    height:63px;
    max-width:63px;
}

.img-20x20{
    border-radius: 5px;
    height:20px;
    max-width:20px;
}

div#playoff {
  overflow: auto;
}
div.demo{
    /*width:1500px;*/
}
.well{
    min-height: 20px;
    margin-bottom: 20px;
    /*padding: 19px;
    
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/
}
    
.disabledRow{
    opacity:0.4;
}


section.bepro{
    padding: 0px;
}

/*
 * BEPRO
 */

.bepro {
    font-family: sofia-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #0F0F13;
}

.bepro a:hover,.bepro a:focus{
    color: #39DA8A;
}

.bepro .bepro-matches{
    margin:40px auto;
}

.bepro .bepro-matches .bepro-matches-table tr{
    border: 1px solid #28293D;    
}
.bepro .bepro-matches .bepro-matches-table tr th{
    padding:5px 10px;
    background-color:transparent;
}
.bepro .bepro-matches .bepro-matches-table tr td {
    padding:10px 10px;
    background: #1C1C27CC 0% 0% no-repeat padding-box;
}

.bepro .bepro-matches .bepro-matches-table img {
    width: 30px !important;
    height: 30px !important;   
    border-radius: 50%;
    background-color:#fff;
}

.bepro .bepro-head{
    
    /*box-shadow: 0px 7px 30px 0px rgba(0,0,0,1);*/
    opacity: 1;    
    /*border-bottom: 1px solid #28293D;*/
    height: 74px;
    
    /* UI Properties */
    background: #0F0F13 url('/www/assets/bepro/logo-i-2.png') 0% 0% no-repeat padding-box;
    background-position: center;
    
}

.bepro .bepro-body{
   display:flex; 
   flex-flow: row;
}

.bepro .bepro-body .bepro-left{
    width:18%;
    min-height: 900px;
    
    /* UI Properties */
    background: #17171E 0% 0% no-repeat padding-box;
    border-left: 1px solid #28293D;
    opacity: 1;    
    padding:10px;
}

.bepro .bepro-body h2{
    font-family: sofia-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    
    text-align: left;
    font-size: 15px;
    letter-spacing: 0.3px;
    color: #9090A7;
    font-weight:700;
    text-transform: uppercase;
    opacity: 1;  
    margin-bottom:15px;
}

.bepro .bepro-body h1{
    
    font-family: sofia-pro, sans-serif;
    font-weight: 700;
    font-style: normal;    
    
    /* UI Properties */
    text-align: left;
    /*font: normal normal 900 15px/19px Sofia Pro;*/
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #FFF;
    text-transform: uppercase;
    opacity: 1;  
    margin-bottom:15px;
}

.bepro select{
    border: 1px solid #39DA8A;
    background-color:#1C1C27;
    letter-spacing: 0.28px;
    color: #39DA8A;    
}

.bepro .bepro-body input {
    background: #1C1C27CC 0% 0% no-repeat padding-box;
    letter-spacing: 0.28px;
    color: #9090A7;
    opacity: 0.5;
    border:none;
    border-radius:initial;
}

.bepro .bepro-body input::placeholder {
  color: #9090A7;
  opacity: 1; /* Firefox */
}

.bepro .well{
    height:300px;
    overflow-y: auto;
    /*background: #0F0F13 0% 0% no-repeat padding-box;
    border:1px solid #0F0F13;
    color: #9090A7;
    font-weight:bold;*/
}

.bepro .well::-webkit-scrollbar-track {
  border: 1px solid 1px solid #0F0F13;
  padding: 2px 0;
  background-color: 1px solid #0F0F13;
}

.bepro .well::-webkit-scrollbar {
  width: 10px;
}

.bepro .well::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid 1px solid #0F0F13;
}

.bepro .btn.default{
    border: 1px solid #9090A7;
    background-color:#1C1C27;
    letter-spacing: 0.28px;
    color: #9090A7;
    text-transform: uppercase;
    margin:10px;
}

.bepro .btn.btn-primary, .bepro .btn.btn-warning{
    border: 1px solid #39DA8A;
    background-color:#1C1C27;
    letter-spacing: 0.28px;
    color: #39DA8A;
    text-transform: uppercase;
}

.bepro .btn.btn-success{
    border: 1px solid #39DA8A;
    background-color:#39DA8A;
    letter-spacing: 0.28px;
    color: #FFF;
    text-transform: uppercase;
}

.bepro .btn.btn-danger,.bepro .btn.btn-secondary{
    border: 1px solid #FF5C5C;
    background-color:#1C1C27;
    letter-spacing: 0.28px;
    color: #FF5C5C;
    text-transform: uppercase;
}

.bepro .bepro-body .bepro-center{
    flex-grow: 1;
    min-height: 900px;
    
    background-color: #1C1C27; /* Used if the image is unavailable */
    
    background-image: url("/www/assets/bepro/csgo@2x.png");
    background-position: center top; 
    background-repeat: no-repeat; 
    background-size: contain; 
    opacity: 1;
       
}

.bepro .bepro-body .bepro-center .match-head{
    height:230px;
}

.bepro .bepro-body .bepro-center .tabs-boxed{
    background: transparent linear-gradient(180deg, transparent 0%, #1C1C27 6%) 0% 0% no-repeat padding-box;
}


.bepro .bepro-body .bepro-center .tab-content{
    background-color:transparent;
    border:none;
    padding: 0px 30px;
    min-height:400px;
}

.bepro .bepro-body .bepro-center .nav-tabs {
    border-bottom:1px solid #555870;
    opacity:0.4;
}

.bepro .bepro-body .bepro-center ul li{
    background-color: transparent;
}

.bepro .bepro-body .bepro-center ul li a{
    font-size:16px;
    color:#555870;
    border:none;
}
.bepro .bepro-body .bepro-center .nav-link.active{
    background-color:transparent;
    color:#fff;
}
/*.bepro .bepro-body .bepro-center .nav-link.active:after{
    content: '';
    position: absolute;
    height: 3px;
    bottom: 88px;
    background: red;
    width:50px;
}*/

.bepro .bepro-body .tabs-boxed .nav-tabs .nav-item .nav-link.active:focus, .bepro .bepro-body.tabs-boxed .nav-tabs .nav-item .nav-link.active:hover {
    background-color: transparent;
    border-bottom:2px solid #39DA8A;
}


.bepro .bepro-body .bepro-right{
    width:18%;
    min-height: 900px;
    
    /* UI Properties */
    background: #17171E 0% 0% no-repeat padding-box;
    border-right: 1px solid #28293D;
    opacity: 1;   
    padding:10px;
       
}

.bepro .bepro-footer{
    
    border-top: 1px solid #28293D;
    
    /* UI Properties */
    background: #17171E 0% 0% no-repeat padding-box;
    height: 74px;
}

/*
 * MATCH HEAD
 */

.bepro .match-head{
    display:flex; 
    flex-flow: row;  
    font-weight:bold;
    align-items:center;
}

.bepro .match-head .match-teamA{
    width:40%;
    text-align:right;
    
    font-size:28px;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;    
}

.bepro .match-head .match-teamA img{
    margin-left:20px;
}

.bepro .match-head .match-score{
    flex-grow: 1;
    text-align:center;
    
    font-size: 49px;
    letter-spacing: 0.8px;
    color: #9090A7;
    text-transform: uppercase;    
    
}
.bepro .match-head .match-teamB{
    width:40%;
    text-align:left;
    
    font-size:28px;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;  
}

.bepro .match-head .match-teamB img{
    margin-right:20px;
}

.bepro .match-head img {
    width: 76px;
    height: 76px;   
    border-radius: 50%;
    background-color:#fff;
}



/*
 * MATCH BODY
 */

.bepro .match-body{
    display:flex; 
    flex-flow: row;  
    padding-top:50px;
    font-weight:bold;
}

.bepro .match-body .match-teamA{
    width:30%;
    text-align:right;
    
    font-size:30px;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;    
    
}
.bepro .match-body .match-score{
    flex-grow: 1;
    text-align:center;
    padding:0px 20px;
    font-size: 19px;
    letter-spacing: 0.8px;
    color: #9090A7;
    text-transform: uppercase;    
    
}

.bepro .match-body .match-score #configureServer{
    text-align:center;
    padding:20px;
    font-size: 14px;
    letter-spacing: 0.8px;
    color: #9090A7;
    text-transform: initial;    
}

.bepro .match-body .match-teamB{
    width:30%;
    text-align:left;
    
    font-size:30px;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;        
    
}

.bepro .match-body .captainTeam1{
    width: 20px;
    height: 19px;
    margin-right:10px;
    margin-top:-3px;
}

.bepro .match-body .captainTeam2{
    width: 20px;
    height: 19px;
    margin-left:10px;
    margin-top:-3px;
}

.bepro .match-body .player-icon img {
    width: 50px;
    height: 50px;   
    border-radius: 50%;
    background-color:#fff;
    border:2px solid #FDAC41;
}

.bepro .match-body .player-icon img.online {
    border:2px solid #39DA8A;
}

.bepro .match-body .player-group{
    border: 2px solid #28293D;
    margin-bottom:10px;
    display:flex; 
    flex-flow: row;    
    align-items: center;
    padding:10px;
    font-size:14px;
}

.bepro .match-body .player-group .player-title{
    flex-grow: 1;
    
}
.bepro .match-body .player-group .player-icon{
    width:20%;
}
.bepro .match-body .player-group .player-steamID{
    width:10%;
}

.bepro .match-body .player-group .player-steamID i{
    color: #9090A7;
}

.bepro .match-underhead{
    display:flex; 
    flex-flow: row; 
    justify-content: center;
    margin-top:20px;
}

.bepro .pm{
    background: #0F0F13 0% 0% no-repeat padding-box;
    opacity: 1;    
    color:#fff;
    font-size:14px;
    padding:20px 20px;
    margin:20px 10px;
    display:flex;
    flex-flow: row;
    justify-content:space-between;
}

.bepro .pm .money{
    color: #39DA8A;
}

.bepro .lobby-status{
    /* UI Properties */
    background: #9090A7 0% 0% no-repeat padding-box;
    opacity: 1;    
    color:#fff;
    font-size:14px;
    padding:10px 20px;
    display:inline-block;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
   
}

.bepro .lobby-status-success{
    /* UI Properties */
    background: #39DA8A 0% 0% no-repeat padding-box;
    opacity: 1;    
    color:#fff;
    font-size:14px;
    padding:10px 20px;
    display:inline-block;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
   
}

.bepro .lobby-status-danger{
    /* UI Properties */
    background: #FDAC41 0% 0% no-repeat padding-box;
    opacity: 1;    
    color:#fff;
    font-size:14px;
    padding:10px 20px;
    display:inline-block;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
   
}


.bepro .match-underhead .text-info,.bepro .match-underhead .text-warning{
    color:#fff !important;
}

.bepro .match-underhead .lobby-status a, .bepro .match-underhead .lobby-status h6{
    color:#fff;
}

.bepro .match-body .match-maps{
    width:100%;
    margin-bottom:40px;
}

.bepro .match-body .match-maps tr{
    
}

.bepro .match-body .match-maps tr td img{
    width: 70px;
    height: 70px;
}

.bepro .match-body .match-maps tr td{
    background: #0F0F13 0% 0% no-repeat padding-box;
    color: #fff;
    font-size: 15px;
    text-align:left;
    padding:5px 15px;
}

.bepro .info-table .title{
    letter-spacing: 0.28px;
    color: #9090A7;    
    font-size:14px;
    padding-right:10px;
    vertical-align: top;
}
.bepro .info-table .desc{
    letter-spacing: 0.28px;
    color: #FFFFFF;    
    font-size:14px;
}

/*
 * BEPRO STATS
 */

.bepro .bepro-stats{
    width: 90%;
    margin: 0 auto;
}

.bepro .bepro-stats h2{
    font-size:20px;
}

.bepro .bepro-table{
    width: 100%;
}
.bepro .bepro-table img{
    border-radius:50%;
    width:30px;
    height:30px;
}
.bepro .bepro-table th{
    color: #9090A7;
    letter-spacing: 0.28px;
    padding:15px 15px;
}

.bepro .teamA{
    color: #39DA8A;
}
.bepro .teamB{
    color: #FDAC41;
}

.bepro .bepro-table td{
    letter-spacing: 0.28px;
    color: #FFFFFF;
    padding:15px 15px;
}



.bepro .bepro-table thead tr:nth-child(odd),.bepro .bepro-table tbody tr:nth-child(even){
    background: #0F0F13 0% 0% no-repeat padding-box;
}

.bepro .bepro-table tr:nth-child(odd){
    background: transparent;
}

/*
 * BEPRO MY MATCHES (RIGHT)
 */

.bepro .bepro-my-matches{
    color:#fff;
    background: #1C1C27CC 0% 0% no-repeat padding-box;
    border: 1px solid #28293D;
    margin:10px;
}
.bepro .bepro-my-matches table {
    width:100%;
}
.bepro .bepro-my-matches table td{
    padding:5px 10px;
}

.bepro .bepro-my-matches table td.score{
    text-align:center;
    width:10%;
}
.bepro .bepro-my-matches img{
    border-radius:50%;
    width:30px;
    height:30px;    
}

/*
 * BEPRO CHAT
 */ 

.bepro .chat {
    margin-bottom:10px;
    display:flex;
    flex-flow: row; 
}

.bepro .chat .chat-player-img{
    width:40px;
}
.bepro .chat.active .chat-player-img{
    width:60px;
}

.bepro .chat .chat-player-img img{
    border-radius:50%;
    width:30px;
    height:30px;    
    border:2px solid #39DA8A;
    
}

.bepro .chat .chat-content{
    /*flex-grow: 1;*/
    width:100%;
}

.bepro .chat .chat-content .chat-player{
    letter-spacing: 0.22px;
    color: #FFFFFF;
    font-size:12px;
    padding:2px;
}

.bepro .chat.active .chat-content .chat-player{
    text-align:right;
}

.bepro .chat .chat-content .chat-player span{
    color: #555870;
    display:inline-block;
    margin-left:10px;
    position:relative;
    top:1px;
    
}

.bepro .chat .chat-content .chat-message{
    background: #0F0F13 0% 0% no-repeat padding-box;
    border-radius: 0px 6px 6px 6px;
    opacity: 1;
    padding:10px;
    margin-top:10px;
    letter-spacing: 0.28px;
    color: #9090A7;
    font-size:14px;
}

.bepro .chat .chat-content .chat-message.active{
    background: #5B8DEE 0% 0% no-repeat padding-box;
    border-radius: 6px 0px 6px 6px;
    color: #FFFFFF;
}

/*
 * CONNECT
 */

.bepro .connect{
    border-radius:initial;
    font-size:12px;
    border: 1px solid #9090A7;
    display:inline-block;
    padding: 10px 15px;
    opacity: 0.3;
}
.bepro .connect span{
    opacity: 1;
}


/*
 * CONFIRM FORM
 */

.bepro .confirmForm{
 
}

.bepro .confirmForm .score{
    background: #0F0F13 0% 0% no-repeat padding-box;
    color: #fff;
    font-size: 28px;
    padding: 15px;   
    display: flex;
    align-items: center;
    justify-content: center;
}

.bepro .confirmForm .score div{
    width:33%;   
}

.bepro .confirmForm .score div.divid{
    position:relative;
    top:-3px;
}

.bepro .confirmForm input[type=file] {
    background: #1C1C27CC 0% 0% no-repeat padding-box;
    letter-spacing: 0.28px;
    color: #9090A7;
    border:1px solid #39DA8A;
    padding: 10px;
}

.bepro .confirmForm ul li img {
    width:200px;
}