/* DAGSTAAT */

/* ajax callback */
.response {
	position: fixed;
	z-index: 99;
	bottom: 0px;
}
.alert {
	animation: flyup 1s;
    animation-fill-mode: forwards;
}
@keyframes flyup {
  0% {  
    bottom: -60px;
  }
  100% {
    bottom: 40px;
  }
}
tr.odd {
	background: #e9ecef;
}
td.warning {
	background-color: #f8d7da;
    border-color: #f5c2c7;
}
textarea {
  width: 100%;
  height: 150px;
}
.fixme {
  position: -webkit-sticky;
  position: sticky; 
  top: 0px;
  z-index: 99;
 
}
td.td-date {
	min-width: 105px;
}
/*td:not(td.td-date,td.td-time,td.td-description,td.td-name):hover {
	font-weight: bold;
	
}*/
.btn-badmeester {
	background: #3788d8;
	color: #fff;
}

/* scroll to top button */
#scrolltotop {
  display: inline-block;
  background-color: #FF851B;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#scrolltotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#scrolltotop:hover {
  cursor: pointer;
  background-color: #0d6efd;
}
#scrolltotop:active {
  background-color: #555;
}
#scrolltotop.show {
  opacity: 1;
  visibility: visible;
}
.card {
	border: none !important;
}
td.td-edit, td.td-delete {
	cursor: pointer;
}

/* UREN */
.btn-badmeester {
	background: #3788d8;
	color: #fff;
}
.btn-kassa {
	background: #FF851B;
	color: #fff;
}
.badmeester {
	background-color: #3788d8 !important;
	color: #fff;
}
.kassa {
	background-color: #FF851B !important;
	color: #fff;
}
td.delete-hours {
    color: red;
	cursor: pointer;
}
/* styling selectbox */
option {
    border: 5px solid #dddddd;
}
td.delete-hours {
	cursor: pointer;
}
.input-status {
	cursor: pointer;
}

/* SETTINGS */
/* Category tags */
.tagin {
  display: none;
}

.tagin-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  padding: calc(0.375rem - 2px) calc(0.75rem - 2px);
  position: relative;
  overflow: hidden;
  cursor: text;
}

.tagin-wrapper.focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.tagin.is-valid + .tagin-wrapper,
.was-validated .tagin:valid + .tagin-wrapper {
  border-color: #198754;
}

.tagin.is-invalid + .tagin-wrapper,
.was-validated .tagin:invalid + .tagin-wrapper {
  border-color: #dc3545;
}

.tagin-tag {
  border-radius: 0.25rem;
  color: #fff;
  border: 0;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  height: 24px;
  margin: 2px;
  font-weight: 300;
  background-color: #0d6efd;
  transition: transform .1s;
}

.tagin-tag-remove {
  margin-left: 4px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E");
  
}


.tagin-tag-remove:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E");
}

.tagin-input {
  margin-left: 2px;
  border-color: transparent;
  outline: 0;
  border-width: 1px 0;
  padding: 0 2px 0 0;
  height: 28px;
  color: #212529;
}

.tagin-input:not(.tagin-input-hidden) {
  width: 4px;
  min-width: 4px;
}

.tagin-input-hidden {
  position: absolute;
  top: 0;
  left: -9999px;
  overflow: hidden;
  visibility: hidden;
  white-space: nowrap;
}


.tooltip {
	opacity: 1 !important;
}
.cp-color-picker {
	z-index: 1070;
}

input.color,
.fc-list-event-title {
	cursor: pointer;		
}
input.color {
	width: 50px;
}
input.bg-preview,
input.text-preview {
	color: transparent !important;
}
.modal-header {
	cursor: move;
}

/* Calendar */
.form-check-inline {
	margin-right: 10px !important;
}
iframe {
	width: 100% !important;
}

/* tags monthdays */
.tags-look .tagify__dropdown__item{
  display: inline-block;
  border-radius: 3px;
  padding: .3em .5em;
  border: 1px solid #0d6efd;
  background: #0d6efd;
  margin: .2em;
  font-size: .85em;
  color: #fff;
  transition: 0s;
}

.tags-look .tagify__dropdown__item--active{
background: #0d6efd;
  color: #fff;
}

.tags-look .tagify__dropdown__item:hover{
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}

.fc-button-active, .btn-active {
	background-color: #2c3e50 !important;
	opacity: 0.65;
	border: 1px solid #2c3e50;

}

/*.popover {
	max-height: 240px;
	overflow: hidden;
	padding-bottom: 30px; 	
}*/

.legenda-badmeester {
	background: #3788d8;	
}
.legenda-kassa {
	background: #FF851B;
}
.legenda-bijzonderheden {
	background: #2ECC40;
}
.legenda-nog-op-te-lossen {
	background: #ff4136;
}
.fc-event-main {
	cursor: pointer;
}
.reveal-passw {
	cursor: pointer;
}

/* custom button styling */
button.fc-addEventButton-button.btn-success {
    background-color: #198754 !important;
    border-color: #198754 !important;	
}
button.fc-addEventButton-button.btn-success:hover {
	text-decoration: underline;
}

/* External Events */
#external-events {
  position: fixed;
  z-index: 3;
  top: 20px;
  left: 20px;

}

#external-events .fc-event {
  cursor: move;
  margin: 3px 0;
}
#external-events-header {
	cursor: move;
}
#external-events-header .collapse-trigger {
	cursor: pointer;
}
.fc-badmeester { 
  display: block;
  border: 1px solid #3788d8 !important;
  border: 1px solid var(--fc-event-border-color, #3788d8) !important;
  background-color: #3788d8 !important;
  background-color: var(--fc-event-bg-color, #3788d8) !important;

}

.fc-kassa { 
  display: block;
  border: 1px solid #FF851B !important;
  border: 1px solid var(--fc-event-border-color, #FF851B) !important;
  background-color: #FF851B !important;
  background-color: var(--fc-event-bg-color, #FF851B) !important;

}
.fc-bijzonderheden { 
  display: block;
  border: 1px solid #2ECC40 !important;
  border: 1px solid var(--fc-event-border-color, #2ECC40) !important;
  background-color: #2ECC40 !important;
  background-color: var(--fc-event-bg-color, #2ECC40) !important;

}
.fc-extra { 
  display: block;
  border: 1px solid #F012BE !important;
  border: 1px solid var(--fc-event-border-color, #F012BE) !important;
  background-color: #F012BE !important;
  background-color: var(--fc-event-bg-color, #F012BE) !important;

}

.fc-event-main.ext-category {
	padding: 1px;
	cursor: move;
	
}

.fc-event-time {
	display: none;
}

.btn-badmeester {
	background: #3788d8;
	color: #fff;
}
.btn-kassa {
	background: #FF851B;
	color: #fff;
}
.footer {
	font-size: 14px;
}
.footer .heart {
	color: #FF0000;
	font-size: 16px;
}


td.fc-list-event-time {
	display: none;
}

/* dagstaat kassa */
.notes-img {
	width: 120px;
	
}
.coins-img {
	width: 60px;	
}
.notes-coins {
	min-width: 145px;
}


.input-euro {
    position: relative;
}
.input-euro.left input {
    padding-left:22px;
	
}
.input-euro:before {
    position: absolute;  
    content:"€";
}
.input-euro.left:before {
    padding-top: 7px;
	padding-left: 10px;
}

/* opmaak inputvelden kassa */
span.euro-auto,
span.euro-man {
	padding-right: 0px !important;
}
span.euro-man {
	background-color: #fff !important;
}
input.euro-input {
	border-left: 0px !important;
}

/* table border overwrite BS */
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #6c757d; /* border-secondary color */
}

/* Spinner */
.overlay-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
	/*background: rgba(0,0,0,0.2);*/
}

.spinner-grow {
    position: absolute;
    top: 50%;
    left: 50%;
}

.min-145 {
	min-width: 145px;
}
.min-200 {
	min-width: 200px;
}

a.weather-button {
	position: absolute;
	top: 10px;
	right: 10px;
}
a.open-button {
	position: absolute;
	top: 10px;
	right: 120px;
}
.nav-item-last {
	margin-right: 140px;
}