.MuiChip-outlined {
    border-radius: 16px !important;
    font-size: 12px !important;
    background-color: #fff;
}
.MuiChip-contained {
    color: #fff !important;
    border-radius: 16px !important;
    font-size: 12px !important;
}
.MuiChip-contained.MuiChip-containedPrimary {
    background-color: #1976d2 !important;
}
.MuiChip-contained.MuiChip-containedError {
    background-color: #d32f2f !important;
}
.MuiChip-contained.MuiChip-containedSuccess {
    background-color: #2e7d32 !important;
}
.MuiChip-contained.MuiChip-containedSecondary {
    background-color: #9c27b0 !important;
}
.MuiChip-contained.MuiChip-containedDefault {
    background-color: #ccc !important;
}
.MuiChip-outlined.MuiChip-outlinedPrimary {
    color: #1976d2 !important;
    border: solid 1px #1976d2 !important;
}
.MuiChip-outlined.MuiChip-outlinedWarning {
    color: #ed6c02 !important;
    border: solid 1px #d76100 !important;
}
.MuiChip-outlined.MuiChip-outlinedError {
    color: #d32f2f !important;
    border: solid 1px #d32f2f !important;
}
.MuiChip-outlined.MuiChip-outlinedSuccess {
    color: #2e7d32 !important;
    border: solid 1px #2e7d32 !important;
}
.MuiChip-outlined.MuiChip-outlinedSecondary {
    color: #9c27b0 !important;
    border: solid 1px #9c27b0 !important;
}
.MuiChip-outlined.MuiChip-outlinedDefault {
    color: #ccc !important;
    border: solid 1px #ccc !important;
}
/* Button */
.MuiButton-root {
    min-width: auto !important;
    height: 28px;
    font-size: 13px !important;
    padding: 5px 10px !important;
}
.MuiButton-root.basic {
    font-size: 14px;
    height: 35px;
    padding: 0 15px;
}
.MuiButton-root.lg {
    font-size: 17px !important;
    font-weight: 500;
    height: 56px;
}
.MuiButton-root.blueTxt {
    color: #004896;
}
.MuiButton-root.whiteTxt {
    color: #fff !important;
}
.MuiButton-root.bluebg {
    color: #fff;
    background-color: #38589f !important;
    border: 1px solid #38589f;
}
.MuiButton-root.blackbg {
    color: #fff;
    background-color: #5b646e !important;
    border: 1px solid #5b646e;
}
.HBtn .MuiButton-label {
    color: inherit;
}
.MuiInputBase-input {
    padding: 0px 10px;
    height: 28px;
}
@media screen and (max-width: 750px) {
   /* Button */
    .MuiButton-root.basic {
        font-size: 2.4rem;
        height: 35px;
        padding: 0 15px;
   }
    .MuiButton-root.lg {
        font-size: 2.8rem !important;
        font-weight: 500;
        height: 8rem;
   }
}
.btn-search, .btn-refresh, .btn-excel, .btn-grid-save {
    padding: 0px 0px !important;
    width: 28px;
    height: 28px;
}
.btn-search span, .btn-refresh span, .btn-excel span, .btn-grid-save span {
    font-size: 20px;
}
.gridBtn {
    height: 20px;
    padding: 0px 7px !important;
}
.gridBtn1 {
    height: 23px;
    padding: 0px 7px !important;
}
.white {
    padding: 0px 15px;
    line-height: 36px;
}
.white .MuiButton-label {
    color: #fff !important;
}
.white .MuiChip-label {
    color: #fff !important;
}
.white .MuiChip-labelSmall {
    color: #fff !important;
}
.MuiChip-label {
    line-height: 100%;
}
.MuiFormHelperText-root.Mui-error {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 3%;
    height: calc(100% - 4px);
    margin-top: 2px !important;
    z-index: 99;
    font-size: 0.75em !important;
}
.error-msg {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 20px;
    height: calc(100% - 2px);
    margin-top: 1px !important;
}
.Mui-error {
    background-color: #ffe5e5 !important;
}
.Mui-error.selectBox > div > div:first-child {
    background-color: #ffe5e5 !important;
    border: solid 2px red;
}
/* ToggleButton */
.toggleBtn.MuiToggleButtonGroup-root .MuiToggleButton-root {
    height: 38px !important;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    padding: 0 15px;
    border: solid 1px #eee !important;
}
.toggleBtn.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected {
    color: #fff;
    background-color: #22282f !important;
}
.toggleBtn.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected .MuiToggleButton-label {
    color: #fff;
}
/* Toggleutton1 */
.toggleBtnText1.MuiToggleButtonGroup-root .MuiToggleButton-root {
    height: 26px !important;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    padding: 0 10px;
    background-color: #fff;
}
.toggleBtnText1.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected {
    color: #fff;
    background-color: #22282f;
}
/* Selectbox */
.selectBox .MuiInputBase-root {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    text-transform: initial;
}
.selectBox .MuiInputBase-root .MuiInputBase-input {
    height: 28px;
    padding: 0px 25px 0px 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 13px;
}
.selectBox .MuiInputBase-root .MuiInputBase-input:focus {
    background-color: #fff;
}
.selectBox .MuiInput-underline:before, .selectBox .MuiInput-underline:hover:before, .selectBox .MuiInput-underline:after, .selectBox .MuiInput-underline:hover:not(.Mui-disabled):before {
    border-bottom: none;
}
.selectBox.h24 .MuiInputBase-input {
    height: 22px;
}
.selectBox.w150 .MuiInputBase-input {
    width: 150px;
}
.modal-footer .MuiButtonBase-root {
    padding: 6px 20px;
}
/* checkbox */
.Checkbox.MuiCheckbox-root {
    color: #ddd;
    padding: 0;
    margin: 0;
}
.Checkbox.MuiCheckbox-root svg {
    font-size: 14px;
    margin-right: 3px;
}
.Checkbox.MuiCheckbox-root.Mui-checked {
    color: #28a4a0 !important;
}
.Checkbox.darkblue.Mui-checked {
    color: #1e57a1;
}
.CheckboxLabel.MuiFormControlLabel-root {
    padding: 0;
    margin: 0 0 0 -3px;
}
.CheckboxLabel.MuiFormControlLabel-root .MuiFormControlLabel-label {
    font-size: 12px;
    font-weight: 500;
    color: #6a6a6a;
}
.MuiButton-outlined {
    border-color: #bbb !important;
}
.MuiButton-contained {
    box-shadow: none !important;
}
.MuiToggleButtonGroup-grouped {
    min-width: 60px !important;
    border: solid 1px #ccc !important;
    height: 28px;
    line-height: 28px;
    padding: 0px 10px !important;
}
.MuiToggleButtonGroup-grouped.Mui-selected {
    background-color: #555 !important;
    color: #fff !important;
    border: solid 1px #555 !important;
}
.no-min-width button {
    min-width: auto !important;
}
input:disabled {
    background-color: #eee;
}
/* .rst__node {
    height: 45px !important;
}
*/
.rst__rowContents {
    cursor: pointer !important;
    min-width: 200px;
}
.rst__rowWrapper {
    padding: 5px 10px 5px 0px !important;
}
.rst__moveHandle, .rst__loadingHandle {
    width: 36px;
    background: #ebe7e7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z'/%3E%3C/svg%3E") no-repeat center;
    background-size: 16px;
}
.rst__rowTitle {
    font-weight: normal !important;
    font-size: 14px;
}
.tree-selected .rst__moveHandle {
    background-color: #bec4f2;
}
.input-area-btn {
    line-height: 30px !important;
}
.MuiButton-containedSuccess {
    color: #fff !important;
    background-color: #2e7d32 !important;
}
.MuiButton-containedSuccess.Mui-disabled {
    background-color: rgba(0, 0, 0, 0.12) !important;
}
.MuiButton-outlinedSuccess {
    color: #2e7d32 !important;
    background-color: #fff !important;
}
.MuiButton-outlinedSuccess.Mui-disabled {
    background-color: rgba(0, 0, 0, 0.12) !important;
}
.MuiButton-containedError {
    color: #fff !important;
    background-color: #d32f2f !important;
}
.MuiButton-containedError.Mui-disabled {
    background-color: rgba(0, 0, 0, 0.12) !important;
}
.MuiButton-outlinedError {
    color: #d32f2f !important;
    background-color: #fff !important;
}
.MuiButton-outlinedError.Mui-disabled {
    background-color: rgba(0, 0, 0, 0.12) !important;
}
.icon-btn {
    padding: 5px !important;
}
/* InputEx label font-size */
label.MuiInputLabel-formControl {
    font-size: 12px;
    line-height: 14px;
}
.search-input label.MuiInputLabel-formControl {
    font-size: 12px;
    line-height: 12px;
}
/* InputEx Adornment font-size */
.MuiInputAdornment-root p {
    font-size: 11px;
    line-height: 100%;
    padding-top: 1px;
}
.MuiInputBase-adornedEnd {
    padding-right: 10px !important;
}
.MuiInputLabel-root.MuiInputLabel-shrink {
    -webkit-transform: translate(14px, -5px) scale(0.75) !important;
    -moz-transform: translate(14px, -5px) scale(0.75) !important;
    -ms-transform: translate(14px, -5px) scale(0.75) !important;
    transform: translate(14px, -5px) scale(0.75) !important;
}
.Mui-disabled {
    background-color: #eee !important;
}