<!--default #F7F7FF primary #0078D7-->

html {
    font-family: Calibri;
}

body {
    margin:0;
}

.width-1 {
    width: 8.3333%;
}

.width-2 {
    width: 16.6666%;
}

.width-3 {
    width: 25%;
}

.width-4 {
    width: 33.3333%;
}

.width-5 {
    width: 41.6666%;
}

.width-6 {
    width: 50%;
}

.width-7 {
    width: 58.3333%;
}

.width-8 {
    width: 66.6666%;
}

.width-9 {
    width: 75%;
}

.width-10 {
    width: 83.3333%;
}

.width-11 {
    width: 91.6666%;
}

.width-12 {
    width: 100%;
}

.box {
    min-height: 160px;
    border: solid 0px grey;
    border-radius: 5px;
    box-shadow: #ddd 2px 2px 2px;
    padding: 10px;
}

.box-mini {
    min-height: 70px;
}

.box-primary {
    background-color: #e1edf2;
}

.box-default {
    background-color: #F7F7FF;
}

table {
    width: 100%;
}

    table td {
        vertical-align: top;
    }

.fg-primary {
    color: #30a4d2;
}

.fg-secondary {
    color: #30a4d2;
}

.fg-material {
    color: #324d5d;
}

.fg-labor {
    color: #3fb39d;
}

.fg-overhead {
    color: #f0ca3e;
}

.fg-profit {
    color: #e47a36;
}

.fg-other {
    color: #e15a45;
}

.fg-tooling {
    color: #982c3c;
}

.separator-1 {
    border-top: solid 3px #25b27a;
    margin-top: 5px;
    margin-bottom: 5px;
}

.separator-2 {
    border-top: solid 3px #25c27a;
    margin-top: 5px;
    margin-bottom: 5px;
}

.separator-3 {
    border-top: solid 2px #25b27a;
    margin-top: 5px;
    margin-bottom: 5px;
}

.separator-4 {
    border-top: solid 2px #25c27a;
    margin-top: 5px;
    margin-bottom: 5px;
}

.separator-5 {
    border-top: solid 1px #25b27a;
    margin-top: 5px;
    margin-bottom: 5px;
}

.separator-6 {
    border-top: solid 1px #25c27a;
    margin-top: 5px;
    margin-bottom: 5px;
}

.badge {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.pointer-down-primary {
    border-top: solid 3px #50a4c2;
    border-right: solid 3px #50a4c2;
    height: 8px;
    margin-bottom: 5px;
}

.pointer-down-danger {
    border-top: solid 3px #982c3c;
    border-right: solid 3px #982c3c;
    height: 8px;
    margin-bottom: 5px;
}

.pointer-up-primary {
    border-bottom: solid 3px #50a4c2;
    border-right: solid 3px #50a4c2;
    height: 8px;
    margin-top: 5px;
}

.pointer-up-danger {
    border-bottom: solid 3px #982c3c;
    border-right: solid 3px #982c3c;
    height: 8px;
    margin-top: 5px;
}

.pull-right {
    position: relative;
    display: block;
    right: 0;
    top: -18px;
    text-align: right;
    height: 0px;
}

.textsize-1 {
    font-size: 18px;
}

.textsize-2 {
    font-size: 16px;
}

.textsize-3 {
    font-size: 14px;
}

.text-bold {
    font-weight: bold;
}

.v-mid {
    vertical-align: middle;
}

.h-mid {
    text-align:center;
}

.h-left {
    text-align:left;
}

.h-right {
    text-align:right;
}

.textBox {
    height:25px;
    line-height:25px;
    font-size: 20px;
    border: 1px solid #C0C0C0;
}

.btn {
    height: 36px;
    line-height: 30px;
    cursor: pointer;
    border: 1px solid #C0C0C0;
    font-size: 20px;
    vertical-align:middle;
}

.btn-primary {
    background-color: #0078D7;
    color: #F7F7FF;
}

.bg-primary {
    background-color: #345995;
    color: #F7F7FF;
}
.bg-default {
    background-color: #F7F7FF;
}

.tableHeader {
    background-color: #2B3D41;
    color: #F7F7FF;
}

    .tableHeader th {
        text-align:center;
        font-size: 35px;
        font-weight:bold;
    }

.image-button {
    vertical-align:middle;
    height:24px; 
    cursor: pointer;
    border-left: 0px;
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
}

.image-button-1 {
    vertical-align:middle;
    height:24px; 
    cursor: pointer;
    border-radius: 2px;
}

.search-box {
    font-size:18px;
    width:120px;
    height:25px; 
    vertical-align:middle;
    border-right:0px;
}