body.mainpage {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
ins {
    background-color: #c6ffc6;
    text-decoration: none;
}
del {
    background-color: #ffc6c6;
}
.minHeightFld {
  min-height: 16px;
}
.inlineform {
     display:inline;
     margin:0px;
     padding:0px;
} 
#imagingCenterSectionxx
{
    max-height:100px;
    _height:expression(this.scrollHeight>899?"900px":"auto");
    overflow:auto;
    overflow-x:hidden;
}
@media only screen and (min-width: 1920px) {
    .taskSearchField
    {
        width: 450px;
    }
}    
.myTask {
  background-color:#DFF2F8;
}
.taskDone
{
  background-color:#BFE5F0;
}
.freeTask {
  background-color:#FFFFFF;
}
.freeApprovalTask {
  background-color:#E9EBEA;
}
.otherTask {
  background-color:#D6D8D7;
}
.badge-taskCount { 
    margin-top: 0.3em;
}
.noresize {
  resize: none; 
}

.idShortColumn
    {
        width: 80px;
    }
.medLengthColumn
    {
        width: 160px;
    }
    

@media print {
    #balanceTable {
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}
.top10 { margin-top:20px; } 
#div-middle{
    position: relative;
    top: 40px;
    background-image: url('/img/logo.png');
    height: 100px;background-repeat: no-repeat;
    -moz-opacity:.80;
     filter:alpha(opacity=80);
     opacity:.80;
     z-index: 2;
     background-repeat: no-repeat;  
}
#div-top{
    background-image:url('/img/top_bj.jpg'); background-repeat: no-repeat;height: 160px;background-size:100%;
}

h1 {
  color: #00B7FF;
  font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

#searchResultTxt{
  font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

a {
  color: #00B7FF;
}
#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}
footer {
  height: 60px;
}
html,
body {
  height: 100%;
}
.content {
  margin-top: 20px;
  margin-bottom: 20px;
}
.report-pdf{
  height: 500px
} 
th.alttask {
    border-bottom: 1px solid #d6d6d6;
}

tr:nth-child(even).alttask {
    background: #e9e9e9;
} 
 
li p {
    line-height: 24px;
}
.inlineIcon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 6px;
} 
.ui-popup-container, .ui-popup {
 /*   height: 98%; */
    width: 100%;
    position: absolute;  
    top:0;
    left:0;
} 
.resize_fit_center {
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}
.containerfloat { 
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
	background-color: black;
    float: left;
}   
.removepaddinglistview{
    padding: 0 0 0 0  !important
}    
.datelistview{
     text-align: right;
	 border-style: solid;
}    
.rightblock {
  position: absolute;
  right: 2px; 
  top: 0px; 
} 
.rightblockmiddle {
  position: absolute; 
  right: 2px; 
  top: 26px;   
}  
.block1 {
  display: inline-block;
  vertical-align: middle;
  width: 70%; 
  padding-left: 5px;
}
.entire {
  position: relative;
  width: 100%;
  height: 80px;
} 
.count-second{
    right: 40px !important;
}
.count-third{
    right: 80px !important;
}

.patientnametext{
color:#777;
}
#taskCountSection{
float: left;
width: 25%;
vertical-align:middle; 
}
#taskCountSection2{
float: right;
width: 75%;
}
.footertask div > * {
    vertical-align: middle;
    line-height: normal;
}

th.commentmobile {
    border-bottom: 1px solid #d6d6d6;
}

tr.commentmobile:nth-child(even) {
    background: #e9e9e9;
}

/*
 in main framework, the template list items in the report editor is for setting page, which should not be hidden*/
#chooseTemplateul
{
 overflow:hidden;
 overflow-y:scroll; 
} 
/*mobile case page: the left button want to use custom image (not want button border), so have to use custom css to control the position..
*/
.customheadermainmenubutton  {   
/*padding: top right bottom left */
     padding:3px 0px 0px 2px !important;
} 
.customheaderouter {
 height: 100%;  
  text-align: center;
  vertical-align: center;
}
.customheaderinnerLeft {
display:inline-block;
  float: left; 
  vertical-align: center;
  padding-top: 10px;
}
.customheaderinnerMiddle { 
  display: inline-block;
}
.customheaderinnerRight {
    float: right;
    vertical-align: middle;
    padding-top: 10px;
    padding-right: 10px;
}
input {
    -webkit-user-select: initial !important;
    -khtml-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important;
}

.col-container {
  display:table;
}
.col-container>.col {
  display:table-cell;
}