BODY {
  margin: 0px;
  background: url('/img/bkg.png') top left repeat-y;
 }
P    { font-family: tahoma, arial;
       font-size: 80% }
LI   { font-family: tahoma, arial;
       font-size: 80% }
H1   { font-family: tahoma, arial }
H2   { font-family: tahoma, arial }
H3   { font-family: tahoma, arial }
H4   { font-family: tahoma, arial }
H5   { font-family: tahoma, arial }
H6   { font-family: tahoma, arial }
TD   { font-family: tahoma, arial }
FORM { font-family: tahoma, arial;
       font-size: 80% }
.ff  { font-size: 80%; background-color: #FFFCE1 }
.ff_maroon { font-size: 80%; background-color: maroon }
.ff_green  { font-size: 80%; background-color: green }
.ff_olive  { font-size: 80%; background-color: olive }
.ff_purple { font-size: 80%; background-color: purple }
.ff_navy   { font-size: 80%; background-color: navy }
.ff_teal   { font-size: 80%; background-color: teal }
.ft        { font-size: 90%; background-color: #fffce1 }
.fb        { font-size: 80%; }
.ff_lokalizacja  { font-size: 80%; width: 600px; background-color: #FFFCE1 }
A:hover  { text-decoration: underline }
A:active { text-decoration: none;
           color: #400000;
           background: #FFFCE1 }
.nd      { text-decoration: none }
.menu    { font-family: tahoma, arial;
           font-size: 8pt;
           font-weight: normal;
           color: white;
           text-decoration: none }
.amenu   { font-family: tahoma, arial;
           font-size: 8pt;
           font-weight: bold;
           color: white;
           text-decoration: none }
.tbh     { font-size: 70%;
           font-weight: bold;
           color: white;
           background: #400000 }
.tbc     { font-size: 70%;
           background: #FFFCE1;
           border-bottom: 1px solid #400000 }
.txt     { font-size: 70% }
.popup   { margin: 0px;
           background: url(/img/popup_bkg.png) no-repeat top left }
.lnt     { font-family: tahoma, arial;
           font-weight: normal;
           color: #BD7A40;
           text-decoration: none }
.lntb    { font-family: tahoma, arial;
           font-weight: normal;
           color: #BD7A40;
           text-decoration: none;
           font-weight: bold; }
.tbb     { font-size: 70%;
           font-weight: bold }
.tbn     { font-size: 70% }
.bmenu   { font-family: tahoma, arial;
           font-size: 70% }

@keyframes blink {
   80% { opacity: 1; }
   90% { opacity: 0; }
  100% { opacity: 1; }
}

/** Update for MOBILE  **/

body {
  background: none;
}

.page-sidebar-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 254px;
  height: 100%;
  z-index: 2;
  overflow-x:hidden;
  overflow-y: auto;
  padding-right: 0px;
  background: #0e70ad;
  box-shadow: inset -20px 0 10px -15px rgba(0,0,0,0.2);
}

.page-sidebar {
  overflow: visible;
  padding-top: 40px;
}

.page-content-wrapper {
  position: absolute;
  top: 0;
  left: 240px;
  right: 0px;
  box-sizing: border-box;
}

.page-header {
  padding: 0 20px;
}
.page-content {
  padding: 0 20px 20px;
}

body .page-sidebar-wrapper{
  left: 0;
}

body .page-content-wrapper {
  left: 250px;
  right: 0px;
}


body.sidebar .page-sidebar-wrapper{
  left: -200px;
}

body.sidebar .page-content-wrapper {
  left: 50px;
  right: 0px;
}
/*
body.hide-sidebar {
  background-position: -170px 0;
}
*/

#offCanvasToggler {
  text-transform: lowercase;
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  top: 10px;
  right: 12px;
  width: 30px;
  height: 30px;
  overflow:hidden;
  text-indent: 300px;
  font: 0/0 a;
  color: transparent;
  background: url(img/offCanvasToggler.png) top left no-repeat ;
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 0px;
}

#offCanvasToggler:hover {
  background-position: left bottom;
  cursor: pointer;
  border-color: #072233;
}

.sidebar #offCanvasToggler {
  background-position: right top;
}

.sidebar #offCanvasToggler:hover {
  background-position: right bottom;
}

.page-sidebar-wrapper,
.page-content-wrapper {
  transition: .3s all ease-in;
}

.form-control {
  padding-bottom: 5px;
}

.form-control label {
  display: block;
  cursor: pointer;
}

.form-control textarea {
  width: 100%;
}

.pseudo-responsive-table {
  width: 100%;
  overflow: hidden;
  height: auto;
  overflow-x: auto;
}

.page-login .page-sidebar-wrapper img {
  margin: 20px 0;
}

.page-login .page-sidebar {
  border: none;
  padding: 0;
}

.elx-tools table {
  width: 100%;
}

.elx-tools table th {
  font-family: Tahoma, Arial, sans-serif;
  background: #400000;
  font-size: 80%;
  color: #fff;
}

.elx-tools table td {
  font-size: 70%;
  background: #FFFCE1;
  border-bottom: 1px solid #400000;
}

/* Styles for smaller screens */
@media only screen and (max-width: 768px) {
  .page-login .page-sidebar-wrapper,
  .page-login .page-content-wrapper {
    position: inherit;
    width: 100%;
    height: auto;
    padding: 0;
    box-shadow: none;
  }

  .page-header {
    padding: 0 10px;
  }
  .page-content {
    padding: 0 10px 10px;
  }

  .page-login .page-sidebar-wrapper .page-sidebar {
    text-align: center;
    padding: 20px 0;
  }

  .page-login .page-sidebar-wrapper img {
    margin: 0;
  }

  .page-login .page-content-wrapper {
    padding: 20px 0;
  }

  .page-login .page-content > table > tbody > tr > td {
    padding: 20px;
  }

  body.sidebar .page-sidebar-wrapper {
    left: 0;
  }

  body.sidebar .page-content-wrapper {
    left: 254px;
    right: 0px;
  }

  body .page-sidebar-wrapper {
    left: -200px;
  }

  body .page-content-wrapper {
    left: 54px;
    right: 0px;
  }

  #offCanvasToggler {
    background-position: right top;
  }

  #offCanvasToggler:hover {
    background-position: right bottom;
  }

  .sidebar #offCanvasToggler {
    background-position: left top;
  }

  .sidebar #offCanvasToggler:hover {
    background-position: left bottom;
  }

  table tr > .tbc:last-child .lnt {
    display: block;
    padding: 3px 5px;
    white-space: nowrap;
  }

  .tbc .separator {
    display: none;
  }

  .small-hide {
    display: none;
  }
}


table tr:nth-child(2n+1) > .tbc {
  background-color: #FFFDEC;
}

table tr:hover > .tbc {
  background-color: #FFF;
}

textarea.ft {
  font-size: 12px;
}


.btn {
  cursor:pointer;
  display:inline-block;
}

.btn--small {
  font-size:11px;
  line-height: 1.1;
  padding: 3px;
}