/* Basic Tabs */

.flat .dijitTabListContainer-top {
    border-bottom: 1px solid #A9A9A9;
    border-top: 1px solid #A9A9A9;
    background: white;
}

.flat .dijitTabListContainer-top .dijitTab {
    border: 0;
    border-right: 1px solid #A9A9A9;
}

.flat .dijitTabContainerTop-tabs .dijitTabChecked {
    background: #A9A9A9;
    color: white;
}

.flat .dijitTabContainerTop-tabs .dijitTabChecked::before {
    background: transparent;
}

/* Designer Tabs (maintabs) */
/* deprecated in favor of .dcdMainTabs */
.flat .dcdDesignerTabs-top {
    margin: 0;
    border-bottom: 5px solid #2196f3;
}

.flat .dcdDesignerTabs-top .dijitTabChecked {
    background: #2196f3;
}

.flat .dcdDesignerTabs-tab {
    margin-top: 4px;
}

/* LETS replace dcdDesignerTabs-top and the associated assignment of classes to this cascade or similar... */
.flat .dcdMainTabs > .dijitTabListContainer-top {
    margin: 0;
    border-bottom: 5px solid #2196f3;
}

.flat .dcdMainTabs > .dijitTabListContainer-top .dijitTabChecked {
    background: #2196f3;
}

.flat .topAligned-table .topAligned-valueCell {
    vertical-align: top;
}

.flat .topAligned-table .topAligned-labelCell {
    vertical-align: top;
    padding-top: 0.7rem;
}

/* Close Button */
.flat .dijitTabCloseButton {
    color: #000;
    cursor: pointer;
    opacity: 1;
    padding: 1px;
    transition: background-color 250ms ease-in-out,
                color 250ms ease-in-out;
}

.flat .dijitTabCloseButton:focus,
.flat .dijitTabCloseButton:hover {
    background: #000;
    color: #FFF;
}

.flat .dijitTabChecked .dijitTabCloseButton {
    color: #FFF;
}

.flat .dijitTabChecked .dijitTabCloseButton:focus,
.flat .dijitTabChecked .dijitTabCloseButton:hover {
    background: #FFF;
    color: #000;
}

.flat .tabInput .dijitTab.dijitTabChecked, .flat .tabInput .dijitTab.dijitTabHover {
    opacity: 1;
}

.flat .tabInput .dijitTab {
    opacity: 0.3;
}