/* import colors */
:root {
    /* Headings & Body */
    --headings-color: #171719;
    --body-bg: white;
    --body-color: #171719;

    /* Links */
    --link-color: #696a70;
    --link-color-hover: #c5c6c9;
    --link-color-active: blue;
    --link-color-disabled: #c5c6c9;
    --link-bg: inherit;
    --link-bg-hover: inherit;
    --link-decoration: underline;
    --link-decoration-hover: none;

    /* Borders */
    --border-radius: 3px;
    --border-color: #c5c6c9;

    /* Modals */
    --modal-padding: 15px;
    --modal-border-color: #f6f6f7;

    /* Tables */
    --table-border-color: var(--border-color);
    --table-thead-border-color: blue;
    --table-thead-bg-color: blue;

    /* Pagination */
    --pagination-bg-color: transparent;

    /* List Groups */
    --border-radius-list-group: var(--border-radius);

    /* Bootstrap Colors */
    --primary: #041e42;
    --secondary: #fff;
    --success: #89b691;
    --info: #2b70d3;
    --warning: #386e44;
    --danger: #de2b36;
    --light: #82848a;
    --dark: #515257;

    /* Global Colors */
    --blue: #041e42;
    --red: #de2b36;
    --orange: #386e44;
    --green: #89b691;
    --white: white;
    --black: #2b2c2f;

    /* Interaction Colors */
    --primary-interaction: #16417f;
    --secondary-interaction: white;
    --success-interaction: #438151;
    --info-interaction: #2b70d3;
    --warning-interaction: #fa6e23;
    --danger-interaction: #de2b36;

    /* Extra Colors */
    --extra-light: #c5c6c9;
    --extra-dark: #515257;

    /* Success Colors */
    --success-01: #f1f8f2;
    --success-02: #caebd0;
    --success-03: #a6d1ad;
    --success-04: #386e44;

    /* Info Colors */
    --info-01: #f6f6f9;
    --info-02: #e0e2eb;
    --info-03: #9ca5c2;
    --info-04: #2058a8;

    /* Warning Colors */
    --warning-01: #fdf5f3;
    --warning-02: #fbe3df;
    --warning-03: #f9cac0;
    --warning-04: #c65416;

    /* Danger Colors */
    --danger-01: #fdf4f5;
    --danger-02: #fadbdc;
    --danger-03: #f8b6b7;
    --danger-04: #950a16;

    /* Light Colors */
    --light-01: #f6f6f7;
    --light-02: #e2e2e4;
    --light-03: #c5c6c9;
    --light-04: #a4a6ab;

    /* Dark Colors */
    --dark-01: #82848a;
    --dark-02: #696a70;
    --dark-03: #2b2c2f;
}

@font-face {
  font-family: 'Scania';
  src: url('https://cdn.snapforms.com.au/assets/customer/scania/ScaniaOffice-Regular.ttf') format('truetype'),
       url('https://cdn.snapforms.com.au/assets/customer/scania/ScaniaSans-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Scania Office Headline Bold';
  src: url('https://cdn.snapforms.com.au/assets/customer/scania/ScaniaOfficeHeadline-Bold.ttf') format('truetype'),
       url('https://cdn.snapforms.com.au/assets/customer/scania/ScaniaSansHeadline-Bold.otf') format('opentype');     
  font-weight: normal;
  font-style: normal;
}

body form,
body form input,
body form .fieldtype_heading:not(h1){
  font-family: "Scania", arial, helvetica, sans-serif;
}

body form h1.fieldtype_heading {
  font-family: "Scania Office Headline Bold", arial, helvetica, sans-serif;
}

body form .snap-field label,
body form .snap-field p,
body form .snap-field table {
    color: #041E42 !important;
}

.input-group-btn:last-child>.btn {
  margin-left: 0 !important;
}

body form .fieldtype_heading {
  color: #041e42;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}

body form button,
body form .buttonwysiwyg,
body form .btn-primary {
    background-color: #16417f !important;
    color: #fff !important;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    border-radius: 4px;
    cursor: pointer;
    height: 48px;
    padding: 16px;
    border: 1px solid;
}

body form .lookup-field-wrapper,
body form .snapfield-fieldtype_file_upload .input-group {
  height: 40px;
}

body form .lookup-field-wrapper input,
body form .snapfield-fieldtype_file_upload .input-group input{
  height: 100%;
}

body form .lookup-field-wrapper .btn-primary, 
body form .snapfield-fieldtype_file_upload .btn-primary {
  height: 100%;
  border-radius: 0 4px 4px 0;
  margin-left: 0;
  padding-top: 15px !important;
  padding-bottom: 0 !important;
}

body form .snap-field table {
  border:none;
}

body form .snap-field table td {
  padding: 16px;
  border: none;
}

body form .snap-field table tr{
 border-bottom: 1px solid #cdd1db;
 background-color: #f9fafb;
 color: #0d0f13;
}

body form .snap-field table th {
  background-color: #dbdfe6
}

body.snapform form .btn-primary:hover, 
body.snapform form .buttonwysiwyg:hover {
    background-color: #2058a8 !important;
}

body.snapform .buttonwysiwyg, body.snapform .btn.btn-primary, #submitStripe {
  border-color: #073763 !important;
}

body form .snap-field .form-control {
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  border: none;
  outline: none;
  height: 100%;
  color: #0d0f13;
  background-color: #f9fafb;
  letter-spacing: -0.01em;
  padding: 16px;
  border-bottom: 1px solid #868FA2;
}

body form a {
  color: #1d2229;
  text-decoration-color: #1d2229;
}

body form .snap-field .form-control:focus {
  border-bottom: 2px solid #2B70D3!important;
}

body .custom-checkbox>input[type=checkbox]:checked+label:before, 
body .custom-radio>input[type=radio]:checked+label:before {
  border-color: #1d2229 !important;
  background-color: #1d2229 !important;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #2058a8;
    padding: 20px;
}

/* PDF specific styles */
body.pdfpage form .snap-field .form-control {
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  border: none !important;
  height: 45px;
  color: #0d0f13 !important;
  background-color: #f9fafb;
  padding: 16px;
  border-bottom: 1px solid #868FA2 !important;
}

body.pdfpage form .fieldtype_heading {
  background-color: #041E42 !important;
  color: #fff;
  padding: 16px;
  font-weight: bold;
}

body.pdfpage form .snap-field label,
body.pdfpage form .snap-field p,
body.pdfpage form .snap-field table {
    color: #041E42 !important;
}

body.pdfpage form .snapfield-fieldtype_file_upload .btn,
body.pdfpage .form-lookup-input-group .btn{
  height: 45px!important;
}

.backend .custom-checkbox>input[type=checkbox]:checked+label:before, body .snap-field .custom-radio>input[type=radio]:checked+label:before {
  border-color: #041e42 !important;
  background-color: #041e42 !important;
}

.snap-field input:focus + label.check-box-label:before, 
.snap-field input:focus + label.radio-label:before,
.snap-field input:focus:checked + label.check-box-label:before,
.snap-field input:focus:checked + label.radio-label:before,
.snap-field .btn.btn-primary:focus,
.snap-field a:focus,
.snap-field div:focus,
.snap-field [tabindex="0"]:focus {
  outline: 3px solid #E5E8EA !important;
  outline-offset: 0 !important;
}