/* ================================================================================================
// 	File Name: style.scss
// 	Description: Style for customization.
// 	----------------------------------------------------------------------------------------------
// 	Item Name: Chameleon Admin - Modern Bootstrap 4 WebApp & Dashboard HTML Template + UI Kit
// 	Version: 1.0
// 	Author: ThemeSelection
// 	Author URL: https://themeselection.com/
// ================================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
    background-color: #000;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
  cursor: pointer;
 }
.epg-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  background-color: black;
}

.epg-container ul.listings-grid {
  list-style-type: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  background-color: #e4e4e4;
}

.epg-container ul.listings-grid li {
  font-size: 22px;
}

.epg-container ul.listings-grid .listings-timebar {
  height: 50px;
  color: #464855;
  border-bottom: 2px solid #d4d4d4;
}

.epg-container ul.listings-grid .listings-channel-row {
  display: flex;
  height: auto;
  padding: 0;
  border-bottom: solid;
  border-bottom-width: 2px;
  border-color: #d4d4d4;
  overflow: hidden;
  position: relative;
  /* background-color: #37474f; */
}

.programAirings {
  width: 100%;
  display: flex;
  position: absolute;
  left: 20%;
}

.epg-container ul.listings-grid .listings-timebar-time {
  width: 20%;
  vertical-align: middle;
  float: left;
  padding: 0 0.5em;
  line-height: 50px;
  border-right: 2px solid #d4d4d4;
  font-weight: 600;
}

.epg-container ul.listings-grid .listings-timebar-time:first-child {
  width: 20%;
}

.epg-container ul.listings-grid .listings-timebar-time:nth-of-type(2n) {
  padding-left: 50px;
}

.epg-container ul.listings-grid .listings-timebar-time:nth-of-type(3n) {
  padding-left: 15px;
}

.epg-container ul.listings-grid .listings-timebar-time:nth-of-type(4n) {
  padding-left: 15px;
}

.epg-container ul.listings-grid .listings-timebar-time:nth-of-type(5n) {
  padding-left: 15px;
}

.epg-container ul.listings-grid .listings-timebar-time:last-of-type {
  border-right: 0;
}

.epg-container ul.listings-grid .listings-channel {
  color: white;
  width: 20%;
  height: 56px;
  float: left;
  display: inline-block;
  padding: 10px 0;
  vertical-align: middle;
  background-color: #e4e4e4;
  border-right: 2px solid #d4d4d4;
  position: relative;
}

.isLanched {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ee2e2e;
  border-radius: 40px;
  top: 6px;
  right: 6px;
}

.isLanchedUCS {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ee2e2e;
  border-radius: 40px;
  top: 11px;
  right: 11px;
}

.epg-container ul.listings-grid .listings-channel img {
  width: 110px;
  margin-left: 15px;
}

.epg-container ul.listings-grid .listings-program {
  text-align: center;
  color: #fff;
  display: block !important;
  border-right: solid;
  border-right-width: 1px;
  border-left: solid;
  border-left-width: 1px;
  border-color: #d4d4d4;
  float: left;
  padding: 10px 0px;
  /* background-color: #37474f; */
  font-size: 20px;
  position: relative;
  white-space: normal;
  overflow: hidden;
  padding-left: 1px;
}

.epg-container ul.listings-grid .listings-details {
  font-size: 20px;
  float: left;
}

.epg-container ul.listings-grid .listings-details-first {
  color: #fa626b;
}

.epg-container ul.listings-grid .listings-program.active {
  /* background-color: #6a7e88; */
  display: block;
}

.epg-container ul.listings-grid .listings-program.highlgt {
  /* background-color: #00796b; */
}

.listings-program-title {
  position: relative;
  z-index: 9;
  display: inline-block;
  padding-left: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 100;
  width: 100%;
}

.ongprg {
  background-color: #f95058;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.arscr {
  position: absolute;
  top: 0;
  z-index: 99;
  vertical-align: middle;
  font-size: 30px;
  left: 0;
}

.arscr a,
.arscr-rgt a {
  color: #fff;
}

.arscr a:hover,
.arscr a:focus,
.arscr-rgt a:hover,
.arscr-rgt a:focus {
  color: #fff;
}

.arscr i,
.arscr-rgt i {
  line-height: 56px;
}

.arscr-rgt {
  position: absolute;
  top: 0;
  z-index: 99;
  vertical-align: middle;
  font-size: 30px;
  right: 0;
}

.epgdates {
  color: #464855;
  padding-left: 15px;
  font-size: 20px;
}

.epg-container ul.listings-grid .listings-channel img {
  width: 110px;
  margin-left: 15px;
}

.channelNumber {
  color: #fff;
  font-size: 15px;
  margin-right: 15px;
  font-weight: 600;
  float: right;
  display: block;
  border-radius: 3px;
  background: #28afd0;
  padding: 0 11px;
  line-height: 25px;
  margin-top: 5px;
}

.epgChannelImg {
  width: 110px;
  margin-left: 15px;
  background-size: contain;
  background-position: left center;
  height: 45px;
  background-repeat: no-repeat;
  display: inline-block;
}

.loaderEpg,
.indexLoader {
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 0px;
  text-align: center;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* background-color: #00000085; */
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loaderEpg .spinner-border,
.indexLoader .spinner-border {
  width: 60px;
  height: 60px;
}

#loaderProgramPopup,
.loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}

#loaderProgramPopup .spinner-border,
.loader .spinner-border {
  width: 3rem;
  height: 3rem;
}

.epgDatePicker {
  /* width: 300px; */
  margin-right: 15px;
  max-width: 100%;
}

.epgDatePickerDownload {
  width: 300px;
}

.epgLimitHeight {
  max-height: 420px;
  overflow-y: auto;
}

.ChannelName {
  font-size: 16px;
  font-weight: bold;
  margin-left: 15px;
  margin-top: 8px;
  margin-bottom: 5px;
  display: flex;
}

.channelUp {
  display: none;
  position: absolute;
  background-color: #37474f;
  width: 30px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  top: 13px;
  z-index: 99;
  left: 16%;
  border-radius: 3px;
  font-size: 20px;
  color: #fff;
}

.channelDown {
  display: none;
  position: absolute;
  background-color: #37474f;
  width: 30px;
  height: 30px;
  line-height: 33px;
  text-align: center;
  bottom: 13px;
  z-index: 99;
  left: 16%;
  color: #fff;
  font-size: 20px;
  border-radius: 3px;
}

.channelRight {
  position: absolute;
  background-color: #37474f;
  width: 30px;
  height: 30px;
  line-height: 33px;
  text-align: center;
  top: 11px;
  z-index: 99;
  right: 0.8%;
  color: #fff;
  font-size: 20px;
  border-radius: 3px;
}

.channelLeft {
  position: absolute;
  background-color: #37474f;
  width: 30px;
  height: 30px;
  line-height: 33px;
  text-align: center;
  top: 11px;
  z-index: 99;
  left: 20.8%;
  color: #fff;
  font-size: 20px;
  border-radius: 3px;
}

.listings-grid li:nth-child(2) .channelUp {
  display: block;
}

.listings-grid li:nth-child(51) .channelDown {
  display: block;
}

.airingTitle {
  cursor: pointer;
}

.divEntriesInfo {
  background-color: #fff;
  padding: 15px 0px;
  font-size: 1.1rem;
  font-weight: bold;
  /* display: none; */
  align-items: center;
  justify-content: space-between;
}

.dotNotation {
  display: inline-block;
  align-items: center;
}

.dotNotation span {
  font-weight: normal;
}

.redDot {
  width: 8px;
  height: 8px;
  background: #ee2e2e;
  border-radius: 40px;
  display: inline-block;
  margin-right: 6px;
}

.ChannelName span {
  margin-right: 10px;
}

.channelNameEpg {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.ChannelName:last-child {
  font-weight: bold;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap;
}

.height-70 {
  height: 70px;
}

.startDate.error {
  color: #4e5154 !important;
}

.strLimit-200 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.fillterDropdown .error {
  position: absolute;
  bottom: 10px;
}

.fillterDropdown .select2-container {
  margin-bottom: 20px;
}

.fillterDate label.error {
  position: absolute;
  bottom: -30px;
}

.fillterDate .input-group {
  margin-bottom: 20px;
}

.validatdetxt .input-group,
.validatdetxt .select2-container,
.validatdetxt .selectBox {
  margin-bottom: 0px;
}

.picpre {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  display: inline-block;
  width: 100%;
}

.picbox img {
  float: left;
  width: 90px;
  height: 90px;
  margin-top: 10px;
  margin-left: 10px;
}

.picin {
  position: relative;
  float: left;
  width: 100%;
  height: 150px;
  margin: 0px;
}

.picin img {
  width: 100%;
  height:100%;
}

.picin a {
  font-size: 15px;
  background: #fa626b;
  color: #fff;
  border-radius: 50px;
  width: 18px;
  height: 18px;
  position: absolute;
  right: -7px;
  top: -7px;
  text-align: center;
}

.picin a:hover,
.picin a:focus {
  color: #fff;
}

.fileUploadImageBox {
  opacity: 0;
  position: absolute;
  top: 0px;
  margin: 0px;
  width: 100%;
  height: 40px;
  left: 0px;
  cursor: pointer;
  margin-bottom: 0px !important;
}

.fileUploadImageBox input {}

.fileUploadImageBtn {
  padding: 0px;
  width: 100%;
  height: 40px;
  margin: 10px 0px;
  max-width: 100%;
}

/* .channelName {
  color: #000;
} */

.dateCard {
  background-color: #ffffff;
  border-radius: 7px;
  padding: 10px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(62, 57, 107, 0.25);
  box-shadow: 0px 0px 8px 1px rgba(62, 57, 107, 0.25);
  margin-top: 10px;
  /* margin-left: 8px; */
}

.dateCard h4 {
  font-size: 16px;
  color: red;
  margin-bottom: 5px;
}

.dateCard h6 {
  font-size: 16px;
  margin-bottom: 0px;
}

.dateCard div {
  font-size: 24px;
  margin-bottom: 5px;
  color: #000;
}

.dateCardItem h5 {
  margin: 10px auto;
  text-align: center;
  font-size: 12px;
  display: block;
  /* margin-left: 8px; */
}

.dateCardItem h5 span {
  margin: 0px 5px;
  /* float: left; */
}

.dateCardItem h5 .programDuration {
  float: right;
}

.dateCardItem h5 .programTime {
  float: left;
}

.programSchedules .owl-next {
  position: absolute;
  right: -10px;
  top: 33%;
  margin: 0px !important;
  background-color: hsl(0, 0%, 0%) !important;
  width: 30px;
  height: 30px;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 21px !important;
  outline: 0px;
}

.programSchedules .owl-prev {
  position: absolute;
  left: -10px;
  top: 33%;
  margin: 0px !important;
  background-color: hsl(0, 0%, 0%) !important;
  width: 30px;
  height: 30px;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 21px !important;
  outline: 0px;
}

.programSchedules {
  margin-bottom: 35px;
  /* margin-left: 5px; */
  /* margin-right: -15px; */
}

.programSchedules .owl-theme .owl-nav .disabled {
  opacity: 0;
}

.item.dateCardItem {
  margin: 0px 5px;
}

.channelShowCard {}

.text-center {
  text-align: center;
}

.text-limit-3-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-clr {
  color: white;
}

.popupClose {
  outline: 0 !important;
}

.alert-danger h6 {
  color: #fff;
}

.alert-danger .close {
  color: #fff;
  outline: 0;
}

.custom-checkbox {
  padding-left: 42px;
}

.custom-control-label::after,
.custom-control-label::before {
  position: absolute;
  top: 0.225rem;
  left: -2.1rem;
  width: 1rem;
  height: 1rem;
  content: "";
  display: block;
}

.applyLabel {
  outline: 0 !important;
}

.alert-success .close {
  outline: 0 !important;
  color: white;
}

.icheckAlign {
  position: relative;
  top: 2px;
}

.addBtnWidLogo {
  width: 94%;
  color: #fff !important;
}

.bgClrEPG {
  background-color: #729aff !important;
}

.channel-sorting-content {
  position: relative;
  width: 100%;
  overflow-x: auto;
}

.channel-sorting-header {
  display: inline-flex;
  padding: 8px 15px;
  border: 1px solid #ccc;
}

.channel-sorting-header h4 {
  display: flex;
  align-items: center;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
}

.channel-sorting-header-one {
  width: 200px;
  margin-right: 20px;
}

.channel-sorting-header-two {
  width: 600px;
  margin-right: 20px;
}

.channel-sorting-header-three {
  width: 600px;
  margin-right: 20px;
}

.channel-sorting-header-four {
  width: 600px;
}

.channel-sorting-table td,
.channel-sorting-table th {
  padding: 0.5rem;
  text-align: center;
}

.channel-sorting-table td,
.channel-sorting-table th {
  font-size: 14px;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.red-item {
  background-color: #ef8481;
  color: #fff;
}

.green-item {
  background-color: #9ffc8c;
  color: #000;
}

.white-item {
  background-color: #fff;
  color: #000;
}

.yellow-item {
  background-color: #f6ff8f;
  color: #000;
}

.sandal-item {
  background-color: #f5b24d;
  color: #000;
}

.dark-green-item {
  background-color: #5CB338;
  color: #000;
}
.orange-item {
  background-color: #f5ca88;
  color: #000;
}

.epg-range-0-25 {
  background-color: #E8C896;
  color: #000;
}

.epg-range-26-50 {
  background-color: #E6AA50;
  color: #000;
}

.epg-range-51-75 {
  background-color: #F49C17;
  color: #000;
}

.epg-range-76-100 {
  background-color: #42C428;
  color: #000;
}
.epg-percentage-filtered {
  background-color: #62A6FF;
  color: #000;
}
html {
  scroll-behavior: smooth;
}

/* Fixed When Scroll Upcoming States */

.states-table-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
}

.channel-sorting-table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
  max-height: calc(100vh - 160px);
  overflow: auto;
}

.channel-sorting-table .channelHeading th:first-child {
  position: sticky;
  top: 0;
}

.channel-sorting-table .channelHeading th:first-child,
.channel-sorting-table .channelName th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #fff;
}

.channelHeading th:first-child {
  z-index: 5;
}

.channelHeading,
.channelDate {
  color: #000 !important;
}

.channel-sorting-table:hover,
.channel-sorting-table tbody tr th:hover {
  color: #000 !important;
}

.channel-sorting-table .channelName th:first-child {
  color: #6b6f80 !important;
  position: relative;
}

.channelHeading {
  position: sticky;
  background-color: #fff;
  top: 0;
  z-index: 11;
}

.channelHeading th:first-child {
  position: sticky;
}

.channelDate {
  position: sticky;
  background-color: #fff;
  z-index: 5;
  top: 36px;
}

.channelDate th {
  font-size: 10px !important;
}

.channelName td {
  font-size: 10px !important;
}

.showItems .dataTables_length label {
  margin-bottom: 0px !important;
}

.searchItem .dataTables_filter label {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.paginate .dataTables_paginate ul.pagination {
  margin: 10px 0px !important;
}

.popupTable {
  /* max-width: calc(100vh - 108px); */
  overflow-x: auto;
}

.channel-sorting-table tr td {
  cursor: pointer;
}

.channelFieldset {
  height: 42.19px;
  display: flex;
  align-items: center;
}

.stats-popup-table {
  min-width: 1260px;
}

#daysStatsTable {
  margin: 0px !important;
}

#daysStatsTable_wrapper .dataTables_filter label {
  margin-top: 0px;
}

#daysStatsTable_wrapper .row:nth-child(1) {
  margin-bottom: 10px;
}

#daysStatsTable_wrapper .row:nth-child(2) {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 236px);
  margin: 0px 0px 14px 0px;
}

#daysStatsTable_wrapper .row:nth-child(2) .col-sm-12 {
  padding: 0px;
}

#daysStatsTable thead tr th:first-child {
  padding: 0.75rem 4rem;
}

#epgScheduleTable {
  margin: 0px !important;
}

#epgScheduleTable_wrapper .dataTables_filter label {
  margin-top: 0px;
}

#epgScheduleTable_wrapper .row:nth-child(1) {
  margin-bottom: 10px;
}

#epgScheduleTable_wrapper .row:nth-child(2) {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 236px);
  margin: 0px 0px 14px 0px;
}

#epgScheduleTable_wrapper .row:nth-child(2) .col-sm-12 {
  padding: 0px;
}

#epgScheduleTable thead tr th:first-child {
  padding: 0.75rem 4rem;
}

.listings-channel,
.listings-channel h6 {
  cursor: pointer;
}

.channelLink {
  color: inherit;
}

.channelLink:hover {
  color: #38afd0;
  cursor: pointer;
}

.select2-container {
  width: 100% !important;
}

.select2-search__field,
.select2-selection__rendered {
  cursor: pointer;
}

.no-data-found {
  pointer-events: none;
}

.listings-program-title {
  cursor: pointer;
}

/* Adding cursor just works: */
div[aria-disabled="true"] {
  cursor: not-allowed;
}

/* Makes link non-clickable: */
div[aria-disabled="true"]:active {
  pointer-events: none;
}

@media (max-width: 991.98px) {
  .dataTables_wrapper table {
    display: inline-table !important;
    width: 100%;
    min-height: 0.01%;
  }
}

/* Css Loader */
.three {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid transparent;
  animation: anim3 1s linear infinite;
}

@keyframes anim3 {
  to {
    transform: rotate(360deg);
  }
}

.filterLoader {
  display: none;
}

.epgFilter,
.epgClear {
  min-width: 80px;
  height: 40.5px;
  padding: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.parserManualColor {
  background-color: #6a7e88;
}

.parserAutoParsedColor {
  background-color: #527662;
}
.parserXmlAutoParsedColor {
  background-color: #456A6A;
}

.parserRecurringColor {
  background-color: #729aff;
}

.parserFtpcolor {
  background-color: #6f6ccf;
}

li.noDataBgColor {
  background-color: transparent !important;
}

.noDataBgColor {
  background-color: #37474f;
}

.today {
  /* background: #42bdfb;
  color: #fff; */
}

#recent-projects {
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.badge-ftpParsed {
  background-color: #6f6ccf;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgb(117, 117, 117);
}

.select2-container--default .select2-selection--single {
  height: 41.19px !important;
}

.not-launched {
  position: absolute;
  top: 8px;
  right: 15px;
  z-index: 2;
  background-color: #EE2E2E;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding: 3px;
}

.channelCard {
  z-index: 1;
}

.z-indexHover {
  z-index: 5;
}

.parserStatusTitle {
  line-height: normal;
}

/* Dashboard Tabs */
.toggleTab {
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s all;
  /* white-space: nowrap; */
}

.toggleTab:hover {
  width: 210px;
}

.toggleTab.active>span {
  display: block;
  color: #6a67ce;
}

.toggleTab:hover>img,
.toggleTab.active>img {
  margin-right: 1rem;
}

.toggleTab.active {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
  background-color: #6a67ce;
  color: #fff;
  width: 210px;
}

.toggleTab.active>span {
  color: #fff;
}

.toggleTab img {
  /* margin-right: 1rem; */
  width: 28px;
}

.toggleTab span {
  line-height: normal;
  display: none;
}

.toggleTab.active img.visibleImg,
.toggleTab.active>img.hoverImg {
  display: none !important;
}

.toggleTab.active .activeImg {
  display: block;
}

.activeImg,
.hoverImg {
  display: none;
}

.dashboardWidgets .nav-item {
  position: relative;
}

.dashboardBadge {
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  padding: 0px;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background-color: #6a67ce;
}

.dashboardWidgets .toggleTab.active+.dashboardBadge {
  color: #6a67ce;
  line-height: 17px;
  background-color: #fff;
  border: 1px solid #6a67ce;
}

.customSpamControlsDropdown {
  position: relative !important;
  bottom: 0px !important;
  background-color: transparent !important;
}

#spamContributorsTable {
  width: 100% !important;
}

.z-3 {
  z-index: 3 !important;
}

.z-10 {
  z-index: 10 !important;
}

.spamContributorsContainer {
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.contributorsShowControl {
  display: inline-flex;
  align-items: center;
}

.contributorsShowControl li,
.contributorsShowControl li a {
  line-height: normal;
}

.contributorsShowControl li:last-of-type {
  padding-left: 8px;
}

.contributorMail {
  /* color: #969BB3; */
}

.select2-selection--multiple .select2-search__field {
  width: 100% !important;
}

#noEPGgotMailList_length label,
#noEPGgotMailList_filter label {
  margin: 0px;
}

#spamDelayed .card .card-header .col-xl-3:first-child {
  border-right: 2px solid #D9D9D9;
  padding-right: 30px;
}

#spamDelayed .card .card-header .col-xl-3:nth-child(2),
#spamDelayed .card .card-header .col-xl-3:nth-child(3) {
  padding-left: 30px;
}

/* Show Contributo's Channels*/
.searchContainer {
  height: 100%;
  width: 200px;
  position: relative;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  display: flex;
  align-items: flex-start;
  padding-left: 5px;
}

.searchContainer input {
  height: 37px;
  width: 90%;
  border: none;
  outline: none;
  font-size: 16px;
  line-height: normal;
  padding-bottom: 4px;
}

.searchClose {
  position: absolute;
  top: 10px;
  height: 19.59px;
  right: 4px;
  cursor: pointer;
  display: none;
}

.searchClose:hover {
  color: #555555;
}

.searchClose i {
  font-size: 17px !important;
}

.channelSorting .select2-container--default .select2-selection--single {
  height: 39px !important;
}

.channelSorting .select2-container--default .select2-selection--single .select2-selection__rendered {
  width: 200px;
  padding-left: 5px;
  text-align: left;
}

.contrbChannel {
  display: flex;
  align-items: center;
  border: solid 1px #f4f5fa;
  border-radius: 5px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.11);
  padding: 15px;
}

.contrbChannel img {
  width: 80px;
  height: 80px;
}

.contrbChannel .channelName {
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: normal;
  text-align: left;
  color: #5e5e5e;
  margin-left: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.contrbChannelsContainer .card-content .channelsCount {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: left;
  color: #5e5e5e;
  display: none;
}

.contributorsChannel .col-xl-3 a:hover .contrbChannel {
  border-color: #6a67ce;
  background-color: #f4f5fa;
}

.noChannels {
  display: none;
}

.hideChannelsNames {
  display: none;
}

.commentsItem {
  border-bottom: 1px solid #ccd9e5;
}

.commentsText a:hover {
  color: #f6412c;
}


.loginfoContent code {
  padding: 0;
  font-size: 100%;
  background-color: transparent;
  border-radius: 0px;
  clear: both;
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #ef343a;
  padding-bottom: 5px;
}

.loginfoContent code .lit {
  color: #51b0fd;
}

.loginfoContent span .typ,
.typ {
  color: #d03cec !important;
}

.pun,
.pln {
  color: #d0d0d0 !important;
}

.profileNameText {
  padding: 0px !important;
  width: 40px;
  height: 40px;
  background-color: #8781f5;
  text-align: center;
  border-radius: 100%;
  margin: 0px 0px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  font-weight: bold !important;
}

.statusOpen {
  background-color: #28afd0;
}

.statusClosed {
  background-color: #3bb943;
}

.statusForapproval {
  background-color: #895bd9;
}

.statusReopen {
  background-color: #de4491;
}

.statusLow {
  background-color: #4a71f0;
}

.statusMedium {
  background-color: #f16b11;
}

.statusHigh {
  background-color: #b42828;
}

.statusHigh {
  background-color: #ff0000;
}

.activityTab .nav-item:last-child {
  margin-left: 15px;
}

.activityTab .nav-item .nav-link {
  background-color: #f1f1f1;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #6b6f80;
  border-radius: 0.25rem;
}

.activityTab .nav-item .nav-link.active {
  background-color: #8781f5;
  color: #fff;
  box-shadow: none !important;
}

.commentsText h4 {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #2a2e30;
  display: flex;
  align-items: center;
}

.commentsText p {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #2a2e30;
  margin: 15px 0px;
}

.commentsText a {
  color: #6b6f80;
}

.commentsText h4 span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #6b6f80;
  margin-left: 10px;
}

.chatCount {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.showEntry {
  display: inline-flex;
  width: 50%;
}

.commentsCount {
  display: inline-flex;
  width: 50%;
  align-items: center;
  justify-content: end;
}

.commentsCount h5 {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
  letter-spacing: normal;
  text-align: left;
  color: #2a2e30;
}

.teamTaskBtnList li {
  line-height: normal;
}

.teamTaskBtnList li a {
  padding: 0 8px;
}

.btnReopen {
  border-color: #de4491;
  color: #de4491;
  padding: 10px 10px !important;
}

.btnReopen:hover {
  background-color: #de4491;
  color: #fff;
  border-color: #de4491;
}

.btnSendApproval {
  color: #895bd9;
  border-color: #895bd9;
  padding: 10px 10px !important;
}

.btnSendApproval:hover {
  background-color: #895bd9;
  color: #fff;
  border-color: #895bd9;
}

.btnClose {
  border-color: #b3bdc7;
  color: #b3bdc7;
  padding: 10px 10px !important;
}

.imgFullWidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin: 0px auto;
}

#btnSubmit:disabled:hover {
  background-color: #fdb901;
  border-color: #fdb901;
  box-shadow: none;
  color: #2a2e30;
}

.cancelBtn:disabled:hover {
  /* background-color: #433e3e; */
  /* border-color: #433e3e; */
  color: #fff !important;
  box-shadow: none;
  background-color: #fa626b;
  border-color: #fa626b;
}

.parsingTab {
  padding: 0px;
  display: flex;
  margin-left: auto;
  margin-right: 0px;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.parsingTab li {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 16px 16px;
  margin-right: 15px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #6b6f80;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #fff;
  cursor: pointer;
  min-width: 200px;
  position: relative;
}

.parsingTab li span {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  padding: 0px;
  position: absolute;
  top: -10px;
  right: -1px;
  min-width: 40px;
  height: 20px;
  border-radius: 10px;
  background-color: #6a67ce;
  color: #fff;
  text-align: center;
  border: 1px solid #6a67ce;
  max-width: 100%;
}

.parsingTab li i {
  font-size: 30px;
  line-height: normal;
}

.parsingTab li:last-child {
  margin-right: 0px;
}

.parsingTab li:hover {
  color: #6a67ce;
  border: 1px solid #6a67ce;
}

.parsingTabContentItem {
  display: none;
}


.parsingTab li.active {
  background-color: #6a67ce;
  color: #fff;
  border: 1px solid #6a67ce;
}

.parsingTab li.active span {
  background-color: #fff;
  color: #6a67ce;
}

@media (max-width: 1102.98px) {
  .parsingTab li {
    font-size: 12px;
  }
}

.btnFilter.disabled:hover,
.btnFilter:disabled:hover,
.btnFilter:disabled:focus,
.btnFilter.disabled:focus,
.btnFilter:disabled:active,
.btnFilter.disabled:active {
  color: #fff;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #6967CE;
  border-color: #6967CE;
}

.btnFilter {
  background-color: #6967CE;
  border-color: #6967CE;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-width: 80px;
  height: 40.5px;
  padding: 0px;
}

.btnCancel {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-width: 80px;
  height: 40.5px;
  padding: 0px;
}

.btnClearFilter.disabled:hover,
.btnClearFilter:disabled:hover,
.btnClearFilter:disabled:focus,
.btnClearFilter.disabled:focus,
.btnClearFilter:disabled:active,
.btnClearFilter.disabled:active {
  color: #fff;
  background-color: #fa626b;
  border-color: #fa626b;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.iconList i {
  font-size: 20px;
}

#videoUrlTable thead th {
  border-top: 1px solid #e3ebf3;
  border-bottom: 1px solid #e3ebf3;
}

#videoUrlTable td {
  border-top: 0px;
  border-bottom: 1px solid #e3ebf3;
}

#data-table1 thead tr th:first-child {
  position: sticky;
  left: 0px;
  z-index: 10;
  background-color: #fff;
}

#data-table1 tbody tr td:first-child {
  position: sticky;
  left: 0px;
  z-index: 10;
  background-color: #fff;
}

.contributorMail[type="MANUALLY_PARSED"] {
  color: #6b6f80;
}

.contributorMail[type="AUTO_PARSED"] {
  color: #5ed84f;
}

.contributorMail[type="UNPARSED"] {
  color: #6967ce;
}

.contributorMail[type="FAILED"] {
  color: #fa626b;
}

.contributorMail[type="PENDING"] {
  color: #969bb3;

}
#data-table1 tbody tr td:last-child {
  position: sticky;
  right: 0px;
  z-index: 10;
  background-color: #fff;
}

#data-table1 thead tr th:last-child {
  position: sticky;
  right: 0px;
  z-index: 10;
  background-color: #fff;
}


.menuCount {
  margin-left: auto;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #969bb3;
    border-radius: 10px;
    background-color: transparent;
    padding: 4px 5px 2px 5px;
    align-items: center;
}

.horizontal-menu #main-menu-navigation ul li:hover a .menuCount {
  background-color: #6a67ce;
  color: #fff;
}
.mail-icon{
  font-size: 15px;
  margin-right: 5px;
}

.FromPTagtext{
 color: #957DFC
}

.customPlatformImage{
  margin-right: 5px;
  width: 21px;
  height: 21px;
  cursor: pointer;
  display: inline-block;
}

.weekendDates{
  background-color: #D1D4F8;
}

.greyDot{
  width: 8px;
  height: 8px;
  background: #D1D4F8;
  border-radius: 40px;
  display: inline-block;
  margin-right: 6px;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  border-color: #6967ce;
  background-color: #6967ce;
}
.dataTables_wrapper{
  padding-left:0;
  padding-right: 0;
}
#channelContributorTable tbody tr td{
  border-top: none !important;
}
#channelContributorTable thead tr th{
  border-bottom: 1px solid #e3ebf3 !important;
}   
#channelContributorTable tbody tr td a{
  color: #6b6f80!important;
}
#channelContributorTable_wrapper .dataTables_info,
#parsedSchedules_wrapper .dataTables_info,
#data-table1_wrapper .dataTables_info{
  padding-top: 0!important;
}
.dataTables_info{
  padding-top: 0!important;
}
#contributorSummaryTable thead tr th:not(:last-child){
  padding-left: 30px;
}
#contributorSummaryTable thead tr th,#xmlAiringTable thead tr th{
border-bottom:1px solid #e3ebf3!important;
}
#contributorSummaryTable tbody tr td,#xmlAiringTable tbody tr td{
  border-top:0!important;
  }
  #teamTaskTable{
    margin-bottom: 1rem!important;
  }
  
.mailSubText{
  font-size: 12px;
  padding: 0px 20px 10px 10px;
}
.dropdown-menu .arrow_box a{
  padding: 10px 20px 5px 10px!important;
}
#timezoneSelect{
  width: 14rem;
}
div.dataTables_wrapper div.dataTables_filter input{
  min-width: 245px;
    border: 1px solid #cacfe7;
    font-size: 1rem;
}
div.dataTables_wrapper div.dataTables_filter input::placeholder{
  color:#cacfe7;
}
/* .card-header .heading-elements, .card-header .heading-elements-toggle{
  right:12px!important;
} */
.breadcrumb .breadcrumb-item.active{
  color:rgba(255,255,255,.8)!important;
}
.breadcrumb .breadcrumb-item a{
  color:#fff!important;
}