*{
		font-family: 'Montserrat', sans-serif; outline: none;
	}

	body, html{
		margin:0;
		padding:0;
		height:100%;
	}


	body{
		font-family: 'Montserrat', sans-serif;
		font-size:15px;
	}
	
	.mainMenu{
		padding:10px 5px;
		cursor:pointer;
		display:block;
		color:white;
	}
	
	.mainMenu:hover{
		background-color:rgba(255,255,255,.05); border-radius:4px;
	}
	
	.mainMenu.active{
		background-color:rgba(255,255,255,.2); border-radius:4px;
	}
	
	.flatpickr-calendar {
		z-index: 9994534599 !important;
	}
	
	div.box{
		background-color:white; padding:20px; box-shadow:0px 0px 2px rgba(0,0,0,0.1);
	}
	
	div.minibox{
		background-color:white; padding:10px; box-shadow:0px 0px 2px rgba(0,0,0,0.1);
		font-size:12px;
	}
	
	div.box > .title{
		padding:5px 0;
		font-size:17px;
		font-weight:500;
	}
	
	.noShowOrder{
		background-color:red;
	}
	
	.orderFinished > div:first-child {
		background-color:gray !important;
	}
	
	.orderActive > div:first-child {
		background-color:green !important;
		
	}
	
	.jconfirm-box {
		background-color:#F2F2F2 !important;
	}
	
	.searchfield{
		padding:5px 10px;
		font-size:0.9em;
		border:1px solid silver;
		border-radius:4px;
		width:100%;
	}
	
	.seper{
		border-bottom:1px solid rgba(0,0,0,0.04);
		line-height:25px;
		height:25px;
		font-size:10px;
		font-weight:bold;
		padding-left:5px;
		background-color:white;
		color:white;
	}
	
	.seper:hover{
		background-color:green;
		border-radius:4px;
		color:white;
	}	
	
	.seper.disabled{
		background-color:#8d3a36 ;
		background-image:url('/shared/icons/disabled-stripe.png');
	}

	.week-cal-day-head.cal-date-nonworking,
	.calDayCol.cal-date-nonworking,
	.cal-date-nonworking{
		color:#c62828 !important;
	}
	
	.week-day-col .seper{
		font-size:9px;
		padding-left:2px;
	}

	.week-day-col .draggable{
		box-sizing:border-box;
	}
	
	.seper.employee{
		border:1px solid red;
	}
	
	
	
	.button{
		padding:8px 15px;
		background-color:white;
		border:1px solid rgba(0,0,0,0.1);
		font-size:13px;
		font-weight:600;
		color:#555;
		border-radius:4px;
		box-shadow:0px 1px 4px rgba(0,0,0,0.05);
		transition: all .2s ease;
		text-decoration:none;
		margin:0px 2px;
	}
	
	.draggable{
		transition: opacity .1s ease;
	}
	.draggable.cal-dragging{
		transition: none !important;
	}
	.widgetHandle{
		touch-action: none;
	}
	
	
	.button:hover{
		background-color:white;
		color:black;
	}
	
	.buttonSmall{
		border:0;
		padding:10px 15px;
		background-color:white;
		display:block;
		text-align:center;
		width:100%;
		transition: all .2s ease;
	}
	
	.buttonSmall:hover{
		background-color:rgba(0,0,0,0.1);
	}
	
	
	.tinymenudiv{
		display:none; position:absolute; min-width:150px; padding:3px; right:10px; top:10px; background-color:white; border:1px solid rgba(0,0,0,.2); border-radius:4px; box-shadow:0px 2px 5px rgba(0,0,0,0.2); z-index:9999;	
	}
	
	.field{
		padding:8px 15px;
		width:100%;
		border:1px solid rgba(0,0,0,0.2);
		border-radius:4px;
	}
	
	label{
		font-size:12px;
	}
	
	.dataTables_filter{
		margin-bottom:20px;
	}
	
	.dataTable thead tr {
		background-color:rgba(0,0,0,0.1);
	}
	
	table.dataTable thead th, table.dataTable thead td{
		border-bottom:1px solid rgba(0,0,0,0.1);
		color:gray; font-size:13px; font-weight:bold;
	}
	
	table.dataTable tbody th, table.dataTable tbody td {
		padding: 15px 10px;
	}
	
	table.dataTable.no-footer {
		border-bottom:1px solid rgba(0,0,0,0.1);
	}
	
	.dataTables_wrapper .dataTables_filter {
		float: left;
		text-align: right;
	}
	
	.dataTables_filter input{
		border:1px solid silver;
		padding:5px 10px;
		border-radius:4px;
	}

	@media (max-width: 767px) {
		.jconfirm .jconfirm-holder {
			padding: 10px 0;
		}

		.jconfirm .jconfirm-box {
			max-height: 90vh;
			overflow: hidden;
		}

		.jconfirm .jconfirm-content-pane {
			max-height: calc(90vh - 80px);
			overflow-y: auto !important;
			-webkit-overflow-scrolling: touch;
		}

		.jconfirm .jconfirm-buttons {
			position: sticky;
			bottom: 0;
			background: #F2F2F2;
			padding-top: 8px;
		}

		.add-order-form {
			overflow: hidden;
		}

		.add-order-form:after {
			content: "";
			display: table;
			clear: both;
		}

		.add-order-form > .col-xs-5,
		.add-order-form > .col-xs-7 {
			width: 100%;
			float: none;
		}

		.add-order-form > .col-xs-5 > .box,
		.add-order-form > .col-xs-7 > .box {
			margin: 6px 0 !important;
			padding: 10px;
		}

		.add-order-form .add-order-fields td {
			display: block;
			width: 100% !important;
		}

		.add-order-form .add-order-fields tr td[align="right"] {
			text-align: right;
		}

		.order-details-modal > .col-xs-8,
		.order-details-modal > .col-xs-4,
		.order-details-modal > .col-xs-12 {
			width: 100%;
			float: none;
			height: auto !important;
		}

		.order-details-modal > .box {
			padding: 10px;
			margin-bottom: 6px;
		}
	}