@font-face {
	font-family: "Otto";
	src: url(../fonts/Otto.ttf) format("truetype");
}

@font-face {
	font-family: "Allura";
	src: url(../fonts/Allura-Regular.ttf) format("truetype");
}

@font-face {
	font-family: "als";
	src: url(../fonts/alsscrp.ttf) format("truetype");
}

@font-face {
	font-family: "cedarville";
	src: url(../fonts/Cedarville-Cursive.ttf) format("truetype");
}

html {
	min-height: 100%;
	height: 100%;
	position: relative;
}

body {
	min-height: 100%;
	height: 100%;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #53585F;
}

pre {
	white-space: pre-wrap;
}

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}

.fill {
	min-height: 100%;
	height: 100%;
}

.checkbox-padding {
	padding-top: 7px;
}

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

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

/*http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns*/
.row-centered {
	text-align: center;
}

.col-centered {
	display: inline-block;
	float: none;
	/* reset the text-align */
	text-align: left;
	/* inline-block space fix */
	margin-right: -4px;
}

.wide {
	width: 100%;
}

.modal {
	z-index: 10050;
	-webkit-overflow-scrolling: auto;
}

.min-height-100 {
	min-height: 100px;
}

#signPrepareModal {
	overflow-y: scroll !important;
}

#emailDocModal {
	overflow-y: scroll !important;
}

@media ( min-width :768px) {
	.modal-sign-now-prep {
		width: 90%;
		max-width: 1100px;
	}
}

.scrollable-widget {
	overflow: scroll;
	height: 350px;
}

.modal-backdrop {
	z-index: 10040;
}

.no-pad-bottom {
	padding-bottom: 0px;
}

.padding-top-bottom {
	padding: 5px 15px;
}

.big-padding-top-bottom {
	padding: 10px 15px;
}

.integration-event-btn-row {
	padding-left: 0px;
}

.integration-child-heading {
	width: 100% !important;
	text-align: left !important;
}

.integration-child-container {
	margin-top: 30px;
}

.no-pad-left-right {
	padding-left: 0px;
	padding-right: 0px;
}

.no-pad-right {
	padding-right: 0px;
}

.margin-bottom {
	margin-bottom: 30px;
}

.app-logo {
	height: 35px;
	width: 35px;
	/* margin-top: 8px;
	margin-right: 10px; */
}

.guest-header {
	background-color: #E5EEF7;
	padding: 5px 10px;
}

.header-title {
	font-size: 20px;
	border-bottom: 1px solid #53585F;
	padding: 5px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.mobile-navbar {
	margin-right: 0;
	margin-left: 0;
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	padding-top: 10px;
	overflow: visible !important;
}

.margin-top {
    margin-top: 30px;
}

.padding-left-20 {
	padding-left: 20px;
}

.event-status-col {
	word-wrap: break-word;
}

.mobile-navbar-right {
	float: right !important;
	margin-right: -15px;
}

.mobile-navbar-nav {
	float: left;
	margin: 0;
}

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

.navbar {
	border-radius: 0px;
	margin-bottom: 10px;
}

.navbar .glyphicon {
	font-size: 22px;
	vertical-align: text-top;
}

.nav>li>a {
	padding: 10px 8px;
}

.navbar .navbar-nav-center {
	display: inline-block;
	float: none;
}

.navbar-nav {
	margin: 0px 0px;
}

.navbar .navbar-collapse {
	/* text-align: center; */
	
}

.new-document-nav-btn {
	background-color: #52A7F4;
	color: #ffffff;
	height: 50px;
	width: 50px;
	padding: 10px;
}

.new-document-nav-btn:focus {
	outline: none;
}

.new-document-popover {
	max-width: 1000px !important;
}

.new-document-button-row {
	padding: 10px;
}

.new-document-link-box {
	margin-left: 20px;
	margin-right: 20px;
	width: 120px;
	border-color: #52A7F4;
	height: 100px;
	font-size: 16px;
	line-height: 1;
}

.new-document-link-box.wide {
	width: 270px
}

.settings-header {
    padding: 5px 10px;
    margin-right: 15px;
    margin-bottom: 10px;
}

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


/** http://www.bootply.com/86684*/
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.salesforce-filewritebackoptions {
	margin-left: 35px;
}

.salesforce-event-info-text {
	padding-top: 6px;
    padding-left: 0px !important;
}


.my-account-icon {
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
}

.mobile-my-account-icon {
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
}

.nav-search-wrapper {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0px;
	background-color: #ccc;
}

.add-update-field-section {
	display: inline-block;
    width: 100%;
    min-height: 500px;
}

.add-update-field-container {
	margin-top: 30px;
}

.update-fields-container {
	margin: 40px;
}

.update-fields-row {
	display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    height: 40px;
    background: #f3f3f3;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.update-fields-action i {
	cursor: pointer;
}

.add-update-field-form {
	display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
}

.update-fields-col {
	flex: 1 1 0;
    max-width: 300px;
}

.add-update-field-form-col {
	flex: 1 1 0;
	max-width: 300px;
}


.nav-search-wrapper .form-control {
	background-color: #ccc;
	height: 28px;
}

.nav-search-wrapper .form-control:focus {
	border-color: transparent;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.nav-search-wrapper .btn {
	background-color: #ccc;
	font-size: 16px;
}

.nav-search-wrapper .glyphicon {
	font-size: 16px;
}

.search-slide-wrapper {
	position: relative;
	overflow: hidden;
	width: 240px;
	height: 40px;
	float: left;
}

.search-button-row {
	margin-top: 40px;
	padding: 10px 20px;
}

.search-button-row button {
	margin-right: 20px;
}

.custom-search {
	padding-top: 50px;
}

.filter-wrapper {
	height: 40px;
	float: left;
}

.div-title {
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	position: relative;
	float: left;
}

.search-input-group {
	max-width: 320px;
	float: left;
}

.search-filter-label {
	margin-right: 2px;
}

.search-tag .popover-content {
	color: #53585F;
	max-width: 500px;
}

.search-title {
	display: inline-block;
	font-size: 18px;
	margin-right: 30px;
}

.search-form {
	display: inline-table;
}

.search-filter-btn {
	vertical-align: inherit;
	margin-left: 5px;
	float: left;
}

.search-tags {
	float: left;
	font-size: 14px;
	height: 30px;
	display: none;
	margin-left: 20px;
}

@media ( max-width :768px) {
	.search-tags {
		margin-left: 0px;
	}
	.search-tag {
		margin-left: 0px !important;
	}
}

.search-tag {
	background-color: #52A7F4;
	color: #ffffff;
	padding: 7px 10px;
	margin-left: 5px;
	display: inline-block;
	height: 34px;
}

.search-tag>i {
	font-size: 12px;
	padding-left: 10px;
	cursor: pointer;
}

.search-links {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	float: left;
}

.search-link {
	font-size: 12px;
	width: 34px;
	padding: 7px 10px;
}

.doc-info-link {
	margin-bottom: 10px;
	font-size: 12px;
	width: 34px;
	padding: 7px 10px;
}

.search-icon {
	position: relative;
	border: 1px solid #ccc;
	height: 34px;
	width: 33px;
	font-size: 18px;
	top: -2px;
	padding: 5px;
}

.search-applied {
	background-color: #5B99D2;
	border-color: #5B99D2;
	color: #ffffff;
}

.cell-has-error {
	color: #C82406 !important;
	font-weight: bold !important;
}

.unassigned-warning {
	font-size: 20px;
	padding-right: 10px;
	vertical-align: bottom;
	color: #C82406;
}

.date-picker-within-input {
	width: 50px;
	display: inline-block;
}

.date-picker-within-text {
	display: inline-block;
	padding-left: 30px;
}

.packetstatus {
	margin-top: 10px;
	margin-right: 5px;
	font-size: 16px;
	width: 200px;
}

.packetstatus-PAST_DUE {
	color: #ffffff;
	background-color: #F39019;
	text-align: center;
	padding: 4px;
	border: 1px solid #777;
	height: 30px;
}

.packetstatus-DELETED {
	color: #ffffff;
	background-color: #F39019;
	text-align: center;
	padding: 4px;
	border: 1px solid #777;
	height: 30px;
}

.packetstatus-INPROCESS {
	color: #ffffff;
	background-color: #51A7F9;
	text-align: center;
	padding: 4px;
	border: 1px solid #777;
	height: 30px;
}

.packetstatus-COMPLETED {
	color: #ffffff;
	background-color: #70BF41;
	text-align: center;
	padding: 4px;
	border: 1px solid #777;
	height: 30px;
}

.packetstatus-COMPLETING {
	color: #ffffff;
	background-color: #70BF41;
	text-align: center;
	padding: 4px;
	border: 1px solid #777;
	height: 30px;
}

@media ( max-width :768px) {
	.xs-hide {
		display: none;
	}
}

.packetstatus-DRAFT {
	text-align: center;
	padding: 4px;
	border: 1px solid #777;
	height: 30px;
}

.packetstatus-ERROR {
	text-align: center;
	color: #ffffff;
	background-color: #C82406;
	padding: 4px;
	border: 1px solid #777;
	height: 30px;
}

.packetstatus-CREATED {
	color: #ffffff;
	background-color: #51A7F9;
	text-align: center;
	padding: 4px;
	border: 1px solid #777;
	height: 30px;
}

.nav-logo {
	padding-top: 10px;
}

.navbar {
	border-bottom: 1px solid #E5EEF7;
	margin-bottom: 0px;
	background-color: #E5EEF7;
	/* -moz-box-shadow: 0px 2px 3px 1px #ddd;
	-webkit-box-shadow: 0px 2px 3px 1px #ddd;
	box-shadow: 0px 2px 3px 1px #ddd; */
}

.navbar .logoimage {
	background: url(../img/airplane-logo-small.jpg);
	width: 27px;
	height: 20px;
	display: inline-block;
	margin-top: 5px;
	vertical-align: middle;
	margin-right: 10px;
}

.navbar .hero-logo {
	font-size: 24px;
	letter-spacing: 0.0625em;
	display: inline-block;
	vertical-align: middle;
}

.nav-inbox-badge {
	font-size: 18px;
	color: #FFFFFF;
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
}

.nav-inbox-inner {
	position: relative;
	top: 20%;
}

.nav-inbox-zero-notifications {
	background-color: #008729;
}

.nav-inbox-notifications {
	background-color: #C82406;
}

.login-container {
	margin-left: 0px;
}

.mfa-instructions-secondary {
	font-style: italic;
	padding: 15px 30px;
	color: #666666
}

.mfa-resend-passcode-div {
	padding: 30px;
	font-size: 16px;
}

.mfa-verification-processing {
	color: #0075E1;
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	margin-left: 10px;
}

.login-block-logo {
	width: 100%;
    height: 200px;
    align-items: center;
    display: flex;
}

.mfa-verified-icon {
	padding-left: 20px;
	font-size: 42px;
}

.mfa-error-icon {
	padding-left: 20px;
	font-size: 42px;
	margin-right: 20px;
}

.mfa-verified {
	display: inline-block;
	width: 30px;
	height: 30px;
}

.mfa-auth-code-inputs {
	text-align: center;
}

.mfa-code-inputs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	margin: 30px 50px;
}


.auth-code-inputs {
	padding-left: 60px;
	padding-top: 30px;
}

.auth-code-error {
	text-align: center;
}

.auth-code-input {
	width: 50px;
	font-size: 24pt;
	text-align: center;
	margin: 10px;
}


.mfa-code-error {
	font-size: 20px;
	font-size: 20px;
	display: flex;
	vertical-align: middle;
	align-items: center;
}

.login-timeout {
	margin-top: 30px;
	color: #ffffff;
	background-color: #c9302c;
	max-width: 500px;
}

.logoimage {
	background: url(../img/airplane-logo-small.jpg);
	width: 27px;
	height: 20px;
	display: inline-block;
	margin-top: 5px;
	vertical-align: middle;
	margin-left: 10px;
}

.hero-logo {
	font-size: 26px;
	letter-spacing: 0.0625em;
	color: black;
}

.hero-logo .logo-worq {
	color: #52A7F4;
}

.hero-logo-skinny {
	font-size: 18px;
	letter-spacing: 0.0625em;
	color: black;
	margin-bottom: 60px;
}

.hero-logo-skinny .logo-worq {
	color: #52A7F4;
}

.login-panel {
	position: fixed;
	left: 45%;
	top: 20%
}

@media ( min-width :768px) {
	.login-panel {
		width: 500px;
	}
}

.main-content {
	padding-left: 0px;
	padding-right: 0px;
}

#global-notification-panel {
	position: absolute;
	top: 0;
	z-index: 9999;
	width: 35%;
	margin-left: 35%;
	display: none;
	border: 2px solid #468847;
	border-top: 0px;
	border-radius: 0px;
	height: 70px;
	padding: 20px;
}

@media ( max-width :768px) {
	#global-notification-panel {
		width: 90%;
		margin-left: 5%;
	}
}

.margin-down {
	margin-bottom: 20px;
}

.margin-up {
	margin-top: 20px;
}

.left-nav {
	background-color: #F7F7F7;
	font-size: 18px;
	color: #777;
	padding-left: 0px;
	padding-right: 0px;
}

.left-nav-skinny {
	background-color: #F7F7F7;
	font-size: 16px;
	color: #777;
	padding-left: 0px;
	padding-right: 0px;
	border-right: 1px solid #ccc;
}

.left-nav-buttons {
	margin-top: 80px;
	padding: 15px;
	margin-bottom: 20px;
}

.left-nav-buttons .btn {
	font-size: 18px;
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	background-color: #008729;
	border-color: #008729;
	-moz-box-shadow: 0px 2px 3px 1px #777;
	-webkit-box-shadow: 0px 2px 3px 1px #777;
	box-shadow: 0px 2px 3px 1px #777;
	padding-top: 10px;
}

.left-nav-link {
	color: #777;
	margin-left: 40px;
	margin-bottom: 20px;
}

.left-nav-link-skinny {
	color: #777;
	margin-left: 10px;
	margin-bottom: 20px;
}

.left-nav-link-row {
	margin-bottom: 20px;
}

.left-nav-link .glyphicon {
	font-size: 24px;
}

.left-nav-link-skinny .glyphicon {
	font-size: 20px;
}

.left-nav-link-text {
	margin-left: 10px;
}

.left-nav-link-text-skinny {
	margin-left: 5px;
}

.left-nav-sign-badge {
	background-color: #FFFFFF;
	border: 1px solid #56A9F6;
	border-radius: 12px;
	margin: 20px;
	position: absolute;
	bottom: 0;
	width: 80%;
	padding: 10px;
	font-size: 14px;
}

.left-nav-sign-badge-skinny {
	background-color: #FFFFFF;
	border: 1px solid #56A9F6;
	margin: 10px;
	position: absolute;
	bottom: 0;
	width: 85%;
	padding: 10px;
	font-size: 12px;
}

.left-nav-hr-skinny {
	padding: 0px 10px 10px 10px;
}

.left-nav-hr-skinny hr {
	border-top: 1px solid #777;
}

.sign-badge-profile {
	font-size: 48px;
}

.sign-badge-name {
	font-weight: 600;
}

.sign-badge-email {
	margin-top: 20px;
}

.sign-badge-editprofile {
	margin-top: 20px;
	font-size: 12px;
}

.sign-badge-signature {
	height: 80px;
	position: relative;
	z-index: 10000;
}

.sign-badge-signature img {
	position: absolute;
	bottom: 0px;
	max-width: 100%;
}

.signature-badge-hr {
	margin-top: 0px;
}

.sign-badge-changesignature {
	font-size: 12px;
}

.nav-pills>li>a {
	border-radius: 18px;
}

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

.tab-content {
	color: #777;
}

.control-label {
	font-weight: normal;
}

@media ( max-width : 768px) {
	.form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: right;
	}
}

.signature-box {
	/* Matches the canvas for draw signature */
	width: 490px;
	height: 200px;
	border: 1px solid #ddd;
	/* background: url(../img/sign-background.png);
	background-repeat: no-repeat;
	background-position: 30px 37px; */
}

.signature-line {
	position: absolute;
	bottom: 0;
	width: 90%;
}

.signature-row {
	margin-top: 50px;
}

.saved-sig-img {
	max-height: 100px;
	max-width: 280px;
}

.sig-first-column {
	width: 20px;
	display: inline-block;
	height: 100px;
}

.sig-second-column {
	height: 100px;
}

.sig-third-column {
	width: 20px;
	display: inline-block;
	height: 100px;
}

.second-column-inner {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}

.processing-sig {
	display: table-cell;
	vertical-align: middle;
}

/* http://jsfiddle.net/kizu/4RPFa/4570/ centering an image in a div */
.second-column-span-helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#profile-signature-box {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}

#profile-initial-box {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}

#profile-signature-img {
	max-height: 200px;
	max-width: 498px;
}

#profile-initial-img {
	max-height: 200px;
	max-width: 498px;
}

#savedSignaturesInner {
	overflow: scroll;
	height: 315px;
	margin-top: 10px;
	border: 1px solid #ddd;
}

#savedInitialsInner {
	overflow: scroll;
	height: 310px;
	margin-top: 10px;
	margin-left: 6px;
	border: 1px solid #ddd;
}

.typed-signatures-box {
	overflow: scroll;
	height: 280px;
	margin-top: 10px;
	color: #000000;
}

.type-signature-input {
	width: 95%;
}

.type-initial-input {
	width: 95%;
}

.signature-type {
	display: inline;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 50px;
}

.initial-type {
	display: inline;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 50px;
}

.signature-type-box {
	display: inline-block;
}

.signature-font-typed-1 {
	font-family: "Otto", sans-serif;
}

.signature-font-typed-2 {
	font-family: "Allura", sans-serif;
}

.signature-font-typed-3 {
	font-family: "als", sans-serif;
}

.signature-font-typed-4 {
	font-family: "cedarville", sans-serif;
}

.signature-font-typed-wrapper {
	/* width: 400px; */
	cursor: pointer;
}

.signature-font-typed-wrapper.active {
	border: 1px solid #56A9F6;
}

.signature-font-typed-wrapper {
	border: 1px solid #FFFFFF;
}

div.signature-font-typed-wrapper:hover, div.signature-font-typed-wrapper:focus {
	border: 1px solid #ddd;
}

.initial-font-typed-wrapper {
	/* width: 400px; */
	cursor: pointer;
}

.initial-font-typed-wrapper.active {
	border: 1px solid #56A9F6;
}

.initial-font-typed-wrapper {
	border: 1px solid #FFFFFF;
}

div.initial-font-typed-wrapper:hover, div.initial-font-typed-wrapper:focus {
	border: 1px solid #ddd;
}

.canvas-background {
	background: url(../img/sign-background.png);
	background-repeat: no-repeat;
	background-position: 30px 70px;
	margin-left: 10px;
}

.signatureCanvas {
	/* width:95%; */
	border: 1px solid #ddd;
	margin-top: 30px;
}

.draw-signature-btn-row {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
}

.save-signature-btn-row {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
}

.type-signature-btn-row {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
}

.upload-signature-btn-row {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
}

.upload-photo-btn-row {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
}

.no-saved-signatures {
	font-size: 32px;
	margin-top: 100px;
	margin-bottom: 80px;
	text-align: center;
}

.change-signature-tab-content {
	margin-top: 0px !important;
	border: 1px solid #ddd;
}

.saved-signature-row-selected {
	border: 1px solid #56A9F6 !important;
}

.saved-signature-row {
	height: 100px;
	/* padding-left: 30px; */
	border: 1px solid #FFFFFF;
}

.saved-signature-row i {
	font-size: 24px;
	margin-top: 40px;
}

.saved-signature-row .glyphicon-ok {
	color: #008729;
}

.saved-signature-row .glyphicon-remove {
	color: #777;
	cursor: pointer;
}

div.saved-signature-row:hover, div.saved-signature-row:focus {
	border: 1px solid #56A9F6;
}

.files {
	padding-top: 50px;
}

p.name {
	display: none;
}

#uploadSigProgress {
	display: none;
}

#uploadPhotoProgress {
	display: none;
}

.profile-photo-placeholder {
	font-size: 200px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 60px;
}

.basic-info-button-row {
	margin-top: 20px;
}

.upload-file-error {
	color: #d43f3a;
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 5px;
}

.fileinput-button {
	margin-top: 20px;
}

.popover {
	border-radius: 0px;
	max-width: 500px;
	z-index: 20000;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
}

/* custom inclusion of right, left and below tabs */
.signature-tabs>.nav-tabs {
	border-bottom: 0;
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
	display: none;
}

.tab-content>.active, .pill-content>.active {
	display: block;
}

.signature-tabs>.nav-tabs>li>a {
	min-width: 74px;
	background-color: #51A7F9;
	border-bottom: 1px solid transparent;
	color: #ffffff;
	margin-right: 2px;
}

.signature-tabs>.nav-tabs>li>a:hover, .signature-tabs>.nav-tabs>li>a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.signature-tabs>.nav-tabs .active>a, .signature-tabs>.nav-tabs .active>a:hover, .signature-tabs>.nav-tabs .active>a:focus
	{
	background-color: #fff;
	color: #777;
	margin-right: 2px;
}

.photo-row {
	margin-top: 50px;
}

.profile-alerts {
	margin-left: 20px;
}

.photo-box {
	/* height: 300px; */
	width: 300px;
	padding-left: 0px;
}

.bottom-spacer-col {
	margin-bottom: 50px;
}

.link-divider {
	padding: 0px 10px;
}

.preferences-header {
	font-weight: bold;
	border-bottom: 1px solid #777;
	margin-left: 15px;
	margin-bottom: 20px;
}

.tab-buttons {
	margin-top: 50px;
}

.quick-send-intro {
	font-size: 22pt;
	padding: 20px;
}

.scenario-container {
	margin-top: 50px;
}

.scenario-row {
	height: 90px;
}

.scenario-action-container {
	height: 80px;
	margin-left: 30px;
	border-bottom: 1px solid #ccc;
}

.scenario-action {
	font-size: 18pt;
	color: #0075E1;
}

.scenario-icon {
	background-color: #52A7F4;
	color: #ffffff;
	height: 80px;
	width: 80px;
	text-align: center;
}

.scenario-icon>.glyphicons:before {
	font: 36px 'Glyphicons Regular';
	margin-top: 15px;
}

.dashboard-icon>.glyphicons:before {
	font: 24px 'Glyphicons Regular';
}

.dashboard-icon {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.scenario-formnames {
	padding-top: 15px;
}

.question-label {
	color: #0075E1;
	font-size: 18px;
}

.scenario-question-tag-help {
	color: #0075E1;
	font-style: italic;
	padding-bottom: 20px;
}

.question-answer {
	padding-top: 30px;
	padding-bottom: 40px;
}

.scenario-question-button-row {
	margin-top: 50px;
}

.document-list-intro {
	font-size: 18px;
}

.quicksend-document-container {
	padding: 20px;
}

.document-list-search {
	margin-top: 20px;
}

.template-name {
	font-size: 18pt;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #ccc;
	margin: 10px;
}

.form-definition-row {
	margin-top: 10px;
	padding-left: 15px;
}

.formdefinition-name {
	font-size: 16px;
	font-weight: 600;
	color: #555555;
}

.form-definition-checkbox {
	width: 40px;
}

.form-definition-tags {
	height: 30px;
	margin-top: 10px;
}

.form-definition-roles {
	height: 30px;
	margin-top: 2px;
}

.form-definition-label {
	width: 50px;
	display: inline-block;
	text-align: right;
}

.form-definition-thumbnail {
	max-width: 100px;
	border: 2px solid #777;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(140, 140, 140, 0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(140, 140, 140, 0.75);
	box-shadow: 3px 3px 5px 0px rgba(140, 140, 140, 0.75);
}

.form-definition-thumbnail>img {
	width: 100%;
}

.form-definition-bottom-row {
	border-bottom: 1px solid #ccc;
	margin: 10px;
}

.document-tag {
	background-color: #52A7F4;
	color: #ffffff;
	padding: 5px 10px;
	margin-left: 5px;
}

.document-tag>i {
	font-size: 12px;
	padding-left: 10px;
	cursor: pointer;
}

.document-role {
	background-color: #70BF41;
	color: #ffffff;
	padding: 5px 10px;
	margin-left: 5px;
}

.form-thumbnail-container {
	margin-top: 25px;
	padding-bottom: 30px;
	/* width: 200px; */
}

.sign-form-thumbnail-container {
	margin-top: 25px;
	padding-bottom: 30px;
	width: 200px;
	margin-left: 40px;
}

.thumbnail-column-container {
	padding-left: 30px;
}

.form-thumbnail-image {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 140px;
	outline: 1px solid #B1B1B3;
}

.form-thumbnail-container-image {
	outline: 1px solid #B1B1B3;
	padding-top: 3px;
	width: 158px;
	margin-left: 4px;
	cursor: pointer;
}

.form-thumbnail-container-image.selected {
	outline: 4px solid rgba(245, 162, 73, 1.0);
}

.form-thumbnail-container-image.has-error.selected {
	outline: 4px solid #c9302c;
}

.form-thumbnail-container-image.has-error {
	outline: 1px solid #c9302c;
}

.right-tray-nav-link {
	color: #B1B1B3;
	padding: 4px;
	padding-left: 8px;
}

.right-tray-nav-link.selected {
	font-weight: bold;
	color: #555555;
}

.right-tray-nav-link.has-error {
	color: #a94442 !important;
	border: 4px solid #a94442;
	background: rgba(255, 0, 0, 0.3);
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}

.required-form {
	color: #a94442;
	display: none;
	font-size: 30px;
	line-height: 10px;
	vertical-align: bottom;
}

.required-page {
	color: #a94442;
	font-size: 24px;
	display: none;
	z-index: 100;
	line-height: 10px;
	vertical-align: bottom;
}

.required-tag {
	color: #a94442;
	font-size: 24px;
	z-index: 100;
	line-height: 30px;
	padding-right: 5px;
	vertical-align: bottom;
}

.file-download-error {
	color: #a94442;
	font-size: 24px;
	margin-right: 30px;
	margin-left: 20px;
}

.form-column {
	max-width: 880px;
	overflow-x: visible !important;
}

.thumbnail-column {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 180px;
}

.tag-column {
	min-width: 180px;
	vertical-align: top;
}

.tag-column-prepare {
	width: 180px;
}

.nav-column {
	width: 200px;
	vertical-align: top;
}

.field-tag-row {
	margin-top: 10px;
	border: 4px solid #EAEAEA;
	width: 850px;
	overflow-x: scroll;
}

.sign-field-tag-row {
	margin-top: 10px;
	border: 4px solid #EAEAEA;
	width: 850px;
	/* overflow-x: scroll; */
	height: 64px;
}

.form-tag-row {
	margin-top: 10px;
	border: 4px solid #EAEAEA;
	overflow-x: scroll;
	height: 80px;
	width: 100%;
}

.tag-group {
	float: left;
	display: inline;
}

.form-border {
	margin-top: 20px;
	border: 4px solid #EAEAEA;
	background-color: #EAEAEA;
	/* width: 850px; */
	overflow-y: scroll;
	/* PAPER-484 Auto-Scrolling Form Pages on Tag Move*/
	position: relative;
}

.mobile-form-border {
	margin-top: 20px;
	border: 1px solid #EAEAEA;
	background-color: #EAEAEA;
	overflow-y: scroll;
}

.mobile-form-background-image {
	width: 100%
}

.form-background-image {
	/* width: 100% */
	
}

.form-thumbnail-name {
	font-size: 16px;
	color: #555555;
	padding: 10px;
}

.italic {
	font-style: italic;
}

.documentheader-row {
	background-color: #F7F7F7;
	padding: 10px 20px;
}

.documentheader {
	display: inline-block;
	font-size: 22px;
}

.sign-button-bar {
	display: inline;
}

.download-button {
	margin-left: 30px;
	margin-right: 30px;
}

.slogan {
	margin-bottom: 70px;
	color: #174F87;
	letter-spacing: 0.0625em;
	padding-left: 20px;
}

.slogan h1 {
	font-weight: 800 !important;
}

.login-form-panel {
	/* position: absolute;
	top: 30%; */
	width: 500px;
	padding: 20px 30px;
	background: rgba(255, 255, 255, 0.5);
}

.login-label {
	font-size: 24px;
	font-weight: 300;
}

.login-form-panel .alert {
	margin-bottom: 0px;
	margin-top: 30px;
}

.login-buttons .btn {
	color: #ffffff;
	font-weight: 300;
}

.grid-actions {
	padding-bottom: 10px;
}

.ui-jqgrid .ui-subgrid {
	margin-top: 10px;
	padding-left: 40px;
}

.ui-th-subgrid {
	display: none;
}

.subgrid-open {
	color: #ccc;
	text-decoration: none;
}

.subgrid-open-link:hover {
	text-decoration: none;
}

.ui-icon.ui-icon-carat-1-sw {
	display: none;
}

.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
	border-color: #ddd;
	padding: 8px;
	border-right: none;
}

.ui-jqgrid .ui-jqgrid-view {
	background-color: #FFFFFF !important;
	font-size: 14px;
}

.ui-jqgrid tr.ui-row-ltr td {
	border-right: none;
	padding: 8px;
}

.ui-jqgrid .ui-jqgrid-bdiv {
	overflow: inherit;
}

.ui-jqgrid tr.jqgrow td {
	border-bottom: 1px solid #ddd;
}

.ui-jqgrid .loading {
	font-size: 20px;
	top: 17%;
	background-color: #ccc;
	width: 200px;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	text-align: left;
	/* border-bottom: 2px solid #ddd; */
	padding: 8px;
}

.ui-jqgrid .ui-state-highlight {
	background-color: #E5EEF7;
}

/* pager */
.ui-jqgrid .ui-jqgrid-pager {
	font-size: 14px;
	height: 100%;
}

.ui-jqgrid .ui-pg-input {
	height: 30px;
	font-size: 14px;
}

.ui-jqgrid .ui-pg-table {
	width: 100px;
}

.ui-jqgrid .ui-jqgrid-sortable {
	color: #0185E3;
}

.ui-jqgrid .ui-jqgrid-view button {
	font-size: 20px;
	padding: 2px 6px 0px 8px;
}

.ui-jqgrid .ui-jqgrid-hbox {
	background-color: #F7F7F7;
}

.ui-jqgrid .ui-jqgrid-view .open>.dropdown-toggle.btn-default {
	color: #ffffff;
	background-color: #51A7F9;
	border-color: #777;
}

.ui-jqgrid .action-column .ui-jqgrid-sortable {
	color: #0185E3;
	cursor: inherit !important;
	color: #53585F !important;
}

.action-column {
	text-align: center !important;
}

.icon-column {
	display: none;
}

/* icons from ui jquery */
.ui-icon {
	width: 16px;
	height: 16px;
	/* background-image: url(images/ui-icons_222222_256x240.png); */
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-widget-content .ui-icon {
	background-image: none;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity = 35);
	background-image: none;
}

.tab-content {
	padding: 5px;
	margin-top: 10px;
}

.task-body {
	margin-top: 20px;
	margin-bottom: 20px;
}

.task-form {
	background-color: #eee;
	width: 100%;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.task-diagram {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.task-form-title {
	margin-bottom: 30px;
}

/* .input-group-addon {
	width: 0%
} */
.formheader {
	border-bottom: 1px solid #ccc !important;
	width: 100%
}

.grid-nextpage {
	background-color: #f5f5f5;
	font-size: 12px !important;
	padding: 4px 12px;
}

.grid-prevpage {
	background-color: #f5f5f5;
	font-size: 12px !important;
	padding: 4px 12px;
}

.list-nextpage {
	background-color: #f5f5f5;
	font-size: 12px !important;
	padding: 4px 12px;
}

.list-prevpage {
	background-color: #f5f5f5;
	font-size: 12px !important;
	padding: 4px 12px;
}

.search-unit {
	padding-top: 10px;
	padding-bottom: 10px;
}

hr {
	border-top: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dropdown-menu {
	z-index: 5000;
	border-radius: 0px;
}

.dropdown-menu dt {
	display: block;
	padding: 3px 20px;
	cursor: default;
}

.chosen-container-multi .chosen-choices {
	border-radius: 0px;
	border: 1px solid #ccc;
	height: auto;
	background-image: none;
}

.option-has-error {
	color: #ac2925;
}

.red {
	color: red !important;
}

.has-error .chosen-choices {
	border-color: #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .chosen-container-active .chosen-choices {
	border-color: #953b39;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.has-error .chosen-choices:focus {
	border-color: #953b39;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	margin: 1px 0;
	padding: 3px;
	height: 30px;
	font-family: inherit;
	border: 1px solid #ccc;
}

.chosen-container-single .chosen-search input[type="text"] {
	border: 1px solid #ccc;
}

.chosen-container-multi .chosen-choices li.search-choice {
	margin: 5px 0 3px 5px;
	border-radius: 0px;
	background-color: #52A7F4;
	color: #ffffff;
	background-image: none;
	border: 1px solid #52A7F4;
	box-shadow: none;
}

.chosen-container-active .chosen-choices {
	border: 1px solid #ccc;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.chosen-container-active .chosen-single {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.chosen-container-single .chosen-single {
	border-radius: 0px;
	border: 1px solid #ccc;
	height: 34px;
	background: none;
	background-color: #fff;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #ccc;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	background-image: none;
	box-shadow: none;
}

.chosen-container-single .chosen-single span {
	margin-top: 5px;
	color: #555555;
}

.chosen-container-single .chosen-single div b {
	margin-top: 5px;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #52A7F4;
	background-image: none;
}

.chosen-container-single .chosen-drop {
	/* z-index: 2000; */
	
}

.chosen-container {
	font-size: 14px;
}

.inlineEditgridouter {
	height: 50px;
	background: #DFF0FF;
	border-bottom: 1px solid #dddddd;
}

.inlineEditgridouter td {
	padding: 3px;
}

.navigator-sidebar {
	float: left;
	/* max-height: 100%;
	height: 100%; */
	background-color: #eee; /*#F1F3F8;*/
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	padding: 15px 10px;
	padding-bottom: 0;
	width: 200px;
	position: relative;
	display: table-cell;
	vertical-align: top;
}

.rightContainer {
	width: 75%;
	/* float: left; */
	overflow-x: hidden;
}

.col-md-9 {
	overflow-x: hidden;
}

#content {
	margin: 0;
	padding-top: 10px;
	box-sizing: border-box;
	clear: both;
	position: relative;
	height: 100%;
}

#padded-content {
	margin: 0;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 30px;
	box-sizing: border-box;
	clear: both;
	position: relative;
	height: 100%;
}

.navigator-container {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.navigator-body {
	background-color: white;
	border-bottom: 0;
	/* display: table-cell; */
	vertical-align: top;
}

#traybutton {
	color: inherit;
	outline: none;
	padding-right: 0px;
}

#traybutton:hover {
	/* border:1px solid #ccc; */
	
}

.tray-title {
	/* display: inline-block; */
	width: 100%;
}

.home-container {
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
	height: 100%;
	display: inline-block;
	width: 75%;
}

.tray-headers {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 10px;
}

.quicklinks {
	margin-left: 10px;
}

.searchbuttons {
	margin-top: 20px;
}

.transaction-menu {
	color: #ffffff;
	background-color: #52A7F4;
	border-color: #285e8e;
	width: 100%;
	height: 43px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.transaction-title {
	margin-left: 10px;
	margin-top: 3px;
	height: 100%;
	float: left;
	font-size: 20px;
}

.transaction-actions {
	display: table-cell;
}

.transaction-menu .separator {
	height: 30px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 2px;
	width: 2px;
	padding: 0;
	float: left;
	margin-right: 20px;
}

.badge {
	background-color: #52A7F4;
}

.breadcrumb-menu {
	padding-left: 10px;
	width: 100%;
	height: 35px;
	background-color: #f5f5f5;
}

.breadcrumb-inner {
	float: left;
	height: 30px;
}

.btn-primary {
	background-color: #52A7F4;
}

.wqlhint {
	height: 20px;
}

.validationhint {
	background-color: #ffffff;
}

.wqlvalid {
	color: green;
}

.invalid {
	color: red;
}

.ui-autocomplete {
	border: 1px solid #ccc;
	background-color: #fff;
	z-index: 12000;
}

.ui-menu .ui-menu-item a {
	color: #808080;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	background-color: #3875d7;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
	background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
	color: #fff;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin: 0px !important;
	color: #fff !important;
	font-weight: normal !important;
	border: none !important;
	background: none !important;
	background-color: #3875d7 !important;
}

.read {
	font-weight: 300;
}

#message-subject {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.message-header {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

#message-body {
	padding-top: 10px;
	font-size: 14px;
}

.inbox-badge {
	color: #ccc;
}

.message-view {
	display: none;
}

.task-view {
	display: none;
}

.message-list {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.message-list-flag {
	margin-left: 10px;
	font-size: 14px;
}

.message-paging {
	position: relative;
	/*margin-top: -30px;  negative value of footer height */
	height: 30px;
	/* clear: both; */
	padding-top: 2px;
	color: #333;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #f5f5f5;
	display: none;
}

.message-list-pagenumber {
	width: 30px;
}

.message-query {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px;
}

.message-query-text {
	width: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#message-filter-component {
	display: none;
}

#task-filter-component {
	display: none;
}

#task-query-component {
	display: none;
}

#message-query-component {
	display: block;
}

.message-query-search-btn {
	
}

.message-no-data {
	font-size: 18px;
	position: relative;
	top: 30%;
}

.delete-header {
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
}

.message-delete-btn {
	margin-right: 10px;
	margin-top: 10px;
}

.message-delete-confirm-btn {
	padding-top: 5px;
	padding-bottom: 0px;
}

.message-delete-confirm-btn:hover {
	background-color: transparent;
}

.message-delete-confirm-btn:active, .message-delete-confirm-btn:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
	outline: none;
}

.message-query-wrapper {
	display: inline-block;
	border: 1px solid #ddd;
}

.message-query .form-inline {
	border-bottom: 2px solid #ddd;
	padding-bottom: 5px;
}

.message-query .btn {
	padding: 6px 10px;
}

.message-query .chosen-container {
	height: 36px;
}

.no-border {
	border-color: transparent;
}

.no-border:hover {
	border-color: transparent;
}

.btn {
	border-radius: 0px;
}

.toggle-btn {
	border-radius: 4px;
}

.toggle-label {
	text-align: left !important;
}

.form-control {
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 14px !important;
}

.form-control.dynamicwidth {
	display: inline-block;
	width: initial;
}

.nav-tabs>li>a {
	border-radius: 0 0 0 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #ddd;
	margin-right: 0px;
}

.list-group-item {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

.list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top: 1px solid transparent;
}

.list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	color: #333;
	background-color: #E5EEF7;
	border: 1px solid #ddd;
}

a.list-group-item.active .list-group-item-text {
	color: #333;
}

.overdue {
	color: #F7A320;
	font-weight: bold;
}

.overdue-icon {
	color: #F7A320;
	font-weight: normal;
	font-size: 14px;
}

.unassigned-icon {
	color: blue;
	font-weight: normal;
	font-size: 14px;
}

a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text
	{
	color: #333;
}

#messageModal .modal-dialog {
	width: 80%;
	height: 50%;
}

.close-header {
	opacity: 1.0;
	color: #333;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-size: 24px;
}

#messageModal  .btn[disabled] {
	opacity: 0.65;
}

#messageModal label {
	font-weight: normal;
	font-size: 14px;
}

#messageModal input[type="checkbox"] {
	height: 28px;
}

.modal-content {
	border-radius: 0px;
}

textarea.form-control {
	height: 100%;
}

.tile-item {
	border: 1px solid rgba(50, 50, 50, 0.75);
	margin-bottom: 20px;
	-webkit-box-shadow: 4px 4px 9px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 4px 4px 9px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 4px 4px 9px 0px rgba(50, 50, 50, 0.75);
}

.tile-item img {
	display: block;
	max-width: 100%;
}

.tile-item .tile-title {
	padding: 10px 10px;
	margin: 0;
	font-size: 16px;
	letter-spacing: 0.0625em;
	font-weight: 100;
	color: #DDDEE0;
	text-align: center;
	background: url(../img/textured_background.png);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.task-actions {
	padding-right: 100px;
}

.form-paging-div {
	position: fixed;
	width: 920px;
	height: 100px;
	background-color: #EAEAEA;
	padding: 20px 5px 5px;
	bottom: 0px;
	text-align: center;
	/* gotta float above tooltips */
	z-index: 9000;
}

.btn-form-paging {
	background-color: #B1B1B3;
	border-color: #B1B1B3;
	color: #ffffff;
	font-size: 20px;
	letter-spacing: 0.0825em;
	padding: 6px 20px;
}

.btn-form-paging:hover {
	background-color: #B1B1B3;
	color: #ffffff;
}

.btn-form-paging:disabled {
	background-color: #ccc;
	color: #ffffff;
}

.paging-form-name {
	font-size: 24px;
}

.form-def-tag {
	position: absolute;
	display: block;
	outline: 1px solid rgba(245, 162, 73, 1.0);
	background-color: #ffffff;
	color: #B1B1B3;
	overflow: hidden;
	padding-left: 2px;
}

.outerwrapper {
	position: absolute !important;
}

/*http://www.vanseodesign.com/css/vertical-centering/*/
.drag-handle {
	position: absolute;
	top: 55%;
	height: 20px;
	margin: -10px 0px 0px 0px;
	display: none;
	cursor: move;
	color: #53585F;
	font-size: 16px;
	left: -2px;
}

.drag-handle>.glyphicon {
	position: absolute;
}

.drag-handle>.glyphicon.second {
	left: 6px;
}

.delete-handle {
	position: relative;
	display: none;
	top: -6px;
	right: -6px;
}

.tag-controls-right {
	position: relative;
}

.tag-controls-left {
	position: relative;
	height: 100%;
}

.delete-handle-icon {
	color: #ffffff;
}

.locked-handle-icon {
	color: #ffffff;
	font-size: 12px;
}

.delete-handle-icon-span {
	border-radius: 10px;
	background-color: #53585F;
	height: 20px !important;
	width: 20px !important;
	min-height: 20px !important;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	cursor: pointer;
	padding-right: 2px;
}

.locked-handle-icon-span {
	border-radius: 15px;
	background-color: #53585F;
	height: 50px !important;
	width: 50px !important;
	min-height: 30px !important;
	vertical-align: middle;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-right: 2px;
}

.resize-handle {
	position: absolute;
	display: none;
	bottom: 0px;
	right: 0px;
	height: 20px;
	float: inherit;
	bottom: -3px;
	color: #53585F;
}

.outerwrapper.active {
	background-color: rgba(234, 234, 234, 0.8);
	z-index: 5000;
	outline: 1px solid #B1B1B3;
}

.form-tag {
	position: absolute;
	display: block;
	outline: 1px solid rgba(245, 162, 73, 1.0);
	background-color: rgba(255, 255, 255, 0.5);
	color: #B1B1B3;
	overflow: hidden;
	padding-left: 2px;
}

@media ( max-width :768px) {
	.form-tag {
		font-size: 10px;
	}
}

.form-tag>.required {
	padding-right: 10px;
}

.form-tag-checkbox {
	padding-left: 0px;
}

.form-tag-checkbox.active {
	outline: 4px solid rgba(245, 162, 73, 1.0) !important;
}

.form-tag-label {
	background-color: #EAEAEA;
}

textarea.form-tag-input {
	resize: none;
}

.form-tag-input {
	outline: 4px solid rgba(245, 162, 73, 1.0) !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	z-index: 5000;
}

.date-field-tag:focus {
	border-color: #ccc;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.form-tag-input:first-child {
	outline-right: none;
}

.form-tag-input-has-error {
	font-weight: 700;
	color: #c9302c;
	outline: 2px solid #c9302c;
	z-index: 4999; /* slightly below form-tag-input*/
}

.form-tag-outer {
	position: absolute !important;
	cursor: pointer;
}

.form-tag.signature-in {
	outline: 4px solid rgba(245, 162, 73, 1.0) !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	z-index: 5000;
}

.form-tag-outer.active {
	background-color: rgba(234, 234, 234, 0.8);
	z-index: 5000;
	outline: 1px solid #B1B1B3;
}

.rotate-45 {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tag-options {
	background-color: #EAEAEA;
	z-index: 12000;
	color: #53585F;
	font-size: 12px;
	width: 252px;
}

.set-text-options {
	background-color: #EAEAEA;
	z-index: 12000;
	color: #53585F;
	font-size: 12px;
	width: 252px;
}

.field-tag-tooltip {
	background-color: rgba(245, 162, 73, 1.0);
	z-index: 6000;
	color: #ffffff;
	font-size: 12px;
	width: 100%;
}

.field-tag-tooltip.right>.arrow:after {
	border-right-color: rgba(245, 162, 73, 1.0);
}

.field-tag-tooltip.bottom>.arrow:after {
	border-bottom-color: rgba(245, 162, 73, 1.0);
}

.field-tag-tooltip.left>.arrow:after {
	border-left-color: rgba(245, 162, 73, 1.0);
}

.field-tag-tooltip.top>.arrow:after {
	border-top-color: rgba(245, 162, 73, 1.0);
}

.tag-options-label {
	font-size: 14px;
}

.tag-options-advanced {
	margin-top: 10px;
}

.tag-options-advanced>a {
	color: #53585F;
}

.tag-options.right>.arrow {
	top: 50px !important;
}

.tag-options.left>.arrow {
	top: 50px !important;
}

.tag-options.right>.arrow:after {
	border-right-color: #EAEAEA;
}

.tag-options.bottom>.arrow:after {
	border-bottom-color: #EAEAEA;
}

.tag-options.left>.arrow:after {
	border-left-color: #EAEAEA;
}

.tag-options.top>.arrow:after {
	border-top-color: #EAEAEA;
}

.set-text-options.right>.arrow:after {
	border-right-color: #EAEAEA;
}

.set-text-options.bottom>.arrow:after {
	border-bottom-color: #EAEAEA;
}

.set-text-options.left>.arrow:after {
	border-left-color: #EAEAEA;
}

.set-text-options.top>.arrow:after {
	border-top-color: #EAEAEA;
}

.tag-options-advanced-body {
	margin-top: 20px;
}

.tree-toggle {
	margin-top: 25px;
	margin-left: 12px;
	padding-left: 1px;
	float: left;
	font-size: 12px;
	width: 20px;
	cursor: pointer;
	color: #555555;
	border: 1px solid #B1B1B3;
}

.tree {
	min-height: 20px;
	margin-bottom: 20px;
	margin-top: 4px;
	z-index: 2000
}

.tree .base {
	padding: 0px;
}

.tree li {
	list-style-type: none;
	margin: 0;
	margin-left: 24px;
	padding: 10px 5px 0 5px;
	position: relative
}

.tree li::before, .tree li::after {
	content: '';
	left: -20px;
	position: absolute;
	right: auto
}

.tree li::before {
	border-left: 1px solid #B1B1B3;
	bottom: 50px;
	height: 100%;
	top: 0;
	width: 1px
}

.tree li::after {
	border-top: 1px solid #999;
	height: 20px;
	top: 25px;
	width: 25px
}

.tree-root {
	border: 0px solid #999 !important;
}

.tree li span {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 8px;
	text-decoration: none;
}

.tree li.parent_li>span {
	cursor: pointer
}

.tree li:last-child::before {
	height: 30px
}

.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
	background: #eee;
	border: 1px solid #94a0b4;
	color: #000
}

/* for dragging tags onto the form document */
.panel-group .panel {
	overflow: visible;
}

.dropzone {
	-webkit-border-radius: opx;
	border-radius: 0px;
	min-height: 320px;
	transition: background-color 0.3s;
}

.dropzone .dz-default.dz-message {
	background-image: none;
}

.drop-target {
	background-color: #29e;
}

.drop-filled {
	color: #53585F;
}

.tag-filled {
	color: #53585F;
}

.drag-drop {
	display: inline-block;
	min-width: 40px;
	background-color: white;
	transition: background-color 0.3s;
	cursor: move;
	z-index: 13000;
	width: 100%;
	padding: 2px;
	outline: 2px solid;
}

.mobile-drag-drop {
	display: inline-block;
	background-color: white;
	transition: background-color 0.3s;
	cursor: move;
	z-index: 13000;
	outline: 2px solid;
	width: 148px;
	padding: 5px 5px;
	height: 30px;
}

.mobile-drag-drop>.glyphicon.glyphicon-option-vertical {
	width: 1px;
	color: #B1B1B3;
}

.mobile-drag-drop>.glyphicon.glyphicon-option-vertical.second {
	margin-right: 10px;
}

.ui-draggable-dragging {
	outline: solid 1px #ccc;
}

.field-tag-div {
	padding: 7px 0px;
}

.field-tag-outer-div {
	padding: 5px 10px;
	cursor: pointer;
	margin: 10px 10px 10px 10px;
	height: 70px;
}

.sign-field-tag-outer-div {
	padding: 5px 10px;
	cursor: pointer;
	margin: 10px 10px 10px 10px;
	float: left;
}

.panel-group .panel.field-tag-panel {
	border-radius: 0px;
}

.panel.panel-default.hint-panel {
	border-radius: 0px;
}

.tag-column-container {
	margin-top: 20px;
	overflow-y: scroll;
	height: 880px;
}

.field-tag-panel-group {
	
}

.field-tag-panel .panel-heading {
	padding: 5px 10px;
}

.field-tag-panel .panel-body {
	padding: 5px;
}

.can-drop {
	background-color: #70BF41;
	border-color: #70BF41;
	color: #ffffff;
}

.can-drop-signature {
	outline: 4px solid rgba(245, 162, 73, 1.0);
}

.ui-resizable-helper {
	border: 1px dotted gray;
}

.send-documentheader {
	display: inline-block;
	font-size: 22px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.send-div {
	border: 1px solid #0075E1;
	margin-bottom: 15px;
	background-color: #E5EEF7;
}

.send-div.last {
	margin-bottom: 0px;
}

.send-div.buttons {
	margin-top: 15px;
	padding: 10px 0px;
	background-color: #ffffff;
}

.small-div-header {
	font-size: 24px !important;
}

.small-div-header {
	font-size: 24px !important;
}

.small-div-header>.glyphicons:before {
	font-size: 24px !important;
}

.send-form {
	margin: 0px 15px;
}

.send-div-header {
	padding: 5px 15px 5px 5px;
}

.send-div-body {
	background-color: #ffffff;
	padding: 10px 15px 5px 15px;
}

.send-div-tag-body {
	background-color: #ffffff;
}

.send-tag-column {
	width: 100%;
}

.send-tag-row {
	overflow-x: scroll;
	width: 100%;
	min-height: 70px;
}

.send-form-upload {
	color: #ccc;
	font-size: 24px;
	position: absolute;
	width: 95%;
	height: 90%;
}

.upload-form-definition-help {
	text-align: center;
	font-size: 12px;
	color: #ccc;
}

.send-form-upload.in {
	background-color: #BDDFFF;
	/* border: 2px solid #52A7F4; */
	color: #FFFFFF;
}

.sign-now-btn {
	margin: 0px 20px;
}

.return-link {
	float: right;
	padding-top: 7px;
}

.send-form-definition {
	background-color: #F7F7F7;
	padding-top: 20px;
	padding-bottom: 10px;
	/*   width: 250px; */
}

.send-form-definition-topbar {
	background-color: #52A7F4;
	height: 8px;
	min-width: 170px;
}

.send-form-definition-processing {
	background-color: #F7F7F7;
	padding-bottom: 10px;
	width: 170px;
	color: #0075E1;
	position: relative;
	/* height: 324px; */
}

.send-form-definition-processing-thumbail {
	border: 1px solid #52A7F4;
	margin-left: auto;
	margin-right: auto;
	display: block;
	background-color: #FFFFFF;
	height: 150px;
	width: 116px;
	margin-top: 20px;
}

.send-form-definition-image {
	border: 1px solid #52A7F4;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 150px;
}

.send-form-border {
	border: 1px solid #0075E1;
	border-top: none;
	background-color: #EAEAEA;
	overflow-y: scroll;
	position: relative;
}

.send-new-participant-row {
	padding: 5px 0px 10px;
}

.send-add-participant-container {
	outline: 1px solid #53585F;
	min-height: 40px;
	padding: 10px 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

.send-add-participant-container.clickable {
	cursor: pointer;
}

.fileinput-button input {
	font-size: inherit;
}

.send-form-definition-block-error {
	background-color: #FFFFFF;
	border: 1px solid #a94442;
	padding: 0px 5px;
	color: #a94442;
	width: 170px;
	height: 215px;
	text-align: center;
}

.send-max-form-definition {
	background-color: #F7F7F7;
	border: 1px solid #52A7F4;
	padding: 0px 5px;
	width: 170px;
	text-align: center;
	height: 215px;
}

.send-toggle-btn {
	background-color: #E5EEF7;
	padding: 4px 6px 4px 8px;
	margin-top: 4px;
	margin-right: -10px;
}

textarea.no-resize {
	resize: none;
}

.packet-send-step {
	height: 40px;
	font-size: 16px;
}

.send-participant-divider {
	border-top: 1px solid #53585F;
	margin-top: 10px;
	margin-bottom: 10px;
}

.packet-send-step-number {
	width: 40px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.col-xsl-6 {
		width: 50%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.col-xsl-4 {
		width: 33%;
	}
}

.info-text {
	font-size: 12px;
	color: #B1B1B3;
	margin-left: 60px;
}

.prepare-step {
	height: 150px;
}

.all-done-btn {
	padding-left: 40px;
	padding-top: 30px;
}

.prepare-button {
	margin: 20px;
}

.packet-send-btn {
	width: 200px;
	margin-right: 30px;
}

.send-button-row {
	margin-top: 30px;
}

.bottom-spacer {
	margin-bottom: 100px;
	height: 40px;
}

.step-spacer {
	vertical-align: sub;
}

.round {
	background-color: #ffffff;
	border: 1px solid #56A9F6;
	height: 30px;
	width: 30px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 15px;
	color: #56A9F6;
	margin-right: 10px;
}

.help-round {
	background-color: #ffffff;
	border: 1px solid #EAEAEA;
	height: 25px;
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 15px;
	color: #ccc;
	font-size: 12px;
	/* margin: 0px 10px 5px 10px; */
}

.workflow-order-div {
	height: 40px;
}

.workflow-order-chx {
	display: inline-block
}

.packet-send-container {
	padding: 20px;
	margin: 20px;
}

.packet-title {
	font-size: 18px;
	font-weight: 600;
	color: #555555;
}

a.help-link {
	cursor: pointer;
}

a.help-link:focus {
	outline: none;
}

.section-title {
	border-bottom: 1px solid #555555;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.form-definition-block {
	display: inline-block;
	margin-right: 10px;
	float: left;
	position: relative;
	z-index: 300;
}

.form-definition-error-block {
	display: inline-block;
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
}

.form-definition-block.disabled {
	color: #ccc;
}

.upload-form-definition {
	background-color: #FFFFFF;
	border: 2px dotted #52A7F4;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	width: 250px;
}

.upload-form-definition.in {
	background-color: #BDDFFF;
	border: 2px solid #52A7F4;
	color: #FFFFFF;
}

.upload-form-definition-processing {
	background-color: #F7F7F7;
	padding-bottom: 20px;
	margin-bottom: 30px;
	width: 250px;
	color: #0075E1;
	position: relative;
	height: 324px;
}

.upload-form-definition-processing-thumbail {
	border: 1px solid #52A7F4;
	margin-left: auto;
	margin-right: auto;
	display: block;
	background-color: #FFFFFF;
	height: 240px;
	width: 185px;
	margin-top: 20px;
}

.form-upload-processing-text {
	font-size: 16px;
	font-weight: 600;
	color: #555555;
	text-align: center;
	padding-top: 5px;
	padding-top: 260px;
}

.upload-form-definition-processing-widget {
	background-color: #F7F7F7;
	padding-top: 10px;
	width: 150px;
	color: #0075E1;
	font-size: 14px;
	height: 114px;
}

.form-upload-processing-widget-text {
	padding-top: 80px;
	color: #53585F;
}

.max-form-definition-title {
	margin: 30px 0px;
	font-weight: 600;
}

.max-form-definition {
	background-color: #F7F7F7;
	border: 1px solid #52A7F4;
	padding: 20px 20px;
	margin-bottom: 30px;
	width: 250px;
	text-align: center;
	height: 325px
}

.new-participant-container {
	border: 2px dotted #52A7F4;
	min-height: 60px;
	padding: 10px 0px;
	height: 100%;
}

.add-participant-container {
	border: 1px solid #52A7F4;
	height: 60px;
	padding: 20px 10px;
	margin-bottom: 10px;
}

.participant-sortable {
	list-style-type: none;
	padding-left: 0px;
}

.participant-drag {
	float: left;
	width: 8px;
	cursor: pointer;
}

.drag-handle-container {
	width: 10px;
	display: block;
	height: 30px;
	float: left;
	font-size: 20px;
}

.max-participant-container {
	background-color: #F7F7F7;
	border: 1px solid #52A7F4;
	height: 60px;
	padding: 20px 10px;
	margin-bottom: 10px;
	text-align: center;
}

.participant-dismiss {
	text-align: right;
	cursor: pointer;
	width: 50px;
	float: right;
}

.participant-role-dismiss {
	text-align: right;
	cursor: pointer;
	width: 50px;
	float: right;
}

.participant-action {
	text-align: center;
	padding-top: 8px;
}

.add-participant-action {
	text-align: center;
}

.participant-form {
	height: 100%;
	display: flex;
}

.form-definition-block-error {
	background-color: #FFFFFF;
	border: 1px solid #a94442;
	padding: 20px;
	margin-bottom: 30px;
	color: #a94442;
	width: 250px;
	height: 325px;
	text-align: center;
}

.form-definition-block-error-title {
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 30px;
}

.form-definition-dismiss {
	cursor: pointer;
	padding: 0px 5px 0px 0px;
}

.form-definition-error-dismiss {
	cursor: pointer;
	padding: 10px 10px 0px 0px;
}

.form-control.participant-error {
	border: 1px solid #a94442;
}

.form-control.participant-error:focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(169, 68, 66, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(169, 68, 66, .6);
}

label.participant-error {
	color: #a94442;
	height: 20px;
	font-weight: normal;
}

.new-participant-links {
	text-align: right;
	margin-top: 10px;
}

.participant-divider {
	border-top: 1px solid #52A7F4;
	margin-top: 20px;
	margin-bottom: 20px;
}

.upload-form-definition-button {
	margin: 10px;
}

.upload-form-definition-spacer {
	margin: 10px;
	padding: 16px 15px;
}

.file-upload-btn {
	width: 120px;
}

.upload-form-definition-button-first {
	margin-top: 70px;
}

.form-definition {
	background-color: #F7F7F7;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	width: 250px;
}

.form-definition-topbar {
	background-color: #52A7F4;
	height: 8px;
	width: 250px;
}

.upload-form-definition-instructions {
	width: 100%;
	text-align: center;
}

.upload-form-definition-plus {
	font-size: 24px;
	width: 100%;
	text-align: center;
}

.dialog-topbar {
	background-color: #52A7F4;
	height: 8px;
	width: 100%;
}

.bootstrap-select .text-muted {
	color: #777 !important;
}

.form-definition-name {
	font-size: 16px;
	font-weight: 600;
	color: #555555;
	text-align: center;
	padding-top: 5px;
}

.form-definition-image {
	border: 1px solid #52A7F4;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.packet-role {
	background-color: #F7F7F7;
	height: 50px;
	margin-bottom: 5px;
	padding-top: 8px;
}

.role-owner {
	display: inline-block;
	width: 20px;
	font-size: 20px;
	color: green;
}

.role-name {
	font-weight: 600;
}

.send-role-form-group {
	margin-top: -3px;
}

.role-action {
	color: #555555;
	padding-top: 5px;
}

.padded-section {
	padding: 20px 40px 40px;
}

#toggleTimePicker {
	cursor: pointer;
}

.datetime-picker-toggle {
	padding-top: 10px;
}

.datetime-picker-toggle>a {
	cursor: pointer;
}

.modal-footer {
	background-color: #e5e5e5;
	margin-top: 20px;
	padding: 10px 20px 10px 20px;
}

.modal-title {
	color: #555555;
}

.modal-header-bar {
	background-color: #51A7F9;
	height: 10px;
}

.confirm-text {
	font-size: 20px;
	padding: 20px 80px;
	color: #555555;
}

#reminderDays {
	width: 50px;
	display: inline;
}

.packet-definition {
	background-color: #E5EEF7;
	border: 1px solid #52A7F4;
	padding: 10px 20px;
	margin: 5px 0px 0px;
	height: 150px;
}

.packet-participants-row {
	margin-bottom: 5px;
	height: 50px;
}

.packet-participant-text {
	padding-left: 10px;
	color: #555555;
}

.packet-status {
	font-size: 20px;
	font-weight: 600;
}

.packet-status>i {
	margin-right: 10px;
}

.text-warning {
	color: #f0ad4e;
}

.packet-participant {
	background-color: #F7F7F7;
	display: inline-block;
	height: 50px;
	width: 50px;
	font-size: 36px;
	color: #777;
	margin: 0px 10px;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
}

.packet-participant-more {
	display: inline-block;
	height: 50px;
	font-style: italic;
	background-color: #52A7F4;
	color: #fff;
	vertical-align: middle;
	width: 150px;
	padding: 5px 10px;
}

.progress {
	border-radius: 0px;
	margin-bottom: 0px;
}

.packet-thumbnail {
	height: 120px;
	overflow: hidden;
}

.packet-thumbnail-overlay {
	position: absolute;
	width: 174px;
	left: 15px;
	top: 0px;
	background-color: #fff;
	padding: 5px 5px 0px;
	border: 1px solid #555555;
}

#packetDefnitionList {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 30px;
}

#searchIcon {
	cursor: pointer;
}

.packet-thumbnail img {
	display: block;
	border: 1px solid #555555;
}

.page-title {
	padding-left: 20px;
	padding-right: 20px;
}

@media ( max-width :768px) {
	.page-title {
		padding-left: 10px;
		padding-right: 10px;
	}
	.div-title {
		margin-right: 10px;
	}
}

.main-title {
	/* border-bottom: 1px solid #777; */
	margin-bottom: 10px;
	font-size: 22px;
	height: 60px;
	padding-top: 20px;
}

@media ( max-width :768px) {
	.main-title {
		height: 100px;
	}
}

.main-title>i {
	margin-left: 10px;
}

.searchBox {
	margin: 0px 15px 30px 15px;
	padding: 10px;
	background-color: #F7F7F7;
}

.searchTitle {
	font-size: 16px;
	font-weight: 600;
}

.searchTitleRow {
	margin-bottom: 20px;
}

.input-group-addon {
	border-radius: 0px;
}

.toggleSearchLink {
	height: 35px;
	padding-left: 10px;
}

.no-results {
	text-align: center;
	width: 100%;
}

.search-operator {
	padding-left: 0px;
}

.pointer-cursor {
	cursor: pointer;
}

.email-table-body {
	background-color: #EAEAEA;
	width: 100%;
	padding: 10px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
	font-weight: 300;
	font-size: 14px;
	display: block;
}

.email-hero-logo {
	font-size: 32px;
	letter-spacing: 0.0625em;
	color: black;
	height: 80px;
	white-space: nowrap;
	vertical-align: middle;
}

.email-logo-blue {
	color: #52A7F4;
}

.email-body {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 10px;
}

.email-title {
	font-size: 26px;
	height: 50px;
}

.email-view-document-button {
	font-size: 24px;
	height: 50px;
	width: 50%;
	background-color: #51A7F9;
	border-color: #51A7F9;
	padding: 6px 12px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
}

.email-document-link {
	color: #ffffff;
	text-decoration: none;
}

.email-footer {
	background-color: #53585F;
	color: #ffffff;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.email-padding {
	height: 100px;
}

.email-pad-30 {
	height: 30px;
}

.email-italic {
	font-style: italic;
}

.gridster .gs-w {
	background: #F7F7F7;
	cursor: pointer;
	z-index: inherit;
}

.gridster ul {
	list-style-type: none;
}

.gridster li {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
}

.widget {
	text-align: left;
	padding: 3px 10px 10px 10px;
	font-weight: normal;
}

.widget-primary {
	background-color: #4DA5F6;
	color: #ffffff;
}

.widget-primary .widget-edit-btn {
	background-color: #4DA5F6 !important;
}

.primary-widget-text {
	font-size: 18px;
	line-height: initial;
}

.widget-upload-form-definition {
	background-color: #FFFFFF;
	border: 2px dotted #52A7F4;
	padding-top: 10px;
	width: 150px;
	color: #53585F;
	font-size: 14px;
}

.widget-upload-form-definition.in {
	background-color: #BDDFFF;
	border: 2px solid #52A7F4;
	color: #FFFFFF;
}

.widget-form-container {
	padding: 10px 20px;
	margin-bottom: 5px;
	width: 190px;
	background-color: #ffffff;
	-moz-box-shadow: 0px 2px 3px 1px #6A6A6A;
	-webkit-box-shadow: 0px 2px 3px 1px #6A6A6A;
	box-shadow: 0px 2px 3px 1px #6A6A6A;
}

.widget-upload-form-definition-plus {
	font-size: 16px;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.widget-fileinput-button {
	position: absolute;
	top: 85px;
	left: 50px;
	width: 120px;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 25px;
	direction: ltr;
	cursor: pointer;
}

.widget-form-definition-error-block {
	display: inline-block;
}

.widget-form-definition-block-error {
	background-color: #FFFFFF;
	border: 1px solid #a94442;
	padding: 20px;
	/*     margin-bottom: 30px; */
	color: #a94442;
	width: 150px;
	/*    height: 325px; */
	text-align: center;
}

.widget-form-definition-block-error-title {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 12px;
	line-height: initial;
}

.widget-form-definition-block-error-text {
	font-size: 12px;
}

.widget-form-definition-error-dismiss {
	cursor: pointer;
	padding: 5px 5px 0px 0px;
	color: #a94442;
}

.widget-send-body {
	font-size: 16px;
}

.widget-title {
	font-size: 20px;
	float: left;
	padding-top: 6px;
}

.widget-number {
	font-size: 24px;
	font-weight: bold;
	height: 30px;
	margin-top: 10px;
}

.widget-progress-info {
	float: left;
	height: 40px;
	padding-left: 3px;
}

.widget-progress-title-row {
	
}

.widget-progress-title {
	float: left;
	margin-bottom: 10px;
}

.widget-progress-title-text {
	margin-left: 3px;
	margin-right: 3px;
	border-bottom: 1px solid #B1B1B3;
}

.widget-header {
	height: 40px;
}

.widget-progress {
	clear: both;
	height: 50px;
}

.progress-bar-clear {
	background-color: #F7F7F7;
}

.widget-btn {
	margin-left: 40px;
	margin-right: 40px;
	width: 120px;
	border-color: #52A7F4;
	height: 100px;
	font-size: 16px;
}

.widget-link-box {
	/* margin-left: 40px; */
	/* margin-right: 40px; */
	width: 120px;
	border-color: #52A7F4;
	height: 100px;
	font-size: 16px;
	line-height: 1;
}

.widget-link-box.wide {
	width: 270px
}

.widget-middle-button {
	width: 47%;
}

.widget-icon {
	font-size: 60px;
}

.widget-icon.grey {
	font-size: 60px;
	color: #ccc;
}

.widget-icon:before {
	font-size: 60px !important;
}

.widget-icon.small:before {
	font-size: 30px !important;
	margin: 0px 30px 0px 20px;
}

.templateimg {
	height: 110px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.template-row {
	display: inline-block;
	text-align: center;
}

.template-link-column {
	height: 120px;
}

.align-very-bottom {
	position: relative;
	top: 90%;
	display: block;
	text-align: right;
}

.align-bottom {
	position: relative;
	top: 70%;
	display: block;
}

.widget-button-row {
	margin-left: 30px;
	margin-top: 20px;
}

.template-widget-button-row {
	margin-left: 30px;
}

.widget-spacer {
	margin: auto auto;
	width: 120px;
}

.widget-spacer.wide {
	width: 270px;
}

.pending-block {
	height: 100px;
	padding: 10px;
}

.pending-left-band {
	float: left;
	width: 20px;
	height: 70px;
}

.pending-left-band.signature {
	background-color: #52A7F4;
}

.pending-left-band.approval {
	background-color: #0075E1;
}

.pending-left-band.others {
	background-color: #004586;
}

.pending-icon {
	float: left;
	font-size: 30px;
	padding: 15px;
}

.pending-count {
	float: left;
	font-size: 30px;
	font-weight: bold;
	height: 30px;
	width: 40px;
	padding: 25px 10px 5px 10px;
}

.pending-text {
	float: left;
	font-size: 24px;
	height: 60px;
	width: 180px;
	line-height: normal;
	padding-left: 20px;
}

.pending-container {
	margin-top: 30px;
}

.widget-task-item {
	padding-left: 20px;
	padding-bottom: 20px;
}

.widget-task-container {
	overflow-y: scroll;
	height: 360px;
}

.activity-tree li {
	text-align: left;
	font-weight: normal;
	margin-bottom: 20px;
}

.activity-tree li:first-child {
	margin-top: 20px;
}

.activity-tree ul {
	padding-left: 0px;
	margin-bottom: 20px;
}

.activity-header-round {
	background-color: #0075E1;
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 10px;
	color: #ffffff;
	border-color: #777;
	margin-right: 10px;
	z-index: 2000;
}

.activity-item-round {
	background-color: #ffffff;
	height: 10px;
	width: 10px;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	border: 1px solid #ccc;
	color: #ffffff;
	margin-right: 10px;
	margin-left: 5px;
	margin-top: 5px;
}

.activity-item-text {
	min-width: 280px;
	width: 90%;
}

.activity-tree .base {
	padding-left: 15px;
}

.widget-activity-container {
	overflow: scroll;
	height: 350px;
}

.log-header-text {
	font-weight: bold;
}

.log-header-daysago {
	padding-left: 10px;
	color: #B1B1B3;
}

.log-item-time {
	color: #B1B1B3;
	font-size: 12px;
	display: block;
	margin-left: 30px;
}

.widget-header-bar {
	background-color: #51A7F9;
	height: 3px;
}

.widget-loading-progress {
	border-radius: 0px;
	margin-bottom: 0px;
	height: 3px;
}

.form-widget-loading-progress {
	border-radius: 0px;
	margin-bottom: 0px;
	height: 3px;
}

.widget-loading-progress>.ui-progressbar {
	height: 3px !important;
}

.widget-error {
	font-weight: normal;
	color: #a94442;
	margin-top: 50px;
	padding: 20px;
}

.widget-loading-progress .progress-bar {
	background-color: #51A7F9;
}

.primary-widget-loading-progress .progress-bar {
	background-color: #0075E1;
}

.primary-widget-loading-progress {
	border-radius: 0px;
	margin-bottom: 0px;
	height: 3px;
}

.slow-ease-in-out {
	-webkit-transition: width 10s ease-in-out;
	-moz-transition: width 10s ease-in-out;
	-ms-transition: width 10s ease-in-out;
	-o-transition: width 10s ease-in-out;
	transition: width 10s ease-in-out;
}

.fast-ease-in-out {
	-webkit-transition: width 0.1s ease-in-out;
	-moz-transition: width 0.1s ease-in-out;
	-ms-transition: width 0.1s ease-in-out;
	-o-transition: width 0.1s ease-in-out;
	transition: width 0.1s ease-in-out;
}

.dashboard-header {
	height: 40px;
	margin-top: 20px;
}

.dashboard-title {
	font-size: 25px;
	float: left;
	padding: 5px 15px;
}

.dashboard-add-btn {
	float: left;
	margin: 5px 15px;
}

.widget-edit-btn {
	background-color: #F7F7F7 !important;
}

#widget-edit-dropdown {
	min-width: 50px;
}

.empty-widget {
	font-size: 18px;
	text-align: center;
	padding: 20px;
	line-height: initial;
}

.empty-widget-container {
	top: 25%;
	position: absolute;
}

.modal-form-prep {
	/* width: 1250px; */
	/* width: 100%; */
	min-width: 960px;
	height: 100%;
}

.modal-sign-now-prep {
	height: 100%;
}

.document-page {
	/* border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
	margin: 0px auto 10px auto;
	position: relative;
	width: 100%;
	/* height: 100%; */
	/* max-height: 1093px; */
}

#form-canvas {
	/* The canvas is 1200 + 100 for the floating paging */
	/* height: 1300px;
    width: 900px; */
	position: relative;
	width: 842px;
	margin-left: auto;
	margin-right: auto;
}

.alert {
	border-radius: 0px;
}

.alert-container {
	padding: 10px 0px;
}

.assignment-container {
	height: 60px;
}

.assignment-assignment-div {
	float: left;
	margin-right: 10px;
}

.assignment-name-div {
	font-weight: bold;
}

.assignment-outer-div {
	float: left;
	padding: 5px 10px;
	cursor: pointer;
	margin: 10px 10px 0px 10px;
	outline: 2px solid;
}

.highlighted {
	outline-width: 4px !important;
}

.sign-tags {
	outline-color: rgba(245, 162, 73, 1.0) !important;
}

.assigned-tag-fill {
	outline-color: rgba(245, 162, 73, 1.0) !important;
}

.assigned-tag-fill.selected {
	background-color: rgba(245, 162, 73, 1.0);
	color: #ffffff;
}

.assigned-tag-fill>.assignment-count-div>.badge {
	background-color: rgba(245, 162, 73, 1.0) !important;
}

.assigned-tag-fill.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: rgba(245, 162, 73, 1.0) !important;
}

.assigned-tag-0 {
	outline-color: #51A7F9 !important;
}

.assigned-tag-0.selected {
	background-color: #51A7F9;
	color: #ffffff;
}

.assigned-tag-0>.assignment-count-div>.badge {
	background-color: #51A7F9 !important;
}

.assigned-tag-0.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #51A7F9 !important;
}

.assigned-tag-1 {
	outline-color: #70BF41 !important;
}

.assigned-tag-1.selected {
	background-color: #70BF41;
	color: #ffffff;
}

.assigned-tag-1>.assignment-count-div>.badge {
	background-color: #70BF41 !important;
}

.assigned-tag-1.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #70BF41 !important;
}

.assigned-tag-2 {
	outline-color: #7C109A !important;
}

.assigned-tag-2.selected {
	background-color: #7C109A;
	color: #ffffff;
}

.assigned-tag-2>.assignment-count-div>.badge {
	background-color: #7C109A !important;
}

.assigned-tag-2.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #7C109A !important;
}

.assigned-tag-3 {
	outline-color: #7D5A3F !important;
}

.assigned-tag-3.selected {
	background-color: #7D5A3F;
	color: #ffffff;
}

.assigned-tag-3>.assignment-count-div>.badge {
	background-color: #7D5A3F !important;
}

.assigned-tag-3.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #7D5A3F !important;
}

.assigned-tag-4 {
	outline-color: #008729 !important;
}

.assigned-tag-4.selected {
	background-color: #008729;
	color: #ffffff;
}

.assigned-tag-4>.assignment-count-div>.badge {
	background-color: #008729 !important;
}

.assigned-tag-4.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #008729 !important;
}

.assigned-tag-5 {
	outline-color: #15A3AC !important;
}

.assigned-tag-5.selected {
	background-color: #15A3AC;
	color: #ffffff;
}

.assigned-tag-5>.assignment-count-div>.badge {
	background-color: #15A3AC !important;
}

.assigned-tag-5.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #15A3AC !important;
}

.assigned-tag-6 {
	outline-color: #F5D328 !important;
}

.assigned-tag-6.selected {
	background-color: #F5D328;
	color: #ffffff;
}

.assigned-tag-6>.assignment-count-div>.badge {
	background-color: #F5D328 !important;
}

.assigned-tag-6.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #F5D328 !important;
}

.assigned-tag-7 {
	outline-color: #CA2790 !important;
}

.assigned-tag-7.selected {
	background-color: #CA2790;
	color: #ffffff;
}

.assigned-tag-7>.assignment-count-div>.badge {
	background-color: #CA2790 !important;
}

.assigned-tag-7.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #CA2790 !important;
}

.assigned-tag-8 {
	outline-color: #C3D92D !important;
}

.assigned-tag-8.selected {
	background-color: #C3D92D;
	color: #ffffff;
}

.assigned-tag-8>.assignment-count-div>.badge {
	background-color: #C3D92D !important;
}

.assigned-tag-8.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #C3D92D !important;
}

.assigned-tag-9 {
	outline-color: #C82506 !important;
}

.assigned-tag-9.selected {
	background-color: #C82506;
	color: #ffffff;
}

.assigned-tag-9>.assignment-count-div>.badge {
	background-color: #C82506 !important;
}

.assigned-tag-9.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #C82506 !important;
}

.assigned-tag-10 {
	outline-color: #002452 !important;
}

.assigned-tag-10.selected {
	background-color: #002452;
	color: #ffffff;
}

.assigned-tag-10>.assignment-count-div>.badge {
	background-color: #002452 !important;
}

.assigned-tag-10.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #002452 !important;
}

.assigned-tag-11 {
	outline-color: #F39019 !important;
}

.assigned-tag-11.selected {
	background-color: #F39019;
	color: #ffffff;
}

.assigned-tag-11>.assignment-count-div>.badge {
	background-color: #F39019 !important;
}

.assigned-tag-11.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #F39019 !important;
}

.assigned-tag-unassigned {
	outline-color: #6A6A6A !important;
	background-color: #F7F7F7;
	font-style: italic;
}

.assigned-tag-unassigned.selected {
	background-color: #6A6A6A !important;
	color: #ffffff;
}

.assigned-tag-unassigned>.assignment-count-div>.badge {
	background-color: #6A6A6A !important;
}

.assigned-tag-unassigned.selected>.assignment-count-div>.badge {
	background-color: #FFFFFF !important;
	color: #6A6A6A !important;
}

.form-tag-aligner {
	display: table-cell;
	/* vertical-align: bottom; */
}

.sign-thumbnail-button-bar {
	padding: 5px;
}

.sign-thumbnail-button-bar .btn {
	font-size: 12px !important;
	width: 72px;
}

.panel-title>a.disabled {
	color: #B1B1B3;
	text-decoration: none;
	cursor: default;
}

.sign-instructions-container {
	background-color: #E5EEF7;
	min-height: 40px;
	text-align: center;
}

.sign-instructions-summary {
	padding: 15px;
}

.low-priority {
	text-align: center;
	width: 40px;
	display: block;
}

.high-priority {
	text-align: center;
	width: 40px;
	display: block;
	font-size: 20px;
	font-weight: 600;
}

.template-upgrade-text {
	padding: 20px;
}

/* http://jsfiddle.net/shpoont/3cA4x/ */
.startbuttonbox {
	width: 155px;
	height: 35px;
	position: relative;
	float: left;
	margin-top: 7px;
	margin-left: 15px;
}

.startbuttonbox:after { /* make two squares (before and after), looking similar to the button */
	content: "";
	position: absolute;
	top: 4px;
	right: -13px;
	width: 25px;
	height: 25px;
	background: inherit; /* use parent background */
	border: inherit; /* use parent border */
	border-left-color: transparent; /* hide left border */
	border-bottom-color: transparent; /* hide bottom border */
}

.startbuttonbox:after {
	transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.invalid-token-danger-row {
	height: 200px;
}

.guest-saved {
	background-color: #F7F7F7;
}

.guest-saved>.invalid-token-block {
	font-size: 20px !important;
}

.invalid-token-block {
	width: 800px;
	font-size: 24px;
	text-align: center;
	padding: 20px;
}

.invalid-token-block>div {
	margin: 10px;
}

.invalid-token-text-block {
	margin-top: 50px;
	width: 700px;
	font-size: 24px;
	text-align: center;
	padding: 20px;
}

.invalid-token-text-block>div {
	margin: 50px;
}

.btn-focus-tag {
	position: absolute !important;
	top: 200px;
	z-index: 10;
	left: -30px;
	border-radius: 4px;
	display: none;
}

.mobile-tag-button-wrapper {
	float: left;
	position: relative;
}

.parent-record-options {
	margin-left: 115px !important;
}

.contacts-tab-settings-header {
	margin-bottom: 20px;
}

.integration-config-contact-option-text {
	padding-top: 6px;
	padding-left: 0px !important;
}

.integration-config-subtext {
    padding-top: 6px;
    color: #ccc;
}

.contact-association-div {
	margin-left: 30px;
	margin-top: 30px;
}

.contact-association-options {
	margin: 20px 30px;
}

.contacts-from-parent {
	margin-left: 19px;
    margin-top: 10px;
}

.mobile-btn-focus-tag {
	position: absolute !important;
	/* top: 20px; */
	left: 20px;
	z-index: 10;
	font-size: 12px;
	display: none;
	/* border-radius: 4px; */
}

@media ( min-width :768px) {
	.mobile-btn-focus-tag {
		display: inline-block;
	}
}

.mobile-btn-focus-tag:focus {
	outline: none;
}

.mobile-btn-arrow-right {
	position: relative;
	/* padding-left: 20px; */
	padding-right: 25px;
	width: 90px;
	padding-right: 25px;
}

.mobile-btn-arrow-right:after {
	/* make two squares (before and after), looking similar to the button */
	content: "";
	position: absolute;
	top: 6px; /* move it down because of rounded corners */
	width: 34px; /* same as height */
	height: 34px; /* button_outer_height / sqrt(2) */
	background: inherit; /* use parent background */
	border: inherit; /* use parent border */
	border-left-color: transparent; /* hide left border */
	border-bottom-color: transparent; /* hide bottom border */
	/*border-radius: 0px 4px 0px 0px;
	 round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px 
	-webkit-border-radius: 0px 4px 0px 0px;
	-moz-border-radius: 0px 4px 0px 0px;*/
}

.mobile-btn-arrow-right:after {
	transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.mobile-btn-arrow-right:after { /* align the "after" square to the right */
	right: -17px;
}

.mobile-btn-arrow-right:after { /* bring arrow pointers to front */
	z-index: -1;
}

.mobile-btn-arrow {
	position: relative;
	padding-left: 20px;
	padding-right: 25px;
}

.btn-arrow-right, .btn-arrow-left {
	position: relative;
	padding-left: 18px;
	padding-right: 18px;
}

.btn-arrow-right {
	padding-left: 36px;
}

.btn-arrow-left {
	padding-right: 36px;
}

.btn-arrow-right:before, .btn-arrow-right:after, .btn-arrow-left:before, .btn-arrow-left:after {
	/* make two squares (before and after), looking similar to the button */
	content: "";
	position: absolute;
	top: 5px; /* move it down because of rounded corners */
	width: 22px; /* same as height */
	height: 22px; /* button_outer_height / sqrt(2) */
	background: inherit; /* use parent background */
	border: inherit; /* use parent border */
	border-left-color: transparent; /* hide left border */
	border-bottom-color: transparent; /* hide bottom border */
	border-radius: 0px 4px 0px 0px;
	/* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
	-webkit-border-radius: 0px 4px 0px 0px;
	-moz-border-radius: 0px 4px 0px 0px;
}

.btn-arrow-right:before, .btn-arrow-right:after {
	transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.btn-arrow-left:before, .btn-arrow-left:after {
	transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
}

.btn-arrow-right:before, .btn-arrow-left:before { /* align the "before" square to the left */
	left: -11px;
}

.btn-arrow-right:after, .btn-arrow-left:after { /* align the "after" square to the right */
	right: -11px;
}

.btn-arrow-right:after, .btn-arrow-left:before { /* bring arrow pointers to front */
	z-index: 1;
}

.btn-arrow-right:before, .btn-arrow-left:after { /* hide arrow tails background */
	background-color: white;
}

.grid-due-date-warning {
	margin-left: 10px;
	font-size: 18px;
}

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

.bold {
	font-weight: bold !important;
}

.doc-info-text {
	width: 100%;
	padding-left: 10px;
	font-size: 12px;
}

.signature-remove-btn {
	font-size: 18px;
	position: absolute;
	top: 30%;
}

.attestation-sig {
	font-weight: bold;
	font-style: italic;
	padding-bottom: 20px;
}

.section-header {
	border-bottom: 1px solid #B1B1B3;
	color: #B1B1B3;
	font-size: 18px;
	padding-bottom: 8px;
	padding-top: 20px;
}

.account-section {
	margin-left: 4%;
	margin-bottom: 10px;
}

.account-status {
	margin: 15px 15px 15px 0px;
	width: 200px;
}

.account-status-ACTIVE {
	color: #ffffff;
	background-color: #449D45;
	text-align: center;
	padding: 4px;
	border: 1px solid #449D45;
}

.account-status-INACTIVE {
	color: #ffffff;
	background-color: #DF8416;
	text-align: center;
	padding: 4px;
	border: 1px solid #DF8416;
}

.account-status-DELETED {
	color: #ffffff;
	background-color: #C82406;
	text-align: center;
	padding: 4px;
	border: 1px solid #C82406;
}

.account-subscription {
	color: #ffffff;
	background-color: #0185E3;
	padding: 10px;
	border: 1px solid #004586;
	margin: 15px 0px;
}

.account-subscription-title {
	font-size: 26px;
}

.account-recurrence-title {
	font-style: italic;
	font-size: 18px;
}

.verify-background {
	background-color: #F9FAFC;
}

.verify-navbar {
	border-bottom: 1px solid #E5EEF7;
	margin-bottom: 0px;
	background-color: #E5EEF7;
	height: 50px;
	padding-left: 10px;
}

.error-title {
	text-align: center;
	font-size: 26px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #C82406;
	color: #ffffff;
}

.welcome-title {
	text-align: center;
	font-size: 26px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.welcome-text {
	text-align: center;
	padding: 20px 0px;
}

.welcome-success-text {
	padding: 20px 0px;
}

.verify-container {
	background-color: #FFFFFF;
	border: 1px solid #B1B1B3;
	padding: 20px;
}

.beta-container {
	background-color: #FFFFFF;
	border: 1px solid #B1B1B3;
	margin-top: 30px;
	padding: 20px;
	height: 100%;
}

.beta-advisement {
	font-weight: bold;
	margin-top: 30px;
}

.verify-title {
	font-size: 30px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.verify-body {
	padding: 0px 20px;
	margin-bottom: 30px;
}

.verify-progress {
	height: 30px;
	margin-bottom: 20px;
}

.verify-progress-bar {
	border-radius: 15px;
}

.verify-info {
	text-align: center;
	font-style: italic;
	font-size: 16px;
}

.verify-login {
	width: 200px;
}

.verify-success {
	margin-top: 50px;
}

.verify-error-button {
	margin-top: 100px;
}

.verify-merge-button {
	margin-top: 30px;
}

.sign-now-form-upload {
	height: 320px;
}

.download-email-button {
	margin: 20px 25px;
	width: 200px;
}

.send-email-container {
	border-left: 1px solid #ccc;
}

.reset-password-button {
	margin-top: 100px;
}

.reset-password-body {
	font-size: 20px;
	padding: 0px 20px;
	margin-bottom: 60px;
}

label.has-error {
	color: #C82406 !important;
	font-weight: normal !important;
}

div.has-error {
	color: #C82406 !important;
	font-weight: normal !important;
}

.sub-payment-errors {
	text-align: left;
}

.form-control.has-error {
	border: 1px solid #a94442;
	margin-right: 5px;
}

.sign-now-title-padding {
	padding: 20px 0px 40px 0px;
}

.or-section {
	text-align: center;
	margin: 25px 0px;
}

.sign-now-message-container {
	margin-top: 50px;
}

.setting-description {
	padding-top: 8px;
	font-weight: normal;
	font-size: 12px;
}

.setttings-info-container {
	color: #0185E3;
	font-weight: bold;
	padding-left: 30px;
	margin-bottom: 20px;
}

.settings-license-required {
	color: #0185E3;
}

ul.error-list {
	margin-bottom: 0px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

.password-verdict {
	margin-top: 8px;
	position: fixed;
}

.password-verdict.danger {
	color: #C82406;
}

.password-verdict.warning {
	color: #8a6d3b;
}

.password-verdict.success {
	color: #3c763d;
}

span.has-error {
	color: #C82406 !important;
	font-weight: normal !important;
	max-width: 100%;
	margin-bottom: 5px;
}

.pwstrength-label {
	margin-bottom: 0px;
	display: inline;
	text-align: left;
}

.read-round {
	background-color: #ffffff;
	border: 1px solid #56A9F6;
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 10px;
	color: #56A9F6;
	margin-right: 10px;
}

.unread-round {
	background-color: #56A9F6;
	border: 1px solid #56A9F6;
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 10px;
	color: #56A9F6;
	margin-right: 10px;
}

.notification-popover {
	background-color: #ffffff;
	z-index: 12000;
	color: #53585F;
	font-size: 12px;
	width: 252px;
	left: -150px !important;
	padding: 0 0 0 0;
}

.notification-item {
	min-height: 70px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	padding: 10px 14px;
}

.popover-content.no-padding {
	padding: 0px 0px 0px 0px;
}

.notification-time {
	color: #ccc;
	font-size: 14px;
	font-weight: 200;
	margin-top: 8px;
}

.notification-title {
	background-color: #56A9F6;
	color: #ffffff;
	border-radius: 0px 0px 0 0;
}

.notification-title>a {
	color: #ffffff;
}

.notification-popover.bottom>.arrow:after {
	border-bottom-color: #56A9F6;
}

a.notificationtrigger:focus {
	outline: none;
}

.notification-popover.bottom>.arrow {
	left: 175px !important;
}

.notification-more-item {
	height: 40px;
	padding: 10px;
	font-size: 14px;
}

.confirm-progress-container {
	height: 150px;
}

.confirm-progress {
	height: 20px;
	margin-top: 100px;
}

.confirm-send-text {
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
}

.reset-password-formgroup {
	margin-top: 20px;
	height: 50px;
}

.tokenfield .token {
	background-color: #52A7F4;
	color: #ffffff;
	border: 1px solid #52A7F4;
	border-radius: 0px;
}

.sender-photo {
	float: left;
	margin-right: 15px;
}

.sender-name {
	font-size: 22px;
}

.sender-company {
	margin-bottom: 40px;
}

.mobile-documentheader-row {
	background-color: #F7F7F7;
	padding: 10px 10px;
	height: 60px;
}

.progress .progressbar-back-text {
	background-color: #EAEAEA;
}

.field-tag-outer-row {
	width: 880px;
}

.btn-sign[disabled] {
	background-color: #EAEAEA;
	border-color: #53585F;
	color: #53585F;
}

.sign-complete-tooltip {
	text-align: left;
	max-width: 300px;
}

.sign-complete-tooltip>.close {
	color: #ffffff;
	opacity: 1;
}

#slideout {
	position: absolute;
	width: 280px;
	top: 313px;
	right: -280px;
	padding-left: 20px;
	height: 100%;
	overflow-y: scroll;
	display: none;
	border: 1px solid #ccc;
	background-color: #ffffff;
	/* -moz-box-shadow: 0px 2px 3px 1px #ddd;
	-webkit-box-shadow: 0px 2px 3px 1px #ddd;
	box-shadow: 0px 2px 3px 1px #ddd; */
}

.doc-nav-link {
	font-size: 14px;
	/* width : 36px; */
	padding: 7px 10px;
	margin-left: 20px;
	color: #777;
}

.doc-nav-link:focus, .doc-nav-link:active {
	color: #777;
	outline: none;
}

.doc-nav-link>.badge {
	background-color: #777;
}

.no-overflow {
	overflow-x: hidden;
}

.sign-center-text {
	text-align: center;
	padding-top: 8px;
}

.accordian-tag-column {
	/* width: 880px; */
	max-width: 880px;
}

#accordion {
	list-style: none;
	margin: 0px 0;
	padding: 0;
	/* height: 80px; */
	/* overflow: hidden; */
	/* background: #7d8d96; */
}

#accordion li {
	float: left;
	border-left: block;
	height: 130px;
	width: 50px;
	padding: 0px 0;
	/* 	overflow: hidden; */
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5em;
	border-left: 1px solid #fff;
}

.accordian-handle {
	background-color: #F7F7F7;
	float: left;
	padding: 5px;
}

.according-group-scroll-container {
	overflow-x: scroll;
	height: 130px;
}

#accordion li.active {
	width: 742px;
}

.prepare-drag-drop {
	display: inline-block;
	width: 200px;
	background-color: white;
	transition: background-color 0.3s;
	cursor: move;
	z-index: 13000;
	padding: 5px 5px;
	outline: 2px solid;
	height: 30px;
}

.prepare-drag-drop>.glyphicon.glyphicon-option-vertical {
	width: 1px;
	color: #B1B1B3;
}

.prepare-drag-drop>.glyphicon.glyphicon-option-vertical.second {
	margin-right: 10px;
}

.welcome-text {
	font-style: italic;
	font-size: 18px;
	text-align: left;
}

.home-section {
	background-color: #F7F7F7;
	padding: 0px 0px 30px;
	margin-bottom: 30px;
	color: #333;
}

.home-section-title {
	font-size: 20px;
	padding: 10px 15px;
	margin-bottom: 10px;
}

.home-section-icon:before {
	font-size: 40px !important;
	margin-top: 45px;
}

.home-section-icon-btn {
	width: 140px;
	border-color: #333;
	height: 140px;
	font-size: 16px;
	line-height: 1;
}

.home-title {
	font-size: 25px;
	padding: 5px 15px;
	margin-top: 10px;
}

.home-section-top-bar {
	background-color: #51A7F9;
	height: 3px;
}

.home-section-text {
	font-size: 20px;
	float: left;
}

.autosave-container {
	display: inline;
	padding-right: 40px;
}

.help-popover {
	max-width: 800px;
}

.help-img {
	text-align: right;
	margin: 10px 0px;
}

.help-row {
	margin: 5px 0px;
}

.form-download-row {
	padding: 10px 10px;
}

.form-download-name {
	margin-left: 10px;
}

@media ( max-width : 768px) {
	.small-screen-only {
		display: block !important;
	} /* show it on small screens */
	.small-screen-inline-only {
		display: inline-block !important;
	} /* show it on small screens */
	.large-screen-only {
		display: none !important;
	} /* hide it on small screens */
}

@media ( min-width : 768px) {
	.small-screen-only {
		display: none !important;
	} /* hide it on large screens */
	.small-screen-inline-only {
		display: none !important;
	} /* hide it on large screens */
	.large-screen-only {
		display: show !important;
	} /* show it on large screens */
}

/*nav prototyping!*/
.navbar-blue {
	border-bottom: 1px solid #4DA5F6;
	margin-bottom: 0px;
	background-color: #4DA5F6;
	min-height: 70px;
	border-color: #4DA5F6;
	-moz-box-shadow: 0px 2px 3px 1px #B1B1B3;
	-webkit-box-shadow: 0px 2px 3px 1px #B1B1B3;
	box-shadow: 0px 2px 3px 1px #B1B1B3;
}

.navbar-white {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 0px;
	background-color: #ffffff;
	min-height: 70px;
	border-color: #ffffff;
	-moz-box-shadow: 0px 2px 3px 1px #B1B1B3;
	-webkit-box-shadow: 0px 2px 3px 1px #B1B1B3;
	box-shadow: 0px 2px 3px 1px #B1B1B3;
}

.navbar-gray {
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 0px;
	background-color: #EAEAEA;
	min-height: 70px;
	border-color: #EAEAEA;
	-moz-box-shadow: 0px 2px 3px 1px #B1B1B3;
	-webkit-box-shadow: 0px 2px 3px 1px #B1B1B3;
	box-shadow: 0px 2px 3px 1px #B1B1B3;
}

.navbar-blue .navbar-nav>li>a {
	color: #e7e7e7;
}

.navbar-blue .navbar-nav>li {
	float: left;
	padding-top: 10px;
}

.navbar-gray .navbar-nav>li {
	float: left;
	/* padding-top:10px; */
}

.no-padding {
	padding: 0px 0px 0px 0px !important;
}

.navbar-white .navbar-nav>li>a {
	color: #53585F;
}

.divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.app-logo-blue {
	width: 120px;
}

.navbar-blue .navbar-collapse {
	/* text-align: center; */
	/* padding-top: 10px; */
	
}

.navbar-white .navbar-collapse {
	/* text-align: center; */
	margin-top: 10px;
}

.navbar-gray .navbar-collapse {
	/* text-align: center; */
	margin-top: 10px;
}

.top-nav-profile-name {
	display: inline-block;
	vertical-align: middle;
}

.nav-blue-dropdown {
	font-size: 16px;
}

.nav-white-dropdown {
	font-size: 16px;
}

.float-left {
    float: left;
}

.checkbox-left {
    float: left;
    padding-right: 20px;
}

.main-breadcrumb {
    font-size: 20px;
    margin-bottom: 30px;
}

.integration-config-row {
    margin-top: 10px;
}

.integration-config-contact-text {
    padding-top: 6px;
    padding-left: 0px !important;
    width: 310px;
}

.integration-config-assigned-text {
    width: 110px;
    padding-top: 6px;
}

.integration-config-text {
    padding-top: 6px;
}

.form-field-checkbox {
	width: 35px;
    float: left;
}

.integration-config-contact-input {
    width: 180px;
}

.config-tab-pane {
    padding: 15px;
}

.config-tab-info {
    padding-left: 20px;
    padding-right: 20px;
}

.config-sub-heading {
    background: #f3f3f3;
    height: 35px;
    padding-top: 8px;
    margin-left: 10px;
}

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

.nav-gray-dropdown {
	font-size: 16px;
}

.tour-step-close {
	padding: 10px !important;
}

.tourstep {
	width: 800px;
	height: 300px;
}

.tour-popover {
	border-radius: 0px;
	max-width: 800px;
	z-index: 50000;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
}

.tour-welcome-btn {
	font-size: 30px !important;
}

.tour-welcome-btn-row {
	margin: 30px 0px;
}

.tour-welcome-chbx-row {
	margin-top: 70px;
	color: #4DA5F6;
}

.tour-title {
	font-size: 24px;
	font-weight: 600;
	color: #4DA5F6;
	margin-bottom: 10px;
}

.tour-text {
	font-size: 16px;
}

.tour-img {
	width: 250px;
	height: 177px;
	border: 1px solid #ccc;
}

.tour-next-btn {
	width: 250px;
	margin-top: 20px;
}

.tour-action-link {
	margin-top: 30px;
}

.confirm-upgrade-title {
	font-weight: 600;
	margin-bottom: 30px;
	font-size: 18px;
}

.cancel-subscription-text {
	padding: 20px;
}

.cancel-subscription-text.has-error {
	color: #C82406 !important;
	font-weight: bold !important;
}

.confirm-sub-cancel-progress {
	height: 20px;
	margin-top: 50px;
}

.downgrade-error {
	padding: 10px 0px;
}

.payment-errors {
	padding: 10px 0px;
}

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

.paid-in-full {
	color: #449D45;
	font-weight: bold;
}

.mobile-warning-background {
	background-color: #139ef8;
	color: #ffffff;
}

.mobile-warning-title {
	font-size: 30px;
	margin: 20px 0px;
}

.mobile-warning-body {
	margin: 20px 0px;
	font-size: 16px;
}

.mobile-warning-btn {
	color: #139ef8;
	margin-top: 50px;
	border-color: #139ef8;
}

.simple-search-input {
	border-right: 0;
    box-shadow: none !important;
    border-color: #ccc !important;
}

.simple-search-icon {
	background-color: #ffffff;
    border-radius: 0px;
    cursor: pointer;
}

.simple-search-column {
	padding-left: 0px !important;
}

.combobox-input {
	border-right: 0;
	box-shadow: none !important;
	/* border-color: #ccc !important; */
}
.combobox-input.has-error {
	border-right: 0 !important;
}

.combobox-input:focus {
	border-color: #ccc;
}

.combobox-icon {
	background-color: #ffffff;
	cursor: pointer;
}

.combobox-icon.has-error {
	border: 1px solid #a94442;
	border-left: 0;
	color: #a94442 !important;
}

.mobile-warning-logo {
	width: 90%;
}

.signup {
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

.signup-title {
	font-size: 30px;
}

.signup-col {
	border: 1px solid #ccc;
	margin: 20px 15px;
	padding: 30px 15px;
}

.signup-col.success {
	border: 1px solid #ccc;
	margin: 20px 15px;
	padding: 30px 15px;
	height: 300px;
}

.signup-header {
	height: 112px;
	line-height: 20px;
	color: rgb(116, 116, 116);
}

.signup-selected-subscription {
	margin: auto !important;
	width: 240px !important;
}

.signup-pricing-column {
	box-sizing: border-box;
	color: rgb(116, 116, 116);
	/*border: 1px solid rgb(237, 237, 237);*/
	display: block;
	float: left;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 443px;
	line-height: 20px;
	min-height: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	width: 218px;
	zoom: 1;
}

.signup-footer {
	margin-top: 40px;
}

.signup-header-backface {
	backface-visibility: hidden;
	background-color: rgb(255, 255, 255);
	box-sizing: border-box;
	color: rgb(116, 116, 116);
	display: block;
	overflow-x: visible;
	overflow-y: visible;
	padding-left: 30px;
	padding-right: 30px;
	color: rgb(116, 116, 116);
}

.signup-header-row {
	margin: 0 auto;
	zoom: 1;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 1100px;
}

.signup-container {
	margin: 0 auto;
	zoom: 1;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 1100px;
}

.signup-header-logo {
	float: left;
	zoom: 1;
	margin: 31px 0px;
}

.fusion-main-menu {
	float: right;
	position: relative;
	z-index: 200;
}

.fusion-main-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fusion-main-menu>ul>li {
	padding-right: 31px;
}

.fusion-main-menu li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.fusion-main-menu a {
	display: block;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.fusion-main-menu>ul>li>a {
	border-top: 3px solid transparent;
	height: 83px;
	line-height: 83px;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #333;
	letter-spacing: 0px;
}

.success-text {
	font-size: 20px;
}

.signup-questions-title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}

.signup-questions-subtitle {
	font-weight: bold;
	color: #70BF41;
	margin: 10px 0px;
}

.inactive-user {
	font-style: italic;
	color: #8097B1;
}

.inactive-user-glyph {
	padding-right: 5px;
	color: #F49019;
}

/* Subscription Pricing table*/
.pricing-table {
	background-color: rgb(248, 248, 248);
	box-sizing: border-box;
	clear: both;
	/* color: rgb(116, 116, 116); */
	display: block;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 443px;
	line-height: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 0px;
	/* width: 1100px; */
	zoom: 1;
}

.pricing-column {
	box-sizing: border-box;
	color: rgb(116, 116, 116);
	display: block;
	float: left;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 443px;
	line-height: 20px;
	min-height: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	width: 210px;
	zoom: 1;
}

.panel-container {
	background-color: rgb(248, 248, 248);
	box-sizing: border-box;
	color: rgb(116, 116, 116);
	display: block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 443px;
	line-height: 20px;
	padding-bottom: 9px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 9px;
	width: 216.391px;
	zoom: 1;
}

.standout .panel-container {
	background-color: #f8f8f8;
	position: relative;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: -10px -9px;
	padding: 9px;
	-webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, .08);
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, .08);
	z-index: 1000;
}

.fusion-panel {
	background-clip: padding-box;
	background-color: rgb(255, 255, 255);
	border-bottom-color: rgb(237, 237, 237);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(237, 237, 237);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(237, 237, 237);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(237, 237, 237);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	box-shadow: none;
	box-sizing: border-box;
	color: rgb(116, 116, 116);
	display: block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	/* height: 425px; */
	line-height: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 216.391px;
	zoom: 1;
}

.panel-heading {
	background-clip: padding-box;
	background-color: rgb(255, 255, 255);
	border-bottom-color: rgb(237, 237, 237);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: rgb(237, 237, 237);
	border-right-color: rgb(237, 237, 237);
	border-top-color: rgb(237, 237, 237);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-sizing: border-box;
	color: rgb(116, 116, 116);
	display: block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	/* height: 55px; */
	line-height: 20px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	text-align: center;
	width: 215.391px;
	zoom: 1;
}

.standout .panel-heading {
	padding: 20px !important;
}

.standout .panel-footer {
	padding: 20px !important;
	height: 70px !important;
}

.pricing-row {
	background-color: rgb(248, 248, 248);
	border-bottom-color: rgb(237, 237, 237);
	border-left-color: rgb(237, 237, 237);
	border-right-color: rgb(237, 237, 237);
	border-top-color: rgb(237, 237, 237);
	box-sizing: border-box;
	color: rgb(116, 116, 116);
	display: block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 101px;
	line-height: 20px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	text-align: center;
	width: 215.391px;
	zoom: 1;
}

.pricing-table .panel-heading h3 {
	color: #333333;
	margin: 0;
	font-size: 16px;
	line-height: 24px;
}

.pricing-table .standout .panel-heading h3 {
	color: #139ef8;
}

.panel-body .price .currency {
	top: -20px;
	font-size: 21px;
	position: relative;
	color: #505050;
}

.selected-subscription {
	margin-left: 20px;
	width: 26%;
}

.pricing-table .panel-body .price .integer-part {
	color: #139ef8;
	font-size: 55px;
	display: inline;
	font-weight: bold;
	line-height: normal;
}

.pricing-table .panel-body .price .decimal-part {
	top: -20px;
	font-size: 17px;
	color: #139ef8;
}

.pricing-table .list-group {
	margin: 0;
	padding: 0;
}

.pricing-table .list-group .list-group-item {
	background-color: #ffffff;
	border-color: #ededed;
	display: block;
	position: relative;
	padding: 15px;
	background: none;
	border-radius: 0;
	border-top: 1px solid #e5e4e3;
	text-align: center;
}

.pricing-table .panel-footer {
	background-color: #f8f8f8;
	border-color: #ededed;
	padding: 15px;
	text-align: center;
	height: 64px;
}

.panel-body .price .time {
	font-size: 11px;
	position: relative;
	font-style: italic;
	color: #888;
	margin-left: -14px;
}

.pricing-table .list-group .list-group-item {
	background-color: #ffffff;
	border-color: #ededed;
}

.fusion-button.button-2 {
	border-width: 0px;
	color: #fff;
	border-color: #fff;
}

.fusion-button.button-2:hover, .fusion-button.button-2:focus, .fusion-button.button-2:active {
	border-width: 0px;
	border-color: #fff;
	color: #fff;
}

.fusion-button.button-2 {
	background: #139ef8;
}

.fusion-button.button-2:hover, .button-2:focus, .fusion-button.button-2:active {
	background: #1187d6;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#3372a7), to(#1187d6));
	background-image: -webkit-linear-gradient(bottom, #3372a7, #1187d6);
	background-image: -moz-linear-gradient(bottom, #3372a7, #1187d6);
	background-image: -o-linear-gradient(bottom, #3372a7, #1187d6);
	background-image: linear-gradient(to top, #3372a7, #1187d6);
}

.fusion-button.button-3 {
	border-width: 0px;
	color: #fff;
	border-color: #fff;
}

.fusion-button.button-3:hover, .fusion-button.button-3:focus, .fusion-button.button-3:active {
	border-width: 0px;
	border-color: #fff;
	color: #fff;
}

.fusion-button.button-3 {
	background: #139ef8;
}

.fusion-button.button-3:hover, .button-3:focus, .fusion-button.button-3:active {
	background: #1187d6;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#3372a7), to(#1187d6));
	background-image: -webkit-linear-gradient(bottom, #3372a7, #1187d6);
	background-image: -moz-linear-gradient(bottom, #3372a7, #1187d6);
	background-image: -o-linear-gradient(bottom, #3372a7, #1187d6);
	background-image: linear-gradient(to top, #3372a7, #1187d6);
}

.glyphicon.glyphicon-star {
	color: #FFD700; 
	padding-left:5px;
}