:root {
  --primary:  #314480;
  --green:    #4caf50; 
  --orange:   #ff9800;
  --red:      #f44336;
  --gray:     #e8e8e8;
}
/* ================GENERAL================ */
/*==== Hide history ===== */
.history-footer-link {
  display: none;
}
.incidents-list {
  display: none;
}
body.history > div.layout-content > div.container > div:first-of-type {
  display: none;
}
.name, .font-regular, .color-secondary{
  color:  black !important;
}
.layout-content.status.status-index .unresolved-incident .updates{
  border: none !important;
}
.layout-content.status.status-incident .page-title .incident-name{
  background: white;
}
.layout-content.status.status-index .components-section .components-container{
  overflow: visible !important;
}
.modal-backdrop{
  background-image:  -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(0,0,0,0.4), #515151 100%) !important;
}
body{
  min-height: 60vh !important;
  background-attachment: fixed !important;
  background-position-x:  100% !important;
  background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhs aW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTM0IiBo ZWlnaHQ9IjExNTgiIHZpZXdCb3g9IjAgMCA5MzQgMTE1OCI+DQogIDxkZWZzPg0K ICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IGlkPSJS ZWN0YW5nbGVfMTUiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE1IiB3aWR0aD0iOTM0 IiBoZWlnaHQ9IjExNTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjgyMiAzMDIu MzM2KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9 IjEiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSJ0aGlu Z2llcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyLjgyMiAtMzAyLjMzNikiIGNs aXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4NCiAgICA8ZyBpZD0iR3JvdXBfMiIg ZGF0YS1uYW1lPSJHcm91cCAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Mi4yMjMg NzQ3LjAzNCkiPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTgiIGRhdGEtbmFtZT0i UGF0aCAxOCIgZD0iTTM2Mi45MTMsMzU4LjcxM3Y5OS43NjhsODYuNCw0OS44ODQs ODYuNC00OS44ODRWMzU4LjcxM2wtODYuNC00OS44ODRaIiB0cmFuc2Zvcm09InRy YW5zbGF0ZSgtMTcuMzA1IC05Ljg5NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2I3 MTQ1MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjAuNSIg b3BhY2l0eT0iMC41NiIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTkiIGRhdGEt bmFtZT0iUGF0aCAxOSIgZD0iTTM0My4wMzMsMzI0LjR2OTkuNzY4bDg2LjQsNDku ODg1LDg2LjQtNDkuODg1VjMyNC40bC04Ni40LTQ5Ljg4NFoiIHRyYW5zZm9ybT0i dHJhbnNsYXRlKC04My44MjYgLTEyNC43KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIj YjcxNDUzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMC41 IiBvcGFjaXR5PSIwLjI1Ii8+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yMSIgZGF0 YS1uYW1lPSJQYXRoIDIxIiBkPSJNMzQzLjAzMywzOTMuMTMyVjQ5Mi45bDg2LjQs NDkuODg0LDg2LjQtNDkuODg0VjM5My4xMzJsLTg2LjQtNDkuODg0WiIgdHJhbnNm b3JtPSJ0cmFuc2xhdGUoLTgzLjgyNiAxMDUuMjc0KSIgZmlsbD0ibm9uZSIgc3Ry b2tlPSIjYjcxNDUzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0 aD0iMC41IiBvcGFjaXR5PSIwLjEiLz4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzIy IiBkYXRhLW5hbWU9IlBhdGggMjIiIGQ9Ik0zMjMuMTUyLDM1OC43MTN2OTkuNzY4 bDg2LjQsNDkuODg0LDg2LjQtNDkuODg0VjM1OC43MTNsLTg2LjQtNDkuODg0WiIg dHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1MC4zNDggLTkuODk2KSIgZmlsbD0ibm9u ZSIgc3Ryb2tlPSIjYjcxNDUzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9r ZS13aWR0aD0iMC41IiBvcGFjaXR5PSIwLjI1Ii8+DQogICAgICA8cGF0aCBpZD0i UGF0aF8yMyIgZGF0YS1uYW1lPSJQYXRoIDIzIiBkPSJNMzIzLjE1MiwyODkuOTMx VjM4OS43bDg2LjQsNDkuODg1LDg2LjQtNDkuODg1VjI4OS45MzFsLTg2LjQtNDku ODg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1MC4zNDggLTI0MC4wNDcpIiBm aWxsPSJub25lIiBzdHJva2U9IiNiNzE0NTMiIHN0cm9rZS1taXRlcmxpbWl0PSIx MCIgc3Ryb2tlLXdpZHRoPSIwLjUiIG9wYWNpdHk9IjAuMSIvPg0KICAgICAgPHBh dGggaWQ9IlBhdGhfMjQiIGRhdGEtbmFtZT0iUGF0aCAyNCIgZD0iTTI4My4zOTEs Mjg5LjkzMVYzODkuN2w4Ni40LDQ5Ljg4NUw0NTYuMiwzODkuN1YyODkuOTMxbC04 Ni40LTQ5Ljg4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODMuMzkxIC0yNDAu MDQ3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjcxNDUzIiBzdHJva2UtbWl0ZXJs aW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMC41IiBvcGFjaXR5PSIwLjA1Ii8+DQog ICAgICA8cGF0aCBpZD0iUGF0aF8yNSIgZGF0YS1uYW1lPSJQYXRoIDI1IiBkPSJN NDQyLjQzNSwyODkuOTMxVjM4OS43bDg2LjQsNDkuODg1LDg2LjQtNDkuODg1VjI4 OS45MzFsLTg2LjQtNDkuODg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ4Ljc4 MiAtMjQwLjA0NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2I3MTQ1MyIgc3Ryb2tl LW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjAuNSIgb3BhY2l0eT0iMC4w NSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMjYiIGRhdGEtbmFtZT0iUGF0aCAy NiIgZD0iTTQyMi41NTUsMzI0LjR2OTkuNzY4bDg2LjQsNDkuODg1LDg2LjQtNDku ODg1VjMyNC40bC04Ni40LTQ5Ljg4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4 Mi4yNiAtMTI0LjcpIiBmaWxsPSJub25lIiBzdHJva2U9IiNiNzE0NTMiIHN0cm9r ZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIwLjUiIG9wYWNpdHk9IjAu MSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMjciIGRhdGEtbmFtZT0iUGF0aCAy NyIgZD0iTTM4Mi43OTQsMzkzLjEzMlY0OTIuOWw4Ni40LDQ5Ljg4NEw1NTUuNiw0 OTIuOVYzOTMuMTMybC04Ni40LTQ5Ljg4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRl KDQ5LjIxNyAxMDUuMjc0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjcxNDUzIiBz dHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMC41IiBvcGFjaXR5 PSIwLjI1Ii8+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yOCIgZGF0YS1uYW1lPSJQ YXRoIDI4IiBkPSJNMzIzLjE1Miw0MjcuNXY5OS43NjhsODYuNCw0OS44ODUsODYu NC00OS44ODVWNDI3LjVsLTg2LjQtNDkuODg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xh dGUoLTE1MC4zNDggMjIwLjI1NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2I3MTQ1 MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjAuNSIgb3Bh Y2l0eT0iMC4xIi8+DQogICAgICA8cGF0aCBpZD0iUGF0aF8yOSIgZGF0YS1uYW1l PSJQYXRoIDI5IiBkPSJNMzYyLjkxMyw0MjcuMDYxVjUyNi44M2w4Ni40LDQ5Ljg4 NCw4Ni40LTQ5Ljg4NFY0MjcuMDYxbC04Ni40LTQ5Ljg4NFoiIHRyYW5zZm9ybT0i dHJhbnNsYXRlKC0xNy4zMDUgMjIwLjgwMykiIGZpbGw9Im5vbmUiIHN0cm9rZT0i I2I3MTQ1MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjAu NSIgb3BhY2l0eT0iMC4yNSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMzAiIGRh dGEtbmFtZT0iUGF0aCAzMCIgZD0iTTQwMi42NzQsMzU4LjcxM3Y5OS43NjhsODYu NCw0OS44ODQsODYuNC00OS44ODRWMzU4LjcxM2wtODYuNC00OS44ODRaIiB0cmFu c2Zvcm09InRyYW5zbGF0ZSgxMTUuNzM5IC05Ljg5NikiIGZpbGw9Im5vbmUiIHN0 cm9rZT0iI2I3MTQ1MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lk dGg9IjAuNSIgb3BhY2l0eT0iMC4yNSIvPg0KICAgICAgPHBhdGggaWQ9IlBhdGhf MzEiIGRhdGEtbmFtZT0iUGF0aCAzMSIgZD0iTTQyMi41NTUsMzkzLjEzMlY0OTIu OWw4Ni40LDQ5Ljg4NCw4Ni40LTQ5Ljg4NFYzOTMuMTMybC04Ni40LTQ5Ljg4NFoi IHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Mi4yNiAxMDUuMjc0KSIgZmlsbD0ibm9u ZSIgc3Ryb2tlPSIjYjcxNDUzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9r ZS13aWR0aD0iMC41IiBvcGFjaXR5PSIwLjI1Ii8+DQogICAgICA8cGF0aCBpZD0i UGF0aF8zMiIgZGF0YS1uYW1lPSJQYXRoIDMyIiBkPSJNMjgzLjM5MSwzNTguNzEz djk5Ljc2OGw4Ni40LDQ5Ljg4NCw4Ni40LTQ5Ljg4NFYzNTguNzEzbC04Ni40LTQ5 Ljg4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODMuMzkxIC05Ljg5NikiIGZp bGw9Im5vbmUiIHN0cm9rZT0iI2I3MTQ1MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEw IiBzdHJva2Utd2lkdGg9IjAuNSIgb3BhY2l0eT0iMC4xIi8+DQogICAgPC9nPg0K ICA8L2c+DQo8L3N2Zz4NCg==') no-repeat center center;
}
a{
  color:  var(--primary) !important;
}
.components-affected{
  border:  none !important;
  box-shadow: 4px 4px 8px #dadada;
}
.updates-dropdown-container .updates-dropdown{
  top: -9em;
}
/* =================TILES================== */
.layout-content.status.status-index .components-section .components-container.one-column .component-container{
  border-top-width: 0 !important;
  border-right-width: 0 !important;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child{
  -webkit-border-radius: 1em !important;
}
.component-container{
  background: white;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container, 
.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child,
.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child, 
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(3), 
.scheduled-maintenances-container, .container.default-spacing{
  box-shadow: 4px 4px 8px #dadada;
  padding: 1em;
  margin-bottom: 1em;
  border-radius: .25em !important;
  -webkit-border-radius: .25em !important;
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title{
  background-color: white!important;
  border: none;
  border-bottom: solid 1px var(--gray);
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident{
    box-shadow: 4px 4px 8px #dadada;
    border-radius: .25em;
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none{
  border-left: solid 10px var(--primary);
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor{
  border-left: solid 10px var(--orange);
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major{
  border-left: solid 10px var(--red); 
}
 
.layout-content.status.status-index .unresolved-incident.impact-minor .updates, 
.layout-content.status.status-index .scheduled-incidents-container{
  border: none;  
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a:hover{
  color: black !important;
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a.subscribe:active,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a.subscribe:focus,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a.subscribe:focus-within{
  box-shadow: inset 2px 2px 10px  #e3e3e9;
  background: white;
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container, 
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(1), 
.layout-content.status.status-index .components-section .components-container.one-column .component-container, 
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(2) {
  border-radius: .25em !important;
}
/* Tiles:  Left borders */
.layout-content.status.status-index .components-section .components-container.one-column .component-container:has(.status-green){
  border-left: solid 10px var(--green) !important; 
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:has(.status-blue){
  border-left: solid 10px var(--primary) !important; 
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:has(.status-red){
  border-left: solid 10px var(--red) !important; 
}
.layout-content.status.status-index .components-section .components-container.one-column .component-container:has(.status-yellow), 
.layout-content.status.status-index .components-section .components-container.one-column .component-container:has(.status-orange){
  border-left: solid 10px var(--orange) !important; 
}
/* ==============STATUS LABELS============== */
.layout-content.status.status-index .components-section .component-container .component-status{
  padding: 0 0.5em !important;
  border-radius: .25em;
  color:  white;
}
.layout-content.status-index .components-statuses .component-container.status-green:after, .status-green .icon-indicator, 
.components-container .component-inner-container.status-green .component-status, 
.components-container .component-inner-container.status-green .icon-indicator{
  color: white;
  background: var(--green);
}
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title .actual-title.with-ellipsis{
   color: var(--primary);
   text-shadow: none;
}
.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,
.layout-content.status-index .components-statuses .component-container.status-orange:after, 
.layout-content.status-full-history .month .incident-container .impact-major, 
.layout-content.status-incident .incident-name.impact-major, 
.layout-content.status.status-index .incidents-list .incident-title.impact-major a, 
.status-orange .icon-indicator, .incident-history .impact-major, .components-container 
.component-inner-container.status-orange .component-status, 
.components-container .component-inner-container.status-orange .icon-indicator{
  color:  white;
  background:  var(--orange);
}
.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{
  background: var(--primary);
  color: white;
}
.layout-content.status-index .components-statuses .component-container.status-red: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-red .icon-indicator, .incident-history .impact-maintenance, 
.components-container .component-inner-container.status-red .component-status, 
.components-container .component-inner-container.status-red .icon-indicator{
  background: var(--red);
  color: white;
}
.layout-content.status.status-index .status-day .update-title.impact-minor a, 
.layout-content.status.status-index .status-day .update-title.impact-minor a:hover, 
.layout-content.status.status-index .page-status.status-minor, 
.layout-content.status.status-index .unresolved-incident.impact-minor .incident-title, 
.layout-content.status.status-index .scheduled-incidents-container .tab{
 background-color: var(--orange);
  }
/* ==============BUTTONS============== */
.flat-button:active, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:active{
  top:  0 !important;
}
.updates-dropdown-section.slack>a{color: #13234f !important}
.updates-dropdown-section.slack>a:hover{color: white !important}
.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown{
    outline-color: #13234f;
    color: #13234f;
    border-style: none;
    border-width: 0;
    outline-width: 0.125rem;
    outline-style: solid;
    outline-offset: -0.125rem;
    border-style: none;
    outline: 0.125rem solid #13234f;
    color: #13234f !important;
    background-image: linear-gradient(to right, #FFFFFF,#FFFFFF, #314480, #13234F) !important;
    text-align: center;
    border-radius: 0;
    padding: 1rem 1.5rem;
    font-family: Nexa,sans-serif;
    font-weight: 700;
    line-height: 1.5;
    box-shadow: 0 4px 8px -2px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.06) !important;
    cursor: pointer;
    text-align: center;
    background-size: 300% 100% !important;
}
.flat-button:hover, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:hover{
    border-style: none;
    border-color: #13234f;
    color:  white !important;
    outline-offset: -0.125rem;
    outline: 0.125rem #13234f;
    /*background-color:  #13234f;*/
    background-position: 100% 0 !important;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
/*======== SUBSCRIBE BIG BUTTON =======*/
.updates-dropdown-container{
  top:  -11.5em;
}
.updates-dropdown{
  margin-top:  11.5em;
}
/*======== HEADER =======*/
.layout-content.status .masthead-container.premium{
  max-width:  875px;
}
.page-name{
  display: none !important;
}
.text-container{
  background: transparent !important;
}
/*======== FOOTER ========*/
.page-footer{
  border-top: none;
}
/*====== RESPONSIVE =======*/
@media(max-width:800px){
  .updates-dropdown-container{
    top: 1em !important;
  }
  .masthead{
    padding: 0 1em;
  }
}