body {
	font: 20px Montserrat, sans-serif;
	line-height: 1.8;
	color: #f5f6f7;
}
p {font-size: 16px;}

.bg-1 { 
	background-color: #4893d8; /* blue */
	color: #ffffff;
}
.bg-2 { 
	background-color: #474e5d;
	color: #ffffff;
}
.bg-3 { 
	background-color: #ffffff; /* White */
	color: #555555;
}
.bg-4 { 
	background-color: #3d3d3d; /* Black Gray */
	color: #fff;
}
.bg-5 {
       background-image: url("../images/calendar.jpg");  
       
       color: #ffffff;
}

.container-fluid {
	padding-top: 15px;
	padding-bottom: 16px;
}

/* css popolamento database */
html, body
{
    height: 100%;
    width: 100%;
    min-height: 85%;
    overflow: hidden;
}

.container-file{
  width: 100%;  
  min-height: 85%;
  display: inline-block;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 100px 300px 100px 300px;
}

.form-file{
  background: #cacaca;
  border-radius: 15px;
  padding-right: 55px;
  padding-left: 55px;
  padding-bottom: 54px;
  padding-top: 48px;
}

input[type="file"] {
    display: inline-block;
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap;
    width: 1px;  
}

[type="file"] + label {
  background-color: #009688;
  border-radius: 4rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 4rem;
  line-height: 4rem;
  padding-top: 0px;
  padding-left: 2rem;
  padding-right: 2rem;
  transition: background-color 0.3s;
}

 
[type="file"]:focus + label,
[type="file"] + label:hover {
    background-color: #f15d22;
}
 
[type="file"]:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/*************/

/* resposnive menu */

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav button:not(:first-child) {display: none;}
  .topnav button.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive button.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive button {
    float: none;
    display: block;
    text-align: left;
  }
}

/*************/

.navbar {
	padding-top: 15px;
	padding-bottom: 15px;
	border: 0;
	border-radius: 0;
	margin-bottom: 0 !important;
	font-size: 20px;
	letter-spacing: 5px;
}
.navbar-nav  li a:hover {
	color: #1abc9c !important;
}
.div-right {
	padding-right: 20px;
	float: right;
	font-size: 14px;
	letter-spacing: 5px;
}
.navmenu {
	padding-left: 20px;
	float: left;
	font-size: 20px;
	letter-spacing: 5px;
}
.banner {
	
    padding-top: 250px;
	padding-bottom: 15px;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	font-size: 20px;
	letter-spacing: 5px;
}
.btn-login{
    width: 300px !important;
    height: 75px;
    font-size: 22px !important;
    text-align: center !important;
    
    margin: auto;
    display: inline-block;
}
.fullheight
{
    height: 90%;
    
}
.centered
{
    
    margin: 15%;
    
}
.google {

    color: #202124;
    padding-bottom: 0;
    padding-top: 16px;
    font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.3333;
    margin-bottom: 0;
    margin-top: 0;

}
.google2 {

    color: #202124;
    padding-bottom: 0;
    padding-top: 16px;
    font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3333;
    margin-bottom: 0;
    margin-top: 0;

}
.dropdown {
  float: left;
}
.dropdown-content {
  display: none;
  position: absolute;
  top: 50px;
  background-color: #f9f9f9;
  min-width: 218px;
  z-index:2000;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none !important;
  display: block;
  text-align: left;
  background:#e7e7e7;
}

.dropdown-content a:hover {
    color: #1abc9c !important;    
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* toolbar calendar */

.fc-toolbar {
    display: block ;
}
.modal-open {
    overflow: scroll;
}

/********************/