/* Rich editor*/
.richeditor{
	margin-top:-32px;
}

.richeditor .panel{
	border-radius:2px;
	border-color:#d0d0d0;
}

.richeditor .nav-tabs{
	border-bottom:none;
	min-height:31px;
}

.richeditor .nav-tabs>li{
	float:right;
}

*[dir="rtl"] .richeditor .nav-tabs>li{
	float:left;
}

.richeditor .nav-tabs>li>a{
	padding:5px 15px;
	height:32px;
}
.richeditor .nav-tabs>li>a:last-child{
	margin-right:0;
}
.richeditor .nav-tabs >li.active >a, .richeditor .nav-tabs >li.active >a:hover, .richeditor .nav-tabs >li.active >a:focus{
	border-bottom:1px solid #f3f3f3;
	border-right:1px solid #d0d0d0;
	border-top:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background-color:#f3f3f3;
}

.richeditor .nav-tabs >li >a, .richeditor .nav-tabs >li >a:hover, .richeditor .nav-tabs >li >a:focus{
	border-bottom:none;
}
.richeditor .visualeditor {
	height: 250px;
	padding: 4px;
	overflow: auto;
	color: #000;
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
	user-select: text;
}

.richeditor .visualeditor[contenteditable=false] 
{
	background-color: #eee;
}

.richeditor .rtoolbar-button > i
{
	padding: 5px 1px;
}
.richeditor .textbtn 
{
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

.rtoolbar
{
	border-bottom: 2px solid #d0d0d0;
	background-color: #f3f3f3;
	min-height: 40px;
	height: auto;
	display: block;
	-ms-flex-align: center;
	align-items: center;
	overflow-wrap: break-word;
	padding: 0;
}

.rtoolbar-separator {
	position: relative;
	display: inline-block;
	border-left: 1px solid #CCC;
	height: 17px;
	line-height: normal;
	list-style: none;
	margin: 0 2px;
	outline: none;
	overflow: hidden;
	padding: 0;
	text-decoration: none;
	vertical-align: middle;
	width: 0;
}

.rtoolbar-container {
	min-width:32px;
	float:left;
	padding: 4px 0px;
}

.rinnertoolbar-container {
    min-width: 32px;
    display: block;
    padding: 4px 0px;
}

.rtoolbar-button {
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: 0;
	outline: none;
	padding: 0;
	color: #333;
	text-decoration: none;
	vertical-align: middle;
	min-width: 0px;
	height:32px;
	width: 32px;
	display:flex;
	align-items:center;
	padding: 0 4px;
	z-index:10;
}
.rtoolbar-button:hover, .rtoolbar-button:focus{
	background-color: rgba(158,158,158,.2);
}
.rtoolbar-button.ftoolbar-button-selected
{
	box-shadow: 0px 0px 1px #666;
	xborder: 1px solid transparent;
}

*[dir="rtl"] .rtoolbar-button 
{
	text-align: right;
}

*[dir="ltr"] .rtoolbar-button 
{
	text-align: left;
}

.rtoolbar-button:not(.rtoolbar-button-disabled):hover,
.rtoolbar-big-button:not(.rtoolbar-button-disabled):hover, .rtoolbar-button.hover {
	X-webkit-box-shadow: 0 1px 0px rgba(212,212,212,.3);
	X-moz-box-shadow: 0 1px 0px rgba(212,212,212,.3);
	Xbox-shadow: 0 1px 0px rgba(212,212,212,.3);

	
	Xbackground-color: #f8f8f8;
	Xbackground-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
	Xbackground-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
	Xbackground-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
	Xbackground-image: linear-gradient(top, #f8f8f8, #f1f1f1);
	
	Xborder-color: #d9d9d9 !important;
	
	color: #222;
}

/*rich editor searchbox*/
.editor-token-picker-ul {
	top: 74px;
	min-width: 300px;
	max-width: 300px;
	border-top-left-radius: 0;
}

.editor-token-picker-search-box {
	width: 300px;
	height: 34px;
	border: none;
	border-bottom: 1px solid #ddd;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.editor-token-picker-ul .searchItemPadded {
	padding-left: 13px;
}

/*rich editor cursor*/
a.dropdown-toggle.rtoolbar-button.lfm-button[disabled] {
	cursor:default;
}

.editor-toolbar .btn-select
{
	background-color: #C2CBE0;
	border-color: #0A246A;
}

.editor-toolbar ul
{
	margin: 0;
}

.editor-toolbar .dropdown-menu 
{
	font-size: 14px;
	margin-top: 2px;
	margin-bottom:10px;
	width: 300px;
}

.editor-toolbar .dropdown-menu ul
{
	padding: 0;
	list-style: none;
}

/*.editor-toolbar ul li a
{
	padding: 3px 20px; //this is causing the dropdowns to have a dropdown inside it
}*/

.editor-toolbar ul li a:hover{
	background-color: #f5fbff;
}

*[dir="rtl"]
.editor-toolbar ul li ul li a
{
	padding: 3px 30px 3px 20px;
}

.editor-toolbar ul li ul li a
{
	padding: 3px 20px 3px 30px;
}

*[dir="rtl"]
.editor-toolbar ul li ul li ul li a
{
	padding: 3px 40px 3px 20px;
}

.editor-toolbar ul li ul li ul li a
{
	padding: 3px 20px 3px 40px;
}

.hyperlink
{
	padding: 10px;
}

.editor-toolbar .dropdown-menu .addhyperlink
{
	display:block;
}

.editor-toolbar .dropdown-menu > a 
{
	padding: 10px;
}

.richeditor .panel-heading 
{
	padding: 0px;
    border-bottom:none;
}
.richeditor .panel 
{
	margin-bottom: 0px;
}

.richeditor .htmleditor
{
	height:100%;
	resize: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 0px;
	border-color: #d0d0d0;
	padding: 4px;
	width:100%; 
	border:0px;
	color: #000;
}

.htmleditor[disabled]{
	background-color:#eee;
}

.richeditor .lf-icon{
	color: #666;
}

.richeditor .dropdown-menu{
	max-height:250px;
	overflow-y:auto;
}

.richeditor .dropdown-menu>li>a{
	height:auto;
	min-height:32px;
}

.toolbar-btn-text {
    visibility: hidden;
    display: none;
}

.rtoolbar-container .lf-icon {
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: currentColor;
    pointer-events: none;
}

.dropdown-submenu .hyperlink {
    left: -300px;
    top: 0;
}

.rtoolbar-container[name=showMore] ul{
    width: 37px;
    min-width: 37px;
}

/* Override the bootstrap style for rich editor ident*/
blockquote {
    border-left: none;
    margin: 1em 40px;
    padding: 0px;
    font-size: 14px;
}
body{
    margin: 0;
}

#info_message_container {
	position: fixed;
	top: 0;
	width:100%;
	z-index: 5000;
	pointer-events: none; /* this lets you click under the container */
}

#info_message_container > div {
	pointer-events: none; /* this lets you click under the container */
}

.info_message{
	position:relative;
    display: table;
    max-height:130px;
    min-height:25px;
	min-width: 480px;
	max-width: 1200px;
    margin-top: 8px;
    padding: 0;
    overflow:auto;
	margin-left: auto;
    margin-right: auto;
	pointer-events: all; /* lets you close children of container */
}

.center_auto{
    margin: 0 auto;
    
	padding: 2px 25px;
}

.message_area
{
	margin: 5px 0px;
}

.message_area ul 
{
	margin: 0px;
	padding-left:15px;
}

.remove_message
{
	height: 0 !important;
	opacity: 0 !important;
	z-index: 500 !important;
	-webkit-transition:0.15s linear !important;
	transition: 0.15s linear !important;
	overflow-y: hidden !important;
}

.info_message .message_area{
    float: left; 
    width: 98%;
}

.info_message .button_area{
	position: absolute;
	padding: 8px;
	right: 8px;
	color: inherit;
	text-decoration:none;
}
.error_bg{
    background: var(--error-background);
	border-radius: 5px;
	border: 1px solid var(--error);
	color: var(--text-primary);
	font-weight: bold;
}

.button_area{
    cursor: pointer; 
}
.error_bg .message_area li:only-child
{
	list-style-type: none;
}	

.succ_bg
{
    background: var(--success-background);
	border-radius: 5px;
	border: 1px solid var(--success);
	color: var(--text-primary);
	font-weight: bold;
	text-align: center;
}

.info_bg{
    background: var(--info-background);
	border-radius: 5px;
	border: 1px solid var(--info);
	font-weight: bold;
	color: var(--text-primary);
}

.warn_bg{
    background: var(--warning-background);
	border-radius: 5px;
	border: 1px solid var(--warning);
	font-weight: bold;
	color: var(--text-primary);
}

/* validation passed has been changed to success message, close button will be for other warning messge as warning message is set not to be auto closed now */

.clearboth{
    clear: both;
}
.info_more_descrption{
    display: none;
    width: 950px;
    height: 300px;
    background: #fff;
    margin: 0 auto;
    padding: 10px;
    background: #fbfbfb;
    overflow: auto;
	-webkit-overflow-scrolling: touch;
}


@media (max-width : 480px) {
	#info_message_container {
		position: fixed;
		top:auto;
		bottom: 10px;
	}
	.info_message {
		width: 90%;
		left: 0;
		right: 0;
		min-width:0;
	}
	.info_message .button_area{

	}
}