html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.noscroll{
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}
.noscroll::-webkit-scrollbar {
  display: none;
}	

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

body {
  /* Margin bottom by footer height */
  margin-bottom: 20px;
  overflow-x: scroll;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /*height: 20px;*/
  line-height: 10px;
  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;
	transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}
.sidemenu.slideleft{
	left:-120px;
}
.sidemenu::-webkit-scrollbar {
  display: none;
}


#all_none{
	color:black;
	margin-top: 35px;
}

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

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

#start_date{
	width:120px;
	border:none;
	font-size: 22px;
	background:#FAFAFA;
	border:thin solid #ddd;
	cursor: pointer;
}

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

.mainbody{
	position: absolute;
	right:0;
	top:0px;
	bottom:20px;
	left: 150px;
	padding: 0px;
	background-color: #fff;
	height: auto;
	overflow-y: scroll;
	transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}
.mainbody::-webkit-scrollbar {
  display: none;
}
	
.mainbody.flushleft{
	left: 0px;
}

#add_edit{
	margin:5px;
}

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


.clendar_header{
	text-align: center;
}

.day{
	background-color: #FAFAFA;
	border: 1px solid #EBEBEB;
	padding:	5px;
	min-height:	200px;
}

.day.is_today {
	background-color: #FEF8CB;
}

.period {
	font-size: 0.8em;
	margin-bottom:20px;
	border-top: 1px solid #9E9E9E;
	color: #9E9E9E;
	cursor: crosshair;
}

.period.ui-droppable-hover {
    background: yellow;
}
.period.adding{
	cursor: copy;
}

.booking{
	background: #428bca;
    padding: 5px;
    font-size: 1.0em;
    border-radius: 3px;
    margin-left: 15px;
    margin-bottom: 2px;
    cursor: pointer;
    text-align: left;
    color:	white;
    /*font-weight: bold;*/
    z-index: 99;
}
.booking.ui-draggable-dragging{
	z-index: 9999;
	box-shadow: 10px 10px 5px #888888;
}

.booking.new:before {
   /*content: url(images/new.png);*/
   content: "✱ ";
   color:yellow;
   font-weight: bold;
   /*position: absolute;*/
   /*left: 0px;*/
   /*top: 0px;*/
}

.day .coverageNotice{
	position:absolute;
	top:2px;
	right:2px;
	color:white;
	background:red;
	padding:2px 5px;
	border-radius:5px;
	font-size:0.8em;
	cursor: pointer;
}


#go_backward, #go_forward{
	cursor: pointer;
}

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

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


.menubtn{
	position: fixed;
	top:10px;
	right:25px;
	z-index: 99999;
	cursor: pointer;
}
.menubtn_left{
	right:auto;
	left:25px !important;
	color: #333;
}

.nav{
	margin-top:5px !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff !important;
    background-color: #337ab7 !important;
}

.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;
}
.sidebar_nav ul.submenu{
	padding-left: 0px;	
}
.sidebar_nav ul.submenu li{
	padding: 2px 9px;
}

.faded{
	opacity:0.4;
}

/*ajaxcrud table*/
.report {
	background-color: rgba(220, 164, 0, 0.17);
	padding: 10px;
}
.ajaxCRUD .btn{
	padding: 2px 8px !important;
}


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

.alert{
    max-width: 80%;
    z-index: 9999999;
    position: absolute;
    margin: auto auto;
    left: 0;
    right: 0;
    top: 10px;
    text-align: center;
    display: none;
}

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


#new_period option:disabled {
    color: #fd9898;
    font-style: italic;
}
#new_period option:disabled::after {
    content: " (booked)";
}

.printOnly{
	display:none;
}


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

/* ONLY for large devices*/

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

.mobile{
	display: none;
}



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

	#hamburger_menu{
		font-size: 24px;
	}

	#settings_icon{
		font-size: 24px;
	}

	.sidemenu{
		width: 120px;
	}

	.mainbody {
		left: 120px;
	}

	.day{
		margin-bottom: 10px;
	}

	.header{
		font-size: 12px;
	}

	#start_date{
		font-size: 16px;
		width: 90px;
	}



	.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;
	}

	.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;
	}
	
	h2{
		font-size: 16px;
		line-height: 16px;
	}
	
	
}



/*PRINT_SPECIFIC STYLE OVERRIDES*/
@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
    
    .printHide{
    	display:none;
    }
    .printInvisible{
    	visibility:hidden;
    }

	.printOnly{
		display:block;
	}
}