@charset "utf-8";
/* additional CSS Document */

/*==================================================
 * Shadows
 * ===============================================*/

h1 {
  font-weight: 800;
  letter-spacing: .3rem;
}
/* 
td {
  text-align: center;
} */

.custom-control {
  padding-left: 1rem;
}

.custom-control-label {
  padding-left: .5rem;
}

.table-highlight {
  color: #333;
  font-size: 1.3rem;
  text-transform: uppercase;
}

.xshadow {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.xshadow:before, .xshadow:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  border-radius: 100px / 10px;
}

.xshadow:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.box-shadow {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.bshadow {
  -webkit-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}

/*NOWE KOLORY*/

.bg-blue-5 {
  background-color: #365899;
  color: white;
}

.text-blue-5 {
  color: #365899;
}

.bg-light-blue-5 {

  background-color: #dfe3ee;
}

/*==================================================
 * Colors/Backgrounds
 * ===============================================*/

.bg-navy {
  background: -webkit-gradient(linear, right top, left top, from(#9ad7dc), to(#018db1));
  background: -webkit-linear-gradient(right, #9ad7dc, #018db1);
  background: -o-linear-gradient(right, #9ad7dc, #018db1);
  background: linear-gradient(-90deg, #9ad7dc, #018db1);
}

.text-navy {
  color: #018db1;
}

.bg-navy-light {
  background-color: #4f5d6a;
}

.bg-body {
  background-color: #fff; /*zmienione*/
}

.bg-body-light {
  background-color: white;
}

.blue {
  background-color: #004857;
  color: white;
}

.blue-light {
  background-color: #d1dddd;
}

.tlo-paskow-zadanie {
  background-color: #fff;
}

/*==================================================
 * Buttons
 * ===============================================*/

.btn-green-6 {
  background-color: #6ba5b4;
  color: white;
  border: 1px solid #477e8c;
  border-radius: 3px;
  letter-spacing: 0.1rem;
}

.btn-green-6:not(.disabled):hover {
  background-color: #4f8d9d;
  color: white;
  border: 1px solid #477e8c;
  letter-spacing: 0.1rem;
}

.btn-red-6 {
  background-color: #e74536;
  color: white;
  border: 1px solid #d12919;
  border-radius: 3px;
  letter-spacing: 0.1rem;
}

.btn-red-6:hover {
  background-color: #cf3e30;
  color: white;
  border: 1px solid #b8372b;
  border-radius: 3px;
  letter-spacing: 0.1rem;
}

.btn-blue-5 {
  background-color: #dfe3ee;
  color: #3b5998;
  border: 1px solid #adb7d3;
  font-weight: 500;
  border-radius: 3px;
  letter-spacing: 0.1rem;
}

.btn-blue-5:hover {
  background-color: #adb7d3;
  border: 1px solid #7b8bb8;
}

.btn-white {
  background-color: white;
  color: #333;
}

.btn-danger {
  background-color: #ff4444;
  color: #fff;
}

.btn-danger:hover {
  background-color: #e53d3d;
}

.btn.disabled, .btn:disabled {
  opacity: .8;
}

.btn-info {
  background-color: #08aae6;
  border: 1px solid #0798cd;
  color: #fff;
}

.btn-info:hover {
  background-color: #05739c;
  color: #fff;
}

.btn-toolbar {
  font-size: 1rem;
  padding: .1rem .2rem;
  margin: .1rem;
}

.btn-toolbar-fixed-width {
  margin: 0px auto;
  width: 1.3rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: inherit;
}

.btn-toolbar-fixed-width-wider {
  margin: .1rem;
  width: 2.5rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: inherit;
}

.btn-text-center {
  text-align: center;
}

.btn-toolbar-bottom {
  font-size: 1rem;
  padding: .5rem;
  margin: 0rem .3rem;
  border-radius: 1rem;
}

.btn-table {
  background-color: #01677d;
  color: white;
  font-weight: bold;
  border: 1px solid #004857;
}

.btn-table:hover {
  background-color: #004857;
  color: white;
}

.btn-zadanie {
  font-size: 1.1rem;
  letter-spacing: .1rem;
  border-radius: 1.5rem;
  color: white;
  padding: 1rem auto;
  border: thin solid white;
}

.btn-yellow {
  background-color: #fbc02d;
  color: white;
}

.btn-yellow:hover {
  background-color: #e1ac28;
  color: white;
}

.btn-blue-grey {
  background-color: #78909c;
  color: #fff;
}

.btn-blue-grey:hover {
  background-color: #6c818c;
}

.btn-green {
  background-color: #8bc34a !important;
  color: #fff !important;
}

.btn-success {
  background-color: #00C851;
  color: white;
}

.btn-success:hover {
  background-color: #007E33;
  color: white;
}

.Select-control {
  height: calc(2.25rem + 2px) !important;
}

.border-bottom {
  border-bottom: 1px solid #007bff !important;
}

.btn-group {
  display: -ms-flexbox;
  display: flex;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
}
/* 
.table th {
  vertical-align: middle;
  padding: 0.4rem;
} */
/* 
.table td {
  vertical-align: middle;
  padding: 0.2rem;
} */

.zadanie-aktywne {
  font-weight: normal;
  -webkit-box-shadow: 0rem 0rem 0rem 0.1rem #FF9800;
  box-shadow: 0rem 0rem 0rem 0.1rem #FF9800;
}

h1, h2, h3, h4, h5 {
  font-family: 'Raleway', sans-serif;

}

.content {
  min-height: calc(100vh - 100px);
}

.footer-sticky {
  min-height: 62px;
  padding: 6px 0;
}

.footer-zadanie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}

.body-zadanie {
  margin-bottom: 120px;
  background-color: #f7f7f7;
}

.sticky-nav-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.sticky-nav-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 30;
  min-height:60px;
}

.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10;
}

.kontener-zadanie {
  padding: 15px;
  min-height: calc(100vh - 130px);
}

.tablica-zadanie {
  position: relative;
  z-index: 20;
}

.border-zadanie {
  border: .15rem solid #898f9c;
  border-radius: 10px;
  padding: 1vw 1.5vw 1.5vw;
}

/* .table, .table-bordered, .table-sm {
  margin-top: 1rem;
  margin-bottom: 2rem;
  margin-right: 1rem;
  margin-left: 1rem;
  width: calc(100% - 2rem);
} */

.btn-pag{
    font-size: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
}
// WEBPACK FOOTER //
// ./src/style/additional-styles.css