@import "./style-templetes/body-font";
@import "./style-templetes/header-font";


$background-color: #FBFBFB;
$border: 1px solid #ECEFF5;
$content-gap: 4.5px;

.fg-layout-type-card{
    width: 100%;
    overflow: scroll;
}
.fg-card-container{
    border: $border;
    background-color: $background-color;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16.5px;
    display: inline-block;
 }
 .fg-data-info-row{
     height: 20px;
 }
 .fg-card-header{
     @extend %header-font;
     float: left;
     overflow-y: hidden;
     height: 100%;
     box-sizing: border-box;
     &-content{
        text-align: right;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-right: $content-gap;
    }
 }
 .fg-card-cell{
     @extend %body-font;
     float: right;
     overflow-y: hidden;
     height: 100%;
     box-sizing: border-box;
     &-content{
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-left: $content-gap;
    }
 }