/* Normal style */

.HtmlAnchorLine_main
{
}

.HtmlAnchorLine_main > ul {
  background-color: white;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -moz-box-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flexbox-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  margin: 0px 4px 0px 4px;
  padding: 2px;
  white-space: nowrap;
  padding: 5px 10px 5px 10px;
}

.HtmlAnchorLine_main > ul > li {
  display: inline-block;
  cursor: pointer;
  margin: 2px;
  padding: 5px 10px 2px 10px;
  border: 1px solid transparent;
  -webkit-box-flex: none;      
  -moz-box-flex: none;         
  -webkit-flex: none;          
  -ms-flex: none;              
  flex: none;                  
}

.HtmlAnchorLine_main > ul > li > a {
    text-decoration: none;
}

.HtmlAnchorLine_main > ul > li > a > img
{
  margin-right: 2px;
  vertical-align: baseline;
  margin-top: -1px;
  height: 11px;
}

.HtmlAnchorLine_main > ul > li > a > img > span
{
  margin-right: 5px;
  margin-left: 5px;
}

.HtmlAnchorLine_submenus
{
  display: none;
  position: absolute;
  border: #a0a0a0 solid 1px;
  margin: 10px;
  background: white;
  z-index: 10;
}

.HtmlAnchorLine_submenu
{
  display: block;
  margin: 5px;
}

.HtmlAnchorLine_submenu img
{
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  margin-left 5px;
  margin-right: 5px;
  vertical-align: bottom;
  margin-bottom: 2px;
}

.HtmlAnchorLine_submenu:hover
{
}

/* Quick edit style style */

.HtmlAnchorLine_mainQuickEdit {
    background: white;
    text-align: right;
    min-height: 38px;
    border-top: solid 1px #c9d1d0;
}

.HtmlAnchorLine_mainQuickEdit > ul {
  margin: 0px 20px 0px 0px;
  padding: 0px;
}

.HtmlAnchorLine_mainQuickEdit > ul > li {
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  vertical-align: top;
}

.HtmlAnchorLine_mainQuickEdit > ul > li > a {
    text-decoration: none;
    border: 2px solid #6f9b9a;
    background-color: #fbfbfb;
    color: #0a5e58;
    display: inline-block;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 21px;
    padding-right: 21px;
    line-height: 24px;
    user-select: none;

}

.HtmlAnchorLine_mainQuickEdit > ul > li > a:hover, .HtmlAnchorLine_mainQuickEdit > ul > li > a:focus {
    color: #0a5e58;
    background-color: #f2f2f2;
    border: 2px solid #0a5e58;
}

.HtmlAnchorLine_mainQuickEdit > ul > li > a:active {
    color: #0a5e58;
    background-color: #fbfbfb;
    border: 2px solid #6f9b9a;
}

.HtmlAnchorLine_mainQuickEdit > ul > li > a > img
{
  vertical-align: baseline;
  height: 11px;
  margin-left: -9px;
  margin-right: 5px;
}

.HtmlAnchorLine_submenu_edit {
    background-color: #58c8ec !important;
    border-color: #2da4cb !important;
    color: #0a5e58 !important;
}

.HtmlAnchorLine_submenu_edit:hover, .HtmlAnchorLine_submenu_edit:focus {
    background-color: #88ddf9 !important;
    border-color: #275a6c !important;
}

.HtmlAnchorLine_submenu_edit:active {
    background-color: #c2eefd !important;
    border-color: #2da4cb !important;
}

.HtmlAttachments2
{
  margin-bottom: -5px;
  margin-top: -4px;
  padding-top: 4px;
  padding-left: 5px;
}

.HtmlAttachments2 > input
{
  display: none;
}

.HtmlAttachments2_links
{
  white-space: nowrap;
  display: inline-block;
  padding-top: 1px;
  margin-bottom: 5px;
}

.HtmlAttachments2_links > A, .HtmlAttachments2_links > A:hover
{
  text-decoration: underline;
  cursor: pointer;
}

.HtmlAttachments2_placeholder
{
  border-radius: 3px;
  position: relative;
  display: inline-flex;
  margin-right: 10px;
  white-space: nowrap;
  margin-bottom: 3px;
  align-items: center;
  border: #c2c2c2 solid 1px;
}

.HtmlAttachments2_error
{
  border: red solid 1px;
}

.HtmlAttachments2_errorDiv {
  padding-bottom: 5px;
  color: red;
}

.HtmlAttachments2_placeholder > div
{
  position: absolute;
  background-color: #e0e0e0;
  height: 100%;
}

.HtmlAttachments2_placeholder > a
{
  padding: 0px 10px 0px 10px;
  line-height: 17px;
  z-index: 1;
}

.HtmlAttachments2_placeholder > img
{
  z-index: 1;
  height: 16px;
  width: 16px;
  margin-right: 10px;
}

.HtmlAttachments2_dragOver
{
  background-color: #d5eaf6;
  box-shadow: 0 0 3px #33add0;
}
.HtmlButtonRow_table
{
}

.HtmlButtonRow_firstTd
{
  padding-left: 0px !important;
}

.HtmlButtonRow_table td /* Spacing between buttons */
{
  padding-left: 10px;
}

.HtmlButtonRow_table_left
{
  float: left;
}

.HtmlButtonRow_table_right
{
  float: right;
}

.HtmlButtonRow_table_center
{
    margin: 0 auto;
}

.HtmlButtonRow_table_left
{

}/* --------------------------------------- */
/* HtmlCalendar */
/* --------------------------------------- */

.HtmlCalendar
{
}

.HtmlCalendar_div {
	display: inline-flex;
	align-items: center;
	border-bottom: #949494 solid 1px;
	width: 200px;
}

.HtmlCalendar_divFocused, .HtmlCalendar_div:hover {
	background-color: #c4dfef;
	border-bottom: #16576c solid 1px;
}

.HtmlCalendar_div input {
	border: none !important;
	background-color: transparent!important;
}

.HtmlCalendar_div img {
	height: 16px;
	padding-left: 2px;
}

.HtmlCalendar_table td {
	border: solid black 0px;
	padding: 0px;
	vertical-align: top;
}
.HtmlCalendar_table td img
{
  margin-left: 5px;
  vertical-align: top;
  margin-top: -2px;
}

.HtmlCalendar_wrapTable
{
	background-color: #FFF;
}

.HtmlCalendar_wrapTable td
{
  text-align: center;
}

.HtmlCalendar_headRight, .HtmlCalendar_headLeft, .HtmlCalendar_dateHead
{
}

.HtmlCalendar_wrapTableTopCell
{
  font-weight: bold;
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#CBE1FC, EndColorStr=#7DA5E0);
	border-bottom: solid 1px black;
	padding: 4px;
	margin: 0px;	
}

.HtmlCalendar_mainTable
{
	background-color: #FFF;
	padding: 0px;
}

.HtmlCalendar_dateHead
{
	text-align: center;
	width: 112px;
}

.HtmlCalendar_monthYearNav
{
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.HtmlCalendar_monthYearNav td
{ 
  padding: 2px;
}

.HtmlCalendar_mainTable a, .HtmlCalendar_week
{
	font-size: 12px;
}

.HtmlCalendar_mainTable a
{
  border-bottom: solid 1px #000;
	text-decoration: none;
	width: 100%;
}

.HtmlCalendar_weekHeading, .HtmlCalendar_dayHeading, .HtmlCalendar_weekendHeading, .HtmlCalendar_week
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}

.HtmlCalendar_notThisMonth, .HtmlCalendar_thisMonth, .HtmlCalendar_weekend
{
	font-size: 12px;	
	text-align: right;
}

.HtmlCalendar_notThisMonth, .HtmlCalendar_thisMonth, .HtmlCalendar_weekend, .HtmlCalendar_thisMonthHover, .HtmlCalendar_notThisMonthHover, .HtmlCalendar_weekendHover, .HtmlCalendar_selectedDayHover
{
	text-align: right;
	border: solid 1px #FFF;
}

.HtmlCalendar_dayHeading, .HtmlCalendar_weekendHeading
{
	border-bottom: solid 1px black;
	text-align: right;
}

.HtmlCalendar_mainTable td, .HtmlCalendar_mainTable th
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
	padding-right: 5px;
  margin: 0px;
	text-align: right;
}

.HtmlCalendar_mainTable th
{
	border: solid 1px #F00;
  font-weight: normal;
}

.HtmlCalendar_weekHeading
{
	border: none;
}

.HtmlCalendar_notThisMonth
{
	color: #999;
}

.HtmlCalendar_weekend, .HtmlCalendar_weekendHeading
{
	color: #933;
}

.HtmlCalendar_selectedDay, .HtmlCalendar_selectedDayHover
{
	border: solid 2px red;
	padding: 0px;
}

.HtmlCalendar_thisMonthHover, .HtmlCalendar_notThisMonthHover, .HtmlCalendar_weekendHover, .HtmlCalendar_selectedDayHover
{
	color: #F00;
	font-size: 12px;
	cursor: pointer;
}

.HtmlCalendar_week
{
	color: #999;
	border-right: solid 1px #000;
	font-weight: bold;
	text-align: right;
}

.HtmlCalendar_watch
{
    margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.HtmlCalendar_watch *
{
    padding: 0px;
    font-size: 4px;
}

.HtmlCalendar_watch img
{
    margin-left: 4px;
}

.HtmlCalendar_watch input
{
    text-align: center;
    border: none; 
    width: 25px;
    font-size: 12px; 
}

.HtmlCalendar_watch span
{
    font-size: 11px; 
}

.HtmlCalendar_watchTime
{
    border: solid 1px #000; 
}

.HtmlCalendar_okCancel
{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

.HtmlCalendar_okCancel button
{
  width: 75px;
  margin-left: 2px;
  margin-right: 2px;
}

.HtmlCalendar_bottom
{
    height: 10px;
}.HtmlCallout_callout
{
  display: block; 
  visibility: hidden;
  position: fixed; 
  z-index: 10; 
  border-radius: 5px;
}

.HtmlCallout_calloutAbsolute
{
  display: block; 
  visibility: hidden;
  position: absolute; 
  z-index: 10; 
  border-radius: 5px;
}

.HtmlCallout_calloutArrowSolid
{
  border-bottom: #a0a0a0 solid 10px; 
  border-left: 10px solid transparent; 
  border-right: 10px solid transparent; 
  position: absolute; 
  left: 200px; 
  top: -10px;
}

.HtmlCallout_calloutArrowHollow
{
  border-bottom: white solid 10px; 
  border-left: 10px solid transparent; 
  border-right: 10px solid transparent; 
  position: absolute; 
  left: 200px; 
  top: -9px; 
  z-index: 11;
}

.HtmlCallout_calloutArrowSolidBottom
{
  border-top: #a0a0a0 solid 10px; 
  border-left: 10px solid transparent; 
  border-right: 10px solid transparent; 
  position: absolute; 
  left: 200px; 
  bottom: -11px;
}

.HtmlCallout_calloutArrowHollowBottom
{
  border-top: white solid 10px; 
  border-left: 10px solid transparent; 
  border-right: 10px solid transparent; 
  position: absolute; 
  left: 200px; 
  bottom: -10px; 
  z-index: 11;
}

.HtmlCallout_calloutInner
{
  padding: 10px; 
  background: white; 
  border: #a0a0a0 solid 1px; 
  position: absolute; 
  top: 0px; 
  left: 20px;
}

.HtmlCallout_calloutTop .HtmlCallout_calloutInner {
    top: auto;
    bottom: -1px;
}

.HtmlCallout_backPlane
{
  display: block;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  opacity: 0.2;
  background-color: black;
}

.HtmlCallout_dialog
{
  display: block;
  visibility: hidden;
  position: fixed;
  background: white;
  border: #a0a0a0 solid 1px;
  z-index: 10;
  padding: 20px;
}.HtmlChoosePage_table
{
}

.HtmlChoosePage_table td, .HtmlChoosePage_table td a
{
  background: #999;
  color: white;
  text-decoration: none;
}

.HtmlChoosePage_table th
{
  padding-left: 2px; padding-right: 2px;
  background: #EEE;
  text-decoration: none;
}

.HtmlCkEditor_div
{
  overflow: hidden;
}

.HtmlCkEditor_attachments
{
  border: #D5DADE solid 1px;
  padding: 5px;
  border-bottom: none;
  display: none;
}

.HtmlCkEditor_attachmentsNoBorder
{
  border: none;
  border-bottom: #D5DADE solid 1px;
  display: none;
}

.HtmlCkEditor_attachments > table
{
  width: 100%;
}

.HtmlCkEditor_attachments > table > tbody > tr > td:first-child
{
  width: 30px;
  vertical-align: top;
}

.HtmlCkEditor_bottom
{
  border: #D5DADE solid 1px;
  padding: 5px;
  border-top: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.HtmlCkEditor_bottomNoBorder
{
  border: none;
  border-top: #d5dade solid 1px;
}

.HtmlCkEditor_bottomTable > tbody > tr > td:not(:last-child)
{
  padding-right: 10px;
}

.HtmlCkEditor_bottomTable > tbody > tr > td > table
{
  display: table !important;
}

.HtmlCkEditor_footerToogle
{
    cursor: pointer;
    background: #fbfbfb;
    border: 2px solid #6f9b9a;
    color: #222222;
    height: 32px;
    width: 32px;
    padding: 3px;
    outline: none!important;
}

.HtmlCkEditor_footerToogle:hover
{
    background-color: #f2f2f2;
    border: 2px solid #0a5e58;
}

.HtmlCkEditor_footerToogle:active {
    background-color: #fbfbfb;
    border: 2px solid #81a09e;
}

.HtmlCkEditor_bottom INPUT, .HtmlCkEditor_bottomNoBorder INPUT
{
  background-color: white;
}



.HtmlContactRecipients2
{
  display: table;
  width: 100%;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  min-height: 41px;
}

.HtmlContactRecipients2 > div
{
  display: table-row;
}

.HtmlContactRecipients2 > div > span
{
  display: table-cell;
  white-space: normal; /* make elements wrap */
}

.HtmlContactRecipients2 > div > span > input
{
  border: none;
  vertical-align: baseline;
  margin-top: 8px;
  padding-left: 6px;
  padding-right: 6px;
}

.HtmlContactRecipients2_ccBccButton
{
  width: 50px;
  cursor: pointer;
}

.HtmlContactRecipients2_ccBccButton > span {
    background-color: #f0f0f0;
    border: #e0e0e0 solid 1px;
    height: 17px;
    line-height: 17px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
}

.HtmlContactRecipients2_ccBccButton > span:hover
{
  background-color: #d5eaf6;
}

.HtmlContactRecipients2_label
{
  width: 25px;
  padding-top: 10px;
}

.HtmlContactRecipients2_placeholder
{
  display: inline-flex;
  background-color: #f0f0f0;
  border: #e0e0e0 solid 1px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  align-items: center;
  margin: 4px;
}

.HtmlContactRecipients2_placeholder
{
  cursor: move;
}

.HtmlContactRecipients2_placeholderInitials {
    height: 32px;
    width: 32px;
    color: white;
    background: #355097;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    margin-right: 4px;
    cursor: pointer;
}

.HtmlContactRecipients2_placeholderTitle {
    white-space: nowrap;
}

.HtmlContactRecipients2_placeholderRemove {
    height: 24px;
    width: 24px;
    background: #fbfbfb;
    border: 2px solid #6f9b9a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 6px;
    margin-right: 1px;
    cursor: pointer;
}

.HtmlContactRecipients2_placeholderRemove img {
    height: 16px;
    width: 16px;
} 

.HtmlContactRecipients2_placeholderRemove:hover {
    background-color: #f2f2f2;
    border: 2px solid #0a5e58;
}

.HtmlContactRecipients2_placeholderRemove:active {
    background-color: #fbfbfb;
    border: 2px solid #81a09e;
}

.HtmlContactRecipients2_invalid {
    color: #d63a3c;
}

.HtmlContactRecipients2_emptyTo {
    border: solid 1px #d63a3c !important;
}
.HtmlContainer
{
  border: solid 1px #c9d1d0;
  position: absolute;
  top: 400px;
  left: 400px;
  background: white;
  visibility: hidden;
  box-sizing: border-box;
  box-shadow: 0 2px 8px -4px #21536a;
}

.HtmlContainer_mainTable
{
  border-collapse: collapse; 
}

.HtmlContainer_headerCell
{
  padding: 2px;
  height: 20px;
  cursor: pointer;
  border-bottom: #c9d1d0 solid 1px;
}

.HtmlContainer_headerCell img
{
    height: 16px;
    padding-right: 4px;
}

.HtmlContainer_headerCell img:hover 
{
    opacity: 0.4;
}

.HtmlContainer_headerCellTitle {
    padding-left: 14px;
    padding: 2px;
    height: 20px;
    cursor: pointer;
}

.HtmlContainer_mainCell
{
  padding: 0px;
}

.HtmlContainer_frame
{
  overflow: auto;
}tbody
{
    padding-top: 8px;
}

tbody
{
    padding-bottom: 8px;
}

td.HtmlContextMenu_menuTd > a
{
    padding-left: 15px;
    padding-right: 30px;
}

    td.HtmlContextMenu_menuTd a {
        display: flex;
        white-space: nowrap;
        line-height: 26px;
        text-decoration: none;
        align-items: center;
        color: #222222 !important;
        cursor: pointer;
    }

.HtmlContextMenu_menuTr:hover
{
  background: #cbe3f1;
}

.HtmlHeaderSelect {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    border-bottom: #949494 solid 1px
}

.HtmlHeaderSelect > img
{
  vertical-align: top;
  width: 13px;
  margin-top: 4px;
  flex-grow: 0;
}

    .HtmlHeaderSelect > span {
        vertical-align: top;
        line-height: 20px;
        display: inline-block;
        flex-grow: 1;
        padding: 4px 5px 4px 5px;
    }
.HtmlDirectedAcyclicGraph_arrow 
{  
	z-index: 1; 
	position: absolute;
	background: black; 
	overflow: hidden; 
	width: 8px; 
	height: 8px;
	vertical-align: top; 
}

.HtmlDirectedAcyclicGraph_arrow div 
{ 
	overflow: hidden; 
	background: white; 
	height: 1px; 
	width: 8px;
}.HtmlDrillDown_header
{
  font-size: 12pt;
  font-family: Arial;
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f0f0f0, EndColorStr=#a0a0a0, GradientType=0);
  width: 100%;
  padding: 2px;
  margin-bottom: 5px;
}

.HtmlDrillDown_matrix_table
{
  border-left: black solid 1px;
  border-top: black solid 1px;
}

.HtmlDrillDown_tdMenu a, .HtmlDrillDown_tdMenu a:visited, .HtmlDrillDown_tdMenu a:link, .HtmlDrillDown_tdMenu a:active
{
  font-weight: normal;
  color: blue; 
  text-decoration: none; 
  font-size: 12px; 
  width: 100%;
  margin: 1px;
  padding: 2px; 
}

.HtmlDrillDown_tdMenu a:hover 
{
  color: red; 
  background-color: #CBE1FC; 
  border: solid 1px #7DA5E0; 
  padding: 1px; 
}

.HtmlDrillDown_anchorMenu
{
  font-weight: bold;
}

.HtmlDrillDown_matrix_tdTopLeft
{
  border-right: black solid 1px;
  border-bottom: black solid 1px;
  background: #e8e8e8;
}

.HtmlDrillDown_matrix_labelLeft, .HtmlDrillDown_matrix_labelTop
{
  cursor: pointer;
  background: #e8e8e8;
  font-weight: bold;
  border-bottom: black solid 1px;
  border-right: black solid 1px;
}

.HtmlDrillDown_matrix_td, .HtmlDrillDown_matrix_tdGrey, .HtmlDrillDown_matrix_tdSum, .HtmlDrillDown_matrix_tdSumGrey
{
  border-right: #a0a0a0 solid 1px;
  border-bottom: #a0a0a0 solid 1px;
  cursor: pointer;
  text-align: right;
}

.HtmlDrillDown_matrix_tdSum, .HtmlDrillDown_matrix_tdSumGrey
{
  font-weight: bold;
}

.HtmlDrillDown_matrix_tdGrey, .HtmlDrillDown_matrix_tdSumGrey
{
  background: #f8f8f8;
}

.HtmlDrillDown_barTable
{
  margin-top: 10px;
}

.HtmlDrillDown_barTd
{
  vertical-align: bottom;
  width: 30px;
  padding-left: 2px;
  padding-right: 2px;
}

.HtmlDrillDown_barDiv
{
  border-left: black solid 1px;
  border-top: black solid 1px;
  border-right: black solid 1px;
  background: blue;
  filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#C0C0FF, EndColorStr=#0000FF, GradientType=1);
  overflow: hidden;
  width: 30px;
  cursor: pointer;
}

.HtmlDrillDown_barLabelLeftTd
{
  border-right: black solid 1px;
}

.HtmlDrillDown_barLabelTd
{
  border-top: black solid 1px;
  vertical-align: bottom;
  writing-mode: tb-rl; 
}

.HtmlDrillDown_barLabelDiv
{
  padding-top: 5px;
  width: 30px;
  overflow: hidden;
}

.HtmlDrillDown_barNumberTd
{
  text-align: right;
  writing-mode: tb-rl; 
}

.HtmlDrillDown_layingBarTd
{
  padding-top: 2px;
  padding-bottom: 2px;
}

.HtmlDrillDown_layingBarLabelTd
{
  text-align: right;
  border-right: black solid 1px;
}

.HtmlDrillDown_layingBarLabelBottomTd
{
  text-align: center;
  border-top: black solid 1px;
}

.HtmlDrillDown_layingBarLabelDiv
{
  height: 15px;
  overflow: hidden;
  padding-right: 5px;
}

.HtmlDrillDown_layingBarDiv
{
  border-bottom: black solid 1px;
  border-top: black solid 1px;
  border-right: black solid 1px;
  background: blue;
  filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#C0C0FF, EndColorStr=#0000FF, GradientType=0);
  overflow: hidden;
  height: 15px;
  cursor: pointer;
}

.HtmlDrillDown_layingBarNumberTd
{
  padding-left: 10px;
}

.HtmlDrillDown_barDivBlank
{
  width: 30px;
}

.HtmlDrillDown_divReturn
{
  cursor: pointer;
  text-decoration: underline;
}
  

.HtmlEditEntityMenu {
    background-color: white;
    padding-left: 10px;
    padding-right: 20px;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
}

.HtmlEditEntityMenu:not(:first-child) {
    padding-top: 0px;
}

.HtmlEditEntityMenu_fullWidth .HtmlEditEntityMenu_control > div {
    flex: 1;
}

.HtmlEditEntityMenu:first-child {
    border-top: solid 1px #c9d1d0;
}

.HtmlEditEntityMenuSmall {
    border: none!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    height: 30px;
    overflow: hidden;
}

.HtmlEditEntityMenuSmall .HtmlIconDropDown_button {
    height: 26px!important;
    line-height: 26px!important;
}

.HtmlEditEntityMenu_controls
{
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  overflow: hidden;
}

.HtmlEditEntityMenu_control
{
   display: flex;
   flex: none;
   align-items: center;
   margin: 5px;
   margin-bottom: 0px;
}

.HtmlEditEntityMenu_fullWidth .HtmlEditEntityMenu_control {
    flex: 1;
    margin-right: 0px;
}

.HtmlEditEntityMenu_control:not(:last-child) 
{
   margin-right: 20px;
}

.HtmlEditEntityMenu_control > header
{
    display: block;
    padding: 4px 5px;
    height: 30px;
    box-sizing: border-box;
}

.HtmlEditEntityMenu_control > header:not(:first-child)
{
    margin-left: 20px;
}

.HtmlEditEntityMenu_control > div
{
    display: block;
    height: 30px;
    vertical-align: top;
    -ms-flex: none;
    -webkit-box-flex: 0;
    -webkit-flex: none;
            flex: none;
}

.HtmlEditEntityMenu_controls > a 
{
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin: 0px;
  text-decoration: none!important;
  padding-top: 9px;
}

.HtmlEditEntityMenu_controls > a:hover
{
}

.HtmlEditEntityMenu_controls > a > img
{
  height: 11px;
}

.HtmlEditEntityMenu_controls > a > span
{
  margin-right: 5px;
  padding-left: 5px;
}

.HtmlEditEntityMenu_context
{
    margin-left: 10px;
}

.HtmlEditEntityMenu input[type=text], .HtmlEditEntityMenu input[type=password]
{
    background: transparent !important;
    border-bottom: none !important;
}

.HtmlEditEntityMenu input[type=checkbox] {
    margin-top: 6px;
}

/* Special style for tags here */
.HtmlEditEntityMenu .HtmlTags_div {
    background: white;
    border: #d7d7d7 solid 1px!important;
    margin-top: -3px;
    max-width: none!important;
}

.HtmlEditEntityMenu .HtmlTags_dropdown {
    margin-right: 5px;
}

.HtmlEditScript_div {
    display: flex;
}

.HtmlEditScript_div > * {
    flex-grow: 1;
    max-width: 100%;
}

.HtmlEditScript_div div, .HtmlEditScript_div span {
    font-family: inherit;
}

.CodeMirror-debugVariables
{
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    border: #e0e0e0 solid 1px;
    table-layout: fixed;
}

.CodeMirror-debugVariablesExpanded {
    padding-left: 10px;
}

.CodeMirror-debugVariables > tr > td {
    cursor: default;
    white-space: nowrap;
    position: relative;
    height: 20px;
}

.CodeMirror-debugVariablesHeader > td {
    font-weight: bold;
}

.CodeMirror-debugVariablesName, .CodeMirror-debugVariablesValue {
    position: absolute;
    left: 2px;
    top: 2px;
    right: 15px;
    bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color: #222!important;
}  

.CodeMirror-debugVariablesCopy {
    padding-left: 5px;
    cursor: pointer;
    display: none;
}

.CodeMirror-debugVariablesName:hover .CodeMirror-debugVariablesCopy {
    display: inline-block;
}

.CodeMirror-debugVariablesResizer {
    width: 10px;
    cursor: w-resize;
    position: absolute;
    right: -5px;
    top: 0px;
    bottom: 0px;
}

.CodeMirror-debugSelect {
    height: 32px;
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert;
}

.CodeMirror-debugInfo {
    white-space: pre;
    overflow: auto;
    border: #e0e0e0 solid 1px;
    flex-grow: 1;
}

.cm-tooltip {
    background-color: white!important;
    color: #222222!important;
    max-width: 70vw!important;
    border: #e0e0e0 solid 1px;
}

.cm-info {
    font-family: monospace;
    max-height: 50vh;
    overflow-y: auto;
}

/* Styling of intellisens */
.cm-info table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-color: #ccc;
    border-spacing: 0
}

.cm-info th {
    padding: 3px;
    border-color: black;
    background-color: #ddd;
    border-style: solid;
    border-width: 1px;
}

.cm-info td, .cm-info tr {
    padding: 3px;
    border: #000 solid 1px;
}

.cm-nonmatchingBracket {
    color: red;
}

.cm-tooltip.cm-tooltip-autocomplete > ul {
    max-height: 30em !important;
}

.cm-selectionBackground {
  background-color: #474747 !important;
}

.cm-selectionMatch {
  background-color: #1d2733 !important;
}

.HtmlEntityCard
{
  border-left: 30px transparent solid;
  margin-top: 30px;
  margin-bottom: 30px;
}

.HtmlEntityCard_icon
{
  vertical-align: bottom;
  margin-bottom: 1px;
  margin-right: 5px;
}

.HtmlEntityCard_title
{

}

.HtmlEntityCard_fields
{
  width: 100%;
}

.HtmlEntityCard_field
{
  padding-bottom: 5px;
}

.HtmlEntityCard_field:nth-child(2)
{
  text-align: right;
}

.HtmlEntityCard_favourite
{
  width: 50px;
}

.HtmlEntityCard_favourite img
{
  width: 26px;
  float: right;
}

.HtmlFieldset_dialogDiv
{
  border: #8080ff solid 1px;
}

.HtmlFieldset_dialogTopDiv
{
	border-bottom: #8080ff solid 1px;
	font-weight: bold;
	font-size: 10pt;
	padding: 2px;
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#CBE1FC, EndColorStr=#7DA5E0); 
	background: #d0d0ff;
}

.HtmlFieldset_dialogBottomDiv
{
  background: #f8f8ff;
  padding: 5px;
}
.HtmlFooter
{
  line-height: 85px;
  padding-left: 40px;
  padding-right: 40px;
  background: #e8e8e8;
  border-top: white solid 1px;
}

.HtmlFooter, .HtmlFooter_left, .HtmlFooter_right
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;

  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.HtmlForceDirectedGraph_node
{
  cursor: pointer; 
  border: #628eb3 solid 1px; 
  position: absolute; 
  overflow: hidden; 
  background: white; 
  font-style: Verdana; 
  font-size: 7pt;
}

.HtmlForceDirectedGraph_dot
{
   position: absolute; 
   z-index: -1; 
   overflow: hidden; 
   width: 2px; 
   height: 2px; 
   background: black;
}
.HtmlFormPage {
    background: white;
    border: #c9d1d0 solid 1px;
}

.HtmlFormPage_dialog
{
  background: white;
  box-shadow: none;
  border-radius: 0px;
  margin: 0px;
  border: none;
}

.HtmlFormPage > header
{
  font-weight: normal;
  display: block;
  border-bottom: #c9d1d0 solid 1px;
  padding: 20px;
  margin: 0px;
  height: 20px;
}

.HtmlFormPage > header > img
{
  margin-right: 5px;
  vertical-align: top;
  max-width: 20px;
}

.HtmlFormPage_content
{
  overflow: auto;
  padding: 20px;
}

.HtmlFormPage > footer
{
  display: flex;
  justify-content: space-between;
  text-align: right;
  height: 86px;
  line-height: 86px;
  padding-right: 40px;
  padding-left: 40px;
  border-top: #c9d1d0 solid 1px;
  background-color: white;
}

.HtmlFormPage > footer > div > button
{
  margin-left: 5px;
  margin-right: 5px;
}
.HtmlGrid_div
{
  overflow-x: auto;
}

.HtmlGrid_table
{
  background: #F8F8F8;
  min-width: 500px;
}

.HtmlGrid_table th
{
  border-bottom: #c9d1d0 solid 1px;
}

.HtmlGrid_footerTr td {
    border-top: #c9d1d0 solid 1px;
    font-weight: bold;
}

.HtmlGrid_table th, .HtmlGrid_table th a
{
  font-size: 9pt;
  text-align: left;
  padding: 2px;
  text-decoration: none;
  font-weight: normal;
}

.HtmlGrid_table td, .HtmlGrid_table td a
{
  background: #FFF;
  text-decoration: none;
  padding: 2px;
}

.HtmlGrid_table .HtmlGrid_tdAlternate, .HtmlGrid_table .HtmlGrid_tdAlternate a
{
  background: #F8F8F8;
}

.HtmlGrid_table tr td a
{
  margin: 0px;
  padding: 0px;
}

.HtmlGrid_hoverRow:hover {
    outline: #d5dade solid 1px;
}

.HtmlGrid_table img
{
  vertical-align: top;
  margin-top: -2px;
}

.HtmlGrid_icon {
    height: 16px;
    vertical-align: text-bottom;
}

.HtmlGrid_upArrow {
    transform: rotate(270deg);
}

.HtmlGrid_downArrow {
    transform: rotate(90deg);
}.HtmlGrid3_div
{
  overflow-x: auto;
}

.HtmlGrid3_table
{
  border: black solid 1px;
}

.HtmlGrid3_table th, .HtmlGrid3_table th a
{
  font-size: 9pt;
  text-align: left;
  padding: 2px;
  text-decoration: none;
}

.HtmlGrid3_rowBold td
{
  font-weight: bold;
}

.HtmlGrid3_table td, .HtmlGrid3_table td a
{
  background: #FFF;
  text-decoration: none;
  padding: 2px;
}

.HtmlGrid3_table .HtmlGrid3_tdAlternate, .HtmlGrid3_table .HtmlGrid3_tdAlternate a
{
  background: #EEE;
}

/* --------------------------------------- */
/* HtmlGrid4 */
/* --------------------------------------- */

.HtmlGrid4_top
{
  margin: 0px;
  overflow: hidden;
}

.HtmlGrid4_topBorder
{
  border: #c9d1d0 solid 1px;
  border-top: none;
}

.HtmlGrid4_top td {
    margin: 0px;
    padding: 0px;
}

.HtmlGrid4_headerTotalDiv {
    border-top: #c9d1d0 solid 1px;
    overflow: hidden;
}

.HtmlGrid4_headerTotal
{
  table-layout: fixed;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 0px;
	background: #f0f0f0;

}

.HtmlGrid4_header
{
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 0px;
}

.HtmlGrid4_padderHead
{
  width: 16px; 
  height: 21px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: right;
}

.HtmlGrid4_padderHead:hover
{
    opacity: 0.4;
}

    .HtmlGrid4_header table {
        table-layout: fixed;
    }

.HtmlGrid4_header th
{
  text-align: left;
  line-height: 26px;
  border-bottom: #c9d1d0 solid 1px;
  border-right: #c9d1d0 solid 1px;
}

.HtmlGrid4_header th:hover {
    background-color: #ffffff;
}

.HtmlGrid4_header th, .HtmlGrid4_content td
{
  font-weight: normal;
	padding-left: 2px;
 	padding-right: 5px;
}

.HtmlGrid4_content td {
    border-right: transparent solid 1px;
}

.HtmlGrid4_header div {
    color: #808080;
}


.HtmlGrid4_headerLink, .HtmlGrid4_contentLink, .HtmlGrid4_headerLink a
{
	text-decoration: none;
    color: #222222;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	font-weight: normal;
}

.HtmlGrid4_headerLink span
{
    font-size: 15px;
    margin-left: 7px;
    color: #808080;
    vertical-align: top;
}

.HtmlGrid4_content {
    overflow-x: auto;
    overflow-y: scroll;
    background: white;
    border-bottom: #c9d1d0 solid 1px;
}


.HtmlGrid4_content table
{
  table-layout: fixed;
  background: #ffffff;
}

.HtmlGrid4_content td
{
  cursor: pointer;
}

.HtmlGrid4_content > table > tbody > tr
{
  line-height: 21px;
}

.HtmlGrid4_content > table > tbody > tr:hover
{
  background-color: #c4dfef !important;
}

.HtmlGrid4_content img
{
	vertical-align: sub;
	margin-right: 5px;
    height: 16px;
}

.HtmlGrid4_noHoverEffectEven td
{
	background-color: #FFF;
}

.HtmlGrid4_noHoverEffectOdd td
{
	background-color: #eaedf4; 
}

.HtmlGrid4_footer
{
  background-color: #ffffff;
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.HtmlGrid4_footer > div
{
}

.HtmlGrid4_footerLeft
{
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}

.HtmlGrid4_footerLeft .HtmlIconDropDown_contextMenu
{
    margin-top: 0px;
    margin-right: 5px;
    height: 11px;
    width: 11px;
}

.HtmlGrid4_footerCenter
{
  overflow: hidden;
  text-align: center;
  z-index: 0;
}

    .HtmlGrid4_footerCenter > a {
        cursor: pointer;
    }

.HtmlGrid4_footerRight
{
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
}

.HtmlGrid4_footerRight > *
{
  margin-left: 10px;
}

.HtmlGrid4_switchMode
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.HtmlGrid4_switchMode > input
{
  outline: none;
  height: 20px;
}

.HtmlGrid4_switchMode > input:hover
{
  background: white;
}

.HtmlGrid4_switchMode > img
{
  background: #ffffff;
  height: 20px;
}

.HtmlGrid4_switchMode > :last-child
{
    margin-left: 3px;
}

.HtmlGrid4_filters {
    padding-top: 2px;
}

.HtmlGrid4_filters > span
{
  margin-right: 10px;
  vertical-align: top;
  padding-top: 1px;
  display: inline-block;
}

.HtmlGrid4_filters > input
{
  vertical-align: top;
}


.HtmlGrid4_group
{
	font-weight: bold;
	text-decoration: underline;
}

.HtmlGrid4_hoverEffect, .HtmlGrid4_hoverEffect a:hover
{
	background-color: #CCC;
	text-decoration: none;
}

.HtmlGrid4_cursor
{
	cursor: pointer;
}

.HtmlGrid4_readStatusBold
{
	/* font-weight: bold; */
}

.HtmlGrid4_arrow
{
  margin: 0px 1px 0px 1px;
  width: 11px;
}

.HtmlGrid4_arrowLarge {
    margin: 0px 2px 0px 2px;
    width: 16px;
    vertical-align: middle;
}

/*  -------- */

.HtmlGrid4_footFunc td
{
  background-color: #b5c7e6;
}

.HtmlGrid4_indent
{
  margin-left: 20px;
}

.HtmlGrid4_item
{
}

.HtmlGrid4_item img
{
  border: solid black 0px;
}

.HtmlGrid4_item th
{
	cursor: pointer;
  width: 16px;
}

.HtmlGrid4_item td
{
	cursor: pointer;
	text-decoration: underline;
}

.HtmlGrid4_item td div
{
  visibility: hidden;
  display: inline;
}

.HtmlGrid4_item td div img
{
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}


.HtmlGrid4_item a
{
  white-space: nowrap;
  color: blue;
	cursor: pointer;
	text-decoration: none;
}

.HtmlGrid4_item a:hover
{
	cursor: pointer;
	text-decoration: underline;
}

.HtmlGrid4_editGridColumnsTable
{
}

.HtmlGrid4_editGridColumnsTable input[type=text]
{
  width: 100px;
}

.HtmlGrid4_config_row td
{
	padding: 2px;
}  

.HtmlGrid4_config_headerRow td
{
  font-size: 12pt;
  padding: 2px;
}  

.HtmlGrid4_config_header th
{
	vertical-align: middle;
	text-align: left;
	padding: 2px;
}

.HtmlGrid4_config_bottomTd
{
  height: 24px; 
}

.HtmlGrid4_config_bottomTd select
{
  width: auto;
}

.HtmlGrid4_contextMenu
{
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../../graphics/8/contextMenu.svg);
}

.HtmlGrid4_contextMenu:hover
{
  background: url(../../graphics/8/contextMenu_hover.svg);
}

.HtmlGrid4_filterIcon {
    border: transparent solid 1px;
    border-radius: 5px;
    display: block;
    padding: 3px 8px 2px 8px;
    cursor: pointer;
}

.HtmlGrid4_filterIcon > IMG {
    vertical-align: top;
    margin-right: 5px;
}

.HtmlGrid4_filterIcon:hover {
    border: #e0e0e0 solid 1px;
    background-color: white;
}

.HtmlGrid4_filtersPopup {
    position: fixed;
    background: white;
    border: #e0e0e0 solid 1px;
    padding: 10px;
    border-radius: 5px;
    display: none;
    z-index: 10;
}

.HtmlGrid4_filtersPopup > DIV {
    display: block;
    white-space: nowrap;
    padding: 2px 5px;
}

.HtmlGrid4_filtersPopup > DIV > INPUT {
    vertical-align: top;
}

.HtmlGrid4_filtersPopup > INPUT {
    margin: 5px;
}

.HtmlGrid4_downArrow {
    transform: rotate(90deg);
}

.HtmlGrid4_upArrow {
    transform: rotate(270deg);
}
.HtmlIconDropDown
{
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}


.HtmlIconDropDown_button {
    display: inline-block;
    min-width: 70px;
    background: #fbfbfb;
    border: 2px solid #6f9b9a;
    outline: none;
    cursor: pointer;
    line-height: 28px;
    height: 28px;
    padding-left: 12px;
    padding-right: 21px;
    color: #0a5e58;
}

.HtmlIconDropDown_button:hover, .HtmlIconDropDown_button:focus {
    background-color: #f2f2f2;
    border: 2px solid #0a5e58;
}

.HtmlIconDropDown_button:active {
    background-color: #fbfbfb;
    border: 2px solid #81a09e;
}

.HtmlIconDropDown_button:disabled {
  background-color: #fdfdfd;
  border: 2px solid #d4e1e1;
  color: #b6cecd;
}

.HtmlIconDropDown_button > img
{
  vertical-align: middle !important;
}

.HtmlIconDropDown > .HtmlIconDropDown_label
{
    margin-left: 3px;
}

.HtmlIconDropDown img
{
  vertical-align: bottom;
  margin-right: 5px;
  width: 11px;
  height: 11px;
}

.HtmlIconDropDown_contextMenu
{
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../../graphics/nine/contextMenu.svg);
  flex-shrink: 0;
}

.HtmlIconDropDown:hover .HtmlIconDropDown_contextMenu,
.HtmlIconDropDown_contextMenu:hover
{
}
.HtmlImageButton
{
	padding: 5px 15px;
	border: 0 none;
	padding: 8px;
	cursor: pointer;
  background: white;
  border-radius: 5px;
  border: #a0a0a0 solid 1px;
}

.HtmlImageButtonRounded
{
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.HtmlImageButtonLeftIcon
{
	background-repeat: no-repeat;
	background-position-x: 5%;
	background-position-y: 50%;
	padding-left: 16px;
}

.HtmlImageButtonRightIcon
{
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: 50%;
	padding-right: 16px;
}

.HtmlImageButtonLabel
{
	font-size: 12px;
}

.HtmlImageButtonSmallLabel
{
	font-size: 8px;
}
.HtmlInfoFields_table
{
	border: #628eb3 solid 1px;
	width: 100%;
	padding: 8px;
	margin-bottom: 10px;
}

.HtmlInfoFields_table td
{
	background-color: #FFF;
	padding-left: 8px;
	padding-right: 8px;
	width: 32%;
}

.HtmlInfoFields_table th
{
	background-color: #eaedf4;
	width: 1%;
	text-align: left;
}

.HtmlInfoFields_table a
{
	text-decoration: none;
}
.HtmlInfoFields2_div 
{
  background-color: white;
  background-repeat: no-repeat;
  background-position:left bottom;
  background-attachment: scroll;
  background-color: white;

  padding: 20px;
  overflow-x: auto;
  overflow-y: auto;
}

.HtmlInfoFields2_divRounded
{
  box-shadow: 0 2px 8px -4px #21536a;
  border-radius: 5px;
  margin-left: 4px;
  margin-right: 4px;
}

.HtmlInfoFields2_unknownCustomer, .HtmlInfoFields2_knownCustomer {
    background-color: #C34E4E;
    color: white;
    padding: 5px 20px 5px 20px;
    cursor: pointer;
}

.HtmlInfoFields2_knownCustomer {
    background-color: #3e76a4;
}

.HtmlInfoFields2_iconHeader
{
  text-transform: uppercase;
  letter-spacing: 2px;
}

.HtmlInfoFields2_header
{
  min-height: 16px; /* Make sure resize model works even with late image loading */
  white-space: nowrap;
}

.HtmlInfoFields2_header > img
{
  margin-right: 5px;
  vertical-align: top;
}

.HtmlInfoFields2_header > a
{
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  opacity: 0.2;
}

.HtmlInfoFields2_header > a:hover
{
    opacity: 1;
}

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

.HtmlInfoFields2_mainTable td
{
  padding: 0px;
}

.HtmlInfoFields2_mainTdFirst, .HtmlInfoFields2_mainTd
{
  vertical-align: top;
}

.HtmlInfoFields2_mainTd
{
  padding: 0px;
}

.HtmlInfoFields2_mainTable
{
  border-spacing: 0px;
}

/* Vertical space between vertical columns of label-value */
.HtmlInfoFields2_mainTable td:not(:first-child)
{
  padding-left: 20px;
}

.HtmlInfoFields2_subTable
{
  border-spacing: 0px;
}

.HtmlInfoFields2_subTable td
{
  padding: 0px;
}

/* Horizontal space between rows of label-value */
.HtmlInfoFields2_subTable tr:not(:first-child) td
{
  padding-top: 3px;
}

.HtmlInfoFields2_subHeader, .HtmlInfoFields2_subHeaderTop
{
  font-size: 12pt; 
}

.HtmlInfoFields2_subHeader
{
  padding-top: 10px;
}

.HtmlInfoFields2_editField
{
  background: #e8eff5;
}

.HtmlInfoFields2_label
{
  text-align: left;
  vertical-align: top;
  padding-right: 5px;
}

.HtmlInfoFields2_value
{
}

.HtmlInfoFields2_valueRed
{
  color: #a55555;
}

.HtmlInfoFields2_value > A
{
  outline: none !important;
}

.HtmlInfoFields2_statusMonitorImg
{
  background-color: Transparent;
  position: absolute;
  z-index: 2;
  opacity: 0.4;
  filter: alpha(opacity=40);
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}

.HtmlInfoFields2_mainDiv
{
  position: relative;
  background-color: Transparent;
  z-index: 3;
}

.HtmlInfoFields2_hidden {
    display: none!important;
}

.HtmlInfoFields2_collapse {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM0MDQwNDAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9Ii0yNDIuOSw0MTIuMiAKCS0yMzUuNCw0MjAuNyAtMjQyLjksNDI5LjIgIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    background-size: 16px;
    transition-duration: 0.4s;
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.HtmlInfoFields2_rotated {
    transform: rotate(0deg);
}

.HtmlInfoFields2_rotate90 {
    transform: rotate(90deg);
}

.HtmlInfoFields2_rotate270 {
    transform: rotate(270deg);
}

.HtmlInfoFields2_svgHeader {
    width: 16px;
}.HtmlLayoutTable2_table
{
  table-layout: fixed;
  border-collapse: collapse;
  border: 0px solid #999;
}

.HtmlLayoutTable2_td
{
  border: 0px solid #999;
}

.HtmlLayoutTable2_cellDiv
{
  overflow: hidden;
}

.HtmlLayoutTable2_label
{
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}.HtmlListPath_div
{
  min-height: 17px;
}

.HtmlListPath_div span
{
  margin-right: 10px;
  margin-left: 10px;
}

.HtmlListPath_node:link, .HtmlListPath_node:hover, .HtmlListPath_node:active, .HtmlListPath_node:visited
{
  color: #127da1;
  text-decoration: underline;
}

.HtmlListPath_node:hover {
  color: #58c8ec;
}

.HtmlListPath_node.HtmlListPath_selectable
{
  cursor: pointer;
}
.HtmlMacroParameterSwitch {
    display: flex;
}

.HtmlMacroParameterSwitch > div {
    flex-grow: 1
}

    .HtmlMacroParameterSwitch_parameter {
        border: #e0e0e0 solid 1px;
        background-color: #cbe3f1;
        border-radius: 10px;
        padding: 0px 10px;
        display: inline-flex;
    }

    .HtmlMacroParameterSwitch_parameter > div {
    }

    .HtmlMacroParameterSwitch_parameter > span {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 10px;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3QgeD0iLTI0Mi45IiB5PSI0MDkuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcgLTAuNzA3MiAwLjcwNzIgMC43MDcgLTM2OC4yODQ2IC00Ni45MzEyKSIgZmlsbD0iIzYxNjE2MSIgd2lkdGg9IjQuMiIgaGVpZ2h0PSIyMy42Ii8+PHJlY3QgeD0iLTI1Mi42IiB5PSI0MTguOSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDY4IC0wLjcwNzQgMC43MDc0IDAuNzA2OCAtMzY4LjM5MTQgLTQ2LjkwMjUpIiBmaWxsPSIjNjE2MTYxIiB3aWR0aD0iMjMuNiIgaGVpZ2h0PSI0LjIiLz48L3N2Zz4=);
    }
.HtmlMDODropdown_div {
  position: relative;
  border-bottom: #949494 solid 1px;
  display: flex;
  align-items: center;
  background-color: transparent;
  padding-right: 5px;
  box-sizing: border-box;
}

.HtmlMDODropdown_div:hover, .HtmlMDODropdown_divFocused {
	background-color: #c4dfef;
	border-bottom: #16576c solid 1px;
}

.HtmlMDODropdown_div input, .HtmlMDODropdown_div select
{
  border: none!important;
  margin: 0px!important;
  background: none!important;
  padding: 4px 5px 4px 5px!important;
  flex-grow: 1;
}

.HtmlMDODropdown_div img
{
  width: 13px;
  height: 13px;
  flex-grow: 0;
}

.HtmlMDODropdown_container {
    position: absolute;
    overflow-y: auto;
    max-height: 90%;
    background: white;
    border: solid 1px #c9d1d0;
    padding: 1px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    z-index: 20;
    box-sizing: border-box;
    box-shadow: 0 2px 8px -4px #21536a;
}

.HtmlMDODropdown_item 
{ 
    display: flex; 
    background: white; 
    white-space: nowrap;
    text-decoration: none;
    align-items: center;
    color: #222222!important;
    min-height: 26px;
}

.HtmlMDODropdown_item span 
{ 
    margin-right: 30px; 
    margin-left: 15px;
}

.HtmlMDODropdown_item img 
{ 
    margin: 0px; 
    margin-right: 5px; 
    height: 11px;
}

.HtmlMDODropdown_arrowRight {
    position: absolute;
    right: 0px;
}

.HtmlMDODropdown_item:hover, .HtmlMDODropdown_itemSelected
{
    background-color: #cbe3f1;
}

.HtmlMessages_div
{
  overflow-y: scroll;
  background: #ffffff;
  margin: 0px;
  padding: 0px;
  border: #628eb3 solid 1px; 
}

.HtmlMessage_table
{
  padding: 0px;
  margin: 0px;
  border-top: #628eb3 solid 1px; 
} 

.HtmlMessage_bodyTable
{
  margin-top: 0px;
  background-color: #fff;
}

.HtmlMessage_messageContent
{
  padding-bottom: 10px;  
}

.HtmlMessage_messageContentDiv
{
  overflow: auto;
  width: 100%;
}

.HtmlMessage_imagePreview
{
  border: #628eb3 solid 1px;
  margin: 5px;
}

.HtmlMessage_invoiceHeader
{
  padding-top: 10px;
  font-weight: bold;
}

.HtmlMessage_headerTable
{
  background-color: #e8eff5;
  border-bottom: solid 1px #628eb3;
  padding: 1px;
  width: 100%;
  font-weight: bold;
  border-right: #628eb3 solid 1px; 
}

.HtmlMessage_hidden
{
  padding: 2px;
  border: #999 solid 1px;
  background: #FBFBFB;
}

.HtmlMessage_hiddenTop
{
  padding: 1px;
  font-weight: bold;
  padding-bottom: 5px;
  cursor: pointer;
  font-family: Verdana;
}

.HtmlMessage_hiddenText
{
  display: none;
}

.HtmlMessage_hiddenTop img
{
  margin-right: 5px;
}

.HtmlMessage_headerTd
{
 font-weight: bold;
}

.HtmlMessage_headerRightTd
{
  text-align: right;
}

.HtmlMessage_headerTd img
{
  vertical-align: middle;
}.HtmlMessages2_messagesDiv
{
  overflow: auto;
  padding-top: 20px;

  /* Support for making this area above protective film */
  position: relative;
}

.HtmlMessages2_quickReply
{
  display: none;
  overflow: hidden;
}

.HtmlMessages2_buttonRow, .HtmlMessages2_buttonRowBelow
{
  padding: 0px 0px 20px 23px;
  display: flex;
  justify-content: space-between;
  margin-right: 15px;
}

.HtmlMessages2_buttonRowBelow
{
  padding: 0px;
  justify-content: flex-end;
}

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


.HtmlMessages2_buttonRow > div > button, .HtmlMessages2_buttonRowBelow > div > button, .HtmlMessages2_buttonRowBelow > button {
    margin: 5px;
}

.HtmlMessages2_button, .HtmlMessages2_buttonGreen, .HtmlMessages2_buttonBlue, .HtmlMessages2_filter {
    padding: 0px 15px 0px 12px;
    background: #fbfbfb;
    outline: none;
    cursor: pointer;
    border: 2px solid #6f9b9a;
    color: #222222;
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 32px;
    box-sizing: border-box;
}

.HtmlMessages2_buttonGreen {
    background: #5ae987;
    border-color: #29bf58;
}

.HtmlMessages2_buttonGreen:hover {
    background: #77f79f !important;
    border-color: #166d31 !important;
}

.HtmlMessages2_buttonGreen:active {
    background: #c2fbd4 !important;
    border-color: #29bf58 !important;
}

.HtmlMessages2_buttonBlue {
    background: #58c8ec;
    border-color: #2da4cb;
}

.HtmlMessages2_buttonBlue:hover {
    background: #88ddf9 !important;
    border-color: #275a6c !important;
}

.HtmlMessages2_buttonBlue:active {
    background: #c2eefd !important;
    border-color: #2da4cb !important;
}

.HtmlMessages2_button:hover, .HtmlMessages2_filter:hover {
    border-color: #0a5e58;
    background-color: #f2f2f2;
}

.HtmlMessages2_button:active, .HtmlMessages2_filter:active {
    border-color:#6f9b9a;
}

.HtmlMessages2_buttonActive, .HtmlMessages2_buttonActive:hover
{
  background: lightblue;
}

.HtmlMessages2_button > span {
    margin-left: 3px;
}

.HtmlMessages2_button > img {
    height: 11px;
    width: 11px;
}

.HtmlMessages2_iframeDiv
{
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.HtmlMessages2_messagesDiv
{
  -moz-user-select: text; 
  -khtml-user-select: text; 
  -webkit-user-select: text; 
  -o-user-select: text; 
}

.HtmlMessages2_messagesDiv iframe
{
  display: block;
  width: 100%;
  overflow-y: hidden;
  border: none;
}

.HtmlMessages2_messagesDiv textarea
{
  outline: none;
}

.HtmlMessages2_flipImage
{
  float: left;
  margin-top: 25px;
  margin-left: 4px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.HtmlMessages2_flipImage:hover
{
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.HtmlMessages2_flipImageClosed
{
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.HtmlMessages2_messageDiv, .HtmlMessages2_messageDivForm {
    overflow: hidden;
    margin-left: 28px;
    margin-right: 20px;
}

.HtmlMessages2_messageDiv {
    background-color: #f4f4f4;
    border-radius: 2px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    padding: 1px;
    border: 1px solid #b9b9b9;
}

.HtmlMessages2_messageDivForm {
    padding-bottom: 1px;
    margin-bottom: 0px;
    border: solid 1px #c9d1d0;
}

.HtmlMessages2_messageDivForm .HtmlMessages2_heading {
    border-bottom: solid 1px #c9d1d0;
}

.HtmlMessages2_resizeQuickReply
{
  height: 20px; 
  cursor: ns-resize;
}

.HtmlMessages2_messageDivInternal {
    background-color: #fef0f1;
    border: 1px dashed #cc6666;
}

.HtmlMessages2_messageDivForward {
    background-color: #fef0f1;
    border: 1px dashed #cc6666;
}

.HtmlMessages2_internalMessage > img, .HtmlMessages2_forwardedMessage > img, .HtmlMessages2_responseMessage > img {
    margin-left: 10px;
    width: 11px;
    height: 11px;
}

.HtmlMessages2_responseMessage > img {
    transform: rotateX(180deg);
}

.HtmlMessages2_internalMessage > span, .HtmlMessages2_forwardedMessage > span, .HtmlMessages2_responseMessage > span {
    vertical-align: top;
    margin-left: 3px;
}

.HtmlMessages2_messageDivAgent
{
}

.HtmlMessages2_contentArea
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  border-top: #f1f1f1 solid 1px;
}

.HtmlMessage2_personImageDiv
{
  width: 50px;
}

.HtmlMessage2_personImageDarkBorder {
    border: #e2eceb solid 1px;
    border-radius: 40px;
    display: inline-block;
}

.HtmlMessage2_personImageLightBorder
{
  border: white solid 2px;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: white;
}

.HtmlMessages2_personImage
{
  width: 36px;
  height: 44px;
  margin-left: 2px;
  margin-top: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.HtmlMessages2_heading 
{
    padding: 10px 10px 10px 10px;
    min-height: 23px;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
}

.HtmlMessages2_headerCenter {
    display: inline-flex;
    align-items: flex-start;
}

.HtmlMessages2_heading > div:nth-child(1) 
{
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.HtmlMessages2_headingLeft {
    overflow: hidden;
    flex-grow: 1;
    flex-wrap: nowrap;
    display: flex;
    padding-right: 10px;
}

.HtmlMessages2_hiddenRecipient
{
  display: none;
  margin-top: 5px;
}

.HtmlMessages2_author
{
  font-weight: bold;
}

.HtmlMessages2_createdAt
{
  margin-left: 20px;
  white-space: nowrap; 
}

.HtmlMessages2_header
{
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  align-items: center;
}

.HtmlMessages2_header > span:first-child
{
  font-weight: bold;
  padding-left: 10px;
  padding-right: 5px;
}

.HtmlMessages2_header > span:last-child 
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}


.HtmlMessages2_header > input[type=text]
{
  flex-grow: 1;
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
}
.HtmlMessages2_image
{
  display: none;
}

.HtmlMessages2_contextMenu
{
  display: inline-block;
  float: right;
}

.HtmlMessages2_headersTable
{
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

.HtmlMessages2_headersTable td
{
  padding-left: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.HtmlMessages2_headersTable td:first-child
{
  padding-right: 10px;
}

.HtmlMessages2_attachments
{
  flex-wrap: wrap;
  display: flex;
  padding-left: 5px;
}

.HtmlMessages2_attachments > a
{
  margin: 5px;
  white-space: nowrap;
  padding: 5px;
  background-color: white;
  padding: 5px;
  box-sizing: border-box;
  border: #d6d6d6 solid 1px;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.HtmlMessages2_attachments > a:hover
{
    background: #e0e0e0;
}

.HtmlMessages2_attachments > a > img
{
    width: 20px;
    height: 20px;
    padding-right: 2px;
}

.HtmlMessages2_attachments > a > div 
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.HtmlMessages2_attachments span:first-child 
{
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.HtmlMessages2_attachments span:last-child 
{
    font-size: 8px;
    color: #222222;
}

.HtmlMessages2_invoice
{
  border-top: #f1f1f1 solid 1px;
}

.HtmlMessages2_invoice > header
{
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.HtmlMessages2_invoice > table
{
  border-collapse: collapse;
  width: 100%;
}

.HtmlMessages2_invoice > table th
{
  font-weight: normal;
  background: #f1f1f1;
  text-align: left;
  padding-right: 10px;
  height: 26px;
  color: #898989
}

.HtmlMessages2_invoice > table td
{
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.HtmlMessages2_invoice > table th:first-child, .HtmlMessages2_invoice > table td:first-child
{
  padding-left: 20px;
}

.HtmlMessages2_invoice > table th:last-child, .HtmlMessages2_invoice > table td:last-child
{
  padding-right: 20px;
}

.HtmlMessages2_invoice > table th:nth-child(3), .HtmlMessages2_invoice > table td:nth-child(3),
.HtmlMessages2_invoice > table th:nth-child(4), .HtmlMessages2_invoice > table td:nth-child(4),
.HtmlMessages2_invoice > table th:nth-child(5), .HtmlMessages2_invoice > table td:nth-child(5),
.HtmlMessages2_invoice > table th:nth-child(6), .HtmlMessages2_invoice > table td:nth-child(6),
.HtmlMessages2_invoice > table th:nth-child(8), .HtmlMessages2_invoice > table td:nth-child(8)
{
  text-align: right !important;
}

.HtmlMessages2_invoiceSumRow
{
  font-weight: bold;
  text-align: right;
}

.HtmlMessages2_imagePreview
{
  border: #628eb3 solid 1px;
  margin: 5px;
}

.HtmlMessages2_previewDiv
{
    margin-left: 10px;
}

.HtmlMessage2_hidden 
{
    padding: 2px;
}

.HtmlMessage2_hiddenTop
{
  margin: 0px;
  padding: 0px 5px 0px 5px;
  cursor: pointer;
  border: #999 solid 1px;
}


.HtmlMessage2_hiddenText
{
  display: none;
}

.HtmlMessage2_unclipButton {
    display: inline-block;
    cursor: pointer;
    margin: 15px 0px;
    padding: 5px 10px;
    background: #f0f0f0;
    border: #e0e0e0 solid 1px;
    color: blue;
    text-decoration: underline;
}

    .HtmlMessage2_unclipButton:hover {
        background: #fafafa;
    }

.HtmlMessages2_important, .HtmlMessages2_importantActive {
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM3RDdEN0QiIGQ9Ik0tMjM2LjksNDIxYzAsMC0yLjYtMC44LTMuOS0wLjhzLTIuNywxLjQtNCwxLjRzLTMuNy0xLjEtMy43LTEuMXYtOS44YzAsMCwyLjUsMS4xLDMuNywxLjEKCWMxLjIsMCwyLjctMS40LDQuMS0xLjRjMS40LDAsMy44LDAuOCwzLjgsMC44VjQyMXoiLz4KPHBhdGggZmlsbD0iIzdEN0Q3RCIgZD0iTS0yMzUuMyw0MzAuN2MtMC40LDAtMC43LTAuMy0wLjctMC43di0xOS44YzAtMC40LDAuMy0wLjcsMC43LTAuN2MwLjQsMCwwLjcsMC4zLDAuNywwLjdWNDMwCglDLTIzNC42LDQzMC40LTIzNC45LDQzMC43LTIzNS4zLDQzMC43eiIvPgo8L3N2Zz4K);
    background-size: 20px;
    margin-right: 5px;
    flex-shrink: 0;
}

.HtmlMessages2_importantActive {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNGRTQzNDMiIGQ9Ik0tMjM2LjksNDIxYzAsMC0yLjYtMC44LTMuOS0wLjhzLTIuNywxLjQtNCwxLjRzLTMuNy0xLjEtMy43LTEuMXYtOS44YzAsMCwyLjUsMS4xLDMuNywxLjEKCWMxLjIsMCwyLjctMS40LDQuMS0xLjRjMS40LDAsMy44LDAuOCwzLjgsMC44VjQyMXoiLz4KPHBhdGggZmlsbD0iI0ZFNDM0MyIgZD0iTS0yMzUuMyw0MzAuN2MtMC40LDAtMC43LTAuMy0wLjctMC43di0xOS44YzAtMC40LDAuMy0wLjcsMC43LTAuN2MwLjQsMCwwLjcsMC4zLDAuNywwLjdWNDMwCglDLTIzNC42LDQzMC40LTIzNC45LDQzMC43LTIzNS4zLDQzMC43eiIvPgo8L3N2Zz4K);
}

.HtmlMessages2_important_hover{
    cursor: pointer;
}

.HtmlMessages2_importantSpinner {
}

    .HtmlMessages2_importantSpinner:after {
        content: " ";
        display: block;
        width: 5px;
        height: 5px;
        margin: 2px 0px;
        border-radius: 50%;
        border: 4px solid #fff;
        border-color: #808080 transparent #808080 transparent;
        animation: HtmlMessages2_importantSpinner 1.2s linear infinite;
    }

@keyframes HtmlMessages2_importantSpinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.HtmlMessages2_filter {
    margin: 5px;
    align-self: flex-start;
    display: flex;
    align-items: center;
}

    .HtmlMessages2_filter > img {
        margin-left: 10px;
        height: 13px;
        width: 13px;
    }

    .HtmlMessages2_filter > div {
        user-select: none;
        height: 20px;
    }

.HtmlMessages2_translateDiv {
    margin-top: 5px;
    border-top: #c9d1d0 solid 1px;
    color: #222222;
    height: 42px;
    padding: 0px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.HtmlMessages2_translateDiv > * {
    flex-grow: 1;
    width: 33%;
}

.HtmlMessages2_translated {
    margin-top: 10px;
    padding: 10px;
    margin-right: 10px;
    white-space: pre-line;
    background-color: #f8f8f8;
    border: #e0e0e0 solid 1px;
    overflow-y: hidden;
}

.HtmlMessages2_translateLink {
    cursor: pointer;
}

.HtmlMessages2_suggestedCategory {
    text-align: center;
    background-color: #e5eaee;
    margin-right: 20px;
    margin-left: 28px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    border: 1px solid #b9b9b9;
}

.HtmlMessages2_sentiment {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.HtmlMessages2_plainMargin {
    margin-bottom: 8px;
}.HtmlModeSelector_div 
{
  background: #3D9ad0; 
  height: 30px; 
  border-radius: 5px 5px 0 0;
}

.HtmlModeSelector_mode, .HtmlModeSelector_modeActive
{
  display: inline-block; 
  padding: 3px; 
  margin: 5px 10px 5px 10px; 
  border-radius: 2px;
  padding-left: 30px;
  padding-right: 30px;
}

.HtmlModeSelector_modeActive
{
  background: white;
}

.HtmlModeSelector_mode A, .HtmlModeSelector_mode A:hover, .HtmlModeSelector_mode A:link, .HtmlModeSelector_mode A:visited
{
  color: white;
}
.HtmlMultiLineGrid_cell {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 15px;
    cursor: pointer;
}

.HtmlMultiLineGrid_group {
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 10pt;
    color: #808080;
}

.HtmlMultiLineGrid_container {
    background: white;
    overflow: auto;
    min-height: 10px;
}

.HtmlMultiLineGrid_value {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    width: 50%;
}

.HtmlMultiLineGrid_right {
    float: right;
    text-align: right;
}

.HtmlMultiLineGrid_header {
    font-size: 15px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%;
    padding-top: 5px;
}

.HtmlMultiLineGrid_more {
    font-size: 15px;
    width: 100%;
    padding-top: 5px;
    text-align: center;
}

.HtmlMultiLineGrid_profileIcon {
  text-align: right;
  float: right;
  height: 16px;
}
.HtmlMultiValueEditor_div
{
  display: table;
  background-color: white;
  position: relative;
}

.HtmlMultiValueEditor_divFloat {
    display: flex;
    background-color: white;
    position: relative;
    border-collapse: collapse;
    border-bottom: #949494 solid 1px;
    flex-wrap: wrap;
    align-items: center;
}

    .HtmlMultiValueEditor_div {
        border: #e0e0e0 solid 1px;
        border-spacing: 0px;
    }

.HtmlMultiValueEditor_divFloat div * {
    border: none !important;
}

.HtmlMultiValueEditor_row
{
  cursor: pointer;
}

.HtmlMultiValueEditor_row, .HtmlMultiValueEditor_editRow, .HtmlMultiValueEditor_headerRow
{
  display: table-row;
  background-color: white;
}

    .HtmlMultiValueEditor_headerRow {
        background-color: #e0e0e0;
    }

    .HtmlMultiValueEditor_rowFloat, .HtmlMultiValueEditor_editRowFloat {
        display: inline-flex;
    }

.HtmlMultiValueEditor_editRowFloat {
    flex-grow: 1;
}

.HtmlMultiValueEditor_rowFloat {
    background-color: #f0f0f0;
    border: #e0e0e0 solid 1px;
    height: 19px;
    cursor: move;
    margin: 2px;
}

.HtmlMultiValueEditor_controlCell, .HtmlMultiValueEditor_staticCell
{
  display: table-cell;
  padding: 1px 20px 3px 0px;
}

.HtmlMultiValueEditor_controlCellFloat, .HtmlMultiValueEditor_staticCellFloat
{
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
}

.HtmlMultiValueEditor_controlCellFloat > input[name='add'], .HtmlMultiValueEditor_controlCellFloat > input[name='update']
{
  display: none;
}

.HtmlMultiValueEditor_cell
{
  display: table-cell;
  padding: 0px 20px 0px 1px;
  vertical-align: bottom;
}

.HtmlMultiValueEditor_cellFloat
{
  display: inline-block;
  flex-grow: 1;
}

.HtmlMultiValueEditor_staticCell, .HtmlMultiValueEditor_staticCellFloat
{
}

.HtmlMultiValueEditor_controlCell
{
  min-width: 40px;
  display: flex;
  align-items: center;
}

.HtmlMultiValueEditor_controlCell > input, .HtmlMultiValueEditor_controlCellFloat > input {
}
html, body { height:100% }

form
{
  margin: 0px;
}

BODY
{
  position: fixed !important;
  padding: 0px;
  margin: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

.HtmlPage_background {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #f5f5f8 
}

* {font-size: 12pt; font-family: Segoe UI, Tahoma, sans-serif; }

a, a:link, a:visited { color: #127da1; text-decoration: underline; }
a:hover { color: #58c8ec}
img { border: 0; }
.HtmlTable_cellDiv select {width: 325px; }
.HtmlTable_cellDiv input[type=checkbox] { margin-top: 6px; margin-bottom: 6px; margin-left: 0px; }
.HtmlTable_cellDiv input[type=radio] { margin-top: 7px; margin-bottom: 6px; margin-left: 2px; }
TEXTAREA { padding: 1px; border-color: #c9d1d0; }
body, input, button, select {color: #222;}
input[type=text], input[type=password] { margin: 0; padding: 4px 5px 4px 5px; border: none; outline: none; border: none; border-bottom: #949494 solid 1px; vertical-align: top; }
input[type=text]:hover, input[type=password]:hover { background-color: #c4dfef; }
input[type=text]:focus, input[type=password]:focus { background-color: #c4dfef; border-bottom-color: #16576c}
textarea:focus { border: #85b1ca solid 1px; }
input[type=text]:disabled, input[type=password]:disabled { color: rgb(84, 84, 84); }
textarea { margin: 0px; outline: none; }
textarea[readonly] { background-color: rgb(235, 235, 228); color: rgb(84, 84, 84); }

::-webkit-input-placeholder {
   color: rgb(160, 160, 160);
}

:-moz-placeholder { /* Firefox 18- */
   color: rgb(160, 160, 160);  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: rgb(160, 160, 160);  
}

:-ms-input-placeholder {  
   color: rgb(160, 160, 160);  
}

.heading      {  font-size: 16pt; text-decoration: none}
.subheading   {  font-size: 12pt; text-decoration: none}
.pathheading  {  text-decoration: none}
.bodytext     {  font-size: 12px; text-decoration: none}
.comments     {  font-size: 12px; text-decoration: none}
.formheadings {  font-size: 12px; text-decoration: none; }
.formdata     {  font-size: 12px; text-decoration: none; background-color: #CCCCCC; }
.griddata     {  font-size: 12px; text-decoration: none; }

.fontBold { font-weight: bold; }

select {
  border: none;
  -webkit-appearance: none;
  background: transparent;
  width: 150px;
  outline: none;
  vertical-align: top;
  border-bottom: #e0e0e0 solid 1px;
  border-radius: 0px;
}

/* Class to make SCIL look same in Sales and CS */
.SCIL_asSales input[type=text], input[type=password] {
    border-top: transparent solid 1px; border-left: transparent solid 1px; border-right: transparent solid 1px; 
}

.HtmlPage_selectIcon
{
  margin-top: -3px;
  vertical-align: top;
}

.HtmlPage_leftDiv {
    width: 170px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    top: 48px;
    bottom: 0px;
    padding-top: 5px;
    z-index: 1;
    background-color: #f5f5f8;
    color: #222222; 
}

.HtmlPage_leftDivCollapsed {
    width: 60px;
    color: transparent;
}

    .HtmlPage_leftDivCollapsedPeek {
        width: 170px;
        box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.45);
        color: inherit;
        z-index: 10;
    }

.HtmlPage_leftDivSmooth {
    transition-duration: 0.5s;
}

.HtmlPage_leftDivCollapsed > .HtmlPage_menuFlip {
}

.HtmlPage_mainTable {
    table-layout: fixed;
}

.HtmlPage_rightDiv
{
  overflow: hidden;
  visibility: hidden;
  left: 170px;
  top: 49px;
  right: 0px;
  bottom: 0px;
  position: absolute;
}

.HtmlPage_topDiv
{
  padding: 0px;
  margin: 0px;
  background: white;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 48px;
  background: #0a5e58;
  color: white;
}

.HtmlPage_soLogo {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDUuMyAyNS41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNDUuMyAyNS41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAuOSwxNy4xbDItMi45YzEuMywxLjMsMy4yLDIuNCw1LjYsMi40YzIuMSwwLDMuMS0xLDMuMS0yYzAtMy4xLTEwLjItMS0xMC4yLTcuN2MwLTMsMi42LTUuNCw2LjctNS40CgkJCWMyLjgsMCw1LjIsMC45LDYuOSwyLjVMMTMsNi44Yy0xLjQtMS4zLTMuNC0xLjktNS4yLTEuOWMtMS42LDAtMi41LDAuNy0yLjUsMS44YzAsMi44LDEwLjIsMC45LDEwLjIsNy42YzAsMy4yLTIuMyw1LjctNy4xLDUuNwoJCQlDNSwxOS45LDIuNiwxOC43LDAuOSwxNy4xeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNS42LDE5LjZ2LTEuNmMtMC45LDEtMi40LDEuOS00LjUsMS45Yy0yLjgsMC00LjItMS41LTQuMi00VjYuN2gzLjR2Ny44YzAsMS44LDAuOSwyLjQsMi40LDIuNAoJCQljMS4zLDAsMi4zLTAuNywyLjktMS41VjYuN0gyOXYxMi44SDI1LjZ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM0LjMsMTcuOXY2LjVoLTMuNFY2LjdoMy40djEuNmMxLTEuMywyLjQtMS45LDQtMS45YzMuMywwLDUuNywyLjQsNS43LDYuN2MwLDQuMy0yLjQsNi44LTUuNyw2LjgKCQkJQzM2LjgsMTkuOSwzNS4zLDE5LjIsMzQuMywxNy45eiBNNDAuNSwxMy4xYzAtMi4yLTEuMy0zLjctMy4yLTMuN2MtMS4xLDAtMi4zLDAuNi0yLjksMS41djQuNWMwLjYsMC44LDEuOCwxLjUsMi45LDEuNQoJCQlDMzkuMSwxNi45LDQwLjUsMTUuMyw0MC41LDEzLjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ1LjIsMTMuMWMwLTMuNywyLjctNi43LDYuNy02LjdjMy44LDAsNi40LDIuOSw2LjQsNy4xdjAuN2gtOS42YzAuMiwxLjYsMS41LDMsMy43LDNjMS4xLDAsMi42LTAuNSwzLjQtMS4zCgkJCWwxLjUsMi4yYy0xLjMsMS4yLTMuMywxLjgtNS4zLDEuOEM0OC4xLDE5LjksNDUuMiwxNy4yLDQ1LjIsMTMuMXogTTUxLjgsOS4xYy0yLjEsMC0zLDEuNi0zLjIsMi44SDU1CgkJCUM1NC45LDEwLjcsNTQuMSw5LjEsNTEuOCw5LjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU5LjksMTkuNlY2LjdoMy40djEuOGMwLjktMS4xLDIuNS0yLjEsNC4xLTIuMXYzLjNjLTAuMi0wLjEtMC42LTAuMS0wLjktMC4xYy0xLjEsMC0yLjYsMC42LTMuMiwxLjV2OC41CgkJCUg1OS45eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTY5LjMsMTAuN2MwLTUuMywzLjktOS4yLDkuMy05LjJjNS40LDAsOS4zLDMuOCw5LjMsOS4yYzAsNS4zLTMuOSw5LjItOS4zLDkuMkM3My4yLDE5LjksNjkuMywxNiw2OS4zLDEwLjd6CgkJCSBNODMuOSwxMC43YzAtMy4zLTIuMS01LjgtNS40LTUuOGMtMy4zLDAtNS40LDIuNS01LjQsNS44YzAsMy4zLDIuMSw1LjgsNS40LDUuOEM4MS44LDE2LjUsODMuOSwxNCw4My45LDEwLjd6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkwLjksMTkuNlY5LjdoLTIuMXYtM2gyLjFWNmMwLTIuNywxLjgtNC41LDQuMy00LjVjMS4yLDAsMi41LDAuMywzLjQsMS4ybC0xLjMsMmMtMC4zLTAuMy0wLjgtMC41LTEuNC0wLjUKCQkJYy0wLjksMC0xLjYsMC42LTEuNiwxLjh2MC43aDIuNnYzaC0yLjZ2OS45SDkwLjl6IE05OS42LDE5LjZWOS43aC0yLjF2LTNoMi4xVjZjMC0yLjgsMS44LTQuNSw0LjMtNC41YzEsMCwxLjgsMC4yLDIuNCwwLjUKCQkJbC0wLjcsMi40Yy0wLjMtMC4yLTAuNi0wLjMtMS4xLTAuM2MtMSwwLTEuNiwwLjYtMS42LDEuOHYwLjdoMi42djNIMTAzdjkuOUg5OS42eiBNMTA3LjMsMy4zYzAtMS4xLDAuOS0yLDItMmMxLjEsMCwyLDAuOSwyLDIKCQkJYzAsMS4xLTAuOSwyLTIsMkMxMDguMiw1LjMsMTA3LjMsNC40LDEwNy4zLDMuM3ogTTEwNy42LDE5LjZWNi43aDMuNHYxMi44SDEwNy42eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTIuNiwxMy4xYzAtMy45LDIuOC02LjcsNi44LTYuN2MyLjYsMCw0LjIsMS4xLDUuMSwyLjNsLTIuMiwyLjFjLTAuNi0wLjktMS41LTEuNC0yLjctMS40CgkJCWMtMiwwLTMuNSwxLjUtMy41LDMuN2MwLDIuMiwxLjQsMy44LDMuNSwzLjhjMS4yLDAsMi4xLTAuNSwyLjctMS40bDIuMiwyYy0wLjksMS4yLTIuNCwyLjMtNS4xLDIuMwoJCQlDMTE1LjUsMTkuOSwxMTIuNiwxNy4xLDExMi42LDEzLjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyNSwxMy4xYzAtMy43LDIuNy02LjcsNi43LTYuN2MzLjgsMCw2LjQsMi45LDYuNCw3LjF2MC43aC05LjZjMC4yLDEuNiwxLjUsMywzLjcsM2MxLjEsMCwyLjYtMC41LDMuNC0xLjMKCQkJbDEuNSwyLjJjLTEuMywxLjItMy4zLDEuOC01LjMsMS44QzEyNy45LDE5LjksMTI1LDE3LjIsMTI1LDEzLjF6IE0xMzEuNiw5LjFjLTIuMSwwLTMsMS42LTMuMiwyLjhoNi4zCgkJCUMxMzQuNywxMC43LDEzMy45LDkuMSwxMzEuNiw5LjF6Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQyLjYsMTkuNmMtMS4xLDAtMi0wLjktMi0yYzAtMS4xLDAuOS0yLDItMmMxLjEsMCwyLDAuOSwyLDJDMTQ0LjcsMTguNywxNDMuOCwxOS42LDE0Mi42LDE5LjZ6IE0xNDIuNiwxNS44CgkJYy0xLDAtMS44LDAuOC0xLjgsMS44YzAsMSwwLjgsMS44LDEuOCwxLjhjMSwwLDEuOC0wLjgsMS44LTEuOEMxNDQuNCwxNi41LDE0My42LDE1LjgsMTQyLjYsMTUuOHogTTE0My4yLDE4LjdsLTAuNi0wLjloLTAuNHYwLjkKCQloLTAuM3YtMi4zaDFjMC40LDAsMC43LDAuMywwLjcsMC43YzAsMC41LTAuNSwwLjctMC42LDAuN2wwLjYsMC45SDE0My4yeiBNMTQyLjgsMTYuNmgtMC42djAuOWgwLjZjMC4yLDAsMC40LTAuMiwwLjQtMC40CgkJQzE0My4yLDE2LjgsMTQzLDE2LjYsMTQyLjgsMTYuNnoiLz4KPC9nPgo8L3N2Zz4K");
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    width: 140px;
    height: 26px;
    top: 13px;
    left: 18px;
}

.HtmlPage_titleDiv
{
  padding-left: 13px;
  font-size: 17px;
  float: left;
  color: white;
  margin-left: 200px;
}

    .HtmlPage_notifications > div {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NjcuOCw0MzEuOWwtMzYuNi02MS4xYy0xNi45LTI4LjItMjUuOS02MC41LTI1LjktOTMuM1YyMjRjMC02Ny41LTQ1LjEtMTI0LjYtMTA2LjctMTQzVjQyLjcKCQkJQzI5OC43LDE5LjEsMjc5LjUsMCwyNTYsMHMtNDIuNywxOS4xLTQyLjcsNDIuN1Y4MWMtNjEuNiwxOC40LTEwNi43LDc1LjUtMTA2LjcsMTQzdjUzLjVjMCwzMi45LTguOSw2NS4xLTI1LjgsOTMuM2wtMzYuNiw2MS4xCgkJCWMtMiwzLjMtMiw3LjQtMC4xLDEwLjhjMS45LDMuMyw1LjQsNS40LDkuMyw1LjRoNDA1LjNjMy44LDAsNy40LTIuMSw5LjMtNS40QzQ2OS44LDQzOS4zLDQ2OS44LDQzNS4xLDQ2Ny44LDQzMS45eiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE4OC44LDQ2OS4zYzEyLDI1LjEsMzcuNSw0Mi43LDY3LjIsNDIuN3M1NS4xLTE3LjUsNjcuMi00Mi43SDE4OC44eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
    }

.HtmlPage_notifications:hover > div {
    animation: bellAlarm 0.4s infinite cubic-bezier(0.98, 0.02, 0.69, 0.98) alternate;
}

@keyframes bellAlarm {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(50deg);
    }
}

.HtmlPage_notifications > span
{
  background-color: #f34036;
  position: absolute;
  left: 8px;
  top: 8px;
  color: white;
  border-radius: 50%;
  width: 12pt;
  height: 12pt;
  text-align: center;
  font-size: 10pt;
  z-index: 2;
  font-weight: 700;
  display: none;
  line-height: 12pt;
  overflow: hidden;
  padding: 1px;
}

.HtmlPage_quickSearchDiv
{
  font-size: 10pt;
  color: #fff;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: flex-start;
}

.HtmlPage_quickSearchDiv > img
{
  margin-right: 18px;
}

.HtmlPage_notifications, .HtmlPage_personWrapper, .HtmlPage_adminMenuWrapper, .HtmlPage_help {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0px 11px 0px 11px;
}

    .HtmlPage_notifications:hover, .HtmlPage_personWrapper:hover, .HtmlPage_adminMenuWrapper:hover, .HtmlPage_help:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

.HtmlPage_person
{
  height: 23px;
  width: 23px;
  border-radius: 50%;
  border: white solid 2px;
  background-color: white;
  overflow: hidden;
}

.HtmlPage_person > div
{
  width: 23px;
  height: 28px;
  margin-left: 0px;
  margin-top: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.HtmlPage_help {
     margin-right: 20px;
}

.HtmlPage_adminMenuWrapper > img
{
    width: 26px;
}

.HtmlPage_quickSearchDiv > form {
    display: inline-block;
}

.HtmlPage_quickSearchInput
{
  border: none!important;
  outline: none;
  font-size: 10pt;
  border: none !important;
  width: 140px;
  padding: 4px!important;
  margin-left: 2px;
}

input[type="text"]::placeholder
{
    color: #737373;
    font-style: italic;
}

input[type="text"]::-webkit-input-placeholder
{
    color: #737373;
    font-style: italic;
}

input[type="text"]::-moz-placeholder 
{
    color: #737373;
    font-style: italic;
}

input[type="text"]:-moz-placeholder 
{
    color: #737373;
    font-style: italic;
}

input[type="text"]::-ms-input-placeholder 
{
    color: #737373;
    font-style: italic;
}

input[type="text"]:-ms-input-placeholder
{
    color: #737373;
    font-style: italic;
}

#HtmlPage_quickSearch:focus, #HtmlPage_quickSearch:hover /* Use ID selector to get priority */
{
  background-color: white !important;
  outline: none !important;
  box-shadow: none !important;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}

.HtmlPage_quickSearchBox {
    border: 2px solid #014a53;
    float: right;
    background: white;
    margin-right: 18px;
    margin-top: 7px;
    display: inline-flex;
    align-items: center;
    height: 32px;
    justify-content: space-between;
    padding-left: 2px;
    padding-right: 4px;
}

.HtmlPage_quickSearchBox img
{
  margin-bottom: 0px;
  width: 16px;
  margin-left: 2px;
}

.HtmlPage_quickSearchIcons
{
  float: right;
  padding-top: 3px;
  padding-right: 5px;
}

.HtmlPage_quickSearchIcons img
{
  margin-right: 5px;
}

.HtmlPage_topMenu
{
  margin: 0px;
  padding: 0px;
  margin-right: 16px;
  margin-left: 16px;
}

.HtmlPage_contentDiv
{
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  margin-top: 25px;
  position: relative;
}

.HtmlPage_backPlane
{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  /* opacity: 0.01; */
  background-color: transparent;
    -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.HtmlPage_aboveBackPlane
{
    z-index: 2;
    position: relative;
}

    .HtmlPage_menuDiv {
        width: 180px;
        overflow-y: auto;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.HtmlPage_menuGroup
{
  display: flex;
  align-items: center;
  margin: 2px 0px 4px 0px;
  cursor: pointer;
  height: 42px;
  padding: 0px 0px 0px 18px;
  position: relative;
  background: none;
  color: inherit!important;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: transparent solid 2px;
  text-decoration: none!important;
}

.HtmlPage_menuFlip {
    margin: 1px 0px 3px 22px;
    width: 20px;
    height: 14px;
    cursor: pointer;
}

.HtmlPage_menuGroup > img
{
  display: none;
  width: 8px;
  height: 10px;
  object-fit: cover;

}

.HtmlPage_menuGroup:hover > img
{
  display: block;
}

    .HtmlPage_menuGroup:hover, .HtmlPage_menuGroupActive {
        background-color: #e5eaee;
    }

.HtmlPage_menuGroupActive {
    background-color: #e5eaee;
    font-weight: bold;
    border-bottom: 2px solid #006666;
}


        .HtmlPage_menuGroupImage {
            display: block;
            width: 41px;
            height: 41px;
            padding-left: 8px;
            padding-top: 8px;
            float: left;
        }

.HtmlPage_menuGroupTitle
{
  display: block;
  cursor: pointer; 
  font-weight: normal;
  width: 108px;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  margin-left: 7px;
  color: inherit;
  font-size: 10pt;
  overflow: hidden;
  text-overflow: ellipsis;
}

.HtmlPage_menuGroup:hover .HtmlPage_menuGroupTitle {
    width: 88px;
}

.HtmlPage_menuGroupIcon
{
  width: 24px; 
  height: 24px;
  padding-right: 9px;
  border-right: 1px solid transparent;
}

.HtmlPage_menuGroup:hover span
{
  display: block;
}

.HtmlPage_menuGroupImage img
{
  width: 36px;
  height: 36px;
}

.HtmlPage_warning
{
  background: #dc6059;
  color: White;
  font-weight: bold;
  padding: 2px;
  padding-left: 14px;
  margin-top: 5px;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 10px;
}

.ListTickets_NewInfo td
{ 
  font-weight: bold;
}

.HtmlPage_logo
{
	text-align: center;
	z-index: 0;
}

.HtmlTable
{
  margin: 0px;
}

.HtmlTable_cellDiv
{
    padding: 0px 0px 10px 0px;
}

.HtmlTable > tbody > tr > td:only-child > .HtmlTable_cellDiv {
    padding: 0px!important;
}

.HtmlTable_content
{
}

.HtmlTable_label {
    padding-top: 4px;
}

.HtmlTable_labelFullWidth {
    white-space: nowrap;
    width: 1px;
}

.HtmlTable_labelVerticalLayout {
    text-transform: uppercase;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 7pt;
}

.HtmlTable_elementVerticalLayout {
    padding-left: 10px;
}

.HtmlPage_errorWarning td, DIV.HtmlPage_errorWarning
{
  color: #dc6059 !important;
  font-weight: bold !important;
  padding: 2px;
}

.HtmlPage_ieWarning {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 0px;
    z-index: 10;
    background-color: #FFF2AC; 
    color: #222222;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden;
}

.HtmlPage_ieWarning > span {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px;
}

.HtmlPage_ieWarning > img {
    height: 16px;
    cursor: pointer;
    margin: 10px;
}

.HtmlPage_errorMessage
{
  background-color: #DC6158;
  color: white;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.HtmlPage_infoMessage
{
  background: #3e76a4;
  font-weight: bold;
  padding: 5px;
  margin-top: 5px;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  box-shadow: 0 2px 8px -4px #21536a;
  border: #c9d1d0 solid 1px;
}

.HtmlPage_infoMessage td
{
  color: white !important;
}

.HtmlPage_errorDiv
{
  margin: 10px;
  font-size: 12px;
  color: black;
  width: 100%;
  height: 100%;
  text-align: center;
}

.HtmlPage_debugInlineDiv
{
  position: absolute; 
  top: 200px; 
  right: 100px; 
  width: 500px; 
  height: 400px;
  overflow: auto;
  background: #ffffff; 
  cursor: pointer; 
  font-weight: bold; 
  border: black solid 1px;
}

.ejournal_hover
{
 font-family: Verdana; 
 font-size: 9pt; 
 position: absolute; 
 border: #b8b2a8 solid 1px; 
 background: #f8f2e8; 
 padding: 2px;
 z-index: 10;
}

.IconLink, .IconLink_hover, .IconLinkBlue, .IconLinkBlue_hover, .IconLinkNoHover
{
  padding: 2px;
  padding-left: 9px;
  padding-right: 11px;
  cursor: pointer; 
  display: inline-block;
  white-space: nowrap;
}

.IconLinkNoHover, .IconLinkNoHover a 
{
    cursor: default;
}

.IconLink, .IconLinkBlue
{
}

.IconLink_hover, .IconLinkBlue_hover, .IconLink:hover
{
  background: #e7e9eb;
}

.IconLink a, .IconLink_hover a, .IconLink_hover a:hover, .IconLink_hover a:visited, .IconLink a:visited, 
.IconLinkBlue a, .IconLinkBlue_hover a, .IconLinkBlue_hover a:hover, .IconLinkBlue_hover a:visited,
.IconLinkNoHover a, .IconLinkNoHover a:hover, .IconLinkNoHover a:visited
{
 outline: none;
}

.HtmlPanel_mainDiv {
    padding: 0px;
    background-color: #ffffff;
    overflow: hidden;
    border: solid 1px #c9d1d0;
}

.HtmlFckEditor_div
{
  min-height: 150px;
}

.HtmlEditScript
{
  font-family: "Courier New", Courier, monospace;
}

.HtmlPage_submitWrapper /* Used when showing the spinner inside a div */
{
  width: 100%;
  min-height: 60px;
  position: relative;
}

.HtmlPage_submitDiv, .HtmlPage_submitDivIframe, .HtmlPage_submitDivFull
{
    position: absolute;
    z-index: 5;
    background-color: white;
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	  filter: alpha(opacity=70);
}

.HtmlPage_submitDiv
{
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.HtmlPage_submitDivIframe
{
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border: solid 1px #e2eceb;
}

.HtmlPage_submitDivFull
{
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.HtmlPage_submitSpinner
{
  width: 30px;
  height: 30px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto auto;
  position: absolute;
  border: 5px #b8def4 solid;
  border-top: 5px #1e8ccc solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .5s infinite linear;
  animation: spCircRot .5s infinite linear;
  z-index: 6;
}

@-webkit-keyframes spCircRot {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); }
}
@keyframes spCircRot {
  from { transform: rotate(0deg); }
  to { transform: rotate(359deg); }
}


.HtmlPageDialog
{
  border: #a0a0a0 solid 1px;
  position: absolute;
  left: 60px;
  top: 60px;
  right: 60px;
  bottom: 60px;
  background: white;
  z-index: 20;
  opacity: 0;
  box-shadow: 0 2px 8px -4px #21536a;
}

.HtmlPageDialog.HtmlPageDialogCrm
{
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.HtmlPageDialog.HtmlPageDialogCrmMailings{
    border: 0px;
}

.HtmlPageDialog H1 {
    display: block;
    background-color: #0a5e58;
    color: white;
    height: 26px;
    font: inherit;
    margin: 0px;
    cursor: move;
    padding: 6px 8px 0px 8px;
}

.HtmlPageDialog > .resizeCorner {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 15px;
  height: 15px;
  cursor: nwse-resize;
  z-index: 21;
  left: auto;
  top: auto;
}

.HtmlPageDialog H1 > span {
    vertical-align: top;
    font-size: medium;
}

.HtmlPageDialog H1 > img
{
  vertical-align: top;
  float: right;
  cursor: pointer;
}


.HtmlPageDialog DIV
{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.HtmlPageDialog IFRAME
{
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 5px;
}

.HtmlPageDialog_message {
    display: block;
    padding: 20px;
}

.HtmlPageDialog_footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 86px;
    line-height: 86px;
    padding-right: 40px;
    padding-left: 40px;
    border-top: #c9d1d0 solid 1px;
}

.HtmlPageDialog_footer > * {
    margin-left: 10px;
}

.HtmlPageDialog_backPlane
{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: black;
  z-index: 15;
  opacity: 0.3;
}

.HtmlPage_newItem
{
  position: absolute;
  left: 200px;
  top: 0px;
  height: 100%;
  padding-left: 11px;
  padding-right: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

    .HtmlPage_newItem:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .HtmlPage_newItem > div {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NjkuMyA0NjkuMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY5LjMgNDY5LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgeD0iMjEzIiB5PSIxMC4yIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgd2lkdGg9IjQzLjQiIGhlaWdodD0iNDQ4LjgiLz4KPHJlY3QgeD0iMTAuMiIgeT0iMjEyLjkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiB3aWR0aD0iNDQ4LjgiIGhlaWdodD0iNDMuNCIvPgo8L3N2Zz4K"); 
        background-position: center;
        background-repeat: no-repeat;
        width: 11px;
        height: 11px;
        background-size: 11px 11px;
        margin-right: 2px;
    }

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.HtmlPage_spotlight
{
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto;
  width: 400px;
  height: 150px;
  border: #a0a0a0 solid 1px;
  border-radius: 5px;
  position: absolute;
  background-color: white;
  z-index: 10;
}

.HtmlPage_spotlight > input
{
  font-size: 20px;
  display: block;
  border: none !important;
  position: absolute;
  width: 360px;
  left: 20px;
  top: 20px;
  right: 20px;
}

.HtmlPage_spotlight > div
{
  position: absolute;
  left: 20px;
  top: 50px;
  right: 20px;
  bottom: 20px;
  overflow: auto;
  border: #e0e0e0 solid 1px;
}

.HtmlPage_spotlight > div > a
{
  display: block;
}

.HtmlPage_spotlight > div > a:hover, .HtmlPage_spotlight_active
{
  background-color: #cbe3f1;
}

.HtmlFavourite_favourite, .HtmlFavourite_favouriteActive
{
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.HtmlFavourite_favourite
{
  background-image: url("../../graphics/Nine/Favourite_no.svg");
  transform: rotate(0deg); 
  transition-duration: 0.4s;
}

.HtmlFavourite_favouriteActive
{
  background-image: url("../../graphics/Nine/Favourite_yes.svg");
  transform: rotate(-144deg); 
  transition-duration: 0.4s;
}

.HtmlPage_logoutErrorDiv
{
  position: absolute;
  display: table;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: white;
  z-index: 20;
  height: 200px;
  width: 600px;
  margin: auto auto;
  border-radius: 5px;
  border: #a0a0a0 solid 1px;
}

.HtmlPage_logoutErrorDiv > div
{
  font-size: 24px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.HtmlPage_unselectable
{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; 
  -ms-user-select:none; 
  -o-user-select:none;
  user-select: none;
}


a.HtmlPage_standardReportLink {
    display: block; 
    margin-left: 20px; 
    margin-top: 5px; 
    margin-right: 30px;
    font-size: 11pt;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.HtmlPage_arrowRight {
    display: inline-block;
    background-image: url("../../graphics/8/Arrow_Right.png");
    height: 20px;
    width: 20px;
    margin-right: 8px; 
    vertical-align: middle;
}

a.HtmlPage_standardReportLink:hover .HtmlPage_arrowRight {
    background-image: url("../../graphics/8/forward.png");
}

.HtmlPage_banner {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    border-radius: 5px;
    border: #a0a0a0 solid 4px;
    background: #2f9ccf;
    color: white;
    width: 300px;
    max-width: 80%;
    height: 100px;
    max-height: 100%;
    font-size: 18px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.HtmlPage_arrowBox {
    position: relative;
    background: #469760;
    border: 4px solid #79AD8E;
    color: white;
    border-radius: 5px;
    border-radius: 5px;
    padding: 40px 10px 20px 10px;
    font-size: 16px;
    z-index: 100;
    position: absolute;
    width: 200px;
    text-align: center;
}

.HtmlPage_arrowBoxClose {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTI1NC44MDAwMDMwNTE3NTc4IDQwNi4zOTk5OTM4OTY0ODQ0IDI4LjI5OTk5OTIzNzA2MDU0NyAyOC4yOTk5OTkyMzcwNjA1NDciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgPjxyZWN0IGlkPSJzdmdFZGl0b3JCYWNrZ3JvdW5kIiB4PSItMjU0LjgwMDAwMzA1MTc1NzgiIHk9IjQwNi4zOTk5OTM4OTY0ODQ0IiB3aWR0aD0iMjguMjk5OTk5MjM3MDYwNTQ3IiBoZWlnaHQ9IjI4LjI5OTk5OTIzNzA2MDU0NyIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6bm9uZTsiLz48Zz48cGF0aCBkPSJNLTI0MC42LDQwOS4zYy02LjE5OTk5OTk5OTk5OTk4OSwwLC0xMS4xOTk5OTk5OTk5OTk5ODksNSwtMTEuMTk5OTk5OTk5OTk5OTg5LDExLjE5OTk5OTk5OTk5OTk4OWMwLDYuMTk5OTk5OTk5OTk5OTg5LDUsMTEuMTk5OTk5OTk5OTk5OTg5LDExLjE5OTk5OTk5OTk5OTk4OSwxMS4xOTk5OTk5OTk5OTk5ODljNi4xOTk5OTk5OTk5OTk5ODksMCwxMS4xOTk5OTk5OTk5OTk5ODksLTUsMTEuMTk5OTk5OTk5OTk5OTg5LC0xMS4xOTk5OTk5OTk5OTk5ODljMCwtNi4xOTk5OTk5OTk5OTk5ODksLTUsLTExLjE5OTk5OTk5OTk5OTk4OSwtMTEuMTk5OTk5OTk5OTk5OTg5LC0xMS4xOTk5OTk5OTk5OTk5ODlaTS0yMzMuOCw0MjUuNGwtMi4wOTk5OTk5OTk5OTk5OTQzLDIuMTAwMDAwMDAwMDAwMDIyN2wtNC44MDAwMDAwMDAwMDAwMTEsLTQuODAwMDAwMDAwMDAwMDExbC00LjgwMDAwMDAwMDAwMDAxMSw0LjgwMDAwMDAwMDAwMDAxMWwtMi4wOTk5OTk5OTk5OTk5OTQzLC0yLjEwMDAwMDAwMDAwMDAyMjdsNC44MDAwMDAwMDAwMDAwMTEsLTQuODAwMDAwMDAwMDAwMDExbC00LjgwMDAwMDAwMDAwMDAxMSwtNC44MDAwMDAwMDAwMDAwMTFsMi4wOTk5OTk5OTk5OTk5OTQzLC0yLjEwMDAwMDAwMDAwMDAyMjdsNC44MDAwMDAwMDAwMDAwMTEsNC44MDAwMDAwMDAwMDAwMTFsNC44MDAwMDAwMDAwMDAwMTEsLTQuODAwMDAwMDAwMDAwMDExbDIuMDk5OTk5OTk5OTk5OTk0MywyLjEwMDAwMDAwMDAwMDAyMjdsLTQuODAwMDAwMDAwMDAwMDExLDQuODAwMDAwMDAwMDAwMDExbDQuODAwMDAwMDAwMDAwMDExLDQuODAwMDAwMDAwMDAwMDExWiIgc3R5bGU9ImZpbGw6d2hpdGU7Ii8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-size: 20px;
    cursor: pointer;
}

    .HtmlPage_arrowBox > button {
        margin-top: 20px;
        text-align: center;
        background: white;
        border-color: #087e1e;
        border-width: 0px;
        color: #469760;
    }

    .HtmlPage_arrowBox:after, .HtmlPage_arrowBox:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .HtmlPage_arrowBox:after {
        border-color: transparent;
        border-bottom-color: #469760;
        border-width: 20px;
        margin-left: -20px;
    }

    .HtmlPage_arrowBox:before {
        border-color: transparent;
        border-bottom-color: #79AD8E;
        border-width: 26px;
        margin-left: -26px;
    }

.HtmlClickEffect {
    background-color: #0a5e58;
    position: absolute;
    opacity: 0.1;
    z-index: 9999;
    border-radius: 50%;
}

.HtmlText_input {
    width: 100%;
    box-sizing: border-box;
}

.HtmlTextNumber_input {
    width: 100%;
    box-sizing: border-box;
    max-width: 200px;
}

.HtmlPage_newMenuDiv {
    display: flex;
    border: solid 1px #d1d1d1;
    box-shadow: 0 2px 8px -4px #21536a;
    padding: 10px 2px;
    flex-flow: row;
    position: absolute;
    left: 200px;
    top: 51px;
    background: white;
    z-index: 100;
}

.HtmlPage_newMenuDiv > div {
}

.HtmlPage_newMenuDiv > div:not(:last-child) {
    border-right: 1px solid #c9d1d0;
}

.HtmlPage_newMenuDiv a {
    display: flex;
    min-width: 80px;
    height: 46px;
    color: #222222;
    align-items: center;
    padding: 0px 17px 0px 15px;
    text-decoration: none;
}

.HtmlPage_newMenuDiv img {
    height: 24px;
    width: 24px;
}

.HtmlPage_newMenuDiv span {
    margin-left: 8px;
}

.HtmlPage_newMenuDiv a:hover, .HtmlPage_newMenuDivActive {
    background-color: #e5eaee;
}

.HtmlSelectMultiple {
  border: #e0e0e0 solid 1px;
}

.HtmlCheckbox_suffixLabel {
    vertical-align: top; 
    display: inline-block; 
    margin-top: 4px; 
    margin-left: 5px;
}

.ToolTipLayer {
    border: solid 1px #d1d1d1;
    box-shadow: 0 2px 8px -4px #21536a;
    border-radius: 5px 5px 5px 5px;
    background-color: #ffffe1;
    padding: 4px 10px 4px 10px;
    z-index: 199;
}
.HtmlPageDropDown_duration
{
  transition-duration: 0.4s;
}

.HtmlPageDropDown_rotate
{
  transform: rotate(90deg); 
}


.HtmlPageDropDown_div {
  background-color: white;
  position: absolute;
  display: block;
  border: solid 1px #c9d1d0;
  z-index: 10;
  outline: none;
  overflow: hidden;
  box-shadow: 0 2px 8px -4px #21536a;
}

.HtmlPageDropDown_topDiv
{
  border-bottom: #c9d1d0 solid 1px;
  padding: 1px;
  padding-bottom: 10px;
}

.HtmlPageDropDown_search
{
  width: 167px;
  border: #a0a0a0 solid 1px !important;
  outline: none;
  margin-bottom: 10px !important;
  padding: 5px !important;
  margin: 10px !important;
}

.HtmlPageDropDown_search:hover,
.HtmlPageDropDown_search:focus {
    box-shadow: none !important;
    background-color: white !important;
}

.HtmlPageDropDown_modeChooser
{
  position: relative;
}

.HtmlPageDropDown_modeChooser > div
{
position: absolute;
  background: #e0e0e0;
  height: 26px;
  width: 26px;
  margin-left: 11px;
  top: -4px;
  z-index: -1;
  border: #c0c0c0 solid 1px;
}

.HtmlPageDropDown_modeChooser > img
{
  margin-left: 15px;
  margin-right: 15px;
  height: 20px;
}

.HtmlPageDropDown_itemsWindow {
    width: 200px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 8px;
}

.HtmlPageDropDown_itemsPlane
{
  width: 1000px;
  position: relative;
}

.HtmlPageDropDown_itemsPlane > div
{
  float: left;
  display: inline-block;
  overflow: hidden;
  outline: none;
}

.HtmlPageDropDown_div a,
.HtmlPageDropDown_div a:link,
.HtmlPageDropDown_div a:hover,
.HtmlPageDropDown_div a:focus,
.HtmlPageDropDown_div a:visited,
.HtmlPageDropDown_div a:active {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 175px;
    text-decoration: none;
    color: #222222;
    line-height: 26px;
}

.HtmlPageDropDown_div a.HtmlPageDropDown_selectedItem
{
  background: #c4dfef;
}

.HtmlPageDropDown_itemUnderlined
{
  border-bottom: #c7c7c7 solid 1px;
}

.HtmlPageDropDown_img_open {
    border: 1px solid black;
    border-bottom: none;
    background: white;
    z-index: 2;
    position: relative;
}

.HtmlPageDropDown_img_closed {
    margin: 1px;
}

.HtmlPageDropDown_div a img {
  vertical-align: middle;
  margin-right: 8px;
  width: 16px;
  height: 16px;
}

.HtmlPageDropDown_div a span {
  line-height: 26px;
}

.HtmlPageDropDown_div .HtmlPageDropDown_arrowRight {
  float: right;
  margin-right: 0;
  width: 11px;
  height: 26px;
}

.HtmlPageDropDown_warning {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.HtmlPageDropDown_warningContent {
  background: white;
  border: #a0a0a0 solid 1px;
  z-index: 20;
  box-shadow: 0 2px 8px -4px #21536a;
  padding: 20px;
  display: block;
  max-width: 50%;
  min-width: 300px;
}

.HtmlPageDropDown_warningContent > div
{
  margin-bottom: 20px;
}

.HtmlPageDropDown_warningContent > footer
{
  text-align: right;
}

.HtmlPageDropDown_warningContent button
{
  margin-left: 10px;
}

.HtmlPageDropDown_previewDiv
{
  position: absolute;
  left: 205px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-left: #e0e0e0 solid 1px;
  background-color: white;
  padding: 10px;
}

.HtmlPageDropDown_previewImage
{
  display: block;
  margin: auto auto;
  left: 0px;
  right: 0px;
  height: 100px;
  /*
  filter: drop-shadow(0px 2px 5px #808080);
  -webkit-filter: drop-shadow(0 2px 5px #808080);
    */
}

.HtmlPageDropDown_previewHeader
{
  font-size: 12pt;
  text-align: center;
  margin-top: 10px;
}

.HtmlPageDropDown_previewTable
{
  display: table;
  border-spacing: 5px;
  margin-top: 20px;
}

.HtmlPageDropDown_previewRow
{
  display: table-row;
}

.HtmlPageDropDown_previewLabel
{
  display: table-cell;
  white-space: nowrap;  
  color: #808080;
  padding-right: 10px;
}

.HtmlPageDropDown_previewValue
{
  display: table-cell;
}

.HtmlPageDropDown_noHits
{
  color: #808080;
  white-space: nowrap;
  text-align: center;
  margin: 5px 10px;
}
.HtmlPanes_mainDiv {
  overflow: hidden;
  border: solid 1px #c9d1d0;
}

.HtmlPanes_panes {
  padding: 0px;
  background-color: white;
  overflow: hidden;
}

.HtmlPanes_insideMailings {
    visibility: hidden;
    display: none;
}

.HtmlPanes_panesRadio {
  border-bottom: none;
  border-top: none;
}

.HtmlPanes_footerDiv {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 86px;
  padding-left: 40px;
  padding-right: 40px;
  background: white;
  border-top: solid 1px #c9d1d0;
}

.HtmlPanes_tabDiv,
.HtmlPanes_tabDivRadio,
.HtmlPanes_tabDivWizard,
.HtmlPanes_tabDivMacro {
  border-bottom: solid 1px #c9d1d0;
  background-color: #ffffff;
}

.HtmlPanes_tabDiv,
.HtmlPanes_tabDivMacro {
  padding-left: 20px;
}

.HtmlPanes_tabDivWizard {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #f9f9f9;
  display: flex;
  justify-content: center;
}

.HtmlPanes_tabDivWizard > div {
  height: 30px !important;
}

.HtmlPanes_tabDivWizard > div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.HtmlPanes_tabDivMacro {
  padding-bottom: 10px;
  padding-top: 10px;
}

.HtmlPanes_tabDivMacro .HtmlPanes_tab,
.HtmlPanes_tabDivMacro .HtmlPanes_tabSelected {
  border-radius: 20px;
  margin-right: 0px;
}

.HtmlPanes_tabDivMacro .HtmlPanes_tab {
  background-color: #fbfbfb;
  color: #0a5e58;
  border: #0a5e58 solid 1px;
}

.HtmlPanes_tabDivMacro .HtmlPanes_tabSelected {
  background-color: #0a5e58;
  color: white;
  border: white solid 1px;
  cursor: default;
}

.HtmlPanes_tabDivMacro .HtmlPanes_tabArrow {
  width: 70px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yODYuOCA0MTEuOSAzNS45IDE1LjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI4Ni44IDQxMS45IDM1LjkgMTUuOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJMYXllcl8yIj4KCTxwYXRoIGZpbGw9IiMwYTVlNTgiIGQ9Ik0tMjY4LDQxNi44Yy0wLjItMC4yLTAuNi0wLjItMC44LDBjLTAuMiwwLjItMC4yLDAuNiwwLDAuOGwyLjQsMi40bC0yLjQsMi40Yy0wLjIsMC4yLTAuMiwwLjYsMCwwLjgKCQljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4xLDAsMC4zLTAuMSwwLjQtMC4ybDMuMS0zLjFMLTI2OCw0MTYuOHoiLz4KCTxyZWN0IHg9Ii0yODUuNiIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+Cgk8cmVjdCB4PSItMjgzLjMiIHk9IjQxOS4zIiBmaWxsPSIjMGE1ZTU4IiB3aWR0aD0iMS4yIiBoZWlnaHQ9IjEuMiIvPgoJPHJlY3QgeD0iLTI4MSIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+Cgk8cmVjdCB4PSItMjc4LjciIHk9IjQxOS4zIiBmaWxsPSIjMGE1ZTU4IiB3aWR0aD0iMS4yIiBoZWlnaHQ9IjEuMiIvPgoJPHJlY3QgeD0iLTI3Ni40IiB5PSI0MTkuMyIgZmlsbD0iIzBhNWU1OCIgd2lkdGg9IjEuMiIgaGVpZ2h0PSIxLjIiLz4KCTxyZWN0IHg9Ii0yNzQuMSIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+Cgk8cmVjdCB4PSItMjcxLjgiIHk9IjQxOS4zIiBmaWxsPSIjMGE1ZTU4IiB3aWR0aD0iMS4yIiBoZWlnaHQ9IjEuMiIvPgoJPHJlY3QgeD0iLTI2Mi40IiB5PSI0MTkuMyIgZmlsbD0iIzBhNWU1OCIgd2lkdGg9IjEuMiIgaGVpZ2h0PSIxLjIiLz4KCTxyZWN0IHg9Ii0yNjAuMSIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+Cgk8cmVjdCB4PSItMjU3LjgiIHk9IjQxOS4zIiBmaWxsPSIjMGE1ZTU4IiB3aWR0aD0iMS4yIiBoZWlnaHQ9IjEuMiIvPgoJPHJlY3QgeD0iLTI1NS41IiB5PSI0MTkuMyIgZmlsbD0iIzBhNWU1OCIgd2lkdGg9IjEuMiIgaGVpZ2h0PSIxLjIiLz4KCTxyZWN0IHg9Ii0yNTMuMiIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+CjwvZz4KPC9zdmc+Cg==);
  background-position: center;
  background-repeat: no-repeat;
}

.HtmlPanes_tabDivMacro .HtmlPanes_delImg {
  display: none;
  position: absolute;
  right: 5px;
}

.HtmlPanes_tabDivMacro .HtmlPanes_tabSelected:hover .HtmlPanes_delImg {
  display: inline;
}

.HtmlPanes_tabDivRadio {
  background-color: white;
  border-bottom: none;
}

.HtmlPanes_tabDivRadio,
.HtmlPanes_tabDivWizard {
}

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

.HtmlPanes_tabTable > div {
  position: relative;
}

.HtmlPanes_tabMoreIcon {
  display: none;
  width: 30px;
  height: 30px;
  display: none;
  position: relative;
  align-items: center;
}

.HtmlPanes_tabMoreIcon > img {
  width: 13px;
}

.HtmlPanes_tabMoreContainer {
  flex-direction: column;
  display: none;
  position: absolute;
  border: #949494 solid 2px;
  z-index: 10;
  background: white;
  position: absolute;
  right: 0px;
  top: 30px;
  z-index: 10;
}

.HtmlPanes_tabTableRadio {
  margin-left: 0px;
  overflow-x: auto;
  height: 35px;
  display: flex;
}

.HtmlPanes_tabRadio,
.HtmlPanes_tabRadioSelected {
  cursor: pointer;
  position: relative;
  bottom: 0px;
  margin-top: 4px;
  margin-bottom: 3px;
  padding: 5px;
  padding-left: 0px;
  padding-right: 19px;
  margin-right: 10px;
  white-space: nowrap;
}

.HtmlPanes_tab,
.HtmlPanes_tabSelected {
  cursor: pointer;
  position: relative;
  bottom: 0px;
  margin-top: 4px;
  margin-bottom: 3px;
  padding: 5px;
  padding-left: 19px;
  padding-right: 19px;
  color: black;
  white-space: nowrap;
  user-select: none;
  border-bottom: transparent 2px solid;
}

.HtmlPanes_tabError {
  background-image: url("../../graphics/Seven/warning.png");
  background-repeat: no-repeat;
  background-position: right;
}

.HtmlPanes_redBall {
  background-color: #f34036;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  right: -3px;
  top: 0px;
  overflow: hidden;
}

.HtmlPanes_tabSelected {
  color: #0a5e58;
  border-bottom: #0a5e58 solid 2px;
}

.HtmlPanes_tab:hover {
  background-color: rgba(10, 94, 88, 0.1);
}

.HtmlPanes_tab:active {
  background: #f1f1f1;
}

.HtmlPanes_pane {
  overflow: hidden;
  position: relative;
}

.HtmlPanes_delImg {
  vertical-align: top;
  cursor: pointer;
  visibility: hidden;
  margin-top: 2px;
}

.HtmlPanes_tabSelected img.HtmlPanes_delImg {
  visibility: visible;
}

.HtmlPanes_tabWizard,
.HtmlPanes_tabWizardDone,
.HtmlPanes_tabWizardCurrent {
  border-radius: 15px;
  border-width: 2px;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
  height: 30px;
  box-sizing: border-box;
}

.HtmlPanes_tabWizardLine,
.HtmlPanes_tabWizardLineDone,
.HtmlPanes_tabWizardLineCurrent {
  width: 70px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yODYuOCA0MTEuOSAzNS45IDE1LjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI4Ni44IDQxMS45IDM1LjkgMTUuOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJMYXllcl8yIj4KCTxwYXRoIGZpbGw9IiMwYTVlNTgiIGQ9Ik0tMjY4LDQxNi44Yy0wLjItMC4yLTAuNi0wLjItMC44LDBjLTAuMiwwLjItMC4yLDAuNiwwLDAuOGwyLjQsMi40bC0yLjQsMi40Yy0wLjIsMC4yLTAuMiwwLjYsMCwwLjgKCQljMC4xLDAuMSwwLjIsMC4yLDAuNCwwLjJjMC4xLDAsMC4zLTAuMSwwLjQtMC4ybDMuMS0zLjFMLTI2OCw0MTYuOHoiLz4KCTxyZWN0IHg9Ii0yODUuNiIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+Cgk8cmVjdCB4PSItMjgzLjMiIHk9IjQxOS4zIiBmaWxsPSIjMGE1ZTU4IiB3aWR0aD0iMS4yIiBoZWlnaHQ9IjEuMiIvPgoJPHJlY3QgeD0iLTI4MSIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+Cgk8cmVjdCB4PSItMjc4LjciIHk9IjQxOS4zIiBmaWxsPSIjMGE1ZTU4IiB3aWR0aD0iMS4yIiBoZWlnaHQ9IjEuMiIvPgoJPHJlY3QgeD0iLTI3Ni40IiB5PSI0MTkuMyIgZmlsbD0iIzBhNWU1OCIgd2lkdGg9IjEuMiIgaGVpZ2h0PSIxLjIiLz4KCTxyZWN0IHg9Ii0yNzQuMSIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+Cgk8cmVjdCB4PSItMjcxLjgiIHk9IjQxOS4zIiBmaWxsPSIjMGE1ZTU4IiB3aWR0aD0iMS4yIiBoZWlnaHQ9IjEuMiIvPgoJPHJlY3QgeD0iLTI2Mi40IiB5PSI0MTkuMyIgZmlsbD0iIzBhNWU1OCIgd2lkdGg9IjEuMiIgaGVpZ2h0PSIxLjIiLz4KCTxyZWN0IHg9Ii0yNjAuMSIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+Cgk8cmVjdCB4PSItMjU3LjgiIHk9IjQxOS4zIiBmaWxsPSIjMGE1ZTU4IiB3aWR0aD0iMS4yIiBoZWlnaHQ9IjEuMiIvPgoJPHJlY3QgeD0iLTI1NS41IiB5PSI0MTkuMyIgZmlsbD0iIzBhNWU1OCIgd2lkdGg9IjEuMiIgaGVpZ2h0PSIxLjIiLz4KCTxyZWN0IHg9Ii0yNTMuMiIgeT0iNDE5LjMiIGZpbGw9IiMwYTVlNTgiIHdpZHRoPSIxLjIiIGhlaWdodD0iMS4yIi8+CjwvZz4KPC9zdmc+Cg==);
  background-position: center;
  background-repeat: no-repeat;
}

.HtmlPanes_tabWizardLine,
.HtmlPanes_tabWizardLineCurrent {
  opacity: 0.2;
}

.HtmlPanes_tabWizard {
  border-color: lightgray;
  border-style: dashed;
  color: lightgray;
}

.HtmlPanes_tabWizardDone {
  border-color: #0a5e58;
  border-style: solid;
  color: white;
  background-color: #0a5e58;
}

.HtmlPanes_tabWizardCurrent {
  border-color: #0a5e58;
  border-style: solid;
  color: #222;
  background-color: #f2f2f2;
}

.HtmlPanes_tabWizardCurrent.error {
  border-color: #901c1c;
}

.HtmlPanes_tabWizardDone {
  cursor: pointer;
}
.HtmlPlanner_hour 
{ 
  font-family: Verdana; 
  font-size: 14pt; 
  border-top: black solid 1px;   
  padding-left: 5px;
  vertical-align: middle;
  background: #ffffa0;
  overflow: auto;
}

.HtmlPlanner_dayHeader
{
  font-family: Verdana;
  font-size: 10pt;
  overflow: hidden;
}

.HtmlPlanner_cal, 
.HtmlPlanner_calSelected, 
.HtmlPlanner_calHighlighted,
.HtmlPlanner_calHighlightedSelected
{
  width: 100%; 
  border-left: #a0a0b0 solid 1px; 
  border-top: #a0a0b0 solid 1px; 
}

.HtmlPlanner_cal 
{
  background: #e0e0e0;
}

.HtmlPlanner_calSelected,
.HtmlPlanner_calHighlightedSelected
{
  background: #a0a0ff;
}

.HtmlPlanner_calHighlighted
{
  background: #f7f7f7;
}

.HtmlPlanner_calDiv 
{ 
  border: black solid 1px; 

  left: 50px; 
  top: 50px; 
  
  overflow-x: hidden;
  overflow-y: auto; 
}

.HtmlPlanner_mainTable 
{ 
  width: 100%; 
  height: 100%; 
  border-bottom: 0px none; 
}

.HtmlPlanner_event 
{ 
  position: absolute; 
  border: #000000 solid 1px; 
  background: #ffffff; 
  margin: 0px; 
  padding: 5px; 
  overflow-x: hidden; 
  overflow-y: hidden; 
  font-size: 8pt;
  z-index: 2;
  width: 10px;
  height: 10px;
  background: #fbc87d;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  cursor: pointer;
}

.HtmlPlanner_hoverDiv
{
  padding: 2px;
  position: absolute;
  visibility: visible;
  background: white;
  width: 200px;
  height: 100px;
  left: 0px; 
  top: 0px;
  border: black solid 1px;
  z-index: 3;
  background: #ffb08f;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2);
}
  
.HtmlPreviewImage
{
  border: #a0a0a0 solid 1px;
  border-radius: 3px;
  position: relative;
}


.HtmlPreviewImage_div
{
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.HtmlPreviewImage_img
{
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}


.HtmlPreviewImage_controls
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 100px;
  background: #e0e0e0;
  border: #a0a0a0 solid 1px;
  z-index: 1;
  text-align: center;
}

.HtmlPreviewImage_controls span
{
  display: inline-block;
  width: 50px;
  text-align: center;
}
.HtmlProgressBar
{
  min-height: 35px; /* Make sure resize works well */
}

.HtmlProgressBar progress
{
    width: 100%;
}.HtmlReport_div
{
  width: 100%;
}

.HtmlReport_table
{
  width: 100%;
  border: black solid 1px;
}

.HtmlReport_table td
{
  padding: 2px;
}

.HtmlReport_table th
{
  padding: 3px;
  font-weight: bold;
  text-align: left;
  filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#CCCCCC);
  cursor: pointer;
}

.HtmlReport_expandCell
{
  width: 10px;
  vertical-align: middle;
}

.HtmlReport_expandDiv
{
  cursor: pointer;
  vertical-align: center;
  margin-bottom: 2px;
}

.HtmlReport_barDiv
{
  filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#0000FF);
  height: 15px;
  border: #a0a0ff solid 1px;
}
.HtmlScreenDefinitionElements {
    display: flex;
    flex-direction: row;
}

    .HtmlScreenDefinitionElements_split > div {
        width: 50%;
    }

.HtmlScreenDefinitionElements_elements {
    position: relative;
    overflow: auto;
    flex-grow: 1;
}

.HtmlScreenDefinitionElements_element {
    user-select: none;
}

.HtmlScreenDefinitionElements_elementHeader {
    display: inline-flex;
    height: 26px;
    align-items: center;
    padding: 2px 0px 2px 2px;
    border: transparent solid 1px;
}

.HtmlScreenDefinitionElements_elementHeader:hover {
    border: #b0b0b0 solid 1px;
}

.HtmlScreenDefinitionElements_children {
    padding-left: 30px;
}

.HtmlScreenDefinitionElements_title {
    min-width: 200px;
}

    .HtmlScreenDefinitionElements_title > img {
        width: 16px;
        height: 16px;
        margin-left: 5px;
        vertical-align: bottom;
    }

.HtmlScreenDefinitionElements_icon {
    width: 20px;
    height: 20px;
}

.HtmlScreenDefinitionElements_iconArrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM0MDQwNDAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9Ii0yNDIuOSw0MTIuMiAKCS0yMzUuNCw0MjAuNyAtMjQyLjksNDI5LjIgIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    background-size: 20px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.HtmlScreenDefinitionElements_iconArrowOpen {
    transform: rotate(90deg);
}

.HtmlScreenDefinitionElements_actionIcons {
    display: flex;
    visibility: hidden;
}

.HtmlScreenDefinitionElements_elementHeader:hover .HtmlScreenDefinitionElements_actionIcons {
    visibility: visible;
}

.HtmlScreenDefinitionElements_actionIcons > A {
    display: block;
    width: 30px;
    height: 30px;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .HtmlScreenDefinitionElements_actionIcons > A:hover {
        background-color: #e0e0e0;
    }

.HtmlScreenDefinitionElement_edit {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyOC4zIDI4LjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjMgMjguMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMyMjIyMjI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjEuMywxLjlsLTIuMS0xLjFjLTEuNi0wLjgtMy42LTAuMi00LjQsMS41TDYuNywxOC40bDAsMC4xbDAsMC4xbDAsMGwwLDBsMCwwbDAsMC4xbDAsMGwwLDguMgoJYzAsMC4zLDAuMiwwLjYsMC40LDAuN2MwLjEsMC4xLDAuMiwwLjEsMC40LDAuMWMwLjEsMCwwLjIsMCwwLjMsMGMwLjEsMCwwLjItMC4xLDAuMi0wLjFsNi41LTQuOWwwLDBsMCwwYzAsMCwwLDAsMCwwCgljMCwwLDAsMCwwLjEtMC4xbDAuMS0wLjFjMCwwLDAsMCwwLTAuMWw4LjEtMTYuMUMyMy42LDQuNywyMi45LDIuNywyMS4zLDEuOXogTTEyLjQsMjIuMmwtNC4yLDMuMWwwLTUuMkwxMi40LDIyLjJ6IE0yMC4zLDcuNwoJTDEzLjYsMjFsLTUuMS0yLjZsNi43LTEzLjNMMjAuMyw3Ljd6IE0yMS4zLDUuNkwyMSw2LjNsLTUuMS0yLjZsMC4zLTAuN2MwLjQtMC44LDEuNC0xLjEsMi4yLTAuN2wyLjEsMS4xCglDMjEuNCwzLjgsMjEuNyw0LjgsMjEuMyw1LjZ6Ii8+Cjwvc3ZnPgo=);
}

.HtmlScreenDefinitionElement_add {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NjkuMyA0NjkuMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY5LjMgNDY5LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgeD0iMjEzIiB5PSIxMC4yIiBzdHlsZT0iZmlsbDojMjIyMjIyOyIgd2lkdGg9IjQzLjQiIGhlaWdodD0iNDQ4LjgiLz4KPHJlY3QgeD0iMTAuMiIgeT0iMjEyLjkiIHN0eWxlPSJmaWxsOiMyMjIyMjI7IiB3aWR0aD0iNDQ4LjgiIGhlaWdodD0iNDMuNCIvPgo8L3N2Zz4K);
}

.HtmlScreenDefinitionElement_clone {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM4NTg1ODUiIGQ9Ik0tMjMxLjgsNDA5LjVoLTEyLjhjLTAuMiwwLTAuNCwwLjItMC40LDAuNHYyLjNoMTAuN2MwLjIsMCwwLjQsMC4yLDAuNCwwLjR2MTMuOGgyLjFjMC4yLDAsMC40LTAuMiwwLjQtMC40CglWNDEwQy0yMzEuNCw0MDkuNy0yMzEuNSw0MDkuNS0yMzEuOCw0MDkuNXoiLz4KPHBhdGggZmlsbD0iIzRBNEE0QSIgZD0iTS0yMzUuNSw0MTMuNWgtMTAuN2gtMi4xYy0wLjIsMC0wLjQsMC4yLTAuNCwwLjRWNDMwYzAsMC4yLDAuMiwwLjQsMC40LDAuNGgxMi44YzAuMiwwLDAuNC0wLjIsMC40LTAuNAoJdi0yLjN2LTEzLjhDLTIzNS4xLDQxMy43LTIzNS4zLDQxMy41LTIzNS41LDQxMy41eiIvPgo8L3N2Zz4K);
}

.HtmlScreenDefinitionElement_move {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzM4MzgzOCIgZD0iTS0yMzAuOSw0MTkuM2gtMTkuNmMtMC43LDAtMS4yLTAuNi0xLjItMS4yczAuNi0xLjIsMS4yLTEuMmgxOS42YzAuNywwLDEuMiwwLjYsMS4yLDEuMgoJCVMtMjMwLjIsNDE5LjMtMjMwLjksNDE5LjN6Ii8+CjwvZz4KPGc+Cgk8cGF0aCBmaWxsPSIjMzgzODM4IiBkPSJNLTIzMC45LDQyMy44aC0xOS42Yy0wLjcsMC0xLjItMC42LTEuMi0xLjJzMC42LTEuMiwxLjItMS4yaDE5LjZjMC43LDAsMS4yLDAuNiwxLjIsMS4yCgkJUy0yMzAuMiw0MjMuOC0yMzAuOSw0MjMuOHoiLz4KPC9nPgo8cG9seWdvbiBmaWxsPSIjMzgzODM4IiBwb2ludHM9Ii0yNDUuMiw0MTQuOSAtMjQwLjUsNDA4LjEgLTIzNS44LDQxNC45ICIvPgo8cG9seWdvbiBmaWxsPSIjMzgzODM4IiBwb2ludHM9Ii0yMzUuOCw0MjUuMyAtMjQwLjUsNDMyLjIgLTI0NS4yLDQyNS4zICIvPgo8L3N2Zz4K);
}

.HtmlScreenDefinitionElements_moving {
    position: absolute;
    width: 400px;
    z-index: 10;
    background-color: white;
    opacity: 0.8;
}

    .HtmlScreenDefinitionElements_moving > .HtmlScreenDefinitionElements_elementHeader {
        border: #2f9ccf solid 1px;
    }

    .HtmlScreenDefinitionElements_moving .HtmlScreenDefinitionElements_actionIcons > A {
        visibility: hidden;
    }

.HtmlScreenDefinitionElements_iframeDiv {
    display: none;
    flex-grow: 1;
    border-left: #e0e0e0 solid 1px;
}

.HtmlScreenDefinitionElements_iframeDiv > iframe {
    width: 100%;
    height: 100%;
    border: none;
}.HtmlScreenDesigner_table
{
  table-layout: fixed;
}

.HtmlScreenDesigner_divToolbox 
{ 
  overflow-y: auto; 
  width: 240px;
  border: black solid 1px;
  background: white;
}

.HtmlScreenDesigner_divContent
{
}

.HtmlScreenDesigner_toolboxTop
{
  font-size: 12pt;
  font-weight: bold;
  padding: 3px;
	cursor: pointer;
}

.HtmlScreenDesigner_tdToolboxItem, .HtmlScreenDesigner_tdToolboxItemActive 
{ 
  border: #a0a0ff solid 1px; 
  background: #b0b0ff; 
  cursor: default; 
  width: 100%; 
}

.HtmlScreenDesigner_tdToolboxItemActive 
{ 
  background: #f0f0ff; 
}

.HtmlScreenDesigner_helper
{
  width: 7px;
  height: 7px;
  overflow: hidden;
  background: black;
  position: absolute;
  right: 0px;
  top: 0px;
}

.HtmlScreenDesigner_wrapDiv 
{ 
}

.HtmlScreenDesigner_menuDiv 
{ 
  float: right;
  clear: right;
  width: 7px; 
  height: 7px; 
  overflow: hidden; 
  border: black solid 1px; 
}
.HtmlSectionBar_div
{
  background: white;
  display: flex;
  height: 38px;
  align-items: center;
}

.HtmlSectionBar_activeSection, .HtmlSectionBar_section,
.HtmlSectionBar_activeSectionSearch, .HtmlSectionBar_sectionSearch {
    margin-top: 4px;
    margin-bottom: 3px;
    padding: 5px;
    padding-left: 19px;
    padding-right: 19px;
    color: black;
    white-space: nowrap;
    user-select: none;
    border-bottom: transparent 2px solid;
}

.HtmlSectionBar_sectionSearch {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    width: 300px;
}

.HtmlSectionBar_activeSection .HtmlSectionBar_section_searchField,
.HtmlSectionBar_section .HtmlSectionBar_section_searchField,
.HtmlSectionBar_activeSectionSearch .HtmlSectionBar_section_searchField, 
.HtmlSectionBar_sectionSearch .HtmlSectionBar_section_searchField
{
  outline: none;
  margin: 0;
  padding-left: 5px;
  width: 100%;
  height: 20px;
  border: none;
  background: none;
}

.HtmlSectionBar_activeSection .HtmlSectionBar_section_searchField:focus,
.HtmlSectionBar_section .HtmlSectionBar_section_searchField:focus,
.HtmlSectionBar_sectionSearch .HtmlSectionBar_section_searchField:focus,
.HtmlSectionBar_activeSection .HtmlSectionBar_section_searchField:hover,
.HtmlSectionBar_section .HtmlSectionBar_section_searchField:hover,
.HtmlSectionBar_sectionSearch .HtmlSectionBar_section_searchField:hover {
    border: none;
    background-color: white !important;
    outline: none !important;
    box-shadow: none !important;
}

.HtmlSectionBar_section:hover
{
  background-color: rgba(10, 94, 88, 0.1);
}

.HtmlSectionBar_activeSection
{
    color: #0a5e58;
    border-bottom: #0a5e58 solid 2px;
}

.HtmlSectionBar_section input[type=image],
.HtmlSectionBar_activeSection input[type=image]
{
  vertical-align: bottom;
  margin-bottom: 2px;
}


.HtmlSectionBar_searchField_wrapper
{
  background: white;
  border: #c9d1d0 solid 1px;
  width: 100%;
}
.HtmlSelectImage_div {
    display: flex;
    align-items: center;
    border-bottom: #949494 solid 1px;
}

.HtmlSelectImage_div a {
    cursor: pointer;
}

.HtmlSelectImage_input {
    border: none !important;
    background: transparent !important;
    outline: none;
    z-index: 2;
    position: relative;
    flex-grow: 1;
}

.HtmlSelectImage_img {
    margin-left: 5px;
    margin-right: 5px;
    height: 16px;
    vertical-align: middle
}
.HtmlSelectMultipleRelations_mainTable
{
    width: 100%;
    border-bottom: #949494 solid 1px;
}

.HtmlSelectMultipleRelations_mainTable:hover, .HtmlSelectMultipleRelations_mainTableFocused {
    background-color: #c4dfef;
    border-bottom: #16576c solid 1px;
}

.HtmlSelectMultipleRelations_table {
    width: 100%;
}

.HtmlSelectMultipleRelations_table th
{ 
  font-weight: normal; 
  text-align: left; 
  background-color: #f0f0f0;
  border-bottom: #c9d1d0 solid 1px;
  border-right: #c9d1d0 solid 1px;
  color: #222222;
}

.HtmlSelectMultipleRelations_table tr:hover
{
    background-color: #cbe3f1;
}

.HtmlSelectMultipleRelations_table td
{
  vertical-align: top;
}

.HtmlSelectMultipleRelations_table a {
    color: #222222!important;
    text-decoration: none!important;
}

.HtmlSelectMultipleRelations_content2 
{ 
  background: #ffffff; 
}

.HtmlSelectMultipleRelations_mainTable input[type=text], .HtmlSelectMultipleRelations_mainTable input[type=password] {
    border: none!important;
    background-color: transparent!important;
    width: 100%;
}

.HtmlSelectMultipleRelations_mainTable td:last-child {
    text-align: right;
    white-space: nowrap;
    padding-right: 5px;
    vertical-align: middle;
}

.HtmlSelectMultipleRelations_cellContent {
    padding: 4px 5px 4px 5px;
}

.HtmlSelectMultipleRelations_icon {
    cursor: pointer;
    height: 16px;
}.HtmlSelectRelation2_clear
{
    margin-left: -20px;
    vertical-align: top;
}

.HtmlSelectRelation2_button
{
    margin-left: 10px;
    vertical-align: top;
    height: 16px;
    cursor: pointer;
}

.HtmlSelectRelation2_div {
    display: flex;
    align-items: center;
    border-bottom: #949494 solid 1px;
    padding-right: 5px;
    box-sizing: border-box;
}

    .HtmlSelectRelation2_div:hover, .HtmlSelectRelation2_divFocused {
        background-color: #c4dfef;
        border-bottom: #16576c solid 1px;
    }

    .HtmlSelectRelation2_div input {
        border: none !important;
        background-color: transparent !important;
        flex-grow: 1;
    }

.HtmlSelectRelation2_icon {
    height: 16px;
    cursor: pointer;
}.HtmlSelectSelection {
    display: flex;
    align-items: center;
    border-bottom: #949494 solid 1px!important;
	padding-right: 5px;
    box-sizing: border-box;
}


.HtmlSelectSelection_input {
    border-bottom: none!important;
    flex-grow: 1;
}

.HtmlSelectSelection > img {
    height: 16px;
    cursor: pointer;
}

.HtmlSelectSelection_suggestDiv {
    position: absolute;
    overflow: auto;
    max-height: 90%;
    background: white;
    border: solid 1px #c9d1d0;
    padding: 15px 1px;
    cursor: pointer;
    z-index: 100;
    outline: none;
    box-sizing: border-box;
}

.HtmlSelectSelection_suggestItemDiv, .HtmlSelectSelection_suggestItemDivHighlight
{
  padding: 2px;
  cursor: pointer;
  white-space: nowrap;
}

.HtmlSelectSelection_suggestItemDivHighlight
{
  background-color: #cbe3f1;
}
.HtmlSelectTime_container
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
}.HtmlSelectTree_div {
    display: flex;
    align-items: center;
    border-bottom: #949494 solid 1px;
	padding-right: 5px;
    box-sizing: border-box;
}

.HtmlSelectTree_div:hover, .HtmlSelectTree_divFocused {
    background-color: #c4dfef;
    border-bottom: #16576c solid 1px;
}

.HtmlSelectTree_dropdown
{
  margin-top: 4px;
  vertical-align: top;
  width: 13px;
  height: 13px;
}

.HtmlSelectTree_input
{
  border: none!important;
  background: transparent!important;
  outline: none;
  z-index: 2;
  position: relative;
  flex-grow: 1;
}

.HtmlSelectTree_input::before
{
  content: url("../../graphics/8/dropdown.png");
}

.HtmlSelectTree_input:focus
{
  background: white;
  /* border: #a0a0a0 solid 1px; */
  outline: none;
}

.HtmlSelectTree_input ~ img
{
  display: inline-block;
}

/* --------------------------------------- */
/* Category explorer */
/* --------------------------------------- */

.HtmlSelectTree_list
{
	position: absolute;
	z-index: 20;
	width: 200px;
	border: solid 1px #306;
	background-color: white;
}

.HtmlSelectTree_listHeader
{
	font-weight: bold;
	border-bottom: solid 1px #306;
	padding: 4px;
	width: 100%;
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#CBE1FC, EndColorStr=#7DA5E0);
}

.HtmlSelectTree_listContent
{
	overflow: auto;
	width: 100%;
	padding: 4px;
}

.HtmlSelectTree_listIndent
{
	padding-left: 15px;
    padding-right: 20px;
}

.HtmlSelectTree_listItem
{
}

.HtmlSelectTree_listItem td
{
	padding: 2px;
}

.HtmlSelectTree_listItem img
{
	vertical-align: middle;
    height: 11px;
}


.HtmlSelectTree_item a, .HtmlSelectTree_item a:hover, .HtmlSelectTree_item a:active, .HtmlSelectTree_item a:visited
{
	text-decoration: none;
    color: #222;
}

.HtmlSelectTree_itemSelected a, .HtmlSelectTree_itemSelected a:hover
{
  font-weight: bold;
  text-decoration: none;
  color: #222;
}

.HtmlSelectTree_table td img
{
}

.HtmlSelectTree_suggestDiv
{
  border: solid 1px #c9d1d0;
  border-radius: 5px;
  box-shadow: 0 2px 8px -4px #21536a;
  position: absolute;
  z-index: 10020;
  padding: 5px 1px 5px 1px;
  background: white;
  overflow: auto;
}

.HtmlSelectTree_suggestItemDiv
{
  padding: 2px;
  cursor: pointer;
}

.HtmlSelectTree_suggestItemDiv:hover, .HtmlSelectTree_suggestItemDivSelected
{
    background-color: #cbe3f1;
}

.HtmlSelectTree_multipleEntry
{
  display: block;
  border-radius: 5px;
  padding: 2px;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
  border: 1px solid #fff;
  background-color: #e0e0e0;
}

.HtmlSelectTree_multipleEntryRemove
{
  float: right;
  content: "\2716";
  margin-left: 10px;
  color: #808080;
  cursor: pointer;
}.HtmlSelectTreeFlat_popup {
    position: absolute;
    background: white;
    padding: 0px;
    border: #c9d1d0 solid 1px;
    box-shadow: 0 2px 8px -4px #21536a;
    border-radius: 5px;
    z-index: 1000;
    min-width: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}

    .HtmlSelectTreeFlat_popup > input {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 10px 3px;
        border-radius: 5px 5px 0px 0px;
    }

    .HtmlSelectTreeFlat_node > span {
        display: block;
        padding: 10px 3px;
    }

.HtmlSelectTreeFlat_node > span:hover {
    background-color: #cbe3f1;
}

.HtmlSelectTreeFlat_nodeContainer > span > span {
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM0MDQwNDAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9Ii0yNDIuOSw0MTIuMiAKCS0yMzUuNCw0MjAuNyAtMjQyLjksNDI5LjIgIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    background-size: 20px;
    float: right;
    transition-duration: 0.4s;
}

.HtmlSelectTreeFlat_nodeContainer:not(:last-child) > div {
    border-bottom: #e0e0e0 solid 1px;
}

.HtmlSelectTreeFlat_nodeContainer > div > .HtmlSelectTreeFlat_node > span {
    padding-left: 20px;
}

.HtmlSelectTreeFlat_nodeContainerOpen > span > span {
    transform: rotate(-90deg);
    transition-duration: 0.4s;
}
.HtmlSendTo fieldset
{
	height: 100%;
	border: solid 1px #999;
	margin: 0px;
	padding: 0px;
}

.HtmlSendTo fieldset legend
{
	font-size: 12px;
}

.HtmlSendTo_contactBox
{
  height: 100%;
  width: 300px;
}

.HtmlSendTo_contactBox_innerTable
{
  width: 100%;
}

.HtmlSendTo_contactBox_innerTd
{
  width: 100%;
}

.HtmlSendTo_contactBox_emailSMS
{
  width: 100%;
}

.HtmlSendTo_addSelection
{
	vertical-align: middle;
	text-align: center;
}

.HtmlSendTo_button
{
	width: 100px;
}

.HtmlSendTo_recipents
{
  height: 100%;
  width: 300px;
}

.HtmlSendTo_recipents_list td
{
  padding-left: 4px;
  padding-right: 4px;
	white-space: nowrap;
	background-color: white;
	
}

.HtmlSendTo_recipents select
{
  font-family: courier;
  width: 100%;
}

.HtmlSendTo_recipents table
{
  width: 100%;
}

.HtmlSendTo_recipents_remove
{
	text-align: right;
}

.HtmlSOEditor_contextMenu /* Double definition because of mysterious behaviour with CSS not loaded... */
{
}

.HtmlSOEditor_mainDiv
{
    border: #CCCBCD solid 1px;
    position: relative;
    overflow: hidden;
}

.HtmlSOEditor_subDiv
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.HtmlSOEditor_subDiv iframe
{
    border: 0px;
    width: 100%;
    height: 100%;
}

.HtmlSOEditor_contextMenu
{
    position: absolute;
    background: #ffffff;
    border: #CCCBCD solid 1px;
    padding: 0px;
}

.HtmlSOEditor_contextMenu a, .HtmlSOEditor_contextMenu a:link, .HtmlSOEditor_contextMenu a:visited, .HtmlSOEditor_contextMenu a:hover, .HtmlSOEditor_contextMenu a:active
{
    padding: 2px;
    display: table-cell;
    background: #ffffff; 
}

.HtmlSOEditor_contextMenu a:hover
{
    background: #e0e0e0;
}

.HtmlSOEditor_film {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: black;
    opacity: 0.1;
}

.HtmlSOEditor_blockFilm {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.HtmlSOEditor_dialog {
    position: absolute;
    top: 100px;
    left: 100px;
    bottom: 100px;
    right: 100px;
    border: black solid 2px;
    background-color: white;
}

.HtmlSOEditor_dialog > span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 30px;
    right: 0px;
    padding: 5px;
    background-color: #2f9ccf;
    color: white;
}

.HtmlSOEditor_dialog > div {
    position: absolute;
    left: 0px;
    top: 30px;
    right: 0px;
    bottom: 0px;
}

.HtmlSOEditor_sidebar {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 500px;
    bottom: 0px;
    border-left: #e0e0e0 solid 1px;
}

.HtmlSOEditor_sidebarResizer {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 5px;
    bottom: 0px;
    cursor: ew-resize;
}

.HtmlSOEditor_dialog > div > iframe, .HtmlSOEditor_sidebar > iframe {
    width: 100%;
    height: 100%;
    margin: 0px;
    border: 0px;
}







.HtmlSpmListRecipients_div
{
  border: #c9d1d0 solid 1px;
  position: relative;
  border-radius: 5px;
}

.HtmlSpmListRecipients_div > h1 
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto auto;
    white-space: nowrap;
    height: 20px;
    text-align: center;
    display: block;
    font-size: 24px;
    color: #808080;
}

.HtmlSpmListRecipients_message
{
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 300px;
  text-align: center;
}

.HtmlSpmListRecipients_div > header
{
  position: absolute;
  height: 30px;
  right: 0px;
  top: 0px;
  left: 0px;
  background: #f9f9f9;
  border-radius: 5px 5px 0 0;
}

.HtmlSpmListRecipients_div > header > table
{
}

.HtmlSpmListRecipients_div > section
{
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 0px;
  right: 0px;
  overflow: auto;
}

.HtmlSpmListRecipients_div > footer
{
  background: #f9f9f9;
  position: absolute;
  height: 20px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 5px;
  border-radius: 0 0 5px 5px;
}

.HtmlSpmListRecipients_div > footer > span
{
  width: 33%;
  display: inline-block;
}

.HtmlSpmListRecipients_div > footer > span:nth-child(1)
{
  text-align: left;
  cursor: pointer;
}

.HtmlSpmListRecipients_div > footer > span:nth-child(2)
{
  color: #b0b0b0;
  text-align: center;
}

.HtmlSpmListRecipients_div > footer > span:nth-child(3)
{
  text-align: right;
  cursor: pointer;
}


.HtmlSpmListRecipients_div table
{
  table-layout: fixed;
}

.HtmlSpmListRecipients_div th
{
  font-weight: normal;
  text-align: left;
  padding: 5px;
  color: #b0b0b0;
}

.HtmlSpmListRecipients_div td
{
  padding: 2px 5px 2px 5px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.HtmlSpmListRecipients_selectedRow
{
  background-color: #cbe3f1;
}

.HtmlSpmListRecipients_skippedCount {
  padding-left: 10px;
  color: #dc6059; 
}
.HtmlStatusScreenLayout > div {
    padding: 5px;
    display: inline-block;
    border: solid 1px transparent;
}

.HtmlStatusScreenLayout > div.selected {
    background-color: #d4e7ff;
    border: solid 1px #6ea6eb !important;
}

.HtmlStatusScreenLayout > div > img {
    background-color: #a9b5ab;
}

.HtmlSubmitButton, button.HtmlSubmitButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-apperance: none;
    appearance: none;
    height: 32px;
    line-height: normal;
    padding-left: 21px;
    padding-right: 21px;
    min-width: 70px;
    background: #fbfbfb;
    border: 2px solid #6f9b9a;
    color: #0a5e58;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex/flex;
    align-items: center
}

.HtmlSubmitButton > div > img, .HtmlSubmitButton > img, button.HtmlSubmitButton > div > img, button.HtmlSubmitButton > img
{
  height: 11px;
}

    .HtmlSubmitButton > div > img:not(:last-child), .HtmlSubmitButton > img:not(:last-child), button.HtmlSubmitButton > div > img:not(:last-child), button.HtmlSubmitButton > img:not(:last-child) {
        margin-right: 5px;
        margin-left: -9px;
    }

.HtmlSubmitButton > div > span, button.HtmlSubmitButton > div > span {
    overflow-x: hidden;
    white-space: nowrap;
}

.HtmlSubmitButton:hover:enabled, .HtmlSubmitButton:focus:enabled, button.HtmlSubmitButton:hover:enabled, button.HtmlSubmitButton:focus:enabled {
    background-color: #f2f2f2;
    border: 2px solid #0a5e58;
}

.HtmlSubmitButton:active:enabled, button.HtmlSubmitButton:active:enabled {
    background-color: #fbfbfb;
    border: 2px solid #6f9b9a;
}

.HtmlSubmitButton:disabled, button.HtmlSubmitButton:disabled
{
  background-color: #fdfdfd;
  border: 2px solid #d4e1e1;
  color: #b6cecd;
  cursor: default;
}

.HtmlSubmitButton_green, button.HtmlSubmitButton_green {
    background: #5ae987;
    border-color: #29bf58;
    color: #222222;
}

.HtmlSubmitButton_green:hover, .HtmlSubmitButton_green:focus, button.HtmlSubmitButton_green:hover, button.HtmlSubmitButton_green:focus {
    background: #77f79f !important;
    border-color: #166d31 !important;
}

.HtmlSubmitButton_green:active, button.HtmlSubmitButton_green:active {
    background: #c2fbd4 !important;
    border-color: #29bf58 !important;
}

.HtmlSubmitButton_green:disabled, button.HtmlSubmitButton_green:disabled {
    background: #cdf8db !important;
    border-color: #beeccd !important;
    color: #bcbcbc !important;
}

.HtmlSubmitButton_blue, button.HtmlSubmitButton_blue {
    background: #58c8ec;
    border-color: #2da4cb;
    color: #222222;
}

.HtmlSubmitButton_blue:hover, .HtmlSubmitButton_blue:focus, button.HtmlSubmitButton_blue:hover, button.HtmlSubmitButton_blue:focus {
    background: #88ddf9 !important;
    border-color: #275a6c !important;
}

.HtmlSubmitButton_blue:active, button.HtmlSubmitButton_blue:active {
    background: #c2eefd !important;
    border-color: #2da4cb !important;
}

.HtmlSubmitButton_blue:disabled, button.HtmlSubmitButton_blue:disabled {
    background: #cdeef9 !important;
    border-color: #c0e4ef !important;
    color: #bcbcbc !important;
}

.HtmlSubmitButton_red, button.HtmlSubmitButton_red {
    background: #f7eeed;
    border: 2px solid #c17b7b;
    color: #8d2816;
}

.HtmlSubmitButton_red:hover, .HtmlSubmitButton_red:focus, button.HtmlSubmitButton_red:hover, button.HtmlSubmitButton_red:focus {
    background: #f6e7e5 !important;
    border: 2px solid #7c3232 !important;
}

.HtmlSubmitButton_red:active, button.HtmlSubmitButton_red:active {
    background: #f7eeed !important;
    border: 2px solid #c17b7b !important;
}

.HtmlSubmitButton_red:disabled, button.HtmlSubmitButton_red:disabled {
    background: #fef9f8 !important;
    border: 2px solid #ecd7d7 !important;
    color: #ddbeb9 !important;
}

.HtmlSubmitButton_add, button.HtmlSubmitButton_add {
    background: #e6f2f7;
    border-color: #3d9ec2;
    color: #165164;
}

.HtmlSubmitButton_add:hover, .HtmlSubmitButton_add:focus, button.HtmlSubmitButton_add:hover, button.HtmlSubmitButton_add:focus {
    background: #d1e9f3 !important;
    border-color: #275a6c !important;
}

.HtmlSubmitButton_add:active, button.HtmlSubmitButton_add:active {
    background: #e6f2f7 !important;
    border-color: #3d9ec2 !important;
}

.HtmlSubmitButton_add:disabled, button.HtmlSubmitButton_add:disabled {
    background: #f7fbfd !important;
    border-color: #c6e2ed !important;
    color: #b9cad0 !important;
}

.HtmlSubmitButton_largeBlue, button.HtmlSubmitButton_largeBlue {
    background: #fbfbfb;
    border-color: #6f9b9a;
    min-width: 160px;
    min-height: 50px;
    border-width: 2px;
    text-align: left;
}

.HtmlSubmitButton_largeBlue > div
{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.HtmlSubmitButton_largeBlue > div > span {
    display: inline-block;
    color: #0a5e58;
}

.HtmlSubmitButton_largeBlue > div > img
{
    height: 26px;
}

.HtmlSubmitButton_largeBlue:hover, button.HtmlSubmitButton_largeBlue:hover {
    background: #f2f2f2 !important;
    border: 2px solid #0a5e58 !important;
    color: #0a5e58 !important;
}

.HtmlSubmitButton_largeBlue:active, button.HtmlSubmitButton_largeBlue:active {
    background: #fbfbfb !important;
    border-color: #6f9b9a !important;
    color: #0a5e58 !important;
}

.HtmlSubmitButton_largeGreen, button.HtmlSubmitButton_largeGreen {
    background: #5ae987;
    border-color: #29bf58;
    min-width: 160px;
    min-height: 50px;
    border-width: 2px;
    text-align: left;
}

.HtmlSubmitButton_largeGreen > div
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.HtmlSubmitButton_largeGreen > div > span {
    margin-top: 4px;
    display: inline-block;
    color: #222222;
}

.HtmlSubmitButton_largeGreen:hover, .HtmlSubmitButton_largeGreen:focus, button.HtmlSubmitButton_largeGreen:hover, button.HtmlSubmitButton_largeGreen:focus {
    background: #77f79f !important;
    border-color: #166d31 !important;
}

.HtmlSubmitButton_largeGreen:active, button.HtmlSubmitButton_largeGreen:active {
    background: #c2fbd4 !important;
    border-color: #29bf58 !important;
}

.HtmlSubmitButton_small, button.HtmlSubmitButton_small
{
  padding: 0 10px 0 10px;
  min-width: 100px;
  height: 26px;
}

.HtmlSubmitButton_iconOnly, button.HtmlSubmitButton_iconOnly
{
  margin-top: -5px;
  min-height: 20px; /* Setting this makes resizing work, even with delayed image loading */
}

.HtmlSubmitButton_smallButton, button.HtmlSubmitButton_smallButton
{
    height: 26px;
    min-width: 0px !important;
}

.HtmlSubmitButton_noText, button.HtmlSubmitButton_noText
{
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.HtmlTags_div {
    border-bottom: #949494 solid 1px;
    display: flex;
    align-items: center;
    min-width: 200px;
    min-height: 26px;
    flex-grow: 1;
}

.HtmlTags_divFocused {
    background-color: #c4dfef;
}

    .HtmlTags_div > div {
        display: inline-flex;
        align-items: flex-start;
    }

        .HtmlTags_div > div > div {
            margin: 2px;
            cursor: pointer;
        }

.HtmlTags_tag /* Single tag */ {
    display: inline-flex;
    background: #eeeeee;
    color: black;
    border-radius: 3px;
    border: #c2c2c2 solid 1px;
    padding: 0px 10px 0px 10px;
    margin: 0px 2px;
    align-items: center;
    height: 19px;
    font-size: 9pt;
    font-weight: normal;
    white-space: nowrap;
    cursor: pointer;
}

.HtmlTags_suggestionsDiv {
    background-color: white;
    position: absolute;
    display: block;
    border: solid 1px #d1d1d1;
    z-index: 10;
    opacity: 0.0;
    box-shadow: 0 2px 8px -4px #21536a;
    outline: none;
    overflow-y: auto;
    max-height: 200px;
}


.HtmlTags_tag > :nth-child(1) {
    font-size: 9pt;
    font-weight: normal;
}


.HtmlTags_tag > :nth-child(2) {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9Ii0yNTQuOCA0MDYuNCAyOC4zIDI4LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI1NC44IDQwNi40IDI4LjMgMjguMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxyZWN0IHg9Ii0yNTAiIHk9IjQxOSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDY3IC0wLjcwNzYgMC43MDc2IDAuNzA2NyAtMzY3Ljc1MDUgLTQ2Ljc2MTkpIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTkuNCIgaGVpZ2h0PSIyLjIiLz4KPHJlY3QgeD0iLTI0MS40IiB5PSI0MTAuNCIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDY3IC0wLjcwNzYgMC43MDc2IDAuNzA2NyAtMzY3Ljc1MDEgLTQ2Ljc2MTcpIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMi4yIiBoZWlnaHQ9IjE5LjQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 2px;
    background-size: 14px;
    filter: invert(100%);
}

.HtmlTags_div > input, .HtmlTags_div > input:focus {
    display: inline-block;
    border: none!important;
    background: white;
    outline: none!important;
    box-shadow: none!important;
    vertical-align: middle;
    flex-grow: 1;
    padding: 2px 5px 2px 5px;
}

.HtmlTags_suggestion {
    padding: 5px;
    z-index: 10;
    cursor: pointer;
}

.HtmlTags_suggestionActive {
    background: #cbe3f1;
}

.HtmlTags_dialogContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px;
}

.HtmlTags_dialogContainer > div {
    margin: 10px;
}

    .HtmlTags_dialogContainer > div > button {
        margin-right: 5px;
        margin-left: 5px;
    }

.HtmlTags_dropdown {
    vertical-align: top;
    margin-top: 5px;
    width: 13px;
    height: 13px;
}.HtmlText_warning {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjI4My41IDQwNi44IDI4LjMgMjguMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAyODMuNSA0MDYuOCAyOC4zIDI4LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJjb2xvcmVkIj4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRjhFNjlFOyIgZD0iTTMwOS44LDQyOC45bC0xMS42LTE5LjVjLTAuMi0wLjQtMC45LTAuNC0xLjEsMEwyODUuMiw0MjljLTAuMSwwLjItMC4xLDAuNSwwLDAuNw0KCQljMC4xLDAuMiwwLjMsMC4zLDAuNiwwLjNoMjMuNmwwLDBjMC40LDAsMC43LTAuMywwLjctMC43QzMxMCw0MjkuMiwzMTAsNDI5LDMwOS44LDQyOC45eiIvPg0KCTxnPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojMjIyMjIyOyIgZD0iTTI5Nyw0MjMuOWgxLjFjMC4zLDAsMC42LTAuMywwLjYtMC42bDAuMi03LjZjMC0wLjEtMC4xLTAuMy0wLjItMC40Yy0wLjEtMC4xLTAuMi0wLjItMC40LTAuMg0KCQkJaC0xLjVjLTAuMSwwLTAuMywwLjEtMC40LDAuMmMtMC4xLDAuMS0wLjIsMC4yLTAuMiwwLjRsMC4yLDcuNkMyOTYuNCw0MjMuNiwyOTYuNyw0MjMuOSwyOTcsNDIzLjl6Ii8+DQoJCTxwYXRoIHN0eWxlPSJmaWxsOiMyMjIyMjI7IiBkPSJNMjk5LDQyNi4xYzAtMC45LTAuNi0xLjYtMS41LTEuNmMtMC44LDAtMS41LDAuNy0xLjUsMS42czAuNiwxLjYsMS41LDEuNlMyOTkuMSw0MjcsMjk5LDQyNi4xeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
    height: 20px;
    width: 20px;
    background-size: 20px;
    margin-left: -21px;
}

/* Tooltip container */
.HtmlText_warningTooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
    .HtmlText_warningTooltip .HtmlText_warningTooltiptext {
        visibility: hidden;
        width: 350px;
        background-color:#e6f2f7;
        color: #000;
        text-align: center;
        padding: 5px;
        border-radius: 6px;
        margin-left: 20px;
        text-align: left;
        white-space: pre-wrap;
        /* Position the tooltip text */
        position: fixed;
        z-index: 1;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

/* Show the tooltip text when you mouse over the tooltip container */
.HtmlText_warningTooltip:hover .HtmlText_warningTooltiptext {
    visibility: visible;
    opacity: 1;
}

.HtmlThumbnailList_div
{
  border-top: #c9d1d0 solid 1px;
  position: relative;
}

.HtmlThumbnailList_elementsDiv
{
  margin-top: 1px;
  overflow: auto;  
  border-bottom: #e1e1e1 solid 1px;
}

.HtmlThumbnailList_item
{
  display: inline-block; 
  width: 132px; 
  min-height: 256px;
  margin: 10px;
  padding: 5px;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}

.HtmlThumbnailList_item div
{
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
  position: relative;
}

.HtmlThumbnailList_itemContextMenu
{
  position: absolute;
  top: 145px;
  left: 100px;
  border: white solid 2px;
  width: 28px;
  height: 28px;
}

.HtmlThumbnailList_itemContextMenu > span {
  display: block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-image: url(../../graphics/8/contextMenu.svg);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fbfbfb;
  border: 2px solid #6f9b9a;
}

.HtmlThumbnailList_itemContextMenu > span:hover
{
    background-color: #f2f2f2;
    border: 2px solid #0a5e58;
}

.HtmlThumbnailList_itemContextMenu > span:active
{
    background-color: #fbfbfb;
    border: 2px solid #81a09e;
}

.HtmlThumbnailList_icon {
    width: 120px;
    height: 144px !important;
    line-height: 144px;
    border: #c0c0c0 solid 1px;
    background-color: #efefef;
    text-align: center;
}

.HtmlThumbnailList_icon img
{
  vertical-align: middle;
}

.HtmlThumbnailList_contextMenu
{
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: none;
}

.HtmlThumbnailList_redBall {
    position: absolute;
    right: 5px;
    top: 20px;
    background-color: #f34036;
    border-radius: 50px;
    width: 12pt;
    height: 12pt;
    text-align: center;
    font-size: 10pt;
    z-index: 2;
    font-weight: 700;
    line-height: 1.22;
    overflow: hidden;
    color: white;
    padding: 2px;

}

.HtmlThumbnailList_item:hover, .HtmlThumbnailList_itemSelected {
    background: #D3E7FF;
    border: #6EA6EA solid 1px;
    margin: 9px;
}

.HtmlThumbnailList_footerDiv
{
  background-color: #ffffff;
  border-top: white solid 1px;
  border-radius: 0px 0px 3px 3px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: right;
}

.HtmlThumbnailList_switchMode
{
  margin-top: 5px;
}

.HtmlThumbnailList_switchMode > input {
    outline: none;
    height: 20px;
}

.HtmlThumbnailList_switchMode > input:hover
{
  background: white;
}

.HtmlThumbnailList_switchMode > img
{
  background: #ffffff;
  height: 20px;
}

.HtmlThumbnailList_switchMode > :last-child
{
    margin-left: 3px;
}

.HtmlThumbnails {
    background-color: white;
    box-sizing: border-box;
}

    .HtmlThumbnails > input {
        border: #a0a0a0 solid 1px;
        border-radius: 5px;
        font-size: 18px;
        width: 50%;
        display: block;
        margin: auto;
        padding: 5px;
        margin-bottom: 10px;
    }

.HtmlThumbnails > div {
    border-bottom: #e0e0e0 solid 1px;
    font-size: 16px;
    margin-top: 20px;

}

    .HtmlThumbnails > .searchHeader {
        display: none;
    }

.HtmlThumbnails > a {
    display: inline-flex;
    flex-direction: column;
    width: 150px;
    height: 120px;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    vertical-align: top;
    border: solid 1px transparent;
    overflow: hidden;
}

    .HtmlThumbnails > a:hover {
        border: solid 1px #a0a0a0;
        box-shadow: 0px 0px 5px 0px #b8b8b8;
    }

.HtmlThumbnails > a > div {
    height: 80px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position-x: center;
}

.HtmlThumbnails > a > span {
    height: 60px;
    text-align: center;
    overflow: hidden;
}
.HtmlSelectTimeSpan_div {
    max-width: 200px;
    border-bottom: #949494 solid 1px;
    display: flex;
    align-items: center;
    padding-right: 5px;
    box-sizing: border-box;
}

.HtmlSelectTimeSpan_div:hover, .HtmlSelectTimeSpan_divFocused {
    background-color: #c4dfef;
    border-bottom: #16576c solid 1px;
}

.HtmlSelectTimeSpan_div input {
  border: none!important;
  margin: 0px!important;
  background: none!important;
  padding: 4px 5px 4px 5px!important;
  flex-grow: 1;
}

.HtmlSelectTimeSpan_img {
    height: 16px;
    vertical-align: bottom;
    outline: none;
}
.HtmlTree_table a
{
  text-decoration: none;
}.HtmlTreeExplorer
{
  background-color: #ffffff;
  overflow: auto;
  padding-left: 6px;
}

.HTE table, .HTE_item table
{
	margin: 0px;
}
.HTE td, .HTE th, .HTE_item td, .HTE_item th
{
	padding: 1px;
}

.HTE_indent
{
  margin-left: 20px;
}

.HTE_item
{
}

.HTE_item img
{
  height: 11px;
}

.HTE_item th
{
	cursor: pointer;
  width: 11px;
}

.HTE_item_emptyHeader
{
    cursor: default !important;
    width: 4px !important;
}

.HTE_item td
{
	cursor: pointer;
}

.HTE_item td div
{
  visibility: hidden;
  display: inline;
}

.HTE_item td div img
{
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}


.HTE_item a
{
  white-space: nowrap;
  color: #127da1;
  cursor: pointer;
  text-decoration: underline;
}

.HTE_item a:hover
{
  color: #58c8ec;
}

.HTE_subLink {
    margin-left: 20px;
}
.HtmlTwinListBox {
    background-color: white;
    padding: 10px;
}

.HtmlTwinListBox > table
{
    width: 100%;
    height: 100%;
}

.HtmlTwinListBox > table > tbody > tr > td
{
    width: 50%;
}


.HtmlTwinListBox_vTable {
    border-collapse: collapse;
}

.HtmlTwinListBox table div
{
    background: #D5DADE;
}

.HtmlTwinListBox select {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
}

.HtmlTwinListBox_tdBorder {
    border: #D9D9D9 solid 1px;
}
.HtmlViewFAQ
{
  background-color: #eeeeee;
  height: 100%;
  padding: 0px;
  overflow: auto;
}

.HtmlViewFAQ > div
{
  padding: 20px;
}

.HtmlViewFAQ_question, .HtmlViewFAQ_answer
{
  background-color: white;
  border-radius: 5px;
  border-color: #D9D9D9;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
}

.HtmlViewFAQ_question
{
  margin-bottom: 20px;
}

.HtmlViewFAQ_question > div, .HtmlViewFAQ_answer > div
{
  margin-bottom: 10px;
  font-weight: bold;
}

.HtmlViewFAQ_question > iframe, .HtmlViewFAQ_answer > iframe
{
  width: 100%;
}

.HtmlViewFAQ_attachment, .HtmlViewFAQ_link
{
  margin-bottom: 10px;
  margin-right: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  padding: 3px;
  border-radius: 3px;
  white-space: nowrap;
  display: inline-block;
}

.HtmlViewFAQ_attachment:hover, .HtmlViewFAQ_link:hover
{
  background-color: #f0f0f0;
  border-color: #e0e0e0;
}

.HtmlViewFAQ_attachment > img, .HtmlViewFAQ_link > img
{
  vertical-align: top;
  margin-right: 4px;
  height: 16px;
  margin-top: 2px;
}

.HtmlViewFAQ_link > img
{
  margin-top: 2px;
  height: 16px;
}

.HtmlViewFAQ_attachment > span, .HtmlViewFAQ_link > span
{
  line-height: 20px;
  vertical-align: top;
  display: inline-block;
}
.HtmlWhere_groupTd
{
  padding: 20px 20px 20px 20px;
}

.HtmlWhere_groupTable
{
  width: 100%; 
  border: #e0e0e0 solid 1px;
}

.HtmlWhere_groupEndTd
{
  font-size: 10pt; 
  font-weight: bold; 
  padding: 2px;
}

.HtmlWhere_image
{
  margin-right: 5px;
  vertical-align: middle;
  height: 14px;
  padding: 1px;
}

.HtmlWhere_circle {
    border-radius: 50%;
    border: #222222 solid 2px;
}

.HtmlWhere_deleteImage {
    height: 24px;
    margin-right: 0px;
}

.HtmlWhere_previewTr
{
}

.HtmlWhere_panel, .HtmlWhere_panelWhere
{
  position: absolute;
  overflow: hidden;
}

.HtmlWhere_panel
{
  background: white;
  border: solid 1px #c9d1d0;
}

.HtmlWhere_panel > header
{
  padding: 20px;
  background: transparent;
  border-bottom: #c9d1d0 solid 1px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;

}

.HtmlWhere_panel > header > span
{
  white-space: nowrap;
  font-size: 12pt;
}

.HtmlWhere_panel_context
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.HtmlWhere_panel_context > img
{
}


.HtmlWhere_refresh
{
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  background: url("../../graphics/Nine/RefreshIcon.svg");
  background-repeat: no-repeat;
  cursor: pointer;
}

.HtmlWhere_refresh:hover
{
    opacity: 0.4;
}


.HtmlWhere_panel > footer
{
  border-top: #c9d1d0 solid 1px;
  height: 50px;
  padding-left: 20px;
  padding-top: 20px;
}

.HtmlWhere_panel > footer > button
{
  margin-right: 20px;
}

.HtmlWhere_whereTableInnerDiv
{
  overflow-y: auto;
  padding-right: 10px;
  padding-top: 20px;
}

.HtmlWhere_whereTableInner
{
  width: 100%;
  padding-bottom: 10px;
}

.HtmlWhere_whereTableInner > tbody > tr:hover > .HtmlWhere_right > input,
.HtmlWhere_groupTable > tbody > tr:hover > .HtmlWhere_right > input {
    visibility: visible;
}

.HtmlWhere_whereAndOr, .HtmlWhere_whereLabel {
    padding-top: 9px;
}

.HtmlWhere_value, .HtmlWhere_operator, .HtmlWhere_right {
    padding-top: 5px;
}

/* .HtmlWhere_whereTableInner > tbody > tr > td, .HtmlWhere_groupTable > tbody > tr > td */
.HtmlWhere_whereAndOr, .HtmlWhere_whereLabel, .HtmlWhere_value, .HtmlWhere_operator, .HtmlWhere_right {
    /*border-bottom: #c0c0c0 solid 1px;*/
    height: 30px;
    vertical-align: top;
    white-space: nowrap;
}

.HtmlWhere_whereLabel, .HtmlWhere_whereAndOr
{
  padding-left: 20px;
  padding-right: 10px;
  color: #666666;
  width: 150px;
}

.HtmlWhere_addField
{
  background: white;
  cursor: pointer;
}

.HtmlWhere_whereAndOr
{
  width: 20px;
  padding-right: 0px;
}

.HtmlWhere_whereAndOr > span
{
  border-bottom: #a0a0a0 dotted 1px;
  cursor: pointer;
}

.HtmlWhere_value
{
  padding-left: 5px;
}

.HtmlWhereRelations {
    flex-grow: 1;
}

/*
.HtmlWhere_value > div > input {
    margin-top: 6px;
}
    */

.HtmlWhere_value > div > span {
    margin-top: 4px;
}

.HtmlWhere_valuePaddingLeft
{
  padding-left: 25px;
}

.HtmlWhere_value > div > span
{
  display: inline-block;
}

.HtmlWhere_value > div {
    display: flex;
    flex-wrap: wrap;
}

.HtmlWhere_value > div > * {
    margin-right: 10px;
}

.HtmlWhere_right {
    width: 110px;
}



.HtmlWhere_addValue {
    margin-left: 10px;
    vertical-align: top;
    margin-top: -3px;
}

.HtmlWhere_right > input
{
  visibility: hidden;
}

.HtmlWhere_right:hover > input
{
  visibility: visible !important;
}

.HtmlWhere_addedValues
{
  white-space: normal;
  flex-basis: 100%;
}

.HtmlWhere_addedValue
{
  display: inline-block;
  margin: 5px 2px 0px 2px;
  padding: 0px 10px;
  background: #eeeeee;
  border: #c2c2c2 solid 1px;
  border-radius: 3px;
  height: 19px;
  line-height: 19px;
}

.HtmlWhere_addedValue > span {
    font-size: 9pt;
}


.HtmlWhere_addedValue > input
{
  vertical-align: top;
  margin-top: 3px;
  width: 14px;
  margin-left: 5px;
}

.HtmlWhere_sectionTable
{
  background: white;
  border-radius: 5px;
  box-shadow: 0 2px 8px -4px #21536a;
}

.HtmlWhere_topTd
{
  height: 40px; 
  border-bottom: #2f9ccf solid 1px;
}

.HtmlWhere_selectionLabel
{
  font-size: 12pt;
  font-weight: bold;
  padding: 5px;
}

.HtmlWhere_bottomTd
{
  height: 24px; 
  background: #D5DADE;
}

.HtmlWhere_switchImg
{
  cursor: pointer; 
  padding: 2px; 
  margin-right: 5px;
  margin-left: 5px;
}

.HtmlWhere_iframe
{
  border: none;
  width: 100%;
  height: 100%;
}

.HtmlWhere_vSplitter
{
  position: absolute;
  cursor: ew-resize;
  width: 27px;
}

.HtmlWhere_hSplitter
{
  position: absolute;
  cursor: ns-resize;
  height: 27px;
}

.HtmlWhere_vSplitter > img, .HtmlWhere_hSplitter > img
{
  position: absolute;
  top: 0;
  bottom: 0;
  right: -8px;
  height: 40px;
  margin-top: auto;
  margin-bottom: auto;
}

.HtmlWhere_hSplitter > img
{
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}

.HtmlWhere_showCriteria {
    border: none;
    margin-top: 0px !important;
    text-decoration: underline;
    background: none;
    color: #2e9dcf;
    font-weight: bold;
}

.HtmlWhere_rotate90 {
    transform: rotate(90deg);
}

.HtmlWhere_rotate180 {
    transform: rotate(180deg);
}

.HtmlWhere_rotate270 {
    transform: rotate(270deg);
}

/* Special style for tags here */
.HtmlWhere_value .HtmlTags_div {
    margin-top: -4px;
}