/* retail profile */
/* default namespace for portlets CSS no_ */
/* add to house by including
* <link href="/no-portal-interface/stopservice_rwd.css" rel="stylesheet" type="text/css">
* in a HTML portlet or add CSS to head.
/* ---------------------- */
.nol_Body{
font-size:12px;
font-weight:normal;
color:black;
line-height:125% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*radioknappar*/
/*input[type=radio]:checked+i {
background-color: red !important;
}
.radio input:checked + i {
border: 4px solid rgb(30, 123, 186);
}
*/
/* new contactform */
.contactform-container {
font-family: "GravurCondensed",sans-serif;
margin: auto;
}
.contactform-select {
font-size: 1.0em;
font-family: inherit;
margin: 0.8em 0 0.5em 0;
border-radius: 0;
padding: 12px;
height: 45px !important;
background: #f5f7f6;
background-color: #f7f7f7;
border: 1px solid #9a999a;
width: 100%;
max-width: none;
-webkit-appearance: none;
/* pilen */
background-image:
linear-gradient(45deg, transparent 50%, black 50%),
linear-gradient(135deg, black 50%, transparent 50%),
linear-gradient(to right, #f5f7f6, #f5f7f6);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
100% 0;
background-size:
5px 5px,
5px 5px,
2.5em 2.5em;
background-repeat: no-repeat;
}
.contactform-txt-name, .contactform-txt-phone, .contactform-txt-email {
border-radius: 0;
padding: 12px;
height: 45px !important;
background: #f5f7f6;
border: 1px solid #9a999a;
width: 100%;
max-width: none;
-webkit-appearance: none;
}
.contactform-txt-area {
border-radius: 0;
padding: 12px;
background: #f5f7f6;
border: 1px solid #9a999a;
width: 100%;
max-width: none;
-webkit-appearance: none;
}
.contactform-txt-area, .contactform-txt-name, .contactform-txt-phone, .contactform-txt-email {
margin: 0.8em 0 1.7em 0;
font-size: 1.0em;
font-family: inherit;
}
.contactform-lbl {
font-size: 18px;
/*font-weight: bold;*/
}
/* end contactform */
/*default values can be ovverriden in GUI*/
.no_button {
}
.no_sperr_evenRow{
background-color:#F5F7FF;
}
.no_sperr_oddRow{
}
.no_small_button{
}
.no_sperr_evenRow{
background-color:#F5F7FF;
}
.no_sperr_oddRow{
}
.radio input:checked + i {
border: 4px solid rgb(30, 123, 186);
}
#sv-login-form .submit {
}
.select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* styling */
background-color: white;
border: 1px solid #888;
/*
border-radius: 0;
padding: 4px 8px;
box-shadow: none;
outline: 0;
width: 200px;
font-size: 14px;*/
}
input[type=text]::-ms-clear {
/*The cross can be hidden by setting the display attribute as "none" */
display:none;
}
.select select:focus {
/* styling */
/* border-color: #444;
box-shadow: 0 0 4px #09f;*/
}
.select {
position: relative;
display: inline-block;
z-index:0;
}
.select::before,
.select::after {
content: " ";
width: 0;
height: 0;
overflow: hidden;
border-width: 5px;
border-color: black transparent transparent;
border-style: solid;
display: block;
position: absolute;
top: 50%;
right: 13px;
margin-top: 1px;
z-index: 0;
}
.select:before {
border-color: transparent transparent black;
margin-top: -11px;
}
.select select::-ms-expand {
display: none;
}
.no_table_inputBox {
/* flyttas till GUI */
/* font-size: 12px;
font-weight: normal;
color: black;
*/
/* color util*/
background-color:white;
height:auto !important;
min-width:150px;
width: 80%;
border: 1px solid #75756D;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.75em;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
}
.no_table_inputBox_small {
/* flyttas till GUI */
/* font-size: 12px;
font-weight: normal;
color: black;
*/
/* color util*/
background-color:white;
min-width:150px;
height:auto !important;
width: 40%;
border: 1px solid #75756D;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.75em;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
}
.subHead_padding{
padding-bottom:0.8em;
}
/*radioknappar*/
/*input[type=radio]:checked+i {
background-color: red !important;
}
.radio input:checked + i {
border: 4px solid rgb(30, 123, 186);
}
*/
/*default values can be ovverriden in GUI*/
.no_button {
}
.no_sperr_evenRow{
background-color:#F5F7FF;
}
.no_sperr_oddRow{
}
.no_small_button{
}
.no_sperr_evenRow{
background-color:#F5F7FF;
}
.no_sperr_oddRow{
}
.radio input:checked + i {
border: 4px solid rgb(30, 123, 186);
}
#sv-login-form .submit {
}
/*radioknappar*/
/*input[type=radio]:checked+i {
background-color: red !important;
}
.radio input:checked + i {
border: 4px solid rgb(30, 123, 186);
}
*/
/*default values can be ovverriden in GUI*/
.no_button {
}
.no_sperr_evenRow{
background-color:#F5F7FF;
}
.no_sperr_oddRow{
}
.no_small_button{
}
.no_sperr_evenRow{
background-color:#F5F7FF;
}
.no_sperr_oddRow{
}
.radio input:checked + i {
border: 4px solid rgb(30, 123, 186) !important;
}
#sv-login-form .submit {
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1.5em 0;
padding: 0;
}
/* Fonts */
.portletCustomMainFont{
/* GUI font, overrides font in nol_body. Insert in DIV-tag inside DIV with nol_Body */
}
.rubrik1 {
font-size:1.20em;
font-weight:bold;
}
.rubrik2_bold {
font-size:1.1em;
font-weight:bold;
}
.rubrik2{
font-size:1.1em;
font-weight:normal;
}
#profileTable .rubrik2
{
font-weight:normal;
}
.rubrik3 {
font-size:1.08em;
}
.rubrik1InfoText{
font-size:0.85em;
font-weight: normal;
font-style:italic;
}
.rubrik2InfoText{
font-size:1.0em;
font-weight: normal;
}
.bodyText{
font-size: 1.0em;
font-family:inherit;
}
.msgText{
font-size: 1em;
font-style: italic;
}
.warningText{
font-size: 1.02em;
border: black;
border-width: thin;
border-style: solid;
background-image: url(/no-portal-interface/images/ikon_gul2.svg);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 30px 30px;
padding-left: 50px;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-right: 0.5em;
margin-bottom: 1em;
}
.withoutMargin{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.warningText ul{
padding-left: 0px;
}
.actionMessageText{
font-size: 1.6em;
list-style-type:none;
padding:0px;
margin:0px;
margin-bottom: 1em;
}
.actionMessage {
list-style-type: none !important;
padding: unset;
}
.errorText{
font-size: 1.02em;
border: black;
border-width: thin;
border-style: solid;
background-image: url(/no-portal-interface/images/ikon_utropstecken_rod.svg);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 30px 30px;
padding-left: 50px;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-right: 0.5em;
margin-bottom: 1em;
}
.buttonText{
font-size:1.1em;
weight:bold;
}
.warningActionLink {
text-align: center;
}
/*--------------------------*/
/*common fonts */
.no_fontstyle{
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
/* använder globala fonten */
}
#noForm .portlet-section-header
{
/*font-size: 14px;
font-weight: bold;
*/
vertical-align: middle;
/*padding-top: 3px;*/
}
#noForm .portlet-section-subheader {
vertical-align: middle;
padding-top: 0.66em;
padding-bottom: 0.25em;
}
#profileTable table{
display: table;
border-spacing: none;
border-collapse: collapse;
text-indent: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#profileTable imeiCell{
word-break:break-all;
}
#profileTable tr.head td{
padding-top: 1em;
padding-bottom: 0px;
}
#profileTable tr.msg td, #addAssetTableID tr.msg td{
padding-top: 0px;
}
#profileTable tr.subHead td, #contactFormTable tr.subHead td, #addAssetTableID tr.subHead td{
padding-top:0.83em;
padding-bottom: 0.16em;
}
#profileTable tr.firstRow td, #houseHoldTableID tr.firstRow td, #addAssetTableID tr.firstRow td{
padding-top:0em;
}
#profileTable tr td, #contactFormTable tr td , #subscriptionTable tr td{
padding-top:0.5em;
padding-bottom: 0.5em;
}
#noForm .portlet-form-label
{
/* font-size: 13px;*/
/* font-weight: bold;*/
vertical-align: center;
}
/* Portlet editProfile */
.no_profileTable{
max-width: 380px;
border-collapse:collapse;
width:100%;
border:0px;
}
.no_profileColspan1{
width:50%;
}
.no_profileColspan2{
width:50%;
}
/* Boxes and buttons */
.no_radioButton{
border: 4px solid #75756D;
}
.rounded_corners_old{
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
}
.no_combo_small {
/* font to external setting */
height:auto !important;
/* width: 225px; */
min-width: 150px;
width:40%;
/* Color.util */
color: #333;
border: 1px solid #75756D;
padding: 0.33em;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
}
#displayOffer .no_combo_small{
width: 150px;
float:right;
height:auto !important;
}
.no_combo_medium {
/* font to external setting */
;
/* width: 225px; */
min-width: 150px;
/* Color.util */
color: #333;
/*border: 1px solid #75756D;*/
height:auto !important;
padding: 0.33em;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
}
.no_small_button{
/* externt
font-size: 14px;
font-weight: bold;
color: white; */
/* till Color.Util står kvar men körs över */
/* background-color: rgb(43, 114, 162); */
text-align: center;
height: 30px;
min-width: 120px;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
}
.no_button{
/* externt
font-size: 15px;
font-weight: bold;
color: white;*/
/* till Color.Util står kvar men körs över */
/* background-color: rgb(43, 114, 162);*/
text-align: center;
height: 45px;
min-width: 185px;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
}
.no_button:hover, .no_small_button:hover{
opacity: 0.8;
cursor:pointer;
}
/* sperretjenst */
.no_sperr_tableCol1{
width: 35%;
}
.no_sperr_tableCol2{
width:40%;
}
.no_sperr_tableCol3{
width:15%;
}
.no_sperr_tableCol4{
width:10%;
}
.no_sperr_evenRow{
/* background-color:#F5F7FF; i GUI */
}
.no_sperr_oddRow{
}
a.printIcon, a.printIcon:link, a.printIcon:visited, a.printIcon:active {
padding: 0px 2em 0px 18px;
height: 17px;
background-image: url(/no-portal-interface/images/printer.png);
background-repeat: no-repeat;
background-position: right 1px;
text-decoration: none;
float:right;
white-space:nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.5em;
color:inherit;
}
a.printIcon:hover{
background-position: right -21px;
}
a.deleteAsset, a.deleteAsset:link, a.deleteAsset:visited, a.deleteAsset:active {
padding: 0px 0px 0px 13px;
display:inline-block;
background-image: url(/no-portal-interface/images/delete-14b.png);
background-repeat: no-repeat;
background-position: right 0px;
text-decoration: none;
vertical-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
height: 13px;
margin-right: 0.5em;
}
a.deleteAsset:hover{
background-position: right -26px;
}
.deleteMember{
padding-left: 1em;
}
.deleteAsset{
border: none;
padding: 0px 0px 0px 13px;
display:inline-block;
background-color: transparent;
background-image: url(/no-portal-interface/images/delete-14b.png);
background-repeat: no-repeat;
background-position: right 0px;
text-decoration: none;
vertical-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
height: 13px;
margin-right: 0.5em;
}
.deleteAsset:hover{
background-position: right -26px;
cursor: pointer;
}
#addAssetTableID{
display: table;
max-width:300px;
min-with:250px;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-spacing: none;
border-collapse: collapse;
}
#addAssetTableID tr.buttonRow td{
padding-top:1em;
}
#addAssetTableID .no_table_inputBox{
width:100%;
}
#addAssetTableID .no_combo_small {
width: 105px;
min-width:105px;
}
.houseHoldTable {
width:100%;
max-width:520px;
min-width:300px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-spacing: none;
border-collapse: collapse;
}
#houseHoldTableID td.break {
word-break: break-all;
}
#houseHoldTableID tr.lastRow td {
padding-top: 1.5em;
}
#houseHoldTableID tr.subHead td {
padding-top: 1.5em;
padding-block-end: 0px;
}
trashcan {
vertical-alignment:center;
}
#houseHoldTableID td, #addAssetTableID td{
padding-top:0.5em;
padding-bottom:0.5em;
border-spacing:0px 0px;
}
#houseHoldTableID th{
padding-top:0.2em;
padding-bottom:0.2em;
border-spacing:0px 0px;
vertical-align: bottom;
}
.radio-outer-wrapper{
line-height: 2;
}
.radio-outer-wrapper label{
padding-left:5px;
}
/* Validation */
/* all validation under #noForm */
/*#noForm input:invalid:focus {*/
/*box-shadow:0 0 2px 1px red;*/
/*}*/
#noForm input:invalid:focus{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAB/3gAAf94BmGcMxQAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC45bDN+TgAAArNJREFUOE99021IU2EUB/Dn+nJ3Z9fZNt2mu9s0YkqmgkQvwyQVqczaB42IgsLCSqRQ00CtIUEg6FxB+YoZ7EvWoEwJhGBBtYVUWmQRIvQhCfoQBCHJ9HTObVf2Ih144HJ57o//Oc99GNW9HN4+nWeY9VnF3kHGkuWXMdWtZ6n9ZmF0xJrqdxmZgd4BQDWuRFz0LC8Ze1lgW1xuaYalWmfIaxM9vRJTy0q4CBuybvK927dr9X3l3rUBixjs0AoSAoWRmAw+xWSE/em6Dr/b22GhqmJlRFLdRIcjDLdw/WbVGGFfag7DJ+dBCJYUr3Wb1X4EcuPAB1axZ6nmSIiwX1fa4OelizBf7oDBLKHPJTHd7UzV2ExJMSjYh6oymCrIWe4y8e0IFMWBNDOvNaWPkhH2o7EBvtefgbmyPaFhSVx4G0427zywjl01JDUfZYxmZ4oDqWhmQ5LK8xGTEfat7hR8PXkMPldXRifbbgOXgb9GGH2HQPKGYLi4O1mCm5IRtni8JgqbLMheJoz2/dsug9z/QObSMN0Atqkkk9s8VAEBRxG4jLy/IYOJ4a1yxWJRID5ynkzh7puI0yRsdn8pzJTvhsf5lpXWjOT106dCYOOErfifEfY65jQpGWHB0h3wwlEI47lGuKxPdNeHf/4NQcJuSSkPlWTKaT7BmXUaeP8jTEbY853b4FmxHbxb00ON+kRPrcQEBKJuiQz2mITRqDbpAPKt0GbgXTSzZmzzvt0oY9NFW2Aq3wLDNs1KnZa7gYA6DvRYUv1zeJ0UjJIRhh0ps+KasE1KRthEXiaMZaetntUl+BDQxIEteNHdWWIggNdpArEmfVKL8p8pRTM7j21SMsLO6RN8zjSWhoA5DqS6oBUsHSb1q9Z0vjMWU6qWMfVpLefGZJOIbaZ3CJzAFXEwwP4CDxMbaQZTkGMAAAAASUVORK5CYII=');
background-repeat: no-repeat;
-moz-box-shadow: none;
background-position: right center;
background-repeat: no-repeat;
/*border-color: #EB1A41;*/
}
#noForm input:required:valid {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAABY3gAAWN4Br39bsgAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC45bDN+TgAAAbNJREFUOE9jIBXIhPAJqfbKtMuXi578//+/BxAzATEDDBMNjNMYWBUrxFzMl6reNF+h/lAmgc8YaIA4smFgA2UKZTiB6hkh2rADxWQxce0O2cWBR02+2a/UfCWTLGQGFGYEGsCBYaDOHPkdGrUi3iAFYN3IIJSBWSaRP9B+mda1+AvW/x0WaXyTiBX0AsqA1QINYMYw0GKxVnfc9cBvprPVWpXSBPlBCkFAOlpIxqBTcX7oAbPfmRft/jvM13grESHoAZUGA6ABKOEHNlAxj1vce6f9o6b3+f8clhidlM4U0FMtFI9wWqj7PPu80/+MU7b/7WdqfJAM5nMDmoHiC6ABIG+jGggCWo1yofnXI382v0z8H7zN+l38AfufBedd/qcetv5vM0H9F9CwSKAyjCDBaaBkGgOXboPilspbof8rr/v9Lzjl8j9tr/V/2x71zxK+AvEQVZgAp4EgIO3BKWPfp/0q97DT/5TtVv/tu9S/iLryJgClcKYAvAaCgESwcEbAAsM/9l0aP0RduHOAQkwQGewAaAALXgNF7Rl4pAKFj4h7CeQBuXgNAwGgAbKoBv5nAABCiReVtEZ+pgAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: right center;
background-repeat: no-repeat;
}
/* Contact form */
#nol_contactForm .contactform_textArea {
/* till GUI */
/* color util */
background-color: White;
width: 288px;
height: 70px;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.3em;
/*border: 1px solid #CFCFCF;*/
border: 1px solid #75756D;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
}
#nol_contactForm .no_table_inputBox {
max-width: 288px;
width: 100%;
}
/*radioknappar*/
.radio {
display: block;
line-height: 1.5rem;
}
.radio i,
.radio span {
cursor: pointer;
}
.radio input {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.lt-ie9 .radio input {
clip: none;
width: auto;
margin: 0;
position: static;
height: auto;
overflow: auto;
}
/*
.radio input:checked + i {
border: 4px solid #06c;
}
.radio input:focus + i {
border-color: #09f;
box-shadow: 0 0 4px #09f;
}
*/
.radio i {
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: .2rem;
vertical-align: -.1rem;
box-sizing: border-box;
border-radius: 1rem;
border: 1px solid #888;
}
.lt-ie9 .radio i {
display: none;
}
/* --- radio ----*/
/* overides sitevision login portlet */
#sv-login-form .ui-corner-all {
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
/*height:20px; */
padding-top: 0.33em;
padding-bottom: 0.33em;
padding-left: 0.5em;
}
#sv-login-form .submit {
/*background-color: rgb(43, 114, 162);
color: white; */
width:163px;
height:30px;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
font-size: 14px;
}
#sv-login-form .submit:hover {
opacity: 0.8;
cursor:pointer;
}
/* Sitevision 4 ovveride */
.sv-login-input-group input{
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
/*height:20px; */
padding-top: 0.33em;
padding-bottom: 0.33em;
padding-left: 0.5em;
}
.sv-login-input-group input[type="submit"] {
/*background-color: rgb(43, 114, 162);
color: white; */
width:163px;
height:30px;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
-khtml-border-radius: 0.33em;
border-radius: 0.33em;
font-size: 14px;
}
.sv-login-form input[type="submit"]:hover {
opacity: 0.8;
cursor:pointer;
}
/*------ bankid Se ----- */
.bankidDiv{
background: white;
min-width: 240px;
max-width:760px;
padding-top: 19px;
padding-left: 25px;
padding-bottom:30px;
padding-right: 25px;
font-size: 1.05em;
line-height: 1.5;
/* background-image: url(/no-portal-interface/images/bankid_vector_rgb.svg);
background-repeat: no-repeat;
background-position: right bottom -30px ;
background-size: 120px; */
}
.bvBankIDHeading1{
font-family:roboto slab;
font-size: 2em;
}
.bankIdmsg{
font-family: Lato sans;
font-size: 1.5em;;
}
.bnkHide{
}
.bankIdTopDiv{
min-width: 23em;
height: 2em;
}
.bankIdContentDiv{
margin-top: 19px;
min-height:3em;
}
.bankidErrorMessage{
margin-bottom: 12px;
font-size: 18px;
line-height: normal;
}
.bankIDButtonDiv{
display:inline-block;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.bankIdBottomButton{
width:70%;
}
.bankIdBottomDiv{
padding-left: 18px;
padding-right: 18px;
padding-top: 18px;
}
.bankIDButton{
min-width: 170px;
border: 0;
box-shadow: none;
border-radius: 0px;
display: inline-block;
inline-size: auto;
cursor: pointer;
}
a.bankIDButton{
text-decoration: none !important;
text-transform: none;
}
.bankIDCancel{
display: inline;
}
.bankIDrubrik2{
font-size: 1.3em;
font-weight: normal;
font-family: lato;
}
.bankIDMenuDiv{
background: grey;
min-width: 240px;
max-width:760px;
padding-top: 5px;
padding-left: 5px;
padding-bottom:5px;
padding-right: 5px;
font-size: 1.05em;
line-height: 1.5;
font-family: lato;
}
.bankIDMenuButton{
font-size:1.1em;
width: 32%;
height:40px;
font-family: lato;
}
.bankidCancelButton{
margin-top: 19px;
box-shadow: none;
border-radius: 0px;
display: inline-block;
margin-left: 20%;
width: 40%;
border: none;
background: none;
color: #CBA368;
font-size: 1.3em;
cursor: pointer;
}
bankidCancelButton:hover{
color: #CBA368;
}
.bankIdLinkButton{
display: inline;
border: none;
background: none;
color: #CBA368;
font-size: 1.4em;
cursor: pointer;
float: right;
font-family: roboto slab;
}
.bankIdLinkButton:hover {
color: #5781ec;
}
.bankIDMenuButtonNormal{
font-weight:normal;
background-color: aliceblue;
}
.bankIDMenuButtonselected{
background-color: aqua;
font-weight: bold;
}
a.cancelLink{
text-decoration: none;
font-family: roboto slab;
font-size: 1.4em;
color: darkgray;
}
a.cancelLink:hover{
text-decoration:underline
}
.bankid_inputBox{
width: 71%;
background-color: white;
border: 3px solid #CBA368;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-top: none;
border-left: none;
border-right: none;
font-family: Lato Sans;
font-size: 1.5em;
margin-left: auto;
margin-right: auto;
padding-bottom: 0.1em;
padding-left: 2%;
letter-spacing: 0.1em;
text-align: center;
/*background-image: none !important;*/
box-shadow: none !important;
}
.bankid_inputBox:focus {
outline: none;
}
.bankid_inputBox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #969b9b;
}
.bankid_inputBox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #969b9b;
opacity: 1;
}
.bankid_inputBox::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #969b9b;
opacity: 1;
}
.bankid_inputBox:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #969b9b;
}
.bvUlTag{
padding:0;
}
.bvIlTag {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-flex-line-pack:center;
-ms-flex-line-pack:center;
-webkit-align-content:center;
align-content:center;
-webkit-flex-direction:column;
-moz-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
text-align: center;
padding-bottom: 2em;
}
.bvIlCenterImageTag{
align-items:center;
padding:0;
}
.ajax_loader_container{
}
.ajax_loader{
padding-top: 1em;
padding-bottom: 1em;
}
.bankIdPromoDiv{
padding-top: 30px;
padding-bottom:10px;
width:75%;
align-self: center;
}
/* BD Dashbord CSS */
.dbDashbord_button{
font-family: "roboto slab",sans-serif;
font-weight: normal;
font-style: normal;
font-size: 22px;
color: #ffffff;
line-height: normal;
background-color: #b3b3b3;
padding: 10px;
text-decoration: none;
}
.dbDashbord_guld{
background-color: #CBA368;
}
.dbDashbord_guld:hover{
background-color: #e0a854;
}
.dbDashbord_platinum{
background-color: #b3b3b3;
}
.dbDashbord_platinum:hover{
background-color: #676868;
}
/*Object */
.bvObjectcell{
padding-bottom: 0.5em;
min-height: 50px;
}
.bvObjectInput{
width: 90%;
}
.dropdown {
list-style: none;
padding: 0;
margin: 0;
position: relative;
width: 250px;
}
.dropdown--is-open .dropdown__list {
visibility: visible;
}
.dropdown__list {
visibility: hidden;
list-style: none;
padding: 0;
margin: 0;
background-color: white;
box-shadow: 0 2px 4px gray;
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 1;
}
.dropdown__list-item {
padding: 10px 20px;
}
.dropdown__button {
display: block;
color: white;
background-color: blue;
padding: 10px 20px;
text-decoration: none;
box-sizing: border-box;
font-size: 18px;
}
.icon-arrow-down::after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-top: 2px solid black;
border-right: 2px solid black;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
transform: rotate(135deg);
}
.icon-arrow-down--alt::after {
border-top: 2px solid white;
border-right: 2px solid white;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.icon-arrow-up::after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-top: 2px solid black;
border-right: 2px solid black;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
transform: rotate(-45deg);
}
.icon-arrow-up--alt::after {
border-top: 2px solid white;
border-right: 2px solid white;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.icon--right {
float: right;
width: 20px;
height: 20px;
}
.right {
float: right;
}
.list {
list-style: none;
padding: 0;
margin: 0;
border-top: 3px solid rgb(255, 75, 47);
}
.list__child {
list-style: none;
padding: 10px 0 0 0;
margin: 0;
display: none;
}
.is-visible {
display: block;
}
.is-hidden {
display: none;
}
.list__info {
padding: 10px 40px 10px 10px;
position: relative;
}
.list__info:nth-child(odd) {
background-color: #e6e6e6;
}
.list__info::after {
content: '';
display: table;
clear: both;
}
@media (min-width: 769px) {
.list__info > div {
float: left;
width: 20%;
}
}
@media all and (max-width: 768px) and (min-width: 375px) {
.list__info > div {
float: left;
width: 50%;
}
}
.list__item {
padding: 10px;
border-bottom: 1px solid #e6e6e6;
/* font-size: 18px; */
position: relative;
}
.list__button {
display: inline-block;
vertical-align: middle;
border: 1px solid blue;
padding: 3px 5px;
text-decoration: none;
font-size: 14px;
}
.list__button--right {
position: absolute;
right: 0px;
top: 50%;
transform: translate(0, -50%);
}
.list__edit {
position: absolute;
bottom: 5px;
right: 5px;
font-size: 14px;
text-decoration: none;
color: blue;
}
.bvObjectLabel{
font-weight: bold;
}
.bvList_addLink{
position: absolute;
/* top: 13px; */
right: 44px;
font-size: 14px;
text-decoration: none;
color: blue;
}
.bvObjectImage{
max-width:100%;
}
.bvObjectImageWrapper{
}
.bvOkButton{}
.bvCancelButton{}
.bvFileError {
display: block;
padding: 0.5em;
font-weight: bold;
}
/******** COOKIE BANNER ********/
/*#cookie-wrapper-new {*/
/*display: none;*/
/*!* top: 0; *!*/
/*left: 0;*/
/*margin: 0;*/
/*padding: 0;*/
/*font-family: verdana, sans-serif;*/
/*position: fixed;*/
/*bottom: 0;*/
/*z-index: 99;*/
/*}*/
.cookie-banner-wrapper {
/* display: block; */
display:none;
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
padding: 20px;
background: rgba(27, 37, 45, 1);
z-index: 998;
}
.cookie-banner-content-wrapper {
display: block;
width: 1100px;
margin: 0 auto;
}
.cookie-banner-content-wrapper>div {
display: inline-block;
text-align: left!important;
vertical-align: top;
}
.cookie-banner-content-wrapper>div:first-child {
width: 4%;
}
.cookie-banner-content-wrapper>div:last-child {
width: 95%;
}
.cookie-banner-icon img {
display: inline-block;
width: 100%;
max-width: 20px;
/* margin-right: 10px; */
}
.cookie-banner-content {
color: white!important;
width: 81%;
}
.cookie-banner-content a {
color: white!important;
text-decoration: none!important;
font-weight: bold!important;
}
#close-cookie-banner-wrapper-btn {
width: 50px;
}
#close-cookie-banner-wrapper-btn p {
display: inline-block;
background: #ff4b2f;
font-weight: bold;
color: white;
padding: 10px;
border-radius: 5px;
text-align: center !important;
margin: 0 auto;
transition: all .3s ease;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
cursor: pointer;
}
#close-cookie-banner-wrapper-btn:hover {
Opacity: 0.8;
}
@media all and (max-width: 1150px) {
#close-cookie-banner-wrapper-btn {
display: block;
margin: 20px auto 0 auto;
}
}
/************* COOKIE POPUP 20180519***************/
.cookie-popup_wrapper {
/* display: block; */
display: none;
position: fixed;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: 450px;
height: 100%;
max-height: 500px;
overflow-y: auto;
margin: 0 auto;
background: rgba(27, 37, 45, 1);
padding: 25px 30px;
border: 1px solid white;
z-index: 999;
}
.cookie-popup_wrapper::-webkit-scrollbar {
display: none;
}
.cookie-popup-heading {
color: white!important;
font-size: 200%!important;
margin-top: 0!important;
margin-bottom: 10px!important;
}
.cookie-popup-content p {
color: white!important;
}
.close-cookie-popup {
background: #ff4b2f;
border-radius: 4px;
text-transform: uppercase;
color: white;
border: none;
padding: 10px 20px;
margin-top: 20px;
cursor: pointer;
display: none;
}
.sv-cookie * {
box-sizing: border-box;
}
/******** END OOKIE BANNER ********/
/************* MEDIA QURIES ***************/
@media all and (max-width: 1150px) {
.cookie-banner-content-wrapper {
width: 100%;
}
.cookie-banner-content-wrapper>div {
display: block;
text-align: center!important;
vertical-align: top;
width: 100%!important;
}
.cookie-banner-content-wrapper > div:first-child {
margin-bottom: 10px;
}
}
@media all and (max-width: 650px) {
.cookie-banner-content-wrapper {
width: 100%!important;
}
.cookie-banner-content-wrapper>div {
display: block;
width: 100%;
text-align: center;
}
.cookie-banner-icon img {
display: inline-block;
margin-right: 0;
margin-bottom: 5px;
}
.cookie-popup_wrapper {
max-width: 90%;
}
}
/****** MODAL ******/
* {
outline: none;
}
.modal {
display: none;
position: fixed;
width: 100%;
margin: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
padding: 20px;
z-index: 99;
}
.modal__container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 400px;
width: 90%;
padding: 20px;
background: white;
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
border-radius: 3px;
}
.modal__heading {
font-size: 26px;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid black;
}
.modal__content {
min-height: 100px;
}
.modal__bottom {
margin-top: 20px;
text-align: right;
}
.modal__button {
display: inline-block;
background: black;
color: white;
padding: 10px 20px;
border: none;
border-radius: 3px;
font-size: 14px;
cursor: pointer;
transition: all .2s ease;
opacity: 1;
}
.modal__button--confirm {
background: #ff4b2f;
}
.modal__button--cancel {
background: #121a20;
color: white;
}
.modal__messege{
}
@media all and (max-width: 500px) {
.modal__container {
width: 80%;
}
}
.nol_multiAccountExplanation {
display: none;
}
.no_morebutton {
border: none;
background: none;
font-size: 18px;
padding: 1em;
cursor: pointer;
text-decoration: underline;
}
.nol_hr {
margin: 0px;
margin-bottom: 1.5em;
}
.nol_multiaccount_part1 {
font-size: 18px;
}
.nol_multiaccount_part2 {
font-size: 14px;
}
/*Standard logon portlet*/
.bvLoginWrapper{
box-sizing: border-box;
width: 100%;
max-width: 300px;
}
.bvLoginWrapper * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.bvLoginGroup{
margin-bottom: 0.5em;
margin-top:1em;
}
.bvLoginLabel{
display: block;
margin-top:1em;
}
.bvLoginError{
margin-top:1em;
}
.bvLoginMessage{
}
.bvLoginCancel{
display: block;
margin-top: 10px;
text-decoration: underline;
padding-left: 5px;
}
.bvLoginWrapper fieldset {
border: 0;
}
.bvLoginInput{
padding: 5px;
margin-top: 5px;
width: 100%;
color: black;
border-radius: 0.33em;
}
.bvLoginSubmit {
font-size: 12px;
width: 100%;
margin-top: 0;
max-width:150px;
}
.bvLoginWrapper .msgText {
/*font-size: 9px;*/
font-style: italic;
margin: 10px 0;
}
.bvLoginWrapper .warningText {
background-size: 25px;
padding-left: 50px;
margin-top: 1em;
margin-bottom: 1em;
}
@media all and (max-width: 400px) {
.bvLoginWrapper {
max-width: none;
}
}
/*Send Password portlet */
.bvSendPasswordWrapper{
max-width: 300px;
font-size: 12px;
}
.bvHideWrapper {
display: none;
}
.displayOffer {
max-width: 380px;
margin: 0 auto;
}
.displayOfferReciept {
max-width: 700px;
margin: 0 auto;
}
.displayOffer h1 {
font-size: 40px;
text-align: center;
}
.displayOffer form {
margin: 20px 0;
}
.displayOffer #addAssetTableID {
max-width: 380px;
}
.radio-button-wrapper .radio {
display: inline-block;
}
.radio-button-wrapper label{
width: auto;
}
.radio-button-wrapper input[type="radio"]{
margin: 4px 4px 4px;
margin-right: 46px;
}
.errorMessage {
position: static;
margin-top: 10px;
background: #fffdef;
padding: 8px;
font-weight: bold;
text-transform: uppercase;
color: black;
font-size: 13px;
border-radius: 3px;
border: 1px solid #dadada;
border-left: 4px solid #ff4921;
z-index: 8;
list-style-type: none;
}
.bvAccessArea {
display: inline-block;
/* width: 100%; */
max-width: 300px;
vertical-align: top;
border: 1px solid rgba(27, 39, 47, 0.16);
min-height: 250px;
position: relative;
}
.bvAccessArea .fieldHeading {
display: block;
color: white;
font-family: "GravurCondensed", sans-serif;
font-size: 25px;
background: #1b262e;
margin-top: 0;
padding: 15px;
}
.bvAccessArea .fieldHeading p {
margin-top: 0;
}
.bvAccessArea .accessTextArea {
margin-top: 30px;
padding: 0 20px;
}
.bvAccessArea .accessTextArea > p.rodxknapp {
position: absolute;
bottom: 20px;
}
.bvTablePadd{
float: right;
padding-right: 15px;
}
.bvButtonRow{
margin-bottom: 20px;
}
/*
--- dropdown CSS for profile and payment -----
*/
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(/no-portal-interface/icon-library/MaterialIcons-Regular.eot);
/* For IE6-8 */
src: local('Material Icons'), local('MaterialIcons-Regular'), url(/no-portal-interface/icon-library/MaterialIcons-Regular.woff2) format('woff2'), url(/no-portal-interface/icon-library/MaterialIcons-Regular.woff) format('woff'), url(/no-portal-interface/icon-library/MaterialIcons-Regular.ttf) format('truetype');
}
.toggle-container {
display: none;
width: 100%;
max-width: 520px;
margin: 0 auto;
}
.toggle-container .material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
/* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.toggle-container__heading:hover {
background: #1b252dbf;
}
.toggle-container__heading:hover .toggle-container__toggle-bar__arrow {
transform: rotate(90deg);
-ms-tranform: rotate(90deg);
-o-transform: rotate(90deg);
}
.toggle-container--has-content {
display: block;
margin-bottom: 10px;
}
.toggle-container--has-content-alone {
display: block;
}
.toggle-container--has-content-alone .toggle-container__heading {
display: none !important;
}
.toggle-container--has-content-alone .toggle-container__content {
display: block !important;
padding: 0;
border: 0;
}
.toggle-container__heading {
position: relative;
width: 100%;
background: #1b252d;
color: white;
font-weight: bold;
padding: 10px;
cursor: pointer;
}
.toggle-container__heading p {
margin: 0 !important;
font-size: 16px;
text-transform: uppercase;
color: white;
}
.toggle-container__toggle-bar__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
right: 10px;
transform-origin: 19px 6px;
transition: all .3s ease;
}
.toggle-bar--open .toggle-container__toggle-bar__arrow {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.toggle-container__content {
display: none;
width: 100%;
height: 100%;
overflow: hidden;
/* ALTERNATIVT TA BORT */
/*border: 1px solid #ececec;*/
padding: 20px;
}
/* Payment history */
.payment-history__heading {
cursor: pointer;
}
.payment-history__toggle-bar__arrow {
}
.payment-history__content {
display: none;
}
.payment-history__heading:hover {
background: #F5F7FF;
}
.payment-history__heading:hover .payment-history__toggle-bar__arrow {
transform: rotate(90deg);
-ms-tranform: rotate(90deg);
-o-transform: rotate(90deg);
}
.toggle-bar--open .payment-history__toggle-bar__arrow {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.oauth_label {
display: block;
margin-bottom: 1em;
font-weight: bold;
}
.oauth_href {
width: 140px;
}
.oauth_href:hover {
opacity: 0.8;
transition: ease-in;
transition-duration: 0.2s;
}
/* classic styling for actionMessage Struts2 */
.stopservice_classic .actionMessage {
border: black;
border-width: thin;
border-style: solid;
background-image: url(/no-portal-interface/images/ikon_gul2.svg);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 30px 30px;
padding-left: 50px;
padding-right: 14px;
margin-bottom: 1em;
}
.stopservice_classic .actionMessageText{
list-style-type: none;
padding: 0px;
margin-bottom: 14px;
margin-top: 14px;
font-size: 1em;
}
#frontendError .errorText {
border: none !important;
background: none ;
padding-left: 0px;
}
#frontendError .errorMessage {
font-size: 14px;
}
#confirmCheckout .errorMessage {
list-style: none;
}
.subsshop_conditionerror:after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 76px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #ff4c2f;
}
.subsshop_conditionerror {
display: none;
background:
#ff4c2f;
background:
#ff4c2f;
max-width: 300px;
margin: auto;
position: absolute;
left: -242px;
right: 0px;
bottom: 79px;
}
.subsshop_conditionerror:before {
content: "\f12a";
font-family: fontAwesome;
font-size: 20px;
color:
white;
position: absolute;
padding-left: 20px;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.subsshop_conditionerror p {
margin: 0;
padding: 20px 20px 20px 40px;
font-size: 14px;
white-space: pre-wrap;
color: white;
text-transform: uppercase;
}
.conditions_body {
position: relative;
}
/* Nets Easy */
.netsEasyDiv {
background: white;
min-width: 240px;
max-width:760px;
padding-top: 19px;
padding-left: 25px;
padding-bottom:30px;
padding-right: 25px;
font-size: 1.05em;
line-height: 1.5;
}
.netsEasyMsg{
font-family: Lato sans;
font-size: 1.5em;
}
.netsEasyBottomDiv{
padding-left: 18px;
padding-right: 18px;
padding-top: 18px;
}
.netsEasyCancel{
display: inline;
}
.bv-mitid__button {
text-align: center;
font-family: "AvenirDemiBold";
font-size: 1.4em;
color: white !important;
text-decoration: none;
border-radius: 4px;
border: 0;
padding: 16px 24px 16px 132px;
background-image: url('/no-portal-interface/images/oauth/mitIdButton.png');
background-repeat: no-repeat;
background-color: #0060E6;
background-position: 24px center;
cursor: pointer;
transition: all .3s ease
}
.bv-mitid__button:hover {
background-color: #004CB8;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .4)
}
/* Show hide eye */
.display_flex {
display: flex;
}
button.show-hiddenText{
display: flex;
margin-top: -30px;
border: none;
width: 25px;
height: 25px;
align-self: flex-end;
/*margin-right: 10px;*/
margin-bottom: 10px;
margin-left: -50px;
}
button.show-hiddenText.eye_show{
background-image: url("/no-portal-interface/images/eye_show_icon.svg");
/*background-size: 24px 24px;*/
background-color: inherit;
cursor: pointer;
background-repeat: no-repeat no-repeat;
}
button.show-hiddenText.eye_hidden{
background-image: url("/no-portal-interface/images/eye_hide_icon.svg");
/*background-size: 24px 24px;*/
background-color: inherit;
cursor: pointer;
background-repeat: no-repeat no-repeat;
}