/* Minification failed. Returning unminified contents.
(6670,15): run-time error CSS1036: Expected expression, found ';'
 */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.toast{opacity:1!important}.toast.ng-enter{opacity:0!important;transition:opacity .3s linear}.toast.ng-enter.ng-enter-active{opacity:1!important}.toast.ng-leave{opacity:1;transition:opacity .3s linear}.toast.ng-leave.ng-leave-active{opacity:0!important}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

.column-view .menu {
  padding-left: 20px;
  color: #fff;
}
.column-view .menu .left,
.column-view .menu .right {
  display: inline-block;
}
.column-view .menu .left {
  float: left;
}
.column-view .menu .right {
  float: right;
}
.column-view .menu a {
  display: inline-block;
  font-size: 10pt;
  padding: 4px 10px;
}
.column-view .menu a:hover {
  color: #ccc;
}
.column-view .menu .filter-inactive {
  color: #a0a0a0;
}
.column-view .menu .left div,
.column-view .menu .right div {
  display: inline-block;
}
.column-view .menu .button {
  position: relative;
  margin: 8px 4px;
}
.column-view .menu .button.down {
  background-color: #4e4a47;
}
.column-view .menu .button.down .corner {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 3px solid;
  border-color: #676c73 transparent transparent #676c73;
}
.column-view .menu .label {
  position: relative;
  margin: 8px 4px;
}
.column-view .content {
  position: absolute;
  top: 235px;
  left: 5px;
  right: 5px;
  bottom: 10px;
}
@media print {
  .column-view .content {
    position: static;
  }
}
.column-view .column {
  float: left;
}
.column-view .column,
.column-view .fake-column {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px;
  height: 100%;
  overflow: hidden;
}
.column-view .column .outer-box,
.column-view .fake-column .outer-box {
  position: relative;
  height: 100%;
  background-color: #666;
  background: url("/Content/img/graphics/bg_survey_body.png") repeat-x;
}
.column-view .column .outer-box .inner-box,
.column-view .fake-column .outer-box .inner-box {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.column-view .column .outer-box .inner-box .th,
.column-view .fake-column .outer-box .inner-box .th {
  border-top: 5px solid #fff;
  /*height: 16px;*/
  line-height: 21px;
}
.column-view .column .outer-box .inner-box .th .icon.disabled,
.column-view .fake-column .outer-box .inner-box .th .icon.disabled {
  color: #a0a0a0;
}
.column-view .column .outer-box .inner-box .th .icon.disabled:hover,
.column-view .fake-column .outer-box .inner-box .th .icon.disabled:hover {
  cursor: default;
}
.column-view .column .th,
.column-view .fake-column .th {
  position: relative;
  font-size: 10pt;
  text-align: left;
  cursor: default;
  background-color: #6b9aa5;
  color: white;
  padding: 5px 6px;
}
.column-view .column .th a,
.column-view .fake-column .th a {
  display: inline-block;
  padding: 0 2px;
  color: #fff;
  cursor: pointer;
}
.column-view .column .th a:hover,
.column-view .fake-column .th a:hover {
  color: #888;
}
.column-view .column .th a,
.column-view .fake-column .th a {
  display: inline-block;
  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
}
.column-view .column .th a:hover,
.column-view .fake-column .th a:hover {
  color: #888;
}
.column-view .column .th .corner,
.column-view .fake-column .th .corner {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 3px solid;
  border-color: #fff transparent transparent #fff;
}
.column-view .column .th *[class^="icon-"],
.column-view .fake-column .th *[class^="icon-"],
.column-view .column .th *[class*=" icon-"],
.column-view .fake-column .th *[class*=" icon-"] {
  font-size: 14pt;
}
.column-view .column .th .actions,
.column-view .fake-column .th .actions {
  /*margin-right: 15px;*/
}
.column-view .column .th .middle,
.column-view .fake-column .th .middle,
.column-view .column .th .right,
.column-view .fake-column .th .right {
  top: 0;
  bottom: 0;
  position: absolute;
  padding: 2px 4px;
}
.column-view .column .th .middle,
.column-view .fake-column .th .middle {
  left: 50%;
  margin-left: -50px;
  margin-right: -50px;
  text-align: center;
}
.column-view .column .th .right,
.column-view .fake-column .th .right {
  right: 0;
  text-align: right;
}
.column-view .column .padding,
.column-view .fake-column .padding {
  min-height: 100px;
}
.treeview ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.treeview .list-group-item {
  padding: 7px 15px;
}
.treeview .list-group-item.list-group-item-leaf:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}
.treeview .ivh-treeview-checkbox-wrapper {
  vertical-align: middle;
}
/* Mixin */
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: verdana;
  font-size: 11px;
  line-height: 1.27;
  height: 100%;
  /*@media (min-width: 1500px) {
        font-size: 1.5em;
    }*/
}
body {
  min-height: 100%;
}
body,
div,
span,
a {
  /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}
/* By default svg is inline-block element, so it gets some undestroyable spacing */
svg {
  display: block;
}
ul {
  list-style-type: none;
}
.languages {
  float: right;
  overflow: hidden;
}
.languages a {
  padding: 0;
  display: inline-block;
  text-align: center;
  margin: 1px 0 1px 3px;
  width: 19px;
  height: 13px;
  border: 2px solid transparent;
}
.languages a.active,
.languages a:hover {
  border: 2px solid #000;
}
.languages a img {
  display: block;
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.button-line {
  display: block;
  text-align: right;
  overflow: hidden;
}
[ng-click],
input[type=button],
input[type=submit],
input[type=file] {
  cursor: pointer;
}
.input-button {
  display: inline-block;
  padding: 5px 15px;
  margin: 2px;
  font-size: 11px;
  border-radius: 2px;
  border: 0 none;
  cursor: pointer;
}
.input-button.floating {
  float: right;
}
.input-button.disabled,
.input-button.disabled:hover {
  background-color: #69635f;
  color: #fff;
}
.input-button i {
  margin-right: 5px;
}
.item .input-button,
.item .input-button i,
.input-button,
.input-button i {
  background-color: #4e4a47;
  color: #ddd;
}
.input-button.disabled:hover {
  text-decoration: none;
}
.input-button.disabled:hover i,
.input-button.disabled i {
  background-color: initial;
}
.item .input-button:hover,
.item .input-button:hover i,
.input-button:hover,
.input-button:hover i {
  background-color: #33312f;
  color: #fff;
}
.bad {
  background-color: #dcc6bb !important;
}
.hidden-upload {
  overflow: hidden;
  display: inline-block !important;
  position: relative;
  vertical-align: middle;
  text-align: center;
}
.hidden-upload input {
  position: absolute;
  top: -10px;
  left: -10px;
  margin: 0;
  font-size: 70px;
  opacity: 0;
  filter: alpha(opacity=0);
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.nav-item-icon {
  display: block;
  text-align: center;
  font-size: 1.3em;
  color: gray;
}
.navbar-header ul {
  padding-left: 0;
}
.navbar-collapse.in .navbar-nav {
  display: block;
  width: 100%;
}
.actions .ui-button {
  padding: 7px 12px 7px 12px !important;
}
.navbar-nav {
  margin: 0;
  display: table-row;
  padding-top: 0;
}
.navbar-nav li {
  color: gray;
  display: table-cell;
  float: none;
  vertical-align: middle;
  text-align: center;
}
.navbar-nav li a:hover {
  text-decoration: none;
}
.navbar-nav li a:hover .nav-item-icon {
  color: #cccccc;
}
.navbar-nav li a:active {
  text-decoration: none;
}
.navbar-toggle {
  border-radius: 0;
}
.navbar-collapse.in .navbar-nav li {
  display: block;
}
.navbar-collapse.in .navbar-nav .nav-item-icon {
  display: inline-block;
}
.navbar-collapse li {
  display: inline-block;
  text-align: left;
  list-style-type: none;
}
.navbar-collapse li .dropdown-menu li {
  display: block;
}
.dropdown-menu {
  border-radius: 0;
}
.navbar-form {
  margin: 0;
}
.navbar-default {
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
.nav-tabs > li > .nav-link {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav > li > .nav-link {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > .nav-link:hover {
  text-decoration: none;
  background-color: #eee;
}
.nav-tabs > li.active > .nav-link {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd !important;
  border-bottom-color: transparent;
  margin-right: 2px;
  line-height: 1.42857143;
  /*border: 1px solid transparent;*/
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
}
.ui-autocomplete {
  max-height: 256px;
  overflow: auto;
}
.dropdown .label-1 .warner {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  color: red;
  padding-top: 0.5em;
}
.dropdown-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  background-color: #fff;
  border: 1px solid #000;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 400px;
  z-index: 999;
  white-space: nowrap;
  box-shadow: 1px 1px 2px #333;
}
.dropdown-list .plain,
.dropdown-list .item,
.dropdown-list .disabled,
.dropdown-list .knob {
  padding: 4px;
  padding-right: 16px;
}
.dropdown-list .disabled {
  color: #aaa;
}
.dropdown-list .knob {
  font-size: 8px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #000;
  cursor: pointer;
}
.dropdown-list .knob:hover {
  color: #666;
}
.dropdown-list .item {
  cursor: pointer;
  min-height: 20px;
}
.dropdown-list .item:hover {
  background-color: #8af;
}
.dropdown-list .item.notified {
  font-weight: bold;
  text-transform: uppercase;
}
.dropdown-list input[type=text],
.dropdown-list input[type=password] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid #ccc;
  outline-style: none;
  padding: 4px;
}
.dropdown-list .helper {
  position: absolute;
  top: 0;
  height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropdown-list .helper.whole {
  left: 0;
  right: 0;
}
.dropdown-list .helper.non-fixed {
  height: auto;
}
.dropdown-list .helper.half-0 {
  left: 0;
  width: 50%;
}
.dropdown-list .helper.half-1 {
  left: 50%;
  width: 50%;
}
.dropdown-list .helper.third-0 {
  left: 0;
  width: 33.33%;
}
.dropdown-list .helper.third-1 {
  left: 33.33%;
  width: 33.33%;
}
.dropdown-list .helper.third-2 {
  left: 66.66%;
  width: 33.33%;
}
.dropdown-list .helper.name {
  left: 0;
  width: 40%;
}
.dropdown-list .helper.value {
  left: 40%;
  width: 60%;
}
.dropdown-list .helper.label-1 {
  left: 0;
  right: 20px;
}
.dropdown-list .helper.option-1 {
  right: 0;
  width: 20px;
}
.dropdown-list .helper.inv.label-1 {
  right: 0;
  left: 20px;
}
.dropdown-list .helper.inv.option-1 {
  left: 0;
  width: 20px;
}
.dropdown-list .helper.label-2 {
  left: 0;
  right: 40px;
}
.dropdown-list .helper.option-2 {
  right: 0;
  width: 40px;
}
.dropdown-list .helper.tag-1 {
  left: 20px;
  right: 0;
}
.dropdown-list .helper.choice-1 {
  left: 0;
  width: 20px;
}
.dropdown-list .helper.tag-2 {
  left: 40px;
  right: 0;
}
.dropdown-list .helper.choice-2 {
  left: 0;
  width: 40px;
}
.dropdown-list .helper.option-1,
.dropdown-list .helper.option-2,
.dropdown-list .helper.choice-1,
.dropdown-list .helper.choice-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  text-overflow: clip;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 5px;
  background-color: #4e4a47;
  min-height: 40px;
  min-width: 40px;
}
::-webkit-scrollbar-corner {
  display: none;
}
::-webkit-resizer {
  display: none;
}
img {
  border: none;
}
#mceModel {
  height: 400px;
}
.loading-ph {
  width: 100%;
  height: 100%;
  min-height: 128px;
  background: url(/Content/img/graphics/loading.gif) 50% 50% no-repeat;
}
#resume-page .box,
#data-page .box {
  background-color: #eee;
  padding: 30px;
}
#resume-page .option-group,
#data-page .option-group {
  overflow: hidden;
}
#resume-page .action-group,
#data-page .action-group {
  overflow: hidden;
  padding-bottom: 20px;
}
#resume-page .td,
#data-page .td,
#resume-page .label,
#data-page .label {
  position: absolute;
  top: 0;
  height: 28px;
  padding: 4px;
  font-size: 10pt;
  font-family: Verdana;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#resume-page .td.whole,
#data-page .td.whole,
#resume-page .label.whole,
#data-page .label.whole {
  left: 0;
  right: 0;
}
#resume-page .td.non-fixed,
#data-page .td.non-fixed,
#resume-page .label.non-fixed,
#data-page .label.non-fixed {
  height: auto;
}
#resume-page .td.half-0,
#data-page .td.half-0,
#resume-page .label.half-0,
#data-page .label.half-0 {
  left: 0;
  width: 50%;
}
#resume-page .td.half-1,
#data-page .td.half-1,
#resume-page .label.half-1,
#data-page .label.half-1 {
  left: 50%;
  width: 50%;
}
#resume-page .td.third-0,
#data-page .td.third-0,
#resume-page .label.third-0,
#data-page .label.third-0 {
  left: 0;
  width: 33.33%;
}
#resume-page .td.third-1,
#data-page .td.third-1,
#resume-page .label.third-1,
#data-page .label.third-1 {
  left: 33.33%;
  width: 33.33%;
}
#resume-page .td.third-2,
#data-page .td.third-2,
#resume-page .label.third-2,
#data-page .label.third-2 {
  left: 66.66%;
  width: 33.33%;
}
#resume-page .td.name,
#data-page .td.name,
#resume-page .label.name,
#data-page .label.name {
  left: 0;
  width: 40%;
}
#resume-page .td.value,
#data-page .td.value,
#resume-page .label.value,
#data-page .label.value {
  left: 40%;
  width: 60%;
}
#resume-page .td.label-1,
#data-page .td.label-1,
#resume-page .label.label-1,
#data-page .label.label-1 {
  left: 0;
  right: 20px;
}
#resume-page .td.option-1,
#data-page .td.option-1,
#resume-page .label.option-1,
#data-page .label.option-1 {
  right: 0;
  width: 20px;
}
#resume-page .td.inv.label-1,
#data-page .td.inv.label-1,
#resume-page .label.inv.label-1,
#data-page .label.inv.label-1 {
  right: 0;
  left: 20px;
}
#resume-page .td.inv.option-1,
#data-page .td.inv.option-1,
#resume-page .label.inv.option-1,
#data-page .label.inv.option-1 {
  left: 0;
  width: 20px;
}
#resume-page .td.label-2,
#data-page .td.label-2,
#resume-page .label.label-2,
#data-page .label.label-2 {
  left: 0;
  right: 40px;
}
#resume-page .td.option-2,
#data-page .td.option-2,
#resume-page .label.option-2,
#data-page .label.option-2 {
  right: 0;
  width: 40px;
}
#resume-page .td.tag-1,
#data-page .td.tag-1,
#resume-page .label.tag-1,
#data-page .label.tag-1 {
  left: 20px;
  right: 0;
}
#resume-page .td.choice-1,
#data-page .td.choice-1,
#resume-page .label.choice-1,
#data-page .label.choice-1 {
  left: 0;
  width: 20px;
}
#resume-page .td.tag-2,
#data-page .td.tag-2,
#resume-page .label.tag-2,
#data-page .label.tag-2 {
  left: 40px;
  right: 0;
}
#resume-page .td.choice-2,
#data-page .td.choice-2,
#resume-page .label.choice-2,
#data-page .label.choice-2 {
  left: 0;
  width: 40px;
}
#resume-page .td.option-1,
#data-page .td.option-1,
#resume-page .label.option-1,
#data-page .label.option-1,
#resume-page .td.option-2,
#data-page .td.option-2,
#resume-page .label.option-2,
#data-page .label.option-2,
#resume-page .td.choice-1,
#data-page .td.choice-1,
#resume-page .label.choice-1,
#data-page .label.choice-1,
#resume-page .td.choice-2,
#data-page .td.choice-2,
#resume-page .label.choice-2,
#data-page .label.choice-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  text-overflow: clip;
}
#resume-page .td,
#data-page .td {
  background-color: #fff;
  border: 1px solid #ddd;
}
#resume-page .helper,
#data-page .helper {
  position: absolute;
  top: 0;
  height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#resume-page .helper.whole,
#data-page .helper.whole {
  left: 0;
  right: 0;
}
#resume-page .helper.non-fixed,
#data-page .helper.non-fixed {
  height: auto;
}
#resume-page .helper.half-0,
#data-page .helper.half-0 {
  left: 0;
  width: 50%;
}
#resume-page .helper.half-1,
#data-page .helper.half-1 {
  left: 50%;
  width: 50%;
}
#resume-page .helper.third-0,
#data-page .helper.third-0 {
  left: 0;
  width: 33.33%;
}
#resume-page .helper.third-1,
#data-page .helper.third-1 {
  left: 33.33%;
  width: 33.33%;
}
#resume-page .helper.third-2,
#data-page .helper.third-2 {
  left: 66.66%;
  width: 33.33%;
}
#resume-page .helper.name,
#data-page .helper.name {
  left: 0;
  width: 40%;
}
#resume-page .helper.value,
#data-page .helper.value {
  left: 40%;
  width: 60%;
}
#resume-page .helper.label-1,
#data-page .helper.label-1 {
  left: 0;
  right: 20px;
}
#resume-page .helper.option-1,
#data-page .helper.option-1 {
  right: 0;
  width: 20px;
}
#resume-page .helper.inv.label-1,
#data-page .helper.inv.label-1 {
  right: 0;
  left: 20px;
}
#resume-page .helper.inv.option-1,
#data-page .helper.inv.option-1 {
  left: 0;
  width: 20px;
}
#resume-page .helper.label-2,
#data-page .helper.label-2 {
  left: 0;
  right: 40px;
}
#resume-page .helper.option-2,
#data-page .helper.option-2 {
  right: 0;
  width: 40px;
}
#resume-page .helper.tag-1,
#data-page .helper.tag-1 {
  left: 20px;
  right: 0;
}
#resume-page .helper.choice-1,
#data-page .helper.choice-1 {
  left: 0;
  width: 20px;
}
#resume-page .helper.tag-2,
#data-page .helper.tag-2 {
  left: 40px;
  right: 0;
}
#resume-page .helper.choice-2,
#data-page .helper.choice-2 {
  left: 0;
  width: 40px;
}
#resume-page .helper.option-1,
#data-page .helper.option-1,
#resume-page .helper.option-2,
#data-page .helper.option-2,
#resume-page .helper.choice-1,
#data-page .helper.choice-1,
#resume-page .helper.choice-2,
#data-page .helper.choice-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  text-overflow: clip;
}
#resume-page .tr,
#data-page .tr {
  width: 100%;
  position: relative;
  padding: 20px 0;
}
.table.status th,
.table.status td {
  width: 50%;
}
.table table {
  margin: 0 0 20px 0;
  width: 100%;
  border-collapse: collapse;
}
.table table tr td {
  padding: 5px;
  border: 1px solid #aaa;
}
.table table tr td.pre {
  white-space: pre;
}
.table table .date {
  width: 110px;
}
.table table .message div {
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 200px;
  overflow-y: auto;
}
.table table .image {
  width: 100px;
}
.table table .image a {
  max-height: 200px;
  display: block;
  overflow-y: auto;
}
.table table .image a img {
  max-width: 100px;
  display: block;
}
.table table .actions {
  width: 9px;
}
.table table .type {
  width: 10px;
}
.table table ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.table table ul li {
  list-style-type: none;
}
.mceIframeContainer > iframe {
  background-color: #fff !important;
}
[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: inline-block;
  /* For Firefox */
  color: #ccc;
}
div[contenteditable=true] {
  border: 1px dashed #AAA;
  min-height: 1em;
  min-width: 5px;
  display: inline-block;
  padding: 0 5px;
}
.ng-invalid {
  border: 1px solid red;
}
.input-button.top-right {
  position: absolute;
  top: 5px;
  right: 5px;
}
.deleted {
  background-color: rgba(255, 0, 0, 0.13);
}
.popup-login {
  background-color: #eee;
  border: 2px solid #fff;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 0;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 240px;
  margin-top: -70px;
  margin-left: -120px;
  margin-right: -120px;
  z-index: 4;
}
.popup-login input[type=text],
.popup-login input[type=password] {
  width: 80%;
  display: block;
  margin: 5px auto;
}
.popup-login .buttons {
  /*margin: 20px 0 10px;*/
  text-align: center;
}
.popup-login .buttons .input-button i {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.popup {
  background-color: #fff;
  border: 1px solid #ddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 10px 10px 20px;
  position: fixed;
  left: 50%;
  width: 240px;
  top: 20%;
  margin-left: -120px;
  margin-right: -120px;
  z-index: 1000;
  font-size: 1.2em;
  -webkit-box-shadow: 2px 2px 5px grey;
  -moz-box-shadow: 2px 2px 5px grey;
  box-shadow: 2px 2px 5px grey;
}
.popup h3.title {
  margin-top: 0;
}
.popup.page-move {
  width: 300px;
}
.popup.wide {
  width: 480px;
  margin-left: -240px;
  margin-right: -240px;
  max-height: 70%;
  overflow: auto;
}
.popup.wide.login {
  width: 680px;
  margin-left: -340px;
  margin-right: -340px;
  max-height: 80%;
  top: 10%;
}
.popup.very-wide {
  width: 680px;
  margin-left: -340px;
  margin-right: -340px;
  max-height: 70%;
  overflow: auto;
}
.popup.very-wide .message {
  /*font-size: 0.8em;*/
}
.popup .button-line {
  margin-top: 1em;
}
.popup input[type=text] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid #ccc;
  outline-style: none;
  padding: 4px;
}
.popup .message {
  word-wrap: break-word;
}
.popup .textarea.fullwidth {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup.input-multiple .message {
  color: darkblue;
  font-weight: bold;
}
.popup.input-multiple .info .icon {
  margin-right: 5px;
  font-size: 14px;
  color: #489cdf;
}
.popup.presentation-editor .error {
  color: red;
  font-size: 0.75em;
}
.black {
  background-color: #000;
  opacity: 0.1;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
#overlay-page {
  min-width: 600px;
}
.overlay {
  position: absolute;
  left: 50%;
  right: 50%;
  top: 20px;
  background-color: #fff;
  border: 2px solid #666;
  padding: 24px 10px;
  width: 1024px;
  margin-left: -512px;
  margin-right: -512px;
}
.overlay .page-header.first ul {
  text-align: right;
}
.overlay .page-header.first ul li {
  padding: 10px;
  margin: 4px;
  display: inline-block;
  color: #fff;
  background-color: #000;
}
.overlay .page-header.first ul li a:hover,
.overlay .page-header.first ul li a.down,
.overlay .page-header.first ul li a.disabled {
  color: #ddd;
}
.overlay .page-header.second {
  background-color: #676c73;
  margin: 0 0 0 0;
  padding: 2px 10px;
  list-style-type: none;
  text-align: left;
  font-size: 10pt;
  color: #333;
}
.overlay .page-header.second li {
  display: inline;
}
.overlay .page-header.second li a,
.overlay .page-header.second li span {
  padding: 5px 2px 5px 2px;
  display: inline-block;
}
.overlay .page-header.second li a:hover,
.overlay .page-header.second li a.down {
  color: #ccc;
}
.overlay .page-header.second .cont-left {
  padding-left: 1px !important;
}
.overlay .page-header.second .cont-right {
  padding-right: 1px !important;
}
.overlay.narrow {
  width: 512px;
  margin-left: -256px;
  margin-right: -256px;
}
#main-page.front,
#overlay-page.front,
#popup-page.front {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
#main-page .logo,
#overlay-page .logo,
#popup-page .logo {
  margin-left: 20px;
  float: left;
  width: 310px;
  height: 58px;
  margin-top: -20px;
  position: relative;
  background: url("/Content/img/graphics/responseinsights_logo.png") no-repeat 0 19px;
}
#main-page .logo a,
#overlay-page .logo a,
#popup-page .logo a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
#main-page .loading,
#overlay-page .loading,
#popup-page .loading {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 100px;
  height: 9px;
  background: url("/Content/img/graphics/progress.gif");
}
#main-page {
  position: relative;
  height: 100%;
  overflow: hidden;
}
#main-page .anonymous-user #signup-content {
  min-width: 300px;
}
#main-page .loading-indicator::before {
    content: "Indsamler dine data";
    position: fixed;
    top: 50%;
    left: 50%;
    width: 220px;
    height: 20px;
    margin-left: -110px;
    margin-top: 110px;
    color: black;
    text-align: center;
    z-index: 2;
}
#main-page .loading-indicator::after {
  content: "Indsamler dine data";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 300px;
  margin-left: -110px;
  margin-top: -110px;
  background: url(/Content/img/graphics/pushing_up_box_md_nwm_v2.gif) 0 0 no-repeat;
}
#main-page .loading-indicator {
  position: fixed;
  bottom: 5px;
  left: 15px;
  background-color: #848484;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 25px 3px 5px;
  color: #fff;
  z-index: 4;
  opacity: 0.8;
  height: initial;
  margin-bottom: initial;
}
#main-page .loading-indicator i {
  margin-right: 5px;
}
#main-page.fixed {
  position: absolute;
  overflow-y: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 600px;
}
@media print {
  #main-page.fixed {
    position: static;
    overflow-y: auto;
  }
}
#main-page .presentation-viewer .page-header.first {
  background-color: white;
  border: 0;
}
#main-page .presentation-viewer .page-header.first li.school {
  color: #a0a0a0;
  left: 14px;
  top: 38px;
  font-size: 1.3em;
}
#main-page .presentation-viewer .page-header.first .logo {
  background: url(/Content/img/graphics/responseinsights_logo_grayscale.png) no-repeat 0 19px;
  margin-left: 14px;
  margin-top: -21px;
}
#main-page .page-header.first {
  background-color: #fbfbfb;
  margin: 0 0 5px 0;
  padding: 17px 10px 10px 0;
  list-style-type: none;
  text-align: right;
  color: #333;
  min-height: 66px;
}
#main-page .page-header.first .navbar-collapse .dropdown-menu li a {
  width: 100%;
}
#main-page .page-header.first .notification {
  margin-left: 100px;
  float: left;
  font-size: 20px;
  color: #fad201;
}
#main-page .page-header.first .dropdown-menu li a {
  padding: 3px 20px;
}
#main-page .page-header.first .dropdown-questionnaire {
  width: 200px;
  margin: 0;
  vertical-align: middle;
}
#main-page .page-header.first .dropdown-questionnaire input {
  border-radius: 0;
}
#main-page .page-header.first li.school {
  position: absolute;
  left: 19px;
  top: 39px;
  font-weight: bold;
  color: #1d6979;
  font-family: unset;
  text-transform: uppercase;
}
#main-page .page-header.first li.questionnaires {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#main-page .page-header.first li {
  position: relative;
}
#main-page .page-header.first li a {
  padding: 0 10px 0 10px;
  font-size: 11px;
  display: inline-block;
}
#main-page .page-header.first li a:hover,
#main-page .page-header.first li a.down,
#main-page .page-header.first li a.disabled {
  color: #ccc;
}
#main-page .page-header.first li a.input-group-addon {
  display: table-cell;
  padding: 0 15px 0 15px;
}
#main-page .page-header.first li.languages {
  float: none;
}
#main-page .page-header.first li.languages a {
  width: auto;
  height: auto;
  padding: 2px 0 1px 2px;
  margin: -5px 0;
}
#main-page .page-header.first li.languages a:hover {
  border: 2px solid #fff;
}
#main-page .page-header.first li.languages a.active {
  border: 2px solid #ccc;
}
#main-page .page-header.first li .widget {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  padding: 0 2px;
  text-align: center;
  background-color: #f1110d;
  color: #fff;
  border-radius: 7px;
}
#main-page .page-header.first li.item-action-signup a.action-signup {
  color: #53a976;
}
#main-page .page-header.first li.item-action-signup a.action-signup .nav-item-icon {
  color: #53a976;
}
#main-page .page-header.first li.item-action-signup a.action-signup:hover {
  color: rgba(83, 169, 118, 0.75);
}
#main-page .page-header.first li.item-action-signup a.action-signup:hover .nav-item-icon {
  color: rgba(83, 169, 118, 0.75);
}
#main-page .page-header.first li #signup-content,
#main-page .page-header.first li #login-content {
  opacity: 1;
  position: absolute;
  top: 49px;
  right: 0;
  z-index: 99;
  background: #fbfbfb;
  background-image: linear-gradient(top, #fff, #eee);
  padding: 15px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.9);
  border-radius: 3px 0 3px 3px;
}
#main-page .page-header.first li #signup-content.ng-invalid,
#main-page .page-header.first li #login-content.ng-invalid {
  border: none;
}
#main-page .page-header.first li #signup-content.ng-hide,
#main-page .page-header.first li #login-content.ng-hide {
  opacity: 0;
}
#main-page .page-header.first li #signup-content .actions input,
#main-page .page-header.first li #login-content .actions input {
  padding: 10px 9px 8px 10px;
}
#main-page .page-header.first li #signup-content .inputs a,
#main-page .page-header.first li #login-content .inputs a {
  text-decoration: none;
}
#main-page .page-header.first li #signup-content .inputs input,
#main-page .page-header.first li #login-content .inputs input {
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 238px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 1px #ccc inset;
}
#main-page .page-header.first li #signup-content .inputs input.pError,
#main-page .page-header.first li #login-content .inputs input.pError,
#main-page .page-header.first li #signup-content .inputs input.p2Error,
#main-page .page-header.first li #login-content .inputs input.p2Error,
#main-page .page-header.first li #signup-content .inputs input.uError,
#main-page .page-header.first li #login-content .inputs input.uError,
#main-page .page-header.first li #signup-content .inputs input.nError,
#main-page .page-header.first li #login-content .inputs input.nError,
#main-page .page-header.first li #signup-content .inputs input.rError,
#main-page .page-header.first li #login-content .inputs input.rError {
  border-color: red;
  box-shadow: 0 0 0 1px red inset;
}
#main-page .page-header.first li #signup-content .inputs input:focus,
#main-page .page-header.first li #login-content .inputs input:focus {
  background-color: #fff;
  border-color: #095869;
  outline: none;
  box-shadow: 0 0 0 1px #095869 inset;
}
#main-page .page-header.first li #signup-content .inputs input:focus.pError,
#main-page .page-header.first li #login-content .inputs input:focus.pError,
#main-page .page-header.first li #signup-content .inputs input:focus.p2Error,
#main-page .page-header.first li #login-content .inputs input:focus.p2Error,
#main-page .page-header.first li #signup-content .inputs input:focus.uError,
#main-page .page-header.first li #login-content .inputs input:focus.uError,
#main-page .page-header.first li #signup-content .inputs input:focus.nError,
#main-page .page-header.first li #login-content .inputs input:focus.nError,
#main-page .page-header.first li #signup-content .inputs input:focus.rError,
#main-page .page-header.first li #login-content .inputs input:focus.rError {
  border-color: red;
  box-shadow: 0 0 0 1px red inset;
}
#main-page .page-header.first li #signup-content .left,
#main-page .page-header.first li #login-content .left {
  float: left;
}
#main-page .page-header.first li #signup-content .remind-password,
#main-page .page-header.first li #login-content .remind-password {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 5px;
}
#main-page .page-header.second {
  background-color: #676c73;
  margin: 0 0 0 0;
  padding: 2px 10px;
  list-style-type: none;
  text-align: left;
  font-size: 10pt;
  color: #333;
  overflow: hidden;
}
#main-page .page-header.second li {
  display: inline;
}
#main-page .page-header.second li a,
#main-page .page-header.second li span {
  padding: 5px 9px 5px 10px;
  display: inline-block;
}
#main-page .page-header.second li a:hover,
#main-page .page-header.second li a.down,
#main-page .page-header.second li a.disabled {
  color: #ccc;
}
#main-page .page-header.second .cont-left {
  padding-left: 1px !important;
}
#main-page .page-header.second .cont-right {
  padding-right: 1px !important;
}
#main-page #content {
  height: 100%;
}
#main-page #content .content .column {
  width: 100%;
}
#main-page #content .content .table.white table {
  background-color: #fff;
}
#main-page #content .content .table.white table tr.deleted {
  background-color: rgba(255, 0, 0, 0.13);
}
#main-page #content .content .table table {
  width: 100%;
  background-color: #4e4a47;
}
#main-page #content .content .table table tbody tr {
  height: 29px;
}
#main-page #content .content .table table tbody tr th.column-status {
  width: 7%;
}
#main-page #content .content .table table tbody tr th.column-started,
#main-page #content .content .table table tbody tr th.column-created {
  width: 8%;
}
#main-page #content .content .table table tbody tr th.column-institution-name {
  width: 15%;
}
#main-page #content .content .table table tbody tr th.column-respondents {
  width: 10%;
}
#main-page #content .content .table table tbody tr.header {
  background-color: #008ec0;
}
#main-page .red {
  background-color: red;
  color: white;
}
#main-page .green {
  background-color: green;
  color: white;
}
#main-page .yellow {
  background-color: yellow;
  color: black;
}
#main-page .error {
  text-align: left;
  color: #b73333;
  font-size: 1em;
  float: right;
  background: #f9f4ee;
  width: auto;
  padding: 0px 7px 0px 7px;
  border: 1px solid #ddd;
  margin: 0 1px 2px 0;
  border-radius: 3px;
}
#template-page .content {
  top: 70px !important;
}
#template-page .content .column {
  width: 100%;
}
#template-page .content .column .inner-box .title .name {
  width: 50%;
  float: left;
}
#template-page .content .column .inner-box input[type="text"] {
  border: none;
  margin: 0;
  padding: 0;
  width: 99%;
  background: pink;
}
.template {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  font-size: 10pt;
  background-color: #00a95c;
}
.template *[class^="icon-"],
.template *[class*=" icon-"] {
  color: #4e4a47;
}
.template *[class^="icon-"].disabled,
.template *[class*=" icon-"].disabled {
  color: #807c79;
}
.template.line {
  position: relative;
  height: 28px;
  overflow: hidden;
  padding: 0px;
  cursor: default;
}
.template.line *[class^="icon-"],
.template.line *[class*=" icon-"] {
  display: inline-block;
  padding: 0 2px;
}
.template.line .left,
.template.line .right {
  display: inline-block;
}
.template.line .left {
  float: left;
}
.template.line .right {
  float: right;
}
.template.line .icon {
  text-align: center;
  padding-top: 8px;
  width: 18px;
  margin: 0 2px 0 0;
}
.template.line .icon.narrow {
  width: 8px;
  padding-left: 0;
  padding-right: 0;
}
.template.line .icon.narrow span {
  padding-left: 0;
  padding-right: 0;
}
.template.line .title {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 20px;
  right: 20px;
  padding: 2px;
  background-color: #fff;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.template.line a {
  display: inline-block;
  padding: 0 2px;
  color: #4e4a47;
  cursor: pointer;
}
.template.line a:hover {
  color: #888;
}
.template.line a {
  display: inline-block;
  color: #4e4a47;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
}
.template.line a:hover {
  color: #888;
}
.template.line.collapsed {
  border-bottom: 1px solid #575757;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
}
.template.line .title {
  left: 5px;
  right: 224px;
}
.template:hover {
  background-color: #00dc78;
}
.overlay .template-settings ul {
  list-style: none;
  padding: 0;
}
.overlay .template-settings ul li {
  list-style: none;
  margin-bottom: 5px;
}
.overlay .template-settings ul li ul {
  margin-left: 10px;
}
.overlay .template-settings ul li.resume {
  background-color: #eee;
  margin: 10px 0;
  padding: 5px;
}
.overlay .template-settings ul li.resume ul {
  margin-left: 0;
}
.overlay .template-settings label {
  display: block;
  font-weight: bold;
}
.overlay .template-settings input {
  width: 100%;
  border: 1px solid #ccc !important;
}
.popup.questions-copy {
  width: 800px;
  margin-left: -400px;
  margin-right: 400px;
}
.popup.questions-copy select,
.popup.questions-copy input,
.popup.questions-copy textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.popup.questions-copy select,
.popup.questions-copy input {
  height: 20px;
}
.popup.questions-copy .errors {
  float: left;
  width: 80%;
  margin-top: 11px;
  color: #ea5507;
  font-weight: bold;
}
.popup.questions-copy .button-line {
  float: right;
  width: 20%;
}
.popup.questions-copy .input-button i {
  height: 12px;
}
.popup.questions-copy label {
  font-weight: bold;
  display: block;
  margin-bottom: 2px;
}
.popup.questions-copy label.info {
  font-style: italic;
  font-weight: normal;
}
.popup.questions-copy .select-list.question-select select {
  height: 230px;
}
.popup.questions-copy .column {
  float: left;
  display: block;
}
.popup.questions-copy .column.column-1 {
  width: 40%;
  margin-right: 2%;
}
.popup.questions-copy .column.column-2 {
  width: 58%;
}
.popup.questions-copy .form-group {
  margin-top: 5px;
}
.popup.questions-copy .form-group:first-child {
  margin-top: 0;
}
.popup.questions-copy .clear {
  clear: both;
}
#surveys-page .content {
  top: 70px;
  bottom: 5px;
}
.survey.body .table,
.survey.section .table {
  background-color: inherit;
}
.survey.body .table .th,
.survey.section .table .th {
  height: 18px;
}
.survey.body .table .th .td,
.survey.section .table .th .td {
  position: absolute;
  top: 0;
  height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.survey.body .table .th .td.whole,
.survey.section .table .th .td.whole {
  left: 0;
  right: 0;
}
.survey.body .table .th .td.non-fixed,
.survey.section .table .th .td.non-fixed {
  height: auto;
}
.survey.body .table .th .td.half-0,
.survey.section .table .th .td.half-0 {
  left: 0;
  width: 50%;
}
.survey.body .table .th .td.half-1,
.survey.section .table .th .td.half-1 {
  left: 50%;
  width: 50%;
}
.survey.body .table .th .td.third-0,
.survey.section .table .th .td.third-0 {
  left: 0;
  width: 33.33%;
}
.survey.body .table .th .td.third-1,
.survey.section .table .th .td.third-1 {
  left: 33.33%;
  width: 33.33%;
}
.survey.body .table .th .td.third-2,
.survey.section .table .th .td.third-2 {
  left: 66.66%;
  width: 33.33%;
}
.survey.body .table .th .td.name,
.survey.section .table .th .td.name {
  left: 0;
  width: 40%;
}
.survey.body .table .th .td.value,
.survey.section .table .th .td.value {
  left: 40%;
  width: 60%;
}
.survey.body .table .th .td.label-1,
.survey.section .table .th .td.label-1 {
  left: 0;
  right: 20px;
}
.survey.body .table .th .td.option-1,
.survey.section .table .th .td.option-1 {
  right: 0;
  width: 20px;
}
.survey.body .table .th .td.inv.label-1,
.survey.section .table .th .td.inv.label-1 {
  right: 0;
  left: 20px;
}
.survey.body .table .th .td.inv.option-1,
.survey.section .table .th .td.inv.option-1 {
  left: 0;
  width: 20px;
}
.survey.body .table .th .td.label-2,
.survey.section .table .th .td.label-2 {
  left: 0;
  right: 40px;
}
.survey.body .table .th .td.option-2,
.survey.section .table .th .td.option-2 {
  right: 0;
  width: 40px;
}
.survey.body .table .th .td.tag-1,
.survey.section .table .th .td.tag-1 {
  left: 20px;
  right: 0;
}
.survey.body .table .th .td.choice-1,
.survey.section .table .th .td.choice-1 {
  left: 0;
  width: 20px;
}
.survey.body .table .th .td.tag-2,
.survey.section .table .th .td.tag-2 {
  left: 40px;
  right: 0;
}
.survey.body .table .th .td.choice-2,
.survey.section .table .th .td.choice-2 {
  left: 0;
  width: 40px;
}
.survey.body .table .th .td.option-1,
.survey.section .table .th .td.option-1,
.survey.body .table .th .td.option-2,
.survey.section .table .th .td.option-2,
.survey.body .table .th .td.choice-1,
.survey.section .table .th .td.choice-1,
.survey.body .table .th .td.choice-2,
.survey.section .table .th .td.choice-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  text-overflow: clip;
}
.survey.body .table .th .td,
.survey.section .table .th .td {
  padding: 4px;
  font-size: 10pt;
  font-family: Verdana;
  border: 1px solid #444;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.survey.body .table .tr,
.survey.section .table .tr {
  position: relative;
  background-color: inherit;
  height: 28px;
}
.survey.body .table .tr.non-fixed,
.survey.section .table .tr.non-fixed {
  height: auto;
  display: table;
}
.survey.body .table .tr.non-fixed .td,
.survey.section .table .tr.non-fixed .td,
.survey.body .table .tr.non-fixed .helper,
.survey.section .table .tr.non-fixed .helper {
  display: table-cell;
  height: auto;
  position: relative;
  white-space: normal;
}
.survey.body .table .tr.non-fixed .td.name,
.survey.section .table .tr.non-fixed .td.name {
  width: 200px;
}
.survey.body .table .tr.non-fixed .td.status,
.survey.section .table .tr.non-fixed .td.status {
  width: 70px;
}
.survey.body .table .tr.non-fixed .td.actions,
.survey.section .table .tr.non-fixed .td.actions {
  width: 70px;
}
.survey.body .table .tr .td,
.survey.section .table .tr .td,
.survey.body .table .tr .helper,
.survey.section .table .tr .helper {
  position: absolute;
  top: 0;
  height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.survey.body .table .tr .td.whole,
.survey.section .table .tr .td.whole,
.survey.body .table .tr .helper.whole,
.survey.section .table .tr .helper.whole {
  left: 0;
  right: 0;
}
.survey.body .table .tr .td.non-fixed,
.survey.section .table .tr .td.non-fixed,
.survey.body .table .tr .helper.non-fixed,
.survey.section .table .tr .helper.non-fixed {
  height: auto;
}
.survey.body .table .tr .td.half-0,
.survey.section .table .tr .td.half-0,
.survey.body .table .tr .helper.half-0,
.survey.section .table .tr .helper.half-0 {
  left: 0;
  width: 50%;
}
.survey.body .table .tr .td.half-1,
.survey.section .table .tr .td.half-1,
.survey.body .table .tr .helper.half-1,
.survey.section .table .tr .helper.half-1 {
  left: 50%;
  width: 50%;
}
.survey.body .table .tr .td.third-0,
.survey.section .table .tr .td.third-0,
.survey.body .table .tr .helper.third-0,
.survey.section .table .tr .helper.third-0 {
  left: 0;
  width: 33.33%;
}
.survey.body .table .tr .td.third-1,
.survey.section .table .tr .td.third-1,
.survey.body .table .tr .helper.third-1,
.survey.section .table .tr .helper.third-1 {
  left: 33.33%;
  width: 33.33%;
}
.survey.body .table .tr .td.third-2,
.survey.section .table .tr .td.third-2,
.survey.body .table .tr .helper.third-2,
.survey.section .table .tr .helper.third-2 {
  left: 66.66%;
  width: 33.33%;
}
.survey.body .table .tr .td.name,
.survey.section .table .tr .td.name,
.survey.body .table .tr .helper.name,
.survey.section .table .tr .helper.name {
  left: 0;
  width: 40%;
}
.survey.body .table .tr .td.value,
.survey.section .table .tr .td.value,
.survey.body .table .tr .helper.value,
.survey.section .table .tr .helper.value {
  left: 40%;
  width: 60%;
}
.survey.body .table .tr .td.label-1,
.survey.section .table .tr .td.label-1,
.survey.body .table .tr .helper.label-1,
.survey.section .table .tr .helper.label-1 {
  left: 0;
  right: 20px;
}
.survey.body .table .tr .td.option-1,
.survey.section .table .tr .td.option-1,
.survey.body .table .tr .helper.option-1,
.survey.section .table .tr .helper.option-1 {
  right: 0;
  width: 20px;
}
.survey.body .table .tr .td.inv.label-1,
.survey.section .table .tr .td.inv.label-1,
.survey.body .table .tr .helper.inv.label-1,
.survey.section .table .tr .helper.inv.label-1 {
  right: 0;
  left: 20px;
}
.survey.body .table .tr .td.inv.option-1,
.survey.section .table .tr .td.inv.option-1,
.survey.body .table .tr .helper.inv.option-1,
.survey.section .table .tr .helper.inv.option-1 {
  left: 0;
  width: 20px;
}
.survey.body .table .tr .td.label-2,
.survey.section .table .tr .td.label-2,
.survey.body .table .tr .helper.label-2,
.survey.section .table .tr .helper.label-2 {
  left: 0;
  right: 40px;
}
.survey.body .table .tr .td.option-2,
.survey.section .table .tr .td.option-2,
.survey.body .table .tr .helper.option-2,
.survey.section .table .tr .helper.option-2 {
  right: 0;
  width: 40px;
}
.survey.body .table .tr .td.tag-1,
.survey.section .table .tr .td.tag-1,
.survey.body .table .tr .helper.tag-1,
.survey.section .table .tr .helper.tag-1 {
  left: 20px;
  right: 0;
}
.survey.body .table .tr .td.choice-1,
.survey.section .table .tr .td.choice-1,
.survey.body .table .tr .helper.choice-1,
.survey.section .table .tr .helper.choice-1 {
  left: 0;
  width: 20px;
}
.survey.body .table .tr .td.tag-2,
.survey.section .table .tr .td.tag-2,
.survey.body .table .tr .helper.tag-2,
.survey.section .table .tr .helper.tag-2 {
  left: 40px;
  right: 0;
}
.survey.body .table .tr .td.choice-2,
.survey.section .table .tr .td.choice-2,
.survey.body .table .tr .helper.choice-2,
.survey.section .table .tr .helper.choice-2 {
  left: 0;
  width: 40px;
}
.survey.body .table .tr .td.option-1,
.survey.section .table .tr .td.option-1,
.survey.body .table .tr .helper.option-1,
.survey.section .table .tr .helper.option-1,
.survey.body .table .tr .td.option-2,
.survey.section .table .tr .td.option-2,
.survey.body .table .tr .helper.option-2,
.survey.section .table .tr .helper.option-2,
.survey.body .table .tr .td.choice-1,
.survey.section .table .tr .td.choice-1,
.survey.body .table .tr .helper.choice-1,
.survey.section .table .tr .helper.choice-1,
.survey.body .table .tr .td.choice-2,
.survey.section .table .tr .td.choice-2,
.survey.body .table .tr .helper.choice-2,
.survey.section .table .tr .helper.choice-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  text-overflow: clip;
}
.survey.body .table .tr input[type=text],
.survey.section .table .tr input[type=text],
.survey.body .table .tr input[type=number],
.survey.section .table .tr input[type=number],
.survey.body .table .tr .td,
.survey.section .table .tr .td {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 4px;
  font-size: 10pt;
  font-family: Verdana;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.survey.body .table .tr input[type=number],
.survey.section .table .tr input[type=number],
.survey.body .table .tr input[type=text],
.survey.section .table .tr input[type=text] {
  outline-style: none;
  width: 100%;
  height: 28px;
  font-style: italic;
}
.survey.body .table .tr .helper.whole.dropdown .td.option-1 .icon-collapse,
.survey.section .table .tr .helper.whole.dropdown .td.option-1 .icon-collapse,
.survey.body .table .tr .helper.value .td.option-1 .icon-calendar,
.survey.section .table .tr .helper.value .td.option-1 .icon-calendar,
.survey.body .table .tr .td.option-1 .icon-trash,
.survey.section .table .tr .td.option-1 .icon-trash,
.survey.body .header .icon-collapse-top,
.survey.section .header .icon-collapse-top,
.survey.body .header .icon-collapse,
.survey.section .header .icon-collapse {
  cursor: pointer;
}
.survey.body {
  background: url("/Content/img/graphics/bg_survey_body.png") repeat;
  padding: 4px;
}
.survey.body .section {
  padding: 4px 2px;
}
.survey.body .section .header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding: 4px;
}
.centerQuestion {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 300px) {
  .centerQuestion {
    width: 100%;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  .centerQuestion {
    width: 95%;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  .centerQuestion {
    width: 90%;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .centerQuestion {
    width: 80%;
  }
}
#question-page input,
#question-page select {
  height: 20px;
  border: 1px solid #a9a9a9;
}
#question-page .editor-field,
#question-page .display-field {
  white-space: pre-wrap;
}
#question-page legend {
  font-weight: bold;
  color: #1414BF;
}
#question-page fieldset {
  border: 1px solid #999999;
}
#question-page select {
  max-width: 100%;
  width: 430px;
}
#question-page .option {
  display: inline-block;
}
#question-page .buttons {
  overflow: hidden;
  float: right;
}
#question-page .buttons .button-group {
  display: inline-block;
}
#question-page .buttons .button-group .input-button {
  display: block;
}
#question-page .actions .action {
  display: inline-block;
  margin-left: 5px;
}
#question-page .actions .action:first-child {
  margin-left: 0;
}
#question-page .actions.main .action {
  font-size: 14px;
}
#question-page .title,
#question-page .question-kind {
  text-align: left;
  margin: 0;
  font-size: 24px;
}
#question-page .title.expandable {
  border: 1px solid #aaa;
  padding: 5px 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
  position: relative;
}
#question-page a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
  text-decoration: none;
}
#question-page a:hover {
  color: #f65058;
}
#question-page a.check {
  text-decoration: none;
  font-size: 16px;
}
#question-page input,
#question-page div[contenteditable=true] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#question-page .numeric-input {
  text-align: center;
}
#question-page .numeric-input input[type=number] {
  padding: 5px 0;
}
#question-page .question-text,
#question-page .instruction-text,
#question-page h1 {
  font-size: 24px;
  line-height: 1.33;
  display: block;
}
@media (max-width: 300px) {
  #question-page .question-text,
  #question-page .instruction-text,
  #question-page h1 {
    font-size: 12px;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  #question-page .question-text,
  #question-page .instruction-text,
  #question-page h1 {
    font-size: 14px;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  #question-page .question-text,
  #question-page .instruction-text,
  #question-page h1 {
    font-size: 19px;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  #question-page .question-text,
  #question-page .instruction-text,
  #question-page h1 {
    font-size: 22px;
  }
}
#question-page .up-down {
  position: relative;
  overflow: visible;
  height: 1em;
  width: 15px;
  float: right;
}
#question-page .up-down .up {
  position: absolute;
  top: -0.7em;
}
#question-page .up-down .down {
  position: absolute;
  bottom: -0.7em;
}
#question-page .left-right {
  position: relative;
  overflow: visible;
  height: 1em;
  width: 15px;
  float: right;
}
#question-page .left-right .left {
  position: absolute;
  left: -0.7em;
}
#question-page .left-right .right {
  position: absolute;
  right: -0.7em;
}
#question-page .question .input-wrapper input[type="text"] {
  color: #000 !important;
}
#question-page .logical-id,
#question-page .tss-starting-column,
#question-page .tss-digit-count,
#question-page .question .input-wrapper {
  display: inline-block;
}
#question-page .logical-id input,
#question-page .tss-starting-column input,
#question-page .tss-digit-count input,
#question-page .question .input-wrapper input {
  width: 100px !important;
  font-size: 1em !important;
  color: #000;
  border: 1px dashed #AAA !important;
}
#question-page .actions .logical-id input {
  width: 70px !important;
}
#question-page .actions .tss-starting-column input,
#question-page .actions .tss-digit-count input {
  width: 40px !important;
}
#question-page .module {
  clear: both;
  margin-top: 5px;
  border: 2px solid #555;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f9f9f9;
}
#question-page .module .title.expandable {
  background-color: #676c73;
  color: #333;
  margin: 0;
}
#question-page .module .question .title.expandable {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #092869;
  color: #fff;
}
#question-page .new-module {
  font-size: 2em;
}
#question-page .question-categories h3 {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 20px;
}
#question-page .question-categories .action {
  display: inline-block;
}
#question-page .question-categories .category-wrapper {
  margin-left: 20px;
}
#question-page .question-categories .category-wrapper .link {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
}
#question-page .question-categories .category-wrapper .category {
  margin-right: 20px;
}
#question-page .question-categories .category-wrapper .category.expanded .header {
  margin-bottom: 0;
}
#question-page .question-categories .category-wrapper .placeholder {
  color: #AAA;
}
#question-page .question-categories .category-wrapper .up-down .up {
  top: -0.3em;
}
#question-page .question-categories .category-wrapper .header {
  background: beige;
  border: 1px solid grey;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 2px;
}
#question-page .question-categories .category-wrapper .header i {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
}
#question-page .question-categories .category-wrapper .header div,
#question-page .question-categories .category-wrapper .header i {
  display: inline-block;
}
#question-page .question-categories .category-wrapper .header h1 {
  margin-right: 10px;
  font-size: 20px;
  margin: 5px 10px 5px 5px;
}
#question-page .question-categories .category-wrapper .body {
  background-color: rgba(245, 245, 220, 0.5);
  padding: 5px 5px 5px 20px;
  margin-bottom: 2px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
#question-page .question-categories .category-wrapper input[type="text"].small {
  width: 100px;
}
#question-page .question-categories .category-wrapper label {
  font-size: 16px;
  font-weight: bold;
}
#question-page .questions .question {
  padding-top: 5px;
  clear: both;
}
#question-page .questions .question .logical-id,
#question-page .questions .question .tss-starting-column,
#question-page .questions .question .tss-digit-count {
  float: right;
  margin-right: 15px;
}
#question-page .questions .question .question-logic {
  font-size: 15px;
  margin-left: 15px;
  padding: 5px 10px 10px;
  background-color: #eee;
  overflow: hidden;
  box-sizing: border-box;
  width: 990px;
}
#question-page .questions .question .question-logic .logic {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 10px;
}
#question-page .questions .question .question-logic .logic .trigger-value {
  clear: both;
}
#question-page .questions .question .question-logic .logic .logic-action {
  float: left;
}
#question-page .questions .question .question-logic .logic .logic-action .del {
  margin-right: 4px;
}
#question-page .questions .question .question-logic .logic .edit-logic {
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
#question-page .questions .question .question-logic .logic .edit-logic:hover {
  color: #f65058;
}
#question-page .questions .question .question-logic .logic .logic-type {
  margin-right: 15px;
  float: left;
}
#question-page .questions .question .question-logic .logic .helper.whole.dropdown {
  position: relative;
  height: 22px;
}
#question-page .questions .question .question-logic .logic .helper.label-1 {
  position: absolute;
  left: 0;
  width: 80%;
}
#question-page .questions .question .question-logic .logic .helper.label-1 .save {
  float: left;
}
#question-page .questions .question .question-logic .logic .td.option-1 {
  position: absolute;
  left: 80%;
  width: 20%;
}
#question-page .questions .question .question-logic .logic .choices-from-end {
  width: 50px;
}
#question-page .questions .question .question-logic .logic .avoid-question,
#question-page .questions .question .question-logic .logic .avoid-variable,
#question-page .questions .question .question-logic .logic .insert-previous-question,
#question-page .questions .question .question-logic .logic .insert-variable,
#question-page .questions .question .question-logic .logic .ident-level-1 {
  margin-left: 29px;
}
#question-page .questions .question .question-logic .logic a {
  text-decoration: none !important;
}
#question-page .questions .question .question-logic table {
  width: 100%;
}
#question-page .questions .question .question-logic table td.action {
  width: 2%;
}
#question-page .questions .question .question-logic table td.type {
  width: 18%;
}
#question-page .questions .question .question-logic table input[type=text] {
  border: 1px solid #ccc;
}
#question-page .questions .question .actions {
  display: block;
  font-size: 0.7em;
}
#question-page .questions .question .actions > * {
  display: inline-block;
}
#question-page .questions .question .actions .up-down,
#question-page .questions .question .actions .del,
#question-page .questions .question .actions .logic {
  float: right;
  margin-left: 1em;
}
#question-page .questions .question .actions .kind {
  display: inline-block;
}
#question-page .questions .question .question-text {
  text-align: center;
  margin: 1em 0;
}
#question-page .questions .question .instruction-text {
  padding: 4em 1.3em;
}
@media (max-width: 300px) {
  #question-page .questions .question .instruction-text.subquestion br ~ br {
    content: '.' !important;
    display: block !important;
    padding: 0.1em 0 0 0 !important;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  #question-page .questions .question .instruction-text.subquestion br ~ br {
    content: '.' !important;
    display: block !important;
    padding: 0.3em 0 0 0;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  #question-page .questions .question .instruction-text.subquestion br ~ br {
    content: '.' !important;
    display: block !important;
    padding: 0.5em 0 0 0;
  }
}
#question-page .questions .question .choice.actions a {
  float: right;
  clear: both;
}
#question-page .questions .question .input-text {
  font-size: 18px;
  text-align: left;
}
@media (max-width: 300px) {
  #question-page .questions .question .input-text {
    font-size: 10px;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  #question-page .questions .question .input-text {
    font-size: 11px;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  #question-page .questions .question .input-text {
    font-size: 14px;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  #question-page .questions .question .input-text {
    font-size: 16px;
  }
}
#question-page .questions .question .open-input {
  padding: 8px 64px;
}
#question-page .questions .question .open-input textarea {
  width: 70%;
  margin: 0 auto;
  height: 200px;
  resize: vertical;
  border-style: none;
  outline-style: none;
  background-color: #eee;
  border: 1px solid #000;
}
@media (max-width: 300px) {
  #question-page .questions .question .open-input textarea {
    width: 100%;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  #question-page .questions .question .open-input textarea {
    width: 95%;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  #question-page .questions .question .open-input textarea {
    width: 90%;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  #question-page .questions .question .open-input textarea {
    width: 80%;
  }
}
#question-page .questions .question .open-input textarea:focus {
  background-color: #fff;
}
#question-page .questions .question .message {
  width: 70%;
  margin: 0 auto;
  min-height: 20px;
  color: #f65058;
  font-size: 12px;
  text-align: right;
}
@media (max-width: 300px) {
  #question-page .questions .question .message {
    width: 100%;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  #question-page .questions .question .message {
    width: 95%;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  #question-page .questions .question .message {
    width: 90%;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  #question-page .questions .question .message {
    width: 80%;
  }
}
#question-page .questions .question .table {
  width: 70%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.25em;
}
@media (max-width: 300px) {
  #question-page .questions .question .table {
    width: 100%;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  #question-page .questions .question .table {
    width: 95%;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  #question-page .questions .question .table {
    width: 90%;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  #question-page .questions .question .table {
    width: 80%;
  }
}
@media (max-width: 300px) {
  #question-page .questions .question .table {
    font-size: 6px;
  }
}
@media (min-width: 301px) and (min-width: 300px) and (max-width: 400px) {
  #question-page .questions .question .table {
    font-size: 7px;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  #question-page .questions .question .table {
    font-size: 9px;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  #question-page .questions .question .table {
    font-size: 12px;
  }
}
#question-page .questions .question .table input {
  background-color: transparent;
  color: #fff;
  width: 100%;
}
#question-page .questions .question .table table {
  width: 100%;
  border-spacing: 5px;
  border-collapse: inherit;
}
#question-page .questions .question .table table tr td,
#question-page .questions .question .table table tr.light td {
  border: none;
}
#question-page .questions .question .table table tr td.check,
#question-page .questions .question .table table tr.light td.check,
#question-page .questions .question .table table tr th.check,
#question-page .questions .question .table table tr.light th.check {
  white-space: nowrap;
  text-align: right;
  width: 70px !important;
  background-color: transparent;
  color: black;
}
#question-page .questions .question .table table tr td.check.empty,
#question-page .questions .question .table table tr.light td.check.empty,
#question-page .questions .question .table table tr th.check.empty,
#question-page .questions .question .table table tr.light th.check.empty {
  visibility: visible;
}
#question-page .questions .question .table table tbody tr td {
  background-color: #676c73;
  color: #fff;
  text-align: left;
}
#question-page .questions .question .table table tbody tr td.cell {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
  background-color: #767b81;
}
#question-page .questions .question .table table tbody tr.light td {
  background-color: #85898f;
}
#question-page .questions .question .table table tbody tr.light td.cell {
  background-color: #95989d;
}
#question-page .questions .question .table table tbody tr td.cell:hover,
#question-page .questions .question .table table tbody tr.light td.cell:hover {
  background-color: #af5e66;
}
#question-page .questions .question .table table tbody tr td.cell.down,
#question-page .questions .question .table table tbody tr.light td.cell.down,
#question-page .questions .question .table table tbody tr td.cell.down:hover,
#question-page .questions .question .table table tbody tr.light td.cell.down:hover {
  background-color: #f65058;
}
#question-page .questions .question .table table td,
#question-page .questions .question .table table th {
  overflow: hidden;
  padding: 0.75em;
}
#question-page .questions .question .table table td.empty,
#question-page .questions .question .table table th.empty {
  visibility: hidden;
}
@media (max-width: 300px) {
  #question-page .questions .question .table table td,
  #question-page .questions .question .table table th {
    padding: 0.75em 0;
  }
}
@media (min-width: 301px) and (min-width: 300px) and (max-width: 400px) {
  #question-page .questions .question .table table td,
  #question-page .questions .question .table table th {
    padding: 0.75em 0.5em;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  #question-page .questions .question .table table td,
  #question-page .questions .question .table table th {
    padding: 0.75em 0.25em;
  }
}
#question-page .questions .question .table.matrix table {
  table-layout: fixed;
}
#question-page .questions .question .table.matrix table.fixed {
  border-spacing: 5px 0;
  position: fixed;
  top: 0;
}
#question-page .questions .question .table.matrix table.fixed tr th.choice {
  border-bottom: 5px solid #eaeaea;
}
#question-page .questions .question .table.matrix table.fixed tr:last-child th.choice {
  border-bottom: 0 none;
}
#question-page .questions .question .table.matrix table tr {
  height: 3.4em;
}
#question-page .questions .question .table.matrix table tr th.choice,
#question-page .questions .question .table.matrix table tr td.cell {
  width: 5%;
}
#question-page .questions .question .table.matrix table tr th.choice.wide,
#question-page .questions .question .table.matrix table tr td.cell.wide {
  width: auto;
}
#question-page .questions .question .table.matrix table.col-1 th.choice,
#question-page .questions .question .table.matrix table.col-1 td.cell {
  width: 20%;
}
#question-page .questions .question .table.matrix table.col-1 th.choice[colspan='1'] {
  width: 20%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-2 th.choice,
#question-page .questions .question .table.matrix table.col-2 td.cell {
  width: 20%;
}
#question-page .questions .question .table.matrix table.col-2 th.choice[colspan='2'] {
  width: 40%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-3 th.choice,
#question-page .questions .question .table.matrix table.col-3 td.cell {
  width: 12%;
}
#question-page .questions .question .table.matrix table.col-3 th.choice[colspan='3'] {
  width: 36%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-4 th.choice,
#question-page .questions .question .table.matrix table.col-4 td.cell {
  width: 12%;
}
#question-page .questions .question .table.matrix table.col-4 th.choice[colspan='4'] {
  width: 48%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-5 th.choice,
#question-page .questions .question .table.matrix table.col-5 td.cell {
  width: 10%;
}
#question-page .questions .question .table.matrix table.col-5 th.choice[colspan='5'] {
  width: 50%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-6 th.choice,
#question-page .questions .question .table.matrix table.col-6 td.cell {
  width: 8%;
}
#question-page .questions .question .table.matrix table.col-6 th.choice[colspan='6'] {
  width: 48%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-7 th.choice,
#question-page .questions .question .table.matrix table.col-7 td.cell {
  width: 5%;
  white-space: nowrap;
}
#question-page .questions .question .table.matrix table.col-7 th.choice[colspan='7'] {
  width: 35%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-8 th.choice,
#question-page .questions .question .table.matrix table.col-8 td.cell {
  width: 5%;
  white-space: nowrap;
}
#question-page .questions .question .table.matrix table.col-8 th.choice[colspan='8'] {
  width: 40%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-9 th.choice,
#question-page .questions .question .table.matrix table.col-9 td.cell {
  width: 5%;
  white-space: nowrap;
}
#question-page .questions .question .table.matrix table.col-9 th.choice[colspan='9'] {
  width: 45%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-10 th.choice,
#question-page .questions .question .table.matrix table.col-10 td.cell {
  width: 5%;
  white-space: nowrap;
}
#question-page .questions .question .table.matrix table.col-10 th.choice[colspan='10'] {
  width: 50%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-11 th.choice,
#question-page .questions .question .table.matrix table.col-11 td.cell {
  width: 4%;
}
#question-page .questions .question .table.matrix table.col-11 th.choice[colspan='11'] {
  width: 44%;
  text-align: center;
}
#question-page .questions .question .table.matrix table.col-11 th.second {
  width: 300px;
}
#question-page .questions .question .table.matrix table.col-12 th.choice,
#question-page .questions .question .table.matrix table.col-12 td.cell {
  width: 4%;
}
#question-page .questions .question .table.matrix table.col-12 th.choice[colspan='12'] {
  width: 48%;
  text-align: center;
}
#question-page .questions .question .table.matrix table th.choice.wide,
#question-page .questions .question .table.matrix table td.cell.wide,
#question-page .questions .question .table.matrix table th.choice[colspan].wide {
  width: auto !important;
}
#question-page .questions .question .table.matrix table thead tr.head.settings {
  height: 1em;
}
#question-page .questions .question .table.matrix table thead tr.head.settings th {
  padding: 2px 0.75em;
  line-height: 1;
  font-size: 0.75em;
}
#question-page .questions .question .table.matrix table thead tr.head.settings th input {
  border: none;
  text-align: center;
}
#question-page .questions .question .table.matrix table thead tr.head.settings th div[contenteditable=true]:focus {
  width: 300px !important;
  height: 100px !important;
  position: absolute;
  background-color: white;
  color: #000;
  text-align: left;
}
#question-page .questions .question .table.matrix table thead tr.head.settings th a {
  padding: 0 2px;
}
#question-page .questions .question .table.matrix table thead tr.head.settings th.empty {
  background-color: #ccc;
  visibility: visible;
  text-align: left;
}
#question-page .questions .question .table.matrix table thead tr th.choice {
  background-color: #092869;
  color: #fff;
}
#question-page .questions .question .table.matrix table tbody .logical-id,
#question-page .questions .question .table.matrix table tbody .tss-starting-column,
#question-page .questions .question .table.matrix table tbody .tss-digit-count {
  width: 100%;
  display: block;
  margin: 3px 0 0 0;
  padding: 0;
  float: none;
  clear: both;
}
#question-page .questions .question .table.matrix table tbody .logical-id input,
#question-page .questions .question .table.matrix table tbody .tss-starting-column input,
#question-page .questions .question .table.matrix table tbody .tss-digit-count input {
  width: 50px;
  color: #000;
  display: inline-block;
}
#question-page .questions .question .table.mc table tr {
  height: 3.4em;
}
#question-page .questions .question .table.mc table tr td.cell {
  width: 3.4em;
}
#question-page .questions .question .table.mc table tr .logical-id,
#question-page .questions .question .table.mc table tr .tss-starting-column,
#question-page .questions .question .table.mc table tr .tss-digit-count {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
}
#question-page .questions .question .table.mc table tr .logical-id input,
#question-page .questions .question .table.mc table tr .tss-starting-column input,
#question-page .questions .question .table.mc table tr .tss-digit-count input {
  width: 50px;
  color: #000;
  display: inline-block;
}
#question-page .navigation {
  font-size: 32px;
  text-align: center;
  margin: 16px 0;
}
#question-page .navigation .button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
  color: #000;
}
#question-page .navigation .button:hover {
  color: #666;
}
#question-page .navigation .space {
  display: inline-block;
  width: 50%;
}
.overlay .languages a {
  padding: 0;
  display: inline-block;
  text-align: center;
  margin: 1px 0 1px 3px;
  width: 19px;
  height: 13px;
  border: 2px solid transparent;
}
.overlay .languages a.active,
.overlay .languages a:hover {
  border: 2px solid #000;
}
.overlay .languages a img {
  display: block;
  margin: 0;
}
.overlay #question-page .question .body {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.overlay #question-page .question .table {
  width: 100%;
}
.overlay #question-page .question .open {
  text-align: left;
  margin: 12px 12px 12px 7px;
  padding: 0;
}
.overlay #question-page .question .open span {
  padding: 5px;
}
.overlay #question-page .question .open .actions {
  float: right;
}
.overlay #question-page .question .options {
  margin: 0 17px;
  text-align: left;
}
.overlay #question-page .question .options label,
.overlay #question-page .question .options input[type=text] {
  width: auto !important;
  color: #000;
}
.overlay #question-page .question .options input[type=text] {
  border: 1px dashed #AAA;
  min-height: 1em;
  min-width: 5px;
  display: inline-block;
  padding: 0 5px;
  /*width: 40px !important;*/
}
.overlay #question-page .question input[type=text] {
  min-width: 10px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 18px;
  padding: 0;
}
@media (max-width: 300px) {
  .overlay #question-page .question input[type=text] {
    font-size: 10px;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  .overlay #question-page .question input[type=text] {
    font-size: 11px;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  .overlay #question-page .question input[type=text] {
    font-size: 14px;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .overlay #question-page .question input[type=text] {
    font-size: 16px;
  }
}
.overlay #question-page .question input[type=text].question-text,
.overlay #question-page .question input[type=text].input-text {
  padding-left: 0;
  padding-right: 0;
}
.overlay #question-page .question input[type=text].question-text {
  text-align: center;
}
.overlay #question-page .question input[type=text].input-text {
  width: 94%;
  text-align: left;
}
.question-tiny .white,
.question-tiny .gray,
.question-tiny .blue {
  display: inline-block;
  padding: 2px 4px;
  margin: 2px;
}
.question-tiny .white {
  background-color: #fff;
  color: #000;
}
.question-tiny .gray {
  background-color: #4e4a47;
  color: #fff;
}
.question-tiny .blue {
  background-color: #092869;
  color: #fff;
}
.question-tiny .text {
  display: inline-block;
  height: 1em;
  min-width: 6px;
}
#institution-page .content {
  top: 113px;
}
#institution-page .content .column .outer-box .inner-box {
  top: 0;
}
/*.schoolsToImport.popup {
    table {
        th {
            &.InstituonNo {
                width: 15%;
            }

            &.InstitutionName {
                width: 40%;
            }

            &.TemplateName {
                width: 20%;
            }
        }
    }
}*/
#responseSchoolImport table tr.error {
  background-color: #F56349;
}
#responseSchoolImport table tr.disabled {
  background-color: lightgray;
}
#institutions-page .content {
  top: 102px;
}
#institutions-page .icon {
  padding: 0 2px;
  color: #4e4a47;
}
#institutions-page .icon.disabled {
  color: #807c79;
}
#institutions-page .title .status {
  display: inline-block;
  width: 150px;
  font-size: 0.9em;
  vertical-align: top;
}
#institutions-page .title .status .running {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 5px;
  background-color: green;
  color: white;
}
#institutions-page .title .date-start,
#institutions-page .title .date-end {
  display: inline-block;
  width: 100px;
  font-size: 0.9em;
  vertical-align: top;
}
#institutions-page .title .progress {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: right;
  display: inline-block;
  padding: 0 5px;
  font-size: 0.9em;
  vertical-align: top;
}
#institutions-page .institution {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  font-size: 10pt;
  background-color: #d3e3cf;
}
#institutions-page .institution *[class^="icon-"],
#institutions-page .institution *[class*=" icon-"] {
  color: #4e4a47;
}
#institutions-page .institution *[class^="icon-"].disabled,
#institutions-page .institution *[class*=" icon-"].disabled {
  color: #807c79;
}
#institutions-page .institution.line {
  position: relative;
  height: 28px;
  overflow: hidden;
  padding: 0px;
  cursor: default;
}
#institutions-page .institution.line *[class^="icon-"],
#institutions-page .institution.line *[class*=" icon-"] {
  display: inline-block;
  padding: 0 2px;
}
#institutions-page .institution.line .left,
#institutions-page .institution.line .right {
  display: inline-block;
}
#institutions-page .institution.line .left {
  float: left;
}
#institutions-page .institution.line .right {
  float: right;
}
#institutions-page .institution.line .icon {
  text-align: center;
  padding-top: 8px;
  width: 18px;
  margin: 0 2px 0 0;
}
#institutions-page .institution.line .icon.narrow {
  width: 8px;
  padding-left: 0;
  padding-right: 0;
}
#institutions-page .institution.line .icon.narrow span {
  padding-left: 0;
  padding-right: 0;
}
#institutions-page .institution.line .title {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 20px;
  right: 20px;
  padding: 2px;
  background-color: #fff;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#institutions-page .institution.line a {
  display: inline-block;
  padding: 0 2px;
  color: #4e4a47;
  cursor: pointer;
}
#institutions-page .institution.line a:hover {
  color: #888;
}
#institutions-page .institution.line a {
  display: inline-block;
  color: #4e4a47;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
}
#institutions-page .institution.line a:hover {
  color: #888;
}
#institutions-page .institution.line.collapsed {
  border-bottom: 1px solid #575757;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
}
#institutions-page .institution.line .title {
  left: 5px;
  right: 74px;
}
#institutions-page .institution:hover {
  background-color: #f1f6ef;
}
#downloads-page .content {
  top: 69px;
}
.download {
  position: relative;
  font-size: 10pt;
  background-color: #d3e3cf;
}
.download *[class^="icon-"],
.download *[class*=" icon-"] {
  color: #4e4a47;
}
.download *[class^="icon-"].disabled,
.download *[class*=" icon-"].disabled {
  color: #807c79;
}
.download.line {
  position: relative;
  height: 28px;
  overflow: hidden;
  padding: 0px;
  cursor: default;
}
.download.line *[class^="icon-"],
.download.line *[class*=" icon-"] {
  display: inline-block;
  padding: 0 2px;
}
.download.line .left,
.download.line .right {
  display: inline-block;
}
.download.line .left {
  float: left;
}
.download.line .right {
  float: right;
}
.download.line .icon {
  text-align: center;
  padding-top: 8px;
  width: 18px;
  margin: 0 2px 0 0;
}
.download.line .icon.narrow {
  width: 8px;
  padding-left: 0;
  padding-right: 0;
}
.download.line .icon.narrow span {
  padding-left: 0;
  padding-right: 0;
}
.download.line .title {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 20px;
  right: 20px;
  padding: 2px;
  background-color: #fff;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.download.line a {
  display: inline-block;
  padding: 0 2px;
  color: #4e4a47;
  cursor: pointer;
}
.download.line a:hover {
  color: #888;
}
.download.line a {
  display: inline-block;
  color: #4e4a47;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
}
.download.line a:hover {
  color: #888;
}
.download.line.collapsed {
  border-bottom: 1px solid #575757;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
}
.download.line .title {
  left: 5px;
  right: 45px;
}
.download.line .icon,
.download.line .icon * {
  color: #4e4a47;
  /*color: mix(#f5f5f5, rgb(38, 103, 130), 90%);*/
}
.download:hover {
  background-color: #f1f6ef;
}
#answer-sheet .loading-ph {
  position: absolute;
  z-index: 3;
  top: 0;
}
#answer-sheet .table {
  overflow: hidden;
  overflow-x: scroll;
}
#answer-sheet th {
  border: 1px solid #999;
}
#answer-sheet th.module {
  background-color: #D9F3D8;
}
#answer-sheet th.question {
  background-color: #D6E5FF;
}
#answer-sheet th.header-default {
  background-color: #FFF;
  min-width: 20px;
}
#answer-sheet th.header-question-title {
  background-color: #E4E4E4;
}
#answer-sheet td {
  white-space: nowrap;
}
#answer-sheet td .action {
  cursor: pointer;
}
#answer-sheet td .action:hover {
  color: grey;
}
#answer-sheet .toolbar {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 28px;
  line-height: 28px;
  margin-left: 0;
  padding-left: 5px;
  background: #00a95c;
  color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 5px;
}
#answer-sheet .toolbar label {
  font-weight: bold;
}
#answer-sheet .toolbar .actions {
  display: inline-block;
  margin-right: 5px;
}
#answer-sheet .toolbar .action {
  display: inline-block;
}
#answer-sheet .toolbar .action.right {
  float: right;
  margin-right: 5px;
}
#answer-sheet .toolbar .filters {
  display: inline-block;
}
#answer-sheet .toolbar .filters .filter {
  display: inline-block;
}
.overlay.answer-sheet {
  bottom: 20px;
}
.overlay.answer-sheet .page-header {
  display: none;
}
/*.table-editable {
    overflow: hidden;
    margin: 0;

    table {
        margin: 0;
    }

    .cell {
        &.editable {
            padding: 0;
            width: 100%;
            height: 100%;
            line-height: 20px;
            border: 0;
        }
    }

    tr:hover {
        background-color: #ffa;
    }

    td, th {
        position: relative;
    }

    td:hover::after,
    th:hover::after {
        content: "";
        position: absolute;
        background-color: #ffa;
        left: 0;
        top: -5000px;
        height: 10000px;
        width: 100%;
        z-index: -1;
    }
}*/
#popup-page .grid {
  border: 1px solid #aeaeae;
  padding: 0;
}
.grid {
  padding: 5px;
  box-sizing: border-box;
}
.grid .slick-headerrow-column {
  /*background: #87ceeb;*/
  background: #e2dfdd;
  text-overflow: clip;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
}
.grid .slick-headerrow-column .info {
  font-size: 10px;
  margin-top: -3px;
  text-align: center;
  letter-spacing: -1px;
  font-weight: bold;
  display: block;
}
.grid .slick-headerrow-column input {
  margin: 0;
  padding: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 2px;
  left: 0;
}
.grid .slick-header-column {
  -o-text-overflow: clip;
  text-overflow: clip;
}
.grid .slick-header-column .fa {
  vertical-align: 4px;
}
.grid .slick-header-column.module,
.grid .slick-header-column.headerAlignWithBorder {
  font-weight: bold;
}
.grid .slick-header-column.has-filter {
  color: #fff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+51,fb955e+100 */
  background: #feccb1;
  /* 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+ */
  background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
  /* IE6-9 */
}
.grid .slick-header-column .header-title {
  width: 100%;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.grid .slick-header-column .header-title:hover {
  cursor: pointer;
}
.grid .ui-autocomplete {
  z-index: 3;
  left: 0;
  width: auto;
  max-height: none;
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.grid .ui-autocomplete .ui-state-focus {
  width: 100%;
}
.grid .custom-combobox {
  width: 100%;
  overflow: hidden;
}
.grid .custom-combobox-toggle {
  position: absolute;
  right: 0;
  background: none;
  border: 0;
  width: 15px;
}
.grid .slick-row.active {
  background-color: #ecf2f9;
}
.grid .slick-cell {
  z-index: 2;
  -webkit-user-select: all;
  /* Chrome all / Safari all */
  -moz-user-select: all;
  /* Firefox all */
  -ms-user-select: all;
  /* IE 10+ */
  user-select: all;
  /* Likely future */
}
.grid .slick-cell input {
  width: 100%;
  padding: 0;
  border: none;
  height: 20px;
  outline: none;
  background: transparent;
}
.grid .slick-cell input.error {
  border-color: red;
}
.grid .slick-cell label.error {
  position: absolute;
  left: 0;
  top: 22px;
  color: red;
  padding: 1px 5px 1px 5px;
  background-color: white;
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.grid .slick-cell .inline {
  display: inline-block;
}
.grid .slick-cell .icon-error {
  text-align: center;
  color: #F56349;
}
.grid .slick-cell .custom-combobox-input {
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.grid .slick-cell .value {
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.grid .slick-cell .actions {
  overflow: hidden;
}
.grid .slick-cell .actions .action {
  display: inline-block;
}
.grid .slick-cell .actions .action .fa {
  margin-left: 5px;
  margin-right: 5px;
}
.grid .slick-cell .actions .action:hover {
  cursor: pointer;
  color: #999;
}
.grid .slick-cell .actions .action.right {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
}
.grid .slick-cell select {
  width: 100%;
  height: 20px;
  border: 0;
  outline: none;
}
.grid .slick-cell.warn {
  background-color: rgba(255, 85, 0, 0.16) !important;
}
.grid .slick-cell.warn-required {
  background-color: rgba(255, 85, 0, 0.16) !important;
  border: 1px solid red;
}
.grid .slick-cell.slick-cell-checkboxsel input {
  height: initial;
  margin-left: 0;
}
.grid .slick-cell.selected {
  background-color: #ecf2f9;
}
.grid .slick-cell a.action-file-download.disabled,
.grid .slick-cell a.row-delete.disabled {
  color: #999;
}
.grid .slick-cell a.action-file-download.disabled:hover,
.grid .slick-cell a.row-delete.disabled:hover {
  cursor: default;
  color: #999;
}
.grid .slick-cell .actions a {
  margin-left: 3px;
}
.grid .slick-cell .actions a.row-document-upload {
  color: grey;
}
.grid .slick-cell .actions a:hover {
  color: lightgray;
}
.grid .slick-cell .actions a.action-fill-cell {
  text-align: left;
  width: 100%;
  height: 100%;
  display: block;
}
.grid .slick-cell .actions :first-child {
  margin-left: 0;
}
.grid .slick-cell.active {
  /*overflow: visible;*/
  border-color: gray;
  border-style: solid;
  background: #fffddd;
  z-index: 3;
}
.grid .slick-cell.active.nav-one-select {
  padding-right: 20px;
}
.grid .active-filter {
  color: #fff;
}
.grid.large {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /*top: @header-height - 5;*/
  top: 28px;
  padding: 0;
}
.grid.small {
  position: static;
  width: 100%;
  /*height: 250px;*/
}
.card-right .grid {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 48px;
}
.grid .editor-text {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
}
.mceIframeContainer iframe {
  max-width: 100% !important;
}
#mail-page .content {
  top: 70px;
}
#mail-page .content table {
  background-color: inherit !important;
}
#mail-page .column {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mail-page .column.file-list {
  width: 200px !important;
}
#mail-page .column.file-list .file-info .file a.cont-right {
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#mail-page .column.file-list .file-info .file a.cont-left {
  float: right;
}
#mail-page .column.file-list .title {
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0 5px;
}
#mail-page .column.file-list.collapsed {
  width: 40px;
}
#mail-page .column .th {
  height: 14px;
}
#mail-page .column .inner-box {
  border: 1px solid #000;
}
#mail-page .column .inner-box .mail-edit {
  padding: 5px;
}
#mail-page .column .inner-box .mail-edit label {
  font-weight: bold;
}
#mail-page .column .inner-box .mail-edit .title input {
  width: 100%;
}
#mail-page .column .inner-box .mail-edit .title .dropdown {
  float: right;
}
#mail-page .column .inner-box .mail-edit .title .languages {
  float: right;
  overflow: hidden;
  padding: 0px 1px 0 10px;
  margin: -5px 0 -5px 0;
}
#mail-page .column .inner-box .mail-edit .title .languages a {
  padding: 0;
  display: inline-block;
  text-align: center;
  margin: 1px 0 1px 3px;
  width: 19px;
  height: 13px;
  border: 2px solid transparent;
}
#mail-page .column .inner-box .mail-edit .title .languages a.active,
#mail-page .column .inner-box .mail-edit .title .languages a:hover {
  border: 2px solid #000;
}
#mail-page .column .inner-box .mail-edit .title .languages a img {
  display: block;
  margin: 0;
}
#mail-page .column .inner-box .mail-edit .subject input {
  width: 100%;
}
#mail-page .column .inner-box .mail-edit .body {
  margin: 0 -5px;
  overflow-x: auto;
}
#mail-page .column .inner-box .mail-edit .body label {
  margin: 0 5px;
}
#mail-page .column .inner-box .mail-assign {
  width: 100%;
}
#mail-page .column .inner-box .mail-assign .template {
  display: block;
  position: relative;
  font-size: 10pt;
  background-color: #798981;
}
#mail-page .column .inner-box .mail-assign .template *[class^="icon-"],
#mail-page .column .inner-box .mail-assign .template *[class*=" icon-"] {
  color: #4e4a47;
}
#mail-page .column .inner-box .mail-assign .template *[class^="icon-"].disabled,
#mail-page .column .inner-box .mail-assign .template *[class*=" icon-"].disabled {
  color: #807c79;
}
#mail-page .column .inner-box .mail-assign .template.line {
  position: relative;
  height: 28px;
  overflow: hidden;
  padding: 0px;
  cursor: default;
}
#mail-page .column .inner-box .mail-assign .template.line *[class^="icon-"],
#mail-page .column .inner-box .mail-assign .template.line *[class*=" icon-"] {
  display: inline-block;
  padding: 0 2px;
}
#mail-page .column .inner-box .mail-assign .template.line .left,
#mail-page .column .inner-box .mail-assign .template.line .right {
  display: inline-block;
}
#mail-page .column .inner-box .mail-assign .template.line .left {
  float: left;
}
#mail-page .column .inner-box .mail-assign .template.line .right {
  float: right;
}
#mail-page .column .inner-box .mail-assign .template.line .icon {
  text-align: center;
  padding-top: 8px;
  width: 18px;
  margin: 0 2px 0 0;
}
#mail-page .column .inner-box .mail-assign .template.line .icon.narrow {
  width: 8px;
  padding-left: 0;
  padding-right: 0;
}
#mail-page .column .inner-box .mail-assign .template.line .icon.narrow span {
  padding-left: 0;
  padding-right: 0;
}
#mail-page .column .inner-box .mail-assign .template.line .title {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 20px;
  right: 20px;
  padding: 2px;
  background-color: #fff;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#mail-page .column .inner-box .mail-assign .template.line a {
  display: inline-block;
  padding: 0 2px;
  color: #4e4a47;
  cursor: pointer;
}
#mail-page .column .inner-box .mail-assign .template.line a:hover {
  color: #888;
}
#mail-page .column .inner-box .mail-assign .template.line a {
  display: inline-block;
  color: #4e4a47;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
}
#mail-page .column .inner-box .mail-assign .template.line a:hover {
  color: #888;
}
#mail-page .column .inner-box .mail-assign .template.line.collapsed {
  border-bottom: 1px solid #575757;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
}
#mail-page .column .inner-box .mail-assign .template.line .title {
  left: 20px;
  right: 20px;
}
#mail-page .column .inner-box .mail-assign .template.line .icon,
#mail-page .column .inner-box .mail-assign .template.line .icon * {
  color: #e9eae9;
}
#mail-page .column .inner-box .mail-assign .template:hover {
  background-color: #94a19b;
}
#mail-page .column .inner-box .mail-assign .template.body {
  background: url("/Content/img/graphics/bg_survey_body.png") repeat;
  padding: 4px;
}
#mail-page .column .inner-box .mail-assign .template.body .line {
  background-color: transparent;
}
#mail-page .column .inner-box .mail-assign .template.body .line .title {
  left: 0;
}
#mail-page .column .inner-box .mail-assign .template.body .line .icon,
#mail-page .column .inner-box .mail-assign .template.body .line .icon * {
  color: #000;
}
#mail-import.data-view .data-table {
  top: 42px;
}
.column-view .content.only-overview {
  top: 102px;
}
.progressbar-container {
  position: absolute;
  top: 84px;
  left: 0;
}
.progressbar-container .progressbar-outer {
  position: absolute;
  left: 100px;
  width: 150px;
  height: 10px;
  border: 1px solid #fff;
}
.progressbar-container .progressbar-outer .progressbar-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: width 1s;
  transition: width 1s;
}
.overlay .data-view {
  min-height: 500px;
  position: relative;
}
.overlay .data-view .table {
  top: 35px;
}
.data-view .helper {
  padding-top: 3px;
  position: absolute;
  top: 0;
  height: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.data-view .helper.whole {
  left: 0;
  right: 0;
}
.data-view .helper.non-fixed {
  height: auto;
}
.data-view .helper.half-0 {
  left: 0;
  width: 50%;
}
.data-view .helper.half-1 {
  left: 50%;
  width: 50%;
}
.data-view .helper.third-0 {
  left: 0;
  width: 33.33%;
}
.data-view .helper.third-1 {
  left: 33.33%;
  width: 33.33%;
}
.data-view .helper.third-2 {
  left: 66.66%;
  width: 33.33%;
}
.data-view .helper.name {
  left: 0;
  width: 40%;
}
.data-view .helper.value {
  left: 40%;
  width: 60%;
}
.data-view .helper.label-1 {
  left: 0;
  right: 20px;
}
.data-view .helper.option-1 {
  right: 0;
  width: 20px;
}
.data-view .helper.inv.label-1 {
  right: 0;
  left: 20px;
}
.data-view .helper.inv.option-1 {
  left: 0;
  width: 20px;
}
.data-view .helper.label-2 {
  left: 0;
  right: 40px;
}
.data-view .helper.option-2 {
  right: 0;
  width: 40px;
}
.data-view .helper.tag-1 {
  left: 20px;
  right: 0;
}
.data-view .helper.choice-1 {
  left: 0;
  width: 20px;
}
.data-view .helper.tag-2 {
  left: 40px;
  right: 0;
}
.data-view .helper.choice-2 {
  left: 0;
  width: 40px;
}
.data-view .helper.option-1,
.data-view .helper.option-2,
.data-view .helper.choice-1,
.data-view .helper.choice-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  text-overflow: clip;
}
.data-view .hidden-upload.button {
  text-align: center;
}
.data-view .hidden-upload.button:hover {
  color: #888;
}
.data-view.column-view .column .outer-box {
  background: #fff;
}
.data-view .right a.language {
  padding: 0;
  display: inline-block;
  text-align: center;
  margin: 1px 0 1px 3px;
  width: 19px;
  height: 13px;
  border: 2px solid transparent;
}
.data-view .right a.language.active,
.data-view .right a.language:hover {
  border: 2px solid #fff;
}
.data-view .right a.language img {
  display: block;
  margin: 0;
}
.data-view .right > div {
  display: inline;
}
.data-view .right .survey-filter input {
  width: 80px;
}
.data-view .file-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.data-view .file-list .file-group {
  padding-top: 10px;
}
.data-view .file-list .file-group .file-head {
  padding: 4px 14px 4px 4px;
  position: relative;
}
.data-view .file-list .file-group .file {
  list-style-type: none;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-left: 18px;
}
.data-view .file-list .file-group .file.down {
  background-color: #4e4a47;
  color: #fff;
}
.data-view .file-list .file-group .file-summary {
  padding-left: 36px;
  font-size: 10px;
  color: #666;
  white-space: normal;
}
.data-view .file-list a {
  display: inline-block;
  font-size: 10pt;
  padding: 4px 10px;
}
.data-view .file-list a.icon-remove {
  position: absolute;
  top: 0;
  right: 0;
}
.data-view .file-list a:hover {
  color: #888;
}
.data-view .file-list .cont-left {
  padding-left: 1px !important;
}
.data-view .file-list .cont-right {
  padding-right: 1px !important;
}
.data-view .file-list .inner-box {
  border: 1px solid #000;
}
.data-view .upload-view .data-table .heading {
  border-color: #008ec0;
  background-color: #008ec0;
}
.data-view .upload-view .data-table .act {
  border-color: #008ec0;
  background-color: #008ec0;
}
.data-view .upload-view .data-table .table-rows,
.data-view .upload-view .data-table .table-columns {
  background-color: #008ec0;
}
.data-view .upload-view .file-list .file.down {
  background-color: #008ec0;
}
.data-view .upload-view .file-list .file.down a:hover {
  color: #fff;
}
.data-view .upload-view .file-list .th {
  background-color: #008ec0;
}
.data-view .data-table {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.data-view .data-table .table-corner,
.data-view .data-table .table-columns,
.data-view .data-table .table-rows,
.data-view .data-table .table-cells {
  position: absolute;
}
.data-view .data-table .table-corner,
.data-view .data-table .table-columns,
.data-view .data-table .table-rows {
  overflow: hidden;
}
.data-view .data-table .table-cells {
  overflow: auto;
}
.data-view .data-table .table-corner,
.data-view .data-table .table-rows {
  left: 0;
  width: 20px;
}
.data-view .data-table .table-corner,
.data-view .data-table .table-columns {
  top: 0;
  height: 24px;
}
.data-view .data-table .table-columns,
.data-view .data-table .table-cells {
  left: 20px;
  right: 0;
}
.data-view .data-table .table-rows,
.data-view .data-table .table-cells {
  top: 24px;
  bottom: 0;
}
.data-view .data-table .table-columns {
  right: 0px;
}
.data-view .data-table .table-rows {
  bottom: 0px;
}
.data-view .data-table .table-rows,
.data-view .data-table .table-columns {
  background-color: #222;
}
.data-view .data-table .table-cells {
  background-color: #eee;
}
.data-view .data-table .table-rows-inner,
.data-view .data-table .table-columns-inner,
.data-view .data-table .table-cells-inner {
  position: absolute;
  width: inherit;
  height: inherit;
}
.data-view .data-table .heading {
  height: inherit;
  border: 1px solid #444;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
}
.data-view .data-table .heading .helper {
  position: absolute;
  top: 0;
  height: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 4px;
}
.data-view .data-table .heading .helper.whole {
  left: 0;
  right: 0;
}
.data-view .data-table .heading .helper.non-fixed {
  height: auto;
}
.data-view .data-table .heading .helper.half-0 {
  left: 0;
  width: 50%;
}
.data-view .data-table .heading .helper.half-1 {
  left: 50%;
  width: 50%;
}
.data-view .data-table .heading .helper.third-0 {
  left: 0;
  width: 33.33%;
}
.data-view .data-table .heading .helper.third-1 {
  left: 33.33%;
  width: 33.33%;
}
.data-view .data-table .heading .helper.third-2 {
  left: 66.66%;
  width: 33.33%;
}
.data-view .data-table .heading .helper.name {
  left: 0;
  width: 40%;
}
.data-view .data-table .heading .helper.value {
  left: 40%;
  width: 60%;
}
.data-view .data-table .heading .helper.label-1 {
  left: 0;
  right: 20px;
}
.data-view .data-table .heading .helper.option-1 {
  right: 0;
  width: 20px;
}
.data-view .data-table .heading .helper.inv.label-1 {
  right: 0;
  left: 20px;
}
.data-view .data-table .heading .helper.inv.option-1 {
  left: 0;
  width: 20px;
}
.data-view .data-table .heading .helper.label-2 {
  left: 0;
  right: 40px;
}
.data-view .data-table .heading .helper.option-2 {
  right: 0;
  width: 40px;
}
.data-view .data-table .heading .helper.tag-1 {
  left: 20px;
  right: 0;
}
.data-view .data-table .heading .helper.choice-1 {
  left: 0;
  width: 20px;
}
.data-view .data-table .heading .helper.tag-2 {
  left: 40px;
  right: 0;
}
.data-view .data-table .heading .helper.choice-2 {
  left: 0;
  width: 40px;
}
.data-view .data-table .heading .helper.option-1,
.data-view .data-table .heading .helper.option-2,
.data-view .data-table .heading .helper.choice-1,
.data-view .data-table .heading .helper.choice-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  text-overflow: clip;
}
.data-view .data-table .act {
  width: inherit;
  height: inherit;
  padding: 3px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #444;
  background-color: #000;
  color: #fff;
}
.data-view .data-table .cell {
  border: 1px solid #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}
.data-view .data-table .cell .checkbox {
  text-align: center;
}
.data-view .data-table .cell .plain {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.data-view .data-table .cell .const {
  background-color: #ddd;
  color: #666;
}
.data-view .data-table .cell input {
  border-style: none;
  background-color: inherit;
  color: inherit;
  font: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 2px;
  outline-style: none;
}
.data-view .data-table .cell input.focus {
  position: absolute;
  background-color: #fff;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: -5px;
  left: -5px;
  z-index: 10;
  border: 4px solid #092869;
  padding: 1px;
  color: #000;
}
.data-view .data-table .cell .row-actions {
  background-color: #767B76;
  height: 18px;
}
.data-view .data-table .cell .row-actions .action {
  margin-left: 5px;
}
.data-view .data-table .cell .row-actions .action a {
  line-height: 20px;
  color: white;
}
.data-view .data-table .cell .warner {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 18px;
  color: red;
  width: 1em;
  height: 1em;
  display: block;
}
.ivh-treeview {
  overflow-y: auto;
}
.treeview-wrapper {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  display: flex;
  flex-direction: column;
}
.treeview-wrapper .treeview-header {
  background-color: #f3f3f3;
}
.treeview-wrapper .treeview-header .treeview-header-title {
  flex: 1 1;
  display: flex;
}
.treeview-wrapper .treeview-header .treeview-header-title .tree-field-label {
  flex: 1 1 auto;
  align-self: center;
  word-break: break-all;
}
.treeview-wrapper.has-combobox-filter .loader-wrapper {
  top: 145px;
  border-top: 1px solid #dddddd;
}
.treeview-wrapper .loader-wrapper {
  top: 67px;
}
.treeview {
  overflow: auto;
  background-color: #fff;
  /* Left align the first level of the treeview items. */
}
.treeview > .ivh-treeview > .ivh-treeview-node > .list-group-item > div > .ivh-treeview > .ivh-treeview-node > .list-group-item {
  padding: 0;
}
.treeview > .ivh-treeview > .ivh-treeview-node > .list-group-item > div > .ivh-treeview > .ivh-treeview-node > .list-group-item > .ivh-treeview-node-label {
  border-left: 0;
}
.treeview > .ivh-treeview > .ivh-treeview-node > .list-group-item {
  border-radius: 0;
  background-color: #f3f3f3;
}
.treeview > .ivh-treeview > .ivh-treeview-node > .list-group-item > .ivh-treeview-node-label {
  font-size: 13px;
  font-weight: bold;
}
.treeview > .ivh-treeview > .ivh-treeview-node > .list-group-item .ivh-treeview-toggle {
  padding: 8px 5px 5px 5px;
  background: #eef3f9;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 23px;
}
.treeview > .ivh-treeview > .ivh-treeview-node > .list-group-item .label-text {
  width: 100%;
  display: inline-block;
  padding: 8px 5px 5px 28px;
}
.treeview > .ivh-treeview > .ivh-treeview-node > .list-group-item .label-text .match {
  font-weight: bold;
  background-color: #fffa5c;
}
.treeview > .ivh-treeview > .ivh-treeview-node > .list-group-item .ivh-treeview-twistie {
  vertical-align: initial;
}
.treeview > .ivh-treeview > .ivh-treeview-node .list-group-item {
  padding: 0 0 0 8px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
}
.treeview > .ivh-treeview > .ivh-treeview-node .list-group-item.hover.list-group-item-disabled {
  cursor: not-allowed;
}
.treeview > .ivh-treeview > .ivh-treeview-node .list-group-item.list-group-item-disabled > .ivh-treeview-node-label > .ivh-treeview-toggle {
  border-left: 3px solid #dedede !important;
}
.treeview > .ivh-treeview > .ivh-treeview-node .list-group-item.root-node {
  padding: 0;
}
.treeview > .ivh-treeview > .ivh-treeview-node .ivh-treeview-node-label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: relative;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #ddd;
}
.treeview .list-group-item.list-group-item:hover {
  background-color: initial;
}
.treeview .list-group-item .label-text:hover {
  background-color: #e5eff5;
}
.treeview .ivh-treeview-toggle .glyphicon {
  color: #708ea9;
}
.treeview .ivh-treeview-toggle:hover {
  cursor: pointer;
}
.treeview .ivh-treeview-node-content .ivh-treeview-node-content.ui-draggable-dragging {
  border-radius: 5px;
  height: 28px;
  line-height: 28px;
  color: white;
  background-color: cornflowerblue;
  padding: 0 5px 0 10px;
  margin: 0;
}
.treeview .ivh-treeview-node-content .ivh-treeview-node-content.ui-draggable-dragging input {
  display: none;
}
/*@item-background-blue: #337ab7;*/
/*@item-background-haki: #869666;*/
/* MIXIN FOR ITEM COLOR */
.filter-item {
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  line-height: 24px;
  background-color: #377081;
  border-color: #28515d;
}
.filter-item:hover {
  background-color: #28515d;
  border-color: #193239;
}
.filter-item:hover .path-segments {
  background-color: #20414b;
}
.filter-item .path-segments {
  background: #2f606f;
}
.filter-item .combined-filter-part .action {
  color: #98c5d3;
}
.filter-item .combined-filter-part .action:hover {
  color: #74b1c4;
}
.filter-item.item-combined-filter {
  background-color: #53A976;
  border-color: #42875e;
}
.filter-item.item-combined-filter:hover {
  background-color: #42875e;
  border-color: #316546;
}
.filter-item.item-combined-filter:hover .path-segments {
  background-color: #3a7652;
}
.filter-item.item-combined-filter .path-segments {
  background: #4b986a;
}
.filter-item.item-combined-filter .combined-filter-part .action {
  color: #cae5d5;
}
.filter-item.item-combined-filter .combined-filter-part .action:hover {
  color: #a7d4ba;
}
.filter-item.item-axis-filter {
  background-color: #33abb7;
  border-color: #28868f;
}
.filter-item.item-axis-filter:hover {
  background-color: #28868f;
  border-color: #1d6067;
}
.filter-item.item-axis-filter:hover .path-segments {
  background-color: #22737b;
}
.filter-item.item-axis-filter .path-segments {
  background: #2d98a3;
}
.filter-item.item-axis-filter .combined-filter-part .action {
  color: #b3e5ea;
}
.filter-item.item-axis-filter .combined-filter-part .action:hover {
  color: #8bd7df;
}
.filter-item.item-status-cannot-map {
  background-color: #777;
  border-color: #5e5e5e;
}
.filter-item.item-status-cannot-map:hover {
  background-color: #5e5e5e;
  border-color: #444444;
}
.filter-item.item-status-cannot-map:hover .path-segments {
  background-color: #515151;
}
.filter-item.item-status-cannot-map .path-segments {
  background: #6a6a6a;
}
.filter-item.item-status-cannot-map .combined-filter-part .action {
  color: #d0d0d0;
}
.filter-item.item-status-cannot-map .combined-filter-part .action:hover {
  color: #b7b7b7;
}
.filter-item .filter-item-content {
  position: relative;
  padding-right: 24px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-item .filter-item-content > .item-label-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-item .filter-item-content .filter-item-icon {
  display: inline-block;
  margin-right: 5px;
}
.filter-item .combined-filter-part {
  display: inline-block;
}
.filter-item .combined-filter-part .separator {
  margin-left: 3px;
  margin-right: 3px;
}
.filter-item .combined-filter-part .action {
  position: relative;
  right: initial;
  top: initial;
  margin: 0;
  margin-left: 5px;
}
.filter-item .filter-actions {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  text-align: center;
}
.filter-item .action {
  font-size: 1em;
}
.filter-item .action:hover {
  color: #ddd;
}
.filter-item .path-segments {
  list-style-type: none;
  line-height: initial;
  text-align: left;
  padding: 1px 10px 5px 10px;
}
.filter-item .path-segments > li.path-segment {
  display: inline-block;
  list-style-type: none;
  color: #d6d6d6;
  font-size: 0.8em;
  margin-left: 5px;
}
.filter-item .path-segments > li.path-segment:first-child {
  margin-left: 0;
}
.table.data-table.table-frequency th.row-item-title {
  width: 40%;
}
.table.data-table.table-frequency td.total {
  color: #545454;
}
.table.data-table.table-frequency td.row-title {
  font-size: 1.1em;
  font-family: Verdana;
}
.table.data-table.table-frequency td.score-total {
  font-size: 1.3em;
  vertical-align: middle;
  background: #fdfcf3;
  border-left: 1px solid #ddd;
  text-align: center;
}
.table.data-table.table-frequency td.score-total .value {
  text-align: center;
}
.table.data-table.table-frequency td.score-total.score-low {
  /*color: @text-dark-red;*/
}
.table.data-table.table-frequency td.score-total.score-mid {
  /*color: @text-dark-yellow;*/
}
.table.data-table.table-frequency td.score-total.score-high {
  /*color: @text-dark-green;*/
}
.table-spacer-div {
  display: block;
  height: 20px;
  width: 1px;
}
.table.data-table {
  table-layout: fixed;
  min-width: 500px;
}
.table.data-table thead > tr.header-row > th {
  border-bottom: 1px solid #ddd;
}
.table.data-table thead > tr.header-row.top-header-row > th {
  border-bottom: 0;
}
.table.data-table .score-total,
.table.data-table .title-score-totals {
  width: 10%;
}
.table.data-table.data-column-count-0 .row-title {
  width: 90%;
}
.table.data-table.data-column-count-1 .row-title,
.table.data-table.data-column-count-1 .row-item-title {
  width: 80%;
}
.table.data-table.data-column-count-1 .col-item-title {
  width: 10%;
}
.table.data-table.data-column-count-1 th,
.table.data-table.data-column-count-1 td {
  width: 10%;
}
.table.data-table.data-column-count-2 .row-title,
.table.data-table.data-column-count-2 .row-item-title {
  width: 40%;
}
.table.data-table.data-column-count-2 .col-item-title {
  width: 50%;
}
.table.data-table.data-column-count-2 th,
.table.data-table.data-column-count-2 td {
  width: 25%;
}
.table.data-table.data-column-count-3 .row-title,
.table.data-table.data-column-count-3 .row-item-title {
  width: 40%;
}
.table.data-table.data-column-count-3 .col-item-title {
  width: 50%;
}
.table.data-table.data-column-count-3 th,
.table.data-table.data-column-count-3 td {
  width: 16.66666667%;
}
.table.data-table.data-column-count-4 .row-title,
.table.data-table.data-column-count-4 .row-item-title {
  width: 40%;
}
.table.data-table.data-column-count-4 .col-item-title {
  width: 50%;
}
.table.data-table.data-column-count-4 th,
.table.data-table.data-column-count-4 td {
  width: 12.5%;
}
.table.data-table.data-column-count-5 .row-title,
.table.data-table.data-column-count-5 .row-item-title {
  width: 40%;
}
.table.data-table.data-column-count-5 .col-item-title {
  width: 50%;
}
.table.data-table.data-column-count-5 th,
.table.data-table.data-column-count-5 td {
  width: 10%;
}
.table.data-table.data-column-count-6 .row-title,
.table.data-table.data-column-count-6 .row-item-title {
  width: 40%;
}
.table.data-table.data-column-count-6 .col-item-title {
  width: 50%;
}
.table.data-table.data-column-count-6 th,
.table.data-table.data-column-count-6 td {
  width: 8.33333333%;
}
.table.data-table.data-column-count-7 .row-title,
.table.data-table.data-column-count-7 .row-item-title {
  width: 20%;
}
.table.data-table.data-column-count-7 .col-item-title {
  width: 70%;
}
.table.data-table.data-column-count-7 th,
.table.data-table.data-column-count-7 td {
  width: 10%;
}
.table.data-table.data-column-count-8 .row-title,
.table.data-table.data-column-count-8 .row-item-title {
  width: 20%;
}
.table.data-table.data-column-count-8 .col-item-title {
  width: 70%;
}
.table.data-table.data-column-count-8 th,
.table.data-table.data-column-count-8 td {
  width: 8.75%;
}
.table.data-table.data-column-count-9 .row-title,
.table.data-table.data-column-count-9 .row-item-title {
  width: 20%;
}
.table.data-table.data-column-count-9 .col-item-title {
  width: 70%;
}
.table.data-table.data-column-count-9 th,
.table.data-table.data-column-count-9 td {
  width: 7.77777778%;
}
.table.data-table.data-column-count-10 .row-title,
.table.data-table.data-column-count-10 .row-item-title {
  width: 20%;
}
.table.data-table.data-column-count-10 .col-item-title {
  width: 70%;
}
.table.data-table.data-column-count-10 th,
.table.data-table.data-column-count-10 td {
  width: 7%;
}
.table.data-table.data-column-count-11 .row-title,
.table.data-table.data-column-count-11 .row-item-title {
  width: 20%;
}
.table.data-table.data-column-count-11 .col-item-title {
  width: 70%;
}
.table.data-table.data-column-count-11 th,
.table.data-table.data-column-count-11 td {
  width: 7%;
}
.table.data-table th {
  /*width: 10%;*/
  font-weight: normal;
}
.table.data-table th.row-item-title {
  width: 25%;
}
.table.data-table th.col-item-title,
.table.data-table th.row-item-title {
  font-size: 1.3em;
  font-weight: bold;
  font-family: Verdana;
}
.table.data-table .title-column-totals,
.table.data-table .title-row-totals {
  /*font-weight: bold;*/
}
.table.data-table td {
  border: 1px solid #ddd;
}
.table.data-table td.total {
  /*font-weight: bold;*/
  /*color: @text-blue;*/
}
.table.data-table td.row-total {
  border-right: 1px solid #ddd;
}
.table.data-table td.total-total {
  /*font-weight: bold;*/
  border-right: 1px solid #ddd;
}
.table.data-table td.row-title {
  background: white;
  border: 0;
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #ddd;
}
.table.data-table td span.percentage-value {
  color: #31a70b;
}
.table.data-table td span.percentage-value.high-percentage-value {
  /*font-weight: bold;*/
}
.table.data-table td span.value,
.table.data-table td span.percentage-value {
  display: block;
  text-align: right;
}
.table.data-table tr.row-totals .row-title {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.table.data-table tr.header-row.top-header-row {
  height: 100%;
}
.table.data-table tr.header-row.top-header-row th:last-child {
  border-right: 0;
}
.table.data-table tr.header-row.top-header-row th:first-child {
  border-right: 1px solid #ddd;
}
.table.data-table tr.header-row th {
  border-top: 0;
}
.table.data-table tr.header-row th:first-child {
  border-bottom: 1px solid #ddd !important;
}
.table.data-table tr.header-row .row-item-title {
  border-right: 1px solid #ddd;
}
.table.data-table tr td {
  /*border-left: 0;
            border-right: 0;*/
  padding-right: 2px;
  padding-left: 0;
}
.data-tile {
  padding: 5px;
  background-color: #fdfdfd;
  border: 0;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  display: block;
}
.data-tile.active {
  padding: 2px;
  border: 3px dashed #fff;
  background-color: white;
  border-color: white;
  height: 100%;
  min-height: 200px;
}
.data-tile.active .tile-header {
  background-color: none;
  margin-bottom: 10px;
}
.data-tile.active .tile-content {
  border: 0;
  display: inline-block;
  width: 100%;
}
.data-tile.active:hover .tile-header .tile-header-text {
  background-color: whitesmoke;
}
.data-tile.tile-loading .tile-overlay {
  display: block;
}
.data-tile svg.radar {
  position: absolute;
  width: 100%;
  height: 100%;
}
.data-tile .table.table-crosstab td.row-title {
  padding-right: 8px;
}
.data-tile .table.table-crosstab {
  margin-bottom: 10px;
}
.data-tile:hover {
  cursor: pointer;
}
.data-tile:hover .table.table-crosstab td.row-title {
  background-color: rgba(212, 210, 255, 0.2);
}
.data-tile:hover.active {
  cursor: default;
}
.data-tile:hover.active .table.table-crosstab td.row-title {
  background-color: white;
}
.data-tile:hover.active:hover {
  border: 3px dashed #fff;
}
.data-tile:hover.active .tile-overlay {
  display: none;
}
.data-tile:hover .tile-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #d4d2ff;
  opacity: 0.2;
}
.data-tile.active .table-outer-wrapper {
  padding-right: 1px;
  padding-left: 1px;
}
.data-tile .table-outer-wrapper {
  padding-right: 5px;
  padding-left: 5px;
}
.data-tile .breadcrumb-wrapper {
  text-align: left;
  display: block;
}
.data-tile .breadcrumb-wrapper ol.breadcrumb {
  display: inline-block;
  padding: 8px 15px;
  float: left;
  margin-top: 10px;
  margin-left: 14px;
  margin-bottom: 0;
}
.data-tile .breadcrumb-wrapper ol.breadcrumb .active {
  color: #777;
}
.data-tile .breadcrumb-wrapper ol.breadcrumb .active:hover {
  cursor: default;
  text-decoration: none;
}
.data-tile .chart-outer-wrapper {
  display: block;
  height: 100%;
  width: 100%;
}
.data-tile .chart-outer-wrapper .chart-wrapper {
  width: 100%;
  height: 100%;
  display: block;
}
.data-tile .chart-outer-wrapper.has-info-block {
  padding-top: 0;
}
.data-tile .tile-content {
  position: relative;
  width: auto;
  border: 1px solid #e4e4e4;
  border-top: 0;
  overflow: auto;
  margin-top: -1px;
}
.data-tile .tile-content .tile-message {
  position: absolute;
  font-size: 2em;
  text-align: center;
  left: 50%;
  width: 50%;
  margin-left: -25%;
  top: 60px;
  color: #737373;
}
.data-tile .tile-content .fourquadrant-chart .chart-outer-wrapper {
  overflow: hidden;
}
.data-tile .tile-header {
  display: block;
  color: #333;
  position: relative;
  text-decoration: none;
}
.data-tile .tile-header .tile-header-messages {
  margin-top: 3px;
  text-align: left;
}
.data-tile .tile-header .tile-header-messages .tile-header-message-error {
  float: none !important;
  display: inline-block;
}
.data-tile .tile-header .title-header-text {
  background-color: whitesmoke;
  padding: 10px;
  border: 1px solid #e4e4e4;
  text-align: center;
}
.data-tile .tile-header h1,
.data-tile .tile-header h2,
.data-tile .tile-header h3,
.data-tile .tile-header h4,
.data-tile .tile-header h5,
.data-tile .tile-header h6 {
  margin: 5px 0;
}
.data-tile .tile-header .subtitle-text {
  min-height: 15px;
}
.data-tile .tile-header .gg-editable-text textarea,
.data-tile .tile-header .gg-editable-text input {
  text-align: center;
}
.data-tile .tile-header .gg-editable-text .edit-text {
  margin-left: 5px;
}
.data-tile .tile-header .gg-editable-text .action-edit {
  font-size: 15px;
  color: #333333;
}
.data-tile .tile-header .gg-editable-text .action-edit:hover {
  color: #000000;
}
.data-tile .tile-header .gg-editable-text .original-text:hover {
  border-color: transparent;
}
.data-tile .tile-header .gg-editable-text:hover {
  border: 0;
}
.data-tile .tile-header .gg-editable-text.editing {
  border: 0;
}
.data-tile .tile-header .presentation-page-no {
  position: absolute;
  top: 5px;
  left: 5px;
  color: lightslategrey;
  font-size: 0.9em;
}
.data-tile:hover {
  text-decoration: none;
}
.data-tile .subpage-navigation-wrapper label {
  display: inline-block;
  margin-right: 5px;
}
.data-tile .subpage-navigation-wrapper ul.subpage-navigation {
  display: inline-block;
  padding: 0;
}
.data-tile .subpage-navigation-wrapper ul.subpage-navigation li {
  list-style-type: none;
  display: inline-block;
  margin-left: 5px;
  border-radius: 0;
}
.data-tile .subpage-navigation-wrapper ul.subpage-navigation li .btn {
  border-radius: 0;
}
.data-tile .subpage-navigation-wrapper ul.subpage-navigation li.active .btn {
  border-color: #85c5ff;
}
.data-tile .subpage-navigation-wrapper ul.subpage-navigation li:first-child {
  margin-left: 0;
}
.data-tile .percentage-type .radio {
  display: inline-block;
  line-height: 1em;
  padding: 0;
  margin: 0;
}
.data-tile .percentage-type .radio input {
  margin: 0 0 0 -1.5em;
}
.data-tile .fourquadrant-chart {
  font-size: 1.1em;
}
body .ui-draggable-handle {
  cursor: move;
  cursor: grab !important;
  cursor: -webkit-grab !important;
}
body .ui-draggable-dragging {
  border-radius: 5px;
  height: 28px;
  line-height: 28px;
  color: white;
  background-color: cornflowerblue;
  padding: 0 5px 0 10px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px;
  min-width: 130px;
  cursor: default;
  cursor: grab !important;
  cursor: -webkit-grab !important;
  cursor: grabbing !important;
}
body .ui-draggable-dragging .ivh-treeview-twistie-wrapper {
  display: none;
}
body .ui-draggable-dragging input {
  display: none;
}
.dropdown.open .dropdown-toggle {
  box-shadow: none;
}
.dropdown .dropdown-toggle:active {
  box-shadow: none;
}
.dropdown .menu-item.info {
  white-space: normal;
}
.dropdown .menu-item.info .item-label {
  margin-left: 5px;
}
.dropdown .menu-item .fa-info-circle {
  color: #00b5fb;
}
.dropdown-tree {
  margin-top: 5px;
  margin-bottom: 5px;
}
.dropdown-tree input.form-control {
  border-radius: 0;
  padding-left: 5px;
}
.dropdown-tree .input-group .input-group-btn {
  border-radius: 0 !important;
}
.legend-color-guide > div {
  width: 8px;
  height: 8px;
  vertical-align: middle;
  margin-right: 5px;
}
.legend {
  text-align: right;
  margin-bottom: 10px;
  margin-right: 15px;
}
.legend .legend-color-guide,
.legend .value {
  display: inline-block;
}
.item-list-selector ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.item-list-selector li.list-item {
  display: block;
  /*border: 1px solid #989898;*/
  border: 1px solid white;
  margin-bottom: 3px;
}
.item-list-selector li.list-item.selected {
  border-color: #85c5ff;
}
.fourquadrant .dot {
  opacity: 0.75;
}
.fourquadrant .dot:hover {
  opacity: 1;
}
.fourquadrant .axis-label,
.fourquadrant .quadrant-label {
  fill: #5a5a5a;
}
.nvtooltip.xy-tooltip .legend-color-sample {
  display: inline-block;
}
.nvtooltip.xy-tooltip .description .percentage-value {
  font-weight: bold;
  color: #444;
}
.nvtooltip.xy-tooltip .description .fa {
  margin-right: 5px;
  width: 12px;
  text-align: center;
}
.nvtooltip.xy-tooltip .description .fa-long-arrow-up {
  color: #5bb10d;
}
.nvtooltip.xy-tooltip .description .fa-long-arrow-down {
  color: #2967f1;
}
#data-analysis-tool {
  /* FIT PAGE HEIGHT */
}
#data-analysis-tool .nav-tabs {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  height: 37px;
}
#data-analysis-tool .nav-tabs > li {
  float: none;
  display: inline-block;
}
#data-analysis-tool .nav-tabs > li.active a {
  text-decoration: none;
  background-color: #eee;
  border-color: #eee #eee #ddd;
}
#data-analysis-tool .text-placeholder {
  color: #9c9c9c;
  /*color: #a2a2a2;*/
  font-style: italic;
  margin-left: 5px;
  font-size: 12px;
}
#data-analysis-tool .action-toggle-filtering {
  margin: 3px;
  display: inline-block;
  top: 5px;
  right: 5px;
  margin-left: 5px;
}
#data-analysis-tool .label {
  color: #000;
}
#data-analysis-tool .question-filters {
  padding: 0;
}
#data-analysis-tool .data-filters {
  padding: 0;
}
#data-analysis-tool .btn {
  font-size: 12px;
}
#data-analysis-tool .main-area-right {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 20px;
  display: none;
}
#data-analysis-tool .filter-count {
  font-weight: bold;
  color: #777777;
}
#data-analysis-tool li.ui-droppable-hover .btn {
  background-color: green;
}
#data-analysis-tool li.ui-droppable-hover .btn .path-segments {
  background-color: #006700;
}
#data-analysis-tool .filters-combine-drop-zone {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 50%;
  height: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 20px;
  display: none;
}
#data-analysis-tool .filters-combine-drop-zone .zone-items-wrapper {
  /*> li.ui-droppable-hover .btn {
                background-color: green;

                .path-segments {
                    background-color: darken(green, 5%);
                }
            }*/
}
#data-analysis-tool .filters-combine-drop-zone .zone-items-wrapper > li {
  display: block;
  margin-left: 0;
  margin-top: 10px;
}
#data-analysis-tool .filters-combine-drop-zone .zone-items-wrapper > li:first-child {
  margin-top: 0;
}
#data-analysis-tool .filters-combine-drop-zone .zone-items-wrapper .filter-item {
  max-width: initial;
}
#data-analysis-tool .filters-combine-drop-zone .zone-items-wrapper .btn {
  /*line-height: 50px;*/
  width: 100%;
}
#data-analysis-tool .filters-combine-drop-zone .zone-items-wrapper .btn .fa {
  /*font-size: 1.5em;*/
  margin-right: 5px;
}
#data-analysis-tool .nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: normal;
}
#data-analysis-tool .loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 1;
}
#data-analysis-tool .data-tiles.show-filters-overlay .loader-wrapper {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 20px;
  min-width: 90px;
}
#data-analysis-tool .main-wrapper {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
}
#data-analysis-tool .main-area-wrapper {
  position: relative;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
#data-analysis-tool .main-area-wrapper .presentation-heading {
  padding-right: 26px;
}
#data-analysis-tool .main-area-wrapper .tab-menu {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 3;
  padding: 8px 6px;
  font-size: 16px;
  color: #595959;
}
#data-analysis-tool .main-area-wrapper .tab-menu:hover {
  cursor: pointer;
  color: #23527c;
}
#data-analysis-tool .chart-types {
  margin-top: 5px;
}
#data-analysis-tool .chart-types .item-list-selector {
  padding-left: 0;
  padding-right: 0;
}
#data-analysis-tool .chart-types .item-list-selector .list-item .list-item-text {
  text-align: center;
  color: #4c4c4c;
  padding-bottom: 3px;
}
#data-analysis-tool .chart-types .item-list-selector .list-item .list-item-image-wrapper {
  text-align: center;
}
#data-analysis-tool .chart-types .item-list-selector .list-item .list-item-image {
  width: 47%;
}
#data-analysis-tool .chart-types .item-list-selector .list-item .list-item-image.img-icon-crosstab {
  opacity: 0.8;
}
#data-analysis-tool .chart-types .item-list-selector .list-item .list-item-image.img-icon-frequency-table {
  opacity: 0.8;
}
#data-analysis-tool .chart-types .item-list-selector .list-item .list-item-overlay {
  background-color: lavender;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.2;
  cursor: pointer;
}
#data-analysis-tool .chart-types .item-list-selector .list-item:hover {
  cursor: pointer;
  border-color: #c3c3c3;
}
#data-analysis-tool .chart-types .item-list-selector .list-item:hover.selected {
  border-color: #85c5ff;
}
#data-analysis-tool .chart-types .item-list-selector .list-item:hover .list-item-overlay {
  display: block;
}
#data-analysis-tool .main-area-filters-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  border: 3px solid #ddd;
  border-radius: 5px;
  padding: 5px;
}
#data-analysis-tool .main-area-filters-overlay .filter-list {
  margin: 0;
  padding: 5px;
  text-align: left;
}
#data-analysis-tool .main-area-filters-overlay .filter-list.data-filter-list {
  width: 50%;
  float: left;
}
#data-analysis-tool .main-area-filters-overlay .filter-list.question-filter-list {
  width: 50%;
  float: right;
}
#data-analysis-tool .main-area-filters-overlay .filter-list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#data-analysis-tool .main-area-filters-overlay .filter-list > ul > li,
#data-analysis-tool .main-area-filters-overlay .filter-list > div {
  display: block;
  margin-top: 5px;
}
#data-analysis-tool .main-area-filters-overlay .filter-list > ul > li:first-child,
#data-analysis-tool .main-area-filters-overlay .filter-list > div:first-child {
  margin-top: 0;
}
#data-analysis-tool .main-area-filters-overlay .filter-list > ul > li .btn,
#data-analysis-tool .main-area-filters-overlay .filter-list > div .btn {
  white-space: normal;
  text-align: left;
  width: 100%;
}
#data-analysis-tool .action-close-main-area-overlay {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  color: gray;
  z-index: 4;
}
#data-analysis-tool .action-close-main-area-overlay:hover {
  background: initial;
  color: #4d4d4d;
}
#data-analysis-tool .action-close-main-area-overlay:active {
  box-shadow: none;
}
#data-analysis-tool .action-close-main-area-overlay i {
  font-size: 1.2em;
}
#data-analysis-tool .main-area-info-overlay-inner {
  overflow-y: auto;
  position: relative;
  height: 100%;
  z-index: 3;
}
#data-analysis-tool .main-area-info-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  display: none;
  z-index: 3;
  text-align: left;
  border: 1px solid #ddd;
  overflow: hidden;
  background: #fff;
}
#data-analysis-tool .main-area-droppable-overlay-text {
  display: none;
  /*text-shadow: 2px 2px 7px #929292;
        color: white;*/
  text-align: center;
  color: #a7a7a7;
  z-index: 1;
}
#data-analysis-tool .main-area-droppable-overlay-text h4 {
  font-size: 14px;
}
#data-analysis-tool .main-area-droppable-overlay {
  display: none;
  /*background-color: black;*/
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*opacity: 0.1;*/
  z-index: 1;
}
#data-analysis-tool .show-info-overlay .main-area-info-overlay {
  display: block;
}
#data-analysis-tool .show-info-overlay .main-area-right {
  display: block;
}
#data-analysis-tool .show-info-overlay .main-area-droppable-overlay {
  display: block;
  background-color: white;
  opacity: 0.9;
}
#data-analysis-tool .ui-droppable-active,
#data-analysis-tool .show-filters-overlay {
  /*.main-area-droppable-overlay {
            display: block;
        }

        .main-area-droppable-overlay-text {
            display: block;
        }*/
  /*.filters-combine-drop-zone { 
            display: block;
        }*/
  /*.main-area-right {
            display: block;
        }*/
}
#data-analysis-tool .ui-droppable-active .data-tile.active,
#data-analysis-tool .show-filters-overlay .data-tile.active {
  border: 3px dashed #ccc !important;
}
#data-analysis-tool .ui-droppable-active .main-area-filters-overlay,
#data-analysis-tool .show-filters-overlay .main-area-filters-overlay {
  border: 3px dashed #ccc !important;
}
#data-analysis-tool .main-wrapper.row {
  margin-left: 0;
  margin-right: 5px;
}
#data-analysis-tool .presentation-pages {
  height: 100%;
  overflow-y: auto;
  background-color: #f3f3f3;
  padding: 5px;
}
#data-analysis-tool .presentation-pages .presentation-page-wrapper {
  position: relative;
}
#data-analysis-tool .presentation-pages .presentation-page-wrapper.ui-draggable-dragging {
  height: auto;
  line-height: 1.27;
  border-radius: 0;
  color: black;
  background-color: transparent;
  padding: unset;
  margin: auto;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: unset;
  min-width: unset;
}
#data-analysis-tool .presentation-pages .presentation-page-wrapper.ui-draggable-dragging .presentation-page-overlay {
  bottom: 5px;
}
#data-analysis-tool .presentation-pages .presentation-page-wrapper .presentation-page-overlay {
  background-color: lavender;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 1px solid #3c3c3c;
  opacity: 0.2;
  cursor: pointer;
}
#data-analysis-tool .presentation-pages .presentation-page-wrapper .presentation-page-remove {
  /*position: absolute;
                top: -5px;
                z-index: 3;
                right: -5px;
                font-size: 8px;
                color: rgb(89,89,89);*/
  position: absolute;
  top: -5px;
  z-index: 3;
  right: -5px;
  font-size: 8px;
  color: #f3f3f3;
}
#data-analysis-tool .presentation-pages .presentation-page-wrapper .presentation-page-remove .fa-times,
#data-analysis-tool .presentation-pages .presentation-page-wrapper .presentation-page-remove .fa-stack-1x {
  color: #464646;
}
#data-analysis-tool .presentation-pages .presentation-page-wrapper:hover > .presentation-page-overlay {
  display: block;
}
#data-analysis-tool .presentation-pages .presentation-page {
  min-height: 112px;
  text-align: center;
  border: 1px solid #d2d2d2;
  margin-bottom: 5px;
  padding: 8px 5px 5px;
  background-color: white;
  position: relative;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 36px;
}
#data-analysis-tool .presentation-pages .presentation-page.active {
  border-color: #85c5ff;
  text-decoration: none;
}
#data-analysis-tool .presentation-pages .presentation-page:hover {
  text-decoration: none;
}
#data-analysis-tool .presentation-pages .presentation-page:hover {
  cursor: pointer;
}
#data-analysis-tool .presentation-pages .presentation-page.presentation-page-add .name {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  font-size: 12px;
  color: #777;
}
#data-analysis-tool .presentation-pages .presentation-page.presentation-page-add .name .fa {
  vertical-align: middle;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
#data-analysis-tool .presentation-pages .presentation-page .name {
  color: #545454;
  overflow: hidden;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
}
#data-analysis-tool .presentation-pages .presentation-page .slide-no {
  position: absolute;
  bottom: 5px;
  left: 50%;
  margin-left: -2px;
  color: lightslategrey;
  font-size: 0.9em;
}
#data-analysis-tool .tab-pane {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
#data-analysis-tool .tab-pane > .row {
  height: 100%;
}
#data-analysis-tool .button-home {
  background-color: #a7a7a7;
  border-color: #6f6f6f;
}
#data-analysis-tool .button-home:hover {
  background-color: #9a9a9a;
}
#data-analysis-tool .tree-field-label {
  color: black;
  font-size: 13px;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#data-analysis-tool .sidebar-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#data-analysis-tool .sidebar-left {
  padding: 0 5px 0 5px;
  position: relative;
  height: 100%;
}
#data-analysis-tool .sidebar-left .sidebar-content {
  right: 5px;
}
#data-analysis-tool .sidebar-left .sidebar-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#data-analysis-tool .sidebar-left .row-background-variables {
  flex: 1 1 auto;
  overflow-y: auto;
  max-height: 50%;
  margin-top: 5px;
}
#data-analysis-tool .sidebar-left .row-data-filters {
  flex: 1 1;
  max-height: calc(100% - 200px);
}
#data-analysis-tool .sidebar-left .row-data-filters.background-variable-hidden {
  max-height: 100%;
}
#data-analysis-tool .sidebar-left ul.treeview:first-child {
  margin-bottom: 0;
}
#data-analysis-tool .sidebar-left .button-home {
  margin: 0;
  position: absolute;
  left: 70px;
  right: 25px;
}
#data-analysis-tool .sidebar-right {
  height: 100%;
  padding: 0 5px 0 5px;
}
#data-analysis-tool .sidebar-right .questions {
  flex: 1 1;
  max-height: calc(100% - 200px);
}
#data-analysis-tool .sidebar-right .chart-types {
  flex: 0 0 auto;
  overflow-y: auto;
}
#data-analysis-tool .input-group .input-group-btn {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
#data-analysis-tool .input-group .custom-combobox-toggle {
  border-left: 0;
}
#data-analysis-tool .search-field {
  position: relative;
  margin: 3px;
}
#data-analysis-tool .search-field input {
  padding-right: 25px;
  border-radius: 0;
}
#data-analysis-tool .search-field .fa {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 15px;
  color: #9a9a9a;
}
#data-analysis-tool .search-field .fa.fa-times:hover {
  cursor: pointer;
}
#data-analysis-tool .loader {
  font-size: 15px;
  margin-top: -10px;
  margin-left: -47px;
  color: #6f6f6f;
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  padding: 0 5px 0 5px;
}
#data-analysis-tool .radar-chart {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#data-analysis-tool .radar-chart.bar-chart {
  /*.chart-wrapper {
                display: initial;
            }*/
}
#data-analysis-tool .radar-chart.bar-chart svg.radar {
  display: none;
}
#data-analysis-tool .axis {
  font-size: 1em;
  cursor: pointer;
}
#data-analysis-tool .axis .legend {
  font-size: 1em;
}
#data-analysis-tool .axis:hover .fa {
  fill: #616161;
}
#data-analysis-tool .axis .fa {
  fill: #949494;
  font-size: 1.3em;
}
#data-analysis-tool ul.actions {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#data-analysis-tool ul.actions .action {
  display: inline-block;
  margin-left: 5px;
}
#data-analysis-tool ul.actions .action :first-child {
  margin-left: 0;
}
#data-analysis-tool ul.actions .action .fa-stack {
  width: 1em;
  height: 1em;
  line-height: 1em;
  margin-right: 5px;
}
#data-analysis-tool ul.actions .action .fa-stack .fa-plus {
  font-size: 10px;
  color: green;
  top: 5px;
  left: 8px;
}
#data-analysis-tool ul.actions .action.left {
  float: left;
}
#data-analysis-tool ul.actions .action.right {
  float: right;
}
#data-analysis-tool.introduction .main-area {
  text-align: left;
}
#data-analysis-tool.introduction .main-area ul {
  list-style-type: initial;
}
#data-analysis-tool .minieditor-menu {
  padding-bottom: 10px;
}
#data-analysis-tool .main-area {
  height: 100%;
  position: relative;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}
#data-analysis-tool .main-area .main-actions-wrapper {
  margin-bottom: 5px;
}
#data-analysis-tool .main-area .main-actions-wrapper .fa {
  color: darkslategrey;
}
#data-analysis-tool .main-area .filters-wrapper {
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
}
#data-analysis-tool .main-area .filters-wrapper > div {
  padding-left: 5px;
  padding-right: 0;
}
#data-analysis-tool .main-area .filters-wrapper > div:first-child {
  padding-left: 0;
}
#data-analysis-tool .main-area .filters-wrapper .zone-inner {
  width: 100%;
  padding-right: 0;
}
#data-analysis-tool .main-area .filters-wrapper .info-action {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  padding: 0 0 2px 0;
  margin: 0;
  vertical-align: top;
}
#data-analysis-tool .main-area .filters-wrapper .info-action.active .btn {
  background: #e1f1ff;
  border-color: #85c5ff;
  color: #4aabff;
}
#data-analysis-tool .main-area .filters-wrapper .info-action.action-toggle-show-filters-view {
  left: 33px;
}
#data-analysis-tool .main-area .filters-wrapper .info-action .icon-info {
  vertical-align: middle;
  font-size: 1.1em;
}
#data-analysis-tool .main-area .filters-wrapper .info-action .info-action-inner {
  color: #337ab7;
  text-align: center;
}
#data-analysis-tool .main-area .filters-wrapper .info-action .info-action-inner:hover {
  color: #4f93ce;
}
#data-analysis-tool .main-area .row-filters {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#data-analysis-tool .main-area .data-tiles {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 0;
  bottom: 5px;
  overflow-y: auto;
}
#data-analysis-tool .main-area .data-tiles.has-active-tile {
  top: 40px;
}
#data-analysis-tool .main-area .data-tiles .data-tile-row {
  height: 100%;
}
#data-analysis-tool .main-area .data-tiles .data-tile-row.data-tile-row-half-height {
  height: 50%;
}
#data-analysis-tool .main-area .data-tiles .data-tile-row .data-tile.active .tile-content {
  border: 0;
}
#data-analysis-tool .main-area .data-tiles .data-tile-row .data-tile .data-tile-inner.frequencytable .table.table-frequency {
  margin-bottom: 0;
}
#data-analysis-tool .main-area .data-tiles .data-tile-row .data-tile .data-tile-inner.frequencytable .table-spacer-div {
  display: none;
}
#data-analysis-tool .main-area .data-tiles .data-tile-row a.data-tile .edit-text {
  display: none;
}
#data-analysis-tool .drop-zone,
#data-analysis-tool .zone {
  background: #f3f3f3;
  min-height: 20px;
  border-radius: 0;
  padding: 2px;
  text-align: left;
  line-height: 25px;
}
#data-analysis-tool .drop-zone.drop-zone-rows,
#data-analysis-tool .zone.drop-zone-rows {
  margin-left: 51px;
  width: auto;
}
#data-analysis-tool .drop-zone .action-toggle-show-filters-view,
#data-analysis-tool .zone .action-toggle-show-filters-view {
  position: absolute;
  right: 0;
  top: 0;
}
#data-analysis-tool .drop-zone .dropdown,
#data-analysis-tool .zone .dropdown {
  width: 100%;
  height: 100%;
}
#data-analysis-tool .drop-zone .dropdown .dropdown-toggle,
#data-analysis-tool .zone .dropdown .dropdown-toggle {
  padding: 4px 8px;
  display: inline-block;
  position: absolute;
  border-radius: 0;
  border-bottom-right-radius: 3px;
  right: 0;
  border-top-right-radius: 3px;
  top: 0px;
  background: #f7f7f7;
  border-left: 1px solid #d2d2d2;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
}
#data-analysis-tool .drop-zone .dropdown .dropdown-toggle .caret,
#data-analysis-tool .zone .dropdown .dropdown-toggle .caret {
  color: #000;
}
#data-analysis-tool .drop-zone .dropdown .dropdown-menu,
#data-analysis-tool .zone .dropdown .dropdown-menu {
  padding-left: 5px;
  padding-right: 5px;
  max-width: 240px;
}
#data-analysis-tool .drop-zone .dropdown .dropdown-menu .filter-item,
#data-analysis-tool .zone .dropdown .dropdown-menu .filter-item {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
#data-analysis-tool .drop-zone .dropdown .dropdown-menu .filter-item .item-label,
#data-analysis-tool .zone .dropdown .dropdown-menu .filter-item .item-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#data-analysis-tool .drop-zone label,
#data-analysis-tool .zone label {
  line-height: 28px;
  font-size: 12px;
  font-weight: normal;
}
#data-analysis-tool .zone-items-wrapper {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0 25px 0 0;
}
#data-analysis-tool .zone-items-wrapper .filter-item {
  width: 100%;
  min-height: 20px;
  line-height: 22px;
}
#data-analysis-tool .zone-items-wrapper > li {
  list-style-type: none;
  display: inline-block;
  padding-left: 5px;
}
#data-analysis-tool .drop-zone .drop-zone-fields {
  border-radius: 5px;
  height: 28px;
  background: white;
  white-space: nowrap;
  padding: 0 5px 0 0;
  width: auto;
  overflow: hidden;
}
#data-analysis-tool .drop-zone .drop-zone-field-cols {
  border-radius: 5px;
  height: 28px;
  background: white;
}
#data-analysis-tool .drop-zone .drop-zone-field-rows {
  margin-left: 2px;
  margin-right: 3px;
}
#data-analysis-tool .drop-zone .label {
  float: left;
}
#data-analysis-tool .zone-data {
  height: 28px;
  padding-left: 0;
  padding-right: 0;
  background: white;
  border-radius: 5px;
}
#data-analysis-tool .content {
  height: 100%;
}
#data-analysis-tool .content > .container-fluid {
  height: 100%;
}
#data-analysis-tool .content > .container-fluid > .row {
  height: 100%;
}
#data-analysis-tool .content > .container-fluid > .row .sidebar-left,
#data-analysis-tool .content > .container-fluid > .row .main-area,
#data-analysis-tool .content > .container-fluid > .row .sidebar-right {
  height: 100%;
}
.presentation-viewer {
  height: 100%;
  width: 100%;
  /* Do not display percentage type selector in presentation mode. */
  /* Configure font sizes in presentation mode. */
  /* Hide the breadcrumbs in Radar in presentation mode. */
}
.presentation-viewer.overview-active .controls {
  display: none !important;
}
.presentation-viewer .legend {
  font-size: 1.1em;
  font-family: Verdana;
}
.presentation-viewer .legend .legend-color-guide > div {
  width: 10px;
  height: 10px;
}
.presentation-viewer .actions {
  position: absolute;
  z-index: 2;
}
.presentation-viewer .actions.actions-right {
  top: 15px;
  right: 15px;
}
.presentation-viewer .actions .action {
  border-radius: 0;
}
.presentation-viewer .actions .action .fa {
  color: #636363;
}
.presentation-viewer .action-toggle.active {
  background-color: #f6fbff;
  border-color: #85c5ff;
  color: #4aabff;
  box-shadow: none;
}
.presentation-viewer .info-block {
  display: none;
}
.presentation-viewer .data-tile .tile-header .title-header-text {
  background: none;
  border: 0;
  font-size: 1.5em;
}
.presentation-viewer .reveal table tbody tr:last-child th,
.presentation-viewer .reveal table tbody tr:last-child td {
  border-bottom: 1px solid #ddd;
}
.presentation-viewer .reveal {
  height: auto;
  width: auto;
  position: absolute;
  top: 66px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.1em;
}
.presentation-viewer .reveal.overview .slides {
  width: 960px;
  height: 700px;
  position: relative;
}
.presentation-viewer .reveal .subtitle-text {
  font-size: 1.1em;
}
.presentation-viewer .reveal h4 {
  font-size: 1.4em;
  font-weight: normal;
}
.presentation-viewer .reveal h5 {
  font-size: 1.1em;
  font-weight: normal;
}
.presentation-viewer .reveal .slides {
  margin: 0;
  bottom: 25px;
  width: auto;
  height: auto;
}
.presentation-viewer .reveal .slides .slide-section {
  height: 100%;
  width: 100%;
  padding: 0;
}
.presentation-viewer .reveal .slides .slide-section .slide-subsection {
  height: 100%;
  width: 100%;
  padding: 0;
}
.presentation-viewer .reveal .slides section > section.present {
  padding: 0;
}
.presentation-viewer .reveal .radio label {
  padding-left: 20px;
}
.presentation-viewer .table-outer-wrapper {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.presentation-viewer .table-outer-wrapper .percentage-type {
  display: none;
}
.presentation-viewer .data-tile .fourquadrant-chart,
.presentation-viewer .data-tile .radar-chart,
.presentation-viewer .data-tile .chart-outer-wrapper,
.presentation-viewer .data-tile .data-table,
.presentation-viewer .data-tile .nvd3 text,
.presentation-viewer .data-tile svg text {
  font-size: 1.05em;
}
.presentation-viewer .radar-chart .axis-label,
.presentation-viewer .radar-chart .center-circle-text {
  font-size: 0.9em;
}
.presentation-viewer .data-tile .breadcrumb-wrapper ol.breadcrumb {
  display: none;
}
.presentation-viewer .slide-overview {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 20px 20px 20px;
  background-color: white;
}
.presentation-viewer .slide-overview .slide-overview-inner {
  overflow: auto;
  display: block;
  height: 100%;
  padding-bottom: 20px;
}
.presentation-viewer .slide-overview .navigation-title {
  font-size: 1.3em;
  text-align: center;
  letter-spacing: 3px;
  color: #8a8a8a;
  padding: 0 8px 0 8px;
  display: block;
  margin-bottom: 3px;
}
.presentation-viewer .slide-overview .navigation-title .text,
.presentation-viewer .slide-overview .navigation-title .icon {
  vertical-align: middle;
}
.presentation-viewer .slide-overview .slide-overview-item {
  min-height: 112px;
  text-align: center;
  margin-bottom: 5px;
  padding: 8px 5px 5px;
  background-color: white;
  position: relative;
  display: block;
}
.presentation-viewer .slide-overview .slide-overview-item:hover {
  cursor: pointer;
}
.presentation-viewer .slide-overview .slide-overview-item:hover .slide-overview-item-overlay {
  display: block;
}
.presentation-viewer .slide-overview .slide-overview-item.active .slide-overview-item-inner {
  border-color: #85c5ff;
  padding: 6px;
  border-width: 2px;
}
.presentation-viewer .slide-overview .slide-overview-item .slide-overview-item-inner {
  border: 1px solid gainsboro;
  padding: 7px;
}
.presentation-viewer .slide-overview .slide-overview-item .slide-overview-item-overlay {
  background-color: lavender;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.2;
  cursor: pointer;
}
.presentation-viewer .slide-overview .slide-overview-item .name {
  color: #545454;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.presentation-viewer .slide-overview .slide-overview-item .slide-no {
  display: block;
  color: lightslategrey;
  font-size: 0.9em;
}
.presentation-viewer .slide-overview .slide-overview-item .image {
  background-size: contain;
  display: inline-block;
  display: block;
  width: 100%;
  height: 190px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-color: white;
}
.info-block {
  text-align: left;
  padding: 1% 5% 0 5%;
}
.info-block .icon-info {
  margin-right: 5px;
}
.info-block h1,
.info-block h2,
.info-block h3,
.info-block h4,
.info-block h5,
.info-block h5 {
  color: #555;
  font-weight: normal;
}
.info-block h1,
.info-block h2,
.info-block h3 {
  /*font-weight: bold;*/
}
.info-block h1 {
  font-size: 1.7em;
}
.info-block h2 {
  font-size: 1.3em;
}
.info-block h3 {
  font-size: 1.2em;
}
.info-block h4 {
  font-size: 1.1em;
}
.info-block h5,
.info-block h6 {
  font-size: 1.1em;
}
.info-block ul.info-list li.info-list-item {
  list-style-type: none;
}
.info-block .info-section {
  color: #333;
  font-size: 1.1em;
}
#localAdmin-page .content {
  top: 69px;
}
.admin.item.body {
  background: ;
  padding: 4px;
}
.admin.item.body .section {
  padding: 4px 2px;
}
.admin.item.body .section .header {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  padding: 4px;
}
.admin {
  position: relative;
  font-size: 10pt;
  background-color: #d3e3cf;
}
.admin *[class^="icon-"],
.admin *[class*=" icon-"] {
  color: #4e4a47;
}
.admin *[class^="icon-"].disabled,
.admin *[class*=" icon-"].disabled {
  color: #807c79;
}
.admin.line {
  position: relative;
  height: 28px;
  overflow: hidden;
  padding: 0px;
  cursor: default;
}
.admin.line *[class^="icon-"],
.admin.line *[class*=" icon-"] {
  display: inline-block;
  padding: 0 2px;
}
.admin.line .left,
.admin.line .right {
  display: inline-block;
}
.admin.line .left {
  float: left;
}
.admin.line .right {
  float: right;
}
.admin.line .icon {
  text-align: center;
  padding-top: 8px;
  width: 18px;
  margin: 0 2px 0 0;
}
.admin.line .icon.narrow {
  width: 8px;
  padding-left: 0;
  padding-right: 0;
}
.admin.line .icon.narrow span {
  padding-left: 0;
  padding-right: 0;
}
.admin.line .title {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 20px;
  right: 20px;
  padding: 2px;
  background-color: #fff;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.admin.line a {
  display: inline-block;
  padding: 0 2px;
  color: #4e4a47;
  cursor: pointer;
}
.admin.line a:hover {
  color: #888;
}
.admin.line a {
  display: inline-block;
  color: #4e4a47;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  cursor: hand;
  /*http://quirksmode.org/css/user-interface/cursor.html*/
}
.admin.line a:hover {
  color: #888;
}
.admin.line.collapsed {
  border-bottom: 1px solid #575757;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
}
.admin.body,
.admin.body:hover {
  background: #d7d7d7;
}
.admin.line .title {
  left: 22px;
  right: 45px;
}
.admin.line .icon,
.admin.line .icon * {
  color: #4e4a47;
  /*color: mix(#f5f5f5, rgb(38, 103, 130), 90%);*/
}
.admin:hover {
  background-color: #f1f6ef;
}
.item.body .table,
.item.section .table {
  background-color: inherit;
}
.item.body .table .tr,
.item.section .table .tr {
  position: relative;
  background-color: inherit;
  height: 28px;
}
.item.body .table .tr .td,
.item.section .table .tr .td,
.item.body .table .tr .helper,
.item.section .table .tr .helper {
  position: absolute;
  top: 0;
  height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.item.body .table .tr .td.whole,
.item.section .table .tr .td.whole,
.item.body .table .tr .helper.whole,
.item.section .table .tr .helper.whole {
  left: 0;
  right: 0;
}
.item.body .table .tr .td.non-fixed,
.item.section .table .tr .td.non-fixed,
.item.body .table .tr .helper.non-fixed,
.item.section .table .tr .helper.non-fixed {
  height: auto;
}
.item.body .table .tr .td.half-0,
.item.section .table .tr .td.half-0,
.item.body .table .tr .helper.half-0,
.item.section .table .tr .helper.half-0 {
  left: 0;
  width: 50%;
}
.item.body .table .tr .td.half-1,
.item.section .table .tr .td.half-1,
.item.body .table .tr .helper.half-1,
.item.section .table .tr .helper.half-1 {
  left: 50%;
  width: 50%;
}
.item.body .table .tr .td.third-0,
.item.section .table .tr .td.third-0,
.item.body .table .tr .helper.third-0,
.item.section .table .tr .helper.third-0 {
  left: 0;
  width: 33.33%;
}
.item.body .table .tr .td.third-1,
.item.section .table .tr .td.third-1,
.item.body .table .tr .helper.third-1,
.item.section .table .tr .helper.third-1 {
  left: 33.33%;
  width: 33.33%;
}
.item.body .table .tr .td.third-2,
.item.section .table .tr .td.third-2,
.item.body .table .tr .helper.third-2,
.item.section .table .tr .helper.third-2 {
  left: 66.66%;
  width: 33.33%;
}
.item.body .table .tr .td.name,
.item.section .table .tr .td.name,
.item.body .table .tr .helper.name,
.item.section .table .tr .helper.name {
  left: 0;
  width: 40%;
}
.item.body .table .tr .td.value,
.item.section .table .tr .td.value,
.item.body .table .tr .helper.value,
.item.section .table .tr .helper.value {
  left: 40%;
  width: 60%;
}
.item.body .table .tr .td.label-1,
.item.section .table .tr .td.label-1,
.item.body .table .tr .helper.label-1,
.item.section .table .tr .helper.label-1 {
  left: 0;
  right: 20px;
}
.item.body .table .tr .td.option-1,
.item.section .table .tr .td.option-1,
.item.body .table .tr .helper.option-1,
.item.section .table .tr .helper.option-1 {
  right: 0;
  width: 20px;
}
.item.body .table .tr .td.inv.label-1,
.item.section .table .tr .td.inv.label-1,
.item.body .table .tr .helper.inv.label-1,
.item.section .table .tr .helper.inv.label-1 {
  right: 0;
  left: 20px;
}
.item.body .table .tr .td.inv.option-1,
.item.section .table .tr .td.inv.option-1,
.item.body .table .tr .helper.inv.option-1,
.item.section .table .tr .helper.inv.option-1 {
  left: 0;
  width: 20px;
}
.item.body .table .tr .td.label-2,
.item.section .table .tr .td.label-2,
.item.body .table .tr .helper.label-2,
.item.section .table .tr .helper.label-2 {
  left: 0;
  right: 40px;
}
.item.body .table .tr .td.option-2,
.item.section .table .tr .td.option-2,
.item.body .table .tr .helper.option-2,
.item.section .table .tr .helper.option-2 {
  right: 0;
  width: 40px;
}
.item.body .table .tr .td.tag-1,
.item.section .table .tr .td.tag-1,
.item.body .table .tr .helper.tag-1,
.item.section .table .tr .helper.tag-1 {
  left: 20px;
  right: 0;
}
.item.body .table .tr .td.choice-1,
.item.section .table .tr .td.choice-1,
.item.body .table .tr .helper.choice-1,
.item.section .table .tr .helper.choice-1 {
  left: 0;
  width: 20px;
}
.item.body .table .tr .td.tag-2,
.item.section .table .tr .td.tag-2,
.item.body .table .tr .helper.tag-2,
.item.section .table .tr .helper.tag-2 {
  left: 40px;
  right: 0;
}
.item.body .table .tr .td.choice-2,
.item.section .table .tr .td.choice-2,
.item.body .table .tr .helper.choice-2,
.item.section .table .tr .helper.choice-2 {
  left: 0;
  width: 40px;
}
.item.body .table .tr .td.option-1,
.item.section .table .tr .td.option-1,
.item.body .table .tr .helper.option-1,
.item.section .table .tr .helper.option-1,
.item.body .table .tr .td.option-2,
.item.section .table .tr .td.option-2,
.item.body .table .tr .helper.option-2,
.item.section .table .tr .helper.option-2,
.item.body .table .tr .td.choice-1,
.item.section .table .tr .td.choice-1,
.item.body .table .tr .helper.choice-1,
.item.section .table .tr .helper.choice-1,
.item.body .table .tr .td.choice-2,
.item.section .table .tr .td.choice-2,
.item.body .table .tr .helper.choice-2,
.item.section .table .tr .helper.choice-2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-align: center;
  text-overflow: clip;
}
.item.body .table .tr .td.disabled,
.item.section .table .tr .td.disabled,
.item.body .table .tr .helper.disabled,
.item.section .table .tr .helper.disabled {
  background-color: #e5e5e5;
}
.item.body .table .tr input[type=text],
.item.section .table .tr input[type=text],
.item.body .table .tr input[type=number],
.item.section .table .tr input[type=number],
.item.body .table .tr .td,
.item.section .table .tr .td {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 4px;
  font-size: 10pt;
  font-family: Verdana;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.item.body .table .tr input[type=number],
.item.section .table .tr input[type=number],
.item.body .table .tr input[type=text],
.item.section .table .tr input[type=text] {
  outline-style: none;
  width: 100%;
  height: 28px;
  font-style: italic;
}
#main-page {
  height: 100%;
}
#main-page #content .page-content {
  overflow: hidden;
}
#main-page #content .page-content * {
  line-height: 150%;
}
#main-page #content .page-content ul.menu {
  float: right;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#main-page #content .page-content ul.menu li {
  list-style-type: none;
  float: right;
  background-color: #f1110d;
}
#main-page #content .page-content ul.menu li a {
  display: block;
  color: #fff;
  font-size: 15px;
  padding: 0 20px;
  height: 27px;
  padding-top: 13px;
}
#main-page #content .page-content .front-login {
  margin-top: 75px;
  padding-left: 15px;
  padding-top: 5px;
  position: relative;
  background-color: #092869;
  color: #fff;
}
#main-page #content .page-content .front-login h2 {
  margin-top: 0;
}
#main-page #content .page-content .front-login .button a {
  width: 64px;
  height: 64px;
  position: absolute;
  right: -15px;
  top: -22px;
  background: url(/Content/img/graphics/front-arrow.png) no-repeat center;
  overflow: visible;
}
#main-page #content .page-content .front-login p {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 11pt;
}
#main-page #content .page-content .section.first .odd p {
  background-color: #4e4a47;
  color: #fff;
  padding: 7px 15px 14px 15px;
  margin-top: 0;
}
#main-page #content .page-content .section.first .odd h2 {
  background-color: #4e4a47;
  color: #fff;
  padding: 10px 0 0 15px;
}
#main-page #content .page-content .section.whole {
  border-top: 2px solid #cdcdcd;
  padding-top: 44px;
}
#main-page #content .page-content .section.last .front-login {
  margin-top: 22px;
}
#main-page #content .page-content .section .grid_6.even {
  margin-left: 20px;
}
#main-page #content .page-content .section .grid_6 h2 {
  margin-bottom: 4px;
}
#main-page #content .page-content .section .grid_6.separated {
  border-top: 2px solid #cdcdcd;
  padding-top: 46px;
}
#main-page #content .page-content .section .grid_6 img {
  max-width: 100%;
}
#main-page.front .page-header.first {
  margin: 0;
}
#main-page.front .page-header.first .languages a {
  padding-left: 5px;
}
#main-page.front #content {
  background: url(/Content/img/graphics/head-image.png) no-repeat 0 0;
  background-color: #fff;
}
#main-page.front.white {
  border-left: 1px solid #092869;
  border-right: 1px solid #092869;
}
#main-page.front.white #content {
  border-left: 1px solid #092869;
  border-right: 1px solid #092869;
  margin: 0 -1px;
  background-image: none;
  background-color: #fff;
}
#main-page.front.white #content .page-content h1.title {
  float: none;
}
#main-page .page-footer {
  height: 44px;
}
#main-page .page-footer #footer {
  height: 44px;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 960px;
  color: #48515d;
}
#main-page .page-footer #footer .block {
  text-align: center;
  margin-top: 4px;
  border-top: 3px solid #cdcdcd;
  padding-top: 10px;
}
#main-page .page-footer #footer .block a {
  display: inline-block;
  color: #48515d;
  text-decoration: none;
}
#main-page .login {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#main-page .login .box {
  width: 60%;
  margin: 30px auto 0;
  padding: 40px 30px 10px;
  background-color: #eee;
  border: 2px solid #fff;
  border-radius: 2px;
}
#main-page .login .box .title {
  padding: 0 20px;
  margin: 0;
}
#main-page .login .box label {
  font-weight: bold;
  margin-top: 10px;
  display: block;
}
#main-page .login .box input[type=text],
#main-page .login .box input[type=password] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  margin: 0;
}
#main-page .login .box .buttons {
  margin: 20px 0 10px;
  text-align: center;
}
#main-page .login .box .buttons .input-button i {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media screen and (min-width: 1024px) {
  #content .page-content * {
    font-size: 11pt;
  }
  #content .page-content h1.title {
    font-size: 26pt;
    letter-spacing: 1.5px;
    background-color: white;
    margin: 40px 0 42px 70px;
    float: left;
    padding: 4px 20px 0 17px;
  }
  #content .page-content h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    font-size: 24px;
    font-weight: normal;
  }
  #content .page-content .section {
    margin: 0 90px 44px 90px;
    overflow: hidden;
    clear: both;
  }
  #content .page-content .section.first {
    margin: 0 0 157px 74px;
  }
  #content .page-content .section.last {
    margin-right: 70px;
  }
  .page-footer #footer {
    width: 100%;
  }
  .first.page-header .languages {
    margin-right: -32px;
  }
}
@media screen and (max-width: 1023px) {
  html,
  body {
    /*font-size: 100%;*/
    min-width: 100% !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  html,
  body {
    min-width: 100% !important;
  }
  #main-page.front {
    width: 95% !important;
  }
  #main-page #content .page-content * {
    font-size: 11pt;
  }
  #main-page #content .page-content h1.title {
    font-size: 2.25em;
    letter-spacing: 1.5px;
    background-color: white;
    margin: 40px 0 57px 70px;
    float: left;
    padding: 4px 20px 0 17px;
  }
  #main-page #content .page-content h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    font-weight: normal;
  }
  #main-page #content .page-content .section {
    margin: 0 auto 44px auto;
    overflow: hidden;
    clear: both;
    width: 85%;
  }
  #main-page #content .page-content .section.first {
    margin: 0 auto 157px auto;
  }
  #main-page #content .page-content .section.last {
    margin-right: 70px;
  }
  #main-page .page-footer #footer {
    width: 95%;
  }
  #main-page .first.page-header .languages {
    margin-right: -32px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  html,
  body {
    min-width: 100% !important;
  }
  #main-page.front {
    width: 100% !important;
  }
  #main-page #content .page-content * {
    font-size: 11pt;
  }
  #main-page #content .page-content h1.title {
    font-size: 1.75em;
    letter-spacing: 1.5px;
    background-color: white;
    margin: 40px 0 57px 2%;
    float: left;
    padding: 4px 20px 0 17px;
  }
  #main-page #content .page-content h2 {
    display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    font-size: 1.5em;
    font-weight: normal;
  }
  #main-page #content .page-content .section {
    margin: 0 auto 44px auto;
    overflow: hidden;
    clear: both;
    width: 95%;
  }
  #main-page #content .page-content .section.first {
    margin: 0 auto 157px auto;
  }
  #main-page .page-footer #footer {
    width: 100%;
  }
  #main-page .page-footer #footer span.full {
    display: none;
  }
  #main-page .first.page-header .languages {
    margin-right: -32px;
  }
}
@media screen and (max-width: 480px) {
  html,
  body {
    min-width: 100% !important;
  }
  #main-page.front {
    width: 100% !important;
  }
  #main-page .logo {
    width: 215px;
    background-size: 215px;
  }
  #main-page #content .page-content {
    width: 100%;
  }
  #main-page #content .page-content * {
    font-size: 1em;
  }
  #main-page #content .page-content ul.menu li a {
    display: block;
    color: #fff;
    font-size: 0.75em;
    padding: 0 20px;
    height: 27px;
    padding-top: 13px;
  }
  #main-page #content .page-content h1.title {
    font-size: 1.5em;
    letter-spacing: 1.5px;
    background-color: white;
    margin: 50px auto 42px auto;
    text-align: left;
    padding-left: 2%;
    width: 95%;
  }
  #main-page #content .page-content h2 {
    display: block;
    font-size: 1.25em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    font-weight: normal;
  }
  #main-page #content .page-content .field-items p {
    font-size: 1em;
  }
  #main-page #content .page-content .field-items .last p > a {
    line-height: 2.5em;
  }
  #main-page #content .page-content .section {
    width: 95%;
    margin: 0 auto 44px auto;
    overflow: hidden;
    clear: both;
  }
  #main-page #content .page-content .section.first {
    width: 95%;
    margin: 0 auto 20% auto;
  }
  #main-page #content .login .box {
    margin: 10px auto 0;
    padding: 15px 30px 10px;
  }
  #main-page #content .login .box h2.title {
    margin-top: 0;
    -webkit-margin-before: 0;
  }
  #main-page #content .login .box .title {
    padding: 0 20px;
    margin: 0;
  }
  #main-page #content .login .box label {
    font-weight: bold;
    margin-top: 10px;
    display: block;
  }
  #main-page #content .login .box .buttons {
    margin: 10px 0 10px;
    text-align: center;
  }
  #main-page .page-footer #footer {
    width: 100%;
  }
  #main-page .page-footer #footer span.full {
    display: none;
  }
  #main-page .first.page-header .languages {
    margin-right: -130px;
  }
}
#web-report-page {
  height: 100%;
  overflow: auto;
}
#web-report-page .content {
  font-size: 11px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  overflow: scroll;
}
#web-report-page .col {
  float: left;
  padding: 5px;
}
#web-report-page .border {
  border: 1px solid #aaa;
}
#web-report-page .data-table {
  padding-bottom: 100px;
}
#web-report-page .center {
  text-align: center !important;
}
#web-report-page .data-table,
#web-report-page .row-cls,
#web-report-page .row-dep {
  width: 100%;
}
#web-report-page .row-cls:hover {
  background-color: #f7f7f7;
}
#web-report-page .row-dep {
  height: 100%;
  overflow: hidden;
}
#web-report-page .title,
#web-report-page .dep {
  font-weight: bold;
}
#web-report-page .col-dep,
#web-report-page .col-cls {
  margin: 2px 2px 2px 0;
  clear: both;
  width: 78%;
}
#web-report-page .col-cls {
  padding-left: 15px;
}
#web-report-page .col-count {
  margin: 2px 2px 2px 0;
  width: 10%;
  text-align: right;
}
#web-report-page .col-action {
  margin: 2px 0 2px 0;
  width: 10%;
}
#web-report-page .col-action a {
  margin-left: 5px;
}

/*
 * Tile turinys yra fiksuoto aukscio (ji nustato datatile direktyva), todel
 * valdikliai ir metu slankiklis uzima savo natūralu auksti, o zemelapis - visa
 * likusi. Be sito zemelapio height:100% isstumdavo slankikli uz matomos srities.
 */
.map-chart-tile {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;

    /*
     * Leaflet savo sluoksniams naudoja auksta z-index (valdikliams iki 1000),
     * o filtru skydelis turi z-index 1, todel zemelapis ji perdengdavo.
     * position + z-index sukuria atskira sluoksniavimo konteksta: vidiniai
     * Leaflet z-index galioja tik jo viduje ir uz tile riby nebeisilipa.
     */
    position: relative;
    z-index: 0;
}

.map-chart-tile .map-chart-controls,
.map-chart-tile .map-chart-years {
    flex: 0 0 auto;
}

.map-chart-wrapper {
    display: block;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
}

.map-chart-wrapper .map-chart-canvas {
    width: 100%;
    height: 100%;
    min-height: 320px;
}

.map-chart-star {
    background: transparent;
    border: 0;
}

/*
 * reveal.js tema visiems prezentacijos paveikslams uzdeda stora tamsu remeli
 * (.reveal section img { border: 4px solid #222 }). Leaflet zemelapio plyteles
 * yra <img> elementai, todel be sios isimties per zemelapi eina juodas tinklelis.
 */
.reveal .leaflet-container img,
.reveal .map-chart-wrapper img {
    border: 0;
    box-shadow: none;
    background: transparent;
    margin: 0;
}

/*
 * Popup isvaizda apibreziama aiskiai ir su didesniu specifiskumu, kad butu
 * vienoda analizes irankyje (Bootstrap: label bold, h4 500) ir prezentacijoje
 * (reveal.js: 40px bazinis sriftas, h4 didziosiomis raidemis, kitas sriftas).
 */
/*
 * reveal.js reset'as ".reveal div { margin: 0; padding: 0 }" yra specifiskesnis
 * uz Leaflet popup taisykles (viena klase), todel prezentacijoje dingsta
 * turinio parastes, remelio padding ir uodegeles padetis. Leaflet numatytosios
 * reiksmes kartojamos su didesniu specifiskumu, kad galiotu abiejuose languose.
 */
.leaflet-container .leaflet-popup {
    margin-bottom: 20px;
}

.leaflet-container .leaflet-popup-content-wrapper {
    padding: 1px;
}

.leaflet-container .leaflet-popup-content {
    margin: 13px 24px 13px 20px;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    color: #222;
}

.leaflet-container .leaflet-popup-tip-container {
    margin-top: -1px;
    margin-left: -20px;
}

.leaflet-container .leaflet-popup-tip {
    margin: -10px auto 0;
    padding: 1px;
}

.leaflet-container .institution-popup h4 {
    font-family: inherit;
    font-size: 15px;
    font-weight: bold;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.3;
    margin: 0 0 8px 0;
    color: #222;
}

.leaflet-container .institution-popup .theme {
    margin: 0 0 8px 0;
    padding: 0;
}

.leaflet-container .institution-popup .theme:last-child {
    margin-bottom: 0;
}

.leaflet-container .institution-popup label {
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.3;
    margin: 0 0 2px 0;
    color: #222;
}

.leaflet-container .leaflet-popup-close-button {
    font-size: 16px;
    line-height: 14px;
}

.institution-popup .map-popup-status {
    padding: 6px 0;
    color: #666;
    font-size: 12px;
}

.institution-popup .map-popup-status.error {
    color: #c0392b;
}

/* Atskiras klausimas rodomas kukliau nei tema, kad butu matyti, kas yra kas. */
.leaflet-container .institution-popup .theme.subquestion label {
    font-weight: normal;
    font-size: 11px;
}

.leaflet-container .institution-popup .map-popup-bar {
    height: 8px;
    margin: 0;
    background-color: #eee;
    border-radius: 3px;
    overflow: hidden;
}

.leaflet-container .institution-popup .map-popup-bar > div {
    height: 100%;
}

.map-chart-controls {
    padding: 6px 10px;
    display: flex;
    align-items: center;
}

.map-chart-controls label {
    margin: 0 4px 0 12px;
    font-weight: normal;
}

.map-chart-controls label:first-child {
    margin-left: 0;
}

/* Prezentacijoje valdikliai tik rodo, kokie filtrai pritaikyti. */
.map-chart-controls.readonly select,
.map-chart-years input[type=range]:disabled {
    cursor: default;
    opacity: 0.85;
}

.map-chart-years {
    padding: 6px 10px 10px 10px;
}

.map-chart-years input[type=range] {
    width: 100%;
}

.map-chart-year-labels {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #666;
}

.map-chart-year-labels .selected {
    font-weight: bold;
    color: #000;
}

/*
 * Zemelapio filtru medis desineje (Region/Kommune/School/Department).
 * Dalijasi stulpeliu su Tema/Spørgsmål medziu: abu gauna po puse aukscio,
 * o diagramu tipu sarasas apacioje lieka savo natūralaus aukscio.
 */
#data-analysis-tool .sidebar-right .map-filters {
    flex: 1 1;
    max-height: calc(50% - 100px);
    overflow-y: auto;
    margin-bottom: 5px;
}

#data-analysis-tool .sidebar-right .questions.with-map-filters {
    max-height: calc(50% - 100px);
}

#data-analysis-tool .sidebar-right .map-filters .treeview-header-title > div:last-child {
    display: flex;
}


/*
 * reveal.js tema: bendros popup taisykles aukciau jau turi didesni
 * specifiskuma uz .reveal h4 ir pan., cia lieka tik tai, ka reveal.js uzdeda
 * paciam popup konteineriui.
 */
.reveal .leaflet-popup-content-wrapper,
.reveal .leaflet-popup-tip {
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}