body {
	background: var(--kb-purple);
	background: var(--kb-purple-gradient-opposite);
}

body.fullscreen-modal {
	overflow: hidden;
}

.disabled {
	opacity: 0.4;
	cursor: no-drop;
}

.form-group.date {
	padding: 0 0 0 4px;
}

h5.explanatory {
	margin: 18px 0;
	color: #9da2a4;
	/*width: 80%;*/
	display: inline-block;
}

/* Bootstrap 5ths */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.btn {
	min-width: 80px;
}

.btn.loading {
	background-image: url(../images/button-loading.gif);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 32px;
    padding-right: 35px;
}

.btn.header-right {
	float: right;
	color: white;
	border: 20px;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 5px;
}

.btn-primary-blue {
	background-color: #2B3e4f;
}

.btn-grey-gradient {
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    /*text-shadow: 0 1px 0 #fff;*/
    border-color: #ccc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #333333;
    background-color: #ffffff;
}

.no-hover:hover{
	background: none !important;
}

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

.k-grid table tbody tr td {
	font-size: 13px;
	overflow: visible;
	vertical-align: middle;
}

body .k-header.k-drag-clue {
    background-color: #d6d6d6 !important;
    border-color: #999999 !important;
}

body .k-header.k-drag-clue .k-add {
    background-position: -32px -64px !important;
}

body .k-header.k-drag-clue .k-denied {
    background-position: -32px -48px !important;
}

.forgot-password{
	float: left;
	color: #ffffff;
}
.forgot-password:hover{
	color: #ffffff;
}

.item-with-no-label {
	margin-top: 33px;
	min-height: 34px;
}

.two-button-links {
	width: 210px;
}
.three-button-links {
	width: 300px;
}

.modal-footer button {
	width: 120px;
}
.modal-footer a {
	width: 120px;
}
.modal-footer input[type='submit'] {
    width: 120px;
}

.impersonate-btn {
	opacity: 1;
}
	.impersonate-btn.disabled {
		opacity: 0.2;
	}
.table-cell-image-container {
	width: 22px;
	height: 22px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	margin: 0px 10px 0 0;
}

	.table-cell-image-container.rounded-border {
		width: 22px;
		height: 22px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		float: left;
		margin: 5px 10px 0 0;
		border-radius: 50%;
	}

.table-cell-Image-ContainerType-title {
	line-height: 33px;
	display: inline-block;
	vertical-align: text-bottom;
}

#client-locations, #task-locations, #map {
	display: block;
	width: 100%;
	height: 100%;
}

.col-padding {
	padding: 0 15px;
}

#details {
   background: #fff;
	font-size: 14px;
	font-family: var(--font-inter);
	border: 1px solid #ccc;
	display: none;
	width: 300px;
	top: 0px !important;
	bottom: 0;
	right: -300px;
	-webkit-box-shadow: -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
}

#password-style {
	width: 100%;
	display: table;
	background: var(--kb-purple-gradient-opposite);
	background: linear-gradient(140deg, rgba(104,44,195,1) 12%, rgba(51,25,91,1) 63%);
}
	#password-style form {
		padding-top: 30px;
	background: none;
		padding: 40px 50px;
	
	}

#password-style form button {
	background: #272e37 !important;
	border: #272e37 !important;
	color: #ffffff !important;
}
#password-style .back-login-link{
	font-size: 14px;
	text-decoration: underline;
	color: white;
}
#password-style .back-login-link:hover{
	text-decoration: none;
}
#dashboard-header img, .map-container img, #map img, #map-container img {
	max-width: none;
}

.map-homepage-sidebar-popup {
	height: 100%;
	position: relative;
	width: 298px;
	overflow: hidden;
}
	.map-homepage-sidebar-popup #grid {
		padding-top: 220px;
		height: 100%;
		overflow: scroll;
		width: 316px;
	}

	#table-header {
		height: 36px;
		position: absolute;
		width: 100%;
		left: 0;
		top: 174px;
	}

		#table-header ul {
		}

			#table-header ul li {
				float: left;
				width: 70%;
				padding: 10px;
				background: #abacae;
				color: white;
			}

			#table-header ul li.last {
				width: 30%;
			}

	.map-homepage-sidebar-popup .header {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #272e37;
		z-index: 1;
		height: 175px;
	}

		.map-homepage-sidebar-popup .header h4 {
			color: #ffffff;
			margin: 0;
			 padding: 0;
			line-height: 20px;
			 padding: 20px 0 0 20px;
		}

.map-homepage-sidebar-popup #grid .table {
	margin-top: 0px !important;
}

	.map-homepage-sidebar-popup #grid .table tbody tr td {
		line-height: 16px !important;
		width: 90px;
	}

		.map-homepage-sidebar-popup #grid .table tbody tr td.task {
			font-size: 14px;
			width: 200px;
		}

		.map-homepage-sidebar-popup #grid .table tbody tr td strong {
			font-size: 11px;
			font-weight: 600;
		}

	.map-homepage-sidebar-popup #grid .table tbody tr td a.disabled{
		color: #5cb85c;
	}

	.map-homepage-sidebar-popup #grid .table tbody tr td .btn {
		min-width: 66px;
		font-size: 12px;
	}
	

ul.location {
	background: 20px 20px url('../Images/location-header-icon.png') no-repeat;
	padding: 20px 40px;
}

		.map-homepage-sidebar-popup .header ul li {
			color: #ffffff;
		}

	.map-location-marker-popup ul {
		margin-bottom: 10px;
	}

	.map-location-marker-popup .btn-info {
		margin: 10px 0 !important;
		width: 100%;
		border-radius: 40px;
	}

.gm-style-iw {
  width: 160px !important;
  height: 180px !important;
}

* {
  /*-webkit-box-shadow: none!important;
	 -moz-box-shadow: none!important;
		  box-shadow: none!important;*/
  
	text-shadow: none!important;
  

}

.btn:hover{opacity: 0.8;}

.form-group {
}
.input-group-addon {
	padding:4px 16px;
}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
	padding:9px 16px;
}

.field-validation-error {
	color: #c00;
	/*position: absolute;*/
	top: 6px;
	right: 10px;
	font-size: 13px;
}

.field-validation-custom-error {
    color: #c00;
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 12px;
    background: #fff;
}

#page-form .field-validation-error {
	position: static !important;
}

.form-group.light label {
	display:none;
}

.form-group.light .controls.light {
	width:100%!important;
	float:none;
}
.form-group.light .controls.light .form-control.light {
	padding:0;
}


body.login section#layout header {
	height: 44px;
	position: fixed;
	top: 0px;
	left: 0px;
}

body.login .login-form {
    background: #2B3E50;
    width: 810px;
    position: absolute;
    left: 50%;
    margin-left: -405px;
    top: 50%;
    margin-top: -250px;
    min-height: 400px;
    padding: 100px 100px 80px;
    color: #fff;
}

body.login .login-form #password-eye-one {
	opacity: 0.7;
	position: absolute;
	right: 0;
	padding: 10px;
}
body.login .login-form #password-eye-one:hover {
	cursor: pointer;
}
body.login .login-form #password-eye-one.show-icon {
	opacity: 1;
}
body .login-form .alert {
	width: 100% !important;
}

@media (min-width: 768px) {
	.login-form .alert {
		left: 15%;
		width: 70%;
	}
}
@media (min-width: 1080px) {
	.login-form .alert {
		left: 26%;
		width: 48%;
	}
}

body.login form h2 {
	font-family: var(--font-inter);

}

.logo-large {
	padding: 0;
	margin: 0 auto;
	height: 65px;
	max-width: 900px;
	background-image: url(../Images/logos/new-logo-nav.svg);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 60% auto;
	margin-bottom: 30px;
}

.lt-ie9 .logo-large {
	background-image:  url(../Images/klipboard-large.png);
	background-position: center center;
	background-repeat: no-repeat;
}


body.login .input-group {
	color: #000;
}

body.portal #bgvid {
	position: fixed;
	height: 100%;
	z-index: -100;
	background: url(../Images/welcome/1280x1340-login-image.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
	min-width: 50%;
	background-position: right;
	left: 0;
}
#bgvid.only-login {
	position: fixed;
	height: 100%;
	z-index: -100;
	/* background: url(../Images/background.jpg) no-repeat center bottom / cover; */
	/*background: url(../Images/welcome/1280x1340-login-image.svg);*/
	/*background: url(../Images/login-pink.png);*/
	background: linear-gradient(332deg, rgba(108,98,241,1) 0%, rgba(255,25,83,1) 100%);
	background: var(--kb-light-purple);
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
	min-width: 50%;
	background-position: right;
	left: 0;
}


	.btn.login {
		width: 250px;
		margin: 0;
	}


	.boolean h5 {
		color: #9da2a4;
		width: 45%;
		display: inline-block;
		padding-bottom: 10px;
		margin-left: 20px;
	}

	.bootstrap-switch {
		margin-top: 6px;
	}

		.bootstrap-switch .bootstrap-switch-handle-on,
		.bootstrap-switch .bootstrap-switch-handle-off,
		.bootstrap-switch .bootstrap-switch-label {
			padding: 0 12px;
			font-size: 12px;
		}

	/* Trial */
body.trial {
	
	height: 100%;
	width: 100%;
}

#portal-login.first-time-login.login-form .logo-area .login-logo-area.klips-logo{
}

body.trial .trial-form {
	/*		background: #2B3E50;
		width: 1200px;*/
	/* position: absolute; */
	/* left: 50%; */
	/* top: 50%; */
	/* margin-left: -600px; */
	/* margin-top: -375px; */
	/*		margin: 40px auto;
		min-height: 750px;
		padding: 40px 0;
		color: #fff;*/
}

	.trial-form .container {
		/*max-width: 1200px;*/
	}

	/*.trial-form .form-group {
    position: static;
}*/

	.trial-form a {
		color: #fff;
	}

	.trial-form p {
		font-size: 0.875em;
	}

	.trial-form .logo-large {
		padding: 0;
		margin: 0 auto;
		height: 83px;
		max-width: 860px;
		background-image: url(../Images/klipboard-extra-large.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: 40% auto;
		margin-bottom: 30px;
	}

	.trial-left {
		border-right: 1px solid #fff;
	}

	.trial-left, .trial-right, .trial-bottom {
		padding: 0 10px;
	}

		.trial-left h1 {
			font-size: 18px;
		}

		.trial-form .intro p, .trial-bottom p {
			margin: 15px 0;
		}

	.trial-form label {
		margin-top: 10px;
		font-size: 14px;
		color: white;
	}

	.trial-form .select-container {
		margin-bottom: 15px;
	}

		.trial-form .select-container select {
			font-size: 14px !important;
			padding: 4px;
		}

	.trial-form .field-validation-error {
		color: #c00;
		position: absolute;
		top: 12px;
		right: 10px;
		font-size: 12px;
	}

	.trial-form img {
		display: block;
	}

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

		.begin-trial .btn {
			width: 100%;
			margin: 10px 0;
			background: #30CAD2 !important;
			border-color: #30CAD2 !important;
			border-radius: 40px!important;
			box-shadow: none;
		}

	.trial-benefits {
		padding: 20px 35px 0 40px;
	}

		.trial-benefits p {
			margin: 20px 0 20px 60px;
		}

		.trial-benefits span {
			font-size: 8px;
			margin-left: 6px;
		}

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

	.terms-and-conditions-holder input {
		position: absolute;
		left: 8px;
		top: 8px;
	}

	.terms-and-conditions-holder label {
		padding-left: 28px;
		float: left;
	}

	.trial-form .terms-and-conditions-holder span {
		position: static;
	}

	.confirm-trial p {
		margin: 20px 0;
		font-size: 20px;
	}

	.confirm-trial a {
		color: #fff;
		/*text-decoration: underline;*/
	}

.notification-bar {
	/*background-color: #1CCD76;*/
	background: linear-gradient(337deg, rgba(58,255,184,1) 44%, rgba(29,255,255,1) 100%);
	color: #fff;
	color: var(--kb-purple);
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	z-index: 1001;
	position: fixed;
	top: 0;
	text-align: center;
	width: 100%;
}

.trial .notification-bar .btn-purple-ghost:hover {
		color: var(--kb-purple)!important;
		border-color: var(--kb-purple);
	}

	@media (max-width: 1000px) {
		.notification-bar {
			padding-left: 60px;
			min-width: 1000px;
		}
	}
.trial section#layout header{
	border-color: white;
}
.trial .notification-bar.time-running-out {
	background: #FF5D62;
	background: linear-gradient(337deg, rgba(247,116,107,1) 44%, rgba(234,66,124,1) 100%);
	background: linear-gradient(332deg, rgba(255,162,89,1) 20%, rgba(255,56,56,1) 82%);
	color: white;
}
.trial .notification-bar.time-running-out .btn-purple-ghost{
	border-color: white!important;
	color: white!important;
}

	.notification-bar span {
		vertical-align: middle;
		display: inline-block;
	}

	.notification-bar .btn {
		margin-left: 15px;
		line-height: 20px;
	}
.notification-bar .btn:hover{
	background: white;
	color: var(--green)!important;
	cursor: pointer;
}
.notification-bar.time-running-out .btn:hover {
	background: white;
	color: var(--red) !important;
	cursor: pointer;
}
	.btn--white {
		min-width: 80px;
		color: #434343;
		font-size: 12px;
		font-weight: 600;
		background: #fff;
		border: 1px solid #fff;
		border-radius: 4px !important;
	}

		.btn--white:hover {
			background: #fff;
			border: 1px solid #bcbcbc;
			opacity: 1;
		}

	.btn--white-modern {
		min-width: 80px;
		color: #434343;
		font-size: 12px;
		font-weight: 600;
		background: #fff;
		border: 1px solid #DBDBDB;
		border-radius: 4px !important;
		padding: 3px 12px 2px;
		margin-top: 6px;
	}

		.btn--white-modern:hover {
			background: #fff;
			border: 1px solid #bcbcbc;
			opacity: 1;
		}

	.btn--blue {
		background-color: #30cad3;
		background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
		border-radius: 4px !important;
		color: #fff !important;
	}

	.btn--green {
		background-color: #40d47e;
		background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
		border-radius: 4px !important;
		color: #fff !important;
	}

	.btn--grey {
		background-color: #ccc;
		background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
		border-radius: 4px !important;
		color: #fff !important;
	}

	.btn--dark-green {
		background-color: #4AC0B3;
		border-radius: 4px !important;
		color: #fff !important;
		box-shadow: 0px 1px 1px #ccc;
		font-size: 12px;
		padding: 4px 6px 3px;
	}

		.btn--dark-green:last-child {
			margin-right: 0;
		}

	.btn--xeroblue {
		background-color: var(--xeroblue);
		background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
		border-radius: 40px !important;
		color: #fff !important;
	}

		.btn--xeroblue:hover, .btn--xeroblue:focus {
			background-color: #028eb0;
		}

.btn--stripe {
    background-color: var(--stripe);
    border-radius: 40px !important;
    color: #fff !important;
}

	.btn--stripe:hover,
	.btn--stripe:active,
	.btn--stripe:focus {
		filter: brightness(85%);
	}

	.btn--outline {
		background-color: transparent;
		border: 1px solid #fff;
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-weight: bold;
		padding: 1px 10px;
		color: #fff;
	}

		.btn--outline:hover,
		.btn--outline:focus {
			color: #fff;
		}

	

	.trial-plans-container * {
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		color: #777;
	}


	.trial-plans-container .intro {
		/*margin-left: 40%;*/
		width: 660px;
		margin-bottom: 20px;
		float: right;
		text-align: center;
	}

		.trial-plans-container .intro p {
			margin: 15px 0;
		}

	.trial-plans-container .btn-group .btn {
		background: #fff;
		color: #D1D1D1;
		font-size: 16px;
		padding: 5px 0;
		border-radius: 40px!important;
	}
.trial-plans-container .btn-group {
	box-shadow: 0;
	background: white;
	border-radius: 40px !important;

}
.trial-plans-container .btn-group .btn.highlight {
	background: var(--kb-purple);
	color: #fff;
	font-size: 16px;
	padding: 5px 0;
}

	.plan-period div {
		display: block;
	}

	.plain-table {
		width: 100%;
		margin: 20px 0;
	}

		.plain-table th,
		.plain-table td {
			padding: 0px 0;
			border: 1px solid #ccc;
			font-size: 14px;
			text-align: center;
		}

		.plain-table th {
			color: #999;
			font-weight: 600;
		}

			/* no padding */
			.plain-table th.np {
				padding: 0;
			}

			/* background green */
			.plain-table th.bgg {
				background: #1CCD76;
			}

			.plain-table th span {
				font-size: 28px;
				color: var(--kb-purple);
				font-weight: 600;
			}

.header-green {
	background: #1CCD76;
	background: #3AFFB8;
	color: var(--kb-purple);
	border-radius: 5px 5px 0 0 !important;
	font-size: 12px;
	padding: 5px 0;
}

	.header-black {
		background: var(--kb-purple);
		color: #fff;
		border-radius: 5px 5px 0 0 !important;
		font-size: 16px;
		padding: 5px 0;
	}

	table th.hb:hover{

	}
	table.plain-table thead th{
		padding: 5px 0;
	}
table.plain-table tbody tr:last-child{
	border-bottom: 0;
}
	/* hide border */
	table .hb {
		border: 0;
		vertical-align: top;
	}

	/* middle column */
	table .mc {
/*		border-left-width: 2px;
		border-right-width: 2px;*/
	}

	.plain-table .choose-plan-feature {
		width: 40%;
		border-left: 0;
		text-align: left;
	}

	.plain-table .fa-check {
		color: #34CD75;
		color: var(--kb-aqua);
	}

	.plain-table .btn .fa-check {
		color: #fff;
		font-size: 10px;
		margin-top: -5px;
		margin-left: 10px;
		vertical-align: middle;
	}

	.plain-table .btn {
		margin: 10px;
		font-size: 13px;
		width: 200px;
		border-radius: 40px!important;
		background-color: var(--kb-aqua);
		background-image: none;
		color: white!important;
	}

	.trial-plans-container .outro {
		margin-left: 40%;
	}

	.slide-toggle-box {
	}

	.toggle-button {
		background-color: #e6e6e6;
		color: #021f3f !important;
	}

body.overviews.trial #main{
	margin-top: 0px;
}
	body.overviews.trial #main .nav-menu-right.no-sidebar-menu{
		top: 15px;
	}
	/* Self Service */
	.selfservice-form * {
		font-family: var(--font-inter), helvetica, arial, sans-serif;
	}

	.selfservice-form {
		margin-bottom: 50px;
	}

	/*.selfservice-form .container {
	max-width: 1080px;
}*/

	.selfservice-steps {
		margin-top: 20px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

		.selfservice-steps > div {
			text-align: center;
			font-weight: 600;
			color: #999;
		}

			.selfservice-steps > div > .step {
				height: 46px;
				line-height: 46px;
				background-position: right;
				background-repeat: no-repeat;
			}

		.selfservice-steps > .step2 {
			background-color: #F2F2F2;
			color: #F2F2F2;
			background-color: transparent;
			color: transparent;
		}
		.selfservice-steps > .step2.complete {
			color: #999;
		}

			.selfservice-steps > .step2 > .step {
				
				border-right: 1px solid var(--kb-light-purple);
				border-right: 1px solid transparent;
			}

		.selfservice-steps > .step3 {
			background-color: #F2F2F2;
			color: #F2F2F2;	
			background-color: transparent;
			color: transparent;
		}

			.selfservice-steps > .step3 > .step {
				/*background-image: url('/images/selfservice/arrow-step3-default.png');*/
			}

		.selfservice-steps > .highlight {
			background-color: #30cad3;
			background-color: var(--kb-purple);

			color: #fff;
		}

		.selfservice-steps > .step1.highlight > .step {
			/*background-image: url('/images/selfservice/arrow-step1-highlight.png');*/
			border-right: 1px solid var(--kb-light-purple);
			border-right: 1px solid transparent;
		}

		.selfservice-steps > .highlight > .step {
			/*background-image: url('/images/selfservice/arrow-highlight.png');*/
			border-right: 1px solid var(--kb-light-purple);
			border-right: 1px solid transparent
		}

		.selfservice-steps > .complete {
			background-color: #2B3E4F;
			background-color: var(--kb-purple-hover);
		}

			.selfservice-steps > .complete > .step {
				/*background-image: url('/images/selfservice/arrow-complete.png');*/
			}

		.selfservice-steps > .complete > .step:after {
			/* content: url(../images/selfservice/complete-tick.png); */
			content: url(../images/icons/icon_tick.svg);
			display: inline-block;
			line-height: 0px;
			vertical-align: middle;
			margin-top: -6px;
		}

	.selfservice-form-thanks .selfservice-steps > .step1.complete > .step {
		/*background-image: url('/images/selfservice/arrow-complete-thanks.png');*/
		border-right:1px solid var(--kb-light-purple);
	}

	.selfservice-region {
		background: #fff;
		min-height: 500px;
		padding: 30px 0 40px;
		border-radius: 4px;
		margin-bottom: 90px;
	}

		.selfservice-region > div {
			padding: 0 40px;
		}

	.selfservice-region-details {
		margin: 20px 0 40px;
		overflow: hidden;
	}

		.selfservice-region-details label {
			margin-top: 10px;
			font-size: 12px;
		}

		.selfservice-region-details .form-group input,
		.selfservice-region-details .form-group .select-container {
			border: 1px solid #e1e1e1;
			border-left: 4px solid #e1e1e1;
			font-size: inherit;
			background-color: transparent;
			box-shadow: none;
		}

			.selfservice-region-details .form-group input.cost-total {
				background-color: #E8F8F9!important;
				font-weight: 700;
				border-color: #fff;
			}

	.selfservice-region table tr:first-child td {
		border-top: 0;
	}

	.selfservice-region table tr:last-child td {
		border-bottom: 0;
	}

	.selfservice-region table tr td:last-child {
		border-right: 0;
	}

	.selfservice-region .professional-plan {
		display: none;
		margin-top: -20px;
	}

		.selfservice-region .professional-plan tr:first-child td {
			border-top: 1px solid #ccc;
		}

	.selfservice-region .form-group input,
	.selfservice-region .select-container select {
		font-size: 14px !important;
	}

	.selfservice-region .select-container select {
		padding: 4px;
	}

	.selfservice-region .buttons {
		overflow: hidden;
	}

	.selfservice-region .buttons-right {
		text-align: right;
	}

	.selfservice-region .buttons .btn {
		min-width: 200px;
		margin: 0;
		border-radius: 40px!important;
		background-image: none;
	}

	.selfservice-region .plain-table .choose-plan-feature {
		width: 90%;
	}

	.selfservice-region-cards {
		height: 50px;
		text-align: right;
		padding-right: 40px;
	}

	.selfservice-region-stripe {
		background-color: #E8F8F9;
		background-color: var(--kb-light-purple);
		padding: 20px 40px;
		overflow: hidden;
		color: #151717;
		border-radius: 4px;
	}

		.selfservice-region-stripe label {
			margin-top: 10px;
			font-size: 12px;
		}

		.selfservice-region-stripe .buttons {
			padding-top: 20px;
			padding-bottom: 30px;
			width: 100%;
		}

		.selfservice-region-stripe a {
			color: #151717;
			text-decoration: underline;
		}

		.selfservice-region-stripe input[type='checkbox'] {
			vertical-align: middle;
			margin-top: 0;
			margin-right: 3px;
		}

		.selfservice-region-stripe .btn {
			margin: 0;
			float: right;
			text-decoration: none;
		}

		.selfservice-region-stripe .field-validation-error {
			color: #c00;
			position: absolute;
			top: 12px;
			right: 10px;
			font-size: 12px;
		}

		.selfservice-region-stripe .TermsAndConditionsValidationSpan {
			position: static;
			display: block;
			margin-left: 12px;
		}


	.StripeElement {
		background-color: white;
		height: 36px;
		padding: 9px 12px;
		border: 1px solid #aaa;
	}

		.StripeElement .InputElement {
			font-size: 14px;
		}

	.StripeElement--focus {
		box-shadow: 0 1px 3px 0 #cfd7df;
	}

	.StripeElement--invalid {
		border-color: #fa755a;
	}

	.StripeElement--webkit-autofill {
		background-color: #fefde5 !important;
	}

	#card-errors {
		width: 66.66666666666666%;
		margin-left: 33.33333333%;
		padding: 10px;
		font-size: 13px;
		line-height: 18px;
		color: #f44;
	}


	.small-important {
		font-size: 12px;
		color: #8E94A0;
		margin: 10px 0;
	}

	.selfservice-success {
		text-align: center;
		color: #999;
	}

	.selfservice-success-title {
		font-size: 26px;
		font-weight: 600;
		margin: 20px 0;
	}

	.selfservice-success p {
		margin: 40px;
	}

	.selfservice-success .btn {
		width: 250px;
	}
.selfservice-success-buttons{
	margin-bottom: 20px;
}
.selfservice-success-buttons a{
	border-radius: 40px!important;
	background-image: none;
}

.document-list td a,
.document-list td img,
.document-list td input,
.document-list td label {
	display: block;
	padding: 6px 0px;
	line-height: 16px;
	float: left;
	margin: 0 5px 0 0;
}

	.document-list td input {
		/*width: 3%;*/
		float: right;
	}

	.document-list td label {
		width: 96% !important;
		float: left;
		margin: 0 !important;
		clear: none !important;
	}


	.product-list td input,
	.product-list td label {
		display: block;
		padding: 6px 0px;
		line-height: 16px;
		float: left;
		margin: 0 5px 0 0;
	}

	.product-list td input {
		/*width: 3%;*/
		float: right;
	}

	.product-list td label {
		width: 96%;
		float: left;
		margin: 0 !important;
		clear: none !important;
	}


	.clear-text-filter {
		color: #000;
		cursor: pointer;
	}

	.clear-text-filter-empty {
		color: #c1c1c1 !important;
	}

	.workflows-list-block {
		background: rgba(0,0,0,0.1);
		height: 100%;
		width: calc(100% - 17px);
		position: absolute;
		top: 0;
		left: 0;
	}

	.views-workflows-dropdown {
		position: fixed;
		top: 0;
		left: 0;
		background: #04ebff;
		color: #fff;
	}

		.views-workflows-dropdown > div {
			padding: 3px 6px;
			font-size: 12px;
		}

	.tabs-container {
		width: 100%;
		display: block;
		margin: 40px 0 0 0;
	}

	.nav-client-dropdown {
		display: inline-block;
		margin-top: 10px;
	}

		.nav-client-dropdown .chosen-container-single .chosen-default {
			color: #fff;
			border: 1px solid #fff;
			box-shadow: none;
			text-transform: uppercase;
		}

		.nav-client-dropdown .chosen-container span {
			color: #abacae;
			font-size: 12px;
			font-family: var(--font-inter), helvetica, arial, sans-serif;
		}

		.nav-client-dropdown .chosen-container-single .chosen-single div b {
			background: none;
		}

/*	#chart-container {
		position: relative;
		background: var(--kb-purple);
	}*/

#dashboard-header {
	/*width: 100%;
	height: 100%;
	min-height: 400px;*/
	/*background-image: url(../Images/dashboard-header.png);*/
	/*background-image: url(../Images/dashboard/new-admin-bg.svg);
	background-position: center center;
	background-repeat: no-repeat;*/
}

/*	@media (min-width: 1440px) {
		#dashboard-header {
			margin-top: 80px;
		}
	}*/

	#chart-container .alert {
		position: absolute;
		left: 10%;
		right: 10%;
		top: 40%;
	}

	.dashboard-row {
		margin-right: -15px;
		margin-left: -15px;
	}

	.dashboard-panel {
		padding: 0 15px;
	}

	.dashboard-panel-inner {
		/*margin-top: 20px;*/
		background-color: #fff;
		box-shadow: 0 5px 10px rgba(0,0,0,.05);
		min-height: 40px;
	}

	.dashboard-donuts {
		padding-bottom: 15px;
	}

		.dashboard-donuts h2 {
			font-size: 11px;
			/*font-weight: 600;*/
			text-align: center;
		}

	.dashboard-totals {
		padding: 15px;
		overflow: hidden;
	}

		.dashboard-totals > div {
			border-left: 10px solid #f15822;
			padding-left: 15px;
			padding-right: 15px;
			min-height: 115px;
		}

		.dashboard-totals .sent {
			border-left: 10px solid #C5EDEF;
		}

		.dashboard-totals .awaiting {
			border-left: 10px solid #FFB446;
		}

		.dashboard-totals .overdue {
			border-left: 10px solid #FE7574;
		}

		.dashboard-totals .figure {
			font: 2.5em 'Berthold Medium', helvetica, arial, sans-serif;
		}

		.dashboard-totals .title {
			display: block;
			font-size: 12px;
			color: #7D7D7D;
		}

		.dashboard-totals .total {
			display: block;
			margin-top: 15px;
		}

			.dashboard-totals .total a {
				font-weight: bold;
				font-size: 18px;
				color: #333;
				text-decoration: none;
			}

				.dashboard-totals .total a:hover {
					text-decoration: underline;
				}

	.dashboard-map-placeholder {
		padding: 5px;
		overflow: hidden;
	}

		.dashboard-map-placeholder > div {
			padding-left: 15px;
			padding-right: 15px;
			min-height: 133px;
		}

		.dashboard-map-placeholder .map-placeholder-image {
			background: url('/images/dashboard-map.jpg') no-repeat center / cover;
		}

		.dashboard-map-placeholder .map-placeholder-info {
			padding: 15px 35px 0;
		}

		.dashboard-map-placeholder .title {
			font-weight: bold;
		}

		.dashboard-map-placeholder .description {
			font-size: 13px;
			color: #7D7D7D;
			margin: 10px 0;
		}

		.dashboard-map-placeholder .btn {
			margin: 0;
			line-height: 18px;
		}

	.list-item {
		width: 33.3%;
		/* height: 60px; */
		float: left;
		/* border: 1px solid #ccc; */
		background-color: #fff;
		margin: 0;
	}

	.list-item-inner {
		/*border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
		height: 50px;
		padding: 10px;
	}

	.list-item .name {
		font-size: 12px;
		margin: 3px 5px;
		color: #6C757E;
		max-height: 28px;
		overflow: hidden;
	}

		.list-item .name a {
			color: #A5A5A5;
			text-decoration: none;
		}

			.list-item .name a:hover {
				text-decoration: underline;
			}

	.list-item .total {
		font-size: 10px;
		margin: 5px;
		color: #A5A5A5;
	}

	/*.list-item:nth-of-type(3n+0) .list-item-inner {
    border-right: 0;
}*/

	.list-item .photo {
		width: 45px;
		height: 45px;
		border-radius: 25px !important;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.list-item-left {
		width: 30%;
		float: left;
	}

	.list-item-right {
		width: 70%;
		float: left;
	}

	.dashboard-wrapper .k-pager-wrap {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 13px;
		right: 15px;
		background-color: #fff;
		border: 1px solid #aaa;
	}

		.dashboard-wrapper .k-pager-wrap .k-link {
			height: 32px;
			width: 20px;
			margin: 0 !important;
			padding: 0;
			min-width: 0;
			line-height: 32px;
			border-color: transparent;
			user-select: none;
			outline: 0;
		}

		.dashboard-wrapper .k-pager-wrap .k-pager-numbers,
		.dashboard-wrapper .k-pager-wrap .k-pager-first,
		.dashboard-wrapper .k-pager-wrap .k-pager-last,
		.dashboard-wrapper .k-pager-wrap .k-pager-info {
			display: none !important;
		}

	.green-tooltip + .tooltip > .tooltip-inner {
		background-color: #a1f0e4;
		border-bottom: 6px solid #13dabb;
		color: #06080c;
		padding: 10px 20px;
		white-space: pre-wrap;
	}

	.green-tooltip + .tooltip > .tooltip-arrow {
		border-top-color: #13dabb;
	}

	.yellow-tooltip + .tooltip > .tooltip-inner {
		background-color: #fbfbaf;
		border-bottom: 6px solid #f4f537;
		color: #06080c;
		padding: 10px 20px;
		white-space: pre-wrap;
	}

	.yellow-tooltip + .tooltip > .tooltip-arrow {
		border-top-color: #f4f537;
	}

	.red-tooltip + .tooltip > .tooltip-inner {
		background-color: #fdc7c3;
		border-bottom: 6px solid #f97368;
		color: #06080c;
		padding: 10px 20px;
		white-space: pre-wrap;
	}

	.red-tooltip + .tooltip > .tooltip-arrow {
		border-top-color: #f97368;
	}

	ul#charts {
		height: 340px;
		list-style-type: none;
		width: 910px;
		background: #272e38;
		margin: 0 auto;
	}

		ul#charts li {
			height: 340px;
			float: left;
			text-align: center;
			width: 33%;
			border-right: 3px solid #000000;
			position: relative;
		}

			ul#charts li:last-child {
				border-right: none;
			}

			ul#charts li a:hover {
				text-decoration: none;
			}

			ul#charts li p {
				position: absolute;
				color: white;
				top: 150px;
				left: 40%;
				width: 20%;
				text-align: center;
				font-size: 24px;
				border-top: 3px solid white;
				line-height: 42px;
			}

		ul#charts h2 {
			color: white;
			text-transform: uppercase;
			font-family: var(--font-inter), helvetica, arial, sans-serif;
		}

		ul#charts .dial {
			width: 220px;
			margin: 20px auto;
			margin: 30px auto 20px auto;
			background: -1px 0px url(../Images/dashboard-circle-bg.png) no-repeat;
		}

	#grid table tbody tr td .tooltip .tooltip-inner {
		font-size: 11px;
	}

	.table-footer p {
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-weight: normal;
		color: #abacae;
	}

	form.filter input, form.filter select, form.filter .selectize {
		width: 95%;
	}

	.k-grid-toolbar .k-select {
		background-color: #2B3e4f !important;
		background-color: var(--kb-purple) !important;
	}

	.k-grid-toolbar .btn-primary {
		background-color: #2B3e4f !important;
		background-color: var(--kb-purple) !important;
	}

	.k-grid-content .btn-info,
	.k-grid-content .k-grid-edit {
		background-color: #2B3e4f !important;
		background-color: var(--kb-purple) !important;
		border: 1px solid var(--kb-purple) !important;
	}

	.k-grid-content .btn-info-forced {
		color: #ffffff;
		background-color: #45cebc;
		border-color: #45cebc;
		border-radius: 40px;
	}

	/* targets only safari */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		form.filter select {
			margin: 6px 0;
		}
	}

	#page-form form .permissions label.checkbox {
		padding-left: 0;
		width: 30%;
		float: left;
		clear: none !important;
	}

	.roles .controls-inner input, .checkbox-list .controls-inner input {
		margin: 1px 15px 0 0;
		width: 16px;
		height: 16px;
		float: left;
	}

	.form-group.roles .controls-inner, .form-group.checkbox-list .controls-inner {
		background: #fff;
		overflow: auto;
		overflow-x: hidden;
		height: 220px;
		border-radius: 4px;
	}

		.form-group.roles .controls-inner label, .form-group.checkbox-list .controls-inner label {
			line-height: normal !important;
			clear: none !important;
			float: left;
			font-size: 13px;
		}

	.controls-inner table {
		margin-bottom: 0 !important;
	}

		.controls-inner table td {
			height: 33px !important;
			padding: 8px 14px !important;
			border-bottom: 1px solid #e1e1e1 !important;
		}

			.controls-inner table td label {
				width: 95% !important;
				margin-bottom: 0 !important;
			}


	.permissions .controls-inner {
		background: #fff;
		border-radius: 4px;
		overflow: auto;
		min-height: 450px;
		height: fit-content;
		max-height: 900px;
		padding-left: 35px;
		padding-top: 10px;
	}

	/* telerik grid mods */

	.k-pager-wrap span {
		/*line-height: 2em;*/
	}

	.klipboard-menu .grid-separator {
		background-color: #fff;
	}

	.klipboard-menu {
		box-shadow: none !important;
	}

		.klipboard-menu > li > .btn {
			padding: 8px 14px;
			margin: 0;
			color: #fff;
		}

		.klipboard-menu li .btn,
		.klipboard-menu li .btn:active,
		.klipboard-menu li .btn:focus {
			display: block;
			text-align: center;
			font-size: 14px;
			line-height: 1.428571429;
			text-decoration: none;
			color: #fff !important;
			background-color: #6ED0C3;
			/*background-color: #2B3e4f;*/
			cursor: pointer;
			border-radius: 0;
		}

			.klipboard-menu li .btn:hover {
				background-color: #6ED0C3;
				opacity: 0.8;
			}

	#grid table tbody tr td {
		line-height: normal;
	}

		#grid table tbody tr td.actions {
			overflow: visible;
		}

	.grid-top-buttons {
		text-align: right;
		margin-bottom: 15px;
	}

	.dropdown {
		display: inline-block;
		vertical-align: top;
		line-height: 26px;
	}

	.dropdown-menu-right {
		right: 0;
		left: auto;
	}

	.k-popup .k-calendar .k-header .k-link {
		color: #fff;
	}

	/*.k-popup .k-calendar .k-today.k-state-hover .k-link,
.k-popup .k-calendar .k-state-selected .k-link,
.k-popup .k-calendar .k-today.k-state-selected .k-link {
	color: #fff !important;
}

.k-popup .k-calendar .k-today .k-link {
	color: #000;
}*/

	/* chosen mods */

	.chosen-container-single .chosen-single span {
		display: inline !important;
	}

	.chosen-container-single .chosen-single {
		height: 36px !important;
		line-height: 36px !important;
		background: #fff !important;
	}

	.chosen-container .chosen-results li.highlighted {
		background: #EAEAEA !important;
		color: #333 !important;
	}

	.chosen-container-single .chosen-single div b {
		background-position: 0px 7px !important;
	}

	.chosen-container-active.chosen-with-drop .chosen-single div b {
		background-position: -18px 7px !important;
	}

	.subnav .client-selection {
		width: 270px;
	}

	.subnav .chosen-container {
		float: right;
		margin-top: 6px;
		margin-right: 15px;
	}



	.asset-objects-table {
		width: 100%;
		margin: 15px 0;
	}

		.asset-objects-table td {
			line-height: 28px;
		}

		.asset-objects-table i {
			cursor: pointer;
		}

			.asset-objects-table i.disabled {
				font-size: 14px;
				cursor: default;
			}

		.asset-objects-table small {
			font-size: 0.6em;
			margin-left: 5px;
		}

	.js-asset-objects-new-entry input {
		/*width: 275px;*/
		width: 225px;
		display: inline-block;
	}

	/* General */
	.navtabs {
		background-color: #fff;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		border: 0;
	}

	.navtabs ul {
		margin: 0 25px;
		height: 41px;
		border-bottom: 0;
	}

		.navtabs ul li {
			text-align: left;
			float: left;
			font-size: 0.75em;
			line-height: 43px;
			text-transform: uppercase;
			margin-right: 20px;
		}

			.navtabs ul li a,
			.navtabs ul li a:focus {
				background-color: #fff;
				border: 0;
				padding: 10px;
				color: #abacae;
				/*line-height: 43px;*/
				text-transform: uppercase;
				display: block;
				border-bottom: 4px solid #ffffff;
			}

				.navtabs ul li a:hover {
					background-color: #fff;
					border-bottom: 4px solid #abacae;
				}

			.navtabs ul li.active a,
			.navtabs ul li.active a:hover,
			.navtabs ul li.active a:focus {
				background-color: #fff;
				color: #04ebff;
				border-bottom: 4px solid #04ebff;
				cursor: pointer;
			}

	.content-controls {
		margin-bottom: 15px;
		overflow: hidden;
	}

	.form-white-region {
		background-color: #fff;
		padding: 15px;
	}

	.form-white-region {
		font-size: 14px;
	}

		.form-white-region label {
			margin-left: 10px;
			line-height: 28px;
		}

	.clean-textarea {
		border: 0;
		resize: none;
	}

	.wl-table {
		width: 100%;
		margin: 10px 0;
	}

		.wl-table th,
		.wl-table td {
			padding: 5px 10px;
			border-bottom: 1px solid #ccc;
			vertical-align: top;
		}

		.wl-table tr:last-child th,
		.wl-table tr:last-child td {
			border-bottom: 0;
		}

	#page-form {
		position: relative;
	}

	.actions-dd {
		z-index: 1;
		width: 100%;
		height: 38px;
		overflow: hidden;
		position: absolute;
		-webkit-transition: height 0.25s;
		transition: height 0.25s;
		border-width: 1px !important;
		padding: 4px 10px;
		border-style: solid !important;
		transition: all 0.1s ease-in;
	}

	.actions-dd-fixed {
		top: 10px;
		right: 0;
		width: 170px;
	}

	.actions-dd > li {
		float: none;
		position: relative;
		display: block;
	}

	.actions-dd-fixed > li > a {
		border-radius: 40px;
	}

.actions-dd-fixed .actions-dd-prompt > a,
.actions-dd-fixed .actions-dd-option > a {
	border-radius: 40px!important;
}
.actions-dd-fixed.toggled > li > a {
	border-radius: 4px!important;
}

	.actions-dd li a, .actions-dd li a:active, .actions-dd li a:focus {
		display: block;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		color: #fff;
		background-color: #6ED0C3;
		border-bottom: 1px solid #fff;
		cursor: pointer;
	}

		.actions-dd li a:hover {
			background-color: #2da998;
		}

	.actions-dd li:last-child a {
		border-bottom: 0;
	}

	.actions-dd > li > a {
		padding: 11px 14px;
	}

	.actions-dd .fa-caret-down {
		position: absolute;
		top: 10px;
		right: 15px;
		font-size: 22px;
	}

	.actions-dd.toggled {
		height: auto;
	}

	.actions-dd-option.disabled {
		opacity: 1.0;
	}

		.actions-dd-option.disabled a,
		.actions-dd-option.disabled a:hover {
			background-color: #a1d4cd;
			cursor: not-allowed;
		}

	.internal-note {
		padding: 10px 25px;
		margin-top: 15px;
		background-color: #fff;
	}

		.internal-note .subject {
			padding: 10px 2px;
			border-bottom: 1px solid #27FEFE;
		}

		.internal-note .message {
			padding: 0 2px;
		}

	.note {
		position: relative;
	}

		.note .timeago {
			position: absolute;
			top: 0;
			right: 0;
		}

	.note-off-please {
		cursor: pointer;
	}

	.note ul {
		list-style-type: disc;
		margin: 6px 0 6px 30px;
	}

	.note ol {
		list-style-type: decimal;
		margin: 6px 0 6px 30px;
	}

		.note ol li {
			font-family: var(--font-inter), helvetica, arial, sans-serif;
		}

	/* Clients */
	.clients-nav {
		font-size: 12px;
	}

	@media (min-width: 1080px) {
		.clients-nav {
			font-size: 14px;
		}
	}

	.clients-nav-controls {
		overflow: auto;
		margin-top: -38px;
	}

		.clients-nav-controls .client-invoice-filters {
			float: right;
		}

		.clients-nav-controls .show-archived {
			float: left;
			position: relative;
			margin: 8px 0;
			padding: 0 30px;
			line-height: 30px;
			color: #8a8a8a;
			font-size: 14px;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
		}

		.clients-nav-controls .form-control {
			margin: 5px;
			float: left;
			width: 200px;
		}

	.client-nav-back {
		margin-bottom: 20px;
	}

		.client-nav-back .btn.back-btn-dark {
			margin: 5px 0;
			transition: all 0.2s ease-in;
			font-size: 12px;
			text-transform: uppercase;
			color: white;
			border-color: #2B3e4f;
			background-color: #2B3e4f;
		}

			.client-nav-back .btn.back-btn-dark i {
				font-size: 10px;
			}

		.client-nav-back h1 {
			margin: 10px 0;
		}

	/* Invoices */
	.gb-form {
	}

	.gb-form-inner {
	}

	.gb-form .k-editor-widget td a {
		position: relative;
		right: inherit;
	}

	.gb-form .k-editor-widget textarea {
		width: 100%;
		resize: vertical;
	}

	#page-form form .gb-form .form-section {
		margin: 0;
	}

	.gb-form .form-control {
		margin-bottom: 5px;
	}

	.gb-form a {
		cursor: pointer;
	}

		.gb-form a.btn {
		}

	.gb-form td {
		position: relative;
	}

		.gb-form td a {
			position: absolute;
			right: 15px;
		}

	.gb-form textarea {
		resize: vertical;
		font-family: var(--font-inter), helvetica, arial, serif;
		font-weight: normal;
		font-size: 13px;
	}

		.gb-form textarea::-webkit-input-placeholder {
			font-family: var(--font-inter), helvetica, arial, serif;
			font-weight: normal;
			font-size: 15px;
		}

	.gb-form-bottom-control {
		padding: 0;
		padding-right: 20px;
		height: 60px;
		text-align: right;
	}

		.gb-form-bottom-control > div {
			/*	width: 255px;
	margin-right: 8px;
	position: absolute;
	right: 0;*/
		}

	.tag {
		padding: 3px 0;
		display: block;
		font-size: 12px;
		width: 100%;
		max-width: 80px;
		text-align: center;
		font-weight: bold;
		background-color: #D2D3D7;
		color: #fff;
	}

	/*.k-grid .tag {
	margin: 0 auto;
}*/

	.tag-grey {
		background-color: #D2D3D7;
	}

	.tag-purple {
		background-color: var(--kb-purple);
	}
.tag-purple-pop {
	background-color: #8328ea;
}

	.tag-yellow {
		background-color: #FDC913;
	}

	.tag-red {
		background-color: #E45452;
	}

	.tag-orange {
		background-color: #ff881f;
	}

	.tag-green {
		background-color: #28E8C3;
	}


	.tag-greendelivered {
		background-color: #28E8C3;
	}

	.tag-greenaccepted {
		background-color: #f4a161;
	}

	.tag-reddeclined {
		background-color: #E45452;
	}


	.tag-orangepartdelivered {
		background-color: #F4A261;
		/*min-width: 130px;*/	
	}

	.invoice-details-holder {
	}

		.invoice-details-holder .col-xs-6 {
			padding: 20px;
			margin-bottom: 0 !important;
			padding-bottom: 0;
		}

	#page-form .invoice-details-holder h3 {
		margin-top: 0;
		font-size: 28px;
		font-weight: bold;
	}

	.invoice-billing-address {
		margin-top: 6px;
	}

		.invoice-billing-address b {
			margin-bottom: 5px;
			display: block;
		}

	.invoice-client b {
		margin-bottom: 5px;
		display: block;
	}

	.invoice-disclaimer {
		margin-top: 12px;
	}

		.invoice-disclaimer b {
			margin-bottom: 5px;
			display: block;
		}

	.invoice-subject {
		margin-top: 12px;
	}

		.invoice-subject b {
			margin-bottom: 5px;
			display: block;
		}

	.invoice-details-left .invoice-address {
		line-height: 26px;
	}

	.invoice-details-figures {
		width: 100%;
		border-radius: var(--border-radius);
	}

		.invoice-details-figures td {
			height: 65px;
			padding: 10px 15px;
			border-bottom: 1px solid #e1e1e1;
			font-size: 14px;
			font-family: var(--font-inter);
			margin-bottom: 5px;
			font-weight: 600;
		}

		.invoice-details-figures tr:last-child td {
			border-bottom: 0;
		}

	.invoice-number {
		width: 150px;
	}

	.invoice-service-holder {
		margin: 20px;
	}

		.invoice-service-holder table {
			width: 100%;
		}

		.invoice-service-holder thead {
			border-bottom: 1px solid #e1e1e1;
		}

			.invoice-service-holder thead th {
				font-size: 14px;
			}

		.invoice-service-holder tr {
			border-bottom: 1px solid #ccc;
		}

			.invoice-service-holder tr:last-child {
				border-bottom: 0;
			}

		.invoice-service-holder th {
			padding: 7px 0;
			font-weight: bold;
		}

		.invoice-service-holder td {
			padding: 15px 15px 15px 0;
			vertical-align: top;
			font-size: 14px;
		}

			.invoice-service-holder td:last-child {
				padding-right: 0;
			}

	.service-description {
		margin-top: 3px;
	}

	.service-product {
		margin-top: 3px;
	}

	.gb-form a.delete-line-item {
		margin-top: 3px;
		color: #FA8E86;
		top: 60px;
	}

	.invoice-footer-holder {
		border-top: 1px solid #e1e1e1;
		margin: 20px;
		display: flex;
		align-items: stretch;
	}

		.invoice-footer-holder > div {
			padding: 20px;
			min-height: 135px;
		}

		.invoice-footer-holder .invoice-footer-left {
			border-right: 1px solid #e1e1e1;
			padding-left: 0;
		}

		.invoice-footer-holder .invoice-footer-right {
			padding-right: 0;
		}

	.invoice-footer-totals {
		width: 100%;
	}

		.invoice-footer-totals td {
			font-family: var(--font-inter), helvetica, arial, serif;
			padding: 15px 10px;
			border-bottom: 1px solid #e1e1e1;
			font-size: 14px;
		}

		.invoice-footer-totals tr:last-child td {
			border-bottom: 0;
		}

	.invoice-notes-holder {
		background-color: #F3F3F3;
		padding: 20px 0px;
		border-radius: 4px;
	}

	#page-form .invoice-notes-holder h4 {
		margin-top: 0;
	}

	/*.invoice-notes-holder textarea {
	min-height: 100px;
}

.invoice-notes-holder button {
	max-width: 200px;
    float: right;
}*/



	/* Products */
	.product-supplier-address {
		margin-top: 6px;
	}

		.product-supplier-address b {
			margin-bottom: 5px;
			display: block;
		}


	.left-pad {
		padding-left: 15px;
	}

	.add-line {
		/*min-width: 150px;*/
	}

	.status-invoices-paid {
		color: #00E7BF;
	}

	.status-invoices-awaiting {
		color: #F5C400;
	}

	.status-invoices-overdue {
		color: #FB5C60;
	}

	.xero-sent,
	.xero-pending {
		color: #9C9C9C;
	}

	.editable {
		display: none;
	}

	.inline-cancel,
	.inline-cancel-kendo {
		line-height: 40px;
	}

	.tax-rate-item {
		padding: 5px;
	}

		.tax-rate-item span {
			font-size: 14px;
			color: #000;
		}

		.tax-rate-item p {
			font-size: 12px;
			color: #666;
		}

	/* Quotes */
	.status-quotes-won {
		color: #60EED6;
	}

	.status-quotes-sent {
		color: #FFD129;
	}

	.status-quotes-draft {
		color: #D6D7D9;
	}

	.status-quotes-void {
		color: #8328ea;
	}

	.status-quotes-overdue {
		color: #ff881f;
	}

	/* Settings */
	.grey-note {
		text-align: center;
		padding: 15px;
		color: #fff;
		background-color: var(--kb-purple);
		border-radius: 4px;
		transition: var(--hover-transition);
	}

		.grey-note a,
		.grey-note a:active,
		.grey-note a:focus {
			color: #fff;
			text-decoration: underline;
		}

	.settings-header-colour {
		width: 100%;
	}

		.settings-header-colour td {
			text-align: center;
		}

		.settings-header-colour input {
			float: left;
		}

		.settings-header-colour label {
			display: inline-block;
			width: 30px !important;
			height: 30px;
			vertical-align: middle;
			cursor: pointer;
			float: left;
			border-radius: 50%;
		}

	.settings-actions-row {
		background: #fff;
		padding: 15px;
		margin-bottom: -15px !important;
		border: 1px solid #ccc;
	}

		.settings-actions-row .btn {
			width: 95%;
			margin-left: 5%;
			font-family: var(--font-inter), helvetica, arial, sans-serif;
			font-weight: normal;
			border: none;
		}

	.header-colour-black {
		background-color: #424242;
	}

	.header-colour-green {
		background-color: #158C00;
	}

	.header-colour-red {
		background-color: #E30300;
	}

	.header-colour-blue {
		background-color: #0C0399;
	}

	.header-colour-orange {
		background-color: #D36C00;
	}

	.header-colour-purple {
		background-color: #730084;
	}

	.preview-area {
		position: relative;
	}

	.preview-area-image {
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
	}

		.preview-area-image img {
			width: auto;
			max-height: 275px;
			padding-left: 15px;
			margin-bottom: 25px;
		}

	/* Kendo Dropdowns */
	.form-group .k-dropdown .k-dropdown-wrap.k-state-active {
		color: #000;
		background-color: #fff;
		border-color: #000;
	}

		.form-group .k-dropdown .k-dropdown-wrap.k-state-active .k-input {
			color: #000;
		}

	.k-popup .k-list .k-item {
		color: #000 !important;
	}

	.k-popup .k-state-selected {
		color: #000 !important;
		background-color: #eaeaea !important;
	}

	.k-popup .k-list .k-state-selected {
		color: #000 !important;
		background-color: #eaeaea !important;
	}

		.k-popup .k-list .k-state-selected.k-state-focused {
			border-color: #bbb !important;
		}

		.k-popup .k-list .k-state-selected.k-state-hover {
			color: #000 !important;
			background-color: #eaeaea !important;
		}

	/* Inline Grids */
	.inline-grid-validation {
		position: absolute;
		right: 0;
		top: 0;
		padding: 3px;
		z-index: 1;
	}

		.inline-grid-validation .k-widget.k-tooltip-validation.field-validation-error {
			border: 0;
			color: #c00;
			padding: 12px;
			background-color: #fff;
		}

			.inline-grid-validation .k-widget.k-tooltip-validation.field-validation-error span {
				display: none;
			}

	/* Tasks */
	.tasks-outer {
		background-color: #fff;
		padding: 20px;
		margin: 20px 0;
		overflow: auto;
	}

	#page-form .tasks-outer .tasks-outer-row {
		overflow: auto;
		background-color: #F4F4F4;
		padding: 20px;
	}

	#page-form .tasks-outer .tasks-outer-row-white {
		overflow: auto;
		background-color: #fff;
		padding: 10px 20px;
	}

	.tasks-side {
	}

		.tasks-side .form-horizontal {
			margin: 18px 0 10px 30px;
			padding: 10px 20px;
			background-color: #FAFAFA;
		}

	.tasks-bottom-buttons {
		padding-bottom: 20px;
	}
.quotes-bottom-buttons {
	padding-right:6%;
	padding-bottom: 20px;
}

	#main .k-header.k-grid-toolbar {
		background-color: var(--kb-aqua);
		/*color: #fff;*/
	}

		#main .k-header.k-grid-toolbar .btn-primary,
		#main .k-header.k-grid-toolbar .btn-info {
			background-color: var(--kb-aqua);
			border: 1px solid transparent;
		}

		#main .k-header.k-grid-toolbar .k-i-excel {
			opacity: 1;
		}

	#main .dropdown .caret {
		border-top: 4px solid #fff;
	}

	#main .dropdown.dropup .caret {
		border-top: 0 dotted;
		border-bottom: 4px solid #fff;
	}

	#main .k-header.k-grid-toolbar .k-picker-wrap {
		padding: 0 2em 0 0;
	}

		#main .k-header.k-grid-toolbar .k-picker-wrap .k-input {
			height: 25px;
			line-height: 26px;
			font-size: 14px;
		}

		#main .k-header.k-grid-toolbar .k-picker-wrap .k-select {
			min-height: 30px;
			line-height: 30px;
			width: 2em;
		}

		#main .k-header.k-grid-toolbar .k-picker-wrap:before {
			height: 23px;
		}

	#main .k-header.k-grid-toolbar .k-datepicker .k-icon {
		margin-top: -3px;
	}

	#grid table tbody tr td.tasks-grid-status {
		padding-right: 0;
		padding-left: 0;
	}

		.Tasks #grid table tbody tr td.tasks-grid-status .tag {
			/*max-width: none;*/
		}

	[for="startDatePicker"],
	[for="endDatePicker"] {
		font-size: 13px;
		margin-right: 10px !important;
	}

	/* Tasks By Location */
	#TasksByLocationMap {
		position: relative;
		color: #6C757E;
	}

		#TasksByLocationMap #map {
			margin-right: 300px;
			width: inherit;
		}

		/*#user-holder {
	height: 100%;
    min-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}*/

		#TasksByLocationMap .filters {
			position: absolute;
			top: 0;
			right: 0;
			width: 300px;
			height: 100%;
			background: #fff;
			font-size: 14px;
			font-family: var(--font-inter), helvetica, arial, sans-serif;
			/*border: 1px solid #ccc;*/
			-webkit-box-shadow: -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
			-moz-box-shadow: -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
			box-shadow: -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
			overflow: hidden;
		}

	.row.filters-tabs.p-pills {
		width: 90% !important;
		margin-left: 0;
		margin: 15px auto;
	}

	.filters-inner.filters-inner-right {
		background: white;
	}

	.inner-filter-content {
		padding: 10px 20px;
	}

	.row.filters-tabs {
		background: var(--kb-warm-biscuit);
	}

	#TasksByLocationMap .filters-inner {
		padding: 15px;
		height: 100%;
		overflow-y: auto;
	}

	#TasksByLocationMap.tracking-map .filters-inner {
		padding: 0;
		height: calc(100% - 51px);
	}

	#TasksByLocationMap hr {
		border: 1px solid #46CEBB;
		margin: 15px 0;
	}

		#TasksByLocationMap hr:first-child {
			margin-top: 0;
		}

	#TasksByLocationMap h2 {
		font-family: var(--font-inter), helvetica, arial, sans-serif;
	}

	#TasksByLocationMap h3 {
		font-size: 1.1em;
		margin-bottom: 10px;
		font-family: var(--font-inter), helvetica, arial, sans-serif;
	}

	#TasksByLocationMap .form-group {
		margin-bottom: 5px;
		padding-left: 3px;
	}

	#TasksByLocationMap label {
		padding-left: 8px;
		width: 235px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#TasksByLocationMap #clients-holder label {
		width: auto;
	}

	.tracking-client-selection {
		margin-top: 10px;
	}

	#TasksByLocationMap #user-holder label {
		width: 185px;
		vertical-align: bottom;
		margin-bottom: 1px;
	}

	#TasksByLocationMap .gm-style .gm-style-iw {
		overflow: visible;
		height: auto !important;
		width: auto !important;
	}

	.user-infowindow {
		width: 50px;
		height: 50px;
		background: url(/images/loading-spinner2.gif) no-repeat center center;
		background-size: 50%;
	}

		.user-infowindow.filled {
			width: auto;
			height: auto;
			background: #fff;
		}

		.user-infowindow .user-infowindow-top {
			padding: 10px 10px 10px 45px;
			border-bottom: 1px solid #E4E4E4;
			position: relative;
		}

		.user-infowindow .user-infowindow-notification {
			position: relative;
			font-size: 13px;
			color: #4F4F4F;
		}

		.user-infowindow .photo {
			height: 25px;
			width: 25px;
			border-radius: 20px !important;
			position: absolute;
			top: 7px;
			left: 6px;
			background-size: cover;
		}

		.user-infowindow .name {
			font-size: 18px;
			font-weight: 600px;
			color: #656565;
		}

		.user-infowindow table {
			margin: 8px;
			width: 375px;
		}

		.user-infowindow td {
			padding: 3px 0;
			font-size: 15px;
		}

		.user-infowindow .user-infowindow-bottom {
			text-align: right;
		}

			.user-infowindow .user-infowindow-bottom .btn {
				width: 170px;
				border-radius: 40px;
			}

	.marker-content {
		min-width: 300px;
	}

		.marker-content th,
		.marker-content td {
			padding: 2px 5px;
			vertical-align: top;
		}

		.marker-content th {
			font-weight: bold;
		}

	.assignedcolor {
		width: 12px;
		height: 12px;
		display: inline-block;
		margin-left: 6px;
		margin-right: -2px;
		/* border: 1px solid #ccc; */
	}

	/*.refresh-button {
	position: absolute;
	top: 30px;
	border-radius: 40px;
	right: 305px;
	padding: 1px 30px 1px 10px;
}*/

	.refresh-button span {
		font-size: 16px;
	}

	.refresh-map-link.refresh-button {
		color: var(--kb-purple);
	}

	.refresh-button:after {
		content: "\f021";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 16px;
		margin-left: 5px;
		cursor: pointer;
	}


	.filters-tabs div.active {
		/*	color: #6C757E;
	background: url('/images/thirdnav-arrow.png') no-repeat center bottom;*/
	}

	.tracking-notice {
		font-size: 1.1em;
		line-height: 20px;
		background: var(--kb-warm-biscuit);
		padding: 15px 20px 25px;
	}

	#NotificationFilters {
		overflow: hidden;
		margin-bottom: 0px;
		border-top: 1px solid var(--grey);
		background: white;
		border-bottom: 1px solid var(--grey);
		padding: 10px 20px;
	}

		#NotificationFilters label {
			padding: 0;
			font-weight: 600;
		}

		#NotificationFilters div {
			float: left;
			line-height: 26px;
			width: 49%;
			font-size: 13px;
			text-align: center;
			background: #fff;
			border: 1px solid #ccc;
			margin: 1px;
			border-radius: 40px !important;
			cursor: pointer;
		}

			#NotificationFilters div.active {
				background: #f7f7f7;
			}

	#Notifications {
		padding: 10px 20px;
		background: white;
	}

	.notification-item {
		padding: 10px 5px 10px 35px;
		border-top: 1px solid #ccc;
		position: relative;
		font-size: 13px;
		color: #4F4F4F;
		overflow: hidden;
	}

		.notification-item div {
			line-height: 18px;
		}

	.notification-color {
		width: 15px;
		height: 15px;
		border-radius: 3px !important;
		position: absolute;
		top: 10px;
		left: 10px;
	}

	.notification-item .task-number,
	.notification-item .client-name,
	.notification-item .client-location {
		color: #788088;
	}

	.notification-item .title {
		font-weight: 600;
	}

	.notification-status {
		float: left;
	}

	.notification-date,
	.notification-time {
		color: #BBBFC3;
		float: right;
		margin-left: 5px;
	}

	.notification-item-bottom {
		margin-top: 5px;
	}

	.notification-status-green {
		color: #58B863;
	}

	.notification-status-orange {
		color: #FE9C1F;
	}

	.notification-status-blue {
		color: #20ACFF;
	}

	.notification-status-red {
		color: #FD5D5F;
	}

	#SendNotificationForm .send-notification-response {
		font-size: 18px;
		color: #2B3e4f;
	}

	#SendNotificationForm .modal-footer {
		margin-top: 0;
	}

	#SendNotificationForm .field-validation-error {
		position: static;
	}


	.tab-content #LocationNotes table {
		border: 0;
		border-bottom-right-radius: var(--border-radius) !important;
		border-bottom-left-radius: var(--border-radius) !important;
	}

		.tab-content #LocationNotes table .k-editable-area {
			border-bottom-right-radius: var(--border-radius) !important;
			border-bottom-left-radius: var(--border-radius) !important;
		}

			.k-editor .k-raw-content,
			.k-editor iframe.k-content body,
			.tab-content #LocationNotes table .k-editable-area body {
				font-family: var(--font-inter) !important;
				color: red;
			}

	#Activities h4 {
		margin: 15px 10px;
	}

	#Activities .activity-client {
		display: none;
	}

	#Activities input,
	#Activities textarea {
		font-size: 13px;
	}

	#Activities .field-validation-error {
		position: static !important;
	}

	#Activities .k-timepicker {
		border: 0;
	}

		/*#Activities .chosen-container-single .chosen-single,
		#Activities .k-timepicker > span {
			border: 1px solid #f4f4f4;
			border-left: 4px solid #f4f4f4;
			box-shadow: none;
		}*/

	.create-activity-response {
		display: inline-block;
	}


	.activity-card {
		margin: 15px 0;
		background: #fff;
	}

		.activity-card > div {
			border-bottom: 1px solid #F4F4F4;
			padding: 10px 15px;
			overflow: hidden;
			position: relative;
		}

		.activity-card .due-date {
			float: right;
			text-align: right;
			line-height: 22px;
		}

		.activity-card span {
			vertical-align: middle;
			line-height: 30px;
		}

		.activity-card .btn {
			float: right;
			height: 30px;
			font-size: 14px;
			line-height: 18px;
		}

			.activity-card .btn.btn-rounded.edit-activity {
				min-width: 90px !important;
			}

		.activity-card .photo {
			position: absolute;
			left: 0;
			margin-left: 15px;
			width: 32px;
			height: 32px;
			background: url(https://media.klipboard.io/customer.png) no-repeat center / cover;
			border-radius: 20px !important;
		}

		.activity-card .card-top,
		.activity-card .card-middle {
			padding-left: 60px;
		}

		.activity-card .card-middle,
		.activity-card .card-bottom {
			font-size: 14px;
		}

	.activity-status {
		cursor: pointer;
		width: 32px;
		height: 32px;
		background: url(../images/icons/icon_tick_deactive.svg) no-repeat center center;
	}

		.activity-status.complete {
			background-image: url(../images/icons/icon_tick.svg);
		}

	.activity-card .activity-status {
		position: absolute;
		left: 0;
		margin-left: 15px;
	}

	.strcounter {
		margin-top: 5px !important;
		font-size: 14px;
	}

	/* Assets */
	.scrollable-list {
		height: 300px;
		overflow-y: scroll;
	}

	.k-header.k-grid-toolbar-custom {
		border: 1px solid #e0e0e0;
		border-bottom: 0;
	}

	.k-header.k-grid-toolbar {
		border-width: 1px 1px 0;
	}

	.grey-underline {
		border-bottom: 2px solid #F3F4F5;
	}

	.bulk-schedule-assets-form {
		margin-top: 20px;
	}

		.bulk-schedule-assets-form > div {
			padding-right: 30px;
		}

			.bulk-schedule-assets-form > div:last-child {
				padding-right: 0;
			}

		.bulk-schedule-assets-form .form-group > label {
			margin-bottom: 5px;
		}

	.bulk-schedule-assets-buttons {
		margin-top: 20px;
		margin-bottom: 40px;
	}

		.bulk-schedule-assets-buttons .btn {
			width: 95%;
			margin-left: 5%;
			font-family: var(--font-inter), helvetica, arial, sans-serif;
			font-weight: normal;
			border: none;
		}

		.bulk-schedule-assets-buttons .btn-primary {
			background-color: #272e38;
		}

	/* Grid Tick */
	.grid-tick {
		width: 32px;
		height: 32px;
		background: url(../images/complete-inactive.png) no-repeat center center;
		background: url(/images/icons/icon_tick_deactive.svg) no-repeat center center;
		margin: 0 auto;
	}

		.grid-tick.ticked {
			background-image: url(../images/complete-active.png);
			background-image: url(/images/icons/icon_tick.svg);
		}



	/* Grid Tick */
	.contract-grid-tick {
		width: 32px;
		height: 32px;
		background: url(../images/contract_alert.png) no-repeat center center;
		margin: 0 auto;
	}

		.contract-grid-tick.alert {
			background: url(../images/contract_expiry.png) no-repeat center center;
		}

		.contract-grid-tick.ok {
			background-image: url(../images/contract_ok.png);
		}




	/* Modals */
	.modal-backdrop {
		background-color: rgba(200,200,200,0.2);
		background-color: rgba(43,62,79, 0.6);
	}

	.modal-loading {
		background: url(/images/loading-spinner.gif) no-repeat center / 100px;
		text-align: center;
		min-height: 100px;
		margin-bottom: 30px;
	}

		.modal-loading > #send-task,
		.modal-loading > .row {
			display: none;
		}

		.modal-loading > .message {
			display: block;
			padding-top: 90px;
		}

	.klipboard-modal {
		z-index: 90000;
	}

		.klipboard-modal .modal-content {
			/*background-color: #f4f4f4;*/
			background-color: var(--kb-warm-biscuit);
		}

		.klipboard-modal .modal-header {
			background-color: #45cebc;
			color: #fff;
		}

			.klipboard-modal .modal-header h4 {
				text-transform: uppercase;
			}

			.klipboard-modal .modal-header .close {
				color: #fff;
				font-weight: bold;
				opacity: 1;
			}

		.klipboard-modal .modal-body h4 {
			font: normal 1em helvetica, arial, sans-serif;
			margin-bottom: 3px;
			font-family: var(--font-Inter);
		}

		.klipboard-modal .embed-responsive-item {
			width: 100%;
			height: 550px;
		}

	.modal-as-drawer .modal-dialog {
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		padding: 0;
		height: 100%;
		width: 400px;
	}

	.modal-as-drawer.modal-as-drawer-for-job .modal-dialog {
		width: 600px;
		min-width: 600px;
	}

	.modal-as-drawer.modal-as-drawer-for-job-wide .modal-dialog {
		width: 800px;
	}

	.modal-as-drawer.modal-as-drawer-for-job-medium .modal-dialog {
		width: 550px;
	}

	.modal-as-drawer.modal-as-drawer-for-job h4 {
		margin: 0 !important;
	}

	.klipboard-modal-green p,
	.klipboard-modal-green strong {
		color: #808080;
	}

	.klipboard-modal-green a,
	.klipboard-modal-green a:hover {
		color: #808080;
	}

	.klipboard-modal-green .modal-header {
		background-color: #45cebc;
		padding: 15px 20px;
	}

	.klipboard-modal-green .btn-modal-p-right {
		float: right;
		min-width: 190px;
	}

	.klipboard-modal-green a.btn {
		color: #fff;
	}

	.klipboard-modal-green form .image-upload-container {
		float: right;
		width: 135px;
		margin: 0 30px;
	}

		.klipboard-modal-green form .image-upload-container .col-xs-6 {
			width: 100%;
		}

		.klipboard-modal-green form .image-upload-container .btn-file {
			margin-top: 6px;
		}

		.klipboard-modal-green form .image-upload-container .field-validation-valid {
			display: none;
		}

	.modal-as-drawer .modal-content {
		height: auto;
		min-height: 100%;
		border: 0;
	}

	.modal-as-drawer .modal-header {
		background-color: #51555E;
		color: #fff;
		padding: 9px 20px;
	}

	.modal-as-drawer label {
		margin-top: 20px;
		margin-bottom: 3px;
	}

	.modal-as-drawer.fade .modal-dialog {
		-webkit-transform: translate(400px, 0);
		-ms-transform: translate(400px, 0);
		transform: translate(400px, 0);
		-webkit-transition: -webkit-transform 0.3s ease-out;
		-moz-transition: -moz-transform 0.3s ease-out;
		-o-transition: -o-transform 0.3s ease-out;
		transition: transform 0.3s ease-out;
	}

	.modal-as-drawer.in .modal-dialog {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.modal-as-drawer .field-validation-error {
		position: static !important;
	}

	.modal-as-drawer .help-block {
		display: block;
		margin-top: 5px;
		margin-bottom: 10px;
		color: #737373;
	}

	.modal-footer {
		/*display: flex;*/
		clear: both;
	}

	.modal-as-drawer .btn {
		flex: 0 50% !important;
		margin: 0 !important;
		font-size: 14px !important;
		min-width: 130px !important;
	}

	.form-group-left,
	.form-group-right {
		width: 50%;
		float: left;
	}

	.modal-as-drawer .form-group {
		clear: both;
		margin-bottom: 0;
		padding: 0;
		background: transparent;
	}

	.modal-as-drawer .form-group-overflow {
		/*overflow: hidden;*/
	}

	.date-static {
		display: inline-block;
	}

	.date-swap {
		display: inline-block;
		vertical-align: top;
	}

		.date-swap .btn {
			height: 36px;
		}

	.activity-controls {
		/*margin-bottom: 15px;*/
		height: 40px;
	}

		.activity-controls .btn {
			float: right;
			padding-right: 20px;
			padding-left: 20px;
		}

	.activity-create-region .datepicker,
	.activity-create-inset-region .datepicker,
	.activity-edit-region .datepicker {
		height: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}

	.activities-form .k-timepicker {
		border: 1px solid #aaa;
		height: 34px;
		margin-left: -2px;
		padding: 0;
	}

	.activities-form .k-picker-wrap .k-select,
	.modal-as-drawer .k-picker-wrap .k-select {
		line-height: 30px;
		border-color: transparent !important;
	}

	.activities-form .k-timepicker > span,
	.modal-as-drawer .k-timepicker > span {
		height: 34px;
		border-color: white;
	}

	.activities-form .k-timepicker .k-input {
		height: 34px;
		padding: 0 4px;
		font-size: 13px;
		text-indent: 3px;
		border: 0 !important;
	}

	#CreateActivityForm .col-xs-3,
	#CreateActivityForm .col-xs-9 {
		width: 100%;
	}

	#CreateActivityForm div.help-block {
		display: none;
	}



	#DateDueTime_timeview .k-item,
	#DateReminderTime_timeview .k-item {
		padding: 0px 7px !important;
		font-size: 13px !important;
	}

	.activities-users-filter {
		margin-left: 10px;
	}

	.activities-grid .k-grid tbody .k-button {
		padding: 0;
		display: inline-block;
		text-transform: none;
		background: transparent !important;
		border: 0;
	}

	.activity-client-view-button {
		text-align: right;
	}

	.k-grid-excel {
		padding-left: 20px;
		padding-right: 20px;
	}

		.k-grid-excel .k-icon {
			margin-right: 10px;
		}

#main.Tasks.Scheduler,
#main.Tasks.Scheduler #page-layout{
	background: var(--kb-warm-biscuit);
}
/* Scheduler */
.right-sidebar {
	position: absolute;
	top: 60px;
	top: 0px;
	right: 0;
	width: 300px;
	height: calc(100% - 60px);
	height: 100%;
	background: #fff;
	font-size: 14px;
	font-family: var(--font-inter), helvetica, arial, sans-serif;
	-webkit-box-shadow: -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
	box-shadow: -7px 1px 8px 0px rgba(50, 50, 50, 0.2);
	overflow: hidden;
}

		.right-sidebar .sidebar-inner {
			padding: 15px;
			height: 100%;
			display: flex;
			flex-direction: column;
			/*overflow-y: scroll;*/
		}

		.right-sidebar h2 {
			font-family: var(--font-inter), helvetica, arial, sans-serif;
		}

		.right-sidebar h3 {
			font-size: 1.1em;
			margin-bottom: 10px;
			font-family: var(--font-inter), helvetica, arial, sans-serif;
		}

		.right-sidebar hr {
			border-top: 1px solid #46CEBB;
			margin: 15px 0;
		}

		.right-sidebar .section {
			margin-bottom: 30px;
		}

		.right-sidebar .form-group {
			margin-bottom: 15px;
			padding-left: 3px;
		}

		.right-sidebar label {
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.right-sidebar .checkbox-group {
			margin-bottom: 5px;
		}

			.right-sidebar .checkbox-group label {
				padding-left: 8px;
				width: 205px;
			}

		.right-sidebar #SearchTitle {
			font: normal 13px helvetica, arial, sans-serif;
		}

		.right-sidebar .chosen-container-single .chosen-single {
			box-shadow: none;
		}

			.right-sidebar .chosen-container-single .chosen-single span {
				color: #999;
			}


	.date-time-group {
		overflow: hidden;
	}

		.date-time-group .k-datepicker {
			width: 100%;
			float: left;
		}

		.date-time-group .k-timepicker {
			width: 40%;
			float: left;
			margin-left: -1px;
		}

		.date-time-group .k-picker-wrap.k-state-default {
			border: 1px solid #aaa;
		}

		.date-time-group input[type=text]:focus {
			border: 0 !important;
			box-shadow: none !important;
		}

	.until {
		margin: 10px 0;
	}


	.scheduler-task-item {
		font: normal 14px helvetica, arial, sans-serif;
		width: 250px;
		margin-bottom: 5px;
		padding: 10px 15px;
		background: #45CEBC;
		color: #fff;
	}

		.scheduler-task-item .title {
			font-weight: bold;
		}

	#UnassignedTaskItems .scheduler-task-item.draggable {
		cursor: -webkit-grab;
	}

	.scheduler-task-item.draggable {
		cursor: -webkit-grabbing;
	}

	.team-empty-message {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 91;
		background: #fff;
		border: 1px solid #ccc;
		padding: 10px;
		width: 100%;
		border-radius: 5px !important;
	}

	#Scheduler {
		height: 100%;
	}

		#Scheduler #page-form {
			padding: 30px 40px 40px 40px;
			margin-right: 300px;
		}

		#Scheduler h5 {
			color: #9da2a4;
			margin: 15px 0;
		}

	.scheduler-spinner {
		height: calc(100% + 2em);
		width: 100%;
		background: rgba(0,0,0,0.1) url(/images/loading-spinner.gif) no-repeat center;
		background-size: 120px;
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		margin: -1em 0;
		display: none;
	}

	.workflow-holder .k-multiselect {
		height: 100px;
	}

	.workflow-holder .k-multiselect-wrap {
		height: 100px;
		overflow-y: scroll;
	}

	.workflow-holder .k-multiselect .k-button {
		font-size: 11px;
	}

	.tasks-slimscroll {
		margin-right: 10px;
	}

	/* Xero */
	.xero-notes {
		font-size: 14px;
	}

	.xero-notice {
		color: #3cb2e2;
	}

	.js-xero-sync-modal .close {
		display: none;
	}

	.js-xero-sync-modal .modal-footer {
		height: 79px;
	}

	.xero-progress-bar {
		margin: 25px 0;
		height: 20px;
	}

		.xero-progress-bar .progress-bar {
			border-radius: 5px !important;
		}

	.xero-sync-errors-holder {
		overflow-x: hidden;
		max-height: 250px;
		margin: 15px 0;
	}

	.xero-sync-errors {
		font-size: 12px;
		margin-bottom: 0;
	}

		.xero-sync-errors .error-item {
			margin-bottom: 5px;
		}

	/* Clients Area */
	.clients-container {
		padding: 20px 0;
	}

		.clients-container nav.nav {
			margin: 15px 0;
		}

	#page-layout .form-container.clients-container nav ul {
		margin-left: 10px;
	}

	.clients-region {
		/*background: #fff;
    padding: 20px;*/
	}

	#page-layout .form-container.clients-container nav.thirdnav ul {
		margin-left: 0;
	}

	.clients-region .thirdnav {
		/*    margin-top: 10px;
    background-color: #45cebc !important;*/
	}

	#page-layout nav.thirdnav ul li {
		margin: 0;
	}

		#page-layout nav.thirdnav ul li a {
			padding: 0 15px;
			color: #fff;
			border: 0;
		}

		#page-layout nav.thirdnav ul li.active a {
			border-bottom: 0;
		}

	nav.thirdnav .btn {
		float: right;
		color: #fff;
		border: 1px solid #fff;
		text-transform: uppercase;
		font-size: 12px;
		margin: 6px 6px;
	}

	/* Clients Upload */
	.modal-errors-holder {
		overflow-x: hidden;
		max-height: 100px;
		display: block;
		float: left;
		width: 100%;
		margin: 10px 0 20px;
		border-radius: 4px !important;
	}

	.modal-errors {
		font-size: 12px;
		border-radius: 4px !important;
		margin-bottom: 0;
		font-family: var(--font-inter);
		border-radius: 4px !important;
		border: 0;
		border-image: none;
		box-shadow: none;
	}

		.modal-errors.alert.alert-danger {
			background: var(--red);
			color: white;
		}

		.modal-errors.alert.alert-success {
			background: var(--green);
			color: white;
		}
	/* Page Lock */
	.page-lock {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 999;
		background: rgba(0,0,0,0.4);
	}

	.page-lock-inner {
		width: 500px;
		height: 500px;
		position: absolute;
		top: 120px;
		left: 50%;
		margin-top: 0;
		margin-left: -250px;
		padding: 20px;
		text-align: center;
		background: rgba(0,0,0,0.6);
		color: #fff;
		border-radius: 10px !important;
	}

	.page-lock .lock {
		height: 170px;
		width: 170px;
		background: url(../images/lock.png) no-repeat center / 130px;
		margin: 20px auto;
	}

	.page-lock p {
		font-size: 17px;
		margin: 13px 0;
	}

	.page-lock a {
		color: #fff;
	}

	/* Task Creation */
	.single-workflow-row h5 {
		color: #9da2a4;
		margin-top: 10px;
	}

	.document-list > .workflow-list-quantity {
		float: none;
	}

	.workflow-list-quantity.k-numerictextbox {
		font-size: 14px;
	}

		.workflow-list-quantity.k-numerictextbox .k-input {
			margin: 0;
			height: 32px;
		}

		.workflow-list-quantity.k-numerictextbox .k-link {
			height: 1.2em;
		}

	.workflow-list-quantity .k-numeric-wrap {
		height: 32px;
	}

		.workflow-list-quantity .k-numeric-wrap .k-select {
			min-height: 2em;
		}

	/* Select all on grids */
	.select-all-message {
		padding: 10px;
		background: #F3F5F5;
		color: #5f6368;
		text-align: center;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
	}

		.select-all-message span {
			font-weight: bold;
			cursor: pointer;
		}

			.select-all-message span:hover {
				text-decoration: underline;
			}

	/* Temp Hide Fix */
	.xero-temp {
		display: none;
	}

	/* Task Overview */
	#workflows-overview {
		padding: 30px 50px;
	}

		#workflows-overview .tag {
			display: inline-block;
			max-width: 150px;
		}

		#workflows-overview .tag-yellow {
			color: #707070;
		}

	.light-row {
		background: #fff;
		padding: 15px;
	}

	.dark-row {
		background: #2B3E4F;
		color: #fff;
		padding: 15px;
	}

	.overview-top {
		font-size: 24px;
		color: #333;
	}

	.overview-mid {
		display: flex;
		margin: 20px 0;
	}

		.overview-mid > div {
			background: #fff;
			margin-right: 20px;
			padding: 20px 20px 10px;
			width: 33%;
		}

			.overview-mid > div:last-child {
				margin: 0;
			}

	.overview-detail {
		padding: 10px 0;
	}

		.overview-detail .notes {
			color: #A1A1A1;
			max-height: 100px;
			overflow: auto;
		}

	.overview-title {
		border-bottom: 1px solid var(--tag-grey);
		padding-bottom: 10px;
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: bold;
		color: #333;
		height: 30px;
	}

	.overview-title-nobar {
		font-size: 16px;
		font-weight: bold;
		color: #333;
	}

	.col-stats {
		border-radius: 0 0 13px 13px !important;
		box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	}

	.overview-stats-top {
		display: flex;
	}

		.overview-stats-top > div {
			width: 100%;
			margin: 5px 20px;
		}

	.overview-stats-donut .chart-wrapper {
		position: relative;
		padding-bottom: 10px;
	}

	.overview-stats-donut .inner-content {
		position: absolute;
		top: 46px;
		width: 100px;
		text-align: center;
		left: 50%;
		margin-left: -50px;
		color: #333333;
	}

	.overview-stats-donut .inner-content-value {
		font-size: 30px;
		line-height: 38px;
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-weight: 300;
	}

	.overview-stats-donut .inner-content-label {
		margin-top: 5px;
		font-size: 14px;
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-weight: 300;
		white-space: nowrap;
		vertical-align: baseline;
	}

	#overview-stats-donut {
		height: 150px;
	}

	.overview-stats-figures .figures-item {
		position: relative;
		margin-bottom: 10px;
		padding-left: 30px;
	}

		.overview-stats-figures .figures-item:before {
			content: '';
			position: absolute;
			top: 1px;
			left: 4px;
			width: 12px;
			height: 12px;
			-moz-border-radius: 7.5px;
			-webkit-border-radius: 7.5px;
			border-radius: 7.5px;
		}

	.overview-stats-figures .figures-item-cost:before {
		background-color: #FD5D5F;
	}

	.overview-stats-figures .figures-item-sell:before {
		background-color: #19E6C5;
	}

	.overview-stats-figures span {
		display: block;
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-size: 13px;
		color: #969696;
		margin-bottom: 5px;
		font-weight: 600;
	}

	.overview-stats-figures strong {
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-size: 15px;
		font-weight: 600;
	}

	.overview-stats-bottom {
		display: flex;
		margin: 0px -10px;
	}

		.overview-stats-bottom > div {
			margin: 5px 10px;
			padding: 10px 0;

		}

	.overview-grid {
		margin: 20px 0;
	}

	.overview-grid-title {
		font-size: 16px;
		line-height: 30px;
	}

	.overview-top .btn,
	.overview-mid .btn,
	.overview-bottom .btn {
		min-width: 120px;
	}

	.overview-mid label {
		height: 25px;
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-size: 15px;
		line-height: 25px;
		color: #969696;
	}

		.overview-mid label.clock-icon {
			height: 25px;
			line-height: 22px;
			padding-left: 30px;
			color: #788088;
			background: url(../images/clock-dial.png) no-repeat center left;
		}

	.no-list-style {
		list-style: none;
	}

	.timer-grey {
		font-size: 22px;
		line-height: 18px;
		margin-left: 30px;
		margin-bottom: 10px;
		color: #959FA7;
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-weight: 300;
	}

	.overview-user {
		position: relative;
		padding-left: 60px;
		min-height: 70px
	}

		.overview-user .avatar {
			border-radius: 50% !important;
			width: 52px;
			height: 52px;
			background-color: #fff;
			background-size: cover;
			background-position: center;
			position: absolute;
			top: 0;
			left: 0;
		}

		.overview-user .name {
			font-size: 24px;
			color: #788088;
		}

		.overview-user .title {
			font-size: 20px;
			color: #788088;
		}

	.overview-user-small {
		padding-left: 52px;
		min-height: 50px;
		height: 55px;
	}

		.overview-user-small .avatar {
			width: 40px;
			height: 40px;
		}

		.overview-user-small .name {
			font-size: 14px;
			font-weight: bold;
			color: #333;
			padding-top: 3px;
		}

		.overview-user-small .title {
			font-size: 14px;
		}

.additional-users-holder {
	height: 140px;
	overflow-y: scroll;
	height: calc(100% - 185px);
	max-height: 350px;
}

	.no-team-user {
		display: inline-block;
		text-transform: uppercase;
		color: #fff;
		font-weight: bold;
		font-size: 10px;
		padding: 8px;
		background-color: #D2D3D7;
	}

	.show-teams-upgrade-modal {
		font-size: 14px;
		white-space: normal;
	}

	.js-members-upgrade-modal .modal-dialog {
		width: 904px;
	}

	.js-members-upgrade-modal img {
		width: 100%;
	}

	.js-members-upgrade-modal p {
		margin: 15px 0;
	}

	.overview-timer-borderb {
		padding-bottom: 15px;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 15px;
	}

.overview-timer .timer-icon {
	font-size: 26px;
	color: #959fa7;
}

		.overview-timer .timer-icon i {
			vertical-align: top;
		}

.overview-timer .timer-number label {
	font-size: 16px;
	color: #959fa7;
	margin-bottom: 5px;
}

	.overview-timer .timer-number .timer-grey {
		margin-left: 0;
		font-size: 32px;
	}

	.overview-price {
		/*border-left: 1px solid #04EBFF;*/
		padding: 5px 10px;
		width: 100%;
	}

		.overview-price label {
			height: auto;
			line-height: 16px;
			font-size: 16px;
			margin-bottom: 10px;
			color: #333333;
			text-align: left;
			/*font-weight: bold;*/
		}

		.overview-price .price {
			/*font-weight: bold;*/
			font-size: 20px;
		}

	.minor-price-holder {
		display: flex;
	}

	.minor-price {
		/*border-left: 1px solid #04EBFF;*/
		padding: 5px 10px;
		width: 100%;
	}

		.minor-price.minor-price-title label {
			height: auto;
			line-height: 16px;
			font-size: 16px;
			margin-bottom: 10px;
			color: #333333;
			text-align: left;
		}

		.minor-price label {
			height: auto;
			line-height: 16px;
			font-size: 12px;
			margin-bottom: 6px;
			color: #333333;
			text-align: left;
		}

		.minor-price .price {
			font-weight: bold;
		}

	.overview-progress-bar-holder {
		position: relative;
		margin-bottom: 10px;
	}

	.progress-bar-totals {
		position: absolute;
		right: 0;
		top: 0;
		color: #86BC25;
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-size: 11px;
		line-height: 26px;
	}

	.overview-progress-bar {
		height: 18px;
		width: 100%;
		background: #F9F9F9;
		border: 1px solid #AAAAAA;
		border-radius: 4px !important;
	}

	.overview-progress-bar-amount {
		height: 100%;
		background: #86BC25;
	}


	/*#ReportAssetsGrid .document-list td a {
    height: 45px;
    line-height: 20px;
}*/

	#ReportAssetsGrid .document-list td input {
		margin-top: 5px;
		height: 45px;
	}

	#ReportAssetAdhocGrid .document-list td input {
		margin-top: 5px;
	}



	/*#ReportTeamUsersGrid {
	padding: 10px 0 0 0 !important;
}

#ReportWorkflowsGrid {
	padding: 10px 0 20px 0 !important;
}

#ReportWorkflowsGrid .scrollable-list td {
    padding: 6px 10px 0;
    height: 50px;
    vertical-align: top;
}*/

	.scheduler-username {
		display: block;
		color: var(--kb-purple);
		text-transform: capitalize;
		padding: 15px 0;
		font-size: 18px;
		font-weight: 600;
		margin-top: 15px;
	}

	/* Modern White Page Layout */
	.mwpl-content {
		/*padding-left: 0 !important;
	padding-right: 0 !important;*/
		background: #fff;
		position: relative;
	}

		.mwpl-content .bottom-buttons {
			text-align: right;
			padding: 20px 0;
		}

		.mwpl-content .toolbar {
			background: #f8f8f8;
			box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
			z-index: 1;
			overflow: hidden;
			position: relative;
		}

			.mwpl-content .toolbar > div {
				padding: 8px 8px 8px 40px;
			}

			.mwpl-content .toolbar .form-group {
				margin-top: 0;
				margin-bottom: 0;
			}

			.mwpl-content .toolbar .btn {
				margin: 0;
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				line-height: 28px;
			}

				.mwpl-content .toolbar .btn:hover {
					color: #fff;
				}

	.btn-new-red {
		background: #f97368;
		border: none;
		padding: 6px 32px;
		border-radius: 40px !important;
	}

	.btn-new-blue {
		background: #00b6c6;
		border: none;
		padding: 6px 32px;
		border-radius: 40px !important;
	}

	.btn-new-green {
		background: #45cebc;
		border: none;
		padding: 6px 32px;
		border-radius: 40px !important;
	}

	/* Workflows */
	.create-workflows-form {
		padding-left: 20px;
		padding-right: 20px;
		line-height: 30px;
	}

	.workflows-builder-name-inline label {
		display: block;
		font-size: 11.2px;
		font-variant: small-caps;
		font-weight: bold;
		color: #cdced0;
	}

	#SaveSubmit.disabled:focus {
		opacity: 0.65;
	}

	/* Asset Fields */
	.asset-sub-details {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -15px;
	}

		.asset-sub-details > div {
			width: 100%;
			flex: 0 50%;
		}

	#page-form.new-page-form form .form-section {
		margin: 0 -15px;
	}

	#page-form.asset-fields-form form .form-section > .row {
		display: flex;
	}

	#page-form.new-page-form .panel-brand .panel-title {
		margin: 0;
		font-size: 16px;
	}

	#page-form.new-page-form .panel-brand {
		margin: 0 15px 15px;
		border: 0;
		height: calc(100% - 60px);
	}

	.panel-brand .panel-heading {
		color: #fff;
		position: relative;
		padding: 0;
	}

	#page-form .panel-brand .panel-heading .btn {
		width: auto;
		margin: 0;
		position: absolute;
		right: 13px;
		top: 5px;
	}

	.panel-brand .panel-heading .bootstrap-switch {
		position: absolute;
		top: 2px;
		right: 10px;
		border: 0;
	}

	.panel-brand .panel-body {
		height: 100%;
		background: #fff;
		border-radius: 4px;
		padding: 10px 15px;
	}

		.panel-brand .panel-body table thead th {
			padding-bottom: 10px;
			font-size: 14px;
		}

		.panel-brand .panel-body table tbody td {
			line-height: 24px;
			font-size: 14px;
		}

		.panel-brand .panel-body table tbody tr:hover {
			background: var(--kb-light-purple);
		}

	.panel-brand table {
		width: 100%;
	}

	.panel-brand .label-cell {
		width: 60%;
		text-align: left;
	}

	.panel-brand th {
		font-weight: bold;
		text-align: center;
	}

	.panel-brand input[type="checkbox"] {
		margin: 0 auto;
		display: block;
	}

	.panel-brand .asset-fields-enabled {
		position: absolute;
		top: 16px;
		right: 28px;
	}

	/* SMS */
	.settings-nav {
		font-size: 12px;
		margin-bottom: 15px;
	}

	@media (min-width: 1080px) {
		.settings-nav {
			font-size: 14px;
		}
	}

	.settings-nav ul {
		margin-left: 10px !important;
	}

	.db-switch-row {
		margin-bottom: -10px;
	}

		.db-switch-row .col-xs-9 {
			background: #2B3E4F;
			padding: 10px;
		}

		.db-switch-row .bootstrap-switch {
			/*position: absolute;
    top: 0;
    right: 0;*/
			border: 0;
			margin-top: 0;
		}

	.klipboard-popover {
		line-height: 30px;
		font-size: 12px;
		color: #333;
		cursor: pointer;
	}

		.klipboard-popover:hover {
			text-decoration: none;
			color: #333;
		}

	h1 .klipboard-popover {
		font-size: 14px;
		margin-left: 5px;
		vertical-align: middle;
	}

		h1 .klipboard-popover:hover {
			text-decoration: none;
		}

	.db-switch-row .klipboard-popover {
		line-height: 0;
		color: #fff;
		padding-left: 10px;
	}

		.db-switch-row .klipboard-popover:hover {
			color: #fff;
		}

	.panel-brand .panel-heading .klipboard-popover {
		position: absolute;
		top: 6px;
		right: 0;
		margin-right: 156px;
		color: #fff;
	}

		.panel-brand .panel-heading .klipboard-popover:hover {
			color: #fff;
		}

	.panel-brand .panel-body .klipboard-popover {
		display: block;
		margin-top: -8px;
	}

	.sms-character-count {
		background: #fff;
		color: #A2A2A2;
		font-size: 14px;
		text-align: right;
		margin-top: -10px;
		margin-bottom: 10px;
		padding: 8px 10px;
		border-right: 1px solid #aaa;
		border-left: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
	}

		/*.sms-character-count p {
	font-size: 12px;
    margin: 3px 0 10px !important;
}*/

		.sms-character-count .strcounter {
			font-size: 1em;
			font-family: var(--font-inter), Arial;
			margin-left: 5px;
			margin-top: 0 !important;
		}

	.btn-reset {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 0;
	}

	.popover {
		max-width: 350px;
	}

	.popover-content {
		width: 100%;
		padding: 9px 14px;
		text-align: left;
		font-size: 14px;
		line-height: 20px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	}

	.popover-close {
		position: absolute;
		top: 0;
		right: 0;
		padding: 5px;
		font-size: 16px;
		font-weight: bold;
		color: #bbb;
		cursor: pointer;
	}

	/* AFR Form */
	.client-asset-title {
		background: #fff;
		margin-top: -11px;
		margin-bottom: -10px;
		padding: 15px 10px 12px;
	}

	.afr-page-form .panel-brand .panel-body {
		border: 0;
	}

	#page-form.afr-page-form form {
		padding-top: 0;
	}



	#ClientDetailsArea > .row > .col-md-6:first-child {
		padding-right: 30px;
	}

	.afr-message {
		background: #A2A2A2;
		color: #fff;
		font-size: 13px;
		text-align: center;
		margin-bottom: 15px;
	}

		.afr-message.pad {
			margin-right: 15px;
			margin-left: 15px;
			margin-bottom: 0;
		}

		.afr-message a {
			color: #fff;
			text-decoration: underline;
		}

			.afr-message a:hover {
				color: #fff;
			}

	/* Welcome */
	.flex-row {
		display: flex;
	}

	.welcome-container {
		background: #2B3E4F;
		color: #fff;
		max-width: none;
		margin-top: 20px;
	}

		.welcome-container h2 {
			font-family: var(--font-inter), helvetica, arial, sans-serif;
			font-size: 28px;
			margin-bottom: 20px;
		}

		.welcome-container p {
			font-family: var(--font-inter), helvetica, arial, sans-serif;
			font-size: 14px;
			line-height: 20px;
		}

		.welcome-container strong {
			font-family: var(--font-inter), helvetica, arial, sans-serif;
		}

		.welcome-container .video {
			background: #000;
		}

			.welcome-container .video iframe {
				height: calc(100% - 69px);
				width: 100%;
			}

	.video-title {
		font-weight: bold;
		background: #111921;
		border-top: 1px solid #3D3D3E;
		padding: 30px 20px 20px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.get-started {
		padding: 40px;
		/*min-height: 730px;*/
	}

	.welcome-nav-tabs.nav-justified {
		margin-top: 20px;
		border-bottom: 1px solid #1DFFFF;
	}

		.welcome-nav-tabs.nav-justified a {
			color: #8E98A1;
		}

	.nav-tabs.welcome-nav-tabs > li > a,
	.nav-tabs.welcome-nav-tabs > li > a:hover,
	.nav-tabs.welcome-nav-tabs > li > a:focus {
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-size: 14px;
		background: transparent;
		border: 0;
		padding: 2px 15px;
	}

	.nav-tabs.welcome-nav-tabs > li.active > a,
	.nav-tabs.welcome-nav-tabs > li.active > a:hover,
	.nav-tabs.welcome-nav-tabs > li.active > a:focus {
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-size: 14px;
		color: #fff;
		background: transparent;
		border-bottom: 4px solid #1DFFFF;
	}

	.welcome-tab-content {
		padding: 10px 0;
	}

		.welcome-tab-content table {
			width: 100%;
		}

		.welcome-tab-content td {
			padding-top: 12px;
			padding-bottom: 12px;
		}

		.welcome-tab-content tr {
			border-bottom: 2px solid #87919B;
		}

		.welcome-tab-content a {
			color: #fff;
			text-decoration: underline;
			font-size: 12px;
		}

	.help-title {
		font-family: var(--font-inter), helvetica, arial, sans-serif;
		font-size: 14px;
	}

		.help-title svg {
			fill: #1DFFFF !important;
			margin-right: 10px;
			vertical-align: bottom;
		}

	.help-column {
		width: 205px;
	}

	.office-table .help-title {
		padding-left: 10px;
	}

	.tick {
		background: url(/images/welcome/tick-incomplete.png);
		height: 24px;
		width: 24px;
		display: inline-block;
		vertical-align: middle;
	}

		.tick.ticked {
			background: url(/images/welcome/tick-complete.png);
		}

	.mobile-tab-inner {
		background: url(/images/welcome/devices.png) no-repeat right center;
		min-height: 345px;
		padding: 25px 180px 25px 20px;
		border-bottom: 1px solid #B7BDC3;
	}

		.mobile-tab-inner .qrcode {
			border: 10px solid #fff;
			margin: 25px 0;
			width: 125px;
			image-rendering: pixelated;
		}

	.configure {
		border-top: 1px solid #ccc;
		padding: 25px 20px;
	}

		.configure .klipboard-popover {
			color: #fff;
			margin-left: 5px;
		}

	.configure-bottom {
		position: relative;
		padding-right: 450px;
	}

	.configure .btn {
		width: 350px;
		position: absolute;
		right: 16px;
		top: 0;
	}

	.ellipsis-text {
		white-space: nowrap;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
.dd-wrapper::before {
	content: '\f0d7';
	font-family: FontAwesome;
	color: var(--dark-grey);
	pointer-events: none;
	float: right;
	line-height: 23px;
	position: absolute;
	right: 5px;
}

.dd-wrapper select.options {
	outline: 0;
	border: 0;
	font-size: 12px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 40px;
	color: var(--dark-grey);
	background: none;
	padding: 0px 10px 0 5px;
	margin-left: -4px;
	height: 23px;
}


.mini-chart-dd .dd-wrapper {
	height: 25px;
	width: auto;
	display: inline-block;
	border: 1px solid grey;
	border-radius: 40px;
	padding: 0 10px;
}

	.mini-chart-dd .dd-wrapper select option {
		font-size: 12px;
		line-height: 20px !important;
	}


#open-main-menu {
	text-indent: 40px;
	width: 90px;
	background-position: left;
}
.mobile-menu-text {
	text-transform: capitalize;
	color: var(--kb-purple);
	top: -1px;
	font-size: 14px;
	position: relative;
}
/* stats partials larege stat number responsive handlers*/
.font-md {
	font-size: 25px;
}
.font-lg {
	font-size: 23px;
}
.font-xlg {
	font-size: 20px;
}
.font-xxl {
	font-size: 18px;
}
.font-xxxl {
	font-size: 14px;
}

@media (max-width: 1439px) {
	.PurchaseOrders .white-card .card-stat .col-md-4,
	.PurchaseOrders .white-card .card-stat .col-md-8{
		width: 100%!important;
	}
}
@media (min-width: 1439px) {
	.PurchaseOrders .white-card .card-stat .stat-box {
		margin-left: -5px;
	}

	.PurchaseOrders .white-card .card-stat .stat-box-num {
		font-size: 26px;
	}
}

/* Safari 11+ */

@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {

		.make-equal{
			display: block!important;
		}

		body.overviews #page-layout{
			top: 0;
		}

	}
}