.grid-panel {
    border-image: url("../background-assets/popup.svg") 7;
    width:240px;
    padding: 6px;
}

.grid-title {
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align:center;
}

.table {
}

.table-element {
    border-image: url("../misc-assets/calendar-nonwork-day.svg") 7;
}

.table-element:hover, .table-element:activate {
    border-image: url("../buttons/button-focused.svg") 7;
}

.top-box {
    padding: 4px;
}

.bottom-box {
    padding: 10px;
    display: block;
}

.very-bottom-box {
    padding: 60px;
    display: block;
}

.settings-label {  
}

.settings-label:hover {
}

.grid-preview {
     background-color: transparent;
     border-color: transparent;
}

.grid-preview:activate {
    background-color: rgba(93, 241, 73, .4);
    border: 1px solid rgba(93, 241, 73, .8);
}


/*---buttons---*/

.settings-button {
    border-image: url("../buttons/button.svg") 7;
    padding: 3px;
    width: 44px;
    height: 32px;
    color: #fff;
}

.settings-button:activate {
    border-image: url("../buttons/button-focused.svg") 7;
    color: #fff;
}

.settings-button:activate:hover {
    border-image: url("../buttons/button-focused.svg") 7;
    color: #fff;
}

.settings-button:hover {
    border-image: url("../buttons/button-hover.svg") 7;
    color: #fff;
}

.close-button {
    border-image: url("../buttons/button.svg") 7;
    color: #fff;
    background-image: url("../misc-assets/auto-close.svg");
    color: #fff;
    width: 24px;
    height: 24px;
}

.close-button:hover {
    border-image: url("../buttons/button-hover.svg") 7;
    background-image: url("../misc-assets/auto-close.svg");
    width: 24px;
    height: 24px;
}


/*---icons---*/

.tiling-icon {
    width: 24px;
    height: 24px;
}

.tiling-icon:hover {
    width: 24px;
    height: 24px;
}

.tiling-icon:activate {
    width: 24px;
    height: 24px;
}

.animation-icon {
    background-image: url("../misc-assets/animation.svg");
    width: 24px;
    height: 24px;
}

.auto-close-icon {
    background-image: url("../misc-assets/auto-close.svg");
    width: 24px;
    height: 24px;
}

.action-main-list {
    background-image: url("../misc-assets/auto-tile-1.svg");
    width: 24px;
    height: 24px;
}

.action-two-list {
    background-image: url("../misc-assets/auto-tile-2.svg");
    width: 24px;
    height: 24px;
}

.action-scale {
    width: 24px;
    height: 24px;
}