﻿
body, p, h1, h2 {
    font-family: proxima-nova, sans-serif !important;
}

input[style=text] {
    font-family: Arial !important;
    font-weight: normal !important;
    font-style: normal !important;
    height: 24px;
}

input {
    border-style: none none solid none;
    border-width: 0.2px;
    border-color: #939393;
    font-family: Arial !important;
    font-weight: normal !important;
    font-style: normal !important;
}

input:focus {
    outline: none;
}

h1 {
    font-size: 32px;
    text-transform: uppercase;
}


/*----------------MARGINS----------------*/

.fill-in .no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right:0px;
}


/*----------------MARGINS----------------*/

.mbottom-20 {
    margin-bottom: 20px;
}

.mbottom-50 {
    margin-bottom: 50px;
}

.mtop-40 {
    margin-top: 40px;
}


/*----------------ALLMÄNT----------------*/

.header-wrapper {
    padding-top: 40px;
}

.header-wrapper img {
    width: 200px;
    margin-bottom: 20px;
}

.headline-rental {
    text-align: center;
}

.headline-rental h1 {
    font-weight: 700;
    margin-bottom: 0;
}

.headline-rental p {
    width: 80%;
    margin: auto;
}

p.contact-info {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 16px;
}

.fill-in .col-xs-6 p, .fill-in .col-xs-8 p, .fill-in .col-xs-4 p {
    margin-bottom: 0;
}

.fill-in input {
    width: 100%;
    font-size: 15px;
}

.second-block .col-xs-12 .row {
    margin-bottom: 10px;
    border-bottom: solid 0.2px #ccc;
}

.second-block .col-xs-12 .row .col-xs-4 span, .second-block .col-xs-12 .row .col-xs-4 input {
    float: right;
}

.second-block .col-xs-12 .row .col-xs-4 input {
    margin-left: 30px;
}

.second-block .col-xs-12 .row .col-xs-8 p:first-of-type {
    display: inline-block;
    float: left;
    line-height: 1.4;
}

.second-block .col-xs-12 .row .col-xs-8 p:last-of-type {
    margin-left: 20px;
    margin-bottom: 5px;
    line-height: 1.4;
}

.footer {
     margin-bottom: 30px;
}


/*--------------------SECOND PAGE--------------------*/

.second-page {
    width: 100%;
    margin-top: 40px;
}

.second-page-first-row h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 40px;
}

.second-page-first-row .col-xs-12 img {
    margin: 0 auto;
    display: block;
}

.second-page-third-row {
    margin: 30px 0 0 0;
}

.second-page-third-row p span {
    width: 100%;
}

.second-page-third-row p span input {
    padding: 0;
    width: 96%;
    float: right;
}

.second-page-third-row p {
    font-size: 18px;
    font-weight: 700;
}

.second-page-third-row .col-xs-12 {
    margin-bottom: 20px;
}



/*--------------------ÖVERSYN - UTLÄMNING--------------------*/

#o .fill-in.overview-ingress input, #r .fill-in.overview-ingress input {
    width: 90%;
    float: right;
}

#o .fill-in.overview-ingress .col-xs-6 p, #r .fill-in.overview-ingress .col-xs-6 p, .fill-in .col-xs-8 p, .fill-in .col-xs-4 p {
    display: inline-block;
    height: 40px;
}

#o .row.second-block.mbottom-20.overview-container input[type=checkbox],
#r .row.second-block.mbottom-20.overview-container input[type=checkbox] {
    float: left;
    margin: 0 30px auto 0;
    width: 20px;
    margin-top: 7px;
}

#o .row.second-block.mbottom-20.overview-container input[type=text],
#r .row.second-block.mbottom-20.overview-container input[type=text] {
    font-size: 15px;
    float: right;
    width: 60%;
}

#o .second-block .col-xs-12 .row, #r .second-block .col-xs-12 .row {
    margin-bottom: 10px;
    border-bottom: none;
}

#o .row.second-block.mbottom-20.overview-container p,
#r .row.second-block.mbottom-20.overview-container p {
    font-size: 20px;
    font-weight: 700;
}

#o .row.second-block.mbottom-20.overview-container .row,
#r .row.second-block.mbottom-20.overview-container .row {
    margin-bottom: 10px;
}

#o .headline-rental h2, #r .headline-rental h2 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}

.header-wrapper p.contact-info input {
    font-size: 15px;
    margin-left: 5px;
}

#o .row.second-page p.contact-info:last-of-type,
#r .row.second-page p.contact-info:last-of-type {
    margin-top: 20px;
    font-weight: 400;
    text-transform: none;
}

#o .row.second-page .col-xs-12 .header-wrapper, #r .row.second-page .col-xs-12 .header-wrapper {
    height: 800px;
}

img.kaross-bild {
    display: block;
    width: 90%;
    margin: auto;
    position: relative;
    top: -166px;
    z-index: -99;
}



/*--------------------SKYLT--------------------*/

#s p {
    font-size: 26px;
    margin: 0 0 50px 0;
}

#s input {
    padding-left: 10px;
    width: 87%;
    float: right;
    background: transparent;
}

#s .sign-info input {
    width: 82%;
    float: right;
}

#s .sign-info p {
    font-weight: 700;
}

#s .header-wrapper img {
    width: 250px;
    margin-bottom: 0;
}

/*#s {
    background-image: url('/img/skylt-bild.jpg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
}*/

img.skylt-bild {
    position: fixed;
    width: 70%;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

.btn-primary {
    background-color:#cccccc !important;
    border-color:#cccccc !important;
}

.btn-active {
    background-color:#939393 !important;
    border-color:#939393 !important;
    color:#fff;
}

.btn-link {
    color:#000 !important;
}


table.table.tablegrey,
table.table.tablegrey th,
table.table.tablegrey td {
    border: 1px solid #ccc !important;
}

.test {
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}

option {
    background:#ffffff;
    text-align:left;
    padding-left:5px;
    padding-top:2px;
}

 select 
    {
        border:0px;
        outline:0px;
    }

