body { 
    font-size: 12px;
    /*font-family: "Trebuchet MS", Helvetica,sans-serif;*/
    font-family: 'myfont',sans;
    color: #222222;
    
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px;
}

.footer, .push {
    height: 30px;
    clear: both;
    width: 100%;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.shadowed {
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    /*zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);*/
}

.myfont {
    font-family: 'myfont',sans;
}

table.jk-rows-bottom td{
    border-bottom: 1px solid #CDC3B7;
}

table.jk-overlay-padding-3 td{
    padding: 3px 3px !important;
}

table.jk-overlay-padding-3 thead th{
    padding: 3px 3px 0 3px !important;
}

table.jk-cols-right td {
    border-right: 1px solid #CDC3B7;
}

table.jk-cells-right td {
    border-right: 1px solid #CDC3B7;
}

table.jk-padding-3 td, table.jk-padding-3 th {
    padding: 3px;
}

table.jk-padding-5 td, table.jk-padding-5 th {
    padding: 5px;
}

table.jk-rows-odd tr:nth-child(odd) {
    background-color: #F1EADD;
}

table.jk-v-center td, table.jk-v-center th {
    vertical-align: middle;
}

button.jkbutton, button.defaultbutton {
    font-size: 12px;
}

a.tablelink {
    color: #000000;
    text-decoration: underline;
}

.obrazfakt {
    font-family: monospace;
    font-size: 11px;
}


a.tablelink:hover {
    color: #CE8B3A;
}

a.tablelink:after {
   content: "\00BB";
  }

.escapeFloating {
    position: relative;
    width: 960px;
    height: 1px;
    float: none;
    clear: both;
}

.kthinfo {
    padding: 2px;
    font-size: 12px;
}

#kthinfoall td.opis {
    width: 160px;
    padding-left: 10px;
    text-align: left;
    line-height: 20px;
    vertical-align: middle;
}

#kthinfoall td.wart {
    width: 140px;
    padding-left: 5px;
    line-height: 20px;
    vertical-align: middle;
}

#kthinfoall td.wartks {
    width: 140px;
    padding-left: 5px;
    line-height: 20px;
    vertical-align: middle;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

.jk-nb {
    border: 0 none !important;
}

.jk-title {
    font-size: 12px;
    font-weight: bold !important;
}

.opis {
    float: left;
    clear: left;
    font-size: 11px;
    line-height: 16px;
    text-align: right;
}

.klopis {
    float: left;
    clear: left;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
}

.klwart {
    float: left;
    font-size: 12px;
    margin-left: 10px;
    font-weight: bold;
}

.klopisPM {
    float: left;
    clear: left;
    line-height: 16px;
    text-align: right;
}

.klwartPM {
    float: left;
    margin-left: 10px;
    font-weight: bold;
}


.cont {
    clear: none;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
}

button.important {
    width: 140px;
    margin-top: 10px;
    text-align: left;
}

p.uijk-widget-title {
    color: #ffffff !important;
    size: 14px;
    padding: 3px 6px;
    font-weight: normal;

}

#mainCont {
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 100%;
    background-color: #000000;
    background: #ffffff url(../img/sitetop.png) no-repeat; 
    font-size: 14px;
    color: #000000;
}

#mainCont p.title {
    font-size: 24px;
    line-height: 100px;
    width: 980px;
    text-align: center;
    color: #ffffff;
}

#topform {
    position: absolute;
    top: 10px;
    right: 30px;
    
}

#topform select {
    width: 90px;
    font-size: 11px;
    color: #445244;
    padding:3px 2px;
    margin:2px 0 20px 10px;
    background: transparent url(../img/selectbkg.png);
    border: 0px;
}

#topform label {
    font-size: 11px;
    color: #e0e0e0;
}

#toplogininfo {
    position: absolute;
    top: 75px;
    right: 30px;
    color: #e0e0e0;
    font-size: 12px;
    border-top: 1px solid #e0e0e0;
    padding: 3px;
}

#toplogininfo span {
    display: block;
    margin-left: 5px;
    float: left;
}
#toplogininfo span.info {
    font-size: 10px;
    margin-top: 1px;
}

#toplogininfo a {
    display:block;
    font-size: 12px;
    margin-left: 20px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

#toplogininfo a.logout {
    color: #F48204;
}

#bottombar {
    position: relative; 
    margin: 0 auto;
    left: 0px; 
    width: 980px;
    height: 30px;
    color: #ffffff;
    background: #ffffff url(../img/sitebottom.png) no-repeat;
}

#bottombar span {
    display: block;
    margin-top:8px;
    margin-left: 20px;
    float: left;
    font-family: tahoma, verdana, arial;
    font-size: 11px;
}

#bottombar span.link {
    float: right;
    padding-right: 20px;
    margin-left: 0px;
    color: #91A891;
}

#titlebox {
    position: relative;
    top: 20px;
    float: left;
    width: 480px; 
    left: 0px;
    overfloaw: auto;
}

#titleboxr {
    position: relative;
    top: 20px;
    left: 20px;
    float: left;
    width: 480px; 
}

#infobox {
    position: relative;
    top: 20px;
    float: left;
    width: 480px; 
    left: 0px;
    height: 200px; 
    background: #ffffff;
    border: 1px solid #BDB7A5;
}

#titlebox p.title, #titleboxr p, #infobox p {
    color: #ffffff;
    font-weight: normal;
    padding: 3px;
}


#titlebox p.info, #titleboxr p.info, #infobox p.head {
    margin-top: 10px;
    color: #425142;
    margin-left: 10px;
    text-indent: 10px;
    font-size: 12px;
    line-height: auto;
    font-weight: normal;
}

#formtitlebox label {
    display: block;
    font-weight: bold;
    text-align: right;
    width: 150px;
    color: #F48204;
    font-size: 12px;
    line-height: 25px;
    float: left;
    clear: left;
    margin-top: 2px;
}

#formtitlebox input {
    float:left;
    font-size:12px;
    padding: 3px 6px;
    border: 1px solid #BDB7A5;
    /*background-color: #DFD9C9;*/
    margin: 4px 0px 0px 10px;
}


#formtitlebox input.checkbox {
    float:left;
    font-size:12px;
    padding: 1px 2px 3px 2px;
    border: 1px solid #BDB7A5;
    background-color: #DFD9C9;
    margin: 10px 0px 0px 160px;
    clear: left;
}

#formtitlebox label.checkboxinfo {
    font-size: 10px;
    float: left;
    clear: none;
    line-height: 13px;
    text-align: left;
    margin-left: 10px;
    margin-top: 5px;
    font-weight: bold;
    width: 230px;
}

#formtitlebox button {
    float: right;
    clear: left;
    text-align: center;
    font-size: 12px;
    margin: 10px 10px 10px 0px;
}
#formtitlebox button.first {
    margin-right: 30px;
}


#offerbox {
    top: 5px;
    position: relative;
    width:980px;
    height: 150px;
    background-color: #BDB7A5;
    clear: both;
}

#offerbox td img {
    clear: both;
    display: block; 
    padding-left: 11px;
}

#offerbox td {
    width: 122px;
    text-align: center;
    
    padding: 4px 0px;
}

#offerbox td, #offerbox a, #offerbox a:hover, #offerbox a:hover {
    text-decoration: none;
    color: #425142;
    font-family: tahoma, verdana, arial;
    font-size: 11px;
}


#othercontent {
    position: relative;
    left: 0px;
    width: 980px;
    border-top: 2px solid #BDB7A5;
    clear: both;
    height: 220px;
    top: 60px;
}

#othercontentitem {
    position: relative;
    width: 326px;
    float: left;
    height: 100%;
}

#othercontentitem h1 {
    font-family: arial;
    font-size: 15px;
    color: #000000;
    text-indent: 11px;
    padding-top: 15px;
}

#othercontentitem ul {
    padding: 10px 0px 0px 20px;
}

#othercontentitem ul, #othercontentitem a, #othercontentitem a:hover, #othercontentitem a:visited {
    text-decoration: none;
    color: #425142;
    font-family: tahoma, verdana;
}

#othercontentitem a:hover {
    color: #8E8A80;
}

#othercontentitem li {
    padding-top: 4px;
}

#othercontentitem ul li:before {
    content: "\00BB";
    padding-right: 10px;
}

#reusableHint {
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    background-color: #CE8C3D;
    color: #ffffff;
    border: 1px solid #BDB7A5;
    padding: 5px;
    position:absolute;
    z-index:1;
    visibility:hidden;
}

#reusableHint p.opis {
    font-size: 11px;
}

#reusableHint p.op {
    font-weight: bold;
}

#reusableHint p.imp {
    font-family: verdana;
    font-size: 11px;
    color: #f30000;
    background-color: #ffffff;
    padding: 2px;
}

#showschedule table th {
    font-size: 12px;
    line-height: 18px;
    padding: 0 2px;
}

#showschedule table td {
    font-size: 10px;
    padding: 1px;
    border-bottom: 1px solid #BDB7A5;
}

#reportback {
    margin-top: 10px;
    position: relative;
    float: left;
    clear: left;
    height: 40px;
    font-size: 11px;
}

#reportContent {
    clear: both;
    position: relative;
}

#reportContent h1 {
    color: #425142;
    line-height: 30px;
    text-align: center;
}

#reportContent h1 span.bigger {
    font-size: 16px;
}

#reportContent p.info {
    text-align: center;
    font-size: 11px;
    
}

#termContent input, #termContent select, #slodiv input, #slodiv select {
/*    float:left; */
    font-size:12px;
    padding: 1px 2px 3px 2px;
    border: 1px solid #BDB7A5;
    background-color: #DFD9C9;
    margin: 2px 15px 0px 2px;
    clear: right;
    float: left;
}

#termContent input, #termContens select {
    clear: none;
}

#termContent span {
    float: left;

}

#termContent label, #slodiv label, #termContent p.label, #termContent p{
    display: block; 
    margin-left: 10px;
    font-weight: bold;
    text-align: right;
    /*color: #EB6200; */
    color: #A46313;
    font-size: 12px;
    line-height: 25px;
    float: left;
    clear: none
    
    
}

#termContent p {
    color: #000000;
    font-size: 14px;
    margin-left: 5px;
}


.spanmargintop20 {
    margin-top: 20px;
}

.spanmargintop10 {
    margin-top: 10px;
}

.spanmargintop5 {
    margin-top: 5px;
}

.spanmarginleft5 {
    margin-left: 5px;
}

.searchdiv {
    font-size: 12px;
    padding: 10px;
}

.searchdiv input {
    font-size: 12px;
    margin-left: 5px;
    height: 20px;
    padding: 2px 2px;
    vertical-align: middle;
    line-height: 14px;
    float: left;
}

.searchdiv label {
    float: left;
}

.myDropKick {
    font-size: 11px;
    height: 18px;
    margin-top: 3px;
    margin-left: 5px;
}

.nextbutton {
    font-size: 12px;
    margin-bottom: 15px;
}

.filters {
    font-size: 12px;
    /*overflow: auto;*/
}

.filters label, .filters input, .filters select{
    float: left;
}

.filters label {
    margin: 5px 5px 0 10px;
}

.filters input {
    margin-top: 3px;
    padding: 2px;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
}

.filters button {
    float: right;
}

.infodiv p.kopis, .infodiv p.kinfo {
    font-size: 12px;
    float: left;
}

.infodiv p.kopis {
    color: #B85700;
    margin: 0 5px;
}

.infodiv p.kfixr {
    width: 130px;
    text-align: right;
}

table.kcontacts {
    font-size: 11px;
}

table.kcontacts td {
    padding: 2px;
}

table.kcontacts td.kopis {
    color: #B85700;
    text-align: right;
}

#fininfo {
    text-align: center;
}

#fininfo p.opis1 {
    font-size: 14px;
    margin-top: 12px;
}

#fininfo p.infor {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}

#fininfo p.infor1 {
    font-size: 15px;
    font-family: tahoma;
    font-weight: bold;
    margin-top: 5px;
    color: #EC6200;
    line-height: 25px;
}

.ajaxProgress {
    display: static;
    width: 100%;
    height: 100%;
    background: url(../img/preloaders/32preloader.gif) no-repeat center center;
}



td.group {
    color: #EC6200;
    font-weight: bold;
    border-top: 2px solid #000000;
}

.shortinfo td, .shortinfo th {
    padding: 2px;
}

.shortinfo th {
    text-align: right;
    padding-right: 5px;
}

.shortinfo td {
    text-align: left;
    padding-left: 5px;
}

.alRT {
    text-align: right;
}

#tab-2 .dataTables_wrapper {
    font-family: tahoma;
}

#tab-2 .dataTables_wrapper tr {
    font-weight: bold;
}


#tab-2 .dataTables_filter {
    font-size: 12px;
}

#tab-2 .dataTables_filter input {
    height: 14px;
    border-radius: 6px;
    border: 1px solid #D1D1D1;
    padding: 3px;
}

#tab-2 .dataTables_length select {
    height: 24px;
    border-radius: 6px;
    border: 1px solid #D1D1D1;
    padding: 2px;
}

#tab-2 .dataTables_filter label {
}

#scheduleDialog label {
    font-weight: bold;
    float:left;
}

#scheduleDialog p.floatLeft {
    float: left;
    margin-left: 5px;
    font-size: 12px;
}

#scheduleDialog p.headField {
    width: 80%;
    border-bottom: 1px solid #d1d1d1;
}

#scheduleDialog textarea {
    width: 100%;
    margin-top: 10px;
    overflow: auto;
    line-height: 14px;
}

#splashDialog div.news {
    border-bottom: 2px solid #4F5452;
    border-left: 2px solid #4F5452;
    overflow: auto;
    margin-bottom: 15px;
    padding: 0 0 5px 5px;
}

#splashDialog p:first-child {
    margin-top: 10px;
}

#splashDialog div.news img { 
    float: left;
    clear: left;
    margin: 0 10px 0 5px;
    /*border: 1px solid #000000; */
}

#splashDialog span.header {
    font-family: "Trebuchet MS", helvetica, arial;
    font-weight: bold;
    font-size: 12px;
    color: #4F5452;
    float: left;
    margin-bottom: 10px;
}

#splashDialog span.imp {
    color: #CF9249;
    font-family: "Trebuchet MS", helvetica, arial;
    font-weight: bold;
    font-size: 12px;
    float: left;
}

#splashDialog span.cat {
    background-color: #CF9249;
    font-family: "Trebuchet MS", helvetica, arial;
    font-weight: bold;
    font-size: 12px;
    float: right;
    color: #ffffff;
    padding: 0 5px;
}

#splashDialog p {
    font-family: "Trebuchet MS", helvetica, arial;
    font-weight: bold;
    font-size: 13px;
    color: #4F5452;
    float: left;
    font-weight: normal;
    text-indent: 10px;
}

.shortinfo td.right {
    text-align: right;
}

#planowanie tr {
    height: 26px;
    vertical-align: middle;
    line-height: 24px;
}

#planowanie th {
    background-color: #CC8632;
    color: #ffffff;
}

#planowanie td {
    border-bottom: 1px solid #000000;
    padding-right: 5px;
}

#planowanie td:nth-child(even) {background-color: #cccccc;}

#planowanie a, #planowanie a:visited {
    color: black;
}

#planowanie a:hover {
    color: #CC8632;
}

#planowanie a:after {
    content: url(../img/edit168.png);
}

.maplegend span.lcolor {
    width: 50px; height: 20px; 
    float: left; 
    margin-top: 7px; 
    margin-left: 65px; 
    clear: left;
}

.maplegend span.lopis, .maplegend span.lwart {
    width: 130px; 
    height: 20px; 
    float: left; 
    margin-top: 7px; 
    margin-left: 10px; 
    font-size: 11px;
}

.maplegend span.lwart {
    text-align: right;
    width: 110px;
}

#datatablebi_en_wrapper, #datatablebi_wrapper {
    width: 650px;
}

.mceContent {
    overflow: hidden;
}

.mcePMCont {
    padding: 3px;
}

.mcePMCont p {
    line-height: 20px;
}

.mcePMCont td {
    padding: 2px;
}

.mcePMCont span.expose {
    color: #CE8B3A;
}

.mcePMCont span.cite {
    border-bottom: 1px dashed #CE8B3A;
    }
.mcePMCont ol {
    list-style-type:decimal;
    list-style-position:inside;
    padding-left: 20px;
}

.mcePMCont ul {
    list-style-type:disc;
    list-style-position:inside;
    padding-left: 20px;
}

#commentsTable .dataTables_length,#commentsTable .dataTables_filter, #commentsTable .dataTables_info, #commentsTable .dataTables_paginate {
    margin: 5px 5px 0 5px;
    font-size: 11px;
    background-color: #E2E4FF;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #E0CFC2;
}

.jqplot-data-label {
    color: #fff;
    font-size: 12px;
}

a.ep-rollover {
    display: block;
    width: 48px;
    height: 48px;
    float: right;
    clear: both;
    text-decoration: none;
}

a.ep-rollover:hover {
    background-position: -48px 0;
}

label.al {
    float: left;
}

label.cl {
    clear: left;
}

label.f12 {
    font-size: 12px;
}

label.fb {
    font-weight: bold;
}

table.jk-links a {
    color: inherit;
    text-decoration: none;
}

table.jk-links td.link:hover {
    background-color: #CCCC00;
    
    font-weight: bold;
    cursor: pointer;
}

.strokedtext {
    font-weight: bold;
    /*text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */
    /*text-shadow: white 0.1em 0.1em 0.05em */
    text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
}

p.bfDir {
    width: 420px;
    float: left;
    line-height: 25px;
}

p.bfDir a {
    color: #F48204;
    text-decoration: none;
}

div.DTTT_container {
    float: left !important;
    margin-bottom: 0px !important;
}

.ui-selectmenu-menu-dropdown {
    font-size: 12px !important;
}

#alertScroll div.scrollableArea p
{
    display: block;
    float: left;
    margin: 0;
    padding-right: 20px;
    font-family: Georgia,Times, 'Times New Roman', Serif; 
    font-size: 45px;
    line-height: 45px;
    font-weight: bold; 
    background-color: #fff; 
    color: #000; 
    white-space: nowrap;
}

.red {
    color: red;
}

.dt_planReceipts a {
    color: #333333;
    font-weight: inherited;
}

.dt_planReceipts a:hover {
    color: #CC8530;
    font-weight: inherited;
}



label.emm_label_fixed {
    width: 150px;
    text-align: right;
    clear: left;
}

.myui-datepicker-trigger {
    position: relative;
    top:7px;
}

.sowform div {
    margin-top: 10px;
}

.sowform label {
    width: 230px;
    text-align: right;
    display: inline-block;
}

tr.sow_border_bottom td {
    border-bottom: 1px solid black;
}

.blink_text {

animation:2s blinker linear infinite;
-webkit-animation:2s blinker linear infinite;
-moz-animation:2s blinker linear infinite;

 color: red;
}

@-moz-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }
 
a.tablebutton {
    color: black;
}

div.newcontent {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}