/* Body */

body, * {
    font-family: "Lucida Grande", Verdana, Arial, "sans serif";
}

body {
    background-color: #E5E6E6;
    font-size: 11px;
    padding-right: 15px;
    padding-bottom: 15px;
}


/* Links */

a:focus,
a {
    color: #000;
}

a:hover,
a:active {
    color: #9e6b6b;
    text-decoration: none;
}

a.inverse:focus,
a.inverse {
    color: #fff;
}

a.inverse:hover,
a.inverse.active {
    color: #9e6b6b;
}

.h1, h1 {
    font-size: 1.4rem;
}
.h2, h2 {
    font-size: 1rem;
}
.name:hover{
    color: #9e6b6b;
}
.btn {
    border-radius: 0;
    font-size: 11px;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
    border-radius: 0;
    font-size: 11px;
}

.custom-checkbox-button,
.custom-checkbox-button *,
.custom-checkbox-button *:before,
.custom-checkbox-button *:after{
    box-sizing: content-box !important;
}

.custom-checkbox-button {
    margin-bottom: 8px;
    background-color: #eceef0;
    border: 1px solid #D0D0D0;
    float: left;
}

.custom-checkbox-button.w100 {
    width: 100%;
}
.custom-checkbox-button.w95 {
    width: 95%;
}

.custom-checkbox-button:not(.w100) {
    margin-left: 4px;
    margin-right: 4px;
}

.custom-checkbox-button:hover {
    background: rgba(197, 145, 145, 0.5);
}

.custom-checkbox-button label {
    padding: 0 !important;
    float: left;
    position: relative;
    margin-bottom: 0 ;
    font-weight: normal !important;
}

.custom-checkbox-button label {
    width: 100%;
}

.custom-checkbox-button span,
.custom-checkbox-button label span {
    text-align: center;
    padding: .25rem .5rem;
    display: block;
    cursor: pointer;
    font-size: 11px;
}

.custom-checkbox-button label input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.custom-checkbox-button span.active,
.custom-checkbox-button input:checked + span {
    background-color: #9e6b6b;
    color: #fff;
}

.nav-link.settings {
    padding: .1rem 1rem;
}

.nav-tabs .nav-link {
    border-radius: 0;
}
i.active{
    background-color: transparent;
    color: #9e6b6b;
}

.list-group-item .active{
    background-color: black;
    color: white;
}

.btn-super-small{
    height: 15px;
    padding: 0;
    margin-left: 5px;
    font-size: 9px;
}


.sortable-column .list-group-item {
    border-radius: 0;
    margin-bottom: 10px;
}

.list-group-item.sortable-placeholder {
    background-color: #d8a0a0 !important;
    border: 1px solid #9e6b6b !important;
}

/* try this fancy stuff */
/*.nested-sortable li{
    float: left;
    margin: 10px;
}

.nested-sortable ol {
    border: 1px dotted #000;
}

ol.nested-sortable > li,
.nested-sortable ol::after {
    display: block;
    clear: both;
    content: "";
}*/

.tag-nested ol.unsortable > li,
.tag-nested ol.nested-sortable > li {
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    width: 22%;
}

h2.another_birdhouse_font,
h2.another_birdhouse_font *{
    text-align: left;
    font-size: 24px;
    margin: 0;
}

.another_birdhouse_font,
.another_birdhouse_font *{
    font-family: 'another_birdhouse';
}

#global_modal{
    overflow: scroll;
}

/*fix for tinymce modal z-index broken*/
.modal-backdrop {
  z-index: unset !important;
}