/* Content */

:root {
    --manager-card-odd-margin-right: 0px;
    --manager-card-last-margin-right: 0px;
}

.center-block.in-login {
    max-width: 100vw;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100vh;
}

    .center-block.in-login.fullscreen {
        /*width: calc(100dvw - 60px - 10px);*/
        /*max-width: calc(100dvw - 60px - 10px);*/
        /*height: inherit;*/
        /*margin: 0 0 0 10px;*/
        /*transition: all 0.0s linear;*/
        /*position: fixed;*/
        /*top: 0;*/
        /*left: 60px;*/
        /*width: calc(100dvw - 60px - 20px);*/
        /*height: inherit;*/
        /*margin: 0 10px;*/
        transition: all 0.0s linear;
        margin-left: 60px;
    }

    .center-block.in-login .info {
        display: flex;
        flex-wrap: wrap;
        /*flex-direction: column;*/
        /*align-items: center;*/
        align-items: flex-start;
        padding: 0;
        /*padding-top: 20px;*/
        gap: 30px;
        width: auto;
        height: auto;
        /*overflow-y: auto;*/
    }

        .center-block.in-login .info .listBlock .infoContent .infoContent-3 {
            display: inline-flex;
            height: auto;
            margin: 0 10px;
        }

    .center-block.in-login .render-block .info .dx-texteditor-input-container > input { /* input text */
        font-style: normal;
        font-weight: 800;
        font-size: 18px;
        line-height: 23px;
        /*text-align: center;*/
        letter-spacing: 0.0em;
        color: #333;
        /*padding: 0 5px 0 5px;*/
        padding-left: 12px;
        height: 100%;
    }

    .center-block.in-login .render-block .info .dx-texteditor-input-container .dx-placeholder { /* input text : placeholder */
        font-style: italic;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #646464;
        padding: 0 5px 0 5px;
        height: 25px;
        display: none;
    }

    .center-block.in-login .render-block .info .dx-texteditor-input-container > input::placeholder { /* input text : placeholder */
        font-style: italic;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #646464;
        padding: 0 5px 0 5px;
        height: 25px;
    }

#SearchTextBox,
#SearchBox {
}

    #SearchTextBox .dx-texteditor-container .dx-texteditor-buttons-container .dx-icon.dx-icon-clear,
    #SearchBox .dx-texteditor-container .dx-texteditor-buttons-container .dx-icon.dx-icon-clear {
        padding: 8px 10px 8px 5px;
        font-size: 15px;
        width: 15px;
        height: 15px;
    }

    #SearchTextBox .dx-texteditor-container .dx-texteditor-buttons-container .dx-clear-button-area,
    #SearchBox .dx-texteditor-container .dx-texteditor-buttons-container .dx-clear-button-area {
        width: 29px;
        min-width: 29px;
        right: 0;
    }

#SearchTextBoxButton {
    border: 0;
}

    #SearchTextBoxButton .dx-button-content {
        border: 0;
        padding: 0;
        margin: 0;
        background-color: var(--color-logo-red);
        border-radius: 20px;
        width: 25px;
        height: 25px;
    }

        #SearchTextBoxButton .dx-button-content i {
            width: 15px;
            height: 15px;
            background-color: #FFFFFF;
            margin-bottom: 0px;
        }

.center-block.in-login .render-block {
    display: flex;
    justify-content: center;
    /* margin-top: calc(var(--toolbar-height) + var(--render-block-margin-top)); */
    /* margin-top: calc(var(--toolbar-height)); */
    margin-left: var(--render-block-margin-left);
    margin-right: var(--render-block-margin-right);
    margin-bottom: calc(var(--toolbar-height));
    /*width: 100vw;*/
    width: calc(100vw - 20px);
    /*max-width: 100vw;*/
    max-width: calc(100vw - 20px);
    margin: 0 10px;
    /* height: calc(100vh - var(--toolbar-height) - var(--render-block-margin-top)); */
    /*height: calc(100vh - var(--toolbar-height));*/
    height: 100vh;
    transition: all 0.0s linear;
    flex-grow: 1;
    position: fixed;
    overflow-y: auto;
}

    .center-block.in-login .render-block.fullscreen {
        height: 100vh;
        margin-top: 0;
        min-width: calc(100% - var(--render-block-margin-left) - var(--render-block-margin-right));
        transition: all 0.0s linear;
    }

    .center-block.in-login .render-block .second-top-block {
        width: 100%;
    }

    .center-block.in-login .render-block .content-block {
        flex: 1;
        width: 100vw;
        max-width: 100vw;
        /*height: 100%;*/
        height: auto;
        /*max-height: calc(100vh - var(--toolbar-height));*/
        z-index: 2;
        position: absolute;
        /*overflow-y: auto;*/
        padding-bottom: calc(var(--toolbar-height));
    }

        .center-block.in-login .render-block .content-block .dx-buttongroup {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: flex-start;
            align-content: flex-start;
            padding: 0px;
            gap: 10px;
            width: 1200px;
            height: 624px;
        }

            .center-block.in-login .render-block .content-block .dx-buttongroup .dx-buttongroup-wrapper {
                display: flex;
                flex-flow: row wrap;
            }

        .center-block.in-login .render-block .content-block .buttongroups-container .button:last-child {
            margin-right: 0;
        }

        .center-block.in-login .render-block .content-block .buttongroups-container .button .dx-button-content {
            display: grid;
        }

            .center-block.in-login .render-block .content-block .buttongroups-container .button .dx-button-content .dx-icon {
                width: 70px;
                height: 70px;
            }

            .center-block.in-login .render-block .content-block .buttongroups-container .button .dx-button-content .dx-button-text {
                font-weight: 600;
                font-size: 26px;
                line-height: 33px;
                text-align: center;
                color: #646464;
            }

    .center-block.in-login .render-block .dx-datagrid-header-panel .dx-toolbar-before .dx-toolbar-item {
        -webkit-padding-end: 10px;
        padding-inline-end: 10px;
    }

    .center-block.in-login .render-block .dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-item {
        -webkit-padding-start: 10px;
        padding-inline-start: 10px;
    }