/******************* /*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; }