@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --blue-dark: #192435;
    --orange: #FE906D;
    --orange-hover: #FEE8E1;
    --lilac: #A4A9F8;
    --bluegreen: #9EE2D9;
    --bluegreen-hover: #617E87;
    --grey-light: #F2F1F6;
}

html, body {
    font-family: 'Inter', sans-serif !important;
    height:100%;
}
body {
    background: var(--grey-light);
    color: #000;
    font-size: 20px;
}
@media screen and (max-width: 1024px) {
    #div_welcome.container {
        width: 100% !important;
    }
}
.totem-welcome {
    background: var(--blue-dark) !important;
}

.card {
    box-shadow: none !important;
    border: solid 1px #FFF !important;
}
    .card .card-header {
        border-bottom: none !important;
    }
        .card .card-body.min275 {
            min-height: 278px !important;
        }
        .card .card-body.min730 {
            min-height: 730px !important;
        }
    .card .card-footer {
        border-top: 1px solid #F5F5F5 !important;
        background: none;
    }
.card-transparent {
    background: none;
    border: none !important;
}
    .card-transparent .card-footer {
        border: none;
    }
.btn {
    font-size: 24px !important;
}
.btn-link, .btn-link:hover {
    color: var(--grey-light);
    border: solid 1px var(--grey-light);
}
    .btn-link.upper {
        text-transform: uppercase;
        text-decoration: none;
    }
        .btn-link.upper:hover {
            background-color: var(--grey-light);
            color: var(--blue-dark);
        }
    .btn-link.isDisabled {
        background-color: #CCC;
    }
.btn-bluegreen {
    /*color: var(--tt4f) !important;*/
    background-color: var(--bluegreen) !important;
    border-color: var(--bluegreen) !important;
    box-shadow: none;
}
    .btn-bluegreen:hover {
        color: var(--bluegreen) !important;
        background-color: var(--bluegreen-hover) !important;
        border-color: var(--bluegreen-hover) !important;
    }
.btn-blanc {
    color: var(--blue-dark) !important;
    background: #FFF !important;
    box-shadow: none;
    border-radius: 8px;
    padding: 16px 64px;
    border: solid 1px var(--blue-dark);
    font-size: 24px !important;
}
    .btn-blanc:hover {
        background-color: #CCC !important;
    }
.btn-blanc-mini {
    color: var(--blue-dark) !important;
    background: #FFF !important;
    box-shadow: none;
    border-radius: 8px;
    padding: 4px 16px !important;
    border: solid 1px var(--blue-dark);
    font-size: 16px !important;
}
.btn-blaufosc {
    color: #FFF !important;
    background: var(--blue-dark) !important;
    box-shadow: none;
    border-radius: 8px;
    padding: 16px 64px;
    border: solid 1px var(--blue-dark);
    font-size: 24px !important;
}
.btn-blaufosc-mini {
    color: #FFF !important;
    background: var(--blue-dark) !important;
    box-shadow: none;
    border-radius: 8px;
    padding: 4px 16px !important;
    border: solid 1px var(--blue-dark);
    font-size: 16px !important;
}
#flogo {
    padding-bottom:50px;
    text-align: center;
}
.text-welcome {
    color: #FFF;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    word-wrap: normal !important;
    padding-bottom: 32px !important;
}
.line-down {
    padding-top: 32px !important;
}
.contenidor-blanc {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    padding: 8px 20px;
}
.buttons-footer {
    background: #FFF;
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding:32px;
    text-align: center;
    z-index:100;
}
#button-nav-up {
    position: fixed;
    top: 150px;
    right: 5px;
    width: 100px;
    z-index: 1000;
}
#button-nav-down {
    position: fixed;
    bottom: 100px;
    right: 5px;
    width: 100px;
    z-index: 1000;
}
#llistOpcions {
    margin-top: 32px;
    margin-bottom: 100px;
}
    #llistOpcions .col {
        margin-bottom: 32px;
    }
    #llistOpcions .card {
        border-radius: 8px;
        padding-bottom: 16px;
        border: solid 2px #333 !important;
        height: 100%;
    }
        #llistOpcions .card .card-body .card-img-top {

        }
        #llistOpcions .card .card-body .card-image {
            background: #f4f4f4;
            margin-bottom: 16px;
            border-radius: 8px;
            height: 220px;
            width: 100%;
            overflow: hidden;
        }
            #llistOpcions .card .card-body .card-image img, #llistOpcions .card .card-body .card-image a img {
                display: block;
                width: 100%;
            }
@media screen and (max-width: 1024px) {
    #llistOpcions .card .card-body .card-image {
        height: 140px;
    }
        #llistOpcions .card .card-body .card-image img, #llistOpcions .card .card-body .card-image a img {
            width: auto;
            height: 100%;
        }
}
.lnk-nav {
    font-size: 32px;
}
    .lnk-nav a, .lnk-nav a:hover {
        color: #000;
        text-decoration: none;
    }
.badgeUnitats {
    margin-bottom: 12px;
}
.btnKey, .btnCancel {
    border: solid 1px var(--blue-dark);
    color: var(--blue-dark);
}
.border-alert {
    border: solid 2px #FF0040 !important;
}
.table-summary {
    margin-top: 32px;
    background: #FFF;
    border-radius: 8px;
}
    table.table-summary > thead > tr > th {
        padding-top: 32px;
    }
.btn-xs {
    padding: 0.1rem 0.1rem;
    line-height: 1;
    border-radius: 0.2rem;
}
#finish_operation_modal .modal-dialog .modal-content {
    padding-top: 80px;
    padding-bottom: 80px;
}