.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)} * { -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; outline: none !important } .site_navigation li:hover > a:before, .site_navigation li a:hover:before { color: #95acbb !important } .site_navigation a:before { margin-left: 0 !important; margin-right: 11px !important; color: #95ACBB !important; font-size: 0.8em; box-shadow: none !important; -webkit-box-shadow: none !important } .course_title .icon-mail:before, .course_title .icon-window:before { float: left; margin-bottom: 10px; margin-right: 8px; margin-top: 1px; color: #999 } .ThemeColor { background: #00d400 } .BackgroundColor { background-color: #424242 } .AltFontColor { color: #fff } .FontColor { color: #f5f5f5 } .Gradient { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.34) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.07)), color-stop(100%, rgba(0, 0, 0, 0.34))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.34) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.34) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.34) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.34) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12000000', endColorstr='#57000000', GradientType=0 ) } body { background-color: #f3f3f3 } #leftCol { -webkit-box-shadow: 4px 0px 5px -2px #888; -moz-box-shadow: 4px 0px 5px -2px #888; box-shadow: 4px 0px 5px -2px #888 } .ErrorMessages { display: none !important } input[type=checkbox] { margin: 5px 5px 5px 0px } .panel_list div span:first-child { color: #666; float: none; font-weight: normal } .panel_list div span b.value_0, .panel_list div span b.value_false { color: #bbb !important; background-color: #eee } .panel_list div span b { font-weight: bold; color: #fff !important; background-color: #02AEEF; padding: 2px 4px; border-radius: 4px; min-width: 40px; display: inline-block; text-align: center } .panel_list div span { float: right } .panel_list div { text-align: left; padding: 6px 5px; list-style: decimal; margin-left: 0; background-color: #fff; margin-bottom: 3px } .page_description p:before { font-size: 2em !important; color: #bbb; float: left; margin-top: -3px; margin-bottom: 20px } #mobileMsg { text-align: center; width: 90%; margin: 10px auto; max-width: 300px; display: none } .in_progress .completion_date { display: none } .learner_course_metadata { background-color: #ddd; padding: 0px 5px 1px; border-radius: 4px } .learner_course_metadata * { color: #777; font-size: .75em !important; text-transform: uppercase } * { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .margin_left_250 { margin-left: 250px !important } .row_buttons hr, #table_filters hr { display: none } hr { width: 100%; margin: 10px 0 !important; line-height: 1em !important; border: 1px solid #ccc; display: inline-block } p { margin: 15px 0px } .dxeBase { font-size: 15px } span.dxeBase { color: #666 } .reg_group span, caption, .dxgvHeader *, .dxbButton span, .dxrpHeader *, input[type=button], input[type=submit], button, #header *, .site_navigation *, .page_navigation a, h1, h2, h3, h4, .form_button, .form_button a, .portal_table_grid tr .course_title *, .portal_table_grid .number, .course_group_title, .strong_label, span.registration, .registration_title, .registration_title { font-family:noto-sans, Tahoma, Geneva, sans-serif !important; } .form_subtitle { clear: left; text-align: left; border-bottom: 1px solid #999; padding-bottom: 5px; margin-bottom: 10px; color: #666 } h3 { font-size: 1.5em; padding: 10px 0px 0px } caption { font-size: 24px !important } html, body, form, #container { height: 100%; overflow: auto } #container { height: auto; min-height: 100%; overflow-x: auto } #header { height: 88px; min-height: 88px; z-index: 3; padding: 2px; position: relative; background: #fff; width: 100% } .float_none { float: none !important } .float_right { float: right !important } .float_left { float: left !important } .float_panel h2 { color: #aaa; font-size: 1.5em; margin: 0px auto 15px; font-weight: normal } .button_list a { display: block !important; float: none !important; font-size: 1.6em; width: 80% !important; margin: 0px auto 5px; text-align: center; font-weight: normal; white-space: nowrap } .button_list { width: 30%; text-align: center; margin: 0 auto; white-space: nowrap } .float_panel:before { float: left; margin: 0 !important; margin-top: 2px !important } .float_panel { padding: 10px; margin: 0 auto; padding: 10px; border: 1px solid #ccc; border-radius: 10px; min-height: 220px; padding-bottom: 30px } .language_code_list li label { font-size: 1.1em; font-weight: bold; display: block; color: #777 } .portal_stat_box { margin-top: 0px; margin-left: 20px } .portal_stats small { font-size: .85em; color: #888 !important; margin-bottom: 9px !important; display: inline-block } .language_code_list li span { font-size: 0.7em; color: #999; text-transform: uppercase; text-overflow: ellipsis; width: 60px; overflow: hidden; display: block; text-align: center; margin-left: -4px !important; } .language_code_list li.inactive { opacity: 0.4 } .language_code_list li.active { background-color: #22B24C; border-color: #00901A; } .language_code_list li.active, .language_code_list li.active * { color: #fff !important; } .portal_stats h2 { margin-bottom: 0px !important } .language_code_list li { font-size: .9em !important; display: inline-block; width: 55px; height: 35px; overflow: hidden; border: 1px solid #ccc; border-radius: 4px; margin-right: 7px; margin-bottom: 10px; padding: 3px; float: left; text-align: center } .language_code_list ul { width: auto; white-space: normal; margin-left: 0px !important; padding-left: 0px !important } .language_code_list { padding-bottom: 20px; margin-bottom: 20px } .portal_stats { width: 60%; text-align: left; padding-left: 30px; position: relative; min-height: 230px; display: block } #bannerimage { position: fixed; left: 0px; top: 10px } #loggedinas { position: fixed; right: 0px } body { overflow-x: scroll } #mainContent > table { width: 80%; margin: 10px auto } .dxheControl, .dxheControl tbody, .dxheControl tbody table { width: 100% !important } #content { padding-bottom: 150px; } #mainContent { height: 100%; text-align: center; padding: 5px 0 15px; font-size: 1.2em; z-index: 1 } .general600x400message { width: 600px; height: auto; margin: 5% auto } .tags.error a, .registration_status.failed, .color_background_red { background-color: #B33929 !important; color: #fff !important } .color_background_yellow { background-color: #ffc222 !important } .color_background_darkgray { background-color: #333 !important } .color_background_green { background-color: #28b349 !important; color: #fff !important; } .color_green { color: #21b24b !important } span.footnote:before { position: absolute; left: 0px; top: 10px } span.footnote { position: absolute; border-top: 1px solid #bbb; margin: 20px 0px 0px 0px; padding: 8px 5px 8px 20px; font-size: .9em !important; color: #888 !important; bottom: 0px; width: 85% !important; left: 0px } .portal_stat_box span { display: block; width: 100%; font-size: 1.2em; color: #555 } .sync_status_log span.message { color: #777 !important } .sync_status_log span.error { color: red !important } .sync_status_log span.note { color: #000 !important } .sync_status_log span { color: #888; display: inline-block; width: 100%; text-align: left; font-family: Lucida Console, Monaco, monospace !important; line-height: 1.3em; font-size: 0.8em; white-space: nowrap } .sync_status_log { float: left; width: 100%; margin-bottom: 20px; background-color: transparent; border: 1px dashed #999; padding: 10px; border-radius: 5px; clear: all !important; height: 300px; display: block; overflow: scroll } #leftCol { float: left; z-index: 1; position: fixed; height: 100%; width: 248px; overflow: auto; display: block; padding-left: 2px } #rightCol { overflow-x: hidden; overflow-y: auto; padding-right: 15px; padding-left: 263px; height: 100%; display: block } .lock_down_cover span { text-align: center !important; color: #888; width: auto; margin: 0px auto !important; display: inline-block; padding: 0; font-weight: bold; background-color: #fff } .lock_down_cover h1, .admin_mode .lock_down_cover h1 { padding: 4px 10px !important; margin-bottom: 0px !important; background-image: none !important; text-align: center; margin-top: 20% !important; position: relative; display: inline-block; font-size: 2.5em !important; width: auto !important; background-color: #fff } body.server_processing_mode_lock_form_fields input, body.server_processing_mode_lock_form_fields select { pointer-events: none !important; opacity: 0.3 !important } body[class*="_processing_mode"] .lock_down_cover { display: block } .lock_down_cover { display: none; position: fixed; z-index: 1000; width: 100%; height: 110%; background-color: rgba(255, 255, 255, 0.9); top: 0px; left: 0px; text-align: center } #footer sup { line-height: 1em; font-size: 0.5em } #footer a span { font-size: 0.9em !important } #footer a:hover { background-color: #01AEEF; color: #fff !important } #footer a { color: #555 !important; text-decoration: none !important; background-color: #fff; padding: 2px 5px; border-radius: 5px; margin-left: 3px } #footer { clear: both; position: relative; z-index: 2; height: 150px; margin-top: -150px; bottom: 0px; padding: 20px 20px 10px; text-align: center; font-family: Arial; color: #ccc; font-size: 12px; background: #6B666C; background-image: url('/css/images/cls-logo-bw-faded15.png') !important; background-repeat: no-repeat; background-position: center center } .dxgvHeader * { font-size: 1em !important } .loginbox .label_link:hover { color: #333 !important; border-color: #333 } .loginbox span[id*="FANote"]:before { content: 'TEST CODE: '; opacity: .6; } body[data-theme="cls-slo-br1"] .loginbox span[id*="FANote"] { background: rgb(214 178 17) !important; display: block !important; width: 150px !important; float: none !important; text-align: center; color: #fff !important; } .loginbox .label_link:before { margin: 0; margin-right: 5px; font-size: 1.3em } .loginbox .label_link { text-align: left; clear: left; float: none; background-color: transparent; color: #aaa !important; border: 1px solid #bbb; border-radius: 6px; width: 89% !important; text-transform: none; font-family: sans-serif !important; font-size: 0.9em; padding: 7px 10px } caption, .dxgvHeader, .dxrpHLE, .dxrpHRE, .dxrpTE, .dxrpHeader, .loginbox h2 { background-color: #1E4467 !important; border: 0px solid #fff !important; background-image: none !important } .dxrpHeader, .loginbox h2 { border-bottom: 7px solid #fec221 !important } .header_button { position: absolute; z-index: 10; top: 100px; right: 45px; font-size: 1em !important } .dxgvHeader, .dxgvHeader table, .dxbButton span, .dxrpHeader *, div.form_button, input[type=button], input[type=submit], button { font-size: 1.5em; text-transform: uppercase } #header * { color: #555 } .dxbButton, .dxbButton * { background-image: none !important; border: none; background-color: transparent } .dxgvHeader, .dxgvHeader table, .dxbButton div.dxb:hover span, .dxbButton div.dxb:active span, .loginbox h2 { color: #fff !important } .loginbox .dxca-imageDiv { border: 1px solid #000 !important; width: 190px !important; margin-left: 15px !important } .loginbox span, .loginbox a, .loginbox input[type=text], .loginbox input[type=email], .loginbox input[type=password], .loginbox input[type=button], .loginbox input[type=submit], .loginbox p { margin: 10px 15px 5px 15px !important; display: block !important; clear: left; float: none } .loginbox p { color: #555; font-size: 15px !important } .dxrpHeader span { text-align: center !important } .loginbox span { margin: 2px 15px !important; text-align: left } .loginbox .dxcaRefreshButton { width: 180px !important } .loginbox .dxcaRefreshButton img, .loginbox .dxcaRefreshButton span { float: none !important; margin: 0 !important; display: inline !important; margin-right: 10px !important } .loginbox a { text-align: left; color: #555 !important; text-decoration: none; background-color: #bbb; border-radius: 3px; color: #fff !important; padding: 9px 8px; width: auto !important; display: inline-block !important; float: right; font-size: 1.2em } .loginbox input[type=text], .loginbox input[type=email], .loginbox input[type=password] { text-align: left } input[type=password], input[type=text] input[type=email] { text-indent: 0 !important; font-family: noto-sans,sans-serif; } .loginbox span, .loginbox input[type=text], .loginbox input[type=email], .loginbox input[type=password] { width: 90% !important } .loginbox { text-align: left } .loginbox h2 { padding: 4px 0px; margin-bottom: 20px; text-align: center } .dxbButton div.dxb:hover, .dxbButton div.dxb:active { background-color: #3b72a5 !important } .status_disabled td .icon:hover, .status_expired td .icon:hover, .status_disabled.status_expired td .icon:hover, .row_buttons input[type=button].icon:hover, .row_buttons .icon:hover, .LeftEditor .icon:hover, .LeftEditor .icon:active, .row_buttons input[type=button].icon:active, .row_buttons .icon:active { background-color: #02AEEF !important; color: #fff !important } table.portal_table_grid tbody td, table.portal_table_grid tbody td *, .row_buttons *{ color:#444; } .row_buttons span{ margin-right:2px !important; } table.portal_table_grid tbody td:first-child, table.portal_table_grid tbody td:first-child *{ font-weight:bold; } .lock_down_cover .icon { margin: 0 auto !important; text-align: center; font-size: 30px !important; width: 50px !important; height: 41px !important; color: #888; } .row_buttons .icon:last-child { margin-right: 0 } .form_button.course_launch_button, .form_button.course_launch_button.disabled { pointer-events: auto !important } .scorm_cloud_offline .form_button.scorm_cloud_api_req, .scorm_cloud_offline input[type=submit].scorm_cloud_api_req, .scorm_cloud_offline input[type=button].scorm_cloud_api_req { background-color: #ccc } .scorm_cloud_offline .scorm_cloud_api_req, body.form_controls_disabled input, body.form_controls_disabled select, body.form_controls_disabled td label, select[disabled=disabled], *.disabled, .form_button.disabled, input.disabled, .dates_disabled .date_control, .dates_disabled .form_button { opacity: 0.6 !important; pointer-events: none !important; cursor: default; color: #999 !important; pointer-events: none } .dates_disabled .form_button { background-color: #ccc; border-color: #aaa } body.form_controls_disabled .lock_down_cover { display: block } .subtle_info_button.disabled { cursor: default; opacity: 0 !important } .subtle_info_button { font-size: 1.4em !important; color: #999 !important; font-weight: normal !important; margin-top: 4px; pointer-events: auto !important; } .status_disabled td .icon, .status_expired td .icon, .status_disabled.status_expired td .icon, .square_button, .row_buttons .icon, .LeftEditor .icon { color: #888 !important; margin-right: 0px; border-radius: 4px; height: 34px; width: 34px; line-height: 1.5em; margin-left: 0px; text-decoration: none !important } .LeftEditor .icon, .row_buttons .icon { background-color: transparent !important; min-width: 0px !important } body #container .LeftEditor input{ margin-left:0px !important; text-align:left; } input[type=button].icon, .icon { width: 26px !important; height: 24px !important; border-style: none; margin-right: 4px; border-radius: 4px; font-family: "iconfont" !important; font-size: 16px !important; line-height: 1.6em !important } input[type=button], input[type=submit], .dxbButton div.dxb { width: auto; display: inline-block } .dxrpHeader *, .dxrpHeader td *, .loginbox h2 { font-size: 1.7em; color: #fff } .dxic { height: 15px !important } .dxmLite input[type="text"], .dxmLite input[type="email"], .dxmLite input[type="password"], .dxmLite input[type="text"].dxeEditArea, .dxmLite input[type="password"].dxeEditArea { padding: 2px 2px !important; margin: 0 !important } input[type="text"], input[type="password"], input[type="text"].dxeEditArea, input[type="password"].dxeEditArea, .dxbButton div.dxb, .dxbButton div.dxb:hover, .dxbButton div.dxb:active { width: inherit; margin: 5px 0px !important; text-align: center } .loginbox { width: 95%; max-width: 600px; margin: 5% auto 0px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4); padding: 0px 0px 15px; min-height: 240px; position: relative } .dxrpControl, .dxrpControl table { width: 100% !important; height: auto; } .dxeHyperlink { color: #777; text-decoration: none; display: inline-block; padding: 5px 0px 0px } .dxmMenu, .dxmVerticalMenu, .dxmMenu * { background-color: #EFF2F5 !important; background-color: transparent !important; border: none !important; padding: 3px !important; margin: 3px !important; color: #777 !important } .dxmMenu:hover, .dxmVerticalMenu:hover, .dxmMenu:hover *, .dxmMenu:active, .dxmVerticalMenu:active, .dxmMenu:active * { background-color: #D9EBF2 !important; border: none !important; background-color: transparent !important } .site_navigation, .site_navigation_menu li { background-color: #EFF2F5 !important; width: 100% } #header { position: relative; background-image: url('/css/images/header.png'); background-size: auto 40px; background-repeat: no-repeat; background-position: 15px 10px; z-index: 1 } .admin_mode h1 { font-size: 1.4em; min-height: 40px; margin: 4px 0px !important } .admin_mode #header { } .admin_mode #site_navigation * { font-size: 17px !important } .admin_mode .site_navigation { height: 34px !important; z-index: 101; position: relative; } #header_click_area { width: 200px; height: 80px; position: absolute; top: 10px; left: 15px } .content_block * { font-size: 17px; color: #444; text-align: left; width: 60%; margin: 0 auto; min-width: 700px } .content_block ul li { margin-left: 30px; line-height: 1.6em; color: #000 } .site_faq ul { border-bottom: 1px solid #bbb; padding-bottom: 12px; margin-bottom: 12px } .site_faq ul:last-child { border-bottom: 2px solid red } .site_faq ul, .site_faq ul li { color: #555; line-height: 1.3em } .site_faq p { font-weight: bold; color: #333 } .content_block p { line-height: 1.5em !important; margin-bottom: 10px } .site_navigation { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4) !important; text-align: center; width: 100%; height: 40px; z-index: 300; margin: 0; padding: 0 } .site_navigation li:hover, .site_navigation li.selected { background-color: #D9EBF2 !important; color: #fff !important } .site_navigation li { display: inline-block; text-align: center; position: relative; } .site_navigation_menu li { display: block; } .site_navigation li label { margin-right: 10px; color: #777 } .site_navigation li:hover > a, .site_navigation a:hover { color: #434e55 !important } .site_navigation_menu li:hover > a:before, .site_navigation_menu li:hover > a, .site_navigation_menu li:hover > span { background-color: #02AEEF !important; color: #fff !important; } .site_navigation_menu li a { margin: 0 !important; } .site_navigation_menu li, .site_navigation_menu li a { height: 34px !Important; } .site_navigation_menu li ul li a, .site_navigation_menu li a { height: 21px !Important; } .site_navigation li label, .site_navigation li a { font-size: 1.6em !important; padding: 7px 10px; display: block; width: auto !Important; } .site_navigation ul, .site_navigation li { margin: 0 !important; padding: 0 !important } .site_navigation_menu li { border-top: 1px solid #ddd; font-size: .8em; padding: 0 !important; margin-top: 0px !important; margin-bottom: 0px !important; height: 31px } .site_navigation_menu li:last-child { border-bottom: 1px solid #ddd } .site_navigation li a { text-decoration: none; color: #707B88; width: 100%; text-indent: 0 !important; text-align: left; margin-left: 2px; padding-right: 10px; } .site_navigation li ul li a { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; max-width: 295px; margin-bottom: 0px !important; line-height: 1.2em; height: 14px; margin: 0px !important; } .site_navigation_menu { position: absolute; box-shadow: -1px 4px 3px rgba(0, 0, 0, 0.4); max-width: 300px; background-color: #EFF2F5 !important; z-index: 100; overflow: hidden; min-width: 245px; } .site_navigation li:hover .site_navigation_menu { } .site_navigation ul li ul { display: none; } .site_navigation ul li:hover span { color: #707B88; } .site_navigation ul li span { position: absolute; right: 2px; top: 8px; color: #ccc; } .site_navigation_menu { box-shadow: -1px 4px 3px rgba(0, 0, 0, 0.4); } .site_navigation ul li:hover ul li { box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2); } .site_navigation ul li:hover ul { display: block; position: absolute; left: 245px; top: 0px; } .site_navigation a { overflow: hidden; } .site_navigation ul { overflow: visible !important; } .site_navigation ul li:hover ul li { z-index: 10; } .site_navigation ul li:hover ul li { border-left: 1px solid #ccc; } .site_navigation ul li ul li a { height: auto; overflow: hidden; } .site_navigation ul li ul li { display: block; overflow: hidden; } .admin_mode .site_navigation ul li:hover ul { left: 245px; } .dxgvControl { width: 100%; margin: 10px auto } .dxgvControl * { text-align: center } .dxca-imageDiv { background-color: transparent !important; border-color: transparent !important; width: 100% !important } #user_controls span, #user_controls a { display: inline-block; padding: 0px 8px; color: #aaa; font-size: 0.9em; font-family: noto-sans, Tahoma, Geneva, sans-serif !important; font-size: 12px !important; } #user_controls a.language_label { min-width: 10px; line-height: 1em !important; height: 18px; margin-right: -5px; } #user_controls .language_label { border-left: none !important; padding: 0 } #user_controls a:first-child { border-left: none !important } #user_controls a { border-left: 1px solid #bbb !important; text-decoration: none; color: #555 } #user_controls a[class^="icon-"]:before, #user_controls a[class*=" icon-"]:before, #user_controls span[class^="icon-"]:before, #user_controls span[class*=" icon-"]:before { color: #999; margin-right: 5px } @media all and (max-width: 800px) and (min-width: 100px) { #user_controls a[class^="icon-"]:before, #user_controls a[class*=" icon-"]:before, #user_controls span[class^="icon-"]:before, #user_controls span[class*=" icon-"]:before { font-size: 1.4em } #user_controls a, #user_controls span { width: 25px; height: 19px; display: inline-block; overflow: hidden; padding: 0px 0px; margin-right: 5px } #user_controls span { display: none } } .language_label:before { margin-top: 5px; font-size: 1.3em !important } #user_controls *, #user_controls .language_label { margin-top: 5px !important } #user_controls div, #user_controls .language_label, #user_controls select { display: inline-block; clear: none; white-space: nowrap !important } #user_controls * { white-space: nowrap !important } #user_controls { display: inline-block; position: relative; float: right; margin-top: 5px; white-space: nowrap; margin-right: 10px; width: auto !important; padding-right: 10px; } .page_navigation ul { display: inline-block } .page_navigation { background-color: #3B72A5; height: 40px; margin: 0 !important; padding: 0; display: block; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4) !important } .page_navigation li:last-child { border-right: 1px solid #6193c2 } .page_navigation li { display: block; float: left; list-style: none; margin: 0 !important; padding: 0; border-left: 1px solid #6193C2; padding: 0 } .page_navigation li a:hover, .page_navigation li.selected a { background-color: #1e4467 } .page_navigation li a { color: #fff; padding: 10px 10px; margin: 0; display: block; height: 20px !important; font-size: 1.2em; text-decoration: none } .page_navigation li, .page_navigation li a { height: 40px } .expired h1 { color: #777 !important } .expired h1, .completed h1 { -moz-filter: url("data:image/svg+xml; utf8, #grayscale"); -o-filter: url("data:image/svg+xml; utf8, #grayscale"); -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml; utf8, #grayscale") } h1 { font-size:26px; font-weight: normal !important; color: #444; margin: 10px; background-image: url('/css/images/cls-header-swoosh-h1.png'); background-position: 100% bottom; background-repeat: no-repeat; min-height: 40px; padding: 0 !important; margin: 10px 0px !important; margin-top: 25px !important; text-indent: 0 !important; background-size: 100% 23px } h1:first-child { margin-top: 10px !important; clear: left } select.unselected.subtle_if_not_selected { font-style: italic; border: 1px dashed #bbb; background-color: transparent; color: #999 } select.unselected { font-weight: normal !important } body[data-theme="cls-slo-br1"] .clsadd.found_item input[type=text], body[data-theme="cls-slo-br1"] .table-form-fields .subtle_if_not_selected:not(.unselected), body[data-theme="cls-slo-br1"] .table-form-fields select.highlight:not(.unselected){ background:#fff !important; color:#3a749e !important; font-weight:bold; } body[data-theme="cls-slo-br1"] .clsadd.found_item input[type=text].unselected, body[data-theme="cls-slo-br1"] .table-form-fields select:active, body[data-theme="cls-slo-br1"] .table-form-fields select:focus, body[data-theme="cls-slo-br1"] .table-form-fields .subtle_if_not_selected.unselected{ background:#fff !important; color:#444; font-weight:normal; font-style:normal !Important; } body table.table-form-fields tr td{ padding:4px } input[type=text]:focus, select:focus { background-color: #f1fbff !important; border: 1px solid #02aeef !important; } input[type="text"], input[type="email"], input[type="password"], select { font-size: 14px !important; padding: 6px 5px !important; border: 1px solid #999; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 1em !important; text-indent: 6px !important; margin: 3px !important } body#clsportal_body #content div.loginbox input[type=text].value_error:focus, body#clsportal_body #content div.loginbox input[type=text].invalid_data:focus, body#clsportal_body #content div.loginbox .value_error, body#clsportal_body #content div.loginbox .invalid_data, body#clsportal_body #content div.loginbox select.required[data-state="no_value"], body#clsportal_body #content div.loginbox input[type=file].required, body#clsportal_body #content div.loginbox input.required[data-state="no_value"]{ border: 1px solid #999 !important; border-left: 1px solid #ddd !important; border-left: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; } div.LeftEditor { padding: 0 !important; margin-left: 0px !important } div.highlight:before { margin: 0px 5px !important } div.highlight, span.highlight, label.highlight { text-indent: 0 !important; background-color: #fbfbbb; color: #000 !important; font-weight: bold; border: 1px solid #444 !important; box-shadow: 1px 2px 2px #888 } .custom_reminder_button { display: inline-block; float: none; width: 160px; position: relative; height: 37px } .reminder_add_button { position: absolute; top: 5px; right: 10px } .reminder_control input[type=text] { padding: 4px 2px !important; background-color: #fff } .reminder_control:last-child { -webkit-animation: slide_in_left .3s ease-out; animation: slide_in_left 0.3s ease-out } .reminder_control label { font-weight: normal; min-width: 140px !important; margin-top: 0px !important; margin-left: 0; width: 140px } .reminder_list_panel { min-height: 30px; overflow: hidden } .LeftEditor span, .LeftEditor { white-space: nowrap !important } div.LeftEditor { width: 50%; color: #777; line-height: 1.6em !important; position: relative } span.LeftEditor input { margin-left: 15px } .text_uppercase { text-transform: uppercase } .nowrap { white-space: nowrap } .nowrap * { display: inline !important } .border_none { border-style: none !important } .style_bold { font-weight: bold } .width_full td span.LeftEditor { margin-left: 10px; padding: 5px !important; margin-top: 3px; width: auto !important } span.LeftEditor { padding: 6px 0px; } select[multiple=multiple] { height: auto !important } .radio_horizontal { border-bottom: 1px solid #bbb; margin-bottom: 15px } .radio_horizontal li.selected { background-color: #098dc6; box-shadow: none !important; color: #fff !important } .radio_horizontal li { float: none; display: inline-block; margin-right: 10px; padding-right: 15px; list-style: none; background-color: transparent; color: #000; padding: 10px; border-radius: 8px 8px 0px 0px } .radio_horizontal li label { font-size: 1.2em !important; margin-left: 5px } select { height: 34px !important; padding: 5px 4px } #table_filters { text-align: left } #table_filters label { text-transform: uppercase; color: #999; font-size: 12px !important } #table_filters td { padding: 0; margin: 0 } #table_filters table { width: auto; margin: 0 auto; padding: 0 } #table_filters select { width: 150px !important } #table_filters input { width: 200px; float: none } .form_table .dxrpHeader td { text-align: center !important } td.form_label { white-space: nowrap; width: 10% !important } tr.past td .icon { opacity: 0.5 } tr.past td * { color: #bbb !important; font-style: italic } .form_table td { text-align: left; position: relative } .form_table { width: 94% !important; margin: 15px 3% } .group_courses { padding-left: 30px } .group_courses .LeftLabel { width: 20%; clear: left !important; margin-left: 0 !important } .group_courses .LeftEditor { width: 33% !important; clear: none !important; margin-left: 6px; margin-bottom: 4px; font-size: 1.1em !important } .LeftLabel:before { color: #ccc; margin-right: 7px !important; float: right; margin-top: 10px } .expired .registration_title span.date, .expired .registration_title span.date { background-color: #bbb } .registration_title span.date:before, .registration_title span.date:before { font-size: 1.2em; margin: 0; margin-right: 3px } .registration_title span.date.locked, .registration_title span.date.locked { color: #fff !important } .completed registration_title span.date.completeby, .completed .registration_title span.date.completeby { background-color: #ccc !important } .completed.status_hidden span.date.completeby { display: none !important } .registration_title span.date.completeby, .registration_title span.date.completeby { background-color: #666 } .registration_title span.date *, .registration_title span.date * { font-weight: normal; font-size: 13px; } .registration_title span.date, .registration_title span.date { margin-right: 5px } .registration_title span.date, .registration_title span.date { display: inline-block; font-size: 12px; background-color: #999; color: #fff; border-radius: 4px; padding: 1px 3px; margin-bottom: 5px; margin-top: 3px; } .registration_row .course_number, .report_activity .registration_status, .form_button, .user_message div .close_button, .loginbox .label_link, .subtle_info_button, .status_disabled td .icon, .status_expired td .icon, .status_disabled.status_expired td .icon, .square_button, .row_buttons .icon, .site_navigation li a, .cgc_language_list label, .cgc_language_list span span.course_language, .registration_title span.date, .registration_title span.date, .course_list .registration_status, .LeftLabel { cursor: pointer !important; } .course_list_headers { text-transform: uppercase; height: 25px; border-bottom: 1px solid #ddd; width: 99%; margin: 0 auto } .course_list_headers span:first-child { text-align: left; text-indent: 32px } .course_list_headers span { background-color: transparent !important; color: #bbb; font-family: sans-serif !important; font-weight: normal; font-size: 11px; line-height: 1em !important; padding: 0px; margin-top: 10px } .expired .registration_title, .locked .registration_title, .expired .registration_title, .locked .registration_title { color: #888 } .registration_title, .registration_title { font-size: 18px; color: #444; width: 55%; display: inline-block; float: left; white-space: normal; position: relative; line-height: 1em; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clear: left; overflow: visible } .registration_row .course_number:before { margin: 0 !important; padding: 0 !important; width: 10px !important } .registration_row.completed .course_number:before { margin-left: -3px !important } .registration_row .course_number { background-color: #ccc; border-radius: 10px; padding: 3px 6px; text-align: center; color: #fff; margin-right: 10px; display: inline-block; position: absolute; top: -2px; left: -30px; line-height: 1.1em; width: 9px } .registration_row .course_number.icon-award:before { margin-left: 0px !important } .registration_row .course_number.icon-award { font-size: 1.1em; text-indent: -1px; padding: 1px 7px; background-color: #999 } .registration_row.multiple .course_number { visibility: visible } .new_course_version .icon-info-circled { position: absolute; right: -25px; top: 13px; font-size: 1.3em; color: #02AEEF; border-radius: 10px; padding: 0 } div.registration_row { margin: 5px 0px 10px; text-align: left; width: 95%; margin-left: 3%; position: relative; min-height: 45px; vertical-align: middle; border-bottom: 1px dashed #ccc; white-space: nowrap; clear: left; height: auto; min-height: 60px } .registration_status span.score:after { content: "%" } .registration_status span.score, .registration_status span.score * { font-size: 12px !important } .expired .registration_status label, .registration_status span.score { display: inline-block; background-color: #fff; color: #444; text-align: center; border-radius: 4px; margin-top: 0; padding: 2px 4px; margin-left: 5px } .complete .registration_status, .completed .registration_status, .in_progress .registration_status { color: #fff !important } .status_hidden .registration_status { display: none } .not_started .registration_status { background-color: transparent; color: #bbb; font-style: italic; position: relative } .in_progress .pass_fail { display: none !important } .report_activity .reset_count { position: absolute; left: 0px } .report_activity .pass_fail.pending, .report_activity .label.complete .registration_status { background-color: #888 } .ecert.complete, .complete .registration_status, .completed .registration_status { background-color: #28b349 } .tags.error a, .tags.processed a { pointer-events: none !important; } .tags.processed a { color: #888 !important; } .reg_queue_list tr.unprocessed td { background-color: #ffff99; } .reg_queue_list tr.error td { background-color: #ecaeae; } .reg_queue_list tr.error td *, .reg_queue_list tr.unprocessed td * { color: #000; } .reg_queue_list tr.error:hover td { background-color: #fdcfcf !Important; } .reg_queue_list tr.unprocessed:hover td { background-color: #fefeee !Important; } .tags.unprocessed a:before, .tags.processed a:before, .tags.error a:before { margin-right: 4px; } .tags.unprocessed a, .tags.processed a, .tags.error a { width: 100px; text-align: left; } .tags.unprocessed a, .complete .pass_fail.incomplete { background-color: #ad8c35 !important; } .expired .registration_status label { display: inline-block } .registration_status small { display: block; font-size: 0.75em; padding: 2px 4px; color: #fff; background-color: rgba(0, 0, 0, 0.15); border-radius: 3px; margin-top: 4px; opacity: 0.8 } .course_list .registration_status { float: left; margin: 20px 10px 0px } .course_list_headers .registration_status { margin: 10px 10px 0px } .report_activity .registration_status { min-height: 14px; border: 1px solid #ccc } .report_activity .registration_status:before { float: right; margin: 0px !important; font-size: 1.2em } .page_description .ecert { padding: 8px !important; position: relative; margin-top: 4px } .page_description .ecert:before { position: absolute; left: 3px; font-size: 1.3em } .ecert.not_started { background-color: #ccc } .ecert.incomplete, .course_list .incomplete .registration_status { background-color: #ad8c35 } .course_list .incomplete .registration_status { background-color: #ad8c35 } .ecert.in_progress, .registration_status { background-color: #888; color: #fff; padding: 4px 8px; border-radius: 4px; width: 145px; text-align: center; min-width: 80px; text-overflow: ellipsis; overflow: hidden; display: block } .registration_table .dataTables_filter { display: none !important } .reg_item_edit { display: block !important } .reg_item_edit .LeftEditor, .reg_item_edit .LeftLabel { width: 60%; display: inline-block; float: none } .reg_item_edit h3 { font-size: 1.6em } .LeftLabel .footnote.warning { background-color: #fefeee; border: 1px solid maroon !important; color: maroon !important } .footnote a, .LeftLabel .footnote { font-size: 11px !important; color: #777 !important } .LeftLabel .footnote, .LeftEditor .footnote { display: block; text-align: left; padding: 0; bottom: auto; top: auto; position: relative !important; left: auto; height: auto; margin: 0; line-height: 1.3em; margin-bottom: 10px; margin-top: -5px; border: 1px solid #ddd; padding: 5px; border-radius: 4px; width: 70% !important; padding: 5px 10px !important; background-color: #fff; margin-left: -5px; white-space: normal; clear: left; font-weight: normal } .LeftEditor .footnote { margin: 2px 4px; font-size: 0.8em !important; background-color: transparent; text-indent: 0px; width: 95% !important; white-space: normal !important } .LeftLabel small { display: block; line-height: .5em; font-size: .8em; margin-top: 8px; color: #aaa } .width_full .LeftLabel { margin-left: 0px !important; width: auto !important } .form_section_header .LeftEditor { float: none !important; margin-left: 145px !important } .form_section_header { width: 99% !important; background-color: #ccc; padding: 5px 10px; border-radius: 8px 8px 0px 0px; margin-left: 0px !important; margin-top: 10px } .LeftLabel { position: relative; width: 20%; clear: both; float: left; text-align: left; color: #666; font-size: 14px; min-height: 10px; margin-left: 30px; line-height: 2em; height: auto; min-width: 180px; font-weight: bold } *[id*="lblCourseGroupCourses"].LeftLabel{ min-width:60px; width: 11%; } .LeftLabel.spacer { height: 25px !important; display: block } input[type=file].LeftEditor { height: 35px } .send_email_checkbox.disabled { opacity: 0 !important; height: 1px !important } textarea.LeftEditor { font-size: 1em; line-height: 1.5em; padding: 4px 10px; vertical-align: top; height: 200px; margin-top: 5px; font-family: Lucida Console, Monaco, monospace !important } .height_20 { height: 20px !important } .height_50 { height: 50px !important } .height_60 { height: 60px !important } .height_70 { height: 70px !important } .height_80 { height: 80px !important } .height_100 { height: 100px !important } .LeftEditor { float: left; text-align: left !important; width: 65% !important; margin-bottom: 10px; margin-right: 5px } .form_table .LeftLabel.SecondLabel { margin-top: 7px } .margin_left_5 { margin-left: 5% } .width_full td *:first-child { margin-right: 5px !important } .width_100p { width: 100% !important; max-width: none; } .width_75p { width: 75% !important; max-width: none; } .width_50p { width: 50% !important; max-width: none; } .width_25p { width: 25% !important; max-width: none; } .width_full { width: 95% !important } table.auto_width_columns td { width: auto !important } .table-form-fields input.width_300, .table-form-fields select.width_300, .width_300 { width: 300px !important; max-width: 300px !important } .width_350 { width: 350px !important; max-width: 350px !important } .width_400 { width: 400px !important; max-width: 400px !important } .width_450 { width: 450px !important; max-width: 450px !important } .width_500 { width: 500px !important; max-width: 500px !important } .table-form-fields input.width_200, .table-form-fields select.width_200, * .width_200, .small.width_200, .form_button.width_200, .width_200 { width: 200px !important; max-width: 200px !important } .form_button.width_370, .width_370 { width: 370px !important } .group_courses .header_label { margin-left: 5px } .header_label { color: #555; font-size: .8em; text-transform: uppercase } .table-form-fields input.width_180, .width_180 { width: 180px !important; max-width: 180px !important } .table-form-fields input.width_150, .width_150 { width: 150px !important; max-width: 150px !important } #mainContent .width_60, .width_60 { width: 60px !important; max-width: 60px !important } .table-form-fields input.width_100, .width_100 { width: 100px !important; max-width: 100px !important } .width_auto { width: auto !important } .align_right .form_button { float: none } .align_right { text-align: right !important } .align_center { text-align: center !important } .align_left { text-align: left !important } .display_none { display: none !important } .display_inlineblock { display: inline-block !important; min-height: 10px } .loginbox .FloatLeft[type=button], .loginbox .FloatLeft[type=submit] { display: inline-block !important; float: none !important } .date_field, .LeftEditor.date_field { width: 85px !important; text-align: center !important; white-space: nowrap } body #content .FloatLeft { float: left !important; clear: none !important; margin-right:10px !important; } body #content .FloatRight { float: right !important; clear: none !important; margin-left:10px !important; } .PadRight { margin-right: 1% !important } .dxtb-comboBoxMenuItem { width: 170px } #cmbLanguageDropDown { margin-bottom: 3px } .tags select { max-width: 100px !important } input[type=text].small, select.small { font-size: .85em !important; width: auto !important; padding: 2px 3px !important; line-height: .9em !important; height: auto !important; min-width: 80px !important; text-indent: 0px !important } .hidescores_true .header_score, .hidescores_true td.score { display: none } .form_button.tiny_button, *.tiny_button, .tiny_button { font-size: 1.1em; padding: 0px 8px; display: inline-block; float: none; margin: 0 2px; text-align: center; line-height: 1.3em; border-radius: 5px; } .form_button.small { min-width: 100px; padding: 2px 5px } .form_button:hover, .form_button:active { background-color: #144C66 !important; border-bottom: 2px solid #011a44 !important } .list_action_buttons { display: block; height: 23px; float: right } .list_action_buttons .form_button:before { margin: 0; margin-right: 5px } .list_action_buttons .form_button { font-size: 1.1em; padding: 7px 7px } .completed .form_button { background-color: #888; border-bottom: 2px solid #666 } .form_button { border-style: none; background-color: #02AEEF; color: #fff !important; padding: 7px 8px; font-size: 17px; border-radius: 6px; width: auto !important; text-decoration: none; padding: 5px 13px; float: left; margin-right: 10px; width: auto !important; margin-bottom: 9px } .green_button:active, .green_button:hover { background-color: #0C7B00 !important; border-bottom: 2px solid #092800 !important } .green_button { background-color: #2FAF10; border-bottom: 2px solid #0d6a00 } div.tags { max-width: 160px; height: auto; white-space: normal; display: inline-block; min-width: 50px } .person_name .tags { white-space: nowrap } .person_name .tags span, .tags a, .status_locked .person_name .tags span { font-size: .8em !important; margin-right: 3px; font-weight: normal; margin-top: 3px } .person_name * { color: #555 !important; font-size: 1em !important; font-weight: bold } .person_name.admin_1[class^="icon-"]:before, .person_name.admin_1[class*=" icon-"]:before { color: #000 } .person_name.admin_1 *, .person_name.admin_2 * { color: #000 !important } .reg_queue_list td { width: 30% !important; } .reg_queue_list td.date, .reg_queue_list td.tags, .reg_queue_list td:first-child, .reg_queue_list th:first-child { width: 2% !important; } .portal_table_grid span.tag { color: #fff !important; font-size: 11px !important; display: inline-block; background-color: #bbb; margin: 0 !important; margin-right: 5px !important; padding: 1px 4px; border-radius: 4px 0px 0px 4px } .portal_table_grid tr td.person_name, .portal_table_grid tr td.email { text-align: left !important; white-space: nowrap } .portal_table_grid tr td.email span { max-width: 250px; overflow: hidden; text-overflow: ellipsis } .portal_table_grid .form_button.red { background-image: none !important } .form_button.red { background-color: red; border-bottom: 2px solid maroon } .form_button.red:active, .form_button.red:hover { background-color: maroon !important; border-bottom: #902 } .form_button.subtle:active, .form_button.subtle:hover { background-color: #777; background-color: #aaa !important; color: #eee !important } .form_button.icon { width: 25px !important; min-width: 25px !important; text-align: center !important; text-indent: 0; font-size: 1.3em !important; line-height: 1.3em !important } input.readonly.date_field { background-color: #ddd !important; font-weight: normal !important; font-style: italic !important } .readonly.allow_selection, .allow_selection { pointer-events: auto !important; -webkit-user-select: auto !important; -user-select: auto !important } *.readonly, input.readonly { background-color: #eee; border-style: dashed !important; color: #444; border-radius: 4px; pointer-events: none !important; } *.readonly, input.readonly, .course_list .registration_status { cursor: default !important; } textarea.readonly { pointer-events: auto !important; } .form_button.small { font-size: 18px } button[disabled], body.form_controls_disabled input[type=button], body.form_controls_disabled input[type=submit], .form_button.subtle, .form_button.disabled, input[disabled='disabled'] { background-color: #888 !important; border-bottom: 2px solid #888 !important; background-color: transparent; color: #fff !important; border: 1px solid #aaa !important; } button[disabled], body.form_controls_disabled input[type=button], body.form_controls_disabled input[type=submit], .form_button.disabled, input[disabled='disabled'] { pointer-events: none !important; opacity: 0.6; } input[disabled='disabled'] { opacity: .4; } .portal_table_grid td { color: #999; text-align: left } .portal_table_grid { width: 100%; min-width: 900px; margin: 6px auto } span.course_status label { font-size: 12px; color: #fff; background-color: #bbb; border-radius: 4px; padding: 2px 5px; margin-top: 4px; display: inline-block } tr .course_status:before { color: #02aeef } tr.status_locked .course_status:before { color: #aaa } tr.status_incomplete.status_inprogress .course_status:before, tr.status_incomplete.status_inprogress .course_status { color: #333 } tr.status_complete .course_status:before { color: #23b14b } .course_status:before { font-size: 1.2em !important } .course_status { font-size: 1.1em !important; text-transform: Capitalize !important; width: 100%; text-align: center; padding-top: 4px } .portal_table_grid .status_complete span.course_title { color: #777 } .portal_table_grid tr span.course_title *, .course_list tr span.course_title { font-weight: bold; font-size: 1.5em; text-transform: none !important; color: #000; white-space: normal; overflow: hidden; text-overflow: ellipsis; text-decoration: none; font-size: 1.4em } td.course_index { width: 3% !important; padding-left: 0 !important } .course_list tr span.course_title { padding-left: 0px } .report_activity .course_title span { color: #666 !important; padding: 4px } .report_activity .reg_group { background-color: #aaa; text-align: left } .report_activity .reg_group span { color: #ddd; font-size: 1.1em } .report_activity .reg_group span b { text-transform: uppercase; color: #fff } .report_activity .course_title { background-color: #ddd } .portal_table_grid tr .course_title * { font-size: 1.3em } .course_index.number { font-size: .9em !important; padding: 0px 1px !important; line-height: 1.6em !important; color: #fff !important; float: left; font-weight: bold !important; position: absolute; left: 0; font-family: sans-serif !important; background-color: #ccc } .portal_table_grid .number span, span.number { font-size: 18px !important; background-color: #ddd; display: inline-block; min-width: 20px; height: 20px; border-radius: 30px; padding: 2px 8px 2px 3px; text-align: center; line-height: 1.1em !important; text-indent: 0px !important; color: #888; white-space: nowrap !important; } .number:before { color: #aaa } .number.count_0, .number.count_-1, .number.count_0 span, .number.count_-1 span { background-color: transparent; color: #bbb !important } .number.count_-1 { background-color: transparent !important; color: #ddd !important } .portal_table_grid td.small { width: 4% !important; white-space: no-wrap !important; text-align: center !important } .portal_table_grid span.small_wrap { width: 400px; white-space: normal !important; overflow: hidden; text-overflow: ellipsis; text-align: left; display: inline-block } span.tags label { margin-right: 3px; } span.tags label, .status_locked .tags span, .tags a, .tags span { background-color: rgba(0, 0, 0, 0.15) !important; color: #fff !important; padding: 3px; border-radius: 5px; font-size: 0.85em !important; margin-bottom: 3px; min-width: 60px; text-align: center } .strong_label label { background-color: #bbb; margin-left: 5px; color: #fff; border-radius: 4px; padding: 3px 5px 3px 1px } .course_list .strong_label { font-size: 1.4em !important } .course_list .strong_label { text-transform: none !important; font-weight: normal !important } .strong_label { font-size: 1.15em !important; color: #333 !important; font-weight: normal; text-transform: uppercase !important; text-align: left !important } .course_list .strong_label:before { position: relative !important; left: auto !important; top: auto !important } .portal_table_grid .strong_label:before, .portal_table_grid .allow_wrap:before { margin-bottom: 10px; position: absolute; margin-top: 1px; margin-right: 4px !important; left: 0px } .course_list .strong_label, .course_list .allow_wrap { white-space: normal !important; width: 100%; display: inline-block !important } .portal_table_grid .strong_label, .portal_table_grid .allow_wrap { white-space: normal !important; width: 100%; display: block !important } .subtext { display: block; width: 100%; font-size: 0.7em !important; color: #999 !important; font-family: Lucida Console, Monaco, monospace !important; padding: 0; display: none !important } .hidden { display: none !important } .course_list tr.course_description td { border-bottom: 1px solid #ddd !important; padding-bottom: 12px; padding-top: 0 } .course_list tr.course_description:last-child td { border-style: none !important } span.divider { display: block; clear: left; width: 100%; height: 0px } .page_filters td, .page_filters th { text-align: left; font-weight: normal; font-size: 0.9em; color: #777 } *[id*="ReportActivityPanel"] .page_filters tbody th, *[id*="ReportActivityPanel"] .page_filters tbody td { width: 20%; } .page_filters tbody, .page_filters { display: block; width: 95%; text-align: center; margin: 0px auto } .course_description { padding-top: 0 !important; white-space: normal } .portal_table_grid.course_list tr td, .course_description * { white-space: normal !important } .course_description * { text-align: left; font-size: 12px !important; color: #888; padding: 0; margin: 0 } td.course_launch_button { text-align: center !important } .yes_no.no span { background-color: transparent; color: #aaa !important } .yes_no span { background-color: #bbb; padding: 2px 4px; border-radius: 4px; color: #fff !important; font-weight: bold } .reg_group_label a:hover { text-decoration: underline !important } .reg_group_label a { font-size: .85em !important; color: #255d88 !important } .portal_table_grid tr span, .portal_table_grid tr a { white-space: normal; display: inline-block; color: #444; font-size: .9em !important; text-decoration: none } .portal_table_grid tr strong, .portal_table_grid tr a strong { font-weight: bold !important } .portal_table_grid th { color: #777; font-weight: bold; text-transform: uppercase; font-size: 0.7em !important; border-bottom: 1px solid #ddd; padding: 3px 5px; white-space: nowrap } .portal_table_grid th.course_title, .portal_table_grid tr td.course_title { width: 65%; text-align: left !important } .status_unlocked .strong_label:before, .status_unlocked .date_unlock span { color: #aaa } .status_locked .course_index span, .course_index span { font-size: 0.9em !important; background-color: #ccc; color: #fff !important; border-radius: 10px; width: 18px; margin-right: 5px; margin-left: 20px; line-height: 1.4em; text-align: center; margin-bottom: 4px } .course_list .row_buttons { padding: 8px 40px 0px 10px } .row_buttons { white-space: nowrap !important; width: 5% !important } .registration_group_row .row_buttons .form_button { display: block; width: auto !important; margin: 5px auto } .row_buttons .form_button { float: none !important } .portal_table_grid tr.status_disabled td.row_buttons * { opacity: 1 } .date span, .date_completeby span, .date_unlock span, .date_expiration span { border-radius: 4px; padding: 4px } tr.status_locked td span { color: #444 !important } .status_locked .date_unlock span { background-color: #999; color: #fff !important } .status_disabled .date_expiration span { color: #999 !important } .status_overdue, .status_expired, .status_expired td:before, .status_expired td *, .status_disabled.status_expired td * { color: #ad0000 !important; background-color: transparent !important; border-style: none !important } .status_overdue { color: #000 !important } *:before { text-decoration: none !important } .portal_table_grid tr.status_disabled td:before, .portal_table_grid tr.status_disabled td * { opacity: .65 !important; text-decoration: line-through } .portal_table_grid tr.status_disabled td { background-color: #eee } .course_list tr.group_header td:first-child { padding-left: 2px } .portal_table_grid tr td:first-child.icon-award:before { position: absolute; top: 20px; left: 0px; font-size: 1.2em !important } .course_list tr td:first-child, .portal_table_grid tr td:first-child { padding-left: 30px } .portal_table_grid tr td { text-align: center; width: 10%; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; vertical-align: top } .portal_table_grid tr.disabled .form_button:hover, .portal_table_grid tr.disabled .form_button { background-color: #ccc !important; border-bottom: 2px solid #aaa !important; cursor: default; pointer-events: none } .portal_table_grid tr.disabled span { color: #999 !important } .course_list tr.group_header td { border-style: none !important } .course_list tr td { border-style: none !important; vertical-align: middle } input[type=text].reg_group { width: 99%; margin: 5px auto; display: block; font-size: 1em !important; font-weight: bold; text-align: left !important; text-transform: uppercase; margin-left: 0 !important } .reg_group_label span { display: block; text-overflow: ellipsis; max-width: 120px; font-size: .8em !important; overflow: hidden; margin-top: 2px } .portal_table_grid tr td { border-bottom: 1px dashed #ccc; padding: 4px 0px; position: relative } .portal_table_grid tr:last-child td { border-style: none } table.dataTable td.center, table.dataTable td.dataTables_empty { padding: 25px !important; background-color: #fff } .dataTable.loading { border: 2px solid red } .scrolling_table { max-height: 280px !important; display: block !important; overflow: scroll !important } .portal_table_grid { border-collapse: separate; border-spacing: 0px; margin-bottom: 15px !important } tr.highlight td:first-child { border-left: 1px solid #b63c3c } tr.highlight td:last-child { border-right: 1px solid #b63c3c } tr.highlight td { box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3) !important } tr.highlight td { background-color: #02AEEF !important; border-color: #02AEEF !important; border-style: none; z-index: 100 } tr.highlight td:before, tr.highlight td *:before, tr.highlight td * { background-color: #02AEEF !important; color: #fff !important } .dataTable.portal_table_grid tr.severity_fatal * { background-color: #361010 !important; color: #ffeb00 !important } .dataTable.portal_table_grid tr.severity_error * { background-color: #ff0505 !important; color: #fff !important } .dataTable.portal_table_grid tr.severity_none * { background-color: #fff !important; color: #999 !important } .dataTable.portal_table_grid tr.severity_warn * { background-color: #fff471 !important; color: #997e28 !important } .portal_table_grid tr.drill-down-row { pointer-events: none } .portal_table_grid tr:hover td { background-color: #fff } td.date_value span { white-space: normal !important; width: 90px; font-size: 12px; color: #888 } .portal_table_grid.course_list tr:hover td, .course_list tr:hover td { background-color: transparent !important } .portal_table_grid tr { width: 95%; clear: left } .course_list tr { height: 19px } .live_session_list .form_button, .live_session_list .form_button.disabled, .course_list .form_button, .course_list .form_button.disabled { pointer-events: auto !important } .expired .live_session_list .form_button, .expired .course_list .form_button { display: none !important; pointer-events: none } .live_session_list .form_button:before, .course_list .form_button:before { font-size: 20px !important; margin-left: 0px !important } .live_session_list .form_button, .course_list .form_button { padding: 5px 10px !important; display: inline-block; width: auto !important; min-width: 115px !important; font-size: 1.2em !important; white-space: nowrap; text-align: left; margin-right: 5px; margin: 15px auto 0px; float: right; margin-right: 0px } .live_session_list .form_button.completed, .course_list .form_button.completed { background-color: #888; color: #fff !important; border-bottom: 2px solid #555 } .row_buttons { white-space: nowrap !important; text-align: left } .portal_table_grid.admin .form_button.disabled { background-color: #ddd !important; color: #aaa !important; } .portal_table_grid.admin .form_button { padding: 3px 10px !important; min-width: 50px !important; text-indent: 0px !important; text-align: center; font-size: 16px !important } #page_description, .page_description { text-align: left; position: relative } #page_description, .page_description, .course_group_header { background-color: #fff; border-radius: 4px; padding: .3em 1.4em 1em; margin-bottom: 20px; box-shadow: 0px 2px 3px rgba(0,0,0,0.25); } span.course_group_title { font-size: 1.5em; display: block; color: #888; font-weight: normal !important } sup { line-height: 0; font-size: 0.7em !important } body[data-theme="cls-slo-br1"] p sup { font-size: 75% !important; } tr.registration_group_course_row td:first-child span { padding-left: 10px } tr.registration_group_reminder_row td:first-child span { padding-left: 50px } tr.registration_group_live_session_row td:first-child span { padding-left: 30px } tr.registration_group_live_session_row td { font-size: 1em; width: 30%; background-color: #f8f9fa; border-left: 3px solid #3A749E; } tr.registration_group_live_session_row .live_session_control { margin: 5px 0; } tr.registration_group_live_session_row .live_session_note { font-size: 0.9em; color: #666; font-style: italic; margin-bottom: 5px; } tr.registration_group_reminder_row td { font-size: 1em; width: 30% } tr.registration_group_course_row td { font-size: 1.2em; width: 15% } .registration_group_row select { max-width: 320px !important } tr.registration_group_row td span { font-size: 1.4em; font-weight: normal; float: left } tr.registration_group_row td { font-weight: bold } .portal_table_grid .course_group_header *, .course_group_header { text-transform: none; font-size: 1em; color: #555; white-space: normal; text-align: left !important } .course_group_header { padding: 10px 20px; height: 100%; margin-bottom: 0; margin-top: 10px; font-size: 14px !important; clear: left } .course_list span.registration { text-align: left !important; display: inline-block; width: 90% } .course_group_intro { padding: 2px; padding-left: 10px; display: block } .course_group_intro p { margin: 5px 0px 3px !important; font-size: 14px !important } @-webkit-keyframes slide_in_left { from { margin-left: -200px } to { margin-left: 10px } } @keyframes slide_in_left { from { margin-left: -200px } to { margin-left: 10px } } @keyframes user_message_enter { from { top: -80px } to { top: 10px } } @-webkit-keyframes user_message_enter { from { top: -80px } to { top: 10px } } @keyframes user_message_exit { from { top: 10px } to { top: -80px } } @-webkit-keyframes user_message_exit { from { top: 10px } to { top: -80px } } .page_description p, #page_description p { text-align: left; line-height: 1.4em; font-size: 1.1em } .page_description .form_field { border: 1px solid #ccc; padding: 4px 10px; display: inline-block; width: auto !important } .page_description .form_field, .page_description select { width: 15% } .page_description select { width: auto; font-weight: bold } .page_description select.unselected { width: 10%; font-weight: normal; min-width: 180px } #page_description a { padding: 3px } #page_description p, #page_description p * { color: #444; font-size: 16px } table.dataTable tr.log_row_trace.even td, table.dataTable tr.log_row_trace.odd td, tr.log_row_trace { color: #aaa !important; background-color: #fff !important } table.dataTable tr.log_row_warn.even td, table.dataTable tr.log_row_warn.odd td, tr.log_row_warn { color: tan !important; background-color: #ff9 !important } .dataTables_info, .dataTables_info *, .dataTables_paginate *, .dataTables_paginate{ font-size:13px !important; } .dataTables_info , .dataTables_paginate{ margin-top:50px; color:#888; } .form_table hr{ visibility:hidden; margin:2px !important; } a[class*="paginate_disabled"]{ opacity:.4; } table.dataTable td.dataTables_empty { font-weight:normal !important; color:#999; } @keyframes rotating { from { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg) } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg) } } @-webkit-keyframes rotating { from { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg) } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg) } } .rotate { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite } .language_dropdown { width: auto !important; padding-right: 15px !important; text-indent: 0 !important; background-color: #d9ebf2 !important } .legend_box span:last-child { border-style: none } .legend_box span { width: 10%; display: inline-block; padding-right: 10px; padding-left: 10px; color: #555; white-space: nowrap; padding: 5px 17px 5px 4px; text-align: center } .legend_box { clear: left; padding: 15px 10px; background-color: transparent; border-radius: 6px } table.vertical_center td, td.vertical_center { vertical-align: middle !important } table.vertical_top td, td.vertical_top { vertical-align: top !important } @-moz-keyframes spin { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg) } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @keyframes spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } div.course_controls { min-height: 65px; clear: left; padding-top: 0px; margin-bottom: 5px; width: auto; white-space: nowrap; position: relative } div.course_group_course_controls { width: 75% !important; border-style: none; padding: 0 !important; margin: 0 !important; text-indent: 0 !important; white-space: nowrap; padding-top: 7px !important } .checked_false .date_control input { pointer-events: none; cursor: none } .checked_true .date_control input { background-color: #fff } .date_control input { width: 80px !important; margin-right: 10px !important; background-color: transparent; text-indent: 0px !important } .date_control label:before { color: #bbb } .date_control label { font-size: 14px !important; color: #555; margin-top: 5px; min-width: 110px; text-align: right } .course_controls.checked_false input[type=button], .course_controls.checked_false input[type=submit], .course_controls.checked_false input[type=text] { pointer-events: none !important } .course_controls.checked_false input[type=button]{ background-color:#eee !important; } .course_controls.checked_false input { background-color: transparent !important; font-weight: normal; color: #888; border: 1px solid #ddd !important } .date_control label, .date_control input { display: inline-block; float: left; font-size: 12px } body #mainContent .course_controls.checked_false input[type=button]{ border-style:none !important; } .course_controls.checked_false *, .course_controls.checked_false * { font-style: italic; color: #bbb !important } .course_controls.checked_false .course_title { font-style: italic !important; color: #444 !important } .course_group_course_controls .date_control.first { margin-left: 34px } .course_group_course_controls .checkbox { float: left; font-size: 2em } .course_group_course_controls .date_control { position: relative; display: inline-block; float: left; width: auto; text-align: left; white-space: nowrap; text-indent: 0 } .course_group_course_controls .course_title:hover { color: #01acee } .course_group_course_controls .course_title:before { color: #bbb } .course_group_course_controls * { -webkit-user-select: none; -user-select: none } .course_group_course_controls .course_title label { font-size: 14px !important } .course_group_course_controls .course_title { text-align: left !important; float: none; display: block; width: 100%; line-height: 1.5em; text-indent: 17px; color: #000 } body #container table[id*="RegistrationListTable"] span .cpn_label, .portal_table_grid .language_label { font-size: 10px !important; font-weight: normal !important; display: block !important; width: auto !important; padding: 0px 2px; border: 1px solid #aaa; border-radius: 3px; text-align: center } .floating_footer_button { position: fixed; bottom: 0px; right: 35%; z-index: 10; background-color: #fff; width: auto; padding: 15px 25px 5px; border-radius: 15px 15px 0 0; box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.6) !important } #server_msg { background-color: #FFF15C; color: #5f2d2d; font-size: .85em; width: 100%; padding: 7px 0px; text-align: center; display: none; box-shadow: inset 0px -1px 5px rgba(0, 0, 0, 0.5) } body.server_msg #server_msg { display: block } #server_msg p a { color: #5f2d2d; font-size: 1em } #server_msg p { width: 85%; margin: 1px auto; max-width: 980px; font-size: 1em; } .scormcloudapitool_results textarea { height: 580px; width: 95%; background-image: none; background-position: 0% 0%; background-repeat: repeat; line-height: 1.6em; font-size: 12px; font-family: arial; padding: 6px 13px } .scormcloudapitool_results { width: 60%; float: right } .scormcloudapitool_form { width: 35%; float: left } .radiolist_horizontal input { margin-left: 15px; margin-right: 3px } .cpncourselistitem { font-size: .9em; color: #fff; background-color: #999; padding: 3px; border-radius: 5px; display: block; margin-bottom: 5px; text-align: left; white-space: nowrap } .cpncourselisttitle { font-size: 1.1em; color: #999; display: block; margin-bottom: 5px; text-align: left; white-space: nowrap } .cpncourselistbox { border: 1px solid #bbb; border-radius: 8px; display: block; padding: 4px 8px; background-color: #fff } tr.language_active_1 .language span, tr.language_active_0 .language span, tr.language_active_1 .language span small, tr.language_active_0 .language span small { display: inline-block; } tr.language_active_0 .language span { color: #aaa !important; text-align: center; white-space: nowrap; } tr.language_active_0 .language span small { text-decoration: none !important; background-color: #ccc; color: #fff; font-size: 9px; padding: 1px 4px; border-radius: 4px; width: 55px !important; text-transform: uppercase; margin-left: 3px; } body.site-rc:after, body.site-test:after, body.site-dev:after { content: 'Development' !important; color: #fff !important; font-weight: bold !important; border-radius: 8px 8px 0px 0px !important; position: fixed !important; top: 10% !important; left: 12px !important; z-index: 10001 !important; transform: rotate(90deg) translateY(-50%) !important; transform-origin: left top !important; padding: 5px 20px !important; font-family: sans-serif !important; font-size: 16px !important; text-transform: uppercase !important; white-space: nowrap !important; } body.site-dev:after { background-color: dodgerblue !important; } body.site-dev{ border-left:5px solid dodgerblue; } body.site-test:after { content: 'STAGING' !important; background: #ff8600; !important; display: block !important; } body.site-test{ border-left:5px solid #ff8600;; } body.site-rc:after { content: 'Release CANDIDATE' !important; background: #9949d6; !important; display: block !important; } body.site-rc{ border-left:5px solid #9949d6;; } body.language_count_1 .localization_req, body.language_count_1 .language_label { display: none !important } .language_checkbox_list, .LeftEditor.language_checkbox_list { white-space: normal !important; text-indent: 0px !Important; } .language_checkbox_list label { margin-right: 15px; width: 95px; display: inline-block; } .cgc_language_list label, .cgc_language_list span { font-size: .85em; display: inline-block; margin-right: 5px; color: #777; } .cgc_language_list span { background-color: #ddd; padding: 0px 3px; border-radius: 5px; color: #999 !important; min-width: 27px; text-align: center; margin-right: 3px !important; text-decoration: line-through; font-style: italic; line-height: 1.4em; } .cgc_language_list span.available { background-color: #999 !important; color: #fff !important; text-decoration: none; font-style: normal !important; } .cgc_language_list span.available.icon-ok { background-color: #4AA760 !important; } .cgc_language_list { display: block; width: auto; margin-left: 40px; } .cgc_language_list div { display: inline-block; } .course_controls .cgc_language_list span.not_available { background-color: #DD0000 !important; color: #fff !important; font-style: normal; text-decoration: none; } .course_controls .cgc_language_list span.not_available:before { color: #FFDD00; } .cgc_language_list, .cgc_language_list div{ vertical-align:top; } .cgc_language_list div { white-space:normal; } .cgc_language_list div span{ font-size:9px; padding:0px 9px; line-height:18px; text-transform:uppercase; } .course-live-session-group { margin: 20px 0 15px 0; border: 1px solid #E8E8E8; border-radius: 4px; background-color: #f8f9fa; clear: both; } .course-live-session-header { padding: 12px 16px; background-color: #3A749E; color: #FFFFFF; font-weight: bold; font-size: 14px; border-radius: 4px 4px 0 0; margin: 0; } .course-live-session-content { padding: 15px 15px 2px; background-color: #FFFFFF; border-radius: 0 0 4px 4px; border:2px solid #3a749e; } .course-group-hidden { display: none !important; } .course-group-visible { display: block !important; } .course-live-session-group + .course-live-session-group { margin-top: 25px; } span.course_language { background-color: transparent; color: #aaa; border: 1px solid #bbb; line-height: 1.2em; font-size: 11px; text-transform: uppercase; border-radius: 3px; padding: 1px 2px; } #footer .footer_language_list a:hover { text-decoration: underline !important; } #footer .footer_language_list a { background-color: transparent !important; color: #bbb !important; font-size: 0.9em; } #footer .footer_language_list a.active { color: #fff !important; } .readable_disabled_items .disabled { opacity: 1 !important; background-color: transparent !important; color: #888 !important; border: 1px dashed #bbb !important; font-style: italic !important; } .disabled.allow_hover { } *.disabled.allow_hover { pointer-events: auto !important; opacity: .5 !important; } *.disabled.allow_hover:hover { opacity: .7 !important; } *.disabled.allow_hover:active { pointer-events: none !important; } .row_buttons .icon.disabled.allow_hover:hover { background-color: maroon !important; } body.language_ru #user_controls span, body.language_ru #user_controls a { font-size: 10px; padding: 0px 2px; } body.language_ru #user_controls select { font-size: .8em !important; padding: 4px !important; height: 26px !important; } #header_language_dropdown ul:before { position: absolute; right: 3px; top: 8px; opacity: .5; } #header_language_dropdown ul { } #header_language_dropdown li { display: block; line-height: 30px } #header_language_dropdown a, #header_language_dropdown li, #header_language_dropdown ul { margin: 0 !important; padding: 0 !important; width: 100%; } #header_language_dropdown li a { height: 100%; display: none; text-indent: 10px; } #header_language_dropdown.focused:hover li a.active:hover, #header_language_dropdown.focused a:hover { background-color: #1E4467; color: #fff !important; } #header_language_dropdown.focused:hover li a.active { background-color: rgba(0,0,0,0.2); } #header_language_dropdown.focused:hover li a, #header_language_dropdown li a.active { display: block; } #header_language_dropdown.focused:hover { height: auto; padding-bottom: 10px; } #header_language_dropdown { position: absolute; height: 32px; overflow: hidden; width: 144px !important; display: inline-block; margin: 0; border: 1px solid #ccc; border-radius: 4px; right: 0px; z-index: 100; padding: 0 !important; } #header_language_dropdown li { list-style: none; margin: 4px 0; } input.custom-combobox-input { height: 23px !important; padding: 5px 4px } a.custom-combobox-toggle { position: absolute; right: 7px; top: 7px; height: 27px; } .ui-autocomplete { max-height: 300px; max-width: 300px; overflow-y: auto; overflow-x: hidden; } input.dropdown_toggle_button, .dropdown_toggle_button { background-color: #fff; border: 1px dashed #ccc; padding: 8px 0px; font-size: 14px; font-family: sans-serif !important; text-transform: none; text-align: center; font-style: italic; color: #888; } body.language_ja .site_navigation li label, body.language_ja .site_navigation li a { font-size: 1.2em !important; line-height: 1.5em !Important; } body.language_ja.admin_mode #site_navigation * { font-size: 1em !important; line-height: 1.4em !Important; } body.language_el-gr #header *, body.language_bg-bg #header *, body.language_pl #header *, body.language_ro #header *, body.language_pl #header * { font-size: 12px; } body.language_el-gr #header *, body.language_sr-ba #header *, body.language_ro #header *, body.language_pl #header *, body.language_sr-ba *, body.language_ro *, body.language_pl *, body.language_zh-cn *, body.language_ja * { font-family: sans-serif !important; } body.language_bg-bg #header * { font-size: 11px !important; } .language_dropdown.focused ul li { line-height: 26px !important; border-bottom: 1px solid rgba(0,0,0,0.15) !important; } .aspNetDisabled label { font-weight: normal; font-style: italic; color: #bbb; } .site_navigation ul li ul, .site_navigation_menu { position: absolute; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-out, visibility 0.2s ease-out; transition-delay: 0.3s; } .site_navigation li { position: relative; } .site_navigation, .site_navigation ul li:hover ul, .site_navigation li:hover .site_navigation_menu { opacity: 1; visibility: visible; transition-delay: 0s; } .site_navigation, .site_navigation .site_navigation_menu, .site_navigation:hover, .site_navigation:hover .site_navigation_menu { z-index: 5001 !important; } body .no_border { border-style: none !important; } * .form_field.mini_checkbox { max-width: 100px !important; width: 100px !important; color: red !important; } * .form_field.mini_checkbox input { width: 20px !important; } * .form_field.mini_checkbox input, * .form_field.mini_checkbox label { cursor: pointer; } * .form_field.mini_checkbox label { line-height: 12px !important; display: inline-block !important; vertical-align: text-top } table.table-form-fields label, table.table-form-fields span { display: block; font-size: 12px; color: #888; text-align: left; display: none; } table.table-form-fields td { text-align: left; width: 20%; border: 1px solid; padding: 8px 0px; } body table.table-form-fields input, body table.table-form-fields select { width: 93% !important; min-width: none !important; max-width: none !important; border-radius: 2px; } body table.table-form-fields td { border-style: none; vertical-align: top; } body table.table-form-fields label, body table.table-form-fields span { display: block; } body table.table-form-fields .subtle_if_not_selected:focus { color: #333; } body table.table-form-fields select.search, body table.table-form-fields input.search { font-size: 13px !important; font-style: italic; color: #333 !important; } body table.table-form-fields input.search { padding: 3px 6px !important; } body table.table-form-fields input { width: 88% !important; } body table.table-form-fields tr:first-child td { } body table.table-form-fields tr:last-child td { border-style: none !important; } body table.table-form-fields { border-collapse: collapse; } table.table-form-fields td[colspan="2"] { width: 30%; } table.table-form-fields *.aspNetDisabled { font-style: italic !important; opacity: .4 !Important; cursor: not-allowed !important; } .table-form-fields.reg-queue select { font-weight: normal !important; font-size: 13px !important; } .table-form-fields.reg-queue select.focus { font-weight: bold !important; border: 3px solid #FDCC4B; background: #fffbee; font-size: 15px !important; } body table.table-form-fields .width_140 { width: 140px !important; max-width: 140px !important; min-width: 140px !important; } body.please_wait .postback_loading_icon *, body.server-processing-postback .postback_loading_icon *, body.server-processing-ajax .postback_loading_icon * { pointer-events: none !Important; } body.please_wait .postback_loading_icon, body.server-processing-postback .postback_loading_icon, body.server-processing-ajax .postback_loading_icon { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; background-color: rgba(255,255,255,0.6); z-index: 20000; } body.please_wait .postback_loading_icon, body.server-processing-postback .postback_loading_icon, body.server-processing-ajax .postback_loading_icon, body.please_wait .postback_loading_icon *, body.server-processing-postback .postback_loading_icon *, body.server-processing-ajax .postback_loading_icon * { cursor: wait !important; pointer-events: auto; } body.please_wait .postback_loading_icon div[id*="UpdateProgress"], body.server-processing-postback .postback_loading_icon div[id*="UpdateProgress"], body.server-processing-ajax .postback_loading_icon div[id*="UpdateProgress"] { position: absolute; border-radius: 8px; padding-left: 10px; height: 40px; bottom: 8px !important; top: auto !important; left: 8px; } body.please_wait .postback_loading_icon div[id*="UpdateProgress"] label, body.server-processing-postback .postback_loading_icon div[id*="UpdateProgress"] label, body.server-processing-ajax .postback_loading_icon div[id*="UpdateProgress"] label { left: 55px; } body.please_wait .postback_loading_icon, body.server-processing-postback .postback_loading_icon, body.server-processing-ajax .postback_loading_icon, body.server-processing-postback *[id*="UpdateProgress"], body.server-processing-ajax *[id*="UpdateProgress"] { display: block !important; } .postback_loading_icon .loading-spinner { display: inline-block; background-color: transparent; margin-left: 5px; } input[type="button"][disabled="disabled"], a.aspNetDisabled.form_button { background: #ddd !important; border-style: none !important; border-color: #999 !important; color: #999 !important; cursor: not-allowed !important; pointer-events: none !important; opacity: .6 !important } span.checkbox_ready_to_process { color: #02aeef; border: 2px solid #02aeef; line-height: 10px !important; height: 25px; border-radius: 4px; clear: left; padding: 2px 10px; } span.aspNetDisabled.checkbox_ready_to_process { background: #fff; color: #fff; border: 2px solid #ddd; } select.required[data-state="no_value"], input[type="text"]::placeholder, input[type="email"]::placeholder{ color: #aaa; font-style: italic; font-weight: normal !important; font-size:13px !important; } *[id*="ManageRegistrationGroupsUpdatePanel"] .table-form-fields input { color: #02aef1 !important; font-weight: bold; } a[id*="lbEmailSearch"] { border: 1px solid #888; border-left-color: #ddd; border-bottom-color: #ddd; text-decoration: none !important; padding: 2px 6px 3px; border-radius: 3px; display: block; margin: 5px auto 0; background: #fff; color: #00aeef !important; text-align: center !important; float: left; max-width: none !important; font-size: 13px; font-weight: bold; cursor: pointer; } td.search_options *, td.search_options { white-space: nowrap !important; } .search_options div.checkbox { width: 190px; display: inline-block !important; float: left !important; margin: 0 !important; } table.page_filters tr:nth-child(2) td { padding-bottom: 10px; } table.page_filters tr:nth-child(3) th { border-top: 1px solid #ccc !important; padding-top: 10px; } table.page_filters .form-field { display: block; } a[id*="lbEmailSearch"] { overflow: hidden; text-overflow: ellipsis; width: 80% !important; padding-right: 25px; } a[id*="lbEmailSearch"] { position: relative; } a[id*="lbEmailSearch"]:before { content: 'X'; background: #02aeef; border-radius: 6px; width: 12px; height: 12px; color: #fff; font-size: 11px; padding: 2px 3px; line-height: 15px; position: absolute; right: 3px; top: 2px; } .table-form-fields .date-fields input::placeholder { font-weight: normal; font-style: italic; color: #bbb; } .table-form-fields .date-fields input { font-style: normal !important; font-weight: bold; } body table.table-form-fields select.search, body table.table-form-fields input.search { font-style: normal; font-weight: bold; color: #02aeef !important; } body table.table-form-fields input.search::placeholder { font-style: italic; font-weight: normal; color: #aaa; } .table-form-fields select, select.subtle_if_not_selected { font-style: normal; color: #33658a; } .table-form-fields *[id*="lbEmailSearchResult"], .table-form-fields select, select.subtle_if_not_selected { border-color: #777; border-style: solid !important } .table-form-fields select.unselected, select.subtle_if_not_selected.unselected { border-color: #bbb; border-style: dashed !important; } div[id*="panelEditAllRegistrationsPanel"] input[type="text"], div[id*="panelEditAllRegistrationsPanel"] select { color: #222 !important; } *[id*="ManageRegistrationGroupsUpdatePanel"] .table-form-fields .date-fields input { width: 100px !important; font-size: 14px !important; } body table.table-form-fields tr:last-child td.reg-group-list-results { border-left: 3px solid #bbb !important; padding-left: 15px; } body table.table-form-fields tr:last-child td.reg-group-list-results select, td.reg-group-list-results select { border: 2px solid #444 !important; color: #444; font-weight: bold !important; } body *[id*="ManageRegistrationGroupsUpdatePanel"] table.table-form-fields td { white-space: nowrap !important; } body table.table-form-fields tr:last-child td:nth-child(4) { min-width: 290px !important; } td.reg-group-list-results label { font-weight: bold; } body table.table-form-fields tr:last-child td:nth-child(5) { min-width: 290px !important; } * .border_dashed, .border_dashed { border-style: dashed !important; } .table-form-fields .form_button.icon-cancel { background: #fff !Important; color: #999 !important; } .table-form-fields .form_button.icon-search { } .table-form-fields.search-filters-updated .form_button.icon-search { opacity: 1; } body[data-theme="cls-slo-br1"] .clsadd.found_item input[type=text]{ background:#fff !important; color:#fff !important; font-weight:bold; } body #mainContent .clsadd.found_item:hover .clsadd-clear:before{ color:#3a749e !important; } body #mainContent .clsadd.found_item:hover .clsadd-clear{ background:#fff !Important; } body .clsadd.found_item:hover .clsadd-clear:before{ content:'X' !important; font-weight:normal; } body#clsportal_body[data-theme="cls-slo-br1"] #mainContent .clsadd *, body#clsportal_body[data-theme="cls-slo-br1"] #mainContent .clsadd ::after, body#clsportal_body[data-theme="cls-slo-br1"] #mainContent .clsadd ::before{ box-sizing: content-box !important; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } .form_button[id*="btRefresh"]:not(.aspNetDisabled), .form_button[id*="Search"]:not(.aspNetDisabled) { animation: bounce 1s ease-in-out; } .form_button.subtle { animation: none !important; } div[data-lastpass-icon-root] { display: none; } .loginbox headerstyle:after { content: ''; font-size: 1px; display: block; clear: left; margin-bottom: -5px; } .lock_down_cover h1 { position: relative; } body.long_processing_mode .lock_down_cover .progress-bar .progress, body.long_processing_mode .lock_down_cover .progress-bar { display: block !important; } body.long_processing_mode .lock_down_cover .progress-bar .progress, body.long_processing_mode .lock_down_cover .progress-bar { display: none; height: 26px; margin: 5px auto 0px; border: 1px solid #999; width: 409px; border-radius: 2px; position: relative; } body.long_processing_mode .lock_down_cover .progress-bar .progress { background-color: dodgerblue; border-color: transparent; height: 18px; width: 0px; position: absolute; bottom: 3px; left: 3px; } .lock_down_cover span { margin-bottom: 5px !important; } .lock_down_cover, .lock_down_cover * { user-select: none; cursor: wait; } .rotate, .rotate:before { margin: 0 !important; transform-origin: center center; } .icon-loading-1.rotate { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 4px; } .icon-loading-1.rotate :before { font-size: 24px; line-height: 1; transform-origin: center center; display: inline-block; } .rotate { animation: rotating 2.7s linear infinite; } @keyframes rotating { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .progress-bar label { font-weight: normal !important; margin-top: 35px !important; display: block !important; font-size: 11px; color: #777; white-space: nowrap; max-width: 360px; overflow: hidden; text-overflow: ellipsis; text-align: center; margin: 30px auto 0; background: #fff; } label.row-number { color: #bbb !important; font-size: 12px; text-align: left !important; } table#activity_report tr:not(.drill-down-row) td:first-child { padding-left: 10px; } body.long_processing_mode.please_wait .postback_loading_icon, body.long_processing_mode.server-processing-postback .postback_loading_icon, body.long_processing_mode.server-processing-ajax .postback_loading_icon { display: none !important; } .loading-dots::after { content: ''; display: inline-block; width: 1em; text-align: left; animation: dots 1.2s steps(4, end) infinite; } @keyframes dots { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } 100% { content: ''; } } .course_list .registration_status { transition: background-color 0.8s ease; border-color: transparent; } .course_list .registration_status[class*="loading-"] { opacity: .5; background: transparent !important; color: #999; border: 1px solid #999; } body[data-theme="cls-slo-br1"], body[data-theme="cls-slo-br1"] * { font-family: noto-sans,sans-serif; font-weight: normal; } body[data-theme="cls-slo-br1"] .reg_group span, body[data-theme="cls-slo-br1"] caption, body[data-theme="cls-slo-br1"] .dxgvHeader *, body[data-theme="cls-slo-br1"] .dxbButton span, body[data-theme="cls-slo-br1"] .dxrpHeader *, body[data-theme="cls-slo-br1"] input[type=button], body[data-theme="cls-slo-br1"] input[type=submit], body[data-theme="cls-slo-br1"] button, body[data-theme="cls-slo-br1"] #header *, body[data-theme="cls-slo-br1"] .site_navigation *, body[data-theme="cls-slo-br1"] .page_navigation a, body[data-theme="cls-slo-br1"] h1, body[data-theme="cls-slo-br1"] h2, body[data-theme="cls-slo-br1"] h3, body[data-theme="cls-slo-br1"] h4, body[data-theme="cls-slo-br1"] .form_button, body[data-theme="cls-slo-br1"] .form_button a, body[data-theme="cls-slo-br1"] .portal_table_grid tr .course_title *, body[data-theme="cls-slo-br1"] .portal_table_grid .number, body[data-theme="cls-slo-br1"] .course_group_title, body[data-theme="cls-slo-br1"] .strong_label, body[data-theme="cls-slo-br1"] span.registration, body[data-theme="cls-slo-br1"] .registration_title, body[data-theme="cls-slo-br1"] .registration_title { font-weight: normal !important; font-family: noto-sans,Tahoma,Geneva,sans-serif !important } body[data-theme="cls-slo-br1"] { background-color: #fff } body#clsportal_body[data-theme="cls-slo-br1"] h1, body#clsportal_body[data-theme="cls-slo-br1"] *[id*="page_title"], body#clsportal_body[data-theme="cls-slo-br1"] *[id*="Title"], body[data-theme="cls-slo-br1"] h1#ContentPlaceHolder1_mainContentPlaceholder_page_title { font-family: noto-sans-condensed,sans-serif !important; font-weight: 700 !important; background-image: none; text-align: left; width: 94% !important; margin: 5px auto !important; border-left: 6px solid #0a9ad9; text-indent: 15px !important } body[data-theme="cls-slo-br1"] #header { background-position: 3% 36px } body[data-theme="cls-slo-br1"] .site_navigation > li:hover, body[data-theme="cls-slo-br1"] .site_navigation > li:hover > a, body[data-theme="cls-slo-br1"] .site_navigation > li.selected, body[data-theme="cls-slo-br1"] .site_navigation > li.selected > a { background-color: #3a749e !important; color: #fff !important } body[data-theme="cls-slo-br1"] .site_navigation_menu li:hover > a:before, body[data-theme="cls-slo-br1"] .site_navigation_menu li:hover > a, body[data-theme="cls-slo-br1"] .site_navigation_menu li:hover > span { background-color: #0a9ad9 !important } body[data-theme="cls-slo-br1"] .site_navigation { background-color: #e8e8e8 !important; box-shadow: none !important; height: 35px } body[data-theme="cls-slo-br1"] #site_navigation * { font-size: 14px !important } body[data-theme="cls-slo-br1"] #user_controls * { font-size: 12px !important } body[data-theme="cls-slo-br1"] #header { z-index: 102 } body[data-theme="cls-slo-br1"] body[data-theme="cls-slo-br1"] .form_button { background: #3a749e !important; border-radius: 8px } body[data-theme="cls-slo-br1"] .registration_title, body[data-theme="cls-slo-br1"] .registration_title { font-weight: bold !important } body[data-theme="cls-slo-br1"] .registration_title span, body[data-theme="cls-slo-br1"] .registration_title span { font-weight: normal } body[data-theme="cls-slo-br1"] .form_button { background: #3a749e !important; border-radius: 16px; font-size: 13px !important } body[data-theme="cls-slo-br1"] .live_session_list .form_button, body[data-theme="cls-slo-br1"] .course_list .form_button { min-width: 140px !important; border-style: none !important } body[data-theme="cls-slo-br1"] .live_session_list .form_button:before, body[data-theme="cls-slo-br1"] .course_list .form_button:before { font-size: 13px !important; margin-left: 2px !important; margin-right: 4px !important } body[data-theme="cls-slo-br1"] .live_session_list .form_button.disabled, body[data-theme="cls-slo-br1"] .course_list .form_button.disabled { background-color: #ddd !important; color: #333 !important } body[data-theme="cls-slo-br1"] #container .form_button:not(.subtle):hover, body[data-theme="cls-slo-br1"] #container .form_button.subtle:hover, body[data-theme="cls-slo-br1"] #container .form_button:hover, body[data-theme="cls-slo-br1"] .live_session_list .form_button:hover, body[data-theme="cls-slo-br1"] #container .form_button:hover, body[data-theme="cls-slo-br1"] .course_list .form_button:hover { color: #fff !important; background: #089cd6 !important; border-color: #089cd6 !important } body[data-theme="cls-slo-br1"] .course_group_header { box-shadow: none; border: 1px solid #aaa; border-top: 28px solid #3a749e !important; margin-bottom: 15px } body[data-theme="cls-slo-br1"] .course_group_header *[class*="title"] { color: #fff; margin-top: -34px; font-size: 15px; margin-bottom: 10px } body[data-theme="cls-slo-br1"] .course_group_header .course_group_intro, body[data-theme="cls-slo-br1"] .course_group_header .course_group_intro * { font-size: 13px !important } body[data-theme="cls-slo-br1"] .course_group_header .course_group_intro sup { font-size: 60% !important } body[data-theme="cls-slo-br1"] #footer { background-image: none !important; background: transparent } body[data-theme="cls-slo-br1"] #footer, body[data-theme="cls-slo-br1"] #footer *, body[data-theme="cls-slo-br1"] #footer a, body[data-theme="cls-slo-br1"] #footer a:visited { color: #888; font-size: 9px } body[data-theme="cls-slo-br1"] #footer a[id*="language_link"] { font-size: 12px; color: #333 !important } body[data-theme="cls-slo-br1"] p a:hover, body[data-theme="cls-slo-br1"] #footer a:hover { color: #3a749e !important } body[data-theme="cls-slo-br1"] div[id*="EmailAddressValue"], body[data-theme="cls-slo-br1"] input[type="text"], body[data-theme="cls-slo-br1"] input[type="password"] { } body[data-theme="cls-slo-br1"] div[id*="EmailAddressValue"] { padding: 4px 5px 4px 10px !important; margin-left: 3px !important; background-color: #f4f4f4 } body[data-theme="cls-slo-br1"] #container { min-height: calc(75vh - 20px); margin-bottom: 45px !important; box-shadow: rgba(0,0,0,.4) 0 0 10px 0 } body[data-theme="cls-slo-br1"] #footer, body[data-theme="cls-slo-br1"] #header { width: 100% !important; padding: 0 } body[data-theme="cls-slo-br1"] #container { margin: auto; width: 990px } body[data-theme="cls-slo-br1"] .footer_language_list { width: 67%; margin: 5px auto; } body[data-theme="cls-slo-br1"] #server_msg { z-index: 1; position: relative; } body[data-theme="cls-slo-br1"] #server_msg p { margin-bottom: 0px !important; } body[data-theme="cls-slo-br1"] .course_list_headers .registration_title, body[data-theme="cls-slo-br1"] .course_list_headers .registration_title, body[data-theme="cls-slo-br1"] .course_list_headers .registration_header_status { font-size: 10px !important; font-weight: normal !Important; margin: 0 !important; padding: 0 !important; } body[data-theme="cls-slo-br1"] .course_list_headers { margin-bottom: 15px; padding-bottom: 0px !Important; height: 20px; } body[data-theme="cls-slo-br1"].admin_mode #container { width: 92% !important; max-width: 1300px } body table.table-form-fields input, body table.table-form-fields select, body table.table-form-fields .form_button { max-width: 250px !important; } body[data-theme="cls-slo-br1"] .dxrpHeader span[id*="ASPxRoundPanel1_RPHT"], body[data-theme="cls-slo-br1"] .loginbox h2 { background: transparent !important; border-style: none !Important; text-align: left !important; font-family: noto-sans-condensed, sans-serif !important; color: rgb(54, 54, 54) !important; font-family: noto-sans-condensed, sans-serif !important; font-weight: 700 !important; font-size: 20px !important; border-left: 6px solid rgb(10, 154, 217) !important; padding-left: 12px; display: block; margin-left: 0px; margin-bottom: 0px !important; text-transform: capitalize; } body[data-theme="cls-slo-br1"] .loginbox .dxrpHeader, body[data-theme="cls-slo-br1"] .loginbox td { background: transparent !important; border-style: none !Important; text-align: left; } body[data-theme="cls-slo-br1"] .loginbox { box-shadow: none; width: 460px } body[data-theme="cls-slo-br1"] .loginbox p, body[data-theme="cls-slo-br1"] .loginbox span { font-family: noto-sans, sans-serif !important; font-size: 12px !important; color: rgb(102,102,102) !important; margin-left: 0 !important; } body[data-theme="cls-slo-br1"] .loginbox input { margin: 1px 0px !Important; } body[data-theme="cls-slo-br1"] .loginbox input[type=text], body[data-theme="cls-slo-br1"] .loginbox input[type=password], body[data-theme="cls-slo-br1"] .loginbox input[type=email] { width: 100% !important; padding: 6px 0 !important; margin-bottom: 14px !important; text-indent: 13px !important; } body[data-theme="cls-slo-br1"] .form_button.subtle { background: transparent !important; color: rgb(107,107,107) !important; } body[data-theme="cls-slo-br1"] .form_button.subtle:hover { background: #3a749e !important; color: #fff !important; } body[data-theme="cls-slo-br1"] #container .form_button:not(.subtle){ font-size:14px !important; line-height: 22px !important; padding: 3px 12px 3px !important; -webkit-transition:background .1s ease-in; border:1px solid #3a749e !important; } body[data-theme="cls-slo-br1"] .form_button.subtle, body[data-theme="cls-slo-br1"] .form_button { padding: 8px 12px !important; line-height: 14px !important; margin: 5px 0px !important; text-transform: capitalize; min-width:100px; } .realperson-challenge { border: 2px solid #3a749e !important; padding: 5px 10px; border-radius: 5px; margin-bottom: 8px; margin-top: -26px; } .realperson-regen { float: none; color: rgb(73,73,73); } .realperson-text { color: #3a749e !important; font-weight: bold !important; } body[data-theme="cls-slo-br1"] .loginbox input[id*="captchaCode"] { width: auto !important; } body[data-theme="cls-slo-br1"] .loginbox p[id*="Intro"] { margin-top: 0px !important; } body[data-theme="cls-slo-br1"] .loginbox #user_messages .user_message { margin: 0px !important; } body[data-theme="cls-slo-br1"] .loginbox span[id*="lblLoginName"], body[data-theme="cls-slo-br1"] .loginbox span[id*="lblTokenPrompt"] { margin-top: 25px !Important; } body[data-theme="cls-slo-br1"] .loginbox .label_link { margin: 10px 0 !important; width: auto !Important; } body[data-theme="cls-slo-br1"] .course_list .registration_status { margin-top: 8px; font-size: 12px; padding: 2px; } #footer a.footer-link:before { margin-right: 3px; margin-left: 5px; } #footer a.footer-link { margin: 0; padding: 0; } #footer a.footer-link:hover { background: transparent !Important; text-decoration: underline !important; } body[data-theme="cls-slo-br1"] #footer, body[data-theme="cls-slo-br1"] #footer *, body[data-theme="cls-slo-br1"] #footer a, body[data-theme="cls-slo-br1"] #footer a:visited { font-size: 10px; } body[data-theme*="cls-slo-br1"].admin_mode #header h1, body[data-theme*="cls-slo-br1"] #header h1 { border-style: none !important; padding: 0 !important; margin: 0 !important; position: absolute; left: 117px; bottom: 10px; color: rgb(15, 43, 73); font-size: 20px; } body[data-theme*="cls-slo-br1"] #content { } #cls-header-title{ display:none; } #module-note { font-size: 11px; border-top: 1px solid rgba(0,0,0,0.2); display: block; font-weight: bold; padding: 8px 30px; margin: 0; margin-top: -8px; color: #555; background-color: #f9f9d9; margin-bottom: 7px; border-bottom: 1px solid #ccc; width: 100% !important; max-width: none; white-space: normal; padding: 12px 0px 5px; border: 1px solid #ccc; padding: 6px 10px 11px; width: 94% !important; margin: 10px auto; border-radius: 4px; text-align: left; } body[data-theme*="cls-slo-br1"] { height: 100%; margin: 0; } body[data-theme*="cls-slo-br1"] #container { display: flex; flex-direction: column; min-height: 85vh; } body[data-theme*="cls-slo-br1"] #notifications, body[data-theme*="cls-slo-br1"] #content { flex: 1; padding-bottom: 0px !important; } body[data-theme*="cls-slo-br1"] #notifications{ flex: 1; padding-bottom: 0px !important; display:block; width:100% !important; position:fixed; z-index:6000; } body[data-theme*="cls-slo-br1"] #footer { padding: 1em; text-align: center; width: 95% !important; position: relative !important; margin: 5px auto 0px; padding-bottom: 20px !important; height: auto !important; } body[data-theme="cls-slo-br1"] .footer_language_list { width: 95% !important; } body[data-theme="cls-slo-br1"] .course_list sup { font-size: 55% !important; } body#clsportal_body[data-theme="cls-slo-br1"] .portal_table_grid th { text-indent: 0px !important; } body[data-theme="cls-slo-br1"] #container .form_button.red:hover, body[data-theme="cls-slo-br1"] #container .live_session_list .form_button.red:hover, body[data-theme="cls-slo-br1"] #container .form_button.red:hover, body[data-theme="cls-slo-br1"] #container .course_list .form_button.red:hover, body[data-theme="cls-slo-br1"] #container .form_button.red, body[data-theme="cls-slo-br1"] #container .live_session_list .form_button.red, body[data-theme="cls-slo-br1"] #container .form_button.red, body[data-theme="cls-slo-br1"] #container .course_list .form_button.red { background: #ba2004 !important; border-color: #ba2004 !important } body[data-theme="cls-slo-br1"] #container .form_button.red.subtle{ background:#fff !Important; color:#ba2004 !Important; } body[data-theme="cls-slo-br1"] #container .form_button.red.subtle:hover{ color:#fff !Important; background:#ba2004 !Important; border-color: #ba2004 !important } span.registration_status.loading-dots { border-style: none !Important; } .registration_status { position: absolute !important; right: 0px !important; top: 35px !important; } .course_list_headers { display: none !important; } .registration_title, .registration_title { font-size: 16px !important; } .registration_row span.course_description p { margin-top: 7px !important; font-size: 12px !Important; } .registration_title, .registration_title { width: 80%; } .registration_row { border-bottom-style: none !Important; } tr[data-content-type="learningpath-scorm"] td, tr[data-content-type="learningpath"] td { font-style: italic; } tr[data-content-type="learningpath"] td { opacity: 1 } tr[data-content-type="learningpath-scorm"] td { opacity: .5 } .ondemand { opacity: 0.88 } a.form_button.unavailable { -webkit-filter: grayscale(1); opacity: 0.5; font-style: italic; text-decoration: line-through; } .site_navigation li ul li ul li a, .site_navigation li ul li a, .site_navigation li a { height: 100% !important; } .ql-editor strong { font-weight: bold; } input[type="submit"].btn-outline-secondary.btn-sm, input[type="submit"].btn-primary.btn-sm { font-size: 12.5px; text-transform: none; padding: 3px 8px; } .locked-down-form-control * { opacity: .5; font-style: italic; pointer-events: none; } .locked-down-form-control .LeftEditor { border-style: dashed; background: #eee; } h1#lockDownTitle { border-style: none !important; text-align: center !important; padding-top: 11% !important; } td.row-actions { white-space: nowrap; } td.row-title, td.row-title * { text-align: left; font-weight: bold !important; white-space: nowrap; max-width: 320px; text-overflow: ellipsis; overflow: hidden; } .row { padding: 4px 20px; } #sectionsContainer .bg-primary h6, #sectionsContainer .bg-primary *, #sectionsContainer .bg-primary .text-muted { color: #fff !important; border-color: transparent; } *[name*="btnShowAllContent"] { margin-bottom: 5px; width: 100% !important; text-align: left; text-indent: 15px; padding: 8px 0px !important; font-size: 13px !important; text-transform: none !important; } .section-header h5 i { text-indent: 0; text-align: left !important; float: left } .section-header * { color: #555 !important } .section-header h5 { font-size: 14px; text-indent: 9px; white-space: nowrap } .section-header.border-primary { border-color: #999 !important; padding: 9px 10px !important } .content-item > div > * { margin-right: 3px } .content-item .d-flex { display: flex; align-items: center; width: 100% } .content-item .d-flex > .flex-grow-1.me-3 h6, .content-item .d-flex > .flex-grow-1.me-3 small { float: left !important; display: inline-block !important; text-overflow: ellipsis !important; overflow: hidden !important; } #mainContent .content-item .d-flex > .flex-grow-1.me-3 * { text-align: left !important } #mainContent .content-item .d-flex > .flex-grow-1.me-3 { white-space: nowrap !important; display: flex; white-space: nowrap; overflow: hidden; } #mainContent .content-item .d-flex > .flex-grow-1.me-3 small { background-color: #999; width: auto; white-space: nowrap !important; text-indent: -15px !important; padding: 0 !important; margin: 0 !important; padding-right: 5px !important; border-radius: 4px; margin: 0 5px 0 8px !important; overflow: visible !important; } .content-item .d-flex > .flex-grow-1.me-3 { flex-grow: 0 !important; width: 55%; flex-shrink: 0; overflow: hidden } .content-item .d-flex > .d-flex:last-child { flex: 1; justify-content: flex-end } .icon-link-ext { font-size: 20px !important; text-align: center !important; padding: 0px !important; } .icon-link-ext, .icon-link-ext:before { margin: 0 !important; } .locked-down-form-control * { opacity: 1.0 !Important; background: transparent !important; } .locked-down-form-control input[disabled='disabled'] { opacity: .9; } tr[data-content-type="learningpath-scorm"] span[onclick*="launchCourseAsUser"], tr[data-content-type="learningpath"] span[onclick*="launchCourseAsUser"] { pointer-events: none; } html, body { height: 100%; overflow: auto; } form, #container { height: auto; overflow: visible; } body { overflow-x: auto; } form[action*="ManageCourseGroups"] select[id*="TextLabel"], form[action*="ManageCourseGroups"] select[id*="Template"] { direction: rtl; text-overflow: ellipsis; } body.server-processing-ajax, body.server-processing-postback { pointer-events: none !important; cursor: wait !important; } .postback_loading_icon label { font-size: 16px; line-height: 25px; display: inline-block; position: absolute; white-space: nowrap; left: 45px; color: #444; font-style: italic; display: inline-block } .postback_loading_icon div { padding-top: 12px; width: auto; min-width: 150px !important; bottom: 0px; left: 0px; background-color: #ffffff; border-radius: 0px 4px 0px 0px; height: 30px; border: 1px solid #555; } .postback_loading_icon div, .postback_loading_icon div span { display: inline-block; font-size: 20px } .postback_loading_icon span { -webkit-animation: spin 2s infinite linear; height: 27px; color: #444; margin-top: -10px; } .postback_loading_icon { width: 170px; bottom: 0px; left: 0px; position: fixed; z-index: 3000; color: #444; height: 40px; text-align: left } .loading-container { text-align: center; padding: 40px 20px; background: #ffffff; border-radius: 8px; margin: 20px 0; } .loading-spinner { width: 20px; height: 20px; border: 3px solid #e0e0e0; border-top: 3px solid #555; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 5px auto; background-color: #f8f9fa; display: block; } .legend_box { border: 1px solid #bbb; padding: 6px 6px; } .legend_box span { font-size: 13px; padding: 3px 10px; width: auto; } .icon-learning-path:before, tr[data-content-type="learningpath-scorm"] span[onclick*="launchCourseAsUser"]:before, tr[data-content-type="learningpath"] span[onclick*="launchCourseAsUser"]:before { content: 'LP'; font-family: sans-serif; border: 1px solid #888; background:#888; border-radius: 3px; width: 16px; padding: 1px; font-size: 10px; font-weight: bold; color: #fff; } .icon-learning-path:before, tr[data-content-type="learningpath-scorm"], tr[data-content-type="learningpath"] { padding: 1px 5px 1px 3px !important; text-indent: 0 !important; font-weight: bold !important; } .icon-logon-as-user { padding: 0px 7px 0px 1px; !important; text-align: center; line-height: 23px !important; } .icon-logon-as-user:before { content: '\e879\e856'; width: 24px; border: 1px dashed; border-radius: 3px; padding: 2px 1px; font-size: 90%; margin-right: 4px; } body[data-theme="cls-slo-br1"] .site_navigation:only-child > li.selected, body[data-theme="cls-slo-br1"] .site_navigation > li:only-child.selected, body[data-theme="cls-slo-br1"] .site_navigation > li:only-child.selected > a { background: transparent !important; color: #444 !important; } .site_navigation_menu > li:last-child > a { padding-bottom: 0px; height: 28px !important; } .footer-module-note { font-size: 10px; border-top: 1px solid #cfcfcf; display: block; font-weight: normal; padding: 8px 30px; margin: 0; color: #8b8585; background-color: #fef8eb; margin-bottom: 0px; border-bottom: 1px solid #ccc; width: 100% !important; max-width: none; white-space: normal; padding: 7px 0px 5px; text-align: center; margin-top: -15px; } body#clsportal_body input[class*="sefupreview_button_"]{ border-radius:20px !Important; font-size:14px !important; color:#fff !important; } body#clsportal_body .sefu_preview_panel input.sefupreview_button_good{ background:#0a9ad9 !important; } body#clsportal_body .sefu_preview_panel input.sefupreview_button_bad{ background:#aaa !important; } body#clsportal_body .sefu_preview_panel span.sefu-approved{ border-color:#0a9ad9; color:#0a9ad9; border-radius:3px; background:#fff; padding:6px 0px; } body#clsportal_body .sefu_preview_panel h1{ border-style:none; font-size:22px; max-width:800px; text-indent:0 !important; } body#clsportal_body .sefu_preview_panel h1:before{ content:'\e890'; font-family:iconfont_clsportal; font-weight:normal; margin-right:5px; } body #content #sefuPreviewedFileInfo span:first-child { border-left:4px solid #3a749e; border-color: #3a749e; color: #3a749e; } body #content #sefuPreviewedFileInfo .sefu_row_count{ background:#3a749e; border-radius:2px; padding:3px !important; height:10px; line-height:13px; top:6px; right:-10px; } body #content #sefuPreviewedFileInfo{ width: 382px !important; } body #container input.FormButton[value*="ancel"] { margin-left:5px !important; margin-right:5px !important; } input.FormButton[value*="ancel"], input.FormButton[type="submit"] { font-size: 16px !important; padding: 10px 15px !important; } .icon-logon-as-user:before { width: 24px !important; margin-right: 3px !important; } div#impersonation_banner { background-color: #d00000 !important; z-index:5001; position:fixed; width:100%; left:0px; top:0px; } body.user_impersonation { padding-top:25px; } .postback_loading_icon label#loadingLabel { display: none; } .postback_loading_icon div[id*="UpdateProgress"] { border-style: none; width: auto !important; min-width: 45px !important; background-color: transparent; } body[class*="admin_ui"] .page_mode:before, body[class*="admin_ui"] .page_mode:after { color: #fff; } body[class*="admin_ui"] .page_mode:before { content: '\e815'; margin-right: 5px; } body[class*="admin_ui"].admin_ui .page_mode:after { content: '= Admin Control'; } body.admin_ui .page_mode { background: #d00000; } body.admin_ui_disabled .page_mode { background: #888; } body[class*="admin_ui"] .page_mode { display: block; position: fixed; z-index: 3000; padding: 1px 10px 3px; border-radius: 0px 0px 7px 7px; top: 0px; left: 10px; font-size: 12px; line-height: 18px !important; cursor:pointer; } body[class*="admin_ui"] .page_mode:before { font-family: 'iconfont_clsportal'; } body[class*="admin_ui"].dashboard-list .page_mode{ display: none; } .admin_ui_disabled *[class*="admin-"]{ display:none !important; } body[data-theme="cls-slo-br1"] a[name*="Delete"].form_button:hover, body[data-theme="cls-slo-br1"] a[id*="Delete"].form_button:hover{ background-color:maroon !important; border-color:maroon !important; } body[data-theme="cls-slo-br1"].admin_mode form #container, body[data-theme="cls-slo-br1"] form[action*="Manage"] #container, body[data-theme="cls-slo-br1"] form[action*="ReportActivity"] #container, body[data-theme="cls-slo-br1"] form[action*="EmailActivity"] #container, body[data-theme="cls-slo-br1"] form[action*="EditCourse"] #container, body[data-theme="cls-slo-br1"] form[action*="EmailEditor"] #container, body[data-theme="cls-slo-br1"] form[action*="Register"] #container, body[data-theme="cls-slo-br1"] form[action*="ReminderList"] #container, body[data-theme="cls-slo-br1"] form[action*="SendEmailTemplate"] #container, body[data-theme="cls-slo-br1"] form[action*="Log.aspx"] #container, body[data-theme="cls-slo-br1"] form[action*="CourseDataA"] #container, body[data-theme="cls-slo-br1"] form[action*="Administration"] #container { max-width: 1280px; min-width: 1280px; width: 1280px !important; } .required-empty{ border:2px solid #bf1e1e !important; background:#ffe7e1; } .warning-message { margin-left: 10px; padding: 8px 15px; color: #aa4015; background-color: #f8ecd7; border: 1px solid #aa4015; border-radius: 4px; font-size: 12px; } .warning-message.small{ font-size:11px; padding:2px 10px; } body p#server_msg_portal { width: 85%; margin: 1px auto; max-width: 1050px; font-size: 11px; padding-bottom: 6px; color: #ee1d1d; line-height: 14px; padding: 4px 10px 11px !important; background: #00aeef; text-align: center !important; color: #fff !important; width: 100% !important; display: block; margin: 0px auto 4px !important; max-width: none !important; } #header_contents { position: relative; } .portal-nav { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; font-size: 12px; } .portal-nav__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 16px; } .portal-nav__item { position: relative; white-space: nowrap; } .portal-nav__link { text-decoration: none; color: #3A749E; cursor: pointer; } .portal-nav__link--parent { background: none; border: none; padding: 0; font: inherit; } .portal-nav__item--active > .portal-nav__link { font-weight: bold; color: #0F2B49; } .portal-nav__submenu { position: absolute; left: 0; right: auto; top: 100%; margin-top: 0; min-width: 180px; background: #ffffff; border: 1px solid #E8E8E8; list-style: none; padding: 8px 0; display: none; z-index: 1000; } .portal-nav__item--has-submenu:hover > .portal-nav__submenu, .portal-nav__item--has-submenu:focus-within > .portal-nav__submenu, .portal-nav__item--open > .portal-nav__submenu { display: block; } .portal-nav__submenu-group:hover > .portal-nav__submenu-items, .portal-nav__submenu-group:focus-within > .portal-nav__submenu-items { display: block; } .portal-nav__submenu-group-label { display: block; padding: 4px 16px; font-weight: bold; color: #0F2B49; cursor: default; } .portal-nav__submenu-group { position: relative; } .portal-nav__submenu-items { list-style: none; margin: 0; padding: 4px 0; position: absolute; top: 0; left: 100%; min-width: 240px; background: #ffffff; border: 1px solid #E8E8E8; display: none; } .portal-nav__submenu-item > a { display: block; padding: 4px 16px; text-decoration: none; color: #3A749E; white-space: nowrap; } .portal-nav__submenu-item > a:hover { background: #F5F5F5; } nav#portal_header_nav { top:20px; right:10px; } .portal-nav__submenu-item > a, .portal-nav__submenu-group-label { padding: 7px 16px; } .portal-nav__submenu-items{ min-width:200px; } #portal_header_nav{ padding-top:60px; margin-right:32px; } body #content .portal-nav__item a, body #content .portal-nav__item li a, body #content .portal-nav__item span, body #content .portal-nav__item button{ line-height:12px !important; text-transform: none !Important; font-size:13px !important; } li.portal-nav__item--has-submenu:hover:after, .portal-nav__item *:hover{ color:#0a9ad9 !important; background:transparent !important } body[data-theme="cls-slo-br1"] #portal_header_nav li a, body[data-theme="cls-slo-br1"] #portal_header_nav li button{ font-family: noto-sans,sans-serif !important; } .portal-nav__submenu-items:hover, .portal-nav__submenu-items, .portal-nav__submenu:hover, .portal-nav__submenu { box-shadow:-1px 2px 2px rgba(0,0,0,.3); background:#fff !important; } li.portal-nav__item--has-submenu:after{ content:'\e85a'; font-family:iconfont_clsportal; font-size:11px; font-weight:normal; margin-left:5px; width:12px; height:10px; vertical-align:bottom; display:inline-block; line-height:0px; opacity:.5; } li.portal-nav__item--has-submenu:hover:after{ content:'\e85c'; } .portal-nav__submenu-group-label:after, li.portal-nav__item--has-submenu:after{ content:'\e85a'; font-family:iconfont_clsportal; font-size:11px; font-weight:normal; margin-left:5px; width:12px; height:10px; vertical-align:bottom; display:inline-block; line-height:0px; opacity:.5; } li.portal-nav__item--has-submenu:after{ } .portal-nav__submenu-group-label:after{ font-size:10px !important;line-height: 15px;float:right;} li.portal-nav__submenu-group:hover span{ color:#333 !important; } li.portal-nav__submenu-group:hover { background:#f4f4f4 !important; } li.portal-nav__submenu-group ul, .portal-nav__submenu { background:#fff !important; } .portal-nav__item{ border-bottom:2px solid transparent; } .portal-nav__item.current-page { border-bottom:2px solid #0a9ad9; } .portal-nav__item.current-page > button, .portal-nav__item.current-page > a{ color:#0a9ad9 !important; } .portal-nav__submenu{ border-left:2px solid #0a9ad9; } .portal-nav__submenu-group-label:after, li.portal-nav__item--has-submenu:after{ float:right; text-align:center; margin-left:6px; width:10px; line-height:22px; margin-bottom:0px !important; vertical-align:text-bottom !important; display:block !Important; height:auto; } body .portal-nav__submenu-group-label:after, li.portal-nav__item--has-submenu:after{ line-height: 16px; } body.language_en-us .portal-nav__submenu-group-label:after, li.portal-nav__item--has-submenu:after{ line-height: 21px; } .portal-nav__submenu-item *:before{ margin-left:-5px !important; margin-right:5px !important; } span.number[class*="count_"]{ min-width:20px; text-indent:0; padding:3px 6px; } span.number[class*="count_"], *[id*="CourseListTable"] .tags span, td.yes_no.yes span{ background:#1ea2dc !important; color:#fff; text-align:center !important; } span.number.count_0{ background:#ddd !important; } *[id*="CourseGroupListTable"] td.number span, *[id*="CourseGroupListTable"] tr td:nth-child(2) span{ background:#1ea2dc; color:#fff; padding:1px 4px; border-radius:4px; } body[data-theme="cls-slo-br1"] .loginbox #user_messages .user_message{ left:0px !important; position:relative !important; transform:none; } #mainContent > .card{ margin:10px 10px 20px; } #mainContent select{ min-width:60px !important; } form[action*="EmailActivity"] .btn-group{ width:95%; margin:0px auto !important; } h1 sup.beta{ background:#ec5e2d; color:#fff; font-size:13px !important; line-height:10px; vertical-align:super; padding:0px 3px; border-radius:3px; margin-left:5px; } *:hover label.beta:before, label.beta:before{ content:'BETA'; color:#fff; text-indent:0px; margin:0 !important; } *:hover label.beta, label.beta{ text-align:center; padding:1px 3px; border-radius:2px; text-indent:0 !important; display:inline-block; font-size:13px; background:#ec5e2d; line-height:12px; } ul li label.beta { margin-left:3px; font-size:9px !important; vertical-align:text-top; line-height:11px !important; height:auto !Important; min-height:9px; display:inline-block !important; } body#clsportal_body .no-anim, body .no-anim, * .no-anim { animation: none !important; } div[class*="col-"], div[class*="col-"] > div{ position:relative !important; } .ext-link-test-button:hover{ background-color:#274e6a; } .ext-link-test-button{ padding: 2px 6px; border-radius: 3px; font-size: 12px !important; cursor: pointer; border: 1px solid rgb(204, 204, 204); z-index: 1000; padding:1px 10px 1px 4px !important; background-color:#0a9ad9; color:#fff; border-style:none; margin-left: -90px !important; padding: 1px 6px 4px 2px !important; margin-top: 7px !IMPORTANT; text-size-adjust:none !important; height: 18px !important; line-height: 21px !important; min-height: 18px !important; } .ext-link-test-button:before{ margin:1px 4px 0px 4px !Important; } body #container .url_field{ text-align:left !important; font-size:12px !Important; text-overflow:ellipsis; } body #container .url_field[data-state="has_value"]{ text-decoration:underline; } body.admin form #content select, body.admin form #content input[type=text]{ height:30px !important; font-size:13px !important; padding:2px 3px !important; border-radius:2px; box-sizing:content-box; } body #container span[class*="status"], body #container .form_button, body #container table[id*="report"] th, body #container table[id*="report"] th *, body #container .search-form-container small, body #container .search-form-container label, #clsportal_body .user_message, #clsportal_body .user_message *, h1,h2,h3,h4,h5,form label, #clsportal_body a, #footer *, *[class*="footer"], #header *, p[id*="description"], form *:not(.loginbox) span, div{ user-select:none !important; } body form[action*="Review.aspx"] #container *, body #content .detail-section *, body #content table.datatable *, body #content table[id*="Results"] *, body #content table[id*="grid"] *, body #content .form_table td, body #content .form_table td *, body #content .form_table td, body #content .form_table *, body #content .dataTables_wrapper td, body #content .dataTables_wrapper td *, .portal_table_grid td span{ user-select:text !important; } #clsportal_body *[class*="-name"], #clsportal_body *.selectable, #clsportal_body *[id*="EmailAddress"] { user-select:all !important; } body #content input.required{ transition: border .7 ease } body #content input.required.has_value{ border:1px solid #21b24b; } .live_session_controls .highlight_if_value[data-state="has_value"] { background: transparent !important; color: #284b65; font-weight: bold; } body #content input[type=text].date_time_field.required.invalid_data, body #content div:not(.loginbox) input[type=text].value_error:focus, body #content div:not(.loginbox) input[type=text].invalid_data:focus, body #content div:not(.loginbox) input[type=email].value_error:focus, body #content div:not(.loginbox) input[type=email].invalid_data:focus, body #content div:not(.loginbox) .value_error, body #content div:not(.loginbox) .invalid_data, body #content div:not(.loginbox) select.required[data-state="no_value"], body #content div:not(.loginbox) input[type=file].required, body #content div:not(.loginbox) input.required[data-state="no_value"]{ border:1px solid #ec5e2d !important; border-left:4px solid #ec5e2d !important; } body #content div:not(.loginbox) input[type=file].required[data-state="new_field"], body #content div:not(.loginbox) select.required[data-state="new_field"], body #content div:not(.loginbox) input.required[data-state="new_field"]{ border:1px solid #777 !important; border-left:4px solid #284b65 !important; } body #content div:not(.loginbox) input[type=button].form_button.disabled, body #content div:not(.loginbox) input[type=submit].form_button.disabled{ background:#fff !important; color:#ec5e2d !Important; border-color:#ec5e2d !Important; opacity:0.5 !important; } body #content div.loginbox input[type=button].form_button.disabled, body #content div.loginbox input[type=submit].form_button.disabled{ color:#888!Important; border-color:#888 !Important; } body #content div:not(.loginbox) select.required:focus, body #content div:not(.loginbox) input.required:focus{ border-color:#284b65 !important; } .highlight_if_value.highlighted_value, body form #content #sefuPreviewedFileInfo span:first-child:not(.invalid_data), body #content select.required[data-state="has_value"]:not(.invalid_data), body #content input.required.highlighted_value:not(.invalid_data), body #content input.required[data-state="has_value"]:not(.invalid_data), body #content input[type=password]:not(.invalid_data){ background-color:#fff !important; border:1px solid #666 !important; border-left:4px solid #284b65 !important; font-weight:bold; color:#284b65 !important; } #clsportal_body #user_messages { width: 100%; background:transparent; } #clsportal_body #user_messages .user_message { position: absolute !important; top: 0; left: 160px; width: 500px; max-width: 500px; } #clsportal_body .user_message, #clsportal_body .user_message *, #clsportal_body .user_message p{ font-size:12px; line-height:17px; } #clsportal_body .user_message { cursor: default !important; position: absolute; left: 150px; top: -10px; z-index: 9000; min-width: 500px !important; max-width: 500px !important; width: auto; animation: user_message_enter .3s ease-out; -webkit-animation: user_message_enter .3s ease-out; } #clsportal_body .user_message.popup { position: absolute; } #clsportal_body .user_message.popup, #clsportal_body .user_message.dismiss.popup { animation: none !important; -webkit-animation: none !important; } #clsportal_body .user_message.dismiss { animation: user_message_exit .3s ease-out; -webkit-animation: user_message_exit .3s ease-out; } #clsportal_body .user_message div { position: relative; width: 95% !important; min-height: 58px; margin: 5px auto; padding: 2px 40px 7px 40px !important; text-align: left; background-color: #fffacc !important; background-size: 40px 40px; background-repeat: no-repeat; background-position: 0 9px; } #clsportal_body #user_messages .user_message div { width: auto !important; min-width: auto !important; max-width: auto !important; min-height: 40px; margin: 0px auto !important; padding: 10px 35px 13px !important; left: auto !important; } #clsportal_body .user_message.popup div { left: 0; width: auto !important; } #clsportal_body #user_messages .user_message > div { box-shadow: 0px 2px 4px rgba(0,0,0,0.3); } #clsportal_body .user_message div:before { position: absolute; left: 9px; top: 15px; font-size: 1.2em; opacity: 0.6; color: #06adee; } #clsportal_body .user_message h3 { font-size: 17px; color: #666; margin: 0 !important; } #clsportal_body .user_message.success div:before, #clsportal_body .user_message.success.popup.info div:before, #clsportal_body .user_message.info div:before, #clsportal_body .user_message div p, #clsportal_body .user_message div li, #clsportal_body .user_message div ul { color: #555; } #clsportal_body .user_message.error div *, #clsportal_body .user_message.error div:before { color: #bb1515; } #clsportal_body .user_message.warning.popup div:before, #clsportal_body .user_message.warning div:before { color: #ffcb08; } #clsportal_body .user_message div p { margin-top: 3px !important; } #clsportal_body .user_message div p:first-child { margin-top: 12px !important; margin-bottom: 5px; } #clsportal_body #user_messages .user_message div p:first-child { margin-top: 5px !important; } #clsportal_body .user_message div p:last-child { padding-bottom: 15px !important; } #clsportal_body .user_message div img { width: 98%; margin: 10px auto !important; } #clsportal_body .user_message div .close_button { position: absolute; top: 10px; right: 7px; width: 20px !important; margin: 0 !important; padding: 0 3px; font-size: 1.2em; text-align: center; color: #cec88d; display: block; border: 1px solid rgba(0,0,0,0.3); border-radius: 3px; opacity: .5; } #clsportal_body .user_message div .close_button:hover { background-color: #cec88d; color: #ffc; } #clsportal_body .user_message.popup div .close_button, #clsportal_body .user_message.error div .close_button { display: block !important; } #clsportal_body .user_message a, #clsportal_body .user_message *:before { color: #098dc6; text-decoration: none; } #clsportal_body .user_message a:hover { text-decoration: underline; } #clsportal_body .user_message ul { max-height: 160px; overflow-y: auto; overflow-x: hidden; } #clsportal_body .user_message ul li, #clsportal_body .user_message ul li a { font-size: 12px !important; line-height: 14px !important; } #clsportal_body div#user_messages.active:before{ width:100%; content:' '; display: block; height: 190px; position:absolute; z-index:1001; top:0px; background: linear-gradient( to bottom, #ffffff 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.4) 70%, rgba(255,255,255,0) 100%); pointer-events:none !important; } #clsportal_body div#user_messages:before { -webkit-transition:background .15s ease; background:transparent; } #page_description p.warning a, #page_description p.warning { color:#ec5e2d; font-size:95%; } #page_description p.warning:before{ content:'\e87b'; font-family:iconfont_clsportal; position:absolute; left:10px; top:6px; } #page_description p.warning { position:relative; display:block; border:1px solid #ec5e2d; border-radius:4px; padding:6px 16px 6px 31px;; } .flip:before { display: inline-block; transform: scaleX(-1); } .lock_down_cover .icon.icon-loading-1.rotate{ display:none !important; } body[class*="_processing_mode"].error_page .lock_down_cover{ display:none !important; } ul.portal-nav__submenu[class*="languages"] li a{ padding-top:5px; padding-bottom:6px; } .portal-nav a:before, .portal-nav button:before{ margin-right:4px; } .portal-nav li[class*="dashboard"] a:before{ margin-right:5px; } .portal-nav__list{ gap:12px; } body[data-theme="cls-slo-br1"] #portal_header_nav li a{ height:15px !important; display:inline-block !important; } body[data-theme="cls-slo-br1"] #portal_header_nav > ul > li.portal-nav__item{ height:21px !Important; } #clsportal_body #user_messages .user_message { position: absolute !important; top: 0; left: 160px; width: 500px; max-width: 500px; } #clsportal_body .user_message, #clsportal_body .user_message *, #clsportal_body .user_message p{ font-size:12px; line-height:16px; } #clsportal_body .user_message { cursor: default !important; position: absolute; left: 150px; top: -10px; z-index: 9000; min-width: 500px !important; max-width: 500px !important; width: auto; animation: user_message_enter .3s ease-out; -webkit-animation: user_message_enter .3s ease-out; } body #container span.icon-learning-path:before{ font-family:sans-serif !important; } @font-face { font-family: 'iconfont_clsportal'; src: url('/css/fonts/iconfont/font/iconfont_clsportal.eot?9136202'); src: url('/css/fonts/iconfont/font/iconfont_clsportal.eot?9136202#iefix') format('embedded-opentype'), url('/css/fonts/iconfont/font/iconfont_clsportal.woff2?9136202') format('woff2'), url('/css/fonts/iconfont/font/iconfont_clsportal.woff?9136202') format('woff'), url('/css/fonts/iconfont/font/iconfont_clsportal.ttf?9136202') format('truetype'), url('/css/fonts/iconfont/font/iconfont_clsportal.svg?9136202#iconfont_clsportal') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "iconfont_clsportal"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-th-list:before { content: '\e800'; } .icon-search-2:before { content: '\e801'; } .icon-check:before { content: '\e802'; } .icon-check-empty:before { content: '\e803'; } .icon-fire:before { content: '\e804'; } .icon-chart:before { content: '\e805'; } .icon-clipboard:before { content: '\e806'; } .icon-certificate:before { content: '\e807'; } .icon-tasks:before { content: '\e808'; } .icon-list:before { content: '\e809'; } .icon-align-justify:before { content: '\e80a'; } .icon-signal:before { content: '\e80b'; } .icon-arrows-cw:before { content: '\e80c'; } .icon-progress-7:before { content: '\e80d'; } .icon-comment:before { content: '\e80e'; } .icon-globe:before { content: '\e80f'; } .icon-edit-alt:before { content: '\e810'; } .icon-fire-2:before { content: '\e811'; } .icon-clock:before { content: '\e812'; } .icon-mail:before { content: '\e813'; } .icon-wrench:before { content: '\e814'; } .icon-cog:before { content: '\e815'; } .icon-exclamation:before { content: '\e816'; } .icon-trash:before { content: '\e817'; } .icon-adult:before { content: '\e818'; } .icon-address-book:before { content: '\e819'; } .icon-youtube:before { content: '\e81a'; } .icon-list-numbered:before { content: '\e81b'; } .icon-export:before { content: '\e81c'; } .icon-info:before { content: '\e81d'; } .icon-trophy:before { content: '\e81e'; } .icon-clock-1:before { content: '\e81f'; } .icon-plus:before { content: '\e820'; } .icon-minus:before { content: '\e821'; } .icon-cancel:before { content: '\e822'; } .icon-award:before { content: '\e823'; } .icon-wrench-1:before { content: '\e824'; } .icon-pencil:before { content: '\e825'; } .icon-chart-bar-1:before { content: '\e826'; } .icon-sort-number-up:before { content: '\e827'; } .icon-sort-number-down:before { content: '\e828'; } .icon-trash-1:before { content: '\e829'; } .icon-share:before { content: '\e82a'; } .icon-search-1:before { content: '\e82b'; } .icon-progress-3:before { content: '\e82c'; } .icon-progress-2:before { content: '\e82d'; } .icon-indent-right:before { content: '\e82e'; } .icon-pencil-1:before { content: '\e82f'; } .icon-calendar-1:before { content: '\e830'; } .icon-search:before { content: '\e831'; } .icon-arrows-cw-1:before { content: '\e832'; } .icon-chat:before { content: '\e833'; } .icon-comment-alt:before { content: '\e834'; } .icon-calendar-inv:before { content: '\e835'; } .icon-list-1:before { content: '\e836'; } .icon-list-add:before { content: '\e837'; } .icon-publish:before { content: '\e838'; } .icon-floppy:before { content: '\e839'; } .icon-menu:before { content: '\e83a'; } .icon-floppy-1:before { content: '\e83b'; } .icon-ellipsis-vert:before { content: '\e83c'; } .icon-ellipsis:before { content: '\e83d'; } .icon-link-ext:before { content: '\e83e'; } .icon-calendar-3:before { content: '\e83f'; } .icon-cog-1:before { content: '\e840'; } .icon-menu-1:before { content: '\e841'; } .icon-docs:before { content: '\e842'; } .icon-progress-0:before { content: '\e843'; } .icon-unlink:before { content: '\e844'; } .icon-link-1:before { content: '\e845'; } .icon-trophy-1:before { content: '\e846'; } .icon-clock-2:before { content: '\e847'; } .icon-users:before { content: '\e848'; } .icon-rocket:before { content: '\e849'; } .icon-download-cloud:before { content: '\e84a'; } .icon-download:before { content: '\e84b'; } .icon-sort-name-up:before { content: '\e84c'; } .icon-sort-name-down:before { content: '\e84d'; } .icon-sort-alt-down:before { content: '\e84e'; } .icon-sort-alt-up:before { content: '\e84f'; } .icon-youtube-play:before { content: '\e850'; } .icon-alert:before { content: '\e851'; } .icon-calendar-2:before { content: '\e852'; } .icon-lock:before { content: '\e853'; } .icon-lock-open-alt:before { content: '\e854'; } .icon-user-add-1:before { content: '\e855'; } .icon-user-1:before { content: '\e856'; } .icon-chart-pie:before { content: '\e857'; } .icon-chart-bar:before { content: '\e858'; } .icon-up-open-2:before { content: '\e859'; } .icon-right-open-2:before { content: '\e85a'; } .icon-left-open-2:before { content: '\e85b'; } .icon-down-open-2:before { content: '\e85c'; } .icon-ccw:before { content: '\e85d'; } .icon-stopwatch:before { content: '\e85e'; } .icon-trash-2:before { content: '\e85f'; } .icon-flag:before { content: '\e860'; } .icon-info-circled:before { content: '\e861'; } .icon-help-circled:before { content: '\e862'; } .icon-cancel-circled:before { content: '\e863'; } .icon-ok-circled:before { content: '\e864'; } .icon-attention:before { content: '\e865'; } .icon-pencil-2:before { content: '\e866'; } .icon-vcard:before { content: '\e867'; } .icon-window:before { content: '\e868'; } .icon-book:before { content: '\e869'; } .icon-book-1:before { content: '\e86a'; } .icon-picture:before { content: '\e86b'; } .icon-export-1:before { content: '\e86c'; } .icon-trash-3:before { content: '\e86d'; } .icon-cloud:before { content: '\e86e'; } .icon-tags:before { content: '\e86f'; } .icon-upload-cloud:before { content: '\e870'; } .icon-doc-text:before { content: '\e871'; } .icon-folder:before { content: '\e872'; } .icon-group:before { content: '\e873'; } .icon-user:before { content: '\e874'; } .icon-list-alt:before { content: '\e875'; } .icon-home:before { content: '\e876'; } .icon-help-circled-alt:before { content: '\e877'; } .icon-info-circled-alt:before { content: '\e878'; } .icon-logout:before { content: '\e879'; } .icon-picture-1:before { content: '\e87a'; } .icon-attention-1:before { content: '\e87b'; } .icon-attention-circled:before { content: '\e87c'; } .icon-hourglass:before { content: '\e87d'; } .icon-progress-1:before { content: '\e87e'; } .icon-search-3:before { content: '\e87f'; } .icon-search-4:before { content: '\e880'; } .icon-award-1:before { content: '\e881'; } .icon-ok:before { content: '\e882'; } .icon-check-1:before { content: '\e883'; } .icon-check-empty-1:before { content: '\e884'; } .icon-folder-open:before { content: '\e885'; } .icon-block:before { content: '\e886'; } .icon-picture-2:before { content: '\e887'; } .icon-doc-new:before { content: '\e888'; } .icon-loading-1:before { content: '\e889'; } .icon-block-1:before { content: '\e88a'; } .icon-slideshare:before { content: '\e88b'; } .icon-bell:before { content: '\e88c'; } .icon-popup:before { content: '\e88d'; } .icon-language:before { content: '\e88e'; } .icon-list-numbered-1:before { content: '\e88f'; } .icon-table:before { content: '\e890'; } .icon-commerical-building:before { content: '\e891'; } .icon-bell-1:before { content: '\e892'; } .icon-database-1:before { content: '\e893'; } .icon-bug:before { content: '\e894'; } .icon-cubes:before { content: '\e895'; } .icon-tasks-1:before { content: '\e896'; } .icon-down-open:before { content: '\e897'; } .icon-up-open:before { content: '\e898'; } .icon-right-open:before { content: '\e899'; } .icon-left-open:before { content: '\e89a'; } .icon-user-2:before { content: '\e89b'; } .icon-marquee:before { content: '\e89c'; } .icon-video:before { content: '\e89d'; } .icon-right-hand:before { content: '\e89e'; } .icon-left-hand:before { content: '\e89f'; } .icon-up-hand:before { content: '\e8a0'; } .icon-down-hand:before { content: '\e8a1'; } .icon-newspaper:before { content: '\e8a2'; } .icon-download-1:before { content: '\e8a3'; } .icon-moon-inv:before { content: '\e8a4'; } .icon-moon:before { content: '\e8a5'; } .icon-archive:before { content: '\e8a6'; } .icon-bell-alt:before { content: '\f0f3'; } .icon-flag-checkered:before { content: '\f11e'; } .icon-angle-circled-left:before { content: '\f137'; } .icon-angle-circled-right:before { content: '\f138'; } .icon-angle-circled-up:before { content: '\f139'; } .icon-angle-circled-down:before { content: '\f13a'; } .icon-box:before { content: '\f187'; } .icon-id-card:before { content: '\f2c2'; } .icon-id-card-o:before { content: '\f2c3'; } table.dataTable { margin: 0 auto; clear: both; width: 100%; } table.dataTable thead th { padding: 3px 18px 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; *cursor: hand; } table.dataTable tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid black; font-weight: bold; } table.dataTable td { padding: 3px 10px; } table.dataTable td.center, table.dataTable td.dataTables_empty { text-align: center; } .dataTables_wrapper { position: relative; clear: both; *zoom: 1; } .dataTables_length { float: left; } .dataTables_filter { float: right; text-align: right; } .dataTables_info { clear: both; float: left; } .dataTables_paginate { float: right; text-align: right; } .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; } .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; } .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; } .paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; } .paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; } .paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; } .paginate_enabled_previous { background: url("/js/dataTables/images/back_enabled.png") no-repeat top left; } .paginate_enabled_previous:hover { background: url("/js/dataTables/images/back_enabled_hover.png") no-repeat top left; } .paginate_disabled_previous { background: url("/js/dataTables/images/back_disabled.png") no-repeat top left; } .paginate_enabled_next { background: url("/js/dataTables/images/forward_enabled.png") no-repeat top right; } .paginate_enabled_next:hover { background: url("/js/dataTables/images/forward_enabled_hover.png") no-repeat top right; } .paginate_disabled_next { background: url("/js/dataTables/images/forward_disabled.png") no-repeat top right; } .paging_full_numbers { height: 22px; line-height: 22px; } .paging_full_numbers a:active { outline: none; } .paging_full_numbers a:hover { text-decoration: none; } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; color: #333 !important; } .paging_full_numbers a.paginate_button { background-color: #ddd; } .paging_full_numbers a.paginate_button:hover { background-color: #ccc; text-decoration: none !important; } .paging_full_numbers a.paginate_active { background-color: #99B3FF; } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } .sorting { background: url("/js/dataTables/images/sort_both.png") no-repeat center right; } .sorting_asc { background: url("/js/dataTables/images/sort_asc.png") no-repeat center right; } .sorting_desc { background: url("/js/dataTables/images/sort_desc.png") no-repeat center right; } .sorting_asc_disabled { background: url("/js/dataTables/images/sort_asc_disabled.png") no-repeat center right; } .sorting_desc_disabled { background: url("/js/dataTables/images/sort_desc_disabled.png") no-repeat center right; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_length *, .dataTables_filter *, .dataTables_info, .dataTables_paginate * { font-family: sans-serif !important; font-size: 1.1em; display: inline-block; margin-bottom: 3px; } .dataTables_wrapper { margin-bottom: 20px !important; } .dataTables_info { margin-bottom: 20px !important; } .dataTables_length select { padding: 1px 3px; } .dataTables_filter input, .dataTables_length select { border-radius: 5px; border: 1px solid #999; text-align: center; font-size: 1.3em; } #tinyeditor { border: none; margin: 0; padding: 0; font: 14px 'Courier New',Verdana } .tinyeditor, .tinyeditor textarea { width: 99% !important; min-height: 320px !Important; } .tinyeditor textarea { line-height: 1.4em; font-family: Courier New, Courier New, monospace !important; font-size: 15px; color: #555; min-height: 295px !important; } .tinyeditor { border: 1px solid #bbb; padding: 0 1px 1px; font: 12px Verdana,Arial; } .tinyeditor iframe { width: 100%; border: none; overflow-x: hidden; min-height: 300px; } .tinyeditor-header { height: 31px; border-bottom: 1px solid #bbb; background: url(/js/min/tinyeditor/images/header-bg.gif) repeat-x; padding-top: 1px } .tinyeditor-header select { float: left; margin-top: 5px } .tinyeditor-font { margin-left: 12px } .tinyeditor-size { margin: 0 3px } .tinyeditor-style { margin-right: 12px } .tinyeditor-divider { float: left; width: 1px; height: 30px; background: #ccc } .tinyeditor-control { float: left; width: 34px; height: 30px; cursor: pointer; background-image: url(/js/min/tinyeditor/images/icons.png) } .tinyeditor-control:hover { background-color: #fff; background-position: 30px 0 } .tinyeditor-footer { height: 32px; border-top: 1px solid #bbb; background: #f5f5f5 } .toggle { float: left; background: url(/js/min/tinyeditor/images/icons.png) -34px 2px no-repeat; padding: 9px 13px 0 31px; height: 23px; border-right: 1px solid #ccc; cursor: pointer; color: #666 } .toggle:hover { background-color: #fff } .resize { float: right; height: 32px; width: 32px; background: url(/js/min/tinyeditor/images/resize.gif) 15px 15px no-repeat; cursor: s-resize } #editor { cursor: text; margin: 10px } .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important; pointer-events: none } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-selectable { -ms-touch-action: none; touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black } .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0 } .ui-menu .ui-menu { position: absolute } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0 } .ui-menu .ui-menu-icon { left: auto; right: 0 } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap } input.ui-button.ui-button-icon-only { text-indent: 0 } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0 } .ui-controlgroup { vertical-align: middle; display: inline-block } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0 } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999 } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em } .ui-controlgroup .ui-controlgroup-label span { font-size: 80% } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc( 100% - 2.4em ) } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid } .ui-checkboxradio-disabled { pointer-events: none } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0 } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer } .ui-dialog .ui-resizable-n { height: 2px; top: 0 } .ui-dialog .ui-resizable-e { width: 2px; right: 0 } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0 } .ui-dialog .ui-resizable-w { width: 2px; left: 0 } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px } .ui-dialog .ui-resizable-se { right: 0; bottom: 0 } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0 } .ui-dialog .ui-resizable-ne { right: 0; top: 0 } .ui-dialog .ui-resizable-nw { left: 0; top: 0 } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-progressbar { height: 2em; text-align: left; overflow: hidden } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25 } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0 } .ui-selectmenu-open { display: block } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0 } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-tabs { position: relative; padding: .2em } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px } body .ui-tooltip { border-width: 2px } .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5 } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333 } .ui-widget-content a { color: #333 } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold } .ui-widget-header a { color: #333 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94,158,214) } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620 } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png") } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png") } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png") } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png") } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png") } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png") } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png") } .ui-icon-blank { background-position: 16px 16px } .ui-icon-caret-1-n { background-position: 0 0 } .ui-icon-caret-1-ne { background-position: -16px 0 } .ui-icon-caret-1-e { background-position: -32px 0 } .ui-icon-caret-1-se { background-position: -48px 0 } .ui-icon-caret-1-s { background-position: -65px 0 } .ui-icon-caret-1-sw { background-position: -80px 0 } .ui-icon-caret-1-w { background-position: -96px 0 } .ui-icon-caret-1-nw { background-position: -112px 0 } .ui-icon-caret-2-n-s { background-position: -128px 0 } .ui-icon-caret-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -65px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -65px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 1px -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30) } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666 } .swal2-popup li { } .swal2-popup li:first-child { border-bottom: none; } .swal2-popup p, .swal2-popup li { font-family: Tahoma,verdana,sans-serif; margin-bottom: 8px; font-size: 14px; list-style: none; border-top: 1px solid #ccc; padding-top: 4px; padding-top: 8px; } .swal2-popup li ul { padding-top: 5px; } .swal2-popup li ul li { border-style: none; text-indent: 0px; padding-top: 1px; margin-top: 1px; padding-top: 2px; font-size: 12px; line-height: 11px; } .swal2-popup { border-top: 15px solid #ffcb08 } .swal2-container button { background-color: #3c7bb9 !important; border-radius: 16px; padding: 8px 20px; min-width: 100px; } .swal2-container h1 { font-size: 20px; } .swal2-container h2 { font-size: 17px; } .swal2-container { z-index: 300000 !important; } .swal-custom-popup { font-family: Tahoma, Verdana, sans-serif; padding: 2em; } .swal-custom-button { background-color: #1E4164 !important; color: #fff !important; border: none !important; font-family: Tahoma, Verdana, sans-serif; font-size: 14px; padding: 8px 20px; border-radius: 4px; } .swal-custom-title { display: none; } .swal-custom-html { margin-top: -10px; text-align: left; } #updateNotesBtn { position: fixed; bottom: 10px; right: 15px; background-color: #1E4164; color: white; border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 28px; font-weight: bold; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.3); z-index: 9999; animation: bounce 1s 5 ease; } #updateNotesBtn.seen { animation: none; opacity: 0.5; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } button#updateNotesBtn { font-size: 14px; white-space: nowrap; width: 150px; border-radius: 8px; padding: 10px !important; height: 25px; line-height: 6px; vertical-align: middle; } button#updateNotesBtn:after { content: '1'; position: absolute; top: 2px; background-color: #089cd6; padding: 5px; border-radius: 15px; left: 1px; font-size: 11px !important; } button#updateNotesBtn:before { font-family: iconfont_clsportal; content: '\f4ac'; content: '\f0e0'; content: '\E820'; color: #1e4164 !important; font-size: 35px; } button#updateNotesBtn { background: transparent; box-shadow: none; width: auto; height: 50px; opacity: .8; z-index: 9998; } button#updateNotesBtn:hover { opacity: 1; bottom: 16px !important; } button#updateNotesBtn:hover:before { font-size: 42px; } button#updateNotesBtn:hover:after { left: 3px; top: 0px; } button#updateNotesBtn.seen, button#updateNotesBtn.seen * { -webkit-filter: grayscale(1); } .swal2-container h1, .swal2-container h2 { text-align: left; } .swal2-container h2 { font-size: 25px !Important; margin: 2px 0px !important; } .swal2-popup p, .swal2-popup li { border-style: none; margin-left: 20px; } button#updateNotesBtn:hover:before { font-size: 26px !important; } button#updateNotesBtn:before { content: '\f0f3'; color: #fff !important; background: #1e4164 !important; background: #3a749e !important; padding: 12px; border-radius: 13px; font-size: 22px; } button#updateNotesBtn { bottom: 20px; } button#updateNotesBtn:hover { bottom: 24px !important; } button#updateNotesBtn:hover:after { left: 5px !important; top: -6px !important; } button#updateNotesBtn:after { left: 5px !important; top: -5px !important; } button#updateNotesBtn.seen:after { display: none; } .swal2-container button { border-radius: 16px !important; background-color: #3a749e !important; } .swal2-container button { } .swal2-container button:hover { background-color: #089cd6 !important; } .swal2-popup li sup { font-size: 70%; } .swal2-popup li { position: relative; } .swal2-popup li span { position: absolute; left: -26px; font-size: 18px; } .swal2-popup { box-shadow: 0px 3px 9px rgba(0,0,0,0.4); } .swal2-popup a { text-decoration: underline; } #google_translate_element { display: block !important; width: auto !important; height: auto !important; font-size: 14px !important; } .goog-te-gadget { font-family: inherit !important; display: inline-block !important; } .swal2-backdrop-hide { display: none !important; } body#clsportal_body[data-theme="cls-slo-br1"] .swal2-container h2{ color: rgb(54,54,54); font-family: noto-sans-condensed, sans-serif !important; font-weight: 200 !important; color: rgb(10,154,217) !important; border-style:none; margin-left:10px !important; padding-left:0px; }