@import 'https://fonts.googleapis.com/css?family=Lato:400|Open+Sans:300';

/* LOGIN */
body {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #484848;
    min-height: 520px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

h1 {
    margin-bottom: 30px;
}

    h1.h1-mega {
        font-size: 100px;
    }

#Login-image {
    background: url(/images/gv-venhuizen.jpg) no-repeat center center;
    height: 100vh;
    background-size: cover
}

/* DE KLEUREN DIE IK GEBRUIK IN DE AJAX CALLBACK OM ICONEN TE STIJLEN */
.red {
    color: #dc143c !important;
}

.green {
    color: #008000 !important;
}

.grey {
    color: #efefef !important;
}

/* DEZE CLASS GEBRUIK IK BIJ EEN DELETE KNOP */
.confirm {
}


.img-half-size {
    max-width: 50%;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-t-75 {
    margin-top: 75px;
}

td.no-break,
th.no-break {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.strong {
    font-weight: bold;
}

.navbar-brand {
    padding: 10px;
}

.logo {
    margin-top: 20px;
}

.alert {
    font-size: inherit;
}

/* de border van de th's van de datatable zijn heel lelijk. Even resetten */
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 2px solid #ddd;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #ddd;
}

.ellipsis {
    max-width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis-sm {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line-height-l h3 {
    line-height: 1.5;
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
}
/* Nog bredere schermen */
@media only screen and (min-width: 1500px) {
    .container {
        width: 1500px;
    }
}