.profile-action-btn {
    background-color: #0089ce;
    color: #FFFFFF;
    font-size: 13px !important;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 7px 18px 7px 19px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}
.profile-action-link {
    color: #0089ce;
    text-decoration: none;
}

.profile-container {
    display: flex;
    flex-direction: column;
    margin-top: 23px;
}

.avatar-container {
    position: relative;
    width: 130px;
    height: 130px;
    margin-bottom: 20px;
}
.avatar-container .avatar-image {
    position: relative;
    width: 120px;
    height: 120px;
    /*border: 5px solid #000000;*/
    border-radius: 75px;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.avatar-container .avatar-image.owner:after {
    position:absolute;
    content:"";
    width: 30px;
    height: 30px;
    top: 1px;
    right: 1px;
    background-image: url("/static/icons/owner.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.info-sections {
    display: flex;
    justify-content: space-between;
    gap: 50px
}
.info-sections .col-section {
    flex: 1;
}
.info-sections .col-section .section{
    margin-bottom: 10px;
}
.section-fields > .row {
    /*height: 28px;*/
    display: flex;
    margin-bottom: 3px;
    align-items: center;
}
.section-fields > .row.row-right-align {
    justify-content: flex-end;
}

.section-fields > .row > div {
    background-color: #f3f8ff;
    font-size: 16px;
    text-overflow: fade;
    padding: 0 9px;
    width: 100%;
    height: 28px;
}
.section-fields > .row > label {
    position: relative;
    width: 100%;
}
.section-fields > .row > label .password-visibility-switch {
    height: 28px;
}
.section-fields > .row > label .input-title {
    font-size: 16px;
    color: #000000;
    position: relative;
    margin-bottom: 0;
}
.section-fields > .row > label input {
    height: 26px;
    border: 1px solid #4d88ca;
    width: 100%;
    outline: unset;
    box-sizing: border-box;
}

.section-fields > .row > .field-name {
    border-right: 3px solid #ffffff;
    width:  115px;
}
.section-fields > .row > .field-value {
    color: #878787;
}
.section-fields .error {
    font-size: 12px;
    color: #ff0000;
    padding: 0 0 3px 0;
}
.section-fields .success {
    font-size: 12px !important;
    color: #009300;
    padding: 0 0 3px 0;
    text-align: right;
    background-color: #FFFFFF !important;
    line-height: 28px;
}

.logout-section {
    display: flex;
    justify-content: flex-end;
}
.section-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    font-family: 'Century Gothic Bold', serif;
}

label[for="customer-selector"] .select2-container--default .select2-selection--single {
    height: auto;
    min-height: 28px;
}

label[for="customer-selector"] .select2-container--default .select2-selection__rendered {
    white-space: normal;
    line-height: 1.2;
    padding-top: 6px;
    padding-bottom: 6px;
}

.select2-formated_item {
    display: flex;
    align-items: center
}
.select2-formated_item .avatar {
    display: block;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    margin-right: 5px;
    background-position: center;
    background-size: contain;
}
.select2-formated_item .user_info {
    flex: 1;
    display: flex;
    flex-direction: column;
}
label[for='customer-selector'] .select2-container .select2-choice {
    height: unset;
}

.api_key_string, .copy-api-link {
    position: relative;
    font-size: 12px;
    margin-right: 20px;
}
.api_key_string.clipboard, .copy-api-link {
    cursor: pointer;
}
.api_key_string.clipboard::after, .copy-api-link:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 0px;
    right: -15px;
    background-image: url(data:image/png;base64,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);
    background-size: contain;
    background-repeat: no-repeat;
}
.api-key-revoke {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxRJREFUeNqEUltIFGEUPvP/c3Vdd9aVdVdwRbTVTA28VD5IF8HMtB4qih566MVQiC5EQRJGEfXShSAqegihl5IUxSAIerEorKiICsPMSHHXvbijs+Po7ExnFjYsig6cmX/mfOc753znZ85RCowoAg8gPOf5koF4/COssJ6sLCjhODAsC9jlZRh3OCrORqNfLctatOMED2AaBgRray+camx82yDLzfAXS2Gy4PNtaaure3MsELiU+U9bCGGqGhquBPLzj4Ki0Ba/f//3+fmx8WTygw3YhNVdqRS4AoFdRcHg4FI4zK1zudbLHOcdmZt7RGY8ng1FXm+nHonAEgItw6A95eV3612upkxlp8/XWFhc3Ls8PU3BNCG5uAj7vN5DRaJYQV+o6o9QLBZq8vnabbCB41DLYrd6PHu/quq7NX5/SX1Z2fDSzIxkE7LoIurW8+3b8ZeKMsRkZtnl83V0B4M3NV3HImYaaBGimYIAzOysZGF3SAwifp8JhY4Mzs5eS2uQIfi0sPA6ouvhzbm5241kEvRoFIxQiEtNTXEpRQFGVUHE7s7HYidwU1d+ibhSaSR5FVLViRpF2WHG48Sel2C7PLolSakeXe8cUpTrK3PYA5Jk3wHIIwTcmMDJ8iTheQMmJyllWWDRKcaA48yoqo7/uV7mtssFOXhYxvacfn+rl+f7tYkJnuD6WKzModtnCd9UkoyucHjP00RiIENAdHyoqL5UUNDuFoT+hS9feMCKLMOAIAimIEmmYN9WJBGw4zuBwP3NbveOXwQMqpvj9zfnsewDbWyMt4F2sojX+6Kun7ygqoezcEwRR7FjDkK4e6WlfZvc7ra0BgtOZ/1aSvuVz58FyvNpVXlM7ta0jseKctsGaQCJGwUFvTgOg/qAk+O4/srKvqrR0So6omlzhbpeXQaw2sQ9Z2O1y6Z5ejCRuJppc0zT3kcZJr7T49kmYCeO7Gy4H4k86Z2evpUGcISw52X54TNZtlqdzi74h+32eg8ubtxo3a2uHqYMk/VbUCREWiWKdfAfK3M4agRCsjPfPwUYAOEML3yxM2aXAAAAAElFTkSuQmCC");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.api-key-revoke.hidden {
    display: none;
}
#api_key_expires_at.key_is_relevant {
    color: #0a5a00;
}
#api_key_expires_at.key_has_expired {
    color: #5a0000;
}
.api-links-container {
    border: 1px solid #0089ce;
    border-radius: 3px;
    padding: 3px 10px;
}

.api-link {
    margin-bottom: 10px;
}
.api-link:last-of-type {
    margin-bottom: 0;
}
.api-format-link {
    color: #7c7c7c;
    text-decoration: none;
}