/*
    ISTRUZIONI PER LA PERSONALIZZAZIONE DEL CSS
    Questo file sense.template.css riporta le classi CSS utilizzate
    negli UserControl del modulo Eurosystem.DNN.SENSE. 
    Da questo file si può ricavare un file sense.css da utilizzare
    effettivamente nel portale.
    Il file sense.css può essere personalizzato per uniformarsi allo
    stile della skin in uso nel portale. 
    Se la personalizzazione diventa standard, dovrà essere riportata 
    nel file originale sense.template.css conservato in TFS; in caso
    contrario andrà persa.
    Ogni UserControl del modulo Eurosystem.DNN.SENSE non aggiunge 
    nella pagina di portale che lo ospita alcun riferimento a fogli 
    di stile, ma presume che la pagina referenzi, direttamente o
    indirettamente, il file contenente la definizione delle classi 
    suddette. Ad esempio, nel file skin.css del portale può esserci 
    l'import del file sense.css.
*/



/*** AVVIO RICERCA - SEARCH INPUT ***/

/*
    Applicata all'immagine del logo
    nel controllo SearchInput.ascx.
*/
.SenseSearchLogo {
    width: 200px;
}

/*
    Applicata all'area che mostra l'eventuale ditta di ricerca
    nel controllo SearchInput.ascx.
*/
.SenseSearchCompanyArea {
    outline:none;
    width:800px;
    display:inline-block;
    padding:10px;
    margin:10px auto;
    border-top:1px solid #d6d6d6;
}
@media screen and (max-width: 549px) {
.SenseSearchCompanyArea{
    max-width:320px;
    margin:0 auto;
    display:inline-block;
}}
.SenseSearchCompanyArea>.Normal{
    font-size:0.9em;
    color:#7c7c7c;
}

/*
    Applicata all'area che offre le opzioni di ricerca
    "Tutte le parole"/"Almeno una parola"
    nel controllo SearchInput.ascx.
*/
.SenseSearchWordsArea {
    padding-top:10px;
    display:inline-block;
    min-width: 480px;
    text-align:left;
}
.SenseSearchWordsArea label{
	font-size:14px;
	margin-right:12px;
	padding-left:4px;
	
}
@media screen and (max-width: 480px) {
.SenseSearchWordsArea {
    min-width: 260px;
}}

/*** AVVIO RICERCA - SEARCH BOX ***/

/*
    Applicata alla tabella di layout 
    nello skin object SearchBox.ascx.
*/

.senseSearchBoxContainer a {
    width: 100%;
}

/*** RISULTATI RICERCA - SINGOLO RISULTATO ***/

/*
    Applicata a ciascuna area contenente un singolo risultato di una ricerca
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/
.SenseSingleResultInfoTable{
    display:inline-block;
    float: left;
   /* max-width:810px;*/
}

/*
    Applicata al titolo, se non cliccabile, di ciascun risultato di una ricerca
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/
.SenseResultTitle {
    font-size: 1.1em;
    text-decoration: none;
    display: inline-block;
    float: left;
    color: #555555;
    clear: both;
    margin-bottom: 3px;
    line-height:1em;
}
.SenseResultIcon {
    font-size: 1.1em;
    text-decoration: none;
    display: inline-block;
    float: left;
    color: #555555;
    clear: both;
    padding: 12px;
    margin-top:1px;
    margin-bottom: 3px;
    background-color: #f9f9f9;
    border: 1px solid #aaaaaa;
    border-radius: 6px;
    width:56px;
}

/*
    Applicata al titolo, se cliccabile, di ciascun risultato di una ricerca
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/
.SenseResultClickableTitle {
    font-size: 1.1em;
    text-decoration: none;
    cursor: pointer;
    display:  inline-block;
    float: left;
    color: #33B2D7;
    margin-bottom:3px;
    width:600px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
}
.SenseResultClickableTitle:hover {
    color: #1c6277;
}
.SenseResultClickableIcon{
    font-size: 1.1em;
    text-decoration: none;
    cursor: pointer;
    display:  inline-block;
    float: left;
    color: #33B2D7;
    margin-bottom:3px;
    margin-top:1px;
    padding:12px;
    background-color: #e1f8ff;
    border: 1px solid #33B2D7;
    border-radius: 6px;
        -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.SenseResultClickableIcon:hover{
    font-size: 1.1em;
    text-decoration: none;
    cursor: pointer;
    display:  inline-block;
    float: left;
    color: #1c6277;
    margin-bottom:3px;
    margin-top:1px;
    padding:12px;
    background-color: #e1f8ff;
    border: 1px solid #1c6277;
    border-radius: 6px;
}
/*
    Applicata al sottotitolo di ciascun risultato di una ricerca
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/
.SenseResultSubtitle {
    font-size: 0.9em;
    font-weight: bold;
    color: #646464;
    font-weight:600;
    display:inline-block;
    float:left;
    width:100%;
    margin-top:8px;
}

/*
    Applicata all'estratto di ciascun risultato di una ricerca
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/
.SenseResultAbstract {
    font-size: 11px;
    font-weight: normal;
    color: #a2a2a2;
    display:inline-block;
    float:left;
}

/*** RISULTATI RICERCA - SINGOLO RISULTATO - AZIONI ***/
/*
    Applicata a ciascuna voce nel menu delle azioni visualizzato per ciascun risultato
    nei controlli SearchResult.ascx e RelatedDocuments.ascx.
*/
.SenseActionMenuItem {
    cursor: pointer;
    font-size: 0.9em;
    margin-top: 3px;
    color: #33B2D7;
}
.SenseActionMenuItem:hover {
    cursor: pointer;
    color: #2591b0;
}



/*** RISULTATI RICERCA - FACCE SELEZIONABILI ***/

/*
    Applicata alla casella di tabella contenente le facce selezionabili
    nei controlli SearchResult.ascx e SearchAndSelect.ascx.
*/
.SenseSelectableFacetsArea {
    width: 240px;
    display: inline-block;
    float:left;
    font-size:0.9em;
}
.SenseSelectableFacet{
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#33B2D7 !important;
    line-height: 1.2em;
}
/*
    Applicata al nome di una faccia selezionabile
    nei controlli SearchResult.ascx e SearchAndSelect.ascx.
*/
.SenseSelectableFacetName {
    color: slategray;
    font-weight: bold;
}

/*
    Applicata al valore di una faccia selezionabile
    nei controlli SearchResult.ascx e SearchAndSelect.ascx.
*/
.SenseSelectableFacetValue {
    padding-left: 10px;
}

/*** RISULTATI RICERCA - FACCE SELEZIONATE ***/

/*
    Applicata all'area delle facce selezionate
    nei controlli SearchResult.ascx e SearchAndSelect.ascx.
*/
.SenseSelectedFacetsArea {
    width: 80%;
    margin: 8px auto;
    line-height: 1.6em;
}
/*
    Applicata al titolo delle facc1\e selezionate
    nei controlli SearchResult.ascx e SearchAndSelect.ascx.
*/
.SenseSelectedFacetsTitle {
    font-size: 1.1em;
    color: #555;
}
.SenseSelectedFacet{
    margin-left: 10px;
    display: inline-block;
}
.SenseSelectedFacet span{
font-weight:700;
}
/*** RISULTATI RICERCA - PAGINAZIONE ***/

/*
    Applicata all'area dei controlli di paginazione dei risultati di una ricerca 
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/
.SenseSearchResultsPager {
    width: 200px;
    margin: 40px auto;
    text-align: center;
}

/*
    Applicata al numero della pagina corrente dei risultati di una ricerca 
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/
.SenseCurrentResultPageIndex {
    font-size: 1.1em;
    font-weight: 400;
    /* vertical-align: 3px; */
    color: #555;
}

/*** GRAFO DOCUMENTI COLLEGATI ***/

/*
    Applicata al titolo del documento
    nel controllo DocumentGraph.ascx.
*/
.SenseDocumentGraphTitle {
    font-size: 12px;
    font-weight: bold;
    color:#555;
}

/*** LISTA DOCUMENTI COLLEGATI ***/

/*** ANTEPRIMA DOCUMENTO ***/

/*
    Applicata al frame dedicato a visualizzare l'anteprima di un documento,
    nei controlli SearchResult.ascx SearchAndSelect.ascx RelatedDocuments.ascx e DocumentGraph.ascx.
*/
.SensePreviewFrame {
    border: 1px solid LightSteelBlue;
    border-radius: 6px;
}

/* Stile applicato ad ogni riga della tabella (elemento TR) che rappresenta dati di dettaglio nell'anteprima di un document type di tipo testata-righe */
.sense-preview-table-row {

}

/* Stile applicato a tutto l'elemento <table> che rappresenta dati di dettaglio nell'anteprima di un document type di tipo testata-righe */
.sense-preview-table {

}

/* Stile applicato ad ogni colonna (elemento TD) che rappresenta dati di dettaglio nell'anteprima di un document type di tipo testata-righe */
.sense-preview-table-cell {

}

/* TODO: mancano tutte le altre classi del CSS template  di SENSE */

/*** AVVIO RICERCA - SEARCH INPUT ***/

/*
    Applicata all'immagine del logo
    nel controllo SearchInput.ascx.
*/
.SenseSearchLogo {
    width: 200px;
    margin:40px auto;
}

/* DIV di contenimento di tutto il modulo SENSE*/
.SenseSearchInputContainer{
    margin: 0 auto;
    width:800px;
}

/**/

@media screen and (min-width: 992px) {
.SenseSearchInputArea {
    width:800px;
    margin:0 auto;
    display:inline-block;
    padding:10px;
    margin-top:20px;
}}
@media screen and (min-width: 768px) and (max-width: 991px) {
.SenseSearchInputArea {
    max-width:600px;
    margin:0 auto;
    display:inline-block;
    padding:10px;
    margin-top:20px;
}
.SenseSearchResultsUpperArea {
    margin:50px auto 0 auto;
}}
@media screen and (min-width: 550px) and (max-width: 767px){
.SenseSearchInputArea {
    max-width:450px;
    margin:0 auto;
    display:inline-block;
    padding:10px;
}}
@media screen and (max-width: 549px) {
.SenseSearchInputArea {
    max-width:380px;
    margin:0 auto;
    display:inline-block;
    padding:10px;
    margin-top:10px;
}
.SenseSearchInputContainer {
    max-width:380px;
    margin:0 auto;
}}
.SenseSearchResultsUpperArea{
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    background-color:#f3f3f3; 
    padding-top: 15px;
    padding-bottom: 15px;
    margin:50px auto 0 auto;
}

/*Pulsante di ricerca Sense*/
.SenseSearchButton{
    width:140px;
    background-color:#33b2d7;
    color:#ffffff !important;
    display: inline-block;
    float:left;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .4s;
    margin-top:10px;
	box-shadow: 0px 0px 4px 1px rgba(50,178,215,.6);
	-webkit-box-shadow: box-shadow: 0px 0px 4px 1px rgba(50,178,215,.6);
}
.SenseSearchButton:hover, SenseSearchButton.hover{
    background-color:#2393b4;
}
.SenseSearchButton a, SenseSearchButton>a{
}
.SenseSearchButton a:hover, SenseSearchButton>a:hover{
}
@media screen and (max-width: 991px) {
    .SenseSearchButton {
    width:300px;
}}
/*Pulsanti su Sense*/
.SensePrimaryAction{
      border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(51, 178, 215, 0.6);
  -webkit-box-shadow: 0 0 4px 0 rgba(51, 178, 215, 0.6);
  background-color: #33b2d7;
  color: #ffffff!important;
  border: 0px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 0.9em;
  line-height: 1.42857143;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 9px;
  min-width: 40px;
      -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-shadow:none;
}
.SensePrimaryAction:active,
a.SensePrimaryAction:active, 
..SensePrimaryAction:active:hover,
a.SensePrimaryAction:active:hover,
.SensePrimaryAction:active:focus,
a.SensePrimaryAction:active:focus{
   box-shadow: 0px 0px 4px 2px rgba(28,98,119,.6);
  -webkit-box-shadow: 0px 0px 4px 2px rgba(28,98,119,.6);
  background-color:rgb(28,98,119);
  border-color: rgb(28,98,119);
  background-image:none;
  outline:none;
}
.SensePrimaryAction:hover,
a.SensePrimaryAction:hover{
    box-shadow: 0 0 6px 2px rgba(180, 224, 237, 0.7);
    background-color: #b4e0ed;
    border-color: #b4e0ed;
    color: #1c6277!important;
    background-image:none;
}
.SensePrimaryAction:focus,
a.SensePrimaryAction:focus{
  box-shadow: 0 0 4px 2px rgba(51, 178, 215, 0.7);
  -webkit-box-shadow: 0 0 4px 2px rgba(51, 178, 215, 0.7);
  background-color:#33b2d7;
  border-color:#33b2d7;
  background-image:none;
  outline:none;
} 
.SensePrimaryAction:active:focus{
  box-shadow: 0 0 4px 2px rgba(28, 98, 119, 0.7);
  background-color: #1c6277;
  border-color: #1c6277;
  background-image:none;
  color:#fff!important;
  outline:none;
}
.SensePrimaryAction:disabled{ 
  background-color: #f4f4f4;
  color:#aeaeae!important;
  background-image:none;
}
.SenseSecondaryAction{    
  text-decoration: none;
  padding: inherit;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #898989;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 0.9em;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 9px;
  min-width: 40px;
  text-shadow: none;
  color: #626262!important;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-shadow:none;
}
.SenseSecondaryAction:hover,
a.SenseSecondaryAction:hover{
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
  border: solid 1px #9b9b9b;
  background-color: #9b9b9b;
  background-image:none;
  color:#fff!important;

}
.SenseSecondaryAction:focus,
a.SenseSecondaryAction:focus {
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
  border: solid 1px #898989;
  background-color: #fff;
  outline:none;
  background-image:none;
}
.SenseSecondaryAction:focus:hover,
a.SenseSecondaryAction:focus:hover {
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
  border: solid 1px #898989;
  background-color: #fff;
  color: #626262 !Important;
  outline:none;
  background-image:none;
}
.SenseSecondaryAction:active,
.SenseSecondaryAction:active:hover,
.SenseSecondaryAction:active:focus,
.SenseSecondaryAction:active,
a.SenseSecondaryAction:active{ 
  outline:none;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
  background-color: #898989;
  border-color: #898989;
  color:#fff!important;
  background-image:none;
}
.SenseSecondaryAction.disabled,
.SenseSecondaryAction.disabled{
  border: solid 1px #aeaeae;
  background-color: #f4f4f4;
  color:#aeaeae!important;
  background-image:none;
}

/*Adeguamento della dropdown list alla skin e ad In.De.*/

.SenseDropDownList {
    border: 1px solid #111;
    background: transparent;
    width: 30%;
    min-width:300px;
    padding: 0 40px 0 10px;
    margin-right:20px;
    font-size: 16px;
    line-height: 1.3em;
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/FPS/Portals/_default/Skins/FPS3/images/ddl/select_arrow.png) no-repeat #ffffff;
    background-size:54px 34px;
    background-position: right;
    transition: all .4s;
    display: inline-block;
    float:left;
    margin-top:10px;
}

.SenseDropDownList:hover, .SenseDropDownList.hover, .SenseDropDownList:active, .SenseDropDownList.active {
        border-color: #b4e0ed;
        outline: none;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        background: url(/FPS/Portals/_default/Skins/FPS3/images/ddl/select_arrow_hover.png) no-repeat #ffffff;
        background-size:54px 34px;
        background-position: right;
}

.SenseDropDownList:focus, .SenseDropDownList.focus {
        border-color: #cccccc;
        outline: none;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        background: url(/FPS/Portals/_default/Skins/FPS3/images/ddl/select_arrow_focus.png) no-repeat #ffffff;
        background-size:54px 34px;
        background-position: right;
}


select::-ms-expand {
    display: none;
}

/*
    Applicata alla casella di testo per la ricerca
    nel controllo SearchInput.ascx.
*/
.SenseSearchTextBox {
    border: 1px solid #111;
    background: transparent;
    width: 30%;
    min-width: 300px;
    padding: 0 40px 0 10px;
    font-size: 16px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    padding-right: 28px;
}
.SenseSearchTextBox,
.form-control.SenseSearchTextBox {
    background: url(/FPS/Portals/_default/Skins/FPS3/images/info-background.png) no-repeat scroll #ffffff 0px;
    background-size: 18px 18px;
    background-position-x: 98%;
}
.SenseSearchTextBox:focus{ 
    outline:none;
    box-shadow: 0px 0px 4px 1px rgba(28,98,119,.6);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(28,98,119,.6);
}
.SenseInputTextArea {
    display:inline-block;
    float:left;
    width:300px;
    margin-right:20px;
}

/*** AVVIO RICERCA - SEARCH BOX ***/
/*
    Applicata alla lista a discesa delle categorie dei documenti
    nello skin object SearchBox.ascx.
*/
.SenseSearchBoxDropDownList {
    border: 1px solid #111;
    background: transparent;
    width: 100%;
    min-width: 260px;
    padding: 0 20px 0 10px;
    font-size: 16px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/FPS/Portals/_default/Skins/FPS3/images/ddl/select_arrow.png) no-repeat #ffffff;
    background-size:54px 34px;
    background-position: right;
    transition: all .4s;
    z-index:999;
}

.SenseSearchBoxDropDownList:hover, .SenseSearchBoxDropDownList.hover, .SenseSearchBoxDropDownList:active, .SenseSearchBoxDropDownList.active {
        border-color: #b4e0ed;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        background: url(/FPS/Portals/_default/Skins/FPS3/images/ddl/select_arrow_hover.png) no-repeat #ffffff;
        background-size:54px 34px;
        background-position: right;
}

.SenseSearchBoxDropDownList:focus, .SenseSearchBoxDropDownList.focus {
        border-color: #cccccc;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        background: url(/FPS/Portals/_default/Skins/FPS3/images/ddl/select_arrow_focus.png) no-repeat #ffffff;
        background-size:54px 34px;
        background-position: right;
}

/*bottone del Search Box*/
.SenseSearchBoxButton{
    width:50px;
}    
.SenseSearchBoxButtonArea{
    display:inline-block;
    float:left;
    margin:0;
    padding:0;
    width:50px!important;
}     
  
/*
    Applicata alla casella di testo per la chiave di ricerca
    nello skin object SearchBox.ascx.
*/
.SenseSearchBoxTextBox {
    width: 200px;
    background-color: #ffffff;
    font-size: 12px;
    margin: 0px;
    padding: 0px 5px 2px 5px;
    border: 0px solid black;
}

.senseSearchBoxContainer {
    display:block;
}

/*** RISULTATI RICERCA ***/

/*
    Applicata al testo di varie informazioni relative ad una ricerca
    nei controlli SearchResult.ascx e SearchAndSelect.ascx.
*/
.SenseSearchInfo {
    margin:0 10px;
    color:#555;
}



/*** RISULTATI RICERCA - LISTA RISULTATI ***/

/*
    Applicata all'area contenente una pagina di risultati di una ricerca
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/




/*** RISULTATI RICERCA - SINGOLO RISULTATO ***/

/*
    Applicata a ciascuna area contenente un singolo risultato di una ricerca
    nei controlli SearchResult.ascx SearchAndSelect.ascx e RelatedDocuments.ascx.
*/
.SenseSingleResultArea {
    padding:10px;
    margin-top:25px;
    width:100%;
    height:100px;
}

/*** GRAFO DOCUMENTI COLLEGATI ***/

/*
    Applicata al div che contiene gli elementi del controllo DocumentGraph.ascx.
*/
@media screen and (max-width: 560px) {
.SenseDocumentGraphHeaderArea {
    width:100%;
    height:95px;
    margin-top:10px;
}}
@media screen and (min-width: 561px) and (max-width: 829px){
.SenseDocumentGraphHeaderArea {
    width:100%;
    height:95px;
    margin-top:10px;
}}
@media screen and (min-width: 830px) and (max-width: 1199px){
.SenseDocumentGraphHeaderArea {
    width:100%;
    height:30px;
    margin-top:14px;
}}
@media screen and (min-width: 1200px){
.SenseDocumentGraphHeaderArea {
    width:100%;
    height:30px;
    margin-top:14px;
}}

/*
    Classi applicate alle diverse risoluzioni 
*/
@media screen and (max-width: 767px){
.SenseResultTitle{
    width:270px;
}
.SenseResultClickableTitle{
    width:270px;
}
.SenseResultClickableTitle:hover {
    color: #1c6277;
}
.SenseSingleResultInfo{
    width: 75%;
}
.SenseSearchResultsUpperArea {
    margin:0 auto;
    text-align:left!important;
    padding-left:15px;
}
.SenseSearchInfo{
    margin:0;
}
.SenseSelectedFacetsArea{
    width:240px;
    line-height:1.6em;
    margin:8px 0;
}
.SenseResultTitleArea{
    height:auto!important;
}}
@media screen and (min-width: 768px) and (max-width: 991px){
.SenseResultTitle{
    width:480px;
}
.SenseResultClickableTitle{
    width:480px;
}
.SenseResultClickableTitle:hover {
    color: #1c6277;
}
.SenseSingleResultInfo{
    width: 85%;
}
.SenseSearchResultsUpperArea {
    margin:0 auto;
    text-align:left!important;
    padding-left:15px;
}
.SenseSearchInfo{
    margin:0;
}
.SenseSelectedFacetsArea{
    margin:8px 0;
}
.SenseSearchResultsGridView{
    padding:10px 0;
}
.SenseResultTitleArea{
    height:auto!important;
}}
@media screen and (min-width: 992px) and (max-width: 1199px){
.SenseResultTitle{
    width:480px;
}
.SenseResultClickableTitle{
    width:480px;
}
.SenseResultClickableTitle:hover {
    color: #1c6277;
}
.SenseSingleResultInfo{
    width: 85%;
}
.SenseSearchResultsUpperArea {
    margin:0 auto;
}
.SenseSearchResultsGridView{
    padding:10px 0;
}
.SenseResultTitleArea{
    height:auto!important;
}}
@media screen and (min-width: 1200px){
.SenseSearchResultsMainArea{
    width:1200px;
    margin:0 auto;
}
.SenseSearchResultsArea {
    display:inline-block;
    float:left;
    width:920px;
}
.SenseSingleResultInfo {
    width: 90%;
}
.SenseSingleResultInfoTable{
    width:auto;
}
.SenseResultClickableTitle{
    width:700px;
}
.SenseResultClickableTitle:hover {
    color: #1c6277;
}
.SenseSearchCompanyArea {
    max-width: 620px;
    outline: none;
    padding: 10px 0;
    display:inline-block;
    margin-left: 10px;
    float: left;
}
.SenseResultTitle{
    width:700px;
}
.SenseSearchResultsUpperArea{
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    background-color:#f3f3f3; 
    padding-top: 15px;
    padding-bottom: 15px;
    margin:50px auto 0 auto;
}
.SenseSearchResultsGridView{
    padding:10px 0;
}}

.SenseDocumentGraphReturnCommand{
    display:inline-block;
    float:left;
    margin-right:25px;
    margin-bottom:10px;
}

.SenseDocumentGraphReloadCommand{
    display:inline-block;
    float:left;
    margin-right:25px;
}
.SenseDocumentGraphTitleArea{
    margin-bottom: 14px;
    line-height: 1.2em;
    font-size: 1.2em;
    margin-top: 12px;
    display: block;
    float: left;
    position: relative;
    clear: both;
    font-weight: 600;
}
.SenseDocumentGraphTitleLabel{
    display:inline-block;
    font-size: 0.7em;
    float:left;
    color:#7d7d7d;
}

.SenseDocumentGraphTitle{
    display:inline-block;
    float:left;
    font-size: 0.7em;
    font-weight: bold;
    color: #555;
    margin-left:5px;
}
.SenseDocumentGraphLegendArea{
    display:inline-block;
    float:left;
    font-size:0.7em;
    margin-bottom:10px;
    line-height: 2em;
    padding: 0;
    clear:both
}
.SenseDocumentGraphLegendLabel{
    display:inline-block;
    float:left;
}
.SenseDocumentGraphLegendBody{
    display:inline-block;
    float:left;
}
.SenseDocumentGraphLegendIcon{
    width:20px;
    height:20px;
    border-radius:10px;
    padding:0 7px 0 7px;
    margin:4px 4px 0 0;
    border:1px solid #7d7d7d;
}
.SenseDocumentGraphHelpArea{
    margin-top:10px; 
    padding:5px;
}
.SenseDocumentGraphHelpTitle{
    color:#7d7d7d;
    font-size:0.7em;
    font-weight:700;
}
.SenseDocumentHelpText{
    font-size:0.7em;
}

/*** LISTA DOCUMENTI COLLEGATI ***/

/*** ANTEPRIMA DOCUMENTO ***/

/*
    Applicata al frame dedicato a visualizzare l'anteprima di un documento,
    nei controlli SearchResult.ascx SearchAndSelect.ascx RelatedDocuments.ascx e DocumentGraph.ascx.
*/
.SensePreviewFrame {
    border: 1px solid LightSteelBlue;
    border-radius: 6px;
}

/* Stile applicato ad ogni riga della tabella (elemento TR) che rappresenta dati di dettaglio nell'anteprima di un document type di tipo testata-righe */
.sense-preview-table-row {

}

/* Stile applicato a tutto l'elemento <table> che rappresenta dati di dettaglio nell'anteprima di un document type di tipo testata-righe */
.sense-preview-table {

}

/* Stile applicato ad ogni colonna (elemento TD) che rappresenta dati di dettaglio nell'anteprima di un document type di tipo testata-righe */
.sense-preview-table-cell {

}

/*Classe applicata all'area risultati*/



.SenseSingleResultInfo{
    display:inline-block;
    float:left;
    margin-left: 15px;
}
.SenseResultTitleArea{
    width:100%;
    display:inline-block;
    float:left;
    height:52px;
    padding:8px;
    border-radius:4px;
    background-color:#f3f3f3;
}
.SenseResultActionIconArea{
    display:inline-block;
    float:right;
    width:80px;
}
.SenseResultActionIcon{
    cursor: pointer;
    color: #33B2D7;
    float:right;
    padding:0 6px;
    display:inline-block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.SenseResultActionIcon:hover{
    color: #1c6277;
}
@media screen and (max-width:553px){
.SenseResultActionIcon{
        display:none!important;
}}

.SenseSelectableFacetValue{
    padding-left:0;
}

.SenseSearchResultsContainer{
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 991px){
.SenseSelectableFacetsArea{
     display:none;
}}
@media screen and (max-width: 549px) {
.SenseSearchResultsGridView {
    /*width: 380px;*/
    padding: 10px 0;
    margin:0 auto;
}
.SenseResultTitle {
    width: 250px;
}
.SenseResultClickableTitle{
    width: 250px;
}
.SenseResultClickableTitle:hover {
    color: #1c6277;
}
}

@media screen and (max-width:418px){
    .SenseSingleResultInfo {
    display: inline-block;
    float: left;
    margin-left: 15px;
    width: 60%;
}}
.SenseSearchResultsMessageArea{
    width: 400px;
    margin:0 auto;
    font-size:1.1em;
    color:red;
    text-align:center;
}
.SenseSearchResultsMessageArea > .Normal {
    font-size:0.9em;
    font-weight:bold;
}

/*Bottone cerca del Search Box e modifiche caselle di testo del Search Box*/

.SenseSearchBoxSelectCategoryArea{
    width: 276px !important;
}

/*Action menu nell'elenco risultati*/
.SenseActionMenuContainer{
    background-color:#ffffff;
    padding:20px;
    border-width: 1px;
    border-style: solid;
    border-color: #c8c8c8;
    -moz-box-shadow: 0 0 15px #c8c8c8;
    -webkit-box-shadow: 0 0 15px #c8c8c8;
    box-shadow: 0 0 15px #c8c8c8;
}
.SenseActionMenuTitle{
    font-size:1em;
    margin-bottom:5px;
}

/*---------------------Stile Grafi------------------*/

.SenseDocumentGraphNodeTooltipArea {
    white-space: normal;
    width: 300px;
    padding: 8px;
}

.SenseDocumentGraphNodeTooltipSubtitle {
    white-space: normal;
    font-size: 1.2em;
    color:#444;
    margin-bottom:4px;
}

.SenseDocumentGraphNodeTooltipAction {
    color: #33B2D7;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.2em;
}
.SenseDocumentGraphNodeTooltipAction:hover {
    color: #2690af;
}
.SenseDocumentGraphNodeTooltipPreview {
    color: #33B2D7;
    text-decoration: none;
    margin-top: 6px;
    cursor: pointer;
    font-size:1.2em;
}
.SenseDocumentGraphNodeTooltipPreview:hover {
    color: #2690af;
}