/* for Tech Invoice page styles start here  */
.wrapper {
  display: flex;
  justify-content: space-between; /* Pushes the elements to the sides */
  align-items: flex-start; /* Align items at the top */
}

.address-box {
  width: 35%; /* Adjust width as necessary */
  padding: 20px;
  background-color: #f4f4f4;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.container {
  width: 15%; /* Adjust width as necessary */
  padding: 20px;
  border: 2px solid #a9a2a291;
  border-radius: 8px;
  background-color: #f9f9f9;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.separator {
  border-top: 1px solid #ccc;
  margin: 10px 0;
}

.content {
  text-align: center;
  font-family: Arial, sans-serif;
  color: #333;
}
/* ------ */

.form-container {
  border: 2px solid #ccc; /* Outer border for the form */
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border-radius: 8px;
  background-color: #f9f9f9;
  max-width: 1000px;
  margin: 20px auto;
}

.form-group {
  display: flex;
  gap: 20px;
}

.input-group {
  display: flex;
  flex-direction: column;
}
.input-group-1 {
  display: flex;
  flex-direction: column;
  padding-top: 23px;
}

.input-group label {
  margin-bottom: 5px;
  /* font-weight: bold; */
  font-family: Arial, sans-serif;
}

.input-box {
  /* padding: 10px; */
  font-size: 12px;
  border: 2px solid #ccc;
  border-radius: 4px;
  width: 50px; /* Set a fixed width or adjust as needed */
}
.type-select-box {
  /* padding: 10px; */
  font-size: 12px;
  border: 2px solid #ccc;
  border-radius: 4px;
  width: 85px; /* Set a fixed width or adjust as needed */
}
.input-box-2{
  font-size: 12px;
  border: 2px solid #ccc;
  border-radius: 4px;
  width: 200px; /* Set a fixed width or adjust as needed */
}
.billing-select-box {
  /* padding: 10px; */
  font-size: 12px;
  border: 2px solid #ccc;
  border-radius: 4px;
  width: 250px; /* Set a fixed width or adjust as needed */
}
.patient-select-box {
  /* padding: 10px; */
  font-size: 12px;
  border: 2px solid #ccc;
  border-radius: 4px;
  width: 200px; /* Set a fixed width or adjust as needed */
}

.date-box {
  width: 90px;
  font-size: 12px;
  border: 2px solid #ccc;
  border-radius: 4px;
}

.input-box:focus,
.select-box:focus {
  border-color: #333;
  outline: none;
}
.add-btn {
  padding: 5px 10px;
  background-color: #ccc;
  color: #000;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  height: 22px;
}

.add-btn:hover {
  background-color: #aaa; /* Darker gray on hover */
}

/* Outer border for the table */
.table-wrapper {
  border: 2px solid #aaa; /* Outer border */
  /* border-radius: 8px;  Rounded corners for a cleaner look */
  padding: 10px; /* Padding to prevent content from touching the border */
  max-width: 1000px;
  margin: 0 auto; /* Center the table */
}
.table-container {
  display: grid;
  grid-template-columns: 0.5fr 1fr 3fr 0.5fr 0.5fr 0.5fr; /* Adjustable column sizes */
  gap: 10px;
  max-width: 900px;
  margin: 0 auto;
}
.table-container-2 {
  display: grid;
  grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr; /* Adjustable column sizes */
  gap: 10px;
  max-width: 900px;
  margin: 0 auto;
}

.table-row {
  display: contents; /* Ensure rows use the grid layout */
}

.table-header {
  font-weight: bold;
  background-color: #f4f4f4;
  border-bottom: 2px solid #ddd;
  padding: 10px 0;
}

.table-cell {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-family: Arial, sans-serif;
}

.table-header .table-cell {
  text-align: left;
}

.table-cell:nth-child(4) { /* Align Charges column to the right */
  text-align: right;
}

.table-row:nth-child(even) .table-cell {
  background-color: #f9f9f9;
}

.table-container .table-row:last-child .table-cell {
  border-bottom: none; /* Remove bottom border on last row */
}

/* Input Box for PO# */
.po-input-box, .charge-input-box {
  border: none;
  border-bottom: 1px solid #ccc;  /* Only bottom border */
  width: 100%; /* Make the input take full width of the cell */
  box-sizing: border-box;
  background-color: transparent; /* Remove background color */
  width: 100px;
  font-size: 13px;
}

.po-input-box:focus {
  border-bottom-color: #333; /* Change bottom border color on focus */
  outline: none;
}
.cr-input-box, .past-input-box {
  border: none;
  border-bottom: 1px solid #ccc;  /* Only bottom border */
  width: 100%; /* Make the input take full width of the cell */
  box-sizing: border-box;
  background-color: transparent; /* Remove background color */
  width: 50px;
  font-size: 13px;
}

.cr-input-box:focus {
  border-bottom-color: #333; /* Change bottom border color on focus */
  outline: none;
}

.button-container {
  display: flex;
    gap: 10px;
    float: right;
    padding-top: 10px;
}

.action-button {
  padding: 5px 10px;
  background-color: #ccc; 
  color: #000000;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.3s; /* Transition effect */
}

.action-button:hover {
  background-color: #aaa; /* Darker gray on hover */
}

.time-input-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}

.time-input-box {
  width: 70px; /* Control the width to match the time format */
  border: none;
  border-bottom: 2px solid #ccc; /* Bottom border styling */
  font-size: 16px;
  text-align: center; /* Center align the text */
  box-sizing: border-box;
}

.time-input-box:focus {
  border-bottom-color: #333; /* Focus state border color */
  outline: none;
}

.time-input-box::placeholder {
  color: #aaa; /* Placeholder styling */
}

.delete-icon {
  color: red;
  cursor: pointer;
  font-size: 18px;
  text-align: center;
}

.delete-icon:hover {
  color: darkred;
}

.no-data-row {
    grid-column: 1 / -1; /* Span all columns */
    color: red;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}
/* Success message style */
.flash-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

/* Error message style */
.flash-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}
/* for Tech Invoice page styles end here  */


body {
  background-color: #e5ecf4;
  color: #89b0d6;
  font-family: arial;
  font-size: 14px;
}

.c {
  clear: both;
}

.l {
  float: left;
}

.r {
  float: right;
}

a {
  color: #89b0d6;
  text-decoration: none;
}

button {
  font-size: 10px;
}

input[type="checkbox"] {
  margin-top: 0;
}

form {
  font-size: 12px;
  font-size: 11px;
}

input {
  font-size: 11px;
}

select {
  font-size: 12px;
  font-size: 11px;
  padding: 1px 0;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

textarea {
  font-family: arial;
  font-size: 12px;
  font-size: 11px;
  margin: 2px 0 6px 0;
  padding: 1px 0;
}

#container {
  background-color: #fff;
  margin: 0 auto;
  width: 960px;
}

header {
  background-color: #e4e8f2;
  background-color: #e5ecf4;
  float: left;
  height: 120px;
  width: 960px;
}

nav {
  float: left;
  height: 36px;
  width: 960px;
}

nav #log-in {
  float: right;
  font-size: 12px;
  height: 29px;
  padding-top: 7px;
  padding-top: 11px;
  /*
    width: 92px;
*/
}

nav #log-in a {
  color: #000;
  text-decoration: underline;
}

nav #log-out {
  float: left;
  font-size: 12px;
  height: 29px;
  padding-top: 7px;
  padding-top: 11px;
  width: 92px;
  width: 62px;
}

nav #log-out a {
  color: #000;
  text-decoration: underline;
}

nav #logged-in {
  float: left;
  font-size: 12px;
  padding: 11px 0 11px 11px;
  width: 203px;
}

nav #logged-in .name {
  color: #567496;
  /*
    font-size: 17px;
*/
}

nav #logged-in .title {
  color: #536e81;
}

nav .active a {
  color: #193282;
}

nav .tab {
  background-image: url(/images/tab.png);
  float: left;
  height: 28px;
  margin-top: 8px;
  width: 114px;
}

nav .tab .title {
  padding-top: 7px;
  text-align: center;
}

#sub-nav {
  background-color: #fff;
  float: left;
  height: 84px;
  width: 960px;
}

#sub-nav #logo {
  float: left;
  padding-top: 8px;
  width: 224px;
}

#sub-nav #logo img {
  margin-left: 10px;
}

#sub-nav #menu {
  float: left;
  width: 692px;
  width: 736px;
}

#sub-nav #menu a {
  color: #193282;
}

#sub-nav #menu a.active {
  color: #111;
}

#sub-nav #menu ul {
  padding-top: 32px;
}

#sub-nav #menu ul.scheduling li {
  margin-top: 6px;
}

#sub-nav #menu ul.scheduling li.datepicker {
  margin-top: 0;
}

#sub-nav #menu ul.scheduling li.icon {
  margin-top: 0;
}

#sub-nav #menu ul li {
  color: #a8aece;
  display: inline;
  float: left;
  margin-right: 8px;
}

#sub-nav #menu ul li.datepicker #datepicker {
  margin-left: 8px;
  vertical-align: top;
  width: 70px;
}

#sub-nav #menu ul li.last {
  margin-right: 0;
}

article {
  background-color: #fff;
  float: left;
  margin-top: 8px;
  padding: 12px 10px;
  width: 940px;
}

.bear-study {
  color: #00e !important;
}

.blue {
  color: #00e !important;
}

.checkbox {
  float: left;
  width: 25px;
}

.dep {
  color: #00e !important;
}

.element-container {
  float: left;
  width: 155px;
  width: 163px;
}

.element-container input[type="text"] {
  margin-bottom: 6px;
  width: 145px;
}

.element-container #tech_billing_address {
  width: 310px;
}

.element-container #insurance_carrier_id {
  width: 199px;
}

.element-container #medical_record_number {
  margin-bottom: 6px;
  width: 127px;
}

.element-container #patient_first_name {
  margin-bottom: 6px;
  width: 157px;
}

.element-container #patient_last_name {
  margin-bottom: 6px;
  width: 163px;
}

.element-container #scheduled_levels {
  margin-bottom: 6px;
  width: 126px;
}

.element-container #scheduled_procedure {
  margin-bottom: 6px;
  width: 474px;
}

.element-container #scheduled_procedure_id {
  margin-bottom: 6px;
  width: 478px;
}

.element-container #social_security_number {
  margin-bottom: 6px;
  width: 126px;
}

.element-container input[type="password"] {
  margin-bottom: 6px;
  width: 145px;
}

.element-container select {
  margin-bottom: 6px;
  margin-bottom: 2px;
  width: 95%;
}

.element-container-date {
  float: left;
  width: 70px;
}

.element-container-date input[type="text"] {
  float: left;
  margin-bottom: 2px;
  width: 60px;
}

/*
.element-container-1 {
    float: left;
    width: 80px;
}

.element-container-1 input[type="text"] {
    margin-bottom: 6px;
    width: 70px;
}

.element-container-2 {
    float: left;
    width: 230px;
}

.element-container-2 input[type="text"] {
    margin-bottom: 6px;
    width: 220px;
}

.element-container-3 {
    float: left;
    width: 460px;
}

.element-container-3 input[type="text"] {
    margin-bottom: 6px;
    width: 440px;
}

.element-container-4 {
    float: left;
    width: 145px;
}

.element-container-4 input[type="text"] {
    margin-bottom: 6px;
    width: 140px;
}

.element-container-4 select {
    width: 140px;
}

.element-container-5 {
    float: left;
    width: 170px;
}

.element-container-5 input[type="text"] {
    margin-bottom: 6px;
    width: 160px;
}
*/

ul.errors {
  width: 95%;
}

.errors {
  color: #ff0000;
  line-height: normal;
}

.form-option dt {
  float: left;
  color: #999;
  font-size: 11px;
}
.form-option dd {
  float: left;
  margin-right: 6px;
}

.form-surgeon-preference #preference {
  height: 86px;
  width: 100%;
}

.form-surgeon-preference #preference {
  height: 86px;
  width: 100%;
}

.interpretations-date-time-container {
  float: left;
  margin-top: 16px;
  width: 86px;
}

.interpretations-date-time-container a {
  color: #00e;
}

.interpretations-surgical-procedure-container {
  float: left;
  width: 500px;
}

.interpretations-surgical-procedure-container #surgical_procedure {
  width: 490px;
}

.interpretations-scheduled-levels-container {
  float: left;
  width: 130px;
}

.list {
  float: left;
  font-size: 12px;
  font-size: 11px;
}

.list div .data {
  /*
    min-height: 14px;
    overflow-x: hidden;
*/
  vertical-align: top;
}

.list .account-type {
  width: 130px;
}

.list .case {
  color: #111;
  float: left;
  padding: 6px 0;
}

.list .change a {
  text-decoration: underline;
}

.list .data {
  float: left;
}

.list .date {
  width: 130px;
}

.list .email {
  width: 158px;
}

.list .file {
  width: 172px;
}

.list .interpretations-file .file {
  width: 212px;
}

.list .interpretations-file-grey .file {
  width: 212px;
}

.list .google-id {
  width: 168px;
}

.list .hospital {
  color: #111;
  float: left;
  padding: 6px 0;
}

.list .bonus {
  color: #111;
  float: left;
  padding: 6px 0;
}

.list .hospital-address {
  width: 256px;
}

.list .hospital-contact-name {
  width: 152px;
}

.list .hospital-contact-phone {
  width: 112px;
  width: 132px;
}

.list .hospital-main-phone {
  width: 112px;
  width: 132px;
}

.list .hospital-name {
  width: 165px;
}

.list .insurance-carrier {
  color: #111;
  float: left;
  padding: 6px 0;
}

.list .insurance-carrier-name {
  width: 800px;
}

.list .interpretations-file {
  color: #111;
  float: left;
  padding: 6px 0;
}

.list .interpretations-file-grey {
  color: #bbb;
  float: left;
  padding: 6px 0;
}

.list .interpretations-file-bold {
  color: #111;
  float: left;
  padding: 6px 0;
  font-weight: bolder;
}

.list .inventory-current-stock {
  width: 140px;
}

.list .inventory-edit-count {
  width: 70px;
}

.list .inventory-item {
  width: 240px;
}

.list .inventory-reason {
  width: 390px;
}

.list .mobile-phone {
  width: 116px;
}

.list .name {
  width: 172px;
}

.list .procedure-category {
  width: 200px;
}

.list .procedure-title {
  width: 624px;
}

.list .region {
  width: 70px;
}

.list .scheduling {
  color: #111;
  float: left;
  padding: 6px 0;
  text-align: center;
}

.list .scheduling .data {
  height: 15px;
  height: 14px;
  height: 13px;
  line-height: 12px;
  overflow: hidden;
}

.list .scheduling-hospital {
  border-right: solid #89b0d6 1px;
  width: 142px;
}

.list .scheduling-levels {
  border-right: solid #89b0d6 1px;
  /* width: 72px; */
  width: 66px;
}

.list .scheduling-patient-name {
  border-right: solid #89b0d6 1px;
  width: 126px;
}

.list .scheduling-scheduled-procedure {
  border-right: solid #89b0d6 1px;
  width: 150px;
}

.list .scheduling-date {
  border-right: solid #89b0d6 1px;
  text-align: center;
  /* width: 66px; */
  width: 64px;
}

.list .scheduling-start-time {
  border-right: solid #89b0d6 1px;
  text-align: center;
  /* width: 66px; */
  width: 53px;
}

.list .scheduling-surgeon {
  border-right: solid #89b0d6 1px;
  width: 112px;
}

.list .scheduling-technologist {
  width: 126px;
  width: 120px;
}

.list .scheduled-procedure {
  color: #111;
  float: left;
  padding: 6px 0;
}

.list .surgeon {
  color: #111;
  float: left;
  padding: 6px 0;
}

.list .surgeon-address {
  width: 256px;
}

.list .surgeon-contact-name {
  width: 152px;
}

.list .surgeon-contact-phone {
  width: 112px;
}

.list .surgeon-main-phone {
  width: 112px;
}

.list .surgeon-name {
  width: 190px;
}

.list .technologist {
  width: 122px;
}

.list .user {
  color: #111;
  float: left;
  padding: 6px 0;
}

.list-header {
  border-bottom: solid #89b0d6 1px;
  float: left;
  padding-bottom: 6px;
  width: 874px;
  width: 906px;
}

.list-header .account-type {
  width: 140px;
  width: 130px;
}

.list-header .date {
  width: 130px;
}

.list-header .email {
  width: 158px;
}

.list-header .file {
  width: 172px;
}

.list-header .google-id {
  width: 158px;
}

.list-header .header {
  float: left;
}

.list-header .mobile-phone {
  width: 116px;
}

.list-header .name {
  width: 172px;
}

.list-header .region {
  width: 70px;
}

.list-header-case {
  float: left;
  padding-bottom: 6px;
  width: 874px;
}

.list-header-case .header {
  float: left;
  text-align: center;
}

.motor {
  color: #00e !important;
}

.nerve {
  color: #00e !important;
}

.pulse-oximetry {
  color: #00e !important;
}

.section {
  border: solid #d4d4d4 1px;
  float: left;
  margin-bottom: 6px;
  width: 938px;
}

.section-body {
  background-color: #fff;
  float: left;
  padding: 26px 32px;
  padding: 26px 16px;
  width: 874px;
  width: 906px;
}

.section-header {
  background-color: #e2e2e2;
  float: left;
  height: 54px;
  width: 938px;
}

.section-header-files {
  float: right;
  margin-right: 26px;
  margin-top: 14px;
}

.section-header-title {
  color: #163384;
  font-size: 14px;
  font-weight: bold;
  margin-left: 26px;
  margin-top: 20px;
}

.section-header-title li {
  color: #89b0d6;
  display: inline;
  float: left;
  margin-right: 8px;
}

.section-header-title li a.active {
  color: #163384;
}

.section-sub-header-title {
  font-weight: bold;
  margin-bottom: 20px;
  margin-left: 0;
}

.semg {
  color: #00e !important;
}

.show-more {
  float: left;
  margin-top: 50px;
}

.ssep {
  color: #00e !important;
}

.tcemep-study {
  color: #00e !important;
}

.temg {
  color: #00e !important;
}

.time-of-study {
  color: #00e !important;
}

.tof {
  color: #00e !important;
}

.user-vacation-col {
  float: left;
  width: 140px;
}

.vep {
  color: #00e !important;
  font-weight: bold;
}

#form_case #scheduling_notes {
  height: 56px;
  width: 456px;
  width: 476px;
}

#form_case_details #hospital_contact_email {
  width: 175px;
}

#form_case_details #hospital_contact_name {
  width: 175px;
}

#form_case_details #hospital_id {
  width: 360px;
}

#form_case_details #hospital_main_phone {
  width: 146px;
}

#form_case_details #hospital_notes {
  height: 68px;
  padding: 2px;
  width: 354px;
}

#form_case_details #patient_name {
  width: 178px;
}

#form_case_details #preferences {
  height: 68px;
  padding: 2px;
  width: 514px;
}

#form_case_details #case_tracking {
  height: 68px;
  padding: 2px;
  width: 514px;
}

#form_case_details #remote_supervision_id {
  width: 175px;
}

#form_case_details #scheduled_levels {
  width: 175px;
}

#form_case_details #scheduled_procedure {
  width: 332px;
}

#form_case_details #scheduled_procedure_id {
  width: 332px;
}

#form_case_details #scheduling_contact {
  width: 175px;
}

#form_case_details #scheduling_contact_email {
  width: 175px;
}

#form_case_details #scheduling_contact_phone {
  width: 146px;
}

#form_case_details #scheduling_notes {
  height: 72px;
  width: 518px;
}

#form_case_details #start_date {
  width: 67px;
}

#form_case_details #start_time {
  width: 67px;
}

#form_case_details #surgeon_email {
  width: 175px;
}

#form_case_details #surgeon_name {
  width: 175px;
}

#form_case_details #surgeon_phone {
  width: 146px;
}
/*
#form_case_details #surgeon_preferences {
    height: 68px;
    padding: 2px;
    width: 514px;
}
*/

#form_case_details #technologist_id {
  width: 175px;
}

#form_case_details #training_id {
  width: 175px;
}

#form_hospital_add #delete-element {
  margin-top: 64px;
}

#form_hospital_add #delete-label {
  display: none;
}

#form_hospital_add #documents-label {
  float: left;
}

#form_hospital_add #documents-element {
  float: left;
}

#form_hospital_add #note {
  height: 68px;
  width: 568px;
}

#form_hospital_add #submit-element {
  margin-top: 64px;
}

#form_hospital_add #submit-label {
  display: none;
}

#form_insurance_add #name {
  width: 440px;
}

#form_login input[type="password"] {
  width: 220px;
}

#form_login input[type="text"] {
  margin-bottom: 6px;
  width: 220px;
}

#form_on_call #on_call_end_date {
  width: 67px;
}

#form_on_call #on_call_start_date {
  width: 67px;
}

#form_out #out_end_date {
  width: 67px;
}

#form_out #out_start_date {
  width: 67px;
}

#form_lecture #lecture_start_date {
  width: 67px;
}

#form_scheduled_procedure_add #title {
  width: 440px;
}

#form_surgeon_add #delete-element {
  margin-top: 64px;
}

#form_surgeon_add #preferences {
  height: 68px;
  width: 568px;
}

#form_surgeon_add #scheduling_contact_email {
  width: 180px;
}

#form_surgeon_add #submit-element {
  margin-top: 64px;
}

#form_surgeon_preference_add #preference {
  height: 86px;
  width: 100%;
}

#form_user_add #permissions-element {
  border: solid #ccc 1px;
  margin-top: 1px;
  padding: 5px;
  width: 139px;
}

#form_user_add #permissions-element label {
  color: #163384;
}

#form_vacation #vacation_end_date {
  width: 67px;
}

#form_vacation #vacation_start_date {
  width: 67px;
}

#list {
  float: left;
  font-size: 11px;
}

#list .change a {
  text-decoration: underline;
}

#list .data {
  float: left;
}

#list .hospital {
  color: #111;
  float: left;
  padding: 6px 0;
}

#list .hospital-address {
  width: 185px; /* 256px; */
}

#list .hospital-upload-forms {
  width: 100px; 
}

#list .product-name {
  width: 350px;
}

#list .hospital-contact-name {
  width: 152px;
  width: 132px;
}

#list .hospital-contact-phone {
  width: 112px;
  width: 105px;   /* 132px; */
}

#list .hospital-main-phone {
  width: 112px;
  width: 80px;    /* 132px; */
}

#list .hospital-name {
  width: 190px;
}

/* for Bonus program */

#list .bonus {
  color: #111;
  float: left;
  padding: 6px 0;
  width: 906px;
}

#list .bonus-dos {
  width: 90px;
}
#list .bonus-case-no {
  width: 80px;
}
#list .bonus-point {
  width: 75px;
}
#list .bonus-point-tor {
  width: 105px;
}
#list .bonus-tech-name {
  width: 305px;
}
#list .bonus-quarter {
  width: 150px;
}
/* #list .bonus-header-lbl {
    float: left; padding: 10px; background-color: #e5ecf4; width: 886px; font-weight: bold;   
} */

/* Bonus pgm end here. */

#list .surgeon {
  color: #111;
  float: left;
  padding: 6px 0;
}

#list .surgeon-address {
  width: 256px;
  width: 276px;
  width: 296px;
}

#list .surgeon-contact-name {
  width: 152px;
  width: 122px;
}

#list .surgeon-contact-phone {
  width: 112px;
  width: 122px;
}

#list .surgeon-main-phone {
  width: 112px;
  width: 112px;
}

#list .surgeon-name {
  width: 190px;
  width: 170px;
}

#list-header {
  border-bottom: solid #89b0d6 1px;
  float: left;
  padding-bottom: 6px;
  width: 874px;
  width: 906px;
}

#list-header .header {
  float: left;
}

#region-filter {
  float: right;
}

#surgeon-preferences textarea {
  height: 86px;
  width: 100%;
}

#user-list {
  float: left;
}

#user-list .data {
  float: left;
}

#user-list .account-type {
  width: 140px;
}

#user-list .change {
}

#user-list .change a {
  text-decoration: underline;
}

#user-list .email {
  width: 158px;
}

#user-list .google-id {
  width: 158px;
}

#user-list .mobile-phone {
  width: 116px;
}

#user-list .name {
  width: 172px;
}

#user-list .region {
  width: 70px;
}

#user-list .user {
  color: #111;
  float: left;
  padding: 6px 0;
}

#user-list-header {
  border-bottom: solid #89b0d6 1px;
  float: left;
  padding-bottom: 6px;
  width: 874px;
}

#user-list-header .header {
  float: left;
}

#user-list .mobile-phone {
  width: 116px;
}

#user-list .name {
  width: 172px;
}

#user-list .region {
  width: 70px;
}

footer {
  color: #697eb5;
  float: left;
  margin-top: 10px;
  text-align: right;
  width: 960px;
}

#long-running-process {
  position: absolute;
  left: -100px;
  top: -100px;

  width: 1px;
  height: 1px;
}

#zend-progressbar-container {
  width: 100px;
  height: 30px;

  border: 1px solid #000000;
  background-color: #ffffff;
}

#zend-progressbar-done {
  width: 0;
  height: 30px;

  background-color: #000000;
}

#interpretations-sub-nav li a {
  color: #89b0d6 !important;
}
#interpretations-sub-nav li a.active {
  color: #193282 !important;
}

/* Loading GIF animation for Read.Phys Shedule Screen*/

#fountainTextG {
  width: 234px;
  margin: auto;
}

.fountainTextG {
  color: rgb(0, 0, 0);
  font-family: Arial;
  font-size: 24px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  float: left;
  animation-name: bounce_fountainTextG;
  -o-animation-name: bounce_fountainTextG;
  -ms-animation-name: bounce_fountainTextG;
  -webkit-animation-name: bounce_fountainTextG;
  -moz-animation-name: bounce_fountainTextG;
  animation-duration: 2.09s;
  -o-animation-duration: 2.09s;
  -ms-animation-duration: 2.09s;
  -webkit-animation-duration: 2.09s;
  -moz-animation-duration: 2.09s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
}
#fountainTextG_1 {
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}
#fountainTextG_2 {
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}
#fountainTextG_3 {
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}
#fountainTextG_4 {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}
#fountainTextG_5 {
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}
#fountainTextG_6 {
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}
#fountainTextG_7 {
  animation-delay: 1.64s;
  -o-animation-delay: 1.64s;
  -ms-animation-delay: 1.64s;
  -webkit-animation-delay: 1.64s;
  -moz-animation-delay: 1.64s;
}
#fountainTextG_8 {
  animation-delay: 1.79s;
  -o-animation-delay: 1.79s;
  -ms-animation-delay: 1.79s;
  -webkit-animation-delay: 1.79s;
  -moz-animation-delay: 1.79s;
}
#fountainTextG_9 {
  animation-delay: 1.94s;
  -o-animation-delay: 1.94s;
  -ms-animation-delay: 1.94s;
  -webkit-animation-delay: 1.94s;
  -moz-animation-delay: 1.94s;
}
#fountainTextG_10 {
  animation-delay: 2.09s;
  -o-animation-delay: 2.09s;
  -ms-animation-delay: 2.09s;
  -webkit-animation-delay: 2.09s;
  -moz-animation-delay: 2.09s;
}

@keyframes bounce_fountainTextG {
  0% {
    transform: scale(1);
    color: rgb(0, 0, 0);
  }

  100% {
    transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}

@-o-keyframes bounce_fountainTextG {
  0% {
    -o-transform: scale(1);
    color: rgb(0, 0, 0);
  }

  100% {
    -o-transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}

@-ms-keyframes bounce_fountainTextG {
  0% {
    -ms-transform: scale(1);
    color: rgb(0, 0, 0);
  }

  100% {
    -ms-transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}

@-webkit-keyframes bounce_fountainTextG {
  0% {
    -webkit-transform: scale(1);
    color: rgb(0, 0, 0);
  }

  100% {
    -webkit-transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}

@-moz-keyframes bounce_fountainTextG {
  0% {
    -moz-transform: scale(1);
    color: rgb(0, 0, 0);
  }

  100% {
    -moz-transform: scale(0.5);
    color: rgb(255, 255, 255);
  }
}
/* Loading GIF animation for Read.Phys Shedule Screen End*/