.select2-container--default .select2-selection--single {
    background:var(--Grayscale-Gray100);
    border:1px solid var(--Grayscale-Gray70);
    border-radius: 4px;
}
.select2-container {
    text-align: left;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--Grayscale-Gray70);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    background: var(--Grayscale-Gray80);
    color: var(--Grayscale-Gray10);
    border: none;
    padding-left: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
}

.select2-container--open .select2-dropdown--below {
    background: var(--Grayscale-Gray80);
}
.coinSelect_option.color-green {
    color: var(--Secondary-Green);
}
.coinSelect_option.color-red {
    color: var(--Secondary-Red);
}
.trade-history-wrapper {
    display: none;
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 80vh;
    min-height: fit-content;
    background-color: var(--color-dark);
    border-radius: 10px;
    padding: 20px;
    z-index: 3;
}
.trade-history-wrapper.popup {
    min-height:auto;
    overflow-y: auto;
    top:55%;
}
.trade-history-wrapper.popup::-webkit-scrollbar {
	width: 4px;
	background: transparent;
}
.trade-history-wrapper.popup::-webkit-scrollbar-thumb {
	background: var(--Grayscale-Gray70);
}
.trade-history-wrapper.page {
    display: block;
    z-index: inherit;
    margin: 32px auto 12px;
    position: relative;
    transform: translate(0, 0);
    height: auto;
    width: 90vw;
    left: 35px;
    margin: 32px auto 50px auto;
    padding: 0;
}

.trade-history-wrapper .title {
    margin: 0 0 24px;
    text-align: center;
    font: var(--pt7);
    color: var(--Primary-Main100);
    text-align: left;
}

.trade-history-wrapper .close-btn {
    position: absolute;
    right: 20px;
    top: 20px;
}
.trade-history-wrapper.page .close-btn {
    display:none;
}
.input-underline {
    border:none;
    border-bottom: 2px solid var(--Grayscale-Gray70);
}
.trade-history-list-wrapper {
    background: #181A1C;
}
.trade-history-container {
    /* grid-template-columns:1.4fr 0.5fr 1.3fr 0.7fr 0.5fr; */
    display: none;
    grid-template-columns: 1fr 0.5fr 1fr 0.5fr 0.5fr;
    margin: 24px 0 72px;
    row-gap: 16px;
    padding: 16px 10%;
    border-radius: 4px;
    border: 1px solid var(--Primary-Sub50);
    /* width: 90%; */
    column-gap: 38px;
}

.trade-history-content {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.trade-history-content.last {
    grid-column: 1 / 1;
    grid-row: 2;
}
.trade-history-content.textarea {
    grid-column: 2 / 6;
    grid-row: 2;
}
.trade-history-content .textarea-container  {
    width: 100%;
    position: relative;
}
.trade-history-content .textarea-container .text-length-counter {
    display: none;
    position: absolute;
    right: 16px;
    top: 11px;
    font:var(--pb6);
    color:var(--Grayscale-Gray60);
}
.trade-history-content textarea:disabled {
    border:1px solid var(--Grayscale-Gray70);
}
.trade-history-content textarea {
    background: var(--Grayscale-Gray100);
    color: var(--Grayscale-Gray10);
    width: 100%;
    height: 43px;
    border-radius: 4px;
    padding: 8px 16px;
    padding-right: 50px;
    overflow:auto;
}
.trade-history-content textarea::placeholder {
    color:var(--Grayscale-Gray10);
}
.trade-history-container  .seacrh_symbol {
    display: flex;
    flex-direction: column;
    gap:0;
}
.trade-history-container  .seacrh_symbol .select_symbol_container {
    justify-content: flex-start;
    gap:4px;
}
.select_symbol_container {
    gap:4px;
    justify-content: flex-start;
}
.select2-results__option {
    padding-left: 16px;
}
.trade-history-container  .seacrh_symbol .select2-container--default .select2-selection--single {
    border: none;
    border-bottom: 2px solid var(--Grayscale-Gray70);
    border-radius: 0;
}
.select-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:8px;
}

.trade-history-container .select2-container, .trade-history-list-container .trade-history-list-item p .select2-container {
    /* border: 1px solid var(--Grayscale-Gray70);
    border-right:none;
    border-radius: 0; */
    font-size: 1.7rem;
    margin-top: 0;
}
.time-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px;
}
.trade-history-container p ,.trade-history-container  label {
    font-size: 1.7rem;
    width: 100%;
    text-align: center;
    border: none;
    padding: 10px 0;
    text-align: left;
    /* border-bottom: none;
    border-right: none; */
}

.trade-history-content.last p,.trade-history-content.last .select2-container {
}

.trade-history-container .search_container {
    margin-bottom: 0;
    align-items: flex-start;
}

.trade-history-container .time-select {
    width: 100%;
}

.trade-history-wrapper .time-select-content {
    display: flex;
    border-bottom: 2px solid var(--Grayscale-Gray70);
    border-right: none;
    border-left: none;
    width: 100%;
    height: 100%;
}

.trade-history-wrapper .editable-field .time-select-content {
    height: auto;
}

.trade-history-wrapper .time-select-content .select2-container {
    border: none;
}

.trade-history-wrapper .time-select input {
    background: var(--color-gray2);
    color: var(--color-main);
    font-size: 1.7rem;
    width: 50%;
    text-align: right;
    border: none;
    height: 41px;
    line-height: 43px;
}

.trade-history-wrapper .time-select input#userTimeMinute, .trade-history-wrapper .time-select-content input#editTimeMinute {
    text-align: left;
    font-family: var(--main-font-Medium);
    padding-left:0.5rem;
}

.trade-history-wrapper .time-select-content span {
    display: flex;
    align-items: center;
    margin-top: -2px;
}

.trade-history-wrapper button {
    display: block;
    margin: auto;
    border-radius: 5px;
}

.trade-history-wrapper .add-btn {
    margin: 4rem auto 2rem;
    width: 100px;
    height: 35px;
}
.trade-history-wrapper .write-btn {
    min-width: 200px;
    padding: 14px 10px;
    margin: 0;
}
.trade-history-wrapper .sm-btn {
    height: 36px;
    min-width: 85px;
    width: fit-content;
}
.trade-history-wrapper .md-btn {
    width: auto;
    min-width: 100px;
    height: 35px;
}
.btn-orange {
    color: var(--color-main);
    background: var(--color-orange);
}
.btn-orange-border {
    background: none;
    color: var(--Primary-Main100);
    border: 1px solid var(--Primary-Sub40);
}
.btn-yellow {
    background: var(--Primary-Sub40);
    color: var(--Primary-Main100);
}
.btn-gray {
    color: var(--Grayscale-Gray10);
    background: transparent;
    border: 1px solid var(--Grayscale-Gray80);
}

.btn-dark {
    background: var(--color-dark);
    color: var(--color-main);
}

.btn-red {
    color: var(--color-main);
    background: var(--text-red);
}
.trade-history-list-container h2 {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    gap:0.5rem;
}

.trade-history-list-container .trade-history-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px 0;
}

.trade-history-list-header-period {
    display: flex;
    align-items: center;
    gap: 1rem;
}



.trade-history-list-container .trade-history-title p {
    font-family:var(--main-font-Mont) ;
}

.trade-history-list-container .trade-history-list-header,.trade-history-list-container .trade-history-list-item {
    display: grid;
    /* grid-template-columns: repeat(7, minmax(110px, auto)) minmax(250px, 1fr) 0.5fr; */
    grid-template-columns:1fr 1fr 0.3fr 0.5fr 0.3fr 0.3fr 1fr 1fr minmax(100px,0.5fr);
    color: var(--Grayscale-Gray10);
    height: 90px;
    align-items: center;
    text-align: center;
    border-radius: 5px;
}

.trade-history-list-container .trade-history-list-header.vi,.trade-history-list-container .trade-history-list-item.vi {
    grid-template-columns: repeat(7, minmax(110px, auto)) minmax(270px, auto) 0.5fr;
}

.trade-history-list-container .trade-history-list-header {
    border-bottom: 24px solid var(--Grayscale-Gray100);
    width: 100%;
    min-width: max-content;
    height: 90px;
    font:var(--ps8);
    background: radial-gradient(50% 50% at 50% 50%, rgba(68, 73, 80, 0.50) 0%, rgba(45, 48, 51, 0.50) 100%);
}

.trade-history-list-container .bg-blur, .trade-history-list-container .trade-history-list-item p {
    /* background:radial-gradient(50% 50% at 50% 50%, rgba(68, 73, 80, 0.50) 0%, rgba(45, 48, 51, 0.50) 100%); */
}

.trade-history-list-container .trade-history-list-item {
    /* gap:1rem; */
    height: 85px;
    font:var(--ps7);
    /* gap:2px; */
    border-bottom: 4px solid var(--Grayscale-Gray100);
}

.trade-history-list-container .trade-history-list-item p:not(.editable-field) {
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    overflow-y: auto;
}
.trade-history-list-container .trade-history-list-item p:not(.editable-field) .time-type {
    margin-right: 5px;
}
.trade-history-list-container .trade-history-list-item p.etc:nth-child(7) {
    /* align-items: flex-start; */
    word-break: break-all;
    padding: 5px;
}

.trade-history-list-container .trade-history-list-item input, .trade-history-content .leverage input , .trade-history-wrapper .time-select-content input {
    text-align:right;
    color:var(--Grayscale-Gray10);
    width: 100%;
    font-size: 1.7rem;
    background: none;
    border: none;
    border-bottom: 2px solid var(--Grayscale-Gray70);
}

.trade-history-content .leverage {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid var(--Grayscale-Gray70);
    width: 100%;
}

.trade-history-content .leverage input {
    border: none;
    width: 50%;
    height: 41px;
}

.trade-history-content .leverage span {
    display: block;
    width: 50%;
    margin-top: 3px;
}

.trade-history-list-container .trade-history-list-item .time-select-content input, .trade-history-wrapper .time-select-content input {
    border: none;
}
.trade-history-list-container .trade-history-list-item .time-select-content input::placeholder, .trade-history-wrapper .time-select-content input::placeholder {
    color: var(--Grayscale-Gray70);
}
.trade-history-wrapper .time-select-content input#userTimeHour {
    text-align: right;
}
.trade-history-wrapper .time-select-content input#userTimeMinute {
    text-align: left;
}

.trade-history-list-scroll-wrapper {
    height:390px;
    overflow-y: auto;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--color-gray4) transparent;
    padding-bottom: 1rem;
}

.trade-history-list-scroll-wrapper:webkit-scrollbar {
    width: 3px;
    background:transparent;
}

.trade-history-list-scroll-wrapper:webkit-scrollbar-thumb  {
    background: var(--color-gray4);
}
.trade-history-content textarea::-webkit-scrollbar-thumb {
    background: var(--Grayscale-Gray70);
}
.trade-history-content textarea::-webkit-scrollbar{
    width: 5px;
    background:transparent;
}

.trade-history-list-item-empty {
    padding: 2rem 0;
    text-align: center;
    color: var(--Grayscale-Gray40);
}

.trade-history-list-item .editable-field-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 0 16px;
}

.trade-history-list-item .editable-field {
    padding:0 5px;
    background:transparent;
    min-width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--Grayscale-Gray50);
}
.trade-history-list-item .editable-field.text-orange {
    color: var(--Primary-Sub50);
}
.trade-history-list-item .editable-field-container .sm-btn {
    margin: 0;
}
.trade-history-list-item .editable-field .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.trade-history-list-item .editable-field span.percent-sign {
    /* margin-top: 0.5rem; */
}

.trade-history-list-container .trade-history-list-item input:focus {
    border: 1px solid var(--text-orange);
}

.trade-history-list-header-export {
    position: relative;
}

.trade-history-list-export-date {
    position: absolute;
    top: -17px;
    display: flex;
    padding: 1rem;
    background: var(--color-gray3);
    gap: 1rem;
    left:-166%;
}

.trade-history-list-export-date button img {
    width: 20px;
}

@media screen and (max-width: 1200px) {
    .trade-history-container {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }
    .trade-history-content.last {
        grid-column: 1 / 1;
        grid-row: 3;
    }
    .trade-history-content.textarea {
        grid-column: 2 / 4;
        grid-row: 3;
    }
}

@media screen and (max-width: 1024px) {
    .trade-history-wrapper.page {
        margin: auto;
        margin-top: 20px;
        left: 0;
        margin-bottom: 50px;
    }
    .trade-history-list-container .trade-history-list-header, .trade-history-list-container .trade-history-list-item, .trade-history-list-container .trade-history-list-item input{
        font-size: 1.5rem;
    }
    .trade-history-list-item .select_symbol_container span {
        min-width: 80px;
    }
    .trade-history-list-container .trade-history-list-header, .trade-history-list-container .trade-history-list-item {
        grid-template-columns: repeat(7, minmax(110px, auto)) minmax(260px, auto) minmax(110px, auto);
    }
    .trade-history-list-container .trade-history-list-item {
        border-bottom: none;
    }
}

@media screen and (max-width: 900px) {
    .trade-history-wrapper.page {
    }
    .trade-history-content.last p {
        border:none;
    }
    .trade-history-container p, .trade-history-container label ,.trade-history-container .select2-container,.trade-history-wrapper .time-select-content input {
        font-size: 1.5rem;
    }
    /* .trade-history-list-container .select2-container { */
    .select2-container {
        font-size: 1.5rem;
    }
    .trade-history-wrapper .time-select-content span {
        margin-top: -1px;
    }
    .trade-history-wrapper {
        width: 100%;
        height: 100vh;
        min-height: auto;
        overflow-y: auto;
    }
    .trade-history-wrapper.popup {
        top:50%;
    }
    .trade-history-container {
        /* display: flex;
        flex-direction: column;
        gap:2rem; */
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
    .trade-history-container label {
        display: block;
    }
    .trade-history-container p, .trade-history-container label {
        border: none;
        text-align: left;
    }
    .trade-history-list-container .trade-history-list-header, .trade-history-list-container .trade-history-list-item {
        /* height: 60px; */
    }
    .trade-history-wrapper .close-btn {
        top: 28px;
    }
    .trade-history-list-container .trade-history-list-header, .trade-history-list-container .trade-history-list-item {
        /* grid-template-columns: repeat(9, minmax(130px, 1fr)); */
    }
    .trade-history-list-export-date {
        top:-70px;
    }
    .trade-history-content.textarea p {
        display: none;
    }
    .trade-history-content.entry-time {
        grid-row: 2;
        grid-column: 1 / 3;
    }
    .trade-history-content.side , .trade-history-content.leverage {
        grid-row: 3;
    }
    .trade-history-content.last {
        grid-column: 1 / 1;
        grid-row: 4;
    }
    .trade-history-content.textarea {
        grid-column: 1 / 3;
        grid-row: 5;
    }
}

@media screen and (max-width: 768px) {
    .trade-history-list-wrapper {
        background: none;
    }
    .trade-history-list-container .trade-history-list-header {
        display: none;
    }
    .trade-history-list-container .trade-history-list-item {
        display: block;
        border-radius: 4px;
        border: 1px solid var(--Grayscale-Gray90, #1F2122);
        height: auto;
        margin-bottom: 16px;
    }
    .trade-history-list-item .header {
        position: relative;
        background: var(--Grayscale-Gray90);
        height: 48px;
        padding: 8px 16px;
        padding-right:55px;
        display: flex;
        justify-content: space-between;
    }
    .trade-history-list-item .header .trash-icon {
        position: absolute;
        top: 13px;
        right: 16px;
    }
    .trade-history-list-item .content-container {
        display: flex;
        gap: 32px;
        align-items: center;
        padding: 8px 20px;
        margin:0;
    }
    .trade-history-list-item .content-container .content {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
    .trade-history-list-item .content-container .content p:nth-of-type(1){
        color: var(--Grayscale-Gray40);
        text-align: left;
    }
    .trade-history-list-item .editable-field-container {
        padding:8px 20px;
    }
    .trade-history-list-item .content-container.space-between {
        justify-content: space-between;
    }
    .trade-history-list-scroll-wrapper {
        background: none;
    }
    .trade-history-list-item .content-container .content.reason {
        align-items: baseline;
    }
    .trade-history-list-container .trade-history-list-item p.etc {
        word-break: break-all;
        -webkit-line-clamp: 3;
        width: 80%;
        text-align: left;
    }
    .trade-history-wrapper .title {
        text-align: center;
    }
    .trade-history-wrapper .write-btn {
        min-width: 120px;
        padding: 10px 22px;
    }
}

@media screen and (max-width: 576px) {
    .trade-history-list-container .trade-history-list-header, .trade-history-list-container .trade-history-list-item, .trade-history-list-container .trade-history-list-item input {
        font-size: 1.3rem;
    }
    .select2-container {
        font-size: 1.3rem;
    }
    .trade-history-list-container .trade-history-list-item p .select2-container {
        font-size: 1.3rem;
    }
    .trade-history-wrapper .title {
        font-size: 2rem;
    }
    .trade-history-wrapper .close-btn {
        /* width: 15px;
        top: 57px; */
    }
    .trade-history-list-container .trade-history-list-header, .trade-history-list-container .trade-history-list-item {
        grid-template-columns: repeat(12, minmax(110px, 1fr));
    }
    .trade-history-wrapper button {
        font-size: 1.3rem;
    }
    .trade-history-list-container .trade-history-title {
        margin-top: 4rem;
        margin-bottom: 2rem;
        gap: 2rem;
        /* flex-direction: column; */
    }
    .trade-history-list-export-date {
        top: -12px;
        left: 50%;
        transform: translateX(-50%);
    }
    p {
        font:var(--ps8);
    }
    .trade-history-wrapper .sm-btn {
        min-width: 56px;
    }
}

@media screen and (max-width: 400px) {
    .trade-history-container {
        padding: 16px;
        gap: 16px;
        display: flex;
        flex-direction: column
    }
}