/* 
    Created on : 20/02/2021, 1:22:49 PM
    Author     : Daniel Diaz
*/


.max-height-40
{
    height:40px !important;     
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.table-grid table { 
    border-collapse: collapse; }
.table-grid tr { border: none; }
.table-grid td {
  border-left: solid 1px #dee2e6;
}

.panel-play
{
    position: relative; 
    border-top:1px solid #dee2e6; 
    padding: 22px 2px 0px 2px;             
    height:40px; margin:0px; 
    color:#f2711c;
}

.panel-play-button
{
    margin:0px; 
    position:absolute; 
    top:2px; 
    right:2px; 
    font-size:8px;
}

.panel-queue
{
    position: relative; 
    padding: 2px 2px 0px 2px; 
    height:40px; 
    border:1px solid rgba(100,53,201,0.9);    
    margin:0px; 
    background-color: rgba(100,53,201,0.7); 
    color: #fff;            
}
.panel-queue a{
    color:white;
}       
.panel-queue-text
{
    position: absolute; 
    left: 0; 
    right: 0; 
    margin-left: auto;  
    margin-right: auto;
    bottom:5px;
}

.panel-awaiting
{
    position: relative; 
    padding: 2px 2px 0px 2px; 
    height:40px; 
    border:1px solid rgba(242,113,28,0.9);   
    margin:0px; 
    background-color: rgba(242,113,28,0.7); 
    color: #fff;

}

.panel-game-processing
{
    position: relative; 
    padding: 2px 2px 0px 2px; 
    height:40px; 
    border-top:1px solid rgba(251, 189, 8,0.9);  
    border-bottom:0px; 
    border-right:1px solid rgba(251, 189, 8,0.9);  
    border-left:1px solid rgba(251, 189, 8,0.9); 
    margin:0px;
    background-color: rgba(251, 189, 8,0.7); 
    color: #fff;

}
.panel-game-processing-body
{
    position: relative; 
    padding: 2px 2px 0px 2px; 
    height:40px; 
    border-top:0px;  
    border-bottom:0px; 
    border-right:1px solid rgba(251, 189, 8,0.9);  
    border-left:1px solid rgba(251, 189, 8,0.9); 
    margin:0px;
    background-color: rgba(251, 189, 8,0.7); 
    color: #fff;

}

.panel-game-processing-footer
{
    position: relative; 
    padding: 2px 2px 0px 2px; 
    height:40px; 
    border-right:1px solid rgba(251, 189, 8,0.9);  
    border-left:1px solid rgba(251, 189, 8,0.9);  
    margin:0px;
    background-color: rgba(251, 189, 8,0.8); 
    color: #fff;
}


.panel-game
{
    position: relative; 
    padding: 2px 2px 0px 2px; 
    height:40px; 
    border-top:1px solid rgba(33, 186, 69,0.9);  
    border-bottom:0px; 
    border-right:1px solid rgba(33, 186, 69,0.9);  
    border-left:1px solid rgba(33, 186, 69,0.9); 
    margin:0px;
    background-color: rgba(33, 186, 69,0.7); 
    color: #fff;

}
.panel-game-body
{
    position: relative; 
    padding: 2px 2px 0px 2px; 
    height:40px; 
    border-top:0px;  
    border-bottom:0px; 
    border-right:1px solid rgba(33, 186, 69,0.9);  
    border-left:1px solid rgba(33, 186, 69,0.9); 
    margin:0px;
    background-color: rgba(33, 186, 69,0.7); 
    color: #fff;

}

.panel-game-footer
{
    position: relative; 
    padding: 2px 2px 0px 2px; 
    height:40px; 
    border-right:1px solid rgba(33, 186, 69,0.9);  
    border-left:1px solid rgba(33, 186, 69,0.9);  
    margin:0px;
    background-color: rgba(33, 186, 69,0.8); 
    color: #fff;
}

.panel-full
{
    position: relative; 
    padding: 12px 2px 0px 2px; 
    border-top:1px solid #dee2e6; 
    height:40px; 
    margin:0px; 
    background:#F8F8F8; 
    color:white;
}

.panel-play-button.ui.loading.button {
    position: absolute !important;
}