/* @override 
	http://127.0.0.1:8080/resources/css/app.css
	http://127.0.0.1:8080/whd-web/resources/css/app.css */

/* Page Body */
.whd-cursor-progress {
    cursor: progress;
}

.whd-cursor-move {
    cursor: move;
}

.whd-cursor-default {
    cursor: default;
}

.whd-logo {
    padding: 8px;
}

/*.whd-gradient
{
	background:#E0E0E0;
	background:-moz-linear-gradient(top,#E0E0E0 0%,#FFFFFF 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#E0E0E0),color-stop(100%,#FFFFFF));
	background:-webkit-linear-gradient(top,#E0E0E0 0%,#FFFFFF 100%);
	background:-o-linear-gradient(top,#E0E0E0 0%,#FFFFFF 100%);
	background:linear-gradient(top,#E0E0E0 0%,#FFFFFF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0',endColorstr='#FFFFFF',GradientType=0);
}*/

.whd-gray,
.whd-gray-default {
    background: #eeeeee;
}

.whd-gray, .ext-ux-clearbutton-on {
    visibility: inherit;
}

.whd-body-popup {
    background-color: #FFFFFF;
    font-weight: bold;
}

.whd-gs-body-container {
    padding: 0px 0px 5px 20px;
    background-color: #FFFFFF;
}

.whd-body-container-main .whd-component-body-container {
    background: #dfe0e1;
}

.whd-body-container-main .whd-component-body-container .whd-content-header-title h1 {
    font-family: sans-serif;
    font-size: 2.3em;
    font-weight: normal;
    padding: 5px 0px 5px 0px;
    color: #444;
    text-shadow: 1px 1px 2px #aaa;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.whd-body-container {
    background: #fff;
}

.whd-body-container[scrollTop] {
    border-top: 2px solid red;
}

.whd-body-container .whd-component-body-container {
    background: #E0E0E0;
    background: -moz-linear-gradient(top, #E0E0E0 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E0E0E0), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #E0E0E0 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #E0E0E0 0%, #FFFFFF 100%);
    background: linear-gradient(top, #E0E0E0 0%, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#FFFFFF', GradientType=0);
    background-image: -ms-linear-gradient(top, #E0E0E0 0%, #FFFFFF 100%);
}

.whd-body-container .whd-component-body-container .whd-content-header-title h1 {
    font-family: sans-serif;
    font-size: 2.3em;
    font-weight: normal;
    padding: 15px 0px 10px 0px;
    color: #444;
    text-shadow: 1px 1px 2px #aaa;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Breadcrumbs */
.whd-breadcrumbs-container {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #e4e4e4;
    background: #FFF;
}

.x-ie .whd-breadcrumbs-container {
    background-image: none !important;
}

.whd-breadcrumbs-container .whd-breadcrumb-btn {
    background: transparent;
}

.whd-breadcrumbs-container .whd-breadcrumb-btn .x-tab-inner {
    color: #000;
    font-weight: normal;
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 14px;
}

.whd-breadcrumbs-container .whd-breadcrumb-btn.x-over .x-tab-inner,
.whd-breadcrumbs-container .whd-breadcrumb-btn .x-tab-inner:hover {
    text-decoration: none;
    font-weight: normal;
    color: #000;
}

.whd-breadcrumbs-container .whd-breadcrumb-separator {
    background: transparent url("../icons/viewport-icons.gif") no-repeat 0px -102px;
}

.whd-hint {
    color: #666666;
    font-size: 0.88em;
}

.whd-orion-hint {
    width: 560px;
    padding: 10px 10px 10px 25px;
    border: 1px solid #eaca7f;
    border-radius: 5px;
    background-color: #fffdcc;
    background-image: url(../icons/lightbulb.gif);
    background-repeat: no-repeat;
    background-position: 4px 10px;
}

.whd-search-panel {
    width: 100%;
    padding: 10px 5px;
    border: 1px solid #999999!important;
    background-color: #fafafa;
    background-repeat: no-repeat;
    background-position: 4px 10px;
    min-width: 1200px;
}

.whd-faq-panel {
    width: 100%;
    padding: 5px;
    border: 1px solid #999999;
    /*border-radius: 5px;*/
    background-color: #e1e1e1;
    background-repeat: no-repeat;
    background-position: 4px 10px;
}

.whd-faq-panel.whd-faq-panel-bottom {
    border-top: none;
}

.whd-faq-panel.whd-faq-panel-top {
    border-bottom: none;
}

.whd-text-field-hint {
    color: #999;
    font-size: 0.88em;
    padding: 0px 2px 8px 0px;
    text-align: right;
}

.whd-panel-header {
    background: #ddd;
    color: #444;
    border-bottom: 1px solid #aaa;
    padding: 4px 0px 4px 12px;
    font-weight: bold;
}

/* Navigation Tabs */
.whd-nav-bg {
    top: 0;
    width: 100%;
    height: 60px;
    padding: 0px 20px 0px 20px;
    background: #111111;
    background: -moz-linear-gradient(top, #F8B350 0%, #F99D1F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8B350), color-stop(100%, #F99D1F));
    background: -webkit-linear-gradient(top, #F8B350 0%, #F99D1F 100%);
    background: -o-linear-gradient(top, #F8B350 0%, #F99D1F 100%);
    background: linear-gradient(top, #F8B350 0%, #F99D1F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8B350', endColorstr='#F99D1F', GradientType=0);
    background-image: -ms-linear-gradient(top, #F8B350 0%, #F99D1F 100%);
}

.whd-nav-tabpanel {
    padding: 20px 20px 0px 60px;
}

.whd-nav-item {
    margin: 0px 2px;
    height: 27px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background: -moz-linear-gradient(top, #4d4d4d 0%, #3a3a3a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #3a3a3a));
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #3a3a3a 100%);
    background: -o-linear-gradient(top, #4d4d4d 0%, #3a3a3a 100%);
    background: linear-gradient(top, #4d4d4d 0%, #3a3a3a 100%);
    border: 1px solid #575757;
    border-bottom: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#3a3a3a', GradientType=0);
    background-image: -ms-linear-gradient(top, #4d4d4d 0%, #3a3a3a 100%);
}

.whd-nav-item .x-btn-inner {
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1.1em;
    padding: 0px 25px;
    font-weight: bold;
    white-space: normal;
}

.whd-small-viewport .whd-nav-item .x-btn-inner {
    font-size: 1em;
    padding: 0px 7px;
}

.whd-nav-item-active,
.whd-nav-item:hover[class~="whd-nav-item-active"] {
    background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    border: 1px solid #ffffff;
    border-bottom: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
}

.whd-nav-item:hover {
    background: -moz-linear-gradient(top, #656565 0%, #515151 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #656565), color-stop(100%, #515151));
    background: -webkit-linear-gradient(top, #656565 0%, #515151 100%);
    background: -o-linear-gradient(top, #656565 0%, #515151 100%);
    background: linear-gradient(top, #656565 0%, #515151 100%);
    border: 1px solid #6f6f6f;
    border-bottom: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#515151', GradientType=0);
    background-image: -ms-linear-gradient(top, #656565 0%, #515151 100%);
}

.whd-nav-item-active .x-btn-inner {
    color: #4b4c51;
}

.whd-nav-item:hover .x-btn-inner {
    /* reset */
}

/* User panel */
.whd-nav-userpanel {
    background: transparent;
}

.whd-nav-userpanel .whd-userpanel-button {
    background: transparent;
    border: none;
    border-radius: 0px;
    margin: 10px 0px 0px 0px;
    cursor: pointer;
    color: #fff;
}

.whd-nav-userpanel .whd-userpanel-button .whd-userpanel-button-center,
.whd-nav-userpanel .whd-userpanel-button.whd-userpanel-button-help {
    background: transparent url("../icons/viewport-icons.gif") no-repeat 0px 6px;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 1em;
    border: 0px;
    border-radius: 0px;
    padding: 0px 5px 0px 15px;
    color: #fff;
}

.whd-nav-userpanel .whd-userpanel-button .whd-userpanel-button-center:hover {
    text-decoration: underline;
}

.whd-nav-userpanel .whd-userpanel-button.whd-userpanel-button-logout .whd-userpanel-button-center {
    background-image: none;
    padding: 0px 5px 0px 0px;
    color: #aaaaaa;
    float: right;
}

.whd-nav-userpanel .whd-userpanel-button.whd-userpanel-button-profile .whd-userpanel-button-center {
    background-position: 0px -10px;
    color: #f99d1c;
    float: right;
}

.whd-nav-userpanel .whd-userpanel-button.whd-userpanel-button-settings .whd-userpanel-button-center {
    background-position: 0px 6px;
    float: right;
}

.whd-nav-userpanel .whd-userpanel-button.whd-userpanel-button-help .whd-userpanel-button-center {
    background-position: 0px -28px;
}

.whd-nav-userpanel .whd-userpanel-button.whd-userpanel-button-help {
    background-position: 0px -28px;
    line-height: 1.6em;
    text-decoration: none;
    float: right;
}

.whd-nav-userpanel .whd-userpanel-button.whd-userpanel-button-help:hover {
    text-decoration: underline;
}

.whd-font-copyright {
    color: #808080;
}

/*.x-grid-row-selected .x-grid-cell-inner {
	background: #ffface !important;
}*/

/* wizard progress bar */
.whd-bar-item, .whd-bar-act-item {
    height: 30px;
    width: 100%;
    background: #ccc;
}

.progressbar {
    list-style: none;
    overflow: hidden;
    font-family: sans-serif;
}

.progressbar li {
    float: left;
}

.progressbar li .on,
.progressbar li .off {
    color: #fff;
    text-decoration: none;
    padding: 8px 0 8px 55px;
    position: relative;
    display: block;
    float: left;
    /*Used in IE7*/
    zoom: expression(
	 this.runtimeStyle.zoom="1", 
	 this.appendChild( document.createElement("span") ).className="after",
	 this.appendChild( document.createElement("span") ).className="before"
	 );

}

.progressbar li .on {
    background: #fa0;
}

.progressbar li .off {
    background: #999;
}

.progressbar li .on:after,
.progressbar li .off:after,
.progressbar li .on .after,
.progressbar li .off .after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.progressbar li .on:after,
.progressbar li .on .after {
    border-left: 30px solid #fa0;
}

.progressbar li .off:after,
.progressbar li .off .after {
    border-left: 30px solid #999;
}

.progressbar li .on:before,
.progressbar li .off:before,
.progressbar li .on .before,
.progressbar li .off .before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 2px;
    left: 100%;
    z-index: 1;
}

.progressbar li:first-child .on,
.progressbar li:first-child .off {
    padding-left: 24px;
}

.whd-loading {
    background-image: url("../images/common/spinner.gif");
    background-position: 5px center;
    background-repeat: no-repeat;
}

.whd-groups-color-picker a em span {
    width: 18px;
    height: 18px;
}

.whd-form-disabled {
    opacity: 0.0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

/*date field*/
.whd-date-field .x-trigger-cell .x-form-date-trigger {
    background-image: url("../icons/filter-icon-date.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    width: 24px;
    /*border: 1px solid #B5B8C8;
    border-left: 0 none;*/
    border: 0 none;
}

/*time field*/
.whd-time-field .x-trigger-cell .x-form-trigger {
    background-image: url("../icons/filter-icon-clock.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    width: 24px;
    /*border: 1px solid #B5B8C8;
    border-left: 0 none;*/
    border: 0 none;
}

/*
	Used in the Startup Wizard Request Type popups.  To use, just add:
	cls: 'indentWrappedText' to the desired checkbox.
*/

.indentWrappedText input.x-form-radio, .indentWrappedText input.x-form-checkbox {
    float: left;
}

.indentWrappedText label.x-form-cb-label-after {
    float: left;
    width: 90%;
}

.whd-popup-requesttype-button {
    float: right;
    margin: 5px;
}

.whd-popup-requesttype-checkboxgroup {
    left: 142px;
    position: relative;
    top: 7px;
    width: 205px;
}

#whd-popup-requesttype-saveButton {
    right: 5px;
}

.whd-as-bold {
    font-weight: bold;
}

.whd-as-trash {
    font-weight: bold;
    color: crimson;
}

.helpPopup, .helpPopup a {
    color: #0B2149;
    font-family: arial;
    font-size: 12px;
    text-shadow: none;
}

.helpPopup {
    border: 1px solid #b0b0b0;
    text-align: left;
    position: fixed;
    background-color: white;
    width: 400px;
    padding: 1em;
    z-index: 999;
    font-weight: normal;
    text-decoration: none;
    white-space: normal;
    margin-right: 50px
}

.helpPopup strong.label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #102E65;
    display: block;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-top: 0;
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
}

.helpPopup ul {
    margin: 1.5em;
    padding: 0;
}

.helpPopup ol {
    margin: 1.5em;
    padding: 0;
}

.helpPopup hr {
    border-color: #000000;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 6px 0;
}

div.helpPopup a {
    color: #102E65 !important;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

.whdInfoIcon {
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 5px;
}

.whdInfoIconGrid {
    cursor: pointer;
    position: absolute;
}

input::-ms-clear {
    height: 0;
    width: 0;
}

.x-tree-disabled {
    opacity: .5;
}

.x-tree-hidden {
    display: none;
}