.morris-hover {
	z-index: 9 !important;
}
.dashboard-panel, .app-bar {
	display: none;
	background-color: #303641 !important;
}
#overlay {
    background:  rgba(60, 60, 60, 0.3);
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    display: none;
}
.text-white {
	color: white !important;
}
.modal, .modal-content {
	width: 100%;
	overflow-y: scroll;
	padding-bottom: 60px !important;
}
/*@media screen and (min-width: 768px) {
  .example {
    padding: 1rem;
  }
}*/
.form-group {
    left: -10px;
}
.example {
  position: relative;
  padding: 0.125rem;
  border: 2px solid #eee;
  margin-bottom: 1rem;
}
.example + pre {
  margin-top: -1rem;
  border-top: 0 !important;
}
.example .window {
  position: relative!important;
}
* + .example {
  margin-top: 1rem;
}

body {
	height: 100%;
	background-color: white;
	line-height: 0;
	display: inline-flex;
	/*overflow-y: auto;*/
}
.dashboard-panel {
	height: 100%;
	width: 330px;
	background-color: #303641;
}

/* HEADER MENU */
.logo-panel {
	width: 100%;
	padding: 35px;
	border-bottom: 1px solid #454a54;
}
.logo {
	width: 65%;
}
.logo-panel a {
	border: 1px solid #454a54;
	padding: 0 5px;
	border-radius: 3px;
}

/* USE INFO PANEL */
.user-info-panel {
	width: 100%;
	padding: 35px;
	display: flex;
}
.user-profile {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 4px solid rgba(255, 255, 255, 0.11);
	margin-right: 15px;
}
.user-info-panel p {
	margin-top: 10px;
}

/* MENU */
.sidenav-simple-expand-fs {
	width: 280px;
}
.sidenav-simple {
	height: 100% !important;
	background-color: transparent;
}
.sidenav-simple .active {
	background-color: #1f242c;
}
.sidenav-simple li.active:hover {
	background-color: #1f242c;
}
.sidenav-simple li {
	color: white;
}
.sidenav-simple .icon {
	font-size: 18px !important;
	left: 1.65rem !important;
	top: 0.75rem !important;
}
.sidenav-simple .title {
	font-size: 12px !important;
}
.dropdown-toggle::before {
	height: .6125rem;
    width: .6125rem;
}

/* MAIN CONTENT */
.main-content {
	width: 100%;
	padding: 20px;
	background-color: white;
	overflow-y: scroll;
}
.main-content .active, .main-content .active>a {
	color: black !important;
}
.dialog .active, .dialog .active>a {
	color: black !important;
}
.main-content .active>.page-link {
	color: white !important;
}
.dialog .active>.page-link {
	color: white !important;
}
.title-dashboard {
	font-size: 25px;
	margin-top: 17px;
	margin-bottom: 8.5px;
	font-weight: 500;
	color: #373e4a;
}
.main-content hr {
	margin-top: 25px;
	margin-bottom: 17px;
	border: 0;
	border-top: 1px solid #eee;
}
.panel-primary {
	width: 100%;
	margin: 3% 0;
	border: 1px solid #ebebeb;
	border-radius: 3px;
}

/* Panel heading */
.panel-heading {
	color: #373e4a;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 65px;
}
.panel-title h3 {
	font-size: 21px;
	font-weight: 500;
	color: #373e4a;
	margin: 10px;
}
.panel-options {
	margin-left: 1.2%;
	margin-top: 10px;
	z-index: 19;
}
.panel-options select {
	color: #555;
	border: 1px solid #ccc;
	font-size: 14px;
}

/* Panel Body */
.panel-body {
	padding: 15px;
	padding-bottom: 50px;
}
.panel-body .input, .panel-body input, .panel-body div, .page-link {
	font-size: 14px !important;
}
.check-cell {
	display: block;
}
.table .cell-wrapper {
	overflow: visible;
	text-align: center;
	padding: 8px 3px;
}
.table tbody td {
	padding: 2% 0.625rem;
	text-align: center;
}
.table-bottom {
	margin-top: 30px;
}
.table-pagination {
	float: right;
	margin-top: -20px;
}
.pagination .page-item {
	margin: .25rem 0;
}
.pagination .active {
	background-color: #303641 !important;
	color: white;
	border-color: #303641;
}
.table-container {
	overflow-x: auto;
}

button{
	min-height: 34px;
}
.btn-yellow{
	background-color: #FAB702;
	color: #fff;
	font-weight: bolder;
	min-height: 36px !important;
}
.btn-yellow:hover{
	color: #5F6368;
}
.btn-dark-gray{
	background-color: #303641;
	color: #fff;
	font-weight: bolder;
	min-height: 36px !important;
}
a.btn-dark-gray{
	color: #fff !important;
}
.btn-dark-gray:hover{
	color: #5F6368;
}
.dialog{
	padding-top: 2%;
	padding-bottom: 1%;
	width: 570px !important;
	max-width: calc(100% - 50px);
	/*left: 453px !important;*/
	max-height: none;
	display: none;
}
.dialog-title {
	padding: 20px 24px;
	order: 0;
	/*white-space: nowrap;*/
}

.date-picker .day, .date-picker .month, .date-picker .year {
    height: 35px !important;
}
.date-picker .year {
	padding: 0 5px;
}

#menu_list .dropdown-toggle::before {
	border-color: white;
	height: .6rem;
	width: .6rem;
	top: 40%;
	left: 95%;
}
#menu_list .d-menu{
	background-color: #303641;
	width: 100%;
	-webkit-box-shadow: none;
	 box-shadow: none;
	 z-index: 9 !important;
}
.app-bar-menu {
    height: 80vh;
    overflow-y: scroll;
}
.app-bar .app-bar-item:not(.no-hover) .active, .app-bar .app-bar-item:not(.no-hover):active, .app-bar .app-bar-item:not(.no-hover):hover, .app-bar .app-bar-menu li:not(.no-hover) .active, .app-bar .app-bar-menu li:not(.no-hover):active, .app-bar .app-bar-menu li:not(.no-hover):hover, .app-bar .brand:not(.no-hover) .active, .app-bar .brand:not(.no-hover):active, .app-bar .brand:not(.no-hover):hover, .app-bar .hamburger:not(.no-hover) .active, .app-bar .hamburger:not(.no-hover):active, .app-bar .hamburger:not(.no-hover):hover {
	background-color: transparent;
}
.d-menu li.active>a, .v-menu li.active>a {
	background-color: transparent;
}
.wheel-picker {
	min-width: 0!important;
}
@media screen and (min-width: 769px) {
	.app-bar {
		display: none;
	}
	.dashboard-panel {
		display: block;
	    min-width: 250px !important;
	}
	.sidenav-simple-expand-fs, #menu_list .d-menu {
		width: 100% !important;
	}
	.d-menu li a {
		padding: 0 1rem 0 4.7rem !important;
	}
	.d-menu li a .icon {
		margin-left: 1rem;
	}
	.d-menu .icon {
		top: 1.6rem !important;
	}
	#select-store {
		margin-left: 65%;
		margin-top: 0;
	}
	.panel-options {
		width: 16%;
	}
}
@media screen and (min-width: 1440px) {
	.panel-body .table th {
		font-size: 13px !important;
	}
	#select-store {
		margin-top: 10px;
	}
	.dashboard-panel {
		width: 350px !important;
	    min-width: 250px !important;
	}
}
@media screen and (min-width: 2560px) {
	.dashboard-panel {
		width: 300px !important;
	    min-width: 250px !important;
	}
}

::-webkit-scrollbar {
	height: 15px;
    width: 15px;
    overflow: visible;
}
body::-webkit-scrollbar,
.dashboard-panel::-webkit-scrollbar {
	height: 0;
    width: 0!important;
    overflow: visible;
}
::-webkit-scrollbar-button {
	height: 0;
	width: 0;
}
body::-webkit-scrollbar-corner {
	background-clip: padding-box;
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 3px 0 0 3px;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
}
::-webkit-scrollbar-corner {
	background: transparent;
}
body::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px;
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 6px;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-track {
	background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px;
}
body::-webkit-scrollbar-track-piece {
	background-clip: padding-box;
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 0 0 0 3px;
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}