/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

body {
background-color: #F7F8FC;
}

.card {
	border-radius: 4px;
}

.breadcrumb,
.breadcrumb:before {
	color: rgba(0,0,0,0.7)
}
.breadcrumb:last-child {
	color: rgba(0,0,0,1)
}

span.bullet {
	height: 12px;
	width: 12px;
	border-radius: 50%;
	display: inline-block;
	margin-right: .2rem;
}

.dropdown-content {
    max-height: 280px;
}
#edit_row .modal-footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#edit_row .preloader-wrapper {
	width: 28px;
	height: 28px;
}

.dataTables_wrapper th,
.dataTables_wrapper table.dataTable tfoot td {
	border-radius: 0;
}

.dataTables_wrapper table.dataTable tfoot td {
	border: 0 !important;
}

.dataTables_wrapper .dataTables_scrollFoot {
	border-top: 1px solid !important;
}

.dataTables_wrapper .dataTables_scrollBody,
.dataTables_wrapper .dataTables_scrollFoot {
	border-color: #cfd8dc !important;
}

.card-loading {
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 600px) {
	.brand-sidebar .brand-logo {
		height: 56px !important;
	}
}

table.dataTable tfoot td.dt-body-right {
	text-align: right;
}

.shortcut-box {
	padding: 2rem !important;
}

.feature-number-bar {
	padding: 2rem !important;
}
.feature-number-bar span {
	font-size: 2rem;
	vertical-align: top;
}

.page-forside #main {
	padding-left: 0;
}

body.page-forside #test1 table td:first-child {
	width: 200px;
}

.center-content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-login #main {
	padding-left: 0;
	min-height: 100%;
}

.navbar-list li a {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1160px) {
	.navbar-list.right li a span:not(.avatar-status),
	.navbar-list.left li a span {
		display: none;
	}
}

.navbar-list.left li a i {
	padding-right: 4px;
}

.logo-wrapper {
	height: 100%;
}

.brand-logo,
.brand-logo img {
	display: block;
	height:100%;
}

.sidenav-overlay {
	z-index: 2;
}

.navbar-fixed,
nav,
nav .nav-wrapper i {
	height: 64px;
	line-height: 64px;

}

@media screen and (max-width: 750px) {
	.navbar-list.right li a i,
	.navbar-list.left li a i {
		font-size: 18px;
	}
}

@media screen and (max-width: 500px) {
	.navbar .nav-wrapper .navbar-list > li > a {
		padding: 0 6px;
	}
}

.page-forside .display-flex {
	align-items: center;
	justify-content: space-between;
}

.navbar-main {
	padding-left: 0 !important;
}

.search-wrapper {
	position: relative;
	display: inline-block;
	height: 40px;
	margin-bottom: 10px;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.search-wrapper i {
	font-size: 24px;
	line-height: 32px !important;
	position: absolute;
	top: 6px;
	left: 24px;
	-webkit-transition: color 200ms ease;
	transition: color 200ms ease;
}

#search_stores {
	font-size: 16px;
	font-weight: 400;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 0;
	padding: 8px 8px 8px 65px;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	box-shadow: none !important;
	border-radius: 3px;
	outline: none;
	background: transparent;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;

	color: rgba(0, 0, 0, .87);
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

input[type="table"] {
	border: 0;
	padding: 0;
	background: transparent;
	margin: 0;
	width: 140px;
	display: inline-block;
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
}

.logo-wrapper {
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 860px) {
	.navbar .header-search-wrapper {
		display: none;
	}
}

.nav-wrapper {
	display: flex;
	justify-content: space-between;
}

.search-list:not(.active) {
	display: none;
}

.search-list {
	background-color: #fff;
	color: #000;
	width: 100%;
}