.innerContainer {
			background-color: white;
		    padding: 10px;
		    border-radius: 8px;
		    border: 1px solid #d8d6d6;
		}

		.settingsForm {
			width: 100%;
    		text-align: center;
    		border: 1px solid #ccc;
    		border-radius: 4px;
		}

		.settingsForm tr td:first-child {
			border-right: 1px solid #ccc;
			font-size: 14px;
		}

		.settingsForm tr td:last-child {
			
		}

		.settingsForm tr td {
			padding: 5px 3px;
		}

		.settingsForm tr:nth-child(even) td {
			background-color: #f5f5f5;
		}

		.settingsForm tr th {
			background-color: #f7f7f7;
   			padding: 8px 4px;
   			border-bottom: 1px solid #ccc;
		}

		.settingsForm tr td select, .settingsForm tr td input[type='text'], .settingsForm tr td input[type='password'] {
			min-width: 80%;
		    padding: 5px 12px;
		    box-sizing: border-box;
		}

		/*#form input[type="submit"] {
			float: right;
		    margin-top: 8px;
		    padding: 6px 16px;
		    font-size: 13px;
		    cursor: pointer;
		}*/

		.disContainer {
		padding: 10px;
	    background-color: #d0d0d0;
	    border-radius: 8px;
	    border: 1px solid #9c9c9c;
	}
	.block1 {
		width: 320px;
	    height: 160px;
	    line-height: 160px;
	    text-align: center;
	    background: url(http://eabilisim.net.tr/muhasebe/images/restorant/table.jpg) no-repeat top left;
	    background-size: 320px;
	    border-radius: 8px;
	    border: 1px solid #c5bbff;
	    display: inline-block;
	    float: left;
	}

	.block2 {
		height: 160px;
	    float: left;
	    display: inline-block;
	}

	.additionstatus {
		font-weight: bold;
	    margin-left: 20px;
	    padding: 8px 25px;
	    background-color: #ffffff;
	    border-radius: 6px;
	    border: 1px solid #c5bbff;
	    min-width: 230px;
    	text-align: center;
	}

	.additionbuttons {
		font-weight: bold;
	    margin-left: 20px;
	    padding: 8px 25px;
	    background-color: #ffffff;
	    border-radius: 6px;
	    border: 1px solid #c5bbff;
	    text-align: center;
	    width: 115px;
	    float: left;
	    cursor: pointer;
	    opacity: 0.9;
	}

	.additionbuttons:hover {
		opacity: 1;
	}

	.activeaddition {
		color: green;
	}

	.passiveaddition {
		color: red;
	}

	.orders {

	}

	.orders .additionName {

	}

	.orderTable {
		width: 100%;
	    background-color: #fff;
	    border-radius: 6px;
	    border: 1px solid #ccc;
	    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}

	.orderTable tr:first-child > th {
	    text-align: left;
	    padding: 8px 20px;
	    border-bottom: 1px solid #e6e6e6;
	    background-color: #efefef;
	    color: #4a4848;
	    text-shadow: 1px 1px 0px #fff;
	}

	.orderTable tr > th {
		background-color: #efeaea;
	    color: #7679ff;
	    font-size: 14px;
	    border-radius: 3px;
	}

	.orderTable tr {

	}

	.orderTable tr > td {
	    padding: 4px 2px;
	    border: 1px solid #eaeaea;
	    margin: 0px !important;
	    text-align: center;
	    border-radius: 5px;
	    font-size: 13px;
	}

	.orderTable tr > td:first-child {

	}

	.orderTable tr > td:last-child {

	}

	.orderTable tr.moved > td {
		background-color: #ffe3ca;
	}

	.orderButtons {
		opacity: 0.4;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
	}

	.orderButtons:hover {
		opacity: 1;
	}

	.orderButtonsCont {
		float: left;
	    display: inline-block;
	    width: 50%;
	}

	.additionDetails {
		text-align: right;
	    font-size: 15px;
	    font-family: Tahoma;
	}

	select#masalar {
		width: 100%;
	    padding: 8px 6px;
	    border-radius: 4px;
	    font-size: 14px;
	    color: #333333;
	}

	.moveButtonArea {
		text-align: right;
	    margin-top: 8px;
	    margin-bottom: 4px;
	}

	.moveButtonArea #moveCancel {
		background-color: red;
	    border: 1px solid #9c9898;
	    color: #fff;
	    border-radius: 8px;
	}

	.moveButtonArea #moveComplete {
		background-color: #03b903;
	    border: 1px solid #9c9898;
	    border-radius: 8px;
	    color: #fff;
	    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52);
	}

	.moveButtonArea input[type="button"] {
		padding: 8px 16px;
    	text-transform: uppercase;
    	font-weight: bold;
	}

	.returnPage {
		float: right;
	    background-color: #26c309;
	    padding: 8px 20px;
	    font-size: 16px;
	    font-weight: bold;
	    color: white;
	    border-radius: 6px;
	    border: 1px solid rgba(0,0,0,0.2);
	    text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
	    transition: all .15s linear;
	}

	.returnPage:hover {
		background-color: #55e43a;
	    color: #126b03;
	    text-shadow: 1px 1px 0px #fff;
	}

	.ordersTable tr th {
		padding: 5px;
    	background-color: #e6e6e6;
    	border: 1px solid #dcdcdc;
	}

	.ordersTable tr.answer td {
		background-color: #fff;
    	border-bottom: none;
    	color: #676666;
	}

	.ordersTable tr.answer td:first-child {
		background-color: #f5f5f5;
	    border-bottom: 1px solid #dcdcdc;
	    border-right: 1px solid #dcdcdc;
	}

	.ordersTable {
		width: 100%;
    	text-align: center;
    	font-size: 14px;
	}

	.ordersTable tr td {
		padding: 8px;
    	border-bottom: 1px solid #d6d6d6;
	}

	.ordersTable tr td:first-child {
    	border-left: 1px solid #d6d6d6;		
	}

	.ordersTable tr td:last-child {
    	border-right: 1px solid #d6d6d6;
	}

	.orderBlock {
	    display: inline-block;
	    /*float: left;*/
	    width: calc(70% - 10px);
	    padding: 8px;
	    box-sizing: border-box;
	    background-color: #fff;
	    border-radius: 8px;
	    margin: 3px;
	}

	.tableBlock {
		display: inline-block;
	    float: right;
	    width: calc(30% - 10px);
	    box-sizing: border-box;
	    border-radius: 8px;
	    background-color: #ffffff;
	    margin: 3px;
	}

	.tableBlock > div {
		padding: 8px;
		border: 1px solid #ededed;
	}

	.mainContainer {
		background-color: #f5f5f5;
	    padding: 8px;
	    border-radius: 8px;
	    font-size: 14px;
	}

	.catBar {
		margin-bottom: 10px;
	}

	#productCategories {
		width: 100%;
	    padding: 8px;
	    color: #737373;
	    font-size: 13px;
	    border: 1px solid #efefef;
	}

	.tableBlock > .first {
		padding: 0;
		background-color: #ededed;
	}

	.tableBlock > .first > img {
		float: left;
		border-right: 1px solid #fff;
		background-color: #e8e7e7;
	}

	.tableBlock > .first > .tableName {
		text-align: center;
	    width: 100%;
	    display: block;
	    font-size: 16px;
	    font-weight: bold;
	    padding: 28px 0px 0px 0px;
	    color: #8e8d8d;
	}

	.passiveAddition {
		background-color: #ffa64a;
		color: #fff;
	}

	.activeAddition {
		background-color: #6292ff;
    	color: #fff;
	}

	.tableBlock > .second {
		text-align: center;
    	font-size: 15px;
		font-weight: bold;
		border-top: 1px solid #fff;
	}

	.tableBlock > .third {
		padding: 8px;
		text-align: center;
	}

	.tableBlock .openAddition {
		padding: 8px 5px;
	    font-size: 14px;
	    font-weight: bold;
	    color: #fff;
	    background-color: #24bf24;
	    display: block;
	    width: 150px;
	    margin: 0 auto;
	    border-radius: 5px;
		border: 1px solid #13a013;
	}

	.tableBlock .openAddition:hover {
		background-color: #40dc40;
	}

	.clear {
		clear:both;
	}

	#categoryFrame {
		line-height: 115px;
	    text-align: center;
	    font-size: 24px;
	    display: block;
	    color: #eaeaea;
	    opacity: 1;
	    font-weight: bold;
	}

	.productArea {
		min-height: 115px;
    	border: 1px solid #ededed;
	}

	.productArea > .product:hover {
		background-color: #99b7f9;
	}

	.productArea > .selectedProduct {
		background-color: #24bf24 !important;
	    color: white !important;
	    border-color: #0e880e !important;
	}

	.productArea > .product {
		background-color: #bbcef9;
	    display: inline-block;
	    margin: 8px;
	    padding: 15px 10px;
	    box-sizing: border-box;
	    text-align: center;
	    border-radius: 5px;
	    border: 1px solid #90a4d2;
	    color: #313131;
	    font-family: "Tahoma";
	    font-size: 15px;
	    width: 22%;
	    cursor: pointer;
	    transition: all .3s ease-in-out;
	}

	.productArea > .product > .productName {
		display: block;
	}

	.productArea > .product > .productPrice {
		font-size: 12px;
	}

	.questionBlock {
		display: block;
	    min-height: 30px;
	    background-color: white;
	    margin: 3px;
	    border-radius: 3px;
	    border: 1px solid #ededed;
	    padding: 8px;
	}

	.questionBlock > .first {
		width: 49%;
    	display: inline-block;
	}

	.questionBlock > .first > img {
		width: 85px;
		height: 85px;
	    border: 1px solid #e4e4e4;
	    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.12);
	    border-radius: 2px;
	    margin-right: 15px;
	    float: left;
	}

	.questionBlock > .second {
		display: inline-block;
	    float: right;
	    width: 49%;
	    padding: 5px;
	    box-sizing: border-box;
	}

	.questionBlock > .second > .quantityBlock {
		display: inline-block;
    	margin: 25px 10px;
	}

	.questionBlock > .second > .quantityBlock > input {
		padding: 5px 10px;
    	min-width: 100px;
	}

	#qProdName {
		font-size: 15px;
	    color: #4a4a4a;
	    font-family: Tahoma;
	    font-weight: bold;
	    display: inline-block;
	}

	#qProdPrice {
		display: inline-block;
		font-size: 15px;
		color: red;
		font-weight: bold;
		font-family: Tahoma;
	}

	.qProdDetails {
		display: inline-block;
	    text-align: center;
	    padding: 25px 10px;
	}

	.questions {
		min-height: 40px;
	    margin-top: 10px;
	    border-top: 1px solid #dedede;
	}

	.passiveButton {
		background-color: #e2e2e2 !important;
	    border-color: #bdbdbd !important;
	    cursor: default;
	    color: #9e9e9e !important;
	}

	.passiveButton:hover {

	}

	.questions .question {
		display: block;
	    padding: 8px;
	    font-size: 14px;
	    font-family: Tahoma;
	    background-color: #f5f5f5;
	    border: 1px solid #dedede;
	    border-top: none;
	}

	.questions .questSpan {
		margin: 6px 0px;
	    display: block;
	    font-weight: bold;
	    color: #404040;
	}

	.questions .questionTextInput {

	}

	.questions .questionTextInput > input {
		min-width: 40%;
	    padding: 4px 8px;
	    font-size: 13px;
	    border: 1px solid #d4d4d4;
	    font-family: Tahoma;
	}

	.questions .questionSelectInput > select {
		min-width: 40%;
	    padding: 4px 8px;
	    font-size: 13px;
	    border: 1px solid #d4d4d4;
	    font-family: Tahoma;
	}

	.questions .requiredQuestion {
		background-color: #ffebd2;
	}

	.questions .questCheckbox > input[type='checkbox'] {
		position:relative;
		top: 2px;
	}

	.questions .questCheckbox {
		display: inline-block;
    	padding: 3px 10px;
    	font-size: 14px;
	}

	.questions .questionTextareaInput > textarea {
		min-width: 40%;
	    padding: 4px 8px;
	    font-size: 13px;
	    border: 1px solid #d4d4d4;
	    font-family: Tahoma;
	    min-height: 80px;
	}

	.questions .questionTextareaInput {

	}

	.requiredInfo {
		color: red;
	    font-weight: bold;
	    font-size: 10px;
	    margin-top: 8px;
    	display: inline-block;
	}

	.masaKategori {
		background-color: #cbcbcb;
		padding: 2px 8px;
		margin: 10px 0px;
		border-radius: 10px;
	}

	.masaKategori > .masalar {
		background-color: #efefef;
		margin-bottom: 4px;
		padding: 6px;
		border-radius: 8px;
	}

	.masaKategori > .masalar > .masa {
		float: left;
	    width: 100px;
	    height: 100px;
	    margin: 10px;
	    border-radius: 5px;
	    padding: 6px;
	    text-align: center;
	    display: table;
	    line-height: 100px;
	    font-weight: bold;
	}

	.masaKategori > .masalar > .masa > a {		
	    color: white;
	    text-shadow: 1px 1px 0px #555;
	}

	.masaKategori > .masalar > .masa span {
		
	}

	.activeAddition {
		background-color:#a9a9ff;
	}

	.passiveAddition {
		background-color:#ff8f64;
	}

	.settingsArea {
		float: right;
	    padding: 4px 8px;
	    background-color: #fff;
	    border-radius: 6px;
	    border: 1px solid #bdc9e8;
	    font-size: 14px;
	    font-family: Tahoma;
	}

	.categoryHeader {
		margin: 6px;
	    display: inline-block;
	    font-weight: bold;
	    color: #333;
	    text-shadow: 1px 1px 0px #fff;
	}

	.masaKategori {
		background-color: #cbcbcb;
		padding: 2px 8px;
		margin: 10px 0px;
		border-radius: 10px;
	}

	.masaKategori > .masalar {
		background-color: #efefef;
		margin-bottom: 4px;
		padding: 6px;
		border-radius: 8px;
	}

	.masaKategori > .masalar > .masa {
		float: left;
	    width: 100px;
	    height: 100px;
	    margin: 10px;
	    border-radius: 5px;
	    padding: 6px;
	    text-align: center;
	    display: table;
	    line-height: 75px;
	    font-weight: bold;
	}

	.masaKategori > .masalar > .masa > a {		
	    color: white;
	    text-shadow: 1px 1px 0px #555;
	}

	.masaKategori > .masalar > .masa span {
		
	}

	.activeAddition {
		background-color:#a9a9ff;
	}

	.passiveAddition {
		background-color:#ff8f64;
	}

	.settingsArea {
		float: right;
	    padding: 4px 8px;
	    background-color: #fff;
	    border-radius: 6px;
	    border: 1px solid #bdc9e8;
	    font-size: 14px;
	    font-family: Tahoma;
	}

	.categoryHeader {
		margin: 6px;
	    display: inline-block;
	    font-weight: bold;
	    color: #333;
	    text-shadow: 1px 1px 0px #fff;
	}

	.addTableBtn {
		float: right;
	    padding: 5px 8px;
	    border-radius: 5px;
	    font-size: 15px;
	    font-weight: bold;
	    background-color: #3fbee8;
	    color: #fff;
	    text-shadow: 1px 1px 0px #666;
	    transition: all .2s ease-in-out;
	    cursor: pointer;
	}

	.addTableBtn:hover {
		background-color: #ff8f64;
    	color: white;
    	padding: 5px 12px;
	}

	.delCategory {
		float: right;
	    padding: 5px 8px;
	    border-radius: 5px;
	    margin-right: 5px;
	    font-size: 15px;
	    font-weight: bold;
	    background-color: #ea1b1b;
	    color: #fff;
	    text-shadow: 1px 1px 0px #666;
	    transition: all .2s ease-in-out;
	    cursor: pointer;
	}

	.delCategory:hover {
		background-color: #bf0a0a;
	    color: white;
	    padding: 5px 12px;
	}

	.addNewCatInputArea {
		margin: 8px 4px 10px 4px;
	}

	.addNewCatInputArea input {
		min-height: 32px;
	    padding: 5px 10px;
	    border-radius: 5px;
	    font-size: 13px;
	    border: 1px solid #c3bdbd;
	    transition: all .3s ease-in-out;
	}

	.addNewCatInputArea #newCatName {
		padding-left: 6px;
		color: #666;
		width:80%;
	}

	.addNewCatInputArea #newCatName:focus {
		padding-left: 12px;
	}

	.addNewCatInputArea #addNewCatBtn {
		padding: 5px 35px;
	    cursor: pointer;
	    background-color: #ff8f64;
	    color: #fff;
	    font-weight: bold;
	    text-shadow: 1px 1px 0px #666;
	}

	.addNewCatInputArea #addNewCatBtn:hover {
		background-color: #fd5819;
	}

	.deleteTable {
		transition: all .2s ease-in-out;
		opacity: 0.5;
		cursor: pointer;
	}

	.deleteTable:hover {
		opacity: 1;
	}

	.productCount {
			height: 24px;
		}

		.addProductBtn {
			cursor:pointer;
			height: 24px;
			width: 24px;
			opacity: 0.6;
			transition: all 0.3s ease-in-out;
		}

		.addProductBtn:hover {
			opacity: 1;
		}

		.productTable {
			background-color: #f5f4f4;
		    border-radius: 6px;
		    padding: 5px 0px;
		    border: 1px solid #ccc;
		    width: 100%;
		}

		.productTable tr > th {
			font-size: 15px;
		    padding: 5px 0px;
		    text-align: center;
		    color:red;
		    border-bottom: 1px solid #ccc;
		}

		.productTable tr > td {
			text-align: center;
    		font-size: 14px;
    		border-bottom: 1px solid #e8e8e8;
		}

		.returnPage {
			float: right;
		    margin: 12px 8px 4px 8px;
		    background-color: #26c309;
		    padding: 8px 20px;
		    font-size: 16px;
		    font-weight: bold;
		    color: white;
		    border-radius: 6px;
		    border: 1px solid rgba(0,0,0,0.2);
		    text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
		    transition: all .15s linear;
		}

		.returnPage:hover {
			background-color: #55e43a;
		    color: #126b03;
		    text-shadow: 1px 1px 0px #fff;
		}

		.masalar .masa {
			
display: inline-block;
			
padding: 10px 10px;
text-align: center;
margin-bottom: 5px;
		}