/* Sidenav for Docs
-------------------------------------------------- */

.xsidenav {
  margin: 30px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.xsidenav > li > a {
  display: block;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.xsidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.xsidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.xsidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.xsidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.xsidenav > li > a:hover {
  background-color: #f5f5f5;
}
.xsidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.xsidenav .active .icon-chevron-right,
.xsidenav .active a:hover .icon-chevron-right {
  background-image: url(bootstrap/img/glyphicons-halflings-white.png);
  opacity: 1;
}
.xsidenav.affix {
  top: 40px;
}
.xsidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}

.xcontent {
  float: left;
  margin-left: 20px;
}


.xform {
  padding: 10px;
  margin: 5px;
  background-color: #f5f5f5;
}

.xgrid {
  padding: 10px;
  margin: 5px;
}

.xnotification  {
	right: 25px; top: 45px; opacity: 1; display: block; cursor: auto;position: fixed;z-index: 9999;
}

.xtop-navigation-space { margin-top:60px; }

.xborder {
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}



.xborder-left {
  border-left: 1px solid #dddddd;
}  
.xspace-left {
  margin-left: 5px;
}

.xspace-top {
  margin-top: 5px;
}

.xspace-right {
  margin-right: 5px;
}

.xspace-bottom {
  margin-bottom: 5px;
}

.xspace{
  margin: 5px;
}

.label2 {
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 2px 4px 3px;
  font-size: 11.049999999999999px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.radio,
.checkbox {
  padding-top: 5px;
}


.xpadding-left {
  padding-left: 10px;
}

.xpadding-top {
  padding-top: 10px;
}

.xpadding-right {
  padding-right: 10px;
}

.xpadding-bottom {
  padding-bottom: 10px;
}

.xpadding{
  padding: 10px;
}


.xbold{
  font-weight: bold;
}


.xcentre-fixed{
  position: fixed;
  top: 10%;
  left: 50%;
  width: 560px;
  margin-left: -280px;
  z-index: 1050;
}

.xerror {
  border-color: #b94a48;
}