/*
=========================================================
LP Self Service
=========================================================
 * Innehåller styling för självtjänster.
 *
 * Copyright (C) Limepark AB. Upprättad 2016.
=========================================================*/


/*
---------------------------------------------------------
GRUNDLÄGGANDE
---------------------------------------------------------*/

.lp-self-service-links-wrapper {
   display: flex;
   flex-wrap: wrap;
   margin: 20px -10px 40px;
}

.lp-self-service-links-wrapper ul {
   list-style: none;
   width: 100%;
   margin: 0 20px 0 0px;
   padding: 0;
}

.lp-self-service-links-wrapper li {
   margin-bottom: 0.5em;
}

/*
---------------------------------------------------------
MENY STARTSIDA
---------------------------------------------------------*/

.lp-self-service-overview ul {
   list-style-type: none;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding: 0;
   margin: 0 -10px 30px;
}

.lp-self-service-overview li {
   flex: 1 1 auto;
   margin: 10px;
}

.lp-self-service-overview a {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px 20px 15px;
   background: #8b3952;
   border-bottom: 5px solid #8b3952;
   border-radius: 5px;
   color: #fff;
   font-size: 17px;
   text-decoration: none;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
}

.lp-self-service-overview a:hover,
.lp-self-service-overview a:focus {
   padding: 20px 20px 15px;
   border-bottom: 5px solid #662035;
   text-decoration: underline;
}


.lp-self-service-overview img {
   margin: 0 0 0 20px;
   max-width: 16px;
   height: auto;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
}

.lp-self-service-overview a:hover img {
   margin: 0 -5px 0 25px;
}



/*
---------------------------------------------------------
TABELL-ish
---------------------------------------------------------*/

.lp-self-service-links-group {
   width: 100%;
   margin: 0 10px;
}

.lp-self-service-links-group h2 {
   display: block;
   background-color: #80c1bf;
   border: 0;
   border-bottom: 5px solid #578b92;
   border-radius: 5px;
   box-sizing: border-box;
   color: #fff;
   cursor: pointer;
   display: block;
   font-family: asap, arial;
   font-size: 17px;
   font-weight: bold;
   margin: 5px 0 0;
   padding: 7px 12px;
   text-align: left;
   text-transform: uppercase;
   width: 100%;
}

.lp-self-service-links-group button {
   padding: 0;
   background: transparent;
   border: none;   
   color: #fff;
   font-family: asap, arial;
   font-size: 17px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: left;
}

.lp-js .lp-self-service-links-group h2 {
   cursor: pointer;
}

.lp-self-service-links-group table {
   border-collapse: collapse;
   width: 100%;
}

.lp-self-service-links-group td {
   border-bottom: 1px solid #ddd;
   padding: 1.2em;
}

.lp-self-service-links-group a.lp-self-service-link {
   font-size: 15px;
   text-decoration: none;
}

.lp-self-service-links-group a.lp-self-service-link:hover,
.lp-self-service-links-group a.lp-self-service-link:focus {
   text-decoration: underline;
}

/*
---------------------------------------------------------
E-TJÄNSTLÄNKAR
---------------------------------------------------------*/

.lp-self-service-links-wrapper .sv-linkicon {
   display: none;
}

.lp-self-service-links-wrapper > a {
   flex: 1 1 auto;
   box-sizing: border-box;
   margin: 0 10px 10px;
   padding: 12px 40px 7px;
   background-color: #3E7279;
   border-bottom: 5px solid #3e7279;
   border-radius: 5px;
   color: #fff;
   font-size: 15px;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease
}

.lp-self-service-links-wrapper > a:hover {
   border-bottom: 5px solid #1e4e54;
   text-decoration: underline;
}


.lp-self-service-link {
   background: no-repeat 8px 70%;
   background-size: 24px auto;
}

.lp-e-service-link {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADoUlEQVRogd2aO2gUQRjHf0lOJfhAMCaYoCAYNGLhIxARUtgJokYr8VWJkiKlFjaJWoo2RrAL+IhgYWGhiIUWFopG04gvUBERNRFJLg/EJH+L2Y2Xy667Ozt7F/zDsHDz+n07c7PffDMVknCgWmA7sBVYB6wGlgMLvfxRYAD4ALwCngAPgO9pO65IYcAy4AhwANgCVCSsL6AP6AWuAD+sKCQlTSsknZc0IncalXTRazsRT5LCOUknJOUdghcr7/WRc21Ao6TnGYIX64Wk9a4M2CNpqITwvvKS2qL4ouCPSZooNXmBJjwGKwPaywAcpnaFcIYto7uBW0CV1dLmXpPAPuB2cUZlQOEm4DrZwJ+2rFeFYWqalVM0JPMk9Wc4FZDUlaJ+vwxj6H/gRFrCCPn9pDHipEIMqFe2Hylp5suyNSIvwzrLgG4XhBEqHnFbIy6pyIAaSWMuCCMUtBTaGDEmwzy9Ch0Cqi1XiCB9AC577W4BaoAFIWW7SL46VXttT4/AMwdvd0LSDUnbJFWEvO1/paQj8VTeFKqVNJUS/r6kJgvoNEZMSapH0v4U4OOK8FUyNuJgDmixmeSYLeJO4Kll/TB1ec/OGGWbc5g9bFINAK3AG4u6cdTlPaOMWFsJrEnY+Biwi+zgfcXZrDciaTjhvD/qeM4Hpc6YLMMkhL8/h+Alr0JcTcrNUukMXtKvSiAfc07exASlslInf/+8cZXPAd+AxTEKd0fkrwA2AA0Y16EKGAeGgM/AS+BrSF0beICfSLobY6jeK9g9aJXxYj/GHHIX06ZQd3LAa2BHhKX3mLmsbQfOYRy1NLJ9877e5DCB1ig98p7VwAXgOMljocVKCw/Qh6Q6RTtzGyUtlfQwxXBLbqaNr2lnDkW70yslPXbQqSt4yTBPb2iuRQzVeeydvkK5mDa+euHv+UAN8Am3u7IsNQ6sAgb9ERgEesrHk1g9GOYZocV6jIe5qExQcTUCrAW+wMzQ4hfgTDmIEuosHjzMPiObh/kubCoxVFy9wCwmv/0fgqLTjcAzYEnpuGIpDzQDbwt/DIpOvwMOY0Lac0WTmDjQ2+KMIAPAxOE7siRKqA4CzgaA//uIyU9tKt8h394ovrhbvVIfs/bL4TGrn+ZLOqVso9hjXh/z43LZbLwbJF2Q+6sG3V7biXjSXPaowSy3B4HN2F32eI45vLuK59skVRoDClWH2Wa2YE4S/es2vl81gglHvsdsYf3rNt/SdvwH13+Cp21wn/sAAAAASUVORK5CYII=');
}

.lp-e-service-form-link {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACoElEQVRoge2ZPWgUQRTHf3cegmIhBCJiLiKxi9GAlUUEP5qooDZKQKsg2ERtrPdS2NhaWVkkKmlsRC0trKwsRCtBPYWAH0gMaEzu8reYrOb2dm93Z2dvm/3BcrCz997/7b6Z93YWSkpKSoqkIqkffoaAi8BJYAwYACrAV+At8BxYAN6ntiwpz2O3pHuSVhVPS9KcpOE0PvIUf1bSjwTCgyxJOlN0ANMbd9SWtqRrSXxlmQNV4ABwGBgEBHwGtgF3gS22hv3sBqYwcyMSmwB2ADPAVWDYSlpyloFR4FPkFSlTY0LShwypYcN8L01pnsAFYA7Ymvm+pqMFjADNsMFqQiMTFCMeoIapIaEkCWA7ME8x4n2ORw0kCWCG/CdrHKNRA3FzoIIp73tdK0rJb0wmdFGL+eMYduIrEedti85q1EBcCh2ydOiaFUwD2EVcAHvca7FiF6ZrnQwO9ApgH3AkL0UWDAKPgemOsyHVrS5pQaahsiWqcrqgJem0IirxCUzzFJpvKXA9iYN8xywwi5tTaBJ4Snbx/WAAmIX/dWAIeA3sdOQg7ycApkeq+0/gDu7E94saMFUFDgLnLI3MYu528Igi7NqGpW+AY0i6lXFVaCjZu0TY4WX03UTSi4xGJLsgPAd+V5C06MCQlC4Iz5HPX0j648iYlCwIz6G/JpK+OTQo9Q7Cc+zrGZJeOjYqhQfh5eDnJpJu52BY6gzCy8H+mqR6RdI48CrDWtyLRuDXJfeBS34r8QQ4lYOTvPi34eW3EteBpeL0pELAFTZ26/wA3mH2XtoFiUrKOnCDzful6lwpzktazmHCueCnQrbdw9bqEUmPJK0Xo7OLtqQHivjw0WtfaBy4DBwF9tO/dnsN+AK8wXx6egh87JPvkpKSkpT8BcC68rK514w7AAAAAElFTkSuQmCC');
}

table .lp-e-service-link,
table .lp-e-service-form-link {
   display: block;
   padding: 5px 0 5px 30px;
   background: no-repeat 0 50%;
   background-size: 20px auto;
}

table .lp-e-service-link {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD+0lEQVRogc3aT2gdVRTH8U9eXpRoKoIxoVUUwVIrwaoprZsiERTBvwv/YatgF5UuWhVd2UWfii4UtVChKmJFUcE/WFyIQtGFYrHaFhfV1ogFkWhNi2hiImqMizvTvrzk5c2deS/JdzO8mXvv+Z03c+8958y09fX1aQI9GMAVuAgX4Gycnlz/E8M4gm/xBT7Br0UNtxVw4CzcjTvRj7bI/pPYhzfwKo7nEZHHgcV4CPc6+Q8XZQwv4wn8HNOxvaenJ2vbMh7EO7gSp8QYakAHVgl/yr/Yi/+ydCxlNLA0GfRJdOUQmJWuxMaXuDhLhywO3ISvcFl+XdFcKkz0mxs1bOTABryLM5ogKpYu4XHdMFuj2RzYiBfQ3kRRsbQnGjbWa1DPgRuxvRWKcrJd0DSNmRxYjte15p9/JGe/dkHT8toLtQ504E2tW2kq8jvRJWjrqD5Z68D9WJHTQFYq8juxAg9Un6jeiZfgsNau89XhRgVbc4wximUYYuodeFhrxddSke9OdGFL+iN1oBvri2uKpiKfE/cImk84sA6dzdGEEDY/n4zbnxg7tU7bingnOpOxlZMT66IlTmcCbwtr9h4hXM5KJTnGzIm12FYWkpHLIzrOxG5sFpKVvFSSY1Yn+rGkhKvEJyMpfwkh8NWKiU+pyP44tWGgjNU5jQ3jOiH0bSaV5JjlTqwsCzlsLMNYI+wbraCSHBs5sayECyMHH8MNWic+JcsisLSE3siB7xOSjVay1cm7MBu9JSyKGHg3XsqjKIKs4mFR1pyYkGRvjpYTR4x4+LuEkYyN39KcpbIeseJhpIyjsj1GzzW4vhh9OEcIHdoxjt/xEw7ilzp984iH38r4XuOV6Ag+n+H8GtyO63F+BoMzbZh5xcNgGYdwbYOGH5m6rA3gKWE7L0IR8XC4LNuS+Fly7MQzQviQN/xIKSoe9pWFKvFkA0EHcSZ2CWXFojRD/CQ+LgmTeH+DxsfxoYUjnqB5KC3unmb2eXAurmmCUZojHp7GnjSp78aPmpuVtZJxnIdj6U58DDvnT080OwXNU6oSjwsli4XOqKAVUx0YwqNzLieexyQ1IaZX5rbhwJzKieMAnq0+UevAP0Jo8MdcKYpgBHcIGk8wUzg9iLuEMslCYUIo/XxXe6FePvA+NrVSUSSbBE3TmC2h2SHEPPN5JyYSDTvqNWiUkb2IW8zPnBjFrYmGumRJKXdhpbldnb4W6lXvNWqYNSceFL6D2CJs461iPLGxCt9k6RDzpn4Cn+IVIfS+RPPe1o8Jj8pt+EDEvCvysUe3sNyuFYrDeT722C+8vHtNEtvEUsSBanqFNHO18CYx/dwmfeMzKpQjfxBS2PRzm6NFDf8P6oS/4k8Dqq8AAAAASUVORK5CYII=');
}

table .lp-e-service-form-link {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACuElEQVRoge3ZO4gVVxzH8c+9dxWUJIjKqGgSBLHx+oBUQTb4SKORRARdxAiGIGjhamOVwrXRNiSVWImiWIQQokIgxFRpU/ioXETXxkcjm0J87FqcHV2vO3tnzp25N8X9wnBhzpn///ebO2fO/5yhT58+fXpJrdlsdiPPCgzhS6zFItTwGLdxHZdxt2jgqg0swynsw5w2fV/hEn7A/bwJ6tHS2vONcHcPaC8eGvgWN7Ajb5KqDHyPX7Ag4tqP8BuG83QeiEiQUkcTnyHBJB5gHs4Id7ST2D/ioTA2Mokx8AGO4BA+ibg+LzWcxT8Yy+pU9BEaxE1hYFYpPuVDnJ6tQxEDe/AnPu1EUQRDZrlZeQ0M4jzmlqGoIAOCiRnJY2A+LuiN+JQtWQ15DBzRned9NtZkNbQzUMPhcrVEsTirod1rdK24QVvLOD8ZEQueZzW0+wfWRyYsm2dCAfge7QwsL19LFEuEumpba8NsBlbi86oURZDgd6HOesNMBj4W6o87+Lp6XYVoCHXWV+mJVgNb8a8w61ZZandCA+eEtcY7IrfhmozB8j9jEU7y1sAKXNTb2bYo32FpauBncYuPXjKAvXWsw87IICeFSav1yGKmviORuWFzI0mSYaHajGHTlIi/I68/oTMD8+v4ooMAnYjoVDwkdazqMAjFxZQhHibqWFhCIPKLKks8PKljvKRgtBdXpni4VcdoiQHJFlm2ePirkSTJamwsOfAm776dqhD/EgcHhBn4eMnBCaLTBcxIBfEvYyzd3L2K7RUkqYpxYZ08lpYSR/G0d3oKMYmDpnbrUgN3hL2XVz0SlZcJHDNtv3R6Of0HduO/LovKy7iwZf/T9JOti5ZfsWHqN3YHoWwmhA8fTVxpbZxpW2UUuwQj+4VaaZXuldsv8Ai3hE9Pl3CvS7n79OnTpyCvAcoAZ2wH2dBcAAAAAElFTkSuQmCC');
}

/*
---------------------------------------------------------
SJÄLVSERVICEPUFFAR
---------------------------------------------------------*/

.lp-selfservice-box {
   max-width: 340px;
   margin: 0 auto 10px;
}

.lp-selfservice-box .sv-text-portlet h2.subheading a {
   display: block;
   padding: 7px 10px;
   background: #fce49c;
   border-bottom: 6px solid #b4ab8a;
}