/* for debugging */ .rw-widget { outline: 0; -moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box; } .rw-btn { color: #333333; line-height: 2.286em; display: inline-block; margin: 0; text-align: center; vertical-align: middle; background: none; background-image: none; border: 1px solid transparent; padding: 0; white-space: nowrap; } .rw-rtl { direction: rtl; } .rw-input { color: #555555; height: 2.286em; line-height: 2.286em; padding: 0.429em 0.857em; } .rw-input[disabled] { -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; opacity: 1; background-color: #eeeeee; border-color: #cccccc; } .rw-input[readonly] { cursor: not-allowed; } .rw-i.rw-loading { background: url("../img/loading.gif") no-repeat center; width: 16px; height: 100%; } .rw-i.rw-loading:before { content: ""; } .rw-loading-mask { border-radius: 4px; position: relative; } .rw-loading-mask:after { content: ''; background: url("../img/loader-big.gif") no-repeat center; position: absolute; background-color: #fff; opacity: 0.7; top: 0; left: 0; height: 100%; width: 100%; } .rw-now { font-weight: 600; } .rw-state-focus { background-color: #ffffff; border: #66afe9 1px solid; color: #333333; } .rw-state-selected { background-color: #adadad; border: #adadad 1px solid; color: #333333; } .rw-state-disabled { -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; opacity: 1; } .rw-btn, .rw-dropdownlist { cursor: pointer; } .rw-btn[disabled], .rw-state-disabled .rw-btn, .rw-state-readonly .rw-btn { -webkit-box-shadow: none; box-shadow: none; pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); opacity: .65; } ul.rw-list, ul.rw-selectlist { margin: 0; padding-left: 0; list-style: none; padding: 5px 0; overflow: auto; outline: 0; height: 100%; } ul.rw-list > li.rw-list-optgroup, ul.rw-selectlist > li.rw-list-optgroup { font-weight: bold; } ul.rw-list > li.rw-list-option, ul.rw-selectlist > li.rw-list-option { cursor: pointer; border: 1px solid transparent; padding-left: 10px; padding-right: 10px; border-radius: 3px; } ul.rw-list > li.rw-list-option:hover, ul.rw-selectlist > li.rw-list-option:hover { background-color: #e6e6e6; border-color: #adadad; } ul.rw-list > li.rw-list-option.rw-state-focus, ul.rw-selectlist > li.rw-list-option.rw-state-focus { background-color: #ffffff; border: #66afe9 1px solid; color: #333333; } ul.rw-list > li.rw-list-option.rw-state-selected, ul.rw-selectlist > li.rw-list-option.rw-state-selected { background-color: #adadad; border: #adadad 1px solid; color: #333333; } ul.rw-list.rw-list-grouped > li.rw-list-optgroup { padding-left: 10px; } ul.rw-list.rw-list-grouped > li.rw-list-option { padding-left: 20px; } .rw-widget { position: relative; } .rw-open.rw-widget, .rw-open > .rw-multiselect-wrapper { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rw-open-up.rw-widget, .rw-open-up > .rw-multiselect-wrapper { border-top-right-radius: 0; border-top-left-radius: 0; } .rw-combobox .rw-list, .rw-datetimepicker .rw-list, .rw-numberpicker .rw-list, .rw-dropdownlist .rw-list, .rw-multiselect .rw-list { max-height: 200px; height: auto; } .rw-widget { background-color: #ffffff; border: #cccccc 1px solid; border-radius: 4px; } .rw-widget .rw-input { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .rw-rtl.rw-widget .rw-input { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .rw-widget > .rw-select { border-left: #cccccc 1px solid; } .rw-rtl.rw-widget > .rw-select { border-right: #cccccc 1px solid; border-left: none; } .rw-widget.rw-state-focus, .rw-widget.rw-state-focus:hover { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); border-color: #66afe9; outline: 0; } .rw-widget.rw-state-readonly, .rw-widget.rw-state-readonly > .rw-multiselect-wrapper { cursor: not-allowed; } .rw-widget.rw-state-disabled, .rw-widget.rw-state-disabled:hover, .rw-widget.rw-state-disabled:active { -webkit-box-shadow: none; box-shadow: none; background-color: #eeeeee; border-color: #cccccc; } .rw-combobox, .rw-datetimepicker, .rw-numberpicker, .rw-dropdownlist { padding-right: 1.9em; } .rw-combobox.rw-rtl, .rw-datetimepicker.rw-rtl, .rw-numberpicker.rw-rtl, .rw-dropdownlist.rw-rtl { padding-right: 0; padding-left: 1.9em; } .rw-combobox > .rw-input, .rw-datetimepicker > .rw-input, .rw-numberpicker > .rw-input, .rw-dropdownlist > .rw-input { width: 100%; border: none; outline: 0; } .rw-combobox > .rw-input::-moz-placeholder, .rw-datetimepicker > .rw-input::-moz-placeholder, .rw-numberpicker > .rw-input::-moz-placeholder, .rw-dropdownlist > .rw-input::-moz-placeholder { color: #999999; opacity: 1; } .rw-combobox > .rw-input:-ms-input-placeholder, .rw-datetimepicker > .rw-input:-ms-input-placeholder, .rw-numberpicker > .rw-input:-ms-input-placeholder, .rw-dropdownlist > .rw-input:-ms-input-placeholder { color: #999999; } .rw-combobox > .rw-input::-webkit-input-placeholder, .rw-datetimepicker > .rw-input::-webkit-input-placeholder, .rw-numberpicker > .rw-input::-webkit-input-placeholder, .rw-dropdownlist > .rw-input::-webkit-input-placeholder { color: #999999; } .rw-select { position: absolute; width: 1.9em; height: 100%; right: 0; } .rw-select.rw-btn, .rw-select > .rw-btn { height: 100%; vertical-align: middle; outline: 0; } .rw-rtl .rw-select { left: 0; right: auto; } .rw-multiselect, .rw-combobox input.rw-input, .rw-datetimepicker input.rw-input, .rw-numberpicker input.rw-input { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .rw-combobox:active, .rw-datetimepicker:active, .rw-dropdownlist:active, .rw-header > .rw-btn:active, .rw-numberpicker .rw-btn.rw-state-active, .rw-combobox:active.rw-state-focus, .rw-datetimepicker:active.rw-state-focus, .rw-dropdownlist:active.rw-state-focus, .rw-header > .rw-btn:active.rw-state-focus, .rw-numberpicker .rw-btn.rw-state-active.rw-state-focus { background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .rw-combobox:hover, .rw-datetimepicker:hover, .rw-numberpicker:hover, .rw-dropdownlist:hover { background-color: #e6e6e6; border-color: #adadad; } .rw-dropdownlist.rw-state-disabled, .rw-dropdownlist.rw-state-readonly { cursor: not-allowed; } .rw-dropdownlist > .rw-input { background-color: transparent; padding-top: 0; padding-bottom: 0; } .rw-dropdownlist > .rw-select, .rw-dropdownlist > .rw-select.rw-rtl { border-width: 0; } .rw-numberpicker .rw-btn { display: block; height: 1.143em; line-height: 1.143em; width: 100%; border-width: 0; }