html,
body {
    height: 100%;
	/*overflow:auto;*/
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}




#wr-tabs{
	width: 100%;
	margin: 40px auto 0;
}
	#wr-tabs .tabs{
		background-color: #fff;
		margin-bottom: 3px;
		
	}
	#wr-tabs .tabs:after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
		#wr-tabs .tabs .tab{
			/*float: left;
			cursor: pointer;
			border-right: 1px solid #f2f4f9;
			padding: 10px 20px;*/
		}
		#wr-tabs .tabs .tab a {
			    background: #ec5353;
			/*padding: 20px 0px;*/
			padding: 85px 20px;
			color: #ffffff;
			width: 100%;
			display: block;
			border-radius: 15px 15px 15px 15px;
			box-shadow: 5px 5px 15px -3px #000;
			text-transform: uppercase;
			/*font-size: 13px;*/
			 font-size: 19px;
		}
		/*@media (min-width: 992px) and (max-width:1199px) {
			#wr-tabs .tabs .tab:first-of-type a {
			padding: 30px 0px;
			}
		}*/
		#wr-tabs .tabs .tab:last-child{
			/*border-right: none;*/
		}
		#wr-tabs .tabs .tab a:hover {
			text-decoration: none;
			box-shadow: 5px 5px 10px -3px #000;
			background: #3d4b63;
			transition: .5s;
		}
		#wr-tabs .tabs .tab.active a{
			background-color: #222222;
			color: #ffffff;
			text-decoration: none;
			border-radius: 15px 15px 15px 15px;
			box-shadow: 7px 5px 15px 0px #000;
			    text-transform: uppercase;
		}
	#wr-tabs .content{
		background-color: #fff;
	}
		#wr-tabs .content .tab-cont{
			display: none;
			padding: 15px 10px;
		}
		#wr-tabs .content .tab-cont .button-list a {
    display: table-cell;
    vertical-align: middle;	
	background: #5bc0de;
	height:60px;
	    width: 500px;
			color: #ffffff;
			/*padding: 20px 0px;*/
			border-radius: 15px;
			/*margin-bottom: 15px;*/
			box-shadow: 5px 5px 20px -7px #000;
		}
		#wr-tabs .content .tab-cont .button-list a:hover {
			text-decoration:none;
			box-shadow: 0px 0px 15px -3px #000;
			background:#599eb3;
			transition:.3s;
			color: #ffffff;
		} 
		#wr-tabs .content .tab-cont.active{
			display: block;
		}
	.button-list {
		    margin-bottom: 15px;
	}	
	.link-price {
		background: #45b963;
		width: 30%;
		color: #ffffff;
		padding: 20px 0px;
		border-radius: 15px;
		display: block;
		margin-bottom: 15px;
		box-shadow: 5px 5px 20px -7px #000;
	}	
	.link-price:hover, .link-price:focus{
			text-decoration:none;
			box-shadow: 0px 0px 15px -3px #000;
			background:#59b392;
			transition:.3s;
			color: #ffffff;
	} 
		.price-button-top {
    margin: 1px 0 0 10px;
    padding: 5px 0px;
    width: 235px;
    height: 100%;
    text-align: center;
    background: #5bc0de;
    border-radius: 5px;
    display: inline-block;
    box-shadow: none;
	}
		
		
.check-spec-cont a {
	display: inline-block;
			width: 100%;
			background: #5bc0de;
			color: #ffffff;
			padding: 20px 0px;
			border-radius: 15px;
			font-size: 15px;
			margin-bottom: 15px;
			box-shadow: 5px 5px 20px -7px #000;
}
		
.check-spec-cont a:hover {
	text-decoration:none;
			box-shadow: 0px 0px 15px -3px #000;
			background:#599eb3;
			transition:.3s;
}

.records-list .info {
	font-size:25px;
	color:#ffa0a0;
}


.table-pricelist {
	width:100%;
}
.table-pricelist th {
	    background: #5e7090;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 15px;
}
.table-pricelist td {
	    padding: 5px 15px;
    font-size: 15px;
}
.table-pricelist tr:nth-child(2n+1) {
	background:#dde6f7;
}


.get-tabs {
	      padding: 28% 15% 8% 15%;
	background: url("../cursors.png") no-repeat;
	    background-position: center;
}
.get-tabs p{
	font-size:35px;
}





.btn-white {
	border: 2px solid #337ab7;
}







#records-tabs{
	width: 100%;
	margin: 40px auto 0;
}
	#records-tabs .tabs{
		background-color: #fff;
		margin-bottom: 3px;
		
	}
	#records-tabs .tabs:after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
		#records-tabs .tabs .tab{
			/*float: left;
			cursor: pointer;
			border-right: 1px solid #f2f4f9;
			padding: 10px 20px;*/
		}
		#records-tabs .tabs .tab a {
			background: #5e7090;
			padding: 20px 0px;
			color: #ffffff;
			width: 100%;
			display: block;
			border-radius: 15px 15px 15px 15px;
			box-shadow: 5px 5px 15px -3px #000;
			text-transform: uppercase;   
			font-size: 13px;
		}
		/*@media (min-width: 992px) and (max-width:1199px) {
			#records-tabs .tabs .tab:first-of-type a {
			padding: 30px 0px;
			}
		}*/
		#records-tabs .tabs .tab:last-child{
			/*border-right: none;*/
		}
		#records-tabs .tabs .tab a:hover {
			text-decoration: none;
			box-shadow: 5px 5px 10px -3px #000;
			background: #3d4b63;
			transition: .5s;
		}
		#records-tabs .tabs .tab.active a{
			background-color: #222222;
			color: #ffffff;
			text-decoration: none;
			border-radius: 15px 15px 15px 15px;
			box-shadow: 7px 5px 15px 0px #000;
			    text-transform: uppercase;
		}
	#records-tabs .content{
		background-color: #fff;
	}
		#records-tabs .content .tab-cont{
			display: none;
			padding: 15px 10px;
		}
		#records-tabs .content .tab-cont a {
			border-radius: 15px;
			box-shadow: 5px 5px 20px -7px #000;
		}
		#records-tabs .content .tab-cont a:hover {
			
		} 
		#records-tabs .content .tab-cont.active{
			display: block;
			overflow-x: hidden;
		}
		
		
		
		
		.color {
			font-weight: bold;
			color:#ec5353;
		}
		
		
		
		
		@media print {
			.footer, .page-header, .breadcrumb,p , .tabs{display:none;}
			a[href]:after {
    content: "";
  }
			.image-prev {
				display: none;
			}
			.content table {
				width:100%;
			}
			.but-print {
				display:none;
			}
		}
		
		.but-print {
			    background: #a70000;
    padding: 20px 30px;
    color: #fff;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 15px;
	    margin-top: 15px;
		}
		.but-print:hover {
			text-decoration:none;
			background: #ef4040;
			color:#fff;
		}
		
		.image-prev {
			width: 80px;
			    height: 80px;
    border: 2px solid #7aa8d0;
    border-radius: 15px;
    overflow: hidden;
    margin: 10px 10px 10px 0px;
		}
		.image-prev img {
			width:100%;
		}
		.container-fluid {
       padding-top: 70px;
    padding-left: 80px;
    padding-right: 80px;
}



.but-back {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    background: url(../left.png) no-repeat #355cb32e;
    background-position: center;
    background-size: contain;
    font-size: 0;
    border: none;
    outline: none;
    width: 60px;
    color: #ffffffa3;
    transition: .8s;
    padding-left: 35px;
}
.but-back:hover {
    width: 90px;
	 background: url(../left.png) no-repeat #355cb32e;
	 background-position: center;
    background-size: contain;
	font-size: 14px;
}




#lab-tabs{
	width: 100%;
	margin: 40px auto 0;
}
#lab-tabs .tabs{
	background-color: #fff;
    margin-bottom: 0px;
    text-align: left;
    border-bottom: 2px solid #272727;
}
#lab-tabs .tabs:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}
#lab-tabs .tabs .tabik{
	display: inline-block;
    width: auto;
    padding: 0;
}
#lab-tabs .tabs .tabik a {
	background: #dcd6d6;
    padding: 20px 20px;
    color: #000000;
    width: 100%;
    display: block;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 2px 0px 7px -3px #000;
    text-transform: uppercase;
    font-size: 15px;
	
}
@media (min-width: 992px) and (max-width:1199px) {
	#lab-tabs .tabs .tabik:first-of-type a {
	padding: 30px 0px;
	}
}
#lab-tabs .tabs .tabik:last-child{
	/*border-right: none;*/
}
#lab-tabs .tabs .tabik a:hover {
	    text-decoration: none;
    box-shadow: 0px -2px 13px -5px #000;
    background: #efefef;
  
}
#lab-tabs .tabs .tabik.active a{
	    background-color: #272727;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 2px 0px 6px -2px #000;
    text-transform: uppercase;
    /*padding: 30px 20px 20px 20px;*/
	transition:.5s;
}
#lab-tabs .content{
	background-color: #fff;
	    min-height: 500px;
    overflow: auto;
	
}
#lab-tabs .content .tab-contik{
	display: none;
	padding: 15px 10px;
}
#lab-tabs .content .tab-contik a {
	border-radius: 15px;
	box-shadow: 5px 5px 20px -7px #000;
}
#lab-tabs .content .tab-contik a:hover {
	
} 
#lab-tabs .content .tab-contik.active{
	display: block;
	overflow-x: auto;
}



#records-tabs .content {
	position:relative;
}
#btn-scroll, #scroll-reset {
	position:absolute;
	height:50%;
	width: 60px;
	right: -60px;
    display: block;
	border: none;
	    background-size: 100%!important;
    background-position: center!important;
    z-index: 1;
	outline:none;
}
#btn-scroll {
    top: 0;
    background: url(../right.png) #355cb32e no-repeat;
}
#btn-scroll:hover {
	background-color:#355cb354;
}
#scroll-reset {
    bottom: 0;
    background: url(../left.png) #355cb32e no-repeat;
}
#scroll-reset:hover {
	background-color:#355cb354;
}


@media (max-width: 767px) {
	.container-fluid {
		padding-left: 0px; 
		padding-right: 0px;
	}
	#btn-scroll, #scroll-reset {
		right: 0px;
	}
}


.info {
	    display: block;
    width: 100%;
    background: #f1f1f1;
    border-radius: 5px;
    padding: 20px;
    font-size: 16px;
    text-align: justify;
}

@media  (max-width:991px) {
	.link-price {
		width:100%;
	}
	.price-button-top {
		       padding: 0px 0;
			       margin: 0;
       width: 25px;
    height: 25px;
    font-size: 0;
    background: url(../list.png) no-repeat;
    background-size: contain;
    background-position: center;
	}
	.price-button-top:hover {
		background: url(../list.png) no-repeat;
		box-shadow:none;
		background-size: cover;
		transition:0s;
	}
}
.endzapis {
    font-size: 48px;
    font-weight: bold;
}