@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.PageContainer[b-67c6q0mvp5] {
    display: grid;
    grid-template-areas: "Navi main";
    grid-template-columns: 153px 1fr;
    grid-template-rows: 1fr;
    grid-gap: 10px;
    height: 100vh;
}

/* .container>div {
            border: 1px dashed #888;
        } */

.main[b-67c6q0mvp5] {
    grid-area: main;
    padding: 5px;
}

.Navi[b-67c6q0mvp5] {
    grid-area: Navi;
    overflow: auto;
    background: white;
    box-shadow: 0px 0px 10px var(--clr-gray200);
    position: fixed;
    top: 0;
}



@media screen and (max-width: 900px) {
    .PageContainer[b-67c6q0mvp5] {
        display: grid;
        grid-template-areas: "main" "Navi";
        grid-template-columns: 100vw;
        grid-template-rows: 1fr 70px;
    }

        .Navi[b-67c6q0mvp5] {
            position: sticky;
            bottom: 0;
        }
}



////////////////////////////////////////////


article[b-67c6q0mvp5] {
    border-radius: 25px 25px 0px 0px;
    background-color: #faf7f7;
}

.page[b-67c6q0mvp5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-67c6q0mvp5] {
    flex: 1;
   
}

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

.top-row[b-67c6q0mvp5] {
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}



@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-67c6q0mvp5] {
        /*display: none;*/
    }

    .top-row.auth[b-67c6q0mvp5] {
        justify-content: space-between;
    }

   
}

@media (min-width: 641px) {
    .page[b-67c6q0mvp5] {
        flex-direction: row;
    }

    .sidebar[b-67c6q0mvp5] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }



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

    .top-row[b-67c6q0mvp5], article[b-67c6q0mvp5] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navigation .list[b-f9het8ibql] {
    background: white;
    padding: 1rem 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.navigation .listItem[b-f9het8ibql] {
    list-style: none;
    text-align: center;
    transition: all 200ms ease-in;
    padding: 5px 5px 5px 5px;
}

    .navigation .listItem .icon i[b-f9het8ibql] {
        font-size: 1.5rem;
    }

[b-f9het8ibql] .navlink {
    color: var(--clr-gray400);
    transition: all 200ms ease-in;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

[b-f9het8ibql] .listItem .active {
    color: #0044a7;
}

[b-f9het8ibql] .listItem:has(.active) {
    background-color: var(--clr-gray200);
    color: #000;
}

@media screen and (max-width: 900px) {
    .navigation .list[b-f9het8ibql] {
        flex-direction: row;
        height: auto;
        bottom: 0;
        justify-content: space-around;
        align-items: center;       
        gap: 0;
        padding:0;
        margin:0;
    }

        .navigation .list .active[b-f9het8ibql] {
            border-radius: var(--radius);
        }
}
/* /Components/NfoGttOrdersItem.razor.rz.scp.css */
.calItem[b-1a3haw2yy6] {
    cursor: pointer;
    margin-right: 1px;
    margin-bottom: 4px;
}

.DTable[b-1a3haw2yy6]{
    font-size:13px;
}
    .DTable>:not(caption)>*>*[b-1a3haw2yy6] {
        padding: 0 !important;
    }
/* /Components/NfoOrdersItem.razor.rz.scp.css */
.calItem[b-lbekfnc9lq] {
    background-color: #d2d5d7;
    cursor: pointer;
    margin-right: 1px;
    margin-bottom: 4px;
}
/* /Components/SearchBox.razor.rz.scp.css */
.stockItem[b-ayx4p8i7kj] {
    width: 10rem;
}
.autocomplete[b-ayx4p8i7kj] {
    position: relative;
}

    .autocomplete .options[b-ayx4p8i7kj] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        border-radius: 0.5rem;
        box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-ayx4p8i7kj] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-ayx4p8i7kj] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-ayx4p8i7kj] {
            background: #1E90FF;
            color: #fff;
        }

        .autocomplete .option.disabled[b-ayx4p8i7kj] {
            background-color: lightgrey;
            cursor: not-allowed;
        }

            .autocomplete .option.disabled:hover[b-ayx4p8i7kj] {
                background: lightgrey;
                color: var(--bs-body);
            }
/* /Components/StockEvents.razor.rz.scp.css */
.EventItem[b-skmx5zgmch] {
    display: flex;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,21%);
    border-radius: 0.25rem;
    cursor: pointer;
}

    .EventItem:hover[b-skmx5zgmch] {
        border: 1px solid rgb(0, 0, 0, 0.41);
    }

.iconbox-45[b-skmx5zgmch] {
    width: 45px;
    height: 45px;
}

.EventItem-body[b-skmx5zgmch] {
    flex: 1;
}

    .EventItem-body a[b-skmx5zgmch] {
        text-decoration: none;
    }

.font-size-12[b-skmx5zgmch] {
    font-size: .75rem;
}


/* /Components/StockLtp.razor.rz.scp.css */
/* /Components/StockNews.razor.rz.scp.css */
.NewItem[b-tc252d9yqd] {
    display: flex;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,21%);
    border-radius: 0.25rem;
    cursor:pointer;
}
    .NewItem:hover[b-tc252d9yqd] {
        border: 1px solid rgb(0, 0, 0, 0.41);
    }
.iconbox-45[b-tc252d9yqd] {
    width: 45px;
    height: 45px;
}
.NewItem-body[b-tc252d9yqd]{
    flex: 1;
}
.NewItem-body a[b-tc252d9yqd]{
     text-decoration:none;
}
.font-size-12[b-tc252d9yqd] {
    font-size: .75rem;
}


.NewItemG[b-tc252d9yqd]{
    display:grid;
}
.NewItemG[b-tc252d9yqd]{

}
.NewsDateG[b-tc252d9yqd]{

}
/* /Components/StockSearchBar.razor.rz.scp.css */
.stockItem[b-r7j33ntsn2] {
    width: 10rem;
}

.autocomplete[b-r7j33ntsn2] {
    position: relative;
}

    .autocomplete .options[b-r7j33ntsn2] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        border-radius: 0.5rem;
        box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-r7j33ntsn2] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-r7j33ntsn2] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-r7j33ntsn2] {
            background: #1E90FF;
            color: #fff;
        }

        .autocomplete .option.disabled[b-r7j33ntsn2] {
            background-color: lightgrey;
            cursor: not-allowed;
        }

            .autocomplete .option.disabled:hover[b-r7j33ntsn2] {
                background: lightgrey;
                color: var(--bs-body);
            }
/* /Components/SwitchR.razor.rz.scp.css */
.swbtn[b-rn2u517q4o] {
    padding-left: 0.475rem;
    padding-right: 0.475rem;
    cursor: pointer;
    border-radius: 0.25rem;
}

.ClassOn[b-rn2u517q4o] {
    background-color: #e9ecef;
    color: #000000;
}
.ClassOff[b-rn2u517q4o] {
    background-color: #565e64;
    color: #ffffff;
}


/* /Components/TemplatedDialog.razor.rz.scp.css */
.dialogbody[b-colka7jw7k] {
    flex-grow: 1;
    padding: 0.5rem 1rem 0.5rem 1rem;
}
/* /Pages/Accounts.razor.rz.scp.css */
.ItemContainer[b-2j3dnvlnbf] {
    display: grid;
    grid-template-columns: .5fr 3fr 1fr;
    gap: 5px;
    grid-auto-flow: row;
    grid-template-areas:
        "Icon ComDetails ApiLoginStd";
}

@media screen and (max-width: 900px) {
    .ItemContainer[b-2j3dnvlnbf] {
        display: grid;
        grid-template-columns: .5fr 1fr;
        grid-template-rows: 1fr .1fr;
        gap: 5px;
        grid-auto-flow: row;
        grid-template-areas:
            "Icon ComDetails"
            "ApiLoginStd ApiLoginStd";
    }
}

.Icon[b-2j3dnvlnbf] {
    grid-area: Icon;
}

.ComDetails[b-2j3dnvlnbf] {
    grid-area: ComDetails;
}

.ApiLoginStd[b-2j3dnvlnbf] {
    grid-area: ApiLoginStd;
    justify-self: stretch;
    align-self: center;
}
/* /Pages/AddNewAccount.razor.rz.scp.css */
/* /Pages/BrokerLogin.razor.rz.scp.css */
/* /Pages/Dashboard.razor.rz.scp.css */
.stockItem[b-or0k6nhfj3] {
    min-width: 135px;
    text-decoration: none;
    cursor: pointer;
}

    .stockItem:hover[b-or0k6nhfj3] {
        background-color: var(--clr-gray200);
    }

[b-or0k6nhfj3] .StockLtpItemName {
    font-size: 1rem !important;
}

[b-or0k6nhfj3] .StockLtpItemLTP {
    font-size: .9rem !important;
}
/* /Pages/LoginTest.razor.rz.scp.css */
.bg-login-image[b-fu1kry1bm5] {
    background: url(../img/Data_security_01.jpg);
    background-position: center;
    background-size: cover;
}
/* /Pages/MyCart.razor.rz.scp.css */
.CartContainer[b-2ei6uneuot] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 100px;
    grid-auto-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "TopPart"
        "BottomPart";
    height: 100%;
}

.TopPart[b-2ei6uneuot] {
    grid-area: TopPart;
    background-color: rebeccapurple;
    padding: 10px;
}

.BottomPart[b-2ei6uneuot] {
    grid-area: BottomPart;
    background-color: red;
    padding: 10px;
}
/* /Pages/StockDetails.razor.rz.scp.css */
.StockDetailsContener[b-zejb36p4iz] {
    display: grid; 
    height:100%;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr .5fr;
    grid-auto-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "TopPart"
        "BottomPart";
}

.BottomPart[b-zejb36p4iz] {
    grid-area: BottomPart;
}

.TopPart[b-zejb36p4iz] {
    grid-area: TopPart;
}

.BottomPart[b-zejb36p4iz] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 9px;
}