/**
 * Created by Mark on 02-Feb-2016.
 */

/* MultiStep CSS */
ol.pg-status {
    margin: 0;
    padding: 0;
    padding-bottom: 2.2rem;
    list-style-type: none;
}

ol.pg-status li {
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 4.5rem;
    padding: 0 0.7rem;
    cursor: pointer;
}

ol.pg-status li span {
    padding: 0 1.5rem;
}

@media (max-width: 650px) {
    .pg-status li span {
        display: none;
    }
}

.pg-status em {
    display: none;
    font-weight: 700;
    padding-left: 1rem;
}

@media (max-width: 650px) {
    .pg-status em {
        display: inline;
    }
}

ol.pg-status li.pg-status-todo {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.pg-status li.pg-status-doing {
    color: black;
    border-bottom: 4px solid #337ab7;
}
ol.pg-status li.pg-status-done {
    color: black;
    border-bottom: 4px solid #337ab7;
}

ol.pg-status li:after {
    content: "\00a0\00a0";
}

ol.pg-status li:before {
    position: absolute;
    /*position: relative;*/
    bottom: -0.9rem;
    /*float: left;*/
    left: 46%;
}

ol.pg-status li.pg-status-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    width: 1.2em;
    line-height: 1.4em;
    bottom: -1.2rem;
}

ol.pg-status li.pg-status-todo:hover:before {
    color: #0fa0ce;
}

ol.pg-status li.pg-status-doing:before {
    content: "\2022";
    color: white;
    background-color: #337ab7;
    width: 1.2em;
    line-height: 1.2em;
    border-radius: 1.2em;
}

ol.pg-status li.pg-status-doing:hover:before {
    color: #0fa0ce;
}

ol.pg-status li.pg-status-done:before {
    content: "\2713";
    color: white;
    background-color: #337ab7;
    width: 1.2em;
    line-height: 1.2em;
    border-radius: 1.2em;
}

ol.pg-status li.pg-status-done:hover:before {
    color: #0fa0ce;
}

/* custom css */
.well {
    background: none;
    margin: 0px;
}

.plan-section {
    cursor: pointer;
}

.plan-section.active {
    background: #eee;
}

ul.order-item {
    list-style-type: none;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 0 auto;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

ul.pager li a {
    min-width: 85px;
}

/*
button.btn {
    min-width: 105px;
    height: 40px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #337ab7;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

button.btn:hover {
    opacity: 0.6;
    color: #fff;
}

button.btn:focus {
    outline: 0;
    opacity: 1;
    background: #337ab7;
    color: #fff;
}

button.btn-previous {
    margin-right: 5px;
}*/