body {
  background-color: #353A40 !important;
  color: #fff !important;
}

body.bg_image01 {
  background: #353A40 url(/Image/bg_img01.jpg) center top no-repeat;
  background-size: 100% auto;
  background-size: cover;
}

body.bg_image02 {
  background: #353A40 url(/Image/landing_bg.jpg) center top no-repeat;
  background-size: 100% auto;
  background-size: cover;
}

.btn_blue {
  background-color: #2656A3;
  color: #fff;
}

.btn_blue:hover {
  background-color: #1c407a;
  color: #fff;
}

.btn_skyBlue {
  background-color: #17AECD;
  color: #fff;
}

.btn_skyBlue:hover {
  background-color: #12879f;
  color: #fff;
}

.btn_green {
  background-color: #5FC2AB;
  color: #fff;
}

.btn_green:hover {
  background-color: #42ac94;
  color: #fff;
}

.btn_cyan {
  background-color: #8AFECC;
  color: #000;
}

.btn_cyan:hover {
  background-color: #57feb6;
}

.btn_red {
  background-color: #CD4141;
  color: #fff;
}

.btn_red:hover {
  background-color: #ad2e2e;
  color: #fff;
}

.btn_purple {
  background-color: #995FC2;
  color: #fff;
}

.btn_purple:hover {
  background-color: #8042ac;
  color: #fff;
}

.btn_tran_red {
  background-color: rgba(205, 65, 65, 0.4);
  border: 1px solid #CD4141;
  color: #fff;
}

.btn_tran_red:hover {
  background-color: #CD4141;
  color: #fff;
}

.btn_tran_purple {
  background-color: rgba(153, 95, 194, 0.4);
  border: 1px solid #995FC2;
  color: #fff;
}

.btn_tran_purple:hover {
  background-color: #995FC2;
  color: #fff;
}

.btn_tran_blue {
  background-color: rgba(38, 86, 163, 0.4);
  border: 1px solid #2656A3;
  color: #fff;
}

.btn_tran_blue:hover {
  background-color: #2656A3;
  color: #fff;
}

.btn_tran_skyBlue {
  background-color: rgba(23, 174, 205, 0.4);
  border: 1px solid #17AECD;
  color: #fff;
}

.btn_tran_skyBlue:hover {
  background-color: #17AECD;
  color: #fff;
}

.btn_tran_green {
  background-color: rgba(95, 194, 171, 0.4);
  border: 1px solid #5FC2AB;
  color: #fff;
}

.btn_tran_green:hover {
  background-color: #5FC2AB;
  color: #fff;
}

.btn_tran_cyan {
  background-color: rgba(138, 254, 204, 0.4);
  border: 1px solid #8AFECC;
  color: #000;
}

.btn_tran_cyan:hover {
  background-color: #8AFECC;
}

.badge {
  color: #fff;
}

.badge.badge_red {
  background-color: #CD4141;
}

.badge.badge_purple {
  background-color: #995FC2;
}

.badge.badge_blue {
  background-color: #2656A3;
}

.badge.badge_skyBlue {
  background-color: #17AECD;
}

.badge.badge_green {
  background-color: #5FC2AB;
}

.badge.badge_cyan {
  background-color: #8AFECC;
  color: #000;
}

.card {
  background-color: rgba(52, 57, 63, 0.4) !important;
  -webkit-box-shadow: #292e33 0 0 5px;
          box-shadow: #292e33 0 0 5px;
}

.dropdown-menu {
  background-color: #34393f;
  -webkit-box-shadow: #292e33 0 0 5px;
          box-shadow: #292e33 0 0 5px;
}

.dropdown-menu .dropdown-item {
  color: #fff;
}

.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
  background-color: #2656A3;
}

.modal-content {
  background-color: #111;
}

.modal-header {
  border-bottom: none;
  background-color: #2656A3;
}

.modal-header .close {
  color: #fff;
}

.modal-footer {
  border-top: none;
}

.bg_red {
  background-color: #CD4141;
}

.bg_purple {
  background-color: #995FC2;
}

.bg_blue {
  background-color: #2656A3;
}

.bg_skyBlue {
  background-color: #17AECD;
}

.bg_green {
  background-color: #5FC2AB;
}

.bg_cyan {
  background-color: #8AFECC;
}

.bg_dark {
  background-color: #34393f;
}

.bg_tranDark {
  background-color: rgba(52, 57, 63, 0.4) !important;
}

.bg_tran {
  background-color: transparent !important;
}

.border_red {
  border-color: #CD4141 !important;
}

.border_purple {
  border-color: #995FC2 !important;
}

.border_blue {
  border-color: #2656A3 !important;
}

.border_skyBlue {
  border-color: #17AECD !important;
}

.border_green {
  border-color: #5FC2AB !important;
}

.border_cyan {
  border-color: #8AFECC !important;
}

.border_333 {
  border-color: #333 !important;
}

.table td, .table th {
  border-color: #333 !important;
}

.table thead th {
  background-color: #2656A3;
}

.sidebar a.nav-link:hover,
.sidebar a.active {
  color: #fff !important;
}

ul.todo-list > li {
  background-color: rgba(52, 57, 63, 0.4);
}

.todo-list > li .tools {
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
}
/*# sourceMappingURL=style.css.map */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background: #2656a3; /* Old browsers */
background: -moz-linear-gradient(left,  #2656a3 0%, #995fc2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2656a3 0%,#995fc2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2656a3 0%,#995fc2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2656a3', endColorstr='#995fc2',GradientType=1 ); /* IE6-9 */
}

/* MR Title */
.title_border{
  border: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(top left, #3acfd5 0%, #3a4ed5 100%);
  -webkit-border-image: -webkit-linear-gradient(top left, #3acfd5 0%, #3a4ed5 100%);
  border-image: linear-gradient(to bottom right, #3acfd5 0%, #3a4ed5 100%);
  border-image-slice: 1;
}