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

/* Identity card  basestyles */

.bolt-identity-card-callout {
    @include ms-high-contrast-override {
        border: 1px solid WindowText;
    }
}

.bolt-identity-card {
    max-height: 1200px;
    width: $cardWidth;

    @include xsmall-screen {
        max-width: $cardWidth;
        width: 100%;
    }

    &.loading {
        height: $cardHeight;
    }
}

.word-wrap {
    word-break: break-all;
}

.bolt-identity-card-content {
    padding-bottom: $spacing-12;
}

// override button styles on docsite.
.bolt-button.bolt-identity-card-go-back-wrapper {
    background-color: $communication-background;

    // override button styles.
    justify-content: flex-start;
    flex-shrink: 1;
    overflow: hidden;
}
.bolt-identity-card-hr {
    margin-bottom: $spacing-12;
    margin-top: $spacing-12;
    border-width: 0;
    height: 1px;
    background-color: $neutral-8;
}

// override button styles on docsite.
.bolt-button.bolt-identity-card-persona-list-element {
    // override button styles.
    font-weight: inherit;
    flex-shrink: 1;
    flex-grow: 1;
    justify-content: flex-start;
    overflow: hidden;
}

.bolt-identity-card-persona-list-row {
    padding: $spacingFocusRect;
}

.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 {
    max-height: $cardHeight - $headerHeight;
    padding-left: $spacing-20;
}

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

.bolt-identity-default-card-contact-info-container {
    padding-bottom: $spacingFocusRect;
    padding-top: $spacingFocusRect;
}

.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-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 {
    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;
}

.bolt-default-card-abridged {
    padding-bottom: $spacing-20;
    padding-top: $spacing-20;
}

/* Organization card styles */

.bolt-identity-organization-card-content {
    max-height: $cardHeight - $headerHeight;
}
.bolt-identity-contact-card-organization-card-wrapper {
    max-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;
}

.bolt-identity-card-unknown-user-content {
    height: 64px;
}

.bolt-identity-card-reports-to-wrapper {
    padding: 3px;
}