﻿.well-header-flat {
    background-color: #34495e;
    background-position: left 0px, right -45px, right -90px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    height: 16px;
    padding: 5px 5px 5px 10px;
    line-height: 16px;
    /*border: 1px solid #34495e;*/
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    margin-top: 5px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

    .well-header-flat.sky-blue {
        background-color: #2c3e50;
    }

      .well-header-flat.dark-red {
        background-color: #d42318;
    }

    .well-header-flat.teal {
        background: #356272;
        background: -webkit-linear-gradient(#356272, #3a6f81);
        background: -moz-linear-gradient(#356272, #3a6f81);
        background: linear-gradient(#356272, #3a6f81);
    }

    .well-header-flat.flat-sky-blue {
        background-color: #34495e;
        /*background: -webkit-linear-gradient(#2980b9, #3498db);
        background: -moz-linear-gradient(#2980b9, #3498db);
        background: linear-gradient(#2980b9, #3498db);*/
    }

    .well-header-flat.forest-green-light {
        background-color: #27AE60;
    }

    .well-header-flat.forest-orange-light {
        background-color: #D35400;
    }

    .well-header-flat.forest-green {
        background-color: #2d5036;
    }

    .well-header-flat.complete-green {
        background-color: #27AE60;
    }

    .well-header-flat.production-blue {
        background-color: #34495E;
    }

     .well-header-flat.light-blue {
        background-color: #2980b9;
    }

.well-flat.forest-orange-light {
    background-color: #D35400;
     background-image:none;
}

.well-flat.forest-green {
    background-color: #2d5036;
}

.well-flat.complete-green {
    background-color: #27AE60;
     background-image:none;
}

.well-flat.production-blue {
    background-color: #34495E;
    background-image:none;
}

.well-header-flat.mint {
    background-color: #16a085;
}

.well-header-flat.blue {
    background-color: #efefef;
    background-image: url('./images/panel-header-bg-blue.png'), url('./images/panel-header-bg-blue.png'), url('./images/panel-header-bg-blue.png');
    background-position: left 0px, right -45px, right -90px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    color: #34495E;
    border: 1px solid #bebebe;
}

.well-header-flat.navy-blue-dark {
    background-color: #0B242F;
}

.well-header-flat.navy-blue-light {
    background-color: #34495e;
}

.well-header-flat.orange {
    background-color: #d35400;
}

.well-header-flat.light-gray {
    background-color: #808080;
    border: 1px solid #808080;
}

.well-header-flat.light-gray-fade {
    background: #808080;
    background: -webkit-linear-gradient(#808080, #707070);
    background: -moz-linear-gradient(#808080, #707070);
    background: linear-gradient(#808080, #707070);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #707070;
    color: #fff;
}

.well-header-flat.black-footer {
    background-color: #404040;
    margin-top: 0px;
    height: 10px;
    border: 1px solid #404040;
}

.well-header-flat.black-footer-summary {
    margin-top: 7px;
    background-color: #404040;
    height: 20px;
    color: #ffffff;
    line-height: 24px;
    border-top: 3px solid #2980b9;
    font-size: 18px;
    padding: 8px;
}

.well-flat {
    background-color: #ecf0f1;
    border: 1px solid #bdc3c7;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 5px;
    min-height: 20px;
    padding: 10px 5px 10px 5px;
    border-top: none;
    min-height: 35px;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
}

    .well-flat.well-search-flat {
        background: #DCDCDC;
        /*background: -webkit-linear-gradient(#707070, #404040);
        background: -moz-linear-gradient(#707070, #404040);
        background: linear-gradient(#707070, #404040);*/
        /*border: 1px solid #bdc3c7 !important;*/
        margin-bottom: 10px;
        margin-top: 5px;
        /*background-color: #34495e;*/
        border: 0px;
        color: #404040;
        /*-webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;*/
    }

.well-shadow {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.effect1 {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

.table-flat {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
}

    .table-flat table {
        border-color: #bebebe;
    }

    .table-flat .table-bordered thead {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        /*border: 1px solid #bebebe;
        border-top:1px solid #0B242F;*/
    }

    .table-flat .table th {
        background-color: #efefef;
        background-image: url('./images/panel-header-bg-blue.png'), url('./images/panel-header-bg-blue.png'), url('./images/panel-header-bg-blue.png');
        background-position: left 0px, right -45px, right -90px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        color: #0B242F;
        padding: 5px;
    }

    .table-flat .table-bordered thead:first-child tr:first-child > th:first-child {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        /*border-left: 1px solid #bebebe;*/
    }

    .table-flat .table-bordered th, .table-flat .table-bordered td {
        border-left: 1px solid #bebebe;
    }



    .table-flat .table-bordered thead:first-child tr:first-child > th:last-child {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        /*border-right: 1px solid #bebebe;*/
    }

.label-transparant {
    background-color: rgba(0, 0, 0, 0.07);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    line-height: 18px;
    margin: 0 0 0 2px;
    padding: 1px 6px;
    vertical-align: baseline;
    font-weight: bold;
    font-size: 12px;
}

.btn-flat {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
}

    .btn-flat.btn-sky-blue {
        background-color: #2980b9;
        border: 1px solid #2980b9;
        color: #ffffff;
    }

        .btn-flat.btn-sky-blue:hover {
            background-color: #3498db;
            border: 1px solid #3498db;
        }

        .btn-flat.btn-green {
        background-color: #345f41;
        border: 1px solid #345f41;
        color: #ffffff;
    }

        .btn-flat.btn-green:hover {
            background-color: #2d5036;
            border: 1px solid #2d5036;
        }

         .btn-flat.btn-red {
        background-color: #c0392b;
        border: 1px solid #c0392b;
        color: #ffffff;
    }

        .btn-flat.btn-red:hover {
            background-color: #e74c3c;
            border: 1px solid #e74c3c;
        }

.jbarea4 .well-header-flat {
    margin-top: 0px;
}

.jbarea4 .well-flat {
    margin-bottom: 20px;
}

.well-flat-container .well-flat {
    margin-bottom: 15px;
}

.job-total-section {
    margin-top: 20px;
}

.spacerLeft50 {
    margin-left: 5px !important;
}

.spacerLeft20 {
    margin-left: 20px !important;
}

.flat-toolbar-shorcut .icon32 {
    font-size: 32px;
    color: #E9E9E9;
    line-height: 32px;
    display: block !important;
}

#job-builder-template .jb-footer {
    margin-top: 0px !important;
    margin-bottom: 10px;
}

.jb-footer .aqua-panel-content {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 2px solid #0b242f;
    padding: 0px !important;
}


.job-builder-footer-flat {
    overflow: auto;
    padding: 5px;
    display: block;
    min-height: 200px;
    background: #0b242f url('./images/aqua-header-bg.png');
    border-right: 0px solid #0b242f;
    border-top: 2px solid #0b242f;
    border-bottom: 15px solid #0b242f;
}


    .job-builder-footer-flat .content-block {
        padding: 5px;
        background: #e9e9e9 url('./images/dark-body-bg.png');
        margin: 0px;
        min-height: 325px;
    }


.inside-content-block {
    display: block;
    overflow: visible;
    background: #ffffff;
    height: 100%;
    padding: 5px;
    margin-bottom: 10px;
}

.footer-filler {
    margin-top: 12px;
    border: none !important;
    min-height: 90px;
}

.customer-filler {
    margin-top: 20px;
    border: none !important;
    min-height: 340px;
    background-color: #ffffff !important;
}


.db-summary {
    background-color: #404040;
    height: 100px;
    margin-bottom: 5px;
    padding: 0px;
    background: #e9e9e9 url('./images/dark-body-bg.png');
}

    .db-summary .well-flat {
        background: #e9e9e9 url('./images/dark-body-bg.png');
        border: none;
    }

.order-summary-container {
    /*width: 470px;*/
    float: left;
    /*margin-right:10px;*/
}

.summary-tab {
    margin-bottom: 15px;
}

.recent-activity-container .well-flat {
    margin-bottom: 20px;
}

.recent-activity-container .box {
    margin-bottom: 10px;
}

.recent-activity-table {
    background-color: #fff;
    display: inherit;
    margin-left: 0px;
    padding: 0;
}

.current-order-container {
    margin-top: 10px;
}

.order-summary-container .row-summary {
    margin-bottom: 5px;
}

.box {
    margin-bottom: 20px;
    position: relative;
}

    .box .box-header {
        font-size: 18px;
        font-weight: 200;
        line-height: 24px;
        padding: 10px 15px;
    }

.search-header {
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    padding: 25px 15px 8px 15px;
    width: 800px;
    color: #3c3c3c;
}

.board-header {
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    padding: 5px 15px 10px 15px;
    width: 97%;
    color: #3c3c3c;
}

.box .box-header .title {
    float: left;
    color: #3c3c3c;
    width: 100%;
    padding-bottom: 10px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.box .box-content {
    padding: 10px;
    border: 1px solid #dddddd;
    background: white;
    display: block;
    /*-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;*/
}

.box-statistic {
    background-color: white;
    padding: 5px 10px;
    position: relative;
}

.box-content .desc {
    font-size: 12px;
}

.box-statistic .title {
    margin: 0;
    line-height: 28px;
}

.box-statistic small {
    text-transform: uppercase;
}

.box-statistic [class*="icon-"].align-right {
    position: absolute;
    right: 10px;
}

.box-statistic [class*="icon-"] {
    font-size: 30px;
    top: 13px;
}


.dashboard-wrapper .widget, .dashboard-wrapper .widget-border {
    background: white;
    border: 0px solid #e0e0e0;
    clear: both;
    margin-top: 15px;
    /*margin-bottom: 30px;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
}

    .dashboard-wrapper .widget .widget-header, .dashboard-wrapper .widget-border .widget-header {
        background-color: #34495E;
        /* Fallback Color */
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0B242F), to(#34495E));
        /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(top, #0B242F, #34495E);
        /* Chrome 10+, Saf5.1+, iOS 5+ */
        background-image: -moz-linear-gradient(top, #0B242F, #34495E);
        /* FF3.6 */
        background-image: -ms-linear-gradient(top, #0B242F, #34495E);
        /* IE10 */
        background-image: -o-linear-gradient(top, #0B242F, #34495E);
        /* Opera 11.10+ */
        background-image: linear-gradient(top, #0B242F, #34495E);
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        /*border-bottom: 1px solid #d9d9d9;*/
        border: 1px solid #0B242F;
        height: 30px;
        line-height: 30px;
        padding: 5px 10px;
    }

.pick-up-header {
    background-color: #34495E;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0B242F), to(#34495E));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #0B242F, #34495E);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #0B242F, #34495E);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #0B242F, #34495E);
    /* IE10 */
    background-image: -o-linear-gradient(top, #0B242F, #34495E);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #0B242F, #34495E);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    /*border-bottom: 1px solid #d9d9d9;*/
    border: 1px solid #0B242F;
    height: 40px;
    line-height: 40px;
    padding: 5px 10px;
}

    .pick-up-header .title {
        color: #ffffff;
        float: left;
        font-weight: 600;
        font-size: 14px;
    }

    .pick-up-header .btn-toolbar {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 0;
    }

.dashboard-wrapper .widget .widget-header .title, .dashboard-wrapper .widget-border .widget-header .title {
    color: #ffffff;
    float: left;
    font-weight: 600;
    font-size: 14px;
}

.dashboard-wrapper .widget .widget-body, .dashboard-wrapper .widget-border .widget-body {
    padding: 10px;
}

.dashboard-wrapper label {
    display: block;
    margin-bottom: 5px;
}

.dashboard-wrapper label, .dashboard-wrapper input, .dashboard-wrapper button, .dashboard-wrapper select, .dashboard-wrapper textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.dataTables_filter input {
    width: 160px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.dataTables_filter .add-on {
    margin-top: 5px;
}

.dashboard-wrapper input[type="text"], .dashboard-wrapper input[type="password"], .dashboard-wrapper input[type="datetime"], .dashboard-wrapper input[type="datetime-local"], .dashboard-wrapper input[type="date"], .dashboard-wrapper input[type="month"], .dashboard-wrapper input[type="time"], .dashboard-wrapper input[type="week"], .dashboard-wrapper input[type="number"], .dashboard-wrapper input[type="email"], .dashboard-wrapper input[type="url"], .dashboard-wrapper input[type="search"], .dashboard-wrapper input[type="tel"], .dashboard-wrapper input[type="color"] {
    background-color: white;
    border: 1px solid #d9d9d9;
    -webkit-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
    -o-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
    transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
}

.dashboard-wrapper .table-bordered {
    border: 1px solid #e0e0e0;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .dashboard-wrapper .table-bordered th, .dashboard-wrapper .table-bordered td {
        border-left: 1px solid #e0e0e0;
    }

    .dashboard-wrapper .table-bordered caption + thead tr:first-child th {
        border-top: 0;
    }

    .dashboard-wrapper .table-bordered caption + tbody tr:first-child th, .dashboard-wrapper .table-bordered caption + tbody tr:first-child td {
        border-top: 0;
    }

    .dashboard-wrapper .table-bordered colgroup + thead tr:first-child th {
        border-top: 0;
    }

    .dashboard-wrapper .table-bordered colgroup + tbody tr:first-child th, .dashboard-wrapper .table-bordered colgroup + tbody tr:first-child td {
        border-top: 0;
    }

    .dashboard-wrapper .table-bordered thead:first-child tr:first-child th {
        border-top: 0;
    }

    .dashboard-wrapper .table-bordered tbody:first-child tr:first-child th, .dashboard-wrapper .table-bordered tbody:first-child tr:first-child td {
        border-top: 0;
    }

    .dashboard-wrapper .table-bordered thead:first-child tr:first-child > th:first-child, .dashboard-wrapper .table-bordered tbody:first-child tr:first-child > td:first-child {
        -webkit-border-radius: 2px 0 0 0;
        -moz-border-radius: 2px 0 0 0;
        border-radius: 2px 0 0 0;
    }

    .dashboard-wrapper .table-bordered thead:first-child tr:first-child > th:last-child, .dashboard-wrapper .table-bordered tbody:first-child tr:first-child > td:last-child {
        -webkit-border-radius: 0 2px 0 0;
        -moz-border-radius: 0 2px 0 0;
        border-radius: 0 2px 0 0;
    }

    .dashboard-wrapper .table-bordered thead:last-child tr:last-child > th:first-child, .dashboard-wrapper .table-bordered tbody:last-child tr:last-child > td:first-child, .dashboard-wrapper .table-bordered tfoot:last-child tr:last-child > td:first-child {
        -webkit-border-radius: 0 0 0 2px;
        -moz-border-radius: 0 0 0 2px;
        border-radius: 0 0 0 2px;
    }

    .dashboard-wrapper .table-bordered thead:last-child tr:last-child > th:last-child, .dashboard-wrapper .table-bordered tbody:last-child tr:last-child > td:last-child {
        -webkit-border-radius: 0 0 2px 0;
        -moz-border-radius: 0 0 2px 0;
        border-radius: 0 0 2px 0;
    }

    .dashboard-wrapper .table-bordered tfoot:last-child tr:last-child > td:last-child {
        -webkit-border-radius: 0 0 2px 0;
        -moz-border-radius: 0 0 2px 0;
        border-radius: 0 0 2px 0;
    }

    .dashboard-wrapper .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

    .dashboard-wrapper .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
        -webkit-border-radius: 0 0 2px 0;
        -moz-border-radius: 0 0 2px 0;
        border-radius: 0 0 2px 0;
    }

    .dashboard-wrapper .table-bordered caption + thead tr:first-child th:first-child, .dashboard-wrapper .table-bordered caption + tbody tr:first-child td:first-child {
        -webkit-border-radius: 2px 0 0 0;
        -moz-border-radius: 2px 0 0 0;
        border-radius: 2px 0 0 0;
    }

    .dashboard-wrapper .table-bordered colgroup + thead tr:first-child th:first-child, .dashboard-wrapper .table-bordered colgroup + tbody tr:first-child td:first-child {
        -webkit-border-radius: 2px 0 0 0;
        -moz-border-radius: 2px 0 0 0;
        border-radius: 2px 0 0 0;
    }

    .dashboard-wrapper .table-bordered caption + thead tr:first-child th:last-child, .dashboard-wrapper .table-bordered caption + tbody tr:first-child td:last-child {
        -webkit-border-radius: 0 2px 0 0;
        -moz-border-radius: 0 2px 0 0;
        border-radius: 0 2px 0 0;
    }

    .dashboard-wrapper .table-bordered colgroup + thead tr:first-child th:last-child, .dashboard-wrapper .table-bordered colgroup + tbody tr:first-child td:last-child {
        -webkit-border-radius: 0 2px 0 0;
        -moz-border-radius: 0 2px 0 0;
        border-radius: 0 2px 0 0;
    }


.dashboard-wrapper .table {
    width: 100%;
    margin-bottom: 10px;
}

    .dashboard-wrapper .table th, .dashboard-wrapper .table td {
        padding: 10px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #e0e0e0;
    }

    .dashboard-wrapper .table th {
        font-weight: bold;
        padding: 10px;
        background: #f2f2f2;
        color: #0B242F;
    }

    .dashboard-wrapper .table thead th {
        vertical-align: bottom;
    }

    .dashboard-wrapper .table caption + thead tr:first-child th, .dashboard-wrapper .table caption + thead tr:first-child td {
        border-top: 0;
    }

    .dashboard-wrapper .table colgroup + thead tr:first-child th, .dashboard-wrapper .table colgroup + thead tr:first-child td {
        border-top: 0;
    }

    .dashboard-wrapper .table thead:first-child tr:first-child th, .dashboard-wrapper .table thead:first-child tr:first-child td {
        border-top: 0;
    }

    .dashboard-wrapper .table tbody + tbody {
        border-top: 2px solid #d9d9d9;
    }

    .dashboard-wrapper .table .table {
        background-color: white;
    }

    .dashboard-wrapper .table td.highlight {
        background: #ebebeb;
    }

    .dashboard-wrapper .table td.highlight-even {
        background: #f7f7f7;
    }

    .dashboard-wrapper .table td.no-border {
        border-left: none;
        border-right: none;
    }

.dashboard-wrapper .table-striped tbody > tr:nth-child(odd) > td {
    background-color: #fafafa;
}


.dashboard-wrapper .badge-complete {
    background-color: #27ae60;
}

.dashboard-wrapper .badge-production {
    background-color: #34495e;
}

.dashboard-wrapper .badge-inactive {
    background-color: #e74c3c;
}

.dashboard-wrapper .badge-posted {
    background-color: #27ae60;
}

.dashboard-wrapper .badge-postQueue {
    background-color: #ffa800;
}

.dashboard-wrapper .badge-nonPosted {
    background-color: #e74c3c;
}

.dataTables_table a {
    text-decoration: underline;
    color: #0A212C !important;
}

    .dataTables_table a:hover {
        text-decoration: none;
    }



#search-template .aqua-panel {
    min-height: 250px;
}


.customer-control .nav-tabs > li > a:hover {
    border-color: #34495e #34495e #34495e;
    color: #fff;
    background-color: #34495e;
}

.customer-control .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    color: #ffffff;
    background-color: #34495e;
    border: 1px solid #34495e;
    border-bottom-color: transparent;
    cursor: default;
}

.customer-control .nav-tabs > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #ecf0f1;
    background-color: #606060;
    margin-right: 4px;
}

.customer-control .tab-content {
    background-color: #34495e;
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    min-height: 270px;
}

#job-builder .customer-control .tab-content {
    background-color: #D3E8F2;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    min-height: 270px;
    border: 1px solid #bebebe;
    border-top: none;
}

.customer-content .aqua-panel {
    background-color: #34495E;
    margin-top: 0px;
    padding: 10px;
}

.customer-control .tab-pane {
    padding: 3px 5px 5px 5px;
}

#search-control .small {
    font-size: 12px;
}

#search-control .well-flat {
    border-top: 1px solid #bdc3c7;
    min-height: 238px;
}

.filter-label {
    font-size: 14px;
    color: #0B242F;
}

.dataTables_filter .customer-search-input {
    width: 808px;
    background-color: #f8efcc !important;
}

.dataTables_filter .priceCheck-search-input {
    width: 405px;
    background-color: #f8efcc !important;
}

.dataTables_filter .invoice-search-input {
    width: 290px;
    background-color: #f8efcc !important;
}

.dataTables_filter .work-order-search-input {
    width: 280px;
    background-color: #f8efcc !important;
}

.dataTables_filter .select2-container {
    margin: 0px 10px 0px 12px;
    font-size: 14px;
}

#invoice_wrapper .input-append, #invoice_wrapper .input-prepend {
    margin-top: 10px;
}

#invoice_wrapper .from-date, #invoice_wrapper .to-date {
    width: 130px;
}

#invoice_wrapper .date-search {
    margin-top: 10px;
}


.btns {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #e6e6e6;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e6e6e6));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, white, #e6e6e6);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, white, #e6e6e6);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, white, #e6e6e6);
    /* IE10 */
    background-image: -o-linear-gradient(top, white, #e6e6e6);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, white, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #f0f0f0 #f0f0f0 #e6e6e6;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border: 1px solid #f0f0f0;
    *border: 0;
    border-bottom-color: #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btns:hover, .btns:active, .btns.active, .btns.disabled, .btns[disabled] {
        color: #333333;
        background-color: #ededed;
        *background-color: #e8e8e8;
    }

    .btns:active, .btns.active {
        background-color: #cccccc \9;
    }

    .btns:first-child {
        *margin-left: 0;
    }

    .btns:hover {
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btns:focus {
        outline: thin dotted #333333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btns.active, .btns:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btns.disabled, .btns[disabled] {
        cursor: default;
        background-image: none;
        opacity: 0.65;
        -moz-box-shadow: 0 0 0 white;
        /* FF3.5+ */
        -webkit-box-shadow: 0 0 0 white;
        /* Saf3.0+, Chrome */
        box-shadow: 0 0 0 white;
        /* Opera 10.5, IE9 */
    }

.btns-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .btns-large [class^="icon-"], .btns-large [class*=" icon-"] {
        margin-top: 4px;
    }

.btns-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .btns-small [class^="icon-"], .btns-small [class*=" icon-"] {
        margin-top: 0;
    }

.btns-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .btns-mini [class^="icon-"], .btns-mini [class*=" icon-"] {
        margin-top: -1px;
    }

.btns-mini-2 {
    padding: 0 10px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .btns-mini-2 [class^="icon-"], .btns-mini [class*=" icon-"] {
        margin-top: -1px;
        margin-right: 5px;
    }

.btns-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btns-block + .btns-block {
        margin-top: 5px;
    }


.btns-primary.active, .btns-warning.active, .btns-warning2.active, .btns-danger.active, .btns-success.active, .btns-info.active, .btns-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}


.btns-primary {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #3071a9;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #428bca, #3071a9);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #428bca, #3071a9);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #428bca, #3071a9);
    /* IE10 */
    background-image: -o-linear-gradient(top, #428bca, #3071a9);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #428bca, #3071a9);
    background-repeat: repeat-x;
    border-color: #428bca #428bca #3071a9;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btns-primary:hover, .btns-primary:active, .btns-primary.active, .btns-primary.disabled, .btns-primary[disabled] {
        color: white;
        background-color: #3071a9;
        *background-color: #3071a9;
    }

    .btns-primary:active, .btns-primary.active {
        background-color: #428bca \9;
    }

.btns-warning {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f0c129;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3cf59), to(#f0c129));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f3cf59, #f0c129);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #f3cf59, #f0c129);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #f3cf59, #f0c129);
    /* IE10 */
    background-image: -o-linear-gradient(top, #f3cf59, #f0c129);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #f3cf59, #f0c129);
    border-color: #f3cf59 #f3cf59 #f0c129;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btns-warning:hover, .btns-warning:active, .btns-warning.active, .btns-warning.disabled, .btns-warning[disabled] {
        color: white;
        background-color: #f0c129;
        *background-color: #f0c129;
    }

    .btns-warning:active, .btns-warning.active {
        background-color: #f3cf59 \9;
    }

.btns-warning2 {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #de791b;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e89344), to(#de791b));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #e89344, #de791b);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #e89344, #de791b);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #e89344, #de791b);
    /* IE10 */
    background-image: -o-linear-gradient(top, #e89344, #de791b);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #e89344, #de791b);
    border-color: #e89344 #e89344 #de791b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btns-warning2:hover, .btns-warning2:active, .btns-warning2.active, .btns-warning2.disabled, .btns-warning2[disabled] {
        color: white;
        background-color: #de791b;
        *background-color: #de791b;
    }

    .btns-warning2:active, .btns-warning2.active {
        background-color: #e89344 \9;
    }

.btns-danger {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e2231f;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e84f4c), to(#e2231f));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #e84f4c, #e2231f);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #e84f4c, #e2231f);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #e84f4c, #e2231f);
    /* IE10 */
    background-image: -o-linear-gradient(top, #e84f4c, #e2231f);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #e84f4c, #e2231f);
    border-color: #e84f4c #e84f4c #e2231f;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btns-danger:hover, .btns-danger:active, .btns-danger.active, .btns-danger.disabled, .btns-danger[disabled] {
        color: white;
        background-color: #e2231f;
        *background-color: #e2231f;
    }

    .btns-danger:active, .btns-danger.active {
        background-color: #e84f4c \9;
    }

.btns-success {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #48b162;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6ac280), to(#48b162));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #6ac280, #48b162);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #6ac280, #48b162);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #6ac280, #48b162);
    /* IE10 */
    background-image: -o-linear-gradient(top, #6ac280, #48b162);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #6ac280, #48b162);
    border-color: #6ac280 #6ac280 #48b162;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btns-success:hover, .btns-success:active, .btns-success.active, .btns-success.disabled, .btns-success[disabled] {
        color: white;
        background-color: #48b162;
        *background-color: #48b162;
    }

    .btns-success:active, .btns-success.active {
        background-color: #6ac280 \9;
    }

.btns-green {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btns-green:hover, .btns-green:active, .btns-green.active, .btns-green.disabled, .btns-green[disabled] {
        color: #ffffff;
        background-color: #51a351;
        *background-color: #499249;
    }

    .btns-green:active, .btns-green.active {
        background-color: #408140 \9;
    }

.btns-info {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #337ead;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4a98c9), to(#337ead));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #4a98c9, #337ead);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #4a98c9, #337ead);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #4a98c9, #337ead);
    /* IE10 */
    background-image: -o-linear-gradient(top, #4a98c9, #337ead);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #4a98c9, #337ead);
    border-color: #4a98c9 #4a98c9 #337ead;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btns-info:hover, .btns-info:active, .btns-info.active, .btns-info.disabled, .btns-info[disabled] {
        color: white;
        background-color: #337ead;
        *background-color: #337ead;
    }

    .btns-info:active, .btns-info.active {
        background-color: #4a98c9 \9;
    }

.btns-inverse {
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #4d4d4d;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#4d4d4d));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #404040, #4d4d4d);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #404040, #4d4d4d);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #404040, #4d4d4d);
    /* IE10 */
    background-image: -o-linear-gradient(top, #404040, #4d4d4d);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #404040, #4d4d4d);
    border-color: #4d4d4d #4d4d4d black;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    .btns-inverse:hover, .btns-inverse:active, .btns-inverse.active, .btns-inverse.disabled, .btns-inverse[disabled] {
        color: white;
        background-color: #4d4d4d;
        *background-color: #4d4d4d;
    }

    .btns-inverse:active, .btns-inverse.active {
        background-color: black \9;
    }

button.btns, input[type="submit"].btns {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btns::-moz-focus-inner, input[type="submit"].btns::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

.widget-table {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.widget-table-2 {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.noteArea1 {
    width: 790px;
}

.flat-toolbar-shorcut.two-labels {
    line-height: 12px !important;
}

.order-notes.content-block {
    min-height: 323px!important;
}

.order-notes .well-flat {
    border-top: 1px solid #bdc3c7;
}

.well-header-flat.tall-header {
    height: 30px;
    line-height: 30px;
}

.job-control .product-well .tab-content {
    min-height: 190px;
    background-color: #4c6072;
    border: 1px solid #4c6072;
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    padding: 5px;
}

#job-builder .product-well .nav-tabs > li > a:hover {
    border-color: #4c6072 #4c6072 #4c6072;
    color: #fff;
    background-color: #4c6072;
}



#job-builder .product-well .nav-tabs > .active > a, #job-builder .product-well .nav-tabs > .active > a:hover, #job-builder .product-well .nav-tabs > .active > a:focus {
    color: #ffffff;
    background-color: #4c6072;
    border: 1px solid #4c6072;
    border-bottom-color: transparent;
    cursor: default;
}


#job-builder .product-well .nav-tabs > li > a {
    padding: 5px 10px;
    margin-right: 3px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0 !important;
    -moz-border-radius: 4px 4px 0 0 !important;
    border-radius: 4px 4px 0 0 !important;
    color: #ecf0f1;
    text-align: center;
    background-color: #606060;
}

#job-builder .product-well .aqua-panel {
    background-color: #ffffff;
    /*margin-top: 5px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 180px;
    /*margin-bottom: 10px;*/
}


#jb-tabs .spanProductEach {
    width: 775px !important;
    margin-left: 0px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.each-accessory-section .well-header-flat {
    margin-top:30px;
}

.each-product-section {
    margin-top:30px;
}

.jb-product-control {
   margin-top:30px;
}

.job-control .each-product-section .tab-content  {
    min-height:190px;
}

.job-control .jb-product-control .tab-content {
    min-height:190px;
}

.jb-product-control .well-flat {
    border-top: 1px solid #bdc3c7;
    min-height:160px;
}