html,body{
	width:100%;
	height:100%;
	background-color:#e9e6da;
}

.ro-brand {
	width:auto !important;
	margin-top:-210px !important;
	height:9em;
}

nav.ro-main-nav-style-3 {
    margin:1em 0;
    top:initial;
    position:initial;
    
}

#main{
    width: 84%;
    height: auto;
    overflow: auto;
    margin:auto;
    padding: 0px 2%;
}

.menu{
	padding: 1em;	
}

.menu input{
	width:auto;
}

.menu form{
	display: inline-block;
}

form.forminput {
	width:60%;
	margin:0 auto;
}

@media(max-height:768px){
	.ro-brand {
		height:9em;
		margin-top:-100px !important;
	}
}

@media(min-width:768px) and (max-width:1024px){
	.ro-brand {
		height:9em;
		margin-top:-100px !important;
	}
	div.ro-content.form-signin {
		margin-top:-100px;
	}
}

@media(max-height:400px),(max-width:400px){
	form.form-signin {
		width:90%;
		margin:0 auto;
	}
	.ro-brand {
		height:6em;
		margin-top:-260px !important;
	}
}

.modal { overflow: auto !important; }

.fc-past {
    background: #F9F9F9;
}

.fc-today {
    background: #FFFFFF !important;
}

.fc-event-container {
    margin: 0px 7.5% 0px 2px !important;
}

.fc-event {
    border-color: black !important;
}

.fc-scroller {
    height : 500px !important;
}

.fc h2{
	font-size:20px;
	line-height:30px;
	vertical-align:baseline;
}

@media(max-height:700px){
	
	.fc-scroller {
    	height : 300px !important;
	}
	
}
@media(max-height:400px){
	
	.fc-scroller {
    	height : 200px !important;
	}
}

.paginate_button.previous a,.paginate_button.next a{
	font-size:12pt !important;	
	width:auto !important;
}

.dataTables_filter {
    float: right;
}

.btn{
    border: 1px solid black;
    padding: 5px;
    border-radius: 5px;
    background-color: gold;
    color: black;
    font-weight: bold;
}

nav .btn{
    border: initial;
    border-radius: initial;
    background-color: initial;
    color: initial;
    font-weight: initial;
}

.circlegray {
    width:20px;
    height:20px;
    border-radius:10px;
    font-size:10px;
    color:#fff;
    line-height:20px;
    text-align:center;
    background:gray;
    float:left;
}

.circleyellow {
    width:20px;
    height:20px;
    border-radius:10px;
    font-size:10px;
    color:#fff;
    line-height:20px;
    text-align:center;
    background:yellow;
    float:left;
}

.circlered {
    width:20px;
    height:20px;
    border-radius:10px;
    font-size:10px;
    color:#fff;
    line-height:20px;
    text-align:center;
    background:red;
    float:left;
}