@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}

:not(input):not(textarea){ 

-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;
cursor: default;
}
p:not(.xxxx):not(.yyyy), 
.select:not(.xxxx):not(.yyyy),
code:not(.xxxx):not(.yyyy),
iframe:not(.xxxx):not(.yyyy),
.select :not(input):not(textarea){ 
cursor: text;
-khtml-user-select: text; 
-moz-user-select: text; 
-ms-user-select: text; 
user-select: text;
}