/* Change font */

body {
	font-family: Open Sans;
}


/* Change background property to primary */

header .navbar,
.result-count,
.btn.btn-primary,
.btn.btn-primary:hover,
.settings.display [data-uploaded] img,
.btn-primary-outline:hover,
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background: #004b88;
}


/* Change color property to primary */

a, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.dropzone .dz-message span,
.main .main-content .dropdown .dropdown-item,
.pagination>li>a, 
.pagination>li>span,
.page-data thead th.sorting,
.page-data .table-responsive-hint i.fa {
    color: #004b88;
}

.text-primary {
	color: #004b88 !important;
}


/* Change color property to primary darkened */

a:hover,
.btn-primary-outline {
	color: #00355f;
}


/* Change border-color property to primary */

.card.card-primary,
.form-control:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
header .navbar .dropdown .dropdown-menu,
.nav-pills .nav-link.active, 
.nav-pills .nav-link.active:focus, 
.nav-pills .nav-link.active:hover, 
.nav-pills .nav-item.open .nav-link, 
.nav-pills .nav-item.open .nav-link:focus, 
.nav-pills .nav-item.open .nav-link:hover,
.btn-primary-outline,
.btn-primary-outline:hover,
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    border-color: #004b88;
}

/* Change border-color property to primary darken */

.btn.btn-primary,
.btn.btn-primary:hover {
    border-color: #00355f;
}

/* Change border-color property to primary darken */

.btn.btn-primary:hover {
    background: #00355f;
}


/* Change background property to seoncdary */

.btn-secondary,
aside .nav .nav-item.active .nav-link .nav-link-bg, 
aside .nav .nav-item.active .nav-link[aria-expanded="true"] .nav-link-bg, 
aside .nav .nav-item.active:hover .nav-link .nav-link-bg, 
.btn-secondary-outline:hover,
aside .nav .nav-item.active:hover .nav-link[aria-expanded="true"] .nav-link-bg,
aside .nav .nav-item .nav-link:hover .nav-link-bg {
    background: #f68b1f !important;
}

/* Change border-color to seoncdary */

.btn-secondary-outline,
.btn-secondary-outline:hover,
.card--secondary {
    border-color: #f68b1f !important;
}

.btn.btn-secondary,
.btn.btn-secondary:hover {
    border-color: #ac6116;
}

/* Change color to seoncdary */

.btn-secondary-outline {
    color: #f68b1f;
}

.text-secondary {
    color: #f68b1f !important;
}


.settings.components .card-primary {
    border-color: #ccc !important;
}