@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body {
    margin: 0;
    padding: 0;
    background: white !important;
    overflow-x: hidden
}

.text-underline {
    text-decoration: underline !important
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Exo 2", sans-serif, Arial !important;
    font-size: 14px !important;
    line-height: 1.42857 !important;
    color: #595e6c !important;
}

header {
    filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(23, 74, 124, 0.2));
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Exo 2', Exo 2;
}

a {
    color: #174a7c;
    text-decoration: none
}

    a:hover {
        color: #174a7c;
        text-decoration: none
    }


.text-primary {
    color:#174a7c !important;
}

.k-button.k-primary {
    background: #174a7c !important;
    border: #174a7c !important;
}

    .k-button.k-primary:hover {
        background: #174a7c !important;
        border: #174a7c !important;
    }

.text-red {
    color: #dc3545 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #174a7c;
}

.select-primary {
    color: #fff !important;
    background-color: #174a7c;
    border-color: #174a7c;
    font-size: 1.1em !important;
}

.btn-primary {
    color: #fff;
    background-color: #174a7c;
    border-color: #174a7c;
}

    .btn-primary:hover {
        color: #174a7c !important;
        background-color: #fff;
        border-color: #174a7c;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #174a7c !important;
        background-color: #fff;
        border-color: #174a7c;
    }

.pointer {
    cursor: pointer;
}

.k-multiselect-wrap.k-floatwrap {
    max-height: inherit !important;
    height: inherit !important;
}

    .k-multiselect-wrap.k-floatwrap ul.k-reset .k-button {
        padding: 10px !important;
        margin: 3px !important;
    }

::placeholder {
    color: #e0e0e0 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #e0e0e0 !important;
}

::-ms-input-placeholder {
    color: #e0e0e0 !important;
}

.maxWidth100 {
    max-width: 100px !important
}

.maxWidth150 {
    max-width: 150px !important
}

.maxWidth200 {
    max-width: 200px !important
}

.maxWidth250 {
    max-width: 250px !important
}

.maxWidth260 {
    max-width: 260px !important
}

.maxWidth270 {
    max-width: 270px !important
}

.maxWidth300 {
    max-width: 300px !important
}

.maxWidth150 {
    max-width: 150px !important
}

.minWidth300 {
    min-width: 300px !important
}

.minWidth250 {
    min-width: 250px !important
}

.minWidth200 {
    min-width: 200px !important
}

.minWidth150 {
    min-width: 150px !important
}

.minWidth100 {
    min-width: 100px !important
}

.titulo1 {
    font-weight: normal !important;
    font-size: 27px;
    font-weight: 400 !important;
    color: #4c4c4c !important
}

.titulo2 {
    font-weight: normal !important;
    font-size: 20px;
    font-weight: 400 !important;
    color: #4c4c4c !important
}

.titulo1 a, titulo2 a {
    font-size: 14px;
    margin-left: 10px;
    font-weight: normal
}

.divInputCercaGlobal {
    margin: 20px 0;
    text-align: center;
    position: relative
}

.inputInputCercaGlobal {
    text-align: left;
    height: 50px !important;
    font-size: 26px !important;
    border: none;
    border-bottom: 2px solid #174a7c;
    border-top: 1px solid #174a7c14;
    border-left: 1px solid #174a7c14;
    border-right: 1px solid #174a7c14;
    border-radius: 0;
    padding: 25px 0px 25px 50px;
}

    .inputInputCercaGlobal::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #174a7c !important;
    }

    .inputInputCercaGlobal:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #174a7c !important;
        opacity: 1;
    }

    .inputInputCercaGlobal::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #174a7c !important;
        opacity: 1;
    }

    .inputInputCercaGlobal:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #174a7c !important;
    }

.iconaCercar {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 2.1em;
    color: #174a7c
}

.divTaulaBaners {
    margin: 0;
    padding: 0
}

    .divTaulaBaners .div-table-col {
        height: 100px;
        border: 1px solid #174a7c;
        margin: 4px;
        padding: 0;
        max-width: 47%;
    }

@media(min-width: 992px) {
    .divTaulaBaners .div-table-col {
        max-width: 46%;
    }
}

.divTaulaBaners .div-table-col div {
    font-size: 1.2em;
    display: block;
    text-align: center;
    line-height: 110%;
    width: 100%;
    height: 100%;
}

    .divTaulaBaners .div-table-col div a {
        display: block;
        padding: 10px 5px 0 5px;
        width: 100%;
        height: 100%;
        font-size: .85em;
    }

        .divTaulaBaners .div-table-col div a:hover {
            background-color: #174a7c;
            color: white
        }

        .divTaulaBaners .div-table-col div a i {
            display: block;
            margin-bottom: 7px
        }

            .divTaulaBaners .div-table-col div a i:before {
                font-size: 1.7em;
            }


.divTaulaIndicadors > .row {
    /*display: block;
    overflow-x: auto;
    white-space: nowrap;*/
}

    .divTaulaIndicadors > .row > .col-4 {
        display: inline-block;
    }

.divIndicadorCircular {
    /*height: 200px;
    width: 200px;*/
    padding: 0
}

.divIndicadorCircularContent:hover {
    background-color: #5990e2;
}

.divIndicadorCircularContent {
    /*width: 100%;
    height: 100%;*/
    -o-object-fit: cover;
    object-fit: cover;
    /*border: 1px solid #174a7c;
    background-color: #fbfbfb*/
}

    .divIndicadorCircularContent a {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 45px
    }

        .divIndicadorCircularContent a span {
            display: block;
        }

            .divIndicadorCircularContent a span.valorIndicador {
                font-size: 2.5em;
                font-weight: 600;
                height: 50px;
                color: #5a90e0
            }

    .divIndicadorCircularContent:hover a span.valorIndicador {
        color: white
    }

    .divIndicadorCircularContent a span.labelIndicador {
        font-size: 1.2em;
        text-align: center width:90%;
        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        white-space: pre-wrap;
        word-wrap: break-word;
        white-space: -webkit-pre-wrap;
        word-break: break-word;
        white-space: 600;
        position: absolute;
        width: 100%;
        padding: 0 5px;
        color: #174a7c;
        font-weight: 300;
    }

    .divIndicadorCircularContent:hover a span.labelIndicador {
        color: white
    }

.cards-wrapper {
    display: flex;
    justify-content: center;
}

.card img {
    max-width: 100%;
    max-height: 100%;
}

.card {
    margin: 0 0.5em;
    /*box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;*/
    box-shadow: none;
    border: 1px solid #eeeeee;
    border-radius: 0;
}

.carousel-inner {
    padding: 1em;
}

.carousel-control-prev, .carousel-control-next {
    background-color: #e1e1e1;
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .card img {
        height: 7em;
    }

        .card img.imgPublicacionsList {
            height: auto;
            width: 140px
        }

        .card img.imgSlider {
            height: auto;
        }
}

@media (max-width: 768px) {
    .card img {
        display: none
    }
}

/* MENU TEMA-SUBTEMA DE ESTADISTIQUES/DADES */
.menuEstadistiquesDades {
    background-color: #f4f4f4;
}

.menuTema {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .menuTema li {
        display: block;
        margin: 0px 3px 3px 0;
        padding: 5px 15px 8px 0;
        float: left;
    }

        .menuTema li a {
            padding-bottom: 3px;
            border-bottom: 4px solid #dfdcdc;
            color: gray;
            font-size: 1em;
        }

            .MenuTema li a:hover {
                color: black;
                border-bottom: 4px solid #c0c0c0
            }

            .MenuTema li a.active {
                color: black;
                border-bottom: 4px solid black
            }

.CodiSerieDivisio {
    color: #c1b8b8;
    display: block;
}

.CodiDivisioTree {
    color: #c1b8b8;
    display: block;
    font-size: .85em;
}

.SerieTipusResultat {
    position: absolute;
    right: 10px;
    top: 8px;
}

.btn.btn-light {
    color: #174a7c !important;
    border-color: #174a7c;
}

.btn-cercar-input {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 2.2em;
    border: none;
    background: none;
    color: #174a7c;
}

.spinner-cerca-input {
    width: 1em;
    height: 1em
}

.k-treeview .k-in {
    display: inline-block !important
}

.icon-flecha-der-enter {
    display: block;
    position: absolute;
    left: 0;
    top: 35%;
}

.treeview-item-divisio {
    margin-left: 15px
}

.icon-flecha-der-enter::before {
    content: "\21B3";
}

.k-treeview .k-top, .k-treeview .k-mid, .k-treeview .k-bot {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.k-treeview {
    font-size: inherit;
}

    .k-treeview .k-in.k-state-selected {
        border-color: #174a7c;
        color: #ffffff;
        background-color: #174a7c;
    }

        .k-treeview .k-in.k-state-selected a {
            border-color: #174a7c;
            color: #ffffff;
            /*background-color: #174a7c;*/
        }

        .k-treeview .k-in.k-state-selected.k-state-focused {
            box-shadow: none !important;
            background-color: #174a7c;
            border-color: #174a7c;
        }

    .k-treeview .k-in.k-state-selected {
        box-shadow: none !important;
        background-color: #174a7c !important;
        border-color: #174a7c !important;
    }

.k-list .k-item.k-state-selected, .k-list-container .k-button:active, .k-list-container .k-button.k-state-active, .k-spreadsheet-popup .k-button:active, .k-spreadsheet-popup .k-button.k-state-active, .k-spreadsheet-popup .k-button.k-state-selected, .k-menu-group .k-item.k-state-selected, .k-menu.k-context-menu .k-item.k-state-selected {
    background: #174a7c !important;
}
    .btnExportFileXLSTree, .btnExportFileCSVTree {
    font-size: .85em !important;
    padding: 0 10px !important;
    height: 1.2rem !important;
    margin-left: 10px;
    margin-top: -5px
}

.container {
    /*padding-left: 0;
    padding-right: 0;*/
}

#AgrupacioTree {
    font-size: 0.95em;
}
/*#AgrupacioTree ul li ul li.k-item{padding-left: 0;}*/

.PanellPublicacions div div.card .h5, .divFiltrosPublicaciones {
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.linkTreeView, .k-treeview .k-in {
    text-overflow: ellipsis;
    white-space: initial;
    overflow: hidden;
}

.tituloCard {
    font-size: 1.3em;
    color: #174a7c;
}

.textMax3Lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*Modf mobile estadistica*/
#EstadistiquesDadesInici .card-deck .card {
    /*width: 33% !important;*/
    border-radius: 10px;
}

.PanellTreeview {
    padding-left: 0 !important;
}

.PanellPublicacions {
    padding: 0 !important;
    margin-top: 2px;
}

#conveniView {
    padding: 0 !important;
    margin-top: 1.5rem !important;
    margin: 0 !important;
}

#indicatorBalls .divTaulaIndicadors {
    /*display: inline-flex;*/
}

#indicatorBallsAnchor .divIndicadorCircularContent {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

    #indicatorBallsAnchor .divIndicadorCircularContent a {
        border: 1px solid #174a7c;
        background-color: #fbfbfb;
        border-radius: 50%;
    }

        #indicatorBallsAnchor .divIndicadorCircularContent a span.labelIndicador {
            position: relative;
        }

    #indicatorBallsAnchor .divIndicadorCircularContent:hover a {
        background-color: #5a90e0;
    }

#indicatorBallsAnchor .divIndicadorCircular {
    margin-bottom: 5px;
}


@media(max-width: 768px) {
    /*Iconos de arbol más grandes para facilitar el click*/
    #BD_AgrupacioTree .k-icon {
        font-size: 1.5rem;
    }
    /*Panell tree en mobile*/
    .PanellTreeview {
        padding-left: 15px !important;
    }
    /*menu y panel lateral*/
    .PanellPublicacions {
        padding: 0 15px !important;
    }
    /*view de conveni en mobile no tiene padding**/
    #conveniView {
        padding: 1rem !important;
    }

    .mt-mobile {
        margin-top: 0.75rem;
    }

    .pl-mobile {
        padding-left: 15px !important;
    }

    .btnRestaurarMaqueta {
        display: none !important;
    }

    .PanellPublicacions button[class^="btnCSV"], .PanellPublicacions button[class^="btnXLS"], .PanellPublicacions button[class^="btnGraficLin"], .PanellPublicacions button[class^="btnGraficLin"], .PanellPublicacions button[class^="btnGraficCol"], .PanellPublicacions button[class^="btnDades"] {
        margin-bottom: 6px;
    }
}

@media(min-width:768px) and (max-width: 992px) {
    .divTaulaBaners .div-table-col {
        max-width: 23%;
        margin: 6px;
    }
}

@media(max-width: 767px) {
    .divTaulaBaners .div-table-col {
        max-width: 46%;
    }
}

div#CosEntrada, .media.entrada div p {
    font-size: 16px;
}


.k-floatwrap.k-header.k-scheduler-toolbar {
    font-size: 0.7rem;
}

.k-scheduler-header-wrap {
    font-size: 0.7rem;
    border: 0 !important;
}

.k-scheduler-table tbody tr th {
    font-size: 0.6rem;
    font-weight: normal;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

.k-scheduler-table td {
    height: 64px !important;
}

.k-scheduler-monthview .k-scheduler-table td:nth-last-child(-n+2) {
    background-color: #f9f9f9;
}

.k-scheduler-header-wrap th {
    border-color: #e3e4e4 !important;
}

.k-more-events.k-button {
    display: none;
}

.k-today {
    background: #ffe292 !important;
}

.calendar-esdeveniment-nopublicat {
    background: #ccc !important;
    color: #000 !important;
}

.calendar-esdeveniment-entrada {
    background: #b5e399 !important;
    color: #000 !important;
}

.calendar-esdeveniment-activitat-estadistica {
    background: #ffb8b8 !important;
    color: #000 !important;
}

.k-event {
    margin-left: -2px;
    margin-top: -32px;
    width: 55px !important;
    height: 65px !important;
    border-radius: 0px !important;
    opacity: .4;
}

    .k-event:hover {
        opacity: .6 !important;  
    }

.k-event-template {
    display: none;
}

.k-scheduler-content td:hover {
    background: #efefef !important;
}

.k-widget.k-scheduler.k-floatwrap {
    min-width: 380px;
    max-width: 380px;
    margin: 0 auto;
}

.k-floatwrap.k-header.k-scheduler-toolbar ul {
    display: none;
}

.k-scheduler-header-wrap table tr {
    background: rgba(0,0,0,.03);
}

.calendar-item {
    margin-top: 10px;
    background-color: #EFEFEF;
    padding: 12px !important;
    display: inline-block
}

    .calendar-item:hover {
        background-color: #d1e5ff;
    }

    .calendar-item.active {
        background-color: #d1e5ff !important;
        font-weight: bold !important;
        font-size: 1.1rem;
    }

.item-list {
    background: #174a7c;
    border-radius: 5px;
    color: white;
    padding: 10px !important;
    margin: 5px !important;
    display: inline-block;
}

.twitter-link {
    background: #174a7c;
    padding: 5px 5px;
    border-radius: 9999px;
    font-size: 12px;
    color: white;
    border: solid 1px #174a7c;
}
    .twitter-link:hover {
        background: none;
        color: #174a7c;
    }

.k-autocomplete, .k-combobox, .k-dateinput, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-multiselect, .k-numerictextbox, .k-maskedtextbox, .k-timepicker, .k-dropdowntree {
    font-size: 0rem !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #174a7c;
    border-color: #174a7c;
}

.btn-primary.disabled, .btn-primary:disabled:hover {
    color: #fff !important;
}