html, body {
    max-width: 100%;
    overflow-x: hidden;
    padding-right: 0 !important;
}

/* bootstrap overrides */
h2{
	line-height: 30px;
}
h4{
	color:black;
}
.tooltip{
	z-index: 9999;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 20px;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 102%;
  /* Set the fixed height of the footer here */
  height: 20px;
  line-height: 20px;
  background-color: #D8D8D8;
  text-align: center;
  z-index: 9999;
  font-size: 10px;
}

.form-group {
    margin-bottom: 10px;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

input[type=checkbox], input[type=radio]{
    vertical-align: middle;
    margin:0;
    margin-top:-2px;
}
/*end overrides */



.sidemenu{
	position: fixed;
	left: 0px;
	top:0px;
	bottom:20px;
	width:150px;
	background-color: #eee;
	color:white;
	padding-left: 5px;
	padding-top: 5px;
	overflow-y: scroll;
	font-size: 12px;
}

.header{
	margin:10px 0px;
	font-size: 18px;
}

.loginContainer{
	display: block;
	float: right;
	font-size: 18px;
}
.loginContainer_mobile{
	display: none;
}

.month_chooser{
	color:#fff;
	line-height: 45px;
}

#start_date{
	width:120px;
	border:none;
	font-size: 22px;
	text-align: center;
	background-color: transparent;
}

.week{
	margin-top:10px;
	margin-bottom: 10px;
}

.mainbody{
	position: relative;
	/*right:0;
	top:0px;
	bottom:0px;
	left: 150px;*/
	background-color: #fff;
	/*height: auto;*/
	/*overflow-y: scroll;*/
}

#add_edit{
	margin:5px;
}

.resource {
	margin: 5px 10px;
    padding: 5px;
    border-radius: 3px;
}

.clendar_header{
	text-align: center;
}

#events_cal .day{
	background-color: transparent;
	border: 1px solid #EBEBEB;
	padding:	5px;
	min-height:	120px;
	/*width: 14%;*/
	min-width:100px;
}
#events_cal .day.in_month{
	background-color: #FAFAFA;
}

#events_cal .day.is_today {
	background-color: #EBD0E8 !important;
}


#events_cal .day .ical_event {
font-size: 0.8em;
font-style: italic;
color: orange;
}

#go_backward, #go_forward{
	cursor: pointer;
}

.manageResTbl input[type="text"]{
	width: 90%;
}

#modal-contactdetails{
	float: left;
    margin-right: 10px;
    line-height: 26px;
}


.menubtn{
	position: absolute;
	top:0px;
	right:0px;
	z-index: 99999;
	cursor: pointer;
}

.sidebar_nav{
	position: absolute;
	z-index: 99990;
	width: 120px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #d6d6d6;
	color: white;
	transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

.sidebar_nav.menu_hidden{
	right: -120px;
}


ul.sidebar_nav{
	list-style-type:none;
    padding:0px;
    padding-top:40px;
    margin:0px;
}	
.sidebar_nav li{
	list-style:none;
	padding: 10px;
}
.sidebar_nav li:hover{
	background-color: #eee;
}
.sidebar_nav li a{
	text-decoration: none;
}

.faded{
	opacity:0.4;
}


.thumbnail .glyphicon{
	font-size:130px;
	/*color:#929292;*/
	color:rgba(62, 121, 187, 0.35);
}

.bigfeature{
	margin-bottom: 20px;
}
.bigfeature .glyphicon{
	font-size:150px;
	color:rgba(62, 121, 187, 0.35);
}
.bigfeature p{
	font-size: 1.3em;
}

.alert{
    width: 50%;
    z-index: 9999999 !important;
    position: fixed;
    margin: 0px -25%;
    left: 50%;
	text-align: center;
	display: none;
	top:0px;
}

.feature_list img{
	width:100%;
}
.feature_list ul{
}



/*NEW SINCE MOVED TO EVENTS from BOOKINGS*/
.cal_break{
	width:100%;
	height:0px;
	color: transparent;
	border:	none !important;
	margin:	0;
}

.event{
	color: #3c8dbc;
	cursor: pointer;
	position: relative;
}

.v_count{
	background-color: white;
    position: absolute;
    top: 0px;
    right: 5px;
    border-radius: 50%;
    min-width: 20px;
    text-align: center;
    height: 20px;
    color: #7bd073;
    font-size: 11px;
    line-height: 19px;
    border: thin solid #ddd;
    padding: 0px 3px;
}

.form-group .half-width {
    width: 49%;
    display: inline-block;
    margin-top: 10px;
}

#Description{
	height:200px;
	overflow: scroll;
}
.description_box{
	border: thin solid #eee;
	border-radius:5px;
	padding: 10px;
	max-height: 200px;
    overflow: scroll;
}

/*hide wysywyg file selection for imges*/
.note-group-select-from-files{
	display:none;
}

#intro_choices .btn{
	font-size: 20px;
	padding: 15px;
	width: 80%;
}

#org_logo_full{
	/*width:200px;*/
	/*height:200px;*/
	width:100%;
	float:left;
	opacity:0.35;
}

#org_logo_big{
	height:200px;
	width:200px;
	float:right;
	opacity:0.35;
}
#org_logo_home{
	height:200px;
	width:200px;
	opacity:0.35;
}

#details_popup{
	display: none;
    position: absolute;
    z-index: 99999;
    max-width: 350px; 
    max-height: 250px; 
    /*top: 200px;*/
    /*left: 200px;*/
    background-color: white;
    border: thin solid #ddd;
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
}

/*#croppic{
	width: 100px;
	height:100px;
	position:relative;
}*/

.bootstrap-tagsinput{
	width:100% !important;
}


div#Category {
    text-align: center;
    border: thin solid #ddd;
    border-radius: 5px;
    float: right;
    padding: 8px;
    background-color: #bbd3e7;
    font-weight: bold;
}

#categories_list{
	color: #337ab7;
}

.cat_selector{
	margin-left: 10px !important;
}

.cat_choice {
    background-color: #dfecf5;
    border: thin solid #ddd;
    padding: 6px 12px;
    border-radius: 5px;
    /* float: left;  */
    margin-right: 10px;
    font-size: 1.1em;
    margin-bottom: 5px;
}

#userTable .glyphicon{
	cursor: pointer;
}
#userTable .glyphicon:hover{
    color: #337ab7;
}

/*pager links*/
#nextPage, #prevPage{
	cursor: pointer;
	color: blue;
	font-weight: bold;
	text-decoration: underline;
}

.tablecontainer{
	/*max-height: 400px;*/
	/*overflow-y: scroll;*/
}
.tablecontainer td{
	vertical-align: middle !important;
}

.tablecontainer .glyphicon{
	cursor: pointer;
}

#specialActions{
	width:150px;
	display: inline-block;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}


.modal-wide{
	width:1000px;
}

input.num_small{
	width:60px !important;
}
select.onethird{
	width:30% !important;
	display: inline-block;
}

#AttendeeList{
	border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    height: 252px;
    overflow-y: scroll;
}

span.pending{
	font-style: italic;
	color: rgb(240, 173, 78);
}

span.invited{
	font-style: normal;
	color: #6103AE;
}

span.confirmed{
	font-weight: bold;
	color: #4cae4c;
}

#AttendeeList span.attendee_remove{
	float: right;
	cursor: pointer;
}

#AttendeeList span.attendee_email{
	cursor: pointer;
}

.timeline-item.confirmed{
	background-color: rgba(0, 166, 90, 0.18) !important
}
.timeline-item.pending, .timeline-item.invited{
	background-color: #fbe8c9 !important;
}


#eventDetails{
	border:thin solid #ddd;
	border-radius: 4px;
	padding:12px;
	margin:12px;
}

.detailsDescription{
	background-color:#eee;
	border:thin solid #ddd;
	border-radius: 4px;
	padding:12px;
	margin:10px 0px;
}

.clickable{
	cursor: pointer;
}
.clickable:hover{
	text-decoration: underline;
}


#hours_total{
	float:right;
}

.user_action_btn{
	float: right; 
	font-size: 14px;
}

.day_label{
	display: none;
}


#EventName{
	/*margin-top: 5px;*/
}

.show_to_new, .show_to_active{
	display: none;
}

.report_logo {
	height: 100px;
  	margin-right: 20px;
    /*margin-top: -1.5em;*/
}

#learn_more_select{
	width: 50%;
}

/*overrides*/
.bootstrap-tagsinput input{
	width:30px !important;
}
#tagsModal .bootstrap-tagsinput input{
	width: 100px !important;
}


.bootstrap-tagsinput .tag{
	font-weight: normal;
	padding:0.3em 0.6em;
}


.datefilters{
	padding:0px;
}

.time_duration{
	width:35px;
}

.noheight, .noheight th, .noheight tr{
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 0px !important;
	line-height: 0px !important	;
}

#timelog_filters th, #pendingTable td, #approvedTable td{
	padding: 5px 2px !important;
}

#timelog_filters input, #pendingTable input, #approvedTable input{
	padding: 0px 5px !important;
}



.box-body.fixed-height{
	max-height: 300px;overflow-y: scroll;
}


.page-header {
    margin: 0px 0 20px;
}


/* RULES FOR REPORTS*/
.report_body .container{
	margin-top:10px;
}

#report_header{
	overflow: hidden;
}

.report_body h3{
	margin-top:0px;
}

.report_body .total{
	font-weight: bold !important;
	border-top: solid thin black !important;
}

/*dashboard date list*/
.is_today{
	background-color: #00a65a47 !important;
}



/* color picker */
.color-picker {
    background: #ffffff;
    padding: 10px;
    border: 1px solid rgba(203, 203, 203, 1);
    border-radius: 2px;
    width: 275px;
}

.color-picker > div {
    width: 40px;
    display: inline-block;
    height: 40px;
    margin: 5px;
    border-radius: 100%;
    opacity: 0.7;
}

.picker-wrapper {
    z-index: 9;
    position: absolute;
    padding: 0px;
}

.color-picker > div:hover {
    opacity: 1;
}





/*!!!!!!!!!*/
/*VARIOUS SIZE CSS RULES*/
/*!!!!!!!!!*/

/* ONLY for large devices*/

@media (min-width: 769px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    float: left;
  }
  
	.mobile{
		display: none;
	}
	
	#events_cal .day{
		min-width: 0;
	}
}



 /*for mobile devices...*/
@media (max-device-width: 768px) {
	.menubtn{
		top:5px;
		right:5px;
	}

	.sidemenu{
		width: 120px;
	}

	.mainbody {
		/*left: 120px;*/
	}

	.day{
		margin-bottom: 10px;
	}

	.day[data-date=''] {
		display:none;
	}

	.day:not(.hasEvent){
		/*display:none;*/
	}
	.day_label {
	    display: inline;
	}

	.header{
		font-size: 12px;
	}

	#start_date{
		font-size: 16px;
	}



	.sidebar_nav{
		position: absolute;
		z-index: 99990;
		width: 120px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		background-color: #d6d6d6;
		color: white;
		transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	}

	.sidebar_nav.menu_hidden{
		right: -120px;
	}


	ul.sidebar_nav{
		list-style-type:none;
	    padding:10px;
	    padding-top:20px;
	    margin:0px;
	}	
	.sidebar_nav li{
		list-style:none;
	}
	
	.clendar_header{
		display: none;
	}
	

	.resource{
		font-size: 10px;
	}
	.booking{
		font-size: 10px;
	}
	
	/*force spans to wrap on small screens*/
	.rwd-line{
		display: block;
	}

	.page-header h1{
		font-size: 26px;
	}

	.modal-dialog {
		width: 95% !important;
	}

	#editBooking{
		z-index: 999999;
	}

	.thumbnail .glyphicon{
		font-size: 80px;
	}
	.bigfeature .glyphicon{
		font-size: 60px;
	}

	#org_logo_big{
		width: 150px;
		height: 150px;
	}
	#org_logo_home{
		width: 150px;
		height: 150px;
	}
	#org_logo_full{
		width: 120px;
	    margin-top: -25px;

	}	
	#Description{
		/*height: 150px;*/
	}
	#learn_more_select{
		width: 100%;
	}
	
	.main-header .navbar-custom-menu a, .main-header .navbar-right a {
	    background: #367fa9; 
	}
	
}
/*end of small screen styles*/