/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/**************************************************************************************
 * QUESTO FILE E' ADIBITO ALLE MODIFICHE RELATIVE AL THEME (COLORI, OMBRE, SFUMATURE) *
 **************************************************************************************/

 /*
  * La classe che viene utilizzata di piu sulla piattaforma è la 'success'
  * andando quindi a modificare le variabili 'di tipo --success'
  * si andrà a modificare la maggior parte del tema della piattaforma.
  *
  * Tip: andando a modificare i primi item di ogni ### categoria ###
  * (dopo questi item ci sarà una riga vuota)
  * si modificherà la maggior parte del tema.
  *
  * Le altre variabili regolano gli altri componenti, come gli alert ecc.
  * si possono personalizzare anche questi componenti andando a cambiare i valori (raro)
  */

 :root {
  /* ### colori principali ### */
  /* i dark usati principalemente per effetti hover e per i link (<a>)*/
  /* i darker sono utilizzati per gli headings e le sfumature della classe progress-bar */
  --success: #5cb85c;
  --success-dark: #419641;
  --success-darker: #3c763d;

  --primary: #337ab7;
  --primary-dark: #265a88;
  --primary-darker: #286090;
  --info: #5bc0de;
  --info-dark: #2aabd2;
  --info-darker: #31b0d5;
  --warning: #f0ad4e;
  --warning-dark: #eb9316;
  --warning-darker: #ec971f;
  --danger: #d9534f;
  --danger-dark: #c12e2a;
  --danger-darker: #c9302c;
  --default: #fff;
  --default-dark: #e0e0e0;
  --gray-light: #f5f5f5;
  --gray: #e8e8e8;
  --gray-dark: #dbdbdb;
  --gray-darker: #e2e2e2;

  --maia-navbar-text-foreground: 0, 0, 0;

  /* ### colori di sfondo ### */
  /* panel backgrounds */
  /* il tema di tutti i pannelli presenti in piattaforma */
  --panel-success-bg: #dff0d8;
  --panel-success-bg-dark: #d0e9c6;
  /* per l'hover degli esami da refertare */
  --panel-success-bg-lighter: #d0e9c6;
  
  --panel-default-bg: #f5f5f5;
  --panel-default-bg-dark: #e8e8e8;
  --panel-info-bg: #d9edf7;
  --panel-info-bg-dark: #c4e3f3;
  --panel-warning-bg: #fcf8e3;
  --panel-warning-bg-dark: #faf2cc;
  --panel-danger-bg: #f2dede;
  --panel-danger-bg-dark: #ebcccc;

  /* ### panel foregrounds ### */
  /* titoli dei pannelli */
  /* basato sul fatto che di default la telecardiologia assume questa logica */
  /* riferito al pannello con sfondo colorato...contenitore */
  --panel-success-fore: var(--success-darker);
  /* riferito al pannello solitamente annidato */
  --panel-default-fore-a: var(--success-dark);

  /* ### colori navbar (menu di navigazione) ### */
  --navbar-dark: #3c3c3c;
  --navbar-darker: #222;
  --navbar-darkest: #080808;
  --navbar-darkest-alt: #0f0f0f;
  /* a seconda del colore del menu, meglio cambiare anche queste se le diciture risultano non visibili */
  --navbar-foreground: #9d9d9d;
  --navbar-foreground-lighter: #fff;
  --navbar-foreground-darker: #9d9d9d;

  /* ### alert backgrounds ### */
  --alert-success-bg: #dff0d8;
  --alert-success-bg-dark: #c8e5bc;
  --alert-success-border: #b2dba1;
  --alert-info-bg: #d9edf7;
  --alert-info-bg-dark: #b9def0;
  --alert-info-border: #9acfea;
  --alert-warning-bg: #fcf8e3;
  --alert-warning-bg-dark: #f8efc0;
  --alert-warning-border: #f5e79e;
  --alert-danger-bg: #f2dede;
  --alert-danger-bg-dark: #e7c3c3;
  --alert-danger-border: #dca7a7;

  /* ### dropdown backgrounds ### */
  --dropdown-bg: #f5f5f5;
  --dropdown-bg-dark: #e8e8e8;

  /* ### ombre e trasparenze ### */
  --shadow-color: rgba(0, 0, 0, .075);
  --shadow-color-dark: rgba(0, 0, 0, .125);
  --shadow-color-darker: rgba(0, 0, 0, .25);
  --shadow-color-darkest: rgba(0, 0, 0, .5);
  --light-color: rgba(255, 255, 255, .15);
  --light-color-dark: rgba(255, 255, 255, .25);
}

a {
  color: var(--success-dark);
}

a:hover, a:focus, a:active {
  color: var(--success-dark);
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 var(--shadow-color-darker);
  -webkit-box-shadow: inset 0 1px 0 var(--light-color), 0 1px 1px var(--shadow-color);
          box-shadow: inset 0 1px 0 var(--light-color), 0 1px 1px var(--shadow-color);
}

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px var(--shadow-color-dark);
          box-shadow: inset 0 3px 5px var(--shadow-color-dark);
}

.btn:active,
.btn.active {
  background-image: none;
}

.btn-default {
  text-shadow: 0 1px 0 var(--default);
  background-image: -webkit-linear-gradient(top, var(--default) 0%, var(--default-dark) 100%);
  background-image: -o-linear-gradient(top, var(--default) 0%, var(--default-dark) 100%);
  background-image: linear-gradient(to bottom, var(--default) 0%, var(--default-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--gray-dark);
}

.btn-default:hover,
.btn-default:focus {
  background-color: var(--default-dark);
  background-position: 0 -15px;
  border-color: var(--gray-dark);
}

.btn-default:active,
.btn-default.active {
  background-color: var(--default-dark);
  border-color: var(--gray-dark);
}

.btn-primary {
  background-image: -webkit-linear-gradient(top, var(--primary) 0%, var(--primary-dark) 100%);
  background-image: -o-linear-gradient(top, var(--primary) 0%, var(--primary-dark) 100%);
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--primary-dark);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--primary-dark);
  background-position: 0 -15px;
  border-color: var(--primary-dark);
}

.btn-primary:active,
.btn-primary.active {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

.btn-success {
  background-image: -webkit-linear-gradient(top, var(--success) 0%, var(--success-dark) 100%);
  background-image: -o-linear-gradient(top, var(--success) 0%, var(--success-dark) 100%);
  background-image: linear-gradient(to bottom, var(--success) 0%, var(--success-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--success-dark);
}

.btn-success:hover,
.btn-success:focus {
  background-color: var(--success-dark);
  background-position: 0 -15px;
  border-color: var(--success-dark);
}

.btn-success:active,
.btn-success.active {
  background-color: var(--success-dark);
  border-color: var(--success-dark);
}

.btn-info {
  background-image: -webkit-linear-gradient(top, var(--info) 0%, var(--info-dark) 100%);
  background-image: -o-linear-gradient(top, var(--info) 0%, var(--info-dark) 100%);
  background-image: linear-gradient(to bottom, var(--info) 0%, var(--info-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--info-dark);
}

.btn-info:hover,
.btn-info:focus {
  background-color: var(--info-dark);
  background-position: 0 -15px;
  border-color: var(--info-dark);
}

.btn-info:active,
.btn-info.active {
  background-color: var(--info-dark);
  border-color: var(--info-dark);
}

.btn-warning {
  background-image: -webkit-linear-gradient(top, var(--warning) 0%, var(--warning-dark) 100%);
  background-image: -o-linear-gradient(top, var(--warning) 0%, var(--warning-dark) 100%);
  background-image: linear-gradient(to bottom, var(--warning) 0%, var(--warning-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--warning-dark);
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: var(--warning-dark);
  background-position: 0 -15px;
  border-color: var(--warning-dark);
}

.btn-warning:active,
.btn-warning.active {
  background-color: var(--warning-dark);
  border-color: var(--warning-dark);
}

.btn-danger {
  background-image: -webkit-linear-gradient(top, var(--danger) 0%, var(--danger-dark) 100%);
  background-image: -o-linear-gradient(top, var(--danger) 0%, var(--danger-dark) 100%);
  background-image: linear-gradient(to bottom, var(--danger) 0%, var(--danger-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--danger-dark);
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: var(--danger-dark);
  background-position: 0 -15px;
  border-color: var(--danger-dark);
}

.btn-danger:active,
.btn-danger.active {
  background-color: var(--danger-dark);
  border-color: var(--danger-dark);
}

.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px var(--shadow-color);
          box-shadow: 0 1px 2px var(--shadow-color);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--dropdown-bg-dark);
  background-image: -webkit-linear-gradient(top, var(--dropdown-bg) 0%, var(--dropdown-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--dropdown-bg) 0%, var(--dropdown-bg-dark) 100%);
  background-image: linear-gradient(to bottom, var(--dropdown-bg) 0%, var(--dropdown-bg-dark) 100%);
  background-repeat: repeat-x;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: var(--primary-dark);
  background-image: -webkit-linear-gradient(top, var(--primary) 0%, var(--primary-dark) 100%);
  background-image: -o-linear-gradient(top, var(--primary) 0%, var(--primary-dark) 100%);
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary-dark) 100%);
  background-repeat: repeat-x;
}

.navbar-default {
  background-image: -webkit-linear-gradient(top, var(--default) 0%, var(--gray) 100%);
  background-image: -o-linear-gradient(top, var(--default) 0%, var(--gray) 100%);
  background-image: linear-gradient(to bottom, var(--default) 0%, var(--gray) 100%);
  background-repeat: repeat-x;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 var(--light-color), 0 1px 5px var(--shadow-color);
          box-shadow: inset 0 1px 0 var(--light-color), 0 1px 5px var(--shadow-color);
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, var(--gray-dark) 0%, var(--gray-darker) 100%);
  background-image: -o-linear-gradient(top, var(--gray-dark) 0%, var(--gray-darker) 100%);
  background-image: linear-gradient(to bottom, var(--gray-dark) 0%, var(--gray-darker) 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px var(--shadow-color);
          box-shadow: inset 0 3px 9px var(--shadow-color);
}

.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 var(--light-color-dark);
}

.navbar-inverse {
  background-image: -webkit-linear-gradient(top, var(--navbar-dark) 0%, var(--navbar-darker) 100%);
  background-image: -o-linear-gradient(top, var(--navbar-dark) 0%, var(--navbar-darker) 100%);
  background-image: linear-gradient(to bottom, var(--navbar-dark) 0%, var(--navbar-darker) 100%);
  background-repeat: repeat-x;
  border-color: var(--navbar-darkest);
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, var(--navbar-darkest) 0%, var(--navbar-darkest-alt) 100%);
  background-image: -o-linear-gradient(top, var(--navbar-darkest) 0%, var(--navbar-darkest-alt) 100%);
  background-image: linear-gradient(to bottom, var(--navbar-darkest) 0%, var(--navbar-darkest-alt) 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px var(--shadow-color-darker);
          box-shadow: inset 0 3px 9px var(--shadow-color-darker);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 var(--shadow-color-darker);
}

.alert {
  text-shadow: 0 1px 0 var(--light-color-dark);
  -webkit-box-shadow: inset 0 1px 0 var(--light-color-dark), 0 1px 2px var(--shadow-color);
          box-shadow: inset 0 1px 0 var(--light-color-dark), 0 1px 2px var(--shadow-color);
}

.alert-success {
  background-image: -webkit-linear-gradient(top, var(--alert-success-bg) 0%, var(--alert-success-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--alert-success-bg) 0%, var(--alert-success-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--alert-success-bg)), to(var(--alert-success-bg-dark)));
  background-image: linear-gradient(to bottom, var(--alert-success-bg) 0%, var(--alert-success-bg-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--alert-success-border);
}

.alert-info {
  background-image: -webkit-linear-gradient(top, var(--alert-info-bg) 0%, var(--alert-info-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--alert-info-bg) 0%, var(--alert-info-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--alert-info-bg)), to(var(--alert-info-bg-dark)));
  background-image: linear-gradient(to bottom, var(--alert-info-bg) 0%, var(--alert-info-bg-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--alert-info-border);
}

.alert-warning {
  background-image: -webkit-linear-gradient(top, var(--alert-warning-bg) 0%, var(--alert-warning-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--alert-warning-bg) 0%, var(--alert-warning-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--alert-warning-bg)), to(var(--alert-warning-bg-dark)));
  background-image: linear-gradient(to bottom, var(--alert-warning-bg) 0%, var(--alert-warning-bg-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--alert-warning-border);
}

.alert-danger {
  background-image: -webkit-linear-gradient(top, var(--alert-danger-bg) 0%, var(--alert-danger-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--alert-danger-bg) 0%, var(--alert-danger-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--alert-danger-bg)), to(var(--alert-danger-bg-dark)));
  background-image: linear-gradient(to bottom, var(--alert-danger-bg) 0%, var(--alert-danger-bg-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--alert-danger-border);
}

.progress {
  background-image: -webkit-linear-gradient(top, var(--gray) 0%, var(--gray-light) 100%);
  background-image: -o-linear-gradient(top, var(--gray) 0%, var(--gray-light) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray)), to(var(--gray-light)));
  background-image: linear-gradient(to bottom, var(--gray) 0%, var(--gray-light) 100%);
  background-repeat: repeat-x;
}

.progress-bar {
  background-image: -webkit-linear-gradient(top, var(--primary) 0%, var(--primary-darker) 100%);
  background-image: -o-linear-gradient(top, var(--primary) 0%, var(--primary-darker) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--primary)), to(var(--primary-darker)));
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary-darker) 100%);
  background-repeat: repeat-x;
}

.progress-bar-success {
  background-image: -webkit-linear-gradient(top, var(--success) 0%, var(--success-darker) 100%);
  background-image: -o-linear-gradient(top, var(--success) 0%, var(--success-darker) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--success)), to(var(--success-darker)));
  background-image: linear-gradient(to bottom, var(--success) 0%, var(--success-darker) 100%);
  background-repeat: repeat-x;
}

.progress-bar-info {
  background-image: -webkit-linear-gradient(top, var(--info) 0%, var(--info-darker) 100%);
  background-image: -o-linear-gradient(top, var(--info) 0%, var(--info-darker) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--info)), to(var(--info-darker)));
  background-image: linear-gradient(to bottom, var(--info) 0%, var(--info-darker) 100%);
  background-repeat: repeat-x;
}

.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, var(--warning) 0%, var(--warning-darker) 100%);
  background-image: -o-linear-gradient(top, var(--warning) 0%, var(--warning-darker) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--warning)), to(var(--warning-darker)));
  background-image: linear-gradient(to bottom, var(--warning) 0%, var(--warning-darker) 100%);
  background-repeat: repeat-x;
}

.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, var(--danger) 0%, var(--danger-darker) 100%);
  background-image: -o-linear-gradient(top, var(--danger) 0%, var(--danger-darker) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--danger)), to(var(--danger-darker)));
  background-image: linear-gradient(to bottom, var(--danger) 0%, var(--danger-darker) 100%);
  background-repeat: repeat-x;
}

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, var(--light-color) 25%, transparent 25%, transparent 50%, var(--light-color) 50%, var(--light-color) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, var(--light-color) 25%, transparent 25%, transparent 50%, var(--light-color) 50%, var(--light-color) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, var(--light-color) 25%, transparent 25%, transparent 50%, var(--light-color) 50%, var(--light-color) 75%, transparent 75%, transparent);
}

.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px var(--shadow-color);
          box-shadow: 0 1px 2px var(--shadow-color);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 var(--primary-darker);
  background-image: -webkit-linear-gradient(top, var(--primary) 0%, var(--primary-dark) 100%);
  background-image: -o-linear-gradient(top, var(--primary) 0%, var(--primary-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--primary)), to(var(--primary-dark)));
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary-dark) 100%);
  background-repeat: repeat-x;
  border-color: var(--primary-dark);
}

.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}

.panel {
  -webkit-box-shadow: 0 1px 2px var(--shadow-color);
          box-shadow: 0 1px 2px var(--shadow-color);
}

.panel-success {
  border-color: var(--panel-success-bg-dark);
}

.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, var(--panel-default-bg) 0%, var(--panel-default-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--panel-default-bg) 0%, var(--panel-default-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--panel-default-bg)), to(var(--panel-default-bg-dark)));
  background-image: linear-gradient(to bottom, var(--panel-default-bg) 0%, var(--panel-default-bg-dark) 100%);
  background-repeat: repeat-x;
}

.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, var(--primary) 0%, var(--primary-dark) 100%);
  background-image: -o-linear-gradient(top, var(--primary) 0%, var(--primary-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--primary)), to(var(--primary-dark)));
  background-image: linear-gradient(to bottom, var(--primary) 0%, var(--primary-dark) 100%);
  background-repeat: repeat-x;
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, var(--panel-success-bg) 0%, var(--panel-success-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--panel-success-bg) 0%, var(--panel-success-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--panel-success-bg)), to(var(--panel-success-bg-dark)));
  background-image: linear-gradient(to bottom, var(--panel-success-bg) 0%, var(--panel-success-bg-dark) 100%);
  background-repeat: repeat-x;
}

.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, var(--panel-info-bg) 0%, var(--panel-info-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--panel-info-bg) 0%, var(--panel-info-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--panel-info-bg)), to(var(--panel-info-bg-dark)));
  background-image: linear-gradient(to bottom, var(--panel-info-bg) 0%, var(--panel-info-bg-dark) 100%);
  background-repeat: repeat-x;
}

.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, var(--panel-warning-bg) 0%, var(--panel-warning-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--panel-warning-bg) 0%, var(--panel-warning-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--panel-warning-bg)), to(var(--panel-warning-bg-dark)));
  background-image: linear-gradient(to bottom, var(--panel-warning-bg) 0%, var(--panel-warning-bg-dark) 100%);
  background-repeat: repeat-x;
}

.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, var(--panel-danger-bg) 0%, var(--panel-danger-bg-dark) 100%);
  background-image: -o-linear-gradient(top, var(--panel-danger-bg) 0%, var(--panel-danger-bg-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--panel-danger-bg)), to(var(--panel-danger-bg-dark)));
  background-image: linear-gradient(to bottom, var(--panel-danger-bg) 0%, var(--panel-danger-bg-dark) 100%);
  background-repeat: repeat-x;
}

.panel-success > .panel-heading > .panel-title {
  color: var(--panel-success-fore);
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	text-align: center;
  color: var(--panel-success-fore);
}

.panel-default > .panel-heading > a > .panel-title {
  color: var(--panel-default-fore-a);
}

.panel-default > .panel-heading > a,
.panel-default > .panel-heading > a:hover,
.panel-default > .panel-heading > a:focus,
.panel-default > .panel-heading > a:active {
  color: var(--success-dark) !important;
  text-decoration: none;
}

.panel-success > .panel-heading > a,
.panel-success > .panel-heading > a:hover,
.panel-success > .panel-heading > a:focus,
.panel-success > .panel-heading > a:active {
  color: var(--success-dark) !important;
  text-decoration: none;
}

.custom-container.shared-search .col-title {
  color: var(--success-dark) !important;
}

.custom-container .title-col-check-col {
  color: var(--success-dark) !important;
}

.navbar-inverse .navbar-nav > li > a {
  color: var(--navbar-foreground) !important;
}

.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:active {
  color: var(--navbar-foreground-lighter) !important;
}

.well {
  background-image: -webkit-linear-gradient(top, var(--gray) 0%, var(--gray-light) 100%);
  background-image: -o-linear-gradient(top, var(--gray) 0%, var(--gray-light) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray)), to(var(--gray-light)));
  background-image: linear-gradient(to bottom, var(--gray) 0%, var(--gray-light) 100%);
  background-repeat: repeat-x;
  border-color: var(--gray-darker);
  -webkit-box-shadow: inset 0 1px 3px var(--shadow-color), 0 1px 0 var(--light-color-dark);
          box-shadow: inset 0 1px 3px var(--shadow-color), 0 1px 0 var(--light-color-dark);
}

/* Colore spinner caricamento*/
.spin::before {
  border-bottom-color: var(--success-dark) !important;
}

/* Stile per l'hover tabella esami da refertare*/
#idTableEcgDaRefertare tr:hover {
  background-color: var(--panel-success-bg-lighter); /* Colore di sfondo quando il mouse è sopra */
}


/************************************** Stili schermate refertazione **************************************/

/* Stile per i link nei <li> con id 'li_esame' e 'li_referto' */
#li_esame > a,
#li_referto > a {
  border: 1px solid #ddd;
  border-bottom: none;
  background-image: linear-gradient(to bottom, var(--panel-success-bg) 0, var(--panel-success-bg-dark) 100%);
  color: var(--panel-success-fore);
}

/* Stile per i <li> attivi con id 'li_esame' e 'li_referto' */
#li_esame.active > a,
#li_referto.active > a {
  background-image: none !important;
  background-color: #ffffff;
  color: #555;
}

/* BPCor */
/* pannelli */
#abpmCoreContainer .custom-abpm-container .card-header {
  background-color: var(--panel-success-bg) !important;
  color: var(--success-darker) !important;
  border-radius: 4px !important;
}

#abpmCoreContainer .custom-abpm-container .nav-tabs {
  background-color: var(--panel-success-bg) !important;
}

/* foregrounds */
.title-row {
  color: var(--success-darker) !important;
}

.nav-link {
  color: var(--success-darker) !important;
}

#abpmCoreContainer .abpm-table-functions thead, #abpmCoreContainer .abpm-table-stats thead {
  background-color: var(--panel-success-bg) !important;
  color: var(--success-darker) !important;
}

/* ECGCor */
/* colore pannelli */
.maia .derived .container-fluid {
  background-color: var(--panel-success-bg) !important;
}

/* colore testo pannello */
.maia .navbar-text {
  color: rgba(var(--maia-navbar-text-foreground), 0.65) !important;
}
