/*
 * z-index map:
 * 1050 modal dialog
 * 1060 ui-autocomplete
 */
/*
 * This is to override a bootstrap setting that gives absolute positioning and a margin that interferes
 * with qvc form layout.
 */
input[type=radio], .radio input[type=radio], input[type=checkbox], .checkbox input[type=checkbox] {
  margin: 0;
  position: relative; }

select {
  background-color: #fff;
  border: 1px solid #ccc; }

.navbar {
  border-radius: 0;
  font-size: 16px;
  margin: 0;
  min-height: 36px; }

.user-nav {
  margin: auto;
  padding: 4px;
  font-size: 14px; }
  .user-nav .caret {
    /* Make the caret bigger. It's actually created using borders. */
    border-top: 8px dashed;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-top: -2px; }
  .user-nav .dropdown-menu {
    left: auto;
    right: 0; }
  .user-nav .user-menu {
    float: right; }

.dropdown-menu li.divider {
  margin: 10px; }

.dropdown-submenu {
  position: relative; }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block; }
  .dropdown-submenu.pull-left {
    float: none; }
    .dropdown-submenu.pull-left > .dropdown-menu {
      left: -100%;
      margin-left: 10px;
      -webkit-border-radius: 6px 0 6px 6px;
      -moz-border-radius: 6px 0 6px 6px;
      border-radius: 6px 0 6px 6px; }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px; }
  .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px; }

.data-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 14px; }
  .data-table.compact td, .data-table.compact th {
    padding: 0 2px; }
.data-table.nowrap td, .data-table.nowrap th {
  white-space: nowrap; }
.data-table a {
  text-decoration: none;
  color: black; }
.data-table a:hover {
  text-decoration: underline; }
.data-table th {
  border: 1px solid #ccc;
  background-color: #eee;
  height: 20px;
  padding: 2px 4px; }
.data-table td {
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  padding: 2px 4px;
  vertical-align: top; }
  .data-table .sort.asc:after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    position: relative;
    left: 5px;
    top: 2px; }
  .data-table .sort.desc:after {
    content: "\e253";
    font-family: 'Glyphicons Halflings';
    position: relative;
    left: 5px;
    top: 2px; }

.doc-edit-view .group--group .field-input, .document-edit-view .group--group .field-input {
  width: 100%; }
  .doc-edit-view .group--group .field-input input[type=text], .document-edit-view .group--group .field-input input[type=text] {
    width: 100%; }
.doc-edit-view .field--docbody .field-label, .document-edit-view .field--docbody .field-label, .doc-edit-view .field--docbody .field-input, .document-edit-view .field--docbody .field-input {
  display: block; }
.doc-edit-view .field--docbody .textarea, .document-edit-view .field--docbody .textarea {
  width: 800px; }
  .doc-edit-view .field--docbody .textarea textarea, .document-edit-view .field--docbody .textarea textarea {
    width: 100%; }

.messages {
  background-color: #FFFFCC;
  background-image: url(/qvci/images/messages-status.png);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 2px solid #FFFF77;
  color: #000000;
  margin: 0 1em 5px;
  min-height: 21px;
  padding: 5px 5px 5px 35px; }
  .messages.error {
    background-color: #FFEEEE;
    border-color: #CC0000;
    background-image: url(/qvci/images/messages-error.png); }
  .messages.warning {
    background-image: url(/qvci/images/messages-warning.png);
    border-color: #FFCC00; }
  .messages.success {
    background-color: #F8FFF0;
    border-color: #BBEE77;
    background-image: url(/qvci/images/messages-success.png); }
  .messages ul {
    padding-left: 26px;
    margin: 0; }

.model-edit-view .data-table td.name {
  font-weight: bold; }
.model-edit-view .data-table td.null {
  text-align: center; }
.model-edit-view .data-table td.value input {
  border: none;
  width: 400px; }
  .model-edit-view .data-table td.value input:focus {
    background-color: #eef; }

.model-summary-view .db-erd td {
  vertical-align: top; }
.model-summary-view .db-erd .db-entity {
  border: 1px solid #555;
  margin: 10px; }
  .model-summary-view .db-erd .db-entity td, .model-summary-view .db-erd .db-entity th {
    border: 1px solid #ddd;
    min-width: 130px;
    padding: 0 4px; }
  .model-summary-view .db-erd .db-entity th {
    background-color: #000; }
    .model-summary-view .db-erd .db-entity th a {
      color: #fff; }

.qvc-form button, .qvc-form input[type=button], .qvc-form input[type=submit] {
  border: 1px solid #777777;
  border-radius: 4px;
  padding: 1px 8px; }
.qvc-form button:hover, .qvc-form input[type=button]:hover, .qvc-form input[type=submit]:hover {
  background-color: #CFF3F7; }
.qvc-form input[type=button]:disabled, .qvc-form input[type=submit]:disabled {
  background-color: #eeeeee; }
  .qvc-form input[type=text].hl {
    background-color: #ffffcc; }
.qvc-form input.readonly {
  border: none; }
.qvc-form input.date-input, .qvc-form input.datetime-input {
  background-image: url(/qvci/images/calendar-icon.gif);
  background-position: 99% 3px;
  background-repeat: no-repeat; }
  .qvc-form input.date-input.no-icon, .qvc-form input.datetime-input.no-icon {
    background-image: none; }
.qvc-form button.default-submit, .qvc-form input.default-submit {
  font-weight: bold;
  background-image: url(/qvci/images/blugrad1.png); }
.qvc-form button.default-submit:hover, .qvc-form input.default-submit:hover, .qvc-form button.pressed, .qvc-form input.pressed[type=submit] {
  background-image: url(/qvci/images/blugrad2.png); }
.qvc-form .form-fldgrp {
  display: table; }
  .qvc-form .form-fldgrp.inline .form-fldgrp, .qvc-form .form-fldgrp.inline .form-field, .qvc-form .form-fldgrp.inline .field-label, .qvc-form .form-fldgrp.inline .field-input {
    display: block; }
  .qvc-form .form-fldgrp.inline .form-fldgrp {
    overflow: hidden; }
  .qvc-form .form-fldgrp.inline .field-label {
    height: auto; }
    .qvc-form .form-fldgrp.inline .field-label label {
      padding: 0; }
  .qvc-form .form-fldgrp.inline .form-field {
    float: left;
    margin-right: 5px; }
  .qvc-form .form-fldgrp.stacked {
    width: 100%; }
    .qvc-form .form-fldgrp.stacked .field-label {
      display: block; }
    .qvc-form .form-fldgrp.stacked .field-input {
      display: block;
      margin-bottom: 10px; }
    .qvc-form .form-fldgrp.stacked input, .qvc-form .form-fldgrp.stacked select, .qvc-form .form-fldgrp.stacked textarea {
      width: 100%; }
.qvc-form .form-field {
  display: table-row; }
.qvc-form .field-label, .qvc-form .field-input {
  display: table-cell;
  height: 24px;
  padding: 2px 0;
  vertical-align: middle; }
  .qvc-form .field-label.textarea, .qvc-form .field-input.textarea, .qvc-form .field-label.radios, .qvc-form .field-input.radios, .qvc-form .field-label.upload, .qvc-form .field-input.upload {
    height: auto; }
.qvc-form .field-label label {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap; }
.qvc-form .form-buttons {
  margin: 20px 0; }
.qvc-form .group--form-actions {
  margin-top: 30px; }

.role-edit-view .group--main {
  min-width: 50%; }
.role-edit-view .group--properties {
  width: 100%; }
  .role-edit-view .group--properties .field-input, .role-edit-view .group--properties input[type=text] {
    width: 100%; }
.role-edit-view .group--permissions {
  margin: 20px 0; }

.sql-logger {
  background-color: #eeeeff;
  font-size: 8pt;
  padding: 10px; }

.translate-view #add-translation {
  float: right;
  position: relative;
  top: -30px; }
.translate-view .data-table {
  width: 100%; }
  .translate-view .data-table .edit-cell:hover {
    background-color: #FFFFDD;
    cursor: pointer; }
  .translate-view .data-table .edit-cell textarea {
    height: 24px;
    width: 100%; }

.tree-mover {
  border: 1px solid #ddd;
  width: 100%; }
  .tree-mover td {
    padding: 8px 10px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd; }
  .tree-mover .move-handle {
    color: #999;
    margin-right: 10px; }
    .tree-mover .move-handle.active {
      color: #000; }
    .tree-mover .move-handle:after {
      content: "\e068";
      font-family: "Glyphicons Halflings";
      position: relative;
      top: 2px; }

.ui-autocomplete {
  z-index: 1060; }

#qvc-test-form .field-input textarea {
  width: 100%; }
#qvc-test-form .form-field.field--log {
  width: 100%; }
  #qvc-test-form .form-field.field--log .field-label {
    display: none; }
#qvc-test-form .form-fldgrp {
  width: 100%; }
  #qvc-test-form .form-fldgrp.ws-proj-time {
    width: auto; }
#qvc-test-form .group--top-buttons {
  margin-top: 20px; }
#qvc-test-form .qvc-form {
  float: left;
  width: 740px; }
#qvc-test-form .ws-proj-session {
  background-color: #ccc;
  border: 1px solid #333;
  margin-top: 20px;
  padding: 5px;
  width: 100%; }
#qvc-test-form .ws-proj-time {
  float: right; }
  #qvc-test-form .ws-proj-time .form-field {
    margin-left: 5px;
    margin-right: 0 !important; }
#qvc-test-form .ws-summary {
  background-color: #ccc;
  border: 1px solid #333;
  padding: 5px;
  width: 100%; }
  #qvc-test-form .ws-summary .navlinks {
    clear: both;
    margin-top: 10px;
    padding-top: 15px; }
    #qvc-test-form .ws-summary .navlinks #nextlink {
      float: right; }
#qvc-test-form .ws-sidebar {
  float: left;
  margin-left: 20px; }
#qvc-test-form #submit-b, #qvc-test-form #submit-b-top {
  float: right; }