@CHARSET "UTF-8";

#main_container {
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}

.fadeOut {
  transition: all 350ms ease-in-out;
  transform: scale(0.95);
  opacity: 0;
  filter: blur(0.1em) grayscale(50%);
}

.start_hidden {
  display: none;
  /* transition: all 350ms ease-in-out; */
}

.layout {
  display: flex;
}

.flex {
  flex: 1;
}

fieldset p {
  clear: left;
}

#ruler {
  height: 12px;
}

.login {
  display: flex;
  flex-direction: column;
  width: 1110px;
}

.login .fill {
  flex: 1;
}

#content {
  width: 1144px;
}

table.clients td {
  cursor: pointer;
}

table th {
  cursor: default;
}

tr.highlight:hover td {
  background: #effdd0;
  cursor: pointer;
}

.col-name {
  width: 3em;
  white-space: nowrap;
}

.a {
  cursor: pointer;
}

#top_menu {
  min-height: 30px;
  background: #555;
  width: calc(100% - 2px);
}

.training_log #top_menu {
  margin-bottom: 15px;
}

#unverified_hours {
 color: #cf0;
}

td.date {
 width: 11%;
}

td.blood_pressure {
 width: 233px;
}

th.min {
 width: 40px;
}

th.actions {
 width: 92px;
}

th.rating {
 width: 79px;
}

td.name {
 width: 53%;
}

td.age {
 width: 16%;
}

td.gender {
 width: 14%;
}

.wide {
 width: 99%;
}

.fright {
 float: right;
}

td.action {
 text-align: right;
}

.pv_pi, .pv_th, .fs_other_information, .fs_pv_info {
 width: 412px;
 margin-bottom: 12px;
 background: #eee;
}

.pv_header {
 font-weight: bold;
 background: #cacaca;
}

.pv_header span, .total span {
 padding: 2px 0px;
}

.pv_row {
 border-bottom: 1px solid #aaa;
}

.fs_payment_voucher .col1 {
  width: 100px !important;
  display: inline-block;
  padding-left: 1px;
}

.fs_payment_voucher .col2, .fs_payment_voucher .col3, .fs_payment_voucher .col4 {
  width: 100px !important;
  display: inline-block;
  border-left: 1px solid #ccc !important;
  padding-left: 1px;
}

.fs_payment_voucher .total .col2 {
 text-align: right;
 font-weight: bold;
}

#list_assessments div {
 float: left;
 width: 198px;
}

#pta_no {
 margin-left: 7px;
}

.pta {
 white-space: nowrap;
}

#pta_smoking_old_questions {
 display: none;
}

.toomuch {
 background-color: red;
}

#assessment_report_options p span,   /* to be removed */
#ed_assessment_report_options p span,  /* to be removed */
#assessment_report_options p label,
#ed_assessment_report_options p label {
 display: inline-block;
 width: 120px;
}

textarea {
 resize: vertical;
}

#verify_traininglogs_list td.remarks {
 white-space: nowrap;
}

#verify_traininglogs_list .trv_training_log {
 transition: line-height 0.25s ease-in-out;
 line-height: 15px;
}

#verify_traininglogs_list .trv_training_log.hidden {
 line-height: 0px;
}

#verify_traininglogs_list img {
  height: 40px;
}

#pre-client_program-table-list {
 margin-bottom: 0px;
}

#pre-client_program-table-list span {
 display: inline-block;
 border-top: 1px solid #BBBBBB;
 border-bottom: 1px solid #888888;
 background: none repeat scroll 0 0 #BBBBBB;
 font-weight: bold;
 padding: 0.4em 1em;
 margin-right: -3px;
}

#client_program-table-div {
 max-height: 101px;
 overflow: auto;
 margin-bottom: 20px;
}

#client_program-table-div tr {
 height: 25px;
}

#client_program-table-list {
 margin-bottom: 0px;
}

#box-table-list td, #box-table-list th {
 padding: 0.5em 4px;
 font-size: 11px;
}

#box-table-list input {
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 5px;
 padding-bottom: 5px;
}

#box-table-list select {
 padding-top: 4px;
 padding-bottom: 4px;
}

#box-table-list input[type='date'] {
 width: 119px;
}

#box-table-list select[name='program_id'] {
 width: 100%;
}

#box-table-list input[name='duration'], #box-table-list input[name='calories'], #box-table-list input[name='avg_hr'] {
 width: 48px;
}

#box-table-list select[name='trainer_id'] {
 width: 100%;
}

#box-table-list input[name='remarks'] {
 width: 128px;
}

#technical_support .alert {
 font-size: 58px;
 font-weight: bold;
}

#bsod_menu > span {
 display: inline;
 opacity: 0;
 transition: opacity 0.25s ease-in;
 font-size: 16px;
}

#bsod_menu .show {
 opacity: 1;
}

#send_to_clients_page td.right textarea {
 width: 100%;
 display: none;
}

div.buttons {
 background: #f9f9f9;
 padding-top: 5px;
 padding-bottom: 5px;
 display: flex;
 flex-direction: row;
}

div.buttons button {
 margin-right: 3px;
}

#send_to_clients_page td.right button.save, #send_to_clients_page td.right button.discard {
 display: none;
 float: left;
}

button {
 background: linear-gradient(0deg, #dedede, #f5f5f5);
 border: 1px solid #bbb;
 border-radius: 3px;
 padding: 4px 17px;
 transition: background 150ms;
}

button:hover {
 background: linear-gradient(0deg, #eee, #fafafa);
}

button.delete:hover, button.ac_delete:hover {
 background: linear-gradient(0deg, #fbb, #ffdada);
}

tr.colourV td, p.colourV {
 background: #BCD4E6;
}

tr.colourM td, p.colourM {
 background: #FFC0CB;
}

#master_claim_form_page table {
 border-left: none;
 border-right: none;
}

#master_claim_form_page tr {
 border-left: 1px solid #bbbbbb;
 border-right: 1px solid #bbbbbb;
} 

#master_claim_form_page tr.spacing {
 border-left: none;
 border-right: none;
}

#master_claim_form_page td.additional_details input {
 width: 527px;
}

#monthly_total {
 font-weight: bold;
}

.header.row {
 background: #bbbbbb;
 border-bottom: 1px solid #888888;
 font-weight: bold;
 padding-top: 6px;
 height: 26px;
}

.row {
 border: 1px solid #bbbbbb;
 border-top: 0px;
 background: #eeeeee;
 height: 36px;
}

.header.row > span {
 margin-right: -3px;
 padding-top: 3px !important;
 padding-bottom: 4px;
}

.row > span {
 overflow: hidden;
 text-overflow: ellipsis;
 text-align: left;
 display: inline-block;
}

#individual_training .row > span {
 width: 101px;
 padding: 10px 7px 6px 4px;
}

#individual_training .row > .action {
 padding-top: 4px;
 float: right;
 display: flex;
 width: auto;
}

#dietary_review .row > span {
 width: 47px;
 padding: 7px 7px 6px 4px;
 vertical-align: middle;
}

#dietary_review span.date {
 width: 74px !important;
 padding-right: 16px;
 padding-left: 6px;
}

#dietary_review span.action {
 width: 128px !important;
 padding-top: 6px;
 padding-bottom: 3px;
}

#dietary_review_list, #individual_training_list {
 margin-bottom: 20px;
 max-height: 179px;
 overflow-x: hidden;
 overflow-y: auto;
}

.print_only {
 display: none;
}

.attention {
 background-color: #e00 !important;
}

#overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: none;
}

.training_log paper-spinner {
  margin-left: auto;
  margin-right: auto;
  display: block;
  top: 50%;
}

table.solidborder {
 border: 1px solid #7f7f7f;
}

tr.bgdarkgrey td {
 background-color: #272727;
 color: white;
}

td.bggreen2 {
 background-color: #b6cc21;
}

/********************
 * Training Log
 ****************/

.training_log #top_menu > span {
  border-right: 1px solid #777;
  color: #fff;
  font-weight: bold;
  padding: 0px 1em;
  line-height: 2.5em;
  transition: background 150ms;
}

.training_log #top_menu > span:hover {
  background-color: #666;
  cursor: pointer;
}

.training_log [data-role='navigation'] {
  width: 220px;
  margin-right: 10px;
  float: left;
}

.training_log [data-role='content'] {
  margin-left: 10px;
}

.training_log [data-role='content'] > .box {
  background: #f7f7f7;
}

#clients_programs tr:hover td {
  background: #effdd0;
  transition: background 150ms;
  cursor: pointer;
}

.training_log .name {
  font-size: 18px;
  font-weight: bold;
}

.training_log #clients_table .name, .training_log #client_info .name {
  height: 48px;
}

.training_log #client_info .name {
  margin-bottom: 12px;
}

.training_log div.trainer {
  font-size: 13px;
}

.training_log [data-role='navigation'] table {
  margin-left: -10px;
  width: 220px;
}

.training_log #clients_page th {
  white-space: nowrap;
}

.training_log .required label {
  font-weight: bold;
}

.training_log #new_traininglogs_page legend {
  border: none;
  font-weight: bold;
  font-size: 14px;
  background: none;
}

.training_log [data-role='add-pane'] select {
  width: 60%;
}

#new_traininglogs_page canvas {
/*   width: 434px; */
/*   height: 200px; */
  background: white;
  border: 1px solid;
}

#clear_canvas {
  position: absolute;
  margin-left: 197px;
  margin-top: -40px;
}

.training_log .invisible {
  display: none;
}

.training_log #traininglogs .signature {
  padding: 0px;
  text-align: right;
}

.training_log #traininglogs img {
  background: white;
  height: 27px;
  width: 102px;
  margin-bottom: -9px;
}

#site_info p {
  margin-left: 6px;
}

td.small {
  width: 1px;
  white-space: nowrap;
}

input, select {
  border-bottom: 1px solid #91918c;
  border-left: 1px solid #c1c1bc;
  border-top: 1px solid #c1c1bc;
  border-right: 1px solid #c1c1bc;
}

#cr_expiry_date_custom, #nc_expiry_date_custom {
  width: unset;
  display: none;
}

#box-table-list td.signature {
  padding-top: 0px;
  padding-bottom: 0px;
}

td.signature > img {
  height: 40px;
  margin-bottom: -17px;
}