@charset "UTF-8";
@import url("/assets/common/css/font.css");

#report_mocean_vehicle_body {
    position: absolute;
    top: 41px;
    width: 100%;
    height: calc(100% - 41px);
}

#report_mocean_vehicle_body .or02_window_close {
    position: absolute;
    top: 0px;
    right: 30px;
    width: 30px;
    height: 30px;
    border: 0px solid;
    outline: 0px;
    background-color: #0B3138;
    background-image: url("/assets/image/popup/bt_popup_close_n.svg");
}

#report_mocean_vehicle_body .bg{
    position: absolute;
    width: 	100%;
    height: 100%;
    background-color: #ccc;
}

/*--------------------프로젝트 관리-------------------------*/

#report_mocean_vehicle_body .report_mocean_page{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-width: 1280px;
    height: 100%;
    background-color: #0B3138 ;
    z-index: 80;
    transform: translateY(0px);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    /*  border: 1px solid blue;*/
    /*	display: none;*/

}

#report_mocean_vehicle_body .report_mocean_info{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 80px;
    background-color: #113E46;
}

#report_mocean_vehicle_body .report_mocean_data{
    position: relative;
    display: flex;
    width: 500px;
    height: 34px;
    margin-top: 23px;
    margin-left: 30px;
    /*	border: 1px solid;*/
}
#report_mocean_vehicle_body .report_mocean_data_icon {
    position: relative;
    top: 0px;
    width: 36px;
    height: 36px;
    background-image: url("/assets/image/report/bt_project_cal_rx_n.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    border: 0px solid;
    outline: none;
}

#report_mocean_vehicle_body .report_mocean_data_options{
    position: relative;
    left: 15px;
    width: 100px;
    height: 35px;
    padding-left: 10px;
    background-color: #0B3138;
    border: 1px solid #113E46;
    outline: none;
    color: #fff;
    font-weight: 400;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    border-radius: 2px;
}

#report_mocean_vehicle_body .report_mocean_inputdate {
    position: relative;
    top: 5px;
    left: 5px;
    width: 120px;
    height: 25px;
    border: 0px solid red;
}

#report_mocean_vehicle_body .report_mocean_vehicle_list_area{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: calc( 100% - 80px);
    background-color: #0B3138;
}

#report_mocean_vehicle_body .report_mocean_area_right{
    position: absolute;
    left: 40px;
    width: calc(100% - 80px);
    height: 100%;
    /*	border: 1px solid red;*/
}

#report_mocean_vehicle_body .report_mocean_grid_area{
    position: relative;
    width: calc(100% - 20px);
    top:65px;
    left: 10px;
    height: 630px;
    overflow: hidden;
    border: 1px solid;
}

#report_mocean_vehicle_body .project_manage_date_area {
    position: relative;
    display: flex;
    top: 0px;
    right: 0px;
    width: 250px;
    height: 25px;
    border-radius: 2px;
    border: 0px solid #D5D5D5;
}