/*
    ____                      _ _
   | __ ) _ __ __ _ _ __   __| (_)_ __   __ _
   |  _ \| '__/ _` | '_ \ / _` | | '_ \ / _` |
   | |_) | | | (_| | | | | (_| | | | | | (_| |
   |____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |
                                        |___/
*/
/*

   __     ___    ____  ____
   \ \   / / \  |  _ \/ ___|
    \ \ / / _ \ | |_) \___ \
     \ V / ___ \|  _ < ___) |
      \_/_/   \_\_| \_\____/

*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i|Montserrat:300,300i,400,400i,500,500i|");
:root {
  --text-blue:  #225C88;
  --text-light: #7D8296;
  --text-white: #FFFFFF;
  --text-black: #000000; }

:root {
  --font-family: ProximaNovaA-Regular;
  --font-weight: normal;
  --font-medium-font-weight: normal;
  --font-regular-font-weight: normal;
  --font-semibold-font-weight: normal;
  --font-italic-font-weight: normal;
  --font-thin-font-weight: normal;
  --font-italic-font-style: normal; }

.admin {
  color: var(--text-light); }

.edit {
  color: var(--warning); }

.view {
  color: var(--highlight); }

.forbidden {
  color: var(--text-dark-bg); }

.action-denied {
  color: var(--hazard); }

.not-affected {
  color: var(--text-dark-bg); }

.notify-action {
  color: var(--highlight-lighter); }

.auth-failed-annotation {
  color: var(--hazard);
  margin-left: 0.5rem; }

.affected-users-annotation {
  margin-left: 0.5rem; }

.action-preview-confirm-btn-badge {
  margin-left: 10px; }