/* START vv PIM External Survey Invite Interface vv */

#invite_chooser.ui-buttonset .ui-button {
    border: 1px solid #aaa !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#invite_chooser.ui-buttonset .ui-button .ui-state-active {
    border-bottom: 1px solid #fff;
}

.pim-extsrvyinv-wrap,
.pim-extsrvyinv-wrap * {
    margin: 0;
    padding: 0;
}

.pim-extsrvyinv-wrap {
    width: 735px;
    height: 100px;
    margin-top: -1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border: none;
    font-size: 10px;
}

	.pim-extsrvyinv-actions {
        float: right;
        width: 604px;
	}

		.pim-extsrvyinv-modes {
			width: 160px;
			list-style: none;
			border: none;
    }

			.pim-extsrvyinv-modes li {
				height: 31px;
				background-color: #eeeeee;
				border: 1px solid #aaaaaa;
				font-weight: bold;
				padding: 17px 0 0 10px;
        cursor: pointer;
			}

			.pim-extsrvyinv-modes li.active {
				background-color: #ffffff;
				color: #52b1a8;
				border-right: none;
			}

        .pim-extsrvyinv-actions .pim-extsrvyinv-mask,
		.pim-extsrvyinv-actions form {
			width: 433px;
			height: 88px;
			float: right;
			border: 1px solid #aaaaaa;
			border-left: none;
			padding: 10px 0 0 10px;
            border-radius: 0 5px 5px 0;
		}

			fieldset {
				border: none;
			}

			fieldset.pim-extsrvyinv-recip {
				width: 200px;
				display: none;
				float: right;
			}

			fieldset.pim-extsrvyinv-recip.active {
				display: block;
			}

			fieldset.pim-extsrvyinv-message {
				width: 228px;
				float: left;
			}

                input.pim-extsrvyinv-recip-input {
                    padding: 4px;
                }

				fieldset.pim-extsrvyinv-message textarea {
					height: 43px;
					width: 215px;
                    padding: 4px;
                    margin-bottom: 3px;
				}

				fieldset.pim-extsrvyinv-message .pim-extsrvyinv-link-display {
                    height: 15px;
                    white-space: nowrap;
				}

				fieldset.pim-extsrvyinv-message .pim-extsrvyinv-link-display::after {
                    content: "...";
                    padding: 0;
                    margin: 0;
                    margin-left: -2px;
                    color: #05478e;
				}

				fieldset.pim-extsrvyinv-message .pim-extsrvyinv-link-display a {
                    display: inline-block;
					width: 210px;
                    white-space: nowrap;
                    overflow: hidden;
				}

                input.pim-extsrvyinv-error,
                textarea.pim-extsrvyinv-error {
                    background-color: #FEF1EC;
                }

			button.pim-extsrvyinv-submit {
				margin: 5px 0 0 5px;
				height: 30px;
				width: 191px;
				background-color: #777777;
				color: #ffffff;
				border: none;
			}

        .pim-extsrvyinv-actions .pim-extsrvyinv-mask {
            width: 592px;
            border-left: 1px solid #aaaaaa;
            display: none;
        }

        .pim-extsrvyinv-actions .pim-extsrvyinv-mask.active {
            display: block;
            z-index: 1;
        }

        .pim-extsrvyinv-mask-text {
            text-align: center;
            line-height: 83px;
        }

	.pim-extsrvyinv-info {
		padding: 5px;
		width: 120px;
        height: 88px;
		border: 1px solid #aaaaaa;
		border-right: none;
        position: relative;
        border-radius: 0 0 0 5px;
	}

  #pim_extsrvyinv_43 .pim-extsrvyinv-info {
      border-radius: 5px 0 0 5px;
  }

		.pim-extsrvyinv-party {
			font-weight: bold;
			font-size: 13px;
		}

        .pim-extsrvyinv-visitdate {
            width: 115px;
            position: absolute;
            top: 38px;
        }

        .pim-extsrvyinv-visitdate input {
            display: none;
        }

        .pim-extsrvyinv-visitdate input.active {
            display: inline;
        }

            .pim-extsrvyinv-visitdate input {
                width: 100%;
                margin-right: 2px;
                margin-top: 4px;
            }

                .pim-extsrvyinv-visitdate img.ui-datepicker-trigger {
                    position: relative;
                    float: right;
                    margin-top: -18px;
                    margin-right: -2px;
                }

		.pim-extsrvyinv-status {
			font-weight: lighter;
            font-style: italic;
            position: absolute;
            bottom: 0;
            padding-bottom: 5px;
		}
/* END ^^ PIM External Survey Invite Interface ^^ */


form .columns {
    display: block;
    float: left;
}

form .one.columns {
   width: 6.25%;
}

form .is-sub-question .columns {
  display: block;
}

form .fourteen.columns {
  width: 87.5%;
}

form .fifteen.columns {
    width: 93%;
}

form .offset-by-one {
  margin-left: 6.25%;
  margin-top: 10px;
}

form .offset-by-two {
  margin-left: 12.5%;
}

form .clearfix input {
    margin-top: 4px;
}

form .clearfix span {
    display: block;
    width: 96%;
    float: right;
    margin-top: 2px;
    margin-bottom: 10px;
}

form .one.columns+.fifteen.columns {
  font-weight: bold;
}

#patient_survey_container table {
    padding: 0;
    border: 1px solid #000;
    border-collapse: collapse;
}

    #patient_survey_container tbody tr:nth-child(odd),
    #patient_survey_container tbody tr:nth-child(odd) td {
        background-color: #ececec;
    }

    #patient_survey_container th {
        text-align: center;
        color: #ffffff;
    }

    #patient_survey_container th,
    #patient_survey_container td {
        border: 1px solid #000;
    }

    #patient_survey_container td ul {
      padding-left: 15px;
    }

    #patient_survey_container #row_headers,
    #patient_survey_container tbody th {
        display: none;
    }

    #patient_survey_container td h5 {
        text-align: center;
        margin: 2px;
    }

    #patient_survey_container .sparkline-wrapper {
        margin: 0 auto;
        padding: 0;
        position:relative;
        width: 40px;
        height: 100px;
        text-align: center;
        border: 1px #000 solid;
    }

        #patient_survey_container .sparkline-grid {
            margin: 0;
            padding: 0;
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        #patient_survey_container .sparkline-grid hr {
            margin: 0;
            padding: 0;
            margin-top: 19px;
            border-style: solid;
            border-color: #000;
            border-width: 1px 0 0 0;
        }

        #patient_survey_container .sparkline {
            margin: 0;
            padding: 0;
            background-color: #f00;
            position: absolute;
            bottom: 0;
            width: 100%;
        }

            #patient_survey_container .sparkline-text{
                display: none;
            }

    #patient_survey_container thead tr,
    #patient_survey_container thead tr th {
        background-color: #5182bc;
    }
    #patient_survey_container th#header_descriptor,
    #patient_survey_container th#header_1,
    #patient_survey_container th#header_2,
    #patient_survey_container th#header_3 {
        width: 160px;
    }