* { box-sizing:border-box; -webkit-box-sizing:border-box;}

@font-face {
  font-family: 'quicksand-regular';
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-reg/QuicksandRegular.eot');
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-reg/QuicksandRegular.eot?#iefix') format('embedded-opentype'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-reg/QuicksandRegular.woff2') format('woff2'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-reg/QuicksandRegular.woff') format('woff'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-reg/QuicksandRegular.ttf') format('truetype');
}

@font-face {
  font-family: 'quicksand-bold';
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-bold/QuicksandBold.eot');
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-bold/QuicksandBold.eot?#iefix') format('embedded-opentype'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-bold/QuicksandBold.woff2') format('woff2'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-bold/QuicksandBold.woff') format('woff'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-bold/QuicksandBold.ttf') format('truetype');
}

@font-face {
  font-family: 'quicksand-light';
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-light/QuicksandLight.eot');
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-light/QuicksandLight.eot?#iefix') format('embedded-opentype'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/Quicksand-light/QuicksandLight.woff2') format('woff2'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/fonts/Quicksand-light/QuicksandLight.woff') format('woff'),
      url('https://envoi-common-resources.imgix.net/screening/fonts/fonts/Quicksand-light/QuicksandLight.ttf') format('truetype');
}

@font-face {
  font-family: 'raleway';
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/raleway/Raleway.eot');
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/raleway/Raleway.eot?#iefix') format('embedded-opentype'), url('https://envoi-common-resources.imgix.net/screening/fonts/raleway/Raleway.woff') format('woff'), url('https://envoi-common-resources.imgix.net/screening/fonts/raleway/Raleway.ttf') format('truetype'), url('https://envoi-common-resources.imgix.net/screening/fonts/raleway/Raleway.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'raleway_med';
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/raleway_medium/Raleway_medium.eot');
  src: url('https://envoi-common-resources.imgix.net/screening/fonts/raleway_medium/Raleway_medium.eot?#iefix') format('embedded-opentype'), url('https://envoi-common-resources.imgix.net/screening/fonts/raleway_medium/Raleway_medium.woff') format('woff'), url('https://envoi-common-resources.imgix.net/screening/fonts/raleway_medium/Raleway_medium.ttf') format('truetype'), url('https://envoi-common-resources.imgix.net/screening/fonts/raleway_medium/Raleway_medium.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root {
  --bgColor: #15171B;
  --secbgColor:#1E222B;
  --borderColor:#798AAC;
  --highlight:#e9c548 !important;
  --boldfont:'quicksand-bold', sans-serif;
  --bodyfont:'quicksand-regular', sans-serif;
  --btnbg:#1E222A;
  --sectxtColor:#C9D8F4;
  --quicksandboldfont:'quicksand-bold', sans-serif;
  --quicksandregularfont:'quicksand-regular', sans-serif;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 16
}



body{ margin:0; padding:0; font-family:var(--bodyfont)!important; background-color: var(--bgColor) !important; height: 100%; color:#c9c9c9 !important; }
body.broadcast { font-family:var(--bodyfont)!important;}

/*COMMON*/
h1, h2, h3, h4, h5, h6{ font-family:var(--boldfont)!important; font-weight:bold; line-height: 1;}
p{ font-family:var(--bodyfont)!important; font-weight:normal; line-height: 1;}
.envoi-scheduler { background: #15171b;}


.mb-20 { margin-bottom: 20px;}
.mb-10 { margin-bottom: 10px;}
.mt-10 { margin-top: 10px;}


@media (min-width:1200px) and (max-width:1280px) {}
@media (min-width:1281px) and (max-width:1366px) {}
@media (min-width:1400px) and (max-width:1450px) {}
@media (min-width:1590x) and (max-width:1600px) {}
@media (min-width:1700x) and (max-width:2000px) {}
@media (min-width: 1000px) {}
@media (min-width: 1290px) {
.live-menu { justify-content: center; }
.live-menu ul li { margin: 0 6px; }
.hed_right { display: block;}
.container { max-width: 1600px !important; width: 95% !important; }
.schedule_block .schedule_section .sdl_buttons .lc_input { width: 407px; }
}
@media (max-width: 1200px) {
  .enchannel_wrapper { width: 100%; padding-left: 15px; padding-right: 15px; }
  .content_wrp { width: 92% !important;  }
  .content_page .succes_blk { width: 100% !important;   padding: 30px !important; }
  .content_page .column_reverse { flex-direction: column-reverse;     margin-bottom: 30px;}
  .content_page .support { margin-bottom: 45px;}
  .content_page .call_blk { width: 100% !important; }
  .content_page .support .help_h4 { text-align: left !important; margin-top: 20px; }
}
@media (max-width: 900px) {
  .channel-card .channel-thumb {
    height: auto !important;
}
}
@media(min-width:300px) and (max-width:380px){ }
@media(min-width:280px) and (max-width:420px){ }
@media(min-width:421px) and (max-width:800px){}
@media(min-width:721px) and (max-width:1000px){}
@media (min-width: 300px) and (max-width: 650px) {
  .live-header .navbar {
    padding: 10px 0px !important;
    display: flex;
}
  .live-header .container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
  .live-header .navbar-toggler {
    left: 13px !important;
    top: 6px !important;
}
.live-header .navbar-brand {
  margin-left: 50px !important;
  width: 150px !important;
  margin-top: 0px !important;
}
.live-header .navbar-nav {
  background-color: #000000;
  width: 100% !important;
  padding: 10px 15px !important;
  margin-top: 23px;
 padding-bottom: 2px !important;
}
.live-header .nav-link {
  padding: 8px 0 ;
}
.live-navlist li a:after {
  bottom: 0px !important;
  left: 0px !important;
  transform: inherit !important;
}

.channel-guide .schedule_block .schedule_section { margin-top: 39px !important;}
.schedule_wrp { padding-left: 6px !important; padding-right: 6px !important;}
.channel-guide .schedule_block .schedule_section .schedule_wrp .edhgbii1 {width: 77%;}
.channel-guide .schedule_block .schedule_section .schedule_wrp .css-1olpj1k-Box {width: 85px;}
.channel-guide .schedule_block .schedule_section .schedule_wrp .css-1b2hxk0-TimelineWrapper {left: 85px;}
.schedule_block .schedule_wrp .planby { height: calc(100vh - 160px) !important;}

}
@media (min-width: 1250px) { .wrapper { max-width: 1600px; } }
@media(min-width:300px) and (max-width:480px){}
@media (min-height:730px) {}
@media (min-width: 320px) and (max-width: 1080px) { 
  .pmt_dt .back { top: 6px; }
  .schedule_player { display: none;}
  .schedule_block .schedule_content { width: 100% !important; }
  .footer .container-fluid  { display: block !important;}
  .footer_nav {     display: flex; margin-bottom: 10px !important; justify-content: center;}
  .envoi-scheduler .footer_nav li a { padding: 0 !important; }
  footer ul li { width: auto !important; }
  .schedule_block .left_sn { width: 100% !important;}
  .schedule_block .schedule_section .search { width: 100% !important;}
  .hero_section {min-height: 25vh !important; }
  .detail_section { width: 100% !important;}
  .info-container { width: 100% !important; }
  .hero_section h1 { font-size: 26px !important; margin-top: 15px !important; }
  .asset_details { margin-top: 15px; height: calc(100vh - 135px); }
  .channel-guide .pmt_left { width: 100% !important; padding: 0 15px !important; }
  .channel-guide .pmt_right { width: 100% !important; padding: 0 15px !important;}  
  .channel-guide .payment_wrp {width: 100% !important; }
  .channel-guide .asset_payment { padding: 10px 15px !important; }
  .channel-guide .payment_page .submit { width: 100% !important;}
  .payment_page.subscription_page .payment_wrp { width: 100% !important; margin: 0 auto !important; }
  .subscription_page .pmt_lft { padding: 0 15px; }
  .subscription_page .payment_wrp .pmt_rgt { padding: 0 15px !important; }
  .channel-guide .payment_page h2 { font-size: 22px !important; }
  .subscription_page .pmt_lft h3 { font-size: 20px !important; }
  .channel-guide .payment_page { margin-top: 70px; }
  .details-block {display: block !important;}
  .details-block .discription-block {margin-right: 0px !important;}
  .envoi-scheduler .footer_nav {display: none !important;}
}



@media screen and (min-device-width: 300px) and (max-device-width: 1000px) and (orientation : portrait){}
@media screen and (min-device-width: 300px) and (max-device-width: 1000px) and (orientation : landscape){}

.mob-display{ display: none;}
.desk-display{ display: block;}

/*HEADER*/
.live-header{  background-color: var(--secbgColor); display: flex; align-items: center; justify-content: space-between; height: 50px;}
.header-wrapper{ display: flex; align-items: center; justify-content: space-between;}
.live-brand{ display: flex; align-items: center;}
.live-brand button{ padding:5px 15px 5px 0!important;}
.live-brand button span{ font-size: 32px; color: #fff;}
.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: none!important; }
.live-header .navbar{ padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%;} 


/*NAV*/
.live-navlist li .nav-link { padding-top: 0; font-size: 16px; color: #ececec; }
.live-navlist li a{ color:#7c8cae; font-family: var(--quicksandboldfont) !important; position: relative;}
.live-navlist li a:after{ width: 0px; content: ''; position: absolute; width: 0; height: 3px; bottom: -3px; left: 50%; transform: translate(-50%, -3px); border-radius: 3px; background-color: #fff; transition: all 0.2s ease-out; }
.live-navlist li a:hover, .live-navlist li a:focus{ color:#fff;  }
.live-navlist li a:hover:after{  width: 40px;}
.live-navlist li a.active:after{  width: 40px;  }
.live-navlist li a.active{font-family: var(--quicksandboldfont)!important; color:#fff;}




/*BODY*/
.enchannel_wrapper{   padding-top: 55px !important; padding-bottom: 50px;   width: 98%; max-width: 1600px; margin: 0 auto; font-family: var(--quicksandregularfont) !important; background-color: #15171b; }
.enchannel_wrapper p {font-family: var(--quicksandregularfont) !important; }
.enchannel_wrapper h1, .enchannel_wrapper h2, .enchannel_wrapper h3, .enchannel_wrapper h4, .enchannel_wrapper h5 { font-family: var(--quicksandboldfont) !important;}
.block-group{ display: flex; align-items: center;}
.page-heading{ display: flex; align-items: center; margin-bottom: 15px; padding-top: 10px;}
.page-heading h2{ margin-bottom: 0; font-family: var(--quicksandboldfont) !important; font-size: 20px; margin-right: 15px; color: #fff;}
.navbar-brand img{ max-width: 155px; max-height: 35px;}
.me-3 {  margin-right: 1rem!important;}

/*footer*/
.footer{ padding: 15px; border-top:1px solid #3a3a3a; background-color: #111215; position: fixed; bottom: 0; width: 100%;}
.footer p { font-family: var(--quicksandregularfont) !important; }
.footer-para{ margin-bottom: 0; text-align: center; color: #64666a; font-size: 13px;}
.preloader {     position: absolute; left: 48%;  top: 45%; z-index: 9999999 !important;}
.mt-20 { margin-top: 20px;}
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 16 }
#overlay { z-index: 99999999 !important;}
#root { padding: 0 !important; }
.dsp_flex { display: flex;}
.schedule_block .video_block { width: 100%; position: relative; padding-top: 10px; background-color: #000;}
.schedule_block .video_block iframe {    width: 100%; border: none; height: 550px;}
.schedule_block .video_block .video_info { position: absolute; left: 10%; bottom: 22%;}
.schedule_block .video_block .video_info h2 { font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 7px;}
.schedule_block .video_block .video_info h3 { font-size: 13px; color: #fff; margin-bottom: 7px;}
.schedule_block .video_block .video_info p { margin-bottom: 0; color: #9d9d9d; font-size: 13px;}
.schedule_block .video_block .video_info p .more { color: #fff; margin-left: 15px;}
.schedule_block .video_block .video_info { text-align: left;}
.schedule_block .video_block .video_info .live {     display: flex; align-items: center; color: #9d9d9d; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; line-height: 20px;}
.schedule_block .video_block .video_info .live .red {     width: 8px; height: 8px; border-radius: 100%; background-color: #f00; margin-right: 10px;}
.schedule_block .left_sn { display: flex; align-items: center;}
.schedule_block .schedule_section {margin-top: 50px !important; margin-bottom: 15px; padding-top: 5px;}
.schedule_block .schedule_section .sdl_buttons { width:100%; padding-left: 10px; padding-right: 10px;  padding-top: 10px; padding-bottom: 10px;  background-color: #1c1f2b; display: flex; justify-content: space-between; align-items: center;}
.schedule_block .schedule_section .sdl_buttons .btn { background-color: #4a4a50; text-transform: uppercase; margin-right: 20px; font-weight: 600; padding: 8px 20px; font-size: 13px; color: #8d8d95; border-radius: 2px;}
.schedule_block .schedule_section .sdl_buttons .btn.active { background-color: #e9c548; color: #000;}
.schedule_block .schedule_section .sdl_buttons h2 { font-size: 15px; margin-bottom: 0px; line-height: 18px;}
.schedule_block .schedule_section .search { background-color: #0e0e0e; border-radius: 2px; position: relative; width: 230px; border: solid 1px #1d1d1d;}
.schedule_block .schedule_section .sdl_buttons .lc_input {     background-color: transparent; padding: 5px 10px; border: solid 1px #3e435b; height: 31px; border-radius: 2px; color: #fff; font-size: 13px; width: 120px; background: #2d2c2c;}
.schedule_block .schedule_section .search input {  padding: 8px 10px; background-color: transparent; border: none; height: inherit; font-size: 14px; width: 90%; float: left; color: #fff;}
.schedule_block .schedule_section .search .btn { background: none; border: none; padding: 0px; position: absolute; right: 8px; top: 9px; margin-right: 0px; display: flex; }
.schedule_block .schedule_section .search .btn .material-icons { font-size: 23px;}
.schedule_block .schedule_section .arrows { display: flex;}
.schedule_block .schedule_section .arrows .icon {padding:4px 14px; border-radius: 1px; border: solid 1px #40455d; margin-left: -1px; background-color: transparent; color: #fff; display: flex; height: 35px; align-items: center;}
.schedule_block .schedule_section .arrows .icon:hover { background-color: #55555a; text-decoration: none;}
.schedule_block .schedule_section .arrows .icon .material-icons { font-size: 20px;}
.schedule_block .schedule_content { width: 100%; margin-top: 10px; position: relative;}
.schedule_block .schedule_time { display: flex; align-items: center; width: 100%; text-align: left;}
.schedule_block .schedule_time .sd_left { width:160px; height: 30px;}
.schedule_block .schedule_time .sd_right { width: calc(100% - 160px); height: 30px; display: flex; position: relative;}
.schedule_block .schedule_time .sd_right .sd_slot { width: 25%;}
.schedule_block .schedule_time .sd_right .sd_slot .sd_time { color: #5e5e5e; font-size: 14px; font-weight: 600; border-left: solid 1px #303030; padding-left: 5px;}
.schedule_block .schedule_time .seek_time {display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 15px; font-size: 12px; width: 65px; position: absolute; margin-left: -32px;}
.schedule_block .schedule_time .seek_time .material-icons { color: #fff; line-height: 10px;}
.schedule_block .schedule_data {    margin-bottom: 5px; height: 110px; display: flex; width: 100%;}
.schedule_block .schedule_data .sd_left { width: 160px; background-color: #252525; border-radius: 1px 0% 0 1px; display: flex; }
.schedule_block .schedule_data .sd_left.active { border: solid 1px #e9c548;}
.schedule_data .sd_left .asset_img { width: 230px; display: flex; align-items: center; justify-content: center;}
.schedule_data .sd_left .asset_img img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
.schedule_data .sd_left .asset_logo {  width: 160px; display: flex; align-items: center; justify-content: center; padding: 0 20px;}
.schedule_data .sd_left .asset_logo img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
.schedule_block .schedule_data .sd_right { width: calc(100% - 160px) ; display: flex; position: relative; }
.schedule_block .schedule_data .sd_right .sd_slot { width: 25%; padding-right: 5px; }
.schedule_block .schedule_data .sd_right .sd_slot.continue { padding-right: 0px;}
.schedule_block .schedule_data .sd_right .sd_time {     padding: 20px 20px; text-align: left; background-color: #303030; width: 100%; border-radius: 1px; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.schedule_block .schedule_data .sd_right .sd_time:nth-child(2)  {border-radius: 0px 6px 6px 0px; }
.schedule_block .schedule_data .sd_right .sd_time .time { font-size: 13px; font-weight: bold; color: #8d8d95; margin-bottom: 8px;}
.schedule_block .schedule_data .sd_right .sd_time .title { color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 600;}
.schedule_block .schedule_data .sd_right .seek_time {     background-color: #68686873; position: absolute; left: 0px; height: 100%;}
.no-schdule { display: flex; align-items: center; justify-content: center; background-color: #202020 !important;}
.schedule_block .schedule_data .sd_right .no-schdule .title { color: #8d8d8d; font-style: italic; }
.schedule_wrp { display: flex; justify-content: space-between; width: 100%; padding-left: 15px; padding-right: 15px;}
.schedule_player {width: 25%; margin-right: 1%; margin-top: 10px;}
.schedule_player .player_block { width: 100%;}
.schedule_player .player_block iframe {     width: 100%; height: 255px;}
.schedule_player .player_content { width: 100%; display: flex; background-color: #252525; justify-content: space-between;   padding: 10px 10px;}
.schedule_player .chnl_title { width: calc(100% - 80px);}
.schedule_player .chnl_logo {    width: 75px; display: flex; align-items: center; justify-content: center;}
.schedule_player .chnl_logo img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.schedule_player .chnl_title { color: #efefef;}
.schedule_player .chnl_title h3 { font-size: 15px; margin-bottom: 7px; line-height: 18px;}
.schedule_player .chnl_title p { font-size: 13px; margin-bottom: 0px;}
.schedule_player .player { display: flex; width: 100%;}
.schedule_wrp .planby { width: 100%; height: calc(100vh - 175px); padding: 0px; }

.schedule_wrp .planby .e1ra9c6c2::-webkit-scrollbar { width: 5px; height: 5px; }
.schedule_wrp .planby .e1ra9c6c2::-webkit-scrollbar-track {background: #222430;}
.schedule_wrp .planby .e1ra9c6c2::-webkit-scrollbar-thumb { background: #3b3e4e;}
.schedule_wrp .planby .e1ra9c6c2::-webkit-scrollbar-thumb:hover { background: #2c2f3d;}
.schedule_wrp .planby .css-hy2pol-Box {     background: #e9c548;}
.envoi-scheduler .footer_nav { margin: 0px; padding: 0px; display: none;}
.envoi-scheduler .footer_nav li { list-style: none; float: left; margin-right: 25px;}
.envoi-scheduler .footer_nav li a {color: #ccc; font-size: 13px; padding: 0px; line-height: 13px; font-family:var(--bodyfont)!important;}
.envoi-scheduler .footer_nav li a.active { color: #fff;   text-decoration: none;  font-weight: 600;}
.envoi-scheduler .footer_nav li a:after { display: none;}
.envoi-scheduler .container-fluid { display: flex; justify-content: center;}

.perpage { width: 100% !important; margin: 0 !important; display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
.perpage h4 { margin: 0; font-size: 18px; }
.perpage select { padding: 5px; margin-left: 8px; background-color: #3a3a3a; color: #fff; border-radius: 3px; border: solid 1px #4e4e4e; font-size: 12px; }
.channel-card { width: 100%; margin-bottom: 30px; }
.channel-card .channel-thumb { height: 200px; display: flex; align-items: center; justify-content: center; background-color: #000; position: relative; border-radius: 5px; border: 1px solid var(--borderColor); box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 50%); }
.asset_duration { background-color: #00000094; padding: 3px 5px; color: #fff; position: absolute; border-radius: 3px; left: 7px; bottom: 7px; font-size: 12px; line-height: 13px; }
.channel-card .channel-thumb img { width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: 5px; }
.channel-thumb .publish-btn.selected { width: 25px; height: 25px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 80%); background-color: #fff; padding: 0px; display: flex; justify-content: center; align-items: center; margin-left: 10px; border-radius: 50px; }
.channel-thumb .publish-btn span.material-symbols-outlined { margin-right: 0 !important; font-size: 18px !important; color: #242424; }
.channel-footer { padding-top: 10px; display: flex; justify-content: space-between; align-items: center; }
.channel-card .channel-footer h5 { color: var(--sectxtColor); font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rd_edit { position: absolute; right: 7px; top: 7px; }
.hed_right { display: flex; width: 125px;}
.hero_section { max-width: 100%; min-height: calc(100vh - 114px); background: #181818; margin: 0 auto; position: relative; background-position: 50% 50%; background-size: cover; z-index: 0;}
.video-dscptn-text .u-video-tit { margin-bottom: 5px!important; font-size: 1rem!important; }
.partner_body .partner-container .ast_landing .hero_section .info-container .video-dscptn-text .u-video-tit span { margin-left: 0px; }
.video-dscptn-text p { font-size: 12px !important; line-height: 16px; color: #fff; font-weight: 400; }
.asset_details{ margin-top: 15px;}
.asset_details .schedule_player { margin-top: 0px;}
.grey-left { position: absolute; left: 0; right: 35%; background: -moz-linear-gradient( left, rgba(24, 24, 24, 1) 0%, rgba(24, 24, 24, 0.84) 42%, rgba(24, 24, 24, 0) 100% ); background: -webkit-linear-gradient( left, rgba(24, 24, 24, 1) 0%, rgba(24, 24, 24, 0.84) 42%, rgba(24, 24, 24, 0) 100% ); background: linear-gradient( to right, rgba(24, 24, 24, 1) 0%, rgba(24, 24, 24, 0.84) 42%, rgba(24, 24, 24, 0) 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#00181818',GradientType=1 ); bottom: 0; top: 0; z-index: 0; }
.pos-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.info-container { width: 60%; position: relative; }
.hero_section h1 { color: #fff; font-size: 36px; margin-top: 30px; font-weight: bold; }
.video-dscptn-text { text-shadow: 1px 1px 2px #000000cc; }
.u-video-tit span { margin-left: 5px; font-size: 14px !important; }
.buy-options { padding: 0; margin: 10px 0; display: flex; align-items: center; justify-content: start; }
.buy-options .dropdown { margin-right: 5px; background: transparent !important; display: flex; }
.buy-options .dropdown button { color: #2d2d2d !important; background-color: rgba(255, 255, 255, 0.7) !important; font-size: 13px !important; display: flex; align-items: center; min-width: 110px; line-height: 27px !important; border-radius: 3px; position: relative; justify-content: center; }
.buy-options .dropdown button i { font-size: 20px; }
.buy-options .dropdown-menu { min-width: 100% !important; width: max-content; background-color: rgba(255, 255, 255, 0.85); }
.buy-options .dropdown-menu.show { transform: translate3d(0px, 38px, 0px) !important; right: 0; }
.buy-options .dropdown-menu .dropdown-item { padding: 0.45rem 0.8rem; font-size: 14px; text-align: center; }

.header_det { float: left; width: 100%; padding: 15px 0; position: fixed; z-index: 999999; top: 0px; background-color: #000; }
.header_det .wrapper  { display: flex; justify-content: space-between; align-items: center;}
.wrapper { width: 95%; margin: 0 auto; position: relative; }
.channel-guide .header_det .logo { width: 125px !important; float: left; }
.channel-guide .header_det .logo img { width: 100%;}
.header_det .cls { width: 26px; height: 26px; background-color: transparent !important; background-image: url(https://envoi-common-resources.imgix.net/screening/images/dark/close_ico.png?auto=compress,enhance,format&w=34) !important; background-size: 26px; background-position: center; background-repeat: no-repeat; cursor: pointer; }
.channel-guide .payment_page { width: 100%; margin-top: 80px; min-height: calc(100vh - 364px); margin-bottom: 20px; text-align: center; display: inline-block; }
.channel-guide .payment_page h2 { font-size: 28px; }
.channel-guide .payment_page .sub-text { font-size: 20px; color: #ccc; }
.channel-guide .payment_wrp { margin: 0 auto !important; width: 65%; }
.channel-guide .pmt_left { float: left; text-align: left; width: 50%; margin-top: 15px; padding: 0 35px; }
.channel-guide .pmt_right { float: left; width: 50%; margin-top: 15px; padding: 0 35px; border-left: solid 1px #272727; margin-bottom: 30px; }
.channel-guide .asset_payment { padding: 15px 20px; background-color: #131313; border-radius: 6px; }
.channel-guide .asset_payment h4 { font-size: 20px; margin-bottom: 5px; }
.channel-guide .asset_payment p { margin-bottom: 0px; font-size: 16px; font-weight: 600; color: #fff; }
.channel-guide .asset_payment p label { color: #b9b9b9; margin-bottom: 0px; font-weight: normal; }

.payment_page { font-family:var(--bodyfont)!important;}
.payment_page a { font-family:var(--bodyfont)!important;}
.pmt_rgt1 { float: left; width: 50%; margin-top: 15px; padding: 0 35px; border-left: solid 1px #272727; margin-bottom: 30px; }
.pmt_rgt1 .pmt_blk1 { padding: 15px 0; border-bottom: solid 1px #2b2b2b; }
.pmt_blk1 .ps3 { color: #cccccc; margin: 0px; line-height: 20px; }
.pmt_rgt1 .pmt_blk1 { padding-top: 15px;}
.pmt_blk1 h3 { font-size: 18px; color: #cccccc; margin: 0 0 10px 0; font-weight: bold; }
.pmt_blk1 input[type=radio] { zoom: 1; margin: 0px; float: left; margin-right: 7px; outline: none; margin-top: 3px; background: none; }
.payment-mode label{ float: left;}
.pmt_blk1 h4 { font-size: 24px; color: #fff; font-weight: bold; padding-left: 35px; margin: 0px; }
.pmt_blk1 .h4s { font-weight: normal !important; font-size: 16px; }
.pmt_blk1 h3 {text-align: left !important; margin-bottom: 10px !important;    }
.pmt_blk .form-group { margin-bottom: 5px; }
.cc_det { width: 100%; margin-top: 10px; }
.cc_det form { display: block;}
.cc_det label { font-weight: normal; font-size: 14px; color: #ccc; }
.cc_det input, .cc_det .hosted-field { background-color: transparent !important; border: solid 1px #afafaf; padding: 8px 10px; width: 100%; height:35px !important; color:#fff; border-radius: 0px; }
.cc_det select { background-color: transparent !important; border: solid 1px #afafaf; padding: 7px 10px; width: 100%; color:#fff; background-image: url(https://envoi-common-resources.imgix.net/screening/images/dark/select_bg.png); background-repeat: no-repeat; background-size: 14px; background-position: 97% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.cc_det .form-group { margin-bottom: 10px !important; }
.free_trl { font-size: 12px; line-height: 16px; margin-top: 20px; color: #fff; }
input[type='radio'] { -webkit-appearance:none; width:12px; height:12px; border:1px solid #fff !important; border-radius:50%; outline:none !important; }
input[type='radio']:before { content:''; display:block; width:60%; height:60%; margin: 2px; border-radius:50%; outline:none !important; }
input[type='radio']:checked:before {  background:#fff; outline:none !important; content: ''; display: block; width: 60%; height: 60%; margin: 2px; border-radius: 50%; outline: none !important;}
.ast_ifo1 .table-bordered { border: 1px solid #393c45;    }
.ast_ifo1 th {    background-color: #141518 !important; border: 1px solid #393c45 !important; color: #ccc !important; }
.ast_ifo1 td, th {       border: 1px solid #393c45 !important;    }
.gft_block { margin-top: 125px !important;}
.pmt_lft-u11 { float: left; width: 30%; margin-top: 25px;  padding: 0 35px;}
.pmt_lft-u11 h4 { font-size: 17px; color: #cccccc; margin: 0 0 20px 0;font-weight: bold;}
.pmt_rgt-u11 { float: left; width: 70%; margin-top: 25px; padding: 0 35px; border-left: solid 1px hsl(0, 0%, 69%); margin-bottom: 35px;}
.pmt_rgt-u11 h4 { font-size: 18px;}
.pmt_blk1 label { font-weight: 700; margin-bottom: 2px;   color: #cccccc; }
.ast_infoo1 p { margin-bottom: 5px !important;}
.ast_ifo1 { position: relative;}
.ast_ifo1 .giftMail { position: absolute; top: 52px;  right: 22px;  background-color: #000; color: #fff; font-size: 11px; padding: 5px 7px; border: solid 1px #5a5a5a;
  border-radius: 2px; cursor: pointer;}
.ast_ifo1 .react-tags { border-radius: 0px !important;}
.pmt_blk1 { padding: 15px 0; border-bottom: solid 1px #2b2b2b; text-align: left; }
.braintree_payment { margin-bottom: 20px; justify-content: space-between; display: flex; width: 100%; max-width: 500px; padding: 10px 15px; background-color: #1c1c1c; margin-top: 10px; border-radius: 6px; align-items: center; }
.braintree_payment label { margin-bottom: 0; }
#expiration-month, #expiration-year { width: 50% !important; display: inline-block; }
.movie--isloading { height: 252px; border-radius: 4px; overflow: hidden; margin-bottom: 15px; }
.movie--isloading .loading-image { height: 190px; background-image: -webkit-linear-gradient(left, #575757 0px, #5f5f5f 40px, #565656 80px); background-image: -o-linear-gradient(left, #575757 0px, #5f5f5f 40px, #565656 80px); background-image: linear-gradient(90deg, #575757 0px, #5f5f5f 40px, #565656 80px); background-size: 250px; -webkit-animation: shine-loading-image 2s infinite ease-out; animation: shine-loading-image 2s infinite ease-out; }
.movie--isloading .loading-content { background: #35353500; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
.movie--isloading .loading-content .loading-text-container { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.movie--isloading .loading-content .loading-main-text { height: 15px; width: 90%; margin-top: 12px; margin-bottom: 0; background: #494949; background-image: -webkit-linear-gradient(left, #494949 0px, #595959 40px, #4c4c4c 80px); background-image: -o-linear-gradient(left, #494949 0px, #595959 40px, #4c4c4c 80px); background-image: linear-gradient(90deg, #494949 0px, #595959 40px, #4c4c4c 80px); background-size: 250px; border-radius: 3px; -webkit-animation: shine-loading-container-items 2s infinite ease-out; animation: shine-loading-container-items 2s infinite ease-out; }
.movie--isloading .loading-content .loading-sub-text { height: 10px; width: 50%; background: #494949; background-image: -webkit-linear-gradient(left, #494949 0px, #595959 40px, #4c4c4c 80px); background-image: -o-linear-gradient(left, #494949 0px, #595959 40px, #4c4c4c 80px); background-image: linear-gradient(90deg, #494949 0px, #595959 40px, #4c4c4c 80px); background-size: 250px; border-radius: 10px; -webkit-animation: shine-loading-container-items 2s infinite ease-out; animation: shine-loading-container-items 2s infinite ease-out; }
.movie--isloading .loading-content .loading-btn { width: 60px; height: 20px; margin-top: -75px; position: absolute; left: 10px; background: #494949; background-image: -webkit-linear-gradient(left, #494949 0px, #595959 40px, #4c4c4c 80px); background-image: -o-linear-gradient(left, #494949 0px, #595959 40px, #4c4c4c 80px); background-image: linear-gradient(90deg, #6a6a6a 0px, #6e6e6e 40px, #797979 80px); background-size: 250px; border-radius: 3px; -webkit-animation: shine-loading-container-items 2s infinite ease-out; animation: shine-loading-container-items 2s infinite ease-out; }
@-webkit-keyframes shine-loading-image { 0% { background-position: -32px; } 40%, 100% { background-position: 208px; } }
@keyframes shine-loading-image { 0% { background-position: -32px; } 40%, 100% { background-position: 208px; } }
@-webkit-keyframes shine-loading-container-items { 0% { background-position: -100px; } 40%, 100% { background-position: 140px; } }
@keyframes shine-loading-container-items { 0% { background-position: -100px; } 40%, 100% { background-position: 140px; } }
.payment_page .submit { margin-top: 0px; font-weight: 600; width: inherit !important; padding: 5px 25px; display: block; background-color: #fff !important; color: #000 !important; border: solid 2px #fff !important; cursor: pointer; margin-right: 10px; height: 35px; border-radius: 0px; }
#expiration-year { margin-left: -1px;}
.payment_page .modal { display: none !important; position: fixed; z-index: 9999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; }
.ast_ifo1 { padding: 15px; background-color: rgb(0 0 0 / 36%); margin-bottom: 10px; position: relative; }
.ast_ifo1 h4 { margin-top: 0px; margin-bottom: 10px !important; font-size: 16px; font-weight: bold; color: #cccccc; }
.ast_ifo1 .row { margin-bottom: 10px; }
.ast_ifo1 .row .col-md-6:nth-child(2) { text-align: right; }
.react-tags { position: relative; padding: 6px 0 0 6px; border: 1px solid #393c45; font-size: 12px; color: #fff; font-weight: 100; line-height: 1.2; cursor: text; background-color: #141518; }
.react-tags__selected { display: inline; }
.react-tags__search { width: 100%; height: 58px; margin: 0; padding: 0px !important; position: relative; display: inline-block; max-width: 100%; }
.react-tags__search input { max-width: 100%; background-color: #141518; margin: 0; padding: 0; border: 0; outline: none; font-size: 12px !important; color: #fff !important; font-weight: 100; line-height: inherit; width: 58px; }
.ast_ifo1 .giftMail { position: absolute; top: 52px; right: 22px; background-color: #000; color: #fff; font-size: 11px; padding: 5px 7px; border: solid 1px #5a5a5a; border-radius: 2px; cursor: pointer; }
.errormsg { color: red; font-size: 13px !important; font-style: italic; margin-bottom: 5px !important; margin-top: -5px; }
.ast_ifo1 .table-bordered { border: 1px solid #393c45; }
.ast_ifo1 .table th { display: none; }
.payment_table td:nth-child(1) { width: 90%; text-align: left !important; }
.payment_table td { padding: 8px; }
.payment_table td:nth-child(2) { width: 10%; }
.payment_table .close { color: #fff !important; float: none; text-align: center; }
.ast_ifo1 td, th { border: 1px solid #393c45 !important; color: #fff; }
button { height: auto !important;}
.subscription_page .free_trl { font-size: 12px; margin-top: 0px; color: #777; margin-bottom: 10px; text-align: left; }
.free_trl a { color: #fff;}
.width-100 { width: 100%;}
.payment_blk h2 { font-size: 28px; color: #fff; text-align: center; text-transform: uppercase; }
.subscription_page .pmt_lft { float: left; width: 100%; margin-top: 10px; padding: 0 35px; }
.subscription_page .pmt_lft h3 { font-size: 24px; color: #cccccc; text-align: center !important; margin-top: 0px; line-height: inherit; }
.bold { font-weight: bold; }
.lock_blk { width: 133px; margin-top: 30px; background-image: url(https://envoi-common-resources.imgix.net/screening/images/dark/lock_ico.png); background-position: 0 -5px; padding-left: 35px; font-size: 12px; color: #fff; background-repeat: no-repeat; display: none; }
div.payment_wrp div.pmt_rgt { float: left; width: 100% !important; margin: 0 auto 30px auto !important; margin-top: -10px; padding: 0 35px !important; border-left: solid 0px #afafaf !important; }
.pmt_rgt .pmt_blk { padding: 15px 0; border-bottom: solid 1px #afafaf; }
.pmt_blk .ps3 { text-align: center; color: #cccccc; margin: 0px; font-weight: 600; line-height: 20px; }
.pmt_blk h3 { font-size: 16px; color: #cccccc; margin: 0 0 15px 0 !important; font-weight: bold; text-align: left !important; margin-top: 0px !important; }
.subscription_page .pmt_blk .form-group { margin-bottom: 5px; text-align: left; }
.pmt_blk input[type=radio] { zoom: 1.8; margin: 0px; float: left; margin-right: 7px; background: none; }
.pmt_blk label { color: #cccccc; font-weight: 600; }
.pmt_blk h4 { font-size: 18px; color: #fff; font-weight: bold; font-family: sans-serif; padding-left: 25px; margin: 0px 0px 0; }
.pmt_blk .h4s { font-weight: normal !important; font-size: 16px; }
.payment-mode label { float: left; }
.braintree_payment { margin-bottom: 20px; justify-content: space-between; display: flex; width: 100%; max-width: 500px; padding: 10px 15px; background-color: #2a2a2a; margin-top: 10px; border-radius: 6px; align-items: center; }
.subscription_page .payment_wrp { width: 550px !important; margin: 0 auto !important; }
.subscription_page h2 { color: #fff; line-height: inherit;}
.border-none { border: none !important;}
.back { width: 22px; height: 26px; background-image: url(https://envoi-common-resources.imgix.net/screening/images/dark/back_aro.png?auto=compress,enhance,format&w=34); background-size: 24px; background-repeat: no-repeat; cursor: pointer; }
.channel-guide .buy-options .dropdown button { border: none;   font-family: 'quicksand-regular' !important; font-weight: bold; }
.right-panel { display: block; padding-left: 0 !important; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; width: 100%; z-index: 999;}
.right-panel .content { padding: 0px !important; width: 100%; background-color: #000; }
#player {    height: 100vh; position: relative !important;}
#bitmovinplayer-video-playMovie { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.cls { width: 30px; height: 30px; background-image: url(https://envoi-common-resources.imgix.net/screening/images/dark/close_ico.png?auto=compress,enhance,format&w=34) !important; background-size: contain; background-repeat: no-repeat; position: absolute; background-position: center; right: 15px !important; top: 15px !important; z-index: 9999; cursor: pointer; }
#player .close {     width: 20px !important; top: 15px !important; right: 15px !important;}
.partner-container.pt-66 { margin-top: 0px;}
.empty-result {     height: calc(100vh - 90px); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.empty-result .no-data-found { width: 280px; margin-bottom: 30px;}
.empty-result h2 { font-size: 30px;}
.empty-result p { font-size: 20px;}
.schedule_content .noschedule {width: 100%; height: 100%;  }
.schedule_content .noschedule .schedule_section {opacity: 0.35;}
.noschedule .schedule_content { width: 100%;}
.noschedule .sd_time .time { background-color: #525252; height: 13px; width: 70%; border-radius: 15px; }
.noschedule .sd_time .title { background-color: #525252; height: 18px; width: 90%; border-radius: 15px;  }
.noschedule .asset_img {width: 75% !important; height: 60px; background-color: #525252; border-radius: 3px;}
.noschedule .sd_left { display: flex; align-items: center; justify-content: center; }
.noschedule .schedule_data { height: 90px; }
.noschedule .empty-result { position: absolute; width: 100%; background-color: #15171b94; z-index: 99;}
.noschedule .empty-result .no-data-found {    width: 125px; opacity: 0.4; margin-bottom: 15px;}
.noschedule .empty-result .error-text { background-color: #1f2024; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; border-radius: 100%; width: 300px; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px; text-align: center;}
.noschedule .empty-result { height: calc(100vh - 125px); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.noschedule .empty-result h2 { font-size: 26px;}
.noschedule .empty-result p { font-size: 16px; line-height: 18px;}
.player_loading.movie--isloading .loading-content .loading-sub-text { height: 10px; width: 40%; margin-top: 10px;}
.player_loading.movie--isloading .loading-content .loading-btn { width: 84px; height: 33px; margin-top: 0; position: inherit; left: inherit; right: 0; background-image: -webkit-linear-gradient(left, #595959 0px, #595959 40px, #606060 80px);
  background-image: -o-linear-gradient(left, #606060 0px, #595959 40px, #606060 80px);
  background-image: linear-gradient(90deg, #606060 0px, #595959 40px, #606060 80px);}
.player_loading.movie--isloading .loading-content {     background-color: #252525; padding: 15px 10px;}
.player_loading.movie--isloading .loading-content .loading-main-text { width: 80%; margin-top: 0;}
.player_loading.movie--isloading .loading-image { background-image: -webkit-linear-gradient(left, #424242 0px, #4a4a4a 40px, #424242 80px); background-image: -o-linear-gradient(left, #424242 0px, #4a4a4a 40px, #424242 80px); background-image: linear-gradient(90deg, #424242 0px, #4a4a4a 60px, #424242 100px); }
.alert_block{ position: absolute; top:0; bottom:0; left:0; right:0; background-color: #0e0e0ed6; z-index: 999;}
.alert_block .alert_wrapper{ width:96%; max-width: 350px; text-align: center; position: absolute; top:43%; left:50%; transform: translate(-50%, -50%);}
.alert_block .alert_wrapper h5{ text-align: center; text-transform: uppercase; color:#fff; font-weight: bold; font-family: 'Avenir', sans-serif; font-size: 22px;}
.alert_block .alert_wrapper p{ text-align: center; color:#c4c4c4; font-family: 'Avenir', sans-serif; font-size: 18px; line-height: 2;}
.alert_wrapper img{ width: 180px;margin: 10px auto 20px auto; display: block;}
.alert_wrapper .error_img{ width: 110px}
.alert_box{ width: 90%; margin: 0 auto; position: relative; }
.alert_box .Alert_head{ padding: 15px; background-color:#484848;}
.alert_box .Alert_body{background-color:#303030; padding: 15px; }
.alert_box .Alert_body p:first-child{ color:#fff; font-size: 20px; margin-bottom:10px;}
.alert_box .Alert_body p:nth-child(2){ color: #c4c4c4; font-size: 15px; line-height: 24px!important;}
.alert_box .change_plan_btn {display: flex; justify-content: center; align-items: center; font-family: var(--bodyfont)!important; padding: 7px 10px; background-color: #ccc; border-radius: 3px; color: #232323 !important; font-weight: 600; text-transform: uppercase; }
.alert_box .change_plan_btn .material-icons { font-size: 22px;}
.subscrib_wrp { max-width: 650px; width: 100%; transform: translate(-50%, -50%);text-align: center; position: absolute; top: 50%; left: 50%;}
.subscrib_logo { display: inline-block; }
.subscrib_block { padding: 35px; width: 100%; margin-top: 10px; text-align: center; display: inline-block;}
.subscrib_logo img { width:inherit; max-width: 100%;}
.subscrib_block h2 { color:#fff; font-size:46px; margin-bottom:15px;}
.subscrib_block h4 { color:#fff; font-size:30px; margin-bottom:15px;}
.subscrib_block p { font-size:15px; color:#fff; margin-bottom:15px;}
.subscrib_block .submit { text-transform: uppercase; margin-top:0px; padding: 8px 45px; margin-right:0px; border:none; background-color: #F3F3F3 !important; border: solid 2px #FFFFFF !important; cursor: pointer; color: #fff !important;}
.details-block {display: flex;  margin-bottom: 75px;}
.details-block .discription-block {    margin-right: 40px; min-width: 100px; max-width: 25%;}
.more-details-block .details-label {     font-size: 1rem!important; font-weight: normal!important;}
.discription-block .details-tags { font-size: 13px !important; }
.hero_section { min-height: calc(100vh - 72px) !important; }
.page_content { margin-top: 50px; padding-top: 30px; color: #fff; font-family: 'Avenir', sans-serif;}
.content_wrp { width: 1024px; margin: 0 auto; }
.page_content .h1 { font-size: 36px; margin-bottom: 15px; }
.page_content h1 { font-size: 36px; margin-bottom: 15px; }
.page_content h2 { font-size: 22px; margin-bottom: 15px; }
.page_content h3 { font-size: 18px; margin-bottom: 10px;}
.page_content p { margin-bottom: 10px; font-size: 14px; line-height: 18px; font-family: 'Avenir', sans-serif !important;}
.page_content li { margin-bottom: 10px;}
.envoi-scheduler .footer  .container-fluid { justify-content: space-between; }
.content_page { height: calc(100vh - 45px); overflow: auto;}
.content_page .form-control { padding: 10px 12px; font-size: 14px !important; line-height: 18px; color: #ffffff !important; font-weight: 600 !important; background-color: #2b303a !important; height: inherit !important; background-clip: padding-box; border: 1px solid #515a6a !important; border-radius: 3px; }
.content_page .form-control:focus { background-color: transparent;}
.content_page .btn { padding: 10px 15px; font-size: 14px; cursor: pointer; background-color: #474f61; border-color: #596d93; margin-top: 15px; line-height: 18px; opacity: 1; }
.content_page .btn:hover { background-color: #4c576f; border-color: #596d93;}
.content_page .btn-primary.disabled, .btn-primary:disabled { background-color: #474f61 !important; border-color: #596d93 !important; opacity: 0 6; }
.content_page .call_blk {     width: 250px; margin: 0 auto; background-color: #2e333c; padding: 25px; border-radius: 6px; text-align: center; border: solid 2px #59616f;}
.content_page .support .help_h4 {     text-align: center; margin-bottom: 15px;}
.content_page .help_h4 { margin-bottom: 15px; font-size: 16px; }
.content_page label { line-height: 14px; line-height: 14px; font-size: 12px; font-weight: 600; }
.content_page .succes_blk {padding: 35px; background: rgb(15 17 20); width: 400px; margin: 0 auto; margin-bottom: 50px; margin-top: 10%;}
.content_page .suc_logo { width: 50px; margin: 0 auto; margin-bottom: 5px;}
.content_page .suc_logo img { width: 100%;}
.content_page .succes_blk h3 { font-size: 28px; color: #5cba3b; text-align: center; margin-bottom: 10px; text-transform: uppercase;}
.content_page .succes_blk p { color: #fff; font-size: 16px; text-align: center; line-height: 20px; margin-bottom: 0px;}
.pd_popup .popup { background-color: #202329; }
.pd_popup .popup .popup_hed { background-color: #2e3239; width: 100%; position: relative; padding: 15px; }
.pd_popup .popup .popup_hed h2 { color: #ffffff; font-size: 14px; text-transform: uppercase; margin: 0; line-height: 17px; }
.pd_popup .popup .popup_hed .close { padding: 10px; background-color: #3f444e; display: flex; justify-content: center; position: absolute; right: 0px; width: 47px; top: 0; opacity: 1; color: #fff; font-size: 24px; line-height: 27px; text-shadow: none; }
.pd_popup .popup .popup_hed .close:hover { color: #fff; background-color: #3f444e; }
.pd_popup .popup .popup_content { padding: 15px; overflow: auto; height:auto; }
.pd_popup .popup .column { display: flex; justify-content: space-between; align-items: center; }
.pd_popup .popup .column .leftd { width: 20%; }
.pd_popup .popup .column .rightd { width: 80%; }
.pd_popup .popup .column label { color: #fff; font-weight: 600; }
.pd_popup .popup .column p { color: #fff; }
.pgm_detail { max-width: 500px !important;}
.pgm_detail .pgm_img { margin-bottom: 15px;}
.pgm_detail .pgm_img .img { width: 100%;}
.pgm_detail .column .leftd { width: 25% !important; }
.pgm_detail .column .rightd { width: 75% !important; }
.pgm_detail .popup_content .column p { font-size: 14px; line-height: 16px; }
.pgm_detail .popup_content .column h3 { margin-bottom: 0; font-size: 16px; font-weight: 600; line-height: normal;}
.pgm_detail label { line-height: 16px; }
.switch_btn { display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #fff; margin-right: 30px;}
.switch_btn .switch { position: relative; display: inline-block; width: 51px; height: 25px; margin-left: 10px; margin-bottom: 0px; }
.switch_btn .switch input { opacity: 0; width: 0; height: 0; }
.switch_btn .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #4b4b4b; -webkit-transition: .4s; transition: .4s; border-radius: 30px; }
.switch_btn .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 100%; }
.switch_btn input:checked + .slider { background-color: #005599; }
.switch_btn input:focus + .slider { box-shadow: 0 0 1px #005599; }
.switch_btn input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.switch_btn .slider.round { border-radius: 34px; }
.switch_btn .slider.round:before { border-radius: 50%; }
.right_sn { display: flex;}

.pd_popup .popup.add-channel .popup_content .column {margin-bottom: 12px;}
.pd_popup .popup.add-channel .popup_content .column .dsp_flx{margin-bottom: 0;}
.pd_popup .popup.add-channel .popup_content .column p{margin-bottom: 0;}

/*updated on 07:14 PM 19-02-2024 */