/* For Swish Datepicker */ .xdsoft_datetimepicker { font-family: Customfont2,Adoveo; /* $campaign_id = $campaign->getId(); if($this->beginCache(DATA."'$campaign_id'"."Theme", array('duration'=>3000))) {)*/ } ::placeholder { color: transparent; } /*custom loader*/ .load-spinner{ background: url('') no-repeat top center; background-size: contain; -webkit-animation: ping 0.8s ease-in-out infinite both; animation: ping 0.8s ease-in-out infinite both; } /* to remove empty divs */ div:empty { display: none; } a, a:link, a:active, a:visited, a:hover { color: rgba(0,0,0,1); text-decoration: underline; } #wrap-default { width: 100%; text-align: center; } .wrapper, #wrapper { padding: 5px 5px 5px 5px; background: rgba(0,0,0,0); min-height: 493px; min-height: 493px; text-align: center; max-width: 100%; } /* All devices */ body.campaign-flow { background: #6e88e5; font-family: Customfont2,Adoveo; color: rgba(255,255,255,1); font-size: 18px; font-weight: normal; letter-spacing: 0px; } /* desktop with different screen size */ @media only screen and (min-width : 812px) { body.campaign-flow { background: url('https://cdn.fs.adoveo.com/api/file/jw3SyhFsSynWjJQ9EQNX?signature=9a197ea719b902168a70025f8a447c9f7f10ea3ce621d1eb03546e5f60e4557e&policy=eyJoYW5kbGUiOiAianczU3loRnNTeW5XakpROUVRTlgiLCJjYWxsIjpbInJlYWQiLCJjb252ZXJ0Il0sImV4cGlyeSI6MTczODM2Nzk5OX0%3D&cache=true') no-repeat top center; background-color: #6e88e5; font-family: Customfont2,Adoveo; color: rgba(255,255,255,1); font-size: 18px; background-attachment: fixed; background-size: cover; } #wrap-default, .wrapper, #wrapper { width: 656px; margin: 50px auto auto auto; } } /* mobile with different screen size */ @media only screen and (max-width : 812px) { body.campaign-flow { background: url('https://cdn.fs.adoveo.com/api/file/6lvCDYQdQ6qW8WiJuNqe?signature=c4853f138f149f7c55f91c820290b1f6a445f3c9b13c820864ad9977e5baf099&policy=eyJoYW5kbGUiOiAiNmx2Q0RZUWRRNnFXOFdpSnVOcWUiLCJjYWxsIjpbInJlYWQiLCJjb252ZXJ0Il0sImV4cGlyeSI6MTczODM2Nzk5OX0%3D&cache=true') no-repeat top center; background-color: #6e88e5; font-family: Customfont2,Adoveo; color: rgba(255,255,255,1); font-size: 18px; background-attachment: fixed; background-size: cover; min-height: 100%; } } /* Input fields and buttons settings*/ #coupon-agree-content, #swish-agree-content, #swish-optional-content, #register-agree-content, #swish-leaderboard-content { width: 320px; max-width: 100%; margin: auto; } /* placeholder to pase if*/ .cc-input, .cc-textarea { margin: 5px auto auto auto; height: 52px; font-family: Customfont2,Adoveo; font-size: 18px; width: 320px; background-color: #ffffff; color: rgba(0,0,0,1); border-radius: 1px; text-align: left; border-color: #6e88e5; border-style: solid; border-width: 2px; } /* input label */ .input-label { color: rgba(0,0,0,1); font-size:18px; font-family: Customfont2,Adoveo; pointer-events:none; transition: 0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; touch-action: manipulation; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .left { left:4%; } .center { left:0; right: 0; margin-left: auto; margin-right: auto; } .right { right: 4%; } .input-group { position:relative; width:320px; margin: auto; max-width:100%; display: flex; } /** Without focus */ input:placeholder-shown + label, .textarea-label { cursor: text; position: absolute; margin: 5px auto auto auto; top:calc((52px / 2) - (18px / 2)); } cc-input:focus, cc-textarea:focus { outline: none; touch-action: manipulation; } /** On input focus */ input:not(:placeholder-shown) + label, input:focus + label, textarea:not(:placeholder-shown) + label, textarea:focus + label { top:0px; position: absolute; font-size: 8px; cursor: pointer; margin: 5px auto auto auto; } .cc-button, .btn-primary { min-height: 59px; width: 320px; margin: 5px auto 5px auto; border-radius: 1px; text-align: center; } .cc-input, .cc-button, .btn-primary, #coupon-agree-content, #swish-agree-content, #swish-optional-content, #register-agree-content { max-width: 100%; } /* @media only screen and (max-width : 812px) { .cc-input, #coupon-agree-content, #swish-agree-content, #swish-optional-content, #register-agree-content { max-width: 320px; } .cc-button, .btn-primary { max-width: 320px; width: 320; } } */ .cc-button, .cc-button:visited, .btn-primary, .btn-primary:visited { background-color: rgba(255,255,255,1); border: none; color: rgba(0,0,0,1); text-decoration: none; font-size: 20px; font-family: Customfont1,Adoveo; } .cc-button:hover, .btn-primary:hover, .cc-button:active:hover, .cc-button:active, .btn-primary:active, .cc-button:active:focus, .cc-button:focus, .btn-primary:focus { background-color: rgba(255,255,255,0.66); border: none; color: rgba(0,0,0,1); } /* custom product buttons*/ .cc-button-custom-product { min-height: 56px; width: 300px; border-radius: 6px; max-width:100%; margin-left: auto; margin-right: auto; } .cc-button-inline-product { min-height:1px; max-width:100%; display:inline-block; } /* Quiz buttons settings*/ .ans_row_1, .ans_row_2, .ans_row_3, .ans_row_4 { background-color: rgba(255,255,255,1); font-family: Customfont1,Adoveo; font-size: 20px; color: rgba(0,0,0,1); } @media only screen and (min-width : 812px) { .ans_row_1:hover, .ans_row_1:active, .ans_row_1:focus, .ans_row_2:hover, .ans_row_2:active, .ans_row_2:focus, .ans_row_3:hover, .ans_row_3:active, .ans_row_3:focus, .ans_row_4:hover, .ans_row_4:active, .ans_row_4:focus { background-color: rgba(255,255,255,0.66); border: none; color: rgba(0,0,0,1); } } /* Headers settings*/ .cc-title { margin:auto; word-break: break-word; /* padding: 8px;*/ /* width:fit-content; */ background-color:#6e88e5; text-align:center; font-family: Customfont1,Adoveo; font-size: 24px; color: rgba(255,255,255,1); font-weight: normal; letter-spacing: 0px; line-height: 30px; } /* normal text settings*/ .cc-txt { margin:auto; word-break: break-word; /* padding: 16px;*/ /* width:fit-content;*/ background-color:rgba(0,0,0,0); text-align:center; line-height: 24px; } #transaction-add-phone-numbers { width: 52px; height: 52px; border-color:rgba(255,255,255,1); background-color: rgba(255,255,255,1); color: rgba(0,0,0,1); font-family: Customfont1,Adoveo; border-radius: 1px; text-align: center; } #registration_file_upload_div, .registration_file_upload_div{ display: flex; justify-content: flex-end; margin: 5px auto auto auto; height: 52px; } #registration_file_upload_button, .registration_file_upload_button { min-width: 20%; max-width: 80%; width: fit-content; margin:initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border:0px; cursor: pointer; background-color: rgba(255,255,255,1); color: rgba(0,0,0,1); font-family: Customfont1,Adoveo; border-radius: 1px; text-align: center; padding-top:calc((52px / 2) - (18px / 2) - 4px); } #registration-file-upload-button { min-width: 20%; max-width: 80%; width: fit-content; margin:initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border:0px; cursor: pointer; background-color: rgba(255,255,255,1); color: rgba(0,0,0,1); font-family: Customfont1,Adoveo; border-radius: 1px; text-align: center; padding-top:calc((52px / 2) - (18px / 2) - 4px); } .image_preview { margin:auto; height: 52px; } .form-input { color: rgba(0,0,0,1); border-radius: 1px; background-image: repeating-linear-gradient(#ffffff, #ffffff 30px, #ccc 30px, #ccc 31px, #ffffff 31px); } .progress-bar, .progress-fat, .progress-thin { background-color:; box-shadow:; -webkit-box-shadow:; -moz-box-shadow:; border-radius:; -webkit-border-radius:; } .progress-bar > span, .progress-fat > span { font-family: ; font-size: ; color: ; border-radius:; -webkit-border-radius:; } /* Game settings*/ #scoreText { color: ; font-size: ; } @media only screen and (max-width : 812px) { .swish_product_row_1, .swish_product_row_2, .swish_product_row_3, .swish_product_row_4 { margin-bottom:0px;} } @media only screen and (min-width : 812px) { } .cc-button{ -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); } .xdsoft_datetimepicker{ font-family:Customfont1!important; }.cc-button{ -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); } .xdsoft_datetimepicker{ font-family:Customfont1!important; } @font-face {font-family: 'Customfont1'; src: url('https://cdn.fs.adoveo.com/api/file/IHIu5cwcQBZZDW55ke5Q?signature=cd01cb39aa2c7b5269f30f6777271e429617e6944bd0963b3174153fc97b66c1&policy=eyJoYW5kbGUiOiAiSUhJdTVjd2NRQlpaRFc1NWtlNVEiLCJjYWxsIjpbInJlYWQiLCJjb252ZXJ0Il0sImV4cGlyeSI6MTczODM2Nzk5OX0%3D&cache=true') format('woff'); font-weight: normal; font-style: normal;}.cc-button{ -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); } .xdsoft_datetimepicker{ font-family:Customfont1!important; } @font-face {font-family: 'Customfont2'; src: url('https://cdn.fs.adoveo.com/api/file/jSTyXYfhSgeplte8Cv6b?signature=d5d4789cef9b381fd81baecafed8d12814d3735f74476447f67cb0f607206c1f&policy=eyJoYW5kbGUiOiAialNUeVhZZmhTZ2VwbHRlOEN2NmIiLCJjYWxsIjpbInJlYWQiLCJjb252ZXJ0Il0sImV4cGlyeSI6MTczODM2Nzk5OX0%3D&cache=true') format('woff'); font-weight: normal; font-style: normal;} .cc-toggle, .cc-toggle:visited, .cc-toggle:hover, .cc-toggle:active, .cc-toggle:focus { background-color:rgba(255,255,255,0.66); background-color:#FFF; border-radius: #000; } .cc-toggle-text-1, .cc-toggle-text-2 { font-size: 20px; font-size: #FFF; color: rgba(0,0,0,1); color: ; } .cc-toggle-slider { background-color: rgba(255,255,255,1); background-color: ; border-radius: 1px; border-radius: #000; } .product_button_group { max-width: 320px; margin: auto; display: flex; } /* When giftcard Preview enabled only */ .cc-textarea { height: calc(2 * 52px); padding: 6px 12px; }
En kram på fars dag

Swisha en kram till en pappa, för en pappa eller för någon du tycker om. För alla de pappor som finns och för de pappor vi aldrig glömmer. För de som vill eller kämpar med att bli pappor.

Din kram gör att Ung Cancer kan fortsätta stötta unga vuxna cancerdrabbade och närstående genom att ge personligt, ekonomiskt och rehabiliterande stöd. Du gör skillnad här och nu.

Välj om du vill swisha en kram med ett digitalt gåvokort till någon du tycker om,
eller en kramgåva direkt till Ung Cancer.
När du ger en gåva kommer dina uppgifter att behandlas av Ung Cancer.
Läs här om hur vi behandlar dina personuppgifter
Fyll i uppgifter
Om ingen annan tid/datum väljs,
skickas din kram på söndag 30/5 klockan 10.00
Öppna Swish!

När du ger en gåva kommer dina uppgifter att behandlas av Ung Cancer.
Läs här om hur vi behandlar dina personuppgifter