@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;
}

.TAB4_LAYOUT_RIGHT{
    margin-left: 1vw;
    border-radius: 15px;
    float: left;
    width: 56vw;
    height: 77vh;
}
.TAB4_LAYOUT_LEFT{
    width: 20vw;
    height: 77vh;
    float: left;
    border-radius: 15px;
    overflow: scroll;
}
.TAB4_LAYOUT_LEFT::-webkit-scrollbar{
    display: block;
    height: 100%;
    width: 12px;
}
.TAB4_VIDEO_PLAYER{
    margin-left: 10%;
    margin-top: 10%;
    width: 80%;
    height: 69%;
}
.TAB4_DIVIDE_LINE{
    margin-top: 3vh;
    margin-bottom: 5vh;
    margin-left: 0.5vw;
    color: #000000;
    font-size: 1.1vw;
    font-family: 'MyCustomFont';
    text-align: center;
    line-height: 0.5;
}
.TAB4_SEARCH_BUTTON{
    width: 10vw;
    height: 4vh;
    color: #ffffff; 
    background-color: #28a48c;
    border: none;
    border-radius: 5px;
    font-family: 'MyCustomFont';
    margin-left: 4.5vw;
    margin-top: 2vh;
}
.TAB4_NICAM_BUTTON{
    border-radius: 5px;
    background-color: #28a48c;
    border: none;
    color: #ffffff;
    width: 10vw;
    font-family: 'MyCustomFont';
    height: 4vh;
    margin-left: 4.5vw;
    margin-top: 2vh;
}
.TAB4_NICAM_BUTTON2{
    border-radius: 5px;
    border: 1px solid #bec5d4d2;
    font-size: 0.9vw;
    width: 8vw;
    height: 4vh;
    margin-left: 1vw;
    margin-top: 2vh;
    font-family: 'MyCustomFont';
    font-weight: bold;
}
.TAB4_NICAM_BUTTON3{
    border-radius: 5px;
    border: 1px solid #bec5d4d2;
    font-size: 0.9vw;
    width: 8vw;
    height: 4vh;
    margin-left: 2vw;
    margin-top: 2vh;
    font-family: 'MyCustomFont';
    font-weight: bold;
}
.TAB4_DATE_TIME_LAYOUT{
    margin: auto;
    margin-top: 0.5vh;
    margin-left: 3.1vw;
    margin-bottom: 1vh;
    width: 13vw;
    min-height: 6.5vh;
    max-height: 20vh;
    border-radius: 5px;
}
.TAB4_START_TIME{
    float: left;
    width: 2.85vw;
    font-size: 0.6vw;
    font-weight: bold;
    margin-left: 0.18vw;
    margin-top: 1.1vh;
}
.TAB4_DATE_INPUT{
    width: 12.7vw;
    height: 4vh;
    margin-top: 6vh;
    margin-left: 3.2vw;
    margin-bottom: 0vh;
    
}
.TAB4_CALENDAR{
    position: absolute;
    z-index: 1000;
}
.TAB4_VIDEOS_LIST{
    width: 100%;
    margin-bottom: 1vh;
    color: #000000;
  
}
.TAB4_FILTERING_LAYOUT{
    max-height: 25vh;
    margin-top: 2vh;
    overflow-y: auto;
}
.TAB4_FILTERING_LAYOUT::-webkit-scrollbar {
    display: block;
}
.TAB4_EMPTY_LAYOUT{
    line-height: 2;
    width: 70%;
    text-align: center;
    font-family: 'MyCustomFont';
    font-weight: bold;
    font-size: 0.8vw;
    color: #000000;
    margin: auto;
}

#tab4_start_time .Select-value {
    background-color: #e8ecee; /* Background color for selected option text */
    color: #000000; /* Text color for selected option text */
}
#tab4_start_time .Select-menu-outer {
    background-color: #e8ecee;
    color:#000000;
}
#tab4_start_time .Select-placeholder{
    background-color: #e8ecee;
}
#tab4_start_time .Select-option:hover {
    background-color: #e8ecee; /* Background color when hovering over an option */
}
#tab4_start_time .Select-option.is-selected{
    background-color: #e8ecee;
}
#tab4_start_time .VirtualizedSelectFocusedOption {
    border-radius: 5px;
    background-color: #e8ecee;
}
#tab4_start_min .Select-value {
    background-color: #e8ecee; /* Background color for selected option text */
    color: #5f6d8c; /* Text color for selected option text */
}
#tab4_start_min .Select-menu-outer {
    background-color: #e8ecee;
    color:#5f6d8c;
}
#tab4_start_min .Select-placeholder{
    background-color: #e8ecee;
}
#tab4_start_min .Select-option:hover {
    background-color: #e8ecee; /* Background color when hovering over an option */
}
#tab4_start_min .Select-option.is-selected{
    background-color: #e8ecee;
}
#tab4_start_min .VirtualizedSelectFocusedOption {
    border-radius: 5px;
    background-color: #e8ecee;
}
#tab4_end_time .Select-value {
    background-color: #e8ecee; /* Background color for selected option text */
    color: #5f6d8c; /* Text color for selected option text */
}
#tab4_end_time .Select-menu-outer {
    background-color: #e8ecee;
    color:#5f6d8c;
}
#tab4_end_time .Select-placeholder{
    background-color: #e8ecee;
}
#tab4_end_time .Select-option:hover {
    background-color: #e8ecee; /* Background color when hovering over an option */
}
#tab4_end_time .Select-option.is-selected{
    background-color: #e8ecee;
}
#tab4_end_time .VirtualizedSelectFocusedOption {
    border-radius: 5px;
    background-color: #e8ecee;
}
#tab4_end_min .Select-value {
    background-color: #e8ecee; /* Background color for selected option text */
    color: #5f6d8c; /* Text color for selected option text */
}
#tab4_end_min .Select-menu-outer {
    background-color: #e8ecee;
    color:#5f6d8c;
}
#tab4_end_min .Select-placeholder{
    background-color: #e8ecee;
}
#tab4_end_min .Select-option:hover {
    background-color: #e8ecee; /* Background color when hovering over an option */
}
#tab4_end_min .Select-option.is-selected{
    background-color: #e8ecee;
}
#tab4_end_min .VirtualizedSelectFocusedOption {
    border-radius: 5px;
    background-color: #e8ecee;
}
#tab4_date_range .DateInput_input{
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    text-align: center;
    display: flex;
    border: none;
    height: 4vh ;
    border-radius: 0.25rem;
    border: 1px solid #b8bcc4 ;
    width: 5.7vw ;
    font-size: 0.9em;
    color: #000000 ;
    background-color: #ffffff;
}
#tab4_date_range .DateInput_input::placeholder{
    width: 4vw;
    height: 100%;
}
#tab4_date_range .DateInput_input_1::placeholder{
    width: 4vw;
    height: 5vh;
    height: 100%;
}
#tab4_date_range .DateRangePickerInput__withBorder {
    display: flex;
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    width: 5.7vw ;
    border: none;
    color: #5f6d8c;
    text-align: center;
}