#order-search-control .aqua-panel {
    margin-top:5px;
}

#order-search-control .aqua-panel-content {
    background: #0B2631;
    border: 1px solid #0B2631;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#order-search-control .aqua-panel-header {
    border: 0px solid #bebebe;
    margin-top: 10px;
}

    #order-search-control .aqua-panel-header h2 {
        font-size: 14px;
    }

.search-container {
    display: block;
    overflow: visible;
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
    top: 30px;
    /*min-height: 50px;*/
    background-color: #F4F4F4;
    border: 1px solid #bebebe;
    border-top: none;
    /*border-bottom: none;*/
}

    .search-container .search-table {
        border-collapse: separate;
        padding: 0;
        table-layout: fixed;
        width: 100%;
    }

    .search-container tbody {
        border: 0 none;
        font: inherit;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
    }

.input-container {
    position: relative;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    margin: 20px 10px 10px 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}

    .input-container input {
        width: 96%;
        background-color: #f8efcc !important;
    }

.search-header {
    background-color: #34495E;
    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: 10px;
}

.control-panel-header {
    background-color: #dbdbdb;
    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: 60px;
    padding: 0px 10px;
    border: 1px solid #bebebe;
    margin-top: 0px;
    border-bottom: none;
}

    .control-panel-header .input-append, .input-prepend {
        display: inline-block;
        font-size: 0;
        white-space: nowrap;
        vertical-align: middle;
        margin-bottom: 0px !important;
    }

    .control-panel-header h2 {
        font-size: 16px;
        color: #fff;
        padding: 0;
        margin: 0;
        line-height: 40px;
        font-weight: normal;
        display: inline;
        float: left;
    }

#order-search-control .control-panel-content {
    min-height: 500px;
}

.control-panel-content {
    padding: 0px;
    background: #dbdbdb;
    display: block;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #bebebe;
    border-top: none;
}

.search-toolbar {
    float: left;
    padding-top: 15px;
}

    .search-toolbar .tool-group {
        display: inline-block;
        margin-top: 0px;
        margin-left: 5px;
    }

        .search-toolbar .tool-group.search-input {
            display: inline-block;
            margin-top: 5px;
            margin-left: 0px !important;
        }

            .search-toolbar .tool-group.search-input input {
                width: 513px;
                background-color: #fff!important;
            }

            .search-toolbar .tool-group.customer-search-input input {
                width: 715px !important;
                background-color: #fff!important;
            }


             .search-toolbar .tool-group.material-input input {
                width: 575px;
                background-color: #fff!important;
            }

.icon-right {
    margin-left: 12px !important;
    margin-right: 2px !important;
    float: right;
    margin-top: 3px;
}


#order-search-control .widget .widget-body, #order-search-control.widget-border .widget-body {
    padding: 5px;
    background-color:#D3E8F2;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

#order-search-control .widget, .dashboard-wrapper .widget-border {
    font-size: 12px;
}

/*.search-tables .k-widget {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}*/


#order-search-control input:-moz-placeholder,
#order-search-control textarea:-moz-placeholder {
    color: #999999;
    font-style: italic;
}

#order-search-control input:-ms-input-placeholder,
#order-search-control textarea:-ms-input-placeholder {
    color: #999999;
    font-style: italic;
}

#order-search-control input::-webkit-input-placeholder,
#order-search-control textarea::-webkit-input-placeholder {
    color: #999999;
    font-style: italic;
}

.timeframe-modal-container {
    background-color: #eae8e8;
}

div.timeframe-modal {
    background-color: #eae8e8 !important;
}

.timeframe-container {
    display: block;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #c5c5c5;
}

.add-calendar-container .timeframe-container {
    display: block;
    height: 110px;
    background-color: #fff;
    border-bottom: 1px solid #c5c5c5;
    margin:5px;
}

.add-calendar-container .calendar-area {
    margin:10px 10px 10px 5px;
}

div.timeframe-modal.k-window-content {
    padding: 0px !important;
}

.time-item {
    float: left;
    margin-left: 10px;
    width: 110px;
    margin-top: 15px;
    margin-bottom: 5px;
}


    .time-item .label {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 12px;
    }

.selected-timeframe {
    background-color: #2980b9;
    color: #fff;
}

.not-selected-timeframe {
    background-color: #fff;
    color: #2980b9;
    text-shadow: none;
}

    .not-selected-timeframe:hover {
        background-color: #3498db;
        color: #fff;
        text-shadow: none;
        cursor: pointer;
    }

.timeframe-calender-container {
    display: block;
    height: 90px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #c5c5c5;
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.timeframe-calender-container.add-calendar-details {
    height: 200px;
}

.job-calendar-information {
    padding:10px;
}

.job-details-cal .timeframe-description-label {
     font-size: 11px;
    font-weight: 600;
    color: #414141;
    margin-right: 5px;
}

.job-details-cal .add-label {
    font-size: 12px;
    font-weight: 600;
    color: #414141;
    margin-right: 5px;
}

.cal-remove-button {
    float:right;
    margin-right:5px;
}

.job-calendar-information .job-details-cal {
    margin-top: 1px;
    float:left;
    margin-right:15px;
}

.calender-info-note {
   float:left;
   margin-top:10px;
   width:750px;
}

.calendar-info-section .well-flat {
    min-height:100px;
}

.job-details-note {
    font-size:12px;
}

.cal-entry-details {
    margin-top: 5px;
    float:left;
}

.calender-info {
     margin-top: 5px;
     float:left;
     margin-right:15px;
}

.cal-entry-details .well-flat {
    padding:5px;
}

.calendarNoteForm .span8 {
    width: 720px;
    margin-left:0px !important;
}

.calendarNoteForm textarea {
    width: 705px;
    background-color: #fff;
}

.timeframe-selection-add h4 {
    font-size:12px;
}

.calendar-area .well-header-flat {
    font-size:12px;
}

.cal-entry-details .well-header-flat {
    font-size:12px;
}

.timeframe-description {
    padding: 10px;
    min-height: 60px;
}

.timeframe-selection {
    padding-left: 10px;
}


.timeframe-button-container {
    margin-top: 14px;
    margin-left: 5px;
    background-color: #eae8e8;
}

.timeframe-month {
    margin-top: 25px;
}

.timeframe-description-label {
    font-size: 11px;
    font-weight: 600;
    color: #414141;
    margin-right: 5px;
}

.monthyear-label {
    margin-right: 30px;
}

.timeframe-btn {
    width: 195px;
}

.label-large {
    display: inline-block;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #414141;
    white-space: nowrap;
    vertical-align: baseline;
}

.query-label {
    margin-right: 30px;
}

.timeframe-selection-container {
    display: block;
    margin-top: 5px;
}

.timeframe-selection-from {
    float: left;
    width: 300px;
    margin-right: 10px;
}

.timeframe-selection-add {
    float: left;
    width: 350px;
    margin-left: 20px;
    margin-top: 4px;
}


.timeframe-selection-to {
    float: left;
    width: 300px;
}

    .timeframe-selection-from h4, .timeframe-selection-to h4 {
        font-size: 14px;
    }

.timeframe-modal-alert {
    margin-right: 50px;
    font-size: 14px;
    font-weight: bold;
    color: red;
    float: right;
    margin-top: 8px;
    text-align: left;
    width: 500px;
}

#order-search-control .badge-complete {
    background-color: #27ae60;
}

#order-search-control .badge-production {
    background-color: #34495e;
}

#order-search-control .badge-inactive {
    background-color: #e74c3c;
}

#order-search-control .badge-posted {
    background-color: #27ae60;
}

#order-search-control .badge-paid {
    background-color: #ffa800;
}

.cust-invoices-control .badge-paid {
    background-color: #ffa800;
}

.cust-invoices-control .badge-posted {
    background-color: #27ae60;
}

.cust-invoices-control .badge-nonPosted {
    background-color: #e74c3c;
}

#order-search-control .badge-nonPosted {
    background-color: #e74c3c;
}

#order-search-control .real-time-alerts {
    width: 400px;
    display: inline;
}

    #order-search-control .real-time-alerts .alert {
        margin-bottom: 0px !important;
    }


    #order-search-control .real-time-alerts .alert-block {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
        margin-top: 10px !important;
        margin-bottom: 2px !important;
        margin-left: 15px !important;
        margin-right: 5px !important;
        min-height: 25px !important;
        min-width: 200px !important;
        line-height: 25px;
        text-align: center !important;
    }

    #order-search-control .real-time-alerts .alert span {
        font-size: 14px !important;
        text-align: center !important;
    }

.k-grid-content-locked {
    float: right;
    background-color: #34495E !important;
}

.k-grid-header-locked {
    float: right;
}

.btn-grid {
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#ffffff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -webkit-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);
}


.action-column {
    background-color: #247296 !important;
    border-width: 1px 0 0 1px !important;
}

.k-grouping-header {
    background-color: #34495E;
    color: #fff;
    /*background-image: url(textures/highlight.png) !important;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 5px;
}

    .k-grouping-header .k-link {
        color: #333333 !important;
    }

    
    .k-grouping-header .k-link a {
        color: #333333 !important;
    }

     .k-grouping-header .k-button, .k-grouping-header a:hover {
        color: #000 !important;
        font-weight:bold!important;
    }



/*.search-grid .k-grid-header {
    padding-right: 0px !important;
}*/

#order-search-control .control-panel-content {
    padding: 5px;
    border:none;
}

#order-search-control .k-grid-content{
   background-color: #fff;
}

#order-search-control .k-grid table {
    border-bottom: 1px solid #F1F1F1;
}

.search-toolbar.subcat-control .tool-group.customer-search-input input {
    width: 670px !important;
    background-color: #fff!important;
}

.k-group-indicator {
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25) !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    color: #333333 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75) !important;
    background-color: #f5f5f5!important;
    background-image: linear-gradient(to bottom,#ffffff,#e6e6e6)!important;
    background-repeat: repeat-x!important;
    border: 1px solid #bbbbbb!important;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)!important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)!important;
}

.aqua-panel-header .typcn {
    float: left;
    /*line-height: 46px;*/
    padding: 0px 3px;
    color: #ffffff;
}


.search-toolbar.subcat-control .tool-group.customer-search-input.locked-input input {
    width: 760px !important;
    background-color: #fff!important;
}

.search-toolbar.subcat-control .tool-group.customer-search-input.jobfile-input input {
    width: 680px !important;
    background-color: #fff!important;
}

.customer-active {
    color:#20874c;
    font-weight:bold;
}

.customer-inactive {
    color:#e74c3c;
    font-weight:bold;
}

.search-toolbar.subcat-control.user-list {
    float:right !important;
    padding-top:5px !important;
}

.search-toolbar.subcat-control.chat-settings {
    float:right !important;
    padding-top:15px !important;
}

.user-table .sort-link a{
    color: #2C3E50;
    text-decoration: underline;
}

.user-table .sort-link a:hover{
    color: #0B242F;
    text-decoration: none;
}