/* /Views/Account.razor.rz.scp.css */
[b-q1brda504s] .initials {
    width: 200px;
    display: flex;
    border-radius: 50% !important;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 220px;
    font-size: 100px;
    overflow: hidden;
}
[b-q1brda504s] .initials-img {
    width: 220px;
    display: flex;
    border-radius: 50% !important;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 220px;
    font-size: 100px;
    overflow: hidden;
}
.content-account[b-q1brda504s] {
    display: flex;
    flex-direction: row;
}
.card-account[b-q1brda504s] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.card-account-avatar[b-q1brda504s] {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 12px 0px;
    width: 220px;
    height: 220px;
}
.icon-bg-hover[b-q1brda504s] {
    width: 220px;
    height: 220px;
    position: absolute;
    border-radius: 50%;
    background: rgba(0,0,0,0.4);
    display:none;
}
.div-account-button[b-q1brda504s] {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    min-width: 250px;
    max-width: 250px;
}

.card-account-avatar:hover .icon-bg-hover[b-q1brda504s] {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:9;
}
/* /Views/AccountChangeLocation.razor.rz.scp.css */
[b-m9dncwm44o] .initials {
    width: 170px;
    height: 170px;
}
.content-account[b-m9dncwm44o] {
    display: flex;
    flex-direction: row;
}
.card-account[b-m9dncwm44o] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.card-account-body[b-m9dncwm44o] {
    text-align: center;
    display: flex;
    justify-content: center;
}
.div-account-button[b-m9dncwm44o] {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    min-width: 250px;
    max-width: 250px;
}
[b-m9dncwm44o] .field-icon {
    top: -57px;
    z-index: 2;
    position: relative;
    float: right;
    left: -36px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width:0px;
}
.from-group[b-m9dncwm44o] {
    height: auto;
    width: 100%;
    height: 60px;
}
/* /Views/AccountChangePassword.razor.rz.scp.css */
[b-99zri3jrmk] .initials {
    width: 170px;
    height: 170px;
}
.content-account[b-99zri3jrmk] {
    display: flex;
    flex-direction: row;
}
.card-account[b-99zri3jrmk] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.card-account-body[b-99zri3jrmk] {
    text-align: center;
    display: flex;
    justify-content: center;
}
.div-account-button[b-99zri3jrmk] {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    min-width: 250px;
    max-width: 250px;
}
[b-99zri3jrmk] .field-icon {
    top: -57px;
    z-index: 2;
    position: relative;
    float: right;
    left: -36px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width:0px;
}
.from-group[b-99zri3jrmk] {
    height: auto;
    width: 100%;
    height: 60px;
}
/* /Views/AccountForgotPassword.razor.rz.scp.css */

.border-bottom[b-98wpdxsktc] {
    border-bottom: 1px solid #aaa;
    border-color: #ccc;
}

.header-title[b-98wpdxsktc] {
    font-size: 20px;
    line-height: 24px;
    padding: 18px 16px 15px 18px;
}

.box-button[b-98wpdxsktc] {
    font-size: 20px;
    line-height: 24px;
    padding: 18px 16px 15px 18px;
    display: flex;
    justify-content: flex-end;
}

.div-alignment[b-98wpdxsktc] {
    margin-top: 25px;

}

.div-alignment-header[b-98wpdxsktc] {
    font-size: 20px;
    margin: 5px;
}

.div-title[b-98wpdxsktc] {
    font-size: 16px;
} 
.div-box-red[b-98wpdxsktc] {
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
}

.div-box-blue[b-98wpdxsktc] {
    background-color: #d1dbff;
    border: 1px solid #2010dd;
}

.box-title[b-98wpdxsktc] {
    font-weight: bolder;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
    padding-top: 5px;
    padding-left: 12px
}

.box-content[b-98wpdxsktc] {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-left: 12px
}
/* /Views/AccountRegister.razor.rz.scp.css */
[b-synt3k4vpf] .initials {
    width: 170px;
    height: 170px;
}
.content-account[b-synt3k4vpf] {
    display: flex;
    flex-direction: row;
}
.card-account[b-synt3k4vpf] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.card-account-body[b-synt3k4vpf] {
    text-align: center;
    display: flex;
    justify-content: center;
}
.div-account-button[b-synt3k4vpf] {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    min-width: 250px;
    max-width: 250px;
}
[b-synt3k4vpf] .field-icon {
    z-index: 2;
    top: 0px !important;
    position: relative;
    float: right;
    left: -36px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width:0px;
    height:0px
}


/* Bọc input và icon chung */
.input-with-icon[b-synt3k4vpf] {
    display: flex;
    align-items: center;
    position: relative;
    width:100%;
}

    /* Input chiếm hết width */
    .input-with-icon .form-input[b-synt3k4vpf] {
        flex: 1;
        width: 100% !important;
    }

    /* Nút mắt toggle */
    .input-with-icon .field-icon[b-synt3k4vpf] {
        flex: 0 0 auto;
        margin-left: -40px; /* đè chồng vào cuối input */
        top:0px !important;
        background: transparent;
        color: #555;
        width: 32px;
        height: 32px;
        z-index: 2;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        /* Hover effect cho nút */
        .input-with-icon .field-icon:hover[b-synt3k4vpf] {
            color: #000;
        }

.card-body[b-synt3k4vpf] {
    padding: 24px;
}

.form-fields[b-synt3k4vpf] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.form-input[b-synt3k4vpf] {
    height: 40px;
    width: 100%;
}

.input-with-icon[b-synt3k4vpf] {
    position: relative;
    display: flex;
    align-items: center;
}

    .input-with-icon .form-input[b-synt3k4vpf] {
        flex: 1;
    }

    /* mắt toggle nằm trong input, căn giữa dọc */
    .input-with-icon .field-icon[b-synt3k4vpf] {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        color: #555;
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .input-with-icon .field-icon:hover[b-synt3k4vpf] {
            color: #000;
        }

.box-button[b-synt3k4vpf] {
}

.btn-submit[b-synt3k4vpf] {
    width: 100%;
    background: mediumblue;
    color: white;
}


.border-bottom[b-synt3k4vpf] {
    border-bottom: 1px solid #aaa;
    border-color: #ccc;
}

.header-title[b-synt3k4vpf] {
    font-size: 20px;
    line-height: 24px;
    padding: 18px 16px 15px 18px;
}

.box-button[b-synt3k4vpf] {
    font-size: 20px;
    line-height: 24px;
    padding: 18px 16px 15px 18px;
    display: flex;
    justify-content: flex-end;
}

.div-alignment[b-synt3k4vpf] {
    margin-top: 25px;
}

.div-alignment-header[b-synt3k4vpf] {
    font-size: 20px;
    margin: 5px;
}

.div-title[b-synt3k4vpf] {
    font-size: 16px;
}

.div-box-red[b-synt3k4vpf] {
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
}

.div-box-blue[b-synt3k4vpf] {
    background-color: #d1dbff;
    border: 1px solid #2010dd;
}

.box-title[b-synt3k4vpf] {
    font-weight: bolder;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
    padding-top: 5px;
    padding-left: 12px
}

.box-content[b-synt3k4vpf] {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-left: 12px
}

/* /Views/AccountResetPassword.razor.rz.scp.css */

.border-bottom[b-q24lla576o] {
    border-bottom: 1px solid #aaa;
    border-color: #ccc;
}

.header-title[b-q24lla576o] {
    font-size: 20px;
    line-height: 24px;
    padding: 18px 16px 15px 18px;
}

.box-button[b-q24lla576o] {
    font-size: 20px;
    line-height: 24px;
    padding: 18px 16px 15px 18px;
    display: flex;
    justify-content: flex-end;
}

.div-alignment[b-q24lla576o] {
    margin: 5px;
}

.div-alignment-header[b-q24lla576o] {
    font-size: 20px;
    margin: 5px;
}

.div-title[b-q24lla576o] {
    font-size: 16px;
    white-space: inherit;
    text-align: -webkit-match-parent;
}

.div-box-red[b-q24lla576o] {
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
}

.box-title[b-q24lla576o] {
    font-weight: bolder;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
    padding-top: 5px;
    padding-left: 12px
}

.box-content[b-q24lla576o] {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-left: 12px
}

/* /Views/Administration.razor.rz.scp.css */

[b-dzzy1etuup] .wide {
    width: 100%;
}

[b-dzzy1etuup] .mdc-card__media {
    background-size: contain;
}

/* fix for mat textarea layout */
[b-dzzy1etuup] .mdc-text-field__icon {
    margin-top: 8px;
    align-self: baseline;
}

[b-dzzy1etuup] .mat-file-upload {
    padding: 4px;
    margin: 20px;
}
.content-admin[b-dzzy1etuup] {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    word-break: break-all;
}
.card-admin[b-dzzy1etuup] {
    display: flex;
    flex-direction: column;
    width: 100%;
   
}
.group-text-button[b-dzzy1etuup] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.div-edit-button[b-dzzy1etuup] {
    display: flex;
    flex-direction: column;   
    white-space: nowrap;
   margin-top: 52px
}
/* /Views/ConfirmDialog.razor.rz.scp.css */
/* /Views/CreateAccount.razor.rz.scp.css */
[b-czr14y1skg] .initials {
    width: 170px;
    height: 170px;
}
.content-account[b-czr14y1skg] {
    display: flex;
    flex-direction: row;
}
.card-account[b-czr14y1skg] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.card-account-body[b-czr14y1skg] {
    text-align: center;
    display: flex;
    justify-content: center;
}
.div-account-button[b-czr14y1skg] {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    min-width: 250px;
    max-width: 250px;
}
[b-czr14y1skg] .field-icon {
    top: -57px;
    z-index: 2;
    position: relative;
    float: right;
    left: -36px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width:0px;
}
.from-group[b-czr14y1skg] {
    height: 60px;
}
/* /Views/CreateReport.razor.rz.scp.css */
hr[b-n42xbex3ul] {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.modal-create-report[b-n42xbex3ul] {
    display: flex;
    flex-direction: column;
    width: 848px;
}

.modal-content[b-n42xbex3ul] {
    display: flex;
    flex-direction: row;
}

.mat-card[b-n42xbex3ul] {
    width: 700px;
    max-width: 100%;
    max-height: 100%;
}

.mdc-select__menu[b-n42xbex3ul] {
    max-height: 300px !important;
    overflow: auto;
    width: 300px;
    position: fixed !important;
}
 [b-n42xbex3ul] .text-desc {
    height: 150px;
    width: 100%;
}
/* /Views/IncidentTypeCreate.razor.rz.scp.css */
[b-zpuwfjvj7c] .field-icon {
    top: -57px;
    z-index: 2;
    position: relative;
    float: right;
    left: -36px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}

.from-group[b-zpuwfjvj7c] {
    margin-right: 7px;
    width: 70%;
    height: 60px;
}
/* /Views/IncidentTypeEdit.razor.rz.scp.css */
[b-3hikgzoln2] .field-icon {
    top: -57px;
    z-index: 2;
    position: relative;
    float: right;
    left: -36px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}

.from-group[b-3hikgzoln2] {
    margin-right: 7px;
    width: 70%;
    height: 60px;
}
/* /Views/InsightSettings.razor.rz.scp.css */
[b-xvn9wxn3g0] .group-colour {
    display: flex;
    flex-direction: row;
    column-gap: 12px
}
.group-field-colour[b-xvn9wxn3g0] {
    flex: 1;
}
.input-colour[b-xvn9wxn3g0] {
    border: none;
    margin-bottom: 8px;
    width:100%
}
.div-field-address[b-xvn9wxn3g0] {
    display: flex;
    flex-direction: row;
}
.input-text-address[b-xvn9wxn3g0] {
    width: 100% !important;
    height: 140px !important;
    flex: 6 !important;
}
@media screen and (max-width: 848px) {
    .div-direction-row[b-xvn9wxn3g0] {
        flex-direction: column !important;
    }
}

[b-xvn9wxn3g0] .widget-management-header {
    display: flex;
justify-content:space-between
}

.e-panel-header[b-xvn9wxn3g0] {
    padding: 8px 0 8px 18px;
}

.widget-management[b-xvn9wxn3g0] {
    display: flex;
    justify-content:space-between;
    align-items:center
}

[b-xvn9wxn3g0] .field-icon {
    top: 0px;
    z-index: 2;
    position: relative;
    float: right;
    left: -28px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}
/* /Views/IntegrationSettings.razor.rz.scp.css */
.group-colour[b-bkpp6cbvpb] {
    display: flex;
    flex-direction: row;
    column-gap:12px
}
.group-field-colour[b-bkpp6cbvpb] {
    flex: 1;
}
.input-colour[b-bkpp6cbvpb] {
    border: none;
    margin-bottom: 8px;
    width:100%
}
.div-field-address[b-bkpp6cbvpb] {
    display: flex;
    flex-direction: row;
}
.input-text-address[b-bkpp6cbvpb] {
    width: 100% !important;
    height: 140px !important;
    flex: 6 !important;
}
@media screen and (max-width: 848px) {
    .div-direction-row[b-bkpp6cbvpb] {
        flex-direction: column !important;
    }
}

[b-bkpp6cbvpb] .field-icon {
    top: 0px;
    z-index: 2;
    position: relative;
    float: right;
    left: -28px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}
/* /Views/Loading.razor.rz.scp.css */
.spinner[b-gcrstvxchg] {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator-b-gcrstvxchg 1.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotator-b-gcrstvxchg {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.spinnerpath[b-gcrstvxchg] {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash-b-gcrstvxchg 1.4s ease-in-out infinite, colors-b-gcrstvxchg 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {
        stroke: #4285F4;
    }

    100% {
        stroke: #4285F4;
    }
}

@keyframes colors-b-gcrstvxchg {
    0% {
        stroke: #4285F4;
    }

    100% {
        stroke: #4285F4;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes dash-b-gcrstvxchg {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}
/* /Views/Login.razor.rz.scp.css */
.register-section[b-ouszy72m8q] {
    padding-top: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.text-muted[b-ouszy72m8q] {
    color: #666;
}

.link-register[b-ouszy72m8q] {
    color: mediumblue;
    font-weight: 500;
    text-decoration: none;
}

    .link-register:hover[b-ouszy72m8q] {
        text-decoration: underline;
    }
/* /Views/MyCouncilSettings.razor.rz.scp.css */
[b-hs0vnsa558] .group-colour {
    display: flex;
    flex-direction: row;
    column-gap: 12px
}
.group-field-colour[b-hs0vnsa558] {
    flex: 1;
}
.input-colour[b-hs0vnsa558] {
    border: none;
    margin-bottom: 8px;
    width:100%
}
.div-field-address[b-hs0vnsa558] {
    display: flex;
    flex-direction: row;
}
.input-text-address[b-hs0vnsa558] {
    width: 100% !important;
    height: 140px !important;
    flex: 6 !important;
}
@media screen and (max-width: 848px) {
    .div-direction-row[b-hs0vnsa558] {
        flex-direction: column !important;
    }
}

[b-hs0vnsa558] .widget-management-header {
    display: flex;
justify-content:space-between
}

.e-panel-header[b-hs0vnsa558] {
    padding: 8px 0 8px 18px;
}

.widget-management[b-hs0vnsa558] {
    display: flex;
    justify-content:space-between;
    align-items:center
}

[b-hs0vnsa558] .field-icon {
    top: 0px;
    z-index: 2;
    position: relative;
    float: right;
    left: -28px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}
/* /Views/MyCountySettings.razor.rz.scp.css */
[b-0efz808won] .group-colour {
    display: flex;
    flex-direction: row;
    column-gap: 12px
}

.group-field-colour[b-0efz808won] {
    flex: 1;
}

.input-colour[b-0efz808won] {
    border: none;
    margin-bottom: 8px;
    width: 100%
}

.div-field-address[b-0efz808won] {
    display: flex;
    flex-direction: row;
}

.input-text-address[b-0efz808won] {
    width: 100% !important;
    height: 140px !important;
    flex: 6 !important;
}

@media screen and (max-width: 848px) {
    .div-direction-row[b-0efz808won] {
        flex-direction: column !important;
    }
}

[b-0efz808won] .widget-management-header {
    display: flex;
    justify-content: space-between
}

.e-panel-header[b-0efz808won] {
    padding: 8px 0 8px 18px;
}

.widget-management[b-0efz808won] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[b-0efz808won] .field-icon {
    top: 0px;
    z-index: 2;
    position: relative;
    float: right;
    left: -28px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}
/* /Views/NewsCreate.razor.rz.scp.css */
[b-t1qn5m4je8] .mdc-text-field-helper-line {
    margin-bottom: 16px;
}

[b-t1qn5m4je8] .mdc-icon-button {
    padding: 17px;
}

[b-t1qn5m4je8] .material-icons {
    font-size: 17px;
}



/* /Views/NewsDetail.razor.rz.scp.css */
#container[b-rw9kf8bkjg] {
    width: 100%;
}

#floated[b-rw9kf8bkjg] {
    float: left;
    width: 250px;
    margin-right: 10px;
}
/* /Views/NewsUpdate.razor.rz.scp.css */
[b-v0rr5ycrzn] .mdc-text-field-helper-line {
    margin-bottom: 16px;
}

[b-v0rr5ycrzn] .mdc-icon-button {
    padding: 17px;
}

[b-v0rr5ycrzn] .material-icons {
    font-size: 17px;
}

/* /Views/NotificationsCreate.razor.rz.scp.css */
[b-x7wy1q1qbp] .mdc-text-field-helper-line {
    margin-bottom: 16px;
}

[b-x7wy1q1qbp] .mdc-icon-button {
    padding: 17px;
}

[b-x7wy1q1qbp] .material-icons {
    font-size: 17px;
}
.div-direction-row[b-x7wy1q1qbp] {
    flex-wrap: wrap;
}
/* /Views/NotificationsDetail.razor.rz.scp.css */
#container[b-z4tfrlz4c7] {
    width: 100%;
}

#floated[b-z4tfrlz4c7] {
    float: left;
    width: 250px;
    margin-right: 10px;
}
/* /Views/NotificationsUpdate.razor.rz.scp.css */
[b-ikjpy7lt5t] .mdc-text-field-helper-line {
    margin-bottom: 16px;
}

[b-ikjpy7lt5t] .mdc-icon-button {
    padding: 17px;
}

[b-ikjpy7lt5t] .material-icons {
    font-size: 17px;
}
.div-direction-row[b-ikjpy7lt5t] {
    flex-wrap: wrap;
}
/* /Views/OrganisationAdmins.razor.rz.scp.css */
[b-w9xpu693da] .Option {
    opacity: unset !important;
    align-items: center;
    flex-grow: unset;
}

.dropdown-content li[b-w9xpu693da] {
    padding: 0px 10px;
}

.dropdown-content[b-w9xpu693da] {
    white-space: nowrap;
    list-style-type: none;
    top: unset !important;
    right: 12px;
    bottom: unset;
}
/*.mdc-table tr:last-child .dropdown-content {
    top: -38% !important;
}*/
[b-w9xpu693da] p {
    margin: 0px;
}
@media screen and (max-width: 848px) {
    .dropdown-content[b-w9xpu693da] {
        right: 70% !important;
    }
}
.mdc-nav-sub-menu-header[b-w9xpu693da] {
    border-radius: 10px;
    background-color: lightgray;
    color: rgb(0 0 0 / 90%);
}
/* /Views/OrganisationBrand.razor.rz.scp.css */
[b-qsd56in47z] .wide {
    width: 100%;
}
.card-admin[b-qsd56in47z] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
[b-qsd56in47z] .sub-title-branding {
    font-size: 16px !important;
    display: flex !important;
    justify-content: center !important;
}
.div-edit-button[b-qsd56in47z] {
    margin-top: 40px;

}
@media screen and (max-width: 848px) {
    .div-direction-row[b-qsd56in47z] {
        flex-direction: column !important;
    }
}
/* /Views/OrganisationBrandingUpdate.razor.rz.scp.css */
.row-colour[b-7njakckuej] {
    padding-left: 9px !important;
    padding-right: 9px !important;
}
.btn-edit[b-7njakckuej] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.group-colour[b-7njakckuej] {
    display: flex;
}
.modal-branding-update[b-7njakckuej] {
    display: flex;
    flex-direction: column;
    width: 848px;
}
.modal-content[b-7njakckuej] {
    display: flex;
    flex-direction: row;
}
@media screen and (max-width: 848px) {
    .div-direction-row[b-7njakckuej] {
        flex-direction: column !important;
    }
}
/* /Views/OrganisationCreate.razor.rz.scp.css */
.group-colour[b-7e1zzqotw6] {
    display: flex;
    flex-direction: row;
    column-gap:12px
}
.group-field-colour[b-7e1zzqotw6] {
    flex: 1;
}
.input-colour[b-7e1zzqotw6] {
    border: none;
    margin-bottom: 8px;
    width:100%
}
.div-field-address[b-7e1zzqotw6] {
    display: flex;
    flex-direction: row;
}
.input-text-address[b-7e1zzqotw6] {
    width: 100% !important;
    height: 140px !important;
    flex: 6 !important;
}
@media screen and (max-width: 848px) {
    .div-direction-row[b-7e1zzqotw6] {
        flex-direction: column !important;
    }
}

/* /Views/OrganisationDetail.razor.rz.scp.css */
[b-o0ljp4xe9e] .wide {
    width: 100%;
}

.content-admin[b-o0ljp4xe9e] {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    word-break: break-all;
}

.card-admin[b-o0ljp4xe9e] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

[b-o0ljp4xe9e] .sub-title-branding {
    font-size: 16px !important;
    display: flex !important;
    justify-content: center !important;
}

.div-edit-button[b-o0ljp4xe9e] {
    margin-top: 52px;
}
/* /Views/OrganisationInterest.razor.rz.scp.css */
/* /Views/OrganisationLocation.razor.rz.scp.css */
/* /Views/OrganisationPage.razor.rz.scp.css */

[b-4dd9ia1alb] .Option {
    opacity: unset !important;
    align-items: center;
    flex-grow: unset;
}

.dropdown-content li[b-4dd9ia1alb] {
    padding: 0px 10px;
}

.dropdown-content[b-4dd9ia1alb] {
    white-space: nowrap;
    list-style-type: none !important;
    top: unset !important;
    right: 12px;
    bottom: unset;
}


.content-admin[b-4dd9ia1alb] {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    word-break: break-all;
}

.card-admin[b-4dd9ia1alb] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
[b-4dd9ia1alb] #map1 {
    height: 600px !important;
    width: 100% !important;
    border: 1px #d9d9d9 solid;
}
@media screen and (max-width: 848px) {
    [b-4dd9ia1alb] #map1 {
        height: 400px !important;
        width: 100% !important;
    }
}
.content[b-4dd9ia1alb] {
    margin: 6px 0 20px 0;
}
.btn-group-org[b-4dd9ia1alb] {
    margin-top: 6px;
}

.mdc-select__anchor[b-4dd9ia1alb]{
    min-width: 100px !important;
}

.mini .after.mdc-sub-menu-icon[b-4dd9ia1alb], .mini .miniHover[b-4dd9ia1alb] {
    margin-left: 10px;
}
/* /Views/OrganisationRetiredList.razor.rz.scp.css */
.mdc-card__media[b-lljq8lppdl] {
    background-size: contain;
}

.mdc-card__primary-action[b-lljq8lppdl]::before, .mdc-card__primary-action[b-lljq8lppdl]::after {
    position: unset;
}

.modal[b-lljq8lppdl] {
    max-height: 80%;
    max-width: 100%;
    width: 848px;
    margin: auto;
}

.dropdown-content-org[b-lljq8lppdl] {
    top: 33%;
    right: 10px;
}

.Option[b-lljq8lppdl] {
    flex-grow: 1;
    display: flex;
    align-items: start;
    justify-content: flex-end;
    max-width: 64px;
    flex-direction: column-reverse !important;
}

.div-matcard-custom-org[b-lljq8lppdl] {
    display: flex;
    column-gap: 12px;
    word-break: break-all;
    position: relative;
    height: 120px;
    width: auto
}

.div-card-image[b-lljq8lppdl] {
    width: 200px;
    display: flex;
    justify-content: center;
    max-height: 115px;
    padding: 0 30px;
}

.img-size[b-lljq8lppdl] {
    max-width: 100%;
    width: -webkit-fill-available;
    max-height: 100%;
    border-radius: 6px;
}
@media screen and (max-width: 848px) {
    .div-card-image[b-lljq8lppdl] {
        width: 90% !important;
        padding: unset !important;
    }
}
/* /Views/OrganisationSearchOnline.razor.rz.scp.css */
[b-40xzri5078] .group-colour {
    display: flex;
    flex-direction: row;
    column-gap: 12px
}

.group-field-colour[b-40xzri5078] {
    flex: 1;
}

.input-colour[b-40xzri5078] {
    border: none;
    margin-bottom: 8px;
    width: 100%
}

.div-field-address[b-40xzri5078] {
    display: flex;
    flex-direction: row;
}

.input-text-address[b-40xzri5078] {
    width: 100% !important;
    height: 140px !important;
    flex: 6 !important;
}

@media screen and (max-width: 848px) {
    .div-direction-row[b-40xzri5078] {
        flex-direction: column !important;
    }
}

[b-40xzri5078] .widget-management-header {
    display: flex;
    justify-content: space-between
}

.e-panel-header[b-40xzri5078] {
    padding: 8px 0 8px 18px;
}

.widget-management[b-40xzri5078] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[b-40xzri5078] .field-icon {
    top: 0px;
    z-index: 2;
    position: relative;
    float: right;
    left: -28px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}
/* /Views/OrganisationsList.razor.rz.scp.css */
.mdc-card__media[b-l4ct9z1i9v] {
    background-size: contain;
}

.mdc-card__primary-action[b-l4ct9z1i9v]::before, .mdc-card__primary-action[b-l4ct9z1i9v]::after {
    position: unset;
}

.modal[b-l4ct9z1i9v] {
    max-height: 80%;
    max-width: 100%;
    width: 848px;
    margin: auto;
}

.dropdown-content-org[b-l4ct9z1i9v] {
    top: 33%;
    right: 10px;
}
.Option[b-l4ct9z1i9v] {
    flex-grow: 1;
    display: flex;
    align-items: start;
    justify-content: flex-end;
    max-width: 64px;
    flex-direction: column-reverse !important;
}
.div-matcard-custom-org[b-l4ct9z1i9v] {
    display: flex;
    column-gap: 12px;
    word-break: break-all;
    position: relative;
    height: 120px;
    width: auto
}
.div-card-image[b-l4ct9z1i9v] {
    width: 200px;
    display: flex;
    justify-content: center;
    max-height: 115px;
    padding: 0 30px;
}
.img-size[b-l4ct9z1i9v] {
    max-width: 100%;
    width: -webkit-fill-available;
    max-height: 100%;
    border-radius: 6px;
}
@media screen and (max-width: 848px) {
    .div-card-image[b-l4ct9z1i9v] {
        width: 90% !important;
        padding: unset !important;
    }
}
/* /Views/OrganisationsUserList.razor.rz.scp.css */
.mdc-card__media[b-8kouqs0qug] {
    background-size: contain;
}

.mdc-card__primary-action[b-8kouqs0qug]::before, .mdc-card__primary-action[b-8kouqs0qug]::after {
    position: unset;
}

.modal[b-8kouqs0qug] {
    display: flex;
    flex-direction: column-reverse;
    max-height: 80%;
    max-width: 100%;
    width: 848px;
    margin: auto;
}

.dropdown-content-org[b-8kouqs0qug] {
    top: 33%;
    right: 10px;
}

.Option[b-8kouqs0qug] {
    flex-grow: 1;
    display: flex;
    align-items: start;
    justify-content: flex-end;
    max-width: 64px;
    flex-direction: column-reverse !important;
}

.div-matcard-custom-org[b-8kouqs0qug] {
    display: flex;
    column-gap: 12px;
    word-break: break-all;
    position: relative;
    height: 120px;
    width: auto
}

.div-card-image[b-8kouqs0qug] {
    width: 200px;
    display: flex;
    justify-content: center;
    max-height: 115px;
    padding: 0 40px;
}

.img-size[b-8kouqs0qug] {
    max-width: 100%;
    width: -webkit-fill-available;
    max-height: 100%;
    border-radius: 6px;
}
@media screen and (max-width: 848px) {
    .div-card-image[b-8kouqs0qug] {
        width: 90% !important;
        padding: unset !important;
    }
}
/* /Views/Profile/CommunicationFeedback.razor.rz.scp.css */
hr[b-a260qev2el] {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.modal-feedback[b-a260qev2el] {
    display: flex;
    flex-direction: column;
    width: 848px;
}

.modal-content[b-a260qev2el] {
    display: flex;
    flex-direction: row;
}

.mat-card[b-a260qev2el] {
    width: 700px;
    max-width: 100%;
    max-height: 100%;
}

.mdc-select__menu[b-a260qev2el] {
    max-height: 300px !important;
    overflow: auto;
    width: 300px;
    position: fixed !important;
}

[b-a260qev2el] .text-desc-feedback {
    height: 250px;
    width: 100%;
}

/*::deep .mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
    margin-top: 64px !important;
}

::deep .mdc-floating-label {
    white-space: break-spaces;
}

::deep .mdc-floating-label--float-above {
    width: inherit;
}*/
/* /Views/Profile/UploadAvatar.razor.rz.scp.css */
.modal-upload-avatar[b-sdvy0e8axr] {
    display: flex;
    flex-direction: column;
    width: 848px;
    align-items: center;
}
.modal-content[b-sdvy0e8axr] {
    display: flex;
    flex-direction: row;
}
/* /Views/PublishingPortalSetting.razor.rz.scp.css */
[b-5rm5lq82mf] .group-colour {
    display: flex;
    flex-direction: row;
    column-gap: 12px
}
.group-field-colour[b-5rm5lq82mf] {
    flex: 1;
}
.input-colour[b-5rm5lq82mf] {
    border: none;
    margin-bottom: 8px;
    width:100%
}
.div-field-address[b-5rm5lq82mf] {
    display: flex;
    flex-direction: row;
}
.input-text-address[b-5rm5lq82mf] {
    width: 100% !important;
    height: 140px !important;
    flex: 6 !important;
}
@media screen and (max-width: 848px) {
    .div-direction-row[b-5rm5lq82mf] {
        flex-direction: column !important;
    }
}

[b-5rm5lq82mf] .widget-management-header {
    display: flex;
justify-content:space-between
}

.e-panel-header[b-5rm5lq82mf] {
    padding: 8px 0 8px 18px;
}

.widget-management[b-5rm5lq82mf] {
    display: flex;
    justify-content:space-between;
    align-items:center
}

[b-5rm5lq82mf] .field-icon {
    top: 0px;
    z-index: 2;
    position: relative;
    float: right;
    left: -28px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}
/* /Views/Reports.razor.rz.scp.css */
.button-content-user[b-9j5b80tqrd] {
    padding: 0px 0px;
    width: 248px
}
[b-9j5b80tqrd] .field-icon {
    top: 53px;
    z-index: 2;
    position: relative;
    float: right;
    left: -93px;
    background: rgb(255 255 255 / 50%);
    color: white;
    width: 0px;
}
[b-9j5b80tqrd] .mdc-fab .mdc-fab__icon {
    font-size: 60px !important;
}
/* /Views/UsersAdminGlobal.razor.rz.scp.css */
[b-hzsn3w47dk] .Option {
    opacity: unset !important;
    align-items: center;
    flex-grow: unset;
}

.dropdown-content li[b-hzsn3w47dk] {
    padding: 0px 10px;
}

.dropdown-content[b-hzsn3w47dk] {
    white-space: nowrap;
    list-style-type: none;
    top: unset !important;
    right: 12px;
    bottom: unset;
}
/*.mdc-table tr:last-child .dropdown-content {
    top: -38% !important;
}*/
[b-hzsn3w47dk] p {
    margin: 0px;
}
@media screen and (max-width: 848px) {
    .dropdown-content[b-hzsn3w47dk]{
        right: 70% !important;
    }
}
    .mdc-nav-sub-menu-header[b-hzsn3w47dk] {
        border-radius: 10px;
        background-color: lightgray;
        color: rgb(0 0 0 / 90%);
    }
/* /Views/UsersManagement.razor.rz.scp.css */
[b-bdcuf2bebg] .Option {
    opacity: unset !important;
    align-items: center;
    flex-grow: unset;
}
.dropdown-content li[b-bdcuf2bebg] {
    padding: 0px 10px;
}
.dropdown-content[b-bdcuf2bebg] {
    white-space: nowrap;
    list-style-type: none;
    top: unset !important;
    right: 12px;
    bottom: unset;
}
/*.mdc-table tr:last-child .dropdown-content {
    top: -38% !important;
}*/
[b-bdcuf2bebg] p {
    margin: 0px;
}
@media screen and (max-width: 848px) {
    .dropdown-content[b-bdcuf2bebg] {
        right: 70% !important;
    }
}
    .mdc-nav-sub-menu-header[b-bdcuf2bebg] {
        border-radius: 10px;
        background-color: lightgray;
        color: rgb(0 0 0 / 90%);
    }

/* /Views/UsersManagementApprovals.razor.rz.scp.css */
[b-0by2et9fm5] .Option {
    opacity: unset !important;
    align-items: center;
    flex-grow: unset;
}

.dropdown-content li[b-0by2et9fm5] {
    padding: 0px 10px;
}

.dropdown-content[b-0by2et9fm5] {
    white-space: nowrap;
    list-style-type: none;
    top: unset !important;
    right: 12px;
    bottom: unset;
}
/*.mdc-table tr:last-child .dropdown-content {
    top: -38% !important;
}*/
[b-0by2et9fm5] p {
    margin: 0px;
}
@media screen and (max-width: 848px) {
    .dropdown-content[b-0by2et9fm5] {
        right: 70% !important;
    }
}
    .mdc-nav-sub-menu-header[b-0by2et9fm5] {
        border-radius: 10px;
        background-color: lightgray;
        color: rgb(0 0 0 / 90%);
    }
/* /Views/UsersManagementCreate.razor.rz.scp.css */
[b-b4war1xdvu] .field-icon {
    top: -57px;
    z-index: 2;
    position: relative;
    float: right;
    left: -36px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}

.from-group[b-b4war1xdvu] {
    margin-right: 7px;
    width: 70%;
    height: 60px;
}
/* /Views/UsersManagementEdit.razor.rz.scp.css */
[b-9bwereh5ht] .field-icon {
    top: -57px;
    z-index: 2;
    position: relative;
    float: right;
    left: -36px;
    background: rgb(255 255 255 / 50%);
    color: black;
    width: 0px;
}

.from-group[b-9bwereh5ht] {
    margin-right: 7px;
    width: 70%;
    height: 60px;
}