body div.sl-logo {
	background-color: white;
}
div.sl-logo a.logo img {
	width: 72%;
	margin-left: 24px;
	margin-top: 4px;
}

.menu-item-label {
	margin-left: 0;
}

.sl-menu-sub .nav-link {
	padding-left: 26px;
}

.card-header.collapser {
	cursor: pointer;
}
.card-header.collapser div.card-title {
	position: relative;
}
.card-header.collapser div.card-title i {
	float: right !important;
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Ionicons";
	font-weight: normal;
	font-style: normal;
}
.card-header.collapser div.card-title i:before {
	content: "\f366";
}
.card-header.collapser.collapsed div.card-title i:before {
	content: "\f35d";
}
.card > .card-header.collapsed div.card-title {
	color: #868ba1;
}

.dashboard-panel .big-number {
	font-size: 52px;
	font-weight: bold;
	line-height: 45px;
	padding-top: 20px;
}
.dashboard-panel .text-red {
	color: #ea4335;
}
.dashboard-panel .text-yellow {
	color: #fabc04;
}
.dashboard-panel .text-green {
	color: #34a853;
}

.panel-body-activity-feed-box {
	max-height: 250px;
	overflow: auto;
}

#activity-user-box-container,
#activity-feed-display-raw {
	font-size: 86%;
}
#activity-user-box-container pre,
#activity-feed-display-raw pre {
	font-size: 80%;
}

#FleetCustomerVehicleAddForm div.form-group {
	vertical-align: top;
}
#FleetCustomerVehicleAddForm input.form-control {
	width: 110px;
}
#FleetCustomerVehicleAddForm #FleetVehicleVin {
	width: 180px;
}
#FleetCustomerVehicleAddForm #FleetVehicleMake,
#FleetCustomerVehicleAddForm #FleetVehicleModel {
	width: 140px;
}
#FleetCustomerVehicleAddForm .help-block {
	width: 140px;
}

#topbar div.navbar-collapse ul.navbar-nav > li > a#notification-count-icon {
	background: #fff;
}
#topbar div.navbar-collapse ul.navbar-nav > li:hover > a#notification-count-icon,
#topbar div.navbar-collapse ul.navbar-nav > li.open > a#notification-count-icon {
	background: #ccc;
}
#topbar div.navbar-collapse ul.navbar-nav > li > a#notification-count-icon {
	border-radius: 3px;
	-moz-border-radius: 3px;
	color: #999999;
	padding: 5px 15px;
	text-shadow: 1px 1px 0px #ccc;
}

#PolicyNavbarSearch {
	width: 12em;
}
#PolicyNavbarSearch::placeholder {
	font-size: 10px;
}
#div-navbar-search {
	width: 18em;
}

.coverage-card {
	position: relative;
	border: 3px solid white;
}

@media (max-width: 575px) {
	.wrapper-coverage-card {
		margin: -30px -50px
	}
}
.coverage-card:hover,
.coverage-card-selected {
	border-color: #D09649!important;
	border: 3px solid #D09649;
}

#new-policy-steps {
	margin-bottom: 4rem;
}

#new-policy-steps .step-preview {
	font-size: 0.8rem;
	padding: 0.5rem;
	background-color: #f8f9fa;
	margin: 0 0.5rem 0 0;
}

#new-policy-steps .step-preview p {
	margin: 0;
	overflow-x: hidden;
}

#new-policy-steps .step-preview span {
	font-weight: normal;
	margin-right: 0.5rem;
}

#new-policy-steps .step-preview strong {
	font-weight: bold;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable span {
	background-color: #eee;
}

table.dataTable thead tr td,
table.dataTable thead tr th {
	background-color: #fff;
}
.filters-result-header .btn-group {
	vertical-align: top;
}

.bambora-input-wrapper {
	border: 1px solid #ccc;
	padding: .4rem .6rem;
}

#BamboraCardNumber {
	background-image: none;
	background-origin: content-box;
	background-position: calc(100% + 40px) center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-right: 3em;
}

#new-policy-steps .disabled-finish-wizard {
	color: currentColor;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
	pointer-events: none;
	transform: translateZ(0);
}

.dropdown-menu.dropdown-menu-zindex {
	z-index: 1060;
}

.bg-renewal-status-orange {
	background-color: #f7bc68;
}

.bg-renewal-status-red {
	background-color: #f6a1a9;
}

.sl-sideleft-menu .menu-item-icon {
	width: 22px;
	text-align: center;
}

a[href^="mailto:"] {
	color: #414042;
}
a[href^="mailto:"]:hover {
	font-weight: bold;
}

#new-policy-steps #step-button-decline {
	background-color: #dc3545;
	border-color: #dc3545;
}
#new-policy-steps #step-button-save-quote {
	background-color: gray;
	border-color: gray;
}

#new-policy-steps #step-button-save-quote.disabled {
	cursor: not-allowed;
	opacity: 0.4;
	text-decoration: none;
	pointer-events: none;
	transform: translateZ(0);
}

.modal-full-screen {
	padding: 0 !important;
}
.modal-full-screen .modal-dialog {
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
}
.modal-full-screen .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0;
}
.modal-full-screen .modal-body {
	overflow-y: auto;
}

table.row-border-top-1 > tbody > tr > td {
	border-top: 1px solid #dee2e6;
	padding-top: 0.6rem;
}

#my-courses-page .widget-messages .list-group-item img {
	border-radius: 0%;
}

div.date-time-field .form-control {
	display: inline;
	width: auto;
	margin-right: 0.25em;
	margin-left: 0.25em;
}

div.date-time-field label {
	display: block;
}

#new-policy-steps .card-check-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.2rem;
	height: 2.2rem;
	background-color: #D09649;
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: polygon(100% 0, 0 0, 100% 100%);
}

#new-policy-steps .card-check-icon i {
	color: white;
	font-size: 16px;
	transform: translate(7px, -7px);
}

.actions-navbar-sticky {
	top: 5rem;
	padding: 0;
}

#policy-view-info {
	scroll-snap-type: y mandatory;
}

#policy-view-info .scroll-top-sections {
	scroll-snap-align: start;
	scroll-margin: 7rem;
}

#policy-view-info table td:first-child {
	width: 11rem;
}
#policy-view-info table td {
	border-top-color: rgba(0,0,0,0.05);
}


/* TODO Move to template repo, background must be in sync with body-bg */
.policy-view-sticky-section-nav {
	top: 3.7rem;
	z-index: 3;
	background: #D8DCE3;
	width: 100vw;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	margin-left: -2rem;
	padding-left: 2rem;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dropzone-theme .card {
	border: 2px dashed #ccc;
	border-radius: 5px;
	background-color: #f8f9fa;
}

#attachments-append-area .ckbox {
	display: inline;
	padding: 0 1rem 0 0.3rem;
}