.guzik{
    margin-left: 150px;
}


#opis1{
    
   
    /*background-color: #cccccc;*/
    width: 100%;
    /*border: 2px solid #999999;*/
    height: auto;
    margin-top: -6px;
    border-radius: 0px;
	padding-left:0;
	padding-right:0;
}
#opis1_1{
    
   /*display: none;*/
    /*background-color: #cccccc;*/
    /* width: 75%; */
    /*border: 2px solid #5bc0de;*/
    border: 2px solid #e3e3e3;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 2px;
    float:none;
}
#opis1_2{
    

    /*background-color: #cccccc;*/
    width: 75%;
    border: 2px solid #999999;
    margin-bottom: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    float:none;
}

#opis2{
    
  display: none;
   /*background-color: #cccccc;*/
   width: 100%;
   /*border: 2px solid #999999;*/
   margin-top: -6px;
   border-radius: 0px;
   padding-left:0;
	padding-right:0;
}
#opis2_1{
    
   /*display: none;*/
    /*background-color: #cccccc;*/
    /* width: 75%; */
    /*border: 2px solid #5bc0de;*/
    border: 2px solid #e3e3e3;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 2px;
    float:none;
}
#opis2_2{
    
   
    /*background-color: #cccccc;*/
    width: 75%;
    border: 2px solid #999999;
    margin-bottom: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    float:none;
}

#opis3{
  
display: none;
  /*background-color:#cccccc;*/
  width: 100%;
  /*border: 2px solid #999999;*/
  margin-top: -6px;
  border-radius: 0px;
  padding-left:0;
	padding-right:0;
}
#opis3_1{
    
   /*display: none;*/
    /*background-color: #cccccc;*/
    /* width: 75%; */
    /*border: 2px solid #5bc0de;*/
    border: 2px solid #e3e3e3;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 2px;
    float:none;
}
#opis3_2{
    
   
    background-color: #cccccc;
    width: 75%;
    border: 2px solid #999999;
    margin-bottom: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    float:none;
}
#dokumentacja{
    margin-top: -6px;
    border-radius: 0px;
	padding-left:0;
	padding-right:0;
}
#opis4_1{
    display: none;
    /* margin-top: 20px; */
	margin-top: 30px;
}
#opis_wejscia_aplikacje{
    display: none;
}
/* #zak1{ */
    /* background-color: #f5f5f5; */
    /* color: #262626; */
    /* border: 2px solid;  */
    /* border-color: #e3e3e3; */
    /* border-bottom: none; */
    /* border-radius: 0px; */
/* } */
/* #zak2{ */
    /* background-color: #808080; */
    /* color: white; */
    /* border: 2px solid;  */
    /* border-color: #999999; */
    /* border-bottom: none; */
    /* border-radius: 0px; */
/* } */
/* #zak3{ */
    /* background-color: #808080; */
    /* color: white; */
    /* border: 2px solid;  */
    /* border-color: #999999; */
    /* border-bottom: none; */
    /* border-radius: 0px; */
    
/* } */
/* #zak4{ */
    /* background-color: #808080; */
    /* color: white; */
    /* border: 2px solid;  */
    /* border-color: #999999; */
    /* border-bottom: none; */
    /* border-radius: 0px;    */
/* } */
.nav nav-tabs:hover {
   border-bottom: none;
   

}
.pole_szukaj{
    width: 150px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    
}
#tabela{
    margin-left: auto;
    margin-right: auto;
   
}
#klik{
    margin-bottom: 15px;
    border-radius: 0px;
}

/*td{
    background-color: whitesmoke;
}*/
#panel{
    /* width:25%; */
    margin-right: 120px;
    margin-bottom: 30px;
    float: right;

}

    
ul#tab-container-1-nav li a{
    /*border: 2px solid #999999;*/
    border-bottom:none;
    /*transition-duration:1s;*/
    
     
    }
    tr.yellow{
        background-color: green;
    }
    .white{
        background-color: red;
        
    }
    
/* #loadersmall, */
/* #loadersmall2, */
/* #loadersmall3, */
/* #loadersmall4, */
/* #loadersmall5{ */
 /* position: absolute;*/ */
  /* left: 50%; */
  /* top: 50%; */
  /* z-index: 1; */
  /* width: 150px; */
  /* height: 150px; */
  /* margin: 10px 0 0 500px; */
  /* border: 5px solid #f3f3f3; */
  /* border-radius: 50%; */
  /* border-top: 5px solid #5bc0de;; */
  /* width: 50px; */
  /* height: 50px; */
  /* -webkit-animation: spin 1s linear infinite; */
  /* /* animation: spin 1s linear infinite; */
  
/* } */

/* @-webkit-keyframes spin { */
  /* 0% { -webkit-transform: rotate(0deg); } */
  /* 100% { -webkit-transform: rotate(360deg); } */
/* } */

/* @keyframes spin { */
  /* 0% { transform: rotate(0deg); } */
  /* 100% { transform: rotate(360deg); } */
/* } */


.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

.liczba_wyswietlen{
    text-align: right;
}

.licz{
/*    font-size: 18px;
    font-style: normal;
    padding-top: 5px;
    margin-bottom: 20px;
    margin-top: 20px;*/
    border-radius: 0px !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
    background-color: #5cb85c !important;
}
/*#licz1{
    font-size: 18px;
    font-style: normal;
    padding-top: 5px;
}

#licz2{
    font-size: 18px;
    font-style: normal;
    padding-top: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}*/
#suma{
    font-size: 18px;
    font-style: normal;
    padding-top: 5px;
}

/*.liczmoj{
    text-decoration: underline;
}*/
/*#liczmoj{
    color: #5bc0de;
    font-style: oblique;
}
#liczrez{
     color: #5bc0de;
    font-style: oblique; 
    text-decoration: underline;
}*/
/*#liczwszy{
    color: #5bc0de;
    font-style: oblique;
}*/
#wykres1,
#wykres2,
#wykres3,
#wykres4{
    width: 100%;
    margin-bottom: 2px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    float:none; 
}
#wykres1,
#wykres4{
   background-color: white;
   
/*    width: 75%;
   
    margin-bottom: 2px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    float:none; */
}

/*#wykres2{
   background-color: #cccccc;
    width: 75%;
    
    margin-bottom: 20px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    float:none; 
}

#wykres3{
   background-color: #cccccc;
    width: 75%;
    
    margin-bottom: 20px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    float:none; 
}*/
.active #but_wykres{
/*    margin-left: 4px;*/
    
/*    position: absolute;*/
/*    margin-left: 627px;*/
/*    background-color: #5bc0de;
    color:white;*/
    border: 2px solid #e3e3e3;
    border-radius: 0px;
    /*border-color: #46b8da;*/
    
      
}
#but_tab{
    margin-right: 0px;
}
.active #but_wykres,
.active #but_tab{
    
/*    position: absolute;*/
/*    margin-left: 10px;*/
    background-color: #f5f5f5;
    /*color:white;*/
    border: 2px solid #e3e3e3;
    border-radius: 0px;
/*    border-color: #46b8da;
    margin-right: 0px;*/
    
}
#but_wykres:active,
#but_tab:active{
    border-radius: 0px;
    border: 2px solid #e3e3e3;
    background-color: #f5f5f5;
}
#but_wykres:hover,
#but_tab:hover{
    border-radius: 0px;
    border: 2px solid #e3e3e3;
    background-color: #e3e3e3;
}
.active a:hover{
    border-radius: 0px;
    background-color: yellow;
} 
#tab-container-1-nav{
/*    margin-right: 500px;
    width: 400px;*/
    margin-right: 300px;
    /*width: 500px;*/
}
#tab-container-2-nav{
    float: right;
}
#stat1{
    width:500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background-color: #808080;
    color: white;
    border: 2px solid #5bc0de;
}
#stat2{
    width:500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background-color: #808080;
    color: white;
    border: 2px solid #5bc0de;
}
#stat3{
    width:500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background-color: #808080;
    color: white;
    border: 2px solid #5bc0de;
}

#podpis1{
    margin-top: 10px;
    color: #808080;
    margin-left: 140px;
}

#podpis2{
    margin-top: 10px;
    color: #808080;
    margin-left: 140px;
}

#podpis3{
    margin-top: 10px;
    color: #808080;
    margin-left: 140px;
}

canvas{
    float: none;
}

#osrodki{
    background-color: #808080;
    width: 75%;
    border: 2px solid #5bc0de;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 2px;
    float:none;
    color: white;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.bez_zaokraglen{
    border-radius: 0px !important;
}
#dokumentacja_dzial{
    margin-top: 40px;
}
.th_dzial{
    border: 1px solid #2e6da4;
    background-color: #337ab7;
    color: #f2f2f2;
    text-align: center;
    cursor: pointer;
}
.th_dzial:hover{
    background-color: #286090;
    border-color: #204d74;
    text-decoration: none;
    border-bottom: 2px solid #dddddd;
}
.dzialy_przycisk{
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.dzialy_przycisk:hover{
    background-color: #449d44;
    border-color: #398439;
    border-bottom: 2px solid #dddddd;
}
/* --------------- 27.04.2018 --------------- */
.btn-dark-b{
	background-color:#343a40;
	border-color:#343a40;
	color:#ffffff;
}
.btn-dark-b:hover,
.btn-dark-b:focus{
	background-color:#1d2124;
	color:#fff;
}
.okna_opis{
	border:none;
	background-color:#ffffff;
	box-shadow:none;
}
.tabela_nag{
	background-color:#286090;
	color:#ffffff;
}
.tytul_nazwa{
	padding:5px 7px;
	font-size:15px;
	border-radius:0;
	background-color:#337ab7;
}
/* --------------- 14.02.2019 --------------- */
#opis1_1:after,
#opis2_1:after,
#opis3_1:after{
	content:normal;
}
.logowanieform{
	padding:0 10px !important;
}
#wyszukiwane{
	text-align:center;
}
#wyszukiwane .szukane_blok{
	cursor:pointer;
	font-weight:bold;
}
#wyszukiwane .szukane_blok + .tooltip{
	opacity:1;
}
#wyszukiwane .szukane_blok + .tooltip > .tooltip-inner{
	background-color:#f2f2f2;
	color:#000;
	border:1px solid rgba(0,0,0,.15);
	box-shadow:0 6px 12px rgba(0,0,0,.175);
	max-width:none;
	padding:0;
}
.pusty_tooltip_padding{
	padding:10px !important;
}
#wyszukiwane .szukane_blok + .tooltip > .tooltip-inner td{
	min-width:200px;
	text-align:left;
	vertical-align:text-top;
	padding:1px 2px;
}
#wyszukiwane .szukane_blok + .tooltip > .tooltip-inner td div{
	padding:1px 2px;
	border-radius:4px;
}
.szuk_poz{
	margin-left:5px;
}

@media (min-width: 767px) {
	#opis1_1,
	#opis2_1,
	#opis3_1,
	#opis4_1,
	#opis_wejscia_aplikacje{
		width:70%;
	}
	.nag_opis_1,
	#menu,
	#dokumentacja_dzial{
		width:70%;
		margin:auto;
	}
	.nag_opis_1 > #zakres_danych,
	.nag_opis_1 > #zakres_danych_moj,
	.nag_opis_1 > #zakres_danych_rez,
	.nag_opis_1 > #zakres_danych_dok{
		padding-left:0;
	}
	.nag_opis_1 > .liczba_wyswietlen{
		padding-right:0;
	}
}

/* loader */
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #286090;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}