/* fixar så att login rutan blir vertikalt centrerad på desktop
   men inte på mobil för kan det hända att login knappen inte ryms
 */
@media only screen and (max-width: 767px) {
    .hero-body {
        align-items: baseline !important;
    }
}

html {
    overflow-y: hidden;
    overflow-x: hidden
}

.hero.is-danger {
    background-color: #f7f7f7;
    color:black;
    height: 100vh;
    overflow: auto;
    overflow-x: hidden
}

.hero.is-danger .title {
    color:#007a96;
}

.hero-body {
    justify-content: center;
}

.hero .navbar {
    background-color: #007a96;
}

#hjälpruta, #hjälprutadeltagare {
    display: none;
}

.navbar {
    background-color: #007a96;
    min-height: 4.25rem;
}

.message.is-info .message-header {
    background-color: #007a96;
    color:#fff;
}

.wrap {
    display: flex;
}

#content {
    position: relative;
}

#content img {
    position: absolute;
    top: 0px;
    right: 0px;
}

.checkbox .checkmark {
    top: -13px !important;
}

.square {
    border-radius: 0 !important;
}

/* cirkel logga inloggning */
#halvdan {
    pointer-events: none;
    max-height:55%;
    max-width:55%;
    opacity:0.1;
}

#placeimg img {
    position: absolute;
    top: -15%;
    right: -5%;
}

#formen {
    max-width: 500px;
}

#formen1 {
    width: 500px;
}

.height_logga {
    margin-top: -100px;
}

.image img {
    display: block;
}

#logga_index {
    max-width: 85%;
}

.svart {
    background-color: black;
}

.white {
    color:#fff;
}

.gron.felmeddelande {
    font-weight: 400;
    text-align: start;
}

#ocnbluehr {
    color:#007a96;
    margin: auto;
}

.control.has-icons-left .icon {
    height: 3.2em;
}

.eyetoggle {
    cursor: pointer !important;
}

.footer {
    background-color: #007a96;
    padding: 1rem 1.5rem 4rem;
}


/* aktivera.php */

/* kryssrutan hamnar för högt med ärvd -13px */
.p-aktivera .checkbox span.checkmark {
    top: 0 !important;
}

.p-aktivera .choosepassword {
    margin-top: 15px;
}

.p-aktivera .footer {
    padding-bottom: 20px !important;
    margin-bottom: 50px !important;
}

.p-aktivera .input[disabled] {
    border-color: #b5b5b5;
    background-color: white;
    color: darkgray !important;
}

.p-aktivera .pnrlabel {
    margin-bottom: 2px;
}

.p-aktivera #kön {
    background-color: white;
}

/* registreradeltagare.php */
.p-regidelt html {
    overflow-y: scroll;
}

.p-regidelt .hero.is-fullheight {
    min-height: 100%;
}

/* Vänsterställ debugmeddelanden inuti högerkolumner */
.p-regidelt div.column.has-text-right pre {
    text-align: left !important;
}