body{background-color:#f4f7fc}.page-content{text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex}.modal-content,.modal-overlay{justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:5px}.modal-content .text-header{text-align:center;font-weight:700;width:600px}.modal-content .modal-text{font-weight:400;justify-content:left;width:600px;text-align:left}.modal-content .modal-close-button{margin-top:20px}div.searchbar-container{border:2px solid #000;border-radius:12px;margin:24px;margin-left:30%;margin-right:30%;padding:24px;display:flex;flex-direction:row;text-align:center;justify-content:center;gap:4px;background-color:#fff}.search-input{width:100%;max-width:400px;padding:10px;font-size:18px;border:1px solid #ccc;border-radius:5px}.search-button{padding:10px 20px;font-size:18px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}div.calllist-container{border:2px solid #000;border-radius:12px;margin:24px;margin-left:30%;margin-right:30%;padding:24px;display:flex;flex-direction:row;text-align:center;justify-content:center;max-height:62vh;overflow-y:auto;background-color:#fff}table#callList th{text-align:left;padding-left:10px;padding-right:10px}table#callList td{padding-left:15px;padding-right:10px;text-align:left}.row-odd{background-color:#f9f9f9}.row-even{background-color:#e0e0e0}.row-hover,div.playing[data-v-1c97c0ba]{font-weight:700}div.play-list-item[data-v-1c97c0ba]{display:flex;flex-direction:column;gap:4px;border:0 solid #000;border-radius:4px;background-color:#add8e6;padding:6px}div.fullscreen-player{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f4f7fc;z-index:1000}div.header-container{display:flex;justify-content:space-between;align-items:center;padding:10px}div.header-container h1{flex:1;text-align:center;margin:0}div.header-container button{margin-left:auto;padding:6px 8px;font-size:18px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}div.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.8);z-index:1001}div.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}video{max-width:100%;height:auto}div.player-component-container{display:flex;flex-direction:row;gap:4px;width:95%;margin-left:50px;margin-right:50px}div.playlist{width:30%;border:2px solid #000;border-radius:12px;display:flex;flex-direction:column;gap:4px;background-color:#fff}div.playlist div.playlist-segments{display:flex;flex-direction:column;gap:4px;padding:2px}div.player-container{border:2px solid #000;border-radius:12px;padding:24px;width:70%;display:flex;flex-direction:column;text-align:center;justify-content:center;gap:4px;background:#fff}#Home{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;margin-top:20px;background-color:#f4f7fc}div.player-container[data-v-3d313aa9],div.player-container[data-v-ae9b3f40]{border:2px solid #000;border-radius:12px;padding:24px;width:95%;height:auto;display:flex;flex-direction:column;text-align:center;justify-content:center;gap:4px;background:#fff}