// Dati base foglio di stile
//
// z-index:
// Pagina normale:       0
// Overlay MsgBox/Panel: 400
// Panel:                500
// Busy:                 800
// MsgBox/Panel:         1100
// Overlay spinner:      2000
// Spinner:              2100

@body-background:           #fff;
@default-radius:            2px;

@link-color:                #484;
@button-blue:               #3079ed;
@button-red:                #d14836;
@button-yellow:             #ffff00;
@dark-blue:                 #5e7bb9;

@inputs-outline-color:      #cccccc;
@inputs-background-hover:   transparent;
@inputs-background-focus:   transparent;
@inputs-border-color:       #aaaaaa;
@inputs-border-color-hover: lightblue;
@inputs-border-color-focus: @dark-blue;

@import "style-bootstrap-fonts.less";
@import "style-bootstrap-wait.less";

.default-transition {
  transition: all 150ms ease-out;
}
.elevate-transition {
  .default-transition;
  box-shadow: 0px 0px 10px #777;
}
.inputs-border {
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: @inputs-outline-color @inputs-outline-color @inputs-border-color @inputs-outline-color ;
}
.inputs-hover {
  border-color: @inputs-outline-color @inputs-outline-color @inputs-border-color-hover @inputs-outline-color ;
  background-color: @inputs-background-hover;
  .elevate-transition;
}
.inputs-focus {
  border-color: @inputs-outline-color @inputs-outline-color @inputs-border-color-focus @inputs-outline-color ;
  background-color: @inputs-background-focus;
  box-shadow: inset 0px -1px 0 0 @dark-blue;
  .default-transition;
}
.font-var {
  font-family: gts-varfont, calibri, verdana, tahoma;
}
.font-mono {
  font-family: gts-monofont, monospace;
}
.font-size-normal {
  font-size: 10pt;
}
.font-size-little {
  font-size: 8pt;
}
.font-size-big {
  font-size: 24pt;
}
.image-button {
  background-repeat: no-repeat;
  width: 50px;
}
.shadow {
  box-shadow: 0 2px 2px 0 #555;
}

.form-control {
  padding: 2px 6px 2px 6px;
  height: auto;
}

.navbar-default { background-color: #eee; }
.navbar-nav > li > .dropdown-menu > li > a:hover { color: #fff; background-color: #2e6da4; }
.navbar-inverse .navbar-nav > li > a { color: #ccc; }
.navbar-default .navbar-nav > li > a { color: #555; }

.nav > li > a { padding-right: 10px; padding-left: 10px; }

.btn {
  font-weight: bold;
  margin: 3px;
}

.btn-group>.btn {
  margin: 2px;
}

.btn-default {
  background-color: #ccc;
}

.input-group-btn button {
 margin: 0;
 padding-top: 3px;
 height: 26px;
}

.nonfluid input,select,textarea {
  width: auto !important;
}

.badge {
  margin-left: 4px;
}

.panel {
  margin-bottom: 5px;
}

body {
  .font-var;
  padding-top: 55px;
}

table {
  width: auto !important;
  margin-right: 5px;
}

th {
  background-color:#ddd; 
}

hr {
  border-color: #ddd;
  margin-top: 15px;
  margin-bottom: 15px;
}

.fld { 
  font-weight: bold; 
  padding: 1px 4px 1px 4px; 
  background-color:#ddd; 
  color:#000; 
  border-width:0 1px 0 0; 
  border-style: solid; 
  border-color:#bbb;
}
.val   { 
  padding: 0px 3px 0px 2px; 
  background-color: transparent; 
  border-style: none; 
  vertical-align: top; 
}
.num { 
  .font-mono; 
  text-align: right;
}

.block {
  padding: 1px;
  margin: 3px 3px 6px 3px;
  border-color: #000;
  border-width: 3px;
  border-radius: @default-radius;
  box-shadow: 0px 0px 6px #999;
  background-color: #fff;
}
.block:hover { .elevate-transition; }

.gvnotify {
  display: table;
  vertical-align:middle;
  position: fixed;
  background: #000;
  color: #fff;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 4px;
  border-radius: 5px;
  font-variant: small-caps;
  font-size: 12pt;
}
.gnotifytext {
  display: table-cell;
  vertical-align:middle;
}

.gvbusy {
  z-index: 9900;
  display: table;
  vertical-align:middle;
  position: fixed;
  background: #f77;
  color: #fff;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 0px;
  border-radius: 5px;
  font-variant: small-caps;
  font-size: 12pt;
}

.gvpanel {
  display:none;
  width:90%;
  height:80%;
  margin: 80px 10px 80px 0px;
  background-color: #eee;
  z-index: 500;
  position:absolute;
  position:fixed;
  padding:5px;
  overflow: auto;
  border-style: solid;
  border-color: #777;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0px 0px 30px #444;
}

.gvtooltip {
  position: absolute;
  border-radius: 4px;
  padding: 4px;
  background-color: #eee;
  display:none;
  box-shadow: 0px 0px 11px #000;
  z-index:9999;
}

meter::-webkit-meter-bar {
  background: #ccc;
}
meter::-webkit-meter-optimum-value {
  background: linear-gradient(to bottom, #62c462, #51a351);
}
meter::-webkit-meter-suboptimum-value {
  background: linear-gradient(to bottom, #fbb450, #f89406);
}
meter::-webkit-meter-even-less-good-value {
  background: linear-gradient(to bottom, #ee5f5b, #bd362f);
}

.loading-overlay {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:2000;
  background-color: rgba(255,255,255,0.7);
}
.panel-overlay {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:400;
  background-color: rgba(255,255,255,0.7);
}