.main-text-color {color: #004f7d !important;}
.main-bg { background: #004f7d !important; }
.secondary-text-color { color: #6e6e6e !important; }
.secondary-bg { background: #6e6e6e !important; }
.tertiary-text-color { color: #585656 !important; }
.tertiary-bg { background: #585656 !important; }
.tertiary-border { border-color: #585656 !important; }
.accent-text-color { color: #009ee0 !important; }
.accent-bg { background: #009ee0 !important; }
.accent-border { border-color: #009ee0 !important; }
.content-bg { background: #f4f8fb !important; }
.header-bg { background: #ffffff !important; }
.header-text-color { color: #004f7d !important; }
.gradient { background: linear-gradient(135deg, #004f7d 66%, #009ee0 100%) #009ee0 !important; }
.content-bg-text-color { color: #f4f8fb !important; }

/* admin specific */
.header-text-color .btn,
.header-text-color a,
.navbar-header .navbar-toggle { 
	color: #004f7d !important; /*header-text-color*/
} 

.navbar-default .navbar-toggle .icon-bar {
	background-color: #004f7d !important; /*header-text-color*/
}

table.dataTable th, .table > thead > tr > th,
.card a { 
	color: #004f7d; /* main color*/
} 

body .sidebar[data-active-color="danger"] .nav li.active > a, body .off-canvas-sidebar[data-active-color="danger"] .nav li.active > a {
	color: #009ee0 !important; /* accent color*/
}

.card, .panel {
	background: #f4f8fb !important; /* content-bg*/ 
	color: #6e6e6e !important; /* secondary color*/
}

.panel-title,
.panel a,
.table a { 
  color: #585656; /* tertiary color */
} 

.pagination > li > a, .pagination > li > span { 
  color: #004f7d; /* main color */
  border-color: #004f7d !important; /* main color*/
} 

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	background-color: #f4f8fb !important; /* content-bg*/ 
}

.navbar .navbar-nav > li > a.btn.btn-info.btn-fill, .btn-info.btn-fill,
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active, .pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus,
.navbar .navbar-nav > li > a.btn.btn-info:hover, .navbar .navbar-nav > li > a.btn.btn-info:focus, .navbar .navbar-nav > li > a.btn.btn-info:active, .navbar .navbar-nav > li > a.btn.btn-info.active, .navbar .navbar-nav > li > a.btn.btn-info:active:focus, .navbar .navbar-nav > li > a.btn.btn-info:active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
	background-color: #004f7d !important; /* main color*/
	border-color: #004f7d !important; /* main color*/
}

.navbar .navbar-nav > li > a.btn.btn-info, .btn-info {
	color: #004f7d; /* main color*/
	border-color: #004f7d; /* main color*/
}