.card .card-datagrid {
    padding: 0;
}

.card .card-datagrid > .datagrid .table-bordered {
    border: none;
}

.card .card-datagrid > .datagrid thead {
    border-top: none;
}

.datagrid-column-header-additions {
    float: right;
}

h2 {
    margin-bottom: 20px;
}

.row-grid-bottom > * {
    display: inline-block;
    vertical-align: middle;
}

.row-grid-bottom > *:first-child,
.row-grid-bottom > *:last-child {
    width: 25%;
}

.row-grid-bottom > *:nth-child(2) {
    width: 50%;
}

.row-grid-bottom .col-per-page {
    display: inline-flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
}

.row-grid-bottom select {
    max-width: 100px;
}

.dnd-drop-zone {
    width: 100%;
    height: 130px;
    border: 2px dashed #dcdcdc;
    border-radius: 3px;
    text-align: center;
    position: relative;
    color: #666;
    font-size: 20px;
    padding-top: 20px;
}

.dnd-drop-zone input {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 0;
}

.dnd-drop-zone div {
    margin-bottom: 30px;
}

.dnd-drop-zone .button {
    font-size: 75%;
}

.dnd-drop-zone.mouse-over {
    border-color: #2ecc71;
    color: #2ecc71;
}

.dnd-rop-zone input[type="submit"] {
    display: none;
}

.sidebar .nav .nav-item.nav-item-separator {
    pointer-events: none;
}

.sidebar .nav .nav-item.nav-item-separator > * {
    height: auto;
    padding: 5px 35px;
    color: #528be6;
}

.sidebar .nav .nav-item.nav-item-separator > * > .mdi {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .nav .nav-item.nav-item-separator > * > .mdi:before {
    content: "";
    width: 35px;
    height: 2px;
    background-color: #e8e8e8;
    margin-left: -5px;
    margin-right: -5px;
}

.hidden {
    display: none;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:first-child, .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:first-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:first-child, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:first-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:last-child, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:last-child,
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow:last-child, .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow:last-child {
    text-align: center;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today:before {

}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {

}

.navbar.default-layout .navbar-brand-wrapper .navbar-brand img{
    width: auto;
    height: 60px;
}

.profile-image{
    font-size: 20px;
    background: linear-gradient(120deg, #F95572, #9C5FDF);
    border-radius: 90px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    display: inline-block;
}

.profile-image .mdi {
    color: white;
}

.sign-logo{
    max-width:40%;
    margin-bottom: 2rem;
}


.bloading{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height:100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 9001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.component-autocomplete .input-wrapper{
    position: relative;
}
.component-autocomplete .input-wrapper input{
    width: 100%;
}
.component-autocomplete .autocomplete-list {
    position: absolute;
    left: 0;
    top: 34px;
    list-style: none;
    background: linear-gradient(120deg, #F95572, #9C5FDF);
    width: 100%;
    color: #fff;
    padding: 0;
    margin: 0;
    z-index: 10;
}
.component-autocomplete .autocomplete-list li a{
    display: block;
    color: #fff;
    padding: 3px 10px;
    text-align: left;
}
.component-autocomplete .autocomplete-list li a:hover, .component-autocomplete .autocomplete-list li a.active{
    background-color: rgba(255,255,255,0.3);
    text-decoration: underline;
}

.mdi{
    vertical-align: middle;
}

.normal-form .row{
    margin-bottom: 0.7rem;
}

.normal-form .input-group-prepend{
    line-height: 2rem;
}
.input-group-prepend.bordered{
    border: 1px solid #dedede;
}

.wrapper {
    position: relative;
    width: 100%;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:200px;
    background-color: white;
}

.mdi-file-document-outline::before {
    font-size: 20px;
}

select[name="group_action[group_action]"]{
    margin: 8px 0;
    max-width: 300px;
}

.row-group-actions >th {
    padding: 10px;
}

.table-sm th,
.table-sm td {
    padding: 1.3rem;
}

.datagrid .btn {
    font-size: 13px;
}

.content-wrapper {
    background: #e5edef;
}

@media (min-width: 1601px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

/* Calculation workspace */
.calculation-toolbar { position: sticky; top: 70px; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; padding: 7px; border: 1px solid #dce5df; border-radius: 12px; background: rgba(245, 248, 246, .96); box-shadow: 0 4px 16px rgba(35, 56, 46, .08); backdrop-filter: blur(8px); }
.calculation-navigation { display: flex; min-width: 0; gap: 4px; }
.calculation-navigation-link { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 16px; border-radius: 8px; color: #5c7065; font-weight: 500; transition: background-color .15s ease, color .15s ease, box-shadow .15s ease; }
.calculation-navigation-link:hover { color: #17241d; text-decoration: none; background: #e8efeb; }
.calculation-navigation-link.is-active { color: #fff; background: #168852; box-shadow: 0 2px 6px rgba(22, 136, 82, .24); }
.calculation-toolbar-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.calculation-duplicate-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; padding: 8px 12px; border-color: #168852; border-radius: 8px; color: #168852; font-weight: 500; white-space: nowrap; }
.calculation-duplicate-button:hover,
.calculation-duplicate-button:focus { border-color: #0f7042; color: #fff; background: #0f7042; }
.contract-calculation-action { display: flex; justify-content: flex-end; margin: 0 0 16px; }
.calculation-autosave-status { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; max-width: 320px; margin: 0; padding: 7px 11px; border: 0; border-radius: 999px; box-shadow: none; font-size: 12px; white-space: nowrap; }
.calculation-autosave-status .calculation-autosave-icon { font-size: 18px; line-height: 1; }
.calculation-autosave-status.is-unsaved { color: #725b00; background: #fff4c7; }
.calculation-autosave-status.is-saving { color: #245577; background: #e4f2fb; }
.calculation-autosave-status.is-saved { color: #236b43; background: #e3f5ea; }
.calculation-autosave-status.is-error { color: #8a2530; background: #fbe8ea; }
.calculation-tab-panel { display: none; }
.calculation-tab-panel.is-active { display: block; }
.calculation-basic-panel > .row { margin-right: -8px; margin-left: -8px; }
.calculation-basic-panel > .row > [class*="col-"] { padding-right: 8px; padding-left: 8px; }
.calculation-basic-panel .card { overflow: hidden; border: 1px solid #dce5df; border-radius: 12px; box-shadow: none; }
.calculation-basic-panel .card-body { padding: 18px; }
.calculation-basic-panel legend { color: #24352c; font-size: 20px; font-weight: 500; }
.calculation-layout { width: 100%; }
.calculation-service-panel { overflow: hidden; border: 1px solid #dce5df; border-radius: 14px; background: #f4f7f5; }
.calculation-section-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 22px; border-bottom: 1px solid #dce5df; background: #fff; }
.calculation-section-title h3 { margin: 0; color: #1c2a22; font-size: 24px; font-weight: 500; }
.calculation-section-title p { margin: 4px 0 0; color: #6f8177; }
.calculation-section-title::before { content: ''; width: 4px; align-self: stretch; border-radius: 3px; background: #168852; }
.calculation-section-heading { flex: 1; }
.calculation-related-contract-link { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 38px; padding: 8px 12px; border: 1px solid #b8d6c5; border-radius: 8px; color: #287252; background: #f4faf6; font-weight: 500; white-space: nowrap; }
.calculation-related-contract-link:hover { border-color: #7fb596; color: #1e6042; text-decoration: none; background: #eaf5ee; }
.calculation-related-contracts { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.calculation-service-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 16px; padding: 16px; }
.calculation-service-main { min-width: 0; }
.calculation-service-sidebar { min-width: 0; }
.calculation-service-main .card,
.calculation-service-sidebar .card { margin-bottom: 16px !important; border: 1px solid #dce5df; border-radius: 12px; background: #fff; box-shadow: none; }
.calculation-service-main .card:last-child,
.calculation-service-sidebar .card:last-child { margin-bottom: 0 !important; }
.calculation-service-main .card-body,
.calculation-service-sidebar .card-body { padding: 18px; }
.calculation-service-main legend,
.calculation-service-sidebar legend { color: #24352c; font-size: 19px; font-weight: 500; }
.calculation-trips-panel .calculation-service-main { display: contents; }
.calculation-trips-panel .calculation-trips-forms { grid-column: 1; grid-row: 1; }
.calculation-trips-panel .calculation-service-sidebar { grid-column: 2; grid-row: 1; align-self: start; }
.calculation-trips-panel .calculation-trips-products { grid-column: 1 / -1; grid-row: 2; }
.calculation-cleaners-panel .calculation-service-grid { grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); }
.calculation-cleaners-panel .calculation-service-main { display: contents; }
.calculation-cleaners-panel .calculation-cleaners-data { grid-column: 1; grid-row: 1; }
.calculation-cleaners-panel .calculation-service-sidebar { grid-column: 2; grid-row: 1; align-self: start; }
.calculation-cleaners-panel .calculation-cleaners-products { grid-column: 1 / -1; grid-row: 2; }
.calculation-trips-forms { display: grid; grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr); gap: 16px; }
.calculation-trips-forms .card { min-width: 0; height: calc(100% - 16px); }
.calculation-trips-date-time { display: grid; grid-template-columns: repeat(2, minmax(170px, 1fr)); gap: 10px; }
.calculation-trips-date-time .form-control { min-width: 0; }
.calculation-products-card { overflow: visible; }
.calculation-products-card .card-body { overflow: visible; }
.calculation-products-card .datagrid.table-responsive { max-width: 100%; overflow: visible; }
.calculation-products-card .table-responsive-xl { display: block; width: 100%; max-width: 100%; overflow: visible; }
.calculation-products-card .table-responsive-xl > form { display: block; width: 100%; max-width: 100%; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; }
.calculation-products-card table { background: #fff; }
.calculation-products-card table thead th { position: sticky; top: 0; z-index: 3; color: #5c7065; background: #f5f8f6; font-size: 12px; font-weight: 500; white-space: normal; }
.calculation-products-card table td { border-color: #e7ede9; }
.calculation-datagrid-header-viewport { position: fixed; z-index: 1020; overflow: hidden; pointer-events: none; background: #fff; box-shadow: 0 4px 12px rgba(31, 55, 43, .15); }
.calculation-datagrid-header-viewport .calculation-datagrid-header { margin: 0; background: #fff; }
.calculation-products-card .table-contract tbody td:focus-within { position: relative; z-index: 6; }
.calculation-products-card .table-contract .dropdown-menu { z-index: 10; }
.calculation-products-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.calculation-products-header legend { margin: 0; }
.calculation-cleaners-actions { display: flex; flex: 0 0 auto; justify-content: flex-end; gap: 8px; }
.calculation-cleaners-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 14px; border-color: #168852; border-radius: 8px; color: #fff; background: #168852; font-weight: 500; }
.calculation-cleaners-actions .btn:hover,
.calculation-cleaners-actions .btn:focus { border-color: #0f7042; color: #fff; background: #0f7042; }
.calculation-trips-products .card-body { position: relative; }
.calculation-trips-products legend { padding-right: 180px; }
.calculation-trips-products .contract-trips-grid-toolbar { position: absolute; top: 18px; right: 18px; display: flex; justify-content: flex-end; padding: 0; }
.calculation-trips-products .contract-trips-grid-toolbar .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 14px; border-color: #168852; border-radius: 8px; color: #fff; background: #168852; font-weight: 500; }
.calculation-trips-products .table-contract { min-width: 1200px; margin-bottom: 0; }
.calculation-trips-products .table-contract th,
.calculation-trips-products .table-contract td,
.calculation-cleaners-products .table-contract th,
.calculation-cleaners-products .table-contract td { padding: 12px 10px; vertical-align: middle; }
.calculation-trips-products .table-contract .col-tripService { position: sticky; left: 0; z-index: 4; min-width: 170px; background: #fff; box-shadow: 8px 0 12px -12px rgba(31, 55, 43, .55); }
.calculation-trips-products .table-contract tbody .col-tripService.show,
.calculation-trips-products .table-contract tbody .col-tripService:focus-within { z-index: 7; }
.calculation-trips-products .table-contract .col-tripService .dropdown-menu { max-height: 360px; overflow-y: auto; }
.calculation-trips-products .table-contract thead .col-tripService { z-index: 5; background: #f5f8f6; }
.calculation-trips-products .table-contract .col-action,
.calculation-cleaners-products .table-contract .col-action { position: sticky; right: 0; z-index: 4; min-width: 72px; background: #fff; box-shadow: -8px 0 12px -12px rgba(31, 55, 43, .55); }
.calculation-trips-products .table-contract thead .col-action,
.calculation-cleaners-products .table-contract thead .col-action { z-index: 5; background: #f5f8f6; }
.calculation-trips-products .table-contract.table-striped tbody tr:nth-of-type(odd):not(.contract-trip-subproduct-row):not(.contract-grid-bulk-row):not(.datagrid-row-inline-add) .col-tripService,
.calculation-trips-products .table-contract.table-striped tbody tr:nth-of-type(odd) .col-action,
.calculation-cleaners-products .table-contract.table-striped tbody tr:nth-of-type(odd) .col-action { background: #f2f8f9; }
.calculation-trips-products .table-contract.table-hover tbody tr:not(.contract-trip-subproduct-row):not(.contract-grid-bulk-row):not(.datagrid-row-inline-add):hover .col-tripService,
.calculation-trips-products .table-contract.table-hover tbody tr:hover .col-action,
.calculation-cleaners-products .table-contract.table-hover tbody tr:hover .col-action { background: #edf4f5; }
.calculation-trips-products .table-contract .col-note { min-width: 150px; }
.calculation-trips-products .table-contract .col-priceInclVat { min-width: 135px; }
.calculation-trips-products .table-contract .dropdown-toggle { max-width: 180px; white-space: normal; text-align: left; }
.calculation-trips-products .contract-trip-service-meta,
.calculation-trips-products .contract-trip-unit-price,
.calculation-cleaners-products .contract-cleaner-unit-price { display: block; margin-top: 4px; color: #76887e; font-size: 11px; white-space: nowrap; }
.calculation-trips-products .contract-trip-product-cell.is-subproduct { position: relative; padding-left: 18px; }
.calculation-trips-products .contract-trip-product-cell.is-subproduct::before { position: absolute; top: 20px; left: 1px; width: 10px; height: 13px; border-bottom: 2px solid #88ad99; border-left: 2px solid #88ad99; border-radius: 0 0 0 4px; content: ''; }
.calculation-trips-products .contract-trip-parent-meta { display: block; margin-bottom: 5px; color: #5c806d; font-size: 10px; line-height: 1.25; white-space: normal; }
.calculation-trips-products .contract-trip-add-subproduct { margin-top: 6px; }
.calculation-trips-products .contract-trip-add-subproduct-select { max-width: 155px; height: auto; padding: 1px 18px 1px 0; border: 0; color: #168852; background-color: transparent; font-size: 11px; font-weight: 500; cursor: pointer; }
.calculation-trips-products .contract-trip-add-subproduct-select:hover,
.calculation-trips-products .contract-trip-add-subproduct-select:focus { color: #0f633b; outline: 0; text-decoration: underline; }
.calculation-trips-products .contract-trip-subproduct-row td { border-top-color: #d7e6dd; background: #f7fbf8; }
.calculation-trips-products .contract-trip-subproduct-row .col-tripService,
.calculation-trips-products .table-contract.table-striped tbody tr.contract-trip-subproduct-row .col-action,
.calculation-trips-products .table-contract.table-hover tbody tr.contract-trip-subproduct-row:hover .col-action { background: #f7fbf8; }
.calculation-trips-products .contract-trip-price strong,
.calculation-cleaners-products .contract-cleaner-price strong { display: block; color: #22332a; font-weight: 500; white-space: nowrap; }
.calculation-previous-price { min-width: 230px; margin-top: 8px; padding: 8px; border: 1px solid #f0c36d; border-radius: 7px; background: #fff8e8; }
.calculation-previous-price-value { display: block; color: #715316; font-size: 11px; font-weight: 500; white-space: nowrap; }
.calculation-previous-price-actions { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.calculation-previous-price-actions .btn { min-height: 28px; padding: 3px 7px; font-size: 10px; line-height: 1.25; white-space: normal; }
.calculation-trips-products .contract-grid-bulk-row td { border-top: 1px solid #d6e5dc; border-bottom: 1px solid #d6e5dc; background: #eef7f2; }
.calculation-trips-products .contract-grid-bulk-row .col-tripService { background: #eef7f2; }
.calculation-trips-products .table-contract .contract-grid-bulk-row .col-action { background: #eef7f2; }
.calculation-trips-products .contract-grid-bulk-label { display: block; color: #287252; font-size: 12px; font-weight: 500; line-height: 1.35; }
.calculation-trips-products .datagrid-row-inline-add td { border-top: 2px solid #168852; background: #f4faf6; }
.calculation-trips-products .datagrid-row-inline-add .col-tripService,
.calculation-trips-products .datagrid-row-inline-add .col-action { background: #f4faf6; }
.calculation-trips-products .datagrid-row-inline-add select,
.calculation-trips-products .datagrid-row-inline-add input { min-height: 34px; border-radius: 6px; }
.calculation-cleaners-products .table-contract { min-width: 1480px; margin-bottom: 0; }
.calculation-cleaners-products .table-contract .col-sequenceNumber { position: sticky; left: 0; z-index: 4; min-width: 82px; background: #fff; box-shadow: 8px 0 12px -12px rgba(31, 55, 43, .55); }
.calculation-cleaners-products .table-contract thead .col-sequenceNumber { z-index: 5; background: #f5f8f6; }
.calculation-cleaners-products .table-contract.table-striped tbody tr:nth-of-type(odd) .col-sequenceNumber { background: #f2f8f9; }
.calculation-cleaners-products .table-contract.table-hover tbody tr:hover .col-sequenceNumber { background: #edf4f5; }
.calculation-cleaners-products .table-contract .col-priceInclVat { min-width: 165px; }
.calculation-cleaners-products .table-contract .col-note { min-width: 150px; }
.calculation-cleaners-products .table-contract .dropdown-toggle { max-width: 180px; white-space: normal; text-align: left; }
.calculation-cleaners-tooltip { color: #5e7066; background: #f5f8f6; border-color: #dce5df !important; border-radius: 9px; }
.calculation-summary-card { position: sticky; top: 148px; }
.contract-trips-panel .calculation-summary-card { top: 88px; }
.calculation-summary-card .border-success { border: 0 !important; padding: 0 !important; }
.calculation-summary-card .form-control { max-width: 150px; }
.calculation-summary-card .btn { width: 100%; height: auto !important; margin: 9px 0 0 !important; padding: 10px 12px; white-space: normal; line-height: 1.35 !important; }
.calculation-summary-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px; }
.calculation-summary-card .calculation-summary-actions .btn { display: inline-flex; width: auto; align-items: center; justify-content: center; margin: 0 !important; }
.calculation-summary-card .btn-success { background: #168852; border-color: #168852; }
.calculation-summary-card hr { border-color: #dce5df; }
.calculation-documents .card { border: 1px solid #dce5df; border-radius: 12px; box-shadow: none; }
.calculation-documents .files-list { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; }
.calculation-documents .files-list > div { display: flex; width: auto; margin: 0 !important; }
.calculation-documents .files-list a { display: inline-flex; width: auto; height: 100%; padding: 14px; border: 1px solid #dce5df; border-radius: 10px; color: #287252; background: #f7faf8; }
.calculation-documents .files-list a:hover { border-color: #8fc2a7; text-decoration: none; background: #eef7f2; }

@media (max-width: 1599.98px) {
    .calculation-trips-date-time { grid-template-columns: minmax(170px, 1fr); }
}

@media (max-width: 991.98px) {
    .calculation-toolbar { top: 64px; align-items: stretch; flex-direction: column; }
    .calculation-navigation { overflow-x: auto; }
    .calculation-navigation-link { flex: 1 0 auto; justify-content: center; }
    .calculation-toolbar-actions { justify-content: space-between; }
    .calculation-autosave-status { align-self: flex-end; }
    .calculation-service-grid { grid-template-columns: 1fr; }
    .calculation-summary-card { position: static; }
    .calculation-service-sidebar { display: grid; grid-template-columns: minmax(0, 1fr); }
    .calculation-trips-panel .calculation-trips-forms,
    .calculation-trips-panel .calculation-trips-products,
    .calculation-trips-panel .calculation-service-sidebar { grid-column: 1; grid-row: auto; }
    .calculation-cleaners-panel .calculation-service-grid { grid-template-columns: 1fr; }
    .calculation-cleaners-panel .calculation-cleaners-data { grid-column: 1; grid-row: 1; }
    .calculation-cleaners-panel .calculation-service-sidebar { grid-column: 1; grid-row: 2; }
    .calculation-cleaners-panel .calculation-cleaners-products { grid-column: 1; grid-row: 3; }
}

@media (max-width: 575.98px) {
    .calculation-toolbar { margin-right: -4px; margin-left: -4px; border-radius: 10px; }
    .calculation-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
    .calculation-navigation-link { min-width: 0; padding-right: 9px; padding-left: 9px; }
    .calculation-toolbar-actions { align-items: stretch; flex-direction: column; }
    .calculation-duplicate-button { width: 100%; white-space: normal; }
    .contract-calculation-action { justify-content: stretch; }
    .contract-calculation-action .calculation-duplicate-button { width: 100%; }
    .calculation-autosave-status { align-self: flex-start; max-width: 100%; white-space: normal; }
    .calculation-trips-forms { grid-template-columns: 1fr; }
    .calculation-service-grid { padding: 10px; }
    .calculation-section-title { flex-wrap: wrap; padding: 16px; }
    .calculation-section-heading { min-width: calc(100% - 20px); }
    .calculation-related-contract-link { margin-left: auto; }
    .calculation-section-title h3 { font-size: 21px; }
    .calculation-service-main .card-body,
    .calculation-service-sidebar .card-body { padding: 14px; }
    .calculation-products-header { align-items: stretch; flex-direction: column; }
    .calculation-cleaners-actions { display: grid; grid-template-columns: 1fr; }
    .calculation-cleaners-actions .btn { width: 100%; }
    .calculation-trips-products legend { padding-right: 0; }
    .calculation-trips-products .contract-trips-grid-toolbar { position: static; padding: 0 0 14px; }
    .calculation-trips-products .contract-trips-grid-toolbar .btn { width: 100%; }
    .calculation-trips-products .table-contract .col-tripService { min-width: 150px; }
    .calculation-products-card .table-contract .col-action { min-width: 64px; }
    .calculation-cleaners-products .table-contract .col-sequenceNumber { min-width: 72px; }
}