// COLORS
//-------------------------------------//
$md-primary-color: #00DB5D;
$md-accent-color: #1EBAE4;
$md-warning-color: #D32F2F;
$md-white-color: #FFF;
$md-grey-color: #929292;
$md-blue-color: #40C4FF;

// FONT FAMILY AND FONT SIZE
//-------------------------------------//
$application-font: 'RobotoLight',
sans-serif;
$application-font-color: #00c853;
$application-font-placeholder-color: #B6B6B6;
$application-font-white: #FFF;
$font-size-50: 7.25vw;
$font-size-40: 3.5vw;
$font-size-35: 2.3vw;
$font-size-30: 1.95vw;
$font-size-28: 1.85vw;
$font-size-25: 1.7vw;
$font-size-20: 1.57vw;
$font-size-18: 1.4vw;
$font-size-15: 1.1vw;
$font-size-13: 1vw;

// OTHER VARIABLES
//-------------------------------------//
$mat-cell-height: 130px;

// CLASSES
//-------------------------------------//
.pal-table-container {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 300px;
    height: 94vh;
    padding-bottom: $mat-cell-height;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.pal-table-header {
    min-height: 65px;
    height: 65px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
}

.pal-table {
    overflow: auto;
    height: 100%;
    font-size: 1.5vw;
}

.pal-table-loading-shade {
    position: absolute;
    top: 0;
    left: 0; // bottom: 56px;
    height: 100%;
    right: 0;
    background: rgba(0, 0, 0, 0.10);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pal-table-message {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #980000;
    max-width: 360px;
    text-align: center;
}

.mat-header-cell.mat-sort-header-sorted {
    color: black;
}

.mat-row {
    min-height: $mat-cell-height;
    padding: 0 7px;
}

.mat-cell {
    font-size: $font-size-20;
    min-height: $mat-cell-height;
}

// Columns
.flex-column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex: 1; // divide evenly 
}

.color-column {
    @extend .flex-column;
    font-size: $font-size-28;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

.icon-column {
    @extend .flex-column;
    width: 5%;
    min-width: 5%;
    max-width: 5%;
}

.title-column {
    @extend .flex-column;
}

.description-column {
    @extend .flex-column;
}

.html-content-summary-column {
    @extend .flex-column;
}

.additional-info-column {
    @extend .flex-column;
}

.actions-column {
    @extend .flex-column;
}

.other-text-based-column {
    @extend .flex-column;
}

.no-data-found-icon {
    height: 128px;
    width: 128px;
}

.no-data-found-text {
    font-size: 24px;
    color: gray;
    font-weight: 700;
}

.no-header-columns {
    display: none;
}

.current-selected-row {
    background-color: rgb(245, 252, 253);
}

.selected-row-icon {
    font-size: 12px;
    color: $md-accent-color;
}

.selected-row-column {
    @extend .flex-column;
    justify-content: flex-start;
    width: 12px;
    min-width: 12px;
    max-width: 12px;
}

.speed-dial-container {
    position: fixed;
    bottom: 32px;
    right: 32px;
}

.speed-dial-option-icon {
    color: #ffffff;
}

.toolbar-buttons {
    width: 50%;
}

.toolbar-button {
    margin: 5px;
}

.mat-form-field-label-wrapper {
    top: -3px;
    padding-top: -3px;
}

.mat-toolbar {
    background-color: #494949;
}

.pal-table-grouped-container {
    width: 100%
}

.pal-table-grouped {
    width: 100%
}