/* Start Custom CSS */
/* Light Page */
@import url("https://www.snowflake.com/etc.clientlibs/snowflake-site/clientlibs/clientlib-react/resources/fonts/fonts-latin.css");
body {
font-family: "Lato", sans-serif;
}
/* new footer
footer {

    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15rem;            /* Footer height */
}
*/
table, tr, td {
border: 1px solid;
}
table {
min-width:1550px;
width: 100%;
margin-bottom: 40px;
table-layout: fixed;
}
.hide-provider {
display:none;
}
td {
}
body.status .layout-content.status .border-color, hr, .tooltip-base, .markdown-display table {
border-color:#E8E8E8;
}

/* --- Snowflake brand typography -------------------------------------
   Body/UI = Lato, headings = Texta 800, per snowflake.com.
   Faces come from the imported fonts-latin.css above.

   Guard: fonts-latin.css also declares Texta weight 400
   (/fonts/Texta.woff2), which currently returns an empty HTTP 204 with
   "no-store" -- it fails AND is never cached, so it would be
   re-requested on every page view. The local()-only override below
   shadows that face so it can never issue a network request; any
   Texta 400 text falls through to Lato instead. Remove this block once
   Texta.woff2 is fixed upstream. Headings pin weight 800, which is a
   healthy, immutably-cached file.
   ------------------------------------------------------------------ */
@font-face {
font-family: "Texta";
src: local("Texta"), local("Texta-Regular");
font-weight: 400;
font-style: normal;
}

h1, h2, h3, h4, h5, h6,
.heading .title {
font-family: "Texta", "Lato", sans-serif !important;
font-weight: 800 !important;
}

.components-container {
width: 32%;
}

@media (max-width: 1345px) {
.components-container {
  width: 49%;
  margin-bottom: 20px;
}

.components-container.azure-components {
  margin-right: 0;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .name {
  max-width: 85%;
}

.layout-content.status.status-index
  .components-section
  .components-container.one-column
  .component-container
  .icon-indicator {
  display: inline-block;
}
.months-container {
          zoom:80%;
}
.layout-content.status.status-index
  .components-section
  .components-container.one-column
  .component-container
  .component-status {
  display: none;
}
}

@media (max-width: 992px) {
.components-container {
  width: 100%;
}
}
@media (min-width: 576px) {
  .container{
      max-width: 570px !important; 
  }
}

@media (min-width: 768px) {
  .container{
    max-width: 762px !important; 
  }
}
@media (min-width: 992px) {
  .container{
      max-width: 986px !important;
  }
}

@media (min-width: 1200px) {
  .container {
      max-width: 1194px !important;
  }
}
@media (min-width: 1400px) {
  .container {
      max-width: 1394px !important;
  }
}
@media (min-width: 1490px) {
  .container {
      max-width: 1484px !important;
  }
}
@media (min-width: 1590px) {
  .container {
      max-width: 1594px !important;
  }
}

.container {
max-width: none;
}

.layout-content.status .custom-header-container {
margin: 40px auto;
height: 40px;
width: 90%;
}

.right-header {
font-size: 12px;
float: right;
line-height: 24px;
}

.header-links {
font-size: 12px;
margin-right: 20px;
color: #333;
}

.layout-content.status.status-index .page-status {
margin-top: 20px;
margin-bottom: 30px;
}

.layout-content.status.status-index .text-section {
margin-bottom: 30px;
}

.logo-container img {
height: 40px;
float: left;
}
.incidents-list {
zoom:80%;
}

.updates-dropdown-container {
background-color: #fff;
border-radius: 14px;
height: 28px;
width: 160px;
font-size: 12px;
text-align: center;
border: 1px solid #29b5e8;
}

.updates-dropdown-container .updates-dropdown {
text-align: left;
right: 5%;

/* Configuration below overrides the default mobile styles */
position: absolute;
top: 105%;
left: auto;
}

.show-updates-dropdown {
color: #29b5e8;
text-transform: uppercase;
vertical-align: middle;
}

.show-updates-dropdown:hover {
color: #0685b3;
}

.component-label {
font-size: 1.2rem;
text-align: center;
border-color: #E8E8E8;
background-color: #e5e4e4; 

}

.components-container {
display: inline-block;
vertical-align: top;
margin-right: 2%;
}

.components-container.gcp-components {
margin-right: 0;
}

.incident-container .update {
display: none;
}

.layout-content.status.status-index
.incident-container
.updates-container
.update:first-child {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 1.5em;
margin-bottom: 0;
}

.no-incidents {
display: none;
}

.page-footer {
margin: 40px 0 20px 0;
}

footer {
background-color: #11567f;
color: #3498db;
padding: 30px 0;
}

.footer-logo {
margin: auto;
display: block;
width: 80px;
}

.footer-links {
padding-top: 30px;
text-align: center;
font-size: 12px;
}

.footer-links li {
display: inline-block;
position: relative;
padding: 0 15px;
}

.footer-links li:not(:last-child)::after {
content: "";
border-right: 1px solid #3498db;
position: absolute;
right: -1px;
height: 11px;
top: calc(50% - 1px);
transform: translateY(-50%);
}

.copyright {
margin-top: 20px;
}

.months-container {
zoom:80%;	
}
/*.components-affected {
font-size: 14px;
font-weight:bold;
border: 0px;
color: #000080 !important;
background-color: #E0E0E0 !important;
margin-top: 20px !important;
} */
.text-section .color-secondary{
height: 0px !important;
overflow: hidden;
}

.text-section {
height: 0px !important;
margin: 0px !important;
overflow: hidden;
}

#cstatus .actual-title {
font-size: 16px !important;
}

#cstatus .unresolved-incident {
/* height: 18px !important;*/
margin-top: 12px !important;
}

#cstatus .unresolved-incident:first-of-type {
margin-top: 0px !important;
}

.custom-status { 
font-size: 28px !important;
margin-bottom: -90px !important;
}

.unresolved-incidents {
margin-bottom: 120px !important;
}

#cstatus .unresolved-incidents .unresolved-incident {
  font-weight: 500;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
  text-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}

.heading .title {
font-size: 20px !important;
color: #000080 !important;
}
.cinstructions {
background-color: #3498DB;
color: #FFF;
font-weight: bold;
border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
  text-shadow: 0 1px 0 rgb(0 0 0 / 10%);
padding: 3px;

}

.cavailable-services {
padding: 3px;
}

.component-container.border-color {
background-color: #fafafa !important
/* background-color: ##6d7285 !important; */
}
.component-container {
/* color: #fff !important; */
}

.custom-operational {
  background-color: #34C26B;
color: #FFF;
font-weight: bold;
border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
  text-shadow: 0 1px 0 rgb(0 0 0 / 10%);
padding: 3px;
}

.container {
padding: 20px;
}

.incident-container {
  /* background-color: #fafafa;
border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px; */
  border-top: 1px solid rgba(0,0,0,0.1);
/* border: 1px solid #EDEDED;*/
padding: 3px;
}

.month-title {
border: 0px !important; 
}
.custom-update {
display: inline-block;
width: 85%;
}

.custom-date {
width: 150px !important;
margin-left:12px !important;
float: left;
}

/*vlad from other*/
.status-container .dot.status-green {
  color: #A1D318;
}

.dot {

  height: 12px;
  width: 12px;
  display: inline-block;
  margin-right: .375rem;
  border-radius: 99px;
}
.dot.status-green {
  color: #A1D318;
  
}
.dot.status-yellow {
  color: #FFD700;
}
.dot.status-orange {
  color: #f19f00;
}
.dot.status-red {
  color: #F53131;
}
.dot.status-blue {
  color: #1888d3;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1* var(--bs-gutter-y));
  margin-right: calc(-.5* var(--bs-gutter-x));
  margin-left: calc(-.5* var(--bs-gutter-x));
}

.status-container .dot {
  height: 12px;
  width: 12px;
  display: inline-block;
  margin-right: .375rem;
  border-radius: 99px;

}
.status-container .status-catalogue .key-item-container {
  float: left !important;
  margin-right: 2.5rem;
  color: #4E5054;
display:block;
  font-weight: 500;
  font-size: 14px;
}
.key-item-container {
float: left !important;
    margin-right: 2.5rem;
  color: #4E5054;
display:block;
  font-weight: 500;
  font-size: 14px;


}
button:hover {
color: black !important;
}
table {
  border-spacing: 2px;
}
.row>* {
  flex-shrink: 0;
  width: 25%;
margin-bottom: 1.5rem !important;
float:left;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-top: var(--bs-gutter-y);
}
.nav-tabs .nav-link {
  color: black;
      
}

.nav-link:hover {
  color: black;
      
}
.nav-tabs .nav-link.active {
  color: white !important;
  background-color: #29b5e8 !important;
  border: 1px solid #29b5e8 !important;
}

    .deployment-row {
      
  border-color: #c6c7c8;
      }
.deployment-name {
  padding: 1.0rem 1.5rem !important;
      }

      a {text-decoration: none !important; }

footer a {
color: #29B5E8 !important;
}
.history-footer-link {
color: #29B5E8 !important;
text-decoration: none !important;
}
footer ol {
  padding-left: 0rem;
}
footer ul {
  padding-left: 0rem;
}

body {
font-family: "Lato", sans-serif !important;
}

 .subscribe-button{
        display: none !important; 
 }
        
    /* Hide the per-incident Subscribe link. Snowflake directs customers to the
       main SUBSCRIBE TO UPDATES control instead, so this entry point is not
       supported. Also removes it from the tab order, so the scroll-lock handler
       bound to a.subscribe can no longer be triggered. */
    a.subscribe {
      display: none !important;
    }


/* End Custom CSS */