/*********************************
*
*    Control Panel Styles
*
*********************************/
html {
  position: relative;
  min-height: 100%;
}

body.ControlPanel {
  background-color: #f7f7f7;
  color: #404040;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: normal;
  min-width: 1000px;
}
#pageDiv {
  background-color: #fff;
}

/***************************
*
*   Basic Styles
*
***************************/

a, a:active, a:hover, a:visited {
  color: #007AC0;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

.left,
.Left {
  float: left;
}
.right,
.Right {
  float: right;
}
.clear,
.Clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.full-width,
.full-width .btn {
  width: 100%;
  display: block;
}


/********* CSS3 *********/

.CSS3 div.RoundedShadow {
  border: none;
  border-radius: 6px;
  box-shadow: 0 1px 16px rgba(0,0,0,0.1);
}

/******* Message Box *******/

#MessageBox {
  background-color:#B9D0FF;
  left:0;
  opacity: 0.9;
  position:fixed;
  _position:absolute;
  top:0;
  z-index:9999999;
}
#MessageBox div {
  border:1px solid #9BAED5;
  border-width:0 1px 1px 0;
  padding:5px 10px;
  position:relative;
}
#MessageBox div.debug {
  background-color: #000;
  color: #6fe200;
  overflow: auto;
  max-height: 500px;
  text-align: left;
}
#MessageBox div.debug .HiddenDebug {
  border: none;
}
#MessageBox div.debug .HiddenDebug pre {
  display: none;
}
#MessageBox div.debug.Over .HiddenDebug pre {
  display: block;
}

/******** Buttons (in addition to qstrap) ********/

.btn.full-width,
.full-width > .btn {
  display: block;
  white-space: normal;
}
.btn.full-width .icon {
  display: inline-block;
  float: none;
  margin: 0 4px 0 -6px;
  vertical-align: top;
  top: 0;
}
.btn.full-width span {
  display: inline-block;
  text-align: center;
}

/******* Icons *******/

.icon {
  position: relative;
}
.icon .icon {
  left: 0;
  position: absolute;
  top: 0;
}

/******* Combo Boxes *******/

.combo-box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.combo-box .input-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  display: block;
  float: left;
}
.combo-box .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: block;
  float: left;
  left: -1px;
  position: relative;
  z-index: 10;
  width: 34px;
}

/****** Modals ******/

.modal-backdrop {
  opacity: 0.5;
}
.modal-content {
  position: relative;
  border-color: #e9e9e9;
  box-shadow: 0 0 16px rgba(0,0,0,0.5);
}
.modal-header .btn-modal-close {
  background-color: #fff;
  border-color: #b6b6b6;
  color: #a5a5a5;
  float: right;
  font-size: 18pt;
  height: 24px;
  line-height: 24px;
  margin-top: 6px;
  padding: 0;
  text-align: center;
  width: 25px;
}
.modal-header .btn-modal-close:hover {
  border-color: #a5a5a5;
  color: #808080;
}
.btn-modal-close .icon {
  position: static;
  height: 24px;
  line-height: 24px;
  margin: 0;
  width: 24px;
}
.modal-title {
  color: #404040;
  font-size: 19px;
  font-weight: 500;
  line-height: 36px;
}
.modal-footer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.modal-footer .btn,
.modal-footer .button {
  float: right;
  margin: 0;
}
.modal-footer .btn + .btn,
.modal-footer .button + .button {
  margin-right: 8px;
}

/****** Forms and Inputs ******/

.form .form-row {
  clear: both;
  position: relative;
}
.form-row + .form-row {
  margin: 16px 0 0;
}
.form-section + .form-section {
  margin: 24px 0 0;
}
.form label,
.form .label {
  color: #a5a5a5;
  display: block;
  font-weight: normal;
  margin-bottom: 8px;
}
.input-text,
.input-password {
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #666;
  font-size: 14px;
  height: 36px;
  padding: 0 13px;
  -webkit-transition: border 0.2s, color 0.2s;
  -moz-transition: border 0.2s, color 0.2s;
  -ms-transition: border 0.2s, color 0.2s;
  -o-transition: border 0.2s, color 0.2s;
  transition: border 0.2s, color 0.2s;
}
.input-text-sm,
.input-password-sm {
  font-size: 13px;
  height: 26px;
  padding: 0 8px;
}
.input-text::-webkit-input-placeholder {
  color: #a5a5a5;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.input-text:-moz-placeholder {
  color: #a5a5a5;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.input-text::-moz-placeholder {
  color: #a5a5a5;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.input-text:-ms-input-placeholder {
   color: #a5a5a5;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.input-text:hover,
.input-password:hover,
.input-text:focus,
.input-password:focus {
  border-color: #a5a5a5;
  color: #404040;
}
.input-text:hover::-webkit-input-placeholder,
.input-text:focus::-webkit-input-placeholder {
  color: #888;
}
.input-text:hover:-moz-placeholder,
.input-text:focus:-moz-placeholder {
  color: #888;
}
.input-text:hover::-moz-placeholder,
.input-text:focus::-moz-placeholder {
  color: #888;
}
.input-text:hover:-ms-input-placeholder,
.input-text:focus:-ms-input-placeholder {
  color: #888;
}
.input-info {
  border-color: #1A94DA;
  color: #007AC0;
}
.input-info::-webkit-input-placeholder {
   color: #007AC0;
}
.input-info:-moz-placeholder {
  color: #007AC0;
}
.input-info::-moz-placeholder {
  color: #007AC0;
}
.input-info:-ms-input-placeholder {
  color: #007AC0;
}
.input-info:hover,
.input-info:focus {
  border-color: #007AC0;
  color: #3184B8;
}
.input-info:hover::-webkit-input-placeholder {
   color: #3184B8;
}
.input-info:hover:-moz-placeholder {
  color: #3184B8;
}
.input-info:hover::-moz-placeholder {
  color: #3184B8;
}
.input-info:hover:-ms-input-placeholder {
  color: #3184B8;
}
.input-info:focus::-webkit-input-placeholder {
  color: #888;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.input-info:focus:-moz-placeholder {
  color: #888;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.input-info:focus::-moz-placeholder {
  color: #888;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.input-info:focus:-ms-input-placeholder {
  color: #888;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.form .input-text,
.form .input-password {
  display: block;
}
.search {
  float: right; /* this is required for the icon to place correctly */
  position: relative;
}
.search-input {
  padding-left: 32px;
}
input[type="search"].search-input:focus {
  outline-offset: -2px;
}
.search-input[placeholder] {
  text-overflow: ellipsis;
}
.search.active-search .search-input,
.search.active-search .icon {
  color: #404040;
}
.search .icon {
  color: #a5a5a5;
  left: 10px;
  position: absolute;
  top: 1px;
}
.search .icon:before {
  line-height: 34px;
}
.qcheckbox + label,
.qradio + label,
.qcheckbox + .btn,
.qradio + .btn {
  margin-left: 8px;
}

/******** Tables ********/

.simple-table,
.simple-table.angular-ui-tree-nodes {
  border-style: none;
  display: table;
}
.simple-table td:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.simple-table td:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.simple-table th,
.simple-table td {
  text-align: left;
}
.table-header-row .sortable {
  cursor: pointer;
}
.table-header-row .sortable.active-sort {
  color: #404040;
}
.table-header-row .table-header-label,
.table-header-row .icon {
  float: left;
}
*/
.simple-table .table-header-row .sortable {
  cursor: pointer;
}
.simple-table .table-header-row .sortable.active-sort {
  color: #404040;
}
.simple-table .table-header-row .icon,
.simple-table .table-header-row span {
  float: left;
}
.simple-table .table-header-row .icon {
  bottom: 0px;
  color: #727272;
  height: 0px;
  position: relative;
  width: 0px;
}
.simple-table .table-header-row .icon:before {
  line-height: 15px;
  overflow: visible;
  width: 0;
}
.simple-table .hoverable td {
  cursor: pointer;
}
.simple-table .time {
  color: #999;
}
.simple-table .actions-column {
  max-width: 74px;
  min-width: 74px;
  padding: 0 0 0 5px;
  width: 74px;
  color: #808080;
}
.simple-table td.actions-column {
  text-align: center;
}
.simple-table td.actions-column .icon {
  display: inline-block;
}
.simple-table td.actions-column .icon-angle-down-sm {
  margin-left: -5px;
}
.simple-table .selected-table-row td {
  background-color: #f7f7f7;
  cursor: pointer;
}
.simple-table td.actions-column:hover,
.simple-table .hoverable td.actions-column:hover,
.simple-table .selected-table-row td.actions-column {
  background-color: #e6ecf2;
}

/******* Drag Elements *******/

.angular-ui-tree-drag {
  background-color: #f2f5f8;
  border: 1px solid #d9dcdf;
  border-radius: 3px;
  color: #272727;
  cursor: pointer;
  line-height: 1;
  margin: -22px 0 0 -65px;
  min-width: 200px;
  padding: 16px;
}

.section-level-navigation {
  position: absolute;
  height: 48px;
  width: 100%;
  bottom: 0;
  padding: 0;
  background-color: #F2F4F8;
  border-bottom: 1px solid #CCC;
}
.section-tabs-list {
  margin: 0 8px 0 12px;
  list-style: none;
}
.section-tab {
  display: inline-block;
  float: left;
  height: 48px;
  padding: 0px 8px;
}
.section-tab a {
  display: block;
  position: relative;
  text-decoration: none;
  height: 48px;
  font-size: 13px;
  color: #888;
}
.section-tab .icon {
  position: absolute;
  left: 0;
  top: 13px;
}
.section-tab .text {
  padding-left: 26px;
  position: absolute;
  top: 18px;
  left: 0;
}
.section-tab.active .text {
  font-weight: bold;
  top: 17px;
}
.section-tab .text.hidden {
  position: relative;
  visibility: hidden;
  font-weight: bold;
}
.section-tab.active a,
.section-tab a:hover {
  color: #007ac0;
}
.active-tab-indicator .icon {
  position: absolute;
  top: auto;
  bottom: -10px;
  z-index: 10;
  color: #FFF;
}
.active-tab-indicator .border {
  left: 0px;
  bottom: -9px;
  color: #CCC;
}
.section-level-navigation .nav-icon-comment, .nav-icon-comment-alt {
  top: 15px !important;
}

/***************************
*
*      toolbar
*
***************************/

.toolbar {
  border-bottom: 1px solid #CCC;
  height: 68px;
  padding: 16px 0 0;
  width: 100%;
}
.toolbar .Controls {
  height: auto;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.toolbar .Left {
  padding-left: 24px;
}
.toolbar .Right {
  padding-right: 16px;
}
.toolbar .Left>* {
  float: left;
  margin-left: 8px;
}
.toolbar .Right>* {
  float: right;
  margin-left: 12px;
}
.toolbar .library-label,
.toolbar .library-selector {
  float: left;
  font-size: 15px;
}
.toolbar .library-label {
  color: #a5a5a5;
  line-height: 36px;
  width: 117px;
}
.toolbar .library-selector-container {
  float: left;
}
.toolbar .library-selector-container {
  position: relative;
}
.toolbar .library-selector {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1001;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.toolbar .library-selector:hover {
  -webkit-transition: border 0.2s, color 0.2s;
  -moz-transition: border 0.2s, color 0.2s;
  -ms-transition: border 0.2s, color 0.2s;
  -o-transition: border 0.2s, color 0.2s;
  transition: border 0.2s, color 0.2s;
}
.toolbar .library-selector:active {
  background-color: #fff;
}
.toolbar .library-selector.active {
  background-color: #fff;
  border-bottom-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.toolbar .library-selector-menu {
  background-color: #fff;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  border-top-left-radius: 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  left: 0;
  min-width: 350px;
  padding: 8px 0;
  position: absolute;
  top: 35px;
  z-index: 1000;
}
.library-selector-container .current-library-label{
  float: left;
  line-height: 36px;
  color: #a5a5a5;
  font-size: 15px;
  margin-right: 10px;
}
.toolbar .search-input {
  width: 215px;
}

/***************************
*
*    Page Layout
*
***************************/

.container {
  border-bottom: 1px solid #CCC;
  color: #404040;
  height: 100%;
  overflow: hidden;
  min-height: 600px;
  padding-left: 260px;
  position: relative;
}

.content {
  padding: 24px;
}

.Content {
  box-shadow: 0 2px 10px #ccc;
}
.section-header {
  margin-bottom: 32px;
}
.section-header-title {
  float: left;
  height: 36px;
  line-height: 36px;
  margin-left: 0;
  position: relative;
}
.section-header-title-text,
.section-header-title-input {
  font-size: 19px;
}
.section-header-title-text {
  border: 4px solid #fff;
  border-radius: 3px;
  color: #a5a5a5;
  display: block;
  float: left;
  line-height: 28px;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: -4px;
  position: relative;
}
.section-header-title-text:hover {
  border: 4px solid
  background-color: white;
  cursor: default;
}
.section-header-title-text.editable {
  cursor: pointer;
  left: -12px;
  padding: 0 8px;
}
.section-header-title-text.editable:hover {
  border-color: #f5f8fe;
  outline: none;
}
.section-header-title-input {
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 36px;
  left: -13px;
  line-height: 100%;
  width: 345px;
  padding: 0 8px;
  position: relative;
}
.section-header-title .icon-angle-down-sm {
  cursor: pointer;
  float: left;
  line-height: 36px;
  margin-left: -12px;
}

/***************************
*
*     Sidebar
*
***************************/

.Sidebar {
  background-color: #F2F5F8;
  border-right: 1px solid #CCC;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 260px;
  -webkit-overflow-scrolling: touch;
  color: #696969;
}
.Sidebar .icon {
  color: #999999;
}
.Sidebar .button.full-width,
.Sidebar .btn.full-width {
  margin: 16px;
  width: auto;
}
.Sidebar .FixedBoxShadow {
  bottom: 0;
  box-shadow: 0px 0px 22px 4px #777;
  display: none;
  opacity: 0.2;
  position: absolute;
  width: 100%;
}

/***************************
*
*    Main Content
*
***************************/

.FeedbackTitle {
  background-color: #F2F5F8;
  color: #777;
  font-size: 13px;
  height: 50px;
  left: 0px;
  line-height: 50px;
  margin-bottom: 10px;
  padding: 0px 0px 0px 20px;
  position: relative;
}
.FeedbackTitle .FeedbackButton {
  margin-left: 10px;
}

/***************************
*
*      Footer
*
***************************/

#DebugFooter {
  font-size: 12px;
  padding: 10px 10px 5px;
  position: absolute;
  z-index: 10;
}
#pagefooter {
  color: #B3B3B3;
  float: left;
  font-size: 12px;
  height: 70px;
  margin: 50px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.footerlinks {
  margin: 10px 0;
}
#pagefooter .linkrow ul,
#pagefooter .linkrow ul li,
#pagefooter .footerlinks ul,
#pagefooter .footerlinks ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
.footerlinks a {
  margin: 0 8px;
}

/***************************
*
*      Terms of Service
*
***************************/
.terms-of-service .Q_Window {
  padding: 0 0 0 24px;
  overflow: hidden;
}

/***************************
*
*      Folder Bar
*
***************************/
.Sidebar.folders {
  border: none;
}
.Sidebar #FoldersContainerBorder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: #CCC;
}
.angular-ui-tree-nodes {
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.angular-ui-tree-placeholder {
  height: 10px;
  margin: 0px;
}
.angular-ui-tree-hidden {
  display: none;
}
.angular-ui-tree-drag {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  opacity: .8;
}
.folders-container {
  overflow: hidden;
  padding: 10px 0 0;
}
.folders-container.scrolling {
  overflow: auto;
}
.folders-list.outer {
  padding-bottom: 10px;
}
.angular-ui-tree-drag.folders-list.outer {
  padding-bottom: 0;
}
.folders-container .folders-list.Outer {
  height: 100%;
}
.folders-container .folder-list-element {
  position: relative;
}
.folders-container .hoverable {
  padding: 12px 0px 10px 15px;
}
.folders-container .selected-folder {
  background-color: #007ac0;
  color: white;
  cursor: pointer;
}
.folders-list .separator {
  margin: 8px 0;
  border-top: 1px solid #CCC;
}
.folder-title {
  position: absolute;
  top: 16px;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  padding-left: 16px;
}
.folder-name {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.folder-count {
  background-color: #A1AFC8;
  border-radius: 13px;
  top: 5px;
  color: #F2F5F8;
  float: right;
  font-size: 11px;
  line-height: 14px;
  margin-left: 10px;
  padding: 2px 6px;
  position: relative;
  right: 19px;
  min-width: 24px;
  text-align: center;
}
.scrolling .folder-count {
  right: 4px;
}
.folders-container .selected-folder,
.folders-container .selected-folder.hoverable.hovering {
  background-color: #007ac0;
  color: white;
  cursor: pointer;
}
.folder-node .hoverable.hovering .folder-count {
  background-color: #f2f5f8;
  color: #8f96a6;
}
.folders-container .selected-folder .folder-count,
.folder-node .selected-folder.hovering .folder-count {
  background-color: #f2f5f8;
  color: #007ac0;
}
.folder-node {
  position: relative;
}
.folder-node .hoverable {
  padding: 12px 0px 10px 15px;
}
.folder-node .folder-node {
  margin-left: 15px;
}
.folder-node .folder-node .hoverable {
  position: relative;
  border-radius: 3px 0 0 3px;
}

.angular-ui-tree-drag .folder-node .hoverable {
  padding: 10px 0px 8px 13px;
}
.angular-ui-tree-drag .folder-node,
.angular-ui-tree-drag .folder-node .hoverable.hovering {
  position: relative;
  border-radius: 3px 0 0 3px;
  background-color: #f2f5f8;
  border: 2px solid #8f96a6;
  border-radius: 3px;
  cursor: pointer;
  color: #404040;
}

.angular-ui-tree-drag .folder-node .selected-folder .icon {
  color: #404040;
}

.angular-ui-tree-drag .folder-node .selected-folder,
.angular-ui-tree-drag .folder-node .folder-node {
  border: none;
}
.angular-ui-tree-drag .folder-node .folder-title {
  position: relative;
  top: 3px;
  padding-left: 12px;
  font-size: 13px;
}
.folder-node .hoverable.hovering {
  background-color: #8f96a6;
  color:#fff;
  cursor: pointer;
}
.folder-node .selected-folder .icon,
.folder-node .hoverable.hovering .icon {
  color: #fff;
}

.folder-title .folder-name {
  max-width: 150px;
}
.folder-node .folder-node .folder-name {
  max-width: 135px;
}
.folder-node .folder-node .folder-node .folder-name {
  max-width: 120px;
}
.folder-node .folder-node .folder-node .folder-node .folder-name {
  max-width: 105px;
}
.folder-node .folder-node .folder-node .folder-node .folder-node .folder-name {
  max-width: 90px;
}

.folder-node .folder-count {
  left: -12px;
}

.folder-node .icon {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  left: 8px;
}
.folder-node .folder-type.icon {
  top: 0;
}
.angular-ui-tree-drag .folder-node .collapse-icon-container {
  top: 12px;
  left: 0px;
}
.folder-node .collapse-icon-container {
  position: absolute;
  left: 0px;
  top: 14px;
  height: 24px;
  width: 24px;
}
.folder-node .collapse-icon-container .icon {
  left: 0;
  opacity: .7;
}
.folder-node .collapse-icon-container .icon:hover {
  opacity: 1;
}

.folder-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#root-border {
  box-shadow: 0 0 0px 4px #8F96A6 inset;
  z-index: 9000;
  position: absolute;
}
.drag-in-progress, .drag-in-progress * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
}
.drag-in-progress table.Elements .ElementRow.hoverable.hovering td {
  background-color: white;
}
.folders-list .create-button {
  border-top: 1px solid #CCC;
  margin-top: 10px;
  overflow: hidden;
}
.folders-list .create-button.fixed {
  position: fixed;
  bottom: 0px;
  background-color: #F2F5F8;
  border-bottom: 1px solid #CCC;
  margin-top: 0px;
  z-index: 200;
  width: 260px;
  border-right: 1px solid #ccc;
  height: 70px;
}
.folders-list .create-button .icon{
  color: #F2F5F8;
}

/********* qmenu *********/

.folder-select-menu-item .folder-title {
  top: 0;
  line-height: 16px;
}

.folder-select-menu-item .folder-title,
.survey-select-menu-item .survey-title {
  position: relative;
  left: -12px;
  max-width: 250px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.survey-select-menu-item .survey-title {
  max-width: 200px;
}
.survey-select-menu-item {
  position: relative;
  padding-left: 16px;
}
.folder-select-menu-item {
  position: relative;
  padding-left: 16px;
  background: inherit;
}
.qmenu.folder-select-menu .menu-items > li > a {
  padding: 4px 14px 7px 32px;
}
.qmenu .menu-items .folder-select-menu-item .icon {
  font-size: 18pt;
  display: inline-block;
  position: relative;
  left: -20px;
  top: 2px;
  background: white;
  z-index: 1;
}
.qmenu .menu-items .survey-select-menu-item .icon {
  position: absolute;
  left: -22px;
  top: -6px;
}
.qmenu .menu-items li.active .folder-select-menu-item .icon,
.qmenu .menu-items li:hover .folder-select-menu-item .icon {
  background: inherit;
}

.qmenu.folder-select-menu .menu-items > li.checked a i.icon.checkmark,
.qmenu.folder-select-menu + .qmenu.qsubmenu .menu-items > li.checked a i.icon.checkmark {
  display: none;
}
.qmenu.folder-select-menu .menu-items .checked .icon-folder-wire {
  display: none;
}
.qmenu.folder-select-menu .menu-items .checked .icon-folder {
  display: inline-block;
  color: #007AC0;
}
.qmenu.folder-select-menu .menu-items .checked:hover .icon-folder {
  color: #FFF;
}
.qmenu.folder-select-menu .menu-items li.checked.active .icon-folder {
  color: white;
}
.qmenu.folder-select-menu .menu-items .icon-folder,
.qmenu .menu-items .icon-survey,
.qmenu .survey-select-menu-item .icon-survey,
.qmenu .checked .survey-select-menu-item .icon-survey-wire {
  display: none;
}
.qmenu .checked .survey-select-menu-item .icon-survey {
  display: inline-block;
  color: #007AC0;
}

/******* Filters *******/

.filters-container {
  clear: both;
}
.content .filters-container {
  margin-left: 1px;
}
.filters {
  height: 36px;
}
.filter-button {
  border: 1px solid #dbdbdb;
  border-radius: 0;
  cursor: pointer;
  display: block;
  float: left;
  height: auto;
  margin-left: -1px;
  margin-top: 24px;
  padding: 7px 12px;
  position: relative;
}
.filter-button:last-child {
  border-bottom-right-radius:3px;
  border-top-right-radius:3px;
}
.filter-button:first-child {
  border-bottom-left-radius:3px;
  border-top-left-radius:3px;
}
.filters .filter-button.disabled {
  cursor: default;
  background-color: #F7F7F7;
  color: #A5A5A5;
}
.filters .filter-button.active {
  background-color: #007ac0;
  color: white;
  border-color: #007ac0;
  z-index:2;
}
.filter-button:hover {
  z-index:1;
}


/******* Pagination *******/

.pagination {
  position: relative;
  display: table;
  height: 30px;
  width: 100%;
  top: 20px;
  float: left;
}
.pagination-footer {
  display: table;
  position: relative;
  height: 80px;
  width: 100%;
}
.pagination .navigation-button {
  height: 30px;
  width: 15%;
  float: left;
  text-align: center;
  line-height: 30px;
}
.pagination .navigation-button .Button {
  background-color: #007AC0;
  width: 100px;
  color: white;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}
.pagination .navigation-button .Previous {
}
.pagination .navigation-button .Next {
  float: right;
}
.pagination .jump-index {
  position: relative;
  display: block;
  float: left;
  width: 62%;
  padding: 0;
  text-align: center;
  margin-right: 4%;
  margin-left: 4%;
}
.pagination .jump-index.JumpButton {
  top: 0;
}
.pagination .jump-index .jump-link {
  cursor: pointer;
  padding: 7px 9px;
  margin-right: 1px;
}
.pagination .jump-index .jump-link:hover,
.pagination .jump-index .jump-link.SelectedPage {
  background-color: #007AC0;
  color: white;
  border-radius: 3px;
}
.pagination .jump-index .jump-menu {
  cursor: pointer;
  margin-left: 10px;
  padding: 8px 16px;
  height: 30px;
  line-height: 30px;
  background-color: #007AC0;
  border-radius: 3px;
  color: white;
}


.jump-menu .icon-angle-down-sm {
  display: inline-block;
  position: relative;
  top: 6px;
}

#OtherLanguageMenu {
  display: inline-block;
  margin: 8px;
  float: initial;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 12px;
}
#body.Translate .row #OtherLanguageMenu b b b,
#body.TranslateSurvey .row #OtherLanguageMenu b b b,
#body.TranslateBlock .row #OtherLanguageMenu b b b,
#OtherLanguageMenu b b b  {
  background: transparent;
  box-shadow: none;
  color: #007AC0;
  padding-right: 22px;
  border: none;
}
#body.Translate .row #OtherLanguageMenu b b b .icon {
}
#body.Translate .row input,
#body.TranslateMessage .row input  {
  margin: 8px;
}

/****************************************************************************************
 ****************************************************************************************
 **
 **     CP_DELETABLE_CODE
 **
 **     These styles can be deleted as we transition to use qstrap modules.
 **
 ****************************************************************************************
 ***************************************************************************************/

body.ControlPanel #QMenu ul li a.MenuItemLink:hover,
body.ControlPanel #QMenu ul li a.MenuItemLink.hover,
body.ControlPanel #QMenu ul li.ActiveSubMenu a.MenuItemLink,
body.ControlPanel #QMenu ul li.ActiveSubMenu a.MenuItemLink:hover,
body.ControlPanel #QMenu ul li.ActiveSubMenu a.MenuItemLink.hover,
body.ControlPanel #QMenu ul.ArrowSelectMode li.ArrowSelected a.MenuItemLink,
body.ControlPanel #QMenu ul li.ActiveSubMenu .ArrowIcon,
body.ControlPanel #QMenu ul li a:hover .ArrowIcon,
body.ControlPanel #QMenu ul.HasActiveSubMenu li.ActiveSubMenu:hover .ArrowIcon,
body.ControlPanel #QMenu ul.ArrowSelectMode li.ArrowSelected a .ArrowIcon {
  background: #007AC0;
  color: #fff;
}
body.ControlPanel #QMenu ul li a.MenuItemLink:hover,
body.ControlPanel #QMenu ul li a.MenuItemLink.hover,
body.ControlPanel #QMenu ul li.ActiveSubMenu a.MenuItemLink,
body.ControlPanel #QMenu ul li.ActiveSubMenu a.MenuItemLink:hover,
body.ControlPanel #QMenu ul li.ActiveSubMenu a.MenuItemLink.hover,
body.ControlPanel #QMenu ul.ArrowSelectMode li.ArrowSelected a.MenuItemLink {
  background-color: #007AC0;
}

/******* Buttons *******/

.btn.positive,
.btn.Positive,
.btn.negative,
.btn.Negative,
.btn.neutral,
.btn.Neutral {
  color: #F5F5F7;
}
.btn.positive,
.btn.Positive {
  background-color: #04B26E;
  border-color: #04B26E;
}
.btn.positive:hover,
.btn.Positive:hover,
.btn.positive:active,
.btn.Positive:active,
.btn.positive.active,
.btn.Positive.active {
  background-color: #04A365;
  border-color: #04A365;
}
.btn.negative,
.btn.Negative {
  background-color: #D64541;
  border-color: #D64541;
}
.btn.negative:hover,
.btn.Negative:hover,
.btn.negative:active,
.btn.Negative:active,
.btn.negative.active,
.btn.Negative.active {
  background-color: #C2413E;
  border-color: #C2413E;
}
.btn.neutral,
.btn.Neutral {
  background-color: #007AC0;
  border-color: #007AC0;
}
.btn.neutral:hover,
.btn.Neutral:hover,
.btn.neutral:active,
.btn.Neutral:active,
.btn.neutral.active,
.btn.Neutral.active {
  background-color: #0069AA;
  border-color: #0069AA;
}
.btn .icon.check {
  background: none;
}
.btn .icon.check:before {
  content: "\E65B";
}
.btn-sm .icon.check:before,
.btn-small .icon.check:before {
  content: "\E621";
}
.btn .icon.cancel {
  background: none;
}
.btn .icon.cancel:before {
  content: "\E620";
}
.btn-sm .icon.cancel:before,
.btn-small .icon.cancel:before {
  content: "\E6B8";
}

/********* QMenu *********/

#QMenu,
#QMenu.QSubMenu,
.CSS3 #QMenu,
.CSS3 #QMenu .QSubMenu {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px 0 2px 0;
  position: absolute;
  text-align: left;
  z-index: 2000000;
  zoom: 1;
}
#QMenu ul {
  min-width: 160px;
}
#QMenu li {
  border-bottom: 1px solid white;
  overflow: hidden;
  position: relative;
}
#QMenu .MenuItemLink {
  display: block;
  line-height: 16px;
  min-width: 210px;
  padding: 5px;
  padding-right: 30px;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  _width: 100%;
}
#QMenu .MenuItemLink:hover {
  background-color: #007AC0;
  color: #FFF;
}
#QMenu .MenuItemLink .icon {
  float: left;
  height: 16px;
  margin: 0 7px 0 3px;
  width: 16px;
}
#QMenu li.check .icon {
  left: -3px;
  top: -5px;
}
#QMenu li.check .icon:before {
  content: "\E621";
}
#QMenu li.Disabled a {
  color: #8B8EA5;
  font-weight: normal;
}
#QMenu li.Separator {
  background: white url(/static/q-generic/~/img/menu_seperator.gif) repeat-x top left !important;
  color: white;
  font-size: 10px;
  height: auto;
  line-height: 7px;
  min-width: 160px;
  padding-right: 50px;
  width: auto;
}
#QMenu .MenuItemLink,
#QMenu .MenuItemLink.SelectionFlash:hover,
#QMenu .HasActiveSubMenu .MenuItemLink:hover,
#QMenu .ArrowSelectMode .MenuItemLink:hover,
#QMenu .ArrowSelectMode .ArrowSelected .MenuItemLink.SelectionFlash {
  background: inherit;
  background-color: transparent;
  color: #222222;
  text-decoration: none;
}
#QMenu .ArrowIcon {
  background: #fff;
  display: inline-block;
  font-family: 'Qualtrics Icons', sans-serif;
  font-size: 18pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 0;
  speak: none;
  text-transform: none;
  top: 1px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
#QMenu .ArrowIcon:before {
  content: "\E61B";
}
#QMenu .Header,
#QMenu .MenuHeader,
#QMenu .MenuHeader h2 {
  color: #8a8a8a;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 8px 4px;
}
#QMenu .MenuHeader h2 {
  padding: 0;
}
#QMenu .MenuSearch {
  padding: 4px 8px;
  position: relative;
}
#QMenu .MenuSearch .Icon {
  color: #a5a5a5;
  display: inline-block;
  font-family: 'Qualtrics Icons', sans-serif;
  font-size: 18pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  left: 13px;
  line-height: 1;
  position: absolute;
  speak: none;
  text-transform: none;
  top: 7px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
#QMenu .MenuSearch .Icon:before {
  content: "\E60D";
}
#QMenu .MenuSearch input.TextBox {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #404040;
  padding: 0 6px 0 29px;
}
#QMenu .MenuItemLink .Tag {
  color: #a5a5a5;
  margin: 0 8px 0 0;
}
#QMenu .MenuItemLink:hover .Tag {
  color: #dbdbdb;
}
/*QMenu Info Box*/
#body div#QMenu.InfoBox{
	background-color:#404040;/*
	opacity:0.95; */
	border:1px solid #404040;
	color:white;
}
#QMenu .InfoContent{
	margin:17px;
	color:#fff;
	font-size:15px;
	max-width:300px;
	max-height:200px;
	overflow-y:auto;
}
#QMenu .MenuConnector{
	position:absolute;
	width:20px;
	height:10px;
	bottom:-10px;
	left:50%;
	margin-left:-11px;
}
#QMenu .MenuConnector .A,
#QMenu .MenuConnector .B{
	width:0;
	height:0;
	position:absolute;
}
#QMenu .MenuConnector .A{
	border-left:10px solid transparent;
	border-top:10px solid #444;
	height:0;
	left:0;
	top:0;
}
#QMenu .MenuConnector .B{
	border-right:10px solid transparent;
	border-top:10px solid #444;
	right:0;
	top:0;
}
.MenuOutlineContainer.Fixed .MenuOutline,
#QMenu.Fixed {
	position:fixed;
}
#QMenu.Direction_down .MenuConnector{
	top:-10px;
}
#QMenu.Direction_down .MenuConnector .A,
#QMenu.Direction_down .MenuConnector .B {
	border-top: none;
	border-bottom: 10px solid #444;
}
#QMenu.Direction_right .MenuConnector{
	left:0;
	top: 50%;
	width:10px;
	height:20px;
	margin-top:-9px;
}
#QMenu.Direction_right .MenuConnector .A {
	border-top: none;
	border-bottom:10px solid #444;

	top:0;
	right:0;
}
#QMenu.Direction_right .MenuConnector .B {
	border-bottom: none;
	border-top:10px solid #444;


/*	bottom:0;*/
	top: 10px;
	right:0;
}

#QMenu.Direction_right .MenuConnector .A,
#QMenu.Direction_right .MenuConnector .B {
	border-right: none;
	border-left:10px solid transparent;

}

#QMenu.InfoBox ul li.Loading{
	background:url(/static/q-generic/~/img/ajax_loading3.gif) no-repeat scroll 70px 25px !important
}

/******* Piped Text Menu *******/


#QMenu.PipedTextRoot div.WebServiceMenu,
#QMenu.PipedTextRoot div.EmbeddedDataMenu,
#QMenu.PipedTextRoot div.CustomOptOutLinkMenu {
  padding: 8px;
  white-space: nowrap;
}
#QMenu.PipedTextRoot div.TicketDataMenu {
  padding: 8px;
  white-space: nowrap;
}
#QMenu.PipedTextRoot div.WebServiceMenu input,
#QMenu.PipedTextRoot div.EmbeddedDataMenu input,
#QMenu.PipedTextRoot div.CustomOptOutLinkMenu input {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  height: 26px;
  line-height: 14px;
  padding: 6px 8px;
  vertical-align: 1px;
}
#QMenu.PipedTextRoot div.TicketDataMenu input {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  height: 26px;
  line-height: 14px;
  padding: 6px 8px;
  vertical-align: 1px;
}
div#QMenu.PipedTextRoot div.EmbeddedDataMenu input,
div#QMenu.PipedTextRoot div.CustomOptOutLinkMenu input {
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
  margin-top: 0;
}
div#QMenu.PipedTextRoot div.EmbeddedDataMenu #InsertEmbeddedDataButton,
div#QMenu.PipedTextRoot div.CustomOptOutLinkMenu #InsertCustomOptOutLinkButton {
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
div#QMenu.PipedTextRoot div.TicketDataMenu input {
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
  margin-top: 0;
}
div#QMenu.PipedTextRoot div.TicketDataMenu #InsertTicketDataButton {
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
#QMenu.PipedTextRoot input + .qbutton {
  background: #04B26E;
  border-color: #04B26E;
  color: #F5F5F7;
  padding: 6px 14px 4px 14px;
  border-radius: 3px;
  font-size: 14px;
}
#QMenu.PipedTextRoot input + .qbutton:hover {
  background: #04A365;
  border-color: #04A365;
}
#QMenu.PipedTextRoot input + .qbutton.disabled {
  color: #999;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}

/******* Modal/Dialog Windows *******/

.Q_WindowBorder {
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0 0 16px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 16px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.5);
  padding: 0;
  position: absolute;
  vertical-align: middle;
}
.Q_WindowHeader {
  border-radius: 5px 5px 0px 0px;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.Q_WindowHeader h2 {
  color: #404040;
  font-size: 19px;
  font-weight: 500;
  margin: 0;
}
.Q_WindowHeaderInner {
  padding: 24px;
}
.Q_WindowBorder .Q_WindowClose{
  cursor:pointer;
  position:absolute;
  right:-9px;
  top:-9px;
  height:28px;
  width:28px;
  background:transparent url(/static/q-generic/~/img/black_popup_x.png) no-repeat 0px 0px;
}
.Q_WindowCloseSQ,
.q-window-close-button {
  background-color: #fff;
  border-radius: 3px;
  color: #a5a5a5;
  font-size: 18pt;
  height: 24px;
  margin-top: 6px;
  padding: 0;
  position: absolute;
  right: 16px;
  text-align: center;
  top: 16px;
  width: 25px;
}
.q-window-close-button {
	cursor: pointer;
}
.Q_WindowCloseSQInner {
  cursor: pointer;
  font-family: 'Qualtrics Icons',sans-serif;
  font-size: 18pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 24px;
  line-height: 24px;
  speak: none;
  width: 24px;
}
.Q_WindowCloseSQInner:before {
  content: "\E6B8";
}
.Q_Window {
  background-color: #fff;
  padding: 20px;
}
.Q_WindowFooter {
  border-radius: 0px 0px 5px 5px;
  background: transparent;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  height: 72px;
  padding: 0;
}
.Q_WindowBorder .LeftButtons,
.Q_WindowBorder .RightButtons {
  bottom: 18px;
  position: absolute;
}
.Q_WindowBorder .LeftButtons {
  left: 18px;
}
.Q_WindowBorder .RightButtons {
  right: 18px;
}
.Q_WindowBorder .qbutton,
.Q_WindowBorder .qbutton {
  position: relative;
  line-height: 14px;
  padding: 10px 13px;
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  background-clip: padding-box;
}
.Q_WindowBorder .qbutton.neutral {
  background: none;
  border: none;
  color: #A5A5A5;
  transition: color .1s;
  -webkit-transition: color .1s;
}
.Q_WindowBorder .qbutton.neutral:hover {
  background: none;
  border: none;
  color: #404040;
  transition: color .2s;
  -webkit-transition: color .2s;
}
.Q_WindowBorder .qbutton.negative {
  background-color: #D64541;
  border-color: #D64541;
  color: #F5F5F7;
  transition: background-color .1s;
  -webkit-transition: background-color .1s;
}
.Q_WindowBorder .qbutton.negative:hover {
  background-color: #CC4343;
  border-color: #CC4343;
  color: #fff;
  transition: background-color .2s;
  -webkit-transition: background-color .2s;
}
.Q_WindowBorder .qbutton.positive {
  background-color: #04B26E;
  border-color: #04B26E;
  color: #F5F5F7;
  transition: background-color .1s;
  -webkit-transition: background-color .1s;
}
.Q_WindowBorder .qbutton.positive:hover {
  background-color: #55CF72;
  border-color: #55CF72;
  color: #fff;
  transition: background-color .2s;
  -webkit-transition: background-color .2s;
}
.Q_WindowBorder .LeftButtons .btn,
.Q_WindowBorder .RightButtons .btn {
  box-sizing: border-box;
}
.Q_WindowBorder .LeftButtons .qbutton,
.Q_WindowBorder .LeftButtons .btn {
  margin-right: 8px;
}
.Q_WindowBorder .RightButtons .qbutton,
.Q_WindowBorder .RightButtons .btn {
  margin-left: 8px;
}
.Q_WindowBorder .qbutton .icon {
  float: none;
  left: 12px;
  margin: 0;
  position: absolute;
  top: 9px;
}
.Overlay {
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  height: 1px;
  width: 100%;
  z-index: 10000;
  opacity: .6;
}
.MenuSearch {
  padding: 5px 10px;
}
.MenuSearch input.TextBox {
  font-size: 13px;
  line-height: 13px;
  height: 30px;
  width: 100%;
}
#QMenu,
#QMenu.QSubMenu,
#QMenu .QSubMenu,
.CSS3 #QMenu,
.CSS3 #QMenu .QSubMenu {
  border: 1px solid #ccc;
  height: auto;
  padding: 3px 0 2px 0;
}
#QMenu.btn.btn-select {
  margin-left: 26px;
}
body.ControlPanel .Q_WindowBorder {
  border: 1px solid #e9e9e9;
  box-shadow: 0 1px 16px rgba(0,0,0,0.5);
  margin: 0;
}
body.ControlPanel .Q_WindowHeader {
  border-color: #e9e9e9;
  background: #fff;
  height: 72px;
}
body.ControlPanel .Q_WindowHeader,
body.ControlPanel .Q_WindowHeader h2 {
  color: #272727;
  font-size: 19px;
  font-weight: 500;
  text-shadow: none;
}
body.ControlPanel .Q_Window {
  background: #fff;
  border-top: none;
  border-color: #e9e9e9;
  padding: 24px;
}
body.ControlPanel .Q_Window:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body.ControlPanel .Q_WindowFooter {
  background: #fff;
}
body.ControlPanel .Q_WindowBorder a.qbutton {
  background: #636363;
  border-radius: 3px;
  color: #fff;
  font-size: 15px;
  height: 36px;
  line-height: 36px;
  padding: 0 13px 0 34px;
  text-shadow: none;
}
body.ControlPanel .Q_WindowBorder a.qbutton:after {
  border: none;
}
body.ControlPanel .Q_WindowBorder a.qbutton.positive {
  background: #04B26E;
  border-color: #04B26E;
}
body.ControlPanel .Q_WindowBorder a.qbutton.positive:hover {
  background: #04A365;
  border-color: #04A365;
}
body.ControlPanel .Q_WindowBorder a.qbutton.negative {
  background: #D64541;
  border-color: #D64541;
}
body.ControlPanel .Q_WindowBorder a.qbutton.negative:hover {
  background: #C2413E;
  border-color: #C2413E;
}
body.ControlPanel .Q_WindowBorder a.qbutton.neutral {
  background: #007AC0;
  border-color: #007AC0;
}
body.ControlPanel .Q_WindowBorder a.qbutton.neutral:hover {
  background: #0069AA;
  border-color: #0069AA;
}
body.ControlPanel .Q_WindowBorder a.qbutton .icon {
  height: 16px;
  width: 16px;
}

/******* Pagination *******/

.Pagination {
  padding: 5px 10px;
}

a.Pagination {
  border: 1px solid #FFFFFF;
}

a.Pagination:hover {
  border-color: #007AC0;
  border-radius: 3px;
}

/*************************
*
*      Logic Editors
*
**************************/

.LogicEditor .ExpressionContainer + .ExpressionContainer {
  margin-top: 8px;
}
.LogicEditor .ExpressionSet .Expression {
  position: relative;
  zoom: 1;
}
.LogicEditor .Expression .Selectors {
  margin: 0 12px 0 0;
}
#LogicEditor .Expression .Selectors > span > * {
  margin: 0;
}
#LogicEditor .Expression .Selectors > * {
  margin-right: 5px;
}
#LogicEditor .Expression .Selectors .HiddenLogicTypeSelect {
  margin: 0;
}
#LogicEditor .Expression .Selectors .ConjunctionField {
  margin: 0 8px;
}
#body .LogicEditor a.menuButton b b b,
#body .InlineLogicEditor a.menuButton b b b{
  background: #fff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  font-size: 13px;
  font-weight: normal;
  height: 26px;
  line-height: 14px;
  padding: 6px 22px 6px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.2s, background 0.2s, color 0.2s;
  -moz-transition: border 0.2s, background 0.2s, color 0.2s;
  -ms-transition: border 0.2s, background 0.2s, color 0.2s;
  -o-transition: border 0.2s, background 0.2s, color 0.2s;
  transition: border 0.2s, background 0.2s, color 0.2s;
}
#body .LogicEditor a.menuButton b b b:hover,
#body .LogicEditor a.menuButton b b b.ActiveSubMenu {
  border-color: #a5a5a5;
  color: #333;
}
#body .LogicEditor a.menuButton b b b:active,
#body .LogicEditor a.menuButton b b b.ActiveSubMenu {
  background-color: #f7f7f7;
}
#body .LogicEditor a.menuButton b b b .icon,
#body .InlineLogicEditor a.menuButton b b b .icon {
  border: none;
  right: 18px;
  top: 6px;
}
#body .LogicEditor a.menuButton b b b .icon:before,
#body .InlineLogicEditor a.menuButton b b b .icon:before {
  border: none;
  content: "\E619";
}
.LogicEditor input.TextBox {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #404040;
  height: 26px;
  padding: 0 6px;
  vertical-align: 1px;
}
.LogicEditor .Button:after {
  border: none;
}
.LogicEditor .Buttons {
  position: absolute;
  right: 0;
  top: 12px;
}
#body .LogicEditor .Expression .Buttons a {
  background: #b4b4b4;
  border-color: #b4b4b4;
  display: inline-block;
  height: 17px;
  position: relative;
  top: -7px;
  width: 17px;
  -webkit-transition: border 0.2s, background 0.2s;
  -moz-transition: border 0.2s, background 0.2s;
  -ms-transition: border 0.2s, background 0.2s;
  -o-transition: border 0.2s, background 0.2s;
  transition: border 0.2s, background 0.2s;
}
#body .LogicEditor .Expression .Buttons a:hover {
  background-color: #a5a5a5;
  border-color: #a5a5a5;
}
#body .LogicEditor .Expression .Buttons a.RemoveExpression {
  margin: 0 4px 0 0;
}
#body .LogicEditor .Expression .Buttons a.RemoveExpression:before,
#body .LogicEditor .Expression .Buttons a.AddExpression:before {
  background: #fff;
  height: 1px;
  left: 3px;
  position: absolute;
  top: 7px;
  width: 9px;
}
#body .LogicEditor .Expression .Buttons a.AddExpression:after {
  background: #fff;
  height: 9px;
  left: 7px;
  position: absolute;
  top: 3px;
  width: 1px;
}
.LogicEditor .ComplexConjunction {
  margin: 12px 0 0;
}
.LogicEditor .ComplexConjunction h3.Conjunction {
  color: #404040;
  cursor: pointer;
  display: inline-block;
  margin: 8px 0;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.LogicEditor .ComplexConjunction h3.Conjunction:hover {
  color: #272727;
}
.LogicEditor .ComplexConjunction h3.Conjunction .arrow {
  display: inline-block;
  font-family: 'Qualtrics Icons', sans-serif;
  font-size: 18pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  speak: none;
  text-transform: none;
  top: 6px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.LogicEditor .ComplexConjunction h3.Conjunction .arrow:before {
  content: "\E61C";
}
.LogicEditor .ComplexConjunction.First h3.Conjunction {
  cursor: default;
}
.LogicEditor .ComplexConjunction.First h3.Conjunction .arrow {
  display: none;
}

/*************************
*
*  Upgrade Account dialog
*
**************************/

#UpgradeAccountPopup h2{
  font-size:25px;
  text-align:center;
  color:#A00505;
}
#UpgradeAccountPopup h3{
  font-size:15px;
  color: #4d4d4d;
}
#UpgradeAccountPopup .content {
  width: 650px;
  margin:5px 30px;
}
#UpgradeAccountPopup .content .clear {
  overflow:hidden;
}
#UpgradeAccountPopup .content .clear div{
  float:left;
}
#UpgradeAccountPopup .content .oneThird{
  width:207px;
}
#UpgradeAccountPopup .content .twoThirds{
  width:415px;
}
#UpgradeAccountPopup .content .half{
  width:291px;
  margin:10px;
}
#UpgradeAccountPopup .content .whole{
  width:636px;
  margin:10px;
}
#UpgradeAccountPopup .content .clear div.contactInfo{
  padding: 0px;
  margin-top: 16px;
}
#UpgradeAccountPopup .content img{
  display:block;
  margin:0 auto;
}
#UpgradeAccountPopup p{
  color: #808080;
  line-height:20px;
  font-size:13px;
}
#UpgradeAccountPopup li{
  color:#333333;
  font-size:14px;
  list-style-type:disc;
  margin: 5px 0 5px 20px;
}
#UpgradeAccountPopup .clear .button {
  display:block;
  font-size:15px;
  text-align:center;
  margin: 0 15px;
  width: 215px;
  height: 52px;
  line-height:52px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 3px 3px 3px #666;
  -webkit-box-shadow: 3px 3px 3px #666;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
  color:white;
  border: 0px;
  background-color: #1A1A1A;
}
#UpgradeAccountPopup .clear .button:hover{
  opacity: .9;
  filter:alpha(opacity=90);
}
#UpgradeAccountPopup .clear .button.upgrade {
  background-color:steelblue;
}
#UpgradeAccountPopup .clear .button.noThanks {
  background-color:#4d4d4d;
  float:right;
}
#UpgradeAccountPopup .clear .button.ok {
  background-color:#4d4d4d;
  position: relative;
}

/*************************
*
*  Graphics Library Modals
*
**************************/

.LibraryManager {

}

.LibraryManager .ControlsContainer table {
  float: left;
}

.LibraryManager .ControlsContainer table td {
  padding-right: 12px;
}

.LibraryManager .ControlsContainer table input.TextBox {
  height: 36px;
  padding: 0px 8px;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
}

.LibraryManager .ControlsContainer table input.TextBox:before {
  content: "\E60D";
}

.LibraryManager .ControlsContainer .qbutton {
  float: right;
}

.LibraryManager .ControlsContainer .icon-plus-small {
  left: 5px;
  top: 5px;
}

.LibraryManager .CategoryContainer {
  margin-top: 24px;
}

.LibraryManager .CategoryTitle {
  font-size: 19px;
  border-bottom: 1px solid #CCCCCC;
}

.LibraryManager .ThumbContainer {
  float: left;
  margin-right: 8px;
  margin-top: 24px;
  padding: 4px;
}

.LibraryManager .ThumbContainer > span {
  width: 100px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  height: 30px;
}

.LibraryManager .ThumbContainer .ThumbFrame {
  width: 76px;
  height: 76px;
  padding: 2px;
  margin: 0 auto;
  border: 1px solid white;
}

.LibraryManager .ThumbContainer:hover .ThumbFrame {
  border-color: #CCCCCC;
}

.LibraryManager .ThumbContainer .QuickToolbar {
  text-align: center;
}

.LibraryManager .ThumbContainer .QuickToolbar .icon {
  border: 1px solid white;
}

.LibraryManager .ThumbContainer .QuickToolbar .icon:hover {
  border-color: #007AC0;
}

.LibraryManager .ThumbContainer .QuickToolbar .icon-x-small {
  color: #D64541;
}

/*************************
*
*  Delete Confirmation
*
**************************/

.deleteConfirmationContainer {
  padding-left: 20px;
}
.deleteWarningGraphic {
  width: 40px;
  height: 35px;
  background: transparent url(/static/q-generic/~/img/WarningSmall.gif) no-repeat;
  float: left;
  margin-top:13px;
  margin-left: 20px;
}
.deleteConfirmation .strong .deleteWarningGraphic {
  width: 145px;
  height: 126px;
  background: transparent url(/static/q-generic/~/img/Warning.gif) no-repeat;
  float: left;
  margin-top:22px;
}
.deleteConfirmation .deleteHeader {
  color: #cc0000;
  padding: 10px;
  font-size: 16pt;
  font-weight: bold;
}
.deleteConfirmation .deleteMessage {
  padding: 10px;
  font-weight: bold;
}
.deleteConfirmation .confirmMessage {
  color: #cc0000;
  padding: 10px;
  font-weight: bold;
}
.deleteConfirmation input {
  margin-left: 10px;
  width: 200px;
}
.deleteConfirmation input.checkbox {
  width: 20px;
}
.deleteConfirmation .PopUpWarningText {
  font-weight:bold;
}
.deleteConfirmation .PopUpWarningTable {
  margin-top:20px;
}
.deleteConfirmation .rightContainer {
  float: left;
  padding-left: 20px;
  width: 315px;
}
.deleteConfirmation .advancedOptions {
  text-align: left;
}
.deleteConfirmation .advancedOptions input{
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 5px;
}
.deleteConfirmation .advancedOptions label{
  margin-top: 20px;
  margin-right: 20px;
}
.deleteConfirmation .Q_WindowFooter .RightButtons .qbutton.neutral {
  background: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #666;
  padding-left: 12px;
  -webkit-transition: border-color 0.2s, color 0.2s;
  -moz-transition: border-color 0.2s, color 0.2s;
  -ms-transition: border-color 0.2s, color 0.2s;
  -o-transition: border-color 0.2s, color 0.2s;
  transition: border-color 0.2s, color 0.2s;
}
.deleteConfirmation .Q_WindowFooter .RightButtons .qbutton.neutral:hover {
  background: #fff;
  border: 1px solid #a5a5a5;
  color: #333;
}

/* =========== spreadsheet directive styles, eventually qstrap */
.spreadsheet {
  overflow: auto;
}
.spreadsheet [contenteditable="true"]:active,
.spreadsheet [contenteditable="true"]:focus{
  outline: none;
  border: 1px solid #007AC0;
  background-color: #ffffe1;
  z-index: 1000;
  padding: 4px;
}
.spreadsheet [contenteditable="true"] {
  cursor: text;
}
.spreadsheet [contenteditable="true"]:hover {
  background-color: #fafafa;
}
.spreadsheet [contenteditable="true"]:focus {
  outline: none;
  border: 1px solid #007AC0;
  background-color: #ffffe1;
  z-index: 1000;
  cursor: text;
}
.spreadsheet table {
  border-spacing: 0px;
  margin-left: 10px;
}
.spreadsheet table tr th {
  cursor: default;
}
.spreadsheet .output-cell {
  position: relative;
  z-index: 0;
}
.spreadsheet .control-col-cell {
  border: none;
  cursor: pointer;
}
.spreadsheet .control-col-cell .btn {
  border-radius: 0px;
}
.spreadsheet th.required {
  background-color: #efefef;
}
.spreadsheet .output-cell {
  font-family: sans-serif;
  font-size: 12px;
  z-index: 10;
  display: block;
  -webkit-appearance: none;
  padding: 4px;
  cursor: cell ;
  padding: 5px;
}
.spreadsheet table tr td, .spreadsheet table tr th {
  border: 1px solid #e1e1e1;
}
.spreadsheet table tr th .edit-menu:hover {
  background-color: #007AC0;
  color: #fff;
  cursor: pointer;
  border-left: 1px solid #007AC0;
}
.spreadsheet table tr th div {
  padding-right: 16px;
}
.spreadsheet table tr th .edit-menu {
  position: absolute;
  right: -1px;
  top: -1px;
  /* top: 10px; */
  z-index: 100;
  min-width: 10px;
  height: 26px;
  text-align: right;
  display: inline-block;
  font-weight: normal;
  font-size: 8px;
  line-height: 24px;
  padding: 0px 6px;
  border-left: 1px solid #efefef;
}
.spreadsheet table tr td div {
  min-width: 120px;
  min-height: 24px;
}

/**************************************
 * Address Book
 **************************************/


.addressBookLink{
  padding:5px;
  font-size:8pt;
}
.AddressBookPopup .Q_Window {
  overflow: auto;
  margin-top: 46px;
  margin-bottom: 70px;
  position: static;
  }
#AddressBookPopup .addressList #WaitingImage {
  background: transparent url(/static/q-generic/~/img/ajax-loading.gif) no-repeat;
  width: 220px;
  height:19px;
  margin:40px auto;

}
#AddressBookPopup .HeaderContainer {
  position:absolute;
  left: 0px;
  top: 55px;
  width: 100%;
  _width: 574px;
  _left: 10px;

}
#AddressBookPopup .Header {
  border:none;
  height: 55px;
  line-height: 25px;
  background-color: white;
  margin: 0 10px;
  _margin: 0;
  padding: 10px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #dddddd;
}

#AddressBookPopup .Header .SubTitle {
  color:#3D72D6;
  /*font-size:70%;*/
  font-style:italic;
  font-weight: normal;
  float: left;
}
#AddressBookPopup .Header .searchContainer {
  float:right;
  padding: 2px;
}

#AddressBookPopup .addressList .sectionHeader{
  background:#CCCCCC;
  font-size:10px;
  line-height:11px;
  height:20px;
  padding:3px 5px;
  border-top:1px solid #dddddd !important;
  border-left:none !important;
  border-right:none !important;
  cursor:pointer;
}
#AddressBookPopup .addressList .sectionHeader .headerTitle {
  float: left;
}
#AddressBookPopup .addressList .sectionHeader .range {
  float: right;
}
#AddressBookPopup .addressList .sectionHeader .previousLink {
  float: left;
}
#AddressBookPopup .addressList .sectionHeader .nextLink {
  float: right;
}
#AddressBookPopup .addressList li {
  padding:5px;
  cursor:pointer;
  border-bottom:1px solid #dddddd;
  border-right:1px solid #dddddd;
  border-left:1px solid #dddddd;
}
#AddressBookPopup .addressList ul li .name {
  font-weight:bold;
  /*display:inline;*/
  margin-left:5px;
}
#AddressBookPopup .addressList li .username {
  color:#777777;
  /*display:inline;*/
  font-style:italic;
  margin-left:5px;
}
#AddressBookPopup .addressList li.altrow {
  background-color:#FFFFFF;

}
#AddressBookPopup .addressList li.row {
  background-color:#FFFFFF;
}

#AddressBookPopup .addressList li.selected {
  background-color:#007AC0;

}
#AddressBookPopup .addressList li.selected .username{
  color:#DDDDDD;

}
#AddressBookPopup .addressList li.selected .name{
  color:#FFFFFF;

}
#AddressBookPopup .addressList {
}
#AddressBookPopup .AddressHolderContainer {
  position:absolute;
  left: 0px;
  bottom: 50px;
  width: 100%;
  _width: 574px;
  _left: 10px;
}
#AddressBookPopup .AddressHolderContainerInner {
  height: 70px;
  margin: 0 10px;
  _margin: 0;
  background-color: #ffffff;
  border-top:1px solid #DDDDDD;
  overflow-y: auto;
}
#AddressBookPopup .AddressHolder {
  padding:10px;
}
#AddressBookPopup .AddressHolder .selectedName{
  padding:2px;
}
#AddressBookPopup .AddressHolder .highlighted{
  background-color:#d3e3ff;
  text-decoration:line-through;
  cursor:pointer;
}
#AddressBookPopup .Footer {
  border-top:none;
  width:100%;
  height:44px;
}
#AddressBookPopup .Buttons a{
  float:right;
}

#body a.menuButton.legacy-dropdown-menu b b b {
  background: #fff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  font-size: 13px;
  font-weight: normal;
  height: 26px;
  line-height: 14px;
  padding: 6px 22px 6px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.2s, background 0.2s, color 0.2s;
  -moz-transition: border 0.2s, background 0.2s, color 0.2s;
  -ms-transition: border 0.2s, background 0.2s, color 0.2s;
  -o-transition: border 0.2s, background 0.2s, color 0.2s;
  transition: border 0.2s, background 0.2s, color 0.2s;
}
#body a.menuButton.legacy-dropdown-menu b b b:hover,
#body a.menuButton.legacy-dropdown-menu b b b.ActiveSubMenu {
  border-color: #a5a5a5;
  color: #333;
}
#body a.menuButton.legacy-dropdown-menu b b b:active,
#body a.menuButton.legacy-dropdown-menu b b b.ActiveSubMenu {
  background-color: #f7f7f7;
}
#body a.menuButton.legacy-dropdown-menu b b b .icon {
  border: none;
  right: 18px;
  top: 6px;
}
#body a.menuButton.legacy-dropdown-menu b b b .icon:before {
  border: none;
  content: "\E619";
}