.ar, table td.ar, table th.ar{
  text-align:right;
}
.al, table td.al, table th.al{
  text-align:left;
}
.ac, table td.ac, table th.ac{
  text-align:center;
}
.ab, table td.ab, table th.ab{
  vertical-align:bottom;
}
.am, table td.am, table th.am{
  vertical-align:middle;
}
.at, table td.at, table th.at{
  vertical-align:top;
}

$border-spinner:#0088CC;
$shadow-spinner:#0060CC;

/* http://www.alessioatzeni.com/blog/css3-loading-animation-loop/ */
.loader{
  position:fixed;
  top:50%;
  left:50%;
  width:70px;
  height:70px;
  z-index:1000;
}
.circle {
  background-color: rgba(0,0,0,0);
  border:5px solid $border-spinner;
  opacity:.9;
  border-right:5px solid rgba(0,0,0,0);
  border-left:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow: 0 0 35px $shadow-spinner;
  width:50px;
  height:50px;
  margin:0 auto;
  -moz-animation:spinPulse 1s infinite ease-in-out;
  -webkit-animation:spinPulse 1s infinite linear;
}
.circle1 {
  background-color: rgba(0,0,0,0);
  border:5px solid $border-spinner;
  opacity:.9;
  border-left:5px solid rgba(0,0,0,0);
  border-right:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow: 0 0 15px $shadow-spinner;
  width:30px;
  height:30px;
  margin:0 auto;
  position:relative;
  top:-40px;
  -moz-animation:spinoffPulse 1s infinite linear;
  -webkit-animation:spinoffPulse 1s infinite linear;
}
@-ms-keyframes spinPulse {
  0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
  50% { -ms-transform:rotate(145deg); opacity:1;}
  100% { -ms-transform:rotate(-320deg); opacity:0; }
}
@-ms-keyframes spinoffPulse {
  0% { -ms-transform:rotate(0deg); }
  100% { -ms-transform:rotate(360deg); }
}
@-o-keyframes spinPulse {
  0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
  50% { -o-transform:rotate(145deg); opacity:1;}
  100% { -o-transform:rotate(-320deg); opacity:0; }
}
@-o-keyframes spinoffPulse {
  0% { -o-transform:rotate(0deg); }
  100% { -o-transform:rotate(360deg); }
}
@-moz-keyframes spinPulse {
  0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner;}
  50% { -moz-transform:rotate(145deg); opacity:1; }
  100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
  0% { -moz-transform:rotate(0deg); }
  100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
  0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
  50% { -webkit-transform:rotate(145deg); opacity:1;}
  100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); }
}
label.bs-label-ib{
  display:inline-block;
  padding-left:4px;
  padding-right:4px;
}
label.bs-label-ib input{
  margin-right:3px;
  margin-top:0;
}

/* Fixed left menu */
/*
.fixed {
  width: 200px;
  float: left;
}
.fixed + div {
  margin-left: 200px;
  padding-left:20px;
  overflow: hidden;
  min-height:500px;
  background:white;
}
body {
  padding-top:70px;
}
@media (max-width: 979px) {
  .fixed + div {
    margin-left: 0;
    padding:10px;
  }
  body {
    padding-top: 35px;
  }
}
*/
html, body {
  height: 100%;
}
/*
.filler:after{
  background-color:inherit;
  bottom: 0;
  content: "";
  height: auto;
  min-height: 100%;
  left: 0;
  margin:inherit;
  right: 0;
  position: absolute;
  top: 0;
  width: inherit;
  z-index: -1;
}
*/

#jstree-marker-line {pointer-events: none;}

/* Search & filter  */
.search-and-filter div.panel-group{
  margin-bottom:0;
}
.search-and-filter div.panel-group .accordion-toggle{
  padding-left:0;
}
.search-and-filter div.panel-group .panel.panel-default{
  border:0;
}
.search-and-filter div.panel-group .panel-body{
  padding:0;
  margin-top:0;
}
.search-and-filter h3{
  margin-top:0;
}

#modal-columns div.modal-body label{
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
}
/*
.search-and-filter .form-group label{
  margin-bottom: 0;
  margin-top: 5px;
}
*/

/*
div.filler.show-menu{
  margin-left: 200px;
}
div.fixed.show-menu{
  display: block;
}
div.filler.hide-menu{
  margin-left: 0;
}
div.fixed.hide-menu{
  display: none !important;
}
*/

.title-index{
  font-size: 30px;
}