html {
    height: 100%;
}

body {
    min-height: 100%;
    padding-bottom: 3rem;
    margin: 0;
    position: relative;
    font-family: "Roboto", sans-serif !important;
    font-weight: 300 !important;
}

#footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background: #e2e4e2;
    border-top: 1px solid #2b8500;    /* border-top: 1px solid #EAEEF2; */
    /* color: #514B52; */
    box-shadow: rgba(0, 0, 0, 0.075) 0px -1px 4px 0px;
    font-family: "Roboto Condensed", sans-serif; 
    font-size: 0.8em;
}

#footer p {
    margin-bottom: 0;
}

pre {
    border: none;
    padding: 0 0 0 2em;
    background-color: white;
    white-space:pre-line;
}

.green {
    color: #2C9F1C;
}

.red {
    color: #E3342F;
}
body strong {font-weight: 800;}
#dev-server {position: absolute; left: -15px; top: -7px;}

body h1 {font-weight: 800; color: #5b6268}
body .btn-light {border-color: #D7DEE3;}
/* body .btn-light:hover {border-color: #BEC5C9;} */
body .btn-light:not(:disabled):not(.disabled).active {}

.form-control.show-data {height: auto; min-height: 37px;}
a i, button i {opacity: 0.5; transition: opacity 0.15s;}
a:hover i, button:hover i {opacity: 0.7;}

body .btn, body .dropdown-item {font-weight: 300;}
body .bg-primary, body .btn-primary, body .bg-info, body .btn-info, body .btn-primary:not(:disabled):not(.disabled):active, body .btn-info:not(:disabled):not(.disabled):active {background-color: #2b8500;}
body nav.bg-info {background-color: #2b8500 !important;}
body a {color: #2b8500;}
body a:hover {color: #3bb700;}
body .btn-link:not[.dropdown-item] {color: #2b8500;}
body .btn-link:hover:not[.dropdown-item] {color: #3bb700;}
body .btn-primary, body .btn-info {border-color: #2b8500;}
body .btn-primary:hover, body .btn-info:hover, body .btn-primary:not(:disabled):not(.disabled):focus, body .btn-info:not(:disabled):not(.disabled):focus {background-color: #206400; border-color: #206400;}
.sticky-footer {position: sticky; bottom: 0; padding: 10px 0; background-color: #D7DEE3;}
.sticky-footer {position: sticky; bottom: 0; padding: 10px 0; background-color: #D7DEE3;}
.sticky-footer {position: sticky; bottom: 0; padding: 10px 0; background-color: #D7DEE3;}
body .btn-light {background-color: #eff5ec; border-color: #2b8500;}
body .btn-light:hover {background-color: #dde9d7; border-color: #2b8500;}
body .navbar-brand {position: relative; padding-left: 32px;}
body .navbar-brand i {margin-right: 10px; position: absolute; top: 7px; left: 0px;}
body .navbar-dark .navbar-nav .nav-link {color: #fff;}
body .navbar-dark .navbar-nav .nav-link:hover {color: #fff; opacity: 0.7;}
body .navbar-expand-md .navbar-nav li {padding-left: 0.7em; padding-right: 0.7em;}
body .navbar-expand-md .navbar-nav li:last-child {padding-right: 0;}

table.table tbody td {font-family: "Roboto Condensed", sans-serif; padding: 6px; font-size: 0.9em;}
table tr.ignore td:not(.action) {text-decoration: line-through; opacity: 0.4;}

.text-condensed {font-family: "roboto Condensed", sans-serif;}
.text-smaller {font-size: 0.8em;}

/* 3 dots bounce loading effect - https://codepen.io/danielmorosan/pen/XmYBVx */
.bouncing.ball.spinner {margin: 0 auto; width: 70px; text-align: center;}
.bouncing.ball.spinner > div {width: 10px; height: 10px; background-color: #bbbbbb; border-radius: 100%; display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.bouncing.ball.spinner .bounce1 {-webkit-animation-delay: -0.48s; animation-delay: -0.48s;}
.bouncing.ball.spinner .bounce2 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.bouncing.ball.spinner .bounce3 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) }  40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); }}

.container.main {position: relative;}
.bouncing.ball.page-header {position: absolute; top: 18px; left: calc(50% - 100px); width: 200px; display: none;}
.bouncing.ball.page-header.spinner > div {margin-left: 14px; width: 12px; height: 12px;}
.page-header {margin-bottom: 30px;}

.toc {border-left: #ccc 1px solid; padding: 15px;}
.toc ul {list-style-type: none; padding: 0; margin-left: 1.2em; margin-bottom: 0;}

.documentation table td {border: 1px solid #ccc; padding: 2px 5px; vertical-align: top; font-family: "Roboto Condensed", sans-serif;}
.documentation table th {background-color: #2b8500; color: #fff; padding: 2px 5px;}
.documentation table {margin-bottom: 2em;}

.card .card-header {font-weight: 900; font-size: 1.2em; background-color: #2b8500; color: white;}
.card .card-body ul {list-style: none; margin-left: 0; padding-left: 0;}

form label {font-weight: 600;}
.help-text {opacity: 0.5; font-size: 12px;}
label.control-label {margin-top: 0.8em;}
.sticky-footer {position: sticky; bottom: 0; padding: 10px 0; background-color: #ddeed4; border-top: 1px solid #2b8500; border-bottom: 1px solid #2b8500;}
#count-holder {font-weight: 900; font-size: 1.3em; position: relative; text-align: right; margin-top: 2px; color: #2b8500;}
#count {min-width: 100px; display: inline-block; padding-right: 20px;}
.bouncing.ball.footer {position: absolute; top: 0; right: 0; width: 100px; display: none;}
.bouncing.ball.footer.spinner > div {margin-left: 6px; width: 11px; height: 11px; background-color: #2b8500;}

.spinner-holder {position: relative; display: inline-block; width: 400px; height: 24px;}
.spinner-holder .bouncing.ball.footer {left: -16px; top: 8px; right: unset;}
.spinner-holder i.done {color: #2b8500; font-size: 30px; position: absolute; top: 5px; left: 10px; display: none;}
.spinner-holder .error-holder {color: #990000; font-size: 20px; position: absolute; top: 5px; left: 10px; display: none;}
.spinner-holder .patience {display: inline-block; position: absolute; top: 8px; left: 90px; display: none;}
.spinner-holder .patience .message-1, .spinner-holder .patience .message-2 {display: none;}