/* css Document */
/* @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed'); */
@import "./material.css";
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800"); */
/* @import url("https://fonts.googleapis.com/css?family=PT+Serif:400,600,700"); */
@import "./picker.min.css";
@font-face { font-family: 'MontserratLight'; src: url("../fonts/MontserratLight.eot"), url("../fonts/MontserratLight.eot") format("embedded-opentype"), url("../fonts/MontserratLight.woff2") format("woff2"), url("../fonts/MontserratLight.woff") format("woff"), url("../fonts/MontserratLight.ttf") format("truetype"), url("../fonts/MontserratLight.svg#MontserratLight") format("s: ;vg"); }
@font-face { font-family: 'MontserratRegular'; src: url("../fonts/MontserratRegular.eot"), url("../fonts/MontserratRegular.eot") format("embedded-opentype"), url("../fonts/MontserratRegular.woff2") format("woff2"), url("../fonts/MontserratRegular.woff") format("woff"), url("../fonts/MontserratRegular.ttf") format("truetype"), url("../fonts/MontserratRegular.svg#MontserratRegular") format("svg"); }
@font-face { font-family: 'MontserratSemiBold'; src: url("../fonts/MontserratSemiBold.eot"), url("../fonts/MontserratSemiBold.eot") format("embedded-opentype"), url("../fonts/MontserratSemiBold.woff2") format("woff2"), url("../fonts/MontserratSemiBold.woff") format("woff"), url("../fonts/MontserratSemiBold.ttf") format("truetype"), url("../fonts/MontserratSemiBold.svg#MontserratSemiBold") format("svg"); }
@font-face { font-family: 'MontserratBold';  src: url("../fonts/MontserratBold.eot"), url("../fonts/MontserratBold.eot") format("embedded-opentype"), url("../fonts/MontserratBold.woff2") format("woff2"), url("../fonts/MontserratBold.woff") format("woff"), url("../fonts/MontserratBold.ttf") format("truetype"), url("../fonts/MontserratBold.svg#MontserratBold") format("svg"); }
@font-face {font-family: 'icomoon'; src:  url('../fonts/icomoon.eot'); src:  url('../fonts/icomoon.eot#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
 @font-face {font-family: 'Lato'; font-style: normal; font-weight: 400;  src: local('Lato Regular'), local('Lato-Regular'), url("../fonts/latoregular.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Lato'; font-style: normal; font-weight: 900;  src: local('Lato Black'), local('Lato-Black'), url(../fonts/latoblack.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
* { padding: 0px; margin: 0px; outline: none;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, footer, header, article, aside, section, summary { border: 0; font-size: 100%; -webkit-font-size: 100%; vertical-align: baseline; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ol, ul, ol li, ul li, li { list-style: none; list-style-type: none; }
img { border: none; }
input{outline: none;}
button, button:hover, button:visited, button:active{outline: none;}
a { text-decoration: none; color: inherit;outline: none; cursor: pointer; }
.noBorder { border: none; }
.tcenter { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.imagelist.search-results ul li img{ width: 100% !important; }
.relative { position: relative; }
.padb10 { padding-bottom: 10px; }
.padt10 { padding-top: 10px; }
.padt20 { padding-top: 20px; }
.padb20 { padding-bottom: 20px; }
.padl20 { padding-left: 20px; }
.padr20 { padding-right: 20px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.padlr10 { padding-left: 10px; padding-right: 10px; }
.padlr20 { padding-left: 20px; padding-right: 20px; }
.padr10 { padding-right: 10px; }
.padl10 { padding-left: 10px; }
.padtb20 { padding-top: 20px; padding-bottom: 20px; }
.padtb10 { padding-top: 10px; padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.ptb15 { padding-top: 15px; padding-bottom: 15px; }
.ptb15 { padding-left: 15px; padding-right: 15px; }
.pad30 { padding: 30px; }
.padlr30 { padding-left: 30px; padding-right: 30px; }
.marb10 { margin-bottom: 10px; }
.marb20 { margin-bottom: 20px; }
.mart10 { margin-top: 10px; }
.mar10 { margin: 10px; }
.marr10 { margin-right: 10px; }
.marlr10 { margin-left: 10px; margin-right: 10px; }
.nom { margin: 0px; }
.fl { float: left; }
.fr { float: right; }
.fl100 { float: left;width: 100%; }
.wid100 { width: 100%;}
.wid50 { width: 50%;}
.clearBoth { clear: both; }
.relative { position: relative; }
.black { background: #000; }
.orange { background: #ffa000; }
.errorInput>label{border-right: 1px solid #ffbbc2 !important;}
.thirdContainer .errorInput input.textBox{border: 1px solid #ffbbc2 !important;}
.thirdContainer .errorInput>label{border-right: none !important;}
.text-icon { cursor: pointer; }
.icon-delete { cursor: pointer; }
.icon-delete:before { content: "\e910"; }
.icon-replace { cursor: pointer; font-size: 2em; }
.icon-replace:before { content: "\21bb"; }
.icon-info-i:before {
  content: "\e0f8";
}

/* Font Icon Start */
.icon-analytics:before {content: "\e93e";}
.icon-translation:before {content: "\e93f";}
.icon-add-headline:before { content: "\e900"; }
.icon-add:before { content: "\e901"; }
.icon-arrow-up:before { content: "\e902"; }
.icon-arrow:before { content: "\e903"; }
.icon-articles:before { content: "\e904"; }
.icon-bold-active:before { content: "\e905"; }
.icon-breaking { color: #e53935; }
.icon-breaking:before { content: "\e906"; }
.icon-bulleted-list-active:before { content: "\e907"; }
.icon-camera:before { content: "\e908"; }
.icon-cards:before { content: "\e909"; }
.icon-charts-graphs:before { content: "\e90a";  }
/*.icon-checkbox-tick:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>') no-repeat center center;
  background-size: contain;
}*/
.icon-close:before { content: "\e90c"; }
.icon-Combined-Shape:before { content: "\e90d"; }
.icon-crop:before { content: "\e90e"; }
.icon-dashboard-active:before { 
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1667 11.6666V16.6666M11.6667 14.1666H16.6667M5.00004 8.33325H6.66671C7.58718 8.33325 8.33337 7.58706 8.33337 6.66659V4.99992C8.33337 4.07944 7.58718 3.33325 6.66671 3.33325H5.00004C4.07957 3.33325 3.33337 4.07944 3.33337 4.99992V6.66659C3.33337 7.58706 4.07957 8.33325 5.00004 8.33325ZM13.3334 8.33325H15C15.9205 8.33325 16.6667 7.58706 16.6667 6.66659V4.99992C16.6667 4.07944 15.9205 3.33325 15 3.33325H13.3334C12.4129 3.33325 11.6667 4.07944 11.6667 4.99992V6.66659C11.6667 7.58706 12.4129 8.33325 13.3334 8.33325ZM5.00004 16.6666H6.66671C7.58718 16.6666 8.33337 15.9204 8.33337 14.9999V13.3333C8.33337 12.4128 7.58718 11.6666 6.66671 11.6666H5.00004C4.07957 11.6666 3.33337 12.4128 3.33337 13.3333V14.9999C3.33337 15.9204 4.07957 16.6666 5.00004 16.6666Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  background-size: contain;
  color: #fff;
}
.icon-delete:before { content: "\e910"; }
.icon-info-i:before {
  content: "\e0f8";
}
.icon-desktop:before { content: "\e911"; color: #547cff; }
.icon-drag:before { content: "\e912"; }
.icon-embed:before { content: "\e913"; }
.icon-para:before { content: "\e926"; }

.icon-feeds:before { content: "\e914"; }
.icon-filter:before { content: "\e915"; }
.icon-grid:before { content: "\e916"; }
.icon-hyperlink-active:before { content: "\e917"; }
.icon-image-gallery:before { content: "\e918"; }
.icon-image-library:before { content: "\e919"; }
.icon-image:before { content: "\e91a"; }
.icon-bell:before {content: "\e04c";}
.icon-italic-active:before { content: "\e91b"; }
.icon-left-arrow:before { content: "\e91c"; }
.icon-link:before { content: "\e91d"; }
.icon-bell:before {content: "\e04c"; }
.icon-list:before { content: "\e91e"; }
.icon-lock:before { content: "\e91f"; font-size: 11px; }
.icon-logout:before { content: "\e920"; }
.icon-mobile:before { content: "\e921"; color: #547cff; }
.icon-more-arrow:before { content: "\e922"; }
.icon-move:before { content: "\e923"; color: #888888; }
.icon-numbered-list-active:before { content: "\e924"; }
.icon-options:before { content: "\e925"; }
/*.icon-pages:before { content: "\e926"; }*/
.icon-pages.updateIcon:before{ content: "\e926";}
.icon-pickup:before { content: "\e927"; }
.icon-pin:before { content: "\e928"; }
.icon-profile-arrow:before { content: "\e929"; }
.icon-profile:before { content: "\e92a"; }
.icon-published:before { content: "\e92b"; }
.icon-quote-active:before { content: "\e92c"; }
.icon-remove:before { content: "\e92d"; }
.icon-right-arrow:before { content: "\e92e"; }
.icon-scorecard:before { content: "\e92f"; }
.icon-search:before { content: "\e930"; }
.icon-select:before { content: "\e931"; }
.icon-star-active:before { content: "\e932"; }
.icon-star-inactive:before { content: "\e933"; }
.icon-star-movie:before { content: "\e908"; }
.icon-table:before { content: "\e934"; }
.icon-unimportant:before { content: "\e935"; }
.icon-upload:before { content: "\e936"; }
.icon-user-management:before { content: "\e937"; }
.icon-users-active:before { content: "\e938"; }
.icon-video:before { content: "\e939"; }
.icon-view-image:before { content: "\e93a"; }
.icon-unimportant-active:before { content: "\e93b"; }
.icon-unimportant-inactive:before { content: "\e93c"; }
.icon-rupee:before {content: "\e93d";}
.icon-play-regular:before {content: "\e93d";}
.icon-translate:before {content: "\e93e";}
.icon-analytics:before {content: "\e93f";}
.icon-clear_chache:before {content: "\e940";}
.icon-quote-active-top:before {content: "\e941";}
.icon-quote-active-bot:before {content: "\e942";}
.icon-market:before {content: "\e943";}
.icon-related:before {content: "\e916"; line-height: 21px; color: #888;}
.icon-broken-link:before {}

.icon-broken-link1:before {content: "\e944";}
.icon-redo-2:before {content: "\e067";}
body { font-family: 'Montserrat', sans-serif; line-height: inherit; }
.spImg:before { background: url(../images/sprite.png) no-repeat; }
.spImg:after { background: url(../images/sprite.png) no-repeat; }

.icon-stocks1 {
  background: url(/assets/images/googletrends.png) no-repeat;
  padding: 0px 10px;
  background-size: 20px 20px;
}
.icon-stocksT {
  background: url(/assets/images/trending.png) no-repeat;
  padding: 3px 10px;
  background-size: 20px 20px;
  opacity: .6;
}
span.paraBreak {
  /* width: 60px !important;
  height: 20px !important; */
  background: url(/assets/images/enter16.png) no-repeat;
  font-size: 12px;
  display: block;
  clear: both;
  margin: 10px 0;
  color: #888;
  text-decoration: underline;
  text-align: left !important;
}
.dataField.livebloxText .textBox {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-family: MontserratLight;
  width: 100%;
  resize: none;
  min-height: 50px;
  overflow: auto !important;
  max-height: 50px !important;
}
.summary .livebloxText  .textBox1
{
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 5px;
  border: 1px solid #ddd;

  border-radius: 6px;
  font-family: MontserratLight;
  width: 50%;
  resize: none;
  min-height: 50px;
  overflow: auto !important;
  height: 50px;
  max-height: 50px !important;
  margin-left: 5px;
}
.dataField.positionRelative{ position: relative;}
.select-wrapper.select_wrapper{margin-left: 80%; width: 150px; margin-top: 10px;}
.dataField.bdrfill.table a{color: #547cff; text-decoration: underline;}
/* .product_icon:before {background: url(../images/product_icon.svg) no-repeat;  content: '';} */
.product_icon:before {
  content: "";
  width: 20px;
  height: 24px;
  display: inline-block;
  background-position: -3px -543px !important;
}

.spImg_story:before { background: url(../images/sprite_story.png) no-repeat; }
.paywall_icon:before {background: url(../images/paywall.svg) no-repeat;  content: '';padding: 13px;opacity: 0.5 !important; padding-top: 3px;}
/*.para_icon:before {width:30px; background: url(../images/paar1.png) no-repeat;  content: '';padding: 13px !important; background-size: 25px 20px !important; background-position: 3px 4px !important;}
*/
.paywall_icon_new:before {background: url(../images/polling.png) no-repeat; background-size: 18px 18px;  content: '';padding:3px 13px; opacity: .8;}
.dialog_box_icon:before {background: url(../images/dialog_box_icon.png) no-repeat; background-size: 18px 18px;  content: '';padding:3px 13px; opacity: .9;}


.paywall_icon1:before {    background: url(../images/table.png) no-repeat;
  content: '';
  padding: 13px;
  opacity: 0.5 !important;
  background-size: 23px 23px;
  background-position: 1px 3px;
  padding-top: 3px;
}
.text-icon.new_cross {
  font-size: 22px;
  line-height: 10px;
  margin-left: 5px;
}
.icon-para:before{
  width: 30px;
  background: url(../images/paar1.png) no-repeat;
  content: '';
  padding: 13px !important;
  background-size: 25px 20px !important;
  background-position: 3px 11px !important;
}
.lightContent .previewPopup ul li h5 a{ color: #007bff; text-decoration: underline;}
.lightContent .previewPopup ul li p a{ color: #007bff; text-decoration: underline;}
.listing_icon:before {background: url(../images/listing-icon-1.svg) no-repeat;  content: '';padding: 13px;opacity: 0.5 !important;padding-top: 3px;}
.spImg_story1:before { background: url(../images/faqs-circle.svg) no-repeat;  content: '';padding: 13px;padding-top: 5px;}
.spImg_poll:before{ background: url(../images/poll.png) no-repeat;  content: '';padding: 10px; opacity: .4 !important; padding-top: 3px;
  ; background-size: 20px 21px;}
.spImg_poll.quiz:before{ background: url(../images/quiz.png) no-repeat;  content: '';padding: 10px; opacity: .4 !important; padding-top: 3px;
    ; background-size: 20px 21px;}
.label_icon:before{ background: url(../images/label.png) no-repeat;  content: '';padding: 10px !important; opacity: .2 impora !important
    ; background-size: 20px 21px;}
.separator_icon:before{ background: url(../images/separator.png) no-repeat;  content: '';padding: 10px !important; opacity: .2 impora !important
    ; background-size: 20px 21px;}
.spImg_storyQuestion:before { background: url(../images/question-circle.svg) no-repeat;  content: '';padding:0px 13px!important; background-size: 20px 20px; margin-top: 3px;}
.spImg_story:after { background: url(../images/sprite_story.png) no-repeat; }

 .allImageListing .searchBlock .imageFilter .filterOption li{ padding: 0 !important;}
.livebloxText.newliveblogText .textBox1 {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-family: MontserratLight;
  width: 50%;
  resize: none;
  min-height: 50px;
  overflow: auto !important;
  height: 50px;
  max-height: 50px !important;
  margin-left: 5px;
}
.icon-checkbox-tick:before {
  content: "\e90b";
}
.contentList.newContent{ height: calc(100vh - 316px) !important;}
.tabs.tabBlue span{ font-size: 16px !important;}

.my_wrokspace_inner.my_images .filter_container{ top: -185px !important; right: -217px !important;}
.lightBox .filter_container{     top: -106px !important;
  right: -210px;}
.spImg_recipeIcon:before { background: url(../images/recipe_icon.svg) no-repeat;  content: '';padding:0px 13px!important;opacity: .3!important; background-size: 20px 20px;}
.spImg_podcast:before { background: url(../images/podcast-icon.svg) no-repeat;  content: '';padding:3px 13px 13px 13px!important;background-size: 20px;}
.spImg_podcast_podcast:before{ background: url(../images/podcast-icon.svg) no-repeat;  content: ''; color: rgb(220, 220, 220); padding:10px!important; background-size: 21px 21px;}
body { display: block; background: #f8f8f8; overflow-x: hidden !important; }
ol, ul, dl { margin-bottom: 0px; }
h3 { font-size: 20px; font-family: 'MontserratRegular'; color: #333; }
p { font-size: 14px; font-family: 'MontserratLight'; color: #333; margin-bottom: 0px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0px; }
label { margin-bottom: 0px; }
.arrow_box { position: absolute; background: #5f5f5f; border: 2px solid #5f5f5f; min-width: 115px; max-width: 200px; font-size: 12px; color: #fff; text-align: center; bottom: 25px; left: -46px; display: none; z-index: 1; border-radius: 4px; padding: 3px 4px; width:100%;font-family: 'MontserratLight'; }
.arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(95, 95, 95, 0); border-top-color: #5f5f5f; border-width: 6px; margin-left: -6px; }
.arrow_box:before { border-color: rgba(95, 95, 95, 0); border-top-color: #5f5f5f; border-width: 6px; margin-left: -6px; }
.arrow_box.multiple { width: 322px; height: 109px; background: #fff; top: 17px; left: auto; right: 0px; padding: 5px 10px; max-width: 400px; font-size: 11px; border: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
.arrow_box.multiple .storyline { float: left; padding-right: 10px; text-transform: none; text-align: left;width: 60%;height: 13px;overflow: hidden;}
.arrow_box.multiple .storyline:after{content: " ";}
.arrow_box.multiple .writername { float: left;width: 40%;height: 13px;overflow: hidden;}
.contentList ul:first-child .arrow_box { bottom: -50px !important; left: -121px;  min-width: 115px; max-width: 200px; text-align: center; font-family: 'MontserratLight'; }
.contentList ul:first-child .arrow_box:after, .contentList ul:first-child .arrow_box:before { left: 100%; top: 50%; border: solid transparent; }
.contentList ul:first-child .arrow_box:after { border-left-color: #5f5f5f; border-width: 6px; margin-top: -6px; margin-left: 2px; }
.contentList ul:first-child .arrow_box:before { border-left-color: #5f5f5f; }
.loaderimage { background: rgba(234, 234, 234, 0.7); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: auto; display: none; z-index: 10; }
.loaderimage.block { display: block; }
.filterOption li:first-child .filterdrop{right: auto;left: 0px;}
.tabcontainer.pageEditor { background: transparent; border: none; }
.headingsList ul { padding-left: 82px; }
.pageEditor .allContent .filterdrop {left: 0px!important;}
.rssFeed .headingsList ul {padding-left: 0px;}
.rssFeed .headingsList li.headline{width: 47.3%!important;padding-left: 10px!important;}
.rssFeed .headingsList li.twitter-message{width: 58.3%!important;padding-left: 10px!important;}
.rssFeed .headingsList li{width: 14.8%!important;}
.rssFeed .headingsList li.twitter-handle{width: 16.8%!important;}
.lightContent.lightPage.marginT50{ margin-top: 70px !important;}
.dataField.bgClr .color-picker.open{ left: -12px !important;}
.dataField.bgClr .color-picker.open .arrow.arrow-bottom{ left: 40% !important;}
.imageLibrary.verticalimg .tabdisplay{padding: 0 15px !important;}
.rssFeed .headingsList li:last-child{width: 7.1%!important;}
.rssFeed.printFeed .headingsList li{width: 11.35%!important;}
.rssFeed.printFeed .headingsList li.headline{width: 47.5%!important;padding-left: 10px!important;}
.rssFeed.printFeed .headingsList li:last-child{width: 7.1%!important;}
.rssFeed.printFeed .contentList li.agency { width: 11.35%!important; }
.rssFeed.printFeed .contentList li.section { width: 11.35%!important; }
.rssFeed.printFeed .contentList li.receivedAt { width: 11.35%!important; }
.rssFeed.printFeed .contentList li.status { width: 11.35%!important; }
.contentList ul li.publishedDate{ width: 14.8% !important;}
.rssFeed.photogalleryFeed .headingsList li:last-child{width: 12.1%!important;}
.rssFeed.photogalleryFeed .headingsList li.section{width: 17.5%!important;}
.rssFeed.photogalleryFeed .headingsList.translatedWidth li.section{width: 14.8% !important;}
.userManage .right { border-top: 1px solid #ddd; }
.userManage button.gray { background-color: #dddddd; color: #7a7a7a; }
.userManage button.blue { background-color: #547cff; color: #ffffff; }
.userManage button { background: #ab38c2; font-size: 14px; color: #fff; border: none; padding: 11px 22px; border-radius: 4px; margin: 10px; }
.storyEditor .leftMenu ul { padding: 0px; }
.storyEditor .leftMenu ul li span { color: #000; }
.storyEditor .leftMenu .userProfile { width: 58px; }
.storyEditor .leftMenu span { display: none; }
.storyEditor .leftMenu span.shortname { margin: 0px auto; display: block; }
.storyEditor .leftMenu:hover ul { padding: 0px 15px; }
.storyEditor .leftMenu:hover ul li { padding: 6px 5px 6px 15px; }
.storyEditor .leftMenu:hover span { display: inline-block; }
.storyEditor .leftMenu:hover .userProfile { width: 190px; }
.storyEditor .leftMenu:hover .userProfile span { display: inline-grid; }
.storyEditor .leftMenu:hover .userProfile span.shortname { margin-right: 10px; }
.storyEditor .liteleftMenu ul { padding: 0px; }
.storyEditor .liteleftMenu ul li span { color: #000; }
.storyEditor .liteleftMenu .userProfile { width: 58px; }
.storyEditor .liteleftMenu span { display: none; }
.storyEditor .liteleftMenu span.shortname { margin: 0px auto; display: block; }
.storyEditor .liteleftMenu:hover ul { padding: 0px 20px; }
.storyEditor .liteleftMenu:hover ul li { padding: 9px 5px 9px 20px; }
.storyEditor .liteleftMenu:hover span { display: inline-block; }
.storyEditor .liteleftMenu:hover .userProfile { width: 230px; }
.storyEditor .liteleftMenu:hover .userProfile span { display: inline-grid; }
.storyEditor .liteleftMenu:hover .userProfile span.shortname { margin-right: 10px; }
.storyEditor button { background: #ab38c2; font-size: 14px; color: #fff; border: none; padding: 11px 22px; border-radius: 4px; margin: 10px; cursor: pointer;    border: 1px solid transparent; }
.storyEditor button:disabled { background: #ccc; border: 1px solid #ccc; cursor: auto; }
.storyEditor button.gray { background-color: #dddddd; color: #7a7a7a; }
.storyEditor button.blue { background-color: #547cff; }
.rightAlign{ float: right !important;}
.storyEditor button.irisblue { background-color: #00bcd4; }
.storyEditor button.yellow { background-color: #fcac00; }
.storyEditor button.mtb15 { margin-top: 15px; margin-bottom: 15px; }
.storyEditor button.ml10 { margin-left: 10px; }
.storyEditor button.mr30 { margin-right: 30px; }
.storyEditor button.copyIcon{background: url(/./assets/images/copy_caption.svg) no-repeat center center; background-size: 24px 24px; width: 24px; height:24px; float: right; padding: 0; margin: 10px 8px 10px 0px; }

.storyEditor .ql-bubble.ql-toolbar button { background: transparent; padding: 0px; margin: 0px; font-size: inherit; color: inherit; border: none; border-radius: 4px; float: right; margin-right: 0px; }
.storyEditor .ql-bubble .ql-toolbar button { background: transparent; padding: 0px; margin: 0px; font-size: inherit; color: inherit; border: none; border-radius: 4px; }
.storyEditor .story_icons .imageAction .uploadimage { margin-right: 0px; }


.headline .ql-editor p { outline: none; border: none; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 900; width: 100%; resize: none; padding-top: 0px; overflow: hidden; line-height: 36px; }
.headline .ql-editor::data-placeholder { color: #111111; font-size: 30px; font-weight: 700; font-style: normal; font-family: 'Lato', sans-serif; }
.headline .ql-editor::before { font-style: normal; }
.headline .ql-blank { color: #999; font-size: 30px; font-weight: 900; font-style: normal; }
.headline .textBox { outline: none; border: none; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 900; width: 100%; resize: none; padding-top: 0px; height: 36px; overflow: hidden; }
.headline .ck.ck-editor__main p{ outline: none; border: none; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 900; width: 100%; resize: none; padding-top: 0px; overflow: hidden; line-height: 36px;margin: 0;padding: 0;}
.summary .dataField.erroInput .ql-editor p { color: #ff6575; }
.summary .ql-editor { padding: 0px; }
.summary .ql-editor p { font-size: 22px; font-family: 'PT Serif', serif; color: #333333; width: 100%; outline: none; border: none; resize: none; overflow: hidden; line-height: 28px; }
.summary .ck.ck-editor__main p { font-size: 22px; font-family: 'Lato', sans-serif; color: #333333; width: 100%; outline: none; border: none; resize: none; overflow: hidden; line-height: 28px; margin: 0;padding: 0;}
.summary.body .ql-editor p, .formStory ul li.summary.body .ql-editor::before{font-size: 18px; }
.summary .ql-editor::data-placeholder { color: #888; font-size: 22px; line-height: 30px; font-style: normal; font-family: 'PT Serif', serif; }
.summary .ql-editor::before { font-style: normal; }
.summary .ql-editor ul { padding: 0px; }
.summary .ql-editor ul li { font-size: 22px; font-family: 'PT Serif', serif; color: #333333; width: 100%; outline: none; border: none; resize: none; overflow: hidden; }
.summary .ck.ck-editor__main ul { padding-left: 0px; }
.summary .ck.ck-editor__main ul li { font-size: 22px; font-family: 'PT Serif', serif; color: #333333; width: 100%; outline: none; border: none; resize: none; overflow: hidden;        line-height: 1.42;padding:0px; padding-left: 1.5em;}
.summary .ck.ck-editor__main ul li:before{margin-left: -1.5em;margin-right: 0.3em;padding-left: 10px;}
.summary .ck.ck-editor__main ul > li::before {content: '\2022';    padding-right: 10px;}
.summary .ql-editor ol { padding-left: 0px; }
.summary .ql-editor ol li { font-size: 22px; font-family: 'PT Serif', serif; color: #333333; width: 100%; outline: none; border: none; resize: none; overflow: hidden; }
.summary .ql-blank { color: #999; font-size: 22px; line-height: 30px; font-style: normal; }
.summary .dataField.errorInput .ql-editor p { color: #ff6575; }
.formStory label span.url { position: absolute; top: 0px; right: 0px; color: #547cff; }
.formStory label .leadimage label { font-size: 11px; }
.summary label span{padding-top: 2px;}
.dataField .leadimage .dataField { width: 100%;padding-left: 0px; }
.dataField p { word-wrap: break-word; }
.formStory .storyaction { position: relative; }
.leadMedia .leadimage .dataField { width: 100%;padding-right: 0px; border-right: none; }
.leadMedia li { float: left; position: relative; }
.formStory .headlineBox .dataField .ql-editor { padding: 0px 10px; border: solid 1px #dddddd; border-radius: 6px; }
.formStory .headlineBox .dataField .ql-editor p { line-height: 22px; font-family: 'MontserratLight'; font-size: 14px; }
.formStory .headlineBox .dataField .ql-editor:before{line-height: 22px;font-family: 'MontserratLight';font-size: 14px;padding: 10px 0px;font-style: normal;}
.listicleBlock.bdrfill { border-right: 1px solid #547cff; }
.listicle .storyaction { vertical-align: top; }
.listicle .listicleBlock + .storyaction { margin-top: 20px; }
.formStory .listicleBlock .story_icons { background: transparent; left: 0px; position: relative; padding: 0px 0px; }
.formStory .listicleBlock .story_icons ul li { margin-right: 20px; }
.formStory .listicleBlock .story_icons ul li:after { opacity: 1; }
.formStory.photogallery .seperator { border-right: 1px solid #ddd; height: 24px; display: inline-block; }
.formStory.photogallery ul.leadimageform li.selectlead label { display: inline-block; width: auto; padding-top: 0px; }
.formStory.photogallery ul.leadimageform li.selectlead .dataField { display: inline-block; width: auto; }
.formStory.storyuL { width: 860px; margin: 0px auto; }
.formStory .embeddblock label { width: 100%; font-size: 11px; color: #888888; font-family: 'MontserratRegular'; padding-top: 15px; padding-bottom: 10px; text-align: left; border-right: none; }
.listgrid .tabcontainer { background: transparent; border: none; }
.formStory.listicle .listicleBlock .leadMedia ul.leadMediaIcon:after{content:"";}
.enableFocus { outline: none; }
.headingPage { font-size: 20px; line-height: 24px; font-weight: 300; text-align: left; }
.headingPage h2 { margin-right: 20px; cursor: pointer; color: #7a7a7a; display: inline-block; }
.headingPage h2.active { font-family: 'MontserratRegular'; border-bottom: 2px solid #547cff; padding-bottom: 5px; }
.slideswitch { width: 26px; height: 14px; border-radius: 100px; background-color: #dddddd; position: relative; }
.slideswitch .selector { width: 10px; height: 10px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); top: 2px; border-radius: 5px; position: absolute; }
.slideswitch:before { content: ""; float: left; width: 10px; height: 10px; }
.slideswitch:after { content: ""; float: right; width: 10px; height: 10px; }
.ui-helper-hidden-accessible { display: none; }
button { cursor: pointer; outline: none; }
button:disabled { background: #cccccc; cursor: auto; border: 1px solid #cccccc; }
button:disabled:hover { background: #cccccc; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #fff; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #333; }
.url_new{ margin: 15px 0;}
.select-wrapper { float: left; display: inline-block; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; padding: 10px; width: 243px; height: 37px; font-size: 14px; line-height: 20px; color: #333; }
.select-wrapper .holder { display: block; margin: 0 35px 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; z-index: -1; }
.select-wrapper:hover { border-color: #239fdb; }
.select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; margin: 0; -webkit-appearance: none; width: 243px; height: 40px; font-size: 14px; line-height: 20px; color: #333; }
.checkblock { display: block; position: relative; padding-left: 35px; margin-bottom: 7px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;outline: none; }
.checkblock input { position: absolute; opacity: 0; cursor: pointer; left: 1px; width: 18px; height: 18px; }
.checkblock input:checked ~ .checkmark { border: 1px solid #2196f3; }
.checkblock input:checked ~ .checkmark:after { display: block; border: solid #2196f3; border-width: 0 2px 2px 0; }
.checkblock .checkmark { position: absolute; top: 0; left: 0; height: 19px; width: 19px; border-radius: 4px; border: 1px solid #ddd; }
.checkblock .checkmark:after { content: ""; position: absolute; display: none; left: 5px; top: 1px; width: 7px; height: 12px; border: solid #6f6f6f; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
label.switch { position: relative; display: inline-block; width: 26px !important; height: 14px; outline: none; padding: 0 !important; }
.switch input { display: none; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ddd; -webkit-transition: .4s; transition: .4s; outline: none; }
.slider:before {     position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 0px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    bottom: -1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
input:checked + .slider { background-color: #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px); }
.overlaytrans { background: rgba(255, 255, 255, 0); position: absolute; top: 0px; left: 0px; width: 100%; }
.upload-btn-wrapper { overflow: hidden; display: inline-block; width: 100%; cursor: pointer; }
.upload-btn-wrapper input[type=file] { position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; }
.btn { border: 2px solid gray; color: gray; background-color: white; padding: 8px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; }
.closebg { background: rgba(255, 255, 255, 0); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 1; }
.closebg.block { display: block; }
.addaUser .right { border-top: 1px solid #ddd; padding: 0px 30px;margin-top: 20px; }
.pageEditor.navManager .allLiveList .pin .number { color: #888888; background-color: transparent; }
.pageEditor.collections .allLiveList .pin .number { color: #888888; background-color: transparent; }
.mydrp .btnclearenabled { float: right !important; }
.mydrp .btnclearenabled:hover { background-color: transparent !important; float: right !important; }
.mydrp .btnpickerenabled { float: right !important; }
.mydrp .btnpickerenabled:hover { background-color: transparent !important; float: right !important; }
.mydrp .headerclearbtnenabled { float: right !important; }
.mydrp .headerclearbtnenabled:hover { background-color: transparent !important; float: right !important; }
.mydrp .headerokbtnenabled { float: right !important; }
.mydrp .headerokbtnenabled:hover { background-color: transparent !important; float: right !important; }
.mydrp .selectiongroup { display: -webkit-box !important; }
.app-story-container { width: 100%; }
.newLiveblogContainer{width: 100%; margin-right: 0; padding-bottom: 0;}

.listicleBlock .newLiveblogContainer.relatedstories  .dataField{ width: 80%;}
.summary.relatedstories.body.newLiveblogContainer .dataField.bdrfill{ width: 84%; float: right;}
.liveblogLabel{    display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  width: 15%;
  text-transform: capitalize;
  font-family: "MontserratLight";
  padding: 1px 0px 4px;
  text-align: right;
  padding-right: 10px;
  border-right: 1px solid #547cff;
  float: left;
  color: #666;
  margin-bottom: 0px;}
.respVideo { position: relative; overflow: hidden; padding-top: 56.25%; }
.respVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; /*padding-bottom: 20px;*/}
textarea.textBox { font-size: 18px; font-family: 'PT Serif', serif; color: #333333; width: 100%; outline: none; resize: none; overflow: hidden; height: 28px; }
.paragraph .ql-container .ql-editor { padding: 0px; }
.paragraph .ql-container .ql-editor ol li, .paragraph .ql-container .ql-editor ul li { font-size: 18px; font-family: 'PT Serif', serif; color: #333333; width: 100%; line-height: 24px; padding: 2px 0px 15px; }
.paragraph .ql-container .ql-editor p { font-size: 18px; font-family: 'PT Serif', serif; color: #333333; width: 100%; outline: none; border: none; resize: none; overflow: hidden; line-height: 24px;padding: 0px 3px 15px 0px; }
.paragraph .ql-container .ql-editor::data-placeholder { color: #999999; font-size: 18px; line-height: 24px; font-family: 'PT Serif', serif; font-style: normal; }
.paragraph .ql-container .ql-editor.ql-blank::before { color: #999999; font-size: 18px; line-height: 24px; font-family: 'PT Serif', serif; font-style: normal; }
.paragraph .ql-container .ql-editor blockquote { font-size: 18px; font-family: 'PT Serif', serif; color: #333333; width: 100%; outline: none; border: none; resize: none; overflow: hidden; line-height: 24px; padding: 0px; margin: 0px; padding-left: 16px; border-left: 4px solid #cccccc; }
.paragraph .ck.ck-editor__main p {font-size: 18px; font-weight: normal;  font-family: 'Lato', sans-serif;color: #333333;width: 100%;outline: none;border: none;resize: none;overflow: hidden;line-height: 24px;padding: 0px 5px 15px 0px;margin-bottom: 0px;}
.paragraph .ck.ck-editor__main p a{text-decoration: underline;color: #547cff;}
.paragraph .ck.ck-editor__editable p {font-size: 18px; font-weight: normal;  font-family: 'Lato', sans-serif !important;color: #333333;width: 100%;outline: none;border: none;resize: none;overflow: hidden;line-height: 24px;padding: 0px 5px 15px 0px;margin-bottom: 0px;}
.paragraph .ck.ck-editor__editable p a{text-decoration: underline;color: #547cff;}
.paragraph .ck .ck-placeholder:before, .ck.ck-placeholder:before{ color: #707070 !important; font-size: 18px !important;
   line-height: 24px !important; font-family: 'PT Serif', serif !important; font-style: normal !important; }
  .paragraph .ck .ck-placeholder:before, .ck.ck-placeholder.ck-editor__editable_inline.ck-blurred:before{ color: #707070 !important; font-size: 18px !important;}
.ck.ck-placeholder.ck-editor__editable_inline.ck-blurred:before{ font-size: 30px !important; color: #707070 !important;}
  .dataField.paraNewline .ck .ck-placeholder:before{ font-size: 18px !important; font-weight: normal !important;  color: #707070 !important; }
  .dataField.paragraph .ck .ck-placeholder:before{ font-size: 18px !important; font-weight: normal !important; font-family: 'PT Serif', serif !important;color: #333333; }

 

#scheduledAt { position: absolute; right: 44px; top: 10px; line-height: 34px; background-color: transparent; border: none; outline: none; cursor: pointer; opacity: 0; }
#embargoAt { position: absolute; right: 0px; top: 10px; line-height: 34px; background-color: transparent; border: none; outline: none; cursor: pointer; opacity: 0; width: 100%; }
.ng-autocomplete-dropdown { position: absolute; width: 100%; top: -28px; }
.ng-autocomplete-dropdown .dropdown-item { padding: 5px; font-size: 13px; cursor: pointer; word-wrap: break-word; line-height: 18px; }
.ng-autocomplete-dropdown .dropdown-item.active { color: #666; background: #f8f8f8; }
.ng-autocomplete-dropdown .ng-dropdown { background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; border: 1px solid #dddddd; display: inline-block; width: 100%;padding: 10px; height: 200px; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 2; }
.ng-autocomplete-dropdown .ng-autocomplete-inputs { z-index: 1; top: 0px; }
.ng-autocomplete-dropdown .ng-autocomplete-inputs .ng-autocomplete-placeholder { width: 100%; outline: none; background: #fff; font-size: 13px; line-height: 18px; position: absolute; top: 7px; left: 7px; }
.publishValidation .errorheading { font-size: 20px; color: #333333; padding-bottom: 10px; }
.publishValidation .errortitle { font-size: 14px; color: #28a745; width: 100%; text-transform: inherit; border: none; text-align: left; font-family: 'MontserratRegular'; padding: 2px 0px; }
.publishValidation button { background: #547cff; padding: 11px 20px; margin-bottom: 20px; }
/* Calender */
.daterangepicker { margin-top: 5px !important; }
.daterangepicker.ltr { width: 492px; height: 328px;  right: 56px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }

.daterangepicker.ltr.single { width: 250px; height: 370px; }
.daterangepicker.ltr.single .calendar.left { display: block; }
.daterangepicker.ltr.single .calendar th.next { visibility: hidden; }
.daterangepicker.ltr.single .calendar th.prev { visibility: hidden; }
.daterangepicker.ltr.single .calendar-time { float: left; width: 235px; padding-left: 0px; border-top: 1px solid #ddd; padding: 10px 0px; }
.daterangepicker.ltr.single .left .daterangepicker_input { display: block; position: absolute; bottom: 40px; }
.daterangepicker.ltr.single .ranges { top: 35px; position: relative; }
.daterangepicker.ltr.single select.ampmselect { font-size: 12px; color: #222; padding: 3px 10px; width: auto; }
.daterangepicker.ltr.single select.hourselect { font-size: 12px; color: #222; padding: 3px 10px; width: auto; }
.daterangepicker.ltr.single select.minuteselect { font-size: 12px; color: #222; padding: 3px 10px; width: auto; }
.daterangepicker.ltr.single select.secondselect { font-size: 12px; color: #222; padding: 3px 10px; width: auto; }
.daterangepicker.ltr.single select.monthselect { border: none; position: absolute; font-size: 14px; line-height: 20px; left: -35px; width: auto; }
.daterangepicker.ltr.single select.yearselect { border: none; font-size: 14px; line-height: 20px; position: absolute; right: -35px; width: auto; }
.daterangepicker.ltr.single th.month { position: relative; font-family: 'MontserratSemiBold'; height: 50px; }
.daterangepicker.ltr .calendar.left { width: 49%; font-size: 12px; color: #999; }
.daterangepicker.ltr .calendar.right { width: 49%; font-size: 12px; color: #999; }
.daterangepicker.ltr .ranges { width: 100%; margin: 0px; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; }
.daterangepicker.ltr .ranges .range_inputs { width: 100%; }
.daterangepicker.ltr .ranges .applyBtn { float: right; border: none; padding: 0px; padding-right: 20px; font-size: 16px; color: #547cff; }
.daterangepicker.ltr .ranges .cancelBtn { float: left; border: none; padding: 0px; padding-left: 10px; font-size: 16px; color: #ffffff; }
.daterangepicker.ltr .ranges .cancelBtn:before { content: 'Clear'; color: #999999; }
.daterangepicker td { background: transparent !important; border: 1px solid #ddd !important; border-radius: 0px !important; width: 30px !important; height: 30px !important; }
.daterangepicker td.active { background: #547cff !important; }
.daterangepicker td.active:hover { background: #357ebd !important; }
.daterangepicker td.in-range { background: #e5ebff !important; color: #547cff !important; }
.daterangepicker td.end-date { background-color: #547cff !important; color: #fff !important; }
.daterangepicker .calendar th { border-bottom: 1px solid #ddd !important; border: none !important; padding: 5px; }
.daterangepicker .calendar th.prev { background: url(../images/sprite.png) no-repeat -95px -36px; }
.daterangepicker .calendar th.prev:hover { background-color: transparent; }
.daterangepicker .calendar th.next { background: url(../images/sprite.png) no-repeat -92px -58px; }
.daterangepicker .calendar th.next:hover { background-color: transparent; }
.daterangepicker .calendar td { color: #999; }
.daterangepicker table.table-condensed tr:first-child { font-size: 14px; color: #333; padding-bottom: 15px; }
.daterangepicker table.table-condensed thead { padding-bottom: 5px; display: table-caption; }
.daterangepicker.dropdown-menu { height: 315px; }
.daterangepicker .off.available { visibility: hidden !important; }
.daterangepicker.opensright:before { left: 47% !important; display: none; }
.daterangepicker.opensright:after { left: 47% !important; display: none; }
.daterangepicker:after { border-left: 7px solid transparent !important; }
.daterangepicker .btn-success:hover { border-color: transparent !important; }
.daterangepicker .btn:hover { border-color: transparent !important; }
.daterangepicker.openscenter:after { display: none; }
.daterangepicker.openscenter:before { display: none; }
.daterangepicker_input { display: none; }
.btn-success:not(:disabled):not(.disabled):active { background-color: transparent; }
.btn-success:not(:disabled):not(.disabled):active:focus { border: none; box-shadow: 0px !important; }
.btn-success:not(:disabled):not(.disabled).active { background-color: transparent; }
.btn-success:not(:disabled):not(.disabled).active:focus { border: none; box-shadow: 0px !important; }
.btn-success:hover { background-color: transparent; }
.btn-success:disabled { background-color: transparent; }
.show > .btn-success.dropdown-toggle { background-color: transparent; }
.show > .btn-success.dropdown-toggle:focus { border: none; box-shadow: 0px !important; }
.addnewlist { padding: 10px 0px 10px 80px; cursor: pointer; color: #888888;font-size: 14px;font-family: 'MontserratRegular';outline: none;}
.addnewlist .icon-add-headline { padding-right: 10px; }
.addnewlist:hover{color:#212121;}
.ratioslide .icon-image { margin-top: 22px; margin: 22px 10px 0px; color: #888; }
.ratioslide .icon-image:first-child { font-size: 12px; margin-top: 25px; }
input.sliderrange { -webkit-appearance: none; width: 150px; height: 2px; background: #d3d3d3; outline: none; opacity: 1; -webkit-transition: .2s; -webkit-transition: opacity .2s; transition: opacity .2s; position: relative; margin-top: 30px; }
input.sliderrange:hover { opacity: 1; }
input.sliderrange::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 13px; height: 13px; background: #547cff; cursor: pointer; border-radius: 50%; }
input.sliderrange::-moz-range-thumb { width: 13px; height: 13px; background: #547cff; cursor: pointer; border-radius: 50%; }
input:checked + .slider { background-color: #DDE5FF; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); left: -12px; background: #547CFF; }
input:focus + .slider { box-shadow: 0 0 1px #DDE5FF; }
.gu-mirror .paragraph label { display: inline-block; font-size: 12px; text-transform: uppercase; width: 92px; font-family: 'MontserratLight'; padding: 2px 0px 5px; text-align: right; padding-right: 10px; border-right: 1px solid #547cff; float: left; color: #666; margin-bottom: 0px; }
.gu-mirror .paragraph label span { display: block; color: #999999; text-transform: lowercase; }
.gu-mirror .paragraph .dataField { display: inline-block; vertical-align: top; width: 710px; padding-left: 8px; outline: none; min-height: 57px; }
.gu-mirror .paragraph .dataField .ql-editor p { font-size: 18px; font-family: 'PT Serif', serif; color: #333333; width: 100%; outline: none; border: none; resize: none; overflow: hidden; line-height: 24px; }
.gu-mirror .paragraph .ql-container {font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; }
.gu-mirror .paragraph .ql-bubble {}
.gu-mirror .paragraph .ql-editor {cursor: text; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; }
.gu-mirror .paragraph .storyaction { display: inline-block; border-left: 1px solid #547cff; padding-left: 5px; }
.gu-mirror .paragraph .storyaction .sortpara { height: 26px; width: 28px; display: block; cursor: pointer; padding: 5px;text-align: center; }
.gu-mirror .paragraph .storyaction .deleteHeadline { height: 26px; width: 28px; display: block; cursor: pointer; padding: 5px;text-align: center; }
.gu-mirror .paragraph .icon-move:before { content: "\e923"; }
.gu-mirror .paragraph .icon-delete:before { content: "\e910"; }
.gu-mirror .relatedstories label { display: inline-block; font-size: 12px; text-transform: uppercase; width: 92px; font-family: 'MontserratLight'; padding: 2px 0px 5px; text-align: right; padding-right: 10px; border-right: 1px solid #547cff; float: left; color: #666; margin-bottom: 0px; }
.gu-mirror .relatedstories label span { display: block; color: #999999; text-transform: lowercase; }
.gu-mirror .relatedstories .dataField { display: inline-block; vertical-align: top; width: 710px; padding-left: 8px; outline: none; min-height: 57px; }
.gu-mirror .relatedstories .storyaction { display: inline-block; border-left: 1px solid #547cff; padding-left: 5px; }
.gu-mirror .relatedstories .storyaction .sortpara { height: 26px; width: 28px; display: block; cursor: pointer; padding: 5px;text-align: center; }
.gu-mirror .relatedstories .storyaction .deleteHeadline { height: 26px; width: 28px; display: block; cursor: pointer; padding: 5px;text-align: center; }
.gu-mirror .relatedstories .icon-move:before { content: "\e923"; }
.gu-mirror .relatedstories .icon-delete:before { content: "\e910"; }
.gu-mirror .relatedstories .related-story-view .relatedstory { font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 700; position: relative; width: 100%; float: left; }
.gu-mirror .relatedstories .related-story-view .relatedstory .textBox { font-size: 18px; font-family: 'PT Serif', serif; color: #333333; width: 80%; outline: none; border: none; resize: none; overflow: hidden; line-height: 24px; height: 28px; }
.gu-mirror .relatedstories .related-story-view .relatedstory .revertStoryBlock { position: absolute; right: 5px; border: solid 1px #dddddd; background: #fff; top: 36px; padding-bottom: 0px; z-index: 1; width: 140px; }
.freezscreen { position: fixed; top: 148px; width: 100%; height: 100%; z-index: 1; background: rgba(255, 255, 255, 0); left: 230px; }
.selectfilter { position: absolute; right: 22px; top: 14px; font-size: 14px; color: #777; }
.selectfilter .icon-arrow { font-size: 5px; padding-left: 5px; margin-top: -11px; position: relative; top: -2px; }
.selectfilter .filterdrop { top: 20px; width: 61px; padding: 5px 5px; font-size: 14px; }
.selectfilter .filterdrop ul li { padding: 5px 2px; }
.ex-over-opac { opacity: .4; pointer-events: none;}
.a { text-align: center; position: absolute; top: 50%; left: 42%; }
.dot { background: #ff4a4a; display: inline-block; width: 2em; height: 2em; border-radius: 50%; animation: a 1.65s calc(((var(--i) + var(--o, 0))/var(--n) - .75)*1.65s) infinite; }
.dot:after { display: inline-block; width: 2em; height: 2em; border-radius: 50%; animation: a 1.65s calc(((var(--i) + var(--o, 0))/var(--n) - .75)*1.65s) infinite; --o: 1; background: #fff; content: ""; }
.dot.dot1 { background: #3dd06e; }
.dot.dot2 { background: #ff7b26; }
.dot.dot3 { background: #4385e7; }
.dot.dot4 { background: #ab38c2; }
.dot.dot5 { background: #000000; }
.centered { width: 200px; height: 50px; position: absolute; top: 50%; left: 42%; }
.blob-1, .blob-2, .blob-3 { width: 25px; height: 25px; position: absolute; border-radius: 50%; top: 50%; left: 45%; transform: translate(-50%, -50%); }
.blob-1 { left: 20%; animation: osc-l 3s ease infinite; background: green; }
.blob-2 { left: 50%; animation: osc-r 3s ease infinite; background: #0ff; }
.blob-3 { left: 80%; animation: osc-d 3s ease infinite; background: red; }
@keyframes osc-l { 0% { left: 20%; }  50% { left: 50%; }  100% { left: 20%; } }
@keyframes osc-r { 0% { left: 50%; }  50% { left: 70%; }  100% { left: 50%; } }
@keyframes osc-d { 0% { left: 80%; }  50% { left: 50%; }  100% { left: 80%; } }
@keyframes a { 0%, 50% { transform: scale(0); } }
.lockbg { background: rgba(255, 255, 255, 0); top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; display: block; position: absolute; }
.storyEditor button.irisblue.editedCard{margin-left: 0px;}
.formStory.listicle .enableFocus .relatedstories .dataField{ border-right: 1px solid #ddd;}
.ql-container.ql-bubble:not(.ql-disabled) a{white-space: inherit!important;}
.lightBox createpage ul#myImageTags{padding: 0px;border: none;min-height: 20px;}
.listicleBlock .headline p, .listicleBlock .headline .ql-blank::before {font-size: 20px;line-height: 24px;}
.listicleBlock .summary p, .listicleBlock .summary .ql-blank::before {font-size: 18px;}
.listicleBlock .headline p, .listicleBlock .headline .ql-editor.ql-blank::before{color:#888;}
.repsonsiveiframe iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.formStory .listicleBlock .dataField{min-height: auto;}
.headline .ql-editor::before{color: #888888;line-height: 36px;font-family: 'Lato', sans-serif;}
.summary .ql-editor::before{color: #888;    font-family: 'PT Serif', serif;}
.lightBox.createpage .lightContent ul#myImageTags{padding: 0px;border: none;min-height: 22px;}
.formStory .leadMedia .element-module .leadMedia{padding-bottom: 0px;}
.storyEditor .leftMenu .userProfile .userName:after{display: none;}
.storyEditor .leftMenu:hover .userProfile .userName:after{display: inline-block;}
.paragraph .ql-toolbar.ql-snow{border:none;width: 0px;height: 0px;visibility: hidden;padding: 0px;}
.paragraph .ql-container.ql-snow{border:none;}
.formStory label.checkblock{border-right: none;}
.thirdContainer .blocks .form label.checkblock{ position: relative;}
.wirePreview p {font-size: 16px;font-family: 'PT Serif',serif;font-weight: 400;padding: 10px 0;line-height: 24px;text-transform: initial;}
.lightContent .searchBlock{border-radius: 0px!important;    border-bottom: 1px solid #ddd;}
.lightBoxVideo .lightContent .tabcontainer { border: 0 !important; border-radius: 0 !important;}
.lightBoxVideo .lightContent .searchBlock {border-bottom: 0;}
.lightBoxVideo .lightContent{width: 90%;padding: 0px;background: #fff;margin: 40px auto 0 !important; }
.lightBox.block.lightBoxVideo .lightContent{ border-top-left-radius: 3px; border-top-right-radius: 3px;}
.lightBox.block.lightBoxVideo .lightContent .headingPage{ padding: 15px;}
.lightBoxVideo .lightContent .footerPagination{ border-top: 1px solid #ddd !important; padding: 10px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.lightBox.photogallerylist .imageLibrary .image .hover {text-align: center;background: rgba(84,124,255,.8)!important;}
.lightBox.photogallerylist .edit .icon-checkbox-tick:before {color: #fff;width: 20px;height: 20px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;display: inline-block;padding-top: 4px;}
.lightBox.photogallerylist .edit:hover .icon-checkbox-tick:before {display: inline-block;background-color: #547cff;padding-left: 1px;}
.lightBox.photogallerylist .list.selected .edit .icon-checkbox-tick:before {display: inline-block;background-color: #547cff;padding-left: 1px;}
.listgrid .tabcontainer{background: transparent!important; border:none!important;}
.lightBox.photogallerylist .imageLibrary{padding: 0px 0px 0px;}
.lightBox.photogallerylist .imageLibrary h3{padding-left: 30px!important;}
.lightBox.photogallerylist .imagelist{padding: 0px 20px 20px;}
.imagespopup .imageblock.selected .hover{display: inline-block!important;}
.snotify {margin: 72px 0px 5px;}
.heightzero{height: 0px;border: none;display: block;}
.listicleBlock .ql-toolbar.ql-snow {border: none;width: 0px;height: 0px;visibility: hidden;padding: 0px;}
.listicleBlock .ql-container.ql-snow {border: none;}
.headline .ql-toolbar.ql-snow {border: none;width: 0px;height: 0px;visibility: hidden;padding: 0px;}
.headline .ql-container.ql-snow {border: none;}
.summary .ql-toolbar.ql-snow {border: none;width: 0px;height: 0px;visibility: hidden;padding: 0px;}
.summary .ql-container.ql-snow {border: none;}
.editimage .ql-toolbar.ql-snow {border: none;width: 0px;height: 0px;visibility: hidden;padding: 0px;}
.editimage .ql-container.ql-snow {border: none;font-family: 'MontserratLight';width: 100%;font-size: 14px;line-height: 20px;padding: 10px;border-radius: 5px;border: 1px solid #ddd; background: #fff;}
.editimage .ql-editor.ql-blank::before{font-style: normal;line-height: 24px;font-family: 'MontserratLight';}
.editimage .ql-container.ql-snow p{font-size: 14px;line-height: 20px;font-family: 'MontserratLight';}
.editimage .ql-toolbar.ql-snow + .ql-container.ql-snow{border-top: 1px solid #ddd;}
.leadMedia .dataField{ padding-right: 5px;}
.listicleBlock .leadMedia .dataField{ margin-bottom: 20px;}
.filterOption li:last-child .filterdrop{right: 0px;left: auto;}
.feedcontent {font-size: 16px;font-family: 'PT Serif',serif;font-weight: 400;padding: 10px 0;line-height: 24px;text-transform: initial;}
.feedcontent img{width:100%; padding-bottom: 10px;}
.feedcontent a{text-decoration: underline;  color: #547cff;}
.feedcontent a:hover{text-decoration: underline;  color: #689ff7;}
.errorInput .storyaction span.cropimage i:before{color: #ff1754!important;}
.disclaimer{float: left;width: 100%;font-size: 13px;line-height: 20px;margin-bottom: 10px;}
.allContent .togfilt span{padding: 5px 0px;}
.filter_container .togfilt span{margin: 0; border: 0; background: none; position: relative; display: flex;}
.filter_container .togfilt span{margin: 0; border: 0; background: none; }
.filter_container .togfilt span.tab{ width: 100%; position: relative; float: left; display: block; color: #323845;}
.filter_container .togfilt span.checkactive span.tab{ color: #547cff;}
li.togfilt.block.filter_custom{ margin-top: 10px; padding: 0 !important; }
li.togfilt.block.filter_custom:empty{ display: none;}
  #myWorkspace .searchBlock .filterOption li:empty{ display: none;}
.filter_container .togfilt .filterdrop{ width: 100%;
  top: 60px;
  left: 0px !important;
  position: static;
  padding: 0;
  border: 0;
  margin-top: 12px;
  box-shadow: none;}

.filter_container .togfilt span{ background: none !important; border: 1px solid #ccc;
  border-radius: 4px; padding: 10px; display: flex; flex-direction: column;}

  .filter_container .togfilt span span{ border: 0;}

  .filter_container .togfilt span.focused  .tab .icon-arrow::before{ background: url(../../assets/images/gray_up.png) no-repeat !important;
    content: " " !important; display: block !important; width: 10px !important; height: 5px !important; background-size: 10px 5px !important;}

  .filter_container .togfilt span.checkmark{ padding: 8px; width: 16px !important; height: 16px !important;}
.filter_container .togfilt span.checkactive { border: 1px solid #547cff; color: #547cff;}
.filter_container .togfilt .tab .icon-arrow{     position: absolute !important;
  right: 5px;
  top: 45% !important;}
  .filter_container .togfilt .tab .icon-arrow::before{ background: url(../../assets/images/gray_down.png) no-repeat !important;
  content: " " !important; display: block !important; width: 10px !important; height: 5px !important; background-size: 10px 5px !important;}

  .filter_container .togfilt span.focused.checkactive  .tab .icon-arrow::before{ background: url(../../assets/images/blue_up.png) no-repeat !important;
    content: " " !important; display: block !important; width: 10px !important; height: 5px !important; background-size: 10px 5px !important;}
    .filter_container .togfilt span.checkactive  .tab .icon-arrow::before{ background: url(../../assets/images/blue_down.png) no-repeat !important;
      content: " " !important; display: block !important; width: 10px !important; height: 5px !important; background-size: 10px 5px !important;}

.togfilt span{padding: 5px;}
.togfilt span.tab{padding: 0px;}

.searchBlock .togfilt li:hover span.focused{ background: transparent; padding: px;}
.thirdContainScroll{overflow-x: hidden;overflow-y: auto;height: calc(100vh - 55px);float: right;width: 350px;}
.thirdContainScroll .thirdContainer{margin-top: 20px;}
.thirdContainScroll::-webkit-scrollbar-track { background: #f8f8f8;  }
.thirdContainScroll::-webkit-scrollbar-thumb { background: #f8f8f8; }
.thirdContainScroll::-webkit-scrollbar-thumb:hover { background: #f8f8f8; }
.storyEditor .storyMain .storySectionScroll::-webkit-scrollbar-track { background: #f8f8f8;  }
.storyEditor .storyMain .storySectionScroll::-webkit-scrollbar-thumb { background: #f8f8f8; }
.storyEditor .storyMain .storySectionScroll::-webkit-scrollbar-thumb:hover { background: #f8f8f8; }
.rightListContainer{width: calc(100% - 180px);}
.storyEditor .rightListContainer{width: calc(100% - 58px);}
.storyEditor .storySectionScroll{overflow-y: auto;overflow-x: hidden;width: 100%;height: calc(100vh - 130px);float: left;
border-radius: 4px;
}
.ql-snow .ql-tooltip::before{line-height: 28px;}
.ql-container .ql-tooltip{left: auto!important;width: 100%;}
.ql-snow .ql-tooltip.ql-editing input[type=text]{width: 78%;height: 32px;line-height: 28px;font-size: 16px;}
.ql-snow .ql-tooltip a.ql-action::after, .ql-snow .ql-tooltip a.ql-remove::before{background: #547cff;padding: 7px 10px!important;color: #fff;border-radius: 4px;font-size: 16px;     line-height: 32px; }
.ql-container .ql-tooltip .ql-preview{width: 65%; max-width:72%!important;height: 32px;line-height: 32px;font-size: 16px;}
.ql-snow .ql-tooltip a.ql-remove::before{margin-left: 10px; background: #d32f2f;}
.ql-snow .ql-tooltip{ z-index: 9;}
ul.rssfeedul.micrositeContent li.agency{ width: 11.7% !important;}
ul.rssfeedul.micrositeContent li.status{ width: 11.7% !important;}
ul.rssfeedul.micrositeContent li.receivedAt{ width: 13.7% !important;}
.storyMobScroll.mainMircosite .contentList{ padding: 0 10px !important;}
ul.rssfeedul.micrositeContent li.pickUp{ width: 6.1% !important;}
.mainContainer .autosuggestion ul li { font-size: 14px; color: #495057; margin-top: 3px; padding: 5px;}
.stepsDropBlock{ font-size: 14px; color: #495057; line-height: 18px; word-break: break-word;}
ul.rssfeedul.micrositeContent li.agency{ width: 11.7% !important;}
ul.rssfeedul.micrositeContent li.status{ width: 11.7% !important;}
ul.rssfeedul.micrositeContent li.receivedAt{ width: 14.7% !important;}
.storyMobScroll.mainMircosite .contentList{ padding: 0 5px !important;}
ul.rssfeedul.micrositeContent li.pickUp{ width: 11.1% !important;}
.mainContainer .autosuggestion ul li { font-size: 14px; color: #495057; margin-top: 3px; padding: 5px;}
.stepsDropBlock{ font-size: 14px; color: #495057; line-height: 18px;}
/* Template Css Start */
.rootContainer table td:hover .settingTemp{ display: block;}
.componentListPop .allcontentList{height: calc(100vh - 310px)!important;}
.componentListPop .allcontentList ul .container{min-height: auto!important;}
.componentListPop .allcontentList ul li{ text-align: left; position: relative;}
.componentListPop .status ul li:last-child{ float: inherit!important;}
.componentListPop .checkStatus{position: absolute;top: 20px;right: 20px;}
/* Template Css End */
.competitionFeed ul.rssfeedul li.headline, .competitionFeed.rssFeed .headingsList li.headline{width: 63%!important;}
.AIgalleryFeed.rssFeed .headingsList li.headline{width: 73%!important;}
.AIgalleryFeed.rssFeed .headingsList li.timestamp{ width: 16.8% !important;}
.AIgalleryFeed.rssFeed ul.rssfeedul li.headline{width: 73%!important;}
.AIgalleryFeed.rssFeed ul.rssfeedul li.timestamp{width: 16.8%!important;}
 .AIgalleryFeed.rssFeed  .searchBlock .filterSection{ margin-right: 200px !important;}

 .colorChange{ width: 65px; padding: 3px; font-size: 14px; color: #999;}
.default-para-bg.blackpara p{ background-color: #000; color: #fff !important; padding-left: 5px;}
.default-para-bg.darkgreypara p{background-color: #464646; color: #fff !important; padding-left: 5px;}
.default-para-bg.darkbluepara p{background-color: #022188; color: #fff !important; padding-left: 5px;}
.default-para-bg.lightorange p{ background-color: #F9F2E4; color: #000 !important; padding-left: 5px;}
.default-para-bg.lightpink p{ background-color: #F8E2E1; color: #000 !important; padding-left: 5px;}
.default-para-bg.lightblue p{ background-color: #D9EFFE; color: #000 !important; padding-left: 5px;}
.default-para-bg.dark p{ background-color: #034A58;color: #fff !important; padding-left: 5px;}
.default-para-bg.light p{ background-color: #E7FFFF;color: #000 !important; padding-left: 5px;}


.leftMenu sup{top: -.5em;left: .5em;color: #fcac00;text-transform: uppercase;}
.liteleftMenu sup{top: -.5em;left: .5em;color: #fcac00;text-transform: uppercase;}
.competitionFeed .togfilt span{    padding: 8px 20px 7px;}
.competitionFeed .togfilt .checkblock span{    padding: 5px;}
.disclaimer{float: left;width: 100%;font-size: 13px;line-height: 20px;margin-bottom: 10px;}
.allContent .togfilt span{padding: 5px 0px;}
.togfilt span{padding: 5px;}
.togfilt span.tab{padding: 0px;}
.togfilt span.focused{ background: #f8f8f8;}
.searchBlock .togfilt li:hover span.focused{ background: transparent; padding: px;}
.thirdContainScroll.languageTrans{width: calc((100% /2) - 15px);}
.thirdContainScroll::-webkit-scrollbar-track { background: #f8f8f8;  }
.thirdContainScroll::-webkit-scrollbar-thumb { background: #f8f8f8; }
.thirdContainScroll::-webkit-scrollbar-thumb:hover { background: #f8f8f8; }
.storyEditor .storyMain .storySectionScroll::-webkit-scrollbar-track { background: #f8f8f8;  }
.storyEditor .storyMain .storySectionScroll::-webkit-scrollbar-thumb { background: #f8f8f8; }
.storyEditor .storyMain .storySectionScroll::-webkit-scrollbar-thumb:hover { background: #f8f8f8; }
.translatorview p {color: #333;margin-bottom: 0px;font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 16px!important;line-height: 22px;padding: 10px 0px;text-transform: initial;}
.mainContainer.storyEditor .leftMenu select{width:20px;}
.storyEditor .leftMenu:hover select{width:auto;}
.video-listing .lightContent{ position: relative;}
.video-listing .lightContent .videodisplayView{z-index: 1;top: 115px;right: 5px;}
.video-listing .imagecontain .hover {position: absolute;background: rgba(255, 255, 255, 0.8);top: 0px;left: 0px;width: 100%;padding: 0px;display: none;height: 100%;}
.video-listing .imagecontain:hover .hover {text-align: center;background: rgba(84,124,255,.8)!important;display: block;}
.video-listing .imagecontain .hover button{position: absolute;top: 50%;left: 50%; -moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.video-listing .imagecontain button {background: #547cff;font-size: 14px;color: #fff;border: none;padding: 11px 22px;border-radius: 4px;margin-left: 10px;margin-top: 10px;}
.video-listing .imageblock.selected .hover {display: inline-block!important;}
#videoStories .videoslistBlock, #videoService .videoslistBlock{height: calc(100vh - 245px);}
#videoService .videosdetaillist .contentList{height: calc(100vh - 294px);}
.imagelist1 .tabcontainer{ border:none!important; background:transparent!important;}
.storyMain.languageTrans .formStory ul.storyuL{width: 100% !important;}
#videoStories .contentList{margin-bottom: -50px;}
#videoService .contentList{margin-bottom:-43px;}
.embeddcode.pdfViewer iframe, .wirecontentimg iframe{border: none;}
.embeddcode .dataField{ word-break: break-all; }
.storyuL.listicle .element-module{width: 860px;margin: 0px auto;}
.leadMedia .storyuL.listicle .element-module{ width:100%;}
.leadMedia .element-module{ width:100%!important;}
.photo-listing .tabcontainer{border:none!important;}
.element-module.leadImageType .imageblock{height:360px;}
.table table{width:calc(100% - 5px);}
.table td, .table th{border:1px solid #909090; border-collapse: collapse;font-size:14px;}
.table td{font-weight: 400;}
.table th{background: #6d6d6d;color: #fff;border: 1px solid #909090; font-weight: 600;}
.table th p, .table th span, .table td p, .table td span{font-size:14px;}
.cropimagelightbox .table th{background: #6d6d6d;color: #000;}
.table{overflow: auto; margin-bottom: 0px;}
/*.ck.ck-balloon-panel{left:46%!important;}*/
.ck a.ck-link_selected{color: #007bff;}
.collections p a {color: #007bff;}
.paragraph .table th{background: #6d6d6d;color: #fff;border: 1px solid #909090; font-weight: 600;}
.listicleBlock .summary .ql-toolbar.ql-snow, .paragraph .dataField .ql-toolbar.ql-snow{ display:none;width: auto;height: auto;visibility: visible; position: absolute;top: 0px;right: -708px;}
.listicleBlock .summary .ql-toolbar.ql-snow{right: -682px; display:inline-block;}
.paragraph:hover .dataField .ql-toolbar.ql-snow, .listicleBlock:hover .summary .ql-toolbar.ql-snow{display: inline-block;}
.listicleBlock .summary .ql-bold, .listicleBlock .summary .ql-italic, .listicleBlock .summary .ql-link, .listicleBlock .summary .ql-list, .paragraph .dataField .ql-bold, .paragraph .dataField .ql-italic, .paragraph .dataField .ql-link, .paragraph .dataField .ql-list{display: none;}
.listicleBlock .summary quill-editor, .paragraph .dataField quill-editor{ position: relative;}
.listicleBlock .ql-toolbar.ql-snow .ql-formats, .paragraph .ql-toolbar.ql-snow .ql-formats{margin-right: 0px;}
.cropimageblock .ck-content ul{padding-left: 20px;}
.cropimageblock .ck-content ul li{list-style-type: disc;font-size: 14px;padding: 2px;font-weight: 400;}
.cropimageblock .ck-content ol{padding-left: 20px;}
.cropimageblock .ck-content ol li{list-style-type: decimal;font-size: 14px;padding: 2px;font-weight: 400;}
.cropimageblock .ck-content strong{font-weight: 600;}
.cropimageblock .ck-content a{color: #007bff;}
.paragraph .table ul{padding: 5px 5px 5px 20px;}
.paragraph .table ul li{list-style-type: disc;font-size: 14px;padding: 2px;font-weight: 400;}
.paragraph .table ol{padding: 5px 5px 5px 20px;}
.paragraph .table ol li{list-style-type: decimal;font-size: 14px;padding: 2px;font-weight: 400;}
.paragraph .table strong{font-weight: 600;}
.paragraph .table a{color: #007bff;}
.cropimageblock .ck-content p{font-weight: 400;line-height: 20px;padding: 5px 0px 5px;}
.paragraph .table p, .paragraph .table span{font-weight: 400;line-height: 20px;padding: 3px 0px 3px;}
.paragraph .table p strong, .paragraph .table th{font-weight: 600;}
.paragraph .table th p{font-weight: 600; color:#fff;}
.cropimageblock .ck-content th p, .cropimageblock .ck-content th span, .cropimageblock .ck-content td p, .cropimageblock .ck-content td span{font-weight: 600;font-size:16px;}
.cropimageblock .ck-content th, .cropimageblock .ck-content td{font-size:16px;}
.listicleBlock.storyuL .leadMedia .dataField.bdrfill{border-right:1px solid transparent;}
html[dir='ltr'] #toolbarViewerRight .toolbarButton.hiddenLargeView{position: absolute;}
html[dir='ltr'] #toolbarViewerLeft .pageNumber{width:auto;}
#pdfToolbar{display: none}
.toolbar #sidebarToggle{display:none;}
.lightBoxVideo .searchBlock .filterSection{display:none;}
#viewerContainer .pdfViewer{height:calc(100%);overflow:auto;}
.ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{box-shadow:0px 0px 0px 0px!important;outline:none!important;border:none!important;padding: 0px;}
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar{display: none;}
.ck.ck-editor__main ol li, .ck.ck-editor__main ul li, .ck.ck-editor__main li{font-size: 18px;font-family: 'PT Serif', serif;color: #333333;width: 100%;line-height: 24px;padding: 2px 0px 15px;}
.ck.ck-editor__main ol, .ck.ck-editor__main ul{    padding-left: 1.5em; padding-bottom: 0px;}
.ck.ck-editor__main ol li{list-style-type: decimal; }
.ck.ck-editor__main ul li{list-style-type: disc; }
.ck.ck-editor__editable_inline>:first-child{margin-top:0px!important;}
.ck.ck-editor__main p{font-size: 18px;font-family: 'Lato', sans-serif;color: #333333;width: 100%;outline: none;border: none;resize: none;overflow: hidden;line-height: 24px;padding-bottom: 15px;}
.cropimagelightbox .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{display: block;    border: none;border-bottom:1px solid #ddd;}
.cropimagelightbox .ck.ck-editor{    border: 1px solid #ddd;}
.listicleBlock .summary .ck.ck-content p{       font-size: 18px; padding-bottom:10px;margin-bottom: 0px;    font-size: 18px;}
.listicleBlock .summary .ck.ck-content p:before{ color: #888;}
.listicleBlock .headline .ck.ck-content p{padding-bottom: 10px;}
.listicleBlock .summary #editor .ck.ck-content p{ font-family: 'Lato', sans-serif; font-size: 18px; color: #888; font-weight: 900;}
.listicleBlock .headline .ck.ck-placeholder:before, .listicleBlock .headline .ck .ck-placeholder:before, .listicleBlock .headline .ck.ck-content p{font-size: 20px !important;line-height: 24px;font-family: 'Lato', sans-serif !important;font-weight: 900 !important;color:#888 !important;}
.listicleBlock .headline .ck.ck-content p{color: #888; font-size: 18px;}
.listicleBlock .summary .ck.ck-editor__main ul li, .listicleBlock .summary .ql-editor ul li {font-size: 18px;padding-left: 1.5em;}
.summary .ck.ck-content:before {color: #888 !important;font-family: 'PT Serif', serif !important; font-size: 22px !important; font-weight: normal !important;}
.editimage .leadimageform .ck-editor{width: 100%;padding: 10px;border-radius: 5px;border: 1px solid #ddd;background: #fff;}
.editimage .leadimageform .ck-editor .ck-content .ck-placeholder, .editimage .leadimageform .ck.ck-editor__main p{padding: 0px;margin: 0px;font-size: 14px;line-height: 20px; font-family: 'MontserratLight';}
.blocks .dataField .ck.ck-editor__top{margin-bottom: 5px;}
.blocks .dataField .ck.ck-toolbar{border: none;width: 100%;}
.blocks .dataField .ck.ck-toolbar__items{border: 1px solid #ccc;line-height: 18px;border-radius: 4px;margin-right: 0px;font-size: 13px;color: #222;width: 100%;font-family: "MontserratLight";margin-right:0px!important;}
.blocks .dataField .ck.ck-button{    margin: 0px;}
.blocks .dataField .ck.ck-toolbar, .blocks .dataField .ck.ck-content.ck-editor__editable{padding:0px;}
.blocks .dataField .ck.ck-content.ck-editor__editable{border: 1px solid #ccc!important;border-radius: 4px;}
.blocks .dataField .ck.ck-content.ck-editor__editable p{line-height: 18px;padding: 5px;font-size: 13px;color: #222;width: 100%;font-family: MontserratLight;margin: 0px;}
.blocks .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{box-shadow: 0px 0px 0px 0px;}
.blocks .dataField .ck.ck-toolbar__items{border: none;}
.blocks .dataField .ck.ck-toolbar{visibility: hidden;height: 0px;}
.lightBox .searchBlock .filterOption li{padding: 8px 16px 7px!important;}
.lightBox .related-story-listing  .searchBlock .filterOption li{padding: 8px 5px 7px!important;}
.paragraph .ck.ck-toolbar .ck.ck-alignment-dropdown{position: absolute;right: -67px; top: -7px;}
.paragraph .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{display:block;border: none;background: transparent;}
.paragraph .ck.ck-editor__top .ck-sticky-panel .ck-toolbar .ck.ck-button.ck-off{display:none;}
.paragraph .ck.ck-toolbar .ck.ck-alignment-dropdown .ck.ck-button.ck-off{display:inline-block;}
.paragraph .ck.ck-toolbar .ck.ck-alignment-dropdown .ck-dropdown__arrow{display:none;}
.paragraph .ck.ck-toolbar .ck.ck-alignment-dropdown .ck.ck-button .ck-tooltip{display:none;}
.paragraph .ck.ck-toolbar .ck.ck-button.ck-on{display:none;}
.paragraph .ck.ck-toolbar .ck.ck-alignment-dropdown .ck.ck-button.ck-on{display:inherit;}
.listicleBlock .ck.ck-toolbar .ck.ck-alignment-dropdown{position: absolute;right: -67px;top: -7px;}
.listicleBlock .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{display:block;border: none;background: transparent;}
.listicleBlock .ck.ck-editor__top .ck-sticky-panel .ck-toolbar .ck.ck-button.ck-off{display:none;}
.listicleBlock .ck.ck-toolbar .ck.ck-alignment-dropdown .ck.ck-button.ck-off{display:inline-block;}
.listicleBlock .ck.ck-toolbar .ck.ck-alignment-dropdown .ck-dropdown__arrow{display:none;}
.listicleBlock .ck.ck-toolbar .ck.ck-alignment-dropdown .ck.ck-button .ck-tooltip{display:none;}
.listicleBlock .ck.ck-toolbar .ck.ck-button.ck-on{display:none;}
.listicleBlock .ck.ck-toolbar .ck.ck-alignment-dropdown .ck.ck-button.ck-on{display:inherit;}
#myWorkspace .searchBlock .filterOption li{padding: 8px 6px 7px;}
#pulseFeed .searchBlock .filterOption li{padding: 8px 12px 7px;}
.lightBox.componentListPop .searchBlock .filterSection .fliterBlock .filterOption{max-width: initial!important;}
.summary.body .ck.ck-editor__main p{font-size: 18px !important;}
.quoteBlock .quoteField p{ color: #888888; font-size: 22px;font-family: 'PT Serif', serif; font-weight: 700; font-style: italic; padding: 5px 0px !important;}
.listingFour .reviewName{width: 40%!important;}
.listingFour .reviewName span{width: 90%!important;}
.listingFour .updatedBy{width: 18%!important;}
.listingFour .lastupdatedOn{width: 18%!important;}
.listingFour .type{width: 14%!important;}
button:focus{outline: 0px;}
.lightBox.embeddblock tags-creator{float: left;width: 100%;margin-bottom:20px;}
.lightBox.embeddblock .autosuggestion ul li span{padding: 5px;}
.listicleBlock .lightBox.cropimagelightbox .ck.ck-editor__top .ck-sticky-panel .ck-toolbar .ck.ck-button.ck-off{display:block;}
.lightBox.listChartListing .searchBlock .filterOption li {padding: 8px 7px 7px!important;}
.multiselect-dropdown .dropdown-btn .selected-item{margin-top: 2px; margin-bottom:2px;}
.photoStory .photoHeadline .ck .ck-placeholder:before{content: "Enter Photo Story Headline..";}
.newPhotostoryElement .listicleBlock .headline .ck.ck-content p.ck-placeholder::before{ content: "Slide\'s title";}
.newPhotostoryElement .listicleBlock .summary .ck.ck-content p.ck-placeholder::before {content:"Slide\'s description";}
.newPhotostoryElement .top .border_bddd.relative{border-bottom:none;}
.allImageListing .searchBlock .filterOption li, .allWireListing .searchBlock .filterOption li,  .allPixaListing .searchBlock .filterOption li{    padding: 8px 30px 7px!important;}
.pinnedElement .icon-pin:before{color:#547cff!important;}
.ck.ck-editor__main ul li a{color: #007bff;}
.ck.ck-editor__main ol li a{color: #007bff;}

.paragraph .ck.ck-toolbar .ck.ck-heading-dropdown .ck.ck-button.ck-off{display: inline-block;padding: 2px 3px;   font-size: 14px; text-align: center;}
.paragraph .ck.ck-toolbar .ck.ck-heading-dropdown {position: absolute;right: -67px;top: 22px;width: 30px;}
.paragraph .ck.ck-toolbar .ck.ck-heading-dropdown .ck-dropdown__panel{left: auto;right: 0px;}
.paragraph  .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item{min-width: 34px;}
.paragraph .ck.ck-toolbar .ck.ck-heading-dropdown .ck.ck-button.ck-on{display: inline-block; padding: 2px 3px;font-size: 14px; text-align: center;}
.paragraph .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label{width: 12px;}
.paragraph .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label:before{content: "H";}

.techAlign .ck.ck-toolbar .ck.ck-heading-dropdown {
  right: -40px !important;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky{position: static!important;}

.ck.ck-editor h2{font-size: 1.5em;font-weight: 600;font-family: 'MontserratRegular';line-height: 1.6em;}
.ck.ck-editor h3{font-size: 1.3em;font-weight: 600;font-family: 'MontserratRegular';line-height: 1.5em;}


.lightBox.quotePopContainer {
	background: rgba(0,0,0,.9);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	display: none;
	z-index: 13;
}
.lightBox.quotePopContainer.block {
	display: block;
}
.quotePopContainer .lightContent {
	width: 600px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}


.ql-snow .ql-picker.ql-header{width: 38px;position: absolute;top: 26px;z-index: 9999;right: -10px;}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content: 'Headline 2';font-size: 14px;}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before{content: 'H2';width: 10px;overflow: hidden;position: relative;font-size: 14px;}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content: 'Headline 3';font-size: 14px;}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before{content: 'H3';width: 10px;overflow: hidden;position: relative;font-size: 14px;}
.ql-snow .ql-picker.ql-header .ql-picker-item::before{content: 'Paragraph';font-size: 14px;}
.ql-snow .ql-picker.ql-header .ql-picker-label::before{content: 'H';width: 10px;overflow: hidden;position: relative;font-size: 14px;}
.ql-snow .ql-editor h3{padding: 0px 3px 15px 0px;font-size: 1.3em;font-family: 'MontserratRegular';line-height: 1.5em;}
.ql-snow .ql-editor h2{padding: 0px 3px 15px 0px;font-size: 1.5em;font-family: 'MontserratRegular';line-height: 1.6em;}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{right: 0px;z-index: 10000;}
.componentListPop .searchBlock .filterSection .fliterBlock .filterOption li{float: left;}

.app-affiliate-listing .filterSection{ display: none;}
.app-affiliate-listing .searchBlock .searchSection{width: 100%!important;}
.blocks .dataField .seoInputBox .ck.ck-content.ck-editor__editable{height: 75px;}
.storyEditor button.resCurVer{float: left;background: #4385e7;}
.storyEditor button.resCurVer.revert{background: #3dd06e;}
.photogalleryFeed .searchBlock .filterOption li{padding: 8px 160px 7px 100px!important;}
.contentList ul.rssfeedul li.domainId{width: 18%!important;}
.contentList ul.rssfeedul li.webdomainId{width: 15%!important;}
.contentList ul.rssfeedul li.photodomainId{width: 15%!important;}
.photogalleryFeed .headingsList li.domainId{width: 18%!important;}

.photogalleryFeed .headingsList li.headline, .photogalleryFeed .contentList li.headline{    width: 55%!important;}
.disableDesign{cursor: auto; position: relative;}
.bgDisableClass{display: none;}
.disableDesign .bgDisableClass{display: block;position: absolute;background: rgba(255, 255, 255, .9);width: 100%;height: 100%;z-index: 1;cursor: auto;}
.elementVersion .paragraph label{visibility: visible!important;width: 100%!important;text-align: left!important;border-right: transparent!important;font-family: 'MontserratRegular'!important;color: #212529!important;text-transform: capitalize!important;font-size: 14px!important;padding-bottom: 10px!important;}
.elementVersion .paragraph label span{display: none!important;}
.elementVersion .dataField{border: 1px solid #E5E5E5;border-radius: 4px;margin-bottom: 15px;padding: 10px 10px 0px;}
.elementVersion .dataField.bdrfill{border: 1px solid #E5E5E5!important;width: 100%;}
.elementVersion .tempChangeData .dataField{border: 1px solid #ED8C38;border-radius: 4px;margin-bottom: 15px;padding: 10px 10px 0px;}
.elementVersion .tempChangeData .dataField.bdrfill{border: 1px solid #ED8C38!important;width: 100%;}

var{font-style: normal;}
/* var.plagiarism-highlight{background: #99c4f3;position: relative;color: red;}
var.plagiarism_highlight:hover::before{display: block;}
var.plagiarism_highlight:before {display:none;content: "\e90c";background: #ddd;position: absolute;width: 20px;height: 20px;top: -16px;left: -11px;border-radius: 50%;text-align: center;z-index: 1;} */
.storyPlagiarism p{font-size: 18px;font-family: 'PT Serif', serif;color: #333333;width: 100%;outline: none;border: none;resize: none;overflow: hidden;line-height: 24px;padding: 0px 5px 15px 0px;margin-bottom: 0px;}
.storyPlagiarism .storyPart var.plagiarism-highlight{color: #ED8C38;}

.photogalleryFeed .contentList ul li.publishDate{    width: 14.8%!important;}
.webStoryFeed .contentList ul li.publishDate{    width: 14.8%!important;}
#designFontColor, #designBorderColor, #designBGColor{border:1px solid #ddd;font-size: 14px;}
.webStoryslidePhotoListing .imagespopup .imageblock.selected .hover{    display: block!important;text-align: center;}
.webStoryslidePhotoListing .imagespopup .image .imagecontain{height: 300px!important;border: 1px solid #ddd;}
.webStoryslidePhotoListing .imagespopup .image img{position: absolute!important;top: 50%;left: 50%!important;transform: translate(-50%, -50%);}
.videoPropBlock ckeditor .ck-editor {width: 100%;padding: 10px;border-radius: 5px;border: 1px solid #ddd;background: #fff;}
.videoPropBlock ckeditor .ck.ck-editor__main p {padding: 0px;margin: 0px;font-size: 14px;line-height: 20px;font-family: 'MontserratLight';}

.howToStepBlock .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){background: transparent;}
.lightBox.stepblock .ck.ck-editor__main {padding: 5px;height: 70px;border: 1px solid #ccc !important;border-radius: 4px;overflow: auto;}
.lightBox.stepblock .dataField{width: 100%;}
.lightBox.stepblock .shortCutsKeyPopup{font-size: 11px;text-align: right;width: 100%;float: right;padding-right: 40px;}

.faqStoryBlock .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){background: transparent;}
.lightBox.faqblock .ck.ck-editor__main {padding: 5px;height: 70px;border: 1px solid #ccc !important;border-radius: 4px;overflow: auto;}
.lightBox.faqblock .dataField{width: 100%;}
.lightBox.faqblock .shortCutsKeyPopup{font-size: 11px;text-align: right;width: 100%;float: right;padding-right: 30px;}
/* .paragraph { display: flex;}
.paragraph  .storyaction{ align-self: flex-end; margin-bottom: 10px;} */
.paragraph .verdictInput .ck.ck-editor{padding: 7px 7px;border: 1px solid #ddd;border-radius: 4px;font-size: 13px;font-family: 'MontserratLight';}
.paragraph .addVerdict .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{display: none;}
.gradClass{background: linear-gradient(0deg,rgba(0,0,0,.69) 15%,rgba(0,0,0,0) 44.375%);position: absolute;bottom: 0px;width: 100%;height: 80%;}
#imagesListOnInternalTabBlockListView ul.videolist .image .imagecontain .hover{ padding-top: 45px !important;}
#load-more{display: flex;justify-content: center;}

/* Sample images code */
/* .sampleImage{ width: 76%; float: left; margin-left: 130px; } */
.sampleImage label{
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  width: 15%;
  font-family: MontserratLight;
  padding: 1px 10px 4px 0px;
  text-align: right;
  border-right: 1px solid rgb(84, 124, 255);
  float: left;
  color: rgb(102, 102, 102);
  margin-bottom: 0px;
}
.sampleImage ul li{ float: left; width: 24.3%; margin:10px 3px 10px 0; padding: 1px; border: 1px solid #ccc; }
.toogleList { text-align: center;}
.sampleImage .sampleBtn{display: inline-block;
  width: 100%;
  padding: 5px 0 0;
  text-align: right;}
.sampleImage .sampleBtn .sampleCrop{ display: inline-block; padding: 2px 8px;cursor: pointer;}
.sampleImage .sampleBtn .sampleIcon{ display: inline-block; padding: 2px 8px; }
.sampleImage button.samp {
  background: #12aa3d;
  font-size: 12px;
  color: #fff;
  border: none;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0;
}
.sampleImage button.sampDel {
 background: #547cff;
  font-size: 12px;
  color: #fff;
  border: none;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0;
}
 .storytype ul{ display: flex; flex-direction: row; flex-wrap: wrap;}
 .photogalleryFeed .searchBlock .filterOption li.abc{ padding: 0 !important; margin-top: 5px !important;}
 .photogalleryFeed .headingsList.widthCustom li.domainId{ width: 15% !important;}
 .rssFeed.photogalleryFeed .headingsList.widthCustom li:last-child{ width: 6% !important;}
 .rssFeed .headingsList.customMicrosite li.headline{width: 36.9%!important;}
 .rssFeed .headingsList.customMicrosite li{width: 11.8%!important;}
 .rssFeed .headingsList.customMicrosite li.receivedAt{width: 13.8%!important;}

 .notificationBtn.micro1{ margin-top: 20px;}
 .notificationBtn.micro2{ margin-top: 20px;}

 .mainContainer .form .autosuggestion ul li { padding:0 5px !important;}
 /*.paragraph .ck.ck-editor__main{ height: 310px; overflow-y: scroll;}*/
 .content_inner  p{ margin-bottom: 10px !important;}
 .content_inner  a{ color: #007bff; text-decoration: underline;}
 .owl-dt-container{ margin-top: -90px;}

.custom_Crousal  .owl-carousel .owl-nav{ display: block !important; position: absolute; top: -70px; font-size: 30px;
  border-radius: 50%; width: 100%;}

  .owl-carousel{ margin-top: 20px;}
.custom_Crousal .owl-carousel .owl-nav .owl-prev{padding: 12px 11px 10px 15px; border-radius: 50%; }
.custom_Crousal .owl-carousel .owl-nav .owl-next{padding: 12px 15px 10px 11px; border-radius: 50%;}

.custom_Crousal .owl-carousel .owl-nav .owl-prev:after {
  content:' ';
  border: solid rgb(255, 255, 255);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.custom_Crousal .owl-carousel .owl-nav .owl-next:after {
  content:' ';
  border: solid rgb(255, 255, 255);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.videoblock .uploadimage{ display: flex; align-items: center; border: 1px solid #ccc; border-radius: 3px; padding: 10px;}
.videoblock .uploadimage .icon-upload{ margin-top: 0 !important;}
.videoblock .uploadimage .upload-btn-wrapper .btn{ margin: 0; padding:0 0 0 20px;  text-align: left !important;}
.videoblock label { width: 100%;}
.listicleBlock .ck.ck-toolbar .ck.ck-alignment-dropdown{ right: -80px; top: -12px;}
/* .listicleBlock .ck.ck-toolbar .ck.ck-heading-dropdown{ display: none;} */

.leadMedia .dataField{padding-left: 5px !important;}
.paragraph.newpara .listicleBlock .ck.ck-toolbar .ck.ck-heading-dropdown{ top: -14px;
  right: -100px;}
.listicleBlock.storyuL.bdrfillN .dataField{ padding-left: 0;}
.itemcenter{ text-align: center;}
.tableOfContent h3{
	font-size: 1rem !important;
}
.footerPagination {
	background: #f8f8f8;
	width: 100%;
	float: left;
	padding: 10px 0px;
	position: relative;
	top: inherit;
	.pagination {
		float: right;
		padding-left: 20px;
	}
	.recordList {
		padding-right: 20px;
		border-right: 1px solid #dddddd;
	}
	.recordList.borderNone {
		border-right: none;
		padding-right: 0px;
	}
}
.pagination {
	font-size: 12px;
	line-height: 24px;
	font-family: "MontserratRegular";
	color: #999;
	ul {
		float: right;
		padding-left: 10px;
		li {
			color: #666;
			float: left;
			line-height: 22px;
			width: 24px;
			height: 24px;
			text-align: center;
			font-family: "MontserratLight";
			cursor: pointer;
		}
		li.active {
			background: #fff;
			border: 1px solid #547cff;
			border-radius: 50%;
		}
	}
}
.recordList {
	float: right;
	font-size: 12px;
	color: #999;
	font-family:"MontserratLight";
	.select-wrapper {
		width: 46px;
		float: initial;
		padding: 0px;
		height: 24px;
		font-size: 12px;
		margin: 0px 10px;
	}
}
.abc .fl {
  float: left;
  margin: 20px 0 0 20px;
}
.leadVideo.imageAction .blockContain{ width: auto;}
.container.embedCallBlock{ padding: 0;}
.lightbox{ z-index: 20; background: rgba(0, 0, 0, 0.8) !important;}
.my_workspace_new .tabcontainer{ margin:0px 15px; box-sizing: content-box; border: none !important;}
.toggleBtn.toggleInMeta{ justify-content: flex-start !important;}
.toggleBtn.toggleInMeta .dataField{ text-align: left !important;}
.toggleBtn.toggleInMeta .toggleDiv2{ display: flex; justify-content: space-between; width: 85%;}

.listrelatedstories .my_images .searchSection{ margin-left: 25px !important;}
button.green{ background: #3dd06e !important; border: 1px solid #3dd06e;}
button.grey{background: #dddddd; border: 1px solid #ddd;}
.storyEditor button.green{ background: #3dd06e !important; border: 1px solid #3dd06e;}

.thirdContainer .usermeta.blocks.marb20 .tagit.customUi-widget{ margin-top: 0 !important;}
.thirdContainer  .tagit.customUi-widget li.tagit-choice{ width: auto !important;
  padding: 1px 7px 5px !important;
  margin: 5px 5px 5px 0 !important;}	  

.tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable{
width: auto !important;
  padding: 1px 7px 5px !important;
  margin: 5px 5px 5px 0 !important;
}
.mainContainer {
	width: 100%;}
  .authorListBio{ display: flex; flex-direction: column; justify-content: space-between;}
.authorListBio .plusHeadline.addSection  .icon-add-headline{ color: #666;}
.authorListBio .plusHeadline.addSection .icon-add-headline span{ display: none;}
.authorBio.authorListBio label{ margin-bottom: -20px !important;}
.authorListTopic ul{ margin-top: 0px !important;}
/* hot fix for video element*/
.videoComponent .dataField.bdrfill { width: 76%;}
.leadVideo.imageAction.block{ display: block !important;}
.no-scroll {
  overflow: hidden !important;
  height: 100%;
}
.videoImage img{ width: 100%;}
.panel-content {
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s 
ease-out;
}.panel-content.open {
    max-height: 100%;
    transition: max-height 0.5s 
ease-in;
    border-top: 1px solid #ccc;
}
.panel-content.open .panel_arrow {
    display: block;
    background: url(up-arrow.ae0b50b….png) no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -20px;
}
.panel-content .panel_arrow {
    display: block;
    z-index: 999;
    background: url(down-arrow.b85f71a….png) no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -20px;
}
@media screen and (max-width: 1360px) {
  .listicleBlock .embeddcode.pdfViewer .dataField{width: 80%!important;}
  .pageEditor .searchBlock .searchSection {width: 100%;}
  .pageEditor .searchBlock .filterSection {padding-left: 15px; padding-right: 15px;}
  .pageEditor .searchBlock .filterSection .fliterBlock .filterOption {max-width: 335px;}
  .pageEditor .searchBlock .filterSection .fliterBlock .filterOption li {font-size: 12px;}
  .searchBlock .searchSection {width: 42%;}
  .searchBlock .searchSection .searchtxt input[type="text"] {width: 90%;}
  .headingsList ul li {font-size: 11px;}
  .pageEditor .searchBlock .searchSection {width: 100%;}
  .formStory .dataField{width: 630px;}
  .formStory ul li .storyaction {padding-left: 0px;}
  .formStory ul li .storyaction span {margin-left: 1px;}
  .formStory .leadMedia .imageAction .pickimage .imageLibrary ul li {min-width: 260px;}
  .formStory .headlineBox .dataField {width: 100%;}
  .formStory.storyuL.listicle {width: 796px;}
  .formStory.listicle .listicleBlock {width: calc(100% - 55px);}
  .lightBoxlightBox.photogallerylist .imageLibrary ul li {min-width: 265px;}
  .lightBox.photogallerylist .imageLibrary .imageInfo span {padding: 8px 0px 8px 5px;}
  .lightBox.photogallerylist .imageLibrary .imageInfo .viewEye {padding: 8px 5px 8px 0px;}
  .lightBox .formStory .leadMedia .imageAction .pickimage .imageLibrary .imageInfo span {padding: 8px 5px 8px 10px;}
  .lightBox .formStory .leadMedia .imageAction .pickimage .imageLibrary ul li {min-width: 265px;}
  .searchBlock .filterSection .fliterBlock .morefilterdrop {width: 50px;}
  .imageLibrary .viewdisplay .listview, .imageLibrary .viewdisplay .detailview{min-width: auto!important;}
  .lightBox.photogallerylist .viewdisplay .listview,  .lightBox.photogallerylist .imageLibrary .viewdisplay .detailview{min-width: auto!important;}
  .detialimageViw .imageContent .phtototags ul li{min-width: auto!important;}
  .formStory .listicleBlock .dataField {width: calc(100% - 120px);}
  .paragraph .ql-snow .ql-tooltip.ql-editing input[type=text]{width: 78%;}
  .paragraph .ql-container .ql-tooltip .ql-preview{width:64%;}
  .storyuL.listicle .element-module{width:100%;}
}
  .cuppa-dropdown .c-btn{color: #777 !important;}
  .borderNew .ck.ck-editor{ position: static !important;}
@media screen and (max-width: 1199px) {
.storyEditor .storySectionScroll{width: calc(100% + 20px);}
.thirdContainScroll{width: 335px;}
.lightBox.photogallerylist .imageLibrary .imageInfo span{padding: 8px 0px 8px 0px;width: 100%;}
}
@media screen and (max-width: 999px) {
  .thirdContainScroll{width: 100%;overflow-y: hidden;height: auto;}
  .thirdContainScroll .thirdContainer{margin-top: 10px;}
}
@media screen and (max-width: 640px) {
.storyEditor .storySectionScroll{width: calc(100% + 20px);}
.headline .ck.ck-editor__main p{font-size: 22px;line-height: normal;}
.summary .ck.ck-editor__main ul li{padding-left: 1em;font-size: 16px;line-height: 22px;}
.thirdContainScroll{height: auto;}
.tabs.tabBlue{ margin-top: 125px !important;}

/*
.storyEditor .storySectionScroll{height: auto;}
*/
.formStory.listicle .listicleBlock{ width: calc(100% - 35px);}
.listicleBlock li.leadMedia{display: inline-block;width:100%;}
.formStory label{display: none;}
.storyEditor button{font-size: 13px;padding: 11px 15px;margin: 1px;}
h3{ font-size: 18px;}
.formStory .leadMedia .imageAction .pickimage .imageLibrary ul li{min-width: auto;}
.storyEditor .leftMenu .userProfile{width: 100%;}
.storyEditor .leftMenu span{display: inline-block;}
.paragraph .ck.ck-toolbar .ck.ck-alignment-dropdown{right: 0px;}
.listicleBlock .summary .ck.ck-content p{font-size: 16px;line-height: 22px;}
.summary.body .ck.ck-editor__main p {font-size: 16px !important;line-height: 22px;}
.summary .ck.ck-editor__main ul li:before{    margin-right: 0em;}
.summary .ck.ck-editor__main p{font-size: 18px;line-height: 24px;}
.paragraph .ck.ck-editor__main p{font-size: 16px;line-height: 22px;}
.lightBox .searchBlock .filterOption li{padding: 8px 1px 7px!important;}
.daterangepicker.ltr{width: 255px;overflow-y: scroll;}
.lightBox.listChartListing .searchBlock .filterOption li{padding: 7px 0px 5px!important;}
.quoteBlock .quoteField p{font-size: 18px;line-height: 26px;}
.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items{/*border: 1px solid #ddd;*/background: #fbfbfb;}
.paragraph .ck.ck-editor__top .ck-sticky-panel .ck-toolbar .ck.ck-button.ck-off{display: block;}
.paragraph .ck.ck-toolbar .ck.ck-alignment-dropdown{top: 0px;right: inherit;left: auto;position: relative;}
.paragraph .ck.ck-toolbar .ck.ck-heading-dropdown{position: relative;right: 0px;top: 0px;}
.paragraph .ck.ck-toolbar .ck.ck-button.ck-on{display: block;}



.pageEditor .allContent .filterdrop{left: auto!important;}
.filterOption li+li+li .filterdrop{right: 0px;left: auto;;}
.filterOption li+li+li+li+.morefilterdrop+li .filterdrop{left: 0px;right: auto;}
.filterOption li+li+li+li+.morefilterdrop+li+li+li .filterdrop{left: auto;right: 0px;}
.filterOption li+li+li+li+.morefilterdrop+li+li+li+li+li .filterdrop{left: 0px;right: auto;}

/* div{font-style: normal;} */
/* var.plagiarism-highlight{background: #99c4f3;position: relative;}
var.plagiarism-highlight:hover::before{display: block;}
var.plagiarism-highlight:before {display:none;content: "\e90c";background: #ddd;position: absolute;width: 20px;height: 20px;top: -16px;left: -11px;border-radius: 50%;text-align: center;z-index: 1;} */

}
.notificationWindow .twoLi label.control-label{ width: 100% !important;}
.notificationWindow label.nospace{ padding: 0 !important;}
.ck-editor a{color: #007bff}
@media (min-width:480px)  {
  html, body {
    overflow:unset !important;
  }
}

@media screen and (max-width: 372px) {

  html, body {
    overflow:unset !important;
  }
  .filterOption li+li+li{left: auto;right: 0px;}
  .filterOption li+li+li+li+.morefilterdrop+li+li+li+li .filterdrop{left: 0px;right: auto;}
  /* .filterOption li+li+li+li+.morefilterdrop+li .filterdrop{left: 0px;right: auto;}
  .filterOption li+li+li+li+.morefilterdrop+li+li+li .filterdrop{left: auto;right: 0px;}
  .filterOption li+li+li+li+.morefilterdrop+li+li+li+li+li .filterdrop{left: 0px;right: auto;} */
}
rupee{font-family: 'Fira Sans Extra Condensed', sans-serif; }

.content_inner h2{ padding-bottom: 10px; font-size: 22px; font-weight: bold;}
.link {
  color: #007bff;
  cursor: pointer;
  border-bottom: 1px solid;
}
.storyVersion.part1 .storyaction{display: none;}
.storyVersion.part2 .storyaction{display: none;}
.storyVersion.part1 .dataField-series.bdrfill{ border-right: none;}

.storyEditor button.contentSuggestionBtn {
  position: fixed;
  bottom: 16px;
  right: 35px;
  background: linear-gradient(to right, #3686E2, #77C3BD);
  color: white;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  height: 48px;
  padding: 0 14px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  outline: none;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
header {
  width: 100%;
  height: 54px;
  float: left;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  background: #fff;
  position: fixed;
  z-index: 2;
}
.mainContainer.storyEditor .sidebar {
  
  position: fixed;
top: 0;
  z-index: 1;
  
}
.mainContainer.storyEditor .sidebar { width: 60px !important; overflow: hidden !important; margin-top: 50px;}
.mainContainer.storyEditor .sidebar .navLink{ display: none !important;}
.mainContainer.storyEditor .sidebar ul {
  padding: 0px 6px !important;
}
.mainContainer.storyEditor .sidebar .userProfile {
  width: 58px !important;
}
.mainContainer.storyEditor .nav-item{ padding: 10px !important;}
.mainContainer.storyEditor .sidebar span.navLink {
  display: none !important;
}
.mainContainer.storyEditor .sidebar:hover span.navLink {
  display: block !important;
}
.mainContainer.storyEditor .sidebar:hover {
  transition: fadeIn 0.5s ease !important;
  -webkit-transition: fadeIn 0.5s ease !important;
  width: 190px !important ;
}
.mainContainer.storyEditor .sidebar .user-info{ display: none;}
.mainContainer.storyEditor .sidebar .user-profile{ padding-left: 10px !important; padding-right: 0px !important; margin-top: initial;}
.mainContainer.storyEditor .sidebar:hover .user-info{ display: block;}
.main-content {
  width: 100% !important;}
  .mainContainer.storyEditor .accor_link{ display: none !important;}
  .mainContainer.storyEditor .sidebar:hover .accor_link{ display: block !important;}
  .mainContainer.storyEditor  .icon-trends{ display: block; padding: 10px;}
  .mainContainer.storyEditor .new_nav ul li { padding :0 !important;}
.headline .xyza .ck.ck-editor__main p{ background:linear-gradient(to right, #3686e22a, #77c3bd2d);}
.summary .xyza .ck.ck-editor__main p{ background:linear-gradient(to right, #3686e22a, #77c3bd2d);}
.boldText{ font-weight: bold !important;}
.thirdContainer .blocks input[type=text]{ color: #000 !important;}
.thirdContainer .blocks input[type=text]::placeholder {
  color: rgb(0, 0, 0);
}
.lightBox.photogallerylist.inlineImage.block .tabcontainer.my_wrokspace_inner.my_images{ margin-left: 15px !important;}

.listing.webStoryslidePhotoListing .searchBlock{padding: 10px 0 0 10px !important;}
.listing.webStoryslidePhotoListing .tabcontainer.my_wrokspace_inner.my_images{ width: 100% !important;}
.listing.webStoryslidePhotoListing .searchSection{ border: 0 !important;}
.listing.webStoryslidePhotoListing .internaldisplayView.fl100{ left: 20px !important; top: 10px !important;}
.listing.webStoryslidePhotoListing .internaldisplayView.fl100 .sort{ margin-right: 36px !important;}
.listing.webStoryslidePhotoListing .blk-star.newStar{ padding: 12px !important;}

.lightBox.listrelatedstories.listTableElements.listingFour .tabcontainer.my_wrokspace_inner.my_images{ width: calc(100% - 20px) !important;}

.lightBox.listrelatedstories.listTableElements.listingFour .searchBlock{padding: 10px 0 0 10px !important;}
.lightBox.listrelatedstories.listTableElements.listingFour .tabcontainer.my_wrokspace_inner.my_images .searchBlock{ margin-bottom: 10px !important;}
.immersivePopup .tabcontainer.my_wrokspace_inner.my_images{ margin-left: 15px !important;}
.bordered h6{    color: #547CFF;
  font-weight: bold;}
  .subheadAlign{
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
  }
  .subheadAlign li{ width: 92% !important;}
  .lightBox .lightboxFooter{     position: sticky; z-index: 10;
    bottom: 0px;
    border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
    margin: 0 auto;
    width: 100% !important ;
    background-color: rgb(255, 255, 255);}
    .relativePosition{ position: relative;}
    .lightBox .lightboxScroll{ height: calc(100vh - 90px);background: #fff;  border-radius: 5px;
      overflow: auto; }
    .lightBox .lightboxScroll.curve{ border-radius: 4px;}
    .close{  display: flex;}
    .lightContent{ float: none !important;}/*
    .lightBox .lightboxScroll .imagespopup .search-results{ height: inherit !important;}*/
    .lightBox .lightboxScroll .relatedstorylisting .contentList{ height: inherit !important;}
    .lightContent.lightboxScroll .filter_container{ top: -106px !important;}
    .lightBox .lightboxFooter.width92{ width: 92% !important;  display: flex; justify-content: flex-end; border-top: 1px solid #ccc;}
    
    .lightBox .lightboxFooter.width91{ width: 91.2% !important;  display: flex; justify-content: flex-end; border-top: 1px solid #ccc;}
    
    .lightBox .lightboxFooter.width90{ width: 90.8% !important;  display: flex; justify-content: flex-end; border-top: 1px solid #ccc;}
    .lightContent[_ngcontent-cwp-c21] {
      width: 90%;
      padding: 0px;
      background: #fff;
      margin: 60px auto 0;
    }  
    .photo-listing.my_workspace_new .lightBox .lightboxScroll{ height: inherit !important;}
    .contentList{ padding: 0px 10px 40px 20px !important; height: calc(100vh - 250px) !important;}
    .lightboxScroll > div:not(.headingPage):first-child{ min-height: calc(100vh - 195px);}
    .lightboxScroll.collectBulletein > div:not(.headingPage):first-child{min-height: auto;}
    .lightboxScroll > div.heightCustom:first-child{ min-height: calc(100vh - 160px);}
    .lightboxScroll.noHeight > div.heightCustom:first-child{ min-height: auto !important;}
    .autoHeight{ height: auto !important; min-height: auto !important;}
    .lightboxScroll.noHeight{ height: auto !important;}
    .lightboxFooter.btm10{ bottom: -10px !important;}
    .custom-select.select_pin{ background-position: 80px 10px !important; padding-right: 15px !important;}
    .lightContent.lightboxScroll .tabcontainer.my_wrokspace_inner{ height: auto !important; min-height: calc(100vh - 90px);}
    .listrelatedstories .lightboxScroll{ padding: 0 !important;}
    .listrelatedstories .lightboxScroll .footerPagination{ bottom: 0 !important;}
/* .modal-body.article-selector .listing .footerPagination{ bottom: -60px !important; z-index: 999;}*/
/* .tooltip_c{ position: relative;} */
/*You can use [title] selector as well*/

    /* .tooltip_c{ position: relative;} */
    /*You can use [title] selector as well*/
    /* [data-title] {
      font-size: 30px;
      
      position: relative;
      cursor: help;
    } */
    /* .tooltip_c i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; font-style: normal !important;}
    [data-title]:hover::before {
      content: attr(data-title);
      position: absolute;
      top: 25px;
      left: 5px;
      display: inline-block;
      padding: 3px 6px;
      border-radius: 2px;
      background: #000 !important;

      color: #fff !important;
      font-size: 12px;
      font-family: sans-serif;
    }
    [data-title]:hover::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 6px;
      display: inline-block;
      color: #fff;
      border: 8px solid transparent;	
      border-bottom: 8px solid #000;
    } */
/* Add to your styles.css or component CSS */
.draggable-item {
  display: block;
  border: 1px solid #ccc;
  margin-bottom: 4px;
  padding: 8px;
  background: #fff;
  cursor: move;
}
/* Normalize font inside PrimeNG Toast */
.p-toast-summary {
  font-size: 16px !important;
}
.p-toast-detail {
   margin-top: 6px !important;
   /* color: #000 !important; */
   font-size: 14px !important;
}

.p-toast .p-toast-message {
  padding: 1rem !important;
  border-radius: 6px;
  margin-bottom: 10px;
}
.p-toast .p-toast-message.p-toast-message-error{
  background: #b80408 !important; /* Light red background */

  border-radius: 4px !important;
  color: #ffffff !important; /* Text color */
} 
.p-toast .p-toast-message.p-toast-message-error svg.p-icon.p-toast-icon-close-icon {
  color: #ffffff !important;
  
}
.p-toast .p-toast-message.p-toast-message-error svg.p-icon{
  color: #ffffff !important;
}
.p-toast .p-toast-message.p-toast-message-success{
  background: #017d51 !important; /* Light red background */
 
  border-radius: 4px !important;
  color: #ffffff !important; /* Text color */
} 
.p-toast .p-toast-message.p-toast-message-success svg.p-icon.p-toast-icon-close-icon {
  color: #ffffff !important;
  
}
 .p-toast .p-toast-message.p-toast-message-success svg.p-icon{
  color: #ffffff !important;
  font-weight: bold !important;
}
.p-icon-wrapper {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
}

.p-toast .p-toast-message-icon {
  font-size: 1.25rem !important; /* Or 1rem, adjust as needed */
  line-height: 14px !important;
  width: 2.5rem;
  height: 1.5rem;
  display: flex;
  align-items: flex-start;
}
.p-toast .p-toast-message.p-toast-message-info{
  background: #0469e4 !important; /* Light red background */
  border: 0;
  border-radius: 4px !important;
  color: #ffffff !important; /* Text color */
}
.p-toast{
  opacity: 1 !important; /* Ensure toast is fully opaque */
}

/* Position ConfirmDialog at top-right */
.p-confirm-dialog.p-dialog {
  position: fixed !important;
  /* top: 20px !important; */
  /* right: 20px !important; */
  /* margin: 0 !important; */
  margin-left: 1rem !important;
  transform: none !important;
  width: 320px; /* Optional: set width */
}

.p-confirm-dialog .p-dialog-content, .p-confirm-dialog .p-dialog-header, .p-confirm-dialog .p-dialog-footer {
  background: #0268e3;
  color: #ffffff;
}
.p-toast-icon-close{ color: #ffffff;}
.p-toast-icon-close svg{ color: #ffffff;}
.p-button-text.p-button-secondary {
    background: transparent;
    border-color: transparent;
    color: var(--p-button-text-secondary-color);
}

.p-button-text {
    background: transparent;
    border-color: transparent;
    color: var(--p-button-text-primary-color);
}
.p-button {
    display: inline-flex
;
    cursor: pointer;
    user-select: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    color: #547cff;
    background: var(--p-button-primary-background);
    border: 1px solid #547cff;
    padding: 5px 12px;
    font-size: 1rem;
    font-family: inherit;
    font-feature-settings: inherit;
    transition: background var(--p-button-transition-duration), color var(--p-button-transition-duration), border-color var(--p-button-transition-duration), outline-color var(--p-button-transition-duration), box-shadow var(--p-button-transition-duration);
    border-radius: 4px;
    outline-color: transparent;
    gap: 10px;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-message{
  margin-left: 1rem !important;
}

/* Restore spacing for PrimeNG confirmation dialog */
.p-confirm-dialog .p-dialog-content,
.p-confirm-dialog .p-dialog-header,
.p-confirm-dialog .p-dialog-footer {
  padding: 1rem !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{ background: #007bff !important; color: #fff !important;}
/* Restore spacing inside buttons if needed */
.p-confirm-dialog .p-dialog-footer .p-button {
  margin-right: 0.5rem;
  outline: none !important;
}

.p-toast .p-toast-message {
  width: 312px !important; /* Ensure toast width is consistent */
}

body.p-overflow-hidden {
  overflow: auto !important; /* ✅ re-enables scroll */
}

/* Align top-right like a toast */
.p-toast {
  top: 1rem !important;
  right: 1rem !important;
  width: 300px;
}

/* Custom styled toast like dialog */
.custom-toast-dialog {
  background-color: #0469e4; /* Light green background */
  /* border: 1px solid #2ecc71; */
 
  /* border-radius: 8px; */
  color: #ffffff;
  /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
}

/* Header (like title) */
.custom-toast-dialog .header {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 0.5rem;
}

/* Body (message content) */
.custom-toast-dialog .body {
  margin-bottom: 1rem;  font-size: 15px;
}

/* Buttons */
.custom-toast-dialog .actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  font-size: 15px;
}

.custom-toast-dialog .btn-confirm {
  background-color: transparent;
  border: 1px solid white;
 
  padding: 6px 20px;
  color: white;
  border-radius: 20px;
  cursor: pointer;
}

.custom-toast-dialog .btn-cancel {
  background-color: transparent;
  border: 1px solid white;
  padding: 6px 20px;
  color: white;

  border-radius: 20px;
  cursor: pointer;
}
.custom-toast-dialog button:hover{
   background-color: rgba(255, 255, 255, 0.3);
   opacity: 0.8;
   color: #ffffff;
  border: 1px solid white;
}
.p-confirm-dialog .p-dialog-footer .p-button:hover {
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 0.8;
    color: #ffffff;
   border: 1px solid white;
}
::ng-deep .p-confirm-dialog .p-button .pi {
  display: none !important;
}
.hidden-calendar{ right: 300px !important;
    position: absolute !important;
    top: 440px !important;}
.hidden-calendar p-calendar{ width: auto !important;}
.hidden-calendar p-calendar input {
  opacity: 0 !important;         /* invisible */
  width: 0 !important;           /* no width */
  height: 0 !important;          /* no height */
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.p-datepicker.p-component.p-datepicker-multiple-month{ top: 170px !important;}
.reportFilter .p-datepicker.p-component.p-datepicker-multiple-month{ top: 40px !important; left: 10px !important;}
.hidden-calendar p-calendar {
  position: absolute !important;   /* take out of normal flow */
  left: 0 !important;              /* adjust so it stays aligned to button */
  top: 30px !important;
 }

 /* Overall popup styling */
 .p-datepicker {
  border: 1px solid #b3d4fc;
  border-radius: 8px;
  min-width: 600px;
}
.p-datepicker.p-datepicker.p-component{ width: auto !important; min-width: 300px !important; padding: 10px !important;}
.qna-calendar-wrap .p-datepicker { left: -130px !important; }
button.p-datepicker-year{background: none !important; border: none !important; color: #000; font-size: 15px; padding: 0 !important; }
button.p-datepicker-month{background: none !important; border: none !important; color: #000; font-size: 15px; margin: 0 6px; padding: 0 !important; }
/* Calendar header (month/year selector) */
.p-datepicker-title {
  color: #0d6efd; /* blue title */
  font-weight: bold;
}
.ng-star-inserted .p-element.p-button-sm { background: transparent !important; }
.p-timepicker .p-ripple.p-element{ background: transparent !important;  padding: 0 !important; margin: 0 !important; color: #323232;}
/* Highlight selected range */
.p-highlight {
  background-color: #0d6efd !important;
  color: white !important;
}

.p-datepicker-multiple-month .p-datepicker-group {
  padding: 0 10px !important;
}
.p-datepicker-multiple-month .p-datepicker-group:not(:last-child) {
  border-right: 1px solid #b3d4fc;
}

/* Navigation icons */
.p-datepicker-prev,
.p-datepicker-next {
      color: #616365 !important;
    background: #cfd4d9 !important;
    border-radius: 50% !important;
}
.p-datepicker-prev:hover,
.p-datepicker-next:hover {
    background: #e5e5e6 !important;
}
.p-datepicker-header .p-ripple.p-element.p-datepicker-prev{ padding: 10px !important; margin: 0 !important;}
.p-datepicker-header .p-ripple.p-element.p-datepicker-next{ padding: 10px !important; margin: 0 !important;}
.p-datepicker-header{ margin-bottom: 10px !important; border-bottom: 1px solid #b3d4fc; padding: 6px 0px !important;}
.p-datepicker-buttonbar {
    border-top: 1px solid #ddd;
    padding-top: 0.5rem;
}

.p-element.p-button-sm{ margin: 6px 10px 10px 10px !important; padding: 4px 10px !important; }
.p-element.p-button-sm.p-button-success{ color: #547cff !important; float: right; border: 0;}
.p-element.p-button-sm.p-button-secondary{ color: #6c757d !important; float: left; border: 0;}  
    .contentPlace .tabs.tabBlue{ margin: 20px 0px 10px 0px !important; }    
    .insight-item {
      display: flex; gap: 10px; width: 100%; min-height: 50px; margin-bottom: 10px; flex-direction: row; align-items: center; justify-content: space-between; padding: 10px; background-color: #f8f8f8; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); cursor: pointer;
    }
    .table-container .tagit{ display: flex; flex-direction: column;}
    .table-container .tagit.customUi-widget li.tagit-choice{ display: flex;}
    @media (max-width: 768px) {
      .main-content { /*margin-top: 100px;*/}
      .contentPlace .tabs.tabBlue{ margin-top: 10px !important;}
    }
.storyVersion.part1 .container{ padding-left:0; padding-right:0;}
.p-toast .p-toast-message.p-toast-message-warn{    background: #474747 !important;
    border: none !important;
    color: #ffffff !important;}
 
.p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon){ color: #fff !important; }
.ck .ck-placeholder:before, .ck.ck-placeholder:before{ font-size: 30px !important; font-family: 'Lato', sans-serif !important; font-weight: 900 !important;}
.ck .ck-placeholder:before, .ck.ck-placeholder:before {
    font-family: 'Lato', sans-serif !important;
    font-size: 18px !important;
    color: #888;
    font-weight: 900;
}
.p-confirm-dialog .p-dialog-footer .p-button.p-confirm-dialog-reject{color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    font-weight: normal;}
.p-confirm-dialog .p-dialog-footer .p-button.p-confirm-dialog-accept{ color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    font-weight: normal;} 
    .p-dialog-header-close{ color: #fff !important;}
    .headline .ck.ck-editor__main p::before{ font-size: 30px !important;}
    /*
    .ck .ck-placeholder:before, .ck.ck-placeholder.ck-editor__editable_inline.ck-blurred:before{ font-size: 30px !important;}*/

    .summary .ck.ck-placeholder.ck-editor__editable_inline.ck-blurred:before{ font-size: 22px !important;}
    #paraElement .ck.ck-placeholder:before{ font-size: 18px !important; font-family: 'PT Serif', serif !important; font-weight: normal !important;  color: #707070 !important;}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{color: #fff !important; background: #007bff !important;}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color: #fff !important; background: #007bff !important;}
.app-zone-view .text-card{ margin-top: 30px !important;}
.app-zone-view .text-card .heading{ font-size: 18px !important; top: 12px !important;}
.lightBox.listrelatedstories.listTableElements.listingFour.block.tabcontainer.my_wrokspace_inner.my_images{ width: auto !important;}
.element-listing.collectionNew .right{ width: 100% !important;
    display: flex
;
    justify-content: flex-end;
    border-top: 1px solid #ccc;
      position: sticky;
    z-index: 10;
    bottom: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0 auto;
    width: 100% !important;
    background-color: rgb(255, 255, 255);}
.element-listing.collectionNew .searchSection{ margin-left: 0 !important;}
.ck-content .highlight {
  background-color: #ffeb3b !important;
  border-radius: 2px !important;
  padding: 0 3px !important;
}
.formStory .embedScrollBlock .dataField {
    width: auto !important;
}
.frame .div{ cursor:  pointer !important;}
.frame  .text-wrapper{ cursor:  pointer !important; z-index: 1;}
 .frame .div-3.new_gif_width {
	width: 114px !important;
  }
ul.leadMediaIcon li.forVideo{ margin-left: 14px !important;}
.bgColor_notification select{ width: 100%; border: 1px solid #ccc;     min-height: 40px;
    border-radius: 4px; color: #777; }
    ul.leadMediaIcon.forVideo{ margin-left: 14px !important;}