/* This sets the overall frame for the site */
body,
html
{
  /*height:90%;*/
  overflow:hidden;
  width:100%;
  height:100%;
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  line-height:1.3em;
  color:white;
  text-align: left;
  background-color:#1A1A1A;
  -webkit-touch-callout: none;/* iOS Safari */
  -webkit-user-select: none;/* Chrome/Safari/Opera */
  -khtml-user-select: none;/* Konqueror */
  -moz-user-select: none;/* Firefox */
  -ms-user-select: none;/* IE/Edge */
  user-select: none;
  background:black;

}

body.wait, body.wait *{
    cursor: wait !important;   
}

.Kjobinfo
{
  position:absolute;
  padding:0px;
  top:100px;
  left:100px;
  z-index:99999999;
  color:black;
  opacity:0.9;
  max-height:60%;
  max-width:60%;
  overflow:hidden;

  width:60%;
  height:60%;
  left:20%;
  top:20%;
  border:5px solid;
  border-color:lightgray;
  background:white;
  


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

.Kjobinfo .fa:hover
{
    background-color:#113355; /*highlight*/

}

.Kjobinfo .fa
{
  position:absolute;
  padding:3px;
  top:0%;  
  right:0%;
  width:20px;
  height:20px;
  line-height:20px;
  text-align:center;
  background:green;
  color:white;
  z-index:9999999999;
  background:#226699; /*menucolor*/
}

.Kjobinfo .fa-refresh
{
  right:30px;
}


.KjobinfoContent
{
  position:absolute;  
  overflow:auto;  
  width:100%;
  height:100%;
}



body  a
{
  text-decoration:none;
  color: black;

}

body  a:visited
{
  text-decoration:none;
  color: black;
}

body  a:hover
{
  text-decoration:none;
}



.KTreeSymbol
{
  
}

.KTreeExpander
{
  
}
.KTreeExpander:hover
{
  
}


.KCheckBox
{
  dmargin-top:5px;
  spadding: 2px 4px 2px 4px;
}

#frame
{
  display:block;
  position: absolute;
  top:0;
  left: 0;
  color:none;
  width: 100%;
  height: 100%;
  padding: 38px 0px 0px 0px ;
  border: 0px solid green;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

#container
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  position:relative;
  background-color: none;
  z-index:1;
  color: white;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin:auto;
  border: 0px solid #949494;
  border-collapse: collapse;
  overflow:hidden;
}

.containerDIV
{
  display: table-cell;
  /* overflow: hidden; */
  margin:0;
  padding:0;
  width:20%;
  height: 100%;
  vertical-align:top;
  white-space: nowrap;
  border: 0px solid;
  border-collapse: collapse;
}





.localfiletable
{
  overflow:scroll;
  cursor:pointer;

  width:10px;


}


.localfiletable.tablelayoutfixed
{
  table-layout:fixed;  

}

.localfiletable td 
{
 
  border: 1px solid #BBB;
  padding-left:8px;
  padding-right:8px;
  vertical-align:middle;
  box-sizing: border-box;
  dborder-collapse: collapse;  
  sborder-radius:0px; /*borderradius_button*/
  text-overflow:ellipsis;
  overflow:hidden;
 
}

.localfiletable i 
{
  margin-left:-5px ;
  margin-right:-5px;
  
}

.localfiletable .fa-close
{
  color:black;    
}

.localfiletable .fa-close:hover
{
  color:red;    
}


.localfiletable tr 
{
  background:#F0F0FF; /*tableentry*/
  color:black;
 
}

.localfiletable tr.selected
{
  color:black; 
  background:lightblue;   
}

.localfiletable thead tr td
{
  background:#404055; /*tablehead*/
  color:white;
  border: 1px solid #777;
  cursor:inherit;
}



#KJobinfoTooltip
{
  position:absolute;
  z-index:9999;
  background:yellow;
  color:black;
}


#KSearchFieldGeneral
{
  width: 100%;
  height: 24px;

}

@-moz-document url-prefix() {
  form
  {
    text-indent: -4px;
  }
}




/* ================================ patient table =============================*/

.patientTableTopTools .menu_generic li
{
  padding-left: 4px; 
  padding-right: 4px; 
  border:0px solid green;
}

.patientTableTopTools .menu_generic li .active
{
 background:green;
}


#patientTableInnerContainer
{
  background-color:rgb(90,90,90);
  border-collapse:collapse;
  border-top: 1px solid black;
  border: 0px solid white;
  width:100%;
  height:100%;
  position:relative;
  display: inline-table;
 
}

#patientTableInnerContainer > div
{
  sssbackground-color:rgb(90,90,90);
  width:100%;
  height:20px;
  border:0px solid gray; /* top tool row*/

}

#patientTableLowerContainer
{
  width:400px;
  height:auto;
  ooverflow:auto;
  dddisplay:none;
  border:0px solid green;
}


.patientTable_timeMarker
{
  background:#007A29;
  background:darkcyan;
  color:white;
}



#patientTableWrap 
{
  overflow:auto;
  position:relative;
  cursor:default;
}

.stickytable 
{
  white-space:nowrap;
  padding:0;
  position: relative;
  sborder-collapse:collapse;
  box-sizing: border-box;
  font-size:11pt;
  border: 0px solid black;
  width:20px;
  cursor:inherit;
 
}

.stickytable.tablelayoutfixed
{
  table-layout:fixed;  

}

.stickytable  td 
{
   position: relative; /*why does this have to turned off to make job tooltip working?*/
   
   border-left:1px solid #aaa;
   border-bottom:1px solid #aaa;
   
   box-sizing: border-box;
   border-collapse: collapse;
  
   overflow:hidden;
   min-width:24px;
   text-overflow: ellipsis;
   
}

.stickytable tbody td
{
   padding-left:8px;
   padding-right:0px;
   padding-top:2px;
   padding-bottom:2px;  
      
} 
 

.stickytable tbody td:first-child i
{
  color:gray;
  margin:2px;
  margin-top:4px;
}

.stickytable tbody:not(.nohover)  td:hover
{
  overflow: visible; 
  z-index:10;
  background:inherit;
}

.stickytable tbody:not(.nohover) td:hover > span
{
  spadding-right:5px;
  
  position:relative;
  overflow: visible; 
  background:inherit;
  dcolor:#550;
  sstext-shadow: 0 2px 2px rgba(255, 255, 255, .9);

}



/*
td.fileCell
{
  overflow: visible; 
 
}

td.fileCell  > span
{
  z-index:10;
  padding-right:5px;
  
  position:relative;
  background:white;
  
}

*/







.fileCell
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none; /* disable marking of content */
   ddbackground:white;

}

/*
.td_Filename span
{
  cursor:pointer;
}
.td_CombinedName span
{
  cursor:pointer;
}
.td_StudyDescription span
{
  cursor:pointer;
}
*/

pp.stickytable .row_selected td:hover > span
{
  background:#F0F0FF; /*tableentry*/
  color:black;
  
}

pp.stickytable .row_selected td:hover
{
  background:#F0F0FF; /*tableentry*/
  color:black;
}

.stickytable tbody:not(.nohover) tr:hover 
{
  opacity:0.9;   
 
}

.stickytable tr 
{
  color:black;  

}

.patientTableHeaderCell:first-child i
{
  vertical-align:middle;
  line-height:24px;
  padding:0px !important;
}
.patientTableHeaderCell:first-child span
{
  padding:0px !important;
}


.patientTableHeaderCell > span > span
{
  cursor:pointer;
  width:98%;
  display:inline-block;  
  text-align:left;
}

.patientTableHeaderCell > span
{
  display:block;
  width:auto;
  padding-left:4px;
  height:24px;
  cursor:inherit;
  
  border:1px solid !important;
  border-color:black !important;
  margin:-1px;
  margin-right:-1.5px;  

  text-overflow:ellipsis;
  overflow:hidden;

  vertical-align:middle;
  line-height:24px;

}


.patientTableHeaderCell
{
  z-index:2;
  background:#444;
  color:white;
  border-right: 0px solid green;
  cursor:inherit;
  border:0px solid !important;

}

.patientTableHeaderSearchCell
{
  background:#AAA;
  color:black;
  padding-left:1px !important;
  padding-right:0px !important;
  border:0px solid !important;
  text-align:center;
}


.stickytable .row_selected
{
  background-color:#113355; /*highlight*/
  color: white;

}

.stickytable td i:nth-child(2)
{
  margin-left:7px
}

.stickytable td a
{
  color:inherit;
}




.stickytable thead td
{
  z-index:11;
}

.patientTableHeaderSearch > td > span > i
{
 margin-left:-2px;
}


.patientTableHeaderSearch > td 
{
  line-height:24px;
  z-index:1;
}

.patientTableHeaderSearch input
{
  width:100%;
  height:100%;
  margin:0px;
  padding: 3px;
  border:none;
  color:#171717;
  font-weight:normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  background: linear-gradient(to top left, #FFFFFF, #CFCFCF);
  cursor:inherit;

  height:22px !important;
 
}

.patientTableHeaderCell 
{
  line-height:24px;
  margin:2px;
  text-align:center;
}

.patientRow
{
  background-color:#999;
}

.patientTableHeaderRow
{
  color: white;
  font-weight: bold;
  font-size:11pt;
  cursor:inherit;
}


.studyRow
{
  background-color:	#D0D0D0  ;
}

.fileRow
{
  background-color:	#FCFCFC;
}

.rowSelected
{  
  background:#226699; /*menucolor*/ 
  color:white !important;
}


.subfolderRow
{
  background-color:	#E8E8E8    ;
}






select
{
  border-radius:0px;
  box-shadow: 0;
  border:none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}



.patientTableContextmenu
{
  position: absolute;
  display: none;
  z-index: 9999;
  padding: 0 ;
  margin: 0;
  height: auto;
  width:auto;
  border:0px solid transparent;
  left:100%;
  top:0;


}

.menu_context
{
  color: black;
  font-size:14px;
  font-weight:normal;
  white-space: nowrap;
  display: block;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: #E6E6E6;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
  text-align: left;
  border-radius:0px; /*borderradius*/
  background:#F0F0FF; /*submenucolor*/  

  
}

.menu_context i
{
  position:absolute;
  right:5px;
  top:5px;  
}

.menu_context i:nth-child(2)
{
  right:30px;  
}

.menu_context i:nth-child(2):hover
{
  color:red;
}


.menu_context i.pentool
{
   position:inherit;
  margin: 0px 0px 0px 0px;
  border: 0px solid gray;
  width: 20px;
  height: 20px;
  font-size:17px;
   background: gray; linear-gradient(to top left, #003D7A, #80B2E6);
   color:black;
  padding: 4px;

}
.menu_context i.pentool:hover
{
  background:#99C2EB;
}







.menu_context li
{
  padding:  5px 85px 5px 8px;
  margin: 0;
  float: none;
  position: relative;
  list-style: none;
  border: none;
  cursor:pointer;
  background: #E6E6E6;
  border: none;
  color: #666;
  border-radius:0px; /*borderradius*/
  background:#F0F0FF; /*submenucolor*/

}
.menu_context hr
{
  background:#F0F0FF; /*submenucolor*/  
}
.menu_context span
{
    white-space: nowrap;
  background:#F0F0FF; /*submenucolor*/

}

.menu_context  ul
{
  padding: 0;
  dborder-radius:0px; /*borderradius*/
  
}
.menu_context li ul
{
  display: none;
}

.menu_context li:hover
{
  background: #229966;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}


.menu_context li:hover > ul
{
  display:block;
}

.menu_context  li > ul
{
  float:none;
  position:absolute;
  top:0;
  left:100%;
  bborder:1px solid;
}


/*.menu_context li:after { clear: both; }*/


/*
.jobTable
{
  margin:auto;
  border-collapse: collapse;
  padding:50px;
  background-color: white;
  border: 1px solid black;
  color:black;

}

.jobTable th
{
  background-color:#4C4C4C;
  color: white;
  font-size:11pt;
  font-weight:bold;
  border-bottom: 1px solid black;
  padding: 5px 10px;
  border-right:1px solid;
  text-align:left;
  margin-top:30px;
}



.jobTable td
{
  border-bottom: 1px solid;
  padding: 4px 10px;
  border-right:1px solid;
  text-align:left;
  margin-top:30px;
}

.jobTable td input
{
 margin:0px;
 padding:4px;
 background:#f2f2f2;
 border:none;
 width:100%;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

*/



#gridjobtableContainer
{
 height:100%;
}

#gridjobtable
{
  overflow:scroll;
  width:100%;
  position:relative;
  height:100%;
}

.jobTable 
{
  border:0px solid green;
  height:auto;
  width:100%;
  position:relative;
  background-color: #000000;
  font-size:12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:5;
  border-collapse: collapse;
  overflow:scroll;

}

.jobTable.tablelayoutfixed
{
  table-layout:fixed;  
}

.jobTable td 
{
 
  border-left:1px solid #aaa;
  border-bottom:1px solid #aaa;
  padding-left:8px;
  padding-right:8px;
  box-sizing: border-box;
  border-collapse: collapse;
  max-width:150px;
  position:relative;

}

.jobTable td > span
{

  overflow:hidden;
  display:block;
  cursor:default;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: -1px; 
}


.jobTable tbody td:hover > span
{
  width:initial;
  position:relative;
  overflow: visible; 
  z-index:1;
  display: inline-block;
  border: 1px dotted;
  margin: -2px; 
  background:#F0F0FF;

}

.jobTable tbody td:hover > span.link
{
  cursor:pointer;
  color:blue;
  
}


.jobTable tr 
{
  background:#F0F0FF;
  color:black;
    cursor:inherit;

  
}

.jobTable tr.selected
{
  color:black; 
  background:lightblue;   
}


.jobTable  tr
{
    overflow:auto;
    text-overflow: ellipsis;
    
}



.jobTable thead td
{

  z-index:2;
  background:#404055; 
  color:white;
  border-right: 0px solid green;
  cursor:inherit;
 
}

.jobTableSearchCell  input
{
  width:100%;
}

.jobTableSearchCell
{
  background:#AAA;
  color:black;
  padding-left:1px !important;
  padding-right:0px !important;
  border:0px solid !important;
  text-align:center;
}











/* NOT NEEDED ANYMORE
.KCommandDialog
{

  border: 1px solid #229966;
  position:absolute;
  top:80px;
  left:300px;
  width:900px;
  height:560px;
  background:#1a334c;
  z-index:9999;
  font-size:13px;
  ooooverflow-y:auto;
}
*/


.KCommandDetails
{
  font-weight: normal;
  color:white;
}
.KCommandDetails li
{
  list-style: none;
  padding-left: 5px;
}
.KCommandDetails ol
{
  padding-left: 15px;

}


.KCommandList
{
  display:table-cell;
  font-weight: normal;
  color:black;

}

.KCommandList  ol
{
  padding-left: 15px;
  border: 0px solid white;
}

.KCommandList > ol
{
  padding-left: 0px;
  border: 0px solid white;
}



.KCommandList li
{
  cursor:pointer;
  list-style: none;
  padding: 5px 5px 5px 5px;
  background: -moz-linear-gradient(top,  #229966, #5C85AD); /* for firefox 3.6+ */

}
.KCommandList  li:hover
{
  background: -moz-linear-gradient(top,  #669acc, #669acc); /* for firefox 3.6+ */
  background: #669acc;

}

.KNodeRow 
{
  background:lightgray !important;
  color:#333;
}



.KChildRow0
{
  opacity:0.95;
}

.KChildRow1
{
  opacity:0.8;
}



.KCmdArgListTable
{

  border: 1px solid black;
  display: table;
  border-collapse:collapse;
  width:98%;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left:10px;

  font-size:16px;
  color: black;
  box-shadow: 5px 5px 5px rgba(0, 0,0, 0.5);  
  white-space:nowrap;

}
.KCmdArgListTable input
{

  font-size:12px;
  border: 1px solid black;
  padding: 1px 7px;
  color:#171717;
  background: linear-gradient(to top left, #FFFFFF, #CFCFCF);
  width:90%;
  
}

.KCmdArgListTable .tr
{
  padding: 0;
  display: table-row;
  border: 0px solid black;
    
  background:#F0F0FF; /*submenucolor*/
 
}

.KCmdArgListTable .tr:first-child
{
  display: table-row;
  background-color:#113355; /*highlight*/
  color:white;   

}
.KCmdArgListTable .td:first-child
{
  
  width:30%;
}


.KCmdArgListTable .td
{
  display: table-cell;
  border: 0px solid black;
  padding:2px;
  text-align:left;
  

  border-radius:0px; /*borderradius*/
  
}

.KCmdHeadSeparatorStyle
{
  height:30px;
  
  border:0px;
  margin-top:10px;
  margin-left:4px;
  box-shadow: 2px 2px 2px rgba(0, 0,0, 0.5);  
  border-radius:0px; /*borderradius*/

}

.KCmdHeadSeparatorStyle ul
{
  background:#226699; /*menucolor*/
}

.KCmdHeadSeparatorStyle a:hover
{
  background-color:#113355; /*highlight*/
}


.KCmdBatch
{
  height:520px;
  overflow-y:scroll;
  padding-top:5px;
  padding-left:5px;

}



.KCmdToolBar
{
  border: 1px solid gray;
  padding: 5px;

}
.KCmdTool
{
  border: 1px solid #888;
  cursor: pointer;
  padding: 0px;
  background:white;
  margin-left:1px; 
  margin-right:1px;
  padding-left:2px;
  padding-right:2px;
   background:#226699; /*menucolor*/
  color:lightgray;  
  border-radius:10%
}

.KCmdTool:hover
{
  
  background-color:#113355; /*highlight*/

}


.dialog_generic_frame
{
  position:absolute;
  height:80%;
  width:60%;
  left: 300px;
  top: 80px;
  display: none;
  border: 2px solid;
  border-color:#113355; /*highlight*/
  background:#111122; /*windowbackground*/
   box-shadow: 10px 10px 10px rgba(100, 100,100, 0.3); 
   -webkit-box-shadow: 10px 10px 10px rgba(100, 100,100, 0.3); 
  z-index:900;
  border-radius:0px; /*borderradius*/

}


.dialog_generic_menu
{
  position: absolute;
  top: 0px;
  height:30px;
  width:100%;

}


.dialog_generic_resizeTriangle
{
  position:absolute;
  background-color:none;
  height:0px;
  width:0px;
  bottom:0px;
  border-bottom: 30px solid;
  border-color:#226699; /*menucolor*/
  border-left: 30px solid transparent;
  right:0px;
  display: block;
  z-index:901;
  cursor: se-resize;
}
.dialog_generic_resizeTriangle:hover
{  border-bottom: 30px solid gray; }

.dialog_generic_resizeTriangle_hovered
{  border-bottom: 30px solid gray;}

.dialog_generic_container
{
  position:relative;
  display: block;
  overflow:scroll;
  resize: both;
  background-color:none;
  /*height:100%;*/
  top:30px;
  height: -moz-calc(100% - 31px);
  height: -webkit-calc(100% - 31px);
  height: calc(100% - 31px);

  font-size:11pt;
  color: lightgray;

}


.popupDIV
{
  background-color:#1a334c; 
  font-size:11pt;
  color: lightgray;
  text-indent: 0px;
  text-align:left;
  padding:0px;
  border: 1px solid #1a334c;
  height:90%;
  width:70%;
  position:absolute;
  margin-left: 100px;
  display: none;
  top: 50px;
  z-index:900;
  oooverflow-y:auto;
  oooverflow-x:scroll;
  resize: both;
}


.popupDIV header
{
  color:white;
}

.popupDIV table
{
  white-space: nowrap;
}
.popupDIV  table  td:last-child
{
  text-align:left;
}


.innerScrollContainerDIV
{
  height: -moz-calc(100% - 30px);
  height: -webkit-calc(100% - 30px);
  height: calc(100% - 30px);
  overflow-x:scroll;
  overflow-y:scroll;
}




.menuDIV
{
  background: #229966; /* for non-css3 browsers */
  bbackground: -moz-linear-gradient(top,  #229966, #5C85AD); /* for firefox 3.6+ */
  margin-bottom: 0px;
  width:100%;
  height:30px;
  color:white;
  text-shadow: 1px 1px 1px black;
  font-size:15pt;
  border-bottom:0px solid ;
  text-align:left;
  text-indent: 0px;
  z-index:99;
}



/* this is already the ul */
.menu_generic
{
  position:relative;
  
  font-size:17px;

  display: block;
  height: 100%;
  width:  100%;
  margin: 0px;
  padding: 0px;
  border: 0px solid green;

  background:#226699; /*menucolor*/


  stext-shadow: 1px 1px 1px black;
  white-space:nowrap;
   
  border-radius:0px; /*borderradius*/

}



.menu_generic li
{
  padding-left:5px;
  padding-right:5px;
  float: left;
  position: relative;
  list-style: none;
  border: none;
  z-index:99; /* this is important !!!! since the main frame is filling whole window */
  cursor:pointer;
  color: white;
  border-radius:0px; /*borderradius*/
  color:whitesmoke;

}

.menu_generic li.logo
{
  padding: 0px 0px;
  fwidth:100px;
  display:flex;
  align-items:center;
}

.menu_generic li.logo >  div
{
  box-sizing:border-box;
  margin:auto;
  padding:0px;
  padding:0px;
  height:29px;
  dwidth:100%;
  overflow:hidden;
  position:relative;
  display:flex;
  justify-content:center;
}
.menu_generic li.logo > div > img
{
  box-sizing:border-box;
  height:100%;
  border:0px solid white;
  /*position:relative;
  top:50%;
  left:50%;*/
}

.menu_generic li.icon_only
{
  padding:6px 12px;
}


.menu_generic li.menu_generic_disabled
{
  color:grey;
  text-shadow:none;
  pointer-events:none;
  cursor: move;
  line-height:30px;
}

.menu_generic li.menu_generic_labelname
{
  color:whitesmoke;
  text-shadow:none;
  pointer-events:none;

}



.menu_generic li.menu_generic_tabbed
{
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  color:lightgrey;
  text-shadow:none;
  pointer-events:none;
  cursor: default;
  background:#111122; /*windowbackground*/

}


/* main level link */
.menu_generic li a
{
   display: block;
    color: inherit;
}



/* main level li hover */
.menu_generic li:not(.nohover):hover  , li.jsHover
{
  aabackground: #d1d1d1; 
  aacolor: #444;

  background:#113355; /*highlight*/
  color: #FFF !important;

  aa-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  aa-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  aabox-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  aatext-shadow: 2px 2px 3px rgba(255, 255, 255, .8);

  text-decoration:none;
  z-index:100; /* this is important !!!! since the main frame is filling whole window */
}


/* sub levels li hover 
.menu_generic li:hover li
{

  sbackground: #E6E6E6;
  s-webkit-box-shadow: none;
  s-moz-box-shadow: none;

}
.menu_generic ul li:hover , li.jsHover
{

}
*/
/* dropdown */
.menu_generic li:hover > ul , .menu_generic li.jsHover > ul
{
  display: block;
  visibility:visible;
  transition:visibility 0ms ;
}


.menu_generic ul
{
  left:0; 
}


.menu_generic ul.rightmenu
{
  left:initial;
  right:0; 
}

/* level 2 list */
.menu_generic ul
{
  background:#F0F0FF; /*submenucolor*/
  display: none;
  visibility:hidden;
  margin: 0;
  padding: 0;
  min-width: 150px;
  position: absolute;
  top: 30px;
  border: solid 0px #b4b4b4;
  transition:visibility 0ms ease-out 60ms, opacity 60ms ease 0ms;
  border-radius:0px; /*borderradius*/
  box-shadow:1px 1px 1px 1px gray;
}

.menu_generic a 
{
  line-height: 30px;
  vertical-align: center;
  padding:  0px 0px;
  dbackground:white;
  sborder-color:red;
  sborder: solid 1px;
  width:100%;
  height:30px;
}


.menu_generic > li > ul >li
{
  background-color:#F0F0FF; /*submenucolor*/
  margin:0px;
  margin-right:0px;
}

.menu_generic > li > a > i
{
  line-height:30px;
  text-align:center;
  height:100%;
  width:30px;
}

.menu_generic > li > a > i
{
  dbackground:yellow;  
  
}

.menu_generic > li > ul >li > i
{
  line-height:30px;
  text-align:center;

}


.menu_generic  ul li
{
  float: none;
  width:auto;
  text-shadow: 0 1px 0px rgba(255,255,255, .1);
  apadding:10px 10px 10px 10px;
  display:flex;
  color: #444;
  /*background-color:#000; */
}

.menu_generic.small ul
{
  font-size:13px;
}

.menu_generic.small ul li
{
  apadding:4px 0px 4px 10px;  
}

/* second menu expand to right horizontal */
.menu_generic > li > ul > li >ul
{
  left: 100% ;
  top:0;
  width:auto;

}

.menu_generic > li > ul > li > a > i
{

}

.menu_generic > li > ul > li > a > i:nth-child(2)
{
  position:relative;
  float:right;
  line-height:30px;
  text-align:center;

}


.menu_generic > li > ul > li > ul > li > i
{
  line-height:30px;
  text-align:center;
  
}

.menu_generic > li > ul i:first-child
{
  dmargin-left:20px;
  flex-grow:1;
  bborder:1px solid green;
  text-align:right;
}




/* clearfix: insert somethig after the content of each elemnt */
.menu_generic:after
{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}


.menu_generic .inverted_white
{
  color: white;
}
.menu_generic .inverted_red
{
  aabackground: #aaaaaa;
  color:white;
}
.menu_generic .inverted_green
{
  background: green;
  color:white;
}

.menu_generic ul li .usercmdshortcut
{
  padding: 0px 3px;
  float:right;
}

.menu_generic ul li .usercmdshortcut:hover
{
  color:black;
}

.menu_generic .roitoolbutton
{
  float:right;
  height:20px;
  padding:6px 12px;
  margin:0px;
}


.menu_generic .roitoolbutton.selected
{
  color: white;
  text-shadow: 3px 3px 3px black;  
}

.menu_generic .roitoolbutton input
{
  width:40px;
  margin-top:-1px;
}



.tool_menu_generic
{
  display:flex;
  justify-content:center;
  border:0px solid white;
  align-items:center;
  overflow:hidden;

}
.tool_menu_generic li
{
  border:0px solid red;  
}


.patientTableNavigator
{
  margin:0px;
  height:5px;
  display:flex;
}

.patientTableNavigator  li
{
  display: block; 
  float: left;
  box-sizing:border-box;
  border-collapse:collapse;
  
}

/*  create some rudimentary styling for our tooltip class */

.tooltip{
    display: inline;
    position: relative;
}
/*
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
    content: attr(title);
}
*/

.KSortDir
{
  background: whitesmoke;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid lightgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:30%;
  box-shadow: 1px 1px 1px lightgray;
  color:gray;
  height:auto;  
  sfloat:right;
  ddisplay:inline-block;
}

.KSortDir:hover
{
  background: gray;
  color:black;
}



.KJobAction
{
  background: whitesmoke;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid lightgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:30%;
  box-shadow: 1px 1px 1px lightgray;
  color:gray;
  height:auto;  
  
}

.KJobAction:hover
{
  background: gray;
  color:black;
}


.KTextButton
{
  background: whitesmoke;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  border: 2px solid lightgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:30%;
  box-shadow: 1px 1px 1px lightgray;
  color:gray;
  height:auto;
}

.KTextButton.selected
{
  background: red;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  border: 2px solid lightgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:30%;
  box-shadow: 1px 1px 1px lightgray;
  color:gray;
  height:auto;
}


.KTagFile
{
  background: whitesmoke;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid lightgray;
  
  border-radius:30%;
  box-shadow: 1px 1px 1px lightgray;
  color:gray;
  height:auto;
}


.KTagPatient
{

  background: white;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid darkgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:30%;
  fbox-shadow: 1px 1px 1px lightgray;
  color:black;
  height:auto;
}

.KTag 
{

}
#KJobinfoTooltip > ul /* this is for the tooltip on the running jobs*/
{
  position:absolute;
  font-size:15px;
  list-style:none;
  background:white;
  padding:0px;
  margin:0px;
  z-index:9999;
}
#KJobinfoTooltip > ul >li  /* this is for the tooltip on the running jobs*/
{
  background: lightyellow;
  padding:5px;
  z-index:99999;
  white-space: nowrap;
  cursor:pointer;
  
}

#KJobinfoTooltip > ul >li > span
{
  background: gray;
  border: 2px solid darkgray;
  margin-left:10px;
  color :white;
  border-radius:4px;
  padding-left:2px;
  padding-right:2px;
}
#KJobinfoTooltip > ul >li > span:hover
{
  background: lightgray;
}

#KHighlighter
{
  position:absolute;
  z-index:99999;
  background:none;
  color:black;
  width:100%;
  box-sizing:border-box;
  border: 4px solid yellow;
  opacity:0.7;
  pointer-events:none;
  border-radius:3px;

}




#standardTooltip 
{
  position:absolute;
  z-index:9999;
  background:#333;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:5px;
  padding-right:5px;
  border-radius:5px;
  border: 1px solid darkgray;
  font-size:16px;

  color:white;
  opacity:0.8;
  max-width:300px;

}





.KTagWaiting
{
  background: yellow;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid darkgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:50%;
  fbox-shadow: 1px 1px 1px lightgray;
  color:black;
  display:none;
}
.KTagRunning
{
  background: green;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid darkgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:50%;
  fbox-shadow: 1px 1px 1px lightgray;
  color:black;
  display:none;
  z-index:9999999999;
}



.KTagError
{
  background: red;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid darkgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:50%;
  fbox-shadow: 1px 1px 1px lightgray;
  color:black;
  display:none;
}

.KTagSuspended
{
  background: orange;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid darkgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:50%;
  fbox-shadow: 1px 1px 1px lightgray;
  color:black;
  display:none;
}

.KTagRegistered
{
  background: white;
  margin: 1px;
  padding: 1px;
  font-size: 8px;
  border: 2px solid darkgray;
  ggtext-shadow: 1px 1px 1px gray;
  border-radius:50%;
  fbox-shadow: 1px 1px 1px lightgray;
  color:black;
  display:none;
}



#KStatusBar
{
  overflow:hidden;
}

#KStatusBar:hover
{
  cursor:default;

}


.patientTableEditMode
{
  background:#111122; /*windowbackground*/
  overflow:hidden;
}


#patientTableEditModeTextFirst
{
  margin :1px;
  margin-left:0px;
  background:#113355; /*highlight*/

}
#patientTableEditModeTextSecond
{
  margin :1px;
  margin-left:0px;
  background:#113355; /*highlight*/

}



.testag
{
  color : red;
  background:green;
  
}


.listFrame
{
  display:flex;
}

.listFrame > div
{
  border:0px solid green;
  height:100%;
  align-self:  flex-start ;
  overflow-y:auto; 
}
.listFrame > div:nth-child(2)
{ 
  margin-top:-0px;
  min-width:200px;
  dflex-grow:1;
  border:0px solid red;
}


.listFrame > div:last-child
{
  flex-grow:1;
  border-left: 1px solid gray;
  background
}




.listFrame_left
{

  
  border:0px solid green;
  padding:0px;
  margin:0px;
  min-width:190px;
}

.listFrame_left li
{
  position: relative;
  list-style: none;
  border: none;
  cursor:pointer;

  color: #444;
  display:flex;
  flex-wrap: nowrap;
  border-radius:0px; /*borderradius*/
  background:#F0F0FF; /*submenucolor*/
}


.listFrame_left li:hover
{
  background: #a1a1a1; /* for non-css3 browsers */
  color: #444;
}


.listFrame_left li.active
{
  background:#226699; /*menucolor*/
  color:white;
  border-top:0px solid gray;
}


.listFrame_left li > div
{
  display:flex;
  flex-direction;
  text-align:right;
  border:0px solid;
  height:30px;
  padding:5px;
  font-size:15px;
  align-items:center;
}

.listFrame_left li > div:first-child
{
  flex-grow:1;

}


.listFrame_left li > div:last-child
{
  align-self: flex-end; 
}

.autoloadersnapshot
{
   position:absolute;
   
}

.listFrame_left.apply li
{
  background: hsl(120, 100%, 25%);
  color:white;
  padding:0px;
  margin:15px;
  margin-top:32px;
  border-radius:15px;
}
.listFrame_left.apply li:hover
{
  dbackground: hsl(120, 100%, 30%);
  opacity:.87;
  ddcolor:black;
}

.listFrame_left.apply li  div
{
  text-align:center;
  __position:relative;
  __left:-30%;
  display:inline;
}

.listFrame_left i
{
  padding: 8px; 
  font-size:16px;
}

.listFrame_left i:hover
{
  color: white; 
}
.listFrame_left li.active i:hover
{
  color: black; 
}
.listFrame_left i.activecheck
{
  __border-radius:50%;
  __box-shadow: inset 0 0 20px green;
  visibility:visible;
}




.autoloaderitem
{
  __display: inline-block;
}

.autoloaderitem.KFormItem
{
  align-items:center;
  vertical-align:top;
}

.autoloaderitem label
{
  __min-width: 0px !important;
}


.autoloaderDIV
{
  position:relative;
  margin:10px;
   background:#113355; /*highlight*/
  border-radius:10px;  
  align-items:center;

}

.autoloaderToolbar
{
  position:absolute;
  top:0;
  right:0;
  border:0px solid green;
 
}
.autoloaderToolbar  i
{
  padding: 8px; 
  font-size:20px;
}

.autoloaderToolbar  i:hover
{
   background:#226699; /*menucolor*/
}

.KFormItem
{
  
  margin:10px;
  color:lightgray;
  font-size:15px;
}


.KFormTitle
{
  margin-left:10px;
}

.KFormItem label 
{
  min-width: 170px;

}


.KFormItem_label
{
  display: inline-block; 
  text-align:left;
  margin-right:10px;
  text-align:right;
  vertical-align:top;

}

.KFormItem input:hover 
{
    -webkit-box-shadow:  0 0 2px 2px rgba(82,168,236,.9);

}

.KFormItem input[type=radio]
{
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
}
.KFormItem input[type=text], input[type=number]
{
  width:200px;
  border-radius:4px; /*borderradius_tool*/

}

.KFormItem textarea
{
  font-family:Courier New;
  height:auto;
  width:200px;
  border-radius:4px; /*borderradius_tool*/

}



.KFormSeparator
{
  height:2px;
  background: lightgray;
  opacity:0.2;
  border-radius:4px; /*borderradius_tool*/
  margin-top:10px;
  margin-bottom:10px;
  
}

.KFormInfo
{
  float: left;
  font-size: 16px;
  font-weight:bold;
  color:yellow;
  padding: 3px;

}

.NiceButton > div /* this is a button*/
{
  display:block;
  margin:8px 10px 8px 0px;
  width:100%;
  color:white;
  font-size:25px;
  text-align: center;
  border : 0px solid white;
  padding: 20px  0px;
  cursor: pointer;
  font-weight:normal;
  overflow:hidden;
  vertical-align: middle;

  text-shadow:0px 2px 26px gray;
  border-radius:3px;
  box-shadow:2px 2px 5px 1px ;

  background:#226699; /*menucolor*/
}


.NiceButton > div.green
{
  background: #008000; /* Old browsers */
  background: linear-gradient(to bottom, #009900 50%,#008000 50%); /* W3C, IE10+*/
}
.NiceButton > div.green:hover
{
  background: #008000; /* Old browsers */
}


[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

#dragimg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -99;
    padding:4px;
    color:yellow;
    background:#226699; /*menucolor*/
    border:1px solid gray;
    

}


.modernbutton
{
  cursor: pointer;
  background:#226699;/*menucolor*/
  margin:8px;
  min-width:200px;
  height:40px;
  line-height:40px;
  text-align:center;
  position:relative;
  left:00px;
  font-size:16px;
  color:white;
  font-weight:normal;
  border-radius:5px;
}

.modernbutton i
{
  padding-right:10px;
}


.modernbutton:hover
{
   background:#1c537d; /*highlight*/
}


.modernbutton.green
{
  background: hsl(120, 100%, 25%);
}
.modernbutton.green:hover
{
  background: hsl(120, 100%, 27%);
}



.loginContainer
{
  padding: 65px 15px;
  margin:auto;
  font-size:15px;
  width: 450px;
  margin-top: 100px;
  text-align:center;
  color: white;
  
  display: flex;
  flex-direction:column;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  color:white;
  dfont-size:12px;
  text-align: center;
  vertical-align:middle;

  border:8px solid;
  border-color:#226699; /*bordercolor*/
  border-radius:20px ;
  background:#111122; /*windowbackground*/




}



.loginContainerFlex
{
  border:0px solid red;
  box-sizing:border-box;

  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  margin:10px;
  
  min-width:300px;
  font-size:17px;
  text-align: center;
  vertical-align:middle;
  font-weight:normal;
  border-radius:5px ;
  
  padding:15px;

  color:white;
} 



input.loginContainerFlex 
{
  border-radius:0px;

  font-size:17px;
  padding:6px 15px;
  text-align:left;
  -webkit-box-shadow: 0 0 0px 1000px #e6e6e6 inset;
  border:2px solid #4d4d4d;
  color:black;
}

input.loginContainerFlex.mandatory
{
   font-size:23px;
}



input.loginContainerFlex:focus
{
  border:2px solid ;
  border-color:#226699; /*menucolor*/

}




/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
    
}

 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-border-radius:0px; /*borderradius*/
    border-radius:0px; /*borderradius*/
background-clip:padding-box;    
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius:0px; /*borderradius*/
    border-radius:0px; /*borderradius*/
    background:#226699; /*menucolor*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#226699; /*menucolor*/
}

::-webkit-scrollbar-corner {
  background: transparent
}

#KProgressFrame,#KLoadingFrame
{
  position:absolute;
  color:#F0F0FF; /*submenucolor*/  
  background:#113355; /*highlight*/
  width:100%;
  height:100%;
  opacity:1;
  z-index:500;
}

#KLoadingFrame
{
  display:none;
}

#KLoadingFrameText
{
  position:absolute;
  transform: translate(-50%, -50%);
  left:50%;
  top:70%;
  aabackground:#F0F0FF; /*submenucolor*/  
  cccolor:#113355; /*highlight*/
  color:white;
  opacity:1;
  z-index:9999999999;
}

#KLoadingFrame .fa-spinner 
{
  position:absolute;
  left:48%;
  top:45%;
  opacity:1;
  z-index:99999999999999;
  
}

#KProgressFrame .fa-spinner
{
  position:absolute;
  left:40%;
  top:45%;
  opacity:1;
  z-index:99999999999999;
  
}

#KLoadingFrame .fa-close
{
  position:absolute;
  right:2%;
  top:2%;
  opacity:0.2;
  z-index:99999999999999;  
}

#KLoadingFrame .fa-close:hover
{
  opacity:0.6;
}





.fileupload_tool
{
  height:17px;
  horizontal:center;
  padding-top:3px;
  padding-right:2px;
  padding-left:2px;
  margin-left:5px;
  background:#226699; /*menucolor*/
  float:right;
  
}

.fileupload_tool:hover
{
  background:#113355; /*highlight*/
  
}

.modalWindow
{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  background: rgba(100,100,100,0.9);
  z-index:999;
  margin:0px;
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
}

.modalWindow > div /* this is the container*/
{
  background: gray;
  width:600px;
  height:90%;
  padding:30px;
  margin:50px;
  border:1px solid;
  border-radius:10px;
  text-align:left;
  box-sizing:border-box;

}

.modalWindow_controls 
{
  display:flex;
  flex-direction:row;
}

.modalWindow_controls > div
{
  flex-grow:1;
}

.modalWindow_message 
{
  height: 20px;
  padding:20px 10px 30px 10px;
  font-size:18px;
  color:rgba(180,0,0,1);;
}

.modalWindow_title
{
  line-height:35px;
  font-size:30px;
  margin-bottom:10px;
  border-bottom:1px solid;
}

.fileDropper
{
  padding:10px 10px;
  margin: 0px 0px;
}
.fileDropper > div:first-child /* drop area */
{
  position:relative;
  height:230px;
  font-size:22px;
  line-height:1.7;
  text-align:center;
  font-weight:bold;
  color:lightgray;
  vertical-align:middle;
  border-radius:8px;
  border:3px dashed;
  background: rgba(39, 39, 39, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  margin: 20px 0px;
}

.fileDropper > div:first-child .progressSpinner /* drop area */
{
  top:0px;
  position:absolute;
  background:gray;
  opacity:.9;
  display:flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  width: 100%;
  height:100%;
  color:green;

}

.fileDropper table td
{
  font-size:16px;
  padding: 5px 10px 0px 0px;
  width:100%;
}

.fileDropper table td i
{
}

.fileDropper table td i:hover
{
  color:darkred;
}

.fileDropper table thead td
{
  font-weight:bold;
  border-bottom: 1px solid white;
  white-space:nowrap;
  min-width:15px;
}

#powerdbydpx
{
  font-size:10px;
  align-self: flex-start;
  position:relative;
  bottom:-60px;
}

#powerdbydpx a
{
  color:gray;
  cursor:pointer;
}




.instanceselector
{
  padding: 65px 15px;
  margin:auto;
  font-size:15px;
  width: 650px;
  margin-top: 100px;
  text-align:center;
  color: white;
  
  display: flex;
  flex-direction:column;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  color:white;
  dfont-size:12px;
  text-align: center;
  vertical-align:middle;

  border:8px solid;
  border-color:#226699; /*bordercolor*/
  border-radius:20px ;
  background:#111122; /*windowbackground*/

}


.instanceselector .instancebox /* one selection */ 
{

  display:flex
  vertical-align:middle;
  flex-direction: column;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  border: 0px solid red;
  margin-top:20px;
  width: 80%;
  height:100%;

}

.instanceselector .instancebox .instanceelement /* one selection */ 
{

  position:relative;
  height:auto;
  text-align:center;
  
  color:lightgray;
  vertical-align:middle;
  border-radius:8px;
  border:0px solid;
  background: #226699;
  display: flex;
  flex-direction: column;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  margin: 30px 30px;
  padding: 10px 10px;
}
.instanceselector .instancebox .instanceelement:hover /* one selection */ 
{
  background: #1c537d;
}

.instanceselector .instancebox .instanceelement > div:nth-child(1) /* one selection */ 
{
  font-size:25px;
  font-weight:bold;
  padding: 10px 10px;
}
.instanceselector .instancebox .instanceelement > div:nth-child(2) /* one selection */ 
{
  font-size:15px;
  color: #b3b3b3;
}