/*
 * Code written by Michael Schuijff (michael@reglobe.nl) and owned by ReGlobe (The Netherlands)
 * You are strictly prohibited to redistribute or resell these files without written permission.
 *
 * Copyright 2012 - ReGlobe The Netherlands
 *
 * For more information, please visit www.reglobe.nl
 */

form.form-default {
    margin: 0;
    padding: 0;
}

form.form-default .object .form-label {
    position: relative;
    display: block;
    float: left;
    width: 190px;
    top: 2px;
    margin: 2px 10px 0 0;
    text-align: right;
    padding: 0;
}

form.form-default .object.required .form-label:after {
    content: " *";
    color: #f33;
    font-weight: bold;
}

form.form-default .object {
    margin-bottom: 8px;
}
form.form-default .introduction { margin-left: 200px; }
form.form-default .object.multiselect {
    overflow: hidden;
}
form.form-default .object input, form.form-default .object select {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
}
form.form-default .object.input input {
    width: 300px;
}
form.form-default .object.password input {
    width: 300px;
}
form.form-default .object.email  input {
    width: 300px;
}
form.form-default .object.date input {
    width: 90px;
}
form.form-default .object.time input {
    width: 90px;
}
form.form-default .object.datetime input {
    width: 160px;
}
form.form-default .object.select select {
    width: 300px;
}
form.form-default .object.code textarea {
    font-family: 'Courier New', 'Consolas', monospace;
    line-height: 1;
    min-height: 250px;
    resize: vertical;
}

form.form-default .object.textbox textarea {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    resize: none;
}
form.form-default .object.html-area {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
}
form.form-default .object.radiobutton input, form.form-default .object.checkbox input {
    margin-left: 200px;
}
form.form-default .object.radiobutton label, form.form-default .object.checkbox label  {
    display: inline;
    float: none;
    top: 0;
}
form.form-default .object.radios {
    margin: 0 0 15px 0;
}
form.form-default .object.radios:after {
    content:"";
    clear:both;
    display:block;
}

.form-check { margin-left: 200px; }
.form-check-input { margin-left: 0; }

form.form-default .object .radio_list_option_label {
    width:auto;
}
form.form-default .object input.radio_list_option {
    float: left;
    margin: 4px 5px 0 0 !important;
}

form.form-default .object.submit {
    margin-left: 200px;
}
form.form-default .object.link {
    margin-left: 200px;
}

form.form-default .form-text {
    display: block;
    margin-top: .25rem;
    margin-left: 200px;
}

form.form-default .hint {
    position: relative;
    margin: 2px 0 0 200px;
    font-style: italic;
}
form.form-default .object .error {
    position: relative;
    margin: 2px 0 0 200px;
    font-weight: bold;
    color: #cc0000;
    clear: left;
}

form.form-default .categoriesTree { border:solid 1px #ccc; width: 32%; float:left; }
form.form-default .categoriesTree, form.form-default .categoriesTree ul {
    list-style-type: none;
    padding:0 !important;
    margin:0 !important;
}
form.form-default .categoriesTree { margin-bottom: 10px !important; margin-right: 1% !important;}

form.form-default .categoriesTree > li div { background: #e3e3e3; line-height:30px; height:30px; width:100%; }
form.form-default .categoriesTree.tree-category > li div { background-color: #dbebf3!important; }
form.form-default .categoriesTree.tree-dossier > li div { background-color: #dedbdb!important; }
form.form-default .categoriesTree.tree-tag > li div { background-color: #daf6d3!important; }
form.form-default .categoriesTree.tree-newsletter > li div { background-color: #f6d5d5!important; }

form.form-default .categoriesTree > li div:after { content:""; display:block; clear:both; }
form.form-default .categoriesTree > li div span {
    display:block;
    line-height:30px;
    height:30px;
    margin:0 10px;
    float :left;
}
form.form-default .categoriesTree .show_all { float:right; }
form.form-default .categoriesTree .show_all span { margin:0px !important; cursor: pointer;}

form.form-default .categoriesTree .searchMultiSelect {
    width:80px;
    float:right;
}

form.form-default .categoriesTree li input { margin:5px 5px 0 0; float:left; }
form.form-default .categoriesTree > li > ul { min-height:250px; max-height:250px; overflow-x: auto;}
form.form-default .categoriesTree ul li { line-height:25px; padding:0 10px; }
form.form-default .categoriesTree li.even { background:#f5f5f5; }
form.form-default .categoriesTree li span.toggleName, form.form-default .categoriesTree li span.togglespan { cursor: pointer; }

form.form-default .categoriesTree li ul ul li { padding:0 10px 0 15px !important; }
form.form-default .categoriesTree li ul ul ul li { padding:0 10px 0 25px !important; }
form.form-default .categoriesTree li ul ul ul ul li { padding:0 10px 0 35px !important; }
form.form-default .categoriesTree li ul ul ul ul ul li { padding:0 10px 0 45px !important; }
form.form-default .categoriesTree li ul ul ul ul ul ul li { padding:0 10px 0 55px !important; }

.object.bannerposition { overflow: auto; }
.bannerposition .bannerposition-container { display: inline; float: left; min-width: 300px; }

/* like bootstrap 3.x */
.input-sm { font-size: .8em !important; }
.input-lg { font-size: 1.2em !important; }

/* like bootstrap 4 */
.form-check-inline { display: inline-flex; }
.form-check-input { position: static; margin-top: 5px; }
.form-check-label { width: auto !important; margin-bottom: 0; }

input:disabled, textarea:disabled {
    color: rgb(84, 84, 84);
    cursor: default;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}