.TemplateSelector {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    .list {
        flex: 0 1 200px;

        /*justify-content: space-around;*/
        /*align-content: space-between;*/

        .flex-list-row {
            cursor: default;

            &:hover {
                background-color: #EDEDED;
            }            

            .actions {
                padding: 5px 0px;
            }


            &.selected {
                background-color: #FFFFFF;

                .actions {
                    button {
                        color: #222222;
                        font-weight:bolder;
                    }
                }

                .list-row-data {

                    .main-value {
                        font-weight: bolder;
                    }

                }
            }
        }
    }

    .preview {
        flex: 1 1;
        min-width: 300px;
    }



    .editor-modal {
        display:flex;
        flex-direction: column;
        width:100%;
        height:100%;
        overflow: hidden;

    }


    .selector-modal-canvas {
        width:100%;
        height:100%;
        overflow-y: auto;
    }

    .paper {
        padding:10px;
        background-color: #FFFFFF;
        width:100%;
        max-width:100%;

        > div {
            width:100%;
        }
    }

    .label-fields {
        display: flex;
        flex-wrap: wrap;
        margin-left:-10px;
        margin-right:-10px;

        & > div {
            flex: 1 1 50%;
            padding-left:10px;
            padding-right:10px;
            margin-bottom: 15px;
        }

        input {
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            color: #464646;
            display: block;
            width: 100%;
            border: 0px;
            border: 1px solid #C2C2C2;
            background-color: #FEFEFF;

            display: block;
            padding: 3px 5px;
            width: 100%;
        }


        .label-hint {
            color: #BCBCBC;
            font-size:14px;
            padding:5px 0px;
        }

    }

}



.selector-modal-canvas {
    width:100%;
    height:100%;
    overflow-y: auto;
}