﻿.helpCard {
    padding: 16px 24px;
    border-radius: 10px;
    background-color: #F4F7FB;
    height: 156px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

    .helpCard a {
        font-size: 16px;
        font-weight: 600;
        color: #543EA3;
        margin-right: 45px;
    }

.helpBot {
    background-image: url(/images/helpBot.png);
}

.remoteHelp {
    background-image: url(/images/remoteHelp.png);
}

.copyToClipboard {
    font-size: 16px;
    color: #D1C9F9;
}

    .copyToClipboard:hover {
        cursor: pointer;
    }

.listItem {
    height: 82px;
    padding-top: 5px;
    display: flex;
    align-items: center;
}

.listItem {
}

    .listItem i {
        font-size: 20px;
        color: #8B77EF;
        position: relative;
        right: -20px;
    }

        .listItem i:hover {
            cursor: pointer;
        }

#connectionBlock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
}

#helpRequest .admin-settings-page .col-1 {
    width: 24px;
    font-weight: 600;
}

#helpRequest .admin-settings-page .row {
    padding-top: 8px;
}

#connectionCodeInput, #connectionCodeInput:focus-visible {
    width: 240px;
    font-size: 35px;
    font-weight: 600;
    color: #7A7A7A;
    border: none;
    outline: none;
    text-align-last: center;
    margin: 15px;
}

#conectBtn {
    outline-width: 0px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    background-color: #7fde93;
}

#backupOptionBtn {
    font-weight: 600;
    color: #6C757D;
}

    #backupOptionBtn:hover {
        cursor: pointer;
    }

#linkToDownload {
    font-weight: 600;
    font-size: 16px;
    color: #8B77EF;
}
.agreementInfo {
    font-size: 12px;
    color: #00000085;
}