html, body {
	height: 100%;
}

.wrapped-for-footer {
	min-height: 100%;
	margin-top: -85px;
	padding-top: 85px;
}

.main-container {
	overflow: auto;
	padding-bottom: 70px !important;
}

.footer {
	position: relative;
	margin-top: -60px;
	height: 70px;
	clear: both;
	padding-top: 10px;
}

/* style dla pola Uwagi wydzielonego poza panel formularza */
.panel-comments {
	border: none !important;
	border-radius: 0 !important;
	background-color: #fff !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
}
.panel-comments .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}

/* style dla pola multiselect */
.selection .select2-selection--multiple {
	border-color: #ccc !important;
	border-radius: 4px !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	min-height: 38px !important;
	background-image: url("/static/img/ico/glyphicon-list.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 25px !important;
}
.select2-selection__choice {
	white-space: normal !important;
}

.is-disabled {
	opacity: 0.5;
	pointer-events: none;
}

/* styl dla wartości liczbowych na liście */
.num-val {
	text-align: right;
	white-space: nowrap;
}
/* styl dla wartości w postaci ikonek na liście */
.ico-val {
	text-align: center;
}
/* styl dla zablokowanych wartości na liście */
.blocked-form {
	background-color: #eee;
}
/* style dla modala z podpowiedzią */
.modal-link {
	cursor: pointer;
}
.modal-link ins {
	text-decoration: none;
}
.modal-link:hover {
	text-decoration: none;
}

/* style dla liczby obiektów */
.badge-default, li.active .badge {
	background-color: #555555;
	color: #ffffff;
}
#success_message{ display: none;}

.tab-content {
	padding:10px;
	border-left:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
  }

	/* Conatct start */

        .header-title
        {
          text-align: center;
          color:#00bfff;
        }

        #tip 
        {
            display:none;  
        }

        .fadeIn
        {
          animation-duration: 3s;
        }

        .form-control
        {
        	border-radius:0px;
        	border:1px solid #EDEDED;
        }

        .form-control:focus
        {
        	border:1px solid #00bfff;
        }

        .textarea-contact
        {
        	resize:none; 
        }

        .btn-send
        {
        	border-radius: 0px;
        	border:1px solid #00bfff;
        	background:#00bfff;
        	color:#fff; 
        }

        .btn-send:hover
        {
        	border:1px solid #00bfff;
        	background:#fff;
        	color:#00bfff;
        	transition:background 0.5s;   
        }

        .second-portion
        {
        	margin-top:50px; 
        }

		        @import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
		@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

		.box > .icon { text-align: center; position: relative; }
		.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #00bfff; vertical-align: middle; }
		.box > .icon:hover > .image { background: #333; }
		.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
		.box > .icon:hover > .image > i { color: white !important; }
		.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:163px;}
		.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
		.box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; font-weight: 700; }
		.box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
		.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
		.box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
		.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
		.box .space { height: 30px; }

		@media only screen and (max-width: 768px)
		{
			.contact-form
			{
				margin-top:25px; 
			}

			.btn-send
			{
				width: 100%;
				padding:10px; 
			}

			.second-portion
			{
				margin-top:25px; 
			}
		}
	/* Conatct end */