/* Start Custom CSS */
/* Light Page */
@import url("https://fonts.googleapis.com/css?family=Lato");
body {
font-family: "Texta-Medium", "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;
}

@font-face {
font-family: "Texta-Medium";
src: url("https://www.snowflake.com/wp-content/themes/snowflake/fonts/texta-medium.eot");
src: url("https://www.snowflake.com/wp-content/themes/snowflake/fonts/texta-medium.eot?#iefix")
    format("embedded-opentype"),
  url("https://www.snowflake.com/wp-content/themes/snowflake/fonts/texta-medium.woff2")
    format("woff2"),
  url("https://www.snowflake.com/wp-content/themes/snowflake/fonts/texta-medium.woff")
    format("woff"),
  url("https://www.snowflake.com/wp-content/themes/snowflake/fonts/texta-medium.ttf")
    format("truetype"),
  url("https://www.snowflake.com/wp-content/themes/snowflake/fonts/texta-medium.svg#youworkforthem")
    format("svg");
font-weight: normal;
font-style: normal;
}

.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 {
  background-color: #A1D318;
}

.dot {

  height: 12px;
  width: 12px;
  display: inline-block;
  margin-right: .375rem;
  border-radius: 99px;
}
.dot.status-green {
  background-color: #A1D318;
}
.dot.status-yellow {
  background-color: #FFD700;
}
.dot.status-orange {
  background-color: #f19f00;
}
.dot.status-red {
  background-color: #F53131;
}
.dot.status-blue {
  background-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: "Texta-Medium", "Lato", sans-serif !important;
}

/* End Custom CSS */