html,body{
	margin: 0;
}
.full-width-content{
	height: calc(100vh - 60px);
}

.content_with_side_menu #sidemenu{
	width: 15vw;
	background: #f7f7f7;
	color: #000;
	margin-top: 60px;
	height: calc(100vh - 60px);
	position: relative;
	z-index: 9999;
}
.content_with_side_menu #site-content{
	width: 85vw;
	position: relative;
}
.content_with_side_menu{
  	display: grid;
	grid-template-areas:"dashboard dashboard-info";
	grid-template-columns: 1fr 3fr;
	max-height:100vh;
}
.full-width-content .new-container,
.content_with_side_menu .new-container,
.full-width-content .container,
.full-width-content .content,
.content_with_side_menu .container,
.content_with_side_menu .content
{
	margin-bottom: 0!important;
	max-height: calc(100vh - 60px);
	height: 100%;
	overflow: auto;
	max-width: 100%;
	width: 100%;
}
.building-menu{
	overflow-y: auto;
    height: 100%;
}
.menu-building-info{
	max-width: 80%;
	margin: 0 auto;
}
/*
.content_with_side_menu #sidemenu{
	position: fixed;
	top:61px;
	bottom: 0;
	left: 0;
	right: 80%;
  	min-height: 80vh;
	border-right: 1px solid #ccc;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: right 0.2s ease-out;
 	-moz-transition: right 0.2s ease-out;
  	-o-transition: right 0.2s ease-out;
  	transition: right 0.2s ease-out;
  	z-index:999;
  	background:#fff;
}

.content_with_side_menu #site-content{
	position: absolute;
	top:60px;
	bottom: 0;
	left: 20%;
	right: 0;
	opacity: 1;
	-webkit-transition: left 0.2s ease-out;
  	-moz-transition: left 0.2s ease-out;
  	-o-transition: left 0.2s ease-out;
  	transition: left 0.2s ease-out;
 }
 */
.hide-me{
	display: none!important;
}
.flex-form input,
.flex-form select,
.flex-form text{
	width: 98%;
}
.flip{
	transform: rotate(180deg);
}
#sidemenu li{
	position: relative;
}
#sidemenu li div{
	display: none;
}
.side-sub-menu{
	display: none;
	-webkit-transition: all 0.2s ease-out;
  	-moz-transition: all 0.2s ease-out;
  	-o-transition: all 0.2s ease-out;
  	transition: all 0.2s ease-out;
}

.side-sub-menu.open{
	display: block;
}

 .scroll-y{
 	overflow-y: hidden;
 }
.auto-width-inline{
	width: auto;
	display: inline-block;
}
.gap-5px{
	gap:5px;
}
.gap-5px > *{
	margin:5px;
}
.no-margin{
	margin: 0!important;
}
.no-padding{
	padding: 0!important;
}
.no-margin-bottom{
	margin-bottom: 0!important;
}
.margin-top-auto{
	margin-top: auto;
}
.hidden{
	display: none!important;
}
.flex{
	display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.dir-col{
	flex-direction: column!important;
}
.dir-row{
	flex-direction: row!important;
}
.flex-wrap{
	flex-flow: row wrap;
}
.no-wrap{
	flex-wrap: nowrap;
}
.justify-center{
	justify-content: center;
   -webkit-justify-content: center;
}
.justify-between{
	justify-content: space-between;
   -webkit-justify-content: space-between;
}
.justify-around{
	justify-content: space-around;
   -webkit-justify-content: space-around;
}
.justify-evenly{
	justify-content:space-evenly;
   -webkit-justify-content: space-evenly;
}
.justify-end{
	justify-content:flex-end;
   -webkit-justify-content: flex-end;
}
.align-end{
	align-items: flex-end;
   -webkit-align-items: flex-end;
}
.align-center{
	align-items: center;
   -webkit-align-items: center;
}
.align-base{
	align-items: baseline;
   -webkit-align-items: baseline;
}
.gap-10{
	gap:10px;
}
.custom-gap-10 > *+*{
	margin:10px;
}
.flex-grow > *{
	flex: 1;
}
.flex-gap{
	min-width: 5px;
	max-width: 5px;
}
.flex-spacer{
	min-height: 5px;
	max-height: 5px;
}
.grow{
	flex: 1;
}
.flex-shrink{
	flex:0!important;
}
.grow-first > *:first-child{
	flex: 1;
}
.grow-last > *:last-child{
	flex: 1;
}
.shrink-last > *:last-child{
	flex: 0;
}
.center{
	text-align: center;
}
.centered-vh{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.right{
	text-align: right;
}
.full-width{
	width: 100%!important;
}
.vh-100{
	height: 100vh;
}
.max-width-relative{
	max-width: 100%!important;
}
.min-height-75{
	min-height: 75px!important;
}
.max-height-100{
	max-height: 100px;
	min-height: 100px!important; /*overriding textearea defuatls*/
}
.no-resizing{
	resize: none;
}
.wide-no-padding{
	width: 100%!important;
	padding: 0!important;
}
.pad-5{
	padding: 5px 0px 5px 0px;
}
.pad-tb-10{
	padding: 10px 0px;
}
.box-size-pad-10{
	box-sizing: border-box;
	padding: 10px;
}
.margin-top-50{
	margin-top: 50px!important;
}
.margin-bottom-50{
	margin-bottom: 50px!important;
}
.one{
	width: 99%;
	display: block;
}
.one.with-margin{
	margin-bottom:10px;
}
.one-half{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.one-half.force-right{
	position: relative;
	right: 0;
}
.one-half.right{
	text-align: right;
}
.one-half.middle{
	margin: 0 auto;
}
.one-half.algn-bottom{
	vertical-align: bottom;
}
.one-half.center-content{
	text-align: center;
}
.one-third{
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.two-thirds{
	width: 65%;
	display: inline-block;
	vertical-align: top;
}
.one-fourth{
	width: 24%;
	display: inline-block;
	vertical-align: top;
}
.three-fourths{
	width: 74%;
	display: inline-block;
	vertical-align: top;
}
.one-fifth{
	width: 19%;
	display: inline-block;
	vertical-align: top;
}
.wide{
	width: 95%;
	margin: 0 auto;
}
.wide.margin-top-50{
	width: 95%;
	margin: 50px auto!important;
	margin-bottom: 0 !important;
}
.center{
	text-align: center;
}
.algn-rght,.algn-right,.align-right{
	text-align: right;
}
.float-right{
	float: right;
}
.align-top input{
	vertical-align: top!important;
}
.diary-search{
	width: 50%;
	margin: 200px auto;
}
.max-width-five-hundo{
	max-width: 500px;
	margin:0 auto;
	text-align: center;
}
.min-width-250{
	min-width: 250px;
}
.min-width-350{
	min-width: 350px;
}
.min-width-380{
	min-width: 380px;
}
.max-width-two-hundred{
	max-width: 200px;
	width: 98%;
	margin:0 auto;
}
.max-width-three-fifty{
	max-width: 350px;
	width: 98%;
	margin:0 auto;
}
.max-width-three-hundred{
	max-width: 300px;
	width: 98%;
	margin:0 auto;
}
.max-width-seven-fifty{
	max-width: 750px;
	width: 98%;
	margin:0 auto;
}
.max-width-twelve-hundo{
	max-width: 1200px;
	width: 98%;
	margin:0 auto;
}
.max-width-desktop-60px{
	width: 100%;
	max-width: 60px;
}
.max-width-desktop-100px{
	width: 100%;
	max-width: 100px;
}
.mobile-only{
	display: none;
}
.row{
	width: 100%;
}
.row .col-6{
	width: calc(16.6% - 5px);
	display: inline-block;
	vertical-align: top;
}
#close_menu,.close-menu,.open-menu{
	display:none;
}


@media screen and (min-width: 1024px) and (max-width: 1500px){
	.one-fourth.expand{
		width:48%;
	}
}



@media screen and (min-width: 1024px) and (max-width: 1300px){
	.new-container.ticket{
		width: 95%;
	}
}


@media screen and (max-width: 1024px){
	#open_menu{
	}
	.one-fourth.expand{
		width:47%;
	}
	
	.diary-search{
		width: 80%;
	}
	.new-container{
		width:90%;
		margin:0 auto;
	}
}
@media screen and (max-width: 768px) {
	.close-menu,.open-menu{
		display: block;
		font-size: 16px;
	}
	.close-menu{
		position: absolute;
		top: 20px;
		right: 15px;
	}
	.open-menu{
		position: absolute;
		top: 75px;
		left: 15px;
	}
	.content_with_side_menu #sidemenu{
		position: absolute;
		width: 40vw;
		left: -40vw;
		transition: transform .3s ease-in-out;
	}
	.content_with_side_menu.menu-open #sidemenu{     
      transform: translateX(40vw);
    }
	.content_with_side_menu #site-content{
		width: 100vw;
	}
	.content_with_side_menu.menu-open #site-content{
		opacity: 0.3;
		pointer-events: none;
	}
	.one-half.expand,.one-third.expand,.one-fourth.expand,.two-thirds.expand{
		width:100%;
		display: block;
		margin-bottom: 50px;
	}
	.content_with_side_menu .container,.content_with_side_menu .content{
		max-height:unset;
	}
	.drop_menu #drop_menu{
		transform: rotate(180deg);
	}
	.diary-search{
		width: 90%;
	}
	.mobile-only{
		display: block;
	}
	.hide-on-mobile{
		display: none!important;
	}

	.new-container{
		width:98%;
		margin:0 auto;
	}
}

@media screen and (max-width: 500px) {
		.content_with_side_menu #sidemenu{
			position: absolute;
			width: 100vw;
			left: -100vw;
			transition: transform .3s ease-in-out;
		}
		.content_with_side_menu.menu-open #sidemenu{     
	      transform: translateX(100vw);
	    }
		.dir-row{
			flex-direction: column!important;
		}
		.dir-row.grow-last > *:last-child{
			flex: unset;
		} 
		.module .flex.align-end{
			align-items: unset;
		   -webkit-align-items: unset;
		}
		.switch-container > div{
			flex-direction: row!important;
		}
		.switch-container > div.grow-last>*{
			flex: unset;
		}
		.align-end.align-normal-mobile{
	   		-webkit-align-items: stretch;
			align-items:stretch;
		}
		.align-base{
			align-items: stretch;
		   -webkit-align-items: stretch;
		}
		.align-center-mobile{
			align-items:center!important;
			-webkit-align-items: center!important;
		}
		.align-center.stretch-on-mobile{
			align-items:stretch!important;
			-webkit-align-items: stretch!important;
		}
		.three-col{
			flex-direction: column;
			gap:5px;
		}
		.max-width-mobile-350{
			max-width: 350px!important;
		 	overflow: auto;
		}
		.max-width-desktop-60px{
			max-width: 100%;
		}
		.max-width-desktop-100px{
			max-width: 100%;
		}
	
}
@media screen and (max-width: 380px) {
	.min-width-380{
		min-width: 350px;
	}
}
@media screen and (max-width: 320px) {
	.min-width-380{
		min-width: 300px;
	}
	.min-width-350{
		min-width: 300px;
	}
}