.beeJS__btn {
font-weight: 400;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
background-color: #f8f9fa;
border: 1px solid #ddd;
color: #444;
cursor: pointer;	
}
.beeJS__btn:hover {
background-color: #E9ECEF;
}
.beeJS__btn:disabled {
opacity: .65;
cursor: default;
border-color: #f8f9fa !important;
background-color: #f8f9fa !important;
color: #444 !important;
}
.beeJS__btn.beeJS__green {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.beeJS__btn.beeJS__green:hover {
color: #fff;
background-color: #218838;
border-color: #28a745;
}
.beeJS__btn.beeJS__blue {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.beeJS__btn.beeJS__blue:hover {
color: #FFF;
background-color: #0069D9;
border-color: #007bff;
}
.beeJS__btn.beeJS__red {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.beeJS__btn.beeJS__red:hover {
color: #fff;
background-color: #C82333;
border-color: #dc3545;
}
.beeJS__btn.beeJS__yellow {
color: #1F2D3D;
background-color: #FFC107;
border-color: #FFC107;
}
.beeJS__btn.beeJS__yellow:hover {
color: #1F2D3D;
background-color: #DBA506;
border-color: #DBA506;
}
.beeJS__modal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.5);
z-index: 90000;
opacity: 0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: auto;
overflow: auto;
text-align: center;
}
.beeJS__modal-content {
position: relative;
display: flex;
flex-direction: column;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: 0.3rem;
box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 50%);
outline: 0;
text-align: left;
width: 100%;
max-width: 50%;
margin: 1.75rem auto;
}
.beeJS__modal-body {
padding: 1rem;
text-align: left;
}
.beeJS__modal-default-header {
width: 100%;
display: flex;
align-items: center;
text-align: left;
justify-content: space-between;
box-sizing: border-box;
padding: 0.5rem 1rem;
border-bottom: 1px solid rgba(0,0,0,.125);
}
.beeJS__modal-default-header__content {
flex-grow: 1;
font-weight: 600;
}
.beeJS__modal-default-header__close-btn {
font-size: 1.5rem;
font-weight: 700;
color: #000;
opacity: 0.5;
cursor: pointer;
}
.beeJS__modal-default-header__close-btn:hover {
opacity: 1;
}
.beeJS__modal-default-footer {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
box-sizing: border-box;
padding: 0.5rem 1rem;
border-top: 1px solid rgba(0,0,0,.125);
}
.beeJS__modal__buttons-footer {
width: 100%;
text-align: right;
padding: 0.5rem 1rem;
box-sizing: border-box;
border-top: 1px solid rgba(0,0,0,.125);	
}