/* Standardknappar som används på Greppa */

body {

   /* ######## Standard knapp ######## */
   .env-button,
   .gre-button-large,
   .gre-button-normal,
   .gre-button-mini,
   .sv-login-portlet a.normal,
   .sv-defaultFormTheme input[type="button"],
   .sv-defaultFormTheme input[type="submit"],
   .sv-defaultFormTheme input[type="reset"],
   a.env-button,
   a.env-button.env-button--primary {
      background: #fff;
      border: 1px solid #4e1b2e;
      color: #4e1b2e;
      cursor: pointer;
      border-radius: 2px;
      text-decoration: none;
      display: inline-flex;
      padding: 6px 12px;

      &:hover,
      &:focus,
      &:active {
         background: #F68F61;
         border-color: #4e1b2e;
      }
   }

   /* ######## Primär knapp ######## */
   a.env-button.env-button--primary,
   p.sv-font-button-blue,
   .sv-font-button-blue {
      background: #2d6a81;
      color: #fff !important;
      border: 0;

      &:hover,
      &:focus {
         background: #0d2b38; /* Ändrad från background-color till background */
      }
   }

   /* ######## Danger knapp (FULLT definierad + background fix) ######## */
	
   .env-button.env-button--danger,
   a.env-button.env-button--danger,
   .sv-font-button-red-lg a {
      box-sizing: border-box;
      margin-bottom: 0;
      display: inline-block;
      line-height: 1.375;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      font-size: 1em;

      /* Viktigt: background, inte background-color */
      background: #92303b;
      border-radius: 3px;
      color: #fff !important;
      padding: 12px 18px;
      text-decoration: none;

      &:hover,
      &:focus,
      &:active {
         background: #4e1b2e; /* Också background här */
         color: #fff !important;
         text-decoration: none;
      }
   }

   /* ######## Avstängda knappar ######## */
   .gre-button-large:disabled,
   .gre-button-large[disabled],
   .gre-button-normal:disabled,
   .gre-button-normale[disabled],
   .gre-button-mini:disabled,
   .gre-button-mini[disabled],
   .gre-button-large.gre-petrol:disabled,
   .gre-button-large.gre-petrol[disabled],
   .gre-button-normal.gre-petrol:disabled,
   .gre-button-normale.gre-petrol[disabled],
   .gre-button-mini.gre-petrol:disabled,
   .gre-button-mini.gre-petrol[disabled],
   .sv-defaultFormTheme input[type="button"]:disabled,
   .sv-defaultFormTheme input[type="submit"]:disabled,
   .sv-defaultFormTheme input[type="reset"]:disabled,
   .sv-defaultFormTheme input[type="button"][disabled],
   .sv-defaultFormTheme input[type="submit"][disabled],
   .sv-defaultFormTheme input[type="reset"][disabled] {
      background: #ccc;
   }

}