/* _content/digiClubZone/Components/Agreement/AgreementAdd.razor.rz.scp.css */

.container[b-xnh0wwm825] {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 5px auto auto auto;
}

.grid-container[b-xnh0wwm825] {
    display: grid;
    grid-template-columns: 110px auto 100px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
    grid-row-gap: 10px;
    color: black;
}

.infoText[b-xnh0wwm825]{
    font-size:.75em;
}

.waiverText[b-xnh0wwm825]{
    height:500px;
    font-size:.75em;
    padding:10px;
}

.grid-col1[b-xnh0wwm825] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-xnh0wwm825] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-xnh0wwm825] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-xnh0wwm825] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-xnh0wwm825] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.grid-colFull[b-xnh0wwm825] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
}

.grid-colExpander[b-xnh0wwm825] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 5;
}

.isValid[b-xnh0wwm825] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-xnh0wwm825] {
    color: red;
    font-weight: bold;
}

.isChecked[b-xnh0wwm825] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-xnh0wwm825] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

input[b-xnh0wwm825] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-xnh0wwm825] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.inputDate[b-xnh0wwm825] {
    font-size: 1em!important;
    max-height: 40px;
    max-width: 150px;
}



textarea[b-xnh0wwm825] {
    border: solid;
    /*    border-bottom: solid !important;*/
    border-color: green;
    color: black;
    width: 100%;
    font-size: .75em;
}

.warning[b-xnh0wwm825] {
    color: red;
    font-size: 1em;
    font-weight: bold;
    text-align:center;
}

.message[b-xnh0wwm825] {
    color: green;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

.center[b-xnh0wwm825] {
    display: table;
    margin: auto;
}
/* _content/digiClubZone/Components/Agreement/ApprovalCard.razor.rz.scp.css */

.container[b-vm3jobxr4c] {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 5px auto auto auto;
}

.grid-container[b-vm3jobxr4c] {
    display: grid;
    grid-template-columns: 110px auto 100px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
    grid-row-gap: 10px;
    color: black;
}

.waiverText[b-vm3jobxr4c] {
    height: 500px;
    font-size: .75em;
    padding: 10px;
}

.grid-col1[b-vm3jobxr4c] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-vm3jobxr4c] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-vm3jobxr4c] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-vm3jobxr4c] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-vm3jobxr4c] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.grid-colFull[b-vm3jobxr4c] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
}

.grid-colExpander[b-vm3jobxr4c] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 5;
}

.isValid[b-vm3jobxr4c] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-vm3jobxr4c] {
    color: red;
    font-weight: bold;
}

.isChecked[b-vm3jobxr4c] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-vm3jobxr4c] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

input[b-vm3jobxr4c] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-vm3jobxr4c] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.inputDate[b-vm3jobxr4c] {
    font-size: 1em !important;
    max-height: 40px;
    max-width: 150px;
}



textarea[b-vm3jobxr4c] {
    border: solid;
    /*    border-bottom: solid !important;*/
    border-color: green;
    color: black;
    width: 100%;
    font-size: .75em;
}

.warning[b-vm3jobxr4c] {
    color: red;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

.message[b-vm3jobxr4c] {
    color: green;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

.center[b-vm3jobxr4c] {
    display: table;
    margin: auto;
}
/* _content/digiClubZone/Components/Agreement/ApprovalCardFull.razor.rz.scp.css */
/*.container {
    position: relative;
    width: 100%;
    margin: auto;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
}*/

.container[b-r58mvnc8lg] {
    position: relative;
    width: 100%;
    max-width: 700px;
    /*    min-width:450px;*/
    margin: 5px auto auto auto;
    background-color: darkslategray;
    color: white;
}

.waiverDescription[b-r58mvnc8lg] {
    border: solid darkgray 3px;
    min-height: 40px;
    width: 100% !important;
    padding: 5px;
    border-radius: 5px;
    background-color: white;
    color: black;
}

.waiverText[b-r58mvnc8lg] {
    border: solid darkgray 3px;
    max-height: 400px;
    min-height: 400px;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    background-color: white;
    color: black;
    overflow: auto;
    scroll-behavior: auto;
}



.signSection[b-r58mvnc8lg] {
    display: grid;
    grid-template-columns: 140px auto 110px;
    width: 100%;
    background-color: lightgray;
    min-height: 140px;
    padding: 10px;
}

.signSection-colFull[b-r58mvnc8lg] {
    display: initial;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 4;
}

.grid-container[b-r58mvnc8lg] {
    display: grid;
    grid-template-columns: 0px auto auto 0px;
    width: 100%;
    min-height: 80px;
    margin: auto;
    grid-row-gap: 10px;
    color: white;
}

.grid-colFull[b-r58mvnc8lg] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
}

.grid-col1[b-r58mvnc8lg] {
    /*    font-size: .75em;
    text-align: right;
    margin-right: 10px;*/
    padding-top: 5px;
}

.grid-col2[b-r58mvnc8lg] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-r58mvnc8lg] {
    font-size: .75em;
    text-align: right;
    /*    margin-right: 10px;*/
    padding-top: 5px;
}

.grid-col4[b-r58mvnc8lg] {
    font-size: 1em;
    text-align: left;
    margin-right: 10px;
}

.grid-colNote[b-r58mvnc8lg] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.isValid[b-r58mvnc8lg] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-r58mvnc8lg] {
    color: red;
    font-weight: bold;
}

.isChecked[b-r58mvnc8lg] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-r58mvnc8lg] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}
/* _content/digiClubZone/Components/Agreement/WaiverSearch.razor.rz.scp.css */
.grid-container[b-ijtk6tmc09] {
    display: grid;
    grid-template-columns: auto 90px 400px auto;
    gap: 2px;
    padding: 20px;
    width: 700px;
}

    .grid-container > div[b-ijtk6tmc09] {
        padding: 10px 0;
        height: 80px;
    }


.colStatus[b-ijtk6tmc09] {
    font-size: 1em !important;
    padding-top: 4px;
    margin: auto 5px auto auto;
}

.colDescription[b-ijtk6tmc09] {
    font-size: 1em !important;
    margin: auto auto auto 0px;
    color: darkgray;
}

.colData[b-ijtk6tmc09] {
    font-size: 1.25em !important;
    min-width: 70px;
}

.colOther[b-ijtk6tmc09] {
    font-size: 1em !important;
    color: black;
}

.hasIssues[b-ijtk6tmc09] {
    color: red!important;
}

.rowFooter[b-ijtk6tmc09] {
    grid-column-start: 2;
    grid-column-end: 5;
}

.float-container[b-ijtk6tmc09] {
    border: 0px solid #fff;
    padding: 2px;
}

.center[b-ijtk6tmc09] {
    display: table;
    margin: auto;
}

.btn-checkOut[b-ijtk6tmc09]{
    width:200px;
    height:60px;
    font-size:1.5em;
}

.btn-addPass[b-ijtk6tmc09] {
    width: 100px;
    height: 30px;
    font-size: 1.0em;
}

.warning[b-ijtk6tmc09]{
    color:red;
    font-size:1.5em;
    font-weight:bold:
}
/* _content/digiClubZone/Components/Agreement/WaiverValidate.razor.rz.scp.css */
.grid-container[b-olmiv5s0rn] {
    display: grid;
    grid-template-columns: auto 90px 400px auto;
    gap: 2px;
    padding: 20px;
    width: 700px;
}

    .grid-container > div[b-olmiv5s0rn] {
        padding: 10px 0;
        height: 80px;
    }


.colStatus[b-olmiv5s0rn] {
    font-size: 1em !important;
    padding-top: 4px;
    margin: auto 5px auto auto;
}

.colDescription[b-olmiv5s0rn] {
    font-size: 1em !important;
    margin: auto auto auto 0px;
    color: darkgray;
}

.colData[b-olmiv5s0rn] {
    font-size: 1.25em !important;
    min-width: 70px;
}

.colOther[b-olmiv5s0rn] {
    font-size: 1em !important;
    color: black;
}

.hasIssues[b-olmiv5s0rn] {
    color: red!important;
}

.rowFooter[b-olmiv5s0rn] {
    grid-column-start: 2;
    grid-column-end: 5;
}

.float-container[b-olmiv5s0rn] {
    border: 0px solid #fff;
    padding: 2px;
}

.center[b-olmiv5s0rn] {
    display: table;
    margin: auto;
}

.btn-checkOut[b-olmiv5s0rn]{
    width:200px;
    height:60px;
    font-size:1.5em;
}

.btn-addPass[b-olmiv5s0rn] {
    width: 100px;
    height: 30px;
    font-size: 1.0em;
}

.warning[b-olmiv5s0rn]{
    color:red;
    font-size:1.5em;
    font-weight:bold:
}
/* _content/digiClubZone/Components/Calendar/CalendarCell.razor.rz.scp.css */


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .grid-item[b-tmpiogab5f] {
        background-color: white;
        border: 1px solid lightgrey;
        padding: 0px;
        height: 100px;
        width: 100%;
        font-size: 25px;
        text-align: center;
    /*    cursor: pointer;*/
        max-height: 55px;
    }

    .grid-item-weekend[b-tmpiogab5f] {
        background-color: white;
        /*background-color: lightblue!important;*/
        border: 1px solid #6EC21B;
        padding: 0px;
        height: 100px;
        width: 100%;
        font-size: 25px;
        text-align: center;
        /*  cursor: pointer;*/
        max-height: 55px;
    }

    .num[b-tmpiogab5f] {
        font-size: 12px;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        display: flex;
        background-color: lightblue;
        height:30px;
        width: 30px;
        color: darkblue;
        margin: auto;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .grid-item[b-tmpiogab5f] {
        background-color: white;
        border: 1px solid lightgrey;
        padding: 0px;
        max-height: 89px;
        width: 100%;
        font-size: 30px;
        text-align: center;
        /*     cursor: pointer;*/
    }

    .grid-item-weekend[b-tmpiogab5f] {
        background-color: white;
        /*        background-color: lightblue;*/
        /*border: 1px solid lightgrey;*/
        border: 1px solid #6EC21B !important;
        padding: 0px;
        height: 89px;
        width: 100%;
        font-size: 30px;
        text-align: center;
        /*    cursor: pointer;*/
    }

    .num[b-tmpiogab5f] {
        font-size: 12px;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        display: flex;
        background-color: rgba(181, 201, 232,.25);
        height: 55px;
        width: 55px;
        color: darkblue;
        margin: auto;
    }
}





.num-warning[b-tmpiogab5f] {
    font-size: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    display: flex;
    background-color: salmon;
    height: 25px;
    width: 25px;
    color: white;
    margin: auto;
}

.warning[b-tmpiogab5f] {
    font-size: 14px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    height: 25px;
    width: 25px;
    color: red;
    margin: auto;
}



.numDescription[b-tmpiogab5f] {
    font-size: 10px;
}



.selected[b-tmpiogab5f] {
    /*   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)!important;*/
    border: 4px solid darkblue !important;
 /*   border: none !important;*/
}

.hover[b-tmpiogab5f] {
    cursor: pointer;
}

/*.grid-item-weekend:hover {
        box-shadow: 0 8px 16px 0 lightgrey;
        background-color: #e9e9e9;
    }*/

.daybox[b-tmpiogab5f] {
    background-color: white;
    width: 40px;
    height: 20px;
    font-size: 12px;
}

.dayboxFirst[b-tmpiogab5f] {
    background-color: greenyellow;
    width: 40px;
    height: 20px;
    font-size: 12px;
}

.dayboxCurrent[b-tmpiogab5f] {
    background-color: firebrick;
    color: white;
    width: 40px;
    height: 20px;
    font-size: 12px;
}

.outsideMonth[b-tmpiogab5f] {
    background-color: white;
}

.outOfRange[b-tmpiogab5f] {
    background-color: rgba(0,0,255,0.05);
}

.inRange[b-tmpiogab5f] {
  /*  background-color: white;*/
    border-color: greenyellow;
    cursor: pointer;
}

    .inRange:hover[b-tmpiogab5f] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        background-color: #e9e9e9;
    }
/* _content/digiClubZone/Components/Calendar/CalendarView.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .grid-container[b-uphfgqni16] {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto auto auto auto auto auto;
        padding: 0px;
        max-width: 800px;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .grid-container[b-uphfgqni16] {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto auto auto auto auto auto;
        padding: 0px;
        max-height:600px;
    }
}


table[b-uphfgqni16]{
    width:100%;
    padding:0;
    margin:0;
}


#container[b-uphfgqni16]{
    border-style:none;
    margin:5px;
    height:auto;
    padding:0px;
}


.grid-header[b-uphfgqni16] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid lightgrey;
    padding: 0px;
    height: 30px;
    width: 100%;
    font-size: medium;
    text-align: center;
}

.monthNav[b-uphfgqni16] {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    font-size: 14px;
    width: 15px;
    padding: 5px;
    height: 15px;
    overflow: hidden;
    cursor: pointer;
}

table[b-uphfgqni16] {
    border-collapse: collapse;
    width: 100%;
    /*   display:grid;*/
    margin-right: 0px;
    margin-top:4px!important;
}

th[b-uphfgqni16], td[b-uphfgqni16] {
    text-align: left;
    padding: 0px;
}

tr:nth-child(even)[b-uphfgqni16] {
    background-color: #f2f2f2;
}

.title[b-uphfgqni16] {
    font-size: .75em;
    color: rgb(87,87,105);
}
/* _content/digiClubZone/Components/ClubActivity/ClubActivity.razor.rz.scp.css */
ul[b-vw1kzxuy9j] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
}

#searchText[b-vw1kzxuy9j] {
    font-size: 1em !important;
    margin: 8px 5px 0 5px;
    width: 250px;
    /*    border: none;*/
    height: 40px;
}

.topnav-container[b-vw1kzxuy9j] {
    display: grid;
    grid-template-columns: 480px auto 380px;
    width: 100%;
    min-height: 30px;
    margin: auto;
}

.nav-col1[b-vw1kzxuy9j] {
}

.nav-col2[b-vw1kzxuy9j] {
    font-size: 2em;
    text-align: center;
    padding-top: 2px;
}


.nav-col3[b-vw1kzxuy9j] {
}


.title[b-vw1kzxuy9j] {
    margin: auto;
    text-align: center;
    width: 100%;
}

.center[b-vw1kzxuy9j] {
    display: table;
    margin: auto;
}



.topnav[b-vw1kzxuy9j] {
    min-height: 56px;
    /*   position: sticky;*/
    top: 0;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-color: #e9e9e9;
    /*    background-image: linear-gradient(180deg, #005a87 0%, #005a87 70%);*/
    width: 100%;
}

    .topnav a[b-vw1kzxuy9j] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 16px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-vw1kzxuy9j] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
        }

        .topnav a.active[b-vw1kzxuy9j] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-vw1kzxuy9j] {
        float: left;
    }

    .topnav input[type=text][b-vw1kzxuy9j] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-vw1kzxuy9j] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 4px !important;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-vw1kzxuy9j] {
            background: #ccc;
        }
/* _content/digiClubZone/Components/ClubActivity/ClubActivityCard.razor.rz.scp.css */
.container[b-thn1sgozcb] {
    position: relative;
    width: 200px;
    height: 150px;
    margin: auto;
    padding: 2px 10px 10px 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
    border-radius: 9px;
    color: black;
}

    .container:hover[b-thn1sgozcb] {
        /*    background-color: #777;*/
        border: 4px outset green;
    }


.grid-container[b-thn1sgozcb] {
    display: grid;
    grid-template-columns: auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
}


.grid-colCenter[b-thn1sgozcb] {
    font-size: .75em;
    text-align: center;
    height:20px;
    padding:1px;
}

.statusNormal[b-thn1sgozcb] {
    background-color: white;
}

.statusWarning[b-thn1sgozcb] {
    background-color: yellow;
    color: black;
}

.statusAlert[b-thn1sgozcb] {
    background-color: red;
    color:white;
}


.statusWarningText[b-thn1sgozcb] {
    color: royalblue;

}

.statusTesting[b-thn1sgozcb] {
    background-color: lightskyblue;
    color: black;
}



.name[b-thn1sgozcb] {
    font-size: 1em!important;
    font-weight:200;
}

.isValid[b-thn1sgozcb] {
    color: darkgreen;
    font-weight: bold;
}


/* _content/digiClubZone/Components/ClubActivity/ClubActivityList.razor.rz.scp.css */

.scrollmenu[b-rdxcdoksh4] {
}

    .scrollmenu div[b-rdxcdoksh4] {
        float: left;
        display: inline-block;
        color: white;
        text-align: center;
        text-decoration: none;
        border: none;
    }


    .scrollmenu[b-rdxcdoksh4]::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.title[b-rdxcdoksh4] {
    max-height: 100px;
    overflow-y: hidden;
    width: 100%;
    height: 46px;
    background-color: #777;
    color: white;
    text-align: center;
}

.messageCount[b-rdxcdoksh4] {
    color: black;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 3px;
    background: #fff;
    border: 1px solid #000;
    float: left;
    text-align: center;
}

.messsageText[b-rdxcdoksh4] {
    float: left;
    text-align: center;
    width: 100%;
    margin: auto;
}

.message[b-rdxcdoksh4] {
    margin: 4px 0px 4px 0px;
    float: left;
    padding: 4px 2px 0 2px;
    width: 200px;
    height: 40px;
}

.statusNormal[b-rdxcdoksh4] {
    background-color: blue;
}

.statusWarning[b-rdxcdoksh4] {
    background-color: yellow;
    color: black;
}

.statusAlert[b-rdxcdoksh4] {
    background-color: red;
}
/* _content/digiClubZone/Components/ClubLog/Log.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-9jroekdfzy] {
        display: inline;
        width: 100%;
        padding: 0px;
        margin: auto;
  /*      text-align: center;*/
        position: relative;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-9jroekdfzy] {
        display: inline;
        padding: 0px;
        margin: auto auto auto auto;
    /*    text-align: center;*/
        position: relative;
    }
}


.topnav-container[b-9jroekdfzy] {
    display: grid;
    grid-template-columns: 380px auto 380px;
    width: 100%;
    min-height: 30px;
    margin: auto;
}

.nav-col1[b-9jroekdfzy] {
}

.nav-col2[b-9jroekdfzy] {
    font-size: 2em;
    text-align: center;
    padding-top: 2px;
}


.nav-col3[b-9jroekdfzy] {
}



ul[b-9jroekdfzy] {
    /*   height: 600px;*/
    /*  position:absolute;*/
    bottom: 0;
    margin: 0;
    padding: 4px;
    overflow: auto;
    text-decoration: none;
    height: 80vh;
    border: 1px solid darkgray;
    border-radius: 4px;
}
.container[b-9jroekdfzy] {
    background-color:white;
    margin:0px;
    padding:0;
}

.dateLinkText[b-9jroekdfzy] {
    color: #1b6ec2;
}

li[b-9jroekdfzy] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.itemHeader[b-9jroekdfzy] {
    grid-area: header;
    text-align: center;
}

.itemMenu[b-9jroekdfzy] {
    grid-area: menu;
    padding:4px;
    /*  width:200px;*/
}

.itemMain[b-9jroekdfzy] {
    grid-area: main;
}

.itemRight[b-9jroekdfzy] {
    grid-area: right;
}

.itemFooter[b-9jroekdfzy] {
    grid-area: footer;
}

.grid-container[b-9jroekdfzy] {
    width: 100%;
    display: grid;
    grid-template-columns: 240px auto auto auto auto auto auto auto;
    grid-template-areas:
        'header header header header header header header header'
        'menu main main main main main main main';
    grid-gap: 5px;
    background-color: lightsteelblue;
    padding: 5px;
}

    .grid-container > div[b-9jroekdfzy] {
        background-color: white;
    }



.grid-list[b-9jroekdfzy] {
    display: grid;
    width: 110px;
    /*    grid-template-columns: auto auto auto;*/
    grid-template-areas:
        'header header header'
        'footer footer footer';
    width: 100%;
    margin: auto;
}

.grid-list-item1[b-9jroekdfzy] {
    grid-area: header;
    text-align: left;
    font-size: .80em;
}



.grid-list-item2[b-9jroekdfzy] {
    grid-area: header;
    font-size: .80em;
}


.grid-list-item3[b-9jroekdfzy] {
    grid-area: header;
    font-size: .75em;
    text-align: left;
}

.grid-list-item4[b-9jroekdfzy] {
    grid-area: footer;
    color: #6EC21B;
    text-align: left;
    font-size: .75em;
}

.grid-list-item5[b-9jroekdfzy] {
    /*    width:40px;*/
    align-content: center;
    text-align: center;
    grid-area: footer;
    color: #6EC21B;
    font-size: .75em;
    padding: 0;
    margin: auto;
}

.grid-list-item6[b-9jroekdfzy] {
    grid-area: footer;
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: right;
}



.topnav[b-9jroekdfzy] {
    overflow: hidden;
    background-color: #e9e9e9;

}

    .topnav a[b-9jroekdfzy] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        cursor: pointer;
    }

        .topnav a:hover[b-9jroekdfzy] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
            /*     background-color: #ddd;
            color: black;*/
        }

        .topnav a.active[b-9jroekdfzy] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-9jroekdfzy] {
        float: right;
    }

    .topnav .selected[b-9jroekdfzy] {
    }

    .topnav input[type=text][b-9jroekdfzy] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-9jroekdfzy] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-9jroekdfzy] {
            background: #ccc;
        }

  .itemCount[b-9jroekdfzy]{
      display:inline-block;
      text-align:center;
      margin: -20px auto auto auto;
      /*padding-bottom:20px;*/
     /* height: 30px;*/
  }
/* _content/digiClubZone/Components/ClubLog/LogCard.razor.rz.scp.css */
.container[b-av4akifi90] {
    position: relative;
    max-width: 700px;
    margin: auto;
}

.grid-container[b-av4akifi90] {
    display: grid;
    grid-template-columns: 40px 300px auto;
    width: 100%;
    /*    min-height: 80px;*/
    min-height: 60px;
    margin: auto;
}

.grid-col1[b-av4akifi90] {
    text-align: center;
}

.grid-col2[b-av4akifi90] {
    font-size: 1em;
    text-align: left;
}

.grid-col2[b-av4akifi90] {
    font-size: 1em;
    text-align: left;
}

.grid-colFull[b-av4akifi90] {
    margin-top: 10px;
    font-size: 1em;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 4;
}

.isValid[b-av4akifi90] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-av4akifi90] {
    color: red;
    font-weight: bold;
}

.isChecked[b-av4akifi90] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-av4akifi90] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}
/* _content/digiClubZone/Components/ClubReports/ActivityReport/ActivityReport.razor.rz.scp.css */


page[size="A4"][b-fwa6l02kym] {
    background: white;
    padding: 25px;
    width: 21cm;
    /*  height: 29.7cm;*/
    min-height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

.digiCaption[b-fwa6l02kym] {
    font-size: .5em;
    margin: 0;
    padding: 0;
}

.pageMain[b-fwa6l02kym] {
    width:100%;
    margin: auto;
}

@media print {
    body[b-fwa6l02kym], page[size="A4"][b-fwa6l02kym] {
        margin: 0;
        box-shadow: 0;
    }
}

h1[b-fwa6l02kym]{
    font-size:16px;
}

h2[b-fwa6l02kym] {
    font-size: 14px;
}



.grid-header[b-fwa6l02kym] {
    /*   font-family: Arial, Helvetica, sans-serif;*/
    border-collapse: collapse;
    border: none;
    width: 100%;
}


.grid-header .left[b-fwa6l02kym]{
    text-align:left;
}

    .grid-header .center[b-fwa6l02kym] {
        text-align: center;
    }

    .grid-header .right[b-fwa6l02kym] {
        text-align: right;
    }

.grid-default[b-fwa6l02kym] {
    /*   font-family: Arial, Helvetica, sans-serif;*/
    border-collapse: collapse;
    border: none;
    width: 100%;
}

    .grid-default th[b-fwa6l02kym] {
        border: 1px solid black;
        padding: 2px;
        height: 40px;
        width:80px;
/*        padding-top: 12px;
        padding-bottom: 12px;*/
        font-size:12px;
        text-align: center;
        background-color:ghostwhite;
        color: black;
    }

    .grid-default td[b-fwa6l02kym] {
        border: 1px solid black;
        padding: 2px;
        width:80px;
        height: 30px !important;
        font-size: 12px;
        text-align: center;
        background-color: white;
    }

    /*.grid-default tr:nth-child(even) {
        background-color: #f2f2f2;
    }*/

    .grid-default tr:hover[b-fwa6l02kym] {
        background-color: #ddd;
    }


.grid-title[b-fwa6l02kym] {
    color: darkslateblue;
}
/* _content/digiClubZone/Components/ClubReports/UsageByAreaCodeReport/UsageByAreaCodeReport.razor.rz.scp.css */


page[size="A4"][b-e9ik6sxw01] {
    background: white;
    padding: 25px;
    width: 21cm;
    /*  height: 29.7cm;*/
    min-height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

.digiCaption[b-e9ik6sxw01] {
    font-size: .5em;
    margin: 0;
    padding: 0;
}

.pageMain[b-e9ik6sxw01] {
    width:100%;
    margin: auto;
}

@media print {
    body[b-e9ik6sxw01], page[size="A4"][b-e9ik6sxw01] {
        margin: 0;
        box-shadow: 0;
    }
}

h1[b-e9ik6sxw01]{
    font-size:16px;
}

h2[b-e9ik6sxw01] {
    font-size: 14px;
}



.grid-header[b-e9ik6sxw01] {
    /*   font-family: Arial, Helvetica, sans-serif;*/
    border-collapse: collapse;
    border: none;
    width: 100%;
}


.grid-header .left[b-e9ik6sxw01]{
    text-align:left;
}

    .grid-header .center[b-e9ik6sxw01] {
        text-align: center;
    }

    .grid-header .right[b-e9ik6sxw01] {
        text-align: right;
    }

.grid-default[b-e9ik6sxw01] {
    /*   font-family: Arial, Helvetica, sans-serif;*/
    border-collapse: collapse;
    border: none;
    width: 100%;
}

    .grid-default th[b-e9ik6sxw01] {
        border: 1px solid black;
        padding: 2px;
        height: 40px;
        width:80px;
/*        padding-top: 12px;
        padding-bottom: 12px;*/
        font-size:12px;
        text-align: center;
        background-color:ghostwhite;
        color: black;
    }

    .grid-default td[b-e9ik6sxw01] {
        border: 1px solid black;
        padding: 2px;
        width:80px;
        height: 30px !important;
        font-size: 12px;
        text-align: center;
        background-color: white;
    }

    /*.grid-default tr:nth-child(even) {
        background-color: #f2f2f2;
    }*/

    .grid-default tr:hover[b-e9ik6sxw01] {
        background-color: #ddd;
    }


.grid-title[b-e9ik6sxw01] {
    color: darkslateblue;
}
/* _content/digiClubZone/Components/ClubReports/UsageByTypeReport/UsageByTypeReport.razor.rz.scp.css */


page[size="A4"][b-b9pa121nd8] {
    background: white;
    padding:25px;
    width: 21cm;
  /*  height: 29.7cm;*/
   min-height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

.pageMain[b-b9pa121nd8] {
    width:100%;
    margin: auto;
}

@media print {
    body[b-b9pa121nd8], page[size="A4"][b-b9pa121nd8] {
        margin: 0;
        box-shadow: 0;
    }
}

.digiCaption[b-b9pa121nd8]{
    font-size:.5em;
    margin:0;
    padding:0;
}

h1[b-b9pa121nd8]{
    font-size:16px;
}

h2[b-b9pa121nd8] {
    font-size: 14px;
}

.title[b-b9pa121nd8] {
    font-size: 14px;
}

.totaldays[b-b9pa121nd8]{
    font-size: 12px;
    margin-left: 20px;
}

.grid-header[b-b9pa121nd8] {
    /*   font-family: Arial, Helvetica, sans-serif;*/
    border-collapse: collapse;
    border: none;
    width: 100%;
}


.grid-header .left[b-b9pa121nd8]{
    text-align:left;
}

    .grid-header .center[b-b9pa121nd8] {
        text-align: center;
    }

    .grid-header .right[b-b9pa121nd8] {
        text-align: right;
    }

.grid-default[b-b9pa121nd8] {
    /*   font-family: Arial, Helvetica, sans-serif;*/
    border-collapse: collapse;
    border: none;
    width: 100%;
}

    .grid-default th[b-b9pa121nd8] {
        border: 1px solid black;
        padding: 2px;
        height: 40px;
        width:80px;
/*        padding-top: 12px;
        padding-bottom: 12px;*/
        font-size:12px;
        text-align: center;
        background-color:ghostwhite;
        color: black;
    }

    .grid-default td[b-b9pa121nd8] {
        border: 1px solid black;
        padding: 2px;
        width:80px;
        height: 30px !important;
        font-size: 12px;
        text-align: center;
        background-color: white;
    }

    /*.grid-default tr:nth-child(even) {
        background-color: #f2f2f2;
    }*/

    .grid-default tr:hover[b-b9pa121nd8] {
        background-color: #ddd;
    }


.grid-title[b-b9pa121nd8] {
    color: darkslateblue;
}
/* _content/digiClubZone/Components/ClubSetup/digiCard/digiCardAdd.razor.rz.scp.css */

.container[b-13n0k0dcxv] {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 5px auto auto auto;
}

.grid-container[b-13n0k0dcxv] {
    display: grid;
    grid-template-columns: 110px auto 100px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
    grid-row-gap: 10px;
    color: black;
}

.grid-col1[b-13n0k0dcxv] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-13n0k0dcxv] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-13n0k0dcxv] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-13n0k0dcxv] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-13n0k0dcxv] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.grid-colFull[b-13n0k0dcxv] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
}

.grid-colExpander[b-13n0k0dcxv] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 5;
}

.isValid[b-13n0k0dcxv] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-13n0k0dcxv] {
    color: red;
    font-weight: bold;
}

.isChecked[b-13n0k0dcxv] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-13n0k0dcxv] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

input[b-13n0k0dcxv] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-13n0k0dcxv] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.inputDate[b-13n0k0dcxv] {
    font-size: 1em!important;
    max-height: 40px;
    max-width: 150px;
}



textarea[b-13n0k0dcxv] {
    border: solid;
    /*    border-bottom: solid !important;*/
    border-color: green;
    color: black;
    width: 100%;
    font-size: .75em;
}

.warning[b-13n0k0dcxv] {
    color: red;
    font-size: 1em;
    font-weight: bold;
    text-align:center;
}

.message[b-13n0k0dcxv] {
    color: green;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

.center[b-13n0k0dcxv] {
    display: table;
    margin: auto;
}
/* _content/digiClubZone/Components/ClubSetup/Inventory/InventoryClassAdd.razor.rz.scp.css */

.container[b-heloz0eh14] {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 5px auto auto auto;
}

.grid-container[b-heloz0eh14] {
    display: grid;
    grid-template-columns: 110px auto 100px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
    grid-row-gap: 10px;
    color: black;
}

.grid-col1[b-heloz0eh14] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-heloz0eh14] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-heloz0eh14] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-heloz0eh14] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-heloz0eh14] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.grid-colFull[b-heloz0eh14] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
}

.grid-colExpander[b-heloz0eh14] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 5;
}

.isValid[b-heloz0eh14] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-heloz0eh14] {
    color: red;
    font-weight: bold;
}

.isChecked[b-heloz0eh14] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-heloz0eh14] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

input[b-heloz0eh14] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-heloz0eh14] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.inputDate[b-heloz0eh14] {
    font-size: 1em!important;
    max-height: 40px;
    max-width: 150px;
}



textarea[b-heloz0eh14] {
    border: solid;
    /*    border-bottom: solid !important;*/
    border-color: green;
    color: black;
    width: 100%;
    font-size: .75em;
}

.warning[b-heloz0eh14] {
    color: red;
    font-size: 1em;
    font-weight: bold;
    text-align:center;
}

.message[b-heloz0eh14] {
    color: green;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

.center[b-heloz0eh14] {
    display: table;
    margin: auto;
}
/* _content/digiClubZone/Components/ClubSetup/Inventory/InventoryItemSetup.razor.rz.scp.css */



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 700px) {

    .grid-container[b-i2k9qsvpn7] {
        /* float: left;*/
        min-width: 350px;
        /*    max-width: 350px;*/
        /*   border: solid;*/
        border-width: 1px;
        border-radius: 5px;
        padding: 5px;
        margin: 8px;
        display: grid;
        background-color: rgba(208, 223, 245, .3);
        grid-template-areas:
            'header1 header1 header1 header1 header1 header1'
            'header2 header2 header2 header2 header2 button2'
            'left right right right right right'
            'footer footer footer footer footer footer'
            'footer footer footer footer footer footer';
        grid-gap: 2px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
    }


}


/* Large screen ----------- */
@media screen and (min-width: 701px) {
    .grid-container[b-i2k9qsvpn7] {
         float: left;
        min-width: 350px;
            max-width: 350px;
           border: solid;
        border-width: 1px;
        border-radius: 5px;
        padding: 5px;
        margin: 8px;
        display: grid;
        background-color: rgba(208, 223, 245, .3);
        grid-template-areas:
            'header1 header1 header1 header1 header1 header1'
            'header2 header2 header2 header2 header2 button2'
            'left right right right right right'
            'footer footer footer footer footer footer'
            'footer footer footer footer footer footer';
        grid-gap: 2px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
    }
}



.itemHeader1[b-i2k9qsvpn7] {
    grid-area: header1;
    height:40px;
}

.itemHeader2[b-i2k9qsvpn7] {
    grid-area: header2;
}

.itemButton1[b-i2k9qsvpn7] {
    grid-area: button1;
    width: 20px;
}

.itemButton2[b-i2k9qsvpn7] {
    grid-area: button2;
}

.itemMain[b-i2k9qsvpn7] {
    grid-area: main;
}

.itemLeft[b-i2k9qsvpn7] {
    grid-area: left;
    width:60px;
}

.itemMiddle[b-i2k9qsvpn7] {
    grid-area: middle;
}

.itemRight[b-i2k9qsvpn7] {
    grid-area: right;
}

.itemFooter[b-i2k9qsvpn7] {
    grid-area: footer;
}

/*.itemStatus {
    grid-area: imageStatus;

}*/



    .grid-container:hover[b-i2k9qsvpn7] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }


.number[b-i2k9qsvpn7] {
    width: 60px;
}

.description[b-i2k9qsvpn7] {
    width: 100%;
}

.status[b-i2k9qsvpn7] {
    margin-top: 4px;
    width: 100%;
    height:30px;
    border-radius:3px;
   
}

.notes[b-i2k9qsvpn7] {
    width: 100%;
}

.save[b-i2k9qsvpn7] {
    margin: 0px 0px 6px 0px;
}


/*.container {
    max-width: 300px;
    border: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}*/



/*.grid-item1 {
    font-size: 1em;
}*/

/*    .grid-item1:hover {
        color: white;
    }*/


/*.grid-item2 {
    font-size: .75em;
}


.grid-item3 {
    font-size: .75em;
    text-align: left;
}

.grid-item4 {
    color: #6EC21B;
}

.grid-item5 {
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6 {
    font-size: .75em;*/
    /*   color: #6EC21B;*/
    /*text-align: left;
}*/


[b-i2k9qsvpn7]::placeholder {
    color: lightblue;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder[b-i2k9qsvpn7] { /* Internet Explorer 10-11 */
    color: lightblue;
}

[b-i2k9qsvpn7]::-ms-input-placeholder { /* Microsoft Edge */
    color: lightblue;
}
/* _content/digiClubZone/Components/ClubSetup/Inventory/InventorySetup.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-1winavhv7w] {
        display: inline;
        width: 100%;
        padding: 0px;
        margin: auto;
  /*      text-align: center;*/
        position: relative;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-1winavhv7w] {
        display: inline;
        padding: 0px;
        margin: auto auto auto auto;
    /*    text-align: center;*/
        position: relative;
    }
}


.topnav-container[b-1winavhv7w] {
    display: grid;
    grid-template-columns: 380px auto 380px;
    width: 100%;
    min-height: 30px;
    margin: auto;
}

.nav-col1[b-1winavhv7w] {
}

.nav-col2[b-1winavhv7w] {
    font-size: 2em;
    text-align: center;
    padding-top: 2px;
}


.nav-col3[b-1winavhv7w] {
}



ul[b-1winavhv7w] {
    /*   height: 600px;*/
    /*  position:absolute;*/
    bottom: 0;
    margin: 0;
    padding: 4px;
    overflow: auto;
    text-decoration: none;
    height: 80vh;
    border: 1px solid darkgray;
    border-radius: 4px;
}
.container[b-1winavhv7w] {
    background-color:white;
    margin:0px;
    padding:0;
}

.dateLinkText[b-1winavhv7w] {
    color: #1b6ec2;
}

li[b-1winavhv7w] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.itemHeader[b-1winavhv7w] {
    grid-area: header;
    text-align: center;
}

.itemMenu[b-1winavhv7w] {
    grid-area: menu;
    padding:4px;
    /*  width:200px;*/
}

.itemMain[b-1winavhv7w] {
    grid-area: main;
}

.itemRight[b-1winavhv7w] {
    grid-area: right;
}

.itemFooter[b-1winavhv7w] {
    grid-area: footer;
}

.grid-container[b-1winavhv7w] {
    width: 100%;
    display: grid;
    grid-template-columns: 240px auto auto auto auto auto auto auto;
    grid-template-areas:
        'header header header header header header header header'
        'menu main main main main main main main';
    grid-gap: 5px;
    background-color: lightsteelblue;
    padding: 5px;
}

    .grid-container > div[b-1winavhv7w] {
        background-color: white;
    }



.grid-list[b-1winavhv7w] {
    display: grid;
    width: 110px;
    /*    grid-template-columns: auto auto auto;*/
    grid-template-areas:
        'header header header'
        'footer footer footer';
    width: 100%;
    margin: auto;
}

.grid-list-item1[b-1winavhv7w] {
    grid-area: header;
    text-align: left;
    font-size: .80em;
}



.grid-list-item2[b-1winavhv7w] {
    grid-area: header;
    font-size: .80em;
}


.grid-list-item3[b-1winavhv7w] {
    grid-area: header;
    font-size: .75em;
    text-align: left;
}

.grid-list-item4[b-1winavhv7w] {
    grid-area: footer;
    color: #6EC21B;
    text-align: left;
    font-size: .75em;
}

.grid-list-item5[b-1winavhv7w] {
    /*    width:40px;*/
    align-content: center;
    text-align: center;
    grid-area: footer;
    color: #6EC21B;
    font-size: .75em;
    padding: 0;
    margin: auto;
}

.grid-list-item6[b-1winavhv7w] {
    grid-area: footer;
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: right;
}



.topnav[b-1winavhv7w] {
    overflow: hidden;
    background-color: #e9e9e9;

}

    .topnav a[b-1winavhv7w] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        cursor: pointer;
    }

        .topnav a:hover[b-1winavhv7w] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
            /*     background-color: #ddd;
            color: black;*/
        }

        .topnav a.active[b-1winavhv7w] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-1winavhv7w] {
        float: right;
    }

    .topnav .selected[b-1winavhv7w] {
    }

    .topnav input[type=text][b-1winavhv7w] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-1winavhv7w] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-1winavhv7w] {
            background: #ccc;
        }

  .itemCount[b-1winavhv7w]{
      display:inline-block;
      text-align:center;
      margin: -20px auto auto auto;
      /*padding-bottom:20px;*/
     /* height: 30px;*/
  }
/* _content/digiClubZone/Components/ClubSetup/Inventory/InventoryTypeSetup.razor.rz.scp.css */



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {

}



.itemHeader[b-5eq6p3l2vn] {
    grid-area: header;
}

.itemMain[b-5eq6p3l2vn] {
    grid-area: main;
}
.iteDesc[b-5eq6p3l2vn] {
    grid-area: main;
}
.itemFooter[b-5eq6p3l2vn] {
    grid-area: footer;
}

/*.itemStatus {
    grid-area: imageStatus;

}*/



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 700px) {

    .grid-container[b-5eq6p3l2vn] {
        /* float: left;*/
        min-width: 350px;
        /*    max-width: 350px;*/
        /*   border: solid;*/
        border-width: 1px;
        border-radius: 5px;
        padding: 5px;
        margin: 8px;
        display: grid;
        background-color: rgba(208, 223, 245, .3);
        grid-template-areas:
            'header1 header1 header1 header1 header1 header1'
            'header2 header2 header2 header2 header2 button2'
            'left right right right right right'
            'footer footer footer footer footer footer'
            'footer footer footer footer footer footer';
        grid-gap: 2px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 701px) {
    .grid-container[b-5eq6p3l2vn] {
        float: left;
        min-width: 350px;
        max-width: 350px;
        border: solid;
        border-width: 1px;
        border-radius: 5px;
        padding: 5px;
        margin: 8px;
        display: grid;
        background-color: rgba(208, 223, 245, .3);
        grid-template-areas:
            'header1 header1 header1 header1 header1 header1'
            'header2 header2 header2 header2 header2 button2'
            'left right right right right right'
            'footer footer footer footer footer footer'
            'footer footer footer footer footer footer';
        grid-gap: 2px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
    }
}



/*.grid-container {*/
    /*  float: left;*/
    /*width: 100%;*/
    /*   border: solid;*/
    /*border-width: 1px;
    border-radius: 5px;
    margin: 0px;
    padding: 4px;*/
    /*margin: 8px;*/
    /*display: grid;
    background-color: rgba(208, 223, 245, .3);
    grid-template-areas:
        'header'
        'desc'
        'main'
        'footer';
    grid-gap: 2px;

}*/
/*
    .grid-container:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
*/

.number[b-5eq6p3l2vn] {
    width: 60px;
}

.description[b-5eq6p3l2vn] {
    width: 100%;
}

.status[b-5eq6p3l2vn] {
    margin-top: 4px;
    width: 100%;
    height:30px;
    border-radius:3px;
}

.notes[b-5eq6p3l2vn] {
    width: 100%;
}

.save[b-5eq6p3l2vn] {
    margin: 0px 0px 6px 0px;
}


/*.container {
    max-width: 300px;
    border: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}*/



/*.grid-item1 {
    font-size: 1em;
}*/

/*    .grid-item1:hover {
        color: white;
    }*/


/*.grid-item2 {
    font-size: .75em;
}


.grid-item3 {
    font-size: .75em;
    text-align: left;
}

.grid-item4 {
    color: #6EC21B;
}

.grid-item5 {
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6 {
    font-size: .75em;*/
    /*   color: #6EC21B;*/
    /*text-align: left;
}*/


[b-5eq6p3l2vn]::placeholder {
    color: lightblue;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder[b-5eq6p3l2vn] { /* Internet Explorer 10-11 */
    color: lightblue;
}

[b-5eq6p3l2vn]::-ms-input-placeholder { /* Microsoft Edge */
    color: lightblue;
}
/* _content/digiClubZone/Components/ClubSetup/Inventory/InventoryTypeSetupCard.razor.rz.scp.css */
.container[b-47enern8f2] {
    position: relative;
    max-width: 700px;
    margin: auto;
}

.grid-container[b-47enern8f2] {
    display: grid;
    grid-template-columns: 100px 200px 50px auto;
    width: 100%;
    /*    min-height: 80px;*/
    height: 50px;
    margin: auto;
}

.grid-col1[b-47enern8f2] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-47enern8f2] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-47enern8f2] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-47enern8f2] {
    font-size: 1em;
    text-align: left;
}

.isValid[b-47enern8f2] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-47enern8f2] {
    color: red;
    font-weight: bold;
}

.isChecked[b-47enern8f2] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-47enern8f2] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}
/* _content/digiClubZone/Components/ClubSetup/Settings/ClubSettings.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}

td[b-8ucspp4ucy]{
    color:darkslateblue;
}

.description[b-8ucspp4ucy] {
    width: 100%;
    color: black!important;
}

.grid-default td[b-8ucspp4ucy] {
    border: 0px solid #ddd;
    padding: 4px!important;
    height: 20px !important;
}

.grid-default tr:nth-child(even)[b-8ucspp4ucy] {
    background-color: white!important;
}
/* _content/digiClubZone/Components/ClubSetup/Settings/DefaultSettings.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}

/* _content/digiClubZone/Components/ClubSetup/Settings/EmailSettings.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}


input[b-eyicgicxr9] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-eyicgicxr9] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.inputDate[b-eyicgicxr9] {
    font-size: 1em;
    max-height: 40px;
}

textarea[b-eyicgicxr9] {
    border: solid;
    /*    border-bottom: solid !important;*/
    border-color: green;
    color: black;
    width: 100%;
    font-size: .75em;
}
/* _content/digiClubZone/Components/ClubSetup/Settings/MessageSettings.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}


input[b-q1cv5oybjc] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-q1cv5oybjc] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.inputDate[b-q1cv5oybjc] {
    font-size: 1em;
    max-height: 40px;
}

textarea[b-q1cv5oybjc] {
    border: solid;
    /*    border-bottom: solid !important;*/
    border-color: green;
    color: black;
    width: 100%;
    font-size: .75em;
}
/* _content/digiClubZone/Components/ClubSetup/Settings/ReservationtSettings.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}

/* _content/digiClubZone/Components/ClubSetup/Settings/SkillSettings.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}

/* _content/digiClubZone/Components/ClubSetup/Settings/WaiverSettings.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}


input[b-wpmz8ql4m8] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-wpmz8ql4m8] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.inputDate[b-wpmz8ql4m8] {
    font-size: 1em;
    max-height: 40px;
}

textarea[b-wpmz8ql4m8] {
    border: solid;
    /*    border-bottom: solid !important;*/
    border-color: green;
    color: black;
    width: 100%;
    font-size: .75em;
}
/* _content/digiClubZone/Components/ClubSetup/TabMenuSetup.razor.rz.scp.css */

input[b-6xba0wwtlr]{
    margin:0;
    padding:0;
}

.topnav[b-6xba0wwtlr] {
    overflow: hidden;
    background-color: #e9e9e9;
    top: 0;
    z-index: 10;
    position: sticky;
    border-bottom: 2px solid darkgray;
}




    .topnav a[b-6xba0wwtlr] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-6xba0wwtlr] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
            /*     background-color: #ddd;
            color: black;*/
        }

        .topnav a.active[b-6xba0wwtlr] {
            background-color: #2196F3!important;
            color: white;
        }

    .topnav .search-container[b-6xba0wwtlr] {
        float: right;
    }

    .topnav .selected[b-6xba0wwtlr]{

    }

    .topnav input[type=text][b-6xba0wwtlr] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-6xba0wwtlr] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-6xba0wwtlr] {
            background: #ccc;
        }


.button-back[b-6xba0wwtlr] {
    background-color: #6EC21B;
    margin: 10px 0px 0px 10px;
}

.class-title[b-6xba0wwtlr] {
     color: #6EC21B;
    font-size:1.25em;
    font-style:italic;
}
/* _content/digiClubZone/Components/ClubSetup/Types/TypesSetup.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-mfh9w0h6y5] {
        display: inline;
        width: 100%;
        padding: 0px;
        margin: auto;
  /*      text-align: center;*/
        position: relative;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-mfh9w0h6y5] {
        display: inline;
        padding: 0px;
        margin: auto auto auto auto;
    /*    text-align: center;*/
        position: relative;
    }
}

th[b-mfh9w0h6y5]{
    height:40px;
    overflow:hidden;

}


.info[b-mfh9w0h6y5]{
    font-size:.75em;
    color:green;
    margin-left:10px;
}
.listTitle[b-mfh9w0h6y5] {
    height: 40px;
    background-color: darkgrey;
    color: white;
    width: 100%;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: center;
}


/* _content/digiClubZone/Components/ClubStatus/ClubRefreshCard.razor.rz.scp.css */
.container[b-1mowsqtcb1] {
    position: relative;
    float: left;
    width: 140px;
    height: 140px;
    margin: auto;
    padding: 2px 10px 10px 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
    border-radius: 9px;
    color: black;
}

    .container:hover[b-1mowsqtcb1] {
        border: 4px outset green;
    }

.slotHeadeer[b-1mowsqtcb1] {
    height: 30px;
    width: 100%;
    align-content: center;
    color: white;
    background-color: darkslategray;
    text-align: center;
    border-radius: 2px;
    /*    margin-bottom: 5px;*/
}

.grid-container[b-1mowsqtcb1] {
    display: grid;
    grid-template-columns: auto 
    width: 100%;
    min-height: 30px;
    margin: auto;
}


.grid-colCenter[b-1mowsqtcb1] {
    font-size: 1.25em;
    text-align: center;
    height: 20px;
    padding-top:0px;
    margin:5px auto auto auto;
}

.refreshIcon[b-1mowsqtcb1] {
    height: 20px;
    color: green;
}

    .refreshIcon:hover[b-1mowsqtcb1] {
        color: white;
    }
/* _content/digiClubZone/Components/ClubStatus/ClubSkillLevelCard.razor.rz.scp.css */
.container[b-5801darz1i] {
    position: relative;
    float: left;
    width: 180px;
    height: 140px;
    margin: auto;
    padding: 2px 10px 10px 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
    border-radius: 9px;
    color: black;
}

    /*.container:hover {*/
        /*    background-color: #777;*/
        /*border: 4px outset green;*/
    }

.slotHeadeer[b-5801darz1i] {
    height: 30px;
    width: 100%;
    align-content: center;
    color: white;
    background-color: darkslategray;
    text-align: center;
    border-radius: 2px;
    /*    margin-bottom: 5px;*/
}

.grid-container[b-5801darz1i] {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
}

.grid-col1[b-5801darz1i] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
   /* padding-top: 5px;*/
}

.grid-col2[b-5801darz1i] {
    font-size: 1em;
    text-align: left;
}


.grid-colCenter[b-5801darz1i] {
    font-size: .75em;
    text-align: center;
    height: 20px;
    padding: 1px;
}

.statusNormal[b-5801darz1i] {
    background-color: white;
}

.statusWarning[b-5801darz1i] {
    background-color: yellow;
    color: black;
}

.statusAlert[b-5801darz1i] {
    background-color: red;
    color: white;
}


.statusWarningText[b-5801darz1i] {
    color: royalblue;
}




.name[b-5801darz1i] {
    font-size: 1em !important;
    font-weight: 200;
}

.isValid[b-5801darz1i] {
    color: darkgreen;
    font-weight: bold;
}
/* _content/digiClubZone/Components/ClubStatus/ClubStatus.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-6514si9smq] {
        width: 100%;
        padding: 0px;
        margin: auto;
        text-align: center;
        position: relative;
    }
}

/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-6514si9smq] {
        padding: 0px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
}

#container[b-6514si9smq] {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
}

.clubMessage[b-6514si9smq] {
    height: auto;
    font-size: 1.5em;
    width: 100%;
    align-content: center;
    color:white;
    text-align: center;
    background-color:black;
}


.header[b-6514si9smq] {
    height: 30px;
    font-size: 1.5em;
    width: 100%;
    align-content: center;
    color: black;
    text-align: center;
}

.headerSection[b-6514si9smq] {
    background-color: white;
    width: 100%;
    z-index: 100;
    position: fixed;
/*    padding-top:60px;*/
 /*   height: 420px;*/
    position: sticky;
    top: 55px;
    border-bottom:solid darkgray 5px;
}

.scrollDetails[b-6514si9smq] {
    /*    display:flex;*/
/*    margin-top: 340px;*/
    height: 100%;
    /*    max-height:500px;*/
    overflow: auto;
    position: sticky;
    top: 0;
}
.scrollmenu[b-6514si9smq] {
    /*   background-color: #333;*/
    background-color: white;
    overflow: auto;
/*    white-space: nowrap;
    scroll-snap-type: x mandatory;*/
    padding: 0px;
    gap: 1rem;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    margin: 5px;
    border: none;
}

    .scrollmenu div[b-6514si9smq] {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 0px;
        text-decoration: none;
    }

   /*     .scrollmenu div:hover {
            background-color: #777;
        }*/

    .scrollmenu[b-6514si9smq]::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }
/* _content/digiClubZone/Components/ClubStatus/ClubStatusCard.razor.rz.scp.css */
.container[b-riuiaj8vhz] {
    position: relative;
    float: left;
    width: 150px;
    height: 140px;
    margin: auto;
    padding: 2px 10px 10px 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
    border-radius: 9px;
    color: black;
}

.container-button[b-riuiaj8vhz] {
    position: relative;
    float: left;
    width: 150px;
    height: 140px;
    margin: auto;
    padding: 2px 10px 10px 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
    border-radius: 9px;
    color: black;
}

    .container-button:hover[b-riuiaj8vhz] {
        /*    background-color: #777;*/
        border: 4px outset green;
    }

.slotHeadeer[b-riuiaj8vhz] {
    height: 30px;
    width: 100%;
    align-content: center;
    color: white;
    background-color: darkslategray;
    text-align: center;
    border-radius: 2px;
/*    margin-bottom: 5px;*/
}

.grid-container[b-riuiaj8vhz] {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
}

.grid-col1[b-riuiaj8vhz] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-riuiaj8vhz] {
    font-size: 1em;
    text-align: left;
}


.grid-colCenter[b-riuiaj8vhz] {
    font-size: .75em;
    text-align: center;
    height:20px;
    padding:1px;
}

.statusNormal[b-riuiaj8vhz] {
    background-color: white;
}

.statusWarning[b-riuiaj8vhz] {
    background-color: yellow;
    color: black;
}

.statusAlert[b-riuiaj8vhz] {
    background-color: red;
    color:white;
}


.statusWarningText[b-riuiaj8vhz] {
    color:   royalblue;
}




.name[b-riuiaj8vhz] {
    font-size: 1em!important;
    font-weight:200;
}

.isValid[b-riuiaj8vhz] {
    color: darkgreen;
    font-weight: bold;
}


/* _content/digiClubZone/Components/ClubStatus/GotoPage.razor.rz.scp.css */
.container[b-zhnpslzqh7] {
    position: relative;
    float: left;
    width: 114px;
    height: 140px;
    margin: auto;
    padding: 2px 10px 10px 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
    border-radius: 9px;
    color: black;
}

    .container:hover[b-zhnpslzqh7] {
            background-color: #777;
        border: 4px outset green;
        color:white;
    }

.slotHeadeer[b-zhnpslzqh7] {
    height: 30px;
    width: 100%;
    align-content: center;
    color: white;
    background-color: darkslategray;
    text-align: center;
    border-radius: 2px;
    /*    margin-bottom: 5px;*/
}

.grid-container[b-zhnpslzqh7] {
    display: grid;
    grid-template-columns: auto ;
    width: 100%;
    min-height: 30px;
    margin: auto;
}


.grid-colCenter[b-zhnpslzqh7] {
    font-size: 1em;
    text-align: center;
    height: 20px;
    padding-top:0px;
    margin:5px auto auto auto;
}

.refreshIcon[b-zhnpslzqh7] {
    height: 20px;
    color: green;
}

    .refreshIcon:hover[b-zhnpslzqh7] {
        color: white;
    }
/* _content/digiClubZone/Components/ClubStatus/InventoryStausGage.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-gc3rru0z31] {
        width: 100%;
        padding: 0px;
        margin: auto;
        text-align: center;
        position: relative;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-gc3rru0z31] {
        padding: 0px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
}

#container[b-gc3rru0z31] {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
}




#events[b-gc3rru0z31] {
    /*margin-right: auto; margin-left: auto; width: 100px; text-align: center;  display: table-row;*/
    display: inline-block;
    margin: 10px auto 20px auto;
    width: 100%;
}

svg[b-gc3rru0z31] {
    width: 125px;
    height: 125px;
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    svg[b-gc3rru0z31] {
        width: 125px;
        height: 125px;
    }
}

.gageDiv[b-gc3rru0z31] {
    display: inline;
    margin-right: 30px;
}
/*Gage control*/
.cls-1[b-gc3rru0z31] {
    fill: #a0e8b5;
}

.cls-3[b-gc3rru0z31],
.cls-9[b-gc3rru0z31] {
    fill: #fff;
}

.cls-4[b-gc3rru0z31] {
    fill: #ebfff0;
}

.cls-5[b-gc3rru0z31] {
    font-size: 6px;
}

.cls-9[b-gc3rru0z31] {
    font-size: 10px;
}

.cls-11[b-gc3rru0z31],
.cls-5[b-gc3rru0z31],
.cls-9[b-gc3rru0z31] {
    font-family: Arial;
}

.cls-9[b-gc3rru0z31] {
    font-size: 5px;
}

.cls-11[b-gc3rru0z31] {
    font-size: 3px;
    fill: gray;
}

.gage[b-gc3rru0z31] {
    fill: #49b3ff;
}

.gageFull[b-gc3rru0z31] {
    fill: rgb(255,65,43);
}

.inventory[b-gc3rru0z31] {
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.numAvailable[b-gc3rru0z31] {
    font-weight: bold;
    font-size: 12px;
}

.numOut[b-gc3rru0z31] {
    font-weight: bold;
}

.numTotal[b-gc3rru0z31] {
    font-weight: bold;
}


.slotHeadeer[b-gc3rru0z31] {
    height: 30px;
    font-size: 1em;
    width: 100%;
    align-content: center;
    color: black;
    text-align: center;
}
/* _content/digiClubZone/Components/ClubStatus/SessionActivityToggel.razor.rz.scp.css */
.container[b-ph92fb7kws] {
    position: relative;
    float: left;
    width: 114px;
    height: 140px;
    margin: auto;
    padding: 2px 10px 10px 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
    border-radius: 9px;
    color: black;
}

    .container:hover[b-ph92fb7kws] {
        /*     background-color: #777;*/
        border: 4px outset green;
        /*  color:white;*/
    }






















.slotHeadeer[b-ph92fb7kws] {
    height: 30px;
    width: 100%;
    align-content: center;
    color: white;
    background-color: darkslategray;
    text-align: center;
    border-radius: 2px;
    /*    margin-bottom: 5px;*/
}

.grid-container[b-ph92fb7kws] {
    display: grid;
    grid-template-columns: auto width: 100%;
    min-height: 30px;
    margin: auto;
}


.grid-colCenter[b-ph92fb7kws] {
    font-size: 1.25em;
    text-align: center;
    height: 20px;
    padding-top: 0px;
    margin: 5px auto auto auto;
}

.refreshIcon[b-ph92fb7kws] {
    height: 20px;
    color: green;
}

    .refreshIcon:hover[b-ph92fb7kws] {
        color: white;
    }
/* _content/digiClubZone/Components/Member/ListItemMember.razor.rz.scp.css */
.card[b-orin28gbwi] {
    border: none !important;
    border-color: none !important;
}

.grid-container[b-orin28gbwi] {
    display: grid;
    grid-template-columns: 35% auto 30% 110px;
    width: 100%;
    min-height: 60px;
    max-height: 100px;
    margin: auto;
}


.grid-item1[b-orin28gbwi] {
    font-size: 1em;
}


.grid-item2[b-orin28gbwi] {
    font-size: .75em;
    padding: 0;
    margin: 0;
}


.grid-item3[b-orin28gbwi] {
    font-size: .75em;
    text-align: left;
}

.grid-item4[b-orin28gbwi] {
    color: #6EC21B;
}

.grid-item5[b-orin28gbwi] {
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6[b-orin28gbwi] {
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: left;
}

.grid-itemEnd[b-orin28gbwi] {
    font-size: 1em;
    /*   color: #6EC21B;*/
    text-align: center;
    z-index:1000;
}

.notSkilled[b-orin28gbwi] {
    color:tomato;
}

.buttonSkill[b-orin28gbwi] {
    padding: 4px 12px 4px 12px;
    min-width: 140px;
    min-height: 30px;
}
/* _content/digiClubZone/Components/Member/ListItemMemberPass.razor.rz.scp.css */
.card[b-bgtxfm3yu0] {
    border: none !important;
    border-color: none !important;
    width: 100%;
/*    min-width: 800px;*/
}

.grid-container[b-bgtxfm3yu0] {
    display: grid;
    grid-template-columns: 200px auto 30% auto;
    width: 100%;
    min-height: 60px;
    max-height: 100px;
    margin: auto;
}


.grid-item1[b-bgtxfm3yu0] {
    font-size: 1em;
}


.grid-item2[b-bgtxfm3yu0] {
    font-size: .75em;
    padding: 0;
    margin: 0;
}


.grid-item3[b-bgtxfm3yu0] {
    font-size: .75em;
    text-align: left;
}

.grid-item4[b-bgtxfm3yu0] {
    color: #6EC21B;
}

.grid-item5[b-bgtxfm3yu0] {
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6[b-bgtxfm3yu0] {
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: left;
}

.grid-itemEnd[b-bgtxfm3yu0] {
    font-size: 1.25em;
    /*   color: #6EC21B;*/
    text-align: center;
    z-index: 1000;
}

.isValid[b-bgtxfm3yu0] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-bgtxfm3yu0] {
    color: red;
    font-weight: bold;
}
/* _content/digiClubZone/Components/Member/MemberDetails.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-ifi893uqcg] {
        width: 100%;
        padding: 0px;
        margin: auto;
        text-align: left;
        position: relative;
    }
    ul[b-ifi893uqcg] {
        margin: 0;
        padding: 0;
        overflow: auto;
        text-decoration: none;
    }

}

@media only screen and (max-width : 1100px) {

    .keyboard[b-ifi893uqcg] {
        display: none; /* hides the element */
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-ifi893uqcg] {
        padding: 0px;
        margin: auto auto auto auto;
        text-align: left;
        position: relative;
    }
    ul[b-ifi893uqcg] {
        /*        height: 600px;*/
        bottom: 0;
        margin: 0;
        padding: 0px;
        overflow: auto;
        text-decoration: none;
    }
}

#container[b-ifi893uqcg] {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
}

.details[b-ifi893uqcg] {
    margin:5px auto auto auto;
    max-width: 700px;
}

li[b-ifi893uqcg] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/*.title {
    background-color: #005a87;
    height: 24px;
    width: 100%;
    margin: auto;
    text-align:center;
    color:white;
}*/

.card-member[b-ifi893uqcg] {
    /* Add shadows to create the "card" effect */
/*    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
/*    transition: 0.3s;
    padding: 10px;*/
/*    min-width: 450px;
    width: 100px;*/
    margin: auto;
}


.title[b-ifi893uqcg] {
    margin: auto;
    text-align: center;
    width: 100%;
}

.center[b-ifi893uqcg] {
    display: table;
    margin: auto;
}

.selectedNote[b-ifi893uqcg] {
    resize: none;
    font-size: 14px;
    min-height: 60px;
    height: 400px;
    width: 100%;
    border-style:solid;
    border-width: 1px;
    border-radius: 10px;
    background-color: white;
    border-color: lightgray;
    text-align: left;
    padding: 10px;
    margin: 10px auto 10px auto;
}
/* _content/digiClubZone/Components/Member/MemberEdit.razor.rz.scp.css */
/* Small screen ----------- */
@media only screen and (max-width : 520px) {
    .container[b-hqdpwwbv3j] {
        position: relative;
        width: 100%;;
    /*    min-width: 500px;*/
        margin: 5px auto auto auto;
        background-color: white;
        font-size:.75em;
    }

    .grid-container[b-hqdpwwbv3j] {
        display: grid;
        grid-template-columns: 90px auto 85px auto;
        width: 100%;
        min-height: 80px;
        margin: auto;
        grid-row-gap: 10px;
        color: black;
    }
}

/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .container[b-hqdpwwbv3j] {
        position: relative;
        width: 100%;
        width: 595px;
        max-width: 640px;
        min-width: 500px;
        margin: 5px auto auto auto;
        background-color: white;
    }

    .grid-container[b-hqdpwwbv3j] {
        display: grid;
        grid-template-columns: 90px 200px 85px 200px;
        width: 100%;
        min-height: 80px;
        margin: auto;
        grid-row-gap: 10px;
        color: black;
    }
}



.grid-col1[b-hqdpwwbv3j] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-hqdpwwbv3j] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-hqdpwwbv3j] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-hqdpwwbv3j] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-hqdpwwbv3j] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.grid-colFull[b-hqdpwwbv3j] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
}

.grid-colExpander[b-hqdpwwbv3j] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 5;
}

.isValid[b-hqdpwwbv3j] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-hqdpwwbv3j] {
    color: red;
    font-weight: bold;
}

.isChecked[b-hqdpwwbv3j] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-hqdpwwbv3j] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

input[b-hqdpwwbv3j] {
    color: black;
    width: 100%;

    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-hqdpwwbv3j] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;
}

.inputDate[b-hqdpwwbv3j]{
    font-size:1em;
    max-height:40px;
}

textarea[b-hqdpwwbv3j] {
    border: solid;
/*    border-bottom: solid !important;*/
    border-color:green;
    color: black;
    width: 100%;
    font-size:.75em;
}
/* _content/digiClubZone/Components/Member/MemberInfo.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
/*@media only screen and (max-width : 520px) {
    .float-child {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }
    ul {
        margin: 0;
        padding: 0;
        overflow: auto;
        text-decoration: none;
    }
}*/


/* Large screen ----------- */
/*@media screen and (min-width: 521px) {
    .float-child {
        padding: 20px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
    ul {*/
        /*        height: 600px;*/
        /*bottom: 0;
        margin: 0;
        padding: 10px;
        overflow: auto;
        text-decoration: none;
    }
}*/


ul[b-ehn0lkl4u6] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    width:100%;
}

li[b-ehn0lkl4u6] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
   
}

.title[b-ehn0lkl4u6] {
    margin: auto;
    text-align:center;
    width:100%;
}
.center[b-ehn0lkl4u6] {
    display: table;
    margin: auto;
}

/*#container {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}



.title {
    background-color: #005a87;
    height: 24px;
    width: 100%;
    margin: auto;
    text-align:center;
    color:white;
}*/


/*.card {*/
    /* Add shadows to create the "card" effect */
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}*/

    /* On mouse-over, add a deeper shadow */
    /*.card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }*/

/* Add some padding inside the card container */
/*.container {
    padding: 2px 16px;
}*/


/* _content/digiClubZone/Components/Member/MemberPassCard.razor.rz.scp.css */
.container[b-p43z9locdj] {
    position: relative;
    width: 100%;
    margin: auto;
    max-width: 600px;
}

.grid-container[b-p43z9locdj] {
    display: grid;
    grid-template-columns: 65px 170px 70px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
}

.grid-col1[b-p43z9locdj] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-p43z9locdj] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-p43z9locdj] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-p43z9locdj] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-p43z9locdj] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.isValid[b-p43z9locdj] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-p43z9locdj] {
    color: red;
    font-weight: bold;
}

.isChecked[b-p43z9locdj] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-p43z9locdj] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}


.card-history[b-p43z9locdj] {
    /* Add shadows to create the "card" effect */
    /*    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);*/
  /*  max-width: 450px;*/
    width: 100%;
    border-style: solid;
    border-width: 1px; /* 5px top and bottom, 20px on the sides */
    border-color: darkgrey;
    border-radius: 4px;
    transition: 0.3s;
    padding: 0px;
}

ul[b-p43z9locdj] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    /*  width: 100%;*/
    max-height: 500px;
    overflow-x: hidden;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
    border-style: solid;
    border-width:1px;
    border-color:darkgray;
    border-radius:4px;
    width: 420px;
}

li[b-p43z9locdj] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.title[b-p43z9locdj] {
    margin: auto;
    text-align: center;
    width: 100%;
}

.center[b-p43z9locdj] {
    display: table;
    margin: auto;
}
/* _content/digiClubZone/Components/Member/MemberPassCardAdd.razor.rz.scp.css */
.grid-container[b-75wnv5i95i] {
    display: grid;
    grid-template-columns: auto 90px 400px auto;
    gap: 2px;
    padding: 20px;
    width: 700px;
}

    .grid-container > div[b-75wnv5i95i] {
        padding: 10px 0;
        height: 80px;
    }


.colStatus[b-75wnv5i95i] {
    font-size: 1em !important;
    padding-top: 4px;
    margin: auto 5px auto auto;
}

.colDescription[b-75wnv5i95i] {
    font-size: 1em !important;
    margin: auto auto auto 0px;
    color: darkgray;
}

.colData[b-75wnv5i95i] {
    font-size: 1.25em !important;
    min-width: 70px;
}

.colOther[b-75wnv5i95i] {
    font-size: 1em !important;
    color: black;
}

.hasIssues[b-75wnv5i95i] {
    color: red!important;
}

.rowFooter[b-75wnv5i95i] {
    grid-column-start: 2;
    grid-column-end: 5;
}

.float-container[b-75wnv5i95i] {
    border: 0px solid #fff;
    padding: 2px;
}

.center[b-75wnv5i95i] {
    display: table;
    margin: auto;
}

.btn-checkOut[b-75wnv5i95i]{
    width:200px;
    height:60px;
    font-size:1.5em;
}

.btn-addPass[b-75wnv5i95i] {
    width: 100px;
    height: 30px;
    font-size: 1.0em;
}

.warning[b-75wnv5i95i]{
    color:red;
    font-size:1.5em;
    font-weight:bold:
}
/* _content/digiClubZone/Components/Member/MemberRelations.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-uss39u9cwr] {
        width: 100%;
        padding: 0px;
        margin: auto;
        text-align: left;
        position: relative;
    }
    ul[b-uss39u9cwr] {
        margin: 0;
        padding: 0;
        overflow: auto;
        text-decoration: none;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-uss39u9cwr] {
        padding: 0px;
        margin: auto auto auto auto;
        text-align: left;
        position: relative;
    }
    ul[b-uss39u9cwr] {
        /*        height: 600px;*/
        bottom: 0;
        margin: 0;
        padding: 0px;
        overflow: auto;
        text-decoration: none;
    }
}

#container[b-uss39u9cwr] {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
/*    max-height:400px;*/
}

.details[b-uss39u9cwr] {
    margin:5px auto auto auto;
    max-width: 600px;
}

li[b-uss39u9cwr] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/*.title {
    background-color: #005a87;
    height: 24px;
    width: 100%;
    margin: auto;
    text-align:center;
    color:white;
}*/

.card-member[b-uss39u9cwr] {
    /* Add shadows to create the "card" effect */
/*    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
/*    transition: 0.3s;
    padding: 10px;*/
/*    min-width: 450px;
    width: 100px;*/
    margin: auto;
}


.title[b-uss39u9cwr] {
    margin: auto;
    text-align: center;
    width: 100%;
}

.center[b-uss39u9cwr] {
    display: table;
    margin: auto;
}

.selectedNote[b-uss39u9cwr] {
    resize: none;
    font-size: 14px;
    min-height: 60px;
    height: 400px;
    width: 100%;
    border-style:solid;
    border-width: 1px;
    border-radius: 10px;
    background-color: white;
    border-color: lightgray;
    text-align: left;
    padding: 10px;
    margin: 10px auto 10px auto;
}
/* _content/digiClubZone/Components/Member/MemberSearch.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-e1wr449q6a] {
        width: 100%;
        padding: 0px;
        margin: auto;
        text-align: left;
        position: relative;
    }
    ul[b-e1wr449q6a] {
        margin: 0;
        padding: 0;
        overflow: auto;
        text-decoration: none;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-e1wr449q6a] {
        padding: 0px;
        margin: auto auto auto auto;
        text-align: left;
        position: relative;
    }
    ul[b-e1wr449q6a] {
        /*        height: 600px;*/
        bottom: 0;
        margin: 0;
        padding: 0px;
        overflow: auto;
        text-decoration: none;
    }
}

#container[b-e1wr449q6a] {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
}

.details[b-e1wr449q6a] {
    margin:5px auto auto auto;
    max-width: 600px;
}

li[b-e1wr449q6a] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/*.title {
    background-color: #005a87;
    height: 24px;
    width: 100%;
    margin: auto;
    text-align:center;
    color:white;
}*/

.card-member[b-e1wr449q6a] {
    /* Add shadows to create the "card" effect */
/*    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
/*    transition: 0.3s;
    padding: 10px;*/
/*    min-width: 450px;
    width: 100px;*/
    margin: auto;
}


.title[b-e1wr449q6a] {
    margin: auto;
    text-align: center;
    width: 100%;
}

.center[b-e1wr449q6a] {
    display: table;
    margin: auto;
}

.selectedNote[b-e1wr449q6a] {
    resize: none;
    font-size: 14px;
    min-height: 60px;
    height: 400px;
    width: 100%;
    border-style:solid;
    border-width: 1px;
    border-radius: 10px;
    background-color: white;
    border-color: lightgray;
    text-align: left;
    padding: 10px;
    margin: 10px auto 10px auto;
}
/* _content/digiClubZone/Components/Member/MemberSkillCard.razor.rz.scp.css */
ul[b-fz6cvpe53j] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    width: 100%;
}

li[b-fz6cvpe53j] {
    width: 100%;
/*    max-width:700px;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.grid-colExpander[b-fz6cvpe53j] {
    font-size: 1em;
    text-align: left;
/*    grid-column-start: 1;
    grid-column-end: 5;*/
    margin-top:5px;
    width:100%;
}

/* _content/digiClubZone/Components/Member/MemberSkillList.razor.rz.scp.css */

 /*Smartphones (portrait) -----------*/ 
/*@media only screen and (max-width : 520px) {
    .float-child {
        width: 100%;
        padding: 0px;
        margin: auto;
        text-align: left;
        position: relative;
    }
    ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
        text-decoration: none;
    }
}*/


 /*Large screen -----------*/ 
/*@media screen and (min-width: 521px) {
    .float-child {
        padding: 0px;
        margin: auto auto auto auto;
        text-align: left;
        position: relative;
    }
    ul {
        height: 600px;
        bottom: 0;
        margin: 0;
        padding: 0px;
        overflow: hidden;
        text-decoration: none;
        width:100%;
    }
}*/


ul[b-829nvpnis2] {
    height: 100%;
    bottom: 0;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
}

li[b-829nvpnis2] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.title[b-829nvpnis2] {
    margin: auto;
    text-align: center;
    width: 100%;
}

.center[b-829nvpnis2] {
    display: table;
    margin: auto;
}


/*    .container {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
    width:100%;

}*/
/*
.details {
    margin:auto;
    max-width: 600px;
}*/



/*.title {
    background-color: #005a87;
    height: 24px;
    width: 100%;
    margin: auto;
    text-align:center;
    color:white;
}*/




/* Add some padding inside the card container */
/*.container {
    padding: 2px 16px;
}*/

/*
.selectedNote {
    resize: none;
    font-size: 14px;
    min-height: 60px;
    height: 50vh;
    width: 100%;
    border-style:solid;
    border-width: 1px;
    border-radius: 10px;
    background-color: white;
    border-color: lightgray;
    text-align: left;
    padding: 10px;
    margin: 10px auto 10px auto;
}*/
/* _content/digiClubZone/Components/Member/MemberTabMenu.razor.rz.scp.css */


.topnav[b-51c37y5ugc] {
    overflow: hidden;
    background-color: #e9e9e9;
}

    .topnav a[b-51c37y5ugc] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 14px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-51c37y5ugc] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
            /*     background-color: #ddd;
            color: black;*/
        }

        .topnav a.active[b-51c37y5ugc] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-51c37y5ugc] {
        float: right;
    }

    .topnav input[type=text][b-51c37y5ugc] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-51c37y5ugc] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-51c37y5ugc] {
            background: #ccc;
        }

/* _content/digiClubZone/Components/Rentals/Cards/CheckInDetails.razor.rz.scp.css */
.container[b-oq58m4qhe2] {
    position: relative;
    width: 100%;
    margin: auto;
}

.grid-container[b-oq58m4qhe2] {
    display: grid;
    grid-template-columns: 65px 170px 70px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
}

.error[b-oq58m4qhe2] {
    font-size: 1em;
    color: red;
}

.grid-col1[b-oq58m4qhe2] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;

}

.grid-col2[b-oq58m4qhe2] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-oq58m4qhe2] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    margin-left:20px;
    padding-top: 5px;
}

.grid-col4[b-oq58m4qhe2] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-oq58m4qhe2] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
    width:100%;
}

.inputBox[b-oq58m4qhe2] {
/*    max-width:100px;
    width:100%;*/
    margin:5px;
}

.isValid[b-oq58m4qhe2] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-oq58m4qhe2] {
    color: red;
    font-weight: bold;
}

.isChecked[b-oq58m4qhe2] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-oq58m4qhe2] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

.relationList[b-oq58m4qhe2] {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.errorMessage[b-oq58m4qhe2] {
    color: red;
    font-size:.75em;
}
/* _content/digiClubZone/Components/Rentals/Cards/DateCard.razor.rz.scp.css */

.grid-container[b-ia4xuya40f] {
    display: grid;
    grid-template-columns: auto;
    width: 100%;
    min-height: 60px;
    margin: auto;
    /*  width:400px;*/
    /*    max-width:400px;*/
}

.grid-item1[b-ia4xuya40f] {
    font-size: 1em;
    text-align: center;
}

.grid-item2[b-ia4xuya40f] {
    font-size: .75em;
}


.grid-item3[b-ia4xuya40f] {
    font-size: 1em;
    text-align: center;
}

.grid-item4[b-ia4xuya40f] {
    color: #6EC21B;
}

.grid-item5[b-ia4xuya40f] {
    color: #6EC21B;
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6[b-ia4xuya40f] {
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: left;
}

.card-button[b-ia4xuya40f] {
    border-style:none!important;
}
/* _content/digiClubZone/Components/Rentals/Cards/InventoryCard.razor.rz.scp.css */
.container[b-tqaukpu0mu] {
    position: relative;
    width: 100%;
    margin: auto;
}

.selected[b-tqaukpu0mu] {
    background-color:lemonchiffon;
}
.grid-container[b-tqaukpu0mu] {
    display: grid;
    grid-template-columns: 5px 180px auto auto;
    width: 100%;
    min-height: 40px;
    margin: auto;
}

.grid-col1[b-tqaukpu0mu] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-tqaukpu0mu] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-tqaukpu0mu] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-tqaukpu0mu] {
    font-size: 1em;
    text-align: left;
}

.isValid[b-tqaukpu0mu] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-tqaukpu0mu] {
    color: red;
    font-weight: bold;
}

.isChecked[b-tqaukpu0mu] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-tqaukpu0mu] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}
/* _content/digiClubZone/Components/Rentals/Cards/InventoryTypeCard.razor.rz.scp.css */
.container[b-bcfa2ty9jj] {
    position: relative;
    width: 100%;
    margin: auto;
}

.selected[b-bcfa2ty9jj] {
    background-color: lemonchiffon;
}

.grid-container[b-bcfa2ty9jj] {
    display: grid;
    grid-template-columns: 40px auto auto auto;
    width: 100%;
    min-height: 40px;
    margin: auto;
}

.grid-col1[b-bcfa2ty9jj] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-bcfa2ty9jj] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-bcfa2ty9jj] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-bcfa2ty9jj] {
    font-size: 1em;
    text-align: left;
}

.isValid[b-bcfa2ty9jj] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-bcfa2ty9jj] {
    color: red;
    font-weight: bold;
}

.isChecked[b-bcfa2ty9jj] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-bcfa2ty9jj] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}
/* _content/digiClubZone/Components/Rentals/Cards/MemberCard.razor.rz.scp.css */
.container[b-9aoqnd31xr] {
    position: relative;
    width: 100%;
    margin: auto;
 
}

.grid-container[b-9aoqnd31xr] {
    display: grid;
    grid-template-columns: 47px 150px 40px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
}

.grid-col1[b-9aoqnd31xr] {
 
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-9aoqnd31xr] {
 
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-9aoqnd31xr] {
 
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-9aoqnd31xr] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-9aoqnd31xr] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
}

.isValid[b-9aoqnd31xr] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-9aoqnd31xr] {
    color: red;
    font-weight: bold;
}

.isChecked[b-9aoqnd31xr] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-9aoqnd31xr] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

/* _content/digiClubZone/Components/Rentals/Cards/PassCard.razor.rz.scp.css */
.container[b-ohjwu51u26] {
    position: relative;
    width: 100%;
    margin: auto;
}

.grid-container[b-ohjwu51u26] {
    display: grid;
    grid-template-columns: 47px 140px 65px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
}

.selected[b-ohjwu51u26] {
    background-color: lemonchiffon;
}

.error[b-ohjwu51u26]{
    font-size:1em;
    color:red;
}
.grid-col1[b-ohjwu51u26] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-ohjwu51u26] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-ohjwu51u26] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-ohjwu51u26] {
    font-size: 1em;
    text-align: left;
}

.grid-colNote[b-ohjwu51u26] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.isValid[b-ohjwu51u26] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-ohjwu51u26] {
    color: red;
    font-weight: bold;
}

.isChecked[b-ohjwu51u26] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-ohjwu51u26] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

.relationList[b-ohjwu51u26] {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}
/* _content/digiClubZone/Components/Rentals/Cards/PassSkillTestCard.razor.rz.scp.css */
.container[b-topzcxi9fx] {
    position: relative;
    width: 100%;
    margin: auto;
    padding:0!important;
}

.grid-container[b-topzcxi9fx] {
    display: grid;
    grid-template-columns: auto;
    width: 100%;
    min-height: 58px;
    margin: auto;
}

.grid-col1[b-topzcxi9fx] {
    font-size: 1.75em;
    text-align: center;
    background-color: lightskyblue;
    margin:auto;
    width:100%;
    height:100%;
    padding-top:5px;
}



/* _content/digiClubZone/Components/Rentals/Cards/ReservationCard.razor.rz.scp.css */
.container[b-y80g30pu9y] {
    position: relative;
    width: 100%;
    margin: auto;
}

.card-button[b-y80g30pu9y] {
    border-style:none;
    height:100%;
}

.grid-container[b-y80g30pu9y] {
    display: grid;
    grid-template-columns: auto auto auto auto;
    width: 100%;
    min-height: 40px;
    margin: auto;
}

.grid-col1[b-y80g30pu9y] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-y80g30pu9y] {
    font-size: 1em;
    text-align: left;
}


.grid-col3[b-y80g30pu9y] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-y80g30pu9y] {
    font-size: 1em;
    text-align: left;
}

.isValid[b-y80g30pu9y] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-y80g30pu9y] {
    color: red;
    font-weight: bold;
}

.isChecked[b-y80g30pu9y] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-y80g30pu9y] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}


.grid-itemDelete[b-y80g30pu9y] {
    margin: 0 0 3px 0;
    padding:0;
}
/* _content/digiClubZone/Components/Rentals/Cards/TimeCard.razor.rz.scp.css */

.grid-container[b-6n3lj73dhu] {
    display: grid;
    grid-template-columns: auto;
    width: 100%;
    min-height: 60px;
    margin: auto;
    /*  width:400px;*/
    /*    max-width:400px;*/
}

.container[b-6n3lj73dhu] {
    position: relative;
    width: 100%;
    margin: auto;
}

.grid-item1[b-6n3lj73dhu] {
    font-size: 1em;
    text-align: right;
    margin:auto 20% auto auto;
}

.card-button[b-6n3lj73dhu] {
    border-style:none!important;
}





/* _content/digiClubZone/Components/Rentals/CheckOut.razor.rz.scp.css */
/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .grid-container[b-nkbhl9u1eu] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(450px, 1fr) minmax(0, 1fr);
        padding: 0px;
    }
    #colMain[b-nkbhl9u1eu] {
        width: 425px;
    }

    #colPass[b-nkbhl9u1eu] {
        width: 415px;
    }

    #colInventoryType[b-nkbhl9u1eu] {
        width: 280px;
    }

    #colInventory[b-nkbhl9u1eu] {
        width: 290px;
    }

    .ButtonCheckOutTop[b-nkbhl9u1eu] {
        padding: 0;
        width: 400px;
        height: 50px !important;
        margin: -3px auto 20px 17px;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .smallHide[b-nkbhl9u1eu] {
        display: none;
        visibility: hidden;
        width: 0 !important;
        height: 0 !important;
    }

    .grid-container[b-nkbhl9u1eu] {
        display: grid;
        grid-template-columns: minmax(0, 0) minmax(400px, 1fr) minmax(0, 0);
        padding: 0px;
    }

    #colMain[b-nkbhl9u1eu] {
        width: 500px;
    }

    #colPass[b-nkbhl9u1eu] {
        width: 0px;
        display: none;
        visibility: hidden;
    }

    #colInventoryType[b-nkbhl9u1eu] {
        width: 0px;
        display: none;
        visibility: hidden;
    }

    #colInventory[b-nkbhl9u1eu] {
        width: 0px;
        display: none;
        visibility: hidden;
    }
}

.scrollbar[b-nkbhl9u1eu] {
/*    margin-left: 30px;*/
    float: left;
/*    height: 780px;*/
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}


.force-overflow[b-nkbhl9u1eu] {
    min-height: 200px;
}

#wrapper[b-nkbhl9u1eu] {
    text-align: center;
    width: 99%;
    margin: auto;
    padding:5px;
}




/* Create three equal columns that floats next to each other */
.column[b-nkbhl9u1eu] {
    float: left;
    min-width: 200px;
    padding: 0px;
    min-height: 780px;
    max-height: 780px;
    margin: 0 5px 0 0;
}

/* Clear floats after the columns */
.row[b-nkbhl9u1eu]::after {
    content: "";
    display: table;
    clear: both;
}



.grid-item[b-nkbhl9u1eu] {
    border-radius: 5px;
    padding: 0px;
    /*    font-size: 30px;*/
    text-align: center;
    width: 100%;
    min-height: 60px;
    max-width: 1200px;
    margin: 4px auto;
    border-color: darkgrey;
    /*    display: grid;*/
}

.grid-item-disabled[b-nkbhl9u1eu] {
    border-radius: 5px;
    padding: 0px;
    /*    font-size: 30px;*/
    text-align: center;
    width: 100%;
    min-height: 60px;
    max-width: 1200px;
    margin: 4px auto;
    background-color: lightgray;
    border-color: darkgrey;
}

/* On mouse-over, add a deeper shadow */
.grid-col-2:hover[b-nkbhl9u1eu] {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border-style: solid;
    border-width: 1px; /* 5px top and bottom, 20px on the sides */
    border-color: darkgreen;
    border-radius: 4px;
}

.grid-col-1[b-nkbhl9u1eu] {
    background-color: transparent;
    border: none;
}

.grid-col-2[b-nkbhl9u1eu] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);
}

.grid-col-3[b-nkbhl9u1eu] {
    background-color: transparent;
    border: none;
}

.caption[b-nkbhl9u1eu] {
    text-align: center;
    height: 100%;
}

.center[b-nkbhl9u1eu] {
    height: 100%;
    position: relative;
}

    .center p[b-nkbhl9u1eu] {
        margin: 0;
        position: absolute;
        top: 30%;
        left: 50%;
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

.logo[b-nkbhl9u1eu] {
    width: 20px;
    height: 20px;
    margin: 10px;
    border: 1px solid white;
}



.checkOutButton[b-nkbhl9u1eu] {
    background-color: #6EC21B;
    color: white;
    margin: auto;
    cursor: pointer;
}

.checkInButton[b-nkbhl9u1eu] {
    float: left;
    background-color: #6EC21B;
    color: white;
    margin: auto;
    padding: 0px;
    width: 50%;
    cursor: pointer;
}

.checkOutModifyButton[b-nkbhl9u1eu] {
    float: left;
    background-color: white;
    color: black;
    margin: auto;
    padding: 0px;
    width: 50%;
    cursor: pointer;
}

.grid-title[b-nkbhl9u1eu] {
    display: grid;
    grid-template-columns: auto 150px 200px 100px auto;
    width: 100%;
    height: 64px;
    margin: auto;
    padding-top: 5px;
}

.title[b-nkbhl9u1eu] {
    background-color: greenyellow; /*// #005a87;*/
    height: 70px;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #005a87;
    position: sticky;
    top: 56px;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.hover[b-nkbhl9u1eu] {
    cursor: pointer;
}

.listHeader[b-nkbhl9u1eu] {
    text-align: center;
    color: black;
    margin: auto;
}

.listHeaderWarning[b-nkbhl9u1eu] {
    text-align: center;
    color: orangered;
    margin: auto;
}

.flasher[b-nkbhl9u1eu] {
    animation: blinker-b-nkbhl9u1eu 2s infinite;
}

@keyframes blinker-b-nkbhl9u1eu {
    from {
        opacity: 1.0;
    }

    50% {
        opacity: 0.5;
    }

    to {
        opacity: 1.0;
    }
}


.listHeader[b-nkbhl9u1eu] {
    text-align: center;
    color: #6EC21B;
}

.hasIssues[b-nkbhl9u1eu] {
    text-align: center;
    color: red !important;
}
/* _content/digiClubZone/Components/Rentals/Confirms/CheckOutConfirm.razor.rz.scp.css */
.grid-container[b-5sl7pgx7c3] {
    display: grid;
    grid-template-columns: 40px 90px 400px;
    gap: 2px;
    padding: 10px;
}

    .grid-container > div[b-5sl7pgx7c3] {
        padding: 10px 0;
    }



.hasIssues[b-5sl7pgx7c3] {
    color: red!important;
}

.rowFooter[b-5sl7pgx7c3] {
    margin:auto;
    grid-column-start: 2;
    grid-column-end: 5;
}

.float-container[b-5sl7pgx7c3] {
    border: 0px solid #fff;
    padding: 2px;
}

.center[b-5sl7pgx7c3] {
    display: table;
    margin: auto;
}

/* ------------Layout---------------------- */

*[b-5sl7pgx7c3] {
    box-sizing: border-box;
}

.flex-container[b-5sl7pgx7c3] {
    display: flex;
    flex-direction: row;
}

.flex-item-left[b-5sl7pgx7c3] {
/*    background-color: #f1f1f1;*/
    padding: 2px;
    flex: 50%;
}

.flex-item-right[b-5sl7pgx7c3] {
    padding: 0px;
    flex: 50%;
}

.flex-item-center[b-5sl7pgx7c3] {
    padding: 10px;
    flex: 100%;
    height: 100px;
}

.errorMessage[b-5sl7pgx7c3] {
    color:red;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
    .flex-container[b-5sl7pgx7c3] {
        flex-direction: column;
    }
}
/* _content/digiClubZone/Components/Rentals/Confirms/SkillChangeConfirm.razor.rz.scp.css */


.searchBorder[b-25tq6lidzb] {
 /*   border: thin 5px solid black;*/
    border-style:  solid 
}

ul[b-25tq6lidzb] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
    height: 400px;
    max-height:400px;

}

.grid-container[b-25tq6lidzb] {
    display: grid;
    grid-template-columns: 30px 100px 400px;
    gap: 2px;
    padding: 10px;
}

    .grid-container > div[b-25tq6lidzb] {
        padding: 10px 0;
    }



.hasIssues[b-25tq6lidzb] {
    color: red !important;
}

.rowFooter[b-25tq6lidzb] {
    grid-column-start: 2;
    grid-column-end: 5;
}

.float-container[b-25tq6lidzb] {
    border: 0px solid #fff;
    padding: 2px;
}

.center[b-25tq6lidzb] {
    display: table;
    margin: auto;
}

/* ------------Layout---------------------- */

*[b-25tq6lidzb] {
    box-sizing: border-box;
}

.flex-container[b-25tq6lidzb] {
    display: flex;
    flex-direction: row;
}

.flex-item-left[b-25tq6lidzb] {
    /*    background-color: #f1f1f1;*/
    padding: 2px;
    flex: 50%;
}

.flex-item-right[b-25tq6lidzb] {
    padding: 0px;
    flex: 50%;
}

.flex-item-center[b-25tq6lidzb] {
    padding: 10px;
    flex: 100%;
    height: 100px;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
    .flex-container[b-25tq6lidzb] {
        flex-direction: column;
    }
}


/* _content/digiClubZone/Components/Rentals/Selectors/DateSelect.razor.rz.scp.css */
.calendar[b-3sw552bfwg]{
   /* width:30%;*/
/*   min-width:300px;*/
}

.grid-container[b-3sw552bfwg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.float-container[b-3sw552bfwg] {
    border: 0px solid #fff;
    padding: 2px;
}

.float-child[b-3sw552bfwg] {
    width: 50%;
    min-width:580px!important;
    float:left;
    padding: 0px;
    border: 2px solid darkgray;
    border-radius:10px;
}


label[b-3sw552bfwg] {
    display: block;
}

input[b-3sw552bfwg] {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background-color: #fff;
    padding: 3px 5px;
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
    width: 190px;
}
/* _content/digiClubZone/Components/Rentals/Selectors/DateTimeSelect.razor.rz.scp.css */

/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .main[b-hdb9347876] {
        margin-top:40px;
        overflow: hidden;
        width: 1000px;
        margin: auto;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .main[b-hdb9347876] {
        overflow: hidden;
        width: 400px;
        margin: auto;
    }

}


.title[b-hdb9347876] {
    margin: 10px auto 10px auto;
    text-align: center;
    font-size: 1em;
    padding: 0px;
    border: 2px solid darkgray;
    border-radius: 10px;
    width: 100%;
    background-color: white;
    cursor: default;
}
    .title:hover[b-hdb9347876] {
        background-color: #777;
        color:white;
    }

/* _content/digiClubZone/Components/Rentals/Selectors/DigiCardsSelect.razor.rz.scp.css */

ul[b-jawsgv8yko] {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-decoration: none;
    list-style-type: none;
    height:100%;
}



.listHeader[b-jawsgv8yko] {
    text-align: center;
    color: #6EC21B;
}

.listHeaderWarning[b-jawsgv8yko] {
    text-align: center;
    color: red;
}

.center[b-jawsgv8yko] {
    margin:auto;
    width:100%;
    text-align:center;
    padding-top:5px;
}
/* _content/digiClubZone/Components/Rentals/Selectors/InventorySelect.razor.rz.scp.css */

ul[b-5u1etjvbzu] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
}

.listHeader[b-5u1etjvbzu] {
    text-align: center;
    color: #6EC21B;
}

.listHeaderWarning[b-5u1etjvbzu] {
    text-align: center;
    color: red;
}
/* _content/digiClubZone/Components/Rentals/Selectors/InventoryTypeSelect.razor.rz.scp.css */

ul[b-ucbqyr57wu] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
}

.listHeader[b-ucbqyr57wu] {
    text-align: center;
    color: #6EC21B;
}

.listHeaderWarning[b-ucbqyr57wu] {
    text-align: center;
    color: red;
}
/* _content/digiClubZone/Components/Rentals/Selectors/MemberSelect.razor.rz.scp.css */

/*ul {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
}*/



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-lf2fekprhc] {
        width: 100%;
        padding: 0px;
        margin: auto;
        text-align: left;
        position: relative;
    }

    ul[b-lf2fekprhc] {
        margin: 0;
        padding: 0;
        overflow: auto;
        text-decoration: none;
        width:100%;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-lf2fekprhc] {
        padding: 0px;
        margin: auto auto auto auto;
        text-align: left;
        position: relative;
    }

    ul[b-lf2fekprhc] {
        /*        height: 600px;*/
        bottom: 0;
        margin: 0;
        padding: 0px;
        overflow: auto;
        text-decoration: none;
        width:100%;
    }
}

#container[b-lf2fekprhc] {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
}

.details[b-lf2fekprhc] {
    margin: 5px auto auto auto;
    max-width: 600px;
}

li[b-lf2fekprhc] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}



.center[b-lf2fekprhc] {
    display: table;
    margin: auto;
}
/* _content/digiClubZone/Components/Rentals/Selectors/ReservationSelect.razor.rz.scp.css */

ul[b-uds7lbesya] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
}
/* _content/digiClubZone/Components/Rentals/Selectors/Select.razor.rz.scp.css */


/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .container[b-k6ycyr0yib] {
        width: 640px;
        overflow:hidden;
        height:100%;
     }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .container[b-k6ycyr0yib] {
        width: 100% !important;
        overflow: hidden;
    }
}


.title[b-k6ycyr0yib] {
    background-color: greenyellow; /*// #005a87;*/
    height: 60px;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #005a87;


    position: sticky;
    top: 56px;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

    .title:hover[b-k6ycyr0yib] {
        cursor: pointer;
    }

.listHeader[b-k6ycyr0yib] {
    text-align: center;
    color: #6EC21B;
    margin:auto;
}

.listHeaderWarning[b-k6ycyr0yib] {
    text-align: center;
    color: red !important;
    margin: auto;
}
/* _content/digiClubZone/Components/Rentals/Selectors/_Template.razor.rz.scp.css */

ul[b-q9687106p4] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
}

.listHeader[b-q9687106p4] {
    text-align: center;
    color: #6EC21B;
}

.listHeaderWarning[b-q9687106p4] {
    text-align: center;
    color: red;
}
/* _content/digiClubZone/Components/ReservationSlots/CalendarSlotCell.razor.rz.scp.css */


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .grid-item[b-oycn7wxvks] {
        background-color: white;
        border: 1px solid lightgrey;
        padding: 0px;
        height: 130px;
        width: 100%;
        font-size: 30px;
        text-align: center;
        /*        cursor: pointer;*/
        max-height: 55px;
    }

    .grid-item-weekend[b-oycn7wxvks] {
        /*      background-color: lightblue;*/
        background-color: white;
        border: 1px solid lightgrey;
        padding: 0px;
        height: 130px;
        width: 100%;
        font-size: 30px;
        text-align: center;
        /*     cursor: pointer;*/
        max-height: 55px;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .grid-item[b-oycn7wxvks] {
/*        position: relative;*/
        background-color: white;
        border: 1px solid lightgrey;
        padding: 0px;
        height: 130px;
        width: 100%;
        /*        font-size: 30px;
        text-align: center;*/
    }

    .grid-item-weekend[b-oycn7wxvks] {
        /*    background-color: rgba(0,0,255,0.1);*/
        background-color: white;
        border: 1px solid lightgrey;
        padding: 0px;
        height: 130px;
        width: 100%;
        /*        font-size: 30px;
        text-align: center;*/
    }
}

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

    a:hover[b-oycn7wxvks] {
        background-color: lightgreen;
    }


.num[b-oycn7wxvks] {
    font-size: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    display: flex;
    background-color: darkseagreen;
    height: 25px;
    width: 25px;
    color: white;
    margin: auto;
}

.num-warning[b-oycn7wxvks] {
    font-size: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    display: flex;
    background-color: salmon;
    height: 25px;
    width: 25px;
    color: white;
    margin: auto;
}

.warning[b-oycn7wxvks] {
    font-size: 14px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    height: 25px;
    width: 25px;
    color: red;
    margin: auto;
}

.numDescription[b-oycn7wxvks] {
    font-size: 10px;
}


.cellText[b-oycn7wxvks] {
    font-size: 8px;
}

.cellEdit[b-oycn7wxvks] {
    font-size: 14px;
    color: darkseagreen;
    width: 100%;
    text-align: center;
    cursor: pointer
}


ul[b-oycn7wxvks] {
    list-style: none;
    height: 108px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    margin: 0;
    width: 100%;
}

li[b-oycn7wxvks] {
    margin: 0;
    padding: 0;
    font-size: 9px;
    text-align: left;
    padding-left: 5px;
}


.selected[b-oycn7wxvks] {
    /*   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)!important;*/
    border: 4px solid #6EC21B !important;
    border: none !important;
}

.grid-item:hover[b-oycn7wxvks] {
    /*   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    background-color: #e9e9e9;*/
}



.grid-item-weekend:hover[b-oycn7wxvks] {
    /*    box-shadow: 0 8px 16px 0 lightgrey;
    background-color: #e9e9e9;*/
}

.daybox[b-oycn7wxvks] {
    background-color: white;
    width: 40px;
    height: 20px;
    font-size: 12px;
    padding-left: 4px;
}

.dayboxFirst[b-oycn7wxvks] {
    background-color: greenyellow;
    width: 40px;
    height: 20px;
    font-size: 12px;
    padding-left: 4px;
}

.dayboxCurrent[b-oycn7wxvks] {
    background-color: firebrick;
    color: white;
    width: 40px;
    height: 20px;
    font-size: 12px;
    padding-left: 4px;
}

.outsideMonth[b-oycn7wxvks] {
    background-color: white;
}
/* _content/digiClubZone/Components/ReservationSlots/InventoryTypeItem.razor.rz.scp.css */



.grid-container[b-g2rg2gnq4d] {
    display: grid;
    width: 110px;
    /*    grid-template-columns: auto auto auto;*/
    grid-template-areas:
        'header header header'
        'footer footer footer';
    width: 100%;
    margin: auto;
}

.grid-item1[b-g2rg2gnq4d] {
    grid-area: header;
    text-align: left;
    font-size: .80em;
}



.grid-item2[b-g2rg2gnq4d] {
    grid-area: header;
    font-size: .80em;
}


.grid-item3[b-g2rg2gnq4d] {
    grid-area: header;
    font-size: .75em;
    text-align: left;
}

.grid-item4[b-g2rg2gnq4d] {
    grid-area: footer;
    color: #6EC21B;
    text-align: left;
    font-size: .75em;
}

.grid-item5[b-g2rg2gnq4d] {
    /*    width:40px;*/
    align-content: center;
    text-align: center;
    grid-area: footer;
    color: #6EC21B;
    font-size: .75em;
    padding: 0;
    margin: auto;
}

.grid-item6[b-g2rg2gnq4d] {
    grid-area: footer;
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: right;
}
/* _content/digiClubZone/Components/ReservationSlots/InventoryTypeList.razor.rz.scp.css */



#container[b-6po17epnt2] {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}


table[b-6po17epnt2] {
    padding: 0;
    margin: 0;
    table-layout: auto;
    min-width: 400px;
    border-collapse: collapse;
      width: 100%;
    /*   display:grid;*/
    margin-right: 0px;
    margin-top: 4px !important;
}

th[b-6po17epnt2], td[b-6po17epnt2] {
    margin: auto;
    text-align: center;
    padding: 3px;
    /*  height: 40px;*/
    border: 1px solid lightgray;
/*    max-width: 40px;*/
    word-wrap: break-word;
}

/*tr:nth-child(even) {*/
/*   border: 1px solid lightgray;*/
/*    background-color: #f2f2f2;*/
/*    height:40px;*/
/*}*/
/* _content/digiClubZone/Components/ReservationSlots/PassList.razor.rz.scp.css */



#container[b-3uovaes6wb] {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}


table[b-3uovaes6wb] {
    padding: 0;
    margin: 0;
    table-layout: auto;
    min-width: 400px;
    border-collapse: collapse;
      width: 100%;
    /*   display:grid;*/
    margin-right: 0px;
    margin-top: 4px !important;
}

th[b-3uovaes6wb], td[b-3uovaes6wb] {
    margin: auto;
    text-align: center;
    padding: 3px;
    /*  height: 40px;*/
    border: 1px solid lightgray;
/*    max-width: 40px;*/
    word-wrap: break-word;
}

/*tr:nth-child(even) {*/
 /*   border: 1px solid lightgray;*/
    /*    background-color: #f2f2f2;*/
    /*    height:40px;*/
/*}*/
/* _content/digiClubZone/Components/ReservationSlots/PassListItem.razor.rz.scp.css */



.grid-container[b-zoqnelahsi] {
    display: grid;
    width: 110px;
/*    grid-template-columns: auto auto auto;*/
    grid-template-areas:
        'header header header'
        'footer footer footer';

    width: 100%;
    margin: auto;
}

.grid-item1[b-zoqnelahsi] {
    grid-area: header;
    text-align: left;
    font-size: .80em;
}



.grid-item2[b-zoqnelahsi] {
    grid-area: header;
    font-size: .80em;
}


.grid-item3[b-zoqnelahsi] {
    grid-area: header;
    font-size: .75em;
    text-align: left;
}

.grid-item4[b-zoqnelahsi] {
    grid-area: footer;
    color: #6EC21B;
    text-align: left;
    font-size: .75em;
}

.grid-item5[b-zoqnelahsi] {
/*    width:40px;*/
    align-content:center;
    text-align:center;
    grid-area: footer;
    color: #6EC21B;
    font-size: .75em;
    padding: 0;
    margin: auto;
}

.grid-item6[b-zoqnelahsi] {
    grid-area: footer;
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: right;
}

/* _content/digiClubZone/Components/ReservationSlots/SlotCalendarView.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .grid-container[b-80ch2w25mr] {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto auto auto auto auto auto;
        padding: 0px;
      /*  max-width: 800px;*/
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .grid-container[b-80ch2w25mr] {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto auto auto auto auto auto;
        padding: 0px;
    /*    max-height:600px;*/
    }
}


table[b-80ch2w25mr]{
    width:100%;
    padding:0;
    margin:0;
}


#container[b-80ch2w25mr]{
    border-style:none;
    margin:5px;
    height:auto;
    padding:0px;
}


.grid-header[b-80ch2w25mr] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid lightgrey;
    padding: 0px;
    height: 30px;
    width: 100%;
    font-size: medium;
    text-align: center;
}

.monthNav[b-80ch2w25mr] {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    font-size: 14px;
    width: 15px;
    padding: 5px;
    height: 15px;
    overflow: hidden;
    cursor: pointer;
}

table[b-80ch2w25mr] {
    border-collapse: collapse;
    width: 100%;
    /*   display:grid;*/
    margin-right: 0px;
    margin-top:4px!important;
}

th[b-80ch2w25mr], td[b-80ch2w25mr] {
    text-align: left;
    padding: 0px;
}

tr:nth-child(even)[b-80ch2w25mr] {
    background-color: #f2f2f2;
}
/* _content/digiClubZone/Components/ReservationSlots/SlotDetails.razor.rz.scp.css */

 .title[b-nptfu4c692]{
    font-size: .75em;
    text-align: center;
    color: #6EC21B;
}

.grid-container-detail[b-nptfu4c692] {
    width: 100%;
    height:100px;
    display: grid;
    grid-template-areas:
        'detail1 detail2 detail3 detail4'
        'detail5 detail6 detail7 detail8'
         'footer footer footer footer';
    grid-gap: 5px;
/*    background-color: lightsteelblue;*/
    padding: 5px;
}

    /*.grid-container-detail > div {*/
    /*    background-color: white;*/
        /*        background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px 0;
    font-size: 30px;*/
    /*}


.item1-detail {
    grid-area: detail1;
}

.item2-detail {
    grid-area: detail2;
}

.item3-detail {
    grid-area: detail3;
}


.item4-detail {
    grid-area: detail4;
}

.item5-detail {
    grid-area: detail5;
}

.item6-detail {
    grid-area: detail6;
}

.item7-detail {
    grid-area: detail7;
}

.item8-detail {
    grid-area: detail8;
}

.itemFooter-detail {
    grid-area: footer;
}*/




#customers[b-nptfu4c692] {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    #customers td[b-nptfu4c692], #customers th[b-nptfu4c692] {
        border: 1px solid #ddd;
        padding: 8px;
    }

    #customers tr:nth-child(even)[b-nptfu4c692] {
        background-color: #f2f2f2;
    }

    #customers tr:hover[b-nptfu4c692] {
        background-color: #ddd;
    }

    #customers th[b-nptfu4c692] {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #4CAF50;
        color: white;
    }













.grid-container-master[b-nptfu4c692] {
    width: 100%;
    display: grid;
    grid-template-areas:
        'header header'
        'menu1 menu1'
        'menu2 menu2'
        'footer footer';
    grid-gap: 5px;
    background-color: lightsteelblue;
    padding: 5px;
}

    .grid-container-master > div[b-nptfu4c692] {
        background-color: white;
        /*        background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px 0;
    font-size: 30px;*/
    }


.itemHeader-master[b-nptfu4c692] {
    grid-area: header;
}

.itemMenu1-master[b-nptfu4c692] {
    grid-area: menu1;
}

.itemMenu2-master[b-nptfu4c692] {
    grid-area: menu2;
}


.itemMain-master[b-nptfu4c692] {
    grid-area: main;
}

.itemRight-master[b-nptfu4c692] {
    grid-area: right;
}

.itemFooter-master[b-nptfu4c692] {
    grid-area: footer;
}
/* _content/digiClubZone/Components/ReservationSlots/SlotInventoryView.razor.rz.scp.css */



#container[b-dcrtq6umlq]{
    border-style:none;
    margin:5px;
    height:auto;
    padding:0px;
}


table[b-dcrtq6umlq] {
    padding: 0;
    margin: 0;
    table-layout: auto;
    min-width: 88px;
    border-collapse: collapse;
    /*  width: 100%;*/
    /*   display:grid;*/
    margin-right: 0px;
    margin-top: 4px !important;

}

th[b-dcrtq6umlq], td[b-dcrtq6umlq] {
    margin: auto;
    text-align: center;
    /* padding: auto;*/
   /* width: 50px;*/
    /*  height: 40px;*/
    border: 1px solid lightgray;
    width:88px;
    height:88px;
}

/*tr:nth-child(even) {
    border: 1px solid lightgray;*/
    /*    background-color: #f2f2f2;*/
    /*    height:40px;*/
/*}


*/

.statusDesc[b-dcrtq6umlq]{
    font-size:.70em;
    text-align:center;
    margin:0;
    padding:0;
}

.statusDesc-disabled[b-dcrtq6umlq] {
    color:red;
    font-size: .70em;
    text-align: center;
    margin: 0;
    padding: 0;
    
}
/* _content/digiClubZone/Components/ReservationSlots/SlotListItem.razor.rz.scp.css */

.container[b-fczoj2hx8t] {
    background-color: white;
}

.grid-container[b-fczoj2hx8t] {
    display: grid;
    grid-template-columns: auto;
    width: 100%;
    min-height: 60px;
    margin: auto;
    /*  width:400px;*/
    /*    max-width:400px;*/
}

.grid-item1[b-fczoj2hx8t] {
    font-size: 1em;
}


.grid-item2[b-fczoj2hx8t] {
    font-size: .75em;
}

.grid-item3[b-fczoj2hx8t] {
    font-size: .75em;
}

.grid-itemDelete[b-fczoj2hx8t] {
    margin: 0 0 3px 0;
    padding:0;
}

/* _content/digiClubZone/Components/ReservationSlots/SlotMenu.razor.rz.scp.css */

input[b-c573m2jfn6]{
    margin:0;
    padding:0;
}

.topnav[b-c573m2jfn6] {
    overflow: hidden;
    background-color: #e9e9e9;
    width:100%;
    text-align:center;

}

    .topnav a[b-c573m2jfn6] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-c573m2jfn6] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
            /*     background-color: #ddd;
            color: black;*/
        }

        .topnav a.active[b-c573m2jfn6] {
            background-color: #2196F3;
            color: white;
        }

/*    .topnav .search-container {
        float: right;
    }*/

    .topnav .selected[b-c573m2jfn6]{

    }

/*    .topnav input[type=text] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }*/

/*    .topnav .search-container button {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover {
            background: #ccc;
        }*/

.title[b-c573m2jfn6] {
    float: right;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    padding: 14px 16px;
}

/* _content/digiClubZone/Components/ReservationSlots/SlotMenuList.razor.rz.scp.css */

input[b-yxcvzp9mkp]{
    margin:0;
    padding:0;
}

.topnav[b-yxcvzp9mkp] {
    overflow: hidden;
    background-color: #e9e9e9;

}

    .topnav a[b-yxcvzp9mkp] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-yxcvzp9mkp] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
            /*     background-color: #ddd;
            color: black;*/
        }

        .topnav a.active[b-yxcvzp9mkp] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-yxcvzp9mkp] {
        float: right;
    }

    .topnav .selected[b-yxcvzp9mkp]{

    }

    .topnav input[type=text][b-yxcvzp9mkp] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-yxcvzp9mkp] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-yxcvzp9mkp] {
            background: #ccc;
        }

.title[b-yxcvzp9mkp] {
    font-size:.75em;
  /*  margin-top: 15px;
    text-align: center;
    padding: 14px 16px;*/
}

/*@media screen and (max-width: 600px) {
    .topnav .search-container {
        float: none;
    }

        .topnav a, .topnav input[type=text], .topnav .search-container button {
            float: none;
            display: block;
            text-align: left;
            width: 100%;
            margin: 0;
            padding: 14px;
        }

    .topnav input[type=text] {
        border: 1px solid #ccc;
    }
}*/
/* _content/digiClubZone/Components/ReservationSlots/SlotSetup.razor.rz.scp.css */

/*
#selected {
    max-width: 700px;
    bottom: 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    background: #f9f9f9;
    margin: 15px auto auto auto;
}*/

ul[b-24wa10aj33] {
    /*   height: 600px;*/
    /*  position:absolute;*/
    bottom: 0;
    margin: 0;
    padding: 5px;
    overflow: auto;
    text-decoration: none;
    height: 80vh;
    border: 1px solid darkgray;
    border-radius: 4px;
}

.dateLinkText[b-24wa10aj33] {
    color: #1b6ec2;
}

li[b-24wa10aj33] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}




.itemHeader[b-24wa10aj33] {
    grid-area: header;
    text-align:center;
}

.itemMenu[b-24wa10aj33] {
    grid-area: menu;
    /*  width:200px;*/
}

.itemMain[b-24wa10aj33] {
    grid-area: main;

}

.itemRight[b-24wa10aj33] {
    grid-area: right;
}

.itemFooter[b-24wa10aj33] {
    grid-area: footer;
}

.grid-container[b-24wa10aj33] {
    width: 100%;
    display: grid;
    grid-template-columns: 200px auto auto auto auto auto auto auto;
    grid-template-areas:
        'header header header header header header header header'
        'menu main main main main main main main';
    grid-gap: 5px;
    background-color: lightsteelblue;
    padding: 5px;
}

    .grid-container > div[b-24wa10aj33] {
        background-color: white;
    }
/* _content/digiClubZone/Components/Reservations/CalendarReservation.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-ot4k9iqq83] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }

    #selected[b-ot4k9iqq83] {
        height: 630px;
        bottom: 0;
        box-sizing: border-box;
        margin: auto;
    }

    ul[b-ot4k9iqq83] {
        margin: 0;
        padding: 0;
        overflow: auto;
        text-decoration: none;
    }

    .dateLinkText[b-ot4k9iqq83] {
        color: #1b6ec2;
        padding: 0;
        margin: 0;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-ot4k9iqq83] {
        max-width: 600px;
        padding: 0 20px 20px 20px;
        margin: 20px auto auto auto;
        text-align: center;
        position: relative;
    }

    #selected[b-ot4k9iqq83] {
        max-width: 600px;
        bottom: 0;
        box-sizing: border-box;
        border: 2px solid #ccc;
        border-radius: 10px;
        background: #f9f9f9;
        margin: 15px auto auto auto;
    }

    ul[b-ot4k9iqq83] {
/*        height: 600px;*/
        bottom:0;
        margin: 0;
        padding: 0px;
        padding-bottom: 2px;
        overflow: auto;
        text-decoration: none;
    }

    .dateLinkText[b-ot4k9iqq83] {
        color: #1b6ec2;
    }
}

li[b-ot4k9iqq83] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.float-container[b-ot4k9iqq83] {
    border: 3px solid #fff;
    padding: 0;
    width: 100%;
    /*   text-align: center;*/
    margin: auto;
    position: relative;

}

.grid-container[b-ot4k9iqq83] {
    display: grid;
    grid-template-columns: auto auto auto;
    width: 100%;
    height: 20px;

}

.grid-item[b-ot4k9iqq83] {
    height: 40px;
    text-align: center;
    font-size: .75em;
}

.message[b-ot4k9iqq83] {
    color:salmon;
    font-size: 1.25em;
    width: 100%;
    margin: 5px auto 10px auto;
    text-align: center;
    font-weight: bold;
}


.title[b-ot4k9iqq83] {
    font-size:.75em;
    width: 100%;
    margin: 5px auto 10px auto;
    text-align: center;
    font-weight: bold;
}

.selectedTitel[b-ot4k9iqq83] {
    color: darkgreen;
    font-size: 20px;
    height: 30px;
}


.slotHeadeer[b-ot4k9iqq83] {
 /*   height:30px;*/
    width:100%;
    align-content:center;
    color:white;
    background-color:darkslategray;
    text-align:center;
    margin-bottom:0px;
}

.selectedNote[b-ot4k9iqq83] {
    resize: none;
    font-size: 14px;
    height: 50px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    background-color: white;
    border-color: lightgray;
    text-align: left;
    padding: 5px;
    margin: 10px auto 10px auto;
}
#container[b-ot4k9iqq83] {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}


#selection[b-ot4k9iqq83] {
    padding: 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    height: 630px;
    /*    width: 850px;*/
}



.searchFilter[b-ot4k9iqq83] {
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

.myUL[b-ot4k9iqq83] {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .myUL li a[b-ot4k9iqq83] {
        border: 1px solid #ddd; /* Add a border to all links */
        margin-top: -1px; /* Prevent double borders */
        background-color: #f6f6f6; /* Grey background color */
        padding: 12px; /* Add some padding */
        text-decoration: none; /* Remove default text underline */
        font-size: 18px; /* Increase the font-size */
        color: black; /* Add a black text color */
        display: block; /* Make it into a block element to fill the whole list */
        visibility:collapse;
    }

        .myUL li a:hover:not(.header)[b-ot4k9iqq83] {
            background-color: #eee; /* Add a hover effect to all links, except for headers */
        }
/* _content/digiClubZone/Components/Reservations/Gage.razor.rz.scp.css */
.guage[b-fbqg8g4zkr] {
    border-style: none;
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25) inset;*/
    height: 10px;
    position: relative;
    display: block;
    background-color: darkgreen;
    border-radius: 10px;
    /*    background-color: white;*/
    /*    color: greenyellow;
    background: greenyellow;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);*/
}

.guage-background[b-fbqg8g4zkr] {
    border-style: none;
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25) inset;*/
    height: 10px;
    position: relative;
    display: block;
    width: 100%;
    border-radius: 10px;
    background-color:    gainsboro;
    opacity:.5;
    /*    background-color: white;*/
    /*    color: greenyellow;
    background: greenyellow;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);*/
}

    /*progress::-webkit-progress-value {
        border-radius: 3px;
        background: rgb(0, 148, 255) ;*/
        /*box-shadow: inset 0 -1px 2px rgba(0,0,0,0.4), 0 1px 2.5px 0px rgba(0,0,0,0.3);*/
    /*}*/


/*progress {
    display: block;*/ /* default: inline-block */
    /*position:relative;
    width: 100%;*/
/*    margin: 2em auto;
    padding: 4px;*/
    /*border: 0 none;
    background: #444;
    border-radius: 10px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    progress::-moz-progress-bar {
        border-radius: 10px;
        background: #FFF;
        box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3);
    }*/

/* webkit */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    progress {
        height: 25px;
    }
}

progress::-webkit-progress-bar {
    background: transparent;
}

progress::-webkit-progress-value {
    border-radius: 12px;
    background: #FFF;
    box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3);
}*/ 
/* _content/digiClubZone/Components/Reservations/ListItemInventoryTypeReservation.razor.rz.scp.css */



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {

}


/* Large screen ----------- */
@media screen and (min-width: 521px) {

}



.grid-container[b-n1dt7tyqmz] {
    display: grid;
    grid-template-columns: 60% auto 40%;
    width: 100%;
    min-height: 60px;
    margin: auto;
    /*  width:400px;*/
    /*    max-width:400px;*/
}

.grid-item1[b-n1dt7tyqmz] {
    font-size: 1em;
}

/*    .grid-item1:hover {
        color: white;
    }*/


.grid-item2[b-n1dt7tyqmz] {
    font-size: .75em;
}


.grid-item3[b-n1dt7tyqmz] {
    font-size: .75em;
    text-align: left;
}

.grid-item4[b-n1dt7tyqmz] {
    color: #6EC21B;
}

.grid-item5[b-n1dt7tyqmz] {
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6[b-n1dt7tyqmz] {
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: left;
}

/* _content/digiClubZone/Components/Reservations/ListItems/ListItemPasses.razor.rz.scp.css */



.grid-container[b-p7rmcu9i17] {
    display: grid;
    grid-template-columns: 55% auto 35%;
    width: 100%;
    min-height: 60px;
    margin: auto;
    /*  width:400px;*/
    /*    max-width:400px;*/
}

.grid-item1[b-p7rmcu9i17] {
    font-size: 1em;
}

/*    .grid-item1:hover {
        color: white;
    }*/


.grid-item2[b-p7rmcu9i17] {
    font-size: .75em;
}


.grid-item3[b-p7rmcu9i17] {
    font-size: .75em;
    text-align: left;
}

.grid-item4[b-p7rmcu9i17] {
    color: #6EC21B;
}

.grid-item5[b-p7rmcu9i17] {
    color: #6EC21B;
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6[b-p7rmcu9i17] {
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: left;
}

/* _content/digiClubZone/Components/Reservations/ListItems/ListItemReservation.razor.rz.scp.css */



.grid-container[b-wmoc2k8tg9] {
    display: grid;
    grid-template-columns: 55% auto 35% 25px;
    width: 100%;
    min-height: 60px;
    margin: auto;
    /*  width:400px;*/
    /*    max-width:400px;*/
}

.grid-item1[b-wmoc2k8tg9] {
    font-size: 1em;
}

/*    .grid-item1:hover {
        color: white;
    }*/


.grid-item2[b-wmoc2k8tg9] {
    font-size: .75em;
}


.grid-item3[b-wmoc2k8tg9] {
    font-size: .75em;
    text-align: left;
}

.grid-item4[b-wmoc2k8tg9] {
    color: #6EC21B;
}

.grid-item5[b-wmoc2k8tg9] {
    color: #6EC21B;
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6[b-wmoc2k8tg9] {
    font-size: .75em;
    /*   color: #6EC21B;*/
    text-align: left;
}

.grid-itemEnd[b-wmoc2k8tg9] {
    font-size: 1.25em;
    /*   color: #6EC21B;*/
    text-align: center;
}

/*.grid-container {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    width: 100%;
    height: 60px;
    margin: auto;*/
    /*  width:400px;*/
    /*    max-width:400px;*/
/*}

.grid-item1 {
    font-size: 1em;
    min-width: 150px;
}*/
/*
    .grid-item1:hover {
        color: white;
    }
*/

/*.grid-item2 {
    font-size: .75em;
}


.grid-item3 {
    font-size: .75em;
    column-span: all;
}

.grid-item4 {
    color: #6EC21B;
    width: 100%;
}

.grid-item5 {
    font-size: .75em;
    padding:0;
    margin:0;
}

.grid-item6 {
    font-size: 1em;
    color: #6EC21B;
    min-width: 150px;
}*/



/*.grid-container {
    display: grid;
    grid-template-columns: auto auto auto 30px;
    width: 100%;
    min-height: 60px;
}


.grid-itemMember {
    font-size: 1.25em;
}
.grid-itemMember:hover {
    color:white;
}

.grid-itemSlot {
    font-size: 1em;
    color: #6EC21B;
}

.grid-itemTopEnd {
    font-size: .75em;
}

.grid-itemInventory {
    color: #6EC21B;
    font-size: 1em;
}

.grid-itemDate {
    font-size: .75em;
}

.grid-itemFill {
    width: 100%;
    color: salmon;
}


.grid-itemMessage {
    column-span: all;
    color: #6EC21B;
}*/

.grid-itemDelete[b-wmoc2k8tg9] {
    margin: 0 0 3px 0;
    padding:0;
}
/* _content/digiClubZone/Components/Reservations/MemberAdd.razor.rz.scp.css */


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-b1lhlqvn9b] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }

    #selected[b-b1lhlqvn9b] {
        height: 630px;
        bottom: 0;
        box-sizing: border-box;
        margin: auto;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-b1lhlqvn9b] {
        max-width: 800px;
        padding: 20px;
        margin: 20px auto auto auto;
        text-align: center;
        position: relative;
    }

    #selected[b-b1lhlqvn9b] {
        max-width: 800px;
        bottom: 0;
        box-sizing: border-box;
        border: 2px solid #ccc;
        border-radius: 10px;
        background: #f9f9f9;
        margin: 15px auto auto auto;
    }
}

/* _content/digiClubZone/Components/Reservations/SlotsStatus.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-ipjrj4forg] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-ipjrj4forg] {
        padding: 20px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
}

#container[b-ipjrj4forg] {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
}




#events[b-ipjrj4forg] {
    /*margin-right: auto; margin-left: auto; width: 100px; text-align: center;  display: table-row;*/
    display: inline-block;
    margin: 10px auto 20px auto;
    width: 100%;
}

svg[b-ipjrj4forg]{
    width:125px;
    height:125px;
}

/*@media screen and (min-width: 0px) and (max-width: 1024px) {
    svg {
        width: 125px;
        height: 125px;
    }
}*/

.gageDiv[b-ipjrj4forg] {
    display: inline;
    margin-right: 30px;
    cursor: pointer;
}
/*Gage control*/
.cls-1[b-ipjrj4forg] {
    fill: #a0e8b5;
}

.cls-3[b-ipjrj4forg],
.cls-9[b-ipjrj4forg] {
    fill: #fff;
}

.cls-4[b-ipjrj4forg] {
    fill: #ebfff0;
}

.cls-5[b-ipjrj4forg] {
    font-size: 6px;
}

.cls-9[b-ipjrj4forg] {
    font-size: 10px;
}

.cls-11[b-ipjrj4forg],
.cls-5[b-ipjrj4forg],
.cls-9[b-ipjrj4forg] {
    font-family: Arial;
}

.cls-9[b-ipjrj4forg] {
    font-size: 5px;
}

.cls-11[b-ipjrj4forg] {
    font-size: 3px;
    fill: gray;
}

.gage[b-ipjrj4forg] {
    fill: #49b3ff;
}

.gageFull[b-ipjrj4forg] {
    fill: rgb(255,65,43);
}

.inventory[b-ipjrj4forg] {
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.numAvailable[b-ipjrj4forg] {
    font-weight: bold;
    font-size: 12px;
}

.numOut[b-ipjrj4forg] {
    font-weight: bold;
}

.numTotal[b-ipjrj4forg] {
    font-weight: bold;
}


.slotHeadeer[b-ipjrj4forg] {
    height: 30px;
    width: 100%;
    align-content: center;
    color: white;
    background-color: darkslategray;
    text-align: center;
    margin-bottom: 5px;
}

.title[b-ipjrj4forg] {
    margin: auto;
    text-align: center;
    width: 100%;
}

.center[b-ipjrj4forg] {
    display: table;
    margin: auto;
}
/* _content/digiClubZone/Components/Reservations/TabMenu.razor.rz.scp.css */

input[b-a5ksh7p2m5]{
    margin:0;
    padding:0;
}

.topnav[b-a5ksh7p2m5] {
    overflow: hidden;
    background-color: #e9e9e9;

}

    .topnav a[b-a5ksh7p2m5] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-a5ksh7p2m5] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
            /*     background-color: #ddd;
            color: black;*/
        }

        .topnav a.active[b-a5ksh7p2m5] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-a5ksh7p2m5] {
        float: right;
    }

    .topnav .selected[b-a5ksh7p2m5]{

    }

    .topnav input[type=text][b-a5ksh7p2m5] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-a5ksh7p2m5] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-a5ksh7p2m5] {
            background: #ccc;
        }

/*@media screen and (max-width: 600px) {
    .topnav .search-container {
        float: none;
    }

        .topnav a, .topnav input[type=text], .topnav .search-container button {
            float: none;
            display: block;
            text-align: left;
            width: 100%;
            margin: 0;
            padding: 14px;
        }

    .topnav input[type=text] {
        border: 1px solid #ccc;
    }
}*/
/* _content/digiClubZone/Components/Reservations/VerticalListReservation.razor.rz.scp.css */

ul[b-x24dkk25ua] {
    height:600px;
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration:none;
}
li[b-x24dkk25ua] {
    width:100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.btn-select[b-x24dkk25ua]{
    width:100%;
}


.title[b-x24dkk25ua] {
    background-color: #005a87;
    height: 24px;
    width: 100%;
    margin: auto;
    text-align:center;
    color:white;
}
.title:hover[b-x24dkk25ua] {
    cursor: pointer;
}

.listHeader[b-x24dkk25ua] {
    text-align: center;
    color: #6EC21B;

}

i[b-x24dkk25ua] {
    style ="float:left";
    margin-left:3px;
}
    i:hover[b-x24dkk25ua] {
        cursor: pointer;
    }
/* _content/digiClubZone/Components/Shared/DatePicker.razor.rz.scp.css */

/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .main[b-m7bw1l2zpf] {
        margin-top:40px;
        overflow: hidden;
        width: 1000px;
        margin: auto;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .main[b-m7bw1l2zpf] {
        overflow: hidden;
        width: 400px;
        margin: auto;
    }

}


.title[b-m7bw1l2zpf] {
    margin: 10px auto 10px auto;
    text-align: center;
    font-size: 1.5em;
    padding: 10px;
    border: 2px solid darkgray;
    border-radius: 10px;
    width: 500px;
    height: 80px;
    background-color: white;
    cursor: default;
}
    .title:hover[b-m7bw1l2zpf] {
        background-color: #777;
        color:white;
    }

/* _content/digiClubZone/Components/Shared/GroupExpander.razor.rz.scp.css */

.icon[b-4fxp9d7047] {
    color:white;
    font-size:14px;
}

.header[b-4fxp9d7047] {
    text-align: center;
    width: 100% !important;
    height: 40px;
    margin: 0 2px 0 2px;
    padding: 0;
    border-radius: 2px;
    border-bottom: solid 5px white;
}


.header-expanded[b-4fxp9d7047] {
    text-align: center;
    width: 100% !important;
    height: 40px;
    margin: 0 0px 0 0px;
    padding: 0;
    border-radius: 2px;

}

.grid-container[b-4fxp9d7047] {
    display: grid;
    grid-template-columns: 20px 200px auto auto 100px;
    width: 100%;
    min-height: 20px!important;
    margin: 0;
    padding: 0;

}

.grid-col1[b-4fxp9d7047] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 0px;
    margin-top: 8px;
    /*    padding-top: 5px;*/
}

.grid-col2[b-4fxp9d7047] {
    margin-left:10px;
    margin-top:4px;
    font-size: 1em;
    text-align: left;
    max-width:200px;
}


.grid-col3[b-4fxp9d7047] {
    font-size: 1.25em;
    text-align: left;
    margin-right: 10px;
/*    padding-top: 5px;*/
}

.grid-col4[b-4fxp9d7047] {
    font-size: 1em;
    text-align: left;
}

.grid-col5[b-4fxp9d7047] {
    font-size: 1em;
    text-align: left;
}

.labelCollapsibleSkilled[b-4fxp9d7047] {
/*    background-color: Blue!important;*/

}

.labelCollapsibleNotSkilled[b-4fxp9d7047] {
    background-color: tomato !important;
}
/* _content/digiClubZone/Components/Shared/Keyboard.razor.rz.scp.css */

#container[b-xjhax9a15t] {
    display: inline-block;
    height: 40px;
    margin-left: 3px;
    margin-top: 2px;
    margin-right: 3px;
    max-height: 40px;
}

.grid[b-xjhax9a15t] {
    display: grid;
    grid-template-columns: 100px 100px 100px 100px;
    grid-gap: 2px;
    background-color: #fff;
    color: #444;
}


.mincard[b-xjhax9a15t] {
    background-color: #005a87; /* #212529*/
    ; /* #ff7979;*/
    border-radius: 9px;
    height: 75px;
    /*   width: 80px;*/
    color: white;
    font-size: 1.5em;
    text-align: center;
    /*   padding: 10px;*/
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
    padding: 20px;
    cursor: pointer;
}

    .mincard:hover[b-xjhax9a15t] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.spanTwo[b-xjhax9a15t] {
    grid-column: 1 / 3;
}

.spanSpace[b-xjhax9a15t] {
    grid-column: 3 / 5;
}

.spanEnter[b-xjhax9a15t] {
    grid-column: 1 / 5;
}

.selected[b-xjhax9a15t] {
    border: 2px inset green;
    background-color: white !important;
    color: #005a87 !important;
}

.mincardText[b-xjhax9a15t] {
    margin:auto;
}

.mincardCaption[b-xjhax9a15t] {
    margin: auto;
    font-size:.75em;
}
/* _content/digiClubZone/Components/Shared/MonthSelect.razor.rz.scp.css */

/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .main[b-niyoyvhgww] {
        overflow: hidden;
      /*  width: 1000px;*/
        margin: auto;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .main[b-niyoyvhgww] {
        overflow: hidden;
        width: 400px;
        margin: auto;
    }

}

.scrollmenu[b-niyoyvhgww] {

    /*   background-color: #333;*/
    background-color: white;
    overflow: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    padding: 5px;
    gap: 1rem;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    margin-top: 10px;
    border: 2px inset darkgray;
    border-radius: 9px;
}

    .scrollmenu div[b-niyoyvhgww] {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 24px;
        text-decoration: none;
    }

        .scrollmenu div:hover[b-niyoyvhgww] {
            background-color: #777;
        }

    .scrollmenu[b-niyoyvhgww]::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.mincard[b-niyoyvhgww] {
    background-color: #005a87; /* #212529*/
    ; /* #ff7979;*/
    border-radius: 9px;
    height: 80px;
    width: 180px;
    color: white;
    font-size: 1.5em;
    text-align: center;
    padding: 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
}

.selected[b-niyoyvhgww] {
    border: 2px inset green;
    background-color: white!important;
    color: #005a87!important;
}

mincardText[b-niyoyvhgww] {
    margin: 18px;
    cursor: default;
}



/* _content/digiClubZone/Components/Shared/Note.razor.rz.scp.css */
.container[b-myeyv53eip] {
    position: relative;
    width: 400px;
    min-height: 100px;
    margin-top: 5px;
}

.header[b-myeyv53eip] {
    text-align: center;
    width: 400px;
    height: 30px;
    color: black;
    background-color: lightblue;
    border: 2px solid darkblue;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

textarea[b-myeyv53eip] {
    width: 400px;
    border: 2px solid darkblue;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px 20px 10px 10px;
}


.btn-round[b-myeyv53eip] {
    display: block;
    position: absolute;
    top: 0;
    left: 380px;
    text-align: center;
    color: #fff;
    background-color: #6EC21B !important;
    /* border-color: #1861ac;*/
    border-width: 0;
    height: 60px;
    width: 60px;
    border-radius: 60px;
    margin: 2px 2px 5px 2px;
    cursor: pointer;
}

    .btn-round:disabled[b-myeyv53eip] {
        background: #dddddd;
        border-color: darkgray;
    }
    /* On mouse-over, add a deeper shadow */
    .btn-round:hover[b-myeyv53eip] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        background-color: darkgrey;
    }

/* _content/digiClubZone/Components/Shared/NumberPicker.razor.rz.scp.css */
.container[b-ul0skva196] {
    border: solid 1px green;
    border-radius: 2px;
/*    width: 320px;*/
    height: 70px;
    padding: 10px;
}



.value[b-ul0skva196] {
    padding-bottom: 4px;
    width: 80px;
    font-size: 2em;
    text-align: center;
    color: black;
}

.grid-container[b-ul0skva196] {

    display: grid;
/*    height: 80px;*/
/*    width: 310px;*/
 /*   margin:10px;*/
    /*  height: 60px;*/
    grid-template-columns: 100px 100px 100px
    /*    width: 100%;
    min-height: 80px;
    margin: auto;*/
    
}

.grid-col1[b-ul0skva196] {
/*    font-size: 2em;
    text-align: center;
    color: black;*/

}

.grid-col2[b-ul0skva196] {
    font-size: 1em;
    text-align: center;
    /*    margin: 15px;
    border: solid 1px green;
    border-radius: 2px;*/
    padding: 4px;
    border-radius: 5px;
 /*   height:100px;*/
}


.grid-col3[b-ul0skva196] {
    font-size: 1em;
    text-align: center;
    /*    margin: 15px;
    border: solid 1px green;
    border-radius: 2px;*/
    padding: 4px;
    border-radius: 5px;
/*    height:100px;*/
}

.btn-primary[b-ul0skva196] {
    color: #fff;
    background-color: #1b6ec2;
    /* border-color: #1861ac;*/
    border-width: 0;
    /* height: 34px; */
    height: 48px;
    border-radius: 10px;
    margin: 2px 2px 5px 2px;
    cursor: pointer;
}

    .btn-primary:disabled[b-ul0skva196] {
        background: #dddddd;
        border-color: darkgray;
    }
    /* On mouse-over, add a deeper shadow */
    .btn-primary:hover[b-ul0skva196] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
/* _content/digiClubZone/Components/Shared/NumberPickerCompact.razor.rz.scp.css */
.container[b-nu6gcatior] {
 /*   border: solid 1px green;*/
    border-radius: 2px;
/*    width: 320px;*/
 /*   height: 30px;
    padding: 5px;*/
}



.value[b-nu6gcatior] {
    padding-bottom: 4px;
    width: 10px;
    font-size: 1.25em;
    text-align: center;
    color: black;
}

.grid-container[b-nu6gcatior] {

    display: grid;
/*    height: 80px;*/
/*    width: 310px;*/
 /*   margin:10px;*/
    /*  height: 60px;*/
    grid-template-columns: 20px 50px 50px;
    /*    width: 100%;
    min-height: 80px;
    margin: auto;*/
    
}

.grid-col1[b-nu6gcatior] {
/*    font-size: 2em;
    text-align: center;
    color: black;*/

}

.grid-col2[b-nu6gcatior] {
    font-size: 1em;
    text-align: center;
    /*    margin: 15px;
    border: solid 1px green;
    border-radius: 2px;*/
    padding: 0px;
    border-radius: 5px;

}


.grid-col3[b-nu6gcatior] {
    font-size: 1em;
    text-align: center;
    /*    margin: 15px;
    border: solid 1px green;
    border-radius: 2px;*/
    padding: 0px;
    border-radius: 5px;
/*    height:100px;*/
}

.btn-primary[b-nu6gcatior] {
    color: #fff;
    background-color: #1b6ec2;
    /* border-color: #1861ac;*/
    border-width: 0;
    /* height: 34px; */
    height: 35px;
    border-radius: 10px;
    margin: 2px 2px 5px 2px;
    cursor: pointer;
}

    .btn-primary:disabled[b-nu6gcatior] {
        background: #dddddd;
        border-color: darkgray;
    }
    /* On mouse-over, add a deeper shadow */
    .btn-primary:hover[b-nu6gcatior] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
/* _content/digiClubZone/Components/Shared/NumberSelect.razor.rz.scp.css */
/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .main[b-fm11obelwc] {
        overflow: hidden;
        /*  width: 1000px;*/
        margin: auto;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .main[b-fm11obelwc] {
        overflow: hidden;
        width: 400px;
        margin: auto;
    }
}

.scrollmenu[b-fm11obelwc] {
    /*   background-color: #333;*/
    background-color: white;
    overflow: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    padding: 5px;
    gap: 1rem;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    margin-top: 10px;
    border: 2px inset darkgray;
    border-radius: 9px;
}

    .scrollmenu div[b-fm11obelwc] {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 24px;
        text-decoration: none;
    }

        .scrollmenu div:hover[b-fm11obelwc] {
            background-color: #777;
        }

    .scrollmenu[b-fm11obelwc]::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.mincard[b-fm11obelwc] {
    background-color: #005a87; /* #212529*/
    ; /* #ff7979;*/
    border-radius: 9px;
    height: 80px;
    width: 180px;
    color: white;
    font-size: 1.5em;
    text-align: center;
    padding: 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
}

.selected[b-fm11obelwc] {
    border: 2px inset green;
    background-color: white !important;
    color: #005a87 !important;
}

mincardText[b-fm11obelwc] {
    margin: 18px;
    cursor: default;
}
/* _content/digiClubZone/Components/Shared/PageViewer.razor.rz.scp.css */
.center[b-4w6kal6ijq] {
    display: table;
    margin: auto;
}
/* _content/digiClubZone/Components/Shared/PassAquire.razor.rz.scp.css */
ul[b-z014veea61] {
    height: 600px;
    margin: 0;
    padding: 0;
    overflow: auto;
}

li[b-z014veea61] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.btn-select[b-z014veea61] {
    width: 100%;
}


.title[b-z014veea61] {
    background-color: #005a87;
    height: 24px;
    width: 100%;
    margin: auto;
    text-align: center;
    color: white;
}


/*.item {
    display: inline-block;
    width: 400px;
    margin: 0 10px;
    height: 100px;
    background: rgba(0, 0, 0, 0.05) no-repeat center center;
    background-size: cover;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 10px #dfdfdf;
}

    .item div {
        width: 100%;
        top: 10%;
        position: absolute;
        text-align: center;
        font-size: 1em;
        color: black;
    }

    .item h1 {
        top: 50%;
        position: absolute;
        color: black;
        text-align: center;
        width: 100%;
        font-size: 1em;
    }*/
/* _content/digiClubZone/Components/Shared/PopupConfirm.razor.rz.scp.css */
.pop-container[b-hnz82f9r5j] {
    position: relative;
/*    z-index: 1000;*/
}

.btn-cancel[b-hnz82f9r5j] {
    margin: 5px auto auto auto;
    color: red;
    border: solid;
    background-color: white;
    width: 80px;
    border-radius: 5px;
}

.btn-ok[b-hnz82f9r5j] {
    margin: 5px auto auto 20px;
    color: green;
    border: solid;
    background-color: white;
    width: 80px;
    border-radius: 5px;
}

.btn-remove[b-hnz82f9r5j] {
    cursor: pointer;
}


.popconfirm-buttons[b-hnz82f9r5j] {
    display: block;
    width: 50%;
    margin: 20px auto auto auto;

}

.popconfirm[b-hnz82f9r5j] {
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: black;
    width: 100%;
    height: 100%;
    margin: auto;
    color: white;
}

.message[b-hnz82f9r5j]{
    margin:auto;
    text-align:center;
}
/* _content/digiClubZone/Components/Shared/Switch.razor.rz.scp.css */

#switchTable[b-2e613bnqqf] {
    border: none !important;
    padding: 2px;
}


tr:hover[b-2e613bnqqf] {
    background-color: transparent !important;
}

#container[b-2e613bnqqf] {
    display: inline-block;
    height: 40px;
    margin-left: 3px;
    margin-top: 2px;
    margin-right: 3px;
    max-height: 40px;
}


#caption[b-2e613bnqqf] {
    color: black;
    font-size: .75em;
    max-width: 40px;
}

#captionWhite[b-2e613bnqqf] {
    color: white;
    font-size: 1em;
    max-width: 40px;
}

.switch[b-2e613bnqqf] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-left: 10px;
}



    .switch input[b-2e613bnqqf] {
        opacity: 0;
        width: 0;
        height: 0;
    }


.slider[b-2e613bnqqf] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-2e613bnqqf]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-2e613bnqqf] {
    background-color: #2196F3;
}

input:focus + .slider[b-2e613bnqqf] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-2e613bnqqf]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-2e613bnqqf] {
    border-radius: 34px;
}

    .slider.round[b-2e613bnqqf]:before {
        border-radius: 50%;
    }
/* _content/digiClubZone/Components/Shared/SwitchCompact.razor.rz.scp.css */

#switchTable[b-dybkyshylh]{
    border:none!important;
    padding:2px;
}

tr:hover[b-dybkyshylh] {
    background-color: transparent !important;
}

#container[b-dybkyshylh]{
    display:inline-block;
  /*  height:40px;*/
    margin-left:3px;
    margin-top:2px;
    margin-right:3px;
    max-height:40px;
}

#caption[b-dybkyshylh] {
    color: black;
 /*   margin-top:10px;
    padding-left:2px;*/
/*    height:34px;*/
    font-size:.75em;
    max-width: 40px;
}

#captionWhite[b-dybkyshylh] {
    color: white;
    /*margin-top: 12px;*/
   /* padding-left: 2px;*/
        height:25px;
    font-size: .5em;
    max-width: 40px;
}

.switch[b-dybkyshylh] {
    position: relative;
    display: inline-block;
    width: 60px;
   /* height: 34px;*/
    margin-left:10px;
}

    .switch input[b-dybkyshylh] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-dybkyshylh] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-dybkyshylh]:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-dybkyshylh] {
    background-color: #2196F3;
}

input:focus + .slider[b-dybkyshylh] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-dybkyshylh]:before {
    -webkit-transform: translateX(36px);
    -ms-transform: translateX(36px);
    transform: translateX(36px);
}

/* Rounded sliders */
.slider.round[b-dybkyshylh] {
    border-radius: 34px;
}

    .slider.round[b-dybkyshylh]:before {
        border-radius: 50%;
    }
/* _content/digiClubZone/Components/Shared/TimeSelectHorizontal.razor.rz.scp.css */

/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .main[b-ynq122m2kl] {
        overflow: hidden;
      /*  width: 1000px;*/
        margin: auto;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .main[b-ynq122m2kl] {
        overflow: hidden;
        width: 400px;
        margin: auto;
    }

}

.scrollmenu[b-ynq122m2kl] {

    /*   background-color: #333;*/
    background-color: white;
    overflow: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    padding: 5px;
    gap: 1rem;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    margin-top: 10px;
    border: 2px inset darkgray;
    border-radius: 9px;
}

    .scrollmenu div[b-ynq122m2kl] {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 24px;
        text-decoration: none;
    }

        .scrollmenu div:hover[b-ynq122m2kl] {
            background-color: #777;
        }

    .scrollmenu[b-ynq122m2kl]::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.mincard[b-ynq122m2kl] {
    background-color: #005a87; /* #212529*/
    ; /* #ff7979;*/
    border-radius: 9px;
    height: 100px;
    width: 200px;
    color: white;
    font-size: 1.5em;
    text-align: center;
    padding: 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
}

.selected[b-ynq122m2kl] {
    border: 2px inset green;
    background-color: white!important;
    color: #005a87!important;
}

mincardText[b-ynq122m2kl] {
    margin: 20px;
    cursor: default;
}

.checkOutTime[b-ynq122m2kl] {
}

.checkInTime[b-ynq122m2kl] {
}


/* _content/digiClubZone/Components/Shared/TimeSelectVertical.razor.rz.scp.css */
/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .frame[b-4emf234ofn] {
        /*      overflow: hidden;*/
   /*     width: 400px;*/
        margin: auto;
        border-radius: 9px;
        /*border: 2px solid darkgray;*/
        margin: 15px;
        padding: 5px;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .frame[b-4emf234ofn] {
  /*      overflow: hidden;*/
        width: 400px;
        margin: auto;
        border-radius: 9px;
        /*border: 2px solid darkgray;*/
        margin: 15px;
        padding: 5px;
    }
}



.mincard[b-4emf234ofn] {
    background-color: #eee;
    border-radius: 9px;
    height: 45px;
    width: 100px;
    color: black;
    font-size: 1.5em;
    text-align: center;
/*    padding: 10px;*/
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
}


.grid-main[b-4emf234ofn] {
    max-width: 354px;
    display: grid;
    grid-template-columns: 105px 110px 100px;
    margin: auto;
    padding: 0px 5px;
    background-color: #ecf0f1;
    border-radius: 10px;
    border-width: 3px;
    border-style: solid;
    border-color: #000066;
}

.grid-container[b-4emf234ofn] {
    grid-template-columns: auto;
    margin: auto;
}

.grid-main-item1[b-4emf234ofn] {
    background-image: linear-gradient(#e1e8f0, #000066, #e1e8f0);
    font-size: 1em;
    padding: 0;
    margin: 0;
}

.grid-main-item2[b-4emf234ofn] {
    font-size: 1em;
}

.grid-item3[b-4emf234ofn] {
    font-size: 1em;
}

.vertical-menu[b-4emf234ofn] {
    /*height: 284px;*/
    overflow-y: auto;
    margin: 0;
    padding: 6px 0 0 0;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .vertical-menu[b-4emf234ofn]::-webkit-scrollbar {
        display: none;
    }

.grid-main .mincard.active[b-4emf234ofn] {
    background-color: #6ed3cf;
    color: white;
}

.title[b-4emf234ofn] {
    margin: 5px auto 5px auto;
    text-align: center;
    font-family: "Helvetica", arial, sans-serif;
    font-size: 24px;
    border: none;
    padding: 5px;
    display: inline-block !important;
    visibility: visible !important;
    min-width: 300px;
    height: 80px;
}

/* _content/digiClubZone/Components/Shared/TopMenu.razor.rz.scp.css */

.member[b-j26nrdyidr] {
    padding: 2px;
    margin: 0;
    background-image: linear-gradient(180deg, #005a87 0%, #005a87 70%);
    color: white;
    width: 100%;
    text-align:center;
}
    .member:hover[b-j26nrdyidr] {
        cursor: pointer;
    }

.member-nonclub[b-j26nrdyidr] {
    height: 56px;
}

#searchText[b-j26nrdyidr] {
    font-size: 1em !important;
    margin:  8px 5px 0 5px;
    width: 250px;
    border: none;
    height: 40px;
}

.topnav[b-j26nrdyidr] {
    min-height: 56px;
    position: sticky;
    top: 0;
    z-index: 1000;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-image: linear-gradient(180deg, #005a87 0%, #005a87 70%);
    width: 100%;
}

    .topnav a[b-j26nrdyidr] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 16px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-j26nrdyidr] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
        }

        .topnav a.active[b-j26nrdyidr] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-j26nrdyidr] {
        float: left;
    }

    .topnav input[type=text][b-j26nrdyidr] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-j26nrdyidr] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 4px!important;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-j26nrdyidr] {
            background: #ccc;
        }
/* _content/digiClubZone/Components/Shared/TypePicker.razor.rz.scp.css */

.main[b-zo7spyyc32] {
    width: 100%;
    height:100%;
}

.info[b-zo7spyyc32] {
    position: relative;
    display: inline-block;
}

.dropdownDefault[b-zo7spyyc32] {
    position: relative;
    display: inline-block;
}

.dropdown[b-zo7spyyc32] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-zo7spyyc32] {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    line-height: 2.5em!important;
}

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

.item:hover[b-zo7spyyc32] {
    visibility: visible;
    opacity: 1;
    display: block;
    color: green;
    cursor: pointer;
}

.valueSelected[b-zo7spyyc32] {
   width:100%;
}

.valueSelected:hover[b-zo7spyyc32] {
    cursor: pointer;
}

.valueSelected[b-zo7spyyc32] {
    border: none;
    border-bottom: solid !important;
    color: green;
    width: 100%;
}

.valueSelectedReadOnly[b-zo7spyyc32] {
    border: none;
    color: black;
    width: 100%;
}

.lableData[b-zo7spyyc32] {
    color: black;
    width: 100%;
    border: 0;
}
/* _content/digiClubZone/Components/Shared/YearSelect.razor.rz.scp.css */
/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .main[b-w3xe9nfa1p] {
        overflow: hidden;
        /*  width: 1000px;*/
        margin: auto;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .main[b-w3xe9nfa1p] {
        overflow: hidden;
        width: 400px;
        margin: auto;
    }
}

.scrollmenu[b-w3xe9nfa1p] {
    /*   background-color: #333;*/
    background-color: white;
    overflow: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    padding: 5px;
    gap: 1rem;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    margin-top: 10px;
    border: 2px inset darkgray;
    border-radius: 9px;
}

    .scrollmenu div[b-w3xe9nfa1p] {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 24px;
        text-decoration: none;
    }

        .scrollmenu div:hover[b-w3xe9nfa1p] {
            background-color: #777;
        }

    .scrollmenu[b-w3xe9nfa1p]::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.mincard[b-w3xe9nfa1p] {
    background-color: #005a87; /* #212529*/
    ; /* #ff7979;*/
    border-radius: 9px;
    height: 80px;
    width: 180px;
    color: white;
    font-size: 1.5em;
    text-align: center;
    padding: 10px;
    border: 2px solid darkgray;
    margin: 2px;
    cursor: default;
}

.selected[b-w3xe9nfa1p] {
    border: 2px inset green;
    background-color: white !important;
    color: #005a87 !important;
}

mincardText[b-w3xe9nfa1p] {
    margin: 18px;
    cursor: default;
}
/* _content/digiClubZone/Components/SmartWaiver/ListItemWaiver.razor.rz.scp.css */


.grid-container[b-owu8rj3hvj] {
    display: grid;
    grid-template-columns: 60% auto 40%;
    width: 100%;
    min-height: 60px;
    margin: auto;
    /*  width:400px;*/
    /*    max-width:400px;*/
}

.grid-item1[b-owu8rj3hvj] {
    font-size: 1em;
}

/*    .grid-item1:hover {
        color: white;
    }*/


.grid-item2[b-owu8rj3hvj] {
    font-size: .75em;
}


.grid-item3[b-owu8rj3hvj] {
    font-size: .75em;
    text-align:left;
}

.grid-item4[b-owu8rj3hvj] {
    color: #6EC21B;
}

.grid-item5[b-owu8rj3hvj] {
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.grid-item6[b-owu8rj3hvj] {
    font-size: .75em;
 /*   color: #6EC21B;*/
    text-align:left;
}

/* _content/digiClubZone/Components/SmartWaiver/SmartWaiverSelect.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-odyvtirn1r] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: left;
        position: relative;
    }
    ul[b-odyvtirn1r] {
        margin: 0;
        padding: 0;
        overflow: auto;
        text-decoration: none;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-odyvtirn1r] {
        padding: 20px;
        margin: auto auto auto auto;
        text-align: left;
        position: relative;
    }
    ul[b-odyvtirn1r] {
        /*        height: 600px;*/
        bottom: 0;
        margin: 0;
        padding: 10px;
        overflow: auto;
        text-decoration: none;
    }
}

#container[b-odyvtirn1r] {
    border-style: none;
    margin: 0px;
    height: auto;
    padding: 0px;
}

li[b-odyvtirn1r] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.title[b-odyvtirn1r] {
    background-color: #005a87;
    height: 24px;
    width: 100%;
    margin: auto;
    text-align:center;
    color:white;
}

.card-member[b-odyvtirn1r] {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    padding: 00px;
/*    min-width: 450px;
    width: 100px;*/
    margin: auto;
}



/* Add some padding inside the card container */
/*.container {
    padding: 2px 16px;
}*/


.selectedNote[b-odyvtirn1r] {
    resize: none;
    font-size: 14px;
    min-height: 60px;
    height: 50vh;
    width: 100%;
    border-style:solid;
    border-width: 1px;
    border-radius: 10px;
    background-color: white;
    border-color: lightgray;
    text-align: left;
    padding: 10px;
    margin: 10px auto 10px auto;
}
/* _content/digiClubZone/Components/SysAdmin/ClubEdit.razor.rz.scp.css */
.container[b-xsjwdubhv1] {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 5px auto auto auto;
}

.required[b-xsjwdubhv1]{
    font-size:1.5em;
    color:green;
    padding-top:10px;
}
.grid-container[b-xsjwdubhv1] {
    display: grid;
    grid-template-columns: 110px 200px 70px 200px;
    width: 100%;
    min-height: 80px;
    margin: auto;
    grid-row-gap:10px;
    color:black;
}

.grid-col1[b-xsjwdubhv1] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 0px;
}

.grid-col1-required[b-xsjwdubhv1] {
    font-size: .75em;
    text-align: right;
    color: darkgreen;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col2[b-xsjwdubhv1] {
    font-size: .75em;
    text-align: left;
}


.grid-col3[b-xsjwdubhv1] {
    font-size: .75em;
    text-align: right;
    color: darkgray;
    margin-right: 10px;
    padding-top: 5px;
}

.grid-col4[b-xsjwdubhv1] {
    font-size: .75em;
    text-align: left;
}

.grid-colNote[b-xsjwdubhv1] {
    font-size: .75em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 4;
}

.grid-colFull[b-xsjwdubhv1] {
    font-size: .75em;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 5;
}

.grid-colExpander[b-xsjwdubhv1] {
    font-size: 1em;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 5;
}

.isValid[b-xsjwdubhv1] {
    color: darkgreen;
    font-weight: bold;
}

.isNotValid[b-xsjwdubhv1] {
    color: red;
    font-weight: bold;
}

.isChecked[b-xsjwdubhv1] {
    color: green;
    position: absolute;
    left: 4px;
    top: 2px;
}

.isNotChecked[b-xsjwdubhv1] {
    color: red;
    position: absolute;
    left: 4px;
    top: 2px;
}

input[b-xsjwdubhv1] {
    color: black;
    width: 100%;

    border: 0;
    border-bottom: 1px solid green;
}

.lableData[b-xsjwdubhv1] {
    color: black;
    width: 100%;
    border: 0;
    border-bottom: 1px solid green;

}

.lableReadOnly[b-xsjwdubhv1] {
    color: black;
    width: 100%;
    border: 0;
    font-size:.75em;
}

.inputDate[b-xsjwdubhv1]{
    font-size:1em;
    max-height:40px;
}

textarea[b-xsjwdubhv1] {
    border: solid;
/*    border-bottom: solid !important;*/
    border-color:green;
    color: black;
    width: 100%;
    font-size:.75em;
}
/* _content/digiClubZone/Components/SysAdmin/ClubList.razor.rz.scp.css */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-fnp5dxl72n] {
        display: inline;
        width: 100%;
        padding: 0px;
        margin: auto;
        /*      text-align: center;*/
        position: relative;
    }
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-fnp5dxl72n] {
        display: inline;
        padding: 0px;
        margin: auto auto auto auto;
        /*    text-align: center;*/
        position: relative;
    }
}

th[b-fnp5dxl72n] {
    height: 40px;
    overflow: hidden;
}


.info[b-fnp5dxl72n] {
    font-size: .75em;
    color: green;
    margin-left: 10px;
}

.listTitle[b-fnp5dxl72n] {
    height: 40px;
    background-color: darkgrey;
    color: white;
    width: 100%;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: center;
}


/* Smartphones (portrait) ----------- */
/*@media only screen and (max-width : 520px) {
    .float-child {
        display: inline;
        width: 100%;
        padding: 0px;
        margin: auto;*/
  /*      text-align: center;*/
        /*position: relative;
    }
}*/


/* Large screen ----------- */
/*@media screen and (min-width: 521px) {
    .float-child {
        display: inline;
        padding: 0px;
        margin: auto auto auto auto;*/
    /*    text-align: center;*/
        /*position: relative;
    }
}


.topnav-container {
    display: grid;
    grid-template-columns: 380px auto 380px;
    width: 100%;
    min-height: 30px;
    margin: auto;
}

.nav-col1 {
}

.nav-col2 {
    font-size: 2em;
    text-align: center;
    padding-top: 2px;
}


.nav-col3 {
}



ul {*/
    /*   height: 600px;*/
    /*  position:absolute;*/
    /*bottom: 0;
    margin: 0;
    padding: 4px;
    overflow: auto;
    text-decoration: none;
    height: 80vh;
    border: 1px solid darkgray;
    border-radius: 4px;
}
.container {
    background-color:white;
    margin:0px;
    padding:0;
}

.dateLinkText {
    color: #1b6ec2;
}

li {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.itemHeader {
    grid-area: header;
    text-align: center;
}

.itemMenu {
    grid-area: menu;
    padding:4px;*/
    /*  width:200px;*/
/*}

.itemMain {
    grid-area: main;
}

.itemRight {
    grid-area: right;
}

.itemFooter {
    grid-area: footer;
}

.grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: 240px auto auto auto auto auto auto auto;
    grid-template-areas:
        'header header header header header header header header'
        'menu main main main main main main main';
    grid-gap: 5px;
    background-color: lightsteelblue;
    padding: 5px;
}

    .grid-container > div {
        background-color: white;
    }



.grid-list {
    display: grid;
    width: 110px;*/
    /*    grid-template-columns: auto auto auto;*/
    /*grid-template-areas:
        'header header header'
        'footer footer footer';
    width: 100%;
    margin: auto;
}

.grid-list-item1 {
    grid-area: header;
    text-align: left;
    font-size: .80em;
}



.grid-list-item2 {
    grid-area: header;
    font-size: .80em;
}


.grid-list-item3 {
    grid-area: header;
    font-size: .75em;
    text-align: left;
}

.grid-list-item4 {
    grid-area: footer;
    color: #6EC21B;
    text-align: left;
    font-size: .75em;
}

.grid-list-item5 {*/
    /*    width:40px;*/
    /*align-content: center;
    text-align: center;
    grid-area: footer;
    color: #6EC21B;
    font-size: .75em;
    padding: 0;
    margin: auto;
}

.grid-list-item6 {
    grid-area: footer;
    font-size: .75em;*/
    /*   color: #6EC21B;*/
    /*text-align: right;
}



.topnav {
    overflow: hidden;
    background-color: #e9e9e9;

}

    .topnav a {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        cursor: pointer;
    }

        .topnav a:hover {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;*/
            /*     background-color: #ddd;
            color: black;*/
        /*}

        .topnav a.active {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container {
        float: right;
    }

    .topnav .selected {
    }

    .topnav input[type=text] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 16px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover {
            background: #ccc;
        }

  .itemCount{
      display:inline-block;
      text-align:center;
      margin: -20px auto auto auto;*/
      /*padding-bottom:20px;*/
     /* height: 30px;*/
  /*}*/
/* _content/digiClubZone/PagesShared/ClubOnBoardingLayout.razor.rz.scp.css */
/* --wp-admin-theme-color: #007cba; */
/* --wp-admin-theme-color-darker-10: #006ba1; */
/* --wp-admin-theme-color-darker-20: #005a87; */


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-so96t2kod9] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }
}

/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-so96t2kod9] {
        padding: 20px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
}

#container[b-so96t2kod9] {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}



.page[b-so96t2kod9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-so96t2kod9] {
    flex: 1;
}

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

.top-row[b-so96t2kod9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-so96t2kod9] {
        display: none;
    }

    .top-row.auth[b-so96t2kod9] {
        justify-content: space-between;
    }

    .top-row a[b-so96t2kod9], .top-row .btn-link[b-so96t2kod9] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-so96t2kod9] {
        flex-direction: row;
    }

    .sidebar[b-so96t2kod9] {
        width: 200px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-so96t2kod9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-so96t2kod9] {
    /*    padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}




.grid-container[b-so96t2kod9] {
    display: grid;
    grid-template-columns: 300px auto 100px 100px;
    width:100%;
    padding-bottom:20px;
 /*   height:40px;*/
}

.grid-item[b-so96t2kod9] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}

.grid-itemLinks[b-so96t2kod9] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}
/* _content/digiClubZone/PagesShared/MainLayout.razor.rz.scp.css */
/* --wp-admin-theme-color: #007cba; */
/* --wp-admin-theme-color-darker-10: #006ba1; */
/* --wp-admin-theme-color-darker-20: #005a87; */


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-p5mve6aj58] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }
}

/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-p5mve6aj58] {
        padding: 20px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
}

#container[b-p5mve6aj58] {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}



.page[b-p5mve6aj58] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-p5mve6aj58] {
    flex: 1;
}

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

.top-row[b-p5mve6aj58] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-p5mve6aj58] {
        display: none;
    }

    .top-row.auth[b-p5mve6aj58] {
        justify-content: space-between;
    }

    .top-row a[b-p5mve6aj58], .top-row .btn-link[b-p5mve6aj58] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-p5mve6aj58] {
        flex-direction: row;
    }

    .sidebar[b-p5mve6aj58] {
        width: 200px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-p5mve6aj58] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-p5mve6aj58] {
    /*    padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}




.grid-container[b-p5mve6aj58] {
    display: grid;
    grid-template-columns: 300px auto 100px 100px;
    width:100%;
    padding-bottom:20px;
 /*   height:40px;*/
}

.grid-item[b-p5mve6aj58] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}

.grid-itemLinks[b-p5mve6aj58] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}
/* _content/digiClubZone/PagesShared/MemberOnBoardingLayout.razor.rz.scp.css */
/* --wp-admin-theme-color: #007cba; */
/* --wp-admin-theme-color-darker-10: #006ba1; */
/* --wp-admin-theme-color-darker-20: #005a87; */


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-h3wam2q3tj] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }
}

/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-h3wam2q3tj] {
        padding: 20px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
}

#container[b-h3wam2q3tj] {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}



.page[b-h3wam2q3tj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-h3wam2q3tj] {
    flex: 1;
}

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

.top-row[b-h3wam2q3tj] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-h3wam2q3tj] {
        display: none;
    }

    .top-row.auth[b-h3wam2q3tj] {
        justify-content: space-between;
    }

    .top-row a[b-h3wam2q3tj], .top-row .btn-link[b-h3wam2q3tj] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-h3wam2q3tj] {
        flex-direction: row;
    }

    .sidebar[b-h3wam2q3tj] {
        width: 200px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-h3wam2q3tj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-h3wam2q3tj] {
    /*    padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}




.grid-container[b-h3wam2q3tj] {
    display: grid;
    grid-template-columns: 300px auto 100px 100px;
    width:100%;
    padding-bottom:20px;
 /*   height:40px;*/
}

.grid-item[b-h3wam2q3tj] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}

.grid-itemLinks[b-h3wam2q3tj] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}
/* _content/digiClubZone/PagesShared/NavLinksMain.razor.rz.scp.css */
.navbar-toggler[b-e1bh9nqzej] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

.nav-item[b-e1bh9nqzej] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

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

    .nav-item:last-of-type[b-e1bh9nqzej] {
        padding-bottom: 1rem;
    }
/**/
    .nav-item[b-e1bh9nqzej]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 2.5rem;
        display: flex;
        align-items: center;
        line-height: 2rem;
    }

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

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

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .smallHide[b-e1bh9nqzej] {
        display: none;
    }
}

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

    .collapse[b-e1bh9nqzej] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.nav-footer[b-e1bh9nqzej] {
    margin-top:auto;
    text-align:center;
    padding: 10px;
    background: rgb(87,87,105);
    color: white!important;
/*    position: absolute;*/
    width: 100%;
    bottom: 0px;
    border: none;
    height:100%;
}

hr[b-e1bh9nqzej] {
    width: 100%;
    text-align: left;
    margin:0;
    margin-bottom: 5px;
    border-color: snow
}
/* _content/digiClubZone/PagesShared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bd35jl4x9f] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

    .nav-item:last-of-type[b-bd35jl4x9f] {
        padding-bottom: 1rem;
    }
/**/
    .nav-item[b-bd35jl4x9f]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .smallHide[b-bd35jl4x9f] {
        display: none;
    }
}

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

    .collapse[b-bd35jl4x9f] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.nav-footer[b-bd35jl4x9f] {
    margin-top:auto;
    text-align:center;
    padding: 10px;
    background: rgb(87,87,105);
    color: white!important;
/*    position: absolute;*/
    width: 100%;
    bottom: 0px;
    border: none;
    height:100%;
}

hr[b-bd35jl4x9f] {
    width: 100%;
    text-align: left;
    margin:0;
    margin-bottom: 5px;
    border-color: snow
}
/* _content/digiClubZone/PagesShared/PublicLayout.razor.rz.scp.css */
/* --wp-admin-theme-color: #007cba; */
/* --wp-admin-theme-color-darker-10: #006ba1; */
/* --wp-admin-theme-color-darker-20: #005a87; */


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-lrbvwmvxol] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }
}

/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-lrbvwmvxol] {
        padding: 20px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
}

#container[b-lrbvwmvxol] {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}



.page[b-lrbvwmvxol] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-lrbvwmvxol] {
    flex: 1;
}

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

.top-row[b-lrbvwmvxol] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-lrbvwmvxol] {
        display: none;
    }

    .top-row.auth[b-lrbvwmvxol] {
        justify-content: space-between;
    }

    .top-row a[b-lrbvwmvxol], .top-row .btn-link[b-lrbvwmvxol] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-lrbvwmvxol] {
        flex-direction: row;
    }

    .sidebar[b-lrbvwmvxol] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-lrbvwmvxol] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-lrbvwmvxol] {
    /*    padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}




.grid-container[b-lrbvwmvxol] {
    display: grid;
    grid-template-columns: 300px auto 100px 100px;
    width:100%;
    padding-bottom:20px;
 /*   height:40px;*/
}

.grid-item[b-lrbvwmvxol] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}

.grid-itemLinks[b-lrbvwmvxol] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}
/* _content/digiClubZone/PagesShared/ReportLayout.razor.rz.scp.css */
/* --wp-admin-theme-color: #007cba; */
/* --wp-admin-theme-color-darker-10: #006ba1; */
/* --wp-admin-theme-color-darker-20: #005a87; */


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
    .float-child[b-6uirxpowv2] {
        width: 100%;
        padding: 5px;
        margin: auto;
        text-align: center;
        position: relative;
    }
}

/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .float-child[b-6uirxpowv2] {
        padding: 20px;
        margin: auto auto auto auto;
        text-align: center;
        position: relative;
    }
}

#container[b-6uirxpowv2] {
    border-style: none;
    margin: 5px;
    height: auto;
    padding: 0px;
}



.page[b-6uirxpowv2] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-6uirxpowv2] {
    flex: 1;
}

.sidebar[b-6uirxpowv2] {
    /*  background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-image: linear-gradient(180deg, #005a87 0%, #005a87 70%);
}

.top-row[b-6uirxpowv2] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-6uirxpowv2] {
        display: none;
    }

    .top-row.auth[b-6uirxpowv2] {
        justify-content: space-between;
    }

    .top-row a[b-6uirxpowv2], .top-row .btn-link[b-6uirxpowv2] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-6uirxpowv2] {
        flex-direction: row;
    }

    .sidebar[b-6uirxpowv2] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-6uirxpowv2] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-6uirxpowv2] {
    /*    padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}




.grid-container[b-6uirxpowv2] {
    display: grid;
    grid-template-columns: 300px auto 100px 100px;
    width:100%;
    padding-bottom:20px;
 /*   height:40px;*/
}

.grid-item[b-6uirxpowv2] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}

.grid-itemLinks[b-6uirxpowv2] {
    height: 40px;
    text-align: center;
    padding-top: 10px;
}
/* _content/digiClubZone/Pages/ClubActivityPage.razor.rz.scp.css */
ul[b-794wdz6e3c] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
}

#searchText[b-794wdz6e3c] {
    font-size: 1em !important;
    margin: 8px 5px 0 5px;
    width: 250px;
    /*    border: none;*/
    height: 40px;
}

.topnav-container[b-794wdz6e3c] {
    display: grid;
    grid-template-columns: 480px auto 380px;
    width: 100%;
    min-height: 30px;
    margin: auto;
}

.nav-col1[b-794wdz6e3c] {
}

.nav-col2[b-794wdz6e3c] {
    font-size: 2em;
    text-align: center;
    padding-top: 2px;
}


.nav-col3[b-794wdz6e3c] {
}


.title[b-794wdz6e3c] {
    margin: auto;
    text-align: center;
    width: 100%;
}

.center[b-794wdz6e3c] {
    display: table;
    margin: auto;
}



.topnav[b-794wdz6e3c] {
    min-height: 56px;
    /*   position: sticky;*/
    top: 0;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-color: #e9e9e9;
    /*    background-image: linear-gradient(180deg, #005a87 0%, #005a87 70%);*/
    width: 100%;
}

    .topnav a[b-794wdz6e3c] {
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 16px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-794wdz6e3c] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
        }

        .topnav a.active[b-794wdz6e3c] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-794wdz6e3c] {
        float: left;
    }

    .topnav input[type=text][b-794wdz6e3c] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-794wdz6e3c] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 4px !important;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-794wdz6e3c] {
            background: #ccc;
        }
/* _content/digiClubZone/Pages/ClubCheckOutPage.razor.rz.scp.css */
/* Large screen  ----------- */
@media all and (min-width : 520px) {
    .grid-container[b-izw7aqiolq] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(450px, 1fr) minmax(0, 1fr);
        padding: 0px;
    }
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 520px) {
    .smallHide[b-izw7aqiolq] {
        display: none;
        visibility: hidden;
        width:0!important;
        height:0!important;
    }

    .grid-container[b-izw7aqiolq] {
        display: grid;
        grid-template-columns: minmax(0, 0) minmax(400px, 1fr) minmax(0, 0);
        padding: 0px;
    }

/*    .grid-item {
        width: 100%!important;
    } */
}

.grid-item[b-izw7aqiolq] {
    border-radius: 5px;
    padding: 20px;
    font-size: 30px;
    text-align: center;
    width:100%;
    max-width: 1200px;
    margin: 5px auto;
/*    display: grid;*/
}

.grid-col-1[b-izw7aqiolq] {
    background-color: transparent;
    border: none;
}
.grid-col-2[b-izw7aqiolq] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);
}
.grid-col-3[b-izw7aqiolq] {
    background-color: transparent;
    border: none;
}


/* _content/digiClubZone/Pages/ClubOnBoardingPage.razor.rz.scp.css */
.container[b-62342uteiz] {
    max-width: 99%;
    min-height: 800px;
    border: solid 2px darkgray;
    margin: 4px auto 4px auto;
}

.background[b-62342uteiz] {
    border: solid 2px darkgray;
    margin: 4px auto 4px auto;
    background-image: url("/images/fleet.jpg");
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 800px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
 
}

    .background img[b-62342uteiz] {
        opacity: 0.4;
    }

.grid-container[b-62342uteiz] {
    width: 100%;
    display: grid; 
    grid-template-columns: auto 400px auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
    grid-row-gap: 10px;
    color: black;
    background-color: seagreen;

}

.progress[b-62342uteiz]{
   width:100%;
   height:20px;
   color:white;
}

.progressBar[b-62342uteiz] {
    color:aqua;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}


.progress > span[b-62342uteiz] {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
    box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.navButton[b-62342uteiz]{
    font-size:2em;
    color:white;
    width:200px;
}

.finished[b-62342uteiz]{

    text-align:center;
    margin:200px auto auto auto;
    width: 900px;
    height:350px;
    background-color:ghostwhite;
    border:solid 2px;
    border-radius:4px;
    
}

.info[b-62342uteiz]{
    text-align:center;
    font-size:.75em;
}

.title[b-62342uteiz] {
    font-size: 1.5em;
    text-align:center;
    margin-top: 80px;
}

.caption[b-62342uteiz]{
    font-size:1.5em;
}
.info[b-62342uteiz] {
    font-size: 1em;
}
.key[b-62342uteiz] {
    font-size: 1em;
    width:400px;
}
.message[b-62342uteiz] {
    font-size: 1em;
    color:red;
}

.col1[b-62342uteiz] {
    text-align: center;
    color: white;
    margin-top:20px;
}

.col2[b-62342uteiz] {

}

.col3[b-62342uteiz] {
    text-align: center;
    color: white;
    margin-top: 20px;
}

.topnav[b-62342uteiz] {
    min-height: 56px;
    position: sticky;
    top: 0;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-image: linear-gradient(180deg, #005a87 0%, #005a87 70%);
    width: 100%;
}

    .topnav a[b-62342uteiz] {
        width:200px;
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 16px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover[b-62342uteiz] {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
        }

        .topnav a.active[b-62342uteiz] {
            background-color: #2196F3;
            color: white;
        }

    .topnav .search-container[b-62342uteiz] {
        float: left;
    }

    .topnav input[type=text][b-62342uteiz] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-62342uteiz] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 4px !important;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-62342uteiz] {
            background: #ccc;
        }
/* _content/digiClubZone/Pages/ClubStaffPage.razor.rz.scp.css */

.searchBorder[b-muu150bw5f] {
 /*   border: thin 5px solid black;*/
    border-style:  solid 
}

ul[b-muu150bw5f] {
    margin: 0;
    padding: 0;
    overflow: auto;
    text-decoration: none;
    list-style-type: none;
    height: 100%;
/*    max-height:400px;*/

}

.grid-container[b-muu150bw5f] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 2px;
    padding: 10px;
}

    .grid-container > div[b-muu150bw5f] {
        padding: 10px 0;
    }



.hasIssues[b-muu150bw5f] {
    color: red !important;
}

.rowFooter[b-muu150bw5f] {
    grid-column-start: 2;
    grid-column-end: 5;
}

.float-container[b-muu150bw5f] {
    border: 0px solid #fff;
    padding: 2px;
}

.center[b-muu150bw5f] {
    display: table;
    margin: auto;
}

/* ------------Layout---------------------- */

*[b-muu150bw5f] {
    box-sizing: border-box;
}

.flex-container[b-muu150bw5f] {
    display: flex;
    flex-direction: row;
}

.flex-item-left[b-muu150bw5f] {
    /*    background-color: #f1f1f1;*/
    padding: 2px;
    flex: 50%;
}

.flex-item-right[b-muu150bw5f] {
    padding: 0px;
    flex: 50%;
}

.flex-item-center[b-muu150bw5f] {
    padding: 10px;
    flex: 100%;
    height: 100px;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
    .flex-container[b-muu150bw5f] {
        flex-direction: column;
    }
}


/* _content/digiClubZone/Pages/FlashCards.razor.rz.scp.css */

.card[b-5qvvbiaflv] {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px; /* Rounded corners */
    width:100%;
    max-width:700px;
    margin:auto;
    height: 200px;
}

    /* On mouse-over, add a deeper shadow */
    .card:hover[b-5qvvbiaflv] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

/* Add some padding inside the card container */
.containerTop[b-5qvvbiaflv] {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px; /* Rounded corners */
    width: 100%;
    max-width: 700px;
    margin: auto;
    height: 80px;
}

.cardValue[b-5qvvbiaflv] {
    color:forestgreen;
    font-size:24px;

}

button[b-5qvvbiaflv]{
    height:60px;
}

select[b-5qvvbiaflv] {
    padding: 10px;
}
/* _content/digiClubZone/Pages/MemberOnBoardingPage.razor.rz.scp.css */

/* Small screen ----------- */
@media only screen and (max-width : 520px) {
    .container[b-cpfvr3r7k7] {
        max-width: 100%;
        min-height: 700px;
        border: none;
        margin: 4px auto 4px auto;
        padding-top: 0;
        width:100%;
    }

    .waiver[b-cpfvr3r7k7] {
        text-align: center;
        margin: 5px auto auto auto;
        width: 100%;
        /*    min-width:500px;*/
        max-width: 500px;
        min-height: 500px;
        min-height: 600px;
        background-color: ghostwhite;
        border: solid 2px;
        border-radius: 4px;
        padding: 0px;
    }
}

/* Large screen ----------- */
@media screen and (min-width: 521px) {
    .container[b-cpfvr3r7k7] {
        max-width: 100%;
        min-height: 800px;
        border: none;
        margin: 4px auto 4px auto;
        padding-top: 20px;
    }

    .waiver[b-cpfvr3r7k7] {
        text-align: center;
        margin: 5px auto auto auto;
        width: 100%;
        /*    min-width:500px;*/
        max-width: 500px;
        min-height: 500px;
        min-height: 600px;
        background-color: ghostwhite;
        border: solid 2px;
        border-radius: 4px;
        padding: 40px;
    }
}


.warning[b-cpfvr3r7k7]{
    background-color:orangered;
    color:white;
    height:30px;
    margin:auto;
}



.background[b-cpfvr3r7k7] {
 /*   border: solid 2px darkgray;*/
    margin: 4px auto 4px auto;
    background-image: url("/images/fleet.jpg");
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 800px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

    .background img[b-cpfvr3r7k7] {
        opacity: 0.4;
    }

.grid-container[b-cpfvr3r7k7] {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    width: 100%;
    min-height: 80px;
    margin: auto;
    grid-row-gap: 10px;
    color: black;
    background-color: seagreen;
}

a:link[b-cpfvr3r7k7], a:visited[b-cpfvr3r7k7] {
    background-color: white;
    color: black;
    border: 2px solid green;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius:4px;
}

a:hover[b-cpfvr3r7k7], a:active[b-cpfvr3r7k7] {
    background-color: green;
    color: white;
}

.progress[b-cpfvr3r7k7] {
    width: 100%;
    height: 20px;
    color: white;
}

.progressBar[b-cpfvr3r7k7] {
    color: aqua;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}


.progress > span[b-cpfvr3r7k7] {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
    box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.navButton[b-cpfvr3r7k7] {
    font-size: 1em;
    color: white;
    width: 200px;
}

.finished[b-cpfvr3r7k7] {
    text-align: center;
    margin: 200px auto auto auto;
    width: 900px;
    height: 350px;
    background-color: ghostwhite;
    border: solid 2px;
    border-radius: 4px;
}


.welcome[b-cpfvr3r7k7] {
    text-align: center;
    margin: 5px auto auto auto;
    width: 100%;
    max-width: 720px;
    min-height: 600px;
    /*    background-color: ghostwhite;*/
    /*    border: solid 2px;
    border-radius: 4px;*/
}

.smartwaiver[b-cpfvr3r7k7] {
    text-align: center;
    margin: 5px auto auto auto;
    width: 100%;
    max-width: 375px;
    min-height: 500px;
    height:520px;
    background-color: ghostwhite;
    border: solid 2px;
    border-radius: 4px;
    padding:20px;
}



.info[b-cpfvr3r7k7] {
    text-align: center;
    font-size: .75em;
}

.title[b-cpfvr3r7k7] {
    font-size: 1.5em;
    text-align: center;
    margin-top: 80px;
}

.caption[b-cpfvr3r7k7] {
    font-size: 1.5em;
}

.info[b-cpfvr3r7k7] {
    font-size: 1em;
}

.key[b-cpfvr3r7k7] {
    font-size: 1em;
    width: 400px;
}

.message[b-cpfvr3r7k7] {
    font-size: 1em;
    color: red;
}

.col1[b-cpfvr3r7k7] {
    margin: auto;
    text-align: center;
    color: white;
}

.col2[b-cpfvr3r7k7] {
    /*    max-width: 100px;
    margin: auto;
    text-align: center;
    color: white;
    background-color: darkgreen;
    height: 100%;
    padding: 20px;
    cursor: pointer;*/
    margin: auto;
    padding: 5px;
}

.col3[b-cpfvr3r7k7] {
    margin: auto;
    text-align: center;
    color: white;
}

.topnav[b-cpfvr3r7k7] {
    min-height: 56px;
    position: sticky;
    top: 0;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-image: linear-gradient(180deg, #005a87 0%, #005a87 70%);
    width: 100%;
}

/*    .topnav a {
        width: 200px;
        float: left;
        display: block;
        color: black;
        text-align: center;
        padding: 16px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            background-color: #6EC21B;
        }

        .topnav a.active {
            background-color: #2196F3;
            color: white;
        }*/

    .topnav .search-container[b-cpfvr3r7k7] {
        float: left;
    }

    .topnav input[type=text][b-cpfvr3r7k7] {
        padding: 6px;
        margin-top: 8px;
        font-size: 17px;
        border: none;
    }

    .topnav .search-container button[b-cpfvr3r7k7] {
        float: right;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 4px !important;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
    }

        .topnav .search-container button:hover[b-cpfvr3r7k7] {
            background: #ccc;
        }
/* _content/digiClubZone/Pages/ReportingPage.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}


.col1[b-q964y6jq70] {
    min-width: 300px;
    text-align: left;
}

.col2[b-q964y6jq70] {
    min-width: 20px;
    text-align:left;
}

.col3[b-q964y6jq70] {
    width: 100%;
    text-align: left;
}
/* _content/digiClubZone/Pages/ReportingPageDynamic.razor.rz.scp.css */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 520px) {
}


/* Large screen ----------- */
@media screen and (min-width: 521px) {
}

/* _content/digiClubZone/Pages/ReservationSlotsCalendarPage.razor.rz.scp.css */

/*
#selected {
    max-width: 700px;
    bottom: 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    background: #f9f9f9;
    margin: 15px auto auto auto;
}*/

.templateList[b-wn4r10ql97] {
    background-color:aliceblue!important;
}

ul[b-wn4r10ql97] {
    height: 800px;
    bottom: 0;
    margin: 0;
    padding: 5px;
    overflow: auto;
    text-decoration: none;
}

.dateLinkText[b-wn4r10ql97] {
    color: #1b6ec2;
}

li[b-wn4r10ql97] {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}




.itemHeader[b-wn4r10ql97] {
    grid-area: header;
    text-align:center;
}

.itemMenu[b-wn4r10ql97] {
    grid-area: menu;
    /*  width:200px;*/
}

.itemMain[b-wn4r10ql97] {
    grid-area: main;

}

.itemRight[b-wn4r10ql97] {
    grid-area: right;
}

.itemFooter[b-wn4r10ql97] {
    grid-area: footer;
}

.grid-container[b-wn4r10ql97] {
    width: 100%;
    height:100%;
    display: grid;
    grid-template-columns: 200px auto auto auto auto auto auto auto;
    grid-template-areas:
        'header header header header header header header header'
        'menu main main main main main main main';
    /*    grid-template-areas:
        'header header header'
        'menu main main'
        'menu main main';*/
    /*    grid-template-areas:
        'header header header header header header'
        'menu main main main right right'
        'menu footer footer footer footer footer';*/
    grid-gap: 5px;
    background-color: lightsteelblue;
    padding: 5px;
}

    .grid-container > div[b-wn4r10ql97] {
        /*        background-color: rgba(255, 255, 255, 0.8);*/
        background-color: white;
        /*text-align: center;
        padding: 20px 0;
        font-size: 30px;*/
    }
/* _content/digiClubZone/Pages/SmartWaiverPage.razor.rz.scp.css */