@import url("nine-ball-z/new.css");
@import 'wiadomosci.css';

:root {
    --bg1: #dfffd3;
    --col-a-adobe: #3e85d6;
    --col-b-adobe: #5d7b9d;
    --col-c-adobe: #7ea7d6;
    --col-d-adobe: #28568a;
    --col-e-adobe: #193657;
    --col-tab-user: #f1fde6;
    --blue-jasny: #a7c957;
    /* --blue-ciemne: #273fa1; */
    --blue-ciemne: #4caf50;

    --blue-cont: rgba(0, 0, 0, 0.1);
    --button-color: rgba(0, 0, 0, 0.2);
    /*
  --bg-1:rgba(0,0,0,0.1);
  --bg-2:rgba(0,0,0,0.2);
  --bg-3:rgba(0,0,0,0.3); */
    --bg-1: rgba(0, 0, 0, 0.1);
    --bg-2: rgba(0, 0, 0, 0.2);
    --bg-3: rgba(0, 0, 0, 0.3);
    --bgw-1: rgba(255, 255, 255, 0.1);
    --bgw-2: rgba(255, 255, 255, 0.5);
    --bgw-3: rgba(255, 255, 255, 0.9);
    /*coolors.co*/
    --color-1: #386641;
    --color-2: #6a994e;
    --color-3: #a7c957;
    --color-3a: #eeffc5;
    --color-4: #f2e8cf;
    --color-5: #bc4749;
    --color-6: #c3ffe8;
    /* end */
    --blue-bg: #386641;
    --blue-cont: #6a994e;
    --button-green: #035134;
    --font-ciemna: #002518;
    --green-bright: #b1e825;
    --green-dark: #527200;
    --red: #e84025;
    /* --bialy: #adffe0; */
    /* --blue-bg:#2f2b68;
  --blue-cont:#3c397e;
  --green-bright:#B1E825;
  --green-dark:#709C02;
  --red:#E84025;
  --bialy:#eaeaea; */
}

* {
    margin: 0;
    padding: 0;
    border-spacing: 0;
}
body{
    background-color: var(--bs-body-bg) !important;
}
.pointer{
    cursor: pointer !important;
  }
body2{
    /* color: #035134 !important; */
    /* background-color: #85beff; */
    /* font-family: 'Caveat Brush', sans-serif !important; */
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    background-image: linear-gradient(135deg, #52e5e7 10%, #130cb7 100%) url(../images/bg.png) !important;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right bottom;
    background-image: linear-gradient(135deg, #52e5e7 10%, #130cb7 100%);
    /* background-color: var(--blue-bg) !important; */
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right bottom;
    background-image: linear-gradient(135deg, #0baf72 10%, #00311f 100%);
}
iframe{
    background-color: var(--bs-body-bg) !important;
}
.punktacja form {
    background-color: #c3ffe8 !important;
}

.punktacja td {
    background-color: #c3ffe8 !important;
    padding: 0px !important;
    color: #035134 !important;
}

.protokul td {
    /* background-color: #c3ffe8 !important; */
    /* padding: 0px !important; */
    color: #075510 !important;
    /* padding: 12px 9px !important; */
    text-align: center;
}

.protokul tr {
    /* background-color: #c3ffe8; */
    /* padding: 0px !important; */
    color: #00442a !important;
    padding: 12px 9px !important;
    text-align: center;
}

.ul-green li {
    color: #035134 !important;
}

.index-body {
    background-color: #000 ;
}

.div-img2 {
    width: 790px;
    padding: 0px;
}

.tabele-wyniki td {
    text-align: center !important;
}

a {
    text-decoration: none;
}

hr {
    border-bottom: 1px solid var(--blue-cont);
    border-top: 1px solid var(--blue-bg);
}

label>h3 {
    font-size: 22px;
}

a {
    color: #fff;
}

p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Caveat Brush', sans-serif !important;*/
    margin: 10px;
}

label,
select,
option,
td {
    font: 700 15.5px/17px 'Roboto', sans-serif;
}

td {
    vertical-align: middle;
}

td.table-wyn {
    font: 700 15.5px/17px 'Roboto', sans-serif;
    /* color: #071048; */
    color: var(--font-ciemna);
    background-color: transparent;
    padding: 12px 9px;
    text-align: center;
}

ul,
li {
    color: var(--bialy) !important;
}

li.opis {
    color: var(--button-green) !important;
}

ol.ol>li>ul>li {
    position: relative;
    /* background-color: #dfe4fd; */
    background-color: var(--button-green);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

input[type='number'] {
    /*for absolutely positioning spinners*/
    position: relative;
    padding: 5px;
    padding-right: 25px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    opacity: 1;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
    width: 25px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

label .frame-tab-all {
    color: var(--button-green) !important;
}

.pointer,
.tr,
label {
    background: transparent;
}

.tabelki-wyniki {
    background-image: url(../images/pasek1-green.png);
    background-size: 100% 135px !important;
    width: 99%;
    height: 200px;
    /* background-color: rgba(255, 255, 255, 0.8);*/
    /*  background-position: top center;*/
    background-repeat: no-repeat;
    /*  background-attachment: fixed;*/
    background-size: contain;
}

.c-tresc,
.p-tresc,
#panel-boczny-moj-panel {
    color: #27c9ff ;
    font-weight: 800;
}

/* PASEK Z WYNIKAMI */
.back-tab {
    background-image: url(../images/pasek1-green.png);
}

.wyniki-pasek-form,
.wyniki-pasek-form2 {
    /* background:var(--green-dark) !important; */
    background: #2b8a25 !important;
    border: 1px solid #7bff73;
}

.hr-dashed-b {
    border-top: 1px dashed #004e21;
    border-bottom: 0px solid;
}

.menu-pion-left {
    background-color: var(--blue-cont) !important;
    /* background-color: #315a39 !important; */
    /* opacity: 0.5; */
    box-shadow: 0 0 0;
    border-radius: 3px;
}

.content-pion {
    background-color: transparent;
}

.menu-new {
    width: 100%;
    display: table;
    /* margin-top: -3px; */
    background-color: var(--blue-cont) !important;
    /* height: 50px; */
    border-radius: 3px;
    padding: 10px 0px ;
    box-shadow: 0 0px 15px -15px #000;
}

.div-artykuly {
    background: var(--blue-cont) !important;
    padding: 20px;
    color: var(--bialy) !important;
    border-radius: 10px;
    box-shadow: 0 0 0 #000;
    margin: 20px 0 -20px 0;
    text-align: center;
}

.div-artykuly-list {
    background: var(--blue-cont) !important;
    padding: 20px;
    color: var(--bialy) !important;
    border-radius: 10px;
    box-shadow: 0 0 0 #000;
    margin: 20px 0 -20px 0;
}

fieldset {
    background-color: var(--blue-cont) !important;
    padding: 10px 5px;
    border: 0px solid rgb(42, 240, 165);
    transform: translate(0px, 0px);
    opacity: 1;
    border-radius: 10px;
    box-shadow: 0 0px 0px #000;
}

.box-m2 {
    box-shadow: 0 0px 0px #000;
}

.bg-cont {
    background-color: var(--blue-cont) !important;
    box-shadow: 0 0 0 #aaa;
    border-radius: 15px;
}

.form-bg {
    background-color: var(--blue-cont) !important;
}

.tytul {
    color: var(--bialy);
}

.table-field {
    background: rgba(0, 0, 0, 0.5);
    /* width: 70%; */
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border: 0px solid !important;
}

.table-zaw-top {
    background: var(--green);
}

.search-box {
    /* background:var(--bg-1); */
    padding: 5px 10px;
    margin: 10px 0;
}

th {
    background: #555;
    color: #fff;
}

tr:nth-child(odd) {
    /* background: #f0f0f0; */
    background-color: var(--bg-2);
}

tr:nth-child(odd):hover {
    /* background: #ceefff; */
    background-color: var(--bg-3);
}

tr:nth-child(even) {
    /* background: #fbfbfb; */
    background-color: var(--bg-1);
}

tr:nth-child(even):hover {
    /* background: #ceefff; */
    background-color: var(--bg-3);
}

.content-f {
    background-color: var(--blue-cont);
    /* display: inline-block; */
}

.box-m {
    width: 215px;
}

.box-green {
    border: 2px solid #2af0a5;
}

.box-footer {
    width: 25%;
    border: 0px solid;
    float: left;
    background-color: #045738 !important;
    height: 150px;
}

.kontakt-top2 {
    color: #386641;
}

ol.ol a {
    color: var(--bialy) !important;
}

p {
    color: var(--bialy) !important;
}

.button-log {
    /* background-color: var(--button-green) !important; */
}

.button-log2 {
    background-color: transparent !important;
    color: var(--bialy) !important;
}

.ForestGreen {
    background-color: #4caf50 !important;
    color: #fff !important;
}

.switch__input1:checked~.switch__label1 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input2:checked~.switch__label2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input3:checked~.switch__label3 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input4:checked~.switch__label4 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input5:checked~.switch__label5 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input6:checked~.switch__label6 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input7:checked~.switch__label7 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input8:checked~.switch__label8 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input9:checked~.switch__label9 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input10:checked~.switch__label10 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input11:checked~.switch__label11 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input12:checked~.switch__label12 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input13:checked~.switch__label13 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input14:checked~.switch__label14 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input15:checked~.switch__label15 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input1_2:checked~.switch__label1_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input2_2:checked~.switch__label2_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input3_2:checked~.switch__label3_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input4_2:checked~.switch__label4_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input5_2:checked~.switch__label5_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input6_2:checked~.switch__label6_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input7_2:checked~.switch__label7_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input8_2:checked~.switch__label8_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input9_2:checked~.switch__label9_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input10_2:checked~.switch__label10_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input11_2:checked~.switch__label11_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input12_2:checked~.switch__label12_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input13_2:checked~.switch__label13_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input14_2:checked~.switch__label14_2 {
    background-color: var(--blue-ciemne) !important;
}

.switch__input15_2:checked~.switch__label15_2 {
    background-color: var(--blue-ciemne) !important;
}

.col-u1-h,
.col-u2-h {
    background-color: #cdff57 !important;
    color: var(--font-ciemna);
}

.tr,
.border-user,
.border-user2,
.tab-zaw1,
.tab-zaw2 {
    /* background-color: #00d784 !important; */
    color: var(--color-1);
}

.wynik-suma,
.wynik-suma-cyfra {
    color: #193657;
}

.border-user {
    border: 0px solid #3e85d6;
}

.tab_zaw {
    /* border: 5px solid #273fa1;
  box-shadow: 0 0 3px #273fa1; */
    border: 4px solid #29ff29;
    /* box-shadow: 0 0 3px green; */
}

.tab_zaw:hover {
    box-shadow: 0 0 10px #29ff29 inset;
}

.kat-gora {
    background: #273fa1 !important;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    color: #fff;
}

.tab-sum-wy {
    background: #c4ffa4 !important;
}

.tab-sre-wy {
    background: #a5f779 !important;
}

.logowanie-tab,
.form-bg,
.form {
    /* background-color: var(--blue-cont) !important; */
    /* background-color: #f7fffc !important; */
    background-color: #ffffff !important;
}

.logowanie-tab-zmien textarea {
    color: #000 !important;
    font-size: 18px !important;
    /* border: 0px solid #adffe0; */
    /* border-radius: 5px; */
    margin: 10px 4px;
}


/* 035134 */

.logowanie-tab-zmien {
    background: #21cb55 !important;
}

.powrot-color {
    background-color: #3ca127 !important;
}

.table-login,
.table-login td {
    background: transparent !important;
}

#pokaz_czat {
    width: 370px;
    height: 440px;
    background-color: #034b30;
    display: none;
    position: fixed;
    right: 60px;
    z-index: 100;
    box-shadow: 0 2px 10px rgb(0 0 0);
    border: 1px solid #008a57;
    border-radius: 20px 20px 0px 0px;
    bottom: 0px;
    padding: 3px 10px;
    font-family: 'Roboto', sans-serif !important;
}
/* SCROLLBAR*/

/* width */

::-webkit-scrollbar {
    width: 15px;
}


/* Track */

::-webkit-scrollbar-track {
    background: var(--blue-bg);
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--bialy);
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: var(--green-bright);
}

.scroller {
    /* overflow-y: scroll; */
    scrollbar-color: var(--bialy) var(--blue-bg);
  }



.wygrana {
    background: #00a21b !important;
}

.przegrana {
    background: #e40000 !important;
}

.back-tab3 {
    background-image: url(/images/pasek1-green.png);
    background-size: 300px 100px;
    /*background-color: #f1fde6;*/
    border-radius: 10px;
    /*color: #145914;*/
    color: #fff;
    display: inline-table;
    background-position: top center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: contain;
    /*height: 65%;*/
    width: 100%;
}

.youtube-wyniki {
    padding: 0px;
    background: #045638 !important;
    /* border-radius: 5px; */
    box-shadow: 0 12px 15px -15px #000;
    margin: -25px auto 20px auto;
}

.white {
    color: #fff !important;
}

.c-dane,
.p-dane,
.c-data,
.p-data {
    color: var(--bialy) !important;
}
.span-stat{
    font-size:14px;
    font-weight:400;
    color:orange;
    float:right
}
.wygrane-przegrane{
    font-size:14px;
    font-weight:100;
    color:#fff;
}

.div-zakoncz {
    width: 650px;
    height: 450px;
    margin: 0 auto;
    border: 1px solid #111;
    background: #000;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 0 0 !important;
}
.odswierz-button{
    width: 20px;
height: 20px;
border-radius: 50% !important;
padding: 5px 15px 10px 15px;
font-size: 25px;
margin: 3px 16px;
}

.table-th-top{
    padding:15px;
    text-align:left;
}
.img-artykuly{
    width: 90%;
}
.zamknij-x{
    background: var(--blue-cont) !important;
}

.punktacja2 {
    /* background-color: ; */
    background-color: var(--bialy);
    border: 1px solid #000
  }
  .button-powrot {
   background-color: var(--temp-col-600);
  }
  .gra-rozbicie{
    border:1px solid var(--temp-col-600);
    padding:2px 4px;
    border-radius:2px;
  }
  .gra-rozbicie-zaznaczone{
    background: var(--temp-col-500);
    color: #333;
  }
  .gra-rozbicie-nie-zaznaczone{
    background:#fafafa;
    color:var(--temp-col-600);
  }


  .box-info-user{
    background: linear-gradient(329deg, #c0f7ac 0%, #e8ffe0 100%);
    border: 1px solid #c0f7ac;
  }