.eye-psw
{
    margin-left: -5px!important;
    height: 24px;
    width: 24px;

    cursor: pointer;
}

#eye-1
{
    height: 24px;
    width: 24px;
    cursor: pointer;
    
    position: absolute;
    right: 30px;
    bottom: 291px;
}

#eye-2
{
    height: 24px;
    width: 24px;
    cursor: pointer;
    
    position: absolute;
    right: 30px;
    bottom: 209px;
}

.modal-content > .row > * 
{
    padding-left: 0rem!important;
    padding-right: 0rem!important;
}

.container-add
{
    padding: 5px 10px 10px 310px;
}

.btn-add
{
    font-weight: bold;
    font-size: 17px;
    padding: 12px;
}

.container-input-modal, .container-select-modal
{
    display: flex;  
    flex-direction: column;
    position: static;
}

.container-input-modal label.text, .container-select-modal label.text
{
    font-size: 1rem;
    color: #818CF8;
    font-weight: 700;
    position: relative;
    top: 0.5rem;
    margin: 0 0 0 7px;
    padding: 0 3px;
    background: #fff;
    width: fit-content;
}

.container-input-modal input[type=text].input-modal, .container-input-modal input[type=password].input-modal
{
    padding: 11px 10px;
    font-size: 1rem;
    border: 2px #818CF8 solid;
    border-radius: 5px;
    background: #fff;
}

.container-input-modal input[type=text].input-modal:focus, .container-input-modal input[type=password].input-modal
{
    outline: none;
}

.title-icon
{
    width: 48px;
    height: 52px;
}

.select-modal
{
    width: 100%;
    height: 50px;
    padding-left: 5px;

    border: 2px solid transparent;
    border-radius: 5px;
    outline: none;
    background-color: #fff;
    border: 2px #818CF8 solid;
}

.image-container
{
    display: flex;
    gap: 5px;
}

.input-text
{
    cursor: pointer;
    width: 100%;
    padding: 11px;
}

.input-image
{
    cursor: pointer;
    border-radius: 5px;
    border: 2px #818CF8 solid;
    width: 100%;
}

.view-image
{
    filter: invert(42%) sepia(72%) saturate(5000%) hue-rotate(225deg) brightness(95%) contrast(90%);

    border-radius: 5px;
    border: 2px #818CF8 solid;
    padding: 11px;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-image
{
    filter: invert(17%) sepia(93%) saturate(7485%) hue-rotate(356deg) brightness(103%) contrast(105%);

    
    border-radius: 5px;
    border: 2px rgb(255, 33, 33) solid;
    padding: 11px;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;
}

.manage-image-icon
{
    height: 24px;
    width: 24px;
    

}

#modal-body-testing, #modal-body-shipment
{
    overflow-y: scroll;
    max-height: 80vh;
}

@media only screen and (max-width: 1000px) 
{
    .container-add
    {
        padding: 5px 10px 10px 82px;
    }
}