.sp-search h1 {
    text-align: left;
}
.hideInPortal{
height:0px;
 width:0px;
  opacity:0;
}
.gap {
 	height:  72px; 
  }
.service h1 {
font-family: 'Open Sans', sans-serif !important; 
}
.sp-search h1 {
font-family: 'Open Sans', sans-serif !important; 
}
.s-row .col-md-12 {
	position: relative;
    padding: 0;
    top: -12px;
}
p, div, label, pre, span, a {
font-family: 'Open Sans', sans-serif !important; 

}
p, div, label, pre, a {
color: rgb(0, 35, 66);
}

h1, h2, h3, h4 {
font-family: 'Open Sans', sans-serif !important;
color:rgb(0, 126, 177);
font-weight: 400 !important;
}

.sp-search p {
    text-align: left;
}
.mypage-row .col-md-12 >div >div:first-child {
    justify-content: flex-start !important;
    //padding: 20px 0;
    //height: 107px;
    padding: 24px 40px !important;
}
.profile label  {
	z-index: 1234 !important;
}

.ql-indent-1 {
	margin-left: 12px !important;
}
.ql-indent-2 {
	margin-left: 24px !important;
}
.ql-indent-3 {
	margin-left: 24px !important;
}
.mypage-row span:hover, a:hover {
	text-decoration: none !important;
}
.home-row .col-md-12 >div:nth-child(2) {
	z-index: 1;
    position: relative;
}
.serviceborder .col-md-12 {
	padding: 0 !important;
}
.mypage-row span, a {
	text-decoration: none !important;
}
.content-row {
    min-height: calc(100vh - 281px);
}
body {
	overflow-x: hidden;
    font-family: "Open Sans" !important;
}
.home-row {
background: #f7f7f7 !important;
position: relative;
top: -12px;
overflow: hidden;
padding: 50px 0;
}
h1, .sp-search {
	z-index: 1;
    position: relative;
}
.sp-search >div:first-child{
	//min-width: 360px;
}
.home-row:after {
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
        width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
        z-index: 0;
}
.home-row:before {
	display: block;
    z-index: 0;
    background: linear-gradient(135deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    clip-path: polygon(70% 0, 100% 0, 100% 20%, 80% 100%, 20% 100%);
        width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
li::after {
	background: #dce8f0 !important;
}
.main-nav .col-md-12 >div >ul li span {

}
.main-nav .col-md-12 >div >div {
	background: #dce8f0  !important;
}
.serviceborder {
    position: relative;
    top: -12px;
}
/*
.button {

}
button:focus {
	outline: none !important;
}
button span {
	color: black !important;
    display: block !important;
    background-color: white !important;
    transition: all 0.2s ease 0s !important;
    padding: 10px 24px !important;
    border-radius: 256px !important;
}
button {
	margin-bottom: 12px !important;
	transition: .2s ease all !Important;
 	font-size: 14px !important;
    justify-content: center !important;
    margin: 0 12px 12px 12px !important;
    -webkit-appearance: none !important;
    border-radius: 40px !important;
    max-width: 350px !important;    
    display: inline-block;
    cursor: pointer;
    background: black;
    border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    border-image: initial !important;
    padding: 2px !important;
}
*/

.bottom-container {
	/* background: rgb(0, 35, 66); */
    padding: 26px 26px 50px 26px;
    padding: 26px 40px;
    display: flex;
    flex-direction: row;
    position: relative;
    overflow: hidden;
}
.footer-link {
	position: absolute;
    right: 26px;
    bottom: 26px;
    z-index: 1;
}
.bottom-container a {

    color: white;
}


.bottom-container >div:first-child {
    background: url(./logovasteras.jpg);
    display: none;
    height: auto;
    width: 85px;
    background-size: contain;
    background-repeat: no-repeat;
}
.bottom-container div {
	margin-right: 26px;
    padding-bottom: 12px;
}
.bottom-container h2 {
	color: white !important;
    font-size: 24px;
    position: relative;
        margin: 0 0 12px 0;
}
.bottom-container p {
	color: white;
    position: relative;
}
.bottom-container div {
	position: relative;
}

.map-save-state {
	max-height: 50px!important;
}
.controls-wrapper {
	padding: 0 6px 6px 0 !important;
}
.ol-viewport {
 	//min-height: 150px !important; 
}
.ol-viewport canvas {
 	//min-height: inherit;
 // width: auto !important;
}
.selected {
 	padding: 0 !important; 
}
.map-wrapper div div input {
	//width: 250px;
    position: relative;
    top: 12px;
   // left: -34px;
}
.map-wrapper >div:nth-child(2) {
	height: inherit !important;
}

/* -------------------- style-changes Västerås -------------------- */

/* header */
.target.sc-jtRfpW.jFJKBD, .target.sc-jtRfpW.kvcndi  {
    background: rgb(0, 35, 66)
}

/* blockvy inne i tjänst */
.sc-ktHwxA.djuIJN {
    background: rgb(0, 35, 66)
}


.sc-gNJABI.pyVJR, .sc-lnmtFM.gJMEiY {
    margin-bottom: 30px;
}

/* avstånd mellan kategorierna under våra tjänster */
.sp-formgroup-container.sc-hMFtBS.dpbccA, .sp-formgroup-container.sc-cLQEGU.dfCVJC {
    min-height: 350px;
}

/* färg etikett tjänster*/
.sc-hEsumM.bMTegn, .sc-ktHwxA.bBCZKi, .sc-ktHwxA.iQrNJF {
    background-color: #002342;
    border: none;
    color: #fff;
    font-weight: normal;
}

.sc-cLQEGU.dlkqtd {
    margin-top: 30px;
}

/* ta bort onödig rubrik över alla tjänster */
.sc-hEsumM.eUBHpb, .sc-ktHwxA.bpWRYx {
    display: none;
}

/* header inne i tjänst */
.sc-hMFtBS.jsQQwY, .sc-cLQEGU.bCSOjN, .sc-cLQEGU.dlkqtd {
    background: rgb(247, 247, 247);
}

/* ikon header i tjänst */
.sc-fQkuQJ.FPUra, .sc-gAmQfK.ilIvAc, .sc-dphlzf.ikQBtQ, .sc-dwztqd.gYyHhp {
    background: rgb(0, 35, 66);
    padding: 3px;
}

/* ikon header i tjänst, verkar dock inte fungera */
icon-badge, icon-info, .sc-cNQqM.jwAyul em {
    top: 3px; 
}

/* linje runt Avbryt och Nästa knapp 
.sc-hMFtBS.eHiGKM, .sc-cLQEGU.dRTvxY, .sc-cLQEGU.eGXbPR button {
    border: 1px  rgb(0, 35, 66);
    background: rgb(0, 35, 66);
}
*/
button:focus {
    outline: none; /* Remove the outline */
    background-color: rgb(0, 35, 66)  
}
button.active: {
    border-style: none; /* Remove the border */
}

/* linje runt Avbryt och Nästa knapp */
.processbutton-cancel button {
    border: 10px  rgb(0, 35, 66);
    background: rgb(0, 35, 66)
}

/* avstånd till h1 rubrik inne i tjänster */
.sc-hwcHae.dXDjJY {
    margin-bottom: 30px;
}

/* Sidan frågor och svar (hur bred texten är på sidan) */
.sc-hMFtBS.jgWdLT, .sc-cLQEGU.fpKKtb  {
    max-width: 1170px;
    margin: 0 auto;
}

/* pdf under alla tjänster */
.sc-bYSBpT.hKcpTU,  .sc-elJkPf.jLHeiQ {
    left: inherit;
}

/* länkar är blå */
p a {
    color: #337ab7;
}

.ReactModal__Overlay, .ReactModal__Overlay--after-open{
  z-index: 9999999 !important;
}

.cookie-bar a {
	color: rgb(0, 126, 177);
  	font-weight: bold;
  	text-decoration: underline !important;
}