@charset "UTF-8";
/* CSS Document */

.claro {
    font-family: "Cabin", sans-serif;
    font-size: 10.5pt;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body.claro {
    font-family: "Cabin", sans-serif;
    font-size: 10.5pt;
    margin: 0;
}

pre.claro {
    /* override claro theme's huge padding on pre elements */
    padding: 0.5em !important;
}

.dojoxUpgradeBar {
    background: #feb url('/static/images/background/gradient-20-50-white-up.png') repeat-x top left;
    z-index: 100;
    border-bottom: 1px double #e5c982;
    color: #640;
    text-shadow: #ffc 0 1px 0;
}

.dojoxUpgradeBarMessage {
    font-size: 1.1em;
    margin-top: 0;
    top: 30%;
}

.claro .dijitDialogTitleBar {
    background-color: #2459a8;
    background-image: none;
}

.claro .dijitDialogTitle {
    color: #fff;
    font-weight: bold;
}

.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode,
.claro .dijitToggleButton .dijitButtonNode {
    background-color: #2459a8;
    background-image: none; /* removing gradient in default claro.css */
    border: solid #2459a8 1px;
}

.claro .dijitButtonHover .dijitButtonNode,
.claro .dijitDropDownButtonHover .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNodeHover,
.claro .dijitComboButton .dijitDownArrowButtonHover,
.claro .dijitToggleButtonHover .dijitButtonNode {
    background-color: #2459ff;
    border: solid #2459ff 1px;
    transition-duration: 0.2s;
}

.claro .dijitButtonActive .dijitButtonNode,
.claro .dijitDropDownButtonActive .dijitButtonNode,
.claro .dijitComboButtonActive .dijitButtonNode,
.claro .dijitToggleButtonActive .dijitButtonNode,
.claro .dijitToggleButtonChecked .dijitButtonNode {
    background-color: #2459a8;
    border: solid #2459ff 1px;
    transition-duration: 0.2s;
}

 .claro .dijitButton .dijitButtonNode .pickerButton,
  .claro .dijitDropDownButton .dijitButtonNode .pickerButton,
 .claro .dijitComboButton .dijitButtonNode  .pickerButton,
 .claro .dijitToggleButton .dijitButtonNode  .pickerButton{
    background-color: #fefefe;
    background-image: none; /* removing gradient in default claro.css */
    border: solid #2459a8 1px;
}

.claro .dijitButtonHover .dijitButtonNode pickerButton,
.claro .dijitDropDownButtonHover .dijitButtonNode .pickerButton,
.claro .dijitComboButton .dijitButtonNodeHover .pickerButton,
.claro .dijitComboButton .dijitDownArrowButtonHover .pickerButton,
.claro .dijitToggleButtonHover .dijitButtonNode .pickerButton{
    background-color: #fafafa   ;
    border: solid #2459ff 1px;
    transition-duration: 0.2s;
}

.claro .dijitButtonActive .dijitButtonNode .pickerButton,
.claro .dijitDropDownButtonActive .dijitButtonNode .pickerButton,
.claro .dijitComboButtonActive .dijitButtonNode .pickerButton,
.claro .dijitToggleButtonActive .dijitButtonNode .pickerButton,
.claro .dijitToggleButtonChecked .dijitButtonNode .pickerButton{
    background-color: #fefefe;
    border: solid #2459ff 1px;
    transition-duration: 0.2s;
}

.claro .dijitButtonDisabled .dijitButtonNode,
.claro .dijitDropDownButtonDisabled .dijitButtonNode,
.claro .dijitComboButtonDisabled .dijitButtonNode,
.claro .dijitToggleButtonDisabled .dijitButtonNode {
    background-color: #d3dcdf;
    border: solid #bdcad6 1px;
}

.claro .dijitButtonNode img {
    vertical-align: text-bottom;
}

.claro .dijitButton .dijitButtonText,
.claro .dijitToggleButton .dijitButtonText,
.claro .dijitButton .dijitButtonContents,
.claro .dijitToggleButton .dijitButtonContents {
    vertical-align: text-bottom;
    /*font-size: 0.9em;*/
    /* only looks good with light backgrounds: text-shadow: white 0 1px 0; */
    color: #fff;
}

.claro .dijitButtonDisabled .dijitButtonText,
.claro .dijitToggleButtonDisabled .dijitButtonText {
    vertical-align: text-bottom;
    color: #a3a3a3;
}

.claro .dijitTabChecked {
    border-color: #b5bcc7;
    background-color: #2459a8;
    color: #000000;
    font-weight: bold;
}

.claro .tabStripButtonHover {
    background-color: #396ae1;
}

.claro .tabStripButtonActive {
    background-color: #2459a8;
}

.claro .dijitTextBox {
    /*padding: 1px;*/
    font-size: 1.05em;
}

.claro .dijitTextArea, .claro .dijitInputInner {
    font-family: "Cabin", sans-serif;
    font-size: 11pt;
}

.claro .dijitSelect {
    /*padding: 1px;*/
    font-size: 1.05em;
}

.claro .dijitSelectLabel {
    /*padding: 1px;*/
    font-size: 1.05em;
}

.claro .dijitTooltipContainer {
    background: #f4f4f4 url('/static/images/background/gradient-20-50-white-up.png') repeat-x top left;
    opacity: 0.9;
}

/*.claro .dijitTooltipContainer { opacity: 0.9; }*/

/* right-alignment capability for NumberTextBox dijits by adding class='numeric' */
.numeric .dijitInputField input {
    text-align: right;
}


.dojoxCheckedMultiSelectSelect{
    width: 250px;
    height: 50px;
    padding-bottom: 5px;
}

.dojoxMultiSelectItem {
    cursor: default;
    padding: 0.1em 0.2em 0.1em 0.2em;
    white-space: nowrap;
}
.dojoxCheckedMultiSelectItem {
    white-space: nowrap;
    padding: 0.1em 0.2em 0.1em 0.2em;
    cursor:default;
}

.claro .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
    border: 1px solid #b5bcc7;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100px;
    /*background-color: #f7fcff; */
    /* padding-left: 5px; */
    text-align: left;
    line-height: normal;
    -webkit-transition-property:background-color, border;
    -webkit-transition-duration:.35s;
}