/** Date input */
    input.dateInput, input.dateInput.medium_value {
      background-color: #ffffff;
      padding-right: 30px;
      margin-right: 0px;
    }
    div.dateInputContainer {
      display: inline-block;
      position: relative;
      margin-right: 10px;
    }
    
    
    div.dateInputContainer > span.calendar { 
      position: absolute;
      right: 0px;
      top: 0px;
      cursor: pointer;
      font-size: 16px;
      padding: 0px 10px;
      line-height: 30px;
      outline: 0 solid transparent;
    }
    
    input.dateInput.disabled + span.calendar, input.dateInput:disabled + span.calendar {
      cursor: default;
      color: #D1D2CE;
    }
    
    /** File input */
    input.fileInput {
      position: relative;
      text-align: right;
      -moz-opacity:0 ;
      filter:alpha(opacity: 0);
      opacity: 0;
      z-index: 3;
      cursor: pointer;
    }
    div.fileInputContainer {
      position: relative;
      width: 446px;
    }
    input.fileInputDummy {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 1;
    }
    span.folder, div.fileInputContainer span.clear {
      position: absolute;
      padding: 0px 10px;
      line-height: 30px;
      z-index: 2;
    } 
    span.folder {
      right: 0px;
      font-size: 16px;
    } 
    div.fileInputContainer span.clear {
      right: -30px;
      font-size: 10px;
      cursor: pointer;
    }  
    
    input.medium_value + span.folder,
    input.short_value + span.folder,
    input.tiny_value + span.folder {
      right: 16px;
    }  
    input.fileInput.disabled {
      cursor: default;
    }      
    
    /** Status filter */
    div.statusFilter {
      display:inline-block;
    }
    
    div.dropDownContainer {
      cursor: pointer;
      position: relative;
      font-size: 14px;
    }
    
    ul.dropDownList {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
    
    div.dropDownContainer ul.dropDownList {
      visibility: hidden;
      position: relative;
      top: 1px;
      z-index: 910;
      
    }
    div.dropDownContainer.dropped ul.dropDownList {
      visibility: visible;
    }
    
    div.dropDownContainer div.dropDownHeader,
    div.dropDownContainer ul.dropDownList li {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    
    div.dropDownContainer span.dropdown {
      position: absolute;
      right: 20px;
      font-size: 10px;
    }
    
    div.dropDownContainer.dropped span.dropdown:before {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    
    #date_popup {
      padding: 0;
    }
    
    .timeComponentConnector {
      position: relative;
      right: 6px;
    }
    span.timeComponentConnector + select.tiny_value {
      margin-left: -2px;  
    }
    
    /** Reloading */
    tr.visibleStub {
      display: table-row;
    }
    
    div.waitInfo.inline {
       position: relative;
       margin: 0;
       left: 0%;
       display: inline-block;
     }
     
    div.waitInfoText {
      display: inline-block;
    }
    
    /** Scrollable Table */
    div.outerTableContainer div.shadowBox {
      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 {
      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 #media_container_outer {
      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 {
      margin: auto;
      height: 100%;
      width: 100%;
      display: block;
      max-width: 1200px;
      min-height: 500px;
    }
    
    #media_container div.header {
      height: 45px;
      line-height: 45px;
      width: 100%;
    }
    
    #media_container div.header span.floatRight {
      height: 100%;
    }
    
    #media_container div.header span.floatRight a.closeIcon:before {
      content: "X";
      color: #ffffff;
    }
    
    #media_container div.content {
      margin: 0 45px;
    }
    
    /** Videos */
    #media_container figure.videoContainer {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      position: relative;
    }
    
    #media_container figure.videoContainer video {
      width: 100%;
    }
    
    #media_container figure.videoContainer .controls[data-state="visible"] {
      display: block;
    }
    
    #media_container figure.videoContainer .controls[data-state=hidden] {
      display:none;
    }
    
    #media_container figure.videoContainer .controls {
        background: transparent;
        width: 100%;
        margin-top: -45px;
        height: 40px;
    }
    
    #media_container figure.videoContainer .controls td {
      width: 40px;
      background-color: rgba(41, 120, 137, 0.8);
      opacity: 0.8;
    }
    
    #media_container figure.videoContainer .controls td.playPause {
      background-color: #297889;
      opacity: 0.9;
    }
    
    #media_container figure.videoContainer .controls td.progress progress {
      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 figure.videoContainer .controls td.progress progress span {
      width: 0%;
      height:100%;
      display:inline-block;
      background-color: #ffffff;  
    }  
    
    #media_container figure.videoContainer .controls td.progress progress::-moz-progress-bar {
      background: rgba(255, 255, 255, 0.1);
    }
    /* Chrome requires its own rule for this, otherwise it ignores it */
    #media_container figure.videoContainer .controls td.progress progress::-webkit-progress-bar {
      background: rgba(255, 255, 255, 0.1);
    }
    
    #media_container figure.videoContainer .controls td.progress progress::-webkit-progress-value {
      background-color: #ffffff;  
    }
    
    #media_container figure.videoContainer .controls td.progress {
      width: 100%;
      padding: 0 5px;
    }
    
    #media_container .videoContainer button {
      padding: 0;
      margin: 0;
      width: 40px;
      border: none;
      background: transparent;
    }
    
    #media_container .videoContainer button span, #media_container figure.videoContainer .controls td div.timeLeft {
      color: white;
    }
    #media_container .videoContainer button.inlinePlayButton {
      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 .videoContainer button.inlinePlayButton span.icon {
      font-size: 32px;
      padding-left: 10px;
    }
    
    #media_container .videoContainer button.inlinePlayButton span.arrowhead-up {
      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 #videoControls button[name=playPause] {
      height: 40px;
      background-color: #297889;
      opacity: 0.8;
    }

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

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

    
    
    @media (hover: none) and (pointer: coarse) and (max-width: 1920px)
        
        
        
        
        
     {    
      
      
      span.calendar,
      div.dateInputContainer > span.calendar { 
        line-height: 45px;
        right: 5px;
      }
      
      span.folder {
        line-height: 45px;
        right: 5px;
      }
    }

    /* ************************** */
    /* TIMESTAMP SELECTION TABLE  */
    /* ************************** */
    table.layoutTable.timestampSelectionTable {
      width: auto;
    }
    table.layoutTable.timestampSelectionTable td.tsTypeSelection {
      padding-right: 10px;
    }
    table.layoutTable.timestampSelectionTable tr.inputRow td {
      padding-top: 5px;
      padding-bottom: 10px;
    }
    table.layoutTable.timestampSelectionTable tr td input.short_value {
      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 {  
      padding:0px;
      margin:0px;
      font-family: Ubuntu, Helvetica, Arial, sans-serif;
      font-size: 14px;      
    }
    
    .popupWithBorder {
      border: 1px solid #D1D2CE !important;
    }

    .popupInner {
      background-color: #ffffff;
      color: #14130E;
      border: 0px;
      margin: 0px;
      padding: 0px;
      vertical-align: top;
      text-align: left;
      border-radius: 0px;
    }
    .popupInnerBg {
      background-color: #ffffff !important;
    }
    
    .popupNoRadiusBorder {
      border-radius: 0px !important;
    }

    .popupInner h1 {
      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 {
      vertical-align: middle !important; 
      line-height: 18px !important;
    }
    
    .popupInner h1 span a {
      vertical-align: middle; 
      line-height: 40px;
    }
    
    .popupInner div.content {      
      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 {
      max-height: 500px;
      overflow-y: auto;
    }

    .popupInner div.content table {      
      line-height: 20px;
    }
    .popupInner div.content table.dialogMargin {
      margin: 17px 8px 8px 9px;
      padding-bottom: 17px;
    }
    .popupInner div.content table.dialogMargin table {
      margin: 0px;
      line-height: 18px;
    }
    .popupInner div.content table.dialogMargin table td {
      padding: 0px;
    }
    
    .popupNoRadiusBorder .popupInner, .popupNoRadiusBorder .popupInner div.content {
      border-radius: 0px !important;
    }

    .popupInner ul {
      padding: 0px;
      margin: 2px;
      margin-top: 0px;
      margin-bottom: 0px;
      border: 0px;
      font-size: 13px;
    }

    .popupInner ul li {      
      border: 0px;
      margin: 0px;
      padding: 0px;
      padding-left: 1px;
      padding-right: 1px; 
      list-style-type: none;
    }
    
    .popupInner select {
      border-radius: 0px;
    }
    
    .popupInner ul li > a {
      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 {
      vertical-align: middle;
      text-align: center;
      border: 0px;
      margin: 4px;
      margin-right: 6px;
      padding: 0px;
    }
    
    .popupInner hr {
      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 {
      text-decoration: none !important; 
    }

    .popupTitle {
      height: 20px;
      line-height: 20px;
      text-align: center;
      vertical-align: middle;
      padding:2px;
    }

    .popupClose {
      display: none;
    }
    
    .closeIcon {
      display: inline-block;
      font-family: 'curabill-Iconfont-Regular';
      font-size: 10px;
      width: 40px;
      text-decoration: none !important;
      text-align: center;
    }
    .closeIcon:before {
      content: "X";
      color: #5A5859;
    }
    
    .firstIcon {
      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 {
      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 {
      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 {
      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;
    }