.material-icons {
    font-size: 1.1em;
    vertical-align: middle;
    position:relative;
    top: -2px;
}

h2 {
    margin-top:0;
}

.optie-aan {
    color: #388E3C;
    text-shadow: 0 0 5px #C8E6C9;
}
.optie-uit {
    opacity: .6;
}
.optie-error {
    color: #E64A19;
    text-shadow: 0 0 7px #FF8A65;
}
.optie-info {
    color: #1E88E5;
    text-shadow: 0 0 7px #90CAF9;
}
.optie-success {
    color: #43A047;
    text-shadow: 0 0 7px #81C784;
}
h2 .optie-error {
    font-size: .7em;
    vertical-align: middle;
}



.instance-info {
    margin-bottom:2rem;
}
.instance-info table td {
    border-color: #ECEFF1 !important;
}

table tr:first-child td {
    border-top:none;
}

.nav-tab {
    background: #f5f8fa;
    border: none;
    padding-bottom:1rem;padding-top:1rem;
    min-height: 350px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f8fa+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(245,248,250,0.65) 0%, rgba(0,0,0,0) 150px); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(245,248,250,0.65) 0%,rgba(0,0,0,0) 150px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(245,248,250,0.65) 0%,rgba(0,0,0,0) 150px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f5f8fa', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


}
.nav-tab table {
    margin-bottom:0;
}

.nav-tab p {
    padding-left:1rem; padding-right:1rem;
}


.log-tijd {
    color: #B0BEC5;
    width: 150px;
    text-align:center;
}

.log-success .log-bericht {
    color: #43A047;
}

.log-error .log-bericht {
    color: #E64A19;
}
.log-info .log-bericht {
    /*color: #1E88E5;*/
}

.error-ack-btn {
    background: #EF6C00;

    color:white;
    padding:.5rem 1rem;
    border-radius: 2px;
    transition: all 0.5s ease;
}

.error-ack-btn:hover {
    color:white;
    background: #FB8C00;
    text-decoration:none;
}


.file-list {
    list-style: none;
    padding-left:0;
}
.file-list li {
    padding: 1rem;
    border-bottom: 1px solid #CFD8DC;
}

.file-list li time {
    display:inline-block;
    margin-left:1rem;padding-left:1rem;
    color: #B0BEC5;
}


.instances {
    margin:-15px;
    width: calc(100% + 30px + 1px);
}
.instance-rij {
    border-bottom: 1px solid #cfd8DC;
    transition: all 0.5s ease;
    cursor:pointer;
}
.instance-rij:hover {
    background: #ECEFF1;
}

.instance-rij.met-errors td {
    background: #fbe9e7;
}

.instance-klant-naam {
    font-size:2rem;
    padding:15px;

}





.laatste-log time {
    font-size: .9em;

    display:inline-block;
    padding-left:1rem;
}

.pagination {
    margin-bottom:0;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
  }
  .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
  }
  @-webkit-keyframes fa-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @keyframes fa-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }

  .vloot-rij td {
    vertical-align: middle !important;
  }