@font-face {
    font-family: 'AmsiProCondensed-Black';
    src: url('../fonts/AmsiProCondensed-Black/font.woff2') format('woff2'), url('../fonts/AmsiProCondensed-Black/font.woff') format('woff');
  }

body, html, main {
    background-color: #fff5c9;
    font-size: 1rem;
}

h1 {
    font-family:'AmsiProCondensed-Black';
}

i.far {
    margin-left:5px;
}

i.fa-external-link {
	cursor:pointer;
}

i.mmr {
    margin-left:0px;
    margin-right:10px;
    cursor:pointer;
}

.navbar {
    background-color: #ffcc4e;
}

a.nav-link {
    font-weight: 600;
}

.spinner-hidden {
    display:none !important;
}


.card {
    border:none !important;
    /*border:1px solid #ffcc4e !important;*/
}

.card-header {
    background-color: #ffcc4e !important;
    /*color:#fff;*/
    font-weight:600;
}

.modal-content {
    border:none !important;
}
.modal-header {
    background-color: #ffcc4e !important;
    font-weight:600;
}

.table-bordered, .dataTable table, .dataTable th, .dataTable td {
    border-color:#ffcc4e !important;
}
.dataTable {
    background-color:#fff;
    /* -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.17);
box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.17); */
}

.dataTable thead {
    background-color: #ffcc4e;

}

.dataTable td {
    vertical-align: middle;
}

table.dataTable tr.dtrg-group td {

    background-color:#ffeb94 !important;
}

.page-link, .page-item.disabled .page-link {
    color:#000;
    border-color:#ffcc4e !important;
    background-color:#ffeb94;
}
.page-link:hover {
    color:#000;
    background-color: #ffcc4e;
}
.page-item.active .page-link {
    background-color: #ffcc4e;
    border-color: #ffcc4e;
}

.img-preview {
    max-width: 200px;
    max-height: 200px;
    padding: 10px;
    border: 1px solid lightgray;
    margin: 10px 0px;
}

#error-message {
    display:none;
    border: 1px solid rgba(0,0,0, .3);
}

#success-message {
    display:none;
    border: 1px solid rgba(0,0,0, .3);
}

#antwoord-template, #category-template, #vraag-template {
    display:none;
}

.item-vraag {
    padding: 5px 10px;
    border: 1px solid lightgray;
    margin: 5px;
    background-color: #fff;
    cursor: pointer;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.remove-col {
    padding:5px;
}
.remove-col a {
    color:#000 !important;
}

.img-preview-table {
    width: 80px;
    height: 80px;
    background-size: cover;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border:5px solid white;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.17);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.17);     }

/*************************/
.table-condensed {
    width:100%;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu{
    min-width:20rem !important;
}
/************************/

#modalPreview .modal-dialog {
    max-width: 1050px;
}

#modalPreview .modal-header {
    border-bottom-width: 0;
}

#modalPreviewBody {
    background-color: #ffeb94;
}