﻿#board-table {
    border-spacing: 8px 0px;
    border-collapse: separate;
    margin-bottom: 15px;
    padding: 0;
    table-layout: fixed;
    width: 100%;
    min-height: 485px;
}

    #board-table td {
        vertical-align: top;
    }

#tracker-table {
    border-spacing: 8px 0px;
    border-collapse: separate;
    margin-bottom: 15px;
    padding: 0;
    table-layout: fixed;
    width: 100%;
    height: 95%;
}

    #tracker-table td {
        vertical-align: top;
    }

#board-wrapper {
    display: block;
    overflow: visible;
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
    top: 30px;
    min-height: 500px;
}

#tracker-wrapper {
    display: block;
    overflow: visible;
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
    top: 30px;
    height: 90%;
    background-color: white;
    width: 100%;
}

#summary-wrapper {
    display: block;
    min-height: 500px;
}

#summary-table {
    border-spacing: 8px 0px;
    border-collapse: separate;
    margin-bottom: 15px;
    padding: 0;
    table-layout: fixed;
    width: 100%;
    min-height: 290px;
}

#board-wrapper tbody {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.columnHeader {
    background-color: #34495E;
    /*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;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    height: 35px;
    padding: 0px 10px;
    line-height: 45px;
    border: 1px solid #34495E;
    margin-top: 5px;
}

.columnHeader-inner {
    height: 30px;
    padding: 2px 0;
    position: relative;
    /*background-color:red;*/
}

.columnHeader-inner-main {
    height: 25px;
    padding: 2px 0;
    position: relative;
    /*background-color:#27AE60 ;*/
    border-radius:5px;
}

.columnHeader-inner-sub {
    height: 30px;
    padding: 2px 0;
    position: relative;
    background-color:forestgreen;
    border-radius:5px;
}

.columnHeader-name {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 16px;
    left: 34px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 34px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;   
}

.tracker-header {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 16px;
    left: 34px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 34px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;   
}

.columnHeader-inner h2 {
    line-height: 30px;
    color: #ffffff;
}


.board-swimlane {
    border: 1px solid #404040;
}

.board-taskListCell {
    /*border-left: 1px dashed #404040;*/
    border: 1px solid #bebebe;
    /*background: #F4F4F4 !important;*/
    border-top: none;
}

.task {
    border: 1px solid #fed22f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    margin: 15px 5px 20px 5px;
    padding: 5px;
    position: relative;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #000 !important;
}

    .task [class*="icon"] {
        font-size: 12px;
    }

.task-avatarWrapper [class*="icon"] {
    font-size: 24px !important;
}

.task.task-green {
    background-color: #dcffc2;
}

.task.task-inactive {
    background-color: #f0deb4;
    border-color: #d5c295;
}

.task-inactive .job-uploads{
    background-color: rgba(0, 0, 0, 0.07);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.task.task-complete {
    background-color: #DCFFC2;
    border-color: #7DBB00;
}

.task-complete .job-uploads{
    background-color: rgba(0, 0, 0, 0.07);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.task.task-pickup {
    background-color: #DCFFC2;
    border-color: #7DBB00;
}

.task.task-pastdue {
    background-color: #FFCCD6;
    border-color: #E74C3C;
}

.task.task-today {
    background-color: #F1D6C2;
    border-color: #CCA56A;
}

.task.task-tomorrow {
    background-color: #DBFFF2;
    border-color: #70DDB4;
}

.task.task-production {
    background-color: #C3DDFF;
    border-color: #4A99FF;
}

.task-production .job-uploads{
    background-color: rgba(0, 0, 0, 0.07);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.task-jobs {
    background-color: rgba(0, 0, 0, 0.07);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    float: right;
    font-size: 12px;
    cursor: pointer;
    line-height: 18px;
    margin: 0 0 0 2px;
    padding: 1px 6px;
    vertical-align: baseline;
}

.task-readonly {
    background-color: #1abc9c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    float: right;
    font-size: 12px;
    cursor: pointer;
    line-height: 18px;
    margin: 0 0 0 2px;
    padding: 1px 6px;
    vertical-align: baseline;
    color: #ffffff;
}

.task-dates {
    background-color: rgba(0, 0, 0, 0.07);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    margin: 0 0 0 2px;
    padding: 0 4px;
    vertical-align: baseline;
    white-space: nowrap;
}

.task-description, .work-order-description {
    border-top: 1px dashed #fed22f;
    font-size: 11px;
    margin-top: 7px;
    padding-top: 7px;
}

.task-description-job-link {
    border-top: none;
    font-size: 11px;
    margin-top: 0px;
    padding-top: 3px;
}

.task-description-job-link:hover {
   cursor:pointer;
}

    .task-description .font12 {
        font-size: 12px !important;
    }

.task-complete .task-description, .task-complete .work-order-description {
    border-top-color: #bdc3c7;
}

.task-pastdue .task-description, .task-pastdue .work-order-description {
    border-top-color: #7f8c8d;
}

.task-today .task-description, .task-today .work-order-description {
    border-top-color: #7f8c8d;
}

.task-tomorrow .task-description, .task-tomorrow .work-order-description {
    border-top-color: #7f8c8d;
}


.task-inactive .task-description, .task-inactive .work-order-description {
    border-top-color: #FF8099;
}

.task-production .task-description, .task-production .work-order-description {
    border-top-color: #BDC3C7;
}

.workorder-widget-details {
    cursor: pointer;
}

    .workorder-widget-details [class*="icon"] {
        font-size: 12px;
    }

.task-jobs [class*="icon"] {
    font-size: 14px;
}

.workorder-widget-header {
    cursor: pointer;
    width: 100%;
}

.task-description .icon-print {
    font-size: 18px !important;
}

.board-select-active {
    margin: 10px;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

#board-wrapper .board-form-search {
    margin: 15px 5px 0px 5px;
}

.board-form-search {
    padding-top: 5px;
}

.board-form-filter {
    padding-bottom: 5px !important;
    padding-top: 5px;
    padding-left: 10px;
    color: #000000;
}

.board-form-filter-area {
    margin: 0px;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    color: #000000;
}

.board-form-search input {
    margin-bottom: 0px !important;
    width: 565px !important;
    background-color: #FAFFBD !important;
}

.board-form-filter input {
    color: #000000;
}

.order-summary.pickup-summary {
    background: #34495E;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.order-summary {
    display: block;
    overflow: visible;
    /*background: #D3E8F2;*/
    padding: 5px;
    /*border-bottom: 1px solid #34495E;*/
    margin-bottom: 20px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    border-color: #c5c5c5;
    border-style: solid;
    border-width: 1px;
    background-repeat: repeat;
    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%;
    background-color: #eae8e8;
}

.widget .pickup-summary {
    border: 0px !important;
}

.dashboard-container {
    display: block;
    overflow: visible;
    background: #FBFBFB;
    padding: 5px;
    border-bottom: 3px solid #ffffff;
    /*margin-bottom: 20px;*/
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    min-height: 200px;
}

.workorder-grid .dashboard-container {
    margin-bottom: 0px !important;
}

.workorder-grid .dashboard-wrapper .widget {
    margin-bottom: 2px !important;
    margin-top: 12px !important;
}

/*#workorder-grid .dashboard-container {
    display: block;
    overflow: visible;
    background: #FBFBFB;
    padding: 5px;
    border-bottom: 3px solid #ffffff;
    margin-bottom: 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    min-height:200px;
}*/


.order-summary .date {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #34495E;
    font-size: 14px;
}

.order-summary .span1 {
    width: 149px !important;
    margin-left: 5px !important;
    margin-bottom: 10px !important;
}

.span1.pastdue, .span1.today, .span1.tomorrow {
    margin-bottom: 20px !important;
}


.order-search, .custom-search {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

    .order-search .span5 {
        width: 615px !important;
    }

    .custom-search .span5 {
        width: 900px !important;
    }

    .custom-search .board-form-search input {
        width: 870px !important;
    }

    .order-search .span2 {
        width: 300px !important;
    }

.task-inactive .task-avatarList {
    border-color: #154458;
}

.task-complete .task-avatarList {
    border-color: #154458;
}

.task-pastdue .task-avatarList {
    border-color: #154458;
}

.task-today .task-avatarList {
    border-color: #154458;
}

.task-tomorrow .task-avatarList {
    border-color: #154458;
}

.task-production .task-avatarList {
    border-color: #154458;
}

.task-avatarList {
    background-color: #fff;
    border: 1px solid #154458;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    height: 26px;
    left: -4px;
    position: absolute;
    top: -5px;
    white-space: nowrap;
}

.task-inactive .task-avatarWrapper {
    border-color: #ff8099;
}

.task-complete .task-avatarWrapper {
    border-color: #154458;
}

.task-pastdue .task-avatarWrapper {
    border-color: #154458;
}

.task-today .task-avatarWrapper {
    border-color: #154458;
}

.task-tomorrow .task-avatarWrapper {
    border-color: #154458;
}

.task-production .task-avatarWrapper {
    border-color: #154458;
}

.task-avatarWrapper {
    display: inline-block;
    height: 30px;
    width: 26px;
}

.task-avatarPlaceholder {
    display: inline-block;
    width: 23px;
}

.workorder-widget-locked-by {
    cursor: pointer;
    width: 100%;
}

    .workorder-widget-locked-by .task-description {
        font-size: 12px !important;
    }

    .workorder-widget-locked-by .pick-lock {
        height: 25px;
    }

    .workorder-widget-locked-by [class*="icon"] {
        font-size: 18px !important;
    }

.workorder-widget-footer {
    width: 100%;
    border-top: 1px dashed #fed22f;
    margin-top: 10px;
    cursor:default;
}

.united-widget {
    margin-bottom: 300px !important;
}

.task-due-information {
    margin-top: 2px;
    padding-top: 2px;
}

    .task-due-information .message {
        font-size: 12px;
        padding-left: 2px;
    }

    .task-due-information .completed-message {
        font-size: 12px;
        padding-left: 2px;
        text-align: center;
    }

.task-complete .workorder-widget-footer {
    border-top-color: #bdc3c7;
}

.task-pastdue .workorder-widget-footer {
    border-top-color: #7f8c8d;
}

.task-today .workorder-widget-footer {
    border-top-color: #7f8c8d;
}

.task-tomorrow .workorder-widget-footer {
    border-top-color: #7f8c8d;
}



.task-inactive .workorder-widget-footer {
    border-top-color: #FF8099;
}

.task-production .workorder-widget-footer {
    border-top-color: #BDC3C7;
}

.task-due-information .danger {
    margin-top: 5px;
    background-color: #e74c3c;
    color: #ffffff;
    border: 1px solid #e74c3c;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

.task-due-information .success {
    margin-top: 5px;
    background-color: #5065a1;
    color: #ffffff;
    border: 1px solid #5065a1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

.task-due-information .complete {
    margin-top: 5px;
    background-color: #16a085;
    color: #ffffff;
    border: 1px solid #16a085;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

.task-due-information .pickup {
    margin-top: 5px;
    background-color: #d35400;
    color: #ffffff;
    border: 1px solid #d35400;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

.task-due-information .warning {
    margin-top: 5px;
    background-color: #404040;
    color: #ecf0f1;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

.task-due-information .info {
    margin-top: 5px;
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #34495e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

.task-due-information .date {
    /*float: right;*/
    font-size: 11px;
}

.font12 a {
    color: #5065a1 !important;
    text-decoration: underline;
}

    .font12 a:hover {
        color: #5065a1 !important;
        text-decoration: none;
    }

.dashboard-well {
    background-color: #ecf0f1;
    border: 1px solid #ecf0f1;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
    min-height: 20px;
    padding: 5px 5px 8px 5px;
}

#board-wrapper .content-block {
    margin-top: 5px;
}


.box-content .text-inactive {
    color: #fff;
}

.box-content .text-production {
    color: #fff;
}

.box-content .text-complete {
    color: #fff;
}

.box-content .text-pastdue {
    color: #ffffff;
}

.pastdue {
    background-color: #f34541 !important;
    color: #ffffff;
}

.box-content .text-today {
    color: #ffffff;
}

.today {
    background-color: #404040 !important;
    color: #ffffff;
}

.box-content .text-tomorrow {
    color: #ffffff;
}

.tom {
    background-color: #5065A1 !important;
    color: #ffffff;
}

.prod {
    background-color: #6573A6 !important;
    color: #ffffff;
}

.inact {
    background-color: #F8A326 !important;
    color: #ffffff;
}

.com {
    background-color: #27AE60 !important;
    color: #ffffff;
}

.pastdue .box-content {
    background-color: #ffffff;
}

.today .box-content {
    background-color: #ffffff;
}

.tomorrow .box-content {
    background-color: #ffffff;
}


.box-content .label-danger {
    margin-top: 5px;
    background-color: #c0392b;
}

.box-content .label-today {
    margin-top: 5px;
    background-color: #2c3e50;
}

.box-content .label-tomorrow {
    margin-top: 5px;
    background-color: #c0392b;
}

.box-content .stage {
    margin-top: 2px;
}

.box-statistic:hover [class*="icon-"].align-right {
    right: 15px;
    -webkit-transition: right 0.1s linear;
    -moz-transition: right 0.1s linear;
    -o-transition: right 0.1s linear;
    transition: right 0.1s linear;
}

.box-statistic:hover [class*="icon-"].align-left {
    left: 15px;
    -webkit-transition: left 0.1s linear;
    -moz-transition: left 0.1s linear;
    -o-transition: left 0.1s linear;
    transition: left 0.1s linear;
}


.recent-activity ul {
    margin-bottom: 0;
}

.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none;
}

.list-striped li:nth-child(odd) {
    background-color: #f9f9f9;
}

.recent-activity .users > li {
    border-bottom: 1px solid #dddddd;
    padding: 10px;
}

    .recent-activity .users > li .avatar {
        margin-right: 10px;
        width: 23px;
        height: 23px;
    }

    .recent-activity .users > li .date, .recent-activity .users > li .action {
        padding-top: 2px;
    }

.contrast-red .text-contrast, .contrast-red .contrast {
    color: #f34541 !important;
}

.text-muted {
    color: #999999 !important;
}


.board-swimlane .span2 {
    width: 295px !important;
    min-height: 200px !important;
}

.work-order-description-print {
    font-size: 12px;
}

.search-form-search {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .search-form-search .input-append {
        margin-bottom: 5px !important;
    }

    .search-form-search input {
        margin-bottom: 0px !important;
        width: 872px !important;
        background-color: #f8efcc !important;
    }

.k-filtercell .k-input {
    border: 0px !important;
}

.k-filtercell > span {
    min-height: 2.5em!important;
}

.widget-table-2 .k-dropdown-wrap {
    height: 25px !important;
}

.pickup-widget {
    margin-bottom: 40px;
}

.pick-header {
    min-height: 40px !important;
}

.pickup-summary {
    margin-bottom: 0px !important;
    /*margin-top: 5px !important;*/
}

.pickup-swimlane {
    border: 0px solid #404040 !important;
}

.pickup-task {
    border: 0px solid #bebebe !important;
    /*background: #fff !important;*/
}

.pickup-summary .box {
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}

.pickup-swimlane .span2 {
    width: 305px !important;
    min-height: 200px !important;
    margin-left: 0px !important;
}

.pickup-pointer {
    cursor: pointer;
}

.task-description .icon-info-sign {
    font-size: 18px !important;
}

.order-summary .span5 {
    width: 400px !important;
    margin-left: 20px !important;
    margin-bottom: 10px !important;
}

.pick-up-control .dashboard-container {
    background: #34495E;
    padding: 0px !important;
}

.pick-up-control .order-summary-container {
    float: none;
}


.pick-up-control .order-summary {
    margin-bottom: 0px !important;
}


.pick-up-control .search-toolbar .tool-group.search-input input {
    width: 600px;
}


.pick-up-control .control-panel-header {
    border: 0px !important;
}

.pick-up-control .widget {
    padding: 5px;
    background-color: #D3E8F2;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    margin: 5px;
}

#dashboard .pick-up-control .aqua-panel {
    background-color: #DBDBDB;
    padding-bottom: 5px;
}

#board-table.pickup-board {
    border-spacing: 0px;
    min-height:700px;
}

.pick-up-control .search-tables {
    font-size: 12px !important;
}

.pick-up-control .k-grid table {
    border-bottom: 1px solid #F1F1F1;
}

.lock-control .search-toolbar .tool-group.search-input input {
    width: 879px;
}


.job-link-info-btns {
    background-color: rgba(0, 0, 0, 0.07);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    float: right;
    font-size: 14px !important;
    cursor: pointer;
    line-height: 18px;
    margin: 8px 0 0 8px;
    padding: 1px 6px;
    vertical-align: baseline;
}

.job-link-info-btns .icon-info-sign {
    font-size: 18px !important;
}

.job-link-title .task-description {
    font-size: 14px !important;
}


.search-toolbar .tool-group.pickup-input input {
    width: 600px!important;
    background-color: #fff!important;
}

.job-link-upload {
    margin-top:10px !important;
}