/******************
 * Containerpanes *
 ******************/

.flat .dijitSplitContainer-child,
.flat .dijitBorderContainer-child,
.flat .dijitTabPaneWrapper {
    border: 0;
}

.flat .dijitContentPane {
    background-color: inherit;
    background-color: initial;
}

/* TODO: Style Me! */
.flat .dijitContentPane .dijitContentPaneLoading {
    color: #CCC;
    padding-left: 0px;
    border-top: 2px solid #CCC;
    display: block;
}

.flat .dijitContentPane .dijitContentPaneError {
    color: #AAA;
    padding-left: 0px;
    border-top: 2px solid red;
    display: block;
}


.flat .dijitContentPane .dijitContentPaneLoading .dijitIconLoading::before {
    content: "";
}


.flat .dijitTabListContainer-top {
    margin-top: 0;
}

/**********
 * Inputs *
 **********/

.flat .dijitTextBox,
.flat .dijitSelect {
    border-color: #95989A;
    transition: none;  /* DCD-762 fix FF huge outline transition issue */
    box-sizing: border-box;
}

.flat .dijitSelect .dijitInputField {
    padding: 0 0 0 9px;  /* align horizontally with dropdown icon options */
}

.flat .dijitSpinner .dijitSpinnerButtonContainer {
    width: 50%;
    max-width: 25px;
}

.flat .dijitSpinner .dijitSpinnerButtonInner {
    width: 15px;
}

.flat .dijitSpinner .dijitArrowButtonInner:before,
.flat .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner:before {
    display: block;
    text-align: center;
}

.flat .dijitSliderIncrementIconH,
.flat .dijitSliderDecrementIconH {
    color: #000;
}

.flat .dijitSliderHover .dijitSliderImageHandle,
.flat .dijitSliderImageHandle {
    box-shadow: inherit;
}

.flat .dijitSliderImageHandle:after {
    background: transparent;
}

.flat .dijitSliderDecrementIconH:hover,
.flat .dijitSliderIncrementIconH:hover,
.flat .dijitSliderDecrementIconV:hover,
.flat .dijitSliderIncrementIconV:hover,
.flat .dijitComboButton .dijitButtonNodeHover,
.flat .dijitComboButton .dijitDownArrowButtonHover {
    color: #2196f3;
    border-color: #9e9e9e;
    background: #fafafa;
}

.flat .dijitTitlePaneTitleHover {
    border-color: #9e9e9e;
}

.flat .dijitRadio,
.flat .dijitRadioIcon {
    border-color: #9e9e9e;
}

.flat .dijitCheckBox,
.flat .dijitRadio {
    margin-right: 5px;
}

/***********
 * Tooltip *
 ***********/

.flat .dijitTooltipDialog .dijitTooltipContainer {
    padding: 15px;
}

/***********
 * Toolbar *
 ***********/

.dijitToolbar .dijitButton {
    display: inline;
}

.flat .dijitToolbar {
    border-bottom: 1px solid #EAEAEA;
}

.flat .dijitToolbar .dijitTextBox {
    /* margin-top: 2px; */
}

.flat .dijitToolbar .dijitButtonHover .dijitButtonNode,
.flat .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
.flat .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.flat .dijitToolbar .dijitComboButtonHover .dijitButtonNode {
    background: inherit;
    border: inherit;
}

.flat .dijitToolbar .dijitTextBox .dijitInputField .dijitPlaceHolder {
    /* padding: 1px 2px; */
}

.dijitInputField .dijitPlaceHolder {
    white-space: nowrap;
}

/********
 * Menu *
 ********/

 .flat .dijitMenu {
    background-color: #fff;
}

.flat .blockWidget.dijitMenu {
    box-shadow: none;
}

.flat .dijitMenuPopup .dijitMenuItem, .flat .dijitMenuPopup .dijitMenuItem td {
    padding: 13px 9px;
}

.flat .dijitMenuPopup {
    max-height: 100%;  /* fix overflow issue DCD-846 */
    overflow: auto;
}

.flat .dijitMenuItem td {
    padding: 0;
    line-height: inherit;
}

.flat .dijitMenuItem .dijitMenuItemIconCell,
.flat .dijitMenuItem .dijitMenuArrowCell {
    width: 1px;
}

/********
 * misc *
 ********/

.flat .dijitTitlePane  {
    box-sizing: border-box;
}

.flat .simpleWrapperPane .dijitTooltipContainer,
.dijitContentPane.simpleWrapperPane {
    /* Weird IE requires 3px bottom padding, otherwise scroll boxes appear. Not even wizards "box-sizing: border-box" helps :( */
    padding: 0 0 3px 0;
}

.flat .dijitDialogSingleChild {
    padding: 0;
}

.flat .dijitComboBoxMenu {
    padding: 0;
}

/**********
 * Resize *
 **********/
.flat .dojoxResizeHandle {
    width: 15px;
    height: 15px;
    bottom: 0;
    right: 0;
    position: absolute;
    transform: rotate(-45deg);
    cursor: col-resize;
}

/***********
 * Expando *
 ***********/

.dojoxExpandoTitle {
    padding: 5px 10px;
    min-height: 25px;
    box-sizing: border-box;
}

.dojoxExpandoIconLeft,
.dojoxExpandoIconRight {
    display: inline-block;
}

.dojoxExpandoIconLeft {
    float: right;
}

.dojoxExpandoIconRight {
    float: left;
}

.dojoxExpandoIconLeft span,
.dojoxExpandoIconRight span,
.dojoxExpandoClosed .dojoxExpandoTitleNode {
    display: none;
}

.dojoxExpandoIconLeft::before,
.dojoxExpandoIconRight::before {
    font-family: 'flat-icon';
}

.dojoxExpandoIconLeft::before,
.dojoxExpandoClosed .dojoxExpandoIconRight::before {
    content: '\f000';
}

.dojoxExpandoIconRight::before,
.dojoxExpandoClosed .dojoxExpandoIconLeft::before {
    content: '\f001';
}

.dojoxExpandoClosed {
    width: 5px !important;
    overflow: visible !important;
}

.dojoxExpandoClosed .dojoxExpandoTitle {
    position: absolute;
    right: 0;
    margin-right: 0;
    padding-right: 0;
}

.flat .dijitDialogPaneActionBar {
    text-align: left;
    padding: 5px;
}

/*************
 * TitlePane *
 *************/

.flat .dijitTitlePane .dijitClosed,
.flat .dijitTitlePaneContentOuter,
.flat .dijitTitlePaneTitle {
    background-color: transparent;
}

.flat .dijitTitlePaneTitle {
    padding: 8px;
}

/******************
 * Accordion Pane *
 ******************/
.flat .dijitAccordionTitle {
    padding: 10px;
    font-size: 1.25em;
    transition: 0.3s background-color;
}

.flat .dijitAccordionTitle .dijitAccordionText {
    margin-left: 5px;
}

.flat .dijitAccordionTitle .dijitIcon {
    margin-left: 5px;
}

/*****************
 * GridContainer *
 *****************/

.gridContainerTable {
    border: none;
}

.gridContainerZone {
    background: none;
}


/**********
 * Tables *
 **********/

.flat td .dijitButton {
    margin: 0;
}