/* 
    Created on : 12 Jul 15, 7:14:13
    Author     : Ardi Soebrata
*/
/* Base */
a,
.btn-link {
  color: #2a5877;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: #2a5877;
}

a:active,
.btn-link:active {
  color: #234a64;
}
/* Sidebar Left */
.sidebar-left .sidebar-header .sidebar-toggle:hover i {
  color: #2a5877;
}

@media only screen and (min-width: 768px) {
  html.sidebar-left-collapsed.scroll
    .sidebar-left
    .nav-main
    li.nav-active
    a:hover,
  html.sidebar-left-collapsed.boxed
    .sidebar-left
    .nav-main
    li.nav-active
    a:hover {
    color: #2a5877;
  }

  html.sidebar-left-collapsed.scroll
    .sidebar-left
    .nav-main
    > li:hover
    > a
    span.label,
  html.sidebar-left-collapsed.boxed
    .sidebar-left
    .nav-main
    > li:hover
    > a
    span.label {
    background-color: #2a5877;
  }
}
/* Layout Boxed - small than min-width */
@media only screen and (max-width: 1199px) {
  html.boxed .header {
    border-top-color: #2a5877;
  }
}
/* Layout Boxed - larger or equal min width */
@media only screen and (min-width: 1200px) {
  html.boxed .header {
    border-top-color: #2a5877;
  }

  html.boxed .sidebar-right {
    border-top-color: #2a5877;
    min-height: 0;
  }
}
/* Userbox - Open */
.userbox.open .dropdown-menu a:hover {
  background: #2a5877;
}
/* Mailbox */
.mailbox .mailbox-mail-list li.active {
  background: #2a5877;
}

.mailbox .mailbox-mail .mailbox-close-mail {
  color: #2a5877;
}

.mailbox .mailbox-mail .mailbox-close-mail:hover {
  color: #31668a;
}

.mailbox .mailbox-mail .panel .panel-heading .panel-actions a:hover {
  color: #2a5877;
}
/* Media Gallery */
.media-gallery ul.mg-tags > li a:hover {
  background-color: #2a5877;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
  background-color: #2a5877;
}

.media-gallery
  .mg-files
  .thumbnail
  .thumb-preview
  .mg-thumb-options
  .mg-toolbar {
  background-color: #2a5877;
}

.media-gallery .mg-files .thumbnail.thumbnail-selected {
  box-shadow: 0 0 8px -1px #2a5877;
}
/* Sign Screens - Wrappers */
.body-sign .panel-sign .panel-title-sign .title {
  background-color: #40ada6;
}

.body-sign .panel-sign .panel-body {
  border-top-color: #40ada6;
}
/* Lock Screen */
.body-locked .current-user .user-image {
  border-color: #2a5877;
}
/* Blockquote */
blockquote.primary {
  border-color: #2a5877;
}
/* Nav Pills */
.nav-pills-primary > li a:hover,
.nav-pills-primary > li a:focus {
  color: #2a5877;
  background-color: #bad4e6;
}

.nav-pills-primary > li.active > a,
.nav-pills-primary > li.active > a:hover,
.nav-pills-primary > li.active > a:active,
.nav-pills-primary > li.active > a:focus {
  background-color: #2a5877;
}
/* Dropdown Menu */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #2a5877;
}

.open > .dropdown-toggle.btn-primary {
  background: #2a5877;
  border-color: #234a64;
}

body .btn-primary.dropdown-toggle {
  border-left-color: #356e95;
}
/* Buttons */
body .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #399a94;
  background-image: -moz-linear-gradient(top, #2a5877, #2a3e77);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#2a5877),
    to(#2a3e77)
  );
  background-image: -webkit-linear-gradient(top, #2a5877, #2a3e77);
  background-image: -o-linear-gradient(top, #2a5877, #2a3e77);
  background-image: linear-gradient(to bottom, #40ada6, #40ada6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a5877', endColorstr='#ff2a3e77', GradientType=0);
  border-color: #399a94;
  border-color: transparent !important;
}

body .btn-primary:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #399a94;
  background-image: -moz-linear-gradient(top, #31668a, #31488a);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#31668a),
    to(#31488a)
  );
  background-image: -webkit-linear-gradient(top, #31668a, #31488a);
  background-image: -o-linear-gradient(top, #31668a, #31488a);
  background-image: linear-gradient(to bottom, #399a94, #399a94);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff31668a', endColorstr='#ff31488a', GradientType=0);
  border-color: #399a94;
}

body .btn-primary:active,
body .btn-primary:focus {
  color: #f2f2f2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #399a94;
  background-image: -moz-linear-gradient(top, #234a64, #233464);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#234a64),
    to(#233464)
  );
  background-image: -webkit-linear-gradient(top, #234a64, #233464);
  background-image: -o-linear-gradient(top, #234a64, #233464);
  background-image: linear-gradient(to bottom, #399a94, #399a94);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff234a64', endColorstr='#ff233464', GradientType=0);
  border-color: #234a64;
}

body .btn-primary[disabled] {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #487fbf !important;
  background-image: -moz-linear-gradient(top, #488fbf, #4868bf) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#488fbf),
    to(#4868bf)
  ) !important;
  background-image: -webkit-linear-gradient(top, #488fbf, #4868bf) !important;
  background-image: -o-linear-gradient(top, #488fbf, #4868bf) !important;
  background-image: linear-gradient(to bottom, #488fbf, #4868bf) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff488fbf', endColorstr='#ff4868bf', GradientType=0) !important;
  border-color: #488fbf !important;
}

body .btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #47a453;
  background-image: -moz-linear-gradient(top, #47a447, #47a466);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#47a447),
    to(#47a466)
  );
  background-image: -webkit-linear-gradient(top, #47a447, #47a466);
  background-image: -o-linear-gradient(top, #47a447, #47a466);
  background-image: linear-gradient(to bottom, #47a447, #47a466);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff47a447', endColorstr='#ff47a466', GradientType=0);
  border-color: #47a447;
  border-color: transparent !important;
}

body .btn-success:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #51b45e;
  background-image: -moz-linear-gradient(top, #51b451, #51b472);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#51b451),
    to(#51b472)
  );
  background-image: -webkit-linear-gradient(top, #51b451, #51b472);
  background-image: -o-linear-gradient(top, #51b451, #51b472);
  background-image: linear-gradient(to bottom, #51b451, #51b472);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51b451', endColorstr='#ff51b472', GradientType=0);
  border-color: #51b451;
}

body .btn-success:active,
body .btn-success:focus {
  color: #f2f2f2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3f924a;
  background-image: -moz-linear-gradient(top, #3f923f, #3f925b);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#3f923f),
    to(#3f925b)
  );
  background-image: -webkit-linear-gradient(top, #3f923f, #3f925b);
  background-image: -o-linear-gradient(top, #3f923f, #3f925b);
  background-image: linear-gradient(to bottom, #3f923f, #3f925b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f923f', endColorstr='#ff3f925b', GradientType=0);
  border-color: #3f923f;
}

body .btn-success[disabled] {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #86cb8f !important;
  background-image: -moz-linear-gradient(top, #86cb86, #86cb9d) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#86cb86),
    to(#86cb9d)
  ) !important;
  background-image: -webkit-linear-gradient(top, #86cb86, #86cb9d) !important;
  background-image: -o-linear-gradient(top, #86cb86, #86cb9d) !important;
  background-image: linear-gradient(to bottom, #86cb86, #86cb9d) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff86cb86', endColorstr='#ff86cb9d', GradientType=0) !important;
  border-color: #86cb86 !important;
}

body .btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #edb628;
  background-image: -moz-linear-gradient(top, #ed9c28, #edde28);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#ed9c28),
    to(#edde28)
  );
  background-image: -webkit-linear-gradient(top, #ed9c28, #edde28);
  background-image: -o-linear-gradient(top, #ed9c28, #edde28);
  background-image: linear-gradient(to bottom, #ed9c28, #edde28);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed9c28', endColorstr='#ffedde28', GradientType=0);
  border-color: #ed9c28;
  border-color: transparent !important;
}

body .btn-warning:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #efbe40;
  background-image: -moz-linear-gradient(top, #efa740, #efe140);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#efa740),
    to(#efe140)
  );
  background-image: -webkit-linear-gradient(top, #efa740, #efe140);
  background-image: -o-linear-gradient(top, #efa740, #efe140);
  background-image: linear-gradient(to bottom, #efa740, #efe140);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefa740', endColorstr='#ffefe140', GradientType=0);
  border-color: #efa740;
}

body .btn-warning:active,
body .btn-warning:focus {
  color: #f2f2f2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e8ad13;
  background-image: -moz-linear-gradient(top, #e89113, #e8d813);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#e89113),
    to(#e8d813)
  );
  background-image: -webkit-linear-gradient(top, #e89113, #e8d813);
  background-image: -o-linear-gradient(top, #e89113, #e8d813);
  background-image: linear-gradient(to bottom, #e89113, #e8d813);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe89113', endColorstr='#ffe8d813', GradientType=0);
  border-color: #e89113;
}

body .btn-warning[disabled] {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #f5d686 !important;
  background-image: -moz-linear-gradient(top, #f5c786, #f5ec86) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#f5c786),
    to(#f5ec86)
  ) !important;
  background-image: -webkit-linear-gradient(top, #f5c786, #f5ec86) !important;
  background-image: -o-linear-gradient(top, #f5c786, #f5ec86) !important;
  background-image: linear-gradient(to bottom, #f5c786, #f5ec86) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5c786', endColorstr='#fff5ec86', GradientType=0) !important;
  border-color: #f5c786 !important;
}

body .btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d2482d;
  background-image: -moz-linear-gradient(top, #d2322d, #d2692d);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d2322d),
    to(#d2692d)
  );
  background-image: -webkit-linear-gradient(top, #d2322d, #d2692d);
  background-image: -o-linear-gradient(top, #d2322d, #d2692d);
  background-image: linear-gradient(to bottom, #d2322d, #d2692d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2322d', endColorstr='#ffd2692d', GradientType=0);
  border-color: #d2322d;
  border-color: transparent !important;
}

body .btn-danger:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d75a42;
  background-image: -moz-linear-gradient(top, #d64742, #d67842);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d64742),
    to(#d67842)
  );
  background-image: -webkit-linear-gradient(top, #d64742, #d67842);
  background-image: -o-linear-gradient(top, #d64742, #d67842);
  background-image: linear-gradient(to bottom, #d64742, #d67842);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd64742', endColorstr='#ffd67842', GradientType=0);
  border-color: #d64742;
}

body .btn-danger:active,
body .btn-danger:focus {
  color: #f2f2f2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #bd4129;
  background-image: -moz-linear-gradient(top, #bd2d29, #bd5f29);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#bd2d29),
    to(#bd5f29)
  );
  background-image: -webkit-linear-gradient(top, #bd2d29, #bd5f29);
  background-image: -o-linear-gradient(top, #bd2d29, #bd5f29);
  background-image: linear-gradient(to bottom, #bd2d29, #bd5f29);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd2d29', endColorstr='#ffbd5f29', GradientType=0);
  border-color: #bd2d29;
}

body .btn-danger[disabled] {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #e49181 !important;
  background-image: -moz-linear-gradient(top, #e48481, #e4a581) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#e48481),
    to(#e4a581)
  ) !important;
  background-image: -webkit-linear-gradient(top, #e48481, #e4a581) !important;
  background-image: -o-linear-gradient(top, #e48481, #e4a581) !important;
  background-image: linear-gradient(to bottom, #e48481, #e4a581) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe48481', endColorstr='#ffe4a581', GradientType=0) !important;
  border-color: #e48481 !important;
}

body .btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bafde;
  background-image: -moz-linear-gradient(top, #5bc0de, #5b94de);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#5bc0de),
    to(#5b94de)
  );
  background-image: -webkit-linear-gradient(top, #5bc0de, #5b94de);
  background-image: -o-linear-gradient(top, #5bc0de, #5b94de);
  background-image: linear-gradient(to bottom, #5bc0de, #5b94de);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff5b94de', GradientType=0);
  border-color: #5bc0de;
  border-color: transparent !important;
}

body .btn-info:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #70b9e2;
  background-image: -moz-linear-gradient(top, #70c8e2, #70a2e2);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#70c8e2),
    to(#70a2e2)
  );
  background-image: -webkit-linear-gradient(top, #70c8e2, #70a2e2);
  background-image: -o-linear-gradient(top, #70c8e2, #70a2e2);
  background-image: linear-gradient(to bottom, #70c8e2, #70a2e2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff70c8e2', endColorstr='#ff70a2e2', GradientType=0);
  border-color: #70c8e2;
}

body .btn-info:active,
body .btn-info:focus {
  color: #f2f2f2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #46a4da;
  background-image: -moz-linear-gradient(top, #46b8da, #4687da);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#46b8da),
    to(#4687da)
  );
  background-image: -webkit-linear-gradient(top, #46b8da, #4687da);
  background-image: -o-linear-gradient(top, #46b8da, #4687da);
  background-image: linear-gradient(to bottom, #46b8da, #4687da);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff46b8da', endColorstr='#ff4687da', GradientType=0);
  border-color: #46b8da;
}

body .btn-info[disabled] {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #b0d8ef !important;
  background-image: -moz-linear-gradient(top, #b0e1ef, #b0ccef) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#b0e1ef),
    to(#b0ccef)
  ) !important;
  background-image: -webkit-linear-gradient(top, #b0e1ef, #b0ccef) !important;
  background-image: -o-linear-gradient(top, #b0e1ef, #b0ccef) !important;
  background-image: linear-gradient(to bottom, #b0e1ef, #b0ccef) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb0e1ef', endColorstr='#ffb0ccef', GradientType=0) !important;
  border-color: #b0e1ef !important;
}

body .btn-dark {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #171717;
  background-image: -moz-linear-gradient(top, #171717, #171717);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#171717),
    to(#171717)
  );
  background-image: -webkit-linear-gradient(top, #171717, #171717);
  background-image: -o-linear-gradient(top, #171717, #171717);
  background-image: linear-gradient(to bottom, #171717, #171717);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff171717', endColorstr='#ff171717', GradientType=0);
  border-color: #171717;
  border-color: transparent !important;
}

body .btn-dark:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #242424;
  background-image: -moz-linear-gradient(top, #242424, #242424);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#242424),
    to(#242424)
  );
  background-image: -webkit-linear-gradient(top, #242424, #242424);
  background-image: -o-linear-gradient(top, #242424, #242424);
  background-image: linear-gradient(to bottom, #242424, #242424);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff242424', endColorstr='#ff242424', GradientType=0);
  border-color: #242424;
}

body .btn-dark:active,
body .btn-dark:focus {
  color: #f2f2f2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0a0a0a;
  background-image: -moz-linear-gradient(top, #0a0a0a, #0a0a0a);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0a0a0a),
    to(#0a0a0a)
  );
  background-image: -webkit-linear-gradient(top, #0a0a0a, #0a0a0a);
  background-image: -o-linear-gradient(top, #0a0a0a, #0a0a0a);
  background-image: linear-gradient(to bottom, #0a0a0a, #0a0a0a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a0a0a', endColorstr='#ff0a0a0a', GradientType=0);
  border-color: #0a0a0a;
}

body .btn-dark[disabled] {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #4a4a4a !important;
  background-image: -moz-linear-gradient(top, #4a4a4a, #4a4a4a) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#4a4a4a),
    to(#4a4a4a)
  ) !important;
  background-image: -webkit-linear-gradient(top, #4a4a4a, #4a4a4a) !important;
  background-image: -o-linear-gradient(top, #4a4a4a, #4a4a4a) !important;
  background-image: linear-gradient(to bottom, #4a4a4a, #4a4a4a) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a4a4a', endColorstr='#ff4a4a4a', GradientType=0) !important;
  border-color: #4a4a4a !important;
}
/* Switch*/
.switch.switch-primary .ios-switch .on-background {
  background: #2a5877;
}
/* Label */
.label-primary {
  background: #2a5877;
}
/* Text Primary */
.text-primary {
  color: #2a5877 !important;
}
/* BG Primary */
.bg-primary {
  background: #2a5877;
}
/* Alternative Font Style */
.alternative-font {
  color: #2a5877;
}
/* Hightlight */
.highlight {
  background-color: #2a5877;
}
/* Drop Caps */
p.drop-caps.colored:first-child:first-letter {
  color: #2a5877;
}

p.drop-caps.colored.secundary:first-child:first-letter {
  background-color: #2a5877;
}
/* Well */
.well.primary {
  background: #2a5877;
  border-color: #1d3c51;
}
/* Form */
.form-control:focus {
  border-color: #488fbf;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 8px rgba(42, 88, 119, 0.3);
}
/* Header */
.header .toggle-sidebar-left {
  background: #2a5877;
}
/* Page Header */
.page-header h2 {
  border-bottom-color: #2a5877;
}

.page-header .sidebar-right-toggle:hover {
  color: #2a5877;
}
/* Navigation */
ul.nav-main > li.nav-active > a {
  box-shadow: 2px 0 0 #2a5877 inset;
}

ul.nav-main > li.nav-active > i {
  color: #2a5877;
}

ul.nav-main li .nav-children li.nav-active > a {
  color: #399a94;
}
/* Nano Scroller Plugin */
html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
  background: #2a5877;
}
/* Nav Pills */
.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus {
  background-color: #2a5877;
}
/* Pagination */
.pagination > li a {
  color: #2a5877;
}

.pagination > li a:hover,
.pagination > li a:focus {
  color: #31668a;
}

.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 {
  background-color: #2a5877;
  border-color: #2a5877;
}

.pagination > li.active a {
  background-color: #2a5877;
}

html .pagination > li.active a,
html.dark .pagination > li.active a,
html .pagination > li.active span,
html.dark .pagination > li.active span,
html .pagination > li.active a:hover,
html.dark .pagination > li.active a:hover,
html .pagination > li.active span:hover,
html.dark .pagination > li.active span:hover,
html .pagination > li.active a:focus,
html.dark .pagination > li.active a:focus,
html .pagination > li.active span:focus,
html.dark .pagination > li.active span:focus {
  background-color: #2a5877;
  border-color: #2a5877;
}

html .pagination > li.active a,
html.dark .pagination > li.active a {
  background-color: #2a5877;
}
/* Fullcalendar */
.fc .fc-widget-header {
  background: #2a5877;
  border-color: #2a5877;
}

.fc .fc-header-title h2:before {
  color: #2a5877;
}

.fc-event {
  background: #2a5877;
  border-color: #2a5877;
}

.fc-event.fc-event-primary {
  background: #2a5877;
  border-color: #2a5877;
}
/* Maps */
.jqvmap-zoomin,
.jqvmap-zoomout {
  background: #2a5877;
}
/* Timeline */
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
  color: #2a5877;
}

.timeline .tm-items > li .tm-icon {
  border-color: #2a5877;
  color: #2a5877;
}

.timeline.timeline-simple .tm-body .tm-items > li:before {
  background: #2a5877;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #2a5877;
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
  background: #2a5877;
  box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #2a5877;
}
/* Princing Table */
.pricing-table h3 span {
  color: #2a5877;
}

.pricing-table .most-popular h3 {
  background-color: #2a5877 !important;
  color: #ffffff !important;
}
/* Data Tables Loading */
.dataTables_processing {
  background-color: #2a5877;
}
/* Accordion */
.panel-group .panel-accordion .panel-heading a {
  color: #2a5877;
}
/* Alerts */
.alert-primary {
  background-color: #2a5877;
  border-color: #26506c;
}

.alert-primary .alert-link {
  color: #0f202c;
}
/* Nestable */
.dd-handle:hover {
  color: #2a5877 !important;
}

.dd-placeholder {
  background: #cce0ed;
  border-color: #2a5877;
}
/* Panels */
.panel-highlight .panel-heading {
  background-color: #2a5877;
  border-color: #2a5877;
}

.panel-highlight .panel-body {
  background-color: #2a5877;
}

html .panel-primary .panel-heading {
  background: #2a5877;
  border-color: #2a5877;
}

.panel-heading.bg-primary {
  background: #2a5877;
}

.panel-body.bg-primary {
  background: #2a5877;
}

.panel-featured-primary {
  border-color: #2a5877;
}

.panel-featured-primary .panel-title {
  color: #2a5877;
}

.panel-heading-icon.bg-primary {
  background: #2a5877;
}

.panel-group .panel-accordion-primary .panel-heading .panel-title a {
  background: #2a5877;
}
/* Progress Bar */
.progress-bar {
  background-color: #2a5877;
}

.progress .progress-bar-primary {
  background-color: #2a5877;
}
/* Toggle */
.toggle label {
  border-left-color: #2a5877;
  color: #2a5877;
}

.toggle.active > label {
  background: #2a5877 !important;
  border-color: #2a5877;
}
/* Treeview */
.jstree-default .jstree-hovered {
  background-color: #cce0ed !important;
}

.jstree-default .jstree-clicked {
  background-color: #a7c9e0 !important;
}

.jstree-default .colored {
  color: #2a5877 !important;
}

.jstree-default .colored .jstree-icon {
  color: #2a5877 !important;
}

.jstree-default .colored-icon .jstree-icon {
  color: #2a5877 !important;
}
/* Widgets */
.sidebar-widget.widget-tasks ul li:before {
  border-color: #2a5877;
}

.widget-twitter-profile {
  background-color: #2a5877;
}

.widget-twitter-profile .profile-quote {
  background-color: #2f6386;
}

.widget-twitter-profile .profile-quote .quote-footer {
  border-top-color: rgba(55, 116, 157, 0.7);
}

.widget-profile-info .profile-info .profile-footer {
  border-top-color: rgba(55, 116, 157, 0.7);
}
/* Thumb Info */
.thumb-info .thumb-info-type {
  background-color: #2a5877;
}
/* Social Icons */
.social-icons-list a {
  background: #2a5877;
}
/* Notifications */
.notifications .notification-menu .notification-title {
  background: #2a5877;
}

.notifications .notification-menu .notification-title .label-default {
  background-color: #1d3c51;
}

.notifications .notification-menu:before,
.notifications .notification-icon:before {
  border-bottom-color: #2a5877;
}

.ui-pnotify .notification-primary {
  background: rgba(42, 88, 119, 0.95);
}

.ui-pnotify.stack-bar-top .notification-primary,
.ui-pnotify.stack-bar-bottom .notification-primary {
  background: #2a5877;
}

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
  background: rgba(42, 88, 119, 0.95);
}

.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
  background: #2a5877;
}
/* Modal */
.modal-block-primary .fa {
  color: #2a5877;
}

.modal-block-primary.modal-header-color .panel-heading {
  background-color: #2a5877;
}

.modal-block-primary.modal-full-color .panel {
  background-color: #356e95;
}

.modal-block-primary.modal-full-color .panel-heading {
  background-color: #2a5877;
}

.modal-block-primary.modal-full-color .panel-footer {
  background-color: #356e95;
}
/* Modal Icon */
.modal-block-primary .modal-icon .fa {
  color: #2a5877;
}
/* Tabs */
html body .tabs-primary .nav-tabs li a,
html.dark body .tabs-primary .nav-tabs li a,
html body .tabs-primary .nav-tabs.nav-justified li a,
html.dark body .tabs-primary .nav-tabs.nav-justified li a,
html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
  color: #2a5877;
}

html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
  border-top-color: #2a5877;
}

html body .tabs-primary .nav-tabs li.active a,
html.dark body .tabs-primary .nav-tabs li.active a,
html body .tabs-primary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
html body .tabs-primary .nav-tabs li.active a:hover,
html.dark body .tabs-primary .nav-tabs li.active a:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary .nav-tabs li.active a:focus,
html.dark body .tabs-primary .nav-tabs li.active a:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
  border-top-color: #2a5877;
  color: #2a5877;
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
  border-bottom-color: #2a5877;
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark
  body
  .tabs-primary.tabs-bottom
  .nav-tabs.nav-justified
  li.active
  a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark
  body
  .tabs-primary.tabs-bottom
  .nav-tabs.nav-justified
  li.active
  a:focus {
  border-top-color: #fff;
  border-bottom-color: #2a5877;
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
  border-left-color: #2a5877;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
  border-left-color: #2a5877;
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
  border-right-color: #2a5877;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
  border-right-color: #2a5877;
}
/* Simple List */
ul.simple-bullet-list li:before {
  border-color: #2a5877;
}
/* Simple Card List */
.simple-card-list li.primary {
  background: #2a5877;
}
/* Search Results */
.search-content .search-toolbar .nav-pills li.active a {
  color: #2a5877;
  border-bottom-color: #2a5877;
}

.search-results-list .result-thumb .fa {
  background: #2a5877;
}
/* Scrollable */
.scrollable.colored-slider .scrollable-slider {
  background: #2a5877;
}

html.dark .search-content .search-toolbar .nav-pills li.active a,
html.dark .search-content .search-toolbar .nav-pills li.active a:hover,
html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
  color: #2a5877;
  border-bottom-color: #2a5877;
}
/* Time Picker */
.bootstrap-timepicker-widget table td a:hover {
  background-color: #2a5877;
}
/* Loading Progress */
#nprogress .bar {
  background: #2a5877;
}

#nprogress .peg {
  box-shadow: 0 0 10px 1px #2a5877, 0 0 5px #2a5877;
}
/* Chartist */
.ct-chart .tooltip {
  background: #2a5877;
}

.ct-chart .tooltip:after {
  border-top-color: #2a5877;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
  stroke: #2a5877;
}

.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
  fill: #2a5877;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
  stroke: #162e3e;
}

.ct-chart .ct-series.ct-series-b .ct-area,
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
  fill: #162e3e;
}

.ct-chart .ct-series.ct-series-i .ct-bar,
.ct-chart .ct-series.ct-series-i .ct-line,
.ct-chart .ct-series.ct-series-i .ct-point,
.ct-chart .ct-series.ct-series-i .ct-slice.ct-donut {
  stroke: #162e3e;
}

.ct-chart .ct-series.ct-series-i .ct-area,
.ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) {
  fill: #162e3e;
}

.ct-chart .ct-series.ct-series-j .ct-bar,
.ct-chart .ct-series.ct-series-j .ct-line,
.ct-chart .ct-series.ct-series-j .ct-point,
.ct-chart .ct-series.ct-series-j .ct-slice.ct-donut {
  stroke: #3e82b0;
}

.ct-chart .ct-series.ct-series-j .ct-area,
.ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut) {
  fill: #3e82b0;
}

.ct-chart .ct-series.ct-series-n .ct-bar,
.ct-chart .ct-series.ct-series-n .ct-line,
.ct-chart .ct-series.ct-series-n .ct-point,
.ct-chart .ct-series.ct-series-n .ct-slice.ct-donut {
  stroke: #000000;
}

.ct-chart .ct-series.ct-series-n .ct-area,
.ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut) {
  fill: #000000;
}

.ct-chart .ct-series.ct-series-o .ct-bar,
.ct-chart .ct-series.ct-series-o .ct-line,
.ct-chart .ct-series.ct-series-o .ct-point,
.ct-chart .ct-series.ct-series-o .ct-slice.ct-donut {
  stroke: #81b2d3;
}

.ct-chart .ct-series.ct-series-o .ct-area,
.ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut) {
  fill: #81b2d3;
}
/* Checkboxes */
html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
  background: #2a5877;
  border-color: #234a64;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
  color: #2a5877;
}
/* Radios */
html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
  background: #2a5877;
  -webkit-box-shadow: 0px 0px 1px #2a5877;
  box-shadow: 0px 0px 1px #2a5877;
}
/* Switch */
.switch.switch-primary .ios-switch .on-background {
  background: #2a5877;
}
/* Progress Bar */
.progress-bar {
  background-color: #2a5877;
}

.progress .progress-bar-primary {
  background-color: #2a5877;
}
/* Slider */
.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
  background: #2a5877;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
  background-image: -webkit-linear-gradient(
    left,
    #37749d 0,
    #2a5877 50%,
    #1d3c51 100%
  );
  background-image: linear-gradient(left, #37749d 0, #2a5877 50%, #1d3c51 100%);
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
  background-image: -webkit-linear-gradient(
    to right,
    #37749d 0,
    #2a5877 50%,
    #1d3c51 100%
  );
  background-image: linear-gradient(
    to right,
    #37749d 0,
    #2a5877 50%,
    #1d3c51 100%
  );
}
/* DatePicker */
.datepicker table {
  width: 100%;
}

.datepicker table thead tr th.prev:hover,
.datepicker table thead tr th.next:hover {
  background: #2a5877;
}

.datepicker table thead tr:first-child th:hover {
  background: #2a5877;
}

.datepicker table tr td span:hover {
  background: #2a5877;
}

.datepicker table tr td.day:hover {
  background: #2a5877;
}

.datepicker table tfoot tr th:hover {
  background: #2a5877;
}
/* DatePicker: Dark */
html.dark .datepicker.datepicker-primary table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-primary table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
  background: #2a5877;
}

html.dark .datepicker.datepicker-primary table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
  background: #2a5877;
}

html.dark .datepicker.datepicker-primary table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
  background: #2a5877;
}
/* DatePicker: Primary */
.datepicker.datepicker-primary table thead tr:first-child {
  background-color: #2a5877;
}

.datepicker.datepicker-primary table thead tr:first-child th:hover {
  background-color: #1d3c51;
}

.datepicker.datepicker-primary table thead tr:last-child {
  background-color: #31668a;
}

.datepicker.datepicker-primary table thead tr:last-child th:hover {
  background-color: #2a5877;
}

.datepicker.datepicker-primary table tbody tr td.day:hover {
  background: #2a5877;
}

.datepicker.datepicker-primary table tbody tr td.day.active {
  background: #2a5877;
}
/* Select 2 */
.select2-container-multi .select2-choices .select2-search-choice {
  background: #2a5877;
}
/* Wizard */
.wizard-steps > li.active .badge {
  background-color: #2a5877;
}

.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus {
  border-top-color: #2a5877;
}

.wizard-tabs ul > li.active .badge {
  background-color: #2a5877;
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
  background: #2a5877;
}

html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
  border-color: #2a5877;
  background: #2a5877;
}

html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
  color: #2a5877;
  border-color: #2a5877;
}
/* Tables */
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
  background-color: #2a5877;
}
/* Data Tables Loading */
.dataTables_processing {
  background-color: #2a5877;
}
/* Liquid Meter */
.liquid-meter-wrapper .liquid-meter-selector a.active {
  color: #2a5877;
}