/*
	CCSE colors

	dark blue:    # 1a3465
	medium blue:  # 2b84c6
	light blue:   # 9bc2e9
	orange:       # f0653a

	alarm: 		  # ff4136
	warning:      # ff851b
*/
.btn i+span {
	margin-left: 5px;
}

.need-help {
	margin-top: 10px;
}

.new-account {
	display: block;
	margin-top: 10px;
}

.page-title {
	font-size: 1.10em;
	font-weight: 500;
	color: #3988CD;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.bottom-spacing {
	margin-bottom: 10px;
}

a.icon-active {
	color: green !important;
}

a.icon-active:hover, a.icon-active:active {
	color: red !important;
	cursor: pointer;
}

.tooltip {
	z-index: 999999999
}

.icon-inactive {
	color: #ccc !important;
}

a.icon-inactive:hover, a.icon-inactive:active {
	color: green !important;
	cursor: pointer;
}

.icon-inactive-disabled {
	color: #ccc !important;
}

.error {
	color: red;
}

.table-info {
	width: 100%;
}

.table-info tr {
	border-bottom: 1px solid #eee;
	height: 30px;
}

.table-info tr td:first-child {
	padding-right: 30px;
	white-space: nowrap;
	text-transform: uppercase;
	width: 1%;
}

.table thead th i+span {
	margin-right: 5px;
}

.table thead, .table tbody {
	font-size: 12px;
}

@media screen and (max-width: 767px) {
	.table thead, .table tbody {
		font-size: 10px;
	}
}

.bold {
	font-weight: bold;
}


#spcReportButton:hover {
	background-color: black!important;
}

#spcReportButton:hover .fa-chart-area {
    color: white!important;
}

#weeklyReportButton:hover {
	background-color: black!important;
}

#weeklyReportButton:hover .fa-chart-line {
	color: white!important;
}
#pharmacyLogBookReportButton:hover {
	background-color: black!important;
}

#pharmacyLogBookReportButton:hover .fa-file-medical {
	color: white!important;
}


/*
 * LIST BUTTON
 */

/*
 * ENDS LIST BUTTON
 */

/*
 * DASHBOARD PANELS
 */
.dashboard-panel {
	background-color: #fff;
	border: 1px solid #bbb;
	border-bottom-width: 2px;
	box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 10px;
}

.dashboard-panel .panel-heading {
	border-bottom: 1px solid #bbb;
	background-color: #fafafa;
	color: #222;
	font-size: 16px;
	font-weight: bold;
	color: #1a3465;
	box-shadow: inset 2px -2px 10px 1px rgba(26, 52, 101, 0.1);
	overflow: hidden;
	padding: 5px;
}

.dashboard-panel.device .panel-heading {
	height: 65px;
}

.dashboard-panel.device .panel-heading {
	height: 65px;
}

.dashboard-panel .device-name-status {
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
	max-height: 22px;
}

.dashboard-panel .device-name-status .name {
	max-width: calc(100% - 90px);
	max-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	white-space: nowrap;
}

.dashboard-panel .device-name-status .status {
	float: right;
}

.dashboard-panel .device-name-status .status .label {
	font-size: 90%;
	float: right;
}

.dashboard-panel .device-sn-last-updated {
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
}

.dashboard-panel .device-sn-last-updated .sn {
	font-weight: bold;
	font-size: 14px;
	float: left;
}

.dashboard-panel .device-sn-last-updated .last-updated {
	float: right;
	color: #888;
	font-size: 12px;
}

.dashboard-panel .panel-heading .title {
	display: inline-block;
	float: left;
}

.dashboard-panel .panel-heading .panel-heading-right {
	display: inline-block;
	float: right;
}

.dashboard-panel .panel-heading .favorite {
	display: inline-block;
	float: right;
}

.dashboard-panel .panel-heading .favorite i {
	color: #1a3465;
}

.dashboard-panel .panel-heading a.btn {
	float: right;
}

.dashboard-panel .panel-heading a.btn-default {
	color: #1a3465;
}

.dashboard-panel .panel-heading a.btn+a.btn {
	margin-right: 5px;
}

.dashboard-panel .panel-body {
	font-size: 12px;
	margin: 5px;
}

.dashboard-panel .panel-body.no-padding {
	padding: 0px;
}

.dashboard-panel .panel-body .btn-group {
	margin-bottom: 5px;
}

.dashboard-panel .panel-body .btn-default {
	background-color: #fafafa;
}

.dashboard-panel .panel-body .subtitle {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: 5px;
}

.dashboard-panel .panel-body label {
	font-size: 13px;
	font-weight: 500;
}

.dashboard-panel .panel-body .panel-element {
	padding: 10px;
}

.dashboard-panel .panel-body .panel-element-without-label {
	padding-left: 10px;
	padding-bottom: : 10px;
	padding-right: 10px;
	padding-top: 19px;
}

.dashboard-panel .panel-footer {
	border-top: 1px solid #bbb;
	background-color: #F5F5F5;
	overflow: hidden;
	padding: 10px;
}

.french-label {
    padding: 5px 10px;
    min-width: 100px;  
    max-width: 50%;   
    display: inline-block;
    text-align: center;
    white-space: normal;
    overflow: hidden;  
    text-overflow: ellipsis; 
}
.alarm-alert-tile {
    width: auto;  
    flex-grow: 0.5; 
}

.section-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.section-info {
	border-bottom: 1px solid #ddd;
	border-right: 2px solid #eee;
	margin: 5px 0px;
	padding: 5px;
	overflow: hidden;
	min-height: 56px;
}

.section-info.lg {
	height: 138px;
}

.section-info .title {
	color: #3988cd;
	font-size: 16px;
}

.section-info .sm-title {
	color: #3988cd;
	font-size: 14px;
}

.min-height{
	min-height: 180px;
}

.section-info .limits-info {
	line-height: 22px;
	text-align: right;
	font-size: 9px;
	color: #666;
}

.section-info .title .limits-info {
	float: right;
}

.section-info .limits-info+.title {
	margin-top: 5px;
}

.limits-info .alarm-value {
	font-size: 10px;
	color: #2b84c6;
	font-weight: bold;
}

.section-info .limits-info-zone {
	line-height: 22px;
	font-size: 14px;
	color: #666;
}

.section-info .title .limits-info-zone {
	float: right;
}

.section-info .limits-info-zone+.title {
	margin-top: 5px;
}

.limits-info-zone .alarm-value {
	font-size: 14px;
	color: #000000;
}

.section-info .value {
	text-align: right;
	font-size: 32px;
	color: #333;
	font-weight: bold;
}

.section-info .key-color {
	color: #888;
}

.section-info .value.sm {
	font-size: 24px;
}

.section-info.lg .value {
	line-height: 92px;
}

.section-info .value i {
	font-size: 24px;
}

.section-info .unit {
	font-size: 16px;
	color: #3988cd;
}

.section-info .subvalue {
	text-align: right;
	font-size: 12px;
	color: #888;
	overflow: hidden;
}

.section-info .subvalue table {
	float: right;
}

.section-info .subvalue table td {
	padding: 3px;
}

.section-info .graph {
	border: 1px dashed #fff;
	min-height: 190px;
}

.section-info .table-info {
	font-size: 12px;
}

.section-info .table-info tr {
	border-bottom-width: 0px;
}

@media screen and (max-width: 767px) {
	.section-info .value {
		font-size: 24px;
	}
}

/*
 * ALARMS & WARNINGS
 */
.alarm-panel {
	display: block;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-bottom-width: 2px;
}

.alarm-panel table {
	width: 100%;
	color: #ccc;
}

.alarm-panel table td {
	padding: 8px 4px;
	text-align: center;
	width: 16.66667%; /* to be changed dynamically */
	font-size: 14px;
}

.dashboard-panel.has-alarm .panel-heading {
	background-color: #ff4136;
	box-shadow: inset 2px -2px 10px 1px rgba(0, 0, 0, 0.2);
	color: #fff;
}

tr.has-alarm, i.has-alarm, span.has-alarm, .btn.has-alarm {
	color: #ff4136 !important;
	font-weight: bold;
}

.section-info.has-alarm {
	border-color: #ff4136;
}

.value.has-alarm, .section-info.has-alarm .title, .section-info .subvalue .alarm-value.has-alarm
	{
	color: #ff4136;
}

.dashboard-panel.has-warning .panel-heading {
	background-color: #ff851b;
	box-shadow: inset 2px -2px 10px 1px rgba(0, 0, 0, 0.2);
	color: #fff;
}

tr.has-warning, i.has-warning, span.has-warning, .btn.has-warning {
	color: #ff851b;
	font-weight: bold;
}

.section-info.has-warning {
	border-color: #ff851b;
}

.value.has-warning, .section-info.has-warning .title, .section-info .subvalue .alarm-value.has-warning
	{
	color: #ff851b;
}

/*
 * ALARM CONFIGS
 */
.alarm-config .row-title {
	background-color: #eee;
}

.alarm-config .row-title .warning i {
	color: orange;
}

.alarm-config .row-title .danger i {
	color: red;
}

.alarm-config .row-values {
	background-color: #f5f5f5;
}

.alarm-config .alarm-config-title {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.alarm-config .alarm-config-title span+a {
	margin-left: 10px;
}

@media screen and (max-width: 767px) {
	.alarm-config .table td {
		padding: 5px;
	}
	.alarm-config .table th {
		padding: 5px;
	}
}

/*
 * BOX ITEMS
 */
a+.box-item {
	margin-top: 10px;
}

.box-item {
	background-color: #fff;
	border: 1px solid #bbb;
	border-bottom-width: 2px;
	box-shadow: 0 1px 4px 0px #ddd;
	overflow-x: auto;
}

.box-item>.table>thead {
	background-color: #fafafa;
}

.box-item+.dashboard-panel {
	margin-top: 10px;
}

/*
 * BREADCRUMBS
 */
/* .breadcrumb {
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
 */
/*
 * TABS
 */
.nav-tabs>li>a {
	background-color: #eee;
	border-color: #ccc;
	color: #333;
}

.tab-content {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	padding: 0.5rem;
	min-height: 120px;
}

.tab-content .title {
	border-bottom: 2px solid #ccc;
	overflow: hidden;
	font-size: 16px;
	color: #1a3465;
	padding: 5px;
	line-height: 34px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.tab-content .title.sm {
	font-size: 14px;
	line-height: 18px;
	border-bottom-width: 0px;
}
.nav-tabs .nav-link{
    border-color:#fff;
}
/*
.tab-content .table {
	border:1px solid #ccc;
}
.tab-content .table thead {
	background-color:#666;
	border:1px solid #666;
	color:#fff;
}
*/

/*
 * LIST GROUP
 */
.list-group-item {
	overflow: hidden;
}

.list-group-item:hover {
	cursor: pointer;
}

.list-group-item>i {
	line-height: 32px;
	font-size: 24px;
	float: left;
}

.list-group-item .text {
	float: left;
	margin-left: 20px;
}

.list-group-item-danger i {
	color: red;
}

.list-group-item.active{
    background-color: #3988cd;
}

/*
 * MAP
 */
.map-underlay {
	text-align: center;
	display: inline-block;
	position: relative;
}

.map-underlay>img {
	height: auto;
	max-width: 100%;
	width: auto;
}

.map-markers {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.map-marker {
	position: absolute;
	z-index: 1001;
	font-size: 24px;
	color: #1a3465;
	background-color: #fff;
	box-shadow: 2px 2px 10px 1px #666;
	border: 1px solid #9bc2e9;
	width: 50px;
	height: 40px;
	display: inline-block;
	text-align: center;
}

.map-marker a {
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.map-marker i {
	line-height: 38px;
}

.map-marker:hover {
	cursor: pointer;
}

/*
 * CHARTS
 */
.chart {
	overflow: hidden;
	color: #666;
}

.chart.pie-chart {
	min-height: 190px;
}

.chart.line-chart {
	min-height: 200px;
}

.chart>i {
	display: block;
	margin-top: 10px;
	font-size: 10px;
}

/*
 * TESTs
 */
.jconfirm-content .title {
	font-size: 16px;
	color: #2b84c6;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.jconfirm-content .checkbox {
	margin: 0px;
}

.table.table-sm td {
	padding: 2px;
	font-size: 10px;
}

.table.table-sm input, .table.table-sm select {
	font-size: 10px;
	padding: 4px;
}

.table-alarms>tbody>tr>td {
	border-top: 1px solid #fff;
}

.table-alarms .fa-warning {
	color: red;
}

.table-alarms .fa-exclamation-circle {
	color: orange;
}

.table-alarms .fa-microchip {
	color: #666;
}

.empty-list {
	padding: 10px;
	color: #666;
}

div.datepicker {
	padding: 0px;
}

/*
    DATATABLES
*/
table.dataTable thead th {
	border-bottom: 2px solid #ddd;
}

table.dataTable.no-footer {
	border-bottom: 1px solid #ddd;
}

.dataTables_length {
	margin-top: 5px;
	margin-left: 5px;
}

.dataTables_filter {
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
}

.dataTables_info {
	margin-left: 5px;
}

.dataTables_paginate {
	margin-right: 5px;
	margin-bottom: 5px;
}

.dataTables_filter input {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 4px;
}

.dataTable a:hover {
    cursor: pointer;
    color: #3988cd;
}
/*
    LOADING
*/
#loading {
	background-color: #ccc;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.6;
	z-index: 999;
	display: none;
	text-align: center;
}

#loading>div {
	width: 350px;
	height: 40px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 20px;
	opacity: 1;
}

/*
 * PDF
 */
.page-preview-export {
	overflow: hidden;
	width: 895px;
	margin: auto;
}

.pdf-page-preview {
	width: 895px;
	margin: auto;
	border: 1px dashed #aaa;
	padding: 10px;
	margin-top: 10px;
	position: relative;
	font-family: 'Noto Sans', sans-serif;
}

.pdf-page-preview .table th, .pdf-page-preview .table td {
	font-size: 10px;
}

.pdf-summary-title {
	color: #757575;
	height: 49px;
}

.pdf-summary-value {
	color: #1a3465;
	font-weight: bold;
}

.pdf-box {
	padding: 10px;
	border: 1px solid #ccc;
}

.pdf-box+.pdf-box {
	margin-top: 10px;
}

.pdf-box-title {
	color: #2b84c6;
	font-size: 24px;
	text-align: center;
	margin-bottom: 5px;
}

.pdf-box .signature-text {
	display: inline-block;
	width: 90px;
	margin-right: 20px;
	left: 30px;
	bottom: 20px;
	right: 60px;
}

.pdf-box .signature-line {
	display: inline-block;
	width: 250px;
	height: 20px;
	margin-right: 40px;
	border-bottom: 1px solid #333;
}

.pdf-header {
	overflow: hidden;
	height: 150px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.pdf-header-text {
	float: left;
}

.pdf-header .client-name {
	font-size: 14px;
	font-weight: bold;
}

.pdf-header .report-info {
	margin-bottom: 5px;
}

.pdf-header .pdf-header-title {
	width: 560px;
	background-color: #FFFFFF;
	color: #2b84c6;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
}

.pdf-header .pdf-header-logo {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 270px;
	text-align: center;
	color: #193C72;
}

.pdf-header .pdf-header-logo>img {
	width: 90px;
	margin-bottom: 5px;
	display: block;
	margin: 0 auto;
}

.pdf-header-subtitle {
	margin-top: 10px;
}

.pdf-header-subtitle [class^="pdf-date"] {
	font-weight: bold;
	color: #2b84c6;
}

.pdf-page-number {
	position: absolute;
	right: 30px;
	bottom: 20px;
	color: #888;
}

.pdf-page-signature {
	position: absolute;
	left: 30px;
	bottom: 20px;
	right: 60px;
}

.pdf-page-signature>div {
	display: inline-block;
	float: left;
	margin-right: 40px;
}

.pdf-page-signature .signature-text {
	width: 70px;
}

.pdf-page-signature .signature-line {
	width: 250px;
	height: 20px;
	border-bottom: 1px solid #333;
}

.form-alert {
	display: none;
	margin: 10px 30px;
}

.field-valid {color =green;

}

.field-valid-border {
	border: 2px solid green;
	border-radius: 4px;
}

.rowWidthMax {
	max-width: 90%;
}

.div-ccse-popup-form {
	height: 700px;
	overflow: auto;
}

.required:after {
	content: " *";
	color: red;
}

.div-header-with-strike {
	display: block;
	text-align: left;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 15px;
	height: 40px;
}

.div-header-with-strike>span {
	position: relative;
	display: inline-block;
}

.div-header-with-strike>span:before, .div-header-with-strike>span:after
	{
	content: "";
	position: absolute;
	top: 40%;
	width: 9999px;
	height: 2px;
	background: #D3D3D3;
}

.div-header-with-strike>span:before {
	right: 100%;
	margin-right: 15px;
}

.div-header-with-strike>span:after {
	left: 100%;
	margin-left: 10px;
}

/* new addition */
.row-without-margin {
	margin-left: 0;
	margin-right: 0;
}

.footer-button {
	margin: 5px;
}

.hidden {
	display: none !important;
}

.simple-text-label {
	padding: 10px;
}

.overflow-hidden {
	overflow: hidden;
}

.panel-report-btn {
	margin-top: 10px !important;
}

.panel-report-btn-span {
	font-size: 1em !important;
	font-weight: 400 !important;
}

.panel-report-btn-icon {
	font-size: 4em !important;
	font-weight: 400 !important;
}

.ccse-critical-icon {
	position: relative;
	top: 1px;
	font-size: 15px;
	color: red;
}

.ccse-warning-icon {
	position: relative;
	top: 1px;
	font-size: 15px;
	color: #ecb131;
}

label {
	font-weight: 600;
}

.checkboxList {
	font-weight: 400 !important;
}

.checkboxList input {
	position: relative;
	top: 3px;
}

.small-table-data {
	overflow: auto;
}

.display-none {
	display: none;
}

.weekly-report-summary-table {
	width: 100%;
}

.weekly-report-summary-table thead tr th, .weekly-report-summary-table tbody tr th
	{
	border: 1px solid #ccc;
	text-align: center;
}

.ccse-panel-header-text {
	color: #ffffff;
	font-family: 'Noto Sans';
    line-height:31px;
}

.card-header {
	background: #36454f;
}

.ccse-btn-outline {
	background: #FFFFFF;
	color: #3988CD;
	border: 1px solid #D3D3D3;
}

.ccse-btn-outline:hover {
	background: #3988CD;
	color: #FFFFFF;
}

.ccse-btn-outline-dark {
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #D3D3D3;
}

.ccse-btn-outline-dark:hover {
	background: #3988CD;
	color: #FFFFFF;
}

.ccse-text-color {
	color: #3988CD;
}

.ccse-font-16 {
	font-size: 16px;
}

.ccse-info-bg-gray {
	background: #F5F5F5;
}

.ccse-warning-text {
	color: #FBB658 !important;
	font-weight: bold;
}

.ccse-critical-text {
	color: #EE6A78 !important;
	font-weight: bold;
}

.ccse-btn-primary {
	color: #FFFFFF;
	background: #01A6A6;
}

.ccse-charcoal-color {
	color: #36454f;
}

.ccse-bg-blue {
	color: #FFFFFF;
	background: #3988CD;
}

.ccse-bg-charcoal {
	background-color: #36454f;
}

.ccse-btn-default {
	border-color: #ced4da;
	color: #495057;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
	.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
	.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
	color: #000000 !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
	{
	color: #ffffff;
	background-color: #6c757d;
}

.dropdown-menu a>i {
	width: 20px;
	text-align: center;
}

.dropdown-menu>li:active>a:active {
	color: #ffffff !important;
	background-color: #6c757d !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:active
	{
	color: #ffffff !important;
	background-color: #6c757d !important;
}

.ccse-font-size-12 {
	font-size: 12px;
}

.text-align-left { text-align: left; }
.text-align-right { text-align: right; }

.dragula-container {
}
.dragula-container .dragula-item {
    padding: 0.5rem;
    background-color:#eee;
    border: 1px solid #ddd;
}
.dragula-container .dragula-item.checked {
    background-color:#36454f;
    border: 1px solid #36454f;
    color: #fff;
}
.dragula-container .dragula-item + .dragula-item {
    margin-top:0.5rem;
}

/* Report close button */

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
	width: 25px
	height:25px;
	font-size: 35px !important;
	line-height:20px !important;
	z-index: 99;
}

.btn-sm > span,
.btn-sm > i{
  line-height:14px;
}

.card-sm .card-body{
    padding: 0.5rem;
}
.card-sm .card-body .list-group-item{
    padding: 0.5rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   background-color: #3988cd;
}

.nav-pills .nav-link.nav-sm{
    padding: 0.25rem 0.5rem;
}

/* Trend Analysis - zone/spcChart.html */

#tab{
	table-layout: fixed;
	width: 100%;
}
.-mt-15 {
    margin-top: -15px;
}

.toggle.btn {
    border-radius: 30px;
    overflow: hidden;
}
.toggle.btn .toggle-handle {
    border-radius: 30px;
}
.toggle.btn-mini .toggle-handle {
    width: 30px;
    height: 30px;
    top: 0;
}