/**
 * Core OpenEMR styles.
 *
 * These helpers are used regardless of the theme being used
 *
 * @author Robert Down <robertdown@live.com>
 * @copyright Copyright (c) 2017 Robert Down
 * @license https://github.com/openemr/openemr/blob/master/LICENSE General Public License 3
 */

@import "themeBuilder.php";

@font-face {
  font-family: "FontAwesome";
  src: url("../../public/assets/font-awesome-4-6-3/fonts/fontawesome-webfont.ttf") format("truetype");
}

.chart-dygraphs {
  direction: ltr;
}

.css_button[href*="deleter"]:before,
input[type="button"][href*="deleter"] [type="submit"]:before,
button[href*="deleter"]:before {
  font-family: "FontAwesome";
  content: "\f014";
  display: inline-block;
}

.btn::before {
  font-family: "FontAwesome";
  display: inline;
}

.btn-save::before {
  content: "\f00c\00a0\00a0";
}

.btn-cancel::before {
  content: "\f00d\00a0\00a0";
}

.btn-add::before {
  content: '\f067\00a0\00a0';
}

.btn-search::before {
  content: '\f002\00a0\00a0';
}

.btn-delete::before {
  content: '\f014\00a0\00a0';
}

.btn-duplicate::before {
  content: '\f0c5\00a0\00a0';
}

.btn-refresh::before {
  content: '\f021\00a0\00a0';
}

.btn-edit::before {
  content: '\f040\00a0\00a0';
}

.btn-transmit::before {
  content: '\f061\00a0\00a0';
}

.btn-print::before {
  content: '\f02f\00a0\00a0';
}

.btn-back::before {
  content: '\f053\00a0\00a0';
}

.btn-show::before {
  content: '\f06e\00a0\00a0';
}

.btn-hide::before {
  content: '\f070\00a0\00a0';
}

.btn-undo::before {
  content: '\f0e2\00a0\00a0';
}

.btn-update::before {
  content: '\f01e\00a0\00a0';
}

.btn-download::before {
  content: '\f019\00a0\00a0';
}

.btn-mail::before {
  content: '\f0e0\00a0\00a0';
}

.btn-calendar::before {
  content: '\f073\00a0\00a0';
}

.btn-graph::before {
  content: '\f201\00a0\00a0';
}

.btn-filter::before {
  content: '\f0b0\00a0\00a0';
}

/* Fix the thumbmail */
.patientPicture .img-thumbnail {
  padding: 0;
  border: none;
  background-color: none;
}

/* Derrik's encounter reporting css grid and media queries */
@media screen and (max-width: 1024px) {
  .form_report {
    grid-template-columns: 300px 1fr;
  }
}

@media screen and (min-width: 1024px) {
  .form_report {
    grid-template-columns: 250px 1fr 250px 1fr;
  }
}

.formrow .tab {
  width: 100%;
}

.form_report {
  display: grid;
  grid-gap: 1px 10px;
}

.form_report .bold {
  /* text-align: right; */
}

/* Custom style for reports */
#report_custom .form_report {
  grid-template-columns: 250px 1fr !important;
}

/* Fix the encounter selection menu and review buttons */
.patientDataColumn .dropdown-menu {
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
}

.dropdown-menu>li {
  display: inline-flex;
  width: 100%;
}

.dropdown-menu>li a:first-child {
  flex: 1 1 auto;
}

/* Fix the demographics page tab width */
#DEM .tabContainer .tab {
  width: 100%;
}

.demographics-box {
  display: flex;
  max-width: 1024px;
}
#pastEncounters {
  width: 250px;
}

/* Fix the autocomplete menus to have max sizing and scrolling if needed */
.ui-menu {
  max-width: 500px;
  max-height: 250px;
  overflow: hidden;
  overflow-y: auto;
}

div.closeDlgIframe {
  background: #ff5d5a;
  position: absolute;
  top: -12px;
  right: -12px;
  height: 25px;
  width: 25px;
  cursor: pointer;
  z-index: 10010;
}

div.closeDlgIframe:before {
  color: #fff;
  content: "\f00d";
  font-family: "FontAwesome";
  font-weight: bold;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: auto;
  line-height: 25px;
  height: 25px;
}

.ui-draggable:hover {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.ui-draggable:active {
  cursor: move;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../../public/assets/jquery-ui-1-12-1/themes/sunny/images/ui-icons_d19405_256x240.png");
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}




/* Testing stuffs */

:root {
  /* These should be the same regardless of theme */
  
  /* Font Stuff */
  --font-main: montserrat;
  --weight-default: 300;
  --weight-100: 100;
  --weight-light: 200;
  --weight-400: 400;
  --weight-bold: 600;

  --radius: 3px;

  /* Shadows */
  --shadow-bottom: 0px 3px 13px 2px var(--v-secondary-darken4);
  --shadow-full: 0px 7px 11px 0px #4c4c4c;
}

/*****************
 * Change default font over all elements
 * style_cobalt_blue 43
 *
 *****************/
*,
html,
body {
  font-family: var(--font-main);
  font-weight: var(--weight-default);
}

/* replace default body styles from bootstrap */
body {
  color: var(--v-secondary-lighten3);
  background-color: var(--v-secondary-darken4);

  /*Set default font for all pages*/
  font-family: var(--font-main);
  font-weight: var(--weight-default);
}

a:focus, a:hover {
    color: var(--v-info-darken1);
}

/* Top Menu Bar Start */

/* Main logo background */
#mainBox>div.body_top>a>img {
  background-color: white;
}

/*********************** 
 * Change the background color and text color of upper menu bar
 * style_cobalt_blue 181, 1396, 1432
 * tabs_style_computed.css 368
 ***********************/
#mainBox>.body_top,
.body_top_tabs {
  background: var(--v-secondary-darken4);
  background: var(--dark-gradient);
  color: var(--v-secondary-lighten3);
  box-shadow: var(--shadow-bottom);
}

/***********************
 * Top menu font-weight
 * style_cobalt_blue 1431
 ***********************/
.menuLabel {
  font-weight: var(--weight-light);
}

#username span {
  font-weight: var(--weight-light);
}

/************************
 * Top menu Hover
 * style_cobalt_blue.css 1462, 146
 * tabs_style_compact.css 376, 289
 ************************/
.appMenu>span:hover,
.menuLabel:hover {
  background-color: var(--v-secondary-darken1);
}

/*************************
 * Top menu - Drop down background color 
 * style_cobalt_blue.css 1486
 * tabs_style_compact.css 319
 *
 * Box-shadow
 * style_cobalt_blue.css 1471
 * tabs_style_compact.css 319
 *************************/
.menuSection>.menuEntries {
  background-color: var(--v-secondary-darken2);
  box-shadow: var(--shadow-full);
}

.menuEntries .menuLabel:hover {
  background-color: var(--v-secondary-darken1);
}

/**********************
 * Disabled menu items
 * Make the text a little see-through,
 * signifying that it's disabled
 * tabs_style_compact.css 319, 355 
 **********************/
.menuDisabled {
  opacity: .5;
}

/*********************
 * Menu dropdown spacing
 * style_cobalt_blue.css 1476
 * tabs_style_compact.css 302
 *
 * background-color
 * tabs_style_compact.css 306
 * style_cobalt_blue.css 1483
 *********************/
.menuEntries li .menuLabel {
  padding-left: 24px;
}

/**********************
 * Change position of sub-menu
 * If this is not there, the sub-menu will overlap the main menu
 * tabs_style_compact.css 338  
 ***********************/
.menuSection>.menuEntries .menuEntries {
  left: 100%;
}

/* Top Menu Bar End */

/* #attendantData Section Start */
/***********************
 * Current time
 ***********************/
#currentTime {
  font-size: initial;
  margin: auto 1em;
  color: var(--v-info-base);
}

/************************
 * patient information
 *
 * style_cobalt_blue 1422
 ************************/
.patientInfo {
  font-weight: var(--weight-400);
}

/************************
 * Change font-weight of current encounter
 *
 * style_cobalt_blue 1429
 ************************/
.patientCurrentEncounter {
  font-weight: var(--weight-400);
}

/************************
 * Change dropdown list background color
 * Change dropdown list hover color
 *
 * style_cobalt_blue 1806
 * style_cobalt_blue 1811 
 ************************/
.dropdown-menu {
  background-color: var(--v-secondary-darken3);
  border-top: 1px solid var(--v-secondary-darken1);
}

.dropdown-menu>li>a,
.dropdown-menu>li>a {
  background-color: var(--v-secondary-darken2);
  color: var(--v-secondary-lighten3);
  font-weight: inherit;
  cursor: pointer;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  background-color: var(--v-secondary-darken1);
  color: inherit;
}

/* #attendantData Section End */

/* Tabs start */
/***********************************
 * Change the sizing of tabs
 *
 * tabs_style_compact 126
 ***********************************/
.tabSpan {
  padding: 7px 12px;
  border: 1pt solid var(--v-secondary-darken1);
}

/***********************************
 * Remove top border thing style_cobalt_blue....css 1399 
 ***********************************/

/**********************************
 * Change how the overflow works
 *
 * tabs_style_compact 119
 **********************************/
.tabControls {
  overflow-y: hidden;
  display: flex;
  flex-direction: row;
}

.tabControls>.tabSpan {
  flex: 0 0 auto;
  display: block;
  overflow: hidden;
}

.tabControls>.tabSpan>.tab_icons {
  flex: 0 0 auto;
  width: 0px;
  display: inline-block;
  opacity: 0;
/*   transform: translateX(50px); */
  transition: .5s;
}

.tabControls>.tabSpan:hover>.tab_icons {
  width: 50px;
  opacity: 1;
/*   transform: unset; */
}

/**********************************
 * Add a transition to smooth out hovers and transforms etc
 *
 * Background-color and text color
 * style_cobalt_blue 185
 **********************************/
.bgcolor2 {
  transition: .1s;
  background-color: var(--v-secondary-darken4);
  color: var(--v-secondary-lighten3);
}

.tabControls>.tabSpan.bgcolor2:hover {
  transform: scaleY(1.15) translateY(-4%);
}

/****************************
 * Add some color separation for the tabs 
 ****************************/
.tabSpan.bgcolor2:not(.tabNotchosen) {
  background-color: var(--v-secondary-darken4);
}

.tabSpan.bgcolor2:not(.tabNotchosen):hover {
  background-color: var(--v-secondary-lighten1);
}

/************************
 * Make the font a little thicker
 ************************/
.tabSpan>span {
  font-weight: var(--weight-400);
}

/*************************
 * Add a border along the bottom of not-chosen tabs
 *
 * style_cobalt_blue.css 1406
 * tabs_style_compact 154, 130
 *************************/
.tabSpan.tabNotchosen,
.tabsNoHover {
  border-bottom: 2px solid var(--v-secondary-darken4);
}

.tabSpan.tabNotchosen {
  background-color: var(--v-secondary-lighten3);
  color: var(--v-secondary-darken4);
  border-bottom: 2px solid white;
}

.tabSpan.tabNotchosen:hover {
  background-color: var(--v-secondary-darken1);
}

/***************************
 * Arrow on the left of the screen
 * Get rid of the background color on hover
 *
 ***************************/
.tabControls+.tabNotchosen:hover {
  background: none;
}

/* Tabs End */

/* Calendar Start */

/* calendar
 * style_cobalt_blue.css 1522
 * */
#topToolbarRight {
  padding: 5px;
  background-color: var(--v-secondary-darken4);
  border-bottom: 0;
}

/*****************************
 * Make sure the font-family is the correct one
 * Make the text light
 * ajax-calendar 41
 *****************************/
#dateNAV {
  color: var(--v-secondary-lighten3);
}

/*********************
 * Background color for small calendar/date picker
 *
 * ajax_calendar 176
 *********************/
#datePicker .tdMonthName-small {
  background-color: var(--v-secondary-darken3);
  color: var(--v-secondary-lighten3);
}

#datePicker .tdDOW-small {
  background-color: var(--v-secondary-darken3);
  color: var(--v-secondary-lighten3);

}

#datePicker .tdWeekend-small {
  background-color: var(--v-secondary-darken3);
  color: var(--v-secondary-lighten3);

}

#datePicker .tdOtherMonthDay-small {
  background-color: var(--v-secondary-darken3);
  color: var(--v-secondary-lighten3);

}

#datePicker .tdMonthDay-small {
  background-color: var(--v-secondary-darken3);
  color: var(--v-secondary-lighten3);

}

/*****************************
 * Column that has the times
 *
 * ajax_calendar 246, 259
 *****************************/

#times,
#times table,
#times tbody,
#bigCal th {
  background-color: transparent;
}

#times table td {
  padding: 0px 4px;
}

/****************************
 * Change the background of the main calendar section to be darker
 *
 * style_cobalt_blue 1506
 ****************************/
.calsearch_body {
  background-color: var(--v-secondary-darken4) !important;
}

/* style_cobalt_blue 1502 */
#calsearch_params {
  background-color: var(--v-secondary-lighten3) !important;
}

/***************************
 * Calendar heading for each column
 *
 * ajax_calendar 287
 ***************************/
.providerheader {
  background-color: var(--v-secondary-darken4);
}

/****************************
 * Background for all of the calendar
 *
 * style_cobalt_blue 1525
 ****************************/
#bottom {
  background-color: var(--v-secondary-darken4);
}

/*******************************
 * Schedule default background color 
 * 
 * ajax_calendar 275
 *******************************/
.schedule {
  background-color: var(--v-secondary-darken3);
}

/*******************************
 * Bottom left background color
 *
 * ajax_calendar 411
 *******************************/
/*.view2 {
  background-color: var(--v-secondary-darken1);
}*/

/****************************
 * Facility dropdown color
 *
 * ajax_calendar 86
 ****************************/
#pc_facility {
  color: var(--v-secondary-base);
}

/*****************************
 * Css button icons padding stuff
 *
 * style_cobalt_blue 779
 *****************************/
.css_button_icon {
  padding: 4px 11px;
}

/*  Calendar End  */

/* Patient Info Section Start */

/*******************************
 * Change background color patient info section 
 * style_cobalt_blue.css 186 1489
 * tabs_style_compace.css 374
 ********************************/
.body_title {
  background-color: var(--v-secondary-darken3);
  color: var(--v-secondary-lighten3);
}

/*****************************
 * Patient Demographics Start
 *
 *
 *****************************/

#demographics_ps_expand td {
  color: var(--v-secondary-lighten3);
}

/***********************
 * style_cobalt_blue 92, 104
 ***********************/
.bold,
.text {
  color: var(--v-secondary-lighten3);
}

/********************
 * style_cobalt_blue 114
 ********************/
.small {
  color: var(--v-secondary-lighten3);
}

/********************
 * Edit patient
 ********************/
/* Edit Insurance */
/************
 * Nested tables
 ************/
#INSURANCE td>table,
#INSURANCE td>table>tbody {
  background: transparent;
}

/********************
 * Secondary Medicare Type
 *
 ********************/
.select2-container--default .select2-results>.select2-results__options {
  background-color: var(--v-secondary-darken1);
  color: var(--v-secondary-lighten3);
}

/* select2.css 267*/
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--v-secondary-darken3);
}

/* select2.css 290 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--v-secondary-darken2);
}

/*************************
 * Appointments
 * Set inline
 *************************/
#appointments_ps_expand div {
  background-color: var(--v-secondary-darken4) !important;
}

/************************
 * Ammendments Modal
 ************************/
.modal-header .close {
    color: var(--v-secondary-lighten5);
    text-shadow: none;
    opacity: 1;
}

.modal-content {
    background-color: var(--v-secondary-darken1);
}

/* Patient Demographics End */

/**********************
 * Encounter Summary
 **********************/
body.bgcolor2 {
  background-color: var(--v-secondary-darken4);
}

#enctabs {
  background-color: var(--v-secondary-darken3);
}

#enctabs ul {
  background-color: var(--v-secondary-darken3);
}

#enctabs .ui-widget-header {
  border: unset !important;
}

.ui-widget-header {
  border: 1px solid var(--v-secondary-darken4) !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: unset !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: unset !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: unset !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: unset !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  background: linear-gradient(0deg, #c8c8c8, #7a7a7a);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: linear-gradient(0deg, #7a7a7a, #c8c8c8) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid var(--v-secondary-darken4) !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  background: linear-gradient(0deg, #c8c8c8, #7a7a7a) !important;
}

.ui-widget.ui-widget-content {
  border: 1px solid var(--v-secondary-darken1) !important;
}

/* Buttons */

/* Default Button Styling */
/**************************
 * style_cobalt_blue.css 1306, 670, 725
 * 
 **************************/
.css_button,
.css_button_small {
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 4px 11px;
  text-shadow: none;
  color: var(--v-secondary-darken4);
  background-color: var(--v-secondary-lighten3);
  border-color: var(--v-secondary-lighten3);
  font-size: 12px;
  line-height: 1;
  border-bottom-color: #bbb;
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}

.btn {
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 6px 12px;
  text-shadow: none;
  color: var(--v-secondary-darken4);
  background-color: var(--v-secondary-lighten3);
  border-color: var(--v-secondary-lighten3);
  font-size: 12px;
  line-height: 1;
  border-bottom-color: #bbb;
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
  border: 1px solid transparent;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}

.btn:hover,
.btn:focus {
  color: var(--v-secondary-lighten3);
  background-color: unset;
  border-color: var(--v-secondary-lighten3);
}

.buttons>a#back {
  float: left;
}

/********************************** 
 * Search and Add buttons
 * style_cobalt_blue.css 1885, 1872, 1920, 1982
 *
 **********************************/
.patientInfo a.btn,
.patientDataColumn a.btn {
  text-align: center;
  padding: 5px 10px;
  border-radius: var(--radius);
  transition: .2s;
  margin: auto 5px;
}

/* style_cobalt_blue.css 1897, 1889, 1878 */
.btn-link.active,
.btn-link.focus,
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.open>.dropdown-toggle.btn-link {
  color: var(--v-secondary-lighten3);
  border-color: var(--v-secondary-lighten3);
  background: var(--v-secondary-darken4);
  box-shadow: 0px 0px 2px #38619B inset;
  transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
}

/*******************
 * Search and Add Patient
 *******************/
/***************
 * Overlapping tables with same color
 ***************/
[id^=div]>table,
[id^=div]>table>tbody,
[id^=div]>table td>table,
[id^=div]>table td>table>tbody {
  background: transparent;
}


/* Patient selected */

/* *************************
 * Patient name link
 * style_cobalt_blue.css 60
 * bootstrap.min.css 5
 *
 **************************/
a {
  text-decoration: none;
  color: var(--v-info-base);
}

a:hover,
a:visited :not(.css_button) :not(i) {
  color: var(--v-info-darken1);
}

a i {
  color: inherit;
}

#dateNAV a i {
  color: var(--v-secondary-lighten3);
}

/* Patient info table_header tables */
.table_header,
.table_header>tbody,
.table_header~table,
.table_header~table>tbody {
  background: transparent;
  margin: 5px;
}

/* Insurance card/patient photo spacing */
#photos_ps_expand table td {
  padding: 5px;
}


/* Spacing before the drop-down button in the top-menu of the patient */
.btn-group .btn {
  margin-top: .3em;
}

/***************************
 * Create Visit Pages
 *
 * style_cobalt_blue 1154 - 1215
 ***************************/
#sddm li {
  background: var(--v-secondary-lighten1);
}

#sddm li a {

  color: var(--v-secondary-darken1);

}

#sddm li a:hover,
#sddm li a:focus {
  background: var(--v-secondary-darken1);
  color: var(--v-secondary-lighten3);
}

#sddm div {
  background: #C9F1B5;

}

#sddm div a {
  background: var(--v-secondary-lighten1);
  color: var(--v-secondary-darken4);
}

#sddm div a:hover {
  /*    background: #DEE7F3;*/
  color: var(--v-secondary-lighten3);
}

/************************
 * Past Encounters and Documents
 ************************/
/* Past encounters */
#encounters font.title,
#encounters {
  color: var(--v-secondary-lighten3);
}

/**********************
 * encounters table
 **********************/
#encounters table,
#encounters tbody {
  background-color: var(--v-secondary-darken3);
}

/*************************
 * encounters.css 39
 *************************/
#encounters .highlight {
  background-color: var(--v-secondary-darken2);
}

/* Remove: style_cobalt_blue 900 */
/* Remove: style_cobalt_blue 914 */

/* Billing Manager */
/* Over-write bootstrap/font-awesome */
span.btn-group.pull-left {
  float: unset !important;
}

/* style_cobalt_blue 1848
 * bootstrap*/
legend {
  border-bottom: 1px solid var(--v-secondary-lighten1);
  background: var(--v-secondary-darken1);
  margin-bottom: 6px;
  padding-bottom: 7px;
}

/* I want this to take effect on Billing-Posting */
/* This is really gross, but I coulnd't figure out a good way to style this specific table*/
body>center>form>table:nth-child(1),
body>center>form>table:nth-child(1)>tbody {
  background-color: unset;
  color: var(--v-secondary-lighten1);
}

/* Background is being set inline, so I can't change it through the css */
body>center>form>table:nth-child(2)>tbody {
  display: block;
  padding: 3px 6px;
}

body>center>form>table:nth-child(2)>tbody>tr {
  background-color: initial;
}

td>fieldset>table select.text,
td>fieldset>table input[type="text"],
#type_code {
  color: initial;
}

/***************
 * Posting
 ***************/
/* file select text color */
input[name="form_erafile"] {
  color: inherit;
}

/* Patient Info Section End */

/* Administration */

/* codes */
body>form[name="theform"]>center>table:nth-child(1),
body>form[name="theform"]>center>table:nth-child(1)>tbody {
  background-color: unset;
  color: unset;
}

/************************
 * Layout Editor
 *
 * Currently inline, and not working
 ************************/
.text.bold.layouts_title {
  background-color: var(--v-secondary-lighten3) !important;
}


/*************************
 * List editor
 * Top navbar
 *
 * style_cobalt_blue 1829
 *************************/
.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-brand:hover {
  color: var(--v-secondary-lighten1);
}

#theform>nav.navbar-default {
  margin: 0.15em;
}

.navbar-default .navbar-toggle {
  border-color: var(--v-secondary-lighten1);
  color: var(--v-secondary-darken4);
  background-color: var(--v-secondary-lighten1);
}

.navbar-default .navbar-toggle:hover {
  color: var(--v-secondary-lighten1);
  background-color: var(--v-secondary-darken4);
}

.select2-results__option {
 /* color: initial;*/
}


/***************************
 * Input-select position
 *
 * style_cobalt_blue 1929 
 ***************************/
.form-group {
  margin: 0.5em;
}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}

/***********
 * global settings page
 ***********/
/************** 
 * Text colors
 * style_cobalt_blue 860
 **************/
div.tabContainer div.tab {
  color: var(--v-secondary-lighten1);
}



/*  ACL  */
#membership_edit .bold,
#acl_edit .bold {
  border-color: var(--v-secondary-darken1);
}

/*  ACL End  */

/**************************
 * File Management
 *
 * manage_site_files.php 8 
 **************************/
.dehead {
  color: var(--v-secondary-lighten1) !important;
}

.dehead>td {
  padding: 5px;
}

td.detail {
  padding: 3px;
}

/***************************
 *
 * adminacl_help.php 16, 23 
 * **************************/
.oe-help-heading {
  color: var(--v-secondary-lighten3);
  background-color: var(--v-secondary-darken1);
}

.oe-help-redirect {
  color: var(--v-secondary-lighten3);
}

/* Administration End */

/**************************
 * external_data.php 69 
 *
 **************************/
ul.ext-tab-head li {
  color: unset !important;
}

/*************************
 * style_cobalt_blue 1757 
 *************************/
.dm-ed-in-9 {
  background-color: var(--v-secondary-darken1);
}





/**************************
 * Change the small button size on hover.
 * style_cobalt_blue.css 759 
 **************************/
.css_button:hover {
  transform: scale(1.05);
  color: var(--v-secondary-darken4);
}



/* Many pages */

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: var(--v-secondary-lighten3) !important;
}

/* style_cobalt_blue.css 682 */
.head,
#searchCriteria {
  background: var(--v-secondary-darken3);
}

/* jquery.dataTables.min.css */
/* Not working */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: gray;
  color: var(--v-secondary-darken1) !important;
}

/****************************
 * Title styles
 * reminder_style.css 339
 * style_cobalt_blue 154
 ****************************/
.title {
  color: var(--v-secondary-lighten1);
  font-weight: var(--weight-default);
  border-bottom: 2px solid var(--v-secondary-lighten1);
}

/* Report parameter background */
/* style_cobalt_blue.css 923 */
#report_parameters {
  background-color: var(--v-secondary-darken1);
}

/* New patient form */
/* style_cobalt_blue.css 1365 */
div.section,
div.borderbox {
  background-color: var(--v-secondary-darken1);
}

/****************************
 * Table styles
 * changing from jquery, and bootstrap
 ****************************/

table,
table>tbody {
  background-color: var(--v-secondary-darken4);
  color: var(--v-secondary-lighten3);
}

table>tbody {
  background-color: var(--v-secondary-darken4);
}


table.dataTable tbody tr {
  background-color: var(--v-secondary-darken3) !important;
  color: var(--v-secondary-lighten1);
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: var(--v-secondary-darken2) !important;
}

table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even {
  background-color: var(--v-secondary-darken3) !important;
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: var(--v-secondary-darken2) !important;
}

table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: var(--v-secondary-darken3) !important;
}

table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3 {
  background-color: var(--v-secondary-darken2) !important;
}

/**********************
 * Don't know where else this is used. 
 * USED: 
 * Recall board date selector
 **********************/
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover,
.table-hover>tbody>tr:hover {
  background-color: var(--v-secondary-darken1) !important;
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
  background-color: var(--v-secondary-darken1) !important;
}

td,
th {
  padding: 1px;
}

/***************************
 *  Messages Center Start
 ***************************/

/****************************
 * Change the text-color on messages page 
 ****************************/
td.text.amount-msg {
  color: var(--v-secondary-lighten1);
}

/* Messages for one client */
.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}

#pnotes table,
#pnotes tbody {
  background-color: var(--v-secondary-darken4);
}

#pnotes .highlight {
  background-color: var(--v-secondary-darken3);
}

/*****************
 * Recall
 *****************/

/* reminder_style 135 */
.divTable {
  background-color: var(--v-secondary-darken1) !important;
}

.input-append>table,
.input-append>table>tbody {
  background-color: inherit;
}

/* reminder_style 195 */
.divTableHeading {
  background-color: var(--v-secondary-lighten1) !important;
  color: var(--v-secondary-darken1) !important;
}

/* reminder_style 184 */
.divTableCell,
.divTableHead {
  background-color: var(--v-secondary-darken2);
  color: var(--v-secondary-lighten1);
}

/*** Recall End ***/

.dr_container>table,
.dr_container>table>tbody,
.row>table,
.row>table>tbody,
.row>.text-center>table,
.row>.text-center>table>tbody,
#MessageList tbody,
#messageList table,
#messageList .text,
#messageList .bold,
#messageList+table,
#messageList+table>tbody {
  background: transparent;
  color: var(--v-secondary-lighten5);
}

/* Nested tables */
td>table,
td>table>tbody {
  background: var(--v-secondary-darken3);
  color: var(--v-secondary-lighten1);
}

/***********************
 *  Message Center End
 ***********************/


/************
 * report stuff
 * style_cobalt_blue.css 976
 ************/
.report_totals td {
  background-color: var(--v-secondary-darken1);
}

/* style_cobalt_blue 666 */
.message-table-header,
#searchResultsHeader,
#searchResultsHeader th,
#addressbook_list tr.head,
.signout-heading,
#report_results table thead,
.dehead,
.showborder_head {
  background: var(--v-secondary-darken4);
  color: var(--v-secondary-lighten1);
}

#report_results table thead {
  color: inherit;
}



/******************  
 * style_cobalt_blue 1869
 ******************/
.address_names:hover {
  color: var(--v-secondary-lighten3);
}

.table-striped>tbody>tr {
  background-color: var(--v-secondary-lighten3);
  color: var(--v-secondary-darken4);
}

.table-striped>tbody>tr .text {
  color: var(--v-secondary-darken4);
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: var(--v-secondary-lighten1);
}

/* Bootstrap */
.well {
  background-color: var(--v-secondary-darken3);
  border-color: var(--v-secondary-darken1);
}

.nav>li>a:focus,
.nav>li>a:hover {
  background-color: var(--v-secondary-darken4);
}

#billing_ps_expand table,
#billing_ps_expand table>tbody {
  background-color: inherit;
}

/* style_cobalt_blue827,849 */
ul.tabNav li.current a {
  background: var(--v-secondary-lighten3);
  color: var(--v-secondary-darken4);
  padding: 8px;
  border: 1px solid var(--v-secondary-darken1);
}

ul.tabNav a {
  border: 1px solid var(--v-secondary-lighten3);
  color: var(--v-secondary-lighten3);
  background-color: var(--v-secondary-darken3);
}

ul.tabNav a:hover {
  background-color: var(--v-secondary-darken1);
}

/* style_cobalt_blue 860, 866, 854 */
div.tabContainer,
div.tabContainer div.current {
  background: unset;
}

/* style_cobalt_blue 1863 */
.table>thead {
  background: var(--v-secondary-darken1);
}


input[type="button"],
input[type="submit"],
button {
  color: var(--v-secondary-darken4);
  background-color: var(--v-secondary-lighten3);
  transition: .1s;
}

/*  style_cobalt_blue 670*/
input[type="button"]:focus,
input[type="button"]:active:focus,
input[type="button"].active:focus,
input[type="submit"]:focus,
input[type="submit"]:active:focus,
button.active:focus,
button:focus,
button:active:focus,
button.active:focus,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
button:not(button[disabled]) {
  color: var(--v-secondary-lighten3);
  background-color: var(--v-secondary-darken4);
  border: 1px solid var(--v-secondary-lighten3);
}




/*****************************
 * .Link
 * style_cobalt_blue 118
 *
 *****************************/
.link {
  color: var(--v-info-base);
}

input[type="file"] {
  color: inherit!important;
}

/*****************************
 * Office notes
 *
 *****************************/
.panel-body {
  padding: 15px;
  color: var(--v-secondary-darken4);
  background-color: var(--v-secondary-lighten1);
}

.panel-default>.panel-heading {
  color: var(--v-secondary-lighten3);
  background-color: var(--v-secondary-darken1);
}

/* Office notes end */

/**************************
 * Billing Manager
 **************************/
/*************************
 * Payment
 *************************/
#form_method {
  color: initial;
}

/* front_payment.php 31 */
.detail {
  color: inherit;
  background-color: var(--v-secondary-darken2);
}

/***************************
 * EDI history
 * jquery-ui.min.css
 ***************************/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid var(--hover-dark);
  font-weight: bold;
  color: #4c3000;
  background: #c8c8c8;
  background: linear-gradient(0deg, #7a7a7a, #c8c8c8);
}

/************************
 * Active tab
 *
 ************************/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: linear-gradient(0deg, #c8c8c8, #7a7a7a) !important;
  color: var(--v-secondary-darken4);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: var(--v-secondary-darken4);
  text-decoration: none;
}

/*************************
 * EDI history background
 *************************/
.ui-widget-content {
  background: var(--v-secondary-darken4);
  color: var(--v-secondary-lighten1);
}

/*************************
 * EDI history header
 *************************/
.ui-widget-header {
  background: var(--hover-dark);
  color: var(--v-secondary-lighten1);
  border: 1px solid var(--v-secondary-lighten1);
}

:focus {
  outline: none;
}

/***************************
 * EDI history center form
 ***************************/
.ui-widget-content table,
.ui-widget-content tbody {
  background-color: var(--v-secondary-darken1);
}

/**************************
 * EDI History file heading
 **************************/
#x12text legend {
  background: none;
}


/* EDI History End */

html {
  font-size: 14px;
}

/* RP_MODIFIED  2/09/2015, 1/17/2016*/
body {
  margin: 0px 0px 0px 2px;
  /* set the base fontsize for all DOM children */
  font-size: 1em;
  /* set the base font size for all DOM children */
}

.menu {
  font-style: italic;
  font-size: 11pt;
  color: #0000cc;
  text-decoration: none;
  text-align: left;
}

.menu_selected {
  font-style: italic;
  font-size: 11pt;
  color: #000000;
  text-decoration: none;
  text-align: left;
}

.logout {
  font-style: italic;
  font-size: 11pt;
  color: #000000;
  text-decoration: none;
  text-align: right;
}

.text {
  text-decoration: none;
  font-size: 10pt;
}

.required {
  text-decoration: none;
  font-size: 10pt;
  color: #880000;
  font-weight: bold;
}

.bold {
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}

.alert,
.alert-custom {
  font-size: 70%;
  color: #FF0000;
  text-decoration: none;
}

.small {
  text-decoration: none;
  font-size: 80%;
}

.link {
  text-decoration: none;
  font-size: 70%;
}

.more {
  text-decoration: none;
  font-size: 70%;
}

.back {
  text-decoration: none;
  font-size: 70%;
}

.link_selected {
  text-decoration: none;
  color: #0000FF;
  font-size: 70%;
}

.link_selected:visited {
  text-decoration: none;
  color: #0000FF;
  font-size: 70%;
}

.link_submit {
  text-decoration: none;
  font-size: 10pt;
}

.link_submit a:visited {
  color: #000077;
}

.link_submit a:hover {
  color: #ff5555;
}

.items {
  font-size: 6pt;
}

.title {
  font-size: 12pt;
  text-decoration: none;
}

/* see .titlebar below */

.title_bar {
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

.title_bar_top {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

/*=============================================================
 * Here we have taken variables from globals.php and turned them into CSS
 * classes these should be used in place of the GLOBAL variables
 * -- JRM March 2008
 =============================================================*/

.body_top {
  margin: 8px
}

/* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 #EAE6FF*/

.body_bottom {
  margin: 8px
}

/* $title_bg_line FFF RP_MODIFIED 12/22/2012 #BE4E1E;*/
.body_nav {
  background-color: #EFF4F9;
}

/* $nav_bg_line RP_MODIFIED 2/8/15 #EAE6FF */
.body_filler {
  background-color: #f7f0d5;
}

/* $login_filler_line */
.body_login {
  background: url('../pic/aquabg.gif') repeat;
}

/* $login_body_line */

.table_bg {
  background-color: #ccc;
}

/* $table_bg */
.bgcolor1 {
  background-color: #ccc;
}

/* $GLOBALS['style']['BGCOLOR1'] */
.textcolor11 {
  background-color: #222;
}

/* $GLOBALS['style']['TEXTCOLOR11'] */
.highlightcolor {
  background-color: #ddd;
}

/* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
.bottom_line {
  background: url('../pic/aquabg.gif') repeat;
}

/* $GLOBALS['style']['BOTTOM_BG_LINE'] */
.logobar {
  background-color: #2F2F7D;
  height: 110px;
}

/* $GLOBALS['logoBarHeight'] 24262c RP_MODIFIED 12/22/2012*/

.navbar {
  height: 22px;
}

/* $GLOBALS['navBarHeight'] */
.titlebar {
  height: 20px;
}

/* $GLOBALS['titleBarHeight'] */

/* style taken out of the addressbook code and put here instead */
#addressbook_list td {
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 4px;
  padding-right: 4px;
}

#addressbook_list a,
#addressbook_list a:visited,
#addressbook_list a:hover {
  color: #0000cc;
}

#addressbook_list tr.search {
  font-size: 9pt;
  font-weight: bold;
}

#addressbook_list tr.head {
  font-size: 10pt;
  font-weight: bold;
}

#addressbook_list tr.detail {
  font-size: 10pt;
}

#addressbook_list .inputtext {}

#addressbook_list .button {
  font-family: sans-serif;
  font-size: 8pt;
  font-weight: bold;
}

/*.address_names:hover {
    color: magenta;
}*/
.highlight {
  /*color: magenta !Important;*/
}

/* styles taken out of templates/report/general_default.html */

#reports_list td {
  font-size: 8pt;
  font-family: helvetica;
}

#reports_list a {
  font-size: 8pt;
  font-family: helvetica;
}

/* styles taken out of templates/documents/general_list.html */

#documents_list td {
  font-size: 8pt;
  font-family: helvetica;
}

#documents_list a {
  font-size: 8pt;
  font-family: helvetica;
}

#documents_list .treeMenuDefault {
  font-style: italic;
}

#documents_list .treeMenuBold {
  font-style: italic;
  font-weight: bold;
}

#documents_list {
  width: 29%;
  height: 95%;
  overflow: auto;
  float: left;
  border-right: dashed 1px;
}

#documents_actions {
  padding-top: 10px;
  width: 70%;
  height: 95%;
  float: right;
  overflow: auto;
}

#documents_actions iframe {
  display: inline;
  border: none;
  width: 100%;
  height: 600px;
  overflow: auto;
}

#documents_actions form {
  margin: 0px;
  padding: 0px;
}

#documents_actions table {
  width: 100%;
  height: 95%;
}

/*=============================================================
 * This section relates to the custom layouts that can be made
 * using the OEMR tool in the Admin section. For example, the
 * Patient Demographics are a custom layout.
 *============================================================*/
#DEM .groupname {
  font-weight: bold;
  color: #080;
  font-size: 0.8em;
  padding-right: 5px;
  vertical-align: top;
}

#DEM .label_custom {
  font-weight: bold;
  font-size: 0.8em;
  vertical-align: top;
  text-align: right;
}

#DEM .data {
  font-size: 0.8em;
  vertical-align: top;
  text-align: left;
  padding-right: 6px;
}

/* Patient History */
#HIS .groupname {
  font-weight: bold;
  color: #080;
  font-size: 9pt;
  padding-right: 1px;
  vertical-align: top;
  height: 2em;
}

#HIS .label_custom {
  font-weight: bold;
  font-size: 9pt;
  vertical-align: top;
}

#HIS .data {
  font-size: 9pt;
  vertical-align: top;
  text-align: left;
  padding-right: 10px;
}

/*=============================================================
 * Patient Notes
 * seen in the patient summary and notes screens
 *============================================================*/
#pnotes .billing {
  background-color: #dfd;
}

#pnotes .highlight {}

#pnotes table {
  border-collapse: collapse;
}

#pnotes .noterow {
  cursor: pointer;
}

#pnotes .noterow td {
  border-bottom: 1px dashed black;
  vertical-align: top;
  padding: 5px;
  margin: 5px;
}

#pnotes_ps_expand div.tab table td {
  padding-right: 10px;
}

/*=============================================================
 * Patient Stats
 * seen in the patient stats screens
 *============================================================*/
#patient_stats {
  padding: 10px;
}

#patient_stats table {
  width: 100%;
  border-collapse: collapse;
}

#patient_stats td {
  padding: 3px;
}

#patient_stats .statrow {
  cursor: pointer;
}

#patient_stats .head {
  font-size: 10pt;
  text-align: center;
}

#patient_stats .detail {
  font-size: 10pt;
  vertical-align: top;
}

#patient_stats .btn {
  background-color: transparent;
}

#patient_stats .bg1 {
  background-color: var(--bg-secondary-lighter);
}

#patient_stats .bg2 {
  background-color: var(--bg-secondary);
}

#patient_stats .center {
  text-align: center;
}

/*=============================================================
 * Patient Stats Summary
 * seen in the patient summary screen
 *============================================================*/
#patient_stats_summary table {
  border-collapse: collapse;
}

#patient_stats_summary .noend_noreturn {
  color: #ee0000;
}

#patient_stats_summary .noend {
  color: #dd5500;
}

#patient_stats_summary .noreturn {
  color: #0000ff;
}

#patient_stats_summary .title {
  font-size: 1.1em;
}

#patient_stats_issues {
  width: 100%;
}

#patient_stats_spreadsheets {
  width: 100%;
}

#patient_stats_imm {
  width: 100%;
}

#patient_stats_prescriptions {
  width: 100%;
}

/*=============================================================
 * Patient Past Encounters and Documents
 * seen in the patient encounter screen
 *============================================================*/
#patient_pastenc {
  width: 100%;
}

#patient_pastenc .billing_note {
  width: 25%;
}

#patient_pastenc .billing_note_text {
  padding: 5px;
  border: 2px outset black;
  background-color: lightgrey;
}

#patient_pastenc .billing_note_text_highlight {
  background-color: #f7f5d1;
}

#patient_pastenc table {
  border-collapse: collapse;
  width: 100%;
}

#patient_pastenc tr {
  cursor: pointer;
}

#patient_pastenc td {
  border-top: 1px solid black;
  vertical-align: top;
}

#patient_pastenc th {
  text-align: left;
}

#patient_pastenc #tooltipdiv {
  position: absolute;
  width: 500px;
  border: 1px solid black;
  padding: 2px;
  background-color: #ffffaa;
  visibility: hidden;
  z-index: 1000;
  font-size: 9pt;
}

#patient_pastenc .highlight {
  background-color: #fff;
}

#patient_pastenc .tooltip {
  position: absolute;
  border: 1px solid #333;
  background: #f7f5d1;
  padding: 2px 5px;
  color: #333;
  display: none;
}

/*=============================================================
 * Patient Reports
 * seen in the patient reports screens
 *============================================================*/
#patient_reports {
  width: 100%;
}

#patient_reports .issues {
  padding-right: 30px;
}

#patient_reports .issues table {
  margin: 10px 0px 10px 0px;
}

#patient_reports .issues td {
  padding: 2px;
}

#patient_reports .encounters td {
  padding: 2px;
}

#patient_reports .encounter_forms {
  margin: 5px 15px 5px 15px;
}

#patient_reports td {
  vertical-align: top;
}

#patient_reports ul {
  list-style: none;
}

/*=============================================================
 * Report - Custom
 * seen as the patient report (custom_report.php)
 *============================================================*/
#report_custom {
  width: 100%;
}

#report_custom hr {
  border: 2px dotted black;
}

#report_custom .billing {
  margin: 5px;
  padding: 5px;
}

#report_custom h1 {
  font-size: 120%;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

#report_custom .immunizations {
  margin: 5px;
  padding: 5px;
}

#report_custom .notes {
  margin: 5px;
  padding: 5px;
}

#report_custom .transactions {
  margin: 5px;
  padding: 5px;
}

#report_custom .communications {
  margin: 5px;
  padding: 5px;
}

#report_custom .documents {
  margin: 5px;
  padding: 5px;
}

#report_custom .demographics {
  margin: 5px;
  padding: 5px;
}

#report_custom .insurance {
  margin: 5px;
  padding: 5px;
}

#report_custom .history {
  margin: 5px;
  padding: 5px;
}

#report_custom .issue {
  margin-left: 20px;
}

#report_custom .issue_type {
  font-weight: bold;
  padding: 5px 0px 5px 0px;
}

#report_custom .issue_diag {
  margin: 0px 20px 0px 20px;
}

#report_custom .issue_title {}

#report_custom .issue_comments {}

#report_custom .encounter {
  width: 100%;
  border-top: 2px dotted black;
  padding: 10px 5px 10px 5px;
  margin-top: 10px;
}

#report_custom .encounter h1 {
  font-size: 140%;
  margin: 0px;
  padding: 0px;
}

#report_custom .encounter_form {
  margin: 10px;
  padding: 10px;
  border-top: 1px solid gray;
}

#addressbook_list tr.evenrow,
#searchResults tr:nth-child(even) {
  background-color: var(--v-secondary-darken1);
  /*RP_MODIFIED 1/16/2016 :#D1DDEF */
}

#addressbook_list tr.oddrow,
#searchResults tr:nth-child(odd),
.signout-restore-subheading {
  background-color: var(--v-secondary-base);
  /*RP_MODIFIED 1/16/2016 #ffffff */
}

/* The top navigation icon styling*/
.top-nav-icons {
  margin-right: 15px;
  margin-top: 5px
}

/*
 * CSS BUTTONS
*/
.message-table-header,
#searchResultsHeader,
#searchResultsHeader th,
#addressbook_list tr.head,
.signout-heading,
#report_results table thead,
.dehead,
.showborder_head {
  /*styles the message table header*/
}

input[type="button"],
input[type="submit"],
button {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
}

#searchCriteria {
  padding: 0px !Important;
  margin-bottom: 5px;
}

input[type="button"]:focus,
input[type="button"]:active:focus,
input[type="button"].active:focus,
input[type="submit"]:focus,
input[type="submit"]:active:focus,
button.active:focus,
button:focus,
button:active:focus,
button.active:focus {
  /*transform: translateY(2px);*/
}

input[type="text"],
input[type="entry"],
input[type="password"],
input[type="search"],
textarea {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #38619B !Important;
  padding: 2px 3px;
  margin: 3px !Important;
  color: initial;
}

select {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #38619B ! Important;
  margin: 3px;
  color: initial;
}

input[type="text"]:focus,
input[type="entry"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: #1C304D !important;
  box-shadow: 0 0 3px #BACDE8 !important;
  outline: none;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
}

select[multiple] {
  height: auto !Important;
}

.css_button_small,
.css_button {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 3px;
  float: left;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  opacity: 1;
}

.css_button_small:focus,
.css_button_small:active:focus,
.css_button_small.active:focus,
.css_button_small.focus,
.css_button_small:active.focus,
.css_button_small.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.css_button_small:hover,
.css_button_small:focus,
.css_button_small.focus,
.css_button:hover,
.css_button:focus,
.css_button.focus {
  color: var(--v-secondary-lighten3);
  background-color: var(--v-secondary-darken4);
  border: 1px solid var(--v-secondary-lighten3);
  text-decoration: none;
}

.css_button_small:active,
.css_button_small.active,
.css_button:active,
.css_button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  transform: translateY(2px);
}

.css_button_small.disabled,
.css_button_small[disabled],
fieldset[disabled] .css_button_small {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

.css_button_icon {
  padding: 4px 11px;
}

a:visited .css_button_small,
a.css_button_small,
a:visited .css_button,
a.css_button {}

.css_button_small span {}

.css_button {}

.css_button span {}

.sellistclass {
  float: left;
}

.disabled_button {
  color: grey;
}

a.disabled_button:hover {
  color: grey;
}

ul.tabNav {
  margin: 0 0 -4 0;
  padding: 0;
}


ul.tabNav {
  float: left;
  list-style: none;
  width: 100%;
}

ul.tabNav li {
  float: left;
  margin: 0 1px 0 0;
  padding: 6px 0 0;
  font-size: 0.8em;
  vertical-align: bottom;
  text-align: left;
}

ul.tabNav li.current {
  padding-top: 0;
  font-weight: bold;
  font-size: 0.8em;
  vertical-align: bottom;
  text-align: left;
}

ul.tabNav a {
  display: block;
  padding: 4px 4px 5px 4px;
  text-decoration: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

ul.tabNav li.current a {
  padding: 8px;
}

div.tabContainer {
  clear: both;
  float: left;
  width: 100%;
}

div.tabContainer div.tab {
  display: none;
  padding: 10px;
}

div.tabContainer div.current {
  display: block;
}

div.tab {
  min-height: 180px;
  margin-bottom: 10px;
  width: 100%;
}

div.tab_long {
  min-height: 180px;
  background: #ffffff none repeat scroll 0 0;
  margin-bottom: 10px;
  width: 100%;
}

div.tab p:last-child {
  margin-bottom: 0;
}

div.tab table td {
  padding-right: 1px;
  padding-bottom: 0px
}

div.tab table td.label_custom {
  min-width: 80px;
}

div.tab table td.data {
  min-width: 120px;
}

div.notab {
  margin-bottom: 10px;
  width: 100%;
}

div.notab-right {
  margin-bottom: 10px;
  width: 100%;
}

.section-header {
  margin-bottom: 5px;
  width: 685px;
  border-bottom: 1px solid;
}

.section-header-dynamic {
  margin-bottom: 5px;
  border-bottom: 1px solid;
}

.summary_item {
  padding: 8px;
}

/*
* REPORTS
*/

#report_parameters {
  margin: 10px 0px 5px 0px;
}

#report_parameters table {
  border: solid 1px #1C304D;
  width: 100%;
  border-collapse: collapse;
}

#report_parameters table td {
  padding: 5px;
}

#report_parameters table table {
  border: 0px;
  border-collapse: collapse;
  font-size: 0.8em;
}

#report_parameters table table td.label_custom {
  text-align: right;
}

#report_parameters>table>tbody>tr>td>table {
  border-left: 1px solid #1C304D !Important;
  /*openemr5*/
}

#report_parameters .form-control {
  width: auto;
}

#report_results table {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  width: 100%;
  border-collapse: collapse;
  margin-top: 1px;
}

#report_results table thead {
  padding: 5px;
  display: table-header-group;
  border: solid 1px #1C304D;
  text-align: left;
  font-weight: bold;
  font-size: 0.7em;
}

#report_results table th {
  border-bottom: 2px solid #1C304D;
  padding: 5px;
}

#report_results table td {
  padding: 5px;
  border-bottom: 1px dashed;
  font-size: 0.8em;
}

.report_totals td {
  font-weight: bold;
}

/**
* List-table formatting
**/

.showborder {
  width: 650px;
}

.showborder td {
  border-bottom: 1px dashed #000000;
  text-align: left;
  font-size: 9pt;
}

.showborder_head th {
  border-bottom: 1px solid #000000;
  text-align: left;
  font-size: 9pt;
}

.shownoborder td {
  text-align: left;
  font-size: 9pt;
}

.showborder_long {
  width: 100%;
}

.showborder_long tr td {
  border-bottom: 1px dashed #000000;
  text-align: left;
  font-size: 9pt;
}

/**
* Drug lookup
**/

.drug_lookup {
  font-family: helvetica;
  font-size: 8pt;
  border: 2px outset rgb(102, 102, 102);
  background-color: #EFF4F9;
  /*RP_MODIFIED 2/8/2014 #EFF4F9*/
  padding: 5px;
  position: absolute;
  display: block;
}

/* Password alert styles */

.pwdalert {
  display: block;
  width: 390pt;
  margin-left: 100px;
  padding: 10px 10px 10px 15px;
  color: black;
}

.alertmsg1 {
  border: 3px solid #fe7b7a;
  background-color: #ffd6d6;
}

.alertmsg2 {
  border: 3px solid #f56fff;
  background-color: #fabfff;
}

.alertmsg3 {
  border: 3px solid #9acc2e;
  background-color: #eef7dd;
}

/* Password alert styles */


/* Style for red font */

.redtext {
  text-decoration: none;
  color: #FF0000;
  font-size: 10pt;
}

/* Style for red font */

.de_identification_status_message {
  width: 50%;
  border: 1px solid #0000FF;
}

.de_identification_input_controls_box {
  width: 100%;
  border: 1px solid #0000FF;
}

.de_id_upgrade_login {
  width: 40%;
  border: 1px solid Black;
  background-color: #ffffff;
}

#navigation-slide,
#navigation-slide * {
  padding-left: 0px;
  margin-left: 0px;
}

#navigation-slide li {
  list-style: none;
}

#navigation-slide a {
  background: #FFFFFF;
  border-top: 2px solid #EFF4F9;
  /*RP_MODIFIED 2/8/15 #EAE6FF*/
  color: #000;
  display: block;
  font-weight: bold;
  padding: 5px 2px 5px 10px;
  width: 150px;
}

#navigation-slide li a.collapsed {
  background: #467AC2;
  /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#467AC2', endColorstr='#467AC2');
  /* for IE b5cbff*/
  background: -webkit-gradient(linear, left top, left bottom, from(#467AC2), to(#467AC2));
  /* for webkit browsers b5cbff*/
  background: -moz-linear-gradient(top, #467AC2, #467AC2);
  /* for firefox 3.6+ b5cbff*/
}

#navigation-slide li a.expanded {
  background: #8CACD9;
  /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8CACD9',
    endColorstr='#8CACD9');
  /* for IE 61a0ff)*/
  background: -webkit-gradient(linear, left top, left bottom, from(#8CACD9),
    to(#8CACD9));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #8CACD9, #8CACD9);
  /* for firefox 3.6+ 61a0ff*/
}

#navigation-slide ul li a.collapsed_lv2 {
  background: #7870DE;
  /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7870de',
    endColorstr='#7870de');
  /* for IE e7e6f9*/
  background: -webkit-gradient(linear, left top, left bottom, from(#7870de),
    to(#7870de));
  /* for webkit browsers e7e6f9*/
  background: -moz-linear-gradient(top, #7870de, #7870de);
  /* for firefox 3.6+ e7e6f9*/
}

#navigation-slide ul li a.expanded_lv2 {
  background: #e7e6f9;
  /* for non-css3 browsers RP_MODIFIED 2/8/2015 #999*/
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e6f9',
    endColorstr='#e7e6f9');
  /* for IE 7870de*/
  background: -webkit-gradient(linear, left top, left bottom, from(#e7e6f9),
    to(#e7e6f9));
  /* for webkit browsers 7870de */
  background: -moz-linear-gradient(top, #e7e6f9, #e7e6f9);
  /* for firefox 3.6+ 7870de*/
}

#navigation-slide ul li a.collapsed_lv3 {
  background: #aaaaaa;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa',
    endColorstr='#aaaaaa');
  background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa),
    to(#aaaaaa));
  background: -moz-linear-gradient(top, #aaaaaa, #aaaaaa);
}

#navigation-slide ul li a.expanded_lv3 {
  background: #eeeeee;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',
    endColorstr='#eeeeee');
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee),
    to(#eeeeee));
  background: -moz-linear-gradient(top, #eeeeee, #eeeeee);
}

#sddm li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  border: 1px solid #EFF4F9;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#467AC2',
    endColorstr='#467AC2');
 }

#sddm li a {
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 10px;
  text-align: left;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
}

#sddm li a:hover {}

#sddm div {
  position: absolute;
  visibility: hidden;
  display: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

#sddm div a {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 10px;
  width: 170px;
  white-space: normal;
  text-align: left;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: normal;
  z-index: 10;
}

#sddm div a:hover {}

.encounter-form-category-li {
  z-index: 100;
}

.text-area {
  background-color: #FFFFFF;
  border: 1px solid black;
  width: 100%;
  height: 100px;
  overflow: auto;
  text-align: left;
}

.text-light {
  color: #ffffff;
}

.example_menu {
  font-size: 70%;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 136px;
}

.expand_all,
.collapse_all {
  cursor: pointer;
}

.example_menu ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu1 li,
#menu2 li,
#menu3 li,
#menu4 li,
#menu5 li,
.example_menu li {
  background-image: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid white;
}

.example_menu ul ul {
  display: block;
}

.example_menu a {
  color: #000;
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin-left: 0;
  padding: 2px 2px 2px 17px;
  width: 160px;
}

.example_menu a.expanded {
  background: #bbb url('collapse.gif') no-repeat 3px 50%;
}

.example_menu a.collapsed {
  background: #bbb url('expand.gif') no-repeat 3px 50%;
}

.example_menu a:hover {
  text-decoration: none;
}

.example_menu ul li span {
  background: #d9d1a4;
  color: #000;
  display: block;
  font-weight: normal;
  width: 100%;
}

.example_menu ul a:Subjective {
  font-weight: normal;
}

.example_menu ul a:hover {
  background: #f5f5f5;
  text-decoration: underline;
}

.example_menu li.active a {
  background: #fff;
}

.example_menu li.active li a {
  background: #e8e8e8;
}

#menu1 li.footer,
#menu2 li.footer,
#menu3 li.footer,
#menu4 li.footer,
#menu5 li.footer,
.example_menu .footer {
  background: transparent url('footer.jpg') no-repeat 0 0;
  border-top: 2px solid #fff;
  height: 9px;
  line-height: 15px;
  margin: 0 0 10px 0;
  width: 131px;
}

.example_menu .footer span {
  display: none;
}

.cke_contents {
  height: 300px !important;
}

.btn.large {
  font-size: 16px;
  line-height: normal;
  padding: 9px 14px 9px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.btn.small {
  padding: 3px 3px 3px;
  font-size: 9px;
}

.btn-custom {
  background-color: #0084cc hsl(201, 100%, 40%) !important;
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0084cc", endColorstr="#0084cc");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0084cc), to(#0084cc));
  background-image: -moz-linear-gradient(top, #0084cc, #0084cc);
  background-image: -ms-linear-gradient(top, #0084cc, #0084cc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0084cc), color-stop(100%, #0084cc));
  background-image: -webkit-linear-gradient(top, #0084cc, #0084cc);
  background-image: -o-linear-gradient(top, #0084cc, #0084cc);
  background-image: linear-gradient(#0084cc, #0084cc);
  border-color: #0084cc #0084cc hsl(201, 100%, 40%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}

.div-message {
  background-color: white;
  color: gray;
  margin: 5 0 5 0px;
  border: 1px solid #38619B;
  padding: 5px;
  width: 648px;
}

.signout-content {
  background: #EFF4F9;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.section,
div.borderbox {
  border-color: #1C304D !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body.login {
  /*    background: #fcfcfc ! Important;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5login*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.feesheet-title {
  font-weight: 900;
  background: #467AC2 !important;
  margin: 0px 0px 10px 0px;
  padding: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5fee-sheet*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tabSpan,
.tabSpan_tabs {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.tabSpan_tabs:hover {
  background: #DEE7F3 !Important;
}

.tabControls_tabs {
  border-bottom: none !important;
}

.ptName {
  font-size: 14px;
  padding: 0px 5px 0px 5px;
}

.patientInfo {
  padding: 1px 1px 1px 10px;
  font-size: 14px;
}

.menuLabel {
  font-size: 14px !Important;
}

.patientEncounterList {
  border: 1px solid #38619B;
  background: white;
}

.menuSection>.menuEntries {
  border: none ! Important;
  border-radius: 0px ! Important;
}

.menuEntres li .menuLabel:hover {
  color: #333;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tabs_body,
#searchCriteria {}

.tabs_body_light {
  background-color: #DEE7F3;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
#calsearch_params {
  width: 98% !Important;
}

.calsearch_body {}

.chevron_color {
  color: #38619B;
}

div#providerPicker select {
  margin: 0px;
}

#calsearch_results_header {
  margin-top: 5px;
  width: 99% ! Important;
}

#calsearch_results_data {
  width: 99% ! Important;
}

#topToolbarRight {}

#bottom {}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
img[src *="show_calendar.gif"] {
  margin-bottom: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/

/* Form styles */

.formtable {
  font-size: 13px;
  line-height: 24px;
}

.formtable tr td {
  line-height: 24px;
}

.report_search_bar {
  background-color: var(--v-secondary-darken4);
}

body.admin-layout input[type="button"] {
  display: inline-block;
  float: none;
}

/* error message = new validation */
.error-message {
  color: red;
  display: block;
  white-space: nowrap;
  font-weight: normal;
  font-size: 11px;
}

.error-border {
  border: 1px solid red !important;
}

.tinylogocontainer {
  display: inline-block;
  border: none;
}

.tinylogopng {
  display: inline-block;
  width: 44px;
  height: 22px;
}

/* flow board filters*/
#flow_board_parameters {
  width: 1041px;
  margin: 25px auto;
  background-color: #DEE7F3;
}

#flow_board_parameters td {
  padding: 10px;
}

#flow_board_parameters table {
  border: solid 1px #1C304D;
  width: 100%;
  border-collapse: collapse;
}

.divider {
  border-color: #1C304D !Important;
}

/* flow board filters*/

/* ------- Therapy groups styling --------- */
.group-row {
  margin-top: 15px;
}

.container-group {
  margin-top: auto;
}

.group-error-msg {
  color: #ff6643;
}

.group-success-msg {
  color: #4c8029;
}

#component-border {
  margin-bottom: 20px;
  border: 1px solid #2672ec;
  width: 100%;
  min-height: 150px;
  padding: 10px;
}

#main-component ul {}

.float-right {
  float: right;
}

.rtl .float-right {
  float: left;
}

table.dataTable#therapy_groups_list tbody td {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
}

.therapy_group #therapy_groups_list_container {
  margin-top: initial;
  width: initial;
}

.therapy_group #therapy_groups_list_container input[type="text"] {
  border-color: #ccc;
}

.therapy_group #therapy_groups_list_container input[type=number] {
  -moz-appearance: textfield;
}

.therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button,
.therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.therapy_group .delete_btn button,
.therapy_group .delete_btn span {
  background-color: #ef3935;
  font-size: 15px;
  padding: 2px 10px;
}

.therapy_group .delete_btn a {
  text-decoration: none;
  color: white;
}

.therapy_group #therapy_groups_list_container .failed_message {
  font-size: 15px;
}

#updateParticipants {
  position: relative;
}

#addParticipant {
  position: absolute;
  right: 0px;
  z-index: 100;
}

#add-participant-form {
  transition: max-height 1s ease-out;
  max-height: 0;
  overflow: hidden;
}

.showAddForm {
  max-height: 250px !important;
}

.groups-error-msg {
  color: #ff542d;
  font-size: 1.3em;
  padding: 8px;
  text-align: center;
}

.therapy_group .event_details {
  font-size: 14px;
}

#add_participant {
  margin-bottom: 20px;
  margin-left: 10px;
}

#add_participant .patient_wrap,
#add_participant .comment_wrap,
#add_participant .button_wrap {
  margin-top: 7px;
}

#add_participant .patient_wrap,
#add_participant .comment_wrap {
  display: inline-block;
}

#add_participant .button_wrap input {
  float: none;
  display: inline-block;
}

#add_participant_element .input_label {
  display: block;
}

#add_participant_element .error_wrap .error {
  color: red;
}

#group_attendance_form_table textarea {
  width: 100%;
}

#file_type_whitelist .subject-black-list,
#file_type_whitelist .subject-white-list {
  display: inline-block;
  width: 420px;
  float: left;
}

#file_type_whitelist {
  height: 400px;
  padding: 10px;
}

#white-list,
#black-list {
  margin: 10px;
  padding: 10px;
  width: 400px;
}

#file_type_whitelist select {
  height: 250px;
  padding: 0;
}

#file_type_whitelist option {
  padding: 4px 10px 4px 10px;
}

#file_type_whitelist option:hover {
  background: #EEEEEE;
}

#file_type_whitelist .subject-info-arrows {
  display: inline-block;
  width: 58px;
  margin: 130px 30px 30px 30px;
  float: left;
}

#file_type_whitelist .subject-info-save {
  width: 60px;
  margin: 170px 30px 30px 30px;
  float: left;
}

#file_type_whitelist input[type=button] {
  float: none !important;
  width: 63px;
}

#file_type_whitelist #add-manually {
  display: inline-block
}

#file_type_whitelist #add-manually-input {
  width: 190px;
}

#file_type_whitelist .top-list {
  margin: 20px 20px 2px 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/
.dm-ed-in-1 {
  background-color: #DEE7F3 !Important;
  border-bottom: thin solid #1C304D !Important;
}

ul.ext-tab-head li.child-active {
  border-bottom: 2px solid #38619B !Important;
}

.dm-ed-in-6 {
  padding-left: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 external data*~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.responsetd {
  border-color: #1C304D !important;
  background-color: #DEE7F3;
  border-spacing: 5px ! Important;
  border-collapse: separate;
  margin: 0px 0px 5px 10px;
}

.response {
  background-color: #EFF4F9;
  border-color: #1C304D !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 ros~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.code_fieldset {
  border: 1px solid #1C304D !important;
  background-color: #DEE7F3 !Important;
}

.code_edit {
  background-color: #8CACD9 !Important;
}

.code_legend {
  background-color: #8CACD9 !Important;
  margin-bottom: 0px !Important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 codes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/
.navbar-custom,
.navbar-nav,
.nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus {}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  background-color: #DEE7F3 !Important;
}

.dropdown-menu {
  border-radius: 0px !Important;
}

.navbar-nav {
  font-size: 15px;
}

.navbar-default {
  border: none;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  background-color: #DEE7F3 !Important;
}

.navbar-nav>li>.dropdown-menu {
  box-shadow: 0px 2px 2px #BACDE8 !Important;
}

.navbar-collapse.collapse.in {
  background-color: #467AC2 !Important;
  font-weight: 700;
  color: #000000 !Important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap nav menu*~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
input[type=checkbox],
input[type=radio] {
  margin: 4px !Important;
  cursor: pointer;
}

fieldset {
  border-color: #1C304D !important;
  /*background-color: #DEE7F3 !Important;*/
  margin-bottom: 10px !Important;
  padding: 0px 0px 15px 0px !Important;

}

legend {
  padding-left: 10px ! Important;
  color: #000000 !Important;
}

textarea.form-control {
  height: auto !Important;
}

:focus {
  outline: none !important;
}

.btn-link:focus,
.btn-link:hover {
  text-decoration: none !Important;
}

.btn-link {
  border: 1px solid #ccc;
  border-radius: 3px !Important;
}

.btn-separate-left,
.oe-opt-btn-separate-left {
  margin-left: 20px !Important;
}

.btn-group .btn {
  margin-right: 2px !Important;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0px !Important;
  border-bottom-right-radius: 0px !Important;
  border-bottom-left-radius: 3px !Important;
  border-top-left-radius: 3px !Important;
}

.btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle),
.oe-opt-btn-group-pinch>.btn:nth-last-child(2):not(.dropdown-toggle) {
  border-top-right-radius: 3px !Important;
  border-bottom-right-radius: 3px !Important;
}

.btn-lg {
  border-radius: 3px !Important;
}

.control-label {
  font-weight: 600 ! Important;
}

.form-horizontal .control-label {
  padding-top: 2px ! Important;
}

.form-control {
  height: 24px ! Important;
  padding: 0px 6px !Important;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  margin-left: -20px !Important;
}

.checkbox label,
.radio label {
  padding-left: 20px !important;
}

.position-override {
  text-align: center !Important;
  margin-left: 0px;
}

.oe-custom-line {
  padding-bottom: 5px;
}

.oe-large {
  display: inline-block;
}

.oe-small {
  display: none;
}

.oe-show-hide {
  display: none;
}

.oe-legend-radio {
  font-size: 12px;
  padding: 5px 5px 0px 0px;
}

.oe-bold-black {
  font-weight: 700 !Important;
  color: black !Important;
}

.oe-btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  background: #38619B !Important;
  color: #FFFFFF !Important;
  border-color: #1C304D !Important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 bootstrap *~~~~~~~~~~~~~~~~~~~~~~~~~*/
#globals_form_search {
  margin-top: -3px;
  padding: 2px 3px 1px 3px;
}

th.currentvalues,
th.historicalvalues {
  background: #467AC2 !Important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/
.oe-payment-select {
  width: 80px !important;
  text-align: right;
  font-size: 12px;
}

.oe-ckbox-label {
  padding-left: 30px;
  font-weight: 500;
}

.oe-file-div {
  padding: 10px 15px;
}

.oe-modal-dialog {
  width: 65% !Important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 batch payments, EOB *~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*************** Jquery-ui tooltip stuff *************/
.ui-tooltip, .ui-tooltip-content {
  background-color: var(--v-secondary-lighten3);
  color: var(--v-secondary-darken4);
}