/**
** Tabular form header styles
**
**/
/* style for the cell itself */
.header-pin {
    position: absolute;
	top: 4px;
	width: 2.4rem;
    height: 2.4rem;
    font-size: 2.4rem;
}

.drag-pin {
	width: 2.4rem;
    height: 2.4rem;
    font-size: 2.4rem;
}

.pin_rtl {
	transform: translateX(-1);
	left: 0px;
}

.pin_ltr {
	right: 0px;
}

svg.sortclass 
{
    height: 5px;
}

.formGridHeader_ltr .form-filter-icon {
	margin-left: auto;
}

.formGridHeader_rtl .form-filter-icon {
	margin-right: auto;
}
.formGridHeader_ltr .filter-pulse-btn-fix  {
	margin-left: 10px;
}

.formGridHeader_rtl .filter-pulse-btn-fix{
	margin-right: 10px;
}
.header-text-wrapper {
	display: flex;
	align-items: center;
}

.formGridHeader_ltr .header-text-wrapper {
	padding-left: 6px;
}

.formGridHeader_rtl .header-text-wrapper {
	padding-right: 6px;
}

.cover-rtl .header-text-wrapper, .cover-ltr .header-text-wrapper {
	width: calc(100% - 24px);
}

.header-text-wrapper .icon-sorted span {
	font-size: 16px;
}

.icon-local_pin-pinned:before, .icon-local_pin:before, .icon-bi:before {
	color: #3f4e56;
	opacity: 0.3;
}

.icon-bi:hover.icon-bi:before {
	color: var(--secondary-color-500);
	opacity: 0.54;
}

.icon-bi:active.icon-bi:before {
	color: var(--primary-color-700);
	opacity: 0.8;
}

.textclassheader .header-icons-container {
	display: block;
}

.cover-ltr th:hover .header-text-wrapper, .cover-rtl th:hover .header-text-wrapper {
	padding: 0 25px 0 6px;
}

.formGridHeader_rtl .header-text-wrapper > *:not(:last-child) {
	margin-left: 2px;
}

.formGridHeader_ltr .header-text-wrapper > *:not(:last-child) {
	margin-right: 2px;
}

.textclassheader .text-container {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: auto;
}

/* .textclassheader {
	display: flex;
	justify-content: space-between;
}	 */

.textclassright {
	text-align: right;
}

.textclassleft {
    text-align: left;
}

.textclass 
{
    text-align: center;
}

.formGridHeaderRecon svg.sortclass {
	width: 100% !important;
}
/*.textclasstable 
{
    text-align: start;
}*/

.textclasscenter {
	text-align: center;
}
.textclassrecon {
	text-align: left;
	padding-right: 6px;
	padding-left: 6px;  
}
html[dir="rtl"] .textclassrecon {
	text-align: right;	
}

svg.starclass {
    width: 8px !important;
    height: 8px !important;
}

svg.starclass_rtl {
    width: 8px !important;
    height: 8px !important;
}

img.pieclass {
	position: absolute;
    display: block;
    padding: 2px;
   /* padding: 10px 2px;*/
}

div.paintedHeaderTextclass
{
	text-align: right;
	white-space: nowrap;
}
div.paintedHeaderTextclass_rtl
{
	text-align: left;
	white-space: nowrap;
}
svg.paintedHeaderStarclass
{
    width: 9px;
    height: 9px;
    padding-left: 3px;
}
svg.paintedHeaderStarclass_rtl
{
    width: 9px;
    height: 9px;
    padding-right: 3px;
}

span.paintedHeaderOlapclass
{
	float: left;
    padding-left: 3px;
}
img.paintedHeaderOlapclass_rtl
{
	float: right;
    padding-right: 3px;
}

.formheaderupperrow {
	display:table-row;
	height:auto;
}
.formheaderdownrow {
	display:table-row;
	height:5px;
}
/* style of the text inside the cell */
.formHeaderCellTextStyle {
	display:inline;
	overflow-x:hidden;
	width:auto;
	z-index:2;
}
/* the next 4 styles are for sort arrows to appear or not appear depending on whether sorting is performed on the column */
.formCellHeaderSortDownStyle,
.formCellHeaderSortUpStyle
{
	display:table-cell;
	width:100%;
}
.formCellHeaderNoSortStyle {
	fill-opacity:0.0;
	stroke-opacity:0.0;
}
.formCellHeaderSortUpStyle #up_arrow{
	fill-opacity:1.0;
	stroke-opacity:1.0;
}
.formCellHeaderSortDownStyle #down_arrow{
	fill-opacity:1.0;
	stroke-opacity:1.0;
}
/* the styles for an OLAP button and cover pin */
.formCellCoverHideStyle {
	fill-opacity:0.0;
	stroke-opacity:0.0;
	width:0px;
	height:0px;
}
.formCellOlapHideStyle {
	fill-opacity:0.0;
	stroke-opacity:0.0;
	width:0px;
	height:0px;
}
.olapButtonStyle_ltr,
.olapButtonStyle_rtl {
	display:table-cell;
	cursor:pointer;
	display:inline;
	position:relative;
	z-index:1;
	top:-1px;
	left:7px;
	fill-opacity:1.0;
	stroke-opacity:1.0;
}
.olapButtonStyle_rtl {
	left:-7px;
}
.olapButtonStyle_rtl #olapsvg {
	width:13px;
	height:13px;
}
.olapButtonStyle_ltr #olapsvg{
	width:13px;
	height:13px;
	-ms-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
}

.coverButtonStyle_ltr,
.coverButtonStyle_rtl {
	cursor:pointer;
	display:table-cell;
	position:relative;
	fill-opacity:1.0;
	width:15px;
	height:15px;
	stroke-opacity:1.0;
	z-index:3;
}
.coverButtonStyle_ltr #coverbutton{
/*  
	-ms-transform:rotate(240deg) scale(.7,.7);
	-webkit-transform:rotate(240deg) scale(.7,.7);
	-moz-transform:rotate(240deg) scale(.7,.7);
*/
	width:15px;
	height:15px;
}
.coverButtonStyle_rtl #coverbutton{
	width:15px;
	height:15px;
}

.dragging-Header {
    opacity: 0.3;
    font-weight:bold;
}
.dragging-Splitter {
    cursor: e-resize;
    opacity:0.0;
}
.dragging-Cover {
    opacity: 1.0;
}
.dragging-Cover-original #coverbutton {
    opacity: 0.3;
}
.dragging-Header-original {
    opacity: 1.0;
}
.header-droppingCover #formcellheader{
	background-color: lightblue;
}

.formGridHeaderRecon th {
	border: 0;
	background-color: #ffff;
	border-bottom: 2px solid var(--primary-color-500);
}

.formGridHeaderRecon  #headercover {
	display: none;
}

.formGridHeader_rtl,
.formGridHeader_ltr {
	border: 0px;
	background: #f1f2f3; /* rgba(235, 237, 238, 0.7) */
	padding: 0px;
	white-space: nowrap;
	font-family: Roboto, Arimo, Arial; /*When changing this change calculation in FontMetrics.getTextHeight */
	font-weight: normal;
	position:relative;
	overflow: hidden;
}
.formGridHeader_rtl {
	border-left: 1px solid rgba(63, 78, 86, 0.2);
	font-weight: normal;
}
.formGridHeader_ltr {
	border-right: 1px solid rgba(63, 78, 86, 0.2);
	font-weight: 500;
}

.formGridHeaderHidden_rtl #headertext,
.formGridHeaderHidden_ltr #headertext
{
	color:#f3f6f7 !important;
}
.formGridHeaderHidden_rtl #headerolap,
.formGridHeaderHidden_ltr #headerolap,
.formGridHeaderHidden_rtl #star,
.formGridHeaderHidden_ltr #star
{
	display:none !important;
}
.formGridHeaderHidden_rtl,.formGridHeaderHidden_ltr 
{
	background-color:#f3f6f7;
}
.header-droppingHeader_fromLeft {
	border-left: 4px inset #6f7277;
}
.header-droppingHeader_fromRight {
	border-right: 4px outset #6f7277;
}
.formHeaderMouseOnSplitter {
	cursor: e-resize;
}
.formHeaderMouseOnCover {
	cursor: pointer;
}


/* Kidon LTR */
.genAreaHeaderStyle
{
font-family:Verdana, Arial;
/* text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); */

}
/* Kidon RTL *
.genAreaHeaderStyle_rtl
{
font-family:Verdana, Arial;
/* text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); */

}*/

.readOnlyHeader
{
	color : Gray;
		/* text-shadow: 0px 0px 1px rgba(128, 128, 128, 0.2); */

}
.mandatoryHeader
{
	color : Red;
		/* text-shadow: 0px 0px 1px rgba(255, 0, 0, 0.2); */

}
.headerTextStyle_rtl
{
	margin-bottom : -22px;
	margin-top	  : -10px;
	white-space   : nowrap;
	direction	  : rtl; 
	text-align	  : right;
	text-overflow : clip; 
    overflow-x    : hidden;
font-family:Verdana, Arial;
}
.headerTextStyle_ltr
{
	margin-bottom : -22px;
	margin-top	  : -10px;
	white-space   : nowrap;
	direction	  : ltr; 
	text-overflow : clip; 
    overflow-x    : hidden;
font-family:Verdana, Arial;
}
/* margin for painted header to allign it under OLAP*/
.paintedHasOlap_rtl
{
	margin-right: 7px; 
}
.paintedHasOlap_ltr
{
	margin-left: 7px; 
}
.paintedHeaderStyle
{
	font-family: Roboto, Arimo, Arial;
    font-size: inherit;
    overflow-x : hidden;
	overflow-y: hidden; /* visible; */ 
	/* Aharon, 1/1/2015 - In visible mode there is an ugly face to painted form view in IE11. I haven't find where it has to be visible
	/* text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); */
}
.paintedHeaderStyle_rtl {
	/* font-family : Arimo; */
	font-weight: normal;
}
.paintedHeaderStyle_ltr {
	/* font-family : Roboto; */
	font-weight: 500;
}
.paintedHeaderStyle:disabled {
	/* text-shadow: 0px 0px 1px rgba(128, 128, 128, 0.2); */

}

.status-circle {
	margin: 0 6px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
	border-style: solid;
	border-width: 1px;
}

.paintedHeaderStyle_ltr .status-circle{
		float: right;
}

.paintedHeaderStyle_rtl .status-circle {
		float: left;
}