/* hide scrollbar */
html { overflow-x: hidden; }


/* alert message styles */
.alert-sucess {
   background-color: #c5dfc5;
   border-color: #99c199;
   color: #426a42;
}

/* table styles */
.tb-head{
	background-color: #f1f1f1 !important;
}

.table-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}


/*scroll modal*/
.modal {
    overflow-y: scroll !important;
}



/* input field styles */
.input-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    border: medium none;
}

/* button field styles */
.btn-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    padding: 0 12px;
}


/* Login users*/
#rig {
	max-width:900px;
	margin:0 auto; /*center aligned*/
	padding:0;
	font-size:0; /* Remember to change it back to normal font size if have captions */
	list-style:none;
	background-color:none;
	}
	#rig li {
		display:inline-block;
		*display:inline;/*for IE6 - IE7*/
		width:25%;
		vertical-align:middle;
		box-sizing:border-box;
		margin:0;
		padding:0;
	}

	/* The wrapper for each item */
	.rig-cell {
		margin:12px;
		box-shadow:0 1px 4px rgba(0,0,0,0.4);
		padding:16px;
		border:none;
		color:#555;
		background-color:white;
		text-decoration:none !important;
		text-align:center;
		display:block;
		position: relative;
		overflow:hidden;
	}

	.rig-cell h3 {
		font-size:18px;
		font-family:'Oswald', sans-serif;
		font-weight:normal;
	}

	/* If have the image layer */
	.rig-img {
		display:block;
		border:none;
		width:100%;
		height:0;
	    padding-top:83.461538%;
	    background-size:cover;
		background-color:white;
		background-image:url(/assets/images/chef-icon.png);
	    background-repeat:no-repeat;
		position:relative; /* Make its pseudo :after to be relative to it. */
	}
	.rig-img:after{
		position:absolute;
		top:20px;right:20px;bottom:20px;left:20px;
		border:1px solid #fff;
		content:'+';
		color:white;
		padding-top:14%;
		font-size:30px;
		opacity:0;
		filter:alpha(opacity=0);
		transition:all 0.3s;
		transform:scale(0);
	}

	#rig li:hover .rig-img:after {
		opacity:1;
		transform:scale(1);
	}

	/* If have the overlay layer */
	.rig-overlay {
		position: absolute;
		display:block;
		top:0;left:0;bottom:0;right:0;
		margin:auto;
		background:white;
		background-size:50px 50px;
		opacity:0;
		filter:alpha(opacity=0);/*For older IE*/
		transition:all 0.3s;
	}
	#rig li:hover .rig-overlay {
		opacity:0.5;
	}

	@media (max-width: 9000px) {
		#rig li {width:25%;}
	}

	@media (max-width: 800px) {
		#rig li {width:33.33%;}
	}

	@media (max-width: 500px) {
		#rig li {width:50%;}
	}

	@media (max-width: 350px) {
		#rig li {width:100%;}
	}

/* Checkbox view setting	
input[type="checkbox"]{
  width: 30px; 
  height: 30px; 
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}*/

/* ok button */
 .button_width{
 	cursor: pointer;
 	width: 90px;
 }
 
	.margin_space{
		margin-bottom: 5px;
	}
		
	.sty_inline{
		display: inline !important;
		width: auto !important;
	}
		
	.content{
		display: block;
	}
		
	#new{
		margin-right: 5px;
		float: left; 
		display: block;
	}
		
	#old{
		margin-right: 5px;
		float: left; 
		display: none;
	}
		
		
	#loadingmessage{
		 display: none; /* Hidden by default */
		 position: fixed; /* Stay in place */
		 z-index: 9999; /* Sit on top */
		 padding-top: 100px; /* Location of the box */
		 left: 0;
		 top: 0;
		 width: 100%; /* Full width */
		 height: 100%; /* Full height */
		 overflow: auto; /* Enable scroll if needed */
	}
		
    .ajax-loader {
		 margin: auto;
		 padding: 20px;
		 width: 30%;
	}	


	.upd-modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 9999; /* Sit on top */
		padding-top: 250px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	/* Modal Content */
	.ajax-msg {
		background-color: #fefefe;
		margin: auto;
		padding: 10px;
		border: 1px solid #888;
		width: 40%;
	}