html, body {
    height: 100%;
}
body {
    #background-color: #41B883;
}

.container {
    background-color: white;
    padding-bottom: 15px;
}

.radio {
    padding: .375rem .75rem;
}

.page-title
{
    padding-top: 1rem;
    padding-bottom: .5rem;
}

.btn-primary {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:hover  {
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-primary:disabled {
    background-color: #218838;
    border-color: #1e7e34;
}

.navbar-custom {
    background-color: #339C33;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

.navbar-toggler {
    border-color: rgb(255,255,255);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.menu {
    margin-bottom: 1rem;
    background-color: rgb(238, 238, 238);
    padding: 10px;
    border: 1px solid rgb(205, 213, 215);
}

.break-word {
    word-break: break-word;
}