/*! TIP site.css
* ==================
* Main CSS application file for TIP.
*/

.auth-logo-full {
    width: 200px;
}

.logo-mini img {
    width: 33px;
}

.login-logo img {
    width: 75%;
}
/* Font Sizes */
body {
    font-size: 14px;
}

.treeview-menu > li > a {
    font-size: 12px;
}

.control-right-sidebar .nav-tabs > li a {
    font-size: 12px;
}

.nav-tabs > li > a {
    font-size: 14px;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-size: 14px;
}

.box-header .fa {
    width: 20px;
}
/* End Font Sizes */

/* Change tables to have a blue line under header */
.table-thead-border-bottom-blue .table > thead > tr > th {
    border-bottom: 2px solid #3498db;
    font-weight: 600;
    color: grey;
}
/* End Change tables to have a blue line under header */

/* Index Views Create New button */
.box-header > span > a > .fa, .box-header > span > a > .glyphicon, .box-header > span > a > .ion {
    width: 20px;
}

.box-footer > span > a > .fa, .box-footer > span > a > .glyphicon, .box-footer > span > a > .ion {
    width: 20px;
}
/* End Index Views Create New button */

/* Custom tabbed interface */
.tabbed-contact > li > a > .fa, .tabbed-contact > li > a > .glyphicon, .tabbed-contact > li > a > .ion {
    width: 30px;
}

.nav-tabs {
    border-bottom: 2px solid #DDD;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-width: 0;
    }

    .nav-tabs > li > a {
        border: none;
        color: #ffffff;
        background: #605ca8;
        border-radius: 0 !important;
        margin-right: 2px !important;
        padding: 3px 7.5px 3px 0px !important;
    }

        .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
            border: none;
            color: #605ca8 !important;
            background: #fff;
        }

        .nav-tabs > li > a::after {
            content: "";
            background: #605ca8;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: -1px;
            transition: all 250ms ease 0;
            transform: scale(0);
        }

    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
        transform: scale(1);
    }

.tab-nav > li > a::after {
    background: #3c8dbc none repeat scroll 0 0;
    color: #fff;
}

.tab-pane {
    padding: 7px 0;
}

.tab-content {
    padding: 0;
}

.nav-tabs > li {
    width: 20%;
    text-align: center;
    height: 20px;
}

.card {
    background: #FFF none repeat scroll 0 0;
    box-shadow: 0 1px 3px #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

@media all and (max-width:724px) {
    .nav-tabs > li > a > span {
        display: none;
    }

    .nav-tabs > li > a {
        padding: 5px 5px;
        border-radius: 0 !important;
    }
}
/* End custom tabbed interface */

/* Start of coloured scroll bar*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #e86533;
    -webkit-box-shadow: inset 0 0 6px #3c8dbc;
    -moz-box-shadow: inset 0 0 6px #3c8dbc;
    box-shadow: inset 0 0 6px #3c8dbc;
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #e86533;
    }
/* End of coloured scroll bar */

/* Start Tabbed interface pannel padding*/
.no-border {
    border: none;
}
/* End Tabbed interface pannel padding*/

/* Start NProgress color bar */
#nprogress .bar {
    background: #077a45;
}

#nprogress .peg {
    box-shadow: 0 0 10px #077a45, 0 0 5px #077a45;
}

#nprogress .spinner-icon {
    border-top-color: #077a45;
    border-left-color: #077a45;
}
/* End NProgress color bar */

/* Start Communication Timeline */
.right .direct-chat-img-blue {
    float: right;
}

.right .direct-chat-img-red {
    float: right;
}

.right .direct-chat-img-purple {
    float: right;
}

.right .direct-chat-img-orange {
    float: right;
}

.right .direct-chat-img-green {
    float: right;
}

.direct-chat-img-blue {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #3498db;
    line-height: 40px;
}

.direct-chat-img-purple {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: purple;
    line-height: 40px;
}

.direct-chat-img-orange {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: orange;
    line-height: 40px;
}

.direct-chat-img-green {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: green;
    line-height: 40px;
}

.direct-chat-img-red {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #a32c2c;
    line-height: 40px;
}

.direct-chat-img-red {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #008000;
    line-height: 40px;
}

.direct-chat-text.is-not-processed {
    border: 1px solid;
    border-color: orange;
    box-shadow: 0 0 14px orange;
}

.direct-chat-text.process-failed {
    border: 1px solid;
    border-color: red;
    box-shadow: 0 0 14px red;
}

.direct-chat-text.is-processed {
    border: 1px solid;
    border-color: green;
    box-shadow: 0 0 14px green;
}

.direct-chat-text h5 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px;
}
/* End Communication Timeline */

/* Control Sidebar */
.control-sidebar-bg, .control-sidebar {
    top: 0;
    right: -550px;
    width: 550px;
    -webkit-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
/* End Control Sidebar */

/*  Adjustments on main admin style */
@media (max-width: 767px) {
    .main-header .logo, .main-header .navbar {
        height: 0;
    }
}

/*@media (max-width: 991px) {
    .main-header .navbar-custom-menu a,
    .main-header .navbar-right a {
        background: inherit !important;
    }
}*/

@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        right: 0;
    }
}

@media (max-width: 767px) {
    .main-sidebar {
        padding-top: 50px;
    }
}
/* End Adjustments on main admin style */

/* Right sidebar */
.control-right-sidebar .nav-tabs > li.active > a, .control-right-sidebar .nav-tabs > li > a:hover {
    color: #ffffff !important;
}

.control-right-sidebar ul li a .fa {
    margin: 0 10px 0 10px;
}
/* End Right Sidebar */

/* Case Summary Right Sidebar */
.fa.fa-check.fa-check-green {
    color: green;
}

.fa.fa-times.fa-times-red {
    color: red;
}

.case-summary .list-group {
    padding: 0 10px;
}

.case-summary .list-group-item {
    background-color: #222d32;
}
/* End Case Summary Right Sidebar */

/* Right Sidebar Send communication modals */
.modal {
    top: 50px;
}

.modal-backdrop.in {
    position: inherit;
    z-index: -1040;
}
/* End Right Sidebar Send communication modals */

/* Dropzone */
.dropzone {
    min-height: 100px;
    border: 2px dotted #00c0ef;
    background: white;
    padding: 20px 20px;
}
/* End Dropzone */

/* Select2 styles */
.customDropdown {
    font-size: 12px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: -6px;
    margin-left: -1px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-top: -6px;
    margin-left: -1px;
}
/*.select2-selection--multiple {
    height: 30px !important;
}*/
.select2-selection--multiple {
    overflow: hidden !important;
    height: auto !important;
}

.select2-selection--single {
    height: 30px !important;
}

.select2-selection__rendered {
    font-size: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 11px;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 11px;
}
/* End Select2 styles */

/* Task List & Notification List */
.dashboard-notifications-menu {
    /* placeholder */
}

.total-notifications {
    /* placeholder */
}

.notifications-list {
    font-size: 12px;
}

.task-parent {
    /* placeholder */
}

.total-tasks {
    /* placeholder */
}

.todo-list {
    padding: 5px;
}

    .todo-list > li .label {
        margin-left: 0;
    }

    .todo-list > li div.is-complete {
        color: #999;
    }

        .todo-list > li div.is-complete .text {
            text-decoration: line-through;
            font-weight: 500;
        }

        .todo-list > li div.is-complete .label {
            background: #d2d6de !important;
        }

    .todo-list .fa {
        padding-right: 5px;
    }

    .todo-list > li .text {
        margin-left: 0;
    }
/* End Task List & Notification List */

/* Validation Summary Errors */
.validation-summary-errors ul {
    margin-top: 0;
    margin-bottom: 0;
}

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

#CreditReportForm .validation-summary-errors {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    #CreditReportForm .validation-summary-errors ul li {
        margin-left: -30px;
    }
/* End Validation Summary Errors */

/* Grids padding */
.no-padding {
    padding: 1px !important
}
/* End Grids Paddings */

/* Box Header Accordion */
.header-accordion {
    cursor: pointer;
}
/* Box Header Accordion */

/* Banking Transactions Modal  */
.modal-scrollable {
    max-height: calc(95vh - 212px);
    overflow-y: auto;
}
/* End Banking Transactions Modal */

/* Various input group addon colors */
.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}

.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}

.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}

.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}

.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}
/* End Various input group addo colors */

/* Mini Contact Info */
.mini-contact-info .alert {
    border-radius: 0;
    padding: 3px;
    margin-bottom: 6px;
    font-weight: 600;
    text-align: left;
}

.mini-contact-info .vertical-column-divider {
    padding-right: 20px;
    border-right: 1px solid #ccc;
}
/* End Mini Contact Info */

/* Mini Outcome Statement*/
.mini-outcome-info .alert {
    border-radius: 0;
    padding: 3px;
    margin-bottom: 6px;
    font-weight: 600;
    text-align: left;
}
/* End Mini Outcome */

/* Mini Debt Info */
.mini-debt-info .alert {
    border-radius: 0;
    padding: 3px;
    margin-bottom: 6px;
    font-weight: 600;
    text-align: left;
    background-color: #fff !important;
    border-color: #3c8dbc !important;
}

.label-stats {
    background-color: #4682b4;
    font-size: 10px;
}

span.label.label-stats {
    bottom: 2px;
    position: relative;
}
/* End Mini Debt Info */

/* Alert */
.alert-flat {
    border-radius: 0;
}

.alert-lead-import {
    border-radius: 0;
    padding: 5px;
    margin-bottom: 0;
}

.alert-squeeze {
    padding: 0;
}

    .alert-squeeze h4 {
        margin: 5px;
    }
/* End Alert */
/* Box body Scrollable */
.box-body-scrollable {
    max-height: calc(75vh - 212px);
    overflow-y: auto;
}
/* End Box scrollable body */

/* Toastr Notifications */
#toast-container > div {
    opacity: 1;
}
/* End Toastr Notifications */

/* timeago plugin */
.timeago {
    /* placeholder */
}
/* end timeago plugin */

/* label flat */
.label {
    border-radius: 0;
}
/* End label flat */

/* Label Colors*/
.label-yellow {
    background-color: #ffd800;
}
/* End Label Colors */

/* Case Complete Summary Placeholder */
#summary-placeholder .case-summary .list-group-item {
    background-color: #fff !important;
}
/* end */

/* placeholder */
.show-contact-allocation-modal {
    /* placeholder */
}

.show-contact-deallocation-modal {
    /* placeholder */
}

.allocationConsentCheck {
    /* placeholder */
}

/* Inline checbox with long text */
.inlineCheckboxLabel {
    display: block;
}

    .inlineCheckboxLabel label {
        display: inline;
    }

    .inlineCheckboxLabel input[type=checkbox] {
        display: inline;
    }
/* End Inline checbox with long text */

/* Case Complete Consent */
.caseCompleteConsent {
    border: 1px dotted;
    padding: 15px;
    margin-top: 37px;
}
/* End Case Complete Consent */

/* Summernote */
.custom-summernote-list ul {
    list-style: none;
}

.summernote {
}
/* End Summernote */

/* Credit Report */
.box.box-purple {
    border-top-color: #00c0ef;
}

.btn-report-address {
    font-size: smaller;
    font-weight: 600;
}

.report-confirm-data-protection-act {
    list-style: none;
}

    .report-confirm-data-protection-act li {
        margin-top: 10px;
    }

        .report-confirm-data-protection-act li:first-child {
            margin-top: 0;
        }

.input-group-btn .btn i {
    padding-right: 0;
}

.checkbox-label {
    font-size: 12px;
    margin-left: 10px;
}

#credit-report-address-modal .content-message {
    padding: 5px;
    margin-bottom: 5px;
    display: none;
    font-size: 14px;
    font-weight: bold;
}

#credit-report-address-modal .alert-flat ul {
    padding-left: 0;
}

    #credit-report-address-modal .alert-flat ul li {
        list-style: none;
        text-align: center;
    }

#credit-report-address-modal .validation-summary-errors {
    padding: 5px;
}

#report-action-bar .alert {
    padding: 5px;
    margin-bottom: 10px;
}
/*[class*="icon-"] {
    display: inline-block;
    width: 100%;
}
i {
    text-align: center;
}*/
/* End Credit Report */

/* Tooltip Override */
.tooltip-inner {
    max-width: 250px;
    width: 250px;
}
/* End Tooltip Override */

/* Red Star on required fields */
.required:after {
    content: " *";
    color: #ff0000;
    font-size: 1em;
}
/* End Red Star on required fields */

.addressValidationMessages {
    /* Empty */
}

/* Credit Report Combo Accordion */
#credit-report-accordion .panel-heading {
    cursor: pointer;
}

#download-financial-standing {
    background-color: #f8f8ff;
    color: #000000;
}

    #download-financial-standing .box-header {
        background-color: #48d1cc;
        color: #ffffff;
    }

        #download-financial-standing .box-header .box-title {
            font-weight: bold;
            font-size: large;
        }

.colorpicker-bs {
    /* empty */
}

.report-select-options label {
    padding-right: 20px;
}

#submit-credit-report i {
    padding-left: 5px;
}

#select2-top-client-search-results li, #select2-AppointmentContact-results li {
    padding: 0;
    margin: 0;
}

    #select2-top-client-search-results li div, #select2-AppointmentContact-results li div {
        padding: 6px 12px;
        border-bottom: grey 1px solid;
    }

#select2-top-client-search-results .select2-results__message, #select2-AppointmentContact-results .select2-results__message {
    padding-left: 5px;
}

#select2-top-client-search-results .select2-results__option--highlighted, #select2-AppointmentContact-results .select2-results__option--highlighted {
    background-color: darkcyan;
}

/* Consolidated income/expenditure/flexible */
#consolidated-ie label {
    font-weight: normal;
}

#consolidated-ie select {
    height: 30px;
}
/* End Consolidated income/expenditure/flexible */

.blur-content {
    filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    -moz-filter: blur(4px);
    -webkit-filter: blur(4px);
}

/*Stepper Design*/

.script {
    background: white;
    font-size: 16px;
    padding: 15px;
    color: black;
}

.scriptInWizard {
    background: white;
    font-size: 16px;
    padding: 15px;
    color: black;
}

#AppointmentContact + .select2-container {
    display: block;
}
/*Check Buttons*/
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    /* background-color: #00a65a;*/
    background-color: #39B3D7;
    background-image: none;
    border-color: #adadad;
}

    .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
        color: #fff;
        background-color: #39B3D7;
        border-color: #8c8c8c;
    }

.panel-primary {
    border-color: #605ca8 !Important;
    border: 0px solid transparent;
}

    .panel-primary .panel-heading {
        color: white !important;
        border-color: #605ca8 !Important;
        background-color: #605ca8 !Important;
        border: 0px solid transparent;
    }

.products-list .product-info {
    margin-left: 0px !important;
}

@media (min-width: 992px) {
    .modal-xl {
        width: 900px;
    }
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.card {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.card-columns .card {
    margin-bottom: 1.25rem;
    box-shadow: none;
}

h4.card-title {
    margin-top: 0;
}

h5.modal-title {
    float: left;
}

.card-title > i {
    margin-right: 5px;
}

.card-body {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.card-footer {
    padding: 1.25rem 1.5rem;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.375rem - 1px) calc(0.375rem - 1px);
    }

button.workflow-settings-button.elsa-fixed {
    top: 13rem;
}

elsa-flyout-panel.hydrated > section.elsa-fixed {
    z-index: 100;
}

elsa-modal-dialog.elsa-block > div.elsa-fixed {
    top: 10rem;
}

div.monaco-editor > div.overflow-guard > div.margin {
    margin: 0;
}

elsa-designer-tree.workflow-canvas > #svg {
    height: calc(100vh - 215px) !important;
}

elsa-toast-notification.elsa-block > div.elsa-fixed {
    top: 5rem;
}

div.elsa-fixed.elsa-bottom-10.elsa-right-12 {
    bottom: 11rem;
}

.elsa-text-sm, .sm\:elsa-text-sm {
    font-size: 1.25rem !important;
    line-height: 1.5rem;
}

.elsa-p-5 {
    padding: 1rem !important;
}

elsa-activity-picker-modal .elsa-p-6 {
    padding: 0.1rem;
}

elsa-activity-picker-modal h3.elsa-text-lg {
    margin: 0;
}

elsa-activity-picker-modal .elsa-inline-block {
    max-width: 76rem;
}

elsa-modal-dialog > div.elsa-fixed {
    max-height: 80vh;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.mini-contact-info .alert-black {
    background-color: #222d32;
    color: #fff;
}

.bg-purehub {
    background-color: #222d32 !important;
    color: #fff;
}

.message .sender {
    padding-left: 10px;
}

.ph-wizard-paragraph {
    margin-top: 30px;
}