@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap');
.cookie-consent-banner {
display: none;
}



body{
background-color: #f8f7f5;
}

header#header {
  width:100%;
  height: 70px;
  margin: 0 0 64px;
  padding: 13px 31.5px 14px 32px;
  background-color:#FFFFFF;
display:flex;
  flex-direction:column;
  justify-content:center;
}
header#header > div {
max-width:1366px;
  width: 90%;
  margin:0 auto;
   display:flex;
  flex-direction:row;
   justify-content: space-between;
}
header#header #loginbutton {

  height: 43px;
  padding: 12px 32px 11px;
  border-radius: 3px;

  border: solid 1px #2a75d1;
  background-color: #2a75d1;

}
header#header #loginbutton span{

  height: 19px;
  margin: 0 0 1px;

  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
header + div {
  text-align:center;
}
h1 {
    font-family: Montserrat;

    font-size: 47px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: -0.5px;
  text-align: center;
  color: #003059;
  margin-bottom:20px;
}
.updates-dropdown-container {
    top : 2px;
}

.updates-dropdown-container .show-updates-dropdown{
   
  border: solid 2px #2a75d1;
    padding: 13px 24px;
  border-radius: 3px;
  font-family: Montserrat;
  font-size: 16px;
    color: #2a75d1;

}
.updates-dropdown-container .show-updates-dropdown:after {
    /* content: 'Sign up for Automatic Updates'; */
}
footer {
  width:100%;
  height: 253px;

  background-color:#FFFFFF;

}
footer .container {
  width: 90%;
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
      padding-top: 70px;
}
footer .container ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
justify-content: center;
}
footer .container ul li {
  text-transform: uppercase;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: -0.21px;
  text-align: left;
  padding:30px 30px 40px;
}
footer .container ul li a {
  color: #455264;
      position: relative
}
footer .container ul li a:before {
        content:"";
        position: absolute;
        width: 0;
        height: .125em;
        bottom: 0;
        left: 0;
        background-color: #2a75d1;
        transition: width .3s ease
    }
footer .container ul li a:hover {
    text-decoration: none;
    color: #2a75d1;
}
footer .container ul li a:hover:before {
width:100%;
        right: 0;
        z-index: 1
    
}
footer .container #copyright {
    font-family: Roboto;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #455264;}
.layout-content.status.status-index.starter{
padding-bottom:0!important;
}

#regionselect, #regionselect2 {
    --xxxl: calc(var(--spacing) * 6);
    --xxl: calc(var(--spacing) * 4);
    --xl: calc(var(--spacing) * 3);
    --lg: calc(var(--spacing) * 2);
    --md: calc(var(--spacing) * 1.5);
    --sm: calc(var(--spacing) * 1);
    --xs: calc(var(--spacing) * .75);
    --xxs: calc(var(--spacing) * .5);
    --xxxs: calc(var(--spacing) * .25);
    --spacing: 1.125rem;
    --headlineColor: #003059;
    --headlineColorReverse: white;
    --headlineLinkColor: #2a75d1;
    --copyColor: #455264;
    --linkColor: #2a75d1;
    --disabled: #b5bac1;
    --error: #e5194a;
    --accentColor: #b5bac1;
    --alertCopy: #003059;
    --border1: #f8f7f5;
    --border2: #dadce0;
    --border3: #b5bac1;
    --accentBorder: transparent;
    --inputTextColor: #455264;
    --inputPlaceholder: #b5bac1;
    --inputBackground: white;
    --inputBorderColor: var(--border3);
    --cardBackground: white;
    --cardBorder: #f8f7f5;
    --cardShadow: 0 0.125em 0.375em 0 rgba(0,0,0,0.1);
    --cardHoverBackground: #f8f7f5;
    --cardHoverBorder: #dadce0;
    --cardHoverShadow: 0 0.125em 0.375em 0 rgba(0,0,0,0.2);
    --cardFocusBackground: #f8f7f5;
    --cardOverlayBackground: #003059;
    --cardHeadlineColor: #003059;
    --cardHeadlineLinkColor: #2a75d1;
    --cardCopyColor: #455264;
    --cardLinkColor: #2a75d1;
    --cardInnerBorder: #dadce0;
    --drawerBackground: #f8f7f5;
    --brandedDrawerBackground: #f8f7f5;
    --brandedHeadlineColor: #003059;
    --brandedHeadlineLinkColor: #2a75d1;
    --brandedCopyColor: #455264;
    --brandedLinkColor: #2a75d1;
    --brandedBorder1: #dadce0;
    --primaryButtonBg: #2a75d1;
    --primaryButtonBorder: #2a75d1;
    --primaryButtonText: white;
    --primaryButtonHoverBg: #0a54ab;
    --primaryButtonHoverBorder: #0a54ab;
    --primaryButtonHoverText: white;
    --secondaryButtonBg: #349d73;
    --secondaryButtonBorder: #349d73;
    --secondaryButtonText: white;
    --secondaryButtonHoverBg: #008059;
    --secondaryButtonHoverBorder: #008059;
    --secondaryButtonHoverText: white;
    --alternateButtonBg: transparent;
    --alternateButtonBorder: #2a75d1;
    --alternateButtonText: #2a75d1;
    --alternateButtonHoverBg: #0a54ab;
    --alternateButtonHoverBorder: #0a54ab;
    --alternateButtonHoverText: white;
    --textShadow: 0.125em 0.125em 0.375em rgba(255,255,255,0.5);
    --imageBlendColor: transparent;
    --imageBlendMode: normal;
    --imageSaturation: grayscale(0%);
    --transparent: rgba(255,255,255,0);
    --gradientBase: rgba(255,255,255,1);
    --gradientStart: rgba(255,255,255,0);
    --gradientMid: rgba(255,255,255,0);
    --gradientEnd: rgba(255,255,255,1);
    --gradientFlat: rgba(255,255,255,1);
    --headerOverlayHeadlineColor: #8f97a2;
    --headerOverlayCopyColor: #6a7583;
    --headerOverlayBackgroundColor: white;
    --headerOverlayBorder2: #dadce0;
    --headerOverlayShadow: 0 30px 50px 0 rgba(0,0,0,0.3);
    --headerOverlayLinkColor: #003059;
    --headerOverlayLinkHoverColor: #1865c4;
    --headerOverlayLinkBorder: transparent;
    --headerOverlayLinkHoverBorder: #f8f7f5;
    --headerOverlayLinkShadow: none;
    --headerOverlayLinkHoverShadow: none;
    --headerOverlayLinkBackground: white;
    --headerOverlayLinkHoverBackground: #DBE8F8;
    box-sizing: border-box;
    font-family: MontserratBold,Helvetica,Arial,sans-serif;
    font-stretch: normal;
    letter-spacing: 0;
    line-height: 1.333;
    color: var(--inputTextColor);
    width: auto;
    /* padding: var(--xs); */
    margin: 0;
    border: .063rem solid var(--inputBorderColor);
    border-radius: .188rem;
    background: var(--inputBackground);
    max-width: 17.5rem;
    font-size: 1.06em;
    min-width: 0;
    border: solid 2px #2a75d1;
    padding: 12px 24px;
    border-radius: 3px;
    font-family: Montserrat;
    font-size: 16px;
    color: #2a75d1;
    height : auto;
/*
    appearance: none;
*/
}

/* MODIFY STANDARD ELEMENTS */
.layout-content.status.status-index .page-status.status-none {
    background-color : #007a49
}

.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: #007a49;
}

.custom-header-container {
    background-color : #fff;
    background-image: url('https://www.smartsheet.com/sites/default/files/2022-02/background-texture.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position : bottom;
}

.headerimg {
    max-width : 75%;
}

          
.text-section {
    display : none;
}

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

@media screen and (max-width: 860px) {
    .mobile {
        display : auto;
    }
    select.mobile {
        display : inline;
    }
    .nomobile {
        display : none;
    }
}

@media screen and (min-width: 861px) {
    .mobile {
        display : none;
    }
    .nomobile {
        display : "";
    }
}