.group, .group-filter, .form-group {
    --margin-bot: 4px;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
}

.group select.error, .group input.error{
    border-color: var(--text-color-btn) !important;
}

.group, .form-group {
    /* margin-bottom: calc(23px - 18px) !important; */
    /* margin-bottom: 23px !important; */
    margin-bottom: 16px !important;
}

.list-filters .group-filter select,
.list-filters .group-filter input{
    text-indent: 6px;
    width: var(--width-input) !important;
    margin-right: 8px;
}

.group label.title-label, .form-group label.title-label{
    margin-bottom: var(--margin-bot);
    font-size: var(--font-size-18px) !important;
    font-weight: 500;
}

.group-filter label.filter-label {
    font-size: var(--font-size-14px) !important;
}

.group select, 
.group input, 
.form-group input{
    text-indent: 6px;
    max-width: var(--width-input) !important;
}

.group select, .group input, .group textarea, .form-group input{
    height: 34px;
    width: 100%;
    
    border: 1px solid #CCCCCC !important;
    background-color: #FFFFFF !important;
    border-radius: 4px;
    font-size: var(--font-size-14px);
}

.group textarea{ 
    /* padding-top: 6px; */
    padding-left: 6px;
    height: calc(34px * 2) !important;
}

.group .text {
    height: auto !important;
    max-width: var(--width-input);
    font-size: var(--font-size-14px) !important;
    display: flex;
    align-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

.group p {
    margin: 0 !important;
    font-size: var(--font-size-14px) !important;
    display: flex;
    align-content: center;
    align-items: center;
}

.group p a {
    text-decoration: underline !important; 
    cursor:text !important;
    font-weight: normal !important;
}

.group p.right {
    font-weight: normal !important;
    padding-bottom: 0 !important;
}


.group .text-market {
    margin-bottom: var(--margin-bot);
    font-size: var(--font-size-14px);
}

.group .text-market p {
    font-size: var(--font-size-14px);
    display: inline;
}

#list_codes {
    width: 130px;
}

 /* -----------------------------------------------------
 disable all css
 -------------------------------------------------------- */
.disable-all .group .list_ranges,
.disable-all .group textarea
{
    pointer-events:fill;
}

.disable-all .group .thumbnail, 
.disable-all .group .extension,
.disable-all .group .thumbnail-up
{
    pointer-events:fill;
    
}

.disable-all .group select
{
    /* visibility: hidden; */
}

/* .disable-all .group select, */
.group.disable-all input,
.disable-all .group input,
.disable-all .group textarea,
.disable-all .group select:read-only,
.disable-all .group input:read-only,
.disable-all .group textarea:read-only
{
    text-indent: 0 !important;
    cursor: initial;
    border: none !important;
    padding: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.disable-all .group select,
.disable-all .group input,
.disable-all .group select:read-only,
.disable-all .group input:read-only
{
    height: auto !important;
}


.disable-all .group textarea:focus
{
    outline:  none;
}

.disable-all .group textarea
{
    resize : none;
}

.disable-all .group textarea.empty
{
    height: 34px !important;
}

.disable-all .group .btn-icon, 
.disable-all .group .btn_add,
.disable-all .group p,
/* .disable-all .group select, */
.disable-all .group #div_model2{
    display: none !important;
}

.disable-all .group p.text,
.disable-all .group p.info-text
{
    display:inline !important;
    padding-bottom: 6px !important;
}

.disable-all .group p.info-text.none
{
    display: none !important;
}

.disable-all .none
{
    display: none !important;
}
/* -------------------------------------------------------- */

.group .thumbnail, .group .extension {
    display: flex;
    align-items: center;
    background-color: var(--navbar-bg-color) !important;
}

.group .group-gallery {
    margin-top: 6px !important;
    cursor: move;
}

input, select {
    height: 34px;
    width: 80%;
    max-width: var(--width-input);
    border: 1px solid #CCCCCC !important;
    background-color: #FFFFFF !important;
    text-indent: 6px;
    border-radius: 4px;
    font-size: var(--font-size-14px);
    
}

/* checkbox */

.nav-item input[type="radio"],
.nav-item input[type="radio"] {
    visibility: hidden !important;
}

input[type="checkbox"], 
.group input[type="checkbox"],
input[type="radio"],
.nav-item input[type="radio"] {
    visibility: hidden !important;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    font-size: var(--font-size-14px) !important;
    font-weight: normal !important;
    cursor: pointer;
    margin-bottom: 6px;
    /* width: 160px !important; */
    /* max-width: 200px; */
}

.group-market {
    display: flex;
    height: 100%;
}

.group-chk-doc {
    display: flex;
}

.group-chk-doc input[type="checkbox"] + label,
.group-chk-doc input[type="radio"] + label {
    width: 14px !important;
    height: 14px !important;
    margin-right: 0px;
}

.group-market input[type="checkbox"] + label,
.group-market input[type="radio"] + label {
    width: auto !important;
    margin-right: 10px;
}

.group .group-chk {
    margin-bottom: 6px;
}

.group .group-chk :last-child{
    margin-bottom: 0;
}

.group .group-chk input[type="checkbox"] + label {
    font-size: var(--font-size-14px) !important;
    font-weight: normal !important;
    cursor: pointer;
    width: auto !important;
    max-width: 200px;
    margin-bottom: 0;
}

.group:last-child + input[type="checkbox"] + label,
.group input[type="radio"]:last-child  + label {
    font-size: var(--font-size-14px) !important;
    font-weight: normal !important;
    cursor: pointer;
    margin-right: 22px;
}

.card-login .group .group-chk-consent input[type="checkbox"] + label {
    font-size: var(--font-size-14px) !important;
    font-weight: normal !important;
    cursor: pointer;
    width: 100% !important;
    
    margin-bottom: 0;
}

.card-login .group .group-chk-consent label {
    width: 100% !important;
    max-width: none !important;
    display: inline-block !important;
    text-align: justify;
}


input[type="checkbox"] + label:hover,
.group input[type="radio"] + label:hover{
    color: var(--text-color-btn) !important;
}

input[type="checkbox"] + label::before,
.group input[type="radio"] + label::before{
    /*transition: all .5s ease;*/
    border-radius: 3px;
    content:"";
    display:inline-block;
    height: 14px;
    width: 14px;
    margin-right: 8px;
    top: 50%;
}

input[type="checkbox"] + label::before,
.group input[type="radio"] + label::before {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.group:last-child + input[type="checkbox"] + label,
.group input[type="radio"]:last-child  + label {
    font-size: var(--font-size-14px) !important;
    font-weight: normal !important;
    cursor: pointer;
    margin-right: 22px;
}

/* .disable-all input[type="checkbox"]:checked + label::before,.group input[type="radio"]:checked + label::before {
    border: 1px solid #cccccc;
    background-color: var(--text-color-discard) !important;
} */

input[type="checkbox"]:checked + label::before,
.group input[type="radio"]:checked + label::before {
    border: 1px solid #cccccc;
    background-color: #333333 !important;
}

input[type="checkbox"].checkbox-market-edit + label::before {
    height: 14px;
    width: 14px;
}

input[type="checkbox"].errorConsent + label::before {
    border: 1px solid var(--text-color-btn) !important;
}


input[type="checkbox"].chk-readonly + label:hover,
input[type="checkbox"].chk-readonly + label
{
    cursor: default !important;
    color: var(--text-color) !important;
}


.group input[type="checkbox"]:checked.chk-readonly + label::before,
.group input[type="radio"]:checked.chk-readonly + label::before,
.group input[type="checkbox"].chk-readonly + label::before,
.group input[type="radio"].chk-readonly + label::before {
    border: 1px solid var(--text-color-discard) !important;
    background-color: var(--text-color-discard) !important;
    color: var(--text-color-discard) !important;
    cursor: default !important;
}

.group input[type="checkbox"]:checked.chk-readonly + label,
.group input[type="radio"]:checked.chk-readonly + label,
.group input[type="checkbox"].chk-readonly + label:hover,
.group input[type="radio"].chk-readonly + label:hover{
    color: var(--text-color-discard) !important;
    cursor: default !important;
}
/* -------------  */