.error {
	color: red;
}

.panel-green_1 {
  border-color: #B9EF02;
}
.panel-green_1 > .panel-heading {
  border-color: #B9EF02;
  color: white;
  background-color: #B9EF02;
}
.panel-green_1 > a {
  color: #B9EF02;
}
.panel-green_1 > a:hover {
  color: #1EC000;
}
.panel-green_2 {
  border-color: #85D511;
}
.panel-green_2 > .panel-heading {
  border-color: #85D511;
  color: white;
  background-color: #85D511;
}
.panel-green_2 > a {
  color: #85D511;
}
.panel-green_2 > a:hover {
  color: #319463;
}
.panel-green_3 {
  border-color: #4FBA22;
}
.panel-green_3 > .panel-heading {
  border-color: #4FBA22;
  color: white;
  background-color: #4FBA22;
}
.panel-green_3 > a {
  color: #4FBA22;
}
.panel-green_3 > a:hover {
  color: #42B594;
}
.panel-green_4 {
  border-color: #1D9F31;
}
.panel-green_4 > .panel-heading {
  border-color: #1D9F31;
  color: white;
  background-color: #1D9F31;
}
.panel-green_4 > a {
  color: #1D9F31;
}
.panel-green_4 > a:hover {
  color: #BFD200;
}
.panel-green_5 {
  border-color: #129F5C;
}
.panel-green_5 > .panel-heading {
  border-color: #129F5C;
  color: white;
  background-color: #129F5C;
}
.panel-green_5 > a {
  color: #129F5C;
}
.panel-green_5 > a:hover {
  color: #72C28C;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}
.panel-yellow_2 {
  border-color: #EBE517;
}
.panel-yellow_2 > .panel-heading {
  border-color: #EBE517;
  color: white;
  background-color: #EBE517;
}
.panel-yellow_2 > a {
  color: #EBE517;
}
.panel-yellow_2 > a:hover {
  color: #CBDF89;
}
.panel-yellow_3 {
  border-color: #F9DA7E;
}
.panel-yellow_3 > .panel-heading {
  border-color: #F9DA7E;
  color: white;
  background-color: #F9DA7E;
}
.panel-yellow_3 > a {
  color: #F9DA7E;
}
.panel-yellow_3 > a:hover {
  color: #FF9800;
}
.panel-light_green {
  border-color: #387382;
}
.panel-light_green > .panel-heading {
  border-color: #387382;
  color: white;
  background-color: #387382;
}
.panel-light_green > a {
  color: #387382;
}
.panel-light_green > a:hover {
  color: #3F86AA;
}
.panel-light_red {
  border-color: #E191A7;
}
.panel-light_red > .panel-heading {
  border-color: #E191A7;
  color: white;
  background-color: #E191A7;
}
.panel-light_red > a {
  color: #E191A7;
}
.panel-light_red > a:hover {
  color: #E1BFA6;
}

.user-image {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: -2px;
}

/* =============== Custom Color =============== */
.panel-tb-green_1 {
  border-color: #B9EF02;
}
.panel-tb-green_1 > .panel-heading {
  border-color: #B9EF02;
  background: #B9EF02;
  color: #fff;
}
.panel-tb-green_2 {
  border-color: #85D511;
}
.panel-tb-green_2 > .panel-heading {
  background: #85D511;
  color: #fff;
}
.panel-tb-green_3 {
  border-color: #4FBA22;
}
.panel-tb-green_3 > .panel-heading {
  background: #4FBA22;
  color: #fff;
}
.panel-tb-green_4 {
  border-color: #1D9F31;
}
.panel-tb-green_4 > .panel-heading {
  background: #1D9F31;
  color: #fff;
}
.panel-tb-red {
  border-color: #C63100;
}
.panel-tb-red > .panel-heading {
  background: #C63100;
  color: #fff;
}
.panel-tb-yello_1 {
  border-color: #F7BA56;
}
.panel-tb-yello_1 > .panel-heading {
  background: #F7BA56;
  color: #fff;
}
.panel-tb-yello_2 {
  border-color: #F9DA7E;
}
.panel-tb-yello_2 > .panel-heading {
  background: #F9DA7E;
  color: #fff;
}
.panel-tb-yello_3 {
  border-color: #EBE517;
}
.panel-tb-yello_3 > .panel-heading {
  background: #EBE517;
  color: #fff;
}

/* =============== Custom button =============== */
.btn-green1, .btn-green1:active,.btn-green1:visited {
    background: #85D511;
    border-color: #85D511;
    color: #fff;
}
.btn-green1:hover {
  background: #1CA261;
  border-color: #1CA261;
  color: #fff;
}
.btn-green2, .btn-green2:active,.btn-green2:visited {
    background: #4FBA22;
    border-color: #4FBA22;
    color: #fff;
}
.btn-green2:hover {
  background: #1D9F31;
  border-color: #1D9F31;
  color: #fff;
}
.btn-green3, .btn-green3:active,.btn-green3:visited {
    background: #4FBA22;
    border-color: #4FBA22;
    color: #fff;
}
.btn-green3:hover {
  background: #129F5C;
  border-color: #129F5C;
  color: #fff;
}
.btn-yellow1, .btn-yellow1:active,.btn-yellow1:visited {
    background: #F0AD4E;
    border-color: #F0AD4E;
    color: #fff;
}
.btn-yellow1:hover {
  background: #EBE517;
  border-color: #EBE517;
  color: #fff;
}
.btn-yellow2, .btn-yellow2:active,.btn-yellow2:visited {
    background: #EBE517;
    border-color: #EBE517;
    color: #fff;
}
.btn-yellow2:hover {
  background: #F0AD4E;
  border-color: #F0AD4E;
  color: #fff;
}

/* =============== Navbar Custom Color =============== */
.navbar-default {
    background-color: #4267B2;
    border-color: #4267B2;
}
/* Title */
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ddd;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #fff;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }
}

/* =================== Custom Footer =============== */
.custom_footer {
  background: #3367D6;
}