.group_label_100{
    width: 100%;
    margin: 12px 0;
}

.group_label_16{
    width: calc(16.6% - 12px);
    margin: 12px 0;
}

.group_label_25{
    width: calc(25% - 12px);
    margin: 12px 0;
}

.group_label_33{
    width: calc(33% - 12px);
    margin: 12px 0;
}

.group_label_50{
    width: calc(50% - 12px);
    margin: 12px 0;
}

.group_label_75{
    width: calc(75% - 12px);
    margin: 12px 0;
}

form.input_default h4{
    color: var(--color-black-light);
    margin-bottom: 24px;
}

form.input_default select{
    width: 100%;
    border: 1px solid var(--color-black-light);
    padding: 7px 14px;
    background-color: #fff;
    color: var(--color-black-light);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    border-radius: var(--border-radius-default);
}

form.input_default select option{
    color: black;
}

form.input_default input,
form.input_default textarea{
    width: 100%;
    border: 1px solid var(--color-black-light);
    padding: 7px 14px;
    background-color: #fff;
    color: var(--color-black-light);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    border-radius: var(--border-radius-default);

    resize: none;
}

form.input_default input[type="file"]{
    display: none;
}


form.input_default input:focus{
    outline: 0;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    width: 18px;
    height: 18px;
}

form.input_default label{
    color: var(--color-black-light);
    margin-bottom: 8px;
    display: block;
}

label.upload{
    padding: 8px 15px;
    background-color: var(--color-red-dark);
    color: var(--color-black-light);
    border-radius: var(--border-radius-default);
    display: flex !important;
    cursor: pointer;
}

label.upload img{
    margin-left: 10px;
}

.box_buttons{
    margin-top: 12px;
}

.box_buttons button{
    border: 0;
    padding: 10px 30px;
    margin-right: 20px;
    cursor: pointer;
    background-color: var(--color-green-default);
    color: var(--color-black-light);
    border-radius: var(--border-radius-default);
    font-weight: 500;
}

.box_buttons button{
    border: 0;
    padding: 10px 30px;
    margin-right: 20px;
    cursor: pointer;
    background-color: var(--color-green-default);
    color: var(--color-black-light);
    border-radius: var(--border-radius-default);
    font-weight: 500;
    font-size: 18px;
}

.box_buttons span.cancel{
    border: 0;
    display: block;
    padding: 10px 30px;
    margin-right: 20px;
    cursor: pointer;
    background-color: var(--color-red-default);
    color: var(--color-black-light);
    border-radius: var(--border-radius-default);
    font-weight: 500;
    font-size: 18px;
    margin-top: 2px;
}

.img_default_upload{
    width: 100px;
    height: 100px;
    margin-right: 24px;
    background-size: 100% 100%;
}

.group_label_100 label.btn_upload_image{
    padding: 10px 20px;
    background-color: var(--color-white-default);
    color: #000;
    border-radius: var(--border-radius-default);
    cursor: pointer;
    display: inline;
}

.info_upload_image{
    color: var(--color-black-light);
    display: block;
    margin-top: 20px;
}

.search_form{
    padding: 2px;
    border: 1px solid var(--color-white-default);
    border-radius: var(--border-radius-default);
}

.search_form img{
    width: 24px;
    margin: 0 8px 0 16px;
}

form.input_default .search_form > input{
    width: 100%;
    background-color: transparent;
    border: 0;
}

.hover_tr:hover{
    background-color: #636363;
}

.box_launch{
    padding: 10px;
    margin-bottom: 24px;
}

.box_launch h4{
    color: var(--color-black-light);
    margin-bottom: 24px;
}

.box_info_sale_modal{
    padding: 10px;
    border-radius: 6px;
    background: var(--Preenchimento, rgba(225, 222, 245, 0.11));
    color: var(--color-white-default);
    margin-bottom: 24px;
}

.box_info_sale_modal p{
    margin-bottom: 4px;
}

.box_search{
    border: 1px solid var(--color-white-default);
    padding: 5px 8px;
    border-radius: var(--border-radius-default);
    margin-bottom: 24px;
}

.box_search input{
    border: 0 !important;
}

.box_info_sale_modal input{
    width: auto !important;
}

.img_logo_launch{
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

ul.list_result{
    width: 100%;
    background-color: var(--color-white-default);
    list-style-type: none;
    position: absolute;
    margin-top: -24px;
    height: 250px;
    overflow-y: auto;
    z-index: 99;
}

ul.result_header{
    margin-top: 0px !important;
}

ul.list_result li{
    padding: 10px;
    cursor: pointer;
}

ul.list_result img{
    width: 50px;
    height: 50px;
}

ul.list_result span{
    padding-left: 10px;
}

ul.list_result li:hover{
    background-color: var(--color-red-default);
    color: var(--color-white-default);
}

.categories{
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid var(--color-white-default);
    color: var(--color-white-default);
}

.category{
    padding: 7px;
    border: 2px solid var(--color-white-default);
    border-radius: 20px;
    margin: 10px;
    color: var(--color-white-default);
}

.category span{
    font-size: 14px;
    color: var(--color-white-default);
}

.dropdown{
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color-black-22);
    border-radius: var(--border-radius-small);
    color: var(--color-white-default);
    max-height: 200px;
    overflow-y: auto;
}

.option_dropdown{
    width: 100%;
    padding: 10px 5px;
}

.option_dropdown:hover{
    background-color: var(--color-red-default);
}


@media screen and (max-width: 724px){

    .group_label_100{
        width: 100%;
    }

    .group_label_16{
        width: 100%;
    }

    .group_label_25{
        width: 100%;
    }

    .group_label_33{
        width: 100%;
    }

    .group_label_50{
        width: 100%;
    }

    .group_label_75{
        width: 100%;
    }

}