html {
    height: 100%;
}

body {
    min-height: 100%;
    overflow: hidden;
    margin: 0px;
    background-color: #efefef;
	color: #551729;
}

a {
    color: #D0184E !important;
   /*  text-decoration: none; */
}


#blockModal {
    margin-top: 50px;
    height: 600px;
    top: calc(50% - 200px) !important;
    color: black;
}

.avc-requestList-header {
    margin: 10px;
}

.hidden {
    display: none !important;
}

#requestContainer {
    display: none;
    background-color: #efefef;
    position: absolute;
    width: 100%;	
	color: #551729;
}



.avc-requestList {
    margin-top: 18px;
    overflow: auto;
    position: inherit;
    top: 30px;
    right: 20px;
    left: 0px;
    color: #D0184E; 
/* 	height: 50px;  
	min-height: 75%; */
}

    .avc-requestList .request {
        margin: 2px;
        display: flow-root;
		color: #D0184E ;
    }



        .avc-requestList .request .icon img {
            width: 20px;
        }

.column {
    float: left;
    padding: 6px;
}

.left {
    width: auto;
}

.middle {
    width: 55%;
}

.right {
    float: right;
    /*width: 35%;*/
}

#topNavigator{
	  position: absolute;
top: 2px;
    left: 6px;
}

#topNavigator .icon{
    float: left;
    margin: 8px;
    height: 40px;
    width: 40px;
    background-color: #D0184E;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}

#topNavigator .txt{
    margin-top: 12px;
    display: inline-block;
    margin-left: 12px;
    color: #D0184E;
}

#topNavigator img {
  display: block;
  height: 22px;
  width: 50%;
  margin: 25% auto;
}

#topNavigator a {
    left: initial;
    float: left;
    top: 0;
    margin-right: 20px;
    font-size: 16px;
}

#topNavigator a.nodata {
    display: none;
}

#topNavigator .active .icon{
    background-color:#551729;
}







.disabled {
    filter: grayscale(100%);
    filter: opacity(50%);
}

.active {
    display: block !important;
}

.container {
    margin-top: 60px;
}



#votesContainer {
    /* min-height: 100%; */
    background-color: #efefef;
    width: 100%;
    display: none;
    height: 580px;
}

#videoContainer {
    display: none;
}

#documentContainer {
    display: none;
   width: 100%;
   
    height: 100%;
    position: absolute;
	

    /* min-height: 100%; */
    /* background-color: #d8d8d8; */
  
    /* margin: 0; */

	
	
	
}

#soundContainer {
    display: none;
    min-height: 200px;
    background-color: #d8d8d8;
}

.avc-documentList-header {
    margin: 10px;
}

.avc-documentList {
    height: 90%;
    overflow: auto;
}

    .avc-documentList .document {
            margin: 2px;
			/* background-color: #cacaca; */
			display: flow-root;
			color: #551729;
			cursor: pointer;
    }

   /*      .avc-documentList .document:hover {
            background-color: #4c4c4c;
            color: white;
        } */


        .avc-documentList .document .icon img {
            width: 20px;
        }


    .avc-documentList .middle {
        width: 90%;
    }

    .avc-documentList .document.nohrefs {
         background-color: white;
         pointer-events: none;
    }

    .avc-documentList .document.nohrefs .icon img {
         display:none;
    }

    .avc-documentList .document.nohrefs .name {
         padding-left: 24px;
    }

.avc-votingList {
    height: 90%;
    overflow: auto;
}



#playerQualitySelector {
	color: white;
    float: right;
    width: 128px;
    height: 37px;
    position: relative;
    z-index: 100; 
}

    #playerQualitySelector div {
		background: #D0184E;
		margin: 4px 0px;
		padding: 4px 8px;
		float: left;
		cursor: pointer;
		width: 38px;
    }

        #playerQualitySelector div:hover {
            background: #5a5a5a;
            padding: 6px 10px;
        }

        #playerQualitySelector div.selected {
            border-bottom: white;
            border-bottom-style: solid;
            border-width: 4px;
        }

.modal-dialog {
    margin: 25px;
}

.item-header {
    font-size: 20px;
    font-weight: 700!important;
	color:#551729;
}
.copylink {
    background: #b2b2b2;
    width: 80px;
    float: right;
    padding: 3px;
    margin-top: -29px;
    text-align: center;
    margin-right: 5px;
}






/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


 #videoContainer:has(#avc-video.vjs-audio-only-mode) {
 padding: unset !important;
height:50px !important;
} 



.video-js.vjs-audio-only-mode {
  margin-top: 40px;
}

.vjs-default-skin.vjs-has-started.vjs-audio-only-mode .vjs-control-bar {
  visibility: visible !important;
  opacity: 1 !important;
}