:root{
	--primary:#c3423f;
	--secondary:#415a77;
	--primary-dark:#882e2c;
	--secondary-dark:#2d3e53;
	--primary-rgb:195, 66, 63;
	--secondary-rgb:65, 90, 119;
}

img.logo{
    width: 150px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 8px;
    padding: 0.5em;	
}

body.login{
	background: rgb(var(--primary-rgb));
    background: linear-gradient(50deg, rgba(var(--primary-rgb),1) 0%, rgba(var(--secondary-rgb),1) 100%);
}

.navbar-dark .navbar-toggler{
	border:none!important;
	background-color:var(--secondary-dark);
}

.sidebar .nav li a, .sidebar .nav li .dropdown-menu a{
	color:#fff;
}

.navbar-dark .navbar-toggler .icon-bar{
	background-color:#fff!important;
}

.bg-primary{
	background:var(--primary)!important;
}

.bg-secondary{
	background:var(--secondary)!important;
}

.btn-primary{
	background-color:var(--primary)!important;
	color:#fff!important;
}

.btn-primary:hover{
	background-color:var(--primary-dark)!important;
}

.btn-secondary{
	background-color:var(--secondary)!important;
	color:#fff!important;
}

.btn-secondary:hover{
	background-color:var(--secondary-dark)!important;
}

.sidebar li.active>a{
	background-color:var(--secondary)!important;
	box-shadow:0 4px 20px 0px rgba(0,0,0,0.14), 0 7px 10px -5px rgba(var(--secondary-rgb),0.4)!important;
}

.breadcrumb a.breadcrumb-link{
	color:#fff!important;
	opacity:0.8;
}

.icon-card{
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction:row-reverse;
}

.card-primary .icon-card i{
	color:var(--primary);
}

.card-primary h3{
	color:var(--primary);
}

.icon-card .icon{
	text-align:center;
	flex:1;
}

.icon-card .text{
	flex:2;
}

.icon-card .text h3{
	margin-top:0;
	font-weight:500;
}

.page-title{
	font-weight:700;
	border-bottom:1px solid #dddbdb;
	font-size:21px;
}

.page-subtitle{
	font-weight:400;
	font-size:17px;
	margin:0;
}

.sidebar::before, .off-canvas-sidebar nav .navbar-collapse::before{
	background-color:#fff;
}

.sidebar .nav li a, .sidebar .nav li .dropdown-menu a{
	color:var(--secondary);
}

.sidebar .nav i{
	color:var(--primary);
}

.sidebar .logo{
	padding:0;
}

.d-flex .flex-1{
	flex:1;
}

.hour-wrapper .open-select{
	border-radius:5px 0 0 5px;
}

.hour-wrapper .close-select{
	border-radius:0 5px 5px 0;
}

.hour-wrapper select.select{
	border:1px solid #eee;
	background-image:none!important;
	text-align:center;
}


.hour-wrapper select.select:hover{
	background-color:#f2f2f2;
	cursor:pointer;
}

.hour-wrapper .select-wrapper{
	flex:1;
	position:relative;
}

.hour-wrapper .select-wrapper small{
	position:absolute;
	left:1em;
	top:0;
	border-radius:5px;
	background-color:var(--primary);
	color:#fff;
	padding:0 5px;
	transform:translateY(-50%);
	text-transform:lowercase;
}