/* Core styles */

.gtd-hidden,
.gtr-deleted {
    display: none;
}
.griddler-table {
    border-collapse: collapse;
}
.gth, .gtd {
    position: relative;
    text-align: left;
    vertical-align: top;
    cursor: default;
}
.gtd-selected {
    background-color: #e0fec8;
}
.gtd-editing {
    box-shadow: 1px 1px 5px rgba(0,  0,  0,  0.7);
    outline: 1px solid #181818;
    background: #fff9dd;
    color: #000;
}
.gtr-delete-button {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    border: 1px solid #f0001b;
    cursor: pointer;
    background: #f0001b;
    color: #fff;
    visibility: hidden;
    display: block;

    /* Felxbox */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;

    -webkit-flex-direction: column;
    -ms-flex-direction:     column;
    flex-direction:         column;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap:     nowrap;
    flex-wrap:         nowrap;

    -webkit-box-pack:        center;
    -moz-box-pack:           center;
    -webkit-justify-content: center;
    -ms-flex-pack:           center;
    justify-content:         center;

    -webkit-align-content: center;
    -ms-flex-line-pack:    center;
    align-content:         center;
    -webkit-box-align:     center;
    -moz-box-align:        center;
    -webkit-align-items:   center;
    -ms-flex-align:        center;
    align-items:           center;
}
.gtd-index:hover .gtr-delete-button {
    visibility: visible;
}