* { border-radius: 0 !important; }

body,p,table,td,form,input,select,textarea,label { margin:0; }
body,p,table,td,form  { padding:0; }
input,select,textarea { padding:3px; }
body { font-size:13px; color:#000000; background-color:#ffffff; }
p,a,span,input,select,textarea,td,div { font-family:inherit !important; font-size:inherit; color:inherit; }

table     { border-collapse:collapse; border-spacing:0; }
table, td { border:0 solid #222222; }
input,select,textarea { border:1px solid #dddddd; }
option.selected      { background:#ccd1ff; }
td,div    { vertical-align:top; }
div.ttbl  { display:table; }
div.trow  { display:table-row; }
div.tcell { display:table-cell; }

a,a:hover,button,button:hover { text-decoration:none; cursor:pointer; }
a,a.lnk                                { color:#880000; }
th a,th a.lnk                          { color:#dddddd; }
a:hover,a.lnk:hover,a.hover,a.lnkhover { color:#ff0000; }

div.code { white-space:pre; background:#eeeeee; padding:5px; }



.trhl      { background-color:#ccd1ff !important; }
.trhlforce { background-color:#ccd1ff; }

.tfixed    { position:fixed; }
.trelative { position:relative; }
.tabsolute { position:absolute; }
.tblock    { display:block; }
.tiblock   { display:inline-block !important; }
.float     { overflow:auto; height:auto !important; }
.fclr      { clear:both !important; }
.fleft     { float:left !important; }
.fright    { float:right !important; }
.fnone     { float:none !important; }
.fcenter   { float:none !important; margin-left:auto; margin-right:auto; }
/* deprecated start */
.floatclear  { clear:both !important; }
.floatleft   { float:left !important; }
.floatright  { float:right !important; }
.floatnone   { float:none !important; }
.floatcenter { float:none !important; margin:0 auto; }
/* deprecated end */
.thidden              { display:none; }

.w10px { width:10px;  } /* for hold small columns */
.w100  { width:100%;  }
.w100vw { max-width:100vw; }
.wauto { width:auto;  }
.h100  { height:100%; }
.hauto { height:auto !important; }

.nopadd,.padd0 { padding:0 !important; }
.nopaddleft { padding-left:0 !important; }
.padd0h3 { padding:0 3px !important; }
.padd1h3 { padding:1 3px !important; }
.padd1   { padding:1px  !important; }
.padd3   { padding:3px  !important; }
.padd5   { padding:5px  !important; }
.padd7   { padding:7px  !important; }
.padd12  { padding:12px !important; }
.padd21  { padding:21px !important; }
.paddl0  { padding-left:0px !important; }
.paddl7  { padding-left:7px !important; }
.paddl12 { padding-left:12px !important; }
.paddl12 { padding-left:12px !important; }
.paddl21 { padding-left:21px !important; }
.paddr0  { padding-right:0px !important; }
.paddr12 { padding-right:12px !important; }
.paddr21 { padding-right:21px !important; }

.sept21  { margin-top:21px  !important; }
.sept12  { margin-top:12px  !important; }
.sept7   { margin-top:7px   !important; }
.sept3   { margin-top:3px   !important; }
.sept1   { margin-top:1px   !important; }
.sepl1   { margin-left:1px  !important; }
.sepl3   { margin-left:3px  !important; }
.sepl7   { margin-left:7px  !important; }
.sepl12  { margin-left:12px !important; }
.sepl21  { margin-left:21px !important; }
.sepl50  { margin-left:50px !important; }
.sepr1   { margin-right:1px  !important; }
.sepr3   { margin-right:3px  !important; }
.sepr7   { margin-right:7px  !important; }
.sepr12  { margin-right:12px !important; }
.sepr21  { margin-right:21px !important; }
.sepr50  { margin-right:50px !important; }

.brd1white       { border:1px solid white !important; }
.brd1whitebottom { border-bottom:1px solid white !important; }
.brd1black       { border:1px solid black !important; }
.brd1blackbottom { border-bottom:1px solid black !important; }
.brd1grey        { border:1px solid #cccccc !important; }
.brd1greytop     { border-top:1px solid #cccccc !important; }
.brd1greybottom  { border-bottom:1px solid #cccccc !important; }
.brd1darkgrey        { border:1px solid #888888 !important; }
.brd1darkgreybottom  { border-bottom:1px solid #888888 !important; }
.brd1lightgreybottom { border-bottom:1px solid #dddddd !important; }
.brd1greylight,.brd1lightgrey   { border:1px solid #dddddd !important; }
.brd1red         { border:1px solid red !important; }
.brd1blue        { border:1px solid blue !important; }
.brd1green       { border:1px solid green !important; }

.brd1topblack      { border-top:1px solid #000000 !important; }
.brd1topaaaaaa     { border-top:1px solid #aaaaaa !important; }
.brd1toptimegreen  { border-top:1px solid #aded53 !important; }
.brd1toptimeyellow { border-top:1px solid #ffff66 !important; }
.brd1toptimegrey   { border-top:1px solid #cccccc !important; }
.brd1toptimered    { border-top:1px solid #ff4433 !important; }
.brd1toptimeindigo { border-top:1px solid #dd99ff !important; }
.brd1toptimeumbra  { border-top:1px solid #73542f !important; }

.txtleft   { text-align:left !important; }
.txtright  { text-align:right !important; }
p.txtright  { float:right !important; }
.txtcenter { text-align:center !important; }
.txtmiddle { vertical-align:middle !important; }
.txttop    { vertical-align:top !important; }
.txtbottom { vertical-align:bottom !important; }
.txtstrike { text-decoration:line-through !important; }
.txtv { writing-mode:tb-rl; }
.txtrotate270 {
-webkit-transform: rotate(270deg); 
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}

.normal     { font-weight:normal !important;}
.bold       { font-weight:bold !important;}
.nobr       { white-space:nowrap !important; }
.br         { white-space:normal !important; }

.black      { color:black !important; }
.white      { color:white !important; }
.red        { color:red !important; }
.lightred   { color:#ffdddd !important; }
.green      { color:#00ff00 !important; }
.darkgreen  { color:#00cc00 !important; }
.verydarkgreen  { color:#005100 !important; }
.orange     { color:#FFA500 !important; }
.yellow     { color:#ffff66 !important; }
.darkyellow { color:#ff8c00 !important; }
.blue       { color:#2828a8 !important; }
.grey       { color:grey !important; }
.lightgrey  { color:#dddddd !important; }
.darkgrey   { color:darkgrey !important; }
.indigo     { color:#dd99ff !important; }

.bgffffff,.bgwhite          { background-color:#ffffff !important; }
.bgeeeeee                   { background-color:#eeeeee !important; }
.bgeeeeee                   { background-color:#eeeeee !important; }
.bgdddddd                   { background-color:#dddddd !important; }
.bgcccccc,.bggrey           { background-color:#cccccc !important; }
.bgbbbbbb                   { background-color:#bbbbbb !important; }
.bgaaaaaa                   { background-color:#aaaaaa !important; }
.bg888888                   { background-color:#888888 !important; }
.bg777777                   { background-color:#777777 !important; }
.bg666666                   { background-color:#666666 !important; }
.bg444444                   { background-color:#444444 !important; }
.bg000000, .bgblack         { background-color:#000000 !important; }
.bglightred                 { background-color:#ffdddd !important; }
.bgbluelight, .bglightblue  { background-color:#d9dcff !important; }
.bgblue                 { background-color:#99a2ff !important; }
.bggreen                { background-color:#aded53 !important; }
.bgyellow               { background-color:#ffff66 !important; }
.bggrey                 { background-color:#cccccc !important; }
.bgred                  { background-color:#ff4433 !important; }
.bgteal                 { background-color:teal;   !important; }
.bgindigo               { background-color:#dd99ff !important; }
.bgumbra                { background-color:#73542f !important; }


.tloader{height:100%; z-index:900;}
.tloader:before{display:block; position:absolute; content:""; left:0; width:0; height:2px; background-color:#2980b9;
    animation:tloading 2s linear infinite; animation-delay:0.3s;
    }
.tloader:after{display:block; position:absolute;
    content:"\A \A \A czekaj..."; font-size:11px; white-space:pre; color:#2980b9; text-align:center;
    border:5px solid #2980b9; border-radius:40px; height:40px; width:40px;
    left:50%; top:50%; opacity:0;
    animation:tpulsate 3s ease-out; animation-delay:1.5s; animation-iteration-count:infinite;
}
@keyframes tpulsate {
    0%   { opacity:0.0; transform:scale(.1); }
    50%  { opacity:0.7; }
    100% { opacity:0.0; transform:scale(2); }
}
@keyframes tloading {
  from { left: 0px; width:0%; }
  30%  { left: 20%; width:60%; }
  50%  { left: 30%; width:70%; }
  70%  { left: 90%; width:10%; }
  80%  { left:100%; width:0%; }
   to  { left:100%; width:0%; }
}

/* below is OK */

.tmenu,.tsubmenu    { overflow:auto; height:auto !important; }
.tsubmenu           { z-index:100; background:#eeeeee; }

/* buttony */
  /* tblock */
  .tbtn, .tbtntxt, .tbtndisable, .tbtntxtdisable, .tbtn2,
  table.t1>tbody>tr>td>p, table.t1>tbody>tr>td>span, table.t1>tbody>tr>td>input, table.t1>tbody>tr>td>select, table.t1>tbody>tr>td>input[type=checkbox], table.t1>td>input[type=radio]
  table.t1small>tbody>tr>td>p, table.t1small>tbody>tr>td>span, table.t1small>tbody>tr>td>input, table.t1small>tbody>tr>td>select, table.t1small>tbody>tr>td>input[type=checkbox],
     table.t1small>td>input[type=radio]
    { display:block; float:left; }

  /* border padding size color */
  a.tbtn,a.tbtn2,a.tbtndisable,span.tbtntxt,p.tbtntxt,div.tbtntxt,div.tbtntxtdisable,input.tbtn,input.tbtn2,input.tbtntxt,button.tbtn2,
    table.t1>tbody>tr>td>p,table.t1>tbody>tr>td>span
    { border:none; padding:0 12px; line-height:40px; color:#000000; white-space:nowrap; }
  table.t1>tbody>tr>td>input,table.t1>tbody>tr>td>select
    { padding:0 12px; line-height:40px; color:#000000; white-space:nowrap; }

  a.tbtnsmall { padding:0 5px !important; line-height:25px !important;}
  table.t1small>tbody>tr>td>p, table.t1small>tbody>tr>td>span, table.t1small>tbody>tr>td>a.tbtn, table.t1small>tbody>tr>td>a.tbtn2,
    table.t1small>tbody>tr>td>input, table.t1small>tbody>tr>td>select,
    table.t1small>tbody>tr>td>p, table.t1small>tbody>tr>td>span,
    { padding:0 5px;  line-height:25px; }
  span.tbtnsmall, p.tbtnsmall
    { padding:0 5px !important;  line-height:25px !important; }
  span.tbtnsmallpaddh2, p.tbtnsmallpaddh2
    { padding:0 2px !important;  line-height:25px !important; }

  table.t1narrow>tbody>tr>td>p, table.t1narrow>tbody>tr>td>span, table.t1narrow>tbody>tr>td>a.tbtn, table.t1narrow>tbody>tr>td>a.tbtn2,
    table.t1narrow>tbody>tr>td>input, table.t1narrow>tbody>tr>td>select
    { padding:0 2px; }

  table.t1narrowsmall>tbody>tr>td>p, table.t1narrowsmall>tbody>tr>td>span, table.t1narrowsmall>tbody>tr>td>a.tbtn, table.t1narrowsmall>tbody>tr>td>a.tbtn2,
    table.t1narrowsmall>tbody>tr>td>input, table.t1narrowsmall>tbody>tr>td>select
    { padding:0 2px; line-height:25px; }

  input[type="checkbox"].tbtn { display:none !important; margin:0 !important;}
  input[type="checkbox"].tbtn+label { display:block !important; font-weight:normal; cursor:pointer; float:left; }
  input[type="checkbox"].tbtn+label:hover   { background:#99a2ff !important; }
  input[type="checkbox"].tbtn+label p       { display:block; float:left; padding:0 12px;       line-height:40px; white-space:nowrap; }
  input[type="checkbox"].tbtn+label i       { display:block; float:left; padding:0 7px 0 12px; line-height:40px; }
  input[type="checkbox"].tbtn+label i.ico   { padding:0 3px 0 0; }
  input[type="checkbox"].tbtn+label i.on    { display:none;  float:left; }
  input[type="checkbox"].tbtn+label i.off   { display:block; float:left; color:#cccccc; }
  input[type="checkbox"].tbtn:checked+label i.on  { display:block; color:#00cc00; }
  input[type="checkbox"].tbtn:checked+label i.off { display:none;}
  input[type="checkbox"].tbtn:checked+label p { color:black; }

  input[type="radio"].tbtn { display:none !important; margin:0 !important;}
  input[type="radio"].tbtn+label { display:block !important; font-weight:normal; cursor:pointer; float:left; }
  input[type="radio"].tbtn+label:hover   { background:#99a2ff !important; }
  input[type="radio"].tbtn+label p       { display:block; float:left; padding:0 12px;       line-height:40px; white-space:nowrap; }
  input[type="radio"].tbtn+label i       { display:block; float:left; padding:0 7px 0 12px; line-height:40px; }
  input[type="radio"].tbtn+label i.ico   { padding:0 3px 0 0; }
  input[type="radio"].tbtn+label i.on    { display:none;  float:left; }
  input[type="radio"].tbtn+label i.off   { display:block; float:left; color:#cccccc; }
  input[type="radio"].tbtn:checked+label i.on  { display:block;  color:#00cc00; }
  input[type="radio"].tbtn:checked+label i.off { display:none;}
  input[type="radio"].tbtn:checked+label p { color:black; }



    /* background */
    a.tbtn,a.tbtndisable,span.tbtntxt,div.tbtntxt,div.tbtntxtdisable,input.tbtn,input.tbtntxt, table.t1 td p,table.t1 td input,table.t1 td select
      { background:none; }
    a.tbtn2,input.tbtn2,button.tbtn2
      { background:#dddddd; }
  div.tbtntxt,div.tbtntxtdisable { overflow:auto;  }

  /* input */
  input.tbtn,input.tbtntxt { background:white; }
  input.tbtntxt[readonly]  { border-color:white; }
  input.tbtn2 { background:white; }
  /* checkboxy */
  table.t1           >tbody>tr>td input[type=checkbox], table.t1        >tbody>tr>td input[type=radio] { margin:0 7px; height:40px;}
  table.t1small      >tbody>tr>td input[type=checkbox], table.t1small   >tbody>tr>td input[type=radio] { margin:0;     height:25px;}
  table.t1narrow     >tbody>tr>td input[type=checkbox], table.t1narroow >tbody>tr>td input[type=radio] { margin:0;     height:40px;}
  table.t1narrowsmall>tbody>tr>td input[type=checkbox], table.t1narroow >tbody>tr>td input[type=radio] { margin:0;     height:25px;}

a.tbtn:hover,a.tbtn2:hover,a.tbtnhover,input.tbtn:hover,input.tbtn2:hover,button.tbtn:hover,button.tbtn2:hover { background:#99a2ff !important; }
a.tbtndisable,div.tbtntxtdisable   { color:#cccccc !important; }
input.tbtntxt,select.tbtntxt,table.t1 td input,table.t1 td select { height:40px; line-height:40px; padding:0 12px; border:1px solid #dddddd; }
textarea.tbtntxt             { padding:5px; border:1px solid #dddddd; }
/* wersje small */
a.tbtndark,span.tbtndark,input.tbtndark,select.tbtndark,.tbtndark  { background:#444444; color:#dddddd; }

table.t1      tr:nth-child(even) { background: #f0f0f0; }
table.t1white tr:nth-child(even) { background: none; }
table.t1>tbody>tr>td            { border-width:0; padding:5px 7px; }
table.t1 th { padding:5px 7px; background:#444444; color:#dddddd; font-weight:normal; vertical-align:bottom; text-align:center; white-space:nowrap; }
table.t1narrow>tbody>tr>td      { padding:1px 2px !important; }
table.t1narrowsmall>tbody>tr>td { padding:1px 2px !important; }
/* white text color in TH */
table.t1 th, table.t1 th > p, table.t1 th > span           { color:#dddddd; }
table.t1>tbody>tr>td>p, table.t1>tbody>tr>td>input, table.t1>tbody>tr>td>select { color:#000000; }

tr.active,td.active   { background:#ccd1ff !important; }

/* tdlg narazie tylko modul FTP uzywa */
div.tdlg         { padding:21px; height:auto; border:1px solid lightgrey; }
div.tdlgtitle    { padding:12px 0; font-weight:bold; font-size:1.2rem; }
div.tdlgcnt      { padding:12px 0; }
div.tdlgbtns     { padding:12px 0; overflow:auto; height:auto; }
div.tdlgmsg      { padding:12px 0; display:none; background-color:white; }
div.tmsg,td.tmsg { padding:7px; display:none; clear:both; overflow:auto; background-color:white; border-width:3px !important; border-style:solid !important; border-color:#444444 !important; }


div.promo_tekst table { border:1px solid black; }
div.promo_tekst td { border:1px solid black; padding:3px;}


table.tsw > tbody > tr > td { padding:0 5px; line-height:25px; }
/* table.tsw > tbody > tr:nth-child(4n+3) { background:#eeeeee; } */
table.tsw > tbody > tr > td > p { padding:0; line-height:25px; }
table.tsw > tbody > tr > td:first-child > p { float:right; }

table.tsw p.treeno { float:left; width:17px; height:25px; display:block; position:relative; }

table.tsw p.treei  { float:left; width:21px; height:25px; display:block; position:relative; }
table.tsw p.treei:before { content:""; width:21px; height:25px; left:10px; display:block; position:absolute; border-left:1px solid grey; }

table.tsw p.treet { float:left; width:17px; height:25px; display:block; position:relative; margin-right:5px; }
table.tsw p.treet:before { content:""; width:21px; height:25px; left:10px; display:block; position:absolute; border-left:1px solid grey; }
table.tsw p.treet:after  { content:""; width:7px; height:12px; left:10px; display:block; position:absolute; border-bottom:1px solid grey; }

table.tsw p.treel { float:left; width:17px; height:25px; display:block; position:relative; margin-right:5px; }
table.tsw p.treel:before { content:""; width:21px; height:12px; left:10px; display:block; position:absolute; border-left:1px solid grey; }
table.tsw p.treel:after  { content:""; width:7px; height:12px; left:10px; display:block; position:absolute; border-bottom:1px solid grey; }




/* TinyMCE editor */
.mce-tinymce, .mce-container-body, #code_ifr { min-height: 99% !important; }
.mce-container-body { position: absolute;  bottom: 0; left: 0; right: 0; }
.mce-container-body .mce-edit-area { position: absolute; top: 69px; bottom: 37px; left: 0; right: 0; }
.mce-tinymce .mce-statusbar { position: absolute; bottom: 0; left: 0; right: 0; }





/* obsolete - find, change/update/delete */
input.text           { border-width:1px; border-color:#999999; border-style:solid; }
input.textdisabled   { border-width:1px; border-color:#999999; border-style:solid; background:#cccccc; }
input.button         { height:22px; padding:0px 10px 2px 10px; line-height:22px; color:#000000; background:#c1f17c; border:1px solid #508e52; font-weight:bold; }
input.button:hover   { text-decoration:underline; }
input.buttondisabled { border-width:1px; border-color:#999999; border-style:solid; background:#cccccc; font-weight:bold; }

a.tab            { display:block; height:22px; padding:0px 10px 2px 10px; line-height:22px; color:#000000; background:#ffffff; border-width:1px 1px 0 1px; border-style:solid; border-color:#508e52; }
a.tab:hover      { text-decoration:underline; background:#c1f17c;}
a.tabsel         { background:#c1f17c;}
a.tabsel:hover   { text-decoration:underline;}
a.tabdark        { background:#cccccc;}
a.tabbig         { height:35px; padding:0 25px; line-height:35px;}


a.menutop        { color:#000000; text-decoration:none; padding-left:12px; padding-right:12px; }
a.menutop:hover  { color:#cc0000; text-decoration:none; }

/* do zaorania */
a.btn                { display:block !important; border:none; padding:12px; color:#000000; background:#eeeeee; white-space:nowrap; overflow:auto; font-weight:normal; margin:0px !important; }
a.btn:hover          { background:#99a2ff !important; }
a.btndark            { background:#cccccc;}
a.btnbig             { height:35px; padding:0 25px; line-height:35px;}
a.btnsmall           { height:20px; padding:0 20px; line-height:20px;}
a.btntiny            { height:15px; padding:0 10px; line-height:15px;}

table.tbl       { border-width:0px; }
tr.ng:nth-child(even) { background-color: #f0f0f0; }
td.tbl          { border-width:1px 1px 0px 1px; border-color:#508e52; border-style:solid; padding:2px 3px; }
td.ng           { border-width:0; padding:5px 7px; border-bottom: 7px solid white; }
td.tbl2         { border-width:0px 0px 1px 0px; border-color:#508e52; border-style:solid; padding:2px 3px; }
td.tbl_noborder { padding:1px 3px; }
td.tbl_header   { border-width:1px; background:#d9dcff; vertical-align:bottom; color:black; border:none;}
td.tbl_header2  { border-width:1px; background:#d9dcff; vertical-align:bottom; color:black; border-color:white;}
td.tbl_full     { border-width:1px; }
td.tbl_full_low { border-width:1px; padding:0px 3px;}
td.tbl_end      { border-width:1px 0px 0px 0px; padding: 0px; }
td.tbl_hidden   { border-width:0px; border-color:#000000; border-style:solid; padding:0px; }
td.tbl_swtree   { padding:0px 3px; }

div.optionpopup {position:absolute; display:none; border:1px solid black; background-color:white; padding:7px; top:0px; left:0px; z-index:100; }

@media screen and (max-height: 600px) {
  td.menuitemtd>a.menuitema img { !important;    -moz-transform:scale(0.7);
    -webkit-transform:scale(0.7);
    transform:scale(0.7); }
  td.menuitemtd>a.menuitema>div.menuitemdesc { display:none; }
  a.submenuitema { line-height:30px !important; padding:0px 10px !important; }
  a.menutop        { padding-left:7px; padding-right:7px; }
}
