/* /Components/Details/CollaborationDetail.razor.rz.scp.css */
*[b-qppxfmfqum] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-qppxfmfqum] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-qppxfmfqum] {
    display: flex;
    flex-direction: column;
}

.details[b-qppxfmfqum] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-qppxfmfqum] {
    width: 49%;
}

.into[b-qppxfmfqum] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-qppxfmfqum] {
    color: black !important;
    width: 70% !important;
}

.into p[b-qppxfmfqum] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-qppxfmfqum] {
    border: 5px solid #9DCEFC;
    display: flex;
   
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-qppxfmfqum] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }
.User[b-qppxfmfqum] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-qppxfmfqum] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-qppxfmfqum] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }
[b-qppxfmfqum] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}
[b-qppxfmfqum] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}
.email-box[b-qppxfmfqum]{
    margin-top:10px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    
}
.input-email[b-qppxfmfqum] {
    
    border-radius:10px;
    background-color:forestgreen;
    color:white;
    font-size:28px;
    width: 100%;
}

.detail-state[b-qppxfmfqum] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-qppxfmfqum] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-qppxfmfqum] {
        font-weight: bold;
    }

.green[b-qppxfmfqum] {
    background-color: #59B259;
}

.Gold[b-qppxfmfqum] {
    background-color: goldenrod;
}

.Gray[b-qppxfmfqum] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-qppxfmfqum] {
    border: 2px solid black;
}

.Finalversion[b-qppxfmfqum] {
    background-color: #2B7397;
    color: white;
}
.Detail-Table[b-qppxfmfqum] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
}

.table[b-qppxfmfqum] {
    width: 100%;
    margin-top: 20px;
}

table[b-qppxfmfqum] {
    border-collapse: separate;
    width: 100%;
}

.Table-Title[b-qppxfmfqum] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .Table-Title p[b-qppxfmfqum] {
        font-size: 28px;
    }

    .Table-Title span[b-qppxfmfqum] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin: 20px 0;
    }

table th[b-qppxfmfqum] {
    background-color: rgb(232, 245, 255);
    color: black;
    font-size: 21px;
    text-align: center;
    padding: 10px 0;
}

table td[b-qppxfmfqum] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

@media ( max-width: 1000px) {
    .x-line[b-qppxfmfqum]{
        overflow-x:scroll;
    }
    table[b-qppxfmfqum] {
        width: 1200px;
    }
    .details[b-qppxfmfqum] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-qppxfmfqum] {
        width: 100% !important;
    }

    .into p[b-qppxfmfqum] {
        font-size: 20px;
        font-weight: bold;
    }

    .Detail-summery p[b-qppxfmfqum] {
        width: 40%;
        font-size: 20px;
    }
    .Detail-summery-2 p[b-qppxfmfqum] {
        width: 40%;
        font-size: 20px;
    }
    [b-qppxfmfqum] textArea {
        font-size: 20px;
        width: 60%;
    }
    [b-qppxfmfqum] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }
    .detail-state[b-qppxfmfqum] {
        flex-direction: column;
    }

    .state-Button[b-qppxfmfqum] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Details/ComplexDetail.razor.rz.scp.css */
*[b-2a53uilx4o] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-2a53uilx4o] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-2a53uilx4o] {
    display: flex;
    flex-direction: column;
}

.details[b-2a53uilx4o] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-2a53uilx4o] {
    width: 49%;
}

.into[b-2a53uilx4o] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-2a53uilx4o] {
    color: black !important;
    width: 70% !important;
}

.into p[b-2a53uilx4o] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-2a53uilx4o] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-2a53uilx4o] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

.User[b-2a53uilx4o] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-2a53uilx4o] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-2a53uilx4o] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-2a53uilx4o] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

[b-2a53uilx4o] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.email-box[b-2a53uilx4o] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-email[b-2a53uilx4o] {
    border-radius: 10px;
    background-color: forestgreen;
    color: white;
    font-size: 28px;
    width: 100%;
}
.detail-state[b-2a53uilx4o] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-2a53uilx4o] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-2a53uilx4o] {
        font-weight: bold;
    }

.green[b-2a53uilx4o] {
    background-color: #59B259;
}

.Gold[b-2a53uilx4o] {
    background-color: goldenrod;
}

.Gray[b-2a53uilx4o] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-2a53uilx4o] {
    border: 2px solid black;
}

.Finalversion[b-2a53uilx4o] {
    background-color: #2B7397;
    color: white;
}
.Detail-Table[b-2a53uilx4o] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width:100%;
}
.Table-Title[b-2a53uilx4o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .Table-Title p[b-2a53uilx4o] {
        font-size: 28px;
    }

    .Table-Title span[b-2a53uilx4o] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin: 20px 0;
    }
.table[b-2a53uilx4o] {
    width:100%;
    margin-top: 20px;
}

table[b-2a53uilx4o] {
    border-collapse: separate;
    width: 100%;
}

    table th[b-2a53uilx4o] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

    table td[b-2a53uilx4o] {
        padding: 10px 0;
        background-color: #b9ddfe;
        color: black;
        font-size: 21px;
        text-align: center;
        font-weight: bold;
    }

@media ( max-width: 1000px) {
    .x-line[b-2a53uilx4o] {
        overflow-x: scroll;
    }

    table[b-2a53uilx4o] {
        width: 1200px;
    }
    .details[b-2a53uilx4o] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-2a53uilx4o] {
        width: 100% !important;
    }

    .into p[b-2a53uilx4o] {
        font-size: 20px;
        font-weight: bold;
    }

    .Detail-summery p[b-2a53uilx4o] {
        width: 40%;
        font-size: 20px;
    }

    [b-2a53uilx4o] textArea {
        font-size: 20px;
        width: 60%;
    }
    .Detail-summery-2 p[b-2a53uilx4o] {
        width: 40%;
        font-size: 20px;
    }

    [b-2a53uilx4o] textArea {
        font-size: 20px;
        width: 60%;
    }

    [b-2a53uilx4o] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }
    .detail-state[b-2a53uilx4o] {
        flex-direction: column;
    }

    .state-Button[b-2a53uilx4o] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Details/ContactDetail.razor.rz.scp.css */
*[b-i1l8zqvd45] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-i1l8zqvd45] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-i1l8zqvd45] {
    display: flex;
    flex-direction: column;
}

.details[b-i1l8zqvd45] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-i1l8zqvd45] {
    width: 49%;
}

.into[b-i1l8zqvd45] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-i1l8zqvd45] {
    color: black !important;
    width: 70% !important;
}

.into p[b-i1l8zqvd45] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-i1l8zqvd45] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-i1l8zqvd45] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

.User[b-i1l8zqvd45] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-i1l8zqvd45] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-i1l8zqvd45] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-i1l8zqvd45] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

[b-i1l8zqvd45] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.email-box[b-i1l8zqvd45] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-email[b-i1l8zqvd45] {
    border-radius: 10px;
    background-color: forestgreen;
    color: white;
    font-size: 28px;
    width: 100%;
}
.detail-state[b-i1l8zqvd45] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-i1l8zqvd45] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-i1l8zqvd45] {
        font-weight: bold;
    }

.green[b-i1l8zqvd45] {
    background-color: #59B259;
}

.Gold[b-i1l8zqvd45] {
    background-color: goldenrod;
}

.Gray[b-i1l8zqvd45] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-i1l8zqvd45] {
    border: 2px solid black;
}

.Finalversion[b-i1l8zqvd45] {
    background-color: #2B7397;
    color: white;
}
.Detail-Table[b-i1l8zqvd45] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
}

.table[b-i1l8zqvd45] {
    width: 100%;
    margin-top: 20px;
}

table[b-i1l8zqvd45] {
    border-collapse: separate;
    width: 100%;
}

.Table-Title[b-i1l8zqvd45] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .Table-Title p[b-i1l8zqvd45] {
        font-size: 28px;
    }

    .Table-Title span[b-i1l8zqvd45] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin: 20px 0;
    }

table th[b-i1l8zqvd45] {
    background-color: rgb(232, 245, 255);
    color: black;
    font-size: 21px;
    text-align: center;
    padding: 10px 0;
}

table td[b-i1l8zqvd45] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

@media ( max-width: 1000px) {
    .x-line[b-i1l8zqvd45] {
        overflow-x: scroll;
    }

    table[b-i1l8zqvd45] {
        width: 1200px;
    }
    .details[b-i1l8zqvd45] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-i1l8zqvd45] {
        width: 100% !important;
    }

    .into p[b-i1l8zqvd45] {
        font-size: 20px;
        font-weight: bold;
    }
    .Detail-summery p[b-i1l8zqvd45] {
        width: 40%;
        font-size: 20px;
    }

    [b-i1l8zqvd45] textArea {
        font-size: 20px;
        width: 60%;
    }

    .Detail-summery-2 p[b-i1l8zqvd45] {
        width: 40%;
        font-size: 20px;
    }

    [b-i1l8zqvd45] textArea {
        font-size: 20px;
        width: 60%;
    }

    [b-i1l8zqvd45] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }
    .detail-state[b-i1l8zqvd45] {
        flex-direction: column;
    }

    .state-Button[b-i1l8zqvd45] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Details/ExchangeDetail.razor.rz.scp.css */
*[b-8gg1b33xi2] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-8gg1b33xi2] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-8gg1b33xi2] {
    display: flex;
    flex-direction: column;
}

.details[b-8gg1b33xi2] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-8gg1b33xi2] {
    width: 49%;
}

.into[b-8gg1b33xi2] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-8gg1b33xi2] {
    color: black !important;
    width: 70% !important;
}

.into p[b-8gg1b33xi2] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-8gg1b33xi2] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-8gg1b33xi2] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-8gg1b33xi2] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.detail-state[b-8gg1b33xi2] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-8gg1b33xi2] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-8gg1b33xi2] {
        font-weight: bold;
    }

.green[b-8gg1b33xi2] {
    background-color: #59B259;
}

.Gold[b-8gg1b33xi2] {
    background-color: goldenrod;
}

.Gray[b-8gg1b33xi2] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-8gg1b33xi2] {
    border: 2px solid black;
}

.Finalversion[b-8gg1b33xi2] {
    background-color: #2B7397;
    color: white;
}

@media ( max-width: 1000px) {

    .details[b-8gg1b33xi2] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-8gg1b33xi2] {
        width: 100% !important;
    }

    .into p[b-8gg1b33xi2] {
        font-size: 20px;
        font-weight: bold;
    }

    .Detail-summery p[b-8gg1b33xi2] {
        width: 40%;
        font-size: 20px;
    }

    [b-8gg1b33xi2] textArea {
        font-size: 20px;
        width: 60%;
    }

    .detail-state[b-8gg1b33xi2] {
        flex-direction: column;
    }

    .state-Button[b-8gg1b33xi2] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Details/LegalDetail.razor.rz.scp.css */
*[b-vxyp857rzq] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-vxyp857rzq] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-vxyp857rzq] {
    display: flex;
    flex-direction: column;
}

.details[b-vxyp857rzq] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-vxyp857rzq] {
    width: 49%;
}

.into[b-vxyp857rzq] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-vxyp857rzq] {
    color: black !important;
    width: 70% !important;
}

.into p[b-vxyp857rzq] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-vxyp857rzq] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-vxyp857rzq] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

.User[b-vxyp857rzq] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-vxyp857rzq] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-vxyp857rzq] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-vxyp857rzq] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

[b-vxyp857rzq] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.email-box[b-vxyp857rzq] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-email[b-vxyp857rzq] {
    border-radius: 10px;
    background-color: forestgreen;
    color: white;
    font-size: 28px;
    width: 100%;
}

.detail-state[b-vxyp857rzq] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-vxyp857rzq] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-vxyp857rzq] {
        font-weight: bold;
    }

.green[b-vxyp857rzq] {
    background-color: #59B259;
}

.Gold[b-vxyp857rzq] {
    background-color: goldenrod;
}

.Gray[b-vxyp857rzq] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-vxyp857rzq] {
    border: 2px solid black;
}

.Finalversion[b-vxyp857rzq] {
    background-color: #2B7397;
    color: white;
}

.Detail-Table[b-vxyp857rzq] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
}

.table[b-vxyp857rzq] {
    width: 100%;
    margin-top: 20px;
}

table[b-vxyp857rzq] {
    border-collapse: separate;
    width: 100%;
}
.Table-Title[b-vxyp857rzq]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
    .Table-Title p[b-vxyp857rzq]{
        font-size:28px;
    }
    .Table-Title span[b-vxyp857rzq] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin:20px 0;
    }
    table th[b-vxyp857rzq] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

    table td[b-vxyp857rzq] {
        padding: 10px 0;
        background-color: #b9ddfe;
        color: black;
        font-size: 21px;
        text-align: center;
        font-weight: bold;
    }

@media ( max-width: 1000px) {
    .x-line[b-vxyp857rzq] {
        overflow-x: scroll;
    }

    table[b-vxyp857rzq] {
        width: 1200px;
    }
    .details[b-vxyp857rzq] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-vxyp857rzq] {
        width: 100% !important;
    }

    .into p[b-vxyp857rzq] {
        font-size: 20px;
        font-weight: bold;
    }

    .Detail-summery p[b-vxyp857rzq] {
        width: 40%;
        font-size: 20px;
    }

    [b-vxyp857rzq] textArea {
        font-size: 20px;
        width: 60%;
    }

    .Detail-summery-2 p[b-vxyp857rzq] {
        width: 40%;
        font-size: 20px;
    }

    [b-vxyp857rzq] textArea {
        font-size: 20px;
        width: 60%;
    }

    [b-vxyp857rzq] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }

    .detail-state[b-vxyp857rzq] {
        flex-direction: column;
    }

    .state-Button[b-vxyp857rzq] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Details/LoanDetail.razor.rz.scp.css */
*[b-8bn0c5wjrm]{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.main-detail[b-8bn0c5wjrm]{
    width:95%;
    margin: 0 auto;
}
.main-detail[b-8bn0c5wjrm] {
    display: flex;
    flex-direction: column;
   
}
.details[b-8bn0c5wjrm] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius:10px;
    padding:10px 15px;
}

.detail-Items[b-8bn0c5wjrm]{
    width:49%;
}

.into[b-8bn0c5wjrm]{
    display:flex;
    margin:20px 0;
    justify-content:space-between;
}
.title[b-8bn0c5wjrm]{
    color:black !important;
    width:70% !important;
}
.into p[b-8bn0c5wjrm] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-8bn0c5wjrm] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-8bn0c5wjrm] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

.User[b-8bn0c5wjrm] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-8bn0c5wjrm] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-8bn0c5wjrm] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-8bn0c5wjrm] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

[b-8bn0c5wjrm] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.email-box[b-8bn0c5wjrm] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-email[b-8bn0c5wjrm] {
    border-radius: 10px;
    background-color: forestgreen;
    color: white;
    font-size: 28px;
    width: 100%;
}

.detail-state[b-8bn0c5wjrm] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;

}

.state-Button[b-8bn0c5wjrm] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-8bn0c5wjrm] {
        font-weight: bold;
       
    }
   
    .green[b-8bn0c5wjrm] {
        background-color: #59B259;
    }

.Gold[b-8bn0c5wjrm]{
    background-color:goldenrod;
}

.Gray[b-8bn0c5wjrm]{
    background-color:gray;
}
.state-Button:has(button:focus)[b-8bn0c5wjrm] {
    border: 2px solid black;
}

.Finalversion[b-8bn0c5wjrm] {
    background-color: #2B7397;
    color:white;
}
.Detail-Table[b-8bn0c5wjrm] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
}

.table[b-8bn0c5wjrm] {
    width: 100%;
    margin-top: 20px;
}

table[b-8bn0c5wjrm] {
    border-collapse: separate;
    width: 100%;
}

.Table-Title[b-8bn0c5wjrm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .Table-Title p[b-8bn0c5wjrm] {
        font-size: 28px;
    }

    .Table-Title span[b-8bn0c5wjrm] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin: 20px 0;
    }

table th[b-8bn0c5wjrm] {
    background-color: rgb(232, 245, 255);
    color: black;
    font-size: 21px;
    text-align: center;
    padding: 10px 0;
}

table td[b-8bn0c5wjrm] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}
@media ( max-width: 1000px){
    .x-line[b-8bn0c5wjrm] {
        overflow-x: scroll;
    }

    table[b-8bn0c5wjrm] {
        width: 1200px;
    }
    .details[b-8bn0c5wjrm]{
        margin-top:10px;
        flex-direction:column;
    }
    .detail-Items[b-8bn0c5wjrm] {
        width: 100% !important;
    }

    .into p[b-8bn0c5wjrm] {
        
        font-size: 20px;


        font-weight:bold;
       
    }


    .Detail-summery p[b-8bn0c5wjrm] {
        width: 40%;
        font-size: 20px;
    }

    [b-8bn0c5wjrm] textArea {
        font-size: 20px;
        width: 60%;
    }

    .Detail-summery-2 p[b-8bn0c5wjrm] {
        width: 40%;
        font-size: 20px;
    }

    [b-8bn0c5wjrm] textArea {
        font-size: 20px;
        width: 60%;
    }

    [b-8bn0c5wjrm] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }

    .detail-state[b-8bn0c5wjrm] {
        flex-direction:column;
    }
    .state-Button[b-8bn0c5wjrm]{
        width:100%;
        font-size:26px;
    }


}


/* /Components/Details/MedicalDetails.razor.rz.scp.css */
*[b-21h4zryqzw] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-21h4zryqzw] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-21h4zryqzw] {
    display: flex;
    flex-direction: column;
}

.details[b-21h4zryqzw] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-21h4zryqzw] {
    width: 49%;
}

.into[b-21h4zryqzw] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-21h4zryqzw] {
    color: black !important;
    width: 70% !important;
}

.into p[b-21h4zryqzw] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-21h4zryqzw] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-21h4zryqzw] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

.User[b-21h4zryqzw] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-21h4zryqzw] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-21h4zryqzw] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-21h4zryqzw] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

[b-21h4zryqzw] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.email-box[b-21h4zryqzw] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-email[b-21h4zryqzw] {
    border-radius: 10px;
    background-color: forestgreen;
    color: white;
    font-size: 28px;
    width: 100%;
}
.detail-state[b-21h4zryqzw] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-21h4zryqzw] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-21h4zryqzw] {
        font-weight: bold;
    }

.green[b-21h4zryqzw] {
    background-color: #59B259;
}

.Gold[b-21h4zryqzw] {
    background-color: goldenrod;
}

.Gray[b-21h4zryqzw] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-21h4zryqzw] {
    border: 2px solid black;
}

.Finalversion[b-21h4zryqzw] {
    background-color: #2B7397;
    color: white;
}
.Detail-Table[b-21h4zryqzw] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
}

.table[b-21h4zryqzw] {
    width: 100%;
    margin-top: 20px;
}

table[b-21h4zryqzw] {
    border-collapse: separate;
    width: 100%;
}

.Table-Title[b-21h4zryqzw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .Table-Title p[b-21h4zryqzw] {
        font-size: 28px;
    }

    .Table-Title span[b-21h4zryqzw] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin: 20px 0;
    }

table th[b-21h4zryqzw] {
    background-color: rgb(232, 245, 255);
    color: black;
    font-size: 21px;
    text-align: center;
    padding: 10px 0;
}

table td[b-21h4zryqzw] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

@media ( max-width: 1000px) {
    .x-line[b-21h4zryqzw] {
        overflow-x: scroll;
    }

    table[b-21h4zryqzw] {
        width: 1200px;
    }
    .details[b-21h4zryqzw] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-21h4zryqzw] {
        width: 100% !important;
    }

    .into p[b-21h4zryqzw] {
        font-size: 20px;
        font-weight: bold;
    }

    .Detail-summery p[b-21h4zryqzw] {
        width: 40%;
        font-size: 20px;
    }

    [b-21h4zryqzw] textArea {
        font-size: 20px;
        width: 60%;
    }

    .Detail-summery-2 p[b-21h4zryqzw] {
        width: 40%;
        font-size: 20px;
    }

    [b-21h4zryqzw] textArea {
        font-size: 20px;
        width: 60%;
    }

    [b-21h4zryqzw] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }


    .detail-state[b-21h4zryqzw] {
        flex-direction: column;
    }

    .state-Button[b-21h4zryqzw] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Details/ResidenceDetails.razor.rz.scp.css */
*[b-fak13nyhkm] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-fak13nyhkm] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-fak13nyhkm] {
    display: flex;
    flex-direction: column;
}

.details[b-fak13nyhkm] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-fak13nyhkm] {
    width: 49%;
}

.into[b-fak13nyhkm] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-fak13nyhkm] {
    color: black !important;
    width: 70% !important;
}

.into p[b-fak13nyhkm] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-fak13nyhkm] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-fak13nyhkm] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

.User[b-fak13nyhkm] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-fak13nyhkm] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-fak13nyhkm] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-fak13nyhkm] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

[b-fak13nyhkm] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.email-box[b-fak13nyhkm] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-email[b-fak13nyhkm] {
    border-radius: 10px;
    background-color: forestgreen;
    color: white;
    font-size: 28px;
    width: 100%;
}
.detail-state[b-fak13nyhkm] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-fak13nyhkm] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-fak13nyhkm] {
        font-weight: bold;
    }

.green[b-fak13nyhkm] {
    background-color: #59B259;
}

.Gold[b-fak13nyhkm] {
    background-color: goldenrod;
}

.Gray[b-fak13nyhkm] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-fak13nyhkm] {
    border: 2px solid black;
}

.Finalversion[b-fak13nyhkm] {
    background-color: #2B7397;
    color: white;
}
.Detail-Table[b-fak13nyhkm] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
}

.table[b-fak13nyhkm] {
    width: 100%;
    margin-top: 20px;
}

table[b-fak13nyhkm] {
    border-collapse: separate;
    width: 100%;
}

.Table-Title[b-fak13nyhkm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .Table-Title p[b-fak13nyhkm] {
        font-size: 28px;
    }

    .Table-Title span[b-fak13nyhkm] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin: 20px 0;
    }

table th[b-fak13nyhkm] {
    background-color: rgb(232, 245, 255);
    color: black;
    font-size: 21px;
    text-align: center;
    padding: 10px 0;
}

table td[b-fak13nyhkm] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}
@media ( max-width: 1000px) {
    .x-line[b-fak13nyhkm] {
        overflow-x: scroll;
    }

    table[b-fak13nyhkm] {
        width: 1200px;
    }
    .details[b-fak13nyhkm] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-fak13nyhkm] {
        width: 100% !important;
    }

    .into p[b-fak13nyhkm] {
        font-size: 20px;
        font-weight: bold;
    }

    .Detail-summery p[b-fak13nyhkm] {
        width: 40%;
        font-size: 20px;
    }

    [b-fak13nyhkm] textArea {
        font-size: 20px;
        width: 60%;
    }

    .Detail-summery-2 p[b-fak13nyhkm] {
        width: 40%;
        font-size: 20px;
    }

    [b-fak13nyhkm] textArea {
        font-size: 20px;
        width: 60%;
    }

    [b-fak13nyhkm] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }
    .detail-state[b-fak13nyhkm] {
        flex-direction: column;
    }

    .state-Button[b-fak13nyhkm] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Details/TouristDetails.razor.rz.scp.css */
*[b-ztaszkduzg] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-ztaszkduzg] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-ztaszkduzg] {
    display: flex;
    flex-direction: column;
}

.details[b-ztaszkduzg] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-ztaszkduzg] {
    width: 49%;
}

.into[b-ztaszkduzg] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-ztaszkduzg] {
    color: black !important;
    width: 70% !important;
}

.into p[b-ztaszkduzg] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-ztaszkduzg] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-ztaszkduzg] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

.User[b-ztaszkduzg] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-ztaszkduzg] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-ztaszkduzg] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-ztaszkduzg] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

[b-ztaszkduzg] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.email-box[b-ztaszkduzg] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-email[b-ztaszkduzg] {
    border-radius: 10px;
    background-color: forestgreen;
    color: white;
    font-size: 28px;
    width: 100%;
}

.detail-state[b-ztaszkduzg] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-ztaszkduzg] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-ztaszkduzg] {
        font-weight: bold;
    }

.green[b-ztaszkduzg] {
    background-color: #59B259;
}

.Gold[b-ztaszkduzg] {
    background-color: goldenrod;
}

.Gray[b-ztaszkduzg] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-ztaszkduzg] {
    border: 2px solid black;
}

.Finalversion[b-ztaszkduzg] {
    background-color: #2B7397;
    color: white;
}
.Detail-Table[b-ztaszkduzg] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
}

.table[b-ztaszkduzg] {
    width: 100%;
    margin-top: 20px;
}

table[b-ztaszkduzg] {
    border-collapse: separate;
    width: 100%;
}

.Table-Title[b-ztaszkduzg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .Table-Title p[b-ztaszkduzg] {
        font-size: 28px;
    }

    .Table-Title span[b-ztaszkduzg] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin: 20px 0;
    }

table th[b-ztaszkduzg] {
    background-color: rgb(232, 245, 255);
    color: black;
    font-size: 21px;
    text-align: center;
    padding: 10px 0;
}

table td[b-ztaszkduzg] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}
@media ( max-width: 1000px) {
    .x-line[b-ztaszkduzg] {
        overflow-x: scroll;
    }

    table[b-ztaszkduzg] {
        width: 1200px;
    }
    .details[b-ztaszkduzg] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-ztaszkduzg] {
        width: 100% !important;
    }

    .into p[b-ztaszkduzg] {
        font-size: 20px;
        font-weight: bold;
    }

    .Detail-summery p[b-ztaszkduzg] {
        width: 40%;
        font-size: 20px;
    }

    [b-ztaszkduzg] textArea {
        font-size: 20px;
        width: 60%;
    }

    .Detail-summery-2 p[b-ztaszkduzg] {
        width: 40%;
        font-size: 20px;
    }

    [b-ztaszkduzg] textArea {
        font-size: 20px;
        width: 60%;
    }

    [b-ztaszkduzg] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }
    .detail-state[b-ztaszkduzg] {
        flex-direction: column;
    }

    .state-Button[b-ztaszkduzg] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Details/TravelDetails.razor.rz.scp.css */
*[b-g32bmzamsm] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-detail[b-g32bmzamsm] {
    width: 95%;
    margin: 0 auto;
}

.main-detail[b-g32bmzamsm] {
    display: flex;
    flex-direction: column;
}

.details[b-g32bmzamsm] {
    display: flex;
    border: 5px solid #9DCEFC;
    border-radius: 10px;
    padding: 10px 15px;
}

.detail-Items[b-g32bmzamsm] {
    width: 49%;
}

.into[b-g32bmzamsm] {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
}

.title[b-g32bmzamsm] {
    color: black !important;
    width: 70% !important;
}

.into p[b-g32bmzamsm] {
    width: 30%;
    font-size: 24px;
    font-weight: bold;
    color: #2B7397;
    word-wrap: break-word;
}

.Detail-summery[b-g32bmzamsm] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery p[b-g32bmzamsm] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

.User[b-g32bmzamsm] {
    display: flex;
    width: 100%;
}

.Detail-summery-2[b-g32bmzamsm] {
    border: 5px solid #9DCEFC;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
}

    .Detail-summery-2 p[b-g32bmzamsm] {
        width: 13%;
        font-size: 24px;
        font-weight: bold;
        color: #2B7397;
        word-wrap: break-word;
    }

[b-g32bmzamsm] textArea {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

[b-g32bmzamsm] .textArea-2 {
    font-size: 24px;
    border: 2px solid black;
    width: 86%;
    padding: 10px 15px;
    border-radius: 10px;
}

.email-box[b-g32bmzamsm] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-email[b-g32bmzamsm] {
    border-radius: 10px;
    background-color: forestgreen;
    color: white;
    font-size: 28px;
    width: 100%;
}
.detail-state[b-g32bmzamsm] {
    display: flex;
    padding: 10px 15px;
    border-radius: 10px;
    justify-content: space-between;
    border: 5px solid #9DCEFC;
    align-items: baseline;
}

.state-Button[b-g32bmzamsm] {
    padding: 15px 20px;
    border-radius: 10px;
    border: 2px solid white;
    background-color: green;
    width: 24%;
    text-align: center;
    font-size: 24px;
}

    .state-Button button[b-g32bmzamsm] {
        font-weight: bold;
    }

.green[b-g32bmzamsm] {
    background-color: #59B259;
}

.Gold[b-g32bmzamsm] {
    background-color: goldenrod;
}

.Gray[b-g32bmzamsm] {
    background-color: gray;
}

.state-Button:has(button:focus)[b-g32bmzamsm] {
    border: 2px solid black;
}

.Finalversion[b-g32bmzamsm] {
    background-color: #2B7397;
    color: white;
}
.Detail-Table[b-g32bmzamsm] {
    border: 5px solid #9DCEFC;
    display: flex;
    margin: 10px 0;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
}

.table[b-g32bmzamsm] {
    width: 100%;
    margin-top: 20px;
}

table[b-g32bmzamsm] {
    border-collapse: separate;
    width: 100%;
}

.Table-Title[b-g32bmzamsm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .Table-Title p[b-g32bmzamsm] {
        font-size: 28px;
    }

    .Table-Title span[b-g32bmzamsm] {
        width: 360px;
        height: 3px;
        background-color: #2B7397;
        margin: 20px 0;
    }

table th[b-g32bmzamsm] {
    background-color: rgb(232, 245, 255);
    color: black;
    font-size: 21px;
    text-align: center;
    padding: 10px 0;
}

table td[b-g32bmzamsm] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}
@media ( max-width: 1000px) {
    .x-line[b-g32bmzamsm] {
        overflow-x: scroll;
    }

    table[b-g32bmzamsm] {
        width: 1200px;
    }
    .details[b-g32bmzamsm] {
        margin-top: 10px;
        flex-direction: column;
    }

    .detail-Items[b-g32bmzamsm] {
        width: 100% !important;
    }

    .into p[b-g32bmzamsm] {
        font-size: 20px;
        font-weight: bold;
    }

    .Detail-summery p[b-g32bmzamsm] {
        width: 40%;
        font-size: 20px;
    }

    [b-g32bmzamsm] textArea {
        font-size: 20px;
        width: 60%;
    }

    .Detail-summery-2 p[b-g32bmzamsm] {
        width: 40%;
        font-size: 20px;
    }

    [b-g32bmzamsm] textArea {
        font-size: 20px;
        width: 60%;
    }

    [b-g32bmzamsm] .textArea-2 {
        font-size: 20px;
        width: 60%;
    }
    .detail-state[b-g32bmzamsm] {
        flex-direction: column;
    }

    .state-Button[b-g32bmzamsm] {
        width: 100%;
        font-size: 26px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-hiulqvbg1m] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-hiulqvbg1m] {
    flex: 1;
}

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

.top-row[b-hiulqvbg1m] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-hiulqvbg1m]  a, .top-row[b-hiulqvbg1m]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-hiulqvbg1m]  a:hover, .top-row[b-hiulqvbg1m]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-hiulqvbg1m] {
        justify-content: space-between;
    }

    .top-row[b-hiulqvbg1m]  a, .top-row[b-hiulqvbg1m]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-hiulqvbg1m] {
        flex-direction: row;
    }
   
    .sidebar[b-hiulqvbg1m] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-hiulqvbg1m] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-hiulqvbg1m]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-hiulqvbg1m], article[b-hiulqvbg1m] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-hiulqvbg1m] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-hiulqvbg1m] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
*[b-wzsj9yk4sb] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

nav[b-wzsj9yk4sb] {
    background-color: #9DCEFC;
    width: 200px;
    display: flex;
    flex-direction: column; /* ensure vertical stacking of menu */
    justify-content: flex-start;
    position: relative;
    height: 100vh;
    overflow: auto; /* allow scrolling when menu is taller than viewport */
    transition:0.4s;
}

    nav ul[b-wzsj9yk4sb] {
        width: 100%;
    }

    nav li[b-wzsj9yk4sb] {
        margin: 5px 0;
        margin-bottom: 5px;
        list-style: none;
        width: 90%;
        padding: 8px 5px;
        margin-right: 8px;
        font-size: 26px;
        background-color: rgb(255, 255, 255, 0.83);
        border-radius: 5px;
        transition: 0.4s
    }
    nav li:hover[b-wzsj9yk4sb] {
       background-color:rgb(255, 255, 255, 0.83);
       border-radius:10px;
       padding:8px 5px;
    }



.nav-item[b-wzsj9yk4sb]{
    color:white;
    padding:10px;
}

.activeLi[b-wzsj9yk4sb] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    background-color: white;
    border-radius: 10px;
    padding: 5px 0;
}
.activeLi:hover[b-wzsj9yk4sb] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    background-color: white;
    border-radius: 10px;
    padding: 5px 0;
}
[b-wzsj9yk4sb] .navitem {
    font-size: 26px;
    text-decoration: none;
   
    color: rgb(47, 47, 47);
    transition:0.4s
}

.nonelist[b-wzsj9yk4sb]{
    display:none;
  
}
[b-wzsj9yk4sb] .openlist {
  
    display: block;
}
[b-wzsj9yk4sb] .ActiveLinks {
    padding: 0 10px;
}

@media ( max-width: 1000px) {
    nav[b-wzsj9yk4sb] {
       
        width: 0;
        visibility:hidden;
       
    }
    .open[b-wzsj9yk4sb]{
        width:200px;
        position:fixed;
        z-index:99999;
    }
}
/* /Components/Modals/CityImageShowModal.razor.rz.scp.css */
*[b-uu0l1otth6] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.show[b-uu0l1otth6] {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.Image[b-uu0l1otth6] {
    background-color: #B9DDFE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 40%;
    height: 60%;
    border-radius: 10px;
    position: relative;
}

    .Image img[b-uu0l1otth6] {
        width: 100%;
        height: 100%;
    }

.close[b-uu0l1otth6] {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    font-size: 28px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 0 9px 0 15px;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

@media ( max-width: 1000px) {


    .Image[b-uu0l1otth6] {
        width: 100%;
    }
}
/* /Components/Modals/DeleteCityModal.razor.rz.scp.css */
*[b-08jb7dz8uu] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-08jb7dz8uu] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-08jb7dz8uu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-08jb7dz8uu] {
    margin: 30px;
}

    .first i[b-08jb7dz8uu] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text span[b-08jb7dz8uu] {
    font-size: 20px;
    font-weight: bold;
}

.last[b-08jb7dz8uu] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-08jb7dz8uu] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-08jb7dz8uu] {
        width: 100%;
    }
}
/* /Components/Modals/DeleteModal.razor.rz.scp.css */
*[b-8b1opb89dr]{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.n1[b-8b1opb89dr] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}
.n2[b-8b1opb89dr]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:10px;

}
.first[b-8b1opb89dr]{
    margin:30px;
 
}
    .first i[b-8b1opb89dr] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text span[b-8b1opb89dr]{
    font-size:20px;
    font-weight:bold;
}
.last[b-8b1opb89dr] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}
.last button[b-8b1opb89dr]{
    width:100px;
    margin:0 10px;
    padding:10px 0;

    color:white;
    font-size:20px;
    border-radius:10px;
    background-color:forestgreen;
}
@media ( max-width: 1000px) {


    .n1[b-8b1opb89dr] {
        width: 100%;
    }
}
/* /Components/Modals/DeleteProvinceModal.razor.rz.scp.css */
*[b-8aoxa0zmp7] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-8aoxa0zmp7] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-8aoxa0zmp7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-8aoxa0zmp7] {
    margin: 30px;
}

    .first i[b-8aoxa0zmp7] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text span[b-8aoxa0zmp7] {
    font-size: 20px;
    font-weight: bold;
}

.last[b-8aoxa0zmp7] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-8aoxa0zmp7] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }
@media ( max-width: 1000px){


    .n1[b-8aoxa0zmp7] {
        width: 100%;
       
    }
}
/* /Components/Modals/DeleteZoneModal.razor.rz.scp.css */
*[b-f9f0n2kgsd] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-f9f0n2kgsd] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-f9f0n2kgsd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-f9f0n2kgsd] {
    margin: 30px;
}

    .first i[b-f9f0n2kgsd] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text span[b-f9f0n2kgsd] {
    font-size: 20px;
    font-weight: bold;
}

.last[b-f9f0n2kgsd] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-f9f0n2kgsd] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-f9f0n2kgsd] {
        width: 100%;
    }
}
/* /Components/Modals/EditCityModal.razor.rz.scp.css */
*[b-2fwk2wpjaj] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-2fwk2wpjaj] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-2fwk2wpjaj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

[b-2fwk2wpjaj] .first {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.last[b-2fwk2wpjaj] {
    padding: 5px;
    background-color: #2B7397;
    color: white;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
}

button[b-2fwk2wpjaj] {
    width: 100%;
    background-color: forestgreen;
    padding: 5px;
    color: white;
    margin-top: 10px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
}

@media ( max-width: 1000px) {


    .n1[b-2fwk2wpjaj] {
        width: 100%;
    }
}
/* /Components/Modals/EditCountryModal.razor.rz.scp.css */
*[b-i7sisfdz3o] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-i7sisfdz3o] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-i7sisfdz3o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
[b-i7sisfdz3o] .first{
    display:flex;
    flex-direction:column;
    width:100%;
}
.last[b-i7sisfdz3o] {
    padding: 5px;
    background-color: #2B7397;
    color:white;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
}

button[b-i7sisfdz3o] {
    width: 100%;
    background-color: forestgreen;
    padding: 5px;
    color: white;
    margin-top: 10px;
    border-radius: 10px;
    font-size:20px;
    font-weight:bold;
}

@media ( max-width: 1000px) {


    .n1[b-i7sisfdz3o] {
        width: 100%;
    }
}
/* /Components/Modals/EditprovinceModal.razor.rz.scp.css */
*[b-gpwukkrm0q] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-gpwukkrm0q] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-gpwukkrm0q] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

[b-gpwukkrm0q] .first {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.last[b-gpwukkrm0q] {
    padding: 5px;
    background-color: #2B7397;
    color: white;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
}

button[b-gpwukkrm0q] {
    width: 100%;
    background-color: forestgreen;
    padding: 5px;
    color: white;
    margin-top: 10px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
}

@media ( max-width: 1000px) {


    .n1[b-gpwukkrm0q] {
        width: 100%;
    }
}
/* /Components/Modals/EditZoneModal.razor.rz.scp.css */
*[b-beiuaf1p22] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-beiuaf1p22] {
    width: 40%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
    max-height: 90%;
    overflow-y: scroll;
}

.n2[b-beiuaf1p22] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
   
}

[b-beiuaf1p22] .first {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.last[b-beiuaf1p22] {
    padding: 5px;
    background-color: #2B7397;
    color: white;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
}

button[b-beiuaf1p22] {
    width: 100%;
    background-color: forestgreen;
    padding: 5px;
    color: white;
    margin-top: 10px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
}
.status-switch[b-beiuaf1p22] {
    display: flex;
    padding: 5px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    direction: rtl;
    background-color: aliceblue;
    border-radius: 10px;
}

.status-label[b-beiuaf1p22] {
    font-size: 22px;
    font-weight:bold;
    font-weight: 500;
    color: #333;
}

.switch[b-beiuaf1p22] {
    position: relative;
    width: 52px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 50px;
    background: #d6d6d6;
    cursor: pointer;
    transition: background 0.25s ease;
}

.switch-knob[b-beiuaf1p22] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s ease;
}

.switch.active[b-beiuaf1p22] {
    background: #22c55e;
}

    .switch.active .switch-knob[b-beiuaf1p22] {
        transform: translateX(-24px);
    }

.switch:active .switch-knob[b-beiuaf1p22] {
    width: 22px;
}
@media ( max-width: 1000px) {


    .n1[b-beiuaf1p22] {
        width: 100%;
    }
}
/* /Components/Modals/ExistModal.razor.rz.scp.css */
*[b-la03e3q49r] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-la03e3q49r] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-la03e3q49r] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-la03e3q49r] {
    margin: 30px;
}

    .first i[b-la03e3q49r] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text span[b-la03e3q49r] {
    font-size: 20px;
    font-weight: bold;
}

.last[b-la03e3q49r] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-la03e3q49r] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-la03e3q49r] {
        width: 100%;
    }
}
/* /Components/Modals/ExistModalForCity.razor.rz.scp.css */
*[b-nf33sffqsi] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-nf33sffqsi] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-nf33sffqsi] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-nf33sffqsi] {
    margin: 30px;
}

    .first i[b-nf33sffqsi] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text span[b-nf33sffqsi] {
    font-size: 20px;
    font-weight: bold;
}

.last[b-nf33sffqsi] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-nf33sffqsi] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-nf33sffqsi] {
        width: 100%;
    }
}
/* /Components/Modals/Modal.razor.rz.scp.css */
*[b-01fscs93if] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-01fscs93if] {
    width: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-01fscs93if] {
    display: flex;
    flex-direction: column;
    position:relative;
    padding: 10px;
}
.Email-Body[b-01fscs93if]{
    display:flex;
    flex-direction:column;

}
    .Email-Body p[b-01fscs93if] {
        width: 100%;
        font-size: 25px;
        color: #2B7397;
    }
    .Email-Body span[b-01fscs93if]{
        margin:10px 0;



        word-break:break-word;
        font-size:24px;
        font-weight:bold;
        width:100%;

      



    }
.close[b-01fscs93if] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background-color: red;
    font-size: 28px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 9px 0 15px 0;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

    @media ( max-width: 1000px) {


        .n1[b-01fscs93if] {
            width: 100%;
        }
    }
/* /Components/Modals/NotValidCodeModal.razor.rz.scp.css */
*[b-0s79anwj1i] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-0s79anwj1i] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
    z-index:999;
}

.n2[b-0s79anwj1i] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-0s79anwj1i] {
    margin: 30px;
}

    .first i[b-0s79anwj1i] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text p[b-0s79anwj1i] {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.last[b-0s79anwj1i] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-0s79anwj1i] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-0s79anwj1i] {
        width: 100%;
    }

}
/* /Components/Modals/ProfileModal.razor.rz.scp.css */
*[b-ebq7ary8cr]{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.profile[b-ebq7ary8cr] {
    background-color: aliceblue;
    width: 40%;
    border-radius: 0 0 10px 10px;
    height: 20%;
    border-bottom: 5px solid #2B7397;
    border-right: 5px solid #2B7397;
    border-left: 5px solid #2B7397;
    margin: 0 auto;
    position: absolute;
    inset: 0;
}

.Profile-Item[b-ebq7ary8cr]{
    display:flex;
    justify-content:space-between;
    padding:10px;
    width:100%;
}
[b-ebq7ary8cr] .input {
    width: 80% !important;
    cursor: pointer;
    padding: 10px;
  
    border-radius: 10px;
    border: 5px solid #DCEEFE;
    font-size: 20px;
}

input[b-ebq7ary8cr]{
    width:14%;
    padding:10px 0;
    color:white;
    font-size:20px;
    border-radius:10px;
    font-weight:bold;
    background-color:forestgreen;
}
button[b-ebq7ary8cr] {
    width: 14%;
    height: 20%;
    display: flex;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    color: white;
    font-size: 20px;
    border-radius: 10px;
    margin-top: 33px;
    font-weight: bold;
    background-color: red;
}

.disable[b-ebq7ary8cr]{
    font-size:12px;
}

@media ( max-width: 1000px){
    .profile[b-ebq7ary8cr] {
        width: 100%;
        z-index: 99999;
        height: 25%;
    }
    .Profile-Item[b-ebq7ary8cr] {
       flex-wrap:wrap;
    }
    [b-ebq7ary8cr] .input {
        width:100% !important;
    }

    input[b-ebq7ary8cr] {
        width: 100%;
        margin-top: 10px;
    }

    button[b-ebq7ary8cr] {
        width: 100%;
    
        margin-top:10px;
    }

}
/* /Components/Modals/ProfileTwoModal.razor.rz.scp.css */
*[b-vt9x1amu4t] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.profile[b-vt9x1amu4t] {
    background-color: aliceblue;
    width: 40%;
    border-radius: 0 0 10px 10px;
    height: 20%;
    border-bottom: 5px solid #2B7397;
    border-right: 5px solid #2B7397;
    border-left: 5px solid #2B7397;
    margin: 0 auto;
    position: absolute;
    inset: 0;
}

.Profile-Item[b-vt9x1amu4t] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
}

[b-vt9x1amu4t] .input {
    width: 80% !important;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    border: 5px solid #DCEEFE;
    font-size: 20px;
}

input[b-vt9x1amu4t] {
    width: 14%;
    padding: 10px 0;
    color: white;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    background-color: forestgreen;
}

button[b-vt9x1amu4t] {
    width: 14%;
    height: 20%;
    display: flex;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    color: white;
    font-size: 20px;
    border-radius: 10px;
    margin-top: 33px;
    font-weight: bold;
    background-color: red;
}

.disable[b-vt9x1amu4t] {
    font-size: 12px;
}

@media ( max-width: 1000px) {
    .profile[b-vt9x1amu4t] {
        width: 100%;
        z-index: 99999;
        height: 25%;
    }

    .Profile-Item[b-vt9x1amu4t] {
        flex-wrap: wrap;
    }

    [b-vt9x1amu4t] .input {
        width: 100% !important;
    }

    input[b-vt9x1amu4t] {
        width: 100%;
        margin-top: 10px;
    }

    button[b-vt9x1amu4t] {
        width: 100%;
        margin-top: 10px;
    }
}
/* /Components/Modals/ProvinceExistModal.razor.rz.scp.css */
*[b-hs416q94if] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-hs416q94if] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-hs416q94if] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-hs416q94if] {
    margin: 30px;
}

    .first i[b-hs416q94if] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text span[b-hs416q94if] {
    font-size: 20px;
    font-weight: bold;
}

.last[b-hs416q94if] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-hs416q94if] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-hs416q94if] {
        width: 100%;
    }
}
/* /Components/Modals/ProvinceImageModal.razor.rz.scp.css */
*[b-0j9fa272mc] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.show[b-0j9fa272mc] {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.Image[b-0j9fa272mc] {
    background-color: #B9DDFE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 40%;
    height: 60%;
    border-radius: 10px;
    position: relative;
}

    .Image img[b-0j9fa272mc] {
        width: 100%;
        height: 100%;
    }

.close[b-0j9fa272mc] {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    font-size: 28px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 0 9px 0 15px;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
@media ( max-width: 1000px) {


    .Image[b-0j9fa272mc] {
        width: 100%;
    }
}
/* /Components/Modals/SettingModal.razor.rz.scp.css */
*[b-thmpuyfqsz]{
    margin:0;
    padding:0;
    box-sizing:border-box;

}

.setting[b-thmpuyfqsz] {
   z-index:1;
    width: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}


.Setting-flex[b-thmpuyfqsz]{

    padding:10px;
    display:flex;

}

.Setting-img[b-thmpuyfqsz]{
    width:49%;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}

    .Setting-img img[b-thmpuyfqsz] {
        border: 5px solid #DCEEFE;
        border-radius: 50%;
        width: 250px;
        height: 250px;
    }

    .Setting-img label[b-thmpuyfqsz] {
        display:flex;
        justify-content:center;
        align-items:center;
        cursor:pointer;
        width: 50%;
        background-color: #2B7397;
        padding:5px 0;
        color:white;
        font-size:21px;
        border-radius:10px;
        margin-top:30px;
    }

[b-thmpuyfqsz] .notshow{
    display:none;
}
.Setting-Data[b-thmpuyfqsz] {
    display:flex;
    flex-direction:column;
    width: 49%;
}

.Data[b-thmpuyfqsz]{
    display:flex;

    justify-content:space-between;

    margin: 10px 0;
}

    .Data p[b-thmpuyfqsz] {
        width: 80%;
        padding: 15px 10px;
        border-radius:10px;
        border: 5px solid #DCEEFE;
    }

.Data span[b-thmpuyfqsz]{
    display:flex;
    justify-content:center;
    align-items:center;
    width:19%;
    background-color:forestgreen;
    padding:5px 0;
    border-radius:10px;
    color:white;
    cursor:pointer;
    font-size:20px;
    font-weight:bold;
}

.Setting-Data button[b-thmpuyfqsz]{
    width:100%;
    padding:5px 0;
    background-color:red;
    color:white;

    border-radius:10px;
    font-size:20px;
    font-weight:bold;
    margin-top:auto;
}

@media ( max-width: 1000px){
    .Setting-flex[b-thmpuyfqsz] {
        flex-direction:column-reverse;
    }

    .Setting-img img[b-thmpuyfqsz] {
        border: 5px solid #DCEEFE;
        border-radius: 50%;
        width: 150px;
        height: 150px;
    }
    .setting[b-thmpuyfqsz] {
       
        width: 90%;
        
    }

    .Setting-img[b-thmpuyfqsz] {
        width: 100%;
       
        margin-bottom:10px;
    }

        .Setting-img label[b-thmpuyfqsz] {
           
            width: 90%;
           
            margin-top: 10px;
        }

    .Setting-Data[b-thmpuyfqsz] {
        
        width: 100%;
    }
}
/* /Components/Modals/ShowImagesModal.razor.rz.scp.css */
*[b-nvds6e7jl3] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.show[b-nvds6e7jl3] {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.Image[b-nvds6e7jl3] {
    background-color: #B9DDFE;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 40%;
    height: 60%;
    border-radius: 10px;
    position: relative;
}

    .Image img[b-nvds6e7jl3] {
        width: 100%;
        height: 100%;
    }

.close[b-nvds6e7jl3] {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    font-size: 28px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 0 9px 0 15px;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
@media ( max-width: 1000px) {


    .Image[b-nvds6e7jl3] {
    
        width: 100%;
       
    }
}
/* /Components/Modals/ShowWrongDeleteCityModal.razor.rz.scp.css */
*[b-0xdgytsa1l] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-0xdgytsa1l] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-0xdgytsa1l] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-0xdgytsa1l] {
    margin: 30px;
}

    .first i[b-0xdgytsa1l] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text p[b-0xdgytsa1l] {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.last[b-0xdgytsa1l] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-0xdgytsa1l] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-0xdgytsa1l] {
        width: 100%;
    }
}
/* /Components/Modals/ShowWrongDeleteProvinceModal.razor.rz.scp.css */
*[b-gm7jihy36h] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-gm7jihy36h] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-gm7jihy36h] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-gm7jihy36h] {
    margin: 30px;
}

    .first i[b-gm7jihy36h] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text p[b-gm7jihy36h] {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.last[b-gm7jihy36h] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-gm7jihy36h] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-gm7jihy36h] {
        width: 100%;
    }
}
/* /Components/Modals/ShowZoneImageModal.razor.rz.scp.css */
*[b-6dm8kjsiz0] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.show[b-6dm8kjsiz0] {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.Image[b-6dm8kjsiz0] {
    background-color: #B9DDFE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 40%;
    height: 60%;
    border-radius: 10px;
    position: relative;
}

    .Image img[b-6dm8kjsiz0] {
        width: 100%;
        height: 100%;
    }

.close[b-6dm8kjsiz0] {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    font-size: 28px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 0 9px 0 15px;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.NewImage[b-6dm8kjsiz0]{
    display:flex;
    justify-content:space-between;
    width:90%;
    margin-top:20px;
}
.NewImage label[b-6dm8kjsiz0]{
    font-size:20px;
 }
    @media ( max-width: 1000px) {


        .Image[b-6dm8kjsiz0] {
            width: 100%;
        }
    }
/* /Components/Modals/ShowZoneImagesModal.razor.rz.scp.css */
*[b-fe7ou8isf6] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.show[b-fe7ou8isf6] {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.Image[b-fe7ou8isf6] {
    background-color: #B9DDFE;
    display: flex;
    

  


    padding: 20px;
    flex-wrap:wrap;
    width: 80%;
    height: auto;
    border-radius: 10px;
    position: relative;
}

   

.close[b-fe7ou8isf6] {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    font-size: 28px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 0 9px 0 15px;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.Image-Item[b-fe7ou8isf6]{
    background-color:aliceblue;
    padding:10px;
    width:23%;
    display:flex;
    margin:5px 10px;
    flex-direction:column;
}
.file[b-fe7ou8isf6]{
    display:flex;
    flex-wrap:wrap;
}
    .file label[b-fe7ou8isf6]{
        width:100%;
        font-size:20px;
    }
img[b-fe7ou8isf6]{
width:100%;
height:100%;
}
@media ( max-width: 1000px) {


    .Image[b-fe7ou8isf6] {
        width: 100%;
    }
}
/* /Components/Modals/WrongDeleteModal.razor.rz.scp.css */
*[b-wg5kg3ip97] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.n1[b-wg5kg3ip97] {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #DCEEFE;
    border-radius: 10px;
    background-color: white;
}

.n2[b-wg5kg3ip97] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.first[b-wg5kg3ip97] {
    margin: 30px;
}

    .first i[b-wg5kg3ip97] {
        border: 3px solid red;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        font-size: 40px;
        color: red;
        box-shadow: 0px 0px 10px 8px rgb(255 0 0), inset 0px 0px 1px 1px rgb(255 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }

.Text p[b-wg5kg3ip97] {
    font-size: 20px;
    font-weight: bold;
    text-align:center;
}

.last[b-wg5kg3ip97] {
    margin: 20px;
    display: flex;
    justify-content: space-between;
}

    .last button[b-wg5kg3ip97] {
        width: 100px;
        margin: 0 10px;
        padding: 10px 0;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        background-color: forestgreen;
    }

@media ( max-width: 1000px) {


    .n1[b-wg5kg3ip97] {
        width: 100%;
    }
}
/* /Components/Pages/City.razor.rz.scp.css */
*[b-3f7vxp9r2f] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-3f7vxp9r2f] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-3f7vxp9r2f] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-3f7vxp9r2f] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-3f7vxp9r2f] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-3f7vxp9r2f] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-3f7vxp9r2f] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-3f7vxp9r2f] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-3f7vxp9r2f] {
        font-size: 21px;
    }

table td[b-3f7vxp9r2f] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

tr:nth-child(even)[b-3f7vxp9r2f] {
    background-color: #EAF4FE;
}

table tr:last-child td[b-3f7vxp9r2f] {
    border: none;
}

td span[b-3f7vxp9r2f] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-3f7vxp9r2f] {
    background-color: #ff0f0f;
}

.Readed[b-3f7vxp9r2f] {
    background-color: #27A243;
}



.Blue[b-3f7vxp9r2f] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-3f7vxp9r2f] {
    color: black;
    background-color: gray;
}

.Green[b-3f7vxp9r2f] {
    color: white;
    background-color: #27A243;
}

td button[b-3f7vxp9r2f] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-3f7vxp9r2f] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-3f7vxp9r2f] {
        font-size: 30px;
    }

.Opration[b-3f7vxp9r2f] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
   
    border-radius: 5px;
}

.Search-Opration[b-3f7vxp9r2f] {
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-3f7vxp9r2f] {
    width: 5%;
    display: flex;
    margin-right:auto;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-3f7vxp9r2f] {
    margin-right: 30px;
    width: 15%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-3f7vxp9r2f] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-3f7vxp9r2f] {
    margin-right: 30px;
    width: 21%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-3f7vxp9r2f] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-3f7vxp9r2f] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-3f7vxp9r2f] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-3f7vxp9r2f] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-3f7vxp9r2f] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-3f7vxp9r2f] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-3f7vxp9r2f] {
    display: flex;
}

.Buttom-Opration-last button[b-3f7vxp9r2f] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-3f7vxp9r2f] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-3f7vxp9r2f] {
        font-size: 25px;
    }

.Pagination[b-3f7vxp9r2f] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-3f7vxp9r2f] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-3f7vxp9r2f] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-3f7vxp9r2f] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-3f7vxp9r2f] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

.countrygeneral[b-3f7vxp9r2f] {
    display: flex;
}

.General[b-3f7vxp9r2f] {
    width: 98%;
    margin: 0 auto;
    border: 3px solid #9DCEFC;
    padding: 20px;
    border-radius: 10px;
}

    .General p[b-3f7vxp9r2f] {
        background-color: #2B7397;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
        border-radius: 10px;
        font-size: 20px;
        width: 15%;
    }

[b-3f7vxp9r2f] .Generate {
    margin-top: 20px;
    border: 3px solid #9DCEFC;
    padding: 10px;
}

[b-3f7vxp9r2f] .Form-Last {
    display: flex;
    justify-content: space-between;
}

[b-3f7vxp9r2f] .input {
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
}

.ckeck[b-3f7vxp9r2f] {
    width: 15%;
}

.last[b-3f7vxp9r2f] {
    width: 15%;
    background-color: forestgreen;
    color: white;
    border-radius: 5px;
    font-size: 24px;
    height: 50px;
}

.modal[b-3f7vxp9r2f] {
    position: fixed;
    inset: 0;
    background-color: #ffffffa5;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
}

.select[b-3f7vxp9r2f] {
    width: 15%;
}
.select[b-3f7vxp9r2f] {
    width: 15%;
    margin-left:50px;
}
.fieldset[b-3f7vxp9r2f] {
    width: 100%;
    display: flex;

    justify-content: space-between;
}
@media ( max-width: 1000px) {
    [b-3f7vxp9r2f] .Form-Last {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .fieldset[b-3f7vxp9r2f] {
        width: 100%;
       flex-direction:column;
    }
    .General p[b-3f7vxp9r2f] {
        width: 100%;
    }

    .ckeck[b-3f7vxp9r2f] {
        width: 100%;
        margin: 10px 0;
        display: flex;
        justify-content: space-between;
    }

    .last[b-3f7vxp9r2f] {
        width: 100%;
    }

    .select[b-3f7vxp9r2f] {
        width: 100%;
        margin-top:10px;
    }

    table[b-3f7vxp9r2f] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-3f7vxp9r2f] {
        min-width: 1200px;
    }

    .Filtering[b-3f7vxp9r2f] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-3f7vxp9r2f] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-3f7vxp9r2f] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-3f7vxp9r2f] {
            width: 300px;
        }
}
/* /Components/Pages/CollaborationAdmin.razor.rz.scp.css */
*[b-uka3hjuz6y] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-uka3hjuz6y] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-uka3hjuz6y] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-uka3hjuz6y] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-uka3hjuz6y] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-uka3hjuz6y] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-uka3hjuz6y] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-uka3hjuz6y] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-uka3hjuz6y] {
        font-size: 21px;
    }

table td[b-uka3hjuz6y] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-uka3hjuz6y] {
    border: none;
}

td span[b-uka3hjuz6y] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-uka3hjuz6y] {
    background-color: #ff0f0f;
}

.Readed[b-uka3hjuz6y] {
    background-color: #27A243;
}



.Blue[b-uka3hjuz6y] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-uka3hjuz6y] {
    color: black;
    background-color: gray;
}

.Green[b-uka3hjuz6y] {
    color: white;
    background-color: #27A243;
}

td button[b-uka3hjuz6y] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-uka3hjuz6y] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-uka3hjuz6y] {
        font-size: 30px;
    }

.Opration[b-uka3hjuz6y] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-uka3hjuz6y] {
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-uka3hjuz6y] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-uka3hjuz6y] {
    margin-right: 30px;
    width: 15%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-uka3hjuz6y] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-uka3hjuz6y] {
    margin-right: 30px;
    width: 21%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-uka3hjuz6y] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-uka3hjuz6y] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-uka3hjuz6y] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-uka3hjuz6y] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-uka3hjuz6y] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-uka3hjuz6y] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-uka3hjuz6y] {
    display: flex;
}

.Buttom-Opration-last button[b-uka3hjuz6y] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-uka3hjuz6y] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-uka3hjuz6y] {
        font-size: 25px;
    }

.Pagination[b-uka3hjuz6y] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-uka3hjuz6y] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-uka3hjuz6y] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-uka3hjuz6y] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-uka3hjuz6y] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-uka3hjuz6y] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-uka3hjuz6y] {
        min-width: 1200px;
    }

    .Filtering[b-uka3hjuz6y] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-uka3hjuz6y] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-uka3hjuz6y] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-uka3hjuz6y] {
            width: 300px;
        }
}
/* /Components/Pages/ComplexAdmin.razor.rz.scp.css */
*[b-05m3dwstmz] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-05m3dwstmz] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-05m3dwstmz] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-05m3dwstmz] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-05m3dwstmz] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-05m3dwstmz] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-05m3dwstmz] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-05m3dwstmz] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-05m3dwstmz] {
        font-size: 21px;
    }

table td[b-05m3dwstmz] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

tr:nth-child(even)[b-05m3dwstmz] {
    background-color: #EAF4FE;
}

table tr:last-child td[b-05m3dwstmz] {
    border: none;
}

td span[b-05m3dwstmz] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-05m3dwstmz] {
    background-color: #ff0f0f;
}

.Readed[b-05m3dwstmz] {
    background-color: #27A243;
}



.Blue[b-05m3dwstmz] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-05m3dwstmz] {
    color: black;
    background-color: gray;
}

.Green[b-05m3dwstmz] {
    color: white;
    background-color: #27A243;
}

td button[b-05m3dwstmz] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-05m3dwstmz] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-05m3dwstmz] {
        font-size: 30px;
    }

.Opration[b-05m3dwstmz] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-05m3dwstmz] {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-05m3dwstmz] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-05m3dwstmz] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-05m3dwstmz] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-05m3dwstmz] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-05m3dwstmz] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-05m3dwstmz] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-05m3dwstmz] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-05m3dwstmz] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-05m3dwstmz] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-05m3dwstmz] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-05m3dwstmz] {
    display: flex;
}

.Buttom-Opration-last button[b-05m3dwstmz] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-05m3dwstmz] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-05m3dwstmz] {
        font-size: 25px;
    }

.Pagination[b-05m3dwstmz] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-05m3dwstmz] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-05m3dwstmz] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-05m3dwstmz] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-05m3dwstmz] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-05m3dwstmz] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-05m3dwstmz] {
        min-width: 1200px;
    }

    .Filtering[b-05m3dwstmz] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-05m3dwstmz] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-05m3dwstmz] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-05m3dwstmz] {
            width: 300px;
        }
}
/* /Components/Pages/ContactAdmin.razor.rz.scp.css */
*[b-ajkooxfmbz] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-ajkooxfmbz] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-ajkooxfmbz] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-ajkooxfmbz] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-ajkooxfmbz] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-ajkooxfmbz] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-ajkooxfmbz] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-ajkooxfmbz] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-ajkooxfmbz] {
        font-size: 21px;
    }

table td[b-ajkooxfmbz] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-ajkooxfmbz] {
    border: none;
}

td span[b-ajkooxfmbz] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-ajkooxfmbz] {
    background-color: #ff0f0f;
}

.Readed[b-ajkooxfmbz] {
    background-color: #27A243;
}



.Blue[b-ajkooxfmbz] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-ajkooxfmbz] {
    color: black;
    background-color: gray;
}

.Green[b-ajkooxfmbz] {
    color: white;
    background-color: #27A243;
}

td button[b-ajkooxfmbz] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-ajkooxfmbz] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-ajkooxfmbz] {
        font-size: 30px;
    }

.Opration[b-ajkooxfmbz] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-ajkooxfmbz] {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-ajkooxfmbz] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-ajkooxfmbz] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-ajkooxfmbz] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-ajkooxfmbz] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-ajkooxfmbz] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-ajkooxfmbz] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-ajkooxfmbz] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-ajkooxfmbz] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-ajkooxfmbz] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-ajkooxfmbz] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-ajkooxfmbz] {
    display: flex;
}

.Buttom-Opration-last button[b-ajkooxfmbz] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-ajkooxfmbz] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-ajkooxfmbz] {
        font-size: 25px;
    }

.Pagination[b-ajkooxfmbz] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-ajkooxfmbz] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-ajkooxfmbz] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-ajkooxfmbz] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-ajkooxfmbz] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-ajkooxfmbz] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-ajkooxfmbz] {
        min-width: 1200px;
    }

    .Filtering[b-ajkooxfmbz] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-ajkooxfmbz] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-ajkooxfmbz] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-ajkooxfmbz] {
            width: 300px;
        }
}
/* /Components/Pages/Country.razor.rz.scp.css */
*[b-mwdq6ya6bo] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-mwdq6ya6bo] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-mwdq6ya6bo] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-mwdq6ya6bo] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-mwdq6ya6bo] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-mwdq6ya6bo] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-mwdq6ya6bo] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-mwdq6ya6bo] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-mwdq6ya6bo] {
        font-size: 21px;
    }

table td[b-mwdq6ya6bo] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-mwdq6ya6bo] {
    border: none;
}

td span[b-mwdq6ya6bo] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-mwdq6ya6bo] {
    background-color: #ff0f0f;
}

.Readed[b-mwdq6ya6bo] {
    background-color: #27A243;
}



.Blue[b-mwdq6ya6bo] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-mwdq6ya6bo] {
    color: black;
    background-color: gray;
}

.Green[b-mwdq6ya6bo] {
    color: white;
    background-color: #27A243;
}

td button[b-mwdq6ya6bo] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-mwdq6ya6bo] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-mwdq6ya6bo] {
        font-size: 30px;
    }

.Opration[b-mwdq6ya6bo] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    justify-content: space-between;
    border-radius: 5px;
}

.Search-Opration[b-mwdq6ya6bo] {
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-mwdq6ya6bo] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-mwdq6ya6bo] {
    margin-right: 30px;
    width: 15%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-mwdq6ya6bo] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-mwdq6ya6bo] {
    margin-right: 30px;
    width: 21%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-mwdq6ya6bo] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-mwdq6ya6bo] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-mwdq6ya6bo] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-mwdq6ya6bo] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-mwdq6ya6bo] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-mwdq6ya6bo] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-mwdq6ya6bo] {
    display: flex;
}

.Buttom-Opration-last button[b-mwdq6ya6bo] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-mwdq6ya6bo] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-mwdq6ya6bo] {
        font-size: 25px;
    }

.Pagination[b-mwdq6ya6bo] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-mwdq6ya6bo] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-mwdq6ya6bo] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-mwdq6ya6bo] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-mwdq6ya6bo] {
    background-color: #E8F5FF;
    border-radius: 50%;
}
.countrygeneral[b-mwdq6ya6bo] {
    display: flex;
    
}
.General[b-mwdq6ya6bo] {
    width: 98%;
    margin: 0 auto;
    border: 3px solid #9DCEFC;
    padding: 20px;
    border-radius: 10px;
}
    .General p[b-mwdq6ya6bo] {
        background-color: #2B7397;
        color:white;
        display:flex;
        justify-content:center;
        align-items:center;
        padding:5px;
        border-radius:10px;
        font-size:20px;

        width:15%;
    }
[b-mwdq6ya6bo] .Generate {
    margin-top: 20px;
    border: 3px solid #9DCEFC;
    padding: 10px;
}
 [b-mwdq6ya6bo] .Form-Last{
     display:flex;
     justify-content:space-between;
}
[b-mwdq6ya6bo] .input{
    padding:8px;
   background-color:#f0f0f0;
   border-radius:10px;
   width:100%;
   font-size:20px;
}
.ckeck[b-mwdq6ya6bo]{
    width:20%;
}
.last[b-mwdq6ya6bo]{
    width:15%;
    background-color:forestgreen;
    color:white;
    border-radius:5px;
    font-size:24px;
    height:50px;
}
.modal[b-mwdq6ya6bo] {
    position: fixed;
    inset: 0;
    background-color: #ffffffa5;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
}
@media ( max-width: 1000px) {
    .General p[b-mwdq6ya6bo] {
       
        width: 100%;
    }
    .ckeck[b-mwdq6ya6bo] {
        width: 80%;
    }
    table[b-mwdq6ya6bo] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-mwdq6ya6bo] {
        min-width: 1200px;
    }

    .Filtering[b-mwdq6ya6bo] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-mwdq6ya6bo] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-mwdq6ya6bo] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-mwdq6ya6bo] {
            width: 300px;
        }
}
/* /Components/Pages/ExchangeAdmin.razor.rz.scp.css */
*[b-iato7dy0q4] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-iato7dy0q4] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-iato7dy0q4] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-iato7dy0q4] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-iato7dy0q4] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-iato7dy0q4] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-iato7dy0q4] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-iato7dy0q4] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-iato7dy0q4] {
        font-size: 21px;
    }

table td[b-iato7dy0q4] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-iato7dy0q4] {
    border: none;
}

td span[b-iato7dy0q4] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-iato7dy0q4] {
    background-color: #ff0f0f;
}

.Readed[b-iato7dy0q4] {
    background-color: #27A243;
}



.Blue[b-iato7dy0q4] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-iato7dy0q4] {
    color: black;
    background-color: gray;
}

.Green[b-iato7dy0q4] {
    color: white;
    background-color: #27A243;
}

td button[b-iato7dy0q4] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-iato7dy0q4] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-iato7dy0q4] {
        font-size: 30px;
    }

.Opration[b-iato7dy0q4] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-iato7dy0q4] {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-iato7dy0q4] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-iato7dy0q4] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-iato7dy0q4] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-iato7dy0q4] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-iato7dy0q4] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-iato7dy0q4] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-iato7dy0q4] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-iato7dy0q4] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-iato7dy0q4] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-iato7dy0q4] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-iato7dy0q4] {
    display: flex;
}

.Buttom-Opration-last button[b-iato7dy0q4] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-iato7dy0q4] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-iato7dy0q4] {
        font-size: 25px;
    }

.Pagination[b-iato7dy0q4] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-iato7dy0q4] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-iato7dy0q4] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-iato7dy0q4] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-iato7dy0q4] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-iato7dy0q4] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-iato7dy0q4] {
        min-width: 1200px;
    }

    .Filtering[b-iato7dy0q4] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-iato7dy0q4] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-iato7dy0q4] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-iato7dy0q4] {
            width: 300px;
        }
}
/* /Components/Pages/ForgetPassWord.razor.rz.scp.css */
*[b-7nwe5thpeb]{
    margin:0;
    padding:0;
    box-sizing:border-box;
    
}
section[b-7nwe5thpeb] {
    width: 100%;
    min-height: 100%;
   
    
}
section img[b-7nwe5thpeb]{
    width:100%;
 height:100vh;
 object-fit:cover;
}
.ForgotForm[b-7nwe5thpeb] {
    box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.75);
    width: 500px;
    padding: 40px 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #e0e0e0;
    border-radius: 10px;
}


.Email[b-7nwe5thpeb] {
    display: flex;
    flex-direction:row;
    align-items:flex-start;
}
    .Email input[b-7nwe5thpeb] {
        background-color: #2B7397;
        border-radius: 10px;
        padding: 0 30px;
        margin-right: 20px;
        font-size:22px;
        color:white;
        transition:0.5s;
        border:2px solid white;
    }
    label[b-7nwe5thpeb] {
        margin-bottom: 20px;
        font-size: 20px;
    }
[b-7nwe5thpeb] .input {
    width: 100%;
    padding: 5px 5px;
    border-radius:10px;
    transition:0.5s;
}
.Email input:hover[b-7nwe5thpeb] {
    color: black;
    background-color: white;
    border: 2px solid black;
}
.email-validate[b-7nwe5thpeb] {
    width: 100%;
    display: flex;
    flex-direction: column;
 
}
@media ( max-width: 1000px){
    .ForgotForm[b-7nwe5thpeb] {
        font-size: 20px;
        width: 400px;
        padding: 40px 20px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
*[b-ustuv7oipd] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-ustuv7oipd] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-ustuv7oipd] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-ustuv7oipd] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-ustuv7oipd] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-ustuv7oipd] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-ustuv7oipd] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-ustuv7oipd] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-ustuv7oipd] {
        font-size: 21px;
    }

table td[b-ustuv7oipd] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-ustuv7oipd] {
    border: none;
}

td span[b-ustuv7oipd] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-ustuv7oipd] {
    background-color: #ff0f0f;
}

.Readed[b-ustuv7oipd] {
    background-color: #27A243;
}



.Blue[b-ustuv7oipd] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-ustuv7oipd] {
    color: black;
    background-color: gray;
}

.Green[b-ustuv7oipd] {
    color: white;
    background-color: #27A243;
}

td button[b-ustuv7oipd] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-ustuv7oipd] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-ustuv7oipd] {
        font-size: 30px;
    }

.Opration[b-ustuv7oipd] {
    width: 100%;
    display: flex;

    background-color: #E8F5FF;
    margin: 20px 0;

    padding: 5px 10px;
    justify-content:space-between;
    border-radius: 5px;
}

.Search-Opration[b-ustuv7oipd] {
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-ustuv7oipd] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-ustuv7oipd] {
    margin-right: 30px;
    width: 15%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-ustuv7oipd] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-ustuv7oipd] {
    margin-right: 30px;
    width: 21%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-ustuv7oipd] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-ustuv7oipd] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-ustuv7oipd] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-ustuv7oipd] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-ustuv7oipd] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-ustuv7oipd] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-ustuv7oipd] {
    display: flex;
}

.Buttom-Opration-last button[b-ustuv7oipd] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-ustuv7oipd] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-ustuv7oipd] {
        font-size: 25px;
    }

.Pagination[b-ustuv7oipd] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-ustuv7oipd] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-ustuv7oipd] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-ustuv7oipd] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-ustuv7oipd] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-ustuv7oipd] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-ustuv7oipd] {
        min-width: 1200px;
    }

    .Filtering[b-ustuv7oipd] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-ustuv7oipd] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-ustuv7oipd] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-ustuv7oipd] {
            width: 300px;
        }
}
/* /Components/Pages/LegalAdmin.razor.rz.scp.css */
*[b-sj8my2r6oh] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-sj8my2r6oh] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-sj8my2r6oh] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-sj8my2r6oh] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-sj8my2r6oh] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-sj8my2r6oh] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-sj8my2r6oh] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-sj8my2r6oh] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-sj8my2r6oh] {
        font-size: 21px;
    }

table td[b-sj8my2r6oh] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-sj8my2r6oh] {
    border: none;
}

td span[b-sj8my2r6oh] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-sj8my2r6oh] {
    background-color: #ff0f0f;
}

.Readed[b-sj8my2r6oh] {
    background-color: #27A243;
}



.Blue[b-sj8my2r6oh] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-sj8my2r6oh] {
    color: black;
    background-color: gray;
}

.Green[b-sj8my2r6oh] {
    color: white;
    background-color: #27A243;
}

td button[b-sj8my2r6oh] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-sj8my2r6oh] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-sj8my2r6oh] {
        font-size: 30px;
    }

.Opration[b-sj8my2r6oh] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-sj8my2r6oh] {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-sj8my2r6oh] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-sj8my2r6oh] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-sj8my2r6oh] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-sj8my2r6oh] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-sj8my2r6oh] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-sj8my2r6oh] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-sj8my2r6oh] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-sj8my2r6oh] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-sj8my2r6oh] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-sj8my2r6oh] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-sj8my2r6oh] {
    display: flex;
}

.Buttom-Opration-last button[b-sj8my2r6oh] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-sj8my2r6oh] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-sj8my2r6oh] {
        font-size: 25px;
    }

.Pagination[b-sj8my2r6oh] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-sj8my2r6oh] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-sj8my2r6oh] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-sj8my2r6oh] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-sj8my2r6oh] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-sj8my2r6oh] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-sj8my2r6oh] {
        min-width: 1200px;
    }

    .Filtering[b-sj8my2r6oh] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-sj8my2r6oh] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-sj8my2r6oh] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-sj8my2r6oh] {
            width: 300px;
        }
}
/* /Components/Pages/LoanAdmin.razor.rz.scp.css */
*[b-ari7paitlp]{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.title-DataGrid[b-ari7paitlp]{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    margin-bottom:20px;
}
    .title-DataGrid span[b-ari7paitlp] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top:20px;
    }
    section[b-ari7paitlp] {
        width: 98%;
        margin: 0 auto;
    }
.ScrollTable[b-ari7paitlp]{
    height:54vh;
    overflow-y:scroll;
}
table[b-ari7paitlp] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-ari7paitlp] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;

        text-align: center;
        padding: 10px 0;
    }
th i[b-ari7paitlp]{
     font-size:18px; padding-left:9px; transition:0.3s;
}
    th i:hover[b-ari7paitlp] {
        font-size: 21px;
    }
table td[b-ari7paitlp] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-ari7paitlp] {
    border: none;
}
td span[b-ari7paitlp] {
    display:inline-block;
    width:90%;
   padding:3px 0;
   font-size:21px;
 
    color: white;
    border-radius: 9px;
}
.UnReaded[b-ari7paitlp] {
    background-color: #ff0f0f;
}

.Readed[b-ari7paitlp] {
    background-color: #27A243;
    
}



.Blue[b-ari7paitlp] {
    background-color: #2B7397;
    color:white;
}
.Gray[b-ari7paitlp]{
    color:black;
    background-color:gray;
}

.Green[b-ari7paitlp] {
    color: white;
    background-color: #27A243;
}
td button[b-ari7paitlp] {
    border: none;
   background: none;
    transition: 0.3s
}

td i[b-ari7paitlp] {
    font-size: 25px;
    transition: 0.3s;
    cursor:pointer;
}

td i:hover[b-ari7paitlp]{
    font-size:30px;
}

.Opration[b-ari7paitlp] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-ari7paitlp] {
    width:20%;
    display: flex;
    flex-direction: column;
 
}
.Buttom-Opration[b-ari7paitlp] {
   
    width: 5%;
    display: flex;
    flex-direction: column;
}
.Filter-Citizenship-Opration[b-ari7paitlp] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}
.Filter-Opration[b-ari7paitlp] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}
.Filter-Status-Opration[b-ari7paitlp] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}
.Up-Opration-Search[b-ari7paitlp] {
    margin-bottom: 15px;
}
.Buttom-Opration-Search[b-ari7paitlp] {
    display: flex;
    justify-content: space-between;
}
.Up-Opration-Search label[b-ari7paitlp] {
    font-size: 22px;
    font-weight:bold;
}
.Buttom-Opration-Search input[b-ari7paitlp] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size:18px;
    font-weight:bold;

}
.Filter-Citizenship-Opration input[b-ari7paitlp] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight:bold;
}
.Buttom-Opration-Search button[b-ari7paitlp] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}
.Buttom-Opration-Filter[b-ari7paitlp] {
    display: flex;
   
}
.Buttom-Opration-last button[b-ari7paitlp] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color:#e8e8e8;
    font-size: 20px;
    font-weight: bold;
}
.Buttom-Opration-Search button i[b-ari7paitlp] {
    font-size: 20px;
    transition: 0.3s;
}
    .Buttom-Opration-Search button i:hover[b-ari7paitlp] {
        font-size: 25px;
    }

.Pagination[b-ari7paitlp]{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:2px;
}

.CenterAll[b-ari7paitlp] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius:50px;
    padding:2px 3px;
    display:flex;
    justify-content:center;
    align-items:center;
}


.CenterAll i[b-ari7paitlp] {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    width: 30px;
    background-color: white;
    border-radius: 50%;
}

.Center[b-ari7paitlp] {
  cursor:pointer;
    font-size:20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
    
}

.Active-Pagination[b-ari7paitlp] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px){
    table[b-ari7paitlp] {
      min-width:1200px;
        overflow-x: scroll;
    }
    .Opration[b-ari7paitlp]{
        min-width:1200px;
    }
    .Filtering[b-ari7paitlp] {
        width: 100%;
        overflow-x: scroll;
    }
    .ScrollTable[b-ari7paitlp] {
        height: 65vh;
        overflow-y: scroll;
    }
    .title-DataGrid[b-ari7paitlp] {
  
        margin:20px 0;
    }

        .title-DataGrid span[b-ari7paitlp] {
           
            width: 300px;
           
        }
}
/* /Components/Pages/Login.razor.rz.scp.css */
*[b-8v0z56coua]{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.login[b-8v0z56coua]{
   width:100%;
        display:flex;
        min-height:100vh;
        gap:0
}

.Login-Inside[b-8v0z56coua] {
    width: 80%;
    margin: 0 auto;
    background-color: #dcdcdc;
    padding: 10px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.login-main[b-8v0z56coua]{

    display:flex;
    flex-direction:column;
}

[b-8v0z56coua] .Inside-form{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}

[b-8v0z56coua] .input {
    width:100%;
    margin: 10px 0;
    border-radius: 20px;
    padding: 8px;
}
[b-8v0z56coua] .inputPassword {
    position:relative;
    width: 100%;
    margin: 10px 0;
    border-radius: 20px;
    padding: 8px;
}
[b-8v0z56coua] .RememberMe {
    font-size: 20px;
}
.img-login[b-8v0z56coua] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    margin: 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid black;
}
    .img-login img[b-8v0z56coua]{
        width:50%;
        height:100%;
        
    }
    .login-Form[b-8v0z56coua] {
        flex:3;
       position:relative;
        background-color:white;
        border-radius:50px 0 0 0;
        min-height: 100vh;
        z-index:99;
    }
.Login-img[b-8v0z56coua]{

    flex:7;
    min-height:100vh;
 margin-right:-50px;
   
}
.Password[b-8v0z56coua]{
    width:100%;
    position:relative;
}
.Password i[b-8v0z56coua] {
    position: absolute;
    top:20px;
    left: 10px;
}
.checkBox[b-8v0z56coua] {
    margin: 10px;
    display: flex;
    gap: 8px;
}
.img[b-8v0z56coua] {
    width: 100%;
    height: 100%;
}
    .img img[b-8v0z56coua] {
        
        width: 100%;
        height: 100%;
        object-fit:cover;
    }

.Login-submit[b-8v0z56coua] {
    width: 100%;
    margin: 10px 0;
    border-radius: 20px;
    padding: 5px;
    background-color: #2B7397;
    font-size: 20px;
    color:white;
    transition:0.5s;
    border:3px solid white;
}
    .Login-submit:hover[b-8v0z56coua] {
        background-color: white;
        color: black;
        border: 3px solid black;
    }

[b-8v0z56coua] .Link{
    padding:10px;
}

@media ( max-width: 1000px){
  
    .login-Form[b-8v0z56coua]{
        width:100%;
    }

    .Login-img[b-8v0z56coua] {
        display:none;
    }

    .Login-Inside[b-8v0z56coua] {
        width: 80%;
        margin:0 auto;
       position:absolute;
       top:50%;
       left:50%;
       transform: translate(-50%,-50%);
      
    }
}
/* /Components/Pages/MedicalAdmin.razor.rz.scp.css */
*[b-hl5ab5vnyc] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-hl5ab5vnyc] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-hl5ab5vnyc] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-hl5ab5vnyc] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-hl5ab5vnyc] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-hl5ab5vnyc] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-hl5ab5vnyc] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-hl5ab5vnyc] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-hl5ab5vnyc] {
        font-size: 21px;
    }

table td[b-hl5ab5vnyc] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-hl5ab5vnyc] {
    border: none;
}

td span[b-hl5ab5vnyc] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-hl5ab5vnyc] {
    background-color: #ff0f0f;
}

.Readed[b-hl5ab5vnyc] {
    background-color: #27A243;
}



.Blue[b-hl5ab5vnyc] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-hl5ab5vnyc] {
    color: black;
    background-color: gray;
}

.Green[b-hl5ab5vnyc] {
    color: white;
    background-color: #27A243;
}

td button[b-hl5ab5vnyc] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-hl5ab5vnyc] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-hl5ab5vnyc] {
        font-size: 30px;
    }

.Opration[b-hl5ab5vnyc] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-hl5ab5vnyc] {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-hl5ab5vnyc] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-hl5ab5vnyc] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-hl5ab5vnyc] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-hl5ab5vnyc] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-hl5ab5vnyc] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-hl5ab5vnyc] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-hl5ab5vnyc] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-hl5ab5vnyc] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-hl5ab5vnyc] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-hl5ab5vnyc] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-hl5ab5vnyc] {
    display: flex;
}

.Buttom-Opration-last button[b-hl5ab5vnyc] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-hl5ab5vnyc] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-hl5ab5vnyc] {
        font-size: 25px;
    }

.Pagination[b-hl5ab5vnyc] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-hl5ab5vnyc] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-hl5ab5vnyc] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-hl5ab5vnyc] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-hl5ab5vnyc] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-hl5ab5vnyc] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-hl5ab5vnyc] {
        min-width: 1200px;
    }

    .Filtering[b-hl5ab5vnyc] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-hl5ab5vnyc] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-hl5ab5vnyc] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-hl5ab5vnyc] {
            width: 300px;
        }
}
/* /Components/Pages/Province.razor.rz.scp.css */
*[b-ep04nl0a2e] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-ep04nl0a2e] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-ep04nl0a2e] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-ep04nl0a2e] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-ep04nl0a2e] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-ep04nl0a2e] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-ep04nl0a2e] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-ep04nl0a2e] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-ep04nl0a2e] {
        font-size: 21px;
    }

table td[b-ep04nl0a2e] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-ep04nl0a2e] {
    border: none;
}

td span[b-ep04nl0a2e] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-ep04nl0a2e] {
    background-color: #ff0f0f;
}

.Readed[b-ep04nl0a2e] {
    background-color: #27A243;
}



.Blue[b-ep04nl0a2e] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-ep04nl0a2e] {
    color: black;
    background-color: gray;
}

.Green[b-ep04nl0a2e] {
    color: white;
    background-color: #27A243;
}

td button[b-ep04nl0a2e] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-ep04nl0a2e] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-ep04nl0a2e] {
        font-size: 30px;
    }

.Opration[b-ep04nl0a2e] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-ep04nl0a2e] {
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-ep04nl0a2e] {
    width: 5%;
    display: flex;
    margin-right: auto;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-ep04nl0a2e] {
    margin-right: 30px;
    width: 15%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-ep04nl0a2e] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-ep04nl0a2e] {
    margin-right: 30px;
    width: 21%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-ep04nl0a2e] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-ep04nl0a2e] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-ep04nl0a2e] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-ep04nl0a2e] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-ep04nl0a2e] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-ep04nl0a2e] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-ep04nl0a2e] {
    display: flex;
}

.Buttom-Opration-last button[b-ep04nl0a2e] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-ep04nl0a2e] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-ep04nl0a2e] {
        font-size: 25px;
    }

.Pagination[b-ep04nl0a2e] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-ep04nl0a2e] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-ep04nl0a2e] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-ep04nl0a2e] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-ep04nl0a2e] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

.countrygeneral[b-ep04nl0a2e] {
    display: flex;
}

.General[b-ep04nl0a2e] {
    width: 98%;
    margin: 0 auto;
    border: 3px solid #9DCEFC;
    padding: 20px;
    border-radius: 10px;
}

    .General p[b-ep04nl0a2e] {
        background-color: #2B7397;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
        border-radius: 10px;
        font-size: 20px;
        width: 15%;
    }

[b-ep04nl0a2e] .Generate {
    margin-top: 20px;
    border: 3px solid #9DCEFC;
    padding: 10px;
}

[b-ep04nl0a2e] .Form-Last {
    display: flex;
    justify-content: space-between;
}

[b-ep04nl0a2e] .input {
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
}

.ckeck[b-ep04nl0a2e] {
    width: 20%;
}

.last[b-ep04nl0a2e] {
    width: 15%;
    background-color: forestgreen;
    color: white;
    border-radius: 5px;
    font-size: 24px;
    height: 50px;
}

.modal[b-ep04nl0a2e] {
    position: fixed;
    inset: 0;
    background-color: #ffffffa5;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
}
.select[b-ep04nl0a2e]{
width:20%;
}
@media ( max-width: 1000px) {
    [b-ep04nl0a2e] .Form-Last {
        display: flex;
        justify-content: space-between;
        flex-direction:column;
    }
    .General p[b-ep04nl0a2e] {
        width: 100%;
    }
    .ckeck[b-ep04nl0a2e] {
        width: 100%;
        margin: 10px 0;
        display: flex;
        justify-content: space-between;
    }
    .last[b-ep04nl0a2e] {
        width: 100%;
  
    }

    .select[b-ep04nl0a2e] {
       
        width: 100%;

    }
    table[b-ep04nl0a2e] {
        

        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-ep04nl0a2e] {
        min-width: 1200px;
    }

    .Filtering[b-ep04nl0a2e] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-ep04nl0a2e] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-ep04nl0a2e] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-ep04nl0a2e] {
            width: 300px;
        }
}
/* /Components/Pages/RequestAdmin.razor.rz.scp.css */
*[b-tblh11478s] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-tblh11478s] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-tblh11478s] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-tblh11478s] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-tblh11478s] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-tblh11478s] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-tblh11478s] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-tblh11478s] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-tblh11478s] {
        font-size: 21px;
    }

table td[b-tblh11478s] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-tblh11478s] {
    border: none;
}

td span[b-tblh11478s] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-tblh11478s] {
    background-color: #ff0f0f;
}

.Readed[b-tblh11478s] {
    background-color: #27A243;
}



.Blue[b-tblh11478s] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-tblh11478s] {
    color: black;
    background-color: gray;
}

.Green[b-tblh11478s] {
    color: white;
    background-color: #27A243;
}

td button[b-tblh11478s] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-tblh11478s] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-tblh11478s] {
        font-size: 30px;
    }

.Opration[b-tblh11478s] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-tblh11478s] {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-tblh11478s] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-tblh11478s] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-tblh11478s] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-tblh11478s] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-tblh11478s] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-tblh11478s] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-tblh11478s] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-tblh11478s] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-tblh11478s] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-tblh11478s] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-tblh11478s] {
    display: flex;
}

.Buttom-Opration-last button[b-tblh11478s] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-tblh11478s] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-tblh11478s] {
        font-size: 25px;
    }

.Pagination[b-tblh11478s] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-tblh11478s] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-tblh11478s] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-tblh11478s] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-tblh11478s] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-tblh11478s] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-tblh11478s] {
        min-width: 1200px;
    }

    .Filtering[b-tblh11478s] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-tblh11478s] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-tblh11478s] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-tblh11478s] {
            width: 300px;
        }
}
/* /Components/Pages/ResidenceAdmin.razor.rz.scp.css */
*[b-feu0r88bzx] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-feu0r88bzx] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-feu0r88bzx] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-feu0r88bzx] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-feu0r88bzx] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-feu0r88bzx] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-feu0r88bzx] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-feu0r88bzx] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-feu0r88bzx] {
        font-size: 21px;
    }

table td[b-feu0r88bzx] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-feu0r88bzx] {
    border: none;
}

td span[b-feu0r88bzx] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-feu0r88bzx] {
    background-color: #ff0f0f;
}

.Readed[b-feu0r88bzx] {
    background-color: #27A243;
}



.Blue[b-feu0r88bzx] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-feu0r88bzx] {
    color: black;
    background-color: gray;
}

.Green[b-feu0r88bzx] {
    color: white;
    background-color: #27A243;
}

td button[b-feu0r88bzx] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-feu0r88bzx] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-feu0r88bzx] {
        font-size: 30px;
    }

.Opration[b-feu0r88bzx] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-feu0r88bzx] {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-feu0r88bzx] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-feu0r88bzx] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-feu0r88bzx] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-feu0r88bzx] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-feu0r88bzx] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-feu0r88bzx] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-feu0r88bzx] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-feu0r88bzx] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-feu0r88bzx] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-feu0r88bzx] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-feu0r88bzx] {
    display: flex;
}

.Buttom-Opration-last button[b-feu0r88bzx] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-feu0r88bzx] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-feu0r88bzx] {
        font-size: 25px;
    }

.Pagination[b-feu0r88bzx] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-feu0r88bzx] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-feu0r88bzx] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-feu0r88bzx] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-feu0r88bzx] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-feu0r88bzx] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-feu0r88bzx] {
        min-width: 1200px;
    }

    .Filtering[b-feu0r88bzx] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-feu0r88bzx] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-feu0r88bzx] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-feu0r88bzx] {
            width: 300px;
        }
}
/* /Components/Pages/RestPassword.razor.rz.scp.css */
*[b-2u4xky80ac] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

section[b-2u4xky80ac] {
    width: 100%;
    min-height: 100%;
}

    section img[b-2u4xky80ac] {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }

.RestForm[b-2u4xky80ac] {
    box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.75);
    width: 500px;
    padding: 40px 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #e0e0e0;
    border-radius: 10px;
}


.PassWord[b-2u4xky80ac] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    input[b-2u4xky80ac] {
        background-color: #2B7397;
        border-radius: 10px;
        padding: 0 30px;
        width:100%;
        font-size: 22px;
        color: white;
        transition: 0.5s;
        border: 2px solid white;
    }

label[b-2u4xky80ac] {
    margin-bottom: 5px;
    font-size: 20px;
}

[b-2u4xky80ac] .input {
    width: 100%;
    padding: 5px 5px;
    border-radius: 10px;
    transition: 0.5s;
    margin:10px 0;
}

input:hover[b-2u4xky80ac] {
    color: black;
    background-color: white;
    border: 2px solid black;
}

.email-validate[b-2u4xky80ac] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media ( max-width: 1000px) {
    .ForgotForm[b-2u4xky80ac] {
        font-size: 20px;
        width: 400px;
        padding: 40px 20px;
    }
}
/* /Components/Pages/ToggleButton.razor.rz.scp.css */
.ToggleMenu[b-6ayyf46x2g] {
  visibility:hidden;
}
.openinng-Menu[b-6ayyf46x2g]{
    visibility:hidden;
}
.nonelist[b-6ayyf46x2g] {
    display: none;
}

    [b-6ayyf46x2g] .openlist {
        display: flex;
     flex-direction:column;
     margin-top:10px;
    }

@media ( max-width: 1000px) {
    .ToggleMenu[b-6ayyf46x2g] {
        visibility: visible;
        margin-top: 15px;
        display: flex;
        width: 100%;
        height: 45px;
        background-color: #9DCEFC;
        border-radius: 5px;
        transition: 0.5s;
    }

    button i[b-6ayyf46x2g] {
        width: 50px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: aliceblue;
        font-size: 30px;
        border-radius: 10px 0 0 10px;
    }

    button[b-6ayyf46x2g] {
        height: 100%;
    }

    .openinng-Menu[b-6ayyf46x2g] {
        visibility: visible;
        background-color: rgb(0, 0, 0, 0.62);
        position: fixed;
        top: 0;
        right: -200px;
        height: 100vh;
        transition: 0.5s;
        width: 0;
        z-index: 999999;
        overflow-y: scroll;
    }

    .Backgroud-Main[b-6ayyf46x2g] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 62%;
        background-color: #9DCEFC;
        min-height: 100vh;
        z-index: 0;
        overflow-y: scroll;
    }

    .Open[b-6ayyf46x2g] {
        width: 100%;
        right: 0;
    }

    .Close[b-6ayyf46x2g] {
        display: flex;
        justify-content: flex-start;
        align-items: self-start;
        margin-top: 20px;
        width: 97%;
        border-radius: 5px;
        height: 45px;
        background-color: white;
    }

    [b-6ayyf46x2g] .Link {
        color: black;
        text-decoration: none;
        font-size: 24px;
        padding: 10px 10px;
        width: 97%;
        border-radius: 5px;
        margin: 4px 0;
        background-color: rgb(255 255 255 / 0.80);
    }

    [b-6ayyf46x2g] .activeLink {
        margin-top: 8px;
    }
}
/* /Components/Pages/TouristAdmin.razor.rz.scp.css */
*[b-br72m8syiw] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-br72m8syiw] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-br72m8syiw] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-br72m8syiw] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-br72m8syiw] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-br72m8syiw] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-br72m8syiw] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-br72m8syiw] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-br72m8syiw] {
        font-size: 21px;
    }

table td[b-br72m8syiw] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-br72m8syiw] {
    border: none;
}

td span[b-br72m8syiw] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-br72m8syiw] {
    background-color: #ff0f0f;
}

.Readed[b-br72m8syiw] {
    background-color: #27A243;
}



.Blue[b-br72m8syiw] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-br72m8syiw] {
    color: black;
    background-color: gray;
}

.Green[b-br72m8syiw] {
    color: white;
    background-color: #27A243;
}

td button[b-br72m8syiw] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-br72m8syiw] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-br72m8syiw] {
        font-size: 30px;
    }

.Opration[b-br72m8syiw] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 5px;
}

.Search-Opration[b-br72m8syiw] {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-br72m8syiw] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-br72m8syiw] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-br72m8syiw] {
    margin-right: 30px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-br72m8syiw] {
    margin-right: 30px;
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-br72m8syiw] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-br72m8syiw] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-br72m8syiw] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-br72m8syiw] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-br72m8syiw] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-br72m8syiw] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-br72m8syiw] {
    display: flex;
}

.Buttom-Opration-last button[b-br72m8syiw] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-br72m8syiw] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-br72m8syiw] {
        font-size: 25px;
    }

.Pagination[b-br72m8syiw] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-br72m8syiw] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-br72m8syiw] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-br72m8syiw] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-br72m8syiw] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

@media ( max-width: 1000px) {
    table[b-br72m8syiw] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-br72m8syiw] {
        min-width: 1200px;
    }

    .Filtering[b-br72m8syiw] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-br72m8syiw] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-br72m8syiw] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-br72m8syiw] {
            width: 300px;
        }
}
/* /Components/Pages/Zone.razor.rz.scp.css */
*[b-jmaev767le] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.title-DataGrid[b-jmaev767le] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

    .title-DataGrid span[b-jmaev767le] {
        height: 3px;
        width: 600px;
        background-color: #2B7397;
        margin-top: 20px;
    }

section[b-jmaev767le] {
    width: 98%;
    margin: 0 auto;
}

.ScrollTable[b-jmaev767le] {
    height: 54vh;
    overflow-y: scroll;
}

table[b-jmaev767le] {
    border-collapse: separate;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    table th[b-jmaev767le] {
        background-color: rgb(232, 245, 255);
        color: black;
        font-size: 21px;
        text-align: center;
        padding: 10px 0;
    }

th i[b-jmaev767le] {
    font-size: 18px;
    padding-left: 9px;
    transition: 0.3s;
}

    th i:hover[b-jmaev767le] {
        font-size: 21px;
    }

table td[b-jmaev767le] {
    padding: 10px 0;
    background-color: #b9ddfe;
    color: black;
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}

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

table tr:last-child td[b-jmaev767le] {
    border: none;
}

td span[b-jmaev767le] {
    display: inline-block;
    width: 90%;
    padding: 3px 0;
    font-size: 21px;
    color: white;
    border-radius: 9px;
}

.UnReaded[b-jmaev767le] {
    background-color: #ff0f0f;
}

.Readed[b-jmaev767le] {
    background-color: #27A243;
}



.Blue[b-jmaev767le] {
    background-color: #2B7397;
    color: white;
}

.Gray[b-jmaev767le] {
    color: black;
    background-color: gray;
}

.Green[b-jmaev767le] {
    color: white;
    background-color: #27A243;
}

td button[b-jmaev767le] {
    border: none;
    background: none;
    transition: 0.3s
}

td i[b-jmaev767le] {
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
}

    td i:hover[b-jmaev767le] {
        font-size: 30px;
    }

.Opration[b-jmaev767le] {
    width: 100%;
    display: flex;
    background-color: #E8F5FF;
    margin: 20px 0;
    padding: 5px 10px;
    justify-content: space-between;
    border-radius: 5px;
}

.Search-Opration[b-jmaev767le] {
    width: 18%;
    display: flex;
    flex-direction: column;
}

.Buttom-Opration[b-jmaev767le] {
    width: 5%;
    display: flex;
    flex-direction: column;
}

.Filter-Citizenship-Opration[b-jmaev767le] {
    margin-right: 30px;
    width: 15%;
    display: flex;
    flex-direction: column;
}

.Filter-Opration[b-jmaev767le] {
    margin-right: 30px;
    width: 20%;
    display: flex;
    flex-direction: column;
}

.Filter-Status-Opration[b-jmaev767le] {
    margin-right: 30px;
    width: 21%;
    display: flex;
    flex-direction: column;
}

.Up-Opration-Search[b-jmaev767le] {
    margin-bottom: 15px;
}

.Buttom-Opration-Search[b-jmaev767le] {
    display: flex;
    justify-content: space-between;
}

.Up-Opration-Search label[b-jmaev767le] {
    font-size: 22px;
    font-weight: bold;
}

.Buttom-Opration-Search input[b-jmaev767le] {
    width: 84%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Filter-Citizenship-Opration input[b-jmaev767le] {
    width: 100%;
    padding: 8px 5px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.Buttom-Opration-Search button[b-jmaev767le] {
    cursor: pointer;
    width: 15%;
    border-radius: 10px;
    background: none;
    background-color: white;
}

.Buttom-Opration-Filter[b-jmaev767le] {
    display: flex;
}

.Buttom-Opration-last button[b-jmaev767le] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    background: none;
    background-color: #27A243;
    color: #e8e8e8;
    font-size: 20px;
    font-weight: bold;
}

.Buttom-Opration-Search button i[b-jmaev767le] {
    font-size: 20px;
    transition: 0.3s;
}

    .Buttom-Opration-Search button i:hover[b-jmaev767le] {
        font-size: 25px;
    }

.Pagination[b-jmaev767le] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

.CenterAll[b-jmaev767le] {
    width: auto;
    margin: 0 auto;
    background-color: #9DCEFC;
    border-radius: 50px;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .CenterAll i[b-jmaev767le] {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
        width: 30px;
        background-color: white;
        border-radius: 50%;
    }

.Center[b-jmaev767le] {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 10px;
    margin: 0 5px;
}

.Active-Pagination[b-jmaev767le] {
    background-color: #E8F5FF;
    border-radius: 50%;
}

.countrygeneral[b-jmaev767le] {
    display: flex;
}

.General[b-jmaev767le] {
    width: 98%;
    margin: 0 auto;
    border: 3px solid #9DCEFC;
    padding: 20px;
    border-radius: 10px;
}

    .General p[b-jmaev767le] {
        background-color: #2B7397;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
        border-radius: 10px;
        font-size: 20px;
        width: 15%;
    }

[b-jmaev767le] .Generate {
    margin-top: 20px;
    border: 3px solid #9DCEFC;
    padding: 10px;
}

[b-jmaev767le] .Form-Last {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

[b-jmaev767le] .input {
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
}

.ckeck[b-jmaev767le] {
    width: 100%;
}

.last[b-jmaev767le] {
    width: 15%;
    background-color: forestgreen;
    color: white;
    border-radius: 5px;
    font-size: 24px;
    height: 50px;
}

.modal[b-jmaev767le] {
    position: fixed;
    inset: 0;
    background-color: #ffffffa5;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
}


.select[b-jmaev767le] {
    width: 100%;
    margin-left: 50px;
}

.fieldset[b-jmaev767le] {
    width: 33%;
    display: flex;
    justify-content: space-between;
  
}
.main-img[b-jmaev767le]{
    width:100%;
    margin:20px 0;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.fieldset-img[b-jmaev767le]{
    width:33%;
    display:flex;

}
.fieldsetV2[b-jmaev767le]{
    width:100%;
    margin-top:10px;
}
.fieldsetV3[b-jmaev767le]{
    width:100%;
    display:flex;
    justify-content:flex-end;
    margin-top:10px
    
}
.selectv1[b-jmaev767le]{
    width:26%;
}
@media ( max-width: 1000px) {
    .selectv1[b-jmaev767le] {
        width: 100%;
    }
    .fieldset-img[b-jmaev767le] {
        width: 100%;
    }

    [b-jmaev767le] .Form-Last {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .fieldset[b-jmaev767le] {
        width: 100%;
        flex-direction: column;
    }

    .General p[b-jmaev767le] {
        width: 100%;
    }

    .ckeck[b-jmaev767le] {
        width: 100%;
        margin: 10px 0;
        display: flex;
        justify-content: space-between;
    }

    .last[b-jmaev767le] {
        width: 100%;
    }

    .select[b-jmaev767le] {
        width: 100%;
        margin-top: 10px;
    }

    table[b-jmaev767le] {
        min-width: 1200px;
        overflow-x: scroll;
    }

    .Opration[b-jmaev767le] {
        min-width: 1200px;
    }

    .Filtering[b-jmaev767le] {
        width: 100%;
        overflow-x: scroll;
    }

    .ScrollTable[b-jmaev767le] {
        height: 65vh;
        overflow-y: scroll;
    }

    .title-DataGrid[b-jmaev767le] {
        margin: 20px 0;
    }

        .title-DataGrid span[b-jmaev767le] {
            width: 300px;
        }
}