/*
Portals.css
==================================================================================
Contains styles for all page layouts 
- Side bar 
- Side bar: nested grid
- Main\center pane
- row wraps
- login
----------------------------------------------------------------------------------
*/


/* APP 
--------------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    transform: scale(0.90);
    transform-origin: 0 0;
}
* {
    font-family: 'Inter'!important;
    font-style: normal !important;
}

[type="radio"]:not(:checked), [type="radio"]:checked, [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: relative;
    opacity: 1;
    pointer-events: auto;
}
    select {
    display: block !important
}
.boxField {
    background: #FFFFFF;
    border: 1px solid #54565B;
    border-radius: 4px;
    height: 40px;
    padding-left: 25px;
    padding-right: 15px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
}
hr {
    height: 1px;
    background-color: #C9C9C9;
    border: none;
}
.toggle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0px;
    gap: 12px;
    width: 296px;
    height: auto;
    overflow-y: hidden;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.toggle_options {
    box-sizing: border-box;
    /* Auto layout */
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
    align-items: center;
    padding: 8px 8px 8px 16px;
    gap: 8px;
    width: 150px;
    min-width: 150px;
    height: 40px;
    /* background: #D4E0EC;*/
    border: 1px solid #C9C9C9;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
}

    .toggle_options a {
        width: 150px;
        height: 19px;
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        color: #54565B;
        align-items: center;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
    }
.toggle_options:focus-within {
    background-color: #D4E0EC;
    border-radius: 3px;
}
.toggle_type {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 240px;
    height: 19px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 1;
}

.highlight {
    background-color: #D4E0EC;
    border-radius: 6px;
}
/* Side bar layout
--------------------------------------------------------------------------------- */
.sidebar_SearchBtn_row {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 296px;
    height: 40px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.sidebar_SearchBtn_row_cancelBtn {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    width: 144px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none !important;
    order: 0 !important;
    flex-grow: 1 !important;
    /* Button Text */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 19px;
    color: #278ACA;}

.sidebar_SearchBtn_row_searchBtn {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px !important;
    gap: 8px;
    width: 144px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #278ACA;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none !important;
    order: 1 !important;
    flex-grow: 1 !important;
    /* Button Text */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 19px;
    color: #278ACA;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.sidebar_SearchBtn_row_searchBtn a {
    margin-left:-12px;
    display: block;
    position: relative;
    width:144px;
    height:40px;
}

 .sidebar_SearchBtn_row_searchBtn a span{
        margin-top:10px;
        margin-left:22px;
        display:block;
    }
.sidebar_SearchBtn_row_searchBtn hover {
    background: blue;
    color: #fff
}

.sidebar_SearchResults {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 24px;
    gap: 24px;
    width: 1440px;
    height: 699px;
    */
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 1;
}
/* Sidebar */
.sidebar_parameterPanel {
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 296px;
    height: 675px;
    overflow-y:hidden;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sidebar_search_result_panel_title {
    width: 296px;
    height: 32px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #54565B;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

/* Main Content */
.sidebar_resultPanel {
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 24px;
    gap: 16px;
    width: 1072px;
    height: 699px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1;
}

.sidebar_grid_data tbody {
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: 1044px;
    /* overflow-y: scroll;*/
    overflow-x: hidden;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
}

 .sidebar_grid_data tbody tr {
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px;
        gap: 30px;
        width: 1072px;
        min-width: 296px;
        max-width: 1072px;
        height:auto;
        min-height: 60px;
        background: #FFFFFF;
        border: 1px solid #C9C9C9;
        border-radius: 4px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .sidebar_grid_data tbody tr td {
        /* Auto layout */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        gap: 15px;
        font-size: medium !important;
        width: 325.33px;
        min-width: 172px;
        height: 48px;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 1;
    }

.sidebar_grid_data tbody tr td.Hide { display: none;  }

.sidebar_parameterPanel_lblDateRange { /* Label */
    width: 80px;
    height: 19px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #54565B;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Button Bar */
.sidebar_resultPanel_button_bar {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 0px;
    gap: 16px;
    margin: 0 auto;
    width: 1072px;
    height: 40px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
    background: #FFFFFF;
    border-top: 1px solid #C9C9C9;
}

.sidebar_resultPanel_button_bar_btn {
    /* Action - Primary */
    background: #278ACA !important;
    border-radius: 4px;
    padding: 10px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    /* Button Text */
    width: 160px;
    height: 40px;
    line-height: 19px;
    color: #FFFFFF;
}

.sidebar_resultPanel_button_bar_btn a {
        width: 160px;
        height: 12px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
        display:block;
    }

/* Button Bar Hallow */
.sidebar_resultPanel_button_bar_hollow {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 5px;
    gap: 16px;
    margin: 0 auto;
    width: 1072px;
    height: 40px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;
    background: #FFFFFF;
    border-top: 1px solid #C9C9C9;
}

.sidebar_resultPanel_button_bar_hollow_btn {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 8px 16px;
    margin-top: 20px;
    gap: 8px;
    height: 40px;
    width: 300px;
    background: #FFFFFF;
    border: 1px solid #278ACA;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
}

    .sidebar_resultPanel_button_bar_hollow_btn a {
        height: 12px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #278ACA;
    }

/* Side bar layout - nested rows
--------------------------------------------------------------------------------- */
.sidebar_nestedGrid_data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 1072px;
    height: 708px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    overflow-x: hidden;
    overflow-y: hidden;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1;
}

    .sidebar_nestedGrid_data tbody {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 1072px;
        min-width: 328px;
        max-width: 1072px;
        height: 708px;
        overflow-x: hidden;
        overflow-y: hidden;
        /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 1;
    }

    .sidebar_nestedGrid_data tr {
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 1072px;
        min-width: 328px;
        max-width: 1072px;
        height: 144px;
        background: #FFFFFF;
        border: 1px solid #C9C9C9;
        border-radius: 4px;
        gap: 10px;
        overflow-y: hidden;
        overflow-x: hidden;
        /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

.sidebar_nestedGrid_data_rowHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 24px 0px;
   /* gap: 703px;*/
    width: 1072px;
    height: 72px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.sidebar_nestedGrid_data_rowBody {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
/*    padding: 16px 24px;
*/    gap: 24px;
    width: 1072px;
    height: 72px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.sidebar_nestedGrid_data_rowBody tbody {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
/*    padding: 16px 24px;
*/    gap: 24px;
    width: 1072px;
    height: 72px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

 .sidebar_nestedGrid_data_rowBody tr {
        /* Auto layout */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: flex-start;
        padding: 16px 24px;
        gap: 24px;
        width: 1024px;
/*        height: 40px;
*/        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 1;
    }

/* main/center pane layout
--------------------------------------------------------------------------------- */
.main_pane {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0px;
    gap: 24px;
    width: 1075px;
    height: 716px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1;
}

.main_pane_data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 1075px;
    min-width: 328px;
    max-width: 1075px;
    height: 1824px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

    .main_pane_data tbody {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 1075px;
        min-width: 328px;
        max-width: 1075px;
        height: 1824px;
        font-size: 14px;
        line-height: 17px;
        color: #54565B;
        /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .main_pane_data tbody tr {
            box-sizing: border-box;
            /* Auto layout */
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: flex-start;
            align-content: flex-start;
            padding: 14px;
            row-gap: 24px;
            width: 1075px;
            min-width: 328px;
            max-width: 1075px;
            height: 101px;
            background: #FFFFFF;
            border: 1px solid #C9C9C9;
            border-radius: 4px;
            /* Inside auto layout */
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

    .main_pane_data tbody tr td {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 0px 24px 0px 0px;
                gap: 16px;
                width: 280px;
                height: 36px;
                /* Inside auto layout */
                flex: none;
                order: 0;
                flex-grow: 0;
            }


/* Login layout
--------------------------------------------------------------------------------- */
.account_login {
    position: relative;
    width: 1440px;
    height: 1024px;
    background: #FFFFFF;
}

.account_login_header {
    position: absolute;
    width: 1238px;
    height: 859.62px;
    left: calc(50% - 1238px/2);
    top: calc(50% - 859.62px/2);
    background: #FFFFFF;
    box-shadow: 0px 3.67359px 7.34718px rgba(0, 0, 0, 0.25);
    border-radius: 22.0415px;
}
.account_login_title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    position: absolute;
    width: 1150px;
    height: 24px;
    left: calc(50% - 1150px/2);
    top: calc(50% - 829.62px / 2);}

.family_login_img {
    position: absolute;
    width: 1290px;
    height: 900px;
    left: -55.17px;
    background-image: url("../../images/icons/family_login.svg");
    background-repeat: no-repeat;
    opacity: 0.2;
    overflow-y: hidden;
    overflow-x: hidden;
    top: calc(50% - 859.62px/2);
    border-radius: 22.0415px;
}
.family_login_mask {
    position: absolute;
    width: 938px;
    height: 859.62px;
    left: -55.17px;
    overflow-y: hidden;
    overflow-x: hidden;
    top: calc(50% - 859.62px/2);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    box-shadow: -12px 12px 10px -12px rgba(0,0,0,0.75);
    border-radius: 22.0415px;
}
.family_login {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 48px;
    position: absolute;
    width: 351px;
    height: 451px;
    left: 151px;
}

.family_login .logo_div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0px !important;
    gap: 9.71px !important;
    width: 349.56px !important;
    height: auto !important;
    left: 5px !important;
    margin-bottom: 30px !important;
    /* Inside auto layout */
    flex: none !important;
    order: 0 !important;
    flex-grow: 0 !important;
}

.family_login tbody {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: px;
        width: 351px;
        height: 244px;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

 .family_login tr {
        /* Auto layout */
        display: flex;
        flex-direction: column;
        padding: 0px;
        gap: 8px;
        width: 351px;
        height: 48px;
        font-weight: 500;
        font-size: 16px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0; }

.family_register {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 48px;
    position: absolute;
    width: 348px;
    height: 490px;
    left: 728px;
    top: calc(50% - 490px/2 - 0.5px);
}

    .family_register tbody {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 5px;
        width: 348px;
        height: 248px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .family_register tr {
        display: flex;
        flex-direction: column;
        padding: 0px;
        gap: 8px;
        width: 351px;
        height: 48px;
        font-weight: 500;
        font-size: 16px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
     }

.family_register_img {
    position: absolute;
    width: 950.79px;
    height: 859.62px;
    left: calc(50% - 1238px/2);
    background-image: url("../../images/icons/family_register.png");
    background-repeat: no-repeat;
    overflow-y: hidden;
    overflow-x: hidden;
    top: calc(50% - 859.62px/2);
    border-radius: 22.0415px;
}

.family_register_mask {
    position: absolute;
    width: 950.79px;
    height: 859.62px;
    left: calc(50% - 1238px/2);
    overflow-y: hidden;
    overflow-x: hidden;
    top: calc(50% - 859.62px/2);
    background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
/* Info Pane
--------------------------------------------------------------------------------- */
.contact_info { /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 1075px;
    height: 510px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}
.contact_type_pane {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 1075px;
    height: 65px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}
.contact_type_pane tbody {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 1075px;
    height: 65px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;}
 .contact_type_pane td {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 236.5px;
        height: 63px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 1;}
.contact_name_pane {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
    width: 1075px;
    height: 63px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;}
.contact_name_pane tbody{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
    width: 1075px;
    height: 63px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}
.contact_name_pane tr{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
    width: 503px;
    height: 63px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;}
.contact_address_pane {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 1075px;
    min-width: 296px;
    height: 136px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}
.contact_address_pane tbody {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 1075px;
    min-width: 296px;
    height: 136px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}
.contact_address_pane tr {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
        width: 860px;
        height: 63px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }
.contact_phoneNum_pane {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 503px;
    height: 221px;
    /* Inside auto layout */
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
}
.contact_phoneNum_pane tbody {
/*    display: flex;
*/    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 503px;
    height: 300px;
    /* Inside auto layout */
    flex: none;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
}
.contact_phoneNum_pane tr {display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
    width: 860px;
    height: 63px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;}

.user_info_pane {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 1392px;
    min-width: 328px;
    max-width: 1392px;
    height: 150px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;}
.user_info_pane_title_row {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 0px;
    gap: 8px;
    margin-bottom:10px;
    width: 860px;
    height: 32px;
    border-bottom: 1px solid #C9C9C9;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #54565B !important;
}
.user_info_pane tbody {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 1075px;
    min-width: 296px;
    height: 136px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}
.user_info_pane tr {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 30px;
        width: 860px;
        /*height: 63px;*/
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

/* Row wrap Pane
--------------------------------------------------------------------------------- */
.row_wrap tbody{
    /* Auto layout */
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0px !important;
    gap: 16px !important;
    width: 1392px !important;
    min-width: 328px !important;
    max-width: 1392px !important;
    height: 756px !important;
    /* overflow-y: scroll!important;*/
    /* Inside auto layout */
    flex: none !important;
    order: 0 !important;
    align-self: stretch !important;
    flex-grow: 1 !important;
}

    .row_wrap tbody tr {
        /* Auto layout */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        padding: 10px;
        gap: 16px;
        width: 1075px;
        box-sizing: border-box;
        border: 1px solid #C9C9C9;
        border-radius: 4px;
        /* height: 64px;*/
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

        .row_wrap tbody tr td {
            /* Auto layout */
            display: flex;
            flex-direction: column ;
            align-items: flex-start;
            padding: 0px;
            gap: 16px !important;
            width: 330px;
            font-weight: 400;
            font-size: 16px;
            /*min-width: 328px !important;
                max-width: 1392px !important;
                height: 112px !important;*/
            /* Inside auto layout */
            flex: none !important;
            order: 3 !important;
            align-self: stretch !important;
            flex-grow: 0 !important;
        }

            .row_wrap tbody tr td a {
                color: #278ACA;
            }