/**
 * $CLEARFIX
 *
 * Floats a list to be horizontal.
 *********************************/
.cf, div.tvl-container, div.panel div.panel-inner, div.panel-filterpanel div.panel-inner, form div.cols, div.cols {
  zoom: 1;
}
.cf:before, div.tvl-container:before, div.panel div.panel-inner:before, div.panel-filterpanel div.panel-inner:before, div.cols:before, .cf:after, div.tvl-container:after, div.panel div.panel-inner:after, div.panel-filterpanel div.panel-inner:after, div.cols:after {
  content: "";
  display: table;
}
.cf:after, div.tvl-container:after, div.panel div.panel-inner:after, div.panel-filterpanel div.panel-inner:after, div.cols:after {
  clear: both;
}

/**
 * $HLIST
 *
 * Floats a list to be horizontal.
 *********************************/
/**
 * $MEDIA
 *
 * Place any image and text-like content side-by-side, as per:
 *  stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 *
   <div class=media>
     <img src=http://placekitten.com/200/300 alt="" class=img>
     <p class=body>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
   </div>
 *********************************/
/**
 *  $ISLAND, $ISLET
 *  Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
 *
    <div class=island>
      [I am boxed off.]
    </div>
 *********************************/
/**
 *  $HIDETEXT
 */
/* #Mixins
================================================== */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);*/
ul.messages, ul.log, ul.warn, ul.error {
  border-radius: 6px;
  font-size: 12px;
  font-weight: bold;
  padding: 10px;
  margin: 4px 0 12px 0;
  overflow: auto;
  clear: both;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
}
ul.messages li, ul.log li, ul.warn li, ul.error li {
  margin: 0 0 0 16px;
}
ul.messages a.close, ul.log a.close, ul.warn a.close, ul.error a.close {
  display: block;
  float: right;
  text-decoration: none;
  text-align: center;
  border-radius: 16px;
  padding: 0px 4px 0 4px;
  height: 14px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
  margin: -4px 0 0 0;
}

ul.messages {
  border: 2px solid #c5fc57;
  background-color: #d6fd89;
}
ul.messages a.close {
  border: 2px solid #c5fc57;
  background-color: #d9fd93;
}
ul.messages a.close:hover {
  background-color: #e4feb1;
}

ul.warn, ul.log {
  border: 2px solid #ffff99;
  background-color: #ffc;
}
ul.warn a.close, ul.log a.close {
  border: 2px solid #ffff99;
  background-color: #ffffd6;
}
ul.warn a.close:hover, ul.log a.close:hover {
  background-color: #fffff5;
}

ul.error {
  border: 2px solid #ff9999;
  background-color: #fcc;
}
ul.error a.close {
  border: 2px solid #ff9999;
  background-color: #ffd6d6;
}
ul.error a.close:hover {
  background-color: #fff5f5;
}

.todo {
  font-style: italic;
  color: #00cc00;
}

div.formHelp {
  border-radius: 6px;
  font-size: 12px;
  font-weight: normal;
  padding: 10px;
  margin: 4px 0 12px 0;
  overflow: auto;
  clear: both;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
  border: 2px solid #ffff99;
  background-color: #ffc;
}
div.formHelp a.close {
  border: 2px solid #ffff99;
  background-color: #ffffd6;
}
div.formHelp a.close:hover {
  background-color: #fffff5;
}

table.list {
  border: 1px solid #BEBFB9;
  font-size: 11px;
  margin: 0 0 10px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table.list td, table.list table th {
  border: 0 none;
  color: #000000;
  padding: 8px 10px;
  vertical-align: middle;
  text-align: left;
}
table.list th {
  font-size: 12px;
  background: none repeat scroll 0 0 #E1E2DC;
  border-color: #BEBFB9;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: uppercase;
}
table.list td.tick, table.list th.tick {
  text-align: center;
}
table.list tr.even, table.list tr.odd {
  background: none repeat scroll 0 0 #F3F4EE;
  border-color: #BEBFB9;
  border-style: solid;
  border-width: 0 1px;
}
table.list tr.odd {
  background: none repeat scroll 0 0 #FFFFFF;
}

div.treeview {
  margin: 0;
  font-size: 13px;
  background-color: #fcfcfc;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #d6d6d6;
  overflow: auto;
}
div.treeview ul.tree {
  padding: 0;
  margin: 0;
  min-width: 180px;
}
div.treeview ul.tree ul {
  padding: 0 0 0 18px;
  margin: 0;
  width: auto;
}
div.treeview ul.tree li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-position: 0px 3px;
  background-repeat: no-repeat;
  background-image: url('../images/no_icon.gif?1611853217');
}
div.treeview ul.tree li span {
  white-space: nowrap;
  text-decoration: none;
  padding: 2px 4px;
  display: block;
  padding-left: 4px;
  cursor: pointer;
  border: 1px solid #fff;
}
div.treeview ul.tree li.root {
  padding-left: 0;
}
div.treeview ul.tree li.haschildren {
  background-image: url('../images/collapsed_icon.gif?1611853217');
}
div.treeview ul.tree li > ul {
  display: none;
}
div.treeview ul.tree li.expanded {
  background-image: url('../images/expanded_icon.gif?1611853217');
}
div.treeview ul.tree li.expanded > ul {
  display: block;
}
div.treeview.with-folders ul li span {
  background-repeat: no-repeat;
  background-position: 0px 1px;
  background-image: url('../images/nfolder.png?1611853217');
  margin-left: 16px;
  padding: 4px 0 0 24px;
}
div.treeview.with-folders ul li span:hover, div.treeview.with-folders ul li span.drag {
  background-color: white;
  /* Old browsers */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat;
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -moz-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* FF3.6+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-linear-gradient(top, white, #e8f2ff);
  /* Chrome10+,Safari5.1+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -o-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -ms-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* IE10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, linear-gradient(to bottom, #ffffff 0%, #e8f2ff 100%);
  /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#e8f2ff',GradientType=0 ); /--* IE6-9 */
  border: 1px solid #a1daeb;
}
div.treeview.with-folders ul li span.active-target {
  background-color: #f1f7fe;
  /* Old browsers */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat;
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -moz-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* FF3.6+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fe), color-stop(100%, #cfe4fe));
  /* Chrome,Safari4+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-linear-gradient(top, #f1f7fe, #cfe4fe);
  /* Chrome10+,Safari5.1+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -o-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* Opera 11.10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -ms-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* IE10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, linear-gradient(to bottom, #f1f7fe 0%, #cfe4fe 100%);
  /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7fe', endColorstr='#cfe4fe',GradientType=0 ); /--* IE6-9 */
  border: 1px solid #a1daeb;
}
div.treeview.with-folders ul li.selected > span {
  background-color: #fcfcfc;
  /* Old browsers */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat;
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -moz-linear-gradient(top, #fcfcfc 0%, #dfdfdf 100%);
  /* FF3.6+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #dfdfdf));
  /* Chrome,Safari4+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-linear-gradient(top, #fcfcfc, #dfdfdf);
  /* Chrome10+,Safari5.1+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -o-linear-gradient(top, #fcfcfc 0%, #dfdfdf 100%);
  /* Opera 11.10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -ms-linear-gradient(top, #fcfcfc 0%, #dfdfdf 100%);
  /* IE10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, linear-gradient(to bottom, #fcfcfc 0%, #dfdfdf 100%);
  /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dfdfdf',GradientType=0 ); /--* IE6-9 */
  border: 1px solid #b9b9b9;
}
div.treeview.with-folders ul li.selected > span:hover, div.treeview.with-folders ul li.selected > span.drag {
  background-color: #f1f7fe;
  /* Old browsers */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat;
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -moz-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* FF3.6+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fe), color-stop(100%, #cfe4fe));
  /* Chrome,Safari4+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-linear-gradient(top, #f1f7fe, #cfe4fe);
  /* Chrome10+,Safari5.1+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -o-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* Opera 11.10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -ms-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* IE10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, linear-gradient(to bottom, #f1f7fe 0%, #cfe4fe 100%);
  /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7fe', endColorstr='#cfe4fe',GradientType=0 ); /--* IE6-9 */
  border: 1px solid #a1daeb;
}
div.treeview.with-folders.active ul li.selected > span {
  background-color: #f1f7fe;
  /* Old browsers */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat;
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -moz-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* FF3.6+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fe), color-stop(100%, #cfe4fe));
  /* Chrome,Safari4+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-linear-gradient(top, #f1f7fe, #cfe4fe);
  /* Chrome10+,Safari5.1+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -o-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* Opera 11.10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -ms-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* IE10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, linear-gradient(to bottom, #f1f7fe 0%, #cfe4fe 100%);
  /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7fe', endColorstr='#cfe4fe',GradientType=0 ); /--* IE6-9 */
  border: 1px solid #a1daeb;
}
div.treeview.with-folders .drag-item li > span {
  background-color: white;
  /* Old browsers */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat;
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -moz-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* FF3.6+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -webkit-linear-gradient(top, white, #e8f2ff);
  /* Chrome10+,Safari5.1+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -o-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, -ms-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* IE10+ */
  background: url('../images/nfolder.png?1611853217') 0px 1px no-repeat, linear-gradient(to bottom, #ffffff 0%, #e8f2ff 100%);
  /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#e8f2ff',GradientType=0 ); /--* IE6-9 */
  border: 1px solid #a1daeb;
}

div.drag-item {
  opacity: 0.75;
  position: absolute;
  cursor: default;
  clear: both;
  overflow: hidden;
}
div.drag-item li {
  background-image: none !important;
}
div.drag-item li span {
  margin-left: 0 !important;
  /*      background-color: #ffff99 !important; */
}

div.listview {
  overflow: auto;
}
div.listview div.lv-inner ul {
  font-size: 13px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  clear: both;
  overflow: hidden;
}
div.listview div.lv-inner ul li {
  display: block;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 4px 0px 4px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: arrow;
}
div.listview div.lv-inner ul li a {
  text-decoration: none;
  color: #006;
  /*          &:hover {
              color: #66c;
            } */
}
div.listview div.lv-inner div.lv-header-wrap {
  overflow: hidden;
  position: absolute;
}
div.listview div.lv-inner div.lv-header-wrap ul.lv-header {
  border: 1px solid rgba(255, 255, 255, 0);
  border-top: 2px solid #ffffff;
}
div.listview div.lv-inner div.lv-header-wrap ul.lv-header li {
  position: relative;
  /*        @include raised($treelist); */
  border-top: 1px solid #cfe4fe;
  border-right: 1px solid rgba(217, 229, 244, 0.6);
  margin-bottom: 4px;
  background: #f1f7fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, white 52%, #f4f7fb 52%, white 90%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, white), color-stop(52%, #f4f7fb), color-stop(90%, white), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, white 52%, #f4f7fb 52%, white 90%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, white 52%, #f4f7fb 52%, white 90%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, white 52%, #f4f7fb 52%, white 90%, white 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #ffffff 52%, #f4f7fb 52%, #ffffff 90%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#f1f7fe',GradientType=0 );
  /* IE6-9 */
  text-overflow: none;
}
div.listview div.lv-inner div.lv-header-wrap ul.lv-header li span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
div.listview div.lv-inner div.lv-header-wrap ul.lv-header li div.lv-handle {
  display: block;
  position: absolute;
  right: 0;
  z-index: 2;
  cursor: col-resize;
  background-image: none;
  width: 6px;
  height: 16px;
  margin: 0px;
}
div.listview div.lv-inner div.lv-header-wrap ul.lv-header li.final {
  border-right: none;
}
div.listview div.lv-inner div.lv-filler {
  margin: 0;
  padding: 4px 0px 8px 8px;
  font-size: 13px;
}
div.listview div.lv-inner ul.lv-row {
  clear: both;
  overflow: hidden;
  border: 1px solid #ffffff;
  border-top: 1px solid rgba(207, 228, 254, 0.5);
  background-color: #ffffff;
  /*      background-color: #f4f4f4; */
}
div.listview div.lv-inner ul.lv-row li {
  border-right: 1px solid rgba(219, 229, 242, 0.25);
}
div.listview div.lv-inner ul.lv-row li.same {
  color: #ccc;
}
div.listview div.lv-inner ul.lv-row li.diff {
  color: #991614;
  font-weight: bold;
}
div.listview div.lv-inner ul.lv-row.even {
  background-color: #ffffff;
}
div.listview div.lv-inner ul.lv-row.drag {
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white, #e8f2ff);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#e8f2ff',GradientType=0 );
  /* IE6-9 */
  border: 1px solid rgba(132, 172, 222, 0.5);
}
div.listview div.pager {
  margin: 1em 0 1.5em;
  font-weight: bold;
}
div.listview div.pager span {
  display: inline-block;
  margin: 0 15px 0 15px;
  padding: 2px 10px;
}
div.listview div.pager a {
  color: #000099;
  display: inline-block;
  margin: 0 15px 0 15px;
  padding: 2px 10px;
  /*      background-color: #f8f8f8;
        border: 1px solid #eee; */
}

.lv-sizer {
  width: 6px;
  background-color: #666;
  opacity: .50;
  -moz-opacity: .50;
  filter: alpha(opacity=50);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  cursor: col-resize;
}

div.transparent-last div.listview div.lv-inner div.lv-header-wrap ul.lv-header li.final {
  background: transparent !important;
  background-color: transparent !important;
}
div.transparent-last div.listview div.lv-inner ul.lv-row li.final {
  background: transparent !important;
  background-color: transparent !important;
}

div.tvl-container:not(.nohover) div.tvl-inner div.listview div.lv-inner ul.lv-row:hover {
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white, #e8f2ff);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#e8f2ff',GradientType=0 );
  /* IE6-9 */
  border: 1px solid rgba(132, 172, 222, 0.5);
}

div.tvl-container:not(.noselect) div.tvl-inner div.listview {
  /*    div.lv-inner ul.lv-row.selected {
        border: 1px solid darken($blue2,25%);
        border-bottom: 1px solid darken($blue2,5%);
        @include gradient-2step(lighten($blue2,8%),lighten($blue2,10%));
      }
    */
}
div.tvl-container:not(.noselect) div.tvl-inner div.listview.active div.lv-inner ul.lv-row.selected {
  background: #f1f7fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fe), color-stop(100%, #cfe4fe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f7fe, #cfe4fe);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f7fe 0%, #cfe4fe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f1f7fe 0%, #cfe4fe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7fe', endColorstr='#cfe4fe',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #a1daeb;
}

a.pdflink {
  background-image: url('../images/pdf.png?1611853217');
  background-repeat: no-repeat;
  width: 0;
  height: 0;
  padding: 16px 16px 0 0;
  overflow: hidden;
  display: block;
}

div.questions-admin-attr .keyscore {
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 20px 20px 0 0;
  background-size: cover;
  float: left;
  background-image: url('../images/key32.png?1611853217');
}
div.questions-admin-attr .extdata {
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 20px 20px 0 0;
  background-size: cover;
  float: left;
  background-image: url('../images/ext32.png?1611853217');
}
div.questions-admin-attr .ishidden {
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 20px 20px 0 0;
  background-size: cover;
  float: left;
  background-image: url('../images/no-entry32.png?1611853217');
}

div.tvl-container {
  position: relative;
}

div.treeviewlist {
  overflow: hidden;
  height: 0px;
  clear: both;
  padding: 0;
            /*
padding: 4px 4px 4px 0px; 
border-radius: 6px;
@include shadall; */
}
div.treeviewlist div.tvl-inner {
  /*    @include raised( $treelist ); */
  padding: 0px;
  overflow: hidden;
  clear: both;
}
div.treeviewlist div.tvl-inner.has-tree .tvl-rhs {
  background-color: #ffffff;
}
div.treeviewlist div.tvl-inner div.tvl-lhs {
  float: left;
  background-color: #ffffff;
}
div.treeviewlist div.tvl-inner div.tvl-splitter {
  float: left;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: none;
  background-color: #f7f7f7;
  height: 400px;
  cursor: col-resize;
}
div.treeviewlist div.tvl-inner div.tvl-rhs {
  background-color: #fcfcfc;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #d6d6d6;
  background-color: #ffffff;
  float: left;
}
div.treeviewlist div.tvl-inner div.tvl-addressbar {
  clear: both;
  height: 48px;
  overflow: hidden;
  background: #f1f7fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f7fe 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fe), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f7fe, #ffffff);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f7fe 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f7fe 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f1f7fe 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7fe', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}
div.treeviewlist div.tvl-inner div.tvl-addressbar h1 {
  color: #006e43;
  font-size: 17px;
  font-weight: normal;
  padding: 0px;
  margin: 10px 8px;
}
div.treeviewlist div.tvl-inner div.tvl-menu {
  clear: both;
  height: 32px;
  overflow: hidden;
  background: #cfe4fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, #f7faff), color-stop(52%, #e8f2ff), color-stop(52%, #d9e5f4), color-stop(90%, #e5edf8), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#cfe4fe',GradientType=0 );
  /* IE6-9 */
  border-top: 1px solid #dbe5f2;
  border-bottom: 1px solid #dbe5f2;
}
div.treeviewlist div.tvl-inner div.tvl-menu ul.buttons {
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}
div.treeviewlist div.tvl-inner div.tvl-menu ul.buttons li {
  /*          background-position: left center;
            background-repeat: no-repeat; */
  font-size: 12px;
  display: block;
  float: left;
  /*          padding: 6px 0 6px 24px; */
  padding: 0px 0px 2px 4px;
  margin-top: 4px;
  /*          &.newfolder {
              background-image: image-url("nfolder.png");
            } */
}
div.treeviewlist div.tvl-inner div.tvl-menu ul.buttons li.first {
  padding-left: 10px;
}
div.treeviewlist div.tvl-inner div.tvl-menu ul.buttons li a {
  color: #000;
  display: block;
  float: left;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0);
}
div.treeviewlist div.tvl-inner div.tvl-menu ul.buttons li a:hover {
  color: #006;
  border: 1px solid #b6cbe4;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  background: #cfe4fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f2f8ff), color-stop(52%, #c9daf0), color-stop(90%, #d5e2f3), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#cfe4fe',GradientType=0 );
  /* IE6-9 */
}
div.treeviewlist div.tvl-inner div.tvl-menu ul.buttons li.disabled {
  display: none;
}
div.treeviewlist div.tvl-inner div.tvl-menu ul.buttons li.btn-select a {
  position: relative;
  padding-right: 20px;
}
div.treeviewlist div.tvl-inner div.tvl-menu ul.buttons li.btn-select a:after {
  /*arrow added*/
  content: '';
  display: block;
  z-index: 1000;
  position: absolute;
  top: 40%;
  /*should be set to 100% */
  right: 5px;
  width: 0;
  height: 0;
  border-color: black transparent transparent transparent;
  /*border color should be same as div div background color*/
  border-style: solid;
  border-width: 5px;
}

div.item div.treeviewlist div.tvl-inner div.tvl-menu {
  border: 1px solid #dbe5f2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-right: 10px;
}
div.item div.treeviewlist div.tvl-inner div.tvl-rhs {
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
}

div.has-label div.treeviewlist {
  float: left;
  clear: none;
}

form.tvl-action h1 {
  color: #006e43;
  font-size: 17px;
  font-weight: normal;
  padding: 0px;
  margin: 10px 0px;
}

form.paste-question {
  max-width: 800px !important;
  padding-right: 40px !important;
}
form.paste-question textarea {
  width: 100% !important;
}

body.treelist div.tvl-inner {
  margin: 5px 0 0 0;
}
body.treelist div.tvl-inner div.tvl-rhs {
  border-top: none;
}

ul.button-select {
  min-width: 150px;
  max-height: 180px;
  overflow: auto;
  position: absolute;
  z-index: 1000;
  background: #f1f7fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f7fe 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fe), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f7fe, #ffffff);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f7fe 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f7fe 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f1f7fe 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f7fe', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px solid #ccc;
}
ul.button-select div.optgroup {
  padding: 4px 0px 4px 8px;
}
ul.button-select div.optgroup span {
  display: block;
  font-weight: bold;
}
ul.button-select li {
  list-style-type: none;
  cursor: pointer;
  padding: 4px 8px;
}
ul.button-select li:hover {
  color: #fff;
  background: #529efb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #529efb 0%, #7ab3f6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #529efb), color-stop(100%, #7ab3f6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #529efb, #7ab3f6);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #529efb 0%, #7ab3f6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #529efb 0%, #7ab3f6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #529efb 0%, #7ab3f6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529efb', endColorstr='#7ab3f6',GradientType=0 );
  /* IE6-9 */
}

div.confirm-inner {
  margin: 8px 0px;
}

/*div.product-menu {
  @include hmenu('Open Sans', 10px, 12px);
}*/
div.landing-pages {
  padding: 16px;
}
div.landing-pages .landing-content {
  display: none;
}
div.landing-pages .landing-content.active {
  display: block;
}

/**
 * vertical-tabs.scss.
 */
div.vertical-tabs {
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
  background: #fff url('../images/fc.png?1611853217') repeat-y -70px 0px;
  border: 1px solid #ccc;
  margin: 10px 0;
  position: relative;
  padding-bottom: 8px;
  clear: both;
  overflow: auto;
  min-height: 320px;
}
div.vertical-tabs .tabs-panes {
  margin: 0 0 0 185px;
  overflow: auto;
  padding: 0px 15px 10px 0;
}
div.vertical-tabs .tabs-panes legend {
  display: none;
}
div.vertical-tabs .tabs-panes .tabs-pane .fieldset-wrapper > div:first-child {
  padding-top: 5px;
}
div.vertical-tabs .tabs-panes .fieldset-wrapper {
  margin-top: 0;
}
div.vertical-tabs fieldset.tab {
  border: 0;
  padding: 8px 0 0 0 !important;
  margin: 0;
  display: none;
  min-height: 320px;
}
div.vertical-tabs .tabs-list {
  width: 170px;
  /*  border-bottom: 1px solid #ccc; */
  float: left;
  font-size: 14px;
  line-height: 1;
  margin: 0 -100% -1px 0;
  padding: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #eeeeee));
  background: -moz-linear-gradient(top center, #fcfcfc 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee');
}
div.vertical-tabs ul li.tab-button {
  list-style: none;
  list-style-image: none;
  margin: 0;
}
div.vertical-tabs ul li.tab-button a {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: block;
  padding: 10px;
  text-decoration: none;
}
div.vertical-tabs ul li.tab-button a:hover, div.vertical-tabs ul li.tab-button a:focus {
  background: #d5d5d5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e4f0fc));
  background: -moz-linear-gradient(top center, #ffffff 0%, #e4f0fc 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e4f0fc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4f0fc');
  text-decoration: none;
  outline: 0;
}
div.vertical-tabs ul li.tab-button strong {
  font-size: 0.923em;
}
div.vertical-tabs ul li.tab-button .summary {
  color: #666;
  display: block;
  font-size: 0.846em;
  padding-top: 0.4em;
}
div.vertical-tabs ul li.first a {
  border-top: 0;
}
div.vertical-tabs ul li.selected a, div.vertical-tabs ul li.selected a:hover, div.vertical-tabs ul li.selected a:focus, div.vertical-tabs ul li.selected a:active {
  background: #fff;
  border-right-color: #fff;
  border-top: 1px solid #ccc;
}
div.vertical-tabs ul li.first.selected a, div.vertical-tabs ul li.first.selected a:hover {
  border-top: 0;
}
div.vertical-tabs ul li.tab-group {
  border-top: 3px solid #ddd;
}
div.vertical-tabs ul li.test {
  background: #fcc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ffcccc));
  background: -moz-linear-gradient(top center, #ffffff 0%, #ffcccc 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffcccc');
  text-decoration: none;
  outline: 0;
}
div.vertical-tabs ul li.link {
  background: #fcc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff8cc), color-stop(1, #ffffff));
  background: -moz-linear-gradient(top center, #fff8cc 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #fff8cc 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8cc', endColorstr='#ffffff');
  text-decoration: none;
  outline: 0;
}

/**
 * h-tabs.scss.
 */
/*$tabclr: #8f8e89;*/
div.h-tabs {
  position: relative;
  clear: both;
  overflow: auto;
  min-height: 320px;
}
div.h-tabs > .tabs-panes {
  margin: 5px;
  overflow: auto;
  position: relative;
  z-index: 1;
  padding: 0px 15px 10px 0;
  background: #fff;
  border: 1px solid rgba(219, 229, 242, 0.75);
  border-radius: 6px;
  border-top-left-radius: 0px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
  padding: 16px;
}
div.h-tabs > .tabs-panes legend {
  display: none;
}
div.h-tabs > .tabs-panes > fieldset.tab {
  border: 0;
  padding: 12px;
  margin: 0;
  display: none;
  min-height: 320px;
}
div.h-tabs > ul.tabs-list {
  position: relative;
  z-index: 0;
  display: inline-block;
  clear: both;
  overflow: hidden;
  font-size: 14px;
  line-height: 1;
  margin: 0px 0px -15px 4px;
  padding: 0;
}
div.h-tabs > ul.tabs-list > li {
  margin: 0 0 0 1px;
  list-style: none;
  list-style-image: none;
  display: block;
  float: left;
  outline: none;
  border-top-left-radius: 5.2px;
  border-bottom-left-radius: 5.2px;
  border-top-right-radius: 5.2px;
  border-bottom-right-radius: 5.2px;
  border: 1px solid rgba(222, 230, 239, 0.75);
  /*      background-color: lighten($tabclr,25%); */
  background: #d9eafe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f2f8ff), color-stop(52%, #e1eaf6), color-stop(90%, #edf3fa), color-stop(100%, #f2f8ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#d9eafe',GradientType=0 );
  /* IE6-9 */
}
div.h-tabs > ul.tabs-list > li:focus {
  outline: none;
}
div.h-tabs > ul.tabs-list > li:not(.selected):hover {
  background: #cfe4fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f2f8ff), color-stop(52%, #c9daf0), color-stop(90%, #d5e2f3), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#cfe4fe',GradientType=0 );
  /* IE6-9 */
  /*        background-color: lighten($tabclr,12%); */
}
div.h-tabs > ul.tabs-list > li:not(.selected):hover a {
  color: #333;
}
div.h-tabs > ul.tabs-list > li a {
  height: 20px;
  overflow: hidden;
  outline: none;
  display: block;
  float: left;
  padding: 5px 16px 4px 16px;
  text-decoration: none;
  color: #999;
}
div.h-tabs > ul.tabs-list > li a:focus, div.h-tabs > ul.tabs-list > li a:active {
  color: #999;
}
div.h-tabs > ul.tabs-list > li strong {
  font-size: 0.923em;
}
div.h-tabs > ul.tabs-list > li .summary {
  color: #666;
  display: block;
  font-size: 0.846em;
  padding-top: 0.4em;
}
div.h-tabs > ul.tabs-list > li.selected {
  /*
    @include gradient-4step4($tabclr, darken($tabclr,35%), darken($tabclr,25%), lighten($tabclr,10%));
    */
  background: #c0dcfe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcfdff 0%, #e8f2ff 15%, #d9eafe 52%, #cdddf1 52%, #d9e5f4 90%, #d9eafe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfdff), color-stop(15%, #e8f2ff), color-stop(52%, #d9eafe), color-stop(52%, #cdddf1), color-stop(90%, #d9e5f4), color-stop(100%, #d9eafe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfdff 0%, #e8f2ff 15%, #d9eafe 52%, #cdddf1 52%, #d9e5f4 90%, #d9eafe 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfdff 0%, #e8f2ff 15%, #d9eafe 52%, #cdddf1 52%, #d9e5f4 90%, #d9eafe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfdff 0%, #e8f2ff 15%, #d9eafe 52%, #cdddf1 52%, #d9e5f4 90%, #d9eafe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcfdff 0%, #e8f2ff 15%, #d9eafe 52%, #cdddf1 52%, #d9e5f4 90%, #d9eafe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdff', endColorstr='#c0dcfe',GradientType=0 );
  /* IE6-9 */
}
div.h-tabs > ul.tabs-list > li.selected a, div.h-tabs > ul.tabs-list > li.selected a:hover, div.h-tabs > ul.tabs-list > li.selected a:focus, div.h-tabs > ul.tabs-list > li.selected a:active {
  color: #000;
}
div.h-tabs.with-prefix > ul.tabs-list {
  margin: 0;
}
div.h-tabs.with-prefix > ul.tabs-list > li a {
  padding: 8px 32px 0px 32px;
}
div.h-tabs.with-prefix > ul.tabs-list > li.first {
  margin-left: 16px;
}
div.h-tabs.with-prefix > ul.tabs-list > li.last a {
  padding-right: 16px;
}
div.h-tabs.with-prefix > ul.tabs-list > li span.prefix {
  display: block;
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  color: #888;
  margin: -1px 0 -2px -24px;
  border-radius: 36px;
  padding: 10px 0 0 0;
  width: 36px;
  height: 26px;
  background-color: #fff;
  color: #345;
  text-align: center;
  overflow: hidden;
}

div.modal {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.2);
}
div.modal > div, div.modal > form {
  margin: 140px auto !important;
  max-width: 460px;
  width: auto;
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
  padding: 20px 5px 20px 35px;
  background-color: #ffffff;
}
div.modal > div.no-top, div.modal > form.no-top {
  margin-top: 10px !important;
}
div.modal > div.no-top div.tvl-historylist div.listview div.lv-inner ul.lv-row li, div.modal > form.no-top div.tvl-historylist div.listview div.lv-inner ul.lv-row li {
  padding: 6px 0 6px 16px;
}

#page.blur {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

.slideCtrlOuter {
  /*  height: 45px; */
  padding: 6px 15px 15px 15px;
  overflow: auto;
  background: #f4f4f4;
  border: 1px solid #ccc;
  /*  box-shadow:inset 0 1px 0 #fff; */
  border-radius: 4px;
  margin: 0.2em 0 1em;
}

.slideControlList li {
  overflow: hidden;
  clear: both;
  padding: 0 0 2px 0;
}

.slideCtrlOuter label span.last {
  font-size: 10px;
  text-transform: none;
}

.slideControlContainer {
  height: 10px;
  background: #888888;
  /* Old browsers */
  background: -moz-linear-gradient(left, #efefef 0%, #898989 50%, #888888 51%, #343434 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #efefef), color-stop(50%, #898989), color-stop(51%, #888888), color-stop(100%, #343434));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #efefef 0%, #898989 50%, #888888 51%, #343434 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #efefef 0%, #898989 50%, #888888 51%, #343434 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #efefef 0%, #898989 50%, #888888 51%, #343434 100%);
  /* IE10+ */
  box-shadow: inset 0 -1px 0 #cdcdcd;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  float: left;
  margin: 15px 10px 0 0;
}

.slide-disabled {
  color: #aaa;
}

.slide-disabled .slideControlContainer {
  background-image: none;
  background: #f8f8f8;
  cursor: default;
}

.slideControlFill {
  display: block;
  height: 100%;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px #d0d0d0;
  /*  border:1px solid #ccc; 
    box-shadow:inset 0 1px 0 #fff;
  /*  background: #efefef; /* Old browsers */
  /*  background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  /*  background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  /*  background: -o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
  /*  background: -ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */
  position: relative;
  z-index: 1;
  overflow: visible !important;
}

.slideControlHandle {
  display: block;
  background: #ffffff;
  /* Old browsers */
  /*  background: #ea5507; /* Old browsers */
  /*  background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
  /*  background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
  /*  background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
  /*  background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
  border-radius: 3px;
  border: 5px solid #fff;
  width: 52px;
  height: 10px;
  box-shadow: 0 0 1px #555;
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 5;
  cursor: pointer;
}

.slideControlHandle span {
  display: inline-block;
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: -2px 0 0 0;
}

.ieShadow {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=1);
  top: -8px;
  right: -4px;
}

/*
.slideControlInput {
  width:35px;
  font-size:1.5em;
  padding:3px 5px;
  border:1px solid #ccc;
  border-radius:5px;
  text-align:center;
  color:#333;
  font-weight:bold;
}*/
form div.item.flatscale-ctrl {
  /*  height: 45px; */
  padding: 15px 15px 15px 15px;
  overflow: auto;
  background: #f4f4f4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #f8f9fa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #f8f9fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f4f4, #f8f9fa);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f4f4 0%, #f8f9fa 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4f4 0%, #f8f9fa 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f4f4 0%, #f8f9fa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f8f9fa',GradientType=0 );
  /* IE6-9 */
  /*  @include menu-gradient($grey2); */
  border: 1px solid #ccc;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin: 0.2em 0 1em;
}
form div.item.flatscale-ctrl div.scale-text {
  margin-bottom: 0;
}
form div.item.flatscale-ctrl div.labels {
  font-size: 12px;
  text-transform: none;
  clear: both;
  overflow: auto;
}
form div.item.flatscale-ctrl div.labels div.minlabel {
  float: left;
  width: 40%;
}
form div.item.flatscale-ctrl div.labels div.maxlabel {
  float: right;
  width: 40%;
}
form div.item.flatscale-ctrl div.labels div.maxlabel div {
  float: right;
}
form div.item.flatscale-ctrl .bar-wrap {
  padding: 0px 16px;
}
form div.item.flatscale-ctrl .bar-wrap .scale-bar {
  outline: none;
  height: 38px;
  box-shadow: inset 0 2px 6px rgba(153, 153, 153, 0.75);
  background: #f6f7f8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6f7f8 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f8), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f7f8, #ffffff);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f7f8 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f6f7f8 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f6f7f8 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  border: 1px solid rgba(204, 204, 204, 0.5);
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  float: left;
  margin: 8px 10px 0 0;
}
form div.item.flatscale-ctrl .bar-wrap .scale-bar .scale-bar-fill {
  display: block;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: visible !important;
}
form div.item.flatscale-ctrl .bar-wrap .scale-bar .scale-bar-fill .scale-handle {
  display: block;
  width: 16px;
  height: 10px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 5;
  cursor: pointer;
}
form div.item.flatscale-ctrl .bar-wrap .scale-bar .scale-bar-fill .scale-handle span {
  display: inline-block;
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.scale-disabled {
  color: #aaa;
}
.scale-disabled .scaleControlContainer {
  background-image: none;
  background: #f8f8f8;
  cursor: default;
}

.ieShadow {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=1), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=1);
  top: -8px;
  right: -4px;
}

div.item.flexscale-ctrl {
  /*  height: 45px; */
  padding: 8px;
  overflow: auto;
}
div.item.flexscale-ctrl div.scale-text {
  margin-bottom: 0;
  font-size: 1.25em;
}
div.item.flexscale-ctrl div.prefix-text {
  margin-top: 2px;
  padding-bottom: 12px;
}
div.item.flexscale-ctrl div.labels {
  margin-bottom: -2px;
  padding-top: 12px;
  font-size: 12px;
  text-transform: none;
  clear: both;
  overflow: auto;
}
div.item.flexscale-ctrl div.labels div.minlabel {
  float: left;
  width: 44%;
}
div.item.flexscale-ctrl div.labels div.maxlabel {
  float: right;
  width: 44%;
}
div.item.flexscale-ctrl div.labels div.maxlabel div {
  float: right;
  text-align: right;
}
div.item.flexscale-ctrl .flexscale-wrap {
  padding: 0px;
  outline: none;
}
div.item.flexscale-ctrl .flexscale-wrap .scale-inner {
  overflow: hidden;
  outline: none;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press-wrap {
  flex: 1 0 auto;
}
div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press {
  margin: 0 auto;
  max-width: 64px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
  /*
  @include gradient-2step($clrEmpty, lighten($clrEmpty, 10%)); */
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  /*
  &.pressed,
  &:hover.pressed {
    @include gradient-2step($clrPressed, lighten($clrPressed, 10%));
  } */
}
div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press:hover {
  background-color: #999999;
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press:hover:after {
  content: " ";
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  color: white;
}
div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press.pressed, div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press:hover.pressed {
  background-color: #000000;
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press.pressed:after, div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press:hover.pressed:after {
  content: " ";
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  color: white;
}
div.item.flexscale-ctrl .flexscale-wrap .scale-inner .press:after {
  font-size: 54px;
  line-height: inherit;
  display: block;
  content: " ";
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  width: 100%;
  height: 100%;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  border-radius: 100%;
  -webkit-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.5);
}
@media (max-width: 620px) {
  div.item.flexscale-ctrl div.labels {
    margin-bottom: 0px;
    padding-top: 4px;
  }
}

div.item.scale-ctrl {
  /*  height: 45px; */
  padding: 8px;
  overflow: auto;
}
div.item.scale-ctrl div.scale-text {
  margin-bottom: 0;
  font-size: 1.25em;
}
div.item.scale-ctrl div.prefix-text {
  margin-top: 2px;
  padding-bottom: 12px;
}
div.item.scale-ctrl div.labels {
  margin-bottom: -2px;
  padding-top: 12px;
  font-size: 12px;
  text-transform: none;
  clear: both;
  overflow: auto;
}
div.item.scale-ctrl div.labels div.minlabel {
  float: left;
  width: 40%;
}
div.item.scale-ctrl div.labels div.maxlabel {
  float: right;
  width: 40%;
}
div.item.scale-ctrl div.labels div.maxlabel div {
  float: right;
}
div.item.scale-ctrl .scale-wrap {
  padding: 0px;
  outline: none;
}
div.item.scale-ctrl .scale-wrap .scale-inner {
  overflow: hidden;
  outline: none;
  position: relative;
}
div.item.scale-ctrl .scale-wrap .scale-inner .press {
  position: absolute;
  display: inline-block;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
  /*
  @include gradient-2step($clrEmpty, lighten($clrEmpty, 10%)); */
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  /*
  &.pressed,
  &:hover.pressed {
    @include gradient-2step($clrPressed, lighten($clrPressed, 10%));
  } */
}
div.item.scale-ctrl .scale-wrap .scale-inner .press:hover {
  background-color: #999999;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
div.item.scale-ctrl .scale-wrap .scale-inner .press:hover:after {
  content: " ";
  -moz-transform: scale(1.35);
  -ms-transform: scale(1.35);
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  color: white;
}
div.item.scale-ctrl .scale-wrap .scale-inner .press.pressed, div.item.scale-ctrl .scale-wrap .scale-inner .press:hover.pressed {
  background-color: #000000;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
div.item.scale-ctrl .scale-wrap .scale-inner .press.pressed:after, div.item.scale-ctrl .scale-wrap .scale-inner .press:hover.pressed:after {
  content: " ";
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  color: white;
}
div.item.scale-ctrl .scale-wrap .scale-inner .press:after {
  font-size: 54px;
  line-height: inherit;
  display: block;
  content: " ";
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  width: 100%;
  height: 100%;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  border-radius: 100%;
  -webkit-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
}
@media (max-width: 620px) {
  div.item.scale-ctrl div.labels {
    margin-bottom: 0px;
    padding-top: 4px;
  }
  div.item.scale-ctrl .scale-wrap .scale-inner .press {
    outline: none;
  }
}

/* common variables                                                                    */
/*=====================================================================================*/
div.item-dual-scale {
  clear: both;
  overflow: auto;
}
div.item-dual-scale table {
  table-layout: fixed;
  float: left;
}
div.item-dual-scale table td, div.item-dual-scale table th {
  text-align: center;
  padding: 4px;
}
div.item-dual-scale table tr.above th {
  height: 32px;
}
div.item-dual-scale table tr.values label {
  width: 100%;
}
div.item-dual-scale table tr.values label > input {
  /* HIDE RADIO */
  display: none;
}
div.item-dual-scale table tr.values label > input + div {
  /* IMAGE STYLES */
  display: inline-block;
  cursor: pointer;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-color: #ffffff;
  background-repeat: no-repeat;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
  border-radius: 64px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55);
  -webkit-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
div.item-dual-scale table tr.values label > input + div:hover {
  background-color: #999999;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
div.item-dual-scale table tr.values label > input + div:hover:after {
  content: " ";
  -moz-transform: scale(1.35);
  -ms-transform: scale(1.35);
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  color: white;
}
div.item-dual-scale table tr.values label > input:checked + div {
  /* (CHECKED) IMAGE STYLES */
  background-color: #000000;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
div.item-dual-scale table tr.values label > input:checked + div:after {
  content: " ";
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  color: white;
}
div.item-dual-scale table.table-label {
  width: 16%;
}
div.item-dual-scale table.table-label label {
  width: auto;
  float: none;
}
div.item-dual-scale table.table-label tr td {
  height: 80px;
  text-align: left;
  font-size: 1.2em;
}
@media screen and (max-width: 767px) {
  div.item-dual-scale table.table-label {
    float: none;
    clear: both;
    width: auto;
  }
  div.item-dual-scale table.table-label tr td {
    height: auto;
    padding: 0;
  }
}
div.item-dual-scale table.scale1 {
  width: 55%;
  border-right: 1px solid #dddddd;
}
@media screen and (max-width: 767px) {
  div.item-dual-scale table.scale1 {
    width: 60%;
  }
}
@media screen and (max-width: 480px) {
  div.item-dual-scale table.scale1 {
    float: none;
    clear: both;
    width: auto;
    border-right: none;
  }
}
div.item-dual-scale table.scale2 {
  width: 29%;
}
@media screen and (max-width: 767px) {
  div.item-dual-scale table.scale2 {
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  div.item-dual-scale table.scale2 {
    float: none;
    clear: both;
    width: auto;
  }
}
@media screen and (min-width: 481px) {
  div.item-dual-scale.no-repeat-header tr.above {
    display: none;
  }
  div.item-dual-scale.no-repeat-header.dual-scale-idx-1 tr.above {
    display: table;
  }
}
@media screen and (min-width: 768px) {
  div.item-dual-scale.no-repeat-header table.table-label tr td {
    height: 50px;
  }
  div.item-dual-scale.no-repeat-header.dual-scale-idx-1 table.table-label tr td {
    height: 80px;
  }
}

div.item.options-ctrl {
  border-bottom: 1px solid #BEBFB9;
  /*  height: 45px; */
  margin: 0px;
  padding: 16px 8px;
  overflow: visible;
}
div.item.options-ctrl.even {
  background: none repeat scroll 0 0 #F3F4EE;
}
div.item.options-ctrl div.prefix-text {
  margin-top: 2px;
  padding-bottom: 2px;
}
div.item.options-ctrl .options-wrap {
  padding: 0px;
}
div.item.options-ctrl .options-wrap .errormsg {
  margin: -20px 0 0 0;
  float: none;
  position: absolute;
  clear: both;
  display: inline-block;
}
div.item.options-ctrl .options-wrap .errormsg:after {
  /*arrow added to leftarrowdiv DIV*/
  content: '';
  display: block;
  position: absolute;
  top: -12px;
  /*should be set to -border-width x 2 */
  left: 20px;
  width: 0;
  height: 0;
  border-color: transparent transparent red transparent;
  /*border color should be same as div div background color*/
  border-style: solid;
  border-width: 7px;
}
div.item.options-ctrl .options-wrap .options-inner {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  position: relative;
  clear: both;
}
div.item.options-ctrl .options-wrap .options-inner div.question-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 40%;
  white-space: normal;
}
div.item.options-ctrl .options-wrap .options-inner div.question-text label {
  font-size: 100%;
  width: auto;
  font-weight: normal;
  float: none;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options {
  flex: 1 0 auto;
  display: block;
  outline: none;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options .option {
  position: relative;
  display: flex;
  flex-direction: column;
  float: left;
  padding-top: 12px;
  padding-bottom: 12px;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options .option div.label {
  margin: 6px 2px;
  font-size: 12px;
  text-transform: none;
  clear: both;
  overflow: visible;
  text-align: center;
  border-bottom: 1px dotted #BEBFB9;
  z-index: 10;
  white-space: pre-wrap;
}
@media (min-width: 960px) {
  div.item.options-ctrl .options-wrap .options-inner div.options-options .option div.label {
    margin: 6px 12px;
  }
}
div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press {
  display: block;
  background-color: #ffffff;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
  /*
  @include gradient-2step($clrEmpty, lighten($clrEmpty, 10%)); */
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  /*
  &.pressed,
  &:hover.pressed {
    @include gradient-2step($clrPressed, lighten($clrPressed, 10%));
  } */
}
@media (min-width: 1024px) {
  div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press:hover {
    background-color: #999999;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press:hover:after {
    content: " ";
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
    color: white;
  }
}
div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press.pressed, div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press:hover.pressed {
  background-color: #000066;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press.pressed:after, div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press:hover.pressed:after {
  content: " ";
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  color: white;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press:after {
  font-size: 54px;
  line-height: inherit;
  display: block;
  content: " ";
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  width: 100%;
  height: 100%;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  border-radius: 100%;
  -webkit-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-2 .option {
  width: 50%;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-3 .option {
  width: 33.3%;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-4 .option {
  width: 25%;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-5 .option {
  width: 20%;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-6 .option {
  width: 16.6%;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-7 .option {
  width: 14%;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-8 .option {
  width: 12.5%;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-9 .option {
  width: 11%;
}
div.item.options-ctrl .options-wrap .options-inner div.options-options.options-10 .option {
  width: 10%;
}

@media (max-width: 768px) {
  div.item.options-ctrl div.prefix-text {
    margin-top: 0;
    padding-bottom: 10px;
  }
}
@media (max-width: 620px) {
  div.item.options-ctrl div.prefix-text {
    margin-top: 0;
    padding-bottom: 10px;
  }
  div.item.options-ctrl .options-wrap .options-inner {
    display: block;
  }
  div.item.options-ctrl .options-wrap .options-inner div.question-text {
    display: block;
    position: static;
    width: 100%;
    clear: both;
    float: none;
  }
  div.item.options-ctrl .options-wrap .options-inner div.options-options {
    margin-left: 0;
    width: 100%;
    clear: both;
    float: none;
  }
  div.item.options-ctrl .options-wrap .options-inner div.options-options .option div.label {
    margin: 6px 4px;
  }
  div.item.options-ctrl .options-wrap .options-inner div.options-options .option .press {
    outline: none;
  }
}
div.item.checkboxes-ctrl {
  border-bottom: 1px solid #BEBFB9;
  /*  height: 45px; */
  margin: 0px;
  padding: 16px 8px;
  overflow: hidden;
}
div.item.checkboxes-ctrl.even {
  background: none repeat scroll 0 0 #F3F4EE;
}
div.item.checkboxes-ctrl div.prefix-text {
  margin-top: -20px;
  padding-bottom: 20px;
}
div.item.checkboxes-ctrl div.question-text {
  width: 100%;
  display: block;
  white-space: normal;
}
div.item.checkboxes-ctrl .checkboxes-wrap {
  padding: 0px;
}
div.item.checkboxes-ctrl .checkboxes-wrap .errormsg {
  margin: -20px 0 0 0;
  float: none;
  position: absolute;
  clear: both;
  display: inline-block;
}
div.item.checkboxes-ctrl .checkboxes-wrap .errormsg:after {
  /*arrow added to leftarrowdiv DIV*/
  content: '';
  display: block;
  position: absolute;
  top: -12px;
  /*should be set to -border-width x 2 */
  left: 20px;
  width: 0;
  height: 0;
  border-color: transparent transparent red transparent;
  /*border color should be same as div div background color*/
  border-style: solid;
  border-width: 7px;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner {
  overflow: visible;
  white-space: nowrap;
  outline: none;
  position: relative;
  clear: both;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner .option-row {
  overflow: hidden;
  clear: both;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column {
  max-width: 250px;
  width: 25%;
  display: block;
  float: left;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  clear: both;
  padding-bottom: 10px;
  margin-right: 12px;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press {
  display: table-cell;
  vertical-align: top;
  width: 48px;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press .press-inner {
  background-color: #ffffff;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
  /*
  @include gradient-2step($clrEmpty, lighten($clrEmpty, 10%)); */
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  /*
  &.pressed,
  &:hover.pressed {
    @include gradient-2step($clrPressed, lighten($clrPressed, 10%));
  } */
}
@media (min-width: 1024px) {
  div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press .press-inner:hover {
    background-color: #999999;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press .press-inner:hover:after {
    content: " ";
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
    color: white;
  }
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press .press-inner.pressed, div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press .press-inner:hover.pressed {
  background-color: #000066;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press .press-inner.pressed:after, div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press .press-inner:hover.pressed:after {
  content: " ";
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  color: white;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option .press .press-inner:after {
  font-size: 54px;
  line-height: inherit;
  display: block;
  content: " ";
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  width: 100%;
  height: 100%;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  border-radius: 100%;
  -webkit-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -moz-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -ms-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  -o-transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
  transition: all 0.25s cubic-bezier(0.5, 0, 0, 1.5);
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column .option div.label {
  display: table-cell;
  vertical-align: middle;
  margin: 0 0 0 8px;
  font-size: 12px;
  text-transform: none;
  overflow: visible;
  text-align: left;
  white-space: normal;
  overflow: hidden;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.last .option {
  margin-right: 0;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-2 .option {
  width: 50%;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-3 .option {
  width: 33.3%;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-4 .option {
  width: 25%;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-5 .option {
  width: 20%;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-6 .option {
  width: 16.6%;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-7 .option {
  width: 14%;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-8 .option {
  width: 12.5%;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-9 .option {
  width: 11%;
}
div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column.checkboxes-10 .option {
  width: 10%;
}
div.item.checkboxes-ctrl .checkboxes-wrap.checkbox-cols-2 .checkboxes-inner div.checkboxes-column {
  width: 50%;
}
div.item.checkboxes-ctrl .checkboxes-wrap.checkbox-cols-3 .checkboxes-inner div.checkboxes-column {
  width: 33%;
}
div.item.checkboxes-ctrl .checkboxes-wrap.checkbox-cols-4 .checkboxes-inner div.checkboxes-column {
  width: 25%;
}

div.fit-right.item.checkboxes-ctrl div.chkinner-wrap {
  position: relative;
  display: flex;
  flex-direction: row;
}
div.fit-right.item.checkboxes-ctrl div.question-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 40%;
  white-space: normal;
}
div.fit-right.item.checkboxes-ctrl div.question-text .question-text {
  padding: 0 0 0 12px;
}
div.fit-right.item.checkboxes-ctrl div.checkboxes-wrap {
  padding: 12px 0;
  display: block;
  flex: 1 1 auto;
}

@media (max-width: 620px) {
  div.fit-right.item.checkboxes-ctrl div.chkinner-wrap {
    display: block;
  }
  div.fit-right.item.checkboxes-ctrl div.question-text {
    position: static;
    width: 100%;
    clear: both;
    float: none;
  }
  div.fit-right.item.checkboxes-ctrl div.checkboxes-wrap {
    margin-left: 0;
    width: 100%;
    clear: both;
    float: none;
  }
}
@media (max-width: 620px) {
  div.item.checkboxes-ctrl div.prefix-text {
    margin-top: -10px;
    padding-bottom: 10px;
  }
  div.item.checkboxes-ctrl div.question-text {
    width: 100%;
    clear: both;
    float: none;
  }
  div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-column {
    margin: 0;
    width: 100%;
  }
  div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-options {
    width: 100%;
    clear: both;
    float: none;
  }
  div.item.checkboxes-ctrl .checkboxes-wrap .checkboxes-inner div.checkboxes-options .option div.label {
    margin: 6px 4px;
  }
}
.tickall {
  margin-top: 12px;
  font-size: 80%;
}

div.inline-menu {
  clear: both;
  height: 28px;
  overflow: hidden;
  background: #cfe4fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, #f7faff), color-stop(52%, #e8f2ff), color-stop(52%, #d9e5f4), color-stop(90%, #e5edf8), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f7faff 15%, #e8f2ff 52%, #d9e5f4 52%, #e5edf8 90%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#cfe4fe',GradientType=0 );
  /* IE6-9 */
  border-top: 1px solid #dbe5f2;
  border-bottom: 1px solid #dbe5f2;
}
div.inline-menu ul {
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}
div.inline-menu ul li {
  /*          background-position: left center;
            background-repeat: no-repeat; */
  font-size: 12px;
  display: block;
  float: left;
  /*          padding: 6px 0 6px 24px; */
  padding: 0px 0px 2px 4px;
  margin-top: 2px;
  /*          &.newfolder {
              background-image: image-url("nfolder.png");
            } */
}
div.inline-menu ul li.first {
  padding-left: 10px;
}
div.inline-menu ul li a {
  color: #000;
  display: block;
  float: left;
  padding: 3px 10px;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0);
}
div.inline-menu ul li a:hover {
  color: #006;
  border: 1px solid #b6cbe4;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  background: #cfe4fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f2f8ff), color-stop(52%, #c9daf0), color-stop(90%, #d5e2f3), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#cfe4fe',GradientType=0 );
  /* IE6-9 */
}
div.inline-menu ul li.active a {
  color: #006;
  border: 1px solid #b6cbe4;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  background: #84bafc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cae1fe 0%, #b6d6fd 15%, #a7cefd 52%, #8db2df 52%, #99bae2 90%, #9dc8fd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cae1fe), color-stop(15%, #b6d6fd), color-stop(52%, #a7cefd), color-stop(52%, #8db2df), color-stop(90%, #99bae2), color-stop(100%, #9dc8fd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cae1fe 0%, #b6d6fd 15%, #a7cefd 52%, #8db2df 52%, #99bae2 90%, #9dc8fd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cae1fe 0%, #b6d6fd 15%, #a7cefd 52%, #8db2df 52%, #99bae2 90%, #9dc8fd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cae1fe 0%, #b6d6fd 15%, #a7cefd 52%, #8db2df 52%, #99bae2 90%, #9dc8fd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cae1fe 0%, #b6d6fd 15%, #a7cefd 52%, #8db2df 52%, #99bae2 90%, #9dc8fd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae1fe', endColorstr='#84bafc',GradientType=0 );
  /* IE6-9 */
}
div.inline-menu ul li.disabled {
  display: none;
}
div.inline-menu ul li.btn-select a {
  position: relative;
  padding-right: 20px;
}
div.inline-menu ul li.btn-select a:after {
  /*arrow added*/
  content: '';
  display: block;
  z-index: 1000;
  position: absolute;
  top: 40%;
  /*should be set to 100% */
  right: 5px;
  width: 0;
  height: 0;
  border-color: black transparent transparent transparent;
  /*border color should be same as div div background color*/
  border-style: solid;
  border-width: 5px;
}

div.inline-menu.disabled {
  background: #dfdfdf;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(15%, #f3f3f3), color-stop(52%, #ececec), color-stop(52%, #dfdfdf), color-stop(90%, #e7e7e7), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
  /* IE6-9 */
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
div.inline-menu.disabled ul li a {
  color: #999999;
}
div.inline-menu.disabled ul li a:hover {
  color: #999999;
  border: 1px solid rgba(255, 255, 255, 0);
  background: none;
}

.float-right {
  float: right;
}

a.inline-btn {
  font-size: 11px;
  border-radius: 4px;
  border: 1px solid rgba(222, 230, 239, 0.75);
  /*      background-color: lighten($tabclr,25%); */
  background: #d9eafe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f2f8ff), color-stop(52%, #e1eaf6), color-stop(90%, #edf3fa), color-stop(100%, #f2f8ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#d9eafe',GradientType=0 );
  /* IE6-9 */
  display: inline-block;
  padding: 2px 10px;
  margin: 0 2px 0 0;
  line-height: 100%;
  text-decoration: none;
}
a.inline-btn:not(.selected):hover {
  background: #cfe4fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f2f8ff), color-stop(52%, #c9daf0), color-stop(90%, #d5e2f3), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#cfe4fe',GradientType=0 );
  /* IE6-9 */
  /*        background-color: lighten($tabclr,12%); */
}
a.inline-btn:not(.selected):hover a {
  color: #333;
}
a.inline-btn:hover, a.inline-btn:focus {
  background: #d5d5d5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e4f0fc));
  background: -moz-linear-gradient(top center, #ffffff 0%, #e4f0fc 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e4f0fc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4f0fc');
  text-decoration: none;
  outline: 0;
}

table.logviewer th, table.logviewer td {
  text-align: left;
  padding: 2px 8px 2px 0px;
}

#timeout-warn {
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 20px;
  overflow: hidden;
  background: #ffff00;
  text-align: center;
}

#timeout-dead {
  background: #ffeccb;
  text-align: center;
}
#timeout-dead div {
  margin: 20px;
}

#repeatableitems div.repeatitem, #repeatableitems0 div.repeatitem, #repeatableitems1 div.repeatitem {
  padding: 0px 8px;
  margin: 0px -8px -16px -8px;
}
#repeatableitems div.repeatitem.selected, #repeatableitems0 div.repeatitem.selected, #repeatableitems1 div.repeatitem.selected {
  background-color: #f2fbfd;
}

div.panel {
  font-size: 14px;
  margin-top: 3px;
}
div.panel.panel-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  z-index: 100;
}

div.panel-filterpanel div.panel-inner {
  background: #fbfcff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfcff 0%, #ecf4fe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfcff), color-stop(100%, #ecf4fe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbfcff, #ecf4fe);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbfcff 0%, #ecf4fe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbfcff 0%, #ecf4fe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbfcff 0%, #ecf4fe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcff', endColorstr='#ecf4fe',GradientType=0 );
  /* IE6-9 */
  border: 1px solid rgba(132, 172, 222, 0.5);
}
div.panel-filterpanel button {
  color: #ffffff;
  background: none repeat scroll 0 0 #1C90F3;
  border: 1px solid #0b76d1;
  border-radius: 5px;
  box-shadow: 0 0 10px #0c7bdb inset;
  transition: box-shadow 0.2s ease-in-out;
  margin: 0 0 0 25px;
  padding: 5px 10px;
}
div.panel-filterpanel button:hover {
  box-shadow: 0 0 10px #0c7bdb inset, 0 0 14px #1C90F3;
}
div.panel-filterpanel div.filter-block {
  margin: 6px 25px 4px 25px;
}
div.panel-filterpanel div.filter-block .select2-container {
  width: 100%;
  display: block;
}
div.panel-filterpanel div.filter-block div.filter-varname .select2-selection {
  border: none;
}
div.panel-filterpanel div.filter-block div.filter-varname .select2-selection__rendered {
  border: none;
  background: #fbfcff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfcff 0%, #ecf4fe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfcff), color-stop(100%, #ecf4fe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbfcff, #ecf4fe);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbfcff 0%, #ecf4fe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbfcff 0%, #ecf4fe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbfcff 0%, #ecf4fe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcff', endColorstr='#ecf4fe',GradientType=0 );
  /* IE6-9 */
}
div.panel-filterpanel div.filter-block select {
  width: 100%;
}

.select2-container {
  font-size: 14px;
}

div.panel-namefilterpanel {
  margin-right: 24px;
}
div.panel-namefilterpanel input.name-filter {
  background-image: url('../images/searchicon.png?1611853217');
  background-position: 4px 6px;
  background-repeat: no-repeat;
  padding: 8px 0px 8px 42px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

div.panel-exportpanel {
  padding: 6px 0;
  margin-right: 24px;
}
div.panel-exportpanel div.panel-buttons {
  float: right;
}
div.panel-exportpanel button {
  color: #ffffff;
  background: none repeat scroll 0 0 #1C90F3;
  border: 1px solid #0b76d1;
  border-radius: 5px;
  box-shadow: 0 0 10px #0c7bdb inset;
  transition: box-shadow 0.2s ease-in-out;
  margin: 0 0 0 25px;
  padding: 5px 10px;
}
div.panel-exportpanel button:hover {
  box-shadow: 0 0 10px #0c7bdb inset, 0 0 14px #1C90F3;
}

ul.acmatches {
  position: absolute;
  z-index: 2;
  margin: -1px 0 0 0;
  padding: 0;
  /*max-width: 50em;*/
  overflow-x: hidden;
  overflow-y: auto;
  text-overflow: ellipsis;
  background-color: #ffffff;
  border: 1px solid #666;
  max-height: 240px;
}
ul.acmatches li {
  list-style-type: none;
  padding: 3px 8px;
  text-indent: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
ul.acmatches li:hover {
  background-color: #5094d0;
  color: #ffffff;
}

.question-text blockquote, .quoted-html blockquote {
  position: relative;
  border-left: 4px solid #f6d62e;
  font-weight: 100;
  padding: 1em 0 1em 0.5em;
  margin: 0 0 1em 2em;
}
.question-text blockquote.key-score, .quoted-html blockquote.key-score {
  border-left-color: #f33;
}
.question-text blockquote.good-score, .quoted-html blockquote.good-score {
  border-left-color: #3f3;
}
.question-text blockquote .quote-question, .quoted-html blockquote .quote-question {
  font-weight: 600;
}
.question-text blockquote .quote-response, .quoted-html blockquote .quote-response {
  margin: 0.5em 0 0 0;
  position: relative;
  color: #666;
  font-style: italic;
}
.question-text blockquote.quote-inline, .quoted-html blockquote.quote-inline {
  display: flex;
  flex-direction: row;
  padding: 0.25em 0 0.25em 0.5em;
  margin: 0 1em 1em 0;
}
.question-text blockquote.quote-inline .quote-response, .quoted-html blockquote.quote-inline .quote-response {
  font-style: normal;
  padding-left: 8px;
  margin-top: 0;
}
.question-text blockquote.quote-inline .quote-response:before, .question-text blockquote.quote-inline .quote-response:after, .quoted-html blockquote.quote-inline .quote-response:before, .quoted-html blockquote.quote-inline .quote-response:after {
  display: none;
}
.question-text .quoted-items, .quoted-html .quoted-items {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
}
.question-text .quoted-items h2, .quoted-html .quoted-items h2 {
  width: 100%;
  margin-bottom: 0.75em;
}
.question-text.quotes-column .quoted-items, .quoted-html.quotes-column .quoted-items {
  flex-direction: column;
  flex-flow: column;
}

#page #main-title {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
#page > #content {
  padding: 16px;
  position: relative;
}
#page > #content div.editlinks, #page > #content div.sectionlinks, #page > #content div.questionlinks {
  position: absolute;
  top: 0;
  right: 10px;
}
#page > #content div.editlinks a, #page > #content div.sectionlinks a, #page > #content div.questionlinks a {
  font-size: 11px;
  border-radius: 4px;
  border: 1px solid rgba(222, 230, 239, 0.75);
  /*      background-color: lighten($tabclr,25%); */
  background: #d9eafe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f2f8ff), color-stop(52%, #e1eaf6), color-stop(90%, #edf3fa), color-stop(100%, #f2f8ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f2f8ff 52%, #e1eaf6 52%, #edf3fa 90%, #f2f8ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#d9eafe',GradientType=0 );
  /* IE6-9 */
  display: inline-block;
  padding: 2px 10px;
  margin: 2px;
  text-decoration: none;
}
#page > #content div.editlinks a:not(.selected):hover, #page > #content div.sectionlinks a:not(.selected):hover, #page > #content div.questionlinks a:not(.selected):hover {
  background: #cfe4fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f2f8ff), color-stop(52%, #c9daf0), color-stop(90%, #d5e2f3), color-stop(100%, #e8f2ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f2f8ff 52%, #c9daf0 52%, #d5e2f3 90%, #e8f2ff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#cfe4fe',GradientType=0 );
  /* IE6-9 */
  /*        background-color: lighten($tabclr,12%); */
}
#page > #content div.editlinks a:not(.selected):hover a, #page > #content div.sectionlinks a:not(.selected):hover a, #page > #content div.questionlinks a:not(.selected):hover a {
  color: #333;
}
#page > #content div.editlinks a:hover, #page > #content div.editlinks a:focus, #page > #content div.sectionlinks a:hover, #page > #content div.sectionlinks a:focus, #page > #content div.questionlinks a:hover, #page > #content div.questionlinks a:focus {
  background: #d5d5d5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e4f0fc));
  background: -moz-linear-gradient(top center, #ffffff 0%, #e4f0fc 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e4f0fc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4f0fc');
  text-decoration: none;
  outline: 0;
}
#page > #content div.questionlinks {
  top: 24px;
}

.invisible {
  display: none;
}

xmp {
  white-space: pre-wrap;
}

div.paginghtml {
  position: absolute;
  margin-top: -82px;
  right: 4px;
}

@media (max-width: 620px) {
  div.paginghtml {
    position: static;
    margin-top: -95px;
    margin-bottom: 66px;
    left: 0;
    text-align: right;
  }
}
#test-server-overlay {
  position: absolute;
  top: 7px;
  left: 30%;
  pointer-events: none;
  color: #000000;
  text-shadow: 2px 2px 8px #ffffff;
  font-size: 16px;
  line-height: 19px;
  z-index: 101;
}

#ui-datepicker-div {
  font-size: 0.9em;
}
#ui-datepicker-div .ui-widget-header {
  color: #333;
}

form {
  font-size: 85%;
  overflow: visible;
  clear: both;
  margin: 10px 0;
  padding: 0px;
  /*  min-height: 200px; */
}
form .errormsg {
  position: absolute;
  z-index: 100;
  display: block;
  font-size: 12px;
  background: red;
  color: white;
  padding: 5px 10px 6px 10px;
  word-wrap: break-word;
  -moz-border-radius: 3px;
  /*add some nice CSS3 round corners*/
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: -30px;
  margin-left: 330px;
}
form .errormsg:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid red;
}
form .item-empty {
  background-color: #ffffdd;
}
form .item-empty.even {
  background-color: #f4f4e0 !important;
}
form .item-empty textarea, form .item-empty input, form .item-empty select {
  background-color: #ffffdd !important;
}
form .nolabel .errormsg {
  margin-left: 200px;
}
form .nolabel .description {
  margin-left: 0 !important;
}
form .item {
  position: relative;
  overflow: auto;
  clear: both;
  padding: 0 0 8px;
}
form .item label {
  display: block;
  float: left;
  width: 150px;
}
form .item.label-above label {
  float: none;
  width: auto;
}
form .item.item-static {
  margin-bottom: 18px;
}
form .trans-wrap {
  border: 1px solid #c0c0c0;
  padding: 16px;
  margin: 16px 0;
  background-color: #f0f0f0;
}
form .trans-wrap .src-dest {
  display: flex;
}
form .trans-wrap .src-dest > div {
  flex: 1 1 50%;
}
form .source {
  padding: 5px 10px 6px 10px;
  border: 1px solid #c0c0c0;
  background-color: #ffffff;
}
form .suggestion {
  padding: 5px 10px 6px 10px;
  border: 1px solid #c0c0c0;
  background-color: #f8f8f8;
}
form .item-text input, form .item-password input {
  width: 200px;
}
form .item-text.full-width input, form .item-password.full-width input {
  width: 100% !important;
}
form .item-textarea .inner {
  float: none;
}
form div.cols .col {
  float: left;
}
form div.cols .col .item .inner {
  float: none;
}
form div.cols .col .item .errormsg {
  display: block;
  margin-top: -30px;
}
form div.cols .col .item.nolabel .errormsg {
  margin-left: 200px;
}
form div.cols .col-left {
  margin-left: 0;
}
form div.cols.autowidth .col {
  width: auto;
  margin-left: 10px;
}
form div.cols.autowidth .col-left {
  margin-left: 0;
}
form div.cols.narrow .inner {
  display: inline-block;
  float: none;
}
form div.cols.narrow .col .item .errormsg {
  margin: -1px 0 0 10px;
  padding: 5px 7px 5px 7px;
  float: none;
  display: inline-block;
}
form div.cols.narrow .col .item .errormsg:after {
  display: none;
}
form div.cols.narrow .col .item .errormsg:before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  top: 7px;
  /*should be set to -border-width x 2 */
  width: 0;
  height: 0;
  border-color: transparent red transparent transparent;
  /*border color should be same as div div background color*/
  border-style: solid;
  border-width: 5px;
}
form div.cols.narrow .item {
  margin: 0;
}
form div.cols.narrow .item-text input {
  width: 100px;
}
form div.cols.narrow label {
  float: none;
  font-size: 12px;
  width: 100px;
}
form .item-textarea .errormsg {
  margin-left: 130px;
  margin-top: 10px;
}
form .item-textarea .errormsg:after {
  /*arrow added to leftarrowdiv DIV*/
  content: '';
  display: block;
  position: absolute;
  top: -12px;
  /*should be set to -border-width x 2 */
  left: 20px;
  width: 0;
  height: 0;
  border-color: transparent transparent red transparent;
  /*border color should be same as div div background color*/
  border-style: solid;
  border-width: 7px;
}
form fieldset {
  overflow: visible;
  margin: 6px 0 12px 0;
  border: none;
  padding: 0;
}
form fieldset.constraint {
  display: none;
  margin: 0 0 12px 0;
}
form .hidden {
  display: none;
}
form div.description {
  overflow: auto;
  clear: both;
  margin: 0px 0 12px 0;
  font-size: 12px;
  color: #333;
}
form .indent, form button.indent {
  margin: 0px 0 2px 130px !important;
}
form .noindent {
  margin-left: 0px !important;
}
form div.item {
  /*  overflow:auto; */
  clear: both;
  margin: 6px 0 6px 0;
  overflow: visible;
}
form div.item label {
  display: block;
  float: left;
  width: 130px;
  font-weight: bold;
  line-height: 20px;
}
form div.item em.req {
  display: block;
  float: right;
  font-style: normal;
  color: #f00;
  margin-right: 3px;
}
form div.item .description {
  margin: 0px 0 2px 130px;
  font-size: 11px;
  color: #888;
}
form div.item div.check-table {
  display: table;
  max-width: 550px;
}
form div.item div.check-box-td {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  padding: 2px 4px 0 0;
  width: 1%;
}
form div.item div.check-label-td {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  padding: 0;
  width: 100%;
}
form div.item .check-text {
  font-weight: normal;
  font-size: 11px;
  color: #888;
  float: none;
  display: inline;
}
form div.item span.static {
  display: block;
  float: left;
}
form div.item input,
form div.item select,
form div.item textarea {
  width: 180px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
form div.item input[type=file] {
  width: auto;
}
form div.item input[type=text],
form div.item select,
form div.item textarea {
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 5px 10px -7px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 5px 10px -7px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 5px 10px -7px inset;
}
form div.item.item-error input, form div.item.item-error select, form div.item.item-error textarea {
  border: 1px solid #f33;
  background-color: #ffeeee;
}
form div.item.item-checkbox input {
  width: auto;
  margin: 2px 4px 0 0;
}
form div.item.item-time select {
  width: 5em !important;
}
form div.item.item-search div.search-val {
  display: inline-block;
}
form div.item.item-search div.search-val select.day {
  width: 55px;
}
form div.item.item-search div.search-val select.month {
  width: 55px;
}
form div.item.item-search div.search-val select.year {
  width: 55px;
}
form div.item.item-radio div.radio-inner {
  margin-left: 130px;
}
form div.item .name {
  width: 510px;
}
form div.item input[type=radio] {
  width: auto;
  margin: 4px 4px 0 0;
}
form div.item textarea.notes {
  margin-top: 12px;
  width: 97%;
}
form div.item textarea.veryshort {
  width: 510px;
  height: 45px;
}
form div.item textarea.short {
  width: 510px;
  height: 150px;
}
form div.item textarea.algorithm {
  width: 510px;
}
form div.item textarea.algorithm-short {
  width: 510px;
}
form div.item textarea.long {
  width: 510px;
  height: 250px;
}
form div.buttons {
  margin: 12px 0 12px 130px;
}
form div.item-content {
  margin-left: 130px;
}
form.border {
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}
form .editor-with-label {
  margin-left: 130px;
}
form fieldset.has-linkedqid {
  background-color: #eeeeee;
}
form fieldset.has-linkedqid label {
  color: #999999;
}
form fieldset.has-linkedqid input, form fieldset.has-linkedqid radio, form fieldset.has-linkedqid checkbox, form fieldset.has-linkedqid select {
  color: #999999;
}
form div.email-response div.info {
  font-weight: bold;
}
form div.email-response div.email-list {
  margin: 16px 0;
}
form .button-area {
  margin-top: 20px;
}
form.filterForm div.item {
  font-size: 85%;
  margin: 0px;
}

@media (max-width: 1024px) {
  form .errormsg {
    margin-left: 250px;
  }
  form .nolabel .errormsg {
    margin-left: 140px;
  }
  form div.item label {
    width: 110px;
    font-size: 90%;
  }
  form div.item input,
  form div.item select,
  form div.item textarea {
    width: 120px;
  }
  form div.item .name {
    width: 510px;
  }
  form div.item .description {
    margin: 0px 0 2px 110px;
  }
  form .indent, form button.indent {
    margin: 0px 0 2px 110px !important;
  }
  form .editor-with-label {
    margin-left: 110px;
  }
  form .linedta-with-label {
    margin-left: 110px;
  }
}
@media (max-width: 768px) {
  form .errormsg {
    margin-left: 200px;
  }
  form .nolabel .errormsg {
    margin-left: 120px;
  }
  form div.item label {
    width: 80px;
    font-size: 85%;
  }
  form div.item input,
  form div.item select,
  form div.item textarea {
    width: 100px;
  }
  form div.item .name {
    width: 250px;
  }
  form div.item .description {
    margin: 0px 0 2px 80px;
  }
  form .indent, form button.indent {
    margin: 0px 0 2px 80px !important;
  }
  form .editor-with-label {
    margin-left: 80px;
  }
  form .linedta-with-label {
    margin-left: 80px;
  }
}
@media (max-width: 620px) {
  form .errormsg {
    margin-left: 220px;
  }
  form .nolabel .errormsg {
    margin-left: 120px;
  }
  form div.cols .col {
    float: none;
    width: auto !important;
  }
  form div.item label {
    width: 100px;
    font-size: 85%;
  }
  form div.item .name {
    width: auto;
  }
  form div.item .description {
    margin: 0px 0 2px 100px;
  }
  form .indent, form button.indent {
    margin: 0px 0 2px 100px !important;
  }
}
div.item-error > .cke {
  border: 2px solid red;
}

label a.del {
  float: right;
  display: block;
  text-decoration: none;
  color: #e0c000;
}
label a.del:hover {
  text-decoration: none;
  color: #ff6666;
}

.do-fade {
  -webkit-transition: opacity 0.175s ease-in-out;
  -moz-transition: opacity 0.175s ease-in-out;
  -o-transition: opacity 0.175s ease-in-out;
  transition: opacity 0.175s ease-in-out;
}

.fade-in {
  -webkit-transition: opacity 0.175s ease-in-out;
  -moz-transition: opacity 0.175s ease-in-out;
  -o-transition: opacity 0.175s ease-in-out;
  transition: opacity 0.175s ease-in-out;
  opacity: 1.0;
}

.fade-out {
  -webkit-transition: opacity 0.175s ease-in-out;
  -moz-transition: opacity 0.175s ease-in-out;
  -o-transition: opacity 0.175s ease-in-out;
  transition: opacity 0.175s ease-in-out;
  opacity: 0.0;
}

.noTransition {
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: color 0 ease-in !important;
  transition: none !important;
}

form input[type=checkbox] {
  width: auto !important;
}

body.default-theme form button, body.default-theme form input[type=submit] {
  display: inline-block;
  border-radius: 3px;
  background: #d4e5f9;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, white 15%, #f3f8fd 52%, #d0dbe9 52%, #dae3ee 90%, #eaf2fc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(52%, #f3f8fd), color-stop(52%, #d0dbe9), color-stop(90%, #dae3ee), color-stop(100%, #eaf2fc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, white 15%, #f3f8fd 52%, #d0dbe9 52%, #dae3ee 90%, #eaf2fc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, white 15%, #f3f8fd 52%, #d0dbe9 52%, #dae3ee 90%, #eaf2fc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, white 15%, #f3f8fd 52%, #d0dbe9 52%, #dae3ee 90%, #eaf2fc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #f3f8fd 52%, #d0dbe9 52%, #dae3ee 90%, #eaf2fc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#d4e5f9',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #c0ccda;
  padding: 3px 10px;
  margin: 0 6px 0 0;
  font-size: 14px;
}
body.default-theme form button:hover, body.default-theme form input[type=submit]:hover {
  background: #a7c9f3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ddeafa 0%, #cbdff8 15%, #bdd7f6 52%, #bbcbdf 52%, #c5d3e4 90%, #bdd7f6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddeafa), color-stop(15%, #cbdff8), color-stop(52%, #bdd7f6), color-stop(52%, #bbcbdf), color-stop(90%, #c5d3e4), color-stop(100%, #bdd7f6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ddeafa 0%, #cbdff8 15%, #bdd7f6 52%, #bbcbdf 52%, #c5d3e4 90%, #bdd7f6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ddeafa 0%, #cbdff8 15%, #bdd7f6 52%, #bbcbdf 52%, #c5d3e4 90%, #bdd7f6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddeafa 0%, #cbdff8 15%, #bdd7f6 52%, #bbcbdf 52%, #c5d3e4 90%, #bdd7f6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ddeafa 0%, #cbdff8 15%, #bdd7f6 52%, #bbcbdf 52%, #c5d3e4 90%, #bdd7f6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeafa', endColorstr='#a7c9f3',GradientType=0 );
  /* IE6-9 */
}
body.default-theme form button[disabled=disabled] {
  background: #dfdfdf;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(15%, #f3f3f3), color-stop(52%, #ececec), color-stop(52%, #dfdfdf), color-stop(90%, #e7e7e7), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
  /* IE6-9 */
  color: #ccc;
}
body.default-theme form button[disabled=disabled]:hover {
  background: #dfdfdf;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(15%, #f3f3f3), color-stop(52%, #ececec), color-stop(52%, #dfdfdf), color-stop(90%, #e7e7e7), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefefe 0%, #f3f3f3 15%, #ececec 52%, #dfdfdf 52%, #e7e7e7 90%, #ececec 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 );
  /* IE6-9 */
  color: #ccc;
}

form.tvl-action div.errormsg {
  position: absolute;
}

form.flat {
  background-color: #ffffff;
  max-width: 760px;
  margin-left: 16px;
  padding: 16px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.errormsg {
  display: none;
}

div.cols-2 .col {
  width: 50%;
}

div.cols-3 .col {
  width: 33%;
}

div.cols-4 .col {
  width: 25%;
}
div.cols-4 .col .description {
  margin-left: 0;
}

div.cols-5 .col {
  width: 20%;
}

div.cols-6 .col {
  width: 16%;
}

.disableautocomplete {
  position: absolute;
  display: block;
  margin-left: -9999px;
}

form div.item textarea.full {
  width: 99%;
}

.disable-selection {
  -ms-user-select: none;
  /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.qtext-preview {
  border: 1px solid #DFE0E7;
  border-radius: 4px;
  padding: 10px 10px;
  display: block;
  background-color: #F7F7F7;
  line-height: 1.1em;
  margin: 0 0 16px 0;
}

.insetGroup {
  padding: 20px;
  border: 1px solid #cccccc;
  flex: 1;
}

.multiChecks {
  display: flex;
}
.multiChecks > div {
  flex: 0 0 auto;
  margin-right: 16px;
  display: flex;
}
.multiChecks.inRows {
  flex-direction: row;
}
.multiChecks.inRows.w180 .check-label-td {
  width: 180px;
}
.multiChecks.inCols {
  flex-direction: column;
}

.datepicker2-outer {
  display: flex;
  flex-direction: column;
  max-width: 210px;
}

.propsAttr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.propsAttr > img, .propsAttr > span {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.propsIcon {
  width: 16px;
  height: 16px;
}

.manual-next-disabled {
  background-color: #cccccc !important;
}

form div.item textarea.algorithm {
  margin-left: 50px;
  width: 760px;
  height: 350px;
  float: left;
  border-left: none;
  font: 13px "courier new";
}

form div.item textarea.algorithm-short {
  margin-left: 50px;
  width: 760px;
  height: 250px;
  float: left;
  border-left: none;
  font: 13px "courier new";
}

form div.item textarea.algorithm-short.taller {
  height: 480px;
}

form div.item textarea.json, form div.item textarea.lined {
  margin-left: 50px;
  width: 98%;
  height: 350px;
  float: left;
  border-left: none;
  font: 13px "courier new";
}

form div.item div.lined-ta {
  overflow: hidden;
}

form div.item div.lined-ta {
  overflow: hidden;
  border: 1px solid #cccccc;
  border-radius: 8px;
}

form div.item div.lined-ta textarea {
  border: none;
  outline: none;
  border-radius: 0px;
  font: 13px "courier new";
}

form div.item textarea.lines {
  border-right: none !important;
  overflow: hidden;
  background-color: #f7f7f7;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  text-align: right;
  color: #bbb;
}

div.fullscreen, textarea.fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

a.fullscreen {
  position: absolute;
  right: 32px;
  top: 0;
  z-index: 101;
}

div.grouptree-user {
  cursor: pointer;
}
div.grouptree-user .name {
  clear: both;
  overflow: hidden;
}
div.grouptree-user .name .forename {
  float: left;
  margin-right: 3px;
}
div.grouptree-user .name .surname {
  float: left;
  margin-right: 3px;
}
div.grouptree-user .name .username {
  float: left;
  color: #666;
  font-style: italic;
}
div.grouptree-user .name .username:before {
  content: "(";
}
div.grouptree-user .name .username:after {
  content: ")";
}
div.grouptree-user .email {
  color: #009;
}

/**
 * page specific
 */
.page-login #above-header {
  background: transparent;
}
.page-login #content {
  padding: 120px 0 0 0;
}
.page-login .messages, .page-login .error, .page-login .warn, .page-login .log {
  width: 430px;
  margin: -20px auto 20px auto;
  border-radius: 10px;
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.51), -1px -1px 2px rgba(255, 255, 255, 0.51), 2px 2px 2px rgba(0, 0, 0, 0.51), -2px -2px 2px rgba(0, 0, 0, 0.51);
}
.page-login form.login {
  width: 420px;
  margin: 0 auto;
  border-radius: 12px;
  color: #333;
  padding: 20px 5px 20px 35px;
}
.page-login #below-content {
  width: 420px;
  margin: 40px auto 10px auto;
  color: #ccc;
}
.page-login #below-content a {
  color: #aaa;
}

@media (max-width: 620px) {
  body.page-login #above-header {
    min-height: auto;
  }
  body.page-login #page > #content {
    padding-top: 100px;
  }
  body.page-login .messages, body.page-login .error, body.page-login .warn, body.page-login .log {
    width: 370px;
  }
  body.page-login form.login, body.page-login #below-content {
    width: 360px;
  }
}

@media (max-width: 360px) {
  body.page-login #above-header {
    min-height: 80px;
  }
  body.page-login #page > #content {
    padding-top: 100px;
  }
  body.page-login .messages, body.page-login .error, body.page-login .warn, body.page-login .log {
    width: 300px;
  }
  body.page-login form.login, body.page-login #below-content {
    width: 290px;
  }
}

body.default-theme.page-login form.login {
  background: #e3e5ec;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e3e5ec 0%, #43474f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e5ec), color-stop(100%, #43474f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e5ec, #43474f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e3e5ec 0%, #43474f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e3e5ec 0%, #43474f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e3e5ec 0%, #43474f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5ec', endColorstr='#43474f',GradientType=0 );
  /* IE6-9 */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.07), 2px 1px 6px rgba(0, 0, 0, 0.05), -2px 1px 7px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.51), -1px -1px 2px rgba(255, 255, 255, 0.51), 2px 2px 2px rgba(0, 0, 0, 0.51), -2px -2px 2px rgba(0, 0, 0, 0.51);
}

body.show-body {
  display: block !important;
}

div.cols .col {
  float: left;
}

/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/pt-sans-narrow-v11-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("PT Sans Narrow"), local("PTSans-Narrow"), url("../fonts/pt-sans-narrow-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/pt-sans-narrow-v11-latin-regular.woff2") format("woff2"), url("../fonts/pt-sans-narrow-v11-latin-regular.woff") format("woff"), url("../fonts/pt-sans-narrow-v11-latin-regular.ttf") format("truetype"), url("../fonts/pt-sans-narrow-v11-latin-regular.svg#PTSansNarrow") format("svg");
  /* Legacy iOS */
}
/* pt-sans-narrow-700 - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/pt-sans-narrow-v11-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url("../fonts/pt-sans-narrow-v11-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/pt-sans-narrow-v11-latin-700.woff2") format("woff2"), url("../fonts/pt-sans-narrow-v11-latin-700.woff") format("woff"), url("../fonts/pt-sans-narrow-v11-latin-700.ttf") format("truetype"), url("../fonts/pt-sans-narrow-v11-latin-700.svg#PTSansNarrow") format("svg");
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-regular.woff") format("woff"), url("../fonts/open-sans-v17-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v17-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-700.woff") format("woff"), url("../fonts/open-sans-v17-latin-700.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
body.presentation #main-title h1 {
  font-family: "PT Sans Narrow";
  font-weight: 700;
  color: #37618e;
  font-size: 44px;
  line-height: 110%;
  margin-bottom: 64px;
}

.presentation div.section-content {
  max-width: 960px;
  font-family: "Open Sans";
  line-height: 125%;
  font-size: 20px;
}
.presentation div.section-content img.heroImg {
  display: block;
  max-width: 200px;
  float: right;
  margin: -10px 0 10pt 10pt;
}
.presentation div.section-content img.heroImg.rightCol {
  float: none;
  margin-top: 22px;
  max-width: 50vw;
}
.presentation div.section-content h2 {
  font-family: "PT Sans Narrow";
  font-weight: 700;
  color: #ee7700;
  font-size: 44px;
  line-height: 125%;
}
.presentation div.questions-content {
  max-width: 960px;
  font-family: "Open Sans";
  line-height: 125%;
  font-size: 20px;
}
.presentation div.questions-content img.heroImg {
  display: block;
  max-width: 200px;
  float: right;
  margin: -10px 0 10pt 10pt;
}
.presentation div.questions-content img.heroImg.rightCol {
  float: none;
  margin-top: 22px;
  max-width: 50vw;
}
.presentation div.questions-content h2 {
  font-family: "PT Sans Narrow";
  font-weight: 700;
  color: #ee7700;
  font-size: 44px;
  line-height: 125%;
}
.presentation div.questions-content img.heroImg {
  margin: -100px 0 10pt 10pt;
}
.presentation.landing-content {
  max-width: 960px;
  font-family: "Open Sans";
  line-height: 125%;
  font-size: 20px;
}
.presentation.landing-content img.heroImg {
  display: block;
  max-width: 200px;
  float: right;
  margin: -10px 0 10pt 10pt;
}
.presentation.landing-content img.heroImg.rightCol {
  float: none;
  margin-top: 22px;
  max-width: 50vw;
}
.presentation.landing-content h2 {
  font-family: "PT Sans Narrow";
  font-weight: 700;
  color: #ee7700;
  font-size: 44px;
  line-height: 125%;
}