.ql-container {
     border-radius: 0.25rem;
 }

 #wrapper {
     overflow: auto;
     height: 100%;
     position: relative;
 }

 .main-wrapper {
     height: 100%;
 }

 .list_attribute ul.list {
     list-style: none;
     padding-left: 10px;
     margin: 5px 0;
 }

 .list_attribute div span.ui-icon {
     margin-left: 10px;
 }

 .key_value_attribute,
 .condition_predicate,
 .renaming_attr {
     overflow: auto;
 }

 .key_value_attribute div,
 .condition_predicate div,
 .renaming_attr div {
     width: 30%;
     float: left;
 }

 .key_value_attribute div input,
 .condition_predicate div input,
 .renaming_attr div input {
     border: 1px solid #aaaaaa;
 }

 .key_value_attribute span.ui-icon,
 .condition_predicate span.ui-icon {
     margin-top: 3px;
 }

 .single_value_attribute {
     overflow: auto;
 }

 .single_quiz_attribute {
     overflow: auto;
 }

 .single_value_attribute div {
     float: left;
 }

 .single_quiz_attribute div {
     float: left;
     margin-right: 10px;
 }

 .list .single_value_attribute .name {
     display: none;
 }

 .list .single_quiz_attribute .name {
     display: none;
 }

 .single_value_attribute .name {
     width: 120px;
 }

 .single_quiz_attribute .name {
     width: 120px;
 }

 .single_value_attribute div.value span.color_preview {
     width: 12px;
     height: 18px;
     background-color: #ffffff;
     display: inline-block;
     border: 1px solid #4a4a4a;
     position: relative;
     top: 5px;
     left: -14px;
 }

 .single_quiz_attribute div.value span.color_preview {
     width: 12px;
     height: 18px;
     background-color: #ffffff;
     display: inline-block;
     border: 1px solid #4a4a4a;
     position: relative;
     top: 5px;
     left: -14px;
 }

 .single_value_attribute div.value textarea {
     width: 400px;
     height: 80px;
 }

 .single_quiz_attribute div.value textarea {
     width: 400px;
     height: 80px;
 }

 #modelAttributes .attribute_default_node .label {
     font-weight: bold;
 }


 .key_value_attribute input,
 select {
     width: 150px;
 }

 .condition_predicate input,
 select {
     width: 150px;
 }

 .renaming_attr input,
 select {
     width: 150px;
 }

 .type {
     font-weight: bold;
     margin: 0 0 3px;
 }

 .show_hint {
     font-size: 12px;
 }

 .hint {
     font-size: 12px;
     overflow-y: auto;
     max-height: 150px;
 }

 .codeEditorValue {
     position: absolute;
     width: 560px;
     height: 200px;
     overflow-y: auto;
 }

 .main-wrapper {
     position: relative;
 }