html {
    min-height: 100%;
    height: 100%;
}

#block_plus{
	width:24px;
	height:24px;
	border-radius:20px;
	border:2px solid #317eac;
	text-align:center;
	padding:0;
	display:inline-block;
	cursor:pointer;
}
#dev_plus{
	width:24px;
	height:24px;
	border-radius:20px;
	border:2px solid #317eac;
	text-align:center;
	padding:0;
	display:inline-block;
	cursor:pointer;
}

#inj_plus{
	width:24px;
	height:24px;
	border-radius:20px;
	border:2px solid #317eac;
	text-align:center;
	padding:0;
	display:inline-block;
	cursor:pointer;
}

#finish_plus{
	width:24px;
	height:24px;
	border-radius:20px;
	border:2px solid #317eac;
	text-align:center;
	padding:0;
	display:inline-block;
	cursor:pointer;
}


.zf-green {
    color: #68b604;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

.et_block{
    display: inline-block;
    margin-left: 10px;
}
.et_block label{
    cursor: pointer;
}
.h_pot{
    display: inline-block;
    margin-left: 10px;
}
.h_pot label{
    cursor: pointer;
}
.rooft{
    display: inline-block;
    margin-left: 10px;
}
.rooft label{
    cursor: pointer;
}
#calcontent {
    background-color:rgba(255, 255, 255, 0.7);
    border-radius: 0 15px 15px 15px;
}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.tab .nav-tabs{
border:none;
}
.tab .nav-tabs li{
    margin-right: 2px;
}
.tab .nav-tabs li a{
    border:#5baa00 3px solid;
    color: #000;
    background: #ffffff;
    border-radius: 5px 5px 0 0;
}
.tab .nav-tabs li a:hover{
    background:#DBDBDB;
    border:#5baa00 3px solid;
}
.tab .nav-tabs li a i{
    font-size: 14px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:focus,
.tab .nav-tabs li.active a:hover{
    background: #5baa00;
    color:#fff;
    transition: background 0.20s linear;
    border:#5baa00 3px solid;
}
.tab-content{
    background: #fff;
    line-height: 25px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-bottom: 5px solid #5baa00;
}

.nextarrow {
    background-color: #fff;
    min-width: 48%;
    height: 40px;
    color: #5baa00;
    font-weight: bold;
    font-size: 120%;
    border-radius: 10px;
    border: 1px solid  #5baa00;
    border-top: 3px solid  #5baa00;
    border-bottom: 3px solid  #5baa00;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    margin-top:10px;

}
.threearrow {
    background-color: #fff;
    min-width: 28%;
    height: 40px;
    color: #5baa00;
    font-weight: bold;
    font-size: 120%;
    border-radius: 10px;
    border: 1px solid  #5baa00;
    border-top: 3px solid  #5baa00;
    border-bottom: 3px solid  #5baa00;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    margin-top:10px;

}
#width-slide{
    width:80%;
}
#height-slide{
    width:80%;
}
.nextarrow:hover {
    background-color: #ddd;
}
@media only screen and (max-width: 637px){
    .nextarrow{
        width:100%;
    }

}
@media only screen and (max-width: 480px){
    .tab .nav-tabs li{
        width:100%;
    }
    .tab .nav-tabs li a{
        padding: 20px;
        text-align: center;
    }
    .tab .nav-tabs li.active:after{

    }
}
.modal-body img {
    width: 100%;
}
.rombi {
    background-image: url("img/7.gif");
    background-repeat: repeat ;
    background-position: top;
    min-height: 100%;
    height: 1500px;
}
.bigbluefont {
    color: #5baa00;
    font-size: 1.6em;
}
#width-slide {
    display: inline-block;
    margin-left: 10px;
}
#height-slide {
    display: inline-block;
    margin-left: 10px;
}
div.form-group  {

width: 100%;
 }
div.form-group label  {
    width: 300px;
    display: inline-block;
}
div.form-group input  {
    display: inline-block;
}
div.form-group div {
    display: inline-block;
}
.radio-lable {
    display: inline-block;
    padding: 0 0 0 5px;
}
label {
    font-weight:normal !important;
}
.inline {
    display: inline-block;
    margin-left: 10px;
    width: 330px;
}
.tooltip > .tooltip-inner {background-color: #5baa00;}
.tooltip > p {
    text-align:justify;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #5baa00;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #5baa00;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #5baa00;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #5baa00;
}
#link-to-step2 {
    cursor: pointer;
}
#link-to-step3 {
    cursor: pointer;
}
#link-to-step4 {
    cursor: pointer;
}
#finalListBlock{
	display:none;
}
#finalListDev{
	display:none;
}
#finalListInj{
	display:none;
}
#finalListFinish{
	display:none;
}
::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #5baa00; }
::-webkit-scrollbar-track {  background-color: #5baa00;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #5baa00; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #5baa00;}
::-webkit-resizer { background-color: #5baa00;}