@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Quicksand:wght@300..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

#block-webform {
    max-width: 750px;
    margin: auto;
    border-bottom: 5px solid #00a8e8;
    border-radius: 15px;
    box-shadow: 0 0 23px 0 rgb(0 0 0 / 15%);
    padding: 2rem;
}

#block-webform .webform-multiple-add {
    display: none;
}

#block-webform  .webform-multiple-table--handle{
    display: none;
}

table[data-drupal-selector="edit-activos-establecimientos-items"] thead,  table[data-drupal-selector="edit-activos-del-establecimiento-items"] thead{
    display: none;
}

#activos_establecimientos_table .tabledrag-toggle-weight-wrapper, #block-webform .webform-multiple-table-responsive .tabledrag-toggle-weight-wrapper{
    display: none;
}

#activos_establecimientos_table > label, #activos_del_establecimiento_table .form-type-webform-multiple > label{
    display: none;
}


#activos_establecimientos_table .webform-multiple-table--weight, #activos_del_establecimiento_table .webform-multiple-table--weight{
    display: none;
}

#block-webform .js-webform-type-fieldset{
    padding: 1rem;
    background-color: #f2f2f2;
    border-radius: 8px;
}

#block-webform .item-check label{
    display: flex!important;
    gap: 5px;
}

#block-webform .item-check{
    display: flex;
    position: absolute;
    left: 0;
    bottom: -3px;
    opacity: 0;
}

#block-webform .item-check input {
    width: 16px;
    height: 16px;
}

.field-contaoiner-sta .form-type-textfield{
    position: relative;
    padding-bottom: 20px;
}

.field-contaoiner-sta .form-type-textfield::before{
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #ced4da;
    border-radius: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.field-contaoiner-sta .is-est-active.form-type-textfield::before{
    background-color: #2a61e0;
    background-image: url('check_yes.svg');
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
}

.field-contaoiner-sta .form-type-textfield::after{
    content: 'Pertenece a la misma zona de la Cámara';
    font-size: 14px;
    border-radius: 2px;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 20px;
    pointer-events: none;
}


#activos_establecimientos_table .draggable label, #activos_del_establecimiento_table .draggable label{
    display: block;
    visibility: visible!important;
    position: relative!important;
    width: auto!important;
    height: auto!important;
    clip: initial!important;
    overflow: visible!important;
}

#activos_establecimientos_table .draggable, #activos_del_establecimiento_table .draggable{
    background-color: #f2f2f2;
}

#activos_establecimientos_table .draggable td, #activos_del_establecimiento_table .draggable td{
    border: none;
}


#activos_establecimientos_table .table-responsive{
    overflow: visible;
}

#block-webform .help-calc .icon-mas{
    opacity: 0.3;
    width: 19px;
    border: 2px solid #000;
    padding: 1px;
    border-radius: 50%;
}

#block-webform .help-calc{
    font-size: 14px;
    padding: 0 0 2rem;
}

.resultados-calculadora{
    text-align: right;
}

.resultados-calculadora label{
    font-size: 0.8rem;
}

.value-price{
    min-width: 150px;
    display: inline-block;
    font-family: "Lato", sans-serif;
}

.total-cost{
    padding: 1rem 0;
    margin-top: 1rem;
    border-top: 1px solid #cccc;
    font-family: "Lato", sans-serif;
}

.resultado-costos-fijos .active-result{
    background-color: #dfefff;
    padding: 1rem;
    border-radius: 8px;
    text-align: left;
}

.resultado-costos-fijos .alert{
    margin-bottom: 0;
    background-color: #feebef;
    border: 1px solid #C04F6A;
    color: #C04F6A;
    font-size: 14px;
    text-align: center;
}