@import '../../_coreStyles.scss';
$cardWidth: 360px;
$cardHeight: 472px;
$headerHeight: 40px;

/* Identity card  basestyles */

.bolt-identity-card {
    width: $cardWidth;
    padding-bottom: $spacing-20;

    &.loading {
        height: $cardHeight;
    }
}
.bolt-identity-card-go-back-wrapper {
    background-color: $communication-background;
    height: $headerHeight;
    // override button styles.
    justify-content: flex-start;
}
.bolt-identity-card-hr {
    margin-top: $spacing-12;
    border-width: 0;
    height: 1px;
    background-color: $neutral-8;
}

.bolt-identity-card-persona-list-element {
    // override button styles.
    font-weight: inherit;
}

.bolt-identity-card-loading-spinner {
    position: absolute;
    top: 40%;
    left: 40%;
}

.bolt-identity-card-name {
    padding: 0 $spacing-12;
}

.bolt-identity-card-persona-main {
    margin-left: $spacing-20;
}

.bolt-identity-card-persona-text {
    padding: 0 $spacing-12;
}

.bolt-identity-contact-card-span-label {
    width: 100px;
}

.bolt-identity-card-styles {
    padding: 0 $spacing-12;
}

.bolt-identity-card-text {
    padding-left: $spacing-12;
}

/* Contact card styles */
.bolt-identity-contact-card-header-wrapper {
    padding: $spacing-16 $spacing-20 $spacing-12 $spacing-20;
}

.bolt-identity-contact-card-info-wrapper {
    height: $cardHeight - $headerHeight;
    padding-left: $spacing-20;
}

.bolt-identity-contact-card-line {
    padding-bottom: $spacing-8;
    width: $cardWidth;
}

.bolt-identity-default-card-contact-line-wrapper {
    padding-bottom: $spacing-4;
    padding-left: $spacing-20;
    padding-right: $spacing-20;
}

.bolt-identity-contact-card-line-top {
    padding-top: $spacing-20;
}

/* Default card styles */

.bolt-identity-default-card-contact-line-label {
    padding-right: $spacing-12;
}
.bolt-identity-default-card-container {
    padding-top: $spacing-16;
}

.bolt-identity-default-card-member-list-wrapper {
    padding-top: $spacing-4;
}

.bolt-identity-default-card-direct-manager-wrapper {
    padding-top: $spacing-4;
}

.bolt-identity-default-card-direct-manager {
    padding-top: $spacing-12;
}

.bolt-identity-default-card-header-chevron {
    font-size: $fontSizeM;
    vertical-align: text-bottom;
}

.bolt-identity-default-card-header-reportsto {
    padding-bottom: $spacing-4;
    padding-left: $spacing-20;
}

.bolt-identity-default-card-header-space {
    padding-right: $spacing-12;
    font-weight: normal;
}

.bolt-identity-default-card-header-wrapper {
    margin-top: $spacing-8;
    padding-bottom: $spacing-20;
    padding-left: $spacing-20;
    padding-right: $spacing-20;
}

.bolt-identity-default-card-info-wrapper {
    padding-top: $spacing-16;
}

.bolt-identity-default-card-simple {
    padding: $spacing-20 0;
}

.bolt-identity-default-card-with-header {
    padding-top: $spacing-20;
}
.bolt-identity-default-card-without-header {
    padding-top: $spacing-20;
}

/* Organization card styles */

.bolt-identity-organization-card-content {
    height: $cardHeight - $headerHeight;
}
.bolt-identity-contact-card-organization-card-wrapper {
    height: $cardHeight - $headerHeight;
    width: $cardWidth;
}

.bolt-identity-organization-card-direct-reports-label {
    padding-left: $spacing-20;
    padding-right: $spacing-20;
    padding-bottom: $spacing-4;
    padding-top: $spacing-20;
}

.bolt-identity-organization-card-header-wrapper {
    background: $white;
    padding: $spacing-12 $spacing-20;
}