/******************* /*Demo custom CSS*******************/
/******************* /*Top bar *******************/
.topbar {
  background: #0c173e;
}
.topbar .navbar-header {
  background: #ffffff;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: none;
  color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-light .navbar-nav .nav-item>a.nav-link {
  color: #ffffff !important;
}
.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item>a.nav-link:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}
/******************* /*General Elements *******************/
a.link:hover, a.link:focus {
  color: #cc050c !important;
}
.bg-theme {
  background-color: #cc050c !important;
}
.ng5-slider .ng5-slider-pointer {
  background-color: #cc050c !important;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #cc050c;
  border-color: #cc050c;
}
.right-sidebar .rpanel-title {
  background: #cc050c;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #53bec6;
}
.text-themecolor {
  color: #0c173e !important;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
  border-bottom: 2px solid #cc050c;
  color: #cc050c;
}
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
  color: #cc050c;
}
title[_ngcontent-aqi-c2] {
  color: #cc050c !important;
  text-decoration: none !important;
}
title[_ngcontent-aqi-c2]:hover {
  font-weight: bold;
}
/******************* /*Buttons *******************/
.btn-themecolor {
  background: #cc050c;
  color: #ffffff;
  border: 1px solid #cc050c;
  box-shadow: 0 2px 2px 0 rgba(144, 3, 73, 0.14), 0 3px 1px -2px rgba(144, 3, 73, 0.2), 0 1px 5px 0 rgba(144, 3, 73, 0.12);
}
.btn-themecolor:disabled {
  box-shadow: none;
}
.btn-themecolor:disabled:hover {
  box-shadow: none !important;
  cursor: default;
}
.btn-themecolor:hover {
  background: #cc050c;
  border: 1px solid #cc050c;
  box-shadow: 0 14px 26px -12px rgba(144, 3, 73, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(144, 3, 73, 0.2) !important
}
.btn-themecolor:focus {
  background: #d1363c;
  border: 1px solid #d1363c;
  box-shadow: 0 14px 26px -12px rgba(144, 3, 73, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(144, 3, 73, 0.2);
}
.btn-themecolor.active {
  background: #900349;
}
.multiselect-dropdown .dropdown-btn .selected-item {
  background: #cc050c !important;
}
.multiselect-item-checkbox input[type=checkbox]+div:before {
  color: #cc050c !important;
  border: 2px solid #cc050c !important;
}
.btn-themecolor-default {
  background: #ffffff;
  color: #67757c;
  border: 1px solid #67757c;
  box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
}
.btn-themecolor-default:disabled {
  box-shadow: none;
}
.btn-themecolor-default:disabled:hover {
  box-shadow: none;
  cursor: default;
  background: unset;
  color: unset;
}
.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
  background: #cc050c !important;
}
.btn-themecolor-border {
  color: #cc050c;
  border: 1px solid #cc050c;
  box-shadow: 0 2px 2px 0 rgba(177, 0, 88, 0.14), 0 3px 1px -2px rgba(177, 0, 88, 0.2), 0 1px 5px 0 rgba(177, 0, 88, 0.12);
}
input[type=radio], input[type=checkbox] {
  border: 1px solid #cc050c;
}
input[type=radio]:hover, input[type=checkbox]:hover, input[type=checkbox]:focus {
  border: 1px solid #d1363c;
  box-shadow: 0 2px 2px 0 rgba(177, 0, 88, 0.14), 0 3px 1px -2px rgba(177, 0, 88, 0.2), 0 1px 5px 0 rgba(177, 0, 88, 0.12);
}
input[type=checkbox]:checked {
  border-color: #d1363c;
}
input[type=checkbox]:disabled {
  box-shadow: none;
  background-color: #dddddd;
  cursor: initial;
  border: 1px solid #67757c;
}
.btn-themecolor-border:hover {
  background: #d1363c;
  box-shadow: 0 14px 26px -12px rgba(144, 3, 73, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(144, 3, 73, 0.2);
  border: 1px solid #cc050c;
  color: #fff;
}
.btn-themecolor-border:disabled:hover {
  box-shadow: none;
  cursor: default;
  background: unset;
  color: #d1363c;
}
.btn-themecolor-border:disabled {
  box-shadow: none;
}
.btn-themecolor-border:focus {
  background: #d1363c;
  color: #fff;
  border: 1px solid #cc050c;
  box-shadow: 0 14px 26px -12px rgba(144, 3, 73, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(144, 3, 73, 0.2);
}
/******************* /*sidebar navigation *******************/
.label-themecolor {
  background: #cc050c;
}
.sidebar-nav>ul>li.active>a {
  color: #0c173e;
  border-color: #0c173e;
}
.sidebar-nav>ul>li.active>a i {
  color: #0c173e;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #0c173e !important;
}
.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
  color: #0c173e;
}
.lighten-2 .fa {
  background: #0c173e !important;
}
.page-item .page-link {
  color: #0c173e !important;
}
.topbar ul.dropdown-user li a:hover {
  color: #0c173e;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #0c173e !important;
  border-bottom: 2px solid #0c173e !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  color: #cc2f34;
}
input[type=checkbox]:checked:before {
  color: #0c173e;
}
.nav-pills .nav-link.active:after {
  background: #0c173e !important;
}
.btn-link {
  color: #0c173e !important;
}
.btn-link:focus, .btn-link:hover {
  color: #cc2f34!important;
}
.q_icon {
  color: #0c173e !important;
}
.swal2-popup .swal2-styled.swal2-confirm {
  background: #0c173e !important;
}
input[type=radio] {
  border: 2px solid #0c173e !important;
}
input[type=radio]:checked:before {
  color: #0c173e !important;
  background: #0c173e !important;
}
.custom-day.focused {
  background-color: #0c173e !important;
  color: #fff;
}
.quote_bit {
  background: #0c173e !important;
  color: #fff;
}
.title {
  color: #cc050c;
}
.title:hover {
  text-decoration: underline;
}
input[type=checkbox]:focus {
  outline: auto !important;
  box-shadow: 1px 1px 2px rgb(233, 141, 176);
}
.btn-themecolor-border:hover {
  background: #0c173e;
  box-shadow: 0 14px 26px -12px rgb(233, 141, 176), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 205, 232, 0.42);
  border: 1px solid #0c173e;
  color: #fff;
  /*cursor: pointer;*/
}
.btn-themecolor-border:disabled {
  background: #fff !important;
  box-shadow: none !important;
  color: #0c173e !important;
  border: 1px solid #0c173e !important;
  cursor: default !important;
}
.message-center::-webkit-scrollbar-track {
  background-color: #eaeaea;
}
.message-center::-webkit-scrollbar-thumb {
  background-color: #0c173e !important;
}
.message-center::-webkit-scrollbar-thumb:hover {
  background-color: #0c173e !important;
}
.multiselect-dropdown .dropdown-btn .selected-item {
  background: #0c173e !important;
}
.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
  background: #0c173e !important;
}
.multiselect-item-checkbox input[type=checkbox]+div:before {
  color: #cc050c !important;
  border: 2px solid #0c173e !important;
}
.list-group-item.pointer.active {
  background-color: #0c173e;
  border-color: #0c173e;
}
.list-group-item.active, .list-group .list-group-item.active:hover {
  background-color: #cc2f34;
  border-color: #cc2f34;
}
.bg-info {
  background-color: #0c173e !important;
}
.bg-success {
  background-color: #0c173e !important;
}
.accordion-bg-color {
  background-color: #0c173e !important;
}
.text-themecolor-hover {
  color: #0c173e !important;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: rgba(255, 255, 255, .85);
  background-color: #0c173e !important;
}
.owl-dt-control-button-content {
  color: #0c173e !important;
}
.progress-bar {
  background-color: #0c173e !important;
}
input[type=checkbox]:disabled, input[type=checkbox]:checked:disabled {
  border-color: #888888;
  background: #e0e0e0;
  box-shadow: none;
}
input[type=checkbox]:disabled:checked:before {
  color: #888888;
}
.release-highlight-class {
  background-color: #0c173e !important;
}
.gantt_task_line .gantt_task_content {
  color: white;
  background-color: #0c173e !important;
}