@media ( max-width : 768px) {
 .prop_editor {
  overflow-y: unset !important
 }
}
.act:hover,.modact:hover,.box.page_button:hover,.box.page_button.selected,.sug_option:hover {
 background: #f0f8ff
}
.act:not(.form),.modact:not(.form) {
 cursor: pointer; text-align: center
}
.addr_input {
 margin: 2%
}
.addr_input.i_city,.addr_input.i_country,.addr_input.i_street {
 width: 60%
}
.addr_input.i_house,.addr_input.i_zip {
 width: 30%
}
.area.top .prop_editor.box {
 padding: 0
}
.box.io .q_all .prop_block_label,.box.io .q_sub .prop_block_label,.box.io.q_all .prop_block_hints,.box.io .q_sub .prop_block_hints,.io .file_dropzone,.io .file_progress,.prop_block_hints:empty {
 display: none
}
.box.io.q_all .prop_editor,.box.io .q_sub .prop_editor {
 float: left; overflow-y: clip
}
.box.jselect_option.jselected {
 display: block
}
.box.page_button {
 cursor: pointer; display: inline; margin: 3px; padding: 3px
}
.box.paginator,.io .block.del {
 text-align: center
}
.btn:active,.button:active {
 background-color: #9acd32 !important
}
.button.faded {
 border: 0; color: silver; cursor: not-allowed
}
.checklabel.form-check-label.anchor {
 margin-left: 5px
}
.comment {
 color: gray; font-size: 10px
}
.comment .trimcount {
 bottom: -7px; position: absolute; right: 0; top: auto
}
.comment input,.comment textarea {
 border: 0; border-bottom: 1px solid #fff; border-radius: 0; color: silver; font-size: 12px
}
.comment input:hover {
 border-bottom-color: silver
}
.del_confirm.button {
 border-color: red
}
.do_cancel.button.act {
 border: 0; color: #ffc0cb
}
.do_cancel.button.act:hover,.js_option:hover a {
 text-decoration: underline
}
.do_create.button.act {
 background: #adff2f; border-color: green
}
.do_delete.button.act {
 border: 0; color: red; opacity: .5
}
.do_save.button.act {
 border-color: green
}
.editbutton a {
 color: #000
}
.err_flash .box.prop_editor {
 border-left: 3px dotted red
}
.err_flash .err_hint {
 color: orange
}
.err_hint {
 clear: both; color: gray; display: block
}
.form-check-input[type="checkbox"] {
 font-size: 18px; margin-left: 0 !important; min-width: 20px; width: auto !important
}
.icon {
 display: inline
}
.icon.cloud {
 color: #7fffd4
}
.icon.del {
 color: red; opacity: .2
}
.icon.del:hover,.icon.exit:hover,.item:hover .icon_cord_,.message_create .inst_draft,.prop_editor:hover .icon.edit {
 opacity: 1
}
.icon.exit {
 color: #ffc0cb; opacity: .5
}
.icon.icon_cord_ {
 color: #da70d6; opacity: .3
}
.icon.icon_edit_ {
 color: #da70d6
}
.icon.icon_isactive_0 {
 color: silver
}
.icon.icon_isactive_1,.icon_archived_0 {
 color: green
}
.icon.icon_new_ {
 color: #adff2f
}
.icon_archived_1,.file_form_show {
 color: gray
}
.input_suggest.box {
 background: #fff; position: absolute; z-index: 2000
}
.int_editor,.ion_auth {
 text-align: right
}
.io .datepicker {
 text-align: center; width: 150px
}
.io .file_delete {
 margin-left: 20px
}
.io .file_form_show {
 cursor: pointer
}
.io .file_form_show:hover {
 color: blue
}

.io .timepicker {
 margin-left: 10px; text-align: center; width: 150px !important
}
.io input,.io select,.io textarea {
 border: 1px solid silver; border-radius: 3px; font-size: 14px; padding: 5px
}

.js_option {
 border: 1px solid silver; border-radius: 2px; cursor: pointer; float: left; margin: 2px; padding: 3px
}
.js_option a {
 text-decoration: none
}
.js_option:hover {
 border-color: #9acd32
}
.jselect_open .jcanceler {
 display: block !important
}
.jselect_open .jselect_option {
 border: 1px solid silver; display: block; float: left; margin: 2px
}
.jselect_option {
 clear: both; display: none; float: left
}
.jselect_option .handle {
 cursor: pointer; min-width: 100px
}
.jselect_options .option_label {
 float: left; margin: 5px
}
.jselect_toggler {
 cursor: pointer; position: absolute; right: 0; top: 2px
}
.jselector {
 float: left; position: relative
}
.jselector .handle:hover {
 background: #f0f8ff; border-radius: 5px
}
.jselector.box.selecting {
 background: #f0f8ff; z-index: 100
}
.jselector:hover {
 background: #fff
}
.money_input.i_amount,.money_input.i_curr {
 width: 100px
}
.money_input.i_rc {
 width: 200px
}
.money_input.i_vat,.money_input.i_vatlabel {
 width: 50px
}
.money_input_curr.plaintext {
 left: -15px; position: relative; top: 3px
}
.money_show .s_amount {
 float: left; text-align: right; width: 100px
}
.money_show .s_label {
 float: left; width: 40px
}
.money_show,.io .bool_editor {
 width: auto
}
.money_show>div,.prop_editor[type="password"] {
 clear: both
}
.node_head input,.jselected {
 font-weight: 700
}
.pax_editor input.pax {
 float: left; margin-right: 5px; text-align: right; width: 80px
}
.prop_block_hints {
 clear: both; color: silver; float: left; font-size: small; font-size: 10px; font-style: italic; margin-bottom: 10px; padding-left: 20px
}
.prop_block_label {
 clear: both; color: gray; padding-left: 5px
}
.prop_editor {
 display: block; float: left; padding: 2px; padding-left: 20px; position: relative; width: 100%
}
.prop_editor .icon.edit {
 opacity: .3
}
.prop_editor input,.prop_editor textarea {
 background-color: #f0f8ff
}
.prop_editor input:focus,.prop_editor textarea:focus {
 background-color: #faebd7
}
.prop_editor.money_input {
 padding-right: 20px; width: 100px
}
.q_all input,.q_all select,.q_all textarea,.q_sub input,.q_sub select,.q_sub textarea {
 width: 90%
}
.range_select input {
 float: left; font-size: 20px; text-align: center; width: 30px
}
.richtext-help {
 display: none !important
}
.richtext-length {
 color: silver; float: right; margin-right: 5px
}
.richtext-length .black {
 color: silver !important
}
.save_buttons {
 margin-top: 20px
}
.save_buttons .button {
 border: 1px solid #3a23c4; border-radius: 3px; float: left; margin: 5px; padding: 5px
}
.save_halted {
 cursor: help; opacity: .5
}
.sug_option.plaintext.act {
 border: 1px solid silver; display: block; margin: 2px; padding: 5px 25px
}
.timerange_colon.box {
 float: left; font-size: 20px; padding: 5px
}
.timerange_dash.box {
 float: left; font-size: 20px; margin: 0 10px; padding: 5px
}
.tostring_afileimage .prop_editor {
 color: gray; font-size: 10px; font-style: italic
}
.trimcount {
 clear: both; display: block; margin-bottom: 7px; position: relative; text-align: right; top: -7px
}
.ui-timepicker-viewport .ui-menu-item {
 font-size: 12px
}
.upload_box .editor_label img {
 margin-bottom: 5px; max-height: 100px
}
@media ( max-width : 991.98px) {
 .datetime {
  float: left
 }
 .prop_editor {
  padding-left: 0
 }
 .range_select .datetime {
  margin-bottom: 20px; width: 100%
 }
 .range_select.box {
  float: left; width: 100%
 }
 .search.form-control.nodrag {
  margin: 5px; width: 100%
 }
}