body
        {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
             color: #000000;
             font-family:'Josefin Sans';
             text-align:center;
             padding:50px;
             min-height:400px;
             letter-spacing:-0.2px;
             cursor: default;
        }

div::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, span::selection, p::selection, a::selection, img::selection, form::selection {
background: transparent; /* WebKit/Blink Browsers */
}
.nicEdit-main::selection, nicEdit-selected::selection{
   background:#0086c3!important;
   color:#fff;
}
.textarea::selection {
   background:#0086c3!important;
   color:#fff;
}


        h1, h2, h3, h4, h5, h6 {
         text-transform:uppercase;
        }


        p, span, div, ol, ul, li, td, button, input, textarea, form
        {
             margin: 0;
             padding: 0;
        }

        img {
         margin:0 auto;
        }

        a
        {
             color: #C8D7EB;
             outline: none;
             text-decoration: none;
             text-transform:uppercase;
             font-weight:700;
        }
        a:visited
        {
             color: #C8D7EB;
        }
        a:active
        {
             color: #C8D7EB;
        }
        a:hover
        {
             color: #376BAD;
             text-decoration: none;
        }


         .box5 {
         position:relative;
         width:3%;
         padding:1%;
         min-height:10px;
         float:left;
        }
         .box10 {
         position:relative;
         width:8%;
         padding:1%;
         min-height:10px;
         float:left;
        }
         .box11 {
         position:relative;
         width:9.1%;
         padding:1%;
         min-height:20px;
         float:left;
        }
         .box16 {
         position:relative;
         width:14.6%;
         padding:1%;
         min-height:20px;
         float:left;
        }
         .box20 {
         position:relative;
         width:18%;
         padding:1%;
         min-height:20px;
         float:left;
        }
         .box25 {
         position:relative;
         width:23%;
         padding:1%;
         min-height:20px;
         float:left;
        }
        .box33 {
         position:relative;
         width:31%;
         padding:1%;
         min-height:20px;
         float:left;
        }

        .box50 {
         position:relative;
         width:48%;
         padding:1%;
         min-height:20px;
         float:left;
        }
         .box60 {
         position:relative;
         width:58%;
         padding:1%;
         min-height:20px;
         float:left;
        }
        .box66 {
         position:relative;
         width:64%;
         padding:1%;
         min-height:20px;
         float:left;
        }
         .box70 {
         position:relative;
         width:68%;
         padding:1%;
         min-height:20px;
         float:left;
        }
        .box75 {
         position:relative;
         width:73%;
         padding:1%;
         min-height:20px;
         float:left;
        }
         .box80 {
         position:relative;
         width:78%;
         padding:1%;
         min-height:20px;
         float:left;
        }
        .box90 {
         position:relative;
         width:88%;
         padding:1%;
         min-height:20px;
         float:left;
        }
        .box100 {
         position:relative;
         width:99%;
         padding:0.5%;
         min-height:20px;
         float:left;
        }


.formularz {
    text-align: left;
    padding: 0px 30px 20px 30px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    background: white;
    border-radius: 4px;
    margin: 15px auto;
}
.formularz_tytul::before {
    background: #005981;
    color: white;
    content: "";
    left: -8px;
    border-radius: 6px;
    padding: 18px;
    position: absolute;
    top: 0px;
    z-index: -1;
}
.formularz_tytul {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    background: #0086c3;
    padding: 17px 32px 12px;
    border-radius: 0px 0px 4px 4px;
    color: white;
    top: -11px;
    position: relative;
}


.box_aktualnosci {
min-height: 60px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
display: block;
padding: 1% 3%;
margin-bottom: 12px;
background: #FFF url(https://pascal.edu.pl/newstlo.png) no-repeat scroll left bottom;
border-style: solid;
border-color: #f9f9f9;
border-width: 2px;
overflow: hidden;
}

.box_aktualnosci > .box100 {
min-height: 60px;
padding-bottom: 20px;
z-index:1;
}
.box_aktualnosci > .box100 > h4 {
font-size: 24px;
letter-spacing: -1px;
color: #0086c3;
width: calc(100% - 114px);
margin: 12px 10px 20px 0px;
text-align: left;
line-height: 30px;
float: left;
}
.box_aktualnosci > .tresc  {
left:0px;
background:none;
}
.box_aktualnosci > .tresc > img , .box_aktualnosci > .tresc > p > img , .box_aktualnosci > .tresc > div img {
max-width: 250px !important;
height: auto !important;
background-size: 100px 100px;
border-radius: 5px;
margin: 10px;
transition-duration: 0.6s;
animation-timing-function: ease;
}
.box_aktualnosci > .tresc > img:hover , .box_aktualnosci > .tresc > p > img:hover , .box_aktualnosci > .tresc > div img:hover{
transform:scale(1.7);
box-shadow:0px 0px 10px rgba(0,0,0,0.9);
transition-duration: 0.3s;
}

.box_aktualnosci > .box100 > .data {
width: 75px;
height: 90px;
background: #fff;
box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
position: relative;
float:right;
border-radius: 10px;
background: red;
color:#fff;
overflow: hidden;
font-size: 12px;
padding: 4px 0px 0px 0px;
}

.box_aktualnosci > .box100 > .data > .kalendarzdol {
background-image: linear-gradient(#fff, #ccc);
color: #646464;
padding:4px 0px 10px 0px;
}



.poleKodSms {
    text-align: center;
    font-size: 36px;
    padding: 14px 4px !important;
}
.poleDowodOsobisty {
   text-align: center;
    font-size: 26px;
    padding: 14px 4px !important;
}
.poleDowodOsobisty.nieaktywne {
   pointer-events:none;
   background:#ccc;
}

.zamknij-baner-reklama {
width: 20px;
height: 20px;
background: lightgray;
border-radius: 9999px;
color: #797979;
position: fixed;
right: 4px;
bottom: 47px;
z-index: 1000;
cursor:pointer;
}

.baner-reklama {
background: white;
width: 350px;
height: 60px;
position: fixed;
z-index: 100;
right: 10px;
bottom: 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
border-radius: 5px 0px 0px 0px;
background-size: contain;
}
.baner-reklama:hover {
   filter:brightness(1.1);
}


input[type=text], input[type=password], input[type=email], input[type=tel], select {
font-family:inherit;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
     transition-duration: 0.1s;
}


input[type=password]:invalid, input[type=email]:invalid, input[type=tel]:invalid {
    border: 2px solid #cc0205;
}


input[type=text]:hover, input[type=password]:hover, select:hover {
transform:scale(1);
}

input[type=text]:focus, input[type=password]:focus, select:focus {
transform:scale(0.97);
}





/* SLIDER TOOGLE */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0086c3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0086c3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* okragle */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* SLIDER TOOGLE */





.przycisk {
position: relative;
padding: 15px 20px;
min-width: 150px;
background-color: #0086c3;
color: #fff !important;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 6px 0px #0f5778;
display: inline-block;
margin: 5px 0px;
border-radius: 4px;
transition-duration: 0.1s;
transition: filter 0.1s linear;
font-size: 18px;
cursor: pointer;
border: none;
font-family: inherit;
text-shadow: 0px 2px rgb(28, 93, 156);
margin: 8px auto 14px;
}

.przycisk:hover {
filter:brightness(1.2);
text-decoration: none;
}
.przycisk:active {
top:3px;
box-shadow: 0px 3px 0px #000;
text-decoration: none;
}

.przycisk.nieaktywny {
    filter: saturate(0);
    pointer-events: none;
}

input[type=submit] {
position: relative;
padding: 15px 20px;
min-width: 150px;
background-color: #0086c3;
color: #fff !important;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 6px 0px #0f5778;
display: inline-block;
height: 44px;
margin: 5px 0px;
border-radius: 4px;
transition-duration: 0.1s;
transition: filter 0.1s linear;
font-size: 18px;
cursor: pointer;
border: none;
font-family: inherit;
text-shadow: 0px 2px rgb(28, 93, 156);
margin: 8px auto 14px;
}


input[type=submit]:hover {
filter:brightness(1.2);
text-decoration: none;
}

input[type=submit]:active {
top:3px;
box-shadow: 0px 3px 0px #000;
text-decoration: none;
}

input[type=radio]:checked {
   min-width: 80px;
display: inline-block;
color: #000;
background: #88dd11;
padding: 9px 7px;
text-align: center;
cursor: pointer !important;
border-radius: 4px;
margin: 3px 5px;
}


#pesel {
    text-align:center;
    font-size: 26px;
}
#password {
    text-align:center;
    font-size: 26px;
}
#passwordpowtorz {
    text-align:center;
    font-size: 26px;
}

.radio input[type='radio'] {
  display: none;
  /*removes original button*/
}

.radio label:before {
  /*styles outer circle*/
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  background-color: transparent;
}

.radio label {
position: relative;
float: left;
min-width: 59px;
display: inline-block;
margin: 2px;
cursor: pointer !important;
background: #ffb700;
color: #fff;
padding: 4px 15px;
line-height: 21px;
border-radius: 2px;
text-shadow: 0px 1px 0px #5f5f5f;
box-shadow: 0px 2px 0px #8c6500;
}

.radio label:hover {
filter:contrast(0.8);
}

.radio label input[type='radio']:checked+span {
  /*styles inside circle*/
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
background-image: url('https://sluchacz.pascal.edu.pl/grafika/ikony/checkb.png');
background-repeat: no-repeat;
background-size: contain;
background-color: rgba(255,255,255,0.5);
z-index: 0;
box-shadow: 0px 2px 0px white inset,0px 3px 0px #FFD466;
}



img.zamknij-okno {
    width: 35px;
    cursor: pointer;
    height: auto;
    position: relative;
    transition-duration:0.1s;
}
/* .zamknij-okno:hover {
    filter: brightness(1.1);
}
.zamknij-okno:active {
    filter: brightness(0.9);
    transform: scale(0.9);
} */

/* img.zamknij-okno-szczegoly {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    cursor: pointer;
    height: auto;
    position: relative;
    transition-duration:0.1s;
    z-index: 3;
    float: right;
} */


#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(0,134,194);
z-index: 9999999;
background: #0086c2;
background: -moz-radial-gradient(center, ellipse cover, #0086c2 0%, #1e5799 100%);
background: -webkit-radial-gradient(center, ellipse cover, #0086c2 0%,#1e5799 100%);
background: radial-gradient(ellipse at center, #0086c2 0%,#1e5799 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086c2', endColorstr='#1e5799',GradientType=1 );
}
#preloader > .logo {
   display: block;
width: 26%;
height: 100px;
background: url('grafika/logo_w.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: fixed;
top: 25%;
left: 37%;
}
#preloader #preloaderobraz {
	position: relative;
margin: 0 auto;
top: calc(55% - 90px);
   left:115px;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 90px;
    height: 90px;
    animation: ladowanie 2s linear infinite;
}

@keyframes ladowanie {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.preloadertext {
   position: relative;
left: -78px;
top: 55%;
margin: 0 auto;
font-size: 40px;
color:#ffffff;
}

.separator_miasta {
   margin-bottom:150px
}

.tresc {
width: 100%;
left: 3%;
position: relative;
}

.naglowek_tresc {
position: sticky;
display: block;
width: 100%;
height: 40px;
text-align: left;
line-height: 37px;
box-sizing: border-box;
top: 50px;
z-index: 10;
}

.naglowek_tresc > img {
width: 30px;
height: auto;
float: left;
margin: 0px 16px 0px 10px;
}

.naglowek_wiersz {
background-color: #0086c3;
border-radius: 10px 10px 0px 0px;
font-weight: 800;
text-align: left;
text-transform: uppercase;
font-size: 11px;
border-width: 0px;
color: #fff;
height: 45px;
margin-top: 30px;
}

.grafika_upload {
background-image: url('grafika/upload.png');
width: 35px;
height: 35px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
margin: 0px 20px;
}
.przycisk_upload {
padding: 8px 15px 4px 15px;
color: #555;
border-color: #ccc;
background: #f6f6f6;
box-shadow: 0 1px 0 #ccc;
margin: 0px 7px;
font-size: 14px;
font-weight:800;
}

.nicEdit-main {
   cursor:text;
}

.wiersz {
width: 100%;
padding: 0px;
min-height: 60px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #ccc;
background-color: #fff;
overflow: hidden;
}
.wiersz:last-child{
border-radius:0px 0px 10px 10px;
}

.wiersz > .box5 {
padding:10px;
text-align:left;
}
.wiersz > .box10 {
padding:10px;
text-align:left;
}
.wiersz > .box60 {
padding:10px;
}
.wiersz > .box60 > a > img {
height: 28px;
margin: 0px 10px 0px 3px;
}
.wiersz > .box60 > a {
color: #27446A;
float: left;
letter-spacing: -0.7px;
}


.wiersz > .box70 {
padding:10px;
}
.wiersz > .box70 > a > img {
height: 28px;
margin: 0px 10px 0px 3px;
}
.wiersz > .box70 > a {
color: #27446A;
float: left;
letter-spacing: -0.7px;
}

.przyciskpanel {
    width: 100%;
    height: 36px;
    background-color: white;
    border-radius: 4px;
    font-family: inherit;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.4);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -0.5px;
    position: relative;
    float: left;
    margin: 2px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 13px 9px;
    padding: 14px 0px 10px 50px;
    cursor: pointer;
    line-height: 12px;
    overflow: hidden;
    transition-duration: 0.1s;
    font-size: 11px;
    border: none;
    box-sizing: border-box;
    text-align: left;
    color: #000000 !important;
    display: flex;
    align-content: center;
    align-items: center;
}


.przyciskpanel:hover {
filter:brightness(1.1);
}


.przyciskpanel:active {
top:3px;
box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
}

.przyciskpanel > img {
width: 25px;
height: 25px;
display: block;
position: absolute;
left: 12px;
top: 5px;
transition-duration: 0.1s;
}

.przyciskpanel:hover > img {
filter:blur(0px);
opacity:1;
width: 30px;
height: 30px;
left: 8px;
top:3px;
}



.przyciskmaly {
display: inline-block;
cursor: pointer;
padding: 6px 9px 3px 31px;
color: #ffffff;
font-weight: 300;
background-color: #0086c3;
border: none;
font-family: inherit;
text-transform: uppercase;
font-size: 16px;
width: auto;
background-position: 9px;
   background-size: 15px;
   background-repeat:no-repeat;
   border-radius:3px;
font-weight: 700;
box-shadow: 0px 2px 0px rgb(90,90,90);
}

.przyciskmaly:hover {
   filter: brightness(1.1);
}

.usun {
background-image:url('grafika/ikony/usun.png');
background-color: #ff6634;
}
.zapisz {
background-image:url('grafika/ikony/zapisz.png');
background-color: #88d833;
}
.dodaj {
background-image:url('grafika/ikony/dodaj.png');
background-color: #fbce17;
}

.przyciskwtabeli {
    cursor: pointer;
    transition-duration: 0.1s;
    position: relative;
    font-size: 7px;
    color: #000;
    width: 60px;
    height: 34px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    background-color: white;
    border-color: #888;
    border-radius: 2px;
    display: inline-block;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: 600;
    text-align:center;
}
.przyciskwtabeli-ikona {
    font-size: 11px;
}
.przyciskwtabeli:hover {
    transform: scale(1.3);
    filter: brightness(1.3);
    position: relative;
}

.przycisk_slider {
    min-width: 60px !important;
    min-height: 30px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block !important;
    margin: 4px 8px;
    cursor:pointer;
background-color:transparent !important;
box-shadow: none !important;
color:transparent !important;
text-shadow: none !important;
}
.przycisk_slider:hover {
filter:brightness(105%);
}
.przycisk_slider_on {
   background-image:url('grafika/ikony/przycisk_slider_on.png');
}

.przycisk_slider_off {
   background-image:url('grafika/ikony/przycisk_slider_off.png');
}


.liczbapowiadomien {
width: auto;
height: auto;
min-width: 19px;
background: red;
border-radius: 999px;
text-align: center;
box-sizing: border-box;
right: 0px;
position: absolute;
display: none;
top: 0px;
z-index: 5;
color: white;
font-weight: bold;
padding: 5px 6px 4px;
}


.mobile_rozwin_menu_boczne {
display:none;
}

.menu_boczne {
top: 38px;
width: 70px;
left: 0px;
height: calc(100vh - 30px);
min-height: 200px;
overflow-x: hidden !important;
background-color: #4b4c51;
text-align: right;
color: #fff;
font-size: 12px;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
padding: 4px 10px 100px;
box-sizing: border-box;
z-index: 100;
-webkit-transition: all 0.4s cubic-bezier(.08,.33,0,1.19);
transition: all 0.4s cubic-bezier(.08,.33,0,1.19);
position:fixed;
}

.menu_boczne ul li{
  white-space: nowrap;
}

.menu_boczne:hover {
    width: 275px;
    box-shadow: 0px 2px 20px rgba(0,0,0,0.5);
    overflow:initial;
}

.ikona_pomoc {
text-transform: uppercase;
border: 1px;
border-style: solid;
width: auto;
display: inline-block;
padding: 0px 10px;
font-weight: 500;
background-color: #efefef;
line-height: 24px;
border-color: #fff;
}
.ikona_pomoc > img {
   width:20px;
   margin-right:5px;
   top:5px;
   position:relative;
}

.naglowek_panelu {
   position:fixed;
   top:0px;
   width:100%;
   left:0px;
   height: 38px;
   background-color:#0086c3;
   text-align:right;
   color:#fff;
   font-size:12px;
   box-shadow:0px 2px 10px rgba(0,0,0,0.1);
padding: 4px 10px;
box-sizing: border-box;
z-index: 100;
-webkit-transition: all 0.4s cubic-bezier(.19,1,.22,1);
transition: all 0.4s cubic-bezier(.19,1,.22,1);
}


.naglowek_panelu > a{
color: white;
margin: 2px 5px;
font-size: 16px;
padding: 5px 10px;
box-sizing: border-box;
display: inline-block;
}

.naglowek_panelu > a:hover{
background-color:rgba(255,255,255,0.1);
}

.naglowek_panelu_przyciski {
display: inline-block;
padding: 0px;
margin: 0px;
}

.naglowek_panelu_przyciski > form {
   display: inline-block;
}

.naglowek_panelu_przyciski > form > input[type=submit], .naglowek_panelu_przyciski > a , .naglowek_panelu_przyciski > .przycisk {
color: white;
margin: 6px 10px;
font-size: 16px;
padding: 0px 10px;
box-sizing: border-box;
display: inline-block;
background: none;
text-shadow: none;
box-shadow: none;
min-width: 100px;
height: auto;
cursor:pointer;
}




.naglowek_wybierzkierunek_form {
  height: 30px;
  padding: 0px;
  margin: 0 auto;
  display: inline-block;
  background-color:#ffbf00;
  max-width:320px;
}
#wybranykierunek {
  margin: 3px 6px;
  padding: 2px 8px;
  box-sizing: border-box;
  height: 24px;
  min-height: 24px;
  width: calc(100% - 12px);
}
.wybierzkierunek {
  background: #e80000 !important;
  font-size: 12px !important;
  padding: 6px !important;
  height: 28px !important;
  text-shadow: 0px 2px rgb(111, 31, 0) !important;
  box-shadow: 0px 2px rgb(111, 31, 0) !important;
}
.naglowek_zmienkierunek {
  height: 20px !important;
  padding: 0px !important;
  font-size: 10px !important;
  margin: 0 auto !important;
  background-color: #ffbf00 !important;
  /* color: ;-+------ */
  text-shadow: none !important;
  box-shadow: 0px 4px 0px #d59500 !important;
  width: auto;
  background-position: 9px;
    background-position-x: 9px;
    background-position-y: center;
  background-size: 15px;
  background-repeat: no-repeat;
}





.logo_white {
background-image: url('grafika/logo_w.png');
background-repeat: no-repeat;
background-size: contain;
height: 23px;
width: 130px;
margin: 0px 10px;
top: 4px;
left:20px;
position: absolute;
background-position: center center;
}

.logostart {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+16,0+39 */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,0) 39%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 16%,rgba(255,255,255,0) 39%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 16%,rgba(255,255,255,0) 39%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */width:600px;
height:500px;
position:fixed;
top:0px;
left:0px;
}
.logostart > img {
width: 184px;
left: 37px;
top: 30px;
position: absolute;
}

#czas {
   display:inline-block;
}

.czas {
display: inline-block;
width: 258px;
text-align: center;
color: rgba(255,255,255,0.8);
font-weight: 100;
cursor:default;
}


.tlozdjecie {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}

.tlozdjecieblur {
filter:blur(10px);
width: 360px;
min-height: 430px;
position: absolute;
z-index: 0;
background-size: 340%;
background-repeat: no-repeat;
background-position: 86% 41%;
left: 61%;
top: 13%;
}


.loginform {
width: 360px;
min-height: 430px;
margin: 0 auto;
padding: 50px 23px;
border-style: solid;
border-width: 4px;
border-color: #fff;
box-shadow: 0px 4px 30px rgba(0,0,0,0.25), 0px 0px 30px rgba(255,255,255,0.7) inset;
color: #00496c;
position: absolute;
left: 61%;
top: 13%;
box-sizing: border-box;
background-color: rgba(255,255,255,0.8);
transition-duration: 0.3s;
border-radius: 8px;
font-size: 16px;
text-transform: uppercase;
}

.loginform:hover {
background-color: rgba(255,255,255,0.9);
transition-duration: 0.2s;
}

.loginform form {
padding-top: .75rem;
}

.loginform form > * {
margin: .25rem 0 .75rem 0;
}

.loginform form > label {
font-weight: normal;
font-size: 90%;
margin-bottom: 0;
}

.loginform a {
text-transform: none;
color: #00496c;
float: right;
}

.infoglowna {
width: 480px;
min-height: 130px;
margin: 0 auto;
padding: 34px;
border-style: solid;
border-width: 6px;
border-color: #fff;
box-shadow: 0px 4px 30px rgba(0,0,0,0.25), 0px 0px 30px rgba(255,255,255,0.5) inset;
color: #fff;
position: absolute;
left: 8%;
top: 58%;
box-sizing: border-box;
background-color: rgba(0, 137, 205,0.9);
transition-duration: 0.5s;
font-weight: 300;
text-shadow: 1px 1px 0px #465491;
border-radius: 50px 50px 50px 0px;
}


.g-recaptcha > div {
  margin: 0 auto;
}

.stopkastart {
background: #0089cd;
position: absolute;
left: 0px;
bottom: 0px;
min-height: 45px;
color:#ffffff;
font-size:14px;
}




/* //////////////////  */
/* PROFIL UZYTKOWNIKA  */
/* //////////////////  */

.profil_uzytkownika {
    /* display: none; */
    position: fixed;
    width: 65%;
    height: 90%;
    background-color: #ffffff;
    box-sizing: border-box;
    color: #ffffff;
    box-shadow: 0px 0px 410px rgba(0,0,0,0.8);
    font-weight: 700;
    font-size: 30px;
    z-index: 100000;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    overflow: hidden;
}
.profil_uzytkownika::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: block;
    z-index: -2;
    position: fixed;
    left: 0;
    top: 0;
}



.profil_uzytkownika_menu {
/* position: relative; */
position: absolute;
width: 15%;
height: 100%;
background-color: #0086c3;
box-sizing: border-box;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
/* z-index: 10000000; */
z-index: 1;
padding: 2% 1%;
top:0px;
left:0px;
float:left;
}

.profil_uzytkownika_menu_przycisk {
    width: 100%;
    height: 36px;
    background-color: white;
    border-radius: 4px;
    font-family: inherit;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.4);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -0.5px;
    position: relative;
    float: left;
    margin: 2px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 13px 9px;
    padding: 12px 0px 10px 10px;
    cursor: pointer;
    line-height: 12px;
    overflow: hidden;
    transition-duration: 0.1s;
    font-size: 11px;
    border: none;
    box-sizing: border-box;
    text-align: left;
    color: #000000 !important;
    display: flex;
    align-items: center;
}

.profil_uzytkownika_tresc {
/* position: relative; */
/* display: none; */
position: absolute;
width: 85%;
height: 100%;
background-color: #ffffff;
box-sizing: border-box;
color: #000000;
font-weight: 400;
font-size: 12px;
/* z-index: 100001; */
z-index: 1;
/* padding: 6% 2% 2% 15%; */
top:0px;
right:0px;
float:left;
overflow:auto;
}

.profil_uzytkownika_kod_polecajacy_KOD {
    font-size: 32px;
    background: #eaeaea;
    width: 195px;
    margin: 15px auto 30px;
    border-radius: 6px;
    padding: 13px 5px 8px;
    letter-spacing: 6px;
    font-weight: 500;
    text-transform: none;
}

.komunikat_pelny {
position: fixed;
left: 0px;
width: 100%;
height: 100%;
background-color: #4b4c51;
box-sizing: border-box;
color: #ffffff;
opacity: 0.97;
box-shadow: 0px 0px 410px rgba(0,0,0,0.5);
font-weight: 700;
text-transform: uppercase;
font-size: 30px;
top: 0px;
z-index: 10000000;
padding: 20% 10%;
}

.komunikat_pelnyzformularzem {
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    color: #0086c3;
    opacity: 0.97;
    box-shadow: 0px 0px 410px rgba(0,0,0,0.5);
    font-weight: 500;
    font-size: 26px;
    top: 0px;
    z-index: 10000000;
    padding: 8% 8% 4%;
}

img.zamknij {
   width: 35px;
   cursor:pointer;
   height: auto;
   position: fixed;
}

/* //////////////////  */
/* /PROFIL UZYTKOWNIKA  */
/* //////////////////  */

p.success {
    background: #CF9;
    border: 1px solid #060;
    width: 500px;
    margin: 5px;
    color: black;
    font-weight: bold;
    padding: 12px;
    margin:0 auto;
    border-radius:4px;
}

p.error {
    background: #f88;
    border: 1px solid #c00;
    width: 500px;
    margin: 5px;
    color: black;
    font-weight: bold;
    padding: 12px;
    border-radius:4px;
}

label {
    font-weight: bold;
    display: block;
    margin-top: 5px;
}

footer#footer {
    font-size: 0.8em;
    text-align: center;
    clear: both;
    width: 100%
}

.box_ramka_dokument {
   position:fixed;
   width:100%;
   height:100%;
   left:0%;
   top:0%;
   background:rgba(20,20,20,0.9);
   z-index:110;
   cursor: zoom-out;
}
.ramka_dokument {
   position:fixed;
   width:90%;
   height:95%;
   left:5%;
   top:5%;
   border: none;
box-shadow: 0px 0px 20px #000000;
}

.box_dokument {
width: auto;
min-height: 50px;
padding: 15px 30px;
display: inline-block;
margin: 5px;
box-sizing: border-box;
cursor: pointer;
color: #fff;
font-weight: 700;
letter-spacing: -0.7px;
border-radius: 10px;
box-shadow: 0px 3px 0px #cbcbcb;
transition-duration: 0.2s;
text-shadow: 0px 1px 0px #5c5c5c;
}
.box_dokument:hover {
transform:scale(1.05);
color:#fff;
}


.box_pobierzplik {
    width: 98%;
    height: auto;
    cursor: pointer;
    background: #a0cee4;
    color: #0089b2;
    box-shadow: 0px 5px 0px #224067;
    box-sizing: border-box;
    padding: 20px 30px;
    transition-duration: 0.2s;
    background: -moz-radial-gradient(center, ellipse cover, #fdffff 1%, #e6f8fd 30%, #c8eefb 93%);
    background: -webkit-radial-gradient(center, ellipse cover, #fdffff 1%,#e6f8fd 30%,#c8eefb 93%);
    background: radial-gradient(ellipse at center, #fdffff 1%,#e6f8fd 30%,#c8eefb 93%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffff', endColorstr='#c8eefb',GradientType=1 );
    float: left;
    text-align: left;
    margin: 10px auto;
}

.box_pobierzplik:hover {
transform:scale(1.01);
box-shadow: 0px 8px 0px #224067;
}

.box_pobierzplik > img {
    height: 43px;
    margin: 0px 20px 0px 5px;
    filter: hue-rotate(-32deg);
    float: left;
}


#box_pomoc {
position: absolute;
z-index: 50;
width:600px;
height:300px;
box-shadow:0px 2px 20px rgba(0,0,0,0.6);
background-color:#fff;
font-size: 13px;
line-height: 22px;
}
#box_pomocheader {
  cursor: move;
  z-index: 51;
  background-color: #2196F3;
  color:#fff;
  font-weight:bold;
  height:10%;
  padding: 6px 15px;
  text-align: left;
  box-sizing: border-box;
  text-transform: uppercase;
font-size: 16px;
}
#box_pomocheader > img {
float:right;
cursor:pointer;
width:18px;
height:auto;
}
#box_pomoctresc {
overflow-y:scroll;
height:auto;
height:90%;
text-align: center;
text-transform: none;
color: #000;
padding: 10px;
box-sizing: border-box;
}

#box_pomoctresc > section > h3 {
background: #dde9ee;
color: #002333;
padding: 11px 5px 3px;
font-size: 16px;
border-radius: 5px 5px 0px 0px;
margin: 0px 10px 10px;
}





.przyciskdokument {
display: flex;
flex-direction: column;
float: left;
background: var(--kolor1);
text-transform: uppercase;
letter-spacing: -0.6px;
margin: 2px 2px;
padding: 10px 35px 0px 10px;
overflow: hidden;
color: #ffffff !important;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
box-shadow: 0px 0px 0px rgba(0,0,0,0);
height: 120px;
min-width: 100px;
text-align: left;
cursor:pointer;
}

.przyciskdokument:active {
transform: scale(0.95);
}

.przyciskdokument:hover {
transform: scale(1.1);
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
padding: 10px 10px 0px 35px;
}

.przyciskdokument>img {
height: 60px;
width: 60px;
filter: invert(100%);
position: absolute;
margin: 40px 0px 0px;
opacity: 0.2;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

.przyciskdokument:hover > img {
opacity: 0.5;
height: 26px;
width: 26px;
margin: -3px -2px 0px -30px;
}

.opisdokumentu {
font-size: 10px;
text-transform: none;
float: left;
max-width: inherit;
line-height: 10px;
margin: 0px 0px 0px 20px;
top: 40px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
color: #000;
left: -20px;
text-align: left;
background-color: rgba(255,255,255,0.8);
padding: 10px 25px 33px 10px;
box-sizing: border-box;
font-weight: 100;
letter-spacing: -0.1px;
text-indent: 0px;
transform: scale(1,0);
position: absolute;
bottom: -150px;
width: 100%;
}

.przyciskdokument:hover > .opisdokumentu {
transform: scale(1,1);
bottom: 0px;
}





.przyciskdokumentlektury {
display: flex;
flex-direction: column;
float: left;
background: var(--kolor1);
text-transform: uppercase;
letter-spacing: -0.6px;
margin: 1%;
padding: 30px 5px 5px 10px;
overflow: hidden;
color: #ffffff !important;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
box-shadow: 3px 5px 0px rgba(240,240,240,1), 6px 10px 0px rgba(20,20,20,1), 8px 12px 5px rgba(20,20,20,0.3);
height: 200px;
width:12%;
box-sizing:border-box;
text-align: left;
line-height:18px;
min-width: 136px;
cursor:pointer;
}
.przyciskdokumentlektury:hover {
transform: perspective( 400px ) rotateY(-20deg) scale(1.05);
   margin-left:3px;
box-shadow: 7px 5px 0px rgba(240,240,240,1), 12px 10px 0px rgba(20,20,20,1), 6px 10px 5px rgba(20,20,20,0.3), 50px 0px 70px rgba(0,0,0,0.4) inset;

}

.lekt_inic {
   font-size:50px;
   position: relative;
   color:#fff;
   margin-bottom:40px;
   opacity:0.2;
      font-family:Georgia;
}
.lekt_tytul {
   font-size:13px;
   font-family:Georgia;
   text-transform: none;
   font-weight:600;
   letter-spacing:-0.3px
}
.lekt_autor {
   font-size:10px;
   line-height:10px;
   margin-bottom:6px;
   font-weight: 100;
   letter-spacing:-0.3px
}
.lekt_nawigacjainicjal {
   min-width: 50px;
   width: 7%;
   display:inline-block;
   min-height:35px;
   background-color:#0086c3;
   margin:0.3%;
   padding: 3px;
   box-sizing: border-box;
   font-size: 22px;
   border-radius: 2px;
   transition-duration: 0.3s;

}
.lekt_nawigacjainicjal:hover {
   transform: perspective( 400px ) rotateX(-20deg) scale(1.2);
transition-duration: 0.1s;
   color:#ffffff;
   box-shadow:0px 2px 10px rgba(0,0,0,0.2);
}

#A {
   background-color:#6B4226 !important;
}
#B {
   background-color:#4F2F4F !important;
}
#C {
   background-color:#5959AB !important;
}
#D {
   background-color:#2F2F4F !important;
}
#E {
   background-color:#9370DB !important;
}
#F {
   background-color:#4E2F2F !important;
}
#G {
   background-color:#527F76 !important;
}
#H {
   background-color:#545454 !important;
}
#I {
   background-color:#2F4F4F !important;
}
#J {
   background-color:#2F4F2F !important;
}
#K {
   background-color:cadetblue !important;
}
#L {
   background-color:#111111 !important;
}
#M {
   background-color:#5C4033 !important;
}
#N {
   background-color:#2F4F2F !important;
}
#O {
   background-color:#8C7853 !important;
}
#P {
   background-color:#660000 !important;
}
#R {
   background-color:#330000 !important;
}
#S {
   background-color:#666633 !important;
}
#T {
   background-color:#333300 !important;
}
#U {
   background-color:#003300 !important;
}
#V {
   background-color:#009966 !important;
}
#W {
   background-color:#003333 !important;
}
#X {
   background-color:#336666 !important;
}
#Y {
   background-color:#003399 !important;
}
#Z {
   background-color:#000033 !important;
}






.info_plany_zajec {
padding: 15px;
background: #d1f1ff;
margin-bottom: 50px;
border-style: solid;
border-color: #d0e0e7;
border-width: 2px;
border-radius: 5px;
box-shadow: 0px 0px 15px #b2e0f7 inset;
}



.info_wazna_informacja {
padding: 25px;
background: #f00;
margin-bottom: 50px;
border-style: solid;
border-color:#e7dfd0;
border-width: 2px;
border-radius: 5px;
box-shadow: 0px 0px 15px #f7ccb2 inset;
font-weight: 800;
letter-spacing: -0.4px;
color:#e7dfd0;

  -webkit-animation-name: wazna_informacja; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  animation-name: wazna_informacja;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@-webkit-keyframes wazna_informacja {
  from {filter:brightness(145%);}
  to {filter:brightness(100%);}
}

/* Standard syntax */
@keyframes wazna_informacja {
  from {filter:brightness(145%);}
  to {filter:brightness(100%);}
}






/*/////////////////////////////////////*/
/*/////////  PLANY LEKCJI CRM //////////*/
/*/////////////////////////////////////*/

            .plan_lekcji_crm div {
              display:inline-block;
            }
            .plan_lekcji_crm .tytul_duzy {
            width: 100%;
            font-weight: bold;
            text-align: center;
            background: #ccc;
            padding:15px;
            margin-bottom:20px;
            }

            .plan_lekcji_crm .wiersz {
              width:100%;
              padding:15px;
                min-height: inherit;
                padding-left:0px;
                padding-right:0px;
            }
            .plan_lekcji_crm .separator {
              height:2px;
              background:#666;
              padding:0px !important;
            }

            .plan_lekcji_crm .tytul {
            font-weight: bold;
            }

            .plan_lekcji_crm .data {
              width:9%;
            }
            .plan_lekcji_crm .dzien {
              width:6%;
            }
            .plan_lekcji_crm .lp {
              width:3%;
            }
            .plan_lekcji_crm .godziny {
              width:9%;
            }
            .plan_lekcji_crm .przedmiot {
              width:38%;
            }
            .plan_lekcji_crm .sala {
              width:12%;
            }
            .plan_lekcji_crm .adres {
              width:20%;
            }
            .plan_lekcji_crm .naglowek {
            width:100%;
              font-size:20px;
              text-align:center;
              font-weight:bold;
                margin-top:20px;
            }
            .plan_lekcji_crm .last_change{
                color: rgb(237, 0, 7);
                font-weight:normal;
            }

/*/////////////////////////////////////*/
/*///////// /PLANY LEKCJI CRM //////////*/
/*/////////////////////////////////////*/












/*////////////////////////////////////////*/
/*///////// ZNI�KI (partnerzy) //////////*/
/*////////////////////////////////////////*/
.znizkapartner {
   width:350px;
   height:175px;
   background-image:url('https://marketing.pascal.edu.pl/NARZEDZIA/Partnerzy/partnerzy-tlo.png');
   background-repeat:no-repeat;
   background-size:contain;
   background-position:center;
display: inline-block;
cursor: pointer;
transition-duration: 0.3s;
overflow: hidden;
}
.znizkapartner:hover {

    transform: scale(1.03);

}
.nazwaznizki {
    transform: rotate(-90deg);
    position: relative;
    left: -29px;
    height: 41px;
    width: 144px;
    top: 66px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 300;
    text-align: center;
    line-height: 14px;
    white-space: normal;
}

.partner_kategoria {
height: 20px;
width: auto;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1.5px;
min-height: 18px;
text-align: right;
padding: 0px 16px;
float: right;
}
.partner_kategoria >img {
top: 5px;
position: relative;
}

.partner {
    position: relative;
    left: 81px;
    height: 29px;
    width: 180px;
    top: -14px;
    color:
    #0086c2;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.procentznizki {
    font-size: 38px;
    font-weight: 800;
    left: 81px;
    position: relative;
    color:
    #0086c2;
    width: 115px;
    top: -72px;
    text-align: left;
    min-height:39px;
}
.podprocentznizki {
    font-size: 14px;
    font-weight: 500;
    left: 81px;
    position: relative;
    color:
    #0086c2;
    width: 115px;
    top: -80px;
    letter-spacing: -0.4px;
    text-align: left;
}
.opisznizki {
    font-size: 9px;
    width: 240px;
    color: #032;
    left: 82px;
    position: relative;
    top: -70px;
    letter-spacing: -0.2px;
    white-space: normal;
line-height: 10px;
height:32px;
}
.opisznizki span {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 2.4em;
    width: 100%;
}
.logourl {
    width: 59px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 267px;
    top: -38px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2) inset;
}
.wyswietladres {
    position: relative;
    top: 113px;
    float: left;
    margin-left: 301px;
cursor: crosshair !important;
}
.partneradres {
    position: relative;
    top: -72px;
    width: 262px;
    height: auto;
    border-radius: 5px;
    padding: 6px 6px;
    margin-left: 64px;
    font-size: 9px;
    text-align: right;
}

#partnerzybezznizek {
   padding-top:50px;
}

.partnerbezznizki {
   width:350px;
   height:75px;
   background-color:#ffffff;
   background-repeat:no-repeat;
   background-size:contain;
   background-position:center;
display: inline-block;
cursor: pointer;
transition-duration: 0.3s;
overflow: hidden;
box-shadow: 0px 3px 5px
rgba(0,0,0,0.22);
border-radius: 15px;
}

.partnerbezznizki > .nazwaznizki {
   color:#0086c2;
top: 16px;
left: -38px;
}
.partnerbezznizki > .logourl {
   top: -75px;
}
.partnerbezznizki > .partner {
top: -10px;
}
/*////////////////////////////////////////*/
/*///////// /ZNI�KI (partnerzy) //////////*/
/*////////////////////////////////////////*/




/*/////////////////////////////*/
/*///////// ROZMOWY WIDEO WIDEOROZMOWY //////////*/
/*/////////////////////////////*/

#panel_rozmowywideo {

    background: #0086c3;
    width: 70%;
    height: 90%;
    position: fixed;
    top: 38px;
    left: 13%;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 23px 30px rgba(0,0,0,0.3);
    padding: 52px;
    box-sizing: border-box;
    text-align: left;
    overflow-y: scroll;

}
.mini_panel_rozmowywideo {

    display: inline-block;
    margin: 0px 25px;
    background: #69f878;
    padding: 6px 20px 5px 60px;
    color: #000;
    cursor: pointer;
    position: relative;
    border-radius:4px;

}
.mini_panel_rozmowywideo:hover {
   filter:brightness(1.05);
}
.mini_panel_rozmowywideo:active {
   filter:brightness(0.95);
}

.mini_panel_rozmowywideo > img {

    height: 28px;
    display: inline-block;
    top: -1px;
    position: absolute;
    left: 14px;

}
.panel_rozmowywideo_pojedynczepolaczenie {

    background: #92c2d9;
    padding: 26px 30px;
    margin:8px auto;

}

.panel_rozmowywideo_pojedynczepolaczenie.aktywna {
   display:block;
   background:#C1FFA2;
   z-index:100;
   color:#000;
}

.panel_rozmowywideo_pojedynczepolaczenie.oczekujaca {
    padding: 26px 30px;
    background:#FFA900;
}

.panel_rozmowywideo_pojedynczepolaczenie.odebrana {
    padding: 10px 30px;
}

.panel_rozmowywideo_pojedynczepolaczenie.nieodebrana {
    padding: 10px 30px;
    background:#CD5959;
}

.panel_rozmowywideo_odbierz {
    background: rgb(47,255,61);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
    padding: 15px 18px 15px 60px;
    border-radius: 5px;
    float: right;
    background-image: url('grafika/ikony/wideorozmowab.png');
    background-position: 10px 10px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    color:#000;
    top:-18px;
    position:relative;
    display:block;
}
.panel_rozmowywideo_otworzpokoj {
    background:#69F878;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
    padding: 8px 18px;
    border-radius: 5px;
    float: right;
    color:#000;
    font-weight:400;
    top:-8px;
    position:relative;
    display:block;
}
#liczba_oczekujacych_polaczen_wideo, #liczba_aktywnych_polaczen_wideo, #liczba_odebranych_polaczen_wideo,#liczba_nieodebranych_polaczen_wideo, #odtwarzaj_dzwiek {
   display:inline;
}

/*/////////////////////////////*/
/*///////// /ROZMOWY WIDEO WIDEOROZMOWY //////////*/
/*/////////////////////////////*/





/*/////////////////////////////*/
/*///////// PROGRAM LOJALNOSCIOWY //////////*/
/*/////////////////////////////*/


.program-lojalnosciowy-profil-kontener{
    /* display: flex;
    width: 100%;
    justify-content: center; */
    background-color: blue;
}

.program-lojalnosciowy-symbolpunkt {
   width: 14px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
   /* display: inline-block; */
    display: none;
}

/* .program-lojalnosciowy-profil-mojepunkty{
    justify-content: center;
    align-self: center;
} */

.program-lojalnosciowy-ptk {
    font-size: 18px;
    /* font-weight: bold; */
}

/*
.program-lojalnosciowy-symbolpunkt.cz {
    background-image: url('https://sluchacz.pascal.edu.pl/grafika/program-lojalnosciowy/P-symbol-cz.svg');

}
.program-lojalnosciowy-symbolpunkt.n {
   background-image:url('https://sluchacz.pascal.edu.pl/grafika/program-lojalnosciowy/P-symbol-n.svg');
}
.program-lojalnosciowy-symbolpunkt.b {
   background-image:url('https://sluchacz.pascal.edu.pl/grafika/program-lojalnosciowy/P-symbol-b.svg');
}
*/



.program-lojalnosciowy-punkty-naglowek-powiadomienie {
    font-size: 16px;
    font-weight: 500;
    margin: auto 10px;
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
    background-color: #fff;
    color: #000;
    padding: 5px 12px 2px 12px;
    /* position: absolute; */
    position: fixed;
    top: 35px;
    width: 200px;
    min-height: 50px;
    left: 0px;
    display: none;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
    border-color: #d9d9d9;
    z-index:1000;
}

/* .program-lojalnosciowy-punkty-naglowek::before{
    content: "PUNKTÓW";
} */
/* .program-lojalnosciowy-punkty-naglowek::after{ */
    /* content: "PUNKTÓW"; */
/* } */

.program-lojalnosciowy-punkty-naglowek-powiadomienie::before {
    /* content: "\A"; */
    /* content: "PUNKTÓW"; */
    position: absolute;
    left: 10px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}

.program-lojalnosciowy-punkty-naglowek-powiadomienie > ul > li {
    width: 100%;
    min-height: 30px;
    list-style: none;
    text-align: left;
    padding: 10px 13px;
    box-sizing: border-box;
    margin: 2px auto 8px;
    background-color: #f4f4f4;
    border-radius: 2px;
    font-size: 14px;
}

.program-lojalnosciowy-punkty-naglowek {
   display:inline;
   font-size:16px;
   font-weight:500;
   margin:auto 10px;
   border-style:solid;
   border-radius:4px;
   border-width:1px;
   background: rgb(255,203,0);
   background: linear-gradient(349deg, rgba(255,203,0,1) 0%, rgba(255,175,0,1) 51%, rgba(255,203,0,1) 51%, rgba(255,203,0,1) 100%);
   color:#000;
   padding:5px 4px 2px 12px;
   cursor:pointer;
   transition-duration: 0.3s;
   text-transform: uppercase;
}

.pulse {
    background: rgba(255,203,0, 1);
    box-shadow: 0 0 0 0 rgba(6, 255, 0, 1);
    animation: pulse-yellow 2s infinite;
  }
  
  @keyframes pulse-yellow {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(6, 255, 0, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 25px rgba(6, 255, 0, 0);
    }
    
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(6, 255, 0, 0);
    }
  }

.program-lojalnosciowy-punkty-naglowek:hover {
    background-position: 0px 4px;
    box-shadow: 0px 2px 16px rgba(255,255,255,0.7) inset;
}

.program-lojalnosciowy-punkty-naglowek:active {
    top: 1px;
    position: relative;
    filter: brightness(0.85);
}


.program-lojalnosciowy-punkty-naglowek > img{
   width:12px;
   height:12px;
   display:inline;
}



.program-lojalnosciowy-profil-mojepunkty {
    width: 100%;
    float: left;
    text-align:left;
    text-transform:none;
}
.program-lojalnosciowy-profil-mojepunkty > div {
   display:block;
   float:left;
}

.profil_uzytkownika_regulamin {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    background-color: #88d833;
}

.pascal_plus_regulamin {
    width: 85%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    z-index: 10;
}

.pascal_plus_regulamin-kontener {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 50%;
    /* height: 50%; */
    transform: translate(-50%,-50%);
    color: #0086c3;
    /* border: 2px solid #0086c3; */
}

.pascal_plus_regulamin-tytul {
    margin: 25px 0;
    font-size: 20px;
}

.pascal_plus_regulamin-checkbox {
    /* display: inline-block; */
}

.pascal_plus_regulamin-link {
    /* display: inline-block; */
    font-size: 20px;
    text-transform: none;
    color: #0e73b6 !important;
    transition: 0.3s;
}

.pascal_plus_regulamin-link:hover {
    font-size: 20px;
    letter-spacing: 1px;
    color: #091A3E !important;
}

.pascal_plus_regulamin-akceptacja {
    margin: 25px 0;
    padding: 10px;
    border: 2px solid #091A3E;
    border-radius: 5px;
    font-size: 18px;
    color: #091A3E;
    font-family: Josefin Sans;
    background-color: white;
    transition: 0.3s;
}

.pascal_plus_regulamin-akceptacja:hover {
    scale: 1.2;
    cursor: pointer;
}

.pascal_plus_regulamin-akceptacja:disabled,
.pascal_plus_regulamin-akceptacja[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  scale: 1;
  cursor: auto;
}

.program-lojalnosciowy-profil-nagroda {
    width: 150px;
    height: 250px;
    /* float: left; */
    margin: 10px;
    border-radius: 7px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center 70%;
    overflow:hidden;
    padding:10px;
    box-sizing:border-box;
    cursor:pointer;
    transition-duration:0.1s;
    animation-timing-function:ease-out;
}
.program-lojalnosciowy-profil-nagroda-nowa {
    width: 150px;
    height: 250px;
    /* float: left; */
    margin: 10px;
    border-radius: 7px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center 70%;
    overflow:hidden;
    padding:12px;
    box-sizing:border-box;
    cursor:pointer;
    transition-duration:0.1s;
    animation-timing-function:ease-out;
    line-height: 1.2;
}
.program-lojalnosciowy-profil-nagroda:hover {
transform:scale(1.02);
filter:brightness(1.1);
    animation-timing-function:ease-in;
}
.program-lojalnosciowy-profil-nagroda:active {
transform:scale(0.98);
}

.program-lojalnosciowy-profil-nagroda-cena {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 999px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    position: relative;
    left: 80px;
    top: -5px;
    font-size: 12px;
    /* letter-spacing: -1.2px; */
    text-align: center;
    padding: 34px 0px 0px 0px;
    box-sizing: border-box;
    background-color: #ffcb00;
    border-style: solid;
    border-width: 1px;
}
.program-lojalnosciowy-profil-nagroda-cena-ptk {
position: absolute;
width: 100%;
height: 50%;
top: 50%;
left: 50%;
font-size: 18px;
transform: translate(-50%, -50%);
}

.program-lojalnosciowy-profil-nagroda-kategoria {
    width: 100%;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 5px 5px 12px;
    box-sizing: border-box;
}
.program-lojalnosciowy-profil-nagroda-tytul {
    width: 100%;
    height: 46px;
    font-size: 12px;
}
.program-lojalnosciowy-profil-nagroda-cena > .program-lojalnosciowy-symbolpunkt {
    margin-left: 1px;
    height: 10px;
    position: relative;
}

.program-lojalnosciowy-profil-nagroda-wymienpunkty {
    align-self: center;
    position: relative;
    top: 52px;
    background: #ffcb00;
    color: black;
    width: 100%;
    display: block;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
    cursor: pointer;
}
.program-lojalnosciowy-profil-nagroda-zdobadzjeszcze {
    position: relative;
    top: 52px;
    /* background: #ffcb00; */
    /* background: gray; */
    background: #bbb;
    color: black;
    width: 100%;
    display: block;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
    cursor: not-allowed;
}

/* *** 27.10.2022 *** */

.program-lojalnosciowy-profil-nagroda-szczegoly-kontener {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    /* min-width: 768px; */
    height: 100%;
    border-radius: 10px;
    /* background-color: rgb(207, 182, 231); */
    /* overflow-y: scroll; */
}

.program-lojalnosciowy-profil-nagroda-szczegoly-kategoria {
    margin: 5px 0px;
    font-size: 12px;
}

.program-lojalnosciowy-profil-nagroda-szczegoly-tytul {
    margin: 5px 0;
}

/* .program-lojalnosciowy-profil-nagroda-szczegoly-zdjęcie {
    width: 300px;
    height: 300px;
} */

.program-lojalnosciowy-profil-nagroda-szczegoly-cena {
    position: absolute;
    top: 90px;
    right: 20px;
    width: 100px;
    height: 100px;
    border-radius: 999px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    font-size: 25px;
    /* letter-spacing: -1.2px; */
    text-align: center;
    padding: 46px 0px 0px 0px;
    box-sizing: border-box;
    background-color: #ffcb00;
    border-style: solid;
    border-width: 1px;
}

.program-lojalnosciowy-profil-nagroda-szczegoly-opis {
    /* width: 90%; */
    margin: 5px 20px;
    padding: 2px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
    box-sizing: border-box;
    text-align: justify;
    line-height: 1.2;
}

.program-lojalnosciowy-profil-nagroda-szczegoly-kontener_dane {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    margin: 0px 10px;
    align-items: center;
}

.program-lojalnosciowy-profil-nagroda-szczegoly-zdjęcie {
    width: 250px;
    height: 300px;
    margin: 10px 40px 10px 40px;
    background-color: yellow;
}

.program-lojalnosciowy-profil-nagroda-szczegoly-danetechniczne {
    margin: 10px 10px 10px 40px;
    width: 50%;
    /* margin: 5px 0; */
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
    font-size: 14px;
    line-height: 1.3;
}

.program-lojalnosciowy-profil-nagroda-szczegoly-zamknij {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: red;
}



/* *** 27.10.2022 *** */

#program-lojalnosciowy-profil-nagroda-szczegoly-tlo {
    position: fixed;
    /* width: 70%; */
    width: 95%;
    height: 90%;
    background-color: #fff;
    /* background-color: red; */
    /* background-color: blue; */
    box-sizing: border-box;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    z-index: 1000010;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* transform: translateX(-50%); */
    border: 2px solid #0e73b6;
    box-shadow: 0px 6px 20px rgb(0 0 0 / 20%);
    /* border: 2px solid #091A3E; */
    border-radius: 10px;
    /* overflow: hidden; */
    padding: 18px;
    /* overflow-y: scroll; */
    /* overflow- */
}

.program-lojalnosciowy-profil-nagroda-szczegoly {
    width: 200px;
    height: 300px;
    float: left;
    margin: 10px;
    border-radius: 7px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow:hidden;
    padding:10px;
    box-sizing:border-box;
    cursor:pointer;
}
/* .program-lojalnosciowy-profil-nagroda-szczegoly-tytul {
    width: 100%;
    height: auto;
} */

/* .program-lojalnosciowy-profil-nagroda-szczegoly-opis {
    width: 100%;
    margin: 10px;
    padding: 2px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
} */

/* .program-lojalnosciowy-profil-nagroda-szczegoly-cena {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    font-size: 31px;
    letter-spacing: -1.2px;
    text-align: center;
    padding: 46px 0px 0px 0px;
    box-sizing: border-box;
    background-color: #ffcb00;
    border-style: solid;
    border-width: 1px;
} */

.program-lojalnosciowy-profil-nagroda-szczegoly-cena-ptk {
    position: absolute;
width: 100%;
height: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/* .program-lojalnosciowy-profil-nagroda-szczegoly-danetechniczne {
    width: 100%;
    width: 50%;
    margin: 5px 0;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    text-align: left;
} */
.program-lojalnosciowy-profil-nagroda-szczegoly-zdjecie {
    width: 200px;
    height: 200px;
    float: left;
    margin: 10px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
    box-sizing: border-box;
    background-size: cover;
}
.program-lojalnosciowy-profil-nagroda-szczegoly-miniatury {
    width: 50px;
    height: 50px;
    float: left;
    margin: 10px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
    box-sizing: border-box;
    background-size: cover;
    cursor: pointer;
}

.program-lojalnosciowy-profil-nagroda-szczegoly-btn{
    display: flex;
    justify-content: center;
    width: 100%;
}

.program-lojalnosciowy-profil-nagroda-szczegoly-wymienpunkty {
    /* position: fixed; */
    background: #ffcb00;
    color: black;
    width: 350px;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
   cursor: pointer;
   font-size: 18px;
    /* left: 10%;
    bottom: calc(10% - 50px); */
}
.program-lojalnosciowy-profil-nagroda-szczegoly-zdobadzjeszcze {
    /* position: absolute; */
    background: gray;
    color: black;
    width: 350px;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
    cursor: not-allowed;
    /* left: 10%;
    bottom: calc(10% - 50px); */
    font-size: 18px;
}





.program-lojalnosciowy-profil-zakupzagrody-rachunek {
    border-style: solid;
    border-width: 1px;
    min-height: 350px;
    display: block;
    font-size: 15px;
    text-transform: none;
    font-weight: 500;
    text-align: left;
    min-width: 300px;
    margin: 25px auto;
    width: 56%;
    padding: 22px 30px;
    overflow:auto;
    font-family:Verdana;
}



.program-lojalnosciowy-profil-zakupzagrody-podsumowanie {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 92%;
    padding: 26px;
    box-sizing: border-box;
    width: 100%;
    font-size:14px;
    text-transform:none;
    font-weight:500;
}


/*/////////////////////////////*/
/*///////// /PROGRAM LOJALNOSCIOWY //////////*/
/*/////////////////////////////*/



/*/////////////////////////////*/
/*///////// ANKIETY //////////*/
/*/////////////////////////////*/
@keyframes animacjaAnkietyWjazdZPrawej {
  0% {
    right:-1000px;
  }
  80% {
    right:-1000px;
  }
   95% {
    right:30px;
  }

  100% {
    right:10px;
  }
}



.ankieta-pytanie {
    width: 300px;
    min-height: 180px;
    border-radius: 5px;
    background: rgb(0, 134, 195);
    padding: 8px 12px 18px 12px;
    position: fixed;
    bottom: 72px;
    right: 10px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    color: white;
    z-index: 10;
    animation: 4s ease-out 0s 1 animacjaAnkietyWjazdZPrawej;
}

.ankieta-pytanie-kursy {
    width: 95%;
    min-height: 180px;
    border-radius: 5px;
    background: rgb(0, 134, 195);
    padding: 18px 12px;
    position: fixed;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    color: white;
    z-index: 10;
    top: 165px;
    overflow-y: scroll;
    bottom: 20px;
    z-index: 11;
    /*animation: 4s ease-out 0s 1 animacjaAnkietyWjazdZPrawej;*/
}

.pytanie-kontener {
    display: flex;
    align-items: center;
    margin-top: 40px;
    flex-direction: column;
    margin-bottom: 40px;
}

.zamknij-ankieta-pytanie,
.zamknij-ankieta-pytanie-kursy {
    width: 20px;
    height: 20px;
    background: lightgray;
    border-radius: 9999px;
    color: #797979;
    right: 0px;
    top: -8px;
    z-index: 1000;
    cursor: pointer;
    position: absolute;
}

.ankieta-pytanie-naglowek {
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    transform: rotate(-3deg);
    width: auto;
    color: #ffe900;
}
.ankieta-pytanie-dziekujemy {
    top:100px;
    position:relative;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    width: auto;
    color: #fff;
    text-align: center;
}
.ankieta-pytanie-trescpytania {
   padding:8px 12px;
}

.ankieta-pytanie-trescpytania-kursy {
    padding:8px 12px;
    margin-bottom: 10px;
 }
.ankieta-pytanie-odpowiedzi {
   padding:8px 12px;
}

.ankieta-pytanie-odpowiedzi-kursy > ul > li {
    margin: 0 10px;
}

.ankieta-pytanie-odpowiedzi > ul,
.ankieta-pytanie-odpowiedzi-kursy > ul {
    list-style: none;
}
.ankieta-pytanie-odpowiedzi > ul > li,
.ankieta-pytanie-odpowiedzi-kursy > ul > li {
    display: block;
}
.ankieta-pytanie-odpowiedzi > ul > li > input {
    visibility:hidden;
}
.ankieta-pytanie-odpowiedzi > ul > li > label,
.ankieta-pytanie-odpowiedzi-kursy > ul > li > label {
    cursor: pointer;
    background: white;
    color: #0086c3;
    padding: 6px 4px 4px 4px;
    border-radius: 4px;
}

.ankieta-pytanie-odpowiedzi-kursy input[type=radio]:checked {
    min-width: auto !important;
    margin: 0 !important;
    background: none !important;
}

.button-send {
    text-align: center;
}

.button-send input {
    display: inline-block !important;
    background-color: #fff !important;
    color: #0086c3 !important;
    padding: 6px 35px 4px 35px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-transform: none !important;
    min-width: auto !important;
    box-shadow: none !important;
    height: auto !important;
    text-shadow: none !important;
}

.button-send div:hover {
    filter: brightness(1.2);
}

/*/////////////////////////////*/
/*///////// /ANKIETY //////////*/
/*/////////////////////////////*/








/*/////////////////////////////*/
/*///////// KONTAKT //////////*/
/*/////////////////////////////*/

.kontakt_dane {
    font-family: inherit;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
transition-duration: 0.1s;
min-height: 100px;
background: #fff;
}

.kontakt_mapa {
    border: none;
    width: 100%;
    border-radius: 6px;
}

.przycisk_kontakt {
float:left;
    min-width: 160px;
margin: 2% 1%;
    border-radius: 5px;
    padding: 2%;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px #0086c3;
border-color:#002c3f;
color:#0086c3;
font-size: 14px;
display: block;
text-align: center;
height: 185px;
background: white;
background: -moz-radial-gradient(center, ellipse cover, #fdffff 1%, #e6f8fd 30%, #c8eefb 93%);
background: -webkit-radial-gradient(center, ellipse cover, #fdffff 1%,#e6f8fd 30%,#c8eefb 93%);
background: radial-gradient(ellipse at center,#fdffff 1%,#e6f8fd 30%,#c8eefb 93%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffff', endColorstr='#c8eefb',GradientType=1 );
    width:14.66%;
   box-sizing:border-box;
}
.przycisk_kontakt.nieaktywny {
cursor:no-drop !important;
filter:saturate(0);
pointer-events: none;
}

.przycisk_kontakt_ikona {
    font-size: 55px;
    width: 100%;
    display: block;
    margin: 5px auto 15px;
}
.przycisk_kontakt_ikona > img {
height: 65px;
}



.uzytkownikwiadomosci > input {
   display:none;
}

.kontakt_rozmowa {
font-family: inherit;
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
transition-duration: 0.1s;
min-height: 100px;
background: #fff;
}

.uzytkownikwiadomosci {
width: 100%;
height: 32px;
box-sizing: border-box;
background-color: #d0eaff;
margin: 4px 0px;
border-radius: 3px;
padding: 11px 14px;
text-align: left;
text-transform: uppercase;
font-weight: 300;
color: #081f4e;
box-shadow: 0px 2px 0px rgb(218, 218, 218);
font-size: 12px;
cursor: pointer;
}
.uzytkownikwiadomosci.nieprzeczytana {
padding: 8px 14px;
font-weight: 800;
background-color: #ffcf00;
box-shadow: 0px 2px 0px rgb(117, 103, 0);
color: #332f26;
font-size: 16px;
}

.uzytkownikwiadomosci > .data {
font-size:10px;
font-weight:300;
float: right;
}

.kontakt_rozmowa_okno {
font-family: inherit;
width: 100%;
margin: 0px;
display: inline-block;
border: 2px solid #0086c3;
border-radius: 4px;
box-sizing: border-box;
transition-duration: 0.1s;
background: #fff;
position: relative;
box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
height: auto;
overflow-x: hidden;
max-height: 300px;
min-height: 200px;
overflow-y: scroll;
}

.kontakt_rozmowa_okno_naglowek {
    width: 100%;
    background: #0086c3;
    position: sticky;
    z-index: 5;
    color: #fff;
    font-weight: 300;
    left: 0px;
    top: 0px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

.wiadomosc {
width: 80%;
border-radius: 10px;
padding: 7px 12px;
box-sizing: border-box;
display: inline-block;
line-height: 17px;
}


.nieodczytana {
   filter:brightness(1.1);
}
.nieodczytana::before {
display: block;
content: "NOWA";
position: absolute;
background: yellow;
color: black;
padding: 0px 6px;
border-radius: 2px;
font-size: 8px;
right: -6px;
top: -10px;
}

.odebrane {
float: left;
background: #94c2d8;
margin: 6px 16% 6px auto;
color: #45494e;
text-align: left;
left: 4%;
position: relative;
}

.wyslane.nowe {
   filter:brigtness(1.1);
}

.odebrane::after {
display: block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
content: "";
border-right: 9px solid #94c2d8;
position: relative;
left: -20px;
float: left;
clear: both;
top:-10px;
}

.wiadomosc.odebrane > .data {
float: right;
font-size: 10px;
color: #6c8cab;
}

.wyslane {
float: right;
background: #0086c3;
margin: 6px auto 6px 16%;
color: #fff;
text-align: right;
right: 4%;
position: relative;
}

.wyslane::after {
display: block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
content: "";
border-left: 8px solid #0086c3;
position: relative;
right: -19px;
float: right;
bottom: -4px;
}


.wiadomosc.wyslane > .data {
float: left;
font-size: 10px;
color: #92c7d5
}

.wysylanie {
bottom: inherit;
width: 100%;
background: white;
min-height: 45px;
margin: 0;
padding: 2px 3px 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
box-sizing: border-box;
clear: both;
position: sticky;
}

.wysylanie > input {
   font-family: inherit;
}

.wysylanie > input[type=text], select {
font-family: inherit;
width: 66%;
min-height: 30px;
padding: 4px 10px;
border-radius: 5px;
border-style: none;
box-shadow: 0px 0px 5px rgba(0,0,0,0.5) inset;
}

.wysylanie > input[type=submit] {
font-family: inherit;
width: 21%;
min-height: 25px;
padding: 4px 10px;
border-radius: 5px;
border-style: none;
box-shadow: 0px 2px 0px rgb(0, 0, 0);
background-color: #fbce17;
font-weight: 500;
min-width: 100px;
height: 32px;
color: #000 !important;
text-shadow: none;
font-size: 14px;
}

/*/////////////////////////////*/
/*///////// /KONTAKT //////////*/
/*/////////////////////////////*/




@media (min-width: 1600px) {


.logostart {
       transform: scale(1.5);
    left: 7%;
    top: 11%;
}
.stopkastart {
       font-size: 24px;
}
.infoglowna {
    transform: scale(1.5);
    left: 16%;
}

.tlozdjecieblur {
    top: 29%;
}
.loginform {
    transform: scale(1.5);
    top: 29%;
}

.tlozdjecieblur {
    background-position: 80% 40%;
    transform: scale(1.5);
}

}










@media (min-width: 480px) and (max-width: 1080px) {



.infoglowna {
left: 45%;
width: 360px;
top: 14%;
}

.tlozdjecieblur {
left: 45%;
top: 31%;
}
.loginform {
left: 45%;
top: 31%;
}
.tlozdjecie {
   background-position: 29% center;
}
.tlozdjecieblur {
   background-position: 44% 27%;
}

}




/*////////////////// MOBILNY //////////////////////*/
/*////////////////// /////// //////////////////////*/
/*////////////////// /////// //////////////////////*/

@media (max-width: 850px) {
    .ankieta-pytanie-kursy {
        width: 81%;
    }
}

@media (max-width: 665px) {
    .ankieta-pytanie-odpowiedzi-kursy ul {
        flex-direction: column;
    }

    .ankieta-pytanie-odpowiedzi-kursy ul li {
        display: flex;
        margin-bottom: 10px;
    }
    
    .ankieta-pytanie-odpowiedzi-kursy ul li input {
        margin-right: 10px;
    }  
}

@media (max-width: 480px) {

.profil_uzytkownika {
    width: 95%;
    height: 90%;
    top: 2.5%;
    left: 2.5%;
}

.profil_uzytkownika_menu_przycisk {
    width: 100%;
    height: 50px;
    background-color: white;
    border-radius: 4px;
    font-family: inherit;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.4);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -0.5px;
    position: relative;
    float: left;
    padding: 10px 0px 10px 5px;
    cursor: pointer;
    line-height: 10px;
    overflow: hidden;
    transition-duration: 0.1s;
    font-size: 10px;
    border: none;
    box-sizing: border-box;
    word-wrap: break-word;
}

.profil_uzytkownika_tresc {
    /* width: 75%; */
}

.profil_uzytkownika_menu {
    width: 25%;
}

body
{
padding: 12px;
min-height:680px;
letter-spacing:-0.2px;
cursor: default;
}

.czas {
   display:none;
}


.box33, .box66 {
   width:98%;
}


.mobile_rozwin_menu_boczne {
    left: 10px;
    top: 70px;
    display: block;
    position: fixed;
    z-index: 1000;
    background: #0086c3;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    color: #fff;
    padding: 13px 7px 3px 40px;
    background-image: url('grafika/menu_mobilne.png');
    width: 62px;
    height: 29px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 9px 10px;
    font-weight: 800;
}
.mobile_rozwin_menu_boczne.aktywny {
    background-image: url('grafika/menu_mobilne_x.png');
}

.menu_boczne {
    padding: 60px 5px 160px 0px;
    display: none;
    top: 62px;
    height: 100%;
    width: 90%;
    -webkit-transition: none;
    transition: none;
}
.menu_boczne:hover {
   width: 90%;
   overflow: auto;
}
.przyciskpanel {
    padding: 14px 4px 21px 52px;
    border-radius: 0px 4px 4px 0px;
    margin: 2px 0px;
    text-align: left;
    word-break: break-word;
}
.przyciskpanel > img {
    left: 14px;
    top: 5px;
}


.naglowek_panelu {
   height: 86px;
   font-size:10px;
}
.naglowek_panelu > a {
    color: white;
    margin: 0px 5px;
    font-size: 12px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: inline-block;
}

.naglowek_panelu_przyciski {
    width: 100%;
}
.naglowek_panelu_przyciski > form > input[type=submit]{
margin: 6px 2px 6px 10px;
}



.logo_white {
   left:0px;
   top:0px;
   position: relative;
   width: 105px;
   float:left;
}

.infoglowna {
   left: 5%;
    top: 100px;
    width: 90%;
    min-height: 60px;
    margin: 0 auto;
    padding: 20px 22px;
    border-radius: 25px 25px 0px;
}

.logostart {
   width:100%;
}
.logostart > img {
    width: 60%;
   left: 0px;
    top: 30px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.stopkastart {
    padding: 14px;
    line-height: 10px;
    width: 100%;
    box-sizing: border-box;
    top: 710px;
    min-height: 90px;
    font-size: 12px;
}
.stopkastart > .box50 {
       width: 98%;
      margin: 2px 0px 6px;
}
.stopkastart > .box50 > a {
       width: 98%;
       display: inline-block;
}

#preloader > .logo {
    width: 60%;
    top: 16%;
    left: 20%;
}

.loginform {
    left: 5%;
    width: 90%;
    top: 245px;
        min-height: 300px;
    font-size: 18px;
padding: 20px 15px;
}
.tlozdjecieblur {
   display:none;
}
.tlozdjecie {
   filter:blur(10px);
}

.tresc {
    width: 100%;
    top: 50px;
}

.ramka_dokument {
    width: 90%;
    height: 93%;
    left: 5%;
    top: 7%;
    overflow: scroll;
    position:fixed;
        overflow-x: scroll;
}

.naglowek_tresc > img {
    width: 20%;
    height: auto;
    float: left;
    margin: 0px 40% 10px 40%;
    }

.naglowek_tresc {
    width: 100%;
    min-height: 100px;
    text-align: center;
    line-height: 23px;
    top: 30px;
        margin: 0px auto 20px;
}

#preloader #preloaderobraz {
    top: calc(50% - 75px);
    left: 0px;
}

.preloadertext {
    left: 0px;
    top: 35%;
}



.box_aktualnosci > .box100 > .data {
    width: 25%;
    height: 90px;
}
.box_aktualnosci > .box100 > h4 {
    width: 70%;
   line-height: 25px;
    font-size: 22px;
}
.box_aktualnosci > .tresc {
    left: 0px;
    background: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
        margin: 0px 0px 20px 0px;
}

.wiersz {
   width: 100%;
   min-height: 170px;
}

.wiersz > .box10 {
    padding: 1% 4%;
    text-align: left;
    float: left;
    width: 96%;
    box-sizing: border-box;
}

.wiersz > .box60 {
    padding: 6px;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
}

.wiersz > .box60 > a {
    color: #27446A;
    float: left;
    letter-spacing: -0.7px;
    text-align: left;
}

.wiersz {
    width: 100%;
    padding: 30px 0px;
}

.naglowek_wiersz {
   display:none;
}

#pesel {
    font-size: 26px;
}





/*/////////////////////////////////////*/
/*/////////  PLANY LEKCJI CRM //////////*/
/*/////////////////////////////////////*/

            .plan_lekcji_crm div {
              display:inline-block;
               box-sizing: border-box
            }
            .plan_lekcji_crm .tytul_duzy {
            width: 100%;
            font-weight: bold;
            text-align: center;
            background: #ccc;
            padding:15px;
            margin-bottom:20px;
            }

            .plan_lekcji_crm .wiersz {
              width:100%;
              padding:15px;
                min-height: inherit;
                padding-left:0px;
                padding-right:0px;
            }
            .plan_lekcji_crm .separator {
              height:2px;
              background:#666;
              padding:0px !important;
            }

            .plan_lekcji_crm .tytul {
            font-weight: bold;
            }

            .plan_lekcji_crm .data {
            width: auto;
            float: right;
            margin: 4px 7px;
            font-style: italic;
            }
            .plan_lekcji_crm .dzien {
            width: auto;
            float: right;
            margin: 4px 5px;
            font-style: italic;
            }
            .plan_lekcji_crm .lp {
            background: #0086c3;
            border-radius: 999px;
            position: absolute;
            left: 2%;
            height: 24px;
            width: 24px;
            color: #fff;
            padding: 5px 0px 0px;
            }
            .plan_lekcji_crm .godziny {
            width: 50%;
            text-align: right;
            padding: 2px 8px 2px 6px;
            background: #0086cb;
            margin-left: 50%;
            color: #fff;
            border-radius: 5px 0px 0px 6px;
            font-size: 18px;
            }
            .plan_lekcji_crm .przedmiot {
            width: 96%;
            font-weight: 800;
            padding: 11px 2%;
            }
            .plan_lekcji_crm .sala {
            width: 100%;
                color: #b3b3b3;
            }
            .plan_lekcji_crm .adres {
            width:100%;
            color: #b3b3b3;
            }
            .plan_lekcji_crm .naglowek {
            width:100%;
              font-size:20px;
              text-align:center;
              font-weight:bold;
                margin-top:20px;
            }
            .plan_lekcji_crm .last_change{
                color: rgb(237, 0, 7);
                font-weight:normal;
            }

/*/////////////////////////////////////*/
/*///////// /PLANY LEKCJI CRM //////////*/
/*/////////////////////////////////////*/

p.error {
    /* background: #f88;
    border: 1px solid #c00; */
    /* width: 500px; */
    /* margin: 5px; */
    /* color: black; */
    /* font-weight: bold; */
    padding: 5px;
    border-radius:4px;
}

.error{
    padding: 5px !important;
    font-size: 10px !important;
}



}


.regulamin-kontener{
    width: 100vw;
    height: 100vh;
    background-color: #0086cb;
    opacity: 0.5;
    z-index: 100000000000001;
}

.suma-moneta-opis{
    width: 14px;
    height: 14px;
}

.pascal_plus_opis-punkty-kontener{
    position: absolute;
    top: 80px;
    left: 50%;
    width: 80%;
    transform: translateX(-50%);
    text-align: left;
    font-size: 14px;
    color: #0086c3;
    line-height: 1.4;
}

.pascal_plus_opis-punkty-lista{
    list-style: none;
}

.pascal-plus-logo-male-punkty{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100px;
}


.pascal_plus_opis-punkty-kontener-app{
    /* position: absolute;
    top: 80px;
    left: 50%;
    width: 80%;
    transform: translateX(-50%); */
    text-align: left;
    font-size: 14px;
    color: #0086c3;
    line-height: 1.4;
}

.pascal_plus_opis-punkty-lista-app{
    list-style: none;
}

.suma-moneta-opis-app{
    width: 8px;
    height: 8px;
}

.tabela-box-dane-nagroda{
    height: 300px;
    overflow: auto;
}
.tabela-kontener{
  display: flex;
  width:800px;
  list-style: none;
}

.text-bold{
  font-weight: bold;
}

.tabela-kolumna{
  padding: 10px 5px;
  width: 130px;
}

.tabela-kolumna_operacja{
  width: 90px;
}

.tabela-kolumna_punkty{
  width: 90px;
}

.tabela-kolumna_opis{
  flex-grow: 1;
}

div.tabela-box-punkty:nth-child(even) {
  background-color: #CCC;
}

.tabela-kolumna-nagroda{
  width: 100px;
  padding: 10px 5px;
}
.bgc{
  background-color: #CCC;
}

.flex-kontener{
  display: flex;
  justify-content: center;
}