body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; /*line-height: 1.4;*/ }

.clearfix::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.selected-lozenge {
	background: #2A7A5C;
	color: #E7E9EE;
	border: solid 0px;
}

.replaced-lozenge {
	background: #FCF2F5;
	color: #EC6586;
	border: 1px solid #EC6586;
}

.expired-replaced-or-adandoned-lozenge, .expired-replaced-or-adandoned-lozenge:hover {
	background: #FCF2F5;
	color: #EC6586;
	border: 1px solid #EC6586;
	cursor: default;
	pointer-events: none;
}

.application-completed-lozenge {
	background: #F2FAF7;
	color: #5DBA97;
	border: 1px solid #5DBA97;
}

.lozenge,
.umeTable .lozenge {
	border-radius: 8px;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	cursor: default;
	pointer-events: none;
	align-items: center;
	margin: 6px auto;
	padding: 8px;
}

.umeTable .lozenge {
	margin: 6px 0;
	padding: 1px 8px;
}

.table-lozenge {
	display: block;
}

.lozenge-ml10 {
	margin-left: 10px;
}

.application-completed-undo {
	color: #5782C2;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; 
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 5px;
}

.tooltip-icon {
	margin-left: 5px;
	color: #0387fb;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.tooltip-icon-large {
	font-size: 24px;
}

.tooltip-icon-small {
	font-size: 16px;
	margin-top: -4px;
}

.tooltip-text {
    visibility: hidden;
    background-color: rgb(34, 34, 34);
    color: #fff;
    text-align: left;
    padding: 8px;
    border-radius: 4px;
    white-space: pre-line;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
	font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s;
    width: 150px; 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.tooltip-icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.underwriteme-tooltip-parent {
    position: relative;
    display: inline-block;
}

.underwriteme-tooltip-parent:hover .tooltip-text,
.underwriteme-tooltip-parent button:hover + .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.centered-element {
	width: 100%;
	text-align: center;
}

/* -------- General Font Sizes & Styling -------- */

h2, h3, h4, h5, h6 { margin: 0 0 1em 0; }

h1, h2, h3 { /*line-height: 1;*/ }

h1	{ font-size: 20px; margin-left: 20px; margin-top: 1em; margin-bottom: 1em; }
h3	{ font-size: 20px; }

table caption.heading {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	padding-top: 1em;
}

p.inverse {
	background-color: #000000;
	padding: 0 10px;
	color: #ffffff;
	line-height: 34px;
	margin: 0;
}
p.inverse a, p.inverse a:hover { color: #ffffff; }
p.inverse a i { margin-left: 8px; }

a { color: #0051cc; }
a:hover { color: #0051cc; text-decoration: underline; }

label, input, button, select, textarea { font-size: 13px; }

/* -------- General Font Sizes & Styling -------- */

/* -------- Helper Classes -------- */

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

.text-left {
	text-align: left;
}

.text-right,
.table .text-right {
	text-align: right;
}

.float-left {
	 float: left;
 }

.float-right {
	float: right;
}

.connection-icon-success {
    color: #0acf83;
}

/* -------- Helper Classes -------- */

/* -------- Misc -------- */

.form-horizontal .control-label-left {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: left;
}
.noPaymentsDue {
	text-align: center;
}

.clawedback{
	color:red;
}



/* -------- Misc -------- */
/* -------- Navbar -------- */

body > .navbar { font-size: 13px; }
.navbar-inverse { color: #999999; }
.navbar-inner { padding-right: 0; padding-left: 0; }
.navbar form { margin: 5px 0 0; }

.navbar input { min-height: 20px; }
#top-navbar { font-size: 13px; }

.nav .divider {
	height: 14px;
	width: 1px;
	margin: 13px 0px;
	overflow: hidden;
	background-color: #e4e4e4;
}

/* -------- Navbar -------- */
/* -------- Top Black Navbar -------- */

input[type="text"].input-inverse {
	background-color: #515151;
	border: 1px solid #515151;
	color: #ffffff;
	height: 30px;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: 	inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: 		inset 0 1px 1px rgba(0, 0, 0, 0.075);

		-webkit-border-radius:	5px 0 0 5px;
		-moz-border-radius:		5px 0 0 5px;
		border-radius:			5px 0 0 5px;
}
/* -- Align radio buttons within labels -- */
.radio-text{
	position:relative;
	top:3px;
}
.navbar-inverse .btn.btn-inverse {
	background-color: #515151;
	background-image: none;
	border: 1px solid #515151;
	border-color: #515151;
	filter: none;
	text-shadow: none;
	height: 30px;
		-webkit-box-shadow: none;
		-moz-box-shadow: 	none;
		box-shadow: 		none;

  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.navbar-inverse .btn-inverse:hover { background-color: #818181; border-color: #818181; }

.navbar-inverse .btn-inverse i.icon-search { margin-left: 0; }

.navbar.navbar-inverse .nav > li { border-right: none; }

.navbar.navbar-inverse .nav > li > a:hover,
.navbar.navbar-inverse .nav > li > a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: 	none;
		box-shadow: 		none;
}
.navbar-inverse .nav .divider { background-color: #999999; }

/* -------- Top Black Navbar -------- */
/* -------- Header -------- */

#header { margin: 15px 0 1rem 0; border-bottom: 1px solid #d6d6d6;
	padding:0 1rem;box-sizing:border-box;
}

#header .nav-icons { margin-top: 5px; margin-bottom: 25px; }
#header #logo { margin-bottom: 25px; }

#header .pull-right.buttons { padding-top: 50px; }

/* -------- Header -------- */

/* -------- Header POPUP -------- */

#headerpopup { margin: 5px 0 0; border-bottom: 1px solid #d6d6d6; }

#headerpopup .nav-icons { margin-top: 5px; margin-bottom: 10px; }
#headerpopup #logo { margin-bottom: 10px; }

/* -------- Header -------- */

/* -------- Breadcrumb -------- */

.breadcrumb:after {
    content: '';
    display: table;
    clear: both;
}

.breadcrumb > li {
    display: list-item !important;
    float: left !important;
	max-width: 15em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.breadcrumb > li:hover {
	white-space: normal;
}

.breadcrumb > li + li:before {
    content: '/' !important;
    padding: 0 5px !important;
    color: #999 !important;
}

/* -------- Navbar with Icons -------- */

.nav-icons {
	*zoom: 1;
	margin-top:1rem;
}
.nav-icons:before,
.nav-icons:after {
	display: table;
	line-height: 0;
	content: "";
}
.nav-icons:after {
	clear: both;
}
.nav-icons > li {
	float: left;
	width: 120px;
}
.nav-icons > li > a {
	text-align: center;
	color: #ababab;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 79px;
	float: left;
	width: 100px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
}
.nav-icons > .active > a,
.nav-icons > .active > a:hover {
	color: #0051cc;
}
.nav.nav-icons .divider {
	height: 79px;
	padding: 0px 0;
	margin: 0;
}
.nav-icons > li > a:hover { background: none; color: #000000; }

[class^="icon-lg_"],
[class*=" icon-lg_"] {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 13px;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.icon-lg_case-tracking 	{ background-image: url('../images/icons_large/icon_lg_case-tracking.png'); }
.icon-lg_new-case		{ background-image: url('../images/icons_large/icon_lg_new-case.png'); }
.icon-lg_commission		{ background-image: url('../images/icons_large/icon_lg_commission.png'); }
.icon-lg_reports		{ background-image: url('../images/icons_large/icon_lg_reports.png'); }
.icon-lg_address-book	{ background-image: url('../images/icons_large/icon_lg_address-book.png'); }
.icon-lg_home			{ background-image: url('../images/icons_large/icon_lg_home.png'); }
.icon-lg_audit			{ background-image: none; font-size: 4em; display: block !important; }

.nav-icons [class^="icon-lg_"], .nav-icons [class*=" icon-lg_"] { background-position: 0 -50px; }

.nav-icons > .active [class^="icon-lg_"],
.nav-icons > .active [class*=" icon-lg_"],
.nav-icons > .active a:hover [class^="icon-lg_"],
.nav-icons > .active a:hover [class*=" icon-lg_"] { background-position: 0 -100px; }

.nav-icons a:hover [class^="icon-lg_"], .nav-icons a:hover [class*=" icon-lg_"] { background-position: 0 0px; }

/* -------- Navbar with Icons -------- */
/* -------- Icons -------- */

i.margin-left	{ margin-left: 8px; }
i.margin-right	{ margin-right: 8px; }

.icon-blue { background-image: url("../img/glyphicons-halflings-blue.png"); }

.icon-green-tick {
	background: url('../images/icons/icon-green-tick.png') -1px -1px no-repeat;
}
.icon-red-exclamation {
	background: url('../images/icons/icon-red-exclamation.png') -1px -1px no-repeat;
}
.icon-double-chevron-right {
	background: url('../images/icons/icon-double-chevron-right.png') -1px -1px no-repeat;
}
.dropdown-menu li > a:hover .icon-double-chevron-right { background: url('../images/icons/icon-double-chevron-right-white.png') -1px -1px no-repeat; }

.icon-calendar {
	background-image: url('../images/icons/icon-calendar.png');
	background-position: 0 0;
}
span i.icon {
	margin-left: 5px;
	margin-right: 10px;
}

#case-area .form-horizontal .control-group .controls i {
	margin-left: -18px;
	margin-top: 8px;
	float: right;
}
#case-area { margin-bottom: 80px; }

/* -------- Icons -------- */
/* -------- Dashboard Page -------- */

.container.with-alert {
	padding-top: 16px;
}

#dashboard { margin-top: 50px; margin-bottom: 50px; }

.row-fluid #dashboard-left.span5 {
	/*width: 38.42553191489362%;*/
	padding-right: 2.127659574468085%;
	border-right: 1px solid #d6d6d6;
	margin-right: -1px;
}


#dashboard-left select { /*width: 200px;*/ width: 100%; }

#dashboard-left .bootstrap-select,
#dashboard-left .bootstrap-select .btn { width: 100%; }

.percent100 .bootstrap-select,
.percent100 .bootstrap-select .btn { width: 100%; }

.percent85 .bootstrap-select { width: 85%; }
.percent85 .bootstrap-select .btn { width: 100%; }

/* -------- Dashboard Page -------- */
/* -------- Buttons -------- */

.btn-largeish {
	padding: 6px 14px;
	font-size: 14px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.btn,
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger {
	background-image: none;
	text-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: 	none;
		box-shadow: 		none;
}
.btn i { margin-left: 10px; }

.btn.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #626060, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#626060), to(#222222));
	background-image: -webkit-linear-gradient(top, #626060, #222222);
	background-image: -o-linear-gradient(top, #626060, #222222);
	background-image: linear-gradient(to bottom, #626060, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-more {
	display: block;
	text-align: center;
	background-color: #dcdcdc;
	line-height: 35px;
	cursor: pointer;
}

.btn-small {
	margin-top: 3px;
}

.btn-inline {
    margin-left: 10px;
    margin-bottom: 5px !important;
}

/* -------- Buttons -------- */

/* -------- Toggle Switch ------- */

/* Large */

.ek-switch {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 30px;
}

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

.ek-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.ek-slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .ek-slider {
	background-color: #006dcc;
}

input:checked + .ek-slider-medium {
	background-color: #006dcc;
}

input:focus + .ek-slider {
	box-shadow: 0 0 1px #006dcc;
}

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

/* Medium */
.ek-switch.medium {
	top:7px;
	width: 28px;
	height: 15px;
}

.ek-slider.medium {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .2s;
	transition: .2s;
}

.ek-slider.medium:before {
	position: absolute;
	content: "";
	height: 11px;
	width: 11px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .2s;
	transition: .2s;
}

input:focus + .ek-slider.medium {
	box-shadow: 0 0 1px #006dcc;
}

input:checked + .ek-slider.medium:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

/* Rounded sliders */
/* Large */

.ek-slider.round {
	border-radius: 30px;
}

.ek-slider.round:before {
	border-radius: 50%;
}

/* medium */
.ek-slider.medium.round {
	border-radius: 30px;
}

.ek-slider.medium.round:before {
	border-radius: 50%;
}

/* -------- END Toggle Switch ------- */

/* -------- Tables -------- */

.table { margin-bottom: 10px; }

.box { margin-bottom: 25px; }

.table { font-size: 12px; }
.table th {
	font-weight: bold;
	background-color: #E5E5E5;
}

.table th,
.table td {
	padding: 6px 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	border-top: 5px solid #ffffff;
	border-right: 2px solid #ffffff;
	line-height: 1.4;
}

.table .notUpdated > td {
	background-color: #d6d8db !important;
}

.table-hover .notUpdated tr:hover td {
	background-color: #e3e5e8 !important;
}

.table th:last-child, .table td:last-child { border-right: none; }

.table td { background-color: #cce7fa; }
.table-striped tbody > tr:nth-child(odd) > td {
	background-color: #e8f2f9;
}

.table tr.odd > td {
	background-color: #e8f2f9;
}

.table-striped td.additional-info-row, .table td.additional-info-row {
	background-color: #e7e7e7c9;
}

.table tr.error {background-color: #ed969e !important;}

.table-striped tr.error:nth-child(even) > td {
	/*background-color: #e3b8b8 !important;*/
	background-color: #f2dede  !important;
}

.table-striped tr.error:nth-child(odd)  > td {
	/*background-color: #f2dede  !important;*/
	background-color: #e3b8b8 !important;

}

.table-striped tr:nth-child(odd) > td.error.col-error  {
	background-color: #e3b8b8 !important;
}

.table-striped tr:nth-child(odd) > td.error.col-error {
	background-color: #f2c7c8 !important;
}

.table-striped tr:nth-child(even):hover > td.error.col-error  {
	background-color: #ed969e !important;
}

.table-striped tr:nth-child(odd):hover > td.error.col-error  {
	background-color: #ed969e !important;
}

.table-striped tr.error:nth-child(odd):hover > td{
	background-color: #ed969e !important;
}

.table-striped tr.error:nth-child(even):hover > td {
	background-color: #ed969e !important;
}

.table-striped tbody > tr:hover > td.error > a {
	color:white !important;
	font-weight: bold;
}

.table-striped tbody > tr:hover > td.error {
	background-color: #ed969e !important;
}

.table-striped tbody > tr:nth-child(odd) > th {
	font-weight: bold;
	background-color: #E5E5E5;
}

/* --- Styling for nested tables --- */
.table-striped tbody > tr > td > table.table > tbody > tr > td {
	background-color: #cce7fa;
}
.table-striped tbody > tr:nth-child(odd) > td > table.table > tbody > tr > td {
	background-color: #e8f2f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: #B8D5ED !important;
}


.table-full {
	width: 100%;
    display: table;
 }

 .table-full td {
  background-color: #F3E2CF;
}

.table-condensed {
	width: auto;
    min-width: 0;
    display: table;
 }

.table-auto td {
  vertical-align: top;
}

.table-auto {
	width: auto;
    min-width: 0;
    display: table;
 }

.table-condensed td {
  background-color: #E5E5E5;
  vertical-align: top;
}

.table tbody tr.success td {
  background-color: #dff0d8 !important;
}

.table tbody tr.error td {
  background-color: #e3b8b8 !important;
}

.table tbody tr td.error {
	background-color: #e3b8b8 !important;
}

.table tbody tr.warning td {
  background-color: #fcf8e3 !important;
}

.table tbody tr.info td {
  background-color: #d9edf7 !important;
}

table td.right,
table td.right input,
table th.right{
	text-align: right;
}

table td.left,
table td.left input,
table th.left{
	text-align: left;
}

table td.center,
table td.center input,
table th.center{
	text-align: center;
}

table.table-striped tbody > tr.no-hover:nth-child(odd) > td,
table.table-hover tbody tr.no-hover:hover td,
table.table-hover tbody tr.no-hover td {
	background-color: transparent !important;
}
tr.no-hover td h4 {
	margin: 10px 0 0 0;
}

tr.row-selected {
	background-color: #f7f7f9;
}

/* -------- Tables -------- */
/* -------- Select Dropdowns -------- */

.bootstrap-select .btn {
	padding: 4px 12px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	background-color: #e5e5e5;
	border-color: #e5e5e5;
		-webkit-border-radius: 	0;
		-moz-border-radius: 	0;
		border-radius: 			0;
}
.btn-group.bootstrap-select > .btn:first-child {
	-webkit-border-bottom-left-radius:	0;
	border-bottom-left-radius: 			0;
	-webkit-border-top-left-radius: 	0;
	border-top-left-radius: 			0;
	-moz-border-radius-bottomleft: 		0;
	-moz-border-radius-topleft: 		0;
}
.bootstrap-select .btn:focus {
	outline: thin dotted #333333 !important;
	outline: 3px auto -webkit-focus-ring-color !important;
	outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .caret {
	position: absolute;
	right: 8px;
	margin: 0;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	border: none;
	content: "";
	width: 8px;
	height: 9px;
	background: url('../images/select_carat.png') 8px 5px no-repeat;
	border-left: 1px solid #d8d8d8;
}
.control-group .bootstrap-select.btn-group, .control-group .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0px; }
.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0px; }

/* -------- Select Dropdowns -------- */
/* -------- Dropdown Menu -------- */

.dropdown-menu {
	background-color: #ffffff;
	background-color: rgba(255,255,255,.9);
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
	background-image: none;
	filter: none;
	background-color: #0051cc;
}

/* -------- Dropdown Menu -------- */
/* -------- Warnings -------- */

.FFNo b,
.FFNo strong,
.priority1 { color: #d11f23; }

/* -------- Warnings -------- */
/* -------- Applicants Area -------- */

#ApplicantsRibbon {
	display: block;
}

#applicants {
	margin-bottom: 26px;
	overflow: hidden;
}
#applicants .applicantPanel {
	margin-left:0% !important;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 1%;
	padding-right: 1%;
	background-color: #e8f2f9;
	position: relative;
	overflow: hidden;
	height: calc(100% - 80px);
	min-height:350px;
	position:relative;
}

#applicants .applicantPanel ~ .applicantPanel {
	margin-left:2.1% !important;
}

#applicants .five-boxes .applicantPanel ~ .applicantPanel {
	margin-left:1.6% !important;
}

#applicants .fifth-panel {
	background-color:transparent;
	padding: 0;
	height:auto;
	overflow: auto !important;
}

#applicants h5 { margin-bottom: 0; }
#applicants p:last-child { margin-bottom: 0; }

#applicants .remove-applicant {
	position: absolute;
	top: 15px;
	right: 15px;
}
#applicants .remove-applicant-disabled {
	opacity: 40%;
}
#applicants .add-applicant {
	display: block;
	margin: 30px auto 0 auto;
	width: 120px;
	height: 120px;
	overflow: hidden;
	background: url('../images/icons_large/icon_lg_add-applicant.png') 0 0 no-repeat;
	text-indent: -3000em;
}

#applicants .add-applicant-small {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url('../images/icons_large/icon_lg_add-applicant.png') 0 -30px no-repeat;
	background-size: 100%;
	text-indent: -3000em;
}

#applicants .add-applicant-links span{
	padding:0;
}

#applicants .applicant-small {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url('../images/icons_large/icon_lg_applicant.png') 0 -30px no-repeat;
	background-size: 100%;
	text-indent: -3000em;
}

#applicants .add-applicant:hover { background-position: 0 -120px; }

#applicants .add-company {
	display: block;
	margin: 20px auto 50px auto;
	width: 120px;
	height: 120px;
	overflow: hidden;
	background: url('../images/icons_large/icon_lg_add-company.png') 0 0 no-repeat;
	text-indent: -3000em;
}

#applicants .add-company-small,
#applicants .company-small {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: url('../images/icons_large/icon_lg_add-company.png') 0 -30px no-repeat;
	background-size: 100%;
	text-indent: -3000em;
}

#applicants .add-company:hover { background-position: 0 -117px; }

#applicants .mk-icon-offset{
	padding-left: 20px
}

.applicants-ribbon-container {
	display:flex;
	flex-direction:row;
}

.applicants-ribbon-container #fifthPanelContainer {
	overflow:hidden;
	display:block;
}

.applicants-ribbon-container #ApplicantsRibbon {
	width:100%;
}

.applicants-ribbon-container.five-boxes #ApplicantsRibbon {
	width:75%;
}

.applicants-ribbon-container #fifthPanelContainer {
	display:none;
}

.applicants-ribbon-container.five-boxes #fifthPanelContainer {
	width:25%;
	display:block;
}

#ApplicantsRibbon > h1 {
	margin-left:0;
}

.applicants-ribbon-container #fifthPanelContainer .lastPanel {
	margin-top: 80px;
	padding:3px 10px 10px 10px;
}

.main-content .applicants-ribbon-container #fifthPanelContainer .lastPanel {
	margin-top:89px;
}



#ApplicantsRibbon .applicant-order-button {
	margin-top:30px;
	position:relative;
}

.five-boxes #ApplicantsRibbon .applicant-order-button {
	right:-33.2%;
}


.show-profile {
	overflow: auto;
}

.show-profile dt {
	width: 115px;
	float: left;
  	clear: both;
}

.show-profile dl {
  	clear: both;
}

.show-profile dd {
	float: left;
  	margin-left: 20px;
}

.show-profile label {
	display: inline-block;
	width: 150px;
	font-weight: bold;
}

.show-profile dt label:after {
	content: ':';
}

.show-profile .portal-access {
    padding-top: 6px;
    margin-bottom: 0px;
	width: auto !important;
	display:flex;
}
.show-profile .portal-applicant-row {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: flex-end;
	margin-bottom: 8px;
}

.show-profile .finova-portal-invite-btn.disabled:hover {
	cursor: not-allowed;
}

.show-profile .applicant-row-activated {
	align-items: end;
}
.show-profile .applicantInviteButton .btn {
	margin-bottom: -3px;
}
.show-profile .portal-applicant-row label:after {
	content: '';
}
.show-profile .apprivo-applicant-row label:after {
	content: '';
}
.show-profile .portal-text-span {
	display:block;
	overflow:hidden;
	min-height: 0px;
}
.show-profile .portal-text-span:after {
	content: ':';
}
.show-profile .portal-access .fa {
    min-width: 20px;
	line-height: 20px;
}

.show-profile .portal-access .fa-link {
    color: #008000;
}

.show-profile .portal-access .fa-unlink {
    color: #696969;
}

.show-profile .portal-access .fa-unlink.error {
    color: #ff0000;
}

.show-profile .portal-access .fa-unlink.pending {
    color: #FF9B21;
}

#FactFindApplicants h4 {
	font-size: 13px;
	margin-bottom: 10px;
}

#FactFindApplicants h5 {
	margin-bottom: 0px
}

#FactFindApplicants .show-profile {
	margin-bottom: 10px;
}

/* -------- Applicants Area -------- */
/* -------- Navbar Nav -------- */

.navbar .nav { margin: 0; }
.navbar .nav > li { border-right: 1px solid #d4d4d4; }
.navbar .nav > li:last-child { border-right: none; }

.navbar #case-nav-left.nav { width: 100%; }
.navbar #case-nav-left.nav > li { width: 50%; margin-right: -1px; }
.navbar #case-nav-left.nav > li:last-child { margin-right: 0; }

.navbar #case-nav-left.nav > li a { text-align: center; }

.navbar #case-nav-left.nav > .active > a,
.navbar #case-nav-left.nav > .active > a:hover {
	color: #ffffff;
	text-shadow: none;
	cursor: default;
	background-color: #0051cc;
	border: none;
	border: 1px solid #0051cc;
	background-image: none;
	filter: none;
}

li.percent30 { width: 23%;}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
	color: #555555;
	text-decoration: none;
	background-color: #e5e5e5;
		-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		-moz-box-shadow: 	inset 0 3px 8px rgba(0, 0, 0, 0.125);
		box-shadow: 		inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

#case-tabs-right a i {  margin-right: 10px; }
#case-tabs-right a.dropdown-toggle i {  margin-right: 0px; }
#case-tabs-right a.dropdown-toggle a i {  margin-right: 10px; }

#case-dropdown.dropdown-menu li > a {
	padding: 10px 20px;
	font-weight: bold;
	min-width: 400px;
}

#case-dropdown .line2 { display: inline-block; padding-left: 25px; font-weight: normal; }


/* -------- Navbar Nav -------- */
/* -------- Navbar Tabs -------- */

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

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
	color: #ffffff;
	text-shadow: none;
	cursor: default;
	background-color: #0051cc;
	border: none;
	border: 1px solid #0051cc;
	background-image: none;
	filter: none;
}
.nav-tabs > li { margin-bottom: 0px; }

.nav-tabs > li > a {
	white-space:nowrap;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 12px;
	padding-left: 10px;
	line-height: 20px;
	border: 1px solid #d4d4d4;
	/*border-bottom-color: #0051cc;*/
	margin-right: 2px;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	background-color: #fafafa;
	background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e9e9e9));
	background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: -o-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: linear-gradient(to bottom, #ffffff, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe9e9e9', GradientType=0);
}
.nav-tabs > li > a:hover { border-color: #d4d4d4; background-image: none; }

.nav .dropdown-menu { margin: -2px 0 0 0; }
.controls .dropdown-menu { margin: 2px 0 0; }
.controls select, .controls option { max-width: 100%; }

.navbar-inner {
	background-color: #fafafa;
	background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e9e9e9));
	background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: -o-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: linear-gradient(to bottom, #ffffff, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe9e9e9', GradientType=0);
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}


.navbar-inverse input[type="text"] { width: auto; margin-right: 0; }

.answer select,
.answer input[type="text"]{
	margin-right: 18px;
}

input[type="text"] {
	width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
}

/* -------- Navbar Tabs -------- */
/* -------- Form Components -------- */

textarea {
	width: 100%;
	margin-right: 18px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
		-webkit-box-shadow: none;
		-moz-box-shadow: 	none;
		box-shadow: 		none;

	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	height: auto;
	padding: 4px 8px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	vertical-align: middle;
		-webkit-border-radius: 	0;
		-moz-border-radius: 	0;
		border-radius: 			0;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	line-height: normal;
}

.form-horizontal .control-group .controls input[type="radio"],
.form-horizontal .control-group .controls input[type="checkbox"] {
	line-height: normal;
	vertical-align: sub;
}

.indented.control-group {
	margin-left:2em !important;
	margin-bottom:0 !important;
	padding-top:0 !important;
}

#copyProductModal {
	margin-left:-35em;
	width:70em;
	margin-top:-5em;
}
.wide.control-label-left {
	width:12em;
}

.margin-left.controls {
    margin-left:13em !important;
}

.margin-left.btn.btn-link {
    margin-left:1.1em;
}

h4.remove-bottom-margin{
    margin-bottom:0;
}

.remove-bottom-margin.control-group {
	margin-bottom:0 !important;
}

.form-horizontal .control-group .controls label.radio input[type="radio"],
.form-horizontal .control-group .controls label.checkbox input[type="checkbox"] {
	margin: 0;
	vertical-align: text-bottom;
	padding-left: 5px;
	float: none;
	display: inline;
}

.form-horizontal .control-group { margin-bottom: 15px; }

.checkbox-group .control-group {
	margin-bottom: 0;
}
.checkbox-group .control-group:last-child {
	margin-bottom: 15px;
}

.form-inner .controls:first-child {
	margin-left: 0;
}

input.percent90 { width: 90%; }

.form-outer {
	background-color: #f3f3f3;
	margin-bottom: 20px;
}
.form-inner {
	padding: 10px 10px 20px;
}

.form-outer table td, .form-outer table th { border-color: #f3f3f3; }

label.inline-label {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
}

.control-group label.inline-label {
	margin-top: 0;
}

/* -------- Form Components -------- */
/* -------- Expandable Div -------- */

.expandable { }
.expandable-button { }
.expandable-content {
	display: none;
	border: 1px solid #dcdcdc;
	background-color: #ffffff;
	padding: 20px;
}

.exportDemoButtonLink {
	background-color:lightgrey;
}

/* -------- Expandable Div -------- */
/* -------- Footer -------- */

#footer-actions {
	background: url('../images/footer-actions-background.png') 0 0 repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0px;
	z-index: 99999;
}

#footer-actions .btn {
	margin-right: 5px;
}

a.unavailable {
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#footer-actions > .container-fluid > .row-fluid > .pull-left > .footer-divider {
    background-color: grey;
    width: 1px;
    margin: 9px .3rem 9px 1px;
}

#footer-actions > .container-fluid {
    display: flex;
}

#footer-actions > .container-fluid > .row-fluid > .pull-left {
    float: none !important;
    display: flex;
    flex-flow: wrap;
    align-content: space-between;
    row-gap: .5rem;
    column-gap: .25rem;
}

/* IE targeting due to lack of support for flexbox gap/row-gap/column-gap - sorry */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    #footer-actions > .container-fluid > .row-fluid {
        margin-top: -.6rem;
    }

    #footer-actions > .container-fluid > .row-fluid > .pull-right > .btn {
        margin-top: .6rem;
    }

    #footer-actions > .container-fluid > .row-fluid > .pull-left > .btn,
    #footer-actions > .container-fluid > .row-fluid > .pull-left > span > .btn,
    #footer-actions > .container-fluid > .row-fluid > .pull-left > .footer-divider {
        margin-right: .6rem;
        margin-top: .6rem;
    }

    #footer-actions > .container-fluid > .row-fluid > .pull-left > .footer-divider {
        background-color: grey;
        width: 1px;
        margin-top: 18px !important;
        margin-bottom: 9px !important;
        margin-left: 1px !important;
    }
}
/* -------- Footer -------- */
/* -------- Date picker --------

 * jQuery UI Datepicker 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #B8D5ED;
	background: #e8f2f9;
	color: #363636;
}

#ui-datepicker-div { font-size: 12px; margin-top: 2px; } /* added by creation */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position:relative;
	padding: .2em 0;
	border: 0;
	font-weight: bold;
	width: 100%;
	padding: 4px 0;
	background-color: #f5f5f5;
	background: #f5f5f5;
	color: #808080;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	/*top: 1px;*/
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	/*left:1px;*/
}

.ui-datepicker .ui-datepicker-next-hover {
	/*right:1px;*/
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin:0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding:0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow:visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0em;
}

/* RTL support */

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	display: none; /*sorry for IE5*/
	display/**/: block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}

.ui-datepicker th {
	font-weight: bold;
	color: gray;
}

.ui-datepicker-today a:hover {
	background-color: #808080;
	color: #ffffff;

}
.ui-datepicker-today a {
	background-color: #BFBFBF;
	cursor: pointer;
	padding: 0 4px;
	margin-bottom: 0;
}

.ui-datepicker td a {
	margin-bottom: 0;
	border: 0;
}

.ui-datepicker td:hover {
	color: #ffffff;
}

.ui-datepicker td .ui-state-default {
	border: 0;
	background:none;
	margin-bottom: 0;
	padding: 5px;
	color: gray;
	text-align: center;
	filter: none;
}

.ui-datepicker td .ui-state-active {
	background: #bfbfbf;
	margin-bottom: 0;
	font-size: inherit;
	text-shadow: none;
	color: #ffffff;
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
	color: #ffffff;
	background: #0064cd;
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); /* Safari 5.1+, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd); /* Firefox 3.6 */
	background-image: -o-linear-gradient(top, #049cdb, #0064cd); /* Opera 11.10+ */
	background-image: linear-gradient(top, #049cdb, #0064cd); /* CSS3 Compliant */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); /* IE8 */
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}

.ui-datepicker-week-end a {
	color: white !important;
    background-color: red !important;
}


/* -------- Date picker --------*/

#PartSelectionTable th,
#PartSelectionTable td {
	padding-right: 15px;
	text-align: left;
}

/* Commission Detail Lines Form */
#DetailLinesForm .narrow {
	width: 80%;
}

/* -------- Modal Dialog Animation -------- */
.modal.fade.in {
  top: 10%;
  left: 50%;
}

.modal.fade {
  top: 10%;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
       -o-transition: opacity 0.3s linear, left 0.3s ease-out;
          transition: opacity 0.3s linear, left 0.3s ease-out;
}

/* Kris with a K - Responsive Tables*/
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

/* Diary styles */
.diarycalendar {
	border-collapse: separate;
}
.diarycalendar td {
	position: relative;
	height: 1px; /* Setting height to 1px will mean the eventCell height:100% works as the TD has a specified height */
}
.diarycalendar .eventCell {
	height: 100%;
	padding: 3px 5px;
	background: white;
	border-radius: 5px;
	margin: 5px 0;
}
.diarycalendar .userName {
	text-align: center;
}
.diarycalendar tbody > tr:nth-child(odd) > td.nobackground {
	background: none!important;
}
.diarycalendar .noTime .eventCell {
	height: auto;
	min-height: 30px;
}
.diarycalendar .hourCell {
	font-weight: bold;
	text-align: center;
	width: 35px;
}
.diarycalendar tbody tr.dayHeadings th {
	font-weight: normal;
}

/* Custom Boostrap 3 classes */
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.control input[disabled] {
	background-color: #eeeeee;
	opacity: 1;
	cursor: not-allowed;
}

.lowLevelCommissionRadioLabel {
	display:inline;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-md-1-5, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-1-5, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1-5 {
	width: 10.066667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

/* View Profile Custom */
.legend-box {
	border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 14px;
    border-radius: 5px;
}
.compare-identifier-left {
	background-color: white;
	min-height: 13px !important;
	margin: 0 !important;
	padding-right: 16.60% !important;
	border-bottom-left-radius: 5px;
	margin-top: -2px !important;
}
.compare-identifier-right {
	background-color: white;
	min-height: 13px !important;
	margin: 0 !important;
	padding-left: 16.60% !important;
	border-bottom-right-radius: 5px;
	margin-top: -2px !important;
}
.btn-group>.btn.active {
    background-color: #329E32 !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}
.btn-group>.btn {
    border: none;
}
.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
}

.first-btn {
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-bottomleft: 5px !important;
}
.btn-group>.btn.active>i.fa {
	color: #fff !important;
}
.profile-permissions-container {
	margin-bottom: 0.4%;
	margin-right: 1%;
	padding: 0;
}
.profile-permissions-container-header {
	background-color: rgb(0, 109, 204);
	border-top-right-radius: 5px;

	border-top-left-radius: 5px;
	text-align: center;
	height: 10px;
	min-height: 35px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: bold;
}
.view-profile-permission-icon {
	color: #a0a0a0;
}
.orange {
	background-color: #FFA702 !important;
}
.purple {
	background-color: #6E378A !important;
}
.green {
	background-color: #329E32 !important;
}
.orange-c {
	color: #FFA702 !important;
}
.purple-c {
	color: #6E378A !important;
}
.green-c {
	color: #329E32 !important;
}

#P2PLoanPledgeSummary .capital-status-allocated,
#P2PLoanPledgeSummary .capital-status-not-allocated {
    margin: -5px auto -5px auto;
}
#P2PLoanPledgeSummary .capital-status-allocated.editable,
#P2PLoanPledgeSummary .capital-status-not-allocated.editable {
    cursor: pointer;
}
#P2PLoanPledgeSummary .capital-status-allocated:after {
    color: green;
    font-size: 120%;
    content: '\2714';
}
#P2PLoanPledgeSummary .capital-status-not-allocated:after {
    color: red;
    font-size: 120%;
    content: '\2718';
}

li > span.completeentry > span > a {
	text-decoration: line-through;
}

/******************
Header Logo Styles
*******************/

/********************************
This relies on setting only the
height dimension and letting the
browser handle the aspect ratio
*********************************/

/*
Go upto this for all V3-esque headers
*/
.mkheader img {
    max-height: 64px;
    padding: 5px;
    border: none;
}

/*
Maintain the bottom margin if the
logo is shorter than the max-height
when we have a real header (force
the logo container height)
*/
#header #logo {
    height: 84px;
}

/*
Go upto this for all non-popup/new window
pages that lack a real header component
(e.g. LoginPage)
*/
#logo img {
    max-height: 84px;
    max-width: 100%;
    border: none;
}

/*
Go upto this for popup (or new tab) headers
*/
#headerpopup #logo img {
    max-height: 64px;
}

/*************************
End of Header Logo Styles
**************************/

.ui-autocomplete {
	max-height: 150px;
	max-width: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 13px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	z-index: 110000;
}

.ui-autocomplete .helptext {
	float: right;
}

#redarrowiconcolor {
	color:red;
}

#amberarrowiconcolor {
	color:orange;
}

#greenarrowiconcolor {
	color:green;
}

/* add height awareness for popover */

.popover.popoverFilters .popover-content {
	padding-top: 10px;
	padding-bottom: 3px;
	margin-bottom: 50px;
	overflow-y: auto;
}

.popover.popoverFilters .popover-body {
	min-height: 150px;
    overflow: auto;
}

.popover.popoverFilters .popover-options-header {
	padding-top: 10px;
}

.popover.popoverFilters .popover-footer {
	position: absolute;
	bottom: 0;
	padding: 0 0 10px 0;
}

dl.popoverSummary {
	margin: 0;
	padding: 0;
}

/** stage and status info panel elements **/

#info-key {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

#info-key li {
	padding-bottom: 10px;
}

#info-key img {
	padding-right: 10px;
}

#info-warning {
	border: 2px solid red;
	padding: 0 10px;
}

#info-warning h3 {
	margin-top: 0;
	font-size: 1em;
	margin-bottom: 0;
}

/** inline links **/
small a.btn{
	line-height: .85em;
	font-size: inherit;
}

a.btn.inline {
	display: inline;
	padding-left: 0;
	padding-right: 0;
}

td input.narrow {
	margin-right: 6px;
}
.factfind {
	max-width: 200px;
}

div.inline-field-group {
	padding-bottom: 10px;
}

div.inline-field-group,
div.inline-field-group *{
	display: inline-block;
}

div.inline-field-group label,
div.inline-field-group a {
	margin: 0 10px 0 0;
}

div.inline-field-group input[type=text] {
	width: 200px;
}

div.inline-field-group label {
	margin-left: 20px;
}

.apply-inline-block {
	display: inline-block;
}

.margin-left-10 {
	margin-left: 10px;
}

.answer .mkmandatory,
.answer a,
.answer div.inline-field-group a{
	margin-left: -10px;
	margin-right: 20px;
}

.answer textarea > a {
	margin-left: 0;
}

td.text-center {
    text-align: center;
}

/** search results page **/
a.highlighted {
    border: 2px solid yellow;
}

button.ui-datepicker-close {
    display: none;
}

.bootbox .modal-title {
    margin: 10px 0;
}

table span.alert {
	white-space: nowrap;
	text-align: center;
}

td.text-center {
	text-align: center;
}

.control-group.inline > * {
	display:  inline;
	margin-right: 10px;
}

.control-group.inline > .form-control {
	width: inherit;
}

.form-inner.first {
	padding-bottom: 0;
}

.form-inner.first .control-group {
	padding-bottom: 0;
	margin-bottom: 0;
}

.form-results {
	max-height: 500px;
	overflow-x: auto;
}

#productSummary {
	margin-bottom: 50px;
}

/* responsive breakpoint for commission summary filters */
@media only screen and (max-width : 1500px) {
	/* Styles */
	#DateRange .control-label-left,
	#TeamPKSingleDropdown .control-label-left {
		display: block;
		float: none;
	}

	#DateRange .controls,
	#TeamPKSingleDropdown .controls {
		display: block;
		margin-left: 0;
	}
}

p.panel-collapsible {
	cursor:pointer;
	user-select:none;
}

.case-panel.panel-open .icon-closed {
	display:none;
}

.case-panel:not(.panel-open) .icon-opened {
	display:none;
}


.case-panel:not(.panel-open) p.panel-collapsible {
	margin-bottom:20px;
}

.case-panel:not(.panel-open) .form-outer {
	display:none;
}

.panel-controls {
	text-align:right;
	margin: 0 20px 0 auto;
}

.panel-controls .btn i {
	margin:0 0.4rem 0 0;
}
#attachFilesModal{
    z-index:100000;
    top:5%;
}

.sale-group {
	display: none;
}

.sale-group.visible {
	display: block;
}

/** conveyancing modal **/

.conveyancing-modal .subtotals {
	 margin-right:34px;
 }

.conveyancing-modal .subtotals .subtotal-row {
	margin:0.1rem 0;
}

.conveyancing-modal .subtotals .amount {
	display:inline-block;
	width:100px;
}

.conveyancing-modal .popover-container {
	display:inline-block;
	width:14px;
	margin-left:7px;
	vertical-align:1px;
}

.popover {
	z-index: 100100; /* Modal z-index is 100,000 */
}

/** participant clubs page **/

 .participant-clubs-results {
	 margin-top:20px;
 }

.participant-clubs-filter fieldset > div {
	display:inline-block;
}

.participant-clubs-filter .participant-clubs-search {
	width:200px;
}

.participant-clubs-or {
	padding:0 8px 0 10px;
}

/** view illustration modal **/

.modal.fade.in {
    z-index:100000;
}

.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
}

.modal-mask h1 {
	margin-top: 0px;
}

.modal-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.modal-container {
    width: 70%;
    margin: 0px auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif;
}

.modal-quote-container {
    width: 50%;
}

.modal-header h3 {
    margin-top: 0;
}

.modal-body {
    margin: 20px 0;
	max-height: calc(100vh - 350px);
	overflow-y: auto;
}

.modal-body-illustration {
    padding: 0 0 20px 0;
    min-height: 80vh;
}

.modal-default-button {
    float: right;
}

.modal-body #case-area {
	margin-bottom: 0px;
}

.modal-footer-wapper {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.modal-body-wrapper {
     padding-bottom: 45px;
 }

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
    opacity: 0;
}

.modal-leave-active {
    opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.text-danger {
    color: red;
}

/*
 * Integration modal styling
 */

#integration-modal-container {
	padding:0;
	width:90%;
	height:80%;
	display:flex;
	flex-direction:column;
}

#integration-modal-container .modal-header h3 {
	margin:0.5rem 0.5rem 0.4rem 0.5rem;
}

#integration-modal-container .spinner-container {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	flex-direction:row;
}

#integration-modal-container .spinner i {
	font-size:2rem;
	color:#aaa;
}

/**
 * mortgage top panel styling
 */

#mortgageTopLeft #MortgageSourcePK, #mortgageTopLeft #SecondarySourcePK {
	width: 74.46808510638297%;
}
@media(min-width: 1200px) {
	#mortgageTopLeft .restrict-width {
		max-width: 48.93617%;
	}
	#mortgageTopLeft #MortgageSourcePK, #mortgageTopLeft #SecondarySourcePK {
		max-width: 48.93617%;
	}
}

/*
 * applicants panel button styling
 */

.select-applicants-text {
	display:inline-block;
	min-height:1.9rem;
	line-height:2rem;
    padding-right:0.8rem;
}

.selectApplicantsButton {
	background-color: #6c757d;
	color: #fff;
}

.selectApplicantsButton:hover {
	background-color: #5a6268;
	color: #fff;
	border-color:#545b62;
}

.selectApplicantsButton:active {
	background-color: #5a6268;
	color: #fff;
	border-color:#e6e6e6;
}

/*
* Burrow Ticklist status icon
 */
.ticklist-icon-not-sent {
	padding-right: 10px;
	color:black;
}

.ticklist-icon-pending {
	padding-right: 10px;
	color:grey;
}

.ticklist-icon-requested {
	padding-right: 10px;
	color:dodgerblue;
}

.ticklist-icon-received-unreviewed {
	padding-right: 10px;
	color:orange;
}

.ticklist-icon-received-satisfactory {
	padding-right: 10px;
	color:green;
}

.burrow-auto-invite-table,
.finova-auto-invite-table {
	width:75% !important;
	margin-bottom:2em;
}

.auto-invite-head-text-center {
	text-align:center !important;
}

.bulk-email-label-inline {
	display:inline;
}
.onlySendToUnique {
	margin-right: 0.2em !important;
	margin-top: -0.1em !important;
}

.bulkEmailFilterOptions {
	margin-top:-1em;
	margin-bottom:0.5em;
	padding-left:0.5em;
}

.bulk-email-applicant-row {
	padding-left:1em;
}
.bulk-email-applicant-row:hover{
	background-color:#cce7fa;
}

.control-group.required .control-label-left:after {
	content:" *";
	color:red;
}

body.modal-open {
    overflow-y: hidden;
}

#airquotesillustrationPanel .air-case-manager-container {
	clear:both;
	margin-top:0.8rem;
	margin-bottom:0.6rem;
}

#airquotesillustrationPanel .air-case-manager-container .helptext {
	vertical-align:middle;
}

.im-applicant-container {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.short-text {
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space: nowrap;
	cursor: pointer;
}

.badge-success-border {
	color: #506951;
	background-color: #DBFADC;
	border: 1px solid #506951;
}

.customer-user-avatar {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: rgba(253, 184, 73, 0.6);
	border-radius: 25px;
	text-align: center;
	line-height: 30px;
	font-weight: 200;
	color: #fff;
	font-size: 1.0rem;
	margin-left: 5px;
	cursor: pointer;
}

.customer-user-avatar.highlight-3 {
	background-color: rgba(253, 184, 73,0.6);
}
.customer-user-avatar.highlight-4 {
	background-color:rgba(187, 213, 88,0.6);
}
.customer-user-avatar.highlight-1 {
	background-color: rgba(106, 135, 178,0.6);
}
.customer-user-avatar.highlight-2 {
	background-color:rgba(53, 186, 229,0.6);
}

.actionAddAutomationAction {
	padding-left: 5px;
}

.applicantPanelBtn {
	margin-bottom: 10px;
}

.brokerIdIcon {
	display: inline-block;
	width: 23px;
	margin-left: 5px;
	margin-top: -2px;
	pointer-events: auto;
}

.brokerIdLogo {
	display: inline-block;
	width: 160px;
	margin-left: 23px;
	margin-top: -2px;
	pointer-events: auto;
}

.applicantPanel .brokerIdIcon {
	cursor: pointer;
}

.brokerIdIcon i {
	margin-left: 4px;
	margin-top: 4px;
}

#brokerIDModal.modal {
	width: 700px;
	margin-left: -340px;
}

.hidden {
	display: none;
}

#disconnectFromBrokerID {
	display: inline-block;
	margin-top: 5px;
}

.search-view-specific-date-range-container > div {
	margin-bottom: 20px;
}

.search-view-date-range-dropdown-container label {
	width: 145px;
}

.search-view-date-range-dropdown-container > .controls {
	margin-left: 150px;
}

.search-view-specific-date-range-container > .controls {
	margin-left: 158px;
}

#reports-date-ranges {
	padding: 15px;
	background: #f3f3f3;
	margin-bottom: 10px;
}

.reports-date-range-select-container {
	display: inline-block;
	margin-right: 3%;
	margin-top: 20px;
}

.reports-date-range-select-container label {
	display: inline-block !important;
	width: 235px;
	margin-right: 20px;
}

.reports-specify-date-range-container {
	width: 50%;
	min-width: 555px;
	margin-top:10px;
	display: inline-block;
}

.reports-specific-date-range {
	display: inline-block;
	width: 40%;
}

.reports-specific-date-range label {
	margin-right: 10px;
}

.reports-specific-date-range:first-child {
	margin-right: 3%;
}


.reports-specific-date-range input {
	width: 60%;
	border-radius: 3px;
}

.panel-controls-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
}

.brevo-status-pill {
	border-bottom-left-radius: 32px;
	border-bottom-right-radius: 32px;
	border-top-left-radius: 32px;
	border-top-right-radius: 32px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	margin: auto;
	font-size: 14px;
	font-weight: 400;
	height: 24px;
	line-height: 24px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	position: relative;
	text-align: center;
	text-rendering: optimizelegibility;
	text-wrap: nowrap;
	vertical-align: baseline;
	white-space-collapse: collapse;
	pointer-events: none;
}

#brevo-tag-field-container > label {
	width: 75px
}

#brevo-tag-field-container > div.controls {
	margin-left: 80px;
}

#brevo-tag-field-container > div.controls > input {
	width: 100%;
}

.portal-settings-tab-content {
	margin-left:1.3em; margin-right:1.3em;
}

.portal-settings-table-wrapper {
	overflow-y: auto;
	max-height: 400px;
}

.portal-settings-label-table {
	background-color: #FFFFFF;
	width:100%;
}

.portal-settings-label-heading-row {
	border-bottom: 2px solid #dee2e6;
}

.portal-settings-label-heading-row:hover {
	background-color:white;
}

.portal-settings-label-heading {
	padding: 0.75rem;
}

.portal-settings-label-row {
	border-top:1px solid #dee2e6;
}

.portal-settings-label-row:hover {
	background-color:rgba(0, 0, 0, 0.075);
}

.portal-settings-label-column,
.portal-settings-label-default-column {
	padding: 0.75rem;

}
.portal-settings-label-default-column {
	width:20%;
}
.portal-settings-search-box {
	margin-bottom:1.5em;
}

.portal-settings-restore-default-icon {
	color: #676666;
}

.portal-settings-restore-default-icon:hover {
	color:#F9F9F9;
}
.portal-settings-restore-default-icon:active {
	color:#676666;
}

@media screen and (max-width:1470px) {
	.portal-settings-label-table th:nth-child(2),
	.portal-settings-label-table td:nth-child(2)
	{ display: none; }
}
@media screen and (max-width:1150px) {
	.portal-settings-label-table th:nth-child(2),
	.portal-settings-label-table td:nth-child(2),
	.portal-settings-label-table th:nth-child(3),
	.portal-settings-label-table td:nth-child(3)
	{ display: none; }
}
.portal-settings-restore-default-column {
	text-align: center;
}
.portal-settings-label-input {
	width:100%;
}
.portal-settings-label-input-column {
	padding-right:0.75rem;
}

.portal-settings-label {
	font-weight:600;
}

.portal-settings-general-panel-container {
	padding:1em;
}

.portal-setting-label-heading-reset-default {
	text-align:center
}

.portal-settings-tabs {
	padding:16px;
	margin-right:1.3em;
}

.portal-settings-labels-container {
	padding:1.5em;
}

.portal-settings-search-count-row {
	margin-bottom:1em;
}

.duplicated-email,
.no-email-found
{
	color:red;
}

.notification-icon {
	color: #f6a520;
	width: 20px;
	font-size: 0.9rem;
	display: inline-block;
}

.notification-icon i {
	line-height:1.7rem;
}

.applicant-notification-icon {
	float: left;
}

.notification-container-full-width .container-fluid {
	padding: 0;
}

.bulk-email-preview-section {
	margin-top:2em;
	border:1px solid #bbbbbd;
}

.bulk-email-template-dropdown {
	width: 100%;
}

.integration-info-panel-container {
	margin-left: 0;
	width: fit-content;
}

.integration-info-panel-container .form-outer {
	margin-right: 35px;
}

.integration-info-panel-content {
	display: flex;
	padding: 10px 1rem 10px 1rem;
	align-items: center;
	gap: 10px;
	min-height: 30px;
}

.integration-info-panel-content a#helptext {
	margin-left: 40px;
}

.integration-info-panel-content .fa-info-circle {
	font-size: 1.2em;
	vertical-align: top;
	color: #0150ca;
}

table.mortgageReservationInfo tr td {
	padding-right: 30px;
}

.automation-rule.span6 {
	margin-left: 0;
}

h4.panel-notice {
	text-align: center;
}

#EditAutomationRuleForm #footer-actions input[disabled]:hover,
#EditAutomationRuleForm #footer-actions input[disabled]:hover {
	background-color: #0070de;
	cursor: not-allowed;
}

.ticklist-btn-container {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.send-to-portal-from-who-cell {
	width:11em;
}

.commission-status-badges span {
	margin: 2px 0;
}

.world_grey, .world_green {
	min-width: 16px;
	min-height: 16px;
}

.custom-product-fields-table-checkbox-label {
	margin-top: 1em !important;
	display: inline !important;
}

.custom-field-ar-controls {
	margin-bottom: 5px;
}

.custom-field-ar-controls input[type="checkbox"], .custom-field-ar-controls input[type="radio"] {
	margin-top: 0;
}

.custom-field-ar-controls input[type="checkbox"] + span, .custom-field-ar-controls input[type="radio"] + span {
	display: inline-block;
	margin-top: 4px;
	margin-left: 5px;
}

.custom-field-ar-criteria {
	display: inline-block;
}

.custom-field-ar-criteria span:first-child {
	margin-left: 10px;
}

.custom-field-ar-criteria input[type="number"] {
	width: 50px;
	margin-left: 10px;
	margin-right: 10px;
}

#custom-field-ar-none-selected-text {
	text-align: center;
	width: 100%;
	margin: 50px 0;
}

#custom-field-loading-spinner {
	margin-bottom: 20px;
	text-align: center;
	display: none;
}