.validationMessage {
    color: red;
}

/* ASP.NET MVC Validation Summary */
.validation-summary-errors ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Bootstrap augments */

.dropdown-menu {
    padding: 10px;
    margin: 5px 0;
}

.dropdown-item {
    padding: 10px;
    border: solid 1px white;
}

.dropdown-menu a,
.dropdown-menu a:active,
.dropdown-menu a:hover,
.dropdown-menu a:visited {
    text-decoration: none;
}

.modal-header h4 {
    font-size: 13px;
    font-weight: bold;
}

.nav-pills {
    margin-bottom: 2px;
}

    .nav-pills > li + li {
        margin-left: 0;
    }

    .nav-pills > li > a {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 4px;
        padding: 4px 8px;
        margin: 4px;
        font-size: 11px;
        font-weight: bold;
    }

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.modal .modal-body {
    max-height: 800px; /*was 575*/
    overflow-y: auto;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 1px 4px;
}

/* End Bootstrap augments*/

.navbar-logo,
.coming-soon .brand .logo {
    border: none;
    background-image: url('Images/Logos.png');
    background-repeat: no-repeat;
    background-position-x: left;
    width: 165px;
    height: 35px;
}

.login-cover-bg {
    opacity: 0.0;
}

.login-cover-image {
    background-size: cover;
    background-image: url('/Content/Images/login-bg/healthcare_1440.jpg');
    background-repeat: no-repeat;
}

.login .login-content {
    padding: 15px 40px;
    color: #999;
    width: 450px;
    margin: 0 auto;
}

    .login .login-content img {
        margin-bottom: 15px;
    }

.login-v2 {
    background: rgba(0,0,0,0.65);
    color: #ccc;
    width: 450px;
    margin: initial;
    /*margin: 168px auto;
    position: relative;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .login-v2 .form-control {
        background: rgba(0,0,0,0.45);
        border: none;
        color: #ebebeb;
    }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

#content {
    padding-top: 0;
    margin-top: 20px;
}

.sidebar .sub-menu > li > a.currentMenuItem {
    color: orange;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
}

span[title], span[tooltip] {
    text-decoration: none;
    cursor: help;
}

td.column-actions {
    white-space: nowrap;
    width: 1px;
}

th button {
    width: 100%;
}

/* Angular input stying */
input.ng-invalid,
select.ng-invalid,
textarea.ng-invalid {
    border: 1px red solid;
}

/* Kendo Grid */
.k-grid table tr.k-state-selected td {
    border-top: double 3px orange;
    border-bottom: double 3px orange;
    background-color: #ffffff;
    color: #000;
}

.k-grid table td.k-state-selected {
    border: solid 2px orange;
    background-color: #ffffff;
}

/* Kendo Grid - Visual Scheduler */
#visualSchedulerGrid tbody td {
    cursor: pointer;
    vertical-align: top;
    padding: 0;
}

    #visualSchedulerGrid tbody td div {
        padding: 2px;
        margin: 1px;
    }

#visualSchedulerGrid td.altMonth {
    background-color: #ebebeb;
}

#visualSchedulerGrid tr.futureScheduleA td {
    border-bottom: solid 1px red;
}

#visualSchedulerGrid tr.futureScheduleB td {
    border-bottom: solid 1px red;
}

#visualSchedulerGrid .schedulingCompleted {
    background-color: lightgreen;
}

#visualSchedulerGrid .allSchedulingCompleted {
    color: green;
    font-weight: bold;
}

#visualSchedulerGrid .incompleteScheduling {
    color: red;
    font-weight: bold;
}

#visualSchedulerGrid div.goalData {
    white-space: nowrap;
    padding: 0 2px;
}

#visualSchedulerGrid span.goalActual {
    font-weight: bold;
}

/* Kendo MultiSelect */
.k-widget.k-multiselect li.k-button {
    background-color: #999;
}

/* Theme overrides */

/* Theme additions */

.widget-chart .widget-chart-subtitle {
    text-transform: uppercase;
}

.note.note-important {
    border-color: darkorange;
    background-color: rgb(255, 211, 130);
    color: #000;
}

    .note.note-important strong.keyword {
        color: #fff;
        background-color: darkorange;
        padding: 2px;
        font-weight: normal;
        border: solid 1px white;
    }

/* Table pagers */
.pagination {
    margin: 0;
    padding: 0;
}

    .pagination > li > a {
        font-size: smaller;
    }

.lpager > div:first-child {
    padding-left: 20px;
}

.lpager > div:last-child {
    padding-right: 20px;
    text-align: right;
}

.tab-content .panel-body {
    background-color: #ebebeb;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

/* Button icons */
a i.fa,
button i.fa {
    margin-right: 5px;
}

/* Sort icons in tables */
th a i.fa {
    margin-left: 5px;
}

th a, th a:active, th a:hover, th a:link, a:visited {
    text-decoration: none;
}

.tab-content {
    border-top: solid 1px #cccccc;
}

.note-important a {
    color: #c67411;
}

.required {
    font-weight: bold;
    color: black;
}

.note {
    color: #000000;
}

.panel-Numbers {
    line-height: 20px;
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}

    .panel-Numbers .pull-right {
        line-height: 20px;
    }


.panel-padding {
    padding-bottom: 15px;
}

.text-red-lighter {
    color: #F38F8F;
}

.hover {
    background-color: #ebebeb;
}

/*for Add/ Edit screen on LeadTracker*/
.btn.btn-white-multiselectAssociates {
    background: #fff;
    border: 1px solid #ccd0d4;
    width: 355px;
    font-size: 12px;
    font-family: 'Muli'; /*"Helvetica Neue",Helvetica,Arial,sans-serif; 'Muli'*/
    text-align: left;
    color: #555;
}


.btn.btn-white-multiselect {
    background: #fff;
    border: 1px solid #ccd0d4;
    width: 300px;
    font-size: 12px;
    font-family: 'Muli'; /*"Helvetica Neue",Helvetica,Arial,sans-serif; 'Muli'*/
    text-align: left;
    font-weight: 900;
    color: #555;
}

.btn-white-multiselect:hover,
.btn-white-multiselect:focus,
.btn-white-multiselect:active,
.btn-white-multiselect.active,
.open .dropdown-toggle.btn-white-multiselect {
    border-color: #d8dde1;
}


.btn.btn-white-multiselectNoFixedWidth {
    background: #fff;
    border: 1px solid #ccd0d4;
    font-size: 12px;
    font-family: 'Muli'; /*"Helvetica Neue",Helvetica,Arial,sans-serif; 'Muli'*/
    text-align: left;
    font-weight: 900;
    color: #555;
}

.btn-white-multiselectNoFixedWidth:hover,
.btn-white-multiselectNoFixedWidth:focus,
.btn-white-multiselectNoFixedWidth:active,
.btn-white-multiselectNoFixedWidth.active,
.open .dropdown-toggle.btn-white-multiselectNoFixedWidth {
    border-color: #d8dde1;
}



/*To hightlight the multiselect dropdown when any item is selected*/
.btn.btn-white-multiselect-searchCriteria-changed {
    background: #fff;
    border: 1px solid #ccd0d4;
    width: 120px;
    font-size: 12px;
    font-family: 'Muli'; /*"Helvetica Neue",Helvetica,Arial,sans-serif; 'Muli'*/
    text-align: left;
    font-weight: 900;
    color: #555;
    background-color: yellow;
}

/*for search screen on LeadTracker*/
.btn.btn-white-multiselect-searchAssoicates {
    background: #fff;
    border: 1px solid #ccd0d4;
    width: 120px;
    font-size: 12px;
    font-family: 'Muli'; /*"Helvetica Neue",Helvetica,Arial,sans-serif; 'Muli'*/
    text-align: left;
    font-weight: 900;
    color: #555;
}

.btn-white-multiselect-searchAssoicates:hover,
.btn-white-multiselect-searchAssoicates:focus,
.btn-white-multiselect-searchAssoicates:active,
.btn-white-multiselect-searchAssoicates.active,
.open .dropdown-toggle.btn-white-multiselect {
    border-color: #d8dde1;
}

/*To hightlight the multiselect dropdown when any item is selected*/
.btn.btn-white-multiselect-searchAssoicates-searchCriteria-changed {
    background: #fff;
    border: 1px solid #ccd0d4;
    width: 120px;
    font-size: 12px;
    font-family: 'Muli'; /*"Helvetica Neue",Helvetica,Arial,sans-serif; 'Muli'*/
    text-align: left;
    font-weight: 900;
    color: #555;
    background-color: yellow;
}

/* Fixed header */
/*
Force table width to 100%
*/
table.table-fixedheader {
    width: 100%;
}
    /*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
    table.table-fixedheader, table.table-fixedheader > thead, table.table-fixedheader > tbody, table.table-fixedheader > thead > tr, table.table-fixedheader > tbody > tr, table.table-fixedheader > thead > tr > th, table.table-fixedheader > tbody > td {
        display: block;
    }

        table.table-fixedheader > thead > tr:after, table.table-fixedheader > tbody > tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }
        /*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
100px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
        table.table-fixedheader > tbody {
            overflow-y: scroll;
            height: 100px;
        }
        /*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
        table.table-fixedheader > thead {
            overflow-y: scroll;
        }
            /*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
            table.table-fixedheader > thead::-webkit-scrollbar {
                background-color: inherit;
            }


            table.table-fixedheader > thead > tr > th:after, table.table-fixedheader > tbody > tr > td:after {
                content: ' ';
                display: table-cell;
                visibility: hidden;
                clear: both;
            }

            /*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/

            table.table-fixedheader > thead tr th, table.table-fixedheader > tbody tr td {
                float: left;
                word-wrap: break-word;
            }

/*To hightlight the Search fields*/
.input-searchCriteria-changed {
    background-color: yellow;
}

/* WYSIWIG overrides */
wysiwyg-edit .tinyeditor .resizer {
    display: none;
}

wysiwyg-edit .tinyeditor .sizer {
    height: 80px !important;
}

.header-dnr {
    background-color: lightpink;
}

.header-radar {
    background-color: lightblue;
}

/*for borderless table*/

/*.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}*/

.table-borderless {
    border-color: none;
    border-radius: 3px;
}

.table-borderless {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.product-indicator-sm {
    font-size: 8px;
    font-weight: bold;
    color: #666;
    border: solid 1px #ccc;
    display: table-cell;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
}

.advanced-search-toggle {
    margin: 15px;
    display: inline-block;
    font-weight: bold;
}

.advanced-search {
    background-color: #ebebeb;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    padding: 15px;
}

    .advanced-search HR {
        border: solid 1px #999;
    }

.advanced-search-current {
    display: inline;
    padding-left: 15px;
}

.padding-15 {
    padding: 15px;
}

/*Check box styles*/

.checkboxes label {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}

.checkboxes input {
    vertical-align: middle;
    width: 25px;
    height: 25px;
}

.checkboxes label span {
    vertical-align: middle;
}

.journeyIcon {
    height: 48px;
    width: auto;
}

/*lead allocation trigger styles*/

fieldset.scheduler-border {
    border: 0.2px groove #ccd0d4 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

/*To hightlight Days Since LastActive on  Lead Tracker*/
.display-warning {
    color: red;
    font-weight: bold;
}

/**status color styles - used in Lead Allocations**/
.statusTypeOpen {
    background-color: white;
}

.statusTypeClosedWon {
    background-color: lightgreen;
}

.statusTypeClosedLost {
    background-color: indianred;
    color: #ebebeb;
}

    .statusTypeClosedLost a,
    .statusTypeClosedLost a:active,
    .statusTypeClosedLost a:hover,
    .statusTypeClosedLost a:visited {
        color: white;
    }

.statusTypeClosedOther {
    background-color: lightgray;
}

.statusTypeClosedExpired {
    background-color: lightgray;
}

.relationshipRectangleCurrent {
    padding: 2px;
    border: solid 1px #000000;
    background: #666666;
    color: white;
    font-size: 10px;
}

.relationshipRectanglePast {
    padding: 2px;
    border: solid 1px #666666;
    background: #ebebeb;
    color: #666666;
    font-size: 10px;
}

.logos-search input {
    text-transform: uppercase;
}

span.logos-search-criteria button span {
    text-transform: uppercase;
}

/*Deplyment Log Entry Styles*/
.lineItem-list {
    padding-left: 0px;
    padding-bottom: 15px;
    list-style: none;
}

.lineItem-input {
    display: inline-block;
    margin-right: 10px;
    width: 600px;
}

.selectedRow {
    background-color: lightgray;
    font-weight: bold;
    color: black;
}

@keyframes expand-collapse-enter {
    from {
        opacity: 0;
        font-size: 0;
    }

    to {
        opacity: 1;
        font-size: inherit;
    }
}

@keyframes expand-collapse-enter-highlight {
    from {
        color: red;
    }

    to {
        color: #666666;
    }
}

@keyframes expand-collapse-leave {
    from {
        opacity: 1;
        font-size: inherit;
    }

    to {
        opacity: 0;
        font-size: 0;
    }
}

.expand-collapse.ng-leave {
    animation: 0.25s expand-collapse-leave;
}

.expand-collapse.ng-enter {
    animation: 0.5s expand-collapse-enter, 10s expand-collapse-enter-highlight;
}

input.datePicker {
    width: 0;
    height: 0;
    border: none;
}

.logos-model-card {
    margin-bottom: 4px;
    color: black;
}

    .logos-model-card button:first-of-type {
        text-align: left;
    }

    .logos-model-card .card-title strong {
        text-transform: capitalize;
        font-size: 14px;
        display: block;
    }

    .logos-model-card .card-title small {
        text-transform: uppercase;
        color: #666;
        display: block;
    }

    .logos-model-card ul {
        border: solid 1px black;
        box-shadow: 5px 5px 5px #888888;
    }

.alert {
    padding: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-weight: bold;
    box-shadow: 0 0 10px #888888;
}

.messages {
    text-align: center;
    height: 50px;
    width: 650px;
    margin: 0 auto;
    position: fixed;
    top: -4px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    padding: 4px;
}

.highlighted-record {
    background-color: #fdfddb;
    color: black;
}

div.models-to-merge {
    display: inline;
}

    div.models-to-merge .row {
        background-color: #cccccc;
        border: solid 1px black;
        border-radius: 4px;
        padding: 4px 0;
    }

.selected-merge-cell {
    font-weight: bold;
    background-color: #fdfddb;
    color: red;
}

.last-table-records {
    border-top: solid 2px #ccc;
    background-color: #ebebeb;
    color: #999;
}

.quick-filters strong {
    margin: 0 0 0 16px;
}

    .quick-filters strong:first-of-type {
        margin: 0;
    }

.quick-filters label {
    margin: 0 4px;
}

.font-bold {
    font-weight: bold;
}

.taskCompletedRow {
    color: gray;
    background-color: #ebebeb;
}

.taskOverdue {
    color: red;
    font-weight: bold;
}

li.dtp-shortcuts {
    border-top: solid 2px #ebebeb;
    text-align: center;
    padding-top: 4px;
    font-size: 11px;
}

    li.dtp-shortcuts .dates span {
        margin: 0 6px;
    }

        li.dtp-shortcuts .dates span i {
            margin: 0 2px;
        }

    li.dtp-shortcuts .times span a {
        margin: 0 6px;
    }

    li.dtp-shortcuts .dates span a {
        margin: 0 2px;
    }

    li.dtp-shortcuts .times {
        margin-top: 4px;
        padding-top: 4px;
    }


.hlx-form-readonly {
    margin-top: 4px !important;
}

.hlx-form-checkbox {
    margin-top: 4px !important;
}

.hlx-form-textbox, .hlx-form-dropdown {
    margin-bottom: 5px !important;
}

.hlx-form-datepicker {
    /*margin-top: 6px !important;*/
    /* position: relative !important;
    left: -6px !important;
    top: -10px !important;*/
}

    .hlx-form-datepicker input {
        border: none;
        width: 0;
        height: 0;
        border: none;
    }

.bold {
    font-weight: bold !important;
}

.scrollGridResults {
    overflow: auto;
    height: 700px;
}