﻿.integrationApi_container { width: 100%; }

    .integrationApi_container .add-token-panel { display: flex; justify-content: end; align-items: center; margin: 0 0 10px 0; }

        .integrationApi_container .add-token-panel .txt-desc { box-shadow: unset; height: 2.194em !important; width: 250px; border-radius: 4px; }
        .integrationApi_container .add-token-panel .ddl-expires { height: 2.094em !important; margin: 0 0 0 10px; border-color: #bfbfbf; border-radius: 4px; }
            .integrationApi_container .add-token-panel .ddl-expires:focus { border-color: #32BEA6; }
            .integrationApi_container .add-token-panel .ddl-expires:hover { border-color: #32BEA6; }

        .integrationApi_container .add-token-panel .btn-add { border-radius: 4px !important; }

        .integrationApi_container .add-token-panel .txt-key { box-shadow: unset; height: 2.194em !important; border-radius: 4px; width: 590px; padding: 0 26px 0 0; }
            .integrationApi_container .add-token-panel .txt-key:focus { border-color: #bfbfbf; }
            .integrationApi_container .add-token-panel .txt-key:hover { border-color: #bfbfbf; }
        .integrationApi_container .add-token-panel .btn-copy { height: 18px; width: 18px; margin-left: -20px; }
        .integrationApi_container .add-token-panel .btn-copy { z-index: 1; background: url('../../../bundle/i/icon-copy.svg') no-repeat; opacity: 0.5; }
            .integrationApi_container .add-token-panel .btn-copy:hover { opacity: 1; cursor: pointer; }
        .integrationApi_container .add-token-panel .blink { animation: blinker 1s linear; }

        .integrationApi_container .add-token-panel .invalid { border-color: #b61547; }

    .integrationApi_container .no-records-container { height: 80px; }
    .integrationApi_container #tokensGrid tr .menu { background: url('../../../bundle/i/newUI/menu-items-sprite.svg') no-repeat; }
    .integrationApi_container #tokensGrid tr .menu { width: 18px; height: 18px; cursor: pointer; visibility: hidden; }
    .integrationApi_container #tokensGrid tr:hover .menu { visibility: visible; }
    .integrationApi_container .expired { color: #DB232C; }


@keyframes blinker {
    from { opacity: 0.0; }
    to { opacity: 1.0; }
}
