/* Copyright 2018-2019 Epic Systems Corporation */
/* #region Proxy Color Picker Layout */
.section .content select.colorpicker {
  display: inline-block;
  margin: 0;
  vertical-align: middle; }

.section .content .colorpreview {
  display: inline-block;
  height: 1.25rem;
  margin: 0 0 0 0.25rem;
  vertical-align: middle;
  width: 1.25rem; }

/* #endregion */
/* #region Color 1 - Skylight */
.proxybgcolor.color1, img.photo.color1, .colorpreview.color1, #proxies .color1:after, body.color1 #header .menugroup.selected .menuicon:after {
  background-color: #3a9be5; }

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  #header.compact #proxies .selected.color1 > a .iconlabel {
    background-color: #3a9be5; } }

.color1 > .userPhoto, #proxies .color1 .proxyicon, #proxies a.color1 .proxyicon, #touchmenu .color1 .proxyicon {
  background-color: #3a9be5;
  border-color: #3a9be5; }

body.color1 #header .menugroup li a:not(.button):focus, body.color1 #header .menugroup li a:not(.button):hover, body.color1 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #d2eafb; }

.proxybordercolor.color1 {
  border-color: #3a9be5; }

.proxybgcolor.color1.opacity10 {
  background-color: rgba(58, 155, 229, 0.1); }

.proxybordercolor.color1.opacity10 {
  border-color: rgba(58, 155, 229, 0.1); }

.proxybgcolor.color1.opacity20 {
  background-color: rgba(58, 155, 229, 0.2); }

.proxybordercolor.color1.opacity20 {
  border-color: rgba(58, 155, 229, 0.2); }

.proxybgcolor.color1.opacity30 {
  background-color: rgba(58, 155, 229, 0.3); }

.proxybordercolor.color1.opacity30 {
  border-color: rgba(58, 155, 229, 0.3); }

.proxybgcolor.color1.opacity40 {
  background-color: rgba(58, 155, 229, 0.4); }

.proxybordercolor.color1.opacity40 {
  border-color: rgba(58, 155, 229, 0.4); }

.proxybgcolor.color1.opacity50 {
  background-color: rgba(58, 155, 229, 0.5); }

.proxybordercolor.color1.opacity50 {
  border-color: rgba(58, 155, 229, 0.5); }

.proxybgcolor.color1.opacity60 {
  background-color: rgba(58, 155, 229, 0.6); }

.proxybordercolor.color1.opacity60 {
  border-color: rgba(58, 155, 229, 0.6); }

.proxybgcolor.color1.opacity70 {
  background-color: rgba(58, 155, 229, 0.7); }

.proxybordercolor.color1.opacity70 {
  border-color: rgba(58, 155, 229, 0.7); }

.proxybgcolor.color1.opacity80 {
  background-color: rgba(58, 155, 229, 0.8); }

.proxybordercolor.color1.opacity80 {
  border-color: rgba(58, 155, 229, 0.8); }

.proxybgcolor.color1.opacity90 {
  background-color: rgba(58, 155, 229, 0.9); }

.proxybordercolor.color1.opacity90 {
  border-color: rgba(58, 155, 229, 0.9); }

.proxybordercolor.color1 {
  border-color: #3a9be5; }

.proxytextcolor.color1 {
  color: #3a9be5; }

.proxyfillcolor.color1 {
  fill: #3a9be5; }

/* #endregion */
/* #region Color 2 - Forest */
.proxybgcolor.color2, img.photo.color2, .colorpreview.color2, #proxies .color2:after, body.color2 #header .menugroup.selected .menuicon:after {
  background-color: #3fa94b; }

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  #header.compact #proxies .selected.color2 > a .iconlabel {
    background-color: #3fa94b; } }

.color2 > .userPhoto, #proxies .color2 .proxyicon, #proxies a.color2 .proxyicon, #touchmenu .color2 .proxyicon {
  background-color: #3fa94b;
  border-color: #3fa94b; }

body.color2 #header .menugroup li a:not(.button):focus, body.color2 #header .menugroup li a:not(.button):hover, body.color2 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #cdf4d1; }

.proxybordercolor.color2 {
  border-color: #3fa94b; }

.proxybgcolor.color2.opacity10 {
  background-color: rgba(63, 169, 75, 0.1); }

.proxybordercolor.color2.opacity10 {
  border-color: rgba(63, 169, 75, 0.1); }

.proxybgcolor.color2.opacity20 {
  background-color: rgba(63, 169, 75, 0.2); }

.proxybordercolor.color2.opacity20 {
  border-color: rgba(63, 169, 75, 0.2); }

.proxybgcolor.color2.opacity30 {
  background-color: rgba(63, 169, 75, 0.3); }

.proxybordercolor.color2.opacity30 {
  border-color: rgba(63, 169, 75, 0.3); }

.proxybgcolor.color2.opacity40 {
  background-color: rgba(63, 169, 75, 0.4); }

.proxybordercolor.color2.opacity40 {
  border-color: rgba(63, 169, 75, 0.4); }

.proxybgcolor.color2.opacity50 {
  background-color: rgba(63, 169, 75, 0.5); }

.proxybordercolor.color2.opacity50 {
  border-color: rgba(63, 169, 75, 0.5); }

.proxybgcolor.color2.opacity60 {
  background-color: rgba(63, 169, 75, 0.6); }

.proxybordercolor.color2.opacity60 {
  border-color: rgba(63, 169, 75, 0.6); }

.proxybgcolor.color2.opacity70 {
  background-color: rgba(63, 169, 75, 0.7); }

.proxybordercolor.color2.opacity70 {
  border-color: rgba(63, 169, 75, 0.7); }

.proxybgcolor.color2.opacity80 {
  background-color: rgba(63, 169, 75, 0.8); }

.proxybordercolor.color2.opacity80 {
  border-color: rgba(63, 169, 75, 0.8); }

.proxybgcolor.color2.opacity90 {
  background-color: rgba(63, 169, 75, 0.9); }

.proxybordercolor.color2.opacity90 {
  border-color: rgba(63, 169, 75, 0.9); }

.proxybordercolor.color2 {
  border-color: #3fa94b; }

.proxytextcolor.color2 {
  color: #3fa94b; }

.proxyfillcolor.color2 {
  fill: #3fa94b; }

/* #endregion */
/* #region Color 3 - Bubblegum */
.proxybgcolor.color3, img.photo.color3, .colorpreview.color3, #proxies .color3:after, body.color3 #header .menugroup.selected .menuicon:after {
  background-color: #df66d5; }

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  #header.compact #proxies .selected.color3 > a .iconlabel {
    background-color: #df66d5; } }

.color3 > .userPhoto, #proxies .color3 .proxyicon, #proxies a.color3 .proxyicon, #touchmenu .color3 .proxyicon {
  background-color: #df66d5;
  border-color: #df66d5; }

body.color3 #header .menugroup li a:not(.button):focus, body.color3 #header .menugroup li a:not(.button):hover, body.color3 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #fadbf8; }

.proxybordercolor.color3 {
  border-color: #df66d5; }

.proxybgcolor.color3.opacity10 {
  background-color: rgba(223, 102, 213, 0.1); }

.proxybordercolor.color3.opacity10 {
  border-color: rgba(223, 102, 213, 0.1); }

.proxybgcolor.color3.opacity20 {
  background-color: rgba(223, 102, 213, 0.2); }

.proxybordercolor.color3.opacity20 {
  border-color: rgba(223, 102, 213, 0.2); }

.proxybgcolor.color3.opacity30 {
  background-color: rgba(223, 102, 213, 0.3); }

.proxybordercolor.color3.opacity30 {
  border-color: rgba(223, 102, 213, 0.3); }

.proxybgcolor.color3.opacity40 {
  background-color: rgba(223, 102, 213, 0.4); }

.proxybordercolor.color3.opacity40 {
  border-color: rgba(223, 102, 213, 0.4); }

.proxybgcolor.color3.opacity50 {
  background-color: rgba(223, 102, 213, 0.5); }

.proxybordercolor.color3.opacity50 {
  border-color: rgba(223, 102, 213, 0.5); }

.proxybgcolor.color3.opacity60 {
  background-color: rgba(223, 102, 213, 0.6); }

.proxybordercolor.color3.opacity60 {
  border-color: rgba(223, 102, 213, 0.6); }

.proxybgcolor.color3.opacity70 {
  background-color: rgba(223, 102, 213, 0.7); }

.proxybordercolor.color3.opacity70 {
  border-color: rgba(223, 102, 213, 0.7); }

.proxybgcolor.color3.opacity80 {
  background-color: rgba(223, 102, 213, 0.8); }

.proxybordercolor.color3.opacity80 {
  border-color: rgba(223, 102, 213, 0.8); }

.proxybgcolor.color3.opacity90 {
  background-color: rgba(223, 102, 213, 0.9); }

.proxybordercolor.color3.opacity90 {
  border-color: rgba(223, 102, 213, 0.9); }

.proxybordercolor.color3 {
  border-color: #df66d5; }

.proxytextcolor.color3 {
  color: #df66d5; }

.proxyfillcolor.color3 {
  fill: #df66d5; }

/* #endregion */
/* #region Color 4 - Royal */
.proxybgcolor.color4, img.photo.color4, .colorpreview.color4, #proxies .color4:after, body.color4 #header .menugroup.selected .menuicon:after {
  background-color: #ae77e5; }

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  #header.compact #proxies .selected.color4 > a .iconlabel {
    background-color: #ae77e5; } }

.color4 > .userPhoto, #proxies .color4 .proxyicon, #proxies a.color4 .proxyicon, #touchmenu .color4 .proxyicon {
  background-color: #ae77e5;
  border-color: #ae77e5; }

body.color4 #header .menugroup li a:not(.button):focus, body.color4 #header .menugroup li a:not(.button):hover, body.color4 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #eddffb; }

.proxybordercolor.color4 {
  border-color: #ae77e5; }

.proxybgcolor.color4.opacity10 {
  background-color: rgba(174, 119, 229, 0.1); }

.proxybordercolor.color4.opacity10 {
  border-color: rgba(174, 119, 229, 0.1); }

.proxybgcolor.color4.opacity20 {
  background-color: rgba(174, 119, 229, 0.2); }

.proxybordercolor.color4.opacity20 {
  border-color: rgba(174, 119, 229, 0.2); }

.proxybgcolor.color4.opacity30 {
  background-color: rgba(174, 119, 229, 0.3); }

.proxybordercolor.color4.opacity30 {
  border-color: rgba(174, 119, 229, 0.3); }

.proxybgcolor.color4.opacity40 {
  background-color: rgba(174, 119, 229, 0.4); }

.proxybordercolor.color4.opacity40 {
  border-color: rgba(174, 119, 229, 0.4); }

.proxybgcolor.color4.opacity50 {
  background-color: rgba(174, 119, 229, 0.5); }

.proxybordercolor.color4.opacity50 {
  border-color: rgba(174, 119, 229, 0.5); }

.proxybgcolor.color4.opacity60 {
  background-color: rgba(174, 119, 229, 0.6); }

.proxybordercolor.color4.opacity60 {
  border-color: rgba(174, 119, 229, 0.6); }

.proxybgcolor.color4.opacity70 {
  background-color: rgba(174, 119, 229, 0.7); }

.proxybordercolor.color4.opacity70 {
  border-color: rgba(174, 119, 229, 0.7); }

.proxybgcolor.color4.opacity80 {
  background-color: rgba(174, 119, 229, 0.8); }

.proxybordercolor.color4.opacity80 {
  border-color: rgba(174, 119, 229, 0.8); }

.proxybgcolor.color4.opacity90 {
  background-color: rgba(174, 119, 229, 0.9); }

.proxybordercolor.color4.opacity90 {
  border-color: rgba(174, 119, 229, 0.9); }

.proxybordercolor.color4 {
  border-color: #ae77e5; }

.proxytextcolor.color4 {
  color: #ae77e5; }

.proxyfillcolor.color4 {
  fill: #ae77e5; }

/* #endregion */
/* #region Color 5 - Ocean */
.proxybgcolor.color5, img.photo.color5, .colorpreview.color5, #proxies .color5:after, body.color5 #header .menugroup.selected .menuicon:after {
  background-color: #0da798; }

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  #header.compact #proxies .selected.color5 > a .iconlabel {
    background-color: #0da798; } }

.color5 > .userPhoto, #proxies .color5 .proxyicon, #proxies a.color5 .proxyicon, #touchmenu .color5 .proxyicon {
  background-color: #0da798;
  border-color: #0da798; }

body.color5 #header .menugroup li a:not(.button):focus, body.color5 #header .menugroup li a:not(.button):hover, body.color5 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #bafcf5; }

.proxybordercolor.color5 {
  border-color: #0da798; }

.proxybgcolor.color5.opacity10 {
  background-color: rgba(13, 167, 152, 0.1); }

.proxybordercolor.color5.opacity10 {
  border-color: rgba(13, 167, 152, 0.1); }

.proxybgcolor.color5.opacity20 {
  background-color: rgba(13, 167, 152, 0.2); }

.proxybordercolor.color5.opacity20 {
  border-color: rgba(13, 167, 152, 0.2); }

.proxybgcolor.color5.opacity30 {
  background-color: rgba(13, 167, 152, 0.3); }

.proxybordercolor.color5.opacity30 {
  border-color: rgba(13, 167, 152, 0.3); }

.proxybgcolor.color5.opacity40 {
  background-color: rgba(13, 167, 152, 0.4); }

.proxybordercolor.color5.opacity40 {
  border-color: rgba(13, 167, 152, 0.4); }

.proxybgcolor.color5.opacity50 {
  background-color: rgba(13, 167, 152, 0.5); }

.proxybordercolor.color5.opacity50 {
  border-color: rgba(13, 167, 152, 0.5); }

.proxybgcolor.color5.opacity60 {
  background-color: rgba(13, 167, 152, 0.6); }

.proxybordercolor.color5.opacity60 {
  border-color: rgba(13, 167, 152, 0.6); }

.proxybgcolor.color5.opacity70 {
  background-color: rgba(13, 167, 152, 0.7); }

.proxybordercolor.color5.opacity70 {
  border-color: rgba(13, 167, 152, 0.7); }

.proxybgcolor.color5.opacity80 {
  background-color: rgba(13, 167, 152, 0.8); }

.proxybordercolor.color5.opacity80 {
  border-color: rgba(13, 167, 152, 0.8); }

.proxybgcolor.color5.opacity90 {
  background-color: rgba(13, 167, 152, 0.9); }

.proxybordercolor.color5.opacity90 {
  border-color: rgba(13, 167, 152, 0.9); }

.proxybordercolor.color5 {
  border-color: #0da798; }

.proxytextcolor.color5 {
  color: #0da798; }

.proxyfillcolor.color5 {
  fill: #0da798; }

/* #endregion */
/* #region Color 6 - Goldenrod */
.proxybgcolor.color6, img.photo.color6, .colorpreview.color6, #proxies .color6:after, body.color6 #header .menugroup.selected .menuicon:after {
  background-color: #ba8b00; }

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  #header.compact #proxies .selected.color6 > a .iconlabel {
    background-color: #ba8b00; } }

.color6 > .userPhoto, #proxies .color6 .proxyicon, #proxies a.color6 .proxyicon, #touchmenu .color6 .proxyicon {
  background-color: #ba8b00;
  border-color: #ba8b00; }

body.color6 #header .menugroup li a:not(.button):focus, body.color6 #header .menugroup li a:not(.button):hover, body.color6 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #ffecb8; }

.proxybordercolor.color6 {
  border-color: #ba8b00; }

.proxybgcolor.color6.opacity10 {
  background-color: rgba(186, 139, 0, 0.1); }

.proxybordercolor.color6.opacity10 {
  border-color: rgba(186, 139, 0, 0.1); }

.proxybgcolor.color6.opacity20 {
  background-color: rgba(186, 139, 0, 0.2); }

.proxybordercolor.color6.opacity20 {
  border-color: rgba(186, 139, 0, 0.2); }

.proxybgcolor.color6.opacity30 {
  background-color: rgba(186, 139, 0, 0.3); }

.proxybordercolor.color6.opacity30 {
  border-color: rgba(186, 139, 0, 0.3); }

.proxybgcolor.color6.opacity40 {
  background-color: rgba(186, 139, 0, 0.4); }

.proxybordercolor.color6.opacity40 {
  border-color: rgba(186, 139, 0, 0.4); }

.proxybgcolor.color6.opacity50 {
  background-color: rgba(186, 139, 0, 0.5); }

.proxybordercolor.color6.opacity50 {
  border-color: rgba(186, 139, 0, 0.5); }

.proxybgcolor.color6.opacity60 {
  background-color: rgba(186, 139, 0, 0.6); }

.proxybordercolor.color6.opacity60 {
  border-color: rgba(186, 139, 0, 0.6); }

.proxybgcolor.color6.opacity70 {
  background-color: rgba(186, 139, 0, 0.7); }

.proxybordercolor.color6.opacity70 {
  border-color: rgba(186, 139, 0, 0.7); }

.proxybgcolor.color6.opacity80 {
  background-color: rgba(186, 139, 0, 0.8); }

.proxybordercolor.color6.opacity80 {
  border-color: rgba(186, 139, 0, 0.8); }

.proxybgcolor.color6.opacity90 {
  background-color: rgba(186, 139, 0, 0.9); }

.proxybordercolor.color6.opacity90 {
  border-color: rgba(186, 139, 0, 0.9); }

.proxybordercolor.color6 {
  border-color: #ba8b00; }

.proxytextcolor.color6 {
  color: #ba8b00; }

.proxyfillcolor.color6 {
  fill: #ba8b00; }

/* #endregion */
/* #region Color 7 - Autumn */
.proxybgcolor.color7, img.photo.color7, .colorpreview.color7, #proxies .color7:after, body.color7 #header .menugroup.selected .menuicon:after {
  background-color: #ec7224; }

@media only screen and (min-width: 1px) and (max-width: 1300px) {
  #header.compact #proxies .selected.color7 > a .iconlabel {
    background-color: #ec7224; } }

.color7 > .userPhoto, #proxies .color7 .proxyicon, #proxies a.color7 .proxyicon, #touchmenu .color7 .proxyicon {
  background-color: #ec7224;
  border-color: #ec7224; }

body.color7 #header .menugroup li a:not(.button):focus, body.color7 #header .menugroup li a:not(.button):hover, body.color7 #localeswitch #morelocales li a:not(.button):hover {
  background-color: #fcdfcd; }

.proxybordercolor.color7 {
  border-color: #ec7224; }

.proxybgcolor.color7.opacity10 {
  background-color: rgba(236, 114, 36, 0.1); }

.proxybordercolor.color7.opacity10 {
  border-color: rgba(236, 114, 36, 0.1); }

.proxybgcolor.color7.opacity20 {
  background-color: rgba(236, 114, 36, 0.2); }

.proxybordercolor.color7.opacity20 {
  border-color: rgba(236, 114, 36, 0.2); }

.proxybgcolor.color7.opacity30 {
  background-color: rgba(236, 114, 36, 0.3); }

.proxybordercolor.color7.opacity30 {
  border-color: rgba(236, 114, 36, 0.3); }

.proxybgcolor.color7.opacity40 {
  background-color: rgba(236, 114, 36, 0.4); }

.proxybordercolor.color7.opacity40 {
  border-color: rgba(236, 114, 36, 0.4); }

.proxybgcolor.color7.opacity50 {
  background-color: rgba(236, 114, 36, 0.5); }

.proxybordercolor.color7.opacity50 {
  border-color: rgba(236, 114, 36, 0.5); }

.proxybgcolor.color7.opacity60 {
  background-color: rgba(236, 114, 36, 0.6); }

.proxybordercolor.color7.opacity60 {
  border-color: rgba(236, 114, 36, 0.6); }

.proxybgcolor.color7.opacity70 {
  background-color: rgba(236, 114, 36, 0.7); }

.proxybordercolor.color7.opacity70 {
  border-color: rgba(236, 114, 36, 0.7); }

.proxybgcolor.color7.opacity80 {
  background-color: rgba(236, 114, 36, 0.8); }

.proxybordercolor.color7.opacity80 {
  border-color: rgba(236, 114, 36, 0.8); }

.proxybgcolor.color7.opacity90 {
  background-color: rgba(236, 114, 36, 0.9); }

.proxybordercolor.color7.opacity90 {
  border-color: rgba(236, 114, 36, 0.9); }

.proxybordercolor.color7 {
  border-color: #ec7224; }

.proxytextcolor.color7 {
  color: #ec7224; }

.proxyfillcolor.color7 {
  fill: #ec7224; }

/* #endregion */