/* LD Custom Stuff */
:root {
    /* base definition: */
    --base-color-primary: #337ab7; /* 46% L */
    --base-color-primary-40: #2e6da4;
    --base-color-primary-30: #286090;
    --base-color-primary-20: #204d74;
    --base-color-primary-10: #122b40;
    --base-color-primary-80: #ced3dc;
    --base-color-danger: #dd0000; /* 43% L */
    --base-color-grey-80: #cccccc;
    --base-color-grey-90: #e6e6e6;
    --base-color-white: #ffffff;
    /* theme: */
    --t-text-danger: var(--base-color-danger);
    --t-horizontal-border: var(--base-color-grey-80);
    --t-nav-links-color: var(--base-color-primary-80);
    --t-btn-primary-color: var(--base-color-white);
    --t-btn-primary-bg: var(--base-color-primary);
    --t-btn-primary-border: var(--base-color-primary-40);
    --t-btn-primary-color--active: var(--base-color-white);
    --t-btn-primary-bg--active: var(--base-color-primary-30);
    --t-btn-primary-border--active: var(--base-color-primary-20);
    --t-form-validation-error-color: var(--base-color-danger);
    --t-form-validation-error-border: var(--base-color-danger);
    --t-form-textbox-disabled: var(--base-color-grey-80);
}

.clickable-row {
    cursor: pointer;
}

input.disabled {
    background-color: var(--t-form-textbox-disabled) !important;
    border-color: var(--t-form-textbox-disabled) !important;
}

/*brighten nav links*/
.nav > li > a {
    color: var(--t-nav-links-color);
}

/* probably unnecessary */
.panel-body-clear {
    margin-top: 20px;
}

/* scoot over the drop down menu */
.dropdown-menu-right {
    left: -70px;
}

/*select2 tweaks for modal and tags*/
.select2-container--open {
    z-index: 10000;
}

.select2-results__option[aria-selected=true] {
    background-color: #cccccc !important;
}

/* on small screens set page wrapper zindex to stop the flashing bug */
@media (max-width: 768px) {
    .hidebtn-xs {
        display: none !important;
    }

    .pull-none-xs {
        float: none !important;
    }

    #page-wrapper {
        z-index: 2002;
    }
}

.title-action .btn {
    margin: 0 0 0.5rem 0.5rem;
}

/* on small screens remove the last breadcrumb and widen the button */
@media (max-width: 768px) {
    .title-action > .btn-group {
        display: block;
    }

        .title-action > .btn-group > .btn {
            width: 100%;
        }

    .title-action > .btn {
        width: 100%;
        margin-bottom: 4px;
    }

    .title-action > .btn-group > .dropdown-menu {
        left: 0;
    }

    .breadcrumb > .active {
        display: none;
    }
}

@media (max-width: 990px) and (min-width: 769px) {
    /* simulate btn-xs */
    .title-action .btn {
        font-size: 12px;
        padding: 1px 5px;
    }
}

/*Formatting for widescreens on clickable rows*/
@media (max-width: 1300px) {
    .clickable-row td {
        overflow: hidden;
        white-space: nowrap;
        max-width: 100px;
    }
}

/*jquery ui validation formatting*/
.field-validation-error {
    color: var(--t-form-validation-error-color);
    font-size: smaller;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 2px ridge var(--t-form-validation-error-border);
}

.validation-summary-errors {
    font-weight: bold;
    color: var(--t-form-validation-error-color);
    margin-bottom: 2rem;
    padding: 0;
}

    .validation-summary-errors ul {
        padding: 0;
    }

    .validation-summary-errors.with-description ul {
        padding-left: 2rem;
    }

    .validation-summary-errors li {
        list-style: none;
    }

.validation-summary-valid {
    display: none;
}

/*formatting of table plugins*/
.dataTables_filter {
    float: right;
    margin: 6px;
}

    .dataTables_filter input {
        margin-left: 0.5em;
    }

#sortTable th {
    white-space: nowrap;
}

#sortTable td {
    white-space: nowrap;
}

.table-responsive th {
    white-space: nowrap;
}

.table-responsive td {
    white-space: nowrap;
}

/*nice css column overflows*/
.elipsis tbody tr td {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*---OVERRIDES---*/

/*custom error pages heading override to reduce from 170px*/
.middle-box h1 {
    font-size: 60px;
}

/* shrink date on edit lead > notes */
.timeline-item .date {
    width: 16.6%;
}

/*Make tags look nicer when they wrap*/
.fa-tag {
    margin-bottom: 10px;
}

/*custom line height*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    line-height: 3;
}

/*change colors*/
hr {
    border-color: var(--t-horizontal-border);
}

.btn-primary {
    color: var(--t-btn-primary-color);
    background-color: var(--t-btn-primary-bg);
    border-color: var(--t-btn-primary-border);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: var(--t-btn-primary-color--active);
        background-color: var(--t-btn-primary-bg--active);
        border-color: var(--t-btn-primary-border--active);
    }

.text-danger {
    color: var(--t-text-danger);
}

/*top nav custom formatting*/
.navbar-form-custom {
    width: 300px;
}

.navbar-right {
    margin-right: 0 !important;
}

.tooltip-inner {
    min-width: 100px;
    max-width: 600px;
    text-align: left;
}

@media print {
    .navbar-default {
        display: none;
    }

    .btn {
        display: none;
    }

    .navbar {
        display: none;
    }

    .page-heading {
        display: none;
    }

    .footer {
        display: none;
    }

    .ibox-tools {
        display: none;
    }
}

@media (max-width: 768px) {
    /*https://github.com/twbs/bootstrap/issues/15852*/
    body.modal-open {
        position: fixed;
        width: 100%
    }
}

/*Space out form columns on small screens*/
@media (max-width: 991px) {
    [class*="col-"]:not(:last-child) {
        margin-bottom: 15px;
    }
}

/*material design dimension*/
.ibox, .nav-pills {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.ibox-title, .ibox-content {
    border-style: none;
}

.page-heading {
    padding: 0 10px 20px 10px;
    margin: 20px 10px 5px 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.page-heading-row {
    display: flex;
}

    .page-heading-row.row > * {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-heading-row .page-heading-title {
        flex-grow: 1;
    }

    .page-heading-row .page-heading-title-actions {
        flex-grow: 1;
    }

@media (max-width: 768px) {
    .page-heading-row {
        display: block;
    }
}

.widget {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
/*end design dimension*/