.app_asp_sec_list_cont {
    --col-id: 40px;
    --col-hash: 120px;
    --col-descr: 1fr;
    --col-type: 120px;
    --col-time1: 140px;
    --col-time2: 140px;
    --col-status: 80px;
    --col-actions: 100px;

    margin-top: 15px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 14px;
    border: 0.5px solid rgb(230, 230, 230);
    overflow: hidden;
}

.app_asp_sec_list_row {
    display: grid;
    grid-template-columns:
        var(--col-id) 
        var(--col-hash) 
        var(--col-descr)
        var(--col-type)
        var(--col-time1) 
        var(--col-time2) 
        var(--col-status)
        var(--col-actions);
    align-items: center;
    gap: 22px;
    padding: 5px 25px;
    box-sizing: border-box;
}


.app_asp_sec_list_head {
    background: #fafafa;
    font-weight: 700;
    font-family: var(--font-family-l);
    font-size: 13px;
    color: #444;
    border-bottom: 0.5px solid rgb(230, 230, 230);
}

#app_asp_sec_list_header{
    font-family: var(--font-family-b);
    font-weight: 700;
    color: black;
    font-size: 15px;
}

#app_asp_sec_header_status{
    color: black;
    font-size: 15px;
}


.app_asp_sec_list_item {
    width: 100%;
    height: 45px;
    background-color: transparent;
    border-bottom: 0.5px solid rgb(230, 230, 230);
    box-sizing: border-box;
}


.app_asp_sec_list_item:last-child {
    border-bottom: none;
}


.app_asp_sec_list_it_id {
    font-size: 10px;
    color: rgb(160, 160, 160);
    font-family: var(--font-family-l);
}

.app_asp_sec_list_it_hash {
    font-size: 15px;
    color: black;
    font-family: var(--font-family-l);
}


.app_asp_sec_list_it_descr {
    font-size: 15px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    font-family: var(--font-family-l);
}

/* time columns */
.app_asp_sec_list_it_times {
    font-size: 15px;
    color: rgb(70, 70, 70);
    font-family: var(--font-family-l);
}

/* status bubble */
.app_asp_sec_list_status_cont {
    width: var(--col-status);
    height: 25px;
    border-radius: 99px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgb(230, 230, 230);
}

#app_asp_sec_list_status_header{
    background-color: #fafafa;
}

.app_asp_sec_list_status_cont p {
    font-size: 12px;
    color: rgb(50, 50, 50);
    margin: 0;
    font-family: var(--font-family-l);
}

.app_asp_sec_list_status_circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.app_asp_status_green{
    background: #5be60b;
}

.app_asp_status_orange{
    background: #e6c50b;
}

.app_asp_status_red{
    background: #e60b0b;
}



.app_asp_sec_actions_cont{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.app_asp_sec_actions_cont p{
  font-size: 13px;
  font-weight: 600;
}

.app_asp_sec_actions_cont button{
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
}


.app_asp_sec_list_it_type_cont{
    padding: 3px 8px;
    font-family: var(--font-family-l);
    font-weight: var(--font-weight-l);
    font-size: 12px;
    color: white;
    border-radius: 20px;
    text-align: center;
    opacity: 0.75;
    width: 66px;
}

.app_asp_type_mission{
    background-color: var(--prp_airspace_mission);
}

.app_asp_type_restricted{
    background-color: var(--prp_airspace_restricted);
}

.app_asp_type_danger{
    background-color: var(--prp_airspace_danger);
}

.app_asp_type_undef{
    background-color: rgb(218, 218, 218);
}