/* Global Values - base*/
body {
    font-size: .8rem;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background-color:#fff;
    color: #000;    
    margin: 0 auto;}
a {color:#0054A4;text-decoration:none;}
a:hover, a:active, a:focus  {color:#009bc0;text-decoration: underline;}
@media print {
  a[href]:after {
    content: none !important;
  }
}
.visually-hidden {display: none;}
.status {padding: .2rem 1rem;margin: .1rem 0 .5rem 0;font-size: 12px;color:#B22222;}
.status .fas {padding-right:.5rem;}
/* Override Foundation 6.3 */
.column, .columns {padding-left: .25rem;padding-right: .25rem;}   /* Foundation is .625rem; */ 
.row {max-width: 100%;}
p, li {font-size:12px;}
/* end */
/* clientlibs - svhb */
/* end */
/* UserName - base */
.username span {color:#8e4a0f;font-weight: bold;}
/* end */
/* Title Band - base */
.titleband .greenbanner {
    height: 89px;
    background-image: url('../../../../etc.clientlibs/svharbor/components/svpublic/clientlibs/resources/bg_green.jpg');
    background-repeat: repeat-x;
    background-position: left top;
}
.titleband span {font-size: 1.6rem;color: #fff;padding: 15px}
/* end */
/* Page Header - Base */
.pageheader .logo {height:44px;width:191px;}
/* end */
/* Link - base */
.links .divided li:not(:first-child) {border-left: 1px solid #000;}
.ui-dialog-buttonset .ui-button {background:#000;}
.fa-file-pdf {color:#ff0000;}
.modalwindow {display: none;width: 420px;}
.modalwindow p {margin-bottom: 0px;}
/* end */
/* Link - base */
.links .divided li:not(:first-child) {border-left: 1px solid #000;}
.ui-dialog-buttonset .ui-button {background:#000;}
.fa-file-pdf {color:#ff0000;}
.modalwindow {display: none;}
/* end */
/* Menu - base */
.horizontal-menu ul {list-style:none;}
.horizontal-menu li {display:inline-block;overflow: hidden;}
.horizontal-menu li a {padding:0 .25rem;}
.fas, .far {padding-left: .4em;}
.verticalDivider li:not(:first-child) {border-left: 1px solid #000;}
/* end */
/* iframe - base */
iframe {border:0;width:100%;overflow: scroll;}
/* end */
/* Backtotop - base  */
.backtotop a {margin: 0;position: fixed;bottom: 50px;right: 25px;width: 70px;
    height: 70px;text-decoration: none;color: #fff;background-color: #757575;display: none;border: 1px solid #fff;opacity: .9;z-index: 100;}
.backtotop .fa-chevron-up {margin: auto;display: block;text-align: center;font-size: 1.4rem;margin-top: .5rem;}
.backtotop span {text-align: center;display: block;font-stretch: 1.5rem;font-size: 1.2rem;}
/* end */
/* Contentpage */
.content-wrapper {padding: .5rem;}
/* Contentpage  */
/* Title Band - svhb */
.titleband .greenbanner {height: 40px;margin: 0 5px 10px 5px;}
/* end */
/* Page Header - svhb */
.pageheader {font-size:.8rem;position:relative;margin-bottom: 5px;}
.pageheader .logo {margin-bottom: 15px;}
.pageheader .links-bottom {margin-top:20px;}
.pageheader .username {margin-right:10px;}
/* end */
/* Page Footer - svhb */
.pagefooter {border-top: 1px dashed #bfbfbf; padding: .5rem 0;}
.pagefooter li {font-size:.8rem;}
/* end */


/*cookie consent banner styles start */
.cookieconsentbanner {
    display: inline;
    border-left: 1px solid #000;
    padding-top: 0.25rem;
    padding-left: 0.5rem;
}
.cmp-revoke-consent {
    position: relative !important;
    bottom: 0px !important;
    background-color: transparent;
    font-size: 0.8rem !important;
    margin-left: 0;
    margin-top: 0;
    display: inline;
    width: auto;
    text-decoration: none;
    left: 0;
    min-height: auto;
    line-height: normal;
    border: none;
    border-radius: 0 !important;
    font-weight: 400;
    padding: 0 !important;
    color: #009bc0;
    &:focus,
    &:active,
    &:hover,
    &:active:focus,
    &:active:focus:hover,
    &:active:hover,
    &:focus:hover {
      border-radius: 0;
      font-size: 0.8rem !important;
      border: none;
      background-color: transparent;
      text-decoration: underline;
      line-height: normal;
      min-height: auto;
      padding: 0 !important;
      font-weight: 400;
    }
    &:focus, &:focus-visible {
      outline: 2px solid #009bc0 !important;
      border-radius: 2px !important;
    }
  }

  .cmp-revoke-consent img {
    display: inline-block;
    margin-right: 0.3rem;    
    top: 2px;
  }

/* end */
/* Favorites Edit - svhb */
.myfavoritesedit h2 {font-size:1rem;font-weight: 700;margin:0;}                   
.myfavoritesedit tr:nth-child(even) {background-color: #fff;}
.myfavoritesedit td {padding: 0rem;font-size:.9rem;}
.myfavoritesedit td input {font-size:.8rem;padding: .25rem .5rem .1rem .5rem;height: 1.4rem;margin:0;}
.myfavoritesedit td:nth-child(3) {padding-left: 2rem;}
.myfavoritesedit .button {font-size:.9rem;background-color: #000099;color: white;font-weight: bold;margin-right: 5px;
    padding: 2px 6px 3px;border-width: 2px;border-style: outset;}
.myfavoritesedit tfoot {background-color:#fff;}
.myfavoritesedit .error {background-color: red;}
.myfavoritesedit .error input {color:#B22222;background-color: #f1f1f1;}
.myfavoritesedit .pagetitle {border-bottom: 4px solid #000099;padding:0 0 0.25rem 0;}
.myfavoritesedit .homebutton {font-size:.9rem;background-color: #8d9151;color: white;font-weight: normal;margin-right: 5px;
    padding: 2px 6px 3px;border-width: 2px;border-style: outset;}
.myfavoritesedit .homebuttondiv {text-align: right;}
/* end */
/* My Favorites - svhb */
.myfavorites .edit-link {text-align:right;padding-top: .25rem;}
.myfavorites .fa-pencil-alt {color: #8e4a0f;padding-right:.25rem;}
/* end */
/* My Email - svhb */
.myemail table tr {background-color:#fff;}
/* end */
/* Menu - svhb  */
.menu ul {margin: 0; padding: 0px;}
.box .menu ul {margin: 0; padding: 0px .25rem;list-style: none;}
.box .menu li {font-size:.8rem;} 
.box .menu li:not(:first-child) {/*border-top: 1px dashed #bfbfbf;*/} 
.menu a  {text-decoration: none;}
/* end */
/* Box - svhb */
/* The same image is used with positioning to show correct color */
.box-blue {border: 1px solid rgb(83,103,120);}
.box-blue .title {background-position: 0px 0px;background-image: url('../../../../content/dam/svharbor/svhb/site/box.png');background-repeat: repeat-x;}
.box-brown {border: 1px solid rgb(210,191,137);}
.box-brown .title {background-position: 0px -38px;background-image: url('../../../../content/dam/svharbor/svhb/site/box.png');background-repeat: repeat-x;}
.box-grey {border: 1px solid rgb(181,182,181);}
.box-grey .title {background-position: 0px -76px;background-image: url('../../../../content/dam/svharbor/svhb/site/box.png');background-repeat: repeat-x;}
.box-orange {border: 1px solid rgb(241,185,132);}
.box-orange .title {background-position: 0px -114px;background-image: url('../../../../content/dam/svharbor/svhb/site/box.png');background-repeat: repeat-x;}
.box-purple {border: 1px solid rgb(165,93,126);}
.box-purple .title {background-position: 0px -152px;background-image: url('../../../../content/dam/svharbor/svhb/site/box.png');background-repeat: repeat-x;}
.box-red {border: 1px solid rgb(217,145,148);}
.box-red .title {background-position: 0px -190px;background-image: url('../../../../content/dam/svharbor/svhb/site/box.png');background-repeat: repeat-x;}
.box-teal {border: 1px solid rgb(144,178,169);}
.box-teal .title {background-position: 0px -228px;background-image: url('../../../../content/dam/svharbor/svhb/site/box.png');background-repeat: repeat-x;}
.box-black {border: 1px solid #fff;}
.box-black .title {background-color:#fff;}
/* end */
/* Comments - svhb */
.comments {font-size:.9rem;}
.comments h2 {font-size:1rem;font-weight: 700;margin:0;}
.comments .button {font-size:.9rem;background-color: #000099;color: white;font-weight: bold;margin-right: 5px;
    padding: 2px 6px 3px;border-width: 2px;border-style: outset;}
.comments label {font-weight: 400;}
.comments .pagetitle {border-bottom: 4px solid #000099;padding:0 0 0.25rem 0;}
.comments .homebutton {font-size:.9rem;background-color: #8d9151;color: white;font-weight: normal;margin-right: 5px;
    padding: 2px 6px 3px;border-width: 2px;border-style: outset;}
.comments .homebuttondiv {text-align: right;}
/* end */

/* Azure Dialog - svhb  */
.azuredialog {
  font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  width: 760px;
  height: 521px;
  padding: 16px 17px 39px;
  background-color: #fff;
}
.azuredialog .container1 {}
.azuredialog .message1 {
  height: 28px;
  margin: 25px 33px 16px 36px;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #63544f;
}
.azuredialog .message2wrapper {
    width: 500px;
    margin: auto;
}
.azuredialog .message2 {
  margin: 16px 12px 27px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #63544f;
}
.azuredialog .image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}
.azuredialog .message3 {
  width: 100%;
  text-align: center;
  color: #63544f;
  font-size: 14px;
  padding: 12px 12px;
  background-color: #f5f5f5;
  border: 1px solid #dcdcdc;
}
.azuredialog .container2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  background-color: #fff;
}
.azuredialog .container3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
  width: 326px;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12),
    0 1px 1px 0 rgba(0, 0, 0, 0.14);
  background-color: #fff;
}
.azuredialog .unfi_link {
  display: block;
  width: 216px;
  height: 36px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 10px 16px;
  border-radius: 2px;
  background-color: #6db144;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 1.25px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.azuredialog .unfi_link:hover {
  text-decoration: underline;
}
.azuredialog .unfi_link:focus-visible {
  outline-color: unset;
}
.azuredialog .svharbor_linkcontainer {
  padding: 10px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.azuredialog .svharbor_link {
  height: 16px;
  margin: auto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  text-decoration: underline;
}
.azuredialog .svharbor_link:hover {
  text-decoration: none;
}
.azuredialog .button1 {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-widget-header {
  background-color: #6db144 !important;
}
.ui-dialog .ui-dialog-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.25px;
  text-align: center;
  color: #fff;
}
.ui-widget-overlay {
    background: #696969 !important;
    opacity: .90;
    filter: Alpha(Opacity=90);
 }

/* end */

/* Alerts Menu - svhb */
.alertsmenu .far {padding-left:.5rem;}
/* end */
/* Alerts - svhb  */
.alerts .far {padding-left:.5rem;}
.alerts .hide {display: none;}
/* end */
/* Alert - svhb  */
.alert {padding: 0 5rem 2rem 5rem;}
.alert .title {color:#636563;font-size: 1.1rem;font-weight: bold;margin-bottom:1rem;}
.alert h1 {font-size:1.5rem;}
.alert .textarea {border:0;margin-top:10px;padding:.75rem;}
/* end */
/* Box - base */
.box, .menu  {font-size:.8rem;margin-bottom: 1rem;}
.box .content, .menu .content {padding: 1rem .5rem 0.25rem .5rem;overflow: hidden;}
.box .title, .menu .title {font-size:.9rem;font-family: Verdana,Arial,Helvetica,sans-serif;font-weight: 500;color:#fff;padding: .2rem .75rem;}
.box .text {padding-top: .5rem;}
/* end */