.testClassName {
    background-color: black;
}

.testClassName.x-hovered .x-inner-el {
    background-color: white !important;
}

/* 여백 버튼 */
.btnLeft {
    margin-left: 7px !important;
}

.btnRight {
    margin-right: 7px !important;
}


/* 색 버튼 */
.btnBlue {
    background-color: #42a5f5;
    color: white;
    border: 1px solid #42a5f5;
}

.btnBlue.x-hovered .x-inner-el {
    background-color: white;
    color: #42a5f5;
}


.btnYellow {
    background-color: #ffb74d;
    color: white;
    border: 1px solid #ffb74d;
}

.btnYellow.x-hovered .x-inner-el {
    background-color: white;
    color: #ffb74d;
}


.btnRed {
    background-color: #c62828;
    color: white;
    border: 1px solid #c62828;
}

.btnRed.x-hovered .x-inner-el {
    background-color: white;
    color: #c62828;
}


.btnGreen {
    background-color: #7cb342;
    color: white;
    border: 1px solid #7cb342;
}

.btnGreen.x-hovered .x-inner-el {
    background-color: white;
    color: #7cb342;
}


.btnPuple {
    background-color: #7f0bb4;
    color: white;
    border: 1px solid #7f0bb4;
}

.btnPuple.x-hovered .x-inner-el {
    background-color: white;
    color: #7f0bb4;
}


.btnBlueGreen {
    background-color: #508080;
    color: white;
    border: 1px solid #508080;
}

.btnBlueGreen.x-hovered .x-inner-el {
    background-color: white;
    color: #508080;
}


.btnWhite {
    background-color: #42a5f5;
    color: white;
    border: 1px solid white;
}

.btnWhite.x-hovered .x-inner-el {
    background-color: white;
    color: #42a5f5;
}


#ext-messagebox > div:nth-child(2) > div > div:nth-child(2) > div > div:first-child > div:first-child {
    background-color: #ffb74d !important;
    color: white;
    border: 1px solid #ffb74d;
}

#ext-messagebox > div:nth-child(2) > div > div:nth-child(2) > div > div:first-child.x-hovered > div:first-child {
    background-color: white !important;
    color: #ffb74d;
}


#ext-messagebox > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2) > div:first-child {
    background-color: #c62828 !important;
    color: white;
    border: 1px solid #c62828;
    margin-left: 7px;
}

#ext-messagebox > div:nth-child(2) > div > div:nth-child(2) > div > div:nth-child(2).x-hovered > div:first-child {
    background-color: white !important;
    color: #c62828;
}


/* 탭 버튼 */
.btnTitle {
    color: #135745;
}

.btnTitle > .x-inner-el > .x-body-el > .x-icon-el {
    color: #135745;
}


.btnTitle.x-hovered .x-inner-el {
    background-color: #66C6B9;
    color: white;
}

.btnTitle.x-hovered .x-inner-el > .x-body-el > .x-icon-el {
    color: white;
}


.btnSub {
    color: #135745;
}

.btnSub > .x-inner-el > .x-body-el > .x-icon-el {
    color: #135745;
}


.btnSub.x-hovered .x-inner-el {
    color: #42a5f5;
}

.btnSub.x-hovered .x-inner-el > .x-body-el > .x-icon-el {
    color: #42a5f5;
}


/* 로그인 화면 버튼 */
.btnSignUp {
    color: white;
    background-color: transparent !important;
}

.btnSignUp.x-hovered .x-inner-el {
    color: #ffb74d;
    background-color: transparent !important;
}


.btnIdPw {
    color: white;
    background-color: transparent !important;
}

.btnIdPw.x-hovered .x-inner-el {
    color: #508080;
    background-color: transparent !important;
}


.btnLogin {
    color: white;
    background-color: transparent !important;
}

.btnLogin.x-hovered .x-inner-el {
    color: #c62828;
    background-color: transparent !important;
}


/* Panel */
.panelHeaderColor {
    background-color: #66C6B9 !important;
}

.customerColumn {
    background-color: #fffbe5 !important;
}

.totalPriceColumn {
    background-color: #e7f7d7 !important;
}