body {
  background-color: #ffffff;
}

a:visited,
a:link {
  color: #16387c;
  text-decoration: none;
}

#admin_page {
  text-align: center;
}

a:hover {
  color: #D40041;
  text-decoration: none;
}

input.error {
  background-color: #ffcccc;
  border: solid 1px #227fbb;
}

select.error {
  background-color: #ffcccc;
  border: solid 1px #227fbb;
}

textarea.error {
  background-color: #ffcccc;
  border: solid 1px #227fbb;
}

.todo_td {
  border-top:1px solid #223;
  border-bottom:1px solid #223;
  text-align: center;
  font-size: 12px;
}

.todo_td a:visited {
  color: #333fff;
}
.todo_td a:link {
  color: #333fff;
}

.otto_logo {
  margin-top: 7px;
  padding-left: 15px;
  padding-right: 20px;
  margin-bottom: 14px;
  vertical-align: middle;
}

#AdminFrame {
  text-align: left;
  width: 100%;
  min-width: 800px;
  margin-left: 0px;
  margin-right: 6px;
  background: #FFF;
  border-top: 0;
  border-bottom: 0;
  overflow: visible;
}

#AdminBanner {
  background-color: #FFF;
  height: 64px;  width: 1016px;
  background: url('images/OnePak_Banner.jpg') no-repeat left;
}

#AdminSubBanner{
  background-color: #FFF;
  height: 36px;
  width: 1016px;
  background: url('images/OnePak_Logo.png') no-repeat right;
}

#AdminInfopane {
  font-size: 13px;
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 0px;
  vertical-align: top;
  text-align: right;
  color: #333;
  height: auto;
}

#AdminMainpane {
  padding-left: 4px;
  background: #ffffff;
  border-top: inherit;
  padding: 5px;
}

#AdminContent {
  padding: 10px 5px 20px 5px;
  width: 100%;
  text-align: left;
}

#AdminBanner h1 {
  padding-left: 20px;
  font-size: 2.0em !important;
  margin: 0;
}

#AdminBanner h2 {
  padding-left: 30px;
  font-size: 1em !important;
  color: #AAA;
  margin: 0;
}

#SideBar {
  width: 10%;
  white-space: nowrap;
  padding-top: 10px;
  padding-right: 10px;
}

.description_text {
  color: #5E7A94;
  font-size: 8pt;
}

.settings_line {
  border-bottom: 1px #000000 solid;
}

#mini_text {
  font-size: 8px !important;
}

#AdminFooter {
  font-size: 0.7em !important;
  text-align: center;
  color: #000;
}

.SideBarTitle {
  padding-left: 2px;
  font-weight: bold;
  font-size: 1.2em;
}

.SideBarContent {
  padding-left: 10px;
  font-size: 0.8em;
}

.SideBarItem {
  margin-bottom: 10px;
}
/** End main frame setup **/

/** Side Menu **/
ul.SideBarMenu {
  padding-bottom: 4px;
  margin: 0;
}

ul.SideBarMenu li.SideBarMenuHead {
  font-size: 1.0em;
  list-style: none;
  display: block;
  font-weight: bold;
  background: url(images/menuheader_background.png) no-repeat;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 3px;
}

ul.SideBarMenu li {
  font-size: 0.9em;
  font-weight: normal;
  background: url(images/menu_background.png) no-repeat;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 5px;
  list-style: none;
  display: block;
  margin: 0;
}

ul.SideBarMenu a:link,
ul.SideBarMenu a:visited {
  text-decoration: none;
  font-weight: bold;
}
/** End side menu **/

.page_title {
  color: #294366;
  font-weight: bold;
  font-size: 20px !important;
}

.mini_page_title {
  color: #294366;
  font-weight: bold;
  font-size: 12px;
}

.admin_title {
  font-size: 2em !important;
  margin-bottom: 5px;
}

.AdminMsgError {
  color: #F00;
  text-align: center;
  font-weight: bold;
  margin: 10px;
}

.AdminMsgSuccess {
  color: #0B0;
  text-align: center;
  font-weight: bold;
  margin: 10px;
}

.AdminMsgNote {
  background: #FFFF9D;
  border: 1px solid #F70;
  padding: 3px;
  text-align: center;
  margin: 10px;
}

input, select, textarea {
  background: #F8F9FA;
  border: 1px solid #294366;
}

/* Override previous border for radio buttons and checkboxes */
input {
  border-width: expression(this.type=="radio" || this.type=="checkbox" ? '0' : '1px');
}

#iframe {
  border: 1px solid #294366;
  text-align: center;
  margin: auto;
}

.ImageButton {
  cursor: pointer;
}

a:link.IconLink,
a:visited.IconLink {
  border: 0;
  font-weight: bold;
  text-decoration: none;
  margin-right: 4px;
}

.IconLink img {
  margin-right: 2px;
  vertical-align: bottom;
  border: 0;
}

a:link.IconLinkRight,
a:visited.IconLinkRight {
  border: 0;
  font-weight: bold;
  text-decoration: none;
  margin-left: 4px;
}
.IconLinkRight img {
  margin-left: 2px;
  vertical-align: bottom;
  border: 0;
}


a:link.PrettyButton,
a:visited.PrettyButton,
a:hover.PrettyButton {
  text-decoration: none;
  color: #1D2E3F;
  cursor: pointer;
}

.PrettyButton {
  padding: 1px;
  background-color:#b9c9de;
  color: #1D2E3F;
  font-weight: bold;
  font-size: 1.0em;
  border: 1px solid #888;
  margin: 2px;
}

.PrettyButton[disabled] {
  color: #999999;
}

a.PrettyButton {
  padding: 2px 6px 2px 6px;
  cursor: default;
  height: 1.0em;
}

input.PrettyButton {
  padding: 2px 6px 2px 6px;
  cursor: pointer;
  height: 1.8em;
}

.BigPrettyButton {
  padding: 5px;
  background: url(images/bigbutton_background.png) repeat-x top;
  color: #1D2E3F;
  font-weight: bold;
  font-size: 14px;
  border: 1px outset #000;
  margin: 2px;
  cursor: pointer;
}

.PrettyButtonGrid {
  padding: 2px 5px 2px 5px;
  background: url(images/button_background.png) repeat-x top;
  color: #1D2E3F;
  font-weight: bold;
  font-size: 11px;
  border: 1px outset #000;
  margin: 2px;
}

.BigPrettyButton[disabled] {
  color: #999999;
}

img.PrettyButtonImage {
  position: relative;
  top: 3px;
}

span.filter_image {
  position: relative;
  top: -2px;
}

.filter_separator {
  font-weight: normal;
  margin-left: 10px;
  margin-right: 10px;
}

.direction_ltr {
  direction: ltr;
}

.direction_rtl {
  direction: rtl;
}

table#customfields {
  width: 100%;
}

table#customfields .customfield_name {
  background-color: #FAFAFA;
  width: 25%;
  padding-left: 5px;
}

table#customfields .customfield_value {
  background-color: #FFFFFF;
  width: 75%;
}

table#customfields .customfield_value textarea {
  width: 100%;
  height: 100px;
}

/* Styles for lists */
.admin_list {
  border-left: 1px solid #989ca0;
  border-top: 1px solid #989ca0;
  border-bottom: 1px solid #989ca0;
  border-right: 1px solid #989ca0;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.admin_list_head {
  border-bottom: 1px solid #aaa;
  white-space: nowrap;
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 4px;
  vertical-align: bottom;
}

.admin_list_head_wrap {
  border-bottom: 1px solid #aaa;
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 4px;
  white-space: normal;
}

.admin_list_head_bdr {
  border: 1px solid #989ca0;
  white-space: nowrap;
  font-weight: bold;
}

.admin_list_head_bdr_wrap {
  border: 1px solid #989ca0;
  white-space: nowrap;
  font-weight: bold;
}

.admin_list_sub {
  border-right: 1px solid #aaa;
  padding-right: 2px;
  padding-left: 2px;
}

.admin_list_sub_highlight {
  border-right: 1px solid #aaa;
  padding-right: 2px;
  padding-left: 2px;
  background-color: #97da2c;
}

.admin_list_sub_clean {
  padding-right: 2px;
  padding-left: 2px;
}

.admin_list_sub_bdr {
  border: 1px solid #aaa;
}

.admin_list_sub_nowrap {
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  white-space: nowrap;
}

.admin_list_item.admin_list_item_uneven {
  border-bottom: 1px solid #aaa;
  background: #e5ecf1;
  padding: 1px;
}

.admin_list_item.admin_list_item_even {
  border-bottom: 1px solid #aaa;
  background: #f9fafa;
  padding: 1px;
}

.admin_list_item.admin_list_item_selected {
  border: 1px solid #aaa;
  background: #f1ee9a;
  padding: 1px;
}

.admin_list_item.admin_list_item_selected_green {
  border: 1px solid #000000;
  background: #97da2c;
  padding: 1px;
}

.admin_list_item.admin_list_heading {
  background: #afcde3;
  font-weight: bold;
  border-bottom: 1px solid #233;
}

.box_list_item {
  background: #cbf3fd;
  padding: 1px;
  font-size: 12px;
}

.box_list_item_space {
  border-bottom: 1px solid #294366;
  background: #eeeeee;
  padding: 1px;
}
/** End lists **/

/** Styles for Fieldsets **/
fieldset {
  width: 90%;
  border: 1px solid #223;
  padding: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  -moz-border-radius: 10px;
  font-weight: normal;
}

legend {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1;
  top: -0.5em;
  margin-left: 10px;
  padding: 0px 10px;
  color: #111115;
  padding: 0 0; /* Top and Bottom for IE7 */
} * html legend { margin-bottom: 10px; padding: 0 0; }

fieldset.labels label {
  width: 15em;
  float: left;
  text-align: right;
  display: block;
  padding: 0 0.5em 0.2em 0;
}
/** End fieldsets **/

/** Styles for form fields **/
input.readonly {
  background-color: #000000;
}

/** End form fields **/

/** Wick styles **/
.floater {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  display: none;
  padding: 0;
}

.floater td {
  font-family: Gill, Helvetica, sans-serif;
  background-color: white;
  border: 1px inset #979797;
  color: black;
}

.matchedSmartInputItem {
  font-size: 0.8em;
  padding: 5px 10px 1px 5px;
  margin: 0;
  cursor: pointer;
}

.selectedSmartInputItem {
  color: white;
  background-color: #3875D7;
}

#smartInputResults {
  padding: 0;
  margin: 0;
}
/** End Wick **/

/** Error Box **/
.scripterror {
  margin: 0 0 0 0;
  background: #ffffcc;
  color: #ff0000;
  width: 80%;
  text-align: center;
}
b.errortop, b.errorbottom{display:block;background: #FFF}
b.errortop b, b.errorbottom b{
  display:block;height: 1px;
  overflow: hidden; background: #ffffcc
}
/** End error box **/

/** Box around assets **/
#assetDiv {
  margin: 0 0 0 0;
  background-color: #cbf3fd;
  color: #000;
  text-align: center;
}
b.assettop, b.assetbottom{display:block;background: #FFF}
b.assettop b, b.assetbottom b {
  display:block;height: 1px;
  overflow: hidden; background: #cbf3fd
}

/** Rounded edges **/
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.errortop b.r4, b.errorbottom b.r4{margin: 0 1px;height: 2px}


/** IFrames for Assets page **/
div.iframe {
  margin-left: 0px;
}
/** End Assets page IFrames **/

/** Overlib Popups **/
.popupTitle {
  font-family: Geneva, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #cbf3fd;
  font-weight: bold;
  padding-bottom: 2px;
  text-align: center;
  border: 1px solid #000000;
}

.popupDescription {
  font-family: Geneva, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  background-color: #FFFFFF;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 1px;
}
/** End Overlib Popups **/

/** Header pinning for DataTable (IE only) **/
.DT_outside_fixed {
  position:relative;
  top: expression(this.parentElement.scrollTop);
  z-index: 100;
  background-color: #fff;
}

.DT_inside_fixed {
  position:relative;
  top: expression(this.parentElement.parentElement.parentElement.scrollTop-1);
  z-index: 100;
  background-color: #fff;
}

.DT_inside_fixed td {
  border-top: 1px solid #000000;
}

.DT_outside_bottom_fixed {
  position: absolute;
  border: 1px solid #000000;
  bottom: auto;
  top: expression( ( 0 - this.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  z-index: 1000;
  background-color: #fff;
}

/* Locking columns */
.locked{
  left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft); /* IE5+ only */
  position: relative;
  z-index: 50;
}
.lockedHeader{
  left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft); /* IE5+ only */
  position: relative;
  z-index: 110;
}
.locked_last{
  left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft); /* IE5+ only */
  position: relative;
  z-index: 50;
  border-right: 2px solid #000;
}
.lockedHeader_last{
  left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft); /* IE5+ only */
  position: relative;
  z-index: 110;
  border-right: 2px solid #000;
}
/* End Locking columns */

/** End Header Pinning **/

/** Clock Picker **/
#CP_hourcont {
  padding: 0px;
  position:absolute;
  border:1px dashed #666666;
  background-color:#eeeeee;
  display:none;
}

#CP_minutecont {
  background-color:#dddddd;
  padding: 1px;
  position:absolute;
  width:45px;
  display:none;
}

.floatleft {
  float:left;
}

.CP_hour {
  padding:1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9px;
  white-space:nowrap;
  cursor:pointer;
  width:35px;
}

.CP_minute {
  padding:1px;
  /*background-color:#dddddd;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size:9px;
  white-space:nowrap;
  cursor:pointer;
  width:auto;
}

.CP_over {
  background-color:#ffffff;
}

#dropmenudiv{
  position:absolute;
  border:1px solid black;
  font:normal 12px Verdana;
  line-height:18px;
  z-index: 1000;
}

.dropdown_header{
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  line-height:18px;
  font-size: 1.0em;
  font-weight: bold;
  background: url(images/dropmenuheader_background.png) repeat;
  padding: 10px;
  white-space: nowrap;
}

#iFrameShim{
  position: absolute;
  top: 10px;
  left: 100px;
  width: 1px;
  height: 1px;
  z-index: 10;
  display: none;
}

#dropmenudiv a{
  width: 100%;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid black;
  padding: 1px 0;
  text-decoration: none;
  font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
  background-color: #e2e7ef;
}

/* Rating System */
#rateStatus{float:left; clear:both; width:100%; height:20px;}
#rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;}
#rateMe li{float:left;list-style:none;}
#rateMe li a:hover,
#rateMe .on{background:url(images/star_on.png) no-repeat;}
#rateMe a{float:left;background:url(images/star_off.png) no-repeat;width:16px; height:16px;}
#ratingSaved{display:none;}
.saved{color:red; }
/* End Rating System */

a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
  color: #494949; /*button text color*/
}

a.ovalbutton span {
  background: transparent url('images/oval-gray-right.gif') no-repeat top right;
  display: block;
  padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover { /* Hover state CSS */
  background-position: bottom left;
}

a.ovalbutton:hover span { /* Hover state CSS */
  background-position: bottom right;
  color: black;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
  width: 100%;
}

/** Form validation error label **/
label.error {
  display: inline-block;
  margin-left: 10px;
  color: #ff0000;
}
/** End Form validation error label **/

#agreement_div {
  width: 600px;
  border: 1px solid #666;
  padding: 8px;
  height: 300px;
  overflow: auto;
  text-align: left;
}

.required_icon {
  color: #FF0000;
  width: 12px;
}

.green_title {
  color: green;
  font-weight: bold;
}

a:link.lightbox {
  text-decoration: underline;
}

.datepicker_holiday a {
  background: #eeeeee !important;
}

.datepicker_weekend a {
  background: #eeeeee !important;
}

.placeholder {
  color: #aaa;
  font-style: italic;
}

th.ui-th-column div {
  white-space:normal !important;
  height:auto !important;
  padding:2px;
}

.ui-autocomplete{
    text-align: left;
}

div.colorblock {
  height: 10px;
  border: 1px solid #233;
  display: inline-block;
  margin-top: 3px;
}

div.colorblock.w10 {
  width: 10px;
  margin-right: 3px;
}

div.colorblock.w5 {
  width: 5px;
  margin-right: 1px;
}

div.colorblock.b0 {
  background-color: #663366;
}

div.colorblock.b1 {
  background-color: #000000;
}

div.colorblock.b2 {
  background-color: #00FF00;
}

div.colorblock.b3 {
  background-color: #FFFF00;
}

div.colorblock.b4 {
  background-color: #FF0000;
}

div.colorblock.b5 {
  background-color: #0000FF;
}

div.colorblock.b6 {
  background-color: #A5F2F3;
}

.green_row {
  background: #97da2c;
  padding: 1px;
}

.pink_row {
  background: #fdd7e4;
  padding: 1px;
}

.hidden {
  display: none;
}

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/* hideShowPassword for jQuery Custom Styling */
.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('images/hideShowPassword/wink.png'); /* fallback */
  background-image: url('images/hideShowPassword/wink.svg'), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 4rem 2rem;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 100%;
  height: 100%;
  margin: 0;
  max-height: 100%;
  max-width: 2rem;
  padding: 0;
  outline: none;
  overflow: hidden;
  text-indent: -999em;
  top: .33rem !important;
  width: 2rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
  background-position: -2rem center;
}

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  background-color: #66666633;
  outline: none;
}



.onpk-icon {
  background-image:url('images/onpk-icons.png'); 
  background-repeat:no-repeat; height:16px; width:16px; overflow:hidden; margin:0px 1px;
  display:-moz-inline-box;/*Firefox 2.x support*/ display:inline-block; vertical-align:middle;
}

.onpk-icon-accept{ background-position: 0 0; width: 16px; height: 16px; }
.onpk-icon-add{ background-position: 0 -17px; width: 16px; height: 16px; }
.onpk-icon-application_cascade{ background-position: 0 -34px; width: 16px; height: 16px; }
.onpk-icon-application_error{ background-position: 0 -51px; width: 16px; height: 16px; }
.onpk-icon-arrow_right{ background-position: 0 -68px; width: 16px; height: 16px; }
.onpk-icon-bug{ background-position: 0 -85px; width: 16px; height: 16px; }
.onpk-icon-building{ background-position: 0 -102px; width: 16px; height: 16px; }
.onpk-icon-cog{ background-position: 0 -119px; width: 16px; height: 16px; }
.onpk-icon-cog_add{ background-position: 0 -136px; width: 16px; height: 16px; }
.onpk-icon-cog_edit{ background-position: 0 -153px; width: 16px; height: 16px; }
.onpk-icon-cog_go{ background-position: 0 -170px; width: 16px; height: 16px; }
.onpk-icon-comment{ background-position: 0 -187px; width: 16px; height: 16px; }
.onpk-icon-comment_add{ background-position: 0 -204px; width: 16px; height: 16px; }
.onpk-icon-computer_magnify{ background-position: 0 -221px; width: 16px; height: 16px; }
.onpk-icon-database_save{ background-position: 0 -238px; width: 16px; height: 16px; }
.onpk-icon-database_yellow_start{ background-position: 0 -255px; width: 16px; height: 16px; }
.onpk-icon-delete{ background-position: 0 -272px; width: 16px; height: 16px; }
.onpk-icon-door_out{ background-position: 0 -289px; width: 16px; height: 16px; }
.onpk-icon-email{ background-position: 0 -306px; width: 16px; height: 16px; }
.onpk-icon-email_go{ background-position: 0 -323px; width: 16px; height: 16px; }
.onpk-icon-error{ background-position: 0 -340px; width: 16px; height: 16px; }
.onpk-icon-exclamation{ background-position: 0 -357px; width: 16px; height: 16px; }
.onpk-icon-gas_pump{ background-position: 0 -374px; width: 16px; height: 16px; }
.onpk-icon-group{ background-position: 0 -391px; width: 16px; height: 16px; }
.onpk-icon-help{ background-position: 0 -408px; width: 16px; height: 16px; }
.onpk-icon-house{ background-position: 0 -425px; width: 16px; height: 16px; }
.onpk-icon-information{ background-position: 0 -442px; width: 16px; height: 16px; }
.onpk-icon-laptop{ background-position: 0 -459px; width: 16px; height: 16px; }
.onpk-icon-lightbulb{ background-position: 0 -476px; width: 16px; height: 16px; }
.onpk-icon-lock_edit{ background-position: 0 -493px; width: 16px; height: 16px; }
.onpk-icon-lorry{ background-position: 0 -510px; width: 16px; height: 16px; }
.onpk-icon-lorry_go{ background-position: 0 -527px; width: 16px; height: 16px; }
.onpk-icon-magnifier{ background-position: 0 -544px; width: 16px; height: 16px; }
.onpk-icon-money{ background-position: 0 -561px; width: 16px; height: 16px; }
.onpk-icon-package{ background-position: 0 -578px; width: 16px; height: 16px; }
.onpk-icon-page{ background-position: 0 -595px; width: 16px; height: 16px; }
.onpk-icon-pencil{ background-position: 0 -612px; width: 16px; height: 16px; }
.onpk-icon-report{ background-position: 0 -629px; width: 16px; height: 16px; }
.onpk-icon-report_go{ background-position: 0 -646px; width: 16px; height: 16px; }
.onpk-icon-script{ background-position: 0 -663px; width: 16px; height: 16px; }
.onpk-icon-timeline_marker{ background-position: 0 -680px; width: 16px; height: 16px; }
.onpk-icon-user{ background-position: 0 -697px; width: 16px; height: 16px; }
.onpk-icon-user_admin{ background-position: 0 -714px; width: 16px; height: 16px; }
.onpk-icon-user_edit{ background-position: 0 -731px; width: 16px; height: 16px; }
.onpk-icon-vcard{ background-position: 0 -748px; width: 16px; height: 16px; }
.onpk-icon-world{ background-position: 0 -765px; width: 16px; height: 16px; }

.dtbl-icon {
  background-image:url('images/dtbl-icons.png'); 
  background-repeat:no-repeat; height:16px; width:16px; overflow:hidden; margin:0 1px;
  display:-moz-inline-box;/*Firefox 2.x support*/ display:inline-block; vertical-align:middle;
}

.dtbl-icon-basket_delete { background-position: 0px 0px; width: 16px; height: 16px; } 
.dtbl-icon-basket_edit { background-position: 0px -16px; width: 16px; height: 16px; } 
.dtbl-icon-email { background-position: 0px -32px; width: 16px; height: 16px; } 
.dtbl-icon-expand_vertical { background-position: 0px -48px; width: 10px; height: 10px; } 
.dtbl-icon-filter_add { background-position: 0px -58px; width: 16px; height: 16px; } 
.dtbl-icon-filter_delete { background-position: 0px -74px; width: 16px; height: 16px; } 
.dtbl-icon-filter_go { background-position: 0px -90px; width: 16px; height: 16px; } 
.dtbl-icon-left_b { background-position: 0px -106px; width: 10px; height: 10px; } 
.dtbl-icon-minus { background-position: 0px -116px; width: 10px; height: 10px; } 
.dtbl-icon-page_white_acrobat { background-position: 0px -126px; width: 16px; height: 16px; } 
.dtbl-icon-page_white_excel { background-position: 0px -142px; width: 16px; height: 16px; } 
.dtbl-icon-plus { background-position: 0px -158px; width: 10px; height: 10px; } 
.dtbl-icon-right_b { background-position: 0px -168px; width: 10px; height: 10px; } 
.dtbl-icon-sort_asc { background-position: 0px -178px; width: 16px; height: 16px; } 
.dtbl-icon-sort_desc { background-position: 0px -194px; width: 16px; height: 16px; }

.xdebug-error {
    font-size: 12px !important;
    min-width: 75% !important;
    margin: 0 0 10px 0 !important;
    border-color: #666 !important;
    background: #ddd !important;
}

.xdebug-error th, .xdebug-error td {
    padding: 2px !important;
}

.xdebug-error th {
    background: #ccc !important;
}

.xdebug-error span {
    display: none !important;
}

.xdebug-error_description th {
    font-size: 1.2em !important;
    padding: 20px 4px 20px 100px !important;
    background: #ccc no-repeat left top !important;
}

.xdebug-error_callStack th {
    background: #666 !important;
    color: #ddd !important;
}