/* Fonts */
@font-face {
font-family: Sacramento;
src: url('/fonts/Sacramento-Regular.ttf');
}
/* General HTML elements */
/*@import url('PolicyCentral.css');*/
html
{
height: 100%;
/*overflow-y:hidden;*/
}
body
{
font-family: Arial, sans-serif;
font-size: 11px;
height: 100%;
margin: 0px;
padding: 10px;
color: #222;
}
form
{
height: 100%;
}
div, span, table, tr, td, p, ul, li, input, select, textarea
{
font-family: Arial, sans-serif;
font-size: 11px;
color: #222;
}
select[disabled] {
background-color:#eee;
opacity:0.5;
}
input[type=image][disabled] {
cursor:default;
}
input[type=text][disabled] {
opacity:0.5;
}
a, a:visited, a:link
{
font-family: Arial, sans-serif;
font-size: 11px;
outline: none;
text-decoration: none;
color: #222;
}
a:hover
{
text-decoration: underline;
cursor: pointer;
}
a[disabled]:hover {
text-decoration:none;
cursor:text;
}
hr
{
height: 1px;
background-color: #aaa;
border: none;
}
img[src^='/images/icons/svg/bootstrap-icons.svg'] {
width: 16px;
height: 16px;
}
div.tableHeader {
padding:2px 3px;
font-size:12px;
font-weight:bold;
}
div.formSection {
padding:10px;
}
/* Standard Colours */
.green {
color:#8ebd3f;
}
.yellow {
color:#ffa600;
}
.orange {
color:#e86f14;
}
.red {
color:#f91212;
}
.grey {
color:#888;
}
.blue {
color:#548dd4;
}
/* Radio buttons and check boxes */
input[type=checkbox], input[type=radio]
{
outline: none;
cursor: pointer;
}
.checkbox input[type=checkbox],
.checkbox-list input[type=checkbox],
.radio input[type=radio],
.radio-list input[type=radio] {
vertical-align:middle;
margin-top:0;
margin-bottom:0;
}
.checkbox label,
.checkbox-list label,
.radio label,
.radio-list label {
vertical-align:middle;
cursor: pointer;
}
.checkbox[disabled] input,
.checkbox[disabled] label,
.checkbox-list[disabled] label,
.radio[disabled] input,
.radio[disabled] label,
.radio-list[disabled] label {
cursor: default;
}
/* Colour Picker */
div.evo-colorind,
div.evo-colorind-ff,
div.evo-colorind-ie {
top:0px;
left:2px;
}
/* Hotlinks */
a.policylink, a.policylink:visited, a.policylink:link
{
text-decoration:underline;
font-size:1em;
}
/* The standard loading message displayed throughout the system */
.loadingPopup
{
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 30px;
margin-left: -40px;
margin-top: -15px;
text-align: center;
padding: 10px;
background-color: #ffffff;
border: solid 1px #888;
z-index: 199 !important;
-webkit-box-shadow: rgba(50,50,50,0.75) 3px 3px 5px;
box-shadow: rgba(50,50,50,0.75) 3px 3px 5px;
}
/* Stuff we really want to hide whatever it's styles (like default report wait message and overlays) */
.alwaysHidden
{
display: none !important;
opacity: 0 !important;
z-index: -1000 !important;
}
/* Buttons */
input.button, button.button, button.ui-button, input.fg-button.ui-state-default.ui-corner-all, a.fg-button.ui-state-default.fg-button-icon-left.ui-corner-all, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, button.button.ui-state-hover, .ui-dialog-buttonpane button.button, .ui-dialog-buttonpane button.button.ui-state-hover
{
background-color: #888;
color: #ffffff;
font-weight: bold;
border: 1px solid #888;
padding: 4px 6px;
outline: none;
background-image: none;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
cursor: pointer !important;
/*box-shadow: #888 1px 1px 2px;*/
text-transform:lowercase;
-webkit-appearance: none;
}
input.button[disabled], button.button[disabled] {
opacity:0.5;
}
a.fg-button.ui-state-default.fg-button-icon-left.ui-corner-all
{
padding-left: 20px;
}
input.button.cancel, button.button.cancel, button.button.cancel span, input.fg-button.ui-state-default.ui-corner-all[value=Cancel], input.fg-button.ui-state-default.ui-corner-all[value=Exit]
{
background-color: #888 !important;
color: #ffffff !important;
}
/* JQuery UI Tabs */
ul.ui-tabs-nav
{
background-image: none;
background-color: transparent;
border: none;
border-bottom: 1px solid #888;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
overflow: hidden;
padding: 0px 3px !important;
text-transform:lowercase;
}
ul.ui-tabs-nav li.ui-tab, ul.ui-tabs-nav li.ui-tab-active
{
/*background-image: none !important;*/
background-color: white !important;
color: #222;
font-weight: normal !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
border: 1px solid #888 !important;
border-right: none !important;
border-bottom: none !important;
/*box-shadow: #888 1px 1px 2px;*/
background-position: 4px 4px !important;
background-size: 18px;
background-repeat: no-repeat !important;
margin: 0;
margin-right: 0px;
}
ul.ui-tabs-nav li:last-child {
margin-right: 0;
border-right: 1px solid #888 !important;
}
/*ul.ui-tabs-nav li.ui-tab[id$=li_TodoTab] {
background-image: url('/Images/Icons/ControlPanel/tab-todo.png') !important;
}
ul.ui-tabs-nav li.ui-tab[id$=li_TopicsTab] {
background-image: url('/Images/Icons/ControlPanel/tab-topics.png') !important;
}
ul.ui-tabs-nav li.ui-tab[id$=li_SearchTab] {
background-image: url('/Images/Icons/ControlPanel/tab-search.png') !important;
}
ul.ui-tabs-nav li.ui-tab[id$=li_ListTab] {
background-image: url('/Images/Icons/ControlPanel/tab-list.png') !important;
}*/
ul.ui-tabs-nav li a
{
background-color: transparent !important;
color: #222 !important;
}
ul.ui-tabs-nav li a span
{
color: #222 !important;
}
ul.ui-tabs-nav li.ui-tabs-active, ul.ui-tabs-nav li.ui-tabs-selected
{
background-color: #888 !important;
font-weight: normal !important;
color: white !important;
}
ul.ui-tabs-nav li.ui-tabs-active a, ul.ui-tabs-nav li.ui-tabs-selected a
{
font-weight: normal !important;
color: white !important;
}
ul.ui-tabs-nav li.ui-tabs-active a span, ul.ui-tabs-nav li.ui-tabs-selected a span
{
font-weight: normal !important;
color: white !important;
}
/* JQuery UI Dialogs */
.ui-dialog {
max-width: 90% !important;
}
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable
{
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.7);
box-shadow: 5px 5px 10px rgba(0,0,0,0.7);
border: 1px solid #444;
padding: 0px !important;
outline:none;
}
div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix
{
background-image: none !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border: none;
border-bottom: 1px solid #888 !important;
font-size: 11px;
text-align: left;
text-transform:lowercase;
height:18px;
}
div.ui-dialog-titlebar.ui-widget-header span.ui-dialog-title
{
font-size: 11px;
text-align: left;
text-transform:lowercase;
}
.ui-dialog-titlebar-close {
overflow:hidden;
}
div.ui-dialog-titlebar button, div.ui-dialog-titlebar a
{
background-color: transparent !important;
background-image: none !important;
border: none !important;
text-transform:lowercase;
}
div.ui-dialog-content
{
clear:both;
}
div.ui-dialog-buttonpane
{
border-color:#ccc;
}
.ui-widget-overlay {
background-color: black;
background-image: none;
opacity: .40;
filter: Alpha(Opacity=40);
}
/* Topic Tree View */
.dgItem
{
font-size: 11px;
color: black;
}
.dgItemLink
{
font-size: 11px;
color: black;
cursor: pointer;
padding: 3px 3px;
}
.dgItemLinkSelected
{
font-size: 11px;
background-color: #888;
color: #ffffff;
cursor: pointer;
text-decoration: none;
padding: 3px 3px;
}
.dgItemLinkExpired, .dgItemLinkSelectedExpired
{
font-size: 11px;
color: red;
cursor: pointer;
text-decoration: none !important;
padding: 3px 3px;
}
/* Tree Document Status */
.dgItemLink.hidden,
.dgItemLink.archived,
.dgItemLink.notStarted
{
color: red;
}
.dgItemLink.awaitingApproval {
color:#0289ed;
}
.dgItemLink.approved {
color: darkviolet;
}
.selectedPolicy .dgItemLink {
font-weight: bold;
background-color: #ccc;
}
.nav-tree img[src^='/images/icons/svg/bootstrap-icons.svg#'],
.nav-tree svg {
width: 16px;
height: 16px;
vertical-align: middle;
}
/* Tree Document Types */
.dgItemLink.docTypeAsset {
}
div#ctl00_ContentPlaceHolder_PolicyFolderNavigation_uiTree input[type=checkbox]
{
padding:0px;
padding-right:3px;
vertical-align:middle;
}
/* GridView / DataGrid Controls */
table.gridView, table.dataGrid
{
border: none;
width: 100%;
}
table.gridView tr.row, table.dataGrid tr.row
{
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
}
table.gridView tr.row:last-child, table.dataGrid tr.row:last-child
{
border-bottom: 1px solid #aaa;
}
table.gridView tr.row.alt, table.dataGrid tr.row.alt
{
background-color: #eee;
}
table.gridView tr.row.empty, table.dataGrid tr.row.empty
{
border: none;
}
table.gridView td, table.dataGrid td
{
border: none;
padding: 3px 5px;
}
table.gridView tr.header, table.dataGrid tr.header, table.dataGrid tr.tableHeader
{
border: 1px solid #aaa !important;
}
table.gridView tr.header th, table.dataGrid tr.header th, table.dataGrid tr.tableHeader td
{
text-align: left;
padding: 3px 5px;
font-weight: bold;
}
table.gridView tr.header th.center, table.dataGrid tr.header th.center, table.dataGrid tr.tableHeader td.center {
text-align: center;
}
table.gridView tr.pager, table.dataGrid tr.pager
{
border-top: 1px solid #aaa;
}
table.gridView tr.pager td, table.dataGrid tr.pager td
{
border: none !important;
}
/* Container Page */
.containerPage body
{
padding: 0px;
min-width:768px;
/*min-height:768px;*/
}
div.pageContainer
{
/*min-width: 1200px;*/
position: relative;
/*min-height: 100%;*/
/*height: auto !important;*/
height: 100%;
overflow:hidden;
}
/* Inner page */
html.innerPage
{
height: auto;
}
html.innerPage body
{
height: auto;
margin: 0px;
padding: 40px 60px 20px 60px !important;
background-color: white !important;
}
html.innerPage body.inDialog {
width: auto;
min-width: auto;
padding: 0 20px !important;
}
html.innerPage form
{
height: auto;
}
html.innerPage div.dialog
{
margin-left: -150px;
margin-top: -100px;
}
/* Left Panel */
div.pageLeft
{
width: 290px;
overflow: hidden;
/*height: 925px;
min-height: 100%;*/
float: left;
border-right: 1px solid #ccc;
background-color: #ffffff;
padding: 5px;
padding-top:4px;
position: relative;
}
div.pageLeft div.logo
{
display: table-cell;
width: 290px;
height: 100px;
text-align: center;
vertical-align: middle;
padding:0px;
overflow:hidden;
position:relative;
}
div.pageLeft.clean-ui a.showNav,
div.pageLeft.clean-ui a.hideNav
{
width:14px;
height:16px;
overflow: visible;
background-position-y:center;
background-repeat: no-repeat;
position: absolute;
right: 6px;
top: 140px;
}
div.pageLeft.clean-ui a.hideNav {
display:none;
background-image: url('/Images/Icons/left-transparent.png');
}
div.pageLeft.clean-ui a.showNav {
display:none;
background-image: url('/Images/Icons/right-transparent.png');
}
/* Old style navigation */
div.pageContent div.pageTitle a.showNavOld,
div.pageContent div.pageTitle a.hideNavOld
{
width: 14px;
height: 16px;
background-position-y: center;
background-repeat: no-repeat;
position: relative;
left: -8px;
}
div.pageContent div.pageTitle a.hideNavOld {
display: inline-block;
background-image: url('/Images/Icons/left-white.png');
}
div.pageContent div.pageTitle a.showNavOld {
display: none;
background-image: url('/Images/Icons/right-white.png');
}
div.pageContent.clean-ui div.pageTitle a.showNavOld,
div.pageContent.clean-ui div.pageTitle a.hideNavOld {
display: none;
}
div.pageLeft div.navigation
{
margin-top: 4px;
}
div.pageLeft div.navigation div.search-inside {
display:none;
height:0;
padding:10px 0;
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
border-top:1px solid #ccc;
}
div.pageLeft div.navigation div#tabs
{
width: 300px;
position:relative;
left:-5px;
height: 29px;
border: none;
overflow:hidden;
padding:0;
margin:0;
background-color:white !important;
display:none;
}
div.pageLeft div.navigation div#tabs #navLoadingIcon {
position:absolute;
left:50%;
margin-left:-10px;
top:200px;
display:none;
}
div.pageLeft div.navigation div#tabs a
{
width: 51px;
text-align:center;
padding-left: 20px;
padding-right: 0px;
position:relative;
}
div.pageLeft div.navigation div#tabs a svg {
position: absolute;
left: 5px;
top: 3px;
}
div.pageLeft div.navigation div#tabs-1,
div.pageLeft div.navigation div#tabs-2,
div.pageLeft div.navigation div#tabs-3,
div.pageLeft div.navigation div#tabs-4 {
overflow:auto;
-webkit-overflow-scrolling:touch;
padding:0;
margin:0;
width:300px;
background-color:white !important;
}
div.pageLeft div.navigation div#tabs-1 iframe,
div.pageLeft div.navigation div#tabs-2 iframe,
div.pageLeft div.navigation div#tabs-3 iframe,
div.pageLeft div.navigation div#tabs-4 iframe {
width:300px;
background-color:white !important;
}
/* Todo */
.todoNav {}
.todoNav div#todo-tabs {
width: 100%;
min-width:102%;
position:relative;
top:-3px;
left:-5px;
height: auto;
border: none;
overflow-x:visible;
padding:0;
margin:0;
background-color:transparent !important;
border-radius:0;
}
.todoNav div#todo-tabs > div {
padding:5px 0px 5px 7px;
}
.todoNav div#todo-tabs > div.tabs-container {
padding:0;
}
.todoNav div#todo-tabs .ui-tabs-panel {
padding:5px;
}
.todoNav div#todo-tabs ul {
display:inline-block;
width:101%;
height:25px;
padding-right:0 !important;
white-space:nowrap;
}
.todoNav div#todo-tabs li {
width:48%;
display:inline-block;
text-align:center;
}
.todoNav div#todo-tabs li:first-child {
width:48.5%;
}
.todoNav div#todo-tabs li a {
display:inline-block;
text-align:center;
width:80%;
}
.todoNav div#todo-tabs table {
width:100%;
}
.todoNav div#todo-tabs svg {
display: none;
width: 16px;
height: 16px;
}
.todoNav div#todo-tabs svg.status-icon-full {
color: #8ebd3f;
}
.todoNav div#todo-tabs svg.status-icon-half {
color:#ffa500;
}
.todoNav div#todo-tabs svg.status-icon-empty {
color:#ff0000;
}
.todoNav div#todo-tabs svg.status-icon-unassigned {
color:#ff0000;
}
.todoNav div#todo-tabs svg.status-icon-full-yellow {
color:#ffa500;
}
.todoNav div#todo-tabs svg.status-icon-empty-yellow {
color:#ffa500;
}
.todoNav div#todo-tabs .status-full svg.status-icon-full {
display: inline;
}
.todoNav div#todo-tabs .status-rejected svg.status-icon-full {
display: inline;
color: #ff0000;
}
.todoNav div#todo-tabs .status-half svg.status-icon-half {
display: inline;
}
.todoNav div#todo-tabs .status-half-blue svg.status-icon-half{
display: inline;
color: #548dd4;
}
.todoNav div#todo-tabs .status-empty svg.status-icon-empty {
display: inline;
}
.todoNav div#todo-tabs .status-unassigned svg.status-icon-unassigned {
display: inline;
}
.todoNav div#todo-tabs .status-full-yellow svg.status-icon-full-yellow {
display: inline;
}
.todoNav div#todo-tabs .status-empty-yellow svg.status-icon-empty-yellow {
display: inline;
}
/* Header */
div.pageHeader
{
position: relative;
margin-left: 300px;
/*min-width: 900px;*/
height: 105px;
border-left: 1px solid #ccc;
/*background-image: url(../css/redmond/images/bgBarShade.gif);
background-repeat:repeat-x;
background-position:0px 82px;*/
color: #222222;
}
div.pageHeader div.top
{
height: 60px;
}
div.pageHeader div.top.impersonating {
background-color:red;
}
div.pageHeader div.company
{
position: absolute;
left: 14px;
top: 7px;
}
div.pageHeader span.companyName
{
font-size: 20px;
font-weight: bold;
}
/*div.pageHeader a.selectCompany
{
font-size: 12px;
display:inline-block;
margin-left:5px;
}*/
div.pageHeader span.support
{
font-size: 14px;
font-weight: bold;
position: absolute;
left: 14px;
top: 35px;
}
div.pageHeader a.userName
{
font-size: 20px;
font-weight: bold;
position: absolute;
right: 15px;
top: 7px;
}
div.pageHeader.clean-ui a.userName {
right: 70px;
}
div.pageHeader span.userMessage
{
font-size: 10px;
font-weight: normal;
position: absolute;
right: 15px;
top: 37px;
}
div.pageHeader span.userMessage a
{
font-size: 10px;
}
/* Menu */
div.pageHeader div.menu
{
height: 23px;
background-color: #888;
position: relative;
}
div.pageHeader div.menu a
{
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:lowercase;
}
div.pageHeader div.menu div.admin
{
width: 420px;
padding: 5px 5px;
padding-left: 15px;
}
div.pageHeader div.menu div.admin a
{
margin-right: 10px;
}
div.pageHeader div.menu div.userMenu
{
position: absolute;
right: 0px;
top: 0px;
padding: 5px 5px;
padding-right: 15px;
text-align: right;
}
div.pageHeader div.menu div.userMenu a
{
margin-left: 10px;
}
/* Page Content */
div.pageContent
{
/*min-width: 900px;*/
border-left: 1px solid #ccc;
margin-left: 300px;
position: relative;
}
div.pageContent div.pageTitle
{
height: 26px;
line-height: 16px;
padding-top: 7px;
padding-left: 14px;
font-size: 14px;
font-weight: bold;
white-space: nowrap;
position: relative;
padding-right:100px;
overflow:hidden;
text-overflow:ellipsis;
}
.layout2023 div.pageContent div.pageTitle {
height: 30px;
padding-top: 15px;
}
div.pageContent div.pageTitle a {
text-decoration: none;
font-size: 14px;
font-weight: bold;
vertical-align: top;
}
div.pageContent div.pageTitle span
{
display: inline;
white-space: nowrap;
font-size: 14px;
font-weight: bold;
text-transform:lowercase;
vertical-align:top;
}
div.pageContent div.pageTitle > div.alerts
{
height: 25px;
position: absolute;
right: 2px;
top: 2px;
}
.layout2023 div.pageContent div.pageTitle > div.alerts {
height: 38px;
}
.layout2023 div.pageContent div.pageTitle > div.alerts .sep {
display: block;
float: left;
border-left: 1px solid #888;
width: 1px;
height: 38px;
margin-left: 5px;
}
div.pageContent div.pageTitle > div.alerts a {
text-indent: 50px;
display: block;
float: left;
overflow: hidden;
background-repeat: no-repeat;
margin-left: 10px;
width: 29px;
height: 29px;
padding: 2px;
}
.layout2023 div.pageContent.clean-ui div.pageTitle > div.alerts a {
position: relative;
width: 32px;
height: 38px;
margin-left: 5px;
}
.layout2023 div.pageContent.clean-ui div.pageTitle > div.alerts a:hover {
color: #888 !important;
}
div.pageContent div.pageTitle > div.alerts a svg {
width: 24px;
height: 24px;
position: relative;
left: -50px;
top: 0px;
}
.layout2023 div.pageContent div.pageTitle > div.alerts a svg {
left: -48px;
}
div.pageContent div.pageTitle > div.alerts a span {
display: none;
}
.layout2023 div.pageContent div.pageTitle > div.alerts a span {
display: block;
position: absolute;
bottom: 0;
left: 0px;
width: 32px;
text-indent: 0px;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.layout2023 div.pageContent.clean-ui div.pageTitle > div.alerts a:hover span {
color: #888 !important;
}
div.pageContent div.pageTitle > div.alerts .userMenu2023 {
display: none;
}
.layout2023 div.pageContent div.pageTitle > div.alerts .userMenu2023 {
display: inline;
}
div.pageContent div.pageTitle > div.alerts a.home {
/*background-image: url('/Images/Icons/ControlPanel/home-small.png');*/
}
div.pageContent div.pageTitle > div.alerts a.calendar svg {
width: 22px;
height: 22px;
top: 1px;
left: -49px;
}
.layout2023 div.pageContent div.pageTitle > div.alerts a.calendar svg {
left: -46px;
}
div.pageContent div.pageTitle > div.alerts a.user svg
{
width: 25px;
height: 25px;
}
.layout2023 div.pageContent div.pageTitle > div.alerts a.user {
}
div.pageContent div.pageTitle > div.alerts a.user.impersonating {
background-color:red;
}
div.pageContent div.pageTitle > div.alerts a.compliance svg
{
top: 1px;
}
.layout2023 div.pageContent div.pageTitle > div.alerts a.compliance svg {
left: -49px;
}
div.pageContent div.pageTitle > div.alerts a.documents svg
{
}
div.pageContent div.pageTitle > div.alerts a.ranking
{
}
div.pageContent div.pageTitle > div.alerts a.notifications svg
{
top: 1px;
}
div.pageContent div.pageTitle > div.alerts a.education svg
{
top: 1px;
}
div.pageContent div.pageTitle > div.alerts a.fullScreen
{
width:16px;
height:25px;
background-image: url('/Images/Icons/right-white.png');
background-position-y:center;
}
div.pageContent div.pageTitle > div.alerts a.restoreScreen
{
width: 16px;
height:25px;
background-image: url('/Images/Icons/left-white.png');
background-position-y:center;
}
div.pageContent div.mainFrame
{
width: 100%;
height: 100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
display:block;
}
div.pageContent div.mainFrame iframe
{
width: 100%;
height: 100%;
overflow:visible;
display:block;
}
div.pageContent div.messages
{
height: 0px;
opacity: 0;
display: none;
margin-top: 5px;
}
div.pageContent div.messages div.pageTitle
{
position: relative;
}
div.pageContent div.messages div.pageTitle input
{
position: absolute;
bottom: 5px;
right: 5px;
height: 22px;
width: 50px;
}
div.pageContent div.messages iframe
{
/*width: 100%;
height: 100%;*/
}
/* Clean UI Option */
div.pageHeader.clean-ui {
height:60px;
overflow:visible;
}
div.pageHeader.clean-ui .menu {
display: none;
}
div.pageHeader .popup-menu-icon {
display: none;
}
div.pageHeader.clean-ui .popup-menu-icon {
display:inline-block;
width:44px;
height:44px;
background-image: url('/Images/Icons/menu-large.png');
position:absolute;
top:7px;
right:10px;
}
.layout2023 div.pageHeader.clean-ui .popup-menu-icon {
display: none;
}
div.pageHeader .popup-menu {
display:none;
}
div.pageHeader.clean-ui .popup-menu {
position:absolute;
right:0;
top:60px;
padding:5px;
background-color:white;
z-index:2;
border-width:1px;
border-style:solid;
border-top:none;
display:none;
}
div.pageHeader.clean-ui .popup-menu a {
display:block;
padding:5px;
}
div.pageHeader.clean-ui span.userName {
right:70px;
}
div.pageHeader.clean-ui span.userMessage {
right:70px;
}
.layout2023 div.pageHeader.clean-ui a.userName {
right: 15px;
}
.layout2023 div.pageHeader.clean-ui span.userMessage {
right: 15px;
}
div.pageContent.clean-ui > div.pageTitle {
background-color:white;
border-right:1px solid #ccc;
}
div.pageContent.clean-ui > div.pageTitle > .textColour {
display:inline-block;
color:#444;
}
div.pageContent.clean-ui > div.pageTitle > .textColour > a {
color:#444;
}
div.pageContent.clean-ui > div.pageTitle > div.alerts {
background-color: white;
}
div.pageContent.clean-ui > div.pageTitle > div.alerts a {
width:24px;
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.home {
/*background-image: url('/Images/Icons/ControlPanel/home-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.user {
/*background-image: url('/Images/Icons/ControlPanel/user-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.compliance {
/*background-image: url('/Images/Icons/ControlPanel/home-compliance-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.documents {
/*background-image: url('/Images/Icons/ControlPanel/document-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.notifications {
/*background-image: url('/Images/Icons/ControlPanel/home-notifications-clean.png');
width:28px;*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.ranking {
/*background-image: url('/Images/Icons/ControlPanel/home-ranking-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.education {
/*background-image: url('/Images/Icons/ControlPanel/home-education-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.monitor-grid {
/*background-image: url('/Images/Icons/ControlPanel/home-monitor-grid-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.control-panel {
/*background-image: url('/Images/Icons/ControlPanel/home-control-panel-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.user-mode {
/*background-image: url('/Images/Icons/ControlPanel/home-user-mode-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.admin-mode svg {
top: 2px;
/*background-image: url('/Images/Icons/ControlPanel/home-admin-mode-clean.png');*/
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.fullScreen {
background-image: url('/Images/Icons/right-transparent.png');
width:16px;
height:16px;
margin-top:5px;
padding: 0;
}
div.pageContent.clean-ui div.pageTitle > div.alerts a.restoreScreen {
background-image: url('/Images/Icons/left-transparent.png');
width:16px;
height:16px;
margin-top:5px;
padding: 0;
}
div.pageContent.clean-ui div.pageTitleBorder {
height:2px;
}
div.pageContent.clean-ui div.attachments div.pageTitle {
border-top:1px solid white;
}
/* Side Bar */
div.sideBar {
display: none;
width: 0;
}
div.pageContent.clean-ui div.sideBar {
display: inline-block;
position: absolute;
left: 0px;
overflow: hidden;
}
div.sideBar a {
display: inline-block;
width: 40px;
height: 40px;
margin: 2px;
margin-top: 30px;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none;
}
div.sideBar a svg {
color: white;
width: 28px;
height: 28px;
position: relative;
left: 5px;
top: 6px;
}
div.sideBar a span {
display: block;
color: white;
width: 40px;
text-align: center;
margin-top: 5px;
font-size: 10px;
}
div.sideBar a.todo {
/*background-image: url('/Images/Icons/ControlPanel/side-bar-todo.png');*/
}
div.sideBar a.todo-count {
display: none;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
vertical-align: middle;
margin: 0;
background-color: red;
color: white;
border-radius: 8px;
/*box-shadow: black 1px 1px;*/
text-decoration: none;
position: absolute;
left: 26px;
top: 50px;
}
div.sideBar a.topics {
/*background-image: url('/Images/Icons/ControlPanel/side-bar-topics.png');*/
}
div.sideBar a.search {
/*background-image: url('/Images/Icons/ControlPanel/side-bar-search.png');*/
}
div.sideBar a.list {
/*background-image: url('/Images/Icons/ControlPanel/side-bar-list.png');*/
}
div.pageContent.clean-ui div.sideBar.sideBarRight {
display: inline-block;
position: absolute;
width: 44px;
top: 47px;
left: auto !important;
right: 0px !important;
overflow: hidden;
}
div.sideBar.sideBarRight a.attached-count {
display: none;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
vertical-align: middle;
margin: 0;
background-color: red;
color: white;
border-radius: 8px;
/*box-shadow: black 1px 1px;*/
text-decoration: none;
position: absolute;
left: 26px;
top: 50px;
}
/* Right Column */
div.pageRight {
width: 0px;
opacity: 0;
height: 530px;
position: absolute;
right: 0px;
top: 45px;
display: none;
margin-left: 0px;
background-color: white;
overflow: hidden;
}
div.pageRight a.fullScreen {
position: absolute;
top: 5px;
right: 5px;
width: 16px;
height: 25px;
text-indent: 18px;
overflow: hidden;
background-image: url('/Images/Icons/right-white.png');
background-position-y: center;
background-repeat: no-repeat;
z-index: 2;
white-space: nowrap;
}
div.pageRight div.pageTitle {
height: 25px !important;
padding-top: 10px !important;
}
div.pageRight div.attachments
{
height: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
div.pageRight div.attachments div.frame {
overflow: auto;
-webkit-overflow-scrolling: touch;
border-left: 1px solid #ccc;
}
div.pageRight div.attachments iframe
{
width: 100%;
height: 220px;
}
div.pageRight div.history
{
height: 245px;
margin-top: 0px;
margin-left: 0px;
}
div.pageRight div.history div.frame
{
overflow:auto;
-webkit-overflow-scrolling:touch;
border-left: 1px solid #ccc;
}
div.pageRight div.history iframe
{
width: 100%;
height: 238px;
}
/* Footer */
div.pageFooter
{
min-width: 100%;
height: 24px;
background-color: #ffffff;
padding-top: 0px;
clear: both;
}
div.pageFooter a
{
font-weight: bold;
}
div.pageFooter div.inner
{
height: 24px;
background-position: 0px -2px;
}
div.pageFooter div.copyright
{
float: left;
padding-left: 10px;
padding-top: 5px;
}
div.pageFooter div.version
{
float: right;
padding-right: 10px;
padding-top: 5px;
}
/* Page header with tiles*/
div.tiles
{
/*min-width: 800px;*/
min-height: 100px;
border-bottom: 2px solid #888;
margin-bottom: 20px;
}
div.tiles a, div.tiles a:hover {
text-decoration:none;
}
div.tiles div.title
{
color: #888;
font-size: 46px;
float: right;
padding-top: 18px;
text-transform: lowercase;
}
div.tiles div.tile
{
display: inline-block;
width: 190px;
height: 88px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #888;
background-color: #888;
color: #ffffff;
font-size: 22px;
background-repeat: no-repeat;
background-position: 12px 6px;
position: relative;
background-image: url('/Images/Icons/ControlPanel/control-panel-policies.png');
vertical-align:top;
overflow:hidden;
outline:none;
cursor: pointer;
}
div.tiles div.tile.size-small {
width:90px;
}
div.tiles div.tile:active {
margin-top:1px;
margin-left:1px;
margin-right:11px;
}
div.tiles div.tile span
{
display: inline-block;
margin-top: 62px;
margin-left: 12px;
color: #ffffff;
font-size: 22px;
text-transform: lowercase;
}
div.tiles div.tile.mediumFont span
{
font-size: 18px;
line-height: 24px;
vertical-align:middle;
}
div.tiles div.tile.smallFont span
{
font-size: 12px;
line-height: 24px;
vertical-align: middle;
}
div.tiles div.tile.tinyFont span
{
font-size: 12px;
line-height: 12px;
}
div.tiles div.tile span.count
{
display: inline-block;
margin-top: 62px;
margin-right: 8px;
float: right;
color: #333;
font-weight: bold;
}
div.tiles div.tile.policy, div.tiles div.tile.document
{
background-image: url('/Images/Icons/ControlPanel/policies.png');
}
div.tiles div.tile.folder
{
background-image: url('/Images/Icons/ControlPanel/folder.png');
}
div.tiles div.tile.import
{
background-image: url('/Images/Icons/tile-import.png');
}
div.tiles div.tile.copy
{
background-image: url('/Images/Icons/tile-copy.png');
}
div.tiles div.tile.add-policy
{
background-image: url('/Images/Icons/tile-add-policy.png');
}
div.tiles div.tile.accessScope
{
background-image: url('/Images/Icons/ControlPanel/control-panel-depts.png');
}
div.tiles div.tile.print
{
width:90px;
background-image: url('/Images/Icons/ControlPanel/print.png');
}
/* Policy tiles */
/*div.tiles div.tile.policy-tile {
background-color: white;
}
div.tiles div.tile.policy-tile img.tile-image {
display:block;
position:absolute;
left:8px;
top:9px;
}
div.tiles div.tile.policy-tile span.tile-text {
position:absolute;
left: 67px;
top: 9px;
margin: 0;
width: 110px;
height: 52px;
font-size: 15px;
line-height: 17px;
text-transform: none;
text-overflow: ellipsis;
overflow: hidden;
color: #222;
}
div.tiles div.tile.policy-tile span.tile-subtext {
position: absolute;
left: 67px;
bottom: 11px;
margin: 0;
color: #888;
font-size: 11px;
text-transform: none;
}
div.tiles div.tile.policy-tile .tile-pin {
display: inline-block;
position: absolute;
right: 3px;
bottom: 3px;
line-height: 0px;
}*/
div.tiles div.tile.new-style.new-policy-tile {
}
div.tiles div.tile.new-style.new-policy-tile span.tile-text {
left: 70px;
margin: 0;
width: 110px;
height: 35px;
/*max-height: 35px;*/
font-size: 15px;
line-height: 17px;
text-transform: none;
text-overflow: ellipsis;
overflow: hidden;
color: #222;
white-space: normal;
display: flex;
flex-direction: column;
}
div.tiles div.tile.new-style.new-policy-tile.text-top span.tile-text {
top: 9px;
bottom: auto;
}
div.tiles div.tile.new-style.new-policy-tile.text-bottom span.tile-text {
top: auto;
bottom: 9px;
justify-content: end;
}
div.tiles div.tile.new-style.new-policy-tile.icon-right span.tile-text {
left: 10px;
right: auto;
width: 295px;
}
div.tiles div.tile.new-style.new-policy-tile span.tile-subtext {
left: 70px;
bottom: 11px;
margin: 0;
color: #888;
font-size: 11px;
line-height: 13px;
text-transform: none;
width: 110px;
height: 26px;
display: flex;
flex-direction: column;
}
div.tiles div.tile.new-style.new-policy-tile.text-top span.tile-subtext {
top: auto;
bottom: 9px;
justify-content: end;
}
div.tiles div.tile.new-style.new-policy-tile.text-bottom span.tile-subtext {
top: 9px;
bottom: auto;
}
div.tiles div.tile.new-style.new-policy-tile.text-top img.tile-image,
div.tiles div.tile.new-style.new-policy-tile.text-bottom img.tile-image {
max-height: 70px;
top: 8px;
bottom: auto;
left: 7px;
}
div.tiles div.tile.new-style.new-policy-tile span.glyphicon,
div.tiles div.tile.new-style.new-policy-tile.text-top span.glyphicon {
font-size: 50px;
top: 15px;
left: 7px;
}
div.tiles div.tile.new-style.new-policy-tile.icon-right span.glyphicon {
font-size: 50px;
top: 15px;
left: auto;
right: 7px;
}
div.tiles div.tile.new-style.new-policy-tile.text-top svg.tile-image,
div.tiles div.tile.new-style.new-policy-tile.text-bottom svg.tile-image {
top: 15px;
bottom: auto;
left: 7px;
}
div.tiles div.tile.new-policy-tile .tile-pin {
display: inline-block;
position: absolute;
right: 3px;
bottom: 3px;
line-height: 0px;
}
/* New tile styling */
div.tiles div.tile.new-style {
background-image:none;
text-align: left;
}
div.tiles div.tile.new-style span {
margin:0;
text-transform:none;
font-size:20px;
}
div.tiles div.tile.tile-shadow {
-webkit-box-shadow: #777 3px 3px 5px;
box-shadow: #777 3px 3px 5px;
}
div.tiles div.tile.tile-no-shadow {
box-shadow:none;
}
div.tiles div.tile.tile-rounded {
border-radius: 8px;
}
div.tiles div.tile.tile-no-border {
border: none;
}
div.tiles div.tile.new-style.invert-colour.disabled {
background-color:#eee;
}
div.tiles div.tile.new-style.invert-colour.disabled span.tile-text {
color:#888;
}
div.tiles div.tile.new-style.invert-colour.disabled svg.tile-image {
color:#888;
}
div.tiles div.tile.new-style:active {
margin-top: 0;
margin-left: -1px;
position:relative;
top: 1px;
left: 2px;
}
div.tiles div.tile.new-style.tile-textsize-small span {
font-size: 14px;
}
div.tiles div.tile.new-style.tile-textsize-medium span {
font-size: 17px;
}
div.tiles div.tile.new-style.tile-textsize-large span {
font-size: 20px;
}
/* Even newer tile styling! */
div.tiles div.tile.new-style2 {
background-image:none;
width: 288px;
min-height: 250px;
text-align: center;
padding: 40px 30px;
margin: 0 10px 10px 0;
}
div.tiles div.tile.new-style2 span {
display: block;
margin: 0;
text-transform: none;
}
div.tiles div.tile.new-style2 svg {
max-width: 60px;
max-height: 60px;
}
div.tiles div.tile.new-style2 img {
max-height: 68px;
}
div.tiles div.tile.new-style2 span.glyphicon {
display: block;
font-size: 64px;
}
div.tiles div.tile.new-style2 span.tile-text {
margin: 5px 0;
}
div.tiles div.tile.new-style2 span.tile-subtext {
font-size: 12px;
color: black;
}
div.tiles div.tile.new-style2.tile-shadow {
box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 25px !important;
}
/* Icon positioning */
div.tiles div.tile.new-style span.glyphicon {
display:block;
font-size:48px;
position:absolute;
left:10px;
top:7px;
}
div.tiles div.tile.new-style img.tile-image {
display:block;
position:absolute;
left:10px;
top:7px;
}
div.tiles div.tile.new-style.text-top img.tile-image,
div.tiles div.tile.new-style.text-top span.glyphicon {
top:auto;
bottom:7px;
}
div.tiles div.tile.new-style.icon-right img.tile-image,
div.tiles div.tile.new-style.icon-right span.glyphicon {
left:auto !important;
right:12px !important;
}
div.tiles div.tile.new-style svg.tile-image {
display:block;
position:absolute;
left:12px;
top:7px;
width: 50px;
height: 50px;
}
div.tiles div.tile.new-style.icon-right svg.tile-image {
left: auto;
right: 12px;
}
div.tiles div.tile.new-style.text-top svg.tile-image {
top: auto;
bottom: 7px;
}
/* Text positioning */
div.tiles div.tile.new-style span.tile-text {
position:absolute;
left:10px;
bottom:3px;
width:170px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
color: #222;
}
.homePage div.tiles div.tile.new-style span.tile-text {
color: white;
}
div.tiles div.tile.new-style.text-top span.tile-text {
bottom:auto;
top:2px;
}
/* Sub text */
div.tiles div.tile.new-style span.tile-subtext {
font-size:11px;
text-transform:none;
width:100px;
height:48px;
overflow:hidden;
text-overflow:ellipsis;
position:absolute;
right:10px;
top:7px;
color: #888;
display: flex;
flex-direction: column;
}
div.tiles div.tile.new-style.text-top span.tile-subtext {
top:auto;
bottom:7px;
justify-content: end;
}
div.tiles div.tile.new-style.icon-right span.tile-subtext {
right:auto;
left:10px;
}
/* Small size */
div.tiles div.tile.new-style.size-small {
width:90px;
}
/* Wide size */
div.tiles div.tile.new-style.size-wide {
width:395px;
}
div.tiles div.tile.new-style.size-wide span.tile-text {
width:375px;
}
div.tiles div.tile.new-style.size-wide span.tile-subtext {
width:295px;
}
/* Page header without tiles */
div.header
{
/*min-width: 860px;*/
min-height: 80px;
border-bottom: 2px solid #888;
margin-bottom: 20px;
}
div.header div.title,
div.header div.title span
{
color: #888;
font-size: 46px;
float: left;
padding-top: 18px;
text-transform: lowercase;
}
div.description { color:#888; font-weight:bold; margin-bottom:10px; clear:left; }
/* Page header with buttons */
div.header.with-buttons {
min-height: 120px;
}
div.header.with-buttons div.buttons {
float: right;
}
div.title2,
div.title2 a
{
color: #888;
font-size: 32px;
text-transform: lowercase;
margin-bottom:10px;
}
/* Standard form layout */
div.form
{
}
div.form div.label
{
min-width: 100px;
text-align: left;
float: left;
clear: left;
padding: 5px;
padding-top: 8px;
}
div.form div.field
{
padding: 5px;
padding-left: 105px;
}
div.form div.field input.textbox
{
width: 200px;
}
div.form div.buttons
{
padding: 5px;
padding-top: 20px;
margin-left: 105px;
}
div.form div.buttons .button
{
margin-right: 5px;
}
/* Button Tiles on forms */
div.tiles.buttons {
margin-top:20px;
border-bottom:none;
}
div.tiles.buttons input.tile {
float: left;
width: 90px;
height: 90px;
margin-right: 12px;
margin-bottom: 12px;
border-width:1px;
border-style:solid;
/*-webkit-box-shadow: #777 3px 3px 5px;
box-shadow: #777 3px 3px 5px;*/
color: #ffffff;
font-size: 22px;
background-repeat: no-repeat;
background-position: 12px 8px;
position: relative;
cursor:pointer;
padding:58px 0px 0px 0px;
text-transform:lowercase;
border-color:#888;
outline:none;
}
div.tiles.buttons input.tile::-moz-focus-inner {
border: 0;
}
div.tiles.buttons input.tile:active {
margin-top:1px;
margin-left:1px;
margin-right:11px;
/*-webkit-box-shadow: #777 1px 1px 3px;
box-shadow: #777 1px 1px 3px;*/
text-indent:0px;
}
div.tiles.buttons input.tile.wide {
width: 180px;
}
div.tiles.buttons input.tile.approve
{
background-image: url('/Images/Icons/ControlPanel/approve.png');
}
div.tiles.buttons input.tile.cancelApproval
{
background-image: url('/Images/Icons/cancel-tile.png');
}
div.tiles.buttons input.tile.reject
{
background-image: url('/Images/Icons/ControlPanel/reject.png');
}
div.tiles.buttons input.tile.save
{
background-color: white;
/*background-image: url("data:image/svg+xml,");*/
background-size: 50px 50px;
background-position:19px 8px;
color: #222;
}
div.tiles.buttons input.tile.cancel
{
background-color:white;
color: #222;
border-width:1px;
border-style:solid;
border-color:#888;
/*background-image: url('/Images/Icons/cancel-tile.png');
background-position:12px 9px;*/
/*background-image: url("data:image/svg+xml,");*/
background-size: 50px 50px;
background-position:19px 8px;
}
div.tiles.buttons input.tile.delete
{
background-color: white;
background-image: url('data:image/svg+xml,');
background-size: 50px 50px;
background-position:19px 8px;
color: red;
float: right;
}
div.tiles.buttons input.tile.print {
background-image: url('/Images/Icons/ControlPanel/print.png');
background-position-x: center;
}
div.tiles.buttons input.tile.group-accept
{
background-image: url('/Images/Icons/ControlPanel/control-panel-depts.png');
width: 150px;
}
div.tiles.buttons input.tile.import
{
background-image: url('/Images/Icons/tile-import.png');
}
div.tiles.buttons input.tile.copy
{
background-image: url('/Images/Icons/tile-copy.png');
}
div.tiles.buttons input.tile.add-policy
{
background-image: url('/Images/Icons/tile-add-policy.png');
}
div.tiles.buttons input.tile.disabled, div.tiles.buttons input.tile:disabled,
div.tiles.buttons input.tile.cancel.disabled, div.tiles.buttons input.tile.cancel:disabled
{
background-color: #ddd;
opacity: 0.5;
}
/* Standard link icons */
a.icon
{
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
text-indent: 18px;
overflow: hidden;
vertical-align: middle;
}
a.icon.scope.company
{
background-image: url('/Images/Icons/scope-company.png');
}
a.icon.scope.user
{
background-image: url('/Images/Icons/scope-user.png');
}
a.icon.scope.department
{
background-image: url('/Images/Icons/scope-department.png');
}
a.icon.quiz, a.icon.question
{
background-image: url('/Images/Icons/question.png');
}
a.icon.view, a.icon.policy
{
background-image: url('/Images/Icons/policy.png');
}
a.icon.folder
{
background-image: url('/Images/Icons/folder.png');
}
a.icon.attachment
{
background-image: url('/Images/Icons/clip.png');
}
a.icon.edit
{
background-image: url('/Images/Icons/edit.png');
}
a.icon.lock
{
background-image: url('/Images/Icons/lock.png');
}
a.icon.history
{
background-image: url('/Images/Icons/history.png');
}
a.icon.delete, a.icon.cross
{
background-image: url('/Images/Icons/cross.png');
}
a.icon.add
{
background-image: url('/Images/Icons/plus.png');
}
a.icon.remove
{
background-image: url('/Images/Icons/minus.png');
}
a.icon.tick
{
background-image: url('/Images/Icons/tick.png');
}
a.icon.up
{
background-image: url('/Images/Icons/up.png');
}
a.icon.down
{
background-image: url('/Images/Icons/down.png');
}
a.icon.move
{
background-image: url('/Images/Icons/move.png');
}
a.icon.svg {
text-indent:0;
}
a.icon.svg img {
width:22px;
height:22px;
position: relative;
top: -3px;
left: -3px;
}
/* Buttons with icons (and links that look like buttons) */
input.iconButton
{
padding-left:24px;
background-repeat:no-repeat;
background-position:3px 2px;
margin-right:3px;
text-transform:lowercase;
}
.iconButton.addNew, .iconButton.addExisting
{
background-image: url('/Images/Icons/plus-white.png');
}
.iconButton.remove
{
background-image: url('/Images/Icons/cross-white.png');
}
.iconButton.edit
{
background-image: url('/Images/Icons/edit-white.png');
}
.iconButton.move
{
background-image: url('/Images/Icons/move-white.png');
}
a.iconButton
{
display:inline-block;
/*width:50px;*/
height:16px;
border:1px solid #888;
margin-right:5px;
background-repeat:no-repeat;
background-position:3px 2px;
text-decoration:none;
padding-left:24px;
padding-right:5px;
padding-top:4px;
font-size:12px;
font-weight:bold;
text-transform:lowercase;
}
a.iconButton:hover
{
text-decoration:none;
}
a.iconButton.disabled {
background-color:#888 !important;
}
/* Breadcrumb */
.policyPanel > .breadcrumb {
height: 28px;
}
div.breadcrumbControl
{
padding: 0px 5px;
}
div.breadcrumbControl td,
div.breadcrumbControl td a {
font-size: 14px;
}
div.breadcrumbControl img
{
margin-left: 10px;
}
div.breadcrumbControl svg {
margin-left: 3px;
width: 24px;
height: 24px;
vertical-align: middle;
}
div.breadcrumbControl span.separator {
padding-left: 3px;
font-weight: bold;
font-size: 16px;
position: relative;
top: 0px;
}
div.breadcrumbControl td:first-child img,
div.breadcrumbControl td:first-child svg
{
margin-left: 0px;
}
/* Select Users Control */
.selectUsersControl { width:320px; padding-top:5px; }
.selectUsersControl select { width:292px; }
.selectUsersControl span.help { display:block; color:#888; margin-top:3px; margin-bottom:3px; }
.selectUsersControl a.add { display:inline-block; width:16px; height:16px; background-image:url('/Images/Icons/add.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; float:right; }
.selectUsersControl div.selectedUsers { clear:both; width:100%; margin-bottom:5px; border-top:1px solid #888; padding-top:3px; }
.selectUsersControl div.selectedUsers div.title { font-weight:bold; border-bottom:1px solid #888; color:#888; padding-top:2px; padding-bottom:3px; margin-bottom:5px; }
.selectUsersControl div.selectedUsers div.user { width:100%; height:18px; clear:right; vertical-align:middle; }
.selectUsersControl div.selectedUsers div.user span { float:left; }
.selectUsersControl div.selectedUsers div.user span.controls { float:right; vertical-align:middle; }
.selectUsersControl div.selectedUsers div.user select { width:80px; margin-right:5px; vertical-align:middle; }
.selectUsersControl div.selectedUsers div.user a.up { display:inline-block; width:16px; height:14px; background-image:url('/Images/Icons/up.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; color:white; }
.selectUsersControl div.selectedUsers div.user a.down { display:inline-block; width:16px; height:14px; background-image:url('/Images/Icons/down.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; color:white; }
.selectUsersControl div.selectedUsers div.user a.remove { display:inline-block; width:16px; height:16px; background-image:url('/Images/Icons/delete.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; color:white; }
.selectUsersControl div.selectedUsers a.clearAll { display:inline-block; float:right; height:16px; padding-right:20px; padding-top:2px; background-image:url('/Images/Icons/delete.png'); background-repeat:no-repeat; background-position-x:right; overflow:hidden; vertical-align:middle; }
.selectUsersControl.dialogMode select.addUser { display:none; }
.selectUsersControl.dialogMode span.help { display:none; }
/* Select Users Dialog */
.selectUsersDialog { display:none; overflow:hidden; position: relative; }
.selectUsersDialog .filter { width:530px; position:relative; margin-top:10px; margin-bottom:10px; }
.selectUsersDialog .filter div { height: 26px; vertical-align: middle; }
.selectUsersDialog .filter label { display:inline-block; }
.selectUsersDialog .filter select { width:200px; }
.selectUsersDialog .filter .tiles { position: absolute; top: -2px; right: -9px; width: 95px; border-bottom: none; margin-top: 0; }
.selectUsersDialog .filter div.tiles div.tile.new-style svg.tile-image { left: 20px; }
.selectUsersDialog .filter div.tiles div.tile.new-style span.tile-text { left: 0; width: 90px; text-align: center; }
.selectUsersDialog .filter .filterReportees { height: 25px; }
.selectUsersDialog .filter .filterReportees label { position: relative; top: 2px; }
.selectUsersDialog .filter .filterSearch label { width: 120px; position: relative; top: -1px; }
.selectUsersDialog .filter .filterSearch .textbox { width: 260px; position: relative; top: -2px; }
.selectUsersDialog .filter .filterDepartment label { width: 120px; position: relative; top: 1px; }
.selectUsersDialog .filter .filterDepartment select { width: 267px; }
.selectUsersDialog .filter .filterUserLevel label { width: 120px; position: relative; top: 1px; }
.selectUsersDialog .filter .filterUserLevel select { width: 267px; }
.selectUsersDialog .filter .radio input[type="radio"] { vertical-align: middle; }
.selectUsersDialog .filter .hidden { display: none; }
.selectUsersDialog .selectUsers { white-space:nowrap; margin-bottom: 5px; }
.selectUsersDialog .selectUsers .usersList { width:220px; display:inline-block; }
.selectUsersDialog .selectUsers .usersList label { display:block; margin-bottom:3px; }
.selectUsersDialog .selectUsers .usersList select { width:220px; height:400px; }
.selectUsersDialog .selectUsers .addRemoveButtons { width:70px; display:inline-block; vertical-align:top; margin:10px; margin-top:30px; }
.selectUsersDialog .selectUsers .addRemoveButtons .button { width:70px; display:block; margin-bottom:5px; }
.selectUsersDialog .selectUsers .selectedList { width:220px; display:inline-block; vertical-align: top; }
.selectUsersDialog .selectUsers .selectedList label { display:block; margin-bottom:3px; }
.selectUsersDialog .selectUsers .selectedList select { width:220px; height:295px; }
.selectUsersDialog div.tiles.buttons.bottomButtons { text-align:right; margin-top:10px; position:absolute !important; right: 2px; bottom: 2px; height: 90px; margin-bottom:0; }
.selectUsersDialog input.button[disabled] { background-color: #888 !important; }
/* Select Groups Control */
.selectGroupsControl { padding-top:5px; }
.selectGroupsControl select { width:292px; }
.selectGroupsControl span.help { display:block; color:#888; margin-top:3px; margin-bottom:3px; }
.selectGroupsControl a.add { display:inline-block; width:16px; height:16px; background-image:url('/Images/Icons/add.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; float:right; }
.selectGroupsControl div.selectedItems { clear:both; width:100%; margin-bottom:5px; border-top:1px solid #888; padding-top:3px; }
.selectGroupsControl div.selectedItems div.title { font-weight:bold; border-bottom:1px solid #888; color:#888; padding-top:2px; padding-bottom:3px; margin-bottom:5px; }
.selectGroupsControl div.selectedItems div.item { width:100%; height:18px; clear:right; vertical-align:middle; }
.selectGroupsControl div.selectedItems div.item span { float:left; }
.selectGroupsControl div.selectedItems div.item span.controls { float:right; vertical-align:middle; }
.selectGroupsControl div.selectedItems div.item select { width:80px; margin-right:5px; vertical-align:middle; }
.selectGroupsControl div.selectedItems div.item a.remove { display:inline-block; width:16px; height:16px; background-image:url('/Images/Icons/delete.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; color:white; }
.selectGroupsControl div.selectedItems a.clearAll { display:inline-block; float:right; height:16px; padding-right:20px; padding-top:2px; background-image:url('/Images/Icons/delete.png'); background-repeat:no-repeat; background-position-x:right; overflow:hidden; vertical-align:middle; }
.selectGroupsControl.dialogMode select.addUser { display:none; }
.selectGroupsControl.dialogMode span.help { display:none; }
/* Select Groups Dialog */
.selectGroupsDialog { display:none; overflow:hidden; }
.selectGroupsDialog .filter { width:340px; position:relative; margin-top:8px; }
.selectGroupsDialog .filter div { margin-bottom:3px; }
.selectGroupsDialog .filter label { display:inline-block; width: 65px; }
.selectGroupsDialog .filter select { width:200px; }
.selectGroupsDialog .filter input.button { width:60px; position:absolute; right:0; bottom:0; }
.selectGroupsDialog .noDepartment { padding-left:70px; font-size:0.9em; color:#888; white-space:nowrap; margin-bottom:20px; }
.selectGroupsDialog .selectGroups { white-space:nowrap; }
.selectGroupsDialog .selectGroups .unselectedList { width:150px; display:inline-block; }
.selectGroupsDialog .selectGroups .unselectedList label { display:block; margin-bottom:3px; }
.selectGroupsDialog .selectGroups .unselectedList select { width:150px; height:200px; }
.selectGroupsDialog .selectGroups .addRemoveButtons { width:70px; display:inline-block; vertical-align:top; margin:10px; margin-top:30px; }
.selectGroupsDialog .selectGroups .addRemoveButtons .button { width:70px; display:block; margin-bottom:5px; }
.selectGroupsDialog .selectGroups .selectedList { width:150px; display:inline-block; }
.selectGroupsDialog .selectGroups .selectedList label { display:block; margin-bottom:3px; }
.selectGroupsDialog .selectGroups .selectedList select { width:150px; height:200px; }
.selectGroupsDialog .bottomButtons { display:block; clear:both; text-align:right; margin-top:10px; }
.selectGroupsDialog .bottomButtons a.new-department {
float: left;
padding: 3px;
padding-right: 20px;
background-image: url('/Images/Icons/add.png');
background-repeat: no-repeat;
background-position: right center;
}
/* Select Items Control */
.selectItemsControl { width:320px; padding-top:5px; }
.selectItemsControl select { width:292px; }
.selectItemsControl input.add { width:292px; }
.selectItemsControl span.help { display:block; color:#888; margin-top:3px; margin-bottom:3px; }
.selectItemsControl a.add { display:inline-block; width:16px; height:16px; background-image:url('/Images/Icons/add.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; float:right; }
.selectItemsControl div.selectedItems { clear:both; width:100%; margin-bottom:5px; border-top:1px solid #888; padding-top:3px; }
.selectItemsControl div.selectedItems div.title { font-weight:bold; border-bottom:1px solid #888; color:#888; padding-top:2px; padding-bottom:3px; margin-bottom:5px; }
.selectItemsControl div.selectedItems div.item { width:100%; height:18px; clear:right; vertical-align:middle; }
.selectItemsControl div.selectedItems div.item span { float:left; }
.selectItemsControl div.selectedItems div.item span.controls { float:right; vertical-align:middle; }
.selectItemsControl div.selectedItems div.item select { width:80px; margin-right:5px; vertical-align:middle; }
.selectItemsControl div.selectedItems div.item a.up { display:inline-block; width:16px; height:14px; background-image:url('/Images/Icons/up.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; color:white; }
.selectItemsControl div.selectedItems div.item a.down { display:inline-block; width:16px; height:14px; background-image:url('/Images/Icons/down.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; color:white; }
.selectItemsControl div.selectedItems div.item a.remove { display:inline-block; width:16px; height:16px; background-image:url('/Images/Icons/delete.png'); background-repeat:no-repeat; text-indent:18px; overflow:hidden; vertical-align:middle; color:white; }
.selectItemsControl div.selectedItems a.clearAll { display:inline-block; float:right; height:16px; padding-right:20px; padding-top:2px; background-image:url('/Images/Icons/delete.png'); background-repeat:no-repeat; background-position-x:right; overflow:hidden; vertical-align:middle; }
.selectItemsControl.dialogMode select.add { display:none; }
.selectItemsControl.dialogMode span.help { display:none; }
/* Select Items Dialog */
.selectItemsDialog { display:none; overflow:hidden; resize:none; }
.selectItemsDialog .filter { width:340px; position:relative; margin-top:5px; margin-bottom:20px; }
.selectItemsDialog .filter div { margin-bottom:3px; }
.selectItemsDialog .filter label { display:inline-block; width: 65px; }
.selectItemsDialog .filter select { width:200px; }
.selectItemsDialog .filter input.button { width:60px; position:absolute; right:0; bottom:0; }
.selectItemsDialog .selectItems { white-space:nowrap; }
.selectItemsDialog .selectItems .itemsList { width:200px; display:inline-block; }
.selectItemsDialog .selectItems .itemsList label { display:block; margin-bottom:3px; }
.selectItemsDialog .selectItems .itemsList select { width:200px; height:300px; overflow:auto; }
.selectItemsDialog .selectItems .addRemoveButtons { width:70px; display:inline-block; vertical-align:top; margin:10px; margin-top:30px; }
.selectItemsDialog .selectItems .addRemoveButtons .button { width:70px; display:block; margin-bottom:5px; }
.selectItemsDialog .selectItems .selectedList { width:200px; display:inline-block; }
.selectItemsDialog .selectItems .selectedList label { display:block; margin-bottom:3px; }
.selectItemsDialog .selectItems .selectedList select { width:200px; height:300px; overflow:auto; }
.selectItemsDialog .bottomButtons { display:block; clear:both; text-align:right; margin-top:10px; }
/* Select Group Users Control */
.selectGroupUsersControl .tree .tree-item.part-selected > div.check-style {
left: 18px;
top: 6px;
}
/* Select Company screen */
.selectCompanyControl .description {
margin-bottom:20px;
}
.selectCompanyControl .prompt {
margin-bottom:10px;
}
.selectCompanyControl .links a {
display:block;
margin-bottom:5px;
}
/* Policy/document formatting */
.document {
font-family:Arial,sans-serif;
font-size:12px;
color:black;
}
body.document {
padding:0 5px !important;
}
.document a, .document a:link, .document a:hover, .document a:hover {
text-decoration:underline;
}
.document h1,
.document h2,
.document h3,
.document h4,
.document h5,
.document h6
{
margin:0.5em 0;
}
.document figure.image.image_resized img {
width:100%;
}
.document figure {
/*margin:auto;*/
max-width:100%;
}
.document img {
margin:auto;
max-width:none;
max-width:100%;
}
.document .image {
display: table;
clear: both;
text-align: center;
margin: 0.5em;
}
.document iframe {
max-width:100%;
}
.document .image-style-align-left {
float: left;
}
.document .image-style-align-right {
float: right;
}
.document .image-style-align-center {
margin-left: auto;
margin-right: auto;
}
.document .image-style-align-left:not(.image_resized), .document .image-style-align-right:not(.image_resized), .document .image-style-align-center:not(.image_resized) {
max-width: 50%;
}
.document hr,
hr.document-divider {
height: 1px;
background-color: #aaaaaa;
border: none;
}
/* Nested Numbered Lists */
.document ol.nested-numbered-list, .document .nested-numbered-list ol {
counter-reset: item;
list-style: none;
padding-left: 2em;
}
.document ol.nested-numbered-list > li:before,
.document .nested-numbered-list ol > li:before{
content: counters(item, ".") "";
counter-increment: item;
padding-right: 0.5em;
}
#numbered-list-dialog {
padding-top: 5px;
}
#numbered-list-dialog input {
width: 40px;
margin-left: 5px;
}
#numbered-list-dialog .buttons {
text-align: right;
margin-top: 10px;
}
#numbered-list-dialog .buttons button {
width: auto;
}
/* Policy acceptance signature */
.acceptance-signature, .document .acceptance-signature {
font-family: Sacramento;
font-size: 30px;
line-height: 30px;
padding: 10px;
}
.acceptance-date {
padding: 5px 10px;
}
/* Policy Sign Off */
.sign-off > div {
margin-bottom: 5px;
}
.sign-off label {
display: inline-block;
width: 200px;
}
.sign-off .acceptance-signature {
display: inline-block;
padding: 5px 0;
}
/* Content Nav Links */
.document-content-nav {
position:relative;
display:inline-block;
z-index: 1;
background-color: white;
}
.document-content-nav.single-line {
padding-left:3px;
}
.document-content-nav.single-line a {
font-weight:bold;
}
.document-content-nav.single-line .title,
.document-content-nav.single-line a.showHide {
display:none;
}
.document-content-nav.multi-line {
padding:5px 10px;
min-width:150px;
margin:5px 0;
}
.document-content-nav.multi-line .title {
font-weight:bold;
font-size:1.2em;
padding:3px;
display:inline-block;
cursor: pointer;
}
.document-content-nav.multi-line a.showHide {
float:right;
}
.document-content-nav.multi-line div.content {
margin:5px 0;
}
.document-content-nav.multi-line a {
display:block;
font-weight:normal;
padding:3px;
}
.document-content-nav.multi-line div.background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: .33;
z-index: -1;
}
.document-content-nav.single-line div.background {
display:none;
}
/* Document section icon */
.section-icons {
float:right;
vertical-align:middle;
}
.section-status {
float:left;
margin-right:15px;
vertical-align:middle;
/*border-right: 1px solid #888;*/
}
.section-icons a, .section-icons span {
float:left;
border: 1px solid #888;
/*border-right:none;*/
width:26px;
height:26px;
line-height:26px;
text-align:center;
vertical-align:middle;
font-size:11px;
/*font-weight:bold;*/
margin-right:1px;
}
.section-icons a:not(.backColour), .section-icons span:not(.backColour) {
background-color: white;
}
.section-icons span {
cursor: default;
}
.section-icons img {
/*vertical-align:middle;*/
padding-top:2px;
opacity:0.2;
}
.section-icons .backColour img {
opacity:1;
}
.section-user-levels {
float:left;
/*border-right: 1px solid #888;*/
margin-right:10px;
position:relative;
/*top:-3px;*/
}
.section-user-levels .section-user-level {
float:left;
border: 1px solid #888;
/*border-right:none;*/
width:26px;
height:26px;
line-height:26px;
text-align:center;
vertical-align:middle;
font-size:11px;
/*font-weight:bold;*/
margin-right:1px;
}
/* Document add section buttons */
div.add-section {
position: relative;
background-color: #ddd;
padding: 10px;
padding-left: 55px;
margin: 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div.add-section-icon {
position: absolute;
left: 12px;
top: 9px;
width: 25px;
height: 22px;
background-image: url('/Images/Icons/insert-transparent.png');
}
/* Document section links */
a.document-top {
position: absolute;
right: 10px;
}
a.document-top svg {
width: 32px;
height: 32px;
position: relative;
top: -12px;
}
.documentLayout a.document-top {
right: 50px;
}
/* Linked Sections */
.document table {
width: 100%;
border-collapse: collapse;
}
.document th,
.document td {
text-align:left;
border:1px solid #888;
padding:2px 3px;
vertical-align:top;
}
.document th,
.document thead td p,
.document th p {
font-weight:bold;
}
.document th p:first-child,
.document td p:first-child {
margin-top:0;
-webkit-margin-before: 0;
}
.document th p:last-child,
.document td p:last-child {
margin-bottom:0;
-webkit-margin-after: 0;
}
/* Revision History */
.document table.revision-history tr.revision-heading td {
background-color:#eee;
}
/* Integrity Checkmark */
.integrity-checkmark {
display: inline-block;
text-align: center;
}
.integrity-checkmark img {
display: block;
width: 150px;
}
/* Quiz Form */
.quiz-question p {
margin-top:0;
margin-bottom:1em;
}
.quiz-question p:last-child {
margin-bottom:0;
}
.quizForm {
position: relative;
}
.quizForm .form-reference {
position: absolute;
top: -50px;
left: 120px;
font-weight: bold;
}
.quizForm .rejected {
padding: 5px;
/*border: 1px solid #ccc;
border-bottom: none;*/
margin-bottom: 10px;
}
.quizForm .rejected .rejected-title {
display: inline-block;
color: red;
font-weight: bold;
}
.quizForm .rejected .rejected-reason {
display: inline-block;
}
.quizForm .rejected .rejected-reason > p {
margin: 0;
}
.quizForm .rejected .button {
margin-left: 20px;
}
.quizForm select,
.quizForm textarea,
.quizForm input[type=text],
.quizForm input[type=number],
.quizForm input[type=time] {
margin-left: 12px;
}
.quizForm td {
padding: 5px !important;
}
.quizForm tr.row {
/*background-color: white;*/
}
.quizForm tr.row.headingRow {
background-color:#888;
}
.quizForm tr.headingRow td {
padding:3px 5px !important;
}
.quizForm tr.headingRow .quiz-question {
color:white;
position:relative;
left:-20px;
}
.quizForm tr.headingRow .quiz-question .heading-title {
color: white;
font-size: 1.2em;
display: inline-block;
margin-left: 5px;
}
.quizForm tr.headingRow .quiz-question .completion-stage-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-left: 2px;
background-color: white;
border-radius: 8px;
position: relative;
top: -1px;
vertical-align: middle;
}
.quizForm tr.headingRow .quiz-question .completion-stage-icon svg {
width: 16px;
height: 16px;
}
.quizForm tr.headingDescriptionRow td {
font-weight: normal !important;
border-bottom: 1px solid #aaa !important;
}
.quizForm tr.headingDescriptionRow td p:first-child {
margin-top: 5px;
}
.quizForm tr.headingDescriptionRow td p:last-child {
margin-bottom: 5px;
}
.quizForm tr.row.highlight-question,
.quizForm tr.row.alt.highlight-question{
border: 1px solid red;
}
.quizForm tr.row.unanswered,
.quizForm tr.row.alt.unanswered {
border: 1px solid red;
}
.quizForm tr.row.unanswered > td:first-child,
.quizForm tr.row.alt.unanswered > td:first-child {
background-color: red;
}
.quizForm table.range-answer td {
text-align: center;
padding: 3px 10px !important;
}
.quizForm table.range-answer td label {
display: block;
margin-bottom: 5px;
}
.quizForm td .comments {
padding-left: 12px;
}
.quizForm td .comments label {
display: block;
margin: 2px;
margin-top: 5px;
}
.quizForm td .additional-date {
margin-left: 13px;
margin-top: 5px;
}
.quizForm table.radio-list td input {
float: left;
}
.quizForm table.radio-list td label {
display: block;
padding-left: 24px;
}
.quizForm.steps table.progress {
width: 100%;
}
.quizForm.steps table.progress td {
padding: 5px;
width: 5%;
}
.quizForm.steps table.progress td.title {
width: 120px;
color: #888;
font-size: 24px;
padding: 0 !important;
}
.quizForm.steps table.progress td a {
display: inline-block;
width: 100%;
height: 15px;
border: 1px solid #888;
color: transparent;
text-decoration: none;
outline: none;
}
.quizForm.steps table.progress td a.current {
border: 2px solid black;
}
.quizForm.steps table.progress td a.complete {
background-color: limegreen;
}
.quizForm.steps table.progress td a.error {
background-color: red;
}
.quizForm.steps .question-number {
display: block;
padding-top: 10px;
padding-left: 3px;
color: #888;
font-size: 18px;
}
.quizForm.steps .question-number .current {
font-size: 18px;
color: black;
}
.quizForm.steps tr.header {
display: none;
}
.quizForm.steps tr.hidden {
display: none;
}
.quizForm.steps table.dataGrid {
margin-top: 10px;
min-height: 200px;
border-top: 2px solid #888 !important;
border-bottom: 2px solid #888 !important;
}
.quizForm.steps table.dataGrid tr.row {
border: none;
}
/*.quizForm.steps table.dataGrid tr.row.alt {
background-color: transparent;
}*/
.quizForm.steps td {
padding-top: 10px !important;
padding-bottom: 10px !important;
border: none;
}
.quizForm .message {
clear: both;
}
.quizForm div.tiles.buttons {
margin-top: 10px;
}
.quizForm .tile.size-small .tile-image {
left: 20px !important;
}
.quizForm .tile.size-small .tile-text {
left: 25px !important;
}
.quizForm textarea {
width: calc(100% - 20px);
resize: none;
height: 50px;
}
.quizForm.steps textarea {
height: 180px;
}
.quizForm .comments textarea {
height: 90px;
width: calc(100% - 10px);
margin-left: 0;
}
.quizForm div.tiles.buttons input.tile.cancel {
float: right;
}
.quizForm .no-subject-user {
margin-left: 12px;
display: inline-block;
}
.quizForm .no-subject-user .no-user-selected {
color: #888;
font-weight: bold;
margin-right: 5px;
}
.quizForm .no-subject-user a.select-myself {
color: #888;
text-decoration: underline;
margin-right: 7px;
}
.quizForm a.subject-user {
display: inline-block;
margin-left: 12px;
padding: 0px;
}
.quizForm a.subject-user.no-selection {
color: #888;
padding-right: 20px;
background-image: url('/Images/Icons/add.png');
background-repeat: no-repeat;
background-position: right center;
text-decoration: underline;
margin-left: 2px;
}
.quizForm .subject-user-details {
margin-left: 12px;
}
.quizForm .auto-job-title {
margin-left: 12px;
}
.quizForm .auto-job-title-generate {
margin-left: 12px;
text-decoration: underline;
}
.quizForm .textbox.emailCopyTo {
width: 300px;
}
.quizForm .emailCopyToHelp {
display: block;
color: black;
font-size: 0.9em;
margin-left: 10px;
}
.quizForm .uploadControl,
.quizForm .attachment-link {
margin-left: 12px;
}
#modalRejectForm {
display: none;
}
.modalRejectFormContent {
position: relative;
}
.modalRejectFormContent .reject-editor {
height: 300px;
}
.modalRejectFormContent .reject-label {
margin-bottom: 5px;
}
.modalRejectFormContent .reject-description {
margin-top: 10px;
margin-bottom: 10px;
width: 500px;
}
.modalRejectFormContent .tiles.buttons {
position: absolute;
right: -10px;
bottom: -20px;
margin: 0px;
}
/* Quiz Results */
.quiz-result table {
height: 1px;
}
.quiz-result tr.row {
background-color: white;
}
.quiz-result tr.row.headingRow,
.quiz-result tr.row.headingRow td {
background-color: #888 !important;
}
.quiz-result tr.headingRow .quiz-question {
background-color: #888;
color:white;
position:relative;
/*left:-15px;*/
}
.quiz-result tr.headingRow .quiz-question .heading-title {
background-color: #888;
color:white;
font-size:1.2em;
display:block;
margin-left: -15px;
}
.quiz-result td.scoreRangeColumn {
padding: 0;
width: 80px;
height: 100%;
}
.quiz-result td.scoreRangeColumn span {
display: block;
position: relative;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 3px 6px;
margin-right: 5px;
white-space: nowrap;
}
.quiz-result ul.multiple-answers {
padding-left: 15px;
margin: 0;
}
/* Approval Status */
.approvalStatus .workflowTeamModeHelp {
padding-top: 4px;
float: right;
margin-bottom: 10px;
}
.approvalStatus .revisionHeading {
margin-bottom:10px;
margin-right:10px;
white-space:nowrap;
float:left;
clear:left;
}
.approvalStatus .revisionHeading span {
font-size:1.1em;
font-weight:bold;
}
.approvalStatus .revisionHeading .changeNotes {
position:relative;
left:5px;
top:2px;
}
.approvalStatus .revisionHeading .revisionDates {
display: block;
font-weight: normal;
font-size: 1em;
margin-top: 3px;
}
.approvalStatus .draft {
margin-bottom:10px;
}
.approvalStatus table {
width:100%;
margin-top:10px;
margin-left:-2px;
text-align:left;
border-collapse:collapse;
}
.approvalStatus th {
padding:2px;
border-bottom:1px solid #888;
}
.approvalStatus td {
padding:2px;
height:18px;
}
.approvalStatus input[type=image] {
outline:none;
}
.approvalStatus .linkViewHistory {
font-weight:bold;
vertical-align:middle;
line-height:20px;
display:block;
margin:10px 0;
clear:left;
}
.approvalStatus .linkViewHistory img {
vertical-align:middle;
padding-left:5px;
}
/* Compare Revisions */
.compareRevisions .revisionTitle,
.compareRevisions .revisionTitle span {
font-size:1.1em;
font-weight:bold;
margin-bottom:20px;
}
.compareRevisions .leftColumn {
float: left;
width: 48%;
max-width: 48%;
border-right: solid 1px black;
padding-right: 1%;
overflow:auto;
}
.compareRevisions .leftColumn.no-live {
width: 100%;
max-width: 100%;
border-right: none;
padding-right: 0;
}
.compareRevisions .rightColumn {
float: left;
width: 48%;
max-width: 48%;
padding-left: 1%;
overflow: auto;
}
.compareRevisions .end {
clear:both;
}
/* Approval Page */
.approvalPage .breadcrumbControl {
position:absolute;
left:17px;
top:7px;
}
.approvalPage div.approval {
}
.approvalPage div.approval div.approvalReason {
background-color:#ddd;
padding:5px;
margin-top:-2px;
margin-bottom:7px;
}
.approvalPage div.approval div.approvalReason p:first-child {
margin-top:0;
}
.approvalPage div.approval div.approvalReason p:last-child {
margin-bottom: 0;
}
.approvalPage div.review-instructions {
margin-bottom: 20px;
}
/* Tree View */
.tree {
}
.tree .tree-item {
position:relative;
padding-bottom:3px;
}
.tree .tree-item span.glyphicon {
color:#666;
cursor:pointer;
width:10px;
height:14px;
overflow:hidden;
background-image:url('/Images/Icons/expand.png');
background-repeat:no-repeat;
background-position-y:5px;
display:inline-block;
}
.tree .tree-item span.glyphicon.glyphicon-minus-sign {
background-image:url('/Images/Icons/collapse.png');
}
.tree .tree-subitems {
padding-left:35px;
display:none;
}
.tree .tree-subitem {
}
.tree .tree-item > input[type=checkbox] {
position:relative;
top:1px;
}
.tree .tree-item.part-selected > input[type=checkbox] {
opacity: 0.5;
}
.tree .tree-item.part-selected > input[type=checkbox][disabled] {
opacity:1;
}
.tree .tree-item div.check-style {
display: inline-block;
width: 0;
position:absolute;
z-index:-1;
}
.tree .tree-item.part-selected > div.check-style {
content: " ";
display: inline-block;
height: 12px;
width: 12px;
background: #444;
border-radius: 3px;
left: 16px;
top: 4px;
}
/* FAQ Page */
.faqPage .expand-collapse {
text-align:right;
margin-bottom:5px;
}
.faqPage .faqs {
padding-right:20px;
}
.faqPage .faq-heading a {
background-color: #eee;
border-bottom: 1px solid #aaa;
display:block;
width:100%;
padding:14px 10px;
color:#444;
}
.faqPage .faq-heading a img {
vertical-align:middle;
width:14px;
margin-right:8px;
}
.faqPage .faq-heading a:hover {
box-shadow:#888 0px 0px 5px;
color:black;
text-decoration:none;
}
.faqPage .faq-heading a:focus {
border: 1px solid black;
box-shadow:#888 0px 0px 5px;
color:black;
}
.faqPage div.faq-content.document {
display: none;
width:100%;
padding: 12px 12px;
background-color:#fafafa;
/*font-size:1.4em;*/
color:black;
}
/* Policy List */
.policyList table.gridView td a {
display: inline-block;
padding: 8px 0px;
vertical-align: middle;
font-size: 12px;
}
.policyList img.doc-thumbnail {
width: 30px;
padding-right: 5px;
}
/* CK Editor */
.ck-editor__editable {
max-height: 500px !important;
}
/* Confirm Password Dialog */
.confirmPasswordDialog { display:none; }
.confirmPasswordDialog input[type=password] { display:inline-block; margin-left:10px; width:200px; }
.confirmPasswordDialog .bottomButtons { display:block; clear:both; text-align:right; margin-top:15px; }
/* Two Factor Auth Dialog */
.twoFactorAuthDialog { display:none; }
.twoFactorAuthDialog input { display:inline-block; margin-left:10px; width:50px; }
.twoFactorAuthDialog .bottomButtons { display:block; clear:both; text-align:right; }
/* Signature Dialog */
.signatureDialog { display:none; }
.signatureDialog .signature {
margin-bottom: 10px;
}
.signatureDialog .signature input[type=text],
.signatureDialog .signature input[type=password],
.signatureDialog .signature select
{
width: 350px;
height: 22px;
margin-top: 5px;
display: block;
border: 1px solid #888;
border-radius: 3px;
padding-left: 5px;
background-color: white;
}
.signatureDialog .signature select
{
width: 358px;
height: 28px;
}
/* Editor license text */
span.editor-license {
display: block;
color: lightgray;
font-size: 10px;
margin-top: 2px;
}
/* Upload Control */
.uploadControl {
margin-bottom: 5px;
}
.uploadControl .button {
margin-right: 3px;
}
.uploadDialog {
display: none;
}
.uploadDialog.ui-dialog-content {
display: none;
padding: 0 !important;
height: 150px;
overflow: hidden;
}
.uploadDialog .uploadFrame {
width: 300px;
height: 150px;
overflow: hidden;
border: none;
margin: 0;
padding: 0;
}
body.uploadPage {
padding: 10px;
height: auto;
}
.uploadPage form {
padding: 0;
margin: 0;
}
.uploadPage input[type=file] {
width:280px;
}
.uploadPage .tiles.buttons {
float: right;
margin: 0;
position: relative;
top: 10px;
left: 10px;
}
/* New Policy (and Import) Page*/
.newPolicyPage .alertDialog {
max-width:500px !important;
}
/* Password Strength */
.password-strength-bar {
height: 3px;
}
.password-strength-text {
height: 16px;
line-height: 16px;
margin-left: 3px;
}
/* reCAPTCHA badge */
.grecaptcha-badge {
right: auto !important;
left: 0 !important;
bottom: 30px !important;
width: 70px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}
/* Import Upload Dialog */
.importUpload .alertDialog .dialogContent {
max-height: 400px;
overflow-y: auto;
}
/* Document/Section Import Upload Control */
.importUploadControl {
padding: 5px
}
.importUploadControl tr td:first-child {
width: 150px;
padding-left: 0;
}
.importUploadControl .rowUserLevels td,
.importUploadControl .rowTableHeader td,
.importUploadControl .rowSectionsSingle td,
.importUploadControl .rowPublish td,
.importUploadControl .rowUploadFile td {
padding-top: 20px;
}
.importUploadControl .rowSectionsAuto td,
.importUploadControl .rowSectionsManual td {
padding-left: 25px;
}
.importUploadControl .rowSectionsAuto select {
margin-left: 10px;
}
.importUploadControl .rowUserLevels > td:first-child {
vertical-align: top;
padding-top: 23px;
}
.importUploadControl .rowUserLevels td table.userlevels td {
min-width: 200px;
padding-right: 10px;
padding-bottom: 0px;
padding-top: 0px;
}
.importUploadControl .rowUserLevels td table.userlevels td .checkbox {
white-space: nowrap;
}
/* Email Page */
.emailPage iframe {
margin-left: 10px;
}
.emailPage .ui-dialog {
top: 250px;
}
/* Quiz Results */
.quizResultsControl {
position: relative;
}
.quizResultsControl .table-headings {
position: absolute;
top: -18px;
right: 5px;
}
.quizResultsControl .table-headings span {
display: inline-block;
width: 32px;
text-align: center;
}
.quizResultsControl .completed {
font-weight: bold;
margin-bottom: 0px;
border: 1px solid #ccc;
border-bottom: none;
min-height: 30px;
vertical-align: middle;
clear: right;
}
.quizResultsControl div:last-of-type .completed {
border-bottom: 1px solid #ccc;
}
.quizResultsControl .completed a.expand,
.quizResultsControl .completed a.collapse {
display: inline-block;
padding: 8px;
padding-right: 0;
vertical-align: top;
}
.quizResultsControl .completed .text {
display: inline-block;
cursor: pointer;
padding: 6px 6px;
max-width: calc(100% - 150px);
}
.quizResultsControl .completed .buttons {
float: right;
height: 20px;
padding: 4px;
}
.quizResultsControl .completed .buttons a {
text-decoration: none;
margin-right: 3px;
}
.quizResultsControl .completed .buttons img {
max-height: 20px;
vertical-align: middle;
padding: 0 5px;
}
.quizResultsControl .completed .buttons svg {
width: 18px;
height: 18px;
vertical-align: middle;
padding: 0 5px;
}
.quizResultsControl .completed .buttons a[disabled] img,
.quizResultsControl .completed .buttons a[disabled] svg {
visibility: hidden;
}
.quizResultsControl .completed .buttons input[type=checkbox] {
display: inline-block;
margin: 0 8px;
}
.quizResultsControl .completed .reference-code {
display: inline-block;
margin-left: 22px;
}
.quizResultsControl .rejected {
padding: 7px;
border: 1px solid #ccc;
border-bottom: none;
vertical-align: middle;
}
.quizResultsControl .rejected .rejected-title {
display: inline-block;
color: red;
font-weight: bold;
}
.quizResultsControl .rejected .rejected-reason {
display: inline-block;
}
.quizResultsControl .rejected .rejected-reason > p {
margin: 0;
}
.quizResultsControl .workflow {
padding: 7px;
border: 1px solid #ccc;
border-bottom: none;
vertical-align: middle;
}
.quizResultsControl .workflow .workflow-title {
margin-bottom: 2px;
}
.quizResultsControl .workflow .workflow-step {
height: 18px;
line-height: 18px;
}
.quizResultsControl .workflow .workflow-step .step-name {
display:inline-block;
min-width: 300px;
}
.quizResultsControl .workflow .completion-stage-icon {
float: left;
clear: left;
height: 18px;
vertical-align: middle;
top: 1px;
margin-left: 5px;
}
.quizResultsControl table.dataGrid {
margin-bottom: 10px;
}
.quizResultsControl tr.header td {
font-weight: bold;
white-space: nowrap;
height: 16px !important;
}
.quizResultsControl .numberColumn {
font-weight: bold;
vertical-align: top;
}
.quizResultsControl .questionColumn {
vertical-align: top;
}
.quizResultsControl .answerColumn {
vertical-align: top;
}
.quizResultsControl .answers {
display: none;
position: relative;
top: -1px;
/*margin-bottom: 10px;*/
margin-bottom: -2px;
}
.quizResultsControl div.answers td.question {
min-width: 250px;
}
.quizResultsControl div.answers td.answer {
min-width: 250px;
}
/*.quizResultsControl.printed {
page-break-inside: avoid;
page-break-before: auto;
}*/
.quizResultsControl.printed .answers {
display: block;
}
.quizResultsControl.printed .answers tr:nth-child(odd) td {
background-color: #eee;
}
.quizResultsControl.printed .answers td {
border-right: 1px solid #888;
}
.quizResultsControl.printed .answers .header td {
border-right: none;
padding: 2px;
}
.quizResultsControl.printed div.answers td.question {
min-width: 0;
}
.quizResultsControl.printed div.answers td.answer {
min-width: 0;
}
.quizResultsControl div.answers td.notesColumn {
min-width: 120px;
}
.quizResultsControl.printed .completed .text {
font-weight: normal;
}
.quizResultsControl.printed .completed .buttons {
display: none;
}
.quizResultsControl.printed .completed a.expand {
display: none;
}
.quizResultsControl .completion-stage-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 5px;
background-color: white;
border-radius: 8px;
position: relative;
top: -1px;
}
.quizResultsControl .completion-stage-icon svg {
width: 16px;
height: 16px;
}
/* Create Email Page */
.createEmailPage {
}
.createEmailPage .to-row td {
vertical-align: top;
}
.createEmailPage .sso-filter-row td {
padding-left: 0;
padding-bottom: 5px;
}
.createEmailPage .sso-filter-row td .checkbox {
margin-left: -2px;
margin-right: 10px;
}
.createEmailPage .subject-row td {
padding: 5px 0;
}
.createEmailPage .message-row td {
position: relative;
}
.createEmailPage .disabled-overlay {
display: none;
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
}
.createEmailPage .editScopeControl {
padding: 0;
}
.createEmailPage .editScopeControl .scopeType {
margin-bottom: 10px;
}
.createEmailPage .editScopeControl .scopeType .radio {
font-size: 1em;
}
.createEmailPage .editScopeControl .departments,
.createEmailPage .editScopeControl .users,
.createEmailPage .editScopeControl .group-select {
float: none;
margin-left: 25px;
}
.createEmailPage .editScopeControl .totals {
display: none;
}
.createEmailPage .editScopeControl .userLevels {
display: none;
}
.createEmailPage .to-scope {
position: relative;
}
.createEmailPage .to-scope .user-count {
position: absolute;
right: 20px;
top: 0px;
text-align: center;
}
.createEmailPage .to-scope .user-count .count {
display: block;
font-size: 50px;
}
.createEmailPage .to-scope .user-count .text {
display: block;
}
/* Form Data Page */
.formDataPage .filter {
margin-bottom: 20px;
}
.formDataPage .filter .form,
.formDataPage .filter .user,
.formDataPage .filter .include-terminated,
.formDataPage .filter .subject-user {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.formDataPage .filter .form select,
.formDataPage .filter .user select,
.formDataPage .filter .subject-user select {
display: block;
width: 220px;
margin-top: 2px;
}
.formDataPage .subject-user-filter {
display: inline-block;
}
.formDataPage .filter .date {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.formDataPage .filter .date label {
display: block;
margin-bottom: 2px;
max-width: 95px;
}
.formDataPage .filter .date input {
width: 95px;
}
.formDataPage .filter .question,
.formDataPage .filter .answer {
margin-right: 10px;
margin-bottom: 10px;
}
.formDataPage .filter .question select,
.formDataPage .filter .answer select {
width: 600px;
}
.formDataPage .filter .primaryId select {
display: block;
width: 575px;
margin-left: 25px;
margin-top: 3px;
margin-bottom: 10px;
}
}
.formDataPage .filter div.display-type {
margin-bottom: 10px;
}
.formDataPage .filter .display-type span:first-child {
display: inline-block;
width: 100px;
margin-left: 5px;
}
.formDataPage .filter .display-type span.radio ~ span.radio {
margin-top: 5px;
margin-left: 108px;
display: block;
}
.formDataPage .filter .display-fields {
margin-top: 10px;
margin-bottom: 10px;
}
.formDataPage .filter .display-fields a.select-fields {
display: inline-block;
margin-left: 10px;
text-decoration: underline;
}
.formDataPage .filter .display-fields span:first-child {
display: inline-block;
width: 100px;
}
questionAnswer.Answer .checkbox {
padding-right: 5px;
}
.formDataPage .filter .buttons {
margin-top: 20px;
}
.formDataPage .pager {
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
display: inline-block;
}
.formDataPage .pager a {
padding-top: 5px;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 20px;
text-align: center;
}
.formDataPage .pager a[disabled] {
color: #888;
}
.formDataPage .pager a.first,
.formDataPage .pager a.previous {
border-right: 1px solid #ccc;
}
.formDataPage .pager a.next,
.formDataPage .pager a.last {
border-left: 1px solid #ccc;
}
.formDataPage .pager a.previous,
.formDataPage .pager a.next {
width: 22px;
}
.formDataPage .pager span.from {
padding-left: 5px;
}
.formDataPage .pager span.of {
padding-right: 5px;
}
.formDataPage table.results-table {
border-collapse: collapse;
margin-bottom: 20px;
}
.formDataPage table.results-table th {
border: 1px solid black;
background-color: #ccc;
padding: 2px 5px;
}
.formDataPage table.results-table td {
border: 1px solid black;
padding: 2px 5px;
}
/* Calendar Page */
.calendarPage div.tiles div.title {
float: left;
}
.calendarPage div.tiles div.tile {
float: right;
}
.calendarPage table.calendar {
width: 100%;
border-collapse: collapse;
}
.calendarPage table.calendar tr.monthHeading th {
height: 80px;
text-align: left;
position: relative;
}
.calendarPage table.calendar tr.monthHeading th .month {
position: absolute;
left: 15px;
top: 0px;
}
.calendarPage table.calendar tr.monthHeading th .month span {
font-size: 46px;
font-weight: normal;
color: white;
}
.calendarPage table.calendar tr.monthHeading th .monthButtons {
position: absolute;
left: 17px;
bottom: 4px;
}
.calendarPage table.calendar tr.monthHeading th .monthButtons a {
color: white;
text-decoration: none;
}
.calendarPage table.calendar tr.monthHeading th .monthButtons a svg {
width: 22px;
height: 22px;
margin-right: 4px;
vertical-align: baseline;
}
.calendarPage table.calendar tr.dayHeadings th {
background-color: #888;
color: white;
text-align: center;
padding: 4px;
}
.calendarPage table.calendar td {
margin: 0;
}
.calendarPage table.calendar td.day {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
min-width: 100px;
height: 80px;
vertical-align: top;
padding: 0;
width: 14.3%;
position: relative;
}
.calendarPage table.calendar td.day .dayBackground {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.1;
z-index: -1;
}
.calendarPage table.calendar td.day span.dayOfMonth {
float: left;
display: inline-block;
width: 20px;
text-align: center;
padding-top: 3px;
padding-bottom: 4px;
vertical-align: top;
font-weight: normal;
margin-right: 3px;
margin-bottom: 1px;
}
.calendarPage table.calendar td.day span.thisMonth.weekend {
background-color: #ccc;
color: black;
font-weight: bold;
}
.calendarPage table.calendar td.day span.thisMonth.weekDay {
color: white;
font-weight: bold;
}
.calendarPage table.calendar td.day span.today {
}
.calendarPage table.calendar td.day .events {
width: calc(100%-22px);
height: 100%;
overflow: auto;
}
.calendarPage table.calendar td.day .event {
display: block;
text-align: left;
padding: 2px;
}
.calendarPage table.calendar td.day a.event.green {
color: #40d01e;
}
.calendarPage table.calendar td.day a.event.red {
color: #ff0000;
}
/* Calendar View Event Dialog */
.viewEventDialog {
display: none;
}
.viewEventDialog .bottomButtons .button {
float: right;
}
/* Add Department Dialog */
.addDepartmentDialog {
display: none;
}
.addDepartmentDialog.ui-dialog-content {
padding: 0 30px;
}
/* Edit Scope Control */
.editScopeControl {
display:block;
clear:both;
padding:5px;
position:relative;
}
.editScopeControl .totals {
width:100px;
height:100px;
background-image:url('/Images/Icons/scope-funnel.png');
position:absolute;
top:-10px;
right:90px;
z-index:-1;
}
.editScopeControl .totals #scopeCountChecked {
width: 50px;
text-align: center;
font-size: 1.27em;
position: absolute;
left: 25px;
top: 45px;
}
.editScopeControl .totals #scopeCountTotal {
width: 50px;
text-align: center;
font-size:1.75em;
position: absolute;
left: 25px;
top: 6px;
}
.editScopeControl .totals #scopeLabelChecked {
text-align: right;
position: absolute;
right: -70px;
top: 47px;
}
.editScopeControl .totals #scopeLabelTotal {
text-align: right;
position: absolute;
right: -70px;
top: 10px;
}
.editScopeControl .scopeType {
clear:both;
padding-left:0;
margin-bottom:30px;
}
.editScopeControl .scopeType .radio {
display:block;
margin-bottom:3px;
font-size:1.1em;
}
.editScopeControl .userLevels {
float:left;
width:49%;
}
.editScopeControl .departments,
.editScopeControl .users,
.editScopeControl .group-select {
float: right;
width: 49%;
display:none;
}
.editScopeControl .filterTitle {
font-weight:bold;
padding-bottom:3px;
border-bottom:1px solid #aaa;
margin-bottom:5px;
font-size:1.1em;
}
.editScopeControl .filterTitle .order {
font-weight: normal;
color:red;
padding-left:5px;
}
.editScopeControl .end {
clear:both;
}
.editScopeControl .treeLinks {
margin-bottom:5px;
}
.editScopeControl span.TreeNodeOver {
text-decoration:none;
}
.editScopeControl input[type=checkbox] {
height: 13px;
width: 13px;
padding:0;
margin:0 3px;
}
.editScopeControl input[type=checkbox].partSelected {
opacity: 0.5;
}
.editScopeControl div.checkStyle {
width: 0;
}
.editScopeControl div.checkStyle.partSelected {
content: " ";
display: inline-block;
height: 12px;
width: 12px;
background: #000;
border-radius: 1px;
position: relative;
left:15px;
top:3px;
margin-left:-12px;
}
.editScopeControl div.notInSectionScope label {
color:red;
}
.editScopeControl div.notInAccessScope label {
color:#888;
}
.editScopeControl div.notInGlobalScope label {
color:#888;
}
.editScopeControl div.userExempt label {
color:#888;
}
/* Edit Event Dialog */
.editEventDialog {
display:none;
}
/* Edit Event Control */
.editEventControl {
position: relative;
}
.editEventControl .field {
margin: 5px;
}
.editEventControl .field > label {
display: inline-block;
width: 60px;
height: 20px;
padding-right: 10px;
}
.editEventControl .field .textbox {
width: 200px;
}
.editEventControl .field .textbox.hasDatepicker {
width: 70px;
}
.editEventControl .editScopeControl .scopeType .radio {
font-size: 1em;
}
.editEventControl .editScopeControl .departments,
.editEventControl .editScopeControl .users {
float: none;
width: 100;
}
.editEventControl .editScopeControl .totals {
display: none;
}
.editEventControl .editScopeControl .userLevels {
display: none;
}
.editEventControl .user-count {
/*position: absolute;
right: 20px;
top: 100px;*/
text-align: center;
}
.editEventControl .user-count .count {
display: block;
font-size: 50px;
}
.editEventControl .user-count .text {
display: block;
}
.editEventControl .field.event-name .textbox {
width: calc(100% - 85px);
}
.editEventControl .field.event-detail {
margin-bottom: 20px;
}
.editEventControl .field.event-detail label {
float: left;
}
.editEventControl .field.event-detail .tox.tox-tinymce {
width: calc(100% - 80px);
margin-left: 74px;
}
.editEventControl .field.event-detail .editor-license {
margin-left: 74px;
}
.editEventControl .field.event-frequency {
margin-bottom: 10px;
}
.editEventControl .field.event-frequency .radio label {
display: inline;
}
.editEventControl .field.event-frequency .event-frequency-label {
display: inline-block;
width: 65px;
}
.editEventControl .field.event-scope {
position: relative;
}
.editEventControl .field.event-scope .user-count {
position: absolute;
top: -10px;
left: 470px;
}
.editEventControl .field.event-scope .editScopeControl {
margin-left: 68px;
clear: none;
padding: 0;
}
.editEventControl .field.event-scope .editScopeControl .scopeType {
margin-bottom: 20px;
clear: none;
}
.editEventControl .field.event-scope > span {
float: left;
}
/* Select Folder Dialog */
.selectFolderDialog {
display:none;
}
.selectFolderDialog.ui-dialog-content {
padding: 0px;
overflow: hidden;
}
.selectFolderDialog.ui-dialog-content .foldersContainer {
width: 460px;
height: 300px;
padding: 20px;
overflow-y: auto;
overflow-x: hidden;
}
.selectFolderDialog.ui-dialog-content .tiles.buttons {
position: absolute;
top: 220px;
right: 10px;
}
/* Policy Tabs Control */
.policyTabsControl .basic {
margin-bottom: 5px;
}
.policyTabsControl .custom {
margin-bottom: 5px;
}
.policyTabsControl .custom-options {
margin-left: 20px;
}
.policyTabsControl .custom-options div {
padding-bottom: 3px;
}
.policyTabsControl .custom-options span.help {
color: #888;
vertical-align: text-bottom;
padding-left: 5px;
position: relative;
top: 1px;
}
/* Section Heading Control */
a.section-heading:hover {
text-decoration: none;
}
.section-heading {
display: table;
position: relative;
height: 60px;
margin: 10px 0;
}
.section-heading .section-heading-icon {
position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 10px;
}
.section-heading .section-heading-title {
display: block;
padding-left: 40px;
padding-right: 40px;
}
.section-heading .section-heading-title,
.section-heading .section-heading-title a {
color: #888;
font-size: 32px;
white-space: nowrap;
}
.section-heading .section-heading-subtitle {
display: block;
font-size: 11px;
padding-left: 40px;
padding-right: 40px;
white-space: nowrap;
}
.section-heading .section-heading-expand {
position: absolute;
width: 30px;
height: 30px;
right: 0px;
top: 10px;
color: #888;
}
/* Sent Emails Page */
.emailsSentPage .filter {
margin-bottom: 10px;
}
.emailsSentPage .filter > div {
display: inline-block;
margin-right: 5px;
}
.emailsSentPage .filter .label {
display: block;
}
.emailsSentPage .filter .button {
vertical-align: bottom;
}
.emailsSentPage .filter .note {
padding-left: 10px;
}
/* View Email Dialog */
.viewEmailDialog .status.sent {
color: #1e9c1c;
}
.viewEmailDialog .status.queued {
color: #d8c811;
}
.viewEmailDialog .status.failed {
color: #f91212;
}
.viewEmailDialog .field-body {
margin: 5px 0;
padding: 5px;
border: 1px solid #ccc;
max-width: 580px;
max-height: 400px;
overflow: auto;
}
.viewEmailDialog .bottomButtons {
text-align: right;
}
/* Container for alert content that might get long */
.alert-content {
max-height: 400px;
overflow-y: auto;
}
/* User Profile Page */
.userProfilePage {
position: relative;
}
.userProfilePage .field {
margin: 5px;
}
.userProfilePage .field label {
display: inline-block;
min-width: 50px;
height: 20px;
padding-right: 10px;
white-space: nowrap;
}
.userProfilePage .field .textbox {
width: 200px;
}
.userProfilePage .field .textbox.hasDatepicker {
width: 70px;
}
.userProfilePage #user-tabs-details .field span:first-child {
display: inline-block;
width: 120px;
font-weight: bold;
}
.userProfilePage #user-tabs-outofoffice .notes {
display: block;
margin-bottom: 10px;
margin-left: 5px;
}
/* Out of Office message */
.out-of-office-on {
width: 100%;
background-color: #b6494b;
color: white;
font-size: 16px;
padding: 5px 8px;
margin-bottom: 10px;
cursor: pointer;
}
.homePage .out-of-office-on,
.controlPanel .out-of-office-on {
position: absolute;
left: 0;
top: 0;
}
/* Work In Progress page */
.workInProgressPage .filter {
margin-bottom: 10px;
}
.workInProgressPage .filter > div {
display: inline-block;
margin-right: 10px;
}
.workInProgressPage .filter > div > span {
display: block;
margin-bottom: 3px;
}
.workInProgressPage .filter > div.buttons {
}
.workInProgressPage .results table {
width: 100%;
border: 1px solid #aaa;
border-collapse: collapse;
}
.workInProgressPage .results table th,
.workInProgressPage .results table td {
padding: 3px 4px;
line-height: 20px;
}
.workInProgressPage .results table tr.section-title.backColour th {
color: white !important;
text-align: left;
}
.workInProgressPage .results table tr.section-title.backColour th span {
color: white !important;
}
.workInProgressPage .results table tr.section-column-headings th {
background-color: #888;
color: white;
text-align: left;
}
.workInProgressPage .results table tr.results-row.alt td {
background-color: #eee;
}
.workInProgressPage .results table tr.results-row .last-modified {
width: 100px;
}
.workInProgressPage .results table tr.results-row .editor {
width: 200px;
}
/* Add Department Control */
.addDepartmentControl .welcome-content .use-welcome-content {
display: block;
margin-bottom: 10px;
}
.addDepartmentControl .welcome-content .welcome-content-header {
margin-bottom: 10px;
}
.addDepartmentControl .welcome-content .welcome-content-header > span {
display: block;
margin-bottom: 3px;
}
.addDepartmentControl .welcome-content .welcome-content-footer {
margin-bottom: 10px;
}
.addDepartmentControl .welcome-content .welcome-content-footer > span {
display: block;
margin-bottom: 3px;
}
/* Edit Image Map Page */
.editImageMap {
}
.editImageMap .info {
margin-top: 5px;
}
.editImageMap .image-map-container {
position: relative;
width: 100%;
height: 420px;
overflow: auto;
margin-top: 5px;
background-color: #ccc;
border: solid 1px #ccc;
}
.editImageMap .image-map-container #mapCanvas {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.editImageMap #mapHtml {
width: 540px;
height: 88px;
margin-top: 14px;
resize: none;
}
.editImageMap .tiles.buttons {
float: right;
margin-bottom: 0;
margin-right: -10px;
}
#image-map-link-dialog {
position: relative;
}
#image-map-link-dialog .nav-tree {
height: 250px;
overflow-y: auto;
}
#image-map-link-dialog .tiles.buttons {
position: absolute;
right: 0;
top: 170px;
margin: 0;
}
#image-map-link-dialog .tiles.buttons .tile {
margin-bottom: 0;
}
/* Editor Insert Image Map Dialog */
#image-map-dialog {
padding: 0;
overflow: hidden;
}
#image-map-dialog iframe {
border: none;
width: 100%;
height: 100%;
overflow: auto;
}