/* Icons */
.blackIcon {
    background-image: url(images/ui-icons_black_256x240.png) !important;
}

.goldIcon {
    background-image: url(images/ui-icons_gold_256x240.png) !important;
}

.silverIcon {
    background-image: url(images/ui-icons_silver_256x240.png) !important;
}

.redIcon {
    background-image: url(images/ui-icons_red_256x240.png) !important;
}

.blueIcon {
    background-image: url(images/ui-icons_darkblue_256x240.png) !important;
}

.greenIcon {
    background-image: url(images/ui-icons_green_256x240.png) !important;
}

.standaloneIcon {
    width: 16px;
    height: 16px;
    border: none !important;
    box-shadow: none !important;
}

/* Data Lists */
.jobCardBookResultList, .jobCardBookResultList div {
    border: none !important;
    width: 200px !important;
}

.homeScreenNotification {
    width: 800px !important;
}

.maxHeightTable .ui-datatable-tablewrapper {
    max-height: 70vh;
}

/* Panels */

.hide {
    display: none !important;
}

.multiTablePanel, .ui-accordion .ui-accordion-content {
    padding: 0 !important;
    width: 100%;
}

.editPanel tr, .editPanel td {
    border: none !important;
}

.editButtonPanel tr, .editButtonPanel td, .editButtonPanel {
    background: none !important;
    border: none !important;
}

.editButtonPanel {
    margin: auto;
}

.doubleBorderRemoval .ui-widget-header {
    border: none !important;
}

.formatGrid {
    border: none !important;
    background: none !important;
}

.jobcardDisplayColumn, .jobcardDisplayRow {
    border: none !important;
    background: none !important;
}

.warningPanelGrid, .warningPanelGrid td, .warningPanelGrid tr {
    background: none !important;
    border: none !important;
    font-weight: bold
}

.warningPanel {
    background: rgba(240, 0, 0, 0.43) !important;
}

.gridContainerNoDisplay, .gridNoDisplay, .gridNoDisplay tr,
.gridNoDisplay td {
    background: none !important;
    border: none !important;
}

/* Autocomplete */
.storeAutoComplete, .storeAutoComplete input {
    width: 99% !important;
}

/* Job card display windows */
.jobcardInfoDisplay {
    width: 300px !important;
}

.mainEntryPanel {
    background: #c0c0c0 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
    0.8)), to(rgba(255, 255, 255, 0))) !important;
}

.subEntryPanel {
    /*background: none !important;*/

}

/* Loading Icon */

/* Buttons */
.bigFunctionButton {
    width: 400px;
    height: 50px;
}

/*Clock */
.ui-clock {
    width: auto !important;
    background: none !important;
    border: none !important;
}

/* Layouts */
.ui-layout-north {
    overflow: visible !important;
    z-index: 5 !important;
    /*border: none !important;*/
}

.ui-layout-east, .ui-layout-west {
    bottom: 0 !important;
    z-index: 4 !important;
}

.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;
    z-index: 5 !important;
}

.ui-layout-north .pe-layout-pane-content {
    overflow: visible !important;
    z-index: 5 !important;
}

.ui-layout-resizer-east-hover, .ui-layout-resizer-east-dragging, .ui-layout-resizer-west-hover, .ui-layout-resizer-west-dragging,
.ui-layout-resizer {
    overflow: visible !important;
    background: none !important;
    z-index: 4 !important;
}

.ui-layout-container {
    /*background: #ba9c6b !important;*/

}

/* One select menu */
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    display: block !important;
}

/* General Theme */
.shiningGradient {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.0),
    rgba(255, 255, 255, 0.9)) !important;
}

.selectedButton {
    background: #ecdec8 -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)),
    to(rgba(0, 0, 0, 0))) !important;
}

.statusLabel {
    width: 100px !important;
    border: 1px black solid;
    border-radius: 3px;
    font-weight: bold;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.0),
    rgba(255, 255, 255, 0.9)) !important;
    display: block;
    text-align: center;
}

.curvedBorder {
    border: 1px black solid;
    border-radius: 3px;
}

.boldText {
    font-weight: bold;
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 98%;
}

.smallDetailText {
    font-size: 80% !important;
}

.ui-widget-content, .ui-menuitem-text, .ui-widget, .ui-column-title,
.ui-fieldset-legend, .ui-datatable-header, .ui-widget-header,
.ui-inputfield, .ui-resizable-column, .ui-treetable-data {
    color: black !important;
    border-color: #322E2E !important;
}

.ui-widget-content, .ui-widget, .ui-widget-content .ui-state-default,
.ui-state-default {
    border-color: #322E2E !important;
}

.ui-state-disabled {
    opacity: 0.75 !important;
    filter: Alpha(Opacity=75) !important;
}

.ui-state-highlight {
    text-shadow: none !important;
}

.ui-state-hover {
    background: #ba9c6b -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
    0.8)), to(rgba(255, 255, 255, 0))) !important;
    box-shadow: 0px 0px 8px #dac9ad !important;
    border: 1px solid #313131 !important;
}

.ui-growl-item-container {
    background: #283856 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
    0.4)), to(rgba(255, 255, 255, 0.0))) !important;
    opacity: 1;
}

.ui-growl {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
}

.ui-selectonemenu-trigger, .ui-selectcheckboxmenu-trigger {
    border: none !important;
}

.ui-dialog-titlebar {
    background-color: #163a7c !important;
    /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(143, 173, 226, 0.8)), to(rgba(36, 94, 199, 0.8))) !important;*/
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0.9)) !important;

    /*background: linear-gradient(10deg, #245ec7, #8face2) !important;*/
}

.ui-datalist-header {
    background-color: #b81616 !important;
}

.ui-state-active {
    background: #ecdec8 -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)),
    to(rgba(0, 0, 0, 0))) !important;
}

.pe-layout-pane-content, .ui-dialog-content {
    background-color: #163a7c !important;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.0),
    rgba(255, 255, 255, 0.9)) !important;

    /* Sets background image to cover entire element */
}

.homeCenterPane {
    background-image: url(images/locksecure_watermark.png),
    linear-gradient(0deg, rgba(255, 255, 255, 0.0),
            rgba(255, 255, 255, 0.9)) !important;
    background-attachment: fixed;
    background-position: 50% 50%; /* Sets reference point to scale from */
}

.loginLayoutPane, #loginLayoutPane {
    background-color: #163a7c !important;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.0),
    rgba(255, 255, 255, 0.9)) !important;
}

.blueTableHeader div.ui-datagrid-header {
    background-color: #357FD8 !important;
}

/* Input */
.ui-fieldset, .ui-fieldset-content {
    background-color: #FFFFFF !important;
}

.tableNumberInput .pe-inputNumber {
    width: 89%;
    text-align: right;
}

.ui-state-focus.highlightInput, .ui-state-focus.highlightInput input,
.ui-state-focus.highlightInput label, .highlightInput input.ui-state-focus {
    background-color: rgba(186, 161, 107, 0.34) !important;
}

.badInput, .badInput input, .badInput label {
    background-color: rgba(255, 0, 0, 0.33) !important;
}

.goodInput, .goodInput input, .goodInput label {
    background-color: rgba(0, 169, 44, 0.33) !important;
}

/* Menu */
.ui-menu, .ui-menu-list, .ui-menubar .ui-menu-child {
    overflow: visible !important;
    z-index: 6 !important
}

.ui-separator {
    border-color: #322E2E !important;
}

/* Login */
.loginPanelGrid {
    margin: 0 auto;
}

.loginPanel {
    height: 120px;
    width: 340px;
    margin: auto;
    top: 0;
    bottom: 0;
    margin-top: 20% !important;
}

.loginPanelGrid tr, .loginPanelGrid td {
    border: none !important;
}

/* Conditional Colors */

.tabLightGreen {
    background-color: #80D669 !important;
}

.tabLightRed {
    background-color: #E48080 !important;
}

.conditionBad, .Cancelled, .headerConditionBad .ui-panel-titlebar {
    background-color: #ea5151 !important;
}

.conditionWarning {
    background-color: #ff9706 !important;
}

.conditionWarningText {
    color: #ff9706 !important;
}

.conditionHalfWay, .Closed {
    background-color: #64A55F !important;
}

.conditionSpecialText {
    color: #A375D0 !important;
}

.conditionBadText {
    color: #e42727 !important;
}

.conditionGood, .Completed {
    background-color: #2FC308 !important;
}

.conditionGoodText {
    color: #2FC308 !important;
}

.conditionNeutral, .Allocated {
    background-color: #357FD8 !important;
}

.conditionNeutralText {
    color: #357FD8 !important;
}

.conditionPending, .Open, .conditionPending label, .conditionPending input {
    background-color: #FFD103 !important;
}

.conditionPendingText {
    color: #FFD103 !important;
}

/*Call Summary Display */
.callDisplayGrid tr, .callDisplayGrid td {
    background: none !important;
}

/* Nyan */
.nyanPanel {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-animation: nyananimation 5s infinite;
    animation: nyananimation 5s infinite;
}

.nyanButton {
    background-image: url(images/nyan_icon.png) !important;
}