/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2-ago-2016, 11.08.12
    Author     : A151166
*/
*{
    font-family: 'Noto Sans';
    font-size: 12px;
}

#table-users thead .ASC::after{
   content: '↑' ;
     color :#f00;
}
#table-users thead .DESC::after{
    content:'↓';
    color :#f00;
}
#users thead th {
    text-transform: uppercase;
    text-align: center;
}
.id-ASC:after{
   content: '↑' ;
     color :#fff;
}
.id-DESC:after{
    content:'↓';
    color :#fff;
}
.age-ASC:after{
    content: '↑';
     color :#fff;
}
.age-DESC:after{
    content:  '↓';
    color :#fff;
}
.username-ASC:after{
    content: '↑';
     color :#fff;
}
.username-DESC:after{
    content:  '↓';
    color :#fff;
}
.fiscalcode-ASC:after{
    content:'↑';
     color :#fff;
}
.fiscalcode-DESC:after{
    content:  '↓';
    color :#fff;
}
.email-DESC:after{
    content:  '↓';
    color :#fff;
}
.email-ASC:after{
    content:'↑';
    color :#fff;
}
#navigator div.nav-inline{
   
   
}
#main{
     margin-top: 80PX
}
#navigator{
    border:0px solid red;
}
#navigator nav{
    width: 100%;
    text-align: center
}
.input-group{
    margin-bottom: 1rem;
}
.container{
   /* background: red;*/
}
#thumbnail{
    border-radius: 10px;
}
.thumbnail-property{
    border-radius: 0px;
    margin-left: 10px;
}
.pointerButton{
    cursor: pointer;
}
.alertMessagePopover{
    visibility: hidden;
}
/* Posiziona il simbolo dell'Euro prima del campo prezzo in listini */
.input-euro {
    position: relative;
    z-index: 2;
}
.input-euro.left input {
    padding-left:18px;
}

.input-euro:before {
    position: absolute;
    top: 3px;
    content:"€";
}
.input-euro.left:before {
    left: 5px;
}
/* Permette la comparsa della barra scorrevole sui modal bootstrap */
.modal-dialog{
   overflow-y: initial !important
}
.modal-body{
   max-height: calc(100vh - 200px);
   overflow-y: auto;
}


/*------------------- CLASSI PER DEFINIZIONE NAVBAR ----------------------*/
#navBarIcon{
    min-width: 5%;
    background-color: green;
    
    
}
#navBarTitle {
    width: 20%;
    background-color: red;
    
}
#navBarButtons {
    width: 10%;
    /*background-color: orange;*/
    
}
#navBarButtons a {
    padding: 0 2px;
    color: gray; 
    
}
#navBarButtons a:hover {
    color: orange; 
    
}
#navBarSearch {
    width: 35%;
    background-color: purple;
    
}
#navBarLogin {
    width: 30%;
    background-color: cyan;
}