*{
    padding: 0;
    margin: 0;
    user-select: none;
}

html{
    width: 100%;
    height: 100%;
}
body{
    padding: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    min-width: 1580px;
    min-height: 850px;
}

.container > div:nth-child(2){
    width: 100%;
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
}
.tab-serve-title{
    width: 100%;
    height: 29px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}
.incident-tabs{
    width: 100%;
}
.new-incd-height{
    height: calc(100% - 408px);
}
.prcd-incd-height{
    height: calc(100% - 519px);
}
.end-incd-height{
    height: calc(100% - 535px);
}

.table-box{
    display: flex;
    width: 100%;
    height: calc(100% - 82px);
}

.basic-info{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}
.basic-info > div:nth-child(1),
.basic-info > div:nth-child(2),
.basic-info > div:nth-child(3){
    width: 360px;
    height: 100%;
    display: flex;
    align-items: center;
}

.label{
    width: 110px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    padding-right: 10px;
}

.occt-info{
    width: 100%;
    height: 80px;
    display: flex;
}
.occt-info > div:nth-child(1){
    display: flex;
    flex-direction: column;
    height: 100%;
}
.occt-info > div:nth-child(2){
    display: flex;
    height: 50%;
    align-items: center;
}
.occt-info > div:nth-child(1) > div:nth-child(1),
.occt-info > div:nth-child(1) > div:nth-child(2){
    height: 50%;
    width: 630px;
    display: flex;
    align-items: center;
}
.occt-check-info{
    width: 100%;
    height: 120px;
    display: flex;
}
.occt-check-info > div:nth-child(1){
    height: 100%;
    width: 400px;
}
.occt-check-info > div:nth-child(2){
    width: 650px;
    height: 100%;
}
.occt-check-info > div:nth-child(3){
    width: calc(100% - 1050px);
    height: 100%;
}
.occt-check-info > div:nth-child(3) > div:nth-child(1),
.occt-check-info > div:nth-child(3) > div:nth-child(2),
.occt-check-info > div:nth-child(2) > div:nth-child(1),
.occt-check-info > div:nth-child(2) > div:nth-child(2),
.occt-check-info > div:nth-child(2) > div:nth-child(3){
    width: 100%;
    height: 33.3%;
    display: flex;
    align-items: center;
}
.occt-check-info > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.occt-check-info > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){
    display: flex;
    width: 50%;
    height: 100%;
    align-items: center;
}
.occt-check-info > div:nth-child(1) > div:nth-child(1),
.occt-check-info > div:nth-child(1) > div:nth-child(2),
.occt-check-info > div:nth-child(1) > div:nth-child(3){
    height: 33.3%;
    width: 100%;
    display: flex;
    align-items: center;
}
.button-box{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}
.button-box > div:nth-child(2){
    display: flex;
    width: calc(100% - 300px);
    padding-right: 20px;
    justify-content: right;
    height: 100%;
    align-items: center;
}
.button-box > div:nth-child(2) > div:nth-child(1),
.button-box > div:nth-child(2) > div:nth-child(4),
.button-box > div:nth-child(2) > div:nth-child(5){
    margin-right: 5px;
}
.button-box > div:nth-child(1){
    width: 280px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: red;
}
.new-incd-form{
    width: 100%;
    height: 362px;
    display: block;
    overflow: hidden;
}
.prcd-incd-form{
    width: 100%;
    height: 473px;
    display: none;
    overflow: hidden;
}
.end-incd-form{
    width: 100%;
    height: 495px;
    display: none;
    overflow: hidden;
}
.occr-info{
    width: 100%;
    height: 80px;
    display: flex;
}
.icdn-info{
    width: 100%;
    height: 80px;
    display: flex;
}
.title-two{
    width: 100%;
    height: 150px;
    display: flex;
}
.icdn-info > div:nth-child(1){
    width: 420px;
    height: 100%;
}
.icdn-info > div:nth-child(2){
    width: 400px;
    height: 100%;
}
.icdn-info > div:nth-child(3),
.icdn-info > div:nth-child(4){
    width: 200px;
    height: 100%;
}
.icdn-info > div:nth-child(5){
    width: calc(100% - 1220px);
    height: 100%;
    display: flex;
}
.ml-10{
    margin-left: 10px;
}
.ml-15{
    margin-left: 15px;
}
.icdn-info > div:nth-child(5) > div:nth-child(1),
.icdn-info > div:nth-child(5) > div:nth-child(2) > div:nth-child(1),
.icdn-info > div:nth-child(5) > div:nth-child(2) > div:nth-child(2),
.icdn-info > div:nth-child(5) > div:nth-child(3) > div:nth-child(1),
.icdn-info > div:nth-child(4) > div:nth-child(1),
.icdn-info > div:nth-child(4) > div:nth-child(2),
.icdn-info > div:nth-child(3) > div:nth-child(1),
.icdn-info > div:nth-child(3) > div:nth-child(2){
    height: 50%;
    display: flex;
    align-items: center;
}
.icdn-info > div:nth-child(2) > div:nth-child(1),
.icdn-info > div:nth-child(2) > div:nth-child(2),
.icdn-info > div:nth-child(2) > div:nth-child(3),
.icdn-info > div:nth-child(2) > div:nth-child(4),
.icdn-info > div:nth-child(1) > div:nth-child(1),
.icdn-info > div:nth-child(1) > div:nth-child(2),
.icdn-info > div:nth-child(1) > div:nth-child(3),
.icdn-info > div:nth-child(1) > div:nth-child(4){
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
}


.icdn-info > div:nth-child(1) > div:nth-child(1) > div:nth-child(2),
.icdn-info > div:nth-child(1) > div:nth-child(1) > div:nth-child(3),
.icdn-info > div:nth-child(1) > div:nth-child(1) > div:nth-child(4),
.icdn-info > div:nth-child(1) > div:nth-child(1) > div:nth-child(5),
.icdn-info > div:nth-child(1) > div:nth-child(1) > div:nth-child(6),
.icdn-info > div:nth-child(1) > div:nth-child(2) > div:nth-child(2),
.icdn-info > div:nth-child(1) > div:nth-child(2) > div:nth-child(3),
.icdn-info > div:nth-child(1) > div:nth-child(2) > div:nth-child(4),
.icdn-info > div:nth-child(1) > div:nth-child(2) > div:nth-child(5),
.icdn-info > div:nth-child(1) > div:nth-child(2) > div:nth-child(6){
    margin-right: 15px;
}

.occr-info > div:nth-child(1){
    width: 720px;
    height: 100%;
}
.occr-info > div:nth-child(2){
    width: 340px;
    height: 100%;
}
.occr-info > div:nth-child(3){
    width: 500px;
    height: 100%;
}
.occr-info > div:nth-child(2) > div:nth-child(1),
.occr-info > div:nth-child(2) > div:nth-child(2),
.occr-info > div:nth-child(3) > div:nth-child(1),
.occr-info > div:nth-child(3) > div:nth-child(2),
.occr-info > div:nth-child(3) > div:nth-child(3),
.occr-info > div:nth-child(1) > div:nth-child(1),
.occr-info > div:nth-child(1) > div:nth-child(2),
.occr-info > div:nth-child(1) > div:nth-child(3){
    display: flex;
    width: 100%;
    height: 50%;
    align-items: center;
}
.occr-info > div:nth-child(3) > div:nth-child(1) > div:nth-child(2),
.occr-info > div:nth-child(3) > div:nth-child(2) > div:nth-child(2),
.occr-info > div:nth-child(3) > div:nth-child(2) > div:nth-child(3){
    margin-right: 10px;
}
.occr-check-info{
    width: calc(100% - 450px);
    height: 100%;
}
.end-occr-check-info{
    width: 100%;
    height: 120px;
    display: flex;
}
.end-occr-check-info > div:nth-child(1),
.end-occur-info > div:nth-child(1){
    width: 400px;
    height: 100%;
}
.end-occr-check-info > div:nth-child(2){
    width: calc(100% - 400px);
    height: 100%;
}
.end-occur-info > div:nth-child(2){
    width: 650px;
}
.end-occur-info > div:nth-child(3){
    width: calc(100% - 1050px);
}
.end-occr-check-info > div:nth-child(1) > div:nth-child(1),
.end-occr-check-info > div:nth-child(1) > div:nth-child(2),
.end-occr-check-info > div:nth-child(1) > div:nth-child(3),
.end-occr-check-info > div:nth-child(2) > div:nth-child(1),
.end-occr-check-info > div:nth-child(2) > div:nth-child(2),
.end-occr-check-info > div:nth-child(2) > div:nth-child(3){
    height: 33.3%;
    width: 100%;
    display: flex;
    align-items: center;
}
.end-occr-check-info > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.end-occr-check-info > div:nth-child(2) > div:nth-child(1) > div:nth-child(2),
.end-occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(1),
.end-occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2),
.end-occr-check-info > div:nth-child(2) > div:nth-child(3) > div:nth-child(1){
    height: 100%;
    align-items: center;
    display: flex;
}

.end-occur-info{
    width: 100%;
    height: 80px;
    display: flex;
}
.end-occur-info > div:nth-child(1),
.end-occur-info > div:nth-child(2),
.end-occur-info > div:nth-child(3){
    height: 100%;
}
.end-occur-info > div:nth-child(1) > div:nth-child(1),
.end-occur-info > div:nth-child(1) > div:nth-child(2),
.end-occur-info > div:nth-child(2) > div:nth-child(1),
.end-occur-info > div:nth-child(2) > div:nth-child(2),
.end-occur-info > div:nth-child(3) > div:nth-child(1),
.end-occur-info > div:nth-child(3) > div:nth-child(2){
    height: 50%;
    width: 100%; 
    display: flex;
    align-items: center;
}
.vms-output{
    width: 450px;
    height: 100%;
}
.occr-check-info > div:nth-child(2){
    width: 100%;
    height: calc(100% - 30px);
    display: flex;
}
.occr-check-info > div:nth-child(2) > div:nth-child(1){
    width: 35%;
    height: 100%;
}
.occr-check-info > div:nth-child(2) > div:nth-child(2){
    height: 100%;
    width: 65%;
}
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(1),
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2),
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(3),
.occr-check-info > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.occr-check-info > div:nth-child(2) > div:nth-child(1) > div:nth-child(2),
.occr-check-info > div:nth-child(2) > div:nth-child(1) > div:nth-child(3){
    width: 100%;
    height: 33.3%;
    align-items: center;
    display: flex;
}
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2),
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1),
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2),
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) > div:nth-child(1){
    display: flex;
    align-items: center;
}
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(1),
.occr-check-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
    display: flex;
}



.prcd_x_crdn input,
.prcd_y_crdn input,
.end_x_crdn input,
.end_y_crdn input{
    text-align: right;
}
.vms-output > div:nth-child(2){
    width: 100%;
    height: calc(100% - 31px);
}

.vms-output > div:nth-child(2) > div:nth-child(1),
.vms-output > div:nth-child(2) > div:nth-child(2),
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){
    display: flex;
}
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){
    width: 150px;
    height: 100%;   
    display: flex;
    flex-direction: column;
}
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1),
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vms-output > div:nth-child(2) > div:nth-child(1){
    height: 100%;
}
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){
    height: calc(100% - 10px);
    width: calc(100% - 160px);
    padding: 5px;
    display: flex;
}
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
}
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2),
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3){
    height: 60%;
    display: flex;
    align-items: center;
}
.vms-output > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){
    margin-left: 10px;
    margin-right: 10px;
}
.vms-output > div:nth-child(2) > div:nth-child(1){
    height: 66.6%;
    width: 100%;
}

.vms-output > div:nth-child(2) > div:nth-child(2){
    height: 33.3%;
    display: flex;
    align-items: center;
}
.vms-output > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
    margin-right: 10px;
}
.prcd_incd_strt_dt input,
.prcd_incd_end_prar_dt input,
.end_incd_end_dt input,
.end_incd_strt_dt input,
.incd_cnfm_dt input,
.end_incd_end_prar_dt input{
    text-align: center;
}

.table-tabs{
    width: 200px;
    height: 100%;
}
.tab-container{
    width: 100%;
    height: calc(100% - 30px);
    padding: 3px;
    display: flex;
}
.tab-table-box{
    width: calc(100% - 200px);
    padding: 3px;
}
.table-tabs div{
    display: flex;
    width: 100%;
    padding-left: 20px;
    height: 30px;
    align-items: center;
    cursor: pointer;
}

.history-bar > div:nth-child(1){
    display: flex;
    height: 100%;
    width: calc(100% - 800px);
    align-items: center;
}
.history-bar > div{
    margin-left: 10px;
}
.history-bar{
    height: 34px;
}

.dpl-none{
    display: none;
}

.add-select-btn{
    width: 150px; 
    height: 50px;
    align-items: center; 
    flex-direction: column; 
    border-width: 1px;
    border-style: solid;
    z-index: 2;
}

.add-select-btn div{
    cursor: pointer;
    width: 100%;
    height: 50%; 
    display: flex; 
    align-items: center;
    justify-content: center;
}

.toggle-down{
    height: 31px;
}
.toggle{
    height: calc(100% - 71px);
}

.end-toggle-down{
    height: 66px;
}

.end-toggle{
    height: calc(100% - 106px);
}
.padding-5{
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.mid-border{
    border-top: 5px solid;
    cursor: n-resize;
}