/*******************************************************************************
 * Copyright (c) 2018 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors
 *******************************************************************************/
 /* START-ckEditor List(Macro) edit problem solution for FF, IE, CHROME */
.ckEditContentArea span.CKLinkDIV {
	/*width: 97%;*/
	display: block;
	border: 1px dashed #e6e0a2;
	background-color:#f7f5c5;
	padding: 5px;
}
/* START-ckEditor List(Macro) edit problem solution for safari*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.ckEditContentArea span.CKLinkDIV
	{
		display: table !important;
		width: 100%;
		border: 1px dashed #e6e0a2;
		background-color:#f7f5c5;
		padding: 5px;
	}
}

/* END-ckEditor List(Macro) edit problem solution for safari */

/* Image button */
.cke_button__mydraganddropimagebutton_icon {
	background: url("../../js/ckeditor/plugins/icons.png?bt=2026_06_22_13_53_12") no-repeat scroll 0 -936px !important;
}
/*CK link icon*/
.cke_button__mybtnlink_icon {
	background: url(../../js/ckeditor/skins/moono/icons.png?bt=2026_06_22_13_53_12) no-repeat 0 -1247px !important;	
}
/*----------------------
 Set min-height to 350px when CK goes 100% 
 ----------------------*/
.fluidCK .cke_inner .cke_contents,
.fluidCK .cke_inner .cke_contents iframe{
	min-height: 350px;
}

/*----------------------
CKEditor styles
----------------------*/
.ckContentArea {
	color: #3C3C3C;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
.ckContentArea a, .microBlogContent a{
	cursor:pointer;
	outline:none;
	color:#231f20;
}
.ckContentArea a:hover, .microBlogContent a:hover{
	color: #231f20;
}
ul.cke_panel_list{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ckContentArea h1, li.cke_panel_listItem h1,
.ckContentArea h2, li.cke_panel_listItem h2,
.ckContentArea h3, li.cke_panel_listItem h3,
.ckContentArea h4, li.cke_panel_listItem h4,
.ckContentArea h5, li.cke_panel_listItem h5,
.ckContentArea h6, li.cke_panel_listItem h6 {
	margin: 16px 0;
	font-weight:normal;
	line-height: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #343434;
}
li.cke_panel_listItem p,
li.cke_panel_listItem h1,
li.cke_panel_listItem h2,
li.cke_panel_listItem h3,
li.cke_panel_listItem h4,
li.cke_panel_listItem h5,
li.cke_panel_listItem h6 {
	margin: 0;
}

li.cke_panel_listItem p {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.ckContentArea h1, li.cke_panel_listItem h1 {font-size:20px;}
.ckContentArea h2, LI.cke_panel_listItem h2 {font-size:18px;}
.ckContentArea h3, li.cke_panel_listItem h3 {font-size:16px;}
.ckContentArea h4, LI.cke_panel_listItem h4 {font-size:14px;}
.ckContentArea h5, LI.cke_panel_listItem h5 {font-size:12px; font-weight:bold; color:inherit;}
.ckContentArea h6, LI.cke_panel_listItem h6 {font-size:12px; font-style: italic; color:inherit;}

.CKmention p, #convoModal #conversationMessagesDiv .span9 p{
	margin:12px 0 0 0;
}
.CKmention p:first-child, #convoModal #conversationMessagesDiv .span9 p:first-child{
	margin-top: 0;
}
#convoModal #conversationMessagesDiv .span9 p{
	line-height: 18px;
}
.ckContentArea p, .ckContentArea div{
	margin:12px 0 0 0;
}
.ckContentArea p:first-child, .ckContentArea div:first-child{
	margin-top: 0;
}
/*--- ck sub level indent in <ul> and <ol>---*/
.ckContentArea ul, .ckContentArea ol{
	padding:0 40px;
	margin:12px 0;
}
.ckContentArea #bigImageComment  ul {padding: 0px;}
.ckContentArea ul{list-style:disc outside none;}
.ckContentArea ul ul{list-style:circle outside none; margin:0;}
.ckContentArea ul ul ul, 
.ckContentArea ul ul ul ul, 
.ckContentArea ul ul ul ul ul, 
.ckContentArea ul ul ul ul ul ul, 
.ckContentArea ul ul ul ul ul ul ul{list-style:square outside none; margin:0}

.iSheetGridList .ckContentArea ol, .iSheetGridList .ckContentArea ul {padding-right: 0;}
.ckContentArea ol ol, 
.ckContentArea ol ol ol, 
.ckContentArea ol ol ol ol, 
.ckContentArea ol ol ol ol ol, 
.ckContentArea ol ol ol ol ol ol, 
.ckContentArea ol ol ol ol ol ol ol{margin:0}

.ckContentArea blockquote {
	border-left: 4px solid #E8E8E8;
	padding-left: 8px;
	margin:12px 40px;
}
.ckContentArea blockquote p{
	font-size:12px;
	line-height: 18px;
}
/*.commentBody .ckContentArea p, .storyBody p, #bigImageComment .moreLessDetect p {
	margin:0;
}*/
li.cke_panel_listItem A:hover {
	text-decoration: none;
}

span.diff-html-changed {
	background: #ddf4fb !important;
	cursor: pointer;
	padding: 3px;
	border-radius: 4px;
	border: 1px solid #c6edf9;
}
span.diff-html-removed {
	background-color: #fddfde;
	cursor: pointer;
	font-size: 100%;
	text-decoration: line-through;
	padding: 3px;
	border-radius: 4px;
	border: 1px solid #fbc7c6;
}
span.diff-html-added {
	background-color: #d1eed1;
	cursor: pointer;
	font-size: 100%;
	padding: 3px;
	border-radius: 4px;
	border: 1px solid #bfe7bf;
}
/*---------------------------------------------
iSheet Grid css for Data formating in Multi-line Rich text 
to make it same as normal text area
----------------------------------------------*/
 #divRenderedItem .ckContentArea p, body.iSheetContent p,
 #divRenderedItem .ckContentArea div, body.iSheetContent div {
	margin: 0px;
	line-height: 18px;
}
/*---------------------- 
CKEditor Toolbar - remove background styles 
----------------------*/
#bottom .cke_top, #bottom .cke_chrome, #bottom .cke_inner {
	background:none;
	border:0 none;
	box-shadow:0 0 0 transparent;
	filter:none;
}
#bottom .cke_top {
	padding:10px 0 7px 0;
}
/*----------------------
CKEditor drop down - formatting styles
----------------------*/
.CkStyleWarningYellow, .CkStyleWarningRed, .CkStyleWarningGreen, .CkStyleWarningBlue, .CkStyleComputerCode, .CkStyleHighlightYellow, .CkStyleHighlightGreen{
	border-radius: 3px 3px 3px 3px;
	color: #645F63;
	padding: 0 5px;
	line-height: normal;
}
.CkStyleWarningYellow {
    background: #FCF8C9;
    border: 1px solid #DED961;
}
.CkStyleWarningRed {
    background: #FDDFDD;
    border: 1px solid #FDC7C7;
}
.CkStyleWarningGreen {
    background: #D1EED0;
    border: 1px solid #BEE7BF;
}
.CkStyleWarningBlue {
    background: #DDF4FA;
    border: 1px solid #C7EDF8;
}
.CkStyleComputerCode {
    background: none repeat scroll 0 0 #FEFBF4;
    border: 1px solid #CBC8C1;
}
.CkStyleHighlightYellow {
    background: yellow;
}
.CkStyleHighlightGreen {
    background: Green;
	color:#3c3c3c;
}
.ckContentArea small{
	font-size:10px;
}

/*---------------------- 
For Microblog (@ and # functionality)
----------------------*/
.CKmentionToolbar{
	display: none !important;
}
.CKmention {
	text-align:left;
	background-color:#fff;
	font-size:12px;
	line-height:18px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	padding:3px 8px;
	overflow: auto;
	border: 1px solid #cac8c9;
	border-radius: 3px 3px 3px 3px;
	min-height: 20px;
	word-wrap: break-word;
}
.CKmention.cke_focus{
	outline: 0 none;
	color: #3C3C3C;
	border: solid 1px rgba(0 0 8px rgba(0, 0, 0, .6), 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0 0 8px rgba(0, 0, 0, .6), 0.6);
}
.addComment .CKmention.cke_editable, .addCommentCK .CKmention.cke_editable {
	padding:5px 8px;
}
.CKmention P{
	line-height: 18px;
}
.CKmention .TempPStyle{
	line-height: 25px;
}
div.ShareThought{
	height:25px;
	color:#BDBDBD;
	line-height: 25px;
}
textarea.ShareThought{
	width:96%;
}
.CKmention.cktextExpandHt,
#newMessage{
	height:70px;
	overflow:auto;
	color:#3C3C3C !important;
}
#convoInput.cktextExpandHt{
	height:54px; /*--- Conversation modal reply CK height ---*/
}
a.CKContextMention,
a.CKContextHashTag{
	background: #E7F2F9;
	padding: 1px 3px !important;
	text-decoration: none;
}
.CKmention p.CKplaceHolder{
	line-height: 25px;
}
html.html100perHt, body.ckContentArea {
	height: 100% !important;
} 
.addComment .CKmention .CKplaceHolder, .addCommentCK .CKmention .CKplaceHolder{
	line-height: 20px;
}
#bigImageComment .addComment .CKmention.cke_focus, .storyMain .addComment .CKmention.cke_focus, .addCommentCK .CKmention.cke_focus {
	min-height:72px; max-height:180px;
}
.addCommentCK #top .cke_chrome {
	border-bottom:0 none;
}
.addCommentCK .CKmention.cke_editable {
	border-radius: 3px 3px 3px 3px;
	margin-bottom:0px;
}
/*----------------------  End For Microblog ----------------------*/


/*=========== Get content accessible in iOS and otehr device ===========*/

/*----- It will apply only in ipad up to 1024 resolutions -----*/
@media screen and (min-device-width: 320px) and (max-device-width: 1024px)
{
	div.cke_contents{
		overflow: auto;
	}
}
@media screen and (max-width: 640px){
	.cke_inner .cke_contents,
	.cke_inner .cke_contents > iframe{
		min-height: 350px;
		height: auto !important;
	}
	textarea.cke_source {
		min-height: 350px;
	}
	.storyMain .addComment .linebreak, .addCommentCK .lineBreak {
		margin-bottom:5px;
	}
	.CKmention {
		padding:1px 0px 2px 8px;
	}
	.addCommentCK .CKmention.cke_editable {
		border-top:1px solid #CAC8C9;
		border-radius: 3px 3px 3px 3px;
	}
	.CKmention.cke_focus.cke_editable {
		border-color:rgba(0 0 8px rgba(0, 0, 0, .6), 0.8);
	}
	#bigImageComment .addComment .CKmention.cke_focus, .storyMain .addComment .CKmention.cke_focus, .addCommentCK .CKmention.cke_focus {
		max-height:156px;
	}
	/* ---- Remove auto height of CK for all three microblog area ---- */
	/* #cke_statusInput .cke_contents,
	#shareInput_Ckcontainer .cke_contents,
	#cke_modalMain .cke_contents{
		min-height: 100%;
	}*/
}

/*=========== END ===========*/
@media print{/*overwrite bootstrap img property*/
	.ckContentArea img{max-width:none !important;}
}