@charset "utf-8";
/* Clinician Desktop CSS Document - Fall 2015 Redesign */
body {
    margin: 0 0 0 0;
    font: 12px helvetica, arial, Sans-serif;
}
.grayBG {background-color:#eae8e8!important;}
#tabs-1 p, #tabs-2 p, #tabs-3 p {
    word-wrap: hyphenate;
}

.ui-widget {
    /*height: 400px !important;*/
}

div.outcomes div.ui-jqchart, div.engagementRateContainer div.ui-jqchart, div.OutcomesProgress div.ui-jqchart, div.OutcomesProgress div.ui-jqchart{width:237px !important;margin-left:-18px !important;padding-left:0 !important;text-align:left !important}

div.outcomes div.ui-jqchart div, div.engagementRateContainer div.ui-jqchart div, div.OutcomesProgress div.ui-jqchart div, div.OutcomesProgress div.ui-jqchart div{text-align:left;float:left;margin-left:-75px}

.ui-tabs .ui-tabs-panel {
    background-color: white !important;
}
.topRightContainer .ui-tabs .ui-tabs-nav {padding:0px!important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor:pointer !important;}


.CDLeftNav li:hover {
    color: white;
    cursor:pointer;
    background-color:#00AEEF;
}

.CDLeftNav li {
    color: #666;
    position:relative;
    list-style-type:none;
    cursor:none;
    
  
}
 ul.CDLeftNav li.selected {
	background-color: #0282b1;
}

.CDLeftNav li.selected .ng-binding {color:#fff;}

.CDLeftNav li.disabled a:visited, .CDLeftNav li.disabled a:link{

    color:#cdcdcd;
}
.MOTDedit{position:absolute; z-index:200; top:5px; left:300px;}

.CDLeftNav li.disabled{
     color:#cdcdcd ;
     cursor:default ;
}
.ToastAlert
{
	background:		url(/images/blk.png);
	border:			2px solid #fff;
	border-radius:	10px;
	color:			#fff;
	display:		none;
	font-size:		14px;
	position:		fixed;
	right:			10px;
	text-align:		center;
	top:			50px;
	z-index:		1001;

	-webkit-box-shadow:	0px 2px 2px 0px rgba(102,102,102,0.74);
	-moz-box-shadow:	0px 2px 2px 0px rgba(102,102,102,0.74);
	box-shadow:			0px 2px 2px 0px rgba(102,102,102,0.74);
}
.ToastAlert .ToastAlertX
{
	padding-bottom:	5px;
	padding-right:	5px;
	padding-top:	5px;
}
.ToastAlert .ToastAlertX img
{
	cursor:			pointer;
	float:			right;
}
.ToastAlert .ToastAlertText
{
	padding-bottom:	20px;
	padding-left:	20px;
	padding-right:	20px;
}

.CDLeftNav li.disabled a:hover, .CDLeftNav li.disabled:hover {

    background-color:transparent;
     color:#cdcdcd;
     cursor:default;
}

.CDLeftNav li.disabled img{
     opacity:.25;
    z-index:20;
}
.CDLeftNav li.disabled:hover .ng-binding, .CDLeftNav li.disabled .ng-binding:hover {}

li#Protocols .workSpacePopOut {display:none;}


#participantDropDownContainer {
    position: relative;
}

#participantDropdown {
    top: -10px;
    left:-3px;
    width: 271px;
    position: absolute;
    background-color: #333;
    color: #fff;
    max-height: 460px;
    display: none;
    padding:5px;
     -webkit-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    -moz-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
}

.participantDropDownText {
    width: 100%;
    margin-bottom:5px;
}

#participantContainerUl {
    text-align: left;
    height: auto;
    position: relative;
    width: 100%;
    max-height: 400px;
    overflow:auto;
}

    #participantContainerUl ul {
        padding-top: 0px;
        background-color: white;
        display: block;
        overflow: auto;
        margin: 0;
        list-style: none;
		width:100%;
}

  #participantContainerUl ul li   {color:black; padding:4px 2px; text-align:left; height:auto; width:100%; cursor:pointer;}
  #participantContainerUl ul li:nth-child(even) {background-color:whitesmoke;}
    #participantContainerUl ul li:hover {
        color: white;
        background-color: #00aeef;
    }
.workSpacePopOut {
    cursor: pointer;
    position:absolute;
    top:-2px;
    right:4px;
}

#alertDropDownContainer {
	display: none;
    width: 271px;
    position: absolute;
    top:40px;
    left:-30px;
    background-color: #333;
    color: #fff;
    height: 460px;
    padding:5px;
     -webkit-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    -moz-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
}
/*#alertDropDownContainer .ui-widget-content {background-color:#333!important;}
#alertDropDownContainer .ui-tabs-panel {border:2px solid #adadad!important;}*/
#headerTaskTabs ul.ui-tabs-nav li {height:28px;}
#headerTaskTabs .TaskList {background:#fff;}



li.disabled div.workSpacePopOut{cursor:default}

/*Protocols updates    */
             .Links td a:visited,   .Links{color:white !important}

        .initialAssessment{margin:0px 0 10px 15px}
       .displayRadioOptions{width:200px;}
       .displayRadioOptions td{text-align:center;width:30px;padding:6px;margin:0}
       input[name="brushTeeth"]{width:50px}
       
        .blueFontNoPositioning{color:#00aeef;font-size:14px}
        
        .episodeTabs {
            position: absolute;
            right: 100px;
            top:10px
        }

        h3{color:#666666;}

        h3.ColumnsHeader a,  h3.ColumnsHeader a:visited,  h3.ColumnsHeader a:link,  h3.ColumnsHeader a:hover{color:white}
        
.initialAssessment{margin:0px 0 10px 15px}
       .displayRadioOptions{width:200px;margin:0 0 0 -5px}
       .displayRadioOptions td{text-align:center;width:20px;padding:3px;margin:0}
       input[name="brushTeeth"]{width:10px;font-size:11px;padding:0}

       td input[name="brushTeeth"]{width:13px;font-size:11px;padding:0}
       
        .blueFontNoPositioning{color:#00aeef;font-size:14px}
        /*td,li{color:black;font-size:12px}*/
        .episodeTabs {
            position: absolute;
            right: 100px;
            top:10px
        }

.divsActLikeTd{float:left;padding:4px;font-weight:normal}
 
a.active, a.Active,
a.active:visited, a.Active:visited {
    margin: 5px;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    color:#fff;
    background-color: #0182b2;
    text-decoration:none!important;
}
a.active:hover, a.Active:hover {text-decoration:underline!important;}        
   
        .alternateRowColor {
            color: black;
        }

        #DataList1  td > a {
            text-decoration: none;font-size:12px!important;
        }
        /*a:-webkit-any-link{text-decoration:none;font-size:12px;}*/
      

        h3::after {}
        .red {color:#ef282d!important}
        .answerField {padding:3px 13px 3px 13px;}
        .numberCircle {border-radius:50%;}
        .Bar {display:inline-block; text-align:center; padding-top:7px; font-size:16px; border-right:1px solid #cdcdcd; background:#0cb97e; color:#fff;}
        .PartialBar {
            display: inline-block;
            text-align: center;
            padding-top: 7px;
            font-size: 16px;
            border-right: 1px solid #cdcdcd;
            background: #d68624; /* Old browsers */
            background: -moz-linear-gradient(left,  #d68624 0%, #ee9828 51%, #4c4c4c 53%, #4c4c4c 53%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d68624), color-stop(51%,#d68624), color-stop(53%,#4c4c4c), color-stop(53%,#4c4c4c)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left,  #d68624 0%,#d68624 51%,#4c4c4c 53%,#4c4c4c 53%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left,  #d68624 0%,#d68624 51%,#4c4c4c 53%,#4c4c4c 53%); /* Opera 11.10+ */
            background: -ms-linear-gradient(left,  #d68624 0%,#d68624 51%,#4c4c4c 53%,#4c4c4c 53%); /* IE10+ */
            background: linear-gradient(to right,  #d68624 0%,#d68624 51%,#4c4c4c 53%,#4c4c4c 53%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d68624', endColorstr='#4c4c4c',GradientType=1 ); /* IE6-9 */
            height: 30px;
            color: #fff;
        }
        .EmptyBar {display:inline-block; text-align:center; padding-top:7px; font-size:16px; border-right:1px solid #cdcdcd; background:none; color:#fff; height:30px;}
        .showOnly{width:75px;}
        
        /*.ui-widget{height:40px !important}*/
        .ui-corner-all{}

     .graysubFooter{background-color:#eaeaea; border-top:5px solid #cdcdcd; padding:15px 10px}

 .ui-widget-content{}
 .displayInlineBlock{display:inline-block}
 .labResultsInfo{height:90px;width:190px;margin:0 0 0 10px; }
 .ui-jqchart canvas {cursor:pointer! important}

 div.disabled div canvas{cursor:default !important}
  table.episodeDetailsTable tbody tr td select[disabled="disabled"]{background-color:#e4e5e4}

  @media (min-width:300px) and (max-width:600px) {

      
      /*.ProtocolContainer{display:normal !important;float:left;margin:0;padding:0;width:250px}
      .GuidelineContainer{clear:both;display:normal !important;margin:0;padding:0;width:250px;float:left;clear:both;position:relative;bottom:0}*/
      /*td, li{font-size:11px}*/
      .CountBox{width:100%}
  }

 









@media (max-width:600px) {

    .displayTable {
        height: 200px;
        display: inline-block;
        width: 200px;
    }


    @media (max-width:1100px) {

        #tabs-1, #tabs-2, #tabs-3 {
            overflow-y: auto;
            overflow-x: hidden;
        }

            #tabs-1 p, #tabs-2 p, #tabs-3 p {
            }

        .dashboard {
            background-image: url("images/dashboard_color.png");
            background-repeat: no-repeat;
            background-position: center;
            height: 30px;
            width: 100%;
            position: relative;
        }
    }





    .displayTableRow, .displayTableCell {
        padding: 0;
        margin: 0;
        max-height: 150px;
        max-width: 150px;
    }
}

.close {
    float: right;
}



#personInfo {
    border-radius:170px;
    -ms-border-radius: 170px;
    -moz-border-radius: 170px;
    -webkit-border-radius:170px;
    background: #eaeaea;
    height: 350px;
    width: 350px;
    box-shadow: 2px 2px 3px -2px rgba(136,136,136,1);
    -webkit-box-shadow: 2px 2px 3px -2px rgba(136,136,136,1);
    -moz-box-shadow: 2px 2px 3px -2px rgba(136,136,136,1);
    border: 1px solid #cdcdcd;
    position: relative;
    margin: 25px 0 0 15px;
    z-index:5;
    transform: scale(1, 1);

    /* 2 */
}

canvas {
    font-size: 12px;
}

.firstCircles{position:relative;float:left;margin:0 0 0 -120px}
.floatLeftSecondCircles{float:right;margin:0 0 0 130px}


#protocolsDueInProgress {
      position: relative;
    margin: 20px 0 0 90px;
     border-radius: 60px;
    -ms-border-radius: 60px;
    -moz-border-radius:60px;
    -webkit-border-radius:60px;
    background: #0182b2;
    width: 120px;
    height: 120px;
   
}

    #protocolsDueInProgress:hover, #episodes:hover, #costSaving:hover, #messages:hover, #managedFamily:hover, #Canvas9:hover {
        cursor: pointer;
    }

#careCoordinated:hover {
    cursor: pointer;
}

#tasksDueToday:hover {
    cursor: pointer;
}

#newAlerts:hover {
    cursor: pointer;
}

.CDLeftNav {
    text-decoration: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: inset -1px 0px 5px 0px #333;
    -moz-box-shadow: inset -1px 0px 5px 0px #333;
    box-shadow: inset -1px 0px 5px 0px #333;
    height: 100%;
}

ul.CDLeftNav li div {
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    -webkit-font-smoothing: subpixel-antialiased;
    letter-spacing: .5px;
}

    ul.CDLeftNav li div:first-child {
        padding: 5px 0 0 0;
    }

.CDLeftNav {
    position: relative;
    z-index: 4;
    background: #eae8e8;
}

#careCoordinated {
  position: relative;
    margin: 10px 0 0 120px;
  border-radius: 60px;
    -ms-border-radius: 60px;
    -moz-border-radius:60px;
    -webkit-border-radius:60px;
    background: #4C9758;
   width: 120px;
    height: 120px;
   
}

#newAlerts {
    position: relative;
    margin: 20px 0 0 70px;
    border-radius: 60px;
    -ms-border-radius: 60px;
    -moz-border-radius:60px;
    -webkit-border-radius:60px;
    background: #015D7F;
    width: 120px;
    height: 120px;
   
}

#tasksDueToday {
    position: relative;
    margin: -10px 0 0 -10px;
     border-radius: 60px;
    -ms-border-radius: 60px;
    -moz-border-radius:60px;
    -webkit-border-radius:60px;
    background: #1c892e;
    width: 120px;
    height: 120px;
    
}


.secondCircle {
    text-align: center;
    padding: 14% 0 0 0;
}

.secondCircleBottom {
    text-align: center;
    padding: 0% 0 0 0;
    
}

.fourthCircle {
    text-align: center;
    padding: 18% 0 0 0;
}

.fourthCircleBottom {
    text-align: center;
   
}

.protocolsDue {
    text-align: center;
    padding: 20% 0 0 0;
   
}

.protocolsDueText {
    text-align: center;
    padding: 0% 10px ;
   
}

/*.container {
    width: 100%;
    margin: 70px 0 0 0px;
    height: 500px;
}*/

.container2 {
   display:table; width:100%; margin-top:10px;
}

.Canvas6, .Canvas7, .Canvas8, .Canvas9, .Canvas10, .newEpisodes {
    padding: 15% 0 0 0;
    text-align: center;
    cursor:pointer;
}

.costSavingsText {
    font-size: 30px;
    font-weight: lighter;
    margin: 15px 0px 0px;
    letter-spacing: -2px;
}

.Canvas6Text, .Canvas7Text, .Canvas8Text, .Canvas9Text, .newEpisodesText {
    text-align: center;

}

.Canvas5 {
    padding: 15% 0 0 0;
    text-align: center;
}

.Canvas5Text {
    text-align: center;
}

#episodes {
    position: relative;
    margin: 20px 0 0 -160px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #3A9BBF;
    width: 100px;
    height: 100px;
    text-align: center;
}


#costSaving {
    position: relative;
    margin: 10px 0 0 -110px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #12571D;
    width: 100px;
    height: 100px;
}



#messages {
    position: relative;
    margin: 35px 0 0 -125px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #11ac9c;
    width: 100px;
    height: 100px;
}



#managedFamily {
    position: relative;
    margin: 25px 0 0 -160px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #064056;
    width: 100px;
    height: 100px;
}


#upcomingTasks {
    position: relative;
    margin: -30px 0 0 -255px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #01BAFE;
    width: 100px;
    height: 100px;
}


.OutcomesProgress {
    background: #004861;
    border-radius: 5px;
    width: 230px;
    height: 130px;
    margin: 5px 0 10px -100px;
    padding: 5px 10px;
    cursor:pointer !important;
}


.PDPerformance {
   background: #1c8a2e;
    border-radius: 5px;
    width: 230px;
    height: 130px;
    margin: 5px 0 10px -100px;
    padding: 5px 10px;
  cursor:pointer !important;
}

.Performance{position:absolute !important;top:0;left:0}


.PerformanceGreen {
    background: #1c8a2e;
    border-radius: 5px;
    width: 210px;
    height: 100px;
    margin: 0px 0 0 0;
    padding: 5px;
    text-align: left;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    color: white;
    font-weight: 300;
    position:relative !important;
    cursor:pointer;
}


.outcomesBlue {
    background: #004861;
    border-radius: 5px;
    width: 210px;
    height: 100px;
    /*margin: 5px 5px 0 5px;*/
    padding: 5px;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    color: white;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    text-align: left;
    font-weight: 300;
    position:relative !important;
}

.outcomes{

    position:absolute !important;
    top:0;
    left:0;
    z-index:12;
}

.engagementGrey {
    background: #a1a1a1;
    border-radius: 5px;
    width: 210px;
    height: 100px;
    margin: 5px 0 0 0;
    padding: 5px;
    text-align: center;
    color: white;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    text-align: left;
    font-weight: 300;
    position:relative !important;
    z-index:12;
}


.engagementRateContainer{

    position:absolute !important;
    top:0;
    left:0;
}




#labResults {
    background: #0182B2;
    border-radius: 5px;
    width: 230px;
    height: 130px;
    margin: 5px 0 10px -100px;
    padding: 5px 10px;
    position:relative;
}


#deviceInformation {
    background: #4C9758;
    border-radius: 5px;
    width: 230px;
    height: 130px;
    margin: 5px 0 0 -100px;
    padding: 5px 10px;
}

.whitespace-no-wrap {
}

.top4Container {
    width: 650px;
    display:table-cell;
    padding-left:5px;
}

/* Alerts and Task List Component Design */
.topRightContainer {
    padding:0px 5px 0px 10px;
    width:100%;
    display:table-cell;
    vertical-align:top;
}
#tabs-1, #tabs-2, #tabs-3 {
    height: 445px;
    border: 2px solid #adadad;
}
.TasksandAlerts{}
.TasksandAlerts a, .TasksandAlerts a:visited {color:#00f!important;}
.TaskViewToggle {
    background: #333; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#525151');
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#525151));
	background: -moz-linear-gradient(top,  #333,  #525151); 
    background: -ms-linear-gradient(top,  #333,  #525151); 
    color:white;
    min-height:27px;
}
.TaskViewToggle span {
    display:inline-block;   
    cursor:pointer;
    padding:5px;
    position:relative;
    font-size:10px;
}

.TaskViewToggle span.taskBtn:hover, .TaskViewToggle span.active {background-color:#0282b3;}
.MMStaffList {position:absolute; right:0px; border:2px solid #fff;
-webkit-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    -moz-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
     background: #333; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#525151');
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#525151));
	background: -moz-linear-gradient(top,  #333,  #525151); 
    background: -ms-linear-gradient(top,  #333,  #525151); 
    color:white;
    padding:8px;
}
.TaskSubHeader {
    font-size: 12px;
    font-weight: lighter;
    background: #eaeaea;
    padding: 2px;
    vertical-align:middle;
}
.TaskSubHeader a {color:#1cc2ff!important;}


.TaskCount {
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    vertical-align:middle;
    padding:2px 3px 1px 3px;
    font-size: 12px;
    font-style:normal;
    color: white;
    border-radius: 10px;
    border: 2px solid white;
    background: #0182b2;
    display:inline-block;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    -moz-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
}
.DetailCount {
    text-align: center;
    vertical-align:middle;
    padding:2px 4px;
    font-size: 12px;
    color: white;
    border-radius: 5px;
    border: 2px solid white;
    background: #0182b2;
    display:inline-block;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    -moz-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
}
.HourlyTable {}
.HourlyTable tr td {border-top:1px solid #999; }
.HourlyTable tr td.bottom30 {border-top:1px dashed #999;}
.HourlyTable tr td.time {vertical-align:top; white-space:nowrap; border-right:1px solid #cdcdcd; color:#fff; background-color:#00aeef; border-top:1px solid #cdcdcd; width:50px;}
.HourlyTable tr td ul {-webkit-padding-start:0px; padding-left:10px; margin:0px; min-height:7px; list-style-type: none;}
.HourlyTable tr td ul li {-webkit-padding-start:0px; padding:2px; margin:0px;}

.pastDue {background-color:red;}
.TaskInfo, .AlertInfo {
  
    -webkit-padding-start:0px;
    padding-left:0px;
}

.TaskList {height:250px; overflow-x:auto; width:100%;}

@-moz-document url-prefix() {
    .TaskList { height: 243px; top:60px; left:261px; }
}

.TaskList table tr td a:visited {color:blue!important;}
.AlertsWrapper{height: 440px; overflow-x:auto; width:100%;}

    .TaskInfo li, .AlertInfo tr td {
        padding: 4px;
        border-bottom: 1px solid #cdcdcd;
        list-style-type: none;
        /*cursor:pointer;*/
    }
    .TaskInfo li:nth-child(even) {background:whitesmoke;}
    .AlertContainer td {text-align: left;}
    .alertIconsContainer {text-align:right!important; white-space:nowrap; position:relative;}
    .alertIconsContainer img {z-index:-1;}
    .AlertInfo tr td a {display:inline!important;}

.AlertPopupMenu
{
    position: absolute;
    background: #333;
    padding: 5px;
    z-index: 1000;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    -moz-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    display:none;
}
.AlertPopupMenu ul{background:#fff; list-style-type:none; -webkit-padding-start:0px; margin:0px;}
.AlertPopupMenu ul li{text-align:left; padding:4px 8px; white-space:nowrap;}
.AlertPopupMenu ul li:last-child{border-bottom:0px!important;}
.SatisfyMenu ul li.hover:hover{color:#fff; background-color:#00aeef;cursor:pointer;}

#alertDropDownContainer .ui-tabs-panel {height:460px;}
#alertDropDownContainer .AlertsWrapper {height: 455px;}
.alertsTabPopout {
    position: absolute;
    top: 0px;
    right: 3px;
}

.SubHeaderItem {
    font-style: italic;
    font-size: 14px;
    background: #eaeaea;
    border-bottom: 1px solid #cdcdcd;
    padding: 3px;
    max-height:43px;
    overflow:hidden;
    text-overflow: ellipsis;
}
.alertHeader {
    padding: 5px 10px;
    background-color: #00AEEF;
    font-size: 16px;
    font-weight: lighter;
    color: #fff;
    text-align: left;
}
.rotator {
    margin: -00px 0 0 0;
    width: 100%;
    position: relative;
}



.myCanvasText, .Canvas2Text, .Canvas3Text, .Canvas4Text, .Canvas5Text {
    display: none;
}

.displayTable {
    float: left;
}

.displayNone {
    display: none !important;
}

.displayTableCell {
    width: 200px;
    background: #eae8e8;
}

.centerMe {
   width:265px;
   
}

body, html {
    padding: 0;
    margin: 0;
}

.blueHeader {
    width: 100%;
    height: 45px;
    background: #00aeef;
    padding: 0;
    position: fixed;
    top:0px;
    z-index: 20;
     -webkit-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    -moz-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
}


.leftNav {
    background: #eae8e8;
    width: 90px;
    z-index: 7;
    height: 100%;
    position: fixed;
    top:45px;
}



.formatDescription {
    font-family: Verdana, Tahoma, Arial;
    position: absolute;
    padding: 5px 10px 5px 10px;
    background-color: white;
    height: 220px;
    width: 200px;
    margin: 0 0 0 120px;
    z-index: 1;
    display: none;
}


#mainContent {
    padding: 40px 0 0 90px;
    width:100%;
    background-color:#fff;
   
}
.ispopout #mainContent {
    padding: 0px 0 0 0px!important;
    width:100%;
    background-color:#fff;
   
}
.ispopout .testParticipant {top:0px;}
.participantInfo {max-width:1600px; padding-right: 5px;}

.blueText {
    color: #00aeef;
    font-weight: bold;
    margin: 0px 0 0 0;
}

.floatLeft {
    float: left;
    height: 400px;
    width: 250px;
    margin: 0 0 0 0px;
}

.noBorder {
    border: none !important;
}

h3 {
    margin: 10px 0 0 0;
}

.toggleInfo:hover {
    cursor: pointer;
}


.upAndCenter {
    
    margin: 1% 0 0 37%;
    position: absolute;
    overflow: hidden;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    cursor:pointer;
}

.formatPersonText {
    margin-top:95px;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    
}

.chartsRightCorner {
    position: relative;
    top: 0;
    left: 90px;
    float: left;
}

    .chartsRightCorner .OutcomesProgress {}

.floatLeftSecondCircles {
    float: left;
    width: 5px;
    position: relative;
    padding: 0;
   
}

.whiteFont {
    color: white;
    font-family: Arial;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 3px 0 0 0;
}

.blueFont {
    font-family: Arial;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 3px 0 0 0;
}

    .blueFont:hover {
        font-family: Arial;
        text-align: center;
        position: absolute;
        width: 100%;
        bottom: 0;
        padding: 3px 0 0 0;
    }


.select {
    background: #00aeef;
}


.floatLeft img {
    margin: 0;
    /*position: absolute; /* 2 */
    /*top: 50%; /* 3 */*/
    /*transform: translate(0, -50%);*/*/
}

.largerCircle {
    color: white;
    font-family: Arial;
    position: relative;
    font-weight: 200;
    font-size: 12px;
}

.firstLargeCircle { /*padding: 50px 0 0 15px ;*/
    text-align: center;
    padding: 18% 0 0 0;
}

.smallerCircle {
    color: white;
    font-family: Arial;
    position: relative;
    font-weight: 200;
    font-size: 12px;
}

.mediumFont {
    font-size: 40px;
    font-weight: 300;
    color: white;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    text-align: center;
    margin: 15px 0 0 0;
}

.largerFont {
    font-size: 40px;
    font-weight: 500;
}

.smallerFont {
    font-size: 12px;
    color: white;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.elevenPixels {
    font-size: 12px;
    color: white;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    text-align: center;
}

.Canvas5Text {
    text-align: center;
}

.leftBottomList {
    list-style-type: none;
    position: relative;
    margin-left: 0;
    padding: 0;
    margin: 0;
    
}

    .leftBottomList div {
        display: inline-block;
        height: 130px;
        position: relative;
        padding: 5px;
        margin:5px 0px;
        vertical-align:top;
    }
    .leftBottomList .PerformanceGreen {margin-right:10px;}
    .leftBottomList .engagementGrey {margin-left:10px;}
    .leftBottomList div canvas {z-index:99;}
   .leftBottomList .ui-jqchart-tooltip {z-index:1000; height:auto;}
   .leftBottomList .ui-jqchart-tooltip h3 {margin: 3px 3px 10px 3px;}

   .leftBottomList div.ui-jqchart canvas{
       position:absolute!important;
       /*left:-20px !important*/
       
   }
.sp-buttons {position:absolute!important; right:10px!important; bottom:0px!important;   text-align: right!important;}

@media (max-width:1100px) {



    ul.CDLeftNav li, ul.CDLeftNav li:hover {
        background-repeat: no-repeat;
        background-position: center top;
        /*height: 42px;*/
    }


    .blueFont {
        height: 15px;
        position: absolute;
        margin: 30px 0 -10px 0;
        padding: 0;
    }
}

/*Begin Top Nav Elements*/

.topContainer {text-align: right;}
.blueHeader ul {-webkit-padding-start: 0px; margin-left:0px;}
.displayInline {
        margin: 0px;
        -webkit-padding-start: 0px;
}
.displayInline li {
    display: inline-block;
    text-decoration: none;
    height:45px;
    padding: 10px 4px;
    vertical-align:middle;
}

.displayInline li ul {margin:0px; -webkit-padding-start: 0px;}
.displayInline li ul li {display:inline-block;}

.searchButton {
    background:#fff;
    background-image: url("/MedicalManagement/ClinicianDesktop/images/magnifyingGlass.png");
    background-repeat: no-repeat;
    background-position:center;
    width: 22px;
    height: 22px;
    border: none !important;
    border-radius:50%;
    margin:7px;
}

.searchByName {
    width: 200px;

}

.advanced {    
    text-align:center;
    position:relative;
}
.advanced a {
    color: white!important;
    font-size: 10px;
}
.advancedSearch, .advancedSearchPopout{display:inline-block}
.advancedSearch{margin-right:3px; margin-top:2px;}
.advancedSearchPopout{position:absolute; top:1px; right:2px}
.timer {
    color: white;
    padding-top:18px;
    background: #0182b2;
    font-size:16px;
}
.timer span {display:inline-block; margin-top:5px; padding:0px 2px;}
.iconContainer, .displayInline li.iconContainer {padding:0px;}
.topIcons {
    background: #333333;
    height: 45px;
    padding: 0px;

}
.topIcons ul {
    -webkit-padding-start: 0px;
    margin-left:0px;
    padding-left:0px;
}
.topIcons ul li {height: 45px; display:inline-block; position:relative;}
.topIcons ul li .clickObj, .topIcons ul li a {height: 45px; display:block; cursor: pointer;}
.topIcons ul li:hover {background:#666;}
.topIcons #alertDropDownContainer ul li a {height: 28px;}
.topIcons #alertDropDownContainer .ui-tabs-active:hover {background-color:#adadad!important;}
.topIcons ul li img {margin-top:4px;}
.messageCount {
    position:absolute;
    bottom:3px;
    right:0px;
    width: 16px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    font-size: 10px;
    font-style: normal;
    color: white;
    border-radius: 50%;
    border: 1px solid white;
    background-color: red;
    display: inline-block;   
}
.DiscussionsHomeView {margin-top:10px;}
.DiscussionsHomeView .workSpacePopOut {top:0px;}
#ebms .bodytable tr th {text-align:left!important;}
.quickSearchResults {
    position: absolute;
    top: 45px;
    width: 480px;
    box-shadow: 2px 2px 2px #888;
    background:#fff;
    border:1px solid #0182b2;
}
.QuickSearchScroller {
    min-height:110px;
    max-height: 371px;
    overflow-y: auto;
}
.quickSearchTable tr td {text-align:left; white-space:nowrap; padding:3px;}
.quickSearchTable tr:nth-child(even) td {background:whitesmoke;}
.quickSearchTable tr th {text-align:left; border-bottom:1px solid #0182b2; border-top:1px solid #0182b2; padding:5px;}
.QuickResultContainer {cursor:pointer;}
.QuickResultContainer h3 {padding:0px 5px; margin-top:35%;}
.QuickResultContainer:hover .quickSearchTable tr td, .QuickResultContainer:hover .quickSearchTable tr th {background-color:#d1e4eb;}
.QuickSearchFooter {
    padding: 2px;
    margin-left: 0px;
    border-top: 1px solid #666;
    background-color: #eaeaea;
    position: relative;
    bottom: 0px;
    width:100%;
    text-align: center;
}

/*End Top Nav Elements*/

/* Participant Dashboard */
   .DoNotContact {
        color: #ef282d;
    }

    .demoinfoOverride {
    color: #ef282d;
    }

    #divDashBoardType a {
        margin:5px;
        border-radius: 5px;
        padding: 5px;
        display:inline-block;
    }

    #divDashBoardType .Selected {
        background-color: #0182b2;
    }

        #divDashBoardType .Selected span {
            color: white;
        }
     .hiddenLab{
        display:none;
    }
    .LabGraph{
        width:195px;
        height:75px;
    }
    .hideThings{
        display:none;
    }

    .dataClickNext, .dataClickPrevious{
        font-size:30px;
        z-index: 1000;
     }
    .MMotsGraph{
        /*margin-left: 50px;*/
    }
    .labHeader{
        font-size:12px;
        color:white;
    }
    .dataClickNext{float:right;position:absolute;top:35%;right:2px}

     .dataClickPrevious{float:left;position:absolute;top:35%;left:2px}
     .noLabData{
         font-weight:bold;
         font-size:20px;
     }
     .circles .disabled {
         background-image:url('/images/White_bg.png');
         background-repeat:repeat;
         color:#999;
         position:relative;
      height:100%;
      width:100%;
         border-radius:50%;
         z-index:1;
         cursor:default;
         
       
     }

     .firstCircles .disabled, .firstLargeCircle .disabled{
         background-image:url('/images/White_bg.png');
         background-repeat:repeat;
         color:#999;
         position:relative;
    
         border-radius:5px;
         z-index:1;
         cursor:default;
         /*transform:scale(1.2);*/
     
     }

     .topCirclesInLine .disabled {
         background-image:url('/images/White_bg.png');
         background-repeat:repeat;
         color:#999;
         border-radius:50%;
         z-index:1;
         cursor:default;
     }
     .disabled div {color:#999;}
     .chartsRightCorner .disabled div {color:#fff;}
   
    
    
   .chartsRightCorner div.ui-jqchart canvas{left:0 !important}
   .formatPersonText div {padding-top:2px;}
   .hoverUpload {
       background-image:url('/images/blk.png');
       background-repeat:repeat;
       font-size:14px;
       color:white;
       position:absolute; 
       top:25px;
       width:90px;
       text-align:center;
       padding:5px 0px;
       display:none;
   }
   .upAndCenter:hover .hoverUpload {display:block;}

       #OutcomesProgress.disabled, .OutcomesProgress.disabled {
        background-image: url(/MedicalManagement/ClinicianDesktop/images/disabled_outcomes.png);
        background-position:center;
        background-repeat: no-repeat;
        
    }

    #Performance.disabled, .PDPerformance.disabled {
        background-image: url(/MedicalManagement/ClinicianDesktop/images/disabled_performance.png);
        background-position:center;
        background-repeat: no-repeat;
    }

    #labResults.disabled {
        background-image: url(/MedicalManagement/ClinicianDesktop/images/disabled_labs.png);
        background-position: -1px -1px;
        background-repeat: no-repeat;
    }

    #deviceInformation.disabled {
        background-image: url(/MedicalManagement/ClinicianDesktop/images/disabled_device.png);
        background-position:center;
        background-repeat: no-repeat;
    }
    #engagementRate.disabled {
         background-image: url(/MedicalManagement/ClinicianDesktop/images/disabled_engagement.png);
        background-position:center;
        background-repeat: repeat;
    }
        #labResults.LabInRange {
        background-image: url(/MedicalManagement/ClinicianDesktop/images/in_range_labs.png);
        background-position: -2px -1px;
        background-repeat: no-repeat;
    }
    
   
   /* End Participant Dashboard */
   .CirclesDisabled {
			  pointer-events: none;
			   opacity: 0.4;
		}

		.calendarHeight {
			height: 407px;
		}

		.snoozeAlert,
		.dismissAlert,
		.showAlertInfo {
			cursor: pointer;
		}

		.outcomesBlue.disabled {
			background-image: url(/MedicalManagement/ClinicianDesktop/images/disabled_outcomes.png);
			background-position: center;
			background-repeat: no-repeat;
		}

		.PerformanceGreen.disabled {
			background-image: url(/MedicalManagement/ClinicianDesktop/images/disabled_performance.png);
			background-repeat: no-repeat;
			background-position: center;
		}

		.engagementGrey.disabled {
			background-image: url(/MedicalManagement/ClinicianDesktop/images/disabled_engagement.png);
			background-position: center;
			background-repeat: repeat;
		}

.rightBoxHeader {
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    color: white;
    font-size: 16px;
    font-weight: 300;
}


.topCirclesInLine {
    list-style-type: none;
    margin: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding:0;
}

    .topCirclesInLine li {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 135px;
    }

.topCirclesInLine li div a:hover {color:#fff!important; text-decoration:none;}

.rightBoxText {
    color: white;
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 11px;
}


.carePlans {
    background: #004861;
    border-radius: 50%;
    width: 125px;
    height: 125px;
    padding: 5px 10px;
    display: inline-block;
    position: absolute;
    margin: 0px 0 0 520px;
    cursor:pointer; 
}
.newEpisodes {
    background: #1cc2ff;
    border-radius: 50%;
    width: 125px;
    height: 125px;
    padding: 5px 10px;
    display: inline-block;
    position: absolute;
    cursor:pointer; 
}




.hospitalizations {
    background: #aa1415;
    border-radius: 50%;
     width: 125px;
    height: 125px;
    display: inline-block;
    padding: 5px 10px;
    position: absolute;
    margin: 0px 0 0 170px;
    text-align: center;
    cursor:pointer;
}

.labsOutOfRange {
    background: #ee9827;
    border-radius: 50%;
     width: 125px;
    height: 125px;
    display: inline-block;
    padding: 5px 10px;
    position: absolute;
    margin: 0px 0 0 350px;
    cursor:pointer;
}

.businessRules {
    background: #004861;
    border-radius: 50%;
    width: 125px;
    height: 125px;
    display: inline-block;
    padding: 5px 10px;
    position: absolute;
    margin: 0px 0 0 520px;
    cursor:pointer;
}


.caseLoadManagement {
    background: #0282b3;
    -msie-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    margin: 5px;
    color: white;
    min-height:160px;
}

.ui-tabs {
    padding: 0 !important;
    background: none;
    border-top: none;
}

.ui-tabs-panel {
    padding: 0 !important;
}

.ui-tabs-nav {
    padding: 0;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

.caseLoadManagement h5 {
    padding: 5px 0 0 5px;
}

#headerTaskTabs .ui-widget-content, .topRightContainer .ui-widget-content {
    border: none;
}
.ui-datepicker {border:1px solid #cdcdcd;}
/*#tabs-1, #tabs-2, #tabs-3 {
    height: 400px;
    width: 220px;
    border: 2px solid #adadad;
}*/


    #tabs-1 p, #tabs-2 p, #tabs-3 p {
        padding: 0 10px;
    }

#headerTaskTabs ul li.ui-state-active, #headerTaskTabs ul li.ui-state-active , #headerTaskTabs ul li.ui-widget-content , #headerTaskTabs ul li.ui-widget-header  {
    background-color: #adadad !important;
    background-image: none;
    color: white;
    border: 0 !important;
}

#headerTaskTabs ul li.ui-state-default  {
    background-color: transparent;
    background-image: none;
      color: #0182b2;
    border: 0 !important;
}


#tabs ul li.ui-state-active, #tabs ul li.ui-state-active , #tabs ul li.ui-widget-content , #tabs ul li.ui-widget-header  {
    background-color: #adadad;
    background-image: none;
    color: white;
    border: 0 !important;
}

.ui-tabs-anchor {
    color: white;
    border: 0 !important;
}


#tabs ul li[aria-selected=false] {
    background: none !important;
    border: none !important;
}


#tabs ul li[aria-selected=true] a, #headerTaskTabs ul li[aria-selected=true] a{color:white !important}


#tabs ul li.ui-state-default a, #tabs ul li.ui-state-default a:link, #tabs ul li.ui-state-default a:visited {
    background: none;
    border: none;
    background-image: none;
    color: #0182b2;
    outline: none !important;
}



#headerTaskTabs ul li.ui-state-default a, #headerTaskTabs ul li.ui-state-default a:link, #headerTaskTabs ul li.ui-state-default a:visited {
    background: none;
    border: none;
    background-image: none;
    color: #0182b2;
    outline: none !important;
}


.alertTopic {
    background-color: #aa1415;
    color: white;
    padding: 10px;
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
}

/*.ui-widget {
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
}*/

a, a:visited, a:hover, a:link, a:active, a:focus {
    outline: none !important;
}

li, [role=tab] {
    outline: none !important;
}

.bigBlueFont {
    color: #42bbee;
    font-size: 1.0em;
}

.moveItUp {
    margin: -10px 0 10px 0;
}

h4.alertTopic:first-child {
    position: relative;
    margin-top: 0;
}

.ui-widget-header {
    border: 0;
}

/*.fixHeight {
    height: 53px;
    width: 110px;
}*/

.topPadding {
    padding: 20px 0 0 0;
}

.episodeDropDown {
    display: none;
    margin: 0px 0px 0px -25px;
    z-index: 26;
    background-color: white;
  
}




h3.whiteHeader
{
	background-color:		#00AEEF;
	color:					#fff;
	font-size:				16px;
	font-weight:			lighter;
	padding:				5px 15px;
	text-align:				left;
}


.autoWidth{width:auto;}




@media (min-width:1500px) {
    .ui-tabs {
        
    }

    #tabs-1, #tabs-2, #tabs-3 {
       
    }
}


@media (max-width:600px) {
    .ui-tabs {
      
    }

    #tabs-1, #tabs-2, #tabs-3 {
       
    }
}


@media (max-width:600px) and (max-width:600px) {
    

    .topRightContainer {
        max-width: 600px;
        margin: 600px 0 0 0;
    }

    ul.CDLeftNav li, ul.CDLeftNav li:hover {
        height: 18px;
        padding: 0px;
        width: 60px;
        background-image: none;
        display: inline-block;
    }

        ul.CDLeftNav li:hover {
            color: #0182b2;
            background: transparent;
        }

    .leftNav {
        width: 60px;
    }

    .participantInfo {
        padding: 0 0 0 50px;
    }

    .timer {
        height: 13px;
        margin: -15px 0 0 -75px;
        width: 68px;
        font-size: 10px;
    }

    .topContainer {
        width: 340px;
    }

    .search {
        width: 125px;
        margin: 0;
    }

        .search input {
            width: 140px;
            height: 15px;
        }

    .blueHeader {
        min-width: 340px;
        max-width: 600px;
    }

    .displayInline ul {
        margin: 0;
        padding: 0;
        display: normal;
    }

    div.timer .displayInline ul li:first-child {
        width: 20px;
        margin: 0 0 0 0px;
        padding: 0;
    }

    div.timer .displayInline ul li:nth-child(2) {
        width: 30px;
        margin: 0 -20px 0 15px;
        padding: 0 2px 0 0;
        padding: 0;
    }

    div.timer ul li > img {
        width: 20%;
        height: 20%;
    }


    input {
        font-size: 11px;
        margin: 5px 0 0 0;
    }

    .costSavings, .labResults, .treatment, .costSavings:hover, .labResults:hover, .treatment:hover {
        height: 30px;
    }

    .fixVertAlign {
        height: 30px;
        margin: 10px 0 0 0;
    }

    .top4Container {
        width: 240px;
    }

    .container2 {
        width: 200px;
    }

    .topCirclesInLine {
        width: 240px;
        display: normal !important;
    }

    .newEpisodes {
        border-radius: 0;
        height: 15px;
        width: 225px;
        margin: 0px 0 0 0;
        position: absolute;
    }



    .hospitalizations {
        border-radius: 0;
        height: 15px;
        width: 225px;
        margin: 30px 0 0 -5px;
        position: absolute;
        cursor:pointer;
    }

    .labsOutOfRange {
        border-radius: 0;
        margin: 60px 0 0 -8px;
        height: 15px;
        width: 225px;
        position: absolute;
    }

    .businessRules {
        border-radius: 0;
        margin: 90px 0 0 -13px;
        height: 15px;
        width: 225px;
        position: absolute;
    }

    #example4 {
        display: none;
    }

    div.caseLoadManagement img {
        width: 200px;
    }

    .topCirclesInLine li {
        display: normal !important;
    }

    .mediumFont {
        font-size: 11px;
        font-weight: bold;
        margin: 5px 0 0 0;
        text-align: left;
    }


    .elevenPixels {
        font-size: 11px;
        text-align: left;
        margin: -12px 0 0 30px;
    }

    .PerformanceGreen {
        width: 235px;
        margin: 0 0 15px 0;
    }

    .outcomesBlue {
        width: 235px;
        margin: 15px 0 0 0;
    }

    .leftBottomList {
        height: 700px;
    }

    .engagementGrey {
        width: 235px;
        margin: 20px 0 0 0;
    }

    .caseLoadManagement {
        width: 240px;
        margin: 440px 0 0 15px;
        position: relative;
        z-index:6;
    }
    /*.costSavings:hover, .labResults:hover, .treatment:hover{background-color:transparent}*/
}

.serviceStart, .serviceEnd {
    width: 80px;
}
 #formatSearchButton{display:block;position:absolute;top:4px;right:5px;}

  .topIcons{min-width:270px}
  .topIcons ul {float:left;}
 .topIcons ul li{}
 #formatSearch{width:245px;position:relative}
@media (max-width:600px) {
.AlertsWrapper{width:100%;display:block}
#alertDropDownContainer{width:100%; min-width:270px;max-width:570px}
#headerTaskTabs{width:100% !important;display:table}
    #headertaskTabs-1,   #headertaskTabs-2{width:100px;}

    .displayTable {
        height: 200px;
        display: inline-block;
        width: 150px;
    }

    /*select {
        width: 150px;font-size:12px
    }*/
}






@media (min-width:1200px) {
    
}

.positionSelect select {
    width: 280px;
}

.close {
    float: right;
}



.alternateRowColor tr:nth-child(odd) td{ background: #eaeaea;}


.whiteHeader {
    width: 100%;
    color: #00aeef;
    background: #ffffff;
    padding: 10px 10px 7px 35px;
    margin: 0px 0px 5px 0px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    -moz-box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    box-shadow: 0px 2px 2px 0px rgba(102,102,102,0.74);
    position:relative;
    overflow:hidden;
}
.testParticipant {position:absolute; left:0px; top:5px; width:30px;}
.toggleInfo {color:#0182b2;font-size:18px}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #0182b2;
}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #0182b2;
}

.floatLeft {
    float: left;
    background: white;
    /*margin: 2px;*/
    height: 400px;
    border-collapse: collapse;
}

    .floatLeft:nth-child(last) {
    }


.DemographicsSubsection {display:inline-block; width:27%; height:280px;}



.select {
    background: #00aeef;
}

.DemoSubSectionHeader {
    border: 1px solid #cdcdcd;
    font-size:16px;
    font-weight:lighter;
    padding:3px;
    margin:0px;
    background:#eaeaea;
    color:#0182b2;
}
.DemoSubSectionHeader input {padding:0px!important;}

.largerFont {
    font-size: 40px;
}

.smallerFont {
    font-size: 25px;
}

.altline {
    background: whitesmoke;
    padding: 3px;
}

/*td {
    padding: 5px;
}*/

.floatLeft:last-child {
    width: 390px;
}

.positionSelect {
    width: 55px;
}

.topNavDropDown {
    display: none;
    z-index: 26;
    width: 100% !important;
    font-size: 12px;
}

li.alertTop {
    z-index: 27;
}

.positionTabs {
    position: absolute;
    float: right;
    margin: -35px 0 0 46%;
}

.tabOneHundred {
    width: 100% !important;
    font-size: 12px;
}

.topNavDropDownHeader {
    background-color: #6c6969;
    height: 42px;
}

.highlight {
    background-color: #6c6969;
    height: 45px;
}

.alertTop:hover {
    cursor: pointer;
}

.tabOneHundred ~ p {
    margin-left: 10px;
}

.heightControl {
    height: 600px;
}

#tabs-3 {
}

.ui-tabs-panel {
}


/*input[type=button]{width:auto}*/
@media (min-width:200px) and (max-width:400px) {
    .caseLoadManagement{width:90% !important}
}
      
@media (min-width:200px) and (max-width:600px){
  
    .rotator{display:none;}
    #tabs{display:none}
    .topCirclesInLine{margin-left:10px}
    .participantInfo{padding:0}
    .businessRules{height:20px;padding:0;padding-left:5px}

    .firstCircles, .floatSecondCircles{clear:both}
    .secondCircle div.fixText{margin:-20px 0 0 12px !important;position:absolute;}
    .firstLargeCircle, .secondCircle, .protocolsDue, .fourthCircle,  .smallerCircle, .Canvas9{text-align:left;padding:7px 0 0 3px;width:100%}
    .formatMyCanvas, .protocolsDueText, .smallerCircle, .largerFont, .fixText {margin:0;display:inline-block;padding:3px}

    .Canvas5 .largerFont, .Canvas6 .largerFont, .Canvas7 .largerFont, .Canvas8 .largerFont{margin:4px 0 0 0}

    .secondCircleBottom{margin:-18px 0 0 -115px}
    .fourthCircleBottom{margin:-18px 0 0 30px;position:absolute}
    .fourthCircle .largerFont{margin:5px 0 0 0}
    .Canvas9 .largerFont{margin:5px 0 0 0}
    div.Canvas9 div.fixText{margin:-22px 0 0 15px;position:absolute;display:normal;width:100px}
    .displayTable{height:auto;float:left;clear:both}
    .largerFont{font-size:12px;display:inline-block}
    .fourthCircle{padding:2px}
    .floatLeftSecondCircles{float:none}
    .chartsRightCorner{clear:both !important;position:relative; }
    #newAlerts{border-radius:0;width:100%;height:30px;margin:0}
     #careCoordinated, #protocolsDueInProgress, #tasksDueToday, #episodes, #costSaving, #messages, #managedFamily, #upcomingTasks {border-radius:0;width:100%;height:30px;margin:5px 0 0 0;text-align:left}
    .formatPersonText{font-size:11px;width:100%}
    .displayTable, .displayTableCell{}
    

    #personInfo{border-radius:0;box-shadow:none;border:none;width:200px;margin:20px 5px}
    .ui-tabs-anchor{font-size:12px}
    .topRightContainer .ui-widget{width:220px !important; margin:0 0 0 -10px}
    .heightControl{width:100%}
    .topRightContainer #tabs{width:220px}
    .positionTabs{position:relative}
     .positionSelect{width:60px}
    
     
          .episodeDropDown{margin:10px 0 0 10px !important;width:220px }

          .floatLeft{width:240px !important;height:340px !important;}

          .floatLeft:last-child{width:240px !important;height:400px !important}

          .positionSelect select{width:130px}

    
    .topRightContainer{max-width:600px;margin:600px 0 0 0}

    ul.CDLeftNav li,  ul.CDLeftNav li:hover{height:18px;padding:0px;width:60px;background-image:none;display:inline-block;}
    ul.CDLeftNav li:hover{color:#0182b2;}
    .leftNav{width:60px}
   

    input{font-size:11px;margin:5px 0 0 0}
    .costSavings, .labResults, .treatment, .costSavings:hover, .labResults:hover, .treatment:hover{height:30px}
    .fixVertAlign{height:30px;margin:10px 0 0 0}
    .top4Container{width:240px}
    
    .container2{width:200px}
    .topCirclesInLine{width:240px;display:normal !important}
        .newEpisodes{border-radius:0;height:20px;width:225px;margin:0px 0 0 0;position:absolute;padding:0;margin-left:-5px;padding-left:5px}
    
       #holdSearchStuff{width:255px;position:relative}

         .hospitalizations{border-radius:0;height:20px;width:225px;margin:30px 0 0 -5px;position:absolute;padding:0;padding-left:5px}
    .labsOutOfRange{border-radius:0;margin:60px 0 0 -5px;height:20px;width:225px;position:absolute;}
     .labsOutOfRange .mediumFont {margin-top:5px;}
     
    .businessRules{border-radius:0;margin:90px 0 0 -5px;height:20px;width:225px;position:absolute}
   .topCirclesInLine  .disabled{border-radius:0;height:20px;padding:0;padding-left:5px}

    #example4{display:none}
   
  div.caseLoadManagement img{width:200px}
.topCirclesInLine li{display:normal !important}
.mediumFont{font-size:11px;font-weight:bold;margin:5px 0 0 0;text-align:left}
.elevenPixels{font-size:11px;text-align:left;margin:-12px 0 0 30px}
.PerformanceGreen{width:235px;margin:0 0 15px 0}
.outcomesBlue{width:235px;margin:15px 0 0 0}
.leftBottomList{height:700px;margin-top:-10px;}
.engagementGrey{width:235px; margin:20px 0 0 0}
.caseLoadManagement{width:100%; margin:-270px 0 0 5px;position:relative;padding:0 0 20px 0}

.leftBottomList .engagementGrey{margin-left:0}

.secondCircleBottom{content:"Key Indicators"}
    /*.costSavings:hover, .labResults:hover, .treatment:hover{background-color:transparent}*/

    .searchByName{display:none;}
    li.timer{display:none}
    .topIcons{position:fixed;bottom:0px;right:0px;width:100%;padding:0;}
    /*body{margin-bottom:40px !important}*/
     .topIcons ul{margin-left:0;-webkit-padding-start: 0px;padding-left:0}
     .participantListHolder{width:0}
    .topIcons li{width:14%;float:left;text-align:center}
    .searchButtons{display:none}
    div.logo{margin-top:-40px;position:absolute;margin-left:20%}

    .menu_image{background-image:url('/app_themes/ClientPortalRed/Img/menu.png');background-position:top left;background-repeat:no-repeat;width:30px;height:30px;margin:5px 10px}

    .menu_image:hover{cursor:pointer}
    input.ng-pristine {
        display: none;
    }

    .searchButton{display:none;}
    .advancedSearch{display:none}
    .advancedSearchPopout{display:none}
    #personInfo{position:absolute;left:0;width:100%}
    .chartsRightCorner{left:50px}

    ul.displayInline li div{font-size:13px;}
    .secondCircle div.fixText{margin-left:30px !important}
}

@media (min-width:1000px){

    .fourthCircleBottom{word-wrap:break-word;width:90px;margin: -5px 0 0 15px}
    .Canvas9  div.fixText, .secondCircle div.fixText {width:70px;margin:-5px 0 0 15px}
    .chartsRightCorner{float:left}
  
    .leftNav{display:block}
 

}

@media (min-width:200px) and (max-width:599px) {

    .Canvas6{padding:0;text-align:left}
    .costSavingsText{margin:0;     display: inline-block;padding: 10px 0 5px 5px;font-size:12px}

    .CDLeftNav li.disabled a:hover, .CDLeftNav li.disabled:hover,  .CDLeftNav li a:hover,
    .CDLeftNav li:hover{
        background-color:whitesmoke;
        color:#0282b1;
    }

    .CDLeftNav li.selected .ng-binding:hover{
      
        color:#0282b1 !important;
    }

    .CDLeftNav {height:450px}

    .CDLeftNav li, .CDLeftNav li:hover{z-index:10000}


     .displayInline{height:1px}
   
   #formatSearch, .advanced, .timer, .iconContainer{display:none}

    div.topIcons ul li:nth-child(5),  div.topIcons ul li:nth-child(7){display:none}

    #participantDropdown{
        bottom:0 !important;
        top:45px;
        position:fixed;
        width:100%;
    }

    #alertDropDownContainer{
        position:fixed;
        top:45px;
        left:0;
    }

    ul.CDLeftNav li div {
        font-size: 13px;
    }

    .leftBottomList{z-index:1 !important}
    .floatLeftSecondCircles, .floatLeftSecondCircles:hover {
        margin: 0 0 0 0px;
        float: left;
        clear: both;
       
    }

    .chartsRightCorner {
        float: left;
        clear: both;
        margin: 0 0 0 0px;
        display: inline-block;
        width: 100%;
        position: relative;
        margin: 10px 0 0 0px;
    }

    #OutcomesProgress, #Performance, #labResults, #deviceInformation {
    }

    #personInfo {
        float: left;
        width: 100%;
        padding: 0px;
    }

    .firstCircles {
        margin: 0 0 0 5px;
        float: left;
        clear: both;
    }

    .chartsRightCorner {
        float: left;
        clear: both;
        margin: 0 0 0 0px;
        display: inline-block;
        width: 100%;
        position: relative;
        margin: 20px 0 0 0px;
        width: 40%;
    }

    .floatLeftSecondCircles {
        margin: 0 0 0 0px;
        float: left;
        clear: both;
    }

    .circles .disabled, .disabled {
        border-radius: 0px;
    }

    .firstCircles {
        float: left;
        clear: both;
        left: 0;
    }

    #mainContent {
        padding: 40px 0 0 0px;
    }

    .displayTableCell {
        width: 100%;
        max-width: 100%;
    }

    .upAndCenter {
        position: static;
        margin: 0 auto;
        text-align: center;
    }

    .firstCircles {
        margin: 5px 0 0 5px;
    }

    .chartsRightCorner {
        left: 100px;
    }

    .formatPersonText {
        margin-top: 0;
        text-align: center;
    }

    .secondCircleBottom {
        position: absolute;
        top: 10px;
        left: 20px;
    }

    .centerMe {
        width: 100% !important;
    }

    .firstCircles {
        width: 100%;
    }

    .floatLeftSecondCircles, .displayTable {
        width: 100%;
    }

    .whiteHeader {
        display: none;
    }

    .leftNav {
        width: 100%;
        height: 350px;
        display:none;
        position:absolute;
        
    }


    ul.CDLeftNav li, ul.CDLeftNav li:hover {
        height: 40px;
        display: block;
        width: 100%;
        font-size: 16px;
        padding: 5px 0 0 5px;
        z-index:15000;
        background-color:white;
    }

    
    ul.CDLeftNav li:hover {
      
        background-color:whitesmoke;
    }

        ul.CDLeftNav li div {
            text-align: left;
        }

    ul.CDLeftNav img {
        display: none;
    }

    .CDLeftNav li {
        border-top: 1px solid #cdcdcd;
        border-bottom: 1px solid #cdcdcd;
        background-color: whitesmoke;
        z-index:1001;
    }
   
     #participantDropdown, #alertDropDownContainer{height:300px !important; z-index:-10000 !important}
      .AlertsWrapper, #headerTaskTabs-1, #participantContainerUl{height:260px !important;z-index:-100 !important}


     .participantListHolder{z-index:10000 !important}


    .CDLeftNav{
        z-index:1001;
    }

    .SnoozeMenu, .AlertPopopMenu 
    {
    	white-space: nowrap;
        display: none;
    }

    .blueText img {
        position: static !important;
    }

    ul.CDLeftNav li div {
        margin: 5px auto;
    }

    #mainNav li{z-index:1001}

    .floatLeftSecondCircles{background-color:white;}
    #personInfo{width:95%}
    .firstCircles{width:95%}


    #participantContainerUl ul li{
        padding:14px
    }
}

@media (min-width:600px) and (max-width:800px){

       .circles .disabled, .disabled {
          /* background-image:none;*/
     }
    .firstCircles{margin:0}
    .chartsRightCorner{float:left;clear:both;margin:0 0 0 0px;display:inline-block;position:relative;}
    .floatLeftSecondCircles{margin:0 0 0 0px;float:left;clear:both}
    .displayTableCell{border-radius:0;display:block;}
    .displayTable{width:500px;padding:25px 0 0 0 ;margin:0px 0 -10px 5px;}
    .displayTable:nth-child(even){display:block;min-width:300px;width:95%}
    #newAlerts{display:inline-block}
     #careCoordinated, #protocolsDueInProgress, #tasksDueToday, #episodes, #costSaving, #messages, #managedFamily, #C {display:inline-block;margin:0;padding:0}
     #newAlerts{margin:0 0 0 5px;}
     #OutcomesProgress, #Performance, #labResults, #deviceInformation{width:100%;margin: 10px}

    
    .OutcomesProgress, #Performance{padding-right:0px;}
    .labResultsDeviceInformationContainer{clear:both}
    .OutcomesPerformanceContainer div.OutComesProgress,  .OutcomesPerformanceContainer div.PDPerformance, .labResultsDeviceInformationContainer div#labResults, .labResultsDeviceInformationContainer div#deviceInformation{display:table-cell;}
     .OutcomesPerformanceContainer, .labResultsDeviceInformationContainer{width:490px;display:table;height:130px;}
      .labResultsDeviceInformationContainer div{clear:both}
      .OutcomesProgress{margin:0;height:150px}
      #labResults{padding-right:6px}
      #mainContent{width:95%}
      .chartsRightCorner{margin-left:-70px}
      #OutcomesProgress, #Performance, #labResults, #deviceInformation{width:230px}
     .OutcomesProgress{height:163px;width:240px}
}

@media (max-width:400){
    .chartsRightCorner{width:100% !important}
    .firstCircles{border:1px solid green}
    .floatLeftSecondCircles{}
}


/*this is for the loading splash page*/
/*
 *  Usage:
 *
 *    <div class="sk-three-bounce">
 *      <div class="sk-child sk-bounce1"></div>
 *      <div class="sk-child sk-bounce2"></div>
 *      <div class="sk-child sk-bounce3"></div>
 *    </div>
 *
 */
.sk-three-bounce {
    margin: 30% auto 0px auto;
    text-align: center;
}

    .sk-three-bounce .sk-child {
        width: 18px;
        height: 18px;
        background-color: #00AEEF;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
        animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    }

    .sk-three-bounce .sk-bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .sk-three-bounce .sk-bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.loadingSearchWrapper {
    text-align: center;
    position: relative;
    overflow-x:hidden;
    overflow-y:hidden;
    height:371px;
    z-index: 100;
}
.loadingSplashWrapper {
    text-align: center;
    position: absolute;
    top: 50%;
    right:50%;
    width: 300px;
    height: 300px;
    z-index: 3;
    margin: -150px;
}

.animate-show {
  line-height: 20px;
  opacity: 1;
  padding: 10px;
  border: 1px solid black;
  background: white;
}

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}

.animate-show.ng-hide {
  line-height: 0;
  opacity: 0;
  padding: 0 10px;
}

/* Original CD Cost Savings, activities, outcomes, protocols, etc -look and feel overrides*/

 .MasterTable{font-size:12px;background-image:none;width:99%;background-image:none !important}
  
         
         .MasterTable tr:nth-child(odd) {background-color: #fff;}
        .MasterTable tr:nth-child(even) {background: whitesmoke;}

        table.RadGrid{border:none;}

        .GridHeader{background-image:none !important;background-color:white !important}


.GridPager {
    background-image: none !important;
}

         
          td#dateRow table tbody tr, td#timeRow table tbody tr{background-color:transparent;text-align:center}
     

          div{font-family:helvetica, arial, Sans-serif}
           
       
       table.alternatingColorRows td{font-size:12px;font-family:helvetica, arial, Sans-serif;padding:4px 2px;background-color:transparent !important;}
        table.alternatingColorRows tr:nth-child(4n), table.alternatingColorRows tr:nth-child(4n),  table.alternatingColorRows tr:nth-child(4n-1){background-color:whitesmoke}

         table.alternatingColorRows tr:nth-child(4n-2), table.alternatingColorRows tr:nth-child(4n-2), table.alternatingColorRows tr:nth-child(4n-3){background-color:white}
  
           table.alternatingColorRows {border:0}

           table.alternatingColorRows tr#noteRow td table tr:nth-child(even){background-color:white}
            table.alternatingColorRows tr#noteRow td table tr:nth-child(odd){background-color:whitesmoke}


           #btnDelete, #btnFolder, #btnShare{background-color:buttonface}
           .whitesmoke{background-color:whitesmoke}

           table.alternateRowColor  tbody tr:first-of-type th{background-color:whitesmoke}

           #dateRow{padding:0;text-align:center}
           #dateRow input{position:relative;width:75px !important;font-size:12px}
          
           label[for="chkShowDeleted"]{font-size:11px;font-weight:bold}
           
     
          
         #noteRow tbody tr  td{padding:6px 0}

          table.alternatingColorRows tr:nth-child(n+3){padding:13px 0;}

          table.alternatingColorRows tr:first-of-type{padding:3px 0}
        
          .alternateRowColor tr td {padding:2px;}
         
         
          
           #noteRow{width:100%;}
           .GridRow{width:100%}
          
           input[data-name="PeriodStart"], input[data-name="PeriodEnd"]{width:70px !important;font-size:12px}
           input[data-name="OrigCost"], input[data-name="NewCost"],input[data-name="OrigDays"], input[data-name="NewDays"]{width:60px}

           .dimWithGrayFont{opacity:0.4;color:#000;}

            div.dimWithGrayFont div.mediumFont, div.dimWithGrayFont  span{color:#000;opacity:1.0}

            div.dimWithGrayFont div.elevenPixels, div.dimWithGrayFont  span{color:#000;opacity:1.0}

             div.dimWithGrayFont div.formatDescription,  div.dimWithGrayFont  span{color:#000; opacity:1.0}

               div.dimWithGrayFont div.largerFont,   div.dimWithGrayFont > div{color:#000;opacity:1.0}

               /*Fix jqchart*/
     #performance{background-color:#32b40a;border-radius:5px;width:200px;height:120px;display:inline-block;padding:0;margin:0;word-wrap:break-word}
      #outcomes{background-color:#004761;border-radius:5px;width:200px;height:120px;display:inline-block}
      #performanceTitle, #outcomesTitle,  #engagementRateTitle {
        color: white;
        font-size: 14px;
        font-weight: lighter;
        margin-top:0px;
        margin-bottom:-5px;
      }
      .leftBottomList #performanceTitle, .leftBottomList #outcomesTitle, .leftBottomList #engagementRateTitle {margin-top:-5px;}
      #outcomesProgress{width:200px;height: 150px;position:relative;top:-50px;left:-9px;}

      #engagementRateContainer{background-color:#a1a1a1;border-radius:5px;width:200px;height:100px;display:inline-block}
     
      #engagementRate{width: 200px; height: 97px;}
    
      span{font-family:helvetica , sans-serif !important}
      .ui-jqchart-tooltip{font-family:Arial, Helvetica, sans-serif, sans-serif;font-size:12px}

      .sp-backgroundFormat{background-color:#000000;color:white;padding:4px 0 4px 15px;z-index:10;opacity:.85 !important}
       .sp-layer{z-index:1 !important;cursor:pointer}
         .sp-layer a, .sp-layer a:visited, .sp-layer a:hover {color:#00AEEF}
      .sp-title{color:#bf3f30;font-size:14px}
      .floatRight11pix{position:absolute;right:0;top:0;font-size:11px;padding:3px 6px 3px 3px}

      .dataClickPrevious:hover, .dataClickNext:hover{cursor:pointer}


         @media (min-width:800px) and (max-width:990px) {

      
      /*.ProtocolContainer{display:normal !important;float:left;margin:0;padding:0;width:250px}
      .GuidelineContainer{clear:both;display:normal !important;margin:0;padding:0;width:250px;float:left;clear:both;position:relative;bottom:0}*/
    .chartsRightCorner{float:left;clear:both;position:relative;margin-left:50px;padding:0;border-spacing:6px;width:90%;}
    .floatLeftSecondCircles{width:20px;clear:none;float:right;margin-left:250px;position:relative}
    .centerMe{width:150px}
    .firstCircles{width:20px;clear:none;}
    .firstCircles, .floatLeftSecondCircles{clear:none;float:left;}
    #OutcomesProgress, #Performance, #labResults, #deviceInformation{padding:6px;border-spacing:6px}
    .OutcomesProgress, #Performance{padding-right:0px;}
    .labResultsDeviceInformationContainer{clear:both}
    .OutcomesPerformanceContainer div.OutComesProgress,  .OutcomesPerformanceContainer div.PDPerformance, .labResultsDeviceInformationContainer div#labResults, .labResultsDeviceInformationContainer div#deviceInformation{display:table-cell;}
     .OutcomesPerformanceContainer, .labResultsDeviceInformationContainer{width:490px;display:table;height:130px;}
      .labResultsDeviceInformationContainer div{clear:both}
      .OutcomesProgress{margin:0;height:150px}
      #labResults{padding-right:6px}
      /*#mainContent{width:90%}*/
      .OutcomesProgress{width:240px}
  }
/*High Res Task List Breakout*/
@media (min-width:1280px) {

    .TaskList {
        height: 414px;
        overflow-x: auto;
        position:absolute;
        top:57px;
        left:253px;
        right:2px;
        width:auto;
        background:#fff;
        border-left:2px solid #adadad;
    }
    #tabs-2 {background:#eaeaea!important;}

    /*High Res Task List Breakout*/
@-moz-document url-prefix() {
    .TaskList { height: 412px; top:60px; left:261px; }
}

}

/*High Res Monitors Body*/
@media (min-width:1599px) {

    #mainContent {
    padding: 40px 0 0 90px;
    max-width:1600px;
    background-color:#fff;
    border-right:1px solid #cdcdcd;
    -webkit-box-shadow: 2px 0px 3px 0px rgba(136,136,136,1);
    -moz-box-shadow: 2px 0px 3px 0px rgba(136,136,136,1);
    box-shadow: 2px 0px 3px 0px rgba(136,136,136,1);
    position:absolute;
    height:100%;
}
    .CDMainBody {background-color:#eaeaea;}
}


         /*Device Integration CSS initial implementation, Fall 2014 Initiative, ITL #100393 */
.DeviceDashboardWrapper {border: 1px solid #cdcdcd; position:relative;}
.DeviceDashboardWrapper .CriteriaWrapper
{
    text-align: center;
    margin: auto 0;
    padding: 10px;
    font-weight:bold;
}
.SliderWrapper {text-align: center; margin-top: 45px; font-weight:normal;}
#slider
{
    margin-right: 10%;
    margin-left: 10%;
}

.SummaryWrapper
{
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
}

.SummaryWrapper ul
{
        width: 100%;
        margin: 0px;
        padding: 0px;
        -webkit-padding-start:0px;
        -webkit-margin-before:0px;
        -webkit-margin-after:0px;
        list-style-type: none;

    }

.SummaryWrapper ul li
{
        display:inline-block;
        width:25%;
        text-align: left;
        /*padding:20px 0px 0px 15px;*/
        /* margin-right:-3px;*/
        padding:15px 0px 0px 15px;
        -webkit-margin-before:0px;
        -webkit-margin-after:0px;
        font-size: 30px;
        height:80px;
        vertical-align:top;
        
        -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
        -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
        *display:inline;
        *zoom:1;
}
/*.SummaryWrapper ul li:first-child{width:20%;}*/
.SummaryWrapper ul li span.summaryTitle {font-size: 16px; font-weight:lighter; display:block;}
.SummaryWrapper ul li.twoLines {}
.TabWrapper
{
    background-color: #EAEAEA;
    height:35px;
}

.TabWrapper ul
{
        margin: 0;
        padding: 0;
        -webkit-padding-start:0px;
        -webkit-margin-before:0px;
        -webkit-margin-after:0px;
        list-style-type: none;
        
}
.TabWrapper ul li {display: inline-block; padding: 7px 10px; font-size:18px;}
.TabWrapper ul li a
{
    text-decoration: none;
    color: #666;
    display: inline-block; 
    cursor:pointer;
}
.TabWrapper ul li a:hover {color:#0096e6;}
.TabWrapper ul li.selected {background-color: #0096e6;}
.TabWrapper ul li.selected a {color: #fff;}
.DeviceDashboardFooter
{
    width: 100%;
    background-color: #666666;
    color: #fff;
    vertical-align:middle;
}
.DeviceDashboardFooter a {color:#fff; font-size: 1.1em;}

.deviceButtons {text-align:center; padding:20px; margin-top:20px;}

.ChartWrapper
{
    text-align: center;
    width: 100%;
    
    height: 400px;
    position:relative;
}
.DeviceSelectionTable tr td{white-space:nowrap;}

#jqChart
{
    width: 100%;
    height: 400px;
    position: absolute;
    left:0px;
    top:0px;
}
#jqChart canvas{ border:0px!important; border:1px solid purple;}

@media (max-width: 1000px) {
    .blueHeader .logo img {
        display: none;
    }

    .top4Container {
        display: block;
        width: 100%;
    }

    .topRightContainer {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .businessRules {
        margin: 0px 0 0 510px;
    }

    .labsOutOfRange {
        margin: 0px 0 0 340px;
    }

    .hospitalizations {
        margin: 0px 0 0 160px;
    }

    .TaskList, .AlertsWrapper {
        overflow-x: visible;
    }

    #tabs-1, #tabs-2, #tabs-3 {
        border: 0px;
    }
}
@media (max-width: 1024px) {
    #contentWrapper {width:100%;}
    .OuterContentTable {width:100%; min-height:475px;}
    .rightContentCell {width: 220px;}
    .SummaryWrapper
{
    width: 100%;
    white-space:normal;
    overflow:visible;
}
    .SummaryWrapper ul li
        {
            width:22%;
            /*margin-right:-10px;*/
        }
    /*.SummaryWrapper ul li:first-child{width:49%;}*/
    .SummaryWrapper ul li span.summaryTitle {font-size: 14px; font-weight:lighter; display:block;}
  }

.DeviceDashboardWrapper .CriteriaWrapper
{
    background-color: #BBD6E5;
    border-top:5px solid #666;
}
.DeviceSelection {background:#666; padding:5px; color:#fff;}
.DeviceSelectionTable td{padding:2px 8px; vertical-align:top;}

.SummaryWrapper ul li{}
.SummaryWrapper ul li span {font-size:18px; font-weight:bold;}
.ChartWrapper {border-top:5px solid #666;}
.daySummary
{
    background-color: #FED466;
    background-image:url(../Img/DI-calendar.png);
    background-repeat:no-repeat;
    background-position: 95% 40%;
    color:#92721d;
}
.stepSummary{
    background-color: #19A508;
    background-image:url(../Img/DI-steps.png);
    background-repeat:no-repeat;
    background-position: 95% 40%;
    color: #fff;
}
.calSummary{
    background-color: #F23C6F;
    background-image:url(../Img/DI-calories.png);
    background-repeat:no-repeat;
    background-position: 95% 40%;
    color: #fff;
}
.activeSummary{
    background-color: #50AAAA;
    background-image:url(../Img/DI-activity.png);
    background-repeat:no-repeat;
    background-position: 95% 40%;
    color: #fff;
}
.DeviceDashboardFooterButton { 
    background-image:url(../Img/DI-settings.png);
    background-repeat:no-repeat;
    background-position: 95% 40%;
    float:right;
    white-space:nowrap;
    width:160px;
    padding:10px 30px 10px 10px;
}
.DeviceDashboardFooterButton:hover {background-color:#0096e6; }
.DeviceDashboardFooterButton a{color: #fff; display:block;}
.DeviceDashboardFooterButton:hover a{text-decoration:underline;}
.DeviceDashboardFooterButtonNoCog {
    float:right;
    white-space:nowrap;
    height:35px;
    padding:8px 20px;
}
.DeviceDashboardFooterButtonNoCog:hover {background-color:#0096e6; }
.DeviceDashboardFooterButtonNoCog a{color: #fff; display:block;}
.DeviceDashboardFooterButtonNoCog:hover a{text-decoration:underline;}
.DeviceInstructions{border:3px solid #fddb3e; background:#e8f4f5; padding:10px; margin:0px 10px;}
.deviceButtons a{color:#eaeaea;}
.deviceButtons a:hover{color:#fff; text-decoration:underline;}
.addDeviceBtn{background-color:#0096e6; padding:15px 20px; font-size:20px; cursor:pointer;}
.removeAllDevices{background-color:#c0311e; padding:15px 20px; font-size:20px;}



.Gauge {
    width: 150px;
    vertical-align:top;
    margin: 6px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
    font-size: 28px;
    cursor: pointer;
}

    .Gauge canvas {
        vertical-align: top;
    }

    .Gauge strong {
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: 40px;
    }

    .Gauge h1 {
        color: white !important;
        font-size: 12px;
        text-align: center;
        margin:3px auto;
    }

.ui-widget-content {
    background-color: white !important;
}

.advancedSearchPopout {
    cursor: pointer;
}

#divDashBoardType a {
    cursor: pointer;
}

.EmUserHeaderContainer2 {
    right: 650px !important;
}
.missingDemoIndicator {
    font-weight:bold;
    color:red;
}

 .alternateRowColor td, .formatServiceTable{border:1px solid #cdcdcd;}

 #tblProtStatus tbody tr td{vertical-align:top}


.GuidelineSection .MsoNormal, .GuidelineSection .MsoNormal font, .GuidelineSection .MsoNormal li, .GuidelineSection .MsoNormal p, .GuidelineSection .MsoNormal span, .GuidelineSection .MsoNormal span font, .GuidelineSection .MsoNormal i, .GuidelineSection .MsoNormal b {
    font-size: 12px !important;
    font-family: Helvetica, sans-serif !important;
}

    .GuidelineSection .MsoNormal font ul li font span font, .GuidelineSection .GuidelineSection .MsoNormal font ul li font {
        font-size: 12px !important;
    }

.GuidelineSection .MsoListParagraph, .GuidelineSection .MsoListParagraph span, .GuidelineSection .MsoNormalCxSpMiddle, .GuidelineSection .MsoNormalCxSpMiddle span, .GuidelineSection .MsoNormalCxSpFirst, 
.GuidelineSection .MsoNormalCxSpFirst span, .GuidelineSection .MsoNormalCxSpFirst span span {
    font-size: 12px !important;
    font-family: Helvetica !important;
}

.GuidelineSection .MsoListParagraphCxSpMiddle span, .GuidelineSection .MsoListParagraphCxSpMiddle, .GuidelineSection .MsoListParagraphCxSpFirst, .GuidelineSection .MsoListParagraphCxSpFirst span, .GuidelineSection .MsoListParagraphCxSpLast, 
.GuidelineSection .MsoListParagraphCxSpLast span {
    font-size: 12px !important;
    font-family: Helvetica !important;
}

.GuidelineSection .guidelinetext, .GuidelineSection .guidelinetext span {
    font-family: Helvetica, sans-serif !important;
    font-size: 12px !important;
}

.GuidelineSection font ul li span font {
    font-size: 12px !important;
}

.GuidelineSection .MsoListParagraph span span, .GuidelineSection .MsoNormal span span, .GuidelineSection .MsoNormalCxSpLast span span, .GuidelineSection .MsoNormalCxSpFirst span span, 
.GuidelineSection .MsoListParagraphCxSpMiddle span span, .GuidelineSection .MsoListParagraphCxSpMiddle span span, .GuidelineSection .MsoListParagraphCxSpFirst span span, 
.GuidelineSection .MsoNormalCxSpMiddle span span, .GuidelineSection .MsoNormalCxSpFirst span span, .GuidelineSection .MsoNormalCxSpLast span span, .GuidelineSection .MsoListParagraphCxSpLast span span, .GuidelineSection .MsoListParagraphCxSpLast span span {
    font-size: 12px !important;
    font-weight: 900 !important;
}

.GuidelineSection .MsoListParagraph span font-face,
.GuidelineSection .MsoNormal span font-face,
.GuidelineSection .MsoNormalCxSpLast span font-face,
.GuidelineSection .MsoNormalCxSpFirst span font-face,
.GuidelineSection .MsoListParagraphCxSpMiddle span font-face,
.GuidelineSection .MsoListParagraphCxSpMiddle span font-face,
.GuidelineSection .MsoListParagraphCxSpFirst span font-face,
.GuidelineSection .MsoNormalCxSpMiddle span font-face,
.GuidelineSection .MsoNormalCxSpFirst span font-face,
.GuidelineSection .MsoNormalCxSpLast span font-face,
.GuidelineSection .MsoListParagraphCxSpLast span font-face,
.GuidelineSection .MsoListParagraphCxSpLast span font-face {
    font-family: Helvetica, sans-serif !important;
    font-size: 12px !important;
}


.formTable a span, .GuidelineSection a span {
    color: #00f!important;
}

/*  IE hack to make the period that acts as a bullet in Guidelines to be the same size as it is in Chome and FF...   */
@media screen and (min-width:0\0) {

    .GuidelineSection .MsoListParagraph span span, .GuidelineSection .MsoNormal span span, .GuidelineSection .MsoNormalCxSpLast span span, .GuidelineSection .MsoNormalCxSpFirst span span, 
    .GuidelineSection .MsoListParagraphCxSpMiddle span span, .GuidelineSection .MsoListParagraphCxSpMiddle span span, .GuidelineSection .MsoListParagraphCxSpFirst span span, 
    .GuidelineSection .MsoNormalCxSpMiddle span span, .GuidelineSection .MsoNormalCxSpFirst span span, 
    .GuidelineSection .MsoNormalCxSpLast span span, .GuidelineSection .MsoListParagraphCxSpLast span span, .GuidelineSection .MsoListParagraphCxSpLast span span {
        font-size: 18px !important;
        font-weight: 900 !important;
    }

    .GuidelineSection .MsoListParagraph span span, .GuidelineSection .MsoNormal span span, .GuidelineSection .MsoNormalCxSpLast span span, 
    .GuidelineSection .MsoNormalCxSpFirst span span, .GuidelineSection .MsoListParagraphCxSpMiddle span span, .GuidelineSection .MsoListParagraphCxSpMiddle span span, .GuidelineSection .MsoListParagraphCxSpFirst span span, 
    .GuidelineSection .MsoNormalCxSpMiddle span span, .GuidelineSection .MsoNormalCxSpFirst span span, .GuidelineSection .MsoNormalCxSpLast span span, 
    .GuidelineSection .MsoListParagraphCxSpLast span span, .GuidelineSection .MsoListParagraphCxSpLast span span {
        font-size: 18px !important;
        font-weight: 900 !important;
    }

    .imageBox .thumbBox {
        box-sizing: border-box;
    }
}

 @media print {
     #mainContent {padding:0 0 0 0;}
     .donotprint {display:none!important;}

#newAlerts{
         border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    }

/*
#newAlerts{
         border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    }
*/
}

 @media only screen and (max-width: 600px)/*,(min-resolution: 192dpi)*/ {
  /* High-res styles go here */

}

 



@keyframes myChange {   
    from {
     
       /*width: 320px;
        height: 610px;

        */
        right: 0;
        
    }

    to {
       /*
        width: 0;
        height: 610px;
       */

       right: -300px;
    }
}


@keyframes myShow {
    from {
     
    /*   width: 0px;
        height: 610px;

    */
    right: -300px;
    }

    to {
      /* 
        width: 320px;
        height: 610px;
          */
      right: 0;
    }
}

.displayTableCell{background-color:white}


 #searchAvailableProblemsContainer.ng-hide {animation:  myChange 0.5s }


#searchAvailableProblemsContainer { animation: myShow 0.5s ; }


.ng-leave {
    -webkit-animation: myChange 0.5s;
    animation: myChange 0.5s;

}


.width20px { width: 20px }

.width200px { width: 15% !important }

.width100percent { width: 100%; }

.width33percent { width: 33% !important }

.width33percentSub { width: 33% !important }

.width13percent { width: 13% }

.width20percent { width: 19% }

.width25percent { width: 30% !important }

.width10percent { width: 12%; }

.width40percent { width: 40%; }

.width16percent { }

.displayInline { display: inline-block }

.blueTextProblemList {
    color: #0182b2 !important;
    font-size: 16px;
}

 

.textBoxFontLightGrey { color: #d2d2d2 }

   

.content-body-wrapper {
    margin-bottom: 4px;
    background-color: white;
}

.content-body {
      
    width: 100%;
    position: relative;
    margin-left: 0;
    background-color: white;
}


.content-body-row {
    width: 100%;
    display: table-row;
}


.halfTextBox {
      
    height: 25px;
    width: 110px;
}

.quarterTextBox {
    width: 99%;
    height: 25px;
}

.fullTextBox {
    width: 99%;
    height: 25px;
}

.pumpUpSelect {
    width: 99%;
    height: 25px
}

.pumpUpSelectFull {
    width: 99%;
    height: 25px;
    font-size: 12px;
}

.alignLeft { text-align: left }

div { font-family: helvetica, arial, Sans-serif; }

.width100px { width: 120px !important }

.width150px { width: 170px }

.white { color: white }

.white:hover { cursor: pointer }

.blueTextProblemListBold {
    color: #0182b2;
    font-size: 16px;
    font-weight: 500
}

.problemListDivContainer { background-color: #f0f0f0; }

.alignMiddle { text-align: center }

 

.indentMe { text-indent: 10px }

.whiteSpaceNoWrap {
    white-space: nowrap;
    font-size: 14px
}

.feet {
    padding-right: 8px;
    font-size: 14px;
    float: left;
}


#searchAvailableProblemsContainer {
    width: 400px;
    position: fixed;
    top: 45px;
    right: 0px;
    z-index: 2;
    background-color: #9d9c9c;
    height: 610px;
    padding-top: 5px;
}

      
    



.lightGreyBack { background-color: #eaeaea }

.searchAvailableProblemsContainer {
    background-color: white;
    border-collapse: collapse;
    width: 400px;
    height: auto;
}

.searchAvailableProblemsContainer tr td, .searchAvailableProblemsContainer tr {
    height: 20px;
    font-size: 13px;
    border-bottom: 1px solid #dfdfdf;
    color: #717576;
    vertical-align: top;
    max-height: 20px;
}


.searchAvailableProblemsContainer thead tr td:first-of-type{ text-indent: 10px;width:100px}

.searchAvailableProblemsContainer thead tr td{width:150px}

.searchAvailableProblemsContainer tr:nth-child(odd) { background-color: #eaeaea; }

.whiteBackBlueText {
    background-color: white;
    color: #00aeef !important;
    font-size: 14px
}

.backgroundWhite {
    background-color: white;
    height: 520px;
    width: 300px;
    margin: 10px;
    overflow-y: auto
}

.tdMaxWidth {
    width: 130px;
    font-size: 12px;
    padding-right: 6px;
    padding-top: 6px
}

.searchAvailableProblemsContainer tr td {
    padding: 6px;
    padding-bottom: 6px;
}

.padding6px { padding: 6px }

.fontSize12px { font-size: 12px }

.fontSize16px {
    font-size: 16px;
    margin-left: 3px;
}

.borderWhite {
    border: 1px solid white;
    float: right;
    margin: 3px;
    margin-right: 10px;
    padding: 2px
}

.lightBlueBack { background-color: #e0f2f9 }

.marginLeft10 { margin-left: 10px }

#txtSearchPrograms {
    color: #666;
    width: 235px;
    padding: 4px
}

.closeMenu {
    padding-left: 5px;
    width: 90px;
   
}

.marginLeft10 .search {
    background: none;
    color: #00aeef;
    padding: 4px;
    border: 1px #00aeef solid;
    background-color: #eaeaea;
    border-radius: 3px;
    font-size: 12px;
}

.overrideMarginLeft10 { margin-left: 0;width:380px}

.content input[type="checkbox"]:checked { border: 1px solid #0182b2; }

.noIndent {
    padding-left: 0;
    margin-left: 0;
    text-decoration: none
}

.noIndent li { list-style: none; }

   
#accordion { width: 100% }




.blueBackground {
    background-color: #0182b2;
    color: white !important;
    margin: 3px;
}

.content h3 { color: white; }

.content h3:hover { cursor: pointer; }
 .ui-accordion, .ui-accordion-header{ z-index: 1 !important;}




 
    .lightGreyBack { background-color: #eaeaea }

    .searchAvailableProblemsContainer {
        background-color: white;
        border-collapse: collapse;
    
        width:auto;
    }

    .searchAvailableProblemsContainer tr td, .searchAvailableProblemsContainer tr {
        height: 20px;
        font-size: 13px;
        border-bottom: 1px solid #dfdfdf;
        color: #717576
    }

    .searchAvailableProblemsContainer tr:nth-child(odd) { background-color: #eaeaea; }

    .whiteBackBlueText {
        background-color: white;
        color: #00aeef !important;
        font-size: 14px
    }

    .backgroundWhite {
        background-color: white;
        height: 520px;
        width: 300px;
        margin: 10px;
        overflow-y: auto
    }

    .tdMaxWidth {
        width: 130px;
        font-size: 12px;
        padding-right: 6px;
        padding-top: 6px
    }

    .searchAvailableProblemsContainer tr td {
        padding: 0px;
        padding-bottom: 6px;
        padding-top: 6px;
    
      
    }

    .noIndent{ text-indent: 0;text-align:left !important}

     .searchAvailableProblemsContainer tr td:first-of-type {
         text-align: center;
           text-indent: 10px;
    }

    .padding6px { padding: 6px }

    .fontSize12px { font-size: 12px }

    .fontSize16px {
        font-size: 16px;
        margin-left: 3px;
    }

    .borderWhite {
        border: 1px solid white;
        float: right;
        margin: 3px;
        margin-right: 10px;
        padding: 2px
    }

    .lightBlueBack { background-color: #e0f2f9 }

    .marginLeft10 { margin-left: 10px }

    #txtSearchPrograms {
        color: #666;
        width: 235px;
        padding: 4px
    }

    .closeMenu {
        padding-left: 5px;
        padding-right: 5px;
        width: 90px;
       
    }

    .marginLeft10 .search {
        background: none;
        color: #00aeef;
        padding: 4px;
        border: 1px #00aeef solid;
        background-color: #eaeaea;
        border-radius: 3px;
        font-size: 12px;
    }

    .overrideMarginLeft10 { margin-left: 0;width:380px  }

    input[type="checkbox"]:checked { border: 1px solid #0182b2; }

    .noIndent {
        padding-left: 0;
        margin-left: 0;
        text-decoration: none
    }

    .noIndent li { list-style: none; }


    
    .content-body-wrapper {
      
        margin-bottom: 4px;
    }

    .content-body {
      
        width: 100%;
        position: relative;
        margin-left: 0;
    }


      .content-body-row {
          width: 100%;
          display: table-row;
    }

    #mainContent .content {
      
        vertical-align: middle;
        padding: 5px;
        word-wrap: normal;
        display: inline-block;
     
    }



     .content:first-of-type {
      
       
        text-indent: 50px;
    }

   
.activeProblem {
    position: relative;
    height: 50px;
    background-image: url("/images/greenCheckProblem.png") !important;
    background-repeat: no-repeat !important;
    background-position: 5px 7px;
    background-color: #666;
    z-index: 1;
    padding-top: 10px;
}


.triggeredProblem {
    height: 50px;
    background-image: url("/images/triggeredProblemList.png") !important;
    background-repeat: no-repeat !important;
    background-position: 5px 7px;
     background-color: #666;
       z-index: 1;
    padding-top: 10px;
}


.historicProblem {
    height: 50px;
    background-image: url("/images/historicProblemList.png") !important;
    background-repeat: no-repeat !important;
    background-position: 5px 7px;
     background-color: #666;
       z-index: 1;
    padding-top: 10px;
     padding-top: 10px;
}

.largerTypeProblem{font-size:20px}
.displayProblemLists select{font-size:12px}
       

.width2Percent { width: 1% }

.width10percent { width: 10% }

.problemListTopNav {
    list-style-type: none;
    padding: 10px 20px;
    background-color: #eaeaea;
    border-bottom: 3px solid #ccc;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

.problems, .sort, .largerTypeProblem{color:white}

.problemListTopNav div {
    padding-right: 10px;
    height: 50px;
    border: 1px solid white
}

.availableProblems {
    margin: 0;
    right: 20px;
    top: 5px;
    padding: 10px 20px;
    position: absolute;
    color: white;
    background-color: #d03d0a;
    background-image: url("/images/problemListShape2.png") !important;
    background-repeat: no-repeat !important;
    background-position: 10px 12px;
}

.movetoActive {
    margin: 0;
    right: 20px;
    top: 5px;
    padding: 10px 20px;
    color: white;
    background-color: blue;
    background-position: 5px 7px;
}


ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.displayProblemLists select { width: 170px; }

div.blueBackground div.content:first-of-type { text-indent: 1px }

button:hover { cursor: pointer }

.padding10 { padding-top: 10px }

.halfTextBox {font-size:14px !important} /* .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button*/


.button {
    border: none;
    padding: 18px;
    color: #fff;
    margin: 0 10px;
 
    font-weight: 700;
    border-radius: 4px;
    background: url("/images/dwnArrow.png");
    background-repeat: no-repeat;
    background-position: 0px 15px;
}

.availableProblems:hover { cursor: pointer }

.rtArrow {
    background: url("/images/rtArrow.png");
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
}

.dwnArrow {
    background: url("/images/dwnArrow.png");
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
}

#toggleProblem { display: inline-block }

#toggleProblem:hover { cursor: pointer }

  .width20px { width: 20px }

    .width200px { width: 15% !important }
    .width100percent { width: 100%; }

    .width33percent {width:25% !important }
     .width33percentSub {width:33% !important }

    .width20percent { width: 40% }

     .width10percent {width: 10%;}

      .width40percent { width:40%}

       .width70percent { width:70%}
        .width90percent{width:90%}
    .width70percent{width:70%}
        .width25percent{width:25%}
        .width80percent{width:80%}
    .width16percent { }


ul.displayProblemLists {
   
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;

   
    padding: 0px;
    position: absolute;
    bottom: 0;
    padding: 0;
    height: 50px;
    margin: 0;
}


ul.displayProblemLists li {
   
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    padding: 0px;
    height: 50px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    position: relative;
    bottom: 0;
}


.displayProblemLists {
    list-style-type: none;
    background-color: #666;
    position: absolute;
    right: 10px;    
}

.displayProblemLists li {
    vertical-align: baseline;
    display: block;
    height: 50px;
    float: left;
    padding-top: 0px;
    padding-bottom: 0;
    border-left: 1px solid #fff;
    padding-right: 10px;
}

.displayProblemLists li div {
    height: 50px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px
}

.displayProblemLists li div.problems { margin-top: 17px; }

.displayProblemLists li div.sort { margin-top: 12px; }

.movetoActive {
    border-radius: 8px;
    background-color: #0182b2;


}

.li_Protocols_ul {
    box-sizing: border-box;
    padding: 0;
    margin: 0; 
    position: absolute;
    width: 100px;
    height: 63px;
    top: 0px;
    left:90px
}

li#Protocols li {
    padding: 8px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    color: #666;
    background-color: white;
    width: 100px;
    border:1px solid #cdcdcd
}
      
li#Protocols li:hover { 
    color: white;
    background-color:#00aeef
}

.fc-event-title, .fc-event-title:hover, .fc-event-title:active{

    border:0 !important;
}


@-moz-document url-prefix() { 
    li#Protocols ul {
        height:65px
    }
}
       
          .auditTableContainer{width:90%;margin:0 auto;padding-top:26px}



.auditTable tbody tr:first-of-type{background-color:white !important}

.auditTable{border:1px solid #cdcdcd;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}

 .auditTable tr td {
	            padding: 3px 5px;
	            color: #666;
	            font-size: 12px;
	            font-family: Helvetica, Arial, sans-serif;
                width:25%
	        }
        .auditTable tr:nth-child(even) td {background-color:whitesmoke !important;}
        .auditTable th {
            padding: 3px 5px;
            text-align: left;
            white-space: nowrap;
            font-size: 14px;
            font-weight: lighter;
            border-bottom: 1px solid #cdcdcd;
            color: #0282b3;
        }
         .auditTable tr:nth-child(odd) td{background-color:white !important}

@media screen and (min-width: 200px) and (max-width: 1024px) {
    .content:first-of-type {
    text-indent: 10px;
}
    #toggleProblem ~ h3, .blueTextProblemList { font-size: 12px !important; }

    .dwnArrow, .rtArrow {
        background-size: 70%;
        background-position: 0px 7px
    }
}


   @media (min-width:200px) and (max-width:1199px) {
      
    .width10percent{ width: 13%;}

    .content h3{font-size:12px}
    .width33percent:first-of-type{width:39% !important}
    .blueTextProblemList select{ width: 140px;font-size:11px !important}
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        
    }
    div.blueBackground div.displayInline{max-width:230px}
    .width33percent:first-of-type {
    width: 33% !important;
    
}

.largerTypeProblem{ font-size: 16px;text-indent:50px !important} 

   }

     @media (min-width:1200px)  {
    .width33percent:first-of-type{width:39% !important}
   }

     ol {
         
             -webkit-padding-start: 0px;
         padding: 0;
     }

@media(min-width:1025px) and (max-width: 1499px) {


}