kiss/plugin/dynamicform/css/main.css

/** DYNAMICFORM **/

/* Conteneur principal du plugin dynamicform */
.dynamicform {
	
}

#dynamicforms {

}

/* formulaire d'édition de formulaire */
.dynamicform .dynamic-form-form {
	
}

#dynamic-form-form {

}

.form-layout .field .mandatory,.form-layout .field .readonly{
	display:none;
}
.form-layout .field[data-mandatory="1"]{
	 border-left: 0.25rem solid #FFA100 !important;
}
.form-layout .field[data-mandatory="1"] .mandatory,
.form-layout .field[data-readonly="1"] .readonly{
	display: inline-block;
}




.dynamic-fields{
	background-color: #f8f8f8;
    color: #333333;
    padding:15px;
}
.dynamic-fields ul,.dynamic-fields ul li{
	padding:0;
	margin:0;
	list-style-type: none;
}
.dynamic-fields ul li{
	margin-bottom:10px;
	background-color: #ffffff;
	padding:10px;
}


.form-layout .fields{
	background: #fff;
    padding: 0;
    margin: 0;
    list-style-type: none;
    min-height: 40px;
}

.form-layout .fields li{

}

.page-sheet-dynamic-form .form-layout .fields li:hover{
	background-color: #eaeaea!important;
}


.page-sheet-dynamic-form,.page-sheet-dynamic-form body{
	background-color: #f5f5f5;
}

.form-layout .row{
	padding:5px;
	margin:10px 0;
	position: relative;
    border: 2px solid #8fc5ff;
    position: relative;
    border-radius: 5px;
    min-height: 20px;
}
.form-layout .layout-row-menu  .btn-layout{
	background-color: #56a7ff;
}
.form-layout .layout-column-menu  .btn-layout{
	background-color: #92af37;
}
.form-layout .column{
    padding: 5px;
    margin:5px;
    border: 2px solid #c5d495;
    position: relative;
    min-width: 20px;
    min-height: 40px;
    border-radius: 5px;
}

.form-layout .btn-layout{
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-color: #ffffff;
    color: rgba(255,255,255,0.9);
    cursor: pointer;
    font-size:10px;
    border-radius: 100%;
    text-align: center;
    padding: 2px;
    transition: all 0.2s ease-in-out;
}

.form-layout .btn-layout:hover{
	transform: scale(1.2);
}

.form-layout .layout-row-menu{
	list-style-type: none;
	padding:0;
	margin:0;
	bottom: -11px;
	position: absolute;
	z-index: 10;
    left: calc(50% - 7px);
}

.form-layout .layout-row-menu li{
	display: inline-block;
}

.form-layout .layout-column-menu{
	right: 0px;
	list-style-type: none;
	padding:0;
	position: absolute;
	z-index: 10;
	margin:0;
    top : 0;
}

.dynamic-field-panel{
	max-height: calc(100% - 50px);
    overflow: auto;
    width: 500px;
    position: fixed;
    right: 0px;
    top: 0;
    margin-top: 50px;
    z-index: 100;

}

.dynamic-field-panel.fold{
	display: none;
}