@charset "utf-8";

/* CSS Document */


/*PER DEFECTE*/

.textMayuscula {
    text-transform: uppercase;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');
h1 {
    font-family: 'Open Sans', sans-serif;
}

h2 {
    font-family: 'Didact Gothic', sans-serif
}

;

/*menu*/

.navbar-header,
.collapse.navbar-collapse.navbar-ex1-collapse {
    display: table-cell;
    vertical-align: middle;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #ebe9ea;
    border-color: #ebe9ea;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FE6E1B;
}

.menu-principal {
    width: 120px;
    text-align: center;
    display: block;
}

.menuLi {
    width: 120px;
    float: left;
    background-color: #FFF;
}

.dropdown-menu {
    border-radius: 0px;
}

ul.dropdown-menu {
    margin: 0;
    padding: 0;
}

ul.dropdown-menu li {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

ul.dropdown-menu li a {
    margin: 0;
    padding: 0;
}

.dropdown-menu>li>a {
    white-space: normal;
}

ul.dropdown-menu li {
    position: absolute;
    top: -10px;
    background-color: #FFF;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.row.extra-bottom-padding {
    margin-bottom: 20px
}


/*TEXTOS*/

.error_missatge_login {
    color: red;
    font-weight: bold;
    padding: 5px;
}


/*background switch*/

.switch input:checked+span {
    /*background-color: #27c24c;
    border-color: #27c24c;
    transition: all .5s;*/
}

.topnavbar .navbar-header .brand-logo {
    display: block;
    padding: 10px 75px;
}


/*llistat*/

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #fafafa;
}

.table-hover>tbody>tr:hover {
    background-color: #d9edf7;
}

.topnavbar .navbar-header .brand-logo {
    display: block;
    padding: 10px 75px;
}


/*Llocs entrega*/

.popover-title {
    background-color: #23b7e5;
    color: #fff;
}

.nomesOrdenacio {
    display: none;
}

#espai-nomUsuari-capcelera {
    padding-right: 5px;
}


/*padding dropdown*/

.nav-wrapper .navbar-nav.navbar-right .open .dropdown-menu {
    left: auto;
    right: 10px;
}

.dreta {
    text-align: right;
}

.text-previsio {
    font-style: italic;
    text-align: right;
}

.text-real {
    font-weight: bold;
    text-align: right;
}

.totalEtiqueta {
    border-left: 1px solid #000000;
}

table.llistaTresoreria>tfoot {
    border-top: 2px solid #000000;
}

.modal-dialog {
    z-index: 500;
}


/*menu versio mobil*/

@media only screen and (max-width: 767px) {
    .sidebar-toggle {
        position: absolute !important;
        /*right: 0;*/
        left: 10px;
        top: 8px;
        z-index: 15;
        width: 30px;
    }
    .nav-wrapper .nav.navbar-nav.navbar-right {
        padding-right: 15px;
        position: absolute;
        margin-top: -60px;
        padding-top: 19px;
        z-index: 12;
        right: 0;
    }
    .topnavbar {
        height: 56px;
    }
    .topnavbar .navbar-nav>li>a,
    .topnavbar .navbar-nav>.open>a {
        color: #ffffff;
    }
    a.list-group-item,
    button.list-group-item {
        color: #555555;
    }
    /*Alinear dropdown perfil y logout top*/
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: left;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        /*Sombra dropdown*/
    }
    /*Alinear dropdown perfil y logout left auto*/
    .nav-wrapper .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #ffffff;
        left: auto;
        margin-right: 15px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }
    /*border bottom icon power*/
    .topnavbar .navbar-nav>.open>a {
        box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
        padding-bottom: -7px;
    }
    /*espacio topnavbar y content-wrapper*/
    .content-wrapper {
        padding: 15px;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        margin-top: -60px;
        margin-left: 220px;
    }
    .form-control-static {
        padding-top: 0;
    }
    .panel-body {
        padding: 5px;
    }
}

body {
    font-size: 16px;
}
.pagina {
    border-top: 3px solid var(--color_personalizado);
    padding: 5px;
    background-color: #FFF;
    margin-bottom: 25px;
}

#llistat .capa_login {
    display: grid;
    grid-template-columns: 1fr;
    /* grid-template-rows: 100vh; */
    align-items: start;
    /* justify-items: center; */
    height: max-content;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
}

.capcalera {
    display: flex;
    gap: 5px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-items: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    /* grid-template-rows: 1fr;
    gap: 5px;
    margin-top: 2px;
    align-items: center;
    padding: 2px;
    grid-template-columns: repeat(2, 1fr); */
}

.capcalera-boday {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-items: end;
    align-content: flex-end;
}

.capcalera-item {
    display: flex;
    align-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 3px;
    column-gap: 8px;
    justify-content: flex-end;
}

.logo {
    justify-items: start;
    justify-content: start;
}

.logo img {
    max-height: 65px;
}

.ambits {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;

}

.ambit {
    border: 1px solid #dee2e6;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 5px;
}

.ambitHeader {
    display: flex;
    align-items: center;
    min-height: 150px;
}

.ambitHeader img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    padding: 0.25rem;
    background-color: #fff;
    border-radius: 0.25rem;
}

.ambitFooter {
    background-color: #000;
    color: #FFF;
    width: 100%;
    font-weight: bold;
    padding: 5px;
}

/* .inscripcio .ambit */
.inscripcio .ambitFooter {
    border: 0px solid #000;
} 

.grid-item-border {
    grid-column: 1/-1;
    border-bottom: 1px solid #c0c0c0;
    margin: 15px;
}
/*areaPersonal*/

.areaPersonal {
    display: flex;
    flex-direction: row;
    justify-content: space-betwin;
    flex-wrap: wrap;
    gap: 10px;
}

.areaPersonal .menuAreaPersonal {
    border: 3px solid var(--color_personalizado);
    border-radius: 15px;
    padding: 15px;
    min-width: 120px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
}

.menuAreaPersonal img {
    max-width: 120px;
}

.ambitFooter a {
    color: #FFF;
    text-decoration: none;
}

.ambitFooter a:hover {
    color: var(--color_personalizado);
}

input[type="radio"] {
    accent-color: var(--color_personalizado);
}

.textRegistrar {
    margin-top: 20px;
    background-color: #F0F0F0;
    padding: 15px;
}

.titol {
    display: flex;
    align-content: space-between;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.textTitol {
    white-space: nowrap;
    height: 40px;
}

.liniaTitol {
    height: 10px;
    width: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.linia {
    border-bottom: 1px solid #A0A0A0;
    width: 100%;
}

.activitatCapcalera {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    column-gap: 10px;
}

.activitatHoraris {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    column-gap: 10px;
}

.activitatHoraris-none {
    display: none;
}

.activitatHoraris-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    column-gap: 10px;
    row-gap: 5px;
    margin-bottom: 10px;
}

.activitatHoraris-order2 {
    order: 2;
}

.activitatHoraris-order1 {
    order: 1;
}

.activitatHeader {
    width: 100%;
}

.activitatHeader img {
    max-height: 100%;
    max-width: 100%;
    min-height: 50px;
}

.activitatFooter {
    /* padding-top: 10px; */
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    padding: 0px;
    margin-left: 2px;
    cursor: pointer;
}

input[required]:valid,
textarea[required]:valid {
    border: 1px solid #0180ad;
}

input[required]:invalid,
textarea[required]:invalid {
    border: 1px solid red;
}

select[required]:valid,
textarea[required]:valid {
    border: 1px solid #0180ad;
}

select[required]:invalid,
textarea[required]:invalid {
    border: 1px solid red;
}

textarea .disabled,
input .disabled,
select .disabled {
    border: 0px solid #d9dde0;
}

.textTransparent {
    border: 0px solid #d8d8d8;
}
/*
pvpDescuento
*/

.preuDescuento {
    color: #999;
    text-decoration: line-through;
    font-size: 13px;
}
/**
card 
*/

.card-1,
.card-2,
.card-3,
.card-4 {
    column-count: 1;
}

.menuVistes a.active span,
a.active {
    color: #37474f !important;
    padding-bottom: 9px !important;
    -webkit-box-shadow: inset 0px -2px 0px 0px var(--color_personalizado) !important;
    -moz-box-shadow: inset 0px -2px 0px 0px var(--color_personalizado) !important;
    box-shadow: inset 0px -2px 0px 0px var(--color_personalizado) !important;
}

.checkbox .input_checkbox,
.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox .input_checkbox+label,
.checkbox input[type="checkbox"]+label {
    color: var(--color_personalizado) !important;
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.checkbox .input_checkbox:checked+label,
.checkbox input[type="checkbox"]:checked+label {
    background: #fff;
}

.checkbox .input_checkbox+label:before,
.checkbox input[type="checkbox"]+label:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    line-height: 20px;
    text-align: center;
    align-items: center;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-family: "Font Awesome 5 Solid";
}

.checkbox .input_checkbox:checked+label:before,
.checkbox input[type="checkbox"]:checked+label:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    position: relative;
    left: 2px;
}

.checkbox .input_checkbox.disabled+label:before,
.checkbox input[type="checkbox"].disabled+label:before {
    font-family: 'Font Awesome 5 Free';
    color: #999999 !important;
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    content: "\f00d";
}

@media (min-width: 576px) {
    .activitatHoraris-order2 {
        order: 1;
    }
    .activitatHoraris-order1 {
        order: 2;
    }
    .activitatHoraris-none {
        display: block;
    }
    .activitatCapcalera {
        display: grid;
        grid-template-columns: 150px 1fr;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        /* border-top: 1px solid #000; */
        padding-top: 15px
    }
    .activitatHoraris {
        display: grid;
        grid-template-columns: 150px 1fr;
        width: 100%;
        gap: 10px
    }
    .activitatHeader {
        width: 150px;
    }
    .activitatFooter {
        padding: 10px;
    }
    .ambit {
        width: 45%;
    }
    #llistat .capa_login {
        justify-items: center;
    }
    #llistat .capa_login .card {
        max-width: 500px;
        min-width: 500px;
    }
    .logo img {
        max-height: 80px
    }
}

@media (min-width: 768px) {
    /**
card 
*/
    .card-1 {
        column-count: 1;
    }
    .card-2 {
        column-count: 1;
    }
    .card-3 {
        column-count: 2;
    }
    .card-4 {
        column-count: 3;
    }
    .ambit {
        width: 35%;
    }
    .menuAreaPersonal img {
        max-width: 120px;
    }
}

@media (min-width: 992px) {
    /**
card 
*/
    .card-1 {
        column-count: 1;
    }
    .card-2 {
        column-count: 2;
    }
    .card-3 {
        column-count: 3;
    }
    .card-4 {
        column-count: 4;
    }
    .ambit {
        width: 23%;
    }
}
/* prop dawn lluert**/

.dd {
    position: relative;
    display: inline-block;
}

.dd-button {
    display: inline-block;
    border: 1px solid var(--color_personalizado);
    font-weight: 400;
    color: var(--color_personalizado);
    border-radius: 4px;
    padding: 2px 20px 3px 5px;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
}

.dd-button:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    font-weight: 900;
    float: right;
    position: absolute;
    right: 10px;
}

.dd-button:hover {
    background-color: var(--color_personalizado);
    color: #ffffff;
}

.dd-input {
    display: none !important;
}

.dd-menu {
    display: none;
    min-width: -webkit-fill-available;
    position: absolute;
    top: 100%;
    right: 0px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    list-style-type: none;
    z-index: 1;
}
/* .dd:hover .dd-menu {
display: block;
} */

.dd-input+.dd-menu {
    display: none;
}

.dd-input:checked+.dd-menu {
    display: block;
}

.dd-menu li {
    padding: 3px 10px 5px 4px;
    cursor: pointer;
    white-space: nowrap;
    margin: 0px;
}

.dd-menu li:hover {
    background-color: #ffffff;
}

.dd-menu li a {
    display: block;
    margin: 0;
}

.dd-menu li.divider {
    padding: 0;
    border-bottom: 1px solid #cccccc;
}