.container {
      
            text-align: center;
      }
          
      #homePageContainer {
              
            margin-top: 50px;
          
      }
          
          #containerLoggedInPage {
              
              margin-top: 60px;
              
          }
          
          
      html { 
          
          background: url("../images/background.jpg") no-repeat center center fixed; 	  
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          
          }
          
          body {
              
              background: none;
              
          }
          
          #logInForm, #forgotPassForm {
              
              display:none;
              
          }
		  

          
          .toggleForms {
              
              font-weight: bold;
              
          }
          
          #diary {
              
              width: 100%;
              height: 100%;
              
          }
		  
.share h4
{
	padding:40px 0 0 0;	
}

#topnav
{
	color:#FFF;	
}

#topnav span a
{
 margin-right:10px;
 color:#FFF;	
 text-decoration:none;
 line-height:34px;
}
#topnav span a.last
{
 margin-right:0;
}
#topnav span a:hover
{
 text-decoration:underline;
}
#topnav span a.active
{
	font-weight:bold;
}
.color-grey
{
	color:#999 !important;	
}
.make-inline
{
	display:inline;
}
.padding-top-150
{
	padding-top:150px;	
}
.margin-top-bottom-20
{
	margin: 70px 0;	
}

.bg-blue
{
	background-color:#4b86aa;	
}
.top-100
{
	top:66px;	
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.height-66px
{
	height:66px;	
}

.sitelogo
{
	margin-top:10px;	
}

.form-fields
{
	font-size: 14px;
    color: #adadad;
	text-align:left;
	clear:both;
	
    max-width: 100% !important;
    background: #f9f9f9;
    overflow: auto;
    margin: 20px 0;
	margin-top:0;
	padding:30px 0;
}

.nopadding
{
	padding:0 !important;	
}

.paginationarrows a
{
	color:#999 !important;	
}
.paginationarrows a:hover
{
	color:#4b86aa !important;	
}

.flagcontainer a.langflag
{
	margin-right:5px;
}

.flagcontainer a.selected img
{ 
box-shadow: 0px 0px 0px 2px #FFF;

}

.flagcontainer a.selected img:hover
{ 
box-shadow: 0px 0px 0px 2px #FFF;

}

.home-temp-button
{
	text-align: center; 
	padding: 14px; 
	border-radius: .25rem; 
	background-color: white; 
	color: #4b86aa; 
}
.home-temp-button:hover
{
	text-decoration:none;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
.home-temp-button
{
	font-size:14px;
}
}