/* CSS Document */

body {

	background-color:#fff;

	font-family:Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size:8pt;

	color: #000;

	margin:0 0px;

	font-style:normal;

	line-height:15px;

}



a img {

	border:none;

}



#login-form {

	width:759px;

	margin:15% auto;

	border: solid 1px #ccc;

	background-color:#f4f4f4;

	background-image:url(../images/main/logo.gif);

	background-position:center 50px;

	background-repeat:no-repeat;

	padding:0px 0 40px 0;

	background-color:#F9F7F3;

}



#login-form .title {

background-image:url(../images/main/th-bg1.png); background-position:0 -2px;color:#E4D6CD;background-position:0 -2px;font-family: Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 20px; margin-bottom:95px; text-transform:uppercase; letter-spacing:1px; text-align:center;

}



#login-form label {

	vertical-align:top;

}



#login-form label input {

	vertical-align:middle;

}



#login-form #login-errors {

	color:#FF3300;

	margin:5px;

	text-align:center;

}



#search-fields div {

	width:30%;

	margin:15px;

	float:left;

}

#user-edit {

	margin:0px;

	float:left;

}





#search-fields div span {

	font-family: Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-style:italic;

	font-weight:bold;

}



/* Form */









#login-form td.button input {

	font-weight:bold;	border:solid 1px #C2BDAE;



	background-image:url(../images/main/th-bg1.png); background-position:0 -2px; height:25px; width:100px; color:#E4D6CD;

}

#login-form td.button input:hover {

	background-image:url(../images/main/th-bg2.png); background-position:0 -1px; 

}













#container {border: solid 1px #D3E0EB; padding:5px;  background-color:#FFF; margin-left:30px;}

/*---Table Content Style---*/
.table-content {
	width: 100%;
	font-size: 11px !important;
}

.table-content tr {
	background: #e9e9fa !important;
}

.table-content tr th {
	background: #cfcfe2 !important;
	padding: 4px !important;
	color: #000 !important;
	border: none !important;
}

.table-content tr td {
	padding: 4px !important;
	border: none !important;
}

.table-order tr {
	background: #f5f5f5 !important;
}

.table-order tr th {
	background: #fff7b3 !important;
}

.table-invoice tr {
	background: #f5f5f5 !important;
}

.table-invoice tr th {
	background: #ffeadc !important;
}

/* Table add data form */
.table-add {
	border: solid 1px #999999;
}

.table-add tr {
	background-color: #eef;
}

.table-add tr th {
	text-transform: uppercase;
	padding: 6px;
}

.table-add td {
	padding: 5px;
}

.table-add tr td.label {
	text-align: right;
	padding: 5px;
	font-weight: bold;
}

.table-add tr td.input input {
	width: 100%;
}

.table-add tr td.input select {
	padding: 4px;
	width: 100%;
}

/* Buttons */
.btn-default {
	border: 1px solid #ccc;
	background: none;
	padding: 4px 10px;
	font-size: 11px;
	color: #383838;
	cursor: pointer;
}


.products_edit_class_on{

}

.products_edit_class_off{
	display:none;
}

#footer {
	position: fixed;
	height: 20px;
	background-color: #efefef;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-bottom: 0px;
}
#footer .w-25{
	display: inline-block;
	width: 24%;
	text-align: center;
}

#debug {
	position: fixed;
	height: 500px;
	background-color: #efefef;
	bottom: 20px;
	left: 0px;
	right: 0px;
	margin-bottom: 0px;
	overflow-x: scroll;
}
.d-none{
	display: none;
}

.pre
{
	border: 1px solid #999;
	page-break-inside: avoid;
	display: block;
	padding: 3px 3px 2px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	/*white-space: pre;
    white-space: pre-wrap;*/
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	color: #333333;
}

.pre code
{
	padding: 0;
	color: inherit;
	white-space: pre;
	white-space: pre-wrap;
	background-color: transparent;
	border: 0;
}