/*-----------Customs: styles-element----------*/

#customs-styles-element .container-form{
    border: 1px solid var(--color-gray3);
    padding: 15px;
}

#customs-styles-element .btn-buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#customs-styles-element .form-content{
    grid-template-columns: 330px 330px 330px;
    grid-column-gap: 20px;
}

#customs-styles-element .form-color{
    border: 1px solid var(--color-gray3);
    border-radius: 6px;
    padding: 14px;
    margin: 20px 15px 20px 0;
}

#customs-styles-element label{
    font-size: 16px;
    font-weight: 600;
}

#customs-styles-element .input-color{
    display: flex;
    align-items: center;
    margin-right: 5px;
    padding: 8px;
    border: 1px solid var(--color-gray3);
    border-radius: 8px;
}

#customs-styles-element .input-color input{
    width: 150px;
    height: 120px;
}

#customs-styles-element .input-color p{
    font-size: 13px;
    color: var(--color-gray3);
}

#customs-styles-element .input-color span{
    font-size: 16px;
    font-weight: 600;
}

/*---------------------------*/

@media (max-width:1200px)
{
    #customs-styles-element .form-content{
        display: block;
    }
}