#plugin {
	margin: 0px 3px 0px 3px;
}

/* >>> for using Bootstrap rather than jQuery. Datatables refer this class that doesn't exist in Bootstrap */
.dt-body-center {
	text-align: center;
}
/* <<< */


/* >>> for checkbox in the Datatables Editor popup */
.editor-checkbox {
	margin-top: 3px;
}
/* <<< */


/* >>> Arranging Datatables on page, otherwise works wrongly with Bootstrap. see https://stackoverflow.com/a/30700141 */

/*div.dataTables_length {
    float: left;
}*/

div.dataTables_filter {
    float: right;
}

div.dataTables_info {
    float: left;
}

div.dataTables_paginate {
    float: right;
}

div.DTTT {
    float: left;
    margin-right: 50px;
}

div.buttons {
    clear: both;
}

/* <<< */

#customForm {
    display: flex;
    flex-flow: row wrap;
}
 
#customForm fieldset {
    flex: 1;
    border: 1px solid #aaa;
    margin: 0.5em;
}
 
#customForm fieldset legend {
    padding: 5px 20px;
    border: 1px solid #aaa;
    font-weight: bold;
}

#customForm fieldset.group1 {
    flex: 1 100%;
}
 
#customForm fieldset.group1 legend {
    background: #3fbfbf;
}

#customForm div.DTE_Field {
    padding: 5px;
}