/*******************  /*Demo custom CSS *******************/ /*******************  /*Top bar *******************/ .topbar {    background: #ff5b00 ; } .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: #ff5b00  !important; } .bg-theme {    background-color: #ff5b00  !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: #ff5b00 ;    border-color: #ff5b00 ; } .right-sidebar .rpanel-title {    background: #ff5b00 ; } .stylish-table tbody tr:hover, .stylish-table tbody tr.active {    border-left: 4px solid #ff5b00 ; } .text-themecolor {    color: #ff5b00  !important; } .profile-tab li a.nav-link.active, .customtab li a.nav-link.active {    border-bottom: 2px solid #ff5b00 ;    color: #ff5b00 ; } .profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {    color: #ff5b00 ; } title[_ngcontent-aqi-c2] {    color: #ff5b00  !important;    text-decoration: none !important; } title[_ngcontent-aqi-c2]:hover {    font-weight: bold; } /*******************  /*Buttons *******************/ .btn-themecolor {    background: #ff5b00 ;    color: #ffffff;    border: 1px solid #ff5b00 ;    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: #ff5b00 ;    border: 1px solid #ff5b00 ;    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: #900349;    border: 1px solid #900349;    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: #ff5b00  !important; } .multiselect-item-checkbox input[type=checkbox]+div:before {    color: #ff5b00  !important;    border: 2px solid #ff5b00  !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: #ff5b00  !important; } .btn-themecolor-border {    color: #ff5b00 ;    border: 1px solid #ff5b00 ;    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 #ff5b00 ; } input[type=radio]:hover, input[type=checkbox]:hover, input[type=checkbox]:focus {    border: 1px solid #ff5b00 ;    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: #ff5b00 ; } input[type=checkbox]:disabled {    box-shadow: none;    background-color: #dddddd;    cursor: initial;    border: 1px solid #67757c; } .btn-themecolor-border:hover {    background: #ff5b00 ;    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 #ff5b00 ;    color: #fff; } .btn-themecolor-border:disabled:hover {    box-shadow: none;    cursor: default;    background: unset;    color: #ff5b00 ; } .btn-themecolor-border:disabled {    box-shadow: none; } .btn-themecolor-border:focus {    background: #ff5b00 ;    color: #fff;    border: 1px solid #ff5b00 ;    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: #ff5b00 ; } .sidebar-nav > ul > li.active > a {    color: #ff5b00 ;    border-color: #ff5b00 ; } .sidebar-nav > ul > li.active > a i {    color: #ff5b00 ; } .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {    color: #ff5b00  !important; } .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {    color: #ff5b00 ; } .lighten-2 .fa {    background: #ff5b00  !important; } .page-item .page-link {    color: #ff5b00  !important; } .topbar ul.dropdown-user li a:hover {    color: #ff5b00 ; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {    color: #ff5b00  !important;    border-bottom: 2px solid #ff5b00  !important; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {    color: #ff5b00 ; } input[type=checkbox]:checked:before {    color: #ff5b00 ; } .nav-pills .nav-link.active:after {    background: #ff5b00  !important; } .btn-link {    color: #ff5b00  !important; } .btn-link:focus, .btn-link:hover {    color: #ff5b00  !important; } .q_icon {    color: #ff5b00  !important; } .swal2-popup .swal2-styled.swal2-confirm {    background: #ff5b00  !important; } input[type=radio] {    border : 2px solid #ff5b00  !important; } input[type=radio]:checked:before {    color: #ff5b00  !important; } .custom-day.focused {    background-color: #ff5b00  !important;    color: #fff; } .quote_bit {    background: #ff5b00  !important;    color: #fff; } .title {    color: #ff5b00 ; } .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: #ff5b00 ;    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 #ff5b00 ;    color: #fff; } .btn-themecolor-border:disabled {    background: #fff !important;    box-shadow: none !important;    color: #ff5b00  !important;    border: 1px solid #ff5b00  !important;    cursor: default !important; } .message-center::-webkit-scrollbar-track {    background-color: #eaeaea; } .message-center::-webkit-scrollbar-thumb {    background-color: #ff5b00  !important; } .message-center::-webkit-scrollbar-thumb:hover {    background-color: #ff5b00  !important; } .multiselect-dropdown .dropdown-btn .selected-item {    background: #ff5b00  !important; } .multiselect-item-checkbox input[type=checkbox]:checked + div:before {    background: #ff5b00  !important; } .multiselect-item-checkbox input[type=checkbox] + div:before {    color: #ff5b00  !important;    border: 2px solid #ff5b00  !important; } .list-group-item.pointer.active {    background-color: #ff5b00 ;    border-color: #ff5b00 ; } .list-group-item.active, .list-group .list-group-item.active:hover {    background-color: #ff5b00 ;    border-color: #ff5b00 ; } .bg-info {    background-color: #ff5b00  !important; } .bg-success {    background-color: #ff5b00  !important; } .accordion-bg-color {    background-color: #ff5b00  !important; } .text-themecolor-hover {    color: #ff5b00  !important; } .owl-dt-calendar-table .owl-dt-calendar-cell-selected {    color: rgba(255, 255, 255, .85);    background-color: #ff5b00  !important; } .owl-dt-control-button-content {    color: #ff5b00  !important; } .progress-bar {    background-color: #ff5b00  !important; } .CP5-hidden {    display: none !important; } .pinclass {    background-color: #eefdff !important; } .pintextclass { color: #ff5b00 !important; font-weight: bold; } .toggle-click { background-color: #ff5b00 !important; } .ngx-slider .ngx-slider-pointer { background-color: #ff5b00 !important; }