/*!
 * Chamilo LMS stylesheet - Default v.2.0
 * Aklat Bayan Brand Theme
 * Colors: #1a4fa0 (deep) | #2e7bc4 (mid) | #5aaee8 (light)
*/

/* ---- BASE ---- */
html { position: relative; }
body {
  margin: 0 0 60px;
  background: #f0f5fc;
  color: #1c2d4a;
  font-family: 'Open Sans', sans-serif;
}
body > main footer.footer {
  bottom: 0; left: 0;
  position: absolute;
  right: 0;
}

/* ---- FULL WIDTH ---- */
.container,
.container-fluid,
#main,
#content,
.main-content,
body > .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ---- LOGO HEADER ---- */
#header {
  background: #ffffff;
  padding: 10px 20px;
  border-bottom: 2px solid #e8f0fb;
  display: block;
}
#header img,
.navbar-brand img,
.header-logo img {
  max-height: 70px;
  width: auto;
  display: block;
}
.navbar-brand {
  padding: 8px 15px;
  height: auto;
  color: #fff;
}

/* ---- NAVBAR ---- */
.navbar-default {
  background: #1a4fa0;
  border-bottom: 3px solid #5aaee8;
  box-shadow: 0 2px 14px rgba(26,79,160,0.22);
}
.navbar-default .navbar-nav > li > a {
  color: #d6e8f8;
  font-weight: 600;
  transition: color 0.2s, background 0.2s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background: rgba(90,174,232,0.18);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background: rgba(90,174,232,0.22);
  border-bottom: 2px solid #5aaee8;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: #163d80;
  color: #fff;
}
.navbar-default .navbar-brand { color: #fff; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #163d80; }
.navbar-default .navbar-toggle { border-color: #163d80; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: #163d80; }
.navbar-collapse { overflow: hidden !important; }
.navbar-nav > li { margin-bottom: 0; }
.navbar-nav > li > .dropdown-menu {
  min-width: 100%;
  margin-top: 2px;
  border-radius: 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu { padding: 3px 4px; }
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a { padding: 6px 9px; }
.nav > li > a:hover,
.nav > li > a:focus { background-color: transparent; }
.navbar-form .form-control { height: 25px; padding: 6px; }

/* ---- LINKS ---- */
a { color: #2e7bc4; text-decoration: none; }
a:hover, a:focus { color: #1a4fa0; text-decoration: none; }

/* ---- HEADINGS ---- */
h1, h2, h3, h4 { color: #1a4fa0; font-weight: 700; }

/* ---- PANELS ---- */
.panel,
.panel-default {
  border: none;
  border-top: 3px solid #2e7bc4;
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(26,79,160,0.09);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.panel:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(26,79,160,0.15);
}
.panel-heading {
  background: linear-gradient(135deg, #1a4fa0, #2e7bc4);
  color: #fff;
  border-radius: 11px 11px 0 0;
  border: none;
  font-weight: 700;
}
.panel-default > .panel-heading { color: #fff; }

/* ---- BUTTONS ---- */
.btn-primary {
  background: linear-gradient(135deg, #1a4fa0, #2e7bc4);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 3px 12px rgba(26,79,160,0.28);
  transition: all 0.25s ease;
}
.btn-primary:hover, .btn-primary:focus {
  background: linear-gradient(135deg, #2e7bc4, #1a4fa0);
  transform: translateY(-2px);
  box-shadow: 0 7px 22px rgba(26,79,160,0.38);
  color: #fff;
}
.btn-success {
  background: linear-gradient(135deg, #2e7bc4, #5aaee8);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 3px 12px rgba(46,123,196,0.3);
  transition: all 0.25s ease;
}
.btn-success:hover {
  background: linear-gradient(135deg, #5aaee8, #2e7bc4);
  transform: translateY(-2px);
  color: #fff;
}
.badge-warning { background-color: #FD6600; }

/* ---- FORM CONTROLS ---- */
.form-control {
  border: 1.5px solid #b8d0ec;
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-control:focus {
  border-color: #2e7bc4;
  box-shadow: 0 0 0 3px rgba(46,123,196,0.15);
  outline: none;
}

/* Input group icons */
.input-group-addon {
  background: #eef3fb;
  border: 1.5px solid #b8d0ec;
  border-right: none;
  border-radius: 8px 0 0 8px;
  color: #2e7bc4;
  min-width: 36px;
  text-align: center;
}
.input-group input.form-control {
  border-radius: 0 8px 8px 0;
  border-left: none;
}

/* ---- BREADCRUMB ---- */
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 21px;
  list-style: none;
  background: #ddeaf8;
  border-radius: 8px;
  border: none;
}
.breadcrumb a { color: #1a4fa0; font-weight: 600; }
.breadcrumb > .active { color: #5a7090; }

/* ---- SIDEBAR LIST ---- */
.list-group-item {
  border-color: #ddeaf8;
  color: #1c2d4a;
  transition: background 0.2s, color 0.2s, padding-left 0.2s;
}
.list-group-item:hover {
  background: #e8f2fc;
  color: #1a4fa0;
  padding-left: 20px;
}
.list-group-item a,
.list-group-item a:visited { color: inherit; }

/* ---- AVATAR ---- */
img.img-circle {
  border: 3px solid #2e7bc4;
  box-shadow: 0 0 0 4px rgba(46,123,196,0.18);
}

/* ---- TABLES ---- */
.table thead th {
  background: linear-gradient(135deg, #1a4fa0, #2e7bc4);
  color: #fff;
  border: none;
  font-weight: 700;
}
.table-striped > tbody > tr:nth-of-type(odd) { background: #f0f6fd; }
.table > tbody > tr:hover > td { background: #ddeaf8; }

/* ---- FOOTER ---- */
.bgfooter {
  background: #1a4fa0;
  border-top: 3px solid #5aaee8;
  color: #b8d0ec;
}
.bgfooter a { color: #d6e8f8; }
.bgfooter a:hover { color: #fff; }

/* ---- JQUERY UI ---- */
.ui-accordion .ui-accordion-icons { padding-left: 0.2em; }

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f0f5fc; }
::-webkit-scrollbar-thumb { background: #5aaee8; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #1a4fa0; }