html {
  -webkit-text-size-adjust: 100%; /* Prevent auto-resizing of text in iOS Safari */
  -ms-text-size-adjust: 100%; /* Prevent auto-resizing of text in IE Mobile */
}

html {
  font-size: 100%;
}

body { 
  background-image: none;
  background-color: #CFDFEC; 
  font-family: Arial, Helvetica, sans-serif; 
}


.mobi_befra header img {
  height: 80px;
  width: 80px;
}

.mobi_befra header {
  x-border-bottom: 1px solid #d1d7d8;
  x-height: 80px!important;
  x-width: 100%!important;
}

.mobi_befra {
  max-width: 960px!important;
  width: auto!important;
}

/* Footer always at page bottom */
body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
footer{
    margin-top: auto;
}
/* ----- */



p.bodytext,
li {
 font-size: 11pt;
 line-height: 1.4em;
 color: #444;
 hyphens: auto;
}

h1.csc-firstHeader { 
  padding-top: 0;
  font-size: 16pt;
  margin-bottom: 20px;
  color: #444;
}

blockquote {
 font-family: inherit;
 font-style: normal;
 font-size: 11pt;
}

.indent {
margin-left: 40px;
}

/* Links */
a,
a:visited,
a:focus,
a:hover,
a:active { 
  color:#093A66;
}


/* Navigation */

.vlist li #active {
 color: #fff;
 background-color:#093A66;
}

.vlist li a:focus,
.vlist li a:hover,
.vlist li a:active { 
  background-color:#093A66; 
  color: #fff;
}

#topnav a {
  color: #093A66;
}

#topnav a:visited  { 
  color: #093A66;
}

#topnav a:focus,
#topnav a:hover,
#topnav a:active {
  color:#093A66;
}
/* /Navigation */

/* Style for the message box */
#rotateMessage {
  width: 100%;
  margin-left: -10px;
  padding: 10px;
  margin-top: 25px;
  margin-bottom: 10px;
  background-color: rgba(255, 0, 0);
  color: white;
  text-align: center;
  font-size: 18px;
  display: none; /* Initially hidden */
}