body {
    font-size: .875rem;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

/*
 *  Sign In
 */

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

    .form-signin .form-control:focus {
        z-index: 2;
    }

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*
 * Card Corrections
 */

.card-header.d-flex > label {
    margin-bottom:0px;
}

/*
 * Card Info
 */

.card-info .card {
    box-shadow: .2rem .2rem .3rem rgba(0, 0, 0, 0.3);
}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px; /* Height of navbar */
    height: calc(100vh - 48px);
    /*padding-top: .5rem;*/
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    color: #333;
}

.sidebar .nav-link i {
    font-size:1.2rem;
    min-width:2rem;
}

.sidebar-heading {
    text-transform: uppercase;
}

.sidebar ul:last-child {
    padding-bottom:2rem;
}

/*
 * Bootstrap Adjustments
*/

.table tr.text-white th a {
    color:white !important;
}

.checkboxlist-inline li, .radiobuttonlist-inline li {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
    position: relative;
}

    .checkboxlist-inline li input, .radiobuttonlist-inline li input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0;
    }

    .checkboxlist-inline li label, .radiobuttonlist-inline li label {
        margin-bottom: 0;
    }

label ~ .btn-group-toggle {
    display: inline-flex;
    width: 100%;
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
    border-left: 0px;
}

.btn-group .btn.btn-outline-secondary {
    border-color: #c8cbce;
}

.btn-group.is-invalid .btn {
    border-color: red;
}

/*
 * Notes/Chat
*/

.crm-scroll-notes {
    height: calc(100vh - 220px);
    overflow-y: auto;
    overflow-x: hidden;
}

.crm-note {

}

    .crm-note .crm-note-body {
        font-size: 75%;
        border-radius: 0.75rem;
        display: inline-block;
        max-width:80%;
    }

    .crm-note .crm-note-self {
        background-color: #00ff90 !important;
        text-align:right;
        float:right;
    }

/*
 * Multi-Dropdown Nav Menu Item 
*/

.dropdown-item {
    padding-left:1rem !important;
}

.dropdown-item i {
    min-width:1.5rem;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > a.dropdown-toggle {
        margin-right:2rem;
    }

    .dropdown-submenu > a:after {
        content: "\f0da";
        float: right;
        border: none;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

/*
 * Sorting
*/

.chosen {
    background-color: lightgray !important;
}

table.sortable .table-row-item {
    cursor: move;
}

/*
 * Toast Container Fix
*/
.toast {
    min-width:300px !important;
}
.toast-container.top-right {
    top: 60px;
    right: 15px;
}

/*
 * Utilities
 */

.modal-full {
    max-width: calc(100% - 4rem);
}

.modal-screen {
    max-width: calc(100% - 4rem);
}

.modal-screen .modal-content {
    min-height: 90vh;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.list-group-sm .list-group-item {
    padding: 0.50rem 1.25rem !important;
}

/* Loading Panel */

.loading {
    position: relative;
    min-height:6em;
}

    .loading > div {
        position: relative;
        opacity: 0.25;
    }

    .loading > .spinner {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

        .loading > .spinner > span {
            height: 5em;
            width: 5em;
            display:block;
            margin: 0.5em auto;
        }

/* Pop Over Fix */
.popover {
    max-width: initial;
}

/* Activity Dashboard */

.activity .card-body .scroll {
    clear: both;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 340px;
    min-height: 340px;
}

.introducer-crm .activity .card-body .scroll {
    min-height: 60vh;
    max-height: 60vh;
}

.notification-count.badge {
    font-size:90%;
}