tags. We want a little extra space between each, without resorting to tags. [The growl config is set to NOT convert CRLF to ] */ div.ui-pnotify-text > p + p { margin-top: 10px; } /* style topmost parent paragraphs, skipping the first */ /* global */ div.ui-cluetip { font-size: 1em; } .ui-cluetip-header, .ui-cluetip-content { padding: 12px; } .ui-cluetip-header { font-size: 1em; margin: 0; overflow: hidden; } .cluetip-title .cluetip-close { float: right; position: relative; } .cluetip-close img { border: 0; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(images/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; width: 11px; height: 22px; background-repeat: no-repeat; background-position: 0 0; border-width: 0; } .cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default, .cluetip-default .cluetip-outer { background-color: #d9d9c2; z-index: 10000; } .cluetip-default .ui-cluetip-header { background-color: #87876a; } /* .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } */ /* default arrows */ div.cluetip-default .cluetip-arrows { border-width: 0; background: transparent none; } div.clue-right-default .cluetip-arrows { background-image: url(images/darrowleft.gif); } div.clue-left-default .cluetip-arrows { background-image: url(images/darrowright.gif); left: 100%; margin-right: -11px; } div.clue-top-default .cluetip-arrows { background-image: url(images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; width: 22px; height: 11px; } div.clue-bottom-default .cluetip-arrows { background-image: url(images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; width: 22px; height: 11px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: #fff; } .cluetip-jtip .cluetip-outer { border: 2px solid #ccc; position: relative; /*background-color: #fff;*/ } .cluetip-jtip .cluetip-inner { padding: 5px; display: inline-block; } .cluetip-jtip div.cluetip-close { text-align: right; margin: 0 5px 0; color: #900; } .cluetip-jtip .ui-cluetip-header { background-color: #ccc; padding: 6px; /* margin-bottom: 1em;*/ } /* jtip arrows */ div.cluetip-jtip .cluetip-arrows { border-width: 0; background: transparent none; } div.clue-right-jtip .cluetip-arrows { background-image: url(images/arrowleft.gif); } div.clue-left-jtip .cluetip-arrows { background-image: url(images/arrowright.gif); left: 100%; margin-right: -11px; } div.clue-top-jtip .cluetip-arrows { background-image: url(images/arrowdown.gif); top: 100%; left: 50%; width: 22px; height: 11px; margin-left: -11px; } div.clue-bottom-jtip .cluetip-arrows { background-image: url(images/arrowup.gif); top: -11px; left: 50%; width: 22px; height: 11px; margin-left: -11px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #fff; border: 1px solid #ccc; } .cluetip-rounded .cluetip-outer { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #fff; } .cluetip-rounded .cluetip-arrows { border-color: #ccc; } /* need to be more specific here to override ThemeRoller defaults */ div.cluetip-rounded .cluetip-arrows { font-size: 0; line-height: 0%; width: 0; height: 0; border-style: solid; background: transparent none; } div.clue-right-rounded .cluetip-arrows { border-width: 11px 11px 11px 0; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } div.clue-left-rounded .cluetip-arrows { left: 100%; margin-right: -11px; border-width: 11px 0 11px 11px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } div.clue-top-rounded .cluetip-arrows { top: 100%; left: 50%; border-width: 11px 11px 0 11px; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .clue-bottom-rounded .cluetip-arrows { top: -11px; left: 50%; border-width: 0 11px 11px 11px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } /* stupid IE6 HasLayout hack */ .cluetip-rounded .cluetip-title, .cluetip-rounded .cluetip-inner { zoom: 1; } /* Image URL overrides, to compensate for the script being loaded from a bundle */ #cluetip-waitimage { background-image: url(/scripts/cluetip/images/wait.gif); } .clue-right-default .cluetip-arrows { background-image: url(/scripts/cluetip/images/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(/scripts/cluetip/images/darrowright.gif); } .clue-top-default .cluetip-arrows { background-image: url(/scripts/cluetip/images/darrowdown.gif); } .clue-bottom-default .cluetip-arrows { background-image: url(/scripts/cluetip/images/darrowup.gif); } /* jtip arrows */ .clue-right-jtip .cluetip-arrows { background-image: url(/scripts/cluetip/images/arrowleft.gif); } .clue-left-jtip .cluetip-arrows { background-image: url(/scripts/cluetip/images/arrowright.gif); } .clue-top-jtip .cluetip-arrows { background-image: url(/scripts/cluetip/images/arrowdown.gif); } .clue-bottom-jtip .cluetip-arrows { background-image: url(/scripts/cluetip/images/arrowup.gif); } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { background: transparent url(/scripts/cluetip/images/bl.gif) no-repeat 0 100%; } .cluetip-rounded #cluetip-outer { background: transparent url(/scripts/cluetip/images/tl.gif) no-repeat 0 0; } .cluetip-rounded #cluetip-extra { background: transparent url(/scripts/cluetip/images/tr.gif) no-repeat 100% 0; } .cluetip-rounded #cluetip-inner { background: url(/scripts/cluetip/images/br.gif) no-repeat 100% 100%; } /* rounded arrows */ .clue-right-rounded .cluetip-arrows { background-image: url(/scripts/cluetip/images/rarrowleft.gif); } .clue-left-rounded .cluetip-arrows { background-image: url(/scripts/cluetip/images/rarrowright.gif); } .clue-top-rounded .cluetip-arrows { background-image: url(/scripts/cluetip/images/rarrowdown.gif); } .clue-bottom-rounded .cluetip-arrows { background-image: url(/scripts/cluetip/images/rarrowup.gif); } /* file-list arrows */ .clue-right-file-list .cluetip-arrows { background-image: url(/scripts/cluetip/images/arrowleft.gif); } .clue-left-file-list .cluetip-arrows { background-image: url(/scripts/cluetip/images/arrowright.gif); } .clue-top-file-list .cluetip-arrows { background-image: url(/scripts/cluetip/images/arrowdown.gif); } .clue-bottom-file-list .cluetip-arrows { background-image: url(/scripts/cluetip/images/arrowup.gif); } /* Override the close element */ .cluetip-default div#cluetip-close { border-bottom: 0; float: right; background-image: url("/content/skins/shared/images/icons/close-cluetip-off.png"); background-repeat: no-repeat; width: 17px; height: 17px; cursor: pointer; margin: 0px; padding: 0px; } .cluetip-default div#cluetip-close:hover { background-image: url("/content/skins/shared/images/icons/close-cluetip-on.png"); } .cluetip-default div#cluetip-close a { color: white; } /* Override general cluetip styles */ .cluetip-default { font-family: inherit; line-height: 14px; font-size: inherit; } /* Better table styles */ .cluetip-default table td { padding: 5px; } /* Better list styles */ .cluetip-default ul li { margin: 0 0 5px 0; } #cluetip .ui-cluetip-header { background: #0084bc; } .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} .jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #F0F6F9; border: 1px solid #346F97; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 245px; padding: 20px 40px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 245px; height: 75px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 75px; height: 75px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/Scripts/jCarousel/next-horizontal.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url('/Scripts/jCarousel/prev-horizontal.png'); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/Scripts/jCarousel/prev-horizontal.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url('/Scripts/jCarousel/next-horizontal.png'); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/Scripts/jCarousel/next-vertical.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/Scripts/jCarousel/prev-vertical.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } /* popup-specific styles removed because the responsive popup does not need them */ .content-block { font-size: 1em !important; } .content-block p { font-size: 1em !important; } .edit-mode-on { border: 1px solid #ec7323 !important; min-height: 24px; position: relative; padding: 4px 40px 4px 4px; box-sizing:border-box; } .edit-mode-on::before { content: '\f044'; font-family: "Font Awesome 5 Pro"; font-style:normal; background:#ec7323; color: #ffffff; height: 24px; position: absolute; right: -1px; top: -1px; width: 24px; z-index: 1000; text-align: center; font-size: 14px; line-height: 22px !important; } .edit-mode-on:hover { cursor: pointer; } .inline-edit-icon { background:#ec7323; color:#ffffff; height: 24px; position: absolute; right: -1px; top: -1px; width: 24px; z-index: 1000; text-align: center; font-size: .8em; line-height: 22px !important; } .inline-edit-icon::before { content: '\f044'; font-family: "Font Awesome 5 Pro"; font-style:normal; } .inline-edit-icon-off { display: none; } #EditModeMessage { display: none; width: 100%; background: #ec7323; color: #ffffff; text-align: center; font-size: 12px; padding-top: 5px; padding-bottom: 5px; } /* Switch starts here */ #toggle-container { float: left; margin-right: 10px; position: relative; top: -2px; } .toggle-label { color: #666666; float: left; margin: 0 7px 0 0; } #toggle-container label { color: transparent; background: url('/content/skins/admin/images/layout/toggle.png') -26px 0 no-repeat; border-radius: 13px; display: block; position: relative; text-indent: 100%; width: 39px; height: 18px; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; cursor: pointer; font-size: .01em; float: left; font-weight: regular; padding: 0; } #utilities #toggle-container input[type=checkbox] { display: none; } #toggle-container label span { background: url('/content/skins/admin/images/layout/toggle.png') -3px -20px no-repeat; border: 0px solid transparent; border-radius: 13px; content: ""; display: block; position: absolute; top: 0; left: -5px; width: 18px; height: 18px; -webkit-transition: left .3s ease; -moz-transition: left .3s ease; } #toggle-container input[type=checkbox]:checked + label { background-position: 0 0; } #toggle-container input[type=checkbox]:checked + label span { left: 22px; } /* Switch code ends */ .edit-nav-holder { display: inline-block; left: -2px; position: absolute; top: 7px; } .inline-editor[data-edit-mode-only="False"] { cursor: pointer; display:inline-block; } .edit-mode-on.inline-editor { padding: 0 30px 0 0; position: relative; display: inline-block; cursor: pointer; width: auto; } .inline-editor-input { color: #333 !important; font-weight: normal !important; width: 100%; } i.inline-editor-success-indicator { display: none; } .modal-edit-actions { float: right; padding: 10px; margin: 0; } .inline-editor { display:inline; } .group-title .inline-editor span { top:0; } .group-title .inline-editor { padding:10px 10px 10px 5px; } .learning-plan .learning-plan-group-header div.inline-editor { padding: 0; } .learning-plan .learning-plan-group-header div.inline-editor.edit-mode-on { padding-right: 40px; } .inline-editor form { margin-right: 10px; } .task-group-inline-instructions div.short-instructions-edit { float: none; } .task-group-inline-instructions div.short-instructions-edit > div { float: none; } .cke_chrome { border: 1px solid #0f618f !important; box-shadow: none !important; } .cke_bottom { background: none repeat scroll 0 0 #0f618f !important; } .cke_dialog_contents_body { z-index: 10200 !important; } .cke_dialog_ui_input_text { z-index: 10300 !important; } a.cke_button {height: auto !important;} /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chosen-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } .chosen-container.chosen-with-drop .chosen-drop { clip: auto; -webkit-clip-path: none; clip-path: none; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4)); background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("chosen-sprite.png") no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: url("chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff)); background-image: linear-gradient(#eee 20%, #fff 80%); -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: url("chosen-sprite.png") no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ /* overrides for chosen image file paths */ /* @group Base */ .chosen-container-single .chosen-single abbr { background: url('/Scripts/chosen/chosen-sprite.png') -42px 1px no-repeat; } .chosen-container-single .chosen-single div b { background: url('/Scripts/chosen/chosen-sprite.png') no-repeat 0px 2px; } .chosen-container-single .chosen-search input[type="text"] { background: white url('/Scripts/chosen/chosen-sprite.png') no-repeat 100% -20px; background: url('/Scripts/chosen/chosen-sprite.png') no-repeat 100% -20px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: url('/Scripts/chosen/chosen-sprite.png') -42px 1px no-repeat; } .chosen-rtl .chosen-search input[type="text"] { background: white url('/Scripts/chosen/chosen-sprite.png') no-repeat -30px -20px; background: url('/Scripts/chosen/chosen-sprite.png') no-repeat -30px -20px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url('/Scripts/chosen/chosen-sprite@2x.png') !important; } } /* chosen dropdown styling */ .chosen-container .chosen-results { max-height: 125px; } /* if there are really long items in a chosen dropdown, limit their width and break word for wrapping otherwise might end up with a really wide chosen input control, especially on modals */ .chosen-container-multi .chosen-choices li.search-choice { word-wrap: break-word; } /* Forces a max length on a workflow form stay within the modal window */ .workflow-step-attributes .chosen-container { max-width: 90%; } /* ------------------------------------------------------------------------------------------ */ /* COLORS */ /* ------------------------------------------------------------------------------------------ */ .blue { color: #006eaa; } .green { color: #6cc266; } .orange { color: #fb952c; } .red { color: #B61E3A; } .medium-grey { color: #888888; } .deemphasized { color: #dddddd; } .neutral { color: #666666; } .alert { color: #fb952c; } .disabled-icon, .disabled-text { color: #cccccc; } /* ------------------------------------------------------------------------------------------ */ /* BASIC PAGE ELEMENTS */ /* ------------------------------------------------------------------------------------------ */ /*-------------*/ /* Buttons */ /*-------------*/ /* 760px and above */ /* Start HS Customizations */ /* inline buttons don't float. Ideally this would be the default, and we'd add something extra to get floats, but too late for that */ .main a.button-inline { float: none !important; display: inline-block !important; } /* HS customizations */ .headerlink.button { margin: 0 10px 10px 0; } #LearningPlanWorkflowButtonTop .workflow-button-area { margin: 0; float: right; position: relative; top: 0; } .plan-step-action a.step-button, .plan-step-action a.step-completed.successfully, .plan-step-action a.step-completed.unsuccessfully { position: relative; top: 0; } .activity-col-5.secondary-activity-button.step { padding: 5px !important; } ul li .attr-comp-classification-label { display: inline-block; } /* -- */ #fsList { width: 100%; box-sizing: border-box; } #content { clear: both; padding: 25px 25px 25px 25px; } .body-content { clear: both; padding: 25px 25px 25px 25px; } .main fieldset { border: 3px solid #eeeeee; margin: 20px 0 30px; } #requirements_maximize:hover, #requirements_minimize:hover { cursor: pointer; } .task-activity .step-button span, .task-activity .step-completed span { font-size: 12px !important; } #utilities { position: relative; height: auto; } #masthead .logo-container { height: auto; min-height: 100px; max-width: 50%; } .logo-container::after { clear: both; content: ""; display: block; } #masthead .logo-container img { max-height: 100px; } #utilities .toolbar ul { background: none; float: left; height: 25px; padding: 0 5px; white-space: nowrap; } #utilities .toolbar-edit { float: right; padding: 0 30px 0 0; } #utilities .secondary-util-nav { position: relative; } #utilities .edit-nav-holder { float: left; position: relative; } #utilities .toolbar { background: #006eaa; float: left; height: 25px; margin: 0; border-radius: 0 0 4px 4px; } #utilities .toolbar-active-account { background: #6cc266; } #utilities .toolbar-active-account > a { border-right: none; } #utilities .toolbar p, #utilities #utilities .toolbar a { border-right: none; } div.responsive-toolbar .searchbar ul.links span + span:before { content: " | "; color: #000000; } h1.page-title { float: left; line-height: 24px; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.ContentHeader { border-bottom: double #cdd9e0; margin: 0 0 10px 0; } div.ContentHeader div.page-header-layout:after { display: block; content: ""; clear: both; } div.ContentHeader div.page-header-title { padding: 0; z-index: 900; } div.ContentHeader div.show-hide-details, div.ContentHeader div.returnTo { padding: 10px 0 5px; white-space: nowrap; } div.BottomOfPageLink div.returnTo { overflow: hidden; padding: 10px 15px 0; text-align: right; text-overflow: ellipsis; white-space: nowrap; } div.ContentHeader div.returnTo { overflow: hidden; padding: 10px 0 5px; text-align: right; text-overflow: ellipsis; white-space: nowrap; } div.ContentHeader div.show-hide-details { float: left; } div.ContentHeader div.page-header-tools { float: left; } div.ContentHeader div.page-header-return-to { float: right; } div.ContentHeader div.row div { box-sizing: border-box; } div.ContentHeader div.show-hide-details a { color: #196ea2 !important; padding: 0 0 0 10px; } div.ContentHeader div.show-hide-details i { padding: 0 5px 0 0; } .group-info { display: inline; float: right; font-size: 12px; line-height: 24px; vertical-align: middle; box-sizing: border-box; } .group-info ul li:before { content: "| "; padding-left: 5px; } /* Get rid of pipe on first progress element */ .group-info ul li:first-child:before { content: ""; } .group-info ul li { display: inline-block; background: none !important; } .group-info ul { margin-left: -5px !important; } .group-title { width: auto !important; } .learning-plan-group.learning-plan .learning-plan-workflow .task-list-actions { margin: 0 !important; float: right; padding: 8px 8px 3px; } .task-list-actions span a.button { margin: 0 !important; } fieldset { border: 3px solid #eeeeee; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } fieldset .progressbar { background-color: #D3D3D3; border-radius: 13px; /* (height of inner div) / 2 + padding */ padding: 0px; width: 200px; } fieldset .progressbar > div { height: 20px; border-radius: 10px; position: relative; } fieldset .progressbar > div.requirement { background-color: #006AA5; } fieldset .progressbar > div.limit { background-color: #FFFF00; } fieldset .requirement-detail { margin: 0 0 5px; overflow: visible; } fieldset .secondary-activity-button a.add-item span { color: #006eaa !important; } fieldset .container-activity a.button.add-item span.button-label span { color: #006eaa !important; } fieldset .learning-plan-group, fieldset .learning-plan-group.grey { padding: 0 0 5px 0 !important; } fieldset .learning-plan-group-header div.maximize-minimize { float: left; padding: 10px 0 0 7px; } fieldset .learning-plan-group-header div.maximize-minimize img { cursor: pointer; width: 24px; height: 24px; } .learning-plan .learning-plan-group-header div, .learning-plan .group-title { padding: 10px; } .learning-plan-group .group-title { display: inline; float: left; font-size: 16px; line-height: 24px; font-weight: bold; vertical-align: middle; } .learning-plan .learning-plan-group-header { background: #116ea4; border-bottom: none; color: #ffffff !important; display: block; margin: 0 0 3px; width: 100%; } .learning-plan ul { margin: 0 0 0 5px; padding: 0; } .task-list { border: medium none; padding: 10px 5px 0 !important; } ul.task-list li { border: medium none; list-style: outside none none; margin: 0; padding: 5px 0; } .group-header-complete { background: #6cc266 !important; } .learning-plan-dynamic-tasks ul.task-list-column-headers { border: medium none; margin: 0 !important; } .task-list-headers { padding: 5px 7px; background: #dddddd; width: 100%; } .learning-plan .task-list-actions { margin: 10px -5px 5px 0; } .task-group-inline-instructions-wrapper-inner { border-radius: 4px; margin: 0 10px 0 -5px; padding: 5px 10px; } .activity-col-1 { width: 35%; } .activity-col-2 { width: 15%; } .activity-col-3 { width: 10%; } .activity-col-4 { width: 20%; } .activity-col-5 { width: 20%; } .task-activity table td, .card-container .task-column { width: 100%; } .task-list-headers > div, .task-activity > div { float: left; padding: 0 5px; box-sizing: border-box; } .task-payment > div { display: block; float: left; padding: 0 5px; box-sizing: border-box; } .task-list-headers { width: 100%; display: block; overflow-y: auto; margin-bottom: 10px; box-sizing: border-box; } .learning-plan-group .task-row-ACTIVITY_CONTAINER { clear: both; margin: 0 0 10px 0 !important; } .task-row-COMPETENCY_ROLLUP, .task-row-RPE { margin: 0 !important; } .card-container.task-row-ACTIVITY_CONTAINER { margin: 0 !important; } .group-header-title { font-size: 11px; font-weight: normal; word-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; } .collapse-expand-learning-plan-groups { padding: 0 !important; } .collapse-expand-learning-plan-groups a { color: #ffffff !important; } .learning-plan-workflow { background: #006eaa none repeat scroll 0 0; border-radius: 4px; color: #ffffff; display: block; margin: 0 0 10px; overflow: hidden; } .card-container { display: table; border: 1px solid #eeeeee; padding: 5px !important; border-radius: 4px; clear: both; overflow: auto; box-sizing: border-box; margin: 0 0 10px; width: 100%; background: #ffffff; } .activity-container-activity { background: #f5fcff; border-radius: 4px; } .container-activity { width: 100%; } .activity-container-action-mobile { float: right; overflow-x: auto; white-space: nowrap; } .card-container .task-banner { width: 100%; background: #eeeeee; padding: 5px !important; margin: 0 0 10px 0 !important; color: #444444; box-sizing: border-box; border-bottom: 0 !important; } .card-container .task-dependency-column { box-sizing: border-box; } .card-instructions span { font-weight: normal !important; } .card-instructions-required { color: #ff0000 !important; } .task-activity { clear: both; display: block; vertical-align: top; } .task-payment { clear: both; display: block; overflow: auto; padding: 0 0 10px; vertical-align: top; } .task-activity > div { float: left; } .task-payment > div { float: left; } .task-activity span { font-weight: bold; } .task-activity span.percent { font-weight: normal; font-size: 10px; float: left; margin: 2px 0 0 0; text-align: center; color: #666666; } .stepContainer { padding: 5px 0 !important; } .activity-sub-row { display: block; padding: 10px !important; border-radius: 4px; border: 1px solid #eeeeee; width: 100%; box-sizing: border-box; margin: 10px 0; } .activity-sub-row .head { font-weight: bold; color: #006eaa; margin: 0; } .activity-sub-row .head a span { font-size: 11px; } .activity-show-less { display: inline; } .activity-show-more { display: none; } .col1b-data { display: block; } .learning-plan .task-group-inline-instructions { overflow: unset; margin-top: 5px; clear: both; } .learning-plan .task-group-inline-instructions .task-list-actions { margin: 5px 0 0 0; } .learning-plan .task-group-inline-instructions-wrapper { padding-left: 15px; padding-top: 5px; width: 80%; } .learning-plan .task-group-inline-instructions-wrapper div { float: left; } .learning-plan .task-group-inline-instructions-wrapper div a { color: #006eaa !important; } .learning-plan .task-group-inline-instructions-wrapper div a:hover { color: #3591c4; text-decoration: none; } div.task-group-inline-instructions div p { padding: 0 5px !important; } .learning-plan-dynamic-tasks { padding: 10px 0; } #LearningPlanWorkflowFooter div.task-group-inline-instructions { overflow: auto; padding: 0 10px 10px 10px; } .task-group-inline-instructions div.task-list-actions a, .task-group-inline-instructions div.task-list-actions { margin: 0 0; float: right; } .task-group-inline-instructions div { float: left; } .expandedInstructions { float: left; margin: 0 !important; padding: 0 !important; width: 95%; } .collapsedInstructions { width: 95%; overflow: auto; } .expandedInstructions div p, .collapsedInstructions div { padding: 0 5px !important; margin: 0 !important; } a.nav-element { color: #006eaa !important; text-decoration: none !important; } /* card progress widget */ .task-activity ul.progress { border-radius: 20px; overflow: hidden; width: 100%; margin: 5px 0 0 0; } .task-activity ul.progress li span::after { border-color: rgba(68, 68, 68, 0.9) transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: inline-block; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; width: 0; z-index: 1; } .task-activity ul.progress li span { background-color: rgba(68, 68, 68, 0.9); border-radius: 3px; color: #fff; display: none; font-size: 10px; margin-left: -15px; padding: 2px 7px; position: absolute; top: -20px; } .task-activity ul.progress li { background: transparent none repeat scroll 0 0; border-radius: 0; box-sizing: border-box; color: #fff; display: inline-block; float: left; margin: 0; padding: 2px 1px; text-align: center; text-decoration: none; width: 100%; } .task-activity ul.progress li.complete { background: #7abe42 none repeat scroll 0 0; } .task-activity ul.progress li.incomplete { background: rgba(170, 170, 170, 0.5) none repeat scroll 0 0; } .workflow-links .icon-link { box-sizing: border-box; cursor: pointer; text-decoration: none !important; display: inline-block; font-size: 18px; width: 20px; height: 29px !important; text-align: center; vertical-align: bottom; } /* Click event icons need to be treated the same as regular link icons */ .Grid .workflow-links i, .Grid .workflow-links i.icon-link { background: #ffffff none repeat scroll 0 0; border-color: #dddddd; border-radius: 4px; border-style: solid; border-width: 1px; box-sizing: border-box; cursor: pointer; display: inline-block; margin: -2px 0 0; overflow: hidden; padding: 4px; text-align: center; text-decoration: none !important; vertical-align: middle; line-height: 20px; min-width: 29px; font-size: 16px; width: auto; } .workflow-links .icon-link.fa-gears { font-size: 18px; position: relative; top: 0; } table.learning-plan-list td:last-child { padding: 10px 0 0 0; } .activity-action.step div { margin: 0 10px 0 0; } .group-title .icon-link-alt { color: #ffffff; text-decoration: none; } .group-title span i { color: #ffffff !important; } .group-title a:link, .group-title a:hover, .group-title a:visited { text-decoration: none; } .group-title span { padding: 0 0 0 5px; position: relative; top: -2px; } .group-title span.hide-for-aria { display: block; position: absolute; left: -9999px; width: 1px; } .modal-edit-display, .modal-edit-holder { display: inline-block !important; position: relative !important; top: 0 !important; left: 0 !important; } .activity-action { margin: 5px 0 0 0; } .payment-action { margin: 5px 0 0 0; float: right; } .activity-action.step div { float: left; } .activity-action-mobile { display: none; } .activity-action .workflow-button-area { margin: 0 !important; padding: 0 !important; } .activity-container-activity .task-activity .activity-action-mobile { display: none !important; } .container-activity > div > div.activity-action-mobile.step { display: block !important; } .payment-action-mobile { display: none !important; } /* Buttons */ /* Activity list, audit queue, eligibility queue search results buttons don't wrap */ tr.activity-data td span div.workflow-button-area div a, tr.item-data td span div.workflow-button-area div a { white-space: nowrap !important; overflow: hidden; } .Grid .workflow-button-area div a.step-button > span { white-space: nowrap !important; overflow: hidden !important; } /* End Buttons */ .workflow-links { box-sizing: border-box; margin: 0; padding: 2px 0 0 !important; text-align: right; } .workflow-links .iw-curMenu { text-align: left; } .footable-details .workflow-links { text-align: left; } .workflow-step-actions-buttons { float: right; } .footable-details .workflow-step-actions-buttons { float: left; } .workflow-links a, .workflow-links a:hover { text-decoration: none; color: #666666; } .workflow-links a, .workflow-links a:visited { color: #006eaa; padding: 0 10px 0 0; } .workflow-links a:hover { color: #999999; } .activity-container { background: #ffffff; border-radius: 4px; border: 1px solid #dddddd; } .activity-container .task-activity:first-child { background: #ffffff; } .activity-container-activity .task-activity { background: #f8f8f8 !important; margin: 0 0 10px 0; border: 1px solid #eeeeee !important; padding: 10px; box-sizing: border-box; } .container-activity .add-item { background: #dbebf3 none repeat scroll 0 0 !important; border-width: 0 2px 2px 0; border-style: solid; border-color: #c0e1f1; border-radius: 4px; box-shadow: none; color: #196ea2 !important; height: auto !important; padding: 8px 10px 5px 5px !important; white-space: normal !important; overflow: auto; float: left !important; margin-right: 0 !important; margin-left: 0 !important; } .activity-container-action-mobile.step > span { float: left; } .shared-task-subcard-container { padding-left: 20px; } .shared-task-subcard-details { padding-left: 20px; } /* NAVIGATION */ #main-nav { display: block; position: relative; top: 0; width: 100%; clear: both; left: 0; height: 40px; background: #31a2d6; } #main-nav .main-nav-expand-icon { color: #ffffff; } /*Strip the ul of padding and list styling*/ #main-nav ul { list-style-type: none; margin: 0; padding: 0; position: relative; float: left; width: 100%; } /*Style for menu links*/ #main-nav li a { display: block; height: 40px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; display: table-cell; vertical-align: middle; padding: 0 5px; } /*Hover state for top level links*/ #main-nav li:hover { background: #006eaa; } /*Style for dropdown links*/ #main-nav li:hover ul a { height: 40px; text-align: left; } /*Hide dropdown links until they are needed*/ #main-nav li ul { display: none; } #main-nav-links span { display: table-row; } /*Make dropdown links vertical*/ #main-nav li ul li { display: table; float: none; height: 40px; border: 1px solid #44b2e5; background: #31a2d6; width: 100%; } /*Prevent text wrapping*/ #main-nav li ul li a { color: #fff; display: table-cell; height: auto !important; line-height: 14px; padding: 10px 20px; width: auto; } /*Style 'show menu' label button and hide it by default*/ #main-nav .show-menu { text-decoration: none; color: #fff; text-align: center; position: relative; top: 38%; display: none; } .show-menu > span { float: left; font-size: 14px; font-weight: bold; left: 20px; position: relative; } /*Hide checkbox*/ #main-nav input[type=checkbox] { display: none; } /*Show menu when invisible checkbox is checked*/ #main-nav input[type=checkbox]:checked ~ ul { display: block !important; position: relative; margin: 0 0 10px; left: 0; top: 45%; } /*Responsive Styles*/ .non-responsive-main-nav #main-nav ul li:hover > ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: table !important; width: calc(11.1111111111% - 1px); min-width: 125px; position: absolute; z-index: 9999; } /* don't show the expand icon*/ .non-responsive-main-nav .main-nav-expand-icon { display: none; } /* desktop */ @media screen and (min-width: 760px) { div.responsive-main-nav .responsive-nav { position: relative; left: 0; } .non-responsive-main-nav { background: #006eaa; height: 40px; width: 100%; } .searchbar { padding: 0 30px 0 0 !important; } /*Hover state for dropdown links*/ #main-nav ul li:hover ul li a { color: #fff; height: 40px; text-align: left; } #main-nav li:hover ul a:hover { background: #006eaa; color: #fff; } #main-nav-links li:hover a { color: #ffffff; } /*Display the dropdown on hover*/ #main-nav ul li:hover > ul { display: table !important; z-index: 9999; background: none; min-width: 125px; position: absolute; width: calc(11.1111111111% - 1px); } /* don't show the expand icon*/ .main-nav-expand-icon { display: none; } } /* smaller than desktop */ @media only screen and (max-width: 760px), (min-device-width: 320px) and (max-device-width: 760px) { /*Make dropdown links appear inline*/ .responsive-main-nav #main-nav-links .main-nav-current-section a { color: #ffffff; } .responsive-main-nav #main-nav .main-nav-current-section ul li a { color: #006eaa; } .responsive-main-nav #main-nav .main-nav-current-section ul li:hover a { color: #ffffff; } .responsive-main-nav #main-nav { max-width: 760px; } #utilities .secondary-util-nav { position: relative; right: 0; } .responsive-main-nav #main-nav ul { position: static; display: none !important; font-size: 14px; } /*Create vertical spacing*/ .responsive-main-nav #main-nav li { border-top: 1px solid #31a2d6; text-align: left; display: block; position: relative; cursor: pointer; } .responsive-main-nav #main-nav-links span { display: block !important; } /*Make all menu links full width*/ .responsive-main-nav #main-nav ul li, .responsive-main-nav #main-nav li a { width: 100%; text-align: left; } .responsive-main-nav #main-nav li ul li { background: #eeeeee none repeat scroll 0 0; border: 1px solid #ffffff; display: table; float: none; height: auto !important; margin: 0; padding: 10px 15px !important; } .responsive-main-nav #main-nav ul li a, .responsive-main-nav #main-nav ul li ul li a { padding: 0 30px 0 50px; position: relative; } .responsive-main-nav #main-nav li ul li a { color: #006eaa; display: table-cell; line-height: 21px; min-width: 0; padding: 0 20px; width: auto; } .responsive-main-nav #main-nav-links span i { float: right; position: absolute; right: 10px; top: 10px; cursor: pointer; line-height: 26px; } .responsive-main-nav #main-nav-links span { display: block !important; float: left; line-height: 21px; padding: 3px 0; } .responsive-main-nav #main-nav ul { background: #006eaa none repeat scroll 0 0; clear: both; display: block; overflow: auto; position: relative; width: 100%; z-index: 3000; } .responsive-main-nav #main-nav ul li ul { left: 0; } /*Display 'show menu' link*/ .responsive-main-nav #main-nav .show-menu { background: #31a2d6 none repeat scroll 0 0; display: block; float: left; position: relative; width: 100%; cursor: pointer; } .responsive-main-nav #main-nav .show-menu i { color: #ffffff; } .responsive-main-nav #main-nav .show-menu:hover { background: #31a2d6; } .responsive-main-nav #main-nav li ul li { background: #eeeeee none repeat scroll 0 0; border: 1px solid #ffffff; display: table; float: none; height: 40px; margin: 0; padding: 0; } .responsive-main-nav #main-nav-links li ul li:hover { background: #006eaa; } /* display expanded submenu when top level item is selected */ .responsive-main-nav #main-nav li.main-nav-current-section > ul { display: block !important; z-index: 9999; } .responsive-main-nav #main-nav .main-nav-current-section { background: #006eaa !important; } .learning-plan-group.learning-plan .learning-plan-workflow .task-list-actions { margin: 3px 0 0 0 !important; float: left; } .task-group-inline-instructions div.task-list-actions a, .task-group-inline-instructions div.task-list-actions { float: left; } } /* Search Activities */ .activity-added-feedback { position: relative; top: -5px; } .activity-added-feedback-stack { left: 5px; position: relative; top: 2px; } .activity-select-actions div { display: inline-block; } .ActionButton.actions.activity-select-actions { white-space: nowrap; } /* End Search Activities */ /* Payment Card */ .task-list-headers > div, .task-payment > div { display: block; float: left; padding: 0 5px; box-sizing: border-box; } .task-payment .payment-action { display: block; } .task-payment { font-size: 11px; line-height: 15px; } .task-payment td { padding: 0 0 0 0 !important; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .task-payment .payment-list-container { float: left; width: 100%; } .task-payment .payment-button-container { float: right; width: 100%; } .task-payment .payment-title { display: block; font-weight: bold; width: 100% !important; } .task-payment .payment-due { color: #006eaa; } .task-payment .payment-amt { color: #006eaa; font-weight: bold; } .task-payment .empty-card { font-weight: bold; } /* spacing between Pay Fees and Record Payment */ .payment-button-container > .payment-action > span { float: left; margin: -5px 10px 10px 0; } .task-payment .payment-action .step-button { margin: 0 0 10px 10px !important; } .payment-list-container > table > tbody > tr > td.date-and-amount { width: 100%; padding-bottom: 10px !important; margin: 0 0 10px 0; } a i.fa-trash { font-size: 18px !important; } i.fa.fa-fw.fa-lg.fa-exclamation-circle.alert { color: #B61E3A !important; } i.fa.fa-fw.fa-lg.fa-check-circle.alert { color: #69c361 !important; } a i.fa-reply { font-size: 16px !important; line-height: 1.3em; } .learning-plan-list i.fa-trash { line-height: 25px !important; } /* the workflow activity search results copy and trash icons don't use an href. This requires different styling. */ .Grid .workflow-links i.fa-files-o { color: #006eaa; font-size: 16px !important; height: 31px; line-height: 1.3em; } .Grid .workflow-links i.fa-files-o:hover { color: #999999; } td.delete-action i { color: #006eaa; } td.delete-action i:hover { color: #999999; } /* search expand icon */ #activitySearchPopupResults { padding: 0 0 0 10px; } .activity-search-form .activity-search-buttons { float: right; } .activity-search-form .activity-search-buttons > span { margin: 0 10px 0 0; float: left; } .fooicon { -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: "fontawesome", "Font Awesome 5 Pro" !important; font-style: normal; font-weight: 400; line-height: 1; position: relative; top: 1px; color: #136ea7; } .fooicon-plus:before { content: \f055 !important; } .fooicon-sort:before { content: \f175 !important; } .fooicon-minus:before { content: \f056 !important; } .fooicon-sort-asc::before { content: \f176 !important; } .fooicon-sort-desc::before { content: \f175 !important; } table.footable tbody tr { border-top: 1px solid #dddddd; } table.footable tr.footable-detail-row { border-top: none; } table.footable tr.footable-detail-row table tr { border-top: none; } table.footable td { position: relative; } table.footable > tbody > tr > td > span:first-child { position: absolute; top: 8px; left: -12px; opacity: 1; color: #136ea7; } .container-fluid.profile-container { padding: 0; } .container-fluid.profile-container .row { padding: 10px 0; } .container-fluid.profile-container .profile-card { margin-left: 0; } .profile-card { background: #ffffff; border: 1px solid #dddddd; border-radius: 4px; padding: 10px; margin: 10px; background: #eeeeee none repeat scroll 0 0; border: 1px solid #dddddd; border-radius: 4px; margin: 10px; padding: 10px; } .profile-container .row { background: #ffffff none repeat scroll 0 0; box-sizing: border-box !important; margin: 0; padding: 5px 0; } .profile-container .row:first-child { padding: 0; width: 100%; } .profile-card div.workflow-field-label { font-size: 12px; font-weight: bold; text-align: left !important; } .profile-card-header { background: #eeeeee none repeat scroll 0 0 !important; font-size: 1.2em; font-weight: normal; } .profile-card-header div { padding: 0 0 10px; } .profile-container .row.profile-card-inside-header { background: #f5f9fb none repeat scroll 0 0; font-size: 16px; margin: 0; } .profile-container .profile-card.profile-card-roles .row:nth-child(2n+1) { background: #f4f4f4; } /* PROGRESS BAR */ ul.progress-bar { border: 2px solid #dddddd; border-radius: 8px; max-width: 50%; min-width: 50%; } .learning-plan-group-header div.maximize-minimize { float: left; padding: 10px 0 0 7px; } .learning-plan-group-header div.maximize-minimize img { cursor: pointer; width: 24px; height: 24px; } .progress-timeline > .requirements-header { background: #31a2d6 none repeat scroll 0 0; color: #ffffff; font-size: 14px; font-weight: bold; vertical-align: middle; clear: both; padding: 5px 10px; border-radius: 4px 4px 0 0; } .progress-inner-container { margin: 10px; clear: both; } .requirements-container { border-radius: 0 0 4px 4px; margin: 0 0 10px 0; } .progress-section-container { border: 1px solid #dddddd; border-radius: 4px; padding: 0 10px 10px 10px; } .progress-section-container { margin: 10px; } .limit-container { margin: 5px 0 0; border-top: 1px solid #dddddd; } .progress-section-container-lp { border: none; } #Requirements-Limits .requirements-container:first-child { border-radius: 4px 4px 4px 4px; } #Requirements-Limits { padding: 0 0 10px 0; clear: both; overflow: auto; } .progress-section-header { font-weight: bold; padding: 5px 5px 0 0; } .progress-link { clear: both; padding: 10px 0 0 0; } .progress-link a, .progress-link a:hover { text-decoration: none; } /* Timeline bar */ .timeline-container { padding: 50px 10px 20px 10px; background: #ffffff; } .timeline { margin-bottom: 25px; background: #ffffff; border-radius: 8px; border: 2px solid #dddddd; position: relative; } .timeline-bar { font-size: 14px; color: #111; text-align: left; text-indent: 6px; position: relative; height: 10px; border-radius: 4px 0 0 4px; } .timeline-bar:before, .timeline-bar:after { content: ""; top: 0; right: 0; left: 0; position: absolute; } .timeline-bar:before { bottom: 0; z-index: 2; border-radius: 4px 4px 0 0; } .timeline-bar:after { bottom: 45%; z-index: 3; border-radius: 4px; background-color: transparent; } .timeline > .timeline-bar { width: 40%; background: repeating-linear-gradient(-45deg, #fad404, #fad404 10px, #fee34e 10px, #fee34e 20px); } /* end timeline bar */ /* Progress bar */ .lb-progress-container { padding: 0; margin: 0; } .lb-progress-info-container, .limit-info-container { overflow: visible; padding: 10px 10px; background: #ffffff; border-radius: 4px; } .req-progress-info-container { background: #ffffff none repeat scroll 0 0; border-radius: 4px; margin: 10px 0; overflow: visible; padding: 5px 10px 0; } .limit-info-container { margin: 10px 0 0 0; } .lb-progress-info-container { margin: 10px 10px; } .requirement-detail { margin: 0 0 5px 0; overflow: visible; } .requirement-tooltip-info { height: 18px; overflow: auto; position: relative; top: -2px; left: -10px; } .requirement-detail:after { content: ""; display: table; clear: both; } .lb-progress { background: #ffffff; border-radius: 8px; border: 2px solid #dddddd; position: relative; width: 80%; float: left; margin-right: 10px; } .lb-progress-header { font-weight: bold; margin: 0; } .lb-progress-bar { font-size: 14px; color: #111; text-align: left; text-indent: 6px; position: relative; height: 10px; border-radius: 4px 0 0 4px; } .lb-progress-bar:before, .lb-progress-bar:after { content: ""; top: 0; right: 0; left: 0; position: absolute; } .lb-progress-bar:before { bottom: 0; z-index: 2; border-radius: 4px 4px 0 0; } .lb-progress-bar:after { bottom: 45%; z-index: 3; border-radius: 4px; background-color: transparent; } .lb-progress > .lb-progress-bar { width: 40%; background: #69c361; } .requirement-data { float: left; padding: 0 10px 0 0; line-height: 16px; } .requirement-title { font-weight: bold; } .requirement-description { color: #999999; font-weight: bold; } .limit-container { padding: 0; } .limit-container a, .progress-section-header a, .limit-container a:visited, .progress-section-header a:visited { color: #006eaa; font-weight: bold; text-decoration: none; } .limit-container a:hover, .progress-section-header a:hover { color: #31a2d6; text-decoration: none; } .lb-credit-progress { background: #ffffff; border-radius: 8px; border: 2px solid #dddddd; position: relative; width: 15%; float: left; margin-right: 10px; } .lb-credit-progress-bar { font-size: 14px; color: #111; text-align: left; text-indent: 6px; position: relative; height: 10px; border-radius: 4px 0 0 4px; } .lb-credit-progress-bar:before, .lb-credit-progress-bar:after { content: ""; top: 0; right: 0; left: 0; position: absolute; } .lb-credit-progress-bar:before { bottom: 0; z-index: 2; border-radius: 4px 4px 0 0; } .lb-credit-progress-bar:after { bottom: 45%; z-index: 3; border-radius: 4px; background-color: transparent; } .lb-credit-progress > .lb-credit-progress-bar { width: 100%; background: #69c361; } /* end progress bar */ /* Date tooltip */ div.timeline-date-pop { display: inline; left: 100%; position: absolute; top: 12px; } div.timeline-date-pop div { position: absolute; width: 80px; color: #444444; background: #DDDDDD; height: 22px; line-height: 22px; text-align: center; display: block; border-radius: 6px; bottom: 25px; left: 100%; font-size: 11px; } div.timeline-date-pop div:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #DDDDDD; border-right: 8px solid transparent; border-left: 8px solid transparent; } .timeline-indicator-1 { border-left: 2px solid #028fe0; height: 30px; left: 10%; position: absolute; top: -3px; } .timeline-indicator-1:after { background: #028fe0 none repeat scroll 0 0; border-radius: 2px; color: #ffffff; content: attr(data-label); font-size: 11px; left: -2px; padding: 2px 5px; position: absolute; top: 25px; } .timeline-indicator-1b { border-left: 2px solid #028fe0; height: 30px; left: 80%; position: absolute; top: -3px; } .timeline-indicator-1b:after { background: #028fe0 none repeat scroll 0 0; border-radius: 2px; color: #ffffff; content: attr(data-label); font-size: 11px; padding: 2px 5px; position: absolute; right: 0; top: 25px; } .responsive-toolbar .support-menu { display: inline-block; } /* Amount and Due on desktop are shown stacked above each other, we want the values to align */ @media only screen and (min-width: 760px), (min-device-width: 760px) and (max-device-width: 1024px) { #utilities .searchbar { padding: 0 30px 0 0; } /* vertical padding between rows */ .payment-list-container > table > tbody > tr > td { padding-bottom: 10px !important; } .task-payment .payment-title { display: block; font-weight: bold; width: 100% !important; margin: 0; } .payment-list-container > table > tbody > tr > td.date-and-amount { width: 30%; padding-bottom: 10px !important; min-width: 200px; } .payment-list-container > table > tbody > tr:last-child td { padding-bottom: 0px !important; } .task-payment .payment-list-container { width: 60%; } .task-payment .payment-button-container { width: 40%; } .task-payment .payment-amt { display: inline-block; padding-left: 10px !important; /* spacing between payment name and amt */ width: 60px; /* enough for $2,000, or a smaller amount w/ decimal [which has never happened yet] */ text-align: right; } .task-payment .payment-due { display: inline-block; } /* On a large screen, in table mode, we'd rather have the amounts and descriptions as close to the payment title as possible rather than spread out across the page */ .payment-list-container > table { width: auto; } /* custom group next to progress widget */ .custom-group { width: calc(50% - 15px); float: left; margin: 0 0 0 30px !important; } /* Progress Widget */ .requirements-group { width: calc(50% - 15px); float: left; } .progress-container { margin: 10px 0 0 0; } ul.progress-bar { max-width: 85%; min-width: 85%; } ul.progress-bar li span.tooltip:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; margin-left: auto; margin-right: auto; border-style: solid; border-width: 5px 5px 0; border-color: rgba(68, 68, 68, 0.9) transparent; display: inline-block; width: 0; z-index: 1; } ul.progress-bar li span.tooltip { background-color: rgba(68, 68, 68, 0.9); border-radius: 3px; color: #fff; display: none; font-size: 10px; left: 50%; overflow: visible; padding: 2px 7px; position: absolute; top: -25px; transform: translateX(-50%); white-space: nowrap; z-index: 2000; } } /* Break point */ @media only screen and (max-width: 760px), (min-device-width: 320px) and (max-device-width: 760px) { #utilities .responsive-toolbar li a p { display: none !important; } #utilities .responsive-toolbar li { padding: 2px 20px 2px 10px; height: 19px; } #utilities .responsive-toolbar li p span { height: 18px; } #utilities .responsive-toolbar li:first-child { padding: 0; } #utilities .responsive-toolbar li.utility-login { padding-right: 5px; } #utilities .responsive-toolbar li.utility-login a p { display: inline !important; } #utilities .toolbar.responsive-toolbar .support-menu i { right: 0; color: #ffffff; position: relative; top: 5px; font-size: 16px; } #utilities .toolbar li.last { border-right: 1px solid #2586bc; } ul.progress-bar { max-width: 85%; min-width: 85%; } .responsive-toolbar .support-menu { display: inline-block; } #LearningPlanWorkflowButtonTop .workflow-button-area { margin: 5px 0 0 0; } .headerlink.button { margin: 0 10px 10px 0 !important; } #masthead .logo-container { box-sizing: border-box; } .body-content { clear: both; padding: 10px 0 0 0; } /* Button Placement */ .delete-activity, .cannot-delete-activity { margin-top: 2px; padding-top: 5px; } .plan-step-action a.step-button.grey { position: relative; top: 0; left: 10px; margin: 0 0 10px 0 !important; } .act-for-others .fa { font-size: 14px; margin: -1px 0 0; } .task-payment .step-button span { font-size: 14px; line-height: 18px; } .task-activity .step-button span, .task-activity .step-completed span { font-size: 14px !important; } .activity-action-mobile.step span div.workflow-button-area { margin: 0 !important; padding: 0 !important; } .activity-action-mobile.step span div.workflow-button-area { margin: 0 !important; padding: 0 !important; } .learning-plan .task-group-inline-instructions-wrapper div a.add-activity-button { color: white; } .task-group-inline-instructions .task-list-actions span div a.step-button { margin-top: 0 !important; font-size: 14px !important; } .learning-plan-group.learning-plan .learning-plan-workflow .task-list-actions { margin: 3px 0 0 10px !important; } .workflow-links { text-align: left; } /* End Buttons */ #responsive-main { padding: 15px 0 0 !important; } #responsive-content { padding: 0 0 20px !important; } #masthead > img { max-width: 50%; } #responsive-content div.ContentHeader div.page-header-return-to { margin: 5px 0 5px 5px !important; text-align: left; width: 100%; } #responsive-content div.ContentHeader div:first-child { margin: 0 10px 0 0; } #responsive-content div.ContentHeader div { margin: 0; padding: 0; } #responsive-content div.ContentHeader .row { margin: 0 0 0 10px; padding: 0 0 5px 10px; } #responsive-content div.ContentHeader div.show-hide-details { padding: 0; clear: both; text-align: left; } #responsive-content div.ContentHeader div.returnTo { text-align: left; clear: both; } #responsive-content div.BottomOfPageLink div.returnTo { text-align: left; clear: both; } #responsive-content h1.page-title { max-width: 100%; white-space: normal; } .learning-plan-group, .learning-plan-group.grey { padding: 0 0 5px 0 !important; } #responsive-content div.ContentHeader div.show-hide-details a { padding: 0; } .group-info { float: left; padding: 5px 10px !important; background: #026093 !important; width: 100%; box-sizing: border-box; text-align: left; } .lb-progress-header { font-weight: bold; margin: 0; } .learning-plan-workflow div.task-list-actions { clear: both; margin: 0 0 10px 10px !important; } .group-header-complete .group-info { background: #58b351 !important; } .group-info div { padding: 0 !important; } a.group-instructions i { display: none; } .learning-plan-group .task-row-ACTIVITY_CONTAINER, .card-container.task-row-ACTIVITY { clear: both; margin: 0 0 10px 0 !important; box-sizing: border-box; } .group-title { width: 100%; display: block; } .task-title { overflow: visible; } .task-title:before { padding: 0 !important; } .task-title span { font-size: 120% !important; line-height: 130%; } .plan-step-action a.step-button.grey { position: relative; top: 0; left: 10px; margin: 0 0 10px 0 !important; font-size: 14px; } .learning-plan .task-list-actions { display: block; clear: both; margin: 5px 10px !important; padding-right: 5px; vertical-align: middle; } .secondary-activity-button .add-item { float: left !important; } .secondary-activity-button .add-item span { font-size: 14px !important; } .learning-plan .task-group-inline-instructions-wrapper { float: none; padding-left: 10px; padding-top: 5px; box-sizing: border-box; } .card-instructions { margin: 0; } .task-group-inline-instructions-wrapper-inner { border-radius: 4px; padding: 5px 10px 5px 2px; box-sizing: border-box; } .learning-plan .task-list-actions { margin: 10px !important; } .task-list-headers { display: none; } .task-activity { display: block !important; background: #ffffff; border-radius: 4px; margin: 0 0 10px 0; /* Behave like a "row" */ border: none !important; position: relative; clear: both; height: auto; width: 100% !important; display: block !important; margin: 0 0 10px 0; padding: 10px !important; box-sizing: border-box; font-size: 1.1em; line-height: 1.3em; font-weight: bold; } .task-payment { display: block !important; background: #ffffff; border-radius: 4px; margin: 0 0 10px 0; /* Behave like a "row" */ border: none !important; position: relative; clear: both; height: auto; width: 100% !important; display: block !important; margin: 0 0 10px 0; padding: 10px !important; box-sizing: border-box; overflow: auto; font-size: 1.1em; line-height: 1.3em; font-weight: bold; } .task-payment .payment-action, .task-payment .payment-button-container { display: block !important; width: 100%; } .payment-button-container > .payment-action > span { float: left; margin: 0 10px 10px 0; } .task-payment td.payment-title, .task-payment td.date-and-amount, .task-payment td.payment-amt { display: block; width: 100%; padding: 0 0 5px 0 !important; } .payment-list-container table tr td:last-child { padding: 0 0 20px 0 !important; } .task-payment .payment-action .step-button { float: left; margin: 0 10px 0 0 !important; font-size: 14px !important; } .task-payment div { padding: 0 !important; margin: 0 !important; } /* Amount and Due in the card modes are shown as sentences beneath each header, we don't need to align values like we do in table mode */ .task-payment .payment-amt { display: inline; padding-left: inherit; padding-right: inherit; text-align: inherit; width: auto; } .task-payment .payment-due { display: inline; padding-left: inherit; padding-right: inherit; text-align: inherit; width: auto; } .task-activity div:before { width: 100%; padding-right: 10px; white-space: nowrap; font-weight: normal; } .task-payment div:before { width: 100%; padding-right: 10px; white-space: nowrap; font-weight: normal; } .task-list { display: block !important; border: medium none; margin: 5px !important; padding: 5px; } ul.task-list li { margin: 0 10px 10px 5px; } .task-activity > div { width: 100%; display: block; margin: 0 0 10px 0; } .task-payment div { width: 100%; display: block; margin: 0 0 10px 0; overflow: auto; } .task-payment .step-button { margin: 15px 10px 0 0; } .task-list-headers { display: none !important; } .task-activity span { font-size: 14px; } .task-payment span { color: #ffffff; font-size: 14px; } .task-activity .act-for-others span { color: #006eaa; } .learning-plan .task-group-inline-instructions-wrapper { float: left; padding-left: 15px; padding-top: 5px; width: 100%; } .activity-container-action-mobile { float: left; overflow-x: auto; white-space: nowrap; position: relative; top: 0; margin: 0 0 0 10px; } .activity-container-action-mobile > span { float: left; } .mobile-next-step { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .mobile-next-step > * { padding: 10px; flex: 1 100%; } .activity-sub-row { font-weight: normal; width: 100% !important; } .activity-show-less { display: none; } .activity-show-more { display: inline; } .task-activity div.col1b-data { display: none; margin: 0; } .task-list-headers > div, .task-activity > div, .activity-col-5.secondary-activity-button.step { padding: 0 !important; } .activity-sub-row div { padding: 10px; } .activity-action { width: 100% !important; margin: 0; display: none !important; } .payment-action { width: 100% !important; margin: 0; display: none !important; } .activity-action-mobile { display: block !important; margin: -15px 0 0 0 !important; } .payment-action-mobile { display: block !important; margin: -15px 0 0 0 !important; } .task-activity div.activity-col-1, .task-activity div.activity-col-2, .task-activity div.activity-col-3, .task-activity div.activity-col-4, .task-activity div.activity-col-5 { width: 100% !important; } .task-activity div.activity-col-1:before { content: attr(data-label); display: none; } .task-activity div.activity-col-2:before { content: attr(data-label); } .task-activity div.activity-col-3:before { content: attr(data-label); } .task-activity div.activity-col-4:before { content: attr(data-label); } .task-activity div.activity-col-5:before { content: attr(data-label); position: relative; } .task-activity div.activity-col-6:before { content: attr(data-label); display: none; } .activity-sub-row div:before { content: "Show More"; display: none; } .tg-overview { display: none; } .task-activity ul.progress { border-radius: 20px; min-width: 170px; overflow: hidden; width: 80%; margin: 6px 0 0 0; } a.button, .workflow-links { margin-top: 0 !important; margin-bottom: 10px !important; } .activity-action-mobile { font-size: 14px !important; } .workflow-links .icon-link { background: #ffffff none repeat scroll 0 0; border-color: #dddddd; border-radius: 4px; border-style: solid; border-width: 1px 2px 2px 1px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 20px; height: 30px; margin: -5px 0 0; overflow: hidden; padding: 4px; text-align: center; text-decoration: none !important; vertical-align: top; width: 36px; } .workflow-links .icon-link.fa-gears { top: 0; padding: 8px 0 0 0; } /* Quick Menu Icons should not take on button appearance */ .Grid .workflow-links .iw-contextMenu a i { background: #ffffff none repeat scroll 0 0; border: none; box-sizing: border-box; cursor: pointer; display: block; font-size: 1.2em; height: 25px; margin: 0; padding: 4px 8px 0 0; text-align: center; text-decoration: none !important; vertical-align: top; width: 20px; overflow: visible; border-radius: 0; line-height: 0.8em !important; } .Grid .workflow-links .iw-contextMenu li:hover a i { background: none; } .Grid span.workflow-links { min-width: 200px !important; } .activity-container-activity .task-activity .activity-action-mobile { display: block !important; } .activity-action-mobile.step { padding: 0 !important; margin: 0 !important; } .activity-action-mobile.step > span:first-child { float: left; margin: 0; } .activity-action-mobile.step > span { float: left; margin: 0 10px 0 0 !important; } .activity-action-mobile.step span div div .step-completed { margin: 0 0 10px 0 !important; padding: 8px 10px 4px 10px !important; } .learning-plan .Learning-Plan-Workflow-Footer .task-list-actions { clear: both; } .expandedInstructions, .collapsedInstructions { width: 90%; } .learning-plan-group, .learning-plan-group.grey { padding: 0 !important; } #masthead.responsive-toolbar img { margin: -12px 0 0 0; } #utilities.responsive-toolbar { right: 0; } #masthead .logo-container { height: auto; } #masthead .logo-container img { max-width: 100%; height: auto; max-height: 100px; } #utilities .toolbar-edit { float: right; } .toolbar.responsive-toolbar li.util-nav-cycle { display: none; } #utilities .toolbar-edit.responsive-toolbar { float: none; padding: 0; } #utilities .searchbar.responsive-toolbar { float: none; padding: 0; } #utilities .toolbar.responsive-toolbar ul { background: none; float: right; height: 25px; padding: 0 5px; white-space: nowrap; } #utilities .toolbar.responsive-toolbar ul li { float: left; } #utilities .toolbar.responsive-toolbar { background: #006eaa; float: left; height: 25px; margin: 0 0 12px 0; border-radius: 0; width: calc(100% - 30px); } #utilities .edit-nav-holder.responsive-toolbar { position: absolute; right: 0; top: 70px; left: auto; } #utilities .responsive-toolbar ul.iw-cm-menu li { background: none !important; padding: 12px !important; white-space: normal; height: inherit; } #utilities .responsive-toolbar ul.iw-cm-menu li:hover { background: #3591c4 !important; top: 0; } #footer { color: #55869f; padding: 0 10px 20px; } #footer a { display: inline-block; padding: 0 0 10px 0; } /* PROGRESS BARS */ #Limits-list { display: none; } .learning-plan-group-header div.maximize-minimize { float: left; padding: 10px 0 0 7px; } .learning-plan-group-header div.maximize-minimize img { cursor: pointer; width: 24px; height: 24px; } .progress-timeline > .requirements-header { background: #31a2d6 none repeat scroll 0 0; color: #ffffff; font-size: 14px; font-weight: bold; vertical-align: middle; clear: both; padding: 5px 10px; border-radius: 4px 4px 0 0; } .progress-inner-container { margin: 10px; clear: both; } .requirements-container { border-radius: 0 0 4px 4px; margin: 0 0 10px 0; } #Requirements-Limits .requirements-container:first-child { border-radius: 4px 4px 4px 4px; } #Requirements-Limits { padding: 0 0 10px 0; clear: both; overflow: auto; } .progress-section-header { font-weight: bold; padding: 5px 5px 0 0; } /* Timeline bar */ .timeline-container { padding: 50px 10px 20px 10px; background: #ffffff; } .timeline { margin-bottom: 25px; background: #ffffff; border-radius: 8px; border: 2px solid #dddddd; position: relative; } .timeline-bar { font-size: 14px; color: #111; text-align: left; text-indent: 6px; position: relative; height: 10px; border-radius: 4px 0 0 4px; } .timeline-bar:before, .timeline-bar:after { content: ""; top: 0; right: 0; left: 0; position: absolute; } .timeline-bar:before { bottom: 0; z-index: 2; border-radius: 4px 4px 0 0; } .timeline-bar:after { bottom: 45%; z-index: 3; border-radius: 4px; background-color: transparent; } .timeline > .timeline-bar { width: 40%; background: repeating-linear-gradient(-45deg, #fad404, #fad404 10px, #fee34e 10px, #fee34e 20px); } /* end timeline bar */ /* Progress bar */ .lb-progress-container { padding: 0; margin: 0; } .requirement-detail { margin: 0 0 5px; overflow: visible; } .lb-progress-info-container, .limit-info-container { overflow: visible; padding: 10px 10px 0 10px; } .limit-info-container { margin: 10px 0 0 0; } .lb-progress-info-container { margin: 10px; } .lb-progress-info-container > div:first-child { padding: 0; } .lb-progress { background: #ffffff; border-radius: 8px; border: 2px solid #dddddd; position: relative; width: 85%; float: left; margin-right: 10px; } .lb-progress-bar { font-size: 14px; color: #111; text-align: left; text-indent: 6px; position: relative; height: 10px; border-radius: 4px 0 0 4px; } .lb-progress-bar:before, .lb-progress-bar:after { content: ""; top: 0; right: 0; left: 0; position: absolute; } .lb-progress-bar:before { bottom: 0; z-index: 2; border-radius: 4px 4px 0 0; } .lb-progress-bar:after { bottom: 45%; z-index: 3; border-radius: 4px; background-color: transparent; } .lb-progress > .lb-progress-bar { width: 40%; background: #69c361; } .requirement-data { float: left; padding: 0 10px 5px 0; font-weight: bold; } .requirement-title { font-weight: bold; } /*.limit-container { padding: 0 5px 5px 5px; }*/ .limit-container a, .progress-section-header a, .limit-container a:visited, .progress-section-header a:visited { color: #006eaa; font-weight: bold; text-decoration: none; } .requirement-data { line-height: 18px; } ul.progress-bar li span.tooltip:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; margin-left: auto; margin-right: auto; border-style: solid; border-width: 5px 5px 0; border-color: rgba(68, 68, 68, 0.9) transparent; display: inline-block; width: 0; z-index: 1; } ul.progress-bar li span.tooltip { background-color: rgba(68, 68, 68, 0.9); border-radius: 3px; color: #fff; display: none; font-size: 10px; left: 50%; overflow: visible; padding: 2px 7px; position: absolute; top: -25px; transform: translateX(-50%); white-space: nowrap; z-index: 2000; } /* end progress bar */ /* Date tooltip */ div.timeline-date-pop { display: inline; left: 100%; position: absolute; top: 12px; } div.timeline-date-pop div { position: absolute; width: 80px; color: #444444; background: #DDDDDD; height: 22px; line-height: 22px; text-align: center; display: block; border-radius: 6px; bottom: 25px; left: 100%; font-size: 11px; } div.timeline-date-pop div:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #DDDDDD; border-right: 8px solid transparent; border-left: 8px solid transparent; } .timeline-indicator-1 { border-left: 2px solid #028fe0; height: 30px; left: 10%; position: absolute; top: -3px; } .timeline-indicator-1:after { background: #028fe0 none repeat scroll 0 0; border-radius: 2px; color: #ffffff; content: "?"; font-size: 11px; left: -2px; padding: 2px 5px; position: absolute; top: 25px; } .timeline-indicator-1b { border-left: 2px solid #028fe0; height: 30px; left: 80%; position: absolute; top: -3px; } .timeline-indicator-1b:after { background: #028fe0 none repeat scroll 0 0; border-radius: 2px; color: #ffffff; content: "?"; font-size: 11px; padding: 2px 5px; position: absolute; right: 0; top: 25px; } .profile-container { padding: 0; } .profile-card { margin: 10px 0; } } @media only screen and (max-width: 480px) { .toolbar-welcome-text.responsive-toolbar { display: none; } .task-payment .payment-action .step-button { float: left; margin: 0 10px 10px 0 !important; } } /* Target iPhone size screens*/ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .learning-plan { font-size: 16px; line-height: 160%; } .toolbar-welcome-text { display: none; } .add-activity-button { margin: 0 0 10px 0 !important; } .learning-plan-workflow div.task-list-actions { clear: both; margin: -10px 0 10px 10px !important; } .container-activity .add-item { border-color: #c0e1f1 !important; } .learning-plan a.button.blue { -webkit-appearance: none; } .task-activity div { font-size: 100%; } .workflow-links .icon-link { height: 38px; width: 38px; } ul.progress-bar { max-width: 80%; min-width: 80%; } } .main div.informational-message { background: #f8f8f8; color: #666666; padding: 15px; margin: 10px 0 10px 0; border: 1px solid #eeeeee; } /*-------------*/ /*Progress Bars*/ /*-------------*/ .progress-legend-container { background: #dddddd; padding: 0 10px 5px 10px; } .progress-legend ul { list-style: none; margin: 5px 10px 0 20px !important; background: none; } .progress-legend li { background: none !important; margin: 0 10px 10px 0 !important; display: inline-block; } .green-legend, .white-legend, .grey-legend { height: 10px; width: 10px; border-radius: 6px; border: 1px solid #999999; float: left; padding: 0; position: relative; top: 3px; margin: 0 5px 0 0; } .green-legend { background: #69c361; } .white-legend { background: #ffffff; } .grey-legend { background: #aaaaaa; } .requirements-group .learning-plan-group-header { background: #006eaa none repeat scroll 0 0 !important; } ul.progress-bar li { float: left; background: transparent; margin: 0px 0px; border-radius: 0px; color: #fff; padding: 0px 0px; width: 100%; display: inline-block; padding: 2px 1px 2px 1px; box-sizing: border-box; text-align: center; color: #fff; text-decoration: none; height: 10px; cursor: pointer; position: relative; } ul.progress-bar li:hover span.tooltip { display: block; } ul.progress-bar li span.tooltip { background-color: rgba(68, 68, 68, 0.9); border-radius: 3px; color: #fff; display: none; font-size: 10px; left: 50%; overflow: visible; padding: 2px 7px; position: absolute; top: -25px; transform: translateX(-50%); white-space: nowrap; } ul.progress-bar li span.progress-callout { background-color: #fff; border-radius: 3px; color: #444; display: inline-block; font-size: 10px; margin-left: -30px; padding: 5px 0 0; top: 15px; } ul.progress-bar li span.progress-callout:after { border-color: rgba(68, 68, 68, 0.9) transparent; border-style: solid; border-width: 0 5px 5px; bottom: 20px; content: ""; display: inline-block; position: absolute; right: 0; width: 0; z-index: 1; } ul.progress-bar li.progress-green { background-color: #69c361; } ul.progress-bar li.progress-orange { background-color: #f7933f; } ul.progress-bar li.progress-gray { background-color: #aaaaaa; } ul.progress-bar li.progress-greenstriped { background: repeating-linear-gradient(-45deg, #8fdc8b, #8fdc8b 7px, #69c361 7px, #69c361 14px); } ul.progress-bar li.progress-redstriped { background: repeating-linear-gradient(-45deg, #ff8888, #ff8888 7px, #B61E3A 7px, #B61E3A 14px); } ul.progress-bar li.progress-white { background-color: white; } div.progress-container { min-height: 50px; padding: 0; position: relative; } div.progress-container i, ul.progress-bar { float: left; margin: 0 5px 0 0; } .progress-callout { float: right; position: relative; right: -5px; } .progress-bar li:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .progress-bar li:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* Utility Nav */ @media only screen and (max-width: 760px), (min-device-width: 0) and (max-device-width: 760px) { #utilities .responsive-toolbar li { height: 24px; padding: 0 20px 0 10px; top: 1px; } #utilities .responsive-toolbar li.util-nav-cycle { padding: 0 5px 0 5px; } #utilities .toolbar.responsive-toolbar ul { padding: 0 !important; } } @media only screen and (max-width: 600px), (min-device-width: 0) and (max-device-width: 600px) { #utilities .responsive-toolbar li.util-nav-cycle { display: none; } } table.footable, table.footable-details { position: relative; width: 100%; border-spacing: 0; border-collapse: collapse; } table > tbody > tr > td > span.footable-toggle { margin-right: 8px; opacity: 0.3; } table > tbody > tr > td > span.footable-toggle.last-column { margin-left: 8px; float: right; } table.table-condensed > tbody > tr > td > span.footable-toggle { margin-right: 5px; } table.footable-details > tbody > tr > th:nth-child(1) { min-width: 40px; width: 120px; } table.footable-details > tbody > tr > td:nth-child(2) { /*word-break: break-all;*/ } div.footable-loader { vertical-align: middle; text-align: center; height: 300px; position: relative; } div.footable-loader > span.fooicon { display: inline-block; opacity: 0.3; font-size: 30px; line-height: 32px; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; position: absolute; top: 50%; left: 50%; -webkit-animation: fooicon-spin-r 2s infinite linear; animation: fooicon-spin-r 2s infinite linear; } table.footable > tbody > tr.footable-empty > td { vertical-align: middle; text-align: center; font-size: 30px; } @-webkit-keyframes fooicon-spin-r { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fooicon-spin-r { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Glyphicons Icons - We're not actually using Glyphicons classes but instead provide a simple mapping from Glyphicons to FooTable class names. */ .fooicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fooicon:before, .fooicon:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fooicon-loader:before { content: "\e030"; } .fooicon-plus:before { content: "\f055"; } .fooicon-minus:before { content: "\f056"; } .fooicon-search:before { content: "\e003"; } .fooicon-remove:before { content: "\e014"; } .fooicon-sort:before { content: "\e150"; } .fooicon-sort-asc:before { content: "\e155"; } .fooicon-sort-desc:before { content: "\e156"; } table.footable > thead > tr.footable-filtering > th { border-bottom-width: 1px; font-weight: normal; } table.footable > thead > tr.footable-filtering > th, table.footable.footable-filtering-right > thead > tr.footable-filtering > th { text-align: right; } table.footable.footable-filtering-left > thead > tr.footable-filtering > th { text-align: left; } table.footable.footable-filtering-center > thead > tr.footable-filtering > th { text-align: center; } table.footable > thead > tr.footable-filtering > th div.form-group { margin-bottom: 0; } table.footable > thead > tr.footable-filtering > th div.form-group+div.form-group { margin-top: 5px; } table.footable > thead > tr.footable-filtering > th div.input-group { width: 100%; } table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox { margin: 0; display: block; position: relative; } table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label { display: block; padding-left: 20px; } table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] { position: absolute; margin-left: -20px; } @media (min-width: 768px) { table.footable > thead > tr.footable-filtering > th div.input-group { width: auto; } table.footable > thead > tr.footable-filtering > th div.form-group { margin-left: 2px; margin-right: 2px; } table.footable > thead > tr.footable-filtering > th div.form-group+div.form-group { margin-top: 0; } } td.footable-sortable, th.footable-sortable { position: relative; padding-right: 30px; cursor: pointer; } td.footable-sortable > span.fooicon, th.footable-sortable > span.fooicon { position: absolute; right: 6px; top: 50%; margin-top: -7px; opacity: 0; transition: opacity 0.3s ease-in; } td.footable-sortable:hover > span.fooicon, th.footable-sortable:hover > span.fooicon { opacity: 1; } td.footable-sortable.footable-asc > span.fooicon, th.footable-sortable.footable-asc > span.fooicon, td.footable-sortable.footable-desc > span.fooicon, th.footable-sortable.footable-desc > span.fooicon { opacity: 1; } table.footable > tfoot > tr.footable-paging > td > ul.pagination { margin: 10px 0 0 0; } table.footable > tfoot > tr.footable-paging > td > span.label { display: inline-block; margin: 0 0 10px 0; padding: 4px 10px; } table.footable > tfoot > tr.footable-paging > td, table.footable-paging-center > tfoot > tr.footable-paging > td { text-align: center; } table.footable-paging-left > tfoot > tr.footable-paging > td { text-align: left; } table.footable-paging-right > tfoot > tr.footable-paging > td { text-align: right; } ul.pagination > li.footable-page { display: none; } ul.pagination > li.footable-page.visible { display: inline; } /* *contextMenu.js v 1.4.0 *Author: Sudhanshu Yadav *s-yadav.github.com *Copyright (c) 2013 Sudhanshu Yadav. *Dual licensed under the MIT and GPL licenses */ /*Context menu css */ .iw-contextMenu { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); border: 1px solid #E6E6E6; display: none; z-index: 1000; } .iw-cm-menu { background: #F4F4F4; color: #333; margin: 0px; padding: 0px; } .iw-cm-menu li { list-style: none; padding: 3px; padding-left: 30px; padding-right: 20px; border-bottom: 1px solid #CCC; cursor: pointer; position: relative; } .iw-mOverlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: #FFF; opacity: .5; } .iw-contextMenu li.iw-mDisable { opacity: .3; } .iw-mSelected { background-color: #003366; color: #F2F2F2; } .iw-cm-arrow-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #333333; position: absolute; right: 3px; top: 50%; margin-top: -3px; } .iw-mSelected > .iw-cm-arrow-right { border-left: 5px solid #FFF; } .iw-mIcon { width: 20px; height: 20px; left: 0px; top: 3px; position: absolute; } /*context menu css end */ /* custom CSS written for LearningBuilder to override the default contextMenu.css */ /* the default has extra padding on the left for an image, but we're using font awesome so we don't need it */ .iw-cm-menu li { padding-left: 5px; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}