/********************/
/* REVISION HISTORY for BASE FILE*/
/*
TRINTY FOR ANCHORS 082025 - 
  DATE        WHO Comments
  ----------  --- ---------------------------------------------------
  01/10/2017  DG  added new scss files and testing
                  

 END REVISION HISTORY */
/************************/
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,700,600);
@import url(https://fonts.googleapis.com/css?family=Sintony:400,700);
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v8/2fcrYFNaTjcS6g4U3t-Y5RV6cRhDpPC5P4GCEJpqGoc.woff) format("woff"); }

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga'; }


i {
  font-style: normal !important; }

i a {
  text-decoration: none;
  cursor: pointer; }

li:after, li:before {
  text-decoration: none;
  cursor:auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga'; }

.close-x {
  background-color: white;
  border-radius: 50%;
  float: right;
  color: #434a54; }
  .close-x a {
    color: #434a54; }
    .close-x a:hover {
      color: #434a54; }

/* ESSANTE STYLES */
/************************/

html {
  scroll-behavior: smooth;
}

@media only screen and (max-width: 950px) {
	.sign-in-box, .create-acct-box {
		width:90%;
	}
}

#google_translate_element {
    position: fixed;
    right: 18px;
    top: 140px;
}

.devmode1 a#ctl00_lnkLoginLink:after, .devmode1 a#ctl00_lnkMyBackoffice:after, .devmode1 a#ctl00_lnkLogoutLink:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 4px);
    transform: translateY(-50%);
}

.devmode1 a#ctl00_lnkLoginLink:after, .devmode1 a#ctl00_lnkLogoutLink:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUgMjUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLjUsMTEuNTJjMi4zMywwLDQuMjItMS44OSw0LjIyL