@media(min-width: 992px) {
	.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
		background-color: rgb(94,106,113);
	}
	
	.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
		color: white;
	}
}

.red {
	color: red;
}

.green {
	color: green;
}

.white {
	color: white;
}

.form-control.right {
	text-align: right;
}

.action>.fa {
	cursor: pointer;
}

.nav-item>.selected {
	background: #333 !important;
}

.table .table {
	background-color: transparent;
}

.form-control[disabled] {
	cursor: default;
}

.btn-row-fixed {
	position: fixed; 
	bottom: 76px; 
	right: 32px;
}

.btn-row-fixed .btn {
	border: 2px solid white !important;
}

.btn-fixed {
	position: fixed; 
	bottom: 76px; 
	right: 32px;
	border: 2px solid white !important;
}

.page-end {
	height: 64px;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none;
}

.xcrud-nested-container {
	border: 2px solid black;
	padding: 16px;
}

.page-header.navbar .menu-toggler.sidebar-toggler {
	margin-top: 17px;
}
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
	margin-right: 12px;
}
.page-header.navbar .menu-toggler {
	background-color: rgb(0,159,218);
	border: 3px solid rgb(0,159,218);
	border-radius: 5px !important;
	width: 32px;
	height: 32px;
}
.page-header.navbar .page-logo {
	padding: 0 15px;
}
.page-header.navbar .page-top {
	background: rgb(0,159,218);
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{
	color: #fff;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover{
	background: rgb(0,159,200);
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle{
	background: rgb(0,159,200);
}
body{
	background: rgb(94,106,113);
}
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{
	background: rgb(94,106,113);
}
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{
	background: rgb(94,106,113);
}
/*------------DIANNE-----------------*/
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{
	background: rgb(216,216,216);
}
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{
	background: rgb(216,216,216);
}
div.page-footer{
	background: rgb(216,216,216) !important;
}
div.page-footer-inner{
	color: black !important;
}
div.page-footer-inner a{
	color: black !important;
}
.page-sidebar .page-sidebar-menu>li>a.selected{
	color: rgb(0,159,218);
}
.nav-item>.selected{
	background: #212d41 !important;
}
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{
	color: rgb(0,159,218);
}
/*---------END DIANNE-------------------*/
.page-sidebar .page-sidebar-menu>li>a{
	color: black;
}
.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar .page-sidebar-menu>li>a>i[class^=icon-]{
	color: rgb(0,159,218);
}
.page-footer .page-footer-inner{
	color: white;
}
div.page-footer-inner a{
	color: white;
}
.btn-success{
	background: rgb(0,159,218);
	border: none;
	border-radius: 0px !important;
}
.btn-success:hover{
	background: rgb(0,159,200);
	border: 0px solid rgb(0,159,218);
}
.xcrud-actions a{
	border: 1px solid white !important;
}
a.btn{
	border-radius: 0px !important;
	border: none;
	margin-right: 5px;
	color: white;
	background: rgb(0,159,218);
}
a.btn:hover{
	color: white;
	background: rgb(0,159,200);
}
a.btn-primary{
	background: rgb(0,159,218);
}
a.btn-primary:hover{
	background: rgb(0,159,218);
	background: rgb(0,159,200);
}
.tiles {
	margin-bottom: 25px;
}
.tiles .tile.double {
	width: 192px !important;
}
.tiles .tile.triple {
	width: 19% !important;
	margin-right: 1%;
	margin-bottom: 10px;
}

/* .tiles .tile .tile-object {
	position: relative;
} */

.tiles .tile .tile-body {
	margin-bottom: 0;
}

.page-header-inner {
	background: #fff;
}
.bg-amphitec{
	background: rgb(0,159,218) !important;
}
h2{
	margin-top:0px;
	font-weight: bold;
}

.xcrud-nested-container {
	margin-top: 32px;
}

.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{
	border-bottom: 1px solid rgb(0,159,218);
	border-top: none;
}
.page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i{
	color: rgb(0,159,218);
}
.page-sidebar .page-sidebar-menu>li>a>i[class*=fa-], .page-sidebar .page-sidebar-menu>li>a>i[class^=fa-]{
	color: rgb(0,159,218);
}
@media (max-width: 767px){
	.page-header.navbar{
		background: white;
	}
	.page-header.navbar .menu-toggler.responsive-toggler{
		background-color: rgb(0,159,218);
		border-radius: 5px !important;
		padding: 15px;
		margin-top: 17px;
	}
} 
.page-header.navbar .page-logo .logo-default{
	margin: 23px 0 0;
}

.dashboard-stat.green .visual>i, .dashboard-stat.purple .visual>i, .dashboard-stat.blue .visual>i, .dashboard-stat.red .visual>i {
	opacity: .5 !important;
}
.login-panel {
  margin-top: 50px;
}
div.xcrud-top-actions{
	margin-bottom: 10px;
}
@media (max-width: 991px) and (min-width:768px){
	.page-header.navbar .menu-toggler.responsive-toggler {
		background-image: url(/assets/metronic/assets/layouts/layout2/img/sidebar-toggler.png);
		margin-top:16px;
		border: 1px solid white;
	}
	.col-sm-6 {
		width: 100%;
	}
}
.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: rgb(0, 130, 179);
    border-color: rgb(0, 130, 179);;
}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success{
	background-color: rgb(0, 130, 179);
    border-color: rgb(0, 130, 179);
}

h1 {
	background: #009fda;
    color: white;
    margin-left: 0px;
    margin-top: 0px;
    padding: 4px;
    margin-bottom: 10px;
}

h2 {
	background: #65c5e8;
    padding: 4px;
    color: black;
	font-weight: normal;
}

.tiles .bg-amphitec .tile-object>.name {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
    text-align: center;
    width: 100%;
}
a.product-information{
	border: 4px solid #eef1f5;
	color: white;
}
a.product-information:hover{
	color: white;
	text-decoration: none;
}
.product-information-name{
	height: 60px;
	color: white;
	text-align: center;
    padding-top: 8px;
}
.span-alert {
	padding: 8px 10px;
	margin: 0 4px;
}