:root {
--body-color: #000;
--heading-color: #000;
--primary-color: #4ba9af;
--danger-color: #e24e4a;
--font-regular: gorditaregular;
--font-bold: gorditabold;
}
@font-face {
font-family: 'gorditaregular';
src: url(https://www.scandinavianphoto.se/assets/gorditaregular.541878872583e25e6ad8149f3967f8ed.woff2)
format('truetype');
}
@font-face {
font-family: 'gorditabold';
src: url(https://www.scandinavianphoto.se/assets/gorditabold.7f0096838970b90857088ac6e5299908.woff2)
format('truetype');
}
/* --------------------------------------------- ELEMENTS ---*/
body {
background: var(--body-color);
font-family: var(--font-regular);
}
h1 {
font-size: 28px;
}
h1 img {
margin-top: -4px;
}
h1,
h2,
h3,
.h3 {
color: var(--heading-color);
font-family: var(--font-bold);
}
input {
font-family: var(--font-regular);
}
hr {
}
textarea.form-control {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
width: 100% !important;
min-height: 100px !important;
}
/* --------------------------------------------- TEXT CLASSES ---*/
.control-label {
font-family: var(--font-regular);
font-weight: normal;
}
.text_dbvalue {
}
.text_italic {
}
/* --------------------------------------------- FORM-CONTROL INPUTS ---*/
.form-control {
padding: 0 20px;
height: 49px !important;
border: 1px solid rgb(216, 216, 216) !important;
border-radius: 25px !important;
font-weight: 400 !important;
}
.form-control:focus {
border-color: rgb(216, 216, 216) !important;
box-shadow: none;
}
textarea.form-control {
}
/* --------------------------------------------- BUTTONS ---*/
.btn,
.btn:focus,
.btn:active {
padding: 0 2.5rem !important;
width: auto;
height: 49px !important;
line-height: 49px !important;
font-size: 14px;
font-family: var(--font-bold);
text-align: center !important;
border: none !important;
border-radius: 25px !important;
}
.btn:visited,
a.btn:visited {
}
.btn:hover,
a.btn:hover {
}
.btn:visited:hover,
a.btn:visited:hover {
}
.btn-default,
.btn-default:focus,
.btn-default:active {
background-color: var(--primary-color) !important;
outline: none !important;
}
.btn-default[data-actiontype='delete'] {
padding: 10px 12px !important;
height: auto !important;
line-height: 1 !important;
font-size: 14px !important;
background: var(--danger-color) !important;
text-transform: inherit !important;
}
.btn-danger,
.btn-danger:focus {
background: var(--danger-color) !important;
}
/* --------------------------------------------- BUTTON_PREV ---*/
.button_prev,
.button_prev:focus,
.button_prev:active {
background: none !important;
background-color: rgb(0, 0, 0) !important;
}
/* --------------------------------------------- BUTTON_NEXT ---*/
.button_next {
background: none !important;
background-color: var(--primary-color) !important;
float: right;
}
.button_next:hover {
}
/* --------------------------------------------- VALIDATION ---*/
.text-danger {
margin-right: 15px;
margin-left: 15px;
color: #e24e4a;
}
.validation-summary-errors,
.alert-dismissable {
position: relative;
background-color: #fdedee;
color: #383317;
border: 1px solid #e1c7c8;
border-radius: 2px;
}
.validation-summary-errors:after,
.alert-dismissable:after {
content: '';
position: absolute;
top: 10px;
left: 10px;
width: 4px;
height: calc(100% - 20px);
background: #d35755;
}
.alert-dismissable .row {
margin: 0 10px 0 10px;
}
/* --------------------------------------------- CHECKBOX AND RADIOBUTTON IMAGES ---*/
input[type='radio']:not(old) + label {
font-family: var(--font-regular);
font-weight: normal;
}
input[type='radio']:checked + label {
font-family: var(--font-regular);
font-weight: normal;
}
input[type='radio']:not(old) + label,
input[type='radio']:checked + label {
background-position: 0px 3px !important;
}
label > input[type='checkbox'] ~ .label-icon:before {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M405.3%20106.7v298.7H106.7V106.7h298.6m0-42.7H106.7C83.2%2064%2064%2083.2%2064%20106.7v298.7c0%2023.5%2019.2%2042.7%2042.7%2042.7h298.7c23.5%200%2042.7-19.2%2042.7-42.7V106.7C448%2083.2%20428.8%2064%20405.3%2064z%22/%3E%3C/svg%3E);
}
label > input[type='checkbox']:checked ~ .label-icon:before {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M168.531%20215.469l-29.864%2029.864%2096%2096L448%20128l-29.864-29.864-183.469%20182.395-66.136-65.062zm236.802%20189.864H106.667V106.667H320V64H106.667C83.198%2064%2064%2083.198%2064%20106.667v298.666C64%20428.802%2083.198%20448%20106.667%20448h298.666C428.802%20448%20448%20428.802%20448%20405.333V234.667h-42.667v170.666z%22/%3E%3C/svg%3E);
}
label:hover > input[type='checkbox']:not(:checked) ~ .label-icon:before {
}
label:hover > input[type='checkbox']:checked ~ .label-icon:before {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M168.531%20215.469l-29.864%2029.864%2096%2096L448%20128l-29.864-29.864-183.469%20182.395-66.136-65.062zm236.802%20189.864H106.667V106.667H320V64H106.667C83.198%2064%2064%2083.198%2064%20106.667v298.666C64%20428.802%2083.198%20448%20106.667%20448h298.666C428.802%20448%20448%20428.802%20448%20405.333V234.667h-42.667v170.666z%22/%3E%3C/svg%3E);
}
label > input[type='checkbox']:checked ~ .label-icon:before {
}
/* --------------------------------------------- TOOLTIP IMAGES ---*/
img.help_dialog {
background: url('data:image/svg+xml;utf8,');
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: top center;
}
.help_dialog {
background: url('data:image/svg+xml;utf8,');
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: top center;
}
.help_dialog:hover {
background: url('data:image/svg+xml;utf8,');
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: top center;
}
.help_dialog:active {
}
/* --------------------------------------------- PROGRESS IMAGES ---*/
.progress_reclaim_step1 {
background: url('data:image/svg+xml;utf8,');
}
.progress_reclaim_step2 {
background: url('data:image/svg+xml;utf8,');
}
.progress_reclaim_step3 {
background: url('data:image/svg+xml;utf8,');
}
.progress_reclaim_step4 {
background: url('data:image/svg+xml;utf8,');
}
.progress_reclaim_step5 {
background: url('data:image/svg+xml;utf8,');
}
#body {
}
/* EXTRA */
.container {
margin: 0;
width: 100%;
border-radius: 0px !important;
box-shadow: none !important;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row[id^='Attachment_'] {
display: flex;
}
.row[id^='Attachment_'] .form-group {
display: flex;
align-items: center;
}
.row > .form-group {
margin-right: 0;
margin-left: 0;
}
span.asterisk:after {
color: var(--danger-color);
}
hr {
background-color: #ddd;
}
.form-group {
}
.form-horizontal {
padding: 20px;
}
.form-horizontal .col-md-11 {
width: 100%;
}
.insteps {
margin: 0 auto;
width: 1340px;
max-width: calc(100vw - 56px);
}
.footer {
padding: 20px 15px 20px 15px;
}
select {
-webkit-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat;
background-position-x: calc(100% - 20px);
background-position-y: 15px;
}
select:focus {
background-image: url("data:image/svg+xml;utf8,") !important;
}
.modal-footer > .col-md-6:nth-child(1) {
text-align: left;
}
@media (max-width: 700px) {
#body {
margin: 0;
padding: 0;
}
.insteps {
margin: 0 !important;
max-width: 100%;
}
.btn.button_prev,
.btn.button_next,
.btn[name='gotoNext'],
.btn[name='prev'],
.btn.receiptDataNext,
#Previous.btn {
width: 100%;
}
.modal-footer > .col-md-6:first-child {
margin-bottom: 10px;
}
.modal-footer > .col-md-6 .btn {
width: 100%;
}
}