/** Date input */
    input.dateInput:where(:not([data-cm-widget] *)), input.dateInput.medium_value:where(:not([data-cm-widget] *)) {
      background-color: #ffffff;
      padding-right: 30px;
      margin-right: 0px;
    }
    div.dateInputContainer:where(:not([data-cm-widget] *)) {
      display: inline-block;
      position: relative;
      margin-right: 10px;
    }
    
    
    div.dateInputContainer:where(:not([data-cm-widget] *)) > span.calendar:where(:not([data-cm-widget] *)) { 
      position: absolute;
      right: 0px;
      top: 0px;
      cursor: pointer;
      font-size: 16px;
      padding: 0px 10px;
      line-height: 30px;
      outline: 0 solid transparent;
    }
    
    input.dateInput.disabled:where(:not([data-cm-widget] *)) + span.calendar:where(:not([data-cm-widget] *)), input.dateInput:disabled:where(:not([data-cm-widget] *)) + span.calendar:where(:not([data-cm-widget] *)) {
      cursor: default;
      color: #D1D2CE;
    }
    
    /** File input */
    input.fileInput:where(:not([data-cm-widget] *)) {
      position: relative;
      text-align: right;
      -moz-opacity:0 ;
      filter:alpha(opacity: 0);
      opacity: 0;
      z-index: 3;
      cursor: pointer;
    }
    div.fileInputContainer:where(:not([data-cm-widget] *)) {
      position: relative;
      width: 446px;
    }
    input.fileInputDummy:where(:not([data-cm-widget] *)) {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 1;
    }
    span.folder:where(:not([data-cm-widget] *)), div.fileInputContainer:where(:not([data-cm-widget] *)) span.clear:where(:not([data-cm-widget] *)) {
      position: absolute;
      padding: 0px 10px;
      line-height: 30px;
      z-index: 2;
    } 
    span.folder:where(:not([data-cm-widget] *)) {
      right: 0px;
      font-size: 16px;
    } 
    div.fileInputContainer:where(:not([data-cm-widget] *)) span.clear:where(:not([data-cm-widget] *)) {
      right: -30px;
      font-size: 10px;
      cursor: pointer;
    }  
    
    input.medium_value:where(:not([data-cm-widget] *)) + span.folder:where(:not([data-cm-widget] *)),
    input.short_value:where(:not([data-cm-widget] *)) + span.folder:where(:not([data-cm-widget] *)),
    input.tiny_value:where(:not([data-cm-widget] *)) + span.folder:where(:not([data-cm-widget] *)) {
      right: 16px;
    }  
    input.fileInput.disabled:where(:not([data-cm-widget] *)) {
      cursor: default;
    }      
    
    /** Status filter */
    div.statusFilter:where(:not([data-cm-widget] *)) {
      display:inline-block;
    }
    
    div.dropDownContainer:where(:not([data-cm-widget] *)) {
      cursor: pointer;
      position: relative;
      font-size: 14px;
    }
    
    ul.dropDownList:where(:not([data-cm-widget] *)) {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
    
    div.dropDownContainer:where(:not([data-cm-widget] *)) ul.dropDownList:where(:not([data-cm-widget] *)) {
      visibility: hidden;
      position: relative;
      top: 1px;
      z-index: 910;
      
    }
    div.dropDownContainer.dropped:where(:not([data-cm-widget] *)) ul.dropDownList:where(:not([data-cm-widget] *)) {
      visibility: visible;
    }
    
    div.dropDownContainer:where(:not([data-cm-widget] *)) div.dropDownHeader:where(:not([data-cm-widget] *)),
    div.dropDownContainer:where(:not([data-cm-widget] *)) ul.dropDownList:where(:not([data-cm-widget] *)) li:where(:not([data-cm-widget] *)) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    
    div.dropDownContainer:where(:not([data-cm-widget] *)) span.dropdown:where(:not([data-cm-widget] *)) {
      position: absolute;
      right: 20px;
      font-size: 10px;
    }
    
    div.dropDownContainer.dropped:where(:not([data-cm-widget] *)) span.dropdown:where(:not([data-cm-widget] *)):before {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    
    #date_popup:where(:not([data-cm-widget] *)) {
      padding: 0;
    }
    
    .timeComponentConnector:where(:not([data-cm-widget] *)) {
      position: relative;
      right: 6px;
    }
    span.timeComponentConnector:where(:not([data-cm-widget] *)) + select.tiny_value:where(:not([data-cm-widget] *)) {
      margin-left: -2px;  
    }
    
    /** Reloading */
    tr.visibleStub:where(:not([data-cm-widget] *)) {
      display: table-row;
    }
    
    div.waitInfo.inline:where(:not([data-cm-widget] *)) {
       position: relative;
       margin: 0;
       left: 0%;
       display: inline-block;
     }
     
    div.waitInfoText:where(:not([data-cm-widget] *)) {
      display: inline-block;
    }
    
    /** Scrollable Table */
    div.outerTableContainer:where(:not([data-cm-widget] *)) div.shadowBox:where(:not([data-cm-widget] *)) {
      position: absolute;
      box-shadow: inset 23px 0 18px -23px rgb(175, 175, 175);
      left: 0;
      width: 18px;
      top: 0;
      bottom: 15px;
      opacity: 0;
    }
    
    /** Media Manager */
    #media_container_background:where(:not([data-cm-widget] *)) {
      position:absolute; 
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 980;
      background-color: rgba(0,0,0,0.6);
      min-width: 1024px;
    }
    
    #media_container_background:where(:not([data-cm-widget] *)) #media_container_outer:where(:not([data-cm-widget] *)) {
      text-align: center;
      height: 100%;
      width: 100%;
      box-sizing: border-box; 
      -webkit-box-sizing: border-box;  
      -moz-box-sizing: border-box; 
      padding: 60px;
      padding-top: 30px;
      padding-bottom: 30px;
      font-family: Ubuntu, Helvetica, Arial, sans-serif;
      background: transparent;
    }
    
    #media_container:where(:not([data-cm-widget] *)) {
      margin: auto;
      height: 100%;
      width: 100%;
      display: block;
      max-width: 1200px;
      min-height: 500px;
    }
    
    #media_container:where(:not([data-cm-widget] *)) div.header:where(:not([data-cm-widget] *)) {
      height: 45px;
      line-height: 45px;
      width: 100%;
    }
    
    #media_container:where(:not([data-cm-widget] *)) div.header:where(:not([data-cm-widget] *)) span.floatRight:where(:not([data-cm-widget] *)) {
      height: 100%;
    }
    
    #media_container:where(:not([data-cm-widget] *)) div.header:where(:not([data-cm-widget] *)) span.floatRight:where(:not([data-cm-widget] *)) a.closeIcon:where(:not([data-cm-widget] *)):before {
      content: "X";
      color: #ffffff;
    }
    
    #media_container:where(:not([data-cm-widget] *)) div.content:where(:not([data-cm-widget] *)) {
      margin: 0 45px;
    }
    
    /** Videos */
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      position: relative;
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) video:where(:not([data-cm-widget] *)) {
      width: 100%;
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls[data-state="visible"]:where(:not([data-cm-widget] *)) {
      display: block;
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls[data-state=hidden]:where(:not([data-cm-widget] *)) {
      display:none;
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) {
        background: transparent;
        width: 100%;
        margin-top: -45px;
        height: 40px;
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td:where(:not([data-cm-widget] *)) {
      width: 40px;
      background-color: rgba(41, 120, 137, 0.8);
      opacity: 0.8;
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td.playPause:where(:not([data-cm-widget] *)) {
      background-color: #297889;
      opacity: 0.9;
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td.progress:where(:not([data-cm-widget] *)) progress:where(:not([data-cm-widget] *)) {
      background-color: rgba(255, 255, 255, 0.1);
      width: 100%;
      height: 10px !important;
      cursor:pointer;
      display:block;
      border:none;
      overflow:hidden;
      color: rgba(255, 255, 255, 0.1); /* Internet Explorer uses this value as the progress bar's value colour */
    }  
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td.progress:where(:not([data-cm-widget] *)) progress:where(:not([data-cm-widget] *)) span:where(:not([data-cm-widget] *)) {
      width: 0%;
      height:100%;
      display:inline-block;
      background-color: #ffffff;  
    }  
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td.progress:where(:not([data-cm-widget] *)) progress:where(:not([data-cm-widget] *))::-moz-progress-bar {
      background: rgba(255, 255, 255, 0.1);
    }
    /* Chrome requires its own rule for this, otherwise it ignores it */
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td.progress:where(:not([data-cm-widget] *)) progress:where(:not([data-cm-widget] *))::-webkit-progress-bar {
      background: rgba(255, 255, 255, 0.1);
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td.progress:where(:not([data-cm-widget] *)) progress:where(:not([data-cm-widget] *))::-webkit-progress-value {
      background-color: #ffffff;  
    }
    
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td.progress:where(:not([data-cm-widget] *)) {
      width: 100%;
      padding: 0 5px;
    }
    
    #media_container:where(:not([data-cm-widget] *)) .videoContainer:where(:not([data-cm-widget] *)) button:where(:not([data-cm-widget] *)) {
      padding: 0;
      margin: 0;
      width: 40px;
      border: none;
      background: transparent;
    }
    
    #media_container:where(:not([data-cm-widget] *)) .videoContainer:where(:not([data-cm-widget] *)) button:where(:not([data-cm-widget] *)) span:where(:not([data-cm-widget] *)), #media_container:where(:not([data-cm-widget] *)) figure.videoContainer:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) td:where(:not([data-cm-widget] *)) div.timeLeft:where(:not([data-cm-widget] *)) {
      color: white;
    }
    #media_container:where(:not([data-cm-widget] *)) .videoContainer:where(:not([data-cm-widget] *)) button.inlinePlayButton:where(:not([data-cm-widget] *)) {
      position:absolute; 
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 100px;
      height: 100px;
      opacity: 0.8;
      background-color: #297889;
      border-radius: 50%;
      z-index: 1000;
    }
    #media_container:where(:not([data-cm-widget] *)) .videoContainer:where(:not([data-cm-widget] *)) button.inlinePlayButton:where(:not([data-cm-widget] *)) span.icon:where(:not([data-cm-widget] *)) {
      font-size: 32px;
      padding-left: 10px;
    }
    
    #media_container:where(:not([data-cm-widget] *)) .videoContainer:where(:not([data-cm-widget] *)) button.inlinePlayButton:where(:not([data-cm-widget] *)) span.arrowhead-up:where(:not([data-cm-widget] *)) {
      width: 10px;
      height: 24px;
      -webkit-transform: rotate(-270deg);
      transform: rotate(-270deg);
      font-size: 24px;
      font-weight: normal;
      color: #ffffff;
      display: inline-block;
      transform-origin: 100% 50%;
    }
    
    #media_container:where(:not([data-cm-widget] *)) #videoControls:where(:not([data-cm-widget] *)) button[name=playPause]:where(:not([data-cm-widget] *)) {
      height: 40px;
      background-color: #297889;
      opacity: 0.8;
    }

    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer[data-fullscreen=true]:where(:not([data-cm-widget] *)) {
      max-width:100%;
      width:100%;
      margin:0;
      padding:0;
      max-height:100%;
    }
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer[data-fullscreen=true]:where(:not([data-cm-widget] *)) video:where(:not([data-cm-widget] *)) {
      height:auto;
    }
    
    /* hide controls on fullscreen with WebKit */
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer[data-fullscreen=true]:where(:not([data-cm-widget] *)) video:where(:not([data-cm-widget] *))::-webkit-media-controls {
      display:none !important;
    }
      
    #media_container:where(:not([data-cm-widget] *)) figure.videoContainer[data-fullscreen=true]:where(:not([data-cm-widget] *)) .controls:where(:not([data-cm-widget] *)) {
      position:absolute;
      bottom: 2%;
      width: 80%;
      left: 10%;
      z-index:2147483647;
    }
    
    /** Color picker */
    
    #color_popup:where(:not([data-cm-widget] *)) .popupInner:where(:not([data-cm-widget] *)) div.content:where(:not([data-cm-widget] *)) {
      padding: 15px !important;
    }
    #color_popup:where(:not([data-cm-widget] *)) table.emptyOptionTable:where(:not([data-cm-widget] *)) div.emptyOption:where(:not([data-cm-widget] *)) {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    
    #color_popup:where(:not([data-cm-widget] *)) hr:where(:not([data-cm-widget] *)) {
      margin-bottom: 15px;
    }
    
    #color_popup:where(:not([data-cm-widget] *)) table.emptyOptionTable:where(:not([data-cm-widget] *)) {
      margin-bottom: 15px;
    }
    
    #color_popup:where(:not([data-cm-widget] *)) div.color4:where(:not([data-cm-widget] *)) + div.dummyElement:where(:not([data-cm-widget] *)):after,
    #color_popup:where(:not([data-cm-widget] *)) div.color11:where(:not([data-cm-widget] *)) + div.dummyElement:where(:not([data-cm-widget] *)):after,
    #color_popup:where(:not([data-cm-widget] *)) div.color18:where(:not([data-cm-widget] *)) + div.dummyElement:where(:not([data-cm-widget] *)):after,
    #color_popup:where(:not([data-cm-widget] *)) div.color25:where(:not([data-cm-widget] *)) + div.dummyElement:where(:not([data-cm-widget] *)):after {
      content:"\a";
      white-space: pre;
    }
    
    #color_popup:where(:not([data-cm-widget] *)) div.color4:where(:not([data-cm-widget] *)) + div.dummyElement:where(:not([data-cm-widget] *)),
    #color_popup:where(:not([data-cm-widget] *)) div.color11:where(:not([data-cm-widget] *)) + div.dummyElement:where(:not([data-cm-widget] *)),
    #color_popup:where(:not([data-cm-widget] *)) div.color18:where(:not([data-cm-widget] *)) + div.dummyElement:where(:not([data-cm-widget] *)),
    #color_popup:where(:not([data-cm-widget] *)) div.color25:where(:not([data-cm-widget] *)) + div.dummyElement:where(:not([data-cm-widget] *)) {
      visibility: hidden;
      display: inline !important;
    }
    
    #color_popup:where(:not([data-cm-widget] *)) {
      width: auto !important;
    }

    /** Add/remove buttons */
    div.rowButtons:where(:not([data-cm-widget] *)) {
      display: inline-block;
      padding-left: 15px;
      font-size: 16px;
      cursor: pointer;
      vertical-align: -2px;
    }
    div.rowButtons:where(:not([data-cm-widget] *)) span.add-bullet:where(:not([data-cm-widget] *)) {
      color: #297889;
    }
    div.rowButtons:where(:not([data-cm-widget] *)) span.remove-bullet:where(:not([data-cm-widget] *)) {
      color: #5A5859;
      margin-left: 3px;
    }

    
    
    @media (hover: none) and (pointer: coarse) and (max-width: 1920px)
        
        
        
        
        
     {    
      
      
      span.calendar:where(:not([data-cm-widget] *)),
      div.dateInputContainer:where(:not([data-cm-widget] *)) > span.calendar:where(:not([data-cm-widget] *)) { 
        line-height: 45px;
        right: 5px;
      }
      
      span.folder:where(:not([data-cm-widget] *)) {
        line-height: 45px;
        right: 5px;
      }
    }

    /* ************************** */
    /* TIMESTAMP SELECTION TABLE  */
    /* ************************** */
    table.layoutTable.timestampSelectionTable:where(:not([data-cm-widget] *)) {
      width: auto;
    }
    table.layoutTable.timestampSelectionTable:where(:not([data-cm-widget] *)) td.tsTypeSelection:where(:not([data-cm-widget] *)) {
      padding-right: 10px;
    }
    table.layoutTable.timestampSelectionTable:where(:not([data-cm-widget] *)) tr.inputRow:where(:not([data-cm-widget] *)) td:where(:not([data-cm-widget] *)) {
      padding-top: 5px;
      padding-bottom: 10px;
    }
    table.layoutTable.timestampSelectionTable:where(:not([data-cm-widget] *)) tr:where(:not([data-cm-widget] *)) td:where(:not([data-cm-widget] *)) input.short_value:where(:not([data-cm-widget] *)) {
      margin-right: 0;
    }
    
  
      @font-face { 
        font-family: 'curabill-Iconfont-Regular';
        src: url('resource?name=ch.curabill.ui.skin.curabill-Iconfont-Regular-eot');
        src: url('resource?name=ch.curabill.ui.skin.curabill-Iconfont-Regular-eot') format('embedded-opentype'),
             url('resource?name=ch.curabill.ui.skin.curabill-Iconfont-Regular-woff') format('woff'),
             url('resource?name=ch.curabill.ui.skin.curabill-Iconfont-Regular-ttf') format('truetype'),
             url('resource?name=ch.curabill.ui.skin.curabill-Iconfont-Regular-svg#webfont') format('svg');  
      }
    
      @font-face { 
        font-family: 'Ubuntu';
        src: url('resource?name=ch.curabill.ui.skin.Ubuntu-R-ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
      }    
    
      @font-face { 
        font-family: 'Ubuntu';
        src: url('resource?name=ch.curabill.ui.skin.Ubuntu-M-ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
      }            
    
    
    .iconFont {
      font-family: 'curabill-Iconfont-Regular' !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont12 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 12px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont10 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 10px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont14 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 14px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont15 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 15px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont16 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 16px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont17 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 17px !important;
      -webkit-font-smoothing: antialiased;
    }    
    .iconFont18 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 18px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont20 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 20px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont22 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 22px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont24 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 24px !important;
      -webkit-font-smoothing: antialiased;
    }
    .iconFont40 {
      font-family: 'curabill-Iconfont-Regular' !important;
      font-size: 40px !important;
      -webkit-font-smoothing: antialiased;
      line-height: 40px;
    }    
    .iconFontRotate90 {
      font-family: 'curabill-Iconfont-Regular' !important;
      display: inline-block;
      -webkit-transform:rotate(90deg);
      -moz-transform:rotate(90deg);
      -o-transform: rotate(90deg);    
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);      
      -webkit-font-smoothing: antialiased;
    }
    
    .iconFontRotate180 {
      font-family: 'curabill-Iconfont-Regular' !important;
      display: inline-block;
      -webkit-transform:rotate(180deg);
      -moz-transform:rotate(180deg);
      -o-transform: rotate(180deg);    
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);      
      -webkit-font-smoothing: antialiased;
    }    
    
    .iconFontRotate-90 {
      font-family: 'curabill-Iconfont-Regular' !important;
      display: inline-block;
      -webkit-transform:rotate(-90deg);
      -moz-transform:rotate(-90deg);
      -o-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg);   
      transform: rotate(-90deg);     
      -webkit-font-smoothing: antialiased;
    }
  
    .icon {
      font-family: 'curabill-Iconfont-Regular';
      -webkit-font-smoothing: antialiased;
    }

    .icon.add-bullet:before             { content: "V"; }
    .icon.remove-bullet:before          { content: "7"; }
    .icon.ok-bullet:before              { content: "W"; }
    .icon.one-bullet:before             { content: "v"; }
    .icon.two-bullet:before             { content: "w"; }
    .icon.three-bullet:before           { content: "x"; }
    .icon.four-bullet:before            { content: "y"; }
    .icon.five-bullet:before            { content: "+"; }
    .icon.deactivate-bullet:before      { content: "e"; }
    .icon.checkmark:before              { content: "*"; }
    .icon.exclamation:before            { content: "J"; }
    .icon.exclamation2:before           { content: "i"; }
    .icon.star:before                   { content: "Q"; }
    .icon.edit:before                   { content: "P"; }
    .icon.plus:before                   { content: "È"; }
    .icon.search:before                 { content: "G"; }
    .icon.male:before                   { content: "g"; }
    .icon.female:before                 { content: "h"; }
    .icon.refresh:before                { content: "T"; }
    .icon.arrow_up:before                { content: '"'; }

    .icon.graph:before                  { content: "S"; }
    .icon.percentile:before             { content: "#"; }

    .icon.chevron-left:before           { content: "o"; }
    .icon.chevron-left-double:before    { content: "oo"; letter-spacing: -3px; }
    .icon.chevron-right:before          { content: "n"; }
    .icon.chevron-right-double:before   { content: "nn"; letter-spacing: -3px; }
    .icon.chevron-up:before             { content: "m"; }
    .icon.chevron-down:before           { content: "I"; }

    .icon.arrowhead-down:before         { content: "H"; }
    .icon.arrowhead-up:before           { content: "p"; }

    .icon.circle:before                 { content: "2"; }
    .icon.square:before                 { content: "1"; }
    .icon.triangle:before               { content: "0"; }

    .icon.delete:before                 { content: "b"; }
    .icon.clear:before                  { content: "X"; }
    .icon.note:before                   { content: "c"; }
    .icon.info:before                   { content: "r"; }
    .icon.dropdown:before               { content: "H"; }
    .icon.calendar:before               { content: "E"; }
    .icon.folder:before                 { content: "M"; }
    .icon.cooling:before                { content: ":"; }
    .icon.narcotic:before               { content: "-"; }
    .icon.cross:before                  { content: "t"; }
    .icon.person:before                 { content: "C"; }
    .icon.card:before                   { content: "Ç"; }
    .icon.pharmacy:before               { content: "Đ"; }
    .icon.envelope:before               { content: "ø"; }
    .icon.cash:before                   { content: ";"; }

    
    .icon.layers:before                 { content: "Y"; }
    .icon.scale:before                  { content: "="; }
    .icon.body:before                   { content: "?"; }
    .icon.radiobutton:before            { content: "_"; }
    .icon.checkbox:before               { content: ","; }
    .icon.drop-arrow:before             { content: "a"; }
    .icon.chapter:before                { content: "%"; }
    .icon.title:before                  { content: "/"; }
    .icon.line:before                   { content: "\\"; }
    .icon.questionmark:before           { content: "&"; }
    .icon.abc:before                    { content: "<"; }
    .icon.numbers:before                { content: ">"; }

    .icon.move:before                   { content: "9"; }

    .icon.draw:before                   { content: "±"; }
    .icon.erase:before                  { content: "“"; }

    .icon.cut:before                    { content: "Z"; }
    .icon.copy:before                   { content: "{"; }
    .icon.paste-below:before            { content: "}"; }

    .icon.document-excel:before         { content: "("; }
    .icon.document-word:before          { content: ")"; }
    .icon.document-zip:before           { content: "["; }
    .icon.document-pdf:before           { content: "]"; }

    .icon.summary:before                { content: "ö"; }
    .icon.tasks:before                  { content: "ü"; }

    .icon.eventLog:before               { content: "–"; } 

    .icon.calculator:before             { content: "u"; }
    .icon.clip:before                   { content: "…"; }
    .icon.help:before                   { content: "&"; }
    .icon.close:before                  { content: "X"; }
    .icon.home:before                   { content: "A"; }
    .icon.camera:before                 { content: "k"; }
    .icon.book:before                   { content: "O"; }
    .icon.chain:before                  { content: "\221e"; }
    .icon.chain-open:before             { content: "\2039"; }
    .imgIcon.no_chain                           { width: 13px; content: url("resource?name=ch.curabill.ui.skin.no_chain"); }
    .icon.play:before                   { content: "«"; }
    .icon.play-circle:before            { content: "Á"; }
    .icon.pause:before                  { content: "$"; }
    .icon.not-mute:before               { content: "¢"; }
    .icon.mute:before                   { content: "£"; }
    .icon.fullscreen:before             { content: "¤"; }

    .icon.more:before                   { content: "6"; }
    .icon.drag-handle:before            { content: "ä"; }

    
    .icon.reminder-stop:before          { content: "å"; }
    .icon.payment-plan:before           { content: "ß"; }
    .icon.booked:before                 { content: "∂"; }

    .icon.editWidget:before             { content: "P"}


    
    .icon.macro.home:before             { content: "A"; }
    .icon.macro.computer:before         { content: "B"; }
    .icon.macro.user:before             { content: "C"; }
    .icon.macro.group:before            { content: "D"; }
    .icon.macro.calendar:before         { content: "E"; }
    .icon.macro.folder-create:before    { content: "F"; }
    .icon.macro.search:before           { content: "G"; }
    .icon.macro.action-menu:before      { content: "H"; }
    .icon.macro.settings:before         { content: "L"; }
    .icon.macro.eye:before              { content: "N"; }
    .icon.macro.pencil:before           { content: "P"; }
    .icon.macro.refresh:before          { content: "T"; }
    .icon.macro.create-circle:before    { content: "V"; }
    .icon.macro.close:before            { content: "X"; }
    .icon.macro.copy:before             { content: "Y"; }
    .icon.macro.cut:before              { content: "Z"; }
    .icon.macro.delete:before           { content: "b"; }
    .icon.macro.note:before             { content: "c"; }
    .icon.macro.forward:before          { content: "n"; }
    .icon.macro.back:before             { content: "o"; }
    .icon.macro.info-circle:before      { content: "r"; }
    .icon.macro.calculator:before       { content: "u"; }
    .icon.macro.history:before          { content: "–"; } 
    .icon.macro.square:before           { content: "ç"; }
    .icon.macro.question-circle:before  { content: "À"; }
    .icon.macro.play-circle:before      { content: "Á"; }
    .icon.macro.book-circle:before      { content: "Â"; }
    .icon.macro.document-circle:before  { content: "ę"; }
    .icon.macro.credit-card:before      { content: "Ç"; }
    .icon.macro.envelope:before         { content: "ø"; }

    
    .icon.macro.checkmark-circle, .icon.macro.pause-circle,
    .icon.macro.cross-circle, .icon.macro.sync,
    .icon.macro.drawers3, .icon.macro.telephone,
    .icon.macro.telephone2, .icon.macro.phone-minus,
    .icon.macro.pills {
      -webkit-mask-size: cover;
      mask-size: cover;
      background-color: #14130E;
      height: 15px;
      width: 15px;
      display: inline-block;
      margin: 0px !important;
    }

    .icon.macro.checkmark-circle {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.success);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.success);
    }

    .icon.macro.pause-circle {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.waiting);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.waiting);
    }

    .icon.macro.cross-circle {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.canceled);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.canceled);
    }

    .icon.macro.sync {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.progress);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.progress);
      animation-name: spin;
      animation-duration: 750ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }

    .icon.macro.drawers3 {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.manually);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.rowa.manually);
    }

    .icon.macro.telephone {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.handset_up);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.handset_up);
    }

    .icon.macro.telephone2 {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.handset_off);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.handset_off);
      width: 17px;
    }

    .icon.macro.phone-minus {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.handset_up_stroke);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.handset_up_stroke);
    }

    .icon.macro.pills {
      -webkit-mask-image: url(resource?name=ch.curabill.ui.skin.icons.dispensation);
      mask-image: url(resource?name=ch.curabill.ui.skin.icons.dispensation);
      transform: rotate(90deg);
    }

    .icon.macro.coin-dollar:before      { content: ";"; }

    .icon.wait {
      background-image: url(resource?name=ch.curabill.ui.skin.waitImg);
      background-size: 1em 1em;
      display: inline-block;
      width: 1em;
      height: 1em;
    }
  

    .popupOuter:where(:not([data-cm-widget] *)) {
      padding:0px;
      margin:0px;
      font-family: Ubuntu, Helvetica, Arial, sans-serif;
      font-size: 14px;
    }

    .popupWithBorder:where(:not([data-cm-widget] *)) {
      border: 1px solid #D1D2CE !important;
    }

    .popupInner:where(:not([data-cm-widget] *)) {
      background-color: #ffffff;
      color: #14130E;
      border: 0px;
      margin: 0px;
      padding: 0px;
      vertical-align: top;
      text-align: left;
      border-radius: 0px;
    }
    .popupInnerBg:where(:not([data-cm-widget] *)) {
      background-color: #ffffff !important;
    }

    .popupNoRadiusBorder:where(:not([data-cm-widget] *)) {
      border-radius: 0px !important;
    }

    .popupInner h1:where(:not([data-cm-widget] *)) {
      font-family: Ubuntu, Helvetica, Arial, sans-serif;
      font-size: 16px;
      
        font-weight: 500;
        
      font-style: normal;
      text-align: left;
      height:55px;
      background-color: #ffffff;
      border-style: solid;
      border-bottom-color: #D1D2CE;
      color: #193C43;
      border-bottom-width: 1px;
      padding-top: 5px;
      padding-left: 20px !important;
      box-sizing: border-box;
      -webkit-box-sizing: border-box
      -moz-box-sizing: border-box;
      border-radius : 0px;
      vertical-align: middle !important;
      line-height: 45px !important;
    }

    .popupInner h1 span:where(:not([data-cm-widget] *)) {
      vertical-align: middle !important;
      line-height: 18px !important;
    }

    .popupInner h1 span a:where(:not([data-cm-widget] *)) {
      vertical-align: middle;
      line-height: 40px;
    }

    .popupInner div.content:where(:not([data-cm-widget] *)) {
      background-color: #ffffff;
      border-radius: 0px;
      padding: 20px !important;
      box-sizing: border-box;
      -webkit-box-sizing: border-box
      -moz-box-sizing: border-box;
    }

    
    #component_version_popup .popupInner div.content:where(:not([data-cm-widget] *)) {
      max-height: 500px;
      overflow-y: auto;
    }

    .popupInner div.content table:where(:not([data-cm-widget] *)) {
      line-height: 20px;
    }
    .popupInner div.content table.dialogMargin:where(:not([data-cm-widget] *)) {
      margin: 17px 8px 8px 9px;
      padding-bottom: 17px;
    }
    .popupInner div.content table.dialogMargin table:where(:not([data-cm-widget] *)) {
      margin: 0px;
      line-height: 18px;
    }
    .popupInner div.content table.dialogMargin table td:where(:not([data-cm-widget] *)) {
      padding: 0px;
    }

    .popupNoRadiusBorder .popupInner:where(:not([data-cm-widget] *)), .popupNoRadiusBorder .popupInner div.content:where(:not([data-cm-widget] *)) {
      border-radius: 0px !important;
    }

    .popupInner ul:where(:not([data-cm-widget] *)) {
      padding: 0px;
      margin: 2px;
      margin-top: 0px;
      margin-bottom: 0px;
      border: 0px;
      font-size: 13px;
    }

    .popupInner ul li:where(:not([data-cm-widget] *)) {
      border: 0px;
      margin: 0px;
      padding: 0px;
      padding-left: 1px;
      padding-right: 1px;
      list-style-type: none;
    }

    .popupInner select:where(:not([data-cm-widget] *)) {
      border-radius: 0px;
    }

    .popupInner ul li > a:where(:not([data-cm-widget] *)) {
      display: inline-block;
      color: #14130E;
      width: 100%;
      height: 30px;
      line-height: 30px;
      padding: 0px;
      margin: 1px 1px 1px 1px;
      border: 0px;
      text-decoration: none !important;
    }

    .popupInner ul li > a > img:where(:not([data-cm-widget] *)) {
      vertical-align: middle;
      text-align: center;
      border: 0px;
      margin: 4px;
      margin-right: 6px;
      padding: 0px;
    }

    .popupInner hr:where(:not([data-cm-widget] *)) {
      display: block;
      border: 0px;
      margin: 0px;
      padding: 0px;
      color: #D1D2CE;
      background-color: #D1D2CE;
      height: 1px;
      line-height: 1px;
      width: 100%;
      vertical-align: middle;
    }

    .popupInner ul li > a:hover:where(:not([data-cm-widget] *)) {
      text-decoration: none !important;
    }

    .popupTitle:where(:not([data-cm-widget] *)) {
      height: 20px;
      line-height: 20px;
      text-align: center;
      vertical-align: middle;
      padding:2px;
    }

    .popupClose:where(:not([data-cm-widget] *)) {
      display: none;
    }

    .closeIcon:where(:not([data-cm-widget] *)) {
      display: inline-block;
      font-family: 'curabill-Iconfont-Regular';
      font-size: 10px;
      width: 40px;
      text-decoration: none !important;
      text-align: center;
    }
    .closeIcon:where(:not([data-cm-widget] *)):before {
      content: "X";
      color: #5A5859;
    }

    .firstIcon:where(:not([data-cm-widget] *)) {
      display: inline-block;
      background: url('resource?name=ch.curabill.ui.skin.first16') no-repeat;
      height: 19px;
      width: 16px;
      text-decoration: none !important;
      margin-top: 3px;
    }
    .prevIcon:where(:not([data-cm-widget] *)) {
      display: inline-block;
      background: url('resource?name=ch.curabill.ui.skin.prev16') no-repeat;
      height: 19px;
      width: 16px;
      text-decoration: none !important;
      margin-top: 3px;
    }
    .nextIcon:where(:not([data-cm-widget] *)) {
      display: inline-block;
      background: url('resource?name=ch.curabill.ui.skin.next16') no-repeat;
      height: 19px;
      width: 16px;
      text-decoration: none !important;
      margin-top: 3px;
    }
    .lastIcon:where(:not([data-cm-widget] *)) {
      display: inline-block;
      background: url('resource?name=ch.curabill.ui.skin.last16') no-repeat;
      height: 19px;
      width: 16px;
      text-decoration: none !important;
      margin-top: 3px;
    }