@charset "UTF-8"; 

/*
* UCL Forms styles
* ~~~~~~~~~~~~~~~~
* http://www.ucl.ac.uk/indigo/patterns/form1
*
*/


body {
	overflow-x: initial;
}

html {
	overflow-x: initial;
}

.d-xxactivehide {
	display:none;
}
.fg-red {
	color:red;
}
.red {
	border: 1px solid red;
}
.blue div {
	border:1px solid blue;
	margin:1px;
	padding:1px;
}

.mobBlock {
	display:inline-block;
}

.bold {
  font-weight: bold;
}
.large {
  font-size: 1.3em;
}
.flexrow {
  display:flex;
}
.flexcol {
  flex:50%;
}

.block50 {
	display: inline-block;
	width: 50px;
}

.hidden,
.internal,
#d-extrainfo,
.d-internal,
.d-mobonly {
	display:none;
}

.invisible {
	visibility: hidden;
}

.d-userform {
	padding:10px;
}

.d-prewrap {
	white-space:pre-wrap;
}

th.smallest {
	width:100px;
}

select {
	border: 1px solid #ccc;
	padding: 0.5em 5px;
	color:#494949;
}

.d-listmatrix.d-multi select,
.d-listmatrix.d-pulldown select {
	width: 50%;
	padding:5px;
}


table select {
	width:auto;
	padding: 0.7em 5px;
	margin-top:1px;
}

table.listmatrix .col1 {
	font-size: 1em;
	vertical-align: middle;
}
table.listmatrix select.sel2 { 
	font-size:0.9em;
}
input[type="radio"] {
	margin-right:5px;
	margin-bottom:5px;
}

label {
	vertical-align: middle;
}

.d-accept-text {
	padding: 5px 0px;
	font-weight:500;
  font-size:1em;
  line-height:1.2em;
}

button:disabled,
button[disabled=disabled] {
	color: #ccc;
	background-color:#929292;
	cursor:not-allowed;
}

.d-sel-reason ul {
	margin-bottom:5px;
}

.d-ws-ha {
	display:inline-block;
	width:260px;
	white-space:nowrap;
}

.d-ws-group {
	padding:20px 0px 40px 0px;
}


table.healthHistory {
	float:none;
}

table.d-address-table {
	width:auto;
}
input.size0 {
	width:300px;
}
input.size1 {
	width:200px;
}
input.size2 {
	width:150px;
}
input.size3 {
	width:100px;
}

.right {
	text-align:right;
}

.d-verify-separate {
	height:20px;
}

.d-userform {
	max-width:900px;
	margin: 5px auto;
}


.d-date {
	padding:15px 0px;
}
.d-date .centred-block {
	display:inline-block;
}

.d-date-label,
.d-year-label {
	white-space:nowrap;
	font-size:0.9em;	
	display:inline-block;
	vertical-align: middle;
	line-height:36px;
}

.d-date-label {
	width:152px;
}

.d-date select {
	min-width:20px;
	width:auto;
	color:#494949;
	/* font-size:0.8em; */
}

.d-address-table .right {
	white-space:nowrap;
	font-size:0.9em;	
	display:inline-block;
	width:230px;
	vertical-align: middle;
	line-height:36px;
}

.cp1 {
	line-height: 1.2em;
	padding:8px 0px;
}


/* Client Problem */
.d-history-row,
.d-problem-row {
	font-size:0.8em;
}

.d-history-row .d-col,
.d-problem-row .d-col {
	vertical-align:top;
	display:inline-block;
	zoom: 1;
	margin-right:10px;
}

.d-history-row .d-head,
.d-problem-row .d-head {
	background-color: #eeeeee;
	color: #333;
	font-weight: 700;
	margin-bottom:5px;
	padding:5px 5px;
	font-size: 0.9em;
	line-height:1.3em;
	min-height:30px;
}

.d-history-row .d-col textarea,
.d-problem-row .d-col textarea {
	box-sizing : border-box;
}

.d-history-row select,
.d-problem-row select {
	width:83px;
}

.d-history-row .d-col-1,
.d-problem-row .d-col-1,
.d-history-row select[name=_treatment],
.d-problem-row select[name=_problem] {
	width:200px;
}

.d-history-row .d-col-2,
.d-problem-row .d-col-2,
.d-history-row .d-col-3,
.d-problem-row .d-col-3 { 
	width:100%;
	max-width: 325px; /* ?309? (900 - 119) / 2 */
}


table.d-address-table,
table.d-address-table td {
	border-width: 0px;
	font-size: 100%;
}

/*
.d-div-healthhistory select,
.d-div-clientproblem select,
.d-div-familymembers select 
	*/



.d-div-healthhistory select.d-length2,
.d-div-healthhistory select.d-pastMY1 {
	min-width:120px;
	width:auto;
}


.d-div-familymembers select,
.d-div-healthhistory select.d-length1,
.d-div-healthhistory select.d-pastMY2 {
	min-width:90px;
	width:auto;
}

.d-ta-cp {
	border: 1px solid #ccc;
	width:100%;
	height:115px;
	margin-bottom:20px;
}
.d-ta-hh {
	border: 1px solid #ccc;
	min-width:270px;
	width:100%;
	height:115px;
	margin-bottom:5px;
}

.d-textarea {
  min-height:30px;
  line-height:1.4em;
}

.d-hidden {
	display:none;
}

.d-div-familymembers input[name=_job],
.d-div-familymembers input[name=_city] {
	width:120px;
	padding-left:5px;
}
.d-div-familymembers input[name=_age] {
	width:40px;
	padding-left:5px;
}

.d-warning {
    border: 1px solid #dd6868;
	background: transparent url(../img/alert.png) no-repeat 30px center;
	background-size: 45px;
	width:100%;
}

.d-warning p {
	display:table-cell;
	font-weight: 700;
	color: #dd6868;
	vertical-align:middle;
	min-height:50px;
	line-height:1em;
	padding:20px 5px 20px 30px;
}

.d-error {
	border:1px solid #dd6868;
	margin:5px 0px;
	padding:5px;
	background-color:  #ffe8e8;
}

.d-wslist {
	padding : 20px;
}

.d-workshop-label {
	display:inline-block;
	font-weight: bold;
	font-size:1em;
	margin:0px;
	padding:0px 0px 0px 10px;
}
.d-workshop-cb {
	vertical-align: bottom;
	margin-bottom:8px;
}


/* GridMetrica */
#d-metrics.d-edit {
	max-width:1000px;
}

.d-gm-radio {
	display: inline-block;
	padding:0px 40px 0px 0px;
}

.d-gm-radio-block {
	margin-bottom:25px;
}

.d-gm-radio-block label,
.d-gm-radio-block input[type="radio"] + label {
	margin-left:0px;
}

#gm-WSAS .d-gm-radio {
	padding:0px 12px 0px 0px;
}

.response,
.response2 {
	background-color:#fff;
	border: 1px solid #ccc;
	padding:20px;
	border-radius:5px;
	box-shadow:10px 10px 30px rgba(0,0,0,0.6);
	max-width:600px;
	margin:50px auto;
}

div.center {
	text-align: center;
}

.d-checkSelect {
	padding-right:10px;
}

table.list-matrix,
table.list-matrix td {
	border:0px;
}
table.list-matrix td label {
	font-size:1.0em;
	line-height:1.0em;
	padding-left:10px;
}
table.list-matrix td.col1 {
	white-space: nowrap;
	width:100px;
}

table.list-matrix td.col2 select {
	font-size:1em;
	padding:2px;
}


.height-mid ul {
	border:1px solid #aaaaaa;
	border-radius: 5px;;
	max-height:250px;
	overflow:auto;
}


/** API Lookup */
.d-lookup-results {
	padding:5px;
	background-color: white;
}
.d-results-wrap {
	/* border:2px solid red; */
	position:absolute;
	right:10px;
	left:10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
	z-index:100;
}
a.d-lookup-results {
	padding:15px 20px;
	line-height: 1.6em;
	cursor: pointer;
	display:block;
}
a.d-lookup-results:nth-child(odd) {
	background-color:#dddddd;
}
a.d-lookup-results:nth-child(even) {
	background-color:#ededed;
}
a.d-lookup-results:focus,
a.d-lookup-results:hover {
	background-color:#cdeccd;
}
.d-search {
	position:relative;
}
.d-search input {
	width:100%;
	max-width:300px;
}
.d-search .clearall {
	position:absolute;
	background-image: url("../img/cross16-b.png");
	background-size: 50%;
	height:30px;
	width:30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	top:9px;
	left:261px;
}
.d-search .searchb {
	position:relative;
	top:-2px;
}

a.astext:hover,
a.astext:visited,
a.astext {
	cursor: default;
	text-decoration: none;
	color:black;
}

fieldset.d-syslists.horizontal li {
	display:inline-block;
	min-width:80px;
	padding-right:10px;
}

@media only screen and (max-width:600px) {

	body {
		font-size:200%;
	}
	
	.mobBlock {
		display:block;
	}

	#d-register {
		margin:4px;
		padding:0px;
	}
	
	/*
	#d-debug {
		border:1px solid #666666;
	}
	*/
	
	.d-history-row .d-col,
	.d-problem-row .d-col {
		width: 100%;
	}
	
	.d-history-row select,
	.d-problem-row select {
		width: 50%;
	}
	
	.d-history-row select[name=_treatment],
	.d-problem-row select[name=_problem] {
		width:100%;
	}
	
	.d-history-row .d-col textarea,
	.d-problem-row .d-col textarea {
	    width: 100%;
	}
	
	.d-history-row .d-col-2,
	.d-problem-row .d-col-2,
	.d-history-row .d-col-3,
	.d-problem-row .d-col-3 {
		max-width: 100%; /* ?309? (900 - 119) / 2 */
	}
		
	th {
		display:none;
	}
	
	.d-mobonly {
		display:block;
		background-color: #eee;
	    border-bottom-color: #e6e6e6;
	    border-right: 1px solid #e6e6e6;
	    color: #333;
	    font-weight: 700;
	}
	
	td {
		display:block;
	}
	
	.d-div-clientproblem.d-new table#d-table-reason select[name=_problem] {
		width:100%;
	}
	.d-div-familymembers select,
	.d-div-familymembers input[name=_job],
	.d-div-familymembers input[name=_city],
	.d-div-familymembers input[name=_age] {
		width:95%;
	}
	
	.d-ta-hh {
		max-width:none;
		width:100%;
	}
	
	.right {
		text-align:left;
	}
	
	textarea {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	}
	
}

/* divAlert */
#divAlert .alertWarning {
	background: transparent url('../img/warning.png') no-repeat 10px center ;
	height:70px;
	padding: 25px 0px 20px 0px;
	display:table-cell;
	vertical-align:middle;
	line-height: 1.2;
}
#divAlert .alertInfo {
	background: transparent url('../img/information.png') no-repeat 10px center ;
	height:70px;
	padding: 25px 0px 20px 0px; 
	display:table-cell;
	vertical-align:middle;
	line-height: 1.2;
}
#divAlert .alertQuestion {
	background: transparent url('../img/question.png') no-repeat 10px center ;
	height:70px;
	padding: 25px 0px 20px 0px; 
	display:table-cell;
	vertical-align:middle;
	line-height: 1.2;
}
#divAlert .warning {
	/* border: 1px solid red; */
	min-height:50px;
	background: transparent url('../img/warning.png') no-repeat 10px center ;
	padding-left: 60px;
	line-height: 1.2;
}
#divAlert .info {
	background: transparent url('../img/information.png') no-repeat 10px center ;
	padding-left: 60px;
	min-height:50px;
	line-height: 1.2;
}

#divAlert #message {
	margin-left:70px;
	padding-right:15px;
	line-height: 1.2;
}


table.noMobile tr td {
	display: table-cell;
}