@import url('common-style.css');
:root {
    --primary: #428BCA;
    --primary-800: #24557F;
    --primary-cta: #006CCA;
    --primary-lite: #F1F7FE;
    --table-header-bg: #EFF5FB;
    --table-hover: #F7FAFD;
    --table-footer-bg: #ececec;
    --footable-bg: #F9F9F9;
    --secondary: #B30001;
    --secondary-800: #24557F;
    --positive: #197622;
    --negative: #D83737;
    --black: #202020;
    --white: #fff;
    --body: #666666;
    --body-hover: #3D3D3D;
    --stroke: #DADADA;
    --bg: #F2F2F2;
    --header-bg: #141414;
    --black-hover: #292929;
    --input-bg: #F9FAFB;
}

body {
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 13px;
    color: var(--body);
    background-color: var(--bg);
}

/* Common Css */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

a {
    display: inline-block;
    text-decoration: none;
    color: var(--body);
}

.no_style {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bttn {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: normal;
    background-color: transparent;
    text-align: center;
    font-weight: bold;
    color: var(--white);
    padding: 9px 16px;
}

.cta_primary {
    border-radius: 4px;
    background-color: var(--primary-cta);
}

.mw-0 {
    min-width: 0;
}

.more {
    padding-right: 16px;
    color: var(--primary);
    position: relative;
    font-weight: bold;
}

    .more::before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        height: 12px;
        width: 12px;
        background-image: url('data:image/svg+xml,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg" style=" color: %23576433;"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg>');
    }

.text_positive {
    color: var(--positive) !important;
}

.text_negative {
    color: var(--negative) !important;
}

.common-select {
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
    width: fit-content;
    transition: all 0.1s ease-in-out;
}

    .common-select::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 8L12.5 0H0.5L6.5 8Z" fill="%23999999"/></svg>');
        background-size: 100% 100%;
        width: 12px;
        height: 8px;
        right: 10px;
        top: 50%;
        pointer-events: none;
        transform: translate(0, -50%);
        transition: all 0.1s ease-in-out;
    }

    .common-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        background-color: transparent;
        padding: 8px 12px;
        padding-right: 30px;
        font-size: 14px;
        color: var(--body-text);
        line-height: normal;
        border: 0;
        outline: 0;
        transition: all 0.1s ease-in-out;
    }

    .common-select.w-100,
    .common-select.w-100 select {
        width: 100%;
    }

/* Common Table */

.common_table .table {
    margin: 0;
}

.common_table tbody tr {
    border-bottom: 1px solid var(--stroke);
}

    .common_table tbody tr:hover td {
        background-color: var(--table-hover);
    }

.common_table thead th,
.common_table tbody td {
    border: 0 !important;
    padding: 7px 12px;
    padding-right: 30px!important;
    vertical-align: middle;
    text-align: end !important;
    color: var(--body);
    background-color: transparent;
    border:1px solid var(--stroke) !important;
}

.common_table thead th {
    background-color: var(--table-header-bg);
    font-weight: normal;
    white-space: nowrap
}

    .common_table thead th:first-child,
    .common_table tbody td:first-child {
        border-left: 0;
        text-align: start !important;
    }

/* Only Border bottom table */
.common_table.border-bottom-only thead th,
.common_table.border-bottom-only tbody td {
    border: 0;
}

.common_table.border-bottom-only tbody td {
    border: 0;
    border-bottom: 1px solid var(--border);
}

.common_table .color_box_wrapper {
    display: flex;
    align-items: center;
    color: var(--black);
    font-weight: bold;
    white-space: nowrap;
}

.common_table .color_box {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-color: var(--primary);
    margin-right: 12px;
}

/* Footable */
.common_table .breakpoint td.footable-last-visible {
    position: relative;
    padding-right: 44px !important;
}
/* .common_table table>tbody>tr>td>span.footable-toggle.last-column */
.common_table .footable-toggle.last-column {
    margin: 0;
    margin-left: 8px;
    float: right;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    opacity: 1;
}

.common_table .fooicon-plus:before, .common_table .fooicon-minus:before {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM17 13H13V17H11V13H7V11H11V7H13V11H17V13Z" fill="%232D6A9F"/></svg>');
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.common_table .fooicon-minus:before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 12C1.5 9.21523 2.60625 6.54451 4.57538 4.57538C6.54451 2.60625 9.21523 1.5 12 1.5C14.7848 1.5 17.4555 2.60625 19.4246 4.57538C21.3938 6.54451 22.5 9.21523 22.5 12C22.5 14.7848 21.3938 17.4555 19.4246 19.4246C17.4555 21.3938 14.7848 22.5 12 22.5C9.21523 22.5 6.54451 21.3938 4.57538 19.4246C2.60625 17.4555 1.5 14.7848 1.5 12ZM7.5 11.25C7.30109 11.25 7.11032 11.329 6.96967 11.4697C6.82902 11.6103 6.75 11.8011 6.75 12C6.75 12.1989 6.82902 12.3897 6.96967 12.5303C7.11032 12.671 7.30109 12.75 7.5 12.75H16.5C16.6989 12.75 16.8897 12.671 17.0303 12.5303C17.171 12.3897 17.25 12.1989 17.25 12C17.25 11.8011 17.171 11.6103 17.0303 11.4697C16.8897 11.329 16.6989 11.25 16.5 11.25H7.5Z" fill="%232D6A9F"/></svg>');
}

.common_table .footable-detail-row {
    border: 0;
    background-color: var(--footable-bg);
}

.common_table tbody tr[data-expanded="true"] {
    border-bottom: 0;
}

    .common_table tbody tr[data-expanded="true"] td {
        background-color: var(--footable-bg);
    }

.common_table tbody .footable-detail-row tr {
    border-bottom: 0;
}

.common_table .footable-detail-row th {
    border: 0 !important;
    border-bottom: 0;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
}

.footable-detail-row tbody {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.common_table .footable-detail-row tbody th, .common_table .footable-detail-row tbody td {
    padding: 0 !important;
    text-align: center !important;
    width: 100%;
    background-color: var(--white) !important;
}

.common_table .footable-detail-row tbody th {
    font-weight: normal;
    margin-bottom: 7px;
}

.common_table .footable-detail-row tbody td {
    font-weight: bold;
}

    .common_table .footable-detail-row tbody th br, .common_table .footable-detail-row tbody td br {
        display: none;
    }

.common_table .footable-detail-row tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--stroke) !important;
    padding: 14px;
    border-radius: 4px;
}
/*.common_table .fooicon-loader:before {
  content: "";
}*/







/* Stock Css */

.stock {
    position: relative;
    padding-left: 16px;
    color: var(--positive) !important;
}

    .stock::before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        height: 6px;
        width: 12px;
        background-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 0.399988L0 6.79999H12L6 0.399988Z" fill="%23197622"/></svg>');
    }

    .stock.low {
        color: var(--negative) !important;
    }

        .stock.low::before {
            background-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 6.60001L0 0.200012H12L6 6.60001Z" fill="%23D83737"/></svg>');
        }





/* Header */

.common_header {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background-color: var(--header-bg);
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

    .common_header > div:last-child {
        display: flex;
        align-items: center;
    }

    .common_header .logout {
        padding: 10px 20px;
        background-color: var(--black-hover);
        height: 100%;
        display: grid;
        place-items: center;
        margin-left: 18px;
    }

        .common_header .logout .bttn {
            padding: 0;
        }

    .common_header .user_details {
        display: flex;
        align-items: center;
    }

        .common_header .user_details p:first-child {
            margin-right: 44px;
            position: relative;
        }

            .common_header .user_details p:first-child::before {
                content: "";
                position: absolute;
                height: 18px;
                width: 2px;
                background-color: rgba(255, 255, 255, 0.20);
                top: 1px;
                right: -22px;
            }

        .common_header .user_details p {
            color: #A3A3A3;
            font-weight: bold;
        }

            .common_header .user_details p span {
                color: var(--white);
                display: inline-block;
                margin-left: 3px;
            }

/* Footer */

.common_footer {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--header-bg);
    z-index: 10;
    display: none;
}

    .common_footer ul {
        display: grid;
        grid-template-columns: repeat(5, auto);
    }

        .common_footer ul li {
            text-align: center;
        }

            .common_footer ul li a {
                color: var(--white);
                padding: 12px 5px;
                width: 100%;
            }

                .common_footer ul li a.active {
                    color: var(--white);
                    padding: 12px 5px;
                    width: 100%;
                    background-color: var(--secondary);
                }


/* Main Box Css */

.main_box {
    margin: 10px 0px;
    box-shadow: 0px 3px 11px 1px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    background: var(--white);
    border: 1px solid #CECECE;
    overflow: hidden;
    background-color: var(--white);
}

.main_boxdisclaimer {
    margin: 10px 12px;
    box-shadow: 0px 3px 11px 1px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background: var(--white);
    border: 1px solid #CECECE;
    overflow: hidden;
    background-color: var(--white);
    /*margin-left: 15px;
    text-align: justify;
    margin-top: 10px;*/
}
    .main_boxdisclaimer p:nth-child(1) {
        font-size: 15px;
        font-weight: bold;
        color: var(--black);
        margin-left: 15px;
        text-align: justify;
        margin-top: 10px;
    }
    .main_boxdisclaimer p:nth-child(2) {
       
        margin-left: 15px;
       
        margin-top: 10px;
    }
    .main_box > .head {
        background-color: var(--header-bg);
        padding: 0px 24px;
    }

        .main_box > .head ul {
            display: flex;
        }

            .main_box > .head ul li a {
                padding: 10px;
                color: var(--white);
            }

                .main_box > .head ul li a:hover {
                    background-color: var(--black-hover);
                }

                .main_box > .head ul li a.active {
                    background-color: var(--secondary);
                    font-weight: 500;
                }

    .main_box > .sub_head_wrapper > .sub_head {
        border-bottom: 1px solid var(--stroke);
    }

        .main_box > .sub_head_wrapper > .sub_head ul {
            display: flex;
            justify-content: center;
            overflow-x: auto;
        }

            .main_box > .sub_head_wrapper > .sub_head ul li {
                padding: 10px 0px;
            }

                .main_box > .sub_head_wrapper > .sub_head ul li a {
                    border-right: 1px dotted var(--stroke);
                    padding: 0px 12px;
                    font-weight: 500;
                    white-space: nowrap;
                    cursor: pointer;
                }

                .main_box > .sub_head_wrapper > .sub_head ul li:last-child a {
                    border-right: 0;
                }

                .main_box > .sub_head_wrapper > .sub_head ul li:hover a {
                    color: var(--body-hover);
                }

                .main_box > .sub_head_wrapper > .sub_head ul li:has(a.active) {
                    border-bottom: 1px solid var(--primary-800);
                }

                .main_box > .sub_head_wrapper > .sub_head ul li a.active {
                    color: var(--primary-800);
                }

    .main_box > .body {
        padding: 16px;
    }

    .main_box .body_head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px;
    }

        .main_box .body_head h1 {
            font-size: 24px;
            font-weight: bold;
            color: var(--black);
        }

.trading_box {
    padding: 15px 8px;
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    background-color: var(--white);
}

    .trading_box ul {
        display: grid;
        grid-template-columns: repeat(5, auto);
    }

        .trading_box ul li {
            padding: 0px 20px;
            border-right: 1px dotted var(--body);
        }

            .trading_box ul li:last-child {
                border-right: 0;
            }

    .trading_box h6 {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .trading_box h5 {
        font-size: 20px;
        font-weight: bold;
        color: var(--black);
    }



.dashboard {
    margin-top: 20px;
    display: flex;
}

    .dashboard .chart_container {
        flex: 0.8;
        min-width: 220px;
    }

    .dashboard .table_container {
        flex: 2.5;
        margin-left: 24px;
    }

    .dashboard .details_container {
        flex: 1.1;
        margin-left: 24px;
        min-width: 305px;
    }

    .dashboard h3 {
        font-size: 16px;
        color: var(--black);
        font-weight: bold;
    }

    .dashboard .chart_container .chart_box {
        text-align: center;
        margin-bottom: 10px;
        background: var(--white);
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
        border-radius: 15px;
        padding: 14px 22px;
    }

        .dashboard .chart_container .chart_box:last-child {
            margin-bottom: 0px;
        }

        .dashboard .chart_container .chart_box h3 {
            margin-bottom: 16px;
        }

    .dashboard .details_container .details_box {
        background: var(--white);
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
        border-radius: 15px;
        padding: 14px;
        margin-bottom: 14px;
        min-width: 0;
        position: relative;
    }

        .dashboard .details_container .details_box .more {
            position: absolute;
            top: 14px;
            right: 14px;
        }

        .dashboard .details_container .details_box h3 {
            margin-bottom: 12px;
        }

        .dashboard .details_container .details_box:last-child {
            margin-bottom: 0;
        }

    .dashboard .details_container .details {
        display: flex;
        align-items: end;
        justify-content: space-between;
    }

        .dashboard .details_container .details > div:first-child {
            margin-right: 12px;
        }

        .dashboard .details_container .details > div:last-child {
            text-align: right;
        }

        .dashboard .details_container .details > div p:nth-child(2) {
            color: var(--black);
        }

.upcoming_ipo_slider li h6 {
    font-size: 14px;
    font-weight: bold;
    color: var(--primary);
    padding-bottom: 9px;
    border-bottom: 1px solid var(--stroke);
    text-align: center;
    margin-bottom: 9px;
}

.upcoming_ipo_slider li > div {
    display: flex;
    justify-content: space-between;
    position: relative;
}

    .upcoming_ipo_slider li > div::before {
        content: "";
        position: absolute;
        height: 80%;
        width: 1px;
        background-color: var(--stroke);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .upcoming_ipo_slider li > div > div > div:first-child {
        margin-bottom: 7px;
    }

    .upcoming_ipo_slider li > div > div:last-child {
        text-align: right;
    }

.upcoming_ipo_slider li b {
    display: inline-block;
    color: var(--black);
    margin-top: 3px;
}

.upcoming_ipo_slider .slick-arrow {
    top: 10px;
    background-color: #FFE8BE;
    border-radius: 50%;
    z-index: 1;
}

    .upcoming_ipo_slider .slick-arrow::before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 12px;
        width: 12px;
        background-image: url('data:image/svg+xml,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg" style=" color: %23576433;"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg>');
    }

.upcoming_ipo_slider .slick-prev {
    left: 0;
}

.upcoming_ipo_slider .slick-next {
    right: 0;
}

.upcoming_ipo_slider .slick-prev::before {
    right: 0;
    transform: translate(-50%, -50%) rotate(180deg);
}

.upcoming_ipo_slider .slick-slide {
    padding: 0px 20px;
}


/* Login Css */

.login_sc {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

    .login_sc .logo_container {
        margin-bottom: 24px;
    }

.login_form {
    max-width: 490px;
    margin: 0 auto;
}

.common_form {
    background-color: var(--white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    padding: 33px 44px;
}

    .common_form h3 {
        font-size: 24px;
        color: var(--black);
        font-weight: 500;
        margin-bottom: 30px;
    }

    .common_form .form_grid_container {
        display: grid;
        gap: 14px;
    }

    .common_form .forgot {
        display: block;
        margin-top: 24px;
    }

    .common_form .bttn {
        width: 100%;
        margin-top: 24px;
    }

.input_wrapper input[type=text], .input_wrapper input[type=password], .input_wrapper textarea {
    border: 0;
    outline: 0;
    background-color: transparent;
    background-color: var(--input-bg);
    border: 1px solid var(--stroke);
    border-radius: 8px;
    width: 100%;
    padding: 14px 20px;
}
/* .input_wrapper input:hover {
  border: 1px solid var(--primary);
}
.input_wrapper input.error {
  border: 1px solid var(--secondary);
}
.input_wrapper input.error::placeholder{
  color: var(--secondary);
} */

.login_sc .links {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}

    .login_sc .links a {
        margin-right: 24px;
        position: relative;
    }

        .login_sc .links a.active {
            color: var(--primary-cta);
        }

        .login_sc .links a::before {
            content: "";
            height: 100%;
            width: 1px;
            background-color: var(--stroke);
            position: absolute;
            top: 0;
            right: -12px;
        }

    .login_sc .links li:last-child a {
        margin-right: 0;
    }

        .login_sc .links li:last-child a::before {
            display: none;
        }
/* Media Queries mmqq*/


@media (max-width:1320px) {

    .dashboard .table_container,
    .dashboard .details_container {
        margin-left: 14px;
    }

    .trading_box ul li {
        padding: 0px 14px;
    }

    .trading_box h5 {
        font-size: 18px;
    }

    .main_box > .sub_head ul li a {
        padding: 0px 10px;
    }
    .main_box > .sub_head_wrapper > .sub_head ul {
        justify-content: flex-start;
    }
}

@media (max-width:1199px) {
    .main_box > .body {
        padding: 16px 12px;
    }

    .sub_head_wrapper .transection_bttns {
        padding: 0px 12px;
    }

    .trading_box ul li {
        padding: 0px 10px;
    }

    .trading_box h5 {
        font-size: 17px;
    }

    .main_box .body_head h1 {
        font-size: 22px;
    }
}

@media (max-width:1024px) {
    .main_box {
        margin: 14px 0px;
    }

    .trading_box h5 {
        font-size: 16px;
    }
}

@media (max-width:991px) {
    .main_box > .sub_head ul {
        justify-content: start;
    }

    .dashboard {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .dashboard .details_container {
            grid-column: 1 / 3;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-left: 0;
            margin-top: 16px;
        }

            .dashboard .details_container .details_box {
                margin-bottom: 0;
            }

    .trading_box ul {
        grid-template-columns: repeat(6, 1fr);
        gap: 14px;
    }

        .trading_box ul li {
            text-align: center;
        }

            .trading_box ul li:nth-child(1) {
                grid-column: 1 / 3;
            }

            .trading_box ul li:nth-child(2) {
                grid-column: 3 / 5;
            }

            .trading_box ul li:nth-child(3) {
                grid-column: 5 / 7;
                border-right: 0;
            }

            .trading_box ul li:nth-child(4) {
                grid-column: 1 / 4;
            }

            .trading_box ul li:nth-child(5) {
                grid-column: 4 / 7;
            }

    /* Login Css */
    .login_sc .links {
        margin-bottom: 50px;
    }
}

@media (max-width:767px) {
    .main_box > .head {
        display: none;
    }

    .common_footer {
        display: block;
    }

    .common_header .user_details {
        flex-direction: column;
        align-items: end;
    }

        .common_header .user_details p:first-child {
            margin-right: 0;
            margin-bottom: 5px;
        }

            .common_header .user_details p:first-child::before {
                display: none;
            }

    .trading_box ul {
        grid-template-columns: repeat(2, 1fr);
    }

        .trading_box ul li {
            border: 0;
        }

            .trading_box ul li:nth-child(odd) {
                grid-column: 1 / 2;
                border-right: 1px dotted var(--body);
            }

            .trading_box ul li:nth-child(even) {
                grid-column: 2 / 3;
            }

            .trading_box ul li:last-child {
                grid-column: 1 / 3;
                border-right: 0;
            }

    .main_box .body_head h1 {
        font-size: 20px;
    }

    .dashboard {
        display: block;
    }

        .dashboard .table_container {
            margin-left: 0;
            margin-top: 16px;
        }

        .dashboard .chart_container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

            .dashboard .chart_container .chart_box {
                margin-bottom: 0px;
            }

        .dashboard .details_container {
            grid-template-columns: repeat(1, 1fr);
            gap: 14px;
        }
}

@media (max-width:575px) {

    .dashboard .details_container,
    .dashboard .chart_container {
        min-width: unset;
    }

    .main_box .body_head h1 {
        font-size: 18px;
    }

    .trading_box ul {
        display: block;
    }

        .trading_box ul li {
            padding: 0;
            border-right: 0 !important;
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            justify-content: space-between;
            padding-bottom: 10px;
            border-bottom: 1px dotted var(--stroke);
        }

            .trading_box ul li:last-child {
                margin-bottom: 0;
                border: 0;
                padding: 0;
            }

            .trading_box ul li h6 {
                padding-right: 10px;
                flex: 1;
                text-align: left;
                margin-bottom: 0;
            }

            .trading_box ul li h5 {
                flex: 1.5;
                text-align: right;
            }

    .trading_box h5 {
        font-size: 14px;
    }

    /* Login Css */
    .common_form {
        padding: 26px 24px;
    }

    .login_sc .links {
        margin-bottom: 30px;
    }

    .DivLeftAliment {
        display: block !important;
    }

    .DivBottAlimentFix {
        float: left !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width:479px) {

    .common_header .logout {
        padding: 10px 13px;
        margin-left: 10px;
    }

    .common_header .logo_container img {
        width: 80px;
    }

    .dashboard .chart_container .chart_box h3 {
        margin-bottom: 12px;
        font-size: 14px;
    }

    /* Login Css */
    .common_form h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .input_wrapper input[type=text], .input_wrapper input[type=password], .input_wrapper textarea {
        padding: 10px 14px;
    }

    .Gobutton {
        margin-right: 60% !important;
        margin-top: 12px !important;
    }
}

@media (max-width:359px) {
    .common_header .user_details p {
        font-size: 12px;
    }

        .common_header .user_details p:first-child {
            margin-bottom: 2px;
        }

    .SetDorpDownMenu {
        margin-top: 10px;
        width: 90%;
    }

    .DivBottAlimentFix {
        width: 90%;
    }
}

/* Consolidated Holdings */
.BlueText {
    color: #24557F !important;
    cursor: pointer;
}

.Gobutton {
    float: left;
    margin: 2px 10px;
    padding: 4px 17px;
    background: #006CCA;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
}

.SetDorpDownMenu {
    float: left;
    margin-left: 10px;
}

.Equity-img {
    padding: 0 10px 0 0;
}

.SummaryText {
    font-size: 11px;
    color: #666;
}

.TotalCount {
    background: #e0e0e0;
}

    .TotalCount td {
        font-weight: 800;
        color: #000 !important;
    }

.InvestmentHeading {
    background: #B4CCED;
    padding: 5px 0 5px 10px;
    margin: 0;
    width: 100%;
    display: block;
    font-weight: 800;
    color: #000;
}

.tab-active a {
    opacity: 1 !important;
}

.chart_box li {
    list-style-type: none;
}

    .chart_box li a {
        opacity: .5;
    }

@media (max-width:767px) {

    .main_box > .sub_head_wrapper > .sub_head {
        border-bottom: 1px solid var(--stroke);
        width: 100%;
        overflow: auto;
    }

    .main_box > .sub_head_wrapper > .sub_head ul {
        display: inline-flex;
        justify-content: center;
        overflow-x: auto;
        float: left;
        width: 1286px;
        margin: 0;
        padding: 0;
    }
}


@media (max-width:1023px) {

    .main_box > .sub_head_wrapper > .sub_head {
        border-bottom: 1px solid var(--stroke);
        width: 100%;
        overflow: auto;
    }

        .main_box > .sub_head_wrapper > .sub_head ul {
            display: inline-flex;
            justify-content: center;
            overflow-x: auto;
            float: left;
            width: 1286px;
            margin: 0;
            padding: 0;
        }
}



@media (max-width:1439px) {

    .main_box > .sub_head_wrapper > .sub_head {
        border-bottom: 1px solid var(--stroke);
        width: 100%;
        overflow: auto;
    }

        .main_box > .sub_head_wrapper > .sub_head ul {
            display: inline-flex;
            justify-content: center;
            overflow-x: auto;
            float: left;
            width: 1250px;
            margin: 0;
            padding: 0;
        }
}