connectionSignon.css 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .connection-signon-view {
  2. max-height: 130px;
  3. }
  4. .connection-signon-view .connection-signon-content {
  5. margin-bottom: 10px;
  6. }
  7. .connection-signon-view .connection-signon-options-section-container {
  8. max-height: 100px;
  9. overflow-y: auto;
  10. }
  11. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section {
  12. padding-top: 10px;
  13. padding-left: 10px;
  14. -ms-flex-direction: column;
  15. flex-direction: column;
  16. display: -ms-flexbox;
  17. display: flex;
  18. }
  19. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option {
  20. display: -ms-inline-flexbox;
  21. display: inline-flex;
  22. margin-bottom: 4px;
  23. -ms-flex-align: center;
  24. align-items: center;
  25. }
  26. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option.select .connection-signon-radio {
  27. border: thin solid #325c80;
  28. }
  29. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option.select .connection-signon-radio .connection-signon-radio-circle {
  30. background-color: #325c80 !important;
  31. }
  32. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option .connection-signon-radio {
  33. width: 16px;
  34. height: 16px;
  35. background: transparent;
  36. border: thin solid #325c80;
  37. border-radius: 50px;
  38. display: -ms-flexbox;
  39. display: flex;
  40. -ms-flex-align: center;
  41. align-items: center;
  42. -ms-flex-pack: center;
  43. justify-content: center;
  44. }
  45. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option .connection-signon-radio:hover {
  46. border: thin solid #325c80;
  47. }
  48. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option .connection-signon-radio .connection-signon-radio-circle {
  49. width: 100%;
  50. height: 100%;
  51. border-radius: 50px;
  52. transform: scale(0.8);
  53. background: transparent;
  54. }
  55. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option .connection-signon-radio .connection-signon-radio-circle:hover {
  56. background-color: #325c80;
  57. }
  58. .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option .connection-signon-value {
  59. margin-left: 10px;
  60. -webkit-user-select: none;
  61. -moz-user-select: none;
  62. -ms-user-select: none;
  63. user-select: none;
  64. }
  65. .highcontrast .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option.select .connection-signon-radio {
  66. border-width: 8px;
  67. }
  68. .highcontrast .connection-signon-view .connection-signon-options-section-container .connection-signon-options-section .connection-signon-option .connection-signon-radio:hover {
  69. border-width: 8px;
  70. }