/* start of button size */
.btn {
    font-size: var(--font-size-base);
    font-weight: bold;
    border-radius: 6px;
    padding: 4px 12px;
    margin: 5px;
    line-height: 1.5;
}

.btn.btn-md {
    font-size: var(--font-size-base);
    border-radius: 6px;
    padding: 4px 12px;
    margin: 5px;
}

.btn.btn-sm {
    font-size: var(--font-size-sm);
    border-radius: 4px;
    padding: 2px 8px;
    margin: 1px;
}

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.5;
}

/* end of button size */

/* start of button color */
.btn-b1 {
    color: #fff;
    background-color: #9fc674;
    border: 1px solid #9fc674;
}

.btn-b1.focus,
.btn-b1:focus {
    color: #fff;
    border: 1px dashed #bc03f1;
}

.btn-b1:hover {
    color: #fff;
    background-color: #101c08;
    border: 1px solid #101c08;
}

.btn-b1:disabled,
.btn-b1:disabled:hover {
    color: #fff;
    background-color: #adb5bd !important;
    border: 1px solid #adb5bd !important;
}

.btn-b2 {
    color: #9fc674;
    background-color: #fff;
    border: 1px solid #9fc674;
}

.btn-b2:focus {
    color: #9fc674;
    border: 1px dashed #bc03f1 !important;
}

.btn-b2:hover {
	color: #fff;
    background-color: #101c08;
    border: 1px solid #101c08;
}

.btn-b2:disabled,
.btn-b2:disabled:hover {
    color: #adb5bd !important;
    background-color: #fff !important;
    border: 1px solid #adb5bd !important;
}

.btn-b3 {
    color: #101c08;
    background-color: #ffc107;
    border: 1px solid #ffc107;
}

.btn-b3.focus,
.btn-b3:focus {
    color: #101c08;
    border: 1px dashed #bc03f1 !important;
}

.btn-b3:hover {
    color: #101c08;
    background-color: #ff9c00;
    border: 1px solid #ff9c00;
}

.btn-b3:disabled,
.btn-b3:disabled:hover {
    color: #101c08;
    background-color: #dfc77f !important;
    border: 1px solid #dfc77f !important;
}

.btn-b4 {
    color: #fff;
    background-color: #dc3545;
    border: 1px solid #dc3545;
}

.btn-b4.focus,
.btn-b4:focus {
    color: #fff;
    border: 1px dashed #bc03f1 !important;
}

.btn-b4:hover {
    color: #fff;
    background-color: #b40819;
    border: 1px solid #b40819;
}

.btn-b4:disabled,
.btn-b4:disabled:hover {
    color: #fff;
    background-color: #c97e85 !important;
    border: 1px solid #c97e85 !important;
}

.btn-b1.btn-outline {
    color: #9fc674;
    background-color: #fff;
    border: 1px solid #9fc674;
}

.btn-b1.btn-outline.focus
.btn-b1.btn-outline:focus {
    color: #fff;
    border: 1px dashed #bc03f1 !important;
}

.btn-b1.btn-outline:hover {
    color: #fff;
    background-color: #9fc674;
    border: 1px solid #9fc674;
}

.btn-b1.btn-outline:disabled,
.btn-b1.btn-outline:disabled:hover {
    color: #adb5bd !important;
    background-color: #fff !important;
    border: 1px solid #adb5bd !important;
}

/***************************** title bar ***********/
.portlet-title .btn {
    margin-top: 6px !important;
}

.portlet-title .btn-b1,
.modal-footer .btn-b1 {
    color: #fff;
    background-color: #41691c;
    border: 1px solid #41691c;
}

.portlet-title .btn-b1:disabled,
.modal-footer .btn-b1:disabled {
    color: #fff;
    background-color: #969ca1 !important;
    border: 1px solid #969ca1 !important;
}

.portlet-title .btn-b2,
.modal-footer .btn-b2 {
    color: #41691c;
    background-color: #fff;
    border: 1px solid #41691c;
}

.portlet-title .btn-b1:disabled,
.portlet-title .btn-b2:disabled,
.portlet-title .btn-b3:disabled,
.portlet-title .btn-b4:disabled,
.portlet-title .btn-b1.btn-outline:disabled,
.modal-footer .btn-b1:disabled,
.modal-footer .btn-b2:disabled,
.modal-footer .btn-b3:disabled,
.modal-footer .btn-b4:disabled,
.modal-footer .btn-b1.btn-outline:disabled {
    opacity: 0.9;
}
/* end of button color */