/*******************************************************************************************/
/* JSONFORM */

.jsonform {  }
.jsonform hr { float: left; width: 100%; }
.jsonform legend { font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: normal; color: #6191e4; margin-bottom: 0px; padding-bottom: 10px; cursor: pointer; border-bottom: none; }
.jsonform h3, .jsonform h4 { color: #6191e4; width: 100%; clear: both; }
.jsonform h4 { font-size: 17px; font-weight: normal; }
.jsonform blockquote { float: left; width: 100%; }
.jsonform .form-control:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem #86b6fe85; }
.jsonform .btn-action { float: right; margin-left: 10px; }
.jsonform .btns { clear: both; }
.jsonform .help-block { float: left; width: 100%; color: red; }
.jsonform .fieldset-desc { padding-bottom: 15px; font-size: 18px; }
.jsonform .password-weak { border-color: red; }
.jsonform .password-strong { border-color: green; }
.jsonform .control-group-field { float: left; width: 100%; padding-bottom: 20px; display: block; position: relative; }
.jsonform .jsonform-toggle-next-target { float: left; width: 100%; padding-bottom: 0px; display: block; position: relative; }
.jsonform .tab-container { float: left; width: 100%; position: relative; }
.jsonform .subsection { float: left; width: 100%; border-left: 2px dotted rgb(226 226 226); padding-left: 15px; margin-bottom: 10px; }
.jsonform .array-inner .control-group { padding-left: 10px !important; }
.jsonform .controls { float: right; width: 75%; }
.jsonform fieldset.control-group { padding-bottom: 0px; }
.jsonform fieldset.fieldset-hidden { display: none; }
.jsonform fieldset.fieldset-action > .control-group:first-of-type { border: 2px dashed rgba(234, 0, 0, 0.4); }
.jsonform fieldset.fieldset-inner { float: left; width: 100%; }
.jsonform fieldset.fieldset-inner legend { font-size: 18px; }
.jsonform fieldset.fieldset-inner > .control-group { border: 1px solid #ebebeb; border-radius: 6px; padding: 20px; float: left; width: 100%; }
.jsonform fieldset.fieldset-main > legend { background-color: #fdfdfd; border-radius: 6px; margin-bottom: 10px;}
.jsonform .control-group label { width: 20%; font-size: 16px; text-align: right; font-weight: 200; margin-top: 10px; margin-right: 10px; float: left; }
.jsonform .control-group label.checkbox-inline { width: auto; font-weight: normal; }
.jsonform .add-on-padding { clear: both; }
.jsonform .label-dollar .add-on-padding::before { bottom: 34px; left: 7px; position: absolute; font-size: 20px; content: "$"; }
.jsonform .label-percent .add-on-padding::after { bottom: 34px; right: 46px; position: absolute; font-size: 20px; content: "%"; }
.jsonform .hide-title legend { display: none; }
.jsonform .field-tickbox { display: flex; min-height: 113px; align-items: center; }
.jsonform .control-group .add-on { color: #666; font-size: 13px; line-height: 24px; float: left; width: 100%; }
.jsonform .control-group textarea { height: auto !important; font-weight: normal; }
.jsonform .control-group .radio { width: 100%; }
.jsonform .control-group .radio label { margin-top: 0px; width: auto; margin-right: 20px; }
.jsonform .control-group .radio span { font-weight: normal; }
.jsonform .control-group .checkbox { /*padding-bottom: 20px;*/ margin-top: 0px; padding-right: 10px; }
.jsonform .control-group .checkbox.halfwidth { width: 47%; }
.jsonform .control-group .checkbox label { font-weight: bold; padding-left: 0px; }
.jsonform .control-group .checkbox input { margin-left: 0px; }
.jsonform .control-group .checkbox span { margin-left: 25px; font-weight: normal; }
.jsonform .control-group .imagePicker .dropdown-menu { padding: 10px; }
.jsonform .control-group .imagePicker .dropdown-menu .pagination-right { padding-top: 10px; }
.jsonform .control-group .imagePicker .btn { color: #ffffff; background-color: #128f76; border-color: #11866f;}
.jsonform .control-group .imagePicker .btn-image { position: relative; width: 64px; height: 64px; max-width: inherit !important; max-height: inherit !important; margin: 4px; color: #333; background-color: #fff; border-color: #fff; }
.jsonform .control-group .imagePicker .btn-image img { position: absolute; top: 0px; left: 0px; max-width: 100%; }
.jsonform .control-group .datePicker { float: left; width: 48%; clear: none; margin-right: 10px; }
.jsonform .control-group .note-editor { margin-bottom: 0px; }
.jsonform .control-group .help-inline { padding-top: 10px; display: inline-block; color: #999; font-size: 13px; }
.jsonform .control-group .panel-heading.note-toolbar { background-color: #fff; border: none;}
.jsonform .control-group .nav { margin-bottom: 20px; padding: 14px; height: 57px; font-size: 20px; }
.jsonform .control-group .nav.bs3 { padding: 0px; }
.jsonform .control-group .access .control-label { display: none; }
.jsonform .control-group .btn-file {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
    padding: 12px;
    margin-top: 0px;
}
.jsonform .control-group .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.jsonform .fullwidth { width: 100%; float: left; clear: none; }
.jsonform .control-group.field-hidden { display: none; }
.jsonform .control-group.checkboxes-halfwidth .checkbox { width: 47%; }
.jsonform .control-group.checkbox label { padding-left: 0px; font-weight: bold; }
.jsonform .control-group.tokenfield .token .token-label { max-width: 100% !important; }
.jsonform .control-group.tokenfield .jsonform-errortext { display: none !important; }
.jsonform .control-group.fullwidth { width: 100%; float: left; clear: none; }
.jsonform .control-group.threequartwidth { width: 75%; float: left; clear: none; padding-right: 10px; }
.jsonform .control-group.twothirdwidth { width: 66%; float: left; clear: none; padding-right: 10px; }
.jsonform .control-group.halfwidth { width: 50%; float: left; clear: none; padding-right: 10px; }
.jsonform .control-group.thirdwidth { width: 33%; float: left; clear: none; padding-right: 10px; }
.jsonform .control-group.quartwidth { width: 25%; float: left; clear: none; padding-right: 10px; }
.jsonform .control-group.halfwidth-cb .checkbox { width: 45%; float: left; }
.jsonform .control-group.jsonform-readonly .radio,
.jsonform .control-group.jsonform-readonly .checkbox { pointer-events: none; }
.jsonform .control-group.jsonform-readonly .bootstrap-select { pointer-events: none; }
.jsonform .control-group.jsonform-readonly .radio input,
.jsonform .control-group.jsonform-readonly .checkbox input { opacity: 0.5; }
.jsonform .control-group.field-money input::placeholder { position: absolute; left: 6px; }
.jsonform .control-group.align-right .form-control { text-align: right; }
.jsonform .control-group.decorate-hline { border-bottom: 1px solid #ddd; margin-bottom: 25px; }
.jsonform .control-group.tickbox span { font-weight: bold; }
.jsonform .tab-container.field-hidden-choice .tabbable > .control-group { display: none; }
.jsonform .input-group-lg .token .close, .tokenfield.input-lg .token .close { color: #000; }
.jsonform .tokenfield.input-lg, .input-group-lg .tokenfield { padding-bottom: 10px; }
.jsonform .tokenfield .token-input { width: auto !important; }
.jsonform .btn-array { float: left; width: 100%; margin-top: -20px; padding-bottom: 20px; }
.jsonform .btn-array .btn-array-option { cursor: pointer; float: left; margin-right: 10px; }
.jsonform .formhelp-icon { position: absolute; right: 10px; top: 15px; cursor: pointer; color: #337ab7; }
._jsonform-array-alert { margin: 14px; }
._jsonform-array-alert .noty_message { text-align: left !important; }
._jsonform-array-ul { padding-left: 0px; /* padding-left: 20px; border-left: 4px solid #ebebeb; */ }
._jsonform-array-ul > li {     
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background-color: #fff;
    padding-bottom: 8px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    /*box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
    /*border-bottom: 1px solid #6191e4a6; */
}
._jsonform-array-ul > li.expandable:hover {
    border: 1px solid #6191e4;
}
._jsonform-array-ul ul.dropdown-menu li {    
    padding: 0px;
    margin: 0px;
    border: none;
}
._jsonform-array-legend { float: left; width: auto; padding-bottom: 0px !important; }
._jsonform-array-buttons { float: left; width: 100%; /* padding-bottom: 30px; */ }
._jsonform-array-buttons .btn {
    background-color: #ffffff;
    border-color: #cecece;
    color: #333;
}
._jsonform-array-buttons .btn:after {
    content: 'Add';
}
._jsonform-array-deletecurrent {
    cursor: pointer;
    float: right;
	width: 100%;
}
._jsonform-array-arraylist ._jsonform-array-deletecurrent {
    position: absolute;
    right: 10px;
    text-align: right;
    top: 9px;
    float: none;
    width: auto;
    color: #4582ec;
}
._jsonform-array-deletelast { display: none !important; }

.noaddelete ._jsonform-array-deletecurrent, 
.noaddelete ._jsonform-array-addmore {
    display: none !important;
}

.expandable > legend:before {
  content: '\25B8';
  padding-right: 5px;
}
.expanded > legend:before {
  content: '\25BE';
  padding-right: 5px;
}
.expanded hr, .expandable hr {
    clear: both;
    margin: 0px;
    border-color: transparent;
}

.alert-message h5 {
    font-size: 16px;
    font-weight: bold;
}

.jsonform.wide .control-group label {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.jsonform.wide .controls {
    float: left;
    width: 100%;
}

.jsonform.wide .control-group .radio label { 
    width: auto;
    font-weight: normal;
}

.jsonform li.expandable._validation_warning { border: 1px solid #1B83BF !important; }
.jsonform li.expandable._validation_warning legend { color: #1B83BF !important; }
.jsonform .form-control._validation_warning { border: 1px solid #1B83BF !important; }
.jsonform .control-group-field._validation_warning .radio label { color: #1B83BF !important; }
.jsonform .control-group-field._validation_warning .bootstrap-select .btn.dropdown-toggle { border: 1px solid #1B83BF !important; }
/*
.jsonform .control-group._validation_warning:after { 
    content: 'required';
    position: absolute;
    top: 25px;
    right: 6px;
    font-size: 11px;
    color: #1B83BF;
    background-color: #ebebeb;
    padding: 3px 6px;
    border-radius: 6px;
}
*/

/* Start: Force full width form */
.jsonform .control-group .imagePicker .btn-image { width: 24px; height: 24px; }
.jsonform .control-group label {
    width: 95%;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
}

.jsonform .controls {
    float: left;
    width: 100%;
}
/* End: Force full width form */

@media (max-width: 768px) {
  .jsonform .control-group .imagePicker .btn-image { width: 24px; height: 24px; }
} 

@media( max-width: 585px ) {
    .jsonform .control-group label {
        width: 95%;
        text-align: left;
        font-weight: bold;
        font-size: 15px;
    }

    .jsonform .controls {
        float: left;
        width: 100%;
    }
}