/*
    Visual Styles Essential Branding for 2014
    http://techteams1.sabre.com/ASD/GUIDesignDevelopment/StyleGuide/webdesktop/default.aspx
*/

/* LoadMask */
.gugg .x-mask
{
    background: none repeat scroll 0 0 #FFFFFF;
}
.gugg .x-mask-msg div
{
    /*background-color: rgba(0, 0, 0, 0);*/
    background-image: url("ASVisualStandard_webdesktop_graphics/Loading_indicator/loading_indicator_circle.gif");
    /*background-image: url("ASVisualStandard_webdesktop_graphics/Loading_indicator/loading.gif");*/
    background-size: 24px 24px;
    background-position: center top;
    background-repeat: no-repeat;
    border: none;
    color: #706f73;
    cursor: wait;
    font-size: 12px;
    color: #706f73;
    font-family: Arial;
    font-weight: bold;
    padding: 34px 0 0;
    text-align: center;
}

/*eTip - custom tooltip for validation errors next to form fields*/
.gugg .x-tip.e-tip
{
    background-color: #E50000;
    color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    padding: 2px;
    /*position: absolute;*/
}
.gugg .e-tip .x-tip-body
{
    color: #FFFFFF;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    padding: 5px;
}
.gugg .e-tip .x-tip-anchor-left {
    border-right-color: #E50000;
}
/*sTip - custom tool tip for security notice*/
.gugg .x-tip.s-tip
{
    background-color: #FFFFFF;
    color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border-color: #CACACA;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    padding: 0px 13px 13px 13px;
    /*position: absolute;*/
    box-shadow: 2px 3px 2px #D4D4D4;
}
.gugg .s-tip .x-tip-header .x-box-item {
    padding: 10px 13px 0 13px;
}
.gugg .s-tip .x-tip-body
{
    color: #000000;
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;

}
.gugg .s-tip .x-tip-anchor-bottom  {
    border-top-color: #FFFFFF;
}

/*
    TextField: http://techteams1.sabre.com/ASD/GUIDesignDevelopment/StyleGuide/webdesktop/form_components_text_field.aspx
*/
.gugg .x-form-item
{
    color: #706f73;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
}

.gugg .x-form-item input.x-form-text[readonly],
.gugg .x-form-item input.x-form-text[readonly]:focus
{
    background-color: #FFFFFF;
}

.gugg .x-form-item-label-top
{
    display: block;
    padding: 0px 0px 5px 0px;
}
.gugg .x-form-text
{
    height: 32px;
    padding: 8px 0px 8px 13px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: solid 1px #cacaca;
    box-shadow: none;

    font-family: Arial;
    font-size: 14px;
    color: #333333;
    outline: none;
}

.gugg .x-toolbar .x-form-text {
    padding: 0px 0px 0px 13px;
    height: 20px;
}

.gugg .x-grid-row-editor .x-form-text {
    padding: 0px 0px 0px 13px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: solid 1px #cacaca;
    box-shadow: none;

    font-family: Arial;
    font-size: 14px;
    color: #333333;
    outline: none;
}

.gugg .x-grid-row-editor .x-form-checkbox {
    padding: 0px 0px 0px 13px;
    margin-bottom: 10px;
    box-shadow: none;

    font-family: Arial;
    font-size: 14px;
    color: #333333;
    outline: none;
}

.gugg .x-item-disabled .x-form-text
{
    background-color: #E9E9E9 !important;
    border: 1px solid #CACACA !important;
    color: #8E8E8E !important;
}

.gugg .x-form-item input.x-form-field.x-field-form-focus,
.gugg .x-form-item textarea.x-form-field.x-field-form-focus
{
    outline: none !important;
    border: solid 2px #0091ce;
}

.gugg .x-form-item .x-form-invalid-field,
.gugg textarea.x-form-invalid-field
{
    background-color: transparent  !important;
    background-image: url("ASVisualStandard_webdesktop_graphics/Form_components/text_field_validation_icon_n.png") !important;
    background-size: 24px 24px;
    background-repeat: no-repeat  !important;
}

.gugg .x-form-item input.x-form-invalid-field.x-field-form-focus,
.gugg .x-form-item textarea.x-form-invalid-field.x-field-form-focus
{
    outline: none !important;
    border: solid 2px #e50000;
}

.gugg .x-form-invalid-field
{
    background-position: right center !important;
}

.gugg textarea.x-form-invalid-field
{
    background-position: right top !important;
}

.gugg .x-form-invalid-boxselect-field
{
    padding: 0 15px 0 5px !important;

}
.gugg .x-form-invalid-boxselect-field > .x-boxselect-item-text
{
    background-position: right center !important;
    background-image: url("ASVisualStandard_webdesktop_graphics/Form_components/text_field_validation_icon_n.png") !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
}
/*
    Dropdown & Combobox
    http://techteams1.sabre.com/ASD/GUIDesignDevelopment/StyleGuide/webdesktop/form_components_drop_down___combobox.aspx
*/
.gugg .x-form-trigger, .gugg .x-form-trigger:hover
{
    background:
        url("ASVisualStandard_webdesktop_graphics/Form_components/DropdownArrow.png") no-repeat scroll 2px 4px,
        url("essentialBranding/trigger-bg-gradient.png") center repeat-x;
    height: 32px;
    margin-bottom: 10px;
    width: 28px;
    border-left: none;

}
.gugg .x-form-trigger:hover
{
    border: solid 1px #B3B3B3;
}

.gugg .x-form-trigger-input-cell input.x-form-field,
.gugg .x-form-trigger-input-cell textarea.x-form-field
{
    border-radius: 4px 0 0 4px;
}

/*.gugg .x-form-arrow-trigger, .gugg .x-form-arrow-trigger:hover {*/
    /*background: url("../images/combo_arrow.png") no-repeat scroll 2px 4px, -moz-linear-gradient(center top , #FFFFFF 0%, #E4EAEF 28%, #D5DDE6 50%, #DBE3EA 55%, #C5D2DF 60%, #C5D2DF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    /*box-shadow: 0 0 1px 1px #FFFFFF inset;*/
/*}*/

.gugg .x-trigger-cell {
    vertical-align: bottom;
}

/*.x-form-field-wrap .x-form-trigger{*/
    /*width:17px;*/
    /*height:21px;*/
    /*border:0;*/
    /*background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;*/
    /*cursor:pointer;*/
    /*border-bottom:1px solid #B5B8C8;*/
    /*position:absolute;*/
    /*top:0;*/
/*}*/

/*
    Granted Authorities Grid
    Various styles to get the granted authorities grid to display correctly
*/
.x-form-combo-ga
{
    margin-top: 2px !important;
    margin-bottom: 1px !important;
    font-size: 10px !important;
    height:20px !important;
    padding: 0px 2px 1px 2px !important;
}
.x-grid-ga .x-form-text
{
    border-radius: 4px 0 0 4px;
}

.x-form-arrow-trigger-ga
{
    height: 20px !important;
    width: 17px  !important;
    margin-bottom: 1px !important;
    border: 1px solid #B5B8C8 !important;
    background: url("ASVisualStandard_webdesktop_graphics/Form_components/DropdownArrow.png") no-repeat scroll -4px -4px, url("essentialBranding/trigger-bg-gradient.png") repeat-x scroll center center rgba(0, 0, 0, 0) !important;
}

.x-grid-ga.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-elbow-plus, .x-grid-ga.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-elbow-end-plus {
    background-position: -16px 0 !important;
}
.x-grid-ga .x-tree-elbow-plus, .x-grid-ga .x-tree-elbow-minus, .x-grid-ga .x-tree-elbow-end-plus, .x-grid-ga .x-tree-elbow-end-minus {
    cursor: default;
}
.x-grid-ga .x-form-item {
    margin-bottom: 0px !important;
}

.gugg .x-grid-ga  .gugg-combobox.x-form-item.gugg-readonly .x-pickerfield-open input.x-form-text, .gugg .gugg-combobox.x-form-item.gugg-readonly .x-form-text.x-field-form-focus {
    outline: medium none !important;
}

.gugg  .x-grid-ga .x-grid-cell
{
    padding: 0px !important;
    vertical-align: middle;
    line-height: 0px !important;
    height: 20px;

}
.x-grid-ga .x-grid-cell-inner
{
    /*line-height: 20px !important;*/
    /*height: 20px;*/
    padding: 0px !important;
    vertical-align: middle;


}
.x-grid-ga .x-grid-row-over .x-grid-cell {
    background-color: #FFFFFF;
    border-color: #FAFAFA #EDEDED #EDEDED;
    border-right: 0 solid #EDEDED;
    border-style: solid;
    border-width: 0;
}
.x-grid-ga.x-tree-panel .x-grid-cell-inner
{
    cursor: default;
}
.x-grid-ga .x-tree-icon {
    display: none !important;
}
.x-grid-cell-ga-combo .x-grid-cell-inner
{
    /*border: 1px solid red;*/
    /*height: 80px !important;*/
    /*background: url("ASVisualStandard_webdesktop_graphics/Loading_indicator/loading.gif") no-repeat 2px 2px !important;*/
}

.gugg .x-toolbar-item .x-form-cb-label {
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #464d52;
    font-weight: normal;
}

.gugg .x-toolbar-item .x-form-checkbox {
    margin-bottom: 12px;
    box-shadow: none;
}