/* Move down content because we have a fixed navbar that is 50px tall */
body
{
  margin-top: 50px;
  padding-bottom: 1200px;
  background-color:#f9f9f9;
}
.navbar-inverse {
  background-color: rgba(0,0,0,0.9);
}
.content
{
  padding-top: 10px;
  background-color: #eee;
}

.footer
{
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #ccc;
}

.form .alert
{
  position:fixed;
  top:60px;
  margin:5px;
  z-index:99;
}

.panel .form-group label
{
  display: block;
  padding-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 12pt;
  border-bottom: 1px solid #eee;
  z-index:-9;
}
.panel .form-group label:first-of-type
{
  margin-top: 2px;
}
.panel .form-group label>span
{
  float: right;
  margin-top: -2px;
  padding-bottom: 2px;
}
.panel-body h5, .modal-body h5
{
  font-weight:bold;
}
.panel-heading {
  padding: 5px 15px;
}

.anchorific
{
  font-size:1.3em;
}
.anchorific ul
{
  padding-left:0px;
  width:100%;
  list-style-type:none;
}
.anchorific li ul
{
  display:none;
  list-style-type:none;
}
.anchorific ul li a
{
  display:block;
  font-size:.8em;
  margin-bottom:3px;
  padding-left:5px;
  color:#888;
}
.anchorific li.active>a
{
  margin-left:-2px;
  border-left:#428BCA 2px solid;
  color:#428BCA;
}
.anchorific li.active>ul
{
  padding-left:15px;
  display:block;
}
.anchor {
  position: relative;
  top: -70px;
  visibility: hidden;
}
.toc
{
  margin:0;
  padding:0;
  position:fixed;
  top:60px;
  right:7px;
  background-color:#fff;
  border:1px solid #999;
}
.toc .panel-heading
{
  margin:0;
}
.toc .anchorific
{
}
@media (max-width: 991px) {
  .toc {
    display:none;
  }
}
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  overflow-x: auto;
}

input.form-control, select.form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  margin-left:-16px !important;
}
input.input-inline {
  margin: 0 10px;
  width: 200px;
  height: 25px;
  display: inline;
}


.retry {
  margin-top:11px;
  margin-left:10px;
}
.retry .badge {
}
.retry .glyphicon {
}
.retry .refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


.help-icon:hover, .add-icon:hover, .edit-icon:hover, .remove-icon:hover {
  cursor:pointer;
}
.help-icon {
  padding-left:4px;
}
/*.edit-icon, .remove-icon {
  padding-left:10px;
}*/
.help-icon {
  color:#428BCA;
}
.add-icon {
  margin-top: 5px;
}
td > .add-icon {
  margin-top: 0px;
}


.popover-content {
  font-weight: normal;
}

.pad-rows .row {
  padding-bottom:5px;
}


/* Style the elements */
.tree ul {
  position: relative;
  padding: 10px 0 0 0;
  text-align: center;

  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.tree li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  padding: 0 5px 0 5px;
  white-space: nowrap;
}
/* Downward connectors */
.tree ul ul::before {
  content: '';
  position: absolute; top: 0; left: 50%;
  border-left: 1px solid #ccc;
  width: 0; height: 10px;
}
/* Remove ends from single children */
.tree li:only-child::after, .tree li:only-child::before {
  display: none;
}
/* Remove space from the top of single children */
.tree li:only-child { padding-top: 0; }

.tree .btn-primary {
  min-width: 30px;
}

/*.tree .has-error {
  opacity: 0.4;
}*/
.tree .has-error  {
  border: 1px solid #f00;
}

/* Style relationships */
.tree-relation {
  color: #000;
  opacity: 1.0 !important;
}


/* Add vertical connector for end nodes */
.tree-bottom>ul>li:last-child::before {
  border-right: 1px solid #ccc;

  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}
.tree-bottom>ul>li:first-child::after {
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

/* Use ::before and ::after to draw the horizontal connectors */
.tree-bottom>ul>li::before,
.tree-bottom>ul>li::after {
  content: '';
  position: absolute;
  top: -9px;
  right: 50%;
  border-top: 1px solid #ccc;
  width: 60%;
  height: 10px;
}
.tree-bottom>ul>li::after {
  right: auto; left: 50%;
  border-left: 1px solid #ccc;
}
/* Remove end connectors */
.tree-bottom>ul>li:first-child::before,
.tree-bottom>ul>li:last-child::after {
  border: 0 none;
}
/* Padding for the bottom */
.tree-bottom ul li li {
  margin-bottom: 20px;
}



.tree-top>ul>li {
  margin-top: 20px;
}
/* Add vertical connector for end nodes */
.tree-top>ul>li:last-child::before {
  border-right: 1px solid #ccc;

  border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
}
.tree-top>ul>li:first-child::after {
  border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
}
/* Use ::before and ::after to draw the horizontal connectors */
.tree-top>ul>li::before,
.tree-top>ul>li::after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 50%;
  border-bottom: 1px solid #ccc;
  width: 60%;
  height: 10px;
}
.tree-top>ul>li::after {
  right: auto; left: 50%;
  border-left: 1px solid #ccc;
}
/* Remove end connectors */
.tree-top>ul>li:first-child::before,
.tree-top>ul>li:last-child::after {
  border: 0 none;
}
.tree-top .node-delete {
  float:right;
}


/* Padding for the bottom */
.tree-single {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}


/* Upward connector */
.tree-center ul::before,
.tree-center ul::after {
  content: '';
  position: absolute;
  left: 50%;
  border-left: 1px solid #ccc;
  width: 0;
}
.tree-center ul::before {
   top: 0;
   height: 12px;
}
.tree-center ul::after {
  bottom: -12px;
  height: 12px;
}
.tree-center .center-node {
  min-width: 60px;
  opacity: 1.0 !important;
}


/* No items */
.tree-notop ul::before,
.tree-nobottom ul::after {
  display: none;
}

.has-error,
.has-error .form-control,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error input,
.has-error select,
.has-error textarea {
  color: #f00;
  border-color: #f00;
}

.thumbnail img {
  border:1px solid black;
}
.thumbnail {
  /*display:inline-block;
  margin:10px;*/
  text-align:center;
  /*max-width:250px;*/
}
.btn-minwidth {
  min-width: 35px;
}
.pad-right {
  margin-right: 7px;
}




/* Callouts */
.bs-callout {
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px
}
.bs-callout .bs-header {
    font-weight: bold;
    font-size: 11pt;
    margin-top: 0;
    margin-bottom: 5px
}
.bs-callout .bs-header small {
    font-weight: normal;
    color: #999;
    margin-left: 5px;
}
.bs-callout p: last-child {
    margin-bottom: 0
}
.bs-callout code {
    border-radius: 3px
}
.bs-callout+.bs-callout {
    margin-top: -5px
}
.bs-callout-danger {
    border-left-color: #ce4844
}
.bs-callout-danger h4 {
    color: #ce4844
}
.bs-callout-warning {
    border-left-color: #aa6708
}
.bs-callout-warning h4 {
    color: #aa6708
}
.bs-callout-info {
    border-left-color: #1b809e
}
.bs-callout-info h4 {
    color: #1b809e
}


.home .btn {
  margin-right:5px;
}
.home .btn-stack {
  margin-bottom:5px;
}

/***************************************
****************************************
BROWSE SECTION
****************************************
****************************************/

input.browse[disabled], textarea.browse[disabled], div.browse[disabled] {
  background-color:#fff !important;
  cursor: default !important;
  font-size: 14px !important;
  resize: none;
  border:none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  resize: none;
}
input.browse[type=radio][disabled], input.browse[type=checkbox][disabled] {
  height:0px;
  width:0px;
  visibility:hidden;
  cursor: default !important;
  display:none;
}
label.radio-inline.browse, label.checkbox-inline.browse {
  padding-left:10px !important;
  cursor: default !important;
  font-size: 14px !important;
  margin-left:0px !important;
}
.browse.browsehide, .subgroup.browsehide, .primarygroup.browsehide, .trsubgroup.browsehide {
  display:none;
}
.form-control{
  color:#333 !important;
}
.form-control.browse{
  padding: 0px 10px;
  height: unset !important;
}

/***************************************
****************************************
SEARCH SECTION
****************************************
****************************************/

.search-controls {
  position: fixed;
  top: 48px;
  right: 18%;
  z-index: 1020;
}
.search-controls button {
  margin-left: 0;
  padding-top: 8px;
}
.search-results-and-modal .panel,
.search-results-or-modal .panel,
.search-criteria-modal .panel {
  margin-bottom: 0;
}
.search-results .panel-heading {
  padding-right:0;
}
.search-results-and-modal .no-details,
.search-results-or-modal .no-details {
  padding: 0;
  margin-top: 5px;
  margin-left: 5px;
  display: inline-block;
}

.search-select {
  display: inline-block;
  float: right;
}
.search-criteria-remove {
  margin-left: 2px;
}
.search-group-leave {
  background-color: #bbb;
  color: #fff;
}
.search-group-leave:hover {
  background-color: #999;
  color: #fff;
}
.search-criteria-modal .list-group:last-child {
  border-bottom: 1px solid #ddd;
}
.search-criteria-modal .group-labels {
  margin-right: .2em;
}
.search-criteria-modal .label {
  margin: .1em;
  padding: .2em .5em;
  line-height: unset;
}
.search-criteria-modal .panel:nth-of-type(2) {
  margin-top: 30px;
}
.search-criteria-modal .panel-primary,
.search-criteria-modal .panel-info,
.search-criteria-modal .panel-warning,
.search-criteria-modal .panel-heading {
  border: none;
}
.search-criteria-modal .panel-info .panel-heading,
.search-criteria-modal .label-info {
  background-color: #459BB1;
  color: #fff;
}
.search-criteria-modal .panel-warning .panel-heading,
.search-criteria-modal .label-warning {
  background-color: #705E96;
  color: #fff;
}




/* ******* */
/* LOADING */
/* ******* */
.loading {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(255,255,255,0.8);
  z-index:9999;
}
.loading-sm {
  display: inline-block;
  margin-left: 10px;
}
.loading-modal {
  position:absolute;
  right:20px;
  bottom:25px;
  display:none;
}
.loading ul {
  font-size: 100px;
  width: 1em;
  height: 1em;
  position: relative;
  top:50%;
  margin: 0 auto;
  margin-top: -.5em;
  list-style: none;
}
.loading ul {
  font-size: 100px;
}
.loading-sm ul {
  top: 5px;
  font-size: 20px;
}
.loading ul li {
  position: absolute;
  width: .2em;
  height: .2em;
  border-radius: 50% !important;
}
.loading ul li:nth-child(1) {
  left: 50%;
  top: 0;
  margin: 0 0 0 -.1em;
  background: rgb(255, 51, 51);
  -webkit-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  -webkit-animation:
    rota 1.13s linear infinite;
  animation:
    rota 1.13s linear infinite;
}
.loading ul li:nth-child(2) {
  top: 50%;
  right: 0;
  margin: -.1em 0 0 0;
  background: rgb(255, 136, 0);
  -webkit-transform-origin: -150% 50%;
  transform-origin: -150% 50%;
  -webkit-animation:
    rota 1.86s linear infinite;
  animation:
    rota 1.86s linear infinite;
}
.loading ul li:nth-child(3) {
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -.1em;
  background: rgb(255, 238, 0);
  -webkit-transform-origin: 50% -150%;
  transform-origin: 50% -150%;
  -webkit-animation:
    rota 1.45s linear infinite;
  animation:
    rota 1.45s linear infinite;
}
.loading ul li:nth-child(4) {
  top: 50%;
  left: 0;
  margin: -.1em 0 0 0;
  background: rgb(48, 117, 230);
  -webkit-transform-origin: 250% 50%;
  transform-origin: 250% 50%;
  -webkit-animation:
    rota 1.72s linear infinite;
  animation:
    rota 1.72s linear infinite;
}
.loading ul li:nth-child(5) {
  top: 50%;
  left: 0;
  margin: -.1em 0 0 0;
  background: rgb(85, 255, 85);
  -webkit-transform-origin: 250% 50%;
  transform-origin: 250% 50%;
  -webkit-animation:
    rota 1.12s linear infinite;
  animation:
    rota 1.12s linear infinite;
}
.loading ul li:nth-child(6) {
  top: 50%;
  left: 0;
  margin: -.1em 0 0 0;
  background: rgb(233, 233, 233);
  -webkit-transform-origin: 250% 50%;
  transform-origin: 250% 50%;
  -webkit-animation:
    rota 1.62s linear infinite;
  animation:
    rota 1.62s linear infinite;
}
@-webkit-keyframes rota {
  from { }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes rota {
  from { }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes opa {
  0% { }
  12.0% { opacity: 0.80; }
  19.5% { opacity: 0.88; }
  37.2% { opacity: 0.64; }
  40.5% { opacity: 0.52; }
  52.7% { opacity: 0.69; }
  60.2% { opacity: 0.60; }
  66.6% { opacity: 0.52; }
  70.0% { opacity: 0.63; }
  79.9% { opacity: 0.60; }
  84.2% { opacity: 0.75; }
  91.0% { opacity: 0.87; }
}
@keyframes opa {
  0% { }
  12.0% { opacity: 0.80; }
  19.5% { opacity: 0.88; }
  37.2% { opacity: 0.64; }
  40.5% { opacity: 0.52; }
  52.7% { opacity: 0.69; }
  60.2% { opacity: 0.60; }
  66.6% { opacity: 0.52; }
  70.0% { opacity: 0.63; }
  79.9% { opacity: 0.60; }
  84.2% { opacity: 0.75; }
  91.0% { opacity: 0.87; }
}