::selection {
	color: #fff;
	background: #a6ca16
}

a, .btn-link {
	color: #f0b144
}

.text-green, .text-info, .text-success, .text-danger, .text-primary, .text-warning, .mail-star.active {
	color: #a6ca16 !important
}

.badge-default {
	background: #747879;
	color: #F5F5F7
}

.loader {
	color: #004660
}

.badge-primary {
	background-color: #004660
}

.btn-primary {
	background: #004660;
	color: #fff;
	border-color: #004660
}

.btn-info {
	background-color: #f0b144;
	border-color: #f0b144
}

.nav-tabs .nav-link.active {
	border-color: #004660;
	color: #004660
}

.form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 70, 96, 0.25)
}

.dropify-wrapper, .btn-primary {
	border: 0
}

.bg-primary, .bg-info, .bg-warning, .btn-success {
	background-color: #004660 !important;
	border: transparent
}

.bg-success, .bg-danger, .badge-success, .progress-bar, .btn-danger, .btn-warning {
	background-color: #f0b144;
	border: transparent
}

.btn-outline-primary {
	color: #004660;
	border-color: #004660
}

.btn-outline-primary:hover {
	background-color: #004660;
	border-color: #004660
}

.custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
	border-color: #004660;
	background-color: #004660
}

.custom-switch-input:checked~.custom-switch-indicator {
	background: #004660
}

.selectgroup-input:checked+.selectgroup-button {
	border-color: #004660;
	color: #004660;
	background: rgba(0, 70, 96, 0.2)
}

.imagecheck-figure:before {
	color: #f0b144 !important
}

.wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active, .wizard>.actions a, .wizard>.actions a:hover {
	background: #004660
}

.wizard>.steps .done a, .wizard>.steps .done a:hover {
	background: rgb(238 238 238);
	color: #004660
}


.dark-mode .wizard>.steps .current a,.dark-mode .wizard>.steps .current a:hover,.dark-mode .wizard>.steps .current a:active,.dark-mode .wizard>.actions a,.dark-mode .wizard>.actions a:hover {
	background: #0c2d4e
}

.dark-mode .wizard>.steps .done a,.dark-mode .wizard>.steps .done a:hover {
	background: #343a40 ;
	color: #fff
}

.list-group-item, .modal-content {
	background-color: #fff
}

.table th {
	color: #747879
}

.table.table-custom td, .table.table-custom th {
	background: #F5F5F7
}

.table.table_custom tr {
	background: #fff
}

.right_chat li.online .status {
	background: #004660
}

.bg-blue, .bg-azure, .bg-indigo, .bg-purple, .bg-red, .bg-orange {
	background-color: #004660 !important
}

.bg-pink, .bg-yellow, .bg-lime, .bg-green, .bg-teal, .bg-cyan {
	background-color: #f0b144 !important
}

.bg-light-blue, .bg-light-azure, .bg-light-indigo, .bg-light-lime, .bg-light-green, .bg-light-teal {
	background-color: rgba(0, 70, 96, 0.1);
	color: #004660
}

.bg-light-pink, .bg-light-red, .bg-light-orange, .bg-light-yellow, .bg-light-cyan {
	background-color: rgba(240, 177, 68, 0.1);
	color: #f0b144
}

.bg-light-purple {
	background-color: rgba(254, 210, 132, 0.1);
	color: #fed284
}

.bg-light-gray {
	background-color: rgba(102, 106, 109, 0.1);
	color: #666A6D
}

.avatar.avatar-blue {
	background-color: rgba(0, 70, 96, 0.1);
	color: #004660
}

.avatar.avatar-azure {
	background-color: rgba(0, 70, 96, 0.1);
	color: #004660
}

.avatar.avatar-indigo {
	background-color: rgba(0, 70, 96, 0.1);
	color: #004660
}

.avatar.avatar-purple {
	background-color: rgba(0, 70, 96, 0.1);
	color: #004660
}

.avatar.avatar-pink {
	background-color: rgba(0, 70, 96, 0.1);
	color: #004660
}

.avatar.avatar-red {
	background-color: rgba(0, 70, 96, 0.1);
	color: #004660
}

.avatar.avatar-orange {
	background-color: rgba(0, 70, 96, 0.1);
	color: #004660
}

.avatar.avatar-yellow {
	background-color: rgba(240, 177, 68, 0.1);
	color: #f0b144
}

.avatar.avatar-lime {
	background-color: rgba(240, 177, 68, 0.1);
	color: #f0b144
}

.avatar.avatar-green {
	background-color: rgba(240, 177, 68, 0.1);
	color: #f0b144
}

.avatar.avatar-teal {
	background-color: rgba(240, 177, 68, 0.1);
	color: #f0b144
}

.avatar.avatar-cyan {
	background-color: rgba(240, 177, 68, 0.1);
	color: #f0b144
}

body {
	background-color: #F5F5F7;
	color: #113f50
}

.page-header {
	border-color: #fff
}

.page-header .right .nav-pills .nav-link {
	color: #113f50
}

#header_top .brand-logo {
	background: #fed284;
	width: 35px
}

.header {
	background: #004660
}

.header .nav-tabs .nav-link {
	color: #fff
}

.header .nav-tabs .nav-link.active {
	border-color: #fff
}

.header .dropdown-menu .dropdown-item:hover, .header .dropdown-menu .dropdown-item.active {
	color: #004660
}

.page .section-white, .page .section-body {
	background: #F5F5F7
}

#header_top .nav-link {
	color: #113f50
}

.header_top.dark {
	background-color: #004660 !important
}

.header_top.dark .nav-link {
	color: #F5F5F7 !important
}

.card {
	background-color: #fff
}

.card .card-options a {
	color: #004660
}

.card .card-options a.btn {
	color: #fff
}

.card.card-fullscreen {
	background-color: #fff !important
}

.metismenu .g_heading {
	color: rgba(255, 255, 255, 0.3)
}

.metismenu a {
	color: #113f50
}

.metismenu a:hover {
	color: #004660;
	border-color: #004660
}

.metismenu .active>a {
	color: #004660;
	border-color: #004660
}

.metismenu .active ul .active a {
	color: #004660;
	background: transparent
}

.metismenu.grid>li.active>a, .metismenu.grid>li>a:hover {
	background: rgba(0, 70, 96, 0.1);
	color: #004660
}

.inbox .detail {
	background: #fff
}

.file_folder a {
	background: #fff;
	border-color: #F5F5F7
}

.auth .auth_left {
	background: #fff
}

.gender_overview {
	background: #F5F5F7
}

.table-calendar-link {
	background: #004660
}

.table-calendar-link:hover {
	background: #004660
}

.table-calendar-link::before {
	background: #004660
}

.theme_div {
	background: #fff
}

.ribbon .ribbon-box.green {
	background: #a6ca16
}

.ribbon .ribbon-box.green::before {
	border-color: #a6ca16;
	border-right-color: transparent
}

.ribbon .ribbon-box.orange {
	background: #004660
}

.ribbon .ribbon-box.orange::before {
	border-color: #004660;
	border-right-color: transparent
}

.ribbon .ribbon-box.pink {
	background: #f0b144
}

.ribbon .ribbon-box.pink::before {
	border-color: #f0b144;
	border-right-color: transparent
}

.ribbon .ribbon-box.indigo {
	background: #fed284
}

.ribbon .ribbon-box.indigo::before {
	border-color: #fed284;
	border-right-color: transparent
}

.text-orange {
	color: #fed284 !important
}

.tag-info {
	background: #004660
}

.tag-success, .tag-green {
	background: #a6ca16
}

.tag-orange {
	background: #f0b144
}

.tag-danger {
	background: #f0b144
}

.bg-success {
	background: #a6ca16 !important
}

.bg-danger {
	background-color: #f0b144 !important
}

.auth .auth_left {
	background: #004660
}

.auth .auth_left .card {
	padding: 20px;
	right: -150px;
	z-index: 99999
}

@media only screen and (max-width: 1024px) {
	.auth .auth_left .card {
		right: -50px
	}

}
}

@media only screen and (max-width: 992px) {
	.auth .auth_left .card {
		right: auto
	}
}

.page-item .page-link {
	color: #f0b144
}

.page-item.active .page-link {
	background-color: #f0b144;
	border-color: #f0b144
}

#left-sidebar {
	background-color: #fff
}

.dark-mode .btn {
	color: #417082
}

.dark-mode .metismenu.grid>li>a {
	border-color: rgba(255, 255, 255, 0.2)
}

.dark-mode.sidebar_dark #left-sidebar {
	background-color: #a6ca16 !important
}

.dark-mode.sidebar_dark .sidebar .metismenu .active>a {
	color: #004660
}

.dark-mode.sidebar_dark .sidebar .metismenu .active ul .active a {
	color: #004660
}

.dark-mode.sidebar_dark .sidebar .metismenu a {
	color: #fff
}

.dark-mode .nav-tabs .nav-link.active {
	color: #fed284
}

.top_dark {
	background-color: #004660 !important
}

.sidebar_dark #left-sidebar {
	background-color: #004660 !important
}

.sidebar_dark #header_top .nav-link {
	color: #F5F5F7 !important
}

.sidebar_dark .sidebar .nav-tabs {
	border-color: rgba(255, 255, 255, 0.1)
}

.sidebar_dark .sidebar .nav-tabs .nav-link.active {
	border-color: #fff;
	color: #fff
}

.sidebar_dark .sidebar .metismenu .active>a {
	color: #fed284
}

.sidebar_dark .sidebar .metismenu .active ul .active a {
	color: #fed284
}

.iconcolor #header_top .nav-link {
	color: #fed284 !important
}

.gradient .custom-switch-input:checked~.custom-switch-indicator {
	background: linear-gradient(45deg, #004660, #f0b144) !important
}

.gradient .metismenu.grid>li.active>a, .gradient .metismenu.grid>li>a:hover {
	background: linear-gradient(45deg, #004660, #004660) !important;
	color: #fff;
	border: 0
}

.gradient .btn-primary {
	background: linear-gradient(45deg, #004660, #f0b144) !important;
	border: 0
}

.gradient .btn-dark {
	background: linear-gradient(45deg, #808488, #333537) !important
}

.gradient .bg-success, .gradient .bg-danger, .gradient .badge-success, .gradient .progress-bar, .gradient .btn-danger {
	background: linear-gradient(45deg, #004660, #f0b144) !important
}

.gradient.sidebar_dark #left-sidebar {
	background: linear-gradient(45deg, #004660, #f0b144) !important
}

@media only screen and (min-width: 1200px) {
	.header_top>.container {
		border-right: 1px solid rgba(255, 255, 255, 0.07)
	}
}

@media only screen and (max-width: 1200px) {
	#header_top {
		background: #004660
	}
	#header_top .nav-link {
    color: #aaaaaa;
	}
}