body {  }

/* login form */
.index .container { height: 100%; }
#login-box { position: relative; top: 50%; margin-top: -107px; }
#login-box.login-box-lojista { top: 39%; }
#login-box > div { border: #ccc 1px solid; border-radius: 5px; padding: 15px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
	   -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
	        box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
}

#login-box-no-border { position: relative; top: 50%; margin-top: -107px; }

/* navbar */
.navbar { margin-top: 3px; }
.navbar-brand { padding: 10px; }
.navbar-brand img { height: 100%; }

/* page-header-title > .title / .subtitle */
.page-header-title { margin-bottom: 20px; }
.page-header-title > .title,
.page-header-title > .subtitle { margin: 0; padding: 5px; }
.page-header-title > .title { font-size: 30px; }
.page-header-title > .subtitle { color: #6C6C6C; font-size: 18px; margin-top: -5px; }
.page-header-title #title_dt { }
.page-header-title #title_dt span { cursor: pointer; }
.page-header-title #title_dt span:hover { text-decoration: underline; }

/* page-home-title > .title / .subtitle */
.page-home-title { margin-bottom: 20px; border-bottom: #f4f4f4 2px solid; }
.page-home-title > .title { color: #666; margin: 0; padding: 5px; font-size: 42px; }
.page-home-title > h1 { display: inline; }

/* overview-panel */
.overview-panel { margin-top: 50px; padding-bottom: 50px; }
.overview-panel .detail { font-size: 21px; color: #375a7f; padding: 5px 0; }
.overview-panel .detail span { color: #333; }
.overview-panel .detail.period,
.overview-panel .detail.period2 { font-size: 28px; border-bottom: #f4f4f4 1px solid;  padding: 0 0 10px; margin-bottom: 10px; }
.overview-panel .detail.period2 { margin-top: 30px; border-top: #f4f4f4 1px solid; padding-top: 10px; }
.overview-panel canvas { width: 100%; height: 300px; }
.overview-panel form { margin-top: 13px; }

/* filter-panel */
.filter-panel h5 { font-weight: bolder; margin: 0 0 9px; padding: 0 0 6px; border-bottom: #ededed 1px solid; }
.filter-panel label { font-weight: normal; }

/* stores */
.stores {  }
.stores .store { border: #f0f0f0 1px solid; border-radius: 5px; padding: 10px; margin-bottom: 30px; }
.stores .store h4 { margin-bottom: 20px; }
.stores .store_hover { background: #f3f3f3; cursor: pointer; border: #cecece 1px solid; }

/* pagination */
.pagination-wrapper { text-align: center; }

.hide-alerts { display: none; }
.stores_holder { display: none; }
.shoppings_holder { display: none; }

.status-toggle {
	display: none;
}

.ui-widget { font-size: 0.9em !important; }

.approval_sales .approval_item_sale button { border: none; }
.approval_sales .approval_item_sale button:focus { outline: none !important; }

.submit-sales { margin-bottom: 20px; }

.marcar-todos {  }
.marcar-todos button { margin: 10px -15px 0 0; border: none; }
.marcar-todos button:focus { outline: none !important; }

.box-button { text-align: center; border: #ccc 1px solid; border-radius: 5px; padding: 30px; }

/* Dropdown menu multiple levels - Thanks to msurguy */
.dropdown-submenu{position:relative}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px}
.dropdown-submenu:hover>.dropdown-menu{display:block}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}
.dropdown-submenu:hover>a:after{border-left-color:#fff}
.dropdown-submenu.pull-left{float:none}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}

.head_tail_container { display: none; }
.head_tail_container table { margin: 0; }

.dtpicker_inline { position: absolute; left: 160px; z-index: 1000; display: none; }

@media (min-width: 768px) and (max-width: 991px) {
	.page-home-title h1 { font-size: 28px; }
	.overview-panel .detail { font-size: 17px; padding: 5px 0; }
	.overview-panel .detail.period,
	.overview-panel .detail.period2 { font-size: 20px; padding: 0 0 10px; margin-bottom: 10px; }
	.overview-panel .detail.period2 { margin-top: 26px; padding-top: 10px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.page-home-title h1 { font-size: 34px; }
	.overview-panel .detail { font-size: 20px; padding: 5px 0; }
	.overview-panel .detail.period,
	.overview-panel .detail.period2 { font-size: 24px; padding: 0 0 10px; margin-bottom: 10px; }
	.overview-panel .detail.period2 { margin-top: 26px; padding-top: 10px; }
}

.days-without-sales {
    padding: 5px;
    border-radius: 4px;
    margin: 1px;
    display: inline-block;
}

.days-without-sales.confirmed {
    background-color: #9eff9c;
}

.days-without-sales.unconfirmed {
    background-color: #ff9b9b;
}

.dws-day {
    margin-top: 5px;
}

body>.container-fluid>.row {
    margin-bottom: 30px;
}