/*
 * File CSS a livello APPLICATION:
 * sovrascrive le impostazioni a livello framework (main.css)
 * viene sovrascritto dalle impostazioni a livello client (client.css)
 * =============================================================================
 * INDICE
 * =============================================================================
 * 
 * MODIFICHE:
 * 20170522 - TICKET:0001764 - antonio.mattis@sophiainformatica.it
 * correzioni grafiche minori
 *
 * 20170329 - TICKET:0001257 - antonio.mattis@sophiainformatica.it
 * - correzioni grafiche
 * - gestione filtri responsive
 *
 * 20161202 - antonio.mattis@sophiainformatica.it
 * Correzione intestazione (logo app./nome app./benvenuto)
 * 
 * 20161201 - TICKET:0001436 - antonio.mattis@sophiainformatica.it
 * Stile per campi nuova password nel form di login allineato a quelli già presenti
 *
 * 20160706 - TICKET:0001041 - antonio.mattis@sophiainformatica.it
 * Modifica largezza colonna pulsanti griglia certificazioni per aggiunta Storico
 * 
 * 20160624 - TICKET:0001018 - antonio.mattis@sophiainformatica.it
 * Miglioramenti per visualizzazione stato certificazione
 *
 * 20160614 - TICKET:0000911 - antonio.mattis@sophiainformatica.it
 * - modifica selettori classi stato oggetto
 * - aggiunta una classe custom per i button group
 *
 * 20160520 - TICKET:0000981 - francesco.diatto@sophiainformatica.it
 * Creazione
 *
 * -----------------------------------------------------------------------------
 */

/* --- Colore Framework: [#CDE6F4] -> Colore Application [#CDE6F4] ---*/ 
div.data-display {
  background: #CDE6F4;
}
/* --- Colore Framework: [#CDE6F4] -> Colore Application [#CDE6F4] ---*/ 

/* --- Colore Framework: [#E3F2FB] -> Colore Application [#E3F2FB] ---*/ 
div.documento {
  background: #E3F2FB;
}
/* --- Colore Framework: [#E3F2FB] -> Colore Application [#E3F2FB] ---*/ 

/* --- Colore Framework: [#5BC0DE] -> Colore Application [#5BC0DE] ---*/ 
#content > h1,
.titolo_pagina{
  background: #5BC0DE;
}
/* --- Colore Framework: [#5BC0DE] -> Colore Application [#5BC0DE] ---*/ 

/* --- Colore Framework: [#FFF] -> Colore Application [#FFF] ---*/ 
#content > h1,
.titolo_pagina{
  color: #fff;
  background-color: #fff !important;
}
.titolo2_pagina{
  color: #6B4B2C;
}
.btn_Detail,
.btn_Allegati { 
  color: #fff;
}
/*.modal-title {
  color: #fff;
}*/
#loginButton > input {
  background-color: #fff;
}
#loginButton > input:hover {
  color: #fff !important;
}
#ana-utenti-form > div > div > input,
#ana-utenti-form > div > div > select,
#ana-utenti-form > div > div > textarea {
  background-color: #fff;
}
.CookieMonsterOk {
  color: #fff;
}
ul.yiiPager .page a {
  background-color: #fff ! important; /*20170522 - TICKET:0001764*/
}
ul.yiiPager .page.selected a,
ul.yiiPager .next a,
ul.yiiPager .previous a {
  color: #fff ! important; /*20170522 - TICKET:0001764*/
}
/* --- Colore Framework: [#FFF] -> Colore Application [#FFF] ---*/

/* --- Colore Framework: [#428bca] -> Colore Application [#6B4B2C] ---*/ 
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  #logoApplicazione,
  #nomeApplicazione {
    color: #6B4B2C;
  }
}

#content > h1,
.titolo_pagina,
#loginTitle,
logoApplicazione,
#nomeApplicazione,
/*#loginButton > input,*/
.boosterTable > table > tbody > tr > td:before{
  color: #6B4B2C !important;
}
.btn_Detail,
.btn_Allegati{ 
  background-color: #6B4B2C;
}

#loginButton > input:hover,
.btn-info{ 
  background-color: #6B4B2C !important;
}

a.btn-info,
a:hover.btn-info { 
  color: #FFF !important;
}

#CrugeLogon_newpassword, /*20161201 - TICKET:0001436*/
#CrugeLogon_newpassword_confirm, /*20161201 - TICKET:0001436*/
/*#ana-utenti-form > div > div > input,
#ana-utenti-form > div > div > select,
#ana-utenti-form > div > div > textarea,*/
#CrugeLogon_username, 
#CrugeLogon_password,
#loginButton > input{
  border: 1px solid #6B4B2C;
}
.boosterTable > table > thead > tr > th 
{
  border: 1px solid #6B4B2C !important;
}
/* --- Colore Framework: [#428bca] -> Colore Application [#6B4B2C] ---*/

/* --- Colore Framework: [#428bca] -> Colore Application [#CE9B0A] ---*/
.btn-primary{ 
  background-color: #CE9B0A !important;
}
.btn-default{ 
  background-color:#6B4B2C !important;
  border-color:#6B4B2C !important;
  color: #fff !important;
  
}
/* --- Colore Framework: [#428bca] -> Colore Application [#CE9B0A] ---*/



/* --- Colore Framework: [#81B0DA] -> Colore Application [#D5A768] ---*/
.titolo2_pagina{
  background: #D5A768;
}
/* --- Colore Framework: [#81B0DA] -> Colore Application [#D5A768] ---*/
        

/* --- Colore Framework: [#CEDEC1] -> Colore Application [#CEDEC1] ---*/
.titolo_allegati{
  background: #CEDEC1 !important;
}
.file_allegato{
  background: #CEDEC1 !important;
}
/* --- Colore Framework: [#CEDEC1] -> Colore Application [#CEDEC1] ---*/

/* --- Colore Framework: [#2e6da4] -> Colore Application [#2e6da4] ---*/
ul.yiiPager .page.selected a,
ul.yiiPager .next a,
ul.yiiPager .previous a {
  color: #2e6da4 ! important;
}
/* --- Colore Framework: [#2e6da4] -> Colore Application [#2e6da4] ---*/

/* --- Colore Framework: [#337ab7] -> Colore Application [#337ab7] ---*/
ul.yiiPager .page.selected a,
ul.yiiPager .next a,
ul.yiiPager .previous a {
  background-color: #337ab7 ! important;
  border: 1px solid #2e6da4 ! important; 
}
/* --- Colore Framework: [#337ab7] -> Colore Application [#337ab7] ---*/

/* --- Colore Framework: [#lightgray] -> Colore Application [#lightgray] ---*/
#frmDettaglioPicking .row-closed{
  background-color: lightgray;
}
/* --- Colore Framework: [#lightgray] -> Colore Application [#lightgray] ---*/

/* --- Colore Framework: [#black] -> Colore Application [#black] ---*/
div.bordato_nero {
  border-color: black;
}
/* --- Colore Framework: [#black] -> Colore Application [#black] ---*/

/* --- Colore Framework: [#d9534f] -> Colore Application [#d9534f] ---*/

/* --- Colore Framework: [#d9534f] -> Colore Application [#d9534f] ---*/

/* --- Colore Framework: [#1a8cc1] -> Colore Application [#1a8cc1] ---*/
.tab-main.color-div a,
.tab-main.actave a {
  color: #1a8cc1;
}
.tab-main:hover a {
  color: #1a8cc1;
}
/* --- Colore Framework: [#1a8cc1] -> Colore Application [#1a8cc1] ---*/

/* --- Colore Framework: [#CCCCCC] -> Colore Application [#CCCCCC] ---*/
.tab-main {
  border-bottom: 3px solid #CCCCCC;
}
.boosterTable > table > thead > tr.filters > td {
  border: 1px solid #CCCCCC;
}
/* --- Colore Framework: [#CCCCCC] -> Colore Application [#CCCCCC] ---*/

/* --- Colore Framework: [#333] -> Colore Application [#333] ---*/
.tab-main a {
  color: #333;
}
/* --- Colore Framework: [#333] -> Colore Application [#333] ---*/

/* --- Colore Framework: [#357ebd] -> Colore Application [#6B4B2C] ---*/
.btn-primary{ 
  border-color: #6B4B2C !important;
}
/* --- Colore Framework: [#357ebd] -> Colore Application [#6B4B2C] ---*/

/* --- Colore Framework: [#72BD35] -> Colore Application [#xxx] ---*/
.btn_Allegati {  
  background-color: #72BD35;
}
/* --- Colore Framework: [#72BD35] -> Colore Application [#xxx] ---*/

/* --- Colore Framework: [#4A7A23] -> Colore Application [#xxx] ---*/
.btn_Allegati {  
  border-color: #4A7A23;
}
/* --- Colore Framework: [#4A7A23] -> Colore Application [#xxx] ---*/

/* --- Colore Framework: [#FFFFE0] -> Colore Application [#xxx] ---*/
.tbRowObs table thead tr th {
  background-color: #FFFFE0
}
/* --- Colore Framework: [#FFFFE0] -> Colore Application [#xxx] ---*/

/* --- Colore Framework: [#C5E2F2] -> Colore Application [#xxx] ---*/
#loginWallpaper,
#loginContainer {
  border: 0px solid #C5E2F2;
}
@media only screen
and (max-width : 768px) {
  .navbar-collapse.collapse.in {
    border-color: #C5E2F2;
  }
}
.boosterTable > table > tbody > tr > td {
  border-bottom: 1px solid #D5A768 !important; /*20170329 - TICKET:0001257*/
}
#header {
  border-top: 0px solid #C5E2F2;
}
#footer {
  border-top: 1px solid #ebd1a0;
}
#frmNewAttachments {
  border: 1px solid #C5E2F2;
}
/* --- Colore Framework: [#C5E2F2] -> Colore Application [#xxx] ---*/

/* --- Colore Framework: [#C5E2F2] -> Colore Application [#CE9B0A] ---*/
#loginWallpaper{
  background: #CE9B0A url("../images/loginWallpaper.png") no-repeat;
  background-size: cover;
}
/* --- Colore Framework: [#C5E2F2] -> Colore Application [#CE9B0A] ---*/

/* --- Colore Framework: [rgba(240,246,249] -> Colore Application [242,223,188] ---*/
#loginContainer {
  background-color: rgba(242,223,188, 0.7);
}
.navbar-toggle.btn.btn-default:hover,
.navbar-toggle.btn.btn-default:focus {
  background-color: rgb(242,223,188);
}
nav.navbar.navbar-default,
li.dropdown.open > ul,
#actions > div.btn-group > button {
  background-color: rgb(242,223,188);
}
body,
.portlet-content {
  background-color: rgb(242,223,188) !important;
}
/* --- Colore Framework: [rgba(240,246,249] -> Colore Application [242,223,188] ---*/

/* --- Colore Framework: [rgba(107,186,236] -> Colore Application [#xxx] ---*/
#langPick > div > div.portlet-content {
  border-top: 1px solid rgba(107,186,236,0.25);
  border-bottom: 1px solid rgba(107,186,236,0.25);

}
/* --- Colore Framework: [rgba(107,186,236] -> Colore Application [#xxx] ---*/

/* --- Colore Framework: [#6BBAEC] -> Colore Application [#xxx] ---*/
#langPick > div > div.portlet-content {
  color: #6BBAEC;
}
/* --- Colore Framework: [#6BBAEC] -> Colore Application [#xxx] ---*/

/* --- Colore Framework: [243,251,255] -> Colore Application [107,75,44] ---*/
#CrugeLogon_newpassword, /*20161201 - TICKET:0001436*/
#CrugeLogon_newpassword_confirm, /*20161201 - TICKET:0001436*/
#CrugeLogon_username,
#CrugeLogon_password ,
#ana-utenti-form > div > div > input,
#ana-utenti-form > div > div > select,
#ana-utenti-form > div > div > textarea,
#loginButton > input{
  background-color: rgba(107,75,44,0.1);
}
/* --- Colore Framework: [243,251,255] -> Colore Application [107,75,44] ---*/

/* --- Colore Framework: [#ECFBFD] -> Colore Application [#xxx] ---*/
@media only screen
and (max-width : 768px) {
  .navbar-toggle.btn.btn-default {
    background: #ECFBFD;
  }
}
@media only screen
and (max-width : 768px) {
  .navbar-toggle.btn.btn-default {
    background: #ECFBFD;
  }
}

/* --- Colore Framework: [#428BCB] -> Colore Application [#9B6F42] ---*/
.navbar-toggle.btn.btn-default > span,
ul.nav.navbar-nav > li.active > a:focus,
ul.nav.navbar-nav > li.active > a:hover,
ul.nav.navbar-nav > li.dropdown.open > a:focus,
ul.nav.navbar-nav > li.dropdown.open > a:hover,
ul.nav.navbar-nav > li.active > a:focus,
ul.nav.navbar-nav > li.active > a:hover,
ul.nav.navbar-nav > li.dropdown.open > a:focus,
ul.nav.navbar-nav > li.dropdown.open > a:hover {
  color: #9B6F42;
}

a.navbar-brand,
ul.nav.navbar-nav > li > a:hover,
ul.nav.navbar-nav > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
ul.nav.navbar-nav > li > a:hover,
ul.nav.navbar-nav > li > a:focus {
  color: #9B6F42  !important;
}
/* --- Colore Framework: [#428BCB] -> Colore Application [#9B6F42] ---*/

/* --- Colore Framework: [rgba(235,235,250] -> Colore Application [235,209,160] ---*/
nav.navbar.navbar-default,
li.dropdown.open > ul,
#actions > div.btn-group > button,
#page {
  border: 1px solid rgba(235,209,160,1);
}
/* --- Colore Framework: [rgba(235,235,250] -> Colore Application [235,209,160] ---*/

/* --- Colore Framework: [#65659E] -> Colore Application [#6B4B2C] ---*/
ul.nav.navbar-nav > li > a,
.dropdown-menu > li > a,
#actions > div.btn-group > button {
  color: #6B4B2C  !important;
}
ul.nav.navbar-nav > li.active > a,
ul.nav.navbar-nav > li.dropdown.open > a {
  color: #6B4B2C;
}
/* --- Colore Framework: [#65659E] -> Colore Application [#6B4B2C] ---*/

/* --- Colore Framework: [navy] -> Colore Application [#6B4B2C] ---*/
#CrugeLogon_username,
#CrugeLogon_password {
  color: #6B4B2C;
}
/* --- Colore Framework: [navy] -> Colore Application [#6B4B2C] ---*/

/* --- Colore Framework: [#C9E4EA] -> Colore Application [#xxx] ---*/
.boosterTable > table > tbody > tr > td {
  border: 1px solid #D5A768; /*20170329 - TICKET:0001257*/
}
/* --- Colore Framework: [#C9E4EA] -> Colore Application [#xxx] ---*/

/* --- Colore Framework: [#F8FDFF] -> Colore Application [#xxx] ---*/
#frmNewAttachments {
  background-color: #F8FDFF;
}
/* --- Colore Framework: [#F8FDFF] -> Colore Application [#xxx] ---*/

/*Coockie policy*/
.CookieMonsterBox{
  border: 2px solid #faebcc !important;
  border-color: #faebcc !important;
  background-color: #fcf8e3 !important;
  color: #8a6d3b !important;
  font-size: 15px !important;
  text-align: justify;
}
.CookieMonsterOk {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  fff-space: nowrap;
  vertical-align: middle;
  background-image: none;
  background-color: #F5B760;
  border-color: #E4A852;
}
/* --- Colore Framework: [#ECFBFD] -> Colore Application [#xxx] ---*/

/* --- LINK ---*/
a{
  color: #186FBB !important;
}
a:hover, a:focus {
  color: #6b4b2c !important; /*20170329 - TICKET:0001257*/ /*20170522 - TICKET:0001764*/
}
/* --- LINK ---*/ 

/* pulsanti Bootstrap */
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary{
  color: #6B4B2C !important;
}

.btn-primary {
  color: #fff !important;
}
/* pulsanti Bootstrap */

/* --- Colori Griglia */
/*header griglia*/
table th{
  background: #D5A768 !important; 
}
/*righe*/
.odd {
  background: #FFE9CA !important;
}
.even {
  background: #FDD7A3 !important;
}
/* --- Colori Griglia */

/*20160614 - TICKET:0000911*/
/*icone stato oggetto nella griglia imgCertificazione/admin*/
.classStatooggettoSpanOrange {
  color: orange;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid #F9BB4A !important;
  border-radius: 5px;
  background-color: #faebcc;
}
.classStatooggettoSpanYellow {
  color: #b3a944;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid #dacd50 !important;
  border-radius: 5px;
  background-color: #fcf8e3;
}
.classStatooggettoSpanRed {
  color: #fff ;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid #ac2925 !important;
  border-radius: 5px;
  background-color: #c9302c;
}
.classStatooggettoSpanRevise {
  color: #f00 ;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid #ac2925 !important;
  border-radius: 5px;
  background-color: #faa;
}
.classStatooggettoSpanGreen {
  color: #3c763d;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid #b3c3a5 !important;
  border-radius: 5px;
  background-color: #dff0d8;
}
.classStatooggettoSpanDarkGreen {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid #4cae4c !important;
  border-radius: 5px;
  background-color: #5cb85c;
}
.classStatooggettoSpanBlue {
  color: #31708f;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid #a3c8d0 !important;
  border-radius: 5px;
  background-color: #d9edf7;
}
.classStatooggettoSpanDarkBlue {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 5px;
  border: 1px solid #2e6da4 !important;
  border-radius: 5px;
  background-color: #337ab7;
}
/*20160624 - TICKET:0001018*/
.classStatooggettoSpanOrange,
.classStatooggettoSpanYellow,
.classStatooggettoSpanRed,
.classStatooggettoSpanRevise,
.classStatooggettoSpanGreen,
.classStatooggettoSpanDarkGreen,
.classStatooggettoSpanBlue,
.classStatooggettoSpanDarkBlue {
  width: 130px;
  padding: 3px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.colStatoCert,
.colBtnEpson {
  min-height: 47px;
}

/*20160614 - TICKET:0000911*/
/*classe custom per i button group*/
.btn-group-custom {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-top: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

/*20160706 - TICKET:0001041*/
/*Modifica largezza colonna pulsanti griglia certificazioni per aggiunta Storico*/
@media only screen and (min-width: 1224px){
  #img-certificazione-grid > table > tbody > tr > td.gridButtons {
    width: 100px;
  }
}

/*20161202*/
/*Correzione intestazione (logo app./nome app./benvenuto)*/
#header {
  margin-top: 5px;
}
#logoApplicazione,
#nomeApplicazione,
#benvenuto {
  margin-left: 0px !important;
}
#logoApplicazione > img,
#nomeApplicazione > img,
#benvenuto > img{
  max-width: 100%;
}
#nomeApplicazione {
  text-align: center;
  font-size: 175%;
  font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}
#benvenuto > div {
  padding: 0px;
}

/*20170329 - TICKET:0001257*/
@media only screen and (max-width: 768px) {
  .navbar-toggle.btn.btn-default > span {
    background-color: #D5A768;
  }
  .navbar-collapse.collapse.in {
    border-color: #D5A768;
  }
}

/*20170329 - TICKET:0001257*/
/*----- desktop -----*/
/*colonne*/
.colStatoCert {
	width: 75px;
}
.colLinkCert { 
	max-width: 200px;
	word-wrap: break-word;
}

/*20170329 - TICKET:0001257*/
/*----- su smartphone e tablet -----*/
@media only screen
and (max-device-width: 1024px) {
	
	/*colonne*/
	.colStatoCert {
		width: initial;
	}
	.colStatoCert > span {
		float: left;
	}
	.colLinkCert {
		max-width: initial;
		/*height: auto !important;*/
	}
}

/*20170522 - TICKET:0001764*/
a.btn.btn-default:focus,
a.btn.btn-default:hover {
  color: #fff !important;
}