﻿*
{
	margin: 0;
	padding: 0;
	/*outline: 0;*/ /* Removed, please see http://www.outlinenone.com/ */
	font-family: Arial;
}

html
{
	height: 100%;
	margin: 0;
	padding: 0;
}

.browserContentWraper
{
	height: 100%;
	margin: 0;
	padding: 0;
}

.messageInfoTextArea
{
    font-size: 12px;
	background-color: white;
    width:100%;
    height: 500px;
    resize: none;
    border: none;
}

textarea
{
	font: 11px Arial, Verdana;
	color: #000;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.italics
{
	font-style: italic;
}

.Hidden
{
	display: none;
	visibility: hidden;
}

.criteriaLabelAdvanced.Hidden,.criteriaLabelBasic.Hidden
{
    display: none !important;
}

.Show
{
	display: block;
	visibility: visible;
}

.cursorPointer
{
	cursor: pointer;
}

.PageHeader
{
	display: block;
	width: 100%;
	height: 17px;
	background-color: #0072C6;
	color: white;
	font-family: Verdana;
	font-size: 11px;
	padding-top: 4px;
	text-align: center;
}

.PageHeaderLeftSide
{
	float: left;
	padding-left: 3px;
}

.PageHeaderRightSide
{
	float: right;
	padding-right: 3px;
}

.StatusBar
{
	width: 100%;
	background-color: #0072C6;
	float: left;
	position: fixed;
	bottom: 0;
	height: 12px;
	color: white;
}

.StatusResultsBar
{
	width: 100%;
	background-color: #0072C6;
	float: left;
	position: fixed;
	bottom: 0;
	height: 15px;
	color: white;
	font: Verdana;
}

.divHorizontalSeperator140
{
	display: inline-block;
	width: 140px;
	float: left;
	background-color: white;
	padding: 0 0 1px 0;
}

	.divHorizontalSeperator140 div
	{
		float: right;
		width: 80%;
		margin-top: 0px;
		max-height: 2px;
		border-bottom: 1px solid #E0E3E6;
	}

.divHorizontalSeperator160
{
	display: inline-block;
	width: 160px;
	float: left;
	background-color: white;
	padding: 0 0 1px 0;
}

	.divHorizontalSeperator160 div
	{
		float: right;
		width: 84%;
		margin-top: 0px;
		max-height: 2px;
		border-bottom: 1px solid #E0E3E6;
	}

.divHorizontalSeperator250
{
	display: inline-block;
	width: 250px;
	float: left;
	background-color: white;
	padding: 0 0 1px 0;
}

	.divHorizontalSeperator250 div
	{
		float: right;
		width: 89%;
		margin-top: 0px;
		max-height: 2px;
		border-bottom: 1px solid #E0E3E6;
	}

.divHorizontalSeparatorFollowUp
{
	background-color: #E0E3E6;
	float: none;
	height: 0;
	margin-bottom: 1px;
	margin-left: 28px;
	margin-top: 1px;
	padding: 0 0 1px;
	width: 80%;
}

.bnftCommentMargin
{
	margin-bottom: 8px !important;
}

/* Styles for the 'Insert Table' mechanism */
.InsertTable
{
	clear: left;
	width: 180px;
	margin: 5px 5px 5px 5px;
	padding-bottom: 5px;
}

#InsertTableHeader
{
	float: left;
	width: 188px;
	display: inline-block;
	clear: left;
	height: 22px;
	background-color: #EFEFEF;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #737573;
	margin: 1px;
}

.InsertTableRow
{
	float: left;
	display: inline-block;
	clear: left;
}

.InsertTableCell
{
	float: left;
	width: 15px;
	height: 15px;
	border: 1px solid #ccc;
	margin: 1px;
}

#InsertTableWrapper
{
	float: left;
	width: 195px;
	margin-left: 3px;
	margin-top: 3px;
}

#InsertTableDividingBar
{
	display: inline-block;
	width: 192px;
	float: left;
	background-color: white;
	padding: 0 0 1px 0;
}

#ObjDividingBar
{
	float: right;
	width: 100%;
	margin-top: 0px;
	max-height: 2px;
	border-bottom: 1px solid #E0E3E6;
}
/* End of Styles for the 'Insert Table' mechanism */

.menuDivSelected
{
	background-color: #e6f2fa;
	border: 1px solid #92C0E0;
}

.liPopupMenuFollowUp
{
	height: 25px;
}

#btnLogout:hover
{
	text-decoration: underline;
	cursor: default;
}

.min-width-85
{
	min-width: 85px;
}

.inlineBlock
{
	display: inline-block;
}

.displayBlock
{
	display: block;
}

.displayInline
{
	display: inline !important;
}

.popupButton
{
	width: 60px;
	margin-right: 5px;
}

.popupButtons
{
	margin-top: 10px;
	clear: both;
	float: none;
	text-align: right;
}

.clear
{
	clear: both;
	display: block;
	float: none;
}

.clearNone
{
	clear: none !important;
}

.bold
{
	font-weight: bold;
}

.padding5
{
	padding: 5px;
}

.padding10
{
	padding: 10px;
}

.padding-top-5
{
	padding-top: 5px;
}

.padding-bottom-5
{
	padding-bottom: 5px;
}

.padding-bottom-3
{
	padding-bottom: 3px;
}

.margin-5
{
	margin: 5px !important;
}

.margin-top-1
{
	margin-top: 1px !important;
}

.margin-top-5
{
	margin-top: 5px !important;
}

.margin-top-7
{
	margin-top: 7px !important;
}

.margin-top-8
{
	margin-top: 8px;
}

.margin-top-10
{
	margin-top: 10px;
}

.margin-left-5
{
	margin-left: 5px;
}

.margin-left-10
{
	margin-left: 10px;
}

.margin-left-3
{
	margin-left: 3px;
}

.margin-right-3
{
	margin-right: 3px !important;
}

.margin-right-0
{
	margin-right: 0px !important;
}

.margin-right-5
{
	margin-right: 5px;
}

.margin-right-10
{
	margin-right: 10px;
}

.margin-bottom-0{
	margin-bottom: 0px !important;
}

.margin-bottom-3
{
	margin-bottom: 3px;
}

.margin-bottom-5
{
	margin-bottom: 5px;
}

.margin-bottom-7
{
	margin-bottom: 5px;
}

.margin-bottom-8
{
	margin-bottom: 8px;
}

.padding-left-5
{
	padding-left: 5px;
}

.padding-left-3
{
	padding-left: 3px;
}

.padding-left-10
{
	padding-left: 10px;
}

.padding-right-5
{
	padding-right: 5px;
}

.padding-right-3
{
	padding-right: 3px;
}

.padding-8
{
	padding: 8px;
}

.width-115
{
	width: 115px !important;
}

hr.seperator
{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
}

/* Do not display horizontal line at the first Comment */
.bnftCommentsWrapper .comment.New:first-child hr.seperator {
	display: none;
}

/* The first comment does not have a seperator due to previous css so add a margin*/
.bnftCommentsWrapper .comment:first-child .container {
    margin-top: 15px;
}

/* Display left and right margins to all Comment */
.bnftCommentsWrapper .comment .container {
    margin-left: 10px;
    margin-right: 10px;
}

.comment.New hr.seperator
{
    border: 0;
	height: 1px;
    margin-bottom: 15px; /* Add margin to seperators*/
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.45), rgba(0,0,0,0.15), rgba(0,0,0,0.10));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0.45), rgba(0,0,0,0.15), rgba(0,0,0,0.10));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0.45), rgba(0,0,0,0.15), rgba(0,0,0,0.10));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.45), rgba(0,0,0,0.15), rgba(0,0,0,0.10));
}

.comment.Reply hr.seperator
{
	border: 0;
	height: 1px;
    margin-bottom: 15px; /* Add margin to seperators*/
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.05), rgba(0,0,0,0.15), rgba(0,0,0,0.05));
}

/*hr.seperator {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}*/

.cursorPointer
{
    cursor: pointer;
}

#userFollowMessageActionWrapper
{
	padding: 2px 0px 2px 0px;
}

#additionalButtons
{
	margin: 0px 5px 5px 5px;
}

	#additionalButtons button
	{
		margin-top: 5px;
		float: left;
	}

#casesInfo
{
	/* Used in order to give kendo tooltip some space */
	padding: 2px 2px 2px 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100px;
}

.ellipsis100PercWidth {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.height100Perc {
    height: 100%;
}

.singleLineEllipsis
{
	height: 27px; /*12*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.loading
{
	background-image: url('../app-images/loading.gif');
	width: 32px;
	height: 32px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.activeButton
{
	color: #ffffff;
	background-color: #0070c0;
	border-color: #0070c0;
}

#case-view-all-groups-wrapper .activeButton
{
	border-color: #67afe9;
}


.myListView
{
	overflow: auto;
}

/* USER SETTINGS */
/* TabStrip Content */
.tabContent
{
	height: 300px;
}

#userSettingsForm .edtLabelLeft
{
	width: 200px;
}

#userSettingsForm .edtCombo, .edtCombo.ddListUserSettingUsers
{
	width: 89px;
}

.edtCombo.ddListUserSettingUsers
{
	width: 240px;
}
/* END OF USER SETTINGS */

.spacer-50
{
	width: 50px;
}

.replyIcon
{
	background-image: url('../app-images/comments/reply-d.png');
	width: 16px;
	height: 16px;
}

.inReplyToIcon
{
	background-image: url('../app-images/comments/in-reply-to.png');
	width: 16px;
	height: 16px;
}

.replyCommentIcon
{
	background-image: url('../app-images/comments/reply-comment.png');
	width: 16px;
	height: 16px;
}

.replyIcon:hover
{
	background-image: url('../app-images/comments/reply.png');
	width: 16px;
	height: 16px;
}

/*.commentOpenIcon
{
	background-image: url('../app-images/comments/comment-popup-open.png');
	width: 16px;
	height: 16px;
}*/

/*.commentReadIcon
{
	background-image: url('../app-images/comments/comment-read.png');
	width: 16px;
	height: 16px;
}

.commentUnreadIcon
{
	background-image: url('../app-images/comments/comment-unread.png');
	width: 16px;
	height: 16px;
}*/

.fa.fa-envelope-o.commentRead, .readUnread .fa.fa-envelope-o /* mark as read to have black color*/
{
	color: #000;
}

.memoNewIcon
{
	background-image: url('../app-images/notifications/notification-menu-communication-new.png');
	width: 16px;
	height: 16px;
}

.flagIconDefault
{
	background-image: url('../app-images/flag-d.png');
	width: 16px;
	height: 16px;
}

.flagIcon
{
	background-image: url('../app-images/flag-2.png');
	width: 16px;
	height: 16px;
}

.attachmentIcon
{
	background-image: url('../app-images/grid/grid-attachment.png');
	width: 16px;
	height: 14px;
}

.floatClearBoth
{
	clear: both;
}

.marginLeft5
{
	margin-left: 5px;
}

.marginTop5
{
	margin-top: 5px;
}

.width50
{
	width: 50px;
}

.rtl
{
	direction: rtl;
}

.vertical-margin5
{
	margin: 5px;
	float: left;
}

.vertical-margin7
{
	margin: 7px;
	float: left;
}

.clearMinWidth
{
	min-width: 0px !important;
}

.widthAuto
{
	width: auto !important;
}

.width100percent
{
	width: 100% !important;
}


.widthHeight100percent
{
	width: 100% !important;
}


.gridTwoLineRowTitle
{
	/*Ellipsis*/
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
    line-height:1.9em !important;
}

.gridTwoLineRowDescription
{
	font-size: 90%;
	/*Ellipsis*/
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
    line-height:1.9em !important;
    padding-bottom: 3px;
}

.memoBrowser .gridTwoLineRowTitle
{
	font-weight: bold;
}

.displayFlex
{
    display:flex;
}

.labelBox {
    padding-left:5px; 
    padding-right:5px; 
    border:1px solid lightgray; 
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
    color:white;
}

.draft {
    background-color:#3A68BB;
    text-align:center;
    width:65px;
}
.activated {
    background-color:#047704;
    text-align:center;
    width:65px;
}
.canceled {
    background-color:#C70A38;
    text-align:center;
    width:65px;
}

.imageContainer{
    position: relative;
}

.imageElement{
    position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.wrapperDetailLinks
{
    float:left; 
    padding-top:3px; /* margin-top:5px; */
    margin-top:0px !important;
    height:15px;
  /*  background-color: #efefef;*/
    width:100%;
}

.manageDetailHyperlinkItem{
    float:left; 
    margin-right:5px; 
    margin-left:5px; 
    margin-bottom:3px; 
    cursor:pointer;
    font-style:italic; 
   /* text-decoration:underline;*/
}

.manageDetailHyperlinkItem:hover {
    float:left; 
    margin-right:5px; 
    margin-left:5px; 
    margin-left:5px; 
    margin-bottom:3px; 
    cursor:pointer;
    font-style:italic;
   /* text-decoration:underline;*/
    color: #ffb30f;   
}
.manageDetailHyperlinkItem:hover .fa {
    color: #ffb30f;   
}

.manageDetailHyperlinkItemDisable{
    float:left; 
    margin-right:5px; 
    margin-left:5px; 
    margin-bottom:3px; 
    cursor:pointer;
    opacity:0.7;
}

/*
.mailingListTag {
    line-height: 1.5;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #D5E1F2;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.mailingListTag:hover {
    line-height: 1.5;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #e7ecf3;
    border: 1px solid lightgray;
    border-radius: 5px;
    cursor:pointer;
}
*/

/*STyle for scrolling to top*/

.scrollToTop {
    width: 32px;
    height: 32px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display:none;
    z-index:5000;
    background: url('../app-images/move-to-top.png') no-repeat;
}
.scrollToTop:hover{
	text-decoration:none;
}

/*End of STyle for scrolling to top*/

/* --------------------- WARNING: Kendo css overwrites START ----------------------*/

/* --- Kendo css overwrites: General START --- */
/* Kendo UI Q2 2016 release-related */
/* Added border-color to lightgray because at the release of Kendo UI Q2 2016 
    the border was set by default to "transparent" so it is invisible
*/
.k-list .k-item.k-state-focused,
.k-popup .k-list .k-item.k-state-focused {
    border-color: lightgray;
}

/* Kendo UI Q2 2016 release-related */
/* Removed top-border that was added at the Kendo UI Q2 2016 release */
.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-width: 0px;
    /*border-top-color: #C5C5C5;*/
}
    

.k-numerictextbox .k-numeric-wrap
{
	padding-right: 28px;
}

.k-numerictextbox .k-input
{
	text-align: right;
	padding-right: 5px;
}

.k-readonly
{
	color: #B4B6B6;
}

.k-tooltip {
    padding: 0;
    border-width: 1px !important;
    border-color: #c5c5c5 !important;
    border-radius: 4px;
}

.k-tooltip .k-callout-w {
    border-right-color: #c5c5c5 !important;
}

/* --- Kendo css overwrites: General END --- */

/* --- Kendo css overwrites: Tab strip START --- */
.k-tabstrip .k-tabstrip-items .k-state-active
{
    border-top-color:#ffae00;
    font-weight:bold;
}
/* --- Kendo css overwrites: Tab strip START --- */

/* --- Kendo css overwrites: Panel Bar START --- */
.k-panelbar .k-item .k-header.k-state-selected {
    background-color:#89898C;
    color:#ffae00 !important;
}
.k-panelbar .k-item .k-header.k-state-selected .panelBarHeaderFontAwesome {
    background-color:#89898C;
    color:#ffae00 !important;
}

/*
.k-panelbar .k-item .k-header.k-state-selected:hover {
    background-color:#9E9EA0;
    color:#ffae00 !important;
}
*/
/* --- Kendo css overwrites: Panel Bar END --- */

/* --- Kendo css overwrites: Grid START --- */

/* 1 -- In the row menu options a small gap is shown among the item and the menu*/
.divActions .k-item
{
	width: 100%;
}

.bnftGridContextMenu .k-link
{
	/*text-align: center;*/
    font-weight:normal !important;
    white-space:nowrap;
    /*padding: .28em 1.8em .38em .9em !important;*/
    /*padding: .28em 1.6em .38em .9em !important;*/
}

.gridRowActions:hover {
    cursor:pointer;
    opacity:0.7;
}

.divActions:hover {
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.298039) 0px, rgba(255, 255, 255, 0) 100%);
    background-color: #e3e3e3;
}

.divActions{
    border-color: #ceced2;
    box-shadow: none;
    box-sizing: content-box;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
    background-color: #f3f3f4;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.45098) 0px, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
    padding: 1px 0px 1px 0px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: default;
    text-decoration: none;
    font-size: 100%;
    cursor: pointer;

}


/* 2 --  Spec: Grid should change row color on row hover */
/* mspan: changed */
.k-grid-content > table > tbody > tr.k-state-selected, 
.k-grid-content .k-virtual-scrollable-wrap > table > tbody > tr.k-state-selected, 
.k-grid > table > tbody > tr.k-state-selected
{
	color: inherit;
	background-color: #c4c4c4/*#45484C*/ !important;/*#ffe79e;*/ /*#e6f2fa; */
}

.k-grid-content > table > tbody > tr:hover, .k-grid-content .k-virtual-scrollable-wrap > table > tbody > tr:hover, .k-grid > table > tbody > tr:hover
{
	color: inherit;
	/*background-color: #f3f3f4;/*#ffe79e*/ /*#e6f2fa; */
	cursor: default;
}

/* 2 --  Spec: Grid should change row color on selected */

.k-grid-content > table > tbody > .k-state-selected > td > .gridHyperlink,
.k-grid-content .k-virtual-scrollable-wrap > table > tbody > .k-state-selected > td > .gridHyperlink,
.k-grid > table > tbody > .k-state-selected > td > .gridHyperlink,
.k-grid-content > table > tbody > .k-state-selected > td > .gridUniqueHyperlink,
.k-grid-content .k-virtual-scrollable-wrap > table > tbody > .k-state-selected > td > .gridUniqueHyperlink,
.k-grid > table > tbody > .k-state-selected > td > .gridUniqueHyperlink
{
	/*background-color: rgba(255,255,255,0.9);
	padding: 2px;*/
    background-color: rgba(255,255,255,0.8);
    padding: 4px 2px;
}


.k-grid td
{
	/*vertical-align: top;*/
        border-style: solid;
    border-width: 0 0 0 1px;
    padding: .0em .6em;
    overflow: hidden;
    /*line-height: 2.3em;*/
    line-height: 2em;
    vertical-align: middle;
    text-overflow: ellipsis;
}

/* 4 -- Otherwise The row menu oprion is bigger that the default grid row height*/
.divActions .k-menu .k-item > .k-link
{
	/*padding: .5em 1.1em .4em; default kendo*/
	padding: 1px 0px 1px 0px;
	/*padding: 0 5px;*/
}
/* 5 -- Format of the row options*/
.rowMenuOptions .k-link
{
	padding: .28em 1.8em .38em .9em !important;
}

/*toogle vertical scrollbar if needed*/
.no-scrollbar .k-grid-header
{
padding: 0 !important;
}

.no-scrollbar .k-grid-content
{
overflow-y: visible;
}

/* --- Kendo css overwrites: Tooltip --- */
.k-widget.k-tooltip .section-1
{
	/*background-color: #eae9ea;*/
	background-color: #ebebeb;
}

/*
.k-widget.k-tooltip .unread, .unread
{
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #eae8e8;
}
*/
.k-widget.k-tooltip .section
{
	padding: 10px;
    border-bottom: 1px solid #D4CBCB;
}

.k-tooltip
{
	text-align: left;
	padding: 0;
    background-color: #FFF; /* Added after KendoUI Update R2 2020 */ 
}

.k-widget.k-tooltip
{
	background-color: #FFF;
}

.k-tooltip.k-popup
{
	box-shadow: none;
	-webkit-box-shadow: none;
}

.k-tooltip-closable .k-tooltip-content
{
	padding-right: 0px;
}

/* Added after KendoUI Update R2 2020 */ 
.k-widget.k-tooltip.k-popup.k-group.k-reset .k-tooltip-content {
    flex-grow: 1;
}

/* Added after KendoUI Update R2 2020 */ 
.k-widget.k-tooltip.k-popup.k-group.k-reset .k-tooltip-button {
    height: 0;
    width: 0;
    position:relative;
    right: 15px;
}
/* --- Kendo css overwrites: Grid END --- */

/* --- Kendo css overwrites: attachmentsWrapper (AttachmentsLib) START --- */
.attachmentsWrapper
{
    /*
	max-height:60px;
    overflow:auto;
        */
    width:100%;
}

.messageAttachmentsWrapperMaxHeight
{
    max-height:40px;
    overflow:auto;
}

.attachmentsWrapperMaxHeight
{
    max-height:60px;
    overflow:auto;
}

.attachmentsWrapper.margins
{
	margin: 7px 0px 7px 0px;
}

/* At Message View */
.messageHeaders .attachmentsWrapper.margins
{
	margin: 0px 0px 0px -5px;
}

.attachmentsWrapper .file-image
{
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px 5px 0px 5px;
}

.attachmentsWrapper .k-upload-files
{
	display: inline-block;
	width: 100%;
}

/* Added after KendoUI Update R2 2020 */ 
.attachmentsWrapper .k-upload-files {
    line-height: 2.66;
    border-style: solid;
    border-width: 1px 0 0;
    padding-bottom: 5px;
}

.attachmentsWrapper .k-file
{
	float: left;
	color: black;
	border: none;
	padding: 0px;
}

.attachmentsWrapper .k-file.k-file-error
{
	color: #cc0000;
}

.attachmentsWrapper .file-name-heading
{
	float: left;
    max-width:150px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.attachmentsWrapper .file-name-heading
{
	margin-top: 5px;
}

.attachmentsWrapper .k-file .file-name-heading
{
	margin-top: 0px;
}

.attachmentsWrapper .file-name-heading a
{
	color: black;
}

.attachmentsWrapper .file-wrapper .k-upload-action
{
	float: left;
}

.attachmentsWrapper .file-wrapper
{
	float: left;
	position: relative;
	/*height: 25px;*/
    min-height: 25px;
	padding: 2px;
    border: 1px solid white;
    margin-bottom:1px;
	/*margin-top: 2px;
	margin-left: 2px;*/
}

.attachmentsWrapper .k-dropzone
{
	display: block; /* Added after KendoUI Update R2 2020 */
}

.attachmentsWrapper .k-upload-status-total
{
	color: black;
}

/*.attachmentsWrapper .k-file-error .k-progress, 
.attachmentsWrapper .k-file-progress .k-progress, 
.attachmentsWrapper .k-file-success .k-progress
{
	background-color: #FFF;
}*/

/*.attachmentsWrapper .k-file-error .k-progress {
    background-color: #FFD0C5;
}*/

.attachmentsWrapper .k-file-success .k-progress 
{
	background-color: #FFF;
}

/*.attachmentsWrapper .k-file-progress .k-progress
{
	background-color: #e3f6fc;
}*/


.attachmentsWrapper .file-wrapper:hover
{
	/*border: 1px solid #92C0E0;*/
	border-radius: 2px;
	background-color: rgb(243, 244, 245);
	float: left;
}

.selectedAttachment {
    
    border-radius: 2px;
    border: 1px solid #ffae00 !important;
    background-color: rgb(243, 244, 245);
    float: left;
}

.attachmentsWrapper .remove.k-button:hover
{
	background-color: #d6eaf8;
	border: none;
}

.attachmentsWrapper .remove.k-button
{
    /* Changed after KendoUI Update R2 2020 */ 
    margin-top:2px;
    /*margin-top:6px;*/
}

.attachmentsWrapper .k-widget.k-upload.k-header
{
	background-color: #FFF;
}

.attachmentsWrapper .k-upload-files .k-button, .attachmentsWrapper .k-upload-status-total .k-icon
{
	/*margin-left: 2px;*/
}

.k-upload-files{
    margin:0px;
}

.attachmentsWrapper .k-upload-files
{
	padding-left: 2px;
    padding-top: 2px;
}

/* --- Kendo css overwrites: attachmentsWrapper (AttachmentsLib) END --- */

/* --- Kendo css overwrites: detailsPanelBar START --- */
.detailsPanelBar
{
	margin-top: 5px;
}

/* Css kendo overwrite for displaying the details panel bar */
.detailsPanelBar.k-panelbar > .k-item
{
	padding: 5px;
}

.detailsPanelBar.k-panelbar > .k-item > .k-header
{
	border: 1px solid lightgray; /* #92C0E0; orange */
}

.detailsPanelBar.k-panelbar > li > .k-header
{
	font-weight: bold;
}

/* --- Kendo css overwrites: detailsPanelBar END --- */

/* --- Kendo css overrides: Calendar START --- */
.k-recur-view .k-edit-field label.k-check 
{
    padding-right: 5px;
}
/* --- Kendo css overrides: Calendar END --- */

/* --------------------- WARNING: Kendo css overwrites END ----------------------*/

.toolbar {
    /*text-align: right;*/
    /* Changed due to kendo ui update 2019.2.619 */
    justify-content: flex-end;
}

/* Changed due to kendo ui update 2019.2.619 */
.k-pane, .k-pane-wrapper, .k-root 
{
    -webkit-user-select: unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
    user-select: unset;
}

/* Changed due to kendo ui update 2019.2.619 */
.k-calendar td.k-state-selected .k-link, 
.k-calendar td.k-today.k-state-selected.k-state-hover .k-link
{
    color: black;
}

.spacer10
{
	width: 10px;
    height: 10px;
}

/* CKEDITOR: This line, sets the default css into editor's body before the user starts typing something*/
.entry-content {font-family:Verdana !important; font-size: 12px;}

/* GRID_CONTEXT_MENU Fix for using icons instead of images to grid context menu */
.k-menu .k-item>.k-link>.k-icon.imageToHtmlIcon {
    margin-left: -4px;
    margin-right: 5px;
}

.contactPhotoCircle{
    /*box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    border-radius: 50%;*/
}

.contactPhotoWrapper {
    min-height: 40px;
}
.comment .contactPhotoWrapper {
    float: left;
    min-height: 35px;
}
/* Page Template for the exported PDF */
.page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.page-template .header {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    border-bottom: 1px solid #888;
    color: #888;
}
.page-template .footer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border-top: 1px solid #888;
    text-align: center;
    color: #888;
}
.page-template .watermark {
    font-weight: bold;
    font-size: 400%;
    text-align: center;
    margin-top: 30%;
    color: #aaaaaa;
    opacity: 0.1;
    transform: rotate(-35deg) scale(1.7, 1.5);
}

/*
    the .k-pdf-export is applied to a DOM just before the export starts, and is removed shortly afterwards.
    See more at http://docs.telerik.com/kendo-ui/framework/drawing/drawing-dom#customize-appearance
*/
.k-pdf-export .k-state-selected {
    background-color: initial;
  }

/*
.k-pdf-export .k-scheduler-toolbar,
.k-pdf-export .k-scheduler-navigation .k-nav-today,
.k-pdf-export .k-scheduler-navigation .k-nav-prev,
.k-pdf-export .k-scheduler-navigation .k-nav-next,
.k-pdf-export .k-scheduler-footer
{
    display: none;
}*/


.k-toolbar .k-overflow-anchor.k-button {
    color: rgba(0, 0, 0, 0.54);
}

/* Font Awesome override */
.fa {
    color: rgba(0, 0, 0, 0.54);
}


.k-panelbar .k-tabstrip>.k-content, .k-tabstrip>.k-content
{
    /*This is a the new verion that causes problems: padding: .92em;*/
    padding: .3em .92em;
}

/* Font Awesome override, in order to vertical align icons to text */
 .fa.k-sprite:not(.faPanelBarIcon),
.fa.k-sprite:not(.faPanelBarIcon)::before {
    /*margin-top:0px !important;
    margin-bottom:0px !important;*/
}

/* icon with class k-sprint are not aligned correctly */
.fa.k-sprite {
    height: 12px;
}

.fa.fa-lg.k-sprite {
    height: 16px;
}

/* For attachments download icon */
.attachmentsWrapper .fa.fa-lg.k-sprite
{
    height: 12px;
}

/* Do not apply margin top at X at shell search, it was messy after new kendo release */
.shellModulesSearch.k-state-hover .k-icon.k-clear-value.k-i-close,
.shellModulesSearch.k-state-focused .k-icon.k-clear-value.k-i-close
{
    margin-top:0;
}

/* Do not show tabstrip bottom border! */
.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active, .k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-bottom-width: 1px;
    border-bottom-color: white;
}

/* Height is used because icon was no aligned correctly */
/*.composeAddSignatureBtn .k-sprite.fa-magic
{
    height: 12px;
}*/

/**********************END OF CHANGES AFTER NEW KENDO RELEASE ***************************************/

/* CSS associated with grid template: renderGridTwoLineRowTemplate */
/* Needed in the css library but it is not kendo class */
.gridHyperlink,
.gridUniqueHyperlink,
.gridUniqueHyperlinkColor,
.linkedCasesHyperlink,
.blueHyperlink
{
	text-decoration: underline;
	color: #0094ff;
	cursor: pointer;
}

a {
    color: rgb(83, 91, 106)
}

.hyperlink
{
	text-decoration: underline;
	cursor: pointer;
}

.hyperlink:hover
{
    text-decoration: underline;
}

.commentNotificationLinks {
	color: #0094ff;
    font-style: italic;
}

/* Change grid column icons so that they are not so intense! */
a.k-header-column-menu .k-icon.k-i-more-vertical
{
    opacity: 0.4;
}

 .commentBrowserContentWrapper .fa, .notificationBrowserContentWrapper .fa {
     font-size: 14px;
 }

.bnftCommentsWrapper .fa
{
    font-size: 14px !important;
    margin-top: 1px;
} 

.bnftCommentsWrapper .fa.fa-lock
{
    font-size: 16px !important;
}


.fa.fa-lock.red
{
    color: rgba(195, 54, 9, 0.91);
}

.panelBarHeaderFontAwesome{
     margin-top:7px !important;
     margin-right:10px !important;
     float:left;
     overflow:visible !important;
 } /*Message Categories*/
 .catRed{
     color:indianred !important;
 }
 .catOrange{
     color:coral !important;
 }
 .catYellow{
     color:khaki !important;
 }
 .catGreen{
     color:cadetblue !important;
 }
 .catBlue{
     color:steelblue !important;
 }
  .catPurple{
     color:slateblue !important;
 }

  /*Message Flags*/
.flagToday {
    color:red !important;
}
.flagTomorrow{
    color:crimson !important;
}
.flagThisWeek {
    color:indianred !important;
}
.flagNextWeek {
    color:lightcoral !important;
}
.flagNoDate {
    color:lightsalmon !important;
}
/*
table.k-editor .k-content {
  resize: vertical;
}*/

.manageScrollableArea{
  /*  border:1px solid lightgray;*/
    overflow:auto;
    display:inline-block;
    width:100%;
    padding-right:3px !important;
}

.previewScrollableArea{
  /*  border:1px solid lightgray;*/
    overflow:auto;
    display:inline-block;
    width:100%;
  
}

.manageHeaderWrapper{
    float:left;
    width:100%;
    /*border:1px solid #f3f3f3;*/
}

.panelBarItemToolbar{
    line-height:1px !important;
   /* height:30px;*/
    border:none;
    background-color: transparent !important;
    background-image:none;
    padding-top: 2px;
    margin-right:15px;
}

.faPanelBarIcon{
    /*margin-top:-3px !important;*/
}


/* Give benefit-like orange color to the star icon */
.starItem, .unstarItem
{
    color: #ffc200 !important;
}

.usersTooltipImg, .channelUsersTooltipImg
 {
    background-image: url('../app-images/notification-users.png');
    width: 16px;
    height:14px;
    margin-left: 5px;
    /*margin-right: 15px;*/
}

.tabEllipsis
{
    max-width:150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zoomButton:hover {
    opacity:0.8;
    cursor:pointer;
}

.searchFolderTreeView {
    height: 410px; /*460px;*/
    padding: 5px;
    overflow: auto;
    border: 1px solid #dedee0;
}

span.searchFoldersTreeViewSpan {
    width: 323px;
}

span.searchFoldersTreeViewSpan.noBackButton {
    width: 372px;
}

.searchFoldersTreeViewWrapper
{
    border-width: 1px 1px 0;
    padding: 5px; 
    clear: both;
}

.searchFoldersCriteriaLabel
{
    min-width: 120px;
    float: left;
    text-align: right;
    margin-top: 5px;
    margin-right: 10px;
}

.searchFoldersCriteriaLabelContent
{
    width: 234px;
    margin-top: 5px;
    float: left;
    cursor: default;
}

ul.noStyle 
{
    list-style-type: none;
}

.quickSearchForWrapper
{
    width: 100%;
}

 /* Changes for Refresh Button of Message Counters */
.quickSearchForWrapper.k-textbox.k-space-right {
    width: 100%;
    padding-right: 3.7em;
}

.attachmentsPreviewSearchWrapper.k-textbox.k-space-right {
    width: 100%;
    padding-right: 2.0em;
}


/*
.k-space-right .quickSearchForBtn.k-icon
{
    right: 23px;
}
*/

.unreadMessageCounterLabelValue, .mobileMessageNotificationLabelValue, .mobileSyncSearchFoldersLabelValue, .mobileUnreadMessageCounterLabelValueMobile {
    width: 344px;
}

.quickSearchForBtn {
    top: 50%;
    right: 26px;
    margin: -6px 0 0;
    position: absolute;
    cursor: pointer;
}

.refreshUnreadMessagesCountBtn {
    top: 50%;
    right: 7px;
    margin: -6px 0 0;
    position: absolute;
    cursor: pointer;
}


.chbMultipleSelectionLabel {
    margin-left:2px;
    margin-top:0px;
}
.chbMultipleSelectionInput {
    float:left;
    margin-left:2px;
}
.chbMultipleSelectionOptionalLabel {
    float:left;
    margin-top:-1.5px;
    margin-bottom: 0px;
}


/* This is needed because after Kendo UI R2 2017 SP1 update 
   the background color & border of the delete button of bnftUpload was grey! 
*/
button.k-button.removePreviewAttachmentImage,
button.k-button.removePreviewAttachmentImage:hover
{
    border: none;
    background: none;
}

/*Overwrite listbox*/
.k-listbox .k-list-scroller .k-list .k-state-selected {
    background-color: #c4c4c4;
    color:inherit;
    border-color:#c4c4c4;
}

.window-footer {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
   /* width: calc(100% - 15px)*/
   /* margin-top: 150px;*/
    padding: 13px 10px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    margin-left:-27px;
}

@-webkit-keyframes fadeIt {
  0%   { background-color: #dedee0; }
  100% { background-color: #FFFFFF; }
}
@-moz-keyframes fadeIt {
  0%   { background-color: #dedee0; }
  100% { background-color: #FFFFFF; }
}
@-o-keyframes fadeIt {
  0%   { background-color: #dedee0; }
  100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
  0%   { background-color: #dedee0; }
  100% { background-color: #FFFFFF; }
}

.goToComment {    
    background-image:none !important;
    -webkit-animation: fadeIt 1s ease-in-out; 
       -moz-animation: fadeIt 1s ease-in-out; 
         -o-animation: fadeIt 1s ease-in-out; 
            animation: fadeIt 1s ease-in-out; 
}

.text-align-center
{
    text-align: center;
}

/* Attachment Preview Form */
.attachmentsPreviewSearchName
{
    padding-left: 10px;
    font-weight: bold;
}

.attachmentPreviewNavigationCount
{
    padding-right: 5px;
    padding-left: 5px;
}

.attachmentsPreviewSearchBtn {
    top: 50%;
    right: 7px;
    margin: -6px 0 0;
    position: absolute;
    cursor: pointer;
}

.attachmentsDownloadAllBtn
{
    top: 50%;
    right: 26px;
    margin: -6px 0 0;
    position: absolute;
    cursor: pointer;
}

.permissionsView
{
    margin: 10px 5px 5px 5px;
    border: 1px solid #dedee0;
    padding: 5px;
    min-height: 100px;
}

.permissionsDropDownList
{
    margin: 5px;
}

.permissionsGrid
{
    margin: 10px 5px 5px 5px;
}

.permissionsTooltip {
  background-color: #f9f9f9;
  padding:7px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  text-wrap:avoid;
}

/*
.k-callout-w {
    border-right-color:#787878 
}
*/

hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: solid 0.5px rgba(0, 0, 0, 0.1);
    margin: 3px 0 0 0;
    padding: 0; 
}


/**********************CHANGES AFTER NEW KENDO RELEASE ***************************************/
/* After Kendo UI 2018 R3 Update */
.k-window-content 
{
    padding: 0.58em;
} 

.k-multiselect-wrap {
    border-color: #c5c5c5;
}

/*.k-button.k-split-button-arrow
{
    line-height: 18px;
}*/

/* override of the kendo toolbar in order to show a hamburger bar instead of an arrow at the overflow anchor button */
.k-toolbar .k-overflow-anchor.k-button .k-i-more-vertical:before {
    content: "\e030";
}

.panelBarItemToolbar.k-toolbar .k-overflow-anchor .k-icon {
    margin-left:-3px; /* Changed after KendoUI Update R2 2020 */
    /*margin-left:-8px;
    margin-top:-7px;*/ /* Removed after KendoUI Update R2 2020 */
}

/*.panelBarItemToolbar.k-toolbar .k-button{
    line-height:17px;
}*/

.panelBarItemToolbar.k-toolbar .k-button
{
    line-height:17px;
}

.k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label
{
    line-height: 1.72em;
}

body .k-button-icon, 
body .k-split-button-arrow
{
    padding-left: .4em;
    padding-right: .4em;
}

.k-toolbar .k-button-group .k-group-start,
.k-toolbar .k-split-button .k-button
{
    margin: 0;
}

.k-toolbar .k-split-button .k-split-button-arrow
{
    margin: 0 0 0 -1px;
}

.k-button-icon
{
    height: calc(1.52em + 6px);
}

.manageHeaderToolbar .k-button-icon
,.bnftToolbar .k-button-icon
{
    height: calc(1.72em + 6px);
}

.manageHeaderToolbar .k-split-button .k-split-button-arrow,
.bnftToolbar .k-split-button .k-split-button-arrow
{
    height: calc(1.72em + 6px);
}

/*
.panelBarItemToolbar .faPanelBarIcon 
{
    margin-top: -3px !important;
}
*/

/*.k-button.k-split-button-arrow
{
    margin-top: 0px !important;
}*/

.k-button.k-split-button-arrow .k-icon.k-i-arrow-60-down
{
    padding-top:1px;
}

/* Custom benefit minimize button */
.k-i-bnftminimize:before {
    content: "\e139";
}

.cke_button_icon.cke_button__toggleToolbarItems_icon.more
{
    background-image: url(../ckeditor/plugins/MoreOptions/more.png?t=H7HD) !important;
    background-position: 0px !important;
    background-size: 16px !important;
}

.cke_button_icon.cke_button__toggleToolbarItems_icon
{
    background-image: url(../ckeditor/plugins/LessOptions/less.png?t=H7HD) !important;    
    background-position: 0px !important;
    background-size: 16px !important;
}

/*Kendo menuitem Update*/
.panelBarItemToolbar.k-toolbar .k-button-icon, .panelBarItemToolbar.k-toolbar .k-split-button-arrow
{
    padding: 0.2em;
    margin-top: -1px; /* Added after KendoUI Update R2 2020 */ 
}

/* Added after KendoUI Update R2 2020 */ 
.panelBarItemToolbar.k-toolbar .k-split-button
{
    margin-top: 0px; 
}


.panelBarItemToolbar.k-toolbar .k-overflow-anchor
{
    top: 2px;
}

.k-toolbar .k-overflow-anchor
{
    /*position:relative;
    float:right;
    top: unset;
    right: unset;
    bottom: unset;*/
    
}

.panelBarItemToolbar.k-toolbar .k-overflow-anchor {
   line-height:23px !important;
  /* height:26px !important;*/
  height:24px !important;
   width:27.59px; /*30*/
   border-width:1px;
   border-radius:4px;
   margin-left:2px;
}


.panelBarItemToolbar.k-toolbar .k-button.k-overflow-anchor
{
    margin: 0 .2em;
    border-color: #ceced2; /* Added after KendoUI Update R2 2020 */ 
}

.k-button
{
    padding: 2px 7px;
    line-height: 1.72em;
}

.attachmentsPreviewToolbar
{
    display: block;
}

.containsVirus
{
    color: red !important;
}

.clipboardItem
{
    float: left;
    width: 220px;
    height: 110px;
    margin: 0;
    padding: 5px;
    cursor: pointer;
}
.clipboardItem img
{
    float: left;
    width: 40px;
    height: 40px;
}
.clipboardItem h3
{
    margin: 0;
    padding: 10px 0 0 10px;
    font-size: .9em;
    overflow: hidden;
    font-weight: normal;
    float: left;
    max-width: 100px;
    text-transform: uppercase;
}

#btnOpenClipboard span {
    padding: 4px 3px 4px 3px;
}

/* Kendo Grid pager background color has changed with a Kendo Update*/
.k-pager-wrap .k-pager-numbers, .k-pager-wrap .k-dropdown
{
	background-color: #f3f3f4;
    border-color: #ceced2; /* Added after KendoUI Update R2 2020 */ 
}	

.k-pager-wrap.k-pager-sm .k-pager-sizes,
.k-pager-wrap.k-pager-sm .k-pager-info
{
    display: block;
}

/* Added after KendoUI Update R2 2020 */
.k-widget.k-listview.remindersListView {
    width: 100%;
}

/* Added after KendoUI Update R2 2020 */
.messageRemindersWrapper .k-widget.k-listview.remindersListView {
    width: unset;
}

.k-dialog .bnftDialog.k-dialog-content{
    padding: 18px 12px;
    height: auto;
}

.k-dialog .k-dialog-buttongroup {
    border-width: 0;
}

/* Added after KendoUI Update R2 2020 */ 
.k-pager-numbers .k-state-selected {
    border-color: #ffae00 !important;
    background-color: #ffae00;
    color: white;
}

.contactTooltip .contactDisplayName {
    font-size: 15px;
    padding: 5px;
}

.contactTooltip .contactEmailAddress {
    padding: 5px 5px 10px 5px
}

.contactTooltip .k-toolbar.k-toolbar-resizable {
    background-color: white;
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding-top: 5px;
}

.contactTooltip .compose {
    margin-left: auto;
}

.shellFormsTabStrib.k-tabstrip .k-content.k-state-active {
    overflow: hidden;
}

/*Temporary additions for Editors testing*/
.tox-tinymce-aux {
    z-index: 9999999 !important;
}

/* this is for google chrome version 83 that adds an outline at every focus element */
:focus {
    outline: none;
}

.ruleManageContent .k-widget.k-autocomplete {
    width: 400px;
}


.messageComposeToolbar.k-toolbar .k-split-button .k-button.k-split-button-arrow {
    visibility: hidden;
    display: none;
}

/* Due to the previous rule, make the rest of the button to have a radius */
.messageComposeToolbar.k-toolbar .k-split-button a
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/*
ul.k-tabstrip-items
{

}


.hint {
    border: none;
}

.sortableHint .k-tabstrip-items {
    padding: 0;
}
*/

/*
blockquote {
    font-style: italic;
    border: 0px solid #ccc;
    border-left-width: 5px;
    padding: 2px 8px 2px 20px;
    border-left-width: 5px;
}*/

/* Changes due to update to Kendo UI R1 2021 SP1 Update (v2021.1.224, February 24, 2021) */
 .k-grid-norecords {
    justify-content: center;
}

 .k-column-menu, .k-filter-menu {
    font-size: 12px;
}

 .k-window-titlebar {
     padding: 4px 12px;
 }

 .k-grid-toolbar {
    overflow: visible;
}

 /* End of changes due to update to v2021.1.224 (February 24, 2021) */

.manageContent.manageBrowser .manageScrollableArea {
    display: none;
 }

.manageContent .divBrowserHeader {
    display: none;
}

.margin-left-auto {
    margin-left: auto;
}

.margin-right-auto {
    margin-right: auto;
}

.downloadCurrentAttachmentBtn {
    margin-right: 5px !important;
}