/* This stylesheet is used to style the public-facing components of the plugin. */
.vmiddle { position: relative; top: 50%; transform: translateY(-50%); display: inline-block; }
.vmiddle2 { position: relative; top: 50%; transform: translateY(-5%); }
.vmiddle3 { position: relative; top: 50%; transform: translateY(-40%); }

.alert-text { color: #e6b41a; font-weight:bold; font-size:18px; }
.alert-text.success { color: #29b353 }

div.help-video { text-align: right; position: relative; margin-top: -45px; margin-bottom: 20px;}
div.help-video a { color: #51b8d2; font-weight: bold; font-size:12px; text-decoration: none; }
div.help-video a img { margin-left: 7px; margin-bottom: -7px; }

.et_pb_toggle_title img { margin: 0 7px 0 7px; vertical-align: text-bottom; }

div.content-header.pnp, div.progress-indicator.pnp,
.et_pb_module.et_pb_toggle.et_pb_toggle_open h5.pnp { background-color: #83c33e; }
div.progress-indicator.ra, 
.et_pb_module.et_pb_toggle.et_pb_toggle_open h5.ra { background-color: #fb6e52; }
div.content-header.training, div.progress-indicator.training,
.et_pb_module.et_pb_toggle.et_pb_toggle_open h5.training { background-color: #4771bd; }
div.content-header.baa, div.progress-indicator.baa,
.et_pb_module.et_pb_toggle.et_pb_toggle_open h5.baa { background-color: #54c5e1; }
div.content-header.resources,
.et_pb_module.et_pb_toggle.et_pb_toggle_open h5.resources { background-color: #8070b0; }
div.content-header.video,
.et_pb_module.et_pb_toggle.et_pb_toggle_open h5.video { background-color: #1ab0a7; }

#text_answer {padding: 10px; font-size: 13px; color: #666; }
img.header-icon { float: left; margin-top: -6px; margin-right: 10px; }

.dashboard-widget { /**float: left;**/ padding: 15px; border: 1px solid #ccc; margin-left: 2.5%; margin-right: 2.5%; margin-bottom: 2.5%; background-color: #fff; }
.dashboard-widget h4 { font-weight: bold; }
.dashboard-widget .progress-indicator { width: 25%; float: left; }
.dashboard-widget .progress-indicator.ra { background-color: #fb6e52; }
.dashboard-widget .progress-indicator.pnp { background-color: #83c33e; }
.dashboard-widget .progress-indicator.training { background-color: #4771bd; }
.dashboard-widget .progress-indicator.baa { background-color: #54c5e1; }
.dashboard-widget p { font-size: 12px; color: #949494; padding-left: 10px; line-height:1.5 }
svg{width:100%;}

div.content-subsection { margin-top: 20px; background-color: #f9f9f9; }
div.content-subsection h3, .questionnaire h3 { padding:15px; border-bottom: 3px solid #f78f20; font-size: 16px; color: #f78f20; font-weight: bold; margin-bottom: 15px; background-color: #fff; }
div.content-subsection.pnp h3, .questionnaire.pnp h3 { color: #83c33e; border-color: #83c33e; }
div.content-subsection.ra h3, .questionnaire.ra h3 { color: #fb6e52; border-color: #fb6e52; }
div.content-subsection.training h3, .questionnaire.training h3 { color: #4771bd; border-color: #4771bd; }
div.content-subsection.baa h3, .questionnaire.baa h3 { color: #54c5e1; border-color: #54c5e1; }
div.content-subsection.resources h3, .questionnaire.resources h3 { color: #8070b0; border-color: #8070b0; }

div.questionnaire, div.content-subsection { border: 1px solid #ccc; }
div.content-header { background-color: #f78f20;  padding: 15px; }
div.content-header.ra { background-color: #fb6e52;  padding: 15px; }
div.content-header h2 { color: white; font-weight: bold; padding-bottom: 0; }
div.content-header h2 small { font-size: 0.7em; font-weight: normal; }
div.questionnaire-content { padding: 40px; background-color: #f9f9f9; }
div.questionnaire-content h3 { border-bottom: 1px solid #ccc; margin-bottom: 20px; color: #626262; }
div.questionnaire-question { border: 1px solid #ccc; padding: 20px; background-color: #fff; }
div.questionnaire-question-text { font-weight: bold; margin-bottom: 20px; }
div.questionnaire-navigation { text-align: center; margin: 20px; line-height: 40px; }
div.questionnaire-navigation a { color: #999; }
div.questionnaire-navigation a.active { color: #666; font-weight: bold; text-decoration: underline; }

.custom-upload {
    background-color: #29b353;
    border: 1px solid #29b353;
    border-radius: 15px;
    cursor: pointer;
    color: #fff;
    padding: 4px 10px;
	font-weight: normal;
}
.custom-upload input {
    left: -9999px; 
    position: absolute;
}

div.questionnaire-question-number { width:40px; float:left; font-size:22px; font-weight:bold; }
div.left-padding { padding-left: 40px; }
label { font-weight: bold; }
textarea { height: 100px; width: 100%; padding: 15px; font-size: 15px; }
.btn {  
	display: inline-block;
	padding: 6px 32px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 20px;
}

.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 15px;
}
.btn-default {
  color: #fff;
  background-color: #b8b8b8;
  border-color: #ccc;
}
.btn-primary {
  color: #fff;
  background-color: #f78e20;
  border-color: #e3831e;
}
.btn-success {
	color: #fff;
	background-color: #29b353;
	border-color: #4cae4c;
}
.btn.btn-ra { background-color: #fb6e52; color: #fff; }
.btn.btn-pnp { background-color: #83c33e; color: #fff; }
.btn.btn-training { background-color: #4771bd; color: #fff; }
.btn.btn-baa { background-color: #54c5e1; color: #fff; }

p.ra-color { color: #fb6e52 }
p.pnp-color { color: #83c33e }
p.training-color { color: #4771bd }
p.baa-color { color: #54c5e1 }


div.percent-complete { display: inline-block; text-align: center; padding-left: 17px; vertical-align: top; margin-top: 11px;}
div.percent-complete h2 { color: #e6b41b; font-weight: 600; padding-bottom: 0 }
div.percent-complete p { font-size: 12px; line-height: 1; }


h2.ra { color: #fb6e52; }
h2.pnp { color: #83c33e; }
h2.training { color: #4771bd; }
h2.baa { color: #54c5e1; }
.dashboard-percent h2 { font-weight: bold; padding:0; font-weight: 600;}
.dashboard-percent { text-align: center; }
.dashboard-percent p { padding: 0 }

.form-control {
  display: inline;
  width: 300px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px 80px;
  width: 400px;
  max-width: 700px;
  margin: 20px auto;
  text-align: center;
}
.white-popup.assign { width: 700px; padding: 40px 20px; }
.white-popup.assign table { text-align: left; }
.white-popup.assign table th { padding-bottom: 10px; }
.white-popup.assign table td { padding: 5px 0; }

.white-popup div { padding: 5px; }
.white-popup input[type="text"] { width: 100%; border-radius:20px; background-color: #e2e2e2; border: none; text-align: center; padding: 10px; }
.white-popup a.btn { width: 47%; color: #fff; }

#footer-nav a { color: #fff; font-weight: bold; }
li.active_sub_nav { background-color: #999; }
li.active_sub_nav a { color: #fff !important; }

.free-trial-form label { display:none !important; }
.free-trial-form input[type="text"] { 
  border-radius: 33px;
  padding: 13px;
  text-align: center;
  width: 100% !important;
  border: 5px solid #ccc;
}

.free-trial-form input[type="text"]:focus { 
  border-color: #999 !important;
}

.free-trial-form input[type="submit"]{
  background-color: #27b453;
  padding: 13px;
  color: #fff;
  border: none;
  font-weight: bold;
  width: 50%;
}

div.gform_footer.top_label { text-align: center; }
.et_color_scheme_orange a { color: #27b453; font-weight:bold; }

div.questionnaire.print, div.content-subsection.print {
	border: none;
}
table.print tr td img {
	max-width: none;
	float: right;
}
table.print tr td.icon {
	padding-right: 0;
}

@media print {
	#app-menu {
		display: none;
	}
	
	div.progress-indicators {
		border-right: 1px solid #ccc;
		width: 85%;
		display: inline-block;
		padding-right: 20px;
	}
	
	div.progress-indicators.section {
		width: 85%;
	}
	
	.print-hidden {
		display:none;
	}
	.questionnaire {
		border: none !important;
	}
	.questionnaire-content {
		padding: 0 !important;
	}
	
	#footer-nav {
		display: none !important;
	}
	
	.et_pb_section.et_pb_section_0.et_section_regular {
		padding: 0 !important;
	}
	
	.dashboard-widget {
		padding: 0;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #ccc;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.dashboard-widget h4 {
		padding-top: 15px;
		margin-bottom: -15px;
	}
	.dashboard-widget .btn {
		display: none;	
	}
	.questionnaire .btn {
		display: none;
	}
	.content-header .header-icon {
		display: none;
	}
	.help-video {
		display: none ;
	}
}