@charset "UTF-8";
/**
 * SR//Expenses SCSS Stylesheet
 * @author Elte Hupkes
 */
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-034d2682bef80abbcced20b732e43d35.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-034d2682bef80abbcced20b732e43d35.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-1cdeeb407dd779002bec69eb55a2f533.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-afccbf4b754abf9080d4bb21c446bffe.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-e74816190b8d991aeddf8327dd4a1094.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-5ba7edfd705de5dc2f41a412c96b9e1e.svg#MuseoSans-300") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b2d6af7abde598b6375623aeef508132.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b2d6af7abde598b6375623aeef508132.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-c0591ce2ad1e0416c8e2dba5ac13bc8a.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-c46251e13e0f1450c64a2ae4175e10b2.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-f3940f67d901238d48e5bd7fb334ee91.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b85d79a3fc3feaa01fee44060ce757fa.svg#MuseoSans-700Italic") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-990de4449370116471c792fe157ae561.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-990de4449370116471c792fe157ae561.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-66e60b10d6f67928842cfd6a4adbcc39.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-a1eb323524203c72dc5df21c3caf16fb.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-fc07b645c8a58beec218219d44288ca5.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-80be474e6e9d015baab149ecd53a0cd8.svg#MuseoSans-900") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-47662b637d3430275c0e7bd0eb241907.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-47662b637d3430275c0e7bd0eb241907.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-be7c04c3888f20ae597862fb0a1c6971.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-cc5fee3655bc8e9f72040a16ac03d210.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-b13c820a9d2e972973205a5335719a81.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-4e68aa6e24ea9bf2120180d4f5b3b939.svg#MuseoSans-100Italic") format("svg");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-1065e9ddbd8072ebdfa038aecc86ccf3.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-1065e9ddbd8072ebdfa038aecc86ccf3.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-a8ad55777754ba16efccf939ea7d138d.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-75d67a2387b81016326b7e52d5da5ff9.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-c37abcb0cd97bc81a8357a8a89942e26.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-784d474d00cf37728e7dd758e302de0c.svg#MuseoSans-900Italic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-b1777babdeb849d8742c2459ca88499b.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-b1777babdeb849d8742c2459ca88499b.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-6031f733474260b49fb2e2f0ea8eaaf1.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-ff71b844fcad29bd04a869d636b6a974.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-ef674e96e5d943d25f6794e81a9e2883.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-96fff8fe13ea8f098fdbbf18aec7af8d.svg#MuseoSans-500Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-c30fc9ef53d2291b18a3080d780b0ef7.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-c30fc9ef53d2291b18a3080d780b0ef7.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-34eebd90a095ab61a2d14b4115f8664f.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-3d0c9cf5087467e107e46b31cb5c6a98.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-ed2b2ac568452a61bc2c14e746d80ad2.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-e74b5cfb8fe9ca3f114c430f01d3b6eb.svg#MuseoSans-700") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-3fc31c201c1b0efdc52bfaf99ce19e3d.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-3fc31c201c1b0efdc52bfaf99ce19e3d.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-544f85ece9f17c0e255212c71bee8232.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-18c7a90bacc810ab02a9310c5035fbf8.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-9f18ddacaacad33583088bcd17c2dad9.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-d6aff07074cb2b57b0bae870d84435ca.svg#MuseoSans-300Italic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-b9c6aad707e9220ed3672f3bc5f5f654.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-b9c6aad707e9220ed3672f3bc5f5f654.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-0cc64401cb915514bed7b4b31dd111e2.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-ada6e4e19899f97c6ef772dddce7ed5a.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-65628445c1d2ae25b5059356e49bc962.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-21522c6a3a59ab8daf2ca806259eacc5.svg#MuseoSans-500") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-5ce94b10a0b0b9eb8418b5e6eb5b8cd8.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-5ce94b10a0b0b9eb8418b5e6eb5b8cd8.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-9755326ea6eec4ab18d6f5e3acf5ef91.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-205d4323457ab6ae7a80d18b1f780a4f.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-1d67e12a131cbc3a0d11c0aef5282b6a.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-959be811520639ee063ae793f8eae005.svg#MuseoSans-100") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Apax";
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-2b447963d75716d0300b564340f07cfa.eot");
  /* IE9 Compat Modes */
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-2b447963d75716d0300b564340f07cfa.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-4d811ff89aabda63bc309a7d838ca668.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-a73703f40b1808a0dfab9c97e0df21eb.woff") format("woff");
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Apax";
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-61d4127efdfe5def14d2696507eba1de.eot");
  /* IE9 Compat Modes */
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-61d4127efdfe5def14d2696507eba1de.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-f4fc0abb4c83629545315a10aa4c6a00.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-655256d8c8c2a12c4931a75b88a22aaa.woff") format("woff");
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
}
@font-face {
  font-family: "Apax";
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-31fd0f6e46ad50bf48c60b83d0ef200d.eot");
  /* IE9 Compat Modes */
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-31fd0f6e46ad50bf48c60b83d0ef200d.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-5a2af32b56d3a75e81e78cf393237a0c.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-25d04bbdc18b1f5fcda9f53b409d81a6.woff") format("woff");
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Apax";
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-40b1f2e6732ec2887639f9a8d51c533e.eot");
  /* IE9 Compat Modes */
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-40b1f2e6732ec2887639f9a8d51c533e.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-22bfee367b614e2dc6e41e6c97f5fda9.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-eef0a3ca12b4153da1a02ab0a74bc8b8.woff") format("woff");
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
}
/* side-bar item widths */
/* side-bar item heights */
html {
  font: 62.5%/1.5 "Museo Sans", Arial, Helvetica, sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: white;
}

body {
  position: relative;
}

@media screen and (min-resolution: 120dpi) {
  body {
    zoom: 1;
  }
}
a, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, body, span, fieldset, label {
  margin: 0;
  padding: 0;
}

.websystem, .system-frontend {
  display: none;
}

.page-loading, .no-js, .page-not-found {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
}

.page-not-found {
  top: 30%;
  margin-left: -134.5px;
}
.page-not-found h1 {
  text-align: center;
}
.page-not-found .go-back {
  margin: 2em auto 0 auto;
  position: static;
  display: block;
  width: 50%;
}

.page-loading {
  height: 90px;
  width: 269px;
  margin-left: -134.5px;
  background: url("https://cdn.srxp.com/prd/assets/images/system-frontend/srxp-no-x-47bed1c0b37e98f9b5b20c2905737b2e.png") no-repeat;
}
.page-loading .spinner {
  width: 269px;
  height: 90px;
  margin-left: 269px;
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
}
.page-loading .srxp-loader {
  width: inherit;
  height: inherit;
}
.page-loading .srxp-loader .x {
  padding-left: 131px;
  padding-top: 1px;
}

.no-js {
  font-size: 1.2em;
  padding-left: 284px;
  margin-left: -392px;
  width: 500px;
}

.bold {
  font-weight: 800;
}

@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-034d2682bef80abbcced20b732e43d35.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-034d2682bef80abbcced20b732e43d35.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-1cdeeb407dd779002bec69eb55a2f533.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-afccbf4b754abf9080d4bb21c446bffe.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-e74816190b8d991aeddf8327dd4a1094.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-5ba7edfd705de5dc2f41a412c96b9e1e.svg#MuseoSans-300") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b2d6af7abde598b6375623aeef508132.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b2d6af7abde598b6375623aeef508132.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-c0591ce2ad1e0416c8e2dba5ac13bc8a.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-c46251e13e0f1450c64a2ae4175e10b2.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-f3940f67d901238d48e5bd7fb334ee91.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b85d79a3fc3feaa01fee44060ce757fa.svg#MuseoSans-700Italic") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-990de4449370116471c792fe157ae561.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-990de4449370116471c792fe157ae561.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-66e60b10d6f67928842cfd6a4adbcc39.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-a1eb323524203c72dc5df21c3caf16fb.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-fc07b645c8a58beec218219d44288ca5.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-80be474e6e9d015baab149ecd53a0cd8.svg#MuseoSans-900") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-47662b637d3430275c0e7bd0eb241907.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-47662b637d3430275c0e7bd0eb241907.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-be7c04c3888f20ae597862fb0a1c6971.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-cc5fee3655bc8e9f72040a16ac03d210.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-b13c820a9d2e972973205a5335719a81.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-4e68aa6e24ea9bf2120180d4f5b3b939.svg#MuseoSans-100Italic") format("svg");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-1065e9ddbd8072ebdfa038aecc86ccf3.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-1065e9ddbd8072ebdfa038aecc86ccf3.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-a8ad55777754ba16efccf939ea7d138d.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-75d67a2387b81016326b7e52d5da5ff9.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-c37abcb0cd97bc81a8357a8a89942e26.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-784d474d00cf37728e7dd758e302de0c.svg#MuseoSans-900Italic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-b1777babdeb849d8742c2459ca88499b.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-b1777babdeb849d8742c2459ca88499b.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-6031f733474260b49fb2e2f0ea8eaaf1.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-ff71b844fcad29bd04a869d636b6a974.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-ef674e96e5d943d25f6794e81a9e2883.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-96fff8fe13ea8f098fdbbf18aec7af8d.svg#MuseoSans-500Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-c30fc9ef53d2291b18a3080d780b0ef7.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-c30fc9ef53d2291b18a3080d780b0ef7.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-34eebd90a095ab61a2d14b4115f8664f.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-3d0c9cf5087467e107e46b31cb5c6a98.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-ed2b2ac568452a61bc2c14e746d80ad2.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-e74b5cfb8fe9ca3f114c430f01d3b6eb.svg#MuseoSans-700") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-3fc31c201c1b0efdc52bfaf99ce19e3d.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-3fc31c201c1b0efdc52bfaf99ce19e3d.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-544f85ece9f17c0e255212c71bee8232.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-18c7a90bacc810ab02a9310c5035fbf8.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-9f18ddacaacad33583088bcd17c2dad9.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-d6aff07074cb2b57b0bae870d84435ca.svg#MuseoSans-300Italic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-b9c6aad707e9220ed3672f3bc5f5f654.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-b9c6aad707e9220ed3672f3bc5f5f654.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-0cc64401cb915514bed7b4b31dd111e2.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-ada6e4e19899f97c6ef772dddce7ed5a.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-65628445c1d2ae25b5059356e49bc962.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-21522c6a3a59ab8daf2ca806259eacc5.svg#MuseoSans-500") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-5ce94b10a0b0b9eb8418b5e6eb5b8cd8.eot");
  src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-5ce94b10a0b0b9eb8418b5e6eb5b8cd8.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-9755326ea6eec4ab18d6f5e3acf5ef91.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-205d4323457ab6ae7a80d18b1f780a4f.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-1d67e12a131cbc3a0d11c0aef5282b6a.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-959be811520639ee063ae793f8eae005.svg#MuseoSans-100") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Apax";
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-2b447963d75716d0300b564340f07cfa.eot");
  /* IE9 Compat Modes */
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-2b447963d75716d0300b564340f07cfa.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-4d811ff89aabda63bc309a7d838ca668.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-a73703f40b1808a0dfab9c97e0df21eb.woff") format("woff");
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Apax";
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-61d4127efdfe5def14d2696507eba1de.eot");
  /* IE9 Compat Modes */
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-61d4127efdfe5def14d2696507eba1de.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-f4fc0abb4c83629545315a10aa4c6a00.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-655256d8c8c2a12c4931a75b88a22aaa.woff") format("woff");
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
}
@font-face {
  font-family: "Apax";
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-31fd0f6e46ad50bf48c60b83d0ef200d.eot");
  /* IE9 Compat Modes */
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-31fd0f6e46ad50bf48c60b83d0ef200d.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-5a2af32b56d3a75e81e78cf393237a0c.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-25d04bbdc18b1f5fcda9f53b409d81a6.woff") format("woff");
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Apax";
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-40b1f2e6732ec2887639f9a8d51c533e.eot");
  /* IE9 Compat Modes */
  src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-40b1f2e6732ec2887639f9a8d51c533e.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-22bfee367b614e2dc6e41e6c97f5fda9.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-eef0a3ca12b4153da1a02ab0a74bc8b8.woff") format("woff");
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
}
/* side-bar item widths */
/* side-bar item heights */
/**
 * Language flags sprite settings
 */
.current-language .link {
  position: relative;
  font-weight: bold;
}
.current-language .link:after {
  content: "";
  width: 12px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10px;
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/fake-checkbox-9f53805aba85c18c984947278ee03e87.svg") no-repeat right center;
}

.websystem {
  display: block;
}

body {
  font-family: "Museo Sans", Arial, Helvetica, sans-serif;
  min-width: 1407px;
}

.monospace {
  font-family: "Courier New", Courier, monospace;
  background-color: #fafafa;
}

.has-overlay body {
  overflow: hidden;
}

a,
span.link {
  cursor: pointer;
  outline: none;
  color: #0650D0;
  text-decoration: none;
  font-size: 1.2rem;
}
a:hover, a.hover,
span.link:hover,
span.link.hover {
  color: #124b66;
  text-decoration: none;
}

h1,
h2,
h3 {
  font-weight: 400;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 14px;
}

h3 {
  font-size: 12px;
}

p {
  font-size: 12px;
}

.hidden {
  display: none !important;
}

.inline-block {
  display: inline-block;
}

.clearBoth,
.cb {
  clear: both;
  height: 0;
  line-height: 0;
}

/* Header */
.current-account {
  position: relative;
  height: 55px;
  line-height: 55px;
  text-align: center;
}
.current-account.only-account {
  cursor: auto;
}
.current-account img {
  vertical-align: middle;
  max-height: 40px;
  max-width: 210px;
}

.header {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  color: #515151;
  height: 55px;
  position: relative;
  transition: border-color 0.5s ease-in-out;
  margin-bottom: 29px;
}
.header.dashboard-interface {
  transition: border-color 0.5s ease-in-out;
}
.header.dashboard-interface .header-button.active {
  color: #0650D0;
  border-bottom: 3px solid #0650D0;
}
.header .action-dashboard .header-button:hover {
  color: #0650D0;
}
.header.submit-interface {
  transition: border-color 0.5s ease-in-out;
}
.header.submit-interface .header-button.active {
  color: #DBAE29;
  border-bottom: 3px solid #DBAE29;
}
.header .action-submit .header-button:hover {
  color: #DBAE29;
}
.header.request-interface {
  transition: border-color 0.5s ease-in-out;
}
.header.request-interface .header-button.active {
  color: #6c9ac3;
  border-bottom: 3px solid #6c9ac3;
}
.header .action-request .header-button:hover {
  color: #6c9ac3;
}
.header.approve-interface {
  transition: border-color 0.5s ease-in-out;
}
.header.approve-interface .header-button.active {
  color: #37B37E;
  border-bottom: 3px solid #37B37E;
}
.header .action-approve .header-button:hover {
  color: #37B37E;
}
.header.export-interface {
  transition: border-color 0.5s ease-in-out;
}
.header.export-interface .header-button.active {
  color: #8200DF;
  border-bottom: 3px solid #8200DF;
}
.header .action-export .header-button:hover {
  color: #8200DF;
}
.header.admin-interface {
  transition: border-color 0.5s ease-in-out;
}
.header.admin-interface .header-button.active {
  color: #0650D0;
  border-bottom: 3px solid #0650D0;
}
.header .action-admin .header-button:hover {
  color: #0650D0;
}
.header ul {
  list-style: none;
}
.header .default-logo {
  max-height: 50px;
  max-width: 200px;
  margin: 0;
  padding-bottom: 2px;
  position: relative;
  border-bottom: 3px solid #d20f18;
}
.header .default-logo.align-middle {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 50px;
  width: 200px;
}
.header .default-logo.align-middle img {
  height: 45px;
}
.header .default-logo.align-middle .exact-logo {
  padding-left: 20px;
}
.header .default-logo.align-middle .srxp-logo {
  padding-left: 0;
}
.header .default-logo:before {
  position: absolute;
  background: #0650D0;
  height: 3px;
  content: "";
  width: 110px;
  bottom: -3px;
  left: 130px;
}
.header .help .header-button:hover,
.header .language-switch .header-button:hover,
.header .su .header-button:hover,
.header .user .header-button:hover {
  color: #0650D0;
}
.header .help .header-button:hover svg,
.header .language-switch .header-button:hover svg,
.header .su .header-button:hover svg,
.header .user .header-button:hover svg {
  color: #0650D0;
}
.header .user .header-button .inner {
  padding: 0;
  font-size: 1.4rem;
  width: auto;
}
.header .user .header-button .inner .signature {
  margin: 0 10px;
  top: 11px;
}
.header .user .header-button .inner .company-name {
  margin: auto;
}
.header .user .header-button .inner svg {
  color: #515151;
  margin-left: 10px;
}

.user .header-button .inner {
  width: 240px;
  padding: 0;
}
.user .header-button .inner.flex-container-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 15px 0 15px;
  width: auto;
  min-width: 125px;
}
.user .header-button .inner .signature {
  margin: 0 10px;
  top: 11px;
}
.user .header-button .inner .company-name {
  margin: auto;
}

.header-button {
  cursor: pointer;
  border-top: none;
  border-bottom: none;
}
.header-button.user-profile .inner {
  position: relative;
}
.header-button.user-profile .inner .signature {
  border-radius: 50%;
  font-size: 1.2rem;
  height: 26px;
  line-height: 26px;
  transition: box-shadow 0.15s linear;
  width: 26px;
}
.header-button .inner {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 2px 20px 0 20px;
  text-align: center;
}
.header-button:hover, .header-button.active {
  z-index: 1;
}

.select-account {
  width: 240px;
  position: absolute;
  top: 0;
}
.select-account .account-list {
  display: none;
  max-height: 300px;
  overflow: auto;
  border-top: 1px solid #e5e5e5;
}
.select-account.active {
  z-index: 999;
  border-color: #124b66;
}
.select-account.active .account-list {
  display: block;
}
.select-account.active .multiple-account {
  bottom: 16px;
}
.select-account .current .link {
  position: relative;
}
.select-account .current .link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 100%;
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/fake-checkbox-9f53805aba85c18c984947278ee03e87.svg") center center no-repeat;
}

.confirm-email, .deactivated-customer {
  position: absolute;
  background-color: #37B37E;
  width: 238px;
  height: 80px;
  top: 30px;
  opacity: 0.7;
  text-align: center;
}
.confirm-email a, .deactivated-customer a {
  text-decoration: none;
  color: white;
  line-height: 80px;
  font-size: 14px;
  font-weight: bold;
  text-shadow: #000000 2px 2px;
}

.confirm-email, .deactivated-customer {
  background-color: red;
}
.confirm-email.confirm-email, .deactivated-customer.confirm-email {
  top: -10px;
}

.multiple-accounts {
  position: absolute;
  top: 70px;
  height: 18px;
  line-height: 18px;
  width: 238px;
  opacity: 0.7;
  cursor: pointer;
}
.multiple-accounts span.select-account-row {
  font-style: italic;
  margin-left: 5px;
}
.multiple-accounts .multiple-accounts-arrow {
  float: right;
  margin-right: 5px;
  margin-top: 6px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-top: 7px solid #0650D0;
}
.multiple-accounts .multiple-accounts-arrow.rotate-180-pos {
  margin-top: -2px;
}

.language-switch .inner {
  font-size: 1.4em;
  font-weight: 600;
}

a.header-button {
  font-size: 1.4em;
  text-decoration: none;
  display: block;
  position: relative;
  color: #515151;
  font-weight: 400;
}
a.header-button:hover {
  color: #0650D0;
}
a.header-button.active {
  color: #0650D0;
  font-weight: 600;
}

.select-interface {
  margin-bottom: -6px;
  margin-left: 270px;
  float: left;
}
.select-interface li {
  float: left;
}

.select-other {
  display: flex;
  flex-direction: row;
  float: right;
  margin-bottom: 6px;
}
.select-other h3 {
  color: #0650D0;
  border-bottom: 1px solid #efefef;
  margin-top: 0;
  margin-bottom: 3px;
  padding: 5px 0 5px 20px;
  font-size: 1.4rem;
}
.select-other h3.email-confirm {
  color: white;
  background-color: #ff4c4c;
  font-weight: bold;
  text-shadow: #000000 1px 1px;
}
.select-other .header-menu {
  z-index: 20;
  position: absolute;
  top: -9999px;
  right: 0;
  background-color: #fff;
  padding: 15px 0 15px 15px;
  width: 280px;
  overflow: auto;
  opacity: 0;
  transition: opacity, 0.4s, ease;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}
.select-other .header-menu.notification-dropdown {
  width: 500px;
  padding: 15px 0 0 15px;
  min-height: 70px;
}
.select-other .header-menu.notification-dropdown .loading-spinner {
  position: relative;
}
.select-other .header-menu.notification-dropdown .notification-empty-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 375px;
  color: #a5a9a9;
  cursor: default;
  font-size: 1.2rem;
}
.select-other .header-menu.notification-dropdown .notification-empty-message .icon {
  padding-bottom: 15px;
  border-radius: 4px;
}
.select-other .header-menu.notification-dropdown .notification-empty-message h2 {
  padding-top: 15px;
  font-size: 1.8rem;
  color: #515151;
}
.select-other .header-menu.notification-dropdown li.notification {
  border-bottom: 1px solid #efefef;
  height: 60px;
  max-height: 60px;
  width: 465px;
  padding-left: 15px;
}
.select-other .header-menu.notification-dropdown li.notification h3 {
  border: none;
  width: 465px;
  padding-left: 10px;
  margin-top: 5px;
}
.select-other .header-menu.notification-dropdown li.notification span .icon {
  border-radius: 50%;
  cursor: default;
  display: inline-block;
  padding: 8px;
  vertical-align: middle;
}
.select-other .header-menu.notification-dropdown li.notification span .icon.blue-background {
  background: #0650D0;
}
.select-other .header-menu.notification-dropdown li.notification span .icon.green-background {
  background: #37B37E;
}
.select-other .header-menu.notification-dropdown li.notification span .icon.grey-background {
  background: #9eb6c9;
}
.select-other .header-menu.notification-dropdown li.notification span .icon.purple-background {
  background: #8200DF;
}
.select-other .header-menu.notification-dropdown li.notification span .icon.red-background {
  background: #ff3823;
}
.select-other .header-menu.notification-dropdown li.notification svg {
  float: left;
  position: relative;
  top: 15px;
}
.select-other .header-menu.notification-dropdown li.notification svg:hover {
  color: #fff;
}
.select-other .header-menu.notification-dropdown li.notification .notification-created {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: center;
  position: relative;
  bottom: 5px;
  right: -3px;
}
.select-other .header-menu.notification-dropdown li.notification .notification-created .date-created {
  color: #a5a9a9;
  margin-right: 5px;
  font-size: 10px;
  padding-top: 0;
  cursor: default;
}
.select-other .header-menu.notification-dropdown li.notification .notification-created svg {
  float: inherit;
  top: inherit;
  position: inherit;
}
.select-other .header-menu.notification-dropdown li.notification .notification-created svg:hover {
  color: initial;
  cursor: pointer;
}
.select-other .header-menu.notification-dropdown li.notification .notification-created svg.disabled {
  color: #ccc;
}
.select-other .header-menu.notification-dropdown li.notification .notification-created svg.disabled:hover {
  color: #ccc;
  cursor: default;
}
.select-other .header-menu.notification-dropdown li.notification .notification-created input[type=checkbox].ember-checkbox.mark-one {
  position: relative;
  top: 5px;
  cursor: pointer;
}
.select-other .header-menu.notification-dropdown li.notification .align-middle {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -10px;
}
.select-other .header-menu.notification-dropdown li.notification .align-middle a {
  margin-left: -10px;
}
.select-other .header-menu.notification-dropdown li.notification .align-middle h3 {
  border: none;
  color: #515151;
  font-size: 12px;
  margin-top: 10px;
  padding-left: 10px;
  padding-top: 0;
  width: 365px;
}
.select-other .header-menu.notification-dropdown li.notification .notification-message {
  color: #a5a9a9;
  font-size: 10px;
  line-height: 35px;
  margin-left: 45px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-other .header-menu .header-menu-block.notification-dropdown {
  padding: 0;
  width: 500px;
}
.select-other .header-menu .header-menu-block.notification-dropdown .notification-inbox-header {
  align-items: center;
  border-bottom: 1px solid #efefef;
  cursor: default;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 480px;
}
.select-other .header-menu .header-menu-block.notification-dropdown .notification-inbox-header h3.static-header {
  border: none;
}
.select-other .header-menu .header-menu-block.notification-dropdown .notification-inbox-header .button.mark-all-button {
  border: none;
  font-size: 11px;
  text-decoration: underline;
  padding-right: 0;
}
.select-other .header-menu .header-menu-block.notification-dropdown .notification-inbox-header .button.mark-all-button:hover {
  box-shadow: none;
  color: #0650D0;
}
.select-other .header-menu .header-menu-block.notification-dropdown .notification-inbox-header .button.mark-all-button.disabled {
  background: none;
  border: none;
  color: #ccc;
  text-decoration: none;
  padding-right: 0;
}
.select-other .header-menu .header-menu-block.notification-dropdown .notification-inbox-header .button.mark-all-button.disabled:hover {
  box-shadow: none;
}
.select-other .header-menu .header-menu-block.notification-dropdown ul.notification-list {
  display: block;
  max-height: 375px;
  overflow-y: auto;
  padding-bottom: 10px;
}
.select-other .header-menu .header-menu-block.notification-dropdown ul.notification-list .button.mark-all-button.load-more {
  border: none;
  float: right;
  font-size: 11px;
  margin-right: 15px;
  text-decoration: underline;
}
.select-other .header-menu .header-menu-block.notification-dropdown ul.notification-list .button.mark-all-button.load-more:hover {
  box-shadow: none;
  color: #0650D0;
}
.select-other .header-menu .header-menu-block.notification-dropdown a {
  text-decoration: none;
}
.select-other .header-menu.double {
  width: 560px;
}
.select-other .header-menu.triple {
  width: 840px;
}
.select-other .header-menu.user-profile {
  width: 350px;
}
.select-other .header-menu.user-profile.has-button-menu .button-menu ul li {
  width: 152.5px;
}
.select-other .header-menu.user-profile .header-menu-block {
  width: 350px;
}
.select-other .header-menu a, .select-other .header-menu .link {
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  border-radius: 2px;
  transition: background-color 0.1s ease, color 0.1s ease, border 0.1s ease;
}
.select-other .header-menu a.active, .select-other .header-menu .link.active {
  font-weight: bold;
}
.select-other .header-menu.has-button-menu {
  padding: 0;
}
.select-other .header-menu.has-button-menu .header-menu-block {
  padding: 0 15px 0;
}
.select-other .header-menu.has-button-menu .header-menu-block:first-child {
  padding: 15px 15px 0;
}
.select-other .header-menu.has-button-menu .button-menu {
  float: left;
  width: inherit;
  margin-top: 5px;
}
.select-other .header-menu.has-button-menu .button-menu ul {
  list-style: none;
  padding: 15px;
}
.select-other .header-menu.has-button-menu .button-menu ul:after {
  content: " ";
  clear: both;
}
.select-other .header-menu.has-button-menu .button-menu ul li {
  float: left;
  width: 117.5px;
  margin-bottom: 15px;
}
.select-other .header-menu.has-button-menu .button-menu ul li:nth-child(even) {
  float: right;
}
.select-other .header-menu.has-button-menu .button-menu ul li.default a, .select-other .header-menu.has-button-menu .button-menu ul li.default .link {
  color: #fff;
  background-color: #0650D0;
}
.select-other .header-menu.has-button-menu .button-menu ul li.default a:hover, .select-other .header-menu.has-button-menu .button-menu ul li.default .link:hover {
  background-color: #0650D0;
}
.select-other .header-menu.has-button-menu .button-menu ul li a, .select-other .header-menu.has-button-menu .button-menu ul li .link {
  color: #0650D0;
  text-align: center;
  border: 1px solid rgba(0, 97, 161, 0.33);
  border-radius: 2px;
  background-color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0;
  transition: box-shadow 0.15s ease;
}
.select-other .header-menu.has-button-menu .button-menu ul li a:hover, .select-other .header-menu.has-button-menu .button-menu ul li .link:hover {
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.select-other .header-menu.has-button-menu .button-menu ul li a.active, .select-other .header-menu.has-button-menu .button-menu ul li .link.active {
  font-weight: normal;
}
.select-other .header-menu-block {
  box-sizing: border-box;
  width: 280px;
  float: left;
  padding: 0 15px 0 0;
}
.select-other .header-menu-block ul.assistants, .select-other .header-menu-block ul.accounts {
  max-height: 250px;
  margin-bottom: 0;
  overflow: auto;
}
.select-other .header-menu-block ul.assistants li, .select-other .header-menu-block ul.accounts li {
  position: relative;
}
.select-other .header-menu-block ul.assistants li a, .select-other .header-menu-block ul.assistants li .link, .select-other .header-menu-block ul.accounts li a, .select-other .header-menu-block ul.accounts li .link {
  height: 35px;
  line-height: 35px;
}
.select-other .header-menu-block ul.assistants li:hover a, .select-other .header-menu-block ul.assistants li:hover .link, .select-other .header-menu-block ul.accounts li:hover a, .select-other .header-menu-block ul.accounts li:hover .link {
  color: #0650D0;
}
.select-other .header-menu-block ul.assistants li.current a, .select-other .header-menu-block ul.assistants li.current .link, .select-other .header-menu-block ul.accounts li.current a, .select-other .header-menu-block ul.accounts li.current .link {
  font-weight: bold;
  color: #0650D0;
}
.select-other .header-menu-block ul.assistants li.current a:after, .select-other .header-menu-block ul.assistants li.current .link:after, .select-other .header-menu-block ul.accounts li.current a:after, .select-other .header-menu-block ul.accounts li.current .link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 100%;
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/fake-checkbox-9f53805aba85c18c984947278ee03e87.svg") no-repeat right center;
}
.select-other .header-menu-block ul.assistants li.current .icon, .select-other .header-menu-block ul.accounts li.current .icon {
  visibility: visible;
}
.select-other .header-menu-block ul.assistants li .signature, .select-other .header-menu-block ul.accounts li .signature {
  position: absolute;
  top: 4px;
  left: 20px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  font-size: 1.2rem;
}
.select-other .header-menu-block ul.assistants li .signature img, .select-other .header-menu-block ul.accounts li .signature img {
  width: 100%;
}
.select-other .header-menu-block ul.assistants li a, .select-other .header-menu-block ul.assistants li .link, .select-other .header-menu-block ul.accounts li a, .select-other .header-menu-block ul.accounts li .link {
  padding-left: 70px;
}
.select-other .header-menu-block ul li {
  overflow: hidden;
  margin-bottom: 3px;
}
.select-other li {
  float: left;
  position: relative;
  padding-bottom: 6px;
}
.select-other li li {
  float: none;
}
.select-other li:hover .header-menu {
  top: 55px;
  opacity: 1;
}
.select-other .inner {
  padding: 0 15px;
  width: 25px;
}
.select-other .header-button:hover .superuser-icon {
  color: #0650D0;
}
.select-other .header-button.active .superuser-icon {
  color: #0650D0;
}

.unseen-notifications {
  position: absolute;
  top: 16px;
  right: 17px;
  border: 1px solid white;
  border-radius: 50%;
  height: 7px;
  width: 7px;
  background: #ff3823;
  display: none;
}
.unseen-notifications.active {
  display: block;
  animation: bounce linear 0.5s 3;
}

.select-other li li, .select-account ul li {
  white-space: nowrap;
  padding: 0;
}
.select-other li li .filter, .select-account ul li .filter {
  background: #0650D0;
  color: #fff;
  padding: 5px;
  font-size: 1.2rem;
}
.select-other li li .filter label, .select-account ul li .filter label {
  margin-right: 5px;
}
.select-other li li a, .select-other li li .link, .select-other li li .info, .select-account ul li a, .select-account ul li .link, .select-account ul li .info {
  color: #515151;
  line-height: 30px;
  height: 30px;
  padding: 0 10px 0 20px;
  font-size: 1.2rem;
  text-decoration: none;
  display: block;
}
.select-other li li a:hover, .select-other li li .link:hover, .select-other li li .info:hover, .select-account ul li a:hover, .select-account ul li .link:hover, .select-account ul li .info:hover {
  color: #0650D0;
}
.select-other li li a.active, .select-other li li .link.active, .select-other li li .info.active, .select-account ul li a.active, .select-account ul li .link.active, .select-account ul li .info.active {
  color: #0650D0;
}
.select-other li li .info:hover, .select-account ul li .info:hover {
  background-color: transparent;
  cursor: default;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
  }
  18% {
    -webkit-transform: translateY(-120%);
  }
  35% {
    -webkit-transform: translateY(0%);
  }
  58% {
    -webkit-transform: translateY(-57%);
  }
  77% {
    -webkit-transform: translateY(0%);
  }
  90% {
    -webkit-transform: translateY(-22%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
#wrapper {
  color: #515151;
  min-width: 1407px;
  width: 100%;
  z-index: 1;
}

#content {
  bottom: 0;
  clear: both;
  color: #515151;
  left: 0;
  min-width: 1377px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 70px;
}

.separator {
  clear: both;
  border: 1px solid #efefef;
  width: 100%;
  margin-bottom: 1em;
}

.collapse {
  padding: 0;
}

.srxp-loader {
  margin: auto;
  width: 65px;
}
.srxp-loader .x .row {
  font-size: 0;
}
.srxp-loader .x .row .chunk {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 -4px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 14.419536px solid #ff3823;
  animation: srxp-loader-blink 1.1s infinite;
}
.srxp-loader .x .row .chunk.down {
  transform: rotate(180deg);
}
.srxp-loader .x .row .chunk.empty {
  visibility: hidden;
}
.srxp-loader .x .row .chunk.outer-1, .srxp-loader .x .row .chunk.inner-1 {
  animation-delay: -0.0458333333s;
}
.srxp-loader .x .row .chunk.outer-2, .srxp-loader .x .row .chunk.inner-2 {
  animation-delay: -0.0916666667s;
}
.srxp-loader .x .row .chunk.outer-3, .srxp-loader .x .row .chunk.inner-3 {
  animation-delay: -0.1375s;
}
.srxp-loader .x .row .chunk.outer-4, .srxp-loader .x .row .chunk.inner-4 {
  animation-delay: -0.1833333333s;
}
.srxp-loader .x .row .chunk.outer-5, .srxp-loader .x .row .chunk.inner-5 {
  animation-delay: -0.2291666667s;
}
.srxp-loader .x .row .chunk.outer-6, .srxp-loader .x .row .chunk.inner-6 {
  animation-delay: -0.275s;
}
.srxp-loader .x .row .chunk.outer-7, .srxp-loader .x .row .chunk.inner-7 {
  animation-delay: -0.3208333333s;
}
.srxp-loader .x .row .chunk.outer-8, .srxp-loader .x .row .chunk.inner-8 {
  animation-delay: -0.3666666667s;
}
.srxp-loader .x .row .chunk.outer-9, .srxp-loader .x .row .chunk.inner-9 {
  animation-delay: -0.4125s;
}
.srxp-loader .x .row .chunk.outer-10, .srxp-loader .x .row .chunk.inner-10 {
  animation-delay: -0.4583333333s;
}
.srxp-loader .x .row .chunk.outer-11, .srxp-loader .x .row .chunk.inner-11 {
  animation-delay: -0.5041666667s;
}
.srxp-loader .x .row .chunk.outer-12, .srxp-loader .x .row .chunk.inner-12 {
  animation-delay: -0.55s;
}
.srxp-loader .x .row .chunk.outer-13, .srxp-loader .x .row .chunk.inner-13 {
  animation-delay: -0.5958333333s;
}
.srxp-loader .x .row .chunk.outer-14, .srxp-loader .x .row .chunk.inner-14 {
  animation-delay: -0.6416666667s;
}
.srxp-loader .x .row .chunk.outer-15, .srxp-loader .x .row .chunk.inner-15 {
  animation-delay: -0.6875s;
}
.srxp-loader .x .row .chunk.outer-16, .srxp-loader .x .row .chunk.inner-16 {
  animation-delay: -0.7333333333s;
}
.srxp-loader .x .row .chunk.outer-17, .srxp-loader .x .row .chunk.inner-17 {
  animation-delay: -0.7791666667s;
}
.srxp-loader .x .row .chunk.outer-18, .srxp-loader .x .row .chunk.inner-18 {
  animation-delay: -0.825s;
}
.srxp-loader .x .row .chunk.outer-19, .srxp-loader .x .row .chunk.inner-19 {
  animation-delay: -0.8708333333s;
}
.srxp-loader .x .row .chunk.outer-20, .srxp-loader .x .row .chunk.inner-20 {
  animation-delay: -0.9166666667s;
}
.srxp-loader .x .row .chunk.outer-21, .srxp-loader .x .row .chunk.inner-21 {
  animation-delay: -0.9625s;
}
.srxp-loader .x .row .chunk.outer-22, .srxp-loader .x .row .chunk.inner-22 {
  animation-delay: -1.0083333333s;
}
.srxp-loader .x .row .chunk.outer-23, .srxp-loader .x .row .chunk.inner-23 {
  animation-delay: -1.0541666667s;
}
.srxp-loader .x .row .chunk.outer-24, .srxp-loader .x .row .chunk.inner-24 {
  animation-delay: -1.1s;
}

.exact-loader .powered {
  position: absolute;
  top: 120px;
  right: 45px;
  color: #515151;
}
.exact-loader .powered .srxp {
  font-family: "Museo Sans", Arial, Helvetica, sans-serif;
  color: #0650D0;
}

@keyframes srxp-loader-blink {
  0% {
    opacity: 0.5;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes exact-loader-shine {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
.loading-spinner {
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
  height: 32px;
}

.border {
  border: #e5e5e5 solid 1px;
}
.border-soft {
  border: #efefef solid 1px;
}

.border-bottom {
  border-bottom: #e5e5e5 solid 1px;
}
.border-bottom-soft {
  border-bottom: #efefef solid 1px;
}

.border-top {
  border-top: #e5e5e5 solid 1px;
}
.border-top-soft {
  border-top: #efefef solid 1px;
}

.border-right {
  border-right: #e5e5e5 solid 1px;
}
.border-right-soft {
  border-right: #efefef solid 1px;
}

.border-left {
  border-left: #e5e5e5 solid 1px;
}
.border-left-soft {
  border-left: #efefef solid 1px;
}

.bg-red {
  background-color: tomato;
}

.bg-blue {
  background-color: blue;
}

.bg-yellow {
  background-color: yellow;
}

.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.flex-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: stretch;
}

.flex-space-between {
  align-items: stretch;
  justify-content: space-between;
}

.center-flex {
  align-items: center;
  justify-content: center;
}

.flex-1 {
  display: flex;
  flex: 1;
}

.flex-2 {
  display: flex;
  flex: 2;
}

.flex-3 {
  display: flex;
  flex: 3;
}

.flex-4 {
  display: flex;
  flex: 4;
}

.flex-5 {
  display: flex;
  flex: 5;
}

.flex-6 {
  display: flex;
  flex: 6;
}

.flex-7 {
  display: flex;
  flex: 7;
}

.flex-8 {
  display: flex;
  flex: 8;
}

.row {
  display: block;
  clear: both;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.border-bottom {
  border-bottom: #e5e5e5 solid 1px;
}

.pre-line {
  white-space: pre-line;
}

.center-align {
  text-align: center;
}

.box {
  display: block;
  width: 100%;
}
.box .box-left {
  float: left;
}

.container {
  display: block;
  width: 100%;
}
.container:after {
  content: "";
  clear: both;
}
.container .container__box {
  display: block;
  float: left;
}
.container .container__box.right {
  float: right;
}
.container .container__box.container__box--1 {
  width: 6.25%;
}
.container .container__box.container__box--min-width-1 {
  min-width: 87.9375pxpx;
}
.container .container__box.container__box--max-width-1 {
  max-width: 87.9375pxpx;
}
.container .container__box.container__box--2 {
  width: 12.5%;
}
.container .container__box.container__box--min-width-2 {
  min-width: 175.875pxpx;
}
.container .container__box.container__box--max-width-2 {
  max-width: 175.875pxpx;
}
.container .container__box.container__box--3 {
  width: 18.75%;
}
.container .container__box.container__box--min-width-3 {
  min-width: 263.8125pxpx;
}
.container .container__box.container__box--max-width-3 {
  max-width: 263.8125pxpx;
}
.container .container__box.container__box--4 {
  width: 25%;
}
.container .container__box.container__box--min-width-4 {
  min-width: 351.75pxpx;
}
.container .container__box.container__box--max-width-4 {
  max-width: 351.75pxpx;
}
.container .container__box.container__box--5 {
  width: 31.25%;
}
.container .container__box.container__box--min-width-5 {
  min-width: 439.6875pxpx;
}
.container .container__box.container__box--max-width-5 {
  max-width: 439.6875pxpx;
}
.container .container__box.container__box--6 {
  width: 37.5%;
}
.container .container__box.container__box--min-width-6 {
  min-width: 527.625pxpx;
}
.container .container__box.container__box--max-width-6 {
  max-width: 527.625pxpx;
}
.container .container__box.container__box--7 {
  width: 43.75%;
}
.container .container__box.container__box--min-width-7 {
  min-width: 615.5625pxpx;
}
.container .container__box.container__box--max-width-7 {
  max-width: 615.5625pxpx;
}
.container .container__box.container__box--8 {
  width: 50%;
}
.container .container__box.container__box--min-width-8 {
  min-width: 703.5pxpx;
}
.container .container__box.container__box--max-width-8 {
  max-width: 703.5pxpx;
}
.container .container__box.container__box--9 {
  width: 56.25%;
}
.container .container__box.container__box--min-width-9 {
  min-width: 791.4375pxpx;
}
.container .container__box.container__box--max-width-9 {
  max-width: 791.4375pxpx;
}
.container .container__box.container__box--10 {
  width: 62.5%;
}
.container .container__box.container__box--min-width-10 {
  min-width: 879.375pxpx;
}
.container .container__box.container__box--max-width-10 {
  max-width: 879.375pxpx;
}
.container .container__box.container__box--11 {
  width: 68.75%;
}
.container .container__box.container__box--min-width-11 {
  min-width: 967.3125pxpx;
}
.container .container__box.container__box--max-width-11 {
  max-width: 967.3125pxpx;
}
.container .container__box.container__box--12 {
  width: 75%;
}
.container .container__box.container__box--min-width-12 {
  min-width: 1055.25pxpx;
}
.container .container__box.container__box--max-width-12 {
  max-width: 1055.25pxpx;
}
.container .container__box.container__box--13 {
  width: 81.25%;
}
.container .container__box.container__box--min-width-13 {
  min-width: 1143.1875pxpx;
}
.container .container__box.container__box--max-width-13 {
  max-width: 1143.1875pxpx;
}
.container .container__box.container__box--14 {
  width: 87.5%;
}
.container .container__box.container__box--min-width-14 {
  min-width: 1231.125pxpx;
}
.container .container__box.container__box--max-width-14 {
  max-width: 1231.125pxpx;
}
.container .container__box.container__box--15 {
  width: 93.75%;
}
.container .container__box.container__box--min-width-15 {
  min-width: 1319.0625pxpx;
}
.container .container__box.container__box--max-width-15 {
  max-width: 1319.0625pxpx;
}
.container .container__box.container__box--16 {
  width: 100%;
}
.container .container__box.container__box--min-width-16 {
  min-width: 1407pxpx;
}
.container .container__box.container__box--max-width-16 {
  max-width: 1407pxpx;
}
.container .container__box.container__box--17 {
  width: 106.25%;
}
.container .container__box.container__box--min-width-17 {
  min-width: 1494.9375pxpx;
}
.container .container__box.container__box--max-width-17 {
  max-width: 1494.9375pxpx;
}
.container .container__box.container__box--2 {
  margin-left: 10%;
}
.container--input-sized {
  width: 542.5px;
}
.container--gutter .container__box.container__box--1 {
  width: 4.6666666667%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--1:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--1:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-1 {
  min-width: 4.6666666667%;
}
.container--gutter .container__box.container__box--max-width-1 {
  max-width: 4.6666666667%;
}
.container--gutter .container__box.container__box--2 {
  width: 13.3333333333%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--2:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--2:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-2 {
  min-width: 13.3333333333%;
}
.container--gutter .container__box.container__box--max-width-2 {
  max-width: 13.3333333333%;
}
.container--gutter .container__box.container__box--3 {
  width: 22%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--3:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--3:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-3 {
  min-width: 22%;
}
.container--gutter .container__box.container__box--max-width-3 {
  max-width: 22%;
}
.container--gutter .container__box.container__box--4 {
  width: 30.6666666667%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--4:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--4:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-4 {
  min-width: 30.6666666667%;
}
.container--gutter .container__box.container__box--max-width-4 {
  max-width: 30.6666666667%;
}
.container--gutter .container__box.container__box--5 {
  width: 39.3333333333%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--5:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--5:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-5 {
  min-width: 39.3333333333%;
}
.container--gutter .container__box.container__box--max-width-5 {
  max-width: 39.3333333333%;
}
.container--gutter .container__box.container__box--6 {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--6:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--6:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-6 {
  min-width: 48%;
}
.container--gutter .container__box.container__box--max-width-6 {
  max-width: 48%;
}
.container--gutter .container__box.container__box--7 {
  width: 56.6666666667%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--7:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--7:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-7 {
  min-width: 56.6666666667%;
}
.container--gutter .container__box.container__box--max-width-7 {
  max-width: 56.6666666667%;
}
.container--gutter .container__box.container__box--8 {
  width: 65.3333333333%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--8:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--8:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-8 {
  min-width: 65.3333333333%;
}
.container--gutter .container__box.container__box--max-width-8 {
  max-width: 65.3333333333%;
}
.container--gutter .container__box.container__box--9 {
  width: 74%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--9:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--9:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-9 {
  min-width: 74%;
}
.container--gutter .container__box.container__box--max-width-9 {
  max-width: 74%;
}
.container--gutter .container__box.container__box--10 {
  width: 82.6666666667%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--10:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--10:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-10 {
  min-width: 82.6666666667%;
}
.container--gutter .container__box.container__box--max-width-10 {
  max-width: 82.6666666667%;
}
.container--gutter .container__box.container__box--11 {
  width: 91.3333333333%;
  margin-left: 1%;
  margin-right: 1%;
}
.container--gutter .container__box.container__box--11:first-child {
  margin-left: 0;
}
.container--gutter .container__box.container__box--11:last-child {
  margin-right: 0;
}
.container--gutter .container__box.container__box--min-width-11 {
  min-width: 91.3333333333%;
}
.container--gutter .container__box.container__box--max-width-11 {
  max-width: 91.3333333333%;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.margin-0 {
  margin: 0px;
}

.margin-0-important {
  margin: 0px !important;
}

.padding-0 {
  padding: 0px;
}

.padding-0-important {
  padding: 0px !important;
}

.height-0 {
  height: 0px;
}

.width-0 {
  width: 0px;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.margin-5 {
  margin: 5px;
}

.margin-5-important {
  margin: 5px !important;
}

.padding-5 {
  padding: 5px;
}

.padding-5-important {
  padding: 5px !important;
}

.height-5 {
  height: 5px;
}

.width-5 {
  width: 5px;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.margin-10 {
  margin: 10px;
}

.margin-10-important {
  margin: 10px !important;
}

.padding-10 {
  padding: 10px;
}

.padding-10-important {
  padding: 10px !important;
}

.height-10 {
  height: 10px;
}

.width-10 {
  width: 10px;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.margin-15 {
  margin: 15px;
}

.margin-15-important {
  margin: 15px !important;
}

.padding-15 {
  padding: 15px;
}

.padding-15-important {
  padding: 15px !important;
}

.height-15 {
  height: 15px;
}

.width-15 {
  width: 15px;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.margin-20 {
  margin: 20px;
}

.margin-20-important {
  margin: 20px !important;
}

.padding-20 {
  padding: 20px;
}

.padding-20-important {
  padding: 20px !important;
}

.height-20 {
  height: 20px;
}

.width-20 {
  width: 20px;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.margin-25 {
  margin: 25px;
}

.margin-25-important {
  margin: 25px !important;
}

.padding-25 {
  padding: 25px;
}

.padding-25-important {
  padding: 25px !important;
}

.height-25 {
  height: 25px;
}

.width-25 {
  width: 25px;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.margin-30 {
  margin: 30px;
}

.margin-30-important {
  margin: 30px !important;
}

.padding-30 {
  padding: 30px;
}

.padding-30-important {
  padding: 30px !important;
}

.height-30 {
  height: 30px;
}

.width-30 {
  width: 30px;
}

.margin-top-35 {
  margin-top: 35px !important;
}

.padding-top-35 {
  padding-top: 35px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.padding-bottom-35 {
  padding-bottom: 35px !important;
}

.margin-left-35 {
  margin-left: 35px !important;
}

.padding-left-35 {
  padding-left: 35px !important;
}

.margin-right-35 {
  margin-right: 35px !important;
}

.padding-right-35 {
  padding-right: 35px !important;
}

.margin-35 {
  margin: 35px;
}

.margin-35-important {
  margin: 35px !important;
}

.padding-35 {
  padding: 35px;
}

.padding-35-important {
  padding: 35px !important;
}

.height-35 {
  height: 35px;
}

.width-35 {
  width: 35px;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.margin-40 {
  margin: 40px;
}

.margin-40-important {
  margin: 40px !important;
}

.padding-40 {
  padding: 40px;
}

.padding-40-important {
  padding: 40px !important;
}

.height-40 {
  height: 40px;
}

.width-40 {
  width: 40px;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.padding-top-45 {
  padding-top: 45px !important;
}

.margin-bottom-45 {
  margin-bottom: 45px !important;
}

.padding-bottom-45 {
  padding-bottom: 45px !important;
}

.margin-left-45 {
  margin-left: 45px !important;
}

.padding-left-45 {
  padding-left: 45px !important;
}

.margin-right-45 {
  margin-right: 45px !important;
}

.padding-right-45 {
  padding-right: 45px !important;
}

.margin-45 {
  margin: 45px;
}

.margin-45-important {
  margin: 45px !important;
}

.padding-45 {
  padding: 45px;
}

.padding-45-important {
  padding: 45px !important;
}

.height-45 {
  height: 45px;
}

.width-45 {
  width: 45px;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.margin-50 {
  margin: 50px;
}

.margin-50-important {
  margin: 50px !important;
}

.padding-50 {
  padding: 50px;
}

.padding-50-important {
  padding: 50px !important;
}

.height-50 {
  height: 50px;
}

.width-50 {
  width: 50px;
}

.margin-top-65 {
  margin-top: 65px !important;
}

.padding-top-65 {
  padding-top: 65px !important;
}

.margin-bottom-65 {
  margin-bottom: 65px !important;
}

.padding-bottom-65 {
  padding-bottom: 65px !important;
}

.margin-left-65 {
  margin-left: 65px !important;
}

.padding-left-65 {
  padding-left: 65px !important;
}

.margin-right-65 {
  margin-right: 65px !important;
}

.padding-right-65 {
  padding-right: 65px !important;
}

.margin-65 {
  margin: 65px;
}

.margin-65-important {
  margin: 65px !important;
}

.padding-65 {
  padding: 65px;
}

.padding-65-important {
  padding: 65px !important;
}

.height-65 {
  height: 65px;
}

.width-65 {
  width: 65px;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.margin-75 {
  margin: 75px;
}

.margin-75-important {
  margin: 75px !important;
}

.padding-75 {
  padding: 75px;
}

.padding-75-important {
  padding: 75px !important;
}

.height-75 {
  height: 75px;
}

.width-75 {
  width: 75px;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.margin-100 {
  margin: 100px;
}

.margin-100-important {
  margin: 100px !important;
}

.padding-100 {
  padding: 100px;
}

.padding-100-important {
  padding: 100px !important;
}

.height-100 {
  height: 100px;
}

.width-100 {
  width: 100px;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.prev-next-buttons {
  gap: 5px;
  display: flex;
}

/**
   Button styles
 */
.button {
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #fff;
  font-size: 13px;
  color: #515151;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  padding: 5px 8px;
  padding-bottom: 9px;
  padding-bottom: 7px;
  padding-top: 7px;
  display: inline-block;
  background-clip: padding-box;
  vertical-align: middle;
  outline: none;
  position: relative;
  cursor: pointer;
}
.button:active {
  box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
  transform: translateY(1px);
}
.button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.button:hover {
  color: #515151;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
.button.pressed {
  color: #515151;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  background-color: #f0f0f0;
}
.button span.white {
  color: #515151;
}
.button.white {
  background-color: #fff;
  border-color: #d2d2d2;
  color: #515151;
}
.button.white:hover {
  color: #515151;
  background-color: #f2f2f2;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.orange {
  color: #fff;
}
.button.orange {
  background-color: #DBAE29;
  border-color: #DBAE29;
  color: #fff;
}
.button.orange:hover {
  color: #fff;
  background-color: #c99f22;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.grey {
  color: #7d7d7d;
}
.button.grey {
  background-color: #f2f2f2;
  border-color: #d2d2d2;
  color: #7d7d7d;
}
.button.grey:hover {
  color: #7d7d7d;
  background-color: #e5e5e5;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.blue {
  color: #fff;
}
.button.blue {
  background-color: #0650D0;
  border-color: #0650D0;
  color: #fff;
}
.button.blue:hover {
  color: #fff;
  background-color: #0546b7;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.yellow {
  color: #fff;
}
.button.yellow {
  background-color: #f7b947;
  border-color: #f7b947;
  color: #fff;
}
.button.yellow:hover {
  color: #fff;
  background-color: #f6b02f;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.purple {
  color: #fff;
}
.button.purple {
  background-color: #8200DF;
  border-color: #8200DF;
  color: #fff;
}
.button.purple:hover {
  color: #fff;
  background-color: #7300c6;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.green {
  color: #fff;
}
.button.green {
  background-color: #37B37E;
  border-color: #37B37E;
  color: #fff;
}
.button.green:hover {
  color: #fff;
  background-color: #319f70;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.red {
  color: #fff;
}
.button.red {
  background-color: #ff3823;
  border-color: #ff3823;
  color: #fff;
}
.button.red:hover {
  color: #fff;
  background-color: #ff210a;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.button-delete {
  color: #ff3823;
}
.button.button-delete {
  background-color: #fff;
  border-color: #c4c4c4;
  color: #ff3823;
}
.button.button-delete:hover {
  color: #ff3823;
  background-color: #f2f2f2;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button span.gray {
  color: #515151;
}
.button.gray {
  background-color: #fff;
  border-color: #515151;
  color: #515151;
}
.button.gray:hover {
  color: #515151;
  background-color: #f2f2f2;
}
.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.button.small {
  padding: 4px 7px 7px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
}
.button.small span {
  height: 14px;
  line-height: 14px;
}
.button.disabled, .button.disabled:hover, .button.disabled:active {
  background-color: #f2f2f2;
  border-color: #d2d2d2;
  cursor: default;
  outline: none;
  color: #777777;
  padding-top: 7px;
  padding-bottom: 7px;
}
.button.disabled.small, .button.disabled:hover.small, .button.disabled:active.small {
  padding-top: 4px;
  padding-bottom: 4px;
}
.button.disabled svg, .button.disabled:hover svg, .button.disabled:active svg {
  color: #515151;
}
.button.disabled:hover, .button.disabled:hover:hover, .button.disabled:active:hover {
  box-shadow: none;
}
.button.disabled:active, .button.disabled:hover:active, .button.disabled:active:active {
  box-shadow: none;
  transform: none;
}
.button.low-opacity {
  opacity: 0.5;
  cursor: not-allowed;
}
.button.right {
  float: right;
}
.button.align-filter {
  position: relative;
  right: 13px;
}
.button.align-filter span {
  margin-left: 0 !important;
}
.button.business-rule-filter {
  right: 10px;
}
.button.business-rule-filter span {
  margin-left: 0 !important;
}
.button .tooltip {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #626263;
  border-radius: 3px;
  bottom: 125%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 120px;
  z-index: 19;
}
.button .tooltip.hint {
  color: #000;
  background-color: #fff;
}
.button .tooltip.hover {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}
.button .tooltip p {
  font-size: 0.9em !important;
  padding: 2px 0 2px 0 !important;
  color: #fff;
  text-align: center;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto;
  white-space: normal;
}
.button .tooltip p::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

a.button {
  text-decoration: none;
}

.button span span span {
  padding: 0;
  margin: 0;
}

.data-wrapper {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 15px;
  left: 15px;
}
.data-wrapper .data {
  top: 70px;
}
.data-wrapper.interface-details {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 240px;
}
.data-wrapper#superuser {
  padding: 0;
}

#export-data-wrapper,
#trips-data-wrapper {
  top: 5px;
}

.data-header {
  height: 34px;
  line-height: 34px;
}
.data-header h1 {
  float: left;
  height: 34px;
  line-height: 34px;
}
.data-header h1 a {
  text-decoration: none;
  color: inherit;
}
.data-header .actions {
  text-align: right;
  margin-top: 20px;
}
.data-header .actions .dropdown {
  vertical-align: middle;
  text-align: left;
  margin-left: 5px;
  top: 40px;
}
.data-header .actions .dropdown .button {
  top: 0;
}
.data-header .actions .dropdown.small {
  margin-left: 0;
}
.data-header .actions .button {
  vertical-align: middle;
  text-align: left;
  margin-left: 5px;
  top: 40px;
}
.data-header .actions .button.small {
  margin-left: 0;
}
.data-header .actions .dropdown-button .button {
  margin-left: 0;
  outline: none;
}
.data-header .left {
  float: left;
}
.data-header .right {
  float: right;
  text-align: right;
}

.data-head {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 1;
  border-bottom: 2px solid #efefef;
}

.data-body {
  position: absolute;
  top: 78px;
  left: 0;
  bottom: 0;
  right: 0;
}
.data-body table {
  position: absolute;
  table-layout: fixed;
  top: 0;
  left: 0;
}

.no-pagination .data-head {
  top: 15px;
}
.no-pagination .data-body {
  top: 53px;
}

.data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.data table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
  background-color: #fff;
}
.data a {
  color: #515151;
  text-decoration: none;
}
.data a:hover {
  color: #515151;
}
.data a.link {
  cursor: pointer;
  outline: none;
  color: #0650D0;
  text-decoration: none;
  font-size: 1.2rem;
}
.data a.link:hover, .data a.link.hover {
  color: #124b66;
  text-decoration: none;
}
.data th {
  white-space: nowrap;
}
.data .sortable:after {
  content: "";
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/sort-none-cd3419417cf5e1fd03b460188d5f78f3.svg") no-repeat center center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -6px;
  top: 4px;
  transform: scale(0.4);
}
.data .asc, .data .desc {
  font-weight: 800;
}
.data .asc:after {
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/sort-asc-a49a607b4f78ce725920d9e3dbe3534d.svg") no-repeat center center;
}
.data .desc:after {
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/sort-desc-e2db8f158fd0ee11859bb9edea5f8831.svg") no-repeat right center;
}
.data td, .data th {
  position: relative;
  height: 37px;
  padding: 0 10px;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
.data td.disabled, .data th.disabled {
  background-color: #f2f2f2;
}
.data .attachment {
  position: relative;
}
.data td.attachment, .data td.has-report {
  position: relative;
}
.data td.approver-list {
  background-color: inherit;
}
.data .amount {
  text-align: right;
}
.data .currency, .data .hours, .data .travel-unit {
  width: 40px;
}
.data th {
  font-weight: 600;
}
.data th.count {
  width: 200px;
}
.data th a {
  font-weight: bold;
  display: block;
}
.data td.id.has-details, .data td.icon.has-details, .data th.id.has-details, .data th.icon.has-details {
  width: 45px;
}
.data td.id, .data th.id {
  text-align: center;
  width: 55px;
  padding: 0;
}
.data td.date, .data th.date {
  width: 80px;
}
.data td.amount, .data th.amount {
  width: 80px;
  text-align: right;
}
.data td.payment, .data th.payment {
  width: 15%;
}
.data td.name, .data th.name {
  width: 10%;
}
.data td.travel_fee, .data th.travel_fee {
  width: 4%;
}
.data td.travel_allowance, .data th.travel_allowance {
  width: 4%;
}
.data td.checkbox {
  position: relative;
}
.data.fix-header th {
  width: auto;
}
.data .loading td {
  height: 62px;
  text-indent: -9999px;
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
}
.data .loading td .link {
  display: none;
}
.data .indicator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  display: none;
}
.data th.details {
  width: 20px;
  text-align: center;
}
.data th.details .icon {
  vertical-align: middle;
}
.data td.details {
  width: 20px;
  text-align: center;
}
.data td.details-view {
  width: 20px;
  text-align: center;
}
.data td.empty-currency {
  cursor: default;
}
.data td.expense-date {
  position: relative;
}
.data .no-report {
  width: 20px;
}
.data .has-report {
  width: 20px;
  text-align: center;
}
.data .has-report .icon {
  vertical-align: middle;
}
.data .attachment {
  width: 20px;
  text-align: center;
}
.data .attachment .icon {
  vertical-align: middle;
}
.data th.has-report {
  text-indent: -110px;
  overflow: hidden;
}
.data .login-as-admin, .data .add-transactions, .data .export-formats,
.data .import-formats, .data .addons, .data .details-view, .data .details {
  width: 20px;
  text-align: center;
}
.data .login-as-admin .icon, .data .add-transactions .icon, .data .export-formats .icon,
.data .import-formats .icon, .data .addons .icon, .data .details-view .icon, .data .details .icon {
  vertical-align: middle;
}
.data .login-as-admin {
  width: 30px;
}
.data th.details-view {
  text-indent: -100px;
  overflow: hidden;
}
.data .truncated {
  display: block;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
}
.data .truncated .value {
  display: block;
}
.data .static {
  overflow: hidden;
}
.data span.static {
  display: block;
}
.data.readonly table {
  border: 1px solid #e5e5e5;
}
.data.readonly td, .data.readonly th {
  border-width: 0;
  padding: 1px 11px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
}
.data.readonly th {
  border-bottom-width: 1px;
}
.data .display-property {
  overflow: hidden;
}
.data.superuser td {
  overflow: hidden;
}
.data.superuser td.account-manager {
  overflow: visible;
}
.data .data-pagination {
  box-shadow: none;
}

.fix-header {
  display: block;
}
.fix-header .data-head-wrapper {
  display: flex;
  max-width: 1000%;
  position: relative;
  top: 40px;
  justify-content: stretch;
  align-items: stretch;
}
.fix-header .data-head-wrapper tr {
  display: inline-flex;
  max-width: 100%;
  justify-content: center;
  flex-direction: row;
  flex-grow: 2;
}
.fix-header .data-head-wrapper tr th {
  min-width: 61px;
  width: 200px;
  flex-grow: 1;
}
.fix-header .data-head table {
  display: block;
  box-sizing: border-box;
  height: 39px;
}
.fix-header th {
  position: relative;
  top: 0;
  display: block;
  overflow: hidden;
  line-height: 37px;
}
.fix-header .last, .fix-header.readonly th {
  margin-right: 0;
}

.fill-cell, .data .details a {
  display: block;
  padding: 10px;
  margin: -10px;
}

.data .details a {
  text-align: center;
}

.data-pagination {
  position: relative;
  left: 0;
  right: 0;
  height: 40px;
  line-height: 28px;
  font-size: 13px;
  font-weight: 300;
  color: #515151;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  background-color: white;
}
.data-pagination .selection {
  position: absolute;
  left: 20px;
  margin-top: 6px;
}
.data-pagination .selection a, .data-pagination .selection .link {
  color: #515151;
  text-decoration: underline;
}
.data-pagination .selection a:hover, .data-pagination .selection .link:hover {
  color: #515151;
  text-decoration: none;
}
.data-pagination .navigation {
  position: absolute;
  text-align: right;
  right: 0;
  bottom: 5px;
  display: flex;
  align-items: center;
}
.data-pagination .navigation [data-test-customize-anchor] {
  color: #0650D0;
}
.data-pagination .navigation .column-selection {
  position: relative;
  margin-right: 15px;
}
.data-pagination .navigation .column-selection .arr-wrapper {
  top: 2px;
}
.data-pagination .from-to {
  font-weight: 300;
}
.data-pagination .button.refresh {
  margin: 0 10px 0 10px;
  padding: 4px 7px 4px 7px;
  position: relative;
  vertical-align: bottom;
  border: none;
}
.data-pagination .button.refresh:hover {
  box-shadow: none;
  transform: none;
  outline: none;
}
.data-pagination .nav {
  display: inline-block;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  background-color: #fff;
  width: 25px;
  height: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.data-pagination .nav:hover {
  border: 1px solid #0650D0;
}
.data-pagination .nav.disabled:hover {
  background-color: #fff;
  border-color: #d2d2d2;
  cursor: default;
}
.data-pagination .disabled {
  background-color: #f2f2f2;
  border-color: #d2d2d2;
  cursor: default;
  outline: none;
  color: #777777;
  color: #ccc;
  text-decoration: none;
}
.data-pagination .disabled:hover {
  color: #ccc;
}
.data-pagination .first {
  border-radius: 2px 0 0 2px;
  border-right: none;
}
.data-pagination .first:hover {
  border-radius: 2px 0 0 2px;
  border-top: 1px solid #d2d2d2;
  border-right: none;
  border-left: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.data-pagination .last {
  border-radius: 0 2px 2px 0;
  border-left: none;
  margin-right: 17px;
}
.data-pagination .last:hover {
  border-radius: 0 2px 2px 0;
  border-top: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-left: none;
}
.data-pagination .previous, .data-pagination .next {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.data-pagination .previous:hover, .data-pagination .next:hover {
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.data-pagination .range {
  margin-right: 15px;
}

.standard-table, .table-wrapper, .srxp-chart-table > .table {
  position: relative;
  min-height: 10vh;
  margin-top: 15px;
  overflow: auto;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-height: 679px) {
  .standard-table {
    max-height: 58vh;
  }
}
@media only screen and (max-height: 999px) and (min-height: 680px) {
  .standard-table {
    max-height: 68vh;
  }
}
@media only screen and (min-height: 1000px) {
  .standard-table {
    max-height: 75vh;
  }
}

@media only screen and (max-height: 679px) {
  .srxp-chart-table > .table, .table-wrapper > .table {
    max-height: 30vh;
  }
}
@media only screen and (max-height: 999px) and (min-height: 680px) {
  .srxp-chart-table > .table, .table-wrapper > .table {
    max-height: 40vh;
  }
}
@media only screen and (min-height: 1000px) {
  .srxp-chart-table > .table, .table-wrapper > .table {
    max-height: 60vh;
  }
}

.table-wrapper > .table table {
  min-height: 1vh;
}

.table {
  position: relative;
  top: 40px;
}
.table .ember-table {
  font-size: 13px;
  max-height: 100%;
  position: relative;
  min-height: 13vh;
  font-family: "Museo Sans", Arial, Helvetica, sans-serif;
  border: 1px solid transparent !important;
  cursor: auto;
}
.table .ember-table .occluded-content {
  display: block;
  position: relative;
  width: 100%;
  min-height: 0.01px;
  color: transparent;
}
.table .ember-table .et-header-resize-area {
  cursor: col-resize;
  width: 12px;
  height: 30px;
}
.table .ember-table th:not(.is-fixed-right) .et-header-resize-area {
  right: 0;
}
.table .ember-table .et-header-resize-area {
  cursor: col-resize;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
}
.table .ember-table td {
  color: #515151;
  border-bottom: 1px solid #f6f6f6;
}
.table .ember-table td.description, .table .ember-table td.free-field, .table .ember-table td.vendor-project, .table .ember-table td.category, .table .ember-table td.account-display {
  max-width: 90px;
}
.table .ember-table td .icon {
  vertical-align: middle;
}
.table .ember-table td.email {
  max-width: 12ch;
}
.table .ember-table td span .arr-wrapper svg {
  transform: scale(0.75);
  position: relative;
  right: 12px;
}
.table .ember-table td .checkbox {
  vertical-align: middle;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.table .ember-table td .attachment {
  float: right;
  max-width: 20px;
  max-height: 22px;
  border-bottom: none !important;
}
.table .ember-table td .input {
  height: 25px !important;
  margin: -12px -11px 0px -11px !important;
  color: #515151;
}
.table .ember-table td .input .select {
  color: #515151;
}
.table .ember-table td .input :not(.fake-checkbox) {
  border: none !important;
}
.table .ember-table td .input input {
  font-size: 12px !important;
  font-weight: 300;
  color: #515151;
}
.table .ember-table td .input.checkbox {
  margin: auto !important;
}
.table .ember-table td svg {
  color: #787A7A;
}
.table .ember-table tr.action {
  cursor: pointer;
}
.table .ember-table tr.action:hover td {
  background-color: #EEF0FF;
}
.table .ember-table .is-invalid.block td:first-of-type, .table .ember-table .does-violate.block td:first-of-type {
  border-left: 3px solid #ff3823 !important;
}
.table .ember-table .is-invalid.block td.error .icon:first-child, .table .ember-table .does-violate.block td.error .icon:first-child {
  color: #ff3823;
}
.table .ember-table .is-invalid.block .details, .table .ember-table .does-violate.block .details {
  animation: details-flash 0.4s infinite alternate;
}
.table .ember-table .is-invalid.highlight td:first-of-type, .table .ember-table .does-violate.highlight td:first-of-type {
  border-left: 3px solid #FFCD5A !important;
}
.table .ember-table .is-invalid.highlight td.block .icon:first-child, .table .ember-table .does-violate.highlight td.block .icon:first-child {
  color: #FFCD5A;
}
.table .ember-table table {
  border: 0 !important;
  border-collapse: collapse !important;
}
.table .ember-table table thead {
  height: 35px;
}
.table .ember-table table thead th:first-of-type {
  border-left: 3px solid #fff;
}
.table .ember-table table thead th {
  border-bottom: 1px solid #f6f6f6;
  box-shadow: 0 1px 0 #f6f6f6;
  border-top: none;
  border-right: none;
  border-left: none;
  z-index: 10;
  top: 0 !important;
  position: sticky !important;
  padding: 7px 10px;
  font-size: 12px !important;
}
.table .ember-table table thead th .column-type.checkbox {
  width: 20px;
}
.table .ember-table table thead th.icon {
  text-align: center;
}
.table .ember-table table .report {
  position: inherit;
}
.table .ember-table table .report ol.inline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  font-weight: 300;
}
.table .ember-table table .report ol.inline li {
  margin: 0;
  padding: 0;
  display: none;
  font-weight: 300;
}
.table .ember-table table .report ol.inline .row, .table .ember-table table .report ol.inline .approver-1, .table .ember-table table .report ol.inline .approver-2, .table .ember-table table .report ol.inline .trip-1 {
  display: inline;
  font-weight: 300;
}
.table .ember-table table .report ol.inline .row:after, .table .ember-table table .report ol.inline .approver-1:after, .table .ember-table table .report ol.inline .trip-1:after {
  content: ",";
}
.table .ember-table table .report ol.inline .row.last:after, .table .ember-table table .report ol.inline .approver-1.last:after, .table .ember-table table .report ol.inline .trip-1.last:after {
  content: "";
}
.table .ember-table .table-center {
  padding-top: 20px;
  position: absolute;
  display: block;
  width: 100%;
}
.table .ember-table .table-center h2 {
  text-align: center;
}
.table .ember-table .loading-spinner {
  transform: scale(2.5);
  position: relative;
  left: 49%;
}
.table .ember-table tbody td {
  background-color: transparent !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  text-align: left;
  font-size: 12px !important;
  height: 30px;
  margin: -1px -11px;
  font-weight: 300;
}
.table .ember-table tbody td .checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table .ember-table tbody td.center {
  text-align: center;
}
.table .ember-table tbody td:first-of-type {
  border-left: 3px solid #fff !important;
}
.table .ember-table .day {
  position: relative;
  height: 35px;
  margin: auto auto;
}
.table .ember-table .day p {
  position: relative;
  top: 6px;
}
.table .ember-table .day .date-input {
  width: 100%;
  left: 26px;
  bottom: 9px;
}
.table .ember-table .currency {
  left: 10px;
}
.table .ember-table .currency.duties {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
  height: 37px;
}
.table .ember-table .currency.duties .select {
  width: 40px;
}
.table .ember-table .currency.duties .select.amount-input {
  width: 70px;
  left: 0;
}
.table .ember-table .currency.duties .select.amount-input span .arr-wrapper {
  background: transparent;
}
.table .ember-table .currency.duties .select.amount-input span .arr-wrapper:hover {
  background: transparent;
}
.table .ember-table .currency.duties .text.amount-input {
  width: 70px;
  left: 10px;
}
.table .ember-table .currency.duties .text.amount-input input.amount {
  text-align: left;
}
.table .ember-table .currency.mileage {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
  height: 37px;
}
.table .ember-table .currency.mileage .text.amount-input {
  width: 70px;
  left: 10px;
}
.table .ember-table .currency.mileage .text.amount-input input.amount {
  text-align: left;
}
.table .ember-table .currency.timesheet {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
  height: 37px;
}
.table .ember-table .currency.timesheet .text.minutes-input {
  left: 15px;
  width: 70px;
}
.table .ember-table .currency.timesheet .text.minutes-input input.hours {
  text-align: left;
}
.table .ember-table .currency.per-diem-rates {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  height: 37px;
}
.table .ember-table .currency.per-diem-rates .select {
  width: 40px;
}
.table .ember-table .currency.per-diem-rates .select.amount-input {
  width: 70px;
  left: 0;
}
.table .ember-table .currency.per-diem-rates .select.amount-input span .arr-wrapper {
  background: transparent;
}
.table .ember-table .currency.per-diem-rates .select.amount-input span .arr-wrapper:hover {
  background: transparent;
}
.table .ember-table .currency.per-diem-rates .text.amount-input {
  width: 70px;
  left: 10px;
}
.table .ember-table .currency.per-diem-rates .text.amount-input input.amount {
  text-align: left;
}
.table .ember-table .currency.receipt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
  height: 37px;
}
.table .ember-table .currency.receipt .select {
  width: 40px;
}
.table .ember-table .currency.receipt .select.amount-input {
  width: 70px;
  left: 0;
}
.table .ember-table .currency.receipt .select.amount-input span .arr-wrapper {
  background: transparent;
}
.table .ember-table .currency.receipt .select.amount-input span .arr-wrapper:hover {
  background: transparent;
}
.table .ember-table .currency.receipt .text.amount-input {
  width: 70px;
  left: 10px;
}
.table .ember-table .currency.receipt .text.amount-input input.amount {
  text-align: left;
}
.table .ember-table .currency.no-input {
  top: 1px;
  left: 10px;
}
.table .ember-table .currency .minutes-input {
  width: 25%;
  left: 0%;
}
.table .ember-table .currency .amount-input {
  width: 70px;
  left: 30%;
}
.table .ember-table .currency .currency-input {
  width: min-content;
  left: 15px;
}
.table .ember-table .currency .currency-input span .arr-wrapper {
  background: transparent;
}
.table .ember-table .currency .currency-input span .arr-wrapper:hover {
  background: transparent;
}
.table .ember-table .percentage-input {
  text-align: left;
}
.table .ember-table .travel_allowance {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  width: 200px;
  margin-right: 10px !important;
}
.table .ember-table .travel_allowance .amount-input {
  width: 60px;
}
.table .ember-table .travel_allowance .distance-input {
  width: auto;
}
.table .ember-table .travel_allowance .travel-currency-input {
  width: auto;
}
.table .ember-table .br-cell .resource-input {
  float: left;
  width: 54%;
}
.table .ember-table .br-cell .resource-input .current-selection {
  width: 76%;
}
.table .ember-table .br-cell .resource-input.second-input .current-selection {
  width: 90%;
}
.table .ember-table .br-cell .resource-input.second-input .current-selection .arr-wrapper {
  width: 0;
  right: 0;
}
.table .ember-table .triple-cell {
  display: flex;
  align-content: center;
  justify-content: space-around;
  background-color: transparent;
  position: relative;
  padding-top: 8px;
}
.table .ember-table .triple-cell .operator-input {
  width: auto;
  top: 7px;
  margin-right: 10px !important;
}
.table .ember-table .triple-cell .currency-input {
  width: auto;
  top: 7px;
  margin-right: 10px !important;
}
.table .ember-table .triple-cell .operand-high {
  width: 80px;
  top: 7px;
  margin-right: 10px !important;
}
.table .ember-table .triple-cell .operand-low {
  width: 80px;
  top: 7px;
}
.table .ember-table .triple-cell .operand {
  width: 30%;
  top: 7px;
  padding-right: 15px;
}
.table .ember-table .input.cell.select .loading-spinner {
  height: 10px;
  transform: scale(1);
}
.table .ember-table .input.cell.select .arr-wrapper {
  background: white;
  position: absolute;
  width: 5px;
  right: 9px;
}

.table .is-loading .ember-table table {
  height: 120px;
}

table thead th {
  position: sticky;
  top: 0;
  background-color: #edecec;
  border-bottom: none;
  border-right: none;
}
table thead th .table-header-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
table thead th .center {
  text-align: center;
}

tr th a {
  font-size: 12px !important;
  text-align: left;
  color: #0650D0;
  font-weight: normal;
  font-family: "Museo Sans", Arial, Helvetica, sans-serif;
  height: 35px;
  text-decoration: none;
}

tr.et-tr th {
  font-size: 12px !important;
  text-align: left;
  padding-left: 10px;
  background: #ffffff;
  color: #0650D0;
  font-weight: normal;
  font-family: "Museo Sans", Arial, Helvetica, sans-serif;
  height: 40px;
  text-decoration: none;
}
tr.et-tr th .sortable:after {
  content: "";
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/sort-none-cd3419417cf5e1fd03b460188d5f78f3.svg") no-repeat center center;
  width: 20px;
  height: 15px;
  position: absolute;
  margin-left: 5px;
  transform: scale(0.85);
}
tr.et-tr th .asc, tr.et-tr th .desc {
  font-weight: 800;
}
tr.et-tr th .asc:after {
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/sort-asc-a49a607b4f78ce725920d9e3dbe3534d.svg") no-repeat center center;
}
tr.et-tr th .desc:after {
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/sort-desc-e2db8f158fd0ee11859bb9edea5f8831.svg") no-repeat right center;
}

thead th.is-fixed-right {
  border: none !important;
}

.ember-table__text-align-center {
  width: 640px !important;
  min-width: 100px !important;
  max-width: 1408px !important;
  text-align: left;
}

.ember-table__text-align-left {
  width: auto !important;
  max-width: 1408px !important;
  text-align: left;
  margin: auto;
}

.ember-table__text-align-right {
  width: 770px !important;
  min-width: 500px !important;
  max-width: 770px !important;
}

.et-reorder-main-indicator {
  text-align: left;
  color: #0650D0;
  position: absolute;
  z-index: 20;
  background-color: white;
}

.ember-table table tbody tr:hover {
  cursor: pointer;
  background-color: #e5edf8;
}

.ember-table table tbody tr:hover .input.cell.select .arr-wrapper {
  background-color: #e5edf8;
  position: absolute;
  z-index: 5;
  width: 5px;
  right: 9px;
}

.ember-table table tr:nth-child(1):hover {
  background-color: #ffffff;
}

.ember-table .et-toggle-collapse {
  position: relative;
  left: -1em;
}
.ember-table .et-toggle-collapse + .et-cell-content {
  position: relative;
  left: -1em;
}
.ember-table .et-toggle-collapse input[type=checkbox] {
  align-items: center;
  appearance: none;
  display: flex;
  height: 1.25rem;
  justify-content: center;
  outline: 1px solid transparent !important;
  tap-highlight-color: none;
  user-select: none;
  width: 1.25rem;
  border: none;
  float: left;
}
.ember-table .et-toggle-collapse input[type=checkbox]:after {
  content: "▾";
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}
.ember-table .et-toggle-collapse input[type=checkbox]:checked:after {
  transform: rotate(-90deg);
}

.empty-table-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 15px;
  min-height: 350px;
  width: 100%;
  padding: 15px 0 15px 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
.empty-table-container .icon {
  border-radius: 25px;
  height: 220px;
  opacity: 0.8;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 210px;
}
.empty-table-container h2 {
  font-size: 2.4rem;
  text-align: center;
}
.empty-table-container .empty-table-info {
  margin-top: 10px;
  display: flex;
  flex-flow: column;
}
.empty-table-container .empty-table-info span {
  color: #b3b3b3;
  font-size: 1.4rem;
  margin-bottom: 10px;
  text-align: center;
}

@media only screen and (max-height: 679px) {
  .empty-table-container {
    height: 58vh;
  }
}
@media only screen and (max-height: 999px) and (min-height: 680px) {
  .empty-table-container {
    height: 65vh;
  }
}
@media only screen and (min-height: 1000px) {
  .empty-table-container {
    height: 71vh;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .et-table {
    display: block;
  }

  .ember-table thead:first-of-type {
    display: none;
  }
  .ember-table thead {
    position: static !important;
    height: 10px !important;
  }
}
.srxp-table .ember-table, .simple-table .ember-table {
  min-height: initial;
}
.srxp-table .ember-table .occluded-content, .simple-table .ember-table .occluded-content {
  display: block;
  position: relative;
  width: 100%;
  min-height: 0.01px;
  color: transparent;
}
.srxp-table .table-wrapper, .simple-table .table-wrapper {
  min-height: initial;
}
.srxp-table .table-wrapper > .table, .simple-table .table-wrapper > .table {
  top: 0;
}

/*
 * Icons
 */
svg {
  color: #515151;
  fill: currentColor;
}
svg.light {
  color: white !important;
}
svg.gray {
  color: #545454 !important;
}
svg.green {
  color: #37B37E !important;
}
svg.red {
  color: #ff3823 !important;
}
svg.orange {
  color: #F1822C !important;
}
svg.blue {
  color: #0650D0 !important;
}
svg.blue-card {
  color: #0650D0 !important;
}
svg.notifications-icon {
  width: 20px;
  position: relative;
  bottom: 1px;
}
svg.remove-waypoint {
  position: relative;
  top: 4px;
  width: 25px;
  cursor: pointer;
}
svg.description-icon {
  position: relative;
  top: 7px;
  margin-right: -22px;
}
svg.center-icon {
  position: relative;
  top: 5px;
}
svg.remove-entity {
  position: absolute;
  margin-top: 5px;
}
svg.search-icon {
  position: relative;
  top: 4px;
  left: 3px;
  height: 20px;
  color: #0650D0;
}
svg.cross-copy {
  float: right;
  cursor: pointer;
}
svg.placeholder-icon {
  position: relative;
  top: 43%;
  left: 20%;
}
svg.top-5 {
  position: relative;
  top: 5px;
}
svg.hint-block-icon {
  position: relative;
  bottom: 4px;
}
svg.checked {
  color: #37B37E !important;
}
svg.not-checked {
  color: #fec63d !important;
}
svg.flagged {
  color: #ff3823 !important;
}

a svg:hover {
  color: #8c8d96;
}

a .icon {
  margin-right: 5px;
}

.button .icon {
  float: left;
}
.button .icon.left {
  margin-right: 5px;
}
.button .icon.right {
  float: right;
  margin-left: 5px;
}
.button span:nth-child(2) {
  margin-left: 5px;
}

span .icon {
  display: inline-block;
  vertical-align: middle;
}

span.icon {
  display: inline-block;
  vertical-align: middle;
}

.clickable {
  cursor: pointer;
}

.button.working > span:first-of-type {
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
}
.button.working > span:first-of-type svg {
  opacity: 0;
}

.button.empty span span {
  display: none;
}

/* Help text */
span.help-text {
  display: none;
  width: 450px;
  background-color: #fff;
  text-align: left;
  padding: 5px;
  margin-left: 10px;
  border-radius: 6px;
  border: 1px solid darkgray;
  position: absolute;
  z-index: 100;
  font-style: italic;
  font-size: 12px;
}

img.help-img:hover + span.help-text {
  display: inline-block;
}

.icon {
  display: inline-block;
  overflow: hidden;
}

.button {
  display: inline-flex;
  align-items: center;
}
.button__icon {
  display: inline-block;
}
.button__spacing {
  width: 10px;
}
.button__text {
  display: inline-block;
}

.dropdown-content {
  display: none;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  min-width: 100%;
  top: 100%;
  right: 0;
  margin-top: -1px;
  z-index: 33;
  font-size: 12px;
}
.dropdown-content.with-icon {
  min-width: 250%;
}
.dropdown-content.with-icon.width-150 {
  width: 150px;
  min-width: 150px;
}
.dropdown-content ul {
  padding: 15px;
  list-style: none;
}

.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown.open .dropdown-content {
  display: block;
}

.dropdown-filter {
  background: #0650D0;
  color: #fff;
  min-width: 300px;
  padding: 5px;
}
.dropdown-filter label {
  padding-right: 5px;
}

.dropdown-list .dropdown-content {
  max-width: 300%;
  margin-top: 2px;
}
.dropdown-list .dropdown-content .no-option, .dropdown-list .dropdown-content .more-options {
  font-style: italic;
}
.dropdown-list .dropdown-content .overflow {
  overflow: auto;
}
.dropdown-list .dropdown-content ul {
  max-height: 250px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.dropdown-list .dropdown-content ul li {
  padding: 0px;
  width: 100%;
}
.dropdown-list .dropdown-content ul li a, .dropdown-list .dropdown-content ul li span {
  color: #515151;
  line-height: 34px;
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 10px;
  padding-left: 10px;
  height: 100%;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-list .dropdown-content ul li a:hover, .dropdown-list .dropdown-content ul li span:hover {
  background-color: #EEF0FF;
}
.dropdown-list .dropdown-content ul li a.inline-block, .dropdown-list .dropdown-content ul li span.inline-block {
  display: inline-block;
}
.dropdown-list .dropdown-content ul li a.left, .dropdown-list .dropdown-content ul li span.left {
  margin-right: 0;
  margin-left: 0;
  display: inline-block;
  padding-right: 1em;
  padding-left: 1em;
  float: left;
}
.dropdown-list .dropdown-content ul li a.left .icon, .dropdown-list .dropdown-content ul li span.left .icon {
  vertical-align: middle;
}

/**
 * Form styles.
 */
fieldset {
  border: 0;
  margin-bottom: 1em;
}

legend {
  display: none;
  position: relative;
}

div.submit {
  clear: both;
  margin: 0;
  text-align: right;
}

input, textarea {
  font-family: "Museo Sans", Arial, Helvetica, sans-serif;
  color: #515151;
  font-size: 12px;
  line-height: 17px;
  height: 17px;
  border: 1px solid #e5e5e5;
  padding: 5px;
}

input.amount, input.hours {
  text-align: right;
}

.fake-input, .fake-textarea {
  font-family: "Museo Sans", Arial, Helvetica, sans-serif;
  padding: 5px 6px;
  border: 1px solid transparent;
  font-size: 12px;
  margin: 0;
  line-height: 17px;
  height: 17px;
  display: inline-block;
}

.date input {
  cursor: pointer;
}

textarea {
  resize: none;
  white-space: pre-wrap;
}

.error.block {
  color: #ff3823;
}
.error.highlight {
  color: #fec63d;
}

.warning {
  color: #fec63d;
}

.errors.block {
  margin-bottom: -4px;
  background-color: #fff;
  border: 1px solid #ff3823;
  color: #ff3823;
  padding: 10px;
  position: relative;
  z-index: 23;
  max-width: 300px;
  border-radius: 2px;
  font-weight: normal;
  font-size: 12px;
  pointer-events: none;
}
.errors.block ul {
  list-style: none;
}
.errors.block ul p {
  padding: 2px 0 2px 0 !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto;
  white-space: normal;
}
.errors.block:before {
  content: none;
}
.errors.block:after {
  content: none;
}
.errors.block.add-pseudo-class::before {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 20px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 9px solid #ff3823;
  border-bottom: none;
}
.errors.block.add-pseudo-class::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 20px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 9px solid #ff3823;
  border-bottom: none;
  bottom: -7px;
  border-top-color: #fff;
}
.errors.block.right-aligned:before, .errors.block.right-aligned:after {
  right: 20px;
  left: unset;
}

.errors.highlight {
  display: none;
  margin-bottom: -4px;
  background-color: #fff;
  border: 1px solid #E7D7C1;
  color: #fec63d;
  padding: 10px;
  position: absolute;
  z-index: 23;
  max-width: 300px;
  border-radius: 2px;
  font-weight: bold;
  font-size: 12px;
}
.errors.highlight ul {
  list-style: none;
}
.errors.highlight:before, .errors.highlight:after {
  content: none;
}
.errors.highlight:after {
  content: none;
}
.errors.highlight.add-pseudo-class::before {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 20px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 9px solid #E7D7C1;
  border-bottom: none;
}
.errors.highlight.add-pseudo-class::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 20px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 9px solid #E7D7C1;
  border-bottom: none;
  bottom: -7px;
  border-top-color: #fff;
}
.errors.highlight.right-aligned:before, .errors.highlight.right-aligned:after {
  right: 20px;
  left: unset;
}

.hide-errors .errors {
  display: none;
}

.error.block input, .error.block textarea, .input.row .active.error.block input, .input.row .active.error.block textarea {
  border-color: #ff3823;
}

.error.highlight input, .error.highlight textarea, .input.row .active.error.highlight input, .input.row .active.error.highlight textarea {
  border-color: #fec63d;
}

.input.cell {
  position: relative;
  height: 39px;
  width: 100%;
  margin: -1px -11px;
  cursor: text;
}
.input.cell.date {
  cursor: pointer;
}
.input.cell.date input {
  cursor: pointer;
}
.input.cell.checkbox {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
}
.input.cell input, .input.cell textarea {
  outline: 0;
  width: 100%;
  margin: 0;
  position: relative;
  display: block;
  padding: 10px;
  background: transparent;
  *margin: -1px 0;
}
@media screen and (min-resolution: 141dpi) {
  .input.cell input, .input.cell textarea {
    border: 1px solid transparent;
  }
}
.input.cell textarea {
  overflow: hidden;
}
.input.cell.textarea:hover {
  z-index: 3;
}
.input.cell.active {
  z-index: 2;
  border: none;
}
.input.cell.active input, .input.cell.active textarea {
  background-color: #fff;
}
.input.cell.active.disabled input {
  background-color: transparent;
}
.input.cell.required {
  z-index: 2;
}
.input.cell.required input, .input.cell.required textarea, .input.cell.required .current-selection, .input.cell.required .fake-checkbox {
  color: #ff3823;
  font-weight: 600;
  border: none;
}
.input.cell.error.block {
  z-index: 2;
}
.input.cell.error.block input, .input.cell.error.block textarea, .input.cell.error.block .current-selection {
  border: none;
  color: #ff3823;
  font-weight: 600;
}
.input.cell.error.block .fake-checkbox {
  border: 3px solid #ff3823;
  border-radius: 4px;
  background-color: #ff3823;
  font-weight: 600;
  animation: bounce linear 0.5s 3;
}
.input.cell.error.highlight {
  z-index: 2;
}
.input.cell.error.highlight input, .input.cell.error.highlight textarea, .input.cell.error.highlight .current-selection, .input.cell.error.highlight .fake-checkbox {
  border: none;
  color: #fec63d;
  font-weight: 600;
}
.input.cell.error.highlight .fake-checkbox {
  border: 3px solid #fec63d;
  border-radius: 4px;
  background-color: #fec63d;
  font-weight: 600;
  animation: bounce linear 0.5s 3;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
  }
  18% {
    -webkit-transform: translateY(-120%);
  }
  35% {
    -webkit-transform: translateY(0%);
  }
  58% {
    -webkit-transform: translateY(-57%);
  }
  77% {
    -webkit-transform: translateY(0%);
  }
  90% {
    -webkit-transform: translateY(-22%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
.data td {
  height: 37px;
  line-height: 17px;
}
.data .filename {
  display: none;
}

.hide-errors .errors {
  display: none;
}

.block-form .active {
  z-index: 32;
}
.block-form .input, .block-form dl {
  margin-bottom: 10px;
  white-space: nowrap;
  position: relative;
}
.block-form dl {
  list-style: none;
}
.block-form label, .block-form dt {
  display: inline-block;
  width: 157.5px;
  white-space: normal;
}
.block-form .select {
  vertical-align: middle;
  width: 292.5px;
}
.block-form input, .block-form textarea {
  outline: 0;
}
.block-form .date input, .block-form .text input, .block-form .password input, .block-form textarea, .block-form dd {
  width: 274.5px;
}
.block-form .textarea textarea:disabled, .block-form .textarea textarea.disabled {
  background-color: #f2f2f2;
  border-color: #d2d2d2;
  cursor: default;
  outline: none;
  color: #777777;
  padding-top: 7px;
  padding-bottom: 7px;
}
.block-form .textarea textarea:disabled.small, .block-form .textarea textarea.disabled.small {
  padding-top: 4px;
  padding-bottom: 4px;
}
.block-form .textarea textarea:disabled svg, .block-form .textarea textarea.disabled svg {
  color: #515151;
}
.block-form .textarea textarea:disabled:hover, .block-form .textarea textarea.disabled:hover {
  box-shadow: none;
}
.block-form .textarea textarea:disabled:active, .block-form .textarea textarea.disabled:active {
  box-shadow: none;
  transform: none;
}
.block-form .amount input, .block-form .vat input, .block-form .date input, .block-form .text input, .block-form .password input, .block-form textarea,
.block-form .select .current-selection {
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #fff;
  font-size: 13px;
  color: #515151;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  padding: 5px 8px;
  padding-bottom: 9px;
  padding-bottom: 7px;
  padding-top: 7px;
  line-height: 20px;
}
.block-form .amount input:disabled, .block-form .amount input.disabled, .block-form .vat input:disabled, .block-form .vat input.disabled, .block-form .date input:disabled, .block-form .date input.disabled, .block-form .text input:disabled, .block-form .text input.disabled, .block-form .password input:disabled, .block-form .password input.disabled, .block-form textarea:disabled, .block-form textarea.disabled,
.block-form .select .current-selection:disabled,
.block-form .select .current-selection.disabled {
  background-color: #f2f2f2;
  border-color: #d2d2d2;
  cursor: default;
  outline: none;
  color: #777777;
  padding-top: 7px;
  padding-bottom: 7px;
}
.block-form .amount input:disabled.small, .block-form .amount input.disabled.small, .block-form .vat input:disabled.small, .block-form .vat input.disabled.small, .block-form .date input:disabled.small, .block-form .date input.disabled.small, .block-form .text input:disabled.small, .block-form .text input.disabled.small, .block-form .password input:disabled.small, .block-form .password input.disabled.small, .block-form textarea:disabled.small, .block-form textarea.disabled.small,
.block-form .select .current-selection:disabled.small,
.block-form .select .current-selection.disabled.small {
  padding-top: 4px;
  padding-bottom: 4px;
}
.block-form .amount input:disabled svg, .block-form .amount input.disabled svg, .block-form .vat input:disabled svg, .block-form .vat input.disabled svg, .block-form .date input:disabled svg, .block-form .date input.disabled svg, .block-form .text input:disabled svg, .block-form .text input.disabled svg, .block-form .password input:disabled svg, .block-form .password input.disabled svg, .block-form textarea:disabled svg, .block-form textarea.disabled svg,
.block-form .select .current-selection:disabled svg,
.block-form .select .current-selection.disabled svg {
  color: #515151;
}
.block-form .amount input:disabled:hover, .block-form .amount input.disabled:hover, .block-form .vat input:disabled:hover, .block-form .vat input.disabled:hover, .block-form .date input:disabled:hover, .block-form .date input.disabled:hover, .block-form .text input:disabled:hover, .block-form .text input.disabled:hover, .block-form .password input:disabled:hover, .block-form .password input.disabled:hover, .block-form textarea:disabled:hover, .block-form textarea.disabled:hover,
.block-form .select .current-selection:disabled:hover,
.block-form .select .current-selection.disabled:hover {
  box-shadow: none;
}
.block-form .amount input:disabled:active, .block-form .amount input.disabled:active, .block-form .vat input:disabled:active, .block-form .vat input.disabled:active, .block-form .date input:disabled:active, .block-form .date input.disabled:active, .block-form .text input:disabled:active, .block-form .text input.disabled:active, .block-form .password input:disabled:active, .block-form .password input.disabled:active, .block-form textarea:disabled:active, .block-form textarea.disabled:active,
.block-form .select .current-selection:disabled:active,
.block-form .select .current-selection.disabled:active {
  box-shadow: none;
  transform: none;
}
.block-form .amount input, .block-form .vat input, .block-form .text input, .block-form .password input, .block-form textarea, .block-form dd {
  box-shadow: none;
}
.block-form dt {
  display: inline-block;
  padding: 5px 0;
  line-height: 18px;
}
.block-form dd {
  display: inline-block;
  padding: 5px 8px;
  line-height: 18px;
  border-color: transparent;
  background: none;
  font-weight: bold;
}
.block-form dd.amount {
  text-align: right;
}
.block-form dd.amount.allowance-wrapper {
  justify-content: flex-end;
  position: relative;
  bottom: 15px;
  right: 35px;
}
.block-form .date input, .block-form .select .current-selection {
  background-color: #fff;
  border-color: #d2d2d2;
}
.block-form .select .arr-wrapper {
  background-color: transparent;
  margin-top: -3px;
}
.block-form .textarea label {
  vertical-align: top;
}
.block-form textarea {
  height: 100px;
}
.block-form .current-selection, .block-form .date input {
  text-align: center;
}
.block-form .required label:first-child {
  font-weight: normal;
}
.block-form .required label:first-child::after {
  content: "*";
}
.block-form .active input, .block-form .active textarea {
  border: 1px solid #0650D0;
}
.block-form .error.block input, .block-form .error.block textarea, .block-form .error.block .current-selection {
  background-color: #F2DEDE;
  border-color: #ff3823;
}
.block-form .error.block .fake-checkbox {
  background-color: transparent;
}
.block-form .error.highlight input, .block-form .error.highlight textarea, .block-form .error.highlight .current-selection {
  background-color: #FEFDCF;
  border-color: #fec63d;
}
.block-form .multiple .input {
  margin-bottom: 0;
}
.block-form .input-select .input, .block-form .select-input .input {
  display: inline-block;
  padding: 0;
}
.block-form .input-select input, .block-form .select-input input {
  width: 123.25px;
}
.block-form .input-select .increment, .block-form .select-input .increment {
  height: 34px;
  white-space: normal;
  width: 118px;
}
.block-form .input-select .increment.controls input, .block-form .select-input .increment.controls input {
  width: 96.25px;
}
.block-form .input-select .increment.no-controls input, .block-form .select-input .increment.no-controls input {
  width: 123.25px;
}
.block-form .input-select .increment .controls, .block-form .select-input .increment .controls {
  float: right;
  height: 34px;
  width: 15px;
  margin-left: 10px;
}
.block-form .input-select .increment .controls div, .block-form .select-input .increment .controls div {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  background-color: #fff;
  width: 15px;
  height: 13px;
  cursor: pointer;
}
.block-form .input-select .increment .controls div:hover, .block-form .select-input .increment .controls div:hover {
  border: 1px solid #0650D0;
}
.block-form .input-select .increment .controls div.disabled:hover, .block-form .select-input .increment .controls div.disabled:hover {
  background-color: #fff;
  border-color: #d2d2d2;
  cursor: default;
}
.block-form .input-select .increment .controls div.disabled, .block-form .select-input .increment .controls div.disabled {
  visibility: hidden;
}
.block-form .input-select .increment .controls div.increment-button:hover .arr, .block-form .select-input .increment .controls div.increment-button:hover .arr {
  opacity: 1;
}
.block-form .input-select .increment .controls div.up, .block-form .select-input .increment .controls div.up {
  margin-bottom: 4px;
}
.block-form .input-select .increment .controls div.up .arr, .block-form .select-input .increment .controls div.up .arr {
  border-radius: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border: 3px solid transparent;
  border-bottom-color: black;
  margin-top: 0.5px;
  overflow: hidden;
  opacity: 0.5;
}
.block-form .input-select .increment .controls div.down .arr, .block-form .select-input .increment .controls div.down .arr {
  border-radius: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border: 3px solid transparent;
  border-top-color: black;
  margin-top: 4.5px;
  overflow: hidden;
  opacity: 0.5;
}
.block-form .input-select .select, .block-form .select-input .select {
  width: 141.25px;
}
.block-form .input-select .current-selection, .block-form .select-input .current-selection {
  text-align: left;
}
.block-form .input-select div.select {
  margin-left: 10px;
}
.block-form .input-select .select .select {
  margin-left: 0px;
}
.block-form .select-input .select {
  margin-right: 10px;
}
.block-form.block-info dd {
  white-space: normal;
}
.block-form.block-info dd.description {
  white-space: pre-line;
}
.block-form .triple-input input {
  width: 70px;
}
.block-form .triple-input .select {
  width: 92px;
}
.block-form.block-form--medium label {
  width: 52.5px;
}

.insights .input, .profile .inner .input, .csv-import .import-header .input {
  width: 442.5px;
}
.insights .input .fake-checkbox, .profile .inner .input .fake-checkbox, .csv-import .import-header .input .fake-checkbox {
  width: auto;
}
.insights .input.email-notification, .profile .inner .input.email-notification, .csv-import .import-header .input.email-notification {
  min-height: 34px;
}
.insights .input.small-input .select, .profile .inner .input.small-input .select, .csv-import .import-header .input.small-input .select {
  width: 11em;
}
.insights .input.elastic-input, .profile .inner .input.elastic-input, .csv-import .import-header .input.elastic-input {
  width: 100%;
}
.insights .input.elastic-input .select, .profile .inner .input.elastic-input .select, .csv-import .import-header .input.elastic-input .select {
  width: 100%;
}
.insights .sso .xml-upload .xml .filename, .profile .inner .sso .xml-upload .xml .filename, .csv-import .import-header .sso .xml-upload .xml .filename {
  width: 374.5px;
}
.insights .sso .input, .profile .inner .sso .input, .csv-import .import-header .sso .input {
  width: 642.5px;
}
.insights .sso .input input, .insights .sso .input textarea, .profile .inner .sso .input input, .profile .inner .sso .input textarea, .csv-import .import-header .sso .input input, .csv-import .import-header .sso .input textarea {
  width: 374.5px;
}
.insights .sso div label, .profile .inner .sso div label, .csv-import .import-header .sso div label {
  width: 170px;
}
.insights > form > div label, .profile .inner > form > div label, .csv-import .import-header > form > div label {
  width: 250px;
}
.insights .text input, .profile .inner .text input, .csv-import .import-header .text input {
  border: 1px solid #d2d2d2;
}
.insights .active input, .insights .active textarea, .profile .inner .active input, .profile .inner .active textarea, .csv-import .import-header .active input, .csv-import .import-header .active textarea {
  border: 1px solid #0650D0;
}
.insights .error.block input, .insights .error.block .current-selection, .profile .inner .error.block input, .profile .inner .error.block .current-selection, .csv-import .import-header .error.block input, .csv-import .import-header .error.block .current-selection {
  border-color: #ff3823;
}
.insights .error.highlight input, .insights .error.highlight .current-selection, .profile .inner .error.highlight input, .profile .inner .error.highlight .current-selection, .csv-import .import-header .error.highlight input, .csv-import .import-header .error.highlight .current-selection {
  border-color: #fec63d;
}

.imitate-input {
  height: 34px;
  line-height: 34px;
  font-weight: 600;
  display: inline-block;
}
.imitate-input.list {
  display: inline-block;
  height: auto;
}
.imitate-input.list ul {
  list-style-type: none;
}
.imitate-input.list ul li {
  height: auto;
}

.imitate-container {
  vertical-align: middle;
}

.csv-import .filename {
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #fff;
  font-size: 13px;
  color: #515151;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  padding: 5px 8px;
  padding-bottom: 9px;
  padding-bottom: 7px;
  padding-top: 7px;
  box-shadow: none;
  width: 217px;
  font-weight: normal;
  line-height: 18px;
}

.vat-number {
  width: 274.5px;
  position: relative;
}
.vat-number span {
  line-height: 29px;
}
.vat-number div {
  display: inline-block;
}
.vat-number div.country-code {
  height: 29px;
  position: absolute;
  left: 157.5px;
}
.vat-number div.input label {
  width: 187.5px;
}
.vat-number div.input input {
  width: 244.5px;
}

.ui-datepicker td {
  border-radius: 0px;
  background: none;
}
.ui-datepicker td.ui-state-highlight, .ui-datepicker td a:hover, .ui-datepicker td a.ui-state-hover, .ui-datepicker td.fixed-date {
  border-radius: 4px;
  border: none;
  color: white;
  background: none;
  background-color: #105FAB;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.44);
}
.ui-datepicker td.ui-state-highlight a, .ui-datepicker td a:hover a, .ui-datepicker td a.ui-state-hover a, .ui-datepicker td.fixed-date a {
  color: white;
  background: none;
}
.ui-datepicker td.fixed-date {
  background-color: #7CC9BA;
}
.ui-datepicker td.fixed-date a {
  color: #105FAB;
}
.ui-datepicker td a {
  color: white;
}

td.expense-error-td {
  padding: 0px;
}

.expense-error-td > .fakecell-div {
  position: relative;
  height: 37px;
  width: 100%;
  border: 1px solid #ff3823;
  margin: -1px -1px;
  z-index: 2;
}

.expense-error-td > .fakecell-div > span {
  padding: 10px;
}

.fake-checkbox {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

input.checkbox-access-level[type=checkbox] {
  background-color: red;
}

.data .checkbox {
  text-align: center;
  width: 32px;
}

.block-form .fake-checkbox {
  width: 12px;
  height: initial;
}

.report-settings {
  display: flex !important;
  flex-direction: row;
  align-items: center;
}
.report-settings .fake-checkbox, .report-settings .fake-checkbox {
  margin-right: 15px !important;
  height: 15px !important;
  width: 15px !important;
}

.checkbox-block.notifications .select .checkbox-group {
  position: absolute;
}
.checkbox-block.notifications .select .checkbox-group li {
  float: left;
  margin-left: 90px;
}
.checkbox-block.notifications .select .checkbox-group li:first-child {
  margin-left: 30px;
}
.checkbox-block .onoffswitch {
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.checkbox-block .onoffswitch.reset-stage-switcher .hint {
  position: initial;
}
.checkbox-block .checkbox-option-list .checkbox-column-group {
  display: inline-block;
  vertical-align: top;
}
.checkbox-block .checkbox-option-list .checkbox-column-group:last-child {
  margin-right: 0;
}
.checkbox-block .checkbox-option-list .checkbox-option-value {
  width: auto;
  margin-bottom: 10px;
}
.checkbox-block .checkbox-option-list .checkbox-option-value label {
  width: auto;
}
.checkbox-block .checkbox-option-list .checkbox-option-value label:nth-child(2) {
  margin-left: 4px;
}
.checkbox-block .checkbox-option-list .checkbox-option-value.input.disabled {
  color: #dedede;
}
.checkbox-block .checkbox-option-list .checkbox-option-value.input.disabled .fake-checkbox:before {
  border: solid #f2f2f2 1px;
  background-color: #dedede;
}
.checkbox-block .checkbox-option-list .checkbox-option-value input.fake-checkbox.disabled-checkbox {
  visibility: hidden;
}
.checkbox-block .title-switcher {
  font-weight: 600;
}
.checkbox-block .title-switcher .onoffswitch-label {
  right: 0;
}

span.select {
  outline: none;
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 12px;
  line-height: 17px;
  color: #515151;
}
span.select .current-selection {
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  height: 17px;
  padding: 5px;
  display: block;
  border: 1px solid #e5e5e5;
  padding-right: 19px;
  overflow: hidden;
}
@media screen and (min-resolution: 141dpi) {
  span.select .current-selection {
    border: 1px solid transparent;
  }
}
span.select .current-selection.button {
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #fff;
  font-size: 13px;
  color: #515151;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  padding: 5px 8px;
  padding-bottom: 9px;
  padding-bottom: 7px;
  padding-top: 7px;
}
span.select .current-selection.disabled {
  background-color: #f2f2f2;
}
span.select .current-selection .loading-spinner {
  position: relative;
  bottom: 3px;
  height: 25px;
}
span.select .arr-wrapper {
  width: 4px;
  padding: 0 5px 0 10px;
  display: block;
  position: absolute;
  right: 15px;
  top: 5px;
  bottom: 5px;
}
span.select .disabled .arr-wrapper {
  display: none;
}
span.select .arr {
  position: absolute;
  border: 4px solid transparent;
  border-top-color: black;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0.5;
}

#overlay .select-options ol, #overlay .select-address-list ol {
  margin-left: 0;
}

.select-options, .select-address-list {
  font-size: 12px;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 22;
}
.select-options.hidden, .hidden.select-address-list {
  display: none;
}
.select-options ol, .select-address-list ol {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 17px;
}
.select-options li.option-value, .select-address-list li.option-value {
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  line-height: 17px;
  display: flex;
  align-items: center;
}
.select-options li.option-value.hidden, .select-address-list li.option-value.hidden {
  display: none;
}
.select-options li.option-value.selected, .select-address-list li.option-value.selected {
  background: #fef6be;
}
.select-options li.option-value:hover, .select-address-list li.option-value:hover {
  background-color: #eeefff;
}
.select-options li.option-value.focus, .select-address-list li.option-value.focus {
  background-color: #eeefff;
}
.select-options li.option-value label, .select-address-list li.option-value label {
  margin: 8px 10px 8px 15px;
  padding: 2px 0 0 2px;
  height: 12px;
}
.select-options li.option-value div, .select-address-list li.option-value div, .select-options li.option-value span, .select-address-list li.option-value span {
  padding-top: 8px;
  padding-right: 1.6em;
  padding-bottom: 8px;
}
.select-options li.no-option, .select-address-list li.no-option, .select-options li.more-options, .select-address-list li.more-options, .select-options li.loading, .select-address-list li.loading {
  outline: none;
  white-space: nowrap;
  line-height: 17px;
  background-color: #e9e9e9;
  font-style: italic;
}
.select-options li.no-option.hidden, .select-address-list li.no-option.hidden, .select-options li.more-options.hidden, .select-address-list li.more-options.hidden, .select-options li.loading.hidden, .select-address-list li.loading.hidden {
  display: none;
}
.select-options li.no-option span.check, .select-address-list li.no-option span.check, .select-options li.more-options span.check, .select-address-list li.more-options span.check, .select-options li.loading span.check, .select-address-list li.loading span.check {
  margin: 8px 10px 8px 15px;
  padding: 2px 0 0 2px;
}
.select-options li.no-option div, .select-address-list li.no-option div, .select-options li.no-option span, .select-address-list li.no-option span, .select-options li.more-options div, .select-address-list li.more-options div, .select-options li.more-options span, .select-address-list li.more-options span, .select-options li.loading div, .select-address-list li.loading div, .select-options li.loading span, .select-address-list li.loading span {
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
}
.select-options li.loading, .select-address-list li.loading {
  background-color: #f3f3f3;
}
.select-options span.group-name, .select-address-list span.group-name {
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
  font-weight: bold;
}
.select-options li div, .select-address-list li div, .select-options li span.group-name, .select-address-list li span.group-name {
  padding-left: 1.6em;
}
.select-options li li div, .select-address-list li li div, .select-options li li span.group-name, .select-address-list li li span.group-name {
  padding-left: 2.4em;
}
.select-options li li li div, .select-address-list li li li div, .select-options li li li span.group-name, .select-address-list li li li span.group-name {
  padding-left: 3.2em;
}
.select-options li li li li div, .select-address-list li li li li div, .select-options li li li li span.group-name, .select-address-list li li li li span.group-name {
  padding-left: 4em;
}
.select-options.searchable, .searchable.select-address-list {
  min-width: 210px;
}
.select-options.searchable > ol, .searchable.select-address-list > ol {
  margin-top: 54px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.select-options .filter, .select-address-list .filter {
  background: #0650D0;
  color: #fff;
  display: block;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px;
}
.select-options .filter .input, .select-address-list .filter .input {
  margin-top: 5px;
}
.select-options .filter .input label, .select-address-list .filter .input label {
  width: auto;
  margin-right: 5px;
}
.select-options .filter .input input, .select-address-list .filter .input input {
  background: white;
  display: inline-block;
  width: 120px;
}

.action:hover .select .arr-wrapper {
  background-color: #EEF0FF;
}

.active.select .current-selection, .active .select .current-selection, .select.open .current-selection {
  border: 1px solid #0650D0;
}
.active.select .arr, .active .select .arr, .select.open .arr {
  opacity: 1;
}

.error .select .current-selection {
  border-color: #ff3823;
}

.cell span.select {
  display: block;
}
.cell span.select .current-selection {
  cursor: pointer;
  width: 100%;
  padding: 10px;
  border: none;
}

.select-options.loading, .loading.select-address-list {
  width: 200px;
  height: 32px;
  background: #fff url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") center center no-repeat;
}

.disabled.select .arr-wrapper {
  display: none;
}

#merge-header {
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  white-space: nowrap;
  background-color: white;
  padding: 15px;
}
#merge-header span.select .arr-wrapper {
  top: 0;
}
#merge-header .transaction-info {
  float: left;
  padding: 0;
  margin: 0;
  color: #508847;
  font-size: 1.8rem;
  list-style: none;
}
#merge-header .data {
  padding-top: 10px;
}
#merge-header .data .sort-input, #merge-header .data .limit-input {
  display: inline;
}
#merge-header .data .sort-input .current-selection, #merge-header .data .limit-input .current-selection {
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #fff;
  font-size: 13px;
  color: #515151;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  padding: 5px 8px;
  padding-bottom: 9px;
  padding-bottom: 7px;
  padding-top: 7px;
  display: inline;
  padding-right: 20px;
}
#merge-header .data .sort-input > label, #merge-header .data .limit-input > label {
  display: inline-block;
  height: 28px;
  margin-right: 15px;
}
#merge-header .data .data-sorting {
  position: relative;
  top: 6px;
  float: left;
  margin-bottom: 15px;
}
#merge-header .data .data-pagination .limit-input {
  margin-left: 15px;
}
#merge-header .data .data-pagination .limit-input .current-selection {
  padding: 3px 20px 5px 8px;
}
#merge-header li {
  float: left;
  padding: 0 15px;
  border-left: 1px solid #508847;
}
#merge-header li:first-child {
  padding-left: 0;
}
#merge-header li:first-child {
  border-left: none;
}
#merge-header .button.blue {
  float: right;
}

#merge-content {
  height: 50vh;
  overflow: auto;
}

.copy-input {
  float: left;
  width: 500px;
}
.copy-input .copy-datepicker {
  margin: 40px 40px 20px 20px;
}
.copy-input .copy-datepicker .ui-datepicker-inline {
  border: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.44);
}

#overlay .copy-dates {
  margin: 20px;
  float: left;
  width: 240px;
}
#overlay .copy-dates ul {
  list-style-type: none;
}
#overlay .copy-dates ul li {
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  margin: 10px 0;
  padding: 5px;
  background-color: white;
  font-size: 1.4rem;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.44);
  color: #0650D0;
  text-align: center;
}
#overlay .copy-dates ul li span {
  margin: 0 10px;
}
#overlay .copy-dates ul li span.icon-cross {
  float: right;
  cursor: pointer;
  margin-top: 3px;
}
#overlay .copy-dates ul li span.icon-car {
  float: left;
  margin-top: 9px;
}

@media (min-width: 1120px) {
  #overlay .copy-dates {
    width: 420px;
  }
}
#overlay #merge-expenses, #overlay #view-expense {
  margin: 0;
  padding: 0;
  list-style: none;
  /* grid */
}
#overlay #merge-expenses .col-inner, #overlay #view-expense .col-inner {
  width: 100%;
  padding-bottom: 130%;
  position: relative;
}
#overlay #merge-expenses .expense-container, #overlay #view-expense .expense-container {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  /*
      I don't see the use of this and it breaks the enlarge feature in IE < 10
      overflow:hidden;
  */
  box-shadow: -4px 4px 5px -2px rgba(0, 0, 0, 0.44);
  background-color: white;
}
#overlay #merge-expenses .badges, #overlay #view-expense .badges {
  position: absolute;
  top: 3px;
  left: 5px;
  right: 5px;
  z-index: 1;
}
#overlay #merge-expenses .badges > .badge, #overlay #view-expense .badges > .badge {
  display: inline-block;
  font-size: 10px;
  padding: 3px;
  background: #000;
  color: #fff;
  border-radius: 3px;
  box-shadow: -2px 2px 4px -2px rgba(0, 0, 0, 0.44);
}
#overlay #merge-expenses .badges > .badge.dates-match, #overlay #view-expense .badges > .badge.dates-match {
  background: #37B37E;
  color: #fff;
}
#overlay #merge-expenses .best-match, #overlay #view-expense .best-match {
  background-color: red;
}
#overlay #merge-expenses .col-1-3, #overlay #view-expense .col-1-3 {
  cursor: pointer;
  float: left;
  width: 50%;
}
#overlay #merge-expenses .col-1-2, #overlay #view-expense .col-1-2 {
  cursor: pointer;
  float: left;
  width: 100%;
}
#overlay #merge-expenses .col-1-1, #overlay #view-expense .col-1-1 {
  width: 100%;
}
@media all and (min-width: 1040px) {
  #overlay #merge-expenses .col-1-3, #overlay #view-expense .col-1-3 {
    width: 33.3%;
  }
  #overlay #merge-expenses .col-1-2, #overlay #view-expense .col-1-2 {
    width: 50%;
  }
}
#overlay #merge-expenses .picture-container, #overlay #view-expense .picture-container {
  position: absolute;
  top: 0;
  bottom: 120px;
  left: 0;
  right: 0;
  overflow: hidden;
  text-align: center;
}
#overlay #merge-expenses .picture-container img, #overlay #view-expense .picture-container img {
  max-width: 100%;
  width: 100%;
  vertical-align: top;
}
#overlay #merge-expenses .picture-placeholder, #overlay #view-expense .picture-placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fefefe url("https://cdn.srxp.com/prd/assets/images/receipt-preview-noreceipt-fe663d23aa2c4f3c8b815c474ffcc7d8.png") no-repeat center center;
}
#overlay #merge-expenses .picture-placeholder span, #overlay #view-expense .picture-placeholder span {
  text-align: center;
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 78px;
}
#overlay #merge-expenses .info-placeholder, #overlay #view-expense .info-placeholder {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
}
#overlay #merge-expenses .info-placeholder span, #overlay #view-expense .info-placeholder span {
  font-size: 20px;
  color: #b2b2b2;
}
#overlay #merge-expenses .info-container, #overlay #view-expense .info-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  box-sizing: border-box;
}
#overlay #merge-expenses .info-container .description, #overlay #view-expense .info-container .description {
  position: absolute;
  top: 25px;
  bottom: 46px;
  left: 0;
  right: 0;
  padding: 0 10px;
  word-wrap: break-word;
}
#overlay #merge-expenses .info-container .description .categories, #overlay #view-expense .info-container .description .categories {
  float: left;
  max-width: 40%;
}
#overlay #merge-expenses .info-container .description .vendor, #overlay #view-expense .info-container .description .vendor {
  float: right;
  max-width: 60%;
  word-wrap: break-word;
}
#overlay #merge-expenses .info-container .date, #overlay #view-expense .info-container .date {
  float: right;
  padding-right: 10px;
}
#overlay #merge-expenses .info-container .amount, #overlay #view-expense .info-container .amount {
  float: left;
  padding-left: 10px;
}
#overlay #merge-expenses .info-container .action, #overlay #view-expense .info-container .action {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#overlay #merge-expenses .top-line, #overlay #view-expense .top-line {
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 95px;
}

#overlay #merge-expenses .picture-placeholder {
  background-size: 40%;
}
#overlay #merge-expenses .picture-placeholder span {
  margin-top: 56.1px;
}
#overlay #merge-expenses li.selected .expense-container {
  outline: 1px solid #0650D0;
}

#overlay .receipt .scroll-pane-scroller {
  height: 500px;
}

#overlay.merge, #overlay.copy {
  width: 70%;
  height: 100%;
  background-color: whitesmoke;
}
#overlay.merge .close-button, #overlay.copy .close-button {
  display: none;
}
#overlay.merge .description, #overlay.copy .description {
  font-style: normal;
}
#overlay.merge .scroll-pane-scroller, #overlay.copy .scroll-pane-scroller {
  height: 100%;
}
#overlay.merge .scroll-pane-container, #overlay.copy .scroll-pane-container {
  padding: 0;
}
#overlay.merge .scroll-pane-content, #overlay.copy .scroll-pane-content {
  padding: 0 10px 0 0;
  height: 100%;
}
#overlay.merge .loading, #overlay.copy .loading {
  padding: 20px 0;
}
#overlay.merge .loading-spinner, #overlay.copy .loading-spinner {
  position: relative;
  top: 48%;
}

#overlay .merge {
  float: left;
  width: 50%;
  height: 100%;
}
#overlay .view {
  float: right;
  width: 50%;
}
#overlay .view #view-expense {
  position: relative;
}
#overlay .view #view-expense .expense-container {
  border-radius: 0;
}

/**
 * This stylesheet holds interface-independent
 * report styles.
 */
.interface-nav {
  position: absolute;
  width: 238px;
  top: 0;
  bottom: 0;
  border: 1px solid #e5e5e5;
  border-top: none;
  overflow: hidden;
}
.interface-nav .nav, .interface-nav li {
  padding: 10px;
  padding-right: 27px;
  font-size: 1.2em;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  background: #fff url("https://cdn.srxp.com/prd/assets/images/svg-icons/menu-arrow-right-ccf2be18940691818658814755082d24.svg") no-repeat 202px center;
}
.interface-nav .nav.notify-filter, .interface-nav li.notify-filter {
  background: none;
  font-style: italic;
}
.interface-nav .nav:hover, .interface-nav li:hover {
  background-color: #EEF0FF;
}
.interface-nav .nav:hover.notify-filter:hover, .interface-nav li:hover.notify-filter:hover {
  background-color: #fff;
}
.interface-nav .nav.active, .interface-nav li.active {
  background-color: #0650D0;
  border-color: #e5e5e5;
  color: white;
}
.interface-nav .nav.active a:link, .interface-nav .nav.active a:visited, .interface-nav .nav.active a:hover, .interface-nav .nav.active a:active, .interface-nav li.active a:link, .interface-nav li.active a:visited, .interface-nav li.active a:hover, .interface-nav li.active a:active {
  color: white;
}
.interface-nav .nav {
  height: 40px;
}
.interface-nav .nav .action-show a {
  line-height: 40px;
}
.interface-nav li {
  padding-top: 40px;
}
.interface-nav li.notify-filter {
  padding-top: 10px;
}
.interface-nav .inbox {
  margin-left: 1px;
  padding-left: 9px;
}
.interface-nav .inbox.active {
  margin-left: 0;
  padding-left: 10px;
}
.interface-nav a {
  text-decoration: none;
}
.interface-nav .info, .interface-nav .action-add {
  display: block;
  line-height: 40px;
}
.interface-nav .action-show {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.interface-nav .action-show a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
}
.interface-nav .reports {
  position: absolute;
  top: 61px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.interface-nav.submit-interface .reports {
  top: 122px;
}
.interface-nav .action-show {
  font-weight: 600;
  display: block;
  clear: both;
}
.interface-nav .action-show a {
  display: block;
}
.interface-nav .button {
  position: relative;
}
.interface-nav .status-text {
  border-width: 1px;
  border-style: solid;
  padding: 3px 6px;
  border-radius: 10px;
  font-weight: 600;
}
.interface-nav ul {
  list-style: none;
}
.interface-nav li {
  padding-bottom: 12px;
  position: relative;
}
.interface-nav .submit-error, .interface-nav .active.submit-error {
  border-color: #ff3823;
}
.interface-nav .info {
  overflow: hidden;
}
.interface-nav .total {
  font-weight: 600;
  float: left;
  width: 100%;
}
.interface-nav .status {
  display: block;
  text-align: right;
  float: left;
}

.booking-date .dropdown-content {
  padding: 10px;
}

.report-approvers .dropdown-content {
  padding: 10px;
  width: 350px;
}
.report-approvers ol {
  list-style-position: inside;
  padding-left: 1em;
}
.report-approvers ol li {
  line-height: 35px;
}
.report-approvers ol li .icon {
  color: #515151;
  padding-bottom: 3px;
  vertical-align: middle;
}
.report-approvers .input.select {
  display: inline-block;
}
.report-approvers p.hint-block__content__text {
  line-height: 20px;
}

.open-pdf .dropdown-content {
  padding: 10px;
  min-width: 165px;
}
.open-pdf .dropdown-content .input.checkbox label {
  margin-right: 5px;
}

.statement-pdf-upload {
  opacity: 0;
}
.statement-pdf-upload.picture-upload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 100%;
  color: red;
}
.statement-pdf-upload.picture-upload .upload {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  color: pink;
}

.interface-details {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 240px;
}

.edit-approver {
  font-size: 1.4rem;
}
.edit-approver .input {
  display: inline-block;
}

.reject-report, .action-dropdown {
  padding: 15px;
  overflow: auto;
}
.reject-report .buttons, .action-dropdown .buttons {
  text-align: right;
}
.reject-report .button, .action-dropdown .button {
  margin-left: 15px;
}
.reject-report .input, .action-dropdown .input {
  margin-bottom: 0;
}
.reject-report label, .action-dropdown label {
  width: 160px;
}
.reject-report textarea, .action-dropdown textarea {
  width: 220px;
  height: 70px;
}

.reject-report {
  min-width: 400px;
}

.action-dropdown {
  min-width: 400px;
}

.status-not-requested {
  color: #515151;
  border-color: #515151;
}

.status-not-submitted {
  color: #515151;
  border-color: #515151;
}

.status-submitted {
  color: #DBAE29;
  border-color: #DBAE29;
}

.status-accepted {
  color: #37B37E;
  border-color: #37B37E;
}

.status-approved {
  color: #37B37E;
  border-color: #37B37E;
}

.status-rejected {
  color: #ff3823;
  border-color: #ff3823;
}

.status-processed {
  color: #8200DF;
  border-color: #8200DF;
}

.status-created {
  color: #0650D0;
  border-color: #0650D0;
}

.status-revised {
  color: #9e9f9c;
  border-color: #9e9f9c;
}

.status-retracted {
  color: #9e9f9c;
  border-color: #9e9f9c;
}

.status-partially-approved {
  color: #884418;
  border-color: #884418;
}

.status-policy-changed {
  color: #ff3823;
  border-color: #ff3823;
}

.status-requested {
  color: #6c9ac3;
  border-color: #6c9ac3;
}

.status-partially-accepted {
  color: #884418;
  border-color: #884418;
}

.status-closed {
  color: #8200DF;
  border-color: #8200DF;
}

.status-cancelled {
  color: #ff3823;
  border-color: #ff3823;
}

.status-reopened {
  color: #515151;
  border-color: #515151;
}

.status-checked {
  color: #37B37E;
  border-color: #37B37E;
}

.status-not-checked {
  color: #fec63d;
  border-color: #fec63d;
}

.status-flagged {
  color: #ff3823;
  border-color: #ff3823;
}

.status-ready-for-export {
  color: #BA83EB;
  border-color: #BA83EB;
}

.status-unprepared {
  color: #9e9f9c;
  border-color: #9e9f9c;
}

.status-revised, .status-retracted, .status-unprepared {
  color: #9e9f9c;
  border-color: #9e9f9c;
}

h1.input {
  float: left;
  margin-left: -4px;
}
h1.input input {
  border: 1px solid transparent;
  font-size: 24px;
  font-weight: 600;
  height: 28px;
  line-height: 28px;
  padding: 2px;
}
h1.input.no-value input {
  border-color: #e5e5e5;
}
h1.input.active input {
  border: 1px solid #0650D0;
}
h1.input.error input.block {
  border-color: #ff3823;
}
h1.input.error input.highlight {
  border-color: #fec63d;
}

td.title {
  position: relative;
}
td.title .rejected {
  color: red;
}
td.title p {
  display: inline-block;
  max-width: 90px;
  vertical-align: middle;
}
td.title div.types {
  float: left;
  position: relative;
  height: 20px;
}
td.title div.types svg {
  margin-right: 5px;
  display: inline;
  vertical-align: middle;
}
td.title div.types .icon-paperclip {
  margin: 0 5px 0 5px;
}

.report {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
}
.report .data-header {
  height: 169px;
}
.report .data-header .actions {
  margin-top: 15px;
  position: relative;
  bottom: 0;
}
.report .data-header .actions .dropdown {
  top: 0;
}
.report .data-header .actions .button {
  top: 0;
}
.report .top {
  padding: 15px 15px 2px 15px;
  clear: both;
}
.report .top .title {
  float: left;
}
.report .top .title .icon {
  transform: scale(1.5);
}
.report .top .title input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 660px;
}
.report .top .title input:disabled {
  background-color: white;
}
.report .top .title .highlight.error input:disabled {
  background-color: #FEFDCF;
}
.report .top .title .block.error input:disabled {
  background-color: #F2DEDE;
}
.report .top .title .rejected-before {
  display: inline-block;
  color: red;
  margin-left: 10px;
  font-size: 1.4rem;
}
.report .top .title .rejected-before .rejected {
  margin-left: 5px;
}
.report .report-actions {
  height: 34px;
  line-height: 34px;
  font-size: 1.4rem;
  float: right;
}
.report .report-actions .icon {
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
  opacity: 0.8;
}
.report .report-actions .icon:hover {
  opacity: 1;
}
.report .report-actions .report-id {
  display: inline-block;
}
.report .accounts {
  float: left;
}
.report .owner .fullname {
  font-weight: bold;
}
.report .is-deleted {
  color: red;
}
.report .info {
  font-size: 1.4rem;
  padding: 0 15px;
  line-height: 34px;
  height: 68px;
  clear: both;
}
.report .actions {
  height: 36px;
  padding: 0 15px;
}
.report .actions.inbox-actions .dropdown {
  top: 40px;
}
.report .actions.inbox-actions .button {
  top: 40px;
}
.report .actions .left {
  float: left;
}
.report .actions .left .button {
  margin-left: 0;
  margin-right: 5px;
}
.report .actions .right {
  float: right;
}
.report .actions .dropdown {
  top: 0;
}
.report .actions .dropdown .button {
  top: 0;
}
.report .actions .button {
  top: 0;
}
.report ol.inline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  font-weight: bold;
}
.report ol.inline li {
  margin: 0;
  padding: 0;
  display: none;
}
.report ol.inline .row, .report ol.inline .approver-1, .report ol.inline .approver-2, .report ol.inline .trip-1 {
  display: inline;
}
.report ol.inline .row:after, .report ol.inline .approver-1:after, .report ol.inline .trip-1:after {
  content: ",";
}
.report ol.inline .row.last:after, .report ol.inline .approver-1.last:after, .report ol.inline .trip-1.last:after {
  content: "";
}
.report .passed {
  color: #37B37E;
}
.report .dropdown {
  outline: none;
  vertical-align: baseline;
}
.report .approvers .dropdown-content, .report .trips .dropdown-content {
  width: 200px;
  padding: 15px;
  font-size: 1.4rem;
}
.report .approvers .dropdown-content ol, .report .trips .dropdown-content ol {
  margin-left: 25px;
}
.report .trips .dropdown-content {
  width: 400px;
  right: auto;
  left: 0;
}
.report .trips .dropdown-content ol {
  list-style: none;
}
.report .status, .report .total {
  float: right;
  text-align: right;
}
.report .status .links {
  height: 34px;
}
.report .total {
  display: flex;
  flex-direction: column;
}
.report .motivation .dropdown-content {
  text-align: left;
  padding: 15px;
  width: 300px;
  line-height: normal;
  font-size: 1.4rem;
}
.report .report-history {
  float: right;
}
.report .report-history ol {
  list-style: none;
}
.report .report-history .event {
  position: relative;
  float: right;
  width: 280px;
  border-left: 5px solid #e5e5e5;
  margin-left: 15px;
  padding-left: 15px;
  text-align: right;
  line-height: 40px;
}
.report .report-history .event:before {
  content: "";
  border-radius: 50%;
  border: 10px solid grey;
  position: absolute;
  top: 10px;
  left: -12px;
}
.report .report-history li {
  overflow: hidden;
}
.report .report-history .date {
  text-align: left;
  line-height: 40px;
}
.report .report-history .dropdown-content {
  max-height: 200px;
  overflow: auto;
  width: 500px;
  padding: 15px;
  font-size: 1.2rem;
}
.report .transition-motivation {
  padding: 5px;
  border: 1px solid #e5e5e5;
  text-align: left;
  line-height: normal;
}
.report .transition-motivation h3 {
  font-weight: normal;
  color: #9e9f9c;
}
.report .status-inner {
  line-height: 34px;
  height: 34px;
  display: block;
}
.report .status-text {
  font-weight: bold;
  font-size: 1.8rem;
}
.report .total {
  margin-left: 30px;
}
.report .total .input {
  display: inline-block;
}
.report .total .amount {
  line-height: 1.5em;
  margin-top: 0.2em;
  display: block;
  height: 34px;
  font-weight: bold;
  font-size: 1.8rem;
}
.report .total .total-report-amount {
  margin-right: 15px;
  position: relative;
  top: 1px;
}
.report .total .total-report-amount .arr-wrapper {
  position: absolute;
  top: 2px;
  width: 0px;
  transform: scale(0.7);
}
.report .total .total-report-amount .link {
  position: relative;
  bottom: 4px;
}
.report .report-expenses {
  top: 160px;
}
.report .report-expenses .table {
  top: 0;
}
.report.has-trips .data-header {
  height: 213px;
}
.report.has-trips .info {
  height: 102px;
}
.report.has-trips .report-expenses {
  top: 200px;
}

.status .link, .total .link {
  text-decoration: none;
  font-weight: bold;
}

.trip .spending-status {
  font-weight: normal;
}
.trip .spending-status.over {
  color: red;
}
.trip .spending-status.under {
  color: green;
}

.report-expenses {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 184px;
  bottom: 15px;
}

.inbox .data-header {
  height: 34px;
  padding: 0 0 0 15px;
  margin: 0;
}
.inbox .report-expenses {
  top: 100px;
  bottom: 15px;
}
.inbox .report-expenses .table {
  top: -7px;
}

#overlay.amount-details {
  width: 700px;
}
#overlay.amount-details h2 {
  text-align: left;
}
#overlay.amount-details .details {
  margin-bottom: 15px;
}
#overlay.amount-details .details tr .center {
  text-align: center;
}
#overlay.amount-details .amount {
  text-align: right;
}
#overlay.amount-details th {
  width: 20%;
  border: none;
}

.not-found {
  padding: 15px;
}
.not-found h1 {
  color: #ff3823;
}
.not-found p {
  font-size: 1.4em;
  margin: 1em 0;
}

#overlay.report-history {
  width: 600px;
}
#overlay.report-history ol {
  list-style: none;
  margin-left: 15px;
  max-height: 800px;
  min-height: 20vh;
  overflow: scroll;
}
@media only screen and (max-height: 679px) {
  #overlay.report-history ol {
    max-height: 515px;
    min-height: 200px;
    overflow: scroll;
  }
}
#overlay.report-history .event {
  position: relative;
  width: 280px;
  border-left: 3px solid #e5e5e5;
  margin-left: 40px;
  margin-right: 15px;
  padding-left: 15px;
  text-align: right;
  line-height: 45px;
}
#overlay.report-history .event.status-not-requested {
  color: #515151;
}
#overlay.report-history .event.status-not-requested:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #515151;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-not-submitted {
  color: #515151;
}
#overlay.report-history .event.status-not-submitted:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #515151;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-submitted {
  color: #515151;
}
#overlay.report-history .event.status-submitted:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #DBAE29;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-accepted {
  color: #515151;
}
#overlay.report-history .event.status-accepted:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #37B37E;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-approved {
  color: #515151;
}
#overlay.report-history .event.status-approved:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #37B37E;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-rejected {
  color: #515151;
}
#overlay.report-history .event.status-rejected:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #ff3823;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-processed {
  color: #515151;
}
#overlay.report-history .event.status-processed:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #8200DF;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-created {
  color: #515151;
}
#overlay.report-history .event.status-created:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #0650D0;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-revised {
  color: #515151;
}
#overlay.report-history .event.status-revised:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #9e9f9c;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-retracted {
  color: #515151;
}
#overlay.report-history .event.status-retracted:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #9e9f9c;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-partially-approved {
  color: #515151;
}
#overlay.report-history .event.status-partially-approved:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #884418;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-policy-changed {
  color: #515151;
}
#overlay.report-history .event.status-policy-changed:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #ff3823;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-requested {
  color: #515151;
}
#overlay.report-history .event.status-requested:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #6c9ac3;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-partially-accepted {
  color: #515151;
}
#overlay.report-history .event.status-partially-accepted:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #884418;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-closed {
  color: #515151;
}
#overlay.report-history .event.status-closed:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #8200DF;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-cancelled {
  color: #515151;
}
#overlay.report-history .event.status-cancelled:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #ff3823;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-reopened {
  color: #515151;
}
#overlay.report-history .event.status-reopened:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #515151;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-checked {
  color: #515151;
}
#overlay.report-history .event.status-checked:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #37B37E;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-not-checked {
  color: #515151;
}
#overlay.report-history .event.status-not-checked:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #fec63d;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-flagged {
  color: #515151;
}
#overlay.report-history .event.status-flagged:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #ff3823;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-ready-for-export {
  color: #515151;
}
#overlay.report-history .event.status-ready-for-export:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #BA83EB;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-unprepared {
  color: #515151;
}
#overlay.report-history .event.status-unprepared:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #9e9f9c;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-policy_changed:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #ff3823;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event.status-ready_for_export:before {
  content: "";
  border-radius: 50%;
  border: 8px solid #BA83EB;
  position: absolute;
  top: 15px;
  left: -10px;
}
#overlay.report-history .event .event-status {
  text-align: left;
}
#overlay.report-history .event .transition-motivation {
  padding: 0 5px 10px 0;
  text-align: left;
  line-height: normal;
  width: 400px;
}
#overlay.report-history .event .transition-motivation h3 {
  font-weight: normal;
  color: #9e9f9c;
}
#overlay.report-history li {
  width: 450px;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-start;
}
#overlay.report-history .date {
  line-height: 45px;
}
#overlay.report-history .dropdown-content {
  max-height: 200px;
  overflow: auto;
  width: 500px;
  padding: 15px;
  font-size: 1.2rem;
}

.submit-after {
  font-size: 12px;
  position: absolute;
  top: 95px;
  right: 15px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #0650D0;
  white-space: nowrap;
}

.approve-sidebar {
  border: 1px solid #b0b0b0;
  float: left;
  font-size: 1.2em;
  width: 238px;
  border-top: none;
}
.approve-sidebar a {
  line-height: 40px;
  height: 40px;
  padding: 10px;
  text-decoration: none;
  color: #0650D0;
  font-weight: 600;
  display: block;
  position: relative;
  background: #fff url("https://cdn.srxp.com/prd/assets/images/svg-icons/menu-arrow-right-ccf2be18940691818658814755082d24.svg") no-repeat 206px center;
}
.approve-sidebar a:hover {
  background-color: #eef0ff;
  color: #124b66;
}
.approve-sidebar a.active {
  font-weight: 600;
  background: #fff url("https://cdn.srxp.com/prd/assets/images/svg-icons/menu-arrow-down-f25a2d4521db326224785fedc085b3fd.svg") no-repeat 206px center;
}
.approve-sidebar a.active + ul {
  max-height: 120px;
}
.approve-sidebar a:nth-of-type(2) {
  border-top: 1px solid #e5e5e5;
}
.approve-sidebar a + ul {
  padding-top: 0;
  height: auto;
  max-height: 0;
  overflow: hidden;
}
.approve-sidebar a + ul li {
  position: relative;
}
.approve-sidebar a + ul li a {
  padding: 5px;
  padding-left: 30px;
  color: #777;
  height: 40px;
  background: none;
}
.approve-sidebar a + ul li a:hover {
  background-color: #eef0ff;
}
.approve-sidebar a + ul li a.active {
  color: #f8f8f8;
  background-image: none;
  background-color: #0650D0;
}

.report .inbox-actions .dropdown.dropdown-list.actions-dropdown, .report .report-actions .dropdown.dropdown-list.actions-dropdown, .data-header .actions .dropdown.dropdown-list.actions-dropdown {
  margin-top: 0;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-button.actions, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-button.actions, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-button.actions {
  width: auto;
  margin-right: -15px;
  margin-top: 0;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-button .custom-button, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-button .custom-button, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-button .custom-button {
  border: none;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-button .custom-button:hover, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-button .custom-button:hover, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-button .custom-button:hover {
  box-shadow: none;
  cursor: pointer;
  color: #313131;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu {
  width: 170px;
  text-align: left;
  height: fit-content;
  padding: 10px 5px 10px 5px;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li {
  margin: 5px 0 5px 10px;
  list-style: none;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button {
  border: none;
  background-color: transparent;
  color: #313131;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.red, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.red, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.red {
  color: #ff3823;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.disabled, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.disabled, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.disabled {
  opacity: 0.4;
  color: initial;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.disabled:hover, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.disabled:hover, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button.disabled:hover {
  opacity: 0.4;
  color: initial;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button:hover, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button:hover, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li .custom-button:hover {
  box-shadow: none;
  cursor: pointer;
  color: #313131;
}
.report .inbox-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li span.button.open-actions, .report .report-actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li span.button.open-actions, .data-header .actions .dropdown.dropdown-list.actions-dropdown .dropdown-content.actions-menu li span.button.open-actions {
  border: none;
}

/**
 * Overlay styles.
 * Block form depends on these variables.
 */
@keyframes overlay-fade-in {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.5;
  }
}
.overlay-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 21;
  overflow: auto;
}

.overlay-background {
  display: none;
  animation-name: overlay-fade-in;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 950px;
}
.overlay-background.sidebar-component-active {
  height: 100vh;
  overflow-y: hidden;
}
.overlay-background.overlay {
  z-index: 20;
}
.overlay-background.prompt {
  z-index: 30;
}

#overlay-container {
  position: fixed;
  top: 5vh;
  left: 0;
  right: 0;
  overflow: visible;
  z-index: 21;
  visibility: hidden;
  min-height: 550px;
  max-height: 900px;
}
#overlay-container .route {
  min-height: 550px;
  max-height: 900px;
}

#overlay {
  border-radius: 4px;
  min-height: 40vh;
  font-size: 1.4rem;
  color: #515151;
  background: #fff;
  display: block;
  position: relative;
  width: 490px;
  max-height: 100%;
  margin: 0 auto;
  font-size: 13px;
}
#overlay.import {
  min-height: 30vh;
}
#overlay.receipt, #overlay.mileage {
  min-height: 80vh;
}
#overlay.timesheet, #overlay.duty {
  min-height: 50vh;
}
#overlay.role {
  width: 70%;
}
#overlay.scheduled-task {
  width: 560px;
}
#overlay.scheduled-task .hint-block.hint-block--info {
  width: 480px;
}
#overlay.recover-trash, #overlay.trash {
  min-height: auto;
}
#overlay.trash .box {
  width: auto;
}
#overlay.support-overlay, #overlay.change-subscription {
  max-width: 70ch;
  width: 70ch;
  min-width: 70ch;
  min-height: 100%;
  line-break: auto;
}
#overlay.support-overlay .info-help, #overlay.change-subscription .info-help {
  width: 512.5px;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-left: solid 0.2em #3884FF;
  font-size: 12px !important;
}
#overlay.repair-overlay {
  min-height: 225px;
}
#overlay.migrate-overlay {
  min-height: 275px;
}
#overlay.migrate-overlay .input {
  display: flex;
  flex-flow: row;
  justify-content: start;
  align-items: center;
}
#overlay.migrate-overlay .input label {
  width: 25%;
}
#overlay.migrate-overlay .custom-button.left {
  margin-left: -1px;
}
#overlay.migrate-overlay .password-input {
  padding-bottom: 10px;
}
#overlay.migrate-overlay .password-requirements {
  margin: 10px 0;
  padding-left: 20px;
  list-style-type: disc;
}
#overlay.migrate-overlay .password-requirements ul {
  margin-top: 5px;
  padding-left: 20px;
  list-style-type: circle;
}
#overlay.tag {
  min-height: 270px;
  max-height: 300px;
}
#overlay.trip-type {
  min-height: 230px;
  max-height: 230px;
}
#overlay.payment-method, #overlay.project {
  min-height: 355px;
  height: 355px;
}
#overlay h1, #overlay h2, #overlay h3 {
  font-size: 2rem;
  font-weight: 600;
}
#overlay h1 {
  position: absolute;
  top: 15px;
  left: 15px;
  line-height: 30px;
  white-space: nowrap;
  z-index: 23;
  overflow: hidden;
}
#overlay h2 {
  padding-bottom: 10px;
  text-align: center;
}
#overlay h3 {
  padding: 10px 0 10px 0;
}
#overlay p {
  font-size: 1.4rem;
  padding: 10px 0 10px 0;
}
#overlay .scroll-pane-container {
  padding: 20px 0;
}
#overlay .scroll-pane-container.approve-actions {
  padding-bottom: 0;
}
#overlay .scroll-pane-content {
  padding: 0 20px;
}
#overlay .overlay-header-bar {
  font-size: 1.4rem;
  color: #515151;
  background: #fff;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  height: 30px;
  border-radius: 4px 4px 0 0;
  padding: 15px;
  position: relative;
  text-align: right;
  z-index: 22;
}
#overlay .overlay-header-bar .action-buttons {
  float: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#overlay .overlay-header-bar .action-buttons .cancel {
  color: #ff3823;
  box-shadow: none;
  border: none;
  background-color: white;
}
#overlay .overlay-header-bar .action-buttons .only-cancel {
  color: #ff3823;
}
#overlay .overlay-header-bar .action-buttons .save {
  color: #fff;
  background-color: #0650D0;
  border: 1px solid #0650D0;
  justify-content: center;
  min-width: 75px;
}
#overlay .overlay-header-bar .overlay-resize-header {
  display: inline-block;
}
#overlay .select .current-selection, #overlay .hasDatepicker, #overlay .amount {
  font-size: 1.2rem;
}
#overlay table {
  width: 100%;
  border-collapse: collapse;
}
#overlay table.overlay-table {
  border: 1px solid #e5e5e5;
}
#overlay table.overlay-table th, #overlay table.overlay-table td {
  padding: 10px;
}
#overlay table.overlay-table th {
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}
#overlay table.overlay-table-with-total thead {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
#overlay table.overlay-table-with-total th, #overlay table.overlay-table-with-total td {
  padding: 10px;
}
#overlay table.overlay-table-with-total th {
  text-align: left;
}
#overlay table.overlay-table-with-total tr {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: none;
  border-top: none;
}
#overlay table.overlay-table-with-total tr.last {
  font-weight: bold;
  border-top: 1px solid #e5e5e5;
  border-left: none;
}
#overlay table.overlay-table-with-total tr.last td.total {
  border: 1px solid #e5e5e5;
}
#overlay p.description {
  font-style: italic;
  white-space: pre-line;
}
#overlay .dropdown-content {
  font-size: inherit;
}
#overlay div.toggle-tabs {
  width: 100%;
  margin-top: 15px;
}
#overlay div.toggle-tabs table th {
  padding: 5px 0 5px 0;
  background-color: #f2f2f2;
  border: 1px solid #e5e5e5;
  color: #e5e5e5;
  cursor: pointer;
  width: 25%;
}
#overlay div.toggle-tabs table th.active {
  color: #515151;
  background-color: white;
  border-bottom-color: white;
}
#overlay div.toggle-tabs table th span {
  font-weight: 600;
  font-size: 1.8rem;
}
#overlay .toggle-tabs-content {
  padding: 15px;
  border: 1px solid #e5e5e5;
  border-top: none;
}
#overlay div.data-pagination.overlay-pagination {
  position: relative;
  float: right;
  margin-bottom: 15px;
}
#overlay table.allow-settings th.choice {
  width: 20%;
  text-align: center;
}
#overlay table.allow-settings th.choice div.align-middle {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#overlay table.allow-settings th.choice div.align-middle .icon {
  margin-top: 5px;
}
#overlay table.allow-settings th.choice div.align-middle a {
  height: auto;
}
#overlay table.allow-settings th.choice a {
  display: inline;
  text-decoration: underline;
  color: #0650D0;
  margin-top: 3px;
}
#overlay table.allow-settings th.choice span {
  position: absolute;
  left: 15px;
}
#overlay table.allow-settings th.choice span.allow {
  bottom: 3px;
}
#overlay table.allow-settings th.choice span.refuse {
  top: 3px;
}
#overlay table.allow-settings th.choice a:hover {
  color: #124b66;
  text-decoration: none;
}
#overlay table.allow-settings td .inherit-allow {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: center;
}
#overlay table.allow-settings td .inherit-allow svg {
  margin-top: 8px;
}
#overlay .double-input {
  display: inline-flex;
}
#overlay .double-input .currency-input {
  margin-left: 0;
}
#overlay .double-input .currency-input .current-selection {
  width: 125px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#overlay .double-input .currency-input .current-selection .arr-wrapper {
  margin-top: 0;
}
#overlay .double-input .currency-input .current-selection .arr-wrapper svg {
  background: #fff;
}
#overlay .double-input .currency-input-value input {
  width: 133px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#overlay .triple-input > * {
  margin: unset;
  padding: unset;
}
#overlay .triple-input {
  display: inline-flex;
}
#overlay .triple-input .input-first-position input {
  text-align: right;
  width: 80px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#overlay .triple-input .dropdown-first-position .current-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  right: -1px;
}
#overlay .triple-input .dropdown-first-position .current-selection .select {
  width: 65px;
  margin-right: 0;
}
#overlay .triple-input .dropdown-first-position .current-selection .arr-wrapper {
  margin-top: 0;
}
#overlay .triple-input .dropdown-first-position .current-selection .arr-wrapper svg {
  background: #fff;
}
#overlay .triple-input .dropdown-first-position.error .arr-wrapper {
  margin-top: 0;
}
#overlay .triple-input .dropdown-first-position.error .arr-wrapper svg {
  background: #F2DEDE;
}
#overlay .triple-input .dropdown-second-position .current-selection {
  position: relative;
  left: -1px;
  width: 75px;
  border-radius: 0;
}
#overlay .triple-input .input-second-position-with-controls input {
  padding: 7px 18px 7px 18px;
  text-align: center;
  width: 80px;
  border-radius: 0;
}
#overlay .triple-input .input-second-position-with-controls .controls {
  position: absolute;
  right: 2px;
  top: 0;
}
#overlay .triple-input .input-second-position-with-controls .controls .increment-button.up {
  position: relative;
  top: 0;
  border-radius: 0;
  margin-bottom: 0;
  height: 15px;
}
#overlay .triple-input .input-second-position-with-controls .controls .increment-button.up .arr {
  display: none;
}
#overlay .triple-input .input-second-position-with-controls .controls .increment-button.down {
  border-radius: 0;
  height: 15px;
}
#overlay .triple-input .input-second-position-with-controls .controls .increment-button.down .arr {
  display: none;
}
#overlay .triple-input .dropdown-third-position .current-selection {
  position: relative;
  left: -1px;
  width: 65px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#overlay .triple-input .dropdown-third-position.distance-unit .current-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  left: -1px;
  position: relative;
  width: 85px;
}
#overlay .errors.block {
  font-size: 1.1rem;
  font-weight: normal;
}
#overlay .container.flex-container .transaction-block, #overlay .container.flex-container .expense-block {
  width: 50%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#overlay .container.flex-container .transaction-block ol li, #overlay .container.flex-container .expense-block ol li {
  font-size: 14px;
  line-height: 14px;
  padding: 4px;
}
#overlay .container.flex-container .transaction-block ol li.red, #overlay .container.flex-container .expense-block ol li.red {
  color: #ff3823;
}
#overlay .container.flex-container .transaction-block ol li.green, #overlay .container.flex-container .expense-block ol li.green {
  color: #37B37E;
}

.nav-prev, .nav-next {
  display: block;
  width: 15px;
  height: 39px;
  position: fixed;
  top: 35vh;
  margin-top: -19.5px;
  cursor: pointer;
  opacity: 0.8;
  text-indent: -999px;
  overflow: hidden;
  transform: scale(3);
}
.nav-prev:hover, .nav-next:hover {
  opacity: 1;
}

.nav-prev {
  left: 15px;
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/left-arrow-e29aa13f64e6af29211fc3fefd5cea4d.svg") no-repeat center center;
}

.nav-next {
  right: 15px;
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/right-arrow-faa4cfeef854b8fc3082f3738fefeae8.svg") no-repeat center center;
}

.agree {
  overflow: auto;
}
.agree label {
  line-height: 46px;
  width: auto;
}
.agree .fake-checkbox {
  width: 12px;
  margin-left: 10px;
}
.agree .errors {
  line-height: 1.2em;
}
.agree .checkbox {
  text-align: left;
  line-height: 46px;
  float: left;
}
.agree .checkbox.error {
  background-color: transparent;
}
.agree .checkbox input {
  vertical-align: middle;
}
.agree .submit {
  clear: none;
  float: right;
  margin: 0;
}

#license-agreement {
  width: 590px;
  height: 290px;
  padding: 5px;
  box-shadow: inset #bbb 0 0 3px 1px;
  border-radius: 3px;
  overflow: auto;
}

.support .block {
  margin-bottom: 15px;
}

#prompt {
  z-index: 31;
  left: 0;
  position: absolute;
  top: 0;
  bottom: 15px;
  overflow: visible;
  visibility: hidden;
}
#prompt h1 {
  text-align: center;
  margin-bottom: 15px;
}
#prompt .buttons {
  padding-top: 30px;
  text-align: right;
}
#prompt .buttons .do-not-show-again {
  float: left;
}
#prompt .prompt-close-button {
  position: relative;
  right: 0;
  float: right;
  top: 0;
  border: none;
  z-index: 32;
}
#prompt .button {
  margin-left: 5px;
}
#prompt ul {
  margin: 15px;
  padding-left: 15px;
}
#prompt .scroll-pane-content {
  padding: 0 15px;
}
#prompt #prompt-inner {
  font-size: 1.4rem;
  color: #515151;
  background: #fff;
  padding: 15px;
  position: relative;
  margin: 0 auto;
  border-radius: 4px;
}
#prompt #prompt-inner .prompt--small {
  width: 350px;
}
#prompt #prompt-inner .prompt--medium {
  width: 466.6666666667px;
}
#prompt #prompt-inner .prompt--large {
  width: 525px;
}
#prompt #prompt-inner .prompt--large svg.close-prompt-icon {
  position: absolute;
  right: 5px;
  cursor: pointer;
}
#prompt #prompt-inner .prompt--large.general a, #prompt #prompt-inner .prompt--large.approve-ignore a, #prompt #prompt-inner .prompt--large.mandatory-approve a {
  font-size: 1.4rem;
}
#prompt #prompt-inner .approve, #prompt #prompt-inner .reject {
  width: 700px;
}
#prompt #prompt-inner .attach-customers .input.select span.select {
  min-width: 120px;
}
#prompt #prompt-inner .attach-customers .input.select span.select .arr-wrapper {
  top: 2px;
  right: 15px;
}
#prompt .export-csv-prompt {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#prompt .export-csv-prompt .header-content {
  display: inline-flex;
  justify-content: center;
}
#prompt .export-csv-prompt .flex-container.column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#prompt .export-csv-prompt .flex-container.column.files-map {
  max-height: 500px;
}
#prompt .export-csv-prompt .flex-container.column span {
  font-weight: normal;
}
#prompt .export-csv-prompt .flex-container.column .loading-spinner {
  width: 50px;
  margin-top: 30px;
}
#prompt .help {
  width: 512.5px;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  white-space: pre-wrap;
}
#prompt .help.info {
  border-left: solid 0.2em #3884FF;
}
#prompt .help.notice {
  border-left: solid 0.2em #fec63d;
}
#prompt .help.danger {
  border-left: solid 0.2em #ff3823;
}

#overlay.expense {
  width: 820px;
}
#overlay.expense .fields {
  width: 490px;
}
#overlay.expense .preview {
  width: 330px;
}
#overlay.expense .fields {
  float: left;
}
#overlay.expense .preview {
  float: right;
  position: relative;
  height: 100%;
}

@media (min-width: 1120px) {
  #overlay.expense {
    width: 1000px;
  }
  #overlay.expense .fields {
    width: 490px;
  }
  #overlay.expense .preview {
    width: 510px;
  }
}
#overlay .waypoints {
  list-style: none;
  padding: 0;
  margin: 0;
}
#overlay .waypoints .flex-row {
  display: flex;
  position: relative;
  bottom: 7px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
  gap: 10px;
}
#overlay .waypoints .flex-row .add-waypoints svg.icon {
  position: relative;
  top: 3px;
  left: 5px;
}

.add-amount, .add-waypoint {
  position: relative;
  bottom: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}
.add-amount a:hover, .add-waypoint a:hover {
  color: #0650D0;
}

.add-amount-button {
  border: none;
  color: #0650D0;
}
.add-amount-button span .icon {
  margin-top: 1px;
}
.add-amount-button:hover {
  color: #0650D0;
}

.remove-amount-button {
  color: #515151;
  border: none;
}
.remove-amount-button span .icon {
  margin-top: 2px;
}
.remove-amount-button:hover {
  color: #515151;
}

.remove-amount-button, .add-amount-button {
  align-items: center;
}
.remove-amount-button:hover, .add-amount-button:hover {
  box-shadow: none;
}

.waypoint .icon-cross {
  cursor: pointer;
}
.waypoint .input {
  display: inline;
}
.waypoint .text.large input {
  width: 248.5px;
}

#overlay.timesheet,
#overlay.duty,
#overlay.per_diem {
  width: 490px;
}
#overlay.timesheet .fields,
#overlay.duty .fields,
#overlay.per_diem .fields {
  float: none;
}
#overlay.timesheet .preview,
#overlay.duty .preview,
#overlay.per_diem .preview {
  display: none;
}

#overlay ol.amounts {
  list-style: none;
  margin-left: 0;
}
#overlay ol.amounts .currency-diff {
  margin-left: -5px;
  padding-left: 0;
  color: #515151;
}

.block-form .category-description {
  display: flex;
  justify-content: flex-end;
  margin-top: -10px;
  margin-left: 15px;
  padding: 0 8px 5px 8px;
}
.block-form .category-description dt {
  text-align: right;
}
.block-form .category-description dd {
  white-space: pre-line;
  font-weight: normal;
  font-size: 1.12rem;
  padding-top: 5px;
  margin-top: 0;
}
.block-form .expense-total .input, .block-form .expense-total dd {
  display: inline-flex;
  padding: 0;
  justify-content: flex-end;
}
.block-form .expense-total .input.error {
  height: 60px;
}
.block-form .expense-total input {
  width: 123.25px;
}
.block-form .expense-total dd {
  padding: 5px 6px;
  width: 141.25px;
  text-align: right;
}

.dropdown-content .new-report {
  font-style: italic;
  white-space: nowrap;
  cursor: pointer;
}

.copy-expense {
  width: 292.5px;
  min-height: 34px;
  margin-bottom: 10px;
  margin-left: 157.5px;
}
.copy-expense svg.icon {
  margin-right: 0;
}

/*
 View receipt styles
 */
.preview .center {
  position: relative;
  height: 100%;
}
.preview .center .loading {
  width: 300px;
  height: 100px;
  padding: 20px;
  position: relative;
  top: 40%;
  display: block;
  margin: 0 auto;
}
.preview .upload-container {
  font-size: 1.4rem;
  overflow: hidden;
  display: block;
  position: relative;
  height: 30px;
}
.preview .merge-container {
  font-size: 1.4rem;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.preview .upload-container.can-merge {
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
}
@media only screen and (max-height: 679px) {
  .preview .upload-container.no-attachments {
    height: 48vh;
  }
}
@media only screen and (min-height: 680px) {
  .preview .upload-container.no-attachments {
    height: 60vh;
  }
}
.preview .upload-container.no-attachments.can-merge {
  height: auto;
}
.preview .merge-container {
  top: 50%;
}
.preview .merge-container:hover {
  background: #EEF0FF;
}
.preview .merge-container:hover .merge-expense {
  text-decoration: underline;
}
.preview.is-uploading {
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
}
.preview.is-uploading .upload-container, .preview.is-uploading .merge-container {
  display: none;
}
.preview .upload {
  cursor: pointer;
}
.preview .filename {
  display: none;
}
.preview .select-msg {
  color: #0650D0;
}
.preview.upload-hover .upload-container {
  background-color: #EEF0FF;
}
.preview.upload-hover .select-msg {
  text-decoration: underline;
}
.preview.has-preview .merge-container, .preview.has-preview .upload-container {
  height: 30px;
  bottom: 0;
  top: auto;
  background: #000;
}
.preview.has-preview .icon.loading {
  position: relative;
  top: 45%;
  left: 45%;
}
.preview.has-preview .select-receipt, .preview.has-preview .merge-expense {
  color: #fff;
}
.preview.has-preview.is-transaction .upload-container, .preview.has-preview.is-transaction .merge-container {
  font-size: 1.2rem;
}
.preview.has-preview.is-transaction .merge-container {
  right: 50%;
}
.preview.has-preview.is-transaction .upload-container {
  left: 50%;
}
.preview.has-preview.upload-hover .upload-container, .preview.has-preview .merge-container:hover {
  background: #000;
}
.preview.upload-error .upload-container, .preview.has-preview.upload-error .upload-container {
  background: none;
  font-size: 1.4rem;
}
.preview.upload-error .upload-container:hover, .preview.has-preview.upload-error .upload-container:hover {
  background-color: #EEF0FF;
}
.preview.upload-error .select-receipt, .preview.has-preview.upload-error .select-receipt {
  color: #515151;
}

.select-receipt, .merge-expense {
  white-space: nowrap;
  color: #515151;
  background: none;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -15px;
  cursor: pointer;
}

.select-receipt .error {
  color: #ff3823;
  width: 100%;
  text-align: center;
}

.merge-container {
  display: block;
}
.merge-container:hover {
  background: #EEF0FF;
}
.merge-container:hover .merge-expense {
  text-decoration: underline;
}

#receipt-preview {
  display: none;
}
#receipt-preview img {
  opacity: 1;
  transform-origin: center;
  z-index: 21;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 15px;
  bottom: 0;
  right: 0;
  left: 0;
}
#receipt-preview .empty-image {
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  z-index: 21;
  width: 500px;
  display: none;
  margin: 0 auto;
  border: 1px solid #e9e9e9;
  max-height: 1400px;
  padding: 10px;
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
}
#receipt-preview .empty-image.is-loading, #receipt-preview .empty-image.has-error {
  height: 500px;
  width: 500px;
  z-index: 21;
  background-color: white;
  transition-delay: 0s;
}
#receipt-preview .empty-image .image-placeholder {
  margin: 20px auto 0 auto;
  z-index: 21;
  width: 500px;
  height: 700px;
  max-height: 470px;
  background-color: #f9f9f9;
  border: solid 2px #f1f1f1;
}
#receipt-preview .empty-image .image-placeholder p {
  padding-top: 1em;
}
#receipt-preview .empty-image .image-placeholder .no-image {
  z-index: 21;
  position: relative;
  top: 100px;
  height: 200px;
  color: #ababab;
}

.map-wrapper {
  width: 100%;
  height: 100%;
  bottom: 5px;
}

#map {
  width: inherit;
  height: inherit;
}

.block-form .input-distance-unit .input, .block-form .input-distance-unit dd {
  display: inline-block;
  padding: 0;
}
.block-form .input-distance-unit input {
  width: 236.25px;
}
.block-form .input-distance-unit dd {
  padding: 5px 6px;
  width: 4.25px;
}
.block-form .input-distance-unit .error {
  margin-right: -40px;
}

.picture-upload {
  overflow: hidden;
  top: -30px;
  position: relative;
  cursor: pointer;
  width: 100%;
  opacity: 0;
}
.picture-upload .upload {
  width: 100%;
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  left: 0;
  height: 20px;
  opacity: 0;
  cursor: pointer;
}

.upload-wrapper {
  position: relative;
  overflow: hidden;
}
.upload-wrapper .filename, .upload-wrapper .placeholder {
  padding: 0;
  margin: 0;
  text-align: center;
  border: 1px solid #ccc;
}
.upload-wrapper.hover .filename, .upload-wrapper.hover .placeholder {
  box-shadow: inset #aaa 0 0 4px 0;
}
.upload-wrapper .filename {
  display: none;
}
.upload-wrapper.has-file .filename {
  display: block;
}
.upload-wrapper.has-file .placeholder {
  display: none;
}
.upload-wrapper .loader {
  display: none;
}
.upload-wrapper.loading .loader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg) center center #fff no-repeat;
  opacity: 0.75;
  display: block;
}

/**
 * Customer / user profile pages
 */
.promo-image-section {
  margin-left: 15%;
}

#profile-header-section {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-width: 465px;
  padding: 0 15px 0 0;
  width: 945px;
}

.profile.interface-details {
  right: 0;
  left: 0;
}
.profile h2 {
  font-size: 2.4rem;
  padding-bottom: 10px;
}
.profile h3 {
  font-size: 2.4rem;
}
.profile.user {
  margin-left: 5px;
}
.profile.user .notification-icons span {
  margin-left: 15px;
}
.profile.user .notification-icons span:first-child {
  margin-left: 0;
  margin-bottom: 1px;
}
.profile.user .notification-icons label {
  width: 100px;
  cursor: pointer;
}
.profile.user h3 {
  padding-bottom: 10px;
}
.profile.user .profile-sidebar {
  float: left;
  width: 240px;
  margin-top: 15px;
}
.profile.user .profile-sidebar ul {
  list-style: none;
}
.profile.user .profile-sidebar ul li {
  margin-bottom: 5px;
}
.profile.user .profile-sidebar ul li a {
  display: block;
  position: relative;
  line-height: 30px;
  height: 30px;
  padding: 3px 0 3px 15px;
  color: #515151;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.4rem;
  transition: background-color 0.1s linear;
}
.profile.user .profile-sidebar ul li a:hover {
  background-color: #f8f8f8;
}
.profile.user .profile-sidebar ul li a.active {
  font-weight: 600;
  background-color: #eeeeee;
}
.profile.user .inner {
  padding: 10px 30px;
  border: 0;
}
.profile.user .inner .help span {
  width: 100%;
  padding-left: 25px;
}
.profile.user .inner .help span.icon {
  padding-left: 0;
}
.profile.user .inner .block {
  max-width: 542.5px;
  margin-bottom: 20px;
}
.profile.user .inner .block.checkbox-block.notifications {
  display: block;
}
.profile.user .inner .block--full-width {
  max-width: 100%;
}
.profile.customer h3 {
  padding-bottom: 10px;
}
.profile.customer .inner {
  border: 0;
  padding: 10px 30px;
  margin-left: 250px;
}
.profile h4 {
  font-weight: normal;
  font-style: italic;
  margin-bottom: 30px;
}
.profile .inner {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  padding: 30px;
  font-size: 1.4rem;
  color: #515151;
  overflow: auto;
  margin-bottom: 20px;
}
.profile .inner .saml-wrapper {
  display: inline-block;
}
.profile .inner .saml-wrapper label {
  margin-right: 0 !important;
  width: 145px !important;
}
.profile .inner .saml-wrapper .saml-information {
  display: inline-block;
  width: 260px;
}
.profile .inner .saml-wrapper .saml-information .can-connect {
  border-left: 4px solid #cacaca;
}
.profile .inner .saml-wrapper .saml-information .is-connected {
  border-left: 4px solid #77aa77;
}
.profile .inner .saml-wrapper .saml-information .not-connected {
  border-left: 4px solid #ababab;
}
.profile .inner .saml-wrapper .saml-information .hint-block {
  width: 300px;
  display: inline-block;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.profile .inner .saml-wrapper .sso {
  width: 670px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.profile .inner .saml-wrapper .sso .idp-title {
  text-align: center;
}
.profile .inner .saml-wrapper .sso .xml-upload {
  top: 15px;
  margin-top: -10px;
}
.profile .inner .saml-wrapper .sso .xml-upload .xml {
  margin-left: 149px;
  width: 500px;
  display: inline-block;
}
.profile .inner .saml-wrapper .sso .xml-upload .xml .filename {
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #fff;
  font-size: 14px;
  color: #515151;
  font-weight: 600;
  height: 20px;
  padding: 7px 8px;
  line-height: 18px;
}
.profile .inner .saml-wrapper .sso .xml-upload .xml .upload {
  z-index: 30;
  width: 500px;
}
.profile .inner .saml-wrapper .sso .xml-upload .button {
  margin-left: 15px;
  height: 20px;
}
.profile .inner .saml-wrapper .sso .underline {
  width: 100%;
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
}
.profile .inner .saml-wrapper .sso .delete {
  color: #ff3823;
}
.profile .inner .saml-wrapper .sso .double-input {
  width: 100%;
  position: relative;
  display: inline-block;
}
.profile .inner .saml-wrapper .sso .double-input label {
  margin-right: 0 !important;
  width: 145px !important;
}
.profile .inner .saml-wrapper .sso .double-input > :nth-child(1) {
  float: left;
}
.profile .inner .saml-wrapper .sso .double-input > :nth-child(2).metadata {
  margin-left: 15px;
  width: 82px;
  text-align: center;
}
.profile .inner .saml-wrapper .sso .double-input > :nth-child(2) .select {
  margin-left: -70px;
  width: 100px;
}
.profile .inner .saml-wrapper .sso .double-input > :nth-child(2).input {
  width: 100px;
}
.profile .inner .saml-wrapper .sso .double-input .picture-upload {
  opacity: 1;
}
.profile .inner .saml-wrapper .sso .cropped > input {
  width: 260px;
}
.profile .inner .saml-wrapper .sso .cropped > .select {
  width: 278px;
}
.profile .inner .blocks-row.split > .block, .profile .inner .blocks-row.split .block-form {
  border-right: 1px solid #eee;
}
.profile .inner .blocks-row.split > .block:last-child, .profile .inner .blocks-row.split .block-form:last-child {
  padding-right: 0;
  margin-right: 0;
  border: 0;
}
.profile .inner .blocks-row.split--small > .block, .profile .inner .blocks-row.split--small .block-form {
  padding-right: 35px;
  margin-right: 30px;
}
.profile .inner .blocks-row.split--medium > .block, .profile .inner .blocks-row.split--medium .block-form {
  padding-right: 65px;
  margin-right: 60px;
}
.profile .inner .blocks-row > .block, .profile .inner .blocks-row .block-form {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
.profile .inner .blocks-row > .block.material-shadow, .profile .inner .blocks-row .block-form.material-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  height: auto;
  padding: 30px;
  margin-right: 30px;
  margin-left: 0;
  overflow: hidden;
  border-radius: 2px;
  width: 482.5px;
}
.profile .inner .blocks-row > .block.material-shadow .checkbox-column-group, .profile .inner .blocks-row .block-form.material-shadow .checkbox-column-group {
  margin-left: 30px;
}
.profile .inner .blocks-row > .block.material-shadow .checkbox-column-group .group-name, .profile .inner .blocks-row .block-form.material-shadow .checkbox-column-group .group-name {
  font-weight: 600;
}
.profile .inner .blocks-row > .block.material-shadow .checkbox-column-group .checkbox-option-list, .profile .inner .blocks-row .block-form.material-shadow .checkbox-column-group .checkbox-option-list {
  margin-top: 10px;
}
.profile .inner .block {
  margin-bottom: 20px;
}
.profile .inner .block .title {
  font-weight: 500;
  font-size: 2.2rem;
}
.profile .profile-header {
  margin-bottom: 15px;
  margin-top: 15px;
}
.profile .profile-header .change-logo {
  position: relative;
}
.profile .profile-header .button {
  margin-right: 15px;
}
.profile .profile-header .picture-upload {
  opacity: 0;
}
.profile .profile-header .input, .profile .profile-header .block-form {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.profile.customer .vat-number div.input label {
  width: 280px;
}
.profile .help {
  width: 512.5px;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-left: solid 0.2em #3884FF;
  white-space: pre-wrap;
}
.profile .profile-sidebar {
  float: left;
  width: 240px;
  margin-top: 15px;
}
.profile .profile-sidebar ul {
  list-style: none;
}
.profile .profile-sidebar ul li {
  margin-bottom: 5px;
}
.profile .profile-sidebar ul li a {
  display: block;
  position: relative;
  line-height: 30px;
  height: 30px;
  padding: 3px 0 3px 15px;
  text-decoration: none;
  color: #515151;
  border-radius: 5px;
  font-size: 1.4rem;
  transition: background-color, 0.1s, linear;
}
.profile .profile-sidebar ul li a:hover {
  background-color: #f8f8f8;
  color: #515151;
}
.profile .profile-sidebar ul li a.active {
  background-color: #eeeeee;
  font-weight: 600;
}
.profile .profile-sidebar ul li a.active + ul {
  padding-top: 5px;
  max-height: 270px;
}
.profile .profile-sidebar ul li ul {
  padding-left: 15px;
  padding-top: 0;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease, padding 0.2s ease;
}
.profile .profile-sidebar ul li ul li {
  position: relative;
}
.profile .profile-sidebar ul li ul li:last-of-type {
  margin-bottom: 0;
}
.profile .profile-sidebar ul li ul li a {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  color: #777;
}
.profile .profile-sidebar ul li ul li a:hover {
  background-color: #fff;
}
.profile .profile-sidebar ul li ul li a.active {
  font-weight: 600;
  background-color: #fff;
  color: #0650D0;
}
.profile .profile-sidebar .button.new-company {
  color: #515151;
  box-shadow: none;
  line-height: 30px;
  height: 30px;
  padding: 3px 0;
  width: 240px;
  text-align: center;
  margin-top: 15px;
  transition: background-color, 0.1s, linear;
  border-radius: 2px;
}
.profile .profile-sidebar .button.new-company:focus {
  outline: none;
}
.profile .profile-sidebar .button.new-company > span {
  height: auto;
  line-height: normal;
  padding: 0;
  margin-left: 37px;
}

#company-logo-upload-wrapper {
  margin-left: 70px;
}
#company-logo-upload-wrapper .info {
  line-height: 34px;
  height: 34px;
  margin-bottom: 5px;
}
#company-logo-upload-wrapper .info .title {
  float: left;
  font-weight: bold;
}
#company-logo-upload-wrapper .info .remove {
  float: right;
  cursor: pointer;
}
#company-logo-upload-wrapper .change-logo {
  position: relative;
  padding: 15px;
  border: 2px dotted #eeeeee;
  width: 300px;
  height: 180px;
  overflow: hidden;
  box-shadow: none;
  transition: border, 0.1s, linear;
  border-radius: 5px;
}
#company-logo-upload-wrapper .change-logo:hover {
  border: 2px dotted #dddddd;
  background-color: #ffffff;
}
#company-logo-upload-wrapper .change-logo:hover .change-logo__content .placeholder {
  opacity: 0.35;
}
#company-logo-upload-wrapper .change-logo:hover .change-logo__overlay {
  opacity: 0.02;
}
#company-logo-upload-wrapper .change-logo:focus {
  outline: none;
}
#company-logo-upload-wrapper .change-logo__overlay {
  pointer-events: none;
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  background-color: #000000;
  opacity: 0.01;
  transition: opacity, 0.1s, linear;
  border-radius: 5px;
}
#company-logo-upload-wrapper .change-logo__content {
  pointer-events: none;
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  transition: background-color, 0.2s, linear;
}
#company-logo-upload-wrapper .change-logo__content .placeholder {
  line-height: 180px;
  height: 100%;
  text-align: center;
  color: #000;
  font-style: italic;
  opacity: 0.25;
  transition: opacity, 0.1s, linear;
}
#company-logo-upload-wrapper .change-logo__content img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 300px;
  max-height: 180px;
}
#company-logo-upload-wrapper .change-logo .picture-upload {
  top: 0;
  right: 15px;
  width: 330px;
  height: 210px;
}
#company-logo-upload-wrapper .change-logo .picture-upload .filename {
  display: block;
  opacity: 1;
}
#company-logo-upload-wrapper .change-logo .picture-upload .upload {
  height: 200px;
}

#approved-terms-message {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  width: 945px;
}
#approved-terms-message ul {
  list-style: none;
  margin: 15px 0;
  padding-left: 1rem;
}
#approved-terms-message ul > li {
  padding-left: 20px;
  position: relative;
}
#approved-terms-message span.icon.button {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  margin-right: 17px;
}
#approved-terms-message span.icon.button svg.icon {
  bottom: 3px;
  position: relative;
}

#connected-accounts:not(.loginIdpForm) {
  list-style: none;
  padding: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 45px;
  min-width: 625.5px;
}
#connected-accounts:not(.loginIdpForm) h2 {
  font-size: 1.2em;
  color: #c0c0c0;
  font-weight: normal;
  margin-bottom: 5px;
}
#overlay #connected-accounts:not(.loginIdpForm) {
  margin: 0;
}
#connected-accounts:not(.loginIdpForm) ul {
  list-style: none;
}
#connected-accounts:not(.loginIdpForm) li {
  clear: both;
  height: 35px;
  line-height: 35px;
  padding: 15px 0;
  margin-bottom: 15px;
  border-left: 4px solid transparent;
}
#connected-accounts:not(.loginIdpForm) .i-bridge-idp {
  padding-left: 60px;
  background: url("https://cdn.srxp.com/prd/assets/images/idps/i-bridge-131c3284da2f87b300fca90fe88671b9.png") no-repeat 15px 15px;
}
#connected-accounts:not(.loginIdpForm) .google-idp {
  padding-left: 60px;
  background: url("https://cdn.srxp.com/prd/assets/images/idps/google-80aee5946f674e7e16801586e12993d2.png") no-repeat 15px 15px;
}
#connected-accounts:not(.loginIdpForm) .debug-idp {
  padding-left: 60px;
  background: url("https://cdn.srxp.com/prd/assets/images/idps/debug-fda308b76f5595c62afc4abc193e42bd.png") no-repeat 15px 15px;
}
#connected-accounts:not(.loginIdpForm) .srxp-idp {
  padding-left: 60px;
  background: url("https://cdn.srxp.com/prd/assets/images/idps/srxp-416c377faf0f7a044c49f41ad47a56b8.png") no-repeat 15px 15px;
}
#connected-accounts:not(.loginIdpForm) .okta-idp {
  padding-left: 60px;
  background: url("https://cdn.srxp.com/prd/assets/images/idps/okta-77bc7618ecebd233ba1c2d475623292d.png") no-repeat 15px 15px;
}
#connected-accounts:not(.loginIdpForm) .bunq-idp {
  padding-left: 60px;
  background: url("https://cdn.srxp.com/prd/assets/images/idps/bunq-18cdf2f924c201f8b4a22af66a4784fe.png") no-repeat 15px 15px;
}
#connected-accounts:not(.loginIdpForm) .exact_online-idp {
  padding-left: 60px;
  background: url("https://cdn.srxp.com/prd/assets/images/idps/exact_online-068355439e79f5eba2bc7c79788b7257.png") no-repeat 15px 15px;
}
#connected-accounts:not(.loginIdpForm) .oei-idp {
  padding-left: 60px;
  background: url("https://cdn.srxp.com/prd/assets/images/idps/oei-90ecb7adc6e10358e4381b051fd55732.png") no-repeat 15px 15px;
}
#connected-accounts:not(.loginIdpForm) .twinfield-idp .name {
  position: relative;
  bottom: 10px;
}
#connected-accounts:not(.loginIdpForm) .is-preferred {
  background-color: #fcfcfc;
}
#connected-accounts:not(.loginIdpForm) .is-preferred .name {
  font-weight: bold;
  border-bottom: 1px dashed #515151;
}
#connected-accounts:not(.loginIdpForm) .can-connect {
  border-left: 3px solid #cacaca;
}
#connected-accounts:not(.loginIdpForm) .is-connected {
  border-left: 3px solid #37B37E;
}
#connected-accounts:not(.loginIdpForm) .not-connected {
  border-left: 3px solid #ababab;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
#connected-accounts:not(.loginIdpForm) .action {
  float: right;
}
#connected-accounts:not(.loginIdpForm) .action .link {
  padding-right: 15px;
}
#connected-accounts:not(.loginIdpForm) .default {
  float: right;
  padding-right: 15px;
  opacity: 0.25;
}
#connected-accounts:not(.loginIdpForm) .qrwrap {
  height: 210px;
}
#connected-accounts:not(.loginIdpForm) .icon-more-info {
  cursor: pointer;
}

.confirm-email-explanation .button {
  float: right;
}

#address-book .bookmark {
  margin-bottom: 10px;
}
#address-book .bookmark .bookmark__item-manage {
  display: inline-block;
  width: 542.5px;
  transition: background-color, 0.15s, linear;
}
#address-book .bookmark .bookmark__item-manage:hover .bookmark__item-content {
  border: 1px solid #dddddd;
  background-color: #eeeeee;
}
#address-book .bookmark .bookmark__item-manage:hover .bookmark__item-content .bookmark__tag {
  color: #515151;
}
#address-book .bookmark .bookmark__item-manage > .icon {
  float: left;
  margin-top: 8px;
}
#address-book .bookmark .bookmark__item-content {
  margin-left: 40px;
  padding: 10px;
  border: 1px solid transparent;
  background-color: #f8f8f8;
  border-radius: 5px;
  transition: background-color 0.15s linear, border 0.15s linear;
}
#address-book .bookmark .bookmark__tag {
  font-weight: bold;
  transition: color 0.15s linear;
}
#address-book .bookmark .bookmark__separator {
  padding: 0 7px;
  color: #6c6e71;
}
#address-book .bookmark .bookmark__address {
  color: #6c6e71;
  font-size: 13px;
}
#address-book .bookmark .bookmark__item-remove {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
  vertical-align: top;
}
#address-book .bookmark--mock .bookmark__item-manage:hover .bookmark__item-content {
  background-color: #ffffff;
}
#address-book .bookmark--mock .bookmark__item-content {
  border: 1px dashed #dddddd;
  background-color: #ffffff;
}
#address-book .bookmark--mock .bookmark__tag {
  color: #696969;
  font-weight: normal;
}

#overlay.bookmark {
  width: 1000px;
}
#overlay.bookmark .block {
  width: auto;
  max-width: 100%;
  margin-bottom: 0;
}
#overlay.bookmark .block .info-block .input-field {
  position: relative;
}
#overlay.bookmark .block .info-block .input-field.tag {
  float: left;
}
#overlay.bookmark .block .info-block .input-field.tag.enabled input {
  width: 200px;
  padding-left: 60px;
}
#overlay.bookmark .block .info-block .input-field.tag.enabled .icon-container {
  width: 50px;
}
#overlay.bookmark .block .info-block .input-field.tag.enabled .icon-container.clickable > .icon.select-handle {
  display: inline;
  position: absolute;
  right: 0;
  left: auto;
  top: 11px;
}
#overlay.bookmark .block .info-block .input-field.tag input {
  width: 210px;
  padding-left: 48px;
}
#overlay.bookmark .block .info-block .input-field.tag .icon-container {
  position: absolute;
  width: 38px;
  height: 34px;
  border: 1px solid transparent;
  border-right: 1px solid #d2d2d2;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 33;
  transition: background-color 0.15s linear, border 0.15s linear;
}
#overlay.bookmark .block .info-block .input-field.tag .icon-container.clickable:hover {
  background-color: #f8f8f8;
}
#overlay.bookmark .block .info-block .input-field.tag .icon-container.clickable:active > .icon.user-selected {
  transform: scale(0.91);
}
#overlay.bookmark .block .info-block .input-field.tag .icon-container.clickable .icon {
  transition: transform, 0.1s, linear;
}
#overlay.bookmark .block .info-block .input-field.tag .icon-container .icon.user-selected {
  position: absolute;
  top: 5px;
  left: 6px;
  transform: scale(0.83);
}
#overlay.bookmark .block .info-block .input-field.tag .icon-container .icon.select-handle {
  display: none;
}
#overlay.bookmark .block .info-block .input-field.address {
  margin-left: 280px;
}
#overlay.bookmark .block .info-block .input-field.address input {
  width: 660px;
}
#overlay.bookmark .block .info-block .input-field .icon-select {
  position: absolute;
  z-index: 33;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: top 0.15s linear, opacity 0.15s linear;
}
#overlay.bookmark .block .info-block .input-field .icon-select.visible {
  top: 47px;
  opacity: 1;
  pointer-events: auto;
}
#overlay.bookmark .block .info-block .input-field .icon-select.visible + .icon-container {
  background-color: #f8f8f8;
}
#overlay.bookmark .block .info-block .input-field .icon-select.visible + .icon-container > .icon.select-handle {
  transform: rotate(180deg);
}
#overlay.bookmark .block .info-block .input-field .icon-select ul.icon-select__list {
  width: 132px;
  list-style: none;
  margin: 0;
  font-size: 0;
  background-color: #fff;
  outline: 1px solid #f8f8f8;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 4px 0;
}
#overlay.bookmark .block .info-block .input-field .icon-select ul.icon-select__list li.icon-select__item {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 10px;
  outline: 1px solid #f2f2f2;
  transition: background-color, 0.15s, linear;
}
#overlay.bookmark .block .info-block .input-field .icon-select ul.icon-select__list li.icon-select__item:hover {
  background-color: #f8f8f8;
}
#overlay.bookmark .block .info-block .input-field .icon-select ul.icon-select__list li.icon-select__item .icon {
  position: static;
  transform: none;
}
#overlay.bookmark .block .map-block {
  height: 500px;
}

.loading-content {
  overflow: hidden;
  position: relative;
  margin-top: 7.5px;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  animation: loading-content 1.7s infinite linear forwards;
}
.loading-content .loading-row {
  background: #fff;
  background-clip: content-box;
  height: 15px;
  margin-top: 14px;
}
.loading-content .loading-row.title {
  position: relative;
  height: 15px;
  margin-top: 30px;
}
.loading-content .loading-row.title::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 15px;
  height: 45px;
  width: 85%;
  background: #fff;
}
.loading-content .loading-row.description {
  position: relative;
  margin-top: 7px;
  height: 7.5px;
}
.loading-content .loading-row.description::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 7.5px;
  height: 14.5px;
  width: 70%;
  background: #fff;
}
.loading-content .loading-row.description.l1::before {
  width: 75%;
}
.loading-content .loading-row.description.l2::before {
  width: 80%;
}
.loading-content .loading-row.content {
  position: relative;
}
.loading-content .loading-row.content::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 15px;
  height: 29px;
  width: 55%;
  background: #fff;
}
.loading-content .loading-row.content.l1::before {
  width: 70%;
}
.loading-content .loading-row.content.l2::before {
  width: 60%;
}
.loading-content .loading-row.content.l3::before {
  width: 65%;
}
.loading-content .loading-row.spacing {
  height: 15px;
  margin: 0;
}
.loading-content .loading-row.spacing--half {
  height: 7.5px;
  margin: 0;
}
.loading-content .loading-row.spacing--double {
  height: 30px;
  margin: 0;
}

.profile-external-credentials h1 {
  margin-bottom: 20px;
}
.profile-external-credentials .connection-section {
  min-width: 542.5px;
  padding-right: 15px;
}
.profile-external-credentials.bunq .external-connect {
  background: url("https://cdn.srxp.com/prd/assets/images/external-systems/bunq/connect-53f2178e18c963c6efdb967b34f944e1.png") no-repeat center center;
  background-size: 200px;
  width: 200px;
  height: 35px;
  border: none;
}
.profile-external-credentials .external-connect__icon--loading {
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
  overflow: hidden;
  width: 1em;
  height: 1em;
}

.external-connect {
  left: 67px;
  margin: auto;
  text-align: center;
}

.external-credentials-delete-button {
  margin: 7px 0 0 20px;
  cursor: pointer;
}
.external-credentials-delete-button:hover {
  opacity: 0.75;
}

.profile-exact-connect-input .exact-online-buttons {
  width: 13em;
  margin-right: 1em;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.profile-exact-connect-input .exact-online-buttons:last-child {
  margin-right: 0;
}
.profile-exact-connect-input .input.small-input.exact-online-select {
  display: inline-block;
  width: 13em;
  margin-right: 1em;
}
.profile-exact-connect-input .input.small-input.exact-online-select .select {
  width: 100%;
}
.profile-exact-connect-input .exact-online-connection-button {
  display: inline-block;
  width: 26.3em;
}
.profile-exact-connect-input .exact-online-connection-button .external-connect {
  width: 100%;
}

.import-wizard {
  display: inline-block;
}

.footer-container {
  background-color: aliceblue;
  color: #0650D0;
  bottom: 15px;
  left: 10px;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  display: block;
  padding: 5px 5px 15px 15px;
  position: fixed;
  transform: translate(0);
  transition: transform, 2s, ease-in, opacity, 2s, ease-in;
  width: 200px;
}
.footer-container .dismiss-button:hover {
  cursor: pointer;
}
.footer-container .logged-in-as {
  font-size: 13px;
  font-weight: 600;
}
.footer-container .email {
  font-size: 13px;
}
.footer-container.should-not-display {
  transform: translate(0, 999px);
  opacity: 0;
}

/**
 * Cross-browser rotation classes. Yay.
 */
.rotate-270 {
  -webkit-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}

.rotate-180 {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.rotate-90 {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.rotate-180-pos {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.custom-csv {
  width: 100%;
  font-size: 12px;
}

.handle {
  cursor: move;
}

.is-prepared .checkbox label {
  display: none;
}

.advanced-filter.export {
  width: 1020px;
}

.export-status-pending dd {
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") left center no-repeat;
  padding-left: 31px;
}

.export ol.inline li {
  color: #515151;
  font-weight: normal;
}

.notification-container {
  position: absolute;
  top: 0;
  right: 15px;
  overflow: hidden;
  z-index: 20;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
}

#overlay .notification-container {
  position: absolute;
  top: -45px;
  right: 0;
  bottom: auto;
  left: auto;
}

#overlay #notification {
  min-width: 0;
}

#notification {
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  min-width: 300px;
  float: left;
  height: 40px;
  line-height: 40px;
  border-bottom: solid 0.2em #0650D0;
  border-radius: 2px;
  color: #515151;
  font-size: 14px;
  padding: 0 42px 0 10px;
}
#notification .close {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 1px;
  transform: scale(0.8);
  height: 22px;
  width: 22px;
  text-indent: -999px;
  overflow: hidden;
  background-image: url("https://cdn.srxp.com/prd/assets/images/svg-icons/green-cross-46a5cd97a793a242924e6ae084cba8b0.svg");
}
#notification.neutral {
  border-bottom: solid 0.2em #fec63d;
}
#notification.neutral .close {
  background-image: url("https://cdn.srxp.com/prd/assets/images/svg-icons/yellow-cross-8947fe2f82e069dc2a78a69d23318335.svg");
}
#notification.error {
  border-bottom: solid 0.2em #ff3823;
}
#notification.error .close {
  background-image: url("https://cdn.srxp.com/prd/assets/images/svg-icons/red-cross-notifications-8dc5df11495f473f9870035759349bc2.svg");
}
#notification.working {
  background-image: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg");
  background-position: 0 center;
  background-repeat: no-repeat;
  padding-left: 40px;
  border-bottom: solid 0.2em #fec63d;
}
#notification.working .close {
  background-image: url("https://cdn.srxp.com/prd/assets/images/svg-icons/yellow-cross-8947fe2f82e069dc2a78a69d23318335.svg");
}

.filter-block {
  float: left;
  width: 454px;
}
.filter-block.right {
  float: right;
}

.filter-block-wrapper {
  float: right;
  overflow: auto;
  margin-right: 12px;
  padding-left: 27px;
  width: 980px;
}

.select-filter {
  border-top: 1px solid #e5e5e5;
  float: right;
  overflow: auto;
  margin-right: 12px;
  padding-top: 10px;
  width: 980px;
}

.filter-container {
  position: absolute;
  top: 60px;
  left: 255px;
  max-width: 300px;
  z-index: 19;
}
.filter-container.superuser-filter {
  left: 15px;
}
.filter-container.report-filter {
  left: 15px;
  top: 130px;
}
.filter-container.report-filter.has-trips {
  top: 165px;
}

.flex-container {
  display: flex;
}
.flex-container.flex-row {
  flex-direction: row;
  flex-wrap: nowrap;
}

.filter-field {
  position: relative;
}
.filter-field .add-filter {
  box-shadow: none;
  font-size: 9px;
  height: 20px;
  position: relative;
  right: 0;
  border: 1px solid #e5e5e5;
  border-radius: 0 2px 2px 0;
  border-left: none;
}
.filter-field .add-filter:focus {
  outline: none;
}
.filter-field .add-filter:active {
  box-shadow: none;
  transform: none;
}
.filter-field input {
  width: 300px;
  transition: width 100ms;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 24px;
  position: relative;
}
.filter-field input:focus {
  width: 800px;
}
.filter-field.has-advanced input {
  padding-right: 22px;
}
.filter-field .icon-search {
  cursor: pointer;
  margin-left: 5px;
}
.filter-field .icon-search svg {
  margin-top: 5px;
}

.advanced-filter {
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 94%;
  width: auto;
  min-width: 450px;
  padding: 15px;
  z-index: 19;
  font-size: 1.4rem;
}
.advanced-filter .submit span {
  margin-left: 0;
}

.choose-settings {
  margin-bottom: 10px;
  position: relative;
}
.choose-settings input {
  opacity: 0;
  margin: 0;
  padding: 0;
}
.choose-settings label {
  vertical-align: top;
}
.choose-settings .setting {
  display: inline-block;
  cursor: pointer;
  padding: 0 5px 0 5px;
  border: 1px solid transparent;
}
.choose-settings .setting.selected {
  background: #DFF0D8;
  border: 1px solid #7ebd72;
}
.choose-settings .setting.selected label {
  color: #508847;
}
.choose-settings .setting:hover {
  border: 1px solid #7ebd72;
}
.choose-settings .setting input {
  cursor: pointer;
  position: absolute;
}
.choose-settings .setting label {
  cursor: pointer;
  width: 150px;
  height: auto;
}
.choose-settings .setting.user-two {
  margin-left: 10px;
}

.assistants-rights {
  font-weight: bold;
}

/**
 * Styles for the custom scroll bar, only vertical scroll supported
 * at this point. We keep scrolling enabled, but move the actual
 * scrollbar out of the parent view by increasing its size with
 * the scrollbar width using JavaScript (using any other "safe"
 * size actually messes with positioning) and hiding that out by
 * using a wrapper with overflow: hidden.
 *
 * This technique was taken from simplebar, which for various reasons
 * is not useful for our use case by itself.
 */
.scroll-pane-container {
  overflow: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.scroll-pane-scroller {
  overflow-x: hidden;
  overflow-y: scroll;
}

/**
 * Styles of the actual visible scroll bar, taken
 * from simplebar (their bar is kinda nice).
 */
.scroll-pane-track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 11px;
  cursor: pointer;
}
.scroll-pane-track.hidden {
  display: none;
}

.scroll-pane-bar {
  position: absolute;
  right: 2px;
  border-radius: 7px;
  min-height: 10px;
  width: 7px;
  background: #6c6e71;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
}

.explanation {
  width: 100em;
}

.import-choices {
  height: 50em;
}
.import-choices a {
  text-decoration: none;
}
.import-choices .new {
  background: url("https://cdn.srxp.com/prd/assets/images/new-star-789d46c45306fae261b6f42fb520a11a.png") no-repeat 50% 130%;
  background-size: 15em;
}
.import-choices .choose-import {
  margin: 20px 20px 20px 20px;
  padding: 75px 100px 75px 100px;
}
.import-choices .choose-import:hover {
  background-color: #0650D0;
  color: white;
}
.import-choices .import-wizard {
  background: url("https://cdn.srxp.com/prd/assets/images/new-star-789d46c45306fae261b6f42fb520a11a.png") no-repeat 50% 130%;
  background-size: 12em;
}

.csv-import {
  width: 80%;
  padding: 0 15px;
}
.csv-import h2 {
  margin-bottom: 10px;
}
.csv-import h3 {
  font-size: 2.4rem;
}
.csv-import h4 {
  font-style: italic;
  font-weight: normal;
  margin-bottom: 30px;
  max-width: 75%;
}
.csv-import .import-header,
.csv-import .asset-list,
.csv-import .import-configuration {
  font-size: 1.4rem;
  background-color: #fff;
  color: #515151;
  border-radius: 2px;
  margin-bottom: 10px;
  padding: 30px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
.csv-import .import-header label,
.csv-import .asset-list label,
.csv-import .import-configuration label {
  width: 100px;
}
.csv-import .import-header label.fake-checkbox,
.csv-import .asset-list label.fake-checkbox,
.csv-import .import-configuration label.fake-checkbox {
  width: 12px;
}
.csv-import .import-header .block,
.csv-import .asset-list .block,
.csv-import .import-configuration .block {
  margin-bottom: 20px;
}
.csv-import .import-header p,
.csv-import .asset-list p,
.csv-import .import-configuration p {
  font-size: 1.4rem;
}
.csv-import .import-header .upload-button,
.csv-import .asset-list .upload-button,
.csv-import .import-configuration .upload-button {
  margin-bottom: 10px;
}
.csv-import .import-header .upload-button-user,
.csv-import .asset-list .upload-button-user,
.csv-import .import-configuration .upload-button-user {
  margin-right: 5px;
}
.csv-import .import-header .csv-upload,
.csv-import .asset-list .csv-upload,
.csv-import .import-configuration .csv-upload {
  height: auto;
  margin-bottom: 10px;
  display: inline;
  position: relative;
  width: auto;
}
.csv-import .import-header .csv-upload .button,
.csv-import .asset-list .csv-upload .button,
.csv-import .import-configuration .csv-upload .button {
  margin-left: 250px;
  z-index: 0;
  bottom: 39px;
}
.csv-import .import-header .csv-upload .csv,
.csv-import .asset-list .csv-upload .csv,
.csv-import .import-configuration .csv-upload .csv {
  z-index: 2;
}
.csv-import .import-header .csv-upload .picture-upload,
.csv-import .asset-list .csv-upload .picture-upload,
.csv-import .import-configuration .csv-upload .picture-upload {
  opacity: 1;
  top: 0;
  width: 345px;
}
.csv-import .import-header .explanation,
.csv-import .asset-list .explanation,
.csv-import .import-configuration .explanation {
  font-style: italic;
  font-weight: normal;
  text-align: justify;
  margin-bottom: 30px;
  max-width: 55%;
}
.csv-import .upload-button {
  bottom: 34px;
}
.csv-import .import-configuration p {
  margin-bottom: 30px;
}
.csv-import .cancel {
  font-size: 1.4rem;
  margin-left: 10px;
}
.csv-import .preview td {
  overflow: hidden;
}
.csv-import .choose-user-import {
  width: 50em;
}

span.faulty-approver-stages {
  color: #f00;
}

form.alias {
  display: inline-block;
  font-size: 1.4rem;
}
form.alias label {
  margin-right: 10px;
}

.tag-items {
  display: inline-block;
  position: relative;
}
.tag-items label {
  position: absolute;
  top: 0;
}
.tag-items .tags .show-tags {
  display: block;
  margin-bottom: 10px;
}
.tag-items .tags .tag {
  position: relative;
  display: inline-block;
  font-size: 14px;
  padding: 3px 5px 3px 15px;
  border-radius: 4px;
  margin: 0 10px 10px 0;
  border: 1px solid #e5e5e5;
  background-color: aliceblue;
}
.tag-items .tags .tag .tag-name {
  font-weight: bold;
}
.tag-items .tags .tag .tag-delete {
  cursor: pointer;
}
.tag-items.contrast .tag {
  background-color: #d4ecff;
}

.expense-tags .tags {
  width: 274.5px;
  margin-left: 157.5px;
}
.expense-tags .tags .tag {
  margin: 0 10px 10px 0;
}

#overlay.export-format {
  width: 870px;
  overflow-y: hidden;
  max-height: 85vh;
}
#overlay.export-format .add-column-table-button {
  margin-top: 15px;
}
#overlay.export-format .table-row-editor .editor {
  width: 100%;
  height: 20em;
}
#overlay.export-format .data {
  position: relative;
  overflow: auto;
  overflow-y: hidden;
  width: 100%;
}
#overlay.export-format .data td.format {
  max-width: 6em;
}
#overlay.export-format .data td.generic-dropdown {
  max-width: 10em;
}
#overlay.export-format .csv tfoot td {
  cursor: pointer;
  text-align: center;
}
#overlay.export-format .csv .is-hidden {
  background-color: #F2F2F2;
}
#overlay.export-format .csv .is-hidden .arr-wrapper {
  background-color: #F2F2F2;
}
#overlay.export-format .csv .handle, #overlay.export-format .csv .delete-column {
  cursor: pointer;
  text-align: center;
}
#overlay.export-format .csv .input-column {
  min-width: 12em;
}
#overlay.export-format .csv .no-constant {
  background-color: #F2F2F2;
}
#overlay.export-format .csv [id^=export_format] {
  cursor: help;
}
#overlay.export-format .csv .function-icon {
  padding: 0.8em;
}
#overlay.export-format .csv .border-top {
  border-top: 1px solid #b0b0b0;
}
#overlay.export-format .csv .border-bottom {
  border-bottom: 1px solid #b0b0b0;
}
#overlay.export-format .csv .border {
  border: 1px solid #b0b0b0;
}
#overlay.export-format .csv .full-width {
  outline: 0;
  width: 100%;
  position: relative;
  display: block;
  padding: 0 10px 0 10px;
  border: 1px solid #b0b0b0;
  background: transparent;
  margin: -1px -11px;
}
#overlay.export-format .exact .external-connect {
  left: 0;
}
#overlay.export-format .exact .connected {
  display: inline-block;
  line-height: -1px;
  background-color: #DFF0D8;
  color: #508847;
  border: 1px solid #D6E9C6;
  font-size: 12px;
}
#overlay.export-format .exact .connected .icon {
  padding-right: 10px;
}
#overlay.export-format .support-link {
  padding: 1em;
}
#overlay.export-format .help-tag {
  position: absolute;
  z-index: 100000;
  width: 15em;
  min-height: 2em;
  padding: 1em;
  background-color: #FEFDCF;
  border: solid #E7D7C1 1px;
  color: #AA8946;
  display: none;
}
#overlay.export-format .help-tag .close-button {
  float: right;
  position: relative;
  top: -2em;
  right: -2em;
}

div.generic-values h3 {
  margin-top: 15px;
}

.excel-function-area {
  background-color: #ffffff;
  border: solid 1px #ababab;
  left: 40%;
  padding: 1em 1em 1em 1em;
  position: absolute;
  top: 50%;
  width: 18em;
  z-index: 10000;
}
.excel-function-area .elements {
  cursor: pointer;
  display: block;
  float: left;
  position: relative;
  text-align: center;
  top: 0;
  width: 2.5em;
  margin: 0 1em 0 0;
}
.excel-function-area .elements .icon-function {
  position: relative;
  right: -0.7em;
}
.excel-function-area .elements .button {
  margin-top: 1.9em;
}
.excel-function-area .fields {
  float: left;
  position: relative;
  height: 5em;
  width: 13em;
}
.excel-function-area .fields textarea {
  background-color: transparent;
  border-radius: 0;
  font-size: 1em;
  height: 5em;
  line-height: 1em;
  margin: 0;
  z-index: 10001;
}
.excel-function-area .fields .backdrop {
  height: 5em;
  overflow: auto;
  pointer-events: none;
  position: absolute;
  transition: transform 1s;
  width: 14em;
}
.excel-function-area .fields .backdrop .highlights {
  color: transparent;
  font-size: 1em;
  line-height: 1em;
  padding: 6px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.excel-function-area .fields .backdrop .highlights mark.line {
  background-color: transparent;
  color: #a43f00;
  font-weight: 400;
  z-index: 0;
}
.excel-function-area .fields .backdrop .highlights mark {
  background-color: transparent;
  color: #4bb1cf;
  font-weight: 400;
  z-index: 0;
}

.import-history .is-failed {
  color: #ff3823;
  text-decoration: underline;
}
.import-history .is-success {
  color: #37B37E;
  text-decoration: underline;
}
.import-history .is-partly_succeeded {
  color: #884418;
  text-decoration: underline;
}
.import-history .is-pending {
  color: #fec63d;
  text-decoration: underline;
}

#overlay.import {
  width: 860px;
}

.import-format .icon-cross {
  cursor: pointer;
}
.import-format #entity-error-list,
.import-format #identifier-error-list {
  margin-left: 0;
}
.import-format .entity-errors {
  color: #ff3823;
  font-weight: bold;
  list-style: none;
  margin-bottom: 15px;
}
.import-format .corporate-entity,
.import-format .client-identifier {
  display: inline-block;
  margin-right: 10px;
}
.import-format .corporate-entity input,
.import-format .client-identifier input {
  width: 242.5px;
}

.import-header .info-help {
  width: 512.5px;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-left: solid 0.2em #3884FF;
  font-size: 12px !important;
}

.slider.ui-slider {
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.16);
  display: inline-block;
  height: 20px;
  width: 750px;
  margin: 20px 0 20px 0;
}
.slider .filler {
  background-color: #37B37E;
  border-color: #37B37E;
  height: 20px;
  width: 700px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.slider a.ui-slider-handle {
  border: 1px solid #4A6C85;
  background-image: none;
  background-color: #4A6C85;
  border-radius: 5px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
  height: 30px;
  width: 25px;
  top: -7.5px;
}
.slider a.ui-slider-handle:hover {
  background-image: none;
}
.slider a.ui-slider-handle:focus {
  background-image: none;
}

.slider-header {
  text-align: center;
}
.slider-header .button.increment span, .slider-header .button.decrement span {
  padding: 0;
  width: 18px;
}
.slider-header .value {
  display: inline-block;
  font-weight: bold;
  min-width: 50px;
}

.foldable-item {
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  min-width: 625.5px;
}
.foldable-item .overview {
  position: relative;
  padding: 10px 15px 15px 15px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  transition: 0.15s, linear, background;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 10px;
}
.foldable-item .overview + .item {
  overflow: hidden;
  max-height: 0;
  margin: 15px;
  width: 600px;
  transition: 0.2s, ease, max-height;
}
.foldable-item .overview + .item .add-stage > .delete-stage {
  margin-right: 40px;
}
.foldable-item .overview + .item .button {
  margin-right: 20px;
}
.foldable-item .overview + .item div {
  margin: 15px;
}
.foldable-item .overview + .item div .vat-number {
  margin-left: 0;
}
.foldable-item .overview + .item div .vat-number input {
  width: 275px;
}
.foldable-item .overview + .item .block label:first-child {
  width: 250px;
  padding-left: 15px;
}
.foldable-item .overview + .item .expiration-date.date {
  margin-left: 280px;
}
.foldable-item .overview + .item h2 {
  margin: 0 0 15px 15px;
  font-size: 1.4rem;
  font-weight: 800;
}
.foldable-item .overview + .item h2.section-title {
  margin: 0;
  font-size: 1.6em;
}
.foldable-item .overview .preview-fields .name {
  float: left;
  margin-left: 15px;
  font-size: 14px;
}
.foldable-item .overview .preview-fields .dates {
  width: 200px;
  float: right;
  margin-right: 15px;
}
.foldable-item .overview .preview-fields .dates > div {
  display: inline-block;
}
.foldable-item .overview .preview-fields .dates .expiration-date:before {
  content: "-";
}
.foldable-item .overview .preview-fields .status {
  float: right;
  margin-right: 45px;
}
.foldable-item .overview .preview-fields .status.enabled {
  color: #37B37E;
}
.foldable-item .overview .preview-fields .status.disabled {
  color: #cd0a0a;
}
.foldable-item .overview .preview-fields .fold-icon {
  position: absolute;
  top: 1em;
  right: 2em;
}
.foldable-item.expanded .item {
  max-height: 1000px;
  height: auto;
  margin-top: 0;
  margin-bottom: 15px;
  padding: 15px 0;
}
.foldable-item.foldable-motivation-optional {
  width: 100%;
  min-width: unset;
}
.foldable-item.foldable-motivation-optional .preview-fields .name {
  font-weight: 600;
}

.custom-foldable-item {
  width: 990px;
  margin-bottom: 22.5px;
}
.custom-foldable-item .overview + .item {
  width: auto;
}

h1.subscription {
  text-align: center;
  margin-bottom: 20px;
}

.subscription-overview {
  font-size: 1.4rem;
  width: 900px;
  margin: 0 auto;
  padding: 15px;
}
.subscription-overview .input label {
  margin-right: 15px;
}
.subscription-overview .imitate-input {
  font-weight: bold;
}
.subscription-overview .block {
  padding: 15px;
  width: 419px;
}
.subscription-overview .block.left {
  float: left;
}
.subscription-overview .block.left .subscription-status {
  margin-left: 0;
}
.subscription-overview .block.right {
  float: right;
}
.subscription-overview .block .right-border {
  border-right: 1px solid #e1e1e1;
}
.subscription-overview .information {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0 !important;
}
.subscription-overview .information .block {
  padding: 15px;
  width: 419px;
}
.subscription-overview .information .block.left {
  float: none;
  padding: 10px;
  margin: 0;
}
.subscription-overview .information .block.left .subscription-status {
  margin-left: 0;
}
.subscription-overview .information .block.right {
  float: none;
  padding: 10px;
  margin: 0;
}
.subscription-overview .information .block .right-border {
  border-right: 1px solid #e1e1e1;
}
.subscription-overview .information .input label {
  display: inline-block;
  width: 200px;
}
.subscription-overview .information .non_renewing .imitate-input, .subscription-overview .information .cancelled .imitate-input {
  color: #ff3823;
}
.subscription-overview .information .active .imitate-input {
  color: #37B37E;
}
.subscription-overview .actions {
  margin-top: -3px;
  text-align: center;
  padding: 15px;
  position: relative;
}
.subscription-overview .actions .other {
  position: absolute;
  right: 15px;
  display: inline-block;
}
.subscription-overview .notifications {
  text-align: center;
}
.subscription-overview .notifications span {
  border-radius: 5px;
  padding: 3px 5px 3px 5px;
}
.subscription-overview .notifications .negative {
  color: white;
  background-color: #ff3823;
}
.subscription-overview .renewal-details {
  padding: 15px;
}
.subscription-overview .renewal-details h2 {
  font-size: 1.8rem;
  margin-bottom: 15px;
}
.subscription-overview .renewal-details table {
  border-collapse: collapse;
  width: 870px;
  font-size: 12px;
}
.subscription-overview .renewal-details table th, .subscription-overview .renewal-details table td {
  text-align: left;
  padding: 7.5px;
  border: 1px solid #d2d2d2;
}
.subscription-overview .renewal-details table .total {
  font-weight: bold;
}
.subscription-overview .renewal-details table .total .label {
  text-align: right;
}
.subscription-overview .renewal-details table .total .no-border {
  border: none;
}

#prompt .subscription .bold {
  font-weight: bold;
}

.change-subscription .imitate-container {
  margin-bottom: 10px;
}
.change-subscription .go-to-profile, .change-subscription .confirm {
  float: right;
}
.change-subscription .explanation .bold {
  font-weight: bold;
}
.change-subscription label {
  display: inline-block;
  width: 200px;
}
.change-subscription .next-quantity input {
  width: 50px;
}
.change-subscription .button {
  margin-top: 15px;
}

.invoice.open, .invoice.open .current-selection {
  color: #ae6e34;
}
.invoice.overdue, .invoice.overdue .current-selection {
  color: #b94a48;
}
.invoice.partly_paid, .invoice.partly_paid .current-selection {
  color: #ad3671;
}
.invoice.paid, .invoice.paid .current-selection {
  color: #508847;
}
.invoice.credited, .invoice.credited .current-selection {
  color: #c6a053;
}

.accounts td span.unbound {
  background: none;
}

.add-stage {
  text-align: right;
  padding: 0;
  margin-bottom: 10px;
}

#assistants {
  width: 566px;
}
#assistants .add-assistant-button {
  min-width: 625.5px;
}
#assistants .no-assistants {
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
}

.save-stage {
  margin-top: 15px;
  margin-bottom: 15px;
  float: right;
}

.delete-stage {
  float: left;
}

#overlay ol.approve-stages {
  list-style: none;
  margin-left: 0;
}

#overlay.account {
  width: 860px;
  /*For parent options and sub options table*/
}
#overlay.account ol.approve-stages {
  margin-top: 15px;
}
#overlay.account span.deactivated {
  color: red;
}
#overlay.account .description-parent-option {
  cursor: pointer;
}
#overlay.account .indent {
  width: 5px;
  height: 5px;
  display: inline-block;
  margin: 0 20px 0 20px;
}
#overlay.account .multiple-accounts-arrow {
  float: right;
  margin-right: 5px;
  margin-top: 3px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-top: 7px solid #000;
  cursor: pointer;
}
#overlay.account .rotate-180-pos {
  margin-top: -4px;
}
#overlay.account .children-table td {
  border: none;
  background-color: #f3f3f2;
}
#overlay.account .children-table .choice {
  width: 20%;
  text-align: center;
}
#overlay.account .children-table .description {
  width: 40%;
}
#overlay.account .suboption-scroller {
  overflow-x: hidden;
  position: relative;
}
#overlay.account .scroll-body {
  position: absolute;
  width: 102%;
}
#overlay.account .show-scroll {
  height: 379px;
  width: 100%;
  overflow-y: scroll;
}

form.assistant {
  margin-top: 15px;
}
form.assistant .expiration-date.date {
  margin-left: 157.5px;
}

span.select-options, span.select-address-list {
  z-index: 33;
}

.approver-select {
  margin: 20px 2px !important;
}
.approver-select .current-selection {
  border: 1px solid #efefef !important;
}

.account-prompt {
  text-align: justify;
}

.shortcut-buttons {
  text-align: center;
}
.shortcut-buttons .button {
  margin-left: 5px;
}

.button.windows {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.button.mac {
  border-radius: 0;
  border-right: 0;
  margin: 0;
}
.button.chrome {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
}

.progress-bar {
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.16);
  display: inline-block;
  height: 20px;
  width: 750px;
  margin: 20px 0 20px 0;
  overflow: hidden;
}
.progress-bar .filler {
  background-color: #37B37E;
  border-color: #023c05;
  height: 20px;
  width: 750px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.progress-bar-element {
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  display: inline-block;
  height: 20px;
  background-color: #e9ecef;
  margin: 20px;
  overflow: hidden;
  display: block;
}
.progress-bar-element .filler {
  background-color: #90CAF9;
  border-color: #023c05;
  width: 0;
  height: 20px;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.progress-bar-element .progress-percentage {
  display: block;
  text-align: center;
}

.data-progress .progress-bar-element {
  overflow: visible;
}

.statement-upload {
  position: relative;
  cursor: pointer;
  height: 40px;
}
.statement-upload .filename {
  float: right;
}
.statement-upload .picture-upload {
  position: relative;
  left: 3px;
  opacity: 1;
}
.statement-upload .picture-upload .upload {
  width: 600px;
}

.statement-upload-label {
  font-weight: bold;
  height: 29px;
  vertical-align: middle;
  display: inline-block;
}

.all-reports ol.inline {
  font-weight: normal;
}
.all-reports .dropdown-button span.link {
  color: #515151;
  text-decoration: none;
}

#overlay .text-info ul {
  margin-left: 0;
}
#overlay .text-info ul li {
  margin-left: 30px;
}
#overlay.reminder {
  width: 500px;
}
#overlay.reminder .underline {
  border-bottom: 1px solid;
  border-color: #efefef;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
#overlay.reminder .blocks {
  margin-top: 10px;
}
#overlay.reminder .section-title {
  margin-bottom: 30px;
  font-weight: 600;
}
#overlay.reminder .info-wrapper {
  top: 20px;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20px;
}
#overlay.reminder.large {
  width: 800px;
}
#overlay.reminder.large .checkbox-option-list li {
  display: inline-block;
}
#overlay.reminder.large .checkbox-option-list li:nth-child(1) {
  margin-left: 100px;
}
#overlay.reminder.large .checkbox-option-list li:nth-child(2) {
  margin-left: 80px;
}
#overlay.reminder.large .blocks-wrapper .blocks {
  width: 355px;
  float: left;
}
#overlay.reminder.large .blocks-wrapper .blocks label {
  display: block;
}
#overlay.reminder.large .blocks-wrapper .blocks input, #overlay.reminder.large .blocks-wrapper .blocks textarea {
  width: 337px;
}
#overlay.reminder .blocks-wrapper .blocks {
  width: 455px;
}
#overlay.reminder .blocks-wrapper .blocks:nth-of-type(even) {
  margin-left: 40px;
}
#overlay.reminder .blocks-wrapper .blocks > .input {
  margin-bottom: 0;
}
#overlay.reminder .character-limit {
  height: 27px;
  line-height: 20px;
  font-size: 1.2rem;
}

.data td.unsubmitted-expenses-card {
  text-align: right;
  overflow: hidden;
  direction: rtl;
}

.export-errors {
  font-weight: bold;
  color: #ff3823;
}

.export-failed {
  font-weight: bold;
  color: #ff3823;
}

.export-exported {
  font-weight: bold;
  color: #37B37E;
}

.export-pending {
  font-weight: bold;
  color: #fec63d;
}

.export-references {
  font-weight: bold;
}

.export-reports .show-more-references {
  text-align: center;
}

.advanced-filter.customer .amount-filter input {
  width: 50px;
}

.audit-log-table .recover > *, .operation-recover {
  color: #6c9ac3;
  font-weight: bold;
}

.audit-log-table .edit > *, .operation-edit {
  color: #fec63d;
  font-weight: bold;
}

.audit-log-table .add > *, .operation-add {
  color: #37B37E;
  font-weight: bold;
}

.audit-log-table .delete > *, .operation-delete {
  color: #ff3823;
  font-weight: bold;
}

#overlay.external-trash {
  width: 1300px;
}

#overlay.audit-log {
  height: 90vh;
  width: 1500px;
  overflow-x: auto;
}
#overlay.audit-log ul {
  list-style: none;
}
#overlay.audit-log li {
  margin-left: 20px;
}
#overlay.audit-log h3 {
  font-size: 1.2em;
}
#overlay.audit-log .compare-old-new .code-block {
  float: left;
  width: 50%;
}
#overlay.audit-log .compare-old-new .editor {
  height: 50em;
}

#overlay .overlay-data {
  position: relative !important;
  overflow: hidden;
}

#overlay.customer {
  width: 900px;
}
#overlay.customer .future-subscriptions {
  margin-bottom: 15px;
}
#overlay.customer .future-subscriptions .start-date {
  font-weight: bold;
}
#overlay.customer .superuser-overlay {
  background-color: #f3f3f3;
}
#overlay.customer .superuser-overlay .box {
  width: auto;
  background-color: #fff;
}
#overlay.customer .superuser-overlay ul {
  list-style: none;
}
#overlay.customer .superuser-overlay label {
  display: inline-block;
}
#overlay.customer .superuser-overlay li {
  margin: 0;
  padding: 0;
}
#overlay.customer .superuser-overlay .subscription {
  border-left: #e5e5e5 solid 1px;
}
#overlay.customer .superuser-overlay .box .sso-input span.select .current-selection {
  margin-left: 70px;
  width: 150px;
}
#overlay.customer .superuser-overlay .box .sso-input span.select .current-selection span.arr-wrapper {
  top: 3px;
}

@keyframes details-flash {
  0% {
    background-color: #F2DEDE;
  }
  100% {
    background-color: #ff3823;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    transform: translateY(-70%) scaleY(1.1);
  }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
@keyframes loading-content {
  0% {
    background-position: -650px 0;
  }
  100% {
    background-position: 650px 0;
  }
}
.ienlarger {
  display: block;
  text-decoration: none;
}
.ienlarger span {
  display: none;
  position: fixed;
  z-index: 24;
  left: 50%;
  top: 20px;
  width: 500px;
  margin-left: -250px;
}
.ienlarger span img {
  border: 1px solid #000000;
}
.ienlarger:hover span {
  display: block;
}

.business-rule .no-label {
  margin-left: 161.5px;
}
.business-rule .explanation {
  font-style: italic;
  font-weight: normal;
  margin-bottom: 15px;
  max-width: 100%;
}
.business-rule .between {
  font-weight: bold;
  margin-left: 161.5px;
  width: 292.5px;
  text-align: center;
}
.business-rule .info-help.business-rule-edit {
  margin-bottom: 10px;
  padding-left: 15px !important;
  border-radius: 2px;
  border-left: solid 0.2em #fec63d;
  font-size: 12px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
.business-rule .double-input {
  margin-left: 161px;
}
.business-rule .double-input .amount {
  width: 210px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.business-rule .double-input .select {
  width: 65px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.business-rule .double-input .select .arr-wrapper {
  margin-top: 0;
}

#overlay.trip {
  width: 950px;
}
#overlay.trip .fields {
  width: 950px;
}
#overlay.trip .imitate-container label {
  color: #515151;
}
#overlay.trip .imitate-input.close-date {
  margin-bottom: 10px;
  margin-left: 157.5px;
}
#overlay.trip .trip-history, #overlay.trip .trip-approvers, #overlay.trip .trip-motivation {
  position: relative;
}
#overlay.trip .trip-history .report-history, #overlay.trip .trip-approvers .report-history, #overlay.trip .trip-motivation .report-history {
  float: none;
}
#overlay.trip .trip-history {
  margin: 5px;
}
#overlay.trip .map-wrapper {
  margin: 10px 0 10px 0;
}
#overlay.trip .trip-approvers, #overlay.trip .trip-motivation {
  height: 170px;
  padding: 15px;
}
#overlay.trip .trip-approvers li.passed span, #overlay.trip .trip-motivation li.passed span {
  color: #37B37E;
}
#overlay.trip input, #overlay.trip textarea {
  width: 734.5px;
}
#overlay.trip .budget input, #overlay.trip .spending input {
  width: 377.25px;
}
#overlay.trip .spending input, #overlay.trip .spending.currency .current-selection {
  border-color: transparent;
  background-color: #fff;
}
#overlay.trip .spending.under input {
  color: green;
}
#overlay.trip .spending.over input {
  color: red;
}
#overlay.trip .start-date input {
  width: 540.875px;
}
#overlay.trip .location .icon-cross {
  position: absolute;
  left: -32px;
  top: 6px;
}
#overlay.trip .currency .select {
  width: 347.25px;
}
#overlay.trip .location-date {
  width: 145.2222222222px;
  margin-left: 10px;
}
#overlay.trip .location-date .errors.block {
  position: initial !important;
  min-width: 100px !important;
  max-width: 145.2222222222px !important;
  word-break: break-word;
}
#overlay.trip .location-date input {
  width: 127.2222222222px;
}
#overlay.trip .location.no-remove {
  margin-left: 10px;
}
#overlay.trip .location input {
  width: 275.6388888889px;
}
#overlay.trip .location .errors.block {
  min-width: 150px !important;
  max-width: 150px !important;
}
#overlay.trip .no-date .location input {
  width: 734.5px;
}
#overlay.trip .trip-type .select {
  width: 752.5px;
}
#overlay.trip .additional-info {
  margin-bottom: 10px;
  position: relative;
}
#overlay.trip .additional-info .tab {
  margin-right: 5px;
  position: relative;
  z-index: 18;
  display: inline-block;
  padding: 5px 8px 15px 8px;
}
#overlay.trip .additional-info .tab.selected {
  border: 1px solid #e5e5e5;
  border-bottom-color: white;
}
#overlay.trip .additional-info .tab.history {
  margin-left: -15px;
}
#overlay.trip .additional-info .info-content {
  display: none;
  height: 200px;
  overflow-y: scroll;
  padding: 0 15px 0 15px;
  margin-bottom: 15px;
  border: 1px solid #e5e5e5;
  position: relative;
  margin-top: -1px;
}
#overlay.trip .additional-info .info-content.show {
  display: block;
}
#overlay.trip .additional-info label {
  width: 157.5px;
}
#overlay.trip .add-waypoint .add {
  margin-left: 10px;
}
#overlay.trip .leg-header {
  padding-left: 157.5px;
}
#overlay.trip .leg-header div {
  display: inline-block;
  text-align: center;
  line-height: 34px;
  margin-bottom: 10px;
  font-style: italic;
}
#overlay.trip div.arrive-header {
  margin-left: 15px;
  width: 367.25px;
}
#overlay.trip div.leave-header {
  width: 367.25px;
}
#overlay.trip .map-wrapper {
  width: 910px;
  height: 400px;
  border: 1px solid #d2d2d2;
}

.trip-details {
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
.trip-details .data-header {
  height: 170px;
}
.trip-details .data-header h1 {
  padding-left: 0;
  font-size: 24px;
  font-weight: 600;
  height: 28px;
  line-height: 28px;
}
.trip-details .top {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 15px 10px 15px;
  line-height: 34px;
  overflow: hidden;
  clear: both;
}
.trip-details .top .title {
  float: left;
}
.trip-details .top .trip-actions {
  height: 34px;
  line-height: 34px;
  font-size: 1.4rem;
  float: right;
}
.trip-details .top .trip-actions .icon {
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
  opacity: 0.8;
}
.trip-details .top .trip-actions .icon:hover {
  opacity: 1;
}
.trip-details .top .trip-actions .trip-id {
  display: inline-block;
}
.trip-details .info {
  font-size: 1.4rem;
  padding: 10px 15px;
  line-height: 34px;
  height: 68px;
  clear: both;
}
.trip-details .info .general {
  float: left;
}
.trip-details .info .status {
  float: right;
  margin-right: 15px;
  line-height: 34px;
  height: 34px;
}
.trip-details .info .status .status-text {
  font-weight: bold;
  font-size: 1.8rem;
}
.trip-details .info .total {
  float: right;
  text-align: right;
}
.trip-details .info .total span.spending.under {
  color: green;
}
.trip-details .info .total span.spending.over {
  color: red;
}
.trip-details .info span.date, .trip-details .info span.destination, .trip-details .info span.budget, .trip-details .info span.spending {
  font-weight: bold;
}
.trip-details .actions {
  margin-top: -3px;
  padding: 0 15px;
}
.trip-details .actions .button {
  top: 0;
}
.trip-details .trip-expenses {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 169px;
  bottom: 15px;
}
.trip-details .trip-expenses .table {
  top: 0;
}

.preview .picture-upload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.preview .picture-upload .upload {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.preview .attachment-thumbnails-outer {
  background: white;
  overflow-y: hidden;
  overflow-x: auto;
  height: 125px;
  width: inherit;
}
.preview .attachment-thumbnails-outer .attachment-thumbnails-inner {
  display: flex;
  flex-direction: row;
}
.preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail {
  width: 100px;
  height: 100px;
  margin: 5px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail img {
  box-shadow: -4px 4px 5px -2px rgba(0, 0, 0, 0.44);
  display: block;
  margin: 0 auto;
}
.preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail img.active {
  box-shadow: -4px 4px 5px -2px #3884FF;
}
.preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail img.is-original {
  height: auto;
  width: auto;
  max-width: 100px;
  max-height: 100px;
}
.preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail .icon-pdf {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-position: -217px -282px;
}

.receipt-preview {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.receipt-preview .loading-spinner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.receipt-preview .preview-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: move;
}
.receipt-preview .preview-wrapper.audit {
  position: relative;
  min-height: 150px;
  height: 100%;
}
.receipt-preview .bounding-box {
  position: absolute;
}
.receipt-preview .preview-img {
  position: relative;
  top: 0;
  left: 0;
}
.receipt-preview .controls {
  position: absolute;
  top: 10px;
  left: 10px;
}
.receipt-preview .controls a, .receipt-preview .controls span.control {
  background: #fff;
  margin-bottom: 4px;
  cursor: pointer;
  border-radius: 3px;
  display: block;
  width: 20px;
  height: 16px;
  padding: 4px 2px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.receipt-preview .controls a:hover, .receipt-preview .controls span.control:hover {
  border-color: #2d67c6;
}
.receipt-preview .controls a:active, .receipt-preview .controls span.control:active {
  border-color: #a7a7a7;
}
.receipt-preview .controls a svg, .receipt-preview .controls span.control svg {
  position: relative;
  bottom: 3px;
}
.receipt-preview .controls a span, .receipt-preview .controls span.control span {
  width: 20px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: -999px;
}
.receipt-preview .page-controls {
  position: absolute;
  top: 14px;
  right: 10px;
}
.receipt-preview .page-controls span.page-info, .receipt-preview .page-controls span.control {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 4px;
}
.receipt-preview .page-controls span.control {
  cursor: pointer;
  border-radius: 4px;
}
.receipt-preview .page-controls span.control:hover {
  border-color: #2d67c6;
}
.receipt-preview .page-controls span.control:active {
  border-color: #a7a7a7;
}

/**
 * Wrapper
 */
#content .reminders-wrapper .underline {
  border-bottom: 1px solid;
  border-color: #efefef;
}
#content .reminders-wrapper .reminders-container {
  width: 673.5px;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
#content .reminders-wrapper .reminders-container .info-wrapper {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 20px;
  height: 20px;
}
#content .reminders-wrapper .reminders-container .info-wrapper .help-tip {
  background-color: #f6f6ff;
  display: none;
  position: absolute;
  width: max-content;
  height: auto;
  left: 40px;
  top: -7px;
  z-index: 32;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
#content .reminders-wrapper .reminders-container .info-wrapper .help-tip.left {
  left: -585px;
}
#content .reminders-wrapper .reminders-container .info-wrapper .help-tip .tip-content {
  display: inline-block;
  padding: 30px;
}
#content .reminders-wrapper .reminders-container .info-wrapper .help-tip ul {
  float: left;
  width: 30%;
  margin-right: 15px;
}
#content .reminders-wrapper .reminders-container .info-wrapper .help-tip ul li {
  font-size: 1.2em;
  margin-left: 15px;
}
#content .reminders-wrapper .reminders-container .info-wrapper .help-tip .tip-header {
  margin-bottom: 10px;
  font-weight: 600;
}
#content .reminders-wrapper .reminders-container .info-wrapper .help-tip.show {
  display: inline-block;
}
#content .reminders-wrapper .reminders-container .info-wrapper .help-tip .reminders-content .reminder-header {
  border-bottom: 1px solid #0650D0;
}
#content .reminders-wrapper .reminders-container .info-icon {
  position: absolute;
  cursor: pointer;
}
#content .reminders-wrapper .reminders-container .icon-info-material {
  position: absolute;
  transition: 0.3s;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
#content .reminders-wrapper .reminders-container .icon-info-material:hover {
  opacity: 0.5;
}
#content .reminders-wrapper .reminders-container .reminders-content {
  padding: 45px 45px 25px 45px;
  min-height: 280px;
  font-size: 1.4rem;
}
#content .reminders-wrapper .reminders-container .reminders-content .statement-day {
  padding-bottom: 20px;
}
#content .reminders-wrapper .reminders-container .reminders-content .input-with-appendix {
  height: auto;
  overflow: auto;
  margin-top: 20px;
}
#content .reminders-wrapper .reminders-container .reminders-content .input-with-appendix .small-input .select {
  width: 132px;
  margin-bottom: 22px;
}
#content .reminders-wrapper .reminders-container .reminders-content .input-with-appendix .small-input input {
  width: 116px;
}
#content .reminders-wrapper .reminders-container .reminders-content .input-with-appendix .small-input label {
  vertical-align: middle;
}
#content .reminders-wrapper .reminders-container .reminders-content .input-with-appendix:last-child {
  padding-bottom: 20px;
}
#content .reminders-wrapper .reminders-container .reminders-content .input-with-appendix .input {
  float: left;
  width: 70%;
}
#content .reminders-wrapper .reminders-container .reminders-content .input-with-appendix .input label {
  width: 250px;
}
#content .reminders-wrapper .reminders-container .reminders-content .input-with-appendix .text-appendix {
  line-height: 36px;
  float: right;
}
#content .reminders-wrapper .reminders-container .reminders-content .textarea-characters-counter {
  font-size: 1.2rem;
}
#content .reminders-wrapper .reminders-container .reminders-content .type-switcher {
  padding-bottom: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}
#content .reminders-wrapper .reminders-container .reminders-content .type-switcher .switchers-group .checkbox-option-list .onoffswitch:first-child {
  margin-bottom: 20px;
}
#content .reminders-wrapper .reminders-container .reminders-content .type-switcher .switchers-group .checkbox-option-list .onoffswitch label.onoffswitch-label {
  right: 50px;
}
#content .reminders-wrapper .reminders-container .reminders-content .subject {
  margin-top: 20px;
}
#content .reminders-wrapper .reminders-container .reminders-content .subject input {
  width: 280px;
  margin-left: 125px;
}
#content .reminders-wrapper .reminders-container .reminders-content .input {
  margin-bottom: 0;
  width: 583.5px;
}
#content .reminders-wrapper .reminders-container .reminders-content .textarea {
  margin-top: 25px;
}
#content .reminders-wrapper .reminders-container .reminders-content .textarea label {
  display: block;
  margin-bottom: 10px;
}
#content .reminders-wrapper .reminders-container .reminders-content .textarea textarea {
  width: 564.5px;
  height: 150px;
}
#content .reminders-wrapper .reminders-container .reminders-content .reminder-header {
  margin-bottom: 10px;
  padding-bottom: 20px;
  font-size: 1.5em;
}
#content .reminders-wrapper .reminders-container .reminders-content .reminder-header label {
  font-weight: 600;
}
#content .reminders-wrapper .reminders-container .reminders-content .reminder-header .onoffswitch {
  width: auto;
}
#content .reminders-wrapper .reminders-container .reminders-content .reminder-header .onoffswitch label:nth-child(1) {
  width: 80%;
}
#content .reminders-wrapper .reminders-container .reminders-content .reminder-header .onoffswitch .onoffswitch-label {
  right: 0;
  width: 36px;
}
#content .reminders-wrapper .reminders-container .reminders-content .button.save {
  float: right;
  margin-bottom: 20px;
}
#content .reminders-wrapper .reminders-container .reminders-content .state-day input {
  text-align: center;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input > * {
  margin: unset;
  padding: unset;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input > .input, #content .reminders-wrapper .reminders-container .reminders-content .select, #content .reminders-wrapper .reminders-container .reminders-content input {
  width: 90px;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input {
  display: inline-flex;
  margin-bottom: 10px;
  position: relative;
  left: 110px;
  max-height: 65px;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input .select {
  width: 105px;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input .dropdown-first-position .current-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  right: -1px;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input .dropdown-first-position .current-selection .select {
  margin-right: 0;
  width: 105px;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input .dropdown-first-position .current-selection .arr-wrapper {
  margin-top: 0;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input .dropdown-first-position .current-selection .arr-wrapper svg {
  background: #fff;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input .input-second-position {
  width: 110px;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input .input-second-position input {
  border-radius: 0;
  text-align: right;
  width: 90px;
}
#content .reminders-wrapper .reminders-container .reminders-content .triple-input .input-third-position input {
  position: relative;
  left: -2px;
  width: 85px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
}

#overlay.job-title {
  width: 860px;
  /*For parent options and sub options table*/
}
#overlay.job-title h3 {
  display: inline-block;
}
#overlay.job-title .filter-input {
  display: inline-block;
  margin-bottom: 15px;
}
#overlay.job-title .filter-input label {
  width: 50px;
}
#overlay.job-title .multiple .select span.select {
  margin-left: 0px;
}
#overlay.job-title .description-parent-option {
  cursor: pointer;
}
#overlay.job-title .indent {
  width: 5px;
  height: 5px;
  display: inline-block;
  margin: 0 20px 0 20px;
}
#overlay.job-title .multiple-accounts-arrow {
  float: right;
  margin-right: 5px;
  margin-top: 3px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-top: 7px solid #000;
  cursor: pointer;
}
#overlay.job-title .rotate-180-pos {
  margin-top: -4px;
}
#overlay.job-title .children-table td {
  border: none;
  background-color: #f3f3f2;
}
#overlay.job-title .children-table .choice {
  width: 20%;
  text-align: center;
}
#overlay.job-title .children-table .description {
  width: 60%;
}
#overlay.job-title .suboption-scroller {
  overflow-x: hidden;
  position: relative;
}
#overlay.job-title .scroll-body {
  position: absolute;
  width: 102%;
}
#overlay.job-title .show-scroll {
  height: 379px;
  width: 100%;
  overflow-y: scroll;
}

.active-devices {
  width: 800px;
}
.active-devices td.delete-access-key {
  width: 10%;
  text-align: center;
}
.active-devices td.delete-access-key span {
  cursor: pointer;
}
.active-devices tr.is-current {
  background-color: #b7d2ab;
}
.active-devices .data {
  margin-top: 15px;
}
.active-devices .data span.unknown {
  font-style: italic;
}

#content .autocomplete-bookmark {
  display: inline-block;
}
#content .autocomplete-bookmark .icon-cross {
  cursor: pointer;
}
#content .autocomplete-bookmark .input {
  display: inline;
}
#content .autocomplete-bookmark.short input {
  width: 248.5px;
}
#content .autocomplete-bookmark.bookmark-star input {
  padding-right: 35px;
  width: 247.5px;
}
#content .autocomplete-bookmark.bookmark-star .i-bookmark {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 10000;
}
#content .autocomplete-bookmark.bookmark-star.short input {
  width: 221.5px;
  padding-right: 35px;
}
#content .autocomplete-bookmark.bookmark-star.short .i-bookmark {
  right: 31px;
}
#content .autocomplete-bookmark:focus {
  outline: none;
}
#content .autocomplete-bookmark .autocomplete-input {
  margin-bottom: 0;
}

.select-address-list.pac-logo:after {
  content: "";
  padding: 1px 1px 1px 0;
  height: 16px;
  text-align: right;
  display: block;
  background-image: url("https://cdn.srxp.com/prd/assets/images/powered-by-google-0ab6041666e5dad42b7fcbae6379c027.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 120px 14px;
}
.select-address-list .address-option-matched {
  font-weight: 700;
}
.select-address-list .option-address-values {
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  line-height: 17px;
  font-size: 11px;
  color: #999;
  border-top: 1px solid #e6e6e6;
}
.select-address-list .option-address-values svg.icon {
  vertical-align: middle;
  margin-left: 3px;
}
.select-address-list .option-address-values span {
  padding: 0;
}
.select-address-list .option-address-values span .address-option-query {
  font-size: 13px;
  padding-right: 3px;
  color: #000;
}
.select-address-list .option-address-values span.address-option-query {
  color: #333;
  font-size: 13px;
  padding: 0 5px 0 3px;
}
.select-address-list .option-address-values span.address-option-query .address-option-matched {
  font-weight: 600;
}
.select-address-list .option-address-values:hover {
  background-color: #fafafa;
}
.select-address-list .option-address-values:focus {
  outline: none;
  background-color: #ebf2fe;
}

/**
 * Wrapper
 */
/**
 * Header
 */
.sync-frontend #header {
  width: 100%;
  height: 35px;
  background-color: #f2f4f6;
  line-height: 35px;
  color: #515151;
  font-size: 1.2rem;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.sync-frontend #header a {
  color: #515151;
  text-decoration: none;
}
.sync-frontend #header img {
  padding: 7px 0 0 3px;
  margin: 0 5px;
}
.sync-frontend #header ul {
  float: right;
  list-style: none;
}
.sync-frontend #header ul li {
  float: left;
  margin-right: 10px;
}
.sync-frontend #header ul li.link {
  margin-right: 0;
}
.sync-frontend #header ul li.language {
  padding: 0 15px;
}
.sync-frontend #header ul li.language span {
  opacity: 1;
}
.sync-frontend #header ul li span {
  opacity: 0.3;
}
.sync-frontend #header ul li span.current-language {
  opacity: 1;
}
.sync-frontend #header ul li a {
  display: inline-block;
  padding: 0 10px;
}
.sync-frontend #header ul li a:hover {
  background-color: #e2e4e6;
}
.sync-frontend #header .left {
  float: left;
}
.sync-frontend #header .right {
  float: right;
}
.sync-frontend #header .right li {
  position: relative;
}
.sync-frontend #header .right li ul {
  float: none;
  position: absolute;
  z-index: 9999;
  top: 24px;
  right: 0;
  width: 220px;
  margin: 0;
  padding: 10px;
  display: none;
  background-color: #fafafa;
  box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1);
}
.sync-frontend #header .right li ul ul {
  position: static;
  display: block;
  width: auto;
  padding: 0;
  box-shadow: none;
}
.sync-frontend #header .right li:hover ul, .sync-frontend #header .right li.hover ul {
  display: block;
}
.sync-frontend #header .right li li {
  margin-right: 0;
  float: none;
}
.sync-frontend #header .right li li li {
  /* Actual menu items in this menu.. */
  padding: 0;
}
.sync-frontend #header .right li li a, .sync-frontend #header .right li li .link {
  cursor: pointer;
  color: #4f4f4f;
  text-decoration: none;
  display: block;
  padding: 5px 0 5px 5px;
}
.sync-frontend #header .right li li a:hover, .sync-frontend #header .right li li .link:hover {
  background-color: #eeefff;
}
.sync-frontend #header .language-icon {
  width: 35px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
}
.sync-frontend__content .content-box#sync {
  color: #515151;
  margin-top: 45px;
}
.sync-frontend__content .content-box#sync > .wrapper {
  margin: 0 auto;
  width: 1377px;
}

/**
 * Progress
 */
/**
 * Content
 */
.content-box#sync .wrapper .exact-identities {
  margin-bottom: 45px;
  text-align: center;
}
.content-box#sync .wrapper .exact-identities__separator {
  position: relative;
  padding: 0 30px;
  margin: 0 30px;
}
.content-box#sync .wrapper .exact-identities__separator::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ccc;
}
.content-box#sync .wrapper .exact-identities img {
  max-width: 150px;
  max-height: 60px;
  vertical-align: top;
}
.content-box#sync .wrapper .exact-identities img.srxp {
  max-height: 50px;
}
.content-box#sync .wrapper .exact-progress-bar {
  position: relative;
  margin-bottom: 15px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05);
}
.content-box#sync .wrapper .exact-progress-bar__list {
  position: inherit;
  list-style: none;
  height: 30px;
  line-height: 30px;
  font-size: 0;
}
.content-box#sync .wrapper .exact-progress-bar__list li {
  position: inherit;
  display: inline-block;
  background: #f2f4f6;
  color: #021f54;
  text-align: center;
  width: 270.8px;
  height: inherit;
  line-height: inherit;
  margin-right: 2px;
  font-size: 1.4rem;
  transition: 0.15s ease;
}
.content-box#sync .wrapper .exact-progress-bar__list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 15px inset transparent;
  border-bottom: 15px inset transparent;
  border-left: 15px solid #f2f4f6;
  z-index: 1;
  transition: 0.15s ease;
}
.content-box#sync .wrapper .exact-progress-bar__list li::after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-top: 15px inset transparent;
  border-bottom: 15px inset transparent;
  border-left: 15px solid #f2f4f6;
  z-index: 2;
  transition: 0.15s ease;
}
.content-box#sync .wrapper .exact-progress-bar__list li:first-child::before {
  border: none;
}
.content-box#sync .wrapper .exact-progress-bar__list li.active {
  background-color: #021f54;
  background-size: cover;
  color: #fff;
  background-position: -270.8px;
}
.content-box#sync .wrapper .exact-progress-bar__list li.active::after {
  border-left: 15px solid #021f54;
}
.content-box#sync .wrapper .exact-progress-bar__list li.active ~ li {
  background: #fff;
}
.content-box#sync .wrapper .exact-progress-bar__list li.active ~ li::after {
  border-left: 15px solid #fff;
}
.content-box#sync .wrapper .exact-progress-bar__list li > span {
  padding-left: 15px;
}
.content-box#sync .wrapper .exact-content {
  position: relative;
  background: #fff;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
}
.content-box#sync .wrapper .exact-content__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.content-box#sync .wrapper .exact-content__loading::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fafbfc;
  opacity: 0.75;
}
.content-box#sync .wrapper .exact-content__loading.enabled {
  opacity: 1;
  pointer-events: all;
}
.content-box#sync .wrapper .exact-content__loading .srxp-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -32px;
}
.content-box#sync .wrapper .exact-content__complete {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, background 0.5s ease;
}
.content-box#sync .wrapper .exact-content__complete.returning.enabled {
  background: #fff;
}
.content-box#sync .wrapper .exact-content__complete.returning.enabled .proceed-to-srxp {
  right: 40%;
}
.content-box#sync .wrapper .exact-content__complete.returning.enabled .promo {
  display: none;
}
.content-box#sync .wrapper .exact-content__complete.enabled {
  opacity: 1;
  background: #fff;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #fafafa 0%, #fff 70%);
  background: linear-gradient(to right, #fafafa 0%, #fff 70%);
  pointer-events: all;
}
.content-box#sync .wrapper .exact-content__complete.enabled .proceed-to-srxp {
  opacity: 1;
}
.content-box#sync .wrapper .exact-content__complete.enabled .promo .promo-pc {
  top: 0;
  opacity: 1;
}
.content-box#sync .wrapper .exact-content__complete.enabled .promo .promo-phone {
  top: 160px;
  opacity: 1;
}
.content-box#sync .wrapper .exact-content__complete .proceed-to-srxp {
  position: absolute;
  top: 80px;
  right: 200px;
  opacity: 0;
  transition: opacity 0.5s linear;
  transition-delay: 1s;
}
.content-box#sync .wrapper .exact-content__complete .proceed-to-srxp .success-text {
  color: #515151;
  margin: 60px 0;
  font-size: 3rem;
}
.content-box#sync .wrapper .exact-content__complete .promo {
  position: absolute;
  top: 0;
  left: 0;
}
.content-box#sync .wrapper .exact-content__complete .promo .promo-pc {
  position: inherit;
  top: 50px;
  left: -100px;
  opacity: 0;
  z-index: 1;
  width: 512px;
  height: 512px;
  background: url("https://cdn.srxp.com/prd/assets/images/promo/pc-5e6927bdb90be5f996a376f93494d2dd.png");
  transition: opacity 0.5s linear, top 0.5s ease;
  transition-delay: 1.5s;
}
.content-box#sync .wrapper .exact-content__complete .promo .promo-phone {
  position: inherit;
  top: 210px;
  left: 250px;
  opacity: 0;
  z-index: 2;
  width: 512px/2;
  height: 512px/2;
  background: url("https://cdn.srxp.com/prd/assets/images/promo/phone-d80776068192ca80dc9bc15a603569dc.png");
  background-size: cover;
  transition: opacity 0.5s linear, top 0.5s ease;
  transition-delay: 1.75s;
}
.content-box#sync .wrapper .exact-content__page {
  padding: 45px 45px 0 45px;
  min-height: 280px;
  font-size: 1.4rem;
}
.content-box#sync .wrapper .exact-content__page .content-row {
  white-space: nowrap;
}
.content-box#sync .wrapper .exact-content__page .content-row > .content-col {
  display: inline-block;
  width: 50%;
  white-space: normal;
  vertical-align: top;
}
.content-box#sync .wrapper .exact-content__page .content-row > .content-col .content-block {
  margin-bottom: 30px;
}
.content-box#sync .wrapper .exact-content__page .content-row > .content-col .content-block:last-child {
  margin-bottom: 0;
}
.content-box#sync .wrapper .exact-content__page h3 {
  display: block;
  font-size: 1.2rem;
}
.content-box#sync .wrapper .exact-content__page h3.selected-items-title {
  color: #848fa6;
  padding-bottom: 15px;
}
.content-box#sync .wrapper .exact-content__page h3.description {
  font-style: italic;
  font-weight: normal;
  padding-top: 15px;
}
.content-box#sync .wrapper .exact-content__page ul.selected-items {
  list-style: none;
  height: 205px;
  overflow-y: scroll;
}
.content-box#sync .wrapper .exact-content__page ul.selected-items li {
  display: block;
  margin-bottom: 5px;
}
.content-box#sync .wrapper .exact-content__page ul.selected-items li span {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  padding-top: 3px;
}
.content-box#sync .wrapper .exact-content__page ul.selected-items li span.icon {
  cursor: pointer;
}
.content-box#sync .wrapper .exact-content__page ul.selected-items li span.code {
  width: 50px;
  font-weight: bold;
}
.content-box#sync .wrapper .exact-content__page ul.selected-items li span.title {
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content-box#sync .wrapper .exact-content__page .select .current-selection {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.content-box#sync .wrapper .exact-content__navigation {
  clear: both;
  padding: 45px;
  height: 36px;
  background-color: #fafbfc;
}
.content-box#sync .wrapper .exact-content .button {
  width: 100px;
  display: inline-block;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 2px;
  transition: background 0.2s ease;
}
.content-box#sync .wrapper .exact-content .button:focus {
  outline: none;
}
.content-box#sync .wrapper .exact-content .button.prev {
  border: 1px solid #021f54;
  background: #fff;
  color: #021f54;
}
.content-box#sync .wrapper .exact-content .button.prev:hover span {
  text-decoration: underline;
}
.content-box#sync .wrapper .exact-content .button.next, .content-box#sync .wrapper .exact-content .button.import {
  float: right;
  background: #021f54;
  color: #fff;
}
.content-box#sync .wrapper .exact-content .button.next:hover, .content-box#sync .wrapper .exact-content .button.import:hover {
  background: #29426e;
}
.content-box#sync .wrapper .exact-content .button.proceed {
  border: 2px solid #515151;
  color: #515151;
  background-color: transparent;
  width: 200px;
  transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
}
.content-box#sync .wrapper .exact-content .button.proceed:hover {
  border: 2px solid #0650D0;
  color: #fff;
  background-color: #0650D0;
}
.content-box#sync .wrapper .exact-additional-info {
  margin-top: 15px;
}
.content-box#sync .wrapper .exact-additional-info span {
  font-style: italic;
  opacity: 0.5;
  font-size: 1.2rem;
}

/**
 * Login page SCSS Stylesheet for exact users
 */
.exact-system-frontend .system-frontend {
  background-image: url("https://cdn.srxp.com/prd/assets/images/system-frontend/exact-frontend/background-image-06c9e015ba661cbda8cd02350ec11938.jpg");
  font-family: Apax;
}
.exact-system-frontend .system-frontend form input, .exact-system-frontend .system-frontend form span, .exact-system-frontend .system-frontend form label, .exact-system-frontend .system-frontend form p, .exact-system-frontend .system-frontend form .options {
  font-family: Arial;
}
.exact-system-frontend .system-frontend form span.button {
  font-family: Apax;
}
.exact-system-frontend .system-frontend form span.button span {
  font-family: Apax;
}
.exact-system-frontend .system-frontend #header .header-logo {
  border-bottom: 4px solid #E1141D;
}
.exact-system-frontend .system-frontend #header .header-logo img {
  padding: 0;
  margin: 24px 16px;
}
.exact-system-frontend .system-frontend #login .inner h1.left {
  float: none;
}
.exact-system-frontend .system-frontend #login .inner .loginIdpForm .other-options-title:before {
  top: 7px;
}

.expense-settings-content-row {
  display: flex;
  flex-direction: row;
  margin-top: 3rem;
}

.expense-settings-content-col {
  display: flex;
  flex-direction: column;
  width: 482.5px;
  margin-right: 1.8rem;
  padding: 3rem;
  height: 100%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
.expense-settings-content-col .input.translations {
  margin-bottom: 0;
}
.expense-settings-content-col .input input {
  width: 222px;
}
.expense-settings-content-col .input .select {
  width: 240px;
}
.expense-settings-content-col .expense-types {
  margin-bottom: 30px;
}
.expense-settings-content-col .expense-types .title {
  font-weight: 600;
}

.expense-settings-content-title h4 {
  width: 100%;
  font-weight: bold !important;
  border-bottom: 1px solid #e5e8ef;
  padding-bottom: 20px;
}

.block-form-expense-settings {
  width: 100%;
}

.expense-settings-help {
  width: 95%;
  margin-top: -15px;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f8f8ff;
  border-radius: 10px;
}

.character-limit {
  height: 27px;
  line-height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 1400px) {
  .expense-settings-content-row {
    flex-direction: column;
  }

  .expense-settings-content-col {
    margin-bottom: 1.8rem;
  }
}
#overlay.card {
  width: 900px;
}
#overlay.card .scroll-pane-content {
  padding: 0 15px 0 20px;
}
#overlay.card .action-buttons {
  opacity: 0;
}
#overlay.card .card-overlay-header {
  display: flex;
  font-weight: 600;
  left: 20px;
  line-height: 30px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  white-space: nowrap;
  width: 870px;
  z-index: 23;
}
#overlay.card .card-overlay-header .button.save {
  border-radius: 2px;
  display: initial;
  padding-bottom: 7px;
  padding-top: 7px;
  position: absolute;
  right: 10px;
  text-align: center;
  width: 60px;
  color: #fff;
  background-color: #0650D0;
  border: 1px solid #0650D0;
  justify-content: center;
  min-width: 75px;
}
#overlay.card .card-overlay-header .button.close {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-color: white;
  border-radius: 2px;
  border: none;
  box-shadow: none;
  color: #ff3823;
  display: initial;
  position: absolute;
  right: 105px;
  text-align: center;
  width: 55px;
}
#overlay.card .card-overlay-header .button.close-only {
  background-color: transparent;
  border-radius: 2px;
  border: none;
  box-shadow: none;
  color: #ff3823;
  display: initial;
  min-width: 75px;
  position: absolute;
  right: 10px;
  text-align: center;
}
#overlay.card .card-overlay-header img {
  height: 35px;
  margin-right: 10px;
}
#overlay.card h3 {
  margin: 5px 0;
}
#overlay.card .card-edit {
  display: flex;
  flex-direction: row;
}

.blocked-status {
  color: #ff3823;
}

.card-buttons {
  display: flex;
  justify-content: space-evenly;
  margin: -10px 0 0 12px;
  text-align: center;
  width: 420px;
}
.card-buttons .blocked-button {
  background-color: #F2F2F2;
  border-color: #d2d2d2;
  color: #777777;
  cursor: default;
  outline: none;
  display: initial;
  width: 174px;
}
.card-buttons .blocked-button:nth-child(1) {
  margin-left: -16px;
}
.card-buttons .button.freeze {
  background-color: transparent;
  border: 1px solid #ed685d;
  color: #ed685d;
  display: initial;
  margin-left: -16px;
  width: 25%;
}
.card-buttons .button.unfreeze {
  background-color: transparent;
  border: 1px solid #00c78d;
  color: #00c78d;
  display: initial;
  margin-left: -16px;
  width: 174px;
}
.card-buttons .button.block {
  background-color: transparent;
  border: 1px solid #ed685d;
  color: #ed685d;
  display: initial;
  width: 174px;
}
.card-buttons .button.edit-card {
  background-color: #0650D0;
  border: none;
  color: white;
  display: initial;
  width: 25%;
}
.card-buttons .button.change-pin {
  border: 1px #0650D0 solid;
  color: #0650D0;
  display: initial;
  width: 25%;
}
.card-buttons .button.edit-card-blocked, .card-buttons .button.freeze-blocked, .card-buttons .button.change-pin-blocked {
  background-color: #f2f2f2;
  border-color: #d2d2d2;
  cursor: default;
  outline: none;
  color: #777777;
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: #F2F2F2;
  border-color: #d2d2d2;
  color: #777777;
  cursor: default;
  display: initial;
  outline: none;
  width: 105px;
}
.card-buttons .button.edit-card-blocked.small, .card-buttons .button.freeze-blocked.small, .card-buttons .button.change-pin-blocked.small {
  padding-top: 4px;
  padding-bottom: 4px;
}
.card-buttons .button.edit-card-blocked svg, .card-buttons .button.freeze-blocked svg, .card-buttons .button.change-pin-blocked svg {
  color: #515151;
}
.card-buttons .button.edit-card-blocked:hover, .card-buttons .button.freeze-blocked:hover, .card-buttons .button.change-pin-blocked:hover {
  box-shadow: none;
}
.card-buttons .button.edit-card-blocked:active, .card-buttons .button.freeze-blocked:active, .card-buttons .button.change-pin-blocked:active {
  box-shadow: none;
  transform: none;
}

.button.freeze-blocked {
  margin-left: -16px;
  display: initial;
}

.card-overlay-col {
  border-radius: 2px;
  border: #d2d2d2 1px solid;
  display: flex;
  flex-direction: column;
  line-height: 39px;
  padding: 20px 20px;
  width: 400px;
}
.card-overlay-col:nth-child(2) {
  border: none;
  height: 445px;
  margin-left: -15px;
  padding: 10px 20px 0 20px;
  width: 400px;
}

.card-content-limit {
  border-radius: 2px;
  border: #d2d2d2 1px solid;
  display: flex;
  flex-direction: column;
  margin: -10px 11px -10px 13px;
  padding: 15px 20px;
  width: 360px;
}
.card-content-limit#bunq {
  border-radius: 2px;
  border: #d2d2d2 1px solid;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 20px 13px 0 13px;
  width: 90%;
}

.card-allowed-countries {
  border-radius: 2px;
  border: #d2d2d2 1px solid;
  max-height: 85px;
  height: 85px;
  margin: 0 11px -10px 13px;
  padding: 10px 20px;
  width: 90%;
}
.card-allowed-countries .countries {
  margin-top: -5px;
}
.card-allowed-countries .country {
  max-height: 75px;
  overflow: auto;
}

.change-pin-overlay {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 415px;
  overflow: hidden;
  width: 820px;
}
.change-pin-overlay .change-pin-fields {
  align-content: center;
  display: flex;
  flex-direction: column;
  height: 465px;
}
.change-pin-overlay .change-pin-picture img {
  margin-left: 15px;
  width: 335px;
}
.change-pin-overlay .scroll-pane-content {
  height: 480px;
  margin: 0;
}
.change-pin-overlay .enter-pin, .change-pin-overlay .confirm-pin {
  height: 40%;
  margin-top: 50px;
  text-align: center;
  width: 400px;
}
.change-pin-overlay .pin-input {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-left: 95px;
}
.change-pin-overlay .pin-input .input-boxes {
  border-radius: 4px;
  border: 2px solid lightgrey;
  height: 30px;
  margin: 0 5px;
  text-align: center;
  width: 30px;
}
.change-pin-overlay .pin-input .input-boxes[type=text] {
  -webkit-text-security: disc;
}
.change-pin-overlay h2 {
  margin-bottom: 20px;
}

.edit-card-overlay {
  display: flex;
  flex-direction: column;
  height: 455px;
  overflow: hidden;
  width: 860px;
}

.card-limits, .allowed-countries-edit {
  border-radius: 2px;
  border: 1px solid #d2d2d2;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding: 10px 20px;
  width: 818px;
}

.input-allowed-countries {
  margin-left: 10px;
}

.card-limits {
  height: 130px;
}
.card-limits .limits-content {
  margin: 5px 10px;
  width: 50%;
}
.card-limits .limits-content .triple-input {
  margin-left: -10px;
}
.card-limits .limits-content .triple-input .card-limit-type .current-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.card-limits .limits-content .triple-input .card-limit input {
  position: relative;
  right: 4px;
  border-radius: 0;
}
.card-limits .limits-content .triple-input .card-limit-currency input {
  position: relative;
  right: 9px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.allowed-countries-edit {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  height: 263px;
  max-height: 263px;
}
.allowed-countries-edit span {
  width: 100%;
  font-size: 1.4rem;
}
.allowed-countries-edit .card-allowed-countries {
  border: none;
  display: inline-block;
  position: relative;
}
.allowed-countries-edit .card-allowed-countries label {
  position: absolute;
  top: 0;
}
.allowed-countries-edit .card-allowed-countries .countries {
  margin-left: 130px;
  max-height: 140px;
  overflow: auto;
  margin-top: 5px;
}
.allowed-countries-edit .card-allowed-countries .countries .country {
  border-radius: 2px;
  background-color: transparent;
  border: 1px solid #ababab;
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 5px;
  position: relative;
}

.atm-withdrawals label:first-child {
  font-size: 2.4rem;
  margin: 5px 0;
}
.atm-withdrawals label:nth-child(2) {
  margin: 1.2rem;
}
.atm-withdrawals .hint {
  top: -20px;
  right: -20px;
}

@media screen and (max-width: 1400px) {
  .card-edit {
    display: flex;
    flex-direction: column;
  }
}
.dark {
  color: white;
}
.dark .editor-control-bar {
  background: #090909;
}
.dark button > * {
  color: white;
}
.dark button {
  color: white;
  border: solid 1px white;
}

.light .editor-control-bar {
  background: #fff;
}
.light button {
  color: black;
  border: solid 1px #ababab;
}

.editor-control-bar {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-bottom: solid 1px #ababab;
}
.editor-control-bar .button-row {
  height: 2em;
  width: 100%;
}
.editor-control-bar button {
  background-color: transparent;
  float: right;
  margin-left: 1em;
}

/* general dropzone */
.drop-zone #input-file {
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

/**
 * Alter the first child of the drop-zone
 */
.report-drop-zone.drag-enter > *, .inbox-drop-zone.drag-enter > * {
  background-color: #e7f8ff;
  border: #1889ff dashed 2px;
}

.data .drag-enter, .data .drag-enter:hover {
  background-color: #e7f8ff;
  border: #1889ff dashed 2px;
}

/* The animation code */
@keyframes opacityAnimation {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.interface-nav-drop-zone.drag-enter .drag-drop-zone {
  animation-name: opacityAnimation;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  border: #afafaf dashed 2px;
}

.interface-nav-drop-zone .drag-drop-zone {
  position: absolute;
  opacity: 0.5;
  top: 122px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  border: #fff dashed 2px;
  min-height: 520px;
}
.interface-nav-drop-zone .drag-drop-zone .drag-drop-center {
  margin: 6em 0 0 0;
  height: 28em;
  background: url("https://cdn.srxp.com/prd/assets/images/cloud-drop-zone-607f0e575adabacdca91849e6ad342a9.png") no-repeat center center;
}
.interface-nav-drop-zone .drag-drop-zone h2 {
  text-align: center;
  font-size: 12pt;
  font-weight: 100;
  color: #959595;
  position: relative;
}
.interface-nav-drop-zone .drag-drop-zone .drag-drop-info {
  position: absolute;
  bottom: 4em;
  opacity: 1 !important;
  padding: 0 2em 0 2em;
}
.interface-nav-drop-zone .drag-drop-zone .drag-drop-info .drag-drop-info-icon {
  background: url("https://cdn.srxp.com/prd/assets/images/info-1333dcdbfc1d7f0486147da58f16770d.png") no-repeat center center;
  height: 8em;
}
.interface-nav-drop-zone .drag-drop-zone .drag-drop-info h4 {
  text-align: center;
  font-weight: 100;
}

.interface-nav-drop-zone.active .drag-drop-zone {
  opacity: 1;
}

.onoffswitch {
  display: block;
}
.onoffswitch input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 20px;
  opacity: 0;
  z-index: 0;
}
.onoffswitch .onoffswitch-label {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  width: 100px;
}
.onoffswitch .onoffswitch-label.disabled:before, .onoffswitch .onoffswitch-label.disabled:after {
  background-color: #a9a9a9;
}
.onoffswitch .onoffswitch-label:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 36px;
  height: 14px;
  background-color: #DEDEDE;
  border-radius: 14px;
  z-index: 1;
}
.onoffswitch .onoffswitch-label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid darkgray;
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  z-index: 2;
}
.onoffswitch .onoffswitch-label.checked.disabled:before, .onoffswitch .onoffswitch-label.checked.disabled:after {
  background-color: #a9a9a9;
}
.onoffswitch .onoffswitch-label.checked:before {
  background-color: #b4caf1;
}
.onoffswitch .onoffswitch-label.checked:after {
  left: 16px;
  background-color: #0650D0;
  border-style: none;
}
.onoffswitch label.onoffswitch-label {
  width: 100px;
}

.hint-block {
  font-size: 12px;
  text-align: left;
  padding: 2em 2em 2em 1.5em;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  margin: 0.1em 0 1em 0;
}
.hint-block.hint-block--medium {
  width: 47em;
}
.hint-block.hint-block--full {
  width: 100%;
}
.hint-block.hint-block--warning {
  border-left: solid 0.2em #fec63d;
}
.hint-block.hint-block--error {
  border-left: solid 0.2em #fec63d;
}
.hint-block.hint-block--info {
  border-left: solid 0.2em #0650D0;
}
.hint-block.hint-block--success {
  border-left: solid 0.2em #37B37E;
}
.hint-block.hint-block--thumbs_up {
  border-left: solid 0.2em #37B37E;
}
.hint-block .hint-block__left-side {
  width: 2em;
  height: 20px;
  float: left;
}
.hint-block .hint-block__left-side .icon-loading {
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
  height: 16px;
  width: 16px;
  background-size: 16px;
}
.hint-block .hint-block__content .pre-wrap {
  white-space: pre-wrap;
  font-family: "Lucida Console", Monaco, monospace;
}
.hint-block .hint-block__content .pre-wrap.hint-block__content__text {
  font-size: 12px !important;
}

.saml-hint .heading {
  font-size: 1.4rem;
}
.saml-hint .metadata-info {
  margin-top: 10px;
  margin-bottom: 10px;
}
.saml-hint li {
  margin-left: 40px;
}

.hint {
  position: absolute;
  right: -30px;
  width: 20px;
  height: 100%;
}
.hint__trigger > .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.hint__tooltip {
  position: fixed;
  margin: 0 !important;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: 99909;
  pointer-events: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.hint__tooltip.hover {
  opacity: 1;
  visibility: visible;
}
.hint__tooltip p {
  width: 300px;
  font-size: 0.9em !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto;
  white-space: normal;
}
.hint__tooltip p::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 12px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.1));
}

.va-baseline {
  vertical-align: baseline;
}

.va-top {
  vertical-align: top;
}

.va-middle {
  vertical-align: middle;
}

.va-bottom {
  vertical-align: bottom;
}

.va-sub {
  vertical-align: sub;
}

.va-text-top {
  vertical-align: text-top;
}

.insights .container {
  padding: 0 15px 0 15px;
}
.insights .data-header {
  margin-left: 15px;
}
.insights .data-header .actions {
  margin-right: 15px;
}
.insights .chart-title {
  min-width: 100px;
  max-width: 60%;
  text-align: center;
  margin: 0 auto;
}
.insights .chart-title p {
  font-size: 1em;
  font-weight: 400;
  display: block;
}
.insights .cards {
  display: block;
  margin-bottom: 10px;
}
.insights .controls {
  display: block;
}
.insights .controls .control {
  display: inline-block;
}
.insights .input {
  width: inherit;
}
.insights .subtitle {
  font-size: 0.5em;
  color: #a0a0a0;
}
.insights .centered-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  top: 200px;
  position: relative;
}
.insights .centered-info .chart-loader {
  display: flex;
  align-items: center;
  transform: scale(2);
}
.insights .chart-settings .search-block {
  height: 50px;
}
.insights .chart-settings span .arr-wrapper {
  margin-top: 0;
}
.insights .chart-settings .block-form .dropdown.select.dropdown-list {
  width: 100%;
}
.insights .chart-settings .block-form label {
  display: block;
  font-size: 13px;
  margin-bottom: 0.5em;
}
.insights .chart-settings .block-form .date input {
  width: 100%;
  box-sizing: border-box;
  padding: 18px 0 18px 0;
}
.insights .chart-settings .block-form > .select .select {
  width: 100%;
}
.insights .chart-settings .block-form .separator {
  width: 100%;
}
.insights h2.section-title {
  margin: 0;
  font-size: 1.6em;
}
.insights h2 .section .separator {
  width: 80%;
}
.insights .chart-container {
  min-height: 20vh;
}
.insights .chart-container .actions .filter-container-insights {
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.insights .chart-container .actions .filter-container-insights .currency-period-container {
  display: flex;
  flex-direction: row;
  align-content: center;
  border-right: 1px solid #d2d2d2;
}
.insights .chart-container .actions .filter-container-insights .currency-period-container > div {
  margin-right: 15px;
}
.insights .chart-container .actions .filter-container-insights .chart-unit-container {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-items: flex-start;
  margin-left: 15px;
}
.insights .chart-container .actions .filter-container-insights .chart-unit-container span {
  margin-right: 5px;
}
.insights .chart-container .actions > div {
  margin: 0 0.5em 0 0;
}
.insights .chart-container .actions .select {
  min-width: 150px;
}
.insights .chart-container .actions span .arr-wrapper {
  top: 2px;
  transform: scale(0.8);
}
.insights .chart-filter-type {
  padding: 0.5em;
  display: inline-block;
  margin-bottom: 5px;
  border-bottom: none;
  background-color: aliceblue;
  overflow-x: hidden;
}

.chart-component.is-loading .chart {
  opacity: 0.5;
}
.chart-component .block-form .select, .chart-component .block-form input {
  width: inherit;
}

.srxp-chart-table {
  min-height: 30vh;
}
.srxp-chart-table table {
  width: 100%;
}

.flex-container.flex-row.header-section {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.flex-container.flex-row.buttons * > div {
  margin-right: 5px;
}

.toggle-filters-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.toggle-filters-container .toggle-filters {
  border: 1px solid #0650D0;
  color: #0650D0;
  align-items: baseline;
}
.toggle-filters-container .toggle-filters .icon {
  float: right;
  position: relative;
  bottom: 2px;
  fill: #0650D0;
}

.applied-filters {
  min-height: 40px;
}

.customize-table-settings {
  max-height: 70vh;
  overflow: auto;
}

.draggable-sort-elements .title {
  height: 20px;
}
.draggable-sort-elements .title .icon {
  vertical-align: middle;
}
.draggable-sort-elements .element {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  background: white;
  border: 1px solid #efefef;
}
.draggable-sort-elements .element.fixed {
  cursor: not-allowed;
  background: #efefef;
}
.draggable-sort-elements .element.fixed:hover {
  background: #efefef;
}
.draggable-sort-elements .element:hover {
  background: aliceblue;
}
.draggable-sort-elements .element .name {
  padding-left: 1em;
}
.draggable-sort-elements .before {
  height: 15px;
  position: relative;
  width: 110%;
  left: -10px;
}
.draggable-sort-elements .after {
  height: 15px;
  position: relative;
  width: 110%;
  left: -10px;
}
.draggable-sort-elements .target.before {
  border-top: 50px solid #efefef;
  position: relative;
  width: 110%;
}
.draggable-sort-elements .target.after {
  border-bottom: 50px solid #efefef;
  position: relative;
  width: 110%;
}
.draggable-sort-elements .target.drag-to, .draggable-sort-elements .target.drag-from {
  border: 2px dotted #0650D0;
  background-color: #efefef;
}
.draggable-sort-elements .drag-from {
  min-height: 400px;
  border: 1px solid #efefef;
}
.draggable-sort-elements .drag-from .carrot-left {
  visibility: hidden;
}
.draggable-sort-elements .drag-from .carrot-right {
  visibility: visible;
}
.draggable-sort-elements .drag-to {
  min-height: 400px;
  border: 1px solid #efefef;
}
.draggable-sort-elements .drag-to .carrot-left {
  visibility: visible;
}
.draggable-sort-elements .drag-to .carrot-right {
  visibility: hidden;
}

.ember-burger-menu {
  z-index: 1;
  overflow: inherit !important;
}
.ember-burger-menu .content #profile-container {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: nowrap;
  padding: 15px 30px;
  width: 885px;
}
.ember-burger-menu .content #profile-container .block, .ember-burger-menu .content #profile-container .block-form {
  padding-right: 0;
  margin-right: 0;
}
.ember-burger-menu .bm-menu {
  position: relative;
  top: 0;
  width: 240px;
}
.ember-burger-menu .bm-menu div > ul {
  list-style: none;
}
.ember-burger-menu .bm-menu div > ul li {
  margin-bottom: 2.1428571429px;
  margin-left: -15px;
}
.ember-burger-menu .bm-menu div > ul li .main-route-item {
  border-radius: 5px;
  color: #515151;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  height: 30px;
  line-height: 25px;
  padding: 3px 0 3px 5px;
  margin: 0 5px 0 20px;
  position: relative;
  text-decoration: none;
  transition: background-color, 0.1s, linear;
}
.ember-burger-menu .bm-menu div > ul li .main-route-item a {
  border-radius: 5px;
  color: #515151;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  height: 30px;
  line-height: 25px;
  padding: 3px 0 3px 15px;
  position: relative;
  text-decoration: none;
  transition: background-color, 0.1s, linear;
}
.ember-burger-menu .bm-menu div > ul li .main-route-item:hover {
  color: #515151;
}
.ember-burger-menu .bm-menu div > ul li .main-route-item.active {
  font-weight: 600;
  background: aliceblue;
}
.ember-burger-menu .bm-menu div > ul li .main-route-item.active a, .ember-burger-menu .bm-menu div > ul li .main-route-item.active svg {
  color: #0650D0;
}
.ember-burger-menu .bm-menu div > ul li .main-route-item.active + ul {
  padding-left: 60px;
  max-height: 360px;
}
.ember-burger-menu .bm-menu div > ul li ul {
  padding-left: 15px;
  padding-top: 0;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease, padding 0.2s ease;
}
.ember-burger-menu .bm-menu div > ul li ul li {
  position: relative;
}
.ember-burger-menu .bm-menu div > ul li ul li:last-of-type {
  margin-bottom: 0;
}
.ember-burger-menu .bm-menu div > ul li ul li a {
  border-radius: 5px;
  color: #515151;
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding: 3px 0 3px 30px;
  position: relative;
  text-decoration: none;
  transition: background-color, 0.2s, linear;
  width: 22ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ember-burger-menu .bm-menu div > ul li ul li a:hover {
  color: #0650D0;
}
.ember-burger-menu .bm-menu div > ul li ul li a.active {
  color: #0650D0;
  font-weight: 600;
}
.ember-burger-menu div li {
  list-style: none;
}
.ember-burger-menu .bm-content:after {
  width: 0;
}
.ember-burger-menu .bm-content {
  overflow: inherit !important;
  background: none !important;
}

.ember-burger-menu > .bm-menu-container .bm-menu {
  z-index: 10 !important;
}

.submit-hamburger-menu,
.request-hamburger-menu,
.approve-hamburger-menu,
.export-hamburger-menu,
.profile-hamburger-menu {
  position: relative;
  width: 240px;
}
.submit-hamburger-menu ul,
.request-hamburger-menu ul,
.approve-hamburger-menu ul,
.export-hamburger-menu ul,
.profile-hamburger-menu ul {
  list-style: none;
}
.submit-hamburger-menu ul li,
.request-hamburger-menu ul li,
.approve-hamburger-menu ul li,
.export-hamburger-menu ul li,
.profile-hamburger-menu ul li {
  margin-bottom: 2.1428571429px;
  margin-left: -15px;
}
.submit-hamburger-menu ul li .main-route-item,
.request-hamburger-menu ul li .main-route-item,
.approve-hamburger-menu ul li .main-route-item,
.export-hamburger-menu ul li .main-route-item,
.profile-hamburger-menu ul li .main-route-item {
  display: block;
  position: relative;
  line-height: 30px;
  height: 30px;
  padding: 3px 0 3px 5px;
  margin: 0 5px 0 20px;
  text-decoration: none;
  color: #515151;
  border-radius: 5px;
  font-size: 1.4rem;
  transition: background-color, 0.1s, linear;
}
.submit-hamburger-menu ul li .main-route-item a,
.request-hamburger-menu ul li .main-route-item a,
.approve-hamburger-menu ul li .main-route-item a,
.export-hamburger-menu ul li .main-route-item a,
.profile-hamburger-menu ul li .main-route-item a {
  display: block;
  position: relative;
  padding: 3px 0 3px 15px;
  height: 30px;
  line-height: 25px;
  text-decoration: none;
  color: #515151;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: 400;
  transition: background-color, 0.1s, linear;
}
.submit-hamburger-menu ul li .main-route-item a .icon,
.request-hamburger-menu ul li .main-route-item a .icon,
.approve-hamburger-menu ul li .main-route-item a .icon,
.export-hamburger-menu ul li .main-route-item a .icon,
.profile-hamburger-menu ul li .main-route-item a .icon {
  margin-right: 5px;
  vertical-align: middle;
}
.submit-hamburger-menu ul li .main-route-item:hover,
.request-hamburger-menu ul li .main-route-item:hover,
.approve-hamburger-menu ul li .main-route-item:hover,
.export-hamburger-menu ul li .main-route-item:hover,
.profile-hamburger-menu ul li .main-route-item:hover {
  color: #515151;
}
.submit-hamburger-menu ul li .main-route-item.active,
.request-hamburger-menu ul li .main-route-item.active,
.approve-hamburger-menu ul li .main-route-item.active,
.export-hamburger-menu ul li .main-route-item.active,
.profile-hamburger-menu ul li .main-route-item.active {
  font-weight: 600;
  background: aliceblue;
}
.submit-hamburger-menu ul li .main-route-item.active a, .submit-hamburger-menu ul li .main-route-item.active svg,
.request-hamburger-menu ul li .main-route-item.active a,
.request-hamburger-menu ul li .main-route-item.active svg,
.approve-hamburger-menu ul li .main-route-item.active a,
.approve-hamburger-menu ul li .main-route-item.active svg,
.export-hamburger-menu ul li .main-route-item.active a,
.export-hamburger-menu ul li .main-route-item.active svg,
.profile-hamburger-menu ul li .main-route-item.active a,
.profile-hamburger-menu ul li .main-route-item.active svg {
  color: #0650D0;
}
.submit-hamburger-menu ul li .main-route-item.active + ul,
.request-hamburger-menu ul li .main-route-item.active + ul,
.approve-hamburger-menu ul li .main-route-item.active + ul,
.export-hamburger-menu ul li .main-route-item.active + ul,
.profile-hamburger-menu ul li .main-route-item.active + ul {
  padding-left: 60px;
  max-height: 360px;
}
.submit-hamburger-menu ul li ul,
.request-hamburger-menu ul li ul,
.approve-hamburger-menu ul li ul,
.export-hamburger-menu ul li ul,
.profile-hamburger-menu ul li ul {
  padding-left: 15px;
  padding-top: 0;
  height: auto;
  max-height: 0;
  transition: max-height 0.2s ease, padding 0.2s ease;
}
.submit-hamburger-menu ul li ul li,
.request-hamburger-menu ul li ul li,
.approve-hamburger-menu ul li ul li,
.export-hamburger-menu ul li ul li,
.profile-hamburger-menu ul li ul li {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.submit-hamburger-menu ul li ul li span.action-add,
.request-hamburger-menu ul li ul li span.action-add,
.approve-hamburger-menu ul li ul li span.action-add,
.export-hamburger-menu ul li ul li span.action-add,
.profile-hamburger-menu ul li ul li span.action-add {
  margin-left: auto;
}
.submit-hamburger-menu ul li ul li:last-of-type,
.request-hamburger-menu ul li ul li:last-of-type,
.approve-hamburger-menu ul li ul li:last-of-type,
.export-hamburger-menu ul li ul li:last-of-type,
.profile-hamburger-menu ul li ul li:last-of-type {
  margin-bottom: 0;
}
.submit-hamburger-menu ul li ul li a,
.request-hamburger-menu ul li ul li a,
.approve-hamburger-menu ul li ul li a,
.export-hamburger-menu ul li ul li a,
.profile-hamburger-menu ul li ul li a {
  display: block;
  position: relative;
  line-height: 30px;
  height: 30px;
  padding: 3px 0 3px 30px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.3rem;
  transition: background-color, 0.2s, linear;
}
.submit-hamburger-menu ul li ul li a.active,
.request-hamburger-menu ul li ul li a.active,
.approve-hamburger-menu ul li ul li a.active,
.export-hamburger-menu ul li ul li a.active,
.profile-hamburger-menu ul li ul li a.active {
  font-weight: 600;
  color: #0650D0;
}

.approve-hamburger-menu {
  top: 0;
}

.vertical-border-right {
  border-right: 1px solid #ebebeb;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 240px;
}

.small-vertical-border-right {
  border-right: 1px solid #ebebeb;
  position: absolute;
  top: 0;
  left: 240px;
  height: 55px;
}

svg .icon.checked {
  color: #37B37E;
}
svg .icon.not-checked {
  color: #fec63d;
}
svg .icon.flagged {
  color: #ff3823;
}

.approve-actions > * {
  float: left;
}
.approve-actions .button {
  border: none;
  font-size: 1.1em;
  height: inherit;
  padding: 0.5em 0.8em;
}
.approve-actions .checked {
  color: #37B37E;
  border-radius: 2px 0 0 2px;
}
.approve-actions .checked.pressed {
  color: #fff;
  background-color: #37B37E;
}
.approve-actions .checked.pressed .icon {
  color: #fff !important;
}
.approve-actions .not-checked {
  color: #fec63d;
  border-radius: 0;
}
.approve-actions .not-checked.pressed {
  color: #fff;
  background-color: #fec63d;
}
.approve-actions .not-checked.pressed .icon {
  color: #fff !important;
}
.approve-actions .flagged {
  color: #ff3823;
  border-radius: 0 2px 2px 0;
}
.approve-actions .flagged.pressed {
  color: #fff;
  background-color: #ff3823;
}
.approve-actions .flagged.pressed .icon {
  color: #fff !important;
}

.overlay-approve-actions {
  border-radius: 0 0 2px 2px;
  padding: 15px;
  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1), 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 0px 1px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1), 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 0px 1px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1), 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 0px 1px -1px rgba(0, 0, 0, 0.1);
}
.overlay-approve-actions .approve-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 2px;
  outline: 1px solid #d2d2d2;
}
.overlay-approve-actions.bottom {
  background-color: inherit;
  bottom: 0;
  clear: both;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  z-index: 33;
}
.overlay-approve-actions.compact-view .approve-actions {
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
  min-width: initial;
}
.overlay-approve-actions .block-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.overlay-approve-actions .flag-motivation-input {
  flex: 2;
  float: left;
  position: relative;
  display: flex;
}
.overlay-approve-actions .flag-motivation-input > * {
  float: left;
}
.overlay-approve-actions .flag-motivation-input .flag-input-element {
  width: inherit;
  height: inherit;
  display: flex;
  flex: 1;
  margin-bottom: 0px;
  margin-left: 35.25px;
}
.overlay-approve-actions .flag-motivation-input .flag-input-element input {
  width: initial;
  flex: 1;
  border-radius: 2px 0 0 2px;
}
.overlay-approve-actions .flag-motivation-input.in-active input {
  background-color: #afafaf;
}
.overlay-approve-actions .next {
  margin-left: -1px;
  border-radius: 0 2px 2px 0;
}

.checkmark-hover .hover-text {
  text-align: left;
  position: fixed;
  min-width: 10em;
  max-width: 14em;
  min-height: 1em;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  border: solid 1px #efefef;
  z-index: 19;
  background: #fff;
  padding: 1em 1em 1em 1em;
}
.checkmark-hover .hover-text p {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto;
  white-space: normal;
}

.expense-history-button {
  position: relative;
  left: calc(100% - 33px);
}

.expense-history ol {
  list-style: none;
}
.expense-history .event {
  position: relative;
  float: right;
  width: 280px;
  border-left: 5px solid darkgray;
  margin-left: 15px;
  padding-left: 15px;
  text-align: right;
  line-height: 40px;
}
.expense-history .event:before {
  content: "";
  border-radius: 50%;
  border: 10px solid grey;
  position: absolute;
  top: 10px;
  left: -12px;
}
.expense-history li {
  overflow: hidden;
}
.expense-history .date {
  text-align: left;
  line-height: 40px;
}
.expense-history .dropdown-content {
  font-size: 1.2rem;
  top: 170px;
  transform: translateX(-45%);
  max-height: 200px;
  min-width: 500px;
  overflow: auto;
  padding: 15px;
  position: fixed;
  width: 500px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.table-td {
  border: solid 1px black;
}
.table-td .value {
  position: relative;
  float: left;
}
.table-td .value .unseen-notifications {
  position: absolute;
  right: 0;
  top: 0;
}
.table-td .block {
  position: relative;
  right: 0;
}
.table-td .block .copy-handle {
  padding-left: 2px;
}
.table-td .block .copy-handle .icon {
  opacity: 0;
  color: #ababab !important;
}
.table-td .block .copy-handle .icon.visible {
  animation: fadeIn ease-in 200ms;
  animation-fill-mode: forwards;
}
.table-td.error.highlight input, .table-td.error.highlight textarea, .table-td.error.highlight .current-selection, .table-td.error.highlight .fake-checkbox, .table-td.error.highlight .icon, .table-td.error.highlight .value {
  color: #fec63d;
  font-weight: 600;
}
.table-td.error.required {
  z-index: 2;
}
.table-td.error.required input, .table-td.error.required textarea, .table-td.error.required .current-selection, .table-td.error.required .fake-checkbox, .table-td.error.required .icon, .table-td.error.required .value {
  color: #ff3823;
  font-weight: 600;
}

.transition-animation.is-transition-to-right.animated, .transition-animation.is-transition-to-right .animated {
  animation: animateToRight 0.1s ease-out, blur 1s;
  animation-fill-mode: forwards;
}
.transition-animation.is-transition-to-left.animated, .transition-animation.is-transition-to-left .animated {
  animation: animateToLeft 0.1s ease-out, blur 1s;
  animation-fill-mode: forwards;
}
.transition-animation.is-transition-from-left.animated, .transition-animation.is-transition-from-left .animated {
  animation: animateFromLeft 0.1s ease-in, unblur 0.5s;
  animation-fill-mode: forwards;
}
.transition-animation.is-transition-from-right.animated, .transition-animation.is-transition-from-right .animated {
  animation: animateFromRight 0.1s ease-in, unblur 0.5s;
  animation-fill-mode: forwards;
}
@keyframes unblur {
  from {
    filter: blur(4px);
  }
  to {
    filter: blur(0);
  }
}
@keyframes blur {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(4px);
  }
}
@keyframes animateFromRight {
  from {
    transform: translateX(50px);
    opacity: 0.2;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes animateToRight {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(50px);
    opacity: 0.2;
  }
}
@keyframes animateToLeft {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-50px);
    opacity: 0.2;
  }
}
@keyframes animateFromLeft {
  from {
    transform: translateX(-50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.role-policy-overlay {
  min-width: 700px;
  width: 50vw !important;
}
.role-policy-overlay .small-input label {
  width: 7em;
}
.role-policy-overlay .small-input input, .role-policy-overlay .small-input textarea {
  width: 200px;
  margin-left: 0;
}
.role-policy-overlay .small-input .select {
  width: 200px;
}
.role-policy-overlay .step-wrapper {
  height: 100%;
}
.role-policy-overlay .policy-code-block .code-block {
  float: left;
  width: 100%;
}
.role-policy-overlay .policy-code-block .editor {
  height: 30em;
}

.simple-table {
  position: relative;
}
.simple-table.is-empty .table, .simple-table.is-loading .table {
  min-height: 8em;
}
.simple-table .ember-table .et-cell-container .et-depth-placeholder + .et-cell-content {
  position: relative;
  left: 1.5em;
}

.data-header h1.title {
  color: #0650D0;
  position: absolute;
  top: 0;
  left: 15px;
}

.dashboard-wrapper {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 45px;
  right: 0;
  bottom: 15px;
  left: 15px;
  padding-right: 15px;
}
.dashboard-wrapper .flexbox-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.dashboard-wrapper .flexbox-row.single-filter {
  justify-content: space-between;
  max-width: 620px;
}
.dashboard-wrapper .flexbox-row.single-filter .select span.select .current-selection, .dashboard-wrapper .flexbox-row.single-filter .input.select span.select .current-selection {
  border-radius: 2px;
  min-width: 150px;
}
@media only screen and (max-width: 1870px) {
  .dashboard-wrapper .flexbox-row.single-filter {
    margin-right: 0;
    width: 540px;
  }
}
.dashboard-wrapper .flexbox-row.filters {
  justify-content: space-between;
}
.dashboard-wrapper .flexbox-row.filters .flexbox-filter-container .select span.select .current-selection, .dashboard-wrapper .flexbox-row.filters .flexbox-filter-container .input.select span.select .current-selection {
  border-radius: 2px;
  min-width: 150px;
}
.dashboard-wrapper .flexbox-row.filters .flexbox-filter-container .button.blue {
  height: 13px;
  margin-right: 15px;
  background-color: #0650D0;
  border-color: #0650D0;
  color: #fff;
}
.dashboard-wrapper .flexbox-row.filters .flexbox-filter-container .dropdown-content {
  z-index: 30;
}
.dashboard-wrapper .flexbox-row.filters .flexbox-filter-container .dropdown-list .dropdown-content ul {
  max-height: 250px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
}
.dashboard-wrapper .flexbox-row.filters .flexbox-filter-container li.dropdown-button {
  margin-top: 5px;
  cursor: pointer;
}
.dashboard-wrapper .flexbox-row.filters .flexbox-filter-container li.dropdown-button span:hover {
  background-color: #eef0ff;
}
.dashboard-wrapper .flexbox-row.filters .flexbox-filter-container li.dropdown-button span:active {
  outline: none;
}
.dashboard-wrapper .flexbox-row.filters .flexbox-filter-container .input:last-child {
  margin-left: 15px;
}
.dashboard-wrapper .flexbox-row.space-evenly {
  position: relative;
  top: -10px;
  align-items: baseline;
  justify-content: flex-start;
  margin-left: 35px;
  max-height: 390px;
  min-height: 390px;
}
.dashboard-wrapper .flexbox-row.top {
  margin-top: 15px;
}
@media only screen and (max-height: 679px) {
  .dashboard-wrapper .flexbox-row.top.no-submitter .pending-tasks .table, .dashboard-wrapper .flexbox-row.top.no-submitter .pending-tasks .table table, .dashboard-wrapper .flexbox-row.top.no-submitter .ember-table, .dashboard-wrapper .flexbox-row.top.no-submitter ul.notification-list {
    max-height: 67vh;
  }
}
@media only screen and (max-height: 999px) and (min-height: 680px) {
  .dashboard-wrapper .flexbox-row.top.no-submitter .pending-tasks .table, .dashboard-wrapper .flexbox-row.top.no-submitter .pending-tasks .table table, .dashboard-wrapper .flexbox-row.top.no-submitter .ember-table, .dashboard-wrapper .flexbox-row.top.no-submitter ul.notification-list {
    max-height: 73vh;
  }
}
@media only screen and (min-height: 1000px) {
  .dashboard-wrapper .flexbox-row.top.no-submitter .pending-tasks .table, .dashboard-wrapper .flexbox-row.top.no-submitter .pending-tasks .table table, .dashboard-wrapper .flexbox-row.top.no-submitter .ember-table, .dashboard-wrapper .flexbox-row.top.no-submitter ul.notification-list {
    max-height: 80vh;
  }
}
.dashboard-wrapper .flexbox-row.bottom {
  margin-top: 40px;
}
.dashboard-wrapper .flexbox-row.bottom.no-submitter {
  visibility: hidden;
}
.dashboard-wrapper .flexbox-row .flexbox-filter-container {
  display: flex;
  flex-direction: row;
}
.dashboard-wrapper .flexbox-row .flexbox-filter-container .arr-wrapper {
  top: 1px;
}
@media screen and (min-resolution: 141dpi) {
  .dashboard-wrapper .flexbox-row .flexbox-filter-container .arr-wrapper {
    right: 10px;
  }
}
.dashboard-wrapper .flexbox-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dashboard-wrapper .flexbox-column.fg-1 {
  flex-grow: 0.2;
}
.dashboard-wrapper .flexbox-column.fg-2 {
  flex-grow: 1;
}
.dashboard-wrapper h1.title {
  color: #0650D0;
  position: absolute;
  top: 0;
  left: 15px;
}
.dashboard-wrapper h2.subtitle {
  color: #0650D0;
  font-size: 1.8rem;
}
.dashboard-wrapper td span.submitter {
  color: #DBAE29;
}
.dashboard-wrapper td span.approver {
  color: #37B37E;
}
.dashboard-wrapper td span.exporter {
  color: #8200DF;
}
.dashboard-wrapper td span.not_submitted {
  color: inherit;
}
.dashboard-wrapper td span.submitted,
.dashboard-wrapper td span.ready_for_submit,
.dashboard-wrapper td span.sub_approve {
  color: #DBAE29;
}
.dashboard-wrapper td span.approved {
  color: #37B37E;
}
.dashboard-wrapper td span.rejected {
  color: #ff3823;
}
.dashboard-wrapper td span.processed {
  color: #8200DF;
}
.dashboard-wrapper td span.ready_for_export {
  color: #BA83EB;
}
.dashboard-wrapper .my-spending {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  display: block;
  position: relative;
  top: 10px;
  max-height: 355px;
  height: 355px;
  min-height: 355px;
  width: 600px;
  max-width: 600px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
}
@media only screen and (max-width: 1870px) {
  .dashboard-wrapper .my-spending {
    margin-right: 15px;
    margin-left: 15px;
    width: 520px;
  }
}
.dashboard-wrapper .my-spending .table {
  top: 15px;
}
.dashboard-wrapper .my-spending .empty-chart-dashboard {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 346px;
  height: 346px;
  max-height: 346px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 10px;
}
.dashboard-wrapper .my-spending .empty-chart-dashboard .icon {
  top: 5px;
  padding-bottom: 15px;
  position: relative;
  height: 135px;
}
.dashboard-wrapper .my-spending .empty-chart-dashboard span {
  position: relative;
  top: 15px;
  cursor: default;
  font-size: 1.4rem;
  color: #b3b3b3;
  text-align: center;
}
.dashboard-wrapper .empty-table-dashboard .empty-table-container.dashboard {
  top: 10px;
  position: relative;
  height: 325px;
  min-height: 318px;
  width: 100%;
  min-width: 50vw;
}
.dashboard-wrapper .empty-table-dashboard .empty-table-container.dashboard .icon {
  border-radius: 4px;
  height: 135px;
  opacity: 1;
  padding-bottom: 15px;
  width: 135px;
}
.dashboard-wrapper .pending-tasks, .dashboard-wrapper .my-reports {
  max-height: 375px;
  width: 100%;
}
.dashboard-wrapper .pending-tasks .table, .dashboard-wrapper .my-reports .table {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  top: 10px;
  max-height: 355px;
  min-height: 13vh;
  border-radius: 2px;
  width: 100%;
  overflow: auto;
}
.dashboard-wrapper .pending-tasks .table .ember-table, .dashboard-wrapper .my-reports .table .ember-table {
  min-height: 355px;
  min-width: 50vw;
}
.dashboard-wrapper .pending-tasks .table table, .dashboard-wrapper .my-reports .table table {
  width: 100%;
  min-width: 50vw;
}
.dashboard-wrapper .pending-tasks .table table .clickable, .dashboard-wrapper .my-reports .table table .clickable {
  display: flex;
  align-items: center;
  width: 110%;
  height: 100%;
  padding: 4px;
}
.dashboard-wrapper .pending-tasks .table table .table-center, .dashboard-wrapper .my-reports .table table .table-center {
  padding-top: 145px;
}
.dashboard-wrapper .multi-company-notifications ul.notification-list {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  display: block;
  position: relative;
  top: 10px;
  max-height: 346px;
  min-height: 346px;
  width: 620px;
  border-radius: 2px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1870px) {
  .dashboard-wrapper .multi-company-notifications ul.notification-list {
    margin-right: 15px;
    margin-left: 15px;
    width: 540px;
  }
}
.dashboard-wrapper .multi-company-notifications ul.notification-list .loading-spinner {
  margin: auto;
  background: 0 0;
  transform: scale(2.5);
  position: relative;
  left: 49%;
  top: 185px;
}
.dashboard-wrapper .multi-company-notifications ul.notification-list .notification-empty-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 345px;
  cursor: default;
  font-size: 1.4rem;
  color: #b3b3b3;
  text-align: center;
}
.dashboard-wrapper .multi-company-notifications ul.notification-list .notification-empty-message .icon {
  top: 5px;
  padding-bottom: 15px;
  position: relative;
}
.dashboard-wrapper .multi-company-notifications ul.notification-list .notification-empty-message span {
  position: relative;
  top: 15px;
}
.dashboard-wrapper .multi-company-notifications ul.notification-list .notification-empty-message h2 {
  padding-top: 15px;
  font-size: 1.8rem;
  color: #515151;
}
.dashboard-wrapper .multi-company-notifications li.notification {
  border-bottom: 1px solid #efefef;
  height: 40px;
  max-height: 40px;
  padding: 5px 25px 5px 15px;
  cursor: pointer;
}
@media only screen and (max-width: 1870px) {
  .dashboard-wrapper .multi-company-notifications li.notification {
    width: 500px;
  }
}
.dashboard-wrapper .multi-company-notifications li.notification:hover {
  background-color: #eef0ff;
}
.dashboard-wrapper .multi-company-notifications li.notification h3 {
  border: none;
  width: 585px;
  padding-left: 10px;
  margin-top: 5px;
}
.dashboard-wrapper .multi-company-notifications li.notification span .icon {
  border-radius: 50%;
  cursor: default;
  display: inline-block;
  padding: 6px;
  vertical-align: middle;
  top: -2px;
}
.dashboard-wrapper .multi-company-notifications li.notification span .icon.blue-background {
  background: #0650D0;
}
.dashboard-wrapper .multi-company-notifications li.notification span .icon.green-background {
  background: #37B37E;
}
.dashboard-wrapper .multi-company-notifications li.notification span .icon.grey-background {
  background: #9eb6c9;
}
.dashboard-wrapper .multi-company-notifications li.notification span .icon.purple-background {
  background: #8200DF;
}
.dashboard-wrapper .multi-company-notifications li.notification span .icon.red-background {
  background: #ff3823;
}
.dashboard-wrapper .multi-company-notifications li.notification svg {
  float: left;
  position: relative;
  top: 15px;
}
.dashboard-wrapper .multi-company-notifications li.notification svg:hover {
  color: #fff;
}
.dashboard-wrapper .multi-company-notifications li.notification .notification-created {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: center;
  position: relative;
  right: -3px;
}
.dashboard-wrapper .multi-company-notifications li.notification .notification-created .date-created {
  color: #a5a9a9;
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 0;
  cursor: default;
}
.dashboard-wrapper .multi-company-notifications li.notification .notification-created svg {
  float: inherit;
  top: inherit;
  position: inherit;
}
.dashboard-wrapper .multi-company-notifications li.notification .notification-created svg:hover {
  color: initial;
  cursor: pointer;
}
.dashboard-wrapper .multi-company-notifications li.notification .notification-created svg.disabled {
  color: #ccc;
}
.dashboard-wrapper .multi-company-notifications li.notification .notification-created svg.disabled:hover {
  color: #ccc;
  cursor: default;
}
.dashboard-wrapper .multi-company-notifications li.notification .align-middle {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.dashboard-wrapper .multi-company-notifications li.notification .align-middle a {
  font-size: 1.4rem;
  text-decoration: none;
}
.dashboard-wrapper .multi-company-notifications li.notification .align-middle a.title-dashboard {
  color: #515151;
  font-size: 1.2rem;
  font-weight: 300;
  margin-left: 15px;
  width: 245px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1870px) {
  .dashboard-wrapper .multi-company-notifications li.notification .align-middle a.title-dashboard {
    width: 240px;
  }
}
.dashboard-wrapper .multi-company-notifications li.notification .align-middle a.company-name {
  position: absolute;
  right: 120px;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: right;
  width: 185px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1870px) {
  .dashboard-wrapper .multi-company-notifications li.notification .align-middle a.company-name {
    width: 110px;
  }
}
.dashboard-wrapper .no-submitter .flexbox-column.fg-1 .multi-company-notifications ul.notification-list {
  padding-bottom: 0;
}

.dashboard-prompt {
  display: flex;
  height: 17vh;
  min-height: 17vh;
  max-height: 17vh;
}
.dashboard-prompt .scroll-pane-scroller {
  width: 100%;
}
.dashboard-prompt .loading-roller {
  display: flex;
  margin: 25px 0 25px 0;
}
.dashboard-prompt span {
  color: #515151;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  text-align: center;
}

.admin-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 89vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 45px;
  right: 0;
  bottom: 15px;
  left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 2500px) {
  .admin-wrapper {
    height: 88vh;
  }
}
@media screen and (max-height: 679px) {
  .admin-wrapper {
    height: 80vh;
  }
}
@media screen and (min-height: 680px) and (max-height: 795px) {
  .admin-wrapper {
    height: 84vh;
  }
}
@media screen and (min-height: 796px) and (max-height: 1010px) {
  .admin-wrapper {
    height: 85vh;
  }
}
@media screen and (min-height: 1005px) {
  .admin-wrapper {
    height: 88vh;
  }
}
.admin-wrapper .select span.select .current-selection, .admin-wrapper .input.select span.select .current-selection {
  border-radius: 2px;
  min-width: 150px;
  margin-left: 15px;
}
.admin-wrapper .arr-wrapper {
  top: 2px;
  right: 10px;
}
.admin-wrapper .flexbox-row.filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  width: 100%;
}
.admin-wrapper .flexbox-row.filters .select span.select .current-selection, .admin-wrapper .flexbox-row.filters .input.select span.select .current-selection {
  border-radius: 2px;
  min-width: 150px;
  margin-left: 2px;
  margin-right: 15px;
}
.admin-wrapper .flexbox-row.filters .arr-wrapper {
  top: 2px;
  right: 10px;
}
.admin-wrapper .container-totals > * {
  width: 19%;
  display: flex;
  flex-direction: column;
}
.admin-wrapper .container-totals {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  padding: 0 15px 0 15px;
  margin-top: 5px;
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: calc(100vw - 305px);
  min-width: 1105px;
  height: 25%;
  min-height: 185px;
}
@media only screen and (min-width: 2040px) and (min-height: 1005px) {
  .admin-wrapper .container-totals {
    width: calc(100vw - 320px);
  }
}
@media only screen and (max-height: 679px) {
  .admin-wrapper .container-totals {
    width: calc(100vw - 290px);
    padding: 0 0 0 0;
  }
}
.admin-wrapper .container-totals h3.category-title {
  font-size: 1.8rem;
  align-self: flex-start;
  font-weight: 400;
}
.admin-wrapper .container-totals .group-total {
  color: #515151;
  font-size: 30px;
  align-self: center;
  padding-bottom: 5px;
  padding-top: 25px;
}
.admin-wrapper .container-totals .reports-currency {
  font-size: 12px;
  align-self: flex-end;
  margin-right: 50px;
}
.admin-wrapper .container-totals .not-submitted-totals {
  border-right: 1px solid #d2d2d2;
}
.admin-wrapper .container-totals .not-submitted-totals h3.category-title {
  color: #515151;
}
.admin-wrapper .container-totals .submitted-totals {
  border-right: 1px solid #d2d2d2;
}
.admin-wrapper .container-totals .submitted-totals h3.category-title {
  color: #DBAE29;
}
.admin-wrapper .container-totals .approved-totals {
  border-right: 1px solid #d2d2d2;
}
.admin-wrapper .container-totals .approved-totals h3.category-title {
  color: #37B37E;
}
.admin-wrapper .container-totals .ready-for-export-totals {
  border-right: 1px solid #d2d2d2;
}
.admin-wrapper .container-totals .ready-for-export-totals h3.category-title {
  color: #BA83EB;
}
.admin-wrapper .container-totals .processed-totals h3.category-title {
  color: #8200DF;
}
.admin-wrapper .container-charts {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 15px;
}
.admin-wrapper .container-charts h3.category-title {
  align-self: flex-start;
  color: #0650D0;
  font-size: 1.8rem;
  font-weight: 400;
  margin-left: 15px;
}
@media only screen and (max-height: 679px) {
  .admin-wrapper .container-charts {
    height: 365px;
    min-height: 365px;
    max-height: 365px;
  }
}
.admin-wrapper .container-charts .flexbox-row.single-filter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-right: 15px;
  margin-left: 15px;
}
.admin-wrapper .container-charts .pie-chart-container, .admin-wrapper .container-charts .bar-chart-container {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  margin: 0 1px 0 1px;
  width: 100%;
  min-width: 400px;
}
.admin-wrapper .container-charts .pie-chart-container .loading-spinner, .admin-wrapper .container-charts .bar-chart-container .loading-spinner {
  min-height: 520px;
}
.admin-wrapper .container-charts .pie-chart-container {
  margin-right: 20px;
}
.admin-wrapper .container-charts .pie-chart-admin, .admin-wrapper .container-charts .bar-chart-admin {
  display: flex;
  flex-flow: column;
}
.admin-wrapper .container-charts .pie-chart-admin .table, .admin-wrapper .container-charts .bar-chart-admin .table {
  top: 30px;
}
.admin-wrapper .container-charts .pie-chart-admin a.navigate-to-insights, .admin-wrapper .container-charts .bar-chart-admin a.navigate-to-insights {
  align-self: flex-end;
  margin-top: 20px;
  margin-right: 30px;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #0650D0;
  text-decoration: none;
}
.admin-wrapper .container-charts .pie-chart-admin .empty-chart, .admin-wrapper .container-charts .bar-chart-admin .empty-chart {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 520px;
  width: 42vw;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 10px;
}
.admin-wrapper .container-charts .pie-chart-admin .empty-chart .icon, .admin-wrapper .container-charts .bar-chart-admin .empty-chart .icon {
  top: 5px;
  padding-bottom: 15px;
  position: relative;
  height: 135px;
}
.admin-wrapper .container-charts .pie-chart-admin .empty-chart span, .admin-wrapper .container-charts .bar-chart-admin .empty-chart span {
  position: relative;
  top: 15px;
  cursor: default;
  font-size: 1.4rem;
  color: #b3b3b3;
  text-align: center;
}
.admin-wrapper .container-top-lists {
  margin-right: 15px;
  margin-left: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.admin-wrapper .container-top-lists .top-resources {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  padding: 0 10px 10px 0;
  width: auto;
  margin: 15px 1px 0 1px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .admin-wrapper .container-top-lists .top-resources {
    width: 48.6%;
    margin: 15px -4px 0 0;
  }
}
@media only screen and (-ms-high-contrast: none) and (max-width: 1390px), only screen and (-ms-high-contrast: active) and (max-width: 1390px) {
  .admin-wrapper .container-top-lists .top-resources {
    min-height: 285px;
  }
}
@media only screen and (-ms-high-contrast: none) and (min-width: 1462px) and (max-width: 1860px), only screen and (-ms-high-contrast: active) and (min-width: 1462px) and (max-width: 1860px) {
  .admin-wrapper .container-top-lists .top-resources {
    min-height: 280px;
  }
}
@media only screen and (-ms-high-contrast: none) and (min-width: 2560px) and (min-height: 1300px), only screen and (-ms-high-contrast: active) and (min-width: 2560px) and (min-height: 1300px) {
  .admin-wrapper .container-top-lists .top-resources {
    flex: 1 1 auto;
    margin: 15px 10px 0 10px;
  }
}
@media only screen and (max-width: 1390px) {
  .admin-wrapper .container-top-lists .top-resources {
    width: 48.6%;
    margin: 15px -4px 0 0;
    min-height: 285px;
  }
}
@media only screen and (min-width: 1462px) and (max-width: 1860px) {
  .admin-wrapper .container-top-lists .top-resources {
    width: 48.6%;
    margin: 15px -4px 0 0;
    min-height: 280px;
  }
}
@media only screen and (min-width: 2560px) and (min-height: 1300px) {
  .admin-wrapper .container-top-lists .top-resources {
    flex: 1 1 auto;
    margin: 15px 10px 0 10px;
  }
}
.admin-wrapper .container-top-lists .top-resources .empty-category {
  display: flex;
  flex-direction: column;
  width: 20vw;
  min-width: 200px;
  height: 200px;
}
.admin-wrapper .container-top-lists .top-resources .empty-category h3.category-title {
  align-self: flex-start;
  color: #0650D0;
  font-size: 1.8rem;
  font-weight: 400;
  margin-left: 15px;
}
.admin-wrapper .container-top-lists .top-resources .empty-category span {
  font-size: 12px;
  align-self: center;
  padding-top: 50px;
}
.admin-wrapper .container-top-lists .top-resources .srxp-chart-table {
  position: relative;
  top: -35px;
}
.admin-wrapper .container-top-lists .top-resources .srxp-chart-table > .table {
  box-shadow: none;
  max-height: 195px;
}
.admin-wrapper .container-top-lists .top-resources .table {
  min-width: 385px;
}
@media only screen and (max-width: 1461px) {
  .admin-wrapper .container-top-lists .top-resources .table {
    width: 100%;
  }
}
@media only screen and (min-width: 1462px) and (max-width: 1860px) {
  .admin-wrapper .container-top-lists .top-resources .table {
    max-height: 195px;
  }
}
@media only screen and (min-width: 2040px) and (min-height: 1005px) {
  .admin-wrapper .container-top-lists .top-resources .table {
    min-width: 410px;
  }
}
.admin-wrapper .container-top-lists .top-resources .table .ember-table .occluded-content {
  display: initial;
}
.admin-wrapper .container-top-lists .top-resources .table .ember-table tr:hover {
  cursor: default;
  background-color: transparent;
}
.admin-wrapper .container-top-lists .top-resources .table .ember-table td {
  border-top: 1px solid #d2d2d2 !important;
  border-bottom: 1px solid #d2d2d2 !important;
  width: 100% !important;
  min-width: 100% !important;
  font-size: 1.4rem !important;
  height: 40px;
}
.admin-wrapper .container-top-lists .top-resources .table table {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  height: auto;
  max-height: 400px;
}
.admin-wrapper .container-top-lists .top-resources .table table thead {
  display: none;
}
.admin-wrapper .container-top-lists .top-resources .table table tbody {
  padding: 0 15px;
}
.admin-wrapper .container-top-lists .top-resources .table .is-loading .ember-table table {
  min-height: 150px;
  height: auto;
  max-height: 270px;
}
.admin-wrapper .container-top-lists .top-resources h3.category-title {
  align-self: flex-start;
  color: #0650D0;
  font-size: 1.8rem;
  font-weight: 400;
  margin-left: 15px;
}

/**
 * SR//Expenses System Frontend SCSS Stylesheet
  * @author Ove Danner
 */
.system-frontend {
  /* side-bar item widths */
  /* side-bar item heights */
  /**
   * Language flags sprite settings
   */
  /**
   * Cross-browser rotation classes. Yay.
   */
  font-family: "Museo Sans", Arial, Helvetica, sans-serif;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("https://cdn.srxp.com/prd/assets/images/system-frontend/exact-frontend/background-image-06c9e015ba661cbda8cd02350ec11938.jpg");
  background-position: center;
  background-size: cover;
  display: block;
  overflow: hidden;
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-034d2682bef80abbcced20b732e43d35.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-034d2682bef80abbcced20b732e43d35.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-1cdeeb407dd779002bec69eb55a2f533.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-afccbf4b754abf9080d4bb21c446bffe.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-e74816190b8d991aeddf8327dd4a1094.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300-5ba7edfd705de5dc2f41a412c96b9e1e.svg#MuseoSans-300") format("svg");
    font-weight: 300;
    font-style: normal;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b2d6af7abde598b6375623aeef508132.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b2d6af7abde598b6375623aeef508132.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-c0591ce2ad1e0416c8e2dba5ac13bc8a.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-c46251e13e0f1450c64a2ae4175e10b2.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-f3940f67d901238d48e5bd7fb334ee91.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700Italic-b85d79a3fc3feaa01fee44060ce757fa.svg#MuseoSans-700Italic") format("svg");
    font-weight: 600;
    font-style: italic;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-990de4449370116471c792fe157ae561.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-990de4449370116471c792fe157ae561.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-66e60b10d6f67928842cfd6a4adbcc39.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-a1eb323524203c72dc5df21c3caf16fb.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-fc07b645c8a58beec218219d44288ca5.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900-80be474e6e9d015baab149ecd53a0cd8.svg#MuseoSans-900") format("svg");
    font-weight: bold;
    font-style: normal;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-47662b637d3430275c0e7bd0eb241907.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-47662b637d3430275c0e7bd0eb241907.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-be7c04c3888f20ae597862fb0a1c6971.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-cc5fee3655bc8e9f72040a16ac03d210.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-b13c820a9d2e972973205a5335719a81.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100Italic-4e68aa6e24ea9bf2120180d4f5b3b939.svg#MuseoSans-100Italic") format("svg");
    font-weight: 200;
    font-style: italic;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-1065e9ddbd8072ebdfa038aecc86ccf3.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-1065e9ddbd8072ebdfa038aecc86ccf3.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-a8ad55777754ba16efccf939ea7d138d.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-75d67a2387b81016326b7e52d5da5ff9.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-c37abcb0cd97bc81a8357a8a89942e26.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-900Italic-784d474d00cf37728e7dd758e302de0c.svg#MuseoSans-900Italic") format("svg");
    font-weight: bold;
    font-style: italic;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-b1777babdeb849d8742c2459ca88499b.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-b1777babdeb849d8742c2459ca88499b.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-6031f733474260b49fb2e2f0ea8eaaf1.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-ff71b844fcad29bd04a869d636b6a974.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-ef674e96e5d943d25f6794e81a9e2883.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500Italic-96fff8fe13ea8f098fdbbf18aec7af8d.svg#MuseoSans-500Italic") format("svg");
    font-weight: normal;
    font-style: italic;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-c30fc9ef53d2291b18a3080d780b0ef7.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-c30fc9ef53d2291b18a3080d780b0ef7.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-34eebd90a095ab61a2d14b4115f8664f.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-3d0c9cf5087467e107e46b31cb5c6a98.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-ed2b2ac568452a61bc2c14e746d80ad2.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-700-e74b5cfb8fe9ca3f114c430f01d3b6eb.svg#MuseoSans-700") format("svg");
    font-weight: 600;
    font-style: normal;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-3fc31c201c1b0efdc52bfaf99ce19e3d.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-3fc31c201c1b0efdc52bfaf99ce19e3d.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-544f85ece9f17c0e255212c71bee8232.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-18c7a90bacc810ab02a9310c5035fbf8.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-9f18ddacaacad33583088bcd17c2dad9.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-300Italic-d6aff07074cb2b57b0bae870d84435ca.svg#MuseoSans-300Italic") format("svg");
    font-weight: 300;
    font-style: italic;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-b9c6aad707e9220ed3672f3bc5f5f654.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-b9c6aad707e9220ed3672f3bc5f5f654.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-0cc64401cb915514bed7b4b31dd111e2.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-ada6e4e19899f97c6ef772dddce7ed5a.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-65628445c1d2ae25b5059356e49bc962.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-500-21522c6a3a59ab8daf2ca806259eacc5.svg#MuseoSans-500") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
@font-face {
  .system-frontend {
    font-family: "Museo Sans";
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-5ce94b10a0b0b9eb8418b5e6eb5b8cd8.eot");
    src: url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-5ce94b10a0b0b9eb8418b5e6eb5b8cd8.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-9755326ea6eec4ab18d6f5e3acf5ef91.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-205d4323457ab6ae7a80d18b1f780a4f.woff") format("woff"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-1d67e12a131cbc3a0d11c0aef5282b6a.ttf") format("truetype"), url("https://cdn.srxp.com/prd/assets/fonts/MuseoSans-100-959be811520639ee063ae793f8eae005.svg#MuseoSans-100") format("svg");
    font-weight: 200;
    font-style: normal;
  }
}
@font-face {
  .system-frontend {
    font-family: "Apax";
    src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-2b447963d75716d0300b564340f07cfa.eot");
    /* IE9 Compat Modes */
    src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-2b447963d75716d0300b564340f07cfa.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-4d811ff89aabda63bc309a7d838ca668.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Regular-a73703f40b1808a0dfab9c97e0df21eb.woff") format("woff");
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
  }
}
@font-face {
  .system-frontend {
    font-family: "Apax";
    src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-61d4127efdfe5def14d2696507eba1de.eot");
    /* IE9 Compat Modes */
    src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-61d4127efdfe5def14d2696507eba1de.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-f4fc0abb4c83629545315a10aa4c6a00.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-RegularItalic-655256d8c8c2a12c4931a75b88a22aaa.woff") format("woff");
    font-weight: 400;
    font-stretch: normal;
    font-style: italic;
  }
}
@font-face {
  .system-frontend {
    font-family: "Apax";
    src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-31fd0f6e46ad50bf48c60b83d0ef200d.eot");
    /* IE9 Compat Modes */
    src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-31fd0f6e46ad50bf48c60b83d0ef200d.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-5a2af32b56d3a75e81e78cf393237a0c.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-Medium-25d04bbdc18b1f5fcda9f53b409d81a6.woff") format("woff");
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
  }
}
@font-face {
  .system-frontend {
    font-family: "Apax";
    src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-40b1f2e6732ec2887639f9a8d51c533e.eot");
    /* IE9 Compat Modes */
    src: url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-40b1f2e6732ec2887639f9a8d51c533e.eot?#iefix") format("embedded-opentype"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-22bfee367b614e2dc6e41e6c97f5fda9.woff2") format("woff2"), url("https://cdn.srxp.com/prd/assets/fonts/Apax-MediumItalic-eef0a3ca12b4153da1a02ab0a74bc8b8.woff") format("woff");
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
  }
}
.system-frontend .current-language .link {
  position: relative;
  font-weight: bold;
}
.system-frontend .current-language .link:after {
  content: "";
  width: 12px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10px;
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/fake-checkbox-9f53805aba85c18c984947278ee03e87.svg") no-repeat right center;
}
.system-frontend .fake-checkbox {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.system-frontend input.checkbox-access-level[type=checkbox] {
  background-color: red;
}
.system-frontend .data .checkbox {
  text-align: center;
  width: 32px;
}
.system-frontend .block-form .fake-checkbox {
  width: 12px;
  height: initial;
}
.system-frontend .report-settings {
  display: flex !important;
  flex-direction: row;
  align-items: center;
}
.system-frontend .report-settings .fake-checkbox, .system-frontend .report-settings .fake-checkbox {
  margin-right: 15px !important;
  height: 15px !important;
  width: 15px !important;
}
.system-frontend .checkbox-block.notifications .select .checkbox-group {
  position: absolute;
}
.system-frontend .checkbox-block.notifications .select .checkbox-group li {
  float: left;
  margin-left: 90px;
}
.system-frontend .checkbox-block.notifications .select .checkbox-group li:first-child {
  margin-left: 30px;
}
.system-frontend .checkbox-block .onoffswitch {
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.system-frontend .checkbox-block .onoffswitch.reset-stage-switcher .hint {
  position: initial;
}
.system-frontend .checkbox-block .checkbox-option-list .checkbox-column-group {
  display: inline-block;
  vertical-align: top;
}
.system-frontend .checkbox-block .checkbox-option-list .checkbox-column-group:last-child {
  margin-right: 0;
}
.system-frontend .checkbox-block .checkbox-option-list .checkbox-option-value {
  width: auto;
  margin-bottom: 10px;
}
.system-frontend .checkbox-block .checkbox-option-list .checkbox-option-value label {
  width: auto;
}
.system-frontend .checkbox-block .checkbox-option-list .checkbox-option-value label:nth-child(2) {
  margin-left: 4px;
}
.system-frontend .checkbox-block .checkbox-option-list .checkbox-option-value.input.disabled {
  color: #dedede;
}
.system-frontend .checkbox-block .checkbox-option-list .checkbox-option-value.input.disabled .fake-checkbox:before {
  border: solid #f2f2f2 1px;
  background-color: #dedede;
}
.system-frontend .checkbox-block .checkbox-option-list .checkbox-option-value input.fake-checkbox.disabled-checkbox {
  visibility: hidden;
}
.system-frontend .checkbox-block .title-switcher {
  font-weight: 600;
}
.system-frontend .checkbox-block .title-switcher .onoffswitch-label {
  right: 0;
}
.system-frontend #audit-enter-new {
  float: right;
  position: relative;
  right: 0;
}
.system-frontend .audit-link {
  clear: both;
}
.system-frontend .rotate-270 {
  -webkit-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
.system-frontend .rotate-180 {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.system-frontend .rotate-90 {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.system-frontend .rotate-180-pos {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.system-frontend .preview .picture-upload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.system-frontend .preview .picture-upload .upload {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.system-frontend .preview .attachment-thumbnails-outer {
  background: white;
  overflow-y: hidden;
  overflow-x: auto;
  height: 125px;
  width: inherit;
}
.system-frontend .preview .attachment-thumbnails-outer .attachment-thumbnails-inner {
  display: flex;
  flex-direction: row;
}
.system-frontend .preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail {
  width: 100px;
  height: 100px;
  margin: 5px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.system-frontend .preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail img {
  box-shadow: -4px 4px 5px -2px rgba(0, 0, 0, 0.44);
  display: block;
  margin: 0 auto;
}
.system-frontend .preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail img.active {
  box-shadow: -4px 4px 5px -2px #3884FF;
}
.system-frontend .preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail img.is-original {
  height: auto;
  width: auto;
  max-width: 100px;
  max-height: 100px;
}
.system-frontend .preview .attachment-thumbnails-outer .attachment-thumbnails-inner .thumbnail .icon-pdf {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-position: -217px -282px;
}
.system-frontend .receipt-preview {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.system-frontend .receipt-preview .loading-spinner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.system-frontend .receipt-preview .preview-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: move;
}
.system-frontend .receipt-preview .preview-wrapper.audit {
  position: relative;
  min-height: 150px;
  height: 100%;
}
.system-frontend .receipt-preview .bounding-box {
  position: absolute;
}
.system-frontend .receipt-preview .preview-img {
  position: relative;
  top: 0;
  left: 0;
}
.system-frontend .receipt-preview .controls {
  position: absolute;
  top: 10px;
  left: 10px;
}
.system-frontend .receipt-preview .controls a, .system-frontend .receipt-preview .controls span.control {
  background: #fff;
  margin-bottom: 4px;
  cursor: pointer;
  border-radius: 3px;
  display: block;
  width: 20px;
  height: 16px;
  padding: 4px 2px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.system-frontend .receipt-preview .controls a:hover, .system-frontend .receipt-preview .controls span.control:hover {
  border-color: #2d67c6;
}
.system-frontend .receipt-preview .controls a:active, .system-frontend .receipt-preview .controls span.control:active {
  border-color: #a7a7a7;
}
.system-frontend .receipt-preview .controls a svg, .system-frontend .receipt-preview .controls span.control svg {
  position: relative;
  bottom: 3px;
}
.system-frontend .receipt-preview .controls a span, .system-frontend .receipt-preview .controls span.control span {
  width: 20px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: -999px;
}
.system-frontend .receipt-preview .page-controls {
  position: absolute;
  top: 14px;
  right: 10px;
}
.system-frontend .receipt-preview .page-controls span.page-info, .system-frontend .receipt-preview .page-controls span.control {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 4px;
}
.system-frontend .receipt-preview .page-controls span.control {
  cursor: pointer;
  border-radius: 4px;
}
.system-frontend .receipt-preview .page-controls span.control:hover {
  border-color: #2d67c6;
}
.system-frontend .receipt-preview .page-controls span.control:active {
  border-color: #a7a7a7;
}
.system-frontend a {
  outline: none;
  text-decoration: none;
  color: #6699CC;
}
.system-frontend a:hover {
  text-decoration: underline;
}
.system-frontend img {
  border: 0;
}
.system-frontend p {
  font: 1.5em arial, sans-serif;
  font-size: 1.5em;
}
.system-frontend h1 {
  font-size: 2.5em;
  color: #223D52;
  margin-bottom: 20px;
}
.system-frontend fieldset {
  border: none;
}
.system-frontend fieldset legend {
  font-size: 1.8em;
  color: #336699;
  margin-bottom: 10px;
}
.system-frontend .content-box-system-frontend {
  width: 800px;
  position: relative;
  margin: 20px auto;
  background: white;
  border-radius: 5px;
  border: 1px solid #c0c0c0;
}
.system-frontend .notification-box {
  padding: 20px;
  height: auto;
  text-align: center;
}
.system-frontend .small-box {
  padding: 20px;
  height: auto;
  width: 370px;
  overflow: hidden;
}
.system-frontend .medium-box {
  padding: 20px;
  height: auto;
  width: 600px;
  overflow: hidden;
}
.system-frontend .text, .system-frontend .password, .system-frontend .email, .system-frontend .tel {
  position: relative;
  margin: 0 0 10px 0;
}
.system-frontend .text label, .system-frontend .password label, .system-frontend .email label, .system-frontend .tel label {
  font-family: arial;
  line-height: 30px;
  font-size: 1.5em;
  color: #757575;
}
.system-frontend .text input, .system-frontend .password input, .system-frontend .email input, .system-frontend .tel input {
  font-family: arial;
  font-size: 1.5em;
  padding: 0 3px 0 3px;
  border-radius: 5px;
  box-sizing: border-box;
  width: 370px;
  height: 30px;
  line-height: 30px;
}
.system-frontend .text input:focus, .system-frontend .password input:focus, .system-frontend .email input:focus, .system-frontend .tel input:focus {
  border-color: #0650D0;
}
.system-frontend .errors {
  clear: both;
  display: block;
  margin: 10px 0 10px 0;
  padding: 0 3px 0 3px;
  font-family: arial;
  font-size: 1.5em;
  border-radius: 5px;
  color: #B84B48;
  background: #F2DEDF;
  border: 1px solid #EFD2D6;
}
.system-frontend .errors li {
  list-style-type: none;
}
.system-frontend .success {
  clear: both;
  display: block;
  margin: 10px 0 10px 0;
  padding: 0 3px 0 3px;
  font-family: arial;
  font-size: 1.5em;
  border-radius: 5px;
  color: #508847;
  background: #DFF0D8;
  border: 1px solid #D6E9C6;
}
.system-frontend .header-button {
  cursor: pointer;
  text-align: center;
  width: 100px;
  height: 20px;
  padding: 0 5px 2px 5px;
  line-height: 20px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #333333;
  margin-top: 4px;
}
.system-frontend .header-button .icon {
  position: absolute;
  top: 2px;
  left: 4px;
}
.system-frontend .header-button:hover, .system-frontend li:hover .header-button, .system-frontend li.hover .header-button, .system-frontend li.exposed .header-button {
  background-color: #fafafa;
  border-radius: 0;
}
.system-frontend .header-button.logout:hover, .system-frontend li:hover .header-button.logout, .system-frontend li.hover .header-button.logout, .system-frontend li.exposed .header-button.logout {
  border-radius: 0 0 6px 6px;
}
.system-frontend .big-button-system-frontend {
  display: block;
  color: #ffffff;
  text-decoration: none;
  float: right;
  height: 40px;
  background: #1073B7;
  /*sprite($gradients-sprite, 'big-button-green');*/
  font-size: 1.6em;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #084A97;
  padding: 0 20px;
  margin: 0;
  cursor: pointer;
}
.system-frontend .big-button-system-frontend:hover {
  background: #116EB0;
  text-decoration: none;
  color: #ffffff;
}
.system-frontend .big-button-system-frontend:active {
  background: #086097;
}
.system-frontend .big-button-system-frontend.disabled:hover {
  padding: 0 20px;
}
.system-frontend .white-button {
  display: block;
  color: #223D52;
  text-decoration: none;
  float: left;
  left: 0;
  height: 40px;
  background: #fff;
  font-size: 1.2em;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #ababab;
  padding: 0 20px;
  margin: 0;
  cursor: pointer;
}
.system-frontend .white-button:hover {
  background: #fcfcfc;
  text-decoration: none;
}
.system-frontend .white-button:active {
  background: #fafafa;
}
.system-frontend .cb {
  clear: both;
}
.system-frontend .semi-transparent, .system-frontend .button.working, .system-frontend .button.disabled {
  opacity: 0.5;
}
.system-frontend .left {
  float: left;
}
.system-frontend #logo {
  height: 90px;
  padding-top: 100px;
  padding-bottom: 20px;
  line-height: 90px;
  width: 269px;
  margin: 0 auto;
}
.system-frontend #logo img {
  vertical-align: middle;
}
.system-frontend #header {
  width: 100%;
  height: 56px;
  line-height: 60px;
  background-color: #FFFFFF;
  color: #00467A;
  font-size: 1.1em;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.1);
}
.system-frontend #header a {
  color: #ffffff;
  font-weight: bold;
}
.system-frontend #header a.link {
  font-weight: normal;
}
.system-frontend #header img {
  padding-top: 4px;
  margin: 0px 5px;
}
.system-frontend #header ul {
  float: right;
  list-style: none;
}
.system-frontend #header ul li {
  float: left;
  margin-right: 30px;
}
.system-frontend #header ul li.nm {
  margin-right: 10px;
}
.system-frontend #header ul li.copyright a, .system-frontend #header ul li.copyright span {
  color: #D2D1D1;
  font-weight: normal;
}
.system-frontend #header ul li.ls {
  margin-right: 10px;
}
.system-frontend #header ul li span {
  color: #999;
}
.system-frontend #header ul li span.current-language {
  color: #fff;
}
.system-frontend #header ul h3 {
  font-size: 1em;
  color: #a6a3a3;
  font-weight: normal;
  margin-bottom: 0;
  border-bottom: 1px solid #d3d3d3;
}
.system-frontend #header .left {
  float: left;
}
.system-frontend #header .right {
  float: right;
}
.system-frontend #header .right li {
  position: relative;
}
.system-frontend #header .right li ul {
  float: none;
  position: absolute;
  z-index: 9999;
  top: 24px;
  right: 0;
  width: 220px;
  margin: 0;
  padding: 10px;
  display: none;
  background-color: #fafafa;
  box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1);
}
.system-frontend #header .right li ul ul {
  box-shadow: none;
  position: static;
  display: block;
  width: auto;
  padding: 0;
}
.system-frontend #header .right li:hover ul, .system-frontend #header .right li.hover ul {
  display: block;
}
.system-frontend #header .right li li {
  margin-right: 0;
  float: none;
}
.system-frontend #header .right li li li {
  /* Actual menu items in this menu.. */
  padding: 0;
}
.system-frontend #header .right li li a, .system-frontend #header .right li li .link {
  cursor: pointer;
  color: #4f4f4f;
  text-decoration: none;
  display: block;
  padding: 5px 0 5px 5px;
}
.system-frontend #header .right li li a:hover, .system-frontend #header .right li li .link:hover {
  background-color: #eeefff;
}
.system-frontend #header .language-icon {
  display: inline-block;
  width: 35px;
  height: 20px;
  margin-right: 10px;
}
.system-frontend #header .header-logo {
  max-height: 50px;
  max-width: 200px;
  margin: 0;
  padding-bottom: 3px;
  position: relative;
  border-bottom: 3px solid #d20f18;
}
.system-frontend #header .header-logo.align-middle {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 50px;
  width: 200px;
}
.system-frontend #header .header-logo.align-middle img {
  height: 40px;
}
.system-frontend #header .header-logo.align-middle .exact-logo {
  padding-left: 20px;
}
.system-frontend #header .header-logo.align-middle .srxp-logo {
  padding-left: 0;
}
.system-frontend #header .header-logo:before {
  position: absolute;
  background: #0650D0;
  height: 3px;
  content: "";
  width: 110px;
  bottom: -3px;
  left: 130px;
}
.system-frontend #header .home {
  margin-left: 30px;
  border-left: 1px solid #D7CCBD;
  padding-left: 20px;
}
.system-frontend #header .home a {
  font-size: 1.4rem;
  line-height: 17px;
  font-weight: normal;
  color: #4D4F4F;
}
.system-frontend #header .right ul, .system-frontend #header .right ul a, .system-frontend #header .right .current-language {
  font-size: 12px;
  color: #4D4F4F;
}
.system-frontend #header .right span.current-language:after {
  position: absolute;
  width: 10px;
  height: 100%;
  content: "";
  top: 0;
  left: 15px;
  background: url("https://cdn.srxp.com/prd/assets/images/system-frontend/exact-frontend/dropdown-arrow-5f39771a1b6374f61107ed6b664e348c.svg") no-repeat right center;
}
.system-frontend .content-system-frontend {
  box-sizing: border-box;
  position: absolute;
  top: 60px;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  padding: 176px 0 0;
  overflow: auto;
}
.system-frontend .content-box-system-frontend {
  margin: 0 auto;
  background-color: #FFFFFF;
  border: 1px solid #DADEDE;
  border-radius: 4px;
}
.system-frontend .register {
  font-size: 1.1em;
  line-height: 40px;
}
.system-frontend .register span {
  color: #C0C0C0;
}
.system-frontend #login, .system-frontend #signup, .system-frontend #create-account, .system-frontend #set-password, .system-frontend #forgot-password, .system-frontend #confirm-user, .system-frontend #password-recovery {
  padding: 32px 0 32px 0;
  border: 0;
}
.system-frontend #login p, .system-frontend #signup p, .system-frontend #create-account p, .system-frontend #set-password p, .system-frontend #forgot-password p, .system-frontend #confirm-user p, .system-frontend #password-recovery p {
  clear: both;
  font-size: 1.4rem;
  margin-bottom: 20px;
  float: none;
  line-height: 16px;
  color: #787A7A;
  text-align: center;
}
.system-frontend #login h1, .system-frontend #signup h1, .system-frontend #create-account h1, .system-frontend #set-password h1, .system-frontend #forgot-password h1, .system-frontend #confirm-user h1, .system-frontend #password-recovery h1 {
  line-height: 40px;
  font-size: 2.2rem;
  color: #272727;
  font-weight: 900;
  text-align: center;
}
.system-frontend #login .link, .system-frontend #signup .link, .system-frontend #create-account .link, .system-frontend #set-password .link, .system-frontend #forgot-password .link, .system-frontend #confirm-user .link, .system-frontend #password-recovery .link {
  cursor: pointer;
  color: #4f4f4f;
  text-decoration: none;
  display: block;
  padding: 5px 0 5px 5px;
}
.system-frontend #login .link:hover, .system-frontend #signup .link:hover, .system-frontend #create-account .link:hover, .system-frontend #set-password .link:hover, .system-frontend #forgot-password .link:hover, .system-frontend #confirm-user .link:hover, .system-frontend #password-recovery .link:hover {
  text-decoration: underline;
}
.system-frontend #login .register-left, .system-frontend #signup .register-left, .system-frontend #create-account .register-left, .system-frontend #set-password .register-left, .system-frontend #forgot-password .register-left, .system-frontend #confirm-user .register-left, .system-frontend #password-recovery .register-left {
  font-size: 1.1em;
  line-height: 15px;
  float: left;
  margin: 0 0 5px -1px;
}
.system-frontend #login .register-left span, .system-frontend #signup .register-left span, .system-frontend #create-account .register-left span, .system-frontend #set-password .register-left span, .system-frontend #forgot-password .register-left span, .system-frontend #confirm-user .register-left span, .system-frontend #password-recovery .register-left span {
  color: #C0C0C0;
}
.system-frontend #login .register-left .fake-checkbox, .system-frontend #signup .register-left .fake-checkbox, .system-frontend #create-account .register-left .fake-checkbox, .system-frontend #set-password .register-left .fake-checkbox, .system-frontend #forgot-password .register-left .fake-checkbox, .system-frontend #confirm-user .register-left .fake-checkbox, .system-frontend #password-recovery .register-left .fake-checkbox {
  height: 12px;
  width: 12px;
}
.system-frontend #login .register, .system-frontend #signup .register, .system-frontend #create-account .register, .system-frontend #set-password .register, .system-frontend #forgot-password .register, .system-frontend #confirm-user .register, .system-frontend #password-recovery .register {
  font-size: 1.1em;
  line-height: 40px;
  float: right;
}
.system-frontend #login .register span, .system-frontend #signup .register span, .system-frontend #create-account .register span, .system-frontend #set-password .register span, .system-frontend #forgot-password .register span, .system-frontend #confirm-user .register span, .system-frontend #password-recovery .register span {
  color: #C0C0C0;
}
.system-frontend #login .options, .system-frontend #signup .options, .system-frontend #create-account .options, .system-frontend #set-password .options, .system-frontend #forgot-password .options, .system-frontend #confirm-user .options, .system-frontend #password-recovery .options {
  font-size: 1.1em;
  height: 40px;
}
.system-frontend #login .options .checkbox, .system-frontend #signup .options .checkbox, .system-frontend #create-account .options .checkbox, .system-frontend #set-password .options .checkbox, .system-frontend #forgot-password .options .checkbox, .system-frontend #confirm-user .options .checkbox, .system-frontend #password-recovery .options .checkbox {
  float: left;
}
.system-frontend #login .options .forgot, .system-frontend #signup .options .forgot, .system-frontend #create-account .options .forgot, .system-frontend #set-password .options .forgot, .system-frontend #forgot-password .options .forgot, .system-frontend #confirm-user .options .forgot, .system-frontend #password-recovery .options .forgot {
  float: right;
}
.system-frontend #login .email, .system-frontend #signup .email, .system-frontend #create-account .email, .system-frontend #set-password .email, .system-frontend #forgot-password .email, .system-frontend #confirm-user .email, .system-frontend #password-recovery .email {
  clear: both;
}
.system-frontend #login .checkbox label, .system-frontend #signup .checkbox label, .system-frontend #create-account .checkbox label, .system-frontend #set-password .checkbox label, .system-frontend #forgot-password .checkbox label, .system-frontend #confirm-user .checkbox label, .system-frontend #password-recovery .checkbox label {
  margin-right: 5px;
}
.system-frontend #login.loading, .system-frontend #signup.loading, .system-frontend #create-account.loading, .system-frontend #set-password.loading, .system-frontend #forgot-password.loading, .system-frontend #confirm-user.loading, .system-frontend #password-recovery.loading {
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
}
.system-frontend #login.loading .inner, .system-frontend #signup.loading .inner, .system-frontend #create-account.loading .inner, .system-frontend #set-password.loading .inner, .system-frontend #forgot-password.loading .inner, .system-frontend #confirm-user.loading .inner, .system-frontend #password-recovery.loading .inner {
  visibility: hidden;
}
.system-frontend #login .loading-spinner, .system-frontend #signup .loading-spinner, .system-frontend #create-account .loading-spinner, .system-frontend #set-password .loading-spinner, .system-frontend #forgot-password .loading-spinner, .system-frontend #confirm-user .loading-spinner, .system-frontend #password-recovery .loading-spinner {
  background: url("https://cdn.srxp.com/prd/assets/images/spinner-aa9b174bbce3f9fc79579f4b2df03304.svg") no-repeat center center;
  height: 32px;
}
.system-frontend #login form, .system-frontend #signup form, .system-frontend #create-account form, .system-frontend #set-password form, .system-frontend #forgot-password form, .system-frontend #confirm-user form, .system-frontend #password-recovery form {
  overflow: hidden;
  clear: both;
}
.system-frontend #login .inner, .system-frontend #signup .inner, .system-frontend #create-account .inner, .system-frontend #set-password .inner, .system-frontend #forgot-password .inner, .system-frontend #confirm-user .inner, .system-frontend #password-recovery .inner {
  width: 320px;
  margin: 0 25px 0 25px;
}
.system-frontend #login .inner h1.left, .system-frontend #signup .inner h1.left, .system-frontend #create-account .inner h1.left, .system-frontend #set-password .inner h1.left, .system-frontend #forgot-password .inner h1.left, .system-frontend #confirm-user .inner h1.left, .system-frontend #password-recovery .inner h1.left {
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 900;
  line-height: 29px;
  color: #272727;
}
.system-frontend #login .inner .logged-in-name, .system-frontend #signup .inner .logged-in-name, .system-frontend #create-account .inner .logged-in-name, .system-frontend #set-password .inner .logged-in-name, .system-frontend #forgot-password .inner .logged-in-name, .system-frontend #confirm-user .inner .logged-in-name, .system-frontend #password-recovery .inner .logged-in-name {
  font-weight: 100;
  text-align: center;
}
.system-frontend #login .inner a, .system-frontend #signup .inner a, .system-frontend #create-account .inner a, .system-frontend #set-password .inner a, .system-frontend #forgot-password .inner a, .system-frontend #confirm-user .inner a, .system-frontend #password-recovery .inner a {
  color: #0650D0;
}
.system-frontend #login .inner form, .system-frontend #signup .inner form, .system-frontend #create-account .inner form, .system-frontend #set-password .inner form, .system-frontend #forgot-password .inner form, .system-frontend #confirm-user .inner form, .system-frontend #password-recovery .inner form {
  font-size: 13px;
  overflow: visible;
}
.system-frontend #login .inner form input, .system-frontend #signup .inner form input, .system-frontend #create-account .inner form input, .system-frontend #set-password .inner form input, .system-frontend #forgot-password .inner form input, .system-frontend #confirm-user .inner form input, .system-frontend #password-recovery .inner form input {
  height: 40px;
  width: 318px;
  border: 1px solid #DADEDE;
  border-radius: 4px;
  background-color: #FFFFFF;
  font-size: 13px;
  color: #787A7A;
  padding: 12px;
}
.system-frontend #login .inner form input:active, .system-frontend #signup .inner form input:active, .system-frontend #create-account .inner form input:active, .system-frontend #set-password .inner form input:active, .system-frontend #forgot-password .inner form input:active, .system-frontend #confirm-user .inner form input:active, .system-frontend #password-recovery .inner form input:active {
  color: #272727;
}
.system-frontend #login .inner form div.input, .system-frontend #signup .inner form div.input, .system-frontend #create-account .inner form div.input, .system-frontend #set-password .inner form div.input, .system-frontend #forgot-password .inner form div.input, .system-frontend #confirm-user .inner form div.input, .system-frontend #password-recovery .inner form div.input {
  margin-bottom: 8px;
}
.system-frontend #login .inner form .options, .system-frontend #signup .inner form .options, .system-frontend #create-account .inner form .options, .system-frontend #set-password .inner form .options, .system-frontend #forgot-password .inner form .options, .system-frontend #confirm-user .inner form .options, .system-frontend #password-recovery .inner form .options {
  width: 318px;
  color: #272727;
  font-size: 12px;
}
.system-frontend #login .inner form .options .checkbox .fake-checkbox, .system-frontend #signup .inner form .options .checkbox .fake-checkbox, .system-frontend #create-account .inner form .options .checkbox .fake-checkbox, .system-frontend #set-password .inner form .options .checkbox .fake-checkbox, .system-frontend #forgot-password .inner form .options .checkbox .fake-checkbox, .system-frontend #confirm-user .inner form .options .checkbox .fake-checkbox, .system-frontend #password-recovery .inner form .options .checkbox .fake-checkbox {
  height: 15px;
  width: 20px;
  float: left;
  margin-top: 1px;
  background-color: #FFFFFF;
}
.system-frontend #login .inner form span.button, .system-frontend #signup .inner form span.button, .system-frontend #create-account .inner form span.button, .system-frontend #set-password .inner form span.button, .system-frontend #forgot-password .inner form span.button, .system-frontend #confirm-user .inner form span.button, .system-frontend #password-recovery .inner form span.button {
  height: 40px;
  width: 316px;
  float: none;
  padding: 0;
  border-radius: 4px;
  background-color: #0650D0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0);
  font-size: 12px;
}
.system-frontend #login .inner form span.button.borderless-button, .system-frontend #signup .inner form span.button.borderless-button, .system-frontend #create-account .inner form span.button.borderless-button, .system-frontend #set-password .inner form span.button.borderless-button, .system-frontend #forgot-password .inner form span.button.borderless-button, .system-frontend #confirm-user .inner form span.button.borderless-button, .system-frontend #password-recovery .inner form span.button.borderless-button {
  background-color: #ffffff;
  margin-top: 8px;
  color: #0650D0;
  border: none;
  outline: 0;
}
.system-frontend #login .inner form .errors, .system-frontend #signup .inner form .errors, .system-frontend #create-account .inner form .errors, .system-frontend #set-password .inner form .errors, .system-frontend #forgot-password .inner form .errors, .system-frontend #confirm-user .inner form .errors, .system-frontend #password-recovery .inner form .errors {
  width: 292px;
  padding: 12px;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 16px;
}
.system-frontend #login .inner .loginIdpForm, .system-frontend #signup .inner .loginIdpForm, .system-frontend #create-account .inner .loginIdpForm, .system-frontend #set-password .inner .loginIdpForm, .system-frontend #forgot-password .inner .loginIdpForm, .system-frontend #confirm-user .inner .loginIdpForm, .system-frontend #password-recovery .inner .loginIdpForm {
  margin-left: -25px;
  width: 370px;
  margin-top: 38px;
  text-align: center;
}
.system-frontend #login .inner .loginIdpForm .other-options-title, .system-frontend #signup .inner .loginIdpForm .other-options-title, .system-frontend #create-account .inner .loginIdpForm .other-options-title, .system-frontend #set-password .inner .loginIdpForm .other-options-title, .system-frontend #forgot-password .inner .loginIdpForm .other-options-title, .system-frontend #confirm-user .inner .loginIdpForm .other-options-title, .system-frontend #password-recovery .inner .loginIdpForm .other-options-title {
  position: relative;
}
.system-frontend #login .inner .loginIdpForm .other-options-title:before, .system-frontend #signup .inner .loginIdpForm .other-options-title:before, .system-frontend #create-account .inner .loginIdpForm .other-options-title:before, .system-frontend #set-password .inner .loginIdpForm .other-options-title:before, .system-frontend #forgot-password .inner .loginIdpForm .other-options-title:before, .system-frontend #confirm-user .inner .loginIdpForm .other-options-title:before, .system-frontend #password-recovery .inner .loginIdpForm .other-options-title:before {
  background-color: #D6DBDB;
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
  top: 5px;
  left: 0;
  z-index: 1;
}
.system-frontend #login .inner .loginIdpForm h2, .system-frontend #signup .inner .loginIdpForm h2, .system-frontend #create-account .inner .loginIdpForm h2, .system-frontend #set-password .inner .loginIdpForm h2, .system-frontend #forgot-password .inner .loginIdpForm h2, .system-frontend #confirm-user .inner .loginIdpForm h2, .system-frontend #password-recovery .inner .loginIdpForm h2 {
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  text-transform: uppercase;
  background-color: #FFFFFF;
  color: #9FA0A0;
  position: relative;
  z-index: 2;
  padding: 0 3px;
  display: inline;
}
.system-frontend #login .inner .loginIdpForm ul .google-idp, .system-frontend #signup .inner .loginIdpForm ul .google-idp, .system-frontend #create-account .inner .loginIdpForm ul .google-idp, .system-frontend #set-password .inner .loginIdpForm ul .google-idp, .system-frontend #forgot-password .inner .loginIdpForm ul .google-idp, .system-frontend #confirm-user .inner .loginIdpForm ul .google-idp, .system-frontend #password-recovery .inner .loginIdpForm ul .google-idp {
  display: block;
  border-radius: 2px;
  background: none;
  height: 40px;
  margin: 21px 32px 0 32px;
  padding: 0;
  border: 0;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24);
}
.system-frontend #login .inner .loginIdpForm ul .google-idp a, .system-frontend #signup .inner .loginIdpForm ul .google-idp a, .system-frontend #create-account .inner .loginIdpForm ul .google-idp a, .system-frontend #set-password .inner .loginIdpForm ul .google-idp a, .system-frontend #forgot-password .inner .loginIdpForm ul .google-idp a, .system-frontend #confirm-user .inner .loginIdpForm ul .google-idp a, .system-frontend #password-recovery .inner .loginIdpForm ul .google-idp a {
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.22px;
  line-height: 16px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
  padding-top: 10px;
  height: 30px;
}
.system-frontend #login .inner .loginIdpForm ul .google-idp a span, .system-frontend #login .inner .loginIdpForm ul .google-idp a img, .system-frontend #signup .inner .loginIdpForm ul .google-idp a span, .system-frontend #signup .inner .loginIdpForm ul .google-idp a img, .system-frontend #create-account .inner .loginIdpForm ul .google-idp a span, .system-frontend #create-account .inner .loginIdpForm ul .google-idp a img, .system-frontend #set-password .inner .loginIdpForm ul .google-idp a span, .system-frontend #set-password .inner .loginIdpForm ul .google-idp a img, .system-frontend #forgot-password .inner .loginIdpForm ul .google-idp a span, .system-frontend #forgot-password .inner .loginIdpForm ul .google-idp a img, .system-frontend #confirm-user .inner .loginIdpForm ul .google-idp a span, .system-frontend #confirm-user .inner .loginIdpForm ul .google-idp a img, .system-frontend #password-recovery .inner .loginIdpForm ul .google-idp a span, .system-frontend #password-recovery .inner .loginIdpForm ul .google-idp a img {
  vertical-align: middle;
}
.system-frontend #login {
  padding: 32px 0 20px 0;
}
.system-frontend #audit {
  padding: 15px;
  padding-bottom: 60px;
  font-size: 1.2em;
}
.system-frontend #audit .audit-receipt {
  position: relative;
  width: 500px;
  padding: 32px 25px;
  border: none;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.system-frontend #audit .audit-receipt:after {
  content: " ";
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 11px;
  background: url("https://cdn.srxp.com/prd/assets/images/svg-icons/receipt-arr-5dbad2f430f28a64530463d0f4e787fc.svg") repeat-x;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.system-frontend #audit h1 {
  position: relative;
  font-size: 22px;
  font-weight: 900;
  line-height: 29px;
  color: #272727;
}
.system-frontend #audit #audit-enter-new {
  line-height: 32px;
  z-index: 1;
}
.system-frontend #audit #audit-enter-new a {
  color: #0650D0;
  font-size: 11px;
}
.system-frontend #audit dl {
  margin-bottom: 5px;
  white-space: nowrap;
  position: relative;
  list-style: none;
  border-bottom: 1px dashed #c0c0c0;
}
.system-frontend #audit dt {
  display: inline-block;
  width: 150px;
  white-space: normal;
}
.system-frontend #audit dt.picture {
  visibility: hidden;
}
.system-frontend #audit dt.picture.picture-1 {
  visibility: visible;
}
.system-frontend #audit dd {
  display: inline-block;
  padding: 5px 10px;
  line-height: 25px;
  border-color: transparent;
  background: none;
  font-weight: bold;
}
.system-frontend #audit .audit-attachments-overlay {
  position: relative;
  visibility: visible;
  width: auto;
  height: auto;
  margin-bottom: 30px;
}
.system-frontend #audit .waypoints {
  list-style: none;
  margin: 0;
  padding: 0;
}
.system-frontend #audit .waypoints li {
  margin: 0;
  padding: 0;
}
.system-frontend #audit .category-description {
  display: none;
}
.system-frontend #audit h3 {
  margin-bottom: 10px;
}
.system-frontend #forgot-password p, .system-frontend #password-recovery p, .system-frontend #create-account p {
  float: none;
  margin: 0 5px 35px 5px;
  font-size: 1.4rem;
  line-height: 16px;
  color: #787A7A;
}
.system-frontend #forgot-password .big-button-system-frontend, .system-frontend #password-recovery .big-button-system-frontend, .system-frontend #create-account .big-button-system-frontend {
  margin-top: 10px;
}
.system-frontend #forgot-password h1, .system-frontend #password-recovery h1, .system-frontend #create-account h1 {
  float: none;
  padding-bottom: 10px;
}
.system-frontend #confirm-user p {
  float: none;
  margin: 0 25px 35px 25px;
  font-size: 1.4rem;
  line-height: 16px;
  color: #787A7A;
}
.system-frontend #confirm-user .big-button-system-frontend {
  height: 40px;
  width: 316px;
  border-radius: 4px;
  padding: 0;
  margin: 25px 25px 0 25px;
  background-color: #0650D0;
  font-size: 1.2rem;
}
.system-frontend #confirm-user h1 {
  float: none;
  padding-bottom: 20px;
}
.system-frontend #create-account {
  padding: 32px 0 20px 0;
}
.system-frontend #create-account .inner h1.left {
  margin-bottom: 0;
}
.system-frontend #create-account .big-button-system-frontend {
  margin-top: 20px;
}
.system-frontend #create-account .big-button-system-frontend.no {
  float: left;
  margin-bottom: 20px;
}
.system-frontend #create-account .form-container {
  clear: both;
}
.system-frontend #create-account .accept-tc-pp .input {
  float: left;
  margin-right: 15px;
}
.system-frontend #create-account .activate-account {
  font-size: 1.2rem;
  border: none;
  margin-top: 8px;
  width: 280px;
}
.system-frontend #create-account .activate-account-confirm {
  background-color: #0650D0;
  border-color: #0650D0;
  border-radius: 4px;
  margin-top: 0;
  width: 280px;
  font-size: 1.2rem;
}
.system-frontend #set-password .big-button-system-frontend {
  margin-top: 10px;
}
.system-frontend #set-password h1 {
  float: none;
  padding-bottom: 10px;
}
.system-frontend #select-account ul {
  margin: 10px 0 10px 20px;
}
.system-frontend #select-account ul li {
  font-size: 1.5em;
}
.system-frontend .wait-spinner {
  text-align: center;
}

#registration-complete .big-button-system-frontend {
  margin-top: 20px;
}

#browser-choice {
  width: 711px;
  margin: 0 auto;
}

#end-browser-choice {
  clear: both;
}

.browser {
  text-align: center;
  margin: 10px;
  float: left;
}
.browser .big-button-system-frontend {
  width: 175px;
}

.center {
  text-align: center;
}

.browser-icon {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  padding: 10px;
}

#firefox {
  background: url("https://cdn.srxp.com/prd/assets/images/system-frontend/firefox-icon-149b00825cd6bf001b1add6516bf7119.png") no-repeat center;
}

#chrome {
  background: url("https://cdn.srxp.com/prd/assets/images/system-frontend/chrome-icon-d8a3a02c2400eb4c34c12dd29396d363.png") no-repeat center;
}

#ie {
  background: url("https://cdn.srxp.com/prd/assets/images/system-frontend/IE-icon-956aaf0cff13f7025de17119a2c5721b.png") no-repeat center;
}

/************************************************************************************************/
/* Table default style */
/************************************************************************************************/
.ember-table {
  border: solid 1px #dddddd;
}
.ember-table th,
.ember-table td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 20px;
  padding: 4px 10px;
}
.ember-table tbody td {
  border-top: none;
  border-left: none;
  border-bottom: #dcdcdc 1px dotted;
  border-right: #dcdcdc 1px solid;
  background-color: #ffffff;
}
.ember-table tbody td:last-child {
  border-right: none;
}
.ember-table tbody td.is-fixed-right {
  border-left: solid 1px #dcdcdc;
}
.ember-table th,
.ember-table tfoot td {
  padding: 5px 0 3px;
  background-color: #f8f8f8;
  font-family: "Univers LT W01 65 Bold";
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.ember-table tfoot td {
  border-top: 1px solid #dcdcdc;
  border-right: solid 1px #dcdcdc;
}
.ember-table tfoot td:last-child {
  border-right: none;
}
.ember-table thead th {
  border-bottom: 1px solid #dcdcdc;
  border-right: solid 1px #dcdcdc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.ember-table thead th:last-child {
  border-right: none;
}
.ember-table thead th.is-fixed-right {
  border-left: solid 1px #dcdcdc;
}
.ember-table thead th.is-fixed-right .et-header-resize-area {
  left: 0;
}
.ember-table tr:hover th {
  cursor: pointer;
}
.ember-table tr:hover td {
  background-color: #e5edf8;
}
.ember-table tr.is-selected td,
.ember-table tr.is-selected th {
  background-color: #227ecb;
}

.ember-burger-menu {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ember-burger-menu > .bm-menu-container .bm-menu, .ember-burger-menu > .bm-outlet > .bm-menu-container .bm-menu {
  position: absolute;
  top: 0;
  z-index: 100;
  visibility: hidden;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ember-burger-menu[class*=bm-item-] > .bm-menu-container .bm-menu .bm-menu-item, .ember-burger-menu[class*=bm-item-] > .bm-outlet > .bm-menu-container .bm-menu .bm-menu-item {
  -webkit-transition: all 0s;
  transition: all 0s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.ember-burger-menu > .bm-outlet {
  position: relative;
  z-index: 99;
  height: 100%;
  perspective: 1000px;
  -webkit-transition: -webkit-transform 0.5s, margin 0.5s;
  transition: transform 0.5s, margin 0.5s;
}
.ember-burger-menu > .bm-outlet > .bm-content {
  position: relative;
  height: 100%;
  width: 100%;
  background: #ffffff;
  overflow: auto;
}
.ember-burger-menu.translucent-overlay > .bm-menu-container .bm-menu::after, .ember-burger-menu.translucent-overlay > .bm-outlet > .bm-menu-container .bm-menu::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.ember-burger-menu.translucent-overlay > .bm-outlet::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: 0;
  z-index: 100;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.ember-burger-menu.translucent-overlay.is-open > .bm-menu-container .bm-menu::after, .ember-burger-menu.translucent-overlay.is-open > .bm-outlet > .bm-menu-container .bm-menu::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.ember-burger-menu.translucent-overlay.is-open > .bm-outlet::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.ember-burger-menu.is-open:after {
  display: none;
}
.ember-burger-menu.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.ember-burger-menu.is-open > .bm-menu-container .bm-menu .bm-menu-item, .ember-burger-menu.is-open > .bm-outlet > .bm-menu-container .bm-menu .bm-menu-item {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.ember-burger-menu.left > .bm-menu-container .bm-menu, .ember-burger-menu.left > .bm-outlet > .bm-menu-container .bm-menu {
  left: 0;
  right: initial;
}
.ember-burger-menu.left > .bm-outlet {
  left: 0;
  right: initial;
}
.ember-burger-menu.right > .bm-menu-container .bm-menu, .ember-burger-menu.right > .bm-outlet > .bm-menu-container .bm-menu {
  right: 0;
  left: initial;
}
.ember-burger-menu.right > .bm-outlet {
  right: 0;
  left: initial;
}

.ember-burger-menu.bm--rotate-out {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.ember-burger-menu.bm--rotate-out > .bm-outlet {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ember-burger-menu.bm--rotate-out > .bm-menu-container .bm-menu, .ember-burger-menu.bm--rotate-out > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
  transform: translate3d(-100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ember-burger-menu.bm--rotate-out > .bm-menu-container .bm-menu::after, .ember-burger-menu.bm--rotate-out > .bm-outlet > .bm-menu-container .bm-menu::after {
  display: none;
}
.ember-burger-menu.bm--rotate-out.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--rotate-out.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-120deg);
  transform: translate3d(100%, 0, 0) rotateY(-120deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ember-burger-menu.bm--rotate-out.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--rotate-out.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
.ember-burger-menu.bm--rotate-out.is-open.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--rotate-out.is-open.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
  transform: translate3d(100%, 0, 0) rotateY(0deg);
}

.ember-burger-menu.bm--fall-down {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.ember-burger-menu.bm--fall-down > .bm-menu-container .bm-menu, .ember-burger-menu.bm--fall-down > .bm-outlet > .bm-menu-container .bm-menu {
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.ember-burger-menu.bm--fall-down.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--fall-down.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transition: -webkit-transform ease-in-out 0.5s;
  transition: transform ease-in-out 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ember-burger-menu.bm--open-door {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.ember-burger-menu.bm--open-door > .bm-outlet {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ember-burger-menu.bm--open-door > .bm-menu-container .bm-menu, .ember-burger-menu.bm--open-door > .bm-outlet > .bm-menu-container .bm-menu {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ember-burger-menu.bm--open-door > .bm-menu-container .bm-menu::after, .ember-burger-menu.bm--open-door > .bm-outlet > .bm-menu-container .bm-menu::after {
  display: none;
}
.ember-burger-menu.bm--open-door.right > .bm-outlet {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ember-burger-menu.bm--open-door.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--open-door.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ember-burger-menu.bm--open-door.is-open > .bm-outlet {
  -webkit-transform: rotateY(-10deg);
  transform: rotateY(-10deg);
}
.ember-burger-menu.bm--open-door.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--open-door.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ember-burger-menu.bm--open-door.is-open.right > .bm-outlet {
  -webkit-transform: rotateY(10deg);
  transform: rotateY(10deg);
}

.ember-burger-menu.bm--push > .bm-menu-container .bm-menu, .ember-burger-menu.bm--push > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ember-burger-menu.bm--push.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--push.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.ember-burger-menu.bm--push-rotate {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.ember-burger-menu.bm--push-rotate > .bm-outlet {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ember-burger-menu.bm--push-rotate > .bm-menu-container .bm-menu, .ember-burger-menu.bm--push-rotate > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ember-burger-menu.bm--push-rotate > .bm-menu-container .bm-menu::after, .ember-burger-menu.bm--push-rotate > .bm-outlet > .bm-menu-container .bm-menu::after {
  display: none;
}
.ember-burger-menu.bm--push-rotate.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--push-rotate.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ember-burger-menu.bm--push-rotate.is-open > .bm-outlet {
  pointer-events: none;
}
.ember-burger-menu.bm--push-rotate.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--push-rotate.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ember-burger-menu.bm--reveal > .bm-menu-container .bm-menu, .ember-burger-menu.bm--reveal > .bm-outlet > .bm-menu-container .bm-menu {
  z-index: 1;
}
.ember-burger-menu.bm--reveal > .bm-menu-container .bm-menu::after, .ember-burger-menu.bm--reveal > .bm-outlet > .bm-menu-container .bm-menu::after {
  display: none;
}

.ember-burger-menu.bm--scale-down {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.ember-burger-menu.bm--scale-down > .bm-outlet {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ember-burger-menu.bm--scale-down > .bm-menu-container .bm-menu, .ember-burger-menu.bm--scale-down > .bm-outlet > .bm-menu-container .bm-menu {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ember-burger-menu.bm--scale-down.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--scale-down.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ember-burger-menu.bm--scale-down.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--scale-down.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ember-burger-menu.bm--scale-rotate {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.ember-burger-menu.bm--scale-rotate > .bm-outlet {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ember-burger-menu.bm--scale-rotate > .bm-menu-container .bm-menu, .ember-burger-menu.bm--scale-rotate > .bm-outlet > .bm-menu-container .bm-menu {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ember-burger-menu.bm--scale-rotate > .bm-menu-container .bm-menu::after, .ember-burger-menu.bm--scale-rotate > .bm-outlet > .bm-menu-container .bm-menu::after {
  display: none;
}
.ember-burger-menu.bm--scale-rotate.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--scale-rotate.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ember-burger-menu.bm--scale-rotate.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--scale-rotate.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ember-burger-menu.bm--scale-up {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.ember-burger-menu.bm--scale-up > .bm-menu-container .bm-menu, .ember-burger-menu.bm--scale-up > .bm-outlet > .bm-menu-container .bm-menu {
  z-index: 1;
  opacity: 1;
}
.ember-burger-menu.bm--scale-up.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--scale-up.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ember-burger-menu.bm--slide-reverse > .bm-menu-container .bm-menu, .ember-burger-menu.bm--slide-reverse > .bm-outlet > .bm-menu-container .bm-menu {
  z-index: 1;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.ember-burger-menu.bm--slide-reverse.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--slide-reverse.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.ember-burger-menu.bm--slide-reverse.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--slide-reverse.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ember-burger-menu.bm--slide > .bm-menu-container .bm-menu, .ember-burger-menu.bm--slide > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ember-burger-menu.bm--slide.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--slide.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ember-burger-menu.bm--slide.is-open > .bm-menu-container .bm-menu, .ember-burger-menu.bm--slide.is-open > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ember-burger-menu.bm--squeeze > .bm-outlet {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  box-sizing: border-box;
}
.ember-burger-menu.bm--squeeze > .bm-menu-container .bm-menu, .ember-burger-menu.bm--squeeze > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ember-burger-menu.bm--squeeze.right > .bm-menu-container .bm-menu, .ember-burger-menu.bm--squeeze.right > .bm-outlet > .bm-menu-container .bm-menu {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.ember-burger-menu.bm-item--push.is-open > .bm-menu-container .bm-menu .bm-menu-item, .ember-burger-menu.bm-item--push.is-open > .bm-outlet > .bm-menu-container .bm-menu .bm-menu-item {
  -webkit-transition: -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.675s;
  transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.675s;
}

.ember-burger-menu.bm-item--stack.is-open > .bm-menu-container .bm-menu .bm-menu-item, .ember-burger-menu.bm-item--stack.is-open > .bm-outlet > .bm-menu-container .bm-menu .bm-menu-item {
  -webkit-transition: -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.675s;
  transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.675s;
}

.bm-outlet {
  perspective: none !important;
}