/* Re-enable when Angular JS bug is fixed that causes ng-repeat items to only animate the first one. */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
    -webkit-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
    opacity:0;
    max-height:0;

    -webkit-transform:translate3d(-25px, 0px, 0);
    -moz-transform:translate3d(-25px, 0, 0);
    transform:translate3d(-25px, 0, 0);
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
    opacity:1;
    max-height:40px;
    -webkit-transform:scale3d(1, 1, 1);
    -moz-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1);

    -webkit-transform:translate3d(0, 0px, 0);
    -moz-transform:translate3d(0, 0px, 0);
    transform:translate3d(0, 0px, 0);

}

[ui-view].ng-enter, [ui-view].ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}

[ui-view].ng-enter {
    opacity: 0;
    -webkit-transform:translate3d(0, -25px, 0);
    -moz-transform:translate3d(0, -25px, 0);
    transform:translate3d(0, -25px, 0);
}

[ui-view].ng-enter-active {
    opacity: 1;
    -webkit-transform:scale3d(1, 1, 1);
    -moz-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1);
    -webkit-transform:translate3d(0px, 0, 0);
    -moz-transform:translate3d(0px, 0, 0);
    transform:translate3d(0px, 0, 0);
}

[ui-view].ng-leave {
    opacity: 0;
    display: none;
}

[ui-view].ng-leave-active {
    opacity: 0;
}

.tab-border-div {
    padding:5px;border:1px solid #DDDDDD;border-top:none
}

.btn {
    margin-right: 8px;
}

.angular-ui-tree-handle {
    color: #7c9eb2;
    padding: 10px 10px;
}

.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.editable-wrap {
    position:absolute;z-index:1000;

    /* taken from .well and adjusted it a bit. Works awesome!! :-): */
    min-height: 10px;
    padding: 9px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 15px #888888;
    box-shadow: 0px 0px 15px #888888;
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}

.print-only {
    display: none;
}

/* Instruction levels. */
.instrLevel1 {
    background: #DDFFDD
}

.instrLevel2 {
    background: #FFFFDD
}

.instrLevel3 {
    background: #FFDDDD
}

/* Instruction levels with added light. */
.instrLevelLight1 {
    background: #EEFFEE
}

.instrLevelLight2 {
    background: #FFFFEE
}

.instrLevelLight3 {
    background: #FFEEEE
}

/* Perhaps a bit confusing, the status '' corresponds with "Niet aangeleerd." */
.clStatus {

}

/* Aangeleerd */
.clStatus {
    background: #FFDDDD
}

.clStatus1 {
    background: #FFFFDD
}

.clStatus2 {
    background: #DDDDFF
}

.clStatus3 {
    background: #DDFFDD
}

/* Waiting... */
.learnStatus {
    background: #FFFFFF
}

/* Learning... */
.learnStatus1 {
    background: #EEFFEE
}

/* Observing... */
.learnStatus2 {
    background: #FFFFEE
}

/* Evaluating... */
.learnStatus3 {
    background: #FFEEEE
}

.pad10bottom-if-not-print {
    padding-bottom:10px;
}

.angular-ui-tree-empty:before {

  content: "Er is niets om weer te geven.";
  color: #aaa;
  font-size: 20px;

}
.angular-ui-tree-empty {

  background: #fafafa !important;
  border: none;
  min-height: 40px !important;
  padding: 6px;

}
.editable-text-width {
  width: 50000px;
}
. table-domain-overview {
  height: 1000px;
}
.gridStyle {
  border: 1px solid rgb(212,212,212);
  width: 400px;
  height: 300px;
}

a.editable.editable-click:hover {
    border-bottom: 1px solid;
}

a.editable.editable-click {
    border-bottom: 0px;
}