﻿form.formNew {
    all: unset;
    border: none;
    width: inherit;
}

    form.formNew > .titre {
        display: block;
        color: #145992;
        font-size: 16px;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
    }

.formDialog {
    display: table;
    width: inherit;
    table-layout: fixed;
    border-spacing: 5px;
    width:90%;
}

    .formDialog > .row {
        display: table-row;
        margin-bottom: 10px;
        width: inherit;
    }

    .formDialog .row:last-child {
        display: table-row;
        margin-bottom: 0px;
        width: inherit;
    }

    .formDialog .row label {
        display: table-cell;
        vertical-align: middle;
    }



    .formDialog .row input[type=text] {
        width: 260px;
        height: 18px;
    }

    .formDialog .row select {
        width: 264px;
        height: 22px;
    }

    .formDialog .row textarea {
        width: 262px;
    }

    .formDialog > * > .required {
        color: red;
        /*font-weight:bold;*/
    }

        .formDialog > * > .required::after {
            content: " * ";
        }

    .formDialog > * > .hightfocus {
        border: solid 1px #ff0000;
        color: #FF0000;
    }

    .formDialog > * > .CustomColorPicker {
        position: relative;
        height: 36px;
    }

        .formDialog > * > .CustomColorPicker > .selector {
            position: absolute;
            top: 0;
            left: 0;
            width: 36px;
            height: 36px;
            background: url(./images/select2.png);
        }

            .formDialog > * > .CustomColorPicker > .selector > div {
                position: absolute;
                top: 4px;
                left: 4px;
                width: 28px;
                height: 28px;
                background: url(./images/select2.png) center;
            }

    .formDialog > * > .checkboxlist {
        width: 264px;
        height:120px;
        overflow-x:auto;
        overflow-y:no-display;   
        list-style: none;
        list-style-position: inside;
        padding: 0;
        margin: 0;
        border:1px solid #CCCCCC;;
    }

        .formDialog > * > .checkboxlist li {
            padding: 0 0 0 0;
            margin: 0;
            text-align: left;
        }

            .formDialog > * > .checkboxlist li label {
                display: inline-block !important;
                padding-top:2px;
                vertical-align: top;
            }

            .formDialog > * > .checkboxlist li input[type=checkbox] {
                display: inline-block !important;
            }
