/*
    Document   : style
    Created on : 10-Aug-2010, 15:54:04
    Author     : emmanuel
    Description:
        Purpose of the stylesheet follows.
*/

body{
    text-align: left !important;
    background: #d4dcde;
    background-repeat:repeat-x;
}

div.yui-t7{
    padding-top: 8px;
}

.header-content{
    background:white  !important;
    height: 78px !important;
    position: relative;
}

.header-content img{
    margin-top: 8px;
    margin-bottom: 8px;
    position: absolute;
    left: 0;
}

.header-content h1{
    font-size: 20px;
    line-height: 78px !important;
    font-weight: bold;
    position: absolute;
    left: 80px;
}

.container {
    position: relative;
    height: 50px;
}

.right-element {
    position: absolute;
    right: 0;
    text-align: right; /* depends on element width */
}

.left-element {
    position: absolute;
    left: 0;
}

.left-element-70 {
    position: absolute;
    left: 0;
    width: 70%;
    text-align: left;
}

.right-element-30 {
    position: absolute;
    right: 0;
    width: 30%;
    text-align: right; /* depends on element width */
}

.left-element-50 {
    position: absolute;
    left: 0;
    width: 50%;
}

.right-element-50 {
    position: absolute;
    right: 0;
    width: 50%;
    text-align: right; /* depends on element width */
}

.left-element-30 {
    position: absolute;
    left: 0;
    width: 30%;
}

.right-element-70 {
    position: absolute;
    right: 0;
    width: 70%;
    text-align: right; /* depends on element width */
}

.left-element-20 {
    position: absolute;
    left: 0;
    width: 20%;
}

.right-element-80 {
    position: absolute;
    right: 0;
    width: 80%;
    text-align: right; /* depends on element width */
}

.left-element-10 {
    position: absolute;
    left: 0;
    width: 10%;
}

.right-element-90 {
    position: absolute;
    right: 0;
    width: 90%;
    text-align: right; /* depends on element width */
}

.footer-text{
    color:#6E6E6E;
    font-family:inherit;
    font-size:0.8em;
    margin-top:25px;
    text-align:center;
}

.button-search{
    background-image: url(../../images/search-button.gif)!important;
}

.x-grid3-row-expanded .x-grid3-row-body {
    padding-left: 16px;
}

.service-request{
    padding: 0px 0px 0px 30px;
    background: transparent url(../../images/service-request.gif) no-repeat 0 2px !important;
}

.service-request-green{
    padding: 0px 0px 0px 30px;
    background: transparent url(../../images/service-request-green.gif) no-repeat 0 2px !important;
}

.service-request-amber{
    padding: 0px 0px 0px 30px;
    background: transparent url(../../images/service-request-amber.gif) no-repeat 0 2px !important;
}

.service-request-red{
    padding: 0px 0px 0px 30px;
    background: transparent url(../../images/service-request-red.gif) no-repeat 0 2px !important;
}

.service-request-title{
    background-image: url(../../images/service-request-small.gif)!important;
}

.new-asset{
    background-image: url(../../images/new-en.gif)!important;
}
.inactive-asset{
    background-image: url(../../images/red-letter-d-16.gif)!important;
}

div.event-type-tag{
    background-color: #E5E5E5;
    color: #999;
    margin-left: 4px;
    padding: 2px 4px;
    text-align: center;
    display:inline-block;
    font-weight: normal;
    white-space:nowrap;
}

div[class*='service-request'] table{
    border-collapse: separate;
    border-spacing: 2px;
}

div[class*='service-request'] table td{
    width: 80px;
}

ul.service-event-list li{
    padding: 2px 0px;
}

div.response_timeput-tag{
    background-color: red;
    color: white;
    margin: 4px 0px;
    padding: 2px 4px;
    width: 60px;
    text-align: center;
    font-weight: normal;
}

span.highlight-title{
    color: red;
}

div.timerMargin{
    font-family: 'arial';
    font-weight: bold;
    width: 80px;
    margin-top: 6px;
    margin-left: 5px;
}

div.timer{
    font-family: 'arial';
    vertical-align: middle;
    font-weight: bold;
    width: 80px;
    margin:0 auto;
}

div.timer-red{
    font-family: 'arial';
    color: darkred;
    vertical-align: middle;
    font-weight: bold;
    width: 80px;
    margin:0 auto;
}

div.authenticated-bar{
    position: absolute;
    right: 0;
    /*line-height: 78px !important;*/
    margin-right: 10px;
    margin-top: 25px;
    text-align: right;
    width: 600px;

}
div.timezone-info{
    font-size: 10px;
}

div.toggle-search-panel{
    font-size: 12px;
    color: #0000EE;
    text-decoration: underline;
    margin-left: 3px;
    margin-top: 0px;
    cursor: pointer;
}

div.actionMessage-INFO{
    background:transparent url(../../images/info.gif) no-repeat 0 2px !important;
    padding-left: 40px;
    min-height: 38px;
}

div.cost-breakdown-grid-footer {
    width: 400px;
}

div.cost-breakdown-grid-footer div.container {
    position: relative;
    height: 20px;
}

div.cost-breakdown-grid-footer div.right-element-30 {
    padding-right: 20px;
}

#manage-users-tab .x-panel-body,
#group-settings-panel .x-panel .x-panel-body,
#add-user-to-group-window .x-panel-body,
#add-reviewer-warranty-classification .x-panel-body,
#user-editor-modal .x-panel-body {
    background-color: #f1f1f1;
    border: none;
}

.button-view{
    background-image:url("../../images/view.jpg") !important;
    padding-right: 8px !important;
}

.button-submit{
    background-image:url("../../images/submit.gif") !important;
    padding-right: 8px !important;
}

.button-add{
    background-image:url("../../images/add.png") !important;
    padding-right: 8px !important;
}

.button-save{
    background-image:url("../../images/disk.png") !important;
    padding-right: 8px !important;
}

.button-reload{
    background-image:url("../../images/refresh.gif") !important;
    padding-right: 8px !important;
}

.button-remove{
    background-image:url("../../images/remove.gif") !important;
    padding-right: 8px !important;
}

.button-up{
    background-image:url("../../images/up.gif") !important;
    padding-right: 8px !important;
}

.button-down{
    background-image:url("../../images/down.gif") !important;
    padding-right: 8px !important;
}

.button-down-alt{
    background-image:url("../../images/down-alt.gif") !important;
    padding-right: 2px !important;
}

.button-set{
    background-image:url("../../images/tick.gif") !important;
    padding-right: 8px !important;
}

div.visit-grid-documents {
    background:transparent url(../../images/pdficon_small.gif) no-repeat 0 2px !important;
    padding-left:20px;
    height:20px;
}

.pdf-document {
    background:transparent url(../../images/pdficon_small.gif) no-repeat 0 2px !important;
    padding-left:20px;
    height:20px;
}

.spreadsheet-document {
    background:transparent url(../../images/spreadsheet.gif) no-repeat 0 2px !important;
    padding-left:20px;
    height:20px;
}

div.service-agent-note-list-header {
    background: #DBDBDB;
}

div.service-agent-note-header {
    padding: 5px;
}

span.service-agent-note-header-title {
    font-weight: bold;
}

#reportTab .x-btn-text{
    height: 18px !important;
}

.highlighted div{
    font-weight: bold !important;
    color: #0B610B;
}

.total-row{
    border-top: 1px solid black;
    padding-top: 4px;
}

/* dashboard styles */
table.dbw_summary_table
{
    border-collapse:collapse;
    margin-left:18px;
    width:90%;
}
h2.dbw_header, h3.dbw_header
{
    /*color:#000000;*/
    /*font-family:tahoma,arial,helvetica;*/
    /*font-size:11px;*/
    /*font-weight:bold;*/
    margin-left:18px;
    font-family: Trebuchet MS, Verdana, sans-serif;

}
h2.dbw_header {
    font-size: 10pt;
    margin-top: 11px;
}
h3.dbw_header {
    font-size: 12px;
    margin-top: 4px;
}

table.dbw_summary_table td
{
    padding:4px;
    border:1px #ccc solid;
    font-size: 11px;
    font-family: Trebuchet MS, Verdana, sans-serif
}
table.dbw_summary_table td.dbw_summary_label
{
}

table.dbw_summary_table td.dbw_summary_data
{
    text-align:right;
}

div.store-mgmt-delete-link {
    text-align:center;
}

div.red-x-delete-button {
    background-image:url("../../images/remove.gif") !important;
    background-repeat: no-repeat;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-right: 25px;
    cursor: pointer;
}

div.red-x-delete-attendee-button {
     background-image:url("../../images/remove.gif") !important;
     background-repeat: no-repeat;
     padding-top: 8px !important;
     padding-bottom: 8px !important;
     margin-right: 2px;
     cursor: pointer;
 }

.mouse-pointer, .x-action-col-icon {
    cursor: pointer;
}

div.unassigned-agents-highlighted-row {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

input.contact-details-textbox {
    background:#F1F1F1;
}

/*extensions for ext js styles*/
.x-form-item-clear-none {
    display:block;
    width:100px;
    padding:3px;
    padding-left:0;
    z-index:2;
    position:relative;
}

.x-form-header-label-small {
    font-size: 10px;
    margin-right: 10px;
}

.invoicing-instructions-label {
    padding-top:10px;
    padding-left:30px;
    padding-bottom:20px;
    width: 550px;
    font-size: larger;
}

.invoicing-template-download-link {
    padding-left: 30px;
    padding-right:30px;
}

.invoicing-upload-instructions-label {
    padding-bottom:10px;
    padding-left:0px;
}

.private-note-indicator {
    background-image:url("../../images/lock.gif");
    background-repeat:no-repeat;
    background-position:right;
}

.private-note-indicator-admin-override {
    background-image:url("../../images/lock_green.gif");
    background-repeat:no-repeat;
    background-position:right;
}

.inactive-link-admin-pmcycle {
    color:#999;
    text-decoration: underline;
}

.modelComboList, .modelComboList .x-combo-list-inner {
    width: auto !important;
}

.reloadButton {
    background-image: url("../../images/refresh.gif") !important;
    padding-right: 8px !important;
}

.themesButton {
    background-image: url("../../images/dashboard-theme.png") !important;
    background-repeat:no-repeat;
}

/* this is to display Book Value in Asset Register > Explorer > Service History */

.pull-left-half-width {
    width: 50%;
    float: left;
}
.pull-right-half-width {
    width: 50%;
    float: right;
}

label[for="service-history-grid-bbar-book-value"] {
    width: 100px !important;
}
#x-form-el-service-history-grid-bbar-book-value {
    padding-left: 0px !important;
}

.button-more-filter-options {
    background-image:url("../../images/down-chevron.gif") !important;
    padding-right: 8px !important;
}

.button-less-filter-options {
    background-image:url("../../images/up-chevron.gif") !important;
    padding-right: 8px !important;
}

/* ------------------------------------- */
/*          Dashboard Styling            */
/* ------------------------------------- */

.widget-button {
    position:absolute;
    right: 0px;
    top: 0px;
    /*-webkit-transform: scale(0.9);*/
    /*-moz-transform: scale(0.9);*/
    /*-ms-transform: scale(0.9);*/
    /*transform: scale(0.9);*/
    background: #D4DCDE;
    border: white 2px solid;
}

.widget-button [class^=x-btn-] {
    background: none;
    /*-webkit-transition: opacity 0.2s ease-in;*/
    /*-moz-transition: opacity 0.2s ease-in;*/
    /*-o-transition: opacity 0.2s ease-in;*/
    /*transition: opacity 0.2s ease-in;*/
    /*opacity: 0;*/

}

/*.widget-container:hover .widget-button [class^=x-btn-]{*/
/*opacity: 1;*/
/*}*/



.widget-menu .gf-icon-burger-menu, .widget-menu .gf-icon-blue-burger-menu, .widget-menu .gf-icon-white-burger-menu, .widget-menu, .widget-button {
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}

.widget-menu, .widget-button {
    opacity: 0.4;
}

.widget-menu .gf-icon-burger-menu, .widget-menu .gf-icon-blue-burger-menu, .widget-menu .gf-icon-white-burger-menu {
    background: none;
}

.widget-container:hover .widget-menu .gf-icon-burger-menu,
.widget-container:hover .widget-menu .gf-icon-blue-burger-menu,
.widget-container:hover .widget-menu .gf-icon-white-burger-menu,
.widget-container:hover .widget-menu,
.widget-container:hover .widget-button
{
    opacity: 1;
}

.darkTheme, .lightTheme, .grayTheme  {
    box-shadow: 0 0 0 2px #333;
    -webkit-transition: -webkit-transform 0.2s;
    -webkit-transform: scale(.7);
    -moz-transition: -moz-transform 0.2s;
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transition: transform 0.2s;
    transform: scale(.7);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: 0 0 0 2px #333;
}

.darkTheme:hover, .lightTheme:hover, .grayTheme:hover,
.darkThemeTheme.x-btn-menu-active, .lightTheme.x-btn-menu-active, .grayTheme.x-btn-menu-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    box-shadow: none;
    /*background-color: rgba(104, 136, 176, 0);*/
}

.darkTheme {
    background-color: rgba(40, 40, 40, 0.5);
}

.darkThemeWidget .x-panel-body  {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a2a2b+0,3e3e40+100 */
    background: rgb(42,42,43); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(42,42,43,1) 0%, rgba(62,62,64,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(42,42,43,1) 0%,rgba(62,62,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(42,42,43,1) 0%,rgba(62,62,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2b', endColorstr='#3e3e40',GradientType=0 ); /* IE6-9 */

}

.darkThemeWidget table.dbw_summary_table td,
.darkThemeWidget h3.dbw_header,
.darkThemeWidget h2.dbw_header {
    color: white;
}

.lightTheme, .lightThemeWidget .x-panel-body {
    background-color: #FFFFCC;
}

.grayTheme, .grayThemeWidget .x-panel-body{
    background-color: #F0F0F0;
}

.widget-container.first-col, .widget-container.middle-col {
    border-right-width: 4px;
    border-right-color: #d4dcde;
    border-top-width: 8px;
    border-top-color: #d4dcde;
}

.widget-container.middle-col, .widget-container.last-col {
    border-left-width: 4px;
    border-left-color: #d4dcde;
    border-top-width: 8px;
    border-top-color: #d4dcde;
}

#main-tab-panel-holder > .x-tab-panel > .x-tab-panel-bwrap > .x-tab-panel-body.x-tab-panel-body-top,
#dashboard-tab > .x-panel-bwrap > .x-panel-body > .x-table-layout {
    border-color: #D4DCDE; /* change grey border around dashboard panel to be background colour */
}

#dashboard-tab > .x-panel-bwrap > .x-panel-body > .x-table-layout {
    background:  #D4DCDE;
}

#dashboard-filter-toolbar {
    border-bottom: none;
}

.gf-check-group-alt .x-form-item {
    float: left
}

.gf-check-group-alt .x-form-item .x-form-cb-label {
    margin-left: 0px;
}

.gf-check-group-alt  .x-column {
    width: 100% !important;
}

#group-hierarchy-tree .x-tree-node-expanded .x-tree-node-icon, #group-hierarchy-tree .x-tree-node-collapsed .x-tree-node-icon{
    background-image:url(../../images/leaf.gif);
}

.KPI-table-title-top{
    font-weight: bold;
    text-align: center;
}

.KPI-table-title-left{
    font-weight: bold;
    text-align: right;
}

.KPI-clock {
    background-image:url("../../images/clock.png");
    background-repeat:no-repeat;
    background-position:center;
}

.KPI-tick {
    background-image: url("../../images/tick.png");
    background-repeat:no-repeat;
    background-position:center;
}

.KPI-cross {
    background-image: url("../../images/cross.png");
    background-repeat:no-repeat;
    background-position:center;
}

/****************************************************************************************/

/*EXT-JS CSS OVERRIDES*/

/****************************************************************************************/

/****************************************************************************************/
/*****************************EXT-JS GRID OVERRIDES*****************************/
/****************************************************************************************/
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell{
    padding-left: 0;
}

div.x-grid3-cell-inner, .x-grid3-hd-inner {
    padding: 3px 3px 3px 6px;
}

div.x-grid3-header-offset {
    padding-left: 0px;
}
/****************************************************************************************/
.grid-column-editor-readOnly {
    background-color: #f7f7f7;
}

.panel--grey .x-panel-body, .panel--grey .x-panel-footer {
    background: #F1F1F1;
}

/****   App Message Backgrounds *****/

.app-msg {
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid gray;
}

.app-msg [class^="x-box-"] {
    background: transparent;
}

.app-msg-exception, .app-msg-Exception{
    background: #d05b5b;
}
.app-msg-validation, .app-msg-Validation{
    background: goldenrod;
}
.app-msg-error, .app-msg-Error{
    background: #d05b5b;
}
.app-msg-notice, .app-msg-Notice{
    /*background: grey;*/
}
.app-msg-Success{
    background: #7cd692;
}
.app-msg-help, .app-msg-Help{
    background: yellow;
}

.x-fieldset.new-claim-fieldset-container {
    margin-bottom: 0;
    margin-left: 3px;
}
.search-toolbar-container {
    padding-top: 10px !important;
}
.search-toolbar-container.x-toolbar .x-fieldset, .search-toolbar-container.x-toolbar .x-toolbar-cell {
    vertical-align: top;
    padding-top: 0px;
}

.x-fieldset-body .ux-mselect {
    height: 94px !important;
}

#model-multiselect .ux-mselect {
    height: 65px !important;
}

.checkbox-invalid{
    outline: red 1px solid;
}

.ext-webkit .x-grid-panel .x-panel-bwrap {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
}

.x-grid3-row td {
    -moz-user-select: text !important;
}

.serviceRequestSearchFormEventTypeComboList, .serviceRequestSearchFormEventTypeComboList .x-combo-list {
    min-width: 100px;
    width: 350px !important;
}

.serviceRequestSearchFormEventTypeComboList, .serviceRequestSearchFormEventTypeComboList .x-combo-list-inner {
    min-width: 100px;
    width: 350px !important;
}

@media (min-width: 1140px) and (max-width: 1320px) {

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormEventTypeComboList, .serviceRequestSearchFormEventTypeComboList .x-combo-list {
        min-width: 100px;
        width: 350px !important;
    }

    .serviceRequestSearchFormEventTypeComboList, .serviceRequestSearchFormEventTypeComboList .x-combo-list-inner {
        min-width: 100px;
        width: 350px !important;
    }

    .serviceRequestSearchFormElement{
        width: 105px;
    }

    .serviceRequestSearchFormElementText{
        width: 122px;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormElement{
        width: 110px;
    }

    .claimSearchFormElementText{
        width: 128px;
    }

}

@media (min-width: 975px) and (max-width: 1140px) {

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormEventTypeComboList, .serviceRequestSearchFormEventTypeComboList .x-combo-list {
        min-width: 100px;
        width: 350px !important;
    }

    .serviceRequestSearchFormEventTypeComboList, .serviceRequestSearchFormEventTypeComboList .x-combo-list-inner {
        min-width: 100px;
        width: 350px !important;
    }

    .serviceRequestSearchFormElement{
        width: 45px;
    }

    .serviceRequestSearchFormElementText{
        width: 63px;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormElement{
        width: 51px;
    }

    .claimSearchFormElementText{
        width: 67px;
    }

}

@media (max-width: 975px) {

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormComboList, .serviceRequestSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .serviceRequestSearchFormEventTypeComboList, .serviceRequestSearchFormEventTypeComboList .x-combo-list {
        min-width: 100px;
        width: 350px !important;
    }

    .serviceRequestSearchFormEventTypeComboList, .serviceRequestSearchFormEventTypeComboList .x-combo-list-inner {
        min-width: 100px;
        width: 350px !important;
    }

    .serviceRequestSearchFormElement{
        width: 30px;
    }

    .serviceRequestSearchFormElementText{
        width: 48px;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list-inner {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormComboList, .claimSearchFormComboList .x-combo-list {
        min-width: 100px;
        width: auto !important;
    }

    .claimSearchFormElement{
        width: 37px;
    }

    .claimSearchFormElementText{
        width: 49px;
    }

}

@media (min-width: 1320px) {
    .serviceRequestSearchFormElement{
        width: 190px;
    }

    .serviceRequestSearchFormElementText{
        width: 207px;
    }

    .claimSearchFormElement{
        width: 190px;
    }

    .claimSearchFormElementText{
        width: 207px;
    }
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

.gf-icon-settings-menu {
    display: inline-block !important; 
    background: url('../../images/icons/settings-menu.png') no-repeat !important; 
    overflow: hidden; 
    text-indent: -9999px !important; 
    text-align: left;
    width: 32px !important; height: 32px !important;
}

.gf-icon-attachment-servicerequest-resultsgrid{
    background: url('../../images/icons/attachment.png') no-repeat !important;
    height: 30px;
}

.gf-icon-circle-info, .gf-icon-rotate, .gf-icon-fullscreen, 
.gf-icon-close, .gf-icon-burger-menu, .gf-icon-drill-down
{ display: inline-block !important; background: url('../../images/icons/metro-icon-sprite.png') no-repeat !important; overflow: hidden; text-indent: -9999px !important; text-align: left; }

.gf-icon-white-circle-info, .gf-icon-white-rotate, .gf-icon-white-fullscreen,
.gf-icon-white-close, .gf-icon-white-burger-menu, .gf-icon-white-drill-down
{ display: inline-block !important; background: url('../../images/icons/metro-icon-sprite-white.png') no-repeat !important; overflow: hidden; text-indent: -9999px !important; text-align: left; }


.gf-icon-blue-circle-info, .gf-icon-blue-rotate, .gf-icon-blue-fullscreen,
.gf-icon-blue-close, .gf-icon-blue-burger-menu, .gf-icon-blue-drill-down,
.gf-icon-blue-close-circle
{ display: inline-block !important; background: url('../../images/icons/metro-icon-sprite-blue.png') no-repeat !important; overflow: hidden; text-indent: -9999px !important; text-align: left; }


.gf-icon-burger-menu, .gf-icon-white-burger-menu, .gf-icon-blue-burger-menu{background-position:0px 0px !important; width: 24px !important; height: 24px !important; }
.gf-icon-fullscreen, .gf-icon-white-fullscreen, .gf-icon-blue-fullscreen{background-position:-34px 0px !important; width: 24px !important; height: 24px !important; }
.gf-icon-rotate, .gf-icon-white-rotate, .gf-icon-blue-rotate{background-position:-68px 0px !important; width: 24px !important; height: 24px !important; }
.gf-icon-circle-info, .gf-icon-white-circle-info, .gf-icon-blue-circle-info{background-position:-102px 0px !important; width: 24px !important; height: 24px !important; }
.gf-icon-drill-down, .gf-icon-white-drill-down, .gf-icon-blue-drill-down{background-position:-136px 0px !important; width: 24px !important; height: 24px !important; }
.gf-icon-close, .gf-icon-white-close, .gf-icon-blue-close {background-position:-170px 0px !important; width: 24px !important; height: 24px !important; }
.gf-icon-close-circle, .gf-icon-white-close-circle, .gf-icon-blue-close-circle {background-position:-204px 0px !important; width: 24px !important; height: 24px !important; }

body {
  background: #eee;
  color: #222222; }

.header-content {
  background: #104461 !important;
  color: #FAFAFA;
  height: 55px !important;
  padding: 5px; }
  .header-content .authenticated-bar {
    color: #A7CDED; }
    .header-content .authenticated-bar a {
      color: #FAFAFA; }
  .header-content img {
    height: 40px;
    width: 40px; }
  .header-content h1 {
    line-height: 57px !important;
    left: 60px; }
  .header-content .authenticated-bar {
    margin-top: 15px; }

.main-nav-bwrap {
  background: #FAFAFA;
  border-radius: 3px;
  margin: 30px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 42px -9px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 42px -9px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 42px -9px rgba(0, 0, 0, 0.25); }

#doc4 {
  padding-top: 0;
  width: 100%; }

.x-toolbar {
  background: #eee;
  border: none !important; }

.x-toolbar .xtb-sep {
  background: none; }

.x-panel-ml,
.x-panel-mr,
.x-panel-tl,
.x-panel-tr,
.x-panel-bl,
.x-panel-br,
.x-panel-bc {
  background: none !important; }

#main-tab-panel-holder > .x-tab-panel > .x-tab-panel-bwrap > .x-tab-panel-body.x-tab-panel-body-top, #dashboard-tab > .x-panel-bwrap > .x-panel-body > .x-table-layout {
  border: 1px solid #ccc; }

#ext-gen517 {
  color: #dc9421; }

.x-tab-panel-header {
  border: none !important; }

#manage-users-tab td.x-table-layout-cell > .x-panel {
  border-right: 1px solid #d0d0d0; }

#manage-users-tab .x-panel-tc {
  background: none; }

#manage-users-tab .x-form .x-btn-text {
  border: 1px solid #ccc;
  background-color: #FAFAFA;
  height: auto;
  padding: 4px 6px; }
  #manage-users-tab .x-form .x-btn-text:hover {
    background-color: #dbe4e1; }

#manage-users-tab .x-form .button-search,
#manage-users-tab .x-form .button-remove,
#manage-users-tab .x-form .button-add {
  padding-left: 20px;
  background-position: 3px center; }

#engineer-tab .x-panel-body, #servicecontroller-tab .x-panel-body {
  min-height: 445px !important;
  height: inherit !important;
}

#engineer-tab .x-panel-body .x-box-inner, #servicecontroller-tab .x-panel-body .x-box-inner {
  height: 475px !important;
}

#service-provider-settings-tab .x-panel-noborder,
#service-provider-settings-tab .x-panel,
#service-provider-settings-tab .x-panel-body,
#service-provider-settings-tab .x-panel-body-noheader,
#service-provider-settings-tab .x-panel-ml,
#service-provider-settings-tab .x-panel-tl {
  border: none !important; }

#service-provider-settings-tab .x-panel-mc {
  background: none; }

#service-provider-settings-tab #add-service-agent-btn .x-btn-text,
#service-provider-settings-tab #edit-service-agent-btn .x-btn-text {
  border: 1px solid #ccc;
  background-color: #FAFAFA;
  height: auto;
  padding: 4px 6px; }
  #service-provider-settings-tab #add-service-agent-btn .x-btn-text:hover,
  #service-provider-settings-tab #edit-service-agent-btn .x-btn-text:hover {
    background-color: #dbe4e1; }

#service-provider-settings-tab #add-service-agent-btn .button-search,
#service-provider-settings-tab #add-service-agent-btn .button-remove,
#service-provider-settings-tab #add-service-agent-btn .button-add,
#service-provider-settings-tab #edit-service-agent-btn .button-search,
#service-provider-settings-tab #edit-service-agent-btn .button-remove,
#service-provider-settings-tab #edit-service-agent-btn .button-add {
  padding-left: 20px;
  background-position: 3px center; }

#service-provider-settings-tab .x-panel-bl {
  display: none; }

#assetRegisterTab .x-panel-noborder,
#assetRegisterTab .x-panel,
#assetRegisterTab .x-panel-body,
#assetRegisterTab .x-panel-body-noheader,
#assetRegisterTab .x-panel-ml,
#assetRegisterTab .x-panel-tl,
#trainingCoursesTab .x-panel-noborder,
#trainingCoursesTab .x-panel,
#trainingCoursesTab .x-panel-body,
#trainingCoursesTab .x-panel-body-noheader,
#trainingCoursesTab .x-panel-ml,
#trainingCoursesTab .x-panel-tl{
  border: none !important;
  background-color: #f0f0f0;
}

#assetRegisterTab .x-panel-ml {
  background: #f1f1f1 !important; }

#assetRegisterTab .x-panel-ml .x-btn-text {
  border: 1px solid #ccc;
  background-color: #FAFAFA;
  height: auto;
  padding: 4px 6px; }
  #assetRegisterTab .x-panel-ml .x-btn-text:hover {
    background-color: #dbe4e1; }

#assetRegisterTab .x-panel-ml .button-search,
#assetRegisterTab .x-panel-ml .button-remove,
#assetRegisterTab .x-panel-ml .button-add {
  padding-left: 20px;
  background-position: 3px center; }

#assetRegisterTab .x-btn .x-btn-text {
  border: none !important; }

#assetRegisterTab .x-btn-text-icon .x-btn-text {
  padding-left: 20px; }

#exportAssetButtons {
  border-top: 1px solid #d0d0d0;
}
#searchAssetButtons {
  border-top: 1px solid #d0d0d0;
}
#x-form-el-model-multiselect {
  padding-left: 65px !important;
}
#machines-tab .x-panel-body {
  border: none; }

#machines-tab .x-panel-mc {
  background: #eee; }

#machines-tab .x-panel-ml {
  background: #eee !important; }

#machines-tab .x-panel-tl,
#machines-tab .x-panel-nofooter {
  display: none; }

#machines-tab .x-panel-ml .x-btn-text {
  border: 1px solid #ccc;
  background-color: #FAFAFA;
  height: auto;
  padding: 4px 6px; }
  #machines-tab .x-panel-ml .x-btn-text:hover {
    background-color: #dbe4e1; }

#machines-tab .x-panel-ml .button-search,
#machines-tab .x-panel-ml .button-remove,
#machines-tab .x-panel-ml .button-add {
  padding-left: 20px;
  background-position: 3px center; }

#ext-comp-1519 .x-panel-body,
#ext-comp-1519 .x-panel-body-noheader,
#ext-comp-1519 .x-border-layout-ct,
#ext-comp-1519 .x-panel-tl {
  border: none; }

#ext-comp-1671 .x-panel-ml,
#ext-comp-1671 .x-panel-tl,
#ext-comp-1671 .x-panel-tr,
#ext-comp-1671 .x-panel-bl,
#ext-comp-1671 .x-panel-br,
#ext-comp-1671 .x-panel-tc {
  background: #f1f1f1 !important; }

#ext-comp-1671 .x-panel-body,
#ext-comp-1671 .x-tab-panel-body {
  border: none !important; }

#ext-comp-1723 .x-panel-body {
  border: none; }

.x-grid3-row-selected {
  background: #f1e2d6 !important; }

.x-grid3-row-over {
  background: #f5efea; }

.x-grid3-col-action {
  text-align: center;
  font-size: 1.2em;
  padding-top: 14px; }
  .x-grid3-col-action a {
    text-decoration: none;
    color: #1968e6; }
    .x-grid3-col-action a:hover {
      text-decoration: underline; }

.x-grid3-hd-row td {
  background: #C1D0E2; }

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  background: #bac2c3; }

.x-panel-body {
  color: #444; }

.x-tab-strip-active span.x-tab-strip-text {
  color: #444; }

.x-tab-strip-wrap {
  background: none; }
  .x-tab-strip-wrap ul li {
    background: none;
    margin-left: 0;
    -o-transition: 0.1s;
    -ms-transition: 0.1s;
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s; }
    .x-tab-strip-wrap ul li:hover {
      background: #ddd !important; }
    .x-tab-strip-wrap ul li.x-tab-strip-active:hover {
      background: #5FA2DD !important; }
    .x-tab-strip-wrap ul li.x-tab-strip-active {
      background: #5FA2DD; }
      .x-tab-strip-wrap ul li.x-tab-strip-active span.x-tab-strip-text {
        font-weight: normal !important; }
    .x-tab-strip-wrap ul li.x-item-disabled {
      background: #ccc;
      opacity: 1; }
    .x-tab-strip-wrap ul li a .x-tab-left,
    .x-tab-strip-wrap ul li a .x-tab-right,
    .x-tab-strip-wrap ul li a .x-tab-strip-inner {
      background-image: none !important; }
    .x-tab-strip-wrap ul li .x-tab-right {
      background-image: none !important; }

.x-tab-panel-header {
  background: #A7CDED; }

ul.x-tab-strip-top {
  background: none !important;
  padding: 0; }

.x-tab-panel-header {
  padding-bottom: 0; }

.main-nav-header {
  background: #A7CDED;
  margin-bottom: 20px; }
  .main-nav-header ul li {
    padding: 5px 5px;
    font-size: 14px; }
  .main-nav-header .x-tab-strip span.x-tab-strip-text {
    font-size: 14px !important; }

.x-btn-tl,
.x-btn-tr,
.x-btn-tc,
.x-btn-ml,
.x-btn-mr,
.x-btn-mc,
.x-btn-bl,
.x-btn-br,
.x-btn-bc {
  background: none; }

.x-panel-tbar .x-btn {
  background: none !important;
  border: none !important; }
  .x-panel-tbar .x-btn button {
    color: #222222 !important;
    font-weight: normal !important; }
  .x-panel-tbar .x-btn:hover button {
    color: #58919e !important; }

.x-panel-btns .x-btn,
.x-window .x-btn-noicon {
  border: 1px solid #ccc !important;
  background: #FAFAFA !important; }
  .x-panel-btns .x-btn:hover,
  .x-window .x-btn-noicon:hover {
    background: #dbe4e1 !important; }
  .x-panel-btns .x-btn:active,
  .x-window .x-btn-noicon:active {
    background: #95a09d !important;
    color: #fff !important; }

.x-window .x-window-bwrap {
  background: #FAFAFA; }

.x-window .x-window-mc {
  background: none; }

.x-window .x-panel-mc .x-panel-body {
  background: none; }

.x-window .x-box-inner {
  background: none; }

.x-window .x-window-br,
.x-window .x-panel-body,
.x-window .x-window-mc,
.x-window .x-panel-mc,
.x-window .x-window-mr,
.x-window .x-window-ml,
.x-window .x-window-bc,
.x-window .x-window-bl,
.x-window .x-panel-tc,
.x-window .x-window-br,
.x-window .x-tab-panel-body {
  background: none !important;
  border: none; }

.x-window .x-tab-panel-header {
  border-bottom: none; }

.x-window-tl {
  background: #444;
  color: #FAFAFA; }
  .x-window-tl .x-window-header {
    color: #FAFAFA;
    font-weight: normal; }
  .x-window-tl .x-window-tl,
  .x-window-tl .x-window-tc,
  .x-window-tl .x-window-tr,
  .x-window-tl .x-window-ml,
  .x-window-tl .x-window-mc,
  .x-window-tl .x-window-mr,
  .x-window-tl .x-window-bc,
  .x-window-tl .x-window-bl {
    background: none !important; }