#body-wrap {
    margin: 0 auto;
    background-color: #fff;
    overflow: auto;
    min-width: 670px;
    padding-bottom: .4em;
    border-bottom: 1px solid #e2e2e2
}
#body-wrap-inner {
    margin: 0 auto;
    max-width: 980px
}
#body-wrap-inner-medium {
    margin: 0 auto;
    max-width: 940px;
    padding: 0 20px
}
#body-wrap-inner-wide {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 10px
}
#body-wrap-exempel {
    margin: 1em
}
.boxspace {
    max-width: 960px;
    margin: 0 10px
}




.search-right {
    position: absolute;
    top: 5px;
    right: 20px
}

.search-right input {
    padding: 2px 5px 2px 23px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 120px;
    opacity: .85;
    background-image: url(/wp-content/themes/korkort/images/search-icon-dark.svg);
    display: inline-block!important;
    background-size: 15px 15px;
    background-position: 4px center;
    background-repeat: no-repeat;
    float: right
}
.search-right input:focus {
    outline-width: 0
}
.starta-bankid {
    display: none;
    margin-top: 1em;
    margin-bottom: 2em
}
.starta-bankid a {
    color: #fff;
    background-color: #469CBE;
    padding: 1em;
    margin: 0 auto 1em;
    max-width: 10em;
    border-radius: 10px;
    display: block
}
.byt-login {
    font-size: 1.2em;
    margin-bottom: 1.5em
}
.byt-login strong {
    border-bottom: 2px solid #000
}
.main-login {
    margin: 0 auto 2em;
    max-width: 27em;
    background-color: #f6f6f6;
    padding: .2em 1.6em .5em;
    border-radius: 10px;
    box-shadow: 0 0 4px #ccc;
    clear: both
}
.main-login-message p,
.main-login-message ul {
    max-width: none
}
.main-login-message ul {
    line-height: 2em
}
.main-login input[type=email],
.main-login input[type=password],
.main-login input[type=text] {
    font-size: 1.3em;
    width: 100%;
    box-sizing: border-box
}
.inget-konto {
    color: #9e9e9e;
    margin: 3em 0 1em
}
a.gray-button,
a.red-button {
    color: #9e9e9e;
    text-align: center;
    display: inline-block;
    padding: .6em .8em;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
    clear: both;
    margin-bottom: 1em
}

a.gray-button:hover {
    color: #5aa564;
    border: 1px solid #5aa564
}
a.red-button:hover {
    color: #de4747;
    border: 1px solid #de4747
}


.bc-wrap,
.col2 p,
.vmhr {
    border-bottom: 1px solid #e2e2e2
}

.sb {
    margin-right: .5em;
    width: 140px
}

.bs,
.klickbar,
.rbs {
    box-shadow: 0 0 4px #ccc
}


.sub-inne-right {
    position: absolute;
    top: 1.3em;
    right: 20px
}

.blank-page,
.colmask {
    margin: 1.8em 0 0
}
.colmask {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden
}
.mainpage .colright {
    float: left;
    width: 200%;
    position: relative;
    left: 16em
}
.mainpage .col1wrap {
    float: right;
    width: 50%;
    position: relative;
    right: 15.5em;
    padding-bottom: 1em
}
.mainpage .col1 {
    margin: 0 2em 0 17.8em;
    position: relative;
    right: 100%;
    width: auto;
    overflow: hidden
}
.mainpage .col2 {
    float: left;
    width: 15em;
    position: relative;
    right: 14.5em;
    background-color: #f6f6f6;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: .5em 0 .8em;
    margin-bottom: 1.4em
}
.col2 a,
.col2 a:visited,
.col2 strong {
    display: block;
    padding: .6em 1em .6em 1.4em
}
.box img,
.r {
    border-radius: 10px
}
.col2 a:hover {
    background-color: #e2e2e2
}
.col2 p {
    margin: .3em 1em .4em;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #585858
}
.h1-like {
    font-weight: 400
}
.col2 a+p,
.col2 strong+p {
    margin-top: 1.3em
}
.anpassa {
    width: 60%;
    min-width: 350px
}
.bc-inner,
.bc-wrap {
    position: relative;
    float: left;
    width: 100%
}
.bc-wrap {
    overflow: hidden;
    margin: 0 0 1.6em;
    padding-bottom: .6em
}
.bc-inner {
    right: 10%
}
.bc-left {
    width: 80%;
    left: 10%;
    color: #ccc
}
.listen-right {
    width: 20%;
    left: 10%;
    text-align: right
}
.bc-left,
.listen-right {
    float: left;
    position: relative;
    padding: 0;
    overflow: hidden
}
 .space
 {
    padding-left: 10px
}
.bc-left strong {
    color: #000;
    margin: 0 0 0 .3em
}
.bc-left a {
    margin: 0 .3em
}
.bc-left .start {
    margin: 0 .3em 0 0
}
.bc-left a:hover,
.listen-right .u a:hover,
.listen-right a:hover {
    text-decoration: underline
}
.exempel-screen a:link,
.listen-right img {
    text-decoration: none
}
.listen-right img {
    margin-right: .4em;
    vertical-align: middle;
    margin-bottom: .2em
}
#xp1 {
    float: right;
    text-align: right
}
 #xp1 {
    float: none;
    text-align: left
}
.exempel-frame {
    margin-left: 10px;
    height: 500px;
    width: 97%
}
.exempel-screen a:hover {
    text-decoration: underline
}
.exempel-screen img {
    margin-bottom: .5em
}

.h1-like {
    margin: 0 0 .5em;
    font-size: 2.6em
}


.code {
    font-size: 1.4em;
    padding-left: 1em;
    font-family: "Courier New", Courier, monospace
}
.boxtext,
.update {
    font-style: italic;
    font-size: .9em
}
.no-max,
.no-max p {
    max-width: none
}

.col1 li,
.lispace li {
    margin: .5em 0
}
.tip {
    cursor: help;
    color: #002bb8
}
.ref {
    text-indent: -40px;
    margin-left: 40px
}
.newsdate {
    margin-top: -.7em;
    margin-bottom: -.7em
}
.update,
p.last {
    margin-bottom: 0
}
.update {
    text-align: center;
    max-width: none
}
.red,
.red-check {
    color: #ef3939
}
.orange {
    color: #f08229
}
.green,
.green-check {
    color: #138301
}
.purple {
    color: #b03cbe
}
.darkblue {
    color: #413eb5
}
.grey {
    color: #999
}
.hl1 {
    background-color: #94ff99
}
.hl2 {
    background-color: #ff6
}
.hl3 {
    background-color: #a0ffff
}
.hl4 {
    background-color: #f99
}
.hl5 {
    background-color: #f6f
}
.hl6 {
    background-color: #ca2929
}
.hl7 {
    background-color: #0a0
}
.hl8 {
    background-color: #004699
}
.hl9 {
    background-color: #886800
}
.resh1 {
    padding-right: .5em
}
.redback {
    background-color: #f99
}
.highlight {
    background-color: #fdff38
}
.right {
    text-align: right;
    float: right;
    padding: 0 0 1em 1em
}
.plus {
    list-style-image: url(images/site/plus.png)
}
.minus {
    list-style-image: url(images/site/minus.png)
}
.hr,
.hr-resp {
    border-top: 1px solid #e2e2e2;
    margin: 1em 0
}
.vmhr {
    min-height: 9.5em;
    clear: both;
    padding: .8em 0
}
.vagmarken-oversikt {
    float: left;
    margin: 0 1em 1em 0
}
.index-img-ex1 {
    width: 235px
}
.teoritest-img-ex1 {
    width: 230px
}
.teoritest-img-ex2 {
    width: 460px
}
.colmask .teoritest-img-ex3 {
    max-width: 100%;
    height: auto;
    height: 250px
}
.klickbar-vm,
.vm-max {
    max-width: 220px;
    max-height: 220px
}
.box {
    position: relative;
    padding: 0 0 0 1em;
    float: right
}
.boxtext {
    margin: 0 0 .4em;
    padding: .2em .4em .4em 0;
    color: #333
}
.marked,
.tid-kvar,
.time {
    color: #777
}
.cred {
    margin: 0;
    font-size: .6em;
    font-style: italic
}
.rb {
    border: 1px solid #e2e2e2;
    border-radius: 10px
}
.klickbar,
.rbs {
    border-radius: 10px
}
.klickbar {
    width: 550px
}
.box img.nb,
.nb {
    border: 0;
    border-radius: 0
}
.bs {
    margin-left: 4px
}
.installningar-width h2 {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: .3em;
    font-size: 1.1em
}
.forklaring-bottom,
.provyta {
    margin: .3em 10px 0
}
.fraga {
    font-size: 1.1em;
    margin: .5em 0 1.1em
}
.fraga-markerad {http://www.livesweden.com/wp-content/uploads/2015/03/2048.GIF
    background-color: #c1e2fe;
    padding: .1em;
    margin-right: .5em
}
.provyta .img,
.provyta .img-forklaring,
.provyta .img-stor {
    float: left;
    background-color: #fff;
    padding-right: 1.3em
}
.foregaende,
.nasta {
    display: block !important;
    min-width: 9em;
    width: 9em
}
.nasta {
    margin: 2.5em 0 1em
}
.foregaende {
    margin: 0 0 1.7em
}
.sista-fragan {
    display: block;
    margin: 2.5em 0 1em
}
.antal-kvar {
    
}
.provyta img,
.provyta img-stor {
    float: right
}
.provyta .img-stor img {
    width: 520px
}
.provyta .img-forklaring {
    margin-bottom: 2em
}
.provyta .alt {
    display: block;
    margin: 1.2em .6em 1.2em .1em
}
.provyta .alt input {
    margin: 0
}
.provyta .alt .green-check,
.provyta .alt .red-check {
    display: inline-block;
    width: .9em
}
.spara {
    margin-left: 1em
}
.kontroller {
    position: relative;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 1.3em 0
}
.provyta-colleft,
.provyta-colmid,
.provyta-colright {
    float: left;
    width: 100%;
    position: relative
}
.provyta-col1,
.provyta-col2,
.provyta-col3 {
    float: left;
    position: relative;
    padding: 0;
    overflow: hidden
}
.provyta-botten .provyta-colmid {
    right: 33%
}
.provyta-botten .provyta-colleft {
    right: 34%
}
.provyta-botten .provyta-col1 {
    width: 34%;
    left: 100%;
    text-align: center
}
.provyta-botten .provyta-col2 {
    width: 33%;
    left: 33%
}
.provyta-botten .provyta-col2 img {
    margin: .2em 0 0;
    float: left
}
.provyta-botten .provyta-col3 {
    width: 33%;
    left: 67%;
    text-align: right
}
.provyta-botten .provyta-col1 input {
    margin-right: 1em
}
#statistik .provyta .mark,
.provyta .mark {
    margin: .2em .2em 0 0;
    float: left;
    border-radius: 0
}
.mark {
    width: 10px
}
.provyta #xp1 {
    float: left;
    text-align: left
}
#regbox-1,
#regbox-2,
#regbox-3,
.demo-radio,
.logga-in,
.registrera-top,
.teoritest-exempelbilder,
.teoritest-top {
    text-align: center
}
.time {
    margin-left: .2em
}
.tid-kvar {
    margin-right: .8em
}
.obesvarad {
    background-color: #f59e37
}
.markerad,
tr.markerad:hover {
    background-color: #c1e2fe
}
.show-resp {
    display: none
}
.logga-in,
a.logga-in {
    display: inline-block
}
.logga-in {
    background-color: #333182;
    border-radius: 10px;
    font-size: 1.1em;
    float: right;
    margin-top: 1.5em;
    margin-right: 20px;
    padding: .6em .9em .5em
}
.logga-in:hover {
    background-color: #4a9555;
    text-decoration: none
}
.inloggad-knapp-aktiv {
    padding-bottom: 2.4em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
a.logga-in {
    margin-left: 0;
    color: #fff
}
.inloggad-knapp,
.inloggad-knapp-aktiv,
.inloggad-knapp-aktiv:hover {
    background-color: #5285b6
}
.inloggad-knapp:hover {
    background-color: #5d8fc0
}
.sub-inne-right-email {
    font-size: .9em
}
.teoritest-top {
    font-size: 1.4em;
    margin: 1.5em 0 3em
}
.teoritest-top h1 {
    margin: .5em 0;
    font-size: 2em
}
.feature-list {
    margin-right: 1.2em
}
.exempel-frame,
.full-shadowbox,
.index-teoritest-right,
.teoritest-ex1 {
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 3px #e2e2e2
}
.index-teoritest-right .provyta,
.teoritest-ex1 .provyta {
    padding: .6em .7em 1em 1em
}
.index-teoritest-right .provyta .rbs,
.teoritest-ex1 .provyta .rbs {
    margin: .3em .3em 1em 1em
}
.index-teoritest-right .provyta .nasta,
.teoritest-ex1 .provyta .nasta {
    margin-top: 1.8em
}
.teoritest-ex1 .provyta .alt input {
    margin: 0;
    display: inline
}
.teoritest-ex1 .provyta .mark {
    margin: .2em .3em 0 0;
    width: 10px
}
.teoritest-ex1 {
    margin: 0 auto;
    max-width: 42em
}
.betala p,
.betalsatt,
.index-bg-image p {
    max-width: none
}
.teoritest-ex1 .kontroller {
    margin: 0;
    padding: 0
}
.full-shadowbox,
.teoritest-ex1 .provyta {
    color: #333
}
.teoritest-ex1 .provyta img {
    margin: 0 0 0 .6em
}
.teoritest-ex1 .provyta {
    color: #454545
}
.small {
    margin-left: 1em;
    font-size: .85em
}
.teoritest-exempelbilder img {
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    background-color: #fff;
    padding: 3px;
    width: 200px;
    display: inline-block
}
.teoritest-exempelbilder-thumb {
    display: inline-block;
    margin: 0 .5em 2em
}
#regbox-1 {
    float: left;
    width: 33%;
    display: inline-block;
    padding-right: .8em;
    margin-bottom: 2em;
    margin-top: 5em
}
#regbox-2 {
    width: 34%;
    float: left;
    padding-left: .4em;
    padding-right: .4em;
    margin-bottom: 6em;
    margin-top: 4em
}
#regbox-3 {
    width: 33%;
    float: left;
    padding-left: .8em;
    margin-top: 5em;
    margin-bottom: 2em
}
#regbox-2 .regbox-bg {
    color: #fff;
    background-color: #5aa564
}
#regbox-2 .pack-name {
    padding: 1.5em 0 1.3em
}
#regbox-2 .price-container {
    background-color: #4a9555
}
#regbox-3 .regbox-bg {
    color: #fff;
    background-color: #4c4c4c
}
#regbox-3 .price-container {
    background-color: #3e3e3e
}
.regbox-bg {
    background: #ebebeb;
    border-radius: 10px
}
.features p {
    font-size: 1.1em;
    padding: .8em 0;
    margin: 0
}
#regbox-2 .underline {
    border-bottom: 1px solid #fff
}
.pack-name {
    font-size: 1.6em;
    display: block;
    padding: 1.2em 0 1em
}
.price-container {
    background: #b8b8b8;
    padding: 1.5em 0;
    margin: 0
}
.price-tag {
    color: #9f4a34;
    background: #fff;
    border-radius: 5px;
    padding: .6em 1em .5em;
    font-size: 1.1em
}
#regbox-2 .features {
    border: 1px solid #5aa564;
    border-top: 0
}
.features {
    background: #ebebeb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 1em 1em 0;
    margin: 0
}
#regbox-1 .betala-knapp,
#regbox-2 .betala-knapp,
#regbox-3 .betala-knapp {
    margin: 1em 0 2em;
    background: #b8b8b8;
    border: none;
    font-size: 1.4em;
    text-shadow: none;
    color: #333
}
#regbox-2 .betala-knapp {
    color: #fff;
    background: #5aa564
}
#regbox-3 .betala-knapp {
    color: #fff;
    background-color: #4c4c4c
}
#regbox-1 .betala-knapp:hover {
    background-color: #ababab
}
#regbox-2 .betala-knapp:hover {
    background-color: #4a9555
}
#regbox-3 .betala-knapp:hover {
    background-color: #404040
}
.registrera-top {
    margin: 0 auto 1.3em;
    font-size: 1.2em
}
.registrera-top p {
    margin: 0 0 .4em;
    padding: 0;
    max-width: none
}
.registrera-top img {
    height: 12px;
    width: 12px
}
.registrera {
    position: relative;
    width: 23em;
    margin: 0 auto;
    background-color: #f6f6f6;
    padding: 1em 1.4em 1.4em;
    font-size: 1.1em;
    border-radius: 10px;
    box-shadow: 0 0 4px #ccc
}
.registrera-typ {
    display: block;
    margin: .5em 0 .8em;
    padding: 1em 1em .8em .8em;
    background-color: #fff;
    border-radius: 10px
}
.demo-radio,
.registrera-typ {
    font-size: .95em;
    border: 1px solid #ccc
}
.registrera-typ input {
    vertical-align: top
}
.registrera-typ .pris {
    padding-top: .3em;
    display: block;
    color: #9f4a34
}
.bankid-check,
.epost-check {
    background-image: url(/images/site/bankid-telefon-logo.png);
    background-size: 80px;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    padding-top: 1.8em;
    padding-bottom: 1.8em
}
.epost-check {
    background-image: url(/images/site/epost-logga-in.png)
}
.demo-radio {
    display: inline-block;
    margin: .5em .4em .8em;
    padding: 1em 1em .8em;
    background-color: #f6f6f6;
    border-radius: 10px;
    min-width: 2.2em
}
.demo-radio input {
    margin: 0 0 .5em;
    padding: 0
}
.block-radio {
    display: inline-block;
    margin-left: .3em;
    margin-top: .1em
}
.registrera-input {
    padding: 1em 0 0
}
.registrera input {
    font-size: 1.1em
}
.registrera-input input {
    width: 100%;
    margin: .2em 0 .9em
}
.registrera h2 {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: .3em;
    margin: 0;
    font-weight: 400;
    font-size: 1.3em
}
.registrera-forlang {
    text-align: left;
    border-radius: 10px!important
}
.betala,
.demo-button,
.index-bg-image,
.skapa-konto-kod,
.villkor,
h1.reg,
h2.reg {
    text-align: center
}
h1.reg {
    margin: 1.6em 0 .5em
}
h2.reg {
    margin: 2em 0 .7em;
    font-size: 1.7em
}
.betalsatt img {
    margin: .3em 0 0
}
.betalsatt {
    list-style: none;
    padding: 0;
    width: 100%;
    border: 0
}
.registrera-forlang .betalsatt {
    padding-top: .8em;
    padding-bottom: 1em
}
.betalsatt li {
    display: inline;
    padding: 0;
    margin: 0 0 .5em;
    float: left;
    width: 50%;
    border: 0
}
.betalsatt input {
    padding: 0;
    margin: 0
}
.betala,
.skapa-konto-kod {
    clear: both;
    padding: 1em 0 0
}
.skapa-konto-kod {
    padding: 1.6em 0 0
}
.betala button:focus {
    outline: 0
}
.betala p {
    font-size: 1.3em;
    margin: .1em 0 1em;
    padding: 0
}
.betala-kort {
    height: 30px;
    padding-top: 4px
}
.betala-internetbank {
    width: 160px
}
.index-50-50,
.index-50-50-inner {
    position: relative;
    float: left;
    width: 100%
}
.index-textbox .green {
    color: #5aa564
}
.betala-knapp,
.index-button,
.upgrade-button {
    background-color: #5aa564;
    border: 0;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 1.1em;
    padding: .45em .8em .4em;
    text-decoration: none;
    text-align: center;
    margin-bottom: .2em;
    font-family: arial, helvetica, verdana, geneva, sans-serif
}
.betala-knapp:hover,
.index-button:hover,
.upgrade-button:hover {
    background-color: #4a9555
}
.villkor {
    font-size: .9em;
    margin: .8em 0 2em
}
.demo-button {
    margin: 4em 0 1em;
    font-size: 1.2em
}
.demo-button a {
    color: #2b6195;
    padding-bottom: .2em
}
a.index-button,
a.upgrade-button {
    text-decoration: none;
    color: #fff
}
.demo-button a:hover {
    text-decoration: none;
    border-bottom: 1px solid #6088b5
}
.index-bg-image {
    background-image: url(/wp-content/themes/korkort/images/index-4310-korkortonline-desktop.jpg);
    height: 570px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 4em
}
.index-bg-image h1 {
    font-size: 3.5em
}
.index-button {
    padding: .8em 1em .7em;
    -webkit-padding-after: .65em;
    margin-top: 1em
}
a.index-button {
    font-size: 1.5em
}
a.upgrade-button {
    font-size: 1em
}
.upgrade-button {
    padding: .5em .8em;
    -webkit-padding-after: .65em
}
.index-textbox {
    font-size: 1.6em
}
.index-textbox p {
    margin: .6em 0
}
.index-50-50 {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding: 1.8em 0 0
}
.index-50-50-inner {
    right: 50%;
    border-right: 1px solid #e2e2e2;
    margin-bottom: 1.5em
}
.index-50-50-left,
.index-50-50-right {
    width: 50%;
    left: 50%;
    float: left;
    position: relative;
    overflow: hidden
}
.index-50-50-left {
    padding: 0
}
.index-50-50-padding-right {
    padding-right: 2em
}
.index-50-50-padding-left {
    padding-left: 2.3em
}
.index-50-50 h2 {
    margin-top: 0
}
.index-50-50 p {
    margin-bottom: 0
}
.index-50-50 a {
    margin-right: 1.2em
}
table {
    border: solid #e2e2e2;
    border-width: 0 0 1px 1px;
    width: 100%;
    vertical-align: middle;
    empty-cells: show
}
tr {
    padding: 0;
    margin: 0
}
table.slim,
table.slim td {
    border: 0;
    vertical-align: top;
    padding: 0
}
.signs,
.signs td {
    vertical-align: text-top
}
tr:hover {
    background-color: #f6f6f6
}
table.blank tr:hover,
table.signs tr:hover {
    background-color: inherit
}
table.slim tr:hover,
table.white tr:hover {
    background-color: #fff
}
thead {
    text-align: left
}
td,
th {
    border: solid #e2e2e2;
    border-width: 1px 1px 0 0;
    padding: 1em;
    font-weight: 400
}
td.bild {
    width: 1%
}
.rtd {
    text-align: right
}
.ctd {
    text-align: center
}
#click-table tr,
#click-table-blank tr {
    cursor: pointer
}
.statistik-top-box table tr,
.trtop td,
th {
    cursor: default
}
#click-table a:hover,
#click-table-blank a:hover {
    text-decoration: none
}
.trtop,
.trtop td:hover,
thead,
thead tr:hover {
    background-color: #f6f6f6;
    padding: .7em 1em;
    cursor: default
}
.trtop td,
th {
    padding: .7em 1em
}
.inputright input {
    text-align: right
}
td.np {
    padding: 0;
    background-color: #fff
}
.np img {
    padding: 0;
    margin: 0 auto;
    display: block;
    max-width: 115px;
    max-height: 78px
}
.trs-box {
    border: 1px solid #e2e2e2;
    padding: 0;
    margin: 1em 0 0;
    max-width: 430px;
    border-radius: 10px
}
.trs-box p {
    margin-left: 1em
}
.trafikskolekarta {
    max-width: 100%;
    height: auto;
    display: block;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 1px solid #e2e2e2
}
.statistik-top-box {
    border: 1px solid #e2e2e2;
    padding: .5em .7em .5em .5em;
    margin: 0;
    background-color: #f6f6f6;
    border-radius: 10px
}
.statistik-top-box table {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%
}
.statistik-top-box td {
    text-align: right;
    border: 0;
    padding: .6em
}
.statistik-bar-outer {
    border: 1px solid #e2e2e2;
    width: 100%;
    background-image: url(/images/site/green-bar-mark.png);
    background-repeat: repeat-y;
    background-color: #fff;
    text-align: left
}
.statistik-bar-green {
    font-size: .7em;
    background-color: #3db526;
    opacity: .7
}
.statistik-bar-red {
    font-size: .7em;
    background-color: #ec3232;
    opacity: .7
}
.genomsnitt {
    text-align: center;
    margin: .8em 0 0
}
.width100 {
    width: 100%
}
a:link.radera,
a:visited.radera {
    color: #ef3939!important;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    text-decoration: none;
    padding: 0 .2em;
    border-radius: 4px
}
a:hover.radera {
    color: #fff!important;
    border: 1px solid #ef3939;
    background-color: #ef3939;
    font-weight: 700
}
.radera-allt {
    max-width: 100%;
    text-align: right;
    margin: 1em 0
}
.statistik-info {
    max-width: 100%;
    text-align: right;
    margin: .3em 0 -1.5em;
    font-style: italic
}
tr.statistik-big {
    font-size: 1.1em
}
th.antal {
    width: 37%
}
th.antal-tid {
    width: 65%
}
th.kategori {
    width: 28%
}
th.datum,
th.procent {
    width: 17%;
    text-align: right
}
th.radera {
    width: 1%;
    text-align: right
}
.tmargin {
    margin: 1em 0 0
}
.bmargin {
    margin: 0 0 1em
}
.tbmargin {
    margin: 1em 0
}
.right-corner-text {
    position: relative;
    float: right;
    text-align: right;
    height: auto;
    margin: -3.3em 0 0;
    padding: .1em
}
.small-sub {
    color: #999
}
.small-sub+h2 {
    margin: 0
}
.ej-besvarad {
    margin-top: 1em;
    color: #f08229;
    font-weight: 700
}
.message-box {
    font-weight: 700;
    text-align: center;
    margin: 0 0 1em;
    padding: .9em;
    clear: both
}
.green-box,
.orange-box,
.red-box {
    border: 1px solid #cbe3c4;
    padding: .6em 1em;
    background-color: #e0f9da;
    border-radius: 10px
}
.red-box {
    border: 1px solid #eb7272;
    background-color: #ef9191
}
.orange-box {
    border: 1px solid #f90;
    background-color: #ffb028
}
@media screen and (max-width: 520px) {
    .teoritest-resp-img {
        height: 170px;
        width: 200px;
        background-position: -30px 0
    }
}
@media screen and (max-width: 420px) {
    .teoritest-resp-img {
        height: 150px;
        width: 100%;
        margin: .5em 0 1em;
        display: block;
        float: none;
        background-size: 100%;
        background-position: 0 -30px
    }
}
@media screen and (max-width: 970px) {
    .top-logo {
        margin: 0 0 14px 20px
    }
    #topright {
        display: none
    }
    .top-logo img {
        width: 120px
    }
   
    .starta-bankid {
        display: block
    }
    .starta-bankid a {
        font-size: 1.1em
    }
   
    .sub-inne-right-email {
        display: none
    }

    .teoritest-kvalitet {
        max-width: auto
    }
    .klickbar {
        width: 450px
    }
}
@media screen and (max-width: 850px) {
 
}
@media screen and (max-width: 750px) {
    #top,
    .gsc-webResult.gsc-result {
        width: 100%
    }
    .index-50-50,
    .main-login-message {
        text-align: left
    }
    .bc-100,
    .box,
    .colmask {
        clear: both
    }
 
    #g-cse {
        margin: 0 1em 1em
    }
    .logga-in {
        position: absolute;
        top: -1.1em;
        right: -10px;
        font-size: .95em;
        padding: .4em .8em .3em
    }
    .logga-in:hover {
        background-color: #5aa564
    }
    .inloggad-knapp:hover {
        background-color: #5285b6
    }
    .search-right {
        display: none
    }
    #regbox-1,
    #regbox-2,
    #regbox-3 {
        width: 100%;
        padding: 0!important;
        margin-top: 1em;
        margin-bottom: 1em
    }
    #regbox-3 {
        margin-bottom: 2em
    }
    #regbox-1 .betala-knapp:hover {
        background-color: #b8b8b8
    }
    #regbox-3 .betala-knapp:hover {
        background-color: #4c4c4c
    }
    .show-resp {
        display: inline
    }

    .box,
    .colmask {
        position: relative
    }
    #topright {
        display: none
    }
    .main-login {
        margin: 0 auto;
        max-width: none;
        background-color: #fff;
        padding: 0;
        box-shadow: none
    }
    .index-textbox {
        font-size: 1.1em
    }
    .index-textbox p {
        margin: .5em 0
    }
    .index-50-50 {
        float: left;
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
        padding: 0
    }
    .box,
    .colmask,
    .mainpage .col1wrap {
        float: none
    }
    .index-50-50-inner {
        right: auto;
        border-right: none
    }
    .index-50-50-left,
    .index-50-50-right {
        width: auto;
        left: auto
    }
    .box img,
    .colmask {
        width: 100%
    }
    .index-50-50-padding-right {
        padding-right: 0;
        padding-bottom: 2em;
        margin-bottom: 2em;
        border-bottom: 1px solid #ccc
    }
    .index-50-50-padding-left {
        padding-left: 0
    }
    .index-50-50 h2 {
        margin-top: 0
    }
    .index-50-50 p {
        margin-bottom: 0
    }
    .index-50-50 a {
        margin-right: 1.2em
    }
    #body-wrap,
    #body-wrap-inner,
    #body-wrap-inner-medium,
    #body-wrap-inner-wide {
        min-width: 100px;
        max-width: auto;
        padding: 0
    }
    #body-wrap-exempel {
        margin: 0;
        padding: .6em
    }
    #body-wrap-inner-wide {
        margin-top: 1.4em
    }
    #regbox-2 .betala-knapp:hover,
    .betala-knapp:hover,
    .index-button:hover {
        background-color: #5aa564
    }
  
    .teoritest-top {
        margin: 0 0 .9em
    }
    .teoritest-top h1 {
        margin: .3em 0;
        font-size: 1em
    }
    .demo-button {
        margin: 3em 0
    }
    .index-bg-image {
        background-image: url(/images/site/index-4310-korkortonline-mobil.jpg);
        height: 29em;
        background-size: 100% 100%;
        text-align: center;
        margin: 0!important;
        padding: 0!important;
        background-repeat: no-repeat
    }
    .index-bg-image h1 {
        padding-top: 1em;
        font-size: 1.9em
    }
    a.index-button,
    h3 {
        font-size: 1.1em
    }
    a.index-button {
        margin-top: .3em
    }
    h1 {
        font-size: 1.7em
    }
    h2 {
        font-size: 1.3em
    }
    h1.reg {
        margin: 1em 0 .5em
    }
    h2.reg {
        margin: 2em 0 .7em;
        text-align: center;
        font-size: 1.3em
    }
    #body-wrap-inner {
        margin: 1.2em;
        max-width: auto;
        min-width: auto
    }
    .box {
        padding: 0;
        display: block
    }
    .boxspace {
        margin: 0 20px
    }
    .colmask {
        overflow: visible;
        margin: 0
    }
    .colmask img {
        max-width: 100%;
        height: auto
    }
    img.resp-small {
        max-width: 80%;
        height: auto
    }
    .mainpage .colright {
        float: none;
        width: auto;
        position: relative;
        left: auto
    }
    .mainpage .col1,
    .mainpage .col1wrap,
    .mainpage .col2 {
        width: 100%;
        position: relative;
        right: auto
    }
    .mainpage .col1 {
        margin: auto;
        overflow: visible
    }
    .mainpage .col2 {
        float: auto;
        margin: 0 0 1em
    }
   
    .col2 a,
    .col2 a:visited,
    .col2 strong {
        display: block;
        padding: .9em 1em .9em 1.6em;
        border-bottom: 1px solid #e2e2e2
    }
    .col2 p {
        margin: .3em 0 0;
        padding: 0 .3em .3em 1em;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2;
        font-size: .9em
    }
 
    .col2 a+p,
    .col2 strong+p {
        margin-top: 2em
    }
    .index-img-ex1 {
        width: 180px
    }
    .anpassa,
    .teoritest-img-ex2 {
        width: 100%
    }
    .hide-resp {
        display: none
    }
    .anpassa {
        min-width: 100px
    }
    .anpassa img {
        width: 50px
    }
    .input-100 input,
    .input-100 select,
    .input-100 textarea {
        width: 100%;
        box-sizing: border-box
    }
  
  
    .search-resp {
        background-image: url(/wp-content/themes/korkort/images/search-icon-white.svg);
        height: 18px;
        width: 18px;
        background-size: 18px 18px;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        top: 9px;
        right: 8em;
        padding: 7px
    }
  
    .demo-button a:hover {
        border-bottom: 0
    }
    .index-teoritest-right .provyta,
    .teoritest-ex1 .provyta {
        padding: .2em .3em .7em
    }
    .provyta .img {
        float: left;
        padding-left: 0;
        display: block;
        clear: both;
        width: 100%
    }
    .provyta .img img {
        width: 100%;
        margin-bottom: 1em
    }
    .listen-right img {
        margin-right: 0
    }
    .bc-100 {
        position: relative;
        float: none;
        overflow: hidden;
        width: auto;
        border-bottom: 1px solid #e2e2e2;
        margin: 1.35em;
        padding-bottom: .6em
    }
    .bc-inner-100 {
        float: left;
        width: 100%;
        position: relative;
        right: auto
    }
    .bc-left-100 {
        width: 100%;
        left: auto;
        color: #ccc
    }

    .fraga,
    .registrera {
        font-size: 1em
    }
  
    
    .teoritest-ex1 {
        width: auto;
        left: auto;
        max-width: none;
        float: none
    }
    .teoritest-ex-left img,
    .teoritest-ex-right img {
        width: 250px
    }
    .registrera {
        width: auto;
        margin: 0 0 25px;
        padding: 1.2em;
        border-radius: 0
    }
    .reg {
        font-size: 1.3em
    }
    .betala-kort {
        width: 104px
    }
    .betala-internetbank {
        width: 160px
    }
    .resp-corner-img,
    .signs {
        width: 100%
    }
    .boxspace-resp {
        margin: 0 1.2em
    }
    .boxspace-demotest {
        margin: .7em
    }
    .boxspace-resp input,
    .boxspace-resp select {
        width: 100%;
        margin: 0;
        font-size: 1.2em!important;
        box-sizing: border-box
    }
    .exempel-frame {
        border-top: 50px solid #000;
        border-bottom: 50px solid #000;
        border-left: 5px solid #000;
        border-right: 5px solid #000;
        border-radius: 15px;
        margin-left: 0;
        height: 600px;
        box-shadow: none
    }
    .signs,
    .signs td {
        border: 0;
        vertical-align: text-top
    }
    .boxspace-resp .small {
        margin-left: 0;
        margin-top: 1em;
        display: block;
        text-align: center
    }
    
    .signs {
        text-align: center;
        display: block;
        font-size: .8em
    }
    .signs td {
        padding: 0 0 2em
    }
    .signs img {
        margin: 0;
        width: 75px
    }
    .vmtd {
        width: auto;
        margin: 0 auto
    }
    .resp-table table,
    .resp-table-blank table {
        border: solid #e2e2e2;
        border-width: 0;
        width: 100%;
        border-collapse: collapse;
        vertical-align: middle;
        empty-cells: show
    }
    .resp-table tr,
    .resp-table-blank tr {
        border: solid #e2e2e2;
        border-width: 1px;
        padding: 0;
        margin: 0
    }
    .resp-table table.slim,
    .resp-table-blank table.slim,
    table.slim td {
        border: 0;
        vertical-align: top;
        padding: 0
    }
    .resp-table table.blank tr:hover,
    .resp-table-blank table.blank tr:hover,
    table.signs tr:hover {
        background-color: inherit
    }
    .resp-table table.white tr:hover,
    .resp-table-blank table.white tr:hover,
    table.slim tr:hover {
        background-color: #fff
    }
    .resp-table td,
    .resp-table-blank td {
        padding: .5em
    }
    .resp-table td.bild,
    .resp-table-blank td.bild {
        width: 1%
    }
    .resp-table .rtd,
    .resp-table-blank rtd {
        text-align: left
    }
    .resp-table .ctd,
    .resp-table-blank .ctd {
        text-align: center
    }
    .resp-table td.np,
    .resp-table-blank td.np {
        padding: 0;
        background-color: inherit;
        text-align: left
    }
    .resp-table .np img,
    .resp-table-blank .np img {
        margin: 0 0 0 .5em;
        display: inline
    }
    .np img {
        padding: 0;
        margin: 0 auto;
        display: block;
        max-width: 110px;
        max-height: 78px
    }
    .resp-table td:first-child,
    .resp-table-blank td:first-child {
        background-color: #e6e6e6;
        font-weight: 700
    }
    .resp-table-white td:first-child,
    .resp-table-white-blank td:first-child {
        background: #fff!important
    }
    .resp-table .rtd,
    .resp-table-blank .rtd {
        display: inline-block;
        width: auto
    }
    .resp-table table,
    .resp-table tbody,
    .resp-table td,
    .resp-table thead,
    .resp-table tr,
    .resp-table-blank table,
    .resp-table-blank tbody,
    .resp-table-blank td,
    .resp-table-blank thead,
    .resp-table-blank tr {
        display: block
    }
    .resp-table thead,
    .resp-table-blank thead {
        display: none
    }
    .resp-table tr,
    .resp-table-blank tr {
        border-bottom: 1px solid #e2e2e2;
        margin-bottom: 1em;
        padding-bottom: 0
    }
    .resp-table tr:last-child,
    .resp-table-blank tr:last-child {
        margin-bottom: 0
    }
    .resp-table td,
    .resp-table-blank td {
        border: none;
        position: relative;
        padding-left: .5em;
        white-space: normal;
        text-align: left
    }
    .resp-table td:before,
    .resp-table-blank td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700;
        content: attr(data-title)
    }
    .resp-table tr.statistik-big,
    .resp-table-blank tr.statistik-big {
        font-size: 1.3em
    }
    .right {
        text-align: left;
        float: none;
        padding: 0
    }
    tr:hover {
        background-color: inherit
    }
}
@media screen and (max-width: 350px) {
    .teoritest-top h1 {
        font-size: .9em
    }
 
    .reg {
        font-size: 1.2em
    }
    .logga-in {
        font-size: 1.05em
    }
  
}
@media screen and (max-height: 700px) and (min-width: 751px) {
    .index-bg-image {
        height: 540px;
        padding-top: 3em
    }
}
@media screen and (max-height: 600px) and (min-width: 751px) {
    .index-bg-image {
        height: 450px;
        padding-top: 3em
    }
    .index-bg-image h1 {
        font-size: 3em
    }
    .index-textbox {
        font-size: 1.4em
    }
    a.index-button {
        font-size: 1.2em
    }
}

@media screen and (max-width: 750px) {
    
    #top-inner .index-link,
    .search-resp,
    .top-logo {
        display: none
    }
    .resp-pop-menu {
        width: 100%;
        height: 35px;
        display: block;
        background: url(/images/site/korkortonline-white.svg) 10px no-repeat;
        background-size: 212px 13px;
        font-size: 13px
    }
    .resp-pop-menu-text {
        float: right;
        color: #fff;
        margin: .8em 10px 0 0
    }
    .logga-in {
        display: none!important
    }
    .hide-pop-menu,
    .hide-pop-menu+.show-resp {
        display: none
    }
   
    #body-wrap {
        margin: 0 auto;
        width: auto;
        min-width: 320px;
        background-color: #fff;
        overflow: auto;
        padding-bottom: .4em;
        border-bottom: 1px solid #e2e2e2
    }
    #body-wrap-inner {
        margin: 0 10px;
        width: auto
    }
    #body-wrap-inner-wide,
    .boxspace {
        margin: 0 auto;
        width: auto
    }
    #body-wrap-inner-wide {
        padding: 0
    }
    #body-wrap-inner-medium {
        padding-left: 10px;
        padding-right: 10px
    }
    .lr-space {
        margin: 0 10px
    }
    p {
        min-width: none
    }
    #top {
        position: relative;
        width: 100%;
        height: 0;
        min-width: 200px
    }
    #top-inner,
    .colmask {
        position: relative;
        width: auto
    }
    #top-inner {
        margin: 0 auto;
        height: 0;
        background: 0 0
    }
    #topright {
        visibility: hidden
    }
    .colmask {
        clear: none;
        float: inherit;
        overflow: hidden;
        margin: 1em 0 0
    }
    .colmask img {
        max-width: none;
        height: auto
    }
    
   
   
    .fraga,
    .provyta .alt {
        border-bottom: 1px solid #e2e2e2
    }
    .sub-inne-right-email {
        display: none
    }
    .antal-kvar,
    .foregaende,
    .provyta .alt,
    .resh1 {
        display: block
    }
    .klickbar,
    .rbs {
        border-radius: 0;
        box-shadow: none
    }
    #statistik .provyta .img img {
        margin-left: 1em
    }
    #statistik .provyta .img img.klickbar,
    #statistik .provyta .img img.klickbar-left,
    .img img.klickbar {
        margin-right: 0
    }
    .img .klickbar {
        max-width: 100%;
        height: auto
    }
    .img img {
        margin-left: 1em;
        max-width: 92%;
        height: auto
    }
    .provyta .klickbar-vm {
        max-width: 220px;
        max-height: 220px
    }
    .provyta {
        margin: 0
    }
    .provyta h1 {
        margin-left: 10px
    }
    .fraga {
        font-weight: 700;
        margin: 0;
        padding: 0 1em 1em;
        max-width: none;
        font-size: 1em
    }
    .fraga-markerad {
        background-color: #c1e2fe;
        padding: .1em;
        margin-right: .5em
    }
    .big-button,
    .foregaende,
    .nasta,
    .sista-fragan {
        height: 2em;
        font-size: 1.3em!important;
        padding-top: auto;
        padding-bottom: auto
    }
    .nasta,
    .sista-fragan {
        display: block;
        width: 94% !important;
        margin: 1.7em 3% 1em 3%!important
    }
    .foregaende {
        width: 94% !important;
        margin: 0 3% 1em 3%
    }
    .big-button {
        width: 100%
    }
    .antal-kvar {
        margin: 1.5em 0 .3em;
        clear: both
    }
    #readspeaker_button1 img {
        margin-bottom: .3em
    }
    #xp1 {
        margin-left: 15px
    }
    .provyta img,
    .provyta img-stor {
        float: none;
        text-align: center;
        margin-bottom: 1em
    }
    .provyta .img,
    .provyta .img-stor {
        float: none;
        background-color: #fff;
        padding-right: 0;
        text-align: left
    }
    .provyta .img-stor img {
        width: 520px
    }
    .provyta .img-forklaring {
        float: none;
        background-color: #fff;
        padding-left: 1.3em;
        margin-bottom: 2em
    }
    .provyta .alt {
        margin: 0;
        padding: 1.2em 1em
    }
    .provyta .alt input {
        margin: 0
    }
    .spara {
        margin-left: 1em
    }
    .kontroller {
        position: relative;
        clear: both;
        width: 100%;
        overflow: hidden;
        padding: 1.3em 0 1.3em 1em
    }
    .provyta-colleft,
    .provyta-colmid,
    .provyta-colright {
        float: left;
        width: 100%;
        position: relative
    }
    .provyta-col1,
    .provyta-col2,
    .provyta-col3 {
        float: left;
        position: relative;
        padding: 0;
        overflow: hidden
    }
    .provyta-botten .provyta-colmid {
        right: 33%
    }
    .provyta-botten .provyta-colleft {
        right: 34%
    }
    #footer .footer-right,
    .pay-logo,
    .start-kontroller-inner {
        position: relative;
        right: auto
    }
    .provyta-botten .provyta-col1 {
        width: 34%;
        left: 100%;
        text-align: center
    }
    .provyta-botten .provyta-col2 {
        width: 33%;
        left: 33%
    }
    .provyta-botten .provyta-col2 img {
        margin: .2em 0 0;
        float: left
    }
    .provyta-botten .provyta-col3 {
        width: 33%;
        left: 67%;
        text-align: right
    }
    .provyta-botten .provyta-col1 input {
        margin-right: .5em;
        margin-bottom: .5em;
        font-size: 1em
    }
    .provyta-botten .provyta-col3 input {
        margin-right: 2em;
        font-size: 1em
    }
    #statistik .provyta .mark,
    .provyta .mark {
        margin: .2em .2em 0 0;
        float: left;
        border-radius: 0
    }
    .start-kontroller {
        position: relative;
        clear: both;
        float: left;
        overflow: hidden;
        width: 100%;
        margin: 0 0 10px
    }
    .start-kontroller-inner {
        float: left;
        width: 100%;
        margin-bottom: 0
    }
    .start-kontroller-left {
        width: 100%;
        left: 0;
        padding: 0
    }
    .start-kontroller-right {
        width: auto;
        left: auto
    }
    .start-kontroller-left,
    .start-kontroller-right {
        float: left;
        position: relative;
        overflow: hidden
    }
    .start-kontroller-padding-right {
        padding-right: 0
    }
    .start-kontroller h2 {
        margin-top: 0
    }
    .start-kontroller .hr {
        margin: 1.5em 0
    }
    .right-info {
        padding: 0 1em .8em;
        background-color: #f6f6f6;
        border: 1px solid #e2e2e2;
        border-radius: 10px;
        margin-top: 2em
    }
    .right-info img {
        margin-right: .3em
    }
    .statistik-info {
        max-width: 100%;
        text-align: left;
        margin: .5em 0 0;
        font-style: italic
    }
    h1 {
        font-size: 1.4em
    }
    h2 {
        font-size: 1.2em
    }
    .start-kontroller h2 {
        margin-left: 0;
        font-size: 1.4em
    }
    .radera-allt {
        margin: 1em 1em 1em 0
    }
    .navlinks a:link,
    a:link.radera {
        font-size: 1.2em;
        padding: 0 .8em
    }
    .navlinks a:link,
    .navlinks strong {
        font-size: 1.2em;
        padding: .3em .5em
    }
    .show-resp {
        display: inline
    }
    #meddelanden .med {
        margin: 0 2em 1.5em 0;
        width: auto
    }
    #meddelanden .svar {
        margin-left: 2em;
        margin-right: 0
    }
    .installningar-width {
        width: 100%
    }
    .start-kontroller input,
    .start-kontroller select {
        font-size: 1em
    }
    @media screen and (max-width: 350px) {
      
    }

   
    .betalsatt li,
    .green-box,
    .pay-logo,
    .red-box {
        display: block
    }
   
    .statistik-top-box {
        font-size: .9em
    }
    .statistik-top-box tr {
        margin-top: .4em;
        margin-bottom: .4em
    }
    .statistik-top-box td {
        float: none;
        text-align: left;
        border: 0
    }
    .betala,
    .pay-logo,
    h2.reg {
        text-align: center
    }
    .statistik-top-box table td:first-child {
        clear: both;
        background: #f6f6f6
    }
    .statistik-top-box table td,
    .statistik-top-box table tr {
        background-color: #f6f6f6;
        border: 0
    }
    .width100 {
        width: auto
    }
    td.resp-padding {
        padding-bottom: 0;
        padding-top: 0
    }
    .registrera {
        width: auto;
        margin: 0 4px 1em;
        font-size: 1em;
        padding: 1em
    }
    .registrera h2 {
        font-size: 1.1em
    }
    .registrera-forlang {
        min-width: auto
    }
    .betalsatt li {
        width: 100%
    }
    .betalsatt li:first-child {
        margin-bottom: 1em
    }
    .betala-kort {
        width: 100px
    }
    .betala-internetbank {
        width: 180px
    }
    .pay-logo {
        bottom: auto;
        margin-top: 1em
    }
    .message-box {
        padding: .3em
    }
    .forklaring-text {
        margin-right: 10px
    }
    .forklaring-text img,
    .forklaringsruta img {
        max-width: 100%;
        height: auto
    }
    .hr-resp {
        display: none
    }
    #statistik .provyta img {
        margin: 0 0 1em
    }
    #statistik .hr {
        border-top: 1px solid #000
    }
    #popup-content {
        margin: 1em 0 0
    }
    h2.reg {
        margin: 1.4em 0 1.5em;
        font-size: 1.3em
    }
    .villkor-margin {
        margin: 1em
    }
    .villkor {
        display: block;
        margin-left: 0
    }
    .tid-kvar {
        display: block;
        margin: .4em 0 .3em
    }
    .betala {
        margin: 0 auto;
        line-height: 2em
    }
    .reg-email-box {
        width: 93%;
        max-width: 93%
    }
    dl dd input {
        width: 60%
    }
    .betala input {
        display: block;
        margin: 0 auto .5em
    }
    .betala-knapp {
        margin-right: 0
    }
}