$cell-border: 1px solid #ECEFF5;
$header-background-color:  #F6F9FC;
$cell-content-width: calc(100% - 32px);
$cell-content-left: 16px;
$cell-checkbox-left: 16px;
.fg-header-row{
    position: absolute;
    background-color: $header-background-color;
    display: flex;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none; 
}
.fg-header-cell-basic {
    display: inline-block;
    position: relative;
    width: $cell-content-width;
    text-overflow: ellipsis;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}
.fg-header-cell{
    height: 100%;
    text-align: left;
    border-right: $cell-border;
    border-bottom: $cell-border;
    overflow-y: auto;
    box-sizing: border-box;
    position: absolute;
    &:before { 
        content: ' ';
        display: inline-block;
        vertical-align: middle; 
        height: 100%;
    }
    &-content{
        @extend .fg-header-cell-basic;
        left: $cell-content-left
    }
    &-checkbox{
        @extend .fg-header-cell-basic;
        left: $cell-checkbox-left;
        width: auto;
    }
}
.fg-header-cell:hover{
    background-color: #dae0e7;
}
.fg-header-helper-icon{
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 2px;
    top: calc(50% - 6px);
}
.fg-header-cell-textbox{
    position: absolute;
    height: 100%;
    border-right: 1px solid #ECEFF5;
    border-bottom: 1px solid #ECEFF5;
    box-sizing: border-box;
}
.searchBox{
    width: 174px;
    height: 23px;
    margin: auto;
    border: solid 1px #dfdfdf;
    background-color: #fff;
    display: block;
    overflow: auto;
    box-sizing: unset;
    padding: 0px 0px 0px 12px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #696a7d;
    font-family: 'Source Sans Pro';
}
.searchBox:disabled{
    background-color: #eceff5;
}
.fg-input-wrapper{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}

.fg-input-wrapper svg{
    vertical-align: baseline;
}

.fg-cross-container{
    position: absolute;
    right: 16px;
    top: 5px;
    cursor: pointer;
    color: #C7C7C7;
    height: 16px;
}

.fg-cross-container svg{
    stroke: #C7C7C7;
    vertical-align: baseline;
}

.fg-cross-icon{
    width: 10px;
    height: 10px;
    border: 1px solid #6e6e6e;
    border-radius: 10px;
    padding: 1px;
    opacity: 0.6;
    vertical-align: baseline;
    box-sizing: unset;
}
.fg-header-sort-icon{
    vertical-align: middle;
    pointer-events: none;
}
.fg-header-cell-content{
    height: auto;
    width: 90%;
}

.fg-header-cell-label {
    float:left;
    width: 93%;
}

.cursor {
    cursor: pointer;
}