/* OTHER */
.MAINTENANCE_EXIST{
    height: 100%;
    width: 100%;
}
.MAINTENANCE_EMPTY{
    height: 100%;
    width: 100%;
    text-align: center;
    color: #585757;
    font-family: 'MyCustomFont';
    line-height: 50;
    font-weight: bold;
}
.MAINTENANCE_50{
    color: #6b6b6b;
    font-family: 'MyCustomFont';
    font-weight: bold;
    margin-top: 1vh;
    float: left;
    margin-left: 55vw;
}
.INITITAING_50{
    color: #6b6b6b;
    font-family: 'MyCustomFont';
    font-weight: bold;
    margin-top: 1vh;
    float: left;
    margin-left: 5vw;
}
.EXCEL_BUTTON_DIV{
    margin-top: 1.5vh;
    width: 100%;
    height: 6vh;
    float: left;
}
.EXCEL_BUTTON{
    width: 11vw;
    margin-top: 1vh;
    margin-left: 2vw;
    border-radius: 5px;
    font-family: 'MyCustomFont';
    border: #f3f3f3;
    float: left;
}
.PROBABILITY_EXCEL_BUTTON_DIV{
    width: 100%;
    height: 4vh;
    float: left;
    background-color: #000000
}
.PROBABILITY_EXCEL_BUTTON{
    width: 11vw;
    margin-top: 1vh;
    margin-left: 44vw;
    margin-bottom: 1vh;
    border-radius: 5px;
    font-family: 'MyCustomFont';
    border: #f3f3f3;
}
.image1{
    margin-left: 1vw;
    width: 8%;
    height: 6vh;
    float: left;
    margin-top: -0.5vh;
}
.부터{
    margin-left: 0.2vw;
    margin-top: 1.8vh;
    text-align: center;
    float: left;
    color: #e9e5e5;
    font-weight: bold;
}
.SCROLL_TABLE{
    width: 100%;
    height: 100%;
    overflow: auto;
}
.TABLE_CONTAINER{
    max-height: 46.3vh;
    width: 95%;
    margin: auto;
    margin-top: 2.5vh;
    overflow-y: auto;
}
.icon{
    margin-top: 0.5vh;
    margin-right: 0.5vw;
    float: left;
}
.text{
    float: left;
}
.mb-2{
    width: 100%;
}
.mb-3{
    width: 100%;
    align-items: center;
    margin-top: 1vh;
    margin-bottom: 2vh;
}
.mb-4{
    margin-top: 2vh;
    margin-left: 1vw;
}



/* DROPDOWN */
.Select-value {
    background-color: #ffffff; 
    color: #000000; 
}
.Select-menu-outer {
    background-color: #ffffff;
    color:#000000;
}
.Select-placeholder{
    background-color: #ffffff;
}
.Select-option:hover {
    background-color: #e9f2f0;
}
.Select-option.is-selected{
    background-color: #e9f2f0;
}
.VirtualizedSelectFocusedOption {
    border-radius: 5px;
    background-color: #e9f2f0;
}
.Select-clear {
    display: none !important;
}
.Select-arrow-zone {
    right: -6px;
}



/*SCROLL BAR*/
::-webkit-scrollbar {
    display: none;
}
::-webkit-scrollbar-track {
    background: transparent;
} 
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #5f6d8c;
}

/*MODALS*/
.MODAL_ALERT_MSG{
    margin-top: 35vh;
    width: fit-content;
}
.MODAL_ALERT_MSG_HEADER{
    margin-left: 38%;
    color: #656565;
    font-weight: bold;
    font-family: 'Jeju Gothic',sans-serif;
}
.MODAL_ALERT_MSG_TEXT{
    width: 100%;
    text-align: center;
    margin-top: 3vh;
    margin-bottom: 3vh;
    font-weight: bold;
    color: #656565;
    font-family: 'Jeju Gothic',sans-serif;
}

.MODAL_SHOW_IMG{
    margin-top: 35vh;
    width: 50vw;
    height: 40vh;
}
.MODAL_SHOW_IMG_HEADER{
    color: #656565;
    font-weight: bold;
    font-family: 'Jeju Gothic',sans-serif;
}
.MODAL_SHOW_IMG_BODY{
    height: 30vh;
}
.MODAL_SHOW_IMG_TEXT{
    margin-top: 20%;
    text-align: center;
    color: #656565;
    font-weight: bold;
    font-family: 'Jeju Gothic',sans-serif;
}
.MODAL_SHOW_IMG_IMAGE{
    margin-left: 20%;
    margin-top: 2%;
    width: 60%;
    height: 95%;
}