/* eigelijk rood)
/* #640b0f*/
/* rgba(100, 11, 15, 1) */

/* tijdelijke blauwe test kleur */
/* #6699ff */
/* rgba(102, 153, 255, 1)  */

/* tijdelijke blauwe test kleur */
/* #ff33c4 */
/* rgba(255, 51, 196, 1)  */

body {
	font-size: 14px;
	/*background-color: #f2f2f2;*/ /* wa #fafafa*/
	background-color: rgba(242, 242, 242, 1);
}

.navbar-quickmenu .navbar-brand {
  color: rgba(166, 166, 166, 1);
 /* padding: 0.8rem 1rem;*/
  font-size: 22px;  
}

.navbar-quickmenu .navbar-brand:hover, .navbar-quickmenu .navbar-brand:focus {
  color: rgba(255, 255, 255, 1);
}

.navbar-quickmenu .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
  padding: 0.5rem 0.5rem;
  font-size: 15px;  
}


.navbar-quickmenu .navbar-nav .nav-link:hover, .navbar-quickmenu .navbar-nav .nav-link:focus {
  color: rgba(100, 11, 15, 1);
  background-color: rgba(217, 217, 217, 1);
  border-radius: 0.25rem;
}

.navbar-quickmenu li {
	margin-right: 4px;
	margin-top: 2px;
}

.navbar-quickmenu .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.3);
}

.navbar-quickmenu .navbar-nav .show > .nav-link,
.navbar-quickmenu .navbar-nav .active > .nav-link,
.navbar-quickmenu .navbar-nav .nav-link.show,
.navbar-quickmenu .navbar-nav .nav-link.active {
  color: rgba(100, 11, 15, 1);
  background-color: rgba(217, 217, 217, 1);
  border-radius: 0.25rem;
}

.navbar-quickmenu .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-quickmenu .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-quickmenu .navbar-text {
  color: rgba(255, 255, 255, 0.5);
  padding: 0.8rem 1rem;
}

.navbar-quickmenu .navbar-text a {
  color: rgba(255, 255, 255, 0.9);
}

.navbar-quickmenu .navbar-text a:hover, .navbar-quickmenu .navbar-text a:focus {
  color: rgba(255, 255, 255, 0.9);
}

.bg-quickmenu {
  /*background-color: #FF33C4 !important;*/
  background-color: #640b0f !important;
}

a.bg-quickmenu:hover, a.bg-quickmenu:focus,
button.bg-quickmenu:hover,
button.bg-quickmenu:focus {
  background-color: #000000 !important;
}

.nav-pills li {
/*  background-color: rgba(255, 255, 196, 1);	*/
  
  background-color: transparent;
  border-radius: 0.25rem;
  margin-bottom: 4px;
}

.nav-pills li:hover, .nav-pills li:focus {
  /*background-color: rgba(255, 51, 196, 1);*/
  background-color: rgba(100, 11, 15, 1);
}

.nav-pills a, .nav-pills a {
	/*color: rgba(255, 51, 196, 1);*/
	color: rgba(100, 11, 15, 1);
	font-size: 14px;
}

.nav-pills a:hover, .nav-pills a:focus {
	color: rgba(255, 255, 255, 1);
}

.nav-pills .show > .nav-link,
.nav-pills .active > .nav-link,
.nav-pills .nav-link.show,
.nav-pills .nav-link.active {
  color: rgba(255, 255, 255, 0.9);
  /*background-color: rgba(255, 51, 196, 0.9);*/
  background-color: rgba(100, 11, 15, 0.9);
}

.nav-item-header {
	padding-top: 8px;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0) !important;
}

.nav-pills li.nav-item-header:hover, .nav-pills li.nav-item-header:focus {
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0);
}

.card-submenu {
	border-color: rgba(191, 191, 191, 0.75);
}

.card-submenu .card-body {
	/*background-color: rgba(240, 240, 240, 1);*/
	background-color: rgba(230, 230, 230, 1);
}

.card-debug {
	border-color: rgba(191, 191, 191, 0.75);
}

.card-debug .card-body {
	/*background-color: rgba(240, 240, 240, 1);*/
	background-color: rgba(230, 230, 230, 1);
}

.card-extra {
	/*border: 0px rgba(191, 191, 191, 0.75);*/
	border-color: rgba(191, 191, 191, 0.75);
}

.card-extra .card-body {
	
	/*background-color: rgba(230, 230, 230, 1);*/
	/*background-color: transparent;*/
	/*background-color: rgba(230, 230, 230, 1);
	background-color: transparent; !important;	*/
	background-color: rgba(240, 240, 240, 1);
}

/*.debug {
	background-color: rgba(240, 240, 240, 1);
}*/

@media (max-width: 767.98px) {
	.col-form-label {
		font-weight: bold;
		text-align: left;
	}
}

@media (min-width: 768px) {
	.col-form-label {
		font-weight: bold;
		text-align: right;
	}
}

.dataTables_filter {
   display: none;
}

#toTop {
	width:22px;
    border:1px solid #ccc;
    background:#f7f7f7;
    text-align:center;
    padding:5px;
    position:fixed; /* this is the magic */
    bottom:10px; /* together with this to put the div at the bottom*/
    right:10px;
    cursor:pointer;
    display:none;
    color:#333;
    font-family:verdana;
    font-size:11px;
	z-index:300;
	border-radius: 4px;	
}

#status {
    /*width:200px;
    height:200px;*/
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    /*background-image:url(../images/status.gif); /* path to your loading animation */
    /*background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px;*/ /* is width and height divided by two */
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(255, 255, 255, 0.95); /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

footer {
	color: #640b0f;
}

em.required {
	font-size: 14px;
	color: #dc3545;
}

b.good,
span.help-inline b {
	font-size: 16px;
	font-style: normal;
	color: #28a745;
}	

b.required,
span.help-inline b {
	font-size: 16px;
	font-style: normal;
	color: #dc3545;
}	

.btn-group-toggle .btn {
	margin-bottom: 4px;
}

.btn {
	margin-bottom: 4px;
}

.btn-anchor {  color: #640b0f;  background-color: transparent;  border-color: #640b0f; margin: 1px;}
.btn-anchor:hover {  color: #fff;  background-color: #640b0f;  border-color: #640b0f;}
/*.btn-anchor:focus, .btn-anchor.focus {  box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 1);}*/
.btn-anchor:focus, .btn-anchor.focus {  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}
.btn-anchor.disabled, .btn-anchor:disabled {  color: #fff;  background-color: transparent;  border-color: transparent;}
.btn-anchor:not(:disabled):not(.disabled):active, .btn-anchor:not(:disabled):not(.disabled).active,.show > .btn-anchor.dropdown-toggle {  color: #000;  background-color: transparent;  border-color: transparent;}
.btn-anchor:not(:disabled):not(.disabled):active:focus, .btn-anchor:not(:disabled):not(.disabled).active:focus,.show > .btn-anchor.dropdown-toggle:focus {  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}


/*
.btn-yes:focus, .btn-yes.focus {  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}
.btn-yes.disabled, .btn-yes:disabled {  color: #fff;  background-color: #218838;  border-color: #1c7430;}
.btn-yes:not(:disabled):not(.disabled):active:focus, .btn-yes:not(:disabled):not(.disabled).active:focus,.show > .btn-yes.dropdown-toggle:focus {  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}

.btn-yes {  color: #000;  background-color: #fff;  border-color: #28a745;}
.btn-yes:hover {  color: #fff;  background-color: #218838;  border-color: #1e7e34;}
.btn-yes:not(:disabled):not(.disabled):active, .btn-yes:not(:disabled):not(.disabled).active,.show > .btn-yes.dropdown-toggle
{  color: #fff;  background-color: #1e7e34;  border-color: #1c7430;}
*/
/*
.btn-nnb:focus, .btn-nnb.focus {  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}
.btn-nnb.disabled, .btn-nnb:disabled {  color: #fff;  background-color: #e0a800;  border-color: #c69500;}
.btn-nnb:not(:disabled):not(.disabled):active:focus, .btn-nnb:not(:disabled):not(.disabled).active:focus,.show > .btn-nnb.dropdown-toggle:focus {  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}

.btn-nnb {  color: #000;  background-color: #fff;  border-color: #ffc107;}
.btn-nnb:hover {  color: #fff;  background-color: #e0a800;  border-color: #d39e00;}
.btn-nnb:not(:disabled):not(.disabled):active, .btn-nnb:not(:disabled):not(.disabled).active,.show > .btn-nnb.dropdown-toggle
{  color: #fff;  background-color: #d39e00;  border-color: #c69500;}
*/
/*
.btn-no:focus, .btn-no.focus {  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}
.btn-no.disabled, .btn-no:disabled {  color: #fff;  background-color: #c82333;  border-color: #b21f2d;}
.btn-no:not(:disabled):not(.disabled):active:focus, .btn-no:not(:disabled):not(.disabled).active:focus,.show > .btn-no.dropdown-toggle:focus {  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}

.btn-no {  color: #000;  background-color: #fff;  border-color: #dc3545;}
.btn-no:hover {  color: #fff;  background-color: #c82333;  border-color: #bd2130;}
.btn-no:not(:disabled):not(.disabled):active, .btn-no:not(:disabled):not(.disabled).active,.show > .btn-no.dropdown-toggle
{  color: #fff;  background-color: #bd2130;  border-color: #b21f2d;}
*/

.btn-checkbox   {color: #000;  background-color: #fff;  border-color: #007bff;}
.btn-radio {color: #000;  background-color: #fff;  border-color: #6c757d;}
.btn-yes   {color: #000;  background-color: #fff;  border-color: #28a745;}
.btn-nnb   {color: #000;  background-color: #fff;  border-color: #ffc107;}
.btn-no    {color: #000;  background-color: #fff;  border-color: #dc3545;}


/*
.btn-checkbox:focus, .btn-checkbox.focus {  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}
.btn-checkbox.disabled, .btn-checkbox:disabled {  color: #fff;  background-color: #0069d9;  border-color: #005cbf;}
.btn-checkbox:not(:disabled):not(.disabled):active:focus, .btn-checkbox:not(:disabled):not(.disabled).active:focus,.show > .btn-checkbox.dropdown-toggle:focus {  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

.btn-checkbox {  color: #000;  background-color: #fff;  border-color: #007bff;}
.btn-checkbox:hover {  color: #fff;  background-color: #0069d9;  border-color: #0062cc;}
.btn-checkbox:not(:disabled):not(.disabled):active, .btn-checkbox:not(:disabled):not(.disabled).active,.show > .btn-checkbox.dropdown-toggle
{  color: #fff;  background-color: #0062cc;  border-color: #005cbf;}

.btn-radio:focus, .btn-radio.focus {  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);}
.btn-radio.disabled, .btn-radio:disabled {  color: #fff;  background-color: #5a6268;  border-color: #4e555b;}
.btn-radio:not(:disabled):not(.disabled):active:focus, .btn-radio:not(:disabled):not(.disabled).active:focus,.show > .btn-radio.dropdown-toggle:focus {  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);}


.btn-radio:hover {  color: #fff;  background-color: #5a6268;  border-color: #545b62;}
.btn-radio:not(:disabled):not(.disabled):active, .btn-radio:not(:disabled):not(.disabled).active,.show > .btn-radio.dropdown-toggle
{  color: #fff;  background-color: #545b62;  border-color: #4e555b;}
*/

.badge-status {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 100%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}