.table.table-lender-import-rules th,
.table.table-lender-import-rules td {
	font-size: 14px;
	white-space: normal !important;
	vertical-align:top;
}



.background-icon-container {
	height: 100%;
	text-align: center;
}

	.background-icon-container i {
		margin: auto;
		font-size: 50vh;
		color: #ededed;
	}

	.background-icon-container span {
		margin: auto;
		font-size: 5vh;
		display: block;
		color: #dddddd;
	}


.dataset-panel-main {
    padding: 6px;
}

.dataset-main {
    font-size: 12px !important;
}

    .dataset-main label strong {
        max-width: 220px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

.dataset-menu-pinned {
    position: relative;
    font-size: 13px;
    top: 0px;
    margin-right: 2px;
}

.dataset-search-radius {
    display: inline-block;
    margin-top: 17px;
    font-size: 15px;
}

.dataset-search-slider {
    width: 220px;
    margin-top: -10px;
}

.dataset-results {
    margin-top: 10px;
    position: relative;
    min-height: 300px;
    max-height: calc(100vh - 234px);
    overflow-y: auto;
    overflow-x: visible !important;
    padding-right: 10px;
}

    .dataset-results tr td:last-child {
        padding: 0;
        padding-right: 5px;
        width: 40px;
    }

    .dataset-results .dataset-no-data-label, .dataset-results .dataset-no-data-label i {
        color: #f5375c;
    }

    .dataset-results tr:hover {
        cursor: pointer;
    }

        .dataset-results tr:hover td {
            background-color: #ededed;
        }


.evidence-table-toggle {
    margin-top: -5px;
    margin-bottom: -10px;
}



.dataset-search-box {
    font-size: 15px;
    padding: 5px 10px;
    display: inline-block;
    width: 275px;
}

.dataset-search-toggle {
    display: inline-block;
    width: 100px;
    position: relative;
    top: 10px;
}

    .dataset-search-toggle label:last-child {
        display: block;
        margin-top: -6px;
        margin-left: 5px;
        font-size: 13px;
    }

.dataset-icon {
    width:45px;
}
/*
    START: dataset-icons
    When using a custom icon always use this class plus one of the overrides below
*/

.dataset-icon .custom-icon {
	display: block;
	width: 32px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
}

.custom-icon {
	display: block;
	width: 32px;
	height: 32px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}


.hmlr-icon {
	background-image: url(../images/dataset-type-icons/hmlr.png);
	display: inline-block;
	width: 32px;
	height: 32px;
	background-position: center;
	background-repeat: no-repeat;
}


.fa-hmlr-icon:before {
	content: "\00a0";
}

.fa-hmlr-icon {
	background-image: url(../images/dataset-type-icons/hmlr.png);
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: center;
}

/* END: dataset-icons */
#import-history-list-header-table thead input, #import-history-list-header-table thead select {
    display: block;
    padding: 3px;
    margin-top: 10px;
    font-size: 12px;
}

#import-history-list-table tr td .fa-check-circle {
    color: #64a946;
}

#import-history-list-table tr td .fa-exclamation-triangle {
    color: #ff6a00;
}

#import-history-list-table tr td .fa-pause-circle {
    color: rgb(40, 92, 145);
}

.import-history-list-id {
    width: 115px;
}

.import-history-list-status {
    width: 150px;
}


.import-history-list-records {
}

.import-history-list-import {
    width: 180px;
}

.import-history-list-geocode {
    width: 180px;
}

.import-history-list-intel {
    width: 180px;
}

.import-history-list-rules {
    width: 180px;
}

.import-history-list-notified {
    width: 180px;
}


#import-history-list-table tr td .import-retry-button {
    float: right;
    margin-top: -7px;
    margin-bottom: -10px;
}



.lookup-content-wrapper {
    background: #fff;
    padding: 2rem 2.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}


#lookup-category-table tr.active td {
    background-color: #d4d4d4;
    font-weight:bold;
}

#lookup-category-table tr td {
    cursor:pointer;
}

.lookup-values-container {
    border-left: 2px solid #d4d4d4;
    height:100vh;
    position:relative;
}

.lookup-values-scroll {
    position: relative;
    overflow: hidden;
    height:calc(100vh - 201px);
}

.lookup-td-name {
    width: 100%;
}

.lookup-td-handle {
    padding: 0;
}

    .lookup-td-handle .fa-stack {
        cursor: all-scroll;
    }

.lookup-td-delete {
    padding: 0;
}

    .lookup-td-delete .fa-stack {
        cursor: pointer;
        color: red;
    }

.maintenance-content {
	height: 100%;
}

.maintenance-body {
	position: relative;
	top: 50%;
	/*transform: translate(0%, -50%);*/
	text-align: center;
}

	.maintenance-body .fa-tools {
		font-size: 70pt;
		display: block;
		margin-bottom: 25px;
	}


.fade.in {
	opacity: 1;
}

.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}

.btn-capture-evidence {
	position: absolute;
	padding: 6px 14px;
	right: 9px;
	top: 153px;
	z-index: 999;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-image-evidence {
	float: right;
	padding: 4px 12px;
	z-index: 999;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.qes-btn-info {
	padding-left: 0;
	padding-right: 0;
}


.qes-btn-dataset-action {
	margin-bottom:8px;
}

.btn-evidence-delete {
	padding: 6px 14px;
}



.btn-success:not(:disabled):not(.disabled):active.show-check,
.btn-success:not(:disabled):not(.disabled).active.show-check {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(42, 209, 194, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(42, 209, 194, 0.5);
}

.btn-info:not(:disabled):not(.disabled):active.show-check,
.btn-info:not(:disabled):not(.disabled).active.show-check {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(38, 150, 227, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(38, 150, 227, 0.5);
}

.btn-warning:not(:disabled):not(.disabled):active.show-check,
.btn-warning:not(:disabled):not(.disabled).active.show-check {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(221, 162, 95, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(221, 162, 95, 0.5);
}

.btn-danger:not(:disabled):not(.disabled):active.show-check,
.btn-danger:not(:disabled):not(.disabled).active.show-check {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(247, 85, 116, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(247, 85, 116, 0.5);
}

.btn-light:not(:disabled):not(.disabled):active.show-check,
.btn-light:not(:disabled):not(.disabled).active.show-check {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(189, 198, 209, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(189, 198, 209, 0.5);
}

.btn-dark:not(:disabled):not(.disabled):active.show-check,
.btn-dark:not(:disabled):not(.disabled).active.show-check {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(74, 83, 105, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(74, 83, 105, 0.5);
}



/*.btn-success:not(:disabled):not(.disabled):active:focus,*/
/*.btn-success:not(:disabled):not(.disabled).active:focus,*/
/*.show > .btn-success.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(42, 209, 194, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(42, 209, 194, 0.5);
}*/


.th-200 {
    width: 200px;
}

.button-250 {
    width: 250px;
}



.qes-pointer {
    cursor:pointer;
}

.qes-all-scroll {
    cursor: all-scroll;
}

.qes-hidden {
    display: none;
}

.qes-not-visible {
    visibility:hidden !important;
}

.qes-marginb10 {
    margin-bottom: 10px;
}

.qes-margin-top0 {
    margin-top: 0;
}

.qes-margin-bottom0 {
    margin-bottom: 0;
}

.ng-toast.ng-toast--top .ng-toast__list {
    margin-top: 60px;
    bottom: auto;
}

.ng-toast.ng-toast--bottom .ng-toast__list {
    top: auto;
    margin-bottom: 60px;
}

.strikethrough {
    text-decoration: line-through;
}

.qes-padding15 {
    padding: 15px;
}

.ng-toast__message .alert-primary {
    color: #2c1b85;
    background-color: #ddd6ff;
}

.ng-toast__message .alert-secondary {
    color: #465160;
    background-color: #e7ebf1;
}

.ng-toast__message .alert-success {
    color: #02695f;
    background-color: #cdf4f1;
}

.ng-toast__message .alert-info {
    color: #004573;
    background-color: #cce6f8;
}

.ng-toast__message .alert-warning {
    color: #846036;
    background-color: #fff1e1;
}

.ng-toast__message .alert-danger {
    color: #7f1d30;
    background-color: #fdd7de;
}

.ng-toast__message .alert-light {
    color: #71767c;
    background-color: #f7f9fc;
}

.ng-toast__message .alert-dark {
    color: #161c29;
    background-color: #d4d7dc;
}

.pointer {
    cursor: pointer;
}

.not-allowed {
    cursor: not-allowed;
}


.background-icon i {
    font-size: 50vh;
    color: #ededed;
}

.background-icon span {
    display: block;
    font-size: 5vh;
    color: #dddddd;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    z-index:1200 !important;
}



.de3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.max-lines-3 {
    display: inline-block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3em;
    line-height: 1em;
}

.flex-grow {
    /*flex: 1 0 auto;*/
    flex-grow: 1;
    flex-basis: 0;
}


.nav-light-invariant {
    background: #fafbfd;
    color: #939393;
    padding: 16px;
    border-top: 1px solid rgb(235, 237, 242);
    border-bottom: 1px solid rgb(235, 237, 242);
}

.debug-border{
    border: 3px solid black;
}


.checkbox-toggle[disabled] + label { 
    background: #e2e2e2;
    cursor: not-allowed;
}


.dataset-information-icon {
    width: 45px;
}

.dataset-information-data {
    width: auto;
}

.dataset-information-add-evidence {
    width: 50px;
    padding-right: 10px;
    vertical-align: bottom;
}

.valuation-evidence-header {
    color: rgb(40, 92, 145);
    width: 130px;
}

.valuation-evidence-add-header {
    width: 130px;
}


.user-list-id {
    width: 120px;
}

.user-list-name {
    width: 250px;
}

.user-list-role {
    width: 250px;
}

.user-list-email {
    width: auto;
}

.user-list-manager {
	width: 250px;
}

.user-list-active {
    width: 150px;
}

.user-list-locked {
    width: 150px;
}

.report-rooms-header-label {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    text-align: center;
    /*border:1px solid black;*/
}

.report-rooms-header {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    text-align: center;
    /*border:1px solid black;*/
}

.report-rooms-item-label {
    /*text-align: center;*/
    /*border: 1px solid black;*/
}

.report-rooms-item {
    text-align: center;
    /*border: 1px solid black;*/
}

label.unknown-toggle-inside {
    position: absolute !important;
    right: 8px;
    bottom: 39px;
}

span.unknown-toggle-inside {
    position: absolute;
    right: 8px;
    bottom: 27px;
    font-size: 13px;
    color: #767676;
}

.form-group-relative {
    position: relative;
}

.evidence-holder {
    padding: 10px;
}

    .evidence-holder table tr th {
        min-width: 250px;
    }

.survey-block-container {
    height: calc(100vh - 102px);
    padding-top: 13vh;
    text-align: center;
    padding-right: 505px;
    
}

    .survey-block-container i {
        font-size: 50vh;
        color: #ededed;
    }

    .survey-block-container span {
        font-size: 5vh;
        display: block;
        color: #dddddd;
    }


#capture-canvas-holder img {
    width: 100%;
    height: 462px;
}

.survey-address-validation-modal-th {
    width: 200px;
}

.controls.fullscreen-control .show-isfullscreen {
    display: none;
}

.controls.fullscreen-control.is-fullscreen .show-isfullscreen {
    display: inline-block;
}

.controls.fullscreen-control .hide-isfullscreen {
    display: inline-block;
}

.controls.fullscreen-control.is-fullscreen .hide-isfullscreen {
    display: none;
}


.controls.street-fullscreen-control .show-isfullscreen {
    display: none;
}

.controls.street-fullscreen-control.is-fullscreen .show-isfullscreen {
    display: inline-block;
}


.controls.street-fullscreen-control .hide-isfullscreen {
    display: inline-block;
}


.controls.street-fullscreen-control.is-fullscreen .hide-isfullscreen {
    display: none;
}






.survey-header-navbar {
    top: 70px;
}

    .survey-header-navbar .survey-header-navbar-menu-wrapper {
        padding: 1em;
        background-color: #fff;
        border-bottom: 1px solid #ededed;
    }

.survey-panel {
    margin-top: 40px;
}

.survey-panel-nav {
    top: 140px;
}

.survey-panel-ul {
    width: 100%;
}

.survey-header-item {
    margin-top: 6px;
}

    .survey-header-item .badge {
        top: -3px;
        position: relative;
        left: 10px;
    }

.survey-panel-menu-report {
    font-weight: bold;
    color: rgb(40, 92, 145) !important;
    background-color: #e7e8ff !important;
}

.survey-panel-main {
    height: calc(100vh - 196px);
    width: 100%;
    background-color: #fff;
    border-left: 1px solid #f6f8fa;
}

.survey-panel-google-container {
    height: 100%;
}

.survey-panel-map {
    height: 100%;
    width: 100%;
    display: inline-block;
}

.survey-panel-street-view {
    height: 100%;
    width: 100%;
    display: inline-block;
    margin-left: -4px;
}

.survey-panel-view-report {
    height: 100%;
    width: 100%;
    padding: 20px;
    overflow: auto;
    position: relative;
}


.deadline-box {
    line-height: 22px;
    color: #f5375c;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

.survey-header-bar-right .save-draft-button {
    width: 140px;
    margin-right: 0;
}

.survey-header-bar-right .download-report-button {
    margin:0;
}

.survey-header-bar-right .dropdown-toggle-split {
    margin-right: 0;
}

.nav-tabs .nav-link.survey-header-tab {
    padding-left: 1em;
    padding-right: 1em;
}
.accordion-header:after {
	font-family: "Font Awesome 5 Pro", sans-serif;
	content: "\f078";
	float: right;
}

.accordion-header.collapsed:after {
	font-family: "Font Awesome 5 Pro", sans-serif;
	content: "\f054";
}

.bg-success2 {
	background-color: #28a745 !important;
}

.text-success2 {
	color: #03998b !important;
}


.bg-success-default {
	background-color: #28a745 !important;
}

.text-success-default {
	color: #28a745 !important;
}

.border-success-default {
	border-color: #28a745 !important;
}



.task-list-system-ref {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-status {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-rule-info {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-survey-status {
    font-size: 12px;
}

.task-list-entry-date {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
td.task-list-entry-date {
    text-align: left;
}

.task-list-entry-date-all {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.task-list-deadline-date {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
td.task-list-deadline-date {
    text-align: left;
}


.task-list-appointment-date {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
td.task-list-appointment-date {
    text-align: left;
}


.task-list-appointment-deadline {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
td.task-list-appointment-deadline {
    text-align: left;
}


.task-list-lender {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-lender-all {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-avm-provider {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-avm-confidence {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-avm-status {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-team {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-list-surveyor {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/*.table-task-list-surveyor .task-list-system-ref {
    width: 300px;
}

.table-task-list-surveyor .task-list-status {
    width: 300px;
}

.table-task-list-surveyor .task-list-entry-date {
    width: 200px;
}

.table-task-list-surveyor .task-list-deadline-date {
    width: 200px;
}

.table-task-list-surveyor .task-list-lender {
    width: auto;
}
*/


.select2-container .select2-choice {
    margin-top: -5px;
    margin-bottom: -5px;
    display: block;
    height: auto;
    padding: 3px 0px 3px 10px;
    overflow: hidden;
    position: relative;
    border: 2px solid #d3d3d3;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: none;
}

    .select2-container .select2-choice .select2-arrow {
        background-image: none;
        background-color: #fff;
        border-left:0px;
    }

.select2-search input {
    border: 2px solid #d3d3d3;
    border-radius:4px;
    background:none;
    background-color:#fff;
    padding:6px;
}

.modalAssignSurveyor-th {
    width: 200px;
}

.task-filter-select option {
    color:black;
}

.task-list-equal {
    width: 100%;
}




.user-detail-form {
	padding: 20px;
}

.notification-list-enabled {
	width: 120px;
}

.login-tile-container img {
	width: 150px;
}
:focus {
    outline: none;
}



a,
th span {
    cursor: pointer;
}

.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    padding: 10px 0 10px 10px;
}

.enablewrap {
    white-space: initial !important;
}


#table-scroll .btn-sm {
    margin-top: -5px;
    margin-bottom: -5px;
}

#task-list-header-table thead input,
#task-list-header-table thead select {
    display: block;
    padding: 3px;
    margin-top: 10px;
    font-size: 12px;
}

.table-scroll .table th,
#table-scroll .jsgrid .jsgrid-table th,
.table td,
#table-scroll .jsgrid .jsgrid-table td {
    padding: 13px 10px 13px 10px;
}

.table-scroll {
    position: relative;
    overflow-y: auto;
    height: calc(100vh - 200px);
}

    .table-scroll.header-filters {
        height: calc(100vh - 238px);
    }


.table-survey-data .badge {
    display: inline-block;
}

.table-survey-data tr .btn-data-action {
    font-size: 14px;
    padding: 6px 6px 3px 6px;
    min-width: 0;
    opacity: 1;
    margin-bottom: 8px;
}

.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
    width: auto;
    height: 60px;
    border-radius: 0;
    border: none;
    margin-left: -7px;
}

.sidebar-icon-only .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
    width: auto;
    height: 60px;
    margin-top: 0px;
    /* margin-bottom: -9px; */
    margin-left: 4px;
}

.table-survey-data .btn-data-action:first-of-type {
    margin-top: -2px;
}

.table-survey-data .btn-data-action:last-of-type {
    margin-bottom: -2px;
}

.table-survey-data .fa-water {
    color: rgb(81, 150, 222);
}

.table-survey-data .fa-exclamation-triangle {
    color: #93007e;
}

.table-survey-data .fa-history {
    color: #93007e
}

.table-survey-data .fa-street-view {
    color: #e06e00;
}

.table-survey-data .fa-map-marked-alt {
    color: #46b118;
}

.table-survey-data .fa-paper-plane {
    color: #93007e;
}

/*.survey-header-bar-right div,*/
.survey-header-bar-right button {
    margin-right: 10px;
}

.nav.nav-tabs {
    margin-top: 10px;
}

.nav-tabs .nav-item {
    margin-right: 2px;
}

.nav-tabs .nav-link {
    cursor: pointer;
    padding: 0.5rem 1.5rem;
    color: #808080 !important;
}

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        /*color: rgb(40, 92, 145) !important;
        font-weight: bold;*/
        color: #000 !important;
    }




input[type=checkbox].checkbox-toggle {
    height: 0;
    width: 0;
    visibility: hidden;
}

label.checkbox-toggle {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 25px;
    background: grey;
    display: inline-block;
    border-radius: 25px;
    position: relative;
}

    label.checkbox-toggle:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 21px;
        height: 21px;
        background: #fff;
        border-radius: 22px;
        transition: 0.3s;
    }

input.checkbox-toggle:disabled + label {
    opacity: 0.4;
}

input.checkbox-toggle:checked + label {
    background: #039789;
}

    input.checkbox-toggle:checked + label:after {
        left: calc(100% - 2px);
        transform: translateX(-100%);
    }

label.checkbox-toggle:active:after {
    width: 32px;
}


label.checkbox-toggle.checkbox-small {
    width: 29px;
    height: 16px;
}

    label.checkbox-toggle.checkbox-small:after {
        width: 12px;
        height: 12px;
    }


.report-form h5 {
    margin-left: 10px;
    font-size: 18px;
}

.report-form .card h5 {
    margin-left: 0px;
    font-size: 16px;
}

.report-form h3 {
    background-color: #f6f8fa;
    padding: 10px;
    border-radius: 4px;
}

.data-collection-form h3 {
    background-color: #f6f8fa;
    padding: 14px;
    border-radius: 4px;
}

.data-collection-form h5 {
    margin-left: 10px;
    font-size: 18px;
}

.data-collection-form .card h5 {
    margin-left: 0px;
    font-size: 16px;
}

.report-section {
    margin-left: 20px;
}

.modal-header,
.modal-footer {
    background-color: #fff;
}

.modal .modal-dialog .modal-content .modal-header {
    padding: 17px 26px;
}

.form-check.chk-success .form-check-label input[type="radio"] + .input-helper:before,
.form-check.chk-success .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #247900;
}

.form-check.chk-success .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #247900;
}

.form-check.chk-danger .form-check-label input[type="radio"] + .input-helper:before,
.form-check.chk-danger .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #d51c17;
}

.form-check.chk-danger .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #d51c17;
}


.form-check.epc-A .form-check-label input[type="radio"] + .input-helper:before,
.form-check.epc-A .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #247900;
}

.form-check.epc-A .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #247900;
}

.form-check.epc-B .form-check-label input[type="radio"] + .input-helper:before,
.form-check.epc-B .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #46b118;
}

.form-check.epc-B .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #46b118;
}

.form-check.epc-C .form-check-label input[type="radio"] + .input-helper:before,
.form-check.epc-C .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #70b552;
}

.form-check.epc-C .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #70b552;
}

.form-check.epc-D .form-check-label input[type="radio"] + .input-helper:before,
.form-check.epc-D .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #ffdb00;
}

.form-check.epc-D .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #ffdb00;
}

.form-check.epc-E .form-check-label input[type="radio"] + .input-helper:before,
.form-check.epc-E .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #e06e00;
}

.form-check.epc-E .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #e06e00;
}

.form-check.epc-F .form-check-label input[type="radio"] + .input-helper:before,
.form-check.epc-F .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #ce530c;
}

.form-check.epc-F .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #ce530c;
}

.form-check.epc-G .form-check-label input[type="radio"] + .input-helper:before,
.form-check.epc-G .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #d51c17;
}

.form-check.epc-G .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #d51c17;
}


.form-check.env-A .form-check-label input[type="radio"] + .input-helper:before,
.form-check.env-A .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid rgb(131, 184, 239);
}

.form-check.env-A .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: rgb(131, 184, 239);
}

.form-check.env-B .form-check-label input[type="radio"] + .input-helper:before,
.form-check.env-B .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid rgb(81, 150, 222);
}

.form-check.env-B .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: rgb(81, 150, 222);
}

.form-check.env-C .form-check-label input[type="radio"] + .input-helper:before,
.form-check.env-C .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid rgb(36, 118, 203);
}

.form-check.env-C .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: rgb(36, 118, 203);
}

.form-check.env-D .form-check-label input[type="radio"] + .input-helper:before,
.form-check.env-D .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid rgb(6, 83, 164)
}

.form-check.env-D .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: rgb(6, 83, 164);
}

.form-check.env-E .form-check-label input[type="radio"] + .input-helper:before,
.form-check.env-E .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #cccccc;
}

.form-check.env-E .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #cccccc;
}

.form-check.env-F .form-check-label input[type="radio"] + .input-helper:before,
.form-check.env-F .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #b4b4b4;
}

.form-check.env-F .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #b4b4b4;
}

.form-check.env-G .form-check-label input[type="radio"] + .input-helper:before,
.form-check.env-G .form-check-label input[type="radio"]:checked + .input-helper:before {
    border: solid #8a8a8a
}

.form-check.env-G .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #8a8a8a;
}



.request-question {
    padding: 5px;
    margin-bottom: 5px;
}

    .request-question label {
        font-size: 13px;
        margin-bottom: 0;
        font-weight: bold;
    }


select.form-control {
    color: #495057;
}


#backToTopButton {
    position: fixed;
    bottom: 20px;
    width: 50px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    font-size: 20px;
    border-radius: 60px;
    transition: transform 0.2s, -webkit-transform 0.2s;
    transform: scale(0);
}




.qes-transition-all {
    transition: all 0.5s;
}

.flex-even {
    flex: 1;
}

.flex-debug {
    border: 1px solid black;
    background-color: lightgray;
}

.bs-stepper .step-trigger:focus .bs-stepper-label {
    color: #6c757d;
}

.bs-stepper .active .step-trigger {
    color: white;
    background-color: rgb(40, 92, 145);
}

.active .bs-stepper-label,
.active .step-trigger:focus .bs-stepper-label {
    color: white;
}

.active .bs-stepper-circle {
    background-color: white;
    color: rgb(40, 92, 145);
}

.bs-stepper-content {
    padding: 20px 0;
}

.page-title {
    top: 70px;
}

.loading-container {
    top: 0;
    left: 0;
}

.loading-mask {
    top: 0;
    z-index: 10000;
    opacity: 0.8;
}

.loading-spinner {
    z-index: 10001;
}

    .loading-spinner .loading-message {
        border: 1px solid;
    }

        .loading-spinner .loading-message .loading-text {
            font-size: 1.5em;
        }

.select-quote .disabled {
    opacity: 0.75;
}

.select-quote .archived {
    color: silver;
}

.btn.not-allowed {
    cursor: not-allowed;
}

ul[dnd-list] {
    padding-left: 0;
}

ul .dndDraggingSource {
    display: none;
}

ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

ul[dnd-list] > li {
    position: relative;
}

div[dnd-handle] {
    cursor: move;
    position: absolute;
    top: 9px;
    font-weight: bold;
}

.precedence-title {
    margin-left: 30px;
}

.select2-fix {
    margin-top: 8px;
}

    .select2-fix .select2-container .select2-choice {
        padding: 9px 11px;
        color: #939393;
        top: -3px;
    }

        .select2-fix .select2-container .select2-choice .select2-arrow {
            bottom: 50%;
            top: 8px;
        }

.address-lookup-resultlist {
    z-index: 10000;
}

.address-lookup-result {
    cursor: pointer;
}

.lender-guide-page {
    background-color: #eeeeee;
    height: 100vh;
}

.lender-guide-container {
    padding-top: 15px;
}

.lender-guide-previous-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lender-guide-previous-chat {
    border: 2px solid #d5d5d5;
    border-radius: 7px;
    padding: 6px 13px;
    margin-top: 8px;
    background-color: #fff;
}

.lender-guide-previous-label {
    margin-bottom: 0;
}

.lender-guide-previous-chip {
    background-color: rgb(40, 92, 145);
    color: #fff;
    padding: 2px 10px;
    font-size: 11px;
    border-radius: 21px;
}

.lender-guide-previous-date {
    color: #787878;
    font-size: 12px;
    margin-top: 4px;
}

.lender-guide-chat-window-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.pdf-preview {
    position: absolute;
    height: calc(100% - 155px);
    width: 100%;
    background-color: #eee;
    bottom: 0px;
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    animation: pdfSlideOut .2s ease-out forwards;
    overflow: hidden;
    transform: translateX(100%);
}

    .pdf-preview.visible {
        animation: pdfSlideIn .2s ease-out forwards;
        box-shadow: -12px -6px 25px -18px rgba(0, 0, 0, 1);
        bottom: 145px;
    }

@keyframes pdfSlideIn {
    0% {
        transform: translateY(100%); /* Start off-screen on the right */
    }

    100% {
        transform: translateY(0); /* Move to original position */
    }
}

@keyframes pdfSlideOut {
    0% {
        transform: translateY(0); /* Start off-screen on the right */
    }

    100% {
        transform: translateY(100%); /* Move to original position */
    }
}

.e-pv-viewer-container {
    scrollbar-width: thin;
}

.lender-guide-chat-window-container sup {
    top: 0;
}

.lender-guide-chat-window-container blockquote {
    background: #f5f4d5;
    border-left: 5px solid #6e6e6e;
    margin: 15px 0;
    font-style: italic;
    padding: 15px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    transition: linear 0.15s all;
}

    .lender-guide-chat-window-container blockquote:hover {
        background: #fffec1;
        cursor: pointer;
        transform: scale(1.02);
    }

    .lender-guide-chat-window-container blockquote p {
        margin-bottom: 10px;
        font-size: 13px;
    }

        .lender-guide-chat-window-container blockquote p:last-child {
            margin-bottom: 0px;
        }

.lender-guide-text-input {
    background-color: rgb(40, 92, 145);
    position: relative;
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .lender-guide-text-input button {
        position: absolute;
    }

    .lender-guide-text-input textarea {
        width: 75%;
        margin: 0 auto;
        border-radius: 11px;
        padding: 15px;
        line-height: 24px;
        background-color: #fff;
        height: 100px;
        border-width: 0;
    }

        .lender-guide-text-input textarea:focus {
            background-color: #fff;
        }

.lender-guide-chat-conversation {
    width: 100%;
    margin: 0 auto;
    height: calc(100vh - 160px);
    overflow: auto;
    scrollbar-width: thin;
    padding: 20px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.main-panel .lender-guide-chat-conversation {
    height: calc(100vh - 228px);
}

.lender-guide-chat-conversation-item {
    background-color: #ffffe3;
    padding: 20px 36px;
    border-radius: 31px;
    display: inline-block;
    max-width: 80%;
    margin-bottom: 20px;
    /*   white-space: pre-line;*/
}

    .lender-guide-chat-conversation-item p:last-child {
        margin-bottom: 0;
    }

.user-chat {
    text-align: right;
}

    .user-chat .lender-guide-chat-conversation-item {
        background-color: #f3f3f3;
    }

.system-chat {
    text-align: center;
}

    .system-chat .lender-guide-chat-conversation-item {
        padding: 10px 39px;
        font-size: 13px;
        font-weight: bold;
        background-color: #e1edff;
    }

.lender-guide-chat-conversation-item .ai-logo {
    margin-left: -15px;
    margin-right: 7px;
    border-radius: 50%;
    display: inline-block;
}

.lender-guide-chat-conversation-files {
    margin-bottom: 10px;
    display: none;
}

    .lender-guide-chat-conversation-files span {
        padding: 6px 20px;
        background-color: #f3f3f3;
        border-radius: 19px;
        font-size: 11px;
        margin-right: 10px;
    }

.pulse-ai {
    animation: pulse-animation 1.5s infinite;
    width: 23px;
    text-align: center;
    margin-right: -20px !important;
    margin-left: -12px !important;
}

@keyframes pulse-animation {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}


.alerternative-2factor {
    text-align: center;
}

    .alerternative-2factor p {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .alerternative-2factor a {
        color: rgb(40, 92, 145) !important;
    }

@keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.pulsing-text {
    animation: pulse 2s ease-in-out infinite;
}

.progress-text {
    margin-left: 25px;
    color: grey;
}

.surveysphere-container h2 {
    background-color: #f6f8fa;
    padding: 10px;
    border-radius: 4px;
}

.surveysphere-area {
    margin-left: 3px;
}

    .surveysphere-area > h3 {
        margin: 13px 0;
    }

.surveysphere-subarea > h4 {
    margin-bottom: 10px;
}

.surveysphere-subarea {
    margin-left: 3px;
    border-left: 5px solid #e4eaf0;
    padding-left: 10px;
}

.surveysphere-reviewfield {
    border-left: 5px solid #e4eaf0;
    padding-left: 10px;
    margin-left: 3px;
}

    .surveysphere-reviewfield > div {
        max-height: 200px;
        overflow: auto;
        margin-bottom: 25px;
    }

.surveysphere-note {
    margin-bottom: 15px;
}

.surveysphere-note-image {
    display: flex;
    justify-content: space-between;
}

.surveysphere-note-image-container {
    overflow: hidden;
    width: 300px;
    height: 180px;
    text-align: center;
    border-radius: 5px;
}

    .surveysphere-note-image-container img {
        height: 100%;
    }

.surveysphere-note-image textarea {
    flex-grow: 1;
    margin-left: 10px;
}

.center-ai-lender-guidance-login {
    position: absolute;
    width: 600px;
    max-width: 95vw;
    background-color: white;
    border-radius: 8px;
    padding: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.ai-lender-guidance-login-error-text {
    color: red;
    margin-bottom: 20px;
    font-size: 14px;
}

.ai-luma-header-login {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 35px;
}

.vision-public {
    font-family: "Montserrat", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

    .vision-public a {
        color: #f16f49;
        text-decoration: none;
    }

        .vision-public a:hover {
            color: #2bb4cd;
            text-decoration: underline;
        }

    .vision-public h1, .vision-public h2, .vision-public h3, .vision-public h4, .vision-public h5 {
        font-family: "Montserrat", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }

    .vision-public h1 {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .vision-public .header {
        background: #14163c;
    }

        .vision-public .header .logo {
            margin: 0;
            max-width: 300px;
        }

    .vision-public .quote.active {
        border-color: #42A653;
        border-width: 2px;
        background: #42A653;
        color: white;
    }

.vision-public .quote .card-title {
    font-size: 1.7em;
}

        .vision-public .quote.active .card-title {
            color: white;
        }

        .vision-public .quote.active hr {
            background: white;
            border: 0;
            height: 1px;
        }

    .vision-public .quote.active .btn-light {
        background: white;
        color: #42A653;
    }

.btn-visionquotes {
    background: #f16f49;
    color: white;
}

    .btn-visionquotes:hover {
        background: #2bb4cd;
        color: white;
    }


.inline-checkbox {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.form-inline .inline-checkbox {
    position: relative;
    top: -2px;
}