.rContent{
    flex-direction:column !important;
    font-family:"Courier New";
    padding:0px !important;
    border:0px !important;
    align-items:center !important;
}

.rSrcTxt{  
    display:flex;  
    align-items:center;  
    text-transform: lowercase; 
    font-family:"Times New Roman";
    height:22px;
    padding-right:5px;
    padding-left:10px;
    text-align:left;
    color: #999;
    font-size: 12pt;
    font-weight: bold;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
    
}

.rSrc {
    height: 22px;
    width: 100%;
    background:black;
    color:#eee;
    border:none;
    
}

.rLineContainer{  
    display:flex;
    width:360px;
    flex:1;    
    position:relative;
    flex-direction:column; 
    padding:10px;
    color: #000;
    background:#fff;
    user-select: none;
    font-family: "Courier New";
    margin:20px 0px 20px 0px;
    border-radius:3px;
}

.rLineName{  
    display:flex;
    flex-direction:column; 
    padding-left:110px;   
    text-transform: uppercase;
    user-select: none;
    padding-bottom:2px;
}

.rCtrlContainer{
    display:flex;
    width:100%;
    justify-content:center;
    flex-direction:row;
    margin-bottom:50px;
}

.rCtrl{
    display:flex;
    flex-direction:row;
    padding:5px;
    border-radius:5px;
    border:2px solid #666;
    background:#444;
}

.rCtrlTime{
    font-family:"Times New Roman";
    display:flex;
    align-items:center;        
    height:32px;
    background-color: #111;
    color: #fff;
    padding:0px 5px 0px 5px;
    font-size:20pt;
    box-sizing: border-box;
    border-radius:3px;
    user-select:none;
}

.rCtrlButton{
    display: flex;
    flex:0 0 32px;
    width:32px;     
    height:32px;
    justify-content: center;
    align-items: center;
    margin: 0px 1px 0px 5px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 2px;
    user-select: none;
    border-radius:3px;
    background:#666;
    cursor:pointer;
}

div.rCtrlButtonDisabled {
    display: flex;
    flex:0 0 32px;
    width:32px;     
    height:32px;
    justify-content: center;
    align-items: center;
    margin: 0px 1px 0px 5px;
    padding: 0;
    box-sizing: border-box;
    filter: invert(0.7) brightness(0.6);
    user-select: none;
    opacity:0.5;
}

.rCtrlButtonActive{
    background:#79c9dd !important;
}
.rCtrlButton:hover{
    background:#56b4cc !important;
}
.rCtrlButtonActive:hover{
    background:#56b4cc !important;
}

.rCtrlButtonImg{
    width:22px !important;
    height:22px !important;
}

.rCtrlRecording{
    border: 1px solid red !important; 
}