:root {
	--main-bg-color: rgb(245, 245, 250);	/* Cool Grey */
	--supplement-bg-color: rgb(255, 255, 255);	/* White */
	--main-color: rgb(0, 80, 70);	/* British racing green */
	--main-color-light: rgb(174, 204, 197);	/* Pantone 559 C */
	--supplement-color: rgb(255, 106, 66);	/* Pantone 1645 C */
	--supplement-color-light: rgb(255, 191, 172);	/* Pantone 162 C */
	--third-color: rgb(200, 183, 183);	/* Pantone 4085 C */
	--border-radius: 3px;
	--opacity: 0.7;
}

@font-face {
	font-family: ProximaNovaBold;
	font-weight: bold;
	src: url('font/proxima-nova-bold.otf');
}

@font-face {
	font-family: ProximaNova;
	src: url('font/proxima-nova.otf');
}

body, .form-control, .btn, .select2-container--krajee .select2-selection, .dropdown-menu, .sidebar-menu .treeview-menu>li>a, .input-group-addon {
	font-size: 13px;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
	background-color: var(--main-color);
	color: white;
}

.main-header,
.skin-blue .main-header .navbar,
.box.box-solid.box-primary>.box-header {
	background-color: var(--main-color);
}

.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header .logo:hover,
.skin-blue .main-header .logo {
	background: rgba(0, 0, 0, 0.1);
}

.skin-blue .main-header .logo .logo-lg img {
	margin-right: 10px;
	margin-top: -5px;
}

.skin-blue .main-sidebar .sidebar .sidebar-menu>li>a {
	background: var(--main-color-light);
	color: var(--main-color);

}

.skin-blue .sidebar-menu>li>a:link,
.skin-blue .sidebar-menu>li>a:visited {
	color: var(--main-color);
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
	border-left-color: var(--supplement-color);
	color: var(--supplement-color) !important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
	background: var(--main-color-light);
	color: var(--main-color);
}

.skin-blue .sidebar-menu>li>.treeview-menu {
	margin: 0 1px;
	background-color: var(--main-color);
}

.skin-blue .treeview-menu>li>a {
	color: var(--supplement-bg-color);
}

.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
	color: var(--supplement-color-light) !important;
}

a,
a:focus, a:hover, a:active,
.s2-togall-button,
.content-header>.breadcrumb>li>a {
	color: var(--supplement-color);
}

.box.box-solid.box-primary,
.form-control:focus,
.select2-container--krajee .select2-dropdown,
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
	border-color: var(--main-color);
}

.btn.btn-default {
	color: var(--main-color);
}

.btn-danger {
	background: rgb(235, 33, 33);
	border-color: rgb(247, 54, 54);
}

.btn-danger:hover {
	background: rgb(235, 33, 33);
	border-color: rgb(247, 54, 54);
	opacity: var(--opacity);
}

.btn-success {
	background: var(--main-color);
	border-color: var(--main-color);
}

.btn-success:focus, .btn-success:hover, .btn-success:active, .btn-success:active:focus {
	background-color: var(--main-color) !important;
	border-color: var(--main-color);
	opacity: var(--opacity);
}

.btn-primary {
	background: var(--supplement-color);
	border-color: var(--supplement-color);
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:active:focus {
	background-color: var(--supplement-color) !important;
	border-color: var(--supplement-color);
	opacity: var(--opacity);
}

.main-header .navbar .btn-primary:hover {
	background-color: rgb(249, 145, 123) !important;
	border-color: var(--supplement-color);
	opacity: 1;
}

.main-footer {
	background: var(--main-color);
	font-size: 11px;
	color: var(--main-color-light);
}

.separator {
	margin-right: 25px;
}

.body-guest .content-wrapper {
	background-color: var(--main-color);
	background-image: url('../images/linky-light.svg');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	min-height: 90vh;
}

.body-guest .content {
	margin-left: 0;
	margin-right: 0;
}

.body-guest .main-footer {
	background: var(--supplement-color);
	color: var(--supplement-bg-color);
}

.body-guest .main-footer a {
	color: var(--main-bg-color);
}

.body-guest .login-logo {
	margin-bottom: 35px;
}

.body-guest .login-logo img {
	max-width: 25vw;
	max-height: 100vh;
	margin-bottom: 25px;
}

.login-box {
	text-align: center;
	width: 100%;
	color: var(--main-color);
	font-size: 18px;
	font-weight: 300;
}

.login-box-body {
	display: grid;
	border-radius: var(--border-radius);
}

.login-box-form {
	display: inline-block;
}

.login-box-title {
	color: rgb(0, 0, 0);
	margin-bottom: 25px;
	font-size: 35px;
	text-align: center;
	font-weight: bold;
	font-family: ProximaNovaBold;
}

.login-box .btn {
	font-family: ProximaNova;
	font-size: 18px;
	border-radius: 10px;
}

.card {
	width: 25vw;
	min-width: 300px;
	border: none;
	border-radius: 20px;
}

.checkbox input[type="checkbox"] {
	accent-color: var(--main-color);
	top: 26px;
}

.checkbox-inline input[type="checkbox"] {
	accent-color: var(--main-color);
	left: 24px;
	top: 2px;
}

.checkbox input {
	width: 25px;
	height: 25px;
}

.form-group .checkbox {
	margin-bottom: 30px;
}

.box-body .form-actions, .form-actions {
	background-color: var(--supplement-color);
}

.box.box-solid>.box-header .btn.btn-default, .popover-content {
	background-color: var(--supplement-bg-color);
	color: var(--main-color);
}

.box.box-solid>.box-header .btn.btn-default:hover {
	background-color: var(--main-color-light);
	color: var(--main-color);
}

.box.box-solid.box-default>.box-header {
	background-color: var(--supplement-color-light);
	color: var(--main-color);
}

/* .box.box-solid.box-default>.box-header {
    background-color: var(--main-color-light);
	color: var(--main-color);
} */

.content-wrapper, .right-side {
	background-color: var(--main-bg-color);
}

.skin-blue .content-header {
	background-color: var(--main-bg-color);
}

.main-header .logo {
	font-family: ProximaNovaBold;
	font-size: 25px;
}

.box.box-solid.box-primary>.box-header a {
	color: var(--supplement-color);
}

.navbar-custom-menu>.navbar-nav>li {
	padding-left: 10px;
}

.navbar-custom-menu>.navbar-nav>li>form {
	margin-top: 3px;
	padding: 6px 10px;
}

.navbar-custom-menu .form-inline .form-group {
	vertical-align: inherit;
}

.navbar-custom-menu .form-group .input-group {
	min-width: 200px;
	width: 25vw;
	background-color: #fff;
	border-radius: var(--border-radius);
}

.navbar-custom-menu .form-control {
	border-radius: var(--border-radius);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.navbar-custom-menu .input-group .input-group-btn {
	width: 1%;
}

.navbar-custom-menu .input-group .input-group-btn .btn {
	border-radius: var(--border-radius);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 34px;
}

.navbar-custom-menu form input[type="text"] {
	background-color: var(--main-color-light);
	border-color: var(--main-color-light);
}

.navbar-custom-menu form ::placeholder {
	color: var(--main-color);
}

.navbar-custom-menu li>.btn {
	margin-top: 9px;
	padding: 6px 10px;
}

.navbar-custom-menu .help-item-icon, .box .help-item-icon {
	color: var(--supplement-bg-color);
}

.nav-tabs-custom>.nav-tabs>li>a {
	color: var(--main-color);
}

.nav-tabs-custom>.nav-tabs>li.active {
	border-top-color: var(--supplement-color);
}

.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a , .nav-tabs-custom>.nav-tabs>li:hover>a {
	color: var(--supplement-color);
}

.box.box-solid.box-default>.box-header .help-item-icon {
	color: var(--main-color);
}

#manager-menu a.active {
	background-color: var(--main-color);
}

.input-group-btn .btn {
	height: 34px;
}