/**
 * (C) Copyright Mindus SARL, 2026.
 * All rights reserved.
 * 
 * The IIZI VirtualSpace Viewer CSS.
 */

/* HTML+body */
html,body
  {
  -webkit-user-select:none;
   -khtml-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
       -o-user-select:none;
          user-select:none;
  
  /* Webkit + iOS touch scroll */        
  -webkit-overflow-scrolling: touch;
  
  /* MSIE touch */
  /*-ms-scroll-chaining: none;*/
  -ms-overflow-style: -ms-autohiding-scrollbar;
  
  /* Smooth scrolling by default */
  scroll-behavior:smooth;
  }

/* Body */
body
 {
 background-color: #D0D0D0 !important;
 font-size: 10pt !important;
 font-family: "Segoe UI","Open Sans",Sans-Serif !important;
 font-weight: normal !important;
 letter-spacing: .02em;
 color: #000;
 margin:0;
 }

/* Outer Div */ 
.vsvOuter
 {
 position:absolute;
 left:50%;
 }

/* Inner div */
.vsvInner
 {
 position:absolute;
 top:20pt;
 left:-300px; 
 width:600px;
 background-color:#F0F0F0;
 border:1px solid #777;
 box-shadow:2px 2px 10px gray;
 border-top:none;
 border-right:none;
 }

.vsvInner>h1,
.dijitContentPane>h1,
h1
 {
 color:#FFF !important;
 font-size:48px !important;;
 font-family:"Segoe UI","Open Sans",Sans-Serif;
 font-weight:300;/*Light*/
 letter-spacing:.01em;
 line-height:67px !important;
 padding:0 0px 0px 15px;
 margin:0;
 background-color:#421634;
 min-height:75px;
 }
.vsvInner>h1:after,
.dijitContentPane>h1:after,
h1:after
 {
 display:block;
 float:right;
 content: ' ';
 width:120px;
 height:42px;
 padding-top:31px;
 margin:0;
 background-image:url("/images/IIZI-white.svg");
 background-repeat:no-repeat;
 background-size:120px 42px;
 background-position:right center;
 }
 
/*.vsvHeading
 {
 }*/

.userForm
 {
 margin:12pt;
 color: #000;
 font-size: 12pt;
 line-height: 16pt;
 }
 
.static
 {
 color: #000 !important;
 font-size: 12pt !important;
 line-height: 16pt !important;
 }

.input
 {
 color: #000 !important;
 font-size: 12pt !important;
 line-height: 16pt !important;
 }

a
 {
 color:#000 !important;
 }

/**
 * The VS view.
 */

/*.vsvBorderContainer
 {
 }*/
 
/*.vsvHeader
 {
 }*/
  
.vsvFilterCnr
 {
 background-color:#F0F0F0;
 padding:4px 28px 4px 8px !important;
 border-bottom: 1px solid #CCC;
 border-right: 1px solid #CCC;
 /*font-size: 8pt;*/
 }
 
.vsvFilterText
 {
 width:1px;
 padding-right:8px;
 }

.vsvFilterInput
 {
 width:100% !important;
 padding-right: 22px !important; 
 position: relative;
 }
.vsvFilterInput > div
 {
 padding:1px 4px !important;
 }

.vsvViewTree
 {
 background-color:#FFF;
 border-right:1px solid #ccc;
 height:100%;
 }
.dijitTreeRow
 {
 padding-top:0 !important;
 padding-bottom:0 !important;
 line-height:18px !important;
 }
 
.vsvReferencePane
 {
 border-top: 1px solid #CCC;
 padding:2px 4px !important;
 background-color:#F0F0F0;
 }
 
/**
 * Panes.
 */
.vsvPaneHeader
 {
 background-color:#F0F0F0;
 padding:5px 8px 0 8px !important;
 border-bottom: 1px solid #CCC;
 font-size: 14pt;
 color: #0088CC;
 height:27px;
 overflow: hidden;
 }
.vsvPaneHeaderCP
 {
 background-color:#F0F0F0;
 padding:5px 8px 0 8px !important;
 border-bottom: 1px solid #CCC;
 font-size: 14pt;
 color: #0088CC;
 width:100% !important;
 height:27px !important;
 overflow: hidden;
 }
.vsvPaneHeaderRef
 {
 color: #000;
 }
.vsvContentPane
 {
 border-left:1px solid #ccc;
 background-color:#F8F8F8;
 padding:0 !important;
 }
.vsvFocusButton
 {
 padding: 2px 5px;
 margin: 0 5px;
 font-weight:bold;
 }
.vsvFocusButton:disabled
 {
 color:darkred;
 font-weight:200;
 }
 
/**
 * VSField pane.
 */
.vsvPaneFieldTable
 {
 padding:2px 6px 6px 6px;
 width:100%;
 }
 
/*.vsvPaneType
 {
 }*/
.vsvPaneFieldRow
 {
 height:32px;
 }
.vsvIsNullValue
 {
 color: #0088CC !important;
 font-weight:bold !important;
 font-style:italic !important;
 }
.vsvPaneMCAT
 {
 height: 26px !important;
 }
.vsvPaneTextArea
 {
 width: 100% !important;
 }
.vsvPaneNullButton
 {
 margin:-1px 0 !important;
 }
/*.vsvPanePattern
 {
 }*/
.vsvMCAT
 {
 text-decoration:underline;
 color:#000;
 }
.vsvMCAT a:hover
 {
 text-decoration:underline;
 color: #0088CC;
 }
.vsvMCAT a:visited
 {
 text-decoration:underline;
 color: #000;
 }
.vsvMCATIcon
 {
 float:left;
 /*display:inline-block; implicit "block" because of float:left*/
 position:relative;
 margin-top:3px;
 width:20px;
 }
 
/**
 * Action.
 */
.vsvPaneActionTable
 {
 padding:2px 6px 6px 6px;
 }
.vsvPaneRunButton
  {
  margin:10px 0 !important;
  }
  
/**
 * dgrid.
 */
.vsvGrid
 {
 height:100% !important;
 width:100% !important;
 border:0 none !important;
 position:absolute;
 }
.vsvGridRowSel
 {
 width: 27px; 
 }
.vsvGridRowCol
 {
 width:45px;
 }
.vsvGrid .dgrid-resize-header-container
 {
 word-wrap: break-word;
 /*word-break: break-all;*/
 text-overflow: ellipsis;
 white-space: normal !important;
 font-weight: 600 !important; /* Semibold */
 }
.vsvGrid .dgrid-cell
 {
 text-overflow: ellipsis;
 white-space: nowrap;
 }
.vsvGrid .dgrid-cell-padding
 {
 padding:1px 3px !important;
 }
.vsvGridBottomPane
 {
 margin:0 !important;
 padding:0 !important;
 border-top:1px solid #ccc;
 }
.vsvGridBottomPaneSep
 {
 background-color:#fff;
 height:2px;
 width:100%;
 overflow:hidden;
 border-bottom: 1px solid #CCC;
 }
.vsvGridBottomPaneHead
 {
 background-color:#F0F0F0;
 padding:2px 8px !important;
 border-bottom: 1px solid #CCC;
 font-size: 12pt;
 color: #0088CC;
 overflow: hidden;
 }
.vsvGridBottomPaneRef
 {
 color: #000;
 }
 
/**
 * Table and column bottom.
 */
.vsvPaneBottomTable
 {
 padding:4px 6px 0 6px;
 }

/**
 * Clear.
 */
.vsvFilterInput a.vsvClear
 { 
 width: 16px;
 height: 16px;
 display: block;
 overflow: hidden;
 text-indent: -5000px;
 position: absolute;
 top: 3px; 
 right: 5px;
 background: url(../../images/clear_filter_transparent.gif) 0 0 no-repeat;
 z-index: 2000;
 cursor: pointer; 
 }

.dj_ie .vsvFilterInput a.vsvClear
 {
 top:1px;
 }

.vsvFilterInput a.vsvClear:hover
 { 
 background: url(../../images/clear_filter_hover.gif) 0 0 no-repeat;
 }