.calendar-cell{
    height: 50px;
    width: 60px;
    border:solid;
    border-width:thin;
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    align: center;
}
.calendar-header-cell{
    border:solid;
    border-width:thin;
    text-align:center;
}
.calendar-enabled{
    cursor: pointer;
}
.calendar-disabled{
    background-color:lightgray;
}
 #calendar 
{ 
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
}
.circleCalendar, .circleCalendarMulti{
    align-self:center;
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
  width: 36px;
  height: 36px;
  padding: 4px;
  background: #ffffff;
  border: 2px solid #00acee;
  color: #666;
  text-align: center;
  margin: auto;
  font-weight: bold;
}
.circleCalendarMulti {
  border: 2px solid #eb9316;
}
.filtered-audit {
    font-weight: bold;
    color: green !important;
}
.export {
    height: 32px;
    width: 35px;
    background: url(../images/excel.png);
    background-size: 35px 35px;
}

.angular-highlight {
	background-color:	#ddffff;
	font-weight:		bold;
}

.csstopBoderDiv
{
    height: 5px;
    background-color: #00a9ec;
    margin: 0;
}

.cssbottomBoderDiv
{
    height: 5px;
    background-color: #7bc523;
    margin: 0;
}

.styled-select {
   width: 200px;
   height: 30px;
   overflow: hidden;
   background-attachment :scroll;
   background: url(../Images/drop_dwn.png) no-repeat Center #ddd;
    
}
.commonpage_header_logouttxt{ font-family:"segoe UI"; font-size:14px; color:#ff5400; font-weight:800;}
.cssImage
{
    height:134px;
    width:134px;
    visibility:hidden;
}

.cssFileUpload
{
   
    visibility:hidden;
}

.cssMainDiv
{
    width: 100%;
    background-color: #e6e6e6;
}
.cssMainTable
{
    background-color: white;
    width: 50%;
    margin: 5% 0 10% 0;
}


.cssLoginMainTable {
    background-image: url("../Images/login-bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 301px;
    margin: 5% 0 10%;
    width: 551px;
}

.left-align-header th  { text-align:left; }
.left-align-header .text-left-w-leftmargin { text-align:left; padding-left:48px; }
.csscontentBackground
{
background-image: url(../Images/background_page.png);
background-repeat:repeat-x;
background-position: top left;
min-height: 548px;
height:548px !important;
}


.cssSubPracticeAdmin
{
    font-family: Arial;    
    font-size: 11px;
    line-height: 25px;    
    width:171px;
    height:122px;
    font-weight: bold;
    letter-spacing: 20;
    text-align: center;
    margin: auto 24px; 
    background:transparent url(../Images/practice_admin.png);
    background-repeat: no-repeat;
    border:none;
    
    
    
}

.cssButtonStaff
{
    font-family: Arial;    
    font-size: 11px;    
    line-height: 25px;
    width:174px;
    height:122px;
    font-weight: bold;
    letter-spacing: 20;
    text-align: center;
    margin: auto 24px; 
    background:transparent url(../Images/staff.png);
    background-repeat: no-repeat;
    border:none;
    
    
}

.cssButtonPatient
{
    font-family: Arial;    
    font-size: 11px;    
    line-height: 25px;
    width:171px;
    height:122px;
    font-weight: bold;
    letter-spacing: 20;
    text-align: center;
    margin: auto 24px; 
    background:transparent url(../Images/patient.png);
    background-repeat: no-repeat;
    border:none;
    
    
}


.cssButtonDeviceMgmt
{
    font-family: Arial;    
    font-size: 11px;    
    line-height: 25px;
    width:171px;
    height:122px;
    font-weight: bold;
    letter-spacing: 20;
    text-align: center;
    margin: auto 24px; 
    background:transparent url(../Images/device_mgmt.png);
    background-repeat: no-repeat;
    border:none;
    
    
}

.cssPPA {    
    background:transparent url("../Images/ppa.png");
    background-repeat: no-repeat;
    border: medium none;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    height: 122px;
    line-height: 25px;
    margin: auto 24px;
    text-align: center;
    width: 217px;
}


.cssSupportUser {    
    background:transparent url("../Images/infobionic_support_user.png");
    background-repeat: no-repeat;
    border: medium none;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    height: 115px;
    line-height: 25px;
    margin: auto 24px;
    text-align: center;
    width: 160px;
}


.cssPractice {   
    background:transparent url("../Images/practice.png");
    background-repeat: no-repeat;
    border: medium none;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    height: 115px;
    line-height: 25px;
    margin: auto 24px;
    text-align: center;
    width: 158px;
}

.cssMITRAdmin {   
    background:transparent url("../Images/MA.png");
    background-repeat: no-repeat;
    border: medium none;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    height: 115px;
    line-height: 25px;
    margin: auto 24px;
    text-align: center;
    width: 158px;
}

.cssGrid
{
     width:96.5%;
}



.cssGridHeaderDropDown
{
    padding:1px;
   
    height:25px;
    background:url(../Images/drop_dwn.png); 
    background-repeat:no-repeat;
    background-position:left center;
}



.ccsLoginLabel
{
    font-family: Arial;
    color: #708090;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    
}

.cssHeadingLabel
{
    font-family: Arial;
    color: #708090;
    font-size: 15px;
    
    font-weight: bold;
    
}

.cssLoginLink
{
    font-family: Arial;
    color: #096488;
    font-size: 10px;
    line-height: 25px;
    letter-spacing: 20;
    font-weight: normal;
    
}


.cssLoginLabel
{
    font-family: Arial;
    color: #464646;
    font-size: 11px;
    line-height: 28px;
    font-weight: normal;
    
}
.cssLoginLabel1
{
width:62%; float:left; position:relative; clear:both; display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:800; color:#404142;
}


.cssErrorLabel
{
    font-family: Arial;
    color: #464646;
    font-size: 11px;
    line-height: 25px;
    font-weight: normal;
}


.cssLoginInnerTable
{
    height: 106px;
    width: 100%;
    background: #F0F0F0;
}
.cssLabel
{
    font-family: verdana;
    font-size: 13px;
    font-weight: normal;
    color: Black;
}

.cssLabelTab
{
    font-family: verdana;
    font-size: 16px;
    font-weight: bold;
    color: Gray;
}

.cssLabelDisplay
{
    font-family: Verdana;
    font-size: 15px;
    font-weight: normal;
    color: Gray;
}

.cssText
{
    background-color: white;
}


.cssUserText
{
    font-family: Arial;
    color: #696969;
    font-size: 11px;
    font-weight: normal;
    width:217px;
   /*  width: 197px;
       padding: 6px 10px 5px 12px;
    width: 197px;
    border: none;
    background: url(../Images/text-field.png);
    background-repeat: no-repeat;
    background-position: left left;
    /*background-color: #f1f1f1;*/
}

.cssUserText:focus
{
    font-family: Arial;
    color: #696969;
    font-size: 11px;
    font-weight: normal;
  
    width: 217px;
    border: none;
    /*  padding: 6px 10px 5px 12px;  background: url(../Images/text-field_on_focus.png);*/
    background-repeat: no-repeat;
    background-position: left left;
    /*background-color: #f1f1f1;*/
    display: block;
}


.cssLink
{
    color: Gray;
    font-size: 12px;
}

/*
.cssLoginButton
{
    width: 94px;
    height: 27px;
    cursor: pointer;
    border: none;
    color: White;
    font-weight: bold;
    background: url(../Images/button_bg_active.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.cssLoginButton:hover
{
    width: 94px;
    height: 27px;
    cursor: pointer;
    border: none;
    color: White;
    font-weight: bold;
    background-image: url(../Images/button_bg_hover.png);
    background-repeat: no-repeat;
    background-position: center center;
}
    
*/


input:hover,input
{
   cursor: hand; cursor: pointer; 
}
/*
input[type="button"][disabled="disabled"]
{
    width: 100px;
    height: 30px;
    cursor: pointer;
    border: none;
    color: White;
    font-weight: bold;
    background-image: url(../Images/button_bg_deactive.png);
    background-repeat: no-repeat;
    background-position: center center;
}

input[type="button"][disabled="disabled"]:hover
{
    width: 100px;
    height: 30px;
    cursor: default;
    border: none;
    color: White;
    font-weight: bold;
    background-image: url(../Images/button_bg_deactive.png);
    background-repeat: no-repeat;
    background-position: center center;
}
        */

.cssDropDownList
{
    /*width: 197px;*/
    width: 223px;
    background-color: White;
    font-size: 12px;
}

.cssRequiredField
{
    color: Red;
    font-size: 10px;
}

.cssShowRed
{
    /*color: red*/
}

.lnksort
{
    color: White;
    text-align:center;
}

.lnkfooter
{
    font-family: Arial;
    color: #696969;
    font-size: 11px;
    letter-spacing: 20;
    line-height: 25px;
    font-weight: normal;
    text-decoration: none;
}
.lnkfooter1
{
    font-family: Arial;
    color: #696969;
    font-size: 11px;
    letter-spacing: 20;
    line-height: 25px;
    font-weight: normal;
    text-decoration: none;
}
.a:hover
{
    color: #000000;
}

.gridHeader
{
    text-align: center;
}

.lnkfooter:hover
{
    color: Blue;
}

.cssTableRow
{
    height:22px;       
    font-family: Arial;
    
    font-size: 11px;
     font-weight: normal;    
    text-align:left; 
   
}

.cssTableAlternateRow
{
    height:22px;       
    font-family: Arial;
    
    font-size: 11px;
   
    font-weight: normal;    
    text-align:left;
    
   
}

.cssMessageLabel
{
    font-family: Arial;
    color: #464646;
    font-size: 7px;
    line-height: 13px;
    font-weight: normal;
    
    visibility:hidden;
}

.BookMark
{
    height:20px;
    width:20px;
    background-image: url(../Images/flag_active.png);     
    background-repeat: no-repeat;
    background-position:center center; 
    background-color: #f1f1f1;
}

.TreeViewPlus
{
    height:20px;
    width:20px;
    background-image: url(../Images/TreeViewPlus.JPG);     
    background-repeat: no-repeat;
    background-position:center center; 
    
}
.cssPatientTriggred
{
    height:24px;
    width:24px;
    background-image: url(../Images/patient_ico.png);     
    background-repeat: no-repeat;
    background-position:center center; 
    background-color: #f1f1f1;
}
 
.UNBookMark
{
    height:20px;
    width:20px;
    background-image: url(../Images/flag_gray.png);     
    background-repeat: no-repeat;
    background-position:center center; 
    background-color: #f1f1f1;
}

.tab .ajax__tab_body
{   
    padding-top:0px;  border:1px solid #b4cbdf;border-bottom:0px solid #ccc; 
}


.tab #MainContent_tabPatientInfo_header{height:27px}
.tab .ajax__tab_header .ajax__tab_outer .cssLabel{color:#fff;}
.ajax__tab_panel{padding:5px}
.tab .ajax__tab_header{clear:both;position:relative;margin:0;padding:0}
/*Tab Active*/
.tab .ajax__tab_active .ajax__tab_tab
{    
    background:url("../Images/selected-center.png") repeat-x;
   
}
.tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
    background:url("../Images/left-seclected.png") no-repeat left;
   
}
.tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
    background:url("../Images/right-seclected.png") no-repeat right;
    padding-right:8px;
}
/*Tab Hover*/
.tab .ajax__tab_hover .ajax__tab_tab
{
    color: #000000;
    background:url("../Images/selected-center.png") repeat-x;
   
}
.tab .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
    background:url("../Images/left-seclected.png") no-repeat left;
    
}
.tab .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
    background:url("../Images/right-seclected.png") no-repeat right;    
}
/*Tab Inactive*/
.tab .ajax__tab_tab
{
    color: #666666;
    background:url("../Images/non-selected-center.png") repeat-x;
    height:27px; padding-top:4px;padding:4px 10px;
    width:120px;


}
.tab .ajax__tab_inner
{
    color: #666666;
    background:url("../Images/left-non-seclected.png") no-repeat left;
    padding-left:7px;    height:27px;
}
.tab .ajax__tab_outer
{
    color: #666666;
    background:url("../Images/right-non-seclected.png") no-repeat right;
    padding-right:6px;
    margin-right: 2px; height:27px;
}

.common-landing-bg {
    background-image: url("../Images/common-landing-page.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: medium none;
    height: 301px;
    margin-top: 1%;
    width: 551px;
}

body {
    background-image: url("../Images/background_page.png");
    background-position: left top;
    background-repeat: repeat-x;
   
}
.common-landing-bg {
    background-image: url("../Images/common-landing-page.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: medium none;
    height: 301px;
    margin-top: 1%;
    width: 551px;
}

body {
    background-image: url("../Images/background_page.png");
    background-position: left top;
    background-repeat: repeat-x;
}

body {
    background-image: url("../Images/background_page.png");
    background-position: left top;
    background-repeat: repeat-x;margin:auto;
}
/*#Form1{width:960px;margin:auto; background-image: url("../Images/background_page.png");
    background-position: left top;}
.table-landing-ita{background:#fff; width:930px;margin-top:-7px}

*/
.table-landing-ita{width:96.9%; background:#fff}
.ITA_IAR-Landing_page,.Landing_page{position:relative;left:1.5%}
#MainContent_Button1,.cssImage,#MainContent_lblImageMessage{display:none}
#MainContent_FileUpload1,#FileUpload1{display:none}


/* Bootstrap styles mainly */
body { padding-top: 70px; background: #fff; background-image: none; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


/* * * Bootstrap theme * * */
.navbar-brand {padding: 5px;}
.navbar-brand img {max-height: 100%; max-width: 100%; width: auto;}


.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
   background-color: #fff;
}

.ng-table-pager {
    overflow: auto;
}
.ng-table-counts,
.ng-table-pagination {
    margin: 15px;
}
.ng-table-counts>.btn,
.ng-table-pagination>li>a,
.ng-table-pagination>li>span {
    font-size: 12px;
    line-height: 1.5;
}

.ng-table-nopager .ng-table-pager {
    display: none;
}

/* * * * * * * * * * * * * */


.btn-icon {color: #777;}
.btn-icon:hover {cursor:pointer; color: #333;}
.text-grey { color: #777; }

.btn-link {
    color: #00acee;
    outline: none;
}
.btn-link:focus, .btn-link:hover, .btn-link:active,
.btn-link:active.focus {
    text-decoration: none;
    outline: none;
}

/* * * * * * * * * * * * * */
.patient-row {
    padding: 10px 0;
}
.patient-row:first-child {
    padding-top: 0;
}
.patient-row:not(:last-child) {
    border-bottom: 1px dotted #DDD;
}

.patient-name {
    font-weight: bold;
    color: #00acee
}


.patient-footer .pagination,
.patient-footer select.form-control {
    margin: 5px 0;
}

.patient-monitoring {
    font-size: 0.9em;
}
.monitoring-status {
    padding: 3px 10px 3px 5px;
    background-color: #8bc43f;
    color: #fff;
    border-radius: 3px;
}
.monitoring-mode {
    padding: 3px 5px;
    background-color: #000000;
    color: #fff;
    border-radius: 3px;
    margin-left: -10px;
    border-left: 2px solid #fff;
}

tr.row-selected td {
    background-color: #dff0d8;
}

.table tr td {
    cursor: pointer;
}
td.default_cursor {
    cursor: default !important;
}

.navbar-default .navbar-nav>li>a.menu-selection {
    color: #00acee;
    font-weight: bold;
}

a {
    color: #00acee;
}

.btn {
  border-radius: 2px;
}

.tinyProgressbar {
	background: #fff;
    border: 1px solid #ccc;
	padding: 2px 0;
	width: 150px;
    height: 22px;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
    margin: auto;
    text-align: center;
}
.tinyProgressbar * {
	z-index: 100;
	position: relative;
}
.tinyProgressbar .value {
	text-align: center;
    font-size: 11px;
    font-weight: bold;
	display: block;
    color: #c0c0c0;
}
.tinyProgressbar .value.inprogress {
    color: #000;
}
.tinyProgressbar .value.highlight {
    color: #ff3333 !important;
}
.tinyProgressbar .bar {
/*	background: #A5DE59; */
    background: #dcdcdc;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	padding: 0 !important;
	margin: 0 !important;
}

.hover-show  {
    display: none;
}

table tr span.glyphicon, table tr span.caret {
    color: #aaa;
}


span.text-label .rspace {
    margin-right: 5px;
}

span.text-label {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

span.text-label.lower {
    text-transform: none !important;
}


.modal-wide {
    width: 95%;
}

.modal-xl {
    width: 1100px;
}

label.btn.btn-default[disabled].active {
    background-color: #fcfcfc;
}


/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=829f5eb69b591f75277d)
 * Config saved to config.json and https://gist.github.com/829f5eb69b591f75277d
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); */
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default.disabled,
.btn-primary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-default[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-danger {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  background-color: #fff;
/*  text-shadow: 0 1px 0 #fff; */
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #ccc;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e0e0e0;
  background-image: none;
}
.btn-primary {
  background-color: #8bc43f;
  border-color: #65902c;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #6a972e;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #6a972e;
  border-color: #65902c;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #6a972e;
  background-image: none;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #419641;
  background-image: none;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #2aabd2;
  background-image: none;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #eb9316;
  background-image: none;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c12e2a;
  background-image: none;
}

.btn-default.btn-danger {
    border-color: #b92c28;
    background-image: none;
    background-color: #ffffff;
    color: #b92c28;
}
.btn-default.btn-danger:hover {
    background-color: #ffe8e8;
}
.btn .glyphicon {
    color: inherit !important;
}

.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > button:hover {
    background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #7eb337;
}
.dropdown-menu > li > button {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    background: none;
    border: none;
    text-align: left;
}

.dropdown-menu > li > button:focus,
.dropdown-menu > li > button:active,
.dropdown-menu > li > button:focus-visible {
    background-color: transparent !important;
    color: inherit;
    outline: none;
}



.typeahead{
    background-color: #fff;
    min-width: 250px;
}

.typeahead li{
    padding: 5px;
}

.typeahead li.active{
    background-color: #eee;
}


.navbar-default {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-color: #dbdbdb;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-inverse {
  background-color: #3c3c3c;
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-color: #080808;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8bc43f;
  }
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.well {
  background-color: #e8e8e8;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}


/* overrides */

.btn-group-sm > .btn, .btn-sm {
    line-height: 1.6;
}

@media (min-width: 1300px)  {
    .container {
        width: 1300px;
    }
}

.tab-content>.tab-pane {
    padding-top: 15px;
}

/* custom */

.main-header {
    color: #464646;
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
}

.icon-ok {
    background-position: -288px 0;
    background-image: url("http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/img/glyphicons-halflings.png");
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    /*background-position: 14px 14px;*/
    background-repeat: no-repeat;
    margin-top: 1px;
}

.dropdown-menu{
  /*min-width: 300px; */
}

.span4 > div
{
   border: 1px solid #888;
   border-radius:0px;
    margin-left: -10px;
    padding-left: 25px;
}

.unapproved.red {
    background-color: red;
    color: #fff;
    display: inline-block;
    border-radius: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

.totals.grey {
    background-color: #aaa;
    color: #fff;
    display: inline-block;
    border-radius: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

table.fixed{
     table-layout:fixed; 
     word-break: break-all; 
     overflow:hidden;
     padding: 0px;
}

td.fixed tr.fixed{
     padding-left: 0px;
     padding-right: 2px;
     float:left;
     overflow:hidden;
}

.badge.red {
    background-color: #ff0000;
    position:relative;
    top: -8px;
    right: -3px;
}

.badge.late {
    background-color: #ff0000;
}

.badge.warning {
    background-color: #eb9316;
}

table.messages tr.clickable td {
    cursor: pointer;
}
table.messages tr.noborder td {
    border: none;
    background: #fcfcfc;
}
table.messages tr.unread td {
    font-weight: bold;
}
table.messages tr.opened td {
    background-color: #fcfcfc;
    border-bottom: none;
}
table.messages div.msg-content {
    padding-right: 15px;
    color: #333;
    font-size: 14px;
    margin-bottom: 15px;
}

.modal-title .subtext {
    font-size: 14px;
    color: #999;
}

.error-msg {
    color: #a94442;
    font-weight: bold;
}

.error-msg::before {
    content: "\e101";
    color: #a94442;
    margin-right: 5px;
    font-family: 'Glyphicons Halflings';
}

.ui-radio {
    margin-left: 10px; 
    line-height: 30px;
}

.has-error .ui-radio {
    color: #a94442;
}

.btn-group.has-error label {
    border-color: #a94442;
}


#img-tooltip {
  position: absolute;
}
.zoom { 
/*    width: 200px; 
    height: 105px; */
    border: 1px #000 solid; 
    position: absolute; 
    right: 200px; 
}

#hrtrend-wrapper {
    width: 945px;
    height: 105px;
    outline: 1px solid #f0f0f0;
    margin-bottom: 10px;
    margin-left: 1px; 
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu.pull-middle {
  right: 100%;
  margin: 0 2px 0 0;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
  left: auto;
}
.dropdown-menu.pull-middle.pull-right {
  right: auto;
  left: 100%;
  margin: 0 0 0 2px;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
}
.dropdown-menu.pull-middle.pull-center {
  right: 50%;
  margin: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.followup {

}

.followup-set, .followup-set span.glyphicon, .followup-set .followup-text {
    color: #00acee !important;
}


.folowup-late, .followup-late span.glyphicon,  .followup-late .followup-text  {
    color: red !important;
}

.followup-text {
    color: #aaa;
}

/* page headers */
.header-title {
    font-size: 24px; 
    color:#666; 
    margin-bottom: 5px;"
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus 
 {
    border-color: darkgray;
}

.pagination > li > a
{
  color: #333;
}

.pagination > .disabled > a:hover{
  background-color: #d4d4d4;
    border-color: darkgray;
}

.pagination > .disabled > .currentPage{
  background-color: #e0e0e0;
  color: #333;
}


.btn-default-error {
    border-color: #8e2020;
}


.clickable {
    cursor: pointer;    
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;         
}

.stay-right 
{ 
    right: auto !important;
    left: 0 !important;
}
/* Arrow position */

/*
.stay-right { position: relative; }
.stay-right > a:after { position: absolute; left: 7px; top: 3px; float: none; border-right-color: #cccccc; border-width: 5px 5px 5px 0; }
.stay-right:hover > a:after { border-right-color: #ffffff; }
*/

.mygrid-wrapper-div {
   overflow: auto;
   height: 55vh;
   padding-right: 15px;
}

.disableHref {
   pointer-events: none;
   cursor: default;
}

.Level-1 {
margin-left: 10px;
}

.help > li > a > span {
   cursor: pointer; 
    color: #696969;
    position:initial; 
    top: -1em; 
    line-height: 10px;
    display:block;
    padding-right:15px;
    padding-left:15px;
    margin-left:15px;
}
.help:hover {
   cursor: pointer; 
}

#wrapper {
  padding-left: 250px;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
  margin-left: -250px;
  left: 250px;
  width: 250px;
  background: #CCC;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
}

.badge.centerred {
    background-color: red;
    color: #fff;
    display: inline-block;
    border-radius: 18px;
    padding-left: 6px;
    padding-right: 6px;
    font-size:12px;
}


.ventrilink-large-table tr th
{

    text-align:left;
}

.ventrilink-large-table tr td
{
    width:10%;
}
.mnavbar-header {

    background-color: #828896;

}
.mnavbar-default {
    background-color:#fff;
}

.mnavbar-default .mnavbar-brand {
    color: #fff;
    width: 100%;
    text-align: center;
}

.mnavbar-default .mnavbar-brand:hover {
    color: #fff;
}

.mnavbar-default .mbtn-link {
    color: #fff;
    padding: 0px;
}
.mcontainer-body {
    margin-top: 50px;
}
.mbtn-full-width {
    width: 100%;
}


.mspan-right {
    float: right;
    text-align: right;
}


.mshow-portrait {
    display: none;
}

.mshow-landscape {
    display: none;
}


img.mlogo {
    width:100%;
    padding: 30px;
}


@media (orientation: portrait) {
    .mshow-portrait {
        display: block;
    }
}

@media (orientation: landscape) {
    .mshow-landscape {
        display: block;
    }
}
.message-detail {
    margin-top: 10px;
}
.mwithout-margin {
    margin: 0px;
}

.mECG-info {
    padding: 10px 0 5px 0;
}
#maincanvas {
    position: relative;
}
#main-overlay {
    position: absolute;
    top: 30px;
    left: 0;
}
#overview-wrap {
    height: 50px;
    position: relative;
}
#overview-overlay {
    position: absolute;
    top:0;
    left: 0;
}
#anno-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

tr.warning{
    color: black;
}
tr.strong-warning{
    color: darkgray;
}

/* print CSS */
@media screen {
    .print-only {
        display: none;
    }
}

@media print {
    /*
    body * {
        display:none;
    }
        */

    .no-print {
        display: none;
    }
    
    .print-only {
        display: inline;
    }

    .print-table {
    }

    .print-table-header {
        font-weight: bold;
        border-bottom: 1px solid #999;
    }

    .print-table-body {
    }
}

.warningCall{
    background-color:yellow;
}

.cancelOnCall{
    color:red;
}

.wrapper {
  position: relative;
  width: 100%;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  width:100%;
  height:100%;
}

.message{
background-color:#F0F0F0  !important;
background:#F0F0F0  !important;
display:inline-block;
border: solid;
border-color: #00acee;
max-width:100%;
margin-bottom:5px;
font-weight:normal;
color:#333;
}

.rpt_customize {
    height: 263px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    border: 1px solid;
}

.nav-tabs > li.criteriaCheck > a {
    color: #df0505;
    background-color: #ffcccc2e;
}

.nav-tabs > li.active.criteriaCheck > a, .nav-tabs > li.active.criteriaCheck > a:focus, .nav-tabs > li.active.criteriaCheck > a:hover {
    border-bottom-color: white;
    color: #df0505;
}

.vlNotificationCriteriaName.criteriaCheck, .differentCriteriaValue {
    color: red;
}

.alternateRow {
    background-color: #f9f9f9;
}
.tooltipOverflow .tooltip {
    min-width: 175px;
}

@keyframes glow {
    from {
        color: #00acee;
    }

    to {
        color: red;
    }
}


.loading-icon {
    background: url(../images/loading_small.gif) 1% 60% no-repeat;
}

/* toggle-switch */
.toggle-switch .switch input[type="checkbox"] {
    display: none;
}

.toggle-switch .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 27px;
}

/* The slider (background) */
.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 27px; /* Rounded */
}

/* The circle inside the slider */
.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 21px; /* Reduced size */
    width: 21px; /* Reduced size */
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%; /* Rounded */
}

/* When the checkbox is checked */
.toggle-switch input[type="checkbox"]:checked + .slider {
    background-color: #8bc43f; /* Slider background color when checked */
}

/* Move the knob to the right when checked */
.toggle-switch input[type="checkbox"]:checked + .slider:before {
    transform: translateX(21px); /* Adjusted to fit reduced width */
}

/* Wrapper to align toggle and label */
.toggle-switch .switch-container {
    display: flex;
    align-items: center; /* Align vertically */
    gap: 10px; /* Space between toggle and label */
}

/* Optional: tweak font size and line height for label */
.toggle-switch .toggle-label {
    font-size: 14px;
    line-height: 1; /* prevents vertical offset */
}