@font-face{
  font-family: Lato;
  src:url(/Fonts/Lato-Regular.ttf);
}
 .circle{background:#68D0EC}
.self-service .circle{background:#DA38B4}
.fab .circle{background:#F42434}
.portal .circle{background:#5725D3}
 #TitleDiv, .page h1, .page h2{color:#68D0EC}
.self-service #TitleDiv, .self-service.page h1, .self-service.page h2{color:#DA38B4}
.fab #TitleDiv, .fab.page h1, .fab.page h2{color:#F42434}
.portal #TitleDiv, .portal.page h1, .portal.page h2{color:#5725D3}
 textarea:focus,  input[type='text']:focus,  input[type='password']:focus,  select:focus { box-shadow: inset 0 -0.1em 0.2em 0.01em #5DBBD4}
.self-service textarea:focus, .self-service input[type='text']:focus, .self-service input[type='password']:focus, .self-service select:focus { box-shadow: inset 0 -0.1em 0.2em 0.01em #C432A1}
.fab textarea:focus, .fab input[type='text']:focus, .fab input[type='password']:focus, .fab select:focus { box-shadow: inset 0 -0.1em 0.2em 0.01em #DB202E}
.portal textarea:focus, .portal input[type='text']:focus, .portal input[type='password']:focus, .portal select:focus { box-shadow: inset 0 -0.1em 0.2em 0.01em #4E21BD}
 button,  input[type='submit'] , input[type='button'], .label-button{background:#5DBBD4}
.self-service button, .self-service input[type='submit'] ,.self-service input[type='button'],.self-service .label-button{background:#C432A1}
.fab button, .fab input[type='submit'] ,.fab input[type='button'],.fab .label-button{background:#DB202E}
.portal button, .portal input[type='submit'] ,.portal input[type='button'],.portal .label-button{background:#4E21BD}

.noselect,div,span,h1,h2,h3,h4{ 
cursor:default;
-khtml-user-select: none; 
-moz-user-select: none; 
user-select: none;
}
.noselect::selection,div::selection,span::selection,h1::selection,h2::selection,h3::selection,h4::selection{ background: transparent; }
.noselect::-moz-selection,div::-moz-selection,span::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection{ background: transparent; }