/* Auto-generated by System Config > Branding - do not edit by hand, it is
 * rewritten on every save. Best-effort override layer: only repaints the
 * selectors that literally used the shipped hex values in
 * core.css/components.css/menu.css/pages.css. assets/scss/variables.scss
 * is kept in sync separately for a full local recompile. */

/*
Template Name: Moltran Dashboard
Author: CoderThemes
Email: coderthemes$gmail.com
File: Common
*/
/*
  - Google Fonts
  - General
  - Bootstrap-custom
  - Waves Effect
  - Tabs
*/
/*  Google Fonts */
/* ==============
  General
===================*/
body {
	color: #191c24;
}
h1, h2, h3, h4, h5, h6 {
	color: #1f2533;
}
.small {
	color: #1f2533;
}
p {
	color: #191c24;
}
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
	color: #1f2533;
}
a:hover, a:active, a:focus {
	color: #028ea1;
}
.footer .container ul > li > a {
	color: #191c24;
}
.footer .footer-copyright.bg-dark a {
	color: #028ea1;
}
.bg-primary {
	background-color: #028ea1 !important;
}
.bg-secondary {
	background-color: #0c5d88 !important;
}
.bg-dark {
	background-color: #1f2533 !important;
}
.bg-dark-blue {
	background-color: #1f2533 !important;
}
.text-primary {
	color: #028ea1 !important;
}
.text-secondary {
	color: #0c5d88 !important;
}
.text-dark {
	color: #1f2533 !important;
}
.form-control:focus, input:-webkit-autofill:focus, textarea:-webkit-autofill:focus, select:-webkit-autofill:focus {
	border: 1px solid #028ea1;
}
.label-primary {
	background-color: #28b0d2;
}
.label-secondary {
	background-color: #0c5d88;
}
.label-dark {
	background-color: #1f2533;
}
.badge-primary {
	background-color: #28b0d2;
}
.badge-secondary {
	background-color: #0c5d88;
}
.badge-warning {
	color: #1f2533;
}
.badge-dark {
	background-color: #1f2533;
}
.badge-light {
	color: #1f2533;
}
.badge-default {
	color: #1f2533;
}
.badge-status.badge-default {
	color: #1f2533;
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #28b0d2;
	border-color: #28b0d2;
}
.list-group-item.active {
	color: #191c24;
}
.list-group-item.active:hover {
	color: #191c24;
}
.list-group-item.active:hover .list-group-item-text {
	color: #28b0d2;
}
.list-group-item.active:focus {
	color: #191c24;
}
.list-group-item.active:focus .list-group-item-text {
	color: #28b0d2;
}
.list-group-item.active .list-group-item-text {
	color: #28b0d2;
}
.list-group-item.active > .badge {
	color: #28b0d2;
}
.nav-pills > .active > a > .badge {
	color: #28b0d2;
}
.tabs li.tab a.active {
	color: #28b0d2 !important;
}
.tabs .indicator {
	background-color: #28b0d2;
}
.tabs-vertical-env .nav.tabs-vertical li > a {
	color: #1f2533;
}
.nav.nav-tabs > li.active > a {
	border-bottom: 1px solid #28b0d2 !important;
}
.nav.nav-tabs > li > a,
.nav.tabs-vertical > li > a {
	color: #1f2533 !important;
}
.nav.nav-tabs > li > a:hover,
.nav.tabs-vertical > li > a:hover {
	color: #28b0d2 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.tabs-vertical > li.active > a,
.tabs-vertical > li.active > a:focus,
.tabs-vertical > li.active > a:hover {
	color: #28b0d2 !important;
}
.nav.nav-tabs.simple-tabs > li.active > a {
	border-bottom: 2px solid #28b0d2 !important;
	color: #28b0d2 !important;
}
.nav.nav-tabs.pills > li.active > a {
	background: #28b0d2;
}
.btn-link {
	color: #0c5d88;
}
.btn-warning, .btn-warning:hover {
	color: #028ea1;
}
.btn-light, .btn-transparent {
	color: #191c24 !important;
}
.btn-default {
	color: #191c24;
}
.input-group-btn .btn-white:hover {
	background: #028ea1;
	border: 1px solid #028ea1;
}
.dropdown-menu a {
	color: #191c24;
}
.btn-primary {
	background-color: #028ea1 !important;
	border: 1px solid #028ea1 !important;
}
.btn-primary:hover, .btn-primary .hover {
	background-color: #51b9d3 !important;
	border: #51b9d3 !important;
}
.btn-secondary, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.focus, .btn-secondary:active, .btn-secondary:focus, .open > .dropdown-toggle.btn-secondary {
	background-color: #0c5d88 !important;
	border: 1px solid #0c5d88 !important;
}
.btn-secondary:hover, .btn-secondary.hover, .btn-secondary:focus:hover, .btn-secondary:focus.hover, .btn-secondary:active:hover, .btn-secondary:active.hover, .btn-secondary.active:hover, .btn-secondary.active.hover, .btn-secondary.focus:hover, .btn-secondary.focus.hover, .btn-secondary:active:hover, .btn-secondary:active.hover, .btn-secondary:focus:hover, .btn-secondary:focus.hover, .open > .dropdown-toggle.btn-secondary:hover, .open > .dropdown-toggle.btn-secondary.hover {
	background-color: #3d889b !important;
	border: 1px solid #3d889b !important;
}
.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark {
	background-color: #1f2533 !important;
	border: 1px solid #1f2533 !important;
}
.btn-outline-default {
	color: #191c24;
}
.btn-outline-white:hover, .btn-outline-white.hover, .btn-outline-white:focus, .btn-outline-white.focus, .btn-outline-white:active, .btn-outline-white.active {
	color: #1f2533;
}
.btn-outline-primary {
	color: #028ea1;
	border: 1px solid #028ea1;
}
.btn-outline-primary i {
	color: #028ea1;
}
.btn-outline-primary:hover, .btn-outline-primary.hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active {
	background-color: #028ea1;
}
.btn-outline-secondary {
	color: #0c5d88;
	border: 1px solid #0c5d88;
}
.btn-outline-secondary:hover, .btn-outline-secondary.hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
	background-color: #0c5d88;
}
.btn-outline-dark {
	color: #1f2533;
	border: 1px solid #1f2533;
}
.btn-outline-dark:hover, .btn-outline-dark.hover, .btn-outline-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:active, .btn-outline-dark.active {
	background-color: #1f2533;
}
.card-info {
	text-shadow: 0px 0px 4px #1f2533;
}
.panel-default > .panel-heading {
	color: #1f2533;
}
.panel-primary > .panel-heading {
	background-color: #028ea1;
}
.panel-secondary > .panel-heading {
	background-color: #0c5d88;
}
.panel-dark > .panel-heading {
	background-color: #1f2533;
}
.panel-border.panel-primary .panel-heading {
	border-color: #028ea1 !important;
	color: #028ea1 !important;
}
.panel-border.panel-dark .panel-heading {
	border-color: #1f2533 !important;
	color: #1f2533 !important;
}
.panel-fill.panel-default .panel-heading {
	color: #1f2533;
}
.panel-fill.panel-primary {
	background-color: #028ea1;
}
.panel-fill.panel-secondary {
	background-color: #0c5d88;
}
.panel-fill.panel-dark {
	background-color: #1f2533;
}
.checkbox label::after {
	color: #191c24;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #28b0d2;
	border-color: #28b0d2;
}
.radio-primary input[type="radio"] + label::after {
	background-color: #28b0d2;
}
.radio-primary input[type="radio"]:checked + label::before {
	border-color: #28b0d2;
}
.radio-primary input[type="radio"]:checked + label::after {
	background-color: #28b0d2;
}
.progress-bar-primary {
	background-color: #28b0d2;
}
.progress-bar-secondary {
	background-color: #0c5d88;
}
.progress-bar-dark {
	background-color: #1f2533;
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
	color: #191c24;
}
tbody {
	color: #191c24;
}
table.focus-on tbody tr.focused th {
	background-color: #28b0d2;
}
table.focus-on tbody tr.focused td {
	background-color: #28b0d2;
}
table.dataTable th.focus, table.dataTable td.focus {
	outline: 3px solid #28b0d2 !important;
}
.fade-carousel .carousel-indicators > li.active {
	background-color: #0c5d88;
	border-color: #0c5d88;
}
.fade-carousel .carousel-inner .item.active .bannerOverlay {
	background: linear-gradient(to right, #1f2533 50%, rgba(25, 65, 116, 0) 60%);
}
.modal-container:hover {
	background: #1f2533;
}
.admin_menu_dropdown a {
	color: #1f2533;
}
.admin_menu_dropdown a:hover {
	color: #28b0d2;
}
.hr-heading {
	border-color: #28b0d2;
}
/* ==============
  Nav Pills
===================*/
.nav-pills > li > a {
	color: #1f2533;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	background-color: #28b0d2;
}
.nav-pills > li.selected > a, .nav-pills > li.selected > a:focus, .nav-pills > li.selected > a:hover {
	background-color: #28b0d2;
}
.navbar .button-menu-mobile {
	color: #191c24;
}
.navbar .button-menu-mobile:hover {
	color: #028ea1;
}
.navbar.navbar-primary {
	background-color: #028ea1;
}
.navbar.navbar-secondary {
	background-color: #0c5d88;
}
.navbar.navbar-dark {
	background-color: #1f2533;
}
.navbar.navbar-dark .button-menu-mobile {
	color: #1f2533;
}
.navbar.navbar-dark .button-menu-mobile:hover {
	color: #1f2533;
}
.notifi-title {
	color: #1f2533;
}
.navbar-form .input-group .input-group-addon {
	color: #1f2533;
}
.navbar-form .input-group .form-control::-webkit-input-placeholder {
	/* Edge */
  color: #1f2533;
}
.navbar-form .input-group .form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
  color: #1f2533;
}
.navbar-form .input-group .form-control::placeholder {
	color: #1f2533;
}
.side-menu.bg-blue-gradient #sidebar-menu > ul > li > a.active .menu-item .btn:hover {
	color: #028ea1;
}
#sidebar-menu ul ul li.active a {
	color: #028ea1;
}
#sidebar-menu > ul > li > a {
	color: #191c24;
}
#sidebar-menu > ul > li > a.active .menu-item {
	background-color: #028ea1;
}
#sidebar-menu > ul > li > a.active .btn {
	background-color: #028ea1;
}
/* admin */
.admin .side-menu .menu-bottom .button-menu-mobile {
	background: #275b68;
}
.admin .left.side-menu {
	background: #275b68 !important;
}
.admin #sidebar-menu {
	background: #275b68 !important;
}
.admin #sidebar-menu > ul > li > a.active.subdrop {
	background: #275b68 !important;
}
.admin #sidebar-menu > ul > li > a.active.subdrop ~ ul {
	background: #275b68 !important;
}
.admin #sidebar-menu > ul > li > a:hover {
	background: #275b68 !important;
}
.admin .side-menu #sidebar-menu > ul > li > a.active {
	background: #275b68 !important;
}
.admin .side-menu .subdrop {
	background: #275b68 !important;
}
.admin .side-menu #sidebar-menu ul ul li a {
	background: #275b68;
}
button.confirm {
	background-color: #028ea1 !important;
	border-color: #028ea1 !important;
}
.ex-page-content h1 {
	color: #1f2533;
}
.feedpost #wrapper a.likeActive, .feedpost #wrapper a.commentActive {
	color: #0c5d88;
}
.hashtag-footer .hashtag {
	color: #1f2533;
}
.btn-browse-all:hover {
	color: #0c5d88;
}
select.filter-select:focus {
	border-color: #028ea1;
}
.search-wrapper input:focus {
	border-color: #028ea1;
}
.course-card__title {
	color: #1f2533;
}
.hero-breadcrumb span {
	color: #028ea1;
}
.hero-breadcrumb a:hover {
	color: #028ea1;
}

/* Typography */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");
body {
	font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
}

/* Learner-facing main page sidebar gradient (targets the sidebar's
 * unique #side-menu id, not the shared --blue custom properties or the
 * .bg-blue-gradient class other pages also use - see class doc above) */
#side-menu.bg-blue-gradient {
	background: linear-gradient(135deg, #275b68 0%, #47a1b3 100%) !important;
}

/* Sidebar text colors (learner + admin) - direct selector overrides,
 * see buildMenuTextCss() doc for why these aren't hex-scanned. */
#side-menu.bg-blue-gradient #sidebar-menu > ul > li > a {
	color: #ffffff !important;
}
#side-menu.bg-blue-gradient #sidebar-menu > ul > li > a.active .menu-item,
#side-menu.bg-blue-gradient #sidebar-menu > ul > li:hover > a.active > .menu-item {
	color: #f3eded !important;
}
#side-menu.bg-blue-gradient #sidebar-menu > ul > li > a.active i.icon {
	color: #f3eded !important;
}
#side-menu.bg-blue-gradient #sidebar-menu > ul > li > a .menu-item .btn:hover,
#side-menu.bg-blue-gradient #sidebar-menu > ul > li > a.active .menu-item .btn:hover {
	color: #e3dede !important;
}
#side-menu.bg-blue-gradient #sidebar-menu ul ul li.active a {
	color: #f3eded !important;
}
#side-menu.bg-blue-gradient #sidebar-menu ul ul a {
	color: #ffffff !important;
}
#side-menu.bg-blue-gradient #sidebar-menu ul ul a:hover {
	color: #e3dede !important;
}
.admin #sidebar-menu > ul > li > a,
.admin #sidebar-menu > ul > li > a.active,
.admin #sidebar-menu > ul > li > a:hover,
.admin .side-menu #sidebar-menu ul ul li a,
.admin #sidebar-menu ul ul a:hover {
	color: #f1f5f9 !important;
}