.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-controls-pad {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.api_key_string, .copy-api-link {
    position: relative;
    font-size: 12px;
    margin-right: 20px;
}

.copy-api-link {
    cursor: pointer;
}
.copy-api-link:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 0;
    right: -15px;
    background-image: url(data:image/png;base64,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);
    background-size: contain;
    background-repeat: no-repeat;
}

.api-key-button {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #0d95e8;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    mask-size: contain;
    transition-duration: 0.3s;
}
.api-key-button:hover {
    transform: scale(1.1);
}
.api-key-copy {
    -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgLTAuNSAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNjc2IDE0LjI0OEMxNy42NzYgMTUuODY1MSAxNi4zNjUxIDE3LjE3NiAxNC43NDggMTcuMTc2SDcuNDI4QzUuODEwOTEgMTcuMTc2IDQuNSAxNS44NjUxIDQuNSAxNC4yNDhWNi45MjhDNC41IDUuMzEwOTEgNS44MTA5MSA0IDcuNDI4IDRIMTQuNzQ4QzE2LjM2NTEgNCAxNy42NzYgNS4zMTA5MSAxNy42NzYgNi45MjhWMTQuMjQ4WiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMTAuMjUyIDIwSDE3LjU3MkMxOS4xODkxIDIwIDIwLjUgMTguNjg5IDIwLjUgMTcuMDcyVjkuNzUxOTUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgLTAuNSAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNjc2IDE0LjI0OEMxNy42NzYgMTUuODY1MSAxNi4zNjUxIDE3LjE3NiAxNC43NDggMTcuMTc2SDcuNDI4QzUuODEwOTEgMTcuMTc2IDQuNSAxNS44NjUxIDQuNSAxNC4yNDhWNi45MjhDNC41IDUuMzEwOTEgNS44MTA5MSA0IDcuNDI4IDRIMTQuNzQ4QzE2LjM2NTEgNCAxNy42NzYgNS4zMTA5MSAxNy42NzYgNi45MjhWMTQuMjQ4WiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMTAuMjUyIDIwSDE3LjU3MkMxOS4xODkxIDIwIDIwLjUgMTguNjg5IDIwLjUgMTcuMDcyVjkuNzUxOTUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+");
}
.api-key-revoke {
    -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMC41MDAxIDZIMy41IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xOC44MzMyIDguNUwxOC4zNzMyIDE1LjM5OTFDMTguMTk2MiAxOC4wNTQgMTguMTA3NyAxOS4zODE1IDE3LjI0MjcgMjAuMTkwN0MxNi4zNzc3IDIxIDE1LjA0NzMgMjEgMTIuMzg2NSAyMUgxMS42MTMyQzguOTUyMzUgMjEgNy42MjE5NSAyMSA2Ljc1Njk0IDIwLjE5MDdDNS44OTE5NCAxOS4zODE1IDUuODAzNDQgMTguMDU0IDUuNjI2NDQgMTUuMzk5MUw1LjE2NjUgOC41IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxwYXRoIGQ9Ik05LjE3MDkgNEM5LjU4MjczIDIuODM0ODEgMTAuNjk0IDIgMTIuMDAwMiAyQzEzLjMwNjQgMiAxNC40MTc3IDIuODM0ODEgMTQuODI5NSA0IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMC41MDAxIDZIMy41IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xOC44MzMyIDguNUwxOC4zNzMyIDE1LjM5OTFDMTguMTk2MiAxOC4wNTQgMTguMTA3NyAxOS4zODE1IDE3LjI0MjcgMjAuMTkwN0MxNi4zNzc3IDIxIDE1LjA0NzMgMjEgMTIuMzg2NSAyMUgxMS42MTMyQzguOTUyMzUgMjEgNy42MjE5NSAyMSA2Ljc1Njk0IDIwLjE5MDdDNS44OTE5NCAxOS4zODE1IDUuODAzNDQgMTguMDU0IDUuNjI2NDQgMTUuMzk5MUw1LjE2NjUgOC41IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxwYXRoIGQ9Ik05LjE3MDkgNEM5LjU4MjczIDIuODM0ODEgMTAuNjk0IDIgMTIuMDAwMiAyQzEzLjMwNjQgMiAxNC40MTc3IDIuODM0ODEgMTQuODI5NSA0IiBzdHJva2U9IiMxQzI3NEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjwvc3ZnPg==");
}
.api-key-update {
    -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDx0aXRsZT50aW1lLXVwZGF0ZTwvdGl0bGU+DQogIDxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPg0KICAgIDxnIGlkPSJpbnZpc2libGVfYm94IiBkYXRhLW5hbWU9ImludmlzaWJsZSBib3giPg0KICAgICAgPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSJub25lIi8+DQogICAgPC9nPg0KICAgIDxnIGlkPSJpY29uc19RMiIgZGF0YS1uYW1lPSJpY29ucyBRMiI+DQogICAgICA8cGF0aCBkPSJNMiwyNGEyMiwyMiwwLDAsMCw0MS43LDkuNywyLDIsMCwwLDAtLjUtMi42LDIsMiwwLDAsMC0zLC43QTE3LjgsMTcuOCwwLDAsMSwyNCw0MiwxOCwxOCwwLDEsMSwzNy40LDEySDMyLjFBMi4xLDIuMSwwLDAsMCwzMCwxMy43LDIsMiwwLDAsMCwzMiwxNkg0MmEyLDIsMCwwLDAsMi0yVjQuMUEyLjEsMi4xLDAsMCwwLDQyLjMsMiwyLDIsMCwwLDAsNDAsNFY4LjlBMjIsMjIsMCwwLDAsMiwyNFoiLz4NCiAgICAgIDxwYXRoIGQ9Ik0zNCwzMmExLjcsMS43LDAsMCwxLTEtLjNMMjIsMjUuMVYxNGEyLDIsMCwwLDEsNCwwdjguOWw5LDUuNGExLjksMS45LDAsMCwxLC43LDIuN0ExLjksMS45LDAsMCwxLDM0LDMyWiIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDx0aXRsZT50aW1lLXVwZGF0ZTwvdGl0bGU+DQogIDxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPg0KICAgIDxnIGlkPSJpbnZpc2libGVfYm94IiBkYXRhLW5hbWU9ImludmlzaWJsZSBib3giPg0KICAgICAgPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSJub25lIi8+DQogICAgPC9nPg0KICAgIDxnIGlkPSJpY29uc19RMiIgZGF0YS1uYW1lPSJpY29ucyBRMiI+DQogICAgICA8cGF0aCBkPSJNMiwyNGEyMiwyMiwwLDAsMCw0MS43LDkuNywyLDIsMCwwLDAtLjUtMi42LDIsMiwwLDAsMC0zLC43QTE3LjgsMTcuOCwwLDAsMSwyNCw0MiwxOCwxOCwwLDEsMSwzNy40LDEySDMyLjFBMi4xLDIuMSwwLDAsMCwzMCwxMy43LDIsMiwwLDAsMCwzMiwxNkg0MmEyLDIsMCwwLDAsMi0yVjQuMUEyLjEsMi4xLDAsMCwwLDQyLjMsMiwyLDIsMCwwLDAsNDAsNFY4LjlBMjIsMjIsMCwwLDAsMiwyNFoiLz4NCiAgICAgIDxwYXRoIGQ9Ik0zNCwzMmExLjcsMS43LDAsMCwxLTEtLjNMMjIsMjUuMVYxNGEyLDIsMCwwLDEsNCwwdjguOWw5LDUuNGExLjksMS45LDAsMCwxLC43LDIuN0ExLjksMS45LDAsMCwxLDM0LDMyWiIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+");
}

.api-key-success {
    background-color: #0a5a00;
    -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjczLjUwMXB4IiBoZWlnaHQ9IjczLjUwMXB4IiB2aWV3Qm94PSIwIDAgNzMuNTAxIDczLjUwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzMuNTAxIDczLjUwMTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0yNC43NjUsNzEuMjEyYy0yLjYxNywwLTUuMDczLTEuMDE2LTYuOTE3LTIuODU5TDIuOTI2LDU0LjYyN0MxLjAxOCw1Mi43MjIsMCw1MC4yNjMsMCw0Ny42NDgNCgkJCWMwLTIuNjE0LDEuMDE4LTUuMDcxLDIuODY2LTYuOTJjMS44NDktMS44NDksNC4zMDctMi44NjUsNi45MjEtMi44NjVjMi41OTEsMCw1LjAyOSwxLDYuODcyLDIuODE4bDguMTAyLDcuMTA4TDU2LjYxMSw1LjM2OQ0KCQkJYzAuMDU4LTAuMDc1LDAuMTE5LTAuMTQ2LDAuMTg3LTAuMjEzYzEuODQ5LTEuODUsNC4zMDgtMi44NjcsNi45MjEtMi44NjdjMi42MTQsMCw1LjA3MiwxLjAxOCw2LjkyMiwyLjg2Nw0KCQkJYzMuNzgzLDMuNzg0LDMuODE0LDkuOTIzLDAuMDkyLDEzLjc0N0wzMi40NDgsNjguMTY3Yy0wLjA1MSwwLjA2NS0wLjEwNiwwLjEyOC0wLjE2NSwwLjE4OGMtMS45MTQsMS45MTItNC40OTgsMi45MjYtNy4yMTQsMi44NTQNCgkJCUMyNC45NjcsNzEuMjEsMjQuODY3LDcxLjIxMiwyNC43NjUsNzEuMjEyeiBNOS43ODgsNDEuODYzYy0xLjU0NiwwLTIuOTk5LDAuNjAyLTQuMDkzLDEuNjk1Yy0xLjA5MywxLjA5Mi0xLjY5NCwyLjU0NS0xLjY5NCw0LjA5DQoJCQlzMC42MDIsMywxLjY5NCw0LjA5NGwxNC45MjIsMTMuNzI2YzEuMTQ4LDEuMTQ2LDIuNiwxLjkxNCw0LjE0OCwxLjkxNGwwLjIyNywwLjE2NGMwLjA1LDAsMC4xLDAsMC4xNTEsMGwwLjIyMS0wLjE2NA0KCQkJYzEuNTEsMCwyLjkyOS0wLjY1Myw0LjAwOC0xLjY5bDM4LjI3NC00OS4yOTNjMC4wNTEtMC4wNjUsMC4xMDUtMC4xNDgsMC4xNjYtMC4yMDdjMi4yNTYtMi4yNTgsMi4yNTYtNS45MzksMC04LjE5NQ0KCQkJYy0xLjA5NS0xLjA5NC0yLjU0Ny0xLjcwMS00LjA5NC0xLjcwMWMtMS41MDIsMC0yLjkxNywwLjU2Ni0zLjk5OCwxLjYwMkwyNi42NjUsNTEuOTE5Yy0wLjMzNSwwLjQ0NS0wLjg0LDAuNzMtMS4zOTQsMC43ODcNCgkJCWMtMC41NTEsMC4wNTctMS4xMDYtMC4xMTgtMS41MjUtMC40ODZsLTkuNzcxLTguNTcyYy0wLjAzMi0wLjAyOC0wLjA2NC0wLjA1OS0wLjA5NS0wLjA5DQoJCQlDMTIuNzg3LDQyLjQ2NCwxMS4zMzQsNDEuODYzLDkuNzg4LDQxLjg2M3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==");
    mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjczLjUwMXB4IiBoZWlnaHQ9IjczLjUwMXB4IiB2aWV3Qm94PSIwIDAgNzMuNTAxIDczLjUwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzMuNTAxIDczLjUwMTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0yNC43NjUsNzEuMjEyYy0yLjYxNywwLTUuMDczLTEuMDE2LTYuOTE3LTIuODU5TDIuOTI2LDU0LjYyN0MxLjAxOCw1Mi43MjIsMCw1MC4yNjMsMCw0Ny42NDgNCgkJCWMwLTIuNjE0LDEuMDE4LTUuMDcxLDIuODY2LTYuOTJjMS44NDktMS44NDksNC4zMDctMi44NjUsNi45MjEtMi44NjVjMi41OTEsMCw1LjAyOSwxLDYuODcyLDIuODE4bDguMTAyLDcuMTA4TDU2LjYxMSw1LjM2OQ0KCQkJYzAuMDU4LTAuMDc1LDAuMTE5LTAuMTQ2LDAuMTg3LTAuMjEzYzEuODQ5LTEuODUsNC4zMDgtMi44NjcsNi45MjEtMi44NjdjMi42MTQsMCw1LjA3MiwxLjAxOCw2LjkyMiwyLjg2Nw0KCQkJYzMuNzgzLDMuNzg0LDMuODE0LDkuOTIzLDAuMDkyLDEzLjc0N0wzMi40NDgsNjguMTY3Yy0wLjA1MSwwLjA2NS0wLjEwNiwwLjEyOC0wLjE2NSwwLjE4OGMtMS45MTQsMS45MTItNC40OTgsMi45MjYtNy4yMTQsMi44NTQNCgkJCUMyNC45NjcsNzEuMjEsMjQuODY3LDcxLjIxMiwyNC43NjUsNzEuMjEyeiBNOS43ODgsNDEuODYzYy0xLjU0NiwwLTIuOTk5LDAuNjAyLTQuMDkzLDEuNjk1Yy0xLjA5MywxLjA5Mi0xLjY5NCwyLjU0NS0xLjY5NCw0LjA5DQoJCQlzMC42MDIsMywxLjY5NCw0LjA5NGwxNC45MjIsMTMuNzI2YzEuMTQ4LDEuMTQ2LDIuNiwxLjkxNCw0LjE0OCwxLjkxNGwwLjIyNywwLjE2NGMwLjA1LDAsMC4xLDAsMC4xNTEsMGwwLjIyMS0wLjE2NA0KCQkJYzEuNTEsMCwyLjkyOS0wLjY1Myw0LjAwOC0xLjY5bDM4LjI3NC00OS4yOTNjMC4wNTEtMC4wNjUsMC4xMDUtMC4xNDgsMC4xNjYtMC4yMDdjMi4yNTYtMi4yNTgsMi4yNTYtNS45MzksMC04LjE5NQ0KCQkJYy0xLjA5NS0xLjA5NC0yLjU0Ny0xLjcwMS00LjA5NC0xLjcwMWMtMS41MDIsMC0yLjkxNywwLjU2Ni0zLjk5OCwxLjYwMkwyNi42NjUsNTEuOTE5Yy0wLjMzNSwwLjQ0NS0wLjg0LDAuNzMtMS4zOTQsMC43ODcNCgkJCWMtMC41NTEsMC4wNTctMS4xMDYtMC4xMTgtMS41MjUtMC40ODZsLTkuNzcxLTguNTcyYy0wLjAzMi0wLjAyOC0wLjA2NC0wLjA1OS0wLjA5NS0wLjA5DQoJCQlDMTIuNzg3LDQyLjQ2NCwxMS4zMzQsNDEuODYzLDkuNzg4LDQxLjg2M3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==");
}

.api-key-preloader-circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    background-image: url("/static/images/preloader-circle.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.api-key-button.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;
}