* {
	box-sizing: border-box;
}

/* prefix with .v2-1 for specificity over older CSS */
body.v2-1 {
	background-color: #f5f5f5;
}

.v2-1 #page-container {
	background: transparent;
}

.v2-1 #sidebar,
.v2-1 #sidebar-alt {
	background-color: #fff;
}

.v2-1 #jobMenu_main #page-container {
	/* modal */
	background-color: #f5f5f5;
}

/* trying to remove these margin-top offets; slowly refactoring them. */
#react-leads {
	margin-top: -10px
}

.v2-1 #page-content {
	background-color: #f5f5f5;
}

.v2-1 .block {
	border: 1px solid #e8e8e8;
	border-radius: 8px 8px 0 0;
	box-shadow: 4px 4px 0px 0px #e5e5e5;
}

.v2-1 .block .block {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.v2-1 header.navbar-default.page-top,
.v2-1 header.navbar-inverse.page-top {
	height: 68px;
}

.v2-1 .page-top .nav>li>a {
	display: flex;
	align-items: center;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
	font-size: 14px;
	font-family: "Outfit", sans-serif;
}

.v2-1 .page-top .nav>li>a,
.v2-1 .page-top .nav.tr-menu>li>a {
	padding: 23px 18px;
	font-weight: 300;
	width: auto;
}

.v2-1.fb .page-top .nav>li>a {
	padding: 24px 19px;
}

.v2-1.fb .page-top .nav>li.home-icon>a {
	padding: 23px 19px;
}

.v2-1 .nav.tr-menu>li a.nav-tasks,
.v2-1 .nav.tr-menu>li a.settings,
.v2-1 .nav.tr-menu>li a.nav-help,
.v2-1 .nav.tr-menu>li a.nav-search,
.v2-1 .nav.tr-menu>li a.nav-addnew {
	padding: 23px 12px;
	border-right: none;
	min-width: auto;
	margin-left: 0;
	cursor: pointer;
}

.v2-1.fb .page-top .nav.tr-menu>li>a {
	padding: 23px 19px;
}

.v2-1 .nav.tr-menu>li a.nav-addnew {
	border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.v2-1 .nav.tr-menu>li a.nav-tasks>i {
	margin-right: 0;
}

.v2-1 .nav.tr-menu>li a.settings>i {
	margin-right: 0;
}

.v2-1 .nav>li>a .fa-angle-down {
	margin-left: 4px;
}

.v2-1 .nav.tr-menu>li.nav-profile>a {
	padding: 0;
}

.v2-1 .nav.tr-menu>li.nav-profile>a,
.v2-1.fb .nav.tr-menu>li.nav-profile>a {
	padding: 7px 14px 7px 16px;
}

.v2-1:not(.scd) .dropdown-menu.dropdown-custom>li {
	padding: 0;
	font-size: 12px;
}

.v2-1 .nav.tr-menu>li.nav-profile>ul a {
	padding: 14px 10px 14px 22px;
}

.v2-1 .nav.tr-menu>li.nav-profile a img {
	width: 54px;
	height: 54px;
	border-radius: 50px;
	border: 2px solid #fff;
	object-fit: cover;
	font-size: 12px;
		line-height: 1;
		display: flex;
		justify-content: center;
		align-items: center;
}

.v2-1 header.navbar-default.page-top,
.v2-1 header.navbar-inverse.page-top {
	/*position: absolute;*/
	/*left: 0;*/
	/*top: 0;*/
	width: 100%;
}

.v2-1 header.navbar-default.page-top.sidenav-open,
.v2-1 header.navbar-inverse.page-top.sidenav-open {
	left: 0px;
	width: 100%;
	height: 68px;
}

.v2-1 .navbar-nav-header.navbar-nav-custom.tr-menu {
	margin-right: -15px;
	padding-right: 0;
}

/* .v2-1.fb .navbar-nav-header.navbar-nav-custom.tr-menu {
    margin-right: 0;
} */
.v2-1.fb ul.navbar-nav-left {
	padding-left: 0;
}

.v2-1 .tasks-overdue {
	display: none;
	position: absolute;
	top: 4px;
	right: -3px;
	color: #fff;
	background-color: #f00;
	border-radius: 60px;
	border: none;
	font-size: 12px;
	line-height: 1;
	padding: 6px 8px;
	font-weight: 400;
	z-index: 1;
}

.v2-1 .tasks-overdue-announce .tasks-overdue {
	position: relative;
	display: inline-block;
	top: 0;
	margin: 0 1px;
	font-size: 14px;
	line-height: 20px;
	padding: 0 6px;
}

.v2-1 .popover-button {
	padding: 19px 12px;
	border-right: none;
	min-width: auto;
	margin-left: 0;
	cursor: pointer;
	color: #fff;
	background: none;
	border: none;
}

.v2-1 .popover-button:hover {
	background-color: #6ab8f7;
}

/*----------------------------*/
.v2-1 #taskListSlider,
.v2-1 #searchSlider {
	position: absolute;
	right: 0px;
	top: 68px;
	width: 500px;
	max-height: 50vh;
	box-shadow: -1px 3px 8px 4px rgba(0, 0, 0, 0.1);
	opacity: 0;
	z-index: -9999;
}

.v2-1 #taskListSlider.hide-tasks {
	opacity: 0;
	animation: taskHide 0.3s ease;
}

.v2-1 #taskListSlider.show-tasks {
	opacity: 1;
	z-index: 9999;
	animation: taskShow 0.3s ease;
}

.v2-1 #taskListSlider h2 {
	padding: 25px 20px 20px;
}

.v2-1 #taskListSlider h4 {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	font-size: 17px;
}

@keyframes taskShow {
	0% {
		opacity: 0;
		transform: scale(0.97);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes taskHide {
	0% {
		opacity: 1;
		z-index: 9999;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		z-index: -9999;
		transform: scale(0.97);
	}
}

/*----------------------------*/
.v2-1 #searchSlider {
	width: 400px;
	background-color: #fff;
}

.v2-1 #searchSlider.hide-search {
	opacity: 0;
	animation: taskHide 0.3s ease;
}

.v2-1 #searchSlider.show-search {
	opacity: 1;
	z-index: 9999;
	animation: taskShow 0.3s ease;
}

/*----------------------------*/
.v2-1 #searchSliderCollapse {
	color: #777;
	cursor: pointer;
}

.v2-1 #taskListSlider h4 {
	background: none;
	border: none;
}

.v2-1 .icon-tasks:before {
	content: "";
}

.v2-1 .fa-new-update {
	display: none;
	position: absolute;
	top: 4px;
	right: -3px;
	color: #fff;
	background-color: #58dd3b;
	border-radius: 60px;
	border: none;
	font-size: 12px !important;
	line-height: 1;
	padding: 6px 9px;
	font-weight: 700 !important;
	z-index: 1;
	animation: new-update-pulse 3s ease 2 alternate;
}

.mui-icon-menu {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 4px;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: currentColor;
}

@media screen and (max-width: 1840px) {
	.mui-icon-menu {
		display: none;
	}

	.sidebar-normal .mui-icon-menu {
		display: inline-block;
	}

	.icon-formitize,
	.icon-check,
	.icon-settings,
	.icon-help,
	.icon-search,
	.icon-addnew {
		display: block;
	}

	.v2-1 .page-top .nav>li>a {
		padding: 24px 20px;
	}

	.v2-1.fb .page-top .nav>li>a {
		padding: 24px 18px;
	}

	.v2-1 .page-top .nav>li.home-icon>a {
		padding: 23px;
	}

	.v2-1.fb .page-top .nav>li.home-icon>a {
		padding: 23px;
	}

	.v2-1.fb .navbar-nav-header.navbar-nav-custom.tr-menu a {
		padding: 23px 12px;
	}
}

@media screen and (min-width: 1730px) {
	.v2-1.fb .page-top .nav:not(.tr-menu)>li>a {
		padding: 23px 22px;
	}

	.v2-1.fb .page-top .nav>li>a {
		padding: 22px 12px;
	}

	.v2-1.fb .page-top .tr-menu>li a {
		padding: 23px 12px;
	}
}

@media screen and (max-width: 1420px) {
	.v2-1 .page-top .nav>li>a {
		padding: 24px 16px;
	}
}

@media screen and (max-width: 1320px) {
	.v2-1 .page-top .nav>li>a {
		padding: 24px 13px;
	}

	.v2-1.fb .page-top .nav>li>a {
		padding: 24px 16px;
	}
}

@media screen and (max-width: 1330px) {
	.v2-1.fb .page-top .nav>li>a {
		padding: 24px 24px;
	}
}

@media (max-width: 1260px) {
	.v2-1 .page-top .nav>li>a {
		padding: 24px 11px;
	}
}

.v2-1 .sidebar-nav .mui-icon-menu {
	color: #999999;
}

/* mask-image enables use of background-color:currentColor for customising */
.navbar-nav .icon-formitize,
.sidebar-normal .icon-formitize {
	-webkit-mask-image: url(../img/ui-icons/formitize_white_logo_SquaredA.svg);
	mask-image: url(../img/ui-icons/formitize_white_logo_SquaredA.svg);
}

.navbar-nav .icon-menu,
.sidebar-normal .icon-menu {
	-webkit-mask-image: url(../img/ui-icons/menu_white_24dp.svg);
	mask-image: url(../img/ui-icons/menu_white_24dp.svg);
}

.navbar-nav .icon-account-circle,
.sidebar-normal .icon-account-circle {
	-webkit-mask-image: url(../img/ui-icons/account_circle_white_24dp.svg);
	mask-image: url(../img/ui-icons/account_circle_white_24dp.svg);
}

.navbar-nav .icon-qr-code,
.sidebar-normal .icon-qr-code {
	-webkit-mask-image: url(../img/ui-icons/qr_code_2_white_24dp.svg);
	mask-image: url(../img/ui-icons/qr_code_2_white_24dp.svg);
}

.navbar-nav .icon-handshake,
.sidebar-normal .icon-handshake {
	-webkit-mask-image: url(../img/ui-icons/dealer_handshake.svg);
	mask-image: url(../img/ui-icons/dealer_handshake.svg);
}

.navbar-nav .icon-description,
.sidebar-normal .icon-description {
	-webkit-mask-image: url(../img/ui-icons/description_white_24dp.svg);
	mask-image: url(../img/ui-icons/description_white_24dp.svg);
}

.navbar-nav .icon-folder,
.sidebar-normal .icon-folder {
	-webkit-mask-image: url(../img/ui-icons/folder_white_24dp.svg);
	mask-image: url(../img/ui-icons/folder_white_24dp.svg);
}

.navbar-nav .icon-work,
.sidebar-normal .icon-work {
	-webkit-mask-image: url(../img/ui-icons/work_white_24dp.svg);
	mask-image: url(../img/ui-icons/work_white_24dp.svg);
}

.navbar-nav .icon-check-circle,
.sidebar-normal .icon-check-circle {
	-webkit-mask-image: url(../img/ui-icons/check_circle_white_24dp.svg);
	mask-image: url(../img/ui-icons/check_circle_white_24dp.svg);
}

.navbar-nav .icon-assignment,
.sidebar-normal .icon-assignment {
	-webkit-mask-image: url(../img/ui-icons/assignment_turned_in_white_24dp.svg);
	mask-image: url(../img/ui-icons/assignment_turned_in_white_24dp.svg);
}

.navbar-nav .icon-construction,
.sidebar-normal .icon-construction {
	-webkit-mask-image: url(../img/ui-icons/construction_white_24dp.svg);
	mask-image: url(../img/ui-icons/construction_white_24dp.svg);
}

.navbar-nav .icon-groups,
.sidebar-normal .icon-groups {
	-webkit-mask-image: url(../img/ui-icons/groups_white_24dp.svg);
	mask-image: url(../img/ui-icons/groups_white_24dp.svg);
}

.navbar-nav .icon-import-contacts,
.sidebar-normal .icon-import-contacts {
	-webkit-mask-image: url(../img/ui-icons/import_contacts_white_24dp.svg);
	mask-image: url(../img/ui-icons/import_contacts_white_24dp.svg);
}

.navbar-nav .icon-check,
.sidebar-normal .icon-check {
	-webkit-mask-image: url(../img/ui-icons/check_white_24dp.svg);
	mask-image: url(../img/ui-icons/check_white_24dp.svg);
}

.navbar-nav .icon-settings,
.sidebar-normal .icon-settings {
	-webkit-mask-image: url(../img/ui-icons/settings_white_24dp.svg);
	mask-image: url(../img/ui-icons/settings_white_24dp.svg);
}

.heading-icon.icon-settings {
	-webkit-mask-image: none;
	mask-image: none;
}

.navbar-nav .icon-help,
.sidebar-normal .icon-help {
	-webkit-mask-image: url(../img/ui-icons/help_outline_white_24dp.svg);
	mask-image: url(../img/ui-icons/help_outline_white_24dp.svg);
	margin-right: 0;
}

.navbar-nav .icon-addnew,
.sidebar-normal .icon-addnew {
	-webkit-mask-image: url(../img/ui-icons/add_white_24.svg);
	mask-image: url(../img/ui-icons/add_white_24.svg);
	margin-right: 0;
}

.navbar-nav .icon-search,
.sidebar-normal .icon-search {
	-webkit-mask-image: url(../img/ui-icons/search_white_24.svg);
	mask-image: url(../img/ui-icons/search_white_24.svg);
	margin-right: 0;
}

.nav-icons .icon-home-dashboard {
	background-image: url(../img/ui-icons/Dash_BoxA.svg);
}

.formPhoto-entry-items {
	margin-top: 4px;
}

.formPhoto-annotate-button {
	line-height: 20px;
	display: flex;
	align-items: center;
	
}


.formPhoto-photo-container
{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.formPhoto-img {
	margin-top: 4px;
	padding: 14px;
	gap: 8px;
	border-radius: 8px;
	border: 1px;
	border: 1px solid rgba(58, 53, 65, 0.12)
}

.formPhoto-entry-items {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font: Outfit;
}

.icon-form-sketch {
	background-image: url(../img/ui-icons/form-sketch.svg);
	color: #000;
	width: 16px;
	height: 16px;
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 4px;
}

.v2-1 .sidebar-nav>li a {
	display: flex;
	align-items: center;
	gap: 10px;
}

.v2-1 .nav-horizontal,
.v2-1 .nav-h-alt {
	height: 82px;
	padding-top: 0px;
}

.navbar-nav-header>li {
	float: left;
}

.v2-1 .navbar-nav>li>.dropdown-menu {
	min-width: 240px;
	box-shadow: 4px 4px 0px 0px #e5e5e5;
	border-top: none;
}

.v2-1 .navbar-nav>li>.dropdown-menu li a,
.v2-1 .navbar-nav>li>.dropdown-menu li a
{
	padding: 14px 10px 14px 22px;
	font-size: 14px;
	display: block;
}

.v2-1 .navbar-nav>li>.dropdown-menu li a:hover {
	background-color: #f5f5f5 !important;
	color: #333 !important;
}

.v2-1 .navbar-nav>li>.dropdown-menu li i {
	width: 15px;
	margin-right: 10px;
	font-size: 16px;
}

.v2-1 .content-header {
	height: 84px;
	min-height: 74px;
	margin-bottom: 20px;
}

.v2-1 .content-header .header-section {
	padding: 10px 20px;
}

.v2-1 .crm-nav-holder {
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
}

@media screen and (max-width: 1200px) {
	.v2-1 .crm-nav-holder {
		justify-content: flex-end;
	}

	.v2-1 .crm-nav-holder-medium-hide-modules {
		justify-content: space-between !important;
	}
}

@media screen and (max-width: 1200px) {
	.hide-when-small {
		display: none !important;
	}
}

@media (max-width: 1350px) {
	.v2-1.fb .sidebar-toggle {
		display: inline-block !important;
	}

	.v2-1.fb .navbar-nav-left li:not(.sidebar-toggle, .home-icon) {
		display: none !important;
		margin: 0px;
	}
}

.v2-1 .header-section .heading-icon,
.v2-1 .nav-icons .crm-heading-icon,
.v2-1 .nav-icons .heading-icon,
.v2-1 .permissions-grid .heading-icon,
.v2-1 .modal-header .modal-icon {
	width: 36px;
	height: 36px;
}

.v2-1 .form-bank-category-menu .nav-icons .heading-icon {
	height: 24px;
}

.v2-1 .crm-nav-holder .title {
	padding: 20px 0 0 20px;
}

.v2-1 .crm-nav-holder .title h1 {
	font-size: 20px;
	line-height: 0.7;
}

.v2-1 .crm-nav-holder .nav-logo-holder {
	display: flex;
	align-items: center;
	padding-right: 20px;
}

.v2-1 .nav-horizontal a {
	padding: 12px 10px 5px;
	width: 80px;
	min-width: 80px;
	font-size: 14px;
	font-weight: 300;
}

.v2-1 .nav-horizontal a span {
	margin-top: 5px;
}

.v2-1 .nav-horizontal .div-topright-logo {
	padding-top: 0;
}

.v2-1 .logo-topright {
	margin: 0px 0px 0px 20px !important;
}

@media screen and (max-width: 1440px) {
	.nav-module-icons {
		display: none;
	}

	.v2-1 .crm-nav-holder .nav-logo-holder {
		align-items: flex-end;
	}

	.v2-1 .logo-topright {
		margin-top: 10px !important;
	}
}

.v2-1 .nav-icons .crm-heading-icon {
	width: 36px;
	height: 36px;
}

.v2-1 .navbar-default .navbar-nav>li.sidebar-toggle>a {
	height: 68px;
}

.v2-1 #headerBar li:not(.hide-when-small):not(.crm-li-logo) {
	display: block;
}

.v2-1 .content-header .nav-icons i {
	filter: saturate(1) brightness(1) opacity(1);
}

.v2-1 #headerBar.sidenav-open h3 {
	display: none;
}

.v2-1 #headerBar h3,
.v2-1 #headerBar.in-flight h3 {
	display: flex;
	transition: all 0.25s ease-in-out;
	align-items: center;
	height: 60px;
	width: 400px;
}

.v2-1 #headerBar.sidenav-open .crm-nav-holder {
	/* justify-content: flex-end; */
}

.v2-1 .homeDashboardTopRow {
	display: none;
}

.v2-1 #headerBar .crm-li-logo {
	margin-top: 10px;
	padding-right: 20px;
}

.v2-1 .block-title,
.v2-1 .block-title:not(.block-title-custom) {
	background-color: transparent !important;
	border-bottom-width: 2px;
}

.v2-1 .block-title h2,
.v2-1 .block-title h3,
.v2-1 .block-title h4 {
	color: #333 !important;
}

.v2-1 .block .circle-link .block-title.circle-buttons {
	background-color: #2196f3 !important;
}

.v2-1 .nav-tabs a,
.v2-1 .white-href a {
	/* yuck */
	color: #333;
}

.v2-1 .block-title h1,
.v2-1 .block-title h2,
.v2-1 .block-title h3,
.v2-1 .block-title h4,
.v2-1 .block-title h5,
.v2-1 .block-title h6 {
	font-size: 16px;
	line-height: 1.7;
}

.v2-1 .block-title h2,
.v2-1 #leadBox h2 {
	margin: 5px 0;
	font-family: Outfit;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.167; 
	margin: 5px 0;
	font-family: Outfit;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.167;
	color: #001623;

	label {
		font-weight: 500;
	}
}

.v2-1 #iFrameTaskTitle {
	background-color: #fff !important;
	color: #333 !important;
	border-bottom: 0;
}

.v2-1 #searchTitle {
	background-color: #fff !important;
	color: #333 !important;
	margin: 0;
}

.v2-1 .tasks-overdue-announce {
	padding: 15px 0 8px;
	color: #333 !important;
}

.v2-1 .nav-tabs {
	font-family: "Outfit", sans-serif;
	padding-top: 0;
}

.v2-1 .nav-tabs>li>a {
	margin: 0;
	padding: 13px 18px 8px;
	border-width: 0;
	border-radius: 0;
	border-bottom: 4px solid transparent;
}

.v2-1 .nav-tabs>li>a:hover {
	background-color: #f2f2f2;
	border-bottom: 4px solid #f2f2f2;
}

.v2-1 .nav-tabs>li>a.btn-success.link-btn:hover {
	border-bottom: 4px solid transparent !important
}

.v2-1 .nav-tabs>li.active>a.btn-success.link-btn {
	background-color: #23a455;
	border-color: #1e8a47;
	color: #ffffff;
	border-bottom: 4px solid transparent !important;
}

.v2-1 .nav-tabs>li.active>a.btn-success.link-btn:hover {
	background-color: #7db831;
	border-color: #578022;
	color: #ffffff;
	border-bottom: 4px solid transparent !important;
}

.v2-1 .nav-tabs>li.active>a.btn-success.link-btn:focus,
.v2-1 .nav>li>a.btn-success.link-btn:hover,
.v2-1 .nav>li>a.btn-success.link-btn:focus {
	background-color: #23a455;
	border-color: #1e8a47;
	color: #ffffff;
	border-bottom: 4px solid transparent !important;
}


.v2-1 .jobs-nav-tabs>li>a:hover {
	background-color: #fff;
	border-bottom: 4px solid #eee;
}

.v2-1 #dash-email-log .nav-tabs>li>a {
	border: 0;
	background-color: #fff;
}

.v2-1 #dash-email-log .nav-tabs>li>a:hover {
	border: 0;
	background-color: #fff;
}

.v2-1 .tab-pane .nav-tabs>li.active>a,
.v2-1 .tab-pane .nav-tabs>li.active>a:hover,
.v2-1 .tab-pane .nav-tabs>li.active>a:focus,
.v2-1 .modal .nav-tabs>li.active>a,
.v2-1 .modal .nav-tabs>li.active>a:hover,
.v2-1 .modal .nav-tabs>li.active>a:focus,
.v2-1 .jobs-nav-tabs>li.active>a,
.v2-1 .jobs-nav-tabs>li.active>a:hover,
.v2-1 .jobs-nav-tabs>li.active>a:focus,
.v2-1 .block-title .nav-tabs>li.active>a,
.v2-1 .block-title .nav-tabs>li.active>a:hover,
.v2-1 .block-title .nav-tabs>li.active>a:focus {
	border-width: 0 0 0 0;
	border-bottom: 4px solid #2196f3 !important;
}

.v2-1 .nav-tabs>li.active>a,
.v2-1 .block-title .nav-tabs>li.active>a {
	color: #2196f3;
}

.btn-success {
	color: #fff !important;
}

.v2-1 #rightHandArea {
	padding: 20px 0 0 20px;
}

.v2-1 #leftHandArea {
	margin-top: 20px;
}

@media screen and (max-width: 1200px) {
	.v2-1 #rightHandArea {
		padding: 0;
	}
}

.v2-1 #leftHandArea .block-title,
.v2-1 #rightHandArea .block-title {
	height: auto;
}

.v2-1 #rightHandArea a.tab-other.btn.btn-success {
	margin-top: 6px;
	color: #fff;
}

.v2-1 .betaTag {
	top: 2px;
	font-weight: 300;
	font-size: 11px;
}

.v2-1 .block-title i.tasks {
	color: #33a96a;
}

.v2-1 .block-title i.dashboard {
	color: #2196f3;
}

.v2-1 .block-title.flex h2 {
	display: flex;
	align-items: center;
	min-width: 0;
	margin-right: 15px;
	padding-top: 12px;
}

.v2-1 h2 i {
	margin-top: 0;
	margin-right: 6px;
	font-size: 110%;
}

.v2-1 .block-title .nav-tabs,
.v2-1 #rightHandArea .block-title .nav-tabs {
	padding-top: 0;
}

.v2-1 .block-title .nav-tabs li {
	font-size: 16px;
}

.v2-1 .custom-filter-div {
	padding-bottom: 0.5rem;
}

.v2-1 .table-striped th {
	font-size: 14px;
}

.v2-1 #sidebar,
.v2-1 #main-container,
.v2-1 .header-fixed-top header {
	transition: all 0.3s ease-in-out;
}

.v2-1 .sidebar-dealer .sidebar-nav ul,
.v2-1 .sidebar-normal ul.sidebar-nav {
	border-top: 1px solid #e8e8e8;
	border-right: none;
}

.v2-1 .sidebar-nav ul a,
.v2-1 ul.sidebar-nav a {
	display: flex;
	justify-content: flex-start;
	padding: 6px 10px 6px 28px;
	border-top: 3px solid transparent;
	border-bottom: 1px solid #e8e8e8;
	color: #333;
	font-family: "Outfit", sans-serif;
	font-size: 14px;
}

.v2-1.scd ul.sidebar-nav a {
	padding-left: 10px;
}

.v2-1 ul.sidebar-nav {
	padding-top: 0;
}

.v2-1 .sidebar-nav ul a>span,
.v2-1 ul.sidebar-nav a>span {
	display: flex;
	align-items: center;
	gap: 10px;
}

.v2-1 .sidebar-nav ul a:hover,
.v2-1 ul.sidebar-nav a:hover,
.v2-1 .sidebar-nav a.open {
	border-top: 3px solid #e8e8e8;
	background-color: #f5f5f5;
}

.v2-1 .sidebar-nav a.open i {
	color: #555;
}

.v2-1 .sidebar-nav ul,
.v2-1 .sidebar-nav ul ul {
	background-color: #f5f5f5;
}

.v2-1 .sidebar-nav ul ul a,
.v2-1 ul.sidebar-nav ul a {
	gap: 15px;
	padding-left: 40px;
}

.v2-1.fb .sidebar-nav ul ul a,
.v2-1.fb ul.sidebar-nav ul a {
	padding-left: 30px;
}

.v2-1 .sidebar-nav ul ul i,
.v2-1 ul.sidebar-nav ul i {
	color: #999;
	font-size: 16px;
}

.v2-1 .sidebar-dealer .sidebar-nav ul a i {
	padding-right: 20px;
	color: #999;
	font-size: 16px;
}

.v2-1 .sidebar-partial #sidebar:hover+#main-container,
.v2-1 .sidebar-visible-lg #main-container {
	margin-left: 240px;
	border-left: 2px solid #e8e8e8;
}

.v2-1 .sidebar-partial #sidebar:hover,
.v2-1 .sidebar-visible-lg #sidebar,
.v2-1 .sidebar-visible-lg.sidebar-partial #sidebar,
.v2-1 .sidebar-alt-partial #sidebar-alt:hover,
.v2-1 .sidebar-alt-visible-lg #sidebar-alt,
.v2-1 .sidebar-alt-visible-lg.sidebar-alt-partial #sidebar-alt {
	width: 240px;
}

.v2-1 .sidebar-content {
	width: 240px;
	color: #ffffff;
}

.v2-1 .sidebar-nav a:hover,
.v2-1 .sidebar-nav a:focus,
.v2-1 .sidebar-nav a.open,
.v2-1 .sidebar-nav li.active>a {
	color: #000;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.05);
}

.v2-1 .sidebar-nav a.active>.sidebar-nav-indicator,
.v2-1 .sidebar-nav a.open>.sidebar-nav-indicator,
.v2-1 .sidebar-nav li.active>a>.sidebar-nav-indicator {
	transform: rotate(-180deg);
}

.v2-1 .content-header-media .header-section {
	z-index: 1;
}

.v2-1 .content-header h2.animation-hatch {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	font-size: 18px;
}

.v2-1 .content-header h2.animation-hatch br {
	display: none;
}

.v2-1 .in-flight .nav-horizontal a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 14px 8px 0px;
	color: #777;
}

.v2-1 .in-flight .nav-horizontal i {
	margin-bottom: 0;
	width: 30px;
	height: 30px;
}

.v2-1 #headerBar.in-flight {
	border-bottom: 1px solid #ccc;
}

.v2-1 .header-section h1 small {
	font-size: 14px;
	line-height: 1.2;
}

.v2-1 h3.timeline-header {
	padding: 7px 0 5px 10px;
	min-height: auto;
	border-bottom: 3px solid #f0f0f0;
	line-height: 1.5;
}

.v2-1 .timeline.block-content-full {
	margin-top: -10px;
}

.v2-1 [class^="icon-"],
.v2-1 [class*=" icon-"] {
	margin-top: 0;
}

.v2-1 li [class^="icon-"],
.v2-1 .nav li [class^="icon-"],
.v2-1 li [class*=" icon-"],
.v2-1 .nav li [class*=" icon-"] {
	width: 22px;
	height: 22px;
	mask-repeat: round;
}

.v2-1 .fb-nav {
	height: auto;
}

.v2-1 .fb-nav .btn {
	padding: 6px 10px;
}

.v2-1 .fb-nav li [class^="icon-"] {
	margin-right: 0;
}

.v2-1 .fb-right-nav .btn {
	padding: 6px 12px 6px 6px;
}

.v2-1 .ui-widget-header,
.v2-1 .template-table th,
.v2-1.fb .sub-header,
.v2-1 .background {
	padding: 0;
}

.v2-1 .navbar .nav>li>.dropdown-menu:after,
.v2-1 .navbar .nav>li>.dropdown-menu:before {
	border: none;
}

@media screen and (max-width: 1730px) {
	.v2-1.fb .navbar-nav-left .mui-icon-menu {
		display: none;
	}

	.v2-1.fb .navbar-nav-left .mui-icon-menu.icon-formitize {
		display: inline-block;
	}
}

.v2-1.scd .scheduler-loading {
	color: #555;
}

.v2-1.scd .preloader-spinner {
	border-left-color: #555;
	border-right-color: #555;
	border-top-color: #555;
}

.v2-1.scd #scheduler-area {
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
}

.v2-1.scd .sidebar-brand {
	background-color: #f8f8f8;
}

.v2-1.scd .sidebar-header {
	display: flex;
	border-bottom: 1px solid #eee;
	padding-bottom: 4px;
}

.v2-1.scd .sidebar-header .sidebar-header-title {
	color: #333;
}

.v2-1.scd .crm-scd .fc-toolbar {
	margin-bottom: 12px;
	margin-top: 6px;
}

.v2-1.scd .crm-scd .fc-toolbar .fc-center {
	display: flex;
	justify-content: center;
}

.v2-1.scd .crm-scd .crm-nav-holder {
	justify-content: center;
}

.icon-contacts {
	background-image: url(../img/title-bg/Contacts.svg);
}

.icon-pipeline {
	background-image: url(../img/title-bg/Pipeline.svg);
}

.icon-quotes {
	background-image: url(../img/title-bg/Quotes.svg);
}

.icon-forms {
	background-image: url(../img/title-bg/Forms.svg);
}

.icon-jobs {
	background-image: url(../img/title-bg/Jobs.svg);
}

.icon-tasks {
	background-image: url(../img/title-bg/Tasks.svg);
}

.icon-invoices {
	background-image: url(../img/title-bg/Accounts.svg);
}

.icon-documents {
	background-image: url(../img/title-bg/Documents.svg);
}

.search-subicon {
	background-image: url(../img/title-bg/Contacts.svg);
}

.icon-time {
	background-image: url(../img/title-bg/Time.svg);
}

.search-subicon {
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	margin: 0;
	float: none;
	background-repeat: no-repeat;
	background-size: contain;
}

.search-subicon-parent {
	display: flex;
}

.jobtoprowboxchildTextDiv>div {
	font-family: "Outfit", sans-serif;
}

.grecaptcha-badge {
	bottom: 34px !important;
	z-index: 1;
}

.v2-1 .nav-horizontal.uspi.nav-icons li {
	flex-direction: column;
}

.v2-1 .content-header .nav-horizontal.uspi.nav-icons a {
	width: 85px;
	padding: 8px 0 !important;
	font-family: "Outfit", sans-serif;
	font-size: 14px;
}

.v2-1 .nav-horizontal.uspi.nav-icons li .crm-heading-icon {
	width: 32px;
	height: 32px;
}

.v2-1 .progress-indicator a,
.v2-1 .progress-indicator .job-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 12px;
	margin-bottom: 4px;
	text-decoration: none;
	border-radius: 4px;
}

.v2-1 .progress-indicator a span,
.v2-1 .progress-indicator .job-container {
	color: #808184;
}

.v2-1 .progress-indicator .progress-icon {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
	font-size: 23px;
}

.v2-1 #FormContainer li a {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	padding-top: 8px;
	text-decoration: none;
	font-size: 15px;
}

.v2-1 #FormContainer li a:hover {
	border-bottom-color: inherit !important;
}

.v2-1 #FormContainer li:first-child a:hover {
	border-bottom-color: #2196f3 !important;
}

.v2-1 #FormContainer li.active a {
	border-bottom-color: inherit !important;
}

.v2-1 #FormContainer li a span {
	color: #808184;
	line-height: 0.8;
}

.v2-1 .form-tab .progress-icon i {
	font-size: 20px;
}

.v2-1 #blockClientDetails #locationDropdownButton .btn,
.v2-1 #blockClientDetails #deliveryLocationDropdownButton .btn {
	width: 58px;
}

.v2-1 #blockClientDetails .locationDivTextAreaParent {
	height: 47px !important;
}

.v2-1 .deliveryLocationDropdownButton .dropdown-toggle,
.v2-1 .locationDropdownButton .dropdown-toggle {
	height: 58px;
}

.v2-1 #blockClientDetails #location,
.v2-1 #blockClientDetails #deliveryLocation {
	height: 58px;
	padding-left: 64px;
}

.v2-1 #blockClientDetails .dropdown-toggle .caret {
	margin-top: 20px;
}

.v2-1 #blockClientDetails .caret {
	border-top: 6px dashed;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.v2-1 .locationDiv {}

.v2-1 .locationDiv span.select2-container:not(.select2-container--open) {}

.v2-1 .jobwiz-container button[material-icon],
.v2-1 #companyDetails a.btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.v2-1 .jobwiz-container .btn .material-icons+span,
.v2-1 #companyDetails a.btn .material-icons+span {
	padding-top: 1px;
}

.v2-1 #jobNoteButtons .btn .material-icons,
.v2-1 #companyDetails a.btn .material-icons {
	font-size: 16px;
}

.v2-1 #jobDetails .block-title h2,
.v2-1 #companyDetails h2,
.v2-1 #Recurring .block-title h2,
.v2-1 #Forms .block-title h2,
.v2-1 #Attachments .block-title h2,
.v2-1 #communicationsTab .block-title h2,
.v2-1 #jobHistory .block-title h2,
.v2-1 #jobsCreatedTab .block-title h2,
.v2-1 #recurringHistory .block-title h2 {
	color: rgb(0, 22, 35) !important;
}

.v2-1 #jobDetails label,
.v2-1 #jobDetails strong,
.v2-1 #companyDetails label,
.v2-1 #companyDetails strong,
.v2-1 #Recurring label,
.v2-1 #Recurring strong,
.v2-1 #Forms label,
.v2-1 #Forms strong,
.v2-1 #Attachments label,
.v2-1 #Attachments strong {
	font-weight: 400;
	color: #808184;
}

.v2-1 #jobDetails .form-control,
.v2-1 #companyDetails .form-control,
.v2-1 #Recurring .form-control,
.v2-1 #Forms .form-control,
.v2-1 #Attachments .form-control,
.v2-1 #communicationsTab .form-control,
.v2-1 #jobHistory .form-control,
.v2-1 #jobsCreatedTab .form-control,
.v2-1 #recurringHistory .form-control,
.v2-1 #Recurring .recurring-option {
	font-weight: 400;
	color: #808184;
}

.v2-1 .jobwiz-container .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 .jobwiz-container .chosen-container-multi .chosen-choices li.search-field input[type="text"],
.v2-1 #jobDetails .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 #companyDetails .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 #Recurring .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 #Forms .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 #Attachments .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 #Communications .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 #jobHistory .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 #jobsCreatedTab .select2-container--default .select2-selection--single .select2-selection__rendered,
.v2-1 #recurringHistory .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-weight: 400;
	color: #808184;
	padding-left: 12px;
	line-height: 44px;
	height: 44px;
}

.v2-1 #jobDetails #jobNoteWrapper textarea {
	min-height: 99px;
}

.v2-1 #jobDetails #latestNoteRow {
	align-items: flex-start;
}

.v2-1 #Attachments .upload-helper-class {
	margin-bottom: 1em;
}

.v .v2-1 #companyDetails #clientDetails td span:not(.tag) {
	font-weight: 400;
	color: #808184;
}

.v2-1 .jobs-nav-tabs {
	border-width: 1px !important;
	border: 1px solid #e8e8e8;
	border-radius: 8px 8px 0 0;
}

.v2-1 .jobs-nav-tabs>li>a {
	font-size: 15px;
	color: #888;
}

.jobs-nav-tabs>li.active>a,
.jobs-nav-tabs>li.active>a:hover,
.jobs-nav-tabs>li.active>a:focus {
	background-color: transparent;
}

.v2-1 .jobwiz-container .select2-container .select2-selection--single,
.v2-1 #Communications .select2-container .select2-selection--single,
.v2-1 #jobHistory .select2-container .select2-selection--single {
	height: 44px;
}

.v2-1 .jobwiz-container .select2-container--default .select2-search--inline .select2-search__field {
	height: 34px;
}

.v2-1 .jobwiz-container .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}

.form-group.recurring_job2,
.form-group.recurring_job {
	display: flex;
	align-items: center;
}

#blockFinancials .job-value .phone-app-icon {
	font-size: 24px;
	color: #001623;
}

input#displayValueInApp {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
	width: 16px;
		height: 16px;
}

#confirmed {
	padding-top: 0px;
	padding-left: 0px;
}

#jobDetails .form-control,
#companyDetails .form-control,
#Recurring .form-control,
#Forms .form-control,
#Attachments .form-control,
#communicationsTab .form-control,
#jobHistory .form-control,
#jobsCreatedTab .form-control,
#recurringHistory .form-control {
	padding: 6px 10px;
	height: 44px;
}

#jobDetails #dueDateRow .input-group a,
#jobDetails #endDateRow .input-group a {
	padding: 9px 10px 4px;
	color: #001623;
}

#TabDetails .row-field {
	margin-bottom: 8px;
}

#Recurring .form-group {
	margin-bottom: 5px;
}

#Forms .select2-container .select2-selection--single {
	height: 44px;
}

.v2-1 #label-monthlyType-default {
	display: inline-block;
	margin-bottom: 8px;
	color: #808184;
}

.v2-1 #desc_sentence {
	display: block;
	padding: 0 20px;
}

.v2-1 #desc_sentence .preview-new-job {
	display: inline-block;
	margin-left: -20px;
}

.v2-1 #desc_sentence .previewDescription {
	position: relative;
	width: 90%;
	padding: 30px 20px;
	margin-bottom: 0;
	margin-left: -20px;
	border: 2px solid #eee;
	border-radius: 8px 8px 0 0;
	font-size: 17px;
}

.v2-1 #desc_sentence .previewDescription strong {
	color: #333;
}

.v2-1 #desc_sentence .previewDescription .recurring_ends {
	font-size: 15px;
	margin-top: 1em;
	display: block;
	color: #999;
}

.v2-1 .datePreviewExample,
.v2-1 .datePreviewExampleMore {
	background-color: #fff;
	font-weight: 400;
}

.v2-1 p.datePreviewExample {
	margin: 1em 0 0.5em -20px;
	font-size: 17px;
}

.v2-1 .datePreviewExample:hover,
.v2-1 .datePreviewExampleMore:hover {
	background-color: #fff;
}

.v2-1 b.datePreviewExample {
	display: inline-block;
	padding: 0 10px 10px 0;
	width: auto;
}

.v2-1 .recurring_job #nextDate {
	font-size: 16px;
}

.v2-1 #Attachments #DetailsSection {
	color: #808184;
}

.v2-1 #Forms #FormContainer_container .tab-pane {
	padding: 20px;
}

.v2-1 #communicationsTab #tab_communication .nav-tabs li a {
	font-size: 16px;
	color: #808184;
}

.v2-1 #communicationsTab #Communications {
	padding: 0;
}

.v2-1 #communicationsTab #Communications .tab-content {
	margin-top: 10px;
}

.v2-1 #communicationsTab #Communications .tab-pane .dataTable th,
.v2-1 #jobHistory #jobhistory_wrapper .dataTable th {
	color: #808184;
	font-weight: 400;
	border-bottom: 4px solid #eee;
}

.v2-1 #jobHistory label,
.v2-1 #jobHistory td,
.v2-1 #jobsCreatedTab label,
.v2-1 #jobsCreatedTab td,
.v2-1 #recurringHistory label,
.v2-1 #recurringHistory td {
	color: #808184;
	font-weight: 400;
}

.blockCell .block-title .block-options {
	line-height: 44px;
}

.blockCell .block-title .block-options a {
	display: inline-block;
	padding: 8px;
	color: #656565;
	cursor: pointer;
}

.blockCell .block-title .material-icons,
#companyDetails .block-title>.material-icons,
#Recurring .block-title>.material-icons,
#Forms .block-title>.material-icons,
#Attachments .block-title>.material-icons,
#communicationsTab .block-title>.material-icons,
#jobHistory .block-title>.material-icons,
#jobsCreatedTab .block-title>.material-icons,
#recurringHistory .block-title>.material-icons {
	position: absolute;
	margin: 15px 0 0 12px;
	color: #656565;
}

.blockCell .block-title a .material-icons {
	position: relative;
	margin: 0;
}

.blockCell .block-title h2,
#companyDetails .block-title>h2,
#Recurring .block-title>h2,
#Forms .block-title>h2,
#Attachments .block-title>h2,
#communicationsTab .block-title h2,
#jobHistory .block-title h2,
#jobsCreatedTab .block-title h2,
#recurringHistory .block-title h2 {
	margin-left: 24px;
}

.saveBtnRowCRM.job-save-dispatch .btn {
	margin-top: 0;
	font-family: "Outfit", sans-serif;
	font-size: 16px;
}

.v2-1.fb .sub-header {
	background-color: #555 !important;
	border-radius: 8px 8px 0 0;
	height: 44px;
}

.v2-1.fb .sub-header .menu-title {
	line-height: 44px;
	color: #fff;
	font-family: "Outfit", sans-serif;
	font-size: 17px;
}

.v2-1.fb .toolbox_content .caret {
	margin-top: 10px;
	margin-right: 2px;
	border-top-color: #aaa;
	border-bottom-color: #aaa;
}
.v2-1.fb .toolbox_icon .hint small {
	display: flex;
}

.v2-1.fb .toolbox_icon .header_label,
.v2-1.fb .toolbox_icon .form_field {
	font-family: "Outfit", sans-serif;
	font-size: 17px;
		margin: 30px 0 10px;
	}
	
	.v2-1.fb .toolbox_icon .header_label {
		margin: 20px 0 0px;
		padding-bottom: 10px;
		border-bottom: 1px solid #dedede;
}

.v2-1.fb .toolbox_icon .form_field {
	margin: 6px 0 10px;
	padding-top: 5px;
	line-height: 22px;
	font-size: 15px;
		color: #5c606c;
}

.v2-1.fb .toolbox_icon .header_content .ui-draggable {
	display: flex !important;
	align-items: center;
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #e8e8e8;
	font-size: 14px;
}

.v2-1.fb .toolbox_icon .header_content .ui-draggable:hover {
	color: #2196f3;
	border-bottom: 1px solid #ccc;
}

.v2-1.fb .toolbox_icon .form_buttons {
	margin: 0 15px 0 5px;
}

.v2-1.fb .toolbox_icon_canvas.form_buttons {
	background: url(../img/ui-icons/fb_form_sketch_grey.svg);
	height: 20px;
	width: 20px;
	display:inline-block;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 15px;
}

.v2-1.fb .icn-fb-canvas {
	width: 30px;
	height: 30px;
	background: url(../img/ui-icons/fb_form_sketch_grey.svg) no-repeat 0 0;
	margin: 10px 9px 0;
}

.form-control::placeholder {
	color: #aaa;
}

.fb #save-modal {
	height: 40px !important;
}

.widget-row-holder {
	& a.widget {
		height: 100px;
		border: 1px solid #e8e8e8;
		box-shadow: 4px 4px 20px 0px #e5e5e5;

		& .widget-simple {
			padding: 27px 30px 15px 27px;
		}
	}
	& > div:first-child .widget {	
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
	}
	& > div:last-child .widget {
		border-top-right-radius: 50px;
    	border-bottom-right-radius: 50px;
		border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
	}
 	& > div:not(:first-child):not(:last-child) .widget {
		border-radius: 8px;
	}
}

.widget .widget-extra.themed-background-dark {
	background-color: transparent !important;
	border-bottom: 2px solid #eaedf1;
	color: #333 !important;
}

.widget .widget-content-light {
	margin: 0;
	padding: 12px 0 10px;
	font-size: 18px;
	color: #333 !important;
}

.widget h3.widget-content-light small a {
	color: #2196f3;
	font-size: 15px;
}

.widget h3.widget-content-light strong {
	font-weight: 300;
}

.widget .widget-icon {
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
}

.widget-simple .widget-content {
	font-size: 18px;
	margin: 4px 0;
}

.media-filter-items .media-items {
	border-radius: 8px;

}
#joblist_wrapper .row-table {
	overflow-x: auto;
}
.v2-1.fb .toolbox_icon {
	margin: 0 0 10px;
	padding: 10px 10px 20px 2px;
}

.v2-1.fb .toolbox_icon .header_label:first-child {
	margin-top: 0;
}

.v2-1.fb .toolbox_icon .header_label {
	padding-left: 10px;
}
.v2-1.fb .form-question-container {
	display: flex;
	flex-direction: column;
}

.v2-1.fb .formHeader h1 {
	padding: 5px 0;
	font-size: 32px;
	line-height: 1em;
	margin-bottom: -10px;
}

.v2-1.fb .editing-view {
	font-weight: 400;
	font-size: 15px;
}

.v2-1.fb .formSubheader {
	/* background-color: #eaeaea; */
		background-color: #888b8f;
		border-radius: 5px 5px 0 0;
}

.v2-1.fb div[type="formSubheader"] {
	margin-top: 30px;
}
.v2-1.fb .form-question-container .eventAddon {
	padding: 0;
}

.v2-1.fb .formRow {
	border-radius: 5px 5px 0 0;
}

.v2-1.fb .formSubheaderSortable.ui-sortable,
.v2-1.fb .formRowSortable {
}
.v2-1.fb .formSubheader h1 label.subheader {
	font-size: 21px;
	font-weight: 400;
	/* color: #394263; */
		color: #fff;
}

.v2-1.fb .answer input {
	border-radius: 5px;
	padding: 8px;
}

.v2-1.fb .radio-item.radio-item-both {
	display: flex;
	border-radius: 5px;
	padding: 4px;
}

.v2-1.fb .radio-item.radio-item-both td:last-child {
	display: flex;
	align-items: center;
	padding: 8px 4px;
}

.v2-1.fb .radio-item.radio-item-both label.radio-colour,
.v2-1.fb .radio-item.radio-item-both label.radio-content {
	margin-bottom: 0;
	width: 15px;
	border-radius: 50%;
	line-height: 1.5em;
}

.v2-1.fb .radio-item.radio-item-both label.radio-content {
	width: auto;
	min-height: auto;
	margin-left: 8px;
}

.v2-1.fb .radio-item .radio-button input {
	margin-top: 0px;
	margin-left: 5px;
}

.v2-1.fb .radio-item label.radio-content {
	display: flex;
		align-items: center;
	margin-top: 2px;
	margin-bottom: 6px;
	margin-left: 15px;
	line-height: 1.5em;
}

.v2-1.fb .li_formMultiple ul {
	display: flex;
	flex-direction: column;
}

.v2-1.fb .li_formMultiple ul .radio-item {
	width: 100%;
}
.v2-1.fb .toolbox-alt-icon.icn-fb-crm {
	width: 25px;
	height: 25px;
	margin: 0 15px 0 6px;
	background-position-x: -202px;
	background-position-y: -204px;
	}
	
	.v2-1.fb #form_data .icn-fb-crm {
		background-position: -190px -190px;
	}

.v2-1.fb .toolbox-alt-icon.icn-fb-barcode {
	background-position: -8px -12px;
	width: 25px;
	height: 20px;
	margin: 0 15px 0 6px;
}

.v2-1.fb .select2-container .select2-choice,
.v2-1.fb .select2-container .select2-choices {
	border: 1px solid #ddd;
	box-shadow: none;
	background-image: none;
	height: 40px;
	line-height: 40px;
}

.v2-1.fb .select2-container .select2-choice div {
	width: 28px;
	background-image: none;
	background-color: #f4f4f4;
}

.v2-1.fb .select2-container .select2-choice div b {
	background-position: 5px 6px;
}

.v2-1.fb .dropdown-td,
.v2-1.fb .dropdown-td input,
.v2-1.fb .dropdown-td textarea,
.v2-1.fb .dropdown-td td,
.v2-1.fb .dropdown-td label,
.v2-1.fb .prop_box,
.v2-1.fb .prop_box input,
.v2-1.fb .prop_box textarea,
.v2-1.fb .prop_box td,
.v2-1.fb .prop_box label,
.v2-1.fb .prop_events,
.v2-1.fb .prop_events .hint {
	font-size: 15px !important;
	font-family: "Outfit", sans-serif;
}

.v2-1.fb .prop_events .event-title {
	font-size: 1.15em;
	margin-bottom: 5px;
}

.v2-1.fb .prop_events .event-hint {
	color: #555;
}

.v2-1.fb .prop_box .btn {
	display: inline-block;
	padding: 6px 12px;
	margin: 8px 8px 5px 0;
	background-color: #fafafa;
	border: 1px solid #fafafa;
	border-radius: 4px;
}

.v2-1.fb .prop_box .btn:hover {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}

#prop_events .ruler {
	border-bottom: 1px solid #dedede;
}
.v2-1.fb select,
.v2-1.fb .select2-results,
.v2-1.fb .select2-container,
.v2-1.fb .select2-result-label {
	font-size: 14px !important;
	line-height: 1.4em;
}

.v2-1.fb .select2-choice span {
	font-size: 15px;
}

.v2-1.fb .select2-results .select2-highlighted {
	background: #0093ef;
	color: #fff;
}

.v2-1.fb .select2-results .select2-result-label {
	padding: 7px 7px 4px;
}

.v2-1.fb label {
	font-weight: 400;
	font-size: 14px;
	font-family: "Outfit", sans-serif;
}

.v2-1.fb .property-tooltip {
	margin: 5px 0;
}

.v2-1.fb .prop_box input[type="checkbox"] {
	margin-top: 10px;
}

.v2-1.fb .property_box input[type="text"] {
	border-radius: 5px !important;
}

.v2-1.fb .prop_box textarea {
	padding: 4px 8px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.quicknav-scroll li a {
	font-size: 16px;
	margin: 0;
	border-radius: 5px;
}

.quicknav-scroll>li+li {
	margin-top: 0;
}

.quicknav-scroll li a:hover,
.quicknav-scroll li a:focus {
	background-color: #ffffff;
}

.form-element>h2 {
	color: #000;
	margin-top: 30px;
}

.form-element .block-title h2 {
	padding-left: 20px;
	font-size: 21px;
	line-height: 2;
}

.form-element .control-label {
	font-size: 16px;
	font-weight: 400;
}

.form-element .block {
	border-radius: 8px;
	box-shadow: none;
	margin-bottom: 30px !important;
}

/* uploader box */
.form-element .bg-form-secondary {
	border-radius: 15px;
	border: 2px dotted;
	border-color: #ccc;
	background-color: rgb(241, 241, 241);
	margin-top: 10px;
}

.form-element .sig-par {
	padding-top: 4px;
}

.form-element .sig-par .sig-wrap {
	border: 1px solid #dbe1e8;
	border-radius: 5px;
	margin: 8px 0;
}

.form-element button.formRow-repeat,
.form-element button.formRow-delete {
	border: 0;
}

.fm-form-group .company-logo {
	justify-content: flex-start;
}

.fm-form-group .hbar .company-logo {
	justify-content: center;
}

.fm-form-group .hbar .company-logo .company-logo__img-wrapper {
	padding-left: 0;
}

.fm-form-group .company-logo .company-logo__img-wrapper {
	padding-left: calc(16.5% + 40px);
}

.fm-form-group .company-logo .company-logo__img-wrapper .btn-success {
	font-size: 20px;
	padding: 8px 20px;
	border: 0;
}

.fm-accordion-item-repeatable-content .tFormRowHeader {
	font-size: 15px;
	font-weight: 400;
	color: #5c606c
}
.treeSubheader {
	margin-bottom: 1em;
}

.treeSubheader .fm-accordion-repeatable-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	cursor: pointer;
}

.treeSubheader .fm-accordion-repeatable-item a {
	font-size: 16px;
}
/* uploader field styling */
.object-container[objecttype="formPhoto"] .control-label,
.object-container[objecttype="formAttachment"] .control-label {
	padding: 0;
}

.object-container[objecttype="formPhoto"] .control-label:first-child,
.object-container[objecttype="formAttachment"] .control-label:first-child {
	margin-top: 10px;
}
.v2-1.fb .MuiBox-root input[type="text"],
.v2-1.fb .MuiBox-root input[type="text"]:focus {
	height: auto;
	border: 0;
	padding: 15px;
}
.user-notification-bar {
	margin: 0;
	padding: 8px 15px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 1;
}

.compliance-container .field-parent table tr td:first-child {
	min-width: 180px;
}

.user-notification-bar:has(~ .persistentDrawerOpen) {
	left: 300px;
}

#header-notification-bar:has(~ .persistentDrawerOpen) {
	margin-left: 300px;
}
@media screen and (min-width: 992px) {
	#jobtoprowboxSaveDispatch {
		padding: 0 4px;
	}

	#jobtoprow .job-save-button,
	#jobtoprow .job-save-button-start,
	#jobtoprow .job-save-button-new {
		padding: 5px 2px;
		font-size: 12px;
	}
}

@media screen and (min-width: 1100px) {

	#jobtoprow .job-save-button,
	#jobtoprow .job-save-button-start,
	#jobtoprow .job-save-button-new {
		padding: 5px 8px;
	}
}

@media screen and (min-width: 1290px) {
	#jobtoprowboxSaveDispatch {
		padding: 0 15px;
	}
}

.btn {
	&.btnAddGroup {
		border: 1px solid #ccc;
		background-color: #0093ef0a;
	}
}

.btn-mui-group {
	display: flex;
	gap: 8px;
	margin-bottom: 5px;
}
button.btn-mui,
.btn-mui {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	width: auto;
	height: unset;
	margin: 0;
	padding: 11.5px 24px 11.5px 18px;
	outline: 0;
	border: 0;
	cursor: pointer;
	user-select: none;
	appearance: none;
	text-decoration: none;
	font-family: Outfit;
	font-size: 1rem;
	border-radius: 100px;
	transition: 
		background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), 
		box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), 
		border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), 
		color 250ms cubic-bezier(0.4, 0, 0.2, 1);
	color: #fff;
	background-color: #0093ef;
	box-shadow: none;
	text-transform: none;
	line-height: 1.6em;
	font-weight: 400;

	&:focus {
		color: #fff;
		text-decoration: none;
	}
	&:hover {
		background-color: #006fb3;
		box-shadow: none;
		box-shadow: none;
		text-decoration: none;
		color: #fff;
	}
	& .material-icons {
		font-size: 18px;
		margin-right: 8px;
		width: 18px;
	}

	&.swap-icon { /* swap icon position to right side of text */
		padding: 11.5px 24px 11.5px 18px;

		& .material-icons {
			margin-right: 0;
			margin-left: 8px;
		}
	}

	&.btn-mui-secondary {
		padding: 6px 18px 6px 12px;

		&:hover {
			background-color: #f7f7f7;
			color: #333;
			outline: 1px solid #0093ef;
		}
		&:focus {
			border: 1px solid #0093ef;
		}
	}
	 
	&.btn-mui-text {
		background-color: #fff;
		color: #394263;
		outline: 0;

		&:hover {
			background-color: #0093ef0a;
			color: #0393ef;
			outline: 0;
		}
		&:focus {
			border: 0;
		}
	}
}

.btn-pill-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 22px;
	background-color: #fff;
	border-radius: 100px;
	color: #0093EF;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;

	&.transparent {
		background-color: transparent;
	}

	&:hover {
		background-color: #F4F5FA;
		text-decoration: none;
	}
	&.pill-disabled {
		color: #ccc;
		text-decoration: none;
	}

	&.pill-disabled:hover {
		background-color: transparent;
		text-decoration: none;
	}

	&.pill-selected {
		background-color: #e0f2fd;
		text-decoration: none;
	}
	&.pill-warning {
		background-color: #fdede0;
		color: #fff;
		text-decoration: none;
	}

	&.warning-text {
		color: #ed6c02;
	}
}

.btn-pill-tab-holder {
}

.btn-pill-tab-holder ~ .btn-mui-group {
}
 

/* Base Button Styling */
.btn-compound {
	display: inline-flex;
	position: relative;
}

.btn-compound-main,
.btn-compound-dropdown {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: unset;
	margin: 0;
	padding: 11.5px 18px;
	outline: 0;
	border: 0;
	appearance: none;
	text-decoration: none;
	font-family: Outfit;
	font-size: 1rem;
	transition:
		background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
		border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
		color 250ms cubic-bezier(0.4, 0, 0.2, 1);
	color: #fff;
	background-color: #0093ef;
	box-shadow: none;
	text-transform: none;
	line-height: 1.6em;
	font-weight: 400;
}

/* Remove individual hover states and cursor pointer */
.btn-compound-main {
	border-radius: 100px 0 0 100px;
	min-width: 94px;
	padding-right: 12px;
	pointer-events: none;
}

.btn-compound-dropdown {
	border-radius: 0 100px 100px 0;
	width: 40px;
	padding: 11.5px 12px;
	border-left: 1px solid rgba(255,255,255,0.2);
	position: relative;
	cursor: pointer;
}

/* Add hover state to parent container */
.btn-compound:hover .btn-compound-main,
.btn-compound:hover .btn-compound-dropdown {
	background-color: #006fb3;
}

/* Dropdown arrow styles */
.btn-compound-dropdown::after {
	content: '▼';
	font-size: 0.7em;
}

/* Dropup arrow style */
.btn-compound-dropdown.dropup::after {
	content: '▲';
	font-size: 0.7em;
}

/* Dropdown/Dropup Menu Styling */
.btn-compound-dropdown-menu {
	position: absolute;
	right: 0;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	min-width: 150px;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
	transform: scale(0.95);
}

/* Position dropdown below */
.btn-compound-dropdown-menu {
	top: 100%;
	margin-top: 5px;
}

/* Position dropup above */
.dropup~.btn-compound-dropdown-menu {
	bottom: calc(100% + 5px);
	top: auto;
}

/* Show menu */
.btn-compound-dropdown-menu.show {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

/* Menu item styling */
.btn-compound-dropdown-menu span {
	display: block;
}

.btn-compound-dropdown-menu a {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 15px;
	text-decoration: none;
	color: black;
	transition: background-color 150ms ease;
}

.btn-compound-dropdown-menu a:hover {
	background-color: #f0f0f0;
}

.new-icons {
	display: inline-block;
	position: absolute;
	margin: 15px 0 0 12px;
	width: 24px;
	height: 24px;
}

.new-icons.job-bar {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 24px;
	height: 24px;
}

.new-icons.crm {
	background: url(../../modern/img/ui-icons/CRM_24.svg) 0 0 no-repeat;
}

.new-icons.schedule {
	background: url(../../modern/img/ui-icons/Schedule_24.svg) 0 0 no-repeat;
}

.new-icons.job {
	background: url(../../modern/img/ui-icons/Jobs_24.svg) 0 0 no-repeat;
}

.new-icons.accounts {
	background: url(../../modern/img/ui-icons/Accounts_24.svg) 0 0 no-repeat;
}

.new-icons.recurring {
	background: url(../../modern/img/ui-icons/MoreTime.svg) 0 0 no-repeat;
}

.new-icons.forms {
	background: url(../../modern/img/ui-icons/DescriptionOutline.svg) 0 0 no-repeat;
}

.new-icons.attachment {
	background: url(../../modern/img/ui-icons/AttachFile.svg) 0 0 no-repeat;
}

.new-icons.checkbox {
	background: url(../../modern/img/ui-icons/check_box_24px_outlined.svg) 0 0 no-repeat;
}

.new-icons.videocam {
	background: url(../../modern/img/ui-icons/videocam_24px_outlined.svg) 0 0 no-repeat;
	position: relative;
	margin: 7px 0 0;
}

.new-icons.email {
	background: url(../../modern/img/ui-icons/Email_Closed_24.svg) 0 0 no-repeat;
}

.new-icons.job_history {
	background: url(../../modern/img/ui-icons/Job_History_24.svg) 0 0 no-repeat;
}

.new-icons.checklist {
	background: url(../../modern/img/ui-icons/Checklist_24.svg) 0 0 no-repeat;
}

.new-icons.update {
	background: url(../../modern/img/ui-icons/Update_24.svg) 0 0 no-repeat;
}
.tab-content .block-title h2 {
	font-size: 16px;
	margin: 8px 0 5px 25px;
}

#jobNoteWrapper #jobNoteButtons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

#jobNoteWrapper #jobNoteButtons #btnNoteEdit,
#jobNoteWrapper #jobNoteButtons #btnNoteView,
#jobNoteWrapper #jobNoteButtons #btnNoteAdd {
	background: none;
	border: none;
	padding: 0;
}

#jobNoteWrapper button.no-btn {
	border: none;
	padding: 0;
}

.tab-content button .new-icons {
	position: relative;
	margin: 4px 0 0 10px;
}
.new-icons.edit {
	background: url(../../modern/img/ui-icons/Edit_24.svg) 0 0 no-repeat;
}
.new-icons.visibility {
	background: url(../../modern/img/ui-icons/Visibility_24.svg) 0 0 no-repeat;
}
.new-icons.add {
	background: url(../../modern/img/ui-icons/add_white_24.svg) 0 0 no-repeat;
}
.new-icons.timelapse {
	background: url(../../modern/img/ui-icons/Timelapse_24.svg) 0 0 no-repeat;
}
.job-type-swatch {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin-right: 10px;
	margin-bottom: -4px;
}
.new-icons.thumb_up {
	background: url(../../modern/img/ui-icons/Thumb_Up_24.svg) 0 0 no-repeat;
}
.new-icons.thumb_down {
	background: url(../../modern/img/ui-icons/Thumb_Down_24.svg) 0 0 no-repeat;
}
.new-icons.assigned {
	background: url(../../modern/img/ui-icons/Assigned_24.svg) 0 0 no-repeat;
}
.new-icons.unassigned {
	background: url(../../modern/img/ui-icons/Unassigned_24.svg) 0 0 no-repeat;
}
.new-icons.overdue {
	background: url(../../modern/img/ui-icons/Notification_Important_24.svg) 0 0 no-repeat;
}
.new-icons.complete,
.new-icons.finished {
	background: url(../../modern/img/ui-icons/Complete_24.svg) 0 0 no-repeat;
}
.new-icons.creating {
	background: url(../../modern/img/ui-icons/Waiting_24.svg) 0 0 no-repeat;
}
.new-icons.rejected {
	background: url(../../modern/img/ui-icons/Unassigned_24.svg) 0 0 no-repeat;
}