#header {
    box-sizing: content-box;
}

#header h1 {
    line-height: 40px;
}

a.btn:not([class*="btn-warning"]), a.btn:link:not([class*="btn-warning"]), a.btn:visited {
    color: #fff;
}

a.btn-sm:not([class*="btn-warning"]), a.btn-sm:link:not([class*="btn-warning"]), a.btn-sm:visited {
    color: #fff;
}

a.btn.btn-link {
    color: #007bff;
}

a.btn-warning, a.btn-warning:link, a.btn-warning:visited {
    color: #111;
}

body.login {
    background-image: url('../images/brick.jpg');
    background-size: cover;
}

.login #container {
    border: none;
}

.login .form-row {
    margin-left: 0;
    margin-right: 0;
}

.table tr > td {
	vertical-align: middle;
}

.delete-confirmation form .cancel-link, .submit-row a.deletelink {
    height: auto;
}

.circle {
    border-radius: 50%;
}

div#id_community_reports, div#id_bank_reports {
    column-count: 5;
    column-rule: 1px solid #ddd;
}

.table td .form-group {
    margin-bottom: 0;
}

.announcement-post-item {
    border-radius: 0.25rem;
}

.handle {
    display: inline-block;
    border-top: 3px solid var(--dark);
    width: 30px;
    padding-top: 5px;
    cursor: grab;
}
.handle:after, .handle:before {
    display: block;
    content: "";
    padding-top: 5px;
    border-top: 3px solid var(--dark);
}
.handle:hover, .handle:hover:before, .handle:hover:after {
    border-color: var(--primary);
}
.handle:active, .handle:active:before, .handle:active:after {
    cursor: grabbing;
}

.django-ckeditor-widget{
    display: block!important;
}

#footer{
    display: none;
}
#content{
    padding-bottom: 0px !important;
}

#logout-button{
    background: none!important;
    border: none;
    padding: 0!important;
    margin: 0!important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    font-family: "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 300;
}
/* * Styles for accordions on admin session page */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #fff;
    color: #666;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    text-align: left;
    border: 1px solid rgba(0,0,0,.125);
    outline: none;
    transition: 0.2s;
}
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ddd;
}
  
  /* Style the accordion panel. Note: hidden by default */
.accordion-panel {
    padding: 0 12px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
  }

input[type="checkbox"].form-control, input[type="radio"].form-control {
    display: inline;
    width: auto;
    line-height: 1;
    border: none;
    border-radius: 0%;
}