.mejs-qualities-selected, .mejs__qualities-selected { color: #0c5dcc !important; }
.dropdown-menu a i { color: #0c5dcc; }
.video-latest-list .video-title { font-size: 16px; color: #0c5dcc; max-height: 43px; overflow: hidden; }
.navbar-default .navbar-nav > .open > a { background-color: #0c5dcc; border-bottom: 0; }
.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #0c5dcc; border-bottom: 0;}
.video-info-element .blue { background: linear-gradient(to right,#2dc0ff,#0c5dcc); left: 0; width: 20%; text-align: left; }
.video-likes .like-btn.active svg.thumbs_up { color: #0c5dcc; }
.video-published a { color: #0c5dcc !important; }
.watch-video-description a { color: #0c5dcc !important; }
.home-page-categories .title h4 span { font-weight: 100; color: #0c5dcc; font-size: 12px; float: right; }
.home-page-categories .videos .video-list .video-list-title h4, .video-latest-list .video-title h4 {color: #0c5dcc;display: -webkit-box;max-height: 5rem;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;font-size: 1.4rem;font-weight: bold;line-height: 1.6rem;margin: 8px 0 3px;}
.btn-main { background-color: #0c5dcc; color: #fff; }
.btn-subscribe{background: #0c5dcc;}
.share-video .fa-skype { background: #0c5dcc; }
.next-video h4 .fa-bolt { color: #0c5dcc; }
.video-actions i:hover { color: #0c5dcc; }
.settings-header { background-color: #0c5dcc; width: 100%; z-index: 99; margin-bottom: -10px; box-shadow: 0 1px 2px rgb(0 0 0 / 20%); padding: 15px; padding-left: 25px; color: #fff; }
.profile-container .links-container ul li a:after {content: '';position: absolute;top: 100%;height: 8px;width: 100%;background: #0c5dcc;left: 0;right: 0;opacity: 0;}
.upload:hover { border: 3px dashed #0c5dcc; cursor: pointer; color: #0c5dcc; }
.play-list-container .next-video { padding: 15px; background: #0c5dcc; color: #fff; margin-bottom: 0; border-bottom: none; }
.pt_blogcomm_combo textarea:focus, .main-comment .pt-comment-item-reply-form input:focus {border-color: #0c5dcc !important;}
.article-categories .pt_categories ul li a:hover { cursor: pointer;transform: scale(0.95);background-color: #0c5dcc;color: #fff;border-color: #0c5dcc;}
.create-new-ad-container .user-ads-list-header { width: 100%; overflow: hidden; background: #0c5dcc; margin-bottom: 20px; }
.pt_ads_wallet_olink svg {width: 35px;height: 35px;background-color: rgb(4 171 242 / 15%);color: #0c5dcc;border-radius: 50%;padding: 6px;margin-top: -4px;}
.pt_ads_mini_bal {display: flex;background: #0c5dcc;color: white;margin: -20px 0 20px;padding: 30px 25px;}
.pt_create_ads_hdr {background: #0c5dcc;color: white;padding: 22px;font-size: 20px;border-radius: 8px 8px 0 0;}
.pt_create_ads_upload svg {color: #0c5dcc;margin-right: 6px;width: 22px;min-width: 22px;height: 22px;}
.main-comment .div-vote-comment span svg.feather-thumbs-up.active, .read-article-container .read-article-meta span.pull-right svg.feather-thumbs-up.active { color: #0c5dcc;fill: #cfffd1; }
.thumbnail-preview-renderer:hover { border-color: #0c5dcc; }
.videos-list .video-wrapper .video-title a:hover { color: #0c5dcc; text-decoration: none; }
nav.navbar-findcond ul.navbar-nav li.active a:not(.category) { border-color: #0c5dcc; color: #0c5dcc; background-color: #0c5dcc; }
nav.navbar-findcond button.navbar-toggle { background: #0c5dcc; border-radius: 2px; }
nav.navbar-findcond span.badge { background: #0c5dcc; font-weight: normal; font-size: 11px; margin: 0 4px; }
nav.navbar-findcond.search-bar input:focus {border-color: #0c5dcc;}
.toggle-mode .slider:hover {background: #0c5dcc;color: #fff;}
.related-header h4 .fa-bolt { color: #0c5dcc; }
.settings-sidebar ul li.active a {color: #000000;background: rgb(0 0 0 / 5%);box-shadow: inset 9px 0 0 #0c5dcc;}
.yp_sett_header h4 {margin: 0;font-size: 28px;font-weight: bold;color: #0c5dcc !important;}
span#new-notifications, span#new-messages {position: absolute;display: inline-block;top: 2px;left: 23px;z-index: 100;color: #fff;background: #0c5dcc;border-radius: 2em;line-height: 18px;min-width: 18px;text-align: center;padding: 0 4px;font-size: 13px;}
ul.notfi-dropdown .headtoppoint{border-bottom-color: #0c5dcc;margin-left: -37px;}
ul.notfi-dropdown ul#notifications-list li div.avatar span{position: absolute;bottom: -6px;right: -7px;background-color: #0c5dcc;color: #ffffff;border-radius: 50%;width: 25px;height: 25px;text-align: center;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);padding: 1.5px;}
ul.notfi-dropdown ul#notifications-list li div.notifications-info time svg {background: rgb(4 171 242 / 20%);color: #0c5dcc;padding: 4px;border-radius: 5px;width: 23px;height: 23px;}
.main-color { color: #0c5dcc; }
.upload.hover { border: 3px dashed #0c5dcc; cursor: pointer; color: #0c5dcc; }
.upload-video.hover { border-color: #0c5dcc; cursor: pointer; color: #0c5dcc; }
.user-messages .messages .message.pull-left .user-message {background: #0c5dcc;color: white;border-radius: 12px 12px 12px 0;box-shadow: none;margin-left: 40px;margin-right: 0;}
.snackbar-container{transition:all .5s ease;transition-property:top,right,bottom,left,opacity;font-size:14px;min-height:14px;background-color:#070b0e;position:fixed;display:flex;justify-content:space-between;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:0;top:0;opacity:0;z-index:9999;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);}.snackbar-container p {font-size: 16px !important;}.snackbar-container .action{background:inherit;display:inline-block;border:none;font-size:inherit;text-transform:uppercase;color:#0c5dcc;margin:0 0 0 24px;padding:0;min-width:min-content;cursor:pointer}@media (min-width:640px){.snackbar-container{min-width:288px;max-width:568px;display:inline-flex;border-radius:10px;margin:24px;bottom:-100px}}@media (max-width:640px){.snackbar-container{left:0;right:0}}.snackbar-pos.bottom-center{top:auto!important;bottom:0;left:50%;transform:translate(-50%,-50%)}.snackbar-pos.bottom-left{top:auto!important;bottom:0;left:0}.snackbar-pos.bottom-right{top:auto!important;bottom:0;right:0}.snackbar-pos.top-left{bottom:auto!important;top:0;left:0}.snackbar-pos.top-center{bottom:auto!important;top:0;left:50%;transform:translate(-50%,-50%)}.snackbar-pos.top-right{bottom:auto!important;top:0;right:0}
.hero-overlay {background: #0c5dcc;position: absolute;width: 100%;height: 100%;padding-top: 15px;}
.wo_about_wrapper .hero-overlay {background-color: #0c5dcc;position: absolute;width: 100%;height: 100%;}
.mat_header h1 svg{margin-right: 10px;width: 40px;height: 40px;background-color: white;border-radius: 50%;color: #0c5dcc;padding: 8px;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);}
.empty_state svg.feather {display: block;margin: 0px auto 15px;width: 110px;height: 110px;color: #0c5dcc;position: relative;padding: 40px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='m512 256c0 141.386719-114.613281 256-256 256s-256-114.613281-256-256 114.613281-256 256-256 256 114.613281 256 256zm0 0' fill='rgb(4 171 242 / 8%25)'/%3e%3cpath d='m384 256c0 70.691406-57.308594 128-128 128s-128-57.308594-128-128 57.308594-128 128-128 128 57.308594 128 128zm0 0' fill='rgb(4 171 242 / 10%25)'/%3e%3c/svg%3e");}
.btn-fab-floating {cursor: pointer;display: flex;align-items: center;justify-content: center;position: relative;border-radius: 50%;height: 56px;width: 56px;color: #ffffff;background-color: #0c5dcc;box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);}
.home-page-categories .title h4 > div{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: white;background-color: #0c5dcc;margin-right: 8px;}
.view_more_link a svg {background-color: #0c5dcc;border-radius: 50%;color: white;padding: 2px;transition: all 0.2s}
.pt_acc_menu_hdr a.points {color: #0c5dcc;margin: 7px 0 0;display: inline-block;}
.pt_acc_menu_hdr a.imt_display {color: #bc1010; margin: 2px 0 0; display: inline-block;}
header nav.navbar-findcond ul.dropdown-menu.ani-acc-menu > li > a:hover, header nav.navbar-findcond ul.dropdown-menu.ani_log_menu > li > a:hover{background: #0c5dcc !important;color: #fff !important;}
.pt_upload_vdo_step.step-one-active .dot.one span, .pt_upload_vdo_step.step-two-active .dot.one span, .pt_upload_vdo_step.step-two-active .dot.two span, .pt_upload_vdo_step.step-three-active .dot.one span, .pt_upload_vdo_step.step-three-active .dot.two span, .pt_upload_vdo_step.step-three-active .dot.three span, .pt_upload_vdo_step.step-four-active .dot.one span, .pt_upload_vdo_step.step-four-active .dot.two span, .pt_upload_vdo_step.step-four-active .dot.three span, .pt_upload_vdo_step.step-four-active .dot.four span {background: #fff;box-shadow: 0 0 0 4px #0c5dcc;}
.pt_upload_vdo .upload:hover > .content svg {border-color: #0c5dcc;}
.pt_upload_vdo_preview a {color: #0c5dcc;font-size: 16px;}
.pp_mat_input .emojionearea.focused {border-color: #0c5dcc;box-shadow: none;}
body .pp_mat_input ul.tagit li:not(.tagit-new) {border: 0;background: #0c5dcc !important;color: #fff;}
.pt_vdo_cstm_radio input:checked + label {background-color: rgb(4 171 242 / 10%);color: #0c5dcc !important;font-weight: 600;}
.pt_import_vdo .col-md-9 input:focus{border-color: #0c5dcc;}
.yp_copy_link .btn {border-radius: 0;padding: 0;display: flex;align-items: center;justify-content: center;width: 67px;height: 45px;background-color: #0c5dcc;color: white; }
.pt_video_comments .yp_video_comment textarea:focus {border-color: #0c5dcc !important;box-shadow: 0 1px #0c5dcc;}
.pt_video_comments .yp_video_comment .btn {	color:#0c5dcc}
.yp_side_drawer ul.sections li a:before {content: '';position: absolute;bottom: 5px;left: 34px;width: 9px;height: 9px;border-radius: 50%;background: #0c5dcc;opacity: 0;visibility: hidden;}
.yp_side_drawer ul.sections li a:hover {color: #0c5dcc;}
.yp_side_drawer ul.sections li.active a{color: #0c5dcc;}
.tgl:checked + .tgl-btn:after {left: 54%;background: #0c5dcc;}
.pp_mat_input input:focus, .pp_mat_input textarea:focus, .pp_mat_input select:focus{border-color:#0c5dcc}
#bar_loading:before {display: block;position: absolute;content: "";left: -200px;width: 200px;height: 2px;animation: head_loading 1.5s linear infinite;background-color: #0c5dcc;}
body .pp_mat_input > .bootstrap-select.open > .dropdown-toggle {background: #fff;border-color: #0c5dcc;}
body .pp_mat_input > .bootstrap-select .dropdown-menu li a:hover, body .pp_mat_input > .bootstrap-select .dropdown-menu li.selected a {background: #0c5dcc;color: white !important;}
.vid_stud_links li.active a {color: white;background: #0c5dcc;}
.vid_stud_filtr label input[type="radio"]:checked+span{background: #0c5dcc;color:#fff;}
.pt_page_headr .page_head svg {background-color: #0c5dcc;}
.wtch_mv_info_main .btn-subscribed {background: #0c5dcc;}
.pagination>li>a, .pagination>li>span {float: none;padding: 0 8px;margin-left: 0;line-height: normal;color: #0c5dcc; min-width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;vertical-align: middle;border-radius: 2em;background-color: #def5ff;border-color: #def5ff;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #0c5dcc;background-color: #c3edff;border-color: #c3edff;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #0c5dcc;border-color: #0c5dcc;}
.tp_vid_fltr_tabs ul li.selected a, .tp_vid_fltr_tabs ul li.active a {background-color: rgb(4 171 242 / 15%);color: #0c5dcc;}
.dt_bank_trans_modal .bank_info .dt_settings_header {width: 100%;background-color: #0c5dcc;background: linear-gradient(90deg, #0c5dcc 0%, #6d47d9 100%);padding: 15px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;overflow: hidden;position: relative;}
.cld-video-player-my-video .vjs-volume-panel-horizontal .vjs-volume-level:before {border-color: transparent transparent #0c5dcc transparent !important;}
.movie-file-input:hover > .button {background: #0c5dcc;color: white;}
.select_radio_btn label > input:checked ~ .sr_btn_lab_innr {box-shadow: 0px 0px 0px 1px rgb(0 102 255 / 50%);color: #0c5dcc;background: rgb(0 0 0 / 3%);}
.login-page .errors.success { color: #0c5dcc !important; }
.cc-btn.cc-dismiss {cursor: pointer;transition: all 0.15s;padding: 0 15px;line-height: 34px;display: block;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;background: #0c5dcc;color: #fff;}
.pt_shorts_page_title span svg {background-color: #0c5dcc;color: #fff;width: 42px;height: 42px;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;padding: 8px;margin-top: -6px;}
.pt_shorts_page_title .btn {border: 0;background-color: white;color: #0c5dcc !important;font-weight: 500;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;line-height: 36px;padding: 0 18px;pointer-events: auto;}
body .pt_shorts_swipe .swiper-button-prev, body .pt_shorts_swipe .swiper-button-next {top: auto;width: 50px;height: 50px;margin: 0;color: #fff;left: auto;right: 50px;transform: rotate(90deg);background-color: #0c5dcc;border-radius: 50%;}
.pt_noti_progress .indeterminate {background-color: #0c5dcc;}
.settings-sidebar ul li.active a {border-radius: 2em;box-shadow: none;color: #ffffff;background: #0c5dcc;}
.progress {
    height: 50px;
}
.percent {
    margin-top: -22px;
}
.progress_bar_parent {
    margin-left: 3.3%;
}
.report-video-popup .swal2-title {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
}
.swal2-actions {
    width: 80%;
}

.form-group{
    font-size: 16px;
}

.swal2-footer, .swal2-html-container{
    font-size: 15px;
}

.swal2-modal .swal2-title{
    margin-top: 10px;
}

.swal2-label{
    font-size: 12px;
}


/* Keep each card's creator earnings legible in either site theme. */
a.imt_earned_link:not(.imt-earned-badge),
.home-page-categories .videos .video-list .video-list-by a.imt_earned_link:not(.imt-earned-badge),
.pt_srch_vids .video-latest-list .video-info a.imt_earned_link:not(.imt-earned-badge) {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  max-width: 100%;
  margin-top: 3px;
  padding: 3px 8px;
  border: 1px solid rgba(8, 121, 153, 0.25);
  border-radius: 999px;
  background: rgba(8, 145, 178, 0.09);
  color: #075985;
  font-size: 0.83em;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  white-space: normal;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

a.imt_earned_link:not(.imt-earned-badge)::before {
  content: '\25C6';
  color: #0284c7;
  font-size: 0.92em;
  line-height: 1;
}

a.imt_earned_link:not(.imt-earned-badge):hover,
.home-page-categories .videos .video-list .video-list-by a.imt_earned_link:not(.imt-earned-badge):hover,
.pt_srch_vids .video-latest-list .video-info a.imt_earned_link:not(.imt-earned-badge):hover {
  border-color: rgba(8, 121, 153, 0.5);
  background: rgba(8, 145, 178, 0.16);
  color: #075985;
  text-decoration: none;
  transform: translateY(-1px);
}

a.imt_earned_link:not(.imt-earned-badge):focus-visible {
  outline: 2px solid #0284c7;
  outline-offset: 2px;
}

html:has(link.night-mode-css) a.imt_earned_link:not(.imt-earned-badge),
html:has(link.night-mode-css) .home-page-categories .videos .video-list .video-list-by a.imt_earned_link:not(.imt-earned-badge),
html:has(link.night-mode-css) .pt_srch_vids .video-latest-list .video-info a.imt_earned_link:not(.imt-earned-badge) {
  border-color: rgba(56, 189, 248, 0.28);
  background: rgba(14, 165, 233, 0.13);
  color: #bae6fd;
}

html:has(link.night-mode-css) a.imt_earned_link:not(.imt-earned-badge)::before { color: #38bdf8; }

html:has(link.night-mode-css) a.imt_earned_link:not(.imt-earned-badge):hover,
html:has(link.night-mode-css) .home-page-categories .videos .video-list .video-list-by a.imt_earned_link:not(.imt-earned-badge):hover,
html:has(link.night-mode-css) .pt_srch_vids .video-latest-list .video-info a.imt_earned_link:not(.imt-earned-badge):hover {
  border-color: rgba(125, 211, 252, 0.55);
  background: rgba(14, 165, 233, 0.23);
  color: #e0f2fe;
}

@keyframes imtCardEarnedIncrease {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(14, 165, 233, 0); }
  45% { transform: scale(1.06); box-shadow: 0 0 0 5px rgba(14, 165, 233, 0.2); }
}

a.imt_earned_link.imt-card-earned-updated {
  animation: imtCardEarnedIncrease 1.2s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  a.imt_earned_link:not(.imt-earned-badge) { transition: none; }
  a.imt_earned_link:not(.imt-earned-badge):hover { transform: none; }
  a.imt_earned_link.imt-card-earned-updated { animation: none; }
}

/* Profile dropdown mobile responsive (Neptime livestream redesign work) */
@media (max-width: 600px) {
    nav.navbar-findcond .dropdown-menu.ani-acc-menu,
    nav.navbar-findcond .dropdown-menu.ani_log_menu {
        min-width: 220px !important;
        max-width: calc(100vw - 24px) !important;
        right: 8px !important;
        left: auto !important;
        max-height: calc(100vh - 80px) !important;
        overflow-y: auto !important;
    }
    nav.navbar-findcond .dropdown-menu.ani-acc-menu li > a,
    nav.navbar-findcond .dropdown-menu.ani_log_menu li > a,
    header .dropdown-menu.ani-acc-menu li > a,
    header .dropdown-menu.ani_log_menu li > a {
        padding: 10px 14px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .dropdown-menu.ani-acc-menu svg,
    .dropdown-menu.ani_log_menu svg {
        width: 18px !important;
        height: 18px !important;
        margin-right: 8px !important;
    }
    nav.navbar-findcond .profile-nav .dropdown-toggle {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}
@media (max-width: 400px) {
    nav.navbar-findcond .dropdown-menu.ani-acc-menu,
    nav.navbar-findcond .dropdown-menu.ani_log_menu {
        min-width: 200px !important;
        right: 4px !important;
    }
}
/* Force fully-black video-player background — fixes the white strip
   below the video that appears because mejs__container is shorter than
   the video element itself. */
.video-player,
.video-player .mejs__container,
.video-player .mejs__mediaelement,
.video-player .mejs__layers,
.video-player .mejs__inner,
.video-player .mejs__overlay,
.video-player .mejs__overlay-loading,
#vy_lv_player_slot,
.sticky-container__wrap,
#post_live_video_40168,
[id^="post_live_video_"],
.player-video {
    background: #000 !important;
    background-color: #000 !important;
}

/* Round the player edges for a cleaner look + clip overflow so the
   video respects the corners. */
.col-md-8.player-video .video-player,
.col-md-8.player-video #vy_lv_player_slot,
.col-md-8.player-video .sticky-container__wrap,
.col-md-8.player-video .mejs__container {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* The column (.col-md-8.player-video) was being painted black by an
   earlier rule and showing past the player. Reset the column to
   transparent — only the actual player frame should be black. */
.col-md-8.player-video {
    background: transparent !important;
    background-color: transparent !important;
}
.player-video.col-md-8 {
    background: transparent !important;
    background-color: transparent !important;
}

/* Round bottom of player + breathing space before the title panel */
.col-md-8.player-video .mejs__controls {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}
.col-md-8.player-video .content.pt_shadow {
    border-radius: 12px !important;
    overflow: hidden;
}

/* Gap between player and panel below */
.col-md-8.player-video .sticky-container__wrap {
    margin-bottom: 8px !important;
}


/* Reduce top gap above watch page content */
#main-container {
    margin-top: 8px !important;
}