/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  /*color: #fff;*/
	color: gray;	
}

/* Custom default button */
.btn-secondary,
/*.btn-secondary:hover,*/
.btn-secondary:focus {
  /*color: #333;*/
	color: #fff;
  text-shadow: none; /* Prevent inheritance from `body` */
  /*background-color: #fff;*/
	background-color: #333;
  /*border: .05rem solid #fff;*/
}

.gif
{
	width: 100%;
	max-width: 300px;
}

@media all and (display-mode: standalone)
{
  .hidden-pwa
	{
    display: none;
  }
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  /*background-color: #333;*/
	background-color: #eee;
}

body {
  display: -ms-flexbox;
  display: flex;
  /*color: #fff;*/
	color: #333;
  /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);*/
  /*box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
	/*background-image:url("https://cdn.gelestatic.it/kataweb/tvzap/2015/07/taglioAlta_001857.jpg");*/
	/*background-repeat: no-repeat, repeat;*/
}

.cover-container {
  /*max-width: 42em;*/
}

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  /*color: rgba(255, 255, 255, .5);*/
	color: #333;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  /*border-bottom-color: rgba(255, 255, 255, .25);*/
	border-bottom-color: #333;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  /*color: #fff;*/
  /*border-bottom-color: #fff*/;
  color: #333;
  border-bottom-color: #333;	
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}

/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
/*
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}
*/

/*
 * Footer
 */
.mastfoot {
  /*color: rgba(255, 255, 255, .5);*/
	color: #333;
	font-size: 12px;
}

/*
 * Form
 */

.form-signin {
  width: 100%;
  max-width: 800px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin .form-control, .form-signin .btn
{
	max-width: 330px;
	margin:auto;
}
.form-signin input[id="1"]
{
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[id="2"]
{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[id="3"]
{
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}