.main-text {margin: 60px 0; text-align: center; display:inline-block;  min-height: 230px;}
.main-text h1 {font-size: 60px;line-height: 1;}


.footer{height:80px; width:90%; margin:0 5%;}
.footer hr{ margin:30px 0}
 
 .small-pic { display:inline-block; background:rgba(250, 250, 250, 0.4 );
 padding: 5px;
  line-height: 20px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
 }

.setings [class*="span"] {margin-left: 0 !important;}
.active-pic{background-color:#7fd27f;
}

 #pick { margin:3px 0;}
 
 .pic-seting, .pic-seting-list{ min-height: 230px !important; }
 .col-ms-6, .pic-seting-list { height: 230px !important; }
 .col-ms-6,.modal-body, .pic-seting-list { height: 100% !important; }
 .col-ms-6,.pic-seting img { max-height: 150px ; width: auto;}

 .pic-seting, .pic-seting-list.col-xs-6 ul{ min-height: 170px !important; }
 .pic-seting {display:inline; padding: 0px;line-height: 20px;margin-top: 15px;}
 .pic-seting.col-xs-6{height: 200px;}

 .pic-seting-list{ 	padding: 0px !important;}
 .pic-seting .btn-small{margin: 10px 0 10px 0px; }
 .pic-seting img {display:inline-block; cursor:pointer}
 .pic-seting-list li.active { color: #14b226;}
 .pic-seting-list li.active input { 
		border-color: rgba(20, 178, 38, 0.8);
		outline: 0;
		outline: thin dotted \9;
		/* IE6-9 */
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(20, 178, 38, 0.4);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(20, 178, 38, 0.4);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(20, 178, 38, 0.4);
	}
	
	
 .col-ms-6,.modal-body, .pic-seting-list li{ 
 	float: left; }	
.pic-seting-list ul { margin:0px; padding:0px; display:inline-block; }
.modal-list ul{margin-top: 15px; }
.modal-list li {width:290px; height:25px;max-height:25px;font-size:11px; display:inline-table; vertical-align:bottom; line-height: 15px;list-style:none; border-bottom:solid 1px #e4e4e4; position: relative;}
.modal-list li p{margin:2px; width:75%; vertical-align: middle; display: inline-block;}

.modal-list li input {max-height:18px; height:18px;width:30px; margin:3px 5px; padding: 1px; font-size:11px;text-align: center;}
.modal-list li input.error {
	border: 1px solid #DB2429;
}

.modal-list li span{ height:25px;vertical-align: middle;font-size:13px; }
.modal-list li span.tk{ margin-right: 6px;margin-left: -2px; width:15px; }

.col-md-8.pic-seting-list ul{padding-left: 15px;}
.pic-seting-list img{width: 230px;margin: 0 16px 0px 0;height: auto;display: inline;float: left;}
.pic-seting-list ul { margin:0px; padding:0px; display:inline-block;width: 100%;min-width: 100%; }
.pic-seting-list li {width:100%; margin-top: 2px;font-size:11px; display:inline-table; vertical-align:bottom; line-height: 15px;list-style:none; border-bottom:solid 1px #e4e4e4;}
.pic-seting-list li p{margin:2px; width:80%; vertical-align: middle; display: inline-block;}
.pic-seting-list li input {max-height:18px; height:18px;width:20px; margin:3px 5px; padding:0px 5px; font-size:11px;}
.pic-seting-list li span{ height:25px;vertical-align: middle;font-size:13px; }
.pic-seting-list a {display:inline-block; max-width:110px; margin:10px 0 0}

.image-zoom{ }
.examples{height:600px; width:90%; overflow:hidden}
.examples li{ list-style:none; }
.examples img{ display:block;height:auto; }
.examples p{ display:block; font-size:12px; text-align:center; padding:5px 3px }

.info {/*margin:0!important;*/ min-height: 110px;
}
.info p, .info h4 , .info h1, .info h2, .info h3, .info h5, .info h6  { margin:5px 0 20px; }

.info .basket { margin:5px 0px 20px; display:block; text-align:center;
 background:rgba(250, 250, 250, 0.4 );
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
.info .basket p{ font-size:18px; margin: 5px 0;  line-height: 40px;}
.info .basket p span{ font-size:23px;font-weight: 600;color:#0088cc;margin: 3px 0 7px; }
.info .basket hr {margin:2px 0; padding:0px}


.examples-background{
	padding-bottom: 10px;
	 text-align:center;
	background:rgba(250, 250, 250, 0.4 );
	 border: 1px solid #ddd;
	 -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	         border-radius: 4px;
	 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	 -webkit-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	      -o-transition: all 0.2s ease-in-out;
	         transition: all 0.2s ease-in-out;
}



.preview img{display:inline-block; vertical-align:top; width:110px; margin:0 30px 0 0;}
.preview table, .preview tbody{display:inline-block;}
.preview tr td:first-child{width:460px; text-align:left}
.preview td{width:130px; text-align:center }
.preview {border-bottom:solid 1px #eeeeee; margin:10px 0px}
 
 
.sending-info a{
	color:#555;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	height:100px;
	margin:5px; 
 background:rgba(250, 250, 250, 0.4 );
 padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
 }
 .sending-info .col-md-2:hover{  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }	  
.sending-info .active,  .sending-info .active:hover{
 border-color: rgba(20, 178, 38, 0.8);
 color: rgb(20, 178, 38);
		outline: 0;
		outline: thin dotted \9;
		/* IE6-9 */
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(20, 178, 38, 0.4);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(20, 178, 38, 0.4);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(20, 178, 38, 0.4);}
		
 .sending-info .col-md-2 p{ display:table-cell; vertical-align:middle; height:100px; width:200px;font-size:18px;  }
#automaat {margin:30px 0px; display:none}
#automaat select{margin-top:8px}
#automaat a{ font-size:12px;margin-bottom:15px}

.aadress form{ width:350px;}

 .error input{
  border-color: rgba(237, 30, 36, 0.8) !important ;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(237, 30, 36, 0.4) !important;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(237, 30, 36, 0.4) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(237, 30, 36, 0.4) !important;
}
  .error {color:#db2429; font-weight:bold}
 
 

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


.breadcrumb {
  padding: 0px 15px;
  margin: 0 0 20px;
  list-style: none;

}

.breadcrumb > li {
margin-left: 25px;
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
  vertical-align: top;
  height: 36px;
  line-height: 35px;
  color: #333;
  }

.breadcrumb .divider {
  margin-left: 5px;
  padding: 0px;
  background:url(img/divider.png) no-repeat 0px 0; height:36px; width:16px;
  display: inline-block;
}

.breadcrumb > .active {
  color: #0088cc;
}
.breadcrumb .active .divider {
 background:url(img/divider2.png) no-repeat 0px 0; height:36px; width:16px;
}
.small-pic .btn-default{
	font-size: 12px;
	padding: 6px 11px;
}
.modal-footer {
    text-align: left !important;
}