/* top menu */
#top_menu_area {
    border-top: 1px solid #A4BED4;}
#top_menu_area ul {
    background: #CFE4FE;}

#txtSearch {
    border: 1px solid #AAAAAA;
}

#txtSearch #fieldSearch {
    background: none;
    border: none;
    color: #222222;
    border-width: 0px !important;
    font-size: 14px;
    font-weight: normal;
}

.no_menu {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
.select-box {
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #AAAAAA;
}
.select-box:hover {
    border-color: #AAAAAA;
}
.select-box a span {
    color: #222222;
    font-family: "Arial";
}
td.welcome_text {
    font-weight: normal;
    color: #222222;
    font-size: 16px;
    font-family: "Arial";
}
.bar_form_styles {
    color: #222222;
    font-family: "Arial";
}
/* tabbar */
.dhx_tabbar_zone_dhx_skyblue .dhx_tab_element {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
.dhx_tab_element span{
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
/* end tabbar */
/* Side Menu */
.side_menu_links_container {
    margin-left: 17px; 
    margin-top: -3px;
}
.side_menu_links_container div {
    margin-top: 0px;
    margin-bottom: 28px;
    background-image: url(../../gui/skins/Aqua/imgs/csh_bluefolders/leaf.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}
.side_menu_links_container a {
    outline: none;
    padding: 3px 7px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #222222 !important;
    font-weight: normal;
    font-size: 16px !important;
    font-family: "Arial";
    font-style: normal;
}
.side_menu_links_container a.active, .side_menu_links_container a:focus  {
    background: #FEE8B8;
}

/* grid */
div.gridbox_dhx_skyblue table.obj tr.rowselected{
    background: none;
    background-color:#FEE8B8;
    color: #222222;
}
div.gridbox_dhx_skyblue table.obj tr.rowselected td{
    background: none;
    background-color:#FEE8B8;
    color: #222222;
}
div.gridbox_dhx_skyblue table.obj.row20px tr.rowselected td{
    background: none;
    background-color:#FEE8B8;
    color: #222222;
}

div.gridbox_dhx_skyblue table.obj tr.rowselected td.cellselected {
    background: none;
    background-color:#FEE8B8;
    color: #222222;
}
/* tree */
.dhxtree_dhx_skyblue .selectedTreeRow_lor, .dhxtree_dhx_skyblue .selectedTreeRow{
    background-color: #FEE8B8;
    border: 1px solid #FEE8B8;
    background-image: none;
    color:#171717;
}
.dhxtree_dhx_skyblue .standartTreeRow, .dhxtree_dhx_skyblue .standartTreeRow_lor{
    color: #222222;
    font-weight: normal;
    font-size: 16px !important;
    font-family: "Arial";
    font-style: normal;
}
.dhxtree_dhx_skyblue .selectedTreeRow_lor, .dhxtree_dhx_skyblue .selectedTreeRow{
    color: #222222;
    font-weight: normal;
    font-size: 16px !important;
    font-family: "Arial";
    font-style: normal;
}
.standartTreeRow.tree_menu_item {
    vertical-align: top;
}
/* sidemenu style */
ul.sidemenu li a {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
/* end sidemenu style */
.dhx_combo_list.dhx_skyblue_list{
    background: #ffffff;
    color: #222222;
}
.combo_dhx_skyblue_sel {
    color: #222222;
}
table.inner_form tr th {
    color: #222222;
    font-weight: normal;
    font-size: 18px;
    font-family: "Arial";
    font-style: normal;
}
.file_upload_container .file_upload_field {
    font-size: 16px;
    font-family: "Arial";
    min-height: 18px;
    height: 29px;
    min-height: 18px;
}

* html .file_upload_container .file_upload_field {
    height: 21px;
    padding-top: 0px;
}
.dhx_combo_box.dhx_skyblue .dhx_combo_input {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
.dhx_combo_list .dhx_skyblue_list{
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
    background: #fff;
}
.dhx_combo_list_rtl.dhx_skyblue_list{
   color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
    background: #fff;
}
body td {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
div#main_content #main_content_details, div#main_content .main_content_details, div#main_content #main_content_details td, div#main_content .main_content_details td {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
table.default_form tr td {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: Arial;
    font-style: normal;
}
div.gridbox_dhx_skyblue table.hdr td {
    font-family:"Arial";
    font-size:15px;
    color:#222222;
    font-weight: bold;
    background: none !important;
}
div.gridbox table.obj tr  td{
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
    padding-top: 7px;
    padding-bottom: 4px;
}
#top_header .login_info {
    color: #2C80C0;
}
#top_header .login_info_table td {
    color: #2C80C0;
}

a:link, #top_header .login_info a:link {
    color: #2C80C0;
}
a:visited, #top_header .login_info a:visited {
    color: #2C80C0;
}
a:hover, #top_header .login_info a:hover {
    color: #333333;
}
a:active, #top_header .login_info a:active {
    color: #BA1D09;
}
.default_form a:link {
    color: #2C80C0;
}
.default_form a:visited {
    color: #2C80C0;
}
.default_form a:hover {
    color: #333333;
}
.default_form a:active {
    color: #BA1D09;
}
input, select, textarea, .ms-choice, .ms-drop ul
{
    font-family: "Arial";
    font-size: 16px;
    color: #222222;
    font-weight: normal;
    background-color: #FFFFFF;
}

.default_btn {
    background-color: #2C80C0;
}
.default_btn span.button_details {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
#search_form_area a.btnSearch {
    background-color: #2C80C0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
/* dhtmlxLayout tweak */
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhxcont_global_content_area {
    border-width: 0px 1px 1px 1px;
}
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar {
    background: none;
    background-color: #FFFFFF;
}
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhtmlxPolyInfoBar div.dhtmlxInfoBarButtonsFake {
    background: none;
}

#content_area {
    background: #ffffff;
}

#top_menu_area ul {
    color: #333333;
    font-weight: bold;
    font-size: 17px;
    font-family: "Arial";
    font-style: normal;
}

/* tweak */
table.inner_form{
    border-bottom: none;
    border-right: none;
}
table.dhtmlxLayoutPolyContainer_dhx_skyblue td.dhtmlxLayoutSinglePoly div.dhxcont_global_content_area {
    border-bottom: none;
}
.datepicker_jqui {
    z-index: 3000;
}
.ui-autocomplete {
    max-height: 350px !important;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 1px;
    z-index: 10000;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 240px;
}

/* Mini calendar hover and autocomplete selection  */
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-menu-item .ui-menu-item-wrapper.ui-state-hover,
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-menu-item .ui-menu-item-wrapper.ui-state-focus
{
    border: 1px solid #A4BED4;
    background: #FEE8B8;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #A4BED4;
    background: #FEE8B8;
    color: #333;
}

/* Mini calendar default color for today */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #A4BED4 !important;
    background: #FFFFFF !important;
    color: #333;
}

.dhx_combo_list.dhx_skyblue_list{
    border: 0px;
    background: #fff;
}
.jscrollpane_scroll {
    border: 1px solid #A4BED4;
}
a.ext_a_class {
    color: #fff;
    display: none;
}

/* top menu ul li bg fix */
#top_menu_area ul li:hover, #top_menu_area ul li.currentselect {
    background:url(../../gui/skins/Aqua/imgs/right_hover.png) right top no-repeat;
}
#top_menu_area ul li:hover a, #top_menu_area ul li.currentselect a{
    background:url(../../gui/skins/Aqua/imgs/left_hover.png) left top no-repeat;
}

.dhx_combo_box.dhx_skyblue .dhx_combo_input {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
.dhx_combo_list.dhx_skyblue_list {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}

.dhx_chart {
    font-size:12px;
}

/* scheduler styles */
.dhx_cal_container.dhx_mini_calendar {
    border: 1px solid #A4BED4;
}

#scheduler_container {
    border: 1px solid #A4BED4;
}

.dhtmlxLayoutPolyContainer_dhx_skyblue .dhx_cal_container {
    background: #CFE4FE;
}

.dhx_cal_tab, .dhx_cal_date, .dhx_cal_today_button, .dhx_cal_prev_button, .dhx_cal_next_button, .dhx_scale_bar, .dhx_cal_header, .dhx_cal_data, .dhx_scale_holder, .dhx_scale_hour {
    border-color: #A4BED4 !important;
}

#top_header {
 background: #fff;
}

.footer_border {
  background: #CFE4FE;;
}

.ms-choice > div {
    background: url('../../gui/skins/Aqua/imgs/combo_select_dhx_skyblue.gif') left top no-repeat;
}

.ms-choice > div.open {
    background: url('../../gui/skins/Aqua/imgs/combo_select_dhx_skyblue.gif') right top no-repeat;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('../../gui/skins/Aqua/imgs/combo_select_dhx_skyblue.gif') no-repeat 100% -22px;
    background: url('../skins/Aqua/imgs/combo_select_dhx_skyblue.gif') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('../../gui/skins/Aqua/imgs/combo_select_dhx_skyblue.gif') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../../gui/skins/Aqua/imgs/combo_select_dhx_skyblue.gif') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../../gui/skins/Aqua/imgs/combo_select_dhx_skyblue.gif') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('../../gui/skins/Aqua/imgs/combo_select_dhx_skyblue.gif') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../../gui/skins/Aqua/imgs/combo_select_dhx_skyblue.gif') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ui-segment {
    border: 1px solid #A4BED4;
}

.ui-segment span.option {
    border-right: 1px solid #A4BED4;
    background-image: url("../../gui/skins/Aqua/imgs/dhx_skyblue/dhx_skyblue_top.png");
    background-position: 0px -231px;
}

.ui-segment span.option div.cover_bg {
    background-color: #BCD9FD;
}

.ui-segment span.option.active
{
    background-image: url("../../gui/skins/Aqua/imgs/dhx_skyblue/dhx_skyblue_top.png");
    background-size: auto;
    background-position: 0px -96px;
}

.ui-segment span.option.active div.cover_bg {
    background-color: #E7F2FE;
}

.dhx_combo_list.dhx_skyblue_list {
    padding-left: 1px;
    padding-right: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dhx_combo_list.dhx_skyblue_list div {
    border: 1px solid #fff;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
}

/* Dropdown selection */
.dhx_combo_list.dhx_skyblue_list div.combo_dhx_skyblue_sel {
    border: 1px solid #A4BED4;
    background: #FEE8B8 !important;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 15px;
}

.ui-datepicker .ui-datepicker-header {
    padding: 1px 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 25px;
    height: 25px;
}

/* CKEditor styles */
.ck.ck-toolbar, .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: #A4BED4 !important;
}
/* Tooltip styles */
.tooltip_content {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}
.select2-container--default .select2-selection--single, .select2-dropdown, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #A4BED4 !important;
}
/* Use 0px to avoid showing a box in field (e.g. Visit Related Conditions in Patient Summary). */
.select2-search__field, .icheckbox_minimal {
    border: 0px solid #A4BED4 !important;
}
.select2-container {
    color: #222222;
    font-weight: normal;
    font-size: 16px;
    font-family: "Arial";
    font-style: normal;
}

/* Highlight all input fields when focused. Also highlight the entire dropdown but not the search box inside. Don't use outline because of Brave browser. */
input:focus, textarea:focus, select:focus, dropdown:focus, .ckeditor_focus {
    -moz-box-shadow: inset 0px 0px 0px 1px #A4BED4;
    -webkit-box-shadow: inset 0px 0px 0px 1px #A4BED4;
    outline: 0px solid #A4BED4; 
}
.ms-choice:focus, .ms-drop,
.select2-container--focus, .select2-container--open, .select2-selection--single:focus, .select2-dropdown, .editor:focus {
    outline: 1px solid #A4BED4 !important;
    box-shadow: none !important;
    border-color: #A4BED4 !important;
}

.ck-focused {
    box-shadow: none !important;
    border-color: #A4BED4 !important;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

/* Match input field focus highlight size. Use outline and shadow together to avoid display issue. Webkit is for all browsers except Mozilla. */
.grid_hover {
    -moz-box-shadow: inset 0px 0px 0px 1px #A4BED4;
    -webkit-box-shadow: inset 0px 0px 0px 1px #A4BED4;
    outline: 1px solid #A4BED4;
}

.editor {
    border: 1px solid #A4BED4 !important;
}

/* Dialog Close Icon */
.ui-icon.ui-icon-closethick {
    background: url(../images/close.png) no-repeat;
    width: 20px;
    height: 20px;
}
.ui-dialog .ui-dialog-titlebar-close span {
    left: -5px;
    top: 0px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 1px;
}

/* Maximize/Minimize Button */
.ui-dialog-titlebar-close.ui-state-hover {
    border: none !important;
    background: none !important;
}
.ui-dialog .ui-dialog-titlebar-maximize {
    position: absolute;
    right: 55px;
    top: 17px;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}
.ui-dialog .ui-dialog-titlebar-maximize span {
    display: block;
    margin: 1px
}
.ui-dialog .ui-dialog-titlebar-maximize:hover, .ui-dialog .ui-dialog-titlebar-maximize:focus {
    padding: 1px;
}
.ui-icon.ui-icon-maximize {
    background: url(../images/maximize.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.ui-dialog .ui-dialog-titlebar-restore {
    position: absolute;
    right: 55px;
    top: 17px;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-titlebar-restore span {
    display: block;
    margin: 1px
}
.ui-dialog .ui-dialog-titlebar-restore:hover, .ui-dialog .ui-dialog-titlebar-restore:focus {
    padding: 1px
}
.ui-icon.ui-icon-restore {
    background: url(../images/restore.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.table_tr {
    display: table-row;
}
.table_td {
    display: table-cell;
}
.age_display {
    display: flex;
    margin-top: 2px;
}
.age_label {
    margin-top: 0px;
    font-size: 6px;
    font-weight: 400;
}
.age_label_dialog {
    margin-top: 0px;
    font-size: 6px;
    font-weight: bold;
}
.ui-dialog {
    outline: none !important;
}
.autofill {
    font-size: 14px;
    display: block;
    font-style: italic;
}