body {
    font-family: 'Parkinsans', sans-serif;
    background-color: #ecf8fb;
    color: #464646;
		padding-bottom: 150px;
}

/*login*/



.blogin  h1 {
	text-align: center;
	margin: 0px;
	background: #00a1ca;
	padding: 16px;
	color: #fff;
}
.blogin  .logo {
	width: 100px;
	height: 100px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	padding: 17px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 7px #ddd;  margin: 0px auto 40px auto;  line-height: 57px;
}

.cont-login {
	max-width: 400px;
	margin: 0 auto;
	margin-top: 100px;
	background: #f4faff; 
     padding: 35px;
	border-radius: 20px;
    box-shadow: 0 10px 25px 0 rgba(50, 50, 93, .07), 0 5px 15px 0 rgba(0, 0, 0, .07);
}



.input-group-text {
    background: #fff;
}

.input-group .form-control {
    border-left: 0px;
}

.input-group i {
    font-size: 25px;
}

/*login*/








/*header*/
body > p {
	margin-bottom: 0px;
}
header {
	background: transparent;
	margin-bottom: 50px;
	margin-top: 80px;
	position: relative;
	z-index: 9;
}
.topbar {
	background-color: #00a1ca;
	font-size: 21px;
	color: #fff;
	padding: 10px;
	top: 0px;
	position: fixed;
	width: 100%;
}

.navbar {
	background: #16809b;
	position: fixed;
	bottom: 0px;
	display: flex;
	width: 100%;
	left: 0px;
	padding:0px;
	z-index: 999;
}


.btn-alerta {
	color: #00a1ca;
	background: transparent;
	border: 0px;
	font-size: 21px;
	display: inline-block;
	margin-top: 2px;
	position: absolute;
	left: -3px;
	top: 4px;animation: shake 1.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
}

.btn-alerta .badge {
	background: #d3e7f2;
	font-size: 10px;
	position: absolute;
	right: -5px;
	border-radius: 50%;
	color: #00a1ca;
}



.btn-alerta i:hover, .btn-alerta i:focus {color: #d3e7f2;
    animation: shake 1.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) ;
}

@keyframes shake {
    0% { transform: rotate(0); }
    15% { transform: rotate(-15deg); }
    30% { transform: rotate(15deg); }
    45% { transform: rotate(-10deg); }
    60% { transform: rotate(10deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0); }
}



/*header*/


h1,h2 {
	font-weight: 500;
	text-transform: uppercase;
	color: #00a1ca;
}



.sectionbg {
	background-color: #fff;
	padding: 15px;  
	border-radius: 10px;
	border: 0px solid #00a1ca;
	position: relative;
	margin: 50px 0px;
	box-shadow: inset 0px 0px 10px #e3f1f4;
}


.sectionbg h2 {
	font-size: 26px;
	font-weight: 300;
	border-bottom: 1px solid #d1eaf0;
	color: #00a1ca;
	margin-bottom: 25px;  padding-bottom: 15px;
}
.container-bgweb h1 {
	margin-bottom: 25px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #00a1ca;
}
.item-info {
	color: #bdbdbd;
	font-weight: 800;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px;
}


.btn-absolute-right {
	position: absolute!important;
	right: 30px;
	top: 20px;
	padding: 0px!important;
}
.btn-icono {
	background: #00a1ca;
	color: #fff;
	padding: 1px 10px;
	border-radius: 50%;
	display: inline-block;
	border: 0px solid #00a1ca;
	position: relative;
	transition: 0.5s all;
	opacity: 0.8;
	width: 100px;
	height: 100px;
	font-size: 34px;
	position: fixed;
	bottom: 160px;
	font-size: 50px;
	right: 20px;
}.btn-icono:hover {
	opacity: 1;
}


.btn01 {
    background: #00a1ca;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #00a1ca;

    transition: 0.5s all;
}

.btn01:hover {
    background: #fff;
    color: #00a1ca;
    border: 1px solid #00a1ca;
}.btn02 {
	background: #206680;
	color: #fff;
	border: 0px;
	padding: 11px 37px;
	border-radius: 25px;
	font-size: 20px;
}
.btn02:hover {
    background: #fff;
    color: #00a1ca;
    border: 1px solid #00a1ca;
}
.btn04 {
    background: #7acee3;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #7acee3;

    transition: 0.5s all;
}

.btn04:hover {
    background: #fff;
    color: #00a1ca;
    border: 1px solid #00a1ca;
}
.btn03 {
    background: #e16868;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #e16868;

    transition: 0.5s all;
}

.btn03:hover {
    background: #fff;
    color: #e16868;
    border: 1px solid #e16868;
}
.btn04 {
	background: #7ecfe4;
	color: #fff;
	border: 0px;
	padding: 4px 15px;
	font-size: 14px;
	border-radius: 30px;
    transition: 0.5s all;
}
.btn05 {
	background: #00a1ca;
	color: #fff;
	border: 0px;
	padding: 4px 15px;
	font-size: 14px;
	border-radius: 30px;
    transition: 0.5s all;
}
.btn04:hover,.btn05:hover  {
	background:#206680;
    color: #fff!important;
	border: 0px;
}.btn04 i ,.btn05 i {
	font-size: 18px;
	vertical-align: middle;
}
.btn06 {
	color: #206680;
}.btn06 i {
	font-size: 20px;
    color: #00a1ca;
}
.btn06:hover,.btn05:hover  {
    color: #00a1ca;
}


.container-bgweb {
	max-width: 1100px;
}

.alert-style {
	background: #93cbd9;
	color: #fff;
	padding: 6px 40px;
	position: relative;
	text-align: center;
	border-radius: 35px;margin-top: 20px;
}.alert-style .close {
	border-radius: 50px;
	border: 0px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 6px;
	right: 3px;
	background: #fff;
	color: #00a1ca;
}
.alert-style .close:hover {
	color: #fff;
	background: #e16868;
}



footer .powerby img {
    height: 22px;
}



.form-control:focus {
    border-color: #00a1ca;
    box-shadow: none;
}


.input-group span {
    order: 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-right: 0px;
}

.input-group input {
    order: 2;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.input-group>input:focus+span,
.input-group>input:focus {
    color: #1377c9 !important;
    border-color: #00a1ca !important;
}




/*login*/

/*treballador*/

.btn-usuari {
	background: #95d1e1;
	color: #fff;
	border: none;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	text-align: center;
	padding: 0px 0px;
}
.btn-usuari i {
    font-size: 28px;
    border-radius: 50%;
    background-color: #d3e7f2;
    color: #00a1ca;
    padding: 5px;
    vertical-align: middle;
}
.topbar .dropdown-menu{padding: 0px;
	overflow: hidden;
  }
.dropdown-menu li{ position: relative;}
  .dropdown-menu-nom {
	background: #84daf0;
	color: #fff;
	font-size: 13px;
	font-style: italic;
	padding: 2px;
}
.topbar .dropdown-toggle::after {
	display: none;
}
.btn-usuari span {
	color: #fff;
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	line-height: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #16809b;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 2px 0px;
	font-size: 12px;
	margin-bottom: 3px;
	position: absolute;
	top: -5px;
	right: -11px;
}
 .btn-usuari small{display: block;position: absolute;top: 28px;left: 47px;font-size: 11px;}



.nav-item:not(:last-child) {
	margin-right: 0px;
}

.nav-item:last-child {
    margin-right: 0px;
}

.nav-link {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 50px;
	margin: 0px;
	text-align: center;
	transition: 0.5s all;
}

.navbar-nav {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	background: #00a1ca;
	box-shadow: 0 -6px 7px rgba(31, 117, 138,0.4);
	z-index: 1000;
	border-top: 1px solid #bbf1ff;flex-direction: row;
}
  
  .navbar-nav li {
	flex: 1; /* Cada elemento ocupa el mismo espacio */
	text-align: center; /* Centra el texto dentro de cada elemento */
	padding: 10px; /* Espaciado interno */
  }

  
  .nav-link {
	width: 100%;
	background: none;
	border: none;
	font-size: 40px;
	color: #fff;
	padding: 0px 0;
	cursor: pointer;
	outline: none;
	transition: background-color 0.3s ease;
}
  
  /* Hover y estado activo */
  .nav-link:hover {
	color: #fff; 
	background-color: #16809b;  box-shadow: inset 0px 0px 12px #397888;
	border-radius: 15px;
  }
  
  .nav-link.active {
	color: #fff !important;
	background-color: #16809b;  box-shadow: inset 0px 0px 12px #397888;
	border-radius: 15px;
}




/*
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1024px;
}

.container-bgwebg {
    max-width: 1024px;
}*/

.border-right {
    border-right: 1px solid #d3e7f2;
}



.recuadre {
    box-shadow: 0 10px 25px 0 rgba(50, 50, 93, .07), 0 5px 15px 0 rgba(0, 0, 0, .07);
    background-color: #fff;
    padding: 20px;
}

.recuadre .ico-text {
    text-align: center;
    overflow: hidden;
}
.link-recuadre:hover img {
	transform: scale(1.5);
	transition: 0.5s all;
}

.link-recuadre-text:hover {background-color: #56afc6;}


.recuadre .ico-text i {
    background-color: #eaf5f6;
    padding: 10px;
    font-size: 40px;
    border-radius: 50%;
    color: #00a1ca;
}

.recuadre .ico-text h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 13px;
    border-bottom: 1px solid #eaf5f6;
    padding-bottom: 10px;
}

.recuadre .ico-text p {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.recuadre .ico-text p span {
    display: block;
    color: #c6cece;
    font-size: 14px;
}



.link-recuadre .recuadre:hover h2 {
    color: #00a1ca;
}

.link-recuadre .recuadre:hover i {
    background-color: #00a1ca;
    color: #fff;
}


.link-recuadre {
    color: #000;
}

.link-recuadre-text {
    display: block;
    background: #00a1ca;
    color: #fff;
    padding: 9px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
}



.recuadre .ico-text i {
    background-color: #eaf5f6;
    padding: 10px;
    font-size: 40px;
    border-radius: 50%;
    color: #00a1ca;
}


.llista01,
.llista02 {
    list-style: none;
}

.llista01 p {
    margin-bottom: 10px;
    font-size: 14px;
}

.llista01 i {
    color: #00a1ca;
    font-size: 25px;
    vertical-align: middle;
}

.llista02 li {
    background: #EAF5F6;
    border: 8px solid #fff;
    text-align: center;
}

.llista02 p {
    padding: 20px;
    font-size: 14px;
    color: #00a1ca;
    margin: 0px;
}

.llista02 p span {
    display: block;
    font-size: 20px;
    margin: 0px;
    color: #222;
    margin-top: 12px;
}

.llista02 i {
    color: #00a1ca;
    font-size: 35px;
    display: block;
}



.border-right-b {
    border-right: 1px solid #eaf5f6;
}


.calendar .day.today {
    background: #EAF5F6;
    color: #222;
}

.day.has-event {
    background: #d3e7f2;
    color: #222;
    border-color: #00a1ca;
}

.calendar .day.has-event:hover {
    border: 1px solid #00a1ca;
    color: #fff;
    background: #00a1ca;
}


.calendar .event-container {
    background: #EAF5F6;
}

.event-container h2 {
    color: #777;
    margin-bottom: 20px;
    border-bottom: 1px solid #d3e7f2;
    padding-bottom: 20px;
}


.ico-ok {
    font-size: 160px;
    display: block;
    color: #a9d097;
}

.dropdown-usuari {
    display: inline-block;
}

.top_buscador {
    display: inline-block;
    position: relative;
    max-width: 400px;
    width: 100%;
    padding-right: 25px;
    vertical-align: bottom;
    border-right: 1px solid #d3e7f2;
    padding-top: 7px;
    margin-right: 9px;
}

.top_buscador p {
    display: inline-block;
    font-size: 15px;
    color: #d3e7f2;
    margin: 0px;
    vertical-align: top;
    line-height: 34px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
}

.top_buscador button {
    border: 0px;
    padding: 0px;
    margin: 0px;
    line-height: 31px;
    background: transparent;
}

.search-input {
    background: #fff;
    border-radius: 5px;
    position: relative;
    width: 100%;
    max-width: 200px;
    display: inline-block;
}

.search-input input {
    width: 100%;
    border: none;
    border-radius: 5px;
    padding: 5px 30px 5px 5px;
    font-size: 14px;
}

.search-input .autocom-box {
    padding: 0;
    opacity: 0;
    pointer-events: none;
    max-height: 280px;
    overflow-y: auto;
}

.search-input.active .autocom-box {
    padding: 10px 8px;
    opacity: 1;
    pointer-events: auto;
}

.autocom-box li {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li {
    display: block;
}

.autocom-box li:hover {
    background: #efefef;
}

.search-input .icon {
    position: absolute;
    right: 5px;
    top: 0px;
    text-align: center;
    font-size: 23px;
    color: #00a1ca;
    cursor: pointer;
}

.search-input>input:focus+span {
    color: #00a1ca !important;
}

.search-input input::placeholder {
    color: #ccc;
}


.suggestions {
    position: absolute;
    z-index: 1;
    max-width: 200px;
    width: 100%;
}


.suggestions [role="option"] {
    padding: 0.25em;
    color: #4a4646;
    background: #e4eff4;
    border: 0px solid #ccc;
    border-top: 0px;
    margin-top: -3px;
    font-size: 14px;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-top: 1px solid #f5f5f5;
}


.suggestions [role="option"]:hover {
    background: #d3e7f2;
}


.logo-client-01 {
    border: 1px solid #fff;
    padding: 10px;
    opacity: 0.8;
    position: relative;
    margin: 10px 0px;
    transition: 0.5s all;
}

.logo-client-01:hover {
    opacity: 1;
    border: 1px solid #00a1ca;
}

.logo-client-01::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgb(0, 161, 202, 0.1);
    left: 0px;
    top: 0px;
    transition: 0.5s all;
}

.logo-client-01:hover::after {
    background-color: rgb(0, 161, 202, 0);
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child::before {
    background-color: #3b94b4;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-bottom: 3px;
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: block;
    min-width: 75px;
    font-weight: 400;
    font-weight: 500;
    text-transform: uppercase;
    color: #206680;
}


.dataTables_wrapper a {
    color: #333;
    text-decoration: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #206680;
    padding: 2px 10px;
    border-radius: 0px;
    border: 1px solid #206680;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #80bdd2;
    background: #80bdd2;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #80bdd2;
    background: #80bdd2;
}

#datatable_info {
    font-size: 12px;
    color: #666;
}

#datatable_length {
    display: none;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    font-weight: 500;
    text-transform: uppercase;
    color: #206680;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 6px 10px;
}

.calendari-home {
    position: relative;
    margin: 10px 10px 10px 30px;
    font-size: 13px !important;
}

.calendari-home .fc-header-toolbar {
    display: none;
}

.calendari .fc-widget-header {
    background: #6fcee6 !important;
    color: #fff !important;
    font-size: 12px !important;border-color:#fff;
}

.fc-list-item {
	cursor: pointer;
	font-size: 13px;
}

.calendari .fc-widget-content {
    border-color: #fff;
}
.fc-listMonth-view .fc-widget-content {
    border-color: #f5f5f5;
}

.cont-items-modal p {
	font-size: 14px;
	color: #666;
}
.modal-body .nomtreballador {
	font-size: 18px !important;
}
.cont-items-modal p.npacient {
	display: inline-block;
	font-size: 16px;
	color: #000;
	margin-top: 9px;
	vertical-align: middle;
}
.calendari-home tbody tr:nth-child(odd) {
    background-color: #ecf7fd;
    color: #222;
}

.calendari-home tbody tr:nth-child(even) {
    background-color: #fdfdfd;
    color: #222;
}

.calendari-home .fc-scroller {
    height: 600px !important;
}



.titolmodal {
    font-size: 20px;
    color: #206680;
}

.cont-items-modal i {
    color: #206680;
    font-size: 30px;
}.btn02 {
	background: #206680;color: #fff;
	border: 0px;
	padding: 4px 25px;
}.btn02 i {
	font-size: 20px;
	vertical-align: middle;
}


.dataTables_filter{position: relative;margin-bottom: 20px;}
.dataTables_filter input {
	border-radius: 5px;
	border: 1px solid #00a1ca;
	padding: 5px 34px 5px 5px;
	font-size: 15px;
	font-weight: 300;max-width: 210px;
}

.dataTables_filter::after {
	font-family: 'Line Awesome Free';
	font-weight: 900;
	content: "\f002";
	position: absolute;
	right: 6px;
	color: #00a1ca;
	font-size: 26px;
	top: -2px;
}

.datatables {font-size: 15px;line-height: 30px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

	background: #f1f1f1;
}

.datatables > tbody > tr:nth-of-type(2n+1) > * {
	background-color: #ecf8fb;
	color: #222;
}
.datatables th i,.datatables th small{font-size: 30px;color: #d3e7f2;}

.btn-datatable {
	color: #fff !important;
	font-size: 22px;
	border-radius: 5px;
	padding: 1px 5px;
	background-color: #00a1ca;
	opacity: 0.7;
	border: 0px;
	border-radius: 50%;
	display: inline-block;
	margin-left: 10px;
	display: inline-block;
}
.btn-datatable:hover {
    opacity: 1;
}table.dataTable thead th, table.dataTable thead td,table.dataTable.no-footer {
	border-bottom: 1px solid #f6f9fb;
}table.dataTable thead th, table.dataTable thead td {
	padding: 4px 5px;
	border-bottom: 1px solid #f6f9fb;
	font-weight: 500;
	text-transform: uppercase;
	color: #206680;
	background: #f6f9fb;
}
table.dataTable tbody tr:hover,.datatables > tbody > tr:nth-of-type(2n+1):hover > * {
	background-color: #f6f9fb;
}
.btn-cites-datable02,.btn-cites-datable03{
	background: #00a1ca;
	color: #fff;
	padding: 6px 10px;
	border-radius: 5px;
	margin-bottom: 12px;
	display: inline-block;
	border: 0px solid #00a1ca;
	margin-right: 10px;
	position: relative;
	left: 0px;z-index: 1;
    transition: 0.5s all;opacity: 0.8;}
    .btn-cites-datable02 i,.btn-cites-datable03 i{
       font-size: 22px;vertical-align: middle;}
       .btn-cites-datable02:hover,.btn-cites-datable03:hover{
           transition: 0.5s all;opacity:1;}

           .btn-cites-datable03{
            left: 155px;}


            .btn-cites-datable {
                background: #7acee3;
                color: #fff;
                padding: 6px;
                border-radius: 5px;
                margin-bottom: 12px;
                display: inline-block;
                border: 0px solid #00a1ca;
                margin-right: 20px;
                position: relative;
                right: 0px;
                z-index: 1;
                transition: 0.5s all;
                width: 100%;
                text-align: center;
            }
.btn-cites-datable:hover {
	background: #00a1ca;
	color: #fff;
}.btn-cites-datable.b02 {
	right: 0px;
}.btn-cites-datable.b03 {
	right: 0px;
}.btn-cites-datable.b04 {
	right: 0px;
}
.btn-cites-datable02.ml-180{margin-left: 0px;}

.cont-datatables{position: relative;margin-bottom: 50px;}

.datatables th.sorting_desc i,.datatables th.sorting_asc i,.datatables th.sorting_desc small,.datatables th.sorting_asc small {
	color: #00a1ca;
}.topbar .logoclient_rodo {
	height: 50px;
	padding: 0px;
	background: #fff;
	width: 75px;
	object-fit: cover;
	border-radius: 25px;
	border: 2px solid #ebf7fb;
	/* margin-bottom: -5px; */
}

.fc .fc-button-group > :first-child, .fc-state-default.fc-corner-right {
	background: #7acee3;
	color: #fff;
	padding: 6px 10px;
	border: 0px solid #00a1ca;
	opacity: 0.7;
}
.fc .fc-button-group > :first-child:hover,.fc-state-default.fc-corner-right:hover {
	opacity: 1;
}.fc-toolbar h2 {
	text-transform: uppercase;
	font-size: 25px;
	color: #888;
	margin-bottom: 0px;
	margin-top: 20px;
}.calendari .fc-widget-header {
	border-color: #fff;
}
:root {
  --fc-daygrid-event-dot-width: 8px;
}

.fc-view.fc-month-view.fc-basic-view,.fc-view-container {
	padding: 10px;
	background: #f5f5f5;
	border-radius: 15px;
	margin-bottom: 50px;
}.fc-day-number {
	background: #6fcee6;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	font-size: 13px;
	margin-right: 5px;
	margin-top: 6px;margin-bottom: 10px;
}.fc-day-grid-event {
	margin: 1px 2px 0;
	padding: 3px 10px;
	margin: 2px 18px;
}a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	display: block;
	background: #6fcee6;
	color: #fff;
	margin-top: 6px;
}tr:first-child > td > .fc-day-grid-event {
	margin-top: 2px;
}.fc-content {
	text-overflow: ellipsis;
	font-size: 12px;
}.fc-day-grid-event {
	border-radius: 20px;border: none;
    cursor: pointer;
}.fc-toolbar.fc-header-toolbar {
	margin-bottom: 1em;
	margin-left: 0px;
}.fc-view.fc-listMonth-view.fc-list-view.fc-widget-content {
	background: #fff;
}.fc-listMonth .fc-widget-content {
	border-color: #f5f5f5;
}
.cont-info {
	background-color: #f6f9fb;
	background: #ecf8fb;
	padding: 20px 10px;
	border-radius: 15px;
	position: relative;
}
.item-info {
	color: #bdbdbd;
	font-weight: 800;
	font-size: 12px;
	text-transform: uppercase;margin: 0px;
}
.item-info span{
    color: #222;
    font-weight: 400;
	font-size: 15px;
    display: block;text-transform: initial;
}

.cont-info h2 {
	font-size: 22px;
	font-weight: 300;
	border-bottom: 1px solid #fff;
	color: #00a1ca;margin-bottom: 20px;
}.item-proces {
	font-size: 12px;
}.item-proces strong{
	display: block;font-size: 15px;
}

.item-actuacio-llistat {
	padding: 10px;
	border-radius: 15px;
	margin-bottom: 10px;
}
.item-actuacio-llistat.realitzada {
	background: #c7f2c1;
}
.item-actuacio-llistat.norealitzada {
	background: #f4bdbd;
}
.item-actuacio-llistat.norealitzada {
	background: #f4bdbd;
}
.item-actuacio-llistat.pendent {
	background: #fdf4c6;
}
.item-actuacio-llistat.finalitzada {
	background: #f0f0f0;
}

.item-info .bg-light, .bg-light {
	background-color: #d3e7f2!important;
}




.select2-container--default .select2-selection--single,.select2-container--default  .select2-selection--multiple {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: .375rem;
	padding: .375rem 2.25rem .375rem .75rem;
	height: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--multiple .select2-selection__arrow {
	height: initial;
	top: 20px;
}
.select2-container {
	width: 100% !important;
	text-align: left;
}
.select2-container--default .select2-search--inline .select2-search__field {
	line-height: 13px;
}


.btn-esborrar {
    background: #a82020;
    color: #fff;
    padding: 5px;
    border-radius: 20px;
    max-width: 320px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

.wrapper_firma {
    border: 1px solid #ccc;
    position: relative;
    width: 320px;
    height: 130px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.signature-pad2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 320px;
	height: 130px;
	background: #fff;
}
.item-ficha-pacient {
	font-size: 15px;
	margin: 0px;
	font-weight: 400;
	margin-bottom: 20px;
	border-bottom: 1px solid #d3e7f2;
}
.item-ficha-pacient i {
	font-size: 25px;
	color: #00a1ca;
    margin: 0px;
}

.btn01[aria-expanded="true"]{background-color: #206680;}
.tancarpills {
	color: #3b94b4;
	position: absolute;
	right: 8px;
	top: 8px;
	background: transparent;
	font-size: 28px;
	padding: 0px;
	line-height: 28px;
	border: 0;
}.tancarpills:hover {
	color: #e16868;
}
.fs-12 {
	font-size: 12px!important;
}


.llistat-procesos {

position: sticky;
top: 10px;
}

.llistat-procesos li {
	background: #ecf8fb;
	padding: 10px 15px;
	border-radius: 15px;
	position: relative;
	margin-bottom: 20px;
}.llistat-procesos h3  {
	font-size: 14px;
	font-weight: 500;
	color: #00a1ca;
}.llistat-procesos h3 span {
	font-size: 12px;
	font-weight: 400;
	color: #333;
}


.llistat-procesos h4  {
	font-size: 17px;
	font-weight: 600;
	color: #222;
}.llistat-procesos .data {
	font-size: 12px;
	color: #888;
}.llistat-procesos p {
	font-size: 13px;
	color: #222;
}.llistat-procesos i {
	font-size: 17px;
	color: #00a1ca;
	vertical-align: middle;
}
.llistat-procesos button,.item-actuacio-llistat .buttonitemactuacio {
	display: inline-block;
	text-align: right;
	font-size: 12px;
	color: #fff;
	padding: 2px 15px;
	text-transform: uppercase;
	background: #206680;
    border:0px;
}.llistat-procesos .cont-boto {text-align: right;
	margin-top: -28px !important;
	position: relative;
	margin-bottom: 10px !important;
}.llistat-procesos li > div:hover {
	cursor: pointer;
}


.llistat-procesos li > div:hover:not(:last-child)::before,.llistat-procesos li > div.focus:not(:last-child)::before {
	background: rgba(0,0,0,0.1);
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	content: ' ';
	border-radius: 15px;
}  

.llistat-procesos li > div:hover:not(:last-child)::after,.llistat-procesos li > div.focus:not(:last-child)::after {
	position: absolute;
	right: -20px;
	content: "";
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid #d4dfe2;
	top: 35%;
}



.subtitolblau {
	font-size: 20px;
	text-align: center;
	margin: 20px 0px 0px 0px;
	color: #00a1ca;
	font-weight: 600;
}


.llistat-procesos h3  {
	font-size: 14px;
	font-weight: 500;
	color: #00a1ca;
}.llistat-procesos h3 span {
	font-size: 12px;
	font-weight: 400;
	color: #333;
}

.item-actuacio-llistat h3  {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}.item-actuacio-llistat h3 span {
	font-size: 12px;
	font-weight: 400;
	color: #888;
}

.item-actuacio-llistat h4 {
	font-size: 17px;
	font-weight: 600;
	color: #222;
}
.item-actuacio-llistat h4 span{
	color: #888;
	font-weight: 400;
}
.item-actuacio-llistat h5 {
	font-size: 16px;
	font-weight: 400;
	color: #222;
}.item-actuacio-llistat p {
	font-size: 15px;
	color: #222;
}.filtres-procesos-actuacions {
	text-align: right;
	margin: 20px 0px 10px 0px;
}.filtres-procesos-actuacions {
	text-align: right;
	margin: 20px 0px 10px 0px;min-height: 65px;
}.filtres-procesos-actuacions .btn02 {
	background: #d4dfe2;
	color: #00a1ca;
	border: 0px;
	padding: 4px 25px;
	border-radius: 5px;
}
.filtres-procesos-actuacions .form-check {
	max-width: 100px;
	display: inline-block;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 15px;
    cursor: pointer;
}
.filtres-procesos-actuacions .form-check label{
    cursor: pointer;
}

.test{opacity: 0!important;height: 0px!important;overflow: hidden!important;padding:0px!important;}

.btn-datatable2 {
	background-color: #56afc6;
}
.btn-datatable3 {
	background-color: #e16868;
}
.bg-gris {background-color: #f7f7f7;}

.capsalera-llistat-partes {
	font-size: 11px;
	background: #fff;
	padding: 5px;
}

.items-llistat-partes {
	font-size: 14px;
	padding: 5px;
	margin: 5px 0px;
	background: #ecf8fb;
}.items-llistat-partes:nth-child(odd) {
	background: #dae7ea;
}


.item-dashboard {
	background: #7acee3;
	color: #fff;
	padding: 15px 5px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;transition: 0.5s all;
}

.daterangepicker {
	max-width: 260px !important;
}
.daterangepicker .btn-success {
	background: #00a1ca;
	border-color: #00a1ca;
}
.calendar.left.single {display: grid !important;   }

   .daterangepicker_input {
	order: 2;
	border-top: 1px solid #deebee;
	border-bottom: 1px solid #deebee;
}

.calendar-table {
    order: 1;}



.item-dashboard p{margin:0px;}

.item-dashboard i{font-size: 35px;}

.item-dashboard:hover{
	background: #00a1ca;
}.logodatatable {
	width: 45px;
	height: 45px;
	object-fit: cover;
	border-radius: 50%;
	vertical-align: middle;
	border: 1px solid #00a1ca;
}
.fs-25{font-size: 25px;}
#formexportar .input-group > .form-file-control {
	order: 0 !important;
	border: 1px solid #00a1ca !important;
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

#formexportar .btn01{min-width:160px;text-align: left;}

.btn-reagendar{ font-size: 22px;padding: 1px 7px;}
.calendar-table {
	font-size: 14px;
}


.modal-title {
	margin-bottom: 0;
	font-size: 23px;
	color: #00a1ca;
	text-transform: uppercase;
}









.falte-afegir {background: #e69c9c;color: #fff;padding: 5px 14px;border-radius: 14px;font-size: 12px;}


.campana-noti i {
	font-size: 35px;
	color: #00a1ca;
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
	vertical-align: middle;
}.campana-noti span {
	background: #ecf8fb;
	padding: 10px;
	border-radius: 66px;
	font-size: 13px;
}
  @-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }
  
    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
  }
  
  @-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }
  
    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
  }
  
  @keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }
  
    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
  }

  #datatable-cites0_filter.margintopnegatiu{float: left;
	margin-top: -50px;}
	.tipo-ticket {
		display: inline-block;
		background: #d3e7f2;
		border-radius: 20px;
		padding: 5px 20px;
		font-size: 13px;
		position: absolute;
		right: 33px;
	}
	.tipo-ticket.encurs{background-color: #c7f2c1;}
	.tipo-ticket.obert{background-color: #d3e7f2;}
	.tipo-ticket.tancat{background-color: #f4bdbd;}
	.data-ticket {
		font-style: italic;
		margin-top: -22px;
		color: #31b3d4;
		font-size: 13px;
		margin-bottom: 0px;
	}
	.cont-missatge {
		margin-bottom: 25px;
		position: relative;
	}
	.avatar-usuari {
		background: #ecf8fb;
		width: 50px;
		height: 50px;
		text-align: center;
		font-size: 25px;
		line-height: 45px;  
		padding: 2px;
		border-radius: 50%;
		border: 1px solid #00a1ca;
		color: #00a1ca;
		float: left;
	}

	.text-missatge {
		background: #ecf8fb;
		float: left;
		padding: 20px;
		border-radius: 20px;
		margin: 0px 10px;
	}

	.text-missatge	.autor {
		font-weight: bold;
		margin-bottom: 0px;
	}
	.text-missatge	 .data {
		font-size: 12px;
		font-style: italic;
	}

	.cont-missatge.treballador 	.text-missatge {
		background: #b4dde8;
		float: right;
	}
	.cont-missatge.treballador	.avatar-usuari {
		background: #00a1ca;
		border: 1px solid #ecf8fb;
		color: #ecf8fb;
		float: right;
	}

  #datatable-cites0 tr th:last-child{min-width: 140px!important;width: 140px!important;}


  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {

	background-color: #206680;
}.dtr-details {
	width: 100%;
}#datatable-cites0_wrapper,#datatable-cites_wrapper {
	padding-top: 15px;
}#datatable-cites0_filter,#datatable-cites_filter {
	position: relative;
	display: inline-block;

}#datatable-cites0_length {
	display: none;
}
#datatable-cites0 td:last-child,#datatable-cites td:last-child {text-align: center;
	width: 140px;
}

.navbar-menu button {
	position: absolute;
	top: -50px;
	right: 15px;
	background: #d3e7f2;
	border-color: #00a1ca;
}

.info-text-gran{
	font-size: 40px;
	font-weight: 400;
	color: #93cbd9;
    text-transform: uppercase;
}
.info-text-gran i{
	font-size: 7rem;
	color: #00a1ca;
    display: block;
}.info-text-gran-btn {
	font-size: 1.3rem;
	padding: 7px 2.9rem;
	margin-bottom: 150px;
	display: inline-block;
	margin-top: 50px;
}   


.daterangepicker .ranges {text-align: center;
    margin: 0 auto;
    width: 100%!important;}#cke_recomendaciones {
        border-radius: 7px;
        overflow: hidden;
    }


    .dataTables_processing,#datatable-cites0_processing {
        height: 270px!important;
    }
    .dataTables_processing::before {
        content: '\f110';
        font-family: 'Line Awesome Free';
        animation: 2s linear infinite svg-animation;
        font-weight: 900;
        font-size: 30px;
        color: #32b3d4;
        display:block
    }

    @keyframes svg-animation {
        0% {
          transform: rotateZ(0deg);
        }
        100% {
          transform: rotateZ(360deg)
        }
      }
      .dropdown-filtrarcliente {
        position: absolute;
        inset: 0px auto auto 0px;
        margin: 0px;
        transform: translate(0px, 38px);
        max-height: 500px;
        overflow-x: scroll;
    }





	.dataTables_filter {
		width: 100%;
		background: #f6f9fb;
		margin-bottom: 0px;
		padding: 15px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.dataTables_filter::after {
		font-family: 'Line Awesome Free';
		font-weight: 900;
		content: "\f002";
		position: absolute;
		right: 21px;
		color: #00a1ca;
		font-size: 26px;
		top: 12px;
	}









































	.bg-contador {
		position: relative;
		width: 80px;
		height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 150px auto;
	}
	.bg-contador span {
		position: absolute;
		left: -90px;
		width: 20px;
		height: 2px;
		background: #156c82;
		border-radius: 8px;
		transform-origin: 128px;
		transform: scale(1.2) rotate(calc(var(--i) * (360deg / 50)));
		/*animation: animateBlink 3s linear infinite;
		animation-delay: calc(var(--i) * (3s / 50));*/
	}
	@keyframes animateBlink {
		0% {
			background: #75c4d8;
		}
		25% {
			background: #156c82;
		}
	}

	#playButton {
		font-size: 80px;
		line-height: 100px;
		padding: 0px;
		background: #72c45e;
		border: 2px solid #a5e695;
		border-radius: 50%;
		width: 100px;
		height: 100px;
		margin: 0 auto;
		display: block;
		text-align: center;
		color: #ffffff;
		margin-top: -70px;
		box-shadow: 0px 0px 12px #72c45e;
	}#contador {
		position: absolute;
		top: 60px;
		font-size: 40px;
		color: #ffffff;
		font-family: monospace;
	}
	#installBtn {
		background: #0e7089;
		font-size: 26px;
		position: relative;
		width: 100%;
		display: block;
		border: 0px;
		padding: 15px;
		color: #fff;
	}
	#stopButton {
		font-size: 80px;
		line-height: 100px;
		padding: 0px;
		background: #f78782;
		border: 2px solid #fbc0bd;
		border-radius: 50%;
		width: 100px;
		height: 100px;
		margin: 0 auto;
		display: block;
		text-align: center;
		color: #ffffff;
		margin-top: -70px;
		box-shadow: 0px 0px 12px #f78782;
	}
	#playButton:hover,#stopButton:hover {
		background: #31b3d4;
		border: 3px solid #fff;
		color: #fff;
	}


	#cke_missatge {
		border-radius: .375rem;
		overflow: hidden;
		border-color: #dee2e6;
	}



	.recuadredia {
		background: #00a1ca;
		color: #fff;
		padding: 4px;
		font-size: 12px;
		display: inline-block;
		text-align: center;
		width: 60px;
		height: 70px;
	}
	.recuadredia span{
		display: block;
		font-size: 30px;
	}

	.item-dia {
		background: #ecf8fb;
		margin-bottom: 5px;
	}

	.infodia {
		display: inline-block;  margin-left: 9px;
		font-size:13px;
	}
	.infodia span {
		display: block;
		margin-left: 0px;
		margin-top: 5px;
		font-size: 13px;
	}

	.diaint i {
		font-size: 25px;
		vertical-align: middle;
		color: #00a1ca;
	}




	.item-ticket {
		background: #ecf8fb;
		margin-bottom: 5px;
	}


	.item-ticket a{
	text-decoration: none;color: #000;
	}.ticketicon {
		background: #00a1ca;
		color: #fff;
		font-size: 25px;
		display: inline-block;
		text-align: center;
		width: 40px;
		padding: 3px;
		height: 100%;
	}
	.ticketinfo {
		padding: 10px 5px 5px 0px;
		text-align: left;
		font-size: 12px;
		color: #797979;
	}
	.ticketinfo h3 {	
		position: relative;
		padding: 0px;
		text-align: left;
		font-size: 15px;
		font-weight: 600;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-bottom: 5px;  
		color: #333;  padding-top: 13px;
	}

	.ticketinfo h3 span {
		position: absolute;
		background-color: #00a1ca;
		color: #fff;
		right: 0px;
		top: 0px;
		border-radius: 50px;
		font-weight: 100;
		font-size: 11px;
		padding: 1px 6px;
	}
	.dataticket {
		margin-bottom: 0px;
		font-size: 11px;
		text-align: right;
		font-style: italic;  
		padding-right: 10px;
	}

	.installInstructions {
		margin: 0px;
		background: #0e7089;
		color: #fff;
		text-align: center;
		padding: 5px;
	}
	body {
		margin: auto;
		overflow: auto;
		background: linear-gradient(315deg, #a2e0f0 3%, #cadde2 38%, #b8e0eb 68%, #8edbee 98%);
		animation: gradient 15s ease infinite;
		background-size: 400% 400%;
		background-attachment: fixed;
	}
	
	@keyframes gradient {
		0% {
			background-position: 0% 0%;
		}
		50% {
			background-position: 100% 100%;
		}
		100% {
			background-position: 0% 0%;
		}
	}
	
	.wave {
		background: rgb(255 255 255 / 25%);
		border-radius: 1000% 1000% 0 0;
		position: fixed;
		width: 200%;
		height: 12em;
		animation: wave 10s -3s linear infinite;
		transform: translate3d(0, 0, 0);
		opacity: 0.8;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	
	.wave:nth-of-type(2) {
		bottom: -1.25em;
		animation: wave 18s linear reverse infinite;
		opacity: 0.8;
	}
	
	.wave:nth-of-type(3) {
		bottom: -2.5em;
		animation: wave 20s -1s reverse infinite;
		opacity: 0.9;
	}
	
	@keyframes wave {
		2% {
			transform: translateX(1);
		}
	
		25% {
			transform: translateX(-25%);
		}
	
		50% {
			transform: translateX(-50%);
		}
	
		75% {
			transform: translateX(-25%);
		}
	
		100% {
			transform: translateX(1);
		}
	}