:root {
	--primary: #5c5c5c;
	--secondary: #e10f37;
}

body { font-family: Helvetica, Arial, sans-serif; background: #f7f8fa; color: #333; }
p { color: #333; }

.head_wrap { background: #f7f8fa; border-bottom: 1px solid #EEEEEE; }
.head_wrap .user_info { color: #333; }
.head_wrap .user_info a { color: #333; }
.head_wrap .info,
.head_wrap .more span.txt,
.head_wrap .more i.fa-caret-down { color: #333; }
.head_wrap ul.apps li:hover { background: none; }
.head_wrap .appmenu {float: right;width: auto;}

.content_section .main_title {padding: 0 0 0 10px;margin-bottom: 10px;background: #FFF;border-bottom: 1px solid #ddd;}
.content_section .main_title h1 { color: #333; }

div.no_data { color: #333; }

.section_title .links a { color: var(--secondary); }
div.jbox_image .ext:hover { background: var(--secondary); }
div.jbox_image .close:hover { background: var(--secondary); }
div.jbox_image a.jimg_control:hover span.ico { color: var(--secondary); }

table.action_form label {float: right;font-size: 12px;line-height: 15px;width: 100%;}

table.action_form tr.table_title td span.ico_sort:hover { color:var(--secondary); }
table.action_form span.source a:hover { color: var(--secondary); }
table.action_form span.add a:hover { color: var(--secondary); }

.jquery_tabs ul.nav li.show_all:hover { color: var(--secondary); }
.application-tabs .no_tabs ul.nav li.show_all:hover { color: var(--secondary); }
.application-tabs .no_tabs .tab_title span { border-top:2px solid var(--secondary); }
.in_use { background: var(--secondary); }
.multi_toggle:hover span.ico { color:var(--secondary); }
.inline_edit:hover span.ico { color:var(--secondary); }
table.action_form .row_fileupload .fileupload-content td.file_actions .action:hover { border: 1px solid #DADDEC; background-color: #F0F1F7; color: #dc0000}
.ui-timepicker .ui-widget-header { background: var(--secondary); }
.ui-timepicker .ui-timepicker-main ul li:hover { background: var(--secondary); border: 1px solid var(--secondary); }
.ui-timepicker .ui-timepicker-buttonpane button.ui-timepicker-close {background: var(--secondary); border: 1px solid var(--secondary); }
body .g_feedback span.blue { background: var(--secondary); }
ul.dropdown_items li.normal a:hover { background: var(--secondary); border-bottom:1px solid var(--secondary); }
.file_wrap a:hover span.txtwrap { background: var(--secondary); }

span.ico_app { color: #333; }
span.ico_edit { color: var(--primary); }
span.ico_ginfo { color: var(--primary); }
span.ico_move { color: var(--primary); }
span.jftrg:hover { background: var(--secondary); }

div.fileUpload {min-width: 130px !important;position: relative;overflow: hidden;margin: 7px;float: left;cursor: pointer;border: 1px solid #e9e9e9;background: #f7f7f7;padding-left: 0px 15px;color: #000;line-height: 22px;text-align: center;white-space: nowrap;}
div.fileUpload:hover {background: #fff;}
div.fileUpload input.file {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}

/* main menu colours */
div.admin_menu { background-color: #ffffff; padding-top: 5px; }
div.admin_menu li.shift span:hover, div.admin_menu li a:hover { background-color: var(--primary); color:#fff; }
div.admin_menu li.selected a:hover { background-color: var(--primary); }

/* tabmenu colours */
ul.main_menu { padding-left: 5px; overflow-x: auto; white-space: nowrap; width: 100%;}
ul.main_menu li { padding-right: 0px; margin-right: 10px; display: inline-block;zoom: 1;float:none;}
ul.main_menu li a { color: #333; border-radius: 2px 2px 0px 0px; }
ul.main_menu li.selected a, ul.tabmenu, ul.submenu { background-color: var(--primary); color: #fff; }
ul.main_menu li.selected a, ul.tabmenu li a, ul.submenu li a { color:#fff; }
ul.main_menu li ul li {float:left;}

ul.tabmenu { padding-top: 5px; padding-left: 5px; }
ul.tabmenu li { margin-left: 0px; margin-right: 10px; }
ul.tabmenu li a { padding: 8px 15px; border-radius: 2px 2px 0px 0px; position: relative;}
ul.tabmenu li a.active { border-radius: 2px 2px 0px 0px; color: #333; }
ul.tabmenu li a.active:hover { color: #333; padding: 8px 15px; }
ul.tabmenu li a:hover { background:#fff; color:#333; border-radius: 2px 2px 0px 0px; padding: 8px 15px; }

ul.submenu {padding: 0px 0px 0px 5px; position: relative;clear: both;background: var(--primary);margin: 0;}
ul.submenu li { margin-left: 0px; margin-right: 10px; }
ul.submenu li a { padding: 8px 15px; border-radius: 2px 2px 0px 0px; position: relative;}
ul.submenu li a.active { border-radius: 2px 2px 0px 0px; color: #333;background: #fff; }
ul.submenu li a.active:hover { color: #333; padding: 8px 15px; }
ul.submenu li a:hover { background:#fff; color:#333; border-radius: 2px 2px 0px 0px; padding: 8px 15px; }
ul.submenu li a span.task_count {display: block;float: right;min-width: 10px;padding: 0px 3px;height: 16px;border-radius: 50%;background: #ff3f3f;color: #fff;text-align: center;line-height: 16px;position: absolute;top: -5px;right: -5px;}

/*general task count*/
span.general_task_count {float: left;min-width: 10px;padding: 0px 3px;border-radius: 50%;background: #ff3f3f;color: #fff;margin-top: 3px;text-align: center;line-height: 16px;font-weight:bold;}

/* jbox header */
div.jbox_header, .ui-datepicker .ui-datepicker-header { background-color: var(--primary); border-bottom-color: var(--primary); }
div.jbox_header div.title, .ui-datepicker .ui-datepicker-header a { color:#fff !important; }
div.jbox_main div.jbox_tabs a.active span.txt, div.application-tabs div.no_tabs ul.nav li a, div.jquery_tabs ul.nav li.ui-state-active a { border-top: 1px solid #ddd; padding-top:8px;}

/* buttons and action buttons */
.btn { color: #333; border-color: #cdcdcd; background: #f7f8fa; font-weight: bold !important;}
.btn:hover { background: #000; border-color: #000; color: #fff; }
.blue, .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close, body .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close:active { background:var(--secondary); border-color:var(--secondary); color: #fff; }
.blue:hover, .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close:hover { background: #000000; border-color: #000000; color: #fff; }
.blue:active { background: #000000 !important; border-color: #000000; }

.ddmenu {margin: 19px 15px;float: left;position: relative;}
.ddmenu span.top { color: #333; background: #f7f8fa; }
.ddmenu span.handle { background: #f7f8fa; }

.content_section .main_title .ddmenu span.wrap {max-height: 500px;}
.content_section .main_title .ddmenu span.wrap a { color: #333; background: #f7f8fa; width: auto !important; min-width: 250px;}
.content_section .main_title .ddmenu span.wrap a:hover { color: #fff; background: var(--primary); }

/* list tables  */
table.summary th, table.summary th.sort, table.fixed_header td.sort, table.fixed_header td, table.summary tr.p_section td { background-color: #E5E7F1; }
table.summary th.headerSortUp, table.summary th.headerSortDown, table.tablesor thead th.headerSortDown, table.tablesorter thead th.headerSortUp, table.summary th div.hasFilter, table.summary th div.cfilter:hover { background-color: #DADDEC;  }
.application-tabs .no_tabs .tab_title span { border-top-color:var(--secondary); }
table.action_form tr th { background-color: #e9edef; }
table.action_form tr th.align_left {text-align: left;}
table.summary th, table.summary th.sort, table.fixed_header td.sort, table.fixed_header td, table.summary tr.p_section td { background-color: #e9edef; }
table.action_form tr.table_title:hover td,
table.action_form tr.table_title td { background-color: #d3dcdf !important; }
table.summary thead tr th {min-width: 30px;}

/* jquery tabs */
.jquery_tabs ul.nav li { margin-right: 10px !important; }
.jquery_tabs ul.nav li,
.jquery_tabs ul.nav li a { border-radius: 5px 5px 0px 0px; }
.jquery_tabs ul.nav li a { color: #333; }
.jquery_tabs ul.nav li a:hover { color: #333; }
.jquery_tabs ul.nav li.ui-state-active a { color: #333; padding-bottom: 8px;}

/* misc */
.ui-autocomplete div.ui-menu-item a:hover { border-bottom: 1px solid var(--secondary); background: var(--secondary); }
.ui-datepicker table.ui-datepicker-calendar td a:hover { background-color:#666; color:#fff; }
.ui-datepicker .ui-datepicker-header a:hover { color:#fff; }

table.summary th .hasFilter, .ui-datepicker table.ui-datepicker-calendar td a.ui-state-active, span.ico_binfo:hover { background: var(--secondary); }
.head_wrap .user_info a:hover, .jbox_main .jbox_tabs a.jtab_control:hover span.ico { color: var(--secondary); }

li span.where_a {background: #404040;}

.application-tabs h3 {color: var(--primary);}

ul.main_menu li ul li a span.task_count { display: none; }
ul.tabmenu li span.task_count { display: block; float: left; min-width: 10px; padding: 0px 3px; height: 16px; border-radius: 50%; background: #ff3f3f; color: #fff; margin-left: 5px; text-align: center; line-height: 16px; position: absolute; top: -5px; right: -5px; }

.content_section .page_search .search_wrap {padding: 10px 10px 0px 10px;float: left;min-width: 600px;width: 100%;}

.application-tabs h3 {color: var(--primary);}

.ui-slider .ui-slider-range { border-radius: 10px; background: #D8DAE4; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default;  top: -4px; margin-left: -5px; background: var(--primary);border-radius: 25px;}
.ui-slider .ui-state-focus { background: var(--primary); }
.ui-slider .ui-slider-hover { background:#7186AA; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

span.helper { position: absolute; right: 12px; font-weight: bold; }

.jbox_main .jbox_tabs a.active span.txt {padding: 8px 14px 8px 15px;}

span.ico_progress {float: left;text-align: center;color: #999;margin-left: 10px;}
span.ico_binfo {margin: -1px 5px 0 0;}

table.summary tbody tr.has_rcmenu td { background:#FC9 !important; }

/*breadcrumb*/
div.breadcrumb { float:left; width:100%; padding:0px; background: #efefef; border:1px solid #dad6ec; color:#666; margin:0 0 10px 0; }
div.breadcrumb a { float:left; padding:0px 10px; line-height:30px; color:#666; position:relative; }
div.breadcrumb span.last { float:left; padding:0px 10px; line-height:30px; }
div.breadcrumb span.arrow { float:left; width:10px; height:30px; line-height: 30px; text-align: center;}
div.breadcrumb a:hover { color:#000; text-decoration:none; }
div.breadcrumb a.prev_r { float:right; padding:5px; margin:5px 15px 0 0; }
div.breadcrumb a.next_r { float:right; padding:5px; margin:5px 15px 0 0; }
div.breadcrumb a.prev_r span { float:left; padding:0px; height:10px; width:10px; }
div.breadcrumb a.next_r span { float:left; padding:0px; height:10px; width:10px; }

div.rte{line-height: unset;}

/* GLOBAL SEARCH */
div.head_wrap div.header_search { float:left; width:auto; color:#777; margin:0 0 0 25px; padding: 4px 0 0 15px; font-size:12px; height:56px; position:relative; }
div.head_wrap div.header_search label { float:left; clear:both; line-height:20px; }
div.head_wrap div.header_search input { float: left; clear:both; margin: 3px 0 0 0; width:175px; border: 1px solid #CCC; font-style: italic; color: #9E9E9E; padding: 4px; font-size: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #FFF; }
div.head_wrap div.header_search input.typing { border: 1px solid #999; font-style:normal; color:#666; }
div.head_wrap div.header_search .dacwrap { position: absolute; left: -261px; top: 57px; z-index: 10; width: 830px; border:1px solid #ccc; background:#fff; overflow-x:hidden; overflow: auto; overflow-x:hidden; white-space:nowrap; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); height: 315px; }
div.head_wrap div.header_search .dacwrap .inwrap {padding: 0 0 5px 0; min-height: 310px; }
div.head_wrap div.header_search .dacwrap .col { display:inline-block; width: 270px; vertical-align:top; white-space:normal; }
div.head_wrap div.header_search .dacwrap .frcol { width:270px; margin:0 10px 0 0; }
div.head_wrap div.header_search .dacwrap .srcol { width:270px; margin:0 10px 0 0; }
div.head_wrap div.header_search .dacwrap .frcol a { width:250px !important; padding: 5px 10px !important; }
div.head_wrap div.header_search .dacwrap .srcol a { width:250px !important; padding: 5px 10px !important; }
div.head_wrap div.header_search .dacwrap .col h3 { padding:10px; font-size:12px; color:#666; border-bottom:1px solid #ddd; }
div.head_wrap div.header_search .dacwrap .col a { background:none; border:none !important; float: left; width:230px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 5px 30px 5px 10px; color: #666; line-height: 20px; margin: 0; text-align: left; white-space: normal; font-weight:normal; }
div.head_wrap div.header_search .dacwrap .col a:nth-child(even) { background:#EFEFEF !important; }
div.head_wrap div.header_search .dacwrap .col a:hover { background: var(--primary) !important; border-bottom:1px solid var(--primary); color:#fff !important; text-decoration: none; }
div.head_wrap div.header_search .dacwrap .col a:hover span { color:#fff !important; }
div.head_wrap div.header_search .dacwrap .col a:hover em.lite {background: #50BFF3 !important;}
div.head_wrap div.header_search .dacwrap .col p.empty { padding: 10px; font-weight: normal; color:#999; font-style:italic; }

span.txtwrap {min-width: 100px;  display:inline-block; line-height: 22px; line-height: 22px; margin: 0 5px 0 0; text-align: center; white-space: nowrap; font-size: 12px; padding: 0 15px;border-radius: 2px; font-weight: bold;}

.myblue {width: 155px; background:#0295fe; border-color:#0295fe;color: #fff}
.myblue:hover {background: #000000; border-color: #000000; color: #fff;}
span.txtwrap_myblue { background: #0295fe; }

.green {width: 155px; background:#58B764; border-color:#58B764;color: #fff}
.green:hover {background: #000000; border-color: #000000; color: #fff;}

.orange {width: 155px; background:#ff9240; border-color:#ff9240;color: #fff}
.orange:hover {background: #000000; border-color: #000000; color: #fff;}

.yellow {width: 155px; background:#ffd60d; border-color:#ffd60d;color: #000}
.yellow:hover {background: #000000; border-color: #000000; color: #fff;}
span.txtwrap_yellow { background: #ffd60d; color: #000;}

.gray {width: 155px; background:#d2d4d8; border-color:#d2d4d8;color: #000}
.gray:hover {background: #000000; border-color: #000000; color: #fff;}

.red_hover:hover{color: var(--secondary); border-color:var(--secondary);}
.green_hover:hover{color: #58B764; border-color:#58B764;}

table.summary td.column_multiselect {padding: 5px;}
.no_width{width: auto !important; }
.w_100{width: 100px !important; }
.w_250{width: 250px !important; }

/* Dashboard */
.content_section .chart_container {max-width:1500px;display: block;float: left;margin-right: 40px;}
.content_section .chart_container .pie_chart {float: left;width:300px;}
.content_section .chart_container .chart {display: block;float: left;width: 130px;position: relative;margin-bottom: 20px;}
.content_section .chart_container .chart svg {position: relative;margin: 0 auto;transform: rotate(-90deg);border-radius: 50%;width: 100%;height: 100%;}
.content_section .chart_container .chart .pie {fill: #d2d4d8;stroke-width: 32;}
.content_section .chart_container .chart .pie_inner {fill: #fff;}
.content_section .chart_container .chart figure {margin: 0px;}
.content_section .chart_container .chart figure figcaption {box-sizing: border-box;text-align: center;text-transform: uppercase;position: absolute;top: 50%;height: 54px;margin-top: -25px;width: 100%;font-size: 40px;font-weight: normal;}
.content_section .chart_container .chart figure figcaption sup {vertical-align: super;font-size: 20px;}
.content_section .chart_container .caption {float: left;width: 130px;margin: 10px 20px 0 20px ;}

.task_count { display: block; float: left; min-width: 10px; padding: 0px 3px; height: 16px; border-radius: 50%; background: var(--secondary); color: #fff; margin-left: 5px; text-align: center; line-height: 16px; position: absolute; top: -5px; right: -5px; }

table.action_form tr th.half_width {width: 50% !important;}

.green_bar {padding: 8px 10px;margin-bottom: 10px;background: #e7fcdc;border: 2px solid #0cd334;clear: both;white-space: normal;border-radius: 2px;}

.dashboard_div {float: left; text-align: center; width:120px; height: 120px; margin: 0 20px 20px 0; border-radius: 5px; background: #fff; border: 8px solid #d2d4d8; }
.border_red { border-color: #e10f37; }
.border_blue { border-color: #0295fe; }
.border_green { border-color: #58b764; }
.border_yellow { border-color: #ffd60d; }
.border_black { border-color: #333333; }

/* .dashboard_div:hover {box-shadow: 10px 10px 10px 0 rgba(0,0,0,.1); margin-top: -5px;} */
.dashboard_div:hover {transform: scale(1.05, 1.05);}

.dashboard_div a { text-decoration: none !important; }
.dashboard_div .title { height: 35px; font-size: 12px; font-weight: bold; text-align: center; padding-top: 5px; }
.dashboard_div .number { height: 40px; font-size: 40px; font-weight: normal; }
.dashboard_div .room_number { height: 40px; font-size: 40px; font-weight: normal; margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.dashboard_div .subtitle { height: 40px; font-size: 12px; font-weight: normal; text-align: center; padding-top: 25px; }

.dashboard_div .service_user_table { display: block; float: left; width: 100%; height: 31px; margin-top: 20px; border-top: 1px solid #eee; padding-top: 8px; }
.dashboard_div .service_user_table .service_user { float: left; }
.dashboard_div .service_user_table .service_user .icon,
.dashboard_div .service_user_table .service_user .check,
.dashboard_div .service_user_table .service_user .cross { float: left; width: 100%; text-align: center; }
.dashboard_div .service_user_table .service_user .check { color: #58b764; }
.dashboard_div .service_user_table .service_user .cross { color: #e10f37; }

.dashboard_div .meals { display: block; float: left; width: 100%; font-size: 14px; padding: 5px 0px; }
.dashboard_div .meals > div { display: block; float: left; width: 100%; box-sizing: border-box; padding: 0px 20px; line-height: 22px; height: 22px; margin-top: 10px; text-align: left; }
.dashboard_div .meals > div:first-child { margin-top: 0px; }
.dashboard_div .meals .collected { display:block; float: right; width: 22px; height: 22px; border-radius: 50%; }

.dashboard_div .meals .colour_red { background: #e10f37; }
.dashboard_div .meals .colour_green { background: #58b764; }

.daily_orders { width: 180px; height: 180px; }
.daily_orders a { display: block; float: left; width: 100%; height: 100%; }
.daily_orders .meal_name { font-size: 14px; font-weight: bold; text-align: center; padding: 10px 10px 10px 10px; border-bottom: 1px solid #eee; }
.daily_orders .name { font-size: 12px; font-weight: bold; text-align: center; padding: 10px 10px 0px 10px; }
.daily_orders .dish { font-size: 12px; font-weight: normal; text-align: center; padding: 5px 10px 0px 10px; }

.room_list { height: auto; }

h2.user_name { font-size: 15px; }

span.allergen { padding: 2px 5px; border-radius: 5px; background: #f67979; color: #fff; margin-left: 5px; }
span.allergen:first-child { margin-left: 0px; }

span.allergen .initials { float: left; border-radius: 3px; color: #f67979; background-color: #fff; font-size: 10px; width: 17px; height: 12px; margin-top: 1px; line-height: 13px; text-align: center; font-weight: bold; }

.list_table span.allergen { margin-bottom: 5px; min-width: 17px; float: left; height: 14px; line-height: 14px; text-align: center; }
.list_table span.allergen:nth-child(4n + 1) { margin-left: 0px !important; }