i.fa, i.fas, i.far { width: 25px; }
i.green { color: #00AA00; }
i.gray { color: #c0c0c0; }
.form-checkbox { width:18px;height:18px;margin:8px 0 0 15px; }
div.editable .input-group-prepend { width: 30%; margin-bottom:7px; }
div.editable .input-group-prepend span { width: 100%; }
#msgProcessed { font-size: 14px; margin-left:30px; padding: 3px 10px;}

.cursor-pointer { cursor:pointer; }
.alert { margin-bottom: 5px; }

.btn-xs { padding:2px 5px; font-size: 11px;margin-right:5px; }
.btn-xs i { width:auto; }

h1, h2, h3, h4, .h1, .h2, .h3, .h4 { color: #0069D9 !important; }

.text-gray { color: #343434 !important;}


#popupModal .modal-lg { max-width: 1280px; }
#popupModal .modal-header { color: #454545; }
#popupModal .modal-header i { color: #0069D9; }
#popupModal .modal-footer button { float:left; }

ol.breadcrumb { background-color: transparent; border-bottom: 1px solid #DDDDDD;}

.ml-5p { margin-left:5%; }
.ml-10p { margin-left:10%; }
.ml-15p { margin-left:15%; }
.ml-20p { margin-left:20%; }
.ml-25p { margin-left:25%; }
.ml-30p { margin-left:30%; }

.w-1 { width:100%; }
.w-2 { width:50%; }
.w-3 { width:33%; }
.w-4 { width:25%; }
.w-5 { width:20%; }
.w-1 span, .w-2 span, .w-3 span, .w-4 span, .w-5 span { width:100%; }

.col-2-by5 { flex: 0 0 20% !important; max-width: 20% !important; }
td.mymedia i.fas { width:18px; }

.flag.nl { background-image: url('/img/icons/nl.png'); background-size: 25px 25px; background-repeat: no-repeat; background-position: top 5px right 10px;}
.flag.en { background-image: url('/img/icons/en.png'); background-size: 25px 25px; background-repeat: no-repeat; background-position: top 5px right 10px;}

div.imagecontainer { position:relative;float:left; width:100%; height:100px; overflow:hidden; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }

[contenteditable="true"] { background-color: transparent; }
[contenteditable="true"]:focus { background-color: #FFFFC0; }
[contenteditable="true"]:hover { background-color: #FFFFC0; }
[contenteditable="true"].edited { background-color: #CCFFCC; }

#rightbox { height: 100%; padding:200px 15px 0 15px;  position: fixed; z-index: 1; top: 0; right: 0; background-color: #f2f2f2; transition: 0.5s; }

.table-striped tbody tr.bg-lgray {
  background-color: rgba(0, 0, 0, 0.05);
}
span.sortelement { display:none; }

.img-gray { -webkit-filter: opacity(20%); filter: opacity(20%); }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}