@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

/*
**********************************
* Global Settings
**********************************
*/
html, body, input, textarea {
    font-size:14px;
    font-family: 'Open Sans', sans-serif !Important;
}

.clearfix { 
    clear:both;
}

.form-control {
    border-radius:6px !important;
}

/*
**********************************
* Header dingen - Buttons/h2 etc
**********************************
*/
.titleholder {
    padding-left:0px !important;
}

.firstrow { 
    margin-top:10px;
}

.btn {
    margin-right: 3px;
}

.btn-not-full .btn {
    width:auto !important;
    border-color:#ffd9c2 !important;
}

.topbuttons .btn {
    font-weight:600;
    letter-spacing:1px;
    border-radius:5px !important;
    text-transform:uppercase;
    font-size:12px !important;
    line-height:20px !important;        
}

.topbuttons .btn span, .topbuttons .btn i {
    font-weight:bold;
    margin-right:4px !important;
}

.topbuttons .btn i.icon-close, .topbuttons .btn i.icon-add {
    position: relative;
    float: left;
    left: 0;
    margin-top: 4px;
}

.cta + .pull-right {
    margin-right:10px;
}

.greenroundedbutton {
    display:block;
    color:white !important;
    font-weight:bold;
    line-height: 35px !important;
    text-align:center;
    text-transform: uppercase;
    background-color:#60c927;
    border-radius:30px !important;
    height:36px !important;
    width:192px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    margin-bottom:70px !important;
    font-size:13px;
}

.greenroundedbutton:hover {
    cursor:hand;
    text-decoration:none;
}

hr.nomargin { 
    border-top:1px solid #dadada;
    margin-top:7px !important;
    margin-bottom:6px !important;
    margin-right: 0px !important;
}




/*
**********************************
* Flow & FlowHolder
**********************************
*/

.workflow-indicator > div {
    text-align: center;
    padding-top:30px;
    padding-bottom:30px;
    margin-bottom: 20px;
}

.workflow-indicator-active {
    background-color:#e6e7ec;
}

.workflow-indicator-finished , .workflow-indicator-future {
    background-color:#f0f1f5;
}

.workflow-indicator-active > span.number {
    background-color:#f05d29;
    color:white;
}

.workflow-indicator-finished > span.number { 
    background-color:#00b500;
    color:white;
}

.workflow-indicator-future > span.number { 
    background-color: white;
    color:#cfd4da;
}

.workflow-indicator-active > span.title {
    color:#fb6703;
    letter-spacing: 1px;
    background-color: inherit !important;
}

.workflow-indicator-finished > span.title {
    color:#00b500;
    background-color: inherit !important;
}

.workflow-indicator-future > span.title {
    color:#d1d6dc;
    background-color: inherit !important;
}

.workflow-indicator span.number {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    font-weight:bold;
    display: inline-block;
}

.workflow-indicator span.title {
    display:block;
    font-weight:bold;
    padding-top: 7px;
    text-transform:uppercase;    
    letter-spacing:1px;
    font-size:13px !important;
}