html,
body {
  height: 100%;
}

.loginBg{
  background-color: #fff;
  background-image: url('../img/loginBg.png');
  background-repeat: no-repeat;
  background-position: 100% center;
}
.reserveBg{
  background-color: #fff;
  background-image: url('../img/registerBg.png');
  background-repeat: no-repeat;
  background-position: 100% center;
}
.rejestracjaBg{
  background-color: #fff;
  background-image: url('../img/registerBg2.png');
  background-repeat: no-repeat;
  background-position: 100% center;
}
.loginBg .logoContainer{
  background-image: url('../img/akzo_logo.png');
  height: 190px;
  width: 275px;
  background-position: center;
  background-repeat: no-repeat;
}
.reserveBg .logoContainer{
  background-image: url('../img/akzo_logo.png');
  height: 190px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.rejestracjaBg .logoContainer{
  background-image: url('../img/akzo_logo.png');
  height: 190px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.loginBg .loginContainerWrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 50%;
  height: calc(100% - 50px);
}
.reserveBg .reserveContainerWrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: calc(100% - 50px);
}
.rejestracjaBg .registerContainerWrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 50px);
  padding: 15px;
}
.loginBg .loginContainer{
  max-width: 275px;
}
.reserveBg .reserveContainer{
  width: 475px;
}
.loginBg .customLoginForm{
  border: 2px solid #e1e1e1;
  border-radius: 2px;
}
.reserveBg .customLoginForm{
  border: 1px solid #c7c7c7;
}
.loginBg h2.mainTitle{
  font-weight: 400;
  color: #525965;
  margin-top: 50px;
}
.reserveBg h2.mainTitle{
  font-weight: 300;
  color: #a7a9ac;
  margin-top: 50px;
  font-size: 32px;
}
.reserveBg h4.secondaryTitle{
  font-weight: 400;
  color: #0090d9;
}
.loginBg label, .reserveBg label{
  color: #525965;
  font-weight: 400;
  margin-bottom: 10px;
}
.loginBg a{
  color: #0090d9;
  padding-right: 15px;
}
.loginBg .customCheckbox{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #d3d2d5;
  width: 20px;
  height: 20px;
  border-radius: 2px;
	padding-right: 9px;
	display: inline-block;
  position: relative;
  top: 5px;
  outline: none;
}
.loginBg .customCheckbox:checked{
  background-color: #015c98;
  outline: none;
}
.loginBg .zalogujButton{
  background-color: #015c98;
  text-align: right;
  border: 0;
  float: right;
  margin-top: 15px;
}
.reserveBg .rezerwujButton{
  background-color: #015c98;
  text-align: right;
  border: 0;
  float: none;
  text-align: center;
  margin-top: 15px;
  display: block;
  margin: 0 auto;
  padding: 5px 20px;
}
.copyrightMedway{
  background-color: #363636;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 300;
}
.copyrightMedway > a{
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
.customNumberForm {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  padding: 0 8px;
}
.customNumberForm::-webkit-inner-spin-button { 
  -webkit-appearance: none;
  cursor:pointer;
  display:block;
  width:8px;
  color: #333;
  text-align:center;
  position:relative;
}
.customNumberForm:hover::-webkit-inner-spin-button { 
  background: url('../img/arrow.png') no-repeat 50% 50%;  
  width: 14px;
  height: 20px;
  padding: 4px;
  position: relative;
  right: 4px;
}
.rejestracjaBg .rejestracjaWrapper{
  width: 650px;
  background-color: #f0f0f0;
  margin-top: 30px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
}
.rejestracjaBg .rejestracjaWrapper .rejestracjaWrapperInner{
  padding: 10px 30px;
}
.rejestracjaBg .rejestracjaWrapper h1.mainTitle{
  background-color: #015c98;
  width: 100%;
  height: 80px;
  line-height: 80px;
  padding-left: 30px;
  color: #fff;
  font-size: 38px;
  margin-top: 0;
}
.rejestracjaBg .rejestracjaWrapper h4.mainTitle{
  color: #0090d9;
  font-weight: 300;
  margin-top: 0;
}
.rejestracjaBg .rejestracjaForm .form-group{
  background-color: #fff;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 10px;
}
.rejestracjaBg .rejestracjaForm .form-group label{
  width: 19%;
  font-weight: 400;
}
.rejestracjaBg .rejestracjaForm .form-group .form-control{
  width: 80%;
  display: inline-block;
}
.rejestracjaBg .rejestracjaForm .zalogujButton{
  background-color: #0084c3;
  border: 0;
  text-align: center;
  margin-top: 15px;
  padding: 5px 20px;
}
.kodyTextarea{
  display: block;
  resize: none;
  border: 1px solid #d3d2d5;
  padding: 10px 20px;
}
.szkolenieWrapper{
  background-color: #008aab;
  color: #fff;
  padding: 15px;
  margin-bottom: 10px;
}
.szkolenieWrapper h3.mainTitle{
  font-weight: 400;
}
.szkolenieWrapper .numberOfReservations{
  font-size: 30px;
  font-weight: 600;
  margin-top: 20px;
}
.szkolenieWrapper .progress{
  background-color: rgba(11, 76, 119, 0.447);
  height: 8px;
}
.szkolenieWrapper .progress-bar-success{
  background-color: #fff;
}
.szkolenieWrapper .szkolenieHighlightedText{
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
.szkolenieWrapper.szkolenieWrapperDarkBlue{
  background-color: #015c98;
}
.szkolenieWrapper.szkolenieWrapperGreen{
  background-color: #89a73c;
}
.mainContainer{
  padding-top: 30px;
  padding-bottom: 30px;
}
@media(max-width: 1500px){
  .reserveBg{
    background-position-x: 100%;
  }
}
@media(max-width: 1199px){
  .loginBg{
    background-position-x: 50%;
  }
  .reserveBg{
    background-position-x: -10%;
  }
}
@media(max-width: 991px){
  .reserveBg .reserveContainer{
    width: auto;
    max-width: 275px;
  }

}
@media(max-width: 767px){
  .loginBg{
    background-position-x: 0%;
  }
  .loginBg .loginContainerWrapper, .reserveBg .reserveContainerWrapper{
    max-width: 100%;
    width: 100%;
    padding: 20px;
  }
  .reserveBg{
    background-position-x: -100000%;
  }
  .reserveBg .reserveContainer{
    width: auto;
    max-width: 100%;
    text-align: center;
  }
  .rejestracjaBg .rejestracjaWrapper{
    width: auto;
  }
  .kodyTextarea{
    margin: 0 auto;
  }
}
@media(max-height: 900px){
  .loginBg .loginContainerWrapper{
    height: auto;
  }
  .reserveBg .reserveContainerWrapper{
    height: auto;
  }
  .rejestracjaBg .registerContainerWrapper{
    height: auto;
  }
  .rejestracjaBg, .loginBg, .reserveBg{
    background-image: none;
  }
}

body.mini-navbar .logo-element { color: #0092bc; }
.btn-primary { background-color: #005292; border-color: #007596; }
.btn-primary:hover { background-color: #007596; border-color: #1490b3; }
.nav-logo { background-color: #fff; padding: 25px; border-right: 1px solid #eee;  }
	.nav-logo img { max-width: 100%; }
.nav-header { padding: 0 !important; }
.nav > li > a { font-weight: 400; }
.nav-header { background-image: none; background-color: #202020; }
.logo-element { background-color: #fff; }
.loginName { display: block; padding: 14px 20px 14px 25px; }
	.loginName:focus { background-color: #222 !important; }
	.loginName .font-bold { font-size: 16px; color: #fff; }
	.loginName .text-muted { color: #666; }
body { background-color: #262626; }
#side-menu li>a:hover { background-color: #005292; }
#side-menu li.active { background: #292929; border-color: #005292; }
#side-menu ul.nav-second-level { background-color: #292929; }
#side-menu .nav-second-level li:last-child { margin-bottom: 0; }
#topBar .navbar-static-top { 
	background: #0092bc; /* Old browsers */
	background: -moz-linear-gradient(left, #0092bc 0%, #0da8a3 50%, #95bf39 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0092bc 0%,#0da8a3 50%,#95bf39 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0092bc 0%,#0da8a3 50%,#95bf39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092bc', endColorstr='#95bf39',GradientType=1 ); /* IE6-9 */
	color: #fff; }
#topBar .navbar-top-links { color: #fff !important; }
#topBar .text-muted { color: #fff; }
#topBar .nav.navbar-right > li > a { color: #fff; }
#breadCrumbs { padding: 8px 4px 23px; }

.loginContainerInner .form-label {
	width: 100%;
}
.filem { position: relative; padding: 15px; }
.filem_icon { width: 50px; display: inline-block; position: absolute; padding-top: 8px; }
.filem_nazwa { padding-left: 60px; }
.filem_nazwa h3 { font-size: 16px; margin-bottom: 5px;}
.certyfikatSend .form-label, .certyfikatSend .form-value { width: 100%; }
.certyfikatSend .help-block { display: none; }