@font-face {
    font-family: 'MyCustomFont';
    src: URL('TmoneyRoundWindRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyCustomFont1';
    src: URL('TmoneyRoundWindExtraBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.SIDEBAR_DIVIDE_LINE{
    color: #000000;
    font-size: 1.1vw;
    text-align: center;
    line-height: 0.5;
    margin-top: 1vh;
    margin-bottom: 2vh;
}
.SIDEBAR_TITLE{
    color: #28a48c;
    font-size: 1.2vw;
    font-weight: bold;
    font-family:'MyCustomFont1';
    line-height: 1;
    margin-left: 1.2vw;
    margin-top: 3vh;
}
.SIDEBAR_DIVIDE_TEXT{
    margin-top: 3vh;
    margin-left: 1.2vw;
    font-size: 0.8vw;
    font-weight: bold;
    font-family: 'MyCustomFont';
    color: #000000;
}
.SIDEBAR_DIVIDE_TEXT ::placeholder{
    color:#000000
}
.SIDEBAR_SELECT_ID{
    width: 10.5vw;
    max-height: 18vh;
    margin-left: 1.5vw;
    border-radius: 5px;
    font-family: 'MyCustomFont';
    overflow: scroll;
    justify-content: space-around;
}

.SIDEBAR_SELECT_ACTION{
    width: 10.5vw;
    height: 20vh;
    margin-left: 1.5vw;
    border-radius: 5px;
    overflow: scroll;
    font-family: 'MyCustomFont';
    justify-content: space-around;
}

.SIDEBAR_SELECT_ID::-webkit-scrollbar{
    display: block;
    height: 100%;
}
.SIDEBAR_BIYUL_INPUT{
    margin-left: 10%;    
    margin-top: 1vh;
    width: 80%;
    height: 4vh;
    border-radius: 5px;
    font-weight: bold;
}
.SIDEBAR_BIYUL_INPUT ::placeholder{
    color: #000000; 
    opacity: 1;
}

.sidebar_gichuson_input{
    margin-top: 1vh;
    margin-left: 10%;
    width: 80%;
    height: 4vh;
    font-size: 0.8vw;
    font-weight: bold;
    color: #000000;
    border-radius: 4px;
    border: 1px solid #000000;
}
.SIDEBAR_SEARCH_BUTTON{
    width: 40%;
    height: 4vh;
    margin-left: 30%;
    margin-top: 2vh;
    border-radius: 5px;
    border: none;
    font-size: 0.85vw;
    font-weight: bold;
    font-family: 'MyCustomFont';
    color: #28a48c;
    background-color: #ffffff;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.SIDEBAR_ICON{
    width: 3vw;
    height: 2.5vh;
    margin-left: -0.8vw;
    margin-right: 0.2vw;
}
.SIDEBAR_DETAIL_SUMMARY{
    background-color: #ffffff;
    border-radius: 6px;
    margin-left: 0vw;
    font-size: 0.9vw;
    font-weight: bold;
    font-family: 'MyCustomFont';
    color: #000000;
    width: 13vw;
    margin-top: 2vh;
}
.SIDEBAR_DETAIL_P{
    margin-left: 0vw;
    width: 13vw;
    background-color: #ffffff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.SIDEBAR_MERGE_BUTTON{
    margin-left: 4vw;
    height: 3vh;
    width: 5vw;
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
    font-weight: bold;
    font-size: 0.9vw;
    font-family: 'MyCustomFont';
    border-radius: 5px;
    background-color: #28a48c;
    color: #f5f6f7;
    border: none;

}
.SIDEBAR_TIME{
    margin: auto;
    margin-top: 1.6vh;
    margin-left: 0vw;
    width: 13vw;
    min-height: 6.5vh;
    max-height: 20vh;
    border-radius: 5px;
}
.SIDEBAR_CALENDAR{
    width: 12.7vw;
    height: 4vh;
    margin-left: 0.1vw;
}
.SIDEBAR_ID_IMG_INFO{
    display: flex;
    align-items: center;
}
.SIDEBAR_ID_IMG_INFO_BUTTON{
    background-color: #28a48c;
    color: #ffffff;
    margin-left: 1vw;
    height: 1.8vh;
    line-height: 1;
    border-radius: 7px;
    border: none;
}
.SIDEBAR_SELECT_ACTION::-webkit-scrollbar{
    display: block;
    height: 100%;
}
.SIDEBAR_SELECT_GRAPH{
    width: 10.5vw;
    height: 9vh;
    margin-left: 1.5vw;
    border-radius: 5px;
    font-family: 'MyCustomFont';
    justify-content: space-around;
}
.SIDEBAR_SELECT_GRAPH::-webkit-scrollbar{
    display: block;
    height: 100%;
}
.SIDEBAR_OPTIONS{
    color: #374156;
    border-radius: 5px;
    height: 4vh;
    width: 7vw;
    line-height: 2;
    margin-bottom: 1vh;
    text-align: center;
}

/*기초선, 중재1, 중재2, 유지, 일반화 기간 입력
--------------------------------------------------------------------------*/
.SIDEBAR_GICHUSON_OUTSIDE{
    background-color: #28a48c;
    border-radius: 6px;
    width: 13vw;
    height: 10vh;
    margin-left: 1vw;
}
.SIDEBAR_JUNJE_OUTSIDE{
    background-color: #28a48c;
    border-radius: 6px;
    width: 13vw;
    height: 22vh;
    margin-top: 1.5vh;
    margin-left: 1vw;
    
}
.SIDEBAR_JUNJE_TOP{
    background-color: #28a48c;
    width: 13vw;
    height: 2.5vh;
    float: left;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.SIDEBAR_JUNJE_BOTTOM::-webkit-scrollbar{
    display: block;
    width: 9px;
}
.SIDEBAR_ADD_JUNJE{
    border: 2px dashed #ffffff;
    text-align: center;
    font-size: 0.8vw;
    font-family: 'MyCustomFont';
    font-weight: bold;
    color: #ffffff;
    line-height: 1.6;
    border-radius: 5px;
    margin-left: 3vw;
    margin-top: 2vh;
    height: 3.5vh;
    width: 11.5vw;

}
.SIDEBAR_YUJI_OUTSIDE{
    background-color: #28a48c;
    border-radius: 6px;
    width: 13vw;
    height: 10vh;
    margin-top: 1vh;
    margin-left: 1vw;
}
.SIDEBAR_ILBANHUA_OUTSIDE{
    background-color: #28a48c;
    border-radius: 6px;
    width: 13vw;
    height: 10vh;
    margin-top: 1vh;
    margin-left: 1vw;
}
.SIDEBAR_GICHUSON_TOP{
    text-align: center;
    font-size: 0.8vw;
    font-family: 'MyCustomFont';
    font-weight: bold;
    color: #ffffff;
    height: 2.5vh;
    background-color: #28a48c;
    margin-top: 1vh;
    line-height: 2;
    margin-bottom: 2vh;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.SIDEBAR_JUNJE_TEXT{
    text-align: center;
    font-size: 0.8vw;
    font-weight: bold;
    color: #ffffff;
    font-family: 'MyCustomFont';
    height: 2.5vh;
    width: 7vw;
    float: left;
    margin-left: 3vw;
    margin-right: 0;
    margin-top: 0.1vh;
    margin-bottom: 2vh;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.SIDEBAR_JUNJE_BUTTON{
    background-color: #ffffff00;
    border: none;
    color: #ffffff;
    font-family: 'MyCustomFont';
    font-weight: bold;
    font-size: 1.2vw;
    width: 2vw;
    margin-left: 0.1vw;
    line-height: 0.8;
    float: left;
}
.SIDEBAR_YUJI_TOP{
    text-align: center;
    font-size: 0.8vw;
    font-weight: bold;
    font-family: 'MyCustomFont';
    color: #ffffff;
    height: 2.5vh;
    background-color: #28a48c;
    margin-top: 1vh;
    line-height: 2;
    margin-bottom: 2vh;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.SIDEBAR_ILBANHUA_TOP{
    text-align: center;
    font-size: 0.8vw;
    font-weight: bold;
    color: #ffffff;
    font-family: 'MyCustomFont';
    height: 2.5vh;
    background-color: #28a48c;
    margin-top: 1vh;
    line-height: 2;
    margin-bottom: 2vh;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#sidebar_gichuson_date_range .DateInput_1{
    width: 100%;
    color: #080808;
    background-color: #ffffff00;
}
#sidebar_gichuson_date_range .DateInput{
    width: 100%;
    color: #080808;
    background-color: #ffffff00;
}
#sidebar_gichuson_date_range .DateRangePicker {
    font-family: 'MyCustomFont';
    display: flex;
    border: none;
    background-color: #ffffff00;
}
#sidebar_gichuson_date_range .DateInput_input_1 {
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 4vh ;
    border-radius: 0.25rem;
    font-size: 0.9em;
    margin-top: 0.4vh;
    color: #656565 ;
    background-color: #ffffff00;
}
#sidebar_gichuson_date_range .DateInput_input{
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 3vh ;
    border-radius: 0.25rem;
    width: 4.5vw ;
    font-size: 0.65em;
    color: #656565 ;
    margin-left: 0.4vw;
    border: 2px solid #837b7b7a;
}
#sidebar_gichuson_date_range .DateRangePickerInput__withBorder {
    display: flex;
    font-family: 'MyCustomFont';
    width: 12vw ;
    margin-left: 2.3vw;
    height: 4vh;
    color: #333;
    border-radius: 5px;
    background-color: #ffffff;
    text-align: center;
  }
.SIDEBAR_GICHUSON_BOTTOM{
    margin-left: -1.85vw;
}
.SIDEBAR_JUNJE_BOTTOM{
    height: 19vh;
    width: 13vw;
    margin-left: -2.4vw;
}
.SIDEBAR_YUJI_BOTTOM{
    margin-left: -2.35vw;
}
.SIDEBAR_ILBANHUA_BOTTOM{
    margin-left: -2.35vw;
}
.SIDEBAR_JUNJE_DATE_RANGE{
    margin-left: 0.5vw;
    width: 13vw;
}
#sidebar_junje_date_inputs .DateRangePickerInput__withBorder {
    display: flex;
    font-family: 'MyCustomFont';
    width: 15vw ;
    height: 4vh;
    border-radius: 5px;
    color: #333;
    background-color: #ffffff;
    text-align: center;
    margin-top: 2vh;
    margin-left: 2.3vw;
  }
#sidebar_junje_date_inputs .DateRangePicker {
    font-family: 'MyCustomFont';
    display: flex;
    border: none;
    background-color: #ffffff00;
}
#sidebar_junje_date_inputs .DateInput_input_1 {
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 4vh ;
    border-radius: 0.25rem;
    font-size: 0.9em;
    margin-left: 1vw;
    margin-top: 0.4vh;
    color: #656565 ;
    background-color: #ffffff00;
}
#sidebar_junje_date_inputs .DateInput_input{
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 3vh ;
    border-radius: 0.25rem;
    width: 5vw ;
    font-size: 0.65em;
    color: #656565 ;
    margin-left: 0.4vw;
    border: 2px solid #837b7b7a;
}
#sidebar_junje_date_inputs .DateInput_1{
    width: 100%;
    color: #080808;
    background-color: #ffffff00;
}
#sidebar_junje_date_inputs .DateInput{
    width: 100%;
    color: #080808;
    background-color: #ffffff00;
}
.SIDEBAR_YUJI_DATE_RANGE{
    margin-left: 0.5vw;
}
#sidebar_yuji_date_range .DateRangePickerInput__withBorder {
    display: flex;
    font-family: 'MyCustomFont';
    width: 12vw ;
    height: 4vh;
    border-radius: 5px;
    color: #333;
    background-color: #ffffff;
    text-align: center;
    margin-left: 2.3vw;
  }
#sidebar_yuji_date_range .DateRangePicker {
    font-family: 'MyCustomFont';
    display: flex;
    border: none;
    background-color: #ffffff00;
}
#sidebar_yuji_date_range .DateInput_input_1 {
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 4vh ;
    border-radius: 0.25rem;
    font-size: 0.9em;
    margin-left: 1vw;
    margin-top: 0.4vh;
    color: #656565 ;
    background-color: #ffffff00;
}
#sidebar_yuji_date_range .DateInput_input{
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 3vh ;
    border-radius: 0.25rem;
    width: 4.5vw ;
    font-size: 0.65em;
    color: #656565 ;
    margin-left: 0.4vw;
    border: 2px solid #837b7b7a;
}
#sidebar_yuji_date_range .DateInput_1{
    width: 100%;
    color: #080808;
    background-color: #ffffff00;
}
#sidebar_yuji_date_range .DateInput{
    width: 100%;
    color: #080808;
    background-color: #ffffff00;
}
.SIDEBAR_ILBANHUA_DATE_RANGE{
    margin-left: 0.5vw;
}
#sidebar_ilbanhua_date_range .DateRangePickerInput__withBorder {
    display: flex;
    font-family: 'MyCustomFont';
    width: 12vw ;
    height: 4vh;
    border-radius: 5px;
    color: #333;
    background-color: #ffffff;
    text-align: center;
    margin-left: 2.3vw;
}
#sidebar_ilbanhua_date_range .DateRangePicker {
    font-family: 'MyCustomFont';
    display: flex;
    border: none;
    background-color: #ffffff00;
}
#sidebar_ilbanhua_date_range .DateInput_input_1 {
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 4vh ;
    border-radius: 0.25rem;
    font-size: 0.9em;
    margin-left: 1vw;
    margin-top: 0.4vh;
    color: #656565 ;
    background-color: #ffffff00;
}
#sidebar_ilbanhua_date_range .DateInput_input{
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 3vh ;
    border-radius: 0.25rem;
    width: 4.5vw ;
    font-size: 0.65em;
    color: #656565 ;
    margin-left: 0.4vw;
    border: 2px solid #837b7b7a;
}
#sidebar_ilbanhua_date_range .DateInput_1{
    width: 100%;
    color: #080808;
    background-color: #ffffff00;
}
#sidebar_ilbanhua_date_range .DateInput{
    width: 100%;
    color: #080808;
    background-color: #ffffff00;
}
#sidebar_date_range .DayPicker {
    background: #fff;
    position: absolute;
    text-align: left;
    left: -40px !important;     
}
#sidebar_date_range .DateInput_1{
    width: 100%;
    color: #000000;
    background-color: #ffffff00;
}
#sidebar_date_range .DateInput{
    width: 100%;
    color: #000000;
    background-color: #ffffff00;
}
#sidebar_date_range .DateRangePicker {
    font-family: 'MyCustomFont';
    display: flex;
    border: none;
    background-color: #ffffff00;
}
#sidebar_date_range .DateInput_input_1 {
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 4vh ;
    border-radius: 0.25rem;
    font-size: 0.9em;
    font-weight: bold;
    color: #000000 ;
    background-color: #ffffff00;
    padding: 0;
}
#sidebar_date_range .DateInput_input{
    font-family: 'MyCustomFont';
    text-align: center;
    display: flex;
    border: none;
    height: 4vh ;
    border-radius: 0.25rem;
    border: 1px solid #b8bcc4 ;
    width: 5.7vw ;
    font-size: 0.9em;
    font-weight: bold;
    color: #000000 ;
    background-color: #ffffff;
}
#sidebar_date_range .DateInput_input::placeholder{
    width: 4vw;
    height: 100%;
}
#sidebar_date_range .DateInput_input_1::placeholder{
    width: 4vw;
    height: 5vh;
    height: 100%;
}
#sidebar_date_range .DateRangePickerInput__withBorder {
    display: flex;
    font-family: 'MyCustomFont';
    width: 5.7vw ;
    border: none;
    color: #374156;
    text-align: center;
}