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

.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.env-button--primary {
   background-color: #c54020;
   border: solid 0px transparent;
   color: #fff !important;
   cursor: pointer;
   border-radius: 2px;
   text-decoration: none;
   display: inline-flex;
}

/*######## Petrol knapp #########*/
.gre-button-large.gre-petrol,
.gre-button-normal.gre-petrol,
.gre-button-mini.gre-petrol,
.gre-petrol,
a.env-button.env-button--success {
   background-color: #33788e;
}

/*######## Stor knapp #########*/
.gre-button-large,
.sv-login-portlet a.normal,
.sv-defaultFormTheme input[type="button"],
.sv-defaultFormTheme input[type="submit"],
.sv-defaultFormTheme input[type="reset"] {
   font-size: 1.2em;
   padding: 0.8em 1.5em;
   /*margin-bottom: 1em;*/
   margin-bottom: 2.5rem;
}
.gre-button-large:hover,
.gre-button-large.hover,
.sv-login-portlet a.normal:hover,
.sv-defaultFormTheme input[type="button"]:hover,
.sv-defaultFormTheme input[type="submit"]:hover,
.sv-defaultFormTheme input[type="reset"]:hover,
.sv-defaultFormTheme input[type="button"]:focus,
.sv-defaultFormTheme input[type="submit"]:focus,
.sv-defaultFormTheme input[type="reset"]:focus,
a.env-button.env-button--primary:hover,
a.env-button.env-button--primary:focus {
   background-color: #a71930;
}
.gre-button-large:active,
.gre-button-large.active,
.sv-login-portlet a.normal:active,
.sv-defaultFormTheme input[type="button"]:active,
.sv-defaultFormTheme input[type="submit"]:active,
.sv-defaultFormTheme input[type="reset"]:active {
   background-color: #a71930;
}
/*############### Stor petrol knapp ##################*/

.gre-petrol:hover,
.gre-button-large.gre-petrol:hover,
.gre-button-large.gre-petrol.hover,
a.env-button.env-button--success:hover {
   background-color: #275468;
}

.gre-petrol:active,
.gre-button-large.gre-petrol:active,
.gre-button-large.gre-petrol.active,
a.env-button.env-button--success:active {
   background-color: #275468;
}

/*############### Liten knapp ##################*/

.gre-button-normal {
   font-size: 0.9em;
   padding: 0.7em 1.2em;
   margin-bottom: 0.8em;
}
.gre-button-normal:hover,
.gre-button-normal.hover {
   background-color: #a71930;
}
.gre-button-normal:active,
.gre-button-normal.active {
   background-color: #a71930;
}

/*############### Liten petrol knapp ##################*/
.gre-button-normal.gre-petrol:hover,
.gre-button-normal.gre-petrol.hover {
   background-color: #275468;
}
.gre-button-normal.gre-petrol:active,
.gre-button-normal.gre-petrol.active {
   background-color: #275468;
}

/*#################### Mini knapp ######################*/

.gre-button-mini {
   font-size: 0.8em;
   padding: 0.5em 0.8em;
   margin-bottom: 0.6em;
}
.gre-button-mini:hover,
.gre-button-mini.hover {
   background-color: #a71930;
}
.gre-button-mini:active,
.gre-button-mini.active {
   background-color: #a71930;
}

.gre-button-mini.gre-petrol:hover,
.gre-button-mini.gre-petrol.hover {
   background-color: #275468;
}
.gre-button-mini.gre-petrol:active,
.gre-button-mini.gre-petrol.active {
   background-color: #275468;
}

/*#################### Länk knapp ######################*/
.env-button--link {
   background-color: transparent;
   border-color: transparent;
   padding: 0;
   color: #275468;
}
.env-button--link:active, .env-button--link:focus, .env-button--link:hover {
   text-decoration: underline;
   color: #275468;
}



/* 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-color: #ccc;
}

/* Bank ID*/
.img-bank-id,
.img-nordea,
.img-telia {
   min-width: 8em;
   background-repeat: no-repeat;
   padding-left: 4em;
   background-position: 1em center;
}

/* Bank ID */
.img-bank-id {
   background-image: url("/images/18.3190fc0317178c0b07eac95b/1587038207551/Bank%20id.png");
   background-size: 11%;
}

/* Nordea */
.img-nordea {
   background-image: url("/webdav/images/Assets/Bilder/Inloggningsbild/Nordea.png");
   background-size: 17%;
}

/* Nordea */
.img-telia {
   background-image: url("/webdav/images/Assets/Bilder/Inloggningsbild/Telia.png");
   background-size: 11%;
}

/*  */

.sv-login-portlet a.normal {
   margin-top: 1em;
}