/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Nov 9, 2023, 4:45:01 PM
    Author     : phanl
*/

.containerr {
    width: 90%;
    margin: auto;
}
.block_image_item_control {
    display: flex;
    flex-direction: column;
    padding: 0px 15px;
    border-radius: 10px;
    border: 1px solid var(--space_gray);
}
.block_image_item_control .block_image_item_move_indicator{
    width: 32px;
    height: 32px;
    fill:#808190;
    align-self: center;
    padding: 1px 6px;
}
.block_image_item_body{
    width: 100%;
    max-width: 300px;
    /*background: #FFFF00;*/
    margin: 15px 0px;
    align-self: center;
}
.block_image_item_body img {
    object-fit: cover;
    width: 100%;
    align-self: center;
}
.block_image_item_footer {
    border-top: 1px solid var(--light_gray);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0px;
}
.block_image_item_link_input{
    outline: none;
    border: 1px solid var(--space_gray);
    height: 40px;
    flex-grow: 1;
}
.bio_image_item_delete{
    background: none;
    border: none;
    outline: none;
}

.content__nav--image {
    background-color: #FFFFFF;position: absolute;top: 0;left: 0;right: 0;height: 50px; z-index: 1000;
}

.ezlink__mypage--title {
     border-bottom: #cccccc solid 1px;padding-top: 10px;padding-bottom: 15px;
}

.bio_design_part--back {
    background-color:#FFFFFF;display: flex;flex-direction: column;border-radius: 10px;padding-bottom: 20px;
}

.bio_design_part--type-name {
    display: flex;flex-direction: row;margin: 0 10px;padding-bottom: 20px;border-bottom: 1px #cccccc solid;
}

.bio_design_part--content {
    display: flex;flex-direction: row;gap: 1em;flex-grow: 1;
}

#block_name_title_image {
    font-size: 1.5em;
}

.bio_design_part--block {
    display: flex;flex-direction: row;gap: 1em;flex-grow: 1;justify-content: flex-end;
}

#block_name_title_edit_image {
    font-size: 1.5em; 
    padding: 0; 
    margin: 0;
    align-self: center; 
    border: none; 
}

@media screen and (min-width: 360px) and (max-width: 575.98px) {
    .bio_design_part--content {
    display: flex;
    align-items: center;
    gap: 7px;
}

.bio_design_part--block {
    display: flex;
    align-items: center;
    gap: 0;
}

#block_name_title_image {
    display: block;
    width: 100px;
    font-size: 14px;
    white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

#block_name_title_edit_image {
    position: absolute;
    overflow: hidden;
    font-size: 14px; 
    width: 80%;
    z-index: 100;
    padding: 10px; 
    margin: 0;
    align-self: center; 
    border: none; 
        
}
}