/* Cubic Bezier Transition */
.text-main-blue {
  color: #32c5d2;
}

.bg-main-blue {
  background-color: #32c5d2;
}

.bg-main-blue:hover {
  background-color: #26a1ab;
}

.border-main-blue {
  border: 1px solid #32c5d2;
}

.btn-main-blue {
  background-color: #32c5d2;
  border-color: #32c5d2;
  color: white;
}

.btn-main-blue:hover {
  background-color: #26a1ab;
  border-color: #26a1ab;
  color: white;
}

.btn-main-blue:active, .btn-main-blue:focus {
  background-color: #218d96;
  border-color: #218d96;
}

.btn-outline-main-blue {
  background-color: transparent;
  border: 1px solid #32c5d2;
  color: #32c5d2;
}

.btn-outline-main-blue:hover {
  background-color: #32c5d2;
  color: white;
}

.btn-outline-main-blue:active, .btn-outline-main-blue:focus {
  background-color: #26a1ab;
  border-color: #26a1ab;
  color: white;
}

.text-main-dark-blue {
  color: #4c87b9;
}

.bg-main-dark-blue {
  background-color: #4c87b9;
}

.bg-main-dark-blue:hover {
  background-color: #3b6d97;
}

.border-main-dark-blue {
  border: 1px solid #4c87b9;
}

.btn-main-dark-blue {
  background-color: #4c87b9;
  border-color: #4c87b9;
  color: white;
}

.btn-main-dark-blue:hover {
  background-color: #3b6d97;
  border-color: #3b6d97;
  color: white;
}

.btn-main-dark-blue:active, .btn-main-dark-blue:focus {
  background-color: #346085;
  border-color: #346085;
}

.btn-outline-main-dark-blue {
  background-color: transparent;
  border: 1px solid #4c87b9;
  color: #4c87b9;
}

.btn-outline-main-dark-blue:hover {
  background-color: #4c87b9;
  color: white;
}

.btn-outline-main-dark-blue:active, .btn-outline-main-dark-blue:focus {
  background-color: #3b6d97;
  border-color: #3b6d97;
  color: white;
}

.text-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.bg-white:hover {
  background-color: #e6e6e6;
}

.border-white {
  border: 1px solid #fff;
}

.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: white;
}

.btn-white:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: white;
}

.btn-white:active, .btn-white:focus {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.btn-outline-white {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.btn-outline-white:hover {
  background-color: #fff;
  color: white;
}

.btn-outline-white:active, .btn-outline-white:focus {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: white;
}

.text-blue-green {
  color: #44B6AE;
}

.bg-blue-green {
  background-color: #44B6AE;
}

.bg-blue-green:hover {
  background-color: #36918b;
}

.border-blue-green {
  border: 1px solid #44B6AE;
}

.btn-blue-green {
  background-color: #44B6AE;
  border-color: #44B6AE;
  color: white;
}

.btn-blue-green:hover {
  background-color: #36918b;
  border-color: #36918b;
  color: white;
}

.btn-blue-green:active, .btn-blue-green:focus {
  background-color: #2f7e79;
  border-color: #2f7e79;
}

.btn-outline-blue-green {
  background-color: transparent;
  border: 1px solid #44B6AE;
  color: #44B6AE;
}

.btn-outline-blue-green:hover {
  background-color: #44B6AE;
  color: white;
}

.btn-outline-blue-green:active, .btn-outline-blue-green:focus {
  background-color: #36918b;
  border-color: #36918b;
  color: white;
}

.text-grey-01 {
  color: #EAEAEA;
}

.bg-grey-01 {
  background-color: #EAEAEA;
}

.bg-grey-01:hover {
  background-color: #d1d1d1;
}

.border-grey-01 {
  border: 1px solid #EAEAEA;
}

.btn-grey-01 {
  background-color: #EAEAEA;
  border-color: #EAEAEA;
  color: white;
}

.btn-grey-01:hover {
  background-color: #d1d1d1;
  border-color: #d1d1d1;
  color: white;
}

.btn-grey-01:active, .btn-grey-01:focus {
  background-color: #c4c4c4;
  border-color: #c4c4c4;
}

.btn-outline-grey-01 {
  background-color: transparent;
  border: 1px solid #EAEAEA;
  color: #EAEAEA;
}

.btn-outline-grey-01:hover {
  background-color: #EAEAEA;
  color: white;
}

.btn-outline-grey-01:active, .btn-outline-grey-01:focus {
  background-color: #d1d1d1;
  border-color: #d1d1d1;
  color: white;
}

.text-grey-02 {
  color: #D2D2D2;
}

.bg-grey-02 {
  background-color: #D2D2D2;
}

.bg-grey-02:hover {
  background-color: #b9b9b9;
}

.border-grey-02 {
  border: 1px solid #D2D2D2;
}

.btn-grey-02 {
  background-color: #D2D2D2;
  border-color: #D2D2D2;
  color: white;
}

.btn-grey-02:hover {
  background-color: #b9b9b9;
  border-color: #b9b9b9;
  color: white;
}

.btn-grey-02:active, .btn-grey-02:focus {
  background-color: #acacac;
  border-color: #acacac;
}

.btn-outline-grey-02 {
  background-color: transparent;
  border: 1px solid #D2D2D2;
  color: #D2D2D2;
}

.btn-outline-grey-02:hover {
  background-color: #D2D2D2;
  color: white;
}

.btn-outline-grey-02:active, .btn-outline-grey-02:focus {
  background-color: #b9b9b9;
  border-color: #b9b9b9;
  color: white;
}

.text-blue-100 {
  color: #eef1f5;
}

.bg-blue-100 {
  background-color: #eef1f5;
}

.bg-blue-100:hover {
  background-color: #ced7e2;
}

.border-blue-100 {
  border: 1px solid #eef1f5;
}

.btn-blue-100 {
  background-color: #eef1f5;
  border-color: #eef1f5;
  color: white;
}

.btn-blue-100:hover {
  background-color: #ced7e2;
  border-color: #ced7e2;
  color: white;
}

.btn-blue-100:active, .btn-blue-100:focus {
  background-color: #bec9d9;
  border-color: #bec9d9;
}

.btn-outline-blue-100 {
  background-color: transparent;
  border: 1px solid #eef1f5;
  color: #eef1f5;
}

.btn-outline-blue-100:hover {
  background-color: #eef1f5;
  color: white;
}

.btn-outline-blue-100:active, .btn-outline-blue-100:focus {
  background-color: #ced7e2;
  border-color: #ced7e2;
  color: white;
}

.text-blue-150 {
  color: #E9F3FC;
}

.bg-blue-150 {
  background-color: #E9F3FC;
}

.bg-blue-150:hover {
  background-color: #bcdbf6;
}

.border-blue-150 {
  border: 1px solid #E9F3FC;
}

.btn-blue-150 {
  background-color: #E9F3FC;
  border-color: #E9F3FC;
  color: white;
}

.btn-blue-150:hover {
  background-color: #bcdbf6;
  border-color: #bcdbf6;
  color: white;
}

.btn-blue-150:active, .btn-blue-150:focus {
  background-color: #a6cef3;
  border-color: #a6cef3;
}

.btn-outline-blue-150 {
  background-color: transparent;
  border: 1px solid #E9F3FC;
  color: #E9F3FC;
}

.btn-outline-blue-150:hover {
  background-color: #E9F3FC;
  color: white;
}

.btn-outline-blue-150:active, .btn-outline-blue-150:focus {
  background-color: #bcdbf6;
  border-color: #bcdbf6;
  color: white;
}

.text-blue-200 {
  color: #bae7ff;
}

.bg-blue-200 {
  background-color: #bae7ff;
}

.bg-blue-200:hover {
  background-color: #87d5ff;
}

.border-blue-200 {
  border: 1px solid #bae7ff;
}

.btn-blue-200 {
  background-color: #bae7ff;
  border-color: #bae7ff;
  color: white;
}

.btn-blue-200:hover {
  background-color: #87d5ff;
  border-color: #87d5ff;
  color: white;
}

.btn-blue-200:active, .btn-blue-200:focus {
  background-color: #6eccff;
  border-color: #6eccff;
}

.btn-outline-blue-200 {
  background-color: transparent;
  border: 1px solid #bae7ff;
  color: #bae7ff;
}

.btn-outline-blue-200:hover {
  background-color: #bae7ff;
  color: white;
}

.btn-outline-blue-200:active, .btn-outline-blue-200:focus {
  background-color: #87d5ff;
  border-color: #87d5ff;
  color: white;
}

.text-blue-300 {
  color: #69C0FF;
}

.bg-blue-300 {
  background-color: #69C0FF;
}

.bg-blue-300:hover {
  background-color: #36abff;
}

.border-blue-300 {
  border: 1px solid #69C0FF;
}

.btn-blue-300 {
  background-color: #69C0FF;
  border-color: #69C0FF;
  color: white;
}

.btn-blue-300:hover {
  background-color: #36abff;
  border-color: #36abff;
  color: white;
}

.btn-blue-300:active, .btn-blue-300:focus {
  background-color: #1da0ff;
  border-color: #1da0ff;
}

.btn-outline-blue-300 {
  background-color: transparent;
  border: 1px solid #69C0FF;
  color: #69C0FF;
}

.btn-outline-blue-300:hover {
  background-color: #69C0FF;
  color: white;
}

.btn-outline-blue-300:active, .btn-outline-blue-300:focus {
  background-color: #36abff;
  border-color: #36abff;
  color: white;
}

.text-blue-600 {
  color: #4C87B9;
}

.bg-blue-600 {
  background-color: #4C87B9;
}

.bg-blue-600:hover {
  background-color: #3b6d97;
}

.border-blue-600 {
  border: 1px solid #4C87B9;
}

.btn-blue-600 {
  background-color: #4C87B9;
  border-color: #4C87B9;
  color: white;
}

.btn-blue-600:hover {
  background-color: #3b6d97;
  border-color: #3b6d97;
  color: white;
}

.btn-blue-600:active, .btn-blue-600:focus {
  background-color: #346085;
  border-color: #346085;
}

.btn-outline-blue-600 {
  background-color: transparent;
  border: 1px solid #4C87B9;
  color: #4C87B9;
}

.btn-outline-blue-600:hover {
  background-color: #4C87B9;
  color: white;
}

.btn-outline-blue-600:active, .btn-outline-blue-600:focus {
  background-color: #3b6d97;
  border-color: #3b6d97;
  color: white;
}

.text-blue-700 {
  color: #244076;
}

.bg-blue-700 {
  background-color: #244076;
}

.bg-blue-700:hover {
  background-color: #182b4f;
}

.border-blue-700 {
  border: 1px solid #244076;
}

.btn-blue-700 {
  background-color: #244076;
  border-color: #244076;
  color: white;
}

.btn-blue-700:hover {
  background-color: #182b4f;
  border-color: #182b4f;
  color: white;
}

.btn-blue-700:active, .btn-blue-700:focus {
  background-color: #12203b;
  border-color: #12203b;
}

.btn-outline-blue-700 {
  background-color: transparent;
  border: 1px solid #244076;
  color: #244076;
}

.btn-outline-blue-700:hover {
  background-color: #244076;
  color: white;
}

.btn-outline-blue-700:active, .btn-outline-blue-700:focus {
  background-color: #182b4f;
  border-color: #182b4f;
  color: white;
}

.text-blue-800 {
  color: #00356D;
}

.bg-blue-800 {
  background-color: #00356D;
}

.bg-blue-800:hover {
  background-color: #001c3a;
}

.border-blue-800 {
  border: 1px solid #00356D;
}

.btn-blue-800 {
  background-color: #00356D;
  border-color: #00356D;
  color: white;
}

.btn-blue-800:hover {
  background-color: #001c3a;
  border-color: #001c3a;
  color: white;
}

.btn-blue-800:active, .btn-blue-800:focus {
  background-color: #001021;
  border-color: #001021;
}

.btn-outline-blue-800 {
  background-color: transparent;
  border: 1px solid #00356D;
  color: #00356D;
}

.btn-outline-blue-800:hover {
  background-color: #00356D;
  color: white;
}

.btn-outline-blue-800:active, .btn-outline-blue-800:focus {
  background-color: #001c3a;
  border-color: #001c3a;
  color: white;
}

.text-gray-100 {
  color: #F5F5F5;
}

.bg-gray-100 {
  background-color: #F5F5F5;
}

.bg-gray-100:hover {
  background-color: gainsboro;
}

.border-gray-100 {
  border: 1px solid #F5F5F5;
}

.btn-gray-100 {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: white;
}

.btn-gray-100:hover {
  background-color: gainsboro;
  border-color: gainsboro;
  color: white;
}

.btn-gray-100:active, .btn-gray-100:focus {
  background-color: #cfcfcf;
  border-color: #cfcfcf;
}

.btn-outline-gray-100 {
  background-color: transparent;
  border: 1px solid #F5F5F5;
  color: #F5F5F5;
}

.btn-outline-gray-100:hover {
  background-color: #F5F5F5;
  color: white;
}

.btn-outline-gray-100:active, .btn-outline-gray-100:focus {
  background-color: gainsboro;
  border-color: gainsboro;
  color: white;
}

.text-gray-200 {
  color: #F0F0F0;
}

.bg-gray-200 {
  background-color: #F0F0F0;
}

.bg-gray-200:hover {
  background-color: #d7d7d7;
}

.border-gray-200 {
  border: 1px solid #F0F0F0;
}

.btn-gray-200 {
  background-color: #F0F0F0;
  border-color: #F0F0F0;
  color: white;
}

.btn-gray-200:hover {
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  color: white;
}

.btn-gray-200:active, .btn-gray-200:focus {
  background-color: #cacaca;
  border-color: #cacaca;
}

.btn-outline-gray-200 {
  background-color: transparent;
  border: 1px solid #F0F0F0;
  color: #F0F0F0;
}

.btn-outline-gray-200:hover {
  background-color: #F0F0F0;
  color: white;
}

.btn-outline-gray-200:active, .btn-outline-gray-200:focus {
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  color: white;
}

.text-gray-300 {
  color: #D9D9D9;
}

.bg-gray-300 {
  background-color: #D9D9D9;
}

.bg-gray-300:hover {
  background-color: silver;
}

.border-gray-300 {
  border: 1px solid #D9D9D9;
}

.btn-gray-300 {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
  color: white;
}

.btn-gray-300:hover {
  background-color: silver;
  border-color: silver;
  color: white;
}

.btn-gray-300:active, .btn-gray-300:focus {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}

.btn-outline-gray-300 {
  background-color: transparent;
  border: 1px solid #D9D9D9;
  color: #D9D9D9;
}

.btn-outline-gray-300:hover {
  background-color: #D9D9D9;
  color: white;
}

.btn-outline-gray-300:active, .btn-outline-gray-300:focus {
  background-color: silver;
  border-color: silver;
  color: white;
}

.text-gray-400 {
  color: #BFBFBF;
}

.bg-gray-400 {
  background-color: #BFBFBF;
}

.bg-gray-400:hover {
  background-color: #a6a6a6;
}

.border-gray-400 {
  border: 1px solid #BFBFBF;
}

.btn-gray-400 {
  background-color: #BFBFBF;
  border-color: #BFBFBF;
  color: white;
}

.btn-gray-400:hover {
  background-color: #a6a6a6;
  border-color: #a6a6a6;
  color: white;
}

.btn-gray-400:active, .btn-gray-400:focus {
  background-color: #999999;
  border-color: #999999;
}

.btn-outline-gray-400 {
  background-color: transparent;
  border: 1px solid #BFBFBF;
  color: #BFBFBF;
}

.btn-outline-gray-400:hover {
  background-color: #BFBFBF;
  color: white;
}

.btn-outline-gray-400:active, .btn-outline-gray-400:focus {
  background-color: #a6a6a6;
  border-color: #a6a6a6;
  color: white;
}

.text-gray-500 {
  color: #8C8C8C;
}

.bg-gray-500 {
  background-color: #8C8C8C;
}

.bg-gray-500:hover {
  background-color: #737373;
}

.border-gray-500 {
  border: 1px solid #8C8C8C;
}

.btn-gray-500 {
  background-color: #8C8C8C;
  border-color: #8C8C8C;
  color: white;
}

.btn-gray-500:hover {
  background-color: #737373;
  border-color: #737373;
  color: white;
}

.btn-gray-500:active, .btn-gray-500:focus {
  background-color: #666666;
  border-color: #666666;
}

.btn-outline-gray-500 {
  background-color: transparent;
  border: 1px solid #8C8C8C;
  color: #8C8C8C;
}

.btn-outline-gray-500:hover {
  background-color: #8C8C8C;
  color: white;
}

.btn-outline-gray-500:active, .btn-outline-gray-500:focus {
  background-color: #737373;
  border-color: #737373;
  color: white;
}

.text-gray-600 {
  color: #595959;
}

.bg-gray-600 {
  background-color: #595959;
}

.bg-gray-600:hover {
  background-color: #404040;
}

.border-gray-600 {
  border: 1px solid #595959;
}

.btn-gray-600 {
  background-color: #595959;
  border-color: #595959;
  color: white;
}

.btn-gray-600:hover {
  background-color: #404040;
  border-color: #404040;
  color: white;
}

.btn-gray-600:active, .btn-gray-600:focus {
  background-color: #333333;
  border-color: #333333;
}

.btn-outline-gray-600 {
  background-color: transparent;
  border: 1px solid #595959;
  color: #595959;
}

.btn-outline-gray-600:hover {
  background-color: #595959;
  color: white;
}

.btn-outline-gray-600:active, .btn-outline-gray-600:focus {
  background-color: #404040;
  border-color: #404040;
  color: white;
}

.text-gray-700 {
  color: #434343;
}

.bg-gray-700 {
  background-color: #434343;
}

.bg-gray-700:hover {
  background-color: #2a2a2a;
}

.border-gray-700 {
  border: 1px solid #434343;
}

.btn-gray-700 {
  background-color: #434343;
  border-color: #434343;
  color: white;
}

.btn-gray-700:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: white;
}

.btn-gray-700:active, .btn-gray-700:focus {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.btn-outline-gray-700 {
  background-color: transparent;
  border: 1px solid #434343;
  color: #434343;
}

.btn-outline-gray-700:hover {
  background-color: #434343;
  color: white;
}

.btn-outline-gray-700:active, .btn-outline-gray-700:focus {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: white;
}

.text-gray-750 {
  color: #373737;
}

.bg-gray-750 {
  background-color: #373737;
}

.bg-gray-750:hover {
  background-color: #1e1e1e;
}

.border-gray-750 {
  border: 1px solid #373737;
}

.btn-gray-750 {
  background-color: #373737;
  border-color: #373737;
  color: white;
}

.btn-gray-750:hover {
  background-color: #1e1e1e;
  border-color: #1e1e1e;
  color: white;
}

.btn-gray-750:active, .btn-gray-750:focus {
  background-color: #111111;
  border-color: #111111;
}

.btn-outline-gray-750 {
  background-color: transparent;
  border: 1px solid #373737;
  color: #373737;
}

.btn-outline-gray-750:hover {
  background-color: #373737;
  color: white;
}

.btn-outline-gray-750:active, .btn-outline-gray-750:focus {
  background-color: #1e1e1e;
  border-color: #1e1e1e;
  color: white;
}

.text-gray-800 {
  color: #262626;
}

.bg-gray-800 {
  background-color: #262626;
}

.bg-gray-800:hover {
  background-color: #0d0d0d;
}

.border-gray-800 {
  border: 1px solid #262626;
}

.btn-gray-800 {
  background-color: #262626;
  border-color: #262626;
  color: white;
}

.btn-gray-800:hover {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
  color: white;
}

.btn-gray-800:active, .btn-gray-800:focus {
  background-color: black;
  border-color: black;
}

.btn-outline-gray-800 {
  background-color: transparent;
  border: 1px solid #262626;
  color: #262626;
}

.btn-outline-gray-800:hover {
  background-color: #262626;
  color: white;
}

.btn-outline-gray-800:active, .btn-outline-gray-800:focus {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
  color: white;
}

/*********** 
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.page-header.navbar {
  background-color: #4f5a67;
  /* Top notification menu/bar */
  /* Header seaech box */
  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

.page-header.navbar .top-menu .navbar-nav {
  /* Extended Dropdowns */
  /* Notification */
  /* Inbox */
  /* Tasks */
  /* User */
  /* Language */
  /* Dark version */
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
  color: #79869a;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
  background-color: #36c6d3;
  color: #ffffff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
  background-color: #657384;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
  color: #a4aebb;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
  background-color: #657384;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
  color: #a4aebb;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
  border-color: #e7eaf0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
  border-bottom-color: #eaedf2;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
  background: #eaedf2;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
  color: #62878f;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
  color: #337ab7;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
  color: #23527c;
  text-decoration: none;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
  border-bottom: 1px solid #EFF2F6 !important;
  color: #888888;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
  background: #f8f9fa;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
  background: #f1f1f1;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  background: #e4e4e4;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
  background-color: #36c6d3;
  color: #ffffff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
  border-color: transparent transparent transparent #36c6d3;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
  color: #5b9bd1;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
  background-color: #dfe2e9;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
  color: #f3f4f5;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
  color: #f3f4f5;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
  width: 195px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
  color: #f3f4f5;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  background: #657384;
  border: 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
  border-bottom-color: #657384;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
  background: #535f6d;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
  color: #dbdfe4;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
  color: #5496cf;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
  color: #eaecef;
  border-bottom: 1px solid #748294 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
  color: #cdd2d9;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
  background: #6e7d8f;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
  border-bottom: 0 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
  background: #748294;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
  background: #5a6775;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  background: #4f5a67;
}

.page-header.navbar .search-form {
  background: #46505b;
}

.page-header.navbar .search-form:hover {
  background: #657384;
}

.page-header.navbar .search-form .input-group .form-control {
  color: #959fad;
}

.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
  color: #929cab;
  opacity: 1;
}

.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
  color: #929cab;
}

.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
  color: #929cab;
}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
  color: #959fad;
}

.page-header.navbar .search-form.open {
  background: #657384;
}

.page-header.navbar .menu-toggler > span,
.page-header.navbar .menu-toggler > span:before,
.page-header.navbar .menu-toggler > span:after {
  background: #d6dadf;
}

.page-header.navbar .menu-toggler > span:hover {
  background: #d6dadf;
}

.page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
  background: #d6dadf;
}

.page-header.navbar .menu-toggler.th-toggle-exit > span {
  background-color: transparent !important;
}

/* Default Horizontal Menu */
.page-header.navbar {
  /* Default Mega Menu */
  /* Light Mega Menu */
}

.page-header.navbar .hor-menu .navbar-nav {
  /* Mega menu content */
  /* Classic menu */
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  box-shadow: 5px 5px rgba(101, 115, 132, 0.2);
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  color: #f3f4f5;
}

.page-header.navbar .hor-menu .navbar-nav > li > a {
  color: #f3f4f5;
}

.page-header.navbar .hor-menu .navbar-nav > li > a > i {
  color: #aab3be;
}

.page-header.navbar .hor-menu .navbar-nav > li:hover > a,
.page-header.navbar .hor-menu .navbar-nav > li.open > a,
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
  color: white;
  background: #657384 !important;
}

.page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
  color: #b9c0c9;
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
.page-header.navbar .hor-menu .navbar-nav > li.current > a {
  color: white;
  background: #36c6d3 !important;
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
.page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
.page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
  color: #aab3be;
}

.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
  border-top: 6px solid #36c6d3;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
  box-shadow: 5px 5px rgba(101, 115, 132, 0.2);
  background: #657384;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
  color: #f3f4f5;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
  color: #f3f4f5;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
  color: white;
  background: #6e7d8f;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
  color: white;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
  color: white;
  background: #6e7d8f;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  color: white;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
  background-color: #718092;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
  color: #f3f4f5;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
  /* Mega menu content */
  /* Classic menu */
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  color: #666;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
  color: #f3f4f5;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
  color: #aab3be;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
  color: white;
  background: #657384;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
  color: #b9c0c9;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
  color: #333 !important;
  background: white !important;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
  color: #333 !important;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
  color: white;
  background: #36c6d3;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
  color: #aab3be;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  background: white;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
  color: #000;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
  color: #888;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
  color: #000;
  background: whitesmoke;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
  color: #666;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
  color: #000;
  background: whitesmoke;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  color: #666;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
  background-color: whitesmoke;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
  border: 1px solid #f2f2f2;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
  border-top: 0;
}

/* Page sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
  background-color: #364150;
  /* Default sidebar */
  /* light sidebar */
  /* Sidebar search */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
  /* 1st level links */
  /* All links */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
  border-top: 1px solid #3d4957;
  color: #b4bcc8;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > i {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
  color: #6b788b;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
.page-sidebar .page-sidebar-menu > li.heading > h3 {
  color: #708096;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
  background: #2C3542;
  color: #b4bcc8;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu > li.open > a > i {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
  background: #36c6d3;
  border-top-color: transparent;
  color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
  background: #36c6d3;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
.page-sidebar .page-sidebar-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu > li.active.open > a > i {
  color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
  color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
.page-sidebar .page-sidebar-menu > li.active + li > a {
  border-top-color: transparent;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
  border-top-color: #3d4957;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
.page-sidebar .page-sidebar-menu > li:last-child > a {
  border-bottom: 1px solid transparent !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li > a > .arrow:before,
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
  color: #ffffff;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
.page-sidebar .page-sidebar-menu:hover .sub-menu {
  background-color: #364150;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
  color: #b4bcc8;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
  color: #6b788b;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
  background: #3e4b5c !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
  color: #606C7D;
  color: #959fae;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
  color: #606C7D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
  /* 1st level links */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
  background: #3a4656;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
  background: #3e4b5c;
  border-left: 4px solid #36c6d3;
  color: #f1f1f1;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
  border-left: 4px solid #36c6d3;
  background: #3a4656;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
  color: #eeeeee;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
  color: #eeeeee;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
  background: #3a4656;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
  background: #3e4b5c !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.page-sidebar .sidebar-toggler {
  background: #2c3541;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
.page-sidebar .sidebar-toggler > span,
.page-sidebar .sidebar-toggler > span:before,
.page-sidebar .sidebar-toggler > span:after {
  background: #d6dadf;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
.page-sidebar .sidebar-toggler > span:hover {
  background: #d6dadf;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
.page-sidebar .sidebar-toggler > span:hover:before,
.page-sidebar .sidebar-toggler > span:hover:after {
  background: #d6dadf;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
.page-sidebar .sidebar-toggler.th-toggle-exit > span {
  background-color: transparent !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
.page-sidebar .sidebar-toggler:hover {
  background: #212832;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
.page-sidebar .sidebar-search .input-group {
  border-bottom: 1px solid #435060;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
.page-sidebar .sidebar-search .input-group .form-control {
  background-color: #364150;
  color: #4e5d6f;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
  color: #4e5d6f;
  opacity: 1;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
  color: #4e5d6f;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
  color: #4e5d6f;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
  color: #4e5d6f;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
  border: 1px solid #435060;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
.page-sidebar .sidebar-search.open .input-group {
  background-color: #364150;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
.page-sidebar .sidebar-search.open .remove > i {
  color: #4e5d6f;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
  background: none;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
  border: 1px solid #2c3541;
  background: #2c3541;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
  background: #2c3541;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
  border: 1px solid #364150;
  background: #364150;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
  background: #364150;
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
  /* 1st level links */
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
  border-left: 0;
  border-right: 4px solid #36c6d3;
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
  border-left: 0;
  border-right: 4px solid #36c6d3;
}

/******
    Page Footer 
    ******/
.page-footer .page-footer-inner {
  color: #98a6ba;
}

.page-footer-fixed .page-footer {
  background-color: #28303b;
}

@media (min-width: 992px) {
  /* 992px */
  /* Sidebar menu closed */
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
    box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
  }
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
    box-shadow: none;
  }
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
    box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
  }
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
    box-shadow: none;
  }
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
    box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
  }
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
    box-shadow: none;
  }
  /* Light sidebar menu */
  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #3d4957 !important;
  }
  /* Fixed Sidebar */
  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
    border-bottom: 0;
  }
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
    background-color: #fff;
  }
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
    color: #333;
  }
  /* Boxed Layout */
  .page-boxed {
    background-color: #303a47 !important;
    /* Page container */
    /* Page sidebar */
    /* Page footer */
  }
  .page-boxed .page-container {
    background-color: #364150;
    border-left: 1px solid #3d4957;
    border-bottom: 1px solid #3d4957;
  }
  .page-boxed.page-sidebar-reversed .page-container {
    border-left: 0;
    border-right: 1px solid #3d4957;
  }
  .page-boxed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-fixed .page-sidebar {
    border-left: 1px solid #3d4957;
  }
  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
    border-right: 1px solid #3d4957;
    border-left: 0;
  }
  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
    background-color: #303a47 !important;
  }
  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
    color: #98a6ba;
  }
  /* Sidebar Menu Wirh Hoverable Submenu */
  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #323c4b;
  }
  .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
    border-left: 8px solid #323c4b;
  }
  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
    background: #323c4b !important;
  }
}

@media (max-width: 991px) {
  /* 991px */
  /* Page sidebar */
  .page-sidebar {
    background-color: #28303b;
    /* light sidebar */
  }
  .page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #364150;
  }
  .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background: #2e3744;
  }
  .page-sidebar .page-sidebar-menu > li:last-child > a {
    border-bottom: 0 !important;
  }
  .page-sidebar .page-sidebar-menu > li .sub-menu {
    background-color: #28303b !important;
  }
  .page-sidebar .page-sidebar-menu .sidebar-search input {
    background-color: #28303b !important;
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    /* 1st level links */
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
    background: #2e3744;
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
    background: #2e3744;
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
    background: #2e3744;
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
    background: #28303b !important;
  }
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
    background: #2e3744 !important;
  }
}

@media (max-width: 480px) {
  /* 480px */
  .page-header.navbar {
    /* Top menu */
  }
  .page-header.navbar .top-menu {
    background-color: #364150;
  }
  .page-header-fixed-mobile .page-header.navbar .top-menu {
    background-color: #4f5a67;
  }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: #677687;
  }
  .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background: none;
  }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
    background-color: #657384;
  }
}

/****
    Boby
    ****/
body {
  background-color: #364150;
}

/****
 CSS3 Spinner Bar
****/
.page-spinner-bar > div,
.block-spinner-bar > div {
  background: #4bccd8;
}

/*# sourceMappingURL=darkblue.css.map */