Okno Modalne :: 4programmers.net

0

Wklejam przykład okna modalnego np: https://www.nafrontendzie.pl/okna-modalne-bootstrap-wtyczka-jquery

na swoją stronę - wyświetla się okno - ale jest jakby za mgłą - nie mozna najechać na przycik - zamyka się samo - wystarczy kliknąć gdziekolwiek.

czym to może być spowodowane ?

0

pewnie jakiś css "nachodzi" trzeba sprawdzić jakimś devtoolsem co się dzieje podczas wyświetlania

0

pewnie tak, bo każdy przykład jaki wezmę to tak się zachowuje.

to jak to dokładnie mam sprawdzić co powoduje błąd ?

0

To jakaś duża strona? Możesz to wkleić (HTML + CSS) w jakiś CodePen albo JSFiddle i nam tu zaprezentować?

0

może być ciężko bop to w php jest więcej plików....

ale może ułatwieniem będzie, że css jest standard bootstrap bez jakiś modyfikacji większych..

więc może domyślnie jest jakiś konflikt ... ?

0

Przecież możesz przekleić wygenerowany przez PHP-a kod HTML-owy z przeglądarki. Sprawdzimy co się gryzie.

0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}
a {
	background-color: transparent;
}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}
td, th {
	padding: 0;
}
hr {
	height: 0px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input {
	line-height: normal;
}
img {
	border: 0;
}
::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.4285;
	color: #333;
	background-color: #fff;
}
body {
	padding-top: 100px;
	background: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 400;
	color: #64686d;
	line-height: 26px;
}
body {
	margin: 0;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}
a {
	color: #337ab7;
	text-decoration: none;
}
a {
	color: #45aed6;
	-webkit-transition: color 400ms, background-color 400ms;
	-moz-transition: color 400ms, background-color 400ms;
	-o-transition: color 400ms, background-color 400ms;
	transition: color 400ms, background-color 400ms;
}
a {
	background-color: transparent;
}
ol, ul {
	margin-top: 0px;
	margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
.h4, .h5, .h6, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.h5, h5 {
	font-size: 14px;
}
.h4, h4 {
	font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-family: "Roboto",sans-serif;
	color: #272727;
}
table {
	background-color: transparent;
}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}
th {
	text-align: left;
}
td, th {
	padding: 0;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
}
hr {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff;
}
hr {
	height: 0px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input {
	line-height: normal;
}
p {
	margin: 0 0 10px;
}
.modal-title {
	margin: 0;
	line-height: 1.4285;
}
.druzyna-member h4, h5, h6 {
	color: #ffffff;
	font-size: tab-pane;
}
img {
	border: 0;
}
::before, ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.4285;
	color: #333;
	background-color: #fff;
}
.modal-open {
	overflow: hidden;
}
.modal-open {
	overflow: hidden;
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#cta2 {
	background: #242a33 url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%;
	background-size: cover;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 60px;
}
#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	background: #2e2e2e;
}
.xdsoft_datetimepicker {
	box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection {
	background: transparent;
}
input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px;
}
.xdsoft_datetimepicker button {
	border: none !important;
}
.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC");
}
.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0px;
}
.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scroller_box {
	position: relative;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	cursor: pointer;
}
.xdsoft_scrollbar > .xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0px;
	height: 25px;
	line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
	border-top-width: 0px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
	position: relative;
	text-align: center;
}
.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
	display: block;
	border: 1px solid #dddddd !important;
	margin-top: 5px;
	width: 100%;
	color: #454551;
	font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans","Book Antiqua",sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
}
.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}
.xdsoft_datetimepicker .xdsoft_year {
	width: 48px;
	margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0px;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
	right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
	right: -7px;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
/* @media all and (min-width:768px) */
.container {
	width: 750px;
}
/* @media all and (min-width:992px) */
.container {
	width: 970px;
}
/* @media all and (min-width:1200px) */
.container {
	width: 1170px;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
/* @media all and (min-width:768px) */
.container {
	width: 750px;
}
/* @media all and (min-width:992px) */
.container {
	width: 970px;
}
/* @media all and (min-width:1200px) */
.container {
	width: 1170px;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.modal-header {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.navbar-nav {
	margin: 7.5px -15px;
}
/* @media all and (min-width:768px) */
.navbar-nav {
	float: left;
	margin: 0;
}
/* @media all and (min-width:768px) */
.navbar-right {
	float: right !important;
	margin-right: -15px;
}
.nav {
	padding-left: 0px;
	margin-bottom: 0px;
	list-style: none;
}
.nav-tabs {
	border-bottom: 1px solid #ddd;
}
.navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
}
/* @media all and (min-width:768px) */
.navbar-header {
	float: left;
}
/* @media all and (min-width:768px) */
.navbar-collapse {
	width: auto;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-nav {
	margin: 7.5px -15px;
}
/* @media all and (min-width:768px) */
.navbar-nav {
	float: left;
	margin: 0;
}
/* @media all and (min-width:768px) */
.navbar-right {
	float: right !important;
	margin-right: -15px;
}
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
	display: table;
	content: " ";
}
.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
	clear: both;
}
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
	display: table;
	content: " ";
}
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
	clear: both;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
/* @media all and (min-width:768px) */
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	float: left;
}
/* @media all and (min-width:768px) */
.col-sm-6 {
	width: 50%;
}
/* @media all and (min-width:992px) */
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
	float: left;
}
/* @media all and (min-width:992px) */
.col-md-6 {
	width: 50%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
/* @media all and (min-width:768px) */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
/* @media all and (min-width:768px) */
.col-sm-6 {
	width: 50%;
}
a {
	color: #337ab7;
	text-decoration: none;
}
#footer a {
	color: #fff;
}
ul, ol {
	margin-top: 0px;
	margin-bottom: 10px;
}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0 -7.5px;
}
/* @media only screen and (min-width:768px) */
#footer .social-icons {
	float: right;
}
#footer ul > li {
	display: inline-block;
	margin: 0 7.5px;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa-youtube::before {
	content: "\f167";
}
.fa-facebook::before {
	content: "\f09a";
}
#meet-team {
	padding: 2%;
	color: 000000;
}
.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.modal {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal-backdrop {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1040;
	background-color: #000;
}
.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.modal {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1040;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal-backdrop {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: #000;
}
.fade.in {
	opacity: 1;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.fade.in {
	opacity: 1;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}
/* @media all and (min-width:768px) */
.modal-dialog {
	width: 600px;
	margin: 30px auto;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}
/* @media all and (min-width:768px) */
.modal-dialog {
	width: 600px;
	margin: 30px auto;
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0px, -25%);
	-ms-transform: translate(0,-25%);
	-o-transform: translate(0,-25%);
	transform: translate(0px, -25%);
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0px, 0px);
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0px, -25%);
	-ms-transform: translate(0,-25%);
	-o-transform: translate(0,-25%);
	transform: translate(0px, -25%);
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
}
/* @media all and (min-width:768px) */
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
}
/* @media all and (min-width:768px) */
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
}
.modal-body {
	position: relative;
	padding: 15px;
}
.modal-body {
	position: relative;
	padding: 15px;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4285;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}
.btn-block {
	display: block;
	width: 100%;
}
.btn-group-lg > .btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333;
	border-radius: 6px;
}
.btn {
	color: #45aed6;
	-webkit-transition: color 600ms, background-color 400ms;
	-moz-transition: color 600ms, background-color 400ms;
	-o-transition: color 600ms, background-color 400ms;
	transition: color 600ms, background-color 400ms;
	border-width: 0;
	border-bottom-width: 3px;
	border-radius: 3px;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4285;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.modal-footer .btn + .btn {
	margin-bottom: 0px;
	margin-left: 5px;
}
.modal-footer .btn + .btn {
	margin-bottom: 0px;
	margin-left: 5px;
}
.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}
.btn-block {
	display: block;
	width: 100%;
}
.btn-lg, .btn-group-lg > .btn {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}
.btn.btn-primary {
	background: #bf2fc1;
	border-color: #961b97;
}
.btn-primary.z {
	background: rgba(253, 36, 253, 0.1);
	border-color: #961b97;
}
#cta2 .btn {
	margin-top: 10px;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	filter: alpha(opacity=20);
	opacity: 0.2;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	filter: alpha(opacity=20);
	opacity: 0.2;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}
.modal-header .close {
	margin-top: -2px;
}
.modal-header .close {
	margin-top: -2px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}
h4, .h4 {
	font-size: 18px;
}
.modal-title {
	margin: 0;
	line-height: 1.4285;
}
/* @media all and (min-width:768px) */
.col-sm-2 {
	width: 16.66%;
}
/* @media all and (min-width:768px) */
.col-sm-2 {
	width: 16.66%;
}
/* @media all and (min-width:992px) */
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}
/* @media all and (min-width:992px) */
.col-md-6 {
	width: 50%;
}
.nav {
	padding-left: 0px;
	margin-bottom: 0px;
	list-style: none;
}
.nav-tabs {
	border-bottom: 1px solid #ddd;
}
.tab-content {
	border: 1px solid #eee;
	border-top: 0;
	padding: 20px 20px 10px;
	border-radius: 0 0 3px 3px;
	width: 100%;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}
.tab-content > .tab-pane {
	display: none;
	visibility: hidden;
}
.tab-content > .active {
	display: block;
	visibility: visible;
}
#meet-team .druzyna-member {
	background-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.1);
	color: 000000;
	padding: 13px;
	border: 0px solid #eeeeee;
	transition: border-color 400ms;
	-webkit-transition: border-color 400ms;
}
table {
	background-color: transparent;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
th {
	text-align: left;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 8px;
	line-height: 1.4285;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.4285;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
	border-top: 0;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.form-group {
	margin-bottom: 15px;
}
.form-group {
	margin-bottom: 15px;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.4285;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.4285;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0px;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
	display: table-cell;
}
.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0px;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
	display: table-cell;
}
.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.input-group :first-child.form-control, :first-child.input-group-addon, :first-child.input-group-btn > .btn, :first-child.input-group-btn > .btn-group > .btn, :first-child.input-group-btn > .dropdown-toggle, :last-child.input-group-btn > :not(:last-child).btn-group > .btn, :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
:first-child.input-group-addon {
	border-right: 0;
}
.input-group :first-child.form-control, :first-child.input-group-addon, :first-child.input-group-btn > .btn, :first-child.input-group-btn > .btn-group > .btn, :first-child.input-group-btn > .dropdown-toggle, :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn, :last-child.input-group-btn > :not(:last-child).btn-group > .btn {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
:first-child.input-group-addon {
	border-right: 0;
}
.input-group :last-child.form-control, :last-child.input-group-addon, :first-child.input-group-btn > :not(:first-child).btn-group > .btn, :first-child.input-group-btn > :not(:first-child).btn, :last-child.input-group-btn > .btn, :last-child.input-group-btn > .btn-group > .btn, :last-child.input-group-btn > .dropdown-toggle {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.input-group :last-child.form-control, :last-child.input-group-addon, :last-child.input-group-btn > .btn, :last-child.input-group-btn > .btn-group > .btn, :last-child.input-group-btn > .dropdown-toggle, :first-child.input-group-btn > :not(:first-child).btn, :first-child.input-group-btn > :not(:first-child).btn-group > .btn {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon-calendar::before {
	content: "\e109";
}
.glyphicon-calendar::before {
	content: "\e109";
}
.nav > li {
	position: relative;
	display: block;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
/* @media all and (min-width:768px) */
.navbar-nav > li {
	float: left;
}
.nav > li {
	position: relative;
	display: block;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.4285;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
/* @media all and (min-width:768px) */
.navbar-nav > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.4285;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
p {
	margin: 0 0 10px;
}
#meet-team .druzyna-member .zaw-img {
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: rgba(148, 148, 148, 0.2);
}
.fa-male::before {
	content: "\f183";
}
h5, .h5 {
	font-size: 14px;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0px, 0px);
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
/* @media all and (min-width:768px) */
.navbar {
	border-radius: 4px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
	position: fixed;
	right: 0px;
	left: 0px;
	z-index: 1030;
}
/* @media all and (min-width:768px) */
.navbar-fixed-bottom, .navbar-fixed-top {
	border-radius: 0;
}
.navbar-fixed-top {
	top: 0px;
	border-width: 0 0 1px;
}
.navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
/* @media all and (min-width:768px) */
.navbar {
	border-radius: 4px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
	right: 0px;
	left: 0px;
	z-index: 1030;
}
/* @media all and (min-width:768px) */
.navbar-fixed-top, .navbar-fixed-bottom {
	border-radius: 0;
}
.navbar-fixed-top {
	top: 0px;
	border-width: 0 0 1px;
}
.navbar.navbar-default {
	border: 0;
	border-radius: 0;
	margin-bottom: 0px;
}
/* @media only screen and (min-width:768px) */
.navbar-default#main-menu {
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}
/* @media all and (min-width:768px) */
.navbar-header {
	float: left;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 340px;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin-right: -15px;
	margin-left: -15px;
}
/* @media all and (min-width:768px) */
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin-right: 0px;
	margin-left: 0px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 340px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}
/* @media all and (min-width:768px) */
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-right: 0px;
	margin-left: 0px;
}
.collapse {
	display: none;
}
.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1);
}
/* @media all and (min-width:768px) */
.navbar-collapse {
	width: auto;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.collapse {
	display: none;
	visibility: hidden;
}
.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1);
}
/* @media all and (min-width:768px) */
.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0px;
	overflow: visible !important;
}
/* @media all and (min-width:768px) */
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #e7e7e7;
}
/* @media all and (min-width:768px) */
.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0px;
	overflow: visible !important;
	visibility: visible !important;
}
/* @media all and (min-width:768px) */
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #e7e7e7;
}
/* @media all and (min-width:768px) */
.navbar-nav > li {
	float: left;
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
/* @media all and (min-width:768px) */
.navbar-nav > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar-default .navbar-nav > li > a {
	color: #777;
}
.navbar-default .navbar-nav > li > a {
	color: #777;
}
/* @media only screen and (min-width:768px) */
.navbar-default#main-menu .navbar-nav > li > a {
	padding-top: 40px;
	padding-bottom: 40px;
}
.glyphicon-log-out::before {
	content: "\e163";
}
.glyphicon-log-out::before {
	content: "\e163";
}
.glyphicon-user::before {
	content: "\e008";
}
.glyphicon-user::before {
	content: "\e008";
}
.fa-plus-circle::before {
	content: "\f055";
}
.fa-child::before {
	content: "\f1ae";
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
/* @media all and (min-width:768px) */
.navbar-toggle {
	display: none;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
/* @media all and (min-width:768px) */
.navbar-toggle {
	display: none;
}
.navbar-default .navbar-toggle {
	border-color: #ddd;
}
.navbar-default .navbar-toggle {
	border-color: #ddd;
}
.navbar.navbar-default .navbar-toggle {
	margin-top: 32px;
}
.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
}
.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
}
.navbar-default .navbar-brand {
	color: #777;
}
.navbar-default .navbar-brand {
	color: #777;
}
/* @media all and (min-width:768px) */
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: -15px;
}
.navbar.navbar-default .navbar-brand {
	height: auto;
	padding: 22px 15px 21px;
}
/* @media all and (min-width:768px) */
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: -15px;
}
img {
	vertical-align: middle;
}
img {
	vertical-align: middle;
}
.navbar-brand > img {
	display: block;
}
.navbar-brand > img {
	display: block;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	border: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	border: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888;
}
</style>
</head>
<body class="modal-open" style="padding-right: 12px;">



  <header id="header">
        <nav class="navbar navbar-default navbar-fixed-top" id="main-menu" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Profil Trenera na BallMe.pl</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="../index.html"><img alt="logo" src="images/logo.png"></a>
                </div>
				
                <div class="navbar-collapse collapse" id="navbar">

		<ul class="nav navbar-nav">
            
			<li><a href="home.php"><span class="fa fa-male "></span> Dane Trenera</a></li> <!--/.class="active" -->
           
		   <li>
            <a href="dziecko.php"><span class="fa fa-child"></span> Dane Drużyny</a></li>
            
			<li><a href="dodajdruzyne.php"><span class="fa fa-plus-circle  "></span> Dodaj Drużynę</a></li>
          </ul>
          
		  
		  <ul class="nav navbar-nav navbar-right">
            <li><a href="index.php"><span class="glyphicon glyphicon-user"></span>  mat</a></li>
            <li><a href="logout.php?logout"><span class="glyphicon glyphicon-log-out"></span>  Wyloguj</a></li>
          </ul>
        </div>
            </div><!--/.container-->
        </nav><!--/nav-->
    </header><!--/header-->



 <section id="cta2">

<section id="meet-team">
   


	
	
			<div class="container">  
			

			
			
			
			
			
			
			
				

      
<div id="laduj">
<div class="row">
    
 
  
<div class="col-sm-2 col-md-6">


			

                        <div class="team-info">
						
						<div class="team-img">
                            <h4>Nazwa: nii</h4>
                        </div>
						
						
                            
                     <p>Rocznik: 20,,					 
                         
						 
                    </p></div>
			
			






			<!-- Zakładki -->
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a role="tab" aria-expanded="true" href="#1zakladka" data-toggle="tab">Lista Zawodników</a></li>
  <li><a role="tab" aria-expanded="false" href="#2zakladka" data-toggle="tab">Treningi </a></li>
  <li><a role="tab" href="#3zakladka" data-toggle="tab">Testy </a></li>
  <li><a href="dziecko.php">Wszystkie Drużyny</a></li>
  
</ul>

<!-- Zawartość zakładek -->
<div class="tab-content">


  <div class="tab-pane active" id="1zakladka">
  
  
  
  
  
  <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
                        
                       
					<form action="dodajzawodnika.php" method="get" autocomplete="off">
					
					 <p><input name="iddruzzzyna" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="1">
						 
						
						
						

						
						
						
						
						
						
						
						
						
						</p><div class="form-group">
					
<p>
  <button name="btn-pokazdruzyne" class="btn btn-block btn-primary" type="submit">Dodaj zawodnika do drużyny</button>
</p>
</div> 
	</form>			


<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Open modal!
</button>

<div tabindex="-1" class="modal fade in" id="myModal" role="dialog" aria-hidden="false" aria-labelledby="myModalLabel" style="padding-right: 12px; display: block;"><div class="modal-backdrop fade in" style="height: 370px;"></div>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button class="close" aria-hidden="true" type="button" data-dismiss="modal">×</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button class="btn btn-default" type="button" data-dismiss="modal">Close</button>
        <button class="btn btn-primary" type="button">Save changes</button>
      </div>
    </div>
  </div>
</div>
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

	
				         
				
				
                        <form action="kartazawodnika.php" method="get" autocomplete="off">
                        <div class="team-info">
						
						<div class="zaw-img">
                           <p> </p><h5> 1. alex moskalaid: 1 <p></p>
                        </h5></div>
						
					telefon: 12 ulica: a nr domu: 1 kod pocztowy: 11-111 miasto: a imie matki: 12 	
						
						<div class="form-zawodnik">
					  <p><input name="idteam" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="
Notice: Undefined variable: tenidteam in /home/softpro/domains/pozorna.pl/public_html/druzyna.php on line 589
">
						 </p><p><input name="idzawodnik" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="1">
<button name="btn-kartazawodnika" class="btn btn-block btn-primary z" type="submit"><span class="fa fa-male "></span> karta zawodnika</button>
</p></div>
                    </div>
					<p><br>
					</p></form>
					
			
					
					

         
				
				
                        <form action="kartazawodnika.php" method="get" autocomplete="off">
                        <div class="team-info">
						
						<div class="zaw-img">
                           <p> </p><h5> 2. mateusz prusid: 2 <p></p>
                        </h5></div>
						
					telefon: 12 ulica: a nr domu: 1 kod pocztowy: 22-222 miasto: as imie matki: a 	
						
						<div class="form-zawodnik">
					  <p><input name="idteam" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="
Notice: Undefined variable: tenidteam in /home/softpro/domains/pozorna.pl/public_html/druzyna.php on line 589
">
						 </p><p><input name="idzawodnik" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="2">
<button name="btn-kartazawodnika" class="btn btn-block btn-primary z" type="submit"><span class="fa fa-male "></span> karta zawodnika</button>
</p></div>
                    </div>
					<p><br>
					</p></form>
					
			
					
					

					
					
					
					
					
					
					
					
					
					
					
				
				
					
					
</div>
                
				
	
  
  
  
  </div>
  
  
   <!--Zawartość drugiej zakładki-->
  
  <div class="tab-pane" id="2zakladka">
  
  
  
 
  
  <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
                        
                       
					<form action="dodajtrening.php" method="get" autocomplete="off">
						<div class="form-group">
					
					 <p><input name="iddruzzzyna" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="1">
</p><p>
  <button name="btn-dodajtrening" class="btn btn-block btn-primary" type="submit">Dodaj trening</button>
</p>
</div> 
	</form>				
				
				
				
				
		<table class="table ">
  <thead>
    <tr>
      <th>#</th>
      <th>Imię</th>
      <th>Nazwisko</th>
	  <th>Obecność</th>
    </tr>
  </thead>
  <tbody>







         
				
				
                       
				 <tr>
      <td> 1</td>
      <td> alex</td>
      <td> moskala	  </td>
	  
	   <input name="idzaw" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="
Notice: Undefined variable: dzieckoRowZ2 in /home/softpro/domains/pozorna.pl/public_html/druzyna.php on line 712
">
						 
	  <td> 
	  
	  <select name="obecnosc" class="form-control" maxlength="20">
    <option value="1">Obecny</option>
    <option value="2">Nieobecny</option>
	
  </select>
	  
	  
	  </td>
	  
	  
	  
	  
	  
	  
	  
	  
	  
    </tr>
						
						
					
				
				
					
			

					

         
				
				
                       
				 <tr>
      <td> 2</td>
      <td> mateusz</td>
      <td> prus	  </td>
	  
	   <input name="idzaw" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="
Notice: Undefined variable: dzieckoRowZ2 in /home/softpro/domains/pozorna.pl/public_html/druzyna.php on line 712
">
						 
	  <td> 
	  
	  <select name="obecnosc" class="form-control" maxlength="20">
    <option value="1">Obecny</option>
    <option value="2">Nieobecny</option>
	
  </select>
	  
	  
	  </td>
	  
	  
	  
	  
	  
	  
	  
	  
	  
    </tr>
						
						
					
				
				
					
			

					



					</tbody>
</table>
					
					
					
  

  
  
  
  
  
  
	</div>			
				
					
					
</div>
                
	 <!--koniec Zawartość drugiej zakładki-->			
				
				

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class="tab-pane" id="3zakladka">
  
  
  <!--Zawartość 3 zakładki-->
  
  
              
					<form action="dodajfms.php" method="get" autocomplete="off">
					
					 <p><input name="iddruzzzyna" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="1">
						 
						
						
						

						
						
						
						
						
						
						
						
						
						</p><div class="form-group">
					
<p>
  <button name="btn-fms" class="btn btn-block btn-primary" type="submit">Uzupełnij  test  </button>
</p>
</div> 
	</form>			
  
  
  
  
  
  
  
  
  </div>
 
</div>
                  
                    
</div>




	<!-- drugi kwadrat historia treningów-->

<div class="container">
<div id="laduj">

<div class="col-sm-2 col-md-6">


			

			






			<!-- Zakładki -->
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a role="tab" href="#1bzakladka" data-toggle="tab">Historia treningów</a></li>
  <li><a role="tab" href="#2bzakladka" data-toggle="tab">Obecność </a></li>
 
  
</ul>

<!-- Zawartość zakładek -->
<div class="tab-content">
  <div class="tab-pane active" id="1bzakladka">
  
  
  
  
  
  
  
  <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
                        
                       
						
				
				
				
				
				
				
				
				
				
				<form method="post" autocomplete="off">

<div class="form-group">
Wybierz terminy treningu  
</div>
<div class="form-group">
<hr>




</div>




  
  
  <div class="form-group">


<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input name="data1" class="form-control" id="datetimepicker2" required="" type="text" maxlength="10" placeholder="Treningi od">
</div>
    </div>   
	
	
	<div class="form-group">



<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input name="data2" class="form-control" id="datetimepicker1" required="" type="text" maxlength="10" placeholder="Treningi do">
</div>
    </div>   
  
  
		
		
		
		
	



<div class="form-group">
<hr>
</div>
<div class="form-group">
<button name="btn-tr" class="btn btn-block btn-primary" type="submit">Wybierz</button>
</div>
<div class="form-group">

</div>


</form></div>

				
		


		
		
		
		
		
		
		
		
		
		
		
		
		
  <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
		
<div>
				
				
				
									
					
					
					
					
					
					
					
					
					
					
				
				
					
					
</div>
                
				
				
				

  
  
  
  
  
  
  
  
  
  
  </div>
  
  
  </div>
  
  <div class="tab-pane" id="2bzakladka">
  
  
  
  <!--Zawartość drugiej zakładki-->
  
  
  
  
    <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">

  
  <form method="post" autocomplete="off">

<div class="form-group">
Wybierz zakres obecności
</div>
<div class="form-group">
<hr>




</div>




  
  
  <div class="form-group">


<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input name="datao1" class="form-control" id="datetimepicker3" required="" type="text" maxlength="10" placeholder="Obecność od">
</div>
    </div>   
	
	
	<div class="form-group">



<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input name="datao2" class="form-control" id="datetimepicker4" required="" type="text" maxlength="10" placeholder="Obecność do">
</div>
    </div>   
  
  
		
		
		
		
	



<div class="form-group">
<hr>
</div>
<div class="form-group">
<button name="btn-ob" class="btn btn-block btn-primary" type="submit">Wybierz</button>
</div>



</form>
  
  
  
  
  
  


  
  
  
 
	
	 <table class="table ">
  <thead>
    <tr>
      <th>#</th>
      <th>Imię</th>
      <th>Nazwisko</th>
	  
   
  
 
				
				
				
				
									
					
</tr></thead></table>
					

  
  
  
  
  
  
  
  
  
  
  </div>
  
  
  </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  </div>
 

  </div></div></div>    
	
	
	
	
	</div>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	</div>
	
	
	
	
	</div>
	
	
	
	
	
            
                    







	
	
	
	<div tabindex="-1" class="modal fade" id="myModal" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button class="close" aria-hidden="true" type="button" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        One fine body…
      </div>
      <div class="modal-footer">
        <button class="btn btn-default" type="button" data-dismiss="modal">Close</button>
        <button class="btn btn-primary" type="button">Save changes</button>
      </div>
    </div> <!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

	
	
	
	
	
	
	</section>
	</section>
	
	
	
	
	
	
	
	
	
	

	
    

	 <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script src="js/main.js"></script>

<script src="build/jquery.datetimepicker.full.js"></script>

<script>/*
window.onerror = function(errorMsg) {
	$('#console').html($('#console').html()+'<br>'+errorMsg)
}*/

$.datetimepicker.setLocale('pl');

$('#datetimepicker_format').datetimepicker({value:'2015/04/15 05:03', format: $("#datetimepicker_format_value").val()});
console.log($('#datetimepicker_format').datetimepicker('getValue'));

$("#datetimepicker_format_change").on("click", function(e){
	$("#datetimepicker_format").data('xdsoft_datetimepicker').setOptions({format: $("#datetimepicker_format_value").val()});
});
$("#datetimepicker_format_locale").on("change", function(e){
	$.datetimepicker.setLocale($(e.currentTarget).val());
});


$('#datetimepicker').datetimepicker({value:'2015/04/15 05:03',step:10});

$('.some_class').datetimepicker();





$('#datetimepicker2').datetimepicker({
	yearOffset:0,
	lang:'pl',
	timepicker:false,
	format:'Y/m/d',
	formatDate:'Y/m/d',
	minDate:'+1960/01/02', // yesterday is minimum date
	maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});

$('#datetimepicker1').datetimepicker({
	yearOffset:0,
	lang:'pl',
	timepicker:false,
	format:'Y/m/d',
	formatDate:'Y/m/d',
	minDate:'+1960/01/02', // yesterday is minimum date
	maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});


$('#datetimepicker3').datetimepicker({
	yearOffset:0,
	lang:'pl',
	timepicker:false,
	format:'Y/m/d',
	formatDate:'Y/m/d',
	minDate:'+1960/01/02', // yesterday is minimum date
	maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});

$('#datetimepicker4').datetimepicker({
	yearOffset:0,
	lang:'pl',
	timepicker:false,
	format:'Y/m/d',
	formatDate:'Y/m/d',
	minDate:'+1960/01/02', // yesterday is minimum date
	maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});














</script><div class="xdsoft_datetimepicker xdsoft_noselect xdsoft_"><div class="xdsoft_datepicker active"><div class="xdsoft_monthpicker"><button class="xdsoft_prev" style="visibility: visible;" type="button"></button><button class="xdsoft_today_button" style="visibility: visible;" type="button"></button><div class="xdsoft_label xdsoft_month"><span></span><div class="xdsoft_select xdsoft_monthselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><div class="xdsoft_select xdsoft_yearselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><button class="xdsoft_next" style="visibility: visible;" type="button"></button></div><div class="xdsoft_calendar"></div><button class="xdsoft_save_selected blue-gradient-button" style="display: none;" type="button">Save Selected</button></div><div class="xdsoft_timepicker"><button class="xdsoft_prev" type="button"></button><div class="xdsoft_time_box xdsoft_scroller_box"><div class="xdsoft_time_variant" style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><button class="xdsoft_next" type="button"></button></div></div><div class="xdsoft_datetimepicker xdsoft_noselect xdsoft_"><div class="xdsoft_datepicker active"><div class="xdsoft_monthpicker"><button class="xdsoft_prev" style="visibility: visible;" type="button"></button><button class="xdsoft_today_button" style="visibility: visible;" type="button"></button><div class="xdsoft_label xdsoft_month"><span></span><div class="xdsoft_select xdsoft_monthselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><div class="xdsoft_select xdsoft_yearselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><button class="xdsoft_next" style="visibility: visible;" type="button"></button></div><div class="xdsoft_calendar"></div><button class="xdsoft_save_selected blue-gradient-button" style="display: none;" type="button">Save Selected</button></div><div class="xdsoft_timepicker"><button class="xdsoft_prev" type="button"></button><div class="xdsoft_time_box xdsoft_scroller_box"><div class="xdsoft_time_variant" style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><button class="xdsoft_next" type="button"></button></div></div><div class="xdsoft_datetimepicker xdsoft_noselect xdsoft_"><div class="xdsoft_datepicker active"><div class="xdsoft_monthpicker"><button class="xdsoft_prev" style="visibility: visible;" type="button"></button><button class="xdsoft_today_button" style="visibility: visible;" type="button"></button><div class="xdsoft_label xdsoft_month"><span></span><div class="xdsoft_select xdsoft_monthselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><div class="xdsoft_select xdsoft_yearselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><button class="xdsoft_next" style="visibility: visible;" type="button"></button></div><div class="xdsoft_calendar"></div><button class="xdsoft_save_selected blue-gradient-button" style="display: none;" type="button">Save Selected</button></div><div class="xdsoft_timepicker"><button class="xdsoft_prev" type="button"></button><div class="xdsoft_time_box xdsoft_scroller_box"><div class="xdsoft_time_variant" style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><button class="xdsoft_next" type="button"></button></div></div><div class="xdsoft_datetimepicker xdsoft_noselect xdsoft_"><div class="xdsoft_datepicker active"><div class="xdsoft_monthpicker"><button class="xdsoft_prev" style="visibility: visible;" type="button"></button><button class="xdsoft_today_button" style="visibility: visible;" type="button"></button><div class="xdsoft_label xdsoft_month"><span></span><div class="xdsoft_select xdsoft_monthselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><div class="xdsoft_select xdsoft_yearselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><button class="xdsoft_next" style="visibility: visible;" type="button"></button></div><div class="xdsoft_calendar"></div><button class="xdsoft_save_selected blue-gradient-button" style="display: none;" type="button">Save Selected</button></div><div class="xdsoft_timepicker"><button class="xdsoft_prev" type="button"></button><div class="xdsoft_time_box xdsoft_scroller_box"><div class="xdsoft_time_variant" style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><button class="xdsoft_next" type="button"></button></div></div>


</body>
</html>

0

Zakręcony Krawiec napisał(a):

Przecież możesz przekleić wygenerowany przez PHP-a kod HTML-owy z przeglądarki. Sprawdzimy co się gryzie.

To był chyba jednak błąd :D ale postaramy się coś wykombinować...

0

Wywal te cssy stąd, pociągnij źródła dla tych komponentów (css-y,js-y), dodaj jako zależności w odpowiedniej kolejności. Jak potrzebujesz dodać coś do styli bootsrapowych, utwórz osobny plik i tam nadpisuj.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
    <link rel="stylesheet" type="text/css" href="boostrap.css" />   
<style>
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
a {
    background-color: transparent;
}
table {
    border-spacing: 0px;
    border-collapse: collapse;
}
td, th {
    padding: 0;
}
hr {
    height: 0px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input {
    line-height: normal;
}
img {
    border: 0;
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.4285;
    color: #333;
    background-color: #fff;
}
body {
    padding-top: 100px;
    background: #fff;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    color: #64686d;
    line-height: 26px;
}
body {
    margin: 0;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a {
    color: #45aed6;
    -webkit-transition: color 400ms, background-color 400ms;
    -moz-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
}
a {
    background-color: transparent;
}
ol, ul {
    margin-top: 0px;
    margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h5, h5 {
    font-size: 14px;
}
.h4, h4 {
    font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: "Roboto",sans-serif;
    color: #272727;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0px;
    border-collapse: collapse;
}
th {
    text-align: left;
}
td, th {
    padding: 0;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}
hr {
    height: 0px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input {
    line-height: normal;
}
p {
    margin: 0 0 10px;
}
.modal-title {
    margin: 0;
    line-height: 1.4285;
}
.druzyna-member h4, h5, h6 {
    color: #ffffff;
    font-size: tab-pane;
}
img {
    border: 0;
}
::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.4285;
    color: #333;
    background-color: #fff;
}
.modal-open {
    overflow: hidden;
}
.modal-open {
    overflow: hidden;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#cta2 {
    background: #242a33 url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    color: #fff;
    padding-top: 0px;
    padding-bottom: 60px;
}
#footer {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    background: #2e2e2e;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333;
    border-radius: 6px;
}
.btn {
    color: #45aed6;
    -webkit-transition: color 600ms, background-color 400ms;
    -moz-transition: color 600ms, background-color 400ms;
    -o-transition: color 600ms, background-color 400ms;
    transition: color 600ms, background-color 400ms;
    border-width: 0;
    border-bottom-width: 3px;
    border-radius: 3px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.modal-footer .btn + .btn {
    margin-bottom: 0px;
    margin-left: 5px;
}
.modal-footer .btn + .btn {
    margin-bottom: 0px;
    margin-left: 5px;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.btn.btn-primary {
    background: #bf2fc1;
    border-color: #961b97;
}
.btn-primary.z {
    background: rgba(253, 36, 253, 0.1);
    border-color: #961b97;
}
#cta2 .btn {
    margin-top: 10px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0px 1px 0px #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0px 1px 0px #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-header .close {
    margin-top: -2px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h4, .h4 {
    font-size: 18px;
}
.modal-title {
    margin: 0;
    line-height: 1.4285;
}
/* @media all and (min-width:768px) */
.col-sm-2 {
    width: 16.66%;
}
/* @media all and (min-width:768px) */
.col-sm-2 {
    width: 16.66%;
}
/* @media all and (min-width:992px) */
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
/* @media all and (min-width:992px) */
.col-md-6 {
    width: 50%;
}
.nav {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: none;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.tab-content {
    border: 1px solid #eee;
    border-top: 0;
    padding: 20px 20px 10px;
    border-radius: 0 0 3px 3px;
    width: 100%;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
}
.tab-content > .active {
    display: block;
    visibility: visible;
}
#meet-team .druzyna-member {
    background-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
    color: 000000;
    padding: 13px;
    border: 0px solid #eeeeee;
    transition: border-color 400ms;
    -webkit-transition: border-color 400ms;
}
table {
    background-color: transparent;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
th {
    text-align: left;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.4285;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.4285;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.form-group {
    margin-bottom: 15px;
}
.form-group {
    margin-bottom: 15px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4285;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4285;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group :first-child.form-control, :first-child.input-group-addon, :first-child.input-group-btn > .btn, :first-child.input-group-btn > .btn-group > .btn, :first-child.input-group-btn > .dropdown-toggle, :last-child.input-group-btn > :not(:last-child).btn-group > .btn, :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
:first-child.input-group-addon {
    border-right: 0;
}
.input-group :first-child.form-control, :first-child.input-group-addon, :first-child.input-group-btn > .btn, :first-child.input-group-btn > .btn-group > .btn, :first-child.input-group-btn > .dropdown-toggle, :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn, :last-child.input-group-btn > :not(:last-child).btn-group > .btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
:first-child.input-group-addon {
    border-right: 0;
}
.input-group :last-child.form-control, :last-child.input-group-addon, :first-child.input-group-btn > :not(:first-child).btn-group > .btn, :first-child.input-group-btn > :not(:first-child).btn, :last-child.input-group-btn > .btn, :last-child.input-group-btn > .btn-group > .btn, :last-child.input-group-btn > .dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.input-group :last-child.form-control, :last-child.input-group-addon, :last-child.input-group-btn > .btn, :last-child.input-group-btn > .btn-group > .btn, :last-child.input-group-btn > .dropdown-toggle, :first-child.input-group-btn > :not(:first-child).btn, :first-child.input-group-btn > :not(:first-child).btn-group > .btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-calendar::before {
    content: "\e109";
}
.glyphicon-calendar::before {
    content: "\e109";
}
.nav > li {
    position: relative;
    display: block;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
/* @media all and (min-width:768px) */
.navbar-nav > li {
    float: left;
}
.nav > li {
    position: relative;
    display: block;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.4285;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
/* @media all and (min-width:768px) */
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.4285;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
p {
    margin: 0 0 10px;
}
#meet-team .druzyna-member .zaw-img {
    padding: 10px;
    margin: 0px 0px 0px 0px;
    background-color: rgba(148, 148, 148, 0.2);
}
.fa-male::before {
    content: "\f183";
}
h5, .h5 {
    font-size: 14px;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0px, 0px);
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
/* @media all and (min-width:768px) */
.navbar {
    border-radius: 4px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030;
}
/* @media all and (min-width:768px) */
.navbar-fixed-bottom, .navbar-fixed-top {
    border-radius: 0;
}
.navbar-fixed-top {
    top: 0px;
    border-width: 0 0 1px;
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
/* @media all and (min-width:768px) */
.navbar {
    border-radius: 4px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030;
}
/* @media all and (min-width:768px) */
.navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
}
.navbar-fixed-top {
    top: 0px;
    border-width: 0 0 1px;
}
.navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0px;
}
/* @media only screen and (min-width:768px) */
.navbar-default#main-menu {
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}
/* @media all and (min-width:768px) */
.navbar-header {
    float: left;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}
/* @media all and (min-width:768px) */
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
/* @media all and (min-width:768px) */
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}
.collapse {
    display: none;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1);
}
/* @media all and (min-width:768px) */
.navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.collapse {
    display: none;
    visibility: hidden;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1);
}
/* @media all and (min-width:768px) */
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0px;
    overflow: visible !important;
}
/* @media all and (min-width:768px) */
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}
/* @media all and (min-width:768px) */
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0px;
    overflow: visible !important;
    visibility: visible !important;
}
/* @media all and (min-width:768px) */
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}
/* @media all and (min-width:768px) */
.navbar-nav > li {
    float: left;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
/* @media all and (min-width:768px) */
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
}
/* @media only screen and (min-width:768px) */
.navbar-default#main-menu .navbar-nav > li > a {
    padding-top: 40px;
    padding-bottom: 40px;
}
.glyphicon-log-out::before {
    content: "\e163";
}
.glyphicon-log-out::before {
    content: "\e163";
}
.glyphicon-user::before {
    content: "\e008";
}
.glyphicon-user::before {
    content: "\e008";
}
.fa-plus-circle::before {
    content: "\f055";
}
.fa-child::before {
    content: "\f1ae";
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* @media all and (min-width:768px) */
.navbar-toggle {
    display: none;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* @media all and (min-width:768px) */
.navbar-toggle {
    display: none;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar.navbar-default .navbar-toggle {
    margin-top: 32px;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand {
    color: #777;
}
/* @media all and (min-width:768px) */
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
}
.navbar.navbar-default .navbar-brand {
    height: auto;
    padding: 22px 15px 21px;
}
/* @media all and (min-width:768px) */
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
}
img {
    vertical-align: middle;
}
img {
    vertical-align: middle;
}
.navbar-brand > img {
    display: block;
}
.navbar-brand > img {
    display: block;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
</style>
</head>
<body class="modal-open" style="padding-right: 12px;">
 
  <header id="header">
        <nav class="navbar navbar-default navbar-fixed-top" id="main-menu" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Profil Trenera na BallMe.pl</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="../index.html"><img alt="logo" src="images/logo.png"></a>
                </div>
 
                <div class="navbar-collapse collapse" id="navbar">
 
        <ul class="nav navbar-nav">
 
            <li><a href="home.php"><span class="fa fa-male "></span> Dane Trenera</a></li> <!--/.class="active" -->
 
           <li>
            <a href="dziecko.php"><span class="fa fa-child"></span> Dane Drużyny</a></li>
 
            <li><a href="dodajdruzyne.php"><span class="fa fa-plus-circle  "></span> Dodaj Drużynę</a></li>
          </ul>
 
          <ul class="nav navbar-nav navbar-right">
            <li><a href="index.php"><span class="glyphicon glyphicon-user"></span>  mat</a></li>
            <li><a href="logout.php?logout"><span class="glyphicon glyphicon-log-out"></span>  Wyloguj</a></li>
          </ul>
        </div>
            </div><!--/.container-->
        </nav><!--/nav-->
    </header><!--/header-->
 
 <section id="cta2">
 
<section id="meet-team">
 
            <div class="container">  
 
<div id="laduj">
<div class="row">
 
<div class="col-sm-2 col-md-6">
 
                        <div class="team-info">
 
                        <div class="team-img">
                            <h4>Nazwa: nii</h4>
                        </div>
 
                     <p>Rocznik: 20,,                    
 
                    </p></div>
 
            <!-- Zakładki -->
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a role="tab" aria-expanded="true" href="#1zakladka" data-toggle="tab">Lista Zawodników</a></li>
  <li><a role="tab" aria-expanded="false" href="#2zakladka" data-toggle="tab">Treningi </a></li>
  <li><a role="tab" href="#3zakladka" data-toggle="tab">Testy </a></li>
  <li><a href="dziecko.php">Wszystkie Drużyny</a></li>
 
</ul>
 
<!-- Zawartość zakładek -->
<div class="tab-content">
 
  <div class="tab-pane active" id="1zakladka">
 
  <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
 
                    <form action="dodajzawodnika.php" method="get" autocomplete="off">
 
                     <p><input name="iddruzzzyna" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="1">
 
                        </p><div class="form-group">
 
<p>
  <button name="btn-pokazdruzyne" class="btn btn-block btn-primary" type="submit">Dodaj zawodnika do drużyny</button>
</p>
</div> 
    </form>         
 
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Open modal!
</button>
 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&amp;times;</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div> <!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  TEST1!
</button>
 
                        <form action="kartazawodnika.php" method="get" autocomplete="off">
                        <div class="team-info">
 
                        <div class="zaw-img">
                           <p> </p><h5> 1. alex moskalaid: 1 <p></p>
                        </h5></div>
 
                    telefon: 12 ulica: a nr domu: 1 kod pocztowy: 11-111 miasto: a imie matki: 12   
 
                        <div class="form-zawodnik">
                      <p><input name="idteam" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="
Notice: Undefined variable: tenidteam in /home/softpro/domains/pozorna.pl/public_html/druzyna.php on line 589
">
                         </p><p><input name="idzawodnik" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="1">
<button name="btn-kartazawodnika" class="btn btn-block btn-primary z" type="submit"><span class="fa fa-male "></span> karta zawodnika</button>
</p></div>
                    </div>
                    <p><br>
                    </p></form>
 
                        <form action="kartazawodnika.php" method="get" autocomplete="off">
                        <div class="team-info">
 
                        <div class="zaw-img">
                           <p> </p><h5> 2. mateusz prusid: 2 <p></p>
                        </h5></div>
 
                    telefon: 12 ulica: a nr domu: 1 kod pocztowy: 22-222 miasto: as imie matki: a   
 
                        <div class="form-zawodnik">
                      <p><input name="idteam" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="
Notice: Undefined variable: tenidteam in /home/softpro/domains/pozorna.pl/public_html/druzyna.php on line 589
">
                         </p><p><input name="idzawodnik" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="2">
<button name="btn-kartazawodnika" class="btn btn-block btn-primary z" type="submit"><span class="fa fa-male "></span> karta zawodnika</button>
</p></div>
                    </div>
                    <p><br>
                    </p></form>
 
</div>
 
  </div>
 
   <!--Zawartość drugiej zakładki-->
 
  <div class="tab-pane" id="2zakladka">
 
  <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
 
                    <form action="dodajtrening.php" method="get" autocomplete="off">
                        <div class="form-group">
 
                     <p><input name="iddruzzzyna" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="1">
</p><p>
  <button name="btn-dodajtrening" class="btn btn-block btn-primary" type="submit">Dodaj trening</button>
</p>
</div> 
    </form>             
 
        <table class="table ">
  <thead>
    <tr>
      <th>#</th>
      <th>Imię</th>
      <th>Nazwisko</th>
      <th>Obecność</th>
    </tr>
  </thead>
  <tbody>
 
                 <tr>
      <td> 1</td>
      <td> alex</td>
      <td> moskala    </td>
 
       <input name="idzaw" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="
Notice: Undefined variable: dzieckoRowZ2 in /home/softpro/domains/pozorna.pl/public_html/druzyna.php on line 712
">
 
      <td> 
 
      <select name="obecnosc" class="form-control" maxlength="20">
    <option value="1">Obecny</option>
    <option value="2">Nieobecny</option>
 
  </select>
 
      </td>
 
    </tr>
 
                 <tr>
      <td> 2</td>
      <td> mateusz</td>
      <td> prus   </td>
 
       <input name="idzaw" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="
Notice: Undefined variable: dzieckoRowZ2 in /home/softpro/domains/pozorna.pl/public_html/druzyna.php on line 712
">
 
      <td> 
 
      <select name="obecnosc" class="form-control" maxlength="20">
    <option value="1">Obecny</option>
    <option value="2">Nieobecny</option>
 
  </select>
 
      </td>
 
    </tr>
 
                    </tbody>
</table>
 
    </div>          
 
</div>
 
     <!--koniec Zawartość drugiej zakładki-->           
 
  <div class="tab-pane" id="3zakladka">
 
  <!--Zawartość 3 zakładki-->
 
                    <form action="dodajfms.php" method="get" autocomplete="off">
 
                     <p><input name="iddruzzzyna" class="form-control" required="" type="hidden" maxlength="30" placeholder="Imię" value="1">
 
                        </p><div class="form-group">
 
<p>
  <button name="btn-fms" class="btn btn-block btn-primary" type="submit">Uzupełnij  test  </button>
</p>
</div> 
    </form>         
 
  </div>
 
</div>
 
</div>
 
    <!-- drugi kwadrat historia treningów-->
 
<div class="container">
<div id="laduj">
 
<div class="col-sm-2 col-md-6">
 
            <!-- Zakładki -->
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a role="tab" href="#1bzakladka" data-toggle="tab">Historia treningów</a></li>
  <li><a role="tab" href="#2bzakladka" data-toggle="tab">Obecność </a></li>
 
</ul>
 
<!-- Zawartość zakładek -->
<div class="tab-content">
  <div class="tab-pane active" id="1bzakladka">
 
  <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
 
                <form method="post" autocomplete="off">
 
<div class="form-group">
Wybierz terminy treningu  
</div>
<div class="form-group">
<hr>
 
</div>
 
  <div class="form-group">
 
<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input name="data1" class="form-control" id="datetimepicker2" required="" type="text" maxlength="10" placeholder="Treningi od">
</div>
    </div>   
 
    <div class="form-group">
 
<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input name="data2" class="form-control" id="datetimepicker1" required="" type="text" maxlength="10" placeholder="Treningi do">
</div>
    </div>   
 
<div class="form-group">
<hr>
</div>
<div class="form-group">
<button name="btn-tr" class="btn btn-block btn-primary" type="submit">Wybierz</button>
</div>
<div class="form-group">
 
</div>
 
</form></div>
 
  <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
 
<div>
 
</div>
 
  </div>
 
  </div>
 
  <div class="tab-pane" id="2bzakladka">
 
  <!--Zawartość drugiej zakładki-->
 
    <div class="druzyna-member wow fadeInUp" data-wow-delay="0ms" data-wow-duration="400ms">
 
  <form method="post" autocomplete="off">
 
<div class="form-group">
Wybierz zakres obecności
</div>
<div class="form-group">
<hr>
 
</div>
 
  <div class="form-group">
 
<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input name="datao1" class="form-control" id="datetimepicker3" required="" type="text" maxlength="10" placeholder="Obecność od">
</div>
    </div>   
 
    <div class="form-group">
 
<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input name="datao2" class="form-control" id="datetimepicker4" required="" type="text" maxlength="10" placeholder="Obecność do">
</div>
    </div>   
 
<div class="form-group">
<hr>
</div>
<div class="form-group">
<button name="btn-ob" class="btn btn-block btn-primary" type="submit">Wybierz</button>
</div>
 
</form>
 
     <table class="table ">
  <thead>
    <tr>
      <th>#</th>
      <th>Imię</th>
      <th>Nazwisko</th>
 
</tr></thead></table>
 
  </div>
 
  </div>
 
  </div>
 
  </div></div></div>    
 
    </div>
 
    </div>
 
    </div>

 
    </section>
    </section>
 
    
     <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
 
    <script src="js/main.js"></script>
 
<script src="build/jquery.datetimepicker.full.js"></script>
 
<script>/*
window.onerror = function(errorMsg) {
    $('#console').html($('#console').html()+'<br>'+errorMsg)
}*/
 
$.datetimepicker.setLocale('pl');
 
$('#datetimepicker_format').datetimepicker({value:'2015/04/15 05:03', format: $("#datetimepicker_format_value").val()});
console.log($('#datetimepicker_format').datetimepicker('getValue'));
 
$("#datetimepicker_format_change").on("click", function(e){
    $("#datetimepicker_format").data('xdsoft_datetimepicker').setOptions({format: $("#datetimepicker_format_value").val()});
});
$("#datetimepicker_format_locale").on("change", function(e){
    $.datetimepicker.setLocale($(e.currentTarget).val());
});
 
$('#datetimepicker').datetimepicker({value:'2015/04/15 05:03',step:10});
 
$('.some_class').datetimepicker();
 
$('#datetimepicker2').datetimepicker({
    yearOffset:0,
    lang:'pl',
    timepicker:false,
    format:'Y/m/d',
    formatDate:'Y/m/d',
    minDate:'+1960/01/02', // yesterday is minimum date
    maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});
 
$('#datetimepicker1').datetimepicker({
    yearOffset:0,
    lang:'pl',
    timepicker:false,
    format:'Y/m/d',
    formatDate:'Y/m/d',
    minDate:'+1960/01/02', // yesterday is minimum date
    maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});
 
$('#datetimepicker3').datetimepicker({
    yearOffset:0,
    lang:'pl',
    timepicker:false,
    format:'Y/m/d',
    formatDate:'Y/m/d',
    minDate:'+1960/01/02', // yesterday is minimum date
    maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});
 
$('#datetimepicker4').datetimepicker({
    yearOffset:0,
    lang:'pl',
    timepicker:false,
    format:'Y/m/d',
    formatDate:'Y/m/d',
    minDate:'+1960/01/02', // yesterday is minimum date
    maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});
 
</script><div class="xdsoft_datetimepicker xdsoft_noselect xdsoft_"><div class="xdsoft_datepicker active"><div class="xdsoft_monthpicker"><button class="xdsoft_prev" style="visibility: visible;" type="button"></button><button class="xdsoft_today_button" style="visibility: visible;" type="button"></button><div class="xdsoft_label xdsoft_month"><span></span><div class="xdsoft_select xdsoft_monthselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><div class="xdsoft_select xdsoft_yearselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><button class="xdsoft_next" style="visibility: visible;" type="button"></button></div><div class="xdsoft_calendar"></div><button class="xdsoft_save_selected blue-gradient-button" style="display: none;" type="button">Save Selected</button></div><div class="xdsoft_timepicker"><button class="xdsoft_prev" type="button"></button><div class="xdsoft_time_box xdsoft_scroller_box"><div class="xdsoft_time_variant" style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><button class="xdsoft_next" type="button"></button></div></div><div class="xdsoft_datetimepicker xdsoft_noselect xdsoft_"><div class="xdsoft_datepicker active"><div class="xdsoft_monthpicker"><button class="xdsoft_prev" style="visibility: visible;" type="button"></button><button class="xdsoft_today_button" style="visibility: visible;" type="button"></button><div class="xdsoft_label xdsoft_month"><span></span><div class="xdsoft_select xdsoft_monthselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><div class="xdsoft_select xdsoft_yearselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><button class="xdsoft_next" style="visibility: visible;" type="button"></button></div><div class="xdsoft_calendar"></div><button class="xdsoft_save_selected blue-gradient-button" style="display: none;" type="button">Save Selected</button></div><div class="xdsoft_timepicker"><button class="xdsoft_prev" type="button"></button><div class="xdsoft_time_box xdsoft_scroller_box"><div class="xdsoft_time_variant" style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><button class="xdsoft_next" type="button"></button></div></div><div class="xdsoft_datetimepicker xdsoft_noselect xdsoft_"><div class="xdsoft_datepicker active"><div class="xdsoft_monthpicker"><button class="xdsoft_prev" style="visibility: visible;" type="button"></button><button class="xdsoft_today_button" style="visibility: visible;" type="button"></button><div class="xdsoft_label xdsoft_month"><span></span><div class="xdsoft_select xdsoft_monthselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><div class="xdsoft_select xdsoft_yearselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><button class="xdsoft_next" style="visibility: visible;" type="button"></button></div><div class="xdsoft_calendar"></div><button class="xdsoft_save_selected blue-gradient-button" style="display: none;" type="button">Save Selected</button></div><div class="xdsoft_timepicker"><button class="xdsoft_prev" type="button"></button><div class="xdsoft_time_box xdsoft_scroller_box"><div class="xdsoft_time_variant" style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><button class="xdsoft_next" type="button"></button></div></div><div class="xdsoft_datetimepicker xdsoft_noselect xdsoft_"><div class="xdsoft_datepicker active"><div class="xdsoft_monthpicker"><button class="xdsoft_prev" style="visibility: visible;" type="button"></button><button class="xdsoft_today_button" style="visibility: visible;" type="button"></button><div class="xdsoft_label xdsoft_month"><span></span><div class="xdsoft_select xdsoft_monthselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><div class="xdsoft_select xdsoft_yearselect xdsoft_scroller_box"><div style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><i></i></div><button class="xdsoft_next" style="visibility: visible;" type="button"></button></div><div class="xdsoft_calendar"></div><button class="xdsoft_save_selected blue-gradient-button" style="display: none;" type="button">Save Selected</button></div><div class="xdsoft_timepicker"><button class="xdsoft_prev" type="button"></button><div class="xdsoft_time_box xdsoft_scroller_box"><div class="xdsoft_time_variant" style="margin-top: 0px;"></div><div class="xdsoft_scrollbar"><div class="xdsoft_scroller" style="height: 10px; margin-top: 0px; display: block;"></div></div></div><button class="xdsoft_next" type="button"></button></div></div>
 
</body>
</html>

0

Usun to modal-open.

<body class="modal-open" style="padding-right: 12px;">

0

Zapomniałem dopisać. Kod, który wrzuciłem powinien już normalnie generować okno modalne. Tak jak napisała Shagrin, kod class="modal-open" z body jak najbardziej do usunięcia. Mam wrażenie, że trochę eksperymentowałeś na tym kodzie, dlatego wytnij te obce cssy, podepnij do projektu jak zależności, dodaj własne style i wrzuć nam jeszcze raz kod, może uda nam się coś Ci podpowiedź.

0

<body class="modal-open" style="padding-right: 12px;">>

nie miałem nic takiego w pliku źródłowym...

ale miałem:

<link crossorigin="anonymous" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
 href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

i usunięcie tego wpisu załatwiło problem

faktycznie sporo eksperymentowałem na tym kodzie....

0

i jeszcze pytanie -okno modalne ma tło białe...jak zmienić jego kolor ? bo próbuję..a tu nic nie działa...

0

.modal-content {.modal-content :red;}

0

Źle wkleiłem.Prawidłowo:

.modal-content {background-color :red;}

0

niestety nie..nic nie zmiania....

do main.css dodalem

.modal-body {

background: #fba8fc;

border-color: #961b97;

}

ale to tylko wąski pasek dodało o tym kolorze i nic wiecej:/

0

Sprawdziłem dla przykładu ze strony, którą podałeś i tam jak zmienię tło dla .modal-content to normalnie działa. Coś masz chyba namieszane w stylach. Odpal dev toolsy w Chrome, najedź na element i zobacz co się gryzie.

Okno Modalne

Zakręcony Krawiec napisał(a):

1 użytkowników online, w tym zalogowanych: 0, gości: 1

Praca dla programistów

Forum dyskusyjne

Sprawy administracyjne

O nas

Skontaktuj się z nami