/*SEMANTIC OVERRIDES FOR MUI STYLES*/
/*As more MUI elements become part of our app, we'll need a place to override the PCU or default semantic styles
    This is that place. Be very careful with your selectors so as not to affect anything besides MUI elements.
*/

.ui.form input.MuiInputBase-input {
    border: none !important;
    padding: 0;
}

.ui.form .MuiInputBase-root {
    width: 100%;
    padding: 7px 8px;
    height: 38px;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 4px;
}

.ui.form .field.error .MuiInputBase-root {
    border: 1px solid #AE312E;
}

/* Order of all of the following is important for error and focused to work correctly because of our use of !important*/
.ui.form .field.error input.MuiInputBase-input.Mui-error {
    border: 0px solid #AE312E !important;
}


.ui.form .MuiInputBase-root > fieldset {
    display: none;
}

.ui.form .field.error .Mui-focused {
    border-color: #AE312E !important;
}

.ui.form .Mui-focused {
    border-color: #0094C6 !important;
}

.ui.form .field.error input.MuiInputBase-input {
    border: 0px solid #AE312E !important;
}

.ui.form .field.error button.MuiToggleButton-root {
    border-color: #AE312E;
    color: #AE312E;
}

.ui.form .field.error .Mui-error {
    border-color: #AE312E !important;
}

/*Modal content*/
.MuiDialogContent-root .field .validation.error, .MuiDialogContent-root .fields .validation.error {
    display: flex !important;
}

.ui.form .MuiInputBase-root.Mui-error > fieldset.MuiOutlinedInput-notchedOutline {
    border-color: #DADADA;
}

/*
    For MUI Modal.
    Simpler to do it here than putting in jsx since this are customized
    specifically for our app
*/

.MuiDialogContent-root .inactive.content {
    background: transparent url(../i/l/x/stripe.gif) repeat top left;
    opacity: 0.35;
    height: 100%;
}

#divDialogWrapper .MuiDialog-container {
    /*padding-top: 81px;*/
    padding-bottom: 3px;
}

#divDialogWrapper .MuiModal-root {
    z-index: 9010;
}

.MuiDialogContent-root .inactive.content table, .MuiDialogContent-root .active.content table {
    width: auto;
}

.MuiDialogContent-root .inactive.content .wide.field > table, .MuiDialogContent-root .active.content .wide.field > table {
    width: 100%;
}

.MuiDialogContent-root.noPadding {
    padding: 0 !important;
}

.MuiDialogContent-root.overflowVisible {
    overflow: visible;
}

.MuiDialogContent-root.noTopPadding {
    padding-top: 0;
}

.MuiDialogContent-root.noPadding {
    padding: 0;
}

.MuiDialogContent-root.noBottomRightPadding {
    padding-bottom: 0;
    padding-right: 0;
}

.mui-date-picker {
    min-width: 14em;
}

.questionnaire.card .button .MuiButton-root {
    padding: 0;
}

.grid.container > .MuiBox-root.grid.container {
    display:flex;
    flex: 1;
}

.MuiDataGrid-root--densityStandard .MuiDataGrid-virtualScrollerRenderZone .MuiDataGrid-row {
    min-height: 30px !important;
}

.ui.vertical.segment.toolbar.master > div#paneMaster_mtb > div > button.MuiButton-containedPrimary:first-child,
.ui.vertical.segment.toolbar.master > div#paneMaster_mtb > div > button.MuiButton-outlinedPrimary:first-child {
    margin-left: 4px
}

.ui.vertical.segment.toolbar.master > div#paneMaster_mtb > div > div:first-child {
   margin-left: 4px
}

.articleContents mark.disableHighlight {
    background: white;
}