.invisible {
    display: none !important;
}

.input-form,
.input-form label {
	color: #555555;
	font-size: 14px;
}

.study-title {
    white-space: normal !important;
}

.input-form td {
	vertical-align: top;
}

.input-form .label-column {
	padding-top: 0.4em;
}

.input-form .form-content, 
.input-form .ui-inputfield, 
.input-form label {
	font-size: .95em;
}

.input-form label {
	font-weight: bold;
	white-space: nowrap;
}

.input-form .ui-inputfield {
	margin-left: 0.5em;
	padding: 0.3em 0.4em;
}

.input-form .validation-message {
	color: red;
	display: block;
	margin-bottom: 5px;
	margin-left: 0.5em;
	margin-top: 2px;
}

.input-form .validation-message:before {	
	content: "\f06a";
	font-family: FontAwesome;
	margin-right: 3px;
}

.input-form .ui-outputlabel.ui-state-error {
	border: none;
	color: red;
	font-style: italic;
}

.input-form .ui-inputfield.ui-state-error, 
.input-form .ui-inputfield.ui-state-error.ui-state-focus
	{
	border: 1px dotted red;
}

.ui-tabs .ui-tabs-nav > li.ui-state-error:not(.ui-state-active ) {
	border-color: red;
	border-style: dotted;
	color: red;
	font-style: italic !important;
}

.study-form .ui-inputfield, 
.study-form .ui-inputfield.ui-state-focus {
	background: #FFFFFF;
	border: 1px solid #A9A9A9;
	border-radius: 0;
	box-shadow: none;
	color: #000000;
	font-weight: normal;
}

.input-form .ui-inputfield.ui-state-disabled {
	border: none;
	opacity: 1;
	padding-left: 0px;
}

#study-header-wrapper {
	margin: 10px 0px;
	padding: 0px 5px;
}

.study-header {
	margin: 0px;
	white-space: nowrap;
	width: 100%;
}

.study-header label {
	color: #1F4082;
}

.study-header .form-content {
	margin-right: 20px;
}

table.study-header td:not(:last-child) {
	width: 1px;
}

table.study-header td:last-child  {
	text-align: left;
}

.study-button-wrapper button {
	margin-right: 5px;
}

/* Cohort Tab */

/* Move to site-wide sortable table? */
.study-cohort-table td {
	font-size: .95em;
	table-layout: auto;
}

.study-cohort-table tbody td {
	vertical-align: middle;
}

.study-cohort-table .ui-datatable-header,
.study-cohort-table .ui-datatable-footer {
	padding-left: 0px;
	padding-right: 0px;
}

.study-cohort-table .header-layout-table tr,
.study-cohort-table .header-layout-table tr:hover {
	background-color: transparent;
}

.study-cohort-table .header-layout-table td {
	border: none;
	padding: 0px;
	vertical-align: middle;
}

.study-cohort-table .header-layout-table td:first-child {
	text-align: left;
}

.study-cohort-table .header-layout-table td:last-child {
    text-align: right;
}

.study-cohort-table .medium-icon {
    font-size: 1.25em;
    padding: .45em;
}

.study-cohort-table .table-filter-search {
	width: 400px;
}

.ui-datatable input.ui-state-default.ui-column-filter  {
    display: none;
}

.ui-datatable td.col-number {	
	text-align: right;
}

.ui-datatable .col-no-wrap {
	white-space: nowrap;
}

/* Cohort-specific table style */

.study-cohort-table.data-table {
	margin-top: 0px;
}

.study-cohort-table .id-column {
	width: 50px;
}

.study-cohort-table .type-column {
	width: 120px;
}

.study-cohort-table .name-column {
	width: 15%;
}

.study-cohort-table .gender-column {
	width: 100px;
}

.study-cohort-table .age-column {
	width: 90px;
}

.study-cohort-table .comment-column {
	/* width: 300px; */
}

.study-cohort-table .subject-column {
	width: 80px;
}

.study-cohort-table .action-column {
	text-align: center;
	width: 100px;
	white-space: nowrap;
}

/* Cohort Dialog */

/* TODO: move to site-wide dialog */
.ui-dialog .ui-dialog-content {
	padding: 5px 10px;
}

.ui-dialog {
	z-index: 9999;
}

.ui-confirm-dialog .ui-confirm-dialog-severity {
	display: none;
}

.test-style {
	border: 1px solid red;
}

.tree-container {
	display: inline-block;
	margin-right: 5px;
	width: 32%;
    vertical-align: top;
}

.tree-container-dialog {
    width: 98% !important;
    padding: 1em !important;
}

.tree-container-4 {
    display: inline-block;
    margin-right: 5px;
    width: 24% !important;
    vertical-align: top;
}

.add-new-dialog {
	width: 800px;
}

#add-new-tree-node-dialog-form .tree-container {
	width: 99%;
}

.tree-container .tree-wrapper {	
	border: 1px solid #a6c9e2;
	height: 400px;
	overflow: auto;
	width: auto;
}

.tree-container label.tree-label {
	color: #1F4082;
    font-weight: bold;
    margin: 0px 0px 7px 3px;
}

.tree-container .tree-buttons {
	display: block;
	text-align: right;
}

.tree-container .tree-buttons button {
	font-size: 0.8em;
	margin: 4px 0px;
}

.tree-container .ui-tree {
	border: none;
}

.tree-container .ui-tree-container {
	overflow: visible;
}

.tree-container .tree-wrapper .ui-treenode-label {
	margin-left: 3px;
}

#study-data-analyses {
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Measure Tab */
.sortable-table td {
    font-size: .95em;
    table-layout: auto;
}

.sortable-table tbody td {
    vertical-align: middle;
}

.sortable-table .ui-datatable-header,
.sortable-table .ui-datatable-footer {
    padding-left: 0px;
    padding-right: 0px;
}

.sortable-table .header-layout-table tr,
.sortable-table .header-layout-table tr:hover {
    background-color: transparent;
}

.sortable-table .header-layout-table td {
    border: none;
    padding: 0px;
    vertical-align: middle;
}

.sortable-table .header-layout-table td:first-child {
    width: 20%;
    text-align: left;
}

.sortable-table .header-layout-table td:last-child {
    width: 80%;
    text-align: right;
}

.sortable-table .medium-icon {
    font-size: 1.25em;
    padding: .45em;
}

.sortable-table .table-filter-search {
    width: 40% !important;
}

.study-measure-table {
    margin-bottom: 100px;
}

/*.study-measure-table .data-structure-column {*/
/*    width: 80%;*/
/*}*/

.study-measure-table .status-column {
    width: 250px;
    text-align: center;
    white-space: nowrap;
}

.study-measure-table .subject-column {
    width: 80px;
    text-align: right;
}

.study-measure-table .action-column {
    width: 100px;
    text-align: center;
    white-space: nowrap;
}

.study-measure-table .radio-table tr td {
    border: none !important;
}

.study-measure-table .element-measure-name {
    padding-left: 40px;
}

.study-measure-table .buttons .header-button {
    display: inline-block;
}

.study-measure-table .buttons {
    margin: 2px;
    white-space: nowrap;
}

.study-measure-table .left-buttons {
    float: left;
}

.study-measure-table .right-buttons {
    float: right;
}

.study-measure-table .header-layout-table td:first-child {
    width: 50% !important;
    text-align: left;
}

.element-info-icon {
    border : none !important;
    background: none !important;
    background-color: inherit !important;
}

table.select-element-table th.element-select-column {
    width: 10% !important;
    text-align: center !important;
}

table.select-element-table td.element-select-column {
    text-align: center !important;
}

table.select-element-table th.element-status-column {
    width: 30% !important;
    text-align: center !important;
    white-space: nowrap;
}

table.select-element-table th.element-name-column {
    width: 60% !important;
    text-align: left;
}

.select-element-table .radio-table tr td {
    border: none !important;
}

.select-element-table {
    width: 95%;
}

#edit-elements-table .table-filter-search {
    width: 60% !important;
}

#edit-elements-dialog .ui-widget-header {
    background : none;
    border: none;
}

.study-data-table {
    width: 100% !important;
}

.full-table {
    width: 97% !important;
    align: center;
}

.full-width {
    width: 100% !important;
    margin-left: 2em;
    margin-right: 2em;
    text-align: center;
}

.select-subjects-table {
    text-align: center;
}

.add-new-treenode-grid {
    margin-left: 2em;
    text-align: center;
}

.study-data-table td {
    font-size: .95em;
    table-layout: auto;
}

.study-data-table tbody td {
    vertical-align: middle;
}

.study-data-table .ui-datatable-header,
.study-data-table .ui-datatable-footer {
    padding-left: 0px;
    padding-right: 0px;
}

.study-data-table .header-layout-table tr,
.study-data-table .header-layout-table tr:hover {
    background-color: transparent !important;
}

.study-data-table .header-layout-table td {
    border: none;
    padding: 0px;
    vertical-align: middle;
}

.study-data-table .header-layout-table td:first-child {
    width: 45% !important;
    text-align: left;
}

.study-data-table .header-layout-table td:nth-child(2) {
    width: 5% !important;
    text-align: right;
}

.study-data-table .header-layout-table td:last-child {
    width: 50% !important;
    text-align: right;
}

.study-data-table .medium-icon {
    font-size: 1.25em;
    padding: .45em;
}

.study-data-table .table-filter-search {
    width: 60% !important;
}

.study-data-table .action-column {
    width: 100px;
    text-align: center;
    white-space: nowrap;
}

.study-data-table .audience-column {
    width: 250px;
    text-align: center;
    white-space: nowrap;
}

#search-user {
    position: relative !important;
    width: 100% !important;
}

#search-user_panel {
    width: 400px !important;
}

.permission-user-search {
    width: 350px !important;
}

#add-data-analysis-content {
    width: 100% !important;
}

#add-phenotype-content {
    width: 100% !important;
}

.label-column-right {
    text-align: right;
}

.full-width {
    width: 100% !important;
    margin: 1.5em;
}

.two-column {
    display: grid;
    grid-column-gap: 2%;
    grid-template-columns: 48% 48%;
}

.two-column-wider-left {
    display: grid;
    grid-column-gap: 2%;
    grid-template-columns: 70% 28%;
}

.two-column-wide-left {
    display: grid;
    grid-column-gap: 2%;
    grid-template-columns: 94% 4%;
}

.ui-picklist-list-wrapper .ui-picklist-list {
    width: 350px;
    height: 400px;
}

.guid-buttons {
    font-size: .8em;
    display: inline-block;
    margin-top: 5px;
    padding: 0.3em;
    vertical-align: top;
}

.guid-buttons .button {
    display: block;
    margin-bottom: 5px;
    padding: 1em;
}

.cohort-edit-subjects-button-span {
    width: 400px;
    margin-top: 8px;
    text-align: left;
    display: inline-block;
}

#select-subjects-table .ui-widget-header {
    border: none !important;
    background: none !important;
}

#select-subjects-table input[type="text"] {
    align: center;
    width: 80% !important;
    padding: 0px; line-height: 5px;
    margin-top: 0.3em;
}

label.section-label {
    display: inline-block;
    float: left;
    margin: 0px 0px 0px 5px;
    font-size: 1.5em !important;
}

.inline-button {
    display: inline;
}

.study-warning {
    margin-bottom: 1em;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 5px;
    padding: 8px;
}

.study-warning-placeholder {
    margin-bottom: 1em;
    padding: 8px;
}

.space-left {
    margin-left: 10px !important;
}

.space-right {
    margin-right: 10px !important;
}

.doiFormFirstColumn {
    width: 35%;
}
.doiFormSecondColumn {
    width: 65%;
}

#study-doi-content .input-full-width {
    width: 95% !important;
}

#study-doi-dialog, #study-doi-dialog_content {
    padding: 1rem !important;
}

#related_identifiers .ui-widget-header {
    border: none !important;
    background: none !important;
}

.ui-tabs .ui-tabs-panel {
    overflow-y: auto;
}

.study-summary-content {
    display: flex;
	/*overflow: auto;*/
    /*max-height: 48vh;*/
}

.study-summary-left {
    width: 60%;
    float: left;
    /*max-height: 45vh;*/
    /*overflow-y: auto;*/
}

.study-summary-left table {
    width: 100%;
    table-layout: fixed;
}

.study-summary-right {
    width: 40%;
    padding-left: 20px;
    float: right;
    /*max-height: 45vh;*/
    /*overflow-y: auto;*/
}

.attribution-report {
    margin-top: 2em;
}

.study-summary-content .file-icon {
	margin-left: 3px;
}

.study-summary-content a {
    color: #0000FF;
    font-weight: normal;
    text-decoration: none;
}

#attribution-report-table {
	margin: 0;
    width: 95%;
    padding: 0.5em;
    overflow: hidden;
    display: inline-block;
}

.ui-datatable-tablewrapper {
    overflow: hidden;
}

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
    white-space: normal;
}

.attribution-toggler {
	display: inline-block;
	margin-right: 3px;
	vertical-align: top;
}

#attribution-report-table .number {
	text-align: right;
	width: 80px;
}

.small-left-spacer {
    margin-left: 0.3em !important;
}

.no-wrap {
	white-space: nowrap;
}

.cohort-summary .cohort-summary-info-line {
	margin-left: 2em;
}

.analysis-summary .analysis-summary-title {
	display: block;
}

.analysis-summary .analysis-summary-line {
	display: block;
	margin-left: 2em;
}

#study-result-file-table, #study-result-url-table {
	max-width: calc(100vw / 2.25);
}

.ui-tabs .ui-tabs-nav li {
    float: none;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    border-bottom: 1px solid #a6c9e2;
    padding: unset;
}