/*================HISTORY PAGE=======================*/
/*.component-selector{
  display: none;
}
.pagination-container{
  display: none;
}*/
/*===================MAIN PAGE=======================*/
/*=============LAYOUT REORDERING CSS=================*/
/*===================================================*/
.layout-content{
  display: flex!important;
  flex-direction: column;
}
.container{
  display: flex!important;
  flex-direction: column;
}
.components-section{
  display: flex!important;
  flex-direction: column;
  order: 1;
}
.page-status{
  margin-bottom: 50px!important;
  display: flex!important;
  flex-direction: column;
  order: 2;
}
.unresolved-incidents{
  margin-bottom: 50px!important;
  display: flex!important;
  flex-direction: column;
  order: 3;
}
.incidents-list{
  margin-top: 0px!important;
  display: flex!important;
  flex-direction: column;
  order: 4;
}
.page-footer{
  display: flex!important;
  flex-direction: column;
  order: 5;
}
.history-footer-link{
  display: none;
}
/*===================================================*/

/*Remove Incident Time Line for Today Events History*/
.updates-container{
  display: none;
}

/*Past Incidents*/
#past-incidents:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: " \f105";
}

/*Expand Icons*/

.fa.group-parent-indicator.color-secondary.font-small.fa-plus-square-o {
    line-height: 21.35px;
    font-size: 1.5rem;
}

.fa-plus-square-o:before {
    content: "\f107";
}

.fa-minus-square-o:before {
    content: "\f106";
}

/*Impact colors*/
.layout-content.status.status-index .page-status.status-minor{
 background-color: #E74C3C; 
}

.layout-content.status.status-index .page-status.status-major{
 background-color: #E74C3C; 
}

.layout-content.status.status-index .status-day .update-title.impact-maintenance a, .layout-content.status.status-index .status-day .update-title.impact-maintenance a:hover, .layout-content.status.status-index .page-status.status-maintenance, .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title, .layout-content.status.status-index .scheduled-incidents-container .tab{
  border-radius: 4px 4px 4px 4px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  background-color: #3498DB;
}
.layout-content.status.status-index .unresolved-incident.impact-maintenance .updates, .layout-content.status.status-index .scheduled-incidents-container{
  border-color: #3498DB;
  border-radius: 4px 4px 4px 4px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
}
.layout-content.status.status-index .unresolved-incident.impact-minor .incident-title{
  border-radius: 4px 4px 4px 4px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  background-color: #F6A842;
}
.layout-content.status.status-index .unresolved-incident.impact-minor .updates{
  border-color: #F6A842;
  border-radius: 4px 4px 4px 4px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
}
.layout-content.status.status-index .unresolved-incident.impact-critical .incident-title{
  border-radius: 4px 4px 4px 4px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  background-color: #E74C3C;
}
.layout-content.status.status-index .unresolved-incident.impact-critical .updates{
  border-color: #E74C3C;
  border-radius: 4px 4px 4px 4px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
}
/*-=-=-=-=-=-=-=-=--=-=-=-*/
.updates-dropdown-container .updates-dropdown{
  margin-left: -95%;
}
div[id^="updates-dropdown"] .updates-dropdown-section, #uptime-tooltip .tooltip-box{
  background-color: #000000;
}
.page-footer{
  border-top-width: 0px;
}
.status-day:nth-child(n+3){
  display:none;
}
a.color-secondary{
  display: none!important;
}
a#show-updates-dropdown{
  	   font-weight: bold;
     color: #FFFFFF;
}
.nav{
  display: flex!important;
  justify-content: center!important;
}
#navigation{
  display: flex!important;
  justify-content: center!important;
  padding: 3% 0% 0% 0%;
}
#logo {
    vertical-align: middle;
  	  width: 20%;
    max-width: 100%;
    height: auto;
    display: inline-block;
  			  padding: 3% 3% 3% 3%;
}
#spacer{
  display: inline-block;
  padding-right: 50%;
}
img{
  display: inline-block;
}
#links{
   display: inline-block;
   color: #8A92BF;
   padding: 0% 3% 0% 0%;
}
#links:hover{
   display: inline-block;
   font-weight: bold;
   color: #FFFFFF;
   padding: 0% 3% 0% 0%;
}
#replace-with-subscribe{
   display: inline-block;
   color: #8A92BF;
   padding: 0% 0% 0% 0%;
}
/* nav end */
.components-section{
  background-color: #FFFFFF; 
}
.layout-content.status.status-index .page-status{
  margin-bottom: 25px;
}
.activate-page-prompt{
 display: none; 
}
.color-secondary powered-by{
 display: none!imporant;
}
span{
  color: inherit;
  vertical-align: inherit;
}
strong {
  color: #8A92BF;
}
.updates-container{
  color: #8A92BF;
}
.name{
  color: #0a1545;
  vertical-align: middle;
}
/* Types: Changes/Incidents*/
.layout-content.status-index .components-statuses .component-container.status-blue:after, .layout-content.status-full-history .month .incident-container .impact-maintenance, .layout-content.status-incident .incident-name.impact-maintenance, .layout-content.status.status-index .incidents-list .incident-title.impact-maintenance a, .status-blue .icon-indicator, .incident-history .impact-maintenance, .components-container .component-inner-container.status-blue .component-status, .components-container .component-inner-container.status-blue .icon-indicator{
    color: #FFFFFF;
    font-size: 1rem;
    line-height: 1.5rem;
  
    padding: 5px 7px 5px 7px;
    display: inline-block;
    border-radius: 5px;
    border-width: 2px;
  	  background-color: #3498DB;
}
.layout-content.status-index .components-statuses .component-container.status-red:after, .layout-content.status-full-history .month .incident-container .impact-critical, .layout-content.status-incident .incident-name.impact-critical, .layout-content.status.status-index .incidents-list .incident-title.impact-critical a, .status-red .icon-indicator, .incident-history .impact-critical, .components-container .component-inner-container.status-red .component-status, .components-container .component-inner-container.status-red .icon-indicator{
    color: #FFFFFF;
    font-size: 1rem;
    line-height: 1.5rem;
  
    padding: 5px 7px 5px 7px;
    display: inline-block;
    border-radius: 5px;
    border-width: 2px;
  	  background-color: #E74C3C;
}
.layout-content.status-index .components-statuses .component-container.status-yellow:after, .layout-content.status-full-history .month .incident-container .impact-minor, .layout-content.status-incident .incident-name.impact-minor, .layout-content.status.status-index .incidents-list .incident-title.impact-minor a, .status-yellow .icon-indicator, .incident-history .impact-minor, .components-container .component-inner-container.status-yellow .component-status, .components-container .component-inner-container.status-yellow .icon-indicator, .layout-content.status.manage-subscriptions .confirmation-infobox .fa{
    color: #FFFFFF;
    font-size: 1rem;
    line-height: 1.5rem;
  
    padding: 5px 7px 5px 7px;
    display: inline-block;
    border-radius: 5px;
    border-width: 2px;
  	  background-color: #F6A842;
}
/*===========================*/
/* custom icons for products */
/*===========================*/
.core::before{
  	display: inline-block;
    width: 30px;
  		  height: 30px;
    vertical-align: middle;
    content: url("https://cujo.com/wp-content/uploads/2023/08/agent.svg?size=30px");
}
span.fw::before{
  	display: inline-block;
    width: 30px;
  		  height: 30px;
    vertical-align: middle;
    content: url("https://cujo.com/wp-content/uploads/2023/08/agent.svg?size=30px");
}
span.sentry::before{
  display: inline-block;
    width: 30px;
  		  height: 30px;
  vertical-align: middle;
  content: url("https://cujo.com/wp-content/uploads/2023/08/sentry-ico.svg?size=30px");
}
span.explorer::before{
  display: inline-block;
    width: 30px;
  		  height: 30px;
  vertical-align: middle;
  content: url("https://cujo.com/wp-content/uploads/2023/08/explorer-ico.svg?size=30px");
}
span.compass::before{
  display: inline-block;
    width: 30px;
  		  height: 30px;
  vertical-align: middle;
  content: url("https://cujo.com/wp-content/uploads/2023/08/compass-ico.svg?size=30px");
}
span.otm::before{
  display: inline-block;
    width: 30px;
  		  height: 30px;
  vertical-align: middle;
  content: url("https://cujo.com/wp-content/uploads/2023/08/OTM-ico.svg?size=30px");
}
span.lens::before{
  display: inline-block;
    width: 30px;
  		  height: 30px;
  vertical-align: middle;
  content: url("https://cujo.com/wp-content/uploads/2023/08/lens-ico.svg?size=30px");
}
span.lite::before{
  display: inline-block;
    width: 30px;
  		  height: 30px;
  vertical-align: middle;
  content: url("https://cujo.com/wp-content/uploads/2022/03/LITE.svg");
}
span.cid::before{
  display: inline-block;
    width: 30px;
  		  height: 30px;
  vertical-align: middle;
  content: url("https://cujo.com/wp-content/uploads/2019/10/cloud.svg");
}
span.cyber::before{
    color: rgb(39, 53, 138);
  		  font-size: 20px;
    	padding-right: 10px;
    padding-left: 10px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "\f132";
}
span.dus::before{
    color: rgb(39, 53, 138);
  	  font-size: 20px;
  	  padding-right: 10px;
    padding-left: 10px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "\f043";
}
.hidden{
    display: none;
}
1v4dc26vcx98{
  display: none;
}
/*tablet responsive*/
@media (max-width: 1023px) {
#logo {
    vertical-align: middle;
    width: 30%;
    max-width: 30%;
    height: auto;
    border: 0;
  			  padding: 3% 3% 3% 3%;
}
}
/*mobile responsive*/
@media screen and (max-width: 650px){
  
.layout-content.status .incidents-list {
    margin-top: 0px;
}
.layout-content.status.status-index .page-status{
    margin-bottom: 50px!important;
  }
  
}
@media (max-width: 450px) {
  
#logo {
    vertical-align: middle;
    width: 40%;
    max-width: 40%;
    height: auto;
    border: 0;
  			  padding: 3% 3% 3% 3%;
}
.layout-content.status .incidents-list {
    margin-top: 0px;
}
  .layout-content.status.status-index .page-status{
    margin-bottom: 50px!important;
  }
  
}