/* /Pages/Account/CreateAccount.razor.rz.scp.css */
.page[b-95l51zmrv2] {
    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}
/* /Pages/Account/EmailConfirmation.razor.rz.scp.css */
.page[b-3hbavfj1hr] {
    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}
/* /Pages/Account/Index.razor.rz.scp.css */
.page[b-kus5rmq9ox] {
    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}
/* /Pages/Account/Welcome.razor.rz.scp.css */
.page[b-57gte21ub0] {
    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}
/* /Pages/MainWindows/Account.razor.rz.scp.css */
.page[b-as4y1n63zp] {
    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}
/* /Pages/MainWindows/AddNewDevice.razor.rz.scp.css */
/** {
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}

body {
    background-color: #03324a;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bgcontent {
    height: 60%;
    width: 45%;
    background-color: #011924;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.bgcontenttrans p {
    color: #fff;
}

.container-title {
    height: 9%;
    width: 100%;
    background-color: #021d2a;
    position: absolute;
    left: 50%;
    top: 0%;
    border-radius: 10px 10px 0px 0px;
    transform: translate(-50%, -50%);
}

.container-select-unit {
    height: 35%;
    width: 90%;
    background-color: #021d2a;
    position: absolute;
    left: 50%;
    top: 25%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    text-align: center;
}

.unit input {
    border-radius: 10%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2%;
    width: 20%;*/
    /*    border: transparent 2px solid;
*/
/*}

    .unit input:hover {*/
        /*        border: #fff 2px solid;
*/
    /*}

.container-select-serial {
    height: 35%;
    width: 90%;
    background-color: #021d2a;
    position: absolute;
    left: 50%;
    top: 65%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
}

.input-serial input {
    margin-top: 25px;
    width: 25px;
    height: 25px;
    background-color: #000;
    border: 0px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    border: transparent 1px solid;
}

.input-serial .clear-serial {
    width: 100px;
    background-color: #011924;
    border: white 1px solid;
    cursor: pointer;
}

.input-serial input:hover {
    border: rgb(172, 172, 172) 1px solid;
}

.input-serial input:valid {
    border: rgb(172, 172, 172) 1px solid;
}

.input-serial input:invalid {
    border: #021d2a 1px solid;
}

.container-button-confirm-cancel {
    position: absolute;
    top: 90%;
    left: 5%;
}

    .container-button-confirm-cancel button {
        margin-left: 50px;
        width: 300px;
        height: 40px;
        background-color: #021d2a;
        border-color: transparent;
        border: #fff 1px solid;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
    }

    .container-button-confirm-cancel .confirm:hover {
        color: green;
    }

    .container-button-confirm-cancel .cancel:hover {
        color: red;
    }

.input-numbers {
    margin-top: 20px;
}

    .input-numbers button {
        margin-left: 10px;
        margin-right: 10px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #414f56;
        border: #fff solid 2px;
        color: #fff;
        cursor: pointer;
    }*/
/* /Pages/MainWindows/ConfirmNewDevice.razor.rz.scp.css */
*[b-xc7a1hhxu6] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
}



.page[b-xc7a1hhxu6] {
    overflow: hidden;
}

body[b-xc7a1hhxu6] {
    background-color: #03324a;
}

.container-body[b-xc7a1hhxu6] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    flex-wrap: nowrap;
    left: 40%;
    top: 47%;
    position: absolute;
}

.container-left[b-xc7a1hhxu6] {
    height: 350px;
    width: 18%;
    background-color: #414f56;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    text-align: center;
}

.content-left[b-xc7a1hhxu6] {
    height: 50px;
    width: 50%;
    position: absolute;
    left: 9%;
    top: 18%;
    color: #fff;
}

.container-left img[b-xc7a1hhxu6] {
    width: 100%;
}

.container-right[b-xc7a1hhxu6] {
    height: 350px;
    width: 30%;
    background-color: #011c2a;
    transform: translate(-50%, -50%);
    border-radius: 0px 10px 10px 0px;
}

.content-right[b-xc7a1hhxu6] {
    height: 50px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 12%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: #fff;
}

.count[b-xc7a1hhxu6] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Buttons */

.container-right .confirm-button[b-xc7a1hhxu6] {
    background-color: transparent;
    border: #fff 2px solid;
    color: #fff;
    font-size: 25px;
    border-radius: 10px;
    width: 40%;
    height: 100%;
    cursor: pointer;
}

    .container-right .confirm-button:hover[b-xc7a1hhxu6] {
        border: #fff 2px solid;
        color: green;
    }

.container-right .code-button[b-xc7a1hhxu6] {
    background-color: transparent;
    border: #fff 2px solid;
    color: #fff;
    font-size: 25px;
    border-radius: 10px;
    width: 40%;
    height: 100%;
}

    .container-right .code-button:hover[b-xc7a1hhxu6] {
        border: #fff 2px solid;
        color: #fff;
    }

.go-back-button[b-xc7a1hhxu6] {
    position: absolute;
    left: 31%;
    top: 24%;
    font-family: monospace;
    background-color: transparent;
    border: #fff 1px solid;
    border-radius: 11px;
    color: white;
    cursor: pointer;
}


@media(max-width:767px) {
    .go-back-button[b-xc7a1hhxu6] {
        left: 25px;
        top: 71px;
    }

    .container-body[b-xc7a1hhxu6] {
        flex-direction: column;
        left: 48%;
        top: 31%;
        width: 100%;
        height: auto;
    }

    .container-left[b-xc7a1hhxu6] {
        height: 290px;
        width: 87%;
        position: relative;
        left: 2%;
        width: 87%;
    }

    .content-left[b-xc7a1hhxu6] {
        height: 50px;
        width: 83%;
        top: 8%;
    }

    .container-right[b-xc7a1hhxu6] {
        width: 87%;
        position: relative;
        left: 2%;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 0px;
    }

    .container-left img[b-xc7a1hhxu6] {
        width: 50%;
    }

    .code-button[b-xc7a1hhxu6] {
        position: relative;
        right: 17%;
    }

    .confirm-button[b-xc7a1hhxu6] {
        font-size: 15px !important;
    }

    @media(min-width:992px) {
        .go-back-button[b-xc7a1hhxu6] {
            background-color: red;
        }
    }
}
/* /Pages/MainWindows/Devices.razor.rz.scp.css */
/*.page {

    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}

.grid-container {

    display: grid;
    grid-template-columns: auto auto;
    background-color: transparent;
    padding: 10px;
    height: 90%;
    margin-right: 10%;
    margin-left: 10%;
    overflow-y: auto;
}

.grid-item {

    background-color: transparent;
    padding: 20px;
    font-size: 50%;
    text-align: center;
    border-width: 5px;
    border-style: none;
}

.addNewdeviceDiv {
    width: 80%;
    height: 10%;
    margin-left: 10%;
    text-align: center;
    margin-top: 2vw;
    cursor: pointer;
    background-color: transparent;
}

.addNewdeviceDiv a {

    color: white;
    font-size: large;
    text-align: center;
}

::-webkit-scrollbar {
    width: 1vw;
}*/

/* Track */
/*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 1vw;
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
    background: #011c2a;
    border-radius: 1vw;
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

@media (max-width: 900px) {
    .grid-container {
        grid-template-columns: auto;
    }
}*/

/* /Pages/MainWindows/ECGRecords.razor.rz.scp.css */
.page[b-zk594wx008] {
    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}
/* /Pages/MainWindows/Home.razor.rz.scp.css */
.page[b-bzryv415rh] {
    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}

.grid-container[b-bzryv415rh] {
    display: grid;
    grid-template-columns: auto auto auto auto;
    background-color: transparent;
    padding: 10px;
    height: 100%;
    margin-right: 10%;
    margin-left: 10%;
}

.grid-item[b-bzryv415rh] {
    background-color: transparent;
    padding: 20px;
    font-size: 50%;
    text-align: center;
    border-width: 5px;
    border-style: none;
}

@media (max-width: 900px) {
    .grid-container[b-bzryv415rh] {
        grid-template-columns: auto auto;
    }
}

@media (max-width: 641px) {
    .grid-container[b-bzryv415rh] {
        grid-template-columns: auto;
    }
}
/* /Pages/MainWindows/LiveView.razor.rz.scp.css */
body[b-s1sq69scev] {
}
/* /Pages/MainWindows/PatientList.razor.rz.scp.css */
.page[b-4hqq9msvrx] {
    background-color: transparent;
    position: absolute;
    margin: auto;
    top: 10%;
    bottom: 5%;
    right: 0;
    left: 0;
}

.grid-container[b-4hqq9msvrx] {
    display: grid;
    grid-template-columns: auto auto;
    background-color: transparent;
    padding: 10px;
    height: 90%;
    margin-right: 10%;
    margin-left: 10%;
    overflow-y: auto;
}

.grid-item[b-4hqq9msvrx] {
    background-color: transparent;
    padding: 20px;
    font-size: 50%;
    text-align: center;
    border-width: 5px;
    border-style: none;
}

.addNewdeviceDiv[b-4hqq9msvrx] {
    width: 10%;
    height: 4%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 2vw;
    cursor: pointer;
    background-color: transparent;
}


    .addNewdeviceDiv a[b-4hqq9msvrx] {
        color: white;
        font-size: large;
        text-align: center;
    }

[b-4hqq9msvrx]::-webkit-scrollbar {
    width: 1vw;
}

/* Track */
[b-4hqq9msvrx]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 1vw;
}

/* Handle */
[b-4hqq9msvrx]::-webkit-scrollbar-thumb {
    background: #011c2a;
    border-radius: 1vw;
}

    /* Handle on hover */
    [b-4hqq9msvrx]::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }

@media (max-width: 900px) {
    .grid-container[b-4hqq9msvrx] {
        grid-template-columns: auto;
    }
}
/* /Pages/MainWindows/TabularRecords.razor.rz.scp.css */
*[b-iopjn9r56h] {
    padding: 0;
    margin: 0;
}

body > #geral[b-iopjn9r56h] {
    height: auto;
    min-height: 100%;
}

.page[b-iopjn9r56h] {
    background-color: #17262d;
    position: absolute;
    margin: auto;
    top: 3rem;
    bottom: 5%;
    right: 0;
    left: 0;
    border-style: solid;
    border-width: 0vw 0vw 0.2vw 0vw;
    border-color: white;
}

.patientImage[b-iopjn9r56h] {
    width: 40%;
    padding-top: 40%;
    background-color: transparent;
    display: inline-block;
    margin-top: 5%;
    margin-left: 5%;
}

.recordMenu[b-iopjn9r56h] {
    width: 20%;
    height: 100%;
    background-color: black;
    display: block;
    margin-left: 0%;
    float: left;
}



.recordMenuTop[b-iopjn9r56h] {
    width: 90%;
    height: 10vw;
    background-color: #30424b;
    margin-left: 5%;
    margin-top: 5%;
    border-radius: 1vw;
}

.recordMenuBottom[b-iopjn9r56h] {
    width: 90%;
    height: 70%;
    background-color: #2a383f;
    margin: 5%;
    display: inline-block;
    border-radius: 1vw;
    color: white;
}

.patientInfo[b-iopjn9r56h] {
    width: 50%;
    height: auto;
    background-color: transparent;
    margin-left: 5%;
    margin-top: 7%;
    float: right;
    text-align: left;
    color: white;
}

#patientInfoLabel[b-iopjn9r56h] {
    font-size: 0.7vw;
}

#patientInfoValue[b-iopjn9r56h] {
    font-size: 1.0vw;
}

#patientImageObject[b-iopjn9r56h] {
    max-width: 100%;
    max-height: 100%;
    margin-top: -100%;
}

.grid-container[b-iopjn9r56h] {
    display: grid;
    grid-template-columns: auto;
    background-color: transparent;
    padding: 10px;
    padding-top: 5%;
    height: 90%;
    margin-right: 2%;
    margin-left: 2%;
    overflow-y: auto;
}

.grid-item[b-iopjn9r56h] {
    background-color: transparent;
    padding: 5px;
    font-size: 50%;
    text-align: center;
    border-width: 5px;
    border-style: none;
}

[b-iopjn9r56h]::-webkit-scrollbar {
    width: 1vw;
}

/* Track */
[b-iopjn9r56h]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 1vw;
}

/* Handle */
[b-iopjn9r56h]::-webkit-scrollbar-thumb {
    background: #3f5c6b;
    border-radius: 1vw;
}

    /* Handle on hover */
    [b-iopjn9r56h]::-webkit-scrollbar-thumb:hover {
        background: #3f5c6b;
    }

/*Table*/
*[b-iopjn9r56h] {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body[b-iopjn9r56h], html[b-iopjn9r56h] {
    height: 100%;
    font-family: sans-serif;
}

/* ------------------------------------ */
a[b-iopjn9r56h] {
    margin: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

    a:focus[b-iopjn9r56h] {
        outline: none !important;
    }

    a:hover[b-iopjn9r56h] {
        text-decoration: none;
    }

/* ------------------------------------ */
h1[b-iopjn9r56h], h2[b-iopjn9r56h], h3[b-iopjn9r56h], h4[b-iopjn9r56h], h5[b-iopjn9r56h], h6[b-iopjn9r56h] {
    margin: 0px;
}

p[b-iopjn9r56h] {
    margin: 0px;
}

ul[b-iopjn9r56h], li[b-iopjn9r56h] {
    margin: 0px;
    list-style-type: none;
}


/* ------------------------------------ */
input[b-iopjn9r56h] {
    display: block;
    outline: none;
    border: none !important;
}

textarea[b-iopjn9r56h] {
    display: block;
    outline: none;
}

    textarea:focus[b-iopjn9r56h], input:focus[b-iopjn9r56h] {
        border-color: transparent !important;
    }

/* ------------------------------------ */
button[b-iopjn9r56h] {
    outline: none !important;
    border: none;
    background: transparent;
}

    button:hover[b-iopjn9r56h] {
        cursor: pointer;
    }

iframe[b-iopjn9r56h] {
    border: none !important;
}

/*//////////////////////////////////////////////////////////////////
[ Scroll bar ]*/
.js-pscroll[b-iopjn9r56h] {
    position: relative;
    overflow: hidden;
}


.table100 .ps__rail-x[b-iopjn9r56h] {
    z-index: 1010;
    height: 6px;
    background-color: transparent;
    opacity: 1 !important;
    bottom: 10px;
}

    .table100 .ps__rail-x[b-iopjn9r56h]::before {
        content: "";
        display: block;
        position: absolute;
        background-color: #e6e6e6;
        height: 100%;
        width: calc(100% - 30px);
        left: 15px;
        top: 0px;
    }

    .table100 .ps__rail-x .ps__thumb-x[b-iopjn9r56h] {
        height: 100%;
        bottom: 0;
        background-color: transparent;
        opacity: 1 !important;
    }

        .table100 .ps__rail-x .ps__thumb-x[b-iopjn9r56h]::before {
            content: "";
            display: block;
            position: absolute;
            background-color: #b3b3b3;
            height: 100%;
            width: calc(100% - 30px);
            top: 0;
            left: 15px;
        }


/*//////////////////////////////////////////////////////////////////
[ Table ]*/


.container-table100[b-iopjn9r56h] {
    /*max-width: 1366px;
    margin: 0 auto;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /*padding: 33px 100px;*/
}

.wrap-table100[b-iopjn9r56h] {
    width: 100%;
}

/*//////////////////////////////////////////////////////////////////
[ Table ]*/
.table100[b-iopjn9r56h] {
    background-color: #fff;
}

table[b-iopjn9r56h] {
    text-align: center;
    font-size: 17px;
}

th[b-iopjn9r56h], td[b-iopjn9r56h] {
    font-weight: unset;
    padding-right: 10px;
}

.column1[b-iopjn9r56h] {
    width: 225px;
    background-color: #011924;
    color: white;
}

.column2[b-iopjn9r56h] {
    width: 225px;
    background-color: #021d2a;
    color: blue;
}

.table100 th[b-iopjn9r56h] {
    padding-top: 21px;
    padding-bottom: 25px;
}

.table100 td[b-iopjn9r56h] {
    padding-top: 16px;
    padding-bottom: 8px;
}


/*==================================================================
[ Fix col ]*/
.table100[b-iopjn9r56h] {
    width: 100%;
    position: relative;
}

.table100-firstcol[b-iopjn9r56h] {
    background-color: #fff;
    color: #fff;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
}


    .table100-firstcol table[b-iopjn9r56h] {
        background-color: #fff;
    }

.wrap-table100-nextcols[b-iopjn9r56h] {
    width: 100%;
    background-color: #011924;
    overflow: inherit;
    padding-left: 224px;
    padding-bottom: 0px;
}

.table100-nextcols table[b-iopjn9r56h] {
    table-layout: fixed;
}

.table100-firstcol table[b-iopjn9r56h] {
    background-color: transparent;
}

/*==================================================================
[ Ver1 ]*/

.table100.ver1 th[b-iopjn9r56h] {
    font-size: 14px;
    color: #fff;
    background-color: #17262d;
    line-height: 0;
    text-transform: uppercase;
}

.table100.ver1 td[b-iopjn9r56h] {
    font-size: 17px;
    line-height: 0.4
}

.table100.ver1 .table100-firstcol td[b-iopjn9r56h] {
    color:;
}

/*PERSONALIZATION COLUMN COLORS
.table100.ver1 .table100-firstcol td {
    color: #666666;
}*/

.table100.ver1 .table100-nextcols td[b-iopjn9r56h] {
}

/*BORDER COLOR
.table100.ver1 tr {
    border-bottom: 1px solid #f2f2f2;
}*/

/*==================================================================
[ Tabuler Footer ]*/

.tabularfooterTitle[b-iopjn9r56h] {
    display: grid;
    grid-template-columns: 14% 11% 13% 12%;
    padding-left: 40px;
    padding-top: 15px;
    font-size: 13px;
}

.tabularfootersubTitle[b-iopjn9r56h] {
    display: grid;
    grid-template-columns: 14% 11% 13% 12% 2% 1%;
    padding-left: 40px;
    font-size: 15px;
}

.tabularfooterTimer[b-iopjn9r56h] {
    display: grid;
    grid-template-columns: 60px 60px 60px 60px 60px 1fr;
    font-size: 13px;
    text-align: center;
    margin-top: -17px;
}

    .tabularfooterTimer button[b-iopjn9r56h] {
        border: 1px solid white;
        margin-left: 18px;
        border-radius: 50%;
        cursor: pointer;
        color: white;
    }

        .tabularfooterTimer button:active[b-iopjn9r56h] {
            border: 1px solid #00A2F1;
        }

.divider[b-iopjn9r56h] {
    font-size: 13px;
}

/*==================================================================
[ Tabular Drop UP menu footer ]*/
.dropdown-menu[b-iopjn9r56h] {
    position: initial;
    display: inline-block;
    margin-left: 30px !important;
    min-width: 7rem !important;
    border: 3px solid #2A383F;
    background-color: #17262D;
}

.menu-content[b-iopjn9r56h] {
    display: none;
    position: absolute;
    bottom: 70px;
    text-align: center;
    border: 3px solid #57646b;
    border-radius: 15px;
    background-color: #17262D;
    width: 7rem;
    z-index: 1;
}

.tabularArea[b-iopjn9r56h] {
    width: 80%;
    height: 78%;
    background-color: #011924;
    display: block;
    margin-left: 0%;
    float: right;
    display: block;
}


.tabularMenu[b-iopjn9r56h] {
    width: 80%;
    height: 10%;
    background-color: #17262d;
    display: block;
    margin-left: 0%;
    float: right;
}

.recordMenuTop[b-iopjn9r56h] {
    width: 90%;
    height: 10vw;
    background-color: #30424b;
    margin-left: 5%;
    margin-top: 5%;
    border-radius: 1vw;
}

.recordMenuBottom[b-iopjn9r56h] {
    width: 90%;
    height: 70%;
    background-color: #2a383f;
    margin: 5%;
    display: inline-block;
    border-radius: 1vw;
    color: white;
}

.patientInfo[b-iopjn9r56h] {
    width: 50%;
    height: auto;
    background-color: transparent;
    margin-left: 5%;
    margin-top: 7%;
    float: right;
    text-align: left;
    color: white;
}

#patientInfoLabel[b-iopjn9r56h] {
    font-size: 0.7vw;
}

#patientInfoValue[b-iopjn9r56h] {
    font-size: 1.0vw;
}

#patientImageObject[b-iopjn9r56h] {
    max-width: 100%;
    max-height: 100%;
    margin-top: -100%;
}

.grid-container[b-iopjn9r56h] {
    display: grid;
    grid-template-columns: auto;
    background-color: transparent;
    padding: 10px;
    padding-top: 5%;
    height: 90%;
    margin-right: 2%;
    margin-left: 2%;
    overflow-y: auto;
}

.grid-item[b-iopjn9r56h] {
    background-color: transparent;
    padding: 5px;
    font-size: 50%;
    text-align: center;
    border-width: 5px;
    border-style: none;
}

[b-iopjn9r56h]::-webkit-scrollbar {
    width: 1vw;
}

/* Track */
[b-iopjn9r56h]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 1vw;
}

/* Handle */
[b-iopjn9r56h]::-webkit-scrollbar-thumb {
    background: #3f5c6b;
    border-radius: 1vw;
}

    /* Handle on hover */
    [b-iopjn9r56h]::-webkit-scrollbar-thumb:hover {
        background: #3f5c6b;
    }

/*Table*/
*[b-iopjn9r56h] {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body[b-iopjn9r56h], html[b-iopjn9r56h] {
    height: 100%;
    font-family: sans-serif;
}

/* ------------------------------------ */
a[b-iopjn9r56h] {
    margin: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

    a:focus[b-iopjn9r56h] {
        outline: none !important;
    }

    a:hover[b-iopjn9r56h] {
        text-decoration: none;
    }

/* ------------------------------------ */
h1[b-iopjn9r56h], h2[b-iopjn9r56h], h3[b-iopjn9r56h], h4[b-iopjn9r56h], h5[b-iopjn9r56h], h6[b-iopjn9r56h] {
    margin: 0px;
}

p[b-iopjn9r56h] {
    margin: 0px;
}

ul[b-iopjn9r56h], li[b-iopjn9r56h] {
    margin: 0px;
    list-style-type: none;
}


/* ------------------------------------ */
input[b-iopjn9r56h] {
    display: block;
    outline: none;
    border: none !important;
}

textarea[b-iopjn9r56h] {
    display: block;
    outline: none;
}

    textarea:focus[b-iopjn9r56h], input:focus[b-iopjn9r56h] {
        border-color: transparent !important;
    }

/* ------------------------------------ */
button[b-iopjn9r56h] {
    outline: none !important;
    border: none;
    background: transparent;
}

    button:hover[b-iopjn9r56h] {
        cursor: pointer;
    }

iframe[b-iopjn9r56h] {
    border: none !important;
}

/*TABLE TABULAR AREA*/
/*table BOX ONE*/

.table-box[b-iopjn9r56h] {
    overflow: scroll;
    height: 100%;
    width: 100%;
}

table[b-iopjn9r56h] {
}

    table th[b-iopjn9r56h] {
        min-width: 150px;
        padding: 7px;
        background-color: #011924;
        color: #fff;
    }

    table td[b-iopjn9r56h] {
        min-width: 150px;
    }

    table tr th[b-iopjn9r56h] {
        position: sticky;
        left: 0;
    }

    table tr:nth-child(1) th[b-iopjn9r56h], table tr:nth-child(1) th[b-iopjn9r56h] {
        z-index: 1;
    }

    table tr:nth-child(1) th[b-iopjn9r56h], table tr:nth-child(1) td[b-iopjn9r56h] {
        top: 0px;
        position: sticky;
    }

    table tr:nth-child(1) td[b-iopjn9r56h] {
        background-color: #011924;
        color: #fff;
    }


/*==================================================================
[ Tabular Drop UP menu footer ]*/
.dropdown-menu[b-iopjn9r56h] {
    position: initial;
    display: inline-block;
    margin-left: 30px !important;
    min-width: 7rem !important;
    border: 3px solid #2A383F;
    background-color: #17262D;
}

.menu-content[b-iopjn9r56h] {
    display: none;
    position: absolute;
    bottom: 70px;
    text-align: center;
    border: 3px solid #57646b;
    border-radius: 15px;
    background-color: #17262D;
    width: 7rem;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.links[b-iopjn9r56h] {
    color: rgb(255, 255, 255);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 10px;
    font-weight: bold;
}

    .links:hover[b-iopjn9r56h] {
        color: #00A2F1;
        background-color: #011924;
        border-radius: 11px;
    }

.dropdown-menu:hover .menu-content[b-iopjn9r56h] {
    display: block;
}

.dropdown-menu:hover .menu-btn[b-iopjn9r56h] {
}

}

.links[b-iopjn9r56h] {
    color: rgb(255, 255, 255);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 10px;
    font-weight: bold;
}

    .links:hover[b-iopjn9r56h] {
        color: #00A2F1;
        background-color: #011924;
        border-radius: 11px;
    }

.dropdown-menu:hover .menu-content[b-iopjn9r56h] {
    display: block;
}


/*RESPONSIVE TABULAR*/

@media(max-width:767px) {
}

@media(min-width:768px) {
}

@media(min-width:992px) {
    .tabularArea[b-iopjn9r56h] {
        height: 85%;
    }

    .menu-content[b-iopjn9r56h] {
        bottom: 60px;
    }
}

@media(min-width:1880px) {
    .table-box[b-iopjn9r56h] {
        display: flex;
        overflow: scroll;
    }

    .tabularArea[b-iopjn9r56h] {
        height: 90%;
    }

    .menu-content[b-iopjn9r56h] {
        bottom: 73px;
    }
}
/* /Pages/MainWindows/TestWindow.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-7r5cqc56zh] {
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    background-color: #03324a;
    overflow-x: hidden;
    overflow-y: hidden;
}

.main[b-7r5cqc56zh] {
    position: fixed;
    height: 100vh;
    width: 100vw;
    flex: 1;
    overflow-x: hidden;
    overflow-y: hidden;
}

.sidebar[b-7r5cqc56zh] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.logo[b-7r5cqc56zh] {
    display: block;
    height: 60%;
    margin-top: 10px;
    float: left;
}

.feedback[b-7r5cqc56zh] {
    color: white;
    font-size: large;
}


nav[b-7r5cqc56zh] {
    margin-top: 12px;
    float: right;
}

nav ul[b-7r5cqc56zh] {
    list-style: none;
}

nav li[b-7r5cqc56zh] {
    display: inline-block;
}

nav a[b-7r5cqc56zh] {
    color:      red;
    font-size:  large;
}

.container1[b-7r5cqc56zh] {
    width: 80%;
    margin: 0 auto;
    border: none;
}

.top-row[b-7r5cqc56zh] {
    background-color: #011c2a;
    height: 3.0rem;
    display: flex;
    border-style: none;
}

.top-row[b-7r5cqc56zh]  a, .top-row .btn-link[b-7r5cqc56zh] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-7r5cqc56zh] {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
}

@media (min-width: 641px) {
}
/* /Shared/Monitoring Widget/AlarmBar.razor.rz.scp.css */
.message[b-9ddhjipqev]{
    text-align: center;
    vertical-align: central;
}

.mainDiv[b-9ddhjipqev] {
    border-radius: 0.5vw;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-362z51t8g5] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-362z51t8g5] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-362z51t8g5] {
    font-size: 1.1rem;
}

.oi[b-362z51t8g5] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-362z51t8g5] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-362z51t8g5] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-362z51t8g5] {
        padding-bottom: 1rem;
    }

    .nav-item[b-362z51t8g5]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-362z51t8g5]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-362z51t8g5]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-362z51t8g5] {
        display: none;
    }

    .collapse[b-362z51t8g5] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/SignIn/CreateAccount.razor.rz.scp.css */
.center[b-qe0wqeupng] {
    position: absolute;
    margin: auto;
    background-color: transparent;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 700px;
    overflow-x: hidden;
}

ul[b-qe0wqeupng] {
    list-style: none;
    display: table;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #03324a;
    width: 400px;
    height: 650px;
}

    ul li[b-qe0wqeupng] {
        width: 300px;
        background-color: transparent;
        padding: 5px;
        margin-left: 10px;
    }

        ul li img[b-qe0wqeupng] {
            display: block;
            margin-left: auto;
            margin-right: auto;
            height: 30px;
            margin-top: 25px;
            background-color: transparent;
        }

        ul li h3[b-qe0wqeupng] {
            text-align: center;
            vertical-align: middle;
            color: white;
            font-size: medium;
        }

        ul li input[b-qe0wqeupng] {
            height: 42px;
            width: 280px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            border-radius: 10px;
            font-size: medium;
            resize: none;
            background-color: #021e2c;
            outline: none;
            caret-color: white;
            color: white;
            border-style: solid;
            border-color: #021e2c;
            border-width: thick;
        }

.buttonStyleOne[b-qe0wqeupng] {
    margin: 0 auto;
    background-color: #545d62;
    background-repeat: no-repeat;
    border: none;
    width: 280px;
    height: 40px;
    border-radius: 10px;
    color: white;
}

.buttonStyleTwo[b-qe0wqeupng] {
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: white;
    font-size: small;
}

.divButtonOne[b-qe0wqeupng] {
    text-align: center;
    height: 40px;
}

.divButtonTwo[b-qe0wqeupng] {
    text-align: center;
    height: 15px;
}
/* /Shared/SignIn/EmailCodeWidget.razor.rz.scp.css */
.center[b-yizsaqs4cz] {
    position: absolute;
    margin: auto;
    background-color: transparent;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 320px;
}

ul[b-yizsaqs4cz] {
    list-style: none;
    display: table;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #03324a;
    width: 400px;
    height: 320px;
}

    ul li[b-yizsaqs4cz] {
        width: 300px;
        background-color: transparent;
        padding: 5px;
        margin-left: 10px;
    }

        ul li img[b-yizsaqs4cz] {
            display: block;
            margin-left: auto;
            margin-right: auto;
            height: 30px;
            margin-top: 25px;
            background-color: transparent;
        }

        ul li h3[b-yizsaqs4cz] {
            text-align: center;
            vertical-align: middle;
            color: white;
            font-size: medium;
        }

        ul li input[b-yizsaqs4cz] {
            height: 42px;
            width: 280px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            border-radius: 10px;
            font-size: medium;
            resize: none;
            background-color: #021e2c;
            outline: none;
            caret-color: white;
            color: white;
            border-style: solid;
            border-color: #021e2c;
            border-width: thick;
        }

.buttonStyleOne[b-yizsaqs4cz] {
    margin: 0 auto;
    background-color: #545d62;
    background-repeat: no-repeat;
    border: none;
    width: 280px;
    height: 40px;
    border-radius: 10px;
    color: white;
}

.buttonStyleTwo[b-yizsaqs4cz] {
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: white;
    font-size: small;
}

.divButtonOne[b-yizsaqs4cz] {
    text-align: center;
    height: 40px;
}

.divButtonTwo[b-yizsaqs4cz] {
    text-align: center;
    height: 15px;
}
/* /Shared/SignIn/SignIn.razor.rz.scp.css */
.center[b-lirq8mzm2v] {
    position: absolute;
    margin: auto;
    background-color: transparent;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 320px;
}

ul[b-lirq8mzm2v] {
    list-style: none;
    display: table;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #03324a;
    width: 400px;
    height: 320px;
}

    ul li[b-lirq8mzm2v] {
        width: 300px;
        background-color: transparent;
        padding: 5px;
        margin-left: 10px;
    }

    ul li img[b-lirq8mzm2v] {
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 30px;
        margin-top: 25px;
        background-color: transparent;
    }

    ul li h3[b-lirq8mzm2v] {
        text-align: center;
        vertical-align: middle;
        color: white;
        font-size: medium;
    }

        ul li input[b-lirq8mzm2v] {
            height: 42px;
            width: 280px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            border-radius: 10px;
            font-size: medium;
            resize: none;
            background-color: #021e2c;
            outline: none;
            caret-color: white;
            color: white;
            border-style: solid;
            border-color: #021e2c;
            border-width: thick;
        }

.buttonStyleOne[b-lirq8mzm2v] {
    margin: 0 auto;
    background-color: #545d62;
    background-repeat: no-repeat;
    border: none;
    width: 280px;
    height: 40px;
    border-radius: 10px;
    color: white;
}

.buttonStyleTwo[b-lirq8mzm2v] {
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: white;
    font-size: small;
}

.divButtonOne[b-lirq8mzm2v] {
    text-align: center;
    height: 40px;
}

.divButtonTwo[b-lirq8mzm2v] {
    text-align: center;
    height: 15px;
}
/* /Shared/SignIn/Welcome.razor.rz.scp.css */
.center[b-4fbx8cgc70] {
    position: absolute;
    margin: auto;
    background-color: transparent;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 220px;
}

ul[b-4fbx8cgc70] {
    list-style: none;
    display: table;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #03324a;
    width: 400px;
    height: 220px;
}

    ul li[b-4fbx8cgc70] {
        width: 500px;
        background-color: transparent;
        padding: 5px;
        margin-left: 10px;
    }


        ul li h1[b-4fbx8cgc70] {
            text-align: center;
            vertical-align: middle;
            color: white;
            font-size: 50px;
        }

        ul li h2[b-4fbx8cgc70] {
            text-align: center;
            vertical-align: middle;
            color: white;
            font-size: 20px;
        }

/* /Shared/Widgets/Device.razor.rz.scp.css */
.center[b-7gad6cfei8] {
    width: 80%;
    height: 0;
    padding-top: 40%;
    background-color: #8b9da8;
    margin-left: 10%;
    border-width: 0.0vw 0.2vw 0.2vw 0.2vw;
    border-radius: 1.2vw;
    border-color: #8b9da8;
    border-style: solid;
}

/*.rightDiv {
    background-color: teal;
    width: 60%;
    padding-top: 50%;
    margin-top: -50%;
    margin-left: 40%;
    border-radius: 0vw 1vw 1vw 0vw;
}

.rightDivOne {
    background-color: lightblue;
    width: 90%;
    padding-top: 60%;
    margin-top: -80%;
    margin-left: 5%;
    border-radius: 0vw 0vw 0vw 0vw;
}
*/

.leftDiv[b-7gad6cfei8] {
    background-color: #637078;
    width: 40%;
    padding-top: 50%;
    margin-top: -50%;
    margin-bottom: 0%;
    border-radius: 1vw 0vw 0vw 1vw;
    position: inherit;
}

.leftDivOne[b-7gad6cfei8] {
    background-color: transparent;
    width: 90%;
    padding-top: 90%;
    margin-top: -95%;
    margin-left: 5%;
    border-radius: 0vw 0vw 0vw 0vw;
}

/*    .leftDivOne img {
        background-color: transparent;
        height: 90%;
        margin-top: -125%;
        border-radius: 0vw 0vw 0vw 0vw;
        display: block;
    }
*/
.lwOneImgClass[b-7gad6cfei8] {
    margin-top:     -105%;
    width:          30%;
    margin-left:    35%;
    display:        block;
}

.lwLiteImgClass[b-7gad6cfei8] {
    width: 90%;
    margin-top: -115%;
    margin-left: 5%;
    display: block;
}

.lwLitePlusImgClass[b-7gad6cfei8] {
    width: 95%;
    margin-top: -110%;
    margin-left: 2.5%;
    display: block;
}

.lw9xImgClass[b-7gad6cfei8] {
    width: 85%;
    margin-top: -75%;
    margin-left: 7.5%;
    display: block;
}


.testdiv[b-7gad6cfei8] {
    height: 1.5vw;
    width: 100%;
    background-color: transparent;
    font-size: 1vw;
    color: black;
}

.testdivTwo[b-7gad6cfei8] {
    height: 1vw;
    width: 100%;
    background-color: transparent;
    font-size: 0.6vw;
    color: black;
}

.leftDivOne ul[b-7gad6cfei8]{
    list-style: none;
    margin-top: -20%;
}

#deviceNameLabel[b-7gad6cfei8] {
    background-color: green;
    display: block;
    margin-top: -125%;
    width: 100%;
    height: 5%;
}

#deviceSerialNumberLabel[b-7gad6cfei8] {
    background-color: Highlight;
    display: block;
    font-size: 0.5vw;
    margin-top: -100%;
    position:inherit;
}


.leftDivTwo[b-7gad6cfei8] {
    background-color: gold;
    width: 100%;
    height: 10%;
    max-height: 10%;
    border-radius: 0vw 0vw 0vw 0vw;
    margin-top: 5%;
}

    .leftDivTwo label[b-7gad6cfei8] {
        color: white;
        font-size: 1vw;
        height: 10%;
    }

.leftDivThree[b-7gad6cfei8] {
    background-color: slategrey;
    width: 100%;
    height: 10%;
    max-height: 10%;
    border-radius: 0vw 0vw 0vw 0vw;
}

    .leftDivThree label[b-7gad6cfei8] {
        color: white;
        font-size: 0.6vw;
        line-height: 1.6vw;
    }

.rightDiv[b-7gad6cfei8] {
    background-color: #444e55;
    width: 60%;
    padding-top: 50%;
    margin-top: -50%;
    margin-left: 40%;
    border-radius: 0vw 1vw 1vw 0vw;
}

.rightDivOne[b-7gad6cfei8] {
    background-color:   transparent;
    width:              90%;
    padding-top:        60%;
    margin-top:         -80%;
    margin-left:        5%;
    border-radius:      0vw 0vw 0vw 0vw;
}

#statusObject[b-7gad6cfei8] {
    background-color: transparent;
    width: 60%;
    margin-top: -60%;
    list-style: none;
    display: table;
    text-align: center;
    margin-left: 0%;
    padding: 0%;
    float: left;
}

.batteryObject[b-7gad6cfei8] {
    background-color: transparent;
    width: 30%;
    height: 8vw;
    margin-top: -60%;
    list-style: none;
    display: block;
    text-align: center;
    float: right;
}

.batteryTop[b-7gad6cfei8] {
    background-color: #536068;
    width: 40%;
    padding-top: 5%;
    margin-top: 0%;
    border-radius: 0.7vw;
    border-width: 0.1vw;
    border-color:black;
    border-style: solid;
    margin-left: 30%;
}

.batteryBottom[b-7gad6cfei8] {
    background-color: #536068;
    width: 60%;
    padding-top: 100%;
    margin-top: 0%;
    border-radius: 0.4vw;
    border-width: 0.1vw;
    border-color: black;
    border-style: solid;
    margin-left: 20%;
    margin-top: 2%;
}

.batteryBottomInside[b-7gad6cfei8] {
    width: 56%;
    border-radius: 0.0vw 0.0vw 0.3vw 0.3vw;
    margin-left: 22%;
}

#batteryLabel[b-7gad6cfei8] {
    font-size: 0.8vw;
}

#batteryPercent[b-7gad6cfei8] {
    font-size: 0.8vw;
    color: white;
}

#titleLabel[b-7gad6cfei8] {
    background-color: transparent;
    width: 100%;
    text-align: left;
    font-size: 0.6vw;
    color: #637078;
}

#infoLabel[b-7gad6cfei8] {
    background-color: transparent;
    width: 100%;
    text-align: left;
    font-size: 1vw;
    color: white;
}

#spaceLabel[b-7gad6cfei8] {
    background-color: transparent;
    color: transparent;
    width: 100%;
    text-align: left;
    font-size: 0.5vw;
}

.rightDivTwo[b-7gad6cfei8] {
    background-color:   indianred;
    width:              30%;
    padding-top:        60%;
    border-radius:      0vw 0vw 0vw 0vw;
    float:              right;
    margin-top:         0%;
    display:            block;
}

    .rightDivTwo ul[b-7gad6cfei8] {
        background-color: green;
        width: 100%;
        margin-top: -200%;
        list-style: none;
        display: table;
        text-align: left;
        margin-left: 0%;
        padding: 0%;
        white-space: nowrap;
    }

.batteryLabel[b-7gad6cfei8]{
    height: 1vw;
}

.batteryLabel label[b-7gad6cfei8] {
    text-align: center;
    width: 100%;
    font-size: 0.7vw;
    float: left;
}

.batteryBottomFill[b-7gad6cfei8] {
    background-color: blue;
    width: 56%;
    padding-top: 50%;
    margin-top: -51%;
    border-radius: 0.5vw;
    margin-left: 22%;
    display: block;
}

.rightDivThree[b-7gad6cfei8] {
    background-color:   blue;
    width:              92%;
    padding-top:        20%;
    margin-top:         -12%;
    margin-left:        5%;
    border-radius:      0vw 0vw 0vw 0vw;
}

.buttonStyleOne[b-7gad6cfei8] {
    height: 3vw;
    width: 92%;
    background-color: #081b29;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0.5vw;
    color: white;
    text-align: center;
    font-size: small;
    display: block;
    margin-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
}



/* /Shared/Widgets/HomeIcon.razor.rz.scp.css */
a[b-tyynz6z7eo]{
    cursor: pointer;
}

.center[b-tyynz6z7eo] {
    width: 80%;
    height: 0;
    padding-top: 80%;
    
    background-color: transparent;
    border-radius: 7%;
    border-color: #879ea8;
    border-width: 2px;
    border-style: none;

}

.centerTwo[b-tyynz6z7eo] {
    width: 100%;
    padding-top: 70%;
    background-color: #607179;
    border-radius: 1vw 1vw 0px 0px;
    border-color: #879ea8;
    border-width: 0.2vw 0.2vw 0px 0.2vw;
    border-style: solid;
    margin-top: -100%;
    margin-left: 10%;
}

.logo[b-tyynz6z7eo] {
    margin-top: -70%;
    width: 65%;
}

.centerThree[b-tyynz6z7eo] {
    width: 100%;
    height: 20%;
    padding-top: 20%;
    background-color: #414f56;
    border-radius: 0px 0px 1vw 1vw;
    border-color: #879ea8;
    border-width: 0px 0.2vw 0.2vw 0.2vw;
    border-style: solid;
    margin-top: 0%;
    margin-left: 10%;
}

.iconLabel[b-tyynz6z7eo] {
    font-size: 1.2vw;
    position: relative;
    color: white;
    background-color: transparent;
    top: -2.2vw;
}

ul[b-tyynz6z7eo] {
    list-style: none;
    display: table;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #03324a;
    width: 100%;
    height: 100%;
}
/* /Shared/Widgets/PatientRecord.razor.rz.scp.css */
.center[b-b24cuhebl4] {
    width: 80%;
    height: 0;
    padding-top: 40%;
    background-color: #8b9da8;
    margin-left: 10%;
    border-width: 0.0vw 0.2vw 0.2vw 0.2vw;
    border-radius: 1.2vw;
    border-color: #8b9da8;
    border-style: solid;
    display: block;
}

.topDiv[b-b24cuhebl4] {
    background-color: #637078;
    width: 100%;
    padding-top: 30%;
    margin-top: -50%;
    display: block;
    border-radius: 1vw 1vw 0vw 0vw;
}

.bottomDiv[b-b24cuhebl4] {
    background-color: #011c2a;
    width: 100%;
    display: block;
    padding-top: 20%;
    margin-top: 0%;
    border-radius: 0vw 0vw 1vw 1vw;
    position: relative;
}

.buttonOneDiv[b-b24cuhebl4] {
    background-color: transparent;
    width: 30%;
    padding-top: 18%;
    margin-top: -19%;
    margin-left: 2%;
    display: block;
    border-radius: 1vw;
    position: relative;
}

.bottomButtonSplitOne[b-b24cuhebl4] {
    background-color: #5c6672;
    width: 1.5%;
    padding-top: 16%;
    margin-top: -17%;
    margin-left: 34%;
    display: block;
    border-radius: 1vw;
    position: relative;
}

.bottomButtonSplitTwo[b-b24cuhebl4] {
    background-color: #5c6672;
    width: 1.3%;
    padding-top: 16%;
    margin-top: -17%;
    margin-left: 65.5%;
    display: block;
    border-radius: 1vw;
    position: relative;
}

.buttonTwoDiv[b-b24cuhebl4] {
    background-color: transparent;
    width: 27%;
    padding-top: 18%;
    margin-top: -17%;
    margin-left: 37%;
    display: block;
    border-radius: 1vw;
    position: relative;
}

.buttonThreeDiv[b-b24cuhebl4] {
    background-color: transparent;
    width: 30%;
    padding-top: 18%;
    margin-top: -17%;
    margin-left: 68%;
    display: block;
    border-radius: 1vw;
    position: relative;
}

#bottomButtons[b-b24cuhebl4] {
    width: 45%;
    margin-top: -55%;
    margin-left: 27.5%;
    display: block;
}

#bottomButtonsOneImage[b-b24cuhebl4] {
    width: 42%;
    margin-top: -55%;
    margin-left: 29%;
    display: block;
}

#bottomButtonMiddle[b-b24cuhebl4] {
    width: 40%;
    margin-top: -55%;
    margin-left: 30%;
    display: block;
}

#patientImage[b-b24cuhebl4] {
    max-width: 85%;
    max-height: 85%;
    margin-top: -85%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 1vw;
    text-align: center;
}

.buttonButtonLabel[b-b24cuhebl4] {
    font-size: 0.7vw;
    margin-top: -1%;
    color: white;
    font-family: Tahoma, sans-serif;
}

.bottomButtonMiddleLabel[b-b24cuhebl4] {
    font-size: 0.7vw;
    margin-top: 0%;
    color: white;
    font-family: Tahoma, sans-serif;
}

.bottomButtonThreeLabel[b-b24cuhebl4] {
    font-size: 0.7vw;
    margin-top: -4%;
    color: white;
    font-family: Tahoma, sans-serif;
}

.patientImageDiv[b-b24cuhebl4] {
    background-color: transparent;
    width: 30%;
    padding-top: 26%;
    margin-top: -28%;
    margin-left: 0%;
    display: block;
    border-radius: 1vw;
    position: relative;
}

.patientInfoDiv[b-b24cuhebl4] {
    background-color: #444e55;
    width: 68%;
    padding-top: 26%;
    margin-top: -26%;
    margin-left: 30%;
    display: block;
    border-radius: 1vw;
    position: relative;
}

.patientInfoDiv table[b-b24cuhebl4] {
    background-color: transparent;
    width: 80%;
    margin-top: -35%;
    margin-left: 10%;
    position: relative;
    text-align: left;
    font-size: 1vw;
}

#patientInfoLabel[b-b24cuhebl4] {
    color: #008aff;
    text-align: left;
    background-color: transparent;
    width: 35%;
}

#patientInfoValue[b-b24cuhebl4] {
    color: white;
    text-align: left;
    padding: 0%;
    background-color: transparent;
}

a[b-b24cuhebl4]{
    cursor: pointer;
}

/* /Shared/Widgets/PatientRecordTile.razor.rz.scp.css */
.center[b-drmdjvcxul] {
    width: 100%;
    height: 0;
    padding-top: 40%;
    background-color: #30424b;
    margin-left: 0%;
    border-width: 0.2vw 0.2vw 0.2vw 0.2vw;
    border-radius: 1.2vw;
    border-color: #465e6a;
    border-style: solid;
    display: block;
}

.dateDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 70%;
    margin-left: 15%;
    padding-top: 1%;
    margin-top: -42%;
    display: block;
    border-radius: 1vw;
    text-align: center;
    color: white;
    font-size: 0.7vw;
    font: Arial, sans-serif;
}

.timeOfDayLabelDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 40%;
    margin-left: 10%;
    padding-top: 1%;
    margin-top: 0%;
    display: block;
    border-radius: 1vw;
    color: darkgrey;
    font-size: 0.7vw;
}

.timeOfDayDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 40%;
    margin-left: 10%;
    padding-top: 1%;
    margin-top: -2%;
    display: block;
    border-radius: 1vw;
    color: white;
    font-size: 0.7vw;
}

.procedureLabelDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 40%;
    margin-left: 10%;
    padding-top: 1%;
    margin-top: 2%;
    display: block;
    border-radius: 1vw;
    color: darkgrey;
    font-size: 0.7vw;
}

.procedureDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 40%;
    margin-left: 10%;
    padding-top: 1%;
    margin-top: -2%;
    display: block;
    border-radius: 1vw;
    color: white;
    font-size: 0.7vw;
}

.durationLabelDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 40%;
    margin-left: 50%;
    padding-top: 1%;
    margin-top: -31%;
    display: block;
    border-radius: 1vw;
    color: darkgrey;
    font-size: 0.7vw;
}

.durationDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 40%;
    margin-left: 50%;
    padding-top: 1%;
    margin-top: 0%;
    display: block;
    border-radius: 1vw;
    color: white;
    font-size: 0.7vw;
}

.doctorLabelDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 40%;
    margin-left: 50%;
    padding-top: 1%;
    margin-top: 2.5%;
    display: block;
    border-radius: 1vw;
    color: darkgrey;
    font-size: 0.7vw;
}

.doctorDiv[b-drmdjvcxul] {
    background-color: transparent;
    width: 40%;
    margin-left: 50%;
    padding-top: 1%;
    margin-top: -2%;
    display: block;
    border-radius: 1vw;
    color: white;
    font-size: 0.7vw;
}

.bottomDiv[b-drmdjvcxul] {
    background-color:   transparent;
    width:              100%;
    display:            block;
    padding-top:        20%;
    margin-top:         0%;
    border-radius:      0vw 0vw 1vw 1vw;
    position:           relative;
}