/* VARIABLES */

:root {
	--primary-dark-color: #2E5E9E;										/* #3573be */
	--disabled-text-color: #707070;										/* #888 */
	--solid-label-color: #2e5da4;										/* #2e6da4 */

	--bootstrap-default-color: #666666;								/* #777 */
	--bootstrap-danger-color:  #dc3545;								/* #dc4e3f */
	--bootstrap-info-color: #4552e9;									/* #6BA9F8 */
	--bootstrap-success-color: #288800;								/* #04b38e */ /*#5cb85c */
	--bootstrap-success-color-a: rgba(34, 114, 0, 0.88);			/* rgba(21, 183, 116, 0.88) */
	--bootstrap-warning-color: #f0ad4e;								/* #d4870e */
	--bootstrap-warning-color-a: rgba(220, 138, 9, 0.88);
	--bootstrap-warning-text: #343a40;									/* #ffffff */

	--bootstrap-disabled-color: #666666;								/* #777 */

	--sidebar-sm-width: 140px;												 /* 90px */
}

/* FONTS */

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Regular.eot');
    src: url('../fonts/IBMPlexSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Regular-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Regular-Latin1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Italic.eot');
    src: url('../fonts/IBMPlexSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Italic-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Italic-Latin1.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Light.eot');
    src: url('../fonts/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Light-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Light-Latin1.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-LightItalic.eot');
    src: url('../fonts/IBMPlexSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-LightItalic-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-LightItalic-Latin1.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Medium.eot');
    src: url('../fonts/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Medium-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Medium-Latin1.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-MediumItalic.eot');
    src: url('../fonts/IBMPlexSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-MediumItalic-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-MediumItalic-Latin1.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-SemiBold.eot');
    src: url('../fonts/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-SemiBold-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-SemiBold-Latin1.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-SemiBoldItalic.eot');
    src: url('../fonts/IBMPlexSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-SemiBoldItalic-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-SemiBoldItalic-Latin1.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Bold.eot');
    src: url('../fonts/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Bold-Latin1.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Bold-Latin1.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body, h1, h2, h3, h4, h5, h6, p, a, th, td, input, select, textarea{
	font-family:'IBM Plex Sans',"Helvetica Neue",Arial,"Droid Sans",sans-serif;
}
label{
	font-weight: 500;
}
option{
	padding-top:4px;
}

/* ACCESSIBILITAT : FOCUS ---------------------------------------------------------------------- */

button:focus, 
a:focus, 
input:focus, 
textarea:focus, 
select:focus {
    outline: 2px solid var(--focus-linecolor);
	 outline-offset: 1px;
    border-radius: 1px;
}

/* COLORS -------------------------------------------------------------------------------------- */

.success{
	color: var(--bootstrap-success-color);
}
.danger{
	color: var(--bootstrap-danger-color); 
}
.warning{
	color: var(--bootstrap-warning-color);
}
.info{
	color:#317cdc;
}
.primary{
	color:#337ab7;
}
.blau-fort{
	color:#334993;
}
.blau-mig{
	color:#cbdbef;
}
.blau-suau{
	color:#e8eef6;
}
.bg-blue{
	background:#334993 !important;
	border:1px solid #334993 !important;
}
.bg-blau-mig{
	background:#cbdbef !important;
	border:1px solid #cbdbef !important;
}
.especial{
	color: #f84efe;
}

.skip-to-content {
	position: relative;
	width:15em;
	margin:0 auto;
	top: -1px;
	background-color: #06c;
	border-radius: 0 0 5px 5px;
	font-size: 16px;
	text-align:center;
	line-height: 2em;
	z-index: 9999999 !important;
}
.skip-to-content a {
	color: #ffffff !important;
}

.container.body {
    position:absolute;
    top:0;
}

.x_content p {
	font-size:12pt;
	line-height:18pt !important;
}

/* AUTH VIEWS ---------------------------------------------------------------------------------- */

ul.login_idioma{
	width:auto;
	margin:5px auto;
	text-align: center;
	list-style: none;
	padding: 0;
}
.login_idioma li{
	display: inline;
	list-style: none;
}
.login_idioma li a{
	color:#0053ad;
}
.login_idioma li.active a{
	font-weight: bold;
}
.login_idioma li a:hover{
	text-decoration: underline;
	color:#01366f;
}
.login_idioma li.active a:hover{
	text-decoration: none;
	color:#0053ad;
}
div.logo{
	text-align: center;
}
.login_wrapper{
	width:430px;
	max-width:100%;
}

.login{
	background: var(--login-bgcolor);
}

.login_content form input[type=text], .login_content form input[type=email], .login_content form input[type=password], .login_content form select{
	margin-bottom:10px;
	border-radius: 3px;
	border-color: #558CC7; /* #66afe9 */
	color: #666666;
}
.login_content form input[type=text]:focus, .login_content form input[type=email]:focus, .login_content form input[type=password]:focus, .login_content form select:focus{
	border-color:#003c99;
}
.login_content form div a{
	font-size:1.2em;
	color:#0053ad;
}
.login_content form div a#politica{
	font-size:1em;
}
.login_content form div a:hover{
	color:#01366f;
}
.login_form, .registration_form{
	top:95px;
}
.form-horizontal .has-feedback .form-control-feedback{
	right:5px;
}
.login_content h1:after, .login_content h1:before{
	width:16%;
}
.login_content form .legal a{
	margin:0;
	font-size:1em;
}

/* REGISTER VIEWS (PAS 3) ---------------------------------------------------------------------- */

.register_wrapper{
	width:600px;
	max-width:100%;
}

/* NOU LOGIN ----------------------------------------------------------------------------------- */

.login_wrapper_amsa{
	right: 0;
    margin: 2% auto 0;
    position: relative;
	width:1280px;
	max-width:100%;
}
img.logo{
	display:inline-block;
}
.login_wrapper_amsa .login_content{
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
}
.border_grey{
	border:1px solid var(--disabled-text-color);
}
.login_wrapper_amsa .login_content form input[type=submit]{
	float:none;
	margin:0;
}
.login_content h1, .login_content h2 {
    font: 400 25px Helvetica,Arial,sans-serif;
    letter-spacing: -.05em;
    line-height: 20px;
    margin: 10px 0 30px;
    color:#334993;
}
.login_wrapper_amsa .login_content h1:after, .login_wrapper_amsa .login_content h1:before{
	content:none;
}
p.register_intro{
	font: 400 20px Helvetica,Arial,sans-serif;
   letter-spacing: -.05em;
	line-height: 20px;
   color: var(--primary-dark-color);	
}
p.tit_icon{
	padding-top: 1em;
	font: 400 20px Helvetica,Arial,sans-serif;
   letter-spacing: -.05em;
   line-height: 20px;
	color: var(--primary-dark-color);
	 
}
.login_wrapper_amsa .login_content li{
	line-height: 20px;
	font-size:16px;
}
a.register_btn{
	text-shadow:none;
}
a.register_btn:hover{
	text-decoration: none;
}

/* TEXTOS -------------------------------------------------------------------------------------- */

textarea{
	resize:vertical;
	max-width: 100%;
}
a{
	color:#334993;
	cursor: pointer;
}
a:hover, a:visited, a:active, a:focus{
	color:#012473;
}
h1{
	color:#334993;
	margin-bottom:14px;
}
h1 span.bc{
	position:relative;
	bottom:2px;
	font-size:0.9em;
}
h2{
	color: var(--primary-dark-color);
	font-size:20px;
	font-weight: 500;
	line-height: 1.2em;
}
h3{
	color:#377dd4;
}
blockquote{
	margin:10px 0;
	border-left:none;
	font-size:1em;
}
.label{
	font-size: 14px;
	padding:.3em .6em .2em;
	font-weight: 400;
}
.label-right{
	text-align:left !important;
	font-weight:400;
}

.uppercase {
	text-transform:uppercase;
}
.lowercase{
	text-transform:lowercase;
}

.m0{
	margin:0 !important;
}
.ml0 {
	margin-left:0 !important;
}
.ml4 {
	margin-left:4px !important;
}
.ml10 {
	margin-left:10px !important;
}
.mt0{
	margin-top:0 !important;
}
.mt6{
	margin-top:6px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt40{
	margin-top:40px !important;
}
.mr0{
	margin-right:0 !important;
}
.mr4{
	margin-right:4px;
}
.mr20{
	margin-right:20px;
}
.mb0{
	margin-bottom:0 !important;
}
.mb8{
	margin-bottom:8px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.p0{
	padding:0 !important;
}
.pt0{
	padding-top:0 !important;
}
.pt5{
	padding-top:5px !important;
}
.pt7{
	padding-top:7px !important;
}
.pt9{
	padding-top:9px !important;
}
.pt10{
	padding-top:10px !important;
}
.pt30{
	padding-top:30px !important;
}
.pr0{
	padding-right:0 !important;
}
.pb8{
	padding-bottom:8px !important;
}
.pl15{
	padding-left: 15px !important;
}
.pl50{
	padding-left: 50px !important;
}
.autoheight{
	height: auto !important;
}
.cuerpo ol, .cuerpo ul{
	margin:8px 0;
}
.cuerpo a{
	color:#0033bb;
	text-decoration: underline;
}
.ref_span{
	line-height:34px;
	padding:0 5px;
}

/* BOTONS -------------------------------------------------------------------------------------- */

.btn {
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.35);
}
.btn:active {
	box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.btn.active {
	border-color: #985f0d;
}
a.btn {
	color:#FFFFFF;
}
.btn-xs {
	padding: 2px 5px 0;
}
.btn-success {
	background: var(--bootstrap-success-color);
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover, .btn-success[disabled]:hover, .btn-success[disabled]:active, .btn-success[disabled]:active:hover{
	background-color:#03755f;
	border-color:#035f4d;
}
.btn-default, a.btn-default{
	color:#353535;
	background-color:#ececec;
	border-color:#BCBCBC;
}
.btn-tristate {
	display:flex;
}
.btn-tristate-ko,.btn-tristate-uk,.btn-tristate-ok {
	color:#353535;
	background-color:#ececec;
	border-color:#BCBCBC;
}
.btn-tristate-ko:active, .btn-tristate-ko.active {
	color: #fff;
	background-color: #ac2925;
	border-color: #761c19;
}
.btn-tristate-uk:active, .btn-tristate-uk.active {
	color: #fff;
	background-color: #d58512;
	border-color: #985f0d;
}
.btn-tristate-ok:active, .btn-tristate-ok.active {
	color: #fff;
	background-color: #398439;
	border-color: #255625;
}
.btn-default.focus, .btn-default:focus, .btn-default:hover, .btn-success:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover, .dataTables_paginate a:hover, .dataTables_paginate a:focus{
	background-color:#CDCDCD !important;
}
.btn-blau, a.btn-blau {
	color:#666;
	background-color:#e8eef6;
	border-color:#cbdbef;
}
.btn-blau.focus, .btn-blau:focus, .btn-blau:hover, .btn-blau:active:focus, .btn-blau:active:hover, .open>.dropdown-toggle.btn-blau.focus, .open>.dropdown-toggle.btn-blau:focus, .open>.dropdown-toggle.btn-blau:hover{
	background-color:#cbdbef !important;
}

.hover_no_ul:hover {
	text-decoration: inherit !important;
}

/* TOOLTIP ------------------------------------------------------------------------------------ */

.tooltip{
	z-index:9999;
}

/* ESTRUCTURA ---------------------------------------------------------------------------------- */

body{
	word-wrap:break-word;
	color:#464646;
	font-size:14px;
}
.normal {
	color: #464646;
	font-style: normal;
	float: left !important;
}
.right{
	float:right;
}
.form-group{
	margin-bottom:8px;
}
.form-group label{
	padding-right:2px;
	padding-left:6px;
	padding-top:4px;
}
.form-group span.euro{
	line-height: 34px;
	padding-left: 6px;
}
.nav_title, .left_col {
	background: var(--sidebar-bgcolor);
}

.left_col{
	box-shadow:0px 0px 10px #1f4b82;
	z-index:9000 !important;	
}

.site_title{
	padding:7px 10px;
}

.fons_amsa{
	background:url(../bg_60.png) bottom 0px right no-repeat !important;
	background-attachment: fixed !important;
}

/* TOPBAR MENU --------------------------------------------------------------------------------- */

.nav_menu{
	background: var(--topbar-bgcolor);
	border-bottom-color: #afccef;
}

.top_nav .navbar-right{
	width:74%;
}
.top_nav .navbar-right li{
	border-left:1px solid var(--sidebar-linecolor);
}
.top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover, .top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover{
	background: var(--login-bgcolor);
}

.btn-toggle {
	padding: 0 10px 0 0;
	color: #334993;
	font-size: 26px;
	border: 0;
	background-color: transparent;
	margin-left: 15px;
	line-height: 15px;
}	 
.user-profile img{
	width:24px;
	height:24px;
	vertical-align: text-top;
}

.dropdown-usermenu{
	font-size:14px;
}
.dropdown-usermenu li.separator {
	border-bottom: 1px solid #D9DEE4;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	cursor:default;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background: #e8eef6;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	color:#262626;
	background: #a5c8f3;
}

/* SIDEBAR MENU -------------------------------------------------------------------------------- */

.main_menu > ul {
	padding: 0;
	line-height:2em;
}
.main_menu li a {
	display: block;
	text-decoration: none;
}
.main_menu li.active a {
	color: #ffffff;
}
.main_menu i.fa {
	text-align:center;
	vertical-align: text-bottom;
}
.main_menu span.fa {
	width:16px;
}

.menu_section {
	background-image: linear-gradient(45deg, var(--sidebar-bgcolor) 97%, #dfdfdf 97%);
	border-bottom:1px solid var(--sidebar-linecolor);
	margin-bottom:10px;
	margin-right:5px;
}
.menu_section:last-child{
   margin-bottom: 100px;
}
.menu_section>ul {
	top: 0;
}

.menu_level_1 {
	color: #ffffff !important;
	font-size:1.2em;
	font-weight: 500;
	letter-spacing: .5px;
   text-shadow: 1px 1px #000;
	padding-left: 15px;
	padding-bottom: 5px;
}
.menu_level_1:hover,
.menu_level_1:focus {
	background-image: linear-gradient(45deg, var(--sidebar-linecolor) 95%, #dfdfdf 95%);
}

.menu_section.active .menu_level_1 {
	background-image: linear-gradient(45deg, var(--sidebar-bgcolor) 95%, #dfdfdf 95%);
}

.child_menu {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.child_menu li.active {
	position: relative;
	background: var(--primary-dark-color);
	border-top: 1px solid var(--sidebar-bgcolor);
}
.child_menu li.active a {
	color: #DCF9FA;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.child_menu li.active .child_menu {
	padding: 0;
	background-color: rgba(53, 115, 190, .4);
}
.child_menu li.current-page {
	border-right: 5px solid #4FBDE3;
	position: relative;
} 

.child_menu li.active .child_menu li a {
	font-size: 14px;
}

.menu_level_2 {
	color: #EEEEEE !important;
	font-weight: 500;
	padding: 5px 0 5px 10px;
}
.menu_level_2 > ul {
	background-color: rgba(53, 115, 190, 0.4);
}

.nav > li > a {
	padding: 13px 18px 12px;
}
.nav > li.disabled > a {
	background-color: #eeeeee;
	color: var(--bootstrap-disabled-color);
}

.info-number .badge{
	padding: 2px 5px 1px;
	right:5px;
}

#sidebar-footer {
	background: var(--footer-bgcolor);
	border-top: 2px solid var(--topbar-bgcolor);
	bottom: 0px;
   clear: both;
   display: block;
   padding: 5px 0 0 0;
   position: fixed;
   width: 230px;
	z-index: 100;
}

#sidebar-footer ul {
	display: flex;
}
#sidebar-footer ul li {
	list-style: none;
	display: contents;
	text-align: center;
}
#sidebar-footer a {
	color: #ffffff;
	background: transparent;
	width: 100%;
	margin: 10px;
}
#sidebar-footer a i.fa {
	font-size: 16px;
}
#sidebar-footer a:hover{
	background: var(--primary-dark-color);
	color:#bbb;
}

/* Navegació en mobile ------------------------------------------------------------------------- */

.nav-sm .container.body .col-md-3.left_col,
.nav-sm #sidebar-footer {
	width: var(--sidebar-sm-width);
}
.nav-sm .main_container .top_nav,
.nav-sm .container.body .right_col {
	margin-left: var(--sidebar-sm-width);
}

.nav-md .container.body .right_col, .nav-sm .container.body .right_col{
	background-color:transparent;
	padding-top:60px;
	padding-bottom:60px !important;
}

.nav-sm .main_menu {
	padding-bottom:10px;
}

.nav-sm img.logo, .nav-xs img.logo {
	display:none;
}
.nav-sm img.logo-sm, .nav-xs img.logo-sm {
	display:block;
	margin:4px auto;
}

.nav-sm ul.nav.child_menu{
	background: #334993;
	left:90px;
}
.nav-sm .menu_section {
	margin-right:5px;
	background-image: var(--sidebar-bgcolor);
}
.nav-sm .menu_level_1 {
	line-height: 2.5em;
}
.nav-sm .menu_level_1:hover,
.nav-sm .menu_level_1:focus {
	background-image: linear-gradient(45deg, rgb(46, 94, 158) 100%, #dfdfdf 100%);
}
.nav-sm .menu_section.active .menu_level_1 {
	background-image: var(--sidebar-bgcolor);
}

.nav-sm .menu_section h3 {
	display: block;
	font-size: 1em;
	height: 2em;
	padding-top: 1em;
}
.nav-sm .menu_section .h3_menu {
	display: none;
}
.menu_section .h3_menu_sm {
	display: none;
}
.nav-sm .menu_section .h3_menu_sm {
	display: block;
}
.nav-sm .menu_section span.fa {
	position: absolute;
	right: 0;
	top: 0;
}

.nav-sm .child_menu li.active .child_menu {
	top: absolute;
}

.nav-sm .menu_level_2 {
	position: relative;
	font:menu;
	text-align: center !important;
	font-weight: 400;
	padding: 5px 5px 10px 5px;
}
.nav-sm .menu_level_2 i {
	font-size: 22px !important;
	width: 100% !important;
	padding-bottom: 0;
}

.nav-sm li.submenu-bottom ul.nav.child_menu {
	top:auto;
	bottom:0;
}

.nav-sm #sidebar-footer li {
	display: inline-block;
}
.nav-sm #sidebar-footer li a {
	padding: 5px 1em;
}

/* Navegació MD -------------------------------------------------------------------------------- */

.nav-md .container.body .col-md-3.left_col{
	z-index:9000;
}
.nav-md img.logo, .nav-lg img.logo {
	display:block;
}
.nav-md img.logo-sm, .nav-lg img.logo-sm {
	display:none;
}
.nav-md ul.nav.child_menu li:before{
	margin-top:13px;
	background:#8199d1;
}
.nav-md ul.nav.child_menu li:after{
	border-left-color:#4f75cd;
}

footer{
	background:#cbdbef;
	color:#0033a9;
	font-size:0.9em;
	z-index:4000;
}

.page-title .title{
	width:100%;
	float:left;
}
.page-title .title_left{
	width:80%
}
.page-title .title_right{
	width:19%;
	float:right;
	margin-top:12px;
	text-align:right;
}

@media (max-width: 480px){
	h1{
		font-size:26px;
	}
	footer{
		font-size:0.6em;
	}
}
@media (max-width: 767px){
	.footer_fixed .nav-sm footer, .footer_fixed footer {
	    margin-left: 0;
	}

	h1{
		font-size:30px;
	}

	.page-title .title_left{
		width:70%
	}
	.page-title .title_right{
		width:29%;
	}
}
@media (max-width: 991px){
	.nav-md .container.body .right_col, .nav-sm .container.body .right_col{
		padding:70px 10px 60px !important;
	}
}
@media (max-width: 810px){
	.nav-md .container.body .right_col, .nav-sm .container.body .right_col{
	    background-position:left bottom;
	    padding:70px 10px 60px !important;
	}
}

/* Bootstrap : BUTTONS + LABELS ---------------------------------------------------------------- */
.label-default {
	background-color: var(--bootstrap-default-color);
}
.btn-danger,
.label-danger {
	background-color: var(--bootstrap-danger-color);
}
.btn-info,
.label-info {
	background-color: var(--bootstrap-info-color);
}

.btn-info{
	border-color:rgba(12, 112, 179, 0.92);
}
.btn-info:hover{
	background-color:#468fec;
	border-color:rgba(12, 112, 179, 0.92);
}
.btn-info:active, .btn-info:focus, .btn-info:active:focus{
	background-color:#3082ec;
	border-color:rgba(12, 112, 179, 0.92);
}
.btn-success,
.label-success {
	background-color: var(--bootstrap-success-color);
}
.btn-warning,
.label-warning {
	background-color: var(--bootstrap-warning-color);
	color: var(--bootstrap-warning-text);
}

.label-disabled {
	color: var(--bootstrap-disabled-color);
	font-style: italic;
}

/* ALERTES ------------------------------------------------------------------------------------- */

.alert{
	margin:15px;
	font-size:1.2em;
	text-align: center;
}
.alert i{
	font-size:1.3em;
	margin-right:5px;
}
.alert-success{
	background-color: var(--bootstrap-success-color-a);
	border-color:rgba(21, 130, 80, 0.92);
}
.alert-info{
	background-color:rgba(86, 157, 247, 0.88);
	border-color:rgba(12, 112, 179, 0.92);
}
.alert-warning {
	background-color: var(--bootstrap-warning-color-a);
	border-color:rgba(171, 88, 17, 0.92);
	color: var(--bootstrap-warning-text);
}
.alert-danger{
	background-color:rgba(216, 54, 37, 0.88);
	border-color:rgba(165, 31, 18, 0.92);
}
.login_wrapper .alert{
	margin-left:0;
	margin-right:0;
}

/* FLASHER ------------------------------------------------------------------------------------- */

.fl-main-container {
	width:40rem !important;
}

.fl-main-container .alert::before {
	font-family: 'FontAwesome', 'IBM Plex Sans';;
	font-size: 2em;
	display: flex;
   padding-right: 0.5em;
   vertical-align: middle;
}

.fl-main-container .alert {
	display: flex;
}
.fl-main-container .alert-danger::before {
	content: "\f057";
}
.fl-main-container .alert-info::before {
	content: "\f05a";
}
.fl-main-container .alert-success::before {
	content: "\f058";
}
.fl-main-container .alert-warning::before {
	content: "\f05a";
}

.fl-main-container .fl-container .fl-progress-bar{ height:0.2em !important; }
.fl-main-container .alert-success .fl-progress-bar{background-color:#6dface}
.fl-main-container .alert-success .fl-progress-bar .fl-progress{background-color:#059669}
.fl-main-container .alert-info .fl-progress-bar{background-color:#e0e9fc}
.fl-main-container .alert-info .fl-progress-bar .fl-progress{background-color:#2563eb}
.fl-main-container .alert-warning .fl-progress-bar{background-color:#fdd8ae}
.fl-main-container .alert-warning .fl-progress-bar .fl-progress{background-color:#d97706}
.fl-main-container .alert-error .fl-progress-bar{background-color:#f8d6d6}
.fl-main-container .alert-error .fl-progress-bar .fl-progress{background-color:#dc2626}

/* NOTIFICACIONS (BARRA SUPERIOR) -------------------------------------------------------------- */

.nav.navbar-nav>li>a {
	color: var(--footer-bgcolor) !important;
}

.navbar-nav .open .dropdown-menu.msg_list{
	width:325px;
	max-height:400px;
	overflow: auto;
}
.navbar-right ul.msg_list li{
	padding:0;
}
.navbar-right ul.msg_list li a{
	padding:6px !important;
}
.navbar-right ul.msg_list li a .time{
	right:6px;
}
.navbar-right ul.msg_list li p{
	margin:8px 0;
	text-align:center;
}

/* FORMULARIS ---------------------------------------------------------------------------------- */

form .error{
	border:1px solid rgba(216, 54, 37, 0.88);
}
.form-control-feedback{
	color: var(--primary-dark-color);
	z-index:0;
	width:30px;
}
.form-control-feedback.right{
	right:10px;
}
.form-control:not([readonly]):not([disabled]):focus{
	border-color:#003c99;
}
.form-control[disabled],
.form-control[disabled] option {
	color:#666666;
}
.form-control.form-dark-border {
	border-color: #557BB9; /* #888888;*/
}
.datepicker{
	cursor:pointer;
}
.datepicker:focus{
	border-color:#003c99 !important;
}
form label span{
	color: var(--solid-label-color);
}
.ln_solid{
	border-top: 0;
	border-bottom: 1px solid #cbdbef;
	background-color: transparent;
	color: var(--solid-label-color);
	height:auto;
	text-align: right;
	font-style: italic;
	padding-bottom:4px;
	margin:10px 0 20px;
}

.help-block{
	margin-top:3px;
	margin-bottom:8px;
	color:#0033a9;
}
.help-block a{
	font-weight: bold;
}
.help-block a:hover{
	text-decoration: underline;
}
.input-mini{
	max-width:120px;
}
.input-small{
	max-width:200px;
}
.input-medium{
	max-width:360px;
}
.input-large{
	max-width:500px;
}
.datepicker:not([disabled]){
	background:#FFF !important;
}

@media screen and (min-width: 400px){
	.form-horizontal label.xs-tl{
		text-align: left;
	}
}
@media (min-width: 768px){
	.form-control{
		font-size:15px;
	}
}
@media screen and (min-width: 1200px){
	.form-horizontal label.lg-tr{
		text-align: right;
	}
}

/* CONTINGUT CENTRAL --------------------------------------------------------------------------- */

.x_panel{
	background:rgba(232, 238, 246, 0.75);
	border:1px solid #cbdbef;
	box-shadow: 2px 2px 8px rgb(178, 195, 212);
	padding:10px;
	margin-bottom:20px;
}
.x_panel_transparent .x_panel{
	background:none;
	border:none;
	box-shadow: none;
	padding:10px 0;
}
.tab-pane .x_panel{
	background:#f7f7f7;
}
.panel_toolbox{
	min-width: 24px;
	display:inline-block;
}
.panel_toolbox li>a{
	padding:3px 5px;
	color:#427ebf;
}
.panel_toolbox>li>a:hover{
	background:#cbdbef;
}
.x_title{
	border-bottom:2px solid #cbdbef;
	padding:1px 0 2px;
	margin:0 5px 10px;
}
.x_panel_header .x_panel{
	background:#cbdbef;
}
.x_panel_header .x_panel .x_title{
	border-bottom-color:#9ebadb;
}
@media screen and (max-width: 767px){
	body{
		font-size:13px;
	}
	.x_panel{
		padding:8px 5px;
	}
}

/* DATATABLES ---------------------------------------------------------------------------------- */

table, .table{
	border-spacing:0;
}
table.dataTable{
	width: 100% !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
	opacity:0.75;
	color: #0033a9;
}
table.dataTable thead .sorting:after{
	opacity:0.3;
}
table.dataTable thead tr th{
	border-bottom:1px solid #dddddd;
	font-weight: 500;
}
.table-striped>tbody>tr:nth-of-type(even){
	background-color: #eef3f9;
}
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter{
	color: var(--disabled-text-color);
}

div.dataTables_wrapper div.dataTables_paginate{
	margin:8px 0 5px 10px;
}
.dataTables_paginate a{
	padding: 6px 12px;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border:1px solid #85b5f1 !important;
    background: #cbdbef !important;
}
.dataTables_paginate a:hover, .dataTables_paginate a:focus, .dataTables_paginate a:active{
	background: #99c0f1 !important;
}
.dataTables_paginate>a:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.dataTables_paginate>a:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.dataTables_paginate a.disabled{
	color:#3169B8;
	cursor:not-allowed;
	background: #ECF4FF !important;
	border-color:#c1d6f5 !important;
}
.dataTables_paginate a.disabled:hover, .dataTables_paginate a.disabled:focus, .dataTables_paginate a.disabled:active{
	background-color:#dce4ef !important;
}
.dataTables_paginate a.current{
	background: #a9c0f1 !important;
	cursor:default;
}
.dataTables_wrapper input[type="text"], .dataTables_wrapper input[type="search"], .dataTables_wrapper select{
	height: 30px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1.3;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.dataTables_wrapper input[type="text"]:focus, .dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper select:focus{
	border-color:#003c99;
}

table.dataTable tbody tr td{
	vertical-align: middle;
	line-height: 1.1em;
}
table.dataTable i{
	font-size:1.2em;
}

table.dataTable .btn{
	margin-bottom:0;
	padding:2px 7px 0;
}

table.dataTable td.panel-title { 
	font-weight:500;
}

table.dataTable:not(#tablaDivs) tbody tr:hover td{
	border-right-color:#d6e2f2;
}

table.dataTable:not(#tablaDivs) tbody tr:hover {
	background:rgba(203,219,239,0.7);
}

div.dataTables_wrapper div.dataTables_filter input{
	max-width:82%;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{
	padding-left:0 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child ul{
	margin-bottom:0;
	padding-left:10px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child ul{
	list-style:none;
}

@media screen and (max-width: 767px){
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
		display:block;
		width:100%;
	}
}

#table-permisos_length, #table-permisos_filter, #table-permisos_info, #table-permisos_paginate{
	display:none;
}
#table-permisos thead th.sorting_asc{
	cursor:default;
}

#tablaDivs{
	width:100%;
	border:0;
}
#tablaDivs_length{
	padding-left:10px;
	margin:4px 0 12px;
}
#tablaDivs_filter{
	padding-right:10px;
	margin:4px 0 12px;
}
#tablaDivs_wrapper label{
	font-weight: normal;
}
#tablaDivs_wrapper input[type="search"]{
	margin-left:8px;
}
#tablaDivs thead{
	display:none;
}
#tablaDivs tbody{
	padding-top:15px;
}
#tablaDivs_info{
	padding-left:10px;
}
#tablaDivs_paginate{
	padding-right:10px;
}
td span {
    line-height: 22px;
}
table.dataTable td.p-xs{
	padding:4px 8px;
}
table.dataTable tbody>tr.selected{
	background:#bfd7f6 !important;
}

table.dataTable tbody>tr.dtgrup {
	background-color: #f8f8f8; font-size:0.9em; display:none;
}
table.dataTable tbody>tr.dtgrup_top td {
	border-top: 2px solid #dddddd;
}
table.dataTable tbody>tr.dtgrup_bottom td {
	border-bottom: 2px solid #dddddd;
	font-weight: 600;
}
table.dataTable tbody>tr.dtsubgrup {
	background-color: #f2f2f2; font-size:0.9em; display:none;
}
table.dataTable .dtcomment {
	color:#666666; font-style: italic;
}
table.dataTable tbody>tr.disabled {
	background:#eeeeee;
	color: #aaaaaa;
}

table th.nowrap,
table td.nowrap {
	white-space:nowrap;
}

.DTFC_LeftFootWrapper {
	top:4px !important;
}

div.dt-container .dt-input,
div.dt-container .dt-search input {
	border-color: #666666;
}
div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
div.dt-container .dt-paging .dt-paging-button.disabled:active {
	color: rgba(0, 0, 0, 0.6) !important;
}

/* DATERANGEPICKER ----------------------------------------------------------------------------- */

.daterangepicker .calendar-table thead tr:first-child{
	color:#FFF;
	background:#357ebd;
}
.daterangepicker td.available:hover{
	background:#cbdbef;
}
.daterangepicker td.active:hover{
	background:#357ebd;
}
.daterangepicker th.available:hover{
	background:#0063b9;
}

/* DASHBOARD ----------------------------------------------------------------------------------- */

.tile_count{
	margin:10px 0;
}
.tile_count .tile_stats_count{
	margin-bottom:15px;
	border-bottom:none;
}
.tile_stats_count .count_top{
	color:#0033a9;
}
.tile_count .tile_stats_count:before{
	/*border-left-color:#cbdbef;*/
	border:none;
}

@media (min-width: 768px){
	.tile_count .tile_stats_count .count_top {
	    font-size: 16px;
	}
}
@media (min-width: 1200px){
	.tile_count .tile_stats_count .count_top {
	    font-size: 18px;
	}
}

.progress.progress_sm{
	margin-top:8px;
}

/* AVISOS -------------------------------------------------------------------------------------- */

.mail_list_column{
	border-left:none;
	margin-bottom: 20px;
	border-right:1px solid #cbdbef;
	max-height:650px;
	overflow: auto;
}
.mail_list_column ul{
	padding:0;
	margin:0;
}
.mail_list{
	padding:0;
	margin:0;
	border-bottom-color:#cbdbef;
}
.mail_list a{
	position: relative;
	display:block;
	width:100%;
	height:100%;
	padding:10px 10px 5px;
	border:1px solid transparent;
}
.mail_list a.new{
	background:#e2eaf5;
}
.mail_list a:hover{
	background:#cbdbef;
}
.mail_list a.active{
	border:1px solid #5484bf;
}
.mail_list h3{
	margin:0 0 8px;
}
.mail_list h3 small{
	color:#797979;
}
.mail_list a p{
	font-size:0.9em;
	margin:5px 0;
}
.mail_view{
	border-left:none;
	min-height:135px;
	padding-bottom:15px;
}
.body-aviso{
	padding-bottom:12px;
	font-size:1.1em;
}
.date-aviso{
	color:#808080;
}

/* DROPZONE ------------------------------------------------------------------------------------ */

.dropzone{
	text-align: center;
	padding:15px 15px;
	float:left;
	width: 100%;
	margin:10px 0 6px;
	border-color:#afccef;
}
.dropzone h4{
	margin-top:0;
}
.dropzone .dz-message{
	margin: 3.5em 0;
}
.dropzone .dz-preview{
	margin:10px;
}
.dropzone .dz-preview .dz-remove{
	color:#bd0202;
}
.dropzone .dz-preview .dz-error-message{
	top:26px;
}

/* BOOTBOX ------------------------------------------------------------------------------------- */

.modal-body button.close{
	margin-top:0 !important;
}
.icon-lg{
	font-size: 2em;
    line-height: 0.5em;
    position: relative;
    top: 4px;
}
.bootbox-alert .bootbox-body{
	font-weight: bold;
}
.bootbox-body p{
	font-weight:normal;
	margin:10px 0;
}

/* EKKO-LIGHTBOX ------------------------------------------------------------------------------- */

.ekko-lightbox-nav-overlay a{
	font-size:50px;
	text-shadow: 0px 0px 5px #cbdbef;
}

/* NOTICIES ------------------------------------------------------------------------------------ */

.noticia:hover{
	background: rgba(184,210,244,0.55);
}
.noticia h2{
	display:inline-block;
	width:90%;
	font-weight: 400;
}
.noticia div.img{
	width:100%;
	text-align: center;
}
img{
	max-width: 100%;
}
form img.thumb{
	max-width:100%;
	max-height:150px;
	display: block;
}
.noticia img{
	max-height:240px;
}

.noticia h4{
	margin-top:5px;
	font-size:16px;
	font-weight: 400;
}
.noticia div.meta{
	width:100%;
	font-size:1em;
}
.noticia div.meta span{
	font-style: italic;
	position: relative;
	top:3px;
}
.noticia div.meta span i{
	position: relative;
	top:-1px;
}

.cambiarImagen{
	cursor:pointer;
	color:#0033a9;
	font-weight:bold;
}
.oculta{
	background: rgba(252,160,160,0.55);
}
.oculta:hover{
	background: rgba(252,88,88,0.55);
}
.futura{
	background: rgba(160,252,160,0.55);
}
.futura:hover{
	background: rgba(88,252,88,0.55);
}
.x_title h2 {
	white-space: normal;
	margin:0 0 5px;
}
.x_title h5 {
	white-space: normal;
	margin:0;
	float: left;
   display: block;
}
.x_title .entradeta{
	color:#0033a9;
	font-size:18px;
	padding-bottom:6px;
	line-height: 1.2em;
}
.x_content .entradeta{
	color:#0033a9;
	font-size:18px;
	padding-bottom:6px;
}
.noticia .btn-xs {
    font-size: 13px;
    padding: 3px 5px 2px;
}
@media (max-width: 480px){
	.x_title .entradeta{
	    font-size:16px;
	}
}

/* GALERIA IMATGES ----------------------------------------------------------------------------- */

.x_panel_transparent .x_galeria{
	margin-bottom:0;
}
.galeria{
	width:100%;
	float:left;
}
.galeria .imagen{
	width:120px;
	height:200px;
	float:left;
	margin:0 10px 15px;
	text-align: center;
}
.galeria .imagen .form-control {
	height: 2em;
   margin-bottom: 3px;
}
.galeria .thumbnail{
	height:auto;
	max-width:100%;
	max-height:100px !important;
	margin:0 0 4px;
}
.galeria .thumbnail .image{
	height:auto;
	max-height:84px !important;
}
.galeria .thumbnail img{
	margin:0 auto;
}
.view .mask{
	height:100%;
}
.mask.no-caption .tools{
	margin:20% 0;
	background:transparent;
}

/* DOCUMENTS ----------------------------------------------------------------------------------- */

.x_content h4.docs{
	color:#335da8;
	font-size:17px;
	margin:12px 0;
	text-align: center;
}
ul.documentos{
	padding:0 15px 15px 0;
	margin:0;
	max-height:600px;
	overflow: auto;
}
ul.documentos li{
	list-style: none;
	line-height:22px;
	padding:4px 0 4px;
	width:100%;
	border-bottom:1px solid #ddecff;
	font-size:1.05em;
}
#documentosftp li.dir{
	line-height:18px;
}
#documentosftp li.dir i{
	font-size: 1.2em;
}
#documentosftp li a{
	color:#337ab7;
}
#documentosftp li a:hover{
	color:#012473;
}
.x_content .ord{
	text-align: right;
	padding-right:3px;
}
.x_content .ord i{
	color:#335da8;
	cursor:pointer;
}
ul.documentos li span.doc{
	display: inline-block;
	width:90%;
	white-space:nowrap;
}
ul.documentos li .btn-primary{
	margin:0;
}
@media (min-width: 990px){
	ul.documentos li span.doc{
	    width:71%;
	}
}
@media (min-width: 1200px){
	ul.documentos li span.doc{
	    width:80%;
	}
}
@media (min-width: 1400px){
	ul.documentos li span.doc{
	    width:85%;
	}
}

/* MAGIC SUGGEST ------------------------------------------------------------------------------- */
/* S'afegeix !important a tots per a que no quedin sobreescrits per magicsuggest.css             */

.ms-ctn .dropdown-menu{
	border-color: #709ae5 !important;
	margin:1px 0 !important;
}
.ms-sel-ctn{
	line-height:19px !important;
}

.ms-ctn .ms-sel-item{
	background: #f2f6fa !important;
	color: #334993 !important;
	border-color: #afccef !important;
	font-size:13px !important;
}
.ms-ctn .ms-sel-item:hover{
	border-color: #334993 !important;
}
.ms-res-ctn .ms-res-group{
	background: #cbdbef !important;
	color:#494949 !important;
}
.ms-res-ctn .ms-res-item:hover{
	background: #edf4fa !important;
}
.ms-res-ctn .ms-res-item{
	font-size:1.1em !important;
}
.ms-res-ctn .ms-res-item-active{
	background: transparent !important;
}
.ms-helper{
	top:-13px !important;
}

/* INCIDENCIES --------------------------------------------------------------------------------- */

.label-cerrada{
	background-color:rgba(21, 183, 116, 0.88);
	border-color:rgba(21, 130, 80, 0.92);
}
.label-investigada, .label-baja, .btn-investigar{
	background-color:rgba(86, 157, 247, 0.88);
	border-color:rgba(12, 112, 179, 0.92);
}
.btn-investigar:hover, .btn-investigar:active{
	color:#FFF;
}
.label-asignada, .label-media{
	background-color: var(--bootstrap-warning-color);
	border-color:rgba(171, 88, 17, 0.92);
	color: var(--bootstrap-warning-text);
}
.label-abierta, .label-alta{
	background-color: var(--bootstrap-danger-color);
	border-color:rgba(165, 31, 18, 0.92);
}

.wizard_horizontal ul.wizard_steps{
	padding:0;
	margin:10px 0 25px;
}
.wizard_horizontal ul.wizard_steps a:hover{
	cursor:default;
}
.wizard_horizontal ul.wizard_steps li a.selected .step_no,
.wizard_horizontal ul.wizard_steps li a.selected:before{
	background:#334993;
}
.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
	background-color: #767676;
}
ul.wizard_steps li a.active .step_descr{
	font-weight: bold;
}
ul.wizard_steps li a .step_descr{
	display: inline-block;
	font-size:1.1em;
}

@media (max-width: 550px){
	.wizard_horizontal ul.wizard_steps li {
		display:block;
	}
	.wizard_horizontal ul.wizard_steps li a:before {
		content: none;
	}
	.wizard_horizontal ul.wizard_steps li a .step_no {
		display:inline-table;
	}
	ul.wizard_steps li a .step_descr{
		width: 70%;
	}
}

ul.wizard_steps li a .step_descr i{
	font-size:1.4em;
}
ul.wizard_steps li a.selected .step_descr{
	color:#334993;
}
ul.wizard_steps li .step_descr small{
	font-weight: normal;
}
ul.wizard_steps li a .step_descr{
	padding:4px 8px;
}
ul.wizard_steps li a.active .step_descr{
	border:1px solid #334993;
}

ul.bar_tabs{
	margin-bottom:0;
	border-bottom:none;
	background: none;
}
ul.bar_tabs>li{
	margin-top:-18px;
	border-color:#d0dff4;
	background: none;
}
ul.bar_tabs>li.active{
	margin-top:-15px;
	box-shadow:0 -2px 4px rgb(178, 195, 212);
	border:none;
	background-color: #d8e3f2;
}

@media (max-width: 550px){
	.nav-tabs>li {
		margin-bottom: 0px;
  	}
	ul.bar_tabs>li,
	ul.bar_tabs>li.active {
		margin-top: 0;
	}
}

ul.bar_tabs>li a{
	color: var(--disabled-text-color);
}
ul.bar_tabs>li a:not([disabled]):hover{
	color:#012473;
}
.tab-content{
	padding:20px 15px 15px;
	background-color: #d8e3f2;
	border-radius: 4px;
}
.tab-content .form-control,
.tab-content .input-group-addon {
	border-color:#8074b7;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color:#012473;
	background-color: transparent;
	border:none;
}
.resetdate{
	position:relative;
	top:3px;
	left:4px;
}
.selecthour {
	display:inline-block;
	width:5em;
}

/* PDF INCIDENCIES ----------------------------------------------------------------------------- */

.area{
	padding:6px 10px;
	margin:0 0 10px;
	border:1px solid #cbdbef;
}
.area h2{
	margin:0 0 8px;
	padding:0 5px 5px;
	border-bottom:1px solid #cbdbef;
}
.form-pdf .form-group{
	margin-bottom: 0;
}

/* DOCUMENTOS FTP ------------------------------------------------------------------------------ */

.x_content #overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: rgba(51, 73, 147, 0.5);
	text-align:center;
}
.x_content #overlay_text {
	color:#FFF;
	position:relative;
	top:45%;
	font-size:18px;
}
.x_content #overlay .loader{
	font-size:44px;
}

/* LOGS ---------------------------------------------------------------------------------------- */

div.log_detail{
	display:none;
	padding:0 0 4px;
	margin:0;
}
span.fecha{
	color:#337ab7;
}
a.user_link{
	font-weight: 500;
}
div.log_detail table th{
	border-bottom:1px solid #8fbaef;
}
div.log_detail table tr td{
	vertical-align: middle;
	padding: 2px;
	border-bottom:1px solid #d3e4f1;
}
div.log_detail table tr td:first-child{
	font-weight: 500;
}
div.log_detail table tr td i{
	color: var(--primary-dark-color);
}

.filtro label{
	float:left;
	margin:0 6px 0 0;
	line-height:34px;
}
.filtro select{
	width:auto;
}
.daterange{
	background: #fff;
	cursor: pointer;
	padding: 6px 8px;
	border: 1px solid #ccc;
}
.daterange i{
	color:#334993;
	position:relative;
	top:0;
}
.daterange input {
	border:0;
	width:13em;
}
.filtro .help-block{
	float:left;
	width:100%;
}
#table-logs{
	width:100% !important;
}
#table-logs td i{
	font-size:0.9em;
	position:relative;
}
#table-logs td>i{
	top:-1px;
}

/* ANOTACIONS PORTADA -------------------------------------------------------------------------- */

.nota{
	margin:0 0 10px;
	padding:0;
	border-bottom:1px solid #cbdbef;
}
.nota:last-child{
	margin:0;
	border-bottom:none;
}
.nota_info{
	cursor:pointer;
}
.nota_title{
	color:#0033a9;
	font-size:1.2em;
	font-style: italic;
}
.nota_title a, .nota_title i{
	color:#0033a9;
}
.nota_desc{
	display:none;
	padding-top:5px;
	max-height:150px;
	overflow: auto;
}
.nota i{
	padding:2px 4px;
}
.nota i:hover{
	background:#cbdbef;
}
.nota span.fecha{
	font-size:14px;
	font-style: normal;
}

/* VISTA IMPRIMIR ------------------------------------------------------------------------------ */

@media print {
   body .btn { display:none; }
	.noprint  { display:none; }
}
@media screen {
	.onlyprint { display:none; }
	.pdfmargin { margin:50px; }
}

/* OFICINA VIRTUAL - LECTURA COMPTADOR --------------------------------------------------------- */

.comptador1, .comptador1tv{
	border: 1px solid #555;
    color: #555;
    width: 110px;
    height: 25px;
    text-align: right;
    font-size: 18px;
    padding-right: 5px;
    margin: 10px auto;
    border-radius: 3px;
    font-weight: 500;
    background: #e1eafc;
}
.comptador1 {
    position: relative;
    top: -254px;
    width: 90px;
}
.comptador2 {
	position: relative;
	top: -244px;
	width: 90px;
}
.comptador2, .comptador2tv{
	text-align: right;
	font-size: 19px;
	height:25px;
}
.comptador2tv {
	margin:10px;
}
@media (max-width: 550px){
	.comptador1 {
	   top: -220px;
	}
	.comptador2 {
		top: -210px;
  }
}

/* INPUT-CALENDARI: Simplificació de daterangepicker ------------------------------------------- */

.input-calendar {
	display: inline-block;
	position: relative;
}
.input-calendar i {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}
.input-calendar input {
	padding-left:2em;
	padding-right:2em;
	width:17em;
}
.input-calendar b {
	position: absolute;
	top:1em; right:1em;
	pointer-events: none;
}

/* OPERACIONS. ACTUACIONS ---------------------------------------------------------------------- */
	.overflow-x { overflow-x:auto; }
	.modal			{ z-index:9999 !important; }

/* WIKI ---------------------------------------------------------------------------------------- */
	.editsection { display:none; }

/* DIALOG MODAL -------------------------------------------------------------------------------- */
	.modal-auto {
		text-align:center;
	}
	.modal-dialog-auto {
		max-width: 100%; 
		width: auto !important; 
		display: inline-block;
	}

/* HOME : FASTMENU ----------------------------------------------------------------------------- */

	.navbar-home {
		display: flex;
		flex-flow: row wrap;
	}
	.btn-home {
		display: flex;
		flex-flow: column wrap;
		align-items: center;
		flex: 1 0 100px; /* Play with this value */
		max-width: 200px;
		margin: 5px;
	}
	.btn-home p {
		/*flex: 1; /* <-- this makes all the difference */
		font-size: 30px;
		margin: 0;
		line-height:1em;
	}
	.btn-home span {
		display: block;
		font-weight: bold;
		overflow-y: hidden;
		margin-top: 4px;
	}

/* AMSA CALENDARI ------------------------------------------------------------------------------ */
	.amcal               {  table-layout: fixed; margin-top:1em; }
	.amcal-header        {  color:#455A6F; text-align: left; font-size:2em; }
	.amcal td            {  padding: 10px; text-align: right; border:2px solid #ffffff; }
	.amcal-day-header    {  text-align: center; font-size:1em; border-top:1px solid #e5e5e5; padding:5px; }
	.amcal-day-weekend   {  background: #e5e5e5; }
	.amcal-day-workable  {  background: #f5f5f5; }
	.amcal-day-number    {  color:#455A6F; width:100%; float:right; font-size: 1.5em; font-weight: bold; }
	.amcal-today         {  color:#5CC0DE; }
	.amcal-other-month   {  color:#C1C7CD; }
	.amcal-day-content   {  height: 6em; }
	.amcal-event         {  border-radius: 50%; width: 35px; height: 35px; color:#ffffff; font-size:1.5em; padding-top:5px; float: left; }

/* ICONES MAPA --------------------------------------------------------------------------------- */
	.icon_map 				{	position: relative; top: -1em; left: -1em;
									display: block; width: 2em; height: 2em;
									border: 1px solid #004238; border-radius: 2em 2em 0; transform: rotate(45deg); }
	.icon_legend 			{	display: inline-block; width: 1em; height: 1em;
									border: 1px solid #004238; border-radius: 1em 1em 0; transform: rotate(45deg); }

/* GESTIO EXPEDIENTS --------------------------------------------------------------------------- */
.badge_fase {				   display: inline-block;
   								font-size: 1em; font-weight: 700; text-align: center;
   								border-radius: 50%; width: 26px; height: 26px; padding: 3px 7px;
   								color: #ffffff; background-color: #66afe9; }

/* TRAMITS ------------------------------------------------------------------------------------- */

#btnCarrerer,#btnPersones{
	position:absolute;
	top:0;
	right:4px;
}
#btnCarrerer i{
	color:#FFF;
}
.input-xxs{
	max-width:50px;
}
.modal-content .ms-helper{
	top:-15px;
}
i#icon-searching{
	display:none;
	font-size:1.1em;
}
input.error, textarea.error, select.error{
	border: 2px solid rgba(216, 54, 37, 0.88) !important;
}
#modalPersones .alert{
	margin:10px 15px;
	padding:8px 10px;
	font-size:1.1em;
}

.tab-content .tab-pane .icheckbox_flat-green{
	box-shadow: 0px 0px 4px #777;
    border-radius: 6px;
}
form.escomesa textarea{
	min-height:34px;
	max-height:300px;
}

#divNovaPersona{
	float:left;
	width: 100%;
	margin-top:10px;
	padding:10px 15px;
	border-radius: 8px;
}
a.underline:hover{
	text-decoration: underline;
}
.modal.fade {
	/* fa que la modal quedi per sobre del menu lateral */
	z-index: 9990 !important;
}
.x_panel .x_title .pull-right > h2{
	width:auto;
}

.nav-tabs>li>a.minitab{
	padding:10px 8px;
	font-size: 1.15rem;
	line-height: 2rem;
}

/* XAT TRAMITS --------------------------------------------------------------------------------- */

.xat .xat_user{
	padding-left:25px;
}
.xat .xat_suport{
	padding-right:25px;
}
.xat .xat_msg{
	background:#FFF;
	margin:4px 0 10px;
	border-radius:8px;
	padding:6px 10px;
	box-shadow:0px 0px 2px #CCC;
}
.xat .xat_user .xat_msg{
	background:#d8efd9;
}
.xat .xat_msg_info{
	position:relative;
	color:#777;
	font-size:12pt;
	text-align:right;
	height:20px;
}
.xat .xat_msg_info span{
	color:#334993;
	font-size:12pt;
	position:absolute;
	top:-3px;
	left:0;
	font-weight: bold;
}
.xat .xat_msg_content{
	color:#000;
	font-size:12pt;
	line-height:18px;
	margin:0 0 2px;
}
.xat .xat_msg_content a:hover{
	text-decoration: underline;
}
.xat .new_msg{
	margin-top:20px;
}
.xat .new_msg textarea{
	width:100%;
	min-height:50px;
	max-height:180px;
	line-height:18px;
	padding:5px 8px;
	border-radius:8px;
}
.xat button.send{
	float:right;
	margin:4px 0 10px 10px;
}
textarea{
	min-height:34px;
	max-height:600px;
}
textarea:focus{
	border: 1px solid #003c99;
	outline-style: none;
}
table.intentos{
	width:100%;

}
table.intentos th, table.intentos td{
	padding:4px 8px;
	text-align: center;
	border:1px solid #333;
	vertical-align: middle;
}
table.intentos td{
	padding:6px 8px 4px;
}
.modal .form-group label > span{
	color: var(--solid-label-color);
}
.mx-0{
	margin-left:0!important;
	margin-right:0!important;
}
.my-0{
	margin-top:0!important;
	margin-bottom:0!important;
}
.px-0{
	padding-left:0!important;
	padding-right:0!important;
}
.py-0{
	padding-top:0!important;
	padding-bottom:0!important;
}

.moneda::after{
	content:' €'; 
}
.moneda{
	text-align: right;
}

/* ALTRES -------------------------------------------------------------------------------------- */

.option_disabled {
	color:#ffffff; background-color:#cccccc; font-style: italic;
}

.am-disabled {
	background-color:#cccccc;
}