.lds-62f893bc485baxlvi { width: 112px; height: 112px; margin: -80px 0 0 -56px !important; } .lds-62f893bc485baxlvi .box1, .lds-62f893bc485baxlvi .box2, .lds-62f893bc485baxlvi .box3 { border: 16px solid #f5f5f5; box-sizing: border-box; position: absolute; display: block; } .lds-62f893bc485baxlvi .box1 { width: 112px; height: 48px; margin-top: 64px; margin-left: 0px; -webkit-animation: anime1 4s 0s forwards ease-in-out infinite; animation: anime1 4s 0s forwards ease-in-out infinite; } .lds-62f893bc485baxlvi .box2 { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; -webkit-animation: anime2 4s 0s forwards ease-in-out infinite; animation: anime2 4s 0s forwards ease-in-out infinite; } .lds-62f893bc485baxlvi .box3 { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; -webkit-animation: anime3 4s 0s forwards ease-in-out infinite; animation: anime3 4s 0s forwards ease-in-out infinite; } @-webkit-keyframes anime1 { 0% { width: 112px; height: 48px; margin-top: 64px; margin-left: 0px; } 12.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 25% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 37.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 50% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 62.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 75% { width: 48px; height: 112px; margin-top: 0px; margin-left: 0px; } 87.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 100% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } } @keyframes anime1 { 0% { width: 112px; height: 48px; margin-top: 64px; margin-left: 0px; } 12.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 25% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 37.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 50% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 62.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 0px; } 75% { width: 48px; height: 112px; margin-top: 0px; margin-left: 0px; } 87.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 100% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } } @-webkit-keyframes anime2 { 0% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 12.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 25% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 37.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 50% { width: 112px; height: 48px; margin-top: 0px; margin-left: 0px; } 62.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 75% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 87.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 100% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } } @keyframes anime2 { 0% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 12.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 25% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 37.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 0px; } 50% { width: 112px; height: 48px; margin-top: 0px; margin-left: 0px; } 62.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 75% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 87.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 100% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } } @-webkit-keyframes anime3 { 0% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 12.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 25% { width: 48px; height: 112px; margin-top: 0px; margin-left: 64px; } 37.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 50% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 62.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 75% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 87.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 100% { width: 112px; height: 48px; margin-top: 64px; margin-left: 0px; } } @keyframes anime3 { 0% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 12.5% { width: 48px; height: 48px; margin-top: 0px; margin-left: 64px; } 25% { width: 48px; height: 112px; margin-top: 0px; margin-left: 64px; } 37.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 50% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 62.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 75% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 87.5% { width: 48px; height: 48px; margin-top: 64px; margin-left: 64px; } 100% { width: 112px; height: 48px; margin-top: 64px; margin-left: 0px; } } .epgProgress.progress-bar-primary{opacity: 0.5;}.epgProgress:hover{opacity: 1.0;}.epgProgressText{border-right: 1px solid #FFF; height:100%;} .liveVideo{ position: relative; } .liveVideo .liveNow, .liveVideo .liveFuture{ position: absolute; bottom: 5px; right: 5px; } #availableLiveStream{ width: 350px; overflow: hidden; max-height: 75vh; overflow-y: auto; } #availableLiveStream li a div{ overflow: hidden; } #bigVideoCarousel .carousel-indicators .active { border-color: #777 !important; } #gallery62f893bddf674{ display: none; } .isRecordingIcon{ opacity: 0.2; } .isRecording.isRecordingIcon{ opacity: 1; animation: isRecordingGlowing 1s infinite alternate; } @keyframes isRecordingGlowing { from { text-shadow: 0 0 1px #500, 0 0 2px #700, 0 0 3px #760, 0 0 4px #760; } to { color: #F00; text-shadow: 0 0 2px #200, 0 0 4px #900, 0 0 8px #F00, 0 0 12px #F00, 0 0 16px #FFB600; } }
var avideoLoader = '
'; var webSiteRootURL = 'https://liberty-library.com/'; var my_users_id = 0; var my_identification = "Unknown User"; var mediaId = 0; var player; var _serverTime = "1660457916"; var _serverDBTime = "1660457916"; var _serverTimeString = "2022-08-14 02:18:36"; var _serverDBTimeString = "2022-08-14 02:18:36"; var _serverTimezone = "America/New_York"; var avideoModalIframeFullScreenCloseButton = "