body { font-family: 'Roboto', sans-serif !important; } 
    .toright { float: right; }
    .toleft { float: left; }
    .clear { clear: both; }
    .bold { font-weight: bold; }
    div#hr-info-west.x-panel-body { background-color: white !important; }
    div#hr-about-west.x-panel-body { background-color: white !important; }
    .bmenu { background-image: url("../img/Male-User-Accept-16.png") !important; }
    .gmenu { background-image: url("../img/Couple-16.png") !important; }
    .outmenu { background-image: url("../img/Male-User-Remove-16.png") !important; }
    .smenu { background-image: url("../img/Search0-16.png") !important; }
    .pmenu { background-image: url("../img/printer_paper_16.png") !important; }
    .printer { background-image: url("../img/1461370951_print_16.png") !important; }
    .appic { background-image: url("https://mapa.jocgis.pl/APP/img/icons-app16.png") !important; }
    .printerlarge { 
      background-image: url("../img/1461370963_print_24.png") !important; 
      width: 24px !important; 
      height: 24px !important;
    }
    .permalink { background-image: url("../img/Link-16.png") !important; }
    .permcopy { background-image: url("../img/Accept2-32.png") !important; width: 16px !important; height: 16px !important; }
    .zoomtofeature { background-image: url("../img/arrow_out.png") !important; }
    .centertofeature { background-image: url("../img/Target-Vector-16.png") !important; }
    .cleanfeatures { background-image: url("../img/delete.png") !important; }
    .viewarea { background-image: url("../img/eye-16.png") !important; }
    .test { background-image: url("../img/Test-Tube-16.png") !important; }
    .email { background-image: url("../img/e-mail-icon-16.png") !important; }
    .email-big { 
      background-image: url("../img/e-mail-icon-32.png") !important; 
      width: 32px !important; 
      height: 32px !important; 
    }
    .draw-point { background-image: url("../img/add_point_off-2.png") !important; width: 20px !important; }
    .draw-line { background-image: url("../img/draw_line_off-2.png") !important; width: 20px !important; }
    .draw-polygon { background-image: url("../img/draw_polygon_off-2.png") !important; width: 20px !important; }
    .draw-eraser { background-image: url("../img/Eraser-16.png") !important; width: 20px !important; }
    .overview { background-image: url("../img/Orkut-ribbon-hover-16.png") !important; width: 20px !important; }
    .wypis-btn { background-image: url("../img/MyDocuments-16.png") !important; margin: 0px 4px !important; }
    .wyrys-btn { background-image: url("../img/Map-16.png") !important; margin: 0px 4px !important;  }
    .pdf-big-btn { background-image: url("../img/agt_add-to-desktop-32.png") !important; width: 32px !important; height: 32px !important; }
    .pdf-test-btn { background-image: url("../img/Activity-Monitor-32.png") !important; width: 32px !important; height: 32px !important; }
    .datepicker-big { background-image: url("../img/Calendar-22.png") !important; width: 22px !important; height: 22px !important; }
    .param-clean { background-image: url("../img/Cancel-22.png") !important; width: 22px !important; height: 22px !important; }
    .search-show { background-image: url("../img/Add-22.png") !important; width: 22px !important; height: 22px !important; }
    .search-hide { background-image: url("../img/Delete-22.png") !important; width: 22px !important; height: 22px !important; }
    .search-send { background-image: url("../img/Accept2-22.png") !important; width: 22px !important; height: 22px !important; }
    
    .x-menu-list {
      padding-top:    4px;
      padding-bottom: 4px;
      padding-left:  0px;
      padding-right: 0px;
    }
    
    .x-menu-list-item {
      font-size: 11px;
    }
    
    .padding-5 {
      padding-right: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
      padding-top: 5px;
    }
    .margin-5 {
      margin-right: 5px;
      margin-bottom: 5px;
      margin-left: 5px;
      margin-top: 5px;
    }
    .margin-top-3 {
      margin-top: 3px;
    }
    .padding-5-5-0-5 {
      padding-right: 5px;
      padding-left: 5px;
      margin-top: 5px;
    }
    
    /* nadpisanie klasy CSS z biblioteki ExtJS:
     * zmiana koloru tła paneli będących kontenerem dla kontrolek.
     * powód zmiany: kolor #fff kontenerów w dialogu "EmailDlg"
     * dotyczyło tła kontrolek: TextField, TextArea, Label.
     */
    .x-panel-body {
      background-color: #f8f8f8;
    }
    .hr-html-panel-body {
      background-color: #f8f8f8;
    }

    /*
     * Panel "Profile widoku" w kontrolce Accordition
    */
      .panel-min-width {
        min-width: 200px;
      }
      a:link, a:visited {
        color: #000000;
      }
      table.fullsize {
        width: 96%;
      }
      table.fixsize {
        width: 300px;
      }
      table.centered {
        margin: 0 auto;
      }
      .noborder {
        border: none !important;
      }
      td.center {
        text-align: center;
      }
      td.size-33p {
        width: 33%;
      }
      td.size-50p {
        width: 50%;
      }
      .btn-image {
        width: 100%;
        font-family: Arial; 
        font-size: 11px;
      }
      .btn56 {
        height: 56px;
      }
      .btn42 {
        height: 42px;
      }
      .btn36 {
        height: 30px;
      }
      .btn-image img {  
        display: inline-block;
        vertical-align: middle;
        border-radius: 3px;
        padding: 0px 5px;
      }    
      .btn-link {
        border: 0;
        background: transparent;
        text-decoration: underline;
        color: #333;
        padding: .5em;
        cursor: pointer;
        text-align: center;
      }
      
      .show-mpzp-size {
        min-height: 30px;
        max-height: 30px;
        height: auto !important;
      }
      .search-mpzp-size {
        max-height: 110px;
        height: auto !important;
      }
      .grid-mpzp-size {
        height: auto !important;
      }