/* imports of oldies */

.context-record-menu-panel {
  position: absolute;
  border: 1px solid #96999d;
  background-color: #f7f8fc;
  z-index: 9001;
}
.context-record-menu-panel.bottom-left {
  border-radius: 5px 0px 5px 5px;
}
.context-record-menu-panel.bottom-right {
  border-radius: 0px 5px 5px 5px;
}
.context-record-menu-panel.top-left {
  border-radius: 5px 5px 0px 5px;
}
.context-record-menu-panel.top-right {
  border-radius: 5px 5px 5px 0px;
}
.context-record-menu-panel ul {
  padding: 0;
  margin: 0;
}
.context-record-menu-panel li {
  list-style-type: none;
  display: block;
}
.context-record-menu-panel a {
  text-align: left;
  display: block;
  padding: 8px 50px 8px 15px;
  text-decoration: none;
  color: black;
  font-size: 12px;
  font-weight: normal;
}
.context-record-menu-panel.bluetext a {
  padding: 6px 50px 6px 15px;
  text-decoration: none;
  color: #264d79;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
}
.context-record-menu-panel-blue a {
  color: #264d79 !important;
}
.context-record-menu-panel a:hover {
  background-color: #c9e2f8;
  text-decoration: none;
  color: black;
}
.context-record-menu-panel img {
  text-align: left;
  padding: 6px 120px 6px 12px;
}
.context-record-menu-button {
  background-image: url(/Images/Icons_16x16/cog.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: auto;
  min-width: 16px;
  padding: 0px 3px;
  height: 22px;
  max-width: 70px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px 5px 5px 5px;
}
.context-record-menu-button:hover {
  background-color: #c9e2f8;
}
.context-record-menu-button.bottom-left {
  border-radius: 5px 5px 0px 0px;
}
.context-record-menu-button.bottom-right {
  border-radius: 5px 5px 0px 0px;
}
.context-record-menu-button.top-left {
  border-radius: 0px 0px 5px 5px;
}
.context-record-menu-button.top-right {
  border-radius: 0px 0px 5px 5px;
}
.context-record-menu-button.selected {
  background-color: #c9e2f8;
}
.context-record-menu-panel .separator {
  border-top: 1px solid #96999d;
}
/*
.aui-list {background-color: #fff;}

.aui-list .aui-section-description {font-size:11px; font-weight:normal;}

.aui-list .aui-list-section {border-bottom:1px solid #bbb; margin-bottom:4px; padding-bottom:4px;}
.aui-list .aui-list-section.aui-last {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.aui-list .aui-list-item-link, .aui-list .no-suggestions {text-decoration:none; background-position:5px 3px; background-repeat:no-repeat; padding:0.3em 0.5em; display:block; color:#333333;}

.aui-list .aui-iconised-link {padding-left:25px;}

.aui-list a em {font-weight: bold; font-style:normal;}
.aui-list ul  {margin:0; list-style:none; padding:0;}
.aui-list li.active a {background-color:#3C78B5;color:#fff;}
.aui-list h5 {padding:0.3em 0.5em;}
.aui-list li.aui-checked a {background-image:url(../../../images/icons/ico_option.gif); background-repeat:no-repeat; background-position: 7px 5px;background-attachment:scroll;}
.aui-list li.aui-checked.aui-checking a {background-color:#3C78B5; color:#fff;}

.aui-list-checked {overflow:hidden;}
.aui-list-checked .aui-list-item-link {padding-left:20px;}
.aui-list-checked .aui-list-section .aui-list-item-link {background-position:2px 5px;}
*/

.ui-multiselect {
  height: 26px;
  padding: 2px 0 2px 4px;
  text-align: left;
  background-color: #f6f4f5 !important;
  background-image: none !important;
  border-color: #d8d8d8 !important;
  color: black !important;
  font-weight: normal !important;
  border-radius: 0px !important;
  border-style: solid !important;
  border-width: 1px;
  width: 100% !important;
  font-size: 12px;
}
.ui-multiselect span.ui-icon {
  float: right;
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important;
}
.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px;
}
.ui-multiselect-header ul {
  font-size: 0.9em;
}
.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0;
}
.ui-multiselect-header a {
  text-decoration: none;
}
.ui-multiselect-header a:hover {
  text-decoration: underline;
}
.ui-multiselect-header span.ui-icon {
  float: left;
}
.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}
.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 1000000;
}
.ui-multiselect-checkboxes {
  position: relative/* fixes bug in IE6/7 */;
  overflow-y: auto;
}
.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 1px;
}
.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}
.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
}
/* remove label borders in IE6 because IE6 does not support transparency */

* html .ui-multiselect-checkboxes label {
  border: none;
}
.ui-widget-header-multiselect {
  border: 1px solid #b9bcc1;
  background: #7a9eca;
  color: white;
  font-weight: bold;
}
.ui-multiselect-menu.showLoader {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('/images/white-loader.gif');
}
.ui-multiselect button {
  width: 100% !important;
}
.ui-multiselect-hasfilter ul {
  position: relative;
  top: 2px;
}
.ui-multiselect-filter {
  float: left;
  margin-right: 10px;
  font-size: 11px;
}
.ui-multiselect-filter input {
  width: 100px;
  font-size: 10px;
  margin-left: 5px;
  height: 15px;
  padding: 2px;
  border: 1px solid #292929;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/

* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
/* end clearfix */

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jquery-tools-tooltip {
  position: absolute;
  color: Black;
  display: none;
  background-color: white;
  border: thin solid;
  width: 200px;
  height: auto;
  padding: 5px;
  -moz-box-shadow: 2px 2px 11px #666666;
  -webkit-box-shadow: 2px 2px 11px #666666;
  border-radius: 5px;
  white-space: normal;
  text-align: left;
  font-weight: normal;
}
/* the overlayed element */

.jquery-tools-simple-overlay {
  /* must be initially hidden */
  display: none;
  width: auto;
  max-width: 95%;
  max-height: 95%;
  padding: 0px 0px;
  margin: 0px 0px;
  border-style: none;
  z-index: 300000;
  position: absolute;
}
.jquery-tools-simple-overlay-image {
  /* must be initially hidden */
  display: none;
  max-width: 95%;
  max-height: 95%;
  z-index: 300000;
  position: absolute;
}
/* close button positioned on upper right corner */

.jquery-tools-simple-overlay-close {
  /* must be initially hidden */
  display: none;
  background-image: url("/Styles/images/jquery-tools-overlay-close.png");
  /*float: right;*/
  cursor: pointer;
  height: 35px;
  width: 35px;
  z-index: 300001;
  position: fixed;
  /*margin-top: -30px;*/

}
.jquery-tools-simple-overlay img {
  border-style: none;
}
/*
 * redesigned_grid 
 */

.redesigned_grid {
  border-spacing: 0px;
  font-family: Tahoma, Sans-Serif;
  font-size: 12px;
  text-align: left;
  color: black;
}
.redesigned_grid tr {
  width: 100%;
  height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #cccccc;
}
.redesigned_grid tr.Highlighted:hover {
  background: #c9e2f8;
}
.redesigned_grid td {
  font-family: Tahoma, Sans-Serif;
  font-size: 11px;
  padding: 0 3px 0 3px;
}
.redesigned_grid a,
.redesigned_grid tr td a {
  text-decoration: none;
  color: inherit;
  font-size: 11px;
}
.redesigned_grid a:hover {
  text-decoration: underline;
}
/*
 * redesigned_grid_noscroll
 */

.redesigned_grid_noscroll {
  border-spacing: 0px;
  font-family: Tahoma, Sans-Serif;
  font-size: 12px;
  text-align: left;
  color: black;
}
.redesigned_grid_noscroll tr,
.redesigned_grid_noscroll thead tr {
  width: 100%;
  height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #cccccc;
}
.redesigned_grid_noscroll tr.ClickableRow:hover {
  background: #e3eef8;
}
.redesigned_grid_noscroll tr.Highlighted {
  background: #c9e2f8;
}
.redesigned_grid_noscroll tr.Highlighted:hover {
  background: #c9e2f8;
}
.redesigned_grid_noscroll td {
  font-family: Tahoma, Sans-Serif;
  font-size: 11px;
  padding: 0 3px 0 3px;
}
.redesigned_grid_noscroll a,
.redesigned_grid_noscroll tr td a {
  text-decoration: none;
  color: inherit;
  font-size: 11px;
}
.redesigned_grid_noscroll a:hover {
  text-decoration: underline;
}
.redesigned_grid_noscroll thead {
  position: absolute;
  top: 0px;
  width: 100%;
}
.redesigned_grid_header {
  width: 100%;
  height: 35px;
  font-weight: bold;
  color: black;
  text-align: center;
}
.redesigned_grid_header a:link {
  color: black;
}
.redesigned_grid_header td {
  text-align: left;
}
.redesigned_grid_header th {
  text-align: left;
}
.redesigned_grid_header_centered td {
  text-align: center !important;
}
.description_cell {
  min-width: 500px;
}
.selectedRow {
  border: 1px solid #7b93ab !important;
  background-color: #c9e2f8;
  height: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.hiddenColumn input {
  display: none;
}
.hiddenColumn {
  width: 1%;
}
.redesigned_grid_border {
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background-color: white;
}
.dragtable-drag-handle {
  cursor: move;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background-image: url(/Images/Icons_16x16/drag-zone.png);
  visibility: hidden;
  float: left;
}
.redesigned_grid_hader_text {
  display: inline-flex;
}
th:hover .dragtable-drag-handle {
  visibility: visible;
}
/*
 * gets wrapped around placeholder table
 */

.dragtable-drag-wrapper {
  position: absolute;
  z-index: 1000;
  background-color: #f7f8fc;
  cursor: move;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/*
  * this gets applied to the table copy of the col that we are dragging 
  */

/*
	placeholder is just a name for the real table col
*/

.dragtable-col-placeholder {
  border-left: 1px dotted black;
  border-right: 1px dotted black;
  color: #efefef;
  background: #efefef !important;
  visibility: visible !important;
}
table .dragtable-col-placeholder:first {
  border-top: 1px dotted black;
}
.dragtable-col-placeholder * {
  opacity: 0.0;
  visibility: hidden;
}
.customize-columns-button {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 8px;
}
.customize-columns-multicheckbox {
  padding: 7px 9px;
  line-height: 1.1em;
}
.customize-columns-panel {
  position: absolute;
  background-color: white;
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid gray;
  min-width: 200px;
  z-index: 6;
  padding: 2px;
  margin-bottom: 40px;
}
.customize-columns-panel table {
  margin-bottom: 1px;
  text-align: left;
  border-collapse: collapse;
}
.customize-columns-button-container {
  text-align: right;
}
.customize-columns-button-container > input {
  margin: 0.5em;
}
ul.button-top-nav {
  list-style: none;
  padding: 0;
  margin-top: 0px;
  margin-left: 2px;
  text-align: left;
  cursor: default;
  outline: 0!important;
  font-size: 14px;
}
ul.button-top-nav > li {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  float: left;
  background: #3faec9;
  border-radius: 8px;
  color: white;
  border: 0;
  width: 100%;
  height: 26px;
}
ul.button-top-nav li a {
  padding: 1px 10px 1px 10px;
  color: white;
  display: block;
  float: left;
  text-decoration: none;
  line-height: 24px;
}
ul.button-top-nav li a.full-size {
  padding: 0;
  width: 100%;
  text-align: center;
  line-height: 26px;
}
ul.button-top-nav li a:hover {
  text-decoration: none;
}
ul.button-top-nav li:hover {
  text-decoration: none;
}
ul.button-sub-nav li a {
  padding: 4px 5px;
  text-align: left;
  text-shadow: none;
  color: black;
  line-height: 26px;
  font-size: 12px;
}
ul.button-top-nav li span {
  /*--Drop down trigger styles--*/
  width: 17px;
  height: 26px;
  float: left;
  padding-left: 5px;
  border-left: 1px dotted white;
  background: url(/images/dd_arrow_white.png) no-repeat center;
}
ul.button-top-nav li span.subhover {
  background: url(/images/dd_arrow_black.png) no-repeat center;
  border-left: 1px dotted gray;
}
ul.button-top-nav li ul.button-sub-nav {
  list-style: none;
  position: absolute;
  /*--Important - Keeps button-sub-nav from affecting main navigation flow--*/
  left: 0;
  top: 22px;
  background: white;
  margin: 0;
  padding: 0;
  display: none;
  float: left;
  z-index: 9001;
}
ul.button-top-nav li ul.button-sub-nav li {
  margin: 0;
  padding: 0;
  clear: both;
  border: none;
}
ul.button-top-nav li ul.button-sub-nav li a {
  float: left;
  background: white;
  padding-left: 10px;
  box-sizing: border-box;
  width: 100%;
}
ul.button-sub-nav {
  border: 1px solid #385781;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
ul.button-top-nav li ul.button-sub-nav li a:hover {
  /*--Hover effect for button-sub-nav links--*/
  text-decoration: none;
  background-color: #3faec9;
  color: white;
}
.ui-autocomplete {
  max-height: 200px;
  max-width: 392px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  padding-right: 20px;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/

* html .ui-autocomplete {
  height: 200px;
}
.ui-autocomplete-input {
  width: 100%;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ui-autocomplete .ui-menu-item {
  font-family: Tahoma;
  font-size: 11px;
}
.ui-autocomplete-loading {
  background: #f6f4f5 url('/Styles/images/ui-anim_basic_16x16.gif') right center no-repeat !important;
}
.AsyncAutoLookup_outer {
  min-width: 145px;
}
.AsyncAutoLookup_outer_noborder {
  border: none;
  min-width: 145px;
}
.AsyncAutoLookup_table {
  width: 100%;
  height: 26px;
  margin: 0px;
  padding: 0px;
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
  border: solid 1px #d8d8d8;
}
.AsyncAutoLookup_table tr,
.AsyncAutoLookup_table td {
  margin: 0px;
  padding: 0px;
  border: none;
  height: 18px;
}
.AsyncAutoLookup_label {
  padding-left: 3px;
  background-color: #f6f4f5;
  font-size: 12px;
}
.AsyncAutoLookup_label input {
  font-size: 12px;
  font: -webkit-small-control;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  height: 20px;
}
.AsyncAutoLookup_button {
  width: 18px;
  text-align: center;
  background-color: #f6f4f5;
}
.AsyncAutoLookup_label span {
  color: black;
  padding: 0 5px;
}
.left-floating-blocker-panel {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  background-color: white;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 9001;
}
.left-floating-button-panel {
  display: block;
  position: fixed;
  left: 0;
  top: 410px;
  width: 25px;
  height: 100px;
  background: #3faec9;
  color: white;
  border-radius: 0 5px 5px 0;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  z-index: 9002;
  text-decoration: none;
}
.left-floating-button-panel:hover,
.left-floating-button-panel:focus,
.left-floating-button-panel:active {
  text-decoration: none;
  background: #79c6d9;
  color: white;
}
.left-floating-button {
  display: block;
  -webkit-transform: rotate(90deg);
  -moz-transform-origin: 10px 10px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  position: fixed;
  line-height: 20px;
  text-align: center;
  color: white;
  font-weight: normal;
  width: auto;
  height: 0px;
  margin-top: 45px;
}
.left-floating-panel {
  z-index: 9002;
  position: fixed;
  left: 25px;
  top: 50%;
  max-width: 50%;
}
.left-floating-panel-top {
  margin-top: -270px;
}
.bulk-menu-panel {
  position: fixed;
  border: 1px solid #d8d8d8;
  background-color: white;
  z-index: 1;
  left: 5%;
  bottom: 30px;
  width: 90%;
  height: 32px;
  border-radius: 5px;
  box-shadow: 0 0 60px #a8a8a8;
}
.bulk-menu-panel img {
  text-align: left;
  margin: 0 8px;
  float: left;
}
.bulk-menu-panel ul {
  padding: 0;
  margin: 0;
}
.bulk-menu-panel li {
  list-style-type: none;
  display: inline;
  line-height: 32px;
  vertical-align: middle;
}
.bulk-menu-panel a {
  text-align: left;
  padding: 8px;
  text-decoration: none;
  color: black;
  font-weight: bold;
  font-size: 12px;
  font-weight: normal;
}
.bulk-menu-panel a:hover {
  background-color: #c9e2f8;
  text-decoration: none;
  color: black;
}
.bulk-menu-panel a img {
  float: none;
  display: inline;
  vertical-align: text-top;
}
.bulk-menu-panel .separator {
  border-top: 1px solid #96999d;
}
.dialog-pager {
  border: 1px solid #d8d8d8;
  background-color: #f7f8fc;
  height: 40px;
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  line-height: 31px;
}
.dialog-pager a img {
  vertical-align: middle;
}
.dialog-pager div {
  padding: 5px;
}
.dialog-pager span {
  text-align: left;
}
.dialog-pager span.selected {
  display: inline;
  padding: 6px;
  background-color: #bdd2ec;
  border-radius: 4px;
  margin: 2px;
}
.dialog-pager .page-number {
  position: absolute;
  left: 30px;
  top: 2px;
}
.dialog-pager .page-numbers {
  position: absolute;
  right: 30px;
}
.dialog-pager .page-numbers a:not(.btn) {
  padding: 5px;
  border-radius: 4px;
  margin: 2px;
  border: 1px dotted #bdd2ec;
}
.dialog-pager .next-button-position {
  top: -3px;
}
.dialog-pager .page-numbers a {
  cursor: pointer;
}
.bread-crumbs {
  padding-left: 5px;
  border: 1px solid #d8d8d8;
  background-color: white;
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.bread-crumbs a {
  text-decoration: underline;
  color: #3faec9;
}
.bread-crumbs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: initial;
  line-height: 28px;
}
.bread-crumbs li {
  margin-right: 5px;
  display: inline;
  height: 28px;
  line-height: 28px;
}
.bread-crumbs span {
  color: #3faec9;
}
.bread-crumbs a:hover {
  color: #3faec9;
}
.bread-crumbs li.devider {
  display: inline-block;
  background-image: url(/DocumentModule/Content/Devider.png);
  width: 9px;
  height: 9px;
  margin-top: 9px;
}
/*Header structure*/

#header-container {
  width: 100%;
  min-width: 960px;
  background: white;
}
/*Top part*/

#header-container-top {
  width: 100%;
  height: 85px;
  text-align: center;
}
#header-left-logo {
  width: 25%;
  float: left;
  max-width: 214px;
}
#header-reminder-container {
  width: 50%;
  text-align: center;
  min-width: 532px;
}
.header-top-item {
  height: 100%;
  display: inline-block;
}
.header-bulletins-container {
  float: left;
  width: 264px;
  position: absolute;
}
.header-reminders-container {
  float: left;
  width: 265px;
  height: 50px;
  position: absolute;
  margin-left: 265px;
}
.bulletins-reminders-header {
  height: 18px;
  width: 100%;
  text-align: left;
  line-height: 18px;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#header-right-logo {
  width: 25%;
  max-width: 214px;
}
.header-logo {
  max-height: 65px;
  padding: 10px;
}
/*Bottom part*/

#header-container-bottom {
  width: 100%;
  height: 30px;
}
.navbar {
  height: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  overflow: hidden;
  padding: 0 10px;
}
.navbar li,
.navbar a {
  display: block;
}
.navbar li {
  list-style-type: none;
}
.navbar > li {
  height: 30px;
  float: left;
}
.navbar > li:first-child {
  margin-left: 0;
}
.js .navbar {
  height: 1.5em;
}
.flexMenu-popup {
  padding: 0;
  margin: 0;
  z-index: 10000;
  height: auto !important;
  border: none !important;
  border-radius: 0 !important;
}
.flexMenu-viewMore > a {
  text-decoration: none;
  text-align: center;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 2px;
  padding: 5px 12px 0 12px;
  white-space: nowrap;
}
.flexMenu-popup > li {
  width: 100%;
}
.flexMenu-popup > li > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: auto!important;
}
.flexMenu-popup > li > div {
  height: auto!important;
}
.flexMenu-popup > li > a,
.flexMenu-popup > li {
  display: block;
  margin-top: 0px;
}
.flexMenu-popup > li > a:hover {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.touch .navbar {
  font-size: 1.5em;
}
.lt-ie8 .flexMenu-popup {
  margin-top: -1px;
}
.header-tools-container {
  width: 260px;
  height: 30px;
  float: right;
}
.header-menu {
  height: 30px;
  margin-right: 260px;
  position: absolute;
}
#help-button > a > div {
  margin-top: 5px;
}
#help-button {
  width: 26px;
  height: 26px ;
  box-sizing: border-box;
  text-align: center;
  float: right;
  margin: 2px 20px 0px 2px;
  border-radius: 6px !important;
}
.menu {
  width: 100%;
  height: 30px;
  background: black;
}
.login {
  width: 26px;
  height: 26px;
  float: right;
  padding-top: 5px;
  box-sizing: border-box;
  text-align: center;
  margin: 2px;
  border-radius: 6px;
}
.login img {
  border: none;
}
#login-form {
  display: none;
  position: absolute;
  z-index: 9001;
  top: 150px;
  right: 0;
  margin-top: -16px;
  background: white;
  border: 1px solid darkgray;
  border-radius: 10px;
  padding: 10px;
  margin-right: 15px;
  box-sizing: border-box;
}
#environment-form {
  display: none;
  position: fixed;
  z-index: 9001;
  top: 150px;
  right: 0;
  margin-top: -16px;
  background: white;
  border: 1px solid darkgray;
  border-radius: 10px;
  padding: 10px;
  margin-right: 215px;
  box-sizing: border-box;
}
#triangle {
  display: none;
  position: absolute;
  z-index: 9990;
  margin-top: -25px;
  top: 150px;
  right: 0;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  float: right;
  margin-right: 45px;
}
#triangle2 {
  display: none;
  position: fixed;
  z-index: 9990;
  margin-top: -25px;
  top: 150px;
  right: 0;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid darkgray;
  float: right;
  margin-right: 295px;
}
#small-triangle2 {
  display: none;
  position: fixed;
  z-index: 9990;
  margin-top: -24px;
  top: 150px;
  right: 0;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  float: right;
  margin-right: 295px;
}
.login-form-content .left-panel {
  width: 98px;
  float: left;
}
.login-form-content .right-panel {
  width: 168px;
  float: left;
  margin-left: 1em;
}
.right-panel strong {
  text-decoration: none;
  color: black;
  font-size: 10pt;
}
.login-form-content .logout-button {
  align-items: flex-start;
  background-color: #0f2557;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-color: transparent;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 20px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 4px 10px 4px 10px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}
.logout-button a {
  text-decoration: none;
}
.logout-button :hover {
  background-color: #5555bd;
}
.hr-divider {
  background-color: lightgray;
  border: none;
  display: block;
  height: 1px;
  line-height: 20px;
  list-style-type: none;
  margin-bottom: 10px;
}
.HeaderButton {
  display: block;
  line-height: 26px;
  margin-top: 2px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 9pt;
  padding: 2px 12px 0 12px;
  white-space: nowrap;
  vertical-align: bottom;
}
.HeaderButton:hover {
  text-decoration: none;
  cursor: pointer;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #00007b;
}
.HeaderButtonSelected {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.pnl_content {
  width: 100%;
  text-align: left;
  height: 32px;
}
.pnl_single {
  width: 280px;
  position: relative;
  text-align: center;
  border: 1px solid #484079;
  border-radius: 6px;
  margin: 17px auto;
  height: 50px;
}
.pnl_single .header-bulletins-container {
  width: 100%;
  border: none !important;
}
.pnl_double {
  width: 530px;
  text-align: center;
  border: 1px solid #484079;
  border-radius: 6px;
  margin: 17px auto;
  height: 50px;
}
.pnl_double .header-bulletins-container {
  border-right: 1px solid #484079;
}
.header-big-button {
  color: #3c78b5;
  text-decoration: none;
  font-weight: bold;
  font-size: 10pt;
  font-family: Tahoma;
}
.header-big-button:hover {
  text-decoration: underline;
}
#timeout {
  width: 116px;
}
.timeout-text {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#timeout-wrapper {
  width: 65px;
  height: 10px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid white;
  border-radius: 5px;
  background: #333366;
}
#timeout-timer {
  height: 100%;
  float: left;
  background: #cc0000;
  border-radius: 5px;
}
.custom-dashboard .column {
  width: 33%;
  float: left;
  padding-bottom: 100px;
}
.custom-dashboard .column:last-child {
  margin-right: 0;
}
.custom-dashboard .ui-sortable-placeholder {
  border: 1px dotted black !important;
  visibility: visible !important;
  height: 50px !important;
}
.custom-dashboard .ui-sortable-placeholder * {
  visibility: hidden;
}
.custom-dashboard .widget-header {
  display: block;
  float: left;
  height: 100%;
}
.workflow-dashboard-filter .btn {
  font: 400 14px/24px 'BPreplay', Arial, sans-serif;
}
.custom-dashboard .popup-data-list {
  width: 100% !important;
}
.custom-dashboard .popup-data-list dt {
  width: auto !important;
  min-width: 30% !important;
}
.custom-dashboard .popup-data-list dd {
  width: 80% !important;
}
.custom-dashboard .popup-data-list input[type="text"],
.custom-dashboard .popup-data-list select {
  width: 100%;
}
.custom-dashboard .main-filter-panel {
  border: 2px solid #b9bcc1;
  border-radius: 10px;
  background-color: #bdd2ec;
}
.custom-dashboard .forLicenceCheckbox {
  margin-left: 20px;
}
.custom-dashboard .ui-widget-content {
  border: none;
  background: none;
  color: inherit;
}
.custom-dashboard .portlet {
  padding-right: 10px;
  padding-top: 10px;
}
.custom-dashboard .column:last-child > .portlet {
  padding-right: 0;
}
.custom-dashboard .column > .portlet:first-child {
  padding-top: 0;
}
.custom-dashboard .ui-slider {
  border: 1px solid #dddddd;
}
.document-list-folders-panel {
  width: 200px;
  /*height: 100%;*/
  float: left;
  display: none;
  position: absolute;
}
.document-list-folders-panel > #multi-derevo {
  margin: 0;
  background: white;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 10px;
  overflow-y: auto;
  max-height: 600px;
}
.competence-dashboard-categories-panel {
  width: 200px;
  height: 100%;
  float: left;
  display: none;
}
#competence-legend {
  margin: 0;
  background: white;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 10px;
  white-space: nowrap;
  overflow: auto;
}
.category-element-container {
  list-style-type: none;
  padding: 5px 0;
}
.category-color-container {
  float: left;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.category-name-container {
  padding-left: 10px;
  line-height: 20px;
  display: inline-block;
}
#competence-legend .marker {
  height: 9px;
  width: 9px;
  background-image: url('/PerformAudit/marker.png');
  margin: 3.5px 8px 0 0;
  float: left;
  display: block;
  cursor: pointer;
}
#competence-legend .marker.open {
  background-image: url('/PerformAudit/markeropen.png');
}
#competence-legend .marker.hide {
  background-image: none;
  cursor: default;
}
.text-toggle:before {
  content: '+ ';
}
.text-toggle.floating-panel-active:before {
  content: '- ';
}
.floating-panel-link {
  display: block;
  position: absolute;
  left: 0;
  top: 300px;
  width: 25px;
  height: 100px;
  background-color: #3faec9;
  border-radius: 0 5px 5px 0;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  z-index: 9002;
}
.floating-panel-link:hover {
  text-decoration: none;
}
.floating-panel-link-title {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701961596905e-16, M12=-1, M21=1, M22=-1.8369701961596905e-16, SizingMethod='auto expand')";
  -webkit-transform: rotate(90deg);
  -moz-transform-origin: 10px 10px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -ms-transform-origin: 10px 10px;
  -o-transform-origin: 10px 10px;
  -webkit-transform-origin: 10px 10px;
  transform-origin: 10px 10px;
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 100px;
  line-height: normal;
  text-align: center;
  color: white;
}
#foldersLink {
  text-decoration: none;
}
#multi-derevo {
  overflow: auto;
}
.widget-heatmap {
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 20px;
}
.widget-heatmap-up {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAONJREFUOE9j+P//PwMlGKz5pEY2VvzA3/4/CKPLI1uI0wCQxu9bQsEYnyFYDQBp+LouBAWjGwJzBYYBIIVfVgZjxciGYDUApODTwkAEnh/w/xMII4nBDMEwACTxYbY/Kp4J5IMwmjhILYoBIIH3U/0w8QTf/+9BGIsczBBwGAA5m2FRBqNBGt92+IAxiI0uD9ID0oszFkAaX9d7gTGITXQsgBINSPGbFp//L8s8wBjEJtkAkM3P89zAGMQm2YBXlZ7/n6W5gDGITbIBL4vc/z+JcwJjEJtkA7CEOjxTYWQmSrIzAKXuXc3lQkTsAAAAAElFTkSuQmCC);
}
.widget-heatmap-down {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAOhJREFUOE9j+P//PwMlGKwZHUhsZvyPDcPUIVuI0wCRCwz/5fczgjGIDTIQ2SKYITgN0LjK8F/nGCMYg9gkG2B9k+G/1VlGMAaxSTbA/y7Df+/LEAxik2xA8kOG/zFAm0EYxMZrAFByM3qolz1j+J/3AIJBbCyxshkcgyACJNn1igEDNwE1gjA2OZAeuAGg6AEJzH3HgIKnvWH4D8Lo4jDNKAbADNn0ieE/DK/7yPAfhJHFYGGBMx2AFBz9zoAVIwckwYR08zfDf2RMUjTCvPMGmM9AGF0zSB6vC2BpHhZ16JkNIzNRkp0BCvfD4Cf7b/YAAAAASUVORK5CYII=);
}
.widget-heatmap-same {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAQBJREFUOE9j+P//PwMlmCLNIIsHgQF67ZcYLKbcZ7Cb8xyMbWc/YzDsuooVg+Rg6kB6QHrBhPnke4xAARBmMOm7idMAkBxIDQgD9UAM0G294AFknDHsuvwfRBOD9SfeBKsF6WVQrjx8ZsKd//8bz/7533Hlz//m8z//1536/r/y6Jf/5fvf/y/e9ep/zvYX/5O2vfwfsu3tf9cdn/6Lr/36X333n/8gvQySOds9JLK2nlEo3vMfRBODZSsPgdWC9DIAGQx8cSsZeGOWgzCjcPI6BtG0jVgxSA6kBoSBehhBesEGgDSzBc6B4KC5OA0AycHUgfSADaAkGQ+SlDjgXgAABvp6EdnmypoAAAAASUVORK5CYII=);
}
.widgetDialog_pageMenu {
  float: left;
  width: 200px;
  height: 100%;
}
.WidgetBubbleRight {
  float: right;
  padding: 7px;
  width: 10px;
  height: 10px;
}
.widgetDialog_pageMenu li {
  list-style-type: none;
  padding: 0 0 0 0;
  min-height: 40px;
  cursor: pointer;
  line-height: 40px;
}
.widgetDialog_pageMenu ul {
  padding: 0 10px 0 0;
  border: none;
}
.selectedFolder {
  background-color: #bbbbbb;
}
.image-container-widget-folder {
  float: left;
  width: 32px;
  margin: 2px 5px 0px 2px;
  height: 32px;
  border: solid 1px gray;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.widget-async-container-loading {
  min-height: 400px;
  background: url(/images/white-loader.gif) no-repeat center;
  margin-top: 10px;
}
.widget-async-container-loading-small {
  min-height: 40px;
  background: white url(/images/Animated-Hourglass.gif) no-repeat center;
}
.image-container {
  float: left;
  width: 96px;
  margin: 2px 5px 0px 2px;
  height: 96px;
  border: solid 1px gray;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#feedback {
  font-size: 1.4em;
}
.selectable .ui-selecting {
  background: #cccccc;
}
.selectable .ui-selected {
  background: #bbbbbb;
}
.selectable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: black;
}
.selectable li {
  margin: 3px;
  padding: 1px;
  float: left;
  width: 250px;
  min-height: 103px;
  max-height: 153px;
}
.selectable img {
  border: 1px solid gray;
  background-color: white;
  margin: 2px 4px 0px 2px;
}
.selectable span {
  color: black;
  font-weight: normal;
}
.filter-border {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #b9bcc1;
}
.main-filter-panel {
  font-weight: normal;
  color: white;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: left;
}
.filter-advanced-button {
  display: block;
  text-decoration: none;
  width: 100%;
  text-align: center;
  background-color: #b9bcc2;
  color: white;
  font-weight: bold;
  cursor: pointer;
  line-height: 1.5em;
}
.filter-advanced-button:hover {
  background-color: #d0d0d0;
  text-decoration: none;
}
.filter-advanced-button:active {
  background-color: #adadad;
}
.filter-rows-panel {
  max-width: 85%;
  text-align: left;
  padding-top: 10px;
  vertical-align: top;
  float: left;
}
.filter-row {
  padding-bottom: 10px;
}
.filter-item {
  min-height: 38px;
  text-align: left;
  display: table-cell;
}
.filter-item .filter-item-control {
  margin-right: 5px;
}
.filter-item .filter-item-label {
  border: none;
  display: block;
  margin-right: 5px;
}
.filter-item .filter-item-label-black {
  border: none;
  font-weight: normal;
  color: black;
  display: block;
  margin-right: 5px;
}
.filter-buttons-panel {
  float: left;
  max-width: 20%;
  margin-top: 20px;
  vertical-align: top;
}
.filter-extra-panel {
  float: left;
  margin-top: 20px;
}
.filter-item-control textarea,
.filter-item-control select,
.filter-item-control input {
  font-size: 12px;
  width: 100%;
}
.filter-item-control input[type=checkbox] {
  width: auto;
}
.filter-item ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.filter-item-control button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
  height: 26px;
  border: 1px solid #d8d8d8 !important;
  margin: 0 !important;
  background-color: white;
  background-image: none;
  color: black;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-top: 3px;
  font-weight: normal;
  padding: 1px;
  font-size: 12px;
}
.filter-item-control button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all span.ui-icon {
  margin-top: -2px;
}
.filter-item-control select {
  height: 26px;
  border: 1px solid #d8d8d8 !important;
}
.filter-item-control .calendar-filter-control input:first-child {
  height: 26px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8d8d8 !important;
}
.filter-item-control .risk-filter-control div {
  height: 26px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.filter-item-control .risk-filter-control input {
  border: none !important;
}
.filter-item-control .risk-filter-control div div {
  height: 16px;
  margin-top: 5px;
}
.filter-item-control .search-filter-control {
  background-image: url(/images/magnifier.png);
  background-position: 0.1em center;
  background-repeat: no-repeat;
  height: 26px;
  text-indent: 17px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8d8d8 !important;
}
.filter-item-control .category-filter-control {
  height: 26px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8d8d8 !important;
}
.filter-item-control .type-filter-control input {
  height: 26px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8d8d8 !important;
}
.filter-item-control .responsible-filter-control input {
  height: 26px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8d8d8 !important;
}
.filter-item-control div:first-child input:first-child {
  height: 26px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
}
.custom-control-drop-down-matrix-main-panel {
  float: left;
  background-color: #f6f4f5;
  border: 1px solid #d8d8d8 !important;
}
.custom-control-drop-down-matrix-main-panel-risk-assessment {
  float: left;
}
.custom-control-drop-down-matrix-input {
  /*background-image: url(../images/risk-matrix-icon.png);*/
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  white-space: nowrap;
  line-height: 100%;
  background-color: White;
  border-width: 0 !important;
  border-style: None;
  font-weight: bold;
  font-size: 8pt;
  font-family: tahoma, sans-serif;
  color: #0d0b70;
  float: left;
}
.custom-control-drop-down-matrix-table-panel {
  /*display: none;*/
  z-index: 199104 !important;
}
.custom-control-drop-down-matrix-hide-body-scroll {
  overflow: hidden !important;
}
.custom-control-drop-down-matrix-hide-page-scroll {
  overflow-y: initial !important;
}
.custom-control-drop-down-matrix-risk-table {
  font-family: tahoma, sans-serif;
  background-color: white;
  color: #0d0b70;
  padding: 0px;
  margin: 0px;
  background: #e7e7ff;
  width: 520px;
  font-weight: bold;
  font-size: 8pt;
  border: 1px solid #3f3f3f;
  border-collapse: separate;
  border-spacing: 1px;
  line-height: normal;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
table.custom-control-drop-down-matrix-risk-table tbody tr {
  height: 22px;
}
table.custom-control-drop-down-matrix-risk-table tbody tr td {
  border: 1px solid #3f3f3f;
  height: 12px;
  cursor: hand;
}
.custom-controls-risk-matrix-table-inner-div {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.custom-controls-risk-matrix-table-inner-div:hover {
  overflow: auto;
}
.cell-value {
  cursor: pointer;
  font-weight: normal;
  font-size: 7pt;
}
.custom-control-drop-down-matrix-guidance-doc-icon {
  left: 200px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  width: 17px;
  margin-left: 2px;
  height: 17px;
  border-style: none;
  background-repeat: no-repeat;
  background-image: url(/Styles/images/information-icon.gif);
}
/*---------------- Cells with Risks -----------------*/

.Low {
  color: #218c22;
}
td.Low {
  background: #218c22;
}
td.Low:hover {
  color: #00b503;
  background-color: #00b503;
}
.Moderate {
  color: #7bfe00;
}
td.Moderate {
  background: #7bfe00;
}
td.Moderate:hover {
  color: #dbffba;
  background-color: #dbffba;
}
.Significant {
  color: #fea57b;
}
td.Significant {
  background: #fea57b;
}
td.Significant:hover {
  color: #ffd8c6;
  background-color: #ffd8c6;
}
.High {
  color: red;
}
td.High {
  background: red;
}
td.High:hover {
  color: #ff7979;
  background-color: #ff7979;
}
.matrix-widget-table,
.matrix-table-dashboard {
  font-family: tahoma, sans-serif;
  color: white;
  padding: 0px;
  margin: 0px;
  border: none;
  border-collapse: collapse;
  border-spacing: 1px;
  line-height: normal;
  text-align: center;
  width: 100%;
}
.matrix-widget-table tr,
.matrix-table-dashboard tr {
  height: 34px;
}
.matrix-widget-table td,
.matrix-table-dashboard td {
  border: 1px solid white;
}
/*.matrix-widget-table
{
	width: 520px;
}*/

.matrix-table-dashboard {
  width: 460px;
}
.topNavigationButtonSelectedRisk {
  font-size: 8pt;
  font-weight: bold;
  font-family: Tahoma;
  color: White;
  webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-shadow: 0px -1px 0px #606060;
  background-color: #7a9eca;
  height: 25px;
  margin: 0;
  margin-left: 1px;
}
.topNavigationButtonRisk {
  font-size: 8pt;
  font-weight: bold;
  font-family: Tahoma;
  color: White;
  webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-shadow: 0px -1px 0px #606060;
  background-color: #9a9a9a;
  height: 25px;
  margin-left: 1px;
}
.matrix-widget-table-img {
  float: left;
  padding: 0px;
  margin: 0px;
  border: none;
  border-collapse: collapse;
  border-spacing: 1px;
  line-height: normal;
  text-align: center;
}
.matrix-widget-table-div {
  margin-left: 30px;
  border: 1px solid gray;
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #7a9eca;
  padding: 1px;
}
.matrix-widget-table-td-without-bottom-border {
  border-bottom: none !important;
}
.matrix-widget-table-td-without-top-border {
  border-top: none !important;
}
.matrix-widget-table-td-without-left-border {
  border-left: none !important;
}
.matrix-widget-table-td-without-right-border {
  border-right: none !important;
}
.matrix-widget-buttons-div {
  position: relative;
  top: 1px;
}
.custom-control-table-matrix-mainDiv {
  display: inline-block;
  white-space: nowrap;
  line-height: 100%;
  background-color: White;
  border-width: 0px;
  border-style: None;
  font-weight: bold;
  font-size: 8pt;
  font-family: tahoma, sans-serif;
  color: #0d0b70;
  float: left;
  border: none;
  height: 16px;
  width: 60px;
}
.custom-control-table-matrix-subDiv {
  display: inline-block;
  border-width: 0px;
  border-style: None;
  border: none;
  width: 25% !important;
  text-align: center;
  height: 16px;
}
.custom-control-table-matrix-drop-down-div {
  float: left;
  width: 60px;
}
.custom-control-table-matrix-drop-down-div select {
  height: 16px;
  max-width: 100px;
  font-size: 11px;
  margin: 0px;
  border: none;
  width: 60px;
}
.risk-filter-control {
  height: 24px;
}
.risk-filter-control div:first-child {
  border: none;
}
.custom-control-drop-down-matrix-main-panel input {
  background: none;
}
.vertical-scroll-expander {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}
.horizontal-scroll-expander {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
}
.horizontal-scroller {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  overflow-y: hidden;
  overflow-x: auto;
}
.competence-dashboard-main-grid-container {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 500px;
  position: relative;
}
.competence-dashboard-main-grid-horizontal-container {
  overflow-x: scroll;
  overflow-y: scroll;
  width: 500px;
  position: relative;
}
.loading .competence-dashboard-main-grid-container {
  background: url(/images/white-loader.gif) no-repeat center;
}
.competence-dashboard-main-grid-container div.cd_row,
.competence-dashboard-main-grid-horizontal-container div.cd_row {
  position: absolute;
  height: 29px;
  left: 0px;
  width: 100%;
}
.competence-dashboard-main-grid-container canvas.clickable {
  cursor: pointer;
}
.competence-dashboard-main-grid-container div.cell {
  position: absolute;
  height: 28px;
  line-height: 28px;
  width: 41px;
  border-bottom: #d8d8d8 solid 1px;
  border-right: #d8d8d8 solid 1px;
  font-weight: bold;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.competence-dashboard-main-grid-container div.cell:hover,
.competence-dashboard-main-grid-container div.cell.selected {
  border: #79c6d9 solid 2px;
  height: 24px;
  line-height: 24px;
  width: 37px;
}
.competence-dashboard-main-grid-container div.cell.highlighted {
  background-color: #eaf5f7;
}
.competence-dashboard-main-grid-horizontal-container div.cell {
  position: absolute;
  height: 29px;
  width: 80px;
  border-bottom: #dedede solid 1px;
  border-right: #dedede solid 1px;
}
.competence-dashboard-main-grid-horizontal-container div.cell span,
.competence-dashboard-main-grid-horizontal-container div.cell a {
  width: 100%;
  display: block;
  font-weight: bold;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 29px;
}
.competence-dashboard-main-grid-horizontal-container div.cell .context-record-menu-button {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  height: 26px;
  width: 38px;
  background-image: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.competence-dashboard-main-grid-horizontal-container div.cell .context-record-menu-button.selected {
  display: block;
  border: #7a9eca solid 2px;
}
.competence-dashboard-main-grid-horizontal-container div.cell:hover .context-record-menu-button {
  display: block;
  border: #7a9eca solid 2px;
}
.competence-dashboard-main-grid-horizontal-container div.cell:hover {
  background-color: #c9e2f8;
}
.competence-dashboard-left-grid-container {
  overflow: hidden;
  position: relative;
  background-color: white;
  width: 240px;
  border-right: #d8d8d8 solid 1px;
}
.competence-dashboard-left-grid-container div.job-title,
.competence-dashboard-left-grid-container div.user-name {
  position: absolute;
  height: 28px;
  width: 120px;
  border-bottom: #d8d8d8 solid 1px;
  border-right: #d8d8d8 solid 1px;
  text-align: center;
  font-weight: bold;
  line-height: 28px;
  vertical-align: middle;
  overflow: hidden;
}
.competence-dashboard-left-grid-container div.highlighted {
  background-color: #eaf5f7;
}
.competence-dashboard-left-grid-container span,
.competence-dashboard-left-grid-container a {
  display: inline-block;
  line-height: normal;
  color: black;
}
.competence-dashboard-left-grid-container div.job-title {
  left: 0px;
}
.competence-dashboard-left-grid-container div.user-name {
  left: 120px;
}
.competence-dashboard-left-grid-container div.user-name a {
  cursor: pointer;
}
.competence-dashboard-header-grid-horizontal-container {
  position: relative;
  overflow: hidden;
  width: 500px;
  height: 29px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6eef8), to(#bdd2ec));
  background: -moz-linear-gradient(top, #e6eef8, #bdd2ec 70%);
}
.competence-dashboard-header-grid-container {
  position: relative;
  overflow: hidden;
  height: 220px;
  background-color: white;
  border-bottom: #d8d8d8 solid 1px;
}
.competence-dashboard-header-grid-container .cell {
  position: absolute;
  width: 340px;
  height: 29px;
  bottom: -10px;
  border-bottom: #d8d8d8 solid 1px;
  transform: rotate(-45deg);
  transform-origin: 21px 21px;
  -webkit-transform-origin-x: 21px;
  -webkit-transform: rotate(-45deg);
  -moz-transform-origin: 21px 21px;
  -moz-transform: rotate(-45deg);
}
.competence-dashboard-header-grid-container .cell.highlighted {
  background-color: #eaf5f7;
}
.competence-dashboard-header-grid-horizontal-container .cell {
  position: absolute;
  width: 80px;
  height: 29px;
  top: 0px;
  border-right: #adc0d8 solid 1px;
}
.competence-dashboard-header-grid-container .cell a,
.competence-dashboard-header-grid-horizontal-container .cell a {
  color: black;
  text-decoration: none;
  display: block;
  width: 340px;
  height: 29px;
}
.competence-dashboard-header-grid-container .cell a[href]:hover {
  text-decoration: underline;
}
.competence-dashboard-header-grid-container .cell a span {
  display: block;
  width: 293px;
  line-height: 29px;
  height: 29px;
  vertical-align: middle;
  text-align: left;
  padding-left: 25px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.competence-dashboard-header-grid-horizontal-container .header {
  display: block;
  width: 80px;
  height: 29px;
}
.competence-dashboard-header-grid-horizontal-container .header span {
  display: block;
  width: 80px;
  line-height: 29px;
  height: 29px;
  vertical-align: middle;
  text-align: left;
  padding-left: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6eef8), to(#bdd2ec));
  background: -moz-linear-gradient(top, #e6eef8, #bdd2ec 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6eef8, endColorStr=#bdd2ec, GradientType=0);
  font-weight: bold;
  cursor: default;
}
.competence-dashboard-grid-first-cell {
  width: 240px;
  height: 220px;
  font-weight: bold;
  background-color: white;
  border-bottom: #d8d8d8 solid 1px;
  border-right: #d8d8d8 solid 1px;
}
.competence-dashboard-grid-first-cell .key-item {
  margin: 0 5px 1px 0;
  width: 40px;
  display: inline-block;
  text-align: center;
}
.competence-dashboard-grid-first-cell .key-item.colored {
  color: white;
}
.competence-dashboard-grid-horizontal-first-cell {
  width: 240px;
  height: 29px;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6eef8), to(#bdd2ec));
  background: -moz-linear-gradient(top, #e6eef8, #bdd2ec 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6eef8, endColorStr=#bdd2ec, GradientType=0);
  border-bottom: #adc0d8 solid 1px;
  border-right: #adc0d8 solid 1px;
}
.competence-dashboard-pager div {
  padding: 5px;
}
.competence-dashboard-pager span {
  text-align: left;
}
.competence-dashboard-pager a {
  color: black;
  padding: 4px;
  border-radius: 4px;
}
.competence-dashboard-pager a:hover {
  background-color: #bdd2ec;
  text-decoration: none;
}
.competence-dashboard-pager span.selected {
  display: inline;
  padding: 4px;
  background-color: #bdd2ec;
  border-radius: 4px;
}
.workflow-table {
  width: 100%;
  border-collapse: collapse;
  overflow-y: hidden;
  overflow-x: auto;
  display: block;
}
.workflow-table-header-row td {
  padding-left: 15px;
  padding-right: 15px;
}
.workflow-table-header-row input[type=text] {
  width: 35px;
}
.workflow-table-due-date-row td {
  padding-left: 15px;
  padding-right: 15px;
}
.workflow-table-steps-row img {
  vertical-align: middle;
  text-align: center;
}
.workflow-table tr {
  border: 2px solid lightgray;
}
.workflow-table tr td {
  border: 2px solid lightgray;
}
.workflow-table-first-image-block {
  text-align: center;
  padding-right: 16px;
  width: 15%;
}
.workflow-table-last-image-block {
  text-align: center;
  padding-left: 16px;
  width: 15%;
}
.workflow-edit-image {
  position: absolute;
  display: block;
  right: -17px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -16px;
}
.workflow-edit-condition-image {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 16px;
  height: 16px;
  margin-top: -16px;
}
.workflow-step-block {
  background: #8798c6;
  /* for non-css3 browsers */
  /*filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#749CD3')"; /* for IE */
  /*background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#749CD3));*/
  /* for webkit browsers */
  /*background: -moz-linear-gradient(top,  #FFFFFF,  #749CD3);*/
  /* for firefox 3.6+ */
  background-color: #8798c6;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b3bccc;
  margin-right: 3px;
}
.workflow-step-block-responsible {
  padding-left: 5px;
  color: black !important;
  font-size: 12px !important;
}
.green-block {
  background: lime;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, green 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, green));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, green 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, green 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, green 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, green 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#008000', GradientType=0);
  /* IE6-9 */
  background-color: #f7f8fc;
}
.red-block {
  background: red;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #ff4848 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ff4848));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #ff4848 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #ff4848 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #ff4848 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, #ff4848 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff4848', GradientType=0);
  /* IE6-9 */
  background-color: #f7f8fc;
}
.amber-block {
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, orange 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, orange));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, orange 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, orange 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, orange 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, orange 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffa500', GradientType=0);
  /* IE6-9 */

}
.dark-blue-block {
  background: #8181ff;
  /* for non-css3 browsers */
  background: -moz-linear-gradient(top, white 0%, #8181ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #8181ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #8181ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #8181ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #8181ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, #8181ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8181FF', GradientType=0);
  /* IE6-9 */
  background-color: #f7f8fc;
}
.faint-green-block {
  background: #73ff73;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #80ff80 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #80ff80));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #80ff80 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #80ff80 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #80ff80 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, #80ff80 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#80FF80', GradientType=0);
  /* IE6-9 */
  background-color: #f7f8fc;
}
.workflow-draggable-block-line {
  margin-top: 10px;
  margin-bottom: 60px;
}
.workflow-draggable-block-line .workflow-step-block {
  height: 30px;
  width: 30px;
  cursor: move;
  float: left;
  z-index: 2;
}
.workflow-draggable-block-line .workflow-step-block img {
  height: 30px;
  width: 30px;
  cursor: move;
  float: left;
  z-index: 2;
}
.workflow-draggable-block-line span {
  line-height: 30px;
  margin-left: 10px;
}
.workflow-drop-block-active {
  border: none;
}
.workflow-drop-block-hover {
  background-color: #e4eaf1;
  border: 2px solid darkgray;
}
.workflow-step {
  margin: 10px auto;
  padding: 5px;
}
.workflow-step #content-panel {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: underline;
}
.workflow-step #content-panel a {
  font-size: 12px;
  color: black;
}
.workflow-step #delete-button-panel {
  width: 100%;
  text-align: center;
}
.workflow-step img {
  width: 30px;
}
.workflow-step #edit-button-panel {
  width: 100%;
  text-align: center;
  position: relative;
  line-height: 16px;
}
.workflow-step #edit-button-panel input {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.workflow-step #edit-button-panel span {
  /*display: inline-block;*/
  width: 100%;
  text-align: left;
}
.transition-arrow {
  vertical-align: middle;
}
.step-diagram table {
  width: 100%;
}
.step-diagram tr {
  border-bottom: solid 1px #d6d9d3;
  height: 120px;
}
.step-diagram tr.step-diagram-header {
  font-weight: bold;
  height: 50px;
}
.step-diagram .redesigned_grid_header {
  height: auto;
}
.step-diagram .redesigned_grid_header td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.step-diagram .step-name {
  font-size: 16px;
  font-weight: bold;
  color: black;
}
.step-diagram .status-name {
  color: Gray;
}
.transition {
  margin-top: 3px;
}
.transition .transition-name {
  font-size: 13px;
  font-weight: bold;
  color: black;
  display: inline-block;
  background-color: gainsboro;
  padding: 3px;
  border-radius: 4px;
  min-width: 120px;
  text-align: center;
}
.transition .transition-name input {
  float: left;
}
.transition .transition-step-name {
  color: Gray;
}
.transition .transition-step-arrow {
  color: Gray;
}
.transition .transition-condition {
  color: Gray;
  margin-left: 28px;
  margin-right: 28px;
  margin-bottom: 15px;
}
.highlight {
  background-color: #ffffdd;
  border-radius: 2px;
}
.step-list .transition .transition-condition {
  visibility: hidden;
  margin-bottom: 0px;
}
.step-list .highlight .transition-condition {
  visibility: visible;
}
.navigation-panel .step-name {
  font-size: 20px;
  font-weight: bold;
}
.navigation-panel .operation-name {
  font-size: 20px;
  font-weight: bold;
}
.navigation-panel .transition-name {
  font-size: 20px;
  font-weight: bold;
}
.edit-step-button {
  text-align: right;
}
.edit-transition-button {
  text-align: right;
}
.operation {
  display: inline-block;
  margin-top: 8px;
  width: 300px;
  vertical-align: top;
}
.operation-name {
  font-size: 14px;
  font-weight: bold;
  color: #264d79;
}
.disabled .operation-name {
  color: Gray;
}
.operation-condition-wrapper {
  background-image: url(/images/UserAssigned.gif);
  background-repeat: no-repeat;
  margin-left: 25px;
  min-height: 20px;
}
.operation-condition {
  margin-left: 30px;
  color: Gray;
}
.operation-condition a {
  color: Gray;
  font-size: 13px;
}
.disabled .operation-condition {
  color: #b0b0b0;
}
.disabled .operation-condition a {
  color: #b0b0b0;
  text-decoration: none;
}
.operation-notification-wrapper {
  min-height: 20px;
}
.operation-notification {
  color: Gray;
  width: 90%;
  padding-top: 3px;
}
.operation-notification-menu {
  float: left;
  width: 25px;
  padding-top: 3px;
}
.operation-notification a {
  color: Gray;
  font-size: 13px;
}
.disabled .operation-notification {
  color: #b0b0b0;
}
.disabled .operation-notification a {
  color: #b0b0b0;
  text-decoration: none;
}
.transition-diagram {
  text-align: center;
}
.transition-diagram .transition-name {
  font-size: 16px;
  font-weight: bold;
  color: black;
  display: inline-block;
  background-color: gainsboro;
  padding: 3px;
  border-radius: 4px;
  min-width: 120px;
  text-align: center;
  text-decoration: none;
}
.transition-diagram .transition-step-name {
  font-size: 13px;
  font-weight: bold;
  color: black;
  text-decoration: none;
}
.transition-operation {
  /*display: inline-block;*/
  margin-top: 8px;
  width: 450px;
  vertical-align: top;
}
.transition-operation-list li {
  padding-top: 7px;
  padding-bottom: 7px;
  list-style: none;
}
.transition-operation-list li:hover {
  background-color: #f1f3fc;
}
.transition-operation-list li strong {
  display: inline-block;
  width: 220px;
  font-weight: bold;
}
.transition-operation-list li a {
  text-decoration: none;
}
.operation-option-selector {
  font-weight: bold;
  font-size: 8pt;
}
.operation-option-selector a {
  color: white;
  font-size: 8pt;
}
.operation-option-selector a:hover {
  text-decoration: none;
}
.operation-option-selector span {
  padding: 5px;
  margin-left: 1px;
}
.option-green {
  background-color: green;
  opacity: 0.3;
}
.option-yellow {
  background-color: orange;
  opacity: 0.4;
}
.option-red {
  background-color: red;
  opacity: 0.3;
}
.option-gray {
  background-color: gray;
  opacity: 0.3;
}
.option-green:hover {
  opacity: 0.5;
}
.option-yellow:hover {
  opacity: 0.6;
}
.option-red:hover {
  opacity: 0.5;
}
.option-gray:hover {
  opacity: 0.5;
}
.first-operation-option {
  webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.last-operation-option {
  webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.selected-operation-option {
  color: white;
  opacity: 1;
}
.selected-operation-option:hover {
  opacity: 1;
}
.filter-cell {
  height: 70px;
  padding-top: 0px;
}
.filter-cell input[type=checkbox] {
  margin-top: 6px;
}
.timeline {
  padding-left: 15px;
  padding-top: 12px;
  width: 222px;
  height: 26px;
  text-align: center;
  background-image: url(/images/timeline.png);
  background-position: center;
  background-repeat: no-repeat;
}
.Overdue-point {
  padding-left: 1px;
  padding-right: 5px;
  color: red;
  float: left;
  height: 26px;
  vertical-align: middle;
}
.Pending-point {
  padding-left: 1px;
  color: orange;
  float: left;
  height: 26px;
  vertical-align: middle;
}
.Scheduled-point {
  padding-left: 5px;
  color: darkslategrey;
  float: left;
  height: 26px;
  vertical-align: middle;
}
.Today-line {
  margin-bottom: -3px;
  margin-top: -3px;
  float: left;
  height: 26px;
  border-left: grey solid 2px;
}
.Today-point {
  padding-top: 17px;
  margin-left: -10px;
  margin-right: -20px;
  margin-bottom: -10px;
  float: left;
  height: 26px;
  font-size: 9px;
}
.operation-name {
  font-weight: normal;
  color: black !important;
}
.operation {
  display: inline-block;
  margin-top: 8px;
  width: 50%;
  vertical-align: top;
}
.operation a {
  text-decoration: none;
}
.operation:nth-child(even) {
  float: right;
}
.operation:nth-child(odd) {
  float: left;
}
.operation > div:first-child {
  margin-bottom: 5px;
}
.operation > div:last-child {
  margin-top: 5px;
}
.operation input[type="checkbox"] {
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}
/*History content old styles*/

.history-table {
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.history-heading {
  padding-bottom: 5px;
  padding-top: 5px;
}
.history-dependent-heading {
  background-color: #f0f0f0;
  padding: 5px 5px 9px 5px;
  font-size: 13px;
  font-weight: bold;
}
.history-table td {
  vertical-align: top;
}
.history-table .field-column {
  width: 20%;
  color: #666666;
}
.history-table .original-column {
  width: 40%;
}
.history-table .new-column {
  width: 40%;
}
.history-heading-row {
  font-weight: bold;
  text-align: left;
  padding-bottom: 10px;
}
/*End history content old styles*/

/*!
 * Bootstrap v2.0.4
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid black;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown:hover .caret,
.open .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: white;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid white;
}
.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: white;
  text-decoration: none;
  background-color: #0088cc;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid black;
  content: "\2191";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* Subnav */

.subnav {
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, white, whitesmoke);
  background-image: -ms-linear-gradient(top, white, whitesmoke);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whitesmoke));
  background-image: -webkit-linear-gradient(top, white, whitesmoke);
  background-image: -o-linear-gradient(top, white, whitesmoke);
  background-image: linear-gradient(top, white, whitesmoke);
  background-repeat: repeat-x;
  border: 1px solid #b9bcc1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
}
.subnav .nav {
  margin-bottom: 0;
}
.subnav .nav > li > a {
  margin: 0;
  color: black;
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-decoration: none;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: black;
  background-color: #e7e8ec;
  border-color: #e7e8ec;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: black;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
  border-right: 0;
}
.subnav .dropdown-menu {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
/* Nav */

.nav {
  margin-left: 0;
  margin-bottom: 18px;
  padding-left: 0px;
  margin-top: 0px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > .pull-right {
  float: right;
}
.nav-pills {
  *zoom: 1;
}
.nav-pills:before,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-pills:after {
  clear: both;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: white;
  background-color: #0088cc;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-pills .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.nav > .dropdown.active > a:hover {
  color: black;
  cursor: pointer;
}
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
  color: white;
  background-color: #999999;
  border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
  border-top-color: white;
  border-bottom-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* Breadcrumb */

.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  list-style: none;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, white, whitesmoke);
  background-image: -ms-linear-gradient(top, white, whitesmoke);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whitesmoke));
  background-image: -webkit-linear-gradient(top, white, whitesmoke);
  background-image: -o-linear-gradient(top, white, whitesmoke);
  background-image: linear-gradient(top, white, whitesmoke);
  background-repeat: repeat-x;
  border: 1px solid #b9bcc1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
}
.breadcrumb li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 white;
  *zoom: 1;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}
.breadcrumb .active a {
  color: #333333;
}
table.user-auditee-assignments,
table.tablescroll_head {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
div#headerTableArea,
div#scrollableArea {
  overflow-y: scroll;
  overflow-x: hidden;
}
div#scrollableArea {
  height: 460px;
}
th.role-header,
td.role {
  min-width: 70px;
  max-width: 100px;
  width: 80px;
  text-align: left !important;
  padding-left: 1px;
  padding-right: 1px;
}
th.auditee-header,
td.org-unit,
td.auditee {
  min-width: 110px;
  max-width: 300px;
  width: 300px;
  text-align: left !important;
  padding-left: 1px;
  padding-right: 1px;
}
th.role-header input[type="checkbox"],
th.role-header label {
  vertical-align: middle;
}
th.role-header label {
  display: inline-block;
}
div.item {
  white-space: nowrap;
}
span.folder-icon,
span.auditee-icon,
span.show-more-icon {
  width: 16px;
  height: 16px;
  background-image: url(/Images/Icons_16x16/folder-horizontal.png);
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
}
span.folder-icon {
  background-image: url(/Images/Icons_16x16/folder-horizontal.png);
  cursor: pointer;
}
span.show-more-icon {
  background-image: url(/Images/Icons_16x16/chevron-small-expand.png);
}
span.folder-icon.opened {
  background-image: url(/Images/Icons_16x16/folder-horizontal-open.png);
}
span.opening {
  background-image: url(/Images/Icons_16x16/hourglass.png);
}
span.auditee-icon {
  background-image: url(/Images/Icons_16x16/document.png);
}
span.group-name,
span.auditee-name {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
span.group-name {
  cursor: pointer;
}
a.show-more {
  cursor: pointer;
  color: #00007f !important;
  text-decoration: underline !important;
}
a.show-more:hover {
  text-decoration: none !important;
}
.risk-control-audit .bground-gradient {
  padding-top: 20px;
  padding-bottom: 20px;
}
.risk-control-audit .content {
  margin: 0px 0px 0px 0px;
  width: 95%;
  background: white;
}
.risk-control-risk-library-table {
  width: 100%;
  border: none;
}
.risk-control-risk-library-table td {
  border: none;
}
.risk-control-risk-library-table-item {
  background-color: #f0f0f0;
}
.risk-control-risk-library-table-item td {
  font-size: 12px;
  vertical-align: middle;
  padding-bottom: 5px;
  padding-top: 5px;
}
.risk-control-risk-library-table-alternating-item {
  background-color: white;
}
.risk-control-risk-library-table-alternating-item td {
  font-size: 12px;
  vertical-align: middle;
  padding-bottom: 5px;
  padding-top: 5px;
}
.risk-control-risk-library-table-header td {
  font-size: 14px;
  vertical-align: middle;
  padding: 5px;
  font-weight: bold;
}
/*--- Audit protocol object types */

.risk-library {
  font-weight: bold;
  color: Black;
}
.risk-library-topic {
  font-weight: bold;
  color: Blue;
}
.risk-library-objective {
  font-weight: bold;
  color: Purple;
}
.risk-library-risk {
  font-weight: normal;
  color: Red;
}
.risk-library-finding {
  font-weight: bold;
  color: Red;
}
.risk-library-control-container {
  font-weight: normal;
  color: Green;
}
.risk-library-control {
  font-weight: bold;
  color: Green;
}
.risk-library-test-container {
  font-weight: normal;
  color: Orange;
}
.risk-library-test {
  font-weight: bold;
  color: Orange;
}
.risk-library-action-container {
  font-weight: normal;
  color: darkgoldenrod;
}
.risk-library-action {
  font-weight: bold;
  color: darkgoldenrod;
}
.risk-library-selected {
  border: 1px solid #9a9a9a;
}
.custom-control-hierarchy-label {
  cursor: pointer;
  text-align: left;
}
.custom-control-hierarchy-label .complete-icon {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  left: auto;
  right: 5px;
  top: 50%;
  margin-top: -8px;
}
.custom-control-hierarchy-label .expand-icon {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -8px;
}
/*--- */

.custom-control-hierarchy-label .label-text {
  padding-left: 25px;
  position: relative;
}
.custom-control-hierarchy-label .label-text:hover {
  text-decoration: underline;
}
/*--- Tree item leveles */

.item-level-0 {
  margin-left: 10px;
}
.item-level-1 {
  margin-left: 30px;
}
.item-level-2 {
  margin-left: 50px;
}
.item-level-3 {
  margin-left: 70px;
}
.item-level-4 {
  margin-left: 90px;
}
.item-level-5 {
  margin-left: 110px;
}
.item-level-6 {
  margin-left: 130px;
}
.item-level-7 {
  margin-left: 150px;
}
.item-level-8 {
  margin-left: 170px;
}
.item-level-9 {
  margin-left: 190px;
}
.custom-control-context-menu-main-panel {
  list-style: none;
  width: 200px;
  background-color: #e6e6e6;
  border: 1px solid #a6a6a6;
  border-radius: 6px;
  z-index: 1;
}
.custom-control-context-menu-main-panel ul {
  list-style: none;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 0px;
  background-color: White;
}
.custom-control-context-menu-main-panel li {
  border-bottom: 1px solid #e6e6e6;
  padding: 4px 0px 4px 35px;
  height: 18px;
}
.custom-control-context-menu-main-panel li:last-child {
  border-bottom: none;
}
.custom-control-context-menu-main-panel a:link {
  color: #007d00;
  font-family: Trebuchet MS;
  font-size: 14px;
  display: block;
  text-decoration: none;
  font-weight: normal;
}
.custom-control-context-menu-main-panel a:visited {
  text-decoration: line-through;
}
.custom-control-context-menu-main-panel a:hover {
  color: #003b00;
}
.custom-control-context-menu-main-panel a:active {
  color: #001100;
}
.context-panel {
  position: absolute;
  border: 1px solid #96999d;
  background-color: #f7f8fc;
  z-index: 9001;
}
.context-panel.bottom-left {
  border-radius: 5px 0px 5px 5px;
}
.context-panel.bottom-right {
  border-radius: 0px 5px 5px 5px;
}
.context-panel.top-left {
  border-radius: 5px 5px 0px 5px;
}
.context-panel.top-right {
  border-radius: 5px 5px 5px 0px;
}
.context-panel a {
  text-align: left;
  display: block;
  padding: 8px 50px 8px 15px;
  text-decoration: none;
  color: black;
  font-size: 11px;
  font-weight: normal;
}
.context-panel iframe {
  max-height: 500px;
  max-width: 700px;
  min-width: 450px;
}
.context-panel.bluetext a {
  padding: 6px 50px 6px 15px;
  text-decoration: none;
  color: #264d79;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
}
.context-panel-blue a {
  color: #264d79 !important;
}
.context-panel a:hover {
  background-color: #c9e2f8;
  text-decoration: none;
  color: black;
}
.context-panel-button {
  max-width: 70px;
  cursor: pointer;
  height: 20px;
  border-radius: 5px 5px 5px 5px;
}
.context-panel-button:hover {
  background-color: #c9e2f8;
}
.context-panel-button.bottom-left {
  border-radius: 5px 5px 0px 0px;
}
.context-panel-button.bottom-right {
  border-radius: 5px 5px 0px 0px;
}
.context-panel-button.top-left {
  border-radius: 0px 0px 5px 5px;
}
.context-panel-button.top-right {
  border-radius: 0px 0px 5px 5px;
}
.context-panel-button.selected {
  background-color: #c9e2f8;
}
.context-panel-button img {
  text-align: left;
  margin-left: 3px;
  border: none;
  vertical-align: middle;
}
.context-panel-button span {
  vertical-align: middle;
}
.context-panel img {
  text-align: left;
  display: block;
  padding: 6px 120px 6px 12px;
}
.risk-matrix-popup-content {
  width: 100%;
}
.risk-matrix-popup-button-panel {
  width: 100%;
  text-align: center;
  padding-bottom: 5px;
}
.risk-matrix-popup-configuration-panel {
  width: 100%;
  height: 30px;
  padding: 5px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.risk-matrix-popup-table-container {
  padding: 5px 0;
}
.risk-matrix-popup-table {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: white;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}
.risk-matrix-popup-table tbody tr td {
  height: 40px;
  max-width: 50px;
  border: 1px solid black;
}
.risk-matrix-popup-table tbody tr td span {
  padding: 5px;
  display: inline-block;
  overflow: hidden;
}
.risk-matrix-table-textarea {
  width: 98%;
  height: 98%;
  margin: 0;
  padding: 0;
  resize: vertical;
}
.risk-matrix-popup-level-container {
  width: 100%;
  text-align: left;
}
.risk-matrix-popup-level-item {
  display: inline-block;
}
.risk-matrix-content {
  cursor: pointer;
  border: 1px solid gray;
  text-align: center;
}
input[type=text].risk-matrix-content {
  max-width: 25px;
  min-width: 25px;
  width: 25px;
}
.renaming-field {
  cursor: pointer;
  border-bottom: 1px dotted blue;
  line-height: 1em;
}
.risk-matrix-popup-level-name {
  width: 100px;
  text-align: left;
  float: left;
  line-height: 36px;
}
.risk-matrix-popup-level-bar {
  width: 300px;
  float: left;
  margin-left: 10px;
  height: 36px;
  padding-top: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.risk-matrix-popup-level-value {
  width: 50px;
  float: left;
  line-height: 36px;
  margin-left: 10px;
}
.risk-matrix-popup-risk-description {
  max-width: 50%;
  overflow: auto;
  line-height: 36px;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.risk-matrix-left-column {
  float: left;
  min-width: 40%;
}
.colorSelector {
  float: left;
}
.renaming-field-text-box {
  display: none;
}
/*====================================================*/

/*      Autogenerated Styles for User Interface       */

/*====================================================*/

.UI-icon-add-attachment-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-add-clock-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-add-comment-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-add-control-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-add-hyperlink-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-add-persons-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-add-reference-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-add-something-tick-green-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-add-workflow-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-alarm-clock-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-annotate-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-arrow-document-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-ask-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-back-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-balloons-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-basket-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-blank-document-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-bowtie-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-briefcase-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-cancel-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-change-password-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-clear-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-close-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-cogwheel-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-company-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-copy-document-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-delete-person-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-delete-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-document-exclamation-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-document-image-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px -32px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-document-list-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-document-table-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-document-types-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-documents-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-edit-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-excel-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-exclamation-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-external-link-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-eye-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-folder-with-home-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px -48px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-folder-with-tick-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-folders-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-globe-pencil-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-globe-plus-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-globe-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-gps-icon-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-gps-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-help-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-import-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-information-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px -64px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-lock-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-logout-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-mail-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-map-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-minus-circle-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-monitor-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-new-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-next-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-person-with-arrow-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-persons-with-folder-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px -80px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-persons-with-pencil-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-pin-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-play-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-plus-circle-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-plus-green-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-previous-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-print-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-puzzle-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-qr-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-reallow-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px -96px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-record-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-red-medal-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-reopen-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-risk-matrix-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-save-all-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-save-and-new-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-save-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-search-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-select-reference-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-select-triangle-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px -112px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-star-small-empty-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-status-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-submit-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -32px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-tablet-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -48px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-task-list-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -64px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-tick-green-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -80px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-tick-red-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -96px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-unlock-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -112px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-user-profile-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -128px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-verify-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -144px -128px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-view-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') 0px -144px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-wizard-16 {
  background: url('/Content/images/IconAtlas/atlas16.png') -16px -144px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.UI-icon-balloons-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') 0px 0px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folder-with-clock-and-home-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -20px 0px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folder-with-home-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -40px 0px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folder-with-keyboard-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -60px 0px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folder-with-list-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') 0px -20px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folder-with-persons-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -20px -20px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folder-with-red-tick-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -40px -20px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folder-with-table-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -60px -20px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folder-with-triangle-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') 0px -40px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-folders-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -20px -40px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-lock-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -40px -40px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-mail-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -60px -40px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-person-on-palm-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') 0px -60px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-phone-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -20px -60px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-workflow-20 {
  background: url('/Content/images/IconAtlas/atlas20.png') -40px -60px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.UI-icon-admin-auditee-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') 0px 0px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-br-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -24px 0px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-bulletins-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -48px 0px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-certificates-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -72px 0px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-expenses-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') 0px -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-forms-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -24px -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-groups-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -48px -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-inductions-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -72px -24px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-regions-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') 0px -48px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-registers-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -24px -48px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-roles-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -48px -48px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-sampling-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -72px -48px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-translations-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') 0px -72px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-user-groups-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -24px -72px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-users-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -48px -72px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.UI-icon-admin-workflow-24 {
  background: url('/Content/images/IconAtlas/atlas24.png') -72px -72px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
/*.action-by-group-customfield-widget-container
    {
        overflow: auto;
        width: 99%;
        border-radius: 10px;      
        box-sizing: border-box;
        border: 2px solid #b9bcc1;
    }*/

/*.action-by-group-customfield-widget
    {
        table-layout: inherit;
        width: 99%;
        border-collapse: collapse;
    }*/

/*.action-by-group-customfield-widget th
        {
            height: 20px;
            background-color: #b1cfeb;
            min-width: 70px;
        }*/

/*.action-by-group-customfield-widget tr td
        {
            text-align: center;
        }*/

/*.action-by-group-customfield-widget tr > td:first-child
        {
            text-align: left;
            background-color: white;
        }*/

.action-by-group-customfield-widget td[hasvalue="true"]:nth-child(3n+2) {
  text-align: center;
  color: black;
  font-weight: bold;
}
.action-by-group-customfield-widget td[hasvalue="false"] {
  text-align: center;
  color: #9e9e9e;
}
.action-by-group-customfield-widget td[hasvalue="true"]:nth-child(3n+3) {
  text-align: center;
  color: green;
  font-weight: bold;
}
.action-by-group-customfield-widget td[hasvalue="true"]:nth-child(3n+4) {
  text-align: center;
  color: red;
  font-weight: bold;
}
/* @group Base */

.chzn-container {
  font-size: 13px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: 1px solid #d8d8d8;
}
.chzn-container .chzn-drop {
  background: white;
  border: 1px solid #aaaaaa;
  border-top: 0;
  position: absolute;
  z-index: 9010;
}
/* @end */

/* @group Single Chosen */

/* @group Multi Chosen */

.chzn-container-multi .chzn-choices {
  background-color: #f6f4f5;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #333333;
  border: 1px solid #aaaaaa;
  line-height: 16px !important;
  padding: 1px 20px 1px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('/Styles/images/chosen-sprite.png') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */

/* @group Results */

.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: white;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('/Styles/images/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('/Styles/images/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */

.chzn-container-active .chzn-single {
  border: 1px solid #d8d8d8;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaaaaa;
  background-color: #eeeeee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, white));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, white 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, white 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, white 80%);
  background-image: -ms-linear-gradient(top, #eeeeee 20%, white 80%);
  background-image: linear-gradient(top, #eeeeee 20%, white 80%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111111 !important;
}
/* @end */

/* @group Disabled Support */

.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @group Right to Left */

.chzn-rtl {
  text-align: right;
}
.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}
.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}
.chzn-rtl .chzn-choices li {
  float: right;
}
.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
  background-position: right top;
}
.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none;
}
.chzn-rtl .chzn-search input {
  background: white url('/Styles/images/chosen-sprite.png') no-repeat -38px -22px;
  background: url('/Styles/images/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background: url('/Styles/images/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url('/Styles/images/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url('/Styles/images/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url('/Styles/images/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url('/Styles/images/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, white 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
/* @end */

.custom-control-tag-panel .custom-control-tag-panel-tag {
  display: block;
  width: 170px;
  float: left;
  font-size: 10px;
}
.custom-control-tag-panel .custom-control-tag-panel-title {
  font-weight: bold;
}
.custom-control-format-panel .format-text-button {
  float: left;
}
/*--- buttons for format panel ---*/

.format-text-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(/Styles/images/format-text_1000x60.gif);
}
.format-text-icon-bold {
  background-position: 0px 0px;
}
.format-text-icon-italic {
  background-position: -60px 0px;
}
.format-text-icon-underline {
  background-position: -140px 0px;
}
.format-text-icon-url {
  background-position: -500px 0px;
}
.loss-type-consequence-table {
  border: 1px solid #b0cbef;
  border-width: 1px 0 0 1px;
  font-size: 11pt;
  font-family: Calibri;
  font-weight: 100;
  border-spacing: 0;
  width: 100%;
}
.loss-type-consequence-table thead {
  background-color: #d6e3f6;
  font-weight: bold;
  text-align: center;
}
.loss-type-consequence-table tbody tr td:first-child {
  background-color: #d6e3f6;
  font-weight: bold;
  text-align: center;
}
.loss-type-consequence-table tbody tr td textarea {
  width: 100%;
  resize: vertical;
  overflow: auto;
  min-height: 80px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}
.auditee-group-tree ul {
  padding-left: 28px;
}
.auditee-group-tree li {
  list-style-type: none;
}
.auditee-group-tree-panel {
  height: 500px;
  max-height: 500px;
  overflow-y: auto;
}
.auditee-group-tree-panel input[type=checkbox] {
  float: right;
  margin-right: 1.5em;
}
.auditee-group-tree-loader {
  background-image: url('/images/16x16-ajax-loader.gif');
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
}
.auditee-group-tree-item:hover {
  font-weight: bold;
}
#ExternalLinksPanel {
  display: none !important;
}
#WidgetFloater {
  border: 2px solid #b9bcc1 !important;
  height: auto !important;
}
#WidgetFloaterCollapsed {
  border: 2px solid #b9bcc1 !important;
  background-color: #3faec9 !important;
}
#WidgetLogoPanel {
  background-color: #3faec9 !important;
}
#WidgetTranslateWithSpan {
  color: white;
}
#LauncherTranslatePhrase {
  border: none !important;
  color: white !important;
}
#LauncherTranslatePhrase:hover {
  background-color: #3faec9 !important;
}
#WidgetFloaterCollapsedSpan {
  color: white !important;
}
#WidgetCloseButtonCollapsed {
  background-color: #223059;
}
#WidgetCloseButton {
  background-color: #223059;
}
#WidgetFloaterPanels div.DDStyle {
  border: 2px solid #b9bcc1 !important;
}
#WidgetFloaterPanels .DDStyle {
  top: auto !important;
}
#WidgetFloaterPanels span.DDStyle {
  border-bottom: none !important;
}
#LauncherTranslatePhrase {
  color: white;
  background-color: #3faec9 !important;
  border: 1px solid #3e5e89 !important;
}
#LauncherLogo {
  display: none !important;
}
#MicrosoftTranslatorWidget {
  height: auto !important;
}
#WidgetLauncher {
  height: auto !important;
  margin: 0 !important;
}
#TranslateSpan {
  text-transform: capitalize;
  color: white;
}
.eipopup {
  width: 1180px;
  max-height: 90%;
  text-align: center;
  vertical-align: middle;
  overflow-y: auto;
  background-color: white;
  border: 1px solid #223059;
}
.eipopupContent {
  margin: 15px 10px 10px 10px;
  border: solid 2px #547db2;
  text-align: left;
  height: 715px;
  width: 550px;
  padding: 5px 5px;
}
.eipopupContentSmall {
  margin: 0px 0px 0px 0px;
  text-align: left;
  height: 15px;
  width: 530px;
  padding: 5px 20px;
}
.eileftContent {
  height: 490px;
  overflow-y: auto;
}
.eigridContent {
  height: 370px;
  overflow-y: auto;
  overflow-x: hidden;
}
.eigridContentAdditionalInfo {
  height: 120px;
  overflow-y: auto;
  overflow-x: hidden;
}
.eigridContentQuestionResponses {
  max-height: 520px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0 10px 0;
}
.eisettings-button {
  background-color: #bdd1e9;
}
.eisettingsContent {
  position: absolute;
  top: 620px;
}
.eigridContentQuestionResponsesColTop {
  width: 173px;
  float: left;
}
.eigridContentQuestionResponsesColBottom {
  width: 130px;
  float: left;
}
.eigridContentQuestionResponsesColBottomMedium {
  width: 200px;
  float: right;
  align-items: flex-end;
}
.eigridContentQuestionResponsesColBottomBig {
  width: 330px;
  float: left;
}
.importUsersPopupGridContent {
  height: 270px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0 10px 0;
}
div.freedraw {
  position: relative;
  border: 1px solid gray;
  width: 350px;
  height: 144px;
  background-color: white;
}
div.freedraw img {
  position: absolute;
}
div.freedraw canvas {
  position: absolute;
  cursor: crosshair;
}
.freedraw-controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 24px;
  line-height: 24px;
  background-color: lightgray;
  text-align: right;
  padding-right: 4px;
}
.dropdownchecklistwithfilter {
  min-width: 145px;
  float: left;
  padding-right: 5px;
}
.context-attachment-menu-panel {
  position: absolute;
  border: 1px solid #96999d;
  background-color: #f7f8fc;
  z-index: 9001;
}
.context-attachment-menu-panel.bottom-left {
  border-radius: 5px 0px 5px 5px;
}
.context-attachment-menu-panel.bottom-right {
  border-radius: 0px 5px 5px 5px;
}
.context-attachment-menu-panel.top-left {
  border-radius: 5px 5px 0px 5px;
}
.context-attachment-menu-panel.top-right {
  border-radius: 5px 5px 5px 0px;
}
.context-attachment-menu-panel ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.context-attachment-menu-panel a {
  text-align: left;
  text-decoration: none;
  color: black;
  font-size: 11px;
  font-weight: normal;
}
.context-attachment-menu-panel li {
  padding-right: 1em;
}
.context-attachment-menu-panel li:hover {
  background-color: #c9e2f8;
  text-decoration: none;
  color: black;
}
.context-attachment-menu-panel img {
  text-align: left;
  padding: 6px 10px 6px 12px;
  width: 17px;
  height: 17px;
  border: none;
}
.attachment-context-record-menu-button {
  max-width: 70px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px 5px 5px 5px;
}
.attachment-context-record-menu-button.bottom-left {
  border-radius: 5px 5px 0px 0px;
}
.attachment-context-record-menu-button.bottom-right {
  border-radius: 5px 5px 0px 0px;
}
.attachment-context-record-menu-button.top-left {
  border-radius: 0px 0px 5px 5px;
}
.attachment-context-record-menu-button.top-right {
  border-radius: 0px 0px 5px 5px;
}
.attachment-context-record-menu-button.selected {
  background-color: #c9e2f8;
}
/*
colpick Color Picker / colpick.com
*/

/*Main container*/

.colpick {
  position: absolute;
  width: 346px;
  height: 170px;
  overflow: hidden;
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  background: #ebebeb;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 1000001;
  /*Prevents selecting text when dragging the selectors*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.colpick,
.colpick * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/*Color selection box*/

.colpick_color {
  position: absolute;
  left: 7px;
  top: 7px;
  width: 156px;
  height: 156px;
  overflow: hidden;
  outline: 1px solid #aaaaaa;
  cursor: crosshair;
}
.colpick_color_overlay1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
  height: 156px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
  /* IE8 */
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
}
.colpick_color_overlay2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
  height: 156px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000', endColorstr='#000000');
  /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
  /* IE8 */
  background: linear-gradient(to bottom, transparent, black);
}
/*HSL gradients are different*/

.colpick_hsl .colpick_color_overlay1 {
  background: linear-gradient(to right, gray 0%, rgba(128, 128, 128, 0) 100%);
}
.colpick_hsl .colpick_color_overlay2 {
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 50%, transparent 50%, black 100%);
}
/*Circular color selector*/

.colpick_selector_outer {
  background: none;
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -6px 0 0 -6px;
  border: 1px solid black;
  border-radius: 50%;
}
.colpick_selector_inner {
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid white;
  border-radius: 50%;
}
/*Vertical hue bar*/

.colpick_hue {
  position: absolute;
  top: 6px;
  left: 175px;
  width: 19px;
  height: 156px;
  border: 1px solid #aaaaaa;
  cursor: n-resize;
}
/*Hue bar sliding indicator*/

.colpick_hue_arrs {
  position: absolute;
  left: -8px;
  width: 35px;
  height: 7px;
  margin: -7px 0 0 0;
}
.colpick_hue_larr {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 7px solid #858585;
}
.colpick_hue_rarr {
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 7px solid #858585;
}
/*New color box*/

.colpick_new_color {
  position: absolute;
  left: 207px;
  top: 6px;
  width: 60px;
  height: 27px;
  background: red;
  border: 1px solid #8f8f8f;
}
/*Current color box*/

.colpick_current_color {
  position: absolute;
  left: 277px;
  top: 6px;
  width: 60px;
  height: 27px;
  background: red;
  border: 1px solid #8f8f8f;
}
/*Input field containers*/

.colpick_field,
.colpick_hex_field {
  position: absolute;
  height: 20px;
  width: 60px;
  overflow: hidden;
  background: #f3f3f3;
  color: #b8b8b8;
  font-size: 12px;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.colpick_rgb_r {
  top: 40px;
  left: 207px;
}
.colpick_rgb_g {
  top: 67px;
  left: 207px;
}
.colpick_rgb_b {
  top: 94px;
  left: 207px;
}
.colpick_hsx_h {
  top: 40px;
  left: 277px;
}
.colpick_hsx_s {
  top: 67px;
  left: 277px;
}
.colpick_hsx_x {
  top: 94px;
  left: 277px;
}
.colpick_hex_field {
  width: 68px;
  left: 207px;
  top: 121px;
}
/*Text field container on focus*/

.colpick_focus {
  border-color: #999999;
}
/*Field label container*/

.colpick_field_letter {
  position: absolute;
  width: 12px;
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  background: #efefef;
  border-right: 1px solid #bdbdbd;
  font-weight: bold;
  color: #777777;
}
/*Text inputs*/

.colpick_field input,
.colpick_hex_field input {
  position: absolute;
  right: 11px;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
  background: transparent;
  border: none;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #555555;
  text-align: right;
  outline: none;
}
.colpick_hex_field input {
  right: 4px;
}
/*Field up/down arrows*/

.colpick_field_arrs {
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 21px;
  cursor: n-resize;
}
.colpick_field_uarr {
  position: absolute;
  top: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #959595;
}
.colpick_field_darr {
  position: absolute;
  bottom: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #959595;
}
/*Submit/Select button*/

.colpick_submit {
  position: absolute;
  left: 207px;
  top: 149px;
  width: 130px;
  height: 22px;
  line-height: 22px;
  background: #efefef;
  text-align: center;
  color: #555555;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.colpick_submit:hover {
  background: #f3f3f3;
  border-color: #999999;
  cursor: pointer;
}
/*full layout with no submit button*/

.colpick_full_ns .colpick_submit,
.colpick_full_ns .colpick_current_color {
  display: none;
}
.colpick_full_ns .colpick_new_color {
  width: 130px;
  height: 25px;
}
.colpick_full_ns .colpick_rgb_r,
.colpick_full_ns .colpick_hsx_h {
  top: 42px;
}
.colpick_full_ns .colpick_rgb_g,
.colpick_full_ns .colpick_hsx_s {
  top: 73px;
}
.colpick_full_ns .colpick_rgb_b,
.colpick_full_ns .colpick_hsx_x {
  top: 104px;
}
.colpick_full_ns .colpick_hex_field {
  top: 135px;
}
/*rgbhex layout*/

.colpick_rgbhex .colpick_hsx_h,
.colpick_rgbhex .colpick_hsx_s,
.colpick_rgbhex .colpick_hsx_x {
  display: none;
}
.colpick_rgbhex {
  width: 282px;
}
.colpick_rgbhex .colpick_field,
.colpick_rgbhex .colpick_submit {
  width: 68px;
}
.colpick_rgbhex .colpick_new_color {
  width: 34px;
  border-right: none;
}
.colpick_rgbhex .colpick_current_color {
  width: 34px;
  left: 240px;
  border-left: none;
}
/*rgbhex layout, no submit button*/

.colpick_rgbhex_ns .colpick_submit,
.colpick_rgbhex_ns .colpick_current_color {
  display: none;
}
.colpick_rgbhex_ns .colpick_new_color {
  width: 68px;
  border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
  top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
  top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
  top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
  top: 135px;
}
/*hex layout*/

.colpick_hex .colpick_hsx_h,
.colpick_hex .colpick_hsx_s,
.colpick_hex .colpick_hsx_x,
.colpick_hex .colpick_rgb_r,
.colpick_hex .colpick_rgb_g,
.colpick_hex .colpick_rgb_b {
  display: none;
}
.colpick_hex {
  width: 206px;
  height: 201px;
}
.colpick_hex .colpick_hex_field {
  width: 72px;
  height: 25px;
  top: 168px;
  left: 80px;
}
.colpick_hex .colpick_hex_field div,
.colpick_hex .colpick_hex_field input {
  height: 25px;
  line-height: 25px;
}
.colpick_hex .colpick_new_color {
  left: 9px;
  top: 168px;
  width: 30px;
  border-right: none;
}
.colpick_hex .colpick_current_color {
  left: 39px;
  top: 168px;
  width: 30px;
  border-left: none;
}
.colpick_hex .colpick_submit {
  left: 164px;
  top: 168px;
  width: 30px;
  height: 25px;
  line-height: 25px;
}
/*hex layout, no submit button*/

.colpick_hex_ns .colpick_submit,
.colpick_hex_ns .colpick_current_color {
  display: none;
}
.colpick_hex_ns .colpick_hex_field {
  width: 80px;
}
.colpick_hex_ns .colpick_new_color {
  width: 60px;
  border: 1px solid #8f8f8f;
}
/*Dark color scheme*/

.colpick_dark {
  background: #161616;
  border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
  outline-color: #333333;
}
.colpick_dark .colpick_hue {
  border-color: #555555;
}
.colpick_dark .colpick_field,
.colpick_dark .colpick_hex_field {
  background: #101010;
  border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
  background: #131313;
  border-color: #2d2d2d;
  color: dimgray;
}
.colpick_dark .colpick_field input,
.colpick_dark .colpick_hex_field input {
  color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
  border-bottom-color: dimgray;
}
.colpick_dark .colpick_field_darr {
  border-top-color: dimgray;
}
.colpick_dark .colpick_focus {
  border-color: #444444;
}
.colpick_dark .colpick_submit {
  background: #131313;
  border-color: #2d2d2d;
  color: #7a7a7a;
}
.colpick_dark .colpick_submit:hover {
  background-color: #101010;
  border-color: #444444;
}
.colorSelector {
  float: left;
  width: 30px;
  height: 30px;
  margin: 5px 5px 5px 0px;
  border: 1px solid black;
}
.colorSelector-small {
  float: left;
  width: 20px;
  height: 12px;
  margin: 5px;
  border: 1px solid black;
}
table.Timepicker {
  background-color: #f6f4f5;
  border: solid 1px #d8d8d8;
  border-collapse: separate;
  line-height: 0px;
  height: 28px;
}
table.Timepicker .TimeBox {
  padding: 0 4px 0 4px;
}
table.Timepicker .Hour {
  background-color: #f6f4f5;
  border: none;
  width: 17px;
  height: 19px;
  font-size: 9pt;
  text-align: center;
}
table.Timepicker .Minute {
  background-color: #f6f4f5;
  border: none;
  width: 17px;
  height: 19px;
  font-size: 9pt;
  text-align: center;
}
table.Timepicker .Second {
  background-color: #f6f4f5;
  border: none;
  width: 17px;
  height: 19px;
  font-size: 9pt;
  text-align: center;
}
table.Timepicker .SecondTwentyFour {
  background-color: #f6f4f5;
  border: none;
  width: 17px;
  height: 19px;
  font-size: 9pt;
  text-align: center;
}
table.Timepicker .Seperator {
  background-color: #f6f4f5;
  border: none;
  width: 4px;
  height: 19px;
  font-size: 9pt;
  text-align: center;
}
table.Timepicker .AmPm {
  background-color: #f6f4f5;
  border: none;
  width: 22px;
  height: 19px;
  font-size: 9pt;
  text-align: center;
}
table.Timepicker .ArrowImg {
  vertical-align: unset;
}
table.Timepicker .UpBox {
  padding: 2px 4px 2px 0;
}
table.Timepicker .DownBox {
  padding: 2px 4px 2px 0;
}
/* popup styles */

.popup {
  width: 600px;
  background-color: white;
  border: 1px solid #223059;
}
.popup-content {
  padding: 10px;
}
.form-controls a {
  cursor: pointer;
}
.modal-background {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
/* end of popup styles */

.nav-primary a {
  text-decoration: none;
}
.footer-copyright {
  text-align: center;
}
.footer-copyright a {
  line-height: 20px;
  text-decoration: none;
}
.b dl dd {
  min-width: 87px;
}
.table_1 .icon-date_plus {
  float: right;
  margin-right: 3px;
}
.viewform-panel-content-image-preview {
  width: 200px;
  margin-left: -200px;
  float: left;
}
.viewform-panel-content-image-preview.image-preview {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: White;
  text-align: center;
  background-color: white;
  border: none;
}
.action-comment-header .action-comment-username {
  margin: 10px 0;
  color: #223059;
  font-weight: 700;
}
.action-comment-header .action-comment-edited {
  color: red;
  font-weight: bold;
}
.action-comment-header .action-comment-date:before {
  content: "-";
  margin: 0 5px 0 3px;
}
.action-comment-header .action-comment-edited:before {
  content: "-";
  margin: 0 5px 0 3px;
  color: black;
}
.floating-panel-show {
  display: block !important;
}
.b-admin-content {
  background: none !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 0 !important;
}
.admin-menu-title-block {
  background: white !important;
  padding: 8px 0 0 0 !important;
  border-radius: 8px 8px 0 0;
  border-bottom: none !important;
  border: solid 1px #d8d8d8;
}
.admin-menu-item-selected {
  background: #3faec9;
}
.admin-menu-item-selected a {
  color: white !important;
}
.form-filter .b dd {
  max-width: 150px;
}
.layout-2 .content {
  padding: 10px;
  border: 1px solid #d8d8d8;
  background-color: white;
  border-radius: 5px;
  position: absolute;
}
.redesigned_grid tr:last-child {
  border: none !important;
}
div.centred {
  margin: 0 auto;
}
.perform-popup {
  width: 100% !important;
  border: none;
}
.google-translation-control span {
  border: 1px solid gray;
  border-radius: 2px;
  padding: 1px 2px 1px 2px;
  margin-left: 3px;
  background-color: #f0f0f0;
  color: black;
  font-size: 13px;
  font-weight: normal;
}
.google-translation-control a {
  text-decoration: none;
}
.google-translation-control span:hover {
  background-color: #dad8d8;
}
.goog-te-sectional-gadget-all-logo {
  display: none;
}
.goog-te-gadget-link {
  color: white;
  font-weight: bold;
  line-height: 26px;
  text-decoration-color: white;
}
.goog-te-gadget-link span {
  font-size: 11px !important;
}
.jquery-tools-tooltip {
  max-height: 300px;
  overflow-y: auto;
}
.answer_div {
  width: 97%;
  float: left;
  padding: 5px;
  font-size: 12px !important;
}
.answer_div label {
  padding-left: 3px;
}
.answer_div span .question_full_width {
  display: inline-block;
  width: 98%;
}
.answer_div span span .question_full_width {
  display: inline-block;
  width: 98%;
}
.answer_div span span textarea .question_full_width {
  display: inline-block;
  width: 98%;
}
.answer_div input[type='checkbox'],
.answer_div input[type='radio'] {
  border: none;
}
tr.Highlighted > td {
  background: #d9eff4;
}
.bottomRecordMenu {
  left: 0;
  position: fixed;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index: 9000;
}
.x-window {
  z-index: 20001 !important;
}
#image_map_editor {
  z-index: 20001 !important;
}
#edit_win_form {
  z-index: 20002 !important;
}
.x-panel-ghost {
  z-index: 20001 !important;
}
.link-selected {
  color: black;
  text-decoration: none;
}
.RolePanel {
  padding: 1em;
  background-color: #f7f8fc;
  height: auto;
  width: 300px;
  border: solid 1px;
  position: absolute;
  z-index: 10000;
}
.hidden-button {
  display: none;
}
.popupMenu {
  position: absolute;
  visibility: hidden;
  background-color: #f7f8fc;
  opacity: .9;
  filter: alpha(opacity=90);
}
.popupHover {
  background-image: url(/Images/header-opened.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #f5f7f8;
}
.nav-tertiary [class^="UI-icon-"] {
  margin-right: 10px;
}
.nav-tertiary img.image-icon {
  margin-right: 10px;
}
.toggler-header {
  background: white url("/images/bg_gray_line.png") repeat-x center;
  width: 98%;
  margin: 0 auto;
  padding: 10px 0 10px 0;
}
.toggler-header a {
  text-decoration: none;
  color: #606060;
  font-size: 13px;
  font-weight: bold;
  padding: 0 4px 0 10px;
}
.toggler-header-1 {
  width: 98%;
  margin: 0 auto;
  padding: 5px 0 5px 0;
}
.toggler-header-1 a {
  text-decoration: none;
  color: black;
  font-size: 13px;
  padding: 0 4px 0 15px;
}
.toggler-badge-1 {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}
.toggler-title-collapsed {
  background: white url(/images/bg_expand.png) no-repeat scroll 0;
}
.toggler-title-expanded {
  background: white url(/images/bg_collapse.png) no-repeat scroll 0;
}
.CheckListStyleBeige {
  background-color: #f7f8fc;
  width: 300px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  overflow: auto;
  border: solid 1px;
  z-index: 1000;
}
.custom-fieldset,
.dialog-fieldset {
  padding: 7px;
  border: 1px solid #666666;
  margin-bottom: 7px;
}
.custom-fieldset legend,
.dialog-fieldset legend {
  padding: 4px;
}
.custom-fieldset > table {
  width: 100%;
}
.custom-fieldset > table > thead td {
  font-weight: bold;
}
.custom-fieldset > table td {
  border-collapse: collapse;
  text-align: center;
  border-spacing: 0;
  border-bottom: 1px solid black;
  padding-left: 3px;
  overflow-x: hidden;
}
.sortable-custom-fields {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.sortable-custom-fields li {
  padding: 0.4em;
  margin: 0 0 0.3em 0;
  padding-left: 1em;
  background-color: #eeeeee;
  border-style: solid;
  border-width: 1px;
  border-color: Gray;
  border-radius: 5px;
}
.sortable-custom-fields .ui-selected {
  background-color: #d9eff4 !important;
}
.sortable-custom-fields .field-name {
  word-break: break-all;
  width: 73%;
  float: left;
}
.sortable-custom-fields .field-type {
  float: right;
}
.translation-block {
  padding: 0.5em;
  padding-left: 2em;
  border: 1px solid #8d99a5;
  margin-top: 0.5em;
  background-color: whitesmoke;
  border-radius: 3px;
  background-image: url(/Images/translatebw.png);
  background-position: 3px;
  background-repeat: no-repeat;
  min-height: 16px;
}
.caching-disabled-warning {
  position: fixed;
  bottom: 40px;
  right: 40px;
  padding: 20px 40px;
  background-color: rgba(255, 255, 255, 0.8);
  color: red;
  font-size: 30px;
  z-index: 10000;
  cursor: pointer;
  border-radius: 3px;
}
.assignments-hidden .assignments-content {
  display: none;
}
.radio-button-list label,
.check-box-list label {
  padding-left: 4px;
}
.radio-button-list input[type='radio'],
.check-box-list input[type='checkbox'] {
  float: left;
}
.radio-button-list td,
.check-box-list td,
.check-box-list li {
  padding: 4px;
}
.check-box-list > ul {
  padding: 0px;
  margin: 0px;
}
.check-box-list ul {
  list-style-type: none;
}
.check-box-list ul li {
  list-style-type: none;
}
.footer-for-check-silverlight {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #e0e0e0;
  z-index: 299100;
  border-radius: 6px 6px 0 0;
  border-top: 1px solid #cacaca;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  color: red;
  font-family: Tahoma;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding: 1em 0;
  padding-left: 10px;
}
.footer-link {
  color: deepskyblue;
}
.note-for-groupauditeetree {
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: left;
  padding: 1px 0 0 0;
  padding-left: 10px;
}
.PopupList {
  height: auto;
}
.obligation-icon {
  border-radius: 50%;
  width: 21px;
  height: 21px;
  background-color: grey;
}
.obligation-icon-gradient {
  border-top-left-radius: 13px 8px;
  border-top-right-radius: 13px 8px;
  border-bottom-right-radius: 13px 8px;
  border-bottom-left-radius: 13px 8px;
  width: 26px;
  height: 16px;
  margin-left: -3px;
  -ms-transform: rotate(-20deg);
  /* IE 9 */
  -webkit-transform: rotate(-20deg);
  /* Safari */
  transform: rotate(-20deg);
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.79)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.79) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */

}
.obligation-icon-border {
  border-radius: 50%;
  width: 21px;
  height: 21px;
  border-style: solid;
  border-color: grey;
  border-width: 1px;
  background-color: white;
  padding: 1px;
}
.ui-datepicker-header {
  background-color: #3faec9 !important;
  border: none !important;
  background-image: none !important;
}
.ui-datepicker-prev-hover,
ui-datepicker-next-hover {
  background-color: white !important;
  border: none !important;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  top: 5px !important;
}
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
  width: auto !important;
  max-width: 49%;
}
.peform-disabled-input {
  color: graytext;
  background-color: #ebebe4;
  cursor: default;
  border: solid 1px #d8d8d8;
  display: inline-block;
  max-height: 82px;
  overflow-y: auto;
  width: 100%;
  min-height: 24px;
}
.peform-disabled-input.text-area {
  height: 82px;
  word-break: break-word;
}
.peform-disabled-input span {
  margin: 5px 5px;
  display: inline-block;
}
.three-columns-list {
  list-style-type: none;
}
.three-columns-list li {
  width: 33%;
  display: inline;
  float: left;
  word-break: break-all;
}
.x-window {
  z-index: 200001 !important;
}
#image_map_editor {
  z-index: 200001 !important;
}
#edit_win_form {
  z-index: 200002 !important;
}
.x-panel-ghost {
  z-index: 200001 !important;
}
/* Default class for an overlay */

.ow-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #424242;
  opacity: 0.8;
}
/* Default class for both hidden overlay and modal window */

.ow-closed {
  display: none;
}
/* Default class for modal window */

.modal {
  position: fixed !important;
  z-index: 20;
  left: 50%;
  top: 50px;
  background-color: white;
}
.waiting {
  background-image: url(/Images/16x16-ajax-loader.gif) !important;
}
.applicability-view-panel {
  margin-right: 20px;
}
.applicability-view-panel ul {
  margin: 5px 0;
  padding-left: 20px;
}
.applicability-view-panel li {
  list-style-type: none;
}
.applicability-view-panel .folder-icon {
  margin: 0;
  vertical-align: text-bottom;
}
.applicability-view-panel-loading {
  min-height: 400px;
  background: url(/images/white-loader.gif) no-repeat center;
  margin-top: 10px;
}
.applicability-header {
  min-height: 22px;
  margin-top: 2px;
}
.applicability-header:hover {
  background-color: #d3f4ff;
}
.applicability-content-auditee {
  min-height: 22px;
  margin-top: 2px;
}
.applicability-content-auditee:hover {
  background-color: #d3f4ff;
}
.applicability-content-action:hover {
  background-color: #d3f4ff;
}
.applicability-content-action {
  min-height: 22px;
  margin-top: 2px;
  display: inline-block;
  width: 100%;
}
.applicability-content-action-main {
  display: table-cell;
  max-width: calc(100% - 140px);
  float: left;
}
.applicability-status {
  float: right;
  display: table-cell;
  width: auto;
  min-width: 120px;
  text-align: center;
  margin-right: 6px;
}
.ErrPA {
  color: red;
}
.links-column {
  vertical-align: middle;
}
.links-column img {
  vertical-align: inherit;
}
button.ui-multiselect {
  height: auto;
  min-height: 26px;
}
.AsyncAutoLookup_table {
  table-layout: fixed;
}
.AsyncAutoLookup_label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: black;
}
.TreeUL {
  padding-left: 10px;
}
.custom-widget-header {
  cursor: move;
}
.ajax-loader-16-16 {
  background-image: url('/images/16x16-ajax-loader.gif');
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
}
.select-folder-content div a {
  cursor: pointer;
}
.select-folder-content div {
  display: table-cell;
}
.select-folder-content div div:nth-child(1) {
  min-width: 20px;
}
.select-folder-content div div:nth-child(3) {
  /*min-width: 300px;*/
  margin-left: 10px;
}
.select-folder-content div div:nth-child(2) {
  min-width: 145px;
}
.select-folder-content > div:not(.sub-folder-content):hover {
  background-color: #3faec9;
  display: block!important;
}
.select-folder-content > div:hover {
  display: block!important;
}
.select-folder-content div div hr {
  margin: 0 12px 0 10px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 22px;
  background: #d8d8d8;
}
.select-folder-content div div a {
  color: #16213e;
}
.select-folder-content input[type="checkbox"] {
  vertical-align: middle;
}
.select-folder-content ul {
  list-style-type: none;
  -webkit-padding-start: 10px;
  margin: 0px;
}
.sub-folder-content {
  display: block !important;
}
/*.sub-folder-content div div:nth-child(2) {
        min-width: 290px!important;
    }*/

.margin-top-10 {
  margin-top: 10px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.flash-message {
  position: fixed;
  top: 10px;
  right: 10px;
  padding: 15px 22px 15px 45px;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b9bcc1;
  background-color: #f7f8fc;
  background-image: url(../../images/Icons_16x16/information.png);
  background-repeat: no-repeat;
  background-position: 22px 15px;
}
.flash-message.Green {
  background-color: #f1fcf1;
  background-image: url(../../images/Icons_16x16/tick.png);
}
.flash-message.Red {
  background-color: #fcf1f1;
  background-image: url(../../images/Icons_16x16/exclamation.png);
}
.assignments-panel-source {
  display: inline-block;
}
.assignments-panel-roles {
  display: inline-block;
  padding-left: 4px;
}
.assignments-panel {
  padding-bottom: 3px;
}
.assignments-access-denied {
  color: gray;
  text-decoration: line-through;
}
.assignments-access-denied div div strong {
  color: gray;
  text-decoration: line-through;
}
.assignments-access-denied div div i {
  color: gray;
  text-decoration: line-through;
}
.notification-table {
  overflow: hidden;
}
.table-with-bordered-text-boxes {
  width: 100%;
}
.table-with-bordered-text-boxes tr td input {
  border: lightslategray dotted thin;
  width: 100px;
  background-color: white!important;
}
.table-with-bordered-text-boxes tr th {
  padding-top: 15px;
}
.report-filter dt {
  margin: 0 7px 0 0;
  max-width: 200px;
  display: block;
}
.report-filter dd {
  margin: 0 7px 0 0;
  max-width: 150px;
  display: block;
}
.report-filter select,
.report-filter textarea,
.report-filter input[type="text"],
.report-filter input[type="password"],
.report-filter .field {
  width: 100%;
}
.text-with-colored-backgroud {
  padding: 3px 7px;
  border-radius: 3px;
}
.reminders-further-escalation-offset-config-row {
  height: 28px;
  display: table-cell;
  vertical-align: inherit;
}
.reminders-further-escalation-offset-config-row input {
  margin-top: 2px;
  width: 20px!important;
  margin-left: 5px;
}
.ui-tooltip {
  white-space: pre-wrap;
}
