/* rozne
----------------------------------------------------------*/
@font-face {
  font-family: 'Nunito-ExtraBold';
  src: url('../fonts/Nunito-ExtraBold.ttf') format('truetype');
  
}

@font-face {
  font-family: 'Nunito-Light';
  src: url('../fonts/Nunito-Light.ttf') format('truetype');
  
}


.rodzic-clear
{
    clear:both;
    line-height:0px;
}  

/* uklad strony
----------------------------------------------------------*/
body
{
        font-family: 'Nunito-Light';
    font-size: 13px;
    line-height: 18px;
    /*font-size: .85em;
    font-family: 'Nunito-ExtraBold';*/
    color: #002d25;
    margin: 0;
    padding: 0;
    /* background-color: #fff; */
}

header,
footer,
nav,
section {
    display: block;
}

/* StronaPelna.Master.aspx 
----------------------------------------------------------*/
#strona-cala
{
    /*background-image: url('../obrazki/body.jpg');*/
    background-color: #ffffff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

#strona-naglowek 
{
   /*background: url("../../Content/themes/base/images/top.png") repeat scroll left top rgba(0, 0, 0, 0);*/
   height: 0;
   visibility: hidden;
}

#naglowek-logo-lewa
{
   /*background: url("../../Content/themes/base/images/ticketSoftwareLogo.png") repeat scroll left top rgba(0, 0, 0, 0);*/
   float:left;
   width: 0px;
   height: 0px;
   margin-left: 15%;
   visibility: hidden;
}

#naglowek-logo-prawo 
{
    background-color: yellow;
    float:right;
    width:70%;
    visibility: hidden;
}

#naglowek-prawa-gora
{
    visibility: hidden;
}

#naglowek-prawa-dol
{
    background-color: #CC00CC;
    visibility: hidden;
}

#naglowek-dol
{

}

#menu-nawigacji-gora
{
    background-color: #D17519;
}

#strona-tresc {
    position: relative;
    margin: auto;   
    min-height: 200px;
    margin-top: 30px;
    
}

#menu-nawigacji-dol
{
}

#strona-stopka {
   padding: 0px 0;
    height: 0px;
    margin-top: 0px;

}

#stopka-menu {
 background: url("../../Content/themes/base/images/menu.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border-bottom: 7px solid #ffffff;
    border-top: 7px solid #ffffff;
    box-shadow: 0 0 6px #808080;
    clear: both;
    color: #000000;
    height: 0px;
    padding: 0;
    margin: auto;
    visibility: hidden;
}

#stopka-tresc-menu {
    color: #000000;
    margin-left: 10%;
    font-size: 1.25em;
    margin-top: 7px;
}

/* Sala.aspx 
----------------------------------------------------------*/
#cala-sala-widok {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#sala-widok {
text-align: center; 
padding-left: 5%;
padding-right: 5%;
    
}

#sala-legenda {
    margin-top: 0px;
        padding-left: 6%;
    padding-right: 6%;
}

#sala-legenda-foteli
{
    width: 80%;
    display: table;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

#sala-legenda-cennik
{
    float:left;
    /*margin-left: 120px;*/
}
.sala-legenda-cennik {
    display: none;
}

#sala-naglowek-tytul {
    font-size: 1.2em;
    font-family: "oswald",sans-serif;
    /* padding-top: 0px; */
    padding: 0;
}

h2 {
    font-family: "oswald",sans-serif;
    text-decoration: none;
}


.komorka-naglowek-tytul {
   width: 30%;
   /* padding-right: 20px; */
}

.komorka-naglowek-tytul-godzina {
   /* padding-right: 10px; */
}

/* rezerwacja */
#sala-tabela-naglowek-tytul-rezerwacja {text-align: center;width: 100%;}
#rez__info_o_wyd{
    color: #fff;
    font-size: 1.4em;
    font-family: Oswald, Sans-Serif;
    /* padding-top: 40px; */
    padding-left: 0;
    background: #444444;
}

#rez__wykaz_biletow {

/* padding-left: 5%; */

/* padding-top: 40px; */

padding-bottom: 40px;
}

#rezerwacja-cala-strona {
    margin-left: auto;
    margin-right: auto;
    /*width: 700px;*/
    padding-bottom: 50px;
    color: #636262; 
    
}

#formularz-naglowek {
    font-family: 'Nunito-ExtraBold';
}

#formularz-naglowek > .col-sm-12 {
    margin-bottom: 10px;
}

#formularz-tlo {
    /*background-color: #d9d9d9;*/
    background-color: #fff;
}

#formularz-tlo > div > form > .col-sm-5 {
    padding-top: 10px;
    width: 45%;
}


#formularz-tlo > div > form > .col-sm-2 {
    padding-top: 10px;
    width: 10%;
}

#formularz-tlo > div > form > .col-sm-5 > div {
    margin: 5px 0;
    font-family: 'Nunito-ExtraBold';
}

#formularz-tlo > div > form > .col-sm-5 > div.formularz-zolte-wstawki {
    color:	#e7b142;
}

.editor-label {
    color: #e7b142;
}

#formularz-naglowek > .col-sm-12 > div {
    font-family: 'Nunito-ExtraBold';
    font-size: 15px;
}


#formularz-platnosc {
    display: table;
    margin: 0 40%;
    
}

#formularz-platnosc > p > input, #formularz-platnosc > p > input:hover {
     background-color:	#e7b142;
      font-family: 'Nunito-ExtraBold';
    font-size: 15px;
}

#pola-obowiazkowe {
    padding-top: 20px;
    font-size: 13px;
}

.tabelaDaneRezerwacji {
    width:100%;
}

label.label-nieaktywny {
   color: #f6e3bb;
}

.tabelaDaneRezerwacji > tbody > tr > td {
    padding: 5px 0;
    }
    .tabelaDaneRezerwacji > tbody > tr > td  > div {
        display: table;
        margin: 0 auto;
        float: left;
        vertical-align: text-bottom;
    }

#edit_rk_imie {
    width:100%;
    height: 25px;
    max-width: 450px;
    font-size: 1em;
    padding: 5px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}

#edit_rk_nazwisko {
    width: 100%;
    height: 25px;
    max-width: 450px;
    font-size: 1em;
    padding: 5px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}

#edit_rk_email {
    width: 100%;
    max-width: 100%;
    padding: 5px;
    height: 25px;
    font-size: 1em;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}

#edit_rk_tel1 {
    width: 100%;
    padding: 5px;
    height: 25px;
    max-width: 100%;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}

#edit_rk_nazwa_kontrahenta[type="text"]:disabled,
#edit_rk_nip[type="text"]:disabled,
#edit_rk_adres[type="text"]:disabled,
#edit_rk_kod_pocztowy[type="text"]:disabled,
#edit_rk_miejscowosc[type="text"]:disabled
 {
    background-color: #fff;
    border-bottom-color: #B1B1B0;
}

#edit_rk_nazwa_kontrahenta {
        width: 100%;
    height: 25px;
    max-width: 450px;
    font-size: 1em;
    padding: 5px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}

#edit_rk_nip {
        width: 100%;
    height: 25px;
    max-width: 450px;
    font-size: 1em;
    padding: 5px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}

#edit_rk_adres {
       width: 100%;
    height: 25px;
    max-width: 450px;
    font-size: 1em;
    padding: 5px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}

#edit_rk_kod_pocztowy {
        width: 100%;
    height: 25px;
    max-width: 250px;
    font-size: 1em;
    padding: 5px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}

#edit_rk_miejscowosc {
        width: 100%;
    height: 25px;
    max-width: 450px;
    font-size: 1em;
    padding: 5px;
    border-right: none;
    border-left: none;
    border-top: none;
    border-color: #636362;
    border-width: 1px;
}
.edytor-label-check a {
    text-decoration: none;
    color: #444444;
}
.edytor-label-check a:hover {
    text-decoration: none;
    color: #555555;
}





#repertuar-cala-strona {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    /*width: 700px;*/
    padding-bottom: 0px;
}

@media (max-width: 800px) {
    #repertuar-cala-strona, #strona-tresc {
        margin-top: 0px;
    }
}

#sala-cala-strona {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    padding-bottom: 50px;
}

#rez__dane_zamawiajacego {
}

#rez_zatwierdzenie_danych_klienta {
    background: #444444;
    /* background: url("../../Content/themes/base/images/menu.png") repeat-x scroll center top rgba(0, 0, 0, 0); */
    clear: both;
    border-width: 0px;
    color: #fff;
    height: 41px;
    width: 100%;
    padding: 0;
    /*margin-left: 42%;*/
    font-weight: 200;
    font-size: 1.1em;
}
#rez_zatwierdzenie_danych_klienta:hover {

background: #555555;
}

#wykazBiletowTabela {
    border-spacing: 0px;
    border-width: 0px;
    border-collapse: collapse;
    width: 100%;
    /*id ="ctl00_MainContent_tabela_bilety" cellspacing="0" cellpadding="0" border="0" align="Center" style="border-collapse:collapse;";*/
}

#wykazBiletow_wierszTytul {
    background: #fff;
    /* background: url("../../Content/themes/base/images/menu.png") repeat-x scroll center top rgba(0, 0, 0, 0); */
    border: 1px solid #444444;
    border-top: 1px solid #444444;
    color: #333333;
    font: 12pt sans-serif,Tahoma,Verdana;
    height: 40px;
    margin: 0;
    text-align: center;
}

.wykazBiletow_wierszBilet {
    background: none repeat scroll 0 0 #DBDBDB;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
    color: #000000;
    font: 11pt sans-serif,Tahoma,Verdana;
    height: 35px;
    margin: 0;
    text-align: center;
}

#wykazBiletow_wierszPodsumowanie {
    background: none repeat scroll 0 0 #555555;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
    color: #002d25;
    font: bold 11pt sans-serif,Tahoma,Verdana;
    height: 35px;
    margin: 0;
}

.wykazBiletowKomorkaLp {
    text-align: center;
    width:5%;
}

.wykazBiletowKomorkaRodzajBiletu {
    text-align: center;
    width: 50%;
}

.wykazBiletowKomorkaRodzajBilet {
    text-align: center;
    width: 200px;
}

.wykazBiletowKomorkaCena {
    text-align: center;
    width: 12%;
}

#wykazBiletowKomorkaRazem {
    text-align: right;
}

#wykazBiletowKomorkaSumaZaplaty {
    text-align: center;
}

/*----FINALIZACJA-----------------------*/


#finalizacja-cala-strona {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    padding-top: 30px;
}

.tab-dane-rez-do-zaplaty {
    width: 100%;
    background-color: white;
}

#tab-dane-rez-do-zaplaty-naglowek {
    background: url("../../Content/themes/base/images/menu.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
    color: #FFFFFF;
    font: 12pt sans-serif,Tahoma,Verdana;
    height: 28px;
    margin: 0;
    text-align: left;
}

#finalizacja-cala-strona h4 {
    font-family: 'Nunito-ExtraBold';
    color: #636262;
}

#twoje-zamowienie h4, #sposob-platnosci h4 {
    font-family: 'Nunito-ExtraBold';
    padding-bottom: 30px;
    color: #636262;
}

.tab-dane-rez-wiersz {
    font-family: 'Nunito-ExtraBold';
    font-size: 13px;
    border-bottom: 1px solid #636262;
    color: #000000;
    height: 25px;
    margin: 0;
    text-align: center;
}

tr.tab-dane-rez-wiersz.no-border {
    border-bottom: none;
}

    .tab-dane-rez-wiersz > .nbr {
        border-right: 1px solid #636262;
    }


#tab-dane-rez-podsumowanie {
    background: none repeat scroll 0 0 #C1C1C1;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
    color: #000000;
    font: bold 11pt sans-serif,Tahoma,Verdana;
    height: 25px;
    margin: 0;
}



.tab-dane-rez-td-opis {
    text-align: left;
    width: 40%;
    padding-left: 15px;
    color: #E7B142;
}

.tab-dane-rez-td-wartosc {
    text-align: left;
    width: 60%;
    padding-left: 15px;
    color: #636262;
}

#fin-wybor-paltnosci tr td {   
    white-space: nowrap;
    vertical-align: middle;
    padding-bottom: 10px;
}

#fin-wybor-paltnosci tr td img {
   height: 40px;
    padding-left: 0px;
    display: inline-block;
   /* height: 70px; */
}

div.checkbox-platnosci {
    width: 20%;
     display: inline-block;
}


.checkbox-platnosci > input[type=checkbox], input#eservice {
    height: 30px;
    width: 30px;

    position: relative;
    top: 10px;
box-shadow: none;

}


#platnosc-koncowa {
    padding-top: 30px;
}

 #platnosc-koncowa > div
{
	background-color: #E7B142;
    /* background: url("../../Content/themes/base/images/menu.png") repeat-x scroll center top rgba(0, 0, 0, 0); */
    
    height: 41px;
    width: 20%;
    max-width: 400px;
    padding: 0;
   /* margin-top: 20px;*/
    /*margin-left: 42%;*/
    display: table;
    margin: 0 auto;
}

 #platnosc-koncowa > div > a {
        
     font-family: 'Nunito-ExtraBold';
    font-size: 15px;
    color: white;
    display: table;
    margin: 0 auto;
    }

.przyciskTransferuj {
    background: url("http://img.transferuj.pl/platnosci-internetowe/transferuj-kup-teraz-102x34.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    width: 102px;
    height: 36px;
}



.tab-dane-rez-data-rezerwacji {
    padding-top: 10px;
}
.tab-dane-rez-termin-zaplaty {
padding-bottom: 10px;
}

.tab-dane-rez-czas-na-oplacenie {
padding-bottom:10px;
}

.fin-wybor-paltnosci {
padding-top: 20px;
padding-bottom: 20px;
}


#stan-platnosci-cala-strona {
        margin-left: auto;
    margin-right: auto;
    width: 1000px;
    padding-top: 20px;
}

#tabela-stan-platnosci {
    width: 400px;
    margin: auto;
    padding-bottom: 100px;
    padding-top: 30px;
}

#wiersz-zyczymy-milego-spektaklu {
    padding-top: 40px;
}

#repertuar_kalendarz1 {
    font-family: 'Nunito-Light';
    width: 100%;
    margin: auto;}
#repertuar-cala-strona h2 {
	    margin: 1em 0 0.5em 0;
	    width: 100%;
	    text-align: center;
	    font-weight: 400;
	    font-size: 2.8em;
	    color: #002d25;
	    display: inline-block;
}
table#sala-tabela-naglowek-tytul {
    border-spacing: 0px;
    border: 1px solid #fff;
    color: #fff;
    background: #555555;
    width: 100%;
    line-height: 1.8em;
}

table#sala-tabela-naglowek-tytul td {
    width: 33%;
}

table#sala-tabela-naglowek-tytul td {
    /* width: 15%; */
    text-align: center;
    /* border: 1px solid #444444; */
}
table#tabela_legenda-foteli {
    background: #fff;
    width: 100%;
}

table#tabela_legenda-foteli tr {
    padding: 0.5%;
    display: inline-block;
    width: 31%;
}

table#tabela_legenda-foteli td {margin-left: 13px;float: left;}

#dalej > input {
    width: 300px;
    display: table;
    margin: 0 auto;
}
#dale-nienumerowana > input {
    width: 300px;
    position: relative;
    margin: 0 auto;
}

#sala-legenda > div#sala-legenda-foteli {
   /* width: 50%;*/
    display: table;
    margin: 0 auto;
       
}

/*TOMEK*/




/* wyszarzenie ekranu przy wyszukiwaniu i zmiane daty*/
#zaslona {
    display: none;
    z-index: 999;
    position: fixed;
    left: 0px;
    top:0px;
    background-color:black;
    filter: alpha(opacity=80);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width:100%;
    height:100%;
}

.navbar-header img {
    margin-top: 8px;
    margin-bottom: 5px;
}


/* Progress with steps */

#progress-bar {
    font-family: 'Nunito-ExtraBold';
    margin-top: 10px;
}

#progress-bar .row {
    margin: 0 auto;
    width: 80%;
    color: #B1B1B0;
    }

#step1, #step2, #step3, #step4, #step5 {
    width: 20%;
}

.step-active > p,
.step-active > i/*,
.step-active > div.line1 */{
    color: #636262;
    border-color: #636262;
    }

.step-active.step-in > p {
    color: #e7b142;
}

.step {
    padding: 0px;
    margin: 20px 0px;
   
}


.step i {
    font-size: 16px;
    position: absolute;
    left: calc(50% - 8px);
    bottom: -10px;
    z-index: 501;
    }

.step p, .step a {
    text-align: center;
    margin: 15px 0px;
    }

.line1 {
    width: 50%;
    border-bottom: 3px solid #B1B1B0;
    position: absolute;
    left: 0px;
    z-index: 500;
}

.line2 {
    width: 50%;
    border-bottom: 3px solid #B1B1B0;
    position: absolute;
    right: 0px;
    z-index: 500;
}

.line-active {
    border-color: #636262;
}

#step1 .line1,
#step5 .line2
 {
    display: none;
}

.step-active {
    color: #B1B1B0;
}


/*@media (max-width: 992px) {
 .step-active.step-in > p {
    width: 90%;
    float: right;
}

 .step {
    padding: 0px;
    margin: 20px 0px;
    display: none;
   
}

    .step.step-in {
        display: block;
    }

}*/

@media (max-width: 799px) {
    /* Progress with steps */

#progress-bar {
    font-family: 'Nunito-ExtraBold';
    margin-top: 10px;
}

#progress-bar .row {
    margin: 0 auto;
    width: 40%;
    color: #B1B1B0;
    }

#step1, #step2, #step3, #step4, #step5 {
    width: 100%;
    padding-top: 10px;

}

.step-active > p,
.step-active > i/*,
.step-active > div.line1 */{
    color: #636262;
    border-color: #636262;
    }

.step-active.step-in > p {
    color: #e7b142;
    width: 90%;
    float: right;
}

.step {
    padding: 0px;
    margin: 20px 0px;
    display: none;
   
}

    .step.step-in {
        display: block;
    }

.step i {
    font-size: 16px;
    position: absolute;
    left: calc(20% - 0px);
    bottom: -30px;
    z-index: 501; 
    float: left;
    width: 10%;
    }

.step p {
    text-align: center;
    margin: 15px 0px;
    }

.line1 {
    width: 50%;
    border-bottom: 3px solid #B1B1B0;
    position: absolute;
    left: 0px;
    z-index: 500;
    display: none;
}

.line2 {
    width: 50%;
    border-bottom: 3px solid #B1B1B0;
    position: absolute;
    right: 0px;
    z-index: 500;
    display: none;
}

.line-active {
    border-color: #636262;
}

#step1 .line1,
#step5 .line2
 {
    display: none;
}

.step-active {
    color: #B1B1B0;
}

}



@media  (min-width: 800px) and (max-width: 992px) {
   
    /* Progress with steps */

#progress-bar {
    font-family: 'Nunito-ExtraBold';
    margin-top: 10px;
}

#progress-bar .row {
    display: table;
    margin: 0 auto;
    width: 70%;
    color: #B1B1B0;
    }

#step1, #step2, #step3, #step4, #step5 {
    width: 15%;
}


.step-active > p,
.step-active > i/*,
.step-active > div.line1 */{
    color: #636262;
    border-color: #636262;
    }

.step-active.step-in > p {
    color: #e7b142;
}

.step {
    padding: 0px;

        display: table;
            margin: 20px auto;

   
}


.step i {
    font-size: 16px;
    position: absolute;
    left: calc(50% - 8px);
    bottom: -10px;
    z-index: 501;
    }

.step p {
    text-align: center;
    margin: 10px 0px;
    font-size: 13px;
        height: 40px;

    }

.line1 {
    width: 50%;
    border-bottom: 3px solid #B1B1B0;
    position: absolute;
    left: 0px;
    z-index: 500;
}

.line2 {
    width: 50%;
    border-bottom: 3px solid #B1B1B0;
    position: absolute;
    right: 0px;
    z-index: 500;
}

.line-active {
    border-color: #636262;
}

#step1 .line1,
#step5 .line2
 {
    display: none;
}

.step-active {
    color: #B1B1B0;
}

}

svg a:hover {
    opacity: 0.6;
    cursor: pointer;
}