/*******************************************************************************************/
/* 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; float: left; width: 100%;}
.jsonform h4 { font-size: 17px; font-weight: normal; }
.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 .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 .add-on-padding { clear: both; }
.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;*/ width: 100%; margin-top: 0px; }
.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: 30px; padding: 14px; height: 57px; font-size: 20px; }
.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 .control-group.field-hidden { display: none; }
.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.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 .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: 0px; 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;
}
._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; }
.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;
}

/* 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: 14px;
}

.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: 14px;
    }

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