/* GENERAL STYLES */
*, *::after, *::before 
{
    box-sizing: border-box;
}
html 
{
    font-size: 10px;
    height: 100%;
}
html, body 
{
    margin: 0;
    min-height: 100%;
    padding: 0;
}
body 
{
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}
button, input 
{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.form-control:focus 
{
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.form-control::-moz-placeholder 
{
    color: #CCC;
    opacity: 1;
}
.form-control 
{
    background: none repeat scroll 0 0 padding-box #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: none;
    color: #666;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: normal;
    padding: 10px 13px;
    transition: border 0.2s ease 0s, background 0.2s ease 0s, color 0.2s ease 0s;
    width: auto;
}
.alert 
{
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
.alert-danger 
{
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.btn 
{
    background: none repeat scroll 0 0 padding-box #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 14px;
    overflow: hidden;
    padding: 10px 13px;
    text-align: center;
    text-decoration: none;
    transition: border 0.2s ease 0s, background 0.2s ease 0s, color 0.2s ease 0s;
}
.btn.active:focus,
.btn:active:focus,
.btn:focus 
{
    outline: 0 none;
}
.btn.active,
.btn:active,
.btn:hover 
{
    background: none repeat scroll 0 0 #fff;
    border-color: #a5a5a5;
    color: #333;
    text-decoration: none;
}
.btn.active,
.btn:active 
{
    background-color: #f7f7f7;
}
.btn.btn-success 
{
    background-color: #04b26e;
    border-color: #04b26e;
    color: #f5f5f7;
}
.btn.btn-success:active,
.btn.btn-success:hover 
{
    background-color: #04a365;
    border-color: #04a365;
    color: #f5f5f7;
}
.hidden 
{
    display: none;
}




/** CONTAINER CSS **/
.master-container 
{
    background: none repeat scroll 0 0 #eee;
    height: 100%;
    left: 0;
    padding-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.master-container .container 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    top: 50%;
    width: 300px;
}
.master-container .container .login-form 
{
    background-color: white;
    border: 1px solid #cacaca;
    border-radius: 4px;
    display: block;
    margin-bottom: 32px;
    margin-top: -170px;
    padding: 80px 20px 20px;
    position: relative;
}

  /** LOGIN FORM **/
.login-form .infobox 
{
    text-align: center;
}

@media screen and (max-height: 400px) {
    .master-container .container 
    {
        top: 32px;
    }
    .login-form 
    {
        margin-top: 0;
    }
}

.group 
{
    margin-bottom: 20px;
    position: relative;
}
.group input 
{
    display: block;
    text-align: center;
    width: 100%;
}
form input.btn 
{
    width: 100%;
}


.q-logo {
    position: absolute;
    top: -1px;
    left: 70px;
    width: 141px;
    height: 49px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAAxCAYAAADnViqrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABvJJREFUeNrsXN1t4zgQZgK/r7cCKxVEW4GVCqwABxzuaZUKTldBlAriVBD56XDAAVEqiF3ByRWcXMFFFeTI7DebCVc/lC1ZUpYDEE5gWhpyPs58M6R08vLyIv78629HCKFalWS//fpLJnoSqaNX10fqtxZWOpcJPkPZfq/peyNb1KOuiWyfaoD1RQIntWbtVk7x6Rr0zXrW1QQMnjXp8UAzHwFoTO7vWpMeATTSpbstrvS+QeNYkx7H00xNOkqu8DyC8VhPcyTQjGWiTTKjT9akw/E0GztVVnQi/GGkAUezYkHzXabWrBY0VixorFjQDEzs/tNwQGN5gpV3oMkM+p0PQFfHmmtcoBEjAc3WmvQ4oDHaU8KZm6Gn0pk16RFAgz2lfAThwaRoZ8/SHJEIr1syWt/hyYJmYKDpzdPI0KhC08ygq023jyB03FMdpbwdsKcxufd2JMc3dJ4YiG/nr+NReRocGK/LPOY96ukZ9IlHuGgVaK4BnDbB6MkWyRZ0ofREm/TbOmXKKq7YXfYLDKz6p/J3ScegSYQVPl8KjJsuFtNEm/S6EOXrvAGPlsQVnGOOfjnuETV5FAZ8ps7Lbfp8vKaj0BXB8DdybNEQiTCFqJUBaPjA1KMvT4YkVZ2q+yrbv3CdplsT/gcNTZ0lHgpksp3I5nUKGkgdomd0yEl++gWeSYHuUrYztAvZ7sSPdSC1gtaGB6bq4vJuTCTyGKA5Vvb03dtIQ67gEcokhCG5oRSJDgoeVMsAjgj9F+y7c3wXlhkd2UVdaAoPDAMKuNMudsfZk6udP50KmmB0H3h5Ne7nqocLy/Q/UY/lFnRMRfUh7Rt4CwEv4hoqG5cA8qoIOBX9OZfxDgBLLN42Y3Mshgd+XRjjCYvqRLsGTd4FBx2uvdQAv1OhlhuJXZvfb12xUF7vw/kOFuYS9nrlP+z7d/MDsCy1OS3Sawr+yfXYwDFkpwXxMDMIU9ecT5iuItkvKOFN93p6CPBWASbfN1XFpKwBmFy8HZx/aGHF8wmna+fgfW1neIoi3AMwO1G/95ZgTkmvXYlea03/Hf5PijgNGXcpzJ9AaDoRIZTQZalxnDqeEh7g8kM20Q5Wo1OiV1MJYAh+bY9xQr9mYXnwaDT/NyC1JwUh9BzU4Ex+51RxO3g18hwe9HIJ0KQX+tFiclg/NZ5z9f1pDYrzllcGPXQXlGRXiVqpyMqquMzqQPJL94+oiozPNgg1AWTJrp0yELRZWc8BgKzBmB8pFEG/pESvVJsb6lcOGnT0DIDj7wGcdYknmxnUi7YIc4eEjxlzw21LhKxRB2AXpx/TBlsnTsmYdcDR9eaaV1zSuCY1xk3BNapifaCI1x77PssSb1LlYbbi8DdDuBp/a9uT6oQyZOGwT6F5TfWaDuewsPkWIepB/n0n3gqyWSmn0S6aoPaSVxTtlntMbtKQQ2zhige/KYkQG2GSrzFHuRiPeOJtL1K9tygDZRBGoGEGrgpVX1V63KDK25REr0YEGAch4JqVJz6LEZ31UfMsm/LIV7C5Av0tSiDmj7DA7aoJeSwDjpqYhjurJpxCZQ/BiI49JCyrcVHSH9WRDWbzGDZfMefgTfbIfHwQpLggTs9Qc4kweWuQtUyrRLrwXIsOUvo6ee7Qy7isWBgMbBOVajJTTedIsI1RqpATyaZsl1Xn/dM9EZgAgTclvGSGWKgItNqgfEH19D/xrQJ6awgYIVp+z59GVP2WDTNlGd7QwlGqlQSqEpSnghScooJ7esDkP8P1Ooh9jx0NdtGBcUnX0KB8kGmehP6uqumcc36H37la6msq/h5cscpjB9r1Ag1UWcncENjWk5ZWb0x1CVQUXUyOWxEiUtaWNZ5HkWy3RXdP91O1iAQ6+KLgoUBs4pJrj9HfKykNpIw4rtF3Kt6/OVXxArVB6ht4hjl0igG8YN+NVWUjhKIZ083D/zt2SC4GP12wueHjjSdtuwUMqtHAoFwVaKha3EoGhU0/2nRdoOXwQIuSEHkPAxKw7rAo5tz7IjXV+24AVKp3LQyBHWDsi5bMQ4fouG4597CYmyuMYcHurfqFhRuWPbL0ujoGHaVwWrqnAsIX8LI/4BnTCv14X7XXQ0W7C/479D1DP9X/EvtJCbvGJfMmFwWhgAqPLq6jjPiZeZm47HdV37MM+Ap6qE9H519sDHq/12jyw9GIHusboag/bkqIj7CpWlQjCQXbU2qoA2USm65OvX0EmQxFEQUC1HjqXjZAhaYQ5O4ZvMHTfhta835w0DAm/49h35mofzW/lQ5kUC81Qmy9OuASOTiE9TI/C2gYCdsHOHcga/b5p58NNFq2Und6MAdYXrOZse7xjE0Gkz1VZDS0T+UgBaW0c23fr9eP/C/AAA1tG4V/WsJoAAAAAElFTkSuQmCC');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .q-logo {
        background-image: url('data:image/png;base64,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');
        background-size: 141px 49px;
    }
}


@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/* MOVE TO MODAL LESS */
/***** SUMMIT MOCK CSS *****/
.widget-contents .filter-tags {
  display: none;
}
.simple-table tr:nth-child(even) {
  background-color: #f7f7f7;
}
.widget-container:hover .export-button {
  display: block;
}
.simple-table tbody tr:hover td {
  background: inherit!important;
}
.input-subtle {
  background-color: transparent;
  border: 1px solid #ddd;
}
.input-subtle:focus {
  background-color: #fff;
}
.widget {
  z-index: 100;
}
.widget .trend-chart.c3 {
  min-height: 320px !important;
}
.c3-tooltip tbody th {
  background-color: #fff;
  color: #4d4d4d;
}
.wesb {
  color: red;
}
.source-configuration .form-control {
  width: 213px;
}
/***** END SUMMIT MOCK CSS *****/
.q-container.row {
  margin: 0;
}
.widget-drag-handle {
  display: none;
}
.dashboard-container {
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 100%;
}
.dashboard-container .container {
  background-color: #fafafa;
  margin-left: 260px;
}
.col-lg-7.dashboard-canvas,
.pages.col-lg-2 {
  padding: 0;
}
.q-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: #FFF;
  overflow-x: hidden;
  border-right: 0 solid #D2D2D2;
  -webkit-transition: margin 0.3s, border 0 0.3s;
  -moz-transition: margin 0.3s, border 0 0.3s;
  -ms-transition: margin 0.3s, border 0 0.3s;
  -o-transition: margin 0.3s, border 0 0.3s;
  transition: margin 0.3s, border 0 0.3s;
}
.q-container .dashboard {
  background: white;
}
.q-container .dashboard ul.filter-tags .filter-title {
  line-height: 36px;
}
.q-container .blocked-header {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  top: 0;
  width: 100%;
  position: absolute;
  z-index: 2;
}
.placeholder + .dashboard-canvas {
  border-top: none;
}
.dashboard-canvas:last-child {
  margin-bottom: 0;
}
.dashboard-canvas {
  width: auto;
  background-color: white !important;
  padding: 50px 0px;
  margin-bottom: 70px;
  padding: 16px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
@media (max-width: 768px) {
  .dashboard-canvas {
    margin: 0;
    border-left: 0;
  }
}
.dashboard-canvas .page-toolbar .page-title {
  font-size: 18px;
  margin-left: 8px;
  max-width: 80%;
}
.dashboard-canvas .add-button {
  text-align: center;
  padding: 20px 0 30px;
  clear: both;
}
.dashboard-canvas .add-button .btn {
  width: 200px;
  margin: 0 auto;
}
.body-view {
  position: relative;
  height: 100%;
}
.sidebar-section {
  max-width: 260px;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.container,
.sidebar-section {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.collapse-indicator {
  display: block;
}
.navCollapsed .sidebar-section {
  max-width: 0;
}
.navCollapsed .collapse-indicator {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -14px;
}
.navCollapsed .container {
  margin-left: 0;
}
.pages + .dashboard-canvas {
  margin-left: 160px;
  border-left: 1px solid #D3D3D3;
}
.widget-container {
  position: relative;
  /* Edit button */
}
.widget-container .loading-indicator {
  z-index: 1;
  color: #aaa;
  background-color: #fff;
  cursor: default;
  font-style: italic;
  border-radius: 3px;
  padding: 2px 6px;
  position: absolute;
  right: 12px;
  bottom: 12px;
  text-align: right;
}
.widget-container .loading-indicator.loading .signal {
  border: 3px solid #ccc;
  border-radius: 30px;
  opacity: 0;
  height: 20px;
  width: 20px;
  float: right;
  margin-left: 7px;
  animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -webkit-animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  z-index: 2;
}
.widget-container .widget {
  position: relative;
  height: 100%;
  padding: 10px;
  text-align: left;
  overflow: visible;
  min-height: 320px;
  border: 1px solid #e7e7e7;
}
.widget-container .widget:hover {
  border: 2px solid #767d8a;
  cursor: pointer;
  padding: 9px;
}
.widget-container .widget h3.widget-header {
  width: 100%;
  font-size: 14px;
  color: #4d4d4d;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}
.widget-container.uneditable .widget:hover {
  cursor: default;
}
.widget-container header {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  text-align: center;
  background: darkGray;
  position: absolute;
  height: 20px;
  width: 100%;
  top: -20px;
  display: none;
}
.widget-container .ui-resizable-handle.ui-resizable-se {
  background: none;
  border: 8px solid transparent;
  border-right-color: darkgray;
  border-bottom-color: darkgray;
}
.widget-container .btn-success {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out 1s;
  -moz-transition: opacity 0.3s ease-out 1s;
  -ms-transition: opacity 0.3s ease-out 1s;
  -o-transition: opacity 0.3s ease-out 1s;
  transition: opacity 0.3s ease-out 1s;
  margin-left: 12px;
  margin-top: -8px;
}
.widget-container .btn-success:hover,
.widget-container:hover .btn-success {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 1;
  z-index: 1;
}
.confirm-button {
  position: absolute;
  top: -1px;
  right: 0;
  width: 24px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  color: #F5F5F7;
  text-decoration: none;
  text-align: left;
  opacity: .5;
  -webkit-transition: width 0.3s, opacity 0.3s;
  -moz-transition: width 0.3s, opacity 0.3s;
  -ms-transition: width 0.3s, opacity 0.3s;
  -o-transition: width 0.3s, opacity 0.3s;
  transition: width 0.3s, opacity 0.3s;
}
.confirm-button:hover {
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  opacity: 1;
}
.confirm-button.confirm {
  width: 80px;
}
.confirm-button .icon {
  float: left;
}
.end-of-report-msg {
  text-align: center;
  height: 150px;
  padding-left: 260px;
}
/* To hide pieces of Vocalize */
.source-configuration .ng-isolate-scope[editable] {
  display: none;
}
/***** ERROR PAGE *****/
.error-msg {
  border: 2px solid #085CAF;
  border-radius: 5px;
  color: #0B6ED0;
  font-size: 19pt;
  font-weight: bold;
  margin: 10% auto;
  padding: 20px;
  max-width: 55%;
  text-align: center;
  vertical-align: middle;
}
.error-msg.loading {
  border: none;
}

.export-container-button {
  padding-top: 18px;
  padding-right: 36px;
  float: right;
}
.export-container-button .spinner {
  display: inline-block;
  width: 30px;
  position: relative;
  height: 8px;
}
.export-container-button .clickable:hover {
  cursor: pointer;
  text-decoration: underline;
}

.export-spinner-wrapper {
  text-align: center;
}
.export-spinner-wrapper .export-spinner {
  height: 50px;
  position: relative;
  display: inline-block;
}
.export-spinner-wrapper .export-spinner .spinner {
  left: 0 !important;
  display: inline-block;
}
.export-spinner-wrapper .export-spinner .spinner-text {
  margin-left: 25px;
  line-height: 50px;
  font-size: 20px;
  display: inline-block;
}
.export-button {
  display: none;
  position: absolute;
  top: 12px;
  right: 22px;
  z-index: 100;
}
.export-complete-modal .modal-body {
  text-align: center;
}
.download-export-button {
  margin: 16px;
}

html {
  height: 100%;
}
html,
body {
  padding: 0;
  margin: 0;
  min-height: 100%;
}
ul {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
.left {
  float: left;
}
.right {
  float: right;
}

.breakout-selector {
  background-color: #eff0f3;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  opacity: 1;
  height: 53px;
  padding-left: 4px;
}
.breakout-selector .btn {
  color: #666!important;
  width: 242px;
  margin-top: 10px;
  background-color: transparent;
  border: none;
}
.breakout-selector .btn .icon:first-child {
  margin-right: 6px;
}
.pages-navigation {
  width: 260px;
  background-color: #f3f3f7;
  min-height: 1000px;
  overflow-y: visible;
  overflow-x: hidden;
}
.pages-navigation .section-divider {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 1px;
  width: 242px;
  margin-left: 8px;
  border-top: 1px solid #ccc;
}
.pages-navigation::-webkit-scrollbar {
  width: 0!important;
}
.pages-navigation header .name,
.pages-navigation li.page a {
  color: #666;
}
.pages-navigation section.search-pages header {
  border: none;
  padding: 8px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.pages-navigation section.search-pages header .search {
  width: 100%;
  padding-left: 32px;
}
.pages-navigation section.search-pages header .icon-search {
  position: absolute;
  left: 14px;
  top: 14px;
  color: #bbb;
}
.pages-navigation section.search-pages header .icon {
  color: #4d4d4d;
}
.pages-navigation section header {
  padding: 0 8px;
  background-color: #e0e1e4;
  /*TODO WHY +1 */
  height: 53px;
  width: 259px;
  font-size: 14px;
  border-top: 1px solid #CCCCCC;
}
.pages-navigation section header .name {
  float: left;
  height: 52px;
  line-height: 52px;
  margin-left: 2px;
  font-weight: bold;
  /* begin ellipsis */
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* end ellipsis */
}
.pages-navigation section header .btn {
  margin: 12px 0;
  float: right;
  /* TODO max width calc from sidbar width and .name width for translations */
}
.pages-navigation section header .all-q-header {
  margin-left: 4px;
}
.pages-navigation section nav {
  list-style-type: none;
  clear: both;
}
.pages-navigation section nav li.page:last-child {
  border-bottom: none;
}
.pages-navigation section nav li.no-items {
  font-style: italic;
  color: #C6C6C6;
  padding-left: 15px;
  margin: 12px;
}
.pages-navigation section nav li.page {
  clear: both;
  font-size: 13px;
  width: 260px;
}
.pages-navigation section nav li.page a {
  padding: 17px;
  padding-left: 24px;
  display: block;
  text-decoration: none;
}
.pages-navigation section nav li.page.selected {
  background-color: #007AC0;
}
.pages-navigation section nav li.page.selected a {
  color: #fff;
}
.pages-navigation section nav li.page:hover {
  background-color: #e2f1ff;
}
.pages-navigation section nav li.no-items,
.pages-navigation section nav li.page {
  cursor: pointer;
  clear: both;
  padding: 0 8px;
  /* height: 52px; */
  /* line-height: 52px; */
  font-size: 13px;
  /* TODO above is for an icon */
  /* begin ellipsis */
  width: 260px;
  /* end ellipsis */
}
.pages-navigation section nav li.no-items.selected,
.pages-navigation section nav li.page.selected {
  background-color: #007AC0;
}
.pages-navigation section nav li.no-items.selected a,
.pages-navigation section nav li.page.selected a {
  color: #fff;
}
.pages-navigation section nav .text {
  display: block;
  margin-left: 20px;
  min-height: 18px;
  /* page's shouldn't have an empty description */
}
.pages-navigation .page .icon {
  /* general class, placed here to be overridden */
  float: left;
  line-height: 13pt;
  margin-right: 5px;
  margin-left: -10px;
}
.pages-navigation .standard-page {
  /* eg: Summary Page */
  font-weight: bold;
}
.pages-navigation .cross-tabs .text {
  margin-left: -1px;
}
.pages-navigation .cross-tabs .icon {
  font-size: 19pt;
  line-height: 17pt;
  margin-left: -10px;
  margin-top: -3px;
}

@media print {
  .print-report-title {
    font-size: 36px;
    font-family: 'Helvetica', 'Arial', sans-serif;
    color: #4d4d4d;
    margin-left: 12px;
  }
  .print-survey-title {
    font-size: 20px;
    font-family: 'Helvetica', 'Arial', sans-serif;
    color: #8d8d8d;
    font-style: italic;
    margin-left: 12px;
  }
  .print-date-title {
    font-size: 18px;
    font-family: 'Helvetica', 'Arial', sans-serif;
    color: #8d8d8d;
    margin-left: 12px;
  }
}

@media print {
  @page {
    margin: 0.5in;
  }
  .q-container.viewMode {
    position: relative !important;
  }
  .sidebar-section,
  #results-gw-container,
  .results-toolbar,
  .collapse-indicator-button,
  .add-button,
  .export-button,
  .caret {
    display: none!important;
  }
  .title-wrapper {
    display: none;
  }
  .dashboard-container .dashboard {
    /* override the styles in ../public-client/less/public-only.less */
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-right: 0px!important;
  }
  .dashboard-container .container {
    margin-left: 0px!important;
    margin-right: 0px!important;
  }
  .container {
    border-right: none;
    padding: 0px;
    clear: both;
  }
  .dashboard {
    background-color: #ffffff;
  }
  .dashboard .dashboard-canvas {
    border: 0px;
    padding: 0px;
  }
  .dashboard .dashboard-canvas .page-canvas {
    margin-top: 0px;
  }
  .dashboard .dashboard-canvas .page-toolbar {
    min-height: 0px;
  }
  .page-title {
    padding: 0;
  }
  .simple-table tr:nth-child(even) {
    background-color: inherit;
  }
  .placeholder {
    display: none;
  }
  .header-text {
    width: 100%;
    font-size: 24px;
    font-family: 'Helvetica', 'Arial', sans-serif;
    color: #4d4d4d;
    margin-left: 12px;
  }
  .end-of-report-msg {
    padding-left: 0;
  }
  .dashboard-container .widget-container .widget {
    border: 0;
    margin: 0;
    padding-right: 10px;
  }
  .c3-tooltip-container {
    display: none;
  }
  .widget-container.selected .widget {
    border: 1px solid transparent!important;
    background-color: #fff!important;
  }
}

.dashboard-sidebar {
  display: none;
}
.dashboard-container .dashboard {
  margin-top: 72px;
  margin-bottom: 79px;
}
.sidebar-section {
  border-left: 0;
  border-top: 0;
  position: fixed;
  margin-top: 71px;
  margin-bottom: 78px;
  overflow: auto;
}
.sidebar-section {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ddd;
  -moz-box-shadow: inset 0px 0px 0px 1px #ddd;
  box-shadow: inset 0px 0px 0px 1px #ddd;
  background-color: #fafafa;
}
.page-title {
  color: #5d5d5d;
  font-size: 18px;
  display: block;
  padding: 5px 0 7px 11px;
  max-width: 95%;
  position: relative;
  white-space: normal;
}
.pg-title-truncate .page-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-widget-switcher {
  display: none!important;
}
.pages-navigation {
  background-color: transparent;
  min-height: 0;
}
.pages-navigation section header {
  background-color: #eff0f3;
  border: none;
}
.public-footer {
  bottom: 0px;
  position: relative;
  width: 100%;
  background-color: #fff;
}
.widget-container .widget {
  border: 1px solid #efefef;
  border-radius: 3px;
  margin: 16px 8px;
}
.widget-container .widget:hover {
  border: 1px solid #efefef;
  padding: 10px;
}
.widget-container .widget h3.widget-header {
  border: 0px;
  font-weight: bold!important;
}
.public-title {
  font-size: 24px;
  line-height: 70px;
  padding-left: 36px;
}
.right-title {
  float: right;
  height: 70px;
  margin-right: 6px;
}
.subtext {
  font-size: 12px;
  line-height: 72px;
  letter-spacing: 1px;
  border: 1px solid #ddd;
  padding: 4px 8px;
  border-radius: 100px;
  position: relative;
  top: -2px;
  right: 8px;
}
.title-wrapper {
  background-color: #fafafa;
  color: #4d4d4d;
  min-width: 700px;
  position: fixed;
  top: 0;
  border-bottom: 1px solid #ddd;
  width: 100%;
  z-index: 1001;
}
.timezone {
  float: right;
  line-height: 72px;
  margin-right: 12px;
  display: inline-block;
  font-size: 13px;
}
.public-footer {
  z-index: 2000;
}

/*******************************************************************************
 * Sidebar styles
 * Enables a widget developer to structure his html such that his options
 * look consistent
 *******************************************************************************/
.dashboard-sidebar {
  position: absolute;
  top: -1px;
  right: -260px;
  width: 260px;
  height: 100%;
  background: #F3F3F9;
  border: none;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -ms-transition: right 0.3s;
  -o-transition: right 0.3s;
  transition: right 0.3s;
}
.dashboard-sidebar::-webkit-scrollbar {
  display: none;
}
.dashboard-sidebar .no-selection {
  text-align: center;
  margin: 64px 0;
  color: #D2D2D2;
}
.dashboard-sidebar .option-cards {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dashboard-sidebar .option-card {
  position: relative;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  -webkit-transition: height 0.3s, opacity 0.3s, background 0.3s, margin 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, background 0.3s, margin 0.3s;
  -ms-transition: height 0.3s, opacity 0.3s, background 0.3s, margin 0.3s;
  -o-transition: height 0.3s, opacity 0.3s, background 0.3s, margin 0.3s;
  transition: height 0.3s, opacity 0.3s, background 0.3s, margin 0.3s;
}
.dashboard-sidebar .option-card .options-header {
  margin: 0;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  color: #A5A5AA;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #D2D2D2;
}
.dashboard-sidebar .option-card .options-body {
  position: absolute;
  top: 0;
  bottom: 83px;
  width: 100%;
  overflow: auto;
  padding-bottom: 100px;
}
.dashboard-sidebar .option-card .options-footer {
  padding: 16px;
  border-top: 1px solid #D8D8D8;
}
.dashboard-sidebar .option-card .options-footer div.btn {
  display: block;
}
.dashboard-sidebar.page .widget-options {
  opacity: .7;
}
.dashboard-sidebar.widget .widget-options {
  padding-bottom: 40px;
  background: #FAFAFA;
}
.dashboard-sidebar.widget .widget-options .options-header {
  color: #007AC3;
}
.some-other-thing {
  margin: 0;
}
.editMode {
  margin-right: 0;
}
.editMode .dashboard-sidebar {
  width: 260px;
  position: absolute;
}
.option-card.fixed-sidebar {
  position: fixed;
  top: -1px;
  width: 260px;
}
.options-pane h3.title {
  display: none;
}
.options-group {
  padding: 15px 23px;
  border-top: 1px solid #D8D8D8;
}
.options-group:first-child {
  border-top: none;
}
.options-group.primary {
  background: #FAFBFC;
}
.options-group.error {
  color: #C94041;
  background: #F6D5D5;
  border-bottom-color: #E87B7B;
  border-top: 1px solid #E87B7B;
  margin-top: -1px;
}
.options-group.error > p {
  margin: 0;
  text-align: center;
}
.options-group.error:first-child {
  margin: 0;
  border-top: none;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.options-group .form-group {
  margin-bottom: 15px;
}
.options-group .form-group > label {
  position: relative;
  display: block;
  margin: 0 -8px 3px;
  max-width: none;
  font-weight: normal;
  color: #8C8C8C;
}
.options-group .form-group > label .label-add {
  position: absolute;
  right: 0;
}
.options-group .form-group:last-child {
  margin-bottom: 0;
}
.options-group .form-group .empty-text {
  padding: 5px 0;
  text-align: center;
}
.options-group .form-group .empty-text em {
  color: #999;
  font-size: 12px;
  font-style: italic;
}
.options-group .form-group .empty-text a {
  display: block;
  font-style: normal;
}
.options-group .description {
  color: #999;
}
.options-group .description strong {
  color: #666;
}
.options-group .sidebar-el-maxw {
  max-width: 210px;
}
.options-group .sortable-item {
  position: relative;
  margin: 0 0 5px -13px;
  padding-left: 13px;
}
.options-group .sortable-item .Handle {
  position: absolute;
  top: 7px;
  left: 0;
  display: none;
  border-top: 5px double #CCC;
  border-bottom: 5px double #CCC;
  width: 10px;
  height: 11px;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.options-group .sortable-item:hover .Handle {
  display: block;
}
.checkbox-group {
  padding: 0;
  list-style: none;
}
.checkbox-group li {
  margin-bottom: 8px;
}
.checkbox-group li:last-child {
  margin-bottom: 0;
}
.checkbox-group li.divider {
  border-top: 1px solid #D8D8D8;
}
.checkbox-group li label {
  margin: 0;
  font-weight: normal;
}
.spinner-group .description {
  display: inline-block;
  width: 30px;
}
.widget-info {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid #B8B9BE;
  color: #B8B9BE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.widget-info.error {
  color: #C94041;
  border-color: #C94041;
}
.widget-info p {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.widget-info p span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.widget-header ~ div.widget-info {
  top: 51px;
}

#results-gw-container .section-tabs-list li.section-tab {
  display: none;
}
#results-gw-container .section-tabs-list li.section-tab.ProjectSummarySection,
#results-gw-container .section-tabs-list li.section-tab.EditSection,
#results-gw-container .section-tabs-list li.section-tab.DistributeSection,
#results-gw-container .section-tabs-list li.section-tab.ResponsesSection,
#results-gw-container .section-tabs-list li.section-tab.ResultsSection {
  display: inline-block;
}
.other-class {
  font-size: 100pt;
}
.survey-summary {
  max-width: 150px;
}
.survey-summary-icon {
  float: left;
  margin-left: -6px;
}

/*  CONTENTS
 *
 *  #TOOLBAR
 *  ##FILTER WIDGET
 *
 */
/** #TOOLBAR **/
.results-toolbar {
  height: 71px;
  padding: 17px 8px;
  border-bottom: 1px solid #ccc;
}
.results-toolbar .btn {
  margin-right: 8px;
}
.results-toolbar .btn a {
  text-decoration: none;
  color: inherit;
}
.results-toolbar .btn:first-child {
  margin-left: 8px;
}
.container {
  position: relative;
}
.page-toolbar {
  height: 52px;
}
/** ##FILTER WIDGET **/
.page-filter-widget {
  display: inline-block;
  margin-top: -4px;
}
.page-filter-widget .filter-tags {
  border-bottom: none;
  padding: 0;
}
.page-filter-widget .filter-tags li {
  margin: 2px 4px;
}
.page-filter-widget li.filter-title {
  margin-top: 11px;
}
.page-filter-widget .btn.round-plus {
  margin: 8px 0;
}

/*************************************
 *
 * Use @import (reference) "default"
 * in your less file to take advantage
 * of great plugins and mixins!
 *
 *************************************/

/* RESULTS-MIXINS.LESS */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*# sourceMappingURL=main.css.map*/