html, body, form
{
    height: 100%;
}

/*@font-face
{
    font-family: 'FoundersGrotesk-Semibold';
    src: url('../Fonts/FoundersGrotesk-Semibold.eot');
    src: url('../Fonts/FoundersGrotesk-Semibold.eot?#iefix') format('embedded-opentype'),url('../Fonts/FoundersGrotesk-Semibold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face
{
    font-family: 'FoundersGrotesk-Regular';
    src: url('../Fonts/FoundersGrotesk-Regular.eot');
    src: url('../Fonts/FoundersGrotesk-Regular.eot?#iefix') format('embedded-opentype'),url('../Fonts/FoundersGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

/*@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Roman';
	src: url('../Fonts/HelveticaNeueLTStd-Roman.eot');
	src: local('☺'), url('../Fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), url('../Fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'), url('../Fonts/HelveticaNeueLTStd-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Bd';
	src: url('../Fonts/HelveticaNeueLTStd-Bd.eot');
	src: local('☺'), url('../Fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../Fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../Fonts/HelveticaNeueLTStd-Bd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


@font-face {
	font-family: 'RobotoRegular';
	src: url('../Fonts/Roboto-Regular.eot');
	src: local('☺'), url('../Fonts/Roboto-Regular.woff') format('woff'), url('../Fonts/Roboto-Regular.ttf') format('truetype'), url('../Fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoMedium';
	src: url('../Fonts/Roboto-Medium.eot');
	src: local('☺'), url('../Fonts/Roboto-Medium.woff') format('woff'), url('../Fonts/Roboto-Medium.ttf') format('truetype'), url('../Fonts/Roboto-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'DIN-Condensed-Bold';
	src: url('../Fonts/D-DINCondensed-Bold.eot');
	src: local('☺'), url('../Fonts/D-DINCondensed-Bold.woff') format('woff'), url('../Fonts/D-DINCondensed-Bold.ttf') format('truetype'), url('../Fonts/D-DINCondensed-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body
{
	background-image: url("https://xtrafik.svaradirekt.se/villprova/img/bakgrund-xtrafik.png") no-repeat center center fixed!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color: rgba(0,0,0,1);
}

.mobile
{
    display: none;
}

.nomobile
{
    display: block;
}

@media only screen and (max-width: 480px)
{
    .mobile
    {
        display: block;
    }

    .nomobile
    {
        display: none;
    }
}


/*          */
/* FAQ SIDA */
/*          */
.backgroundColor
{
    background-image: url("https://xtrafik.svaradirekt.se/villprova/img/bakgrund-xtrafik.png") no-repeat center center fixed;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

@media only screen and (max-width: 480px)
{
    .backgroundColor
    {
		background-image: url("https://xtrafik.svaradirekt.se/villprova/img/bakgrund-xtrafik.png") no-repeat center center fixed;
        padding-left: 0px;
        padding-right: 0px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
}

.question
{
    font-size: 1.2rem;
    color: rgba(0,0,0,1);
    font-family: RobotoMedium, Arial;
    padding-bottom: 0px;
}

.answer
{
    font-size: 1rem;
    color: rgba(0,0,0,1);
    font-family: RobotoRegular, Arial;
    padding-bottom: 20px;
}

    .answer a
    {
        font-size: 1.1rem;
        color: #e30613;
        font-family: RobotoRegular, Arial;
        text-decoration: underline;
    }

.faq-list
{
    list-style-type: none !important;
}

span.question
{
    display: block;
    cursor: pointer;
	line-height: normal;
    padding-top: 15px;
}

span.answer
{
    display: none;
}

.faq
{
    color: rgba(0,0,0,1);
    float: left;
    padding-left: 5%;
}

.faq-svarssida
{
    color: rgba(0,0,0,1);
    float: right;
    /*padding-left: 5%;*/
}

    .faq:hover, .faq:visited, .faq:active, .faq-svarssida:hover, .faq-svarssida:visited, .faq-svarssida:active
    {
        color: rgba(227,6,19,1);
    }


#faqtotillbaka
{
    color: rgba(0,0,0,1) !important;
    float: right;
}

/*                         */
/* COUNTER PÅ FÖRSTA SIDAN */
/*                         */

.antalSvar
{
    padding-top: 50px;
}

.counter
{
    font-weight: bold;
}

.vgregion
{
    width: 110px;
    float: right;
}

.fullheight
{
    height: vh100;
}

.statusbar
{
    height: 20px;
    position: absolute;
    background: rgba(116,173,62,0.80);
    -webkit-border-radius: 0px 0px 15px 0px;
    border-radius: 0px 0px 15px 0px;
    font-size: 0.8rem;
    color: #ffffff;
    font-family: RobotoMedium, Arial;
    text-align: center;
}

/*                    */
/* BAKGRUNDSBILD TINT */
/*                    */

/*.bakgrund-tint
{
    position: fixed;
    z-index: -999999
}

    .bakgrund-tint::after
    {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,.4);
        z-index: -999999
    }*/

/*          */
/* FORMULÄR */
/*          */

.textbox-item
{
    position: relative;
    margin-bottom: 0px;
    margin-top: 30px !important;
    max-width: 95%; /*95%*/
    display: block;
    margin: 0 auto 15px auto;
}




/*.textbox-label
{
    position: absolute;
    left: 15px;
    top: 13px;
    color: #999;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    cursor: text;
}

.focused .textbox-label
{
    transform: translateY(-140%);
    color: #ffffff;
}*/

.textbox-label
{
    position: absolute;
    left: 15px;
    top: 13px;
    color: #999; /* #999 */
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    cursor: text;
}

.focused .textbox-label
{
    transform: translateY(-140%);
    color: rgba(0,0,0,1) !important;
}












    .textButton
    {
        position: relative;
        padding: 0px 25px 0px 15px;
        width: 100%;
        outline: 0;
        border: 0;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        max-width: 100%;
        display: block;
        margin: 0 auto 0px auto;
        background-color: rgba(255,255,255,0.92);
		height: 3.0rem;
    }

    .textbox:focus, .textDroppDown:focus, .textButton:focus
    {
        border: 0;
        outline: 0;
    }

    .textbox.filled, .textDroppDown.filled, .textButton.filled
    {
        border: 0;
        outline: 0;
    }













::-webkit-input-placeholder
{
    color: #999 !important;
}

:-ms-input-placeholder
{
    color: #999 !important;
}

::placeholder
{
    color: #999 !important;
}

.textbox
{
    position: relative;
    padding: 25px 15px;
    width: 100%;
    outline: 0;
    border: 0;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    max-width: 100%;
    display: block;
    background-color: rgba(255,255,255,0.92);
}

    .textbox:focus
    {
        border: 0;
        outline: 0;
    }

    .textbox.filled
    {
        border: 0;
        outline: 0;
    }

.dropdown, .button, .icheckbox_line-blue
{
    max-width: 90%;
    display: block;
    margin: 0 auto 15px auto;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    height: 50px;
    margin-top: 30px;
    font-family: RobotoRegular, Arial;
}

.dropdown
{
    max-width: 95%;
    /*margin: 0;*/
    margin-top: 10px;
}

.icheckbox_line-blue
{
    max-width: 100%;
    display: block;
    margin: 0 auto 15px auto;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    height: 50px;
    margin-top: 30px;
    font-family: RobotoRegular, Arial;
}

.disabled
{
    background: rgba(255,255,255,0.75);
    pointer-events: none;
    cursor: pointer;
}

.missingfield, .missingfield .icheckbox_line-blue
{
    border-bottom: 2px solid red !important;
}

.rbnbutton
{
    max-width: 95%;
    display: block;
    margin: 0 auto 15px auto;
}

    .rbnbutton .iradio_line-blue, .rbnbutton .icheckbox_line-blue
    {
        padding: 30px 15px 30px 38px;
    }

    .rbnbutton .icheckbox_line-blue, .rbnbutton .iradio_line-blue
    {
        font-size: 19px;
    }

.rbnlist
{
    list-style: none;
}

.rbnbutton.rbnlist li
{
    margin-bottom: 10px;
    /*max-width: 55%;*/
}

.rbnbutton .iradio_line-blue, .rbnbutton .icheckbox_line-blue, .button.finalize
{
    padding: 17px 15px 20px 15px;
}


.button.finalize
{
    padding: 13px 15px 20px 20px;
    margin-top: 10px;
    background-color: rgba(227,6,19,1);
    font-family: RobotoRegular, Arial;
    font-size: 19px;
    width: 65%;
}

.button .fa-chevron-left
{
    margin-right: 10px;
}

.button .fa-chevron-right
{
    margin-left: 10px;
}

.button
{
    padding: 16px 0px;
}

    .button.login
    {
        padding: 16px 16px;
        width: 100%;
    }

    .button.getaddressbysocialnumber
    {
        padding: 16px 0px;
        width: 65%;
    }

    .button.removesocialnumber
    {
        padding: 16px 0px;
        width: 65%;
    }

.buttonFaq
{
    display: block;
    /*padding: 14px 16px;*/
    font-size: .9rem;
    max-width: 65%;
    margin: 0 auto;
    background-color: rgba(227,6,19,1) !important; /* rgba(60,70,80,0.75) */
    margin-top: 10px;
    width: 65%;
}

.button.next
{
    display: block;
    padding: 14px 0;
    font-size: 19px;
    max-width: 65%;
    margin: 0 auto;
    background-color: rgba(227,6,19,1); /* rgba(60,70,80,0.75) */
    margin-top: 10px;
}

.button.prev
{
    display: block;
    padding: 14px 0;
    font-size: 19px;
    max-width: 65%;
    margin: 0 auto;
    background-color: rgba(227,6,19,1); /* rgba(60,70,80,0.75) */
    margin-top: 10px;
}

@media only screen and (max-width: 768px)
{
    .button.next
    {
        max-width: 75%;
    }

    .button.prev
    {
        max-width: 75%;
    }

    .cell
    {
        width: 49%;
    }
}


.button
{
    background-color: #e30613 !important;
}

/*      */
/* TEXT */
/*      */

.h1, h1
{
    font-size: 2rem;
    color: rgba(0,0,0,1);
    font-family: RobotoMedium, Arial;
}

.h2, h2
{
    font-size: 2.5rem;
    color: rgba(0,0,0,1); /* #00394d */
    font-family: RobotoMedium, Arial;
    padding-bottom: 10px;
}


.h3, h3
{
    font-size: 2.0rem;
    color: rgba(0,0,0,1); /* #00394d */
    font-family: RobotoRegular, Arial;
    padding-bottom: 10px;
}

.h4, h4
{
    font-size: 1.0rem;
    color: rgba(0,0,0,1); /* #00394d */
    font-family: RobotoRegular, Arial;
    padding-bottom: 10px;
}

.textAlign
{
    text-align: left;
    padding-left: 50px;
    padding-right: 50px;
}

@media only screen and (max-width: 768px)
{
    .h2, h2
    {
        font-size: 1.5rem;
        color: rgba(0,0,0,1);
        font-family: RobotoMedium, Arial;
    }

    .h3, h3
    {
        font-size: 1.5rem;
        color: rgba(0,0,0,1);
        font-family: RobotoRegular, Arial;
    }
}

.txtWhite, .txtColor, .txtColor a
{
    color: #ffffff !important;
}

/*                                          */
/* FACEBOOK OCH TWITTER IKONER PÅ TACKSIDAN */
/*                                          */

.tackDelaIkoner
{
    margin-top: 16px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

/*           */
/* FAQ SIDAN */
/*           */

.whitebox
{
    background-color: rgba(255,255,255,0.30);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 50px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}