/**
 * Websites List
 */

/* Header */
.client-websites-list-container .websites-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #36474e;
    padding: 15px 0;
    padding-top: 0;
    user-select: none;
    -webkit-user-select: none;
}

.client-websites-list-container .websites-header-website {
    width: 100%;
}

.client-websites-list-container .websites-header-actions {
    width: 80px;
}

/* List */
.client-websites-list-container .website-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #36474e;
    padding: 15px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Website */
.client-websites-list-container .website-item-url {
    width: 100%;
}

.client-websites-list-container .website-item-url input {
    margin: 0;
    width: 98%;
}

.client-websites-list-container .website-item-url .field-group {
    margin: 0 !important;
}

.client-websites-list-container .website-item-url .error-label {
    top: -9px !important;
}

.client-websites-list-container .website-item-url a {
    transition: .3s;
}

.client-websites-list-container .website-item-url a:hover {
    color: #7bd9ff !important;
}

.client-websites-list-container .website-item:hover {
    background: radial-gradient(circle at center, #122935 0%, transparent 100%);
}


/* Actions */
.client-websites-list-container .website-item-actions {
    width: 85px;
    display: flex;
    justify-content: space-evenly;
}

.client-websites-list-container .website-item-actions .action {
    width: 25px;
    height: 25px;
    background-size: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.client-websites-list-container .website-item-actions .action.edit {
    background-image: url('/wp-content/themes/portal/assets/images/icon-edit-yellow.svg');
}

.client-websites-list-container .editing .website-item-actions .action.edit {
    background-image: url('/wp-content/themes/portal/assets/images/icon-save-blue.svg');
    background-size: 56%;
}

.client-websites-list-container .website-item-actions .action.delete {
    background-image: url('/wp-content/themes/portal/assets/images/icon-delete-red.svg');
    background-size: 62%;
}

.client-websites-list-container .website-item-actions .action.delete.disabled {
    background-image: url('/wp-content/themes/portal/assets/images/icon-delete-gray.svg');
    background-size: 62%;
    cursor: initial;
}

.client-websites-list-container .website-item-actions .action.disabled:hover {
    transform: none;
}


/**
 * Add new website
 */
.client-add-website-container .url-group {
    max-width: 500px;
}

.client-add-website-container .error-label {
    top: -9px;
}