@CHARSET "UTF-8";
@import url("bootstrap.css");

* {	
}

/*
body.default {
	padding-top: 60px;
}
*/

h2{
	margin-bottom: 10px;
}

/*
.table th, .table td {
	padding : 5px 0 0 !important;	
}
*/

/*
.table .btn {
	padding : 0 4px; 
	font-size : 11px;
}
*/

div.submit input{
	line-height: 18px;
}

table tr{
border-bottom: 1px solid #DDDDDD;
}

.disable {
	background-color : #DDDDDD;
}

.container-fluid .row-fluid .span2 .well{
	padding: 9px 0 9px 0;
}

.nav-list .nav-header {
  font-size: 13px;
}

div.submit input{
	margin-bottom: 0px;
}

.error-message {
	display :inline-block;
	color :red;
}

li.navi-label{
	margin: 8px 18px 0 0;
}

div.navbar-inner span.btn a{
	text-decoration: none;
}

div.navbar-inner span.btn a:link, a:visited{
	color: #333333;
}

table tbody tr td div.submit input{
	line-height: 1.5em;
}

[class^="icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  background-image: url(../../img/glyphicons-halflings.png);
  background-repeat: no-repeat;
  *margin-right: .3em;
}
.icon-white {
  background-image: url(../../img/glyphicons-halflings-white.png);
}

button.ui-datepicker-trigger {
	background : url('./img/icon-zoom-in.png') no-repeat 2px 2px;
	height     : 22px;
	margin     : 0px 5px 0 5px;
	width      : 22px;
}

.no-border {
	border : none !important;	
}

th.tablebtn{
	padding-top:20px;
	padding-bottom: 20px;
	border-bottom-style: none;
}

table tbody tr td,
table tbody tr th,
table.table tbody tr td,
table.table tbody tr th{
	padding: 10px 0 10px 0; 
	vertical-align: middle;
}

p.paginate{
	margin-top: 40px;
}

div.desc{
	margin: 10px 0 20px 0;
}

div.edittable{
	margin: 10px 0 0 0;
}

.ui-sortable-placeholder {
    background-color: #DDDDDD;
    border : dotted 1px #AAAAAA;
    font-size: 0;
    height: 20px;
    margin-bottom: -2px;
    _margin-bottom: -19px;
    padding: 0px;
    position: relative;
    top: -1px;
    _top: -14px;
    visibility: visible !important;
}

.label-important {
	letter-spacing : 0.3em;
	margin         : 0 5px 0 15px;
	padding        : 3px 8px;
}

.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

/** ========================================
 * 	PlaceShops/admin_select_shop 
 * =======================================*/

div#TENANT_SEARCH_FORM,
div#SHOP_SEARCH_FORM {
	padding: 20px 0 0 20px;
}

div#TENANT_SEARCH_FORM div.result,
div#SHOP_SEARCH_FORM div.result {
	background : #F0F0F0;
	border : 1px solid #999;
	height   : 300px;
	overflow : scroll;
	padding  : 10px;
	width    : 480px;
}

div#TENANT_SEARCH_FORM table,
div#SHOP_SEARCH_FORM table {
	width : 100%;
}

div#TENANT_SEARCH_FORM table th,
div#SHOP_SEARCH_FORM table th{
	padding : 0 20px;
	width : 100px;	
}

p.no-data{
	padding: 20px 0 20px 0;
	font-size: 18px;
	color: red;
}

/** ========================================
 * 	Pager 
 * =======================================*/
.pager .current {
	padding-bottom: 5px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
}

.pagination li.current {
	background : #E0E0E0;
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #DDD;
	border-left-width: 0;
}

.pagination li:first-child {
	border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.pagination li:last-child {
	border-right-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}


/** ========================================
 * 	Place Shop
 * =======================================*/
div.display_option {
	overflow : hidden;
	width    : 300px;
}

div.display_option a {
	float   : left;
}

div.display_option table.options{
	left    : auto;
	margin  : 27px 0 0 0px;
	top     : auto;
}

div.display_option table.options th,
div.display_option table.options td{
	padding     : 5px 10px 5px 10px;
}

div.display_option table.options th {
	text-align : left;
	width      : 150px;
}

div.display_option table.options input[type="text"] {
	margin : 0 0 0 20px;
	width  : 150px;
}

div.display_option table.options select {
	float : left;
	width : auto;
}


div.new_shop_option {
	float    : right;
	width    : 200px;
}
div.new_shop_option a.switch_new_shop {
	float    : right;
}

div.new_shop_option ul {
	margin   : 27px 0 0 0;
	top      : auto;
	left     : auto;
}

p.no-data{
	padding: 18px 0 15px 0;
	font-size: 18px;
	color: red;
}

div#place_shops {
	margin-top : 20px;
}


/** ========================================
 * 	SalesReport list
 * =======================================*/

td.sortable > div.select{
	height  : 31px;
	padding : 5px; 
	width   : 900px;
}

td.sortable > div.select > label {
	display : none;
}

td.sortable div.checkbox {
	border  : 1px solid #AAA;
	display : inline-block;
	padding : 5px 2px 2px 22px;
}
td.sortable div.checkbox:hover {
	background : #ffffcc;
}

td.sortable div.checkbox label {
	font-size   : 9px;
	font-weight : bold;
}

table.sales-report {
	border : 2px solid #888888;
}

table.sales-report tbody tr td,
table.sales-report tbody tr th {
	font-size   : 10px;
	border-left : 1px dotted #666666;
	border-right: 1px dotted #666666;
	padding     : 6px 3px 6px 3px;
	white-space : nowrap;
	width       : 200px;
}

table.sales-report tbody tr td{
	text-align : right;
}

table.sales-report tr.header_shopname {
	background : #BBBBBB;
	text-align : center;
}

table.sales-report tr.header_itemname {
	background : #DDDDDD;
	text-align : center;
}

table.sales-report tbody tr td.shop_head,
table.sales-report tbody tr th.shop_head {
	border-left: 2px solid #888888;
}

table.sales-report a {
	font-size: 8px;
}

table.sales-report tr.avg {
	border-top 	  : 5px double #666666;
	background    : #EEEEEE;
}

table.sales-report tr.sum {
	border-bottom : 5px double #666666;
	background    : #EEEEEE;
}

/** ========================================
 * 	SalesReport Edit
 * =======================================*/

dl.notice {
	clear:both;
	display:block;
	width:100%;
}

table.sales-report-edit {
	height : 145px;
	margin : 0 0 20px 0;
	width : 400px;
}
table.sales-report-edit th,
table.sales-report-edit td {
	text-align : left;
	padding    : 3px 5px;
}

table.sales-report-fileform{
	margin-bottom : 2em;
}
table.sales-report-fileform td {
	padding : 0;
	vertical-align: top;
}

table.sales-report-fileform ol{
	margin-top : 10px;
}

table.sales-report-fileform table.inner{
	border:double 3px gray;
	margin:10px;
	width:480px;
}

table.sales-report-fileform table.inner td{
	padding : 5px;
}

table.sales-report-form span {
	display : inline-block;
}

table.sales-report-form input[type='text'] {
	padding : 3px 8px;
	width : 60px;
}

/** ========================================
 * 	Calendar
 * =======================================*/
table.calendar {
	border-right : 1px #DDDDDD dotted;
}

table.calendar td,
table.calendar th {
	border-left : 2px #DDDDDD dotted; 
}

table.calendar th {
	background    : #F0F0F0;
	border-bottom : 5px solid #DDD;
	font-weight   : bold;
	text-align    : center;
}

table.calendar .sunday{
	background : #FCC;
}

table.calendar .saturday{
	background : #CCF;
}

table.calendar table.one_day {
	width : 100%;
}

table.calendar table.one_day,
table.calendar table.one_day th,
table.calendar table.one_day td,
 table.calendar table.one_day tr{
 	background    : none;
	border-bottom : none;
	border-left   : none;
	border-top    : none;
	border-right  : none;
	padding       : 2px 0;
	vertical-align: middle;
}

table.calendar table.one_day th.date {
	letter-spacing : 3px;
	text-align     : center;
}

table.calendar table.one_day th {
	font-weight   : bold;
	text-align    : center;
}

table.calendar table.one_day .btn{
	padding : 3px 5px;
	font-size : 0.8em;
}

table.calendar dl dt {
	font-weight : bold;
	padding     : 0 0 5px 0;
	text-align  : center;
}