:root {
    --goo-blob-colour2: #C4F2DA;
    --goo-blob-colour1: #015945;
    --goo-blob-colour4: #247360;
    --goo-blob-colour3: #002920;
    --goo-blob-colour0: #02A67F;

    --moerk-groenn-primaer: #015945;
    --lys-groenn-primaer: #7befb2;
    --groenn-nyanse-1: #002920;
    --groenn-nyanse-2: #247360;
    --groenn-nyanse-3: #02a67f;
    --groenn-nyanse-4: #c4f2da;
    --hvit: #fff;
    --graa-1: #f1f2f2;
    --graa-2: #dcddde;
    --graa-3: #bcbec0;
    --graa-4: #808285;
    --sort: #000;
    --moerk-blaa: #00467a;
    --lys-blaa: #90ddfa;
    --moerk-lilla: #372770;
    --lys-lilla: #c0a9ff;
    --moerk-roed: #6b1e27;
    --lys-roed: #d48282;
    --moerk-oransje: #e85800;
    --lys-oransje: #ffc46b;

    --dark-enough-grey: #737578;
    --dark-enough-orange: #cc4d00;
    --light-enough-orange-on-dark-green: #f05b00;
}

.pex-user::before {
    //* content: "Vi har en endring i kveld som vil påvirke stabiliteten på Join. Se nhn.no/driftsmeldinger"; *//
    font-family: Arial;
    color: #C4F2DA;
    display: inline-block;
    margin: 20px 0px 20px 0px;
    width: 100%;
}

#home-search-input {
    color: #015945 !important;
    border-color: #015945 !important;
}

#home-recents {
    border-color: #015945 !important;
}

#home-user-name {
    color: #015945 !important;
}

#conference-audio-indicator {
    color: #C4F2DA !important;
}

#home-content-call-button {
    background-color: #ffffff !important;
    border-color: #015945 !important;
    color: #015945 !important;
}

#home-content-call-text {
    color: #015945 !important;
}

#home-video-call-button {
    background-color: #015945 !important;
    border-color: #015945 !important;
    color: #C4F2DA !important;
}

#home-video-call-text {
    color: #015945 !important;
}

#home-voice-call-button {
    background-color: #015945 !important;
    border-color: #015945 !important;
    color: #C4F2DA !important;
}

#home-voice-call-text {
    color: #015945 !important;
}

#incoming-content-call-button {
    color: #015945 !important;
    border-color: #015945 !important;
}

#incoming-content-call-text {
    color: #015945 !important;
}

#incoming-video-call-button {
    background-color: #015945 !important;
    border-color: #015945 !important;
}

#incoming-video-call-text {
    color: #015945 !important;
}

#incoming-voice-call-button {
    color: #015945 !important;
    border-color: #015945 !important;
}

#incoming-voice-call-text {
    color: #015945 !important;
}

#home-mic-on-icon {
    color: #7BEFB2 !important;
}

#home-mic-off-icon, #toolbar-audio-escalate-button {
    color: var(--lys-oransje) !important;
}

#home-video-on-icon {
    color: #7BEFB2 !important;
}

#home-video-off-icon {
    color: var(--lys-oransje) !important;
}

#home-audio-icon {
    color: #7BEFB2 !important;
}

#settings-back-btn {
    color: #015945 !important;
    border-color: #015945 !important;
}

#settings-label-active {
    color: #015945 !important;
}

#settings-label-active::before {
    background: #015945
}

#dialog-extension-input,
#sidebar-roster-search-input,
#sidebar-events-chat-input,
#dialog-pin-input,
#dialog-host-pin-input,
#dialog-add-participant-input {
    color: #015945 !important;
    border-color: var(--groenn-nyanse-2) !important;
}

#toolbar-video-escalate-button,
#toolbar-audio-escalate-button {
    color: var(--lys-oransje) !important;
}

#toolbar-disconnect-button {
    color: #E85800 !important;
}

#pex-home-settings-button-svg {
    color: #015945 !important;
}
#pex-sidebar {
    
    border-right: medium;
    border-right-style: solid;
}




#gooBlob0 {
    background: #02A67F !important;
}

#gooBlob1 {
    background: #015945 !important;
}

#gooBlob2 {
    background: #015945 !important;
}

#gooBlob3 {
    background: #002920 !important;
}

#gooBlob4 {
    background: #247360 !important;
}
//* SPESIAL INNSTILLINGER FOR IKONER OG ANIMASJONER *//

svg {
  border: 1px solid #eee !important;
}

.roster-host-buzzed {
  
  animation: blink3colors 1s infinite !important;
  
}
.roster-guest-buzzed {
  
  animation: blink5colors 3s infinite !important;
  
}

@keyframes blink5colors {
  0% {
    color: #C4F2DA;
  }
  25% {
    color: #7BEFB2;
  }
  50% {
    color: #247360;
  }
  75% {
    color: #015945;
  }
  100% {
    color: #7BEFB2;
  }
}

@keyframes blink3colors {
  0% {
    color: #000000;
  }
  50% {
    color: #015945;
  }
  100% {
    color: #E85800;
  }
  
}

.blue-action-button {
    background-color: #015945 !important;
    border-color: #015945 !important;
    color: #fff !important;
}

.red-action-button {
    background-color: #E85800 !important;
    border-color: #E85800 !important;
    color: #fff !important;
}

.green-action-button {
    background-color: #015945 !important;
    border-color: #015945 !important;
    color: #fff !important;
}

.pex-home {
    background-color: #015945 !important;
}

.pex-search-input-enter--video.active {
    border-color: #015945 !important;
    background-color: #015945 !important;
}

.pex-search-input-enter--video {
    background-color: #BCBEc0 !important;
}

.pex-button--audio-input .pex-button--red {
    color: var(--lys-oransje) !important;
}

.pex-mute-video__icon {
    border: 0.1rem solid var(--lys-oransje) !important;
}

.pex-mute-video__text {
    color: var(--lys-oransje) !important;
}

.mic-muted {
    background-color: var(--lys-oransje) !important;
}

.pex-list-item__type-success {
    color: var(--groenn-nyanse-3) !important;
}

.pex-list-item__type-failure {
    color: var(--lys-oransje) !important;
}

.onboarding-dialog__input-wrapper {
    margin-top: 6px;
    margin-left: 6px;
    /* Prevents the focus box shadow from getting cut off */
}

.onboarding-dialog__text {
    margin-left: 6px;
}

:focus, .advanced-settings-item:not(.advanced-settings-item--block):focus-within {
    outline: 3px dotted #E85800 !important;
    outline-offset: 3px !important;
}

.pex-roster-list__user:focus {
    outline-offset: -3px !important;
	
	
}

::placeholder, .pex-list-empty-text, .connecting, .muted, .pex-conference-status-button, .pex-event__timestamp, .pex-event__payload, .slides_placehold {
    color: var(--dark-enough-grey) !important;
}

.onboarding-dialog__text {
    color: #000 !important;
}

.no-camera-indicator-text {
    color: #fff !important;
    text-shadow: none !important;
    background-color: rgba(0, 0, 0, .4) !important;
    letter-spacing: unset !important;
}

.pex-mute-cover {
    background-color: var(--groenn-nyanse-1) !important;
}

.pex-list-item__icon {
    color: #000 !important;
}

.green-non-action-button {
    border-color: var(--groenn-nyanse-2) !important;
    color: var(--groenn-nyanse-2) !important;
}

.red-non-action-button {
    border-color: var(--dark-enough-orange) !important;
    color: var(--dark-enough-orange) !important;
}

.circle-close-button, .slides_placehold {
    opacity: 1 !important;
}

.advanced-settings-item__checkbox input:checked + label svg {
    fill: var(--moerk-blaa) !important;
    color: var(--moerk-blaa) !important;
}

.advanced-settings-range__input::-webkit-slider-thumb {
    border: 1px solid var(--moerk-blaa) !important;
    background: var(--moerk-blaa) !important;
}

.list-overlay.is-dark {
    background-color: var(--groenn-nyanse-1) !important;
}

.list-overlay.is-dark .active .pex-list-item__line {
    color: var(--lys-groenn-primaer) !important;
}

.list-overlay.is-dark .pex-list-item.active:before {
    background-color: var(--lys-groenn-primaer) !important;
}

.list-overlay.is-dark #spaces-back-btn {
    color: #fff !important;
    border-color: #fff !important;
}

.list-overlay.is-dark ::placeholder,
.list-overlay.is-dark .pex-list__add-form-checkbox,
.list-overlay.is-dark .pex-list__add-form-checkbox-icon svg {
    color: #8A8A8A !important;
}

.high-contrast .list-overlay.is-dark .dialog-button {
    background-color: transparent!important;
}

.high-contrast .list-overlay.is-dark .navigate-btn svg {
    color: #fff!important;
}

.list-overlay.is-dark .pex-list-item__icon,
.list-overlay.is-dark .pex-input-label,
.list-overlay.is-dark .pex-input--small-light,
.list-overlay.is-dark .pex-input:focus ~ .pex-input-label,
.list-overlay.is-dark .pex-list__add-form-checkbox.active span,
.list-overlay.is-dark .pex-list__add-form-checkbox.active svg
 {
    color: #fff !important;
}

.list-overlay.is-dark .pex-input:focus ~ .pex-input-label {
    background: var(--groenn-nyanse-1)!important;
    padding-right: .3em!important;
}

.list-overlay.is-dark .pex-input-bar:before,
.list-overlay.is-dark .pex-input-bar:after {
    background: #fff !important;
}

.list-overlay.is-dark .pex-input.ng-invalid.ng-touched ~ .pex-input-label,
.list-overlay.is-dark .ng-submitted .pex-input.ng-invalid ~ .pex-input-label {
    color: var(--light-enough-orange-on-dark-green) !important;
}

.list-overlay.is-dark .pex-input.ng-invalid.ng-touched ~ .pex-input-bar:before,
.list-overlay.is-dark .pex-input.ng-invalid.ng-touched ~ .pex-input-bar:after,
.list-overlay.is-dark .ng-submitted .pex-input.ng-invalid ~ .pex-input-bar:before,
.list-overlay.is-dark .ng-submitted .pex-input.ng-invalid ~ .pex-input-bar:after {
    background: var(--light-enough-orange-on-dark-green) !important;
}

.list-overlay.is-dark :focus {
    outline-color: var(--light-enough-orange-on-dark-green) !important;
}

.on-presenting-button, .pop-in-button {
    color: var(--lys-groenn-primaer) !important;
}

.speaking,
.pex-event[action-type*="Connect"] table.pex-event__container,
.pex-roster-list__user-state.sel-user-presenting.smallconf svg {
    color: var(--groenn-nyanse-2) !important;
}

.pex-event[action-type*="Disconnect"] table.pex-event__container {
    color: var(--moerk-roed) !important;
}

.pex-event[action-type*="Locked"] table.pex-event__container,
.pex-event[action-type*="Muted"] table.pex-event__container {
    color: var(--moerk-oransje) !important;
}

.pex-event__symbol--presentation-active {
    color: var(--moerk-blaa) !important;
    background-color: var(--moerk-blaa) !important;
}

.pex-event[action-type*="Screen"] .pex-event__origin,
.pex-event[action-type*="Slide"] .pex-event__origin,
.pex-event[action-type*="Presenting"] .pex-event__origin,
.pex-event[action-type*="Presentation"] .pex-event__origin {
    color: var(--moerk-blaa) !important;
}

.pex-conference-status-button.active:focus {
    z-index: 1;
}

.pex-conference-status-button.active:focus:before {
    z-index: -1;
}

.pex-sidebar__list {
    z-index: 2;
}
.pex-conference-status-name {
    visibility: visible;
    /* Settes til hidden hvis man ikke ønsker at navnet på konferansen skal vises */
}
.pex-conference-status-link {
    visibility: visible;
    /* Settes til hidden hvis man ikke ønsker at link skal vises og kunne kopieres */
}

.pex-sidebar-toggle-button-icon {
    cursor: pointer;
    width: 48px !important;
    height: 36px !important;
	background: transparent;
    mix-blend-mode: multiply;
}