.csb-center-dialog {
    padding: 16px;
}

.csb-full-heigth {
    height: 100%;
}

.csb-full-width {
    max-width: 100% !important;
}

.csb-device-table {
    display: table;
    width: 100%;
}

.csb-device-table-row {
    display: table-row;
}

.csb-device-table-header {
    padding-right: 5px;
    font-weight: bold;
}

.csb-device-table-content {
    padding-right: 5px;
}

.csb-device-table-column {
    display: table-cell;
    padding-top: 0.5em;
}

.csb-input-error {
    display: block;
}

.csb-spinner-container {
    display: none;
}

.text-align-center {
    text-align: center;
}

.csb-table {
    width: 100%;
}

.csb-table-header {
    display: flex;
    width: 100%;
    padding: 1em;
    border-bottom: 1px solid #6c6e70;
}

.csb-table-row {
    display: flex;
    width: 100%;
    padding: 1em;
    border-bottom: 1px solid #dee2e6;
}

.csb-table-row:last-of-type {
    border-bottom: none;
}

.csb-table-data {
    flex: 1 1 20%;
    text-align: center;
    overflow: hidden;
    max-height: 2.1em;
    line-height: 1em;
}

.csb-table-index-col {
    width: 10px
}

.csb-table-header-item {
    flex: 1 1 20%;
    text-align: center;
    font-weight: bold;
}

.csb-table-button {
    width: 100%;
}

#qrCode {
    border: 5px solid #fff;
    width: 190px;
}

#qrWrapper {
    min-height: 310px;
    display:grid;
    
    place-items: center;
}

#nav-azurelogin a {
    float: right;
}

@media only screen and (max-width: 600px) {
    .clientView {
        display: none;
    }

    .mobileView {
        display: block;
    }

    .desktop-table-view {
        display: none;
    }

    .mobile-table-view {
        display: table
    }
}

@media only screen and (min-width: 600px) {
    .clientView {
        display: block;
    }

    .csb-table-content{
        max-height:600px;
        overflow: scroll;
    }

    .mobileView {
        display: none;
    }

    .desktop-table-view {
        display: table;
    }

    .mobile-table-view {
        display: none
    }
}