@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
/* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/
a {
   outline: 0;
}
.board{
    width: 100%;
margin: 60px auto;
/*height: 500px;*/
background: #fff;
border: 1px solid #ddd;
/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    /*margin: 40px auto;*/
    margin-bottom: 0;
    box-sizing: border-box;

}

.board > div.board-inner{
    background: #fafafa;

}

p.narrow{
    width: 60%;
    margin: 10px auto;
	font-size: 12px;
}

.liner{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
    outline: 0;
}

span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tabs.one{
    color: #AFCA0B;border: 2px solid #AFCA0B;
}

li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #AFCA0B;
}

span.round-tabs.two{
    color: #febe29;border: 2px solid #febe29;
}

li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

span.round-tabs.three{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}

li.active span.round-tabs.four{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #f1685e;
}

span.round-tabs.status{
    color: #999;
	border: 2px solid #ddd;
	background: #fafafa;
}

li.active span.round-tabs.status{
    color: #AFCA0B;
	border: 2px solid #AFCA0B;
	background: #fff !important;
}

span.round-tabs.status-alert{
    color: #999;
	border: 2px solid #ddd;
	background: #fafafa;
}

li.active span.round-tabs.status-alert{
    color: #f1685e;
	border: 2px solid #f1685e;
	background: #fff !important;
}

.nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
    outline: 0;
}
.nav-tabs > li {
    width: 25%;
}
.repair-status > li {
    width: 20% !important;
}
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
li:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;
    
}
li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;
    outline: 0;
    
}
.nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
   outline: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
    outline: 0;
}

.tab-content{
}
.tab-pane{
   position: relative;
/*padding-top: 50px;*/
}
.tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    /*padding-bottom: 10px;*/
}
.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}

h3.process{
	margin-bottom: 0;
	margin-top: 10px;
	color: #AFCA0B;
}
h3.process-alert{
	margin-bottom: 0;
	margin-top: 10px;
	color: #f1685e;
}

@media( max-width : 585px ){
    
    .board {
width: 90%;
height:auto !important;
}
    span.round-tabs {
        font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
    }
    .tab-content .head{
        font-size:20px;
        }
    .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}

li.active:after {
content: " ";
position: absolute;
left: 35%;
}

.btn-outline-rounded {
    padding:12px 20px;
    }
}

.summary-label{
text-align: right;
font-size: 14px;
font-weight: bold;
}




.container-login {
    min-height: 0;
    width: 480px;
    color: #333333;
    /*margin-top: 40px;*/
    padding: 0;
}
/* Portrait and Landscape */
@media( max-width : 585px ){ 
.container-login {
    min-height: 0;
    width: 100% !important;
    color: #333333;
    /*margin-top: 40px;*/
    padding: 0;
}
.padding-xs {
    padding-top: 10px !important;
}
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-login > section {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
}
#top-bar {
    display: inherit;
}
.nav-tabs-repair-login.nav-justified {
    border-bottom: 0 none;
    width: 100%;
}
.nav-tabs-repair-login.nav-justified > li {
    display: table-cell;
    width: 1%;
    float: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #AFCA0B;
}
.container-login .nav-tabs-repair-login.nav-justified > li > a,
.container-login .nav-tabs-repair-login.nav-justified > li > a:hover,
.container-login .nav-tabs-repair-login.nav-justified > li > a:focus {
    background: #AFCA0B;
    border: medium none;
    color: #ffffff;
    margin-bottom: 0;
    margin-right: 0;
    border-radius: 0;
}
.container-login .nav-tabs-repair-login.nav-justified > .active > a,
.container-login .nav-tabs-repair-login.nav-justified > .active > a:hover,
.container-login .nav-tabs-repair-login.nav-justified > .active > a:focus {
    background: #ffffff;
    color: #333333;
}
.container-login .nav-tabs-repair-login.nav-justified > li > a:hover,
.container-login .nav-tabs-repair-login.nav-justified > li > a:focus {
    background: #96AF00;
}
.tabs-login {
    background: #ffffff;
    border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    margin-top: -1px;
    padding: 10px 30px;
}

.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #999999;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.container-login .checkbox {
    margin-top: -15px;
}
.container-login .btn-repair-login {
    padding: 10px 16px;
    width: 100%;
}

li.repair-login.active:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 0 !important;
    border-bottom-color: #ddd;
    outline: 0;
    
}
li.repair-login.active{
border-right: 0px solid !important;
    
}
li.repair-fachhandel{
border-left: 0px solid !important;
    
}