:root {
	--primary-color: #3076df;
	--orange-color: #FF7C32;
	--white-color: #fff;
	--red-color: #FF4235;
	--green-color: #11af12;
	--grey-color: rgba(0, 0, 0, 0.05);
	--yellow-color: #FFB512;
	--blueberry-color: #3095DF;
	--pending-color: #FFC547;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
}

img {
	width: 100%;
	height: auto;
}
/* bootstrap start */
.bg-white {
	background-color: var(--white-color);
}

.bg-orange {
	background-color: var(--orange-color);
}

.bg-grey {
	background-color: var(--grey-color);
}

.bg-yellow {
	background-color: var(--yellow-color) !important;
}

.bg-blueberry {
	background-color: var(--blueberry-color) !important;
}

.text-red {
	color: var(--red-color) !important;
}

.text-green {
	color: var(--green-color) !important;
}

.text-dark-blue, .text-blue {
	color: var(--primary-color) !important;
}

.text-pending {
	color: var(--pending-color);
}

.flex-wrap {
	flex-wrap: wrap;
}

.f-600 {
	font-weight: 600;
}

.f-400 {
	font-weight: 400;
}

.m-0 {
	margin: 0 !important;
}

.ml-0 {
	margin-right: 0 !important;
}

.ml-1 {
	margin-left: 10px !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mr-1 {
	margin-right: 10px !important;
}

.mb-2 {
	margin-bottom: 20px;
}

.mt-1_2 {
	margin-top: 12px;
}

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

.mt-3 {
	margin-top: 30px !important;
}

.mx-2 {
	margin-left: 20px;
	margin-right: 20px;
}

.my-2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.m-0 {
	margin: 0 !important;
}

.p-2 {
	padding: 20px;
}

.px-1 {
	padding: 0 10px;
}

.pl-1 {
	padding-left: 10px !important;
}

.pl-2 {
	padding-left: 30px !important;
}

.p-0 {
	padding: 0 !important;
}

.br-tl {
	border-top-left-radius: 8px;
}

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

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

.br-tr {
	border-top-right-radius: 8px;
}

.f-400 {
	font-weight: 400 !important;
}

.col-50-per {
	width: 20%;
	float: left;
	padding: 10px;
}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	/* webkit-user-select: none; */
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff;
	border-radius: 6px;
	/*  padding: 0px 16px; */
	height: 32px;
	font-size: 12px;
	margin: 0px 6px;
	border: 1px solid transparent;
	transition: color .15s ease-in-out, background-color .15s ease-in-out,
		border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.border {
	border: 1px solid #E7E7E7;
}

.border-1 {
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.border-0 {
	border: none !important;
}

.shadow-0 {
	box-shadow: none !important;
}

.btn-primary {
	background: var(--primary-color);
	color: #FFF;
}

.btn-primary:hover {
	background-color: #1f62c7;
}

.btn-warning-custom {
	background: #fdb231;
	color: #FFF;
}

.btn-warning-custom:hover {
	background-color: #f2a92c;
	color: #FFF;
}

.btn-superstition {
	background: #1c1c1d;
	color: #FFF;
	cursor: pointer;
}

.btn-superstition:hover {
	background: #000000;
	color: #FFF;
}

.btn-light-primary {
	background-color: rgba(48, 118, 223, 0.1);
	color: var(--primary-color);
	border: 1px solid rgba(48, 118, 223, 0.2);
	margin: 0;
}

.btn-light-primary:hover {
	background-color: #d2e1f9;
	/* opacity: 0.7; */
}

.btn-outline-white {
	background-color: transparent;
	color: #fff;
	border-radius: 6px;
	border: 1px solid #fff;
}

.btn-outline-white:hover {
	background-color: white;
	color: var(--primary-color);
}

.btn-outline-blue {
	color: var(--primary-color);
	border: 1px solid rgba(48, 118, 223, 0.2);
}

.btn-outline-blue:hover {
	background-color: rgba(48, 118, 223, 0.1);
}

.btn-skin {
	background-color: #F7F7F7;
	color: #373430;
}

.btn-skin:hover {
	background-color: #e6e6e6;
}

.btn-skyblue {
	background-color: rgba(48, 118, 223, 0.1);
	color: var(--primary-color);
}

.btn-section .btn.btn-white {
	margin-top: 20px;
	margin-bottom: 20px;
}

.group-btn>.btn:not(:first-child) {
	margin: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.group-btn>.btn:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin: 0;
}

.bg-transparent {
	background: transparent !important;
}

.d-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.h-flex {
	display: flex;
}

.flex-start {
	justify-content: flex-start;
}

.flex-end {
	justify-content: flex-end;
}

.align-baseline {
	align-items: baseline;
}

.h-time .d-flex {
	margin-left: 10px;
}
/* bootstrap end */

/* sidebar start */
.sidebar {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	overflow-y: auto;
	width: 240px;
	background: #222738;
	z-index: 99;
	transition: all 0.5s ease;
}

.sidebar.open {
	width: 60px;
}

.sidebar .nav-search-icon, .sidebar.open .nav-search {
	display: none;
}

.sidebar.open .nav-search-icon {
	display: inline-flex;
}

.sidebar .nav-search {
	display: block;
}

.sidebar .logo-details {
	height: 70px;
	display: flex;
	align-items: center;
	position: relative;
}

.sidebar .logo-details .icon {
	opacity: 0;
	transition: all 0.5s ease;
}

.sidebar .logo-details .logo_name {
	opacity: 0;
}

.sidebar .logo-details .icon {
	opacity: 1;
	position: absolute;
	height: 24px;
	left: calc(50% - 118px/ 2);
	top: 18px;
}

.sidebar .logo-details .logo_name {
	opacity: 1;
	position: absolute;
	left: calc(50% - 118px/ 2);
	top: 12px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	width: 118px;
	height: 24px;
	transition: all 0.5s ease;
}

.sidebar .logo-details .logo_name img {
	height: auto;
	max-width: 50px;
	/*  width: auto; */
}

.sidebar .short-logo {
	display: none;
}

.sidebar.open .full-logo {
	display: none;
}

.sidebar.open .logo-details .logo_name {
	width: 30px;
	left: calc(100% - 95px/ 2);
}

.sidebar.open .short-logo {
	display: block;
	height: auto;
	width: 30px;
}

.sidebar-bars {
	position: fixed;
	top: 12px;
	right: -15px;
	padding: 8px;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0px 6px 6px -6px rgb(0 0 0/ 16%), 0px 0px 1px
		rgb(0 0 0/ 40%);
	transition: all 0.5s ease;
}

.sidebar-bars .fas {
	font-size: 18px;
	color: #000;
	transition: all 0.5s ease;
}

.sidebar + .sidebar-bars {
	left: 220px;
}

.sidebar.open + .sidebar-bars {
	left: 45px;
}

.sidebar i {
	font-size: 28px;
	text-align: center;
}

.sidebar .nav-list {
	height: 100%;
}

.sidebar-menu {
	top: 50px;
	position: absolute;
	left: 10px;
	width: 90%;
	margin-top: 20px;
	padding-bottom: 60px;
}

/* .sidebar-menu ul li {
  list-style: none;
  border-radius: 6px;
  margin: 8px 0px;
  padding: 8px;
} */

/* .sidebar-menu ul li:hover {
  background: var(--primary-color);
} */
.sidebar-menu ul li.active {
	background: var(--primary-color);
	color: white;
}

.sidebar-menu ul li a {
	color: #8A92A6;
}

.sidebar-menu ul li.active a {
	color: white;
}

.sidebar-menu ul li a i {
	font-size: 18px;
	margin-right: 8px;
	position: absolute;
	left: 4.17%;
}

.sidebar-menu .h-down-arrow {
	margin-right: 10px;
	position: absolute;
	right: 5px;
	top: 9px;
	font-size: 16px;
	color: #8A92A6;
	transition: all 0.5s;
}

/* .sidebar-menu .h-down-arrow:before {
  position: relative;
  right: -12px;
  content:"\f054";
} */
.sidebar li {
	position: relative;
}

.sidebar input {
	font-size: 15px;
	color: #FFF;
	font-weight: 400;
	outline: none;
	height: 50px;
	width: 100%;
	width: 50px;
	border: none;
	border-radius: 12px;
	transition: all 0.5s ease;
	background: #1d1b31;
}

.wide_frame {
	display: none;
	position: fixed;
	left: 240px;
	width: calc(100% - 240px);
	height: 550px;
	position: fixed;
	z-index: 99999;
	top: 5%;
	background: #ffffff;
	transition: all 0.5s ease;
}

.sidebar.open input {
	padding: 0 20px 0 50px;
	width: 100%;
}

.sidebar li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: all 0.4s ease;
}

.sidebar li a .links_name {
	opacity: 1;
	pointer-events: auto;
	margin-left: 30px;
	position: static;
	font-size: 12px;
	transition: all 0.5s;
}

.sidebar.open .sidebar-menu ul li {
	height: 35px;
	width: 35px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.sidebar .sidebar-menu ul li:hover>a {
	color: white;
}

.sidebar.open .sidebar-menu ul li a i {
	margin-right: 0;
	left: 10px;
	top: 8px;
}

.sidebar.open .links_name {
	display: none;
}

.sidebar li a:hover .links_name {
	transition: all 0.5s ease;
	color: #fff;
}

.sidebar li a:hover i {
	transition: all 0.5s ease;
	color: #fff;
}

.sidebar li.profile-details {
	position: fixed;
	height: 60px;
	width: 50px;
	left: 0;
	bottom: -8px;
	padding: 10px 14px;
	background: #292F42;
	transition: all 0.5s ease;
	overflow: hidden;
}

.sidebar li.profile-details {
	width: 240px;
}

.sidebar.open li.profile-details {
	width: 0px;
}

.sidebar .sidebar-powered-by {
	width: 240px;
	transition: all 1s;
}

.sidebar.open .sidebar-powered-by {
	width: 0px;
	display: none;
}

.profile-details span {
	color: rgba(255, 255, 255, 0.4);
	font-size: 10px;
}

.profile-details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.poweredby-img {
	width: 64px;
	height: 16px;
}

.sidebar-powered-by {
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 10px 14px;
	display: flex;
	background: #292F42;
	transition: all 0.5s;
}

.sidebar.open li.sidebar-powered-by {
	width: 240px;
}

.sidebar-poweredby-img {
	position: absolute;
	width: 64px;
	height: 16px;
	left: 164px;
	bottom: 12px;
}

.sidebar-poweredby-img img {
	width: 100%;
	height: auto;
}

.home-section {
	position: relative;
	background: white;
	min-height: 100vh;
	top: 0;
	left: 240px;
	width: calc(100% - 240px);
	transition: all 0.5s ease;
	z-index: 2;
}

.sidebar ~.home-section, .sidebar ~.wide_frame {
	left: 240px;
	width: calc(100% - 240px);
	padding-bottom: 10px;
}

.sidebar.open ~.home-section, .sidebar.open ~ .home-section .wide_frame
	{
	left: 60px;
	width: calc(100% - 60px);
}

.dropdown-menu {
	display: none;
}

/* sidebar end */

/* dashboard main content start */
.top-header {
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	padding: 10px 40px;
	position: sticky;
	top: 0px;
	z-index: 999;
}

.top-header-search .top-header-btn {
	background: #F7F7F7;
	border: none;
	margin: 0 8px;
}

.top-header-srch {
	background: #F7F7F7;
	border: none;
	padding-left: 5px;
	outline: none;
}

.top-header-search {
	height: 34px;
	display: flex;
	border-radius: 8px;
	border: none;
	padding: 0 8px;
	background: #F7F7F7;
}

.top-header-btn .fas {
	color: rgba(55, 52, 48, 0.7);
	font-size: 12px;
}

.top-header-srch::-webkit-input-placeholder {
	font-size: 12px;
	color: rgba(55, 52, 48, 0.7);
	margin: 0px 8px;
	height: 18px;
	/* color: #fff; */
}

.top-header-srch:-ms-input-placeholder {
	font-size: 12px;
	color: rgba(55, 52, 48, 0.7);
	margin: 0px 8px;
	height: 18px;
	/* color: #fff; */
}

.top-header-srch::placeholder {
	font-size: 12px;
	color: rgba(55, 52, 48, 0.7);
	margin: 0px 8px;
	height: 18px;
	/* color: #fff; */
}

.right-profile {
	display: flex;
	align-items: center;
}

.accent {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0px 20px;
	padding: 4px 8px 4px 4px;
	background: #F7F7F7;
	border-radius: 6px;
}

.accent .color-light {
	padding: 0 10px;
	width: 20px;
	height: 20px;
	background: var(--primary-color);
	border-radius: 6px;
	margin: 0px 4px;
}

.accent .accent-name {
	text-align: center;
	font-size: 12px;
	color: #373430;
	line-height: 175%;
}

.h-notification .fa-bell {
	position: relative;
	color: #373430;
	cursor: pointer;
}

.h-notification .fa-bell::before {
	font-size: 22px;
}

.fa-stack.has-badge {
	display: flex;
	align-items: center;
}

.fa-stack[data-count]:after {
	position: absolute;
	right: 5px;
	top: 0px;
	content: attr(data-count);
	font-size: 10px;
	padding: 3px;
	border-radius: 999px;
	line-height: .75em;
	color: white;
	text-align: center;
	min-width: 0em;
	background: red;
	border: 1px solid white;
}

.profile {
	display: flex;
	cursor: pointer;
}

.h-avatar {
	height: 35px;
	width: 35px;
	border: 1px solid var(--primary-color);
	border-radius: 50%;
	margin-right: 4px;
	overflow: hidden;
}

.h-avatar img {
	width: 100%;
	height: 100%;
	padding-top: 0;
	border: radius;
}

.h-profile {
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
}

.profile-name {
	font-weight: 600;
	color: #373430;
	margin-bottom: 2px;
}

.profile-name .fa-chevron-down {
	color: #373430;
}

.profile-email {
	color: #6D7885;
}

.header {
	color: #FFFFFF;
	font-style: normal;
	background: var(--primary-color);
	padding: 20px;
	/* min-height: 200px; */
	padding-bottom: 45px;
}

.header.header-news-room {
	padding-bottom: 115px;
}

.header-first-section {
	margin-bottom: 16px;
}

.Header-name {
	font-size: 24px;
	margin: 4px 0px;
	font-weight: 600;
}

.projects {
	font-size: 12px;
	font-weight: 600;
	margin: 10px 0 15px 0px;
	color: white;
}

.header-content {
	font-size: 16px;
	opacity: 0.7;
	margin: 4px 0px;
	font-weight: 500;
}

.project-status {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.project-time .h-hours {
	padding: 2px 4px;
	width: 30px;
	height: 22px;
	margin-left: 8px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.project-time .h-hours.active, .project-time .h-hours:hover {
	color: var(--primary-color);
	background: white;
}

.after-dashboard {
	padding: 0 20px;
	margin-top: -45px;
	font-size: 12px;
	color: #373430;
}

.news-room-dashboard {
	margin-top: -115px;
}

.lSAction>a {
	background: white;
	margin-top: -22px !important;
	color: #000;
	height: 32px;
	width: 32px;
	border-radius: 26px;
	opacity: 1 !important;
	box-shadow: 0px 6px 6px -6px rgb(0 0 0/ 16%), 0px 0px 1px
		rgb(0 0 0/ 40%);
}

.lSAction>a.lSPrev {
	left: -15px;
	background-image: url(/resources/images/chevron-left-icon.png)
		!important;
}

.lSAction>a.lSNext {
	right: -15px;
	background-image: url(/resources/images/chevron-right-icon.png)
		!important;
}

.h-lightslider #lightSlider {
	height: auto !important;
	padding-bottom: 1% !important;
}

.h-lightslider .lSPager.lSpg {
	display: none;
}

.h-lightslider .lslide {
	height: 117px;
	background: white;
	text-align: center;
	box-shadow: 0px 1px 8px 1px rgb(0 0 0/ 16%), 0px 0px 1px rgb(0 0 0/ 40%);
	border-radius: 6px;
	;
}

.h-slider {
	padding: 10px;
}

.h-slider-title {
	font-size: 12px;
	color: #474747;
	font-weight: bold;
}

.h-slider-number {
	font-size: 19px;
	color: #232D42;
}

.h-slider-arrow-number {
	font-size: 12px;
}

.total-record {
	height: 89px;
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
	border-radius: 6px;
	padding: 25px 10px;
}

.project-time {
	display: flex;
	align-items: center;
}

.left-arrow, .right-arrow {
	border-radius: 5px;
	padding: 2px 10px;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
}

.center-calender {
	text-align: center;
	margin: 0 20px;
	display: flex;
	width: 90px;
	align-items: center;
}

.center-calender i {
	margin-right: 8px;
}

.h-date {
	border: none;
	width: 80px;
}

.topic-finished-label {
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	opacity: 0.4;
}

.progress#file {
	width: 100%;
}

.h-got-record {
	font-weight: bold;
	font-size: 24px;
	text-align: right;
	color: #373430;
}

.records {
	margin-bottom: 8px;
	width: 19%;
}

.left-topic-finished {
	width: 80%;
}

.right-topic-finished {
	margin: 0 0 0 20px;
	width: 20%;
}

.h-table {
	overflow-x: auto;
}

.topic-status table {
	width: 100%;
	border-spacing: 0;
}

.topic-status table thead tr th {
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	padding: 6px 8px;
}

.topic-status table tbody tr td {
	border-right: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	padding: 10px 15px;
	font-size: 12px;
	color: #373430;
	line-height: 18px;
	text-align: center;
}

.topic-status table tbody tr td:first-child {
	text-align: left;
}

.topic-status table tbody tr:nth-child(odd) {
	background: #ffffff;
}

.topic-status table tbody tr:nth-child(even) {
	background: #F8F9FF;
}

.topic-status table tbody tr:last-child {
	border-top: 1px solid #E7E7E7;
}

.topic-status table tbody tr:last-child {
	border-bottom: 1px solid #E7E7E7;
}

/* dashboard main content end */
/* stories css start */
.create-story-button .btn {
	padding-top: 2px;
}

.create-story-button .btn:hover {
	text-decoration: none;
}

.filter-section {
	color: #FFFFFF;
	margin-bottom: 12px;
	font-size: 12px;
}

.filter-section .d-flex h6 {
	line-height: 18px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px 12px;
}

.filter-section label {
	color: white !important;
}

.clear-filters {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	height: auto;
	padding: 0 6px;
}

.clear-filters span {
	text-transform: capitalize;
	font-weight: 600;
}

.clear-filters i {
	font-size: 12px;
	margin-left: 2px;
}

.filter-search {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	width: fit-content;
	display: flex;
	align-items: center;
	padding: 3px 9px;
}

.filter-search .h-search {
	background: transparent;
	border: none;
	padding: 0 6px;
	width: 100px;
	color: white;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.filter-search .h-search:focus {
	outline: none;
}

.filter-search .h-search::placeholder {
	color: #fff;
}

.filter-section-bg-white .filter-search .h-search::placeholder {
	color: #373430;
}

.h-line {
	margin-right: 8px;
	opacity: 0.4;
}

.stories-found {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
}

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
	padding: 5px;
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
	border-radius: 6px;
}

.card-top {
	width: 100%;
	height: auto;
}

.card-top img {
	border-radius: 5px !important;
	width: 100%;
	height: auto;
}

.card-body {
	padding: 0 6px;
}

.card-body p {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	color: #373430;
}

.status-section {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 4px 5px;
	border-radius: 4px;
	height: 19px;
	color: white;
	line-height: 1;
	cursor: pointer;
}

.status-section span {
	text-transform: uppercase;
	font-weight: bold;
}

.card-icon {
	max-width: 22px;
	height: 22px;
	padding: 5px 9px;
	border-radius: 20px;
}

.card-icon:hover {
	background-color: #e6e6e6;
}

.allnews {
	display: flex;
	align-items: center;
}

.home-system-mgmt .allnews {
	width: 200px;
}

.home-system-mgmt .filter-search .h-search {
	width: 170px;
}

.border-all {
	padding: 11px;
	border: 8px;
	line-height: 1;
	margin-right: 10px;
	width: 34px;
	height: 34px;
}

.list-ul {
	border: none;
	/* padding: 9px; */
}

.h-time {
	display: flex;
	align-items: center;
	font-weight: 600;
}

.h-time .h-flex {
	align-items: center;
}

.right-filter {
	justify-content: end;
}

/* stories css end  */
/* create story 1 start  */
.head-story {
	margin-bottom: 16px;
}

.btn i {
	margin-right: 5px;
}

.only-icon-btn {
	width: 32px;
	text-align: center;
	padding: 0 10px;
}

.btn-white {
	background-color: white;
	color: #373430;
}

.btn-white:hover {
	background-color: #f2f2f2;
}

.bold {
	font-weight: bold;
}

.create-story-section-one {
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #c3c3c3ad;
}

.form-group {
	margin-bottom: 12px;
}

.form-heading {
	font-weight: bold;
	font-size: 16px;
	color: #373430;
	margin-top: 0;
}

.form-control, .image-detail-editor #summernote_insert-info-title-editor
	{
	/* position: relative; */
	Height: 42px;
	width: 100%;
	background: #FFFFFF;
	border-radius: 8px;
	padding: 0 12px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #222;
	border: 1px solid #cbcbcb;
}

.form-group label {
	font-size: 12px;
	color: #000;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 8px;
}

.progress-number {
	padding: 15px;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	margin-right: 10px;
}

.progress-content {
	font-weight: 600;
	line-height: 1.2;
	font-size: 16px;
	color: #373430;
}

.form-group .form-left-icon {
	position: absolute;
	top: 42px;
	left: 25px;
}

.form-group .form-right-icon {
	position: absolute;
	top: 42px;
	right: 25px;
}

/* create story 1 end  */
/* create-story-2 start */
.create-story-2 .card {
	/* width: 208px; */
	padding: 0;
	/* margin-right: 10px; */
}

.create-story-2 .card-icon {
	position: absolute;
	top: 8px;
	right: 8px;
	background: white;
}

/* create-story-2 end */
/* create story 3 start */
.main-toggle {
	margin-right: 15px;
	display: flex;
	align-items: center;
}

.editor-top {
	display: flex;
	padding: 15px 0;
}

.toggle-content {
	margin-left: 10px;
}

.toggle-switch .switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 18px;
}

.toggle-switch .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle-switch .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle-switch input:checked+.slider {
	background-color: #2196F3;
}

.toggle-switch input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

.toggle-switch input:checked+.slider:before {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px);
}

/* Rounded sliders */
.toggle-switch .slider.round {
	border-radius: 34px;
}

.toggle-switch .slider.round:before {
	border-radius: 50%;
}

.text-editor {
	margin: 5px 0;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	border-radius: 6px;
	padding: 5px;
}

.text-editor-icons {
	border-bottom: 1px solid #E7E7E7;
	padding: 10px 24px;
	border-radius: 6px 6px 0px 0px;
}

.main-editor-text {
	min-height: 300px;
}

.editor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 5px 10px;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 1;
}

.editor-icon:hover {
	background: #f2f2f2;
}

.editor-bottom {
	padding: 8px 24px;
	border-top: 1px solid #E7E7E7;
	border-radius: 0px 0px 6px 6px;
}

/* create story 3 end */
/* create story 4 start */
.configure-story-btn {
	margin-bottom: 20px;
}

.configure-story-btn .group-btn .btn {
	width: 112px;
}

.configure-desc-one {
	position: relative;
	padding: 12px 0;
	background: #FFFFFF;
	border-radius: 8px;
	/* border: 1px solid rgba(55, 52, 48, 0.1); */
}

.configure-desc-one .form-group {
	width: 100%;
	margin: 0;
}

.configure-desc-one .form-control {
	position: relative;
}

.configure-desc-one .form-control {
	height: auto;
	width: 100%;
	padding: 10px 42px 10px 10px;
}

textarea {
	resize: vertical;
}

.h-textarea {
	position: relative;
}

.configure-desc-one-icon .configure-copy {
	position: absolute;
	top: 8px;
	right: 25px;
}

.configure-desc-one-icon .configure-times {
	position: absolute;
	top: 8px;
	right: 10px;
}

.textarea-heading {
	font-weight: 600;
}

.configure-desc-one-icon {
	width: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.textCard {
	position: relative;
}
/* .textCard-img img{
  border: 1px solid #E7E7E7;
  border-radius: 8px;
} */
.textCard-Content {
	display: flex;
	position: absolute;
	top: 5px;
	right: 5px;
}

.textCard-Content .textCard-content-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	background: #FFFFFF;
	border-radius: 20px;
	margin: 0px 2px;
	padding: 0;
	text-align: center;
	line-height: 1.8;
	z-index: 9;
}

.configure-story .create-story-section-one.shadow-0 {
	padding: 0;
	margin-bottom: 0;
}

.configure-story .form-control {
	color: #000;
	font-weight: 600;
}

.configure-story input::-webkit-input-placeholder {
	color: #000;
	font-weight: 600;
}

.configure-story input:-ms-input-placeholder {
	color: #000;
	font-weight: 600;
}

.configure-story input::placeholder {
	color: #000;
	font-weight: 600;
}

.configure-right-section {
	border: 1px solid #D8DADE;
	margin-top: 12px;
	border-radius: 5px;
}

.configure-right-section .card {
	margin-right: 0;
}

.configure-right-top-inner {
	padding: 20px;
}

.configure-right-section .flexCard-top {
	width: 34px;
	height: 34px;
	border-radius: 50%;
}

.configure-right-section .flexCard-top img {
	border-radius: 50%;
}

.flexCard-content {
	margin-left: 10px;
}

.flexCard-content h5 {
	margin: 0;
	font-weight: 600;
}

.flexCard-content h6 {
	margin: 5px 0 0 0;
}

.configure-right-description {
	margin-top: 16px;
	color: #565C65;
	line-height: 1.5;
}

.configure-hashtags {
	margin-bottom: 0;
}

.configure-right-section .card-top img {
	border-radius: 0;
}

.configure-right-section .card-body {
	background: #F8F8F9;
}

.card-website-url {
	letter-spacing: 0.5px;
}

.configure-card-title {
	line-height: 1.4;
	font-weight: 600;
}

.h-share {
	justify-content: space-around;
	padding: 15px 0;
}

.h-share .btn {
	color: #000;
}

.config-bottom {
	padding: 0 15px;
}

.publish-content {
	margin-left: 12px;
}

.publish-content .publish-heading {
	margin: 0;
	line-height: 1;
	font-weight: 600;
}

.publish-content .publish-desc {
	font-size: 12px;
}

.h-flex.publish-section {
	align-items: center;
	margin: 20px 0;
}
/* create story 4 end */
/* news room start */
.h-news-room {
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
	border-radius: 6px;
	padding: 20px;
}

.h-news-room .btn {
	margin: 0;
	margin-bottom: 20px;
	border: none;
}
/* news room start */
/* system managment start */
.h-table {
	width: 100%;
	text-align: left;
	border-spacing: 0px;
}

.h-table thead tr th {
	padding: 8px 10px;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	margin: 0px 0px;
	border-right: none;
	white-space: nowrap;
	width: 1%;
}
/* .h-table tbody tr td:first-child{
  display: flex;
  align-items: center;
} */
.h-table tbody tr td:first-child {
	align-items: center;
}

.h-table input[type=checkbox], .h-table input[type=radio] {
	margin: 0 6px 5px 0;
}

.h-table tbody tr:nth-child(odd) {
	background-color: #fff;
}

.h-table tbody tr:nth-child(even) {
	background-color: #F8F9FF;
}

.h-table tbody tr td {
	position: relative;
	font-size: 12px;
	padding: 12px 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0px;
	margin: 0;
	min-height: 42px;
}

.table-icon {
	position: absolute;
	top: 25px;
	right: 10px
}

.h-table tbody tr td h6 {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 0px;
	margin: 0;
}

.user-data {
	overflow-x: auto;
}

.user-table, .user-table .user-data, .user-table .user-data th:first-child
	{
	border-top-left-radius: 12px;
}

.user-table, .user-table .user-data, .user-table .user-data th:last-child
	{
	border-top-right-radius: 12px;
}

.user-table, .user-table .user-data, .user-table .user-data td:last-child td:last-child
	{
	border-bottom-left-radius: 12px;
}

.user-table .user-data, border, .user-table .h-table, .user-table tbody,
	.user-table tbody tr:last-child, .user-table tbody tr:last-child td:last-child
	{
	border-bottom-right-radius: 12px;
}

.user-email {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0px;
}

.user-data-page .allnews {
	width: 200px;
	position: relative;
}

.user-data-page .allnews .fa-chevron-down {
	position: absolute;
	top: 10px;
	right: 10px;
}

.user-data-page .filter-search .h-search {
	width: auto;
}

.heading-two input[type=checkbox] {
	position: relative;
	top: 2px;
	left: 0px;
	margin-right: 4px;
}

.heading-two label {
	margin-bottom: 0;
}

.heading-two .filter-search {
	font-size: 12px;
}

.h-map {
	min-height: 400px;
	width: 100%;
	border-radius: 6px;
	padding: 10px;
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
}
/* reporter start */
.reporter-header-first .btn-white {
	color: #373430;
}

.reporter-header .reporter-header-second .filter-search {
	width: 200px;
}

.reporter-header-third .allnews {
	width: 180px;
}

.reporter-header-third .filter-search .h-search {
	width: 140px;
}

/* Analytics start */
.analytics-header-second {
	font-size: 12px;
}

.analytics-header-second .filter-search {
	width: 140px;
}

.analytics-header-second .filter-search.ml-1 .h-search {
	width: 110px;
}

.section-one .form-heading {
	margin: 0;
}

.grap-section {
	height: 247px;
}

.integration-page .header {
	padding-bottom: 70px;
}

.integration-page .after-dashboard {
	margin-top: -60px;
}

.after-dashboard.h-integration {
	padding: 0 20px;
}

.h-integration .card {
	margin-top: 20px;
}

.h-integration .create-story-section-one {
	background-color: transparent;
}

.h-integration .card-body {
	padding: 12px;
}

.h-integration .card-title {
	margin: 0;
	color: #373430;
	line-height: 18px;
}

.h-integration .text-muted {
	margin-bottom: 0;
}

.h-integration .card-top {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 124px;
	background: rgba(48, 118, 223, 0.1);
	border-radius: 6px;
}

.card-top-icon {
	height: 60px;
	width: 60px;
	margin: auto;
	background: #3076DF;
	border-radius: 50%;
	position: relative;
}

.card-top-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 24px;
	transform: translate(-50%, -50%);
	color: #fff;
}

.i-table {
	background-color: #fff;
	border-radius: 6px;
	overflow-x: auto;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
}

.i-table table {
	width: 100%;
	border-spacing: 0px;
}

.i-table tbody tr:nth-child(odd) {
	background-color: #fff;
}

.i-table tbody tr:nth-child(even) {
	background-color: #F8F9FF;
}

.i-table table tr td {
	padding: 12px 20px;
}

.i-table table tr td:last-child {
	width: 54px;
}

.i-table table tr:first-child td:first-child {
	border-top-left-radius: 10px;
}

.i-table table tr:first-child td:last-child {
	border-top-right-radius: 10px;
}

.i-table table tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
}

.i-table table tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
}

/* Subscription page start */
.subscription-page .section-one .col-lg-3 {
	padding-left: 10px;
	padding-right: 10px;
}

.card-top .card-top-heading {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0px;
}

.card.plan-card .card-top {
	min-height: 100px;
}

.card .card-list {
	padding: 12px;
	font-size: 12px;
	line-height: 150%;
	color: #373430;
	text-align: center;
}

.card-list:hover {
	color: var(--primary-color);
	cursor: pointer;
}

.card .card-list:not(:last-child) {
	border-bottom: 1px solid #E7E7E7;
}

.card-body-bottom-button button {
	font-weight: 600;
}

.card-body-right-btn button {
	color: #373430;
}

.newsdetail-section-one {
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 20px;
}

.newsdetail-paragraph {
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	margin: 0;
	word-wrap: break-word;
}

.news-detail-tags {
	display: flex;
	flex-wrap: wrap;
}

.news-detail-tags h6 {
	color: #373430;
	padding: 4px 8px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	margin-right: 5px;
	background-color: rgba(55, 52, 48, 0.05);
	border-radius: 4px;
}

.news-detail-tags img {
	margin-top: 10px;
	height: 130px;
	width: 208px;
	border-radius: 8px;
}

.newsdetail-section-one .form-heading {
	margin: 0;
}

.newsdetail-form {
	font-size: 12px;
}

.i-table table thead tr th {
	padding: 12px 20px;
}

.newsdetail-form table {
	padding: 0 10px;
	text-align: left;
	min-width: 991px;
}

.newsdetail-form table thead th {
	border: 1px solid #E7E7E7;
	border-top: none;
	border-right: none;
}

.newsdetail-form table thead th:first-child {
	border-left: NONE;
	min-width: 100px;
}

.home-section-1 .header {
	padding-bottom: 195px;
}

.home-section-1 .after-dashboard {
	margin-top: -185px;
}

.custom-content-section .custom-content-section-two .col-lg-4 {
	padding-left: 5px;
}

.custom-content-section .col-50-per .textCard {
	width: auto;
}

.custom-content-section .btn-section .btn.btn-white {
	margin-top: 10px;
	margin-bottom: 0;
}

.tab-heading {
	overflow: auto;
	white-space: nowrap;
}

.filter-section-bg-white.filter-section {
	color: #373430;
	margin: 0 16px;
	padding-top: 20px;
}

.tab-content-section {
	box-shadow: 0px 6px 6px -6px rgb(0 0 0/ 16%), 0px 0px 1px
		rgb(0 0 0/ 40%);
	border-radius: 0px 6px 6px 6px;
}

.filter-section-bg-white .filter-search {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(55, 52, 48, 0.1);
	border-radius: 8px;
}

.filter-section-bg-white .clear-filters {
	background: rgba(55, 52, 48, 0.1);
}

.filter-section-bg-white .filter-search .h-search {
	color: #373430;
}

.tab-content-section .h-search::placeholder {
	color: #373430;
}

.table-form {
	min-height: 32px;
	/* width: 100%; */
	padding: 7px 12px;
	border-radius: 4px;
	background: #FFFFFF;
	border: 1px solid #3734301A
}

.input-disabled {
	background: transparent;
	padding: 0;
	border: none;
	resize: none;
	outline: none;
}

.table-form::placeholder {
	color: #373430;
	font-weight: 600;
	font-size: 12px;
	line-height: 150%;
}

.table-form-btn {
	display: flex;
}

.table-3.i-table table tr td:last-child {
	width: auto;
}

.table-3.i-table table thead tr th {
	border: 1px solid #E7E7E7;
	border-left: none;
}

.i-table.table-3 tbody td .btn {
	margin: 0;
	margin-right: 12px;
}

.i-table.table-3 .text-blue {
	cursor: pointer;
}

.table-4.i-table table tr td, .table-4.i-table table tr th {
	padding: 12px 9px;
}

.table-4.i-table table thead tr th {
	border: 1px solid #E7E7E7;
	border-left: none;
	border-top: none;
}

.table-4 .fa-check-circle {
	color: rgba(55, 52, 48, 0.1);
}

.table-4 .color-lightgreen {
	color: #67D5B1;
}

.planning-config .filter-section .d-flex h6 {
	margin-left: 0;
}

.item-count {
	display: flex;
	align-items: center;
	font-weight: 600;
}

.item-count select {
	background: transparent;
	color: white;
	border: none;
	width: 34px;
	height: 100%;
}

.item-count select:focus {
	outline: none;
	border: none;
}

.item-count-select {
	height: 34px;
	width: 60px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	color: white;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 8px;
	border: 1px solid rgba(55, 52, 48, 0.1);
}

.out-of-left, .out-of-right, .out-of-middle {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	Height: 34px;
	text-align: center;
	padding: 8px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.out-of-left {
	width: 40px;
}

.out-of-middle {
	margin: 0 8px;
}

.filter-section .d-flex h6.out-of-count, .out-of-middle .out-of-count {
	margin-right: 0;
	text-transform: inherit;
}

.out-of-right {
	width: 40px;
}

.table-5.i-table table tr td, .table-5.i-table table tr th {
	padding: 12px 20px;
	font-weight: 600;
}

.table-5.i-table table tr th {
	color: #8A92A6;
}

.filter-section-bg-white {
	color: #373430;
}

.filter-section-bg-white .item-count select {
	color: #373430;
}

.filter-section-bg-white .out-of-left, .filter-section-bg-white .out-of-right,
	.filter-section-bg-white .out-of-middle {
	border: 1px solid rgba(55, 52, 48, 0.1);
}

.filter-section-bg-white .out-of-left:hover, .filter-section-bg-white .out-of-right:hover,
	.filter-section-bg-white .out-of-middle:hover {
	background-color: rgba(55, 52, 48, 0.1);
}

.filter-section-bg-white .out-of-middle {
	background: rgba(55, 52, 48, 0.05);
	border: none;
}

.option-btn select {
	color: #FFFFFF;
	height: 34px;
	/* width: 120px; */
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	border: none;
}

.option-btn select:focus {
	outline: none;
}

.form-option-btn select {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(55, 52, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
}

.h-state {
	background: #3076DF;
	border-radius: 4px;
	padding: 2px 4px;
	height: 22px;
	line-height: 1.4;
	color: #fff;
	margin: 0 8px 0 0;
}

.e-card .card-time {
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: right;
}

.e-card-top {
	margin-bottom: 8px;
}

@media ( max-width :1200px) {
	.create-story-btn {
		margin-bottom: 10px;
	}
}

@media ( max-width :991px) {
	.partner-message-bottom {
		display: block !important;
	}
	.p-sm-2 {
		padding: 20px !important;
	}
	.p-sm-1 {
		padding: 10px !important;
	}
	.col-50-per {
		width: 50%;
	}
	.filter-section .d-flex.flex-start {
		flex-wrap: wrap;
	}
	.d-flex.right-filter {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.right-filter .filter-search, .right-filter .h-time {
		margin-bottom: 5px;
	}
	.left-filter {
		margin-bottom: 8px;
	}
	.clear-filters {
		margin: 0 0 0 5px;
	}
	.filter-section .d-flex h6 {
		margin: 5px 0;
	}
	.filter-section {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.h-line {
		display: none;
	}
	.stories-found {
		grid-template-columns: repeat(3, 1fr);
	}
	.listview.stories-found {
		grid-template-columns: repeat(1, 1fr);
	}
	.btn {
		margin: 6px;
	}
	.create-story-button .btn {
		margin: 0;
	}
	.mobile-hide {
		display: none !important;
	}
	.d-flex.story-progress-bar {
		flex-direction: column;
	}
	.main-progress-bar {
		align-items: baseline;
	}
	.create-story-section-one {
		padding: 20px 5px;
	}
	.progress-number {
		width: 30px;
		height: 30px;
		padding: 0px;
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.progress-content {
		font-size: 10px;
		line-height: 1.2;
		margin-top: 3px;
		text-align: center;
	}
	.user-data-page .d-flex {
		flex-direction: column;
	}
	.configure-story-btn {
		flex-direction: column;
	}
	.tabs-socialdashboard-actions {
		display: flex;
	}
	.cssmenu {
		flex-direction: column;
		flex-wrap: wrap;
	}
}

@media ( max-width :767px) {
	.row {
		margin-right: -15px;
	}
	.p-xs-1 {
		padding: 10px !important;
	}
	.sidebar.open {
		width: 0;
	}
	.sidebar.open ~.home-section {
		left: 0px;
		width: calc(100% - 0px);
	}
	.sidebar.open + .sidebar-bars {
		left: 5px;
	}
	.records {
		width: 100%;
	}
	.top-header {
		padding: 6px 10px;
		text-align: center;
	}
	.top-header-left {
		margin: 0 auto 10px auto;
	}
	.sidebar .sidebar-powered-by {
		display: none;
	}
	.accent {
		margin: 0 10px;
	}

	/* stories start */
	.h-dashboard {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.h-dashboard .h-flex.flex-end {
		width: 100%;
	}
	.header {
		padding: 20px 10px;
		padding-bottom: 40px;
	}
	.h-time .h-flex {
		flex-direction: column;
	}
	.after-dashboard {
		padding: 0 10px;
	}
	.stories-found {
		grid-template-columns: repeat(2, 1fr);
		gap: 5px;
	}
	.listview .stories-found {
		grid-template-columns: repeat(1, 1fr);
		gap: 5px;
	}
	.create-story-btn {
		flex-direction: column;
	}
	.col-50-per {
		width: 50%;
	}

	/* create story 1 start */

	/* create story 3 */
	.d-flex.editor-top {
		flex-direction: row;
	}
	.toggle-switch.h-flex {
		flex-direction: row;
	}
	.h-news-room {
		padding: 10px;
	}
	/* reporter start */
	.reporter-header-third .h-flex.right-filter {
		flex-direction: column;
	}
	.reporter-header-third.filter-section {
		align-items: center;
	}
	.reporter-header-third .d-flex.flex-start {
		margin-bottom: 10px;
	}
	.heading-two.reporter-header-second {
		flex-direction: column;
	}
	.d-flex.reporter-header-first {
		flex-direction: column;
	}
	.analytics-header-second {
		flex-direction: column;
	}
	.after-dashboard.h-integration {
		padding: 0 10px;
	}
	.newsdetail-paragraph {
		font-size: 12px;
	}
}

@media ( max-width :350px) {
	.main-progress-bar {
		white-space: nowrap;
		overflow: auto;
	}
	.d-flex.story-progress-bar {
		padding-bottom: 15px;
	}
}

@media ( max-width : 372px) {
	.d-flex.editor-top {
		flex-direction: column;
	}
}

.dropdown-menu {
	display: none;
	cursor: pointer;
}

.dropdown-item {
	padding: 5px 10px;
	background-color: white;
	font-size: 14px;
	border-bottom: 1px solid white;
}

.dropdown-item i {
	margin-right: 5px;
}

.dropdown-item:hover {
	color: var(--primary-color);;
	font-weight: bold;
	background-color: #F7F7F7;
}

.card .dropdown-menu {
	right: 0;
	left: auto;
}

/* Tabs start */
.tab-active {
	color: white;
	background: white;
}

.tabsingle {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 4px 4px 0px 0px;
	display: inline-block;
	padding: 12px 24px;
	color: white;
	font-weight: bold;
	font-size: 12px;
	line-height: 150%;
	border: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
}

.tabsingle.tab-active {
	background-color: white;
	color: #3076DF;
}

.targetdiv {
	background-color: white;
	padding: 20px 16px;
	border-radius: 0px 6px 6px 6px;
}

.autocomplete-suggestions {
	background: #FFF;
	overflow: auto;
	/* width: 212.297px !important */
	width:100%;
	display:inline-block;
}

.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-selected {
	background: #F0F0F0;
}

.autocomplete-suggestions strong {
	font-weight: normal;
	color: #3399FF;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #000;
}

/* editor button css */
.note-editor .btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #000;
	border-radius: 6px;
	padding: 0px 11px;
	height: 32px;
	font-size: 12px;
	margin: 0px -1px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out,
		border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.twitter-section {
	display: none;
}

.facebook-section {
	display: block;
}

.progress-number.active {
	color: #FFFFFF;
	background: #3076df;
}

.create-story-section-one a {
	text-decoration: none;
}

/* Tag-It css from http://aehlke.github.io/tag-it/ as of October 2015 */
ul.tagit {
	padding: 1px 5px;
	overflow: auto;
	margin-left: inherit;
	/* usually we don't want the regular ul margins. */
	margin-right: inherit;
}

ul.tagit li {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}

ul.tagit li.tagit-choice {
	position: relative;
	line-height: inherit;
}

input.tagit-hidden-field {
	display: none;
}

ul.tagit li.tagit-choice-read-only {
	padding: .2em .5em .2em .5em;
}

ul.tagit li.tagit-choice-editable {
	padding: .2em 18px .2em .5em;
}

ul.tagit li.tagit-new {
	padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
}

ul.tagit li.tagit-choice .tagit-close {
	cursor: pointer;
	position: absolute;
	right: .1em;
	top: 50%;
	margin-top: -8px;
	line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
	display: none;
}

ul.tagit li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}

ul.tagit input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	margin: 0;
	padding: 0;
	width: inherit;
	background-color: inherit;
	outline: none;
}

.modal-section {
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgb(0 0 0/ 16%), 0px 0px 1px
		rgb(0 0 0/ 40%);
	border-radius: 6px;
	padding: 20px;
}

.highlight {
	background-color: rgba(48, 118, 223, 0.1);
	color: var(--primary-color);
	border: 1px solid rgba(48, 118, 223, 0.2);
}

.data-row:hover {
	background-color: #f2f2f2;
}

/* .print-data{
	padding: 20px;
} */
.form-select-custom {
	height: 42px;
	border: 1px solid rgba(55, 52, 48, 0.1);
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%);
	border-radius: 8px;
	line-height: 34px;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding: 0 12px;
	width: 30%;
}

.alert-msg {
	display: none;
	width: fit-content;
	left: 50%;
	z-index: 9999;
	position: absolute !important;
	transform: translateX(-50%);
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	top: 0;
}

.col-100-custom {
	width: 100%;
	float: left;
	padding: 10px;
}

.newsroom-details {
	display: flex;
	flex-wrap: wrap;
}

.input.btn.btn-primary.common_button {
	margin-bottom: 6px;
	margin-top: 6px;
}

.configure-textarea {
	position: relative;
	padding: 12px 12px;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid rgba(55, 52, 48, 0.1);
}

.group-table-space {
	padding: 20px 20px;
}

.share-group-name {
	color: var(--primary-color) !important;
}

.share-group-table {
	display: none;
}

.share-group-data {
	margin: 7px !important;
}

.group-table-icon {
	cursor: pointer;
}

.p-1 {
	padding: 5px;
}

.social-pages-share li {
	display: inline-block;
	cursor: pointer;
	color: var(--primary-color) !important;
	border-radius: 6px;
	background-color: #f5f5f5;
	border: 0px;
	margin-bottom: 4px;
}

.social-pages-share {
	text-align: center;
	margin: 0;
}

.social-pages-share li:hover {
	background-color: #fff;
}

.table-drowpdown-menu {
	left: -43px;
	min-width: 108px;
}

.social-pages-share li a {
	color: var(--primary-color) !important;
	text-decoration: none;
}

.fileinput-button {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card a {
	text-decoration: none;
}

#pagination_bottom a {
	text-decoration: none;
	cursor: pointer;
}

#pagination_bottom a:hover {
	color: #fff;
}

.pagination-btn {
	background: #3076df;
	color: white;
	padding: 5px 15px;
	border-radius: 5px;
}

.pagination {
	margin: 0 !important;
}

#page-content-wrapper .filter-search {
	height: 33px;
}

#page-content-wrapper .filter-search .h-search {
	width: 100%; /*  */
	padding: 0 0 0 6px;
	justify-content: flex-start;
	flex-basis: 100%
}

#page-content-wrapper .ui-widget {
	font-size: inherit;
}

#page-content-wrapper .create-story-button .btn {
	padding-top: 6px;
}

#page-content-wrapper .d-flex.right-filter {
	/* overflow: auto; */
	white-space: nowrap;
}

#page-content-wrapper .d-flex.right-filter {
	margin-top: 10px;
}

#page-content-wrapper .filter-section .apply-filter {
	border: 1px solid #ccc;
	margin-right: 0;
}

@media ( max-width :767px) {
	#page-content-wrapper .filter-section .apply-filter {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

@media ( max-width : 549px) {
	.toggle-switch.h-flex {
		flex-direction: column;
	}
}

@media ( max-width : 372px) {
	.d-flex.editor-top {
		flex-direction: column;
	}
}

/* #page-content-wrapper .d-flex.right-filter {
    overflow: hidden; 
} */
@media ( max-width :1224px) {
	#page-content-wrapper .d-flex.right-filter {
		margin-top: 10px;
	}
}

@media ( max-width : 1240px) {
	.btn {
		margin-top: -2px;
	}
	.photo_story_preview_section .btn {
		margin-top: 5px !important;
	}
	.photo_story_preview_section .amp-slide-btn {
		text-align: center;
	}
	.right-filter .filter-search, .right-filter .h-time {
		margin-bottom: 5px;
	}
}

@media ( max-width :767px) {
	/* #pagination_bottom{
padding-left: 5px !important;
} */
	.h-time .h-flex span {
		margin-left: 10px
	}
	.d-flex {
		gap: 8px 14px;
	}
	.right-filter .filter-search, .right-filter .h-time {
		margin-bottom: 0px;
	}
	.h-time {
		flex-basis: 48.8%;
		flex: 48%
	}
	.h-time .h-flex {
		flex-direction: row;
		flex: auto;
	}
	#page-content-wrapper .filter-section .filter-search {
		flex: 100%;
		width: 100%;
		flex-basis: 48.8%;
		margin-right: 0px;
		flex: 48%;
	}
	.allnews .filter-search .mr-1 .width {
		width: 83vh;
	}
	#page-content-wrapper .filter-search .h-search {
		padding: 0 0 0 6px;
		justify-content: flex-start;
		flex-basis: 100%
	}
}

input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(1);
}

@media ( max-width :416px) {
	.d-flex .one {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 3.5px;
	}
	.filter-search .mr-1 .width {
		width: 83vh;
	}
}

@media ( max-width :1224px) {
	.main-content .right-filter {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

@media ( max-width :424px) {
	#page-content-wrapper .filter-section .filter-search {
		width: 100%;
		margin-right: 0px;
		flex-basis: 100%;
		gap: 2px 4px;
		color: white;
		flex: 48%;
	}
	.h-time {
		flex: 48%;
	}
	.h-time .h-flex {
		flex-direction: row;
		flex: auto;
	}
}

.comment-user {
	margin-top: 9px;
	text-align: center;
	width: 50px;
	height: 50px;
	border: 2px solid #3076df;
	border-radius: 50%;
}

.comment-user i {
	margin-top: 10px;
}

.user-comment {
	font-size: 14px;
}

.comment-details {
	/* border: 1px solid black; */
	background: darkgrey;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 20px 10px 20px 10px;
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgb(0 0 0/ 16%), 0px 0px 1px
		rgb(0 0 0/ 40%);
	border-radius: 6px;
	display: flex;
	align-items: flex-start;
	margin: auto;
	margin-bottom: 10px; /* clear: both; */
	float: none;
}

.comment-details .comment-user {
	width: 40px;
	height: 40px;
}

.comment-details .fas fa-user fa-2x {
	margin-top: 3px;
}

.comment-details .text-muted {
	margin-left: 10px;
}

.comment-details .col-sm-12 {
	padding-left: 0;
}

.comment-details .user-comment {
	color: rgba(55, 52, 48, 0.7);
}

.comment-user img {
	border-radius: 50%;
}

.update_story_assign {
	margin-left: 15px;
}

.common-button-pt {
	padding-top: 6px;
}

.cate {
	margin-top: -1px;
	margin-bottom: 10px;
}

.md-close {
	top: -23px;
	position: relative;
}

.d-none {
	display: none !important;
}

.listview.stories-found {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 18px;
}

.listview .card-top {
	border-radius: 6px;
	max-width: 20%;
}

.listview .card-top img {
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 6px 6px -6px rgb(0 0 0/ 16%), 0px 0px 4px
		rgb(0 0 0/ 53%);
}

.listview .card-body {
	padding: 0 10px;
	max-width: 100%;
	flex-basis: 85%;
}

.listview .card-icon {
	padding: 7px 10px;
	border-radius: 20px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.listview .card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: row;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
	padding: 5px;
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
	border-radius: 6px;
}

.active-viewlist {
	background-color: white;
	color: var(--primary-color);
}

.change-listview {
	cursor: pointer;
}

/* #pagination_bottom{
	padding-left:20px;
} */
.mt-10 {
	margin-top: 10px;
}

.mb-10 {
	margin-bottom: 10px;
}

.note-editor .btn {
	border: none;
}

.note-editor.note-frame {
	border: 1px solid #a6a6a6 !important;
}

note-editor.note-frame .note-editing-area .note-editable {
	padding: 10px;
	overflow: auto;
	color: #000;
	background-color: #fff;
	min-height: 300px !important;
}

.panel-default>.panel-heading {
	background-color: #fff !important;
}

.note-count-bar {
	margin-top: 0 !important;
	margin-left: 10px;
	margin-bottom: 5px;
	display: flex;
}

.heading-inline a:hover {
	padding: 5px;
	border-radius: 5px;
	background: var(--primary-color);
	color: #FFF;
}

.heading-inline a {
	cursor: pointer;
}

.tabs-socialdashboard ul {
	display: flex !important;
}

.tabs-socialdashboard ul li {
	list-style: none !important;
}

.configure-left-section {
	display: flex;
	flex-direction: column;
}

.tab-view {
	background-color: rgba(48, 118, 223, 0.1);
	color: var(--primary-color);
	border: 1px solid rgba(48, 118, 223, 0.2);
}

.tab-view:hover {
	background-color: #D2E1F9;
	border: 1px solid rgba(48, 118, 223, 0.2);
	color: #333;
	text-decoration: none;
}

.tabs.tabs-socialdashboard {
	display: flex;
}

.tab1 {
	display: flex;
	flex-basis: 85%;
	margin-left: -5px;
	list-style: none;
}

.onhover:hover {
	background-color: #D2E1F9;
	border: 1px solid rgba(48, 118, 223, 0.2);
	color: #333;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	border-radius: 6px;
	padding: 0px 16px;
	height: 32px;
	font-size: 12px;
	margin: 0px 6px;
}

#cssmenu {
	display: flex;
	padding-right: 0;
	padding-left: 0;
}

.tabs-socialdashboard-list {
	flex-basis: 90%;
}

.tabs-socialdashboard-list ul {
	display: flex;
	list-style: none;
	gap: 10px;
}

.tabs-socialdashboard-list ul li {
	cursor: pointer;
}

.activeted {
	background: var(--primary-color);
	color: #FFF;
	border-radius: 6px;
}

.activeted:hover {
	background: var(--primary-color);
	border-radius: 6px;
}

li.tabs_top {
	padding: 10px;
}

li.tabs_top:hover {
	background: var(--primary-color);
	color: #FFF;
	border-radius: 6px;
}

a.btn {
	padding-top: 7px;
	background: var(--primary-color);
	color: #FFF;
}

.thumb {
	margin: 4px;
}

.thmub_wrapper {
	max-height: 120px;
	overflow: hidden;
}

@media ( max-width :992px) {
	.download-xml-wrapper {
		width: 80% !important;
	}
	.modal-content {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media ( max-width :600px) {
	.modal-content {
		grid-template-columns: repeat(2, 1fr);
	}
	.cssmenu {
		flex-wrap: wrap;
	}
}

@media ( max-width :421px) {
	.download-xml-wrapper {
		width: 85% !important;
	}
	.download-xml-wrapper label {
		width: 85% !important;
		padding: 2px 0 !important;
	}
	.tabs.tabs-socialdashboard {
		flex-wrap: wrap;
	}
	.modal-content {
		grid-template-columns: repeat(1, 1fr);
	}
}

.textCard-content-icon {
	cursor: pointer;
}

.common-panel {
	border-radius: 12px;
}

.common-table-responsive {
	border-radius: 12px;
}

.common-table {
	margin-bottom: 0;
}

.common-table>thead>tr>th {
	border-bottom-width: 1px;
	border: 0;
	border: 1px solid #E7E7E7;
	padding: 19px 20px;
	font-size: 13px;
	text-align: center;
	border-top: 0
}

.common-table>tbody {
	font-size: 12px;
	text-align: center;
}

.common-table>tbody>tr>td {
	border: 0px;
	border-top: 0px;
}

.textCard-img img {
	border: 1px solid #E7E7E7;
	border-radius: 8px;
	max-height: 200px;
	height: 100%;
	object-fit: contain;
	max-width: inherit;
}

.common-model {
	background-color: #3076DF;
	color: white;
}

.image_event_wrapper {
	margin-bottom: 22px;
}

.image_checkbox {
	display: flex;
	gap: 10px;
	margin: 13px 30px 10px 0px;
}

.thumb {
	margin: 4px;
	display: inline-block;
	min-width: 18.7%;
}

@media ( max-width :992px) {
	.thumb {
		min-width: 31.4%;
	}
}

@media ( max-width :610px) {
	.thumb {
		min-width: 31.4%;
	}
	#cssmenu {
		display: flex;
		flex-wrap: wrap;
	}
	.tabs.tabs-socialdashboard {
		display: flex;
		flex-wrap: wrap;
	}
}

.tabsingle.br_left:hover {
	background-color: white;
	color: #3076DF;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1 !important;
	background-color: #000;
}

.yt-content {
	/* overflow:hidden; */
	
}

.yt_frame {
	width: 100%;
	/* height:auto; */
	vertical-align: middle;
	border-radius: 8px;
	border-radius: 1px solid #E7E7E7;
}

/* .textCard-img img {
	max-height: 200px;
	max-width: 250px;
} */
.textCard {
	display: inline-block;
}

.n-section-one {
	margin-bottom: 20px;
}

.n-section-two {
	margin-bottom: 30px;
}

.newsdetail-paragraph {
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	margin: 0;
	word-wrap: break-word;
}

.news-detail-tags {
	display: flex;
	flex-wrap: wrap;
}

.news-detail-tags h6 {
	color: #373430;
	padding: 4px 8px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	margin: 5px 5px 0 0;
	background-color: rgba(55, 52, 48, 0.05);
	border-radius: 4px;
}

.news-detail-tags img {
	margin-top: 10px;
	height: 130px;
	width: 208px;
	border-radius: 8px;
}

.row {
	margin-right: -10px !important;
	margin-left: -10px !important;
}

.progress {
	clear: both !important;
}

.upload_btns {
	display: flex;
	flex-wrap: wrap;
}

.auto-complete-authors {
	display: table;
}

.auto-complete-authors .author-name {
	padding: 8px;
	background-color: #3076df;
	border-radius: 5px;
	color: #fff;
	margin-left: 5px;
}

.auto-complete-authors .author-name i.fa-times {
	cursor: pointer;
}

.fa-copy {
	cursor: pointer;
}

.author-name {
	list-style: none;
	display: inline-block;
	margin-bottom: 5px;
}

textarea.form-control {
	padding: 6px 12px !important;
	min-height: 42px !important;
}

.selectize-input {
	border: 1px solid #efefef !important;
	height: auto !important;
	/*font-size: 14px;*/
}

/* .config-tag-font-size .selectize-input{
	font-size: 14px;
} */

a {
	cursor: pointer;
}

.tab-heading div {
	cursor: pointer;
}

.w-100 {
	width: 100% !important;
}

.blocked {
	background-color: #efd8d8 !important;
	color: #000 !important;
}

.blocked a {
	color: #1653ae !important;
}

.blocked li {
	color: #000 !important;
}

.blocked .dropdown-item:hover {
	color: var(--primary-color);
}

.btn-danger-custom {
	background-color: #d9534f !important;
	color: #fff !important;
	border-color: #d43f3a !important;
}

.btn-danger-custom:hover {
	background-color: #d2403c !important;
}

.btn-twitter-custom {
	background-color: rgb(29, 155, 240) !important;
	color: #fff !important;
	border-color: rgb(22, 152, 239) !important;
}

.btn-twitter-custom :hover {
	background-color: rgb(22, 152, 239) !important;
}

.btn-success-custom {
	color: #fff !important;
	background-color: #12ae12 !important;
	border-color: #12ae12 !important;
}

.btn-success-custom:hover {
	background-color: #449d44 !important;
	color: #fff;
}

.plan-info {
	cursor: pointer;
	color: var(--primary-color);
	border: 1px solid #3076df;
	align-self: flex-end;
	border-radius: 30px;
	position: absolute;
	padding: 4px 11px;
	top: 10px;
	right: 10px;
}

.plan-info:hover {
	background-color: var(--primary-color);
}

.plan-info:hover .fas.fa-info {
	color: #fff;
}

.pl-0 {
	padding-left: 0 !important;
}

.odd.gradeX td:first-child {
	display: revert !important;
}

.tabsingle {
	cursor: pointer;
}

.subscribers-tabs a {
	text-decoration: none;
}

.mb-15 {
	margin-bottom: 15px;
}

.remove-tab-border {
	border-radius: 0 0 6px 6px;
}

.login-box-wrapp {
	height: 100vh;
	width: auto;
}

.logo-temp .hocal-logo-img {
	max-width: 70px;
	height: auto;
}

.hocal-logo-img img {
	height: auto;
	width: 70px;
	border-radius: 12px;
}

.hocal-logo2 img {
	max-width: 200px;
	height: auto;
	margin-left: 10px;
}

.mid-content-temp {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 450px;
	/* padding-left: 60px; */
	color: #fff;
}

.wel-h1 {
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 12px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
}

.caption-text {
	font-size: 34px;
	font-weight: normal;
}

.copy-right-box {
	position: fixed;
	bottom: 20px;
	left: 40px;
	/* margin-top: 35px; */
	color: #fff;
	font-weight: 600;
}

.wel-h1 span {
	color: var(--hocal-color);
	margin-left: 8px;
	margin-right: 8px;
}

.nm-tm-wr {
	z-index: 1;
	width: 100%;
	max-width: 350px;
	background-color: #fff;
	border-radius: 0.5rem;
	padding: 16px 32px;
	margin: 48px auto;
	box-shadow: 0 1px 4px 0 rgb(0 0 0/ 14%);
}

.nm-hr {
	/* background: linear-gradient(90deg,#007bff,#0052ea); */
	background: var(--primary-color);
	box-shadow: 0 4px 20px 0 rgb(0 123 255/ 14%), 0 7px 10px -5px
		rgb(0 82 234/ 40%);
	margin: -60px -16px 32px;
	padding: 10px;
	text-align: center;
	border-radius: 12px;
	color: #fff;
}

.social-buttons, .social-buttons li {
	display: flex;
	padding: 0;
	margin: 0;
}

.social-buttons {
	width: 100%;
	list-style: none;
	flex-wrap: wrap;
	margin: 24px 0 0;
	justify-content: center;
}

.nm-hvr {
	transition: all 0.2s ease-in-out;
}

.nm-hvr:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 11px rgb(0 123 255/ 35%);
}

.social-buttons li {
	flex-basis: 100%;
	flex-shrink: 0;
	margin: 2px;
}

.social-buttons li:first-child {
	margin-left: 0px;
}

.social-buttons a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 12px 16px;
	font-weight: 500;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0);
	transition: 0.4s;
}

.social-buttons a:hover {
	/* background: white; */
	/* color:var(--primary-color); */
	/* border: 1px solid rgba(255,255,255, 0.25); */
	box-shadow: rgb(0 0 0/ 24%) 0px 3px 8px;
	/* box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px; */
	/* box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset; */
}

.nm-gp {
	position: relative;
	margin-bottom: 24px;
}

.nm-gp .form-control {
	background-color: transparent;
	color: #373430;
	border: none;
	border-bottom: 1px solid #eeeeff;
	border-radius: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
	padding: 16px 24px;
	height: 51.6px;
}

.nm-gp .form-control:focus {
	outline: none;
}

.form-check-input {
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, .25);
	/* -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; */
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

/* .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
} */
.form-check-input:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
}

/* .form-check input[type='checkbox'] {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.3rem;
  opacity: 0;
} */
.nm-gp-pp {
	position: absolute;
	top: 8px;
	left: 0px;
	background-color: transparent !important;
	color: var(--primary-color);
	border: none;
	z-index: 10;
	font-size: 16px;
}

.form-check {
	display: block;
	min-height: 24px;
	padding-left: 1.5em;
	margin-bottom: 0.125rem;
}

.form-check {
	display: inline-flex;
}

.form-check {
	padding-left: 0;
	font-weight: 400;
}

.nm-check {
	cursor: pointer;
}

.form-check label {
	color: #97a4af;
	font-size: 16px;
	margin-left: 4px;
}

/* .nm-check::before {
  border-radius: 0.25rem;
  transition: .4s;
  position: absolute;
  top: 3px;
  left: 0rem;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
  content: "";
  background-color: #eeeeff;
  border: 1px solid #97a4af;
}
.nm-check::after {
  position: absolute;
  top: 3px;
  left: 0rem;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background: no-repeat 50% / 50% 50%;
} */
.nm-mb-1 {
	margin-bottom: 16px !important;
}

.nm-aic {
	align-items: center;
}

.nm-btn-2 {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	padding: 0px 32px;
	font-size: 16px;
	line-height: 1.6;
	border-radius: 4px;
	box-shadow: 0 4px 20px 0 rgb(0 123 255/ 14%), 0 7px 10px -5px
		rgb(0 82 234/ 40%);
}

.nm-fs-1 {
	font-size: 14px;
	line-height: 1.4;
}

.nm-fw-bd {
	font-weight: 600 !important;
}

.right-signin .logo-temp {
	margin-bottom: 80px;
}

.alert-danger {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
}

.alert {
	font-size: 14px;
	position: sticky;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.75rem;
}

.sidebar-menu .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-color: #3076df !important;
}

ul.dropdown-menu {
	left: auto !important;
	right: 0 !important;
}

.custom-targetDiv {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10;
	padding: 0;
}

h6.form-heading {
	padding-bottom: 8px;
	border-bottom: 1.5px solid var(--primary-color) !important;
	color: var(--primary-color) !important;
}

.sidebar.open .h-down-arrow {
	display: none;
}

.sidebar_dropdown {
	width: 90%;
	margin: auto;
	display: none;
	overflow: hidden;
	font-size: 12px;
}

.sidebar_dropdown li a {
	padding: 6px 28px;
}

.sidebar-menu .dropdown-menu {
	position: inherit;
	float: inherit;
	background: inherit;
}

/* .sidebar-menu ul li {
    background: inherit;
    border: none;
} */
li.nav-bg-altr:hover {
	background: none !important;
	padding: 0 !important;
}

sidebar-menu ul li .nav-bg-a-altr:hover {
	background: var(--primary-color);
}

.acc {
	margin-bottom: 10px;
}

.topic-status.table-3 {
	margin-top: 5px;
}

.acc__card {
	position: relative;
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.16), 0px 0px 1px
		rgba(0, 0, 0, 0.4);
	border-radius: 6px;
}

.acc__title, .acc__title_override {
	background: #fff;
	display: block;
	color: #373430;
	font-weight: 600;
	border-radius: 6px;
	padding: 20px;
	position: relative;
	text-align: left;
}

.acc__title::after {
	width: 12px;
	height: 12px;
	border-right: 1px solid #373430;
	border-bottom: 1px solid #373430;
	position: absolute;
	right: 20px;
	font-weight: 600;
	content: " ";
	top: 24px;
	transform: rotate(45deg);
	transition: all 0.2s ease-in-out;
}

.acc__title.active::after {
	transform: rotate(-135deg);
	transition: all 0.2s ease-in-out;
}

.acc__panel {
	background: #fff;
	color: #373430;
	display: none;
	margin: 0;
	padding: 0 20px 20px 20px;
	text-align: left;
}

.news-room-tabs:hover, .news-room-tabs.active-new {
	background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%,
		rgb(48, 118, 223) 100%);
	width: 100px;
	height: 32px;
	border: none;
	color: white;
}

li.dropdown.new_drop_class:hover {
	background: none !important;
	padding: 0 !important;
}

li.dropdown.new_drop_class a:hover {
	background: #3076df;
	/* padding: 3px; */
	border-radius: 6px;
	margin: 8px 0px;
	padding: 8px;
	outline: 0 !important;
	border: none;
}

li.new_dropdown_class {
	margin: 3px 0px;
	border-radius: 6px;
}

li.dropdown.new_drop_class .h-down-arrow:hover, li.dropdown.new_drop_class .h-down-arrow:active
	{
	color: white;
}

li.new_drop_class {
	padding: 0 !important;
}

a.sidebar_accordion {
	border-radius: 6px;
	margin: 8px 0px;
	padding: 8px;
}

li.new_drop_class a:hover {
	border-radius: 6px;
	/* margin: 8px 0px;
    padding: 8px; */
	/* background: #3076df; */
	color: white !important;
}

li.new_drop_class .sidebar_accordion:hover {
	border-radius: 6px;
	/* margin: 8px 0px;
    padding: 8px; */
	background: #3076df;
	color: white !important;
}
/* li.new_dropdown_class:hover {
    background: #393d4c !important;
} */
.table th, .table td {
	white-space: nowrap;
	width: 1%;
}

#nav-actions {
	display: flex;
	border-radius: 3px;
	transition: width 0.6s linear;
}

#nav-actions ul {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0;
	margin: 0;
	transition: width 0.6s linear;
}

#nav-actions.active ul {
	width: 100%;
}

#nav-actions ul li {
	transform: rotateY(0deg);
	transition: transform 0.6s linear, opacity 0.6s linear;
}

#nav-actions.active ul li {
	opacity: 1;
	transform: rotateY(360deg);
}

#nav-actions ul a {
	position: relative;
	color: rgb(200, 196, 196);
	text-decoration: none;
	margin: 0 10px;
}

#nav-actions ul a:hover {
	color: #9B50AF;
}

#nav-actions .icon {
	background-color: #fff;
	border: 0;
	cursor: pointer;
	padding: 0;
	position: relative;
	height: 30px;
	width: 30px;
}

#nav-actions .icon:focus {
	outline: 0;
}

#nav-actions .icon .line {
	background-color: #9B50AF;
	height: 2px;
	width: 20px;
	position: absolute;
	top: 10px;
	left: 5px;
}

#nav-actions .icon .line-2 {
	top: auto;
	bottom: 10px;
}

#nav-actions.active .icon .line-1 {
	transform: rotate(-765deg) translateY(5.5px);
}

#nav-actions.active .icon .line-2 {
	transform: rotate(765deg) translateY(-5.5px);
}

.nav-nw-action {
	display: none;
}

#nav-actions li:nth-child(-n+5) {
	margin-bottom: 10px;
}

.promoted-tble.h-table tbody tr td:first-child {
	display: revert !important;
}

.form-option-btn input.expiry_date_display {
	line-height: 28.5px;
	border-radius: 6px;
	margin-top: 1px;
	border: 1px solid;
	padding: 0 10px;
}

.form-option-btn input#newsId {
	line-height: 26px;
	margin-right: 6px;
}

td .form-option-btn {
	display: flex;
}

td .form-option-btn .select_date_time_editor {
	flex-basis: 51.5%;
}

.card-deleted-heading {
	color: #3076DF !important;
}

.card-deleted-heading span {
	margin-bottom: 4px !important;
	padding-bottom: 2px !important;
	color: #3076DF !important;
	border-bottom: 1px solid #3076DF;
}

.card-deleted span {
	color: red;
}

.card-deleted-data {
	color: #3076DF !important;
}

.card-deleted p {
	margin: 0;
}

.selectize-input {
	Height: 42px;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(55, 52, 48, 0.1);
	border-radius: 8px;
}

.mt-15 {
	margin-top: 15px;
}

.mailer-bg {
	background: antiquewhite;
}

.category_cloud {
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	margin-bottom: 5px !important;
	display: inline-block;
	background: #3076df;
	border-radius: 5px;
}

.category_cloud a {
	color: #fff;
	padding-left: 5px;
}

.nav-active {
	border-radius: 6px;
	background: #3076df;
	color: white !important;
}

.nav-child-active {
	background: #393d4c !important;
	border-radius: 6px !important;
	color: white !important;
}

.nav-child-active a {
	color: #fff !important;
}

#progressbar-newsletter {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}

#progressbar-newsletter li {
	list-style-type: none;
	color: black;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
	text-align: center;
}

#progressbar-newsletter li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: #f19933;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar-newsletter li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #f19933;
	position: absolute;
	left: -50%;
	top: 9px;
}

#progressbar-newsletter li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar-newsletter li.active:before, #progressbar li.active:after {
	background: #27AE60;
	color: white;
}

.custom-targetdiv {
	gap: 10px;
}

@media screen and (max-width: 991px) {
	.custom-targetDiv {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 500px) {
	.custom-targetDiv {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

sidebar.open .sidebar_accordion.nav-active:active, .sidebar.open .sidebar_accordion.nav-active:hover,
	.sidebar.open .sidebar_accordion.nav-active:focus {
	background: #3076DF !important;
	outline: none !important;
	border-radius: 20%;
	width: 35px;
	height: 35px;
}

.sidebar.open .sidebar-menu ul li a i {
	margin-right: 0;
	left: 8px;
}

.form-check .form-check label {
	color: black;
	font-size: 14px;
	margin-top: 2px;
}

.selectize-input.items.not-full:focus, .selectize-input.items.not-full:active
	{
	border-color: #66AFE9 !important;
	outline: 0;
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%), 0 0 8px
		rgb(102 175 233/ 60%) !important;
}

.addNewpaper {
	margin-top: 5px;
}

.form-option-btn select {
	border-radius: 6px;
	margin-top: 1px;
	border: 1px solid;
	padding: 5px 10px;
}

/* .data-head-slide{
  display: inline-block;
  padding-right: 2px;
  padding-left: 4px;
  border: 1px solid;
} */
.data-head-slide .slide_icons {
	width: 30px;
	height: 29px;
	text-align: center;
	bottom: 4.2px;
	position: relative;
}

.form-check label {
	color: #97A4AF;
	font-size: 11px;
	margin-left: 4px;
	color: black;
	margin-top: 2px;
	margin-right: 12px;
}

.sidebar.open a.sidebar_accordion.nav-active:hover, .sidebar.open li .sidebar_accordion:hover
	{
	height: 35px;
	width: 35px;
}

.open .nav-active {
	height: 35px;
	width: 35px;
}

.dat-actn {
	margin: 5px 5px 0 0;
}

.custom-ad .h-table tbody tr td:first-child {
	display: revert !important;
}

i.note-icon-check a {
	border-bottom: 1px solid #CCC;
}

i.note-icon-check {
	width: 100%;
	display: inline-block;
	color: #000 !important;
	visibility: visible !important;
	text-align: center;
	line-height: 25px;
}

col-md-12.mb-10.data-head-slide span {
	margin-right: 12px;
}

span.slide_icons {
	display: inline-block;
	border: 1px solid;
}

.col-md-12.mb-10.data-head-slide a {
	top: 5px;
	position: relative;
	right: 0px;
}

span.select-with-message {
	display: inline-block;
	border: 1px solid;
	height: 29px;
	top: 2px;
	position: relative;
}

span.select-with-message .icon {
	margin-left: 6px;
	margin-right: 4px !important;
}

span.select-with-message select {
	border: none;
	top: -1px;
	border-top: 1px solid;
	border-left: 1px solid;
	width: 45px !important;
	height: 29px !important;
	border-bottom: 1px solid;
}

span#bold_display_5 {
	background: #8A92A6;
}

span#bold_display_5 a {
	color: black;
}

.col-md-12.mb-10.data-head-slide a {
	top: 5px;
	position: relative;
	right: 0px;
}

span#underline_display_5 a {
	text-decoration: underline;
}

.col-md-12.mb-10.data-head-slide span {
	margin-right: 5px;
}

.caption_wrapper .note-editor {
	/*Height: 42px;*/
	width: 100%;
	background: #FFFFFF;
	padding: 0px 12px;
	border: 2px solid rgba(55, 52, 48, 0.1);
	border-radius: 8px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: rgba(55, 52, 48, 0.7);
}

.note-editing-area p {
	background: #fff;
}

.note-editing-area p, .note-editing-area div {
	margin-bottom: 10px !important;
}

.Blink {
	animation: blinker 1s linear infinite;
}

.dot {
	margin-left: 2px;
	width: 12px;
	height: 12px;
	background: red;
	color: red;
	border-radius: 50%;
	display: inline-block;
}

@keyframes blinker { 50% {
	opacity: 0;
}

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

.chosen-container-single .chosen-single {
	height: 100%;
	border: 0 !important;
	background: none !important;
	width: 100% !important;
	box-shadow: none !important;
	display: flex;
	align-items: center;
}

.header-filter.right-filter {
	justify-content: flex-start;
	flex-wrap: wrap;
}

.header-filter-child {
	margin-bottom: 10px;
}

.bd-common-lg .amp-slide-btn {
	text-align: center;
}

.bd-common-lg .amp-slide-btn .ply-btn {
	margin-top: 5px;
}

.tbl-act-tst {
	display: flex;
}

.tbl-act-tst a {
	margin-right: 5px;
}

.listview .dat-actn {
	margin: 7px 30px 0 0 !important;
}

.page_layout_element .textCard {
	max-width: 250px !important;
}

.configure-left-section .textCard {
	max-width: 400px !important;
}

/* .cropper-cstm .jcrop-holder, .cropper-cstm .jcrop-tracker, .cropper-cstm .jcrop-holder img, .cropper-cstm img.image_cropper_img{
	 height: 100% !important;
    max-width: 828px;
    max-height: 485px;
} */

/* 
.topic-status table tbody tr td:first-child {
    text-align: left;
    border-right: none;
}



.filter-search.header-filter-child input[type="radio"], search.header-filter-child input[type="checkbox"] {
    margin: 0 6px 0 0;
    padding: 0 6px 0 0 !important;
} */
.chosen-container-multi .chosen-choices {
	padding: 0 6px;
}

.chosen-choices {
	border: none;
	background-color: none;
	background-image: none;
}

.chosen-container {
	position: relative;
	height: 42px;
	width: 100%;
	background: #FFFFFF;
	/* border: 1px solid rgba(55, 52, 48, 0.1); */
	border: 1px solid #cbcbcb !important;
	border-radius: 8px;
	/* padding: 0 12px; */
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: rgba(55, 52, 48, 0.7);
}

.chosen-container-multi {
	padding: 0 !important;
}

.chosen-container-multi .chosen-choices {
	border: none !important;
	background-image: none;
}

/* .chosen-container-multi .chosen-choices li.search-field input[type=text]{ margin: 7px 0; } */
.chosen-drop {
	border-radius: 5px;
	border-top: 1px solid #000 !important;
}

.pl-20 {
	padding-left: 20px;
}

.help_message .mandatory {
	color: #ff0000 !important;
	padding-left: 20px !important;
}

.empty_message {
	text-align: center;
}

.label-align {
	margin-left: 5px;
	margin-top: 8px;
}

.input-group .form-control:not(:first-child) {
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}

.pac-container {
	z-index: 99999 !important;
}

/* .mid-content-temp p:not(:first-child) {
    color: white;
    top: 450px;
    position: relative;
    z-index: 11111;
} */

/* .wel-h1{ display:none;}
h3.wel-h1 p:first-child {
    display: none;
} */
/* @media (max-width: 991px){    
.login-box-wrapp {
    max-height: 835px !important;
    height: 100%;   
    }  
} */
/* @media (max-width: 991px){   
 .login-box-wrapp .col-lg-4.col-sm-12.col-xs-12 {
    max-height: 350px;
    height: 100%;
} */
/* .right-signin {
    max-height: 350px;
    height: 100%;
}  
}
 */
label.label-for-follow {
	top: -2px;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
}

.checkbox1 label {
	top: -2px;
	position: relative;
}

input.note-image-input.form-control {
	padding: 10px;
}

.sidebar ~.home-section .note-editor.fullscreen {
	width: calc(100% - 260px);
	left: 250px;
	transition: all 0.5s ease;
}

.sidebar.open ~.home-section .note-editor.fullscreen {
	width: calc(100% - 80px);
	left: 70px;
	transition: all 0.5s ease;
}

.sidebar ~.home-section .note-editor #smt-mdl {
	width: calc(100% - 260px);
	left: 250px;
	transition: all 0.5s ease;
}

.sidebar.open ~.home-section .note-editor #smt-mdl {
	width: calc(100% - 80px);
	left: 70px;
	transition: all 0.5s ease;
}

/* @media screen and (min-width:767px){
  
} */
::-webkit-scrollbar {
	width: 7px;
	height: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
	height: 3px;
}
/* Track */
::-webkit-scrollbar-track {
	background: #222738;
}
/* Handle */
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #fcb231;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.md-cms-close {
	top: -23px;
	position: relative;
}

/* smart tools start */
.h-smart-tools .modal-body {
	padding: 15px;
}

.h-smart-tools .modal-header {
	background-color: var(--primary-color);
}

.h-smart-tools .targetdiv {
	padding: 0;
}

.h-smart-tools .modal-header {
	text-align: left;
	padding: 6px 10px;
}

.h-smart-tools .modal-content {
	width: 100%;
	max-width: 100%;
	margin-top: 40px;
}

.read-this-also-wrap .also-read-media-wrap {
	display: none;
}

.h-smart-tools .tabsingle {
	position: relative;
	background: transparent;
	background: #ccc;
	border-radius: 50%;
	padding: 0;
	/* filter: grayscale(100%);
  -webkit-filter: grayscale(100%); */
	height: 35px;
	width: 35px;
	margin: 0 10px;
	text-align: center;
}

.smart-tool-img {
	opacity: .9;
	height: auto;
	width: 100%;
}

.h-smart-tools .tabsingle i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
}

.h-smart-tools .panel-heading {
	background: #f5f5f5;
	border: 1px solid #D8D8D8;
	color: #313131;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 15px;
}

.smart-tool-inner-body {
	padding: 15px;
	border: 1px solid #ccc;
}

.h-smart-tools input, .h-smart-tools textarea {
	background: none repeat scroll 0 0 #FFF;
	font-size: 14px;
	border: 1px solid #C1C1C1;
	padding: 8px 7px;
	line-height: 1.33;
	border-radius: 4px;
	background-image: none;
	border: 1px solid #D0CFCF;
	color: #333;
	width: 100%;
	margin: 15px 0px;
	margin-top: 0;
	max-width: 400px;
	resize: vertical;
}

.auto-complete-element {
	border-bottom: 2px solid #ccc;
	display: block;
	margin-bottom: 10px;
	width: 100%;
}

.auto-complete-element:focus {
	outline: none;
}

.h-smart-tools .tab-heading {
	display: flex;
	align-items: center;
}

.h-smart-tools .smart-tool-textarea {
	font-size: 14px;
}

.h-smart-tools .modal-footer {
	justify-content: end;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
}

.h-smart-tools .tab-inner {
	position: relative;
}

.h-smart-tools .modal-header .modal-close {
	position: absolute;
	right: 0;
	top: 4px;
	color: white;
}

.h-smart-tools .modal-header .modal-close:hover {
	opacity: 0.6;
}

.twt-heading {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	min-width: 120px;
	vertical-align: top;
}

.h-smart-tools select {
	padding: 3px;
	margin: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 1px;
	border: 1px solid #CCC !important;
	background: #f8f8f8;
	color: #888;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	width: 100%;
	border-radius: 3px;
	background: #FFF;
	padding: 4px 7px;
	margin: 0px;
	max-width: 400px;
	background: url(../images/arrow_down.png) no-repeat 98% 10px;
	background-color: #FFF;
	height: 40px;
}

.h-smart-tools .btn {
	font-size: 16px;
	height: 38px;
	padding: 5px 20px;
	border-radius: 4px;
}

.checkbox-wrap label {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 21px;
	color: #5f6468;
	font-weight: 700;
}

.checkbox-wrap [type=checkbox] {
	width: 30px;
}

.face-btn {
	background-color: #337ab7;
	border-color: #2e6da4;
	height: 34px;
	margin: 0;
	margin-top: -1px;
}

.input-group.add-on {
	display: flex;
}

.btn.face-btn {
	padding: 5px 15px;
	border-radius: 0;
}

.btn.face-btn:hover {
	text-decoration: none;
	color: white;
	opacity: 0.8;
}

.btn.face-btn:first-child {
	border-radius: 4px 0 0 4px;
}

.btn.face-btn:last-child {
	border-radius: 0 4px 4px 0;
}

.fb-heading {
	display: inline-block;
	color: #5f6468;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	min-width: 120px;
	vertical-align: top;
	/* margin-bottom: 5px;
  margin-top: 5px; */
}

.fb-second-textarea-section {
	padding: 15px 15px 10px 15px;
	border: 1px solid #ccc;
}

.fb-second-textarea-section textarea {
	height: 100px;
	max-width: 700px;
	margin-bottom: 0 !important;
}

.input-group.add-on .form-control {
	margin-bottom: 0;
}

.smart-tool-inner-body .table-bordered {
	border: 1px solid #ddd;
}

.smart-tool-inner-body .table-header {
	background: #EEC107 !important;
}

.smart-tool-inner-body .table-bordered>thead>tr>th,
	.smart-tool-inner-body .table-bordered>tbody>tr>th,
	.smart-tool-inner-body .table-bordered>tfoot>tr>th,
	.smart-tool-inner-body .table-bordered>thead>tr>td,
	.smart-tool-inner-body .table-bordered>tbody>tr>td,
	.smart-tool-inner-body .table-bordered>tfoot>tr>td {
	border: 1px solid #ddd;
}

.smart-tool-inner-body .table.table-bordered thead th {
	text-align: center;
}

.smart-tool-inner-body .table>thead>tr>th, .smart-tool-inner-body .table>tbody>tr>th,
	.smart-tool-inner-body .table>tfoot>tr>th, .smart-tool-inner-body .table>thead>tr>td,
	.smart-tool-inner-body .table>tbody>tr>td, .smart-tool-inner-body .table>tfoot>tr>td
	{
	padding: 8px 8px;
	line-height: 1;
}

.smart-tool-inner-body .table>thead>tr>th {
	border-bottom: 1px solid #e6e7e8;
	vertical-align: middle;
	height: 30px;
}

.smart-tool-inner-body .table-bordered>thead>tr>th,
	.smart-tool-inner-body .table-bordered>tbody>tr>th,
	.smart-tool-inner-body .table-bordered>tfoot>tr>th,
	.smart-tool-inner-body .table-bordered>thead>tr>td,
	.smart-tool-inner-body .table-bordered>tbody>tr>td,
	.smart-tool-inner-body .table-bordered>tfoot>tr>td {
	border: 1px solid #ddd;
}

.tab-active .fa-twitter {
	color: #00acee;
}

.tab-active .fa-file-pdf {
	color: red;
}

.tab-active .fa-html5 {
	color: #E96235;
}

.tab-active .fa-file-alt {
	color: #4886EC;
}

.tab-active .fa-google {
	color: #4285f4;
}

.tab-active .fa-facebook {
	color: #4167B2;
}

.tab-active .fa-film {
	color: #dc2026;
}

.tab-active .fa-youtube {
	color: #c4302b;
}

.tab-active .fa-chart-line {
	color: #4285f4;
}

.tab-active .fa-border-all {
	color: #E96235;
}

.tab-active .fa-ellipsis-h {
	color: var(--hocal-color);
}

/* popup css end */
.page_layout_element .heading_block {
	display: flex;
	gap: 1rem;
	padding: 5px;
	font-weight: bold;
}

.note-children-container button.note-btn.btn.btn-default.btn-sm {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.img-user-profile {
	border: 2px solid #3076df;
	border-radius: 50%;
	height: 200px;
	width: 200px;
	margin-top: 10px;
}

.img-user-profile img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin: 0;
	padding: 0;
}

.cls-frm {
	cursor: pointer;
}

.dot_red {
	background: red;
	color: white;
}

.dot_green {
	background: #11af12;
	color: white;
}

.slide_icons.active {
	background: #d6d6d6;
}

.partner-message-bottom {
	display: none;
	text-align: center;
	color: #fff;
}

.sidebar .nav_search {
	width: 100%;
	background: white;
	color: var(--primary-color);
	height: 38px;
	border-radius: 5px;
}

div#details-wrapper p {
	padding: 10px;
}

.input-group-addon:last-child {
	border-top: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}

.nav-search {
	position: sticky;
	top: 5px;
	z-index: 9;
}

.text-success {
	color: #18a477 !important;
}

.lslide {
	border-top: 2px solid rgb(48, 118, 223) !important;
	border-left: 0.5px solid rgb(0 0 0/ 16%) !important;
}

.dash-group-name {
	color: var(--primary-color);
	cursor: pointer;
}

.dash-group-name span {
	color: var(--primary-color);
}

.dash-child-data {
	margin-left: 10px;
	margin-right: 10px;
}

.dash-group-child {
	color: #f7b243;
	text-transform: uppercase;
}

.custom-newsdetail-section-one {
	background: #FFFFFF;
	box-shadow: 0px 6px 6px -6px rgb(0 0 0/ 16%), 0px 0px 1px
		rgb(0 0 0/ 40%);
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 20px;
}

.page_layout_element {
	padding: 5px;
}

#rd_media_uploader_image_preview_upload {
	padding: 5px;
}

.dash-h-table {
	box-shadow: 0px 1px 8px 4px rgb(0 0 0/ 16%), 0px 0px 1px rgb(0 0 0/ 40%);
	border-radius: 5px;
}

.artical-textarea {
	display: flex;
}

.story_main_heading {
	font-size: 18px;
	padding: 10px x i;
}

.single_story_sticky {
	position: sticky;
	top: 57px;
	z-index: 10;
}

.dash-h-table tr.table-header th {
	text-align: center;
}

.dash-h-table .odd.gradeX td:first-child {
	text-align: center;
}

.nav-search-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 35px;
	width: 40px;
}

.nav-search-icon .fa-search {
	color: #8b93a6;
	font-size: 18px;
	transition: width 0.4s ease;
	padding: 10px;
}

.nav-search-icon:hover .fa-search {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	background: #3076df;
	color: white !important;
}

h4#md-heading {
	font-weight: bold;
}

input:checked+label {
	color: #000 !important;
	border: 0 !important;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
	padding: 9px 8px;
	height: 100%;
}

.internal_tags .selectize-dropdown, .internal_tags .selectize-input,
	.internal_tags .selectize-input input {
	height: auto;
}

.heading_block .help_message {
	float: right;
}

.configure-right-section .card {
	box-shadow: none !important;
	border: 0 !important;
}

.configure-right-section .card .card-top a img {
	border-radius: 5px !important;
}

.error-container h1 {
	font-weight: 100;
	color: #202124;
	text-transform: uppercase;
}

.error-container p {
	color: #727272;
	margin-top: 1rem;
	font-size: 14px;
}

.btn-update {
	color: #3076df;
	border: 1px solid #3076df;
	padding: 0;
	padding: 0px 10px;
}

.btn-update:hove {
	background-color: #3076df !important;
	color: #ffffff !important;
}

.btn-update i {
	margin: 0;
}

.v-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.tab-visibility-tcolumn {
	display: flex;
	align-items: baseline;
}

.tab-visibility-config .tab-name {
	height: 30px;
	width: 200px;
	border: 1px solid #c3bebe;
	border-radius: 6px;
	padding: 0 5px;
}

.tab-visibility-subchild .tab-visibility-tcolumn {
	flex-direction: column;
}

.tcolumn-check input {
	margin-top: 0;
}

.tcolumn-check label, .tcolumn label.switch {
	margin-bottom: 0;
}

.tab-visibility-config .tab-wrapper {
	display: flex;
}

.tab-input input#config {
	margin: 0 !important;
}

.tab-input label {
	margin-left: 3px;
	margin-bottom: 0 !important;
}

.tab-visiblity-arrow {
	margin-left: 20px;
	cursor: pointer;
}

td.highlight {
	background: #FFF;
	border: 0px;
	border-bottom: 1px solid #296ce7;
	padding-top: 33px !important;
	font-size: 18px !important;
	font-weight: bold !important;
}

.note-btn-group .dropdown-menu>li>a {
	display: grid;
	padding: 1px 28px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.textCard-caption {
	margin-top: 12px;
	padding: 10px 2px;
	background: #ededed;
}

.textCard-caption .edit-media-caption {
	margin-left: 10px;
	cursor: pointer;
	float: right;
}

.section-status-check {
	display: none;
}

.completed .section-status-check {
	display: inline-block;
}

.h-5 {
	height: 5px !important;
}

.h-10 {
	height: 10px !important;
}

.h-20 {
	height: 20px !important;
}

.h_go_back_page, .go_back_page_custom {
	cursor: pointer;
	padding: 5px 6px;
}

.h_go_back_page:hover, .go_back_page_custom:hover {
	border-radius: 50%;
	cursor: pointer;
	background-color: #ffffff;
	padding: 5px 6px;
	color: #3076df;
}

.show-story-comments {
	float: left;
	margin-top: 1px;
	margin-left: 10px;
	cursor: pointer !important;
}

#story-comments {
	margin-top: 10px;
	display: none;
}

@keyframes changeBg {
	from {background-color: antiquewhite;
}

to {
	background-color: transparent;
}

}
.bg-antiquewhite {
	/* background:antiquewhite !important; */
	animation: changeBg 3s;
}

.story-comment-count {
	float: left;
	margin-left: 4px;
	padding: 5px 0;
}

.table-view-media {
	border-radius: 5px !important;
	width: 70px !important;
	height: auto !important;
}

.main-tab-heading {
	padding-bottom: 8px;
	border-bottom: 1.5px solid var(--primary-color) !important;
	color: var(--primary-color) !important;
	font-weight: bold;
	font-size: 18px;
	/* margin-bottom: 15px; */
	display: inline-block;
	padding-right: 5px;
}

.hcl_story_main_heading {
	margin: 0px !important;
	font-size: 16px;
	padding: 0px !important;
	color: #fdb231;
	font-weight: 600;
}

.adnvaced-search-filter:hover {
	background-color: white;
	color: var(--primary-color);
}

#more_authors #story_credit {
	display: flex;
	align-items: center;
}

#more_authors #remove {
	border: 1px solid #9C9C9C;
	border-radius: 5px;
	padding: 13px 15px;
	color: #9C9C9C;
}

#more_authors #remove:hover {
	background-color: #8E8D8D;
	color: #FFFFFF !important;
}

.timeline_passed {
	color: #ff0000;
}

.completed {
	color: #4ac207;
}

.toggle-slide {
	display: none;
}

.toggle-slide-action {
	cursor: pointer;
}

.fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
	overflow: hidden;
}

.fc .fc-daygrid-day.fc-day-today {
	background-color: #dceaff !important;
}

#more_authors #story_credit {
	display: flex;
	align-items: center;
}

tbody tr td a .fa-times {
	color: red;
	padding: 4px 6px;
	border-radius: 4px;
	border: 1px solid red;
}

tbody tr td a .fa-times:hover {
	color: white;
	background: red;
}

tbody tr td a .fa-check, tbody tr td a .fa-check-double, tbody tr td a .fa-adn.a-green
	{
	color: green;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid green;
}

tbody tr td a .fa-check:hover, tbody tr td a .fa-check-double:hover,
	tbody tr td a .fa-adn.a-green:hover {
	color: white;
	background: green;
}

tbody tr td a .fa-adn.a-warning {
	color: #8a6d3b;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #8a6d3b;
}

tbody tr td a .fa-adn.a-warning:hover {
	color: white;
	background: #8a6d3b;
}

tbody tr td a .fa-star {
	color: orange;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid orange;
}

tbody tr td a .fa-star:hover {
	color: white;
	background: orange;
}

tbody tr td a .fa-undo, tbody tr td a .fa-user {
	color: black;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid black;
}

tbody tr td a .fa-undo:hover, tbody tr td a .fa-user:hover {
	color: white;
	background: black;
}

.remove-tab-border-left {
	border-radius: 0 6px 6px 6px;
}

/* dp css */
@media ( max-width :676px) {
	.textCard-img {
		height: 27vh;
	}
	.sidebar + .sidebar-bars {
		top: 9px !important;
	}
}

td.td-custom-size {
	white-space: normal !important;
	min-width: 440px;
}

.smart-tool-nav a#addElement {
	margin-left: 10px;
	height: 41px;
	padding: 10px;
}

.smart-tool-nav #element-tab-content .form-group.add-on select#element-select
	{
	margin-right: 10px;
}

.smart-tool-nav #element-tab-content .form-group.add-on .form-group-btn #addElement,
	.smart-tool-wrapper #tweet-tab-content .panel-body .col-sm-6 #searchTweets,
	#pdf-tab-content .panel-body .col-sm-12 #upload-file-btn {
	padding: 7px;
	color: white !important;
	text-decoration: none;
}

.smart-tool-nav #html-tab-content .panel-body {
	margin-left: 15px;
}

.smart-tool-nav {
	background: #d6d6d6 !important;
}

label#tab-element-label img {
	margin-left: 0px !important;
}

.smart-tool-wrapper  .panel-heading {
	font-size: 18px;
	color: #f6b243;
}

.smart-tool-wrapper #content-tab-content .panel-body input,
	.smart-tool-wrapper #content-tab-content .panel-body select {
	color: #777;
}

#pdf-tab-content .panel-body  textarea {
	margin-left: 14px;
}

#pdf-tab-content .panel-body .col-sm-12 {
	align-items: center;
	margin-bottom: 12px;
}

.smart-tool-wrapper #content-tab-content .panel-body .col-sm-12 {
	margin-bottom: 10px;
	align-items: center;
	justify-content: flex-start;
}

.smart-tool-nav #crossButton .cls-smt-md {
	top: 12px;
	position: absolute;
	right: 14px;
}

.smart-tool-nav #formats-tab-content .panel-body {
	width: 50%;
}

#google-tab-content .panel-body .control.google.active {
	padding-left: 15px;
	padding-bottom: 5px;
}

#google-tab-content .panel-body .web-search .col-sm-12 #google-search-keyword
	{
	border-radius: 8px;
}

@media ( max-width :560px) {
	.col-md-12.mb-10.data-head-slide span {
		margin-top: 7px;
	}
}

.textCard {
	display: inline-block;
	max-width: 400px !important;
	width: 100%;
}

.textCard-img {
	/* height: 18vh; */
	
}

.yt-content {
	/*  height: 25vh; */
	height: auto;
}

button#modal-content-action {
	border: 1px solid;
	padding: 3px 6px;
}

.easyeditor-modal-close {
	right: 5px;
	top: 3px;
	padding: 0 5px;
	border: 0;
	font-size: 18px;
	background: none;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close
	{
	font-size: 11px;
}

.page_layout_element.row .chosen-container-multi {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 0 12px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #222;
	padding: 0 !important;
	display: block;
	height: auto;
	border: 1px solid #cbcbcb;
}

.chosen-container-multi {
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(55, 52, 48, 0.1);
	border-radius: 8px;
	padding: 0 12px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #222;
	padding: 0 !important;
	display: block;
}

.page_layout_element.row .chosen-container-multi .chosen-choices {
	display: block;
	border: none !important;
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	border: 1px solid rgba(55, 52, 48, 0.1);
	border-radius: 8px;
	padding: 6px 12px 5px 12px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #222;
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%);
	display: flex;
	flex-wrap: wrap;
}

.chosen-container-multi .chosen-choices {
	display: block;
	border: none !important;
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	border: 1px solid rgba(55, 52, 48, 0.1);
	border-radius: 8px;
	padding: 6px 12px 5px 12px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #222;
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%);
	display: flex;
	flex-wrap: wrap;
}

.chosen-container-multi:focus, .chosen-container-multi .chosen-choices:focus
	{
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%), 0 0 8px
		rgb(102 175 233/ 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%), 0 0 8px
		rgb(102 175 233/ 60%);
}

.listview .card-body {
	flex-basis: 57% !important;
}

.h-table thead tr th {
	padding: 12px 20px;
}

.create-story-section-one .form-check label {
	margin-top: 3.4px;
}

.h-table tbody tr td:first-child {
	display: table-cell;
}

.header-filter-child {
	margin-bottom: 0px;
}

.checkbox-inline .couponPlan.form-check-label {
	bottom: 10px;
}

.project-status.dash-group-name.text-blue {
	color: #f6b243 !important;
}

.project-status.dash-group-name.text-blue span {
	color: #f6b243;
}

.card-icon {
	padding: 3px 9px;
}

h5.card-title.text-blue {
	font-size: 11px;
	color: darkgrey !important;
}

.news-room-tabs:hover, .news-room-tabs.active-new {
	width: fit-content;
}

.header-news-room .d-flex.h-dashboard {
	padding-bottom: 15px;
}

.h-table tbody tr td {
	white-space: nowrap;
}
/* #ip_add .h-table tbody tr td{
    max-width: 10px;
    word-break: break-all;
    white-space: inherit;
} */
.hcl-story-id {
	top: 10px;
	position: absolute;
	left: 10px;
	background-color: black !important;
	padding: 4px;
	border-radius: 4px;
	height: 19px;
	color: white;
	line-height: 1;
}

.cate {
	margin-bottom: 0px;
}
/* .odd.gradeX.LIVE td a.h-rule-actions {
    margin-right: 8px;
} */
h4.form-heading {
	font-weight: 500;
}

.autocomplete-suggestion {
	padding: 6px 5px;
}

.nav-search-icon .fa-search {
	margin-left: -3px;
}

.i-table.table-3.h-table .form-option-btn input.expiry_date_display {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	margin-top: 0;
}

.i-table.table-3.h-table .input-group-addon:last-child {
	border: 1px solid #050505;
	border-left: 0 !important;
}

.modal-body.modal-alert {
	border-top: 8px solid #f5aa41;
}

.alert-icon {
	top: -40px;
	position: absolute;
}

@media ( min-width : 768px) {
	.v-alert {
		width: 100%;
	}
}

.v-alert .alert-message {
	font-size: 16px !important;
	margin-top: 0px !important;
}

.status-section {
	position: absolute;
	top: 10px;
	left: 70px;
}

.sidebar + .sidebar-bars {
	left: 227px;
	top: 9px;
	z-index: 99999;
}

#ip_add td.break_word_all {
	max-width: 10px;
	word-break: break-all;
	white-space: inherit;
}

.b-alert-error.modal-alert.modal-body {
	border-top: 8px solid #ed3833 !important;
}

.b-alert-warning.modal-alert.modal-body {
	border-top: 8px solid #f5aa41 !important;
}

.b-alert-success.modal-alert.modal-body {
	border-top: 8px solid #5eca39 !important;
}

.b-alert-loader.modal-alert.modal-body {
	border-top: 8px solid #3076df !important;
}

.b-alert-loader.modal-alert.modal-body  img {
	border-radius: 50%;
}

.v-alert .modal-alert .btn {
	width: 100%;
	text-align: center;
	justify-content: center;
}

.sidebar .logo-details {
	background: #222738;
	position: sticky;
	top: 0px;
	z-index: 1111;
}

.nav-search {
	top: 70px;
}

.col-hocal-3 .chosen-container-multi .chosen-choices li.search-field input[type=text]
	{
	color: white !important;
}

.tbl-act-tst a {
	margin-right: 8px;
	padding-top: 2px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.social-enable:hover {
	background: #3177df;
	color: white;
}

.nml-container {
	max-width: 1290px !important;
}

div#newsletter_content {
	margin-top: -15px;
}

.wide_frame {
	top: 15%;
}

h6.form-heading {
	width: fit-content;
	padding-right: 10px;
}

.v-alert .alert-actions {
	display: flex;
}

.note-btn-group .dropdown-menu>li>a {
	display: grid;
	padding: 1px 28px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

tbody tr td a .fa-trash, tbody tr td a .fa-remove, tbody tr td a .fa-adn.a-red
	{
	color: red;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid red;
}

tbody tr td a .fa-trash:hover, tbody tr td a .fa-remove:hover, tbody tr td a .fa-adn.a-red:hover
	{
	color: white !important;
	background: red;
}

tbody tr td a .fa-trash-restore, tbody tr td a .fa-save {
	color: green;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid green;
}

tbody tr td a .fa-trash-restore:hover, tbody tr td a .fa-save:hover {
	color: white;
	background: green;
}

tbody tr td a .fa-globe, tbody tr td a .fa-eye-slash, tbody tr td a .fa-window-close
	{
	padding: 4px;
	border-radius: 4px;
	border: 1px solid black;
	color: black;
}

tbody tr td a .fa-globe:hover, tbody tr td a .fa-eye-slash:hover, tbody tr td a .fa-window-close:hover
	{
	background: black;
	color: white;
}

tbody tr td a .fa-edit, tbody tr td a .fa-refresh, tbody tr td a .fa-pause,
	tbody tr td a .fa-comment-dots, tbody tr td a .fa-cog, tbody tr td a .fa-play,
	tbody tr td a .fa-stop, tbody tr td a .fa-pen, tbody tr td a .fa-link,
	tbody tr a .fa-history {
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #3177df;
	color: #3177df;
}

tbody tr td a .fa-clipboard, tbody tr td a .fa-bell, tbody tr td a .fa-search
	{
	padding: 4px;
	border-radius: 4px;
	border: 1px solid green;
	color: green;
}

tbody tr td a .fa-clipboard:hover, tbody tr td a .fa-bell:hover, tbody tr td a .fa-search:hover
	{
	background: green;
	color: white;
}

tbody tr td a .fa-share-alt, tbody tr td a .fa-plus, tbody tr td a .fa-reply-all
	{
	padding: 4px;
	border-radius: 4px;
	border: 1px solid orange;
	color: orange;
}

tbody tr td a .fa-share-alt:hover, tbody tr td a .fa-plus:hover, tbody tr td a .fa-reply-all:hover
	{
	background: orange;
	color: white;
}

tbody tr td a .fa-edit:hover, tbody tr td a .fa-refresh:hover, tbody tr td a .fa-pause:hover,
	tbody tr td a .fa-comment-dots:hover, tbody tr td a .fa-cog:hover,
	tbody tr td a .fa-play:hover, tbody tr td a .fa-stop:hover, tbody tr td a .fa-pen:hover,
	tbody tr td a .fa-link:hover, tbody tr a .fa-history:hover {
	background: #3177df;
	color: white;
}

tbody tr td a .fa-circle {
	padding: 4px;
	border-radius: 4px;
	border: 1px solid green;
	color: green;
}

tbody tr td a .fa-circle:hover {
	background: green;
	color: white !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
	min-height: 10px;
	height: 100%;
	max-width: max-content !important;
}

.page_layout_element .chosen-container-multi .chosen-choices li.search-field
	{
	height: 27.5px;
}

.page_layout_element a.chosen-single {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%) !important;
	border-radius: 8px;
}

.page_layout_element .chosen-container-multi .chosen-choices li.search-field input[type=text]
	{
	margin: 2px 0;
}

.has-items.has-options.items.not-full.selectize-input input#tags-selectized
	{
	min-height: 33px !important;
}

@media ( max-width : 767px) {
	#page-content-wrapper .filter-section .apply-filter {
		margin-right: 10px;
	}
	#page-content-wrapper button.btn.btn-primary.border.remove-filter.header-filter-child
		{
		margin-left: 0px;
	}
}

.story_main_heading {
	font-size: 18px;
	padding: 10px 0px;
	color: #f6b243;
}

.selectize-input {
	/* Height: 42px !important; */
	border: 1px solid #cbcbcb !important;
}

#page-content-wrapper .d-flex.right-filter {
	gap: 8px 0px;
}

button.btn.btn-primary.apply-filter.active-viewlist.header-filter-child
	{
	margin-left: 0;
	margin-right: 10px !important;
}

button.btn.btn-primary.border.remove-filter.header-filter-child {
	margin-left: 0;
}

.page_layout_element .chosen-container-single .chosen-single span {
	color: #4b4a4a;
}

.configure-story .configure-left-section .textCard-img, .configure-story .configure-right-section .textCard-img
	{
	height: 33vh;
}

.textCard.facebook-med .upload_btns {
	gap: 10px 0px;
}

.configure-story .configure-right-section .textCard {
	max-width: none !important;
}

.configure-story .configure-left-sectiont .textCard {
	max-width: 400px !important;
}

.listview .card-icon {
	padding: 5px 10px;
	max-width: 25px;
	width: 100%;
}

@media ( max-width : 767px) {
	#page-content-wrapper .filter-section .apply-filter {
		flex: 48%;
	}
	#page-content-wrapper button.btn.btn-primary.border.remove-filter.header-filter-child
		{
		flex: 48%;
		margin-right: 10px;
	}
}

@media ( max-width : 1240px) {
	.right-filter .filter-search, .right-filter .h-time {
		margin-bottom: 0px !important;
	}
}

tbody tr td a .fa-envelope {
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #f6b243;
	color: #f6b243;
}

tbody tr td a .fa-envelope:hover {
	color: white;
	background: #f6b243;
}

tbody tr td a .fa-ban {
	padding: 4px;
	border-radius: 4px;
	border: 1px solid red;
}

tbody tr td a .fa-ban:hover {
	color: white;
	background: red;
}

#insert-now-btn, #insert-pdf-link {
	border-radius: 7px;
}

.smart-tool-wrapper  .panel-heading {
	padding: 0px;
}

.smart-tool-wrapper #content-tab-content .auto-complete-element {
	border-bottom: 1px solid rgba(55, 52, 48, 0.1);
}

.header-news-room .d-flex.h-dashboard .h-flex.flex-end {
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 0px;
}

@media ( max-width : 1240px) {
	.btn {
		margin-top: 0px;
	}
}

@media ( max-width : 991px) {
	.btn {
		margin-top: 0px;
	}
}

.header-news-room .d-flex.h-dashboard .filter-search.border-all.common-nav-actions.filter-search.border-all.list-ul.card-view.change-listview.active-viewlist
	{
	margin-left: 6px;
}

@media ( max-width : 767px) {
	.create-story-btn {
		flex-direction: row;
		gap: 0px !important;
	}
}

.create-story-section-one .hcl-user-profile-picture.form-group .textCard
	{
	max-width: 210px !important;
}

.create-story-section-one .hcl-user-profile-picture  .textCard-img {
	height: 27vh;
}

.filter-section.d-flex.text-right .option-btn {
	margin-right: 10px;
}

form#create_col .chosen-container-single .chosen-single {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid rgba(55, 52, 48, 0.1) !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%) !important;
	border-radius: 8px;
	height: 42px !important;
}

form#create_col input[type=radio] {
	margin-top: 1px;
	margin-right: 4px;
}

form#create_col span.collection_options {
	margin-right: 6px;
}

div#configuration .user-data .drop-up textarea {
	min-height: 80px;
	height: 100%;
	width: 100%
}

@media ( max-width :404px) {
	#story.jsp-section-lazy-load .stories-found  .card-body .status-section
		{
		position: relative;
		top: 4px;
		margin-bottom: 8px;
		left: 0px;
		text-align: center;
	}
}

div#cat_data_section_header_links_category .form-heading.category_cloud.category_cloud_header_links_category.ui-sortable-handle,
	.form-heading.category_cloud.category_cloud_top_header_sub_categories.ui-sortable-handle
	{
	background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%,
		rgb(48, 118, 223) 100%);
	font-size: 15px;
	font-weight: 500;
}

#my_map {
	height: 440px;
}

#user_groups_update form#updatePerm table input[type="checkbox"] {
	top: 2px;
	position: relative;
}
/* #news-from .page_layout_element.row a.search-choice-close:after, #news-from .page_layout_element.row a.search-choice-close:before, #page-content-wrapper .col-hocal-3 .search-choice a.search-choice-close:before, #page-content-wrapper .col-hocal-3 .search-choice a.search-choice-close:after{
    position: absolute;
    left: 6px;
    content: ' ';
    height: 11px;
    width: 2px;
    background-color: #333;
} */
a.search-choice-close:after, a.search-choice-close:before {
	position: absolute;
	left: 6px;
	content: ' ';
	height: 11px;
	width: 2px;
	background-color: #333;
}

/* #news-from .page_layout_element.row a.search-choice-close:after, #page-content-wrapper .col-hocal-3 .search-choice a.search-choice-close:after {
    transform: rotate(-45deg);
}
#news-from .page_layout_element.row a.search-choice-close:before, #page-content-wrapper .col-hocal-3 .search-choice a.search-choice-close:before {
  transform: rotate(45deg);
} */
a.search-choice-close:after {
	transform: rotate(-45deg);
}

a.search-choice-close:before {
	transform: rotate(45deg);
}

#reporter_analytics div#pagination_bottom {
	margin-top: 10px;
}

.lSAction>a.lSPrev {
	background-size: 15px 15px;
	background-repeat: no-repeat;
	left: -15px;
	background-image: url(/resources/images/chevron-left-icon.png)
		!important;
}

.lSAction>.lSPrev {
	background-position: 13px center !important;
}

.lSAction>a {
	background: #f5f1f1;
}

.multi-chosen-wrapper {
	margin-right: 8px;
}

.multi-chosen-wrapper .chosen-container {
	width: 255px !important;
}

@media screen and (max-width: 767px) {
	.multi-chosen-wrapper .chosen-container {
		width: 310px !important;
	}
}

.multi-chosen-wrapper .chosen-container .chosen-choices {
	flex-wrap: nowrap;
	overflow-x: scroll;
	padding: 5px !important;
	height: 33px;
	align-items: center;
}

.details-actions-wrapper a i {
	margin-right: 0;
}

.details-actions-wrapper a.btn {
	padding: 7px 11px;
}

.acc__heading {
	float: left;
}

.acc__actions {
	text-align: right;
}

.v-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.checklist-wrapper {
	max-height: 400px;
	overflow-y: auto;
	padding: 10px;
	border: 1px solid #e9e6e6;
	border-radius: 6px;
	margin-bottom: 10px;
}

.heading-message {
	font-size: 14px;
	font-weight: bold;
}

.table-scrollable-450 {
	overflow-y: scroll;
	height: 450px;
	display: block;
}

li.user-name-data {
	list-style: none;
	display: inline-block;
	border: 1px solid white;
	padding: 5px;
	background: #ececec;
	color: #5f5e5e;
	margin: 5px;
	border-radius: 5px;
	font-family: inherit;
}

#loader-modal {
	top: 50%;
	transform: translateY(-50%);
}

#loader-modal .modal-dialog {
	width: 350px;
}

#loader-modal-content {
	padding: 80px 20px;
}

/* !FOCUSED IMAGES */
/*-----------------------------------------*/
.focuspoint {
	position: relative; /*Any position but static should work*/
	overflow: hidden;
}

.focuspoint img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-height: none;
	max-width: none;
}

.component-wrapper {
	display: flex;
}

.left-component {
	width: 34%;
	margin-right: 10px;
}

.right-component {
	width: 65%;
}

.element-dropdown .dropdown-item {
	display: block;
}

.component-element-section ol {
	list-style: none;
	/* margin-top: 7px; */
}

._element-wrapper .comp-menu {
	display: list-item;
}

._element-wrapper span.comp-text {
	border-radius: 5px;
	padding: 6px 10px;
	background-color: #ffffff;
	color: #464545;
	/*  cursor: pointer; */
	width: 200px;
	display: inline-block;
	border: 1px solid #c8c8c8;
}

._element-wrapper span.comp-close {
	color: #464545;
	border-radius: 5px;
	/* padding: 3px; */
	/* border: 1px solid #d3d1d1; */
	cursor: pointer;
}

._element-wrapper span.comp-close i {
	margin: 0;
}

li ol {
	/* margin-top: 3px; */
	margin-left: 15px;
}

span.comp-text.active {
	border: 1px solid;
}

.draggable {
	cursor: move;
}

.draggable.dragging {
	opacity: 0.5;
}

.placeholder {
	border-radius: 5px;
	width: fit-content;
	outline: 1px dashed #4183C4;
	padding: 2px;
	background-color: #cfcfcf38;
}

.top-header-right {
	display: flex;
	align-items: center;
}

#language_button {
	border-radius: 5px;
	padding: 4px 6px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background: black;
	cursor: pointer;
}

.chosen-container-single .chosen-single span {
	margin-left: 2px;
}

.mjs-nestedSortable-error {
	background: #fbe3e4;
	border-color: transparent;
}

.component-element-content {
	padding: 8px 8px;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
}

.component-element-content li {
	margin-top: 3px;
}

.comp-add, .toggle-selector {
	cursor: pointer;
}

.collapse-section {
	cursor: pointer;
}

.ig-files {
	clip-path: polygon(0 0, 30% 0, 34% 15%, 100% 15%, 100% 100%, 0 100%);
	height: 183px;
	background-color: #888a9196;
	border-radius: 4px;
}

.row-wrapper {
	display: grid;
	grid-template-columns: 2fr 1fr auto;
	align-items: center;
	padding: 15px;
	border-bottom: 1px solid lightgray;
}

/* row-wrapper:hover :not(.file-name-wrap, .folder-icon, .file-date, .file-author) {
	cursor: pointer;
} */
.row-wrapper:hover, .hcl-block:hover, .hcl-block-active {
	background: whitesmoke;
	border-radius: 5px;
	box-shadow: 1px 2px 3px lightgrey;
	cursor: default;
}

.file-name-wrap {
	display: flex;
	align-items: center;
}

.file-name {
	margin-left: 10px;
}

.action-icon {
	font-size: 15px;
	/* margin-right: 10px; */
	cursor: pointer;
	padding: 5px 2px;
	opacity: 0.7;
}

.action-icon:hover {
	opacity: 1;
}

/* .action-icon:hover{
	padding: 6px 7px;
    border-radius: 50%;
    background: rgb(230 230 230 / 62%);
} */
.folder-icon i {
	color: #ffc900;
}

.file-icon i {
	color: #f66f6d;
}

.fa-edit.action-icon {
	color: #0070f0;
}

.fa-trash-alt.action-icon {
	color: #f02626;
}

.add-new-docs {
	background: linear-gradient(110deg, #3b86f7, #000000a8);
	color: white;
	width: 60px;
	height: 60px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-radius: 50%;
	cursor: pointer;
	border: none;
}

.add-new-docs:hover {
	transform: scale(1.1);
	cursor: pointer;
}

/* .library-dropdown{
	width: 250px;
} */
@media screen and (max-width: 500px) {
	.file-date {
		display: none;
	}
}

.dropdown-toggle.add-new-docs {
	position: fixed;
	bottom: 10px;
	right: 20px;
}

.library-dropdown {
	position: fixed;
	bottom: 80px;
	right: 10px;
}

.row-wrapper2.new-doc-row {
	padding: 10px;
}
/* .library-dropdown .file-name-wrap {
    flex-direction: row-reverse;
} */
.side-icon {
	font-size: 20px;
	width: 50px;
	text-align: center;
	margin-left: 10px;
}

.side-name {
	background: white;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 1px 1px 15px 5px lightgray;
}

.row-wrapper2 {
	cursor: pointer !important;
}

.row-wrapper2:hover {
	transform: scale(1.1);
}

.cursor-pointer {
	cursor: pointer;
}

.hcl-folder-icon .fa-folder {
	color: #ffc200;
}

.hcl-folder-wrapper {
	text-align: center;
}

.hcl-block-container {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.hcl-block {
	margin-right: 10px;
	padding: 20px 0;
}

.hcl-block:hover {
	cursor: pointer;
}

@media screen and (min-width: 576px) and (max-width:992px) {
	.hcl-block-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (min-width: 351px) and (max-width: 575px) {
	.hcl-block-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 350px) {
	.hcl-block-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

.hcl-folder-actions {
	display: none;
}

.tab-visibility-child {
	width: 158px;
	border: 1px solid #c3bebe;
	border-radius: 6px;
	padding: 5px;
	font-weight: 600;
}

.input-check-wrapper {
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
	gap: 3px;
}

.tab-input {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

@media screen and (max-width: 400px) {
	.input-check-wrapper label {
		padding: 0;
	}
}

#planningTopicDetails td img {
	width: 15px;
}

#fileLibraryDocs .textCard-img img {
	object-fit: contain;
}

.download-xml-wrapper {
	width: 60%;
	margin: 20px auto;
	padding: 30px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	box-shadow: 4px 4px 20px 6px #e5e3e3;
}

.data-heading-name span {
	font-size: 18px;
	font-weight: bold;
}

.hcl-card-action-wrapper {
	display: flex;
	gap: 5px;
}

/* .content-data-section{
  border: 1px solid #7c7c7ced;
} */
.custom-chosen-container .chosen-container {
	padding: 7px 0 !important;
}

.tab-element-parent {
	background-color: #d9d6d657;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.top_tab_section_wrapper {
	margin-top: 15px;
}

.cursor-poiner {
	cursor: pointer;
}

.li-child-element:hover {
	background: #393d4c !important;
	color: white !important;
}

.radio_wrapper {
	height: 42px;
	display: flex;
	align-items: center;
}

.selectize-dropdown.multi.tags, .selectize-dropdown.multi.keywords,
	.selectize-dropdown.multi.modal_tags {
	height: auto !important;
}

/* tab visibilty table css */
.trow {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(4, 1fr);
	border: 1px solid lightgray;
	align-items: center;
}

.tcolumn {
	padding: 10px;
}

.tcolumn1 {
	font-weight: bold;
}

.tab-visibility-subchild {
	display: none;
	padding: 0 20px;
	margin-bottom: 20px;
	border: 1px solid lightgray;
}

.ui-sortable-helper {
	background-color: #ededed !important;
	border-radius: 3px !important;
	cursor: grab;
}
/* story editor character count border */
.note-editor.note-frame .note-editing-area {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 15px;
}

.add-credit {
	border: 1px solid #3076DF;
	width: fit-content;
	padding: 10px;
	display: inline-block;
	border-radius: 5px;
	color: #3076DF;
	margin-top: 10px;
	font-weight: bold;
	cursor: pointer;
}

.add-credit:hover {
	border: 1px solid #fff;
	color: #fff;
	background-color: #3076DF;
}

.break-table-word {
	white-space: normal;
}

.nav-chosen-custom .chosen-container {
	height: 32px;
	border-radius: 7px;
	background-color: #4783E3;
	border: none !important;
}

.nav-chosen-custom .chosen-container .chosen-single {
	color: #fff;
}

.nav-multi-chosen-custom .chosen-container.chosen-container-multi {
	border: none !important;
	background: inherit;
}

.nav-multi-chosen-custom .chosen-container.chosen-container-multi .chosen-search-input
	{
	color: white !important;
	padding-left: 5px !important;
}

label {
	color: #000 !important;
}

label:hover {
	color: #000 !important;
	cursor: default !important;
}

#hclPermission .trow {
	grid-template-columns: 100px 200px auto 100px 100px;
}

#hclPermission .permission-tcolumn {
	justify-self: center;
}

#hclPermission .main-toggle {
	margin-right: 0;
}

.rotate {
	transform: rotate(-180deg);
	transition: .3s;
}

.rotate-reset {
	transform: rotate(0deg);
	transition: .3s;
}

/* .toggle-target{
	display:none;
} */
.reticle {
	border: 3px #ff0000 solid;
	border-radius: 50%;
	animation: blink 1s;
	animation-iteration-count: infinite;
}

@keyframes blink { 50% {
	border-color: #fff;
}

}
.aspect-container {
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.diff-aspect-block img {
	align-self: flex-start;
	max-height: 150px;
	object-fit: contain;
	height: auto;
}

.diff-aspect-block {
	display: grid;
	grid-template-rows: 50px auto;
	text-align: center;
	align-items: center;
	background-color: #eeeeee;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	height: 100%;
}

.diff-aspect-text-wrap {
	border-bottom: 1px solid black;
}

.diff-aspect-img {
	padding: 10px;
	border: 1px solid #8e8e8e;
}

.extra-css-wrapper.open-zammad-chat-parent {
	text-align: right;
	position: fixed;
	bottom: 3px;
	right: 3px;
	z-index: 99;
	border-radius: 35px;
}

.extra-css-wrapper .open-zammad-chat {
	align-content: right;
	background-color: #3076df;
	border: 1px solid #3076df;
	color: #fff;
	padding: 10px 50px;
	border-radius: 5px;
	font-size: 15px;
	transition: all .5s ease-in;
}

.extra-css-wrapper.open-zammad-chat:hover {
	color: #3076df;
	background-color: #fff;
	border: 1px solid #3076df;
}

.params-filter-tab {
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	padding: 10px 24px;
	color: white;
	font-weight: bold;
	font-size: 15px;
	line-height: 150%;
	width: 50%;
}

.datatable-wrapper {
	border: 1px solid #b2b2b2;
	border-radius: 5px;
}

.tab-help {
	cursor: pointer;
	padding-left: 10px;
}

/* .selectize-control.multi.keywords .selectize-input [data-value] {
	background-color: #dadada;
    color: #585858;
} */
.h-paid-news {
	bottom: 5px;
	position: absolute;
	right: 5px;
	margin-bottom: 0;
	background: #ff230b;
	padding: 4px 5px;
	border-radius: 4px;
	color: white;
	font-weight: bold;
	line-height: 1;
	height: 19px;
	text-transform: uppercase;
}

.h-card-view {
	position: relative;
}

.error-message {
	color: var(--red-color);
	font-weight: bold;
}

.dropdown-menu.h-custom-drop-menu {
	padding: 0;
	width: 210px;
}

#notifications-data {
	max-height: 300px;
	overflow: scroll;
	padding: 5px;
}

.h-custom-drop-menu {
	position: absolute;
	background: white;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	width: 234px;
	right: 120px;
	box-shadow: 5px 5px 10px -5px;
	z-index: 9;
	display: none;
}

.filter-search select option {
	background: #141414bf;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.modal-body::-webkit-scrollbar {
	width: 8px !important;
}

.ai-wrapper {
	cursor: pointer;
}

.btn-superstition:focus {
	color: #fff;
}

.vscomp-ele {
	max-width: 100% !important;
}

.vscomp-toggle-button {
	border: none;
}

.chosen-select {
	padding: 4px;
}

.vscomp-wrapper.focused .vscomp-toggle-button, .vscomp-wrapper:focus .vscomp-toggle-button
	{
	box-shadow: none;
}

.chosen-select {
	position: relative;
	Height: 42px;
	width: 100%;
	background: #FFFFFF;
	border-radius: 8px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #222;
	border: 1px solid #cbcbcb;
}

.vscomp-ele-wrapper {
	z-index: auto !important;
}

.input-group {
	z-index: 1;
}

.wrapper_add {
	display: flex;
	margin: 10px 0px;
	padding: 0px;
}

.wrapper_add .input_wrapper {
	width: 90%;
	margin-right: 10px;
}

.wrapper_add .button_wrapper {
	border: 1px solid #CCC;
	padding: 11px 17px;
	border-radius: 5px;
}

.pasted-from-word-wrapper table th, .pasted-from-word-wrapper table td {
	font-weight: 400 !important;
	border: 1px solid black;
	padding: 5px;
	text-align: left;
	font-size: 14px;
}

.paster-from-word-wrapper table {
	font-weight: 400 !important;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	overflow-x: scroll;
	border-spacing: 0;
	border-collapse: collapse;
}

.vscomp-dropbox-container {
	z-index: 11 !important;
}

/*--------  update for AI POP-UP window----------- */
#aiPopup {
	transition: opacity 0.3s ease;
}

/* .ai-suggestion-dropdown {
	max-width: 80vw;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	border: 1px solid #cbcbcb;
	border-radius: 1rem;
}
 */
.ai-suggestion-item {
	color: black;
	word-wrap: break-word;
	display: flex;
	align-items: start;
	padding: 5px 10px;
	background-color: white;
	font-size: 14px;
	border-bottom: 1px solid #cbcbcb;
}

.ai-suggestion-item>p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 1
}

.ai-suggestion-item-action {
	margin-left: auto;
	display: flex;
	gap: 1rem;
}

.ai-suggestion-item>p.expanded {
	display: block;
}

.ai-suggestion-item button {
	background: none;
	border: none;
	position: relative;
}

.ai-suggestion-item-copy .success {
	color: #11af13;
}

.ai-suggestion-item-copy .error {
	color: #d9534f;
}

.ai-suggestion-item-copy:hover, .ai-suggestion-item-copy:focus {
	color: #3076df;
}

.ai-suggestion-button {
	padding: 0.5rem;
	color: white;
	border-radius: 0.75rem;
	font-size: 1.2rem;
	aspect-ratio: 1/1;
	width: 2.4rem;
	display: grid;
	place-items: center;
}

.ai-suggestion-header {
	display: flex;
	border-radius: 1rem;
	justify-content: flex-end;
	gap: 1rem;
	padding: 0.5rem 0.5rem;
	border-bottom: 1px solid #cbcbcb;
	background-color: #dddada;
}

.ai-suggestion-dropdown .ai-suggestion-item:last-child {
	border-radius: 0 0 1rem 1rem;
}

.text-copied {
	position: absolute;
	top: 0;
	right: 120%;
	padding: 0.5rem;
	border-radius: 0.5rem;
	background-color: rgb(0, 0, 0);
	font-size: 1.2rem;
	color: white;
}

.ai-response-data {
	display: inline-block !important;
}

.btn-md-table-delete{
	display: none;
}