.lender-alert #lender_check { border: 1px solid transparent; border-radius: 0.25rem; margin: -1px; }

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }
.alert-secondary { color: #818182; background-color: #e2e3e5; border-color: #d6d8db; }
.lender-success #lender_check,
.alert-active,
.alert-green,
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.lender-warning #lender_check,
.alert-warning2,
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-admin,
.alert-violet,
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
.lender-danger #lender_check,
.alert-inactive,
.alert-red,
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-sticky { display: block !important; }

.alert-tab {
    color: #721c24;
    background-color: #f8d7da !important;
    border: 1px solid #f5c6cb !important;
    border-bottom: 2px solid #721c24 !important;
}

.alert-danger input,
.alert-danger select,
.alert-danger textarea { border-color: #721c24 !important; }

.it-hidden { display: none; }
.it-text-dec-none { text-decoration: none; }

.sig-font { font-family: Caveat, cursive; font-size: 200%; }

.ck-powered-by { display: none; }

.w3-modal { padding-top: 116px; }

.w3-tooltip-bar { overflow: visible; }

.w3-tooltip .w3-tooltip-text {
    position: absolute;
    right: 100%; 
	width: 130%;
    z-index: 10;
}

.w3-active {
    border: 4px solid #fff;
    border-bottom-color: teal;
    border-top-color: teal;
    margin: -4px;
}

body:before,
body:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(255,255,255,0.6);
}
/*
body:before {
    background: url(/_inc/images/crm-background-50.jpg) no-repeat bottom center fixed;
    background-size: cover;
}
*/

body:before {
	background: url(/_inc/images/crm-background-new.jpg) no-repeat center center fixed;
	background-size: cover;
}
body.body-home:after { background-color: rgba(255,255,255,0.1); }
body.body-home .w3-container.w3-white,
body.body-home .it-event-preview { background: rgba(255,255,255,0.4) !important; padding: 8px !important; }
body.body-home .it-event-preview { padding: 4px !important; }
body.body-home .it-event-preview h5,
body.body-home .it-event-preview p { height: auto; margin: 0 !important; }
body.body-home .it-event-preview .counter .w3-card span.w3-xlarge { padding: 0; }

body.body-home .video-container { background: rgba(255,255,255,0.4) !important }
body.body-home .video-container h5 { margin: 0; padding: 4px; }
/*  --  --  --  VIDEO  --  --  --  */
.video-container { padding: 0; }
.video-holder { position: relative; }
iframe.video-frame {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/*  --  --  --  -------  --  --  --  */

body.body-provider_navigate_update .fld-radio .w3-col {display: flex; flex-wrap: wrap; }
body.body-provider_navigate_update .fld-radio .w3-col p { width: 50%; }
body.body-provider_navigate_update label { font-size: 18px; }
body.body-provider_navigate_update p label { font-size: 15px; }
body.body-provider_navigate_update h2 span { font-size: 50%; font-style: italic; color: teal; }

.w3-move { float: left; margin: -5px 10px -5px 0; }
.w3-move a { display: block; }
.w3-bar .w3-move .w3-button-squat .fa-fw { font-size: 19px; }
.w3-bar-controls { min-width:134px; }
.w3-top.w3-bar .w3-button {
    white-space: normal;
}
.w3-top.w3-bar .w3-bar-item {
    max-width: 49.999999%;
}

.w3-bar .w3-bar-item .fa { line-height: 23px; font-size: 21px; }
.fa .fa { font-size: 60% !important; transform: translate(-50%, -70%); line-height: 12px !important; text-shadow: 0px 2px 0px #fff, -2px 0px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff; }
.w3-button:hover .fa .fa { text-shadow: 0px 2px 0px #ccc, -2px 0px 0 #ccc, -2px -2px 0 #ccc, -2px 2px 0 #ccc; }

/*  --  --  --  HEADER  --  --  --  */
.w3-top { height: auto; background: #2e3547 !important; }
.w3-main { margin-left:300px; }
.w3-main-content { margin-top: 116px; }
a.logo-link { position: absolute; display: block; height: 100%; max-height: 100%; top: 0; padding: 8px 0; }
a.logo-link img { height: 100%; width: auto; }
/*body.w3-user-1 .w3-bar .w3-button { padding: 19px 16px; }*/
span.w3-bar-item.w3-right a { font-size: 80%; display: block; text-align: right; }
/*  --  --  --  ------  --  --  --  */

.it-bg-blue { background: #2e3547 !important; color: #fff; }
.it-bg-silver { background: #b1b2b4 !important; color: #fff; }
.it-bg-gold { background: #ab9549 !important; color: #fff; }

.it-text-blue { color: #2e3547 !important; }
.it-text-silver { color: #b1b2b4 !important; }
.it-text-gold { color: #ab9549 !important; }
.it-text-gold-text { color: #c7af57 !important; }

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

.pop-link { cursor: pointer; display: block; text-decoration: underline; }

.highlight { background: yellow; border-color: red; }
.target-span { padding: 0 10px 0 25px; position: relative; border: 1px solid #c1c1c1; border-radius: 10px; cursor: pointer !important; }
.target-span:after { content: "?"; width: 20px; height: 20px; position: absolute; top: -1px; left: -1px; text-align: center; line-height: 20px; border: 1px solid #ffeeba; border-radius: 50%; color: #856404; background-color: #fff3cd; }
@media (min-width:601px){ 
	.portal-form-right {
		position: fixed;
		bottom: 8px;
		top: 190px;
		overflow: auto;
		margin-right: 16px;
	}
}

.select2-container {
    width: 100% !important;
}
.highlight-check label {
    font-size: 20px;
    font-weight: bold;
    color: teal;
}
.file-check-holder { position: relative; }
.file-check-result {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    background: teal;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.w3-sidebar { height: auto; top: 112px; bottom: 24px; }
.w3-sidebar-links {
    position: absolute;
    top: 165px;
    width: 100%;
    bottom: 0;
    overflow: auto;
}

.w3-select { padding: 9px 0 9.5px; }
input[type="date" i] {
    line-height: 20px;
}
.w3-multi-col label {
    width: 100%;
    display: block;
}
.clearfix,
.w3-multi-col-33 .w3-col:nth-child(3n+1) {
    clear: both;
}
.it-reveal-holder { position: relative; }
.it-reveal-body {
    left: 7px;
    right: 7px;
    top: -9px;
	z-index: 1;
}

.nav-progress {
    position: relative;
    padding: 8px 8px !important;
}
.nav-progress span {
    display: block;
    line-height: 44px;
    padding: 8px 8px 8px 24px;
    margin: 0px 4px 0px 16px;
    background:  rgba(171,149,73,0.5);
}
.nav-progress span a { text-decoration: none; }
.nav-progress span:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 30px solid  rgba(171,149,73,0.5);
    border-bottom: 30px solid  rgba(171,149,73,0.5);
    border-left: 20px solid transparent;
    position: absolute;
    top: 8px;
    left: 4px;
}
.nav-progress span:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid rgba(171,149,73,0.5);
    position: absolute;
    top: 8px;
    right: -8px;
}
.nav-progress-done span {
    background:  rgba(171,149,73,0.9);
}
.nav-progress-done span:before {
    border-top: 30px solid  rgba(171,149,73,0.9);
    border-bottom: 30px solid  rgba(171,149,73,0.9);
}
.nav-progress-done span:after {
    border-left: 20px solid rgba(171,149,73,0.9);
}
.nav-progress-active span {
    background: #fff;
	color: #2d3648;
}
.nav-progress-active span:before {
    border-top: 30px solid #fff;
    border-bottom: 30px solid #fff;
}
.nav-progress-active span:after {
    border-left: 20px solid #fff;
}
.nav-holder {
    position: relative;
    padding-top: 100px;
}
.nav-progress-holder {
    position: absolute;
    top: 16px;
    width: 100%;
}
.nav-criteria-td { max-height: 200px; overflow-y: auto; }
.nav_provider_logo {
	display: block;
    width: 200px;
    margin: 16px 0;
	padding: 8px;
	background: #fff;
	border-radius: 16px;
}

.w3-input-expand-content .w3-quarter { padding: 4px 0; }
.w3-input-expand-close { padding: 8px 11px; }
label span.required {
    background: #f44336;
    float: left;
    margin: 0 5px 0 0;
    border-right: 6px solid #f8d7da;
	color: #fff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.item-count-holder,
.w3-accordian { overflow: visible; }
.item-count-holder .item-count,
.w3-accordian .item-count { margin: -14px 0 0 -14px; width: 32px; height: 32px; text-align: center; line-height: 30px; border-color: #fff !important; }

.w3-gold { background-color: #d3b95d !important; }

.w3-button,
.w3-bar-block .w3-bar-item { transition: all 0.3s ease; }
.back-button { margin-top: -38.5px; }

.w3-button-tall { padding: 18px 16px 19px !important; }
.w3-button-squat { padding: 1px 16px !important; }
.w3-bar .w3-button-squat { padding: 0px 2px !important; }
.w3-button-squat .fa-fw { font-size: 24px; }
.trigger-duplicate { border-radius: 20px 0 3px; margin: -16px; }

.it-nav-cat-icon {
    width: 100%;
    height: 120px;
    object-fit: contain;
}
.it-nav-cat-title {
    min-height: 72px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
}
.it-nav-cat hr {
    margin: 8px 0;
}
.it-nav-criteria {
    margin: -8px 0 0;
    padding-top: 16px !important;
}

/*  --  --  --  JOURNEY STYLES  --  --  --  */
.w3-hoverable tbody tr:hover, 
.w3-ul.w3-hoverable li:hover {
    background-color: aliceblue;
}
/*  --  --  --  --------------  --  --  --  */

/*  --  --  --  QUICK LINKS  --  --  --  */
.it-quick-links { position: absolute; width: auto; top: 28px; right: 6px; border-radius: 10px 0 10px 10px; background: #fff; box-shadow: 5px 4px 5px #cdcdcd; padding: 8px; z-index: 1; }
.it-quick-links a { margin-bottom: 4px; }
.w3-table tr.category-header,
.w3-table tr.category-header * { cursor: pointer}
.w3-table tr.category-header td { padding: 0;  }
.w3-table tr.product-row { background: #fff; }
tr.category-header,
tr.category-header:hover {
    background: none !important;
	display: table-row !important;
}
				
/*  --  --  --  -----------  --  --  --  */

.it-bg-shade { background: #f1f1f1; }
.it-tab,
.w3-tab {
    border-radius: 10px 10px 0 0;
    border: 4px solid #fff !important;
    border-bottom-color: teal !important;
}
.it-handover-tab,
.it-handover-tab-link {
	color: #856404 !important;
	background-color: #fff3cd !important;
    border: 1px solid #ffeeba !important;
    border-radius: 4px !important;
}
.it-handover-tab-link {
    padding: 0 4px !important;
}
input[type=file].w3-input {
    padding: 4px 8px;
	margin-bottom: 10px;
}

.fld-textarea textarea { min-height: 150px; }

.home-tab i.w3-expand { padding: 3px 10px; }

.select2-container--default .select2-selection--single { border-radius: 0; border: 1px solid #ccc; height: 40px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent; }

.navigate_intro {
    position: fixed;
    top: 116px;
    left: 300px;
    width: calc(100% - 300px);
    height: calc(100% - 116px);
    background: #0b2c43;
	z-index: 1;
}
.navigate_intro img { object-fit: contain; }
.navigate-logo img { max-width: 50%; }

		.counter .w3-card {
			margin: 1%;
			box-shadow: none;
			border: 1px solid #ccc;
			border-radius: 5px;
			padding: 5px 0 0;
			background: #f1f1f1;
		}
		.counter .w3-card span.w3-xlarge {
			display: block;
			margin-top: 5px;
			padding: 5px 0;
			border-top: 1px solid #ccc;
			background: #fff;
			border-radius: 0 0 5px 5px;
		}
		@media (min-width:993px){ .counter .w3-card span.hrs { display: none; } }
		@media (min-width:1101px){ .counter .w3-card span.hrs { display: inline; } }
.it-event-preview h5 {
    height: 54px;
    overflow: hidden;
}	

.circ-div { padding: 8px; margin-top: 4px; }
.circ-Amber { background-color: orange !important; }

.category_view_134 { display: none; }
#modal_content .category_view_134,
#tab_actionplan .category_view_134 { display: block; }

#modal_heading span {
    display: block;
    font-style: italic;
    font-size: 70%;
	margin-top: 8px;
}



/*  --  --  --  MEDIA LIBRARY  --  --  --  */
#media_upload { display: none; }
#media_upload.it-force-display-1 { display: block; }
#media_library .w3-card { position: relative; padding-top: 100%; }
#media_library img,
#media_library i { position: absolute; object-fit: contain; width: 100%; height: 100%; top: 0; left: 0; background: #f2f2f2; }
#media_library i:before { font-size: 24px; }
/*  --  --  --  -------------  --  --  --  */


/*  --  --  --  COMMISSIONS HIGHLIGHT  --  --  --  */
.it-in-pipe-2 {
    position: absolute;
    right: 16px;
    bottom: 16px;
    padding: 4px 8px;
    border: 2px solid #ab9549;
}
.it-in-pipe-title {
	transform: translate(25%, -9px);
	z-index: 1;
	position: relative;
	margin-bottom: -6px;
}
.it-in-pipe.w3-row {
    border-radius: 32px;
    padding: 0;
    width: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.it-in-pipe-days {
    border-radius: 32px 8px 8px 32px;
}
.it-in-pipe-val span,
.it-in-pipe-days span {
    display: block;
    border-top: 1px solid #ccc;
}
.it-in-pipe-val {
    padding-left: 16px;
}
@media (max-width:650px) {
	.it-in-pipe { display: none; }
}
/*  --  --  --  -------------  --  --  --  */

.it_multi_img_holder { width: 200px; height: 200px; text-align: center; }
.it_multi_img_holder img { object-fit: cover; width: 100%;  height: 100%; }

.it-form-image {
    transition: all 0.3s ease;
    height: 100%;
    width: auto !important;
    max-width: none;
    background: #f2f2f2;
}
.it-form-image:hover {
    height: 300%;
}

			table.w3-table .alert { margin-bottom: 0;}
			table#filter_portal_results td { vertical-align: middle; }
			
			.portal-process-phase i {
				width: 32px;
				font-size: 32px;
				height: 50px;
				line-height: 50px;
				text-align: right;
				font-style: normal;
				font-weight: bold;
			}
			
			.portal-process-phase {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				color: #fff;
				position: relative;
				padding: 8px 32px;
				border: 1px solid #fff;
				border-radius: 10px;
				opacity: 0.5;
				background: teal;
				margin-bottom: 4px;
			}
			.portal-process-phase.active-phase {
				opacity: 0.9;
			}
			.portal-process-phase.not-ready {
				opacity: 0.2;
			}
			.portal-process-phase:before {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				z-index: 1;
			}
			.showing-phase:before {
				border: 1px solid red;
				border-radius: 10px;
				left: -3px !important;
				right: -3px !important;
				top: -3px !important;
				bottom: -3px !important;
			}

@media (min-width:1250px){ .w3-col.x4 { width: 33.33333%; } }

.area-navigate {
    background: #2e3547;
    border-top: 5px solid #ab9549;
    color: #fff;
    min-height: calc(100vh - 116px);
}
.area-navigate header { display: none; }
.area-navigate h1 { font-size: 48px; line-height: 64px; margin: 28px 0 0 0; }

.navigate-home-logo {
    position: relative;
    padding-top: 16.666% !important;
}
#tab_navigate  .nav_provider_logo,
.area-navigate .nav_provider_logo { width: 90%; margin: 5% 0; max-width: 160px; }
#tab_navigate  .nav_provider_logo { max-width: 100px; }
.navigate-home-logo .nav_provider_logo {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 0;
    object-fit: contain;
}
.navigate-banner { position: relative; margin: 32px 0; }
.navigate-banner h5 {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 50%; */
    text-align: left !important;
    font-size: 36px;
    background: rgba(0,0,0,0.3);
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 16px 48px 16px 32px !important;
    border-radius: 0 48px 48px 0;
}

.area-navigate hr { border-color: #2e3547; }


i.it-input-img-remove + input {
    padding-left: 40px;
}
.it-input-img-remove {
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    padding: 0 8px;
    font-size: 24px !important;
    background: #f2f2f2;
    display: flex !important;
    align-items: center;
	cursor: pointer;
}


.w3-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.w3-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.w3-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 24px;
}

.w3-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .w3-slider {
    background-color: #4CAF50;
}

input:checked + .w3-slider:before {
    transform: translateX(26px);
}

.it-form-tab-container { position: relative; }
.it-form-tab {display: none; margin-top: 41px; padding: 16px; border: 1px solid #ccc; }
.it-form-tab.active {display: block;}
.it-form-tab-tabs { display: flex; position: absolute; top: 0; }
.it-form-tab-tab {
	padding: 8px 16px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-bottom-color: #e1e1e1;
	background: #f1f1f1;
	cursor: pointer;
}
.it-form-tab-tab:first-child { border-left-width: 1px; }
.it-form-tab-tab.active { background: #fff; border-bottom-width: 0; font-weight: bold; margin-bottom: -2px; }