/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

.checkbox-padtop {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 7px;
}

.display-label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 7px;
}

.validation-summary-errors{
    max-height: 80px;
    overflow: auto;
}

.indent-title-button {
	margin-left: 8px;
}

.nowrap{
    white-space: nowrap !important;
}

.btn{
    margin-bottom: 5px;
}

.dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
	white-space: normal;
}

.pad-logo {
	margin: 5px;
}

.copyright {
	margin: 10px 0;
	color: gray;
}

.navbar-collapse {
	padding-left: 0 !important;
}

/*************************************************************
**
** Reports
**
*************************************************************/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.fixed-right{
    position: relative;
    width: 100%;
    z-index: 100;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.fixed-right{
    position: relative;
    left: -15px;
    width: 748px;
    z-index: 100;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .fixed-right{
        position: fixed;
        top: 180px;
        left: 51%;
        width: 490px;
        z-index: 100;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .fixed-right{
        position: fixed;
        top: 180px;
        left: 51%;
        width: 580px;
        z-index: 100;
    }
}


.report-section-title
{
    color: #337ab7;
    border-bottom: solid 1px #337ab7;
}

.picker-scroller {
    margin-top: 10px;
    height: 280px;
	overflow-y: scroll;
	border: 1px solid lightgray;
}

.client-questionnaire-scroller {
    margin-top: 20px;
    height: 335px;
	overflow-y: scroll;
	border: 1px solid lightgray;
}

#Tokens {
    height: 260px;
	overflow-y: scroll;
}

.TokensIFrame {
    height: 260px;
    width: 100%;
	overflow-y: scroll;
}

.QuestionnaireIFrame {
    height: 500px;
    width: 100%;
	overflow-y: scroll;
}

.scroller {
    height: 300px;
	overflow-y: scroll;
	border: 1px solid gray;
}

#SectionSelector
{
    margin-top: 10px;
}

#questionnaireSelector
{
    margin-top: 10px;
}

div#questionnaire
{
    margin-bottom: 15px;
}

.hand{
    cursor: help;
}

/*************************************************************
**
** Summary Page
**
*************************************************************/

.Summary-Title {
	color: #337ab7;
	font-size: xx-large;
}

.Summary-Heading {
	margin-top: 20px;
	color: #337ab7;
	font-size: x-large;
}

.table-summary > tbody > tr:first-child {
	color: white;
	background-color: #337ab7 !important;
}

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

/*************************************************************
**
** Questionnaires
**
*************************************************************/

.ButtonDisabled
{
    visibility: hidden;
}

.Required
{
    margin-bottom: 10px;
}

.ButtonGroup
{
    margin-top: 10px;
}

.SectionHeader {
	background-color: #337ab7;
	color: white;
	padding: 10px;
	font-weight: bold;
	/*margin-top: 10px !important;*/
}

.AnswerRow {
	line-height: 2 !important;
	margin-top: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
	border-bottom: 1px solid lightgray;
	padding-bottom: 10px;
}

.HeaderRow {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.AnswerRow > div {
	line-height: 2 !important;
}

.Question {
	font-weight: bold;
}

/*************************************************************
**
** Tables
**
*************************************************************/

td, th {
	vertical-align: middle !important;
}

.table-noborders > thead > tr > th,
.table-noborders > thead > tr > td,
.table-noborders > tbody > tr > th,
.table-noborders > tbody > tr > td {
	border-top-style: none !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
	line-height: 3;
}

.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	/*line-height: 3;*/
}

/*************************************************************
**
** Disabled
**
*************************************************************/

.deactivated > td {
	text-decoration: line-through;
	color: lightgray;
}

/*************************************************************
**
** Allowing Button Dropdowns to work in Responsive Tables
**
*************************************************************/

.table-responsive {
	overflow-x: visible !important;
	overflow-y: visible !important;
}

/*************************************************************
**
** Reorder
**
*************************************************************/

.cursormove {
	cursor: move;
}

/*************************************************************
**
** TinyMCE
**
*************************************************************/

.token {
	background-color: #337ab7;
	color: white;
	border: 0;
	padding: 1px 5px;
}

.mceToolbar * {
	white-space: normal !important;
}

.mceToolbar tr,
.mceToolbar td {
	float: left !important;
}

.mceToolbar {
	height: 22px !important;
}

.snippet {
	border: 1px solid lightgray;
	background-color:#f5f5f5;
	min-height: 40px;
}

.snippet-no-form {
    padding-top: 7px;
	border: 1px solid lightgray;
	background-color:#f5f5f5;
	min-height: 40px;
    margin-bottom: 20px;
}

/*************************************************************
**
** File Upload
**
*************************************************************/
.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

/*************************************************************
**
** Back to top
**
*************************************************************/

.cd-top {
	display: inline-block;
	position: fixed;
	bottom: 10px;
	right: 10px;
	visibility: hidden;
    z-index: 1000;
}

.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
}