u-color { border: 1px solid #ccc; height: 16px; width: 50px; border-radius: 3px 3px 3px 3px; margin-bottom: 8px; padding: 3px; display: inline-block; position: relative; } u-color .cphost { position: fixed; } u-date > input { border: 0; } u-date > div > div.ui-datepicker { border: 0 none; height: 200px; padding: 0; width: 100%; } u-date > div > div.ui-datepicker a.ui-state-default { text-decoration: none; color: #000; font-size: 12px; } u-flex { display: block; } u-multiselect:before { color: #AAAAAA; display: block; font-size: 13px; padding: 5px 5px 5px 10px; } u-multiselect { background: url("/lib/usapi/x-elements/img/down.svg") no-repeat scroll right 3px white; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; cursor: pointer; display: inline-block; height: 22px; line-height: 12px; position: relative; width: 146px; } u-multiselect u-selector { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; bottom: -30px; display: none; height: 205px; left: -1px; position: relative; width: 300px; } u-multiselect.open u-selector { cursor: auto; display: block; box-shadow: 5px 5px 10px #666666; } u-multiselect > span { color: #666666; display: block; font-size: 14px; height: 14px; overflow: hidden; padding: 4px; position: absolute; top: 0; width: 138px; padding-top: 5px; } u-selectorfooter { background: none repeat scroll 0 0 #EEEEEE; border-top: 1px solid #CCCCCC; bottom: 0; display: block; height: 45px; position: absolute; width: 100%; } u-selectorlist { background: none repeat scroll 0 0 #FFFFFF; display: block; height: calc(100% - 46px); overflow: auto; width: 100%; } u-multiselect option { display: none; } u-multiselect u-selector { display: none; } u-selectoritem { -moz-user-select: none; background: url("/lib/usapi/x-elements/img/unchecked.svg") no-repeat scroll 4px 3px/18px 18px transparent; border-bottom: 1px solid #EEEEEE; cursor: pointer; display: block; min-height: 18px; overflow: auto; padding: 3px; width: auto; } u-selectoritem.checked { background: url("/lib/usapi/x-elements/img/checked.svg") no-repeat scroll 4px 3px #FFEEB9; border-bottom: 1px solid #FFEEB9; background-size: 18px 18px; } u-selectoritem span { color: #333333; display: block; font-size: 12px; line-height: 18px; padding: 0 0px 0px 30px; } u-selectorfooter span { color: #666666; cursor: pointer; display: block; float: left; font-size: 12px; margin: 8px; width: 120px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } u-selectorfooter span:hover { text-decoration: underline; } u-selectorsearch { border-bottom: 1px solid #CCCCCC; display: block; height: 30px; width: 100%; } [searchable="searchable"] u-selectorlist { height: calc(100% - 112px); top: 31px; } u-selectorsearch input { background: none repeat scroll 0 0 transparent !important; border: 0 none !important; height: 20px !important; padding: 5px !important; width: calc(100% - 9px) !important; } [searchable="searchable"] u-selectorfooter { height: 80px; } u-multiselect[searchable="searchable"] u-selector { height: 266px; } u-selectoritem:last-child { border-bottom: 0 none; } u-selector > div { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0; } u-selector > * { position: absolute; z-index: 1; } u-selectorfooter notification { border-bottom: 1px solid #CCCCCC; color: #999999; display: block; font-size: 10px; padding: 3px 8px; height: 10px; } u-selectoritem:hover { background-color: #f4f4f4; } u-multiselect .display > span { display: block; height: 12px; width: calc(100% - 20px); overflow: hidden; } u-selectorfooter notification search { float: right; } u-selectorfooter notification selected { float: left; } u-time { position: relative; display: block; } u-time > input { border: 0; } u-time > div > div.ui-datepicker { border: 0 none; height: 100px; padding: 0; width: 100%; } u-time > div > div.ui-datepicker a.ui-state-default { text-decoration: none; color: #000; font-size: 12px; } u-time .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all { position: absolute; right: -1px; top: 22px; } u-time .ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all { display: none; } u-time .ui-datepicker .ui-datepicker-buttonpane { border: 0; } .cpbase.chromatic { background: linear-gradient(to bottom, #fafafa 0%, #dddddd 100%) repeat scroll 0 0 transparent; border: 1px solid #ccc; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 10px; position: relative; width: 290px; } .cpbase.chromatic .cppalette { border: 0 none; cursor: url("/lib/s/colorpickercursor.png") 10 10, pointer; border: 1px solid black; display: inline-block; height: 200px; padding: 0; position: relative; width: 200px; } .cpbase.chromatic .cppalette .cppaletterow { height: 10px; margin: 0; padding: 0; position: relative; } .cpbase.chromatic .cppalette .cppaletteelement { border: 0 none; display: inline-block; height: 10px; position: relative; top: -4px; width: 3px; } .cpbase.chromatic .cpindicator { background: none repeat scroll 0 0 white; border: 1px solid black; height: 54px; padding: 0; position: absolute; right: 30px; top: 11px; width: 54px; } .cpbase.chromatic .chroma { background: linear-gradient(to right, #ff3232 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%) repeat scroll 0 0 transparent; height: 100%; width: 100%; } .cpbase.chromatic .blend { background: linear-gradient(to bottom, black 0%, rgba(128, 128, 128, 0) 50%, white 100%) repeat scroll 0 0 transparent; height: 200px; position: absolute; top: 0; width: 200px; } .cpbase.chromatic .cpgreyscale { background: linear-gradient(to left, white 0%, black 100%) repeat scroll 0 0 transparent; cursor: url("/lib/s/colorpickercursor.png") 10 10, pointer; border: 1px solid black; height: 20px; margin-top: 5px; width: 200px; } .cpbase.chromatic .cpclose { background: url("/lib/s/closeblack.png") repeat scroll 0 0 transparent; cursor: pointer; height: 20px; position: absolute; right: 6px; top: 6px; width: 20px; } .cpbase.chromatic .cpsystempalette, .cpbase.chromatic .cppersonalpalette { font-size: 8pt; padding-top: 10px; width: 305px; } .cpbase.chromatic .cpcolorbutton { border: 1px solid black; display: inline-block; height: 20px; margin-right: 14px; margin-top: 8px; width: 20px; } .cpbase.chromatic .cpfunctions { display: inline-block; position: absolute; right: 10px; top: 65px; width: 76px; } .cpoverlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; background: rgba(0, 0, 0, 0.1); } .cpbase.chromatic button.rememberme { width: 56px; } .cpbase.chromatic .cpfunctions div { border: 1px solid black; display: inline-block; height: 20px; margin-left: 1px; margin-right: 9px; margin-top: 20px; width: 20px; } .cpbase.chromatic .lightendown { background: url("/lib/s/brightness-down.svg") no-repeat scroll 1px 1px/17px auto white; } .cpbase.chromatic .lightenup { background: url("/lib/s/brightness-up.svg") no-repeat scroll 1px 1px/17px auto white; } .cpbase.chromatic .contrastdown { background: url("/lib/s/contrastdown.svg") no-repeat scroll 1px 1px/17px auto transparent; } .cpbase.chromatic .contrastup { background: url("/lib/s/contrastup.svg") no-repeat scroll 1px 1px/17px auto transparent; } .jreg { width: 100%; height: 100%; } .jreg .bar { border-bottom: 1px solid #ccc; height: 30px; width: 100%; } .jreg .view { float: left; height: calc(100% - 51px); padding: 10px; width: calc(100% - 281px); font-size: 14px; } .jreg .view .row { margin: 2px; } .jreg .view .row label { color: #ccc; display: block; width: 80px; } .jreg .view .row > span { border: 1px solid #ccc; display: block; margin-bottom: 10px; margin-top: 5px; padding: 4px; white-space: nowrap; } .jreg .view .row > span > input { border: 0px; font-size: 14px; width: 100%; } .jreg .view .row > span > select { -moz-appearance: none; background: none repeat scroll 0 0 white; border: 0 none; font-size: 14px; width: 100%; } .jreg .view .row > span textarea { border: 0 none; height: 110px; width: 100%; } .jreg .explorer { float: left; -moz-user-select: none; background: none repeat scroll 0 0 #fafafa; border-right: 1px solid #ccc; color: #444; cursor: default; font-family: monospace; height: calc(100% - 41px); overflow: auto; padding-left: 10px; padding-top: 10px; width: 250px; } .jreg .explorer .entry { padding-left: 15px; position: relative; } .jreg .explorer .entry .label { font-size: 13px; padding: 5px; cursor: pointer; } .jreg .explorer .entry .label.active { color: #7be; font-weight: bold; } .jreg .explorer .entry .expander { border: 1px dotted black; font-size: 11px; height: 7px; left: 0; line-height: 9px; margin-top: 4px; padding: 1px 1px 2px; position: absolute; top: 1px; width: 7px; cursor: default; } .jreg .explorer .entry .subtree { display: none; } .jreg .explorer .entry.expanded > .subtree { display: block; } #uamessage { display: none; color: #EC9516; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); font-size: 26px; line-height: 26px; padding: 30px; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3); background: -moz-linear-gradient(top, rgba(255, 245, 214, 0.95) 0%, rgba(254, 237, 185, 0.95) 100%); background: -webkit-linear-gradient(top, rgba(255, 245, 214, 0.95) 0%, rgba(254, 237, 185, 0.95) 100%); background: linear-gradient(to bottom, rgba(255, 245, 214, 0.95) 0%, rgba(254, 237, 185, 0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fff5d6', endColorstr='#f2feedb9',GradientType=0 ); position: fixed; top: 70px; left: 0; right: 0; width: 100%; z-index: 48; box-sizing: border-box; transition: all 0.5s ease-in-out; } #uamessage:before, #uamessage:after { display: block; position: absolute; top: 0; left: 0; right: 0; height: 1px; width: 100%; content: ''; background-color: rgba(0, 0, 0, 0.15); } #uamessage:after { bottom: 0; top: auto; background-color: rgba(225, 255, 255, 0.2); } #uamessage.success { color: #009900; display: none; } #uamessage.error { color: #BA1F29; } #uamessage h2 { font-size: 26px; padding-left: 90px; line-height: 60px; min-height: 60px; font-family: 'BSH-bold', 'Open Sans', Arial, sans-serif; font-weight: 700; } #uamessage div { font-size: 16px; color: #333333; padding: 0 0 0 90px; font-weight: 400; max-width: 750px; } #uamessage.success h2 { background: url("/usapi/img/tick.svg") no-repeat 0 0; background-size: 60px 60px; color: #55A823 !important; } #uamessage.error h2 { background: url("/usapi/img/x.svg") no-repeat 0 0; background-size: 60px 60px; color: #BA1F29 !important; } #uamessage a.closebtn { position: absolute; top: 42px; right: 30px; display: block; width: auto; padding: 0 12px 0 12px; line-height: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; border-radius: 15px; color: rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.33); font-size: 16px !important; cursor: pointer; } #uamessage a.closebtn i { float: right; padding: 0 0 0 6px; height: 30px; line-height: 30px; } #uamessage.success a.closebtn { border-color: #55A823; color: #55A823; } #uamessage.error a.closebtn { border-color: #BA1F29; color: #BA1F29; } @media only screen and (max-width: 667px) { #uamessage { text-align: center !important; } #uamessage h2 { padding: 180px 0 0 0; line-height: 40px; text-align: center; } #uamessage div { text-align: center; padding: 0 0 20px 0; } #uamessage.success h2 { background: url("/usapi/img/tick.svg") no-repeat 50% 30px; background-size: 120px 120px; } #uamessage.error h2 { background: url("/usapi/img/x.svg") no-repeat 50% 30px; background-size: 120px 120px; } #uamessage a.closebtn { position: relative; top: 0; left: 0; right: auto; padding: 8px 12px; height: auto; } } body.ua-questionmode { cursor: help !important; } body.ua-questionmode a { cursor: help !important; } .uawin { border: 1px solid #e7e7e7; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); height: 600px; left: 0; position: fixed; top: 0; width: 1000px; z-index: 100000; min-width: 200px; min-height: 200px; } .uawin .blackbox { top: 0; left: 0; width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.8); } .uawin .bg { background: none repeat scroll 0 0 #f4f4f4; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .uawin .inbox { position: relative; overflow: hidden; background: #f4f4f4; } .uawin .buttonbar { bottom: 0; padding: 20px 0 20px 0; position: absolute; width: 100%; text-align: center; } .uawin .buttonbar .button { margin-left: 5px; margin-right: 5px; } .uawin .headbar { border-radius: 4px 4px 0 0; color: #FFFFFF; display: block; font-size: 16px; height: 53px; position: relative; text-align: left; } .uawin.sessionedit.maximized { border: 0 none; border-radius: 0 0 0 0; } .uawin .headbar .headbg { background: #f4f4f4; height: 100%; opacity: 0.95; position: relative; width: 100%; } .uawin .headbar .closebtn { background: url("/lib/s/close.png") repeat scroll 0 0 transparent; right: 10px; } .uawin .headbar .minimizebtn { background: url("/lib/s/minimize.png") repeat scroll 0 0 transparent; right: 30px; } .uawin .headbar .button { border: 0 none; cursor: pointer; height: 20px; margin: 0; padding: 0; width: 20px; position: absolute; top: 5px; } .uawin .headbar .button.pressed { border: 1px inset #eee; border-radius: 3px 3px 3px 3px; } .uawin .leftborder { height: 100%; left: 0; position: absolute; top: 0; width: 7px; cursor: w-resize; } .uawin .rightborder { height: 100%; right: 0; position: absolute; top: 0; width: 7px; cursor: e-resize; } .uawin .topborder { height: 7px; left: 0; position: absolute; top: 0; width: 100%; cursor: n-resize; } .uawin .bottomborder { height: 7px; left: 0; position: absolute; bottom: 0; width: 100%; cursor: s-resize; } .uawin .inbox { height: 100%; position: relative; } .uawin .inner { display: none; border: 1px #e7e7e7 solid; border-radius: 2px; background: none repeat scroll 0 0 white; margin: 0 7px 7px; position: absolute; overflow: auto; } .uawin[buttonbar="buttonbar"] .inner[buttonbar="buttonbar"] { height: calc(100% - 64px); } .uawin[headbar="headbar"] .inner { height: calc(100% - 62px); } .uawin[buttonbar="buttonbar"][headbar="headbar"] .inner { height: calc(100% - 153px); } .uawin[buttonbar="buttonbar"][headbar="headbar"][tabbar="tabbar"] .inner { height: calc(100% - 125px); } .uawin[headbar="headbar"][tabbar="tabbar"] .inner { height: calc(100% - 77px); } .uawin .inner.active { display: block; } .uawin .headbar .winname { left: 10px; top: 5px; position: absolute; cursor: pointer; padding: 7px 0 14px 16px; color: black; font-weigth: 600; font-size: 20px; -moz-user-select: none; user-select: none; } div#winmancoater { display: block; height: 100%; position: fixed; width: 100%; z-index: 9999; display: none; } div#winmanblackbox { display: block; height: 100%; position: fixed; width: 100%; z-index: 9999; display: none; } .uaNoSelect { -moz-user-select: none; -webkit-user-select: none; user-select: none; } .uawin.uaconfirm { border: 0px; width: 500px; height: 300px; border-radius: 0 0 0px 0px; } .uawin.uaconfirm.big { height: 300px; width: 800px; } .uawin.uaconfirm.big .inner { width: 645px; } .uawin.uaconfirm.verybig { height: 600px; width: 1000px; } .uawin.uaconfirm.verybig .inner { width: 845px; } .uawin.uaconfirm.error { height: 650px; width: 1000px; } .uawin.uaconfirm.error #report_info { height: 95px; } .uawin.uaconfirm.error .inner { width: 845px; height: 519px; } .uawin.uaconfirm.error .inner h3 { font-size: 20px; } .uawin.uaconfirm.error .errmsgentry .type { float: left; width: 100px; } .uawin.uaconfirm.error div.errmsgentry { margin-top: 10px; overflow: auto; } .uawin.uaconfirm.error div.errmsgentry .text { padding-left: 150px; } .uawin.uaconfirm.error div.errmsgentry .type { float: left; font-weight: bold; width: 124px; } .uawin.uaconfirm.error div.errmsgentry .improbable { color: #aaa; } .uawin.uaconfirm .inner { border: 0 none; font-size: 14px; line-height: 20px; margin: 0; padding: 30px 25px 30px 130px; text-align: left; width: 100%; min-height: 200px; } .uawin.uaconfirm .buttonbar { background: none repeat scroll 0 0 white; border-top: rgba(0, 0, 0, 0.1) solid 1px; } .uawin.uaconfirm .confirmicon { color: #888; display: block; font-size: 70px; height: 41px; left: 40px; position: absolute; top: 20px; width: 50px; } .uawin.uaprogress { border: 0px; width: 100%; height: 35px; min-height: 35px; border-radius: 0 0 0px 0px; box-shadow: none; border-top: 1px solid #ccc; } .uawin.uaprogress .inner { border: 0 none; font-size: 14px; line-height: 20px; margin: 0; padding: 0; text-align: left; width: 100%; min-height: 35px; } .uawin.uaprogress .progressmsg { width: 100%; height: 20px; padding-top: 5px; font-size: 10pt; text-align: center; } .uawin.uaprogress .progressbar { background-color: #0a0; height: 10px; width: 0%; transition: width 0.5s; } .uawin.uaprogress .blackbox { text-align: center; padding-top: 50vh; } .uawin.uaprogress .blackbox .fa-spinner { font-size: 20vw; vertical-align: middle; display: block; color: rgba(255, 255, 255, 0.1); } .uawin .inbox > .tabbar { height: 35px; position: relative; text-align: left; } .uawin .inbox > .tabbar span { border-left: 1px solid #AAAAAA; border-right: 1px solid #EEEEEE; color: #1A6690; cursor: pointer; display: inline-block; font-size: 15px; margin-top: 7px; padding: 4px; } .uawin .inbox > .tabbar span.active { color: #000000; font-weight: bold; } .uawin .headbar > .tabbar { border-bottom: 1px solid #666; height: 39px; position: absolute; top: 0; width: 100%; } .uawin .headbar > .tabbar span.active { background: none repeat scroll 0 0 #E0E0E0; border-bottom: 1px solid #E0E0E0; } .uawin .headbar > .tabbar span { background: none repeat scroll 0 0 #c0c0c0; border: 1px solid #CCCCCC; border-bottom: 1px solid #666; border-radius: 3px 3px 0 0; color: #000000; display: inline-block; height: 28px; margin-left: 3px; margin-right: 3px; margin-top: 10px; width: 150px; } .uawin .headbar > .tabbar span:first-child { margin-left: 10px; } #winman_taskbar { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); border-top: 1px solid #EEEEEE; bottom: 0; height: 50px; position: fixed; width: 100%; z-index: 10000; } #winman_taskbar .item { background: #1a283b; border-radius: 3px 3px 3px 3px; color: #FFFFFF; float: left; font-size: 12px; margin: 11px; padding: 6px; text-align: left; width: 200px; cursor: pointer; } #winman_taskbar_spacer { height: 50px; } .uawin.uadialogue { width: 700px; border-radius: 0 0 5px 5px; border-top: 0; height: auto; min-height: 0px; } .uawin.uadialogue .inner { margin-top: 0; border-radius: 0 0 5px 5px; border-top: 0; padding: 10px; position: relative; } .uawin.uadialogue .blackbox { opacity: 0.2; } .uawin.uadialogue .bg { opacity: 0.9; } .uawin.uadialogue .buttonbar { position: relative; }