diff --git a/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedcoQryTool.css b/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedcoQryTool.css
index 316d62af6..49f6d3736 100755
--- a/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedcoQryTool.css
+++ b/shrine-webclient/src/main/html/js-i2b2/cells/plugins/MedCo/assets/vwMedcoQryTool.css
@@ -1,317 +1,319 @@
/* Panel section */
#MedCo-QueryPanels {
height: 200px; /*calc(100% - 305px);*/
white-space: nowrap;
/*width: 100%;*/
/*perspective-origin: 399px 147.078px;*/
/*transform-origin: 399px 147.078px;*/
font: normal normal 400 normal 12px / 16px arial, helvetica;
overflow-x: auto;
overflow-y: hidden;
}
.MedCo-QueryPanel {
vertical-align:top;
display:inline-block;
height: calc(100% - 2px);
width: calc(33.33% - 2px); /* consider also the margin */
font: normal normal 400 normal 12px / 16px arial, helvetica;
margin: 1px;
padding: 0px 0px 2px;
}
.MedCo-QueryPanelHeader {
height: 13px;
text-align: center;
text-decoration: none solid rgb(255, 255, 255);
background: rgb(102, 119, 170) none repeat scroll 0% 50% / auto padding-box border-box;
border: 1px solid rgb(102, 119, 136);
font: normal normal 700 normal 11px / 12px arial, helvetica;
overflow: hidden;
}
.MedCo-QueryPanelHeader div.delete {
color: rgb(255, 255, 255);
float: right;
}
.MedCo-QueryPanelHeader div.delete a {
color: rgb(0, 0, 238);
cursor: pointer;
}
.MedCo-QueryPanelHeader div.delete a img {
margin: 1px 2px 1px 0px;
}
.MedCo-QueryPanelHeader div.groupId {
color: rgb(255, 255, 255);
}
.MedCo-QueryPanelOptions {
height: 18px;
margin: 0px 0px -1px;
}
.MedCo-QueryPanelOptions div{
height: 100%;
font: normal normal 400 normal 12px / 16px arial, helvetica;
float: left;
background: rgb(203, 216, 239) none repeat scroll 0% 50% / auto padding-box border-box;
border: 1px solid rgb(102, 119, 136);
box-sizing: border-box;
text-align: center;
}
.MedCo-QueryPanelOptions div.date {
width: 25%;
}
.MedCo-QueryPanelOptions div.occur {
width: 50%;
}
.MedCo-QueryPanelOptions div.exclude{
width: 25%;
}
.MedCo-QueryPanelOptions div.exclude a,
.MedCo-QueryPanelOptions div.date a{
cursor: pointer;
color: rgb(0, 0, 0);
display: block;
text-decoration: none solid rgb(0, 0, 0); /* modify this to underline (onclick) */
font: normal normal 400 normal 11px / 16px arial, helvetica;
}
.MedCo-QueryPanelConcepts {
height: calc(100% - 31px); /* - (header + options width)*/
width: 100%;
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
border: 1px solid rgb(102, 119, 136);
font: normal normal 400 normal 12px / 16px arial, helvetica;
padding: 3px;
box-sizing: border-box;
}
.MedCo-QueryPanelConcepts .sdxDefaultCONCPT{
cursor: pointer;
}
/* Button section */
div.MedCo-Commands {
height: 25px;
padding: 0px 10px;
overflow:hidden;
}
/* run and clear buttons */
div.MedCo-Commands div.MedCo-Button {
background:#6677AA;
border:1px solid #667788;
font-weight:bold;
font-size:11px;
height:16px;
width: 72px;
text-align:center;
cursor:pointer;
float: left;
margin: 3px 5px 0px 0px;
overflow:hidden;
}
div.MedCo-Commands div.MedCo-Button a{
color:#FFF;
display:block;
text-decoration:none;
}
div.MedCo-Commands div.MedCo-Button a:hover {
background-color:#7687bf;
}
/* timer */
div.MedCo-Commands div.timer{
line-height:25px;
text-align:right;
float: left;
margin-left: 10px;
overflow:hidden;
}
div.MedCo-Commands div.timer #medcoTimer{
display: inline-block;
text-align: center;
width: 50px;
font-weight:normal;
}
/* Add group*/
.new-group {
color: rgb(0, 0, 238);
cursor: pointer;
height: 18px;
float: right;
margin-top: 3px;
}
DIV#MedCo-TABS DIV.resetButton,
DIV#MedCo-TABS DIV.runButton {
position:relative;
xdisplay:none;
background:#6677AA;
border:1px solid #667788;
color:#FFFFFF;
font-weight:bold;
font-family:arial,helvetica;
font-size:11px;
height:16px;
line-height:16px;
text-align:center;
color:#FFF;
cursor:pointer;
float: left;
margin:0px 5px 0px 0px;
width:72px;
xz-index:5;
overflow:hidden;
}
DIV#MedCo-TABS table.timer{
position:relative;
xdisplay:none;
height:16px;
line-height:16px;
text-align:right;
float: right;
margin:0px 5px 0px 0px;
xz-index:5;
overflow:hidden;
padding-right: 10px;
}
td#medcoTimer{
text-align: center;
width: 50px;
font-weight:normal;
}
/*loading query gif*/
img#MedCo-loadingGif {
width: 15px;
height: 15px;
padding: 0px 12px;
display: none;
text-align: center;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}
/*!* Result section *!*/
#MedCo-QueryResults{
text-align: center;
+ min-height: 400px;
}
+/* Result shown when the query returns only one total patient count */
.MedCo-TotalResult {
height: 130px;
width: 400px;
font: normal normal 400 normal 12px / normal Verdana, Geneva, sans-serif;
margin-left: auto;
margin-right: auto;
}
.MedCo-TotalResult .small-row {
height: 20px;
text-align: center;
vertical-align: middle;
width: 400px;
background: rgb(176, 196, 222) none repeat scroll 0% 0% / auto padding-box border-box;
}
.MedCo-TotalResult .count_row {
text-align: center;
vertical-align: middle;
height: 52px;
width: 100%;
color: rgb(0, 0, 139);
font: normal normal 400 normal 45px / normal Verdana, Geneva, sans-serif;
background: rgb(176, 196, 222) none repeat scroll 0% 0% / auto padding-box border-box;
}
/* Popups */
.hd {
color: #FFFFFF !important;
background: transparent !important;
/*background-image: url(i2b2/top_hive.gif) !important;*/
background-repeat: repeat-x !important;
font-size:14px !important;
font-weight:bold !important;
cursor: move !important;
}
.bd {
background: #EFEFFF !important;
background:#FFF;
border:solid #63758C;
border-width:1px 0;
overflow:auto;
height:100%;
}
.MedCo_popupParametersSelection{
height: 50px;
}
.MedCo_popupParametersSelection .parameterRow{
height: 20px;
width: 100%;
}
.MedCo_popupParametersSelection .parameterRow div{
float: left;
height: 100%;
line-height: 20px;
vertical-align: middle;
}
.MedCo_popupParametersSelection .parameterRow div:first-child{
/* the first div of the parameterRow contains the name of the parameter */
width: 110px;
font-weight: bold;
}
.zygosityListPopup label{
height: 100%;
cursor: pointer;
}
.zygosityListPopup label input {
margin: 0px 3px 0px 20px;
padding: 0px;
vertical-align: middle;
}
.zygosityListPopup label:first-child input{
margin-left: 0px;
}
/*reset and run Buttons*/
DIV#MedCo-TABS DIV.MedCo-Buttons {
padding-left:20px;
margin-bottom:10px;
overflow:hidden;
}