@media only screen and (min-width: 60em)
{
	    /* max width for pages without forms */
    #mainsection {
        max-width: 64rem;
		margin: 0 auto;
    }
    /* max width for forms */
    form{
        max-width: 32rem;
		margin: 0 auto;
    }
    
    .button-width{
        width:28% !important
    }
	
	.btn-rotate {
		margin-left: 28em !important;
	}

}

.optionalcookies{
	display: none;
}

#mainsection 
{
	padding-left: 15px;
	padding-right: 15px;
}


.pageHeading{
	text-align: center; 
	margin: 30px 0px
}


.form-control{
	padding: 1rem;
    border-radius: 0.5rem;
	margin-bottom: 15px
}

input[type="checkbox"], input[type="radio"] {
	display:inline-block;
	width:44px;
	height:44px;
    vertical-align: middle;
	position: relative !important; /*overriding bootstrap's online css file */
	margin-top: 0px !important; /*overriding bootstrap's online css file */
	margin-left: 0px !important; /*overriding bootstrap's online css file */
	box-shadow: none !important; /*overriding bootstrap's online css file */
}

.upload-image{
	background-color: #e6e9f7;
	height: 15rem;
    overflow: hidden;
	margin-bottom:15px;
}


#pleasewait{
	line-height:170px;
	border: 1px solid #CCC;
}

/* vertically align text */
#pleasewait span {
  display: inline-block;
  vertical-align: middle;
}

#dialog-confirm{
    min-height: 70px !important;
	overflow: auto;
	font-size: 14px;
	color:#000;
}
span.ui-button-text{
	font-size: 14px !important;
}

.ui-dialog .ui-dialog-titlebar {
	color:#000;
    padding: 5px 2px 2px 0px;
    position: relative;
}


.regPasswordContainer {
    position: relative;
} 

.regPasswordContainer #togglePassword {
    position: absolute;
    right: 20px;
    top: 20px;
	font-size:1.3em;
}

/***** overriding pleaseWairDialog *****/
/*
.ui-widget-content {
	border:none;
	background:none;
}
*/