/* Reset default margin and padding */
html, body, header, main, footer, h1, h2, h3, p, ul, li {
    margin: 0;
    padding: 0;
}

/* Set basic styles for body */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #fafafa;
    color: #333;
    font-size: 14px;
}


:root {
    --dark-blue: #002D3C;
    --primary-color: #0c82b8;
    --border-line-color: #dddddd;
    --border-line: 1px solid var(--border-line-color);
    --navbar-item-active: #D1D9DC;
    --navbar-white-hover: #ffffff4f;
    --text-white: #fff;
    --button-primary: #0c82b8;;
    --button-primary-hover: #0c82b8;;
    --secondary-text-color: #0C607D;
    --table-bg: #FFFFFF;
    --table-thead-text: #444444;
    --table-row-selected-color: #E5EFF1; 
    --box-shadow-right: 3px 0px 2px #00000029;
    --box-shadow-left: -3px 0px 2px #0000004D;
    --sub-navbar-shadow: 0px 1px 0px 0px rgba(148, 148, 148, .5);
    --calendar-icon-color-grey:#A0A0A0;
    --btn-danger-background:#FFE5E9;
    --btn-danger-font-color:#EA2E49;
    --text-black: #333333;
    --border-color-thin: #cccccc;
    --border-color-thick:#dddddd;
    --drop-down-bg:#F4F4F4;
    --text-grey:#808080;
    --modal-text: #707070;
    --popups-cross-icon: #808080;
    --text-area-max-char: #A0A0A0;
    --icon-cog-color:#555555;
    /* --header-dropdown-text: #555555; */
    /* SIEM Rules */
    --active-green: #078D14;
    
    /* Header start */
    --header-bg: #FFFFFF;
    --header-color:#444444;
    --header-heading-border : #EEEEEE;
    --header-sub-heading-border : #DDDDDD;
    --header-active-heading: #0c82b8;;
    --header-dropdown-item-hover: #F8F8F8;
    /* Header end */
  
    /* Table */
    --table-heading:#444444;
    --table-thead-border-bottom: 2px solid #DDDDDD;
    --table-tbody-row-top-bottom: 1px solid #EEEEEE;
    --table-tbody-row-border-bottom: 1px solid #EEEEEE;
    --table-th-border-right-color: #EEEEEE;
    --table-th-border-right: 1px solid var(--table-th-border-right-color);
    --table-th-border-bottom-color: #EEEEEE;
    --table-th-border-bottom: 1px solid var(--table-th-border-right-color);
    --table-thead-checkbox: #002D3C;
    --table-tbody-checkbox: #333333;
    /* Table */
  
    --reset-cancel-btn-bg : #F4F8F9;
    --reset-cancel-btn-bg-hv : #ECF3FF;
    --query-builder-btn-bg : #F2F7FF;
  
  
    --sidebar-bg: #F8F8F8;
    --sidebar-item-active: #E0E8F4;
    --text-dark-grey: #444444;
  
  
    /* Access Denied */
    --container-color: #E0E8F4;
    
    /* Security Data Lake */
    --bar-chart: #D8E6F2;
    --bar-chart-hover: #5696CF;
    
    /* slider range  */
    --slider-range-bar-colour: #6398EE!important;
  
    /* Investigation */
    --investigation-tile-bg: #F2F7FF;
    --investigation-tile-border-active: #6398EE;
    --investigation-tile-text: var(--primary-color);
  
    /* Onboarding */
    --steps-active: #F2F7FF;
  }

/* Header styles */
header {
    background-color: #fff;
    color: #000;
}

header h1 {
    margin: 0;
}

nav ul {
    list-style-type: none;
}

nav ul li {
    display: inline;
    margin-right: 10px;
}

nav ul li a {
    color: #000;
    text-decoration: none;
}

main {
    padding-bottom: 40px;
    overflow-y: auto;
    min-height: 60vh;
    overflow-x: hidden;
    padding-top: 110px;
}

.dbfilter main {
    padding-top: 180px;
}

.landing-page main {
    padding-top: 0px;
}

footer {
    background-color: #efefef;
    color: #000;
    text-align: center;
    padding: 10px;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.logo-wrapper .logo {
    max-width: 100%;
    height: 35px;
}

.menu-wrapper {
    background-color: #efefef;
    padding: 5px;
}

.menu-wrapper ul.other-menu-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-wrapper ul.other-menu-items li {
    list-style: none;
    display: inline-block;
}

.menu-wrapper ul.other-menu-items li a {
    display: inline-block;
    padding: 0 5px;
    text-decoration: none;
    color: #333;
    font-size: 12px;
}

.main-content-wrapper {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 1px 2px 3px 2px #ccc;
    min-height: 70vh;
    margin-top: 20px;
}

body p {
    font-size: 14px;
}

.box-container-wrapper {
    padding: 20px;
    margin-top: 50px;
}

.box-container-wrapper .box-item {
    padding: 10px;
    cursor: pointer;
}

.box-container-wrapper .box-item .box-item-icon {
    background: transparent url(../images/module-icon.png) no-repeat scroll 0 0;
    height: 70px;
    width: 100px;
    margin: 0 auto;
}

.box-container-wrapper .box-item .box-item-icon.icon-pci {
    background-position: 0 -70px
}

.box-container-wrapper .box-item .box-item-icon.icon-sca {
    background-position: 0 -280px
}

.box-container-wrapper .box-item .box-item-icon.icon-certview {
    background-position: 0 -420px
}

.box-container-wrapper .box-item .box-item-icon.icon-tmdr {
    background-position: 0 -490px
}

.box-container-wrapper .box-item .box-item-title {
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5;
}

.box-container-wrapper .box-item .box-item-footer {
    font-size: 12px;
}

.box-container-wrapper .box-item .box-item-footer span {
    display: inline-block;
    padding-right: 2px;
}

.dropdown-menu {
    --bs-dropdown-min-width: 20em;
}

.menu-group-title {
    color: #009ed8;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #cfd6dc;
    padding: 5px 8px;
    margin-bottom: 5px;
}

.menu-item {
    cursor: pointer;
    padding: 2px 5px;
    min-height: 54px;
}

.menu-item-icon {
    background: transparent;
    background-image: url(../images/menu-icons-module.png);
    background-repeat: no-repeat;
}

.menu-item .menu-item-icon {
    float: left;
}

.menu-item-icon {
    display: inline-block;
    width: 55px;
    height: 40px;
}

.menu-item-title {
    display: flex!important;
    justify-content: space-between;
}

.menu-item-title {
    font-size: 12px;
    line-height: 1.5;
}

.menu-item-desc {
    font-size: 11px;
    color: #009ed8;
    white-space: normal;
    min-height: 28px;
    margin-right: 6px;
    line-height: 1.2;
}

.menu-item-icon.menu-item-icon-vm {
    background-position: 0 0
}

.menu-item-icon.menu-item-icon-am,.menu-item-icon.menu-item-icon-asset {
    background-position: 0 -40px
}

.menu-item-icon.menu-item-icon-pc,.menu-item-icon.menu-item-icon-pc-fdcc,.menu-item-icon.menu-item-icon-pc-scap {
    background-position: 0 -80px
}

.menu-item-icon.menu-item-icon-pci {
    background-position: 0 -120px
}

.menu-item-icon.menu-item-icon-qs,.menu-item-icon.menu-item-icon-quest {
    background-position: 0 -160px
}

.menu-item-icon.menu-item-icon-was {
    background-position: 0 -200px
}

.menu-item-icon.menu-item-icon-mds,.menu-item-icon.menu-item-icon-md {
    background-position: 0 -240px
}

.menu-item-icon.menu-item-icon-waf {
    background-position: 0 -280px
}

.menu-item-icon.menu-item-icon-seal {
    background-position: 0 -320px
}

.menu-item-icon.menu-item-icon-cm,.menu-item-icon.menu-item-icon-continuousmonitoring {
    background-position: 0 -360px
}

.menu-item-icon.menu-item-icon-lm {
    background-position: 0 -400px
}

.menu-item-icon.menu-item-icon-exp {
    background-position: 0 -440px
}

.menu-item-icon.menu-item-icon-ucf {
    background-position: 0 -480px
}

.menu-item-icon.menu-item-icon-mps {
    background-position: 0 -520px
}

.menu-item-icon.menu-item-icon-caui,.menu-item-icon.menu-item-icon-ca {
    background-position: 0 -560px
}

.menu-item-icon.menu-item-icon-av {
    background-position: 0 -600px
}

.menu-item-icon.menu-item-icon-ps {
    background-position: 0 -640px
}

.menu-item-icon.menu-item-icon-mobility,.menu-item-icon.menu-item-icon-mo {
    background-position: 0 -680px
}

.menu-item-icon.menu-item-icon-threat_protect {
    background-position: 0 -720px
}

.menu-item-icon.menu-item-icon-fim {
    background-position: 0 -760px
}

.menu-item-icon.menu-item-icon-ioc {
    background-position: 0 -1760px
}

.menu-item-icon.menu-item-icon-sca {
    background-position: 0 -840px
}

.menu-item-icon.menu-item-icon-cs {
    background-position: 0 -880px
}

.menu-item-icon.menu-item-icon-qcs {
    background-position: 0 -880px
}

.menu-item-icon.menu-item-icon-certview {
    background-position: 0 -920px
}

.menu-item-icon.menu-item-icon-cloudview {
    background-position: 0 -960px
}

.menu-item-icon.menu-item-icon-pc_sca {
    background-position: 0 -1000px
}

.menu-item-icon.menu-item-icon-itam,.menu-item-icon.menu-item-icon-gav {
    background-position: 0 -1040px
}

.menu-item-icon.menu-item-icon-pm {
    background-position: 0 -1080px
}

.menu-item-icon.menu-item-icon-oca {
    background-position: 0 -1120px
}

.menu-item-icon.menu-item-icon-pns {
    background-position: 0 -1160px
}

.menu-item-icon.menu-item-icon-qgs {
    background-position: 0 -1200px
}

.menu-item-icon.menu-item-icon-sem {
    background-position: 0 -1240px
}

.menu-item-icon.menu-item-icon-admin-icon {
    background-position: 0 -1280px
}

.menu-item-icon.menu-item-icon-qmi {
    background-position: 0 -1320px
}

.menu-item-icon.menu-item-icon-ics {
    background-position: 0 -1360px
}

.menu-item-icon.menu-item-icon-security_analytics,.menu-item-icon.menu-item-icon-xdr {
    background-position: 0 -1400px
}

.menu-item-icon.menu-item-icon-apisec {
    background-position: 0 -1440px
}

.menu-item-icon.menu-item-icon-ud {
    background-position: 0 -1480px
}

.menu-item-icon.menu-item-icon-sdr,.menu-item-icon.menu-item-icon-ssc {
    background-position: 0 -1520px
}

.menu-item-icon.menu-item-icon-sac {
    background-position: 0 -1560px
}

.menu-item-icon.menu-item-icon-lc {
    background-position: 0 -1600px
}

.menu-item-icon.menu-item-icon-tmdr {
    background-position: 0 -1640px
}

.menu-item-icon.menu-item-icon-edr {
    background-position: 0 -1760px
}

.menu-item-icon.menu-item-icon-csam {
    background-position: 0 -1800px
}

.menu-item-icon.menu-item-icon-conn {
    background-position: 0 -1840px
}

.menu-item-icon.menu-item-icon-sm {
    background-position: 0 -1880px
}

.menu-item-icon.menu-item-icon-qflow {
    background-position: 0 -1920px
}

.menu-item-icon.menu-item-icon-tc {
    background-position: 0 -2040px
}

.menu-item-icon.menu-item-icon-swca {
    background-position: 0 -2080px
}

.menu-item-icon.menu-item-icon-caps {
    background-position: 0 -2120px
}

.menu-item .menu-item-icon {
    margin: 3px 5px 3px 2px;
}
.menu-item.active, .menu-item:hover {
    background: #e5eef5;
}
.menu-item-title span {
    background: #0d6efd;
    color: #fff;
    padding: 0 10px;
    float: right;
    height: 20px;
    width: auto;
}
.dropdown-menu.show {
    max-height: 80vh;
    overflow-y: auto;
}

.menu-item-title span.start-Trial {
    min-width: 75px;
    text-align: center;
}

.menu-wrapper-top ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-wrapper-top ul li {
    display: inline-block;
    padding: 0 5px;
}

.menu-wrapper-top ul li a {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.2px;
    font-weight: bold;
}

.menu-wrapper-top ul li a:hover, .menu-wrapper-top ul li a.active {
    border-bottom: 2px solid #038dbf;
    color: #009ed8;    
}

.module-navigation-menu {
    background: #009ed8;
    color: #fff;
    padding: 0px;
}

.expansion-menu {
    display: inline-block;
    width: auto;
    padding: 5px 10px 5px 0px;
    border-right: 1px solid #fff;
}

.expansion-menu-selected-text {
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    font-weight: bold;
}

.dashboard-filter-wrapper {
    padding: 10px 5px;
    vertical-align: middle;
    background: #fff;    
}

.tag-filter-wrapper {
    display: inline-block;
    width: auto;
    /*padding: 5px 10px;
    border: 1px solid #dee2e6;
    border-radius: 5px;*/
    vertical-align: middle;
}

span.tag-icon-wrap {
    display: inline-block;
    vertical-align: middle;
    padding-right: 4px;
    color: #009ed8;
}

.tag-filter-wrapper  button.btn {
    padding: 1px 20px;
}

.date-filter-wrapper {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}

.widgets-container .bg-light {
    background: #fff!important;
}

.bg-light.critical {
    background: #cc0000!important;
    color: #fff;
}

.bg-light.high {
    background: #e11900!important;
    color: #fff;
}

.bg-light.medium {
    background: #9f4b11!important;
    color: #fff;
}

.bg-light.low {
    background: #e56c19!important;
    color: #000;
}

.bg-light.normal {
    background: #f8db2c!important;
    color: #000;
}

.number-widget-wrapper {
    text-align: center;
    padding: 10px 20px 0px;
}

.number-widget-wrapper h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.number-widget-wrapper h2 {
    border-bottom: 2px solid;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.chart-nodatawrap, .lg-widget-content {
    display: table;
    width: 100%;
}

.chart-nodata {
    display: table-cell;
    padding: 20px;
    opacity: 0.5;
    height: 150px;
    vertical-align: middle;
}

.chart-nodata img {
    display: block;
    margin: 0 auto;
    width: 35px;
}

.chart-nodata span {
    display: block;
    text-align: center;
}

.chart-widget-wrapper h5, .number-widget-lg .number-widget-wrapper h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    text-align: left;
    min-height: 50px;
}

.number-widget-lg .number-widget-wrapper {
    padding: 0;
}

.number-widget-lg .number-widget-wrapper h1 {
    border-width: 0px;
    height: 150px;
    margin: 0;
}

.lg-widget-content h1 {
    display: table-cell;
    vertical-align: middle;
}

.fixed-header {
    position: fixed;
    width: 100%;
    z-index: 3;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 0px 3px 1px #ccc;
}

.nowrap-container > .container-fluid {
    padding: 0;
}

.table-content-widget {
    display: table;
    width: 100%;
    height: 100px;
}

.table-cell-content {
    vertical-align: middle;
    display: table-cell;
}

.ht150 {
    height: 150px;
}

.bg-light.primary {
  background: #3986a3 !important;
  color: #fff;
}

.custom-form-group {
    border: 1px solid #ccc;
    background: #fff;
    max-width: 95%;
    display: inline-block;
    width: 100%;
}

.custom-form-group .custom-select, .custom-form-group .custom-form-control {
    border-width: 0px;
}

.custom-form-group .custom-select {
    border-right: 1px solid #ccc;
    width: 20%;
}

.custom-form-group .custom-icon {
    width: 5%;
}

.custom-form-group .custom-form-control {
    width: 75%;
}

.dropdown-toggle#tmdrfilteroptions::after {
    display: none;
}
.dropdown-toggle#tmdrfilteroptions {
    width: 4%;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.dropdown-menu.tmdrfilteroptions ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown-menu.tmdrfilteroptions ul li {
    padding: 2px 10px;
    cursor: pointer;
}

.dropdown-menu.tmdrfilteroptions ul li:hover {
    background: #efefef;
}

.infowrapper {
    font-size: 12px;
    color: #555;
}

.subtitle-wrap h6 {
    color: #003f73;
    font-weight: bold;
}

.logo-wrapper a {
    text-decoration: none;
    color: #0061b3;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Titan One', sans-serif;
    letter-spacing: 0.5px;
}
.table-filters-wrap {
    display: block;
}
.filter-item {
    display: inline-block;
    padding-right: 10px;
}
.table-container-wrapper {
    background: #fff;
    min-height: 40vh;
}

.insights-wrap .bg-light {
  background: #4ac5e8 !important;
  color: #fff;
}

.bg-light.skybluebg {
    background: #e6f3f7!important
}

.bg-light.lightgreen {
  background: #bee5be !important;
}

.logo-wrapper .img-responsive {
    height: 30px;
    width: auto;
    max-width: 100%;
}

.module-navigation-menu-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.module-navigation-menu-ul li {
    display: inline-block;
}

.module-navigation-menu-ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}

.module-navigation-menu-ul li a.active, .module-navigation-menu-ul li a:hover {
    background-color: #efefef;
    color: #333;
}

.custom-form-group .custom-select.bdl {
    border-left: 1px solid #ccc;
    border-right-width: 0px;
}

.custom-form-group.bdl .custom-form-control {
    width: 76%;
}

.mnht-75 {
    min-height: 75vh;
}
.custom-form-group.fullwid-search .custom-form-control {
    width: 95%;
}
.custom-form-group.fullwid-search {
    width: 75%;
}

.disp-tbl {
    display: table;
    width: 100%;
    height: 60vh;
    text-align: center;
}

.disp-tbl-cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.highlighted-icon {
    font-size: 64px;
    color: #aaa;
}

a .highlighted-icon {
    font-size: 36px;
    color: inherit;
}

.bgwhite {
    background: #fff;
}

.bgblue {
    background-color: #009ed8;
    color: #fff;
}

a.float-end {
    font-size: 65%;
}

.content-head-wrap {
    border-bottom: 1px solid #ccc;
}

.content-item-wrap  .col-md-1 span {
    font-size: 24px;
    color: #fff;
    background: #007db3;
    border: 1px solid #007db3;
    display: inline-block;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
}

.content-item-wrap {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.idvpage main {
    padding-top: 80px;
    padding-bottom: 60px;
}

.graybgbox-container {
    background: #fcfcfc;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.graybgbox-header h6 {
    padding: 5px 10px;
    background: #ccc;
    color: #000;
}

.listitem-gbx .col-md-2 span {
    font-size: 24px;
    display: inline-block;
    width: 40px;
    text-align: center;
    color: red;
}

.listitem-gbx .col-md-10 span {
    font-size: 12px;
    line-height: 1.5;
    display: block;
    color: #009ed8;
}

.listitem-gbx .col-md-10 span + span {
    color: #aaa;
    font-size: 11px;
}

.listitem-gbx {
    border-bottom: 1px solid #ccc;
    width: 90%;
    margin: 0 auto;
}

.graybgbox-content {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 32vh;
    max-height: 50vh;
}


.content-item-wrap .col-md-1 span.rounded_number {
    border-radius: 100%;
    background: #ccc;
    color: #000;
    height: 24px;
    width: 24px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    text-align: center;
    padding: 0;
}

.content-item-wrap p {
    font-size: 12px;
    color: #333;
}

.feed_wrapper_box {
    background: #eff5f7;
    border: 1px solid #ccc;
}

.feed_wrapper_box.high {
    border-color: #cc0000;
}

.feed_wrapper-title {
    padding: 10px;
    background: #ccc;
    color: #000;
    margin-bottom: 10px;
}

.high .feed_wrapper-title {
    background: #cc0000;
    color: #fff;
}


.feed_wrapper-title h5 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 120%;
}

.feed_wrapper_content {
    width: 90%;
    margin: 0 auto;
}

.feed_wrapper_item {
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.feed_wrapper_item_head {
    padding: 0 10px;
}

.inline-element {
    display: inline-block;
    width: 50%;
}

.inline-element.float-end {
    text-align: right;
}

.high span.indicator-i {
    color: #cc0000;
    background: #cc0000;
    width: 12px;
    display: inline-block;
    height: 12px;
    vertical-align: middle;
}


.feed_wrapper_item  span.posted_at {
    font-size: 10px;
}

.feed_wrapper_item  .wishlist-icon {
    font-size: 14px;
    color: #000;
}

.feed_wrapper_item_body  h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 10px;
    margin-top: 10px;
}

.feed_wrapper_item_body p {
    padding: 0 10px;
    font-size: 12px;
    color: #009ed8;
}

.feed_wrapper_item_foot span {
    min-width: 130px;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    color: #090909;
    font-weight: bold;
}

.feed_wrapper_item_foot span + span {
    font-size: 14px;
}

.feed_wrapper_item_foot span + br + span {
    font-size: 14px;
}

.feed_wrapper_item_body {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.feed_wrapper_item_foot {
    padding: 5px 10px 10px;
}

.medium .feed_wrapper-title {
    background: #e9ad07;
    color: #fff;
}

.medium span.indicator-i {
    color: #e9ad07;
    background: #e9ad07;
    width: 12px;
    display: inline-block;
    height: 12px;
    vertical-align: middle;
}


.feed_wrapper_box.high {
    border-color: #e9ad07;
}

main.threat-feed-page {
    padding-bottom: 65px;
}

.feed_wrapper {
    padding-bottom: 25px;
}

/*Old CSS Start*/
.exeChartHeader {
    padding: 3px 3px 3px 6px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    background: #0c82b8;
    color: #fff;
  }

  .lineHeader span {
    background: #eef6fa;
    padding: 0 5px;
    position: relative;
    top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0c82b8;
    display: inline-block;
    z-index: 1;
  }
  
  .lineHeader {
    line-height: 1;
    margin: 10px 0 18px;
  }

  .lineHeader hr {
    margin: 0 !important;
  }

  .box-wrapper-container {
    max-width: 500px;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 45px 0;
    margin: 0 auto 15px;
  }

  .box-titlewrapper {
    display: block;
    background: #dbedf5;
    border: 2px solid #ccc;
    margin-bottom: 15px;
    padding-left: 5px;
  }

  .box-titlewrapper span {
      padding: 8px 0px 8px 5px;
      display: inline-block;
      font-weight: bold;
  }
  .primary-color {
    color: #0c82b8;
  }
  .box-column-wrapper {
    width: 48%;
    display: block;
    margin-right: 2%;
    border: 2px solid #ccc;
    background: #dbedf5;
    padding: 15px 30px;
    margin-bottom: 10px;
    float: left;
  }

  .protect-section-wrapper span {
    font-size: 50px;
    display: inline-block;
  }
  .protect-section-wrapper span.protectIcon {
    font-size: 42px;
    margin-right: 5px;
    display: inline-block;
  }
  .protect-section-footer {
    font-size: 12px;
    color: RGB(31,29,30);
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
  }

  .last-updated-text {
    color: RGB(114,114,114);
    font-size: 11px;
  }
  .box-column-wrapper.right-col {
    margin-right: 0;
    margin-left: 2%;
  }
  .assetLabel span {
    display:inline-block;
    font-size: 13px;
    line-height: 1.5;
  }
  .square{
    width: 8px;
    height: 8px;
    display: inline-block;    
  }


  #userAssetUba-contents{    
    margin-top: 15px;
      max-height: 400px; 
      min-height: 125px; 
      width: 99.6%;
  }

  .user-panel{
      height: 97px;
      margin-right: 15px;
      width: 45%;
      margin-top: 15px;
      padding: 0px;
      background: RGB(255,163,86);
      color: #000;
      float: left;
  }

  .user-panel-infodiv {
      padding: 7px;
      line-height: 1.2em;
      width: 70%;
      word-break: break-all;
      height: 65px;
  }

  .user-panel-infodiv div {
      font-size: 10px;
      color: RGB(95,95,95);
      /* position: relative;
      left: 170px; */
  }

  .user-panel-infodiv .name {
      margin-bottom: 0;
      margin-top: 0;
      font-size: 15px;
      font-weight: 400;    
      white-space: nowrap;
      border-bottom: 1px solid RGB(215,215,215);
      padding-bottom: 3px;
      width: auto;
      color: RGB(51,51,51);
      overflow: hidden;
      text-overflow: ellipsis;
  }
  
  .user-panel-infodiv h4.h4Txt {
      width: 90%;
  }
  
  #anamoliesTxt{
    line-height: 1.5em;
      /* padding-left: 5px; */
      font-size: 10px;
      /* position: relative;
      top: -26px;
      left: 30px; */
      width: auto;
      border-right: 1px solid #ccc;
      padding: 0px 5px;
      font-weight: normal;
      margin-left: 4px;
      margin-top: -1px;
  }
  
  .user-panel-scorediv{
      top: 20px;
      font-size: 28px;
      padding: 5px;
      margin-left: -30px;
      font-weight: bold;
  }

  .user-panel-scorediv100 {
      top: 20px;
      font-size: 30px;
      padding: 8px 0;
      margin-left: -40px;
      font-weight: bold;
  }
  .square.critical{
    background: #cc0000;
    border: 4px solid RGB(102,0,0);
    color: RGB(255,255,255);
  }
  .square.high{
      background: #FFAD01;
      border: 4px solid RGB(211,46,40);
      color: RGB(255,255,255);
  }
  .square.medium{
      background: #FAFA37;
      border: 4px solid RGB(184,100,2);
      color: RGB(56,56,56);
  }
  .square.low{
      background: #0c82b8;
      border: 4px solid RGB(255,255,0);
      color: RGB(56,56,56);
  }
  .square.no-criticality {
    background: green;
  }
  .no-criticality{
      background: RGB(255,255,255);
    /*  border: 1px solid RGB(215,215,215); */
      color: RGB(56,56,56);
  }

  .assetLabel {
    /* font-family: 'Inter' !important; */
    float: right;
    width: 50%;
  }
  .user-panel-type1.critical {
    /* border: 1px solid RGB(118,0,0); */
    border: 1px solid #cc0000;
  }
  .user-panel .row {
    padding: 0 15px;
  }
  
  .user-panel-type1.high {
    /* border: 1px solid RGB(208,53,26); */
    border: 1px solid #FFAD01;
  }
  
  .user-panel-type1.medium {
    /* border: 1px solid RGB(237,146,73); */
    border: 1px solid #FAFA37;
  }
  
  .user-panel-type1.low {
    /* border: 1px solid RGB(255,204,102); */
    border: 1px solid #0c82b8;
  }
  
  .user-panel-type1.no-criticality {
    border: 1px solid green;
  }
  
  .user-panel-type1{
    background: RGB(255,255,255);
    color: RGB(56,56,56);
  }
  
  .no-data{
    text-align: center;
    font-style: italic;
    position: relative;
    top:50px;
  }
  
  .afterDecimal {
    font-size: 14px;
  }
  
  .beforeDecimal {
    font-size: 30px;
  }

  .user-panel {
    height: auto;
    margin-right: 10px;
    /* margin-top: 5px; */
    padding: 0px;
    color: #000;
    cursor: pointer;
    border: 1px solid #EEEEEE;
    margin-bottom: 8px;
    border-radius: 10px;
    padding-top: 5px;
  }
  #userAssetUba-contents .userName{
    font-size:12px;
    margin-top:5px;
    font-weight:bold;
    display:inline;
  }
  #userAssetUba-contents .fa-user{
    font-size:10px;
    margin-right:10px;
    display: inline;
  }
  .font-10{
    font-size:10px;
  }
  .user-panel-type {
    background: #fff;
    border: 1px solid #aaa;
  }
  .user-panel-type.critical{
    border-left:10px solid #cc0000 !important;
  }
  .user-panel-type.high{
      border-left:10px solid #FFAD01 !important;
  }
  .user-panel-type.medium{
    border-left:10px solid #FAFA37 !important;
  }
  .user-panel-type.low{
      border-left:10px solid #0c82b8 !important;
  }
  .user-panel-type.no-criticality{
      border-left:10px solid green !important;
  }
  .beforeDecimal{
    font-size:22px;
    font-weight:bold;
    margin-left: 10px;
  }
  .afterDecimal {
      font-size: 10px;
  }
  .scoreDiff {
      display: block;
      height: 15px;
      z-index: 2;
      background: #fff;
      position: relative;
      font-size: 10px;
      left: 10px;
      top:5px;
  }
  .increaseScoreDiff {
    color: RGB(212,47,41);
  }
  .decreaseScoreDiff {
    color: RGB(37,192,124);
  }
  .noScoreDiff {
    color: #ccc;
  }
  #userAssetUba-contents  .fa.fa-star {
      color: #0B57D0;
  }
  .clear {
    clear: both;
  }
  .user-panel-8 .no-criticality{
    background:unset !important;
  }
  .pull-right {
    float: right!important;
  }
  .fa-sync-alt {
    margin-right: 8px;
  }
  .lastRefreshed {
    color: #A0A0A0;
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .font-10 {
    font-size: 10px;
  }
  .speedOfResponsetoggleBtn {
    margin-bottom: 35px;
    font-size: 14px;
  }
  .innerTab {
    position: relative;
    float: right;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
  }

  .innerTab > li > a{
    line-height: 0.55;
    font-size:14px;
    color:RGB(212,212,212);
    background-color: RGB(247,247,247);
    margin: 0px;
    border-color: #d8d8d8;
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid #ddd;
  }
  
  .innerTab > li.active > a, .innerTab > li.active{
    background-color: var(--button-primary);
    color: #fff;
    margin-right: 0px;
    border-color: var(--button-primary);
  }
  
  .innerTab > li.activeTabLeft, .innerTab > li.activeTabLeft > a{
    border-radius: 5px 0 0 5px;
  }
  
  .innerTab > li.activeTabRight, .innerTab > li.activeTabRight a{
    border-radius: 0 5px 5px 0 ;
  }

  .inner-Tab > li > a:hover, .inner-Tab > li > a:focus{	
    text-decoration: none;
    border-color: #d8d8d8;
	  color:RGB(212,212,212);
	  background-color: RGB(247,247,247); 
  }
  .innerTab > li {
    height: 30px;
  }

  .inline-boxes-wrapper {
    display: block;
    position: relative;
    text-align: center;
    padding: 10px;
  }
  
  .inline-box-wrap {
		width: 180px;
		display:inline-block;
    padding: 10px 0 10px 0;
    margin-right: 5px;
    min-height: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	}

  .ib-title-wrap {
    font-weight: bold;
    text-transform: uppercase;
    color: RGB(36,36,36);
    font-size: 11px;
    padding: 0px 10px 0 10px;
  }

  .ib-body-wrap .fa, .ib-body-wrap .fas {
    color: #0c82b8;
  }

  .ib-body-wrap {
    font-size: 27px;
    text-align: center;
    padding: 1px;
  }
  .ib-body-wrap span {
    margin-right: 2px;
    display: inline-block;
  }

  .ib-body-wrap .speedNum {
    color: RGB(74,72,73);
    font-weight: 700;
  }

  .ib-body-wrap .speedDuration {
    font-size: 15px;
    text-transform: lowercase;
  }

  .ib-chart-wrap {
    background-color: #b0d7e8;
    margin-bottom: -20px;
  }
  .ib-chart-wrap .cht-wrapper {
    width: auto;
    height: 50px;
    margin: 10px 2px 10px 2px;
    padding: 5px 0px 5px 0px;
    font-size: 13px;
  }

  .ib-chart-wrap .cht-wrapper path {
    stroke: #0c82b8;
    stroke-width: 1;
    fill: none;
  }

  .radioContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  .radioContainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
  }

  .checkRadio {
    position: absolute;
    top: 1px;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid #333333;
    transition: 350ms;
  }

  .radioContainer input:checked ~ .checkRadio {
    background-color: #FFF;
  }
  
  .checkRadio:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .radioContainer input:checked ~ .checkRadio:after {
    display: block;
  }
  
  .radioContainer .checkRadio:after {
    top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--text-black);
    border: 1px solid var(--text-black);
  }

  span.checkRadio:hover { 
    box-shadow: inset 0px 0px 4px 0px rgba(128, 128, 128, 0.5); 
  }
  
  .disabled .radioContainer .checkRadio {
    border: 1px solid #aaa;
  }
  
  .disabled .radioContainer .checkRadio:after {
     top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--text-black);
    border: 1px solid var(--text-black);
  }

  .intervalTypeRadio .radioContainer {
    display: inline;
    padding: 1px 18px;
  }


.advisoryTypes .fa-exclamation-triangle {
  color: #2E75B6;
  margin-right: 2px;
}

#advisoryCategoryChart {
  width: 450px;
  overflow-x: scroll;
}

.advisoryTypes .fa-bug {
  color: #F4B183;
  margin-right: 2px;
}

.advisoryTypes div {
  font-size: 13px;
  margin-bottom: 5px;
}

.ta_title {
  background: #0c82b8;
  padding: 3px 10px;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 2px;
}

.advisoryChart {
  padding-top: 25px;
}

.risk-info-wrapper {
  padding: 10px;
}
.risk-info-wrapper .row {
  padding: 10px 10px 20px;
}
.bg-wrapper {
  background: linear-gradient(-90deg, #74c3e7, #0c82b8);
  padding: 2px 10px 2px 10px;
  margin-top: 5px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  font-size: 14px;
  position: relative;
  height: 25px;
}
.bg-wrapper .fa {
  position: absolute;
  left: 3px;
  top: 4px;
  font-size: 20px;
  font-weight: bold;
}
.bg-wrapper hr {
  width: calc(100% - 20px);
  text-align: left;
  margin-left: 0;
  margin-bottom: 10px;
  margin-top: 0px;
  border-top: 2px solid #fff;
  position: absolute;
  top: 14px;
  right: 5px;
}
.bg-wrapper span {  
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.text-end .bg-wrapper span {
  float: right;
}
.text-start .bg-wrapper .fa {
  right: 3px;
  left: unset;
}
.nav-tabs > li > a {
  background: #dbedf5 none repeat scroll 0 0;
  border: 1px solid #d8d8d8;
  font-size: 12px;
  height: 100%;
}
.nav-tabs > li > a {
  color: #000;
}
.operationMatrics {
  position: relative;
}
.operationMatrics .nav-tabs {
  border-bottom: 0px solid #00000085;
  margin-top: 10px;
}
.operationMatrics .nav-tabs > li {
  padding-left: 0.5px;
  padding-right: 7px;
  float: left;
}
.operationMatrics .nav > li > a {
  padding: 0px;
}

.operationMatrics .nav-tabs > li > a {
  background-color: #fff;
  display: block;
  border: 1px solid #aaa;
  margin-bottom: 10px;
  border-radius: 0px;
  height: 110px;
  text-decoration: none;
}
.operationMatrics li .header {
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
  padding-top: 5px;
  font-weight: bold;
  padding-left: 10px;
  display: block;
}
.operationMatrics li .subHeader {
  font-size: 10px;
  color:#333;
  padding-left: 10px;
  padding-top: 0px;
  display: block;
}
.operationMatrics li .subHeaderNum {
  font-size: 32px;
  color: #333;
  text-align: center;
  font-weight: bold;
  display: block;
}
.responseTabLi {
  float: right !important;
}

.wrapper-with-bgb {
    border: 1px solid #0c82b8;
    border-radius: 5px;
    padding: 0;
    background: #fcfcfc;
  }

.executive-dashboard-wrapper {
    display:table;
    width:100%;
    padding: 0;
    margin: 0;
    max-width: 100%;
    text-align: center;
  }
  
  .executive-dashboard-wrapper .box-column-wrapper {
    width: 25%;
    float: none;
    display: table-cell;
    vertical-align: middle;
    background-color: transparent;
    border-width: 0px;
    padding: 10px;
  }
  
  .protect-section-wrapper, .protect-section-footer {
    background-color: #0c82b8;
    color: #fff;
    padding: 10px 10px 2px;
  }
  
  .executive-dashboard-wrapper .box-column-wrapper .primary-color {
    color: #fff;
  }
  
  .protect-section-footer {
    color: #efefef;
    padding: 3px 10px 10px;
  }
  
  .pad-10 {
    padding: 0px 10px 10px;
  }
  
  .exeChartHeader {
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    background: #0c82b8;
    margin: 0px;
    border: 1px solid #0c82b8;
    color: #fff;
    border-left-width: 1px;
  }
  
  .wrapper-with-bgb {
    padding: 0;
    border-color: #0c82b8;
    background: #fcfcfc;
  }
  
  .lineHeader span {
    background: #fcfcfc;
  }
  
  .wrapper-with-bgb > .row {
    padding: 0 20px;
  }
  .wrapper-with-bgb > .row.hasHeader {
    padding: 0;
  }
  
  ul.category-list-wrapper-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  ul.category-list-wrapper-ul li {
    display: block;
    padding: 7px 10px;
    border-bottom: 1px solid #ccc;
  }
  
  ul.category-list-wrapper-ul li span.square + span {
    margin-left: 10px;
  }
  
  ul.category-list-wrapper-ul li span.square + span a {
    float: right;
  }
  
  ul.category-list-wrapper-ul li:last-child {
    border-bottom-width: 0px;
  }
  
  .block-wrapper.critical {
    border-color: #cc0000;
    background-color: #fdf5f5;
    color: #cc0000;
  }
  
  .block-wrapper.critical .block-title-wrap span {
    color: #cc0000;
  }
  
  .tab-content .tab-pane {
    display: none;
  }
  
  .tab-content .tab-pane.show {
    display: block;
  }

  .dbfilter main.omain {
    padding-top: 100px;
  }

/*Old CSS End*/

/*.landing-page .main-content-wrapper {
  background: linear-gradient(180deg, #007BB2 50%, #007BB2 50%);
  color: #fff;
}*/

body.landing-page {
  background: linear-gradient(180deg, #007BB2 50%, #007BB2 50%);  
}

.landing-page .main-content-wrapper {
  box-shadow: none;
}

.landing-page .box-container-wrapper .box-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fefefe;
}

.landing-page .menu-wrapper {
  background-color: #ebf5f9;
  border-top: 2px solid #4ac5e8;
}

.landing-page .box-item-icon  img.img-responsive {
  max-width: 100%;
  height: 60px;
}

.landing-page .box-container-wrapper .box-item .box-item-icon {
  background: transparent;
  background-position: center center;
}

/*
.dropdown-menu.show {
  min-width: 95vw;
}
.menu-group-wrapper {
  padding: 0px 10px 10px;
  float: left;
  width: 25%;   
}
.menu-group-wrapper:nth-child(4n+1) {
  clear: left;
}*/
.menu-group-title {
  background: #009ed8;
  color: #fff;
  margin: 0;
}
.menu-group-items {
  background: #fff;
  border: 1px solid #00a1d9;
  border-top-width: 0px;
}
.menu-item-desc {
  height: 28px;
  overflow: hidden;
}
.menu-item.active, .menu-item:hover {
  background: #c9ecf7;
}
.menu-item {
  border-bottom: 1px solid #ccc;
}
.menu-item:last-child {
  border-bottom-width: 0px;
}
/*
.menu-group-wrapper {
  aspect-ratio: 3 / 2;
  padding-right: 20px;
  padding-bottom: 20px;
}

.menu-group-wrapper:nth-child(2n) {
  aspect-ratio: 1;
}

.menu-group-wrapper:nth-child(2n - 1) {
  aspect-ratio: 1 / 2;
}*/

.dropdown-menu.show {
  min-width: 95vw;
  display: grid;
  grid-auto-rows: 50px;
  grid-gap: 10px;                                              
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  padding: 10px;
  background: #f8fdfe;
}

[span2] {
  grid-row: span 2;
}

[span3] {
  grid-row: span 3;
}

[span4] {
  grid-row: span 4;
}

[span5] {
  grid-row: span 5;
}

.menu-item-icon {
  display: none;
}

.menu-item-desc {
    color: #555;
}

.menu-item-title {
  font-weight: bold;
  color: #009ed8;
}

.filter-item span {
  font-weight: bold;
  color: #00a1d9;
}

.filter-item.search-wrapper-flwd {
  width: 50%;
}

.border_rounded {
  border-radius: 5px;
}

.box_item p {
  min-height: 65px;
}

.content-item-wrap i {
  color: #fff;
}
.clear {
  clear: both;
}
.inline-elements-cont {
  display: block;
  width: 100%;
  position: relative;
  padding: 10px;
  border: 1px solid #ccc;
}

.inline-element-cont {
  display: inline-block;
  padding-right: 10px;
}

.inline-element-cont.float-end {
  padding-left: 10px;
  padding-right: 0;
}

.inline-element-cont .form-select, .inline-element-cont .form-control {
  display: inline-block;
  max-width: 180px;
}
.bggrey {
  background: #efefef;
}
.fggreen {
  color: green;
}

.minht-75 {
  min-height: 80vh;
}

.number-widget-lg .number-widget-wrapper h1 span {
  font-size: 14px;
  line-height: 1.5;
  display: block;
  margin-top: 20px;
}

.number-widget-lg .number-widget-wrapper h1 span + span {
  margin-top: 2px;
}

span.tag {
  background: #efefef;
  padding: 0 10px 0 5px;
  border-left: 3px solid #000;
}
.red-bdr {
  border-color: #CC0000!important;
}

.form-check-field {
  vertical-align: middle;
}

.red {
  color: #cc0000;
  font-weight: bold;
}

.addl_info_form_field span {
  font-size: 80%;
  color: #555;
}

.cus-pad {
  padding-top: 20px;
  margin-top: 20px;
}

.bdrtop {
    border-top: 1px solid #ccc;
}

.mnht100 {
  min-height: 100px;
}

.noborder {
  border-width: 0px!important;
}