/**

New Desing Base

**/

:root{

/* default */
--broadcast-height: 0px;

/* system main font family */
--general-typo-font: 'Gilroy';

/* system secondary font family */
--general-secondary-typo-font: 'tahoma';

/* side panel background */
--general-side-panel-background-color: #f6f7f8;

/* elements outline input borders */
--general-outline-color: var(--theme-outline-color);

/* primary color for primary button and checkbox / radio checked tick */
--general-primary-color: #10497E;

/* general labels, texts, inputs etc. color */
--general-typo-main-color: var(--theme-typo-main-color);

/* general links, titles etc. color  */
--general-typo-sub-color: var(--theme-typo-sub-color);

/* default font weight  */
--default-font-weight: var(--theme-font-weight);

/* width  */
--np-pe-width: 40px;

/* padding  */
--np-pe-bar-padding: 40px;

}


/* hide some sections */

 #np-hd-top-nav
,  .footer
{
    display: none !important;
}

/***** fonts */

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/gilroy/Gilroy-Light.eot');
  src: url('./fonts/gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
      url('./fonts/gilroy/Gilroy-Light.woff2') format('woff2'),
      url('./fonts/gilroy/Gilroy-Light.woff') format('woff'),
      url('./fonts/gilroy/Gilroy-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/gilroy/Gilroy-Bold.eot');
  src: url('./fonts/gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
      url('./fonts/gilroy/Gilroy-Bold.woff2') format('woff2'),
      url('./fonts/gilroy/Gilroy-Bold.woff') format('woff'),
      url('./fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/gilroy/Gilroy-Regular.eot');
  src: url('./fonts/gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
      url('./fonts/gilroy/Gilroy-Regular.woff2') format('woff2'),
      url('./fonts/gilroy/Gilroy-Regular.woff') format('woff'),
      url('./fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/gilroy/Gilroy-Medium.eot');
  src: url('./fonts/gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
      url('./fonts/gilroy/Gilroy-Medium.woff2') format('woff2'),
      url('./fonts/gilroy/Gilroy-Medium.woff') format('woff'),
      url('./fonts/gilroy/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/gilroy/Gilroy-SemiBold.eot');
  src: url('./fonts/gilroy/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('./fonts/gilroy/Gilroy-SemiBold.woff2') format('woff2'),
      url('./fonts/gilroy/Gilroy-SemiBold.woff') format('woff'),
      url('./fonts/gilroy/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/*@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Bold.woff2') format('woff2'),
      url('./fonts/Gilroy-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Black.woff2') format('woff2'),
      url('./fonts/Gilroy-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-BlackItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-BoldItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-LightItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-HeavyItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-HeavyItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-ExtraBoldItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-ExtraBold.woff2') format('woff2'),
      url('./fonts/Gilroy-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Heavy.woff2') format('woff2'),
      url('./fonts/Gilroy-Heavy.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Light.woff2') format('woff2'),
      url('./fonts/Gilroy-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-SemiBold.woff2') format('woff2'),
      url('./fonts/Gilroy-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy-RegularItalic';
  src: url('./fonts/Gilroy-RegularItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-ThinItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-MediumItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-SemiBoldItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Regular.woff2') format('woff2'),
      url('./fonts/Gilroy-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Medium.woff2') format('woff2'),
      url('./fonts/Gilroy-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Thin.woff2') format('woff2'),
      url('./fonts/Gilroy-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-UltraLight.woff2') format('woff2'),
      url('./fonts/Gilroy-UltraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
      url('./fonts/Gilroy-UltraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
} */


/***** fonts */

*:not(i):not(svg):not(svg):not([class^="fonticon-"]):not([class*=" fonticon-"]):not(.editorjs_secondary *){
font-family: var(--general-typo-font);
}

*:not(i):not(span):not(div):not(svg):not(svg):not(a):not(li):not([class^="fonticon-"]):not([class*=" fonticon-"]):not(b):not(.adBoxHeader){
font-weight: var(--default-font-weight);
}

select option{
font-family: var(--general-secondary-typo-font) !important;
font-size: 13px !important;
}

.np-tag{
font-style: normal !important;
font-weight: normal !important;
}

.np-tag.np-tag-full-width{
width: 100% !important;
text-align: center !important;
}

select:not(.np-btn), input:not(.np-btn):not(.btn){
color: var(--general-typo-sub-color) !important;
}

label:not(.np-tag):not(.np-checkbox-tag .np-checkbox label):not(.np--pw .pw-search-options label) {
font-style: normal !important;
font-weight: normal !important;
font-size: 12px !important;
color: var(--general-typo-sub-color) !important;
/* margin-bottom: 4px !important; */
}

/* navbar */

 #np-hd-main {
    background: var(--theme-primary-bg-color) !important;
    border-bottom: var(--theme-primary-bg-border-color) !important;
    box-sizing: border-box !important;
    height: 54px !important;
}

/* each menu item list */

 .np-sub {
    background: var(--theme-sub-menu-bg-color) !important;
    box-sizing: border-box !important;
    box-shadow: var(--theme-sub-menu-box-shadow) !important;
    border-radius: 5px !important;
    border: var(--theme-sub-menu-border-color) !important;
    /* top: 60px !important; */
}

/** sub menu links */

 .np-sub li a{
    padding: 10px 10px !important;
    border: none !important;
    color: var(--theme-sub-menu-link-color) !important;
    text-transform: capitalize !important;
}

/** sub menu break line */
 .np-sub hr.new_design_list_line {
    border: none !important;
    border-bottom: var(--theme-sub-menu-line-break-style) !important;
    margin: 0px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    padding: 0px !important;
}

 .np-sub::before {
    display: none !important;
}

/** main menus style */

body[dir="ltr"] #np-hd-main nav .has-sub::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

#np-hd-main nav .has-sub {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

/* main menu links */

 #np-hd-main nav ul li.has-sub a.menu_item_main_link {
    /* font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important; */
    border-radius: 5px !important;
    position: relative !important;
    padding-left: 8px !important;
    padding-right: 9px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}


/* custom link in icons ul list on the right */
#np-hd-nav-icons .new_design_default_link a {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#np-hd-nav-icons .new_design_default_link a:hover {
    background: none !important;
}

#np-hd-main nav ul li.has-sub a.menu_item_main_link,
#np-hd-main nav ul li.has-sub a.menu_item_main_link span,
#np-hd-nav-icons .new_design_default_link a,
#np-hd-nav-icons .new_design_default_link a span {
    font-style: normal !important;
    font-weight: var(--default-font-weight) !important;
    font-size: 12px !important;
    color: var(--theme-menu-link-color) !important;
}

 #np-hd-nav-icons .new_design_default_link a {
    width: 100% !important;
    display: block !important;
}


 #np-hd-main nav ul li.has-sub a.menu_item_main_link.selected
{
    background: var(--theme-menu-link-selected-bg-color) !important;
    color: var(--theme-menu-link-selected-color) !important;
}

#np-hd-main nav ul li.has-sub a.selected {
    background: var(--theme-sub-menu-link-selected-bg-color) !important;
    color: var(--theme-sub-menu-link-selected-color) !important;
}

 #np-hd-main nav .has-sub:not(.new_design_menu_single_link):not(.has-sub-no-tick) a.menu_item_main_link::after {
    content: var(--theme-menu-link-arrow-icon) !important;
    border-top: 5px solid transparent !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    display: inline-block !important;
    opacity: .4 !important;
    vertical-align: middle !important;
    width: 12px !important;
    transform: scale(1.2) !important;
    position: relative !important;
    top: -3px !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
}

 #np-hd-main .logo {
  /* width: 132px !important; */
  width: 9% !important;
  margin-right: 0px !important;
}

#np-hd-main .logo img{
    filter: var(--theme-menu-log-color-filter) !important;
    width: 115px !important;
    height: auto !important;
    margin-top: 2px !important;
}

/** menu icons */

 img.new_design_link_icon{
    width: auto !important;
    position: relative !important;
    top: 1px !important;
    margin-right: 4px !important;
    margin-left: 4px !important;
}


/* sub menu icons color */

 .menu_item_main_link img.new_design_link_icon:not(.no-filter),
 #np-hd-nav-icons img:not(.no-filter img) {
    filter: var(--theme-menu-icons-color-filter) !important;
}

 .np-sub img.new_design_link_icon {
    filter: var(--theme-sub-menu-icons-color-filter) !important;
}

img.new_design_menu_icon{
    width: 16px !important;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}

 .np-sub::before{
    width: 100% !important;
    height: 15px !important;
    position: absolute !important;
    top: -14px !important;
    left: 0px !important;
    background: none !important;
    display: block !important;
    border: 4px solid transparent !important;
    opacity: 0 !important;
}

body[dir="ltr"] #np-hd-nav-icons > ul > li {
    border-left: none !important;
}

body[dir="rtl"] #np-hd-nav-icons > ul > li {
    border-right: none !important;
}

 .menu_user_profile{
    width: 308px !important;
    min-width: 308px !important;
    border-radius: 5px !important;
}

 .new_design_link_1{
    padding: 0px !important;
    margin-top: 6px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    text-transform: none !important;
    border-bottom: none !important;
    font-weight: bold !important;
}

 .new_design_link_2{
    padding: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    text-transform: none !important;
    border-bottom: none !important;
    font-weight: normal !important;
}

 .new_design_link_3{
    padding: 0px !important;
    margin-top: 14px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    text-transform: none !important;
    border-bottom: none !important;
    font-weight: bold !important;
}

/* arrow image in link */
 .new_design_link_3 img{
    width: 8px !important;
}

 .menu_user_profile .new_design_list_footer{
    background: #EDEFF0 !important;
    padding: 13px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

body[dir="ltr"] .menu_user_profile .new_design_list_footer{
text-align: left !important;
}

body[dir="rtl"] .menu_user_profile .new_design_list_footer{
text-align: right !important;
}

 .menu_user_profile .new_design_list_footer p{
    font-size: 12px !important;
}

 .menu_user_profile .new_design_list_header{
    background: white !important;
    padding: 13px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    cursor: pointer !important;
}

body[dir="ltr"] .menu_user_profile .new_design_list_header{
text-align: left !important;
}

body[dir="rtl"] .menu_user_profile .new_design_list_header{
text-align: right !important;
}

 #np-hd-nav-icons > ul{
font-size: unset !important;
}

/** row and columns */

.new_design_row {
  display: flex !important;
}

.new_design_column_20_percent {
  flex: 20% !important;
}

.new_design_column_30_percent {
  flex: 30% !important;
}

.new_design_column_40_percent {
  flex: 40% !important;
}

.new_design_column_45_percent {
  flex: 45% !important;
}

.new_design_column_55_percent {
  flex: 55% !important;
}

.new_design_column_50_percent {
  flex: 50% !important;
}

.new_design_column_60_percent {
  flex: 60% !important;
}

.new_design_column_70_percent {
  flex: 70% !important;
}

.new_design_column_80_percent {
  flex: 80% !important;
}

/** text align */

.new_design_text_align_left {
    text-align: left !important;
}

.new_design_text_align_center {
    text-align: center !important;
}

.new_design_text_align_right {
    text-align: right !important;
}

/** text colors */

.new_design_color_gray_1 {
    color: #82828C !important;
}

a.new_design_color_gray_1, #np-main-header .np-sub a.new_design_color_gray_1 {
    padding: 0px !important;
    color: #82828C !important;
    border: none !important;
    border-bottom: none !important;
}

.new_design_color_gray_2 {
    color: #AFAFB4 !important;
}

a.new_design_color_gray_2, #np-main-header .np-sub a.new_design_color_gray_2 {
    padding: 0px !important;
    color: #AFAFB4 !important;
    border: none !important;
    border-bottom: none !important;
    margin-top: 4px !important;
}

.new_design_color_gray_3 {
    color: #77777B !important;
}

/** menu fix */
#np-main-header .np-sub a.selected, #np-main-header .np-sub a.selected:hover {
  background: #eee !important;
}

/** margins */

.new_design_margin_top_5 {
    margin-top: 5px !important;
}

.new_design_margin_top_10 {
    margin-top: 10px !important;
}

.new_design_margin_bottom_10 {
    margin-bottom: 10px !important;
}

.new_design_margin_bottom_5 {
    margin-bottom: 5px !important;
}

.new_design_margin_bottom_15 {
    margin-bottom: 15px !important;
}

*.new_design_margin_bottom_0, .force_fix_zoom_sizes .login .form input {
    margin-bottom: 0px !important;
}

.new_design_margin_top_15 {
    margin-top: 15px !important;
}

.new_design_margin_top_20 {
    margin-top: 20px !important;
}

/** menu main links margin decrease */

 #np-hd-main nav > ul > li + li {
    margin-left: 0px !important;
    text-transform: none !important;
}

/** user profile box style */

 #np-hd-nav-icons {
   margin-right: 10px !important;
   float: right !important;
}

.new_design_user_header_style
,.new_design_admin_header_style
{
position: relative !important;
}

.new_design_user_header_style
/* ,.new_design_admin_header_style */
{
    background: #D6DCE4 !important;
    border: 1px solid #EDF8FF !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    padding: 9px !important;
}

 #np-main-header .np-sub {
 width: 223px !important;
 z-index: 99999 !important;
}

 #np-main-header .np-sub.childMenu li {
    width: 100% !important;
}

 #np-main-header .np-sub a:hover {
    font-weight: 600 !important;
}

 #np-hd-nav-icons > ul > li > a {
    width: 38px !important;
}


/******** change based on language change */

body[dir="ltr"] #np-hd-main nav .has-sub.new_design_menu_single_link{
margin-left: 11px !important;
}

body[dir="rtl"] #np-hd-main nav .has-sub.new_design_menu_single_link{
margin-right: 11px !important;
}

body[dir="ltr"] .np-sub li a{
text-align: left !important;
}

body[dir="rtl"] .np-sub li a{
text-align: right !important;
}

body[dir="ltr"] .new_design_link_3{
    text-align: right !important;
}

body[dir="rtl"] .new_design_link_3{
    text-align: left !important;
}

body[dir="rtl"] .new_design_link_3 img.new_design_link_icon{
    transform: rotate(180deg) !important;
}

body[dir="rtl"] .new_design_link_1{
    text-align: left !important;
}

body[dir="ltr"] .menu_user_profile{
    left: -92px !important;
}

body[dir="rtl"] .menu_user_profile{
    left: 130px !important;
}

body[dir="rtl"] #np-hd-main nav > ul > li + li {
  margin-right: 0px !important;
}

/* body[dir="rtl"] #np-hd-main .logo {
  margin-left: 45px !important;
} */

body[dir="rtl"] #np-hd-main nav .has-sub::after {
  margin-right: 0px !important;
}

body[dir="rtl"] #np-hd-main nav .has-sub::after {
  display: none !important;
}

body[dir="ltr"] #np-hd-main .logo {
  margin-right: 0px !important;
  text-align: left !important;
}

body[dir="rtl"] #np-hd-main .logo {
  margin-left: 0px !important;
  text-align: right !important;
}

/*** login page */

.body-login .inline-message {
height: 40px !important;
font-size: 15px !important;
line-height: 35px !important;
}

.divBackground{
display: none !important;
}

.new_design_center_middle_div {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  min-height: 100vh !important;
}

.body-login{
  background: white !important;
}

.body-login .login {
  width: 498px !important;
  max-width: 498px !important;
  background: #FFFFFF !important;
  border: 1px solid #EBEDF5 !important;
  box-sizing: border-box !important;
  box-shadow: 0px 4px 4px #EEF1FB !important;
  border-radius: 5px !important;
  padding-top: 40px !important;
}

.new_design_h2{
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 25px !important;
    color: #304767 !important;
}

.new_design_h6{
    font-style: normal !important;
    font-weight: var(--default-font-weight) !important;
    font-size: 15px !important;
    text-align: center !important;
    color: #6E7380 !important;
}

.new_design_flat_input{
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #ACAFB8 !important;
    color: #304767 !important;
}

.new_design_flat_input:focus, .new_design_flat_input:active{
    border-bottom: 2px solid var(--theme-login-page-login-main-color) !important;
}

.new_design_flat_login_button_1{
    text-transform: capitalize !important;
    background: var(--theme-login-page-login-main-color) !important;
    border-color: var(--theme-login-page-login-main-color) !important;
    font-weight: normal !important;
}

.force_fix_zoom_sizes .body-login .np-btn {
  margin-bottom: 0px !important;
}


.new_design_flat_input_label{
    text-align: left !important;
    position: relative !important;
    cursor: pointer !important;
}

.new_design_flat_input_label span{
    font-weight: var(--default-font-weight) !important;
    letter-spacing: 0.15px !important;
    font-size: 12px !important;
    color: #A4A7B1 !important;
}

.new_design_flat_input_label.is_active span{
    color: #304767 !important;
}

.new_design_flat_input_label input[type='checkbox'],
.force_fix_zoom_sizes .login .form input[type='checkbox'] {
  width: auto !important;
  margin-bottom: 0px !important;
  vertical-align: middle !important;
  accent-color: var(--theme-login-page-login-main-color) !important;
}

.new_design_flat_input_label span {
  vertical-align: middle !important;
  color: #6E7380 !important;
  padding-left: 0px !important;
  display: block;
  padding-bottom: 7px;
}

.new_design_flat_login_button_2{
    text-transform: capitalize !important;
    background: var(--theme-login-page-switch-button-color) !important;
    border-color: var(--theme-login-page-switch-button-color) !important;
}

.force_fix_zoom_sizes .platforms-redirect a{
    padding-top: 1px !important;
    text-transform: none !important;
}

.platforms-redirect{
    text-align: left !important;
    padding: 0 30px !important;
}

.force_fix_zoom_sizes .platforms-redirect a{
    margin-left: 0px !important;
}

.rightsReserved{
    width: 100% !important;
}

.rightsReserved, .rightsReserved *, .force_fix_zoom_sizes .rightsReserved, .force_fix_zoom_sizes .rightsReserved *{
    color: #ACAFB8 !important;
    font-size: 11px !important;
}

.new_design_show_password_icon{
    position: absolute !important;
    right: 0px !important;
    top: 25px !important;
    cursor: pointer !important;
    display: none !important;
}


#COMPANY_LOGO, #MY_COMPANY_LOGO{
    width: 80% !important;
}
#COMPANY_LOGO img, #MY_COMPANY_LOGO img{
  width: 60% !important;
  margin: 0 auto;
}
@media (max-width: 539px){
  .body-login .login {
    width: 348px !important;
  }
  #COMPANY_LOGO, #MY_COMPANY_LOGO {
    width: 348px !important;
  }
}

@media (max-width: 371px){
  .body-login .login {
    width: 294px !important;
  }
  #COMPANY_LOGO, #MY_COMPANY_LOGO {
    width: 294px !important;
  }
}

.force_fix_zoom_sizes .body-login .login .loginBox{
    padding-bottom: 0px !important;
}

.new_design_reset_password{
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
    text-align: left !important;
}

.new_design_reset_password a{
    font-size: 13px !important;
}

.new_design_hide,
.isHidden{
    display: none !important;
}

.body-login .logInSocialMediaFollow {
  padding: 20px !important;
}

.new_design_padding_bottom_20{
    padding-bottom: 20px !important
}

.new_design_padding_top_15{
    padding-top: 15px !important
}

.new_design_login_switch_buttons_visibility{
    display: var(--theme-login-page-display-switch-button) !important;
}

.new_design_login_switch_links_visibility{
    display: var(--theme-login-page-display-switch-links) !important;
}

.platforms-redirect-links {
    margin-top: -10px !important;
}

.platforms-redirect-links a{
    font-style: normal !important;
    font-weight: var(--default-font-weight) !important;
    font-size: 11px !important;
    text-align: center !important;
    letter-spacing: 0.02em !important;
    color: #ACAFB8 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

/************** Stories and Media ****************/

#FS_MAIN_DIV .leftArea, #FS_MAIN_DIV  .np-left-pane a{
color: var(--general-typo-main-color) !important;
font-size: 12px !important;
font-weight: var(--default-font-weight) !important;
}

#FS_MAIN_DIV .leftArea, #FS_MAIN_DIV .np-left-pane {
height: calc(100vh - 55px - var(--broadcast-height)) !important;
background: var(--general-side-panel-background-color) !important;
border-radius: 0px !important;
}

.new_design_search_input_1, .defaultSearch input.inputSrch:not(.noborder) {
background: #FFFFFF !important;
border: 1px solid var(--general-outline-color) !important;
box-sizing: border-box !important;
border-radius: 5px !important;
height: 42px !important;
box-shadow: none !important;
font-size: 12px !important;
}

body[dir="ltr"] .collapsePanel:before {
border-right: 7px solid rgba(103, 103, 103, 0.6) !important;
}

body[dir="rtl"] .collapsePanel:before {
border-left: 7px solid rgba(103, 103, 103, 0.6) !important;
}

.defaultSearch:before {
color: #87868D !important;
top: 23px !important;
}

.defaultSearch {
border-bottom: none !important;
}

.boxWithTitle_leftPanel .titleBarSlick {
box-shadow: none !important;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}

.innerContent_leftPanel .leftPanelBox_listing li a.selected {
box-shadow: none !important;
}


.SetDefaultUserFilter:not(.IsDefaultFilter) {
/* padding-top: 6px !important; */
/* padding-bottom: 6px !important; */
color: rgba(0,0,0,.5) !important;
}

.SetDefaultUserFilter.IsDefaultFilter{
color: var(--general-primary-color) !important;
}

.IsDefaultFilter i, .SetDefaultUserFilter i{
margin-left: 1px !important;
}

.np-filter-actions .np-filter-action-item{
color: var(--general-primary-color) !important;
}


.innerContent_leftPanel .leftPanelBox_listing li + li {
border-top: 1px solid #EBEBEB !important;
}

.innerContent_leftPanel .leftPanelBox_listing li {
height: 40px !important;
line-height: 40px !important;
}

.iconLeft.seeless, #SEE_ALL{
background: var(--general-side-panel-background-color) !important;
color: var(--general-typo-main-color) !important;
padding-left: 25px !important;
box-shadow: 0px -1px 7px rgba(0,0,0,0.2) !important;
}

#SEE_ALL{
box-shadow: 0px 3px 7px rgba(0,0,0,0.2) !important;
}

.iconLeft.seeless:before{
border-bottom: 5px solid rgba(70, 70, 70, 0.5) !important;
}

#SEE_ALL:before {
border-top: 5px solid rgba(70, 70, 70, 0.5) !important;
}

.splLink::before {
margin-top: -1px !important;
}

#FS_MAIN_DIV #FSCollapseLeftPanel{
background: none !important;
display: none !important;
}

body[dir="ltr"] #FS_MAIN_DIV #FSCollapseLeftPanel{
margin-right: -13px !important;
}

body[dir="rtl"] #FS_MAIN_DIV #FSCollapseLeftPanel{
margin-left: -13px !important;
}

#FilterNameContainer{
display: none !important;
}

.boxWithTitle_leftPanel .titleBarSlick{
background: white !important;
color: var(--general-typo-main-color) !important;
}

.boxWithTitle_leftPanel .titleBarSlick .textTitle{
color: var(--general-typo-main-color) !important;
text-transform: capitalize !important;
font-size: 13px !important;
}

#FS_PAGE_PANE, .np-default-background{
background: #edeff0 !important;
}

body[dir="ltr"] .leftArea, body[dir="ltr"] .np-left-pane {
border-right: none !important;
}

body[dir="rtl"] .leftArea, body[dir="ltr"] .np-left-pane {
border-left: none !important;
}

.new_design_action_box div.np-filters-wrapper {
background: #FFFFFF;
border: 1px solid #EDEFF3;
line-height: normal !important;
border-bottom-left-radius: 11px !important;
border-bottom-right-radius: 11px !important;
display: flex;
}

.new_design_action_box_simple{
min-height: 60px !important;
padding-top: 12px !important;
margin-top: 5px !important;
margin-bottom: 11px !important;
padding-bottom: 12px !important;
}

.new_design_action_box_flex div.np-filters-wrapper{
display: flex !important;
align-items: stretch !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.new_design_action_box_simple.np-af-group-no-margin .np-af-group{
padding: 0px 14px !important
}

.np-inline-block{
display: inline-block !important;
}

.new_design_action_box{
background: white !important;
background: #FFFFFF !important;
border: 1px solid #EDEFF3 !important;
box-sizing: border-box !important;
border-radius: 5px !important;
}

.new_design_action_box .np-filters-wrapper{
border: none !important;
border-top: 1px solid #EBEBEB !important;
border-radius: 0px !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
height: auto !important;
}

body {
font-size: 10px;
background: #edeff0 !important;
}

.np-new-sub-title{
font-style: normal !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 18px !important;
text-transform: capitalize !important;
color: var(--general-typo-main-color) !important;
padding: 14px !important;
}

.new_design_action_box .np-af-group:not(.np-check-all-new):not(.new-design-sorting) {
padding: 0px !important;
height: auto !important;
}

.new_design_action_box .np-filters-wrapper fieldset {
height: auto;
}

.new_design_action_box .np-checkbox{
top: 8px !important;
}

body[dir="ltr"] .new_design_action_box .np-af-group + .np-af-group:not(.no-border) {
border-left: 1px solid #EBEBEB !important;
}

body[dir="rtl"] .new_design_action_box .np-af-group + .np-af-group:not(.no-border) {
border-right: 1px solid #EBEBEB !important;
}


body[dir="ltr"] .new_design_action_box .np-af-group.np-af-group-secondary {
margin-left: 12px;
padding-left: 12px !important;
}

body[dir="rtl"] .new_design_action_box .np-af-group.np-af-group-secondary {
margin-right: 12px;
padding-right: 12px !important;
}


.new_design_action_box .np-af-group + .np-af-group.no-border {
border: none !important;
}

select, .ui-widget .pq-select-text, input, textarea:not(#art_body):not(.np-add-edit-txtarea):not(.np-field-block textarea):not(.media-item_body textarea){
font-size: 13px !important;
}

.np-add-edit-txtarea:not(#BODY_SPAN textarea){
max-height: 400px;
}

.np-card{
font-size: 10px !important;
}

.new_design_action_box .new_design_np_slct_styled_1 select,
.new_design_action_box .new_design_np_slct_styled_2,
.new_design_action_box .new_design_np_slct_styled_2 select,
.np-slct-styled:not(.isSmall),
.np-slct-styled select:not(.isSmall){
height: 35px !important;
}

.np-slct-styled.isSmall:not(.isWide), .np-slct-styled.isSmall select:not(.isWide select){
height: 30px !important;
width: 118px;
}

.holder.np-styled-holder,
.new_design_action_box .new_design_np_slct_styled_1:not(.np-check-all):not(.new_design_side_search_sub_div):not(.np-icon-slct),
.new_design_action_box .new_design_np_slct_styled_2:not(.np-check-all):not(.new_design_side_search_sub_div):not(.np-icon-slct),
.np-slct-styled:not(.np-check-all):not(.np-border-lr-none-auto):not(.new_design_side_search_sub_div):not(.np-icon-slct):not(.np-slct-no-border):not(.special-style):not(.noborder),
.new_design_action_box .np-date-picker {
border: 1px solid var(--general-outline-color) !important;
}

.holder.np-styled-holder{
border-radius: 5px !important;
}

/******** temp style */
.np-search-container .searchBoxHolder .inputSrch{
margin-top: 1px;
}

.np-search-container .searchBoxHolder{
box-shadow: none !important;
}
/******** temp style */

.new_design_action_box .new_design_np_slct_styled_1{
margin-left: 12px !important;
margin-right: 12px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
}

/* .np-af-group.np-check-all{
margin-left: 12px !important;
margin-right: 12px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
height: 35px !important;
} */

.new_design_action_box .new_design_np_slct_styled_1.new_design_pagging_container{
margin-top: 4px !important;
margin-bottom: 0px !important;
}

div.np-af-group.btnFilter:not(.new_design_np_slct_styled_1) {
padding-top: 8px !important;
}

.new_design_action_box .new_design_np_slct_styled_margin_1 {
margin-top: 5.5px !important;
margin-bottom: 5.5px !important;
}

*.np-af-group-full{
display: flex !important;
align-items: center !important;
}

/*
*.np-af-group-vertical-border{

height: 59.8px !important;
display: flex!important;
align-items: center!important;
justify-content: center !important;
} */
/* margin-top: 12px!important;
margin-bottom: 12px!important; */
/* body[dir="ltr"] *.np-af-group-vertical-border{

}

body[dir="rtl"] *.np-af-group-vertical-border{

} */

body[dir="ltr"] .new_design_action_box .new_design_np_slct_styled_2
, body[dir="ltr"] .new_design_action_box .np-slct-styled
, body[dir="ltr"] .new_design_action_box .np-date-picker,
.holder.np-styled-holder:not(ul)
{
margin-left: 12px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
}

body[dir="rtl"] .new_design_action_box .new_design_np_slct_styled_2
, body[dir="rtl"] .new_design_action_box .np-slct-styled
, body[dir="rtl"] .new_design_action_box .np-date-picker,
.holder.np-styled-holder:not(ul)
{
margin-right: 12px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
}

body[dir="ltr"] .new_design_action_box .np-date-picker{
left: 0 !important;
margin-right: 0px !important;
padding-left: 0px !important;
}

body[dir="rtl"] .new_design_action_box .np-date-picker{
right: 0px !important;
padding-left: 0px !important;
}

.new_design_action_box .np-date-picker{
padding-right: 0px !important;
}

div.np-date-picker {
height: 35px !important;
}

div.np-date-picker.np-date-picker-small {
height: 35px !important;
}

div.np-date-picker.np-date-picker-small .np-date-picker .fonticon-date_range{
margin-top: -2px !important;
}

/* div.np-check-all {
width: 32px !important;
padding-top: 12px !important;
text-align: center !important;
} */

*.np-check-all-new{
min-height: 59.4px !important;
width: 57px !important;
display: flex;
justify-content: center;
align-items: center;
padding-top: 0px;
padding-bottom: 0px;
}

*.np-check-all-new .np-checkbox{
margin-right: 0px !important;
top: 0px !important;
}

.np-date-picker input {
height: 100% !important;
border: none !important;
padding-right: 10px !important;
padding-left: 10px !important;
background: white !important;
}

.new_design_action_box .np-date-picker input {
width: 110px;
}

.new_design_action_box .np-date-picker-with-star .np-date-picker input {
width: 126px !important;
}


/********** fix panels */

.new_design_action_box div.np-filters-wrapper:not(.np-filters-auto-wrapper) {
min-height: 59.8px !important;
min-height: 59.8px !important;
margin: 0 !important;
padding-top: 12px;
padding-bottom: 12px;
}

.np-m-t-15{
margin-top: 15px !important;
}

/********** fix menues */

.np-date-picker .fonticon-date_range
, .np-date-picker .fonticon-star-outline
{
margin-top: 3px !important;
}

.new_design_action_box .searchFound #R_ARTICLES_FOUND {
color: var(--general-typo-sub-color) !important;
}

.new_design_simple_input_1{
background: #FFFFFF;
border: 1px solid var(--general-outline-color) !important;
box-sizing: border-box !important;
border-radius: 5px !important;
height: 35px !important;
box-shadow: none !important;
font-size: 12px !important;
}

.new_design_search_input_2,
input:not(.new_design_border_radius_0):not(.colorpicker input):not(.noborder):not(.np-input-no-style):not(.np-btn.hasIcon input):not(.np-search-container .searchBoxHolder .searchInput input):not(.new_desing_search_stories_input):not(.np-date-picker input):not(.np-btn):not(.select2-search__field):not(input[readonly="readonly"]):not(.inputSrch):not(input[type="file"]):not(.btn):not(.bit-input input){
border: 1px solid var(--general-outline-color) ; /* notice: !important */
box-sizing: border-box !important;
border-radius: 5px;
height: 35px !important;
box-shadow: none !important;
font-size: 14px !important;
background: #FFFFFF;
}

/* input[type="file"]{
padding-top: 7px !important;
padding-left: 8px !important;
} */

textarea:not(.new_design_textarea_1):not(.is_required):not(.TextAreaBox):not(#art_body):not(.np-add-edit-txtarea):not(.np-field-block textarea){
background: #FFFFFF;
border: 1px solid var(--general-outline-color) !important;
box-sizing: border-box !important;
border-radius: 5px ;
box-shadow: none !important;
font-size: 12px !important;
padding: 7px !important;
}

.new_design_side_search.np-af-group.floatRight.has-sub::after {
display: none !important;
}

.new_design_side_search .new_design_side_search_main_div input {
width: 100% !important;
}

.new_design_side_search .new_design_side_search_sub_div {
position: relative !important;
}

body[dir="ltr"] .new_desing_search_icon_button{
position: absolute !important;
top: 11px !important;
left: 11px !important;
cursor: pointer !important;
}

body[dir="rtl"] .new_desing_search_icon_button{
position: absolute !important;
top: 11px !important;
right: 11px !important;
cursor: pointer !important;
}

body[dir="ltr"] .new_desing_search_adv_button{
position: absolute !important;
top: 11px !important;
right: 11px !important;
cursor: pointer !important;
}

body[dir="ltr"] *.np-m-lr-15{
margin-left: 15px !important;
}

body[dir="rtl"] *.np-m-lr-15{
margin-right: 15px !important;
}

body[dir="ltr"] *.np-m-lr-12{
margin-left: 12px !important;
}

body[dir="rtl"] *.np-m-lr-12{
margin-right: 12px !important;
}

body[dir="ltr"] *.np-m-p-lr-24{
margin-left: 20px !important;
padding-left: 24px !important;
}

body[dir="rtl"] *.np-m-p-lr-24{
margin-right: 20px !important;
padding-right: 24px !important;
}


body[dir="ltr"] *.np-m-lr-0{
margin-left: 0px !important;
}

body[dir="rtl"] *.np-m-lr-0{
margin-right: 0px !important;
}

body[dir="ltr"] *.np-p-lr-0{
padding-left: 0px !important;
}

body[dir="rtl"] *.np-p-lr-0{
padding-right: 0px !important;
}

body[dir="rtl"] .new_desing_search_adv_button{
position: absolute !important;
top: 11px !important;
left: 11px !important;
cursor: pointer !important;
}

body[dir="ltr"] .new_desing_search_stories_input{
padding-left: 31px !important;
width: 355px !important;
text-align: left;
}

body[dir="rtl"] .new_desing_search_stories_input{
padding-right: 31px !important;
width: 355px !important;
text-align: right;
}

.np-filter-actions.FilterActions{
margin-top: 3px !important;
}

/***** box post design **/

.nd-mobile #FS_RESULTS_PANE{
margin-top: 13px !important;
padding-top: 162px;
}

.nd-mobile #PAGES_FORM #FS_RESULTS_PANE{
padding-top: 162px !important;
}

#FS_RESULTS_PANE{
margin-top: 13px !important;
}

.fullview-boxView.ArticleBox.np-card .np-card-inner{
background: #FFFFFF !important;
border: 1px solid #EDEDED !important;
box-sizing: border-box !important;
border-radius: 5px !important;
}

.fullview-boxView.ArticleBox.np-card .np-card-inner .header-details * {
font-style: normal !important;
font-weight: var(--default-font-weight) !important;
color: var(--general-typo-sub-color) !important;
}

.fullview-boxView.ArticleBox.np-card .np-card-inner .header-details {
padding-left: 4px !important;
padding-right: 4px !important;
}

.new_design_post_icon{
width: 16px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}

.ArticleInfo .brifInfo {
font-style: normal !important;
font-weight: 600 !important;
font-size: 10px !important;
line-height: 14px !important;
color: var(--general-typo-sub-color) !important;
margin-bottom: 7px !important;
}

.ArticleBox .articleTitle {
font-style: normal !important;
font-weight: 600 !important;
font-size: 13px !important;
color: var(--general-typo-main-color) !important;
margin-bottom: 10px !important;
word-break: break-word;
}

.ArticleBox .articleBrief {
font-style: normal !important;
font-weight: var(--default-font-weight) !important;
font-size: 10px !important;
color: var(--general-typo-sub-color) !important;
margin-bottom: 10px !important;
}

.ArticleBox .author {
font-style: normal !important;
font-weight: 600 !important;
font-size: 10px !important;
color: var(--general-typo-sub-color) !important;
margin-bottom: 10px !important;
}

.ArticleBox .np-by.byline {
font-style: normal !important;
font-weight: 600 !important;
font-size: 10px !important;
line-height: 15px !important;
color: var(--general-typo-sub-color) !important;
margin-bottom: 10px !important;
display: block !important;
}

.ArticleBox .boxFooter, .ArticleBox .new_design_boxBody, .np-card .boxBody {
padding: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
background: transparent !important;
box-shadow: none !important;
}

.ArticleBox .innerWhiteBox {
padding-top: 5px !important;
padding-bottom: 6px !important;
}

.np-card .boxBody {
margin-top: 15px !important;
margin-bottom: 0px !important;
}

.np-card-container .imageHolder {
position: relative !important
}

.np-card .imageHolder img.new_design_small_inline_img {
position: unset !important;
top: unset !important;
left: unset  !important;
-webkit-transform: unset !important;
-moz-transform: unset !important;
transform: unset !important;
}

.new_design_small_inline_img{
display: inline !important;
}

body[dir="ltr"] .np-card-container.detailView.np-grid-of-3 .np-card .imageHolder {
border-radius: 3px !important;
width: 81px !important;
height: 58px !important;
float: left !important;
margin-left: 0px !important;
border: none !important;
}


body[dir="rtl"] .np-card-container.detailView.np-grid-of-3 .np-card .imageHolder {
border-radius: 3px !important;
width: 81px !important;
height: 58px !important;
float: left !important;
margin-left: 0px !important;
border: none !important;
}

.np-card-container.thumbView.np-grid-of-3 .np-card .imageHolder.new_design_more_images {
border-radius: 3px !important;
height: 58px !important;
width: 71px !important;
float: left !important;
margin-left: 0px !important;
left: 9px !important;
background: var(--general-side-panel-background-color) !important;
border-radius: 3px !important;
}

.np-card-container.detailView.np-grid-of-3 .np-card .imageHolder.new_design_more_images {
display: none !important;
}

.np-card-container.thumbView.np-grid-of-3 .np-card .imageHolder.new_design_more_images img.new_design_image_icon{
position: unset !important;
-webkit-transform: none !important;
-moz-transform: none !important;
transform: none !important;
}

.np-card-container.thumbView.np-grid-of-3 .np-card .imageHolder.new_design_more_images .new_design_img_div{
margin-top: 11px !important;
}

.np-card-container.thumbView.np-grid-of-3 .np-card .imageHolder.new_design_more_images .new_design_text_div{
margin-top: 9px !important;
}

.np-card-container.thumbView.np-grid-of-3 .np-card .imageHolder.new_design_more_images img{
width: 22px !important;
}

.np-card-container.thumbView.np-grid-of-3 .np-card .imageHolder.new_design_more_images span{
color: var(--general-typo-sub-color) !important;
}

body[dir="ltr"] .np-card-container.thumbView.np-grid-of-3 .np-card .imageHolder {
border-radius: 3px !important;
height: 58px !important;
width: 71px !important;
float: left !important;
margin-left: 0px !important;
border: none !important;
}

body[dir="rtl"] .np-card-container.thumbView.np-grid-of-3 .np-card .imageHolder {
border-radius: 3px !important;
height: 58px !important;
width: 71px !important;
float: right !important;
margin-right: 0px !important;
}

.np-card-container.thumbView .ArticleBox.np-card:not(.np-img-card) .boxBody {
height: auto !important;
min-height: 63px !important;
}

.np-card-reserved.boxInfo {
padding-top: 14px !important;
padding-bottom: 6px !important;
padding-left: 15px !important;
padding-right: 15px !important;
}

.ArticleBox .boxFooter {
border-top: 1px solid #EDEDED !important;
}

.new_design_boxFooter_sub{
border-top: 1px solid #EDEDED !important;
padding-left: 15px !important;
padding-right: 15px !important;
}

.ArticleBox .new_design_boxBody .new_design_boxBody_div {
padding-left: 15px !important;
padding-right: 15px !important;
margin-top: 10px !important;
}

.infoPhoto.boxBody {
padding-left: 15px !important;
padding-right: 15px !important;
}

.tagStatus .np-tag{
border-radius: 3px !important;
}

.new_design_label_underline{
border-bottom: 1px solid var(--general-typo-sub-color) !important;
}

.new_design_story_link_2{
border-bottom: 1px solid white !important;
}

.new_design_countComment{
padding-top: 5px !important;
}

.leftSec div.new_design_countComment{
padding-top: 0px !important;
}

.new_design_countComment span{
position: relative !important;
top: -5px !important;
padding-left: 2px !important;
padding-right: 2px !important;
}

.new_design_hidden_info{
min-width: 92px !important;
text-align: center !important;
height: 20px !important;
line-height: 19px !important;
color: white !important;
border-radius: 3px !important;
top: -26px !important;
left: -38px !important;
position: absolute !important;
display: none;
}

.new_design_position_relative{
position: relative !important;
}

.new_design_position_absolute{
position: absolute !important;
}

.new_design_story_icons{
filter: invert(69%) sepia(5%) saturate(11%) hue-rotate(101deg) brightness(88%) contrast(87%) !important;
}

img.HasUnreadComments, .articleHasUnreadComments img{
filter: invert(52%) sepia(45%) saturate(1055%) hue-rotate(130deg) brightness(95%) contrast(102%) !important;
}

span.HasUnreadComments, .articleHasUnreadComments span{
color: #00B8A8 !important;
}

.new_design_icon_eye:hover{
filter: invert(18%) sepia(89%) saturate(1404%) hue-rotate(190deg) brightness(92%) contrast(90%) !important;
}

.new_design_icon_eye{
margin-top: 2px !important;
}

.new_design_icon_assigned, .new_design_icon_reserved{
cursor: pointer !important;
}

.new_design_icon_layers:hover{
filter: invert(52%) sepia(29%) saturate(2624%) hue-rotate(196deg) brightness(112%) contrast(101%) !important;
}

.new_design_icon_assigned:hover{
filter: invert(81%) sepia(18%) saturate(1007%) hue-rotate(56deg) brightness(94%) contrast(84%) !important;
}

.new_design_icon_eye_info{
background: var(--general-primary-color) !important;
}

.tagStatus.articleStatusName{
margin-right: 11px !important;
}

.new_design_story_icons_div{
margin-top: 3px !important;
margin-left: 5px !important;
margin-right: 5px !important;
position: relative !important;
}

.new_design_story_icons_div_circle{
margin-top: 2px !important;
}

body[dir="ltr"] .recOrange {
width: 16px !important;
height: 16px !important;
}

.new_design_post_icon_large {
width: 24px !important;
}

.new_design_post_icon_large:not(.new_design_no_padding) {
padding-top: 15px !important;
}

.thumbView .boxFooter .leftSec {
padding-top: 13px !important;
}

.new_design_show{
display: block !important;
}

.new_design_hover_trigger{
cursor: pointer !important;
}

/******** tooltip theme */

.tippy-box {
padding: 0px !important;
}

.tippy-box[data-theme~='color-1'] {
background: var(--general-primary-color) !important;
}

.tippy-box[data-theme~='color-2'] {
background: #ff5c66 !important;
}

.tippy-box[data-theme~='color-3'] {
background: #8cd273 !important;
}

.tippy-box[data-theme~='color-4'] {
background: white !important;
color: #00182B !important;
border: 1px solid #ccc !important;
}

.tippy-box[data-theme~='color-5'] {
background: white !important;
color: #00182B !important;
border: 1px solid #ccc !important;
}

.tippy-box[data-theme~='color-5'] * {
font-size: 12px !important;
}

.tippy-box[data-theme~='color-5'] td {
padding: 2px !important;
}

.tippy-box[data-theme~='info-1'] {
background: #FFFFFF !important;
}

.tippy-box[data-theme~='info-1'] * {
color: var(--general-typo-main-color) !important;
}

/******** tooltip theme */

body[dir="ltr"] .new_design_side_view{
text-align: right !important
}

body[dir="rtl"] .new_design_side_view{
text-align: left !important
}

body[dir="ltr"] .new_design_side_view .new_design_side_search_sub_div {
padding-top: 8px;
padding-right: 0px;
}

body[dir="rtl"] .new_design_side_view .new_design_side_search_sub_div {
padding-top: 8px;
padding-left: 0px;
}

.new_design_side_view .np-card-reserved.boxInfo{
padding-top: 0px !important;
}

/********* list view design */

.listView .boxFooter,
.listView2 .boxFooter,
.detailView .boxFooter{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
}

.listView .ArticleBox.np-card .boxInfo,
.listView2 .ArticleBox.np-card .boxInfo,
.detailView .ArticleBox.np-card .boxInfo {
height: auto !important;
line-height: normal !important;
}

.listView .np-card-reserved.boxInfo, .listView .new_design_boxFooter_sub,
.listView2 .np-card-reserved.boxInfo, .listView2 .new_design_boxFooter_sub,
.detailView .np-card-reserved.boxInfo, .detailView .new_design_boxFooter_sub{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: right !important;
gap: 6px !important;
}

.listView .boxFooter .infoIcon,
.listView2 .boxFooter .infoIcon,
.detailView .boxFooter .infoIcon{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
}

.listView .boxFooter.cf:before, .listView .boxFooter.cf:after,
.listView2 .boxFooter.cf:before, .listView2 .boxFooter.cf:after,
.detailView .boxFooter.cf:before, .detailView .boxFooter.cf:after {
display: none !important;
}

.listView .new_design_reserved_by_div,
.listView2 .new_design_reserved_by_div,
.detailView .new_design_reserved_by_div {
margin-top: 9px !important;
}

.listView .infoIcon.boxHeader_icon_normal,
.listView2 .infoIcon.boxHeader_icon_normal,
.detailView .infoIcon.boxHeader_icon_normal {
margin-left: 9px !important;
margin-right: 9px !important;
}

.listView .reservedBy,
.listView2 .reservedBy,
.detailView .reservedBy {
margin-left: 0px !important;
margin-right: 0px !important;
}

.thumbView .reservedBy {
padding-bottom: 3px !important;
}

.listView .boxFooter .leftSec,
.listview2 .boxFooter .leftSec,
.detailView .boxFooter .leftSec {
padding-top: 9px !important;
}

/***** views and paggging **/

body[dir="ltr"] .new_design_view_icon{
margin-left: 5px !important;
margin-right: 3px !important;
}

body[dir="rtl"] .new_design_view_icon{
margin-left: 3px !important;
margin-right: 5px !important;
}

.new_design_view_icon{
cursor: pointer !important;
}

.new_design_view_icon{
filter: invert(95%) sepia(9%) saturate(118%) hue-rotate(170deg) brightness(89%) contrast(86%) !important;
}

.new_design_view_icon.new_design_selected_view, .newChangeView .selected img{
filter: invert(52%) sepia(32%) saturate(11%) hue-rotate(241deg) brightness(97%) contrast(87%) !important;
}

body[dir="ltr"] .new_desing_view_icon_buttons{
display: flex !important;
flex-direction: row !important;
width: 50% !important;
}

/** pagging buttons */

.new_design_pagging_button{
width: 37px;
height: 26px;
background: #FFFFFF;
border: 1px solid var(--general-outline-color);
box-sizing: border-box;
border-radius: 3px;
cursor: pointer !important;
}

.new_design_pagging_div:not(.new_design_pagging_div_simple){
margin-top: -1px !important;
margin-left: 11px !important;
margin-right: 11px !important;
}

.new_design_pagging_button img{
filter: invert(58%) sepia(8%) saturate(236%) hue-rotate(209deg) brightness(91%) contrast(84%) !important;
}

.new_design_pagging_button.new_design_button_disabled{
pointer-events: none !important;
}

.new_design_pagging_button.new_design_button_disabled img{
filter: invert(78%) sepia(15%) saturate(215%) hue-rotate(172deg) brightness(99%) contrast(90%) !important;
}

/*********** story spaces case support - thumbview only **/
.thumbView .ArticleBox{
max-height: 400px !important;
}

.thumbView .ArticleBox, .ArticleBox div.np-card-inner {
display: flex !important;
flex-direction: column;
flex-grow: 1;
}

.thumbView .ArticleBox div.innerWhiteBox{
display: flex !important;
flex-direction: column !important;
flex-grow: 1;
}

.thumbView .ArticleBox div.new_design_boxBody {
flex-grow: 1 !important;
}

/*** end ***/

.detailView .brifInfo,
.listView .brifInfo,
.listView2 .brifInfo,

.detailView .np-by.byline,
.listView .np-by.byline,
.listView2 .np-by.byline,

.listView .infoPhoto.boxBody:not(.np-nm .boxBody),
.listView2 .infoPhoto.boxBody
{
display: none !important;
}

.listView .ArticleInfo,
.listView2 .ArticleInfo{
padding-bottom: 6px !important;
}

body[dir="ltr"] .np-card-container.detailView .np-card .imageHolder {
margin-right: 0px !important;
float: left;
}

body[dir="rtl"] .np-card-container.detailView .np-card .imageHolder {
margin-left: 0px !important;
float: right;
}

.detailView .np-card-reserved {
margin-bottom: 0px !important;
}

.new_design_more_images_label{
position: absolute !important;
left: 0px !important;
bottom: 0px !important;
background: var(--general-side-panel-background-color) !important;
border-radius: 0px 3px !important;
padding: 5px !important;
display: none;
}

.new_design_more_images_label span{
font-size: 8px !important;
position: relative!important;
top: -1px !important;
color: var(--general-typo-sub-color) !important;
}

.detailView .new_design_more_images_label{
display: block !important;
}

.new_design_middle_line{
display: none;
margin-top: -4px !important;
}

.detailView .new_design_middle_line,
.listView .new_design_middle_line,
.listView2 .new_design_middle_line{
display: block !important;
}

.detailView .boxFooter{
clear: both !important;
}

body[dir="ltr"] .detailView .new_design_boxBody,
body[dir="ltr"] .detailView .infoPhoto.boxBody {
float: left !important;
}

body[dir="rtl"] .detailView .new_design_boxBody,
body[dir="rtl"] .detailView .infoPhoto.boxBody {
float: right !important;
}

.detailView .ArticleBox .new_design_boxBody .new_design_boxBody_div {
margin-top: 23px !important;
margin-bottom: 23px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

.tipsy-inner {
background-color: white !important;
border: 1px solid #DBDEE0 !important;
border-radius: 5px !important;
color: var(--general-typo-main-color) !important;
}

.tipsy {
background-image: none !important;
}

.tipsy-inner table tbody td, .tipsy-inner table tbody td *, .tipsyCustom *, .tipsy-inner * {
  color: var(--general-typo-main-color) !important;
}

#FS_RESULTS_PANE .np-card-container .np-card {
width: 99% !important;
}

.np-card .boxHeader{
height: 40px !important;
padding-bottom: 3px !important;
}

.iconsSection i{
/* color: var(--general-typo-main-color) !important; */
color: #8a8990 !important;
}

/************** rtl support */

body[dir="rtl"] .np-card-container.thumbView.np-grid-of-3 {
padding-right: 0px !important;
padding-left: 10px !important;
}

body[dir="rtl"] .new_design_pagging_button {
transform: rotate(180deg) !important;
}

body[dir="rtl"] .new_design_pagging_div {
direction: rtl !important;
}

body[dir="rtl"] .new_design_pagging_container {
flex-direction: row !important;
gap: 10px !important;
}

body[dir="rtl"] .brifInfo,
body[dir="rtl"] .articleBrief,
body[dir="rtl"] .articleLinks,
body[dir="rtl"] .np-by.byline {
text-align: right  !important;
}

body[dir="rtl"] .tagStatus.articleStatusName {
margin-right: 0px !important;
margin-left: 11px !important;
padding-left: 3px !important;
}

/************** rtl support */

body[dir="ltr"] .np-slct-styled {
padding-right: 0px !important;
}

body[dir="rtl"] .np-slct-styled {
padding-left: 0px !important;
}

body[dir="rtl"] .np-slct-styled select {
text-align: right !important;
}

.listView .new_design_title_padding,
.detailView .new_design_title_padding,
.listView2 .new_design_title_padding,
.listView .ArticleBox .new_design_boxBody .new_design_boxBody_div.new_design_title_padding,
.listView2 .ArticleBox .new_design_boxBody .new_design_boxBody_div.new_design_title_padding,
.detailView .ArticleBox .new_design_boxBody .new_design_boxBody_div.new_design_title_padding {
padding-left: 17px !important;
padding-right: 17px !important;
}

.detailView .new_design_hide_on_list_view{
display: none !important;
}

/******************************* modal ****/

.new-design-modal {
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  padding-top: 0px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
  display: flex;
}

/* Modal Content */
.new-design-modal .new-design-modal-content {
  position: relative;
  background-color: transparent;
  margin: auto;
  padding: 0;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

.new-design-modal.new-design-modal-small .new-design-modal-content {
max-width: 398px !important
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.new-design-modal .new-design-close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.new-design-modal .new-design-close:hover,
.new-design-modal .new-design-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.new-design-modal .new-design-modal-body {
padding: 2px;
background: white;
}

/******************************* modal ****/


#new-design-modal-search-stories.new-design-modal .new-design-modal-body{
padding: 0px !important;
border-radius: 5px !important;
min-height: 338px !important;
}

.new-design-modal-search-bar{
border-bottom: 1px solid var(--general-outline-color) !important;
padding: 6px !important;
position: relative !important;
}

#new-design-modal-search-bar-input{
border-radius: 0px !important;
width: 100% !important;
border: none !important;
margin-top: 0px !important;
font-size: 12px !important;
}

.new_design_input_group_1{
background: #FFFFFF !important;
border: 1px solid var(--general-outline-color) !important;
box-sizing: border-box !important;
border-radius: 5px !important;
height: 35px !important;
margin-bottom: 9px !important;
}

.new_design_input_group_1_label_div{
width: 94px !important;
min-width: 94px !important;
}

.new_design_input_group_1 .new_design_input_group_label{
display: block !important;
height: 100% !important;
width: auto !important;
font-style: normal !important;
font-weight: var(--default-font-weight) !important;
font-size: 11px !important;
line-height: 34px !important;
text-transform: capitalize !important;
color: var(--general-typo-sub-color) !important;
}

body[dir="ltr"] .new_design_input_group_1 .new_design_input_group_label{
border-right: 1px solid var(--general-outline-color) !important;
margin-left: 11px !important;
}

body[dir="rtl"] .new_design_input_group_1 .new_design_input_group_label{
border-left: 1px solid var(--general-outline-color) !important;
margin-right: 11px !important;
}

*.new_design_border_radius_0{
border-radius: 0px !important;
}

.new-design-other-search-filters{
padding: 15px !important;
}

.new_design_input_group_1_input_div{
position: relative !important;
width: 100% !important;

}

.new_design_input_group_1_input_div


/***** slider **/
.new_design_slider .new_design_range_slider{
-webkit-appearance: none !important;
height: 6px !important;
border-radius: 100px !important;
background: #D8DCDF !important;
}

.new_design_slider .new_design_range_slider::-moz-range-thumb {
  width: 15px!important;
  height: 15px!important;
  background: var(--general-primary-color) !important;
  cursor: pointer!important;
  border-radius:50% !important;
  border: none !important;
}
/***** slider **/

.new_design_input_group_1_input_div input.new_design_range_slider{
width: 170px !important;
margin-top: 1px !important;
padding: 0px !important;
}

body[dir="ltr"] .new_design_input_group_1_input_div input.new_design_range_slider{
margin-left: 14px !important;
}

body[dir="rtl"] .new_design_input_group_1_input_div input.new_design_range_slider{
margin-right: 14px !important;
}

.range_slide_text_div{
position: relative !important;
}

body[dir="ltr"] .range_slide_text_div{
left: 9px !important;
}

body[dir="rtl"] .range_slide_text_div{
left: 0 !important;
right: 9px !important;
}

/********** check box ****/

.new_design_checkbox_1{
display: inline-block;
position: relative;
padding-left: 22px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 9px;
cursor: pointer !important;
font-style: normal;
font-weight: var(--default-font-weight);
font-size: 11px;
text-transform: capitalize;
color: var(--general-typo-sub-color);
}

.new_design_checkbox_1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.new_design_checkbox_1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: white;
  border: 1px solid #DDDEDF;
  border-radius: 2px;
}

.new_design_checkbox_1:hover input ~ .checkmark {
  background-color: #eee;
}

.new_design_checkbox_1 input:checked ~ .checkmark {
  background-color: white;
}

.new_design_checkbox_1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.new_design_checkbox_1 input:checked ~ .checkmark:after {
  display: block;
}

.new_design_checkbox_1 .checkmark:after {
  left: 3px;
  top: 3.2px;
  width: 8px;
  height: 8px;
  background-color: var(--general-primary-color);
  border-radius: 2px;
}

.new_design_slider_margin_top{
margin-top: 8px !important;
}

.pq-select-button{
margin-bottom: 0px !important;
}

.load_more:hover {
background: var(--general-primary-color);
}

.load_more {
background-color: var(--general-primary-color);
padding: 0 20px;
text-align: center;
cursor: pointer;
display: block;
border-radius: 2px;
height: 35px;
line-height: 35px;
color: #fff;
font-weight: 700;
font-size: 11px;
width: 200px;
margin: 0 auto;
}

.np-btn {
width: auto;
height: 29px !important;
border-radius: 5px !important;
border: none !important;
font-style: normal !important;
font-weight: var(--default-font-weight) !important;
font-size: 11px !important;
/* line-height: 13px !important; */
cursor: pointer !important;
}

.np-btn:not(.np-btn-primary):not(.np-btn-secondary) {
background: var(--general-primary-color);
color: white;
}


.np-btn.np-btn-primary:hover {
background: var(--general-primary-color);
color: white !important;
}

.np-btn.np-btn-secondary:hover {
background: #708395 !important;
color: white !important;
}


body[dir="ltr"] .np-filters-wrapper .np-sub:not(#SORT_BY){
left: -33px !important;
}

body[dir="rtl"] .np-filters-wrapper .np-sub{
left: 54px !important;
}


.np-btn.np-btn-primary {
background: var(--general-primary-color) !important;
color: white !important;
}

.new_design_button_style_2, .np-btn.np-btn-secondary {
background: #708395 !important;
color: white;
}

/* .np-btn.np-btn-primary:hover {
background: var(--general-primary-color) !important;
color: white !important;
}

.np-btn.np-btn-secondary:hover {
background: var(--general-primary-color) !important;
color: #708395 !important;
} */

.new_design_box_search_btn{
width: 100% !important;
}

.new_design_adv_footer_btn{
width: 109px !important;
}

body[dir="ltr"] .new_design_filter_close{
position: absolute !important;
top: 16px !important;
right: 16px !important;
cursor: pointer !important;
}

body[dir="rtl"] .new_design_filter_close{
position: absolute !important;
top: 16px !important;
left: 16px !important;
cursor: pointer !important;
}

.new_design_link_underline{
font-style: normal !important;
font-weight: 700 !important;
font-size: 11px !important;
line-height: 13px !important;
text-decoration-line: underline !important;
text-transform: capitalize !important;
color: var(--general-primary-color) !important;
}

/******************* filter style ***/

div.np-slct-styled.new_design_select_1{
min-height: 35px !important;
border: 1px solid var(--general-outline-color) !important;
background: none !important;
}

div.np-slct-styled.new_design_select_1 select{
border: none !important;
color: var(--general-typo-sub-color) !important;
}

div.np-slct-styled.new_design_select_2{
height: 100% !important;
min-height: 100% !important;
border: none !important;
background: none !important;
}

div.np-slct-styled.new_design_select_2 select{
border: none !important;
height: 100% !important;
color: var(--general-typo-sub-color) !important;
}

*.new_design_no_border{
border: none !important;
}

/************ iframe advanced search */

.filterLeftPanel .np-slct-styled{
min-height: 35px !important;
border: 1px solid var(--general-outline-color) !important;
}

.filterLeftPanel .np-slct-styled select{
height: 100% !important;
color: var(--general-typo-sub-color) !important;
}

.filterLeftPanel .np-date-picker{
height: 35px !important;
margin: 0px !important;
padding: 0px !important;
border: 1px solid var(--general-outline-color) !important;
}

div.np-date-picker {
border: 1px solid var(--general-outline-color) !important;
}

.filterLeftPanel .np-date-picker input{
width: 100% !important;
height: 100% !important;
padding-right: 10px !important;
padding-left: 10px !important;
}

.filterLeftPanel #DATE_FROM_IMG,
.filterLeftPanel #DATE_TO_IMG{
margin-top: 4px !important;
}

.filterLeftPanel #TEXT_DATE{
margin-top: 9px !important;
display: block;
}

/********** multiple select list */

.np-slct-styled.isMulti.new_design_multiple_select{
height: auto !important;
padding: 0px !important;
position: relative !important;
}

.np-slct-styled.isMulti.new_design_multiple_select label {
display: block !important;
height: 36px !important;
line-height: 36px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border-bottom: 1px solid var(--general-outline-color) !important;
position: relative !important;
width: 100%;
}

.new_design_multiple_select_label {
display: block !important;
height: 36px !important;
line-height: 36px !important;
padding-left: 0px !important;
padding-right: 0px !important;
position: relative !important;
}

.np-slct-styled.isMulti.new_design_multiple_select label:after {
content: "" !important;
width: 7px !important;
height: 7px !important;
border-left: 1px solid #666 !important;
border-bottom: 1px solid #666 !important;
transform: rotate(-45deg) !important;
-webkit-transform: rotate(-45deg) !important;
-moz-transform: rotate(-45deg) !important;
transform-origin: center !important;
-moz-transform-origin: center !important;
-webkit-transform-origin: center !important;
position: absolute !important;
top: 49% !important;
display: block !important;
margin-top: -5px !important;
z-index: 0 !important;
right: 10px !important;
}

.np-slct-styled.isMulti.new_design_multiple_select img{
position: absolute !important;
top: 5px !important;
}

body[dir="ltr"] .np-slct-styled.isMulti.new_design_multiple_select img{
right: 5px !important;
}

.np-slct-styled.isMulti.new_design_multiple_select select[multiple]{
height: auto !important;
padding: 0px !important;
}

.np-slct-styled.isMulti.new_design_multiple_select select[multiple] option:checked {
background: rgba(231, 234, 237, 0.43) !important;
}

.np-slct-styled.isMulti.new_design_multiple_select select[multiple] option[selected]{
background: rgba(231, 234, 237, 0.43) !important;
}

.np-slct-styled.isMulti.new_design_multiple_select select[multiple] option{
padding: 10px !important;
padding-left: 15px !important;
padding-right: 15px !important;
color: #333339 !important;
}

.np-slct-styled.isMulti{
height: 150px !important;
}

.np-slct-styled.isMulti select{
height: 100% !important;
}

.FilterRightPanel .ListFilter .info {
padding: 10px !important;
background: #e8e8e8 !important;
border-radius: 5px !important;
margin-bottom: 10px !important;
}

.FilterRightPanel .ListFilter .info, .FilterRightPanel .ListFilter .info *{
color: var(--general-typo-main-color) !important;
/* font-weight: normal !important; */
}

.FilterRightPanel .ListFilter .info, .FilterRightPanel .ListFilter .info *{
text-transform: capitalize;
}

.FilterRightPanel .ListFilter .info b{
text-transform: unset !important;
}

/********** multiple select list */

.np-popup-btns{
text-align: right !important;
background: white !important;
border: none !important;
border-top: 1px solid var(--general-outline-color) !important;
box-shadow: none !important;
height: 69px !important;
padding-top: 20px !important;
padding-right: 11px !important;
padding-left: 11px !important;
}

#cboxLoadedContent{
border-radius: 5px !important;
}

div#colorbox div#cboxClose{
top: 16px !important;
}

.menu_item_main_link span {
  text-transform: capitalize !important;
}

@media only screen and (max-width: 1310px) {
  .menu_item_main_link span {
    display: none !important;
  }
}

/********** ux ui filter */

input.new_design_disabled,
textarea.new_design_disabled,
select.new_design_disabled {
cursor: none !important;
background: #eee !important;
pointer-events: none !important;
border-radius: 0px !important;
}

div.new_design_disabled{
background: #eee !important;
border-radius: 5px !important;
}

.new_design_disabled input,
.new_design_disabled textarea,
.new_design_disabled select{
pointer-events: none !important;
background: #eee !important;
border-radius: 0px !important;
}

.new_design_search_in_box{
position: absolute;
min-width: 62px;
height: 24px;
top: 6px;
background: #EDEFF0;
font-style: normal;
font-weight: var(--default-font-weight);
font-size: 12px;
line-height: 23px;
text-transform: capitalize;
color: #87868D;
border-radius: 3px !important;
}

body[dir="ltr"] .new_design_search_in_box{
right: 33px;
padding-left: 8px;
text-align: left;
}

body[dir="rtl"] .new_design_search_in_box{
left: 33px;
padding-right: 8px;
text-align: right;
}

.new_design_search_in_box_inner{
position: relative !important;
}

body[dir="ltr"] .new_design_search_in_box_inner span{
padding-right: 26px;
}

body[dir="rtl"] .new_design_search_in_box_inner span{
padding-left: 26px;
}

.new_design_search_in_box_close{
position: absolute;
background: #FFFFFF;
border-radius: 3px;
top: 4px;
background: white;
padding: 4px;
cursor: pointer !important;
}

body[dir="ltr"] .new_design_search_in_box_close{
right: 5px;
}

body[dir="rtl"] .new_design_search_in_box_close{
left: 5px;
}

/* #FS_SEARCH_PANE{
display: none !important;
} */

body[dir="ltr"] .np-af-group-full-left-right{
margin-left: auto !important;
}

body[dir="rtl"] .np-af-group-full-left-right{
margin-right: auto !important;
}

.np-af-group-parent-flex{
display: flex !important;
align-items: stretch !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

div.new_design_action_box{
margin-top: 20px !important;
}

.boxWithTitle_leftPanel.expand {
height: calc(100% - 80px) !important; /* 55px */
}

/************** edit article new desing */
/*
div#MARightPanel{
max-width: 737px !important;
margin: 0 auto !important;
} */

.new_media_image_1{
border-radius: 5px !important;
background-size: cover !important;
background-position: center !important;
display: block !important;
}

.new_recent_image_1{
border-radius: 5px !important;
background-size: cover !important;
background-position: center !important;
display: block !important;
}

.new_recent_image_1 img{
opacity: 0 !important;
width: 100% !important;
height: 100% !important;
}

.new_design_textarea_1:not(.new_design_textarea_1), .TextAreaBox:not(.media-item_body .TextAreaBox){
background: #FFFFFF !important;
border: 1px solid var(--general-outline-color) !important;
border-radius: 5px  !important;
padding: 10px !important;
font-family: var(--general-secondary-typo-font) !important;
font-style: normal !important;
font-weight: var(--default-font-weight) !important;
font-size: 12px !important;
line-height: 18px !important;
color: var(--general-typo-main-color) !important;

}

.new_design_icon_1{
width: 100%;
height: 45px;
background: #FFFFFF;
border: 1px solid #F1F1F5;
border-radius: 5px 5px 0px 0px;
}

/************ checkbox general */

.np-checkbox:not(.np-checkbox-tag .np-checkbox) {
background-color: white !important;
border-radius: 2px !important;
width: 16px !important;
height: 16px !important;
}

.np-checkbox label:not(.np-checkbox-tag .np-checkbox label) {
width: 100% !important;
height: 100% !important;
}

.np-checkbox label:not(.np-checkbox-tag .np-checkbox label):before {
  top: 50% !important;
  left: 50% !important;

  line-height: unset !important;
  text-align:  unset !important;
  border-left:  unset !important;
  border-bottom:  unset !important;

  transform: translate(-50%,-50%) !important;

  width: 8px !important;
  height: 8px !important;
  background-color: var(--general-primary-color) !important;
  border-radius: 2px !important;
}

.np-radiobtn {
  background-color: white !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
}

.np-radiobtn label {
  margin-right: 5px!important;
}

.np-radiobtn label:before {
  top: 50% !important;
  left: 50% !important;

  line-height: unset !important;
  text-align:  unset !important;
  border-left:  unset !important;
  border-bottom:  unset !important;

  transform: translate(-50%,-50%) !important;

  width: 8px !important;
  height: 8px !important;
  background-color: var(--general-primary-color) !important;
  border-radius: 50% !important;
}

#FS_RESULTS_PANE .np-slct-styled.np-icon-slct{
background: transparent !important;
}

#FS_RESULTS_PANE .np-slct-styled.np-icon-slct::after {
transform: rotate(90deg) !important;
color: #c4c4c4 !important;
}

#FS_RESULTS_PANE div.np-slct-styled.np-icon-slct {
width: 16px !important;
margin-left: 2px !important;
margin-right: -6px !important;
border: none !important;
}

body[dir="rtl"] #FS_RESULTS_PANE div.np-slct-styled.np-icon-slct {
margin-right: 0px !important;
}

.np-card-container.thumbView.np-grid-of-3 {
grid-template-rows: min-content !important;
}


/************ general ****/

div.pq-select-button{
height: 35px !important;
line-height: 31px !important;
padding-left: 8px !important;
padding-right: 8px !important;
border: 1px solid var(--general-outline-color) !important;
box-shadow: none !important;
color: var(--general-typo-sub-color) !important;
}

.np-action-btn{
border: 1px solid var(--general-outline-color) !important;
}

.pq-select-button span.ui-icon.ui-icon-triangle-1-s{
margin-top: 8px !important;
}

div.pq-select-button span.pq-select-item.ui-corner-all.ui-state-default{
margin-top: 5px !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 12px !important;
color: var(--general-typo-sub-color) !important;
}

/************ page: page_tracker.php */

/* #PT_SEARCH_PANE{
margin-bottom: 9px !important;
} */

/* .PT_RESULTS_PANE .panelHeader{
height: 46px !important;
} */

.btnCollapseAll{
font-size: 11px !important;
padding-left: 10px !important;
padding-right: 10px !important;
cursor: pointer !important;
}

.np-ae-img-content {
background: var(--general-side-panel-background-color) !important;
padding-top: 14px !important;
}

.np-ae-img-content .imgHolder {
width: 120px !important;
}

.np-ae-img-content .inlineForm {
width: calc(100% - 120px) !important;
margin-top: -6px !important;
}

body[dir="ltr"] .np-ae-img-content .inlineForm {
padding-right: 0px !important;
padding-left: 16px !important;
}

body[dir="rtl"] .np-ae-img-content .inlineForm {
padding-right: 16px !important;
padding-left: 0px !important;
}

.imgInfo ul {
width: 100% !important;
}

.imgInfo .np-slct-styled.floatLeft {
float: none !important;
width: 100% !important;
}

.imgInfo ul li{
display: block !important;
width: 100% !important;
margin-bottom: 6px !important;
}

.new_clearfix{
width: 100% !important;
display: block !important;
height: 10px !important;
}

/******** icons */

.new_design_icon_1, .btnIcon.np-action-btn.btnIcon-small{
width: 25px!important;
height: 25px!important;
background: #FFFFFF!important;
border: 1px solid var(--general-outline-color)!important;
border-radius: 3px!important;
max-width: 25px !important;
min-width: 25px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

.new_design_icon_1 img,  .btnIcon.np-action-btn.btnIcon-small img{
width: 13px !important;
}

.np-ae-img-toolbar{
text-align: center !important;
}

.np-ae-img-toolbar.grid-icons-3{
  display: flex;
  gap: 5px !important;
  flex-wrap: wrap;
  width: 143px;
}

.new_image_info_label{
display: block !important;
margin-top: 7px !important;
}

.new_image_title{
display: block !important;
height: 24px !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 11px !important;
color: var(--general-typo-main-color) !important;
}

.new_image_title, .new_image_title a{
color: var(--general-typo-main-color) !important;
}

.np-add-edit-bloc{
margin-top: 0px !important;
}

.np-m-t-0{
margin-top: 0px !important;
}

.sectionHeader{
background: white !important;
width: 100% !important;
height: 45px !important;
line-height: 45px !important;
padding-left: 10px !important;
padding-right: 10px !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
color: var(--general-typo-main-color) !important;
position: relative;
}

.np-add-edit-bloc{
margin-top: 0px !important;
}
.sectionContent{
  background: var(--general-side-panel-background-color);
  padding: 0;
}
.np-add-edit-bloc.selected .sectionContent {
background: white !important;
}

#RECENT_IMAGES_SEARCH_BUTTON{
margin-left: 20px !important;
margin-right: 20px !important;
}

body[dir="ltr"] .np-icon-label.hasMarginLeft{
margin-left: 20px !important;
}

body[dir="rtl"] .np-icon-label.hasMarginLeft{
margin-right: 20px !important;
}
/*
body[dir="ltr"] .np-filters-wrapper label {
margin-right: 0px !important;
}

body[dir="rtl"] .np-filters-wrapper label {
margin-right: 0px !important;
} */

div.new_design_input_group_1 input.new_design_text_input{
background: transparent;
border: none !important;
height: 100% !important;
width: 100% !important;
}

.np-slct-styled.np-slct-no-border{
height: 100% !important;
border: none !important;
}

div.new_design_input_group_1 select.new_design_text_input{
background: transparent;
border: none !important;
height: 100% !important;
width: 100% !important;
}

.tabs li a.active {
background-color: var(--general-primary-color) !important;
}

.tabs li a.active label{
color: white  !important;
}

*.np-m-t-4{
margin-top: 4px !important;
}

*.np-m-b-20{
margin-bottom: 20px !important;
}

*.np-p-lr-12{
padding-left: 12px !important;
padding-right: 12px !important;
}

body[dir="ltr"] .np-filters-wrapper .np-pq-select-label-12 label,
body[dir="rtl"] .np-filters-wrapper .np-pq-select-label-12 label{
margin-left: 12px !important;
margin-right: 12px !important;
padding-right: 12px !important;
padding-left: 12px !important;
}

body[dir="ltr"] .np-txt-label.np-txt-label-6,
body[dir="rtl"] .np-txt-label.np-txt-label-6{
margin-left: 6px !important;
margin-right: 6px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}

body[dir="ltr"] .np-filters-wrapper .np-pq-select-label-6 label,
body[dir="rtl"] .np-filters-wrapper .np-pq-select-label-6 label{
margin-left: 6px !important;
margin-right: 6px !important;
padding-right: 6px !important;
padding-left: 6px !important;
}

body[dir="ltr"] .np-filters-wrapper label.np-txt-label {
  margin-left: 20px !important;
}

body[dir="rtl"] .np-filters-wrapper label.np-txt-label {
  margin-right: 20px !important;
}

.np-left-pane.isLight{
background: var(--general-side-panel-background-color) !important;
}

.FILTER_STORIES_PAGE_DIV{
width: 94px !important;
}

/* .np-slct-styled div:not(.pq-select-button):not(.parentFormELEMENTS_FORM div):not(.formError):not(.formErrorArrow){
width: 100% !important;
} */

.np-slct-styled div.pq-select-button{
border: none !important;
border-radius: 8px !important;
}

.np-m-rl-0{
margin-right: 0px !important;
margin-left: 0px !important;
}

.np-btn.hasIcon{
padding-top: 1px !important;
background: var(--general-primary-color) !important;
}

.np-btn.hasIcon i,
.np-btn.hasIcon input{
color: white !important;
}

body[dir="ltr"] .np-change-text-align{
text-align: left !important;
}

body[dir="rtl"] .np-change-text-align{
text-align: right !important;
}

body[dir="ltr"] .np-change-text-align-reversed{
text-align: right !important;
}

body[dir="rtl"] .np-change-text-align-reversed{
text-align: left !important;
}

.sticky-date.fonticon-star{
top: 3px !important;
color: var(--general-primary-color);
}

/******** new design elements for stories and media (general) */

.np-btn-with-icon{
cursor: pointer !important;
display: flex;
align-items: center !important;
justify-content: center !important;
height: 30px !important;
box-sizing: border-box !important;
border-radius: 5px !important;
padding: 0 10px !important;
font-family: var(--general-typo-font) !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 11px !important;
line-height: 13px !important;
text-transform: capitalize !important;
}

.np-btn-with-icon.np-btn-with-icon-white{
background: #FFFFFF !important;
color: var(--general-typo-sub-color);
border: 1px solid #E7EAED !important;
}

.np-btn-zoom-icon-parent{
position: relative;
}

.np-btn-zoom-icon-parent .np-btn-with-icon{
position: absolute !important;
z-index: 999 !important;
width: 26px !important;
height: 26px !important;
right: 5px !important;
top: 5px !important;
}

.np-btn-zoom-icon-parent .np-btn-with-icon img{
width: 15px !important;
height: 15px !important;
}

.np-btn-with-icon.np-btn-with-icon-primary{
background: var(--general-primary-color) !important;
border: 1px solid var(--general-primary-color) !important;
color: white !important;
}

.np-btn-with-icon.np-btn-action-1{
width: 30px !important;
}

.np-btn-font-size-icon{
width: 30px;
}

body[dir="ltr"] .np-btn-white-with-icon img{

}

body[dir="rtl"] .np-btn-white-with-icon img{

}

.np-pp-article_contents .Title_family{
font-family: var(--general-secondary-typo-font) !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 19px !important;
color: var(--general-typo-main-color) !important;
line-height: 26px!important;
word-break: break-word;
}

.np-pp-article_contents .Body_family{

font-family: var(--general-secondary-typo-font) !important;
font-style: normal !important;
font-weight: normal !important;
line-height: 24px !important;
color: var(--general-typo-main-color) !important;
font-size: 15px;

}

.colorBoxWrapper .boxContent, .np-popup-content{
background: var(--general-side-panel-background-color) !important;
}

div.boxContent.np-popup-box-content-clear-padding{
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 126px;
padding-bottom: 21px;
}

.np-popup-content-inner, .np-popup-media-image-inner{
background: white !important;
background: #FFFFFF !important;
border-radius: 5px !important;
}

.np-popup-media-image-inner{
margin-top: 14px !important;
padding: 18px !important;
}

/* new styles added by me */
body{
  background-color: #E5E5E5;
}
.np-toolbar:not(.np-toolbar-height-auto) {
  background-color: #fff;
  left: 0!important;
  z-index: 3;
  height: 54px;
}
.np-btn{
  border: 1px solid #E7EAED;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 0 10px;
  line-height: normal;
  height: 35px;
  text-transform: capitalize;
  font-weight: 600;
}
.np-btn-primary{
  background-color: transparent;
  color: #87868D;
}
.np-btn.isDark{
  background-color: var(--general-primary-color) !important;
  color: #fff;
}
/* .np-btn.np-btn-primary:hover{
  background: transparent!important;
  border-color: #E7EAED!important;
  color: #87868D;
} */
.np-btn.np-btn-primary.isDark:hover{
  background: var(--general-primary-color) !important;
  color: #fff;
}
.np-btn.np-btn-primary:focus{
  box-shadow: inset 0 0 5px rgba(0,0,0,.1);
  border-color: #E7EAED!important;
}
.np-btn.np-btn-primary.isDark:focus{
  border-color: #E7EAED!important;
}
.np-slct-styled:not(.np-slct-no-border){
  /* width: 150px; */
  /* height: 35px; */
  background-color: #fff;
  border: 1px solid #E7EAED;
  box-sizing: border-box;
}
.np-slct-styled:not(.np-slct-no-border):not(.np-slct-no-radius){
  border-radius: 5px;
}
.np-icon-label{
  height: auto;
}
.np-toolbar .fonticon-plus{
  color: #87868D;
  line-height: inherit;
  margin: 0;
}
.np-toolbar_subarticles{
  flex-grow: 1;
}
.np-toolbar_icons{
  display: flex;
}

#RELATED_PUBLICATIONS_TAB a{
  color: #87868D;
}
body[dir="rtl"] #RELATED_PUBLICATIONS_TAB strong,
body[dir="rtl"] #RELATED_PUBLICATIONS_TAB a{
  border-color: rgba(200, 200, 200, 0.2);
}

body[dir="ltr"] #RELATED_PUBLICATIONS_TAB strong,
body[dir="ltr"] #RELATED_PUBLICATIONS_TAB a{
  border-color: rgba(200, 200, 200, 0.2);
}
.np-toolbar_logo{
  padding-right: 30px;
}
.np-floating-menu-pane{
  background-color: var(--general-side-panel-background-color);
}
.np-left-pane.np-lp-fixed-top{
  top: 53px;
}
.np-floating-menu li:not(.np-floating-menu-normal li){
  color: #00182B;
  border-bottom: 1px solid #EBEBEB!important;
  background-color: #fff;
}
.np-floating-menu li:not(.np-floating-menu-normal li) i{
  color: #87868D;
}
.np-lp-main-title{
  text-align: left;
  color: #00182B;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.np-navigation {
  display: none;
}
.np-right-pane-content{
  padding: 0 0 20px 0!important;
}
.np-right-pane-content .contentsInner{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.article-info-section{
  margin: 0!important;
  height: calc(100vh - 54px);
  border-radius: 0;
}
.article-control-section{
  width: calc(100% - 332px);
  margin-top: 20px;
}
.article-flex-display{
  display: block;
}
.np-bottom-toolbar{
  display: none;
}
.rp-box{
  border: 1px solid #F1F1F5;
  border-radius: 5px;
  margin-bottom: 20px;
}
.rp-box header{
  height: 45px;
  padding: 12px;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.rp-box article{
  background: var(--general-side-panel-background-color);
  padding: 20px;
}
.rp-box li{
  padding-bottom: 7px;
}
.rp-box label{
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: #00182B;
}
.rp-box span{
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;

  color: #00182B;
}
.iconsBox{
  border: 1px solid #E7EAED;
  border-radius: 5px;
  display: inline-block;
  width: auto;
  line-height: 35px!important;
  font-size: 12px;
  width: 41px;
  height: 35px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #87868D;
}
.iconsBox.sm{
  line-height: 29px !important;
  font-size: 12px !important;
  width: 36px !important;
  height: 30px !important;
}
.iconsBox.gap{
  margin-right: 5px;
}
.iconsBox.blu{
  color: var(--general-primary-color);
}
.iconsBox.large{
  font-size: 15px;
}
.ce-toolbar__plus{
  position: absolute;
  top: 0px;
  left: 0;
  width: 44px;
  height: 44px;
  border-radius: 22px;
}

.ce-block{
  margin: 0 50px;
}
.ce-block--selected .ce-block__content{
  background: transparent;
}
.gray-box{
  background-color: #F8F8F8;
  color: #87868D;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;
  height: 30px;
  padding: 0 15px;
  gap: 30px;
  border-radius: 3px;
  white-space: nowrap;
}
.flex-expand{
  flex-grow: 1;
}
.alignright:not(.no-flex-ul li .alignright){
  display: flex;
  justify-content: end;
}
.np-floating-menu-drawer1{
  background-color: #E5E5E5;
}
.np-ae-img-toolbar{
  display: grid;
  grid-template-columns: 33px 33px 33px;
  grid-gap: 10px;
  border: 0;
}
.np-ae-img-content .imgHolder img{
  max-width: 120px;
  width: 100%;
  object-fit: cover;
  border-radius: 7px;
}
div.imgInfo ul{
  width: 100%;
}
.np-ae-img-content h3{
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  color: #00182B;
  margin: 15px 0;
}
.np-ae-img-content .imgHolder{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.np-ae-img-content .new_image_info_label{
  margin-bottom: 0px !important;
}
.np-tag.np-tag-full-width{
  width: 120px !important;
}
.np-ae-img-content .inlineForm{
  padding: 0!important;
}
.np-ae-img-content .media-item_body{
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.detailed-image_block{
  margin: 0!important;
  border: 1px solid transparent;
  background-color: var(--general-side-panel-background-color);
}
.detailed-image_block:hover{
  border: 1px solid #3394F5;
  background-color: #FFF;
}
.detailed-images_container{
  background: #FFFFFF;
  border: 1px solid #F1F1F5;
  border-radius: 5px 5px 0px 0px;
}
.detailed-images_container-header{
  height: 45px;
  line-height: 45px;
  text-indent: 30px;
  font-size: 14px;
  color: #00182B;
  font-weight: 600;
  position: relative;
}
.detailed-images_container-toggler{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 9px;
  cursor: pointer;
  text-indent: 0;
}
.detailed-images_container-toggler.closed{
  transform: rotate(180deg);
}
.np-toolbar-navigator{
  display: flex;
  position: relative;
  flex-direction: row;
  border-radius: 5px;
  border: 1px solid #E7EAED;
  height: 35px;
  line-height: 13px;
  
  display: none;
}
.np-toolbar-navigator_icon{
  width: 36px;
  border-right: 1px solid #E7EAED;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #87868D;
}
.np-toolbar-navigator_list{
  font-size: 12px;
  color: #87868D;
  margin: 0 10px;
  min-width: 100px;
  max-width: 200px;

}
.np-toolbar-navigator_title{
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 4px;
  display: flex;
  flex-direction: column;
}
.np-toolbar-navigator_counter{
  font-size: 12px;
  color: #87868D;
  border-left: 1px solid #E7EAED;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  cursor: pointer;
}
.strongBright{
	background: #10497e;
	color: white!important;
	border-radius: 0 5px 5px 0;
	font-weight: 600;
}

.np-toolbar-navigator:hover .np-toolbar-navigator_list-popup{
  display: block;
}
.np-toolbar-navigator_list-popup{
  display: none;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #F1F1F5;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  left: 0px;
  right: 0px;
  top: calc(100% + 3px);
}
.np-toolbar-navigator_list-popup::before{
  content: "";
  height: 7px;
  width: 100%;
  background-color: transparent;
  display: block;
  position: absolute;
  top: -7px;
}
.np-toolbar-navigator_list-popup header{
  padding: 0 20px;
  font-weight: 600;
  font-size: 14px;
  color: var(--general-primary-color);
}
.np-toolbar-navigator_list-popup div{
  border-top: 1px solid #F1F1F5;
  padding: 5px 20px;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.np-toolbar-navigator_list-popup div a{
  white-space: nowrap;
  line-height: 20px;
}
.np-toolbar-navigator_list-popup div a span{
  display: block;
  font-size: 10px;
  height: 15px;
  line-height: 13px;
  color: #999;
}
.np-toolbar.extended{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.np-toolbar_headerside{
  display: flex;
}
.ce-toolbar__plus--hidden{
  left: 0!important;
  display: flex;
}
.np-btn-light{
  background-color: #fff;
  color: #87868D!important;
  border: 1px solid #E7EAED !important;
}
.islarge{
  height: 35px!important;
}

body[dir="ltr"] .np-btn-with-icon-padding{
padding-right: 5px !important;
}

body[dir="rtl"] .np-btn-with-icon-padding{
padding-left: 5px !important;
}

body[dir="ltr"] .np-popup-title .np-buttons-bar.np-buttons-bar-special,
body[dir="rtl"] .np-popup-title .np-buttons-bar.np-buttons-bar-special{
padding: 0 20px;
margin-top: 0px;
height: 55px !important;
padding-top: 13px;
border-bottom: 1px solid #F1F1F5 !important;
}

body[dir="ltr"] .np-popup-title .np-buttons-bar.np-buttons-bar-special{
margin-right: 0px !important;
}

body[dir="rtl"] .np-popup-title .np-buttons-bar.np-buttons-bar-special{
margin-left: 0px !important;
}

.np-pp-article_contents{
padding-top: 0px !important;
}

.ArticleDivision.SubTitle_family.np-subtitle{
font-family: var(--general-secondary-typo-font) !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 20px !important;
color: #868686 !important;
}

.ArticleDivision.SubTitle_family.np-by{
font-family: var(--general-secondary-typo-font) !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 17px !important;
color: #868686 !important;
}

.ArticleDivision{
border-bottom: 1px solid #F1F1F5 !important;
/* padding-bottom: 17px !important;
margin-bottom: 17px !important; */
padding: 18px !important;
}


.new_media_image_2{
height: 118px !important;
width: 215px !important;
border-radius: 5px !important;
background-size: cover !important;
background-position: center !important;
display: block !important;
}

.overlay-btn.overlay-btn-special-1{
border-radius: 0px !important;
right: 0px  !important;
border-bottom-left-radius: 5px !important;
}

.np-tag.np-tag-default{
background: #E5DEFE !important;
color: #7957FF !important;
min-width: 113px !important;
text-align: center !important;
}

.np-tag.np-tag-default-color{
background: #E5DEFE !important;
color: #7957FF !important;
}

.np-media-image-info{
display: inline-block !important;
color: var(--general-typo-main-color) !important;
font-style: normal !important;
font-size: 11px !important;
line-height: 13px !important;
margin-bottom: 10px !important;
}

.np-media-image-info.np-media-image-title{
font-weight: 600 !important;
font-size: 11px !important;
color: #00182B !important;
}

.np-media-image-info.np-media-image-specs{
font-weight: 400 !important;
font-size: 11px !important;
color: #00182B !important;
}

.np-media-image-info strong{
font-weight: 600 !important;
}

.np-media-images-flex{
display: flex !important;
align-items: center !important;
/* justify-content: center !important; */
}

.np-media-images-wrapper, .np-popup-content-parent{
padding: 0 20px !important;
}

.np-article-popup-info-wrapper li{
font-family: 'Gilroy';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 20px;
color: #00182B;
}

.np-article-popup-info-wrapper li strong{
font-weight: 600 !important;
}

.np-left-side-by-side{
margin: 0 !important;
margin-top: -22px !important;
background: white !important;
padding: 12px !important;
margin-bottom: 19px !important;
}

.fileinput-button.np-btn{
display: flex !important;
align-items: center !important;
}

/****** page: article_related_images.php */

.dropboxContainer.np-card.np-img-bloc{
height: 280px !important;
background: #FFFFFF;
border-radius: 5px !important;
border: none !important;
padding-top: 15px !important;
margin: 0px !important;
}

.new_media_image_3{
height: 88px !important;
width: 159px !important;
border-radius: 5px !important;
background-size: cover !important;
background-position: center !important;
display: block !important;
position: relative !important;
margin: 0 auto !important;
background-color: #eeeeee;
}

body[dir="ltr"] #cboxClose {
right: 25px !important;
}

body[dir="rtl"] #cboxClose {
  left: 25px !important;
}

.dropboxInner .imageHolder{
height: auto !important;
}

.np-media-popup-image-box{
width: 159px !important;
margin: 0 auto !important;
display: block !important;
margin-top: 12px !important;
height: 120px !important;
}

.np-media-image-image-wrapper{
width: 159px !important;
margin: 0 auto !important;
position: relative !important;
}

.np-media-image-spec-short{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 158px !important;
display: inline-block;
margin-bottom: 3px !important;
}

.np-media-image-status{
display: block !important;
margin-top: 5px !important;
}

.np-action-btn.isDark{
background-color: var(--general-primary-color) !important;
color: #fff !important;
border: none !important;
border-radius: 5px !important;
}

.innerContent_leftPanel .leftPanelBox_listing li a, .np-floating-menu li:not(.np-floating-menu-normal li) a{
  color: #87868D;
}
.np-floating-menu-drawer{
  box-shadow: none!important;
}
.np-floating-menu-drawer1{
  background-color: #fff;
}
.np-floating-menu-drawer2{
  background-color: #fff!important;
}
.boxWithTitle_leftPanel .titleBarSlick .textTitle,
.np-lp-main-title{
  font-weight: 700!important;
  font-size: 12px!important;
  color: var(--general-primary-color)!important;
  /* border-left: 3px solid var(--general-primary-color); */
  position: relative;
  margin-top: 0px!important;
}
.boxWithTitle_leftPanel .titleBarSlick .textTitle::before,
.np-lp-main-title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  background-color: var(--general-primary-color);
  display: block;
  height: 45%;
  transform: translateY(-50%);
}
.np-floating-menu li.selected:not(.np-floating-menu-normal li){
  background: #e5e5e5 !important;
  color: var(--general-primary-color);
}
.np-floating-menu li.selected:not(.np-floating-menu-normal li) i{
  color: var(--general-primary-color);
}
.np-floating-menu-drawer1 li.selected{
  background: #e5e5e5 !important;
}
sup{
  color: #87868D;
}
#np-floating-menu-drawer-wrap .innerContent_leftPanel .leftPanelBox_listing li a{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 40px 0 20px;
}
.np-floating-menu-drawer1 li{
  margin: 5px;
  border-radius: 8px;
}

#np-floating-menu-drawer-wrap .innerContent_leftPanel .leftPanelBox_listing li a{
  padding: 0 10px!important;
}

.np-close-btn.isWhite::before, .np-close-btn.isWhite::after {
  background: #AFAFAF;
}
.defaultSearch.fixSearch{
  padding: 10px 15px 10px 15px;
}
.defaultSearch.fixSearch::before{
  content: "\e925";
}
.defaultSearch.fixSearch .iconClose{
  font-size: 15px;
  background-color: #87868D;
  top: 50%;
  transform: translateY(-50%);
}
.tabContent{
  background: #E5E5E5;
}
.newsBox{
  background: #fff;
}
.newsBox-info{
  display: flex;
}
.np-alp-newsbox-container{
  padding: 10px;
}
.newsBox-info > div{
  padding: 0 10px;
  border-right: 1px solid #7188A6;
  color: #7188A6;
}
.newsBox-info > div:first-child{
  padding-left: 0;
}
.newsBox-info > div:last-child{
  border-right: none;
}
.newsBox-title{
  font-weight: 700!important;
  font-size: 13px;
  text-transform: capitalize;
  color: #193B68;
  padding: 5px 0;
}
.newsBox-email, .newsBox-content{
  color: #87868D;
}
.np-alp-add{
  padding: 10px;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  left: 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
  font-size: 13px;
}

.np-alp-newsbox-container .icon-spinner{
  margin-top: 0px!important;
  margin-left: -9px!important;
}

body[dir="ltr"] .scrollablePanelDiv .newsBox{
  padding: 7px 7px 7px 60px;
}
.box-footer-btns i{
  position: unset;
  transform: unset;
  color: #8B9FB9;
 }
 .box-footer-btns i.fonticon-spin{
  margin-left: 0px!important;
 }
 .np-alp-gallery{
  padding: 10px;
  grid-template-columns: repeat(auto-fill, minmax(177px, 1fr));
 }
 .np-alp-gallery .newsBox{
   padding: 0px!important;
   margin: 5px;
   border-radius: 5px;
   overflow: hidden;
   height: calc(132px + 54px);
 }
 .np-alp-gallery .newsBox .imageHolder img{
  width: 100%;
  height: 132px;
  object-fit: cover;
 }
 .box-footer{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   gap: 3px;
   height: 54px;
   padding: 8px;
 }
 .box-footer .box-footer-title{
  font-weight: 600;
  font-size: 12px;
  text-transform: capitalize;
  color: #193B68;
  overflow: hidden;
 }
 .box-footer-btns{
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
 }
 .box-footer-btns i {
   font-size: 14px;
 }
 .box-footer-btns .np-alp-add{
   position: unset!important;
   padding: 0!important;
   height: auto;
   width: auto;
 }
 .box-footer-btns .np-alp-newsBox-btn{
   height: auto;
   width: auto;
   line-height: normal;
 }
 .np-alp-found-nb{
   color: var(--general-primary-color);
   font-style: normal;
   font-size: 14px;
   font-weight: 600!important;
   padding: 15px 15px 0 15px;
 }
 .innerContent_leftPanel .leftPanelBox_listing li + li{
   border: 0px !important;
 }
 .np-ae-bloc-title{
  text-transform: none;
  color: #00182B;
  /* font-weight: 500!important; */
  font-size: 13px;
  margin-bottom: 0;
 }
 .sectionContent .np-ae-bloc-title{
/*  padding: 20px;*/
 }
 .np-field-block{
   border-radius: 5px;
   margin-bottom: 10px;
/*   margin-right: 10px;*/
   padding: 0!important;
   min-height: 0px;
 }
.np-floating-menu-drawer1{
  background-color: #ffffff;
}
.np-titleBar {
  height: 45px;
  padding: 10px;
}
.counter-style{
  float: right;
  color: #87868D;
}
.np-titleBar_rightside{
  display: flex;
  gap: 10px;
  align-items: center;
}
.mapIcon{
  position: unset;
}
.input-style{
  border: 1px solid #E7EAED;
  border-radius: 5px
}
.select2-container--default .select2-selection--multiple{
  border: 1px solid #E7EAED!important;
  border-radius: 5px!important;
}
.box-toggler{
  cursor: pointer;
}
.box-toggler.closed{
  transform: rotate(180deg);
}

.np-popup-title.np-popup-title-special{
position: fixed!important;
padding-left: 0px!important;
padding-right: 0px!important;
z-index: 9999 !important;
}

.np-popup-title-padding{
padding: 0 20px !important;
}

.np-popup-title-text{
background: white !important;
border-bottom: 1px solid #F1F1F5 !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.np-popup-title-action-box{
background: white !important;
}

.np-buttons-bar-special-element{
float:right !important;
padding-right:0!important;
}

.np-media-images-parent{
position: relative !important;
}

*.np-margin-none{
margin: 0px !important;
}

.complete_wrapper {
z-index: 5 !important;
}

/*********** special case for changing view image page logic */

body[dir="ltr"] .newViewImagePage .imgInfoPanel-media{
  padding-left: 0px !important;
}

body[dir="rtl"] .newViewImagePage .imgInfoPanel-media{
  padding-right: 0px !important;
}

.newViewImagePage .bodyWrapper{
margin-top: 15px !important;
}

.newViewImagePage .imgInfoPanel-media .Accordion.collapsiblePanelGroup{
background: transparent !important;
border-radius: 5px !important;
box-shadow: none !important;
}

.newViewImagePage .boxContent .colorBoxWrapper{
width: 100% !important;
}

.newViewImagePage .AccordionPanelTab.panelHeader{
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #00182B !important;
text-transform: capitalize !important;
}

.newViewImagePage .np-listing-data label{
font-style: normal !important;
font-weight: 600 !important;
font-size: 11px !important;
color: #00182B !important;
}

.newViewImagePage .np-listing-data span{
font-style: normal !important;
font-weight: 400 !important;
font-size: 11px !important;
color: #00182B !important;
}

body[dir="ltr"] .newViewImagePage .np-listing-data span{
text-align: right !important;
}

body[dir="rtl"] .newViewImagePage .np-listing-data span{
text-align: left !important;
}

.newViewImagePage .contentAccordionGrid{
display: grid  !important;
grid-template-columns: repeat(auto-fill, minmax(170px, 3fr)) !important;
grid-gap: 13px !important;
}

.newViewImagePage .np-card.np-img-bloc{
width: auto !important;
margin: 0px !important;
min-width: 185px;
}

.dropboxContainerSpecial{
background: #F3F3F3 !important;
}

/*********** special case for changing view image page logic */

/* Logs table */

.new_media_image_4{
height: 88px !important;
width: 146px !important;
border-radius: 5px !important;
background-size: cover !important;
background-position: center !important;
display: block !important;
position: relative !important;
}

/*************** tables style */
/*
body[dir="ltr"] table th:first-child{
border-top-left-radius: 5px !important;
}

body[dir="ltr"] table th:last-child{
border-top-right-radius: 5px !important;;
}

body[dir="rtl"] .np-tbl th:first-child{
border-top-right-radius: 5px !important;
}

body[dir="rtl"] .np-tbl th:last-child{
border-top-left-radius: 5px !important;;
} */


table.np-tbl {
border: 1px solid #E7EAED !important;
border-radius: 5px !important;
border-spacing: 0 !important;
background: white !important;
}

table.np-tbl tr:last-child > td {
border-bottom: none !important;
}

table.np-tbl tr,
table.np-tbl th {
background: transparent !important;
}

table.np-tbl th {
font-style: normal !important;
font-weight: 600 !important;
font-size: 11px !important;
color: #00182B !important;
}

body[dir="ltr"] table.np-tbl th {
text-align: left !important;
}

body[dir="rtl"] table.np-tbl th {
text-align: right !important;
}

table.np-tbl td,
table.np-tbl th {
border-bottom: 1px solid #E7EAED !important;
}

body[dir="ltr"] table.np-tbl td,
body[dir="ltr"] table.np-tbl th {
border-right: 1px solid #E7EAED !important;
}

body[dir="ltr"] table.np-tbl tr td:last-child,
body[dir="ltr"] table.np-tbl th:last-child {
border-right: none !important;
}

body[dir="rtl"] table.np-tbl td,
body[dir="rtl"] table.np-tbl th {
border-left: 1px solid #E7EAED !important;
}

body[dir="rtl"] table.np-tbl tr td:last-child,
body[dir="rtl"] table.np-tbl th:last-child {
border-left: none !important;
}

table.np-tbl th {
padding-left: 13px !important;
padding-right: 13px !important;
}

/******* collapse panel */

.imgInfoPanel-media .AccordionPanelTab:before {
content: url(./Gray/images/new_design_icons/stories_and_media/collapse-arrow.svg);
border: none !important;
top: 20px !important;
}

.imgInfoPanel-media .AccordionPanel.collapsiblePanel{
border-radius: 5px !important;
background: white !important;
border: none !important;
margin-bottom: 15px !important;
}

.imgInfoPanel-media .AccordionPanelOpen .AccordionPanelTab:before {
transform: rotate(180deg) !important;
}

body[dir="ltr"] .imgInfoPanel-media .AccordionPanelTab:before {
  left: unset !important;
  right: 16px !important;
}

body[dir="rtl"] .imgInfoPanel-media .AccordionPanelTab:before {
  right: unset !important;
  left: 16px  !important;
}

.AccordionPanelTab.panelHeader{
position: relative !important;
height: 46px !important;
background: transparent !important;
line-height: 45px !important;
padding: 0px 20px !important;
border: none !important;
}

.np-popup-title-flex{
display: flex !important;
align-items: center !important;
}

.np-popup-title-side-buttons{
display: flex !important;
gap: 10px !important;
}

body[dir="ltr"] .np-popup-title-side-buttons{
margin-left: auto !important;
padding-right: 20px !important;
}

body[dir="rtl"] .np-popup-title-side-buttons{
margin-right: auto !important;
padding-left: 20px !important;
}

.media-bloc.media-bloc-special{
width: 94% !important;
background: white !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}

.media-bloc.media-bloc-special .media-carousel{
position: relative !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}


.media-bloc.media-bloc-special .media-carousel .media-carousel-controls a#PREV_IMAGE{
left: -30px !important;
top: calc(50% - 8px) !important;
}

.media-bloc.media-bloc-special .media-carousel .media-carousel-controls a#NEXT_IMAGE{
right: -30px !important;
top: calc(50% - 8px) !important;
}

.media-bloc.media-bloc-special .media-carousel-image{
max-height: auto !important; width: 100%; max-width: 841px !important;
}
.np-btn-light{
  background-color: #fff!important;
  color: #87868D!important;
  border: 1px solid #E7EAED !important;
}
.buttons_group{
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.buttons_group i{
  font-size: 14px;
  padding: 7px;
  display: block;
  border-right: 1px solid #e5e5e5;
  float: left;
  width: 35px;
  text-align: center;
  cursor: pointer;
  color: #87868D;
  height: 32px;
  line-height: 18px;
}
.buttons_group i:hover, .buttons_group i.selected{
  background-color: var(--general-side-panel-background-color);
}
.buttons_group i:last-child{
  border-right: 0;
}
.np-add-edit-bloc .titleBar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* height: 45px; */
  height: auto !important;
  flex-wrap: wrap !important;
  padding: 10px!important;
  border-bottom: 1px solid #E7EAED;
}
.np-add-edit-bloc .titleBar input{
  margin-top: 0px!important;
}
.np-add-edit-bloc .sub-header,
.np-field-block .sub-header,
.detailed-images_container_subheader{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 52px;
  padding: 10px;
  border: 1px solid #F1F1F5;
  align-items: center;
  background-color: #fff;
}
.np-add-edit-bloc .sub-header .subtitle,
.np-field-block .sub-header .subtitle,
.detailed-images_container_subheader .subtitle{
  font-weight: 600;
  font-size: 11px;
  color: #00182B;
}
.np-btn i{
  font-size: 8px;
}
ul.relatedArticles li, ul.relatedPolls li{
  background: #FFFFFF;
  border: 1px solid #F1F1F5;
  border-radius: 5px;
}
.AddEditRelated ul li{
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.AddEditRelated ul li img{
  width: 100px;
  max-height: 100px;
  object-fit: cover;
  border-radius: 5px;
}
.AddEditRelated ul li div h3{
  font-weight: 600;
  font-size: 14px;
  color: #00182B;
}
.AddEditRelated ul li div time{
  font-weight: 400;
  font-size: 12px;
  color: #ACACAC;
}
.AddEditRelated ul li i{
  font-size: 15px;
  color: #87868D;
}
.flexFill{
  flex-grow: 1;
}
.imagegallery-style{
  padding: 15px;
  background-color: var(--general-side-panel-background-color);
  border-top: 1px solid #E7EAED;
}
.imagegallery-style li{
  margin: 10px;
  width: 120px;
  height: 66px;
  border-radius: 5px;
}
.imagegallery-style li .np-img-wrap{
  width: 120px!important;
  height: 66px!important;
  display: inline-block!important;
  border-radius: 5px;
}
.imagegallery-style li img{
  width: 120px;
  height: 66px;
  object-fit: cover;
  border-radius: 5px;
}
.imagegallery-style span.np-checkbox{
  top: 4px!important;
  left: 4px!important;
  background: #FFFFFF;
  border: 1px solid #E7EAED;
  border-radius: 3px!important;
}
.flex-container-col{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  max-width: 800px;
  margin-right: 10px;
}
.flex-container-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  max-width: 800px;
  margin-right: 10px;
}
.np-search-container .searchInput{
  margin-right: 0px;
}
.np-alp-sort .np-icon-label a{
  color: #E5E5E5;
}
.np-floating-menu li[data-alp_selected_view_type="archive"]{
  background-color: inherit;
}
.np-floating-menu-pane .hasLevel.archiveSubMenuItem{
  background-color: inherit;
}

/************* m.atwi css ****/

.adBoxInside .footing div.np-slct-styled.np-icon-slct,
.article-details-grid.articleHeader .np-slct-styled.np-icon-slct{
border: none !important;
}

#CMS_FIXED_PANE #ARTICLE_CONTAINER,
.menu-list-toolbox
{
background: var(--general-side-panel-background-color);
box-shadow: none !important;
border: none !important;
}

#CMS_FIXED_PANE #ARTICLE_CONTAINER label,
#CMS_FIXED_PANE #ARTICLE_CONTAINER .boxInfo,
#CMS_FIXED_PANE #ARTICLE_CONTAINER .np-bloc-title,
.menu-list-toolbox label,
.menu-list-toolbox h3
{
color: var(--general-typo-main-color) !important;
}

#MENU_FORM
{
margin-top: 18px !important;
}

#CMS_FIXED_PANE #ARTICLE_CONTAINER .boxFooter.preview_new{
background: #eee;
box-shadow: none !important;
border: none;
}

#CMS_FIXED_PANE #ARTICLE_CONTAINER .boxBody.textoverflow{
height: 23px;
min-height: 23px;
padding-left: 8px !important;
padding-right: 8px !important;
width: 100% !important;
}

.heading.pageTemplateHeading{
min-height: 50px !important
}

.footing.pageTemplateFooting{
/* since the dropdown is removed */
padding: 12px !important;
height: auto !important;
text-align: center;
}

/* #PT_RESULTS_PANE.thumbView .np-page .productionPageContent {
height: 273px !important;
}*/
.MacrosButtonsHolder .np-btn{
  padding: 0 5px;
  margin: 0px;
  height: 35px!important;
}

input[type="file"]{
background: transparent !important;
}

.np-slct-styled.np-icon-slct.np-no-style-slct, .np-slct-styled.np-icon-slct.np-no-style-slct select{
background: transparent !important;
border: none !important;
}

.search_leftPanel .defaultSearch .iconClose{
top: 22px !important;
color: #8a8990 !important;
}
.counter-style{
  font-size: 10px;
  padding-bottom: 5px;
}

ul#CMS_WIDGET li.ParentListItem{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  margin-bottom: 0px;
}
ul#CMS_WIDGET li.ParentListItem fieldset.col.col4{
  padding-right: 0px;
  margin-bottom: 0px;
}
#BODY_TEXT_EDITOR_DIV, #SUBTITLE_TEXT_EDITOR_DIV,#BYLINE_TEXT_EDITOR_DIV,#TITLE_TEXT_EDITOR_DIV{
  background-color: #fff;
  border: 1px solid var(--general-outline-color) !important;
  border-radius: 5px;
  outline: none;
  padding: 10px;
}
div.pq-select-button .ui-icon.ui-icon-triangle-1-s{
opacity: 0 !important;
}

#LIST_GROUP_RES table.np-tbl{
width: 100% !important;
}

/*header#np-main-header{
position: fixed !important;
top: 0px !important;
z-index: 99999 !important;
width: 100% !important;
}

header#np-main-header-hidden{
width: 100% !important;
opacity: 0 !important;
background: transparent !important;
border: none !important;
}

header#np-main-header,
header#np-main-header-hidden{
height: 54px !important;
}*/

#MACROS_BUTTONS_CONTAINER div.MacrosButtonsContainer div.MacrosButtonsHolder ul{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: start;
}
.ce-toolbar__plus:hover{
  background-color: #eff2f5;
  border-radius: 20px;
}
.ce-toolbar__settings-btn{
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border-radius: 22px;
}
.ce-toolbar__settings-btn--active,
.ce-toolbar__settings-btn:hover{
  border-radius: 22px;
}

header#np-main-header{
position: fixed !important;
top: 0px !important;
z-index: 9999 !important;
width: 100% !important;
}

header#np-main-header-hidden{
width: 100% !important;
opacity: 0 !important;
background: transparent !important;
border: none !important;
}

header#np-main-header,
header#np-main-header-hidden{
height: 54px !important;
}

.tp-stories-search, .wire_stories-search {
height: calc(100vh - 54px - var(--broadcast-height)) !important;
}

.contentHolderCustom{
background: var(--general-side-panel-background-color) !important;
}

.FS_LEFT_PANEL_CUSTOM {
height: calc(100vh - 54px - var(--broadcast-height)) !important;
overflow-y: auto !important;
}

.hide {
display: none !important;
}

.PMP_RESULTS_PANE{
height: calc(100vh - 143px - var(--broadcast-height)) !important;
overflow-y: auto !important;
}

.FS_LEFT_PANEL_CUSTOM .isSmall:not(.isSmallImportant):not(.np-radiobtn):not(.np-checkbox){
width: 100% !important;
}

#np-broadcast{
height: var(--broadcast-height) !important;
background: #da7a7c !important;
display: flex !important;
align-items: center !important;
}

#np-broadcast marquee{
width: 48% !important;
margin: 0 auto !important;
}

#np-broadcast marquee label{
color: white !important;
}

#FS_RESULTS_PANE .articlesBoxContainer.thumbView .container .image-contents .image-section .image-thumbnail a img{
width: 100% !important;
}

ul.holder.np-styled-holder{
margin-left: 0px !important;
margin-right: 0px !important;
}

#DISPLAY_TRACK_ADS .np-card-container.thumbView{
padding-right: 0px !important;
}

#np-main-header ul.np-sub a.selected:hover{
background: #dde2ea !important;
font-weight: bold !important;
}
/* body[dir="ltr"] .story-editor-form{
  margin-left: 250px;
} */
.np-left-pane.collapsed{
  width: var(--np-pe-width);
}

.np-left-pane.collapsed ul li span{
  display: none;
}
.np-left-pane.collapsed  .np-lp-main-title span:not(#MACollapseLeftPanel){
  display: none;
}
.np-left-pane.collapsed .np-floating-menu li:not(.np-floating-menu-normal li){
  padding: 0 10px;
}
.np-left-pane.collapsed .np-lp-main-title{
  display: flex;
  align-items: center;
  justify-content: center;
}
.story-editor-form .article-control-section .np-right-pane{
  padding: 0 75px;
}
.np-alp-sort{
  margin: 0 10px;

}
.icon-action{
  font-size: 20px;
}

.np-tracking-ad-search-custom-height{
min-height: 1160px !important;
}

.np-slct-styled select{
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
}

body[dir="ltr"] .np-slct-styled select{
padding-right: 16px !important;
}

body[dir="rtl"] .np-slct-styled select{
padding-left: 16px !important;
}

.colorpicker input{
height: auto !important;
}
.noborder{
  border: none!important;
}
.search-group{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
}
.search-group .searchkeyword{
  border: 1px solid #E7EAED;
  border-right: none;
  border-radius: 5px 0 0 5px;
  height: 37px;
}
.search-group .searchkeyword input{
  height: 35px;
}
.search-group .searchkeyword .iconClose{
  font-size: 15px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.search-group .searchtype{
  border: 1px solid #E7EAED;
  border-radius: 0 5px 5px 0;
  height: 37px;
}

.isMulti select{
overflow-y: auto !important;
}

/***** recent images new iamges box design */

.thumbView .new-image-container-1 .image-thumbnail{
height: 107px !important;
display: flex !important;
align-items: center !important;
}

.thumbView .new-image-container-1 .image-thumbnail a{
width: 100% !important;
height: 100% !important;
}

.thumbView .new-image-container-1 .image-thumbnail img{
max-width: 100% !important;
max-height: 100% !important;
}

.thumbView .new-image-container-1 .right-side{
height: 80px !important;
}

.thumbView .new-image-container-1 .middle-side{
height: 42px !important;
}

.thumbView .new-image-container-1 .bottom-side{
height: 52px !important;
}

.thumbView .new-image-container-1 .bottom-side .image-checkin{
width: 108px  !important;
}

/***** recent images new iamges box design */

*.np-btn.np-btn-small{
height: auto !important;
padding: 0 5px !important;
font-size: 9px !important;
line-height: 23px !important;
}

/* .cir-main-div.main{
height: calc(100vh - 55px - var(--broadcast-height)) !important;

} */

.contentAreaMaxWidth1000{
max-width: 1000px !important;
margin: 0 auto !important;
}

.np-labels-design label:not(.np-tag) {
font-style: normal !important;
font-weight: normal !important;
font-size: 12px !important;
color: var(--general-typo-sub-color) !important;
font-family: var(--general-typo-font) !important;
}

.np-labels-design span{
font-size: 11px !important;
font-size: 11px !important;
line-height: 13px !important;
color: var(--general-typo-main-color) !important;
position: relative !important;
top: -2px !important;
font-family: var(--general-typo-font) !important;
}

/************ loaders ******/

.np-new-loader {
display: inline-block;
}

.race-by-loader {
  --uib-size: 80px;
  --uib-speed: 0.7s;
  --uib-color: #00b7d4;
  --uib-line-weight: 7px;

  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: var(--uib-line-weight) !important;
  width: var(--uib-size) !important;
  border-radius: calc(var(--uib-line-weight) / 2) !important;
  overflow: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  margin: 0px 8px !important;
}

.race-by-loader::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  background-color: white !important;
}

.race-by-loader::after {
  content: '' !important;
  height: 100% !important;
  width: 100% !important;
  border-radius: calc(var(--uib-line-weight) / 2) !important;
  animation: raceBy var(--uib-speed) ease-in-out infinite !important;
  transform: translateX(-100%);
  background-color: var(--uib-color) !important;
}

@keyframes raceBy {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.np-btn-menu-viewer{
  background: var(--general-primary-color);
  color: white;
  border: none !important;
  padding: 5px !important;
  border-radius: 5px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  display: flex !important;
  align-items: center !important;
}

.menu_viewer ul:first-child li button.np-btn-menu-viewer{
  background: var(--general-primary-color) !important;
  color: white !important;
}

.menu_viewer ul:first-child li button.np-btn-menu-viewer .np-btn-menu-viewer-icon{
  background: url("./Gray/images/designer/menu_item.png") !important;
  background-size: contain !important;
}

.menu_viewer ul:not(:first-child) li button.np-btn-menu-viewer .np-btn-menu-viewer-icon{
  background: url("./Gray/images/designer/page_item_white.png") !important;
  background-size: contain !important;
}

.menu_viewer ul:not(:first-child) li button.np-btn-menu-viewer{
  background: #708395 !important;
  color: white !important;
}

.np-btn-menu-viewer-icon{
width: 12px !important;
height: 12px !important;
background-size: contain !important;
}

body[dir="ltr"] .np-btn-menu-viewer-icon{
margin-right: 6px !important;
}

body[dir="rtl"] .np-btn-menu-viewer-icon{
margin-left: 6px !important;
}

.extractor_left_div, .extractor_right_div {
  background-color: var(--general-side-panel-background-color) !important;
}

.extractor_right_div{
height: calc(100vh - 54px - var(--broadcast-height)) !important;
}

.extractor_left_div.fixed-position-left, .extractor_right_div.fixed-position-right {
top: calc(54px + var(--broadcast-height)) !important;
}

.extractor_left_sub_menu {
  color: var(--general-typo-main-color) !important;
}

.extractor_left_div{
height: 100% !important;
}

#PT_FORM{
padding-bottom: 10px !important;
}

#PT_RESULTS_PANE{
height: calc(100vh - 230px - var(--broadcast-height)) !important;
}

.np-ptt .np-ptt-show-one #PT_RESULTS_PANE{
height: calc(100vh - 63px - var(--broadcast-height)) !important;
}

.printAll.np-af-group-full{
padding-left: 10px !important;
padding-right: 10px !important;
}

.stdtext_red{
font-family: "Open Sans", sans-serif !important;
}

#CMS_FIXED_PANE .ARTICLE_PREVIEW_CONTAINER {
width: 41%  !important;
}

.np-page-content-preview-panel {
padding: 0px !important;
margin: 7px;
background: white !important;
}

.np-pt #PT_RESULTS_PANE .np-page-content-preview-panel{
margin-top: 64px !important;
}

#ARTICLE_PREVIEW_CONTAINER .np-page-content-preview-panel:not(.np-pt #PT_RESULTS_PANE .np-page-content-preview-panel){
margin-top: 0px !important;
}

.np-page-content-preview-panel .PanelTitle.preview-meta{
background: #eee !important;
}

.np-page-content-preview-panel .WidgetTitle.np-bloc-title{
padding-left: 6px !important;
padding-right: 6px !important;
margin-bottom: 3px !important;
}

.np-page-content-preview-panel .WidgetTitle.np-bloc-title i{
color: black !important;
}

.np-pt #PT_RESULTS_PANE ul.article-details-grid.narrow.article-details-header li:nth-child(2) {
justify-self: start !important;
}

.np-pt #PT_RESULTS_PANE .articleBox-details ul.article-details-grid.narrow.articleHeader li:nth-child(2) {
justify-self: end  !important;
}

.np-pt #PT_RESULTS_PANE span.articleStatusOverflow {
 width: fit-content;
 max-width: 116px !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;
 overflow: hidden !important;
 /* display: inline-block !important; */
}

body[dir="ltr"] .thumbView .new-image-container-1 .image-checkin{
text-align: right !important;
}

body[dir="rtl"] .thumbView .new-image-container-1 .image-checkin{
text-align: left !important;
}

.tipsy-inner{
max-width: 550px !important;
}

.np-tbl th a {
  color: black !important;
}

/** by force loader change */
.fonticon-refresh.fonticon-spin:not(.np-inline-notification .fonticon-refresh)::before{
display: none !important;
}

.fonticon-refresh.fonticon-spin:not(.np-inline-notification .fonticon-refresh){
  width: 23px !important;
  display: inline-block;
  background: url(./Gray/images/layout-loader.gif) !important;
  height: 23px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important;
}
/** by force loader change */

.thumbView .np-card .new_design_boxBody .articleNameEnabled.articleName{
  display: none !important;
}

.listView2 .np-card .new_design_boxBody .articleNameEnabled.thumbArticleName{
  display: none !important;
}

.listView2 .np-card .new_design_boxBody .articleName{
  display: none;
}

.listView .np-card .new_design_boxBody .articleNameEnabled.thumbArticleName{
	display: none!important;
}

.listView .np-card .new_design_boxBody .articleNameEnabled.articleTitle{
	display: none!important;
}

.listView2 .np-card .new_design_boxBody .artNameLstView2{
  display: block !important;
}

.listView2 .np-card .new_design_boxBody .hideTitleLstView2{
  display: none !important;
}

.detailView .np-card .new_design_boxBody .thumbArticleName.articleNameEnabled{
  display: none !important;
}

.np-media-image-info.np-media-image-title{
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
max-width: 277px !important;
}

.np-page.adBox-page.PMItem{
border-radius: 5px !important;
}

#MENUS_DIV {
	max-height: calc(100vh - 200px - 23px - var(--broadcast-height)) !important;
	overflow-y: auto !important;
	background: var(--general-side-panel-background-color) !important;
	border-radius: 5px !important;
	margin-top: 20px !important;
}

.np-page.adBox-page.PageTemplateContainer{
	border-radius: 5px !important;
}

/************** media */

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

body[dir="ltr"] .new_desing_search_stories_input, body[dir="rtl"] .new_desing_search_stories_input{
width: 278px !important;
  }
}

@media only screen and (max-width: 1410px) {
body[dir="ltr"] .new_desing_search_stories_input, body[dir="rtl"] .new_desing_search_stories_input{
width: 243px !important;
  }

body[dir="ltr"] .new_desing_search_stories_input{
padding-right: 35px !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
  }

body[dir="rtl"] .new_desing_search_stories_input{
padding-left: 35px !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
  }

}


@media only screen and (max-width: 1374px){
body[dir="ltr"] .new_desing_search_stories_input, body[dir="rtl"] .new_desing_search_stories_input {
  width: 156px !important;
 }
}

/************** media */

.upload-zone{
  text-align: center;
  padding: 0 0 20px 0;
  line-height: 40px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.upload-zone i{
  color: #CCCCCC;
  font-size: 28px;
}
.upload-zone p{
  color: #6C6C6C;
  font-size: 12px;
}
.upload-zone p a{
  color: #0059ac;
  text-decoration: underline;
}
.upload-zone span{
  color: #989898;
  font-size: 9px;
}
.right_panel_images_list{
  margin: -20px;
}
.media_list_rp{
  display: flex;
  flex-direction: row;
  gap: 15px;
  height: 100px;
  border-bottom: 1px solid #F1F1F5;
  margin: 0 15px;
}
.media_list_rp .media_list_rp-grip{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  width: 30px;
}
.media_list_rp .media_list_rp-image{
  display: flex;
  align-items: center;
  justify-content: center;
}
.media_list_rp .media_list_rp-image img:not(.info){
  object-fit: cover;
  width: 71px;
  height: 71px;
  border-radius: 3px;
}
.media_list_rp .media_list_rp-info{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.media_list_rp .media_list_rp-info_title{
  font-weight: 600;
  font-size: 11px!important;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
}
.media_list_rp .media_list_rp-info_dimension{
  font-size: 11px!important;
}
.media_list_rp .media_list_rp-info_status label{
  line-height: 20px;
}
.dropzone {
	box-sizing: border-box;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
  background-color: #60a7dc;
  border: 11px dashed #60a7dc;
  opacity: .5;
}

#LOADING_SPAN.np-inline-notification{
position: fixed !important;
top: 35% !important;
left: 50% !important;
}

a[src*="../themes/Gray/images/designer/icon-arrowDown-white.png"]{
top: -5px !important;
}

a[src*="../themes/Gray/images/designer/icon-arrowDown-white.png"]:before{
transform: rotate(180deg) !important;
}

/***** mobile login design */

.mobile-login-page .body-login .login {
padding-top: 20px !important;
}

.mobile-login-page .inline-message  {
height: 56px !important;
line-height: 23px !important;
}

.mobile-login-page div.login.container{
width: 100% !important;
max-width: 100% !important;
border: none !important;
box-shadow: none !important;
}

.mobile-login-page .login.container div.loginBox{
box-shadow: 0px 4px 4px #EEF1FB !important;
border: 1px solid #EBEDF5 !important;
border-radius: 5px !important;
background: white !important;
}

.mobile-login-page .mobileOnly {
margin-top: -60px !important
}

.np-mobile-span{
color: #6E7380 !important;
padding-left: 0px !important;
display: block !important;
padding-bottom: 7px !important;
font-size: 12px !important;
text-shadow: none !important
}

body.tablet-login-page{
background: white !important;
}

body.tablet-login-page *{
text-shadow: none !important
}

.tablet-login-page .ui-page{
background: transparent !important;
}

.tablet-login-page .loginPanel .loginBox ul li.leftColm{
display: block !important;
}

.tablet-login-page .loginPanel .loginBox ul li.leftColm{
display: block !important;
}

.tablet-login-page .loginBox {
background: white !important;
box-shadow: 0px 4px 4px #EEF1FB !important;
border: 1px solid #EBEDF5 !important;
border-radius: 5px !important;
text-shadow: none !important;
height: auto !important;
width: auto !important;
max-width: 384px !important;
/* margin-left: 15px !important;
margin-right: 15px !important; */
}

.tablet-login-page .ui-btn-inner.ui-btn-corner-all{
border: none !important;
background: transparent !important;
}

.tablet-login-page .np-btn{
box-shadow: none !important;
}

/***** mobile login design */

#VIEW_PAGE{
width: 80px !important;
}


.np-dynamic-form > li {
border-left: none !important;
border-right: none !important;
}

.np-dynamic-form li:nth-of-type(3n+1), .np-dynamic-form li:nth-of-type(3n+2){
border-right: 1px solid var(--general-outline-color) !important;
}

#ADD_EDIT_AD_FORM .collapsiblePanel .content-collapse.isFull{
padding-top: 0px !important;
}

#ADD_EDIT_AD_FORM .collapsiblePanelGroup {
  box-shadow: none !important;
}

/* .content-collapse.reportSection.isFull{
padding-left: 7px !important;
} */

.np-uploader-1{
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 51px !important;
padding-bottom: 68px !important;
background: var(--general-side-panel-background-color) !important;
}

.np-upload-area{
width: 100%;
height: 164px;
background: white;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}

.np-upload-area-info {
text-align: center;
}

.np-upload-area-info img{
width: 36.84px;
}

.np-upload-area-info h5{
font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 20px;
text-align: center;
color: #6C6C6C;
margin-top: 10px;
}

.np-upload-area-info span{
position: relative;
cursor: pointer !important;
display: inline;
color: var(--general-primary-color);
text-decoration: underline;
font-weight: 600 !important;
}

.np-upload-area-info span input{
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer !important;
}

.np-upload-area-info h6{
font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 9px;
line-height: 20px;
text-align: center;
color: #989898;
text-transform: none;
}

.np-inside-box{
background: var(--general-side-panel-background-color) !important;
}

.np-upload-progress-area{
height: 30px;
background: #FFFFFF;
border: 1px solid #F1F1F5;
border-radius: 5px;
display: flex;
align-items: center;
margin-top: 18px;
margin-bottom: 18px;
padding-left: 14px;
padding-right: 14px;
}

.np-uploader-1-percentage{
padding-left: 5px;
padding-right: 5px;
}

.np-upload-container{
margin-left: 20px;
margin-right: 20px;
margin-top: 18px;
}

.bar.np-upload-bar{
background: linear-gradient(270deg, var(--general-primary-color) 0%, rgba(58, 78, 107, 0.33) 100%) !important;
height: 13px !important;
}

.np-upload-div.np-upload-div-success div.bar.np-upload-bar{
background: linear-gradient(270deg, #84CB78 0%, rgba(105, 189, 91, 0.33) 100%) !important;
}

.table.np-upload-table th, .table.np-upload-table td{
background: transparent !important;
border: none !important;
}

.np-upload-no-files{
display: flex;
text-align: center;
align-items: center;
justify-content: center;
margin-top: 30px;
margin-bottom: 20px;
}

.np-upload-no-files h5{
font-family: 'Gilroy';
font-style: normal;
font-weight: 500 !important;
font-size: 18px;
line-height: 20px;
text-align: center;
color: #6C6C6C;
}

.np-upload-no-files h6{
font-family: 'Gilroy';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
text-align: center;
color: #989898;
text-transform: none;
margin-top: 5px;
}

.np-upload-no-files-text{
margin-top: 20px;
}

.new_media_image_5{
height: 40px !important;
width: 73px !important;
border-radius: 5px !important;
background-size: cover !important;
background-position: center !important;
display: block !important;
position: relative !important;
background-color: #eeeeee !important;
}

.new_media_image_8{
height: 132px !important;
width: 185px !important;
border: none !important;
border-radius: 3px !important;
background-size: cover !important;
background-position: center !important;
display: block !important;
position: relative !important;
background-color: #eeeeee !important;
margin: 0 auto !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}

.np-upload-thumb-td{
width: 73px;
}

.np-upload-div .name {
padding-left: 12px;
padding-right: 12px;
}

body[dir="ltr"] .np-upload-div .delete,
body[dir="ltr"] .np-upload-div .np-file-delete-thumb-trigger {
padding-left: 42px;
}

body[dir="rtl"] .np-upload-div .delete,
body[dir="rtl"] .np-upload-div .np-file-delete-thumb-trigger {
padding-right: 42px;
}

.np-upload-div .name h5{
font-family: 'Gilroy';
font-style: normal;
font-weight: 600 !important;
font-size: 11px;
line-height: 13px;
color: #00182B;
padding-top: 2px;
}

.np-upload-div .name h6{
font-style: normal !important;
font-weight: 400 !important;
font-size: 10px !important;
line-height: 12px !important;
color: #ACACAC !important;
padding-top: 6px !important;
}

.np-upload-file-delete{
cursor: pointer !important;
background: none !important;
border: none !important;
}

.np-file-upload-status-failed{
font-family: 'Gilroy';
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 13px;
color: #EC605C;
}

.np-file-upload-status-edit{
font-family: 'Gilroy'!important;
font-style: normal!important;
font-weight: 600!important;
font-size: 11px!important;
line-height: 13px!important;
text-decoration-line: underline!important;
color: #00182B!important;
}

.np-upload-div{
display: flex;
align-items: center;
margin-bottom: 12px;
background: white !important;
padding: 11px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border-radius: 5px !important;
height: auto !important;
}

body[dir="ltr"] .np-upload-options{
margin-left: auto !important;
display: flex !important;
}

body[dir="rtl"] .np-upload-options{
margin-right: auto !important;
display: flex !important;
}

.np-upload-file-progress{
width: 315px !important;
height: 12px !important;
}

body[dir="ltr"] .np-upload-file-progress{
margin-right: 15px !important;
}

body[dir="rtl"] .np-upload-file-progress{
margin-left: 15px !important;
}

.np-upload-file-progress .progress{
width: 100% !important;
height: 12px !important;
}

.np-upload-file-progress-percentage{
font-style: normal !important;
font-weight: 600 !important;
font-size: 11px !important;
line-height: 13px !important;
color: #00182B !important;
}

body[dir="ltr"] .np-upload-file-progress-percentage{
margin-right: 15px !important;
}

body[dir="rtl"] .np-upload-file-progress-percentage{
margin-left: 15px !important;
}

.np-tabs-popup,
.np-tabs-button{
display: block !important;
float: left !important;
list-style: none !important;
}

.np-tabs-button {
margin-left: 15px !important;
margin-right: 15px !important;
}

.np-tabs-button button{
border-radius: 5px !important;
}

.np-tabs-popup button,
.np-tabs-button button{
display: inline;
list-style-type: none;
border: 1px solid #E7EAED;
height: 30px;
width: 80px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
font-family: 'Gilroy';
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 13px;
text-transform: capitalize;
background: white;
color: #7188A6;
}

.np-tabs-popup button.selected{
background: #7188A6;
color: white;
border-color: #7188A6 !important;
}

/*********** */

body[dir="ltr"] .np-tabs-popup button.tabOne{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

body[dir="ltr"] .np-tabs-popup button.tabTwo{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: -1px;
}

body[dir="rtl"] .np-tabs-popup button.tabOne{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

body[dir="rtl"] .np-tabs-popup button.tabTwo{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin-right: -1px;
}

/*********** */

.np-upload-metadata-area{
margin: 20px !important;
margin-left: 40px !important;
margin-right: 40px !important;
}

body[dir="ltr"] .np-padding-10-r{
padding-right: 10px;
}

body[dir="rtl"] .np-padding-10-r{
padding-left: 10px;
}

body[dir="ltr"] .np-padding-10-l{
padding-left: 10px;
}

body[dir="rtl"] .np-padding-10-r{
padding-right: 10px;
}

.np-uploader .template-thumbnail{
width: 114px;
height: 83px;
border-radius: 5px;
background-color: #eeeeee !important;
background-size: cover !important;
background-position: center !important;
}

.np-uploader .thumbContainer {
bottom: 48px;
border-top: 1px solid #F1F1F5;
background: white;
display: flex;
align-items: center;
height: 130px;
padding-left: 40px;
padding-right: 40px;
z-index: 9;
}

/* .np-uploader .thumbBox {
overflow-X: hidden !important;
overflow-y: hidden !important;
padding-top: 15px;
padding-bottom: 12px;
}*/

.np-uploader #tabIndex1{
margin-bottom: 0px !important;
}
.np-uploader #tabIndex2 {
margin-bottom: 180px !important;
}

.np-uploader [name="image_checkbox"] {
margin-top: -5px;
margin-left: 4px;
}

.np-uploader .template-thumbnail .preview {
position: absolute !important;
width: 100% !important;
height: 100% !important;
top: 0px !important;
left: 0px !important;
}

.np-uploader .template-thumbnail .preview a {
width: 100% !important;
height: 100% !important;
display: block !important;
outline: none !important;
opacity: 0 !important;
}

.np-uploader .template-thumbnail .ImageCheckbox {
z-index: 2;
display: inline-block;
position: relative;
}

.np-popup-btns.np-popup-btns-upload{
padding-bottom: 9px !important;
padding-top: 10px !important;
height: 48px !important;
z-index: 9 !important;
}

.thumbContainerActionBar{
 position: fixed !important;
 bottom: 177px !important;
 height: 59px !important;
 background: #f6f7f8 !important;
 width: 100% !important;
 display: flex;
 align-items: center;
 border-top: 1px solid #F1F1F5 !important;
 z-index: 9;
}

.np-upload-action-bar-title{
font-family: 'Gilroy';
font-style: normal;
font-weight: 600 !important;
font-size: 14px;
line-height: 20px;
color: #00182B;
margin-right: 45px;
margin-left: 45px;
}

/* .thumbBox .template-thumbnail{

} */

.new_design_fake_hide{
opacity: 0 !important;
pointer-events: none !important;
}

.newnicescroll-rails{
cursor: grab !important;
}

.np-fileupload-prog-cancel{
margin-left: auto !important;
}

.np-fileupload-prog-cancel a{
font-style: normal !important;
font-weight: 400 !important;
font-size: 10px !important;
line-height: 20px !important;
text-decoration-line: underline !important;
color: #00182B !important;
}

.np-upload-div.np-upload-div-error{
border-bottom: 3px solid #EC605C !important;
}

/*
.np-upload-div.np-upload-div-success{
border-bottom: 3px solid #84CB78 !important;
} */

.np-upload-div-error .new_media_image_5{
background:url(./Gray/images/designer/default_img.png) !important;
background-size: cover !important;
background-position: center
}

.np-uploader .UnlinkImage,
.np-uploader .np-file-delete-list-trigger {
right: 0px !important;
z-index: 8 !important;
cursor: pointer !important;
top: 4px !important;
right: 4px !important;
position: absolute;
width: 16px;
}
.np-toolbar{
  display: flex;
}

.thumbBox.owl-carousel .owl-dots,
.thumbBox.owl-carousel .owl-nav{
display: none !important;
}

.np-upload-thumbs-nav{
display: flex;
align-items: center;
}

body[dir="ltr"] .np-upload-thumbs-nav{
margin-left: auto;
margin-right: 45px;
}

body[dir="rtl"] .np-upload-thumbs-nav{
margin-right: auto;
margin-left: 45px;
}

.np-upload-thumbs-nav button{
background: none !important;
padding: 0px !important;
border: none !important;
}

.np-upload-thumbs-nav button img{
width: 14px !important;
margin-left: 10px !important;
margin-right: 10px !important;
}

.np-uploader .template-thumbnail .preview:hover .np-file-delete-list-trigger,
.np-uploader .template-thumbnail .preview:hover .UnlinkImage {
display: block !important;
}

.np-upload-area-info input[type="file"]{
cursor: pointer !important;
}

.np-hidden-upload{
top: 0px!important;
width: 100%!important;
height: 100%!important;
position: absolute!important;
opacity: 0 !important;
}

.thumbContainer.np-upload-thumbs-element, .np-upload-thumbs-nav{
direction: ltr !important;
}

.thumbBox.owl-carousel{
width: 100% !important;
}

.thumbBox span.template-thumbnail span.link {
background-image: url("../themes/Gray/images/designer/icon_delete_black.png") !important;
width: 16px !important;
height: 21px !important;
background-size: contain !important;
right: 4px !important;
top: 4px !important;

}

.np-pe-bar{
height: 54px !important;
background: #FFFFFF !important;
border: 1px solid #EDEFF3 !important;
top: 0px !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
z-index: 1000 !important;
font-size: 12px !important;
font-weight: 600 !important;
/* display: flex !important;
align-items: center !important; */
}

body[dir="ltr"].np-pe-bar{
padding: 0 0 0 20px !important;
}

body[dir="rtl"].np-pe-bar{
padding: 0 20px 0 0 !important;
}

.np-pe-bar .np-nav-tabs a,
.np-pe-bar span,
.np-pe-bar i{
color: #87868D !important;
}

#np-paperless .icons-nav{
top: 54px !important;
}

.np-pe .np-pe-subbar{
height: 50px !important;
background: #FFFFFF !important;
border-radius: 0px !important;
border-bottom: 1px solid #EDEFF3 !important;
z-index: 99 !important;
position: fixed !important;
top: 54px !important;
left: 0px !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
}

body[dir="ltr"].np-pe .np-pe-subbar{
padding-left: var(--np-pe-bar-padding) !important;
}

body[dir="rtl"].np-pe .np-pe-subbar{
padding-right: var(--np-pe-bar-padding) !important;
}

.np-pe .np-pe-subbar *:not(button){
color: #87868D;
}

.np-pe .np-nav-tabs a{
padding-left: 6px !important;
padding-right: 6px !important;
height: 28px !important;
line-height: 28px!important;
border-radius: 5px !important;
text-transform: capitalize!important;
display: inline-block;
}

.np-pe .np-nav-tabs a.selected{
background: rgba(101, 122, 158, 0.22) !important;
color: #657A9E !important;
}

.np-pe #np-paperless .np-left-pane.np-lp-fixed-top:not(#PAGE_PANE),
.np-pe #PAPERLESS_MAIN_AREA.np-pe-is-white-bg #PAGE_PANE{
background: #FFFFFF !important;
}

.np-pe #PAGE_PANE:not(#PAPERLESS_MAIN_AREA.np-pe-is-white-bg #PAGE_PANE){
top: 104px !important;
background: #f8f8f9 !important;
}

.np-pe #PMP_JPEG_DIV{
margin-top: 12px !important;
margin-left: 11px !important;
height: calc(100vh - 126px);
overflow-y: auto !important;
overflow-x: auto !important;
}

.np-pe .np-pe-logo{
margin-top: 8px;
}

.np-pe .np-pages-nav a{
height: 100% !important;
}

.np-pe #np-paperless .fullView-header,
.np-pages-nav .col a, .np-pages-nav .col span{
line-height: 49px !important;
}

.np-pe-filter-actions,
#PAPERLESS_VALIDATOR_ACTIONS.np-page-info:not(.display-none),
form.np-page-filters,
#ACTION_PAGE_HEADER,
#PAPERLESS_VALIDATOR_ACTIONS{
display: flex;
align-items: center;
}

/* body[dir="ltr"].np-pe .np-pe-filter-actions{
margin-left: auto !important;
}

body[dir="rtl"].np-pe .np-pe-filter-actions{
margin-right: auto !important;
} */

.np-pe .footer-slider .k-reset.k-slider-items{
display: none !important;
}

.np-pe .icons-nav{
width: var(--np-pe-width) !important;
background: #FFFFFF !important;
border-radius: 0px !important;
}

.np-pe .icons-nav a{
width: 100% !important;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none !important;
border: none !important;
}

.np-pe .icons-nav a.SubActionSelected{
background: rgba(230, 232, 233, 0.29) !important;
}

.np-pe .icons-nav a.SubActionSelected img{
filter: invert(19%) sepia(51%) saturate(2161%) hue-rotate(188deg) brightness(96%) contrast(90%) !important;
}

.np-pe .np-pe-nav-icon{
width: 14px !important;
}

/* .np-pe #np-paperless .contentArea {
padding-top: 105px !important;
} */

body[dir="ltr"].np-pe #np-paperless .contentArea {
  padding: 105px 0 60px var(--np-pe-width) !important;
}

body[dir="rtl"].np-pe #np-paperless .contentArea {
  padding: 105px var(--np-pe-width) 60px 0 !important;
}

body[dir="ltr"].np-pe .np-nav-tabs a + a {
margin-left: 6px !important;
}

body[dir="rtl"].np-pe .np-nav-tabs a + a {
margin-right: 6px !important;
}

.np-pe #np-paperless{
background: #edeff0 !important;
}

.leftArea{
background: white !important;
}

/******* */

.expand-Blp body[dir="ltr"].np-pe #np-paperless .np-left-pane.np-lp-fixed-top,
body[dir="ltr"].np-pe #np-floating-menu-drawer-wrap-ta {
left: var(--np-pe-width) !important;
}

.expand-Blp body[dir="rtl"].np-pe #np-paperless .np-left-pane.np-lp-fixed-top,
body[dir="rtl"].np-pe #np-floating-menu-drawer-wrap-ta {
right: var(--np-pe-width) !important;
}

.expand-lp body[dir="ltr"] #np-paperless .np-left-pane.np-lp-fixed-top {
left: var(--np-pe-width) !important;
}

.expand-lp body[dir="rtl"] #np-paperless .np-left-pane.np-lp-fixed-top {
left: var(--np-pe-width) !important;
}

/******* */

.np-pe .np-floating-menu-drawer-wrap-ta{
top: 105px !important;
}


body[dir="ltr"].np-pe .np-pe-logo,
body[dir="ltr"].np-pe #PAPERLESS_ACTIONS{
float: left !important;
}

body[dir="rtl"].np-pe .np-pe-logo,
body[dir="rtl"].np-pe #PAPERLESS_ACTIONS{
float: right !important;
}

body[dir="ltr"].np-pe #PAPERLESS_ACTIONS{
margin-left: 25px;
}

body[dir="rtl"].np-pe #PAPERLESS_ACTIONS{
margin-right: 25px;
}

.np-pe-flex{
display: flex;
align-items: center;
}

body[dir="ltr"].np-pe .np-pe-margin{
margin-left: 15px !important;
}

body[dir="rtl"].np-pe .np-pe-margin{
margin-right: 15px !important;
}

body[dir="ltr"].np-pe .np-pe-margin label:not(.np-checkbox label):not(.np-radiobtn label){
margin-right: 5px !important;
}

body[dir="rtl"].np-pe .np-pe-margin label:not(.np-checkbox label):not(.np-radiobtn label){
margin-left: 5px !important;
}

/* .np-pe #PAPERLESS_PAGE_EDITOR_ACTIONS li{
display: list-item !important
} */

html:not(.compact).expand-Blp body[dir="ltr"].np-pe #np-paperless .np-left-pane.np-lp-fixed-top + .np-right-pane {
padding-left: 0px !important;
margin-left: 375px !important;
}

html:not(.compact).expand-Blp body[dir="rtl"].np-pe #np-paperless .np-left-pane.np-lp-fixed-top + .np-right-pane {
padding-right: 0px !important;
margin-right: 375px !important;
}

body[dir="ltr"].np-pe .np-pe-float-r-l{
float: right !important;
}

body[dir="rtl"].np-pe .np-pe-float-r-l{
float: left !important;
}

body[dir="ltr"].np-pe .np-pe-float-l-r{
float: left !important;
}

body[dir="rtl"].np-pe .np-pe-float-l-r{
float: right !important;
}

.np-pe #VIEW_PAGES{
box-shadow: none !important;
}

.np-pe #VIEW_PAGES.selected{
background: white !important;
border-top: none !important;
border-bottom: none !important;
}

.np-pe .np-pages-nav a:not(.disabled):hover {
box-shadow: none !important;
}

body[dir="ltr"].np-pe #VIEW_PAGES.selected {
border-left: 1px solid rgba(0,0,0,.2) !important;
}

body[dir="rtl"].np-pe #VIEW_PAGES.selected {
border-right: 1px solid rgba(0,0,0,.2) !important;
}

.np-pe #VIEW_PAGES.selected *{
/* background: #eee !important;
border: none !important; */
color: var(--general-primary-color) !important;
}

#PAPERLESS_VIEW_ALL{
height: calc(100% - 45px) !important;
background: #edeff0 !important;
}

#PAPERLESS_VIEW_ALL .np-page,
#PAPERLESS_VIEW_ALL .preview_meta{
border-radius: 5px !important;
}

#PAPERLESS_VIEW_ALL .np-page{
box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
transition: box-shadow 0.3s ease-in-out !important;
border: 1px solid #EDEDED !important;
}

body[dir="rtl"].np-pe #PAPERLESS_MAIN_AREA{
padding-left: 10px;
padding-top: 10px;
}

.np-pe .LogsListing .np-page-log{
border: 1px solid #EDEDED !important;
}

.np-pe #np-paperless .np-left-pane.np-lp-fixed-top{
height: calc(100vh - 105px ) !important;
}

.np-pe #view_text_frame{
height: calc(100vh - 105px) !important;
width: 100% !important;
border: none !important;
}

.np-pe #np-floating-menu-drawer-wrap-ta {
top: 104px !important;
}

.np-pe #np-floating-menu-drawer-wrap-ta .np-floating-menu-drawer1 {
  width: 100%;
}

.np-pe-ta .compactPanel .np-popup-title span {
padding: 10px !important;
}

.np-pe-ta .compactPanel .np-popup-title {
border-bottom: 1px solid #F1F1F5 !important;
overflow: hidden !important;
height: 46px !important;
background: #f8f8f9 !important;
}

.np-pe-ta .np-popup-title .cursorOn {
background: #f8f8f9 !important;
border: 1px solid #F1F1F5 !important;
line-height: 20px !important;
}

.np-pe-ta .np-popup-title .cursorOn span{
text-transform: capitalize !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #C6D3E0 !important;
}

.np-pe-ta .np-popup-title .cursorOn.selected span {
font-weight: 600 !important;
color: var(--general-primary-color) !important;
}

.np-pe #np-paperless .np-left-pane.np-lp-fixed-top{
top: 104px !important;
width: 369px !important;
}

.np-pe #PM_FREE_DRAWING_JPEG_DIV img#PMP_JPEG_IMAGE{
border: 1px solid #E6E6E6 !important;
padding: 10px !important;
border-radius: 5px !important;
}

#TAMC_TOOLBAR .toolbar-btn i span:not(.np--normal){
display: none !important;
}

.np-pe-ta #TAMC_TOOLBAR .toolbar-btn i span{
display: unset !important;
}

.np-pe-ta #TAMC_TOOLBAR .toolbar-btn i{
min-width: 22px !important;
height: 22px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: transparent !important;
}

.np-pe-ta #TAMC_TOOLBAR .toolbar-btn i span{
font-style: normal !important;
font-weight: 700 !important;
line-height: 19px !important;
font-size: 16px !important;
}

.np-pe-ta #TAMC_TOOLBAR .toolbar-btn i,
.np-pe-ta #TAMC_TOOLBAR .toolbar-btn i span{
color: rgba(25, 59, 104, 0.58) !important;
}

.np-pe-ta #TAMC_TOOLBAR .toolbar-btn i.ta-icon-keyboard.np--normal,
.np-pe-ta .np-pe-find-icon {
font-size: 20px !important;
position: relative;
top: 2px;
}

.np-pe-ta #TAMC_TOOLBAR .toolbar-btn i:not(.np--normal)::before{
display: none !important;
}

.np-pe-ta .np-pe-tb-font{
margin-left: 5px !important;
margin-right: 5px !important;
cursor: pointer !important;
}

.np-pe-ta #expand-tamc{
margin-top: 15px !important;
padding-right: 12px !important;
}

.np-pe-ta .compactPanel .np-popup-content{
padding: 60px 0px !important;
}

.np-pe-ta #EDITABLE_CONTAINER{
border: none !important;
background: white !important;
border-top: 1px solid #F1F1F5 !important;
}
#editorjs.narrow .marcros_buttons{
  display: none;
}

.np-pe-overflow-text-new{
width: 100%;
height: 33px;
background: rgba(255, 87, 117, 0.16);
border-radius: 0px;
display: flex;
align-items: center;
padding: 0px 20px;
}

.np-pe-overflow-text-new span{
padding-left: 10px !important;
padding-right: 10px !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 11px !important;
line-height: 18px !important;
color: #ED2222 !important;
}

.np-pe-ta-text{
font-style: normal !important;
font-weight: 400 !important;
font-size: 11px !important;
line-height: 20px !important;
color: #6C6C6C !important;
}

.np-pe-ta-more-options{
padding: 0px 20px !important;
padding-bottom: 30px !important;
margin-top: 16px  !important;
}

.np-pe-ta-more-options .np-pe-ta-more-opt{
margin-top: 16px  !important;
}

.np-pe-ta-more-options .np-pe-ta-more-opt label{
display: block;
padding-bottom: 4px;
}

.np-pe-ta #TAMC_TOOLBAR .toolbar-btn i:hover span{
color: var(--general-primary-color) !important;
}

.np-pe-wf .np-pe-wf-logs-actions,
.np-pe-wf .np-pe-wf-logs-actions .np-page-log-actions{
display: flex !important;
align-items: center !important;
}

.np-pe-wf .np-pe-wf-logs-actions{
padding: 10px !important;
}

.np-pe-wf .np-pe-wf-logs-actions .np-page-log-actions{
gap: 5px !important;
}

.np-pe-wf .np-pe-wf-logs-actions li{
width: 25px !important;
height: 25px !important;
background: #FFFFFF !important;
border: 1px solid #E7EAED !important;
border-radius: 3px !important;
text-align: center !important;
padding-top: 4px !important;
}

.np-pe-wf .np-pe-wf-logs-actions li a:before{
color: var(--general-primary-color) !important;
font-size: 14px;
}

.np-page-log-actions a[data-action="find"]::before,
.np-page-log-actions a[data-action="scroll_to_annotation"]::before {
  font-size: 12px !important;
}

.np-pe-wf .log-xtra-details dt{
font-style: normal !important;
font-weight: 600 !important;
font-size: 11px !important;
line-height: 15px !important;
color: #6C6C6C !important;
text-transform: capitalize !important;
}

.np-pe-wf dd{
font-style: normal !important;
font-weight: 500 !important;
font-size: 10px !important;
line-height: 14px !important;
color: #6C6C6C !important;
}

.np-pe-wf .log-details dt,
.np-pe-wf .log-details dd{
margin-bottom: 2px !important;
}


body[dir="ltr"] .np-pe-wf .np-page-log header,
body[dir="rtl"] .np-pe-wf .np-page-log header {
display: flex !important;
align-items: center !important;
padding: 0px 10px !important;
border-bottom: 1px solid #EDEDED !important;
gap: 7px !important;
}

.np-page-log dl + dl {
border-top: 1px solid #EDEDED !important;
}

.np-pe-wf .np-page-log .log-nb{
/* width: 100% !important; */
}

.np-pe-wf .np-page-log.annotations,
.np-pe-wf .log-nb.annotations{
background: #FFF4FD !important
}

.np-pe-wf .np-page-log.text_ammendments,
.np-pe-wf .log-nb.text_ammendments{
background: #F4FFF9 !important
}

.np-pe-wf .np-page-log.free_drawing,
.np-pe-wf .log-nb.free_drawing{
background: #FFF8F4 !important
}

.np-pe-wf .log-nb::before{
display: none !important;
}

.np-pe-wf .log-nb{
width: 14px !important;
height: 14px !important;
}

.np-pe-wf .log-nb .log--type{
font-style: normal !important;
font-weight: 600 !important;
font-size: 10px !important;
line-height: 12px !important;
padding-left: 13px;
padding-right: 13px;
text-transform: capitalize !important;
}

.np-pe-wf .np-page-log.annotations .log--type{
color: #D64357 !important
}

.np-pe-wf .np-page-log.text_ammendments .log--type{
color: #449565 !important
}

.np-pe-wf .np-page-log.free_drawing .log--type{
color: #E3794C !important
}

.np-pe-wf .np-page-log.annotations .log--type{
color: #D64357 !important
}

.np-pe-wf .log-nb.text_ammendments{
background: url('../themes/Gray/images/new_design_icons/page_editor/icon-text.svg') no-repeat !important;
background-size: contain !important;
}

.np-pe-wf .log-nb.annotations{
background: url('../themes/Gray/images/new_design_icons/page_editor/icon-comment.svg') no-repeat !important;
background-size: contain !important;
}

.np-pe-wf .log-nb.free_drawing{
background: url('../themes/Gray/images/new_design_icons/page_editor/icon-draw.svg') no-repeat !important;
background-size: contain !important;
}

.np-pe .drawingToolsPanel .editorTools li a{
margin: 0px !important;
}

.np-pe .drawingToolsPanel .editorTools li a{
width: 35.14px !important;
height: 30px !important;
background: #FFFFFF !important;
border: 1px solid #E7EAED !important;
border-radius: 5px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
}

.np-pe .drawingToolsPanel .editorTools li a.selected{
background: #FFFFFF !important;
}

.np-pe .drawingToolsPanel .editorTools li a *{
filter: invert(61%) sepia(7%) saturate(245%) hue-rotate(209deg) brightness(85%) contrast(90%);
}

.np-pe .drawingToolsPanel .editorTools li a.selected *{
filter: invert(22%) sepia(94%) saturate(683%) hue-rotate(175deg) brightness(95%) contrast(100%) !important;
}

.np-pe .drawingToolsPanel .editorTools .rightPanel{
display: flex;
flex-wrap: wrap;
gap: 5px;
}

.np--drag--slider .k-slider-track{
background: #D9D9D9 !important;
height: 3px !important;
}

.np--drag--slider .k-draghandle{
width: 20px !important;
height: 20px !important;
border: none !important;
background: var(--general-primary-color) !important;
}

.np--drag--slider .k-slider-horizontal .k-draghandle{
top: -9px !important;
}

.np--drag--slider .k-slider-selection{
background: #D9D9D9 !important;
}

.np--drag--slider .k-widget.k-slider:before{
background: #D9D9D9 !important;
}

.np--drag--slider .k-widget.k-slider{
/* margin-left: 16px !important;
margin-right: 16px !important; */
top: 3px !important;
}

/* .np--drag--slider .k-widget.k-slider,
.np--drag--slider .k-slider-wrap,
.np--drag--slider .k-slider-wrap input,
.np--drag--slider .k-slider-selection,
.np--drag--slider .k-slider-track{
width: 100% !important;
} */

.np--drag--slider .np--drag--slider-container{
border: 1px solid #E7EAED;
border-radius: 5px;
padding: 5px;
position: relative !important;
/* padding-left: 36px !important;
padding-right: 30px !important; */
text-align: center !important;
/* display: flex;
align-items: center; */
}

.np--drag--slider .np--drag--slider-container .np---img--1{
position: absolute !important;
left: 9px;
top: 13px;
}

.np--drag--slider .np--drag--slider-container .np---img--2{
position: absolute !important;
right: 6px;
top: 10px;
}

.np-pe .drawingToolsPanel .colorPalate ul {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
}

.np-pe .drawingToolsPanel .colorPalate ul li {
width: 35px !important;
height: 35px !important;
border-radius: 5px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
border: none !important;
}

.np-pe .drawingToolsPanel .colorPalate ul li.selected:before {
content: url('./Gray/images/new_design_icons/page_editor/tick.svg');
}

.np-pe #PAPERLESS_PAGE_EDITOR_ACTIONS li a{
border-bottom: 1px solid #EBEBEB !important;
}

.np-pe .tools-title{
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 20px !important;
color: var(--general-primary-color) !important;
text-transform: capitalize !important;
}

#SLIDER_HOLDER{
margin-top: -7px !important;
}

body[dir="ltr"].np-pe #SLIDER_HOLDER{
margin-left: auto !important;
margin-right: 10px !important;
}

body[dir="rtl"].np-pe #SLIDER_HOLDER{
margin-right: auto !important;
margin-left: 10px !important;
}

body.np-pe .pl-footer-options.preview_slider{
position: relative !important;
}

body[dir="ltr"].np-pe .pl-footer-options.preview_slider{
margin-left: auto !important;
padding-right: 8px !important;
}

body[dir="rtl"].np-pe .pl-footer-options.preview_slider{
margin-right: auto !important;
padding-left: 8px !important;
}

/* .np-pe .footer-slider.zoomBar{
position: absolute !important;
top: 19px !important;
} */

body[dir="ltr"].np-pe .footer-slider.zoomBar{
right: 11px !important;
}

body[dir="rtl"].np-pe .footer-slider.zoomBar{
left: 11px !important;
}

.np-pe #thumbs_slider{
display: none !important;
}

.np-pe #ARTICLES{
width: 100% !important;
}

#PAPERLESS_FILTER_ACTIONS *{
font-size: 11px !important;
}

#CLOSE_TEXT_AMMENDMENTS_BUTTON{
float: left !important;
}

#general_zoom_area{
margin-right: 5px;
margin-left: 5px;
}


.np-pe #PAPERLESS_VIEW_ALL {
position: fixed !important;
top: 53px !important;
left: 0px !important;
width: 100% !important;
}

.np-pe #PAPERLESS_VIEW_ALL .pages_ul_style{
float: unset !important;
margin-left: 50px !important;
}

#TEXT_AMMENDMENTS_EDIT_DIV{
width: 100% !important;
}

.np-pe-padding-0{
padding: 0px !important;
}

.np-pe .revision_thumb{
color: #00182B !important;
}

/***** page tracker .np-pt | .np-pt.np-scmp */

.np-pt .articleCoverPage{
width: 185px !important;
height: auto !important;
}

.np-pt .articleCoverPage .image{
background: white !important;
border-radius: 5px !important;
}

.np-pt .articleCoverPage .image img{
width: 165.34px !important;
height: auto !important;
margin-top: 11px !important;
margin-bottom: 11px !important;
border: none !important;
}

.np-pt .articleCoverPage-details{
background: transparent !important;
border-radius: 5px !important;
/* border: 1px solid #EDEDED !important; */
}

.np-pt .collapsiblePanelGroup{
background: #FFFFFF !important;
border: 1px solid #EDEDED !important;
border-radius: 5px !important;
}

.np-pt .collapsiblePanelGroup .colm02,
.np-pt .collapsiblePanelGroup .colm02 span{
font-style: normal !important;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 17px !important;
color: #2B2B2B !important;
text-transform: capitalize !important;
}

.np-pt .collapsiblePanelGroup .np-pt-rd-1,
.np-pt .collapsiblePanelGroup .np-pt-rd-1 li,
.np-pt .collapsiblePanelGroup .np-pt-rd-2{
display: flex !important;
align-items: center !important;
}

.np-pt .collapsiblePanelGroup .np-pt-rd-1{
min-height: 40px !important;
}

.np-pt .collapsiblePanelGroup .np-pt-rd-2{
min-height: 40px !important;
padding-right: 10px !important;
padding-left: 10px !important;
}

.np-pt .articleBox-details{
background: #FFFFFF !important;
border: 1px solid #EDEDED !important;
border-radius: 5px !important;
margin-bottom: 19px !important;
}

.np-pt-rd-article-name{
font-style: normal !important;
font-weight: 600 !important;
font-size: 12px !important;
line-height: 14px !important;
color: #00182B !important;
margin-left: 8px;
margin-right: 14px;
cursor: pointer;
}

.np-pt-rd-article-name-2{
font-style: normal !important;
font-weight: 600 !important;
font-size: 12px !important;
color: #00182B !important;
cursor: pointer;
}

.np-pt .np-pt-rd-article-title{
font-style: normal !important;
font-weight: 600 !important;
font-size: 13px !important;
line-height: 14px !important;
color: #00182B !important;
cursor: pointer;
}

.np-pt .ArticleHeadline{
margin-top: 12px !important;
font-size: 12px !important;
}

.np-pt .copyImage{
margin-left: 7px !important;
margin-top: 7px !important;
}

.np-pt .articlesBox-contents{
border-top: 1px solid #EDEDED !important;
background: white !important;
/* display: block !important; */
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}

.new_media_image_6{
  height: 65.22px !important;
  width: 100px !important;
  background-size: cover !important;
  background-position: center !important;
  display: block !important;
}

.np-pt-rd-2-actions{
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: 20px;
margin-right: 20px;
}

.np-pt .np-tag.np-pt-flag-span{
border-radius: 50% !important;
padding: 0px !important;
display: block !important;
width: 15px !important;
height: 15px !important;
}

.np-pt-rd-2-actions .secondaryData,
.np-pt-rd-2-actions .statusData,
.np-pt-rd-1 .heading a{
display: flex !important;
align-items: center !important;
gap: 5px;
margin-left: 8px;
margin-right: 8px;
}

.np-pt .np--span{
font-style: normal !important;
font-weight: 600 !important;
font-size: 11px !important;
line-height: 13px !important;
color: #87868D !important;
pointer-events: none;
}

.np-text-cap{
text-transform: capitalize !important;
}

.np-border-none{
border: none !important;
}

.np-pt-rd-2-actions-2{
display: flex;
align-items: center;
margin-left: auto !important;
gap: 10px;
}

.np-pt-rd-1-actions{
display: flex;
align-items: center;
margin-left: auto !important;
gap: 15px !important;
}

.np-btn-with-icon.np-btn-action-1.np-btn-action-1-small{
width: 25px !important;
height: 20px !important;
}

.np-pt .collapsiblePanel .panelHeader{
line-height: unset !important;
}

.np-pt .np-pt-rd-1-actions div{
display: flex !important;
align-items: center !important;
}

.np--flex-1{
display: flex;
align-items: center;
gap: 5px;
text-transform: normal !important;
}

.np-pt .infoIcon img{
padding-left: 8px !important;
}

.np-pt-page-count{
color: white;
background: #FF5C66;
border-radius: 3px;
font-family: 'Gilroy';
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 13px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
justify-content: center;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
margin-left: 10px;
}

.np-btn-white-simple{
min-height: 38px !important;
background: #FFFFFF !important;
border-radius: 5px !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 11px !important;
line-height: 13px !important;
color: #87868D !important;
width: 100% !important;
}
/*
.np-pt .statusData{
max-width: 93px !important;
} */

.np-pt .collapsiblePanelGroup .content-collapse{
background: #F6F7F8 !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}

.np-pt .collapsiblePanelGroup .articleBox-details{
  margin-top: 0px !important;
}

.np-pt .actionSlct{
margin-top: -6px !important;
}

.np-pt .actionSlct .np-slct-styled{
width: 19px !important;
}

#QUICK_SEARCH_ZERO{
width: 100% !important;
margin-top: 0px !important;
height: 23px !important;
}

.fonticon-adobe-indesign.colored{
filter: invert(36%) sepia(83%) saturate(501%) hue-rotate(278deg) brightness(90%) contrast(94%) !important;
}

.article-details-lowerpart{
border-top: 1px solid #EDEDED !important;
}

.np-pt-rd-2 .disabled *{
pointer-events: none !important;
}

/******** article preview */

.np-article-preview{
background: #FFFFFF!important;
border: 1px solid #EDEDED!important;
border-radius: 5px !important;
}

.np-article-preview .WidgetTitle{
background: #FFFFFF !important;
border-bottom: 1px solid #ededed !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 12px !important;
color: #00182B !important;
display: flex !important;
align-items: center !important;
}

.np-article-preview .np-pp-right-pane{
display: flex !important;
align-items: center !important;
padding-right: 5px;
padding-left: 5px;
}

body[dir="ltr"] .np-article-preview .np-pp-right-pane{
margin-left: auto !important;
}

body[dir="rtl"] .np-article-preview .np-pp-right-pane{
margin-right: auto !important;
}

.np-article-preview .PanelTitle.preview-meta{
background: none !important;
box-shadow: none !important;
border-bottom: 1px solid #ededed !important;
}

.np-article-preview .PanelTitle.preview-meta table,
.np-article-preview .PanelTitle.preview-meta table *{
border: none !important;
box-shadow: none !important;
}

.np-article-preview .PanelTitle.preview-meta *{
font-style: normal !important;
font-weight: 400 !important;
font-size: 11px !important;
line-height: 20px !important;
color: #6C6C6C !important;
}

.np-article-preview .previewContent{
padding: 0px !important;
}

.np-article-preview .preview-content,
.np-article-preview .preview-title,
.np-article-preview .np-pp-img-thumbs,
.np-article-preview .np-pp-img-thumbs,
.np-article-preview .np-subtitle{
padding-left: 14px !important;
padding-right: 14px !important;
}

.np-article-preview .preview-content{
font-family: 'Tahoma' !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 13px !important;
line-height: 23px !important;
color: #00182B !important;
}

.np-pp-img-thumbs{
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
margin-top: 30px !important;
}

.np-article-preview .preview-title {
font-family: 'Tahoma' !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 17px !important;
line-height: 24px !important;
color: #000000 !important;
}

.new_media_image_7{
  height: 65.22px !important;
  width: 100px !important;
  background-size: cover !important;
  background-position: center !important;
  display: block !important;
  border-radius: 5px !important;
}

/* .np-pt #ARTICLE_PREVIEW_CONTAINER{
height: calc(-222px + 100vh) !important;
} */

/* .np-pt-expand-article{
margin-top: 3px;
} */

.np-pt .np-acc-arrow-down,
.np-pt .np-acc-arrow-left {
  width: unset !important;
  height: unset !important;
  position: unset !important;
  display: unset !important;
  vertical-align: unset !important;
}

.np-pt .np-acc-arrow-down:before,
.np-pt .np-acc-arrow-left:before{
display: none !important;
}

.np-pt #PT_RESULTS_PANE{
max-width: 1900px !important;
margin: 0px auto !important;
margin-top: 20px !important;
}


/******************* production management */

.np-pmp #PM_RESULTS_PANE{
background: #f5f6f6 !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}

.np-pmp .np-card-header{
margin-top: 26px !important;
height: 34px !important;
background: #FFFFFF !important;
border-radius: 3px 3px 0px 0px !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
display: flex !important;
align-items: center !important;
padding: 0px 20px !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 14px !important;
color: #2B2B2B !important;
}

.np-pmp .adBoxInside{
background: #FFFFFF !important;
border: 1px solid #EDEDED !important;
border-radius: 5px !important;
}

.np-pmp .adBoxInside .footing{
border-top: 1px solid #EDEDED !important;
padding: 0px 15px !important;
display: flex !important;
align-items: center !important;
gap: 7px !important;
height: 40px !important;
}

.np-pmp .adBoxInside .productionPageContent.thumbPreviewSize{
margin-top: 15px;
margin-bottom: 15px;
}

/* .np-pmp .adBoxInside .productionPageContent.thumbPreviewSize img{
margin-top: 15px;
margin-bottom: 15px;
} */

.np-pmp .adBoxInside .adBoxHeader{
border-bottom: 1px solid #EDEDED !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
padding: 0px 15px !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 13px !important;
color: #00182B !important;
}

.np-pmp .adBoxInside .adBoxHeader2{
border-bottom: 1px solid #EDEDED !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
padding: 0px 15px !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 10px !important;
color: #6C6C6C !important;
margin-bottom: 15px !important;
}

.np-slct-styled-mini{
width: 20px !important;
padding: 0px !important;
background: none !important;
border: none !important;
color: #C4C4C4 !important;
position: relative !important;
}

.np-slct-styled-mini.np-slct-styled.np-icon-slct::after {
display: none !important;
}

.isRedColored img,
.np-pmp .PAGE_TEMPLATE_FILE_ICON img.colored{
filter: invert(38%) sepia(21%) saturate(2470%) hue-rotate(284deg) brightness(92%) contrast(89%) !important;
}

.np-pmp .np-pmp-article-box-menu{
transform: rotate(90deg) !important;
width: 19px !important;
height: 12px !important;
top: 3px !important;
}

.np-pmp .np-pmp-article-box-menu img{
position: absolute !important;
}

body[dir="ltr"] .np-pmp .np-pmp-article-box-menu{
margin-left: auto !important;
margin-right: 0px !important;
right: -5px !important;
}

body[dir="rtl"] .np-pmp .np-pmp-article-box-menu{
margin-right: auto !important;
margin-left: 0px !important;
left: -5px !important;
}

.np-pmp .footing .colorText{
display: flex !important;
align-content: center !important;
}

body[dir="ltr"] .np-pmp .footing .colorText{
margin-left: auto !important;
}

body[dir="rtl"] .np-pmp .footing .colorText{
margin-right: auto !important;
}

.np-general-comment{
display: flex !important;
align-items: center !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 10px !important;
color: #87868D !important;
gap: 3px !important;
}

.np-general-comment span{
top: 5px !important;
}

.np-pmp-page-number{
padding-top: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}

.np-4ktv-expand-full{
position: fixed !important;
top: 0px !important;
z-index: 99999999 !important;
width: 100% !important;
left: 0px !important;
height: 194px !important;
background: #393e43 !important;
}

/******* helpers | Start */

.np-cursor-pointer{
cursor: pointer !important;
}

body[dir="ltr"] .np-m-lr-auto{
margin-left: auto !important;
}

body[dir="rtl"] .np-m-lr-auto{
margin-right: auto !important;
}

body[dir="ltr"] .np-m-rl-auto{
margin-right: auto !important;
}

body[dir="rtl"] .np-m-rl-auto{
margin-left: auto !important;
}

/* border radius for buttons or inputs auto change on ltr, rtl */

body[dir="ltr"] .np-border-radius-lr-auto{
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}

body[dir="rtl"] .np-border-radius-lr-auto{
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}

body[dir="ltr"] .np-border-radius-rl-auto{
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}

body[dir="rtl"] .np-border-radius-rl-auto{
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}

/**** helpers | End */

.np-pmp #PM_RESULTS_PANE.np-4ktv-expand-full {
height: 100% !important;
min-height: 100% !important;
background: #393e43 !important;
border-radius: 0px !important;
padding-bottom: 16px;
}


.np-pmp-4ktv-close-box{
display: none;
align-items: center;
justify-content: center;
width: 41px !important;
height: 41px !important;
background: #707C87 !important;
border-bottom-left-radius: 5px !important;
position: absolute !important;
right: 0px !important;
top: 0px !important;
z-index: 9999999 !important;
}

.np-4ktv-expand-full .np-pmp-4ktv-close-box{
display: flex !important;
}

/* advanced page content */

.np-pc #WIDGETS_CONTAINER{
background: #f5f6f6 !important;
height: 100% !important;
}

.np-pc .WidgetTitle.np-bloc-title{
margin-bottom: 0px !important;
background: white !important;
border-bottom: 1px solid #E3E6E9 !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 14px !important;
color: #2B2B2B !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}

.np-pc .WidgetTitle.np-bloc-subtitle{
background: white !important;
border-bottom: 1px solid #E3E6E9 !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 14px !important;
color: #2B2B2B !important;
margin-bottom: 0px !important;

}

.np-pc #WIDGETS_CONTAINER{
border-radius: 5px !important;
}

.np-pc #PAGE_WIDGETS_CONTAINER{
padding: 20px !important;
overflow:auto !important;
height: calc(100% - 42px ) !important;
}

.np-pc #PAGE_WIDGETS_CONTAINER .widget{
box-shadow: none !important;
background: white !important;
padding: 0px !important;
border-top: 2px solid transparent;
border-radius: 3px !important;
}

.np-pc .widget .np-pc-widget-limit{
font-style: normal !important;
font-weight: 500 !important;
font-size: 14px !important;
align-items: center !important;
color: #989898 !important;
margin: 0px 8px !important;
}

.np-pc .np-pc-widget-header-actions{
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

.np-pc #PAGE_WIDGETS_CONTAINER .widget .widget-content{
padding: 15px !important;
}

.np-pc #PAGE_WIDGETS_CONTAINER .widget .widget-content ul li{
border: 1px solid #E3E6E9;
border-radius: 5px !important;
/* background: white !important; */
min-height: 75px !important;
display: flex !important;
align-items: center !important;
line-height: 19px !important;
padding: 12px !important;
}

.np-pc #PAGE_WIDGETS_CONTAINER .widget .widget-content ul li .preview_new {
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 17px !important;
color: #000000 !important;
width: 100% !important;
}

.np-pc-widget-article-date{
font-style: normal !important;
font-weight: 500 !important;
font-size: 11px !important;
color: #000000 !important;
opacity: 0.5 !important;
}

.np-pc .widget-item-actions{
direction: rtl !important;
top: 10px !important;
right: 13px !important;
width: auto;
height: 45px;
background: transparent !important;
border-radius: 5px;
display: none;
align-items: center;
flex-wrap: wrap;
}

.np-pc .widget .ulSortConnected li:hover .widget-item-actions{
display: flex;
}

.np-pc .widget .ulSortConnected li{
margin-bottom: 20px !important;
}

.np-pc .widget-item-actions a {
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
width: 46px !important;
background: #00182B !important;
}

.np-pc .widget-item-actions a.isSpecial {
background: #253440 !important;
cursor: move !important;
}

.np-general-border-radius-left {
border-bottom-left-radius: 5px !important;
border-top-left-radius: 5px !important;
}

.np-general-border-radius-right {
border-bottom-right-radius: 5px !important;
border-top-right-radius: 5px !important;
}

.np-elements-group-1{
display: flex;
align-items: center;
}

body[dir="ltr"] .np-border-lr-none-auto{
border-left: none !important;
}

body[dir="rtl"] .np-border-lr-none-auto{
border-right: none !important;
}

body[dir="ltr"] .np-border-rl-none-auto{
border-right: none !important;
}

body[dir="rtl"] .np-border-rl-none-auto{
border-left: none !important;
}

.np-elements-group-1 input,
.np-elements-group-1 .np-slct-styled,
.np-elements-group-1 textarea,
.np-elements-group-1 button{
width: auto;
border-radius: 0px !important;
}

button.np-elements-group-1-search-button {
background: white !important;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--general-outline-color);
height: 35px !important;
}

.np-pc-article-card{
border: 1px solid #E3E6E9 !important;
border-radius: 5px !important;
background: white !important;
padding: 14px !important;
}

.np-pc-article-card .preview_new{
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #000000 !important;
}

.np-pc .np-col{
margin: 0px !important;
}

.np-pc #CMS_FIXED_PANE .ARTICLE_CONTAINER{
width: 26% !important;
height: auto !important;
}

.np-pc #CMS_FIXED_PANE .PAGE_LAYOUT{
width: 39% !important;
margin-top: 18px !important;
}

.np-pc #CMS_FIXED_PANE .ARTICLE_PREVIEW_CONTAINER{
width: 35% !important;
margin-top: 17px !important;
}

.np-pc-article-search-info{
display: flex;
align-items: center;
gap: 10px;
font-style: normal !important;
font-weight: 500 !important;
font-size: 11px !important;
color: #000000 !important;
opacity: 0.5 !important;
margin-top: 12px;
}

.np-pc-article-search-info *{
display: flex;
align-items: center;
gap: 3px;
}

.np-pc #DISPLAY_ARTICLE_CONTAINER li .boxBody{
margin-top: 0px !important;
}

.np-pc-article-card.ui-draggable-dragging{
background: white !important;
padding: 20px !important;
border-radius: 5px !important;
border: 1px solid #E3E6E9 !important;
height: auto !important;
}

.np-pc-article-card.ui-draggable-dragging #FAVORITE,
.np-pc-article-card.ui-draggable-dragging .np-pc-article-search-info{
display: none !important;
}

.np-pc-article-card.ui-draggable-dragging .boxBody{
margin-top: 0px !important;
}

.np-pc #ARTICLE_CONTAINER{
background: white !important;
min-height: auto !important;
}

.np-pc-article-search-left-panel-title{
display: flex;
align-items: center;
height: 51px !important;
background: white !important;
border-bottom: 1px solid #e3e6e9 !important;
font-weight: 700 !important;
font-size: 14px !important;
color: #2B2B2B !important;
}

.np-pc-article-search-close{
position: absolute !important;
top: 14px !important;
}

body[dir="ltr"] .np-pc-article-search-close{
right: 10px !important;
}

body[dir="rtl"] .np-pc-article-search-close{
left: 10px !important;
}

.np-txt-label.np-txt-label-style-1{
font-family: 'Gilroy' !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 14px !important;
text-align: right !important;
text-transform: capitalize !important;
color: #6C6C6C !important;
}

.np-pc.bodyWrapper {
height: calc(100vh - 76px - var(--broadcast-height)) !important;
}

.np-pc div#CMS_FIXED_PANE {
height: calc(100vh - 234px - var(--broadcast-height)) !important;
}

body[dir="ltr"] .np-pc .np-page-content-preview-panel.np-article-preview{
margin-right: 0px !important;
}

body[dir="rtl"] .np-pc .np-page-content-preview-panel.np-article-preview{
margin-left: 0px !important;
}

.np-pc-widget-title{
word-break: break-word !important;
}

.inline-message.red_message,
.redNotification{
box-shadow: none !important;
border: none !important;
background: #f7323e !important;
color: white !important;
}

.inline-message.green_message{
box-shadow: none !important;
border: none !important;
background: #00AE65 !important;
color: white !important;
}

.np-pc .sortable-placeholder{
border: 1px dashed #BABABA !important;
background: white !important;
}

.np-pc #PAGE_WIDGETS_CONTAINER .widget .widget-content ul li.ui-sortable-helper{
border: 1px solid #E48181 !important;
}

#PAGE_SELECT .np-txt-label{
text-transform: capitalize !important;
}

.np-pmp #PM_RESULTS_PANE.np-pmp-alt-bg-1{
/* background: url(./Gray/images/new_design_icons/production_management/bg-1.svg) repeat !important; */
background-size: auto !important;
background-color: #45484a !important;
background-size: 100% !important;
}

.np-pmp-switch-bg{
width: 17px !important;
position: relative !important;
top: 3px !important;
margin-right: 6px !important;
margin-left: 6px !important;
width: 19px !important;
}

.np-pmp-switch-bg.isOff{
filter: invert(61%) sepia(10%) saturate(190%) hue-rotate(209deg) brightness(86%) contrast(82%);
}

.np-flex-full{
display: flex;
justify-content: center !important;
align-items: center !important;
}

.NM_LOADING_SPAN.np-inline-notification{
color: white !important;
}

.np-form-sideByside .np-checkbox label{
width: 100% !important;
}


/******** page layout */

.np-pl .np-pl-left-panel{
background: #F5F6F7 !important;
width: calc(680px + 29px);
}

.np-pl .np-pl-left-panel .np-pl-left-panel-header{
background: #FFFFFF !important;
border-radius: 3px 3px 0px 0px !important;
display: flex !important;
align-items: center !important;
height: 41px !important;
margin-bottom: 13px !important;
font-weight: 700 !important;
font-size: 14px !important;
color: #2B2B2B !important;
padding-left: 18px !important;
padding-right: 18px !important;
border-bottom: 1px solid #eee !important;
}

.np-pl .np-pl-left-panel .np-pl-left-panel-table{
margin: 0 auto !important;
}

.np-pl .np-pl-left-panel .np-pl-left-panel-table ul{
background: transparent !important;
border: none !important;
}

.np-pl .np-pl-left-panel-table .np-pl-widget-header{
background: #FFFFFF !important;
border-radius: 3px 3px 0px 0px !important;
min-height: 40px !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #000000 !important;
border-bottom: 1px solid #e5e4e6 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.np-pl .np-pl-left-panel-table .np-pl-widget-header:not(.np-pl-widget-header-small){
display: flex !important;
align-items: center !important;
}

.np-pl .np-pl-widget-header-actions{
display: flex !important;
gap: 10px !important;
justify-content: center;
padding-left: 8px !important;
padding-right: 8px !important;
}

body[dir="ltr"] .np-pl .np-pl-widget-header-actions{
margin-left: auto !important;
}

body[dir="rtl"] .np-pl .np-pl-widget-header-actions{
margin-right: auto !important;
}

.np-pl .gridster .gs-w{
background: white !important;
}

.np-pl .np-pl-left-panel-table .np-pl-widget-header.np-pl-widget-header-small .np-pl-widget-header-actions{
padding-top: 11px !important;
padding-bottom: 5px !important;
flex-wrap: wrap !important;
}

.np-pl .np-pl-left-panel-table .np-pl-widget-header .np-pl-widget-header-title{
pointer-events: none !important;
padding-left: 7px !important;
padding-right: 7px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
}

.np-pl .np-pl-left-panel-table .np-pl-widget-header.np-pl-widget-header-small .np-pl-widget-header-title{
/* padding-top: 11px !important; */
word-break: break-word !important;
width: 100% !important;
}

.np-pl .np-pl-left-panel-table .np-pl-widget-header .np-pl-widget-header-title span{
/* text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
max-width: 70% !important;
display: inline-block !important; */
padding-top: 8px !important;
padding-bottom: 8px !important;
padding-right: 8px !important;
padding-left: 8px !important;
}

.np-pl-panels{
display: flex !important;
gap: 15px !important;
min-height:  calc(100vh - 246px - var(--broadcast-height)) !important;
}

.np-pl-panels .np-pl-right-panel{
flex: 1 !important;
border-radius: 5px !important;
}

.np-pl-panels .np-pl-right-panel.has-placeholder{
display: flex;
align-items: center;
justify-content: center;
background: white !important;
position: sticky;
top: 174px;
max-height: calc(100vh - 174px - 53px - var(--broadcast-height));
transition: height 0.2s ease-in-out !important;
}

.np-pl-panels .np-pl-right-panel.has-placeholder.np-is-sticky{
height: calc(100vh - 175px - var(--broadcast-height)) !important;
}

.np-pl-right-panel-add-edit{
width: 100% !important;
height: calc(100vh - 174px - 53px - var(--broadcast-height));
border: none !important;
position: sticky !important;
top: 174px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
transition: height 0.2s ease-in-out !important;
}

.np-pl-right-panel-add-edit.np-is-sticky{
height: calc(100vh - 174px - 20px - var(--broadcast-height)) !important;
}

#np-pl-right-panel-add-placeholder{
text-align: center !important;
/* position: sticky !important;
top: 90px !important; */
}

#np-pl-right-panel-add-placeholder h5{
font-weight: 500 !important;
font-size: 18px !important;
text-align: center !important;
color: #6C6C6C !important;
margin-bottom: 12px !important;
}

#np-pl-right-panel-add-placeholder h6{
font-weight: 400 !important;
font-size: 13px !important;
text-align: center !important;
color: #989898 !important;
margin-bottom: 24px !important;
}

#np-pl-right-panel-add-placeholder .imgDiv img{
font-weight: 400 !important;
font-size: 13px !important;
text-align: center !important;
color: #989898 !important;
}

#np-pl-right-panel-add-placeholder .imgDiv{
margin-bottom: 24px !important;
}

#np-pl-right-panel-add-placeholder button{
font-weight: 600 !important;
font-size: 11px !important;
line-height: 13px !important;
text-transform: capitalize !important;
color: #FFFFFF !important;
}

.np-pl-widget-div{
border-radius: 3px !important;
}

.productionManagementSpecialClock{
display: none !important;
background: #535B62 !important;
border-radius: 5px !important;
height: 388px !important;
}

.productionManagementSpecialClock .np---clock{
font-weight: 700 !important;
font-size: 50px !important;
line-height: 60px !important;
color: #B7C3CE !important;
font-size: 29px !important;
text-align: center !important;
padding: 0px 12px !important;
}

.productionManagementSpecialClock .np---date{
font-weight: 700 !important;
font-size: 22px !important;
line-height: 27px !important;
text-transform: uppercase !important;
color: #B7C3CE !important;
text-align: center !important;
}

.np-4ktv-expand-full div.productionManagementSpecialClock{
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-left: 83px !important;
}

.np-4ktv-expand-full .np-page.adBox-page.PMItem[data-first_page="1"]{
margin-left: 3px !important;
}

.np-pl-add-widget-options{
border: 1px solid #E7EAED!important;
padding: 0px 14px !important;
border-radius: 5px !important;
}

.np-pl-add-widget-options .np-pl-add-widget-option{
margin-bottom: 14px !important;
margin-top: 14px !important;
display: flex !important;
align-items: center !important;
}

.np-pl-add-edit{
overflow: hidden !important;
}

.np-pl-add-edit fieldset label:not(.np-radtionbtn-label):not(.np-checkbox),
.np-pl-add-edit .np-row label:not(.np-checkbox),
.np-pl-add-edit #ELEMENT_VALUES label:not(.np-radtionbtn-label):not(.np-checkbox){
font-weight: 500 !important;
font-size: 11px !important;
line-height: 13px !important;
text-transform: capitalize !important;
color: #00182B !important;
display: inline-block;
}

.np-pl-add-edit fieldset label:not(.np-radtionbtn-label):not(.np-checkbox):not(.np-no-margin):not(.np-radiobtn label):not(.np-checkbox label),
.np-pl-add-edit .np-row label:not(.np-checkbox):not(.np-no-margin):not(.np-radiobtn label):not(.np-checkbox label),
.np-pl-add-edit #ELEMENT_VALUES label:not(.np-radtionbtn-label):not(.np-checkbox):not(.np-no-margin):not(.np-radiobtn label):not(.np-checkbox label){
margin-top: 10px !important;
margin-bottom: 10px !important;
}

.np-icon-label-with-icon-1{
display: flex !important;
gap: 5px !important;
}

/*
for page layout widget actions on hover ?

position: absolute !important;
top: -17px !important;
right: -32px !important;
background: white !important;
padding: 4px !important;
padding-left: 4px !important;
border: 1px solid #eee aliceblue !important;
border-radius: 5px !important;
padding-left: 6px !important;
padding-right: 6px !important;

*/

.fullScreenOverleyLoader{
  background-color: rgba(250, 250, 250, 0.5);
  height: 100vh;
  position: fixed;
  top: 0px;
  width: 100%;
  display: flex;
   align-items: center;
   justify-content: center;
}

.fullScreenOverleyLoader img{
  width: 65px;
}

.np-pt .PTPageNumberSpan{
display: flex;
gap: 4px;
}

.np-pl-action-box{
position: sticky !important;
top: 53px !important;
z-index: 100 !important;
}

#np-pl-action-box.np-is-sticky{
box-shadow: 0px 7px 7px -5px #eee !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}

.np-pl .NotifyAddWidget{
display: none !important;
}

.widget_dimentions{
display: flex;
align-items: center !important;
gap: 4px !important;
position: absolute !important;
bottom: 0px !important;
font-size: 10px;
color: #3b3b3b !important;
padding: 5px;
left: 0px !important;
}

.widget_dimentions img{
width: 6px !important;
}

.np-pc .widget-content li.preview_new_2{
background: white !important;
}

.np-pc .widget-content li.preview_new_2.np-pc-limit-status-2{
background: #efefef !important;
}

.np-pc .widget-content li.preview_new_2.np-pc-limit-status-3{
background: rgb(255, 195, 195) !important;
}

.np-pc-widget-article-meta{
display: flex !important;
align-items: center !important;
gap: 6px !important !important;
 margin-top: 5px !important;
}

.np-pc-widget-article-meta-icon{
display: flex !important;
align-items: center !important;
gap: 3px !important;
}

/**** social page mapping */

.np-sp-article
{
	height: 158px !important;
	background: #FFFFFF !important;
	border: 1px solid #EDEDED !important;
	border-radius: 5px !important;
	margin-bottom: 15px !important;
}

.np-sp-article-mark
{
	height: 158px !important;
	background: #FFFFFF !important;
	border: 1px solid red !important;
	border-radius: 5px !important;
	margin-bottom: 15px !important;
}

.np-sp-article-header,
.np-sp-article-body,
.np-sp-article-footer{
padding: 0px 20px !important;
background: transparent !important;
}

.np-sp-article-header{
height: 35px !important;
border-bottom: 1px solid #EDEDED !important;
display: flex !important;
align-items: center !important;
font-weight: 400 !important;
font-size: 10px !important;
color: #6C6C6C !important;
}

.np-sp-article-body{
display: flex !important;
align-items: center !important;
height: 83px !important;
border-bottom: 1px solid #EDEDED !important;
}

.np-sp-article-footer{
height: 35px !important;
font-weight: 500 !important;
font-size: 10px !important;
line-height: 12px !important;
color: #6C6C6C !important;
display: flex;
align-items: center;
}

.np-sp-article-body-left{
display: flex !important;
align-items: center !important;
width: 64%;
}

.np-sp-article-body-right{
display: flex !important;
align-items: center !important;
justify-content: right !important;
gap: 13px;
width: 36%;
}

.np-sp .addthis_button {
margin-right: auto !important;
}

/* .np-sp-article-body-right-image{

} */

.np-sp-article-body-right-title{
font-weight: 600 !important;
font-size: 15px !important;
color: #00182B !important;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 85%;
}

.np-sp-chk-social{
display: flex !important;
align-items: center !important;
justify-content: right !important;
gap: 7.15px;
}

.np-sp-chk-social .CmsSocialBadge{
height: 25px !important;
background: #EFEFEF !important;
border-radius: 3px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-weight: 600 !important;
font-size: 12px !important;
color: #87868D !important;
}

.np-sp-timeline{
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
position: sticky !important;
top: 0 !important;
background: white !important;
margin-bottom: 17px !important;
margin-top: 17px !important;
border-radius: 3px !important;
}

.np-sp .social-timeline{
display: flex !important;
align-items: center !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: calc(100% / 3) !important;
margin-bottom: 10px !important;
background: transparent !important;
}

.np-sp .social-timeline .np-sp-timeline-icon{
width: 45px !important;
}

.np-sp-timeline-time{
display: block!important;
width: 100% !important;
}

.np-sp #shares_chart span{
top: 15px !important;
width: 10px !important;
height: 10px !important;
}

.np-sp .timeline-line{
height: 4px !important;
background: #D9D9D9 !important;
border-radius: 10px !important;
}

.np-sp #shares_chart span.facebook, .tippy-box[data-theme~='color-s-facebook']{
background: #425893;
color: white;
}

.np-sp #shares_chart span.twitter, .tippy-box[data-theme~='color-s-twitter']{
background: #4D9FEB;
color: white;
}

.np-sp #shares_chart span.telegram, .tippy-box[data-theme~='color-s-telegram']{
background: #3B86C6;
color: white;
}

.np-sp #shares_chart span.whatsapp, .tippy-box[data-theme~='color-s-whatsapp']{
background: #65D072;
color: white;
}

.np-sp #shares_chart span.email, .tippy-box[data-theme~='color-s-email']{
background: #E59D5B;
color: white;
}

.np-sp #shares_chart span.linkedin, .tippy-box[data-theme~='color-s-linkedin']{
background: #3375B0;
color: white;
}

.np-sp #shares_chart span.mark{
background: #D20C0C !important;
}

.np-sp-article div.markBox
{
	background: red !important;
}

/**** social page mapping */

/**** news manager mapping */

.np-nm-act-1{
display: flex !important;
gap: 0px !important;
height: 35px !important;
background: white;
border-radius: 5px !important;
border: 1px solid #DFDFDF !important;
margin: 0 10px;
}

.np-nm-act-1 .np-nm-btn{
height: 35px !important;
min-width: 45px !important;
border-radius: 0px !important;
display: flex;
align-items: center !important;
justify-content: center !important;
background: transparent;
}

.np-nm-act-1 .np-nm-btn a{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

body[dir="ltr"] .np-border-left{
border-left: 1px solid #DFDFDF !important;
}

body[dir="rtl"] .np-border-left{
border-right: 1px solid #DFDFDF !important;
}

.np-nm #HEADER_NEWS_BASKETS_LIST{
top: 31px !important;
left: 19px !important;
}

.isDisabled{
background: #F3F3F3 !important;
pointer-events: none !important;
}

.isDisabled *{
color: #B9C4D1 !important;
}

.np-nm-btn.np-nm-btn-size-1{
width: 117px !important;
padding: 0px 12px;
justify-content: unset !important;
}

.np-nm-article-count{
font-family: 'Open Sans' !important;
font-weight: 400 !important;
font-size: 10px !important;
text-transform: capitalize !important;
color: #8B9FB9;
}

/**** news manager mapping */

.np-select-with-icon{
position: relative !important;
height: 35px !important;
background: #FFFFFF !important;
border: 1px solid #DFDFDF !important;
border-radius: 3px !important;
display: flex !important;
align-items: center !important;
padding: 0px 10px !important;
gap: 10px !important;
cursor: pointer !important;
}

.np-select-with-icon.np-border-none{
border: none !important;
}

.np-select-with-icon span{
font-family: 'Open Sans' !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 12px !important;
line-height: 16px !important;
text-transform: capitalize !important;
color: #8B9FB9 !important;
cursor: pointer !important;
}

.np-select-with-icon .np-select-with-icon-img{
margin-left: auto;
cursor: pointer !important;
}

.np-select-with-icon select{
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
cursor: pointer !important;
}

.np-af-group-left{
display: flex !important;
margin-left: auto !important;
}

.np-nm-search-group{
border-radius: 3px !important;
display: flex !important;
align-content: center !important;
border: 1px solid #DFDFDF !important;
}

.np-nm-search-group .np-nm-div{
border-radius: 0px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
}

.np-nm-search-group input{
border: none !important;
}

.np-big-title{
font-family: 'Open Sans' !important;
font-weight: 700 !important;
font-size: 16px !important;
text-transform: capitalize !important;
color: #193B68 !important;
}

.np-nm-search-title:not(.isHidden){
position: absolute;
background: #FFFFFF;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
border-radius: 3px;
display: flex !important;
align-items: center !important;
width: 148px !important;
height: 35px !important;
z-index: 999;
top: 44px;
padding: 0px 10px;
left: 0px;
gap: 6px;
align-items: center !important;
}

.np-nm-search-div{
display: flex;
}

.np-nm-font-menu:not(.isHidden){
position: absolute;
background: #FFFFFF;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
border-radius: 3px;
display: flex !important;
align-items: center !important;
width: 37px !important;
height: auto !important;
z-index: 999;
top: 43px;
padding: 0px;
left: 2px;
gap: 6px;
align-items: center !important;
flex-wrap: wrap !important;
justify-content: center !important;
}

.np-nm-font-menu{
display: flex;
}

.np-nm-font-menu .np-nm-font-size{
width: 100% !important;
display: flex;
align-items: center;
justify-content: center;
height: 35px !important;
}


.np-nm .NewsItemBox{
margin-bottom: 20px !important;
}


.np-nm .NewsItemBox .np-card-inner{
background: white !important;
border-radius: 5px !important;
}

.np-nm .NewsItemBox .innerWhiteBox{
background: transparent !important;
}

/* .np-nm .NewsItemBox .articleLinks {
margin-top: 11px !important;
} */

.np-nm .NewsItemBox .articleLinks .np-nm-article-title{
font-weight: 600 !important;
font-size: 1.3em;
line-height: 16px !important;
color: #00182B;
height: 46px;
margin-top:7px;
margin-bottom:5px;
overflow: hidden;
word-break: break-word;
}

.np-nm .NewsItemBox .articleLinks .np-nm-article-title.np-nm-article-title-type-2{
height: 68px !important;
}

.np-nm .np-card-container.thumbView .NewsItemBox.np-card:not(.np-img-card) .boxBody {
height: 322px !important;
}

.np-nm .np-card-container.thumbView {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(226px, 1fr)) !important;
grid-gap: 10px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
}

.np-nm .np-card.ImgFltr .boxBody.hasImg {
padding-left: 0px !important;
padding-right: 0px !important;
}

.np-nm-provider-name{
font-weight: 500 !important;
font-size: 1.1em;
line-height: 13px !important;
color: #6C6C6C !important;
text-transform: capitalize !important;
}

.np-nm-article-footer{
height: 53px !important;
display: flex !important;
align-items: center !important;
gap: 7px !important;
border-top: 1px solid #EDEDED;
padding: 0px 15px !important;
margin-top: 7px !important;
}

.np-nm .thumbView .NewsItemBox.np-card .np-article-info {
height: 262px !important;
max-height: 262px !important;
padding: 0px 15px !important;
}


.np-nm .NewsItemBox.np-card .np-article-info .detailInfo {
font-weight: 500 !important;
font-size: 1.3em;
color: #6C6C6C !important;
height: calc(100% - 77px) !important;
padding-top: 0px !important;
display: block;
overflow: hidden !important;
}

.np-nm .infoPhoto.boxBody{
padding-left: 0px !important;
padding-right: 0px !important;
width: 100% !important;
}

.np-nm .detailViewTwoCol .articleInfo {
padding: 0px 10px !important;
}

.np-nm .np-split-view .viewCanvasLeft {
width: 55%;
}

.np-nm div.np-split-view div.viewCanvasRight{
width: 45% !important;
}

.np-nm #JUMP{
display: none !important;
}

.np-nm .infoPhoto.boxBody.hasImg div.np-article-info {
height: calc(322px - 207px) !important;
}


.np-nm .np-card.ImgFltr .boxBody.hasImg .detailInfo{
display: none !important;
}

/* .np-nm .np-card.ImgFltr .boxBody.hasImg .fileInfo{
display: block !important;
height: 136px !important;
max-height: 136px !important;
} */

.np-nm ul.leftPanelBox_listing li{
border-bottom: 1px solid #EBEBEB !important;
}

.np-nm ul.leftPanelBox_listing li a{
font-weight: 500 !important;
font-size: 12px !important;
color: #87868D !important;
background: transparent !important;
}

.np-nm ul.leftPanelBox_listing li a sup{
font-weight: 800 !important;
}

.np-nm ul.leftPanelBox_listing li a.selected{
font-weight: 600 !important;
color: var(--general-primary-color) !important;
}

.np-nm .np-nm-collections-ul{
margin-left: 24px !important;
border-left: 1px solid #EBEBEB !important;
}

.np-nm ul.np-nm-collections-ul li {
border-bottom: none !important;
}

.np-nm ul.np-nm-collections-ul li::before {
  content: " " !important;
  display: block !important;
  width: 12px !important;
  height: 1px !important;
  background-color: #EBEBEB !important;
  top: 50% !important;
  left: 0 !important;
  position: absolute !important;
}

.np-nm .boxWithTitle_leftPanel .titleBarSlick .textTitle::before, .np-lp-main-title::before{
  display: none !important;
}

.np-nm .splLink,
.np-nm .RestoreLeftPanel {
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #87868D !important;
  padding: 0px 24px !important;
}

.np-nm .splLink::before {
  filter: invert(1) !important;
}

.np-nm .SetDefaultUserFilter {
  top: -1px !important;
}

.np-nm-file-info{
display: flex !important;
align-items: center !important;
gap: 5px;
margin-bottom: 9px !important;
}

.np-nm-file-info img{
width: 13px !important;
}

.np-nm-file-info span{
font-weight: 400 !important;
font-size: 10px;
text-transform: capitalize !important;
color: #87868D !important;
}

.np-nm .np-card-container.thumbView > .NewsItemBox.np-card.fullview-boxView{
max-width: 226px !important;
}

/* .np-nm .NewsItemCheckbox{
display: none;
} */

.np-nm .NewsItemBox .boxHeader{
padding: 0px 8px !important;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700 !important;
font-size: 11px !important;
color: #6C6C6C !important;
}

.np-nm .NewsItemBox .boxHeader .infoIconDiv{
margin-left: auto !important;
display: flex;
align-items: center;
gap: 3px;
}

.np-select-with-icon.np-select-with-icon-style-1{
width: 16px !important;
justify-content: center !important;
padding: 0px !important;
border: none !important;
background: transparent !important;
}

.np-nm .fullview-fooInfo{
background-color: var(--general-primary-color) !important;
}

.np-nm .collapsePanel,
.np-nm .expandPanel{
background: var(--general-primary-color) !important;
}

body[dir="ltr"].np-nm div.collapsePanel:before {
  top: 11px !important;
  left: 12px !important;
  border-right: 7px solid white !important;
}

body[dir="ltr"].np-nm div.expandPanel:before {
  top: 11px !important;
  left: 12px !important;
}

.np-nm .fullview-footer{
background: transparent !important;
height: 0px !important;
}

.np-nm .expandPanel.bottomright{
top: -37px !important;
}

.np-nm .boxWithTitle_leftPanel .titleBarSlick .textTitle{
font-weight: 600 !important;
font-size: 13px !important;
color: #00182B !important;
}

.np-nm .np-search-results{
font-weight: 400 !important;
font-size: 13px !important;
text-transform: capitalize !important;
color: #8B9FB9 !important;
}

.np-nm .np-search-results .total_number_records{
font-weight: 700 !important;
}

.np-nm .np-card-container.thumbView .np-card.ImgFltr{
padding: 0 !important;
}

.np-nm #NM_LEFT_PANE.np-left-pane.np-lp-fixed-top{
height: calc(100% - 54px) !important;
}

.np-nm .defaultSearch::before{
font-size: 12px !important;
}

.new_design_list_header.new_design_menu_section{
border-radius: 0px !important;
border-top: 1px solid #eee !important;
}

#USER_PROFILE{
background: transparent !important;
border: 1px solid #dddddd !important;
}

.np-pmp-sub-heading{
height: 44px !important;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #EDEDED;
margin-top: 13px;
padding: 0px 15px;
}

.np-pmp-status{
color: white !important;
width: 100%;
height: 20px;
background: #00B8A8;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
background-color: #797979;
}

.np-nm .imageHolder2{
margin-bottom: 15px !important;
}

.np-nm .np-card-inner {
  box-shadow: none !important;
  transition: none !important;
}

.np-nm .detailView .NewsItemBox {
 background: white !important;
}

.np-nm .listView .NewsItemBox.np-card .boxBody {
  display: block !important;
}

.np-nm .listView .infoPhoto .articleInfo {
  padding: 0px 12px !important;
}

.np-nm .listView .np-nm-article-title,
.np-nm .fullview-boxView .np-nm-article-title,
.np-nm .listView .NewsItemBox .articleLinks .np-nm-article-title.np-nm-article-title-type-2 {
  margin-bottom: 8px !important;
  height: auto !important;
}

.np-nm .listView .np-article-info .detailInfo{
height: 97px !important;
}

.np-nm .listView .imageHolder2 .new_media_image_8,
.np-nm .detailView .imageHolder2 .new_media_image_8{
margin: 0px 20px !important;
}

.np-nm .listView .infoPhoto.boxBody.hasImg div.np-article-info {
  height: auto !important;
}

.np-nm .np-card-container.detailView .NewsItemBox.np-card {
  padding: 0px !important;
}

.np-nm .detailView .articleInfo  {
  padding: 0px 12px !important;
}

/*************** nm article preview */

/* .np-nm #NM_NEWS_PREVIEW_PANE{
height: calc(100vh - 231px - var(--broadcast-height)) !important;
} */

.np-nm .np-split-view #NM_NEWS_PREVIEW_PANE.viewCanvasRight {
  height: calc(100vh - 231px - var(--broadcast-height)) !important;
}

.np-nm #NM_NEWS_PREVIEW_PANE .boxHeader,
.np-nm #NEWS_ITEM_PREVIEW_PANE{
padding: 0px 12px !important;
}

.np-nm-article-preview-actions{
display: flex !important;
align-items: center !important;
gap: 8px !important;
}

.np-nm-article-preview-actions .np-btn-with-icon{
width: 35px !important;
height: 22px !important;
}

body[dir="ltr"] .np-nm-article-preview-actions{
margin-left: auto !important;
}

body[dir="rtl"] .np-nm-article-preview-actions{
margin-right: auto !important;
}

.np-nm #NM_NEWS_PREVIEW_PANE .fullview-articleDetail {
border-radius: 5px !important;
padding: 0px !important;
max-height: unset !important;
}

.np-nm #NM_NEWS_PREVIEW_PANE .innerWhiteBox  {
height: inherit !important;
}

.np-nm #NM_NEWS_PREVIEW_PANE .detailInfo  {
overflow: hidden !important;
}

.np-nm #NEWS_ITEM_PREVIEW_PANE{
padding: 15px 15px 5px !important;
height: 100% !important;
overflow-y: auto !important;
height: calc(100vh - 273px - var(--broadcast-height)) !important;
margin-top: 0px !important;
}

/*************** nm article preview */

/******** other views style */

.np-nm .listView .articleInfoClick{
display: flex !important;
}

.np-nm .listView .new_media_image_8 {
  height: 67px !important;
  width: 92px !important;
}

.np-nm .listView .infoPhoto.boxBody.hasImg div.np-article-info{
  height: auto !important;
}

.np-nm .listView .imageHolder2{
  margin-bottom: 12px !important;
}

.np-nm .listView .np-nm-article-type-text .np-article-info .detailInfo{
  height: 79px !important;
}

.np-nm .listView .np-nm-article-type-text .articleInfo  {
display: flex !important;
}

.np-nm .listView .np-nm-article-type-text .articleLinks  {
  max-width: 240px !important;
  min-width: 240px !important;
  padding-right: 12px !important;
}

.np-nm .np-nm-provider-name.isListView{
display: none;
}

.np-nm .listView .np-nm-provider-name:not(.isListView){
display: none !important;
}

.np-nm .listView .np-nm-article-title{
  max-height: 48px !important;
  margin-top: 0px !important;
}

.np-nm .listView .np-nm-provider-name.isListView{
display: block !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}

/* .np-nm .listView .np-nm-article-footer  {
  display: none !important;
} */

/******** other views style */

.np-nm .detailInfo{
position: relative;
}

.np-nm .detailInfo:after {
  content: "" !important;
  width: 100% !important;
  height: 20px !important;
  display: block !important;
  position: absolute !important;
  background: rgba(150, 123, 19, 1) !important;
  background: -webkit-gradient(linear, 0% 0% 0% 100%, from(rgba(255, 255, 255, 0.5)), to(rgb(255, 255, 255))) !important;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgb(255, 255, 255)) !important;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgb(255, 255, 255)) !important;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgb(255, 255, 255)) !important;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgb(255, 255, 255)) !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 10 !important;
}

.np-alert-no-results{
margin-top: 10px !important;
color: #525252 !important;
text-shadow: none !important;
}

/******** news window */

.np-pw-header, .np-pw-panel-footer{
background: var(--general-primary-color);
border: none !important;
}
.np-pw-header i, .np-pw-panel-footer i{
color: white !important;
}

.np-pw-tabs {
  background: #0080B3 !important;
}

.np-pw-tabs li.TabbedPanelsTabSelected {
  background-color: #0555c2 !important;
}

.chosen-drop{
border: 1px solid #eee !important;
box-shadow: none !important;
border-radius: 5px !important;
}

.chosen-drop .chosen-results{
padding: 0 !important;
margin: 0 !important;
}

#PW_SEARCH_PANE{
background: #edeff0 !important;
}

.np-pw-panel-header {
  background-color: #575a5e !important;
}

/* .np-pw-panel-header .searchBoxHolder {
  background: white !important;
} */

.np-pw-panel-header .inputSrch  {
  padding: 0px !important;
}

.np-pmpp .np-page .infos{
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
}

.np-pmpp .np-page .infos{
padding: 0 10px !important;
}

.np-pmpp .adBoxPMP .np-page {
  width: 167px !important;
}

.np-pmpp .adBoxPMP .np-page span {
  color: var(--general-typo-sub-color) !important;
}

/********* pw */

.np--pw .pw-search-options {
display: flex;
align-items: center;
gap: 15px;
padding-top: 0px !important;
}

.np--pw .pw-search-options div{
display: flex;
align-items: center;
}

.np--pw .pw-search-options *{
cursor: pointer !important;
color: white !important;
}

.np--pw .pw-search-options label{
color: white !important;
}

.np--pw .np-search-container{
display: flex;
gap: 21px;
height: auto !important;
flex-wrap: wrap;
}

.np--pw a {
  color: #4F4F4F !important;
}

.np--pw .np-pw-page-details .infoTagLine li {
  color: #4F4F4F !important;
}

.np--pw .panelDetails span,
.np--pw .firstPanelDetails span{
  color: #4F4F4F !important;
}

.table-actions {
justify-content: left !important;
}

.np-tap .np-card-inner {
border-radius: 5px !important;
}

.np-tap .np-card-inner .boxFooter {
background: white !important;
box-shadow: none !important;
padding-bottom: 12px !important;
display: flex !important;
flex-wrap: wrap !important;
background: transparent !important;
}

.np-tap .np-card-inner .boxFooter .np-select-with-icon-style-1 {
height: auto !important;
margin-left: auto !important;
}

.np-tap .articleInfo * {
font-style: normal !important;
font-weight: normal !important;
font-size: 12px !important;
color: var(--general-typo-sub-color);
}

.np-tap .articleInfo dd,
.np-tap .articleInfo dd span {
color: #232323 !important;
font-weight: 500 !important;
}


.np-ptt-template-1{
display: flex !important;
display: flex !important;
background: white;
padding: 20px;
border: 1px solid #e4e4e4;
border-radius: 3px !important;
gap: 25px;
}

.np-ptt-actions{
display: flex;
align-items: end;
margin-left: auto;
}

.np-ptt .np-ptt-show-one #PT_PAGE_PANE{
width: auto !important;
max-width: 1400px !important;
margin: 0 auto !important;
margin-top: 53px !important;
}

.np-ptt-img-div img{
border: 1px solid #eee !important;
border-radius: 3px !important;
}

.image-checkin-new{
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #ccc;
}

.articlesBoxContainer.thumbView .container.np-fs-container-1{
height: 430px !important;
}

.thumbView .new-image-container-1 .bottom-side.np-fs-bottom-side-1{
border-top: 1px solid #ccc !important;
height: 37px !important;
padding-top: 8px !important;
}

.thumbView .new-image-container-1 .middle-side.np-fs-middle-side-1 {
  height: 78px !important;
  display: block !important;
}

.np-ptt #PT_RESULTS_PANE .top-optionBar-black,
.np-ptt #PT_RESULTS_PANE .top-optionBar-black li{
width: 100% !important;
}

.np-ptt #PT_RESULTS_PANE .top-optionBar-black span{
position: relative;
top: 2.4px;
}

.np-ptt #PT_RESULTS_PANE .top-optionBar-black label,
.np-ptt #PT_RESULTS_PANE .top-optionBar-black span{
font-size: 12px !important;
}

.np-ptt #PT_RESULTS_PANE .top-optionBar-black label{
width: auto !important;
}

.np--pw .np-pw-panel-header .chosen-single{
border: none !important;
box-shadow: none !important;
}

.np-nm #NM_RESULTS_PANE{
height: calc(100vh - 216px) !important;
}

.sectionArticleBodyPost.articleBodyContainer.fullscreen{
border: 1px solid #ccc !important;
}

.np-ae-body-info label{
font-size: 10px !important;
}

.titleBar .np-ae-body-info{
display: flex !important;
align-items: center!important;
gap: 2px!important;
}

.np-add-edit-bloc .np-acc-header-expand{
display: block;
width: 100% !important;
padding-top: 11px !important;
padding-bottom: 0px !important;
}

/******************* */

.np--ea-left-pane .np--ea-event ul.leftPanelBox_listing{
height: calc(100vh - 269px)!important;
overflow-y: auto!important;
}

.np--ea-left-pane .np--ea-event .boxWithTitle_leftPanel {
height: calc(100vh - 181px) !important;
}

.np--ea-left-pane .leftPanelBox_listing li .icon-spinner {
color: #7f7f7f !important;
top: 12px !important;
}

.np--ea-left-pane .np--ea-event .boxContainer_leftPanel {
  height: calc(100vh - 235px);
}
/****** */

.np--ea-left-pane article .np-date-picker .fonticon-star-outline {
	margin-top: 0px !important;
  display: none !important;
}

.np--ea-left-pane article .np-date-picker .fonticon-star-outline {
	margin-top: 0px !important;
}

.np--ea-left-pane article .np-date-picker .fonticon-star-outline:not(.icon-star)::before {
  content: "\e92c" !important;
  color: #bebebe !important;
}

.np--ea-left-pane .overlay{
z-index: 999 !important;
}

.print---macros{
  display: flex;
  padding: 13px;
  margin-top: 0px;
  background: white;
  margin-bottom: 12px;
  flex-wrap: wrap;
  justify-content: center;
  flex-basis: 28px;
  gap: 1vw;
  align-items: center;
  border: 1px solid var(--general-outline-color) !important;
  border-top: none !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}


.print---macros{
position: fixed !important;
width: 100%  !important;
bottom: 0px !important;
left: 0px !important;
margin: 0 !important;
z-index: 99 !important;
padding: 8px !important;
border-top: 1px solid #ccc !important;
}

ul.holder li.bit-box, #apple-list ul.holder li.bit-box {
  background-color: #dcdcdc !important;
  padding-right: 19px !important;
}

ul.holder li.bit-box a.fonticon-cancel, #apple-list ul.holder li.bit-box a.fonticon-cancel{
  position: absolute !important;
  right: 0 !important;
}

body[dir="ltr"] .np-ptp-preview{
float: left !important;
}

body[dir="rtl"] .np-ptp-preview{
float: right !important;
}

.print---macros{
border-left: 1px solid white !important;
border-right: 1px solid white !important;
}

body[dir="rtl"] .detailed-images_container{
margin-right: 9px !important;
width: 100% !important;
}

body[dir="rtl"] .detailed-images_container-toggler {
position: absolute !important;
right: unset !important;
left: 10px !important;
}

#TOGGLE_JPEG_PREVIEW_IN_EDIT_MODE{
background: transparent !important;
border: none !important;
padding: 0px !important;
}

#TOGGLE_JPEG_PREVIEW_IN_EDIT_MODE .icon-eye-off,
#TOGGLE_JPEG_PREVIEW_IN_EDIT_MODE .icon-eye{
display: none !important;
}

#TOGGLE_JPEG_PREVIEW_IN_EDIT_MODE input#SHOW_HIDE_BOXES_IN_EDIT_MODE{
height: 30px !important;
margin-top: 6px !important;
}

body[dir="rtl"] .np-popup-title, body[dir="rtl"] .np-popup-title .np-popup-title-text, body[dir="rtl"] .popupTitle{
text-align: right !important;
}


body[dir="ltr"] .np-popup-title, body[dir="ltr"] .np-popup-title .np-popup-title-text, body[dir="ltr"] .popupTitle{
text-align: left !important;
}


body[dir="rtl"] .np-uploader .np-popup-title-text{
text-align: right !important;
}

body[dir="ltr"] .searchIconStyle{
left: 2px !important;
top: 13px !important;
}

body[dir="rtl"] .searchIconStyle{
right: 2px !important;
top: 13px !important;
}

#PAGE_PANE.fixPaperlessLeftPanel {
height: calc(100vh - 163px) !important;
}

/************ pub window */

body[dir="rtl"].np--pw .pw-icons .navbar-nav.show li:nth-child(1) {
  right: 30px !important;
  left: unset !important;
}

body[dir="rtl"].np--pw .pw-icons .navbar-nav.show li:nth-child(2) {
  right: 60px !important;
  left: unset !important;
}

body[dir="rtl"].np--pw .pw-icons .navbar-nav.show li:nth-child(3) {
  right: 95px !important;
  left: unset !important;
}

body[dir="rtl"].np--pw .pw-icons .navbar-nav.show li:nth-child(4) {
  right: 132px !important;
  left: unset !important;
}

body[dir="rtl"].np--pw .pw-icons .navbar-nav.show li:nth-child(5) {
  right: 170px !important;
  left: unset !important;
}

body[dir="rtl"].np--pw .pw-icons .navbar-nav.show li:nth-child(6) {
  right: 204px !important;
  left: unset !important;
}

body[dir="rtl"].np--pw .pw-icons .navbar-nav li {
  right: -100px;
  left: unset !important;
}

body[dir="rtl"] .titleLabel_1 {
  display: flex;
  align-items: center;
}

/************ pub window */


body[dir="ltr"] .np-floating-menu-pane .np-inline-spinner{
right: 42px;
}

body[dir="rtl"] .np-floating-menu-pane .np-inline-spinner{
left: 42px;
}

/*********** mobile version */

.nd-mobile .pagesManager,  .nd-mobile .articlesSearchIcon{
width: 25px !important;
justify-content: center !important;
cursor: pointer !important;
}

.nd-mobile .navbar.navbar-default.navbar-fixed-top{
padding-top: 0px !important;
padding-bottom: 0px !important;
background: white !important;
}

.nd-mobile .articlesHeader{
margin: 0 auto !important;
}

.nd-mobile #SideMenu{
border-right: 1px solid #ccc;
background: #f6f7f8;
}

.nd-mobile #SideMenu *,
.nd-mobile .header-btn.nav-back::before {
color: black !important;
}

.nd-mobile .closebtn {
margin-left: 153px !important;
}

.nd-mobile .card-header {
background: white !important;
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important;
border-bottom: 1px solid #EDEDED !important;
}

.nd-mobile .card-footer {
/* border: 1px solid #EDEDED !important; */
/* border-top: none !important; */
background: white !important;
border-top: 1px solid #EDEDED !important;
}

.nd-mobile .label-1 *,
.nd-mobile .label-1 {
font-weight: 500 !important;
font-size: 11px !important;
line-height: 13px !important;
color: #6C6C6C !important;
}

.nd-mobile .np-tag{
height: 20px !important;
background: #E5DEFE !important;
border-radius: 3px !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 6px;
width: fit-content;
}

.nd-mobile .cursorOn{
  cursor: pointer;
}

body[dir="ltr"] #cboxClose {
  right: 25px !important;
}

body[dir="rtl"] #cboxClose {
  left: 25px !important;
}

.nd-mobile .sticky-top{
z-index: 1000;
}

.nd-mobile .sidenav{
z-index: 1002 !important;
}

.nd-mobile .fb-btn-wrap {
  position: fixed !important;
  left: 0px !important;
  bottom: 24px !important;
  z-index: 1100 !important;
  box-shadow: none !important;
  width: 100% !important;
}

.nd-mobile .fb-bg-overlay{
background: rgba(0, 0, 0, 0.8);
z-index: 1009;
position: fixed;
width: 100%;
height: 100vh;
top: 0px;
left: 0px;
}

.nd-mobile .fb-btn-wrap #floatingBtn{
  background: #10497E !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  box-shadow: none !important;
  margin: 0 auto;
}

.nd-mobile .fb-menu{
  width: 100%;
  position: fixed;
  bottom: 119px;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.nd-mobile .fb-menu .fb-btn {
  width: 100%;
  border-radius: 0px !important;
  background: #10497E !important;
  border-radius: 4px !important;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 10px;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-transform: capitalize;
  color: white !important;
  height: 45px !important;
}

.nd-mobile .bg--1 {
display: none;
background: #FFFFFF;
border: 1px solid #E8E8E8;
box-shadow: 0px 2px 8px rgba(169, 169, 169, 0.25);
border-radius: 5px;
}

.nd-mobile .fb-btn-wrap.open .bg--1{
display: block !important;
}

.nd-mobile *{
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.nd-mobile .txt-sub{
font-weight: 600 !important;
font-size: 11px !important;
color: #6C6C6C !important;
}

.nd-mobile .txt-ttl{
font-weight: 600 !important;
font-size: 13px !important;
color: #00182B !important;
}

.nd-mobile .txt-cnt{
font-weight: 500 !important;
font-size: 12px !important;
color: #6C6C6C !important;
}

.nd-mobile #mobileSearchPanel,
.nd-mobile .pagesSearch{
background: #f6f7f8 !important;
border-bottom: 1px solid #ccc !important;
}

.nd-mobile img[src="../themes/Gray/images/designer/date_icon.png"]{
display: none !important;
}

.nd-mobile #PM_SEARCH_BUTTON{
margin-top: 14px !important;
}

.nd-mobile .np-tbl-1 {
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
}

.nd-mobile .np-tbl-1 td{
font-weight: 600;
font-size: 12px;
color: #6C6C6C;
padding: 6px;
}

.nd-mobile .np-tbl-1 td.td1{
font-weight: 600 !important;
font-size: 13px !important;
border-right: 1px solid var(--bs-border-color-translucent) !important;
/*padding-left: 16px; padding-right: 16px;*/
}

.nd-mobile .header{
position: fixed !important;
width: 100% !important;
top: 0 !important;
z-index: 999 !important;
border-bottom: 1px solid #ccc;
}

.nd-mobile .main-div{
margin-top: 66px;
}

.nd-mobile .cmnt-txt{
font-weight: 600 !important;
font-size: 10px !important;
color: #00B8A8 !important;
}

.nd-mobile #FILTERS{
width: 100% !important;
padding: 0 !important;
box-shadow: none !important;
}

.nd-mobile .card{
border: none !important;
}

.nd-mobile .add-article{
background: white;
border-radius: 5px;
}

.nd-mobile .fieldsetWithSection label,
.nd-mobile .add-article label{
font-weight: 400 !important;
font-size: 11px !important;
color: #00182B !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
}

.nd-mobile .add-article .panel-group{
margin-bottom: 5px !important;
}

.nd-mobile .article-nav-1{
font-weight: 600 !important;
font-size: 15px !important;
color: #C2C2C2 !important;
height: 100%;
display: flex;
align-items: center;
}

.nd-mobile .article-nav-1.active{
color: #10497E !important;
border-bottom: 2px solid #10497E !important;
}

.nd-mobile .btnx{
font-weight: 600 !important;
font-size: 16px !important;
height: 40px !important;
}

.nd-mobile .sticky-btns .np-btn{
font-weight: 600 !important;
font-size: 16px !important;
height: 40px !important;
}

.nd-mobile .sticky-btns .np-btn.previous{
background: #C6C6C6 !important;
color: #FFFFFF !important;
}

.nd-mobile .sticky-btns .np-btn.next{
background: #10497E !important;
color: #FFFFFF !important;
}

.nd-mobile .sticky-btns .np-btn.submit{
background: #00B8A8 !important;
color: #FFFFFF !important;
}

.nd-mobile #article-tabs{
display: flex !important;
align-items: center !important;
height: 46px !important;
border-bottom: none !important;
}

.nd-mobile #article-tabs *{
color: white !important;
}

.nd-mobile .nav-tabs .np-btn {
margin: 0 !important;
}

.nd-mobile #files .file-uploaded{
background: white !important;
padding: 8px !important;
border-radius: 5px !important;
}

.nd-mobile .file-uploaded .pluginDelete {
right: 9px !important;
}

.nd-mobile .progress-m1 {
margin-top: 12px;
margin-bottom: 12px;
}

.nd-mobile .progress-m1 .progress-bar {
display: block;
height: 16px;
}

.nd-mobile input.btn, input.btn[type="text"] {
  height: unset;
}

#PM_ACTIONS_PANE .np-date-picker-with-star .np-date-picker{
min-width: 143px !important;
}

body[dir="rtl"] #DASHBOARD_PREVIOUS_DAY,
body[dir="rtl"] #DASHBOARD_NEXT_DAY{
transform: rotate(180deg);
}
.dashboard_title .np-new-sub-title{
  font-size: 1.2em !important;
}
.dashboard-fonts{
	font-size: 0.8vw;
}
.dashboard-fonts .articleTitle{
	font-size: 1em!important;
}
.dashboard-fonts .dashboard-flex{
	font-size: 1.8em!important;
}
.dashboard-fonts .np-card{
	font-size: 1.1em!important;
}
.dashboard-fonts .np-tag{
	font-size: 0.8em;
	line-height: unset;
	height: unset;
	max-width: 10vw;
  white-space: break-spaces;
	padding: 5px;
}


.admin-sitemap .sitemap_search{
position: relative !important;
}

.admin-sitemap .sitemap_search a{
position: absolute !important;
}

body[dir="ltr"] .admin-sitemap .sitemap_search a{
left: unset !important;
right: 13px !important;
}

body[dir="rtl"] .admin-sitemap .sitemap_search a{
left: 13px !important;
right: unset !important;
}

.seo-widget{
  position: relative;
}
.seo-widget .seo-icon{
  display: flex;
  width: 126px;
  height: 35px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 5px;
  background: white;
  background-clip: padding-box;
  cursor: pointer;
}

.seo-widget .seo-icon::after{
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: linear-gradient(270deg, #83C400 0%, #1F61A5 62.5%);
  content: '';
  z-index: -1;
  border-radius: 5px;
}
.seo-widget .seo-icon .seo-logo{
  position: relative;
  background: linear-gradient(270deg, #1F61A5 0%, #023871 100%);
  width: 46px;
  height: 33px;
}
.seo-widget .seo-icon .seo-logo::after{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: 'SEO';
  color: white;
  font-size: 12px;
  font-family: tahoma;
  background-image: url('../themes/Gray/images/new_design_icons/edit_article/chip.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) 50%;
  line-height: 32px;
  text-indent: 6px;
}
.seo-widget .seo-icon .seo-info{
  flex-grow: 1;
  height: 33px;
}
.seo-widget .seo-icon .seo-info .seo-status{
  height: 33px;
  color: #83C400;
  background-repeat: no-repeat;
  background-position: 6px 6px;
  text-indent: 40px;
  font-size: 12px;
  font-weight: 600;
  line-height: 33px;
}
.seo-widget .seo-icon .seo-info .seo-status.good_score{
  background-image: url('../themes/Gray/images/new_design_icons/edit_article/seo-status-good.svg');
}
.seo-widget .seo-icon .seo-info .seo-status.avg_score{
  background-image: url('../themes/Gray/images/new_design_icons/edit_article/seo-status-fair.svg');
}
.seo-widget .seo-icon .seo-info .seo-status.bad_score{
  background-image: url('../themes/Gray/images/new_design_icons/edit_article/seo-status-bad.svg');
}
.seo-widget .seo-icon .seo-info .seo-status .seo-score{
  background-position: calc(100% - 4px) 50%;
  background-repeat: no-repeat;
}
.seo-widget .seo-icon .seo-info .seo-status .seo-score .down-arrow{
  transform: rotate(180deg);
}
.seo-widget .seo-block{
  position: absolute;
  top: calc(100% + 11px);
  width: 343px;
  background-color: white;
  border: 1px solid #F1F1F5;
  box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  transform: translateX(-30%);
}
.seo-widget .seo-block .seo-gauge-container{
  display: flex;
  justify-content: center;
  height: 125px;
  align-items: center;
}
.seo-widget .seo-block .seo-title{
  display: flex;  
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  height: 54px;
  border-bottom: 1px solid #F1F1F5;
  padding: 0px 15px 0px 22px;
}
.seo-widget .seo-block ul.seo-vert-list li{
  border-top: 1px solid #F1F1F5;
  font-size: 12px;
  line-height: 13px;
  padding: 10px;
}

body[dir="rtl"] .seo-widget .seo-block ul.seo-vert-list li{
  text-align: right;
  direction: rtl;
}

.seo-widget .seo-block ul.seo-vert-list li span{
  color: #00182B;
}
.seo-widget .seo-block ul.seo-vert-list li em{
  color: #ED8936 !important;
  font-style: normal;
  font-weight: 600!important;
}
.seo-widget .seo-block ul.seo-vert-list.good-points li em{
  color: #00B81E !important;
}
.seo-widget .seo-block .seo-body,
.seo-widget .seo-block .seo-details{
  max-height: calc(100vh - 170px);
  overflow: auto;
}
.seo-widget .seo-block .seo-body ul.seo-horz-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  height: 34px;
  border-top: 1px solid #F1F1F5;
}
.seo-widget .seo-block .seo-body ul.seo-horz-list li{
  display: inline;
  font-size: 11px;
  color: #000000;
  white-space: nowrap;
}
.seo-widget .seo-block .seo-body ul.seo-horz-list em{
  font-style: normal;
}
.seo-widget .seo-block .seo-body ul.seo-indicators-list{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 85px;
  border-top: 1px solid #F1F1F5;
  align-items: center;
}
.seo-widget .seo-block .seo-body ul.seo-indicators-list li{
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #6C6C6C;
  font-size: 10px;
  flex-basis: 30%;
  align-items: center;
}

.seo-widget .seo-block .seo-body ul.seo-indicators-list li .sil-caption{
  text-transform: uppercase;
}
.seo-widget .seo-block .seo-body ul.seo-indicators-list li .sil_value{
  font-size: 18px;
  color: #FF4230;
  font-weight: 600;
  padding-right: 15px;
}
.seo-widget .seo-block .seo-body ul.seo-indicators-list li .sil_value.bad_score{
  color: #FF4230;
  background-image: url('../themes/Gray/images/new_design_icons/edit_article/down-arrow-red.svg');
  background-position: calc(100% - 4px) 50%;
  background-repeat: no-repeat;
}
.seo-widget .seo-block .seo-body ul.seo-indicators-list li .sil_value.good_score{
  color: #00B81E;
  background-image: url('../themes/Gray/images/new_design_icons/edit_article/up-arrow-green.svg');
  background-position: calc(100% - 4px) 50%;
  background-repeat: no-repeat;
}
.seo-widget .seo-block .seo-body ul.seo-indicators-list li .sil_value.avg_score{
  color: #ED8936;
  background-image: url('../themes/Gray/images/new_design_icons/edit_article/down-arrow-orange.svg');
  background-position: calc(100% - 4px) 50%;
  background-repeat: no-repeat;
}
.seo-widget .seo-block .seo-details h3{
  font-weight: 600!important;
  font-size: 16px;
  padding: 10px;
  border-top: 1px solid #F1F1F5;
}
body[dir="rtl"] .seo-widget .seo-block .seo-details h3{
  direction: rtl!important;
}
.article_header{
  padding-top: 0 !important;
  margin: 0 1rem;
}

body[dir="rtl"] .switch::before {
  left: calc(100% + 5px) !important;
  right: unset !important;
}

#SEO_WIDGET,
body[dir="ltr"] #SEO_WIDGET,
body[dir="rtl"] #SEO_WIDGET {
direction: ltr !important;
}

.ce-block__content .ce-paragraph a{
  color: #2a2af4 !important;
}

.codex-editor .media-item img{
  max-width: 100% !important;
}

body[dir="rtl"] .codex-editor.codex-editor--rtl .ce-toolbar__actions {
  left: auto !important;
  right: -18px !important;
}

.tc-wrap{
  direction: ltr !important;
}

.withBackground .cdx-image_caption {
  background: #eee !important;
}
.nav-tabs .right-items{
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.codex-editor .ce-block{
  word-break: break-word !important;
}

.ArticleDivision [data-tune="footnotes"]{
  border: 1px solid #eee !important;
  width: auto !important;
  text-align: center !important;
  border-radius: 9px !important;
  margin: 0px 5px !important;
  cursor: pointer !important;
}

.new-design-sorting{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 59px!important;
  height: 59px!important;
  margin: 0 10px;
}
.new-design-sorting .np-icon-label a{
  color: #c4c4c4!important;
  font-size: 20px;
}
.new-design-sorting .np-sub{
  left: 50% !important;
  }

  /************************** new stories layout view style ********/

  .thumbView.layoutView .hideOnLayoutView, .showOnLayoutView{

    display: none !important;

  }

  .thumbView.layoutView .showOnLayoutView{

    display: block !important;
    
  }

  .thumbView.layoutView .ArticleBox .articleBrief{
    font-size: 13px !important;
  }


  .thumbView.layoutView .ArticleBox .articleTitle {
      font-size: 14px !important;
  }

  .thumbView.layoutView .new_design_boxBody_div.lvs{
    margin-top: 2px !important;
    /* height: 148px !important; */
  }

  body[dir="ltr"] .thumbView.layoutView .pollsOrQuizzesCount{
    float: left !important;
    font-size: 14px !important;
    margin-top: 1px !important;
    margin-left: 4px !important;
    margin-right: 13px !important;
  }

  body[dir="rtl"] .thumbView.layoutView .pollsOrQuizzesCount{
    float: left !important;
    font-size: 14px !important;
    margin-top: 1px !important;
    margin-right: 4px !important;
    margin-left: 13px !important;
  }

  body[dir="rtl"] .np-card-container.thumbView.layoutView.np-grid-of-3 .np-card .imageHolder {
    margin-left: 0px !important;
  }

  body[dir="rtl"] .np-card-container.thumbView.layoutView.np-grid-of-3 .np-card .imageHolder.new_design_more_images {
    left: -10px !important;
  }

  .layoutView.np-card-container.thumbView.np-grid-of-3{
    align-items: stretch !important;
  }

  .layoutView.thumbView .ArticleBox{
    max-height: unset !important;
  }

  .no_article_images{
    display: none !important;
  }

  .layoutView.thumbView .infoPhoto.boxBody.new_design_hide_on_list_view.hide{
    display: block !important;
    height: auto !important;
    min-height: auto !important;
  }

  .layoutView.thumbView .infoPhoto.boxBody.new_design_hide_on_list_view.hide .articleLinks.showOnLayoutView{
    padding: 0px 0px !important;
  }

  #FS_FORM #FS_RESULTS_PANE .grid.mediaItems{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(315px, 1fr));
    /* grid-auto-rows: 10px; */
    grid-auto-flow: dense;
    gap: 10px;
    overflow-x: hidden;
  }

  #FS_FORM #FS_RESULTS_PANE .grid.mediaItems .grid-item {
    grid-row-end: span min-content !important;
    box-sizing: border-box !important;
  }

  /* media page new view */
  
  .articlesBoxContainer.thumbView .mediaV2{
    display: none!important;
  }

  .articlesBoxContainer.thumbView02 .mediaV1{
    display: none !important;
  }

  /* media page new view */
  .articlesBoxContainer.thumbView02 .mediaV2{
    display: block !important;
  }

  .mediaImg2{
    width: 150px;
    height: 150px;
    margin-top: 18px;
    border-radius: 7px;
    margin: 0 auto;
    margin-top: 18px !important;
  }

  #FS_FORM #FS_RESULTS_PANE.thumbView02 .grid.mediaItems{
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  }

  #FS_FORM #FS_RESULTS_PANE.thumbView02 .grid.mediaItems .grid-item {
    width: 206px !important;
    max-height: 335px !important;
  }

  #FS_FORM #FS_RESULTS_PANE.thumbView02 .media-separator{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  
  #FS_FORM #FS_RESULTS_PANE.thumbView02 .np-checkbox.FSImageCheckbox.media-image-checkbox{
    margin-top: 7px !important;
  }

  #FS_FORM #FS_RESULTS_PANE.thumbView02 .media-image-title.mediaV2{
    height: auto;
  }

  #FS_FORM #FS_RESULTS_PANE.thumbView02 .mediaV2Div{
    margin-top: 5px;
    white-space: break-spaces;
  }

  #FS_FORM #FS_RESULTS_PANE.thumbView02 .media-item-footer{
    margin-bottom: 9px !important;
  }
  
  body[dir="rtl"] #FS_FORM #FS_RESULTS_PANE .media-item-footer{
    padding-right: 11px !important;
  }
  
  /********* fix media thumb view 1 ******/

  #FS_FORM #FS_RESULTS_PANE.thumbView .mediaItems .imageHolder{
    padding-right: 11px !important;
    height: 157px !important;
    background: #eee !important;
    margin-top: 11px !important;
    border-radius: 8px !important;
    padding-bottom: 22px !important;
  }

  #FS_FORM #FS_RESULTS_PANE.thumbView .mediaItems .imageHolder img{
    height: 100% !important;
    width: auto !important;
  }
  
  #FS_FORM #FS_RESULTS_PANE.thumbView .mediaItems .imageHolder img{
    margin-left: 22px !important;
  }
  
  #FS_FORM #FS_RESULTS_PANE.thumbView .mediaItems .title-flex-bar{
    margin-top: 14px !important;
  }
  
  #FS_FORM #FS_RESULTS_PANE.thumbView .mediaItems .grid-item{
    max-height: 356px !important;
  }
  
  body[dir="ltr"] #FS_FORM #FS_RESULTS_PANE.thumbView .mediaItems .grid-item-image{
    margin-left: 28px !important;
  }

  body[dir="rtl"] #FS_FORM #FS_RESULTS_PANE.thumbView .mediaItems .grid-item-image{
    margin-left: 37px !important;
  }

  .np-add-edit-txtarea:not(#BODY_SPAN textarea){
  max-height: 400px;
  }

  .sectionArticleBodyPost .titleBar{
  max-height: 100px !important;
  }

  .sectionArticleBodyPost.fullscreen textarea.np-add-edit-txtarea{
    height: calc(100% - 106px) !important;
  }

  .sectionArticleBodyPost.fullscreen.np-field-block{
    display: block !important;
  }

/*##########################################################################################*/
/*##################################### AI STYLE ./START #####################################*/
/*##########################################################################################*/

.chatgptbutton{
  width: 41px !important;
  height: 35px !important;
  cursor: pointer;
  margin-inline-end: 5px;
  border: 2px solid #c2c3ff;
  border-radius: 5px;
  padding: 5px;
}

.chatgptbutton.active{
  border-color: #603CFF;
}
  
  .chat_el_1{
  min-height: 43px;
  background: #FFFFFF !important;
  border: 1px solid #F1F1F5 !important;
  border-radius: 5px !important;
  display:flex;
  align-items: center;
  gap: 14px;
  padding-left: 15px !important;
  padding-right: 4px !important;
  margin-bottom: 5px;
  }
  
  .chat_el_1_img{
  width:25px;
  }
  
  [contenteditable]:focus {
    outline: none;
  }
  
  input.chat_el_1_inp{
  border: none !important;
  background: transparent !important;
  font-size: 12px !important;
  width: 100% !important;
  }
  
  .chat_input_parent{
  position: relative !important;
  height: 100% !important;
  width: 100% !important;
  height: 41px !important;
  }
  
  .expandaichat .expandaichatel1{
  display: block;
  }
  
  .expandaichat .expandaichatel2{
  display: none;
  }
  
  .expandaichat.expanded .expandaichatel1{
  display: none;
  }
  
  .expandaichat.expanded .expandaichatel2{
  display: block;
  }
  
  #aimessage, #aimessage_clone{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  /* line-height: 42px; */
  padding-top: 11px !important;
  padding-bottom: 12px !important;
  word-break: break-word !important;
  font-family: 'Gilroy' !important;
  font-style: normal !important;
  font-size: 14px !important;
  font-weight: 500;
  }
  
  .storycategoryaibtn{
  cursor: pointer !important;
  }
  
  #aimessage{
  color: transparent !important;
  caret-color: blue !important;
  /* left: -1px !important; */
  }
  
  #aimessage, #aimessage, #aimessage span{
  color: transparent !important;
  }
  
  #aimessage_clone{
  pointer-events: none;
  color: #87868D;
  }
  
  div.chat_el_1_inp{
  border: none !important;
  background: transparent !important;
  min-height: 35px;
  font-size: 12px !important;
  width: 100% !important;
  /* display: flex;
  align-items: center; */
  }
  
  .chat_el_2{
  margin-inline-start: auto;
  display: flex;
  gap: 5px;
  position: relative;
  }
  
  .chat_el_2 .chatgenerator{
  background: #FFFFFF !important;
  border: 1px solid #7676FB !important;
  border-radius: 5px !important;
  z-index: 2;
  padding: 9px !important;
  z-index: 9;
  }
  
  .chat_el_2 .chatgenerator:not(.inner){
  position: absolute !important;
  top: 40px;
  min-width: 228px;
  display: none;
  }
  
  .chat_el_2 .chatgenerator.open,
  .chat_el_2 .chatgenerator.inner{
  display: block;
  }
  
  .chat_el_2 .chatgenerator.inner{
  margin-top: 10px !important;
  }
  
  .chat_el_2 .chatgenerator ul li{
  /* display: flex !important;
  gap: 10px !important; */
  padding: 10px !important;
  border: 1px solid transparent !important;
  position: relative;
  }
  
  .chat_el_2 .chatgenerator ul li.eachOpt{
  cursor: pointer;
  }
  
  .chat_el_2 .chatgenerator ul li.eachOpt .chatgenerator.inner{
  display: none;
  }
  
  .chat_el_2 .chatgenerator ul li.eachOpt.open .chatgenerator.inner{
  display: block;
  }
  
  .chat_el_2 .chatgenerator ul li.open{
  background: rgba(121, 87, 255, 0.07) !important;
  border: 1px solid #7676FB !important;
  border-radius: 5px !important;
  }
  
  .chat_el_2 .chatgenerator ul li img.smallicon{
  width: 13px !important;
  position: relative;
  margin-inline-end: 10px;
  top: 2px;
  }
  
  .chat_el_2 .gencollapse{
  display: none;
  }
  
  .chat_el_2 .gencollapse.open, .gencollapse.inner{
  display: block !important;
  }
  
  .chat_el_2 .chatgenerator ul li span{
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #00182B !important;
  pointer-events: none;
  }
  
  .geninput{
  height: 45px;
  background: #FFFFFF;
  border: 1px solid #7676FB;
  border-radius: 5px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px !important;
  }
  
  .geninput input{
  border: none !important;
  background: transparent !important;
  width: 100%;
  font-size: 12px !important;
  padding: 0px !important;
  }
  
  .eachOpt .geninput{
  display: none;
  }
  
  .eachOpt.open .geninput{
    display: flex !important;
  }
  
  .chat_el_2 .chatgenerator ul li img.arrowicon{
  margin-inline-start: auto !important;
  width: 8px !important;
  position: absolute;
  top: 12px;
  right: 11px;
  pointer-events: none;
  }
  
  .chat_el_2 .chatgenerator ul li.open img.arrowicon{
  transform: rotate(270deg) !important;
  }
  
  .chat_el_2 .chatgenerator.inner img.activeopt{
  width: 15px !important;
  margin-inline-start: auto !important;
  position: absolute;
  top: 12px;
  right: 11px;
  display: none;
  }
  
  .eachAiACBtn{
  position:absolute;
  top:14px;
  width: 14px;
  cursor: pointer;
  }
  
  .eachAiACBtn.copyBTN{
  top:9px;
  right: 9px !important;
  z-index: 9;
  }
  
  body[dir="ltr"] .eachAiACBtn{
    right:40px;
  }
  
  body[dir="rtl"] .eachAiACBtn{
    left:40px;
  }
  
  .openaimedia{
  position: relative;
  }
  
  .openaigenmedia{
  position: absolute;
  top: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  }
  
  body[dir="ltr"] .openaigenmedia{
    right: 13px;
  }
  
  body[dir="rtl"] .openaigenmedia{
    left: 13px;
  }
  
  .openaigenmedia img{
  width: 16px;
  }
  
  .openaigenmedia span{
   display: none;
  font-weight: 500;
  font-size: 11px;
  text-transform: capitalize;
  color: #6C6C6C;
  position: relative;
  top: 2px;
  }
  
  .chat_el_2 .chatgenerator.inner img.activeopt.selected{
  display: block !important;
  }
  
  .chat_el_3{
  width: 38px;
  height: 35px;
  background: #FFFFFF;
  /* border: 1px solid #7676FB; */
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: -1px;
  }
  
  /* .chat_el_3.chatgptsettingsbtn.has-options{
    background: #10497E;
    border: 1px solid #603CFF;
  } */
  
  .chatgptsettingscleardiv{
    margin-top: 7px !important;
    margin-bottom: 9px !important;
    text-align: center !important;
  }
  
  .chatgptsettingsclear{
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  text-decoration-line: underline;
  text-transform: capitalize;
  color: #87868D;
  cursor: pointer;
  }
  
  .chat_el_3_img{
  width: 15.7px;
  }
  
  .chat_el_3_btn{
  width: 33px;
  height: 35px;
  /* background: linear-gradient(128.42deg, #0500FF 13.27%, #A40FFF 100.45%); */
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  }
  
  .chat_el_3_btn_img{
  width: 15.14px;
  }
  
  .chat_el_4{
  width: 737px;
  background: #FFFFFF;
  border: 1px solid #F1F1F5;
  border-radius: 5px;
  margin-bottom: 8px !important;
  width: 100% !important;
  }
  
  .chat_el_hr_div{
  padding: 0px 33px !important;
  }
  
  .chat_el_hr{
  border: none !important;
  border-bottom: 1px solid #E7EAED !important;
  margin-top: 13px !important;
  }
  
  .chatgptmessages {
    max-height: 225px;
    overflow: auto;
  }
  
  .chatgptmessages.expanded {
    max-height: 646px !important;
  }
  
  .chatgptmessages li{
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 33px;
  position: relative;
  }
  
  .chatgptmessages li .copymsg{
  position: absolute;
  cursor: pointer;
  display: none;
  width: 10.59px !important;
  }
  
  .chatgptmessages li:hover .copymsg{
  display: block;
  }
  
  .chatgptmessages li .copymsg{
  position: absolute;
  right: 25px !important;
  bottom: 22px !important;
  }
  
  .chatgptmessages li .m_img{
  width: 23px;
  }
  
  .chatgptmessages .each-ai-msg .m_text{
  text-align: initial !important;
  }
  
  .chatgptmessages li .m_text{
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #00182B!important;
  word-break: break-word!important;
  font-family: Tahoma !important;
  margin-inline-end: 75px !important;
  line-height: 22px;
  width: 100% !important;
  white-space: pre-line !important;
  }
  
  .chatgptmessages li:nth-child(odd) {
    background-color: white;
  }
  
  .chatgptmessages li:nth-child(even) {
    background: rgba(139, 159, 185, 0.14);
  }
  
  .chat_el_4 .settingsbox {
  height: 46px!important;
  display: flex;
  align-items: center;
  padding: 0px 66px !important;
  }
  
  .chat_el_4 .settingsbox .eachbox{
  height: 46px;
  display: flex;
  align-items: center;
  width: calc(100% / 3) !important;
  /* text-align: center !important; */
  }
  
  .textend{
  margin-inline-start: auto !important;
  }
  
  .textcenter{
  margin: 0 auto !important;
  }
  
  .gap12{
  gap: 12px !important;
  }
  
  .chatgptsettingsbtn .ai-no-options{
  display: block;
  }
  
  .chatgptsettingsbtn .ai-has-options{
  display: none;
  }
  
  .chatgptsettingsbtn.has-options .ai-no-options{
  display: none;
  }
  
  .chatgptsettingsbtn.has-options .ai-has-options{
  display: block;
  }
  
  .gap7{
  gap: 7px !important;
  }
  
  .chat_el_5{
    cursor: pointer;
  }
  
  .chat_el_5 span{
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #1002FF !important;
    padding-top: 1px !important;
  }
  
  .chat_el_5 img{
    width: 15px !important;
  }
  
  .chat_el_6{
    cursor: pointer;
  }
  
  .chat_el_6 span{
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #6C6C6C !important;
  }
  
  .chat_el_6 img{
    width: 15px !important;
  }
  
  .chat_el_7{
  height: 278.4px;
  background: #FFFFFF;
  border: 1px solid #F1F1F5;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  color: #87868D;
  position: relative;
  }
  
  .oi-overlay-content .chatgptmain{
  margin-bottom: 10px !important;
  }
  
  .chat_el_7 img{
  width: 32.02px;
  }
  
  .preview-ai-img{
  position: relative;
  height: 100%;
  width: 100%;
  }
  
  .preview-ai-img.no-img{
    padding-top: 58px;
  }
  
  .preview-ai-img.no-img span{
    padding-top: 16px;
    display: block;
  }
  
  .preview-ai-img.has-img {
    background-color: #eee !important;
    position: relative;
    border-radius: 5px;
  }
  
  .has-ai-img-nav {
  height: 37px;
  background: #FFFFFF;
  border: 1px solid #F1F1F5;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  text-align: center;
  margin-top: 10px;
  }
  
  .has-ai-img-nav .img2 {
  margin-inline-start: auto;
  }
  
  .has-ai-img-nav .img1,
  .has-ai-img-nav .img2 {
  width: 7px;
  cursor: pointer;
  }
  
  .addaimedia{
  height: 35px;
  background: #FFFFFF;
  border-radius: 3px;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  right: 6px;
  bottom: 6px;
  }
  
  .imgaiselected {
  margin-inline-start: auto;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: #0F02FF;
  }
  
  .imgaicount {
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: #87868D;
  }
  
  .oi-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
  }
  
  .oi-overlay-content {
    background: #FFFFFF;
    border: 1px solid #F1F1F5;
    border-radius: 5px;
    padding: 10px;
    width: 300px;
    height: 400px;
  }
  
  .aigenerateimg[disabled],
  .addaimedia[disabled],
  .chatgptsendmsg[disabled]{
  pointer-events: none !important;
  opacity: 0.6;
  }
  
  #chatgptchatcontainer{
    overflow: unset !important;
    width: 95% !important;
    margin: 0 auto 15px;
  }
  
  .fakehide{
  opacity: 0 !important;
  pointer-events: none !important;
  }
  
  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
  }
  
  .pulse-animation {
    animation: pulse 0.8s;
  }
  
  .ai_hl_article{
    color: red !important;
  }
  
  .ai_hl_green{
    color: green !important;
    font-weight: 500 !important;
  }
  
  .ai_hl_orange{
  color: orange !important;
  font-weight: 500 !important;
  }
  
  .ai_hl_red{
    color: red !important;
    font-weight: 500 !important;
  }
  
  .ai_hl_title{
    color: green !important;
  }
  
  .ai_hl_subtitle{
    color: blue !important;
  }
  
  .ai_hl_first_p{
    color: black !important;
  }
  
  .w100{
    width: 100% !important;
  }
  
  .heartbeat {
    position: relative;
    animation: heartbeatAnimation 1s infinite;
    opacity: 0.5;
    pointer-events: none;
  }
  .ai_shortcuts{
    display: flex;
    flex-direction: row;
    gap: 3px;
    flex-wrap: wrap;
  }
  .ai_shortcuts > div{
    padding: 5px;
    height: 25px;
    display: flex;
    cursor: pointer;
    color: #007aff;
    font-size: 12px;
  }
  .ai_shortcuts > div:hover{
    text-decoration: underline;
  }
  @keyframes heartbeatAnimation {
    0%, 100% {
      transform: scale(1); /* Normal size at the beginning and end */
    }
    50% {
      transform: scale(1.2); /* Bigger size at the middle of the animation */
    }
  }
  
  /*##########################################################################################*/
  /*##################################### AI STYLE ./END #####################################*/
  /*##########################################################################################*/

  /* nested menu ./start */
:root{
  --nested-li-menu-width: 150px;
  --nested-li-menu-position: -150px;
  }
  
  .nested-ul-parent{
  position: relative !important;
  }
  
  .nested-ul-menu{
    position: absolute !important;
    background: white !important;
    z-index: 9999 !important;
    border: 1px solid #eee !important;
    width: var(--nested-li-menu-width) !important;
    top: 0px !important;
    min-height: 38px !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    display: none !important;
  }
  body[dir="ltr"] .nested-ul-menu{
  right: var(--nested-li-menu-position) !important;
  }
  body[dir="rtl"] .nested-ul-menu{
  left: var(--nested-li-menu-position) !important;
  }
  .nested-ul-parent:hover {
  border-bottom: 1px solid #eee !important;
  }
  .nested-ul-parent:hover .nested-ul-menu {
  display: block !important;
  }
  /* nested menu ./end */

  .page-child-subsection{
    display: block;
    margin-top: 11px;
    margin-bottom: 16px;
    padding-inline-start: 11px;
  }
#quick_macros_select {
  z-index: -1;
}

.chatgptmessages ai-target-content {
  font-weight: bold !important;
  font-size: 15px;
}