.print-area {
    .arrow-down {
        position: absolute;
        right: 8px;
        width: 20px;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .version-list {
        font-family: var(--roboto-thin);
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        box-shadow: none !important;
        border: 1px solid #59595A;
        padding: 1rem;
        background-size: 22px 12px;
        background-image: url("/assets/images/documents/arrow-down.png");
        background-repeat: no-repeat;

        option {
            background-color: black;
            color: white;
        }
    }

    .download-btn,
    .print-btn {
        background: #262626;
        width: 72px;
        border-radius: 3px !important;

        &:hover {
            background: var(--color-red);
        }

        img {
            margin: auto;
        }
    }

    .search-input {
        font-family: var(--roboto-thin);
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        border: 1px solid #59595A;
        background: transparent;
        border-radius: 4px;
        box-shadow: none !important;
        padding: 1rem 1rem 1rem 2.5rem;
        color: #fff;

        &::placeholder {
            color: #939598;
        }

        &::-ms-input-placeholder {
            color: #939598;
        }
    }

    .arrow-search {
        position: absolute;
        left: 25px;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0 !important;
    z-index: 101;
    text-align: center;
}

.version {
    font-family: var(--roboto-medium);
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 30px;
    background: #10FF6133;
    color: #50FF8C;
}

.outdated-version {
    background: #E1193233;
    color: var(--color-red);
}

@media (max-width:992px) {

    .version {
        font-size: 18px;
    }
}