@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*
CSS template for "Registered user stage" and "Anonymous user stage"
Updated for TAP version 1.1.1.20
*/


/* In case of anonymous access */

html, body {
	font-family: 'Open Sans', sans-serif;
}

.bodyText{
	display: contents !important;
}

html, body, .page-content, .page-content .inner, #workflow-wrapper:not(.embed):not(.registered-embed){
		background: #3a3a3c !important;
}



/* turn off title, header/footer, info, summary/attachments/communications sections */
.page-top, .page-head, .page-footer, .infoSection, .workflowRightTab {
	display: none!important;
}

.workflowHeadingTitle{
	display: none !important;
}

/* center form, get rid of line on right border, add shadow */
#workflow-background-wrapper {
	float: none!important;
	margin: 50px !important;
	border-right: none!important;
	border-radius: 5px;
	/*box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2)!important;*/
}

#workflow-wrapper:not(.embed):not(.registered-embed){

}
/* Page content */


/* Breadcrumb 

.section-breadcrumb-item.active {
  border-bottom: none;
		background:#1e4a93 !important;
		color: white!important;
    cursor: default;
}

.section-breadcrumb-item:hover {
    border-bottom: none;
		background: #1e4a93 !important;
}

.section-breadcrumb-item{
 border-bottom: none;
				font-size: 16px !important;
				color:white!important;
				padding-bottom: 5px;
	/*			text-transform: uppercase !important; 
				outline:none !important;
}

.section-breadcrumb-item:focus{
			outline:none !important;
}

#section-breadcrumbs{

		/*font-family: 'Roboto', sans-serif !important;
}
*/

.formFieldWrapper label{

}

 .formFieldWrapper .form-label{
		padding-bottom: 7px;
		font-size:14px !important;
 }

#form-element-wrapper_151, #form-element-wrapper_156{
		font-family: 'Open Sans', sans-serif;

}

.form-static-html.form-item {
	overflow-x: visible;
}


#form-element-wrapper_1{
	background-image:url('https://kyl.stagingtap.thinksmart.com/default/portal/file/36084c576e5f4980841175b24f5fc9e4.png?t=1555021679283');
	background-repeat: no-repeat;
	background-size:cover;
	padding: 30px 20px;
	background-position: top right;
	color:#3a3a3c !important;
	font-family: 'Open Sans', sans-serif;
}

#form-element-wrapper_152, #form-element-wrapper_153, #form-element-wrapper_154{
    margin: 0 !important;
    height: 170px;
	background: #f4f4f4;
}


#form-element-wrapper_148, #form-element-wrapper_162 {
	margin-top: 20px;
	padding-bottom: 30px;
	border-bottom: 3px solid black !important;
}

/* Allign Select Manager with Name field */
#form-element-wrapper_8{
	margin: 0px 0px 0px 0px;
    padding: 15px 10px 5px 10px !important;
    border-radius: 3px;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}


/*Hide validation field text area and field label*/
#form-element-wrapper_183.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_183.formFieldWrapper.text-box-wrapper input.input-text, #label-element183, #element183, #form-element-wrapper_217.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_217.formFieldWrapper.text-box-wrapper input.input-text, #label-element217, #element217, #form-element-wrapper_114.formFieldWrapper.text-box-wrapper input.input-text#form-element-wrapper_114.formFieldWrapper.text-box-wrapper input.input-text, #label-element114, #element114 {
    display: none !important;
}

/* add background color and padding so that it's visible above/below form */

/*
#workflow-wrapper {
	background-color: #002147!important;
	padding: 50px 0px!important;

}
*/


#workflow-wrapper:not(.embed):not(.registered-embed){
	margin-top: 50px;
}

#StageSubmitForm:not(.recordForm){
/*	padding: 0px 50px !important; */
	margin:0px;
	padding: 0px;
}

#divWorkflowContent {
    width: 85%;
    height: 100%!important;
    min-height: 100%!important;
}
body div.page-content, body div.inner {
    max-width: 2000px !important;
}
div.page-wrap{
    padding-bottom: 0 !important;
}
div#workflow-background-wrapper{
	width: 85% !important;
	margin:0 auto !important;
	background-color: white!important;
	border-radius: 5px !important;
	border-color: rgba(0, 0, 0, 0.13)!important;
	box-shadow: 4px 7px 10px 3px rgba(0, 0, 0, 0.13) !important;
	padding: 20px !important;
}


#result-title{
	padding: 0 !important;
}



	/* Adobe Sign/TY page*/

	body div.page-content{

		margin: 0 auto;
	}

	#thank-you-text {
	 width: 100% !important;
	}



/* put space between bottom of form fields and top of submit button */
.submit-button-wrapper {
	padding-top: 50px!important;
}

/* default space below submit button is 100px, too much */
#formPartialDiv {
	margin-bottom: 0px!important;
}



/* Titles Underline */
.workflowContent .formFieldWrapper.heading-wrapper h3{
    border-bottom: 2px solid black !important;
font-family: 'Open Sans', sans-serif;
color:black !important;
}


/* Fields*/

.form-label{
	font-family: 'Open Sans', sans-serif;
	color:#696969;
}

.formFieldWrapper.text-box-wrapper input.input-text, .form-element-wrapper .select2-container .select2-selection--single, .formFieldWrapper .select2-container .select2-selection--single, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"]:not(.select2-search__field), input[type="tel"], input[type="time"], input[type="url"], textarea, select{
	-webkit-appearance: none !important;
	background: white !important;
	border: 1px solid #B8B8B8 !important;
	color: #4A4A4A !important;
	font-size: 16px !important;
	height: 46px !important;
	line-height: 21px !important;
	outline: 0 !important;
	vertical-align: middle !important;
	font-family: 'Open Sans', sans-serif;
}



.form-label-required span[role='presentation'],.required-text{
	color: #c68184 !important;
}



/*** Buttons ***/

.form-section-buttons{
	margin-top: 50px;
}


.page-content .formFieldWrapper.submit-button-wrapper>div>input,
.page-content .form-section-buttons button,
.page-content .form-section-buttons input,
.form-collaboration-stage-submit-button,
#divWorkflowContent .buttonPopup.blue{
	background: #df1e32!important;
    border-color: #df1e32!important;
    color: white !important;
		padding: 7px 40px !important;
		font-size: 16px !important;
		transition: all 0.5s;
}

/* Upload button*/
#divWorkflowContent .buttonPopup.blue{
	background: #25aae1!important;
    border-color: #25aae1!important;
    color: white !important;
		padding: 3px 10px !important;
		font-size: 12px !important;
		transition: all 0.5s;
}

#divWorkflowContent .buttonPopup.blue:hover{
	background: #4BB7E6!important;
	  border-color: #4BB7E6!important;
}

.page-content .formFieldWrapper.submit-button-wrapper>div>input:hover,
.page-content .form-section-buttons button:hover,
.page-content .form-section-buttons input:hover,
.form-collaboration-stage-submit-button:hover{
	background: #EC4959!important;
	  border-color:  #EC4959!important;
}

p{
	margin-bottom: 0px !important;
}

/* Upload button
#divWorkflowContent .buttonPopup.blue {
	border-color: #008c9a!important;
	background-color: #008c9a!important;
}
*/

/* Submit Button
.submit-button-wrapper .form-submit-button{
	background: #d74b2d !important;
	font-size: 18px !important;
	font-family: 'Nunito', sans-serif !important;
	border: none !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
	border: 2px solid #d74b2d !important;f4f4f4
	border-radius: 0px !important;
}

.submit-button-wrapper .form-submit-button:hover,
.submit-button-wrapper .form-submit-button:checked{
	background-color: white!important;
	border: 2px solid #d74b2d!important;
	color:#d74b2d !important;
	border-radius: 0px !important;

}
*/
/* Next Button
.page-content .form-section-buttons .form-section-next{
  background: #0064A4 !important;
	font-size: 18px !important;
	font-family: 'Nunito', sans-serif !important;
	border: none !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
	border: 2px solid #0064A4 !important;
	border-radius: 0px !important;
}


.form-submit-button:hover,
.page-content .form-section-buttons .form-section-next:hover,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:hover {
	background-color: white!important;
	border: 2px solid #0064A4!important;
	color:#0064A4 !important;
	border-radius: 0px !important;
}

.form-submit-button:checked,
.page-content .form-section-buttons input:checked,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:checked {
	background-color: white !important;
	border: 2px solid #0064A4 !important;
	color:#0064A4 !important;
	border-radius: 0px !important;
}

.form-submit-button:focus,
.page-content .form-section-buttons input:focus,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:focus {
	background-color: white !important;
	border: 2px solid #0064A4 !important;
	color:#0064A4 !important;
	border-radius: 0px !important;
}
*/
/* Back Button
.page-content .form-section-buttons .form-section-prev,
input.form-section-prev{
  background: #aa272f !important;
	font-size: 18px !important;
	font-family: 'Nunito', sans-serif !important;
	border: none !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
	border: 2px solid #aa272f !important;
	border-radius: 0px !important;
}

.page-content .form-section-buttons .form-section-prev:hover,
.page-content .form-section-buttons .form-section-prev:checked,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:hover,
.page-content .formFieldWrapper.submit-button-wrapper>div>input:checked{
	background: white !important;
	border: 2px solid #aa272f !important;
	color: #aa272f !important;
	border-radius: 0px !important;
}

*/



/* Make form wide 100% for phone screen */

@media screen and (max-width:812px) {
	div#workflow-background-wrapper{
	  max-width: 100% !important;
		width: 100% !important;
		}

		#StageSubmitForm:not(.recordForm){
			padding: 5px !important;
		}

	}

/* Make form wide enough to fit 3 fields on one line */
@media screen and (min-width: 1100px) and (max-width: 1340px) {
	#workflow-background-wrapper {
		min-width: 840px!important;
	}

}

/* set form width to 94%, override default @media query that sets width to 100% */
@media screen and (min-width: 700px) and (max-width: 1100px) {
	#workflow-background-wrapper {
		width: 94%!important;
	}
}

/* get rid of top/bottom padding, form takes up entire screen */
@media screen and (max-width: 700px) {
	#workflow-wrapper {
		padding: none!important;
		}