.exportDataComponent {
}

.exportDataComponent.disabled {
    pointer-events: none;
    opacity: 0.4;
}

    .exportDataComponent .mainButton {
        height: 28px;
        font-family: GlowRegular;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 20px;
        display: flex;
    }

        .exportDataComponent .mainButton .selectedInfo {
            flex: 1 1 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 2px;
            cursor: pointer;
        }

    .exportDataComponent .buttonsContainer {
        position: absolute;
        width: 160px;
        top: 50px;
        right: 10px;
        border-radius: 4px;
        background-color: #ffffff;
        box-shadow: 0 2px 4px 0 rgba(0, 41, 199, 0.2), 0 0 2px 0 rgba(70, 89, 191, 0.3);
        padding: 16px 0 12px 0;
        z-index: 1000;
        cursor: default;
    }

        .exportDataComponent .buttonsContainer .dropdown-content {
            max-height: 270px;
            overflow: hidden;
        }

        .exportDataComponent .buttonsContainer .title {
            position: relative;
            height: 28px;
            font-family: GlowSemiBold;
            color: #4a4a4a;
            font-size: 14px;
            text-align: justify;
            padding-left: 20px;
        }

        .exportDataComponent .buttonsContainer .info {
            font-family: GlowRegular;
            color: #4a4a4a;
            font-size: 14px;
            height: 28px;
            cursor: pointer;
            padding-left: 20px;
            padding-right: 20px;
            text-align: left;
            display: flex;
            -webkit-touch-callout: none; /* iOS Safari */
            -webkit-user-select: none; /* Safari */
            -khtml-user-select: none; /* Konqueror HTML */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
        }

            .exportDataComponent .buttonsContainer .info:hover {
                background: #F6F7FE;
            }

            .exportDataComponent .buttonsContainer .info .text {
                flex: 1 1 auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-top: 5px;
            }

            .exportDataComponent .buttonsContainer .info.selected {
                color: #5774E7;
            }