/* LESS - http://lesscss.org style sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=73g0u0kcglL4Zvw8Eq6eXhmkwen */
/* Feel free to copy&paste color codes to your application */
/* Generated by Paletton.com © 2002-2014 */
/* Main Primary color */
/* Colors Portal pacient */
.about-info a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease;
}
.about-info a:hover {
  color: #166aaa;
  text-decoration: underline;
  cursor: pointer;
}
.bagde-qbed {
  color: #166aaa !important;
  background-color: #fff!important;
}
.bagde-qbed-alert {
  color: #D63D00 !important;
  background-color: #fff !important;
}
.bagde-qbed-alert-v2 {
  color: #fff !important;
  background-color: #D63D00 !important;
}
body {
  /* https://subtlepatterns.com */
  background-color: #fff!important;
  overflow-x: hidden;
  font-family: 'Montserrat', sans-serif;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #E7E7E7;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff !important;
  background: #D63D00 !important;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff !important;
  background: #009354 !important;
}
.label-expedient {
  background-color: #06406C;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  display: inline;
}
.label-copyright {
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  color: white;
  display: inline;
}
.label-assistencia {
  background-color: #B7D7F0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  display: inline;
}
.label-usuari {
  border: 1px solid;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  color: white;
  display: inline;
}
.pacient-presentat-hover .fa-check-circle {
  transition: color 0.3s;
  /* Suaviza la transición del color */
}
.pacient-presentat-hover:hover .fa-check-circle {
  color: white !important;
  /* Cambia el color a blanco en el hover */
}
.btn-qbed-danger {
  background: #D63D00 !important;
  color: #fff!important;
}
.btn-qbed-success {
  background: #009354 !important;
  color: #fff !important;
}
.btn-qbed-48 {
  width: 48px !important;
  height: 48px;
}
.btn-qbed-primary1 {
  border: #166aaa 2px solid;
  background: #B7D7F0 !important;
  color: #166aaa !important;
}
.btn-qbed-primary1:hover {
  color: #fff !important;
  background: #166aaa !important;
}
.btn-qbed-primary1:focus {
  border: #166aaa 2px solid;
  background: #B7D7F0 !important;
  color: #166aaa !important;
  outline: none !important;
  outline-offset: 0px !important;
}
/* En el menu contextual quan li feies click a un botó amb desplegable es quedava tot el boto amb el mateix color(blau) sense que es vegi el logo en blanc, amb aixo ho arreglem*/
.btn-group.open > button.btn-qbed-primary1.dropdown-toggle,
.btn-group.open > button.btn-qbed-primary1.dropdown-toggle:focus,
.btn-group.open > button.btn-qbed-primary1.dropdown-toggle:active {
  /* aquí li donem el mateix aspecte que als altres quan estan "apretats" per estètica accesible a nivell d'usuari,*/
  color: #fff !important;
  background: #166aaa !important;
}
.btn-qbed-calendari {
  border: none;
  background: #166aaa !important;
  color: #fff !important;
}
.btn-qbed-calendari:hover {
  background: #06406C !important;
}
.btn-qbed-navBar-assistencies {
  border: none;
  background: #06406C !important;
  color: #fff !important;
}
.btn-qbed-navBar-assistencies:hover {
  background: #B7D7F0 !important;
  color: #06406C !important;
}
.btn-qbed-round-right {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.btn-qbed-round-left {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.btn-qbed-round {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}
.btn-qbed-square-login {
  height: 85px !important;
  width: 100% !important;
}
.btn-qbed-square-resum-assistencia {
  width: 100% !important;
}
.btn-qbed-square-resum-assistencia-v2 {
  width: 100% !important;
  margin-bottom: 10px !important;
}
.btn-qbed-pacient {
  background: #06406C;
  border: none;
  color: #fff;
  padding: 0px;
  font-weight: bold;
  font-size: 16px;
}
.btn-qbed-pacient:focus,
.btn-qbed-pacient:active,
.btn-qbed-pacient.active,
.open > .dropdown-toggle.btn-qbed-pacient {
  outline-color: transparent !important;
  color: #fff;
  background-color: #06406C;
}
.btn-qbed-pacient:hover {
  background-color: #B7D7F0;
  color: #06406C;
}
.btn-qbed-assistencia {
  background: #B7D7F0;
  border: none;
  padding: 0px;
  font-weight: bold;
  font-size: 16px;
  color: #06406C;
}
.btn-qbed-assistencia:focus,
.btn-qbed-assistencia:active,
.btn-qbed-assistencia.active,
.open > .dropdown-toggle.btn-qbed-assistencia {
  outline-color: transparent !important;
  background-color: #B7D7F0;
  color: #06406C;
}
.btn-qbed-assistencia:hover {
  background-color: #06406C;
  color: #fff;
}
.btn-toggle-on {
  color: #fff;
  background-color: #166aaa;
  border-color: #166aaa;
  font-weight: bold!important;
  height: 34px !important;
}
.btn-toggle-off {
  color: #fff;
  background-color: #A9A9A9;
  border-color: #A9A9A9;
  font-weight: bold !important;
  height: 34px !important;
  padding-left: 22px !important;
}
.btn-mecv {
  background-color: #E7E7E7;
  border: solid 1px;
  height: 20px;
  width: 23px;
  padding-left: 0px;
  padding-right: 1px;
}
.btn-permisUsuari {
  background-color: #E7E7E7;
  border: solid 1px;
  height: 30px;
  width: 30px;
  padding-left: 1px;
  padding-right: 1px;
}
.btn-permisUsuari:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.btn-siNo {
  background-color: #E7E7E7;
  border: solid 1px;
  height: 40px;
  width: 45px;
  padding-left: 0px;
  padding-right: 1px;
}
.btn-qbed-calendari-month {
  border: #166aaa 2px solid;
  background: #B7D7F0 !important;
  color: #166aaa !important;
}
.btn-qbed-calendari-month:hover {
  border: #06406C 2px solid;
  color: #06406C !important;
}
.btn-qbed-calendari-month:focus {
  border: #166aaa 2px solid;
  background: #B7D7F0 !important;
  color: #166aaa !important;
  outline: none !important;
  outline-offset: 0px !important;
}
.btn-checkbox {
  margin-right: 10px;
}
.label-qbed-checkbox {
  height: 38px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.label-qbed-checkbox input[type="checkbox"] {
  margin: 0 5px 0 0;
  align-self: center;
}
.btn-formulari-ple {
  background-color: #009354 !important;
  color: #fff!important;
}
.btn-formulari-ple:focus,
.btn-formulari-ple:active,
.btn-formulari-ple.active,
.open > .dropdown-toggle.btn-formulari-ple {
  outline-color: transparent !important;
  background-color: #009354 !important;
  color: #fff !important;
}
.btn-qbed-tab {
  background: #E7E7E7 !important;
  color: #000 !important;
}
.btn-qbed-tab:hover,
.btn-qbed-tab:focus,
.btn-qbed-tab.active,
.btn-qbed-tab:active {
  outline: none !important;
  outline-color: transparent !important;
  color: #fff !important;
  background: #06406C !important;
}
.btn-qbed-admin-index {
  margin-bottom: 15px !important;
  margin-left: 15px !important;
  width: 15% !important;
}
/* ---------------------------------------------------------------------- 
* Product Name: CSS3 Hexagon Buttons
* Product URI: http://shariarbd.com/demo/css3-hexagon-buttons/
* Author: Shariar
* Author URI: http://shariarbd.com/
* Description: CSS3 Hexagon Buttons created with pure css3 by Shariar
* Version: 1.0.1
* License: The MIT License (MIT)
* Tags: CSS3 Hexagon Buttons, social buttons, buttons
* ---------------------------------------------------------------------- */
/*---------------------------------------------------------------------- /
Table of Contents 
------------------------------------------------------------------------ /
* 1.0 - Class Description 
* 2.0 - Button style
* 	2.1 - Default Button style
*	2.2 - Large Button style 
*	2.3 - Medium Button style 
*	2.4 - Small Button style 
*	2.5 - Extra Small Button style 
* 3.0 - Margin of hexagon
* 4.0 - Buttons Effects
* 5.0 - Buttons Color
* 	5.1 - Default Colors
*	5.2 - Default hover colors
*	5.3 - Custom Button colors
* 	5.4 - Custom Button hover colors
* 6.0 - Specific Button colors 
*	6.1 - Facebook
*	6.2 - Twitter
*	6.3 - Google Plus
*	6.4 - Youtube
*	6.5 - Linkedin
*	6.6 - Tumblr
*	6.7 - RSS
*	6.8 - Pinterest
*	6.9 - Vimeo
* 	6.10 - Github
*	6.11 - Flickr
*	6.12 - Dropbox
*	6.13 - Xing
*	6.14 - Skype
*	6.15 - dribbble
*	6.16 - tencent-weibo

------------------------------------------------------------------------ /
Table of Contents End
------------------------------------------------------------------------*/
/* 1.0 - Class Description 
------------------------------------------------------------------------ 

hb    		= Hexagon Buttons
hb-custom 	= Custom Hexagon Buttons
hb-lg 		= Large Hexagon        = width : 256px
hb-md 		= Medium Hexagon       = width : 128px
hb-sm 		= Small Hexagon        = width : 64px
hb-qbed 	= custom Hexagon       = width : 48px
hb-xs 		= Extra Small Hexagon  = width : 32px
spin		= Spin hole button on hover
spin-icon	= Spin icon on hover
inv 		= Inverse Behaver of buttons 

* 1.0 -Class Description End
------------------------------------------------------------------------*/
/* 2.0 - Button style
------------------------------------------------------------------------*/
/* 2.1 - Default Button style
-------------------------------------------------*/
.hb {
  display: inline-block;
  position: relative;
  text-align: center;
  /*  Default text align center */
  z-index: 0;
}
.hb:before,
.hb:after {
  position: absolute;
  content: "";
  left: -1px;
  top: 0;
  z-index: -1;
}
.hb:before {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
.hb:after {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.hb i {
  z-index: 9;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.hb,
.hb:before,
.hb:after {
  box-sizing: border-box;
  /* default transition time is set 1s = 250 millisecond  
	 Uncomment following if you want to set transition on hexagon color change */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
/* 2.1 - Default Button style End
-------------------------------------------------*/
/* 2.2 - Large Button style 
-------------------------------------------------*/
.hb-lg {
  line-height: 150px;
  font-size: 150px;
  margin: 74px 0px;
  /* Original output, margin 0 of the button */
  /*margin: 89px 15px;*/
  /* New output, margin 15px of the button,  74 + 15 = 89 */
}
.hb-lg,
.hb-lg:before,
.hb-lg:after {
  height: 148px;
  width: 256px;
}
/* 2.2 - Large Button style  End
-------------------------------------------------*/
/* 2.3 - Medium Button style 
-------------------------------------------------*/
.hb-md {
  line-height: 74px;
  font-size: 74px;
  margin: 37px 0px;
  /* Original output, margin 0 of the button */
  /*margin: 52px 15px;*/
  /* New output, margin 15px of the button,  37 + 15 = 52 */
}
.hb-md,
.hb-md:before,
.hb-md:after {
  height: 74px;
  width: 128px;
}
/* 2.3 - Medium Button style End
-------------------------------------------------*/
/* 2.4 - Small Button style 
-------------------------------------------------*/
.hb-sm {
  line-height: 37px;
  font-size: 37px;
  margin: 18.5px 0px;
  /* Original output, margin 0 of the button */
  /*margin: 33.5px 15px;*/
  /* New output, margin 15px of the button,  18.5 + 15 = 33.5 */
}
.hb-sm,
.hb-sm:before,
.hb-sm:after {
  height: 37px;
  width: 64px;
}
/* 2.4 - Small Button style  End
-------------------------------------------------*/
/* 2.5 - Extra Small Button style 
-------------------------------------------------*/
.hb-xs {
  line-height: 18.5px;
  font-size: 18.5px;
  margin: 9.5px 0px;
  /* Original output, margin 0 of the button */
  /*margin: 33.5px 15px;*/
  /* New output, margin 15px of the button,  9.5 + 15 = 24.5 */
}
.hb-xs,
.hb-xs:before,
.hb-xs:after {
  height: 18.5px;
  width: 32px;
}
/* 2.5 - Extra Small Button style  End
-------------------------------------------------*/
/* 2.6 - Extra Small Button style 
-------------------------------------------------*/
.hb-qbed {
  line-height: 27px;
  font-size: 27px;
  margin: 13.5px 0px;
  /* Original output, margin 0 of the button */
  /*margin: 33.5px 15px;*/
  /* New output, margin 15px of the button,  9.5 + 15 = 24.5 */
}
.hb-qbed,
.hb-qbed:before,
.hb-qbed:after {
  height: 27px;
  width: 48px;
}
.hb-qbed-no-icon {
  line-height: 27px;
  font-size: 27px;
  margin: 13.5px 0px ;
  /* Original output, margin 0 of the button */
  bottom: 5px;
  /*margin: 33.5px 15px;*/
  /* New output, margin 15px of the button,  9.5 + 15 = 24.5 */
}
.hb-qbed-no-icon,
.hb-qbed-no-icon:before,
.hb-qbed-no-icon:after {
  height: 27px;
  width: 48px;
}
/* 2.6 - Extra Small Button style  End
-------------------------------------------------*/
/* 2.0 - Button style End
------------------------------------------------------------------------*/
/* 3.0 - Margin of hexagon
------------------------------------------------------------------------*/
.hb-lg-margin {
  margin: 15px;
  height: 296px;
  width: 256px;
}
.hb-md-margin {
  margin: 15px;
  height: 148px;
  width: 128px;
}
.hb-sm-margin {
  margin: 15px;
  height: 74px;
  width: 64px;
}
.hb-xs-margin {
  margin: 15px;
  height: 38px;
  width: 32px;
}
.hb-qbed-margin {
  margin: 15px;
  height: 54px;
  width: 48px;
}
.hb-lg-margin,
.hb-md-margin,
.hb-sm-margin,
.hb-qbed-margin,
.hb-xs-margin {
  display: inline-block;
  overflow: hidden;
}
/* 3.0 - Margin of hexagon End
------------------------------------------------------------------------*/
/* 4.0 - Buttons Effects
------------------------------------------------------------------------*/
.spin,
.spin-icon i {
  -webkit-transition: -webkid-transform 1s ease;
  -moz-transition: -moz-transform 1s ease;
  -ms-transition: -ms-transform 1s ease;
  -o-transition: -o-transform 1s ease;
  transition: transform 1s ease;
}
.spin-icon:hover i,
.spin:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
/*4.0 - Buttons Effects
------------------------------------------------------------------------*/
.hb button {
  background-color: transparent;
  border: none;
}
.hb button:focus {
  outline: none;
}
/* 5.0 - Buttons Color
------------------------------------------------------------------------*/
/* 5.1 - Default Colors
-------------------------------------------------*/
.hb,
.hb:before,
.hb:after {
  background-color: #06406C;
  /*  Default background color  */
  border-left: 1px solid #06406C;
  border-right: 1px solid #06406C;
  color: #fff;
  /* Default font color */
}
/* 5.1 - Default Colors End
-------------------------------------------------*/
/* 5.2 - Default hover colors
-------------------------------------------------*/
.hb:hover,
.hb:hover:before,
.hb:hover:after {
  background-color: #06406C;
  /*  Default background color  */
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #fff;
  /* Default hover font color */
}
/* 5.2 - Default hover colors end
-------------------------------------------------*/
/* 5.3 - Custom Button colors
-------------------------------------------------*/
.hb-custom,
.hb-custom:before,
.hb-custom:after {
  background: #f39c12 !important;
  /*  Custom background color  */
  color: white !important;
  /* Custom font color */
  /*font-size:20px;*/
  /* Custom font size */
  border-left: 1px solid #f39c12 !important;
  border-right: 1px solid #f39c12 !important;
}
/* 5.3 - Custom Button colors End
-------------------------------------------------*/
/* 5.4 - Custom Button hover colors
-------------------------------------------------*/
.hb-custom:hover,
.hb-custom:hover:before,
.hb-custom:hover:after {
  background: #f1c40f !important;
  border-left: 1px solid #f1c40f !important;
  border-right: 1px solid #f1c40f !important;
  color: black !important;
  /* Custom hover font color */
}
/* 5.4 - Custom Button hover colors End
-------------------------------------------------*/
/* 5.0 - Buttons Color End
------------------------------------------------------------------------*/
/* 6.0 - Specific Button colors 
------------------------------------------------------------------------*/
/* 6.1 - Facebook
-------------------------------------------------*/
.hb-facebook,
.hb-facebook:before,
.hb-facebook:after {
  background: #3B5998;
  border-color: #3B5998;
  color: #ffffff;
}
.hb-facebook:hover,
.hb-facebook:hover:before,
.hb-facebook:hover:after {
  background: transparent;
  border-color: #3B5998;
  color: #3B5998;
}
/* Facebook inverts */
.hb-facebook-inv,
.hb-facebook-inv:after,
.hb-facebook-inv:before {
  color: #3B5998;
  border-color: #3B5998;
  background: transparent;
}
.hb-facebook-inv:hover,
.hb-facebook-inv:hover:after,
.hb-facebook-inv:hover:before {
  background: #3B5998;
  border-color: #3B5998;
  color: #ffffff;
}
/* 6.1 - Facebook End
-------------------------------------------------*/
/* 6.2 - Twitter
-------------------------------------------------*/
.hb-twitter,
.hb-twitter:before,
.hb-twitter:after {
  background: #55ACEE;
  border-color: #55ACEE;
  color: #ffffff;
}
.hb-twitter:hover,
.hb-twitter:hover:before,
.hb-twitter:hover:after {
  background: transparent;
  border-color: #55ACEE;
  color: #55ACEE;
}
/* Twitter inverts */
.hb-twitter-inv,
.hb-twitter-inv:after,
.hb-twitter-inv:before {
  background: transparent;
  border-color: #55ACEE;
  color: #55ACEE;
}
.hb-twitter-inv:hover,
.hb-twitter-inv:hover:after,
.hb-twitter-inv:hover:before {
  background: #55ACEE;
  border-color: #55ACEE;
  color: #ffffff;
}
/* 6.2 - Twitter End
-------------------------------------------------*/
/* 6.3 - Google Plus
-------------------------------------------------*/
.hb-google-plus,
.hb-google-plus:before,
.hb-google-plus:after {
  background: #db514f;
  border-color: #db514f;
  color: #ffffff;
}
.hb-google-plus:hover,
.hb-google-plus:hover:before,
.hb-google-plus:hover:after {
  background: transparent;
  border-color: #db514f;
  color: #db514f;
}
/* google-plus inverts */
.hb-google-plus-inv,
.hb-google-plus-inv:after,
.hb-google-plus-inv:before {
  background: transparent;
  border-color: #db514f;
  color: #db514f;
}
.hb-google-plus-inv:hover,
.hb-google-plus-inv:hover:after,
.hb-google-plus-inv:hover:before {
  background: #db514f;
  border-color: #db514f;
  color: #ffffff;
}
/* 6.3 - Google Plus End
-------------------------------------------------*/
/* 6.4 - Youtube
-------------------------------------------------*/
.hb-youtube,
.hb-youtube:before,
.hb-youtube:after {
  background: #cc181e;
  border-color: #cc181e;
  color: #ffffff;
}
.hb-youtube:hover,
.hb-youtube:hover:before,
.hb-youtube:hover:after {
  background: transparent;
  border-color: #cc181e;
  color: #cc181e;
}
/* youtube inverts */
.hb-youtube-inv,
.hb-youtube-inv:after,
.hb-youtube-inv:before {
  background: transparent;
  border-color: #cc181e;
  color: #cc181e;
}
.hb-youtube-inv:hover,
.hb-youtube-inv:hover:after,
.hb-youtube-inv:hover:before {
  background: #cc181e;
  border-color: #cc181e;
  color: #ffffff;
}
/* 6.4 - Youtube End
-------------------------------------------------*/
/* 6.5 - Linkedin
-------------------------------------------------*/
.hb-linkedin,
.hb-linkedin:before,
.hb-linkedin:after {
  background: #0077b5;
  border-color: #0077b5;
  color: #ffffff;
}
.hb-linkedin:hover,
.hb-linkedin:hover:before,
.hb-linkedin:hover:after {
  background: transparent;
  border-color: #0077b5;
  color: #0077b5;
}
/* linkedin inverts */
.hb-linkedin-inv,
.hb-linkedin-inv:after,
.hb-linkedin-inv:before {
  background: transparent;
  border-color: #0077b5;
  color: #0077b5;
}
.hb-linkedin-inv:hover,
.hb-linkedin-inv:hover:after,
.hb-linkedin-inv:hover:before {
  background: #0077b5;
  border-color: #0077b5;
  color: #ffffff;
}
/* 6.5 - Linkedin End
-------------------------------------------------*/
/* 6.6 - Tumblr
-------------------------------------------------*/
.hb-tumblr,
.hb-tumblr:before,
.hb-tumblr:after {
  background: #2c4762;
  border-color: #2c4762;
  color: #ffffff;
}
.hb-tumblr:hover,
.hb-tumblr:hover:before,
.hb-tumblr:hover:after {
  background: transparent;
  border-color: #2c4762;
  color: #2c4762;
}
/* Tumblr inverts */
.hb-tumblr-inv,
.hb-tumblr-inv:after,
.hb-tumblr-inv:before {
  background: transparent;
  border-color: #2c4762;
  color: #2c4762;
}
.hb-tumblr-inv:hover,
.hb-tumblr-inv:hover:after,
.hb-tumblr-inv:hover:before {
  background: #2c4762;
  border-color: #2c4762;
  color: #ffffff;
}
/* 6.6 - Tumblr End
-------------------------------------------------*/
/* 6.7 - RSS
-------------------------------------------------*/
.hb-rss,
.hb-rss:before,
.hb-rss:after {
  background: #da5700;
  border-color: #da5700;
  color: #ffffff;
}
.hb-rss:hover,
.hb-rss:hover:before,
.hb-rss:hover:after {
  background: transparent;
  border-color: #da5700;
  color: #da5700;
}
/* rss inverts */
.hb-rss-inv,
.hb-rss-inv:after,
.hb-rss-inv:before {
  background: transparent;
  border-color: #da5700;
  color: #da5700;
}
.hb-rss-inv:hover,
.hb-rss-inv:hover:after,
.hb-rss-inv:hover:before {
  background: #da5700;
  border-color: #da5700;
  color: #ffffff;
}
/* 6.7 - RSS End
-------------------------------------------------*/
/* 6.8 - Pinterest
-------------------------------------------------*/
.hb-pinterest,
.hb-pinterest:before,
.hb-pinterest:after {
  background: #da232a;
  border-color: #da232a;
  color: #ffffff;
}
.hb-pinterest:hover,
.hb-pinterest:hover:before,
.hb-pinterest:hover:after {
  background: transparent;
  border-color: #da232a;
  color: #da232a;
}
/* Pinterest inverts */
.hb-pinterest-inv,
.hb-pinterest-inv:after,
.hb-pinterest-inv:before {
  background: transparent;
  border-color: #da232a;
  color: #da232a;
}
.hb-pinterest-inv:hover,
.hb-pinterest-inv:hover:after,
.hb-pinterest-inv:hover:before {
  background: #da232a;
  border-color: #da232a;
  color: #ffffff;
}
/* 6.8 - Pinterest End
-------------------------------------------------*/
/* 6.9 - Vimeo
-------------------------------------------------*/
.hb-vimeo,
.hb-vimeo:before,
.hb-vimeo:after {
  background: #20b9eb;
  border-color: #20b9eb;
  color: #ffffff;
}
.hb-vimeo:hover,
.hb-vimeo:hover:before,
.hb-vimeo:hover:after {
  background: transparent;
  border-color: #20b9eb;
  color: #20b9eb;
}
/* vimeo inverts */
.hb-vimeo-inv,
.hb-vimeo-inv:after,
.hb-vimeo-inv:before {
  background: transparent;
  border-color: #20b9eb;
  color: #20b9eb;
}
.hb-vimeo-inv:hover,
.hb-vimeo-inv:hover:after,
.hb-vimeo-inv:hover:before {
  background: #20b9eb;
  border-color: #20b9eb;
  color: #ffffff;
}
/* 6.9 - Vimeo End
-------------------------------------------------*/
/* 6.10 - Github
-------------------------------------------------*/
.hb-github,
.hb-github:before,
.hb-github:after {
  background: #373a3c;
  border-color: #373a3c;
  color: #ffffff;
}
.hb-github:hover,
.hb-github:hover:before,
.hb-github:hover:after {
  background: transparent;
  border-color: #373a3c;
  color: #373a3c;
}
/* github inverts */
.hb-github-inv,
.hb-github-inv:after,
.hb-github-inv:before {
  background: transparent;
  border-color: #373a3c;
  color: #373a3c;
}
.hb-github-inv:hover,
.hb-github-inv:hover:after,
.hb-github-inv:hover:before {
  background: #373a3c;
  border-color: #373a3c;
  color: #ffffff;
}
/* 6.10 - Github End
-------------------------------------------------*/
/* 6.11 - Flickr
-------------------------------------------------*/
.hb-flickr,
.hb-flickr:before,
.hb-flickr:after {
  background: #ff1981;
  border-color: #ff1981;
  color: #ffffff;
}
.hb-flickr:hover,
.hb-flickr:hover:before,
.hb-flickr:hover:after {
  background: transparent;
  border-color: #ff1981;
  color: #ff1981;
}
/* flickr inverts */
.hb-flickr-inv,
.hb-flickr-inv:after,
.hb-flickr-inv:before {
  background: transparent;
  border-color: #ff1981;
  color: #ff1981;
}
.hb-flickr-inv:hover,
.hb-flickr-inv:hover:after,
.hb-flickr-inv:hover:before {
  background: #ff1981;
  border-color: #ff1981;
  color: #ffffff;
}
/* 6.11 - Flickr End
-------------------------------------------------*/
/* 6.12 - Dropbox
-------------------------------------------------*/
.hb-dropbox,
.hb-dropbox:before,
.hb-dropbox:after {
  background: #007ee5;
  border-color: #007ee5;
  color: #ffffff;
}
.hb-dropbox:hover,
.hb-dropbox:hover:before,
.hb-dropbox:hover:after {
  background: transparent;
  border-color: #007ee5;
  color: #007ee5;
}
/* dropbox inverts */
.hb-dropbox-inv,
.hb-dropbox-inv:after,
.hb-dropbox-inv:before {
  background: transparent;
  border-color: #007ee5;
  color: #007ee5;
}
.hb-dropbox-inv:hover,
.hb-dropbox-inv:hover:after,
.hb-dropbox-inv:hover:before {
  background: #007ee5;
  border-color: #007ee5;
  color: #ffffff;
}
/* 6.12 - Dropbox End
-------------------------------------------------*/
/* 6.13 -  Xing
-------------------------------------------------*/
.hb-xing,
.hb-xing:before,
.hb-xing:after {
  background: #006467;
  border-color: #006467;
  color: #ffffff;
}
.hb-xing:hover,
.hb-xing:hover:before,
.hb-xing:hover:after {
  background: transparent;
  border-color: #006467;
  color: #006467;
}
/* xing inverts */
.hb-xing-inv,
.hb-xing-inv:after,
.hb-xing-inv:before {
  background: transparent;
  border-color: #006467;
  color: #006467;
}
.hb-xing-inv:hover,
.hb-xing-inv:hover:after,
.hb-xing-inv:hover:before {
  background: #006467;
  border-color: #006467;
  color: #ffffff;
}
/* 6.13 -  Xing End
-------------------------------------------------*/
/* 6.14 - Skype
-------------------------------------------------*/
.hb-skype,
.hb-skype:before,
.hb-skype:after {
  background: #00aceb;
  border-color: #00aceb;
  color: #ffffff;
}
.hb-skype:hover,
.hb-skype:hover:before,
.hb-skype:hover:after {
  background: transparent;
  border-color: #00aceb;
  color: #00aceb;
}
/* skype inverts */
.hb-skype-inv,
.hb-skype-inv:after,
.hb-skype-inv:before {
  background: transparent;
  border-color: #00aceb;
  color: #00aceb;
}
.hb-skype-inv:hover,
.hb-skype-inv:hover:after,
.hb-skype-inv:hover:before {
  background: #00aceb;
  border-color: #00aceb;
  color: #ffffff;
}
/* 6.14 - Skype End
-------------------------------------------------*/
/* 6.15 - dribbble
-------------------------------------------------*/
.hb-dribbble,
.hb-dribbble:before,
.hb-dribbble:after {
  background: #ea4c89;
  border-color: #ea4c89;
  color: #ffffff;
}
.hb-dribbble:hover,
.hb-dribbble:hover:before,
.hb-dribbble:hover:after {
  background: transparent;
  border-color: #ea4c89;
  color: #ea4c89;
}
/* dribbble inverts */
.hb-dribbble-inv,
.hb-dribbble-inv:after,
.hb-dribbble-inv:before {
  background: transparent;
  border-color: #ea4c89;
  color: #ea4c89;
}
.hb-dribbble-inv:hover,
.hb-dribbble-inv:hover:after,
.hb-dribbble-inv:hover:before {
  background: #ea4c89;
  border-color: #ea4c89;
  color: #ffffff;
}
/* 6.15 - dribbble End
-------------------------------------------------*/
/* 6.16 - tencent-weibo
-------------------------------------------------*/
.hb-tencent-weibo,
.hb-tencent-weibo:before,
.hb-tencent-weibo:after {
  background: #20B8E5;
  border-color: #20B8E5;
  color: #ffffff;
}
.hb-tencent-weibo:hover,
.hb-tencent-weibo:hover:before,
.hb-tencent-weibo:hover:after {
  background: transparent;
  border-color: #20B8E5;
  color: #20B8E5;
}
/* tencent-weibo inverts */
.hb-tencent-weibo-inv,
.hb-tencent-weibo-inv:after,
.hb-tencent-weibo-inv:before {
  background: transparent;
  border-color: #20B8E5;
  color: #20B8E5;
}
.hb-tencent-weibo-inv:hover,
.hb-tencent-weibo-inv:hover:after,
.hb-tencent-weibo-inv:hover:before {
  background: #20B8E5;
  border-color: #20B8E5;
  color: #ffffff;
}
/* 6.16 - tencent-weibo End
-------------------------------------------------*/
/* 6.16 - tencent-weibo
-------------------------------------------------*/
.hb-instragram,
.hb-instragram:before,
.hb-instragram:after {
  background: #125688;
  border-color: #125688;
  color: #ffffff;
}
.hb-instragram:hover,
.hb-instragram:hover:before,
.hb-instragram:hover:after {
  background: transparent;
  border-color: #125688;
  color: #125688;
}
/* tencent-weibo inverts */
.hb-instragram-inv,
.hb-instragram-inv:after,
.hb-instragram-inv:before {
  background: transparent;
  border-color: #125688;
  color: #125688;
}
.hb-instragram-inv:hover,
.hb-instragram-inv:hover:after,
.hb-instragram-inv:hover:before {
  background: #125688;
  border-color: #125688;
  color: #ffffff;
}
/* 6.16 - tencent-weibo End
-------------------------------------------------*/
/*.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: black;
}*/
.table-cardex-qbed {
  font-size: 13px;
}
.table-cardex-qbed > tbody > tr > td {
  vertical-align: middle;
  height: 38px;
}
.table-cardex-qbed > tbody > tr > td > span {
  vertical-align: middle!important;
}
.table-cardex-qbed > tbody > tr {
  background-color: #fff;
}
.table-cardex-qbed > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.table-cardex-qbed > tbody > tr:hover > td,
.table-cardex-qbed .table-hover > tbody > tr:hover > th {
  background-color: #D3D7DA;
}
.table-cardex-qbed > thead {
  background-color: #166aaa;
  height: 27px;
  width: 99%;
  color: #fff;
}
.table-cardex-qbed > thead > tr > th {
  font-weight: normal !important;
  font-size: 12px;
}
.table-cardex-qbed > thead > tr > th > a,
.table-cardex-qbed a:hover {
  height: 27px;
  width: 99%;
  color: #fff;
  font-weight: normal !important;
  font-size: 12px;
  text-decoration: none !important;
}
.cardex-med-preparada {
  background-color: #ADACC7 !important;
}
.cardex-med-administrat {
  background-color: #A6CFBE !important;
}
.cardex-med-no-administrat {
  background-color: #FFD59A !important;
}
.cardex-med-suspes {
  background-color: #E78CA4 !important;
}
.cardex-med-general-capsalera {
  background-color: #06406C !important;
  color: #ffffff !important;
}
.nav-cardex-qbed {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  border-radius: 5px;
  border: 2px solid #8c8b8b;
  background-color: #fff;
}
.nav-cardex-qbed > li {
  position: relative;
  display: block;
}
.nav-cardex-qbed > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #08528A;
  font-weight: bold;
}
.nav-cardex-qbed > li > a:hover,
.nav-cardex-qbed > li > a:focus {
  text-decoration: none;
  background-color: #83B5DC;
}
.nav-cardex-qbed > li.disabled > a {
  color: #777;
}
.nav-cardex-qbed > li.disabled > a:hover,
.nav-cardex-qbed > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav-cardex-qbed .open > a,
.nav-cardex-qbed .open > a:hover,
.nav-cardex-qbed .open > a:focus {
  background-color: #5A97C5;
  border-color: #367DB3;
}
.nav-cardex-qbed .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #83B5DC;
}
.nav-cardex-qbed > li > a > img {
  max-width: none;
}
.nav-pills-cardex-qbed > li {
  float: left;
}
.nav-pills-cardex-qbed > li > a {
  border-radius: 2px;
}
.nav-pills-cardex-qbed > li + li {
  margin-left: 2px;
}
.nav-pills-cardex-qbed > li.active > a,
.nav-pills-cardex-qbed > li.active > a:hover,
.nav-pills-cardex-qbed > li.active > a:focus {
  color: #fff;
  background-color: #08528A;
}
.nav-stacked-cardex-qbed > li {
  float: none;
}
.nav-stacked-cardex-qbed > li + li {
  margin-left: 0;
}
.btn-qbed-cardex-primary1 {
  border: #166aaa 1px solid;
  background: #B7D7F0 !important;
  color: #166aaa !important;
}
.btn-qbed-cardex-primary1:hover {
  color: #fff !important;
  background: #166aaa !important;
}
.btn-qbed-cardex-primary1:focus {
  outline: none !important;
  outline-color: transparent !important;
  color: #fff !important;
  background: #166aaa !important;
}
.btn-qbed-cardex-primary1-selected {
  color: #fff !important;
  background: #166aaa !important;
}
.colorVermellCardexSCL {
  color: red;
}
.checkbox-right {
  padding: 0 25px 0 0;
  display: inline-block;
}
.checkbox-right label:before,
.checkbox-right input[type="checkbox"] {
  right: 0;
  left: auto;
}
.checkbox-right input[type="checkbox"]:checked + label:after {
  right: -1px;
  left: auto;
}
.qui-checkbox-checked {
  background-color: #bce7bc !important;
}
/* colors icones petis laboratori (CSP)*/
.colorLaboratoriIcon10mgAmbGel {
  color: yellow !important;
}
.colorLaboratoriIconEDTA {
  color: hotpink !important;
}
.colorLaboratoriIconCitratCoag {
  color: dodgerblue !important;
}
.colorLaboratoriIconVSG {
  color: lightslategrey !important;
}
/*Fi colors icones petis laboratori (CSP)*/
/* colors generals */
.colorFitxerAdjunt {
  color: #06406C !important;
}
.colorPrimary0 {
  color: #166aaa !important;
}
.colorRosa {
  color: #ff00ff !important;
}
.colorNegre {
  color: #000 !important;
}
.colorGris {
  color: #A9A9A9 !important;
}
.colorGris2 {
  color: #555 !important;
}
.colorVermell {
  color: #D63D00 !important;
}
.colorVerd {
  color: #009354 !important;
}
.colorTaronja {
  color: #FFA500 !important;
}
.colorGroc {
  color: #FFDD39 !important;
}
.colorBlanc {
  color: #fff !important;
}
.colorBlau {
  color: #166aaa !important;
}
/*Fi colors generals */
/* background colors generals */
.backgroundColorVermell {
  background-color: #D63D00 !important;
}
.backgroundColorGris {
  background-color: #A9A9A9 !important;
}
.backgroundColorVerd {
  background-color: #009354 !important;
}
.backgroundColorTaronja {
  background-color: #FFA500 !important;
}
.backgroundColorGroc {
  background-color: #FFDD39 !important;
}
.backgroundColorPrimary0 {
  background-color: #166aaa !important;
}
.backgroundColorPrimary4 {
  background-color: #06406C !important;
}
.backgroundColorPrimary7 {
  background-color: #E3F1FC !important;
}
.backgroundColorNegre {
  background-color: #000 !important;
}
/*Fi background colors generals */
.cc-anotacio {
  padding: 10px;
  border: solid 2px;
  border-color: #166aaa;
  border-radius: 0px 5px 5px 5px;
  margin-bottom: 10px;
}
.cc-anotacio-alarma {
  border-color: #D63D00 !important;
}
.cc-anotacio-canviTorn {
  border-color: #009354 !important;
}
.cc-anotacio-privat {
  border-color: #777 !important;
}
.cc-label-titol {
  background-color: #166aaa;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: white;
  display: inline;
}
.cc-label-titol-alarma {
  background-color: #D63D00 !important;
}
.cc-label-titol-canviTorn {
  background-color: #009354 !important;
}
.cc-label-titol-privat {
  background-color: #777 !important;
}
.cc-panel {
  border-color: #06406C;
}
.cc-panel > .panel-heading {
  color: #fff !important;
  background-color: #06406C;
}
.cc-panel > .panel-heading > .panel-title {
  font-size: 14px;
}
fieldset.scheduler-border {
  border-top: 4px solid #06406C !important;
  padding: 0.5em 1em 0.5em 0 !important;
}
legend.scheduler-border {
  font-size: 1.2em !important;
  background-color: #06406C;
  text-align: left !important;
  width: auto;
  padding: 4px 10px;
  margin-bottom: 5px;
  border-radius: 10px;
  color: #fff;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  margin-left: 0px;
}
[class^="flaticon40"]:before,
[class*=" flaticon40"]:before,
[class^="flaticon40"]:after,
[class*=" flaticon40"]:after {
  font-size: 40px;
}
[class^="flaticon30"]:before,
[class*=" flaticon30"]:before,
[class^="flaticon30"]:after,
[class*=" flaticon30"]:after {
  font-size: 30px;
}
[class^="flaticon25"]:before,
[class*=" flaticon25"]:before,
[class^="flaticon25"]:after,
[class*=" flaticon25"]:after {
  font-size: 25px;
}
[class^="flaticon20"]:before,
[class*=" flaticon20"]:before,
[class^="flaticon20"]:after,
[class*=" flaticon20"]:after {
  font-size: 20px;
}
[class^="flaticon18"]:before,
[class*=" flaticon18"]:before,
[class^="flaticon18"]:after,
[class*=" flaticon18"]:after {
  font-size: 18px;
}
[class^="flaticon16"]:before,
[class*=" flaticon16"]:before,
[class^="flaticon16"]:after,
[class*=" flaticon16"]:after {
  font-size: 16px;
}
[class^="flaticon14"]:before,
[class*=" flaticon14"]:before,
[class^="flaticon14"]:after,
[class*=" flaticon14"]:after {
  font-size: 14px;
}
[class^="flaticon12"]:before,
[class*=" flaticon12"]:before,
[class^="flaticon12"]:after,
[class*=" flaticon12"]:after {
  font-size: 12px;
}
.flaticon-sidebar::before,
.flaticon-sidebar::after {
  font-size: 40px;
  color: #fff;
}
.btn-toolbar-qbed .btn-group > button [class^="flaticon20Context"]:before,
.btn-toolbar-qbed .btn-group > button [class*=" flaticon20Context"]:before,
.btn-toolbar-qbed .btn-group > button [class^="flaticon20Context"]:after,
.btn-toolbar-qbed .btn-group > button [class*=" flaticon20Context"]:after {
  font-size: 20px !important;
}
.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.clickable-row {
  cursor: pointer;
}
.container-qbed {
  margin-top: 70px;
}
.container-qbed-appExterna {
  margin-top: 20px;
}
.popover {
  z-index: 999999999!important;
}
/*per a que els salts de linia entre el <p> siguin sencills*/
.senseMarge > p {
  margin: 0em;
}
/*per que que el input-group-addon sigui invisible
    es fa servir per centre un ui-select en la barra del titol (en el curs clinic per exemple)
*/
.input-group-addon-invisible {
  background-color: transparent!important;
  border: none!important;
}
/* input-group amb icona d'ull per mostrar/ocultar contrasenya */
.input-group-ull .form-control:not(:last-child) {
  border-right: none;
}
.input-group-ull .input-group-addon,
.input-group-ull li {
  background: transparent;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.input-group-ull .input-group-addon:hover,
.input-group-ull li:hover {
  background: rgba(0, 0, 0, 0.07);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* quan l'input del grup té focus, ressaltar l'addon de l'ull igual que Bootstrap ressalta l'input */
.input-group-ull:focus-within .form-control {
  /* clip-path talla la glow per la dreta (0) però la deixa sortir per dalt, esquerra i baix (-8px) */
  clip-path: inset(-8px 0 -8px -8px);
}
.input-group-ull:focus-within .input-group-addon,
.input-group-ull:focus-within li {
  border-color: #66afe9;
  /* clip-path talla la glow per l'esquerra (0) però la deixa sortir per dalt, dreta i baix (-8px) */
  clip-path: inset(-8px -8px -8px 0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.lineaHoritzontal {
  border-top: 1px solid #06406C;
  margin-top: 0px;
}
/* inputs que està desabilitat
    modifiquem el color i la opacitat
    es fa servir per informar de les sessions de Rhb
*/
.input-info {
  background-color: #fff !important;
  opacity: unset !important;
}
.div-agenda-instruccions {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px 12px;
  background-color: #fff;
}
.div-html-disabled {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px 12px;
  background-color: #E7E7E7;
}
.is3-alerta-confirmacio-pendent {
  padding: 3px 3px 3px 3px;
  text-align: center;
  background-color: #FFA500;
  font-weight: bold;
  color: #fff;
}
.is3-alerta-confirmacio-ok {
  padding: 3px 3px 3px 3px;
  text-align: center;
  background-color: #009354;
  font-weight: bold;
  color: #fff;
}
.text-tatxat {
  text-decoration: line-through;
}
.text-fons-vermell {
  color: #fff;
  background-color: #D63D00;
  padding: 4px;
}
.margin-top-25 {
  margin-top: 25px;
}
.qbed-metadades {
  color: #777;
  font-size: 13px;
  line-height: 1.5;
}
.qbed-metadades--separador {
  margin-top: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid rgba(119, 119, 119, 0.3);
}
.label-qbed-primary1 {
  border-radius: 5px !important;
  border: #166aaa 1px solid;
  background: #B7D7F0 !important;
  color: #166aaa !important;
  height: 37.4px !important;
}
.label-qbed-primary1:hover {
  color: #fff !important;
  background: #166aaa !important;
}
.label-colorPrimary6 {
  background-color: #B7D7F0 !important;
  color: #166aaa !important;
  font-weight: normal!important;
}
.label-Vermell {
  background-color: #D63D00 !important;
  color: #fff !important;
  font-weight: normal !important;
}
.label-qbed-vermell {
  border-radius: 5px !important;
  border: #D63D00 1px solid;
  background: #D63D00 !important;
  color: #fff !important;
  height: 37.4px !important;
}
.label-qbed-verd {
  border-radius: 5px !important;
  border: #009354 1px solid;
  background: #009354 !important;
  color: #fff !important;
  height: 37.4px !important;
}
.label-qbed-gris {
  border-radius: 5px !important;
  border: #A9A9A9 1px solid;
  background: #A9A9A9 !important;
  color: #fff !important;
  height: 37.4px !important;
}
.list-background > div {
  background-color: #fff;
  margin-left: 1px;
  margin-right: 1px;
  padding-top: 5px;
}
.list-background > div:nth-child(2n+1) {
  background-color: #E3F1FC;
  margin-left: 1px;
  margin-right: 1px;
  padding-top: 5px;
}
/* per añ rsgistre de NPI que es pinta diferent l'ordre*/
.list-background-v2 > div {
  background-color: #E3F1FC;
  margin-left: 1px;
  margin-right: 1px;
  padding-top: 5px;
}
.list-background-v2 > div:nth-child(2n+1) {
  background-color: #fff;
  margin-left: 1px;
  margin-right: 1px;
  padding-top: 5px;
}
.panel-parell {
  border-color: #E3F1FC;
  margin-bottom: 5px;
}
.panel-parell > .panel-body {
  background-color: #E3F1FC;
  padding: 10px 5px 0px 5px;
}
.panel-senar {
  border-color: #E7E7E7;
  margin-bottom: 5px;
}
.panel-senar > .panel-body {
  background-color: #E7E7E7;
  padding: 10px 5px 0px 5px;
}
.row-parell {
  background-color: #E3F1FC;
  padding: 10px 5px 0px 5px;
}
.row-senar {
  background-color: #fff;
  padding: 10px 5px 0px 5px;
}
.ul-no-bullets {
  list-style-type: none;
}
/* fila centrada */
.login-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.panel-login {
  border: none;
}
.panel-login > .panel-heading {
  background-color: #fff;
}
/* color de fons del body */
.panel-login > .panel-body {
  background-color: #fff;
}
/* boto de login  */
.btn-qbed-login {
  display: block;
  width: 100%;
  height: 50px;
}
/* form control nomes amb borde inferior */
.panel-login .form-control {
  min-height: 38px;
  padding-left: 5px;
  box-shadow: none !important;
  border: none;
  border-bottom: 1px solid #166aaa;
  border-radius: 0;
}
/* pintar vermell nomes el border inferior si hi ha error */
.panel-login .form-group .input-group .xt-error {
  border: none;
  border-bottom: 2px solid #D63D00 !important;
  color: #D63D00 !important;
}
/* linia blava al ficar-se damunt */
.panel-login .form-control:focus {
  border-bottom: 2px solid #166aaa;
}
/* adddon (icona) nomes amb borde inferior */
.panel-login .input-group-addon {
  max-width: 42px;
  text-align: center;
  background: none;
  border: none;
  border-bottom: 1px solid;
  padding-right: 5px;
  border-radius: 0;
}
/* icona i liniea de la icona blava al ficar-se al damunt */
.panel-login .input-group:focus-within .input-group-addon {
  border-bottom: 2px solid #166aaa;
  color: #166aaa;
}
/* neutralitza la regla general de input-group-ull:focus-within que no aplica al disseny del login */
.panel-login .input-group-ull:focus-within .form-control {
  clip-path: none;
}
.panel-login .input-group-ull:focus-within .input-group-addon,
.panel-login .input-group-ull:focus-within li {
  border-color: inherit;
  clip-path: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-toolbar-qbed .btn-group > button {
  margin-right: 10px;
  border: 1px solid !important;
  border-radius: 5px !important;
  background-color: #B7D7F0 !important;
  color: #166aaa;
  height: 38px !important;
}
.btn-toolbar-qbed .btn-group > button [class^="flaticon-"]:before,
.btn-toolbar-qbed .btn-group > button [class*=" flaticon-"]:before,
.btn-toolbar-qbed .btn-group > button [class^="flaticon-"]:after,
.btn-toolbar-qbed .btn-group > button [class*=" flaticon-"]:after {
  font-size: 15px;
}
.btn-toolbar-qbed .btn-group > button:hover,
.btn-toolbar-qbed .btn-group button:focus,
.btn-toolbar-qbed .btn-group .btn-toolbar-qbed-active {
  border-radius: 8px !important;
  color: #fff;
  background-color: #166aaa !important;
}
.btn-toolbar-context-qbed .btn-group > button {
  margin-right: 10px;
  border: 2px solid !important;
  border-radius: 5px !important;
  background-color: #B7D7F0 !important;
  color: #166aaa;
  height: 48px !important;
  width: 52px !important;
  font-size: 20px;
}
.btn-toolbar-context-qbed .btn-group > button:hover,
.btn-toolbar-context-qbed .btn-group button:focus,
.btn-toolbar-context-qbed .btn-group .btn-toolbar-qbed-active {
  border-radius: 8px !important;
  color: #fff;
  background-color: #166aaa !important;
}
/* menus dropdwon per links*/
.menu-qbed > li > a:hover,
.menu-qbed > li > a:focus {
  color: #fff;
  text-decoration: none;
  background: #166aaa;
}
/* menus dropdwon per butons*/
.menu-qbed > li > button {
  background: transparent;
}
.menu-qbed > li > button:hover,
.menu-qbed > li > button:focus {
  color: #fff;
  text-decoration: none;
  background: #166aaa;
}
.btn-toolbar-flotant-qbed {
  position: fixed;
  top: 30px;
  right: 1%;
  transform: translateY(-50%);
  z-index: 9998;
}
.navbar-qbed-menu {
  margin-right: 10px;
  border-radius: 5px !important;
  border: 1px solid;
  background-color: #B7D7F0;
}
.navbar-qbed-menu > ul > li > a {
  color: #166aaa;
  padding: 7px 4px !important;
}
.navbar-qbed-menu > ul > li > a:hover {
  border-radius: 8px !important;
  color: #fff;
  background-color: #166aaa;
}
.navbar-qbed-menu:hover {
  border-radius: 8px !important;
  background-color: #166aaa;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu .pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.root-menu:hover > .dropdown-menu {
  display: block;
}
.caixa-qbed {
  background-color: #fff;
  padding: 15px;
  border-radius: 15px;
  border: #166aaa 2px solid;
}
.nav-pill-qbed > a {
  color: #000 !important;
  text-decoration: none;
  background-color: #fff;
}
.nav-pill-qbed > a:hover,
.nav-pill-qbed a:focus {
  color: #fff !important;
  background: #166aaa !important;
}
.missatgeria-estat-nollegit {
  font-weight: bold !important;
  color: #000000 !important;
}
.modal-size-30 .modal-dialog {
  width: 30%;
}
.modal-size-40 .modal-dialog {
  width: 40%;
}
.modal-size-50 .modal-dialog {
  width: 50%;
}
.modal-size-60 .modal-dialog {
  width: 60%;
}
.modal-size-70 .modal-dialog {
  width: 70%;
}
.modal-size-80 .modal-dialog {
  width: 80%;
}
.modal-size-90 .modal-dialog {
  width: 90%;
}
.modal-size-95 .modal-dialog {
  width: 95%;
}
.modal-size-98 .modal-dialog {
  width: 98%;
}
.modal-size-doc .modal-dialog {
  width: 80%;
}
.ocupacio-planol-capsalera {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  background-color: #B7D7F0;
  color: #166aaa;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 2px solid #166aaa;
}
.ocupacio-planol-home {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  background-color: #D2D8FF;
  color: black;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 0.5px solid #40241A;
  cursor: pointer;
}
.ocupacio-planol-dona {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  background-color: #FFC8BD;
  color: black;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 0.5px solid #40241A;
  cursor: pointer;
}
.ocupacio-planol-lliure {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  background-color: white;
  color: black;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 0.5px solid #40241A;
  cursor: pointer;
}
.ocupacio-planol-incidencia {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  background-color: #FFE7A2;
  color: black;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 0.5px solid #40241A;
  cursor: pointer;
}
.ocupacio-planol-ocupacio-llits {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  background-color: lightgrey;
  color: black;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 0.5px solid #40241A;
  cursor: pointer;
}
.ocupacio-planol-seleccionat {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  background-color: #A6CFBE !important;
  color: black;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 0.5px solid #40241A;
  cursor: pointer;
}
.ocupacio-planol-control-selected {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  font-weight: normal;
  background-color: #009354;
  color: #fff;
  line-height: 1.428571429;
  border-radius: 5px !important;
  cursor: pointer;
}
.ocupacio-planol-control {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  font-weight: bold;
  background-color: white;
  color: #166aaa;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 2px solid #166aaa;
  cursor: pointer;
}
.ocupacio-planol-control-disabled {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  font-weight: bold;
  background-color: #D3D7DA;
  color: black;
  line-height: 1.428571429;
  border-radius: 5px !important;
  border: 2px solid #000;
  cursor: not-allowed;
}
.ocupacio-planol-control-capsalera {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  background-color: #B7D7F0;
  color: #166aaa;
  line-height: 1.428571429;
  border-radius: 15px !important;
  border: 2px solid #166aaa;
}
#custom-search-input {
  border: solid 1px #ccc;
  border-radius: 6px;
  background-color: #fff;
}
#custom-search-input input {
  border: 0;
  box-shadow: none;
}
#custom-search-input button {
  margin: 2px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #555;
  padding: 0 8px 0 10px;
  border-left: solid 1px #ccc;
}
#custom-search-input button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc;
}
#custom-search-input .fa-search {
  font-size: 23px;
}
/*propiedades del pie*/
.footer-qbed {
  padding-top: 10px;
  padding-right: 80px;
  position: fixed;
  left: 80px;
  bottom: 0px;
  width: 100%;
}
.footer-qbed.PRO {
  background: #166aaa;
}
.footer-qbed.PRE {
  background: #000000;
}
.page-header-qbed {
  padding-top: 16px;
  padding-left: 20px;
  color: #fff;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
  height: 62px;
  top: 0px;
  right: 0px;
  left: 80px;
  position: fixed;
  z-index: 1030;
}
.page-header-qbed [class^="flaticon-"]:before,
.page-header-qbed [class*=" flaticon-"]:before,
.page-header-qbed [class^="flaticon-"]:after,
.page-header-qbed [class*=" flaticon-"]:after {
  font-size: 32px;
}
.page-header-qbed.PRO {
  background: #166aaa;
}
.page-header-qbed.PRE {
  background: #000000;
}
.page-header-qbed-appExterna {
  left: 0px!important;
}
.page-header-modals-qbed {
  padding-top: 16px;
  padding-left: 20px;
  background: #166aaa;
  color: #fff;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
  height: 62px;
  top: 0px;
  right: 0px;
  left: 0px;
  position: fixed;
  z-index: 1030;
}
.page-header-modals-qbed [class^="flaticon-"]:before,
.page-header-modals-qbed [class*=" flaticon-"]:before,
.page-header-modals-qbed [class^="flaticon-"]:after,
.page-header-modals-qbed [class*=" flaticon-"]:after {
  font-size: 32px;
}
.page-header-modals-cursclinic {
  padding-top: 16px;
  padding-left: 20px;
  background: #166aaa;
  color: #fff;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
  height: 62px;
  top: 0px;
  right: 0px;
  left: 0px;
  position: absolute;
  z-index: 1030;
}
.page-header-modals-cursclinic [class^="flaticon-"]:before,
.page-header-modals-cursclinic [class*=" flaticon-"]:before,
.page-header-modals-cursclinic [class^="flaticon-"]:after,
.page-header-modals-cursclinic [class*=" flaticon-"]:after {
  font-size: 32px;
}
/* paginacio */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #166aaa;
  border-color: #166aaa;
}
.pagination > li > a,
.pagination > li > span {
  color: #06406C;
}
.pagination-qbed-active {
  background-color: #166aaa !important;
  border-color: #166aaa !important;
  color: white !important;
}
/* paginacio v2 */
/* color al fer hover */
.pagination-qbed-v2 > li > a:hover,
.pagination-qbed-v2 > li > span:hover,
.pagination-qbed-v2 > li > a:focus,
.pagination-qbed-v2 > li > span:focus {
  background-color: #06406C !important;
  border-color: #06406C !important;
  color: #fff !important;
}
/* color estat normal */
.pagination-qbed-v2 > li > a,
.pagination-qbed-v2 > li > span {
  color: #000;
  background-color: #E7E7E7;
  border-color: #E7E7E7;
}
/* color al activar */
.pagination-qbed-v2-active {
  background-color: #06406C !important;
  border-color: #06406C !important;
  color: #fff !important;
}
.portal-pacient-content {
  flex: 1 0 auto;
}
/* ===================== LAYOUT PRINCIPAL ===================== */
.portal-pacient-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
  padding-bottom: 45px;
  /* ===================== LOGIN ===================== */
  /* ===================== CONTINGUT NORMAL ===================== */
  /* ===================== FORMULARIS ===================== */
  /* ===================== BLOCS ===================== */
  /* ===================== BOTONS ===================== */
  /* Separació entre botons d’un mateix toolbar */
  /* ===================== TEXTOS ===================== */
}
.portal-pacient-layout .titol-portal-pacient {
  background-color: #166aaa;
  color: #fff;
  padding: 18px 20px;
  font-size: 18px;
  font-weight: normal;
}
.portal-pacient-layout .titol-portal-pacient img {
  max-width: 100%;
  height: auto;
}
.portal-pacient-layout .caixa-portal-pacient,
.portal-pacient-layout .cos-portal-pacient {
  flex: 1 0 auto;
}
.portal-pacient-layout .cos-portal-pacient {
  padding: 20px;
  /* botó de l’ull: hover manté arrodoniment però sense fosc de Bootstrap */
}
.portal-pacient-layout .cos-portal-pacient img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 12px auto;
}
.portal-pacient-layout .cos-portal-pacient .input-group-btn:last-child > .btn.btn-default:hover {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.portal-pacient-layout .caixa-portal-pacient-login {
  width: 100%;
  max-width: 420px;
  margin: 20px auto;
  background: #E5E5E6;
  border-radius: 6px;
  font-size: clamp(16px, 4vw, 18px);
}
@media (min-width: 576px) {
  .portal-pacient-layout .caixa-portal-pacient-login {
    max-width: 600px;
  }
}
@media (min-width: 768px) {
  .portal-pacient-layout .caixa-portal-pacient-login {
    max-width: 700px;
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .portal-pacient-layout .caixa-portal-pacient-login {
    max-width: 40%;
    margin-top: 60px;
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .portal-pacient-layout .caixa-portal-pacient-login {
    max-width: 35%;
    margin-top: 80px;
  }
}
.portal-pacient-layout .caixa-portal-pacient {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
  background: #E5E5E6;
  border-radius: 6px;
  font-size: 15px;
}
@media (min-width: 1400px) {
  .portal-pacient-layout .caixa-portal-pacient {
    max-width: 1400px;
  }
}
.portal-pacient-layout .input-group-addon {
  min-width: 40px;
  text-align: center;
  font-size: 16px;
}
.portal-pacient-layout .form-control {
  font-size: inherit;
  padding: 8px;
}
.portal-pacient-layout .portal-pacient-bloc .form-control[disabled],
.portal-pacient-layout .form-control[disabled] {
  background: #eef2f6;
  border: 1px solid #d5dbe1;
  color: #333;
  font-weight: 500;
  box-shadow: none;
  cursor: default;
}
.portal-pacient-layout .portal-pacient-bloc {
  background: #f7f9fb;
  padding: 20px 25px;
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #e6e6e6;
  /* botó de l'ull: hover manté arrodoniment però sense fosc de Bootstrap */
}
.portal-pacient-layout .portal-pacient-bloc label {
  margin-bottom: 4px;
  display: block;
}
.portal-pacient-layout .portal-pacient-bloc .form-control {
  margin-bottom: 12px;
}
.portal-pacient-layout .portal-pacient-bloc .form-group .form-control {
  margin-bottom: 0;
}
.portal-pacient-layout .portal-pacient-bloc .input-group-btn .btn {
  height: 100%;
}
.portal-pacient-layout .portal-pacient-bloc .input-group-btn:last-child > .btn.btn-default:hover {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.portal-pacient-layout .portal-pacient-titol-seccio {
  margin-bottom: 15px;
  font-size: 1.2em;
  font-weight: 600;
  color: #333;
}
.portal-pacient-layout .grupBotonsPortalPacient {
  display: flex;
  justify-content: center;
}
.portal-pacient-layout .grupBotonsPortalPacient .btn {
  width: 100%;
  margin-bottom: 10px;
  font-size: inherit;
}
.portal-pacient-layout .grupBotonsPortalPacient .btn-group {
  margin-right: 10px;
}
.portal-pacient-layout .grupBotonsPortalPacient .btn-group:last-child {
  margin-right: 0;
}
.portal-pacient-layout ol {
  padding-left: 20px;
}
.portal-pacient-layout ol li {
  margin-bottom: 8px;
  line-height: 1.4;
  font-size: 0.95em;
}
.portal-pacient-layout p {
  margin-bottom: 10px;
  font-size: 1em;
}
.portal-pacient-layout .alert-info {
  font-size: 0.95em;
  padding: 12px 14px;
  line-height: 1.3;
}
.portal-pacient-layout .mt-2 {
  margin-top: 15px;
}
/* ===================== FOOTER FIX ===================== */
.footer-portal-pacient {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45px;
  background: #166aaa;
  color: #fff;
  padding: 12px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.9em;
  z-index: 1030;
}
.footer-portal-pacient a {
  color: #fff;
  text-decoration: none;
}
/* ===================== TOP BAR ===================== */
.portal-pacient-navbar {
  background-color: #166aaa;
  background-image: none !important;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  /* -------------------------
       HOVER / FOCUS / OPEN
       ------------------------- */
  /* -------------------------
       MENÚ DESPLEGABLE
       ------------------------- */
  /* -------------------------
       FLETXA DROPDOWN
       ------------------------- */
  /* -------------------------
       BOTÓ MENÚ MÒBIL
       ------------------------- */
}
.portal-pacient-navbar .navbar-nav > li > a {
  color: #fff;
  background-color: transparent;
  background-image: none !important;
}
.portal-pacient-navbar .navbar-nav > li > a:hover,
.portal-pacient-navbar .navbar-nav > li > a:focus,
.portal-pacient-navbar .navbar-nav > .open > a,
.portal-pacient-navbar .dropdown a:hover {
  background-color: #06406C !important;
  background-image: none !important;
  color: #fff !important;
}
.portal-pacient-navbar .dropdown-menu {
  background-color: #166aaa;
  background-image: none !important;
  border: none;
  box-shadow: none;
}
.portal-pacient-navbar .dropdown-menu > li > a {
  color: #fff;
  background-image: none !important;
}
.portal-pacient-navbar .dropdown-menu > li > a:hover {
  background-color: #06406C !important;
  background-image: none !important;
}
.portal-pacient-navbar .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.portal-pacient-navbar .navbar-toggle {
  border: none;
  background: transparent;
}
.portal-pacient-navbar .navbar-toggle .icon-bar {
  background-color: #fff;
}
.portal-pacient-navbar .navbar-toggle:hover,
.portal-pacient-navbar .navbar-toggle:focus {
  background-color: #06406C;
  background-image: none !important;
}
/* ===================== idiomes ===================== */
.portal-pacient-idiomes fieldset {
  display: inline-block;
}
.portal-pacient-idiomes .idioma {
  display: inline-block;
  cursor: pointer;
  margin-left: 6px;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.portal-pacient-idiomes .idioma:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}
.portal-pacient-idiomes .idioma img {
  display: block;
  height: 18px;
  width: auto;
}
/* ==========================================================
   MILLORA TAULES EN MÒBIL — PORTAL PACIENT
   (només afecta pantalles petites)
   ========================================================== */
@media (max-width: 767px) {
  /* Text una mica més petit per encabir millor la informació */
  .cos-portal-pacient table {
    font-size: 13px;
  }
  /* Menys padding a les cel·les perquè no quedi tan apretat */
  .cos-portal-pacient th,
  .cos-portal-pacient td {
    padding: 6px 4px;
    vertical-align: middle;
  }
  /* Files clicables: feedback tàctil clar */
  .clickable-row {
    cursor: pointer;
  }
  .clickable-row:active {
    background-color: #f0f0f0;
  }
  /* Evita que textos llargs trenquin la taula */
  .cos-portal-pacient td {
    word-break: break-word;
    hyphens: auto;
  }
  /* Columnes d'acció més estretes */
  .cos-portal-pacient table th[width="40px"],
  .cos-portal-pacient table td:has(.fa),
  .cos-portal-pacient table td:has(.fas) {
    width: 32px;
    min-width: 32px;
    text-align: center;
  }
  /* Icones una mica més petites */
  .cos-portal-pacient .fa,
  .cos-portal-pacient .fas {
    font-size: 14px;
  }
}
/* =====================
   AJUDA — CITES PACIENT
   ===================== */
.portal-pacient-ajuda {
  background: #f7f9fb;
  border: 1px solid #e1e6eb;
  border-radius: 6px;
  padding: 12px 15px;
  margin-bottom: 15px;
  font-size: 14px;
}
.portal-pacient-ajuda .ajuda-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}
.portal-pacient-ajuda .ajuda-item:last-child {
  margin-bottom: 0;
}
.portal-pacient-ajuda i {
  color: #166aaa;
  margin-right: 10px;
  margin-top: 2px;
  min-width: 18px;
}
/* ==========================================================
   BOTÓ HORA DISPONIBLE — PORTAL PACIENT
   ========================================================== */
.btn-portal-pacient-hora-lliure {
  background: #B7D7F0;
  /* fons suau: hora disponible */
  border: 1px solid #166aaa;
  /* contorn corporatiu */
  height: 34px;
  /* alçada fixa (coherent amb inputs) */
  width: 100%;
  /* ocupa tot l’ample de la columna */
  border-radius: 3px;
  /* cantonades lleugerament arrodonides */
  color: #166aaa;
  /* color del text */
  margin-bottom: 5px;
  /* separació vertical entre hores */
}
/* ----------------------------------------------------------
   ESTAT HOVER — quan passem el ratolí per sobre
   ---------------------------------------------------------- */
.btn-portal-pacient-hora-lliure:hover {
  background: #166aaa;
  /* blau corporatiu */
  color: #fff;
  /* text blanc per contrast */
}
/* ----------------------------------------------------------
   ESTAT FOCUS — navegació amb teclat / accessibilitat
   ---------------------------------------------------------- */
.btn-portal-pacient-hora-lliure:focus {
  outline: none;
  /* elimina focus per defecte del navegador */
  border: 2px solid #06406C;
  /* contorn més fort */
  box-shadow: 0 0 0 2px rgba(22, 106, 170, 0.3);
  /* halo suau */
  background: #B7D7F0;
  /* manté el color base */
  color: #166aaa;
  /* manté el color del text */
}
/* ----------------------------------------------------------
   ESTAT ACTIU — hora seleccionada per l’usuari
   ---------------------------------------------------------- */
.btn-portal-pacient-hora-lliure.activa {
  background: #166aaa;
  /* blau corporatiu (hora escollida) */
  color: #fff;
  /* text blanc */
  border: 2px solid #06406C;
  /* contorn reforçat */
}
/* ==========================================================
   RESUM DE LA VISITA — CONFIRMACIÓ DE CITA
   ========================================================== */
.portal-pacient-resum {
  background: #f7f9fb;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  padding: 15px 20px;
  font-size: 15px;
}
/* ==========================================================
   WRAPPER CALENDARI — FA QUE LA CAIXA BLANCA COBREIXI TOT
   ========================================================== */
.portal-pacient-calendar {
  background: #f7f9fb;
  border-radius: 6px;
  padding: 12px;
  overflow: hidden;
  box-sizing: border-box;
}
/* força que tot el calendari s’adapti a l’ample del wrapper */
.portal-pacient-calendar calendar {
  display: block;
  width: 100%;
}
/* si el plugin pinta una taula, assegura 100% ample */
.portal-pacient-calendar table {
  width: 100%;
  max-width: 100%;
}
/* ==========================================================
   BLOC HORES DISPONIBLES — PORTAL PACIENT
   ========================================================== */
.portal-pacient-hores {
  background: #f7f9fb;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  padding: 15px 15px 10px;
}
/* margen izquierdo y superior para mostra la pantalla principal*/
.page-wrapper {
  padding-left: 80px;
}
/* Side Navigation */
.side-nav {
  position: fixed;
  top: 0px;
  left: 80px;
  width: 80px;
  margin-left: -80px;
  overflow-y: auto;
  bottom: 0;
  overflow-x: hidden;
}
.side-nav.PRO {
  background: #166aaa;
}
.side-nav.PRE {
  background: #000000;
}
/* elementos de la barra lateral */
.side-nav > li > a {
  width: 80px;
  padding-top: 20px;
  padding-bottom: 7px;
}
/* estilo al pasar por encima */
.side-nav li a:hover {
  outline: none;
  background-color: #06406C;
  /* color del fondo */
}
/* listas de la barra lateral */
/*.side-nav > li > ul > li > a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #fff;
}*/
/* pasar por encima de las listas de la barra lateral */
/*.side-nav > li > ul > li > a:hover {
    color: @color-primary-4;
}*/
/*Definim el lineHeight del summernote per defecte*/
.note-editable {
  line-height: 0.8;
}
.tab-pane {
  border: 3px solid #06406C;
  border-radius: 0px 10px 10px 10px;
  padding: 10px;
  margin-bottom: 10px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #06406C;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border: 3px solid #06406C;
  font-size: 1.2em !important;
}
.nav-tabs > li > a {
  color: #000;
}
.table-qbed {
  font-size: 11.5px;
}
.table-qbed .seleccionada-hd > td {
  color: #000000;
  background-color: #A6CFBE !important;
}
.table-qbed > tbody > tr > td {
  vertical-align: middle;
}
.table-qbed > tbody > tr > td,
.table-qbed > tbody > tr > th {
  background-color: #fff;
}
.table-qbed > tbody > tr:nth-child(odd) > td,
.table-qbed > tbody > tr:nth-child(odd) > th {
  background-color: #E3F1FC;
}
.table-qbed > tbody > tr:hover > td,
.table-qbed .table-hover > tbody > tr:hover > th {
  background-color: #D3D7DA;
}
.table-qbed > thead {
  background-color: #166aaa;
  height: 27px;
  width: 99%;
  color: #fff;
}
.table-qbed > thead > tr > th {
  font-weight: normal !important;
  font-size: 12px;
}
.table-qbed > thead > tr > th > a,
.table-qbed a:hover {
  height: 27px;
  width: 99%;
  color: #fff;
  font-weight: normal !important;
  font-size: 12px;
  text-decoration: none !important;
}
.table-qbed-condensed > thead > tr > th,
.table-qbed-condensed > tbody > tr > th,
.table-qbed-condensed > tfoot > tr > th,
.table-qbed-condensed > thead > tr > td,
.table-qbed-condensed > tbody > tr > td,
.table-qbed-condensed > tfoot > tr > td {
  padding: 4px;
}
.table-fixed {
  float: left;
  width: 100%;
}
.table-fixed-15 {
  float: left;
  width: 15%;
}
.table-fixed-20 {
  float: left;
  width: 20%;
}
.table-scroll {
  float: right;
  overflow-x: scroll;
  width: 85%;
}
.table-scroll-80 {
  float: right;
  overflow-x: scroll;
  width: 80%;
}
.table-fixed-30 {
  float: left;
  width: 30%;
}
.table-fixed-70 {
  float: right;
  width: 70%;
}
.table-scroll-y {
  overflow-y: auto;
}
.table-wrapper th,
.table-wrapper td {
  white-space: nowrap;
}
.ajustar-texto {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-ajustar-texto {
  table-layout: fixed;
}
th.tablesort-sortable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
table .tablesort-sortable:after {
  content: "";
  float: right;
  margin-top: 7px;
  visibility: hidden;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: none;
  border-bottom: 4px solid #fff;
}
table .tablesort-desc:after {
  border-top: 4px solid #fff;
  border-bottom: none;
}
table .tablesort-asc,
table .tablesort-desc {
  background-color: #06406C;
}
table .tablesort-sortable:hover:after,
table .tablesort-asc:after,
table .tablesort-desc:after {
  visibility: visible;
}
/*
 * Styling for the table row shown in empty tables
 */
/* The row is always added as the first row in a table
   Hide it by default */
.showIfLast {
  display: none;
}
/* Only show it if it is also the last row of the table. */
.showIfLast:last-child {
  display: table-row;
}
.showIfLast td {
  text-align: center;
}
/* fila agrupador (quirofan) */
.table-qbed tbody tr.tr-agrupador,
.table-qbed tbody tr.tr-agrupador td {
  background-color: #06406C !important;
  color: #ffffff !important;
}
/*.scrollit {
    > tbody {
        width: 99%;
        height: 600px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    thead, tbody {
        display: block;
    }
}*/
/* botons circulars */
/*.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px !important;
}

.btn-circle.btn-sm {
    width: 40px;
    height: 40px;
    padding: 6px 0px 6px 5px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 20px !important;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px !important;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px !important;
}*/
.ui-select-toggle {
  display: flex;
  justify-content: space-between;
}
.ui-select-match-text {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.ui-select-bootstrap > .ui-select-match > .btn > .btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #D3D7DA !important;
  opacity: 1 !important;
}
.ui-select-placeholder.text-muted {
  color: #999!important;
}
.form-inline .ui-select-container .ui-select-toggle,
.form-inline .ui-select-container .ui-select-search {
  width: 100%;
}
/*qualsevol ui-select que estigui dins d'un fieldset deshabilitat, no ha de respondre als clics.*/
fieldset[disabled] div.form-group:has(.ui-select-container),
fieldset[disabled] div.input-group:has(.ui-select-container) {
  /*mostra la creu de prohibició*/
  cursor: not-allowed !important;
}
fieldset[disabled] .ui-select-container {
  pointer-events: none;
  /*ignora els clics del ratolí */
}
.VacunaCovidDosi1 {
  font-weight: bold;
  color: #f49404;
}
.VacunaCovidDosi2 {
  font-weight: bold;
  color: #009354;
}
.VacunaCovidDosi3 {
  font-weight: bold;
  color: #ff00ff;
}
.VacunaCovidDosi4 {
  font-weight: bold;
  color: #66CDAA;
}
.VacunaCovidDosi5 {
  font-weight: bold;
  color: #a26de3;
}
.VacunaCovidDosiUnica {
  font-weight: bold;
  color: #20B2AA;
}
.backgroundColorVacunaCovidDosi1 {
  background-color: #f49404;
}
.backgroundColorVacunaCovidDosi2 {
  background-color: #009354;
}
.backgroundColorVacunaCovidDosi3 {
  background-color: #ff00ff;
}
.backgroundColorVacunaCovidDosi4 {
  background-color: #66CDAA;
}
.backgroundColorVacunaCovidDosi5 {
  background-color: #a26de3;
}
.backgroundColorVacunaCovidDosiUnica {
  background-color: #20B2AA;
}
.xt-error {
  border: 2px solid #D63D00;
  color: #D63D00;
}
.xt-error:focus {
  border: 1px solid #D63D00;
  box-shadow: 0 0 2px #D63D00;
}
.xt-error-container {
  border: 2px solid #D63D00;
  color: #D63D00;
}