* {
  font-family: 'Ubuntu', sans-serif;
}

body {
  padding-top: 70px;
  font-weight: 300;
}

b, strong {
  font-weight:400;
}

h2 {
  font-size: 14pt;
}

/*
.bs-sidebar .nav .nav {
  display: block !important;
}
*/

.navbar {
  opacity: 0.95;
  z-index: 3000;
}

.navbar-brand {
  font-size: 20pt;
  padding-right: 28px;
}

.panocontrol {
  position: absolute;
  width:40px;
  text-align: center;
  z-index: 2000;
  cursor: hand;
  cursor: pointer;
  /*
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  */
}

.panocontrol.left {
  left: -23px;

  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(217,232,244,0) 20%, rgba(66,139,202,0.4) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(217,232,244,0)), color-stop(100%,rgba(66,139,202,0.4))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,232,244,0) 20%,rgba(66,139,202,0.4) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,232,244,0) 20%,rgba(66,139,202,0.4) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,232,244,0) 20%,rgba(66,139,202,0.4) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(217,232,244,0) 20%,rgba(66,139,202,0.4) 100%); /* W3C */
}

.panocontrol.left:hover {
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(217,232,244,0) 20%, rgba(66,139,202,0.6) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(217,232,244,0)), color-stop(100%,rgba(66,139,202,0.6))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,232,244,0) 20%,rgba(66,139,202,0.6) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,232,244,0) 20%,rgba(66,139,202,0.6) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,232,244,0) 20%,rgba(66,139,202,0.6) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(217,232,244,0) 20%,rgba(66,139,202,0.6) 100%); /* W3C */
}

.panocontrol.right {
  background: -moz-linear-gradient(left, rgba(66,139,202,0.4) 0%, rgba(217,232,244,0) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(66,139,202,0.4)), color-stop(80%,rgba(217,232,244,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(66,139,202,0.4) 0%,rgba(217,232,244,0) 80%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(66,139,202,0.4) 0%,rgba(217,232,244,0) 80%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(66,139,202,0.4) 0%,rgba(217,232,244,0) 80%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(66,139,202,0.4) 0%,rgba(217,232,244,0) 80%,rgba(255,255,255,0) 100%); /* W3C */
}

.panocontrol.right:hover {
  background: -moz-linear-gradient(left, rgba(66,139,202,0.6) 0%, rgba(217,232,244,0) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(66,139,202,0.6)), color-stop(80%,rgba(217,232,244,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(66,139,202,0.6) 0%,rgba(217,232,244,0) 80%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(66,139,202,0.6) 0%,rgba(217,232,244,0) 80%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(66,139,202,0.6) 0%,rgba(217,232,244,0) 80%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(66,139,202,0.6) 0%,rgba(217,232,244,0) 80%,rgba(255,255,255,0) 100%); /* W3C */
}


.panocontrol > span {
  top: 50%;
}

.lb-outerContainer {
  /*margin-left: 28px !important;*/
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  cursor: default;
}

.lb-dataContainer {
  /*margin-left: 28px !important;*/
}

.lightboxOverlay {
/*
  background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 2%, rgba(0,0,0,0.3) 57%, rgba(0,0,0,0) 74%, rgba(0,0,0,0) 81%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(2%,rgba(0,0,0,0.8)), color-stop(57%,rgba(0,0,0,0.3)), color-stop(74%,rgba(0,0,0,0)), color-stop(81%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 2%,rgba(0,0,0,0.3) 57%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 81%);
  background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 2%,rgba(0,0,0,0.3) 57%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 81%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 2%,rgba(0,0,0,0.3) 57%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 81%);
  background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 2%,rgba(0,0,0,0.3) 57%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 81%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 );
  cursor: not-allowed;*/
}

.arrows {
  background:url('/img/arrows.png');
  background-position: left center;
  background-repeat: no-repeat;
}

.selanim {
  color: #80B2DC !important;  
}

.blueicon {
  color: #428BCA;
}


.sectiontitle {
  border-bottom: 1px solid #ddd;
  color: #888;
}

.infohotspot, .arrowhotspot {
  font-size: 57px;
  text-shadow: 1px 2px 3px #555;
  cursor: pointer;
  cursor: hand;
}

.selanim:before {
  content: '\e084';
}

#lightbox {
  cursor: not-allowed;
}

.hotspot {
  cursor: pointer;
  cursor: hand;
}

.nav-pills {
  padding-bottom: 12px;
}

.nav-pills > li.passive > a {
  background-color: #eee;  
}

.calltouseraction {
  padding-top: 6px;
  color: #666;  
}

/* sortable */
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
  background:none;
}

ol.lista li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.lista li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
  left:46px;
  top:-19px;
  color: red;
  font-weight: bold;
  content: ">";
}


#textboxcontainer {
  padding-top: 24px;
  padding-left: 24px;
}

.objtitlespacer {
  display:block;
}


@media screen and (max-width: 991px) {

  .nano {
    position: static;
    overflow: visible;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  .nano > .nano-content {
    overflow-y: visible;
    overflow-x: visible;
    position: static;
  }

}


@media screen and (min-width: 992px) {

  #textboxcontainer {
    background-color: rgba(255,255,255,0.9);
    padding-top: 0;
  }

  .objtitlespacer {
    display:none;
  }

}


#textbox {
  padding-bottom: 24px;
}

.inputbg {
  background-repeat : no-repeat;
  background-position : right 5px center;
}

.inputbg:focus {
  background-image : none !important;
}

.inputbg-nohide {
  background-repeat : no-repeat;
  background-position : right 5px center;
}


.editform {
  background-color:rgb(251,252,253) !important;
}

.bs-callout-danger h4 {
  color: #d9534f;
}

.bs-callout-success {
  background-color: #f4faf6;
  border-color: #bcf1c5;
}
.bs-callout-success h4 {
  color: #3aad60;
}

.lb-caption {
  display: none !important;
}

.lb-nav {
  display: none !important;
}

.list-unstyled > li {
  padding-bottom: 8px;
  font-size: 12pt;
}

.list-unstyled > li > a:hover {
  background-color: rgba(245, 245, 252, 0.6);
}


.primary {
  background-color: #3A87AD !important;
}

.primarybadgetext {
  color: #3A87AD !important;
  text-shadow: 0 0 1px #fff;
}

.primarykeyword {
  border-top: 1px dotted #3A87AD;
  border-bottom: 1px dotted #3A87AD;
  color: #3A87AD;
  background-color: rgb(216,231,239);
  text-shadow: 0 0 1px #fff;
  font-weight:400;
}

.success {
  background-color: #468847 !important;
}

.successbadgetext {
  color: #468847 !important;
  text-shadow: 0 0 1px #fff;
}

.successkeyword {
  border-top: 1px dotted #468847;
  border-bottom: 1px dotted #468847;
  color: #468847;
  background-color: rgb(218,231,218);
  text-shadow: 0 0 1px #fff;
  font-weight:400;
}

.danger {
  background-color: #B94A48 !important;
}

.dangerbadgetext {
  color: #B94A48 !important;
  text-shadow: 0 0 1px #fff;
}

.dangerkeyword {
  border-top: 1px dotted #B94A48;
  border-bottom: 1px dotted #B94A48;
  color: #B94A48;
  background-color: rgb(241,219,218);
  text-shadow: 0 0 1px #fff;
  font-weight:400;
}

.warning {
  background-color: #F89406 !important;
}

.warningbadgetext {
  color: #F89406 !important;
  text-shadow: 0 0 1px #fff;
}

.warningkeyword {
  border-top: 1px dotted #F89406;
  border-bottom: 1px dotted #F89406;
  color: #F89406;
  background-color: rgb(254,234,205);
  text-shadow: 0 0 1px #fff;
  font-weight:400;
}

.keywordcount {
  font-weight: 700;
}

.badge, .label {
  font-weight: 400;
}

.badge-text {
  background-color: #fff;
  background-color: rgba(255,255,255,0.8);
  display: inline-block;
  margin-right: -4px;
  margin-left: 2px;
  padding: 2px 8px 2px 4px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}

.tobehidden {
  color: gray;
}

.addedby {
  color:gray;
  font-weight: 300;
}

.atitle {
  font-weight:400;
}

.alead {
  font-weight:400;
}

.langicondropdown {
  margin-top:-5px;
  margin-left:-6px;
}

.asterisk {
  color: red;
  font-weight: bold;
}

.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}

/* Variations */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}


.bs-example {
  position: relative;
  padding: 45px 15px 15px;
  margin: 0 -15px 15px;
  background-color: #fafafa;
  box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px 0;
}

/* Make the examples and snippets not full-width */
@media screen and (min-width: 768px) {
  .bs-example {
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 4px 4px 4px 4px;
    box-shadow: none;
  }
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.default {
  height: 25px !important;
}


/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */
.bs-sidebar.affix {
  position: static;
}

/* First level of nav */
.bs-sidenav {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top:    10px;
  padding-bottom: 10px;
  text-shadow: 0 1px 0 #fff;
  background-color: #f7f5fa;
  border-radius: 5px;
  border: 1px solid #E7E7E7;
}

/* All levels of nav */
.bs-sidebar .nav > li > a {
  display: block;
  color: #716b7a;
  padding: 5px 20px;
}
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #e5e3e9;
  border-right: 1px solid #dbd8e0;
}
.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-right: 1px solid #563d7c;
}

/* Nav: second level (shown on .active) */
.bs-sidebar .nav .nav {
  /*display: none; *//* Hide by default, but at >768px, show it */
  margin-bottom: 8px;
}
.bs-sidebar .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-size: 90%;
}

/* Show and affix the side nav when space allows it */
@media screen and (min-width: 992px) {
  .bs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  .bs-sidebar.affix,
  .bs-sidebar.affix-bottom {
    width: 213px;
  }
  .bs-sidebar.affix {
    position: fixed; /* Undo the static from mobile first approach */
    top: 80px;
  }
  .bs-sidebar.affix-bottom {
    position: absolute; /* Undo the static from mobile first approach */
  }
  .bs-sidebar.affix-bottom .bs-sidenav,
  .bs-sidebar.affix .bs-sidenav {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-sidebar.affix-bottom,
  .bs-sidebar.affix {
    width: 263px;
  }
}