body .video-js .vjs-big-play-button {border: none;background: rgb(255 255 255 / 70%) !important;border-radius: 50%;width: 140px;height: 140px;line-height: 120px;border: solid 10px transparent;margin: 0;transform: translate3d(-50%,-50%, 0) scale(1.01);box-shadow: 0 0 30px rgb(0 0 0 / 50%);transition: transform 0.5s;}
body .video-js .vjs-big-play-button .vjs-icon-placeholder {}
body .video-js .vjs-big-play-button .vjs-icon-placeholder::before {font-size: 60px;content: "\f04b";font-family: "Font Awesome 5 Free";font-weight: 900;margin: 0 0 0 3px;color: #212529;}

body .video-js:hover .vjs-big-play-button { background: #fff !important; border: solid 10px transparent; transform: translate3d(-50%,-50%, 0) scale(1.2);transition: transform 0.5s; }
body .video-js:hover .vjs-big-play-button .vjs-icon-placeholder {}
body .video-js:hover .vjs-big-play-button .vjs-icon-placeholder::before { color: #212529; }

body .video-js .vjs-control-bar {background: #222425;height: 50px;padding: 10px 10px 0 10px;color: #fff;border-bottom: solid 1px rgb(255 255 255 / 10%);}
body .video-js .vjs-progress-control { margin: -4px 0 0 0; }
body .video-js .vjs-progress-control .vjs-progress-holder { background: rgb(255 255 255 / 10%); }
body .video-js .vjs-progress-control .vjs-progress-holder .vjs-load-progress div { background: rgb(255 255 255 / 50%); }

body .vjs-menu-button-popup .vjs-menu .vjs-menu-content {background: #222425;padding-bottom: 18px;}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content li:hover {background: #444;}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content li.vjs-selected:hover {color:#000; background: #fff;}


.vjs-texttrack-settings {display:none !important;}
body .video-js .vjs-text-track-display {}
body .video-js .vjs-text-track-display .vjs-text-track-cue {}
body .video-js .vjs-text-track-display .vjs-text-track-cue > div {}
    
body .video-js .vjs-text-track-display .vjs-text-track-cue > div > div {}


body .vjs-modal-dialog.vjs-text-track-settings { height: 100%; top: 0; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-close-button { right: 20px; top: 20px; height: auto; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-close-button .vjs-icon-placeholder {}
body .vjs-modal-dialog.vjs-text-track-settings .vjs-close-button .vjs-icon-placeholder::before { font-size: 18px; content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 600; background: #fff; color: #000; display: block; height: 40px; line-height: 40px; border-radius: 50%; }

body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content { max-width: 800px; margin: 0 auto; position: relative; left: auto; top: auto; padding: 50px; display: block; font-family: "Source Sans 3", sans-serif; bottom: 0; height: auto; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-colors { display: block; width: 100%; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-colors fieldset { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; margin: 0 0 15px 0; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-colors fieldset legend { font-size: 12px; margin: 0 0 3px 0; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-colors fieldset span  { padding: 0; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-colors fieldset span label { display: none; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-colors fieldset span select { padding: 10px; border: none; min-width: 120px; font-weight: 300; font-family: "Source Sans 3", sans-serif; width: 100%; max-width: 100%; font-size: 14px; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-font { display: block; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-font fieldset { margin: 0; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-font fieldset legend { font-size: 12px; margin: 0 0 3px 0; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-font fieldset select { padding: 10px; border: none; min-width: 160px; font-weight: 300; font-family: "Source Sans 3", sans-serif; margin: 0; width: 100%; font-size: 14px; margin: 0 0 15px 0; }
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-controls {}
body .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content .vjs-track-settings-controls button { border: none; background: #000; color: #fff; padding: 10px 20px; font-family: "Source Sans 3", sans-serif; font-size: 15px; /* border: solid 1px #fff; */ border-radius: 0; }


@media (max-width: 767px) {
    body .video-js .vjs-big-play-button { width: 80px; height: 80px; line-height: 74px; border: solid 3px rgb(255 255 255 / 20%); }
body .video-js .vjs-big-play-button .vjs-icon-placeholder {}
body .video-js .vjs-big-play-button .vjs-icon-placeholder::before { font-size: 30px; }
}