.sun-cover-photographic{
    display: block;
}

.photographic-img{
    background: url(../img/cover/photographic.jpg) no-repeat 0 0;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}

.sun-cover-texture{
    display: block;
}

.texture-img{
    background: url(../img/cover/texture.jpg) no-repeat 0 0;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}

.sun-cover-hybrid{
    display: block;
}

.hybrid-img{
    background: url(../img/cover/hybrid.jpg) no-repeat 0 0;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}

.align-cover-content{
    margin-top: 12%;
}

.sun-cover-thumb{
    width: 100%;
    height: 90%;
    border: 1px solid #dadada;
    border-radius: var(--sunBorderRadius);
}

.cover-form-container{
    display: flex;
    flex-direction: row;
    height: auto;
}

.cover-form-left{
    width: 50%;
    display: flex;
    flex-direction: column;
}

.cover-form-right{
    width: 50%;
    display: flex;
    padding-left: 2%;
    flex-direction: column;
}

.disabled{
    color: #ddd !important;
    cursor: default !important;
    background: none !important;
    pointer-events: none !important;
}

/*#region spine range component*/
.spine-range-table {
    width: 100%;
}

.spine-range-table, .spine-range-table th, .spine-range-table td {
    border: 1px solid #ececec;
    border-collapse: collapse;
}

.spine-range-table, .spine-range-table th, .spine-range-table td {
    padding: 10px;
}

.spine-range-table th {
    text-align: left;
}

.spine-range-table td span.dashicons-edit:hover {
    cursor: pointer;
    color: var(--sunDefault);
}

.spine-range-table td span.dashicons-trash:hover {
    cursor: pointer;
    color: var(--sunError);
}

.spine-range-table thead tr td {
    background: #f6f6f6;
    font-weight: 700;
}

.spine-range-fields {
    display: flex;
    width: 100%;
    margin: 10px 0;
    align-items: end;
}

.spine-range-fields input.spine-range-spine-width {
    min-height: 30px;
}

.spine-range-fields > div:not(:last-child) {
    width: 100%;
    margin-right: 10px;
}
/*#endregion*/