@charset "UTF-8";
/* ------------------------------------- *\
    BOX-SIZING: BORDER-BOX
\* ------------------------------------- */
/* check if needed
 */
/* get rid of small space between inline-blocks - to simulate float */
/* ------------------------------------- *\
    ACCESSIBILITY
\* ------------------------------------- */
/*$buttonTextShadow: none !default;
$buttonHoverBackground: $configColorWhite !default;
$buttonHoverColor: $brandColor1 !default;
$buttonHoverBoxShadow: none !default;
$buttonHoverTextShadow: none !default;
$buttonDisabledBackground: $configColorGrey1 !default;
$buttonDisabledColor: $brandColor1 !default;
$buttonDisabledBorder: 2px solid $configColorGrey1 !default;
$buttonDisabledBoxShadow: none !default;
$buttonDisabledTextShadow: none !default;

$submitButtonBackground: $buttonBackground !default;
$submitButtonColor: $buttonColor !default;
$submitButtonBorder: $buttonBorder !default;
$submitButtonBoxShadow: $buttonBoxShadow !default;
$submitButtonTextAlign: $buttonTextAlign !default;
$submitButtonTextShadow: $buttonTextShadow !default;
$submitButtonHoverBackground: $buttonHoverBackground !default;
$submitButtonHoverColor: $buttonHoverColor !default;
$submitButtonHoverBorder: $buttonHoverBorder !default;
$submitButtonHoverBoxShadow: $buttonHoverBoxShadow !default;
$submitButtonHoverTextShadow: $buttonHoverTextShadow !default;
$submitButtonDisabledBackground: $buttonDisabledBackground !default;
$submitButtonDisabledColor: $buttonDisabledColor !default;
$submitButtonDisabledBorder: $buttonDisabledBorder !default;
$submitButtonDisabledBoxShadow: $buttonDisabledBoxShadow !default;
$submitButtonDisabledTextShadow: $buttonDisabledTextShadow !default;
*/
/*
$secondaryButtonBackground: $buttonBackground !default;
$secondaryButtonColor: $buttonColor !default;
$secondaryButtonBorder: $buttonBorder !default;
$secondaryButtonBoxShadow: $buttonBoxShadow !default;
$secondaryButtonTextAlign: $buttonTextAlign !default;
$secondaryButtonTextShadow: $buttonTextShadow !default;
$secondaryButtonHoverBackground: $buttonHoverBackground !default;
$secondaryButtonHoverColor: $buttonHoverColor !default;
$secondaryButtonHoverBorder: $buttonHoverBorder !default;
$secondaryButtonHoverBoxShadow: $buttonHoverBoxShadow !default;
$secondaryButtonHoverTextShadow: $buttonHoverTextShadow !default;
$secondaryButtonDisabledBackground: $buttonDisabledBackground !default;
$secondaryButtonDisabledColor: $buttonDisabledColor !default;
$secondaryButtonDisabledBorder: $buttonDisabledBorder !default;
$secondaryButtonDisabledBoxShadow: $buttonDisabledBoxShadow !default;
$secondaryButtonDisabledTextShadow: $buttonDisabledTextShadow !default;
*/
/* ------------------------------------- *\
    CUSTOM FORMS
\* ------------------------------------- */
/* ------------------------------------- *\
    ALERTS                          [A]
\* ------------------------------------- */
/* ------------------------------------- *\
    DATEPICKER                      [DP]
\* ------------------------------------- */
/*$gridScope: $scopeCustom;
$columnGutter: 20px;
$columnGutterMedium: 20px;
$columnGutterSmall: 20px;
$totalColumns: 12;
$defaultFloat: left;
$oppositeFloat: right;*/
/*$listColorOdd: $configColorWhite;
$listColorEven: #f9f9f9;*/
/* ------------------------------------- *\
    TABLES                          [TB]
\* ------------------------------------- */
/* ------------------------------------- *\
    NAVIGATION                      [NV]
\* ------------------------------------- */
/* fixed - zasłania stronę | absolute - przesuwa całą stronę */
/* left | right */
/*
$naviBackgroundRowRWD: $naviBackgroundRow1, $naviBackgroundRow2, $naviBackgroundRow3;
*/
/* ------------------------------------- *\
    SKIPLINKS                       [SK]
\* ------------------------------------- */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 22, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 32, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 52, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 76, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 96, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 105, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 118, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 127, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 136, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 144, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 152, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 162, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 174, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 183, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 191, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 199, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 208, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 215, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 219, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 231, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 239, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 251, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 263, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 274, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 288, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 300, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 312, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 337, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 347, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 371, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 380, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 390, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 403, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .lg-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DgJMDCCASQIAgxME3n8pp0AAAAAASUVORK5CYII=');
  background: #f7f7f7;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .lg2-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6AAJMDCCASQIAf2IEuyGUlV8AAAAASUVORK5CYII=');
  background: #f0f0f0;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .lg3-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGN6CgJMDCCASQIAeZUEhLs+Cy8AAAAASUVORK5CYII=');
  background: #e5e5e5;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .fff-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DwJMDCCASQIAh0sFBt5h/T0AAAAASUVORK5CYII=');
  background: white;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .green1-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEUAeDRhKDqRAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
  background: #007834;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .dblue-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEULHjRe2hlRAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
  background: #0b1e34;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .gold-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEX/vgBjpIoBAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
  background: #ffbe00;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .gold-c {
  color: #ea1b27;
}

@font-face {
  font-family: "fontello";
  font-weight: normal;
  font-style: normal;
  src: url("../font/fontello.eot?t=12345682");
  src: local("?"), url('../font/fontello.eot?#iefix') format('embedded-opentype'), url('../font/fontello.svg?t=12345682#fontello') format('svg'), url('../font/fontello.woff?t=12345682') format('woff'), url('../font/fontello.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "geogrotesque_regularregular";
  font-weight: normal;
  font-style: normal;
  src: url("../font/geo-rg-webfont.eot?t=12345682");
  src: local("?"), url('../font/geo-rg-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-rg-webfont.svg?t=12345682#geogrotesque_regularregular') format('svg'), url('../font/geo-rg-webfont.woff?t=12345682') format('woff'), url('../font/geo-rg-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "geogrotesqueregular_italic";
  font-weight: normal;
  font-style: normal;
  src: url("../font/geo-rgit-webfont.eot?t=12345682");
  src: local("?"), url('../font/geo-rgit-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-rgit-webfont.svg?t=12345682#geogrotesqueregular_italic') format('svg'), url('../font/geo-rgit-webfont.woff?t=12345682') format('woff'), url('../font/geo-rgit-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "geogrotesque_regularregular";
  font-weight: normal;
  font-style: normal;
  src: url("../font/geo-rg-webfont.eot?t=12345682");
  src: local("?"), url('../font/geo-rg-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-rg-webfont.svg?t=12345682#geogrotesque_regularregular') format('svg'), url('../font/geo-rg-webfont.woff?t=12345682') format('woff'), url('../font/geo-rg-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "geogrotesqueregular_italic";
  font-weight: normal;
  font-style: normal;
  src: url("../font/geo-rgit-webfont.eot?t=12345682");
  src: local("?"), url('../font/geo-rgit-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-rgit-webfont.svg?t=12345682#geogrotesqueregular_italic') format('svg'), url('../font/geo-rgit-webfont.woff?t=12345682') format('woff'), url('../font/geo-rgit-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "geogrotesque_smbdsemibold";
  font-weight: normal;
  font-style: normal;
  src: url("../font/geogtq-sb-webfont.eot?t=12345682");
  src: local("?"), url('../font/geogtq-sb-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geogtq-sb-webfont.svg?t=12345682#geogrotesque_smbdsemibold') format('svg'), url('../font/geogtq-sb-webfont.woff?t=12345682') format('woff'), url('../font/geogtq-sb-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "geogrotesquemedium_italic";
  font-weight: normal;
  font-style: normal;
  src: url("../font/geo-mdit-webfont.eot?t=12345682");
  src: local("?"), url('../font/geo-mdit-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-mdit-webfont.svg?t=12345682#geogrotesquemedium_italic') format('svg'), url('../font/geo-mdit-webfont.woff?t=12345682') format('woff'), url('../font/geo-mdit-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "geogrotesque_smbdsemibold";
  font-weight: normal;
  font-style: normal;
  src: url("../font/geogtq-sb-webfont.eot?t=12345682");
  src: local("?"), url('../font/geogtq-sb-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geogtq-sb-webfont.svg?t=12345682#geogrotesque_smbdsemibold') format('svg'), url('../font/geogtq-sb-webfont.woff?t=12345682') format('woff'), url('../font/geogtq-sb-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "geogrotesquemedium_italic";
  font-weight: normal;
  font-style: normal;
  src: url("../font/geo-mdit-webfont.eot?t=12345682");
  src: local("?"), url('../font/geo-mdit-webfont.eot?#iefix') format('embedded-opentype'), url('../font/geo-mdit-webfont.svg?t=12345682#geogrotesquemedium_italic') format('svg'), url('../font/geo-mdit-webfont.woff?t=12345682') format('woff'), url('../font/geo-mdit-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "Roboto Light";
  font-weight: 300;
  font-style: normal;
  src: url("../font/roboto-light-webfont.eot?t=12345682");
  src: local("?"), url('../font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-light-webfont.svg?t=12345682#robotolight') format('svg'), url('../font/roboto-light-webfont.woff?t=12345682') format('woff'), url('../font/roboto-light-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "Roboto Light Italic";
  font-weight: 300;
  font-style: italic;
  src: url("../font/roboto-lightitalic-webfont.eot?t=12345682");
  src: local("?"), url('../font/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-lightitalic-webfont.svg?t=12345682#robotolight_italic') format('svg'), url('../font/roboto-lightitalic-webfont.woff?t=12345682') format('woff'), url('../font/roboto-lightitalic-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  src: url("../font/roboto-regular-webfont.eot?t=12345682");
  src: local("?"), url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-regular-webfont.svg?t=12345682#robotoregular') format('svg'), url('../font/roboto-regular-webfont.woff?t=12345682') format('woff'), url('../font/roboto-regular-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "Roboto Italic";
  font-weight: 400;
  font-style: italic;
  src: url("../font/roboto-italic-webfont.eot?t=12345682");
  src: local("?"), url('../font/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-italic-webfont.svg?t=12345682#robotoitalic') format('svg'), url('../font/roboto-italic-webfont.woff?t=12345682') format('woff'), url('../font/roboto-italic-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../font/roboto-medium-webfont.eot?t=12345682");
  src: local("?"), url('../font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-medium-webfont.svg?t=12345682#robotomedium') format('svg'), url('../font/roboto-medium-webfont.woff?t=12345682') format('woff'), url('../font/roboto-medium-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "Roboto Medium Italic";
  font-weight: normal;
  font-style: italic;
  src: url("../font/roboto-medium-italic-webfont.eot?t=12345682");
  src: local("?"), url('../font/roboto-medium-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-medium-italic-webfont.svg?t=12345682#robotomedium_italic') format('svg'), url('../font/roboto-medium-italic-webfont.woff?t=12345682') format('woff'), url('../font/roboto-medium-italic-webfont.ttf?t=12345682') format('truetype');
}

@font-face {
  font-family: "Roboto Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../font/roboto-bold-webfont.eot?t=12345682");
  src: local("?"), url('../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-bold-webfont.svg?t=12345682#robotobold') format('svg'), url('../font/roboto-bold-webfont.woff?t=12345682') format('woff'), url('../font/roboto-bold-webfont.ttf?t=12345682') format('truetype');
}

/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_project-scope.scss */
.sop {
  /*.g-clear-left { UNCOMMENT IF NEEDED. COMMENTED TO SAVE SPACE
      clear: left !important;
  }
  .g-clear-right {
      clear: right !important;
  }*/
}
/* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-left {
  float: left !important;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
  .sop .g-left {
    float: none !important;
  }
}
/* line 26, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-right {
  float: right !important;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 26, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
  .sop .g-right {
    float: none !important;
  }
}
/* line 32, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-text-underline {
  text-decoration: underline !important;
}
/* line 35, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-text-left {
  text-align: left;
}
/* line 38, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-text-right {
  text-align: right;
}
/* line 41, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-text-center {
  text-align: center;
}
/* line 44, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-text-top {
  vertical-align: top;
}
/* line 47, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-text-bottom {
  vertical-align: bottom;
}
/* line 50, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-text-middle {
  vertical-align: middle;
}
/* line 53, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-font-bold {
  font-weight: bold;
}
/* line 56, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-font-normal {
  font-weight: normal;
}
/* line 59, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-hide {
  display: none !important;
}
/* line 62, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-overflow {
  overflow: hidden;
}
/* line 65, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-reader-only {
  position: absolute !important;
  left: -9999999px !important;
}
/* line 69, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-spacing {
  padding: 0px !important;
  margin: 0px !important;
}
/* line 73, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-padding {
  padding: 0px !important;
}
/* line 76, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-padding-t {
  padding-top: 0px !important;
}
/* line 79, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-padding-b {
  padding-bottom: 0px !important;
}
/* line 82, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-padding-l {
  padding-left: 0px !important;
}
/* line 85, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-padding-r {
  padding-right: 0px !important;
}
/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-margin {
  margin: 0px !important;
}
/* line 91, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-margin-t {
  margin-top: 0px !important;
}
/* line 94, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-margin-b {
  margin-bottom: 0px !important;
}
/* line 97, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-margin-l {
  margin-left: 0px !important;
}
/* line 100, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-margin-r {
  margin-right: 0px !important;
}
/* line 103, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-border {
  border: none !important;
}
/* line 106, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-border-t {
  border-top: none !important;
}
/* line 109, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-border-b {
  border-bottom: none !important;
}
/* line 112, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-border-l {
  border-left: none !important;
}
/* line 115, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-no-border-r {
  border-right: none !important;
}
/* line 118, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-cursor-pointer {
  cursor: pointer !important;
}
/* line 121, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-cursor-text {
  cursor: text !important;
}
/* line 130, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-clear-both {
  clear: both !important;
}
/* line 133, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-w-auto {
  width: auto !important;
}
/* line 136, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-w-100 {
  width: 100% !important;
}
/* line 140, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-position-static {
  position: static !important;
}
/* line 144, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.sop .g-display-block {
  display: block !important;
}

/* line 149, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
.g-disabled {
  cursor: default !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

/* line 162, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
html .js-visible {
  display: none !important;
}
/* line 165, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
html .js-hidden {
  display: block !important;
}
/* line 169, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
html.js .js-visible {
  display: block !important;
}
/* line 172, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
html.js .js-hidden {
  display: none !important;
}
/* line 175, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/generic/_globals.scss */
html.js .js-animated {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 2, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop .portlet-borderless-container {
  min-height: 0px;
  padding: 0;
  margin: 0;
}
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop .lfr-meta-actions, .sop.sop .portlet-msg-alert {
  display: none;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.controls-visible.signed-in .sop.sop .portlet-borderless-container {
  min-height: 2.5em;
}
/* line 15, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.controls-visible.signed-in .sop.sop .lfr-meta-actions, .controls-visible.signed-in .sop.sop .portlet-msg-alert {
  display: block;
}
/* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop .portlet-asset-publisher .asset-full-content .asset-content {
  margin-right: 0px;
}
/* line 23, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop .portlet-asset-publisher .asset-content {
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
/* line 30, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop form {
  margin: 0;
}
/* line 34, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop li, .sop.sop button {
  line-height: normal;
}
/* line 38, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop label {
  line-height: 1.4em;
}
/* line 42, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop .hidden {
  display: none;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop .g-no-background {
  background: none !important;
}
/* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.sop.sop .js-pseudo-reload:before, .sop.sop .js-pseudo-reload:after {
  content: '' !important;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 57, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
  .sop.sop .small-g-text-left {
    text-align: left;
  }
}

@media only screen and (max-width: 800px) {
  /* line 63, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
  .portlet-dockbar {
    display: none !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 979px) {
  /* line 67, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
  .portlet-dockbar {
    display: none !important;
  }
}
/* line 69, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
  right: 1em;
}

/* line 72, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.controls-visible.signed-in .staging-controls {
  display: block;
}

/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/generic/_globals.scss */
.controls-hidden.signed-in .staging-controls {
  display: none !important;
}

/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_project-scope.scss */
.sop {
  /* Creating column classes */
  /* Creating column classes */
  /* Creating .row .offset-by-# classes */
  /* .b-block - klasa nadawana bezpośrednio na b-row, nadaje jednakową szerokosc elementom poniżej */
  /*
      ?????????????????????????????????????????
  
  
      img, object, embed { max-width: 100%; height: auto; }
      object, embed { height: 100%; }
      img { -ms-interpolation-mode: bicubic; }
      #map_canvas img, .map_canvas img {max-width: none!important;}
  
        .column-fixed-width{
      width: 100%;
      max-width: 600px;
      position: absolute;
      left: 30px;
    }
    .column-next-to-fixed{
      width: 100%;
      padding-left: 600px;
    }
  
  */
}
/* line 105, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  max-width: none;
  min-width: 0;
  clear: both;
  *zoom: 1;
  margin-left: -20px;
  margin-right: -20px;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .b-row:before, .sop .b-row:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .b-row:after {
  clear: both;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 105, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 105, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row {
    margin-left: -20px;
    margin-right: -20px;
  }
}
/* line 124, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row[class*="b-collapse"] {
  height: auto;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row[class*="b-collapse"][class*="-right"] {
  margin-right: 0;
}
/* line 129, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row[class*="b-collapse"][class*="-left"] {
  margin-left: 0;
}
/* line 132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row[class*="b-collapse"][class*="-both"] {
  margin: 0;
}
/* line 136, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row.b-collapse {
  margin: 0;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row.b-collapse .b-column {
  padding: 0;
}
/* line 144, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row[class*="b-implode"][class*="-right"] {
  margin-right: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 144, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row[class*="b-implode"][class*="-right"] {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 144, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row[class*="b-implode"][class*="-right"] {
    margin-right: 20px;
  }
}
/* line 153, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row[class*="b-implode"][class*="-left"] {
  margin-left: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 153, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row[class*="b-implode"][class*="-left"] {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 153, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row[class*="b-implode"][class*="-left"] {
    margin-left: 20px;
  }
}
/* line 162, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row[class*="b-implode"][class*="-both"] {
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 162, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row[class*="b-implode"][class*="-both"] {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 162, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row[class*="b-implode"][class*="-both"] {
    margin-left: 20px;
    margin-right: 20px;
  }
}
/* line 176, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row.b-table-row {
  display: table;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* line 181, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row.b-table-row.b-fixed {
  table-layout: fixed;
}
/* line 184, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row.b-table-row > .row-sub {
  display: table-row;
}
/* line 187, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row.b-table-row > .b-column, .sop .b-row.b-table-row > .row-sub > .b-column {
  display: table-cell;
  float: none;
}
/* line 190, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row.b-table-row > .b-column + .b-column:last-child, .sop .b-row.b-table-row > .b-column + .b-column.b-end, .sop .b-row.b-table-row > .b-column.b-opposite, .sop .b-row.b-table-row > .row-sub > .b-column + .b-column:last-child, .sop .b-row.b-table-row > .row-sub > .b-column + .b-column.b-end, .sop .b-row.b-table-row > .row-sub > .b-column.b-opposite {
  float: none;
}
/* line 195, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-row .b-section {
  margin-bottom: 40px;
}
/* line 200, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop [class*='b-gpad'] {
  padding: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 200, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop [class*='b-gpad'] {
    padding: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 200, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop [class*='b-gpad'] {
    padding: 20px;
  }
}
/* line 202, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop [class*='b-gpad'][class*='-h'] {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 202, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop [class*='b-gpad'][class*='-h'] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 202, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop [class*='b-gpad'][class*='-h'] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 205, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop [class*='b-gpad'][class*='-v'] {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 205, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop [class*='b-gpad'][class*='-v'] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 205, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop [class*='b-gpad'][class*='-v'] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/* line 219, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding: 0 20px;
  position: relative;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 219, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-column {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 219, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-column {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 42, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-column.centered {
  float: none;
  margin: 0 auto;
}
/* line 224, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-column.opposite {
  float: right;
}
/* line 227, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-column + .b-column:last-child {
  float: right;
}
/* line 230, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-column + .b-column.end, .sop .b-column.default {
  float: left;
}
/* line 234, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .no-grid .b-column + .b-column:last-child {
  float: none;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .one {
  width: 8.33333%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .two {
  width: 16.66667%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .three {
  width: 25%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .four {
  width: 33.33333%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .five {
  width: 41.66667%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .six {
  width: 50%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .seven {
  width: 58.33333%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .eight {
  width: 66.66667%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .nine {
  width: 75%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .ten, .sop.sop .description-field {
  width: 83.33333%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .eleven {
  width: 91.66667%;
}
/* line 241, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .twelve {
  width: 100%;
}
/* line 246, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .five-one {
  width: 20%;
}
/* line 246, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .five-two {
  width: 40%;
}
/* line 246, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .five-three {
  width: 60%;
}
/* line 246, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .five-four {
  width: 80%;
}
/* line 246, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .five-five {
  width: 100%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-one {
  margin-left: 8.33333%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-two {
  margin-left: 16.66667%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-three {
  margin-left: 25%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-four {
  margin-left: 33.33333%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-five {
  margin-left: 41.66667%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-six {
  margin-left: 50%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-seven {
  margin-left: 58.33333%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-eight {
  margin-left: 66.66667%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-nine {
  margin-left: 75%;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .row .offset-by-ten {
  margin-left: 83.33333%;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-one > .b-column {
  width: 8.33333%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-one > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-one > .b-column:nth-child(12n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-two > .b-column {
  width: 16.66667%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-two > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-two > .b-column:nth-child(6n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-three > .b-column {
  width: 25%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-three > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-three > .b-column:nth-child(4n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-four > .b-column {
  width: 33.33333%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-four > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-four > .b-column:nth-child(3n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-five > .b-column {
  width: 41.66667%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-five > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-five > .b-column:nth-child(2n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-six > .b-column {
  width: 50%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-six > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-six > .b-column:nth-child(2n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-seven > .b-column {
  width: 58.33333%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-seven > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-seven > .b-column:nth-child(1n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-eight > .b-column {
  width: 66.66667%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-eight > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-eight > .b-column:nth-child(1n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-nine > .b-column {
  width: 75%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-nine > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-nine > .b-column:nth-child(1n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-ten > .b-column {
  width: 83.33333%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-ten > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-ten > .b-column:nth-child(1n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-eleven > .b-column {
  width: 91.66667%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-eleven > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-eleven > .b-column:nth-child(1n+1) {
  clear: both;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-twelve > .b-column {
  width: 100%;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-twelve > .b-column:last-child {
  float: left;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
.sop .b-block-twelve > .b-column:nth-child(1n+1) {
  clear: both;
}
@media only screen and (min-width: 801px) and (max-width: 1000px) {
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-one {
    width: 8.33333%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-two {
    width: 16.66667%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-three {
    width: 25%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-four {
    width: 33.33333%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-five {
    width: 41.66667%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-six {
    width: 50%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-seven {
    width: 58.33333%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-eight {
    width: 66.66667%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-nine {
    width: 75%;

  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-ten {
    width: 83.33333%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-eleven {
    width: 91.66667%;
  }
  /* line 301, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .large-twelve {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_project-scope.scss */
  .sop {
    /* .b-block - klasa nadawana bezpośrednio na b-row, nadaje jednakową szerokosc elementom poniżej */
  }
  /* line 308, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row {
    width: auto;
    min-width: 0;
  }
  /* line 312, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-column:before, .sop .b-column:before {
    content: "";
    display: table;
  }
  /* line 316, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-column:after, .sop .b-column:after {
    clear: both;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-one {
    width: 8.33333%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-two {
    width: 16.66667%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-three {
    width: 25%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-four {
    width: 33.33333%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-five {
    width: 41.66667%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-six {
    width: 50%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-seven {
    width: 58.33333%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-eight {
    width: 66.66667%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-nine {
    width: 75%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-ten {
    width: 83.33333%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-eleven {
    width: 91.66667%;
  }
  /* line 320, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .medium-twelve {
    width: 100%;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-one > .b-column:nth-child(n) {
    width: 8.33333%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-one > .b-column:nth-child(12n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-two > .b-column:nth-child(n) {
    width: 16.66667%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-two > .b-column:nth-child(6n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-three > .b-column:nth-child(n) {
    width: 25%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-three > .b-column:nth-child(4n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-four > .b-column:nth-child(n) {
    width: 33.33333%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-four > .b-column:nth-child(3n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-five > .b-column:nth-child(n) {
    width: 41.66667%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-five > .b-column:nth-child(2n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-six > .b-column:nth-child(n) {
    width: 50%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-six > .b-column:nth-child(2n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-seven > .b-column:nth-child(n) {
    width: 58.33333%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-seven > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-eight > .b-column:nth-child(n) {
    width: 66.66667%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-eight > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-nine > .b-column:nth-child(n) {
    width: 75%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-nine > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-ten > .b-column:nth-child(n) {
    width: 83.33333%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-ten > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-eleven > .b-column:nth-child(n) {
    width: 91.66667%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-eleven > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-twelve > .b-column:nth-child(n) {
    width: 100%;
    clear: none;
  }
  /* line 331, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-medium-twelve > .b-column:nth-child(1n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_project-scope.scss */
  .sop {
    /* .b-block - klasa nadawana bezpośrednio na b-row, nadaje jednakową szerokosc elementom poniżej */
  }
  /* line 339, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-row {
    width: auto;
    min-width: 0;
  }
  /* line 343, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-column:before, .sop .b-column:before {
    content: "";
    display: table;
  }
  /* line 347, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-column:after, .sop .b-column:after {
    clear: both;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-one {
    width: 8.33333%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-two {
    width: 16.66667%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-three {
    width: 25%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-four {
    width: 33.33333%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-five {
    width: 41.66667%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-six {
    width: 50%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-seven {
    width: 58.33333%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-eight {
    width: 66.66667%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-nine {
    width: 75%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-ten {
    width: 83.33333%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-eleven {
    width: 91.66667%;
  }
  /* line 351, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .small-twelve {
    width: 100%;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-one > .b-column {
    width: 8.33333%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-one > .b-column:nth-child(12n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-two > .b-column {
    width: 16.66667%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-two > .b-column:nth-child(6n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-three > .b-column {
    width: 25%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-three > .b-column:nth-child(4n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-four > .b-column {
    width: 33.33333%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-four > .b-column:nth-child(3n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-five > .b-column {
    width: 41.66667%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-five > .b-column:nth-child(2n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-six > .b-column {
    width: 50%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-six > .b-column:nth-child(2n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-seven > .b-column {
    width: 58.33333%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-seven > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-eight > .b-column {
    width: 66.66667%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-eight > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-nine > .b-column {
    width: 75%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-nine > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-ten > .b-column {
    width: 83.33333%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-ten > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-eleven > .b-column {
    width: 91.66667%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-eleven > .b-column:nth-child(1n+1) {
    clear: both;
  }
  /* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-twelve > .b-column {
    width: 100%;
    clear: none;
  }
  /* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_grid.scss */
  .sop .b-block-small-twelve > .b-column:nth-child(1n+1) {
    clear: both;
  }
}

/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.sop .portlet-custom a {
  line-height: inherit;
}
/* line 48, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.sop .portlet-custom a img {
  border: none;
}

/* line 36, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.touch a:hover {
  color: #004887 !important;
}

/* line 74, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.sop .portlet-custom a {
  color: #004887;
}
/* line 76, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.sop .portlet-custom a:hover, .sop .portlet-custom a:focus, .sop .portlet-custom a:active {
  text-decoration: underline;
}
/* line 80, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.ie .sop .portlet-custom a:hover:before, .ie .sop .portlet-custom a:hover:after, .ie11 .sop .portlet-custom a:hover:before, .ie11 .sop .portlet-custom a:hover:after, .ie .sop .portlet-custom a:focus:before, .ie .sop .portlet-custom a:focus:after, .ie11 .sop .portlet-custom a:focus:before, .ie11 .sop .portlet-custom a:focus:after, .ie .sop .portlet-custom a:active:before, .ie .sop .portlet-custom a:active:after, .ie11 .sop .portlet-custom a:active:before, .ie11 .sop .portlet-custom a:active:after {
  text-decoration: underline;
}
/* line 83, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.ie .sop .portlet-custom a:hover:before, .ie .sop .portlet-custom a:hover:after, .ie11 .sop .portlet-custom a:hover:before, .ie11 .sop .portlet-custom a:hover:after, .ie .sop .portlet-custom a:focus:before, .ie .sop .portlet-custom a:focus:after, .ie11 .sop .portlet-custom a:focus:before, .ie11 .sop .portlet-custom a:focus:after, .ie .sop .portlet-custom a:active:before, .ie .sop .portlet-custom a:active:after, .ie11 .sop .portlet-custom a:active:before, .ie11 .sop .portlet-custom a:active:after {
  text-decoration: none;
}
/* line 90, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.sop .portlet-custom a:hover, .sop .portlet-custom a:focus, .sop .portlet-custom a:active {
  color: #002f63;
}
/* line 104, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.sop .portlet-custom a {
  text-decoration: none;
}
/* line 29, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.sop .portlet-custom a:hover, .sop .portlet-custom a:focus {
  text-decoration: underline;
}

/* line 226, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
html {
  font-size: 1em;
  line-height: 1em;
}

/* line 231, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
html body, body, h1, h2, h3, h4, h5, h6 {
  font-size: 0.875em;
  font-family: "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  line-height: 1.2;
  color: #10171f;
  direction: ltr;
  text-rendering: auto;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 231, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  html body, body, h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
  }
}

/* line 248, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.font-size-fixed {
  font-size: 14px;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 248, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .font-size-fixed {
    font-size: 14px;
  }
}

/* line 260, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .light, .sop .portlet-custom .highlight, .sop .portlet-custom .hl {
  color: #10171f;
}
/* line 264, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .text-font {
  font-size: 1.14286em;
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .base-font {
  font-size: 1em;
}
/* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .small-font, .sop .portlet-custom .small-font span {
  font-size: 0.85714em !important;
}
/* line 274, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .cf-l {
  font-family: "geogrotesque_regularregular";
}
/* line 277, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .cf, .sop .portlet-custom .cf-r {
  font-family: "geogrotesque_regularregular";
}
/* line 280, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .cf-b {
  font-family: "geogrotesque_smbdsemibold";
}
/* line 283, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .cf-i {
  font-family: "geogrotesqueregular_italic";
}
/* line 286, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .cf-bi {
  font-family: "geogrotesquemedium_italic";
}
/* line 309, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h1, .sop .portlet-custom .h1 {
  font-family: "geogrotesque_smbdsemibold";
  font-size: 3.28571em;
  padding: 0em 0em 0.91304em 0em;
  line-height: 0.95652em;
  font-weight: normal;
  color: #10171f;
  text-transform: none;
  margin: 0;
}
@media only screen and (max-width: 800px) {
  /* line 309, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .sop .portlet-custom h1, .sop .portlet-custom .h1 {
    font-size: 2.28571em;
    line-height: 1.375em;
  }
}
@media only screen and (max-width: 800px) {
  /* line 309, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .sop .portlet-custom h1, .sop .portlet-custom .h1 {
    padding: 0em 0em 0.65625em 0em;
  }
}
@media only screen and (max-width: 480px) {
  /* line 309, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .sop .portlet-custom h1, .sop .portlet-custom .h1 {
    font-size: 1.57143em;
    line-height: 2em;
  }
}
@media only screen and (max-width: 480px) {
  /* line 309, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .sop .portlet-custom h1, .sop .portlet-custom .h1 {
    padding: 0em 0em 0.5em 0em;
  }
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h1 > a, .sop .portlet-custom .h1 > a {
  font-weight: normal;
  text-transform: none;
  font-family: "geogrotesque_smbdsemibold";
  font-size: 1em;
}
/* line 313, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h2, .sop .portlet-custom .h2 {
  font-family: "geogrotesque_smbdsemibold";
  font-size: 2.14286em;
  padding: 0em 0em 1em 0em;
  line-height: 1.2em;
  font-weight: normal;
  color: #10171f;
  text-transform: none;
  margin: 0;
}
@media only screen and (max-width: 800px) {
  /* line 313, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .sop .portlet-custom h2, .sop .portlet-custom .h2 {
    font-size: 1.64286em;
    line-height: 1.56522em;
  }
}
@media only screen and (max-width: 800px) {
  /* line 313, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .sop .portlet-custom h2, .sop .portlet-custom .h2 {
    padding: 0em 0em 0.65217em 0em;
  }
}
@media only screen and (max-width: 480px) {
  /* line 313, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .sop .portlet-custom h2, .sop .portlet-custom .h2 {
    font-size: 1.28571em;
    line-height: 2em;
  }
}
@media only screen and (max-width: 480px) {
  /* line 313, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
  .sop .portlet-custom h2, .sop .portlet-custom .h2 {
    padding: 0em 0em 0.44444em 0em;
  }
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h2 > a, .sop .portlet-custom .h2 > a {
  font-weight: normal;
  text-transform: none;
  font-family: "geogrotesque_smbdsemibold";
  font-size: 1em;
}
/* line 317, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h3, .sop .portlet-custom .h3 {
  font-family: "geogrotesque_smbdsemibold";
  font-size: 1.28571em;
  padding: 0em 0em 1.66667em 0em;
  line-height: 1.22222em;
  font-weight: normal;
  color: #10171f;
  text-transform: none;
  margin: 0;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h3 > a, .sop .portlet-custom .h3 > a {
  font-weight: normal;
  text-transform: none;
  font-family: "geogrotesque_smbdsemibold";
  font-size: 1em;
}
/* line 321, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h4, .sop .portlet-custom .h4 {
  font-family: "geogrotesque_smbdsemibold";
  font-size: 1.14286em;
  padding: 0em 0em 1.25em 0em;
  line-height: 1.375em;
  font-weight: normal;
  color: black;
  text-transform: none;
  margin: 0;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h4 > a, .sop .portlet-custom .h4 > a {
  font-weight: normal;
  text-transform: none;
  font-family: "geogrotesque_smbdsemibold";
  font-size: 1em;
}
/* line 325, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h5, .sop .portlet-custom .h5 {
  font-family: "geogrotesque_smbdsemibold";
  font-size: 1.14286em;
  padding: 0em 0em 1.25em 0em;
  line-height: 1.375em;
  font-weight: normal;
  color: black;
  text-transform: none;
  margin: 0;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h5 > a, .sop .portlet-custom .h5 > a {
  font-weight: normal;
  text-transform: none;
  font-family: "geogrotesque_smbdsemibold";
  font-size: 1em;
}
/* line 329, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h6, .sop .portlet-custom .h6 {
  font-family: "geogrotesque_regularregular";
  font-size: 1em;
  padding: 0em 0em 0em 0em;
  line-height: 1.28571em;
  font-weight: normal;
  color: black;
  text-transform: none;
  margin: 0;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom h6 > a, .sop .portlet-custom .h6 > a {
  font-weight: normal;
  text-transform: none;
  font-family: "geogrotesque_regularregular";
  font-size: 1em;
}
/* line 333, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom .h-reset {
  font-size: 1em;
  font-weight: normal;
  font-style: none;
  text-transform: none;
  color: #10171f;
  margin: 0;
  padding: 0;
  display: inline;
}
/* line 340, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom em, .sop .portlet-custom i {
  font-style: italic;
  line-height: inherit;
}
/* line 344, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom strong, .sop .portlet-custom b {
  font-weight: bold;
  line-height: inherit;
}
/* line 348, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom small {
  font-size: 60%;
  line-height: inherit;
}
/* line 352, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom code {
  font-weight: bold;
}
/* line 356, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom p, .sop .portlet-custom ul, .sop .portlet-custom ol {
  margin: 0;
}
/* line 361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom blockquote, .sop .portlet-custom blockquote p {
  line-height: 1.5;
  color: #999999;
}
/* line 365, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom blockquote cite {
  display: block;
  font-size: ms(0)-1;
  color: #999999;
}
/* line 369, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom blockquote cite:before {
  content: "\2014 \0020";
}
/* line 372, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom blockquote cite a, .sop .portlet-custom blockquote cite a:visited {
  color: #333333;
}
/* line 377, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom abbr, .sop .portlet-custom acronym {
  text-transform: uppercase;
  font-size: 90%;
  cursor: help;
}
/* line 382, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_typography.scss */
.sop .portlet-custom abbr {
  text-transform: none;
}

/* ------------------------------------- *\
    TYPOGRAPHY
\* ------------------------------------- */
/* line 40, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.fontresizer-200 .sop.sop .portlet-custom h1, .fontresizer-200 .sop.sop .portlet-custom .h1, .fontresizer-200 .sop.sop .portlet-custom h2, .fontresizer-200 .sop.sop .portlet-custom .h2, .fontresizer-200 .sop.sop .portlet-custom h3, .fontresizer-200 .sop.sop .portlet-custom .h3 {
  word-wrap: break-word;
}
/* line 45, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .fs-text {
  font-size: 1em;
}
/* line 48, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .fs-bigger {
  font-size: 1.14286em;
}
/* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .fs-large {
  font-size: 1.28571em;
}
/* line 54, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .fs-xlarge {
  font-size: 1.71429em;
}
/* line 58, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom p {
  line-height: 1.4;
  margin: 0;
}
/* line 62, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .lead {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 67, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .hl-big {
  font-family: "Roboto Light";
  font-weight: 300;
  font-style: normal;
  font-size: 2.14286em;
  color: #0b1e34;
}
/* line 73, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom em, .sop.sop .portlet-custom i {
  font-family: "Roboto Italic";
  font-weight: 400;
  font-style: italic;
}
/* line 75, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom em strong, .sop.sop .portlet-custom em b, .sop.sop .portlet-custom em .strong, .sop.sop .portlet-custom i strong, .sop.sop .portlet-custom i b, .sop.sop .portlet-custom i .strong {
  font-family: "geogrotesquemedium_italic";
}
/* line 79, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom strong, .sop.sop .portlet-custom b, .sop.sop .portlet-custom .strong {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 81, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom strong em, .sop.sop .portlet-custom strong i, .sop.sop .portlet-custom b em, .sop.sop .portlet-custom b i, .sop.sop .portlet-custom .strong em, .sop.sop .portlet-custom .strong i {
  font-family: "geogrotesquemedium_italic";
}
/* line 85, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom code {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .text-shadow {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_text-color.scss */
.sop.sop .portlet-custom .light-text p, .sop.sop .portlet-custom .light-text span, .sop.sop .portlet-custom .light-text h1, .sop.sop .portlet-custom .light-text h2, .sop.sop .portlet-custom .light-text h3, .sop.sop .portlet-custom .light-text h4, .sop.sop .portlet-custom .light-text h5, .sop.sop .portlet-custom .light-text h6, .sop.sop .portlet-custom .light-text .h1, .sop.sop .portlet-custom .light-text .h2, .sop.sop .portlet-custom .light-text .h3, .sop.sop .portlet-custom .light-text .h4, .sop.sop .portlet-custom .light-text .h5, .sop.sop .portlet-custom .light-text .h6, .sop.sop .portlet-custom .light-text ul, .sop.sop .portlet-custom .light-text ol, .sop.sop .portlet-custom .light-text li, .sop.sop .portlet-custom .light-text div, .sop.sop .portlet-custom .light-text th, .sop.sop .portlet-custom .light-text td, .sop.sop .portlet-custom .light-text label {
  color: white;
}
/* line 10, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_text-color.scss */
.sop.sop .portlet-custom .light-text a {
  color: white;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_text-color.scss */
.sop.sop .portlet-custom .light-text a:hover {
  color: white;
  text-decoration: underline;
}
/* line 36, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_links.scss */
.touch .sop.sop .portlet-custom .light-text a:hover {
  color: white !important;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .light-text a.o-btn:hover {
  color: #0b1e34;
  text-decoration: none;
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .size-xlarge {
  font-size: 1.71429em;
}
/* line 105, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .cf-l {
  font-family: "Roboto Light";
  font-weight: 300;
  font-style: normal;
}
/* line 108, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .cf, .sop.sop .portlet-custom .cf-r {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
}
/* line 111, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .cf-b {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 114, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .cf-li {
  font-family: "Roboto Light Italic";
  font-weight: 300;
  font-style: italic;
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .cf-i, .sop.sop .portlet-custom .cf-ri {
  font-family: "Roboto Italic";
  font-weight: 400;
  font-style: italic;
}
/* line 120, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .cf-bi {
  font-weight: normal;
  font-style: italic;
}
/* line 125, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .lh-reset {
  line-height: 1.2 !important;
}
/* line 130, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .hgroup__part--top {
  padding-bottom: 0;
}
/* line 132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .hgroup__part--top.h1 {
  margin-bottom: -10px;
}
/* line 135, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .hgroup__part--top.h2 {
  margin-bottom: -20px;
}
/* line 141, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom abbr[title] {
  border-bottom: none;
  font-size: 100%;
}
/* line 148, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .msg-st {
  padding: 2.57143em 0em 1.5em 0em;
  margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 155, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
  .sop.sop .portlet-custom h1, .sop.sop .portlet-custom .h1 {
    line-height: 1.3em;
  }
}
/* line 160, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .portlet-custom .highlight {
  background-color: #fcb94c;
  color: #10171f;
  font-weight: normal;
  display: inline !important;
}
/* line 168, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_typography.scss */
.sop.sop .acc-hide {
  position: absolute !important;
  left: -9999px !important;
}

/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_layout.scss */
html {
  height: 100%;
  background: white;
}

/* line 56, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_layout.scss */
.sop.sop .l-full-row {
  background: none;
  *zoom: 1;
  margin: 0;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop.sop .l-full-row:before, .sop.sop .l-full-row:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop.sop .l-full-row:after {
  clear: both;
}
/* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_layout.scss */
.sop.sop .l-row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1010px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  *zoom: 1;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop.sop .l-row:before, .sop.sop .l-row:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop.sop .l-row:after {
  clear: both;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_layout.scss */
  .sop.sop .l-row {
    width: 100%;
    padding: 0px 0px 0px 0px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_layout.scss */
  .sop.sop .l-row {
    width: 100%;
    padding: 0px 0px 0px 0px;
  }
}
/* line 38, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_layout.scss */
.sop.sop .l-row.expand {
  width: 100%;
}

/* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
body, .aui body {
  height: 100%;
}

/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_project-scope.scss */
.sop.sop {
  background-color: transparent;
}
@media only screen and (min-width: 0) and (max-width: 1240px) {
  /* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_project-scope.scss */
  .sop.sop {
    width: 100%;
  }
}
/* line 18, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .portlet-column-content.empty {
  padding: 0;
}
/* line 22, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .popup {
  height: 80%;
  overflow: auto;
}
/* line 27, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .sop-layout-bg {
  margin-top: 9px;
}
/* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .homepage-column-left {
  padding-right: 100px;
  padding-left: 0;
}
/* line 37, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .homepage-column-right {
  padding-left: 100px;
  padding-right: 0;
  border-left: 1px solid #dadada;
}
@media only screen and (max-width: 1000px) {
  /* line 44, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
  .sop.sop .l-row {
    width: 100%;
  }
}
/* line 49, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .l-half-row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1010px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  *zoom: 1;
  width: 50%;
  max-width: 505px;
  min-width: 160px;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop.sop .l-half-row:before, .sop.sop .l-half-row:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop.sop .l-half-row:after {
  clear: both;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 49, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
  .sop.sop .l-half-row {
    width: 100%;
    padding: 0px 0px 0px 0px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 49, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
  .sop.sop .l-half-row {
    width: 100%;
    padding: 0px 0px 0px 0px;
  }
}
/* line 38, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_layout.scss */
.sop.sop .l-half-row.expand {
  width: 100%;
}
/* line 56, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .b-column.padding-r {
  padding-right: 50px;
}
/* line 61, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .column-9-3-layout-custom .portlet-column.nine {
  padding-right: 30px;
}
/* line 67, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .column-3-9-layout-custom .portlet-column.nine {
  padding-left: 30px;
}
/* line 73, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .column-3-6-3-layout-custom .portlet-column.six {
  padding: 0 50px;
}
/* line 79, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop .portlet-column {
  vertical-align: top;
}
/* line 83, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_layout.scss */
.sop.sop img {
  max-width: 100%;
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-twitter"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-twitter"]:after {
  content: "\e806";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-skype"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-skype"]:after {
  content: "\e808";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-facebook"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-facebook"]:after {
  content: "\e823";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-question-mark"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-question-mark"]:after {
  content: "\e809";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-search"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-search"]:after {
  content: "\e80a";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-twitter-small"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-twitter-small"]:after {
  content: "\e80b";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-user"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-user"]:after {
  content: "\e80c";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-youtube-small"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-youtube-small"]:after {
  content: "\e80d";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-windows-phone"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-windows-phone"]:after {
  content: "\e80e";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-download-file"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-download-file"]:after {
  content: "\e80f";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-print"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-print"]:after {
  content: "\e810";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-pdf"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-pdf"]:after {
  content: "\e811";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-down"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-arrow-down"]:after {
  content: "\e812";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-app-store"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-app-store"]:after {
  content: "\e813";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-down-bold"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-arrow-down-bold"]:after {
  content: "\e814";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-right"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-arrow-right"]:after {
  content: "\e815";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-left"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-arrow-left"]:after {
  content: "\e816";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-google-play"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-google-play"]:after {
  content: "\e817";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-left-thin"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-arrow-left-thin"]:after {
  content: "\e818";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-right-thin"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-arrow-right-thin"]:after {
  content: "\e819";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-up"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-arrow-up"]:after {
  content: "\e81a";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-phone"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-phone"]:after {
  content: "\e81b";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-warning"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-warning"]:after {
  content: "\e81c";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-mail"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-mail"]:after {
  content: "\e81d";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-cancel"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-cancel"]:after {
  content: "\e81e";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-arrow-up-bold"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-arrow-up-bold"]:after {
  content: "\e81f";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-calendar"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-calendar"]:after {
  content: "\e800";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-check"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-check"]:after {
  content: "\e820";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-error"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-error"]:after {
  content: "\e803";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-favicon"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-favicon"]:after {
  content: "\e804";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-refresh"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-refresh"]:after {
  content: "\e807";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-menu"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-menu"]:after {
  content: "\e805";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-basket"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-basket"]:after {
  content: "\e801";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-car"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-car"]:after {
  content: "\e802";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-bus"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-bus"]:after {
  content: "\e830";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-mobile-phone"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-mobile-phone"]:after {
  content: "\e821";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-add"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-add"]:after {
  content: "\e822";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-bag"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-bag"]:after {
  content: "\e825";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-hourglass"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-hourglass"]:after {
  content: "\e826";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-ticket"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-ticket"]:after {
  content: "\e824";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-two-tickets"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-two-tickets"]:after {
  content: "\e828";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-human"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-human"]:after {
  content: "\e82d";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-ticket-machine"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-ticket-machine"]:after {
  content: "\e827";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-customer-point"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-customer-point"]:after {
  content: "\e829";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-success"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-success"]:after {
  content: "\e82a";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-active"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-active"]:after {
  content: "\e82c";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-inactive"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-inactive"]:after {
  content: "\e82b";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-park-and-ride"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-park-and-ride"]:after {
  content: "\e82e";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-events"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-events"]:after {
  content: "\e82f";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-plus"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-plus"]:after {
  content: "\e832";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-university"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-university"]:after {
  content: "\e833";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-single-ticket"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-single-ticket"]:after {
  content: "\e834";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-minus"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-minus"]:after {
  content: "\e835";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-pillar"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-pillar"]:after {
  content: "\e838";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-ticket-five-plus-one"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-ticket-five-plus-one"]:after {
  content: "\e839";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-active-subscription"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-active-subscription"]:after {
  content: "\e83a";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-note-text-outline"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-note-text-outline"]:after {
  content: "\e837";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-frequently-asked-questions"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-frequently-asked-questions"]:after {
  content: "\e836";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-cash-multiple"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-cash-multiple"]:after {
  content: "\2d";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-biometric-data"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-biometric-data"]:after {
  content: "\e83b";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-apple"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-apple"]:after {
  content: "\f179";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-cc-visa"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-cc-visa"]:after {
  content: "\f1f0";
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-cc-mastercard"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-cc-mastercard"]:after {
  content: "\f1f1";
}

/* line 92, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-green"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-green"]:after {
  color: #939a18;
}

/* line 92, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-red"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-red"]:after {
  color: #c70000;
}

/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"]:before, .sop .portlet-custom [class*="b-icon-"]:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"]:after {
  display: none;
}

/* line 23, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-before"]:before {
  padding-right: 10px;
}
/* line 26, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-before"]:after {
  display: none !important;
}

/* line 30, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-after"]:before {
  display: none !important;
}
/* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-after"]:after {
  padding-left: 10px;
  display: inline-block;
}

/* line 173, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-xsmall"] {
  min-height: 10px;
}
/* line 39, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-xsmall"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-xsmall"]:after {
  font-size: 10px;
  top: -1px;
}

/* line 177, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-small"] {
  min-height: 17px;
}
/* line 45, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-small"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-small"]:after {
  font-size: 17px;
  top: -2px;
}

/* line 181, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-large"] {
  min-height: 38px;
}
/* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-large"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-large"]:after {
  font-size: 38px;
  top: -2px;
}

/* line 185, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-xxl"] {
  min-height: 86px;
}
/* line 57, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-xxl"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-xxl"]:after {
  font-size: 86px;
  top: -4px;
}

/* line 189, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-only"] {
  position: relative;
  overflow: hidden;
  min-height: 14px;
  vertical-align: middle;
}
/* line 66, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-only"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-only"]:after {
  margin: 0px;
  padding: 0px;
  line-height: 1em;
}
/* line 71, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-only"] > span {
  text-indent: -9999px;
  display: inline-block;
}

/* line 193, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-block"] {
  position: relative;
  display: inline-block;
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-block"]:before, .sop .portlet-custom [class*="b-icon-"][class*="-block"]:after {
  position: absolute;
  top: -0.15em;
}
/* line 82, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-block"]:before {
  left: 0px;
}
/* line 85, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="-block"]:after {
  right: 0px;
}

/* line 223, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.no-fontface .sop .portlet-custom [class*="b-icon-"], .no-fontface-ua .sop .portlet-custom [class*="b-icon-"] {
  padding-left: 0px;
}
/* line 225, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.no-fontface .sop .portlet-custom [class*="b-icon-"]:before, .no-fontface .sop .portlet-custom [class*="b-icon-"]:after, .no-fontface-ua .sop .portlet-custom [class*="b-icon-"]:before, .no-fontface-ua .sop .portlet-custom [class*="b-icon-"]:after {
  display: none;
}
/* line 228, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.no-fontface .sop .portlet-custom [class*="b-icon-"][class*="-block"], .no-fontface-ua .sop .portlet-custom [class*="b-icon-"][class*="-block"] {
  padding: 0px !important;
}

/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .lg-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DgJMDCCASQIAgxME3n8pp0AAAAAASUVORK5CYII=');
  background: #f7f7f7;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .lg2-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6AAJMDCCASQIAf2IEuyGUlV8AAAAASUVORK5CYII=');
  background: #f0f0f0;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .lg3-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGN6CgJMDCCASQIAeZUEhLs+Cy8AAAAASUVORK5CYII=');
  background: #e5e5e5;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .fff-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DwJMDCCASQIAh0sFBt5h/T0AAAAASUVORK5CYII=');
  background: white;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .green1-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEUAeDRhKDqRAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
  background: #007834;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .dblue-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEULHjRe2hlRAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
  background: #0b1e34;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .gold-bg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEX/vgBjpIoBAAAADElEQVR4nGNiYIJCAABGAAudhbw6AAAAAElFTkSuQmCC');
  background: #ffbe00;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_generate-colors.scss */
.sop .portlet-custom .gold-c {
  color: #ea1b27;
}

/* line 94, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-transparent-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 98, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-unordered-list {
  list-style: disc outside none;
  margin: 0 0 0 25px;
}

/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-ordered-list {
  list-style: decimal outside none;
  margin: 0 0 0 30px;
}

/* line 104, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-vertical-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-horizontal-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-horizontal-list li {
  display: inline-block;
}
/* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-horizontal-list li.last, .sop .portlet-custom .b-horizontal-list li:last-child {
  padding-right: 0;
}

/* line 60, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-separated-list > li {
  border-top: 1px solid #cccccc;
  padding: 9px 0px 11px 0px;
}
/* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-separated-list > li:first-child {
  border-top: none;
}

/* line 113, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-table-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
  position: relative;
}
/* line 80, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-table-list li {
  display: table-cell;
  vertical-align: top;
}
/* line 87, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_lists.scss */
.sop .portlet-custom .b-table-list ul {
  position: absolute;
}

/* line 160, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom .sop-input-text[disabled], .sop .portlet-custom input[type="text"][disabled], .sop .portlet-custom input[type="password"][disabled], .sop .portlet-custom input[type="date"][disabled], .sop .portlet-custom input[type="datetime"][disabled], .sop .portlet-custom input[type="email"][disabled], .sop .portlet-custom input[type="number"][disabled], .sop .portlet-custom input[type="search"][disabled], .sop .portlet-custom input[type="tel"][disabled], .sop .portlet-custom input[type="time"][disabled], .sop .portlet-custom input[type="url"][disabled], .sop .portlet-custom textarea[disabled], .sop .portlet-custom select[disabled] {
  background: #e6e6e6;
  color: #e5e5e5;
}

/* line 172, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom .sop-input-text:focus, .sop .portlet-custom input[type="text"]:focus, .sop .portlet-custom input[type="password"]:focus, .sop .portlet-custom input[type="date"]:focus, .sop .portlet-custom input[type="datetime"]:focus, .sop .portlet-custom input[type="email"]:focus, .sop .portlet-custom input[type="number"]:focus, .sop .portlet-custom input[type="search"]:focus, .sop .portlet-custom input[type="tel"]:focus, .sop .portlet-custom input[type="time"]:focus, .sop .portlet-custom input[type="url"]:focus, .sop .portlet-custom textarea:focus, .sop .portlet-custom select:focus {
  border-color: #fcb94c;
}

/* line 176, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom .sop-input-text.error, .sop .portlet-custom input[type="text"].error, .sop .portlet-custom input[type="password"].error, .sop .portlet-custom input[type="date"].error, .sop .portlet-custom input[type="datetime"].error, .sop .portlet-custom input[type="email"].error, .sop .portlet-custom input[type="number"].error, .sop .portlet-custom input[type="search"].error, .sop .portlet-custom input[type="tel"].error, .sop .portlet-custom input[type="time"].error, .sop .portlet-custom input[type="url"].error, .sop .portlet-custom textarea.error, .sop .portlet-custom select.error {
  border-color: #ea1b27;
  outline: 1px #ea1b27 solid;
}
/* line 181, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom .neutralize-border-color.sop-input-text.error, .sop .portlet-custom input.neutralize-border-color[type="text"].error, .sop .portlet-custom input.neutralize-border-color[type="password"].error, .sop .portlet-custom input.neutralize-border-color[type="date"].error, .sop .portlet-custom input.neutralize-border-color[type="datetime"].error, .sop .portlet-custom input.neutralize-border-color[type="email"].error, .sop .portlet-custom input.neutralize-border-color[type="number"].error, .sop .portlet-custom input.neutralize-border-color[type="search"].error, .sop .portlet-custom input.neutralize-border-color[type="tel"].error, .sop .portlet-custom input.neutralize-border-color[type="time"].error, .sop .portlet-custom input.neutralize-border-color[type="url"].error, .sop .portlet-custom textarea.neutralize-border-color.error, .sop .portlet-custom select.neutralize-border-color.error {
  border-color: #e5e5e5 !important;
  outline: none !important;
}

/* line 206, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom input[type="text"], .sop .portlet-custom input[type="password"], .sop .portlet-custom input[type="date"], .sop .portlet-custom input[type="datetime"], .sop .portlet-custom input[type="email"], .sop .portlet-custom input[type="number"], .sop .portlet-custom input[type="search"], .sop .portlet-custom input[type="tel"], .sop .portlet-custom input[type="time"], .sop .portlet-custom input[type="url"], .sop .portlet-custom textarea, .sop .portlet-custom .sop-input-text {
  background: #f7f7f7;
  font-family: "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  border: 2px solid #e5e5e5;
  display: inline-block;
  box-shadow: none;
  font-size: 1em;
  line-height: normal;
  color: #10171f;
  padding: 11px 16px 11px;
  margin-bottom: 0;
  height: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 206, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"], .sop .portlet-custom input[type="password"], .sop .portlet-custom input[type="date"], .sop .portlet-custom input[type="datetime"], .sop .portlet-custom input[type="email"], .sop .portlet-custom input[type="number"], .sop .portlet-custom input[type="search"], .sop .portlet-custom input[type="tel"], .sop .portlet-custom input[type="time"], .sop .portlet-custom input[type="url"], .sop .portlet-custom textarea, .sop .portlet-custom .sop-input-text {
    font-size: 16px;
  }
}
/* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop .portlet-custom input[type="text"]::-webkit-input-placeholder, .sop .portlet-custom input[type="password"]::-webkit-input-placeholder, .sop .portlet-custom input[type="date"]::-webkit-input-placeholder, .sop .portlet-custom input[type="datetime"]::-webkit-input-placeholder, .sop .portlet-custom input[type="email"]::-webkit-input-placeholder, .sop .portlet-custom input[type="number"]::-webkit-input-placeholder, .sop .portlet-custom input[type="search"]::-webkit-input-placeholder, .sop .portlet-custom input[type="tel"]::-webkit-input-placeholder, .sop .portlet-custom input[type="time"]::-webkit-input-placeholder, .sop .portlet-custom input[type="url"]::-webkit-input-placeholder, .sop .portlet-custom textarea::-webkit-input-placeholder, .sop .portlet-custom .sop-input-text::-webkit-input-placeholder {
  font-size: 15px;
  color: #6b6b6b;
  font-family: geogrotesque_regularregular;
  font-style: normal;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
  .sop .portlet-custom input[type="text"]::-webkit-input-placeholder, .sop .portlet-custom input[type="password"]::-webkit-input-placeholder, .sop .portlet-custom input[type="date"]::-webkit-input-placeholder, .sop .portlet-custom input[type="datetime"]::-webkit-input-placeholder, .sop .portlet-custom input[type="email"]::-webkit-input-placeholder, .sop .portlet-custom input[type="number"]::-webkit-input-placeholder, .sop .portlet-custom input[type="search"]::-webkit-input-placeholder, .sop .portlet-custom input[type="tel"]::-webkit-input-placeholder, .sop .portlet-custom input[type="time"]::-webkit-input-placeholder, .sop .portlet-custom input[type="url"]::-webkit-input-placeholder, .sop .portlet-custom textarea::-webkit-input-placeholder, .sop .portlet-custom .sop-input-text::-webkit-input-placeholder {
    font-size: 16px;
  }
}
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop .portlet-custom input[type="text"]:-moz-placeholder, .sop .portlet-custom input[type="password"]:-moz-placeholder, .sop .portlet-custom input[type="date"]:-moz-placeholder, .sop .portlet-custom input[type="datetime"]:-moz-placeholder, .sop .portlet-custom input[type="email"]:-moz-placeholder, .sop .portlet-custom input[type="number"]:-moz-placeholder, .sop .portlet-custom input[type="search"]:-moz-placeholder, .sop .portlet-custom input[type="tel"]:-moz-placeholder, .sop .portlet-custom input[type="time"]:-moz-placeholder, .sop .portlet-custom input[type="url"]:-moz-placeholder, .sop .portlet-custom textarea:-moz-placeholder, .sop .portlet-custom .sop-input-text:-moz-placeholder {
  opacity: 1 !important;
  font-size: 15px;
  color: #6b6b6b;
  font-family: geogrotesque_regularregular;
  font-style: normal;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
  .sop .portlet-custom input[type="text"]:-moz-placeholder, .sop .portlet-custom input[type="password"]:-moz-placeholder, .sop .portlet-custom input[type="date"]:-moz-placeholder, .sop .portlet-custom input[type="datetime"]:-moz-placeholder, .sop .portlet-custom input[type="email"]:-moz-placeholder, .sop .portlet-custom input[type="number"]:-moz-placeholder, .sop .portlet-custom input[type="search"]:-moz-placeholder, .sop .portlet-custom input[type="tel"]:-moz-placeholder, .sop .portlet-custom input[type="time"]:-moz-placeholder, .sop .portlet-custom input[type="url"]:-moz-placeholder, .sop .portlet-custom textarea:-moz-placeholder, .sop .portlet-custom .sop-input-text:-moz-placeholder {
    font-size: 16px;
  }
}
/* line 8, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop .portlet-custom input[type="text"]::-moz-placeholder, .sop .portlet-custom input[type="password"]::-moz-placeholder, .sop .portlet-custom input[type="date"]::-moz-placeholder, .sop .portlet-custom input[type="datetime"]::-moz-placeholder, .sop .portlet-custom input[type="email"]::-moz-placeholder, .sop .portlet-custom input[type="number"]::-moz-placeholder, .sop .portlet-custom input[type="search"]::-moz-placeholder, .sop .portlet-custom input[type="tel"]::-moz-placeholder, .sop .portlet-custom input[type="time"]::-moz-placeholder, .sop .portlet-custom input[type="url"]::-moz-placeholder, .sop .portlet-custom textarea::-moz-placeholder, .sop .portlet-custom .sop-input-text::-moz-placeholder {
  opacity: 1 !important;
  font-size: 15px;
  color: #6b6b6b;
  font-family: geogrotesque_regularregular;
  font-style: normal;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 8, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
  .sop .portlet-custom input[type="text"]::-moz-placeholder, .sop .portlet-custom input[type="password"]::-moz-placeholder, .sop .portlet-custom input[type="date"]::-moz-placeholder, .sop .portlet-custom input[type="datetime"]::-moz-placeholder, .sop .portlet-custom input[type="email"]::-moz-placeholder, .sop .portlet-custom input[type="number"]::-moz-placeholder, .sop .portlet-custom input[type="search"]::-moz-placeholder, .sop .portlet-custom input[type="tel"]::-moz-placeholder, .sop .portlet-custom input[type="time"]::-moz-placeholder, .sop .portlet-custom input[type="url"]::-moz-placeholder, .sop .portlet-custom textarea::-moz-placeholder, .sop .portlet-custom .sop-input-text::-moz-placeholder {
    font-size: 16px;
  }
}
/* line 9, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop .portlet-custom input[type="text"]:-ms-input-placeholder, .sop .portlet-custom input[type="password"]:-ms-input-placeholder, .sop .portlet-custom input[type="date"]:-ms-input-placeholder, .sop .portlet-custom input[type="datetime"]:-ms-input-placeholder, .sop .portlet-custom input[type="email"]:-ms-input-placeholder, .sop .portlet-custom input[type="number"]:-ms-input-placeholder, .sop .portlet-custom input[type="search"]:-ms-input-placeholder, .sop .portlet-custom input[type="tel"]:-ms-input-placeholder, .sop .portlet-custom input[type="time"]:-ms-input-placeholder, .sop .portlet-custom input[type="url"]:-ms-input-placeholder, .sop .portlet-custom textarea:-ms-input-placeholder, .sop .portlet-custom .sop-input-text:-ms-input-placeholder {
  font-size: 15px;
  color: #6b6b6b;
  font-family: geogrotesque_regularregular;
  font-style: normal;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 9, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
  .sop .portlet-custom input[type="text"]:-ms-input-placeholder, .sop .portlet-custom input[type="password"]:-ms-input-placeholder, .sop .portlet-custom input[type="date"]:-ms-input-placeholder, .sop .portlet-custom input[type="datetime"]:-ms-input-placeholder, .sop .portlet-custom input[type="email"]:-ms-input-placeholder, .sop .portlet-custom input[type="number"]:-ms-input-placeholder, .sop .portlet-custom input[type="search"]:-ms-input-placeholder, .sop .portlet-custom input[type="tel"]:-ms-input-placeholder, .sop .portlet-custom input[type="time"]:-ms-input-placeholder, .sop .portlet-custom input[type="url"]:-ms-input-placeholder, .sop .portlet-custom textarea:-ms-input-placeholder, .sop .portlet-custom .sop-input-text:-ms-input-placeholder {
    font-size: 16px;
  }
}
/* line 249, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom input.o-input-transparent, .sop .portlet-custom textarea.o-input-transparent {
  background: transparent;
  border: none;
  box-shadow: none;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].one,
  .sop .portlet-custom input[type="password"].one,
  .sop .portlet-custom input[type="date"].one,
  .sop .portlet-custom input[type="datetime"].one,
  .sop .portlet-custom input[type="email"].one,
  .sop .portlet-custom input[type="number"].one,
  .sop .portlet-custom input[type="search"].one,
  .sop .portlet-custom input[type="tel"].one,
  .sop .portlet-custom input[type="time"].one,
  .sop .portlet-custom input[type="url"].one,
  .sop .portlet-custom textarea.one,
  .sop .portlet-custom .input-text.one {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].two,
  .sop .portlet-custom input[type="password"].two,
  .sop .portlet-custom input[type="date"].two,
  .sop .portlet-custom input[type="datetime"].two,
  .sop .portlet-custom input[type="email"].two,
  .sop .portlet-custom input[type="number"].two,
  .sop .portlet-custom input[type="search"].two,
  .sop .portlet-custom input[type="tel"].two,
  .sop .portlet-custom input[type="time"].two,
  .sop .portlet-custom input[type="url"].two,
  .sop .portlet-custom textarea.two,
  .sop .portlet-custom .input-text.two {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].three,
  .sop .portlet-custom input[type="password"].three,
  .sop .portlet-custom input[type="date"].three,
  .sop .portlet-custom input[type="datetime"].three,
  .sop .portlet-custom input[type="email"].three,
  .sop .portlet-custom input[type="number"].three,
  .sop .portlet-custom input[type="search"].three,
  .sop .portlet-custom input[type="tel"].three,
  .sop .portlet-custom input[type="time"].three,
  .sop .portlet-custom input[type="url"].three,
  .sop .portlet-custom textarea.three,
  .sop .portlet-custom .input-text.three {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].four,
  .sop .portlet-custom input[type="password"].four,
  .sop .portlet-custom input[type="date"].four,
  .sop .portlet-custom input[type="datetime"].four,
  .sop .portlet-custom input[type="email"].four,
  .sop .portlet-custom input[type="number"].four,
  .sop .portlet-custom input[type="search"].four,
  .sop .portlet-custom input[type="tel"].four,
  .sop .portlet-custom input[type="time"].four,
  .sop .portlet-custom input[type="url"].four,
  .sop .portlet-custom textarea.four,
  .sop .portlet-custom .input-text.four {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].five,
  .sop .portlet-custom input[type="password"].five,
  .sop .portlet-custom input[type="date"].five,
  .sop .portlet-custom input[type="datetime"].five,
  .sop .portlet-custom input[type="email"].five,
  .sop .portlet-custom input[type="number"].five,
  .sop .portlet-custom input[type="search"].five,
  .sop .portlet-custom input[type="tel"].five,
  .sop .portlet-custom input[type="time"].five,
  .sop .portlet-custom input[type="url"].five,
  .sop .portlet-custom textarea.five,
  .sop .portlet-custom .input-text.five {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].six,
  .sop .portlet-custom input[type="password"].six,
  .sop .portlet-custom input[type="date"].six,
  .sop .portlet-custom input[type="datetime"].six,
  .sop .portlet-custom input[type="email"].six,
  .sop .portlet-custom input[type="number"].six,
  .sop .portlet-custom input[type="search"].six,
  .sop .portlet-custom input[type="tel"].six,
  .sop .portlet-custom input[type="time"].six,
  .sop .portlet-custom input[type="url"].six,
  .sop .portlet-custom textarea.six,
  .sop .portlet-custom .input-text.six {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].seven,
  .sop .portlet-custom input[type="password"].seven,
  .sop .portlet-custom input[type="date"].seven,
  .sop .portlet-custom input[type="datetime"].seven,
  .sop .portlet-custom input[type="email"].seven,
  .sop .portlet-custom input[type="number"].seven,
  .sop .portlet-custom input[type="search"].seven,
  .sop .portlet-custom input[type="tel"].seven,
  .sop .portlet-custom input[type="time"].seven,
  .sop .portlet-custom input[type="url"].seven,
  .sop .portlet-custom textarea.seven,
  .sop .portlet-custom .input-text.seven {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].eight,
  .sop .portlet-custom input[type="password"].eight,
  .sop .portlet-custom input[type="date"].eight,
  .sop .portlet-custom input[type="datetime"].eight,
  .sop .portlet-custom input[type="email"].eight,
  .sop .portlet-custom input[type="number"].eight,
  .sop .portlet-custom input[type="search"].eight,
  .sop .portlet-custom input[type="tel"].eight,
  .sop .portlet-custom input[type="time"].eight,
  .sop .portlet-custom input[type="url"].eight,
  .sop .portlet-custom textarea.eight,
  .sop .portlet-custom .input-text.eight {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].nine,
  .sop .portlet-custom input[type="password"].nine,
  .sop .portlet-custom input[type="date"].nine,
  .sop .portlet-custom input[type="datetime"].nine,
  .sop .portlet-custom input[type="email"].nine,
  .sop .portlet-custom input[type="number"].nine,
  .sop .portlet-custom input[type="search"].nine,
  .sop .portlet-custom input[type="tel"].nine,
  .sop .portlet-custom input[type="time"].nine,
  .sop .portlet-custom input[type="url"].nine,
  .sop .portlet-custom textarea.nine,
  .sop .portlet-custom .input-text.nine {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].ten, .sop.sop .portlet-custom input[type="text"].description-field,
  .sop .portlet-custom input[type="password"].ten,
  .sop.sop .portlet-custom input[type="password"].description-field,
  .sop .portlet-custom input[type="date"].ten,
  .sop.sop .portlet-custom input[type="date"].description-field,
  .sop .portlet-custom input[type="datetime"].ten,
  .sop.sop .portlet-custom input[type="datetime"].description-field,
  .sop .portlet-custom input[type="email"].ten,
  .sop.sop .portlet-custom input[type="email"].description-field,
  .sop .portlet-custom input[type="number"].ten,
  .sop.sop .portlet-custom input[type="number"].description-field,
  .sop .portlet-custom input[type="search"].ten,
  .sop.sop .portlet-custom input[type="search"].description-field,
  .sop .portlet-custom input[type="tel"].ten,
  .sop.sop .portlet-custom input[type="tel"].description-field,
  .sop .portlet-custom input[type="time"].ten,
  .sop.sop .portlet-custom input[type="time"].description-field,
  .sop .portlet-custom input[type="url"].ten,
  .sop.sop .portlet-custom input[type="url"].description-field,
  .sop .portlet-custom textarea.ten,
  .sop.sop .portlet-custom textarea.description-field,
  .sop .portlet-custom .input-text.ten,
  .sop.sop .portlet-custom .input-text.description-field {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].eleven,
  .sop .portlet-custom input[type="password"].eleven,
  .sop .portlet-custom input[type="date"].eleven,
  .sop .portlet-custom input[type="datetime"].eleven,
  .sop .portlet-custom input[type="email"].eleven,
  .sop .portlet-custom input[type="number"].eleven,
  .sop .portlet-custom input[type="search"].eleven,
  .sop .portlet-custom input[type="tel"].eleven,
  .sop .portlet-custom input[type="time"].eleven,
  .sop .portlet-custom input[type="url"].eleven,
  .sop .portlet-custom textarea.eleven,
  .sop .portlet-custom .input-text.eleven {
    width: 100% !important;
  }
  /* line 270, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom input[type="text"].twelve,
  .sop .portlet-custom input[type="password"].twelve,
  .sop .portlet-custom input[type="date"].twelve,
  .sop .portlet-custom input[type="datetime"].twelve,
  .sop .portlet-custom input[type="email"].twelve,
  .sop .portlet-custom input[type="number"].twelve,
  .sop .portlet-custom input[type="search"].twelve,
  .sop .portlet-custom input[type="tel"].twelve,
  .sop .portlet-custom input[type="time"].twelve,
  .sop .portlet-custom input[type="url"].twelve,
  .sop .portlet-custom textarea.twelve,
  .sop .portlet-custom .input-text.twelve {
    width: 100% !important;
  }
}
/* line 281, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom select {
  border: 1px solid #e5e5e5;
  font-family: Roboto;
  font-size: 1em;
  color: #10171f;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 281, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom select {
    font-size: 16px;
  }
}
/* line 295, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom textarea {
  height: 200px;
  resize: none;
}
/* line 309, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom label [type=radio], .sop .portlet-custom label [type=checkbox] {
  margin-right: 5px;
}
/* line 354, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom .sop-input-text.error.hide-errors, .sop .portlet-custom input[type="text"].error.hide-errors, .sop .portlet-custom input[type="password"].error.hide-errors, .sop .portlet-custom input[type="date"].error.hide-errors, .sop .portlet-custom input[type="datetime"].error.hide-errors, .sop .portlet-custom input[type="email"].error.hide-errors, .sop .portlet-custom input[type="number"].error.hide-errors, .sop .portlet-custom input[type="search"].error.hide-errors, .sop .portlet-custom input[type="tel"].error.hide-errors, .sop .portlet-custom input[type="time"].error.hide-errors, .sop .portlet-custom input[type="url"].error.hide-errors, .sop .portlet-custom textarea.error.hide-errors, .sop .portlet-custom select.error.hide-errors {
  outline: none !important;
}
/* line 381, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom .hide-errors input[type="text"], .sop .portlet-custom .hide-errors input[type="password"], .sop .portlet-custom .hide-errors input[type="date"], .sop .portlet-custom .hide-errors input[type="datetime"], .sop .portlet-custom .hide-errors input[type="email"], .sop .portlet-custom .hide-errors input[type="number"], .sop .portlet-custom .hide-errors input[type="search"], .sop .portlet-custom .hide-errors input[type="tel"], .sop .portlet-custom .hide-errors input[type="time"], .sop .portlet-custom .hide-errors input[type="url"], .sop .portlet-custom .hide-errors textarea, .sop .portlet-custom .hide-errors .sop-input-text {
  background: #f7f7f7;
  border: 2px solid #e5e5e5;
  color: #10171f;
  outline: none !important;
}

/* Standard form - left label, right input, vertically stacked
 *
 * Form row:
        .f-row
   Row with buttons:
        .f-row.f-buttons
 *
 * Structure of standard row on grid
 *      .f-row.row
            .columns.four.tablet-four
                label(for="inputID")
            .columns.eight.tablet-eight
                .row
                    .columns.six
                        input#inputID.error(type="text",name="inputName")
                        small.error
                    .columns.six
                        small.hint

 * Radio group - vertical
        .input-group
            label.radio-label
                input[type=radio]

 * Radio group - horizontal
        .input-line
            label.radio-label
                input[type=radio]
 */
/* line 434, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form {
  margin: 0;
  padding: 0;
}
/* line 443, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
/* line 448, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form fieldset legend {
  padding: 0;
  margin: 0 0 10px;
  border: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* line 457, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form fieldset.no-border {
  border: none;
}
/* line 466, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form label, .sop .portlet-custom form .f-label {
  margin-bottom: 0;
  font-size: 1em;
  font-weight: normal;
  color: #10171f;
  cursor: pointer;
  display: inline-block;
  font-weight: 14;
  margin-top: 5px;
}
/* line 477, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form label.right, .sop .portlet-custom form label.text-right, .sop .portlet-custom form .f-label.right, .sop .portlet-custom form .f-label.text-right {
  float: none !important;
  text-align: right;
}
@media only screen and (max-width: 800px) {
  /* line 477, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom form label.right, .sop .portlet-custom form label.text-right, .sop .portlet-custom form .f-label.right, .sop .portlet-custom form .f-label.text-right {
    text-align: left;
  }
}
/* line 484, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form label.secondary, .sop .portlet-custom form .f-label.secondary {
  line-height: 1em;
  margin-bottom: 2.5px;
}
/* line 490, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form label.date-label, .sop .portlet-custom form .f-label.date-label {
  width: 25px;
}
/* line 495, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form label .f-row > label, .sop .portlet-custom form label .f-row .label, .sop .portlet-custom form .f-label .f-row > label, .sop .portlet-custom form .f-label .f-row .label {
  margin-top: 0;
  margin-bottom: 5px;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 466, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom form label, .sop .portlet-custom form .f-label {
    font-size: 15px;
  }
  /* line 502, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom form label.placeholder, .sop .portlet-custom form .f-label.placeholder {
    font-size: 16px;
  }
}
/* line 515, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'], .sop .portlet-custom form :not(.radio-label) > input[type='radio'] {
  vertical-align: middle;
  margin-top: -2px;
}
/* line 518, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'] ~ span, .sop .portlet-custom form :not(.radio-label) > input[type='radio'] ~ span {
  font-weight: normal;
  font-size: 14;
}
/* line 521, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'] ~ span[class^="icon-"], .sop .portlet-custom form :not(.radio-label) > input[type='radio'] ~ span[class^="icon-"] {
  font-size: 14;
  font-weight: bold;
}
/* line 526, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'] ~ strong, .sop .portlet-custom form :not(.radio-label) > input[type='radio'] ~ strong {
  font-size: 14;
}
/* line 528, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'] ~ strong.important, .sop .portlet-custom form :not(.radio-label) > input[type='radio'] ~ strong.important {
  font-size: 14;
}
/* line 532, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'][disabled] ~ span, .sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'][disabled] ~ span > a, .sop .portlet-custom form :not(.radio-label) > input[type='radio'][disabled] ~ span, .sop .portlet-custom form :not(.radio-label) > input[type='radio'][disabled] ~ span > a {
  color: #e5e5e5;
}
/* line 535, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'][readonly] ~ span, .sop .portlet-custom form :not(.checkbox-label) > input[type='checkbox'][readonly] ~ span > a, .sop .portlet-custom form :not(.radio-label) > input[type='radio'][readonly] ~ span, .sop .portlet-custom form :not(.radio-label) > input[type='radio'][readonly] ~ span > a {
  color: #e5e5e5;
}
/* line 545, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .input-group .input-wrapper label {
  margin: 0;
}
/* line 549, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .input-group.input-group--vertical .input-wrapper {
  display: block;
  vertical-align: top;
  margin-top: 10px;
}
/* line 553, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .input-group.input-group--vertical .input-wrapper:first-child {
  margin-top: 0;
}
/* line 558, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .input-group.input-group--horizontal {
  padding-top: 5px;
}
/* line 560, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .input-group.input-group--horizontal .input-wrapper {
  display: inline-block;
  margin-right: 30px;
}
/* line 563, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .input-group.input-group--horizontal .input-wrapper:last-child, .sop .portlet-custom form .input-group.input-group--horizontal .input-wrapper .last {
  margin-right: 0;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 560, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom form .input-group.input-group--horizontal .input-wrapper {
    display: block;
    margin-right: 0;
  }
}
/* line 578, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .b-row.f-row[class] {
  *zoom: 1;
  position: relative;
  margin-bottom: 10px;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .portlet-custom form .b-row.f-row[class]:before, .sop .portlet-custom form .b-row.f-row[class]:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .portlet-custom form .b-row.f-row[class]:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 578, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom form .b-row.f-row[class] {
    margin-bottom: 10px;
  }
}
/* line 588, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .b-row.f-row[class].last {
  margin-bottom: 10px;
}
/* line 593, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .b-row.f-row[class] .f-row {
  margin-bottom: 0;
  margin-top: 10px;
}
/* line 596, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .b-row.f-row[class] .f-row:first-child {
  margin-top: 0;
}
/* line 606, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-text {
  margin-bottom: 10px;
}
/* line 610, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-value label, .sop .portlet-custom form .f-value .f-label {
  margin-top: 0;
  margin-bottom: 5px;
}
/* line 615, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-captcha {
  padding-left: 130px;
  font-size: 0px;
}
/* line 618, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-captcha > img {
  margin-left: -130px;
  margin-right: 15px;
}
/* line 622, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-captcha > img, .sop .portlet-custom form .f-captcha > input {
  vertical-align: middle;
}
/* line 627, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-submit-row .btn.right {
  margin-left: 10px;
}
/* line 629, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-submit-row .btn.right:first-child {
  margin-left: 0;
}
/* line 635, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-errors + .f-row {
  margin-top: 10px;
}
/* line 649, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-required .f-label:after, .sop .portlet-custom form .f-required.f-agreement:after {
  content: "*" !important;
  color: #10171f;
  padding-left: 0em;
}
/* line 675, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form span.f-required {
  color: #10171f;
  padding-right: 0.35714em;
}
/* line 680, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-info-required {
  margin-bottom: 25px;
  padding-bottom: 20px;
  overflow: hidden;
  position: relative;
}
/* line 45, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_separator-b-row.scss */
.sop .portlet-custom form .f-info-required:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background: #c3c5c6;
  left: 20px;
  right: 20px;
  bottom: 0;
}
/* line 691, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-buttons {
  *zoom: 1;
  position: relative;
  line-height: 32px;
  overflow: hidden;
  position: relative;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .portlet-custom form .f-buttons:before, .sop .portlet-custom form .f-buttons:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .portlet-custom form .f-buttons:after {
  clear: both;
}
/* line 695, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-buttons.f-buttons.f-buttons {
  margin-top: 15px;
  padding-top: 15px;
}
/* line 699, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-buttons .cancel {
  display: block;
  vertical-align: middle;
}
/* line 703, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-buttons .submit, .sop .portlet-custom form .f-buttons .action {
  float: right;
}
/* line 35, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_separator-b-row.scss */
.sop .portlet-custom form .f-buttons:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background: #c3c5c6;
  left: 20px;
  right: 20px;
  top: 0;
}
/* line 715, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-value {
  margin: 0px;
  margin-top: 5px;
  display: block;
  font-weight: bold;
}
/* line 721, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-title {
  display: inline-block;
  margin-top: 5px;
}
/* line 730, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-separator {
  padding: 0 2px 0 6px;
}
/* line 738, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-hint {
  font-style: normal;
  color: #666666;
  font-weight: normal;
  font-size: 1em;
  display: block;
  margin-top: 5px;
}
/* line 746, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-hint + .f-errors, .sop .portlet-custom form .f-hint + .error {
  margin-top: 10px;
}
/* line 752, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form input[type="text"] ~ .hint, .sop .portlet-custom form input[type="password"] ~ .hint, .sop .portlet-custom form select ~ .hint {
  height: auto;
  display: block;
}
/* line 761, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .f-row .msg {
  padding-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
}
/* line 771, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .columns > .f-row:first-child {
  margin-top: 0;
}
/* line 774, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form .columns > input ~ .hint, .sop .portlet-custom form .columns > select ~ .hint {
  margin-bottom: 10px;
}
/* line 784, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form label.horizontal > span {
  padding-right: 16px;
}
/* line 788, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom form label.horizontal > .sop-select, .sop .portlet-custom form label.horizontal > input {
  width: auto;
  display: inline-block;
}
@media only screen and (max-width: 800px) {
  /* line 800, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
  .sop .portlet-custom form .tablet-twelve > label, .sop .portlet-custom form .tablet-twelve > .f-label {
    margin-bottom: 5px;
  }
}
/* line 812, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
.sop .portlet-custom .placeholder {
  margin-top: 11px;
  position: absolute;
  font-weight: normal;
  padding: 0px 10px;
  display: block;
  margin: 0px;
  cursor: text;
  font-size: 15px;
  z-index: 4;
}

/* line 832, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_forms.scss */
html.js .sop--global input.autosubmit {
  display: none !important;
}

/* line 5, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form {
  border: 2px #e6e6e6 solid;
  padding: 0 20px;
  margin-left: -20px;
  margin-right: -20px;
}
@media (max-width: 1010px) {
  /* line 5, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
  .sop.sop .sop-form {
    border: none;
  }
}
/* line 16, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-row.b-row:last-child {
  margin-bottom: 0;
}
/* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-row .f-label {
  display: block;
  margin-top: 15px;
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  text-align: right;
}
@media (max-width: 480px) {
  /* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
  .sop.sop .sop-form .f-row .f-label {
    text-align: left;
    margin-bottom: 15px;
  }
}
/* line 29, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-row .f-label:after {
  margin-left: -3px;
}
/* line 34, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-row .f-radiogroup {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 38, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-row .f-radiogroup .radio-label + .radio-label {
  margin-top: 15px;
}
/* line 44, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-section {
  padding-bottom: 2.85714em;
}
/* line 47, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-section .f-row:first-child, .sop.sop .sop-form .f-section .f-row-first {
  padding-top: 1.42857em;
}
/* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-section + .f-section {
  border-top: 1px #c3c5c6 solid;
  padding-top: 2.5em;
}
/* line 55, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-section + .f-section .f-row:first-child, .sop.sop .sop-form .f-section + .f-section .f-row-first {
  padding-top: 0;
}
/* line 63, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-section-inner .f-row:first-child, .sop.sop .sop-form .f-section-inner .f-row-first {
  padding-top: 0;
}
/* line 68, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-section__title-wrapper {
  padding-top: 0.27778em;
  padding-bottom: 2.22222em;
  text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 68, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
  .sop.sop .sop-form .f-section__title-wrapper {
    text-align: left;
  }
}
/* line 77, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-section-title {
  padding: 0;
}
/* line 81, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-captcha__refresh {
  margin-top: 10px;
  display: inline-block;
}
/* line 87, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-buttons.f-buttons.f-buttons {
  padding-top: 1.42857em;
  padding-bottom: 1.42857em;
  margin-top: 0 !important;
}
/* line 93, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-buttons .o-btn {
  min-width: 30%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-buttons .o-btn.cancel {
  text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 93, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
  .sop.sop .sop-form .f-buttons .o-btn {
    width: 100%;
    float: none;
  }
  /* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
  .sop.sop .sop-form .f-buttons .o-btn + .o-btn {
    margin-top: 15px;
  }
}
/* line 109, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-article.article--top {
  padding: 2.14286em 0;
}
/* line 114, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-hint {
  margin-top: 14px;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-agreements label span {
  color: #666666;
}
/* line 123, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-simple-text {
  margin-top: 15px;
  display: block;
}
/* line 130, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .input-column .checkbox-label {
  padding-top: 10px;
  padding-bottom: 11px;
}
/* line 137, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .sop-form .f-group .checkbox-label + .checkbox-label {
  padding-top: 20px;
}
/* line 152, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom input[type="text"], .sop.sop .portlet-custom input[type="password"], .sop.sop .portlet-custom input[type="date"], .sop.sop .portlet-custom input[type="datetime"], .sop.sop .portlet-custom input[type="email"], .sop.sop .portlet-custom input[type="number"], .sop.sop .portlet-custom input[type="search"], .sop.sop .portlet-custom input[type="tel"], .sop.sop .portlet-custom input[type="time"], .sop.sop .portlet-custom input[type="url"], .sop.sop .portlet-custom .input-text {
  height: 50px;
}
/* line 155, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom input[type="text"].error, .sop.sop .portlet-custom input[type="password"].error, .sop.sop .portlet-custom input[type="date"].error, .sop.sop .portlet-custom input[type="datetime"].error, .sop.sop .portlet-custom input[type="email"].error, .sop.sop .portlet-custom input[type="number"].error, .sop.sop .portlet-custom input[type="search"].error, .sop.sop .portlet-custom input[type="tel"].error, .sop.sop .portlet-custom input[type="time"].error, .sop.sop .portlet-custom input[type="url"].error, .sop.sop .portlet-custom .input-text.error {
  padding: 0.5em 1.14286em 0.5em 1.14286em;
}
/* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop.sop .portlet-custom input[type="text"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="password"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="date"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="datetime"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="email"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="number"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="search"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="tel"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="time"].error::-webkit-input-placeholder, .sop.sop .portlet-custom input[type="url"].error::-webkit-input-placeholder, .sop.sop .portlet-custom .input-text.error::-webkit-input-placeholder {
  color: #ea1b27;
}
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop.sop .portlet-custom input[type="text"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="password"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="date"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="datetime"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="email"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="number"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="search"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="tel"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="time"].error:-moz-placeholder, .sop.sop .portlet-custom input[type="url"].error:-moz-placeholder, .sop.sop .portlet-custom .input-text.error:-moz-placeholder {
  opacity: 1 !important;
  color: #ea1b27;
}
/* line 8, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop.sop .portlet-custom input[type="text"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="password"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="date"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="datetime"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="email"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="number"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="search"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="tel"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="time"].error::-moz-placeholder, .sop.sop .portlet-custom input[type="url"].error::-moz-placeholder, .sop.sop .portlet-custom .input-text.error::-moz-placeholder {
  opacity: 1 !important;
  color: #ea1b27;
}
/* line 9, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop.sop .portlet-custom input[type="text"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="password"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="date"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="datetime"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="email"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="number"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="search"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="tel"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="time"].error:-ms-input-placeholder, .sop.sop .portlet-custom input[type="url"].error:-ms-input-placeholder, .sop.sop .portlet-custom .input-text.error:-ms-input-placeholder {
  color: #ea1b27;
}
/* line 161, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom input[type="text"].error + .placeholder, .sop.sop .portlet-custom input[type="password"].error + .placeholder, .sop.sop .portlet-custom input[type="date"].error + .placeholder, .sop.sop .portlet-custom input[type="datetime"].error + .placeholder, .sop.sop .portlet-custom input[type="email"].error + .placeholder, .sop.sop .portlet-custom input[type="number"].error + .placeholder, .sop.sop .portlet-custom input[type="search"].error + .placeholder, .sop.sop .portlet-custom input[type="tel"].error + .placeholder, .sop.sop .portlet-custom input[type="time"].error + .placeholder, .sop.sop .portlet-custom input[type="url"].error + .placeholder, .sop.sop .portlet-custom .input-text.error + .placeholder {
  color: #ea1b27;
}
/* line 167, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop .portlet-custom .sop-input-text.error, .sop .portlet-custom input[type="text"].error, .sop .portlet-custom input[type="password"].error, .sop .portlet-custom input[type="date"].error, .sop .portlet-custom input[type="datetime"].error, .sop .portlet-custom input[type="email"].error, .sop .portlet-custom input[type="number"].error, .sop .portlet-custom input[type="search"].error, .sop .portlet-custom input[type="tel"].error, .sop .portlet-custom input[type="time"].error, .sop .portlet-custom input[type="url"].error, .sop .portlet-custom textarea.error, .sop .portlet-custom select.error {
  outline: none;
  border-width: 2px;
}
/* line 171, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .aui textarea {
  width: 100% !important;
}
/* line 177, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom input + .checked-valid, .sop.sop .portlet-custom input + button + .checked-valid, .sop.sop .portlet-custom textarea + .checked-valid, .sop.sop .portlet-custom textarea + button + .checked-valid, .sop.sop .portlet-custom select + .checked-valid, .sop.sop .portlet-custom select + button + .checked-valid {
  position: relative;
  display: inline-block;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom input + .checked-valid:before, .sop.sop .portlet-custom input + .checked-valid:after, .sop.sop .portlet-custom input + button + .checked-valid:before, .sop.sop .portlet-custom input + button + .checked-valid:after, .sop.sop .portlet-custom textarea + .checked-valid:before, .sop.sop .portlet-custom textarea + .checked-valid:after, .sop.sop .portlet-custom textarea + button + .checked-valid:before, .sop.sop .portlet-custom textarea + button + .checked-valid:after, .sop.sop .portlet-custom select + .checked-valid:before, .sop.sop .portlet-custom select + .checked-valid:after, .sop.sop .portlet-custom select + button + .checked-valid:before, .sop.sop .portlet-custom select + button + .checked-valid:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom input + .checked-valid:after, .sop.sop .portlet-custom input + button + .checked-valid:after, .sop.sop .portlet-custom textarea + .checked-valid:after, .sop.sop .portlet-custom textarea + button + .checked-valid:after, .sop.sop .portlet-custom select + .checked-valid:after, .sop.sop .portlet-custom select + button + .checked-valid:after {
  display: none;
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom input + .checked-valid:before, .sop.sop .portlet-custom input + .checked-valid:after, .sop.sop .portlet-custom input + button + .checked-valid:before, .sop.sop .portlet-custom input + button + .checked-valid:after, .sop.sop .portlet-custom textarea + .checked-valid:before, .sop.sop .portlet-custom textarea + .checked-valid:after, .sop.sop .portlet-custom textarea + button + .checked-valid:before, .sop.sop .portlet-custom textarea + button + .checked-valid:after, .sop.sop .portlet-custom select + .checked-valid:before, .sop.sop .portlet-custom select + .checked-valid:after, .sop.sop .portlet-custom select + button + .checked-valid:before, .sop.sop .portlet-custom select + button + .checked-valid:after {
  position: absolute;
  top: -0.15em;
}
/* line 82, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom input + .checked-valid:before, .sop.sop .portlet-custom input + button + .checked-valid:before, .sop.sop .portlet-custom textarea + .checked-valid:before, .sop.sop .portlet-custom textarea + button + .checked-valid:before, .sop.sop .portlet-custom select + .checked-valid:before, .sop.sop .portlet-custom select + button + .checked-valid:before {
  left: 0px;
}
/* line 85, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom input + .checked-valid:after, .sop.sop .portlet-custom input + button + .checked-valid:after, .sop.sop .portlet-custom textarea + .checked-valid:after, .sop.sop .portlet-custom textarea + button + .checked-valid:after, .sop.sop .portlet-custom select + .checked-valid:after, .sop.sop .portlet-custom select + button + .checked-valid:after {
  right: 0px;
}
/* line 30, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom input + .checked-valid:before, .sop.sop .portlet-custom input + button + .checked-valid:before, .sop.sop .portlet-custom textarea + .checked-valid:before, .sop.sop .portlet-custom textarea + button + .checked-valid:before, .sop.sop .portlet-custom select + .checked-valid:before, .sop.sop .portlet-custom select + button + .checked-valid:before {
  display: none !important;
}
/* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom input + .checked-valid:after, .sop.sop .portlet-custom input + button + .checked-valid:after, .sop.sop .portlet-custom textarea + .checked-valid:after, .sop.sop .portlet-custom textarea + button + .checked-valid:after, .sop.sop .portlet-custom select + .checked-valid:after, .sop.sop .portlet-custom select + button + .checked-valid:after {
  padding-left: 10px;
  display: inline-block;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom input + .checked-valid:before, .sop.sop .portlet-custom input + .checked-valid:after, .sop.sop .portlet-custom input + button + .checked-valid:before, .sop.sop .portlet-custom input + button + .checked-valid:after, .sop.sop .portlet-custom textarea + .checked-valid:before, .sop.sop .portlet-custom textarea + .checked-valid:after, .sop.sop .portlet-custom textarea + button + .checked-valid:before, .sop.sop .portlet-custom textarea + button + .checked-valid:after, .sop.sop .portlet-custom select + .checked-valid:before, .sop.sop .portlet-custom select + .checked-valid:after, .sop.sop .portlet-custom select + button + .checked-valid:before, .sop.sop .portlet-custom select + button + .checked-valid:after {
  right: -40px;
  top: -15px;
  color: #007834;
}
/* line 189, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom input.validate-password + .checked-valid, .sop.sop .portlet-custom textarea.validate-password + .checked-valid, .sop.sop .portlet-custom select.validate-password + .checked-valid {
  display: none;
}
/* line 195, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form {
  /*input, textarea, .custom-select, button.o-btn {
      margin-top: size($inputMarginTop + 23, $relUnit);
      .fontresizer-200 & {
          margin-top: size($inputMarginTop + 19, $relUnit);
      }
  }*/
}
/* line 196, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form label {
  display: block;
}
/* line 198, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form label + input, .sop.sop .portlet-custom form label + textarea, .sop.sop .portlet-custom form label + .custom-select, .sop.sop .portlet-custom form label + button.o-btn, .sop.sop .portlet-custom form label + .datepicker > input {
  margin-top: 0.64286em;
}
/* line 200, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.fontresizer-200 .sop.sop .portlet-custom form label + input, .fontresizer-200 .sop.sop .portlet-custom form label + textarea, .fontresizer-200 .sop.sop .portlet-custom form label + .custom-select, .fontresizer-200 .sop.sop .portlet-custom form label + button.o-btn, .fontresizer-200 .sop.sop .portlet-custom form label + .datepicker > input {
  margin-top: 0.64286em;
}
/* line 212, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form hr {
  margin: 28px 0 21px;
}
/* line 216, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .b-row.b-table-row.f-row {
  margin-left: -20px;
  margin-right: -20px;
}
/* line 219, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .b-row.b-table-row.f-row .b-column {
  vertical-align: middle;
}
/* line 222, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .b-row.b-table-row.f-row label {
  margin-top: 0;
}
/* line 225, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .b-row.b-table-row.f-row .o-btn {
  width: 100%;
}
/* line 231, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .f-row label, .sop.sop .portlet-custom form .f-row .label {
  display: block;
  max-width: 100%;
  margin-top: 0px;
}
/* line 236, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .f-row input, .sop.sop .portlet-custom form .f-row textarea, .sop.sop .portlet-custom form .f-row .custom-select, .sop.sop .portlet-custom form .f-row button.o-btn {
  margin-top: 0px;
}
/* line 239, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .f-row .msg {
  margin-bottom: 5px;
  font-size: 1em;
}
/* line 245, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .b-table-row label, .sop.sop .portlet-custom form .b-table-row .label {
  margin-top: 0.64286em;
}
/* line 248, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .b-table-row input, .sop.sop .portlet-custom form .b-table-row textarea, .sop.sop .portlet-custom form .b-table-row .custom-select, .sop.sop .portlet-custom form .b-table-row button.o-btn {
  margin-top: 0.64286em;
}
/* line 254, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form fieldset legend {
  padding-bottom: 17px;
  width: auto;
}
/* line 261, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .input-postfix {
  display: block;
  position: relative;
}
/* line 265, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .input-postfix.with-brd .input-postfix__content {
  width: 4.28571em;
  padding-right: 1.42857em;
}
/* line 268, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .input-postfix.with-brd .input-postfix__content:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 32px;
  margin-top: -16px;
  border-right: 1px solid #e6e6e6;
  right: 20px;
}
/* line 281, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .input-postfix input.error + .input-postfix__content, .sop.sop .portlet-custom .input-postfix input.error + .checked-valid + .input-postfix__content {
  color: #ea1b27;
}
/* line 286, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .input-postfix .input-postfix__content {
  position: absolute;
  width: 2.85714em;
  text-align: center;
  bottom: 1px;
  right: 4px;
  margin-top: 9;
  font-size: 1em;
  color: #007834;
  padding: 11px 0px 11px;
  text-transform: uppercase;
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 286, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
  .sop.sop .portlet-custom .input-postfix .input-postfix__content {
    font-size: 16px;
  }
}
/* line 302, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.fontresizer-200 .sop.sop .portlet-custom .input-postfix .input-postfix__content {
  padding: 0;
}
/* line 306, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .input-postfix input[type="text"] {
  padding-right: 2.85714em;
}
/* line 308, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .input-postfix input[type="text"][readonly] {
  padding-top: 0;
}
/* line 316, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .msg {
  margin: 0.5em 0em 0em 0em;
}
/* line 318, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .msg + .msg, .sop.sop .portlet-custom form .msg.b-v-error.visible + .msg {
  margin-top: 0px;
}
/* line 321, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .msg.b-v-error + .msg {
  margin-top: 0.71429em;
}
/* line 324, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .msg.error:before, .sop.sop .portlet-custom form .msg.error:after {
  top: 50%;
}
/* line 329, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .msg-counter {
  margin: 0.5em 0em 0em 0em;
}
/* line 335, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .condition-list + .condition-list {
  margin-top: 10px;
}
/* line 341, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .condition-list .condition .description {
  color: #ea1b27;
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 346, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .condition-list .condition .required {
  position: relative;
  overflow: hidden;
  min-height: 14px;
  vertical-align: middle;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom form .condition-list .condition .required:before, .sop.sop .portlet-custom form .condition-list .condition .required:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom form .condition-list .condition .required:after {
  display: none;
}
/* line 30, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom form .condition-list .condition .required:before {
  display: none !important;
}
/* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom form .condition-list .condition .required:after {
  padding-left: 10px;
  display: inline-block;
}
/* line 66, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom form .condition-list .condition .required:before, .sop.sop .portlet-custom form .condition-list .condition .required:after {
  margin: 0px;
  padding: 0px;
  line-height: 1em;
}
/* line 71, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom form .condition-list .condition .required > span {
  text-indent: -9999px;
  display: inline-block;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom form .condition-list .condition .required:before, .sop.sop .portlet-custom form .condition-list .condition .required:after {
  color: #007834;
  top: 0;
}
/* line 357, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom form .condition-list .condition.checked .description {
  color: #10171f;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
}
/* line 369, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .custom-fileinput input[type=file] {
  top: 0;
  height: 50px !important;
}
/* line 374, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .custom-fileinput__button {
  border: none;
  background: transparent;
  padding: 11px 10px 8px 27px !important;
  line-height: 42px;
}
/* line 379, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .custom-fileinput__button:before {
  content: "\e822";
  font-size: 53px;
  top: 3px;
  left: -15px;
  right: 0;
  margin-top: 0;
  width: 15px;
  line-height: 42px;
}
/* line 390, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_forms.scss */
.sop.sop .portlet-custom .custom-fileinput__text {
  border: transparent;
  background: transparent;
}

/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_validation.scss */
.sop .portlet-custom .b-v-error {
  display: none !important;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_validation.scss */
.sop .portlet-custom .b-v-error.visible {
  display: block !important;
}
/* line 15, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_validation.scss */
.sop .portlet-custom .hide-errors .b-v-error.visible, .sop .portlet-custom .hide-errors ~ .b-v-error.visible {
  display: none !important;
}
/* line 18, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_validation.scss */
.sop .portlet-custom .b-main-v-error {
  border-bottom: none;
  padding: 0px;
  margin: 0px;
}

/* line 100, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=blue][class*=top] {
  border-top-color: #0b1e34;
}
/* line 103, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=blue][class*=bottom] {
  border-bottom-color: #0b1e34;
}
/* line 106, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=blue][class*=left] {
  border-left-color: #0b1e34;
}
/* line 109, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=blue][class*=right] {
  border-right-color: #0b1e34;
}
/* line 100, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=grey][class*=top] {
  border-top-color: #e6e6e6;
}
/* line 103, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=grey][class*=bottom] {
  border-bottom-color: #e6e6e6;
}
/* line 106, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=grey][class*=left] {
  border-left-color: #e6e6e6;
}
/* line 109, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=grey][class*=right] {
  border-right-color: #e6e6e6;
}
/* line 100, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=fff][class*=top] {
  border-top-color: white;
}
/* line 103, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=fff][class*=bottom] {
  border-bottom-color: white;
}
/* line 106, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=fff][class*=left] {
  border-left-color: white;
}
/* line 109, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep][class*=fff][class*=right] {
  border-right-color: white;
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-s-top] {
  border-top: 1px #c3c5c6 solid;
  margin-top: 12px !important;
  padding-top: 15px !important;
}
/* line 122, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-s-bottom] {
  border-bottom: 1px #c3c5c6 solid;
  margin-bottom: 12px !important;
  padding-bottom: 15px !important;
}
/* line 127, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-s-left] {
  border-left: 1px #c3c5c6 solid;
  padding-left: 15px !important;
}
/* line 132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-s-right] {
  border-right: 1px #c3c5c6 solid;
  padding-right: 15px !important;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr[class*=b-sep-s-top] {
  padding: 0 !important;
  margin-bottom: 15px !important;
}
/* line 142, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr[class*=b-sep-s-bottom] {
  padding: 0 !important;
  margin-top: 15px !important;
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-m-top] {
  border-top: 1px #c3c5c6 solid;
  margin-top: 22px !important;
  padding-top: 25px !important;
}
/* line 122, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-m-bottom] {
  border-bottom: 1px #c3c5c6 solid;
  margin-bottom: 22px !important;
  padding-bottom: 25px !important;
}
/* line 127, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-m-left] {
  border-left: 1px #c3c5c6 solid;
  padding-left: 25px !important;
}
/* line 132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-m-right] {
  border-right: 1px #c3c5c6 solid;
  padding-right: 25px !important;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr[class*=b-sep-m-top] {
  padding: 0 !important;
  margin-bottom: 25px !important;
}
/* line 142, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr[class*=b-sep-m-bottom] {
  padding: 0 !important;
  margin-top: 25px !important;
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-l-top] {
  border-top: 1px #c3c5c6 solid;
  margin-top: 28px !important;
  padding-top: 42px !important;
}
/* line 122, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-l-bottom] {
  border-bottom: 1px #c3c5c6 solid;
  margin-bottom: 28px !important;
  padding-bottom: 42px !important;
}
/* line 127, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-l-left] {
  border-left: 1px #c3c5c6 solid;
  padding-left: 42px !important;
}
/* line 132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-l-right] {
  border-right: 1px #c3c5c6 solid;
  padding-right: 42px !important;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr[class*=b-sep-l-top] {
  padding: 0 !important;
  margin-bottom: 42px !important;
}
/* line 142, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr[class*=b-sep-l-bottom] {
  padding: 0 !important;
  margin-top: 42px !important;
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-transparent-top] {
  border-top: 1px #c3c5c6 solid;
  margin-top: "" !important;
  padding-top: "" !important;
}
/* line 122, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-transparent-bottom] {
  border-bottom: 1px #c3c5c6 solid;
  margin-bottom: "" !important;
  padding-bottom: "" !important;
}
/* line 127, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-transparent-left] {
  border-left: 1px #c3c5c6 solid;
  padding-left: "" !important;
}
/* line 132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom [class*=b-sep-transparent-right] {
  border-right: 1px #c3c5c6 solid;
  padding-right: "" !important;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr[class*=b-sep-transparent-top] {
  padding: 0 !important;
  margin-bottom: "" !important;
}
/* line 142, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr[class*=b-sep-transparent-bottom] {
  padding: 0 !important;
  margin-top: "" !important;
}

/* line 160, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  clear: both;
  display: block;
  height: 0;
  border: 0;
}
/* line 167, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr.sop-custom-hr-line {
  border-top: 1px #cccccc solid;
}
/* line 171, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom hr.sop-custom-hr-space {
  padding: 10px 0;
}
/* line 177, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom .sop-separator {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px #cccccc solid;
}
/* line 182, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_separators.scss */
.sop .portlet-custom .sop-separator.size-2x {
  margin: 0;
  padding: 5px 0;
}

/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-padded {
  padding-top: 2.14286em;
  padding-bottom: 2.14286em;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-padded-b {
  padding-bottom: 2.14286em;
}
/* line 16, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-padded-xl {
  padding-top: 3.57143em;
  padding-bottom: 4.28571em;
}
/* line 21, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-padded-b-xl {
  padding-bottom: 3.21429em;
}
/* line 25, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-padded-xxl {
  padding-top: 4.28571em;
  padding-bottom: 4.28571em;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 29, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
  .sop.sop .section-padded-xxl:not(.no-rwd) {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 35, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
  .sop.sop .section-padded-xxl:not(.no-rwd) {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
/* line 42, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-padded-msg {
  padding-top: 3.21429em;
  padding-bottom: 1.42857em;
}
/* line 48, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-heading h2 {
  padding-top: 3.21429em;
  padding-bottom: 1.42857em;
}
/* line 53, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-heading.heading-with-sep h1, .sop.sop .section-heading.heading-with-sep h2, .sop.sop .section-heading.heading-with-sep h3, .sop.sop .section-heading.heading-with-sep h4, .sop.sop .section-heading.heading-with-sep h5 {
  padding-bottom: 0;
}
/* line 58, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-heading.heading-first h1, .sop.sop .section-heading.heading-first h2, .sop.sop .section-heading.heading-first h3, .sop.sop .section-heading.heading-first h4, .sop.sop .section-heading.heading-first h5 {
  padding-top: 0;
}
/* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_section.scss */
.sop.sop .section-messages {
  padding-top: 1.42857em;
}

/* line 48, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table {
  width: 100%;
  border-collapse: collapse;
}
/* line 55, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table td, .sop .portlet-custom table th {
  padding: 10px;
  vertical-align: top;
  color: #10171f;
}
/* line 62, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table thead th {
  background: #f7f7f7;
  color: #10171f;
  text-align: left;
}
/* line 70, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table tbody th:only-child, .sop .portlet-custom table tbody th.only {
  background: #0b1e34;
  color: white;
}
/* line 74, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table tbody th td, .sop .portlet-custom table tbody th tr {
  border-bottom: none;
  border-top: none;
}
/* line 80, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table tfoot th:only-of-type {
  text-align: right;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table tbody:first-child, .sop .portlet-custom table caption + tbody {
  border-top: 1px #cccccc solid;
}
/* line 89, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table caption span {
  display: block;
  background: #333333;
  color: white;
  text-align: center;
  padding: 10px 10px 10px 10px;
}
/* line 104, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table .no-border td {
  border: 0 none;
}
/* line 113, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table thead a {
  color: #10171f;
}
/* line 115, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table thead a[class*="sort-"] {
  position: relative;
  display: inline-block;
  display: block;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a[class*="sort-"]:before, .sop .portlet-custom table thead a[class*="sort-"]:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a[class*="sort-"]:after {
  display: none;
}
/* line 30, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a[class*="sort-"]:before {
  display: none !important;
}
/* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a[class*="sort-"]:after {
  padding-left: 10px;
  display: inline-block;
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a[class*="sort-"]:before, .sop .portlet-custom table thead a[class*="sort-"]:after {
  position: absolute;
  top: -0.15em;
}
/* line 82, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a[class*="sort-"]:before {
  left: 0px;
}
/* line 85, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a[class*="sort-"]:after {
  right: 0px;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a[class*="sort-"]:before, .sop .portlet-custom table thead a[class*="sort-"]:after {
  font-size: 14px;
  top: 0;
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a.sort-up:before, .sop .portlet-custom table thead a.sort-up:after {
  content: "\e81a";
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table thead a.sort-down:before, .sop .portlet-custom table thead a.sort-down:after {
  content: "\e812";
}
/* line 134, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table td > .sort-wrapper, .sop .portlet-custom table th > .sort-wrapper {
  position: relative;
  padding-right: 20px;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table td a.link-sort, .sop .portlet-custom table th a.link-sort {
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  overflow: hidden;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom table td a.link-sort[class*=b-icon]:before, .sop .portlet-custom table td a.link-sort[class*=b-icon]:after, .sop .portlet-custom table th a.link-sort[class*=b-icon]:before, .sop .portlet-custom table th a.link-sort[class*=b-icon]:after {
  font-size: 16px;
}
/* line 148, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom table td a.link-sort[class*=b-icon]:focus, .sop .portlet-custom table th a.link-sort[class*=b-icon]:focus {
  outline-offset: 3px !important;
}
/* line 156, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom .sop-custom-table, .sop.sop .portlet-custom .sop-cms table, .sop.sop .sop-cms .portlet-custom table {
  background-color: white;
}
/* line 159, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_tables.scss */
.sop .portlet-custom .sop-custom-table td, .sop.sop .portlet-custom .sop-cms table td, .sop.sop .sop-cms .portlet-custom table td, .sop .portlet-custom .sop-custom-table th, .sop.sop .portlet-custom .sop-cms table th, .sop.sop .sop-cms .portlet-custom table th {
  border: 1px solid #cccccc;
}

/* line 24, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast.ie9 .sop.sop .custom-select:after {
  content: url("../img/ie8/select-contrast.png") !important;
  background-color: transparent !important;
}
/* line 32, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast.ie9 .sop.sop .sop-header li.sop-header__tools-language .custom-select:after {
  content: url("../img/ie8/arrow-down-contrast.png") !important;
}
/* line 41, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast.ie9 .sop.sop .radio-label .sop-custom-input.sop-radio {
  background-image: url("../img/ie8/radio-contrast.png") !important;
}
/* line 47, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast.ie9 .sop.sop .checkbox-label .sop-custom-input {
  border-color: yellow !important;
}
/* line 49, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast.ie9 .sop.sop .checkbox-label .sop-custom-input.sop-checkbox {
  background-color: black !important;
}
/* line 54, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast.ie9 .sop.sop .checkbox-label .sop-custom-input.sop-checkbox.sop-checked .sop-checkbox-inner:before {
  color: yellow;
}
/* line 65, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast.ie9 .sop.sop .sop-cms ul li:before {
  background: url(../img/ie8/bullet-contrast.png) no-repeat center center;
}
/* line 77, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast.ie9 .fontresizer-200 .sop.sop .sop-header li.sop-header__tools-language .custom-select:after {
  content: url("../img/ie8/arrow-down-bigger-contrast.png") !important;
}

/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast {
  background: black;
}
/* line 91, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast body {
  background: black;
}
/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_project-scope.scss */
.sop-high-contrast .sop.sop {
  background-color: black !important;
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
  /*---------------------------------------------------------------*/
}
/* line 98, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop * {
  background-image: none;
  background-color: transparent;
  border-color: #7e7e7e !important;
}
/* line 105, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop a, .sop-high-contrast .sop.sop a:hover {
  color: yellow !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop a:before, .sop-high-contrast .sop.sop a:after, .sop-high-contrast .sop.sop a:hover:before, .sop-high-contrast .sop.sop a:hover:after {
  color: yellow !important;
}
/* line 114, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop h1, .sop-high-contrast .sop.sop .h1, .sop-high-contrast .sop.sop h2, .sop-high-contrast .sop.sop .h2, .sop-high-contrast .sop.sop h3, .sop-high-contrast .sop.sop .h3, .sop-high-contrast .sop.sop h4, .sop-high-contrast .sop.sop .h4, .sop-high-contrast .sop.sop h5, .sop-high-contrast .sop.sop .h5, .sop-high-contrast .sop.sop h6, .sop-high-contrast .sop.sop .h6, .sop-high-contrast .sop.sop p, .sop-high-contrast .sop.sop li, .sop-high-contrast .sop.sop label {
  color: white !important;
}
/* line 118, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop input, .sop-high-contrast .sop.sop textarea, .sop-high-contrast .sop.sop select {
  color: white;
  background-color: black !important;
  border-color: yellow !important;
}
/* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop-high-contrast .sop.sop input::-webkit-input-placeholder, .sop-high-contrast .sop.sop textarea::-webkit-input-placeholder, .sop-high-contrast .sop.sop select::-webkit-input-placeholder {
  color: white !important;
}
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop-high-contrast .sop.sop input:-moz-placeholder, .sop-high-contrast .sop.sop textarea:-moz-placeholder, .sop-high-contrast .sop.sop select:-moz-placeholder {
  opacity: 1 !important;
  color: white !important;
}
/* line 8, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop-high-contrast .sop.sop input::-moz-placeholder, .sop-high-contrast .sop.sop textarea::-moz-placeholder, .sop-high-contrast .sop.sop select::-moz-placeholder {
  opacity: 1 !important;
  color: white !important;
}
/* line 9, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop-high-contrast .sop.sop input:-ms-input-placeholder, .sop-high-contrast .sop.sop textarea:-ms-input-placeholder, .sop-high-contrast .sop.sop select:-ms-input-placeholder {
  color: white !important;
}
/* line 125, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop input.error, .sop-high-contrast .sop.sop textarea.error, .sop-high-contrast .sop.sop select.error {
  border-color: #ff3ef9 !important;
}
/* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop-high-contrast .sop.sop input.error::-webkit-input-placeholder, .sop-high-contrast .sop.sop textarea.error::-webkit-input-placeholder, .sop-high-contrast .sop.sop select.error::-webkit-input-placeholder {
  color: #ff3ef9 !important;
}
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop-high-contrast .sop.sop input.error:-moz-placeholder, .sop-high-contrast .sop.sop textarea.error:-moz-placeholder, .sop-high-contrast .sop.sop select.error:-moz-placeholder {
  opacity: 1 !important;
  color: #ff3ef9 !important;
}
/* line 8, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop-high-contrast .sop.sop input.error::-moz-placeholder, .sop-high-contrast .sop.sop textarea.error::-moz-placeholder, .sop-high-contrast .sop.sop select.error::-moz-placeholder {
  opacity: 1 !important;
  color: #ff3ef9 !important;
}
/* line 9, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_placeholder.scss */
.sop-high-contrast .sop.sop input.error:-ms-input-placeholder, .sop-high-contrast .sop.sop textarea.error:-ms-input-placeholder, .sop-high-contrast .sop.sop select.error:-ms-input-placeholder {
  color: #ff3ef9 !important;
}
/* line 130, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop input.error + .placeholder, .sop-high-contrast .sop.sop textarea.error + .placeholder, .sop-high-contrast .sop.sop select.error + .placeholder {
  color: #ff3ef9 !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop input + .checked-valid:before, .sop-high-contrast .sop.sop input + .checked-valid:after, .sop-high-contrast .sop.sop input + button + .checked-valid:before, .sop-high-contrast .sop.sop input + button + .checked-valid:after, .sop-high-contrast .sop.sop textarea + .checked-valid:before, .sop-high-contrast .sop.sop textarea + .checked-valid:after, .sop-high-contrast .sop.sop textarea + button + .checked-valid:before, .sop-high-contrast .sop.sop textarea + button + .checked-valid:after, .sop-high-contrast .sop.sop select + .checked-valid:before, .sop-high-contrast .sop.sop select + .checked-valid:after, .sop-high-contrast .sop.sop select + button + .checked-valid:before, .sop-high-contrast .sop.sop select + button + .checked-valid:after {
  color: white;
}
/* line 142, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .msg.error {
  color: #ff3ef9;
}
/* line 147, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .input-postfix span {
  color: white;
}
/* line 151, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .input-postfix input.error + .checked-valid + .input-postfix__content {
  color: #ff3ef9;
}
/* line 156, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop select {
  color: yellow !important;
}
/* line 161, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .custom-select:after {
  color: yellow;
  background: black !important;
}
/* line 168, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .o-btn {
  border-color: transparent !important;
  background-color: yellow !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .o-btn:before, .sop-high-contrast .sop.sop .o-btn:after {
  color: black !important;
}
/* line 174, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .o-btn span {
  color: black !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .o-btn:hover:before, .sop-high-contrast .sop.sop .o-btn:hover:after {
  color: black !important;
}
/* line 184, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop hr {
  background-color: #7e7e7e !important;
}
/* line 188, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .g-border-thick-r, .sop-high-contrast .sop.sop .g-border-thick-l, .sop-high-contrast .sop.sop .g-border-thick-t, .sop-high-contrast .sop.sop .g-border-thick-b {
  border-color: yellow !important;
}
/* line 194, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop table.sop-custom-table th, .sop-high-contrast .sop.sop .sop-cms table th, .sop-high-contrast .sop.sop table.sop-cms table th {
  background-color: #222222 !important;
}
/* line 197, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop table.sop-custom-table th, .sop-high-contrast .sop.sop .sop-cms table th, .sop-high-contrast .sop.sop table.sop-custom-table td, .sop-high-contrast .sop.sop .sop-cms table td, .sop-high-contrast .sop.sop table.sop-cms table th, .sop-high-contrast .sop.sop table.sop-cms table td {
  color: white;
}
/* line 204, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .link__arrow, .sop-high-contrast .sop.sop .link__arrow:hover {
  color: yellow !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .link__arrow:before, .sop-high-contrast .sop.sop .link__arrow:after, .sop-high-contrast .sop.sop .link__arrow:hover:before, .sop-high-contrast .sop.sop .link__arrow:hover:after {
  color: yellow !important;
}
/* line 212, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-picture-link-text {
  color: yellow;
  background-color: #181818;
  border: 1px solid;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-picture-link-text:before, .sop-high-contrast .sop.sop .sop-picture-link-text:after {
  color: yellow !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-header [class*=b-icon-]:before, .sop-high-contrast .sop.sop .sop-header [class*=b-icon-]:after, .sop-high-contrast .sop.sop .sop-header [class*=b-icon-]:hover:before, .sop-high-contrast .sop.sop .sop-header [class*=b-icon-]:hover:after {
  color: yellow !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-header .o-btn:before, .sop-high-contrast .sop.sop .sop-header .o-btn:after {
  color: black !important;
}
/* line 240, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-header .custom-select:after {
  background-color: black !important;
}
/* line 244, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-header .sop-header__title-normal {
  display: none;
}
/* line 247, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-header .sop-header__title-contrast {
  display: block;
}
/* line 255, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-footer {
  border-top: 1px solid #7e7e7e;
}
/* line 257, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-footer, .sop-high-contrast .sop.sop .sop-footer .l-row {
  background-color: #181818 !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-footer .sop-footer__list [class*=b-icon-]:before, .sop-high-contrast .sop.sop .sop-footer .sop-footer__list [class*=b-icon-]:after, .sop-high-contrast .sop.sop .sop-footer .sop-footer__list [class*=b-icon-]:hover:before, .sop-high-contrast .sop.sop .sop-footer .sop-footer__list [class*=b-icon-]:hover:after {
  color: white !important;
}
/* line 271, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-footer .sop-list a:before {
  color: yellow !important;
}
/* line 279, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-footer__go-top:hover:after, .sop-high-contrast .sop.sop .sop-footer__go-top:after {
  color: yellow !important;
}
/* line 286, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-breadcrumbs-row {
  background-color: #222222 !important;
}
/* line 293, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-side-menu a {
  height: 45px;
}
/* line 298, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-side-menu li.active > .menu__item-wrapper, .sop-high-contrast .sop.sop .sop-side-menu li.active-parent > .menu__item-wrapper {
  background-color: transparent !important;
  border: 7px solid yellow !important;
}
/* line 304, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-side-menu .menu__item-wrapper {
  border: 7px solid transparent !important;
  transition: border-color 0.2s ease;
}
/* line 307, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-side-menu .menu__item-wrapper:hover {
  background-color: transparent !important;
  border-color: yellow !important;
}
/* line 317, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .link__arrow > span {
  color: yellow;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .link__arrow > span:before, .sop-high-contrast .sop.sop .link__arrow > span:after {
  color: yellow !important;
}
/* line 327, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-link-boxes {
  border-top: 1px solid #7e7e7e;
}
/* line 329, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-link-boxes, .sop-high-contrast .sop.sop .sop-link-boxes .l-row {
  background-color: #222222;
}
/* line 332, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-link-boxes .link-box__link {
  background-color: #222222;
}
/* line 334, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-link-boxes .link-box__link:hover {
  background-color: black;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-link-boxes [class*=b-icon-]:before, .sop-high-contrast .sop.sop .sop-link-boxes [class*=b-icon-]:after, .sop-high-contrast .sop.sop .sop-link-boxes [class*=b-icon-]:hover:before, .sop-high-contrast .sop.sop .sop-link-boxes [class*=b-icon-]:hover:after {
  color: white !important;
}
/* line 350, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-expandable-boxes, .sop-high-contrast .sop.sop .sop-expandable-boxes .l-row {
  background-color: #222222;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-icon:before, .sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-icon:after {
  color: yellow !important;
}
/* line 359, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.fontresizer-200 .sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item {
  word-break: break-word;
}
/* line 363, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item > a {
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}
/* line 366, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item > a.active, .sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item > a:hover {
  border-left: 1px solid #7e7e7e !important;
  border-right: 1px solid #7e7e7e !important;
  background-color: black;
}
/* line 374, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item + .expandable-boxes__item > a {
  border-left: 1px solid #7e7e7e !important;
}
/* line 379, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-content {
  background-color: black;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-contact [class*=b-icon]:before, .sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-contact [class*=b-icon]:after, .sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-contact [class*=b-icon]:hover:before, .sop-high-contrast .sop.sop .sop-expandable-boxes .expandable-boxes__item-contact [class*=b-icon]:hover:after {
  color: white !important;
}
/* line 395, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-login-box {
  background: #2e2e2e !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-login-box [class*=b-icon-before-block]:before, .sop-high-contrast .sop.sop .sop-login-box [class*=b-icon-before-block]:after, .sop-high-contrast .sop.sop .sop-login-box [class*=b-icon-before-block]:hover:before, .sop-high-contrast .sop.sop .sop-login-box [class*=b-icon-before-block]:hover:after {
  color: white !important;
}
/* line 405, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-login-box a span {
  color: yellow;
}
/* line 414, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-gallery .gallery__pager {
  background-color: black;
  border-color: yellow !important;
}
/* line 417, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-gallery .gallery__pager li {
  background-color: transparent !important;
  padding: 16px 18px 9px 15px !important;
  border: 7px solid transparent !important;
}
/* line 421, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-gallery .gallery__pager li.active, .sop-high-contrast .sop.sop .sop-gallery .gallery__pager li:hover {
  border: 7px solid yellow !important;
}
/* line 431, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__btn-wrapper {
  margin: 5px;
}
/* line 434, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1 {
  border-color: #2e2e2e !important;
}
/* line 436, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.selected {
  border-color: yellow !important;
}
/* line 439, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.js-hover, .sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.nav__li--focus {
  border-color: yellow !important;
}
/* line 441, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.js-hover .nav__li--lvl1-link, .sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1.nav__li--focus .nav__li--lvl1-link {
  background-color: black !important;
  border-color: yellow !important;
}
/* line 447, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl1-link {
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
/* line 451, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__lvl2, .sop-high-contrast .sop.sop .sop-nav .nav__child--lvl2 {
  background-color: black !important;
  border-color: yellow !important;
}
/* line 457, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl2:hover .nav__li--lvl2-link, .sop-high-contrast .sop.sop .sop-nav .nav__li--lvl2.js-hover .nav__li--lvl2-link, .sop-high-contrast .sop.sop .sop-nav .nav__li--lvl2.nav__li--focus .nav__li--lvl2-link {
  border: 7px solid transparent !important;
  border-color: yellow !important;
  padding: 0 13px;
}
/* line 464, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__child--lvl2 {
  padding: 0;
  border: 13px solid;
}
/* line 468, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl2-label {
  background-color: black !important;
}
/* line 472, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3-label:hover {
  background-color: yellow !important;
}
/* line 476, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3-link {
  background-color: transparent !important;
  color: yellow !important;
  padding: 0 14px;
}
/* line 480, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3-link:hover {
  border: 7px solid yellow !important;
  border-top-width: 8px !important;
  padding: 0 7px;
}
/* line 484, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3-link:hover.g-border-b {
  border-bottom-width: 8px !important;
}
/* line 490, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3:hover {
  background-color: transparent !important;
}
/* line 495, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .nav__li--lvl3:first-child .nav__li--lvl3-link:hover {
  border-top-width: 6px !important;
}
/* line 501, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-nav .sop-nav__article {
  padding: 30px;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-nav .sop-nav__article:before, .sop-high-contrast .sop.sop .sop-nav .sop-nav__article:after {
  color: white;
}
/* line 512, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-tabs .tabs__item-link {
  border-color: #2e2e2e !important;
}
/* line 514, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-tabs .tabs__item-link.active, .sop-high-contrast .sop.sop .sop-tabs .tabs__item-link:hover {
  border-color: yellow !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-pagination__prev a:before, .sop-high-contrast .sop.sop .sop-pagination__prev a:after, .sop-high-contrast .sop.sop .sop-pagination__next a:before, .sop-high-contrast .sop.sop .sop-pagination__next a:after {
  color: yellow !important;
}
/* line 531, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-pagination__item a {
  color: yellow !important;
}
/* line 533, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-pagination__item a:hover, .sop-high-contrast .sop.sop .sop-pagination__item a.page-selected {
  color: black !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-pagination__item a:before, .sop-high-contrast .sop.sop .sop-pagination__item a:after {
  color: yellow !important;
}
/* line 545, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-cms, .sop-high-contrast .sop.sop .sop-cms p, .sop-high-contrast .sop.sop .sop-cms li, .sop-high-contrast .sop.sop .sop-cms span, .sop-high-contrast .sop.sop .sop-cms a {
  color: white;
}
/* line 550, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-cms ul li:before {
  background: white;
}
/* line 16, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_support-b.scss */
.ie8 .sop-high-contrast .sop.sop .sop-cms ul li:before {
  background: url(../img/ie8/bullet-contrast.png) no-repeat center center;
}
/* line 563, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-datepicker__wrapper .ui-datepicker {
  background-color: black !important;
}
/* line 566, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-datepicker__wrapper .ui-datepicker-header {
  background-color: #2e2e2e !important;
}
/* line 570, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar th {
  background-color: #222222 !important;
}
/* line 572, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar th span {
  color: white !important;
}
/* line 576, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td {
  background-color: transparent !important;
}
/* line 580, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-unselectable span {
  color: white !important;
}
/* line 584, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-current-day {
  background-color: yellow !important;
}
/* line 586, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-current-day a {
  color: black !important;
}
/* line 594, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop button.ui-datepicker-trigger, .sop-high-contrast .sop.sop button.ui-datepicker-trigger:after {
  color: yellow;
}
/* line 601, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .datepicker input.error + .checked-valid + button.ui-datepicker-trigger, .sop-high-contrast .sop.sop .datepicker input.error + .checked-valid + button.ui-datepicker-trigger:after {
  color: #ff3ef9;
}
/* line 613, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-dictionary .dictionary__alphabet-list li span a {
  border-color: transparent !important;
}
/* line 615, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-dictionary .dictionary__alphabet-list li span a:hover {
  border-color: yellow !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop form [class*=b-icon-]:before, .sop-high-contrast .sop.sop form [class*=b-icon-]:after {
  color: yellow !important;
}
/* line 637, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .radio-label .sop-ci:before, .sop-high-contrast .sop.sop .checkbox-label .sop-ci:before {
  background-color: black !important;
  border-color: yellow !important;
}
/* line 642, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .radio-label .sop-ci-label, .sop-high-contrast .sop.sop .checkbox-label .sop-ci-label {
  color: yellow;
}
/* line 648, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .checkbox-label .sop-ci:after {
  color: yellow !important;
}
/* line 655, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .radio-label .sop-ci:after {
  background-color: yellow !important;
}
/* line 665, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .condition-list .condition .description {
  color: #ff3ef9 !important;
}
/* line 669, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .condition-list .condition.checked .description {
  color: white !important;
}
/* line 678, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .o-skiplinks__link:focus {
  background-color: #2e2e2e;
}
/* line 685, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .tabs__item-content li:hover {
  background-color: #2e2e2e;
}
/* line 694, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-content-list ul li:hover {
  background-color: #2e2e2e;
}
/* line 702, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-content-list ul li.active {
  background-color: #2e2e2e !important;
}
/* line 710, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .error__white-bg {
  background: black !important;
}
/* line 714, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .error__gray-bg {
  background: #2e2e2e !important;
}
/* line 718, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .search__match-word {
  color: #2e2e2e;
}
/* line 724, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .btn-grey span::before {
  color: black !important;
}
/* line 733, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-audio-player a, .sop-high-contrast .sop.sop .sop-audio-player a:hover {
  background-color: yellow;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop-high-contrast .sop.sop .sop-audio-player a:before, .sop-high-contrast .sop.sop .sop-audio-player a:after, .sop-high-contrast .sop.sop .sop-audio-player a:hover:before, .sop-high-contrast .sop.sop .sop-audio-player a:hover:after {
  color: black !important;
}
/* line 745, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-header__search-button:hover {
  background: black !important;
  border-color: yellow !important;
}
/* line 750, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-header__search-button::before {
  color: black !important;
}
/* line 754, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_high-contrast.scss */
.sop-high-contrast .sop.sop .sop-header__search-button::before:hover {
  color: yellow;
}

/* line 21, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_icons.scss */
.sop .portlet-custom [class*="b-icon-"][class*="mobile-phone"]:after, .sop .portlet-custom [class*="b-icon-"][class*="mobile-phone"]:before, .sop .portlet-custom [class*="b-icon-"][class*="add"]:after, .sop .portlet-custom [class*="b-icon-"][class*="add"]:before, .sop .portlet-custom [class*="b-icon-"][class*="car"]:after, .sop .portlet-custom [class*="b-icon-"][class*="car"]:before, .sop .portlet-custom [class*="b-icon-"][class*="ticket"]:after, .sop .portlet-custom [class*="b-icon-"][class*="ticket"]:before, .sop .portlet-custom [class*="b-icon-"][class*="two-tickets"]:after, .sop .portlet-custom [class*="b-icon-"][class*="two-tickets"]:before, .sop .portlet-custom [class*="b-icon-"][class*="hourglass"]:after, .sop .portlet-custom [class*="b-icon-"][class*="hourglass"]:before, .sop .portlet-custom [class*="b-icon-"][class*="bag"]:after, .sop .portlet-custom [class*="b-icon-"][class*="bag"]:before, .sop .portlet-custom [class*="b-icon-"][class*="active"]:after, .sop .portlet-custom [class*="b-icon-"][class*="active"]:before, .sop .portlet-custom [class*="b-icon-"][class*="inactive"]:after, .sop .portlet-custom [class*="b-icon-"][class*="inactive"]:before, .sop .portlet-custom [class*="b-icon-"][class*="park-and-ride"]:after, .sop .portlet-custom [class*="b-icon-"][class*="park-and-ride"]:before, .sop .portlet-custom [class*="b-icon-"][class*="events"]:after, .sop .portlet-custom [class*="b-icon-"][class*="events"]:before, .sop .portlet-custom [class*="b-icon-"][class*="university"]:after, .sop .portlet-custom [class*="b-icon-"][class*="university"]:before, .sop .portlet-custom [class*="b-icon-"][class*="cc-visa"]:after, .sop .portlet-custom [class*="b-icon-"][class*="cc-visa"]:before, .sop .portlet-custom [class*="b-icon-"][class*="cc-mastercard"]:after, .sop .portlet-custom [class*="b-icon-"][class*="cc-mastercard"]:before, .sop .portlet-custom [class*="b-icon-"][class*="single-ticket"]:after, .sop .portlet-custom [class*="b-icon-"][class*="single-ticket"]:before {
  font-size: 38px;
}

/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_ajax-cover.scss */
.sop .portlet-custom .o-cover {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEklEQVR4nGNiMIZBJgY4IMgEADJQAQp1YDArAAAAAElFTkSuQmCC');
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 501;
}
/* line 17, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_ajax-cover.scss */
.sop .portlet-custom .o-cover.o-cover-bottom {
  background-color: transparent;
  display: block;
  position: static;
  height: 1px;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
}
/* line 24, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_ajax-cover.scss */
.sop .portlet-custom .o-cover.o-cover-bottom.o-cover-bottom-appended {
  height: 40px;
}
/* line 26, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_ajax-cover.scss */
.sop .portlet-custom .o-cover.o-cover-bottom.o-cover-bottom-appended > .spinner {
  top: 50% !important;
}

/* line 55, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .msg.error, .sop .portlet-custom .msg.succ, .sop .portlet-custom .msg.warn, .sop .portlet-custom .alert-box.error, .sop .portlet-custom .alert-box.succ, .sop .portlet-custom .alert-box.warn {
  *zoom: 1;
  position: relative;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .portlet-custom .msg.error:before, .sop .portlet-custom .msg.succ:before, .sop .portlet-custom .msg.warn:before, .sop .portlet-custom .alert-box.error:before, .sop .portlet-custom .alert-box.succ:before, .sop .portlet-custom .alert-box.warn:before, .sop .portlet-custom .msg.error:after, .sop .portlet-custom .msg.succ:after, .sop .portlet-custom .msg.warn:after, .sop .portlet-custom .alert-box.error:after, .sop .portlet-custom .alert-box.succ:after, .sop .portlet-custom .alert-box.warn:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .portlet-custom .msg.error:after, .sop .portlet-custom .msg.succ:after, .sop .portlet-custom .msg.warn:after, .sop .portlet-custom .alert-box.error:after, .sop .portlet-custom .alert-box.succ:after, .sop .portlet-custom .alert-box.warn:after {
  clear: both;
}

/* line 170, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .msg.error, .sop .portlet-custom .msg.succ, .sop .portlet-custom .msg.warn {
  display: inline-block;
  font-size: 14;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
}

/* line 219, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .alert-box.error, .sop .portlet-custom .alert-box.succ, .sop .portlet-custom .alert-box.warn {
  display: block;
  font-weight: normal;
  padding: 20px 60px 20px 60px;
}
/* line 210, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .alert-box.error p, .sop .portlet-custom .alert-box.succ p, .sop .portlet-custom .alert-box.warn p {
  font-size: 16;
  margin-top: 0;
}
/* line 213, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .alert-box.error p:last-child, .sop .portlet-custom .alert-box.succ p:last-child, .sop .portlet-custom .alert-box.warn p:last-child {
  margin-bottom: 0;
}

/* line 238, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .msg.error {
  color: #ea1b27;
}
/* line 246, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .msg.succ {
  color: #bcc3ca;
}
/* line 254, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .msg.warn {
  color: #fcb94c;
}
/* line 268, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .alert-box.error {
  background-color: #ea1b27;
  color: #ea1b27;
}
/* line 276, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .alert-box.succ {
  background-color: #bcc3ca;
  color: #bcc3ca;
}
/* line 284, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .alert-box.warn {
  background-color: #fcb94c;
  color: #fcb94c;
}
/* line 293, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_alert.scss */
.sop .portlet-custom .alert-box .close {
  position: absolute;
  top: 10px;
  right: 15px;
  text-decoration: none;
  color: white;
}

/* line 60, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_breadcrumbs.scss */
.sop .portlet-custom .o-breadcrumbs {
  margin: 0;
  *zoom: 1;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .portlet-custom .o-breadcrumbs:before, .sop .portlet-custom .o-breadcrumbs:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop .portlet-custom .o-breadcrumbs:after {
  clear: both;
}
/* line 65, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_breadcrumbs.scss */
.sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path {
  padding: 0;
  margin: 0;
  background: none;
  list-style: none;
}
/* line 70, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_breadcrumbs.scss */
.sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path li {
  display: inline-block;
}
/* line 72, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_breadcrumbs.scss */
.sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path li .o-breadcrumbs__link, .sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path li .o-breadcrumbs__current {
  display: inline-block;
  font-size: 0.85714em;
}
/* line 111, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_breadcrumbs.scss */
.sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path .o-breadcrumbs__divider {
  display: none;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_breadcrumbs.scss */
.sop .portlet-custom .o-breadcrumbs .o-breadcrumbs__path li + li:before {
  content: "\003E";
  display: inline-block;
  vertical-align: middle;
  margin: 0em 0.41667em 0em 0.16667em;
}

/*
  ## Typy przycisków
  ### domyślny
    a(href="#").o-btn button

  ### akcja / submit / ok

    a(href="#").o-btn.submit
        | button
    a(href="#").o-btn.cancel
        | button
    input.o-btn(type="submit" value="button")

  ### drugorzędny

    a(href="#").o-btn.secondary
        | button
    input.o-btn.secondary(type="submit" value="button")

  ## Stany przycisków

  ### disabled
    a(href="#").o-btn.disabled
        | ok
     input.o-btn(type="submit" value="button" disabled="dsiabled")

  ## Rozmiary przcisku

    a(href="#").o-btn.shuge
        | button
    input.o-btn.huge(type="submit" value="button")

    a(href="#").o-btn.slarge
        | button
    input.o-btn.large(type="submit" value="button")

    a(href="#").o-btn.ssmall
        | button
    input.o-btn.small(type="submit" value="button")

    a(href="#").o-btn.stiny
        | button
    input.o-btn.tiny(type="submit" value="button")

  ## Rozmiary czcionki

    a(href="#").o-btn.fhuge
        | button
    input.o-btn.huge(type="submit" value="button")

    a(href="#").o-btn.flarge
        | button
    input.o-btn.large(type="submit" value="button")

    a(href="#").o-btn.fsmall
        | button
    input.o-btn.small(type="submit" value="button")

    a(href="#").o-btn.ftiny
        | button
    input.o-btn.tiny(type="submit" value="button")

  ## Inne
  ### na szerokość wiersza

    a(href="#").o-btn.expand
        | button
    input.o-btn.expand(type="submit" value="button")

  ### z gradientem

    a(href="#").o-btn.gradient
        | button

    input.o-btn.gradient(type="submit" value="button")

  ### z ikoną i tekstem

    a(href="#").o-btn.icon-before-search
        | button
    button.o-btn.icon-before-search(type="submit" value="button")
        span kliknij tutaj aby uzyskac hasło

  ### tylko z ikoną, bez tekstu

    a(href="#").o-btn.icon-only-before-search
        | button
    button.o-btn.icon-only-before-search(type="submit" value="button")
        span kliknij tutaj aby uzyskac hasło

  ### bez tła z ikonką
    a(href="#").o-btn.icon-before-search.nobg
        | button
    button.o-btn.icon-before-search.nobg(type="submit" value="button")
        span kliknij tutaj aby uzyskac hasło
*/
/* line 338, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom button {
  font-size: 1em;
}
/* line 342, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom [class^="o-btn--"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  width: auto;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto Medium";
  font-weight: bold;
  text-transform: none;
  outline: none;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  vertical-align: top;
  margin: 0em 0em 0em 0em;
}
/* line 360, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  width: auto;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto Medium";
  font-weight: bold;
  text-transform: none;
  outline: none;
  position: relative;
  text-align: left;
  text-decoration: none;
  overflow: hidden;
  vertical-align: top;
  margin: 0em 0em 0em 0em;
  font-size: 16px;
  padding: 10px 20px 10px;
  line-height: 35px;
  background-color: #ffbe00;
  color: #004887;
  text-align: left;
  border: 2px solid #ffbe00;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  padding-right: 40px;
  /*
  
          &.fhuge{
              font-size: size($buttonHugeFontSize, em);
          }
          &.flarge{
              font-size: size($buttonLargeFontSize, em);
          }
          &.fsmall{
              font-size: size($buttonSmallFontSize, em);
          }
          &.ftiny{
              font-size: size($buttonTinyFontSize, em);
          }
          &.shuge{
              padding: spacing-size($buttonHugePaddingTop $buttonHugePadding $buttonHugePaddingBottom, em);
              line-height: size($buttonHugeLineHeight, em);
          }
          &.slarge{
              padding: spacing-size($buttonLargePaddingTop, $buttonLargePadding, $buttonLargePaddingBottom, em);
              line-height: size($buttonLargeLineHeight, em);
          }
          &.ssmall{
              padding: spacing-size($buttonSmallPaddingTop, $buttonSmallPadding, $buttonSmallPaddingBottom, em);
              line-height: size($buttonSmallLineHeight, em);
          }
          &.stiny{
              padding: spacing-size($buttonTinyPaddingTop, $buttonTinyPadding, $buttonTinyPaddingBottom, em);
              line-height: size($buttonTinyLineHeight, em);
          }
  */
}
/* line 311, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn:hover, .sop .portlet-custom .o-btn:focus, .sop .portlet-custom .o-btn:active, .sop .portlet-custom .o-btn.hover {
  background-color: white;
  color: #0b1e34;
  border: 2px inherit red;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  text-decoration: none;
}
/* line 319, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.disabled, .sop .portlet-custom .o-btn:disabled {
  background-color: #f7f7f7;
  color: #0b1e34;
  border: 2px solid #f7f7f7;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom .o-btn:before, .sop .portlet-custom .o-btn:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom .o-btn:after {
  display: none;
}
/* line 280, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn:before {
  position: absolute;
  font-size: 14px;
  line-height: 1em;
  top: 50%;
  margin-top: -6px;
  right: 16px;
  content: "\e815";
}
/* line 294, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.no-icon {
  padding-right: 20px;
}
/* line 296, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.no-icon:after, .sop .portlet-custom .o-btn.no-icon:before {
  content: '';
  display: none;
}
/* line 367, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.submit {
  background-color: #ffbe00;
  color: #004887;
  text-align: left;
  border: 2px solid #ffbe00;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
/* line 311, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.submit:hover, .sop .portlet-custom .o-btn.submit:focus, .sop .portlet-custom .o-btn.submit:active, .sop .portlet-custom .o-btn.submit.hover {
  background-color: white;
  color: #0b1e34;
  border: 2px inherit red;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  text-decoration: none;
}
/* line 319, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.submit.disabled, .sop .portlet-custom .o-btn.submit:disabled {
  background-color: #f7f7f7;
  color: #0b1e34;
  border: 2px solid #f7f7f7;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
/* line 372, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.cancel {
  background-color: white;
  color: #004887;
  text-align: left;
  border: 2px solid #e6e6e6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
/* line 311, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.cancel:hover, .sop .portlet-custom .o-btn.cancel:focus, .sop .portlet-custom .o-btn.cancel:active, .sop .portlet-custom .o-btn.cancel.hover {
  background-color: white;
  color: black;
  border: 2px solid #ffbe00;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  text-decoration: none;
}
/* line 319, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.cancel.disabled, .sop .portlet-custom .o-btn.cancel:disabled {
  background-color: #f0f0f0;
  color: #c3c5c6;
  border: 2px solid #e6e6e6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
/* line 377, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.secondary {
  background-color: #ffbe00;
  color: #004887;
  text-align: left;
  border: 2px solid #ffbe00;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
/* line 311, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.secondary:hover, .sop .portlet-custom .o-btn.secondary:focus, .sop .portlet-custom .o-btn.secondary:active, .sop .portlet-custom .o-btn.secondary.hover {
  background-color: white;
  color: #0b1e34;
  border: 2px inherit red;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  text-decoration: none;
}
/* line 319, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.secondary.disabled, .sop .portlet-custom .o-btn.secondary:disabled {
  background-color: #f7f7f7;
  color: #0b1e34;
  border: 2px solid #f7f7f7;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
/* line 387, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.huge {
  font-size: 16px;
  padding: 0 20px 0;
  line-height: 50px;
}
/* line 390, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.large {
  font-size: 18px;
  padding: 0 15px 0;
  line-height: 40px;
}
/* line 393, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.small {
  font-size: 12px;
  padding: 0 5px 0;
  line-height: 2px;
}
/* line 396, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.tiny {
  font-size: 10px;
  padding: 0 2px 0;
  line-height: 1px;
}
/* line 430, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.expand {
  width: 100%;
}
/* line 433, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.centered {
  text-align: center;
  padding-right: 1.42857em;
}
/* line 439, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.radius {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
/* line 442, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

/*
  &.link{
    background:none !important;
    border:none;
    color: $linkColor;
    font-family: $brandFontFamily;
    font-size: $textFontSize;
    &:hover {
      background: none;
      color: inherit;
    }

    input{
      float: none;
      font-weight: bold;
      padding:0px 1px;
      margin-right: 0;
    }

    &.disabled {
      &:before, &:after, input {
        color: $buttonTxtDisabled;
        @include opacity(0.3);
      }
    }

  }



  &.nobg{
    background:none;
    color:$txtColor;
    @include border-radius(0);
    padding:5px;
    border:none;
  }
*/
/* TODO: paddingi */
/* Correct FF button padding */
@-moz-document url-prefix() {
    /*
  button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; margin: 0; }
  input[type="submit"].o-btn, input[type=submit].o-btn.medium {
    padding: ($buttonPadding - 2) ($buttonPadding * 1.2) ($buttonPadding - 1);
  }

  input[type="submit"].large.o-btn{
    padding: ($largeBtnBase - 5) ($largeBtnBase * 1.2) ($largeBtnBase - 3);
  }
  input[type="submit"].small.o-btn{
    padding: ($smallBtnBase - 5) ($smallBtnBase * 1.5) ($smallBtnBase - 3);
  }
  input[type="submit"].tiny.o-btn{
    padding: ($tinyBtnBase - 3) ($tinyBtnBase * 1.5) ($tinyBtnBase - 3);
    @include respond(small){
      padding: ($tinyBtnBase - 7) ($tinyBtnBase * 1.5) ($tinyBtnBase - 6);
    }
  }
  */
}

/* Don't use native buttons on iOS */
/* line 526, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-tbtn {
  background: none;
  border: none;
  padding: 0;
  color: #0b1e34;
}
/* line 531, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-tbtn:hover {
  text-decoration: underline;
}

/* line 561, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn-transparent {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* line 551, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_buttons.scss */
.sop .portlet-custom .o-btn-transparent span {
  position: absolute;
  left: -9999px;
}

/* line 378, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label {
  min-height: 26px;
  min-width: 26px;
  cursor: default;
}
/* line 113, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox] {
  position: absolute;
  left: -9999px;
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci {
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding-left: 42px;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
  .sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci {
    padding-left: 15;
  }
}
/* line 132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:before {
  content: "";
  left: 0px;
  top: 0px;
  position: absolute;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:after {
  content: "";
  left: 0px;
  top: 0px;
  position: absolute;
}
/* line 150, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label input ~ .sop-ci-label, .sop .portlet-custom .checkbox-label input ~ div {
  cursor: pointer;
}
/* line 153, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label input[disabled] ~ .sop-ci-label, .sop .portlet-custom .checkbox-label input[disabled] ~ div, .sop .portlet-custom .checkbox-label input[disabled] ~ span {
  cursor: default;
}
/* line 171, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:before {
  border: 2px solid #004887;
  background: #f7f7f7;
  height: 26px;
  width: 26px;
}
/* line 177, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:after {
  opacity: 0;
  content: '';
  font-size: 15px;
  color: #0b1e34;
  font-family: "fontello";
}
/* line 207, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox]:checked ~ .sop-ci:before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
/* line 213, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox]:checked ~ .sop-ci:before {
  border-color: #ffbe00;
}
/* line 219, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox]:checked ~ .sop-ci:after {
  opacity: 1;
  content: "\2714";
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox]:focus ~ .sop-ci:before {
  border-color: #fcb94c;
  outline: 1px dashed #f48220;
  outline-offset: 3px;
}
/* line 312, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox][disabled] ~ .sop-ci:before {
  border-color: #004887;
  background: #e6e6e6;
  cursor: default;
}
/* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox][readonly] ~ .sop-ci:before {
  border-color: #004887;
  background: #e6e6e6;
  cursor: default;
}
/* line 323, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox][disabled] ~ .sop-ci:after {
  color: #e5e5e5;
  cursor: default;
}
/* line 364, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox][readonly] ~ .sop-ci:after {
  color: #e5e5e5;
  cursor: default;
}
/* line 271, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label [type=checkbox].error ~ .sop-ci:before {
  border-color: #ea1b27;
}
/* line 438, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label {
  min-height: 25px;
  min-width: 25px;
  cursor: default;
}
/* line 113, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio] {
  position: absolute;
  left: -9999px;
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci {
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding-left: 41px;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
  .sop .portlet-custom .radio-label [type=radio] ~ .sop-ci {
    padding-left: 15;
  }
}
/* line 132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:before {
  content: "";
  left: 0px;
  top: 0px;
  position: absolute;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after {
  content: "";
  left: 0px;
  top: 0px;
  position: absolute;
}
/* line 150, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label input ~ .sop-ci-label, .sop .portlet-custom .radio-label input ~ div {
  cursor: pointer;
}
/* line 153, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label input[disabled] ~ .sop-ci-label, .sop .portlet-custom .radio-label input[disabled] ~ div, .sop .portlet-custom .radio-label input[disabled] ~ span {
  cursor: default;
}
/* line 171, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:before {
  position: absolute;
  width: 25px;
  height: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  background: #f7f7f7;
  border: 2px solid #004887;
}
/* line 177, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  width: 11px;
  height: 11px;
  left: 9px;
  top: 9px;
  background: #004887;
  opacity: 0;
}
/* line 16, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_support-b.scss */
.ie .sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after, .ie11 .sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after {
  content: '';
  left: 5px;
  top: 2px;
  background: transparent;
  color: #004887;
  font-size: 15px;
  font-family: Arial;
}
/* line 219, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio]:checked ~ .sop-ci:after {
  opacity: 1;
}
/* line 16, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_support-b.scss */
.ie .sop .portlet-custom .radio-label [type=radio]:checked ~ .sop-ci:after, .ie11 .sop .portlet-custom .radio-label [type=radio]:checked ~ .sop-ci:after {
  content: "\25cf";
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio]:focus ~ .sop-ci:before {
  border-color: #fcb94c;
}
/* line 312, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio][disabled] ~ .sop-ci:before {
  border-color: #004887;
  background: #e6e6e6;
  cursor: default;
}
/* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio][readonly] ~ .sop-ci:before {
  border-color: #004887;
  background: #e6e6e6;
  cursor: default;
}
/* line 323, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio][disabled] ~ .sop-ci:after {
  background: #e5e5e5;
  cursor: default;
}
/* line 364, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio][readonly] ~ .sop-ci:after {
  background: #e5e5e5;
  cursor: default;
}
/* line 271, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio].error ~ .sop-ci:before {
  border-color: #ea1b27;
}
/* line 508, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label .sop-custom-input, .sop .portlet-custom .radio-label .sop-custom-input {
  padding: 0px !important;
}
/* line 514, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox, .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox {
  border: 2px solid #004887;
  background: #f7f7f7;
  height: 26px;
  width: 26px;
}
/* line 515, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox:before, .sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox:after, .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox:before, .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox:after {
  display: none !important;
}
/* line 525, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox .sop-checkbox-inner:before, .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox .sop-checkbox-inner:before {
  left: 0px;
  top: 0px;
  display: block;
  height: 26px;
  line-height: 1em;
  width: 26px;
  position: absolute;
  content: "";
  font-size: 15px;
  color: #0b1e34;
  font-family: "fontello";
}
/* line 546, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox.sop-checked .sop-checkbox-inner:before, .sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox.sop-checked .sop-checkbox-inner:before {
  content: "\2714";
}
/* line 554, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio, .sop .portlet-custom .radio-label .sop-custom-input.sop-radio {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  background: #f7f7f7;
  border: 2px solid #004887;
}
/* line 562, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio .sop-radio-inner, .sop .portlet-custom .radio-label .sop-custom-input.sop-radio .sop-radio-inner {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  width: 11px;
  height: 11px;
  left: 9px;
  top: 9px;
  background: #004887;
  display: none !important;
}
/* line 16, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_support-b.scss */
.ie .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio .sop-radio-inner, .ie11 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio .sop-radio-inner, .ie .sop .portlet-custom .radio-label .sop-custom-input.sop-radio .sop-radio-inner, .ie11 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio .sop-radio-inner {
  content: "\25cf";
  left: 5px;
  top: 2px;
  background: transparent;
  color: #004887;
  font-size: 15px;
  font-family: Arial;
}
/* line 585, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-custom-input-checked .sop-radio-inner, .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-custom-input-checked .sop-radio-inner {
  display: block !important;
}
/* line 594, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label input, .ie8 .sop .portlet-custom .radio-label input {
  outline: none !important;
}
/* line 598, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio {
  background: url(../img/ie8/radio.png) 0 0 no-repeat;
  border: none !important;
  background-color: transparent !important;
}
/* line 601, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio:before, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio:before {
  content: '\25cb';
  font-size: 34px;
  color: #f7f7f7;
  top: -1px;
  left: -1px;
  border: none !important;
  background: transparent;
}
/* line 615, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio .sop-radio-inner, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio .sop-radio-inner {
  border: none !important;
  background-color: transparent !important;
}
/* line 619, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-not-checked, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-not-checked {
  background-position: 0 0;
}
/* line 624, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-checked, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-checked {
  background-position: 0 -29px;
}
/* line 639, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-disabled, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-disabled {
  background-position: 0 -58px;
}
/* line 640, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-disabled ~ .sop-ci-label, .ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-disabled ~ div, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-disabled ~ .sop-ci-label, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-disabled ~ div {
  cursor: default;
}
/* line 645, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.ie8 .sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio.sop-disabled.sop-checked, .ie8 .sop .portlet-custom .radio-label .sop-custom-input.sop-radio.sop-disabled.sop-checked {
  background-position: 0 -87px;
}

/* line 687, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select {
  position: relative;
}
/* line 689, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select:before, .sop .portlet-custom .custom-select:after {
  display: block !important;
}
/* line 692, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  content: "\e812";
  top: 2px;
  right: 2px;
  bottom: 2px;
  min-width: 35px;
  padding-top: 9px;
  padding-right: 10px;
  padding-bottom: 9px;
  background: #f7f7f7;
  pointer-events: none;
  text-align: center;
  line-height: 32px;
  color: #004887;
  font-size: 8px;
  font-family: "fontello";
}
/* line 724, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select.disabled:after, .sop .portlet-custom .custom-select.readonly:after {
  background: #e6e6e6;
  color: #e5e5e5;
}
/* line 730, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select > select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin-bottom: 0;
  background: #f7f7f7;
  padding: 15px 10px 12px;
  border: 2px solid #e5e5e5;
  box-shadow: none;
  font-size: 1em;
  line-height: 1.2em;
  color: #10171f;
  min-height: 50px;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 730, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
  .sop .portlet-custom .custom-select > select {
    font-size: 16px;
  }
}
/* line 747, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select > select:focus {
  border-color: #fcb94c;
  outline: none !important;
}
/* line 762, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select > select[disabled], .sop .portlet-custom .custom-select > select[readonly] {
  background: #e6e6e6;
  color: #e5e5e5;
  border-color: #e5e5e5;
}
/* line 767, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select > select.s-large {
  width: 308px;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 767, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
  .sop .portlet-custom .custom-select > select.s-large {
    width: 100%;
  }
}
/* line 777, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-select > select option {
  padding: 14px 10px 15px;
}

/* line 788, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.windowsphone .sop .portlet-custom .custom-select:after, .ie8 .sop .portlet-custom .custom-select:after, .ie9 .sop .portlet-custom .custom-select:after {
  content: url('/img/ie8/select.png') !important;
  right: -4px;
  top: -3px;
  background-image: none;
  background-color: transparent;
}

/* line 827, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .custom-fileinput {
  position: relative;
}
/* line 830, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.js .sop .portlet-custom .custom-fileinput input[type=file] {
  z-index: 9;
  height: 45px;
  position: absolute;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom #ui-datepicker-div[style] {
  background: white;
  padding: 20px;
  border: 1px #cbccd1 solid;
}
@media only screen and (max-width: 800px) {
  /* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
  .sop .portlet-custom #ui-datepicker-div[style] {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom #ui-datepicker-div[style][class*="popup"][class*="-arrow"] .content:before, .sop .portlet-custom #ui-datepicker-div[style][class*="popup"][class*="-arrow"] .content:after, .sop .portlet-custom #ui-datepicker-div[style][class*="popup"][class*="-arrow"]:before {
  left: 0;
}
/* line 108, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker-trigger {
  position: relative;
}
/* line 110, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker-trigger:after {
  content: "\e800";
  font-family: "fontello";
  font-size: 14px;
  position: absolute;
  z-index: 3;
  color: #0b1e34;
  top: 5px;
  left: 0;
  width: 30px;
  height: 30px;
  text-align: center;
}
/* line 129, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom button.ui-datepicker-trigger {
  background: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
  width: 30px;
  height: 30px;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .datepicker {
  position: relative;
}
/* line 141, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker-trigger {
  position: absolute;
  right: 10px;
}
/* line 150, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker-trigger:after {
  position: relative;
}
/* line 177, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] {
  z-index: 499 !important;
  width: 279px !important;
    /*.ui-datepicker-group {
        display: table-cell;
        min-width: $datepickerGroupMinWidth;
        vertical-align: top;
        padding: $datepickerGroupPadding;

        &.ui-datepicker-group-first {
            padding-right: 20px;

            h3 {
                position: absolute;
                width: 250px;
                padding-top: 12px;
            }

            .ui-datepicker-header {
                padding-top: 53px;
            }
        }

        &.ui-datepicker-group-last {
            padding-left: 20px;

            .column.seven {
                float: right;
                padding-bottom: 6px;
            }
        }
    }*/
}
@media only screen and (max-width: 800px) {
  /* line 177, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
  .sop .portlet-custom .ui-datepicker[style] {
    width: 100% !important;
  }
}
/* line 183, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .content .ui-datepicker-group {
  min-width: 217px;
  padding: 0;
}
/* line 218, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header {
  padding: 11px 0;
  text-align: center;
  font-size: 14;
  color: white;
  background: #0b1e34;
  position: relative;
  margin-top: -20px;
  margin-right: -20px;
  margin-bottom: 5px;
  margin-left: -20px;
}
/* line 231, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a {
  cursor: pointer;
  position: absolute;
  text-transform: uppercase;
  font-family: Arial;
}
/* line 236, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-state-disabled, .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-state-disabled:hover {
  color: #dddddd;
}
/* line 239, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev {
  left: 11px;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:before, .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:after {
  display: none;
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:before, .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:after {
  content: "\e816";
}
/* line 253, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next {
  right: 7px;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:before, .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:after {
  display: none;
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:before, .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:after {
  content: "\e815";
}
/* line 267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-prev:before, .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a.ui-datepicker-next:before {
  display: inline-block;
  line-height: 1em;
  color: #004887;
  font-size: 17px;
  font-weight: normal;
  font-size: 17px;
  font-family: fontello;
  top: 0;
  position: relative;
  vertical-align: middle;
}
/* line 279, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header a span {
  position: absolute;
  left: -99999px;
}
/* line 284, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header .ui-datepicker-title {
  font-size: 14;
  color: white;
}
/* line 287, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header .ui-datepicker-title, .sop .portlet-custom .ui-datepicker[style] .ui-datepicker-header .ui-datepicker-title span {
  font-weight: normal;
}
/* line 292, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar {
  width: 100%;
  margin-top: 0;
  border-collapse: collapse;
  border: none;
}
/* line 297, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th {
  width: 31px;
  height: 31px;
  text-align: center;
  float: none;
  padding: 0;
  box-shadow: none;
  border-style: solid;
  border-color: white;
  border-width: 2px 2px 2px 0;
}
/* line 307, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td:first-child, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th:first-child {
  border-left-width: 2px;
}
/* line 308, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td a, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td span, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th a, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th span {
  padding: 11px 4px !important;
  text-align: center;
  text-decoration: none;
  display: block;
  color: #10171f;
  font-size: 13px;
  font-weight: bold;
}
/* line 316, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td a.ui-state-active, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td span.ui-state-active, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th a.ui-state-active, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th span.ui-state-active {
  color: white;
}
/* line 321, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th {
  background: white;
  border-bottom: none, none, 1px #cccccc solid, none;
  text-align: center;
}
/* line 325, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th a, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar th span {
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  color: #10171f;
  padding: 10px 6px 2px !important;
}
/* line 334, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td {
  background: white;
}
/* line 338, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-unselectable, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-state-disabled, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-other-month {
  background: white;
}
/* line 340, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-unselectable span, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-state-disabled span, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-other-month span {
  color: #868893;
  font-weight: bold;
}
/* line 345, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-current-day {
  background: white;
}
/* line 347, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_datepicker.scss */
.sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-current-day a, .sop .portlet-custom .ui-datepicker[style] table.ui-datepicker-calendar td.ui-datepicker-current-day span {
  color: white;
  font-weight: bold;
}

/* ------------------------------------- */
/*
  # Grupowanie pól formularzy

  ## Input + przycisk

    .o-input-group
        input.o-form-control(type="text", placeholder="szukaj")
        .o-input-group-btn
            input.o-btn(type="submit", value="wyślij")


  ## Przycisk + input
    .input-group
        .input-group-btn
            input.o-btn(type="submit", value="wyślij")
        input.form-control(type="text", placeholder="szukaj")

*/
/* line 43, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group-addon, .sop .portlet-custom .o-input-group-btn, .sop .portlet-custom .o-input-group .form-control {
  display: table-cell;
}
/* line 47, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group {
  display: table;
  width: 100%;
}
/* line 50, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group:last-child {
  margin-bottom: 0;
}
/* line 54, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-form-control {
  margin-bottom: 0;
  width: 100%;
  position: relative;
  z-index: 2;
}
/* line 59, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-form-control ~ .o-input-group-btn > .o-btn.o-btn-noleft, .sop .portlet-custom .o-input-group .o-form-control .o-input-group-addon {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
/* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-form-control:first-child {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 70, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn, .sop .portlet-custom .o-input-group .o-input-group-addon {
  vertical-align: top;
  white-space: nowrap;
  width: 1%;
}
/* line 77, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn.spaced > *, .sop .portlet-custom .o-input-group .o-input-group-addon.spaced > * {
  margin-left: 20px;
}
/* line 81, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn.spaced:first-child > *, .sop .portlet-custom .o-input-group .o-input-group-addon.spaced:first-child > * {
  margin-left: 0;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn.spaced:first-child > *, .sop .portlet-custom .o-input-group .o-input-group-addon.spaced:first-child > * {
  margin-right: 20px;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 90, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
  .sop .portlet-custom .o-input-group .o-input-group-btn.block-for-small, .sop .portlet-custom .o-input-group .o-input-group-addon.block-for-small {
    display: block;
    width: 100%;
    white-space: normal;
    padding-bottom: 20px;
  }
}
/* line 100, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn:first-child > .o-btn, .sop .portlet-custom .o-input-group .o-input-group-addon:first-child > .o-btn {
  border-right: none;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn > .o-btn[class^="b-icon"], .sop .portlet-custom .o-input-group .o-input-group-addon > .o-btn[class^="b-icon"] {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  display: table-cell;
}
/* line 120, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn + input[type="text"], .sop .portlet-custom .o-input-group .o-input-group-btn + input[type="password"], .sop .portlet-custom .o-input-group .o-input-group-btn + select, .sop .portlet-custom .o-input-group .o-input-group-addon + input[type="text"], .sop .portlet-custom .o-input-group .o-input-group-addon + input[type="password"], .sop .portlet-custom .o-input-group .o-input-group-addon + select {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 127, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn {
  position: relative;
}
/* line 129, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_input-group.scss */
.sop .portlet-custom .o-input-group .o-input-group-btn > .o-btn {
  position: relative;
}

/* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre h2, .sop.sop .sop-cms h2, .sop.sop .sop--pre .h2, .sop.sop .sop-cms .h2, .sop.sop .sop--pre h3, .sop.sop .sop-cms h3, .sop.sop .sop--pre .h3, .sop.sop .sop-cms .h3, .sop.sop .sop--pre h4, .sop.sop .sop-cms h4, .sop.sop .sop--pre .h4, .sop.sop .sop-cms .h4, .sop.sop .sop--pre h5, .sop.sop .sop-cms h5, .sop.sop .sop--pre .h5, .sop.sop .sop-cms .h5, .sop.sop .sop--pre p, .sop.sop .sop-cms p {
  padding: 0;
  margin: 0;
}
/* line 11, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre p, .sop.sop .sop-cms p, .sop.sop .sop--pre li, .sop.sop .sop-cms li {
  font-size: 1em;
}
/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre li p, .sop.sop .sop-cms li p, .sop.sop .sop--pre li li, .sop.sop .sop-cms li li {
  font-size: 1em;
}
/* line 18, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre a, .sop.sop .sop-cms a {
  color: #004887;
  text-decoration: underline;
}
/* line 21, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre a:focus, .sop.sop .sop-cms a:focus, .sop.sop .sop--pre a:hover, .sop.sop .sop-cms a:hover {
  color: #002f63;
}
/* line 24, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre a[class*=b-icon], .sop.sop .sop-cms a[class*=b-icon] {
  text-decoration: none;
}
/* line 29, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre ul, .sop.sop .sop-cms ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 34, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre ul li + li, .sop.sop .sop-cms ul li + li {
  margin-top: 0.71429em;
}
/* line 37, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre ul li ul, .sop.sop .sop-cms ul li ul {
  margin-top: 0.85714em;
}
/* line 42, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre .decimal > ul, .sop.sop .sop-cms .decimal > ul {
  list-style: decimal;
  margin-left: 1.42857em;
}
/* line 47, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre ul ol, .sop.sop .sop-cms ul ol, .sop.sop .sop--pre ol ul, .sop.sop .sop-cms ol ul {
  margin: 0.71429em 0em 1.07143em 0em;
}
/* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre ul ul, .sop.sop .sop-cms ul ul, .sop.sop .sop--pre ol ul, .sop.sop .sop-cms ol ul {
  padding-left: 1em;
}
/* line 54, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre ul ol, .sop.sop .sop-cms ul ol, .sop.sop .sop--pre ol ol, .sop.sop .sop-cms ol ol {
  padding-left: 2em;
}
/* line 57, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre div + *, .sop.sop .sop-cms div + * {
  margin-top: 1.07143em;
}
/* line 60, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre .h3 + *, .sop.sop .sop-cms .h3 + *, .sop.sop .sop--pre h3 + *, .sop.sop .sop-cms h3 + *, .sop.sop .sop--pre h4 + *, .sop.sop .sop-cms h4 + *, .sop.sop .sop--pre .h4 + *, .sop.sop .sop-cms .h4 + *, .sop.sop .sop--pre p + *, .sop.sop .sop-cms p + *, .sop.sop .sop--pre ul + *, .sop.sop .sop-cms ul + *, .sop.sop .sop--pre ol + *, .sop.sop .sop-cms ol + * {
  margin-top: 1.07143em;
}
/* line 63, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre img, .sop.sop .sop-cms img, .sop.sop .sop--pre span[data-picture], .sop.sop .sop-cms span[data-picture] {
  display: inline-block;
}
/* line 66, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre img + *, .sop.sop .sop-cms img + *, .sop.sop .sop--pre span[data-picture] + *, .sop.sop .sop-cms span[data-picture] + * {
  margin-top: 1.07143em;
}
/* line 69, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre * + .h2, .sop.sop .sop-cms * + .h2, .sop.sop .sop--pre * + h2, .sop.sop .sop-cms * + h2 {
  margin-top: 2.85714em;
}
/* line 72, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre .h2 + *, .sop.sop .sop-cms .h2 + *, .sop.sop .sop--pre h2 + *, .sop.sop .sop-cms h2 + * {
  margin-top: 2.14286em;
}
/* line 75, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre * + .h3, .sop.sop .sop-cms * + .h3, .sop.sop .sop--pre * + h3, .sop.sop .sop-cms * + h3 {
  margin-top: 2.85714em;
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre .h3 + *, .sop.sop .sop-cms .h3 + *, .sop.sop .sop--pre h3 + *, .sop.sop .sop-cms h3 + * {
  margin-top: 1.78571em;
}
/* line 81, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre * + .h4, .sop.sop .sop-cms * + .h4, .sop.sop .sop--pre * + h4, .sop.sop .sop-cms * + h4 {
  margin-top: 2.14286em;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre .h4 + *, .sop.sop .sop-cms .h4 + *, .sop.sop .sop--pre h4 + *, .sop.sop .sop-cms h4 + * {
  margin-top: 0.71429em;
}
/* line 87, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre .h4 + ul, .sop.sop .sop-cms .h4 + ul, .sop.sop .sop--pre h4 + ul, .sop.sop .sop-cms h4 + ul, .sop.sop .sop--pre .h4 + ol, .sop.sop .sop-cms .h4 + ol, .sop.sop .sop--pre h4 + ol, .sop.sop .sop-cms h4 + ol {
  margin-top: 1.07143em;
}
/* line 90, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre .h3 + .h4, .sop.sop .sop-cms .h3 + .h4, .sop.sop .sop--pre h3 + h4, .sop.sop .sop-cms h3 + h4 {
  margin-top: 20, em;
}
/* line 93, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop--pre p + ul, .sop.sop .sop-cms p + ul, .sop.sop .sop--pre p + ol, .sop.sop .sop-cms p + ol {
  margin-top: 1.07143em;
}

/* line 104, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms {
  line-height: 1.8;
}
/* line 109, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms li {
  line-height: 1.42857em;
}
/* line 113, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms ol {
  margin: 0;
  list-style: outside decimal;
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms ol li + li {
  margin-top: 0.35714em;
}
/* line 122, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms ul li {
  padding-left: 1.42857em;
  position: relative;
}
/* line 129, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms ul li:before {
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  background: #0b1e34;
  top: 6px;
  content: "";
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms ul li + li {
  margin-top: 1.07143em;
}
/* line 145, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms.cms--short {
  line-height: 1.4;
}
/* line 147, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms.cms--short p, .sop.sop .sop-cms.cms--short li {
  font-size: 0.85714em;
}
/* line 151, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms.cms--short ul li + li {
  margin-top: 0.71429em;
}
/* line 154, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_cms.scss */
.sop.sop .sop-cms.cms--short ul li:before {
  top: 7px;
}

/* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
.sop.sop table.sop-custom-table, .sop.sop .sop-cms table {
  font-size: 1em;
  border: 1px solid #cccccc;
  border-spacing: 0px !important;
  border-collapse: collapse !important;
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  /* line 29, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd), .sop.sop .sop-cms table:not(.bm-custom-table-norwd) {
    *zoom: 1;
    clear: both;
    border: none;
  }
  /* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd):before, .sop.sop .sop-cms table:not(.bm-custom-table-norwd):before, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd):after, .sop.sop .sop-cms table:not(.bm-custom-table-norwd):after {
    content: " ";
    display: table;
  }
  /* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd):after, .sop.sop .sop-cms table:not(.bm-custom-table-norwd):after {
    clear: both;
  }
  /* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd), .sop.sop .sop-cms table:not(.bm-custom-table-norwd), .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tbody, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tbody, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tfoot, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tfoot, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) caption, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) caption, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) caption span, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) caption span {
    display: block;
  }
  /* line 36, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) thead, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) thead, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) > tr:first-child th, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) > tr:first-child th {
    display: none;
  }
  /* line 37, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) .hide-elem, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) .hide-elem {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
  }
  /* line 42, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    white-space: normal;
    overflow: hidden;
    padding: 15px 10px 15px 50%;
    background: white;
    border-top-width: 0;
  }
  /* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td:nth-child(2n-1), .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td:nth-child(2n-1), .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td.odd, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td.odd, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th:nth-child(2n-1), .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th:nth-child(2n-1), .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th.odd, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th.odd {
    background: #f0f0f0;
  }
  /* line 54, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td:before, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td:before, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th:before, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-left: -100%;
    float: left;
    white-space: normal;
    text-align: left;
    font-family: "Roboto Medium";
    font-weight: normal;
    font-style: normal;
    content: attr(data-title);
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    padding-right: 10px;
  }
  /* line 66, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td.g-text-right, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td.g-text-right, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th.g-text-right, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th.g-text-right {
    text-align: left;
  }
  /* line 69, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td.full, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td.full, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th.full, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th.full {
    width: 100%;
  }
  /* line 71, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) td.full:before, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) td.full:before, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) th.full:before, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) th.full:before {
    width: 0;
    content: '';
  }
  /* line 75, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr[data-title]:before, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr[data-title]:before {
    content: attr(data-title);
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
    background: #f0f0f0;
    color: #10171f;
    font-family: "Roboto Medium";
    font-weight: normal;
    font-style: normal;
  }
  /* line 86, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr[data-title].tbody-header th:only-child, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr[data-title].tbody-header th:only-child, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr[data-title].tbody-header th.only, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr[data-title].tbody-header th.only {
    height: 0;
    padding: 0;
  }
  /* line 91, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr[data-title].tbody-header:before, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr[data-title].tbody-header:before {
    background: #0b1e34;
  }
  /* line 97, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr:not([data-title]) td:first-child, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr:not([data-title]) td:first-child, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr:not([data-title]) th:first-child, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr:not([data-title]) th:first-child {
    background: #f0f0f0;
    border: #cccccc;
    color: #10171f;
  }
  /* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr:not([data-title]) td:first-child > a, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr:not([data-title]) td:first-child > a, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd) tr:not([data-title]) th:first-child > a, .sop.sop .sop-cms table:not(.bm-custom-table-norwd) tr:not([data-title]) th:first-child > a {
    text-decoration: underline;
    color: #10171f;
  }
  /* line 108, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
  .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd).bm-table-mobile-onecol tr:nth-child(odd) td, .sop.sop .sop-cms table:not(.bm-custom-table-norwd).bm-table-mobile-onecol tr:nth-child(odd) td, .sop.sop table.sop-custom-table:not(.bm-custom-table-norwd).bm-table-mobile-onecol.odd td, .sop.sop .sop-cms table:not(.bm-custom-table-norwd).bm-table-mobile-onecol.odd td {
    background: #f0f0f0;
  }
}
/* line 117, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_table-rwd.scss */
.sop.sop .sop-cms table {
  margin-top: 0px;
  padding-top: 0px;
}

/* line 5, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-link-boxes, .sop.sop .sop-link-boxes .l-row {
  background: #bcc3ca;
}
/* line 9, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-link-boxes .l-row {
  padding-top: 3.21429em;
  padding-bottom: 3.21429em;
}
/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-link-boxes .link-box__link {
  color: white;
  background: #bcc3ca;
  display: block;
  padding-bottom: 100%;
  height: 0;
  border: 1px #949bab solid;
  border-radius: 200px;
  z-index: 1;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
 /*
@include respond(large) {
	span {
		left: 20%;
		right: 14%;
		font-size: size(14, $relUnit);
	}
	@include icon-style {
		left: 13%;
		top: 16%;
	}
	&[class*=book] {
		@include icon-style {
			left: 18%;
		}
	}
}*/
}
/* line 25, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-link-boxes .link-box__link span {
  font-size: 1.28571em;
  display: block;
  position: absolute;
  left: 26%;
  top: 49%;
  right: 20%;
}
/* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.fontresizer-200 .sop.sop .sop-link-boxes .link-box__link span {
  left: 0;
  right: 0;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-link-boxes .link-box__link:before, .sop.sop .sop-link-boxes .link-box__link:after {
  display: block;
  font-size: 40px;
  color: #949bab;
  left: 26%;
  padding: 0;
  top: 24%;
  transition: color 0.2s ease;
}
/* line 49, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-link-boxes .link-box__link:hover {
  background-color: white;
  color: #bcc3ca;
  text-decoration: none;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-link-boxes .link-box__link:hover:before, .sop.sop .sop-link-boxes .link-box__link:hover:after {
  color: #bcc3ca;
}
/* line 75, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-link-boxes .link-box__column {
 /* norwd
@include respond(medium) {
	&:nth-child(n+3) {
		margin-top: $columnGutterMedium + 10px;
	}
	&:nth-child(3n) {
		&:before {
			left: auto;
			right: 38%;
			top: 35%;
			transform: rotate(135deg);
			transform-origin: right top 0;
			width: 300px;
		}
	}
}
@include respond(small) {
	&:nth-child(n+1) {
		margin-top: $columnGutterSmall;
	}
	&:before {
		width: 1px;
		height: $columnGutterSmall + 10px;
		top: ($columnGutterSmall + 10px) * -1;
		left: 50%;
	}
}*/
}
/* line 76, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-link-boxes .link-box__column:before {
  background: #949bab;
  content: "";
  display: block;
  height: 1px;
  left: -25px;
  position: absolute;
  right: auto;
  top: 50%;
  width: 50px;
}
/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-link-boxes .link-box__column:first-child:before {
  display: none;
}
/* line 124, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-linkbox .linkbox__content a {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-top: 30px;
}
/* line 128, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-linkbox .linkbox__content a:first-child {
  margin-top: 0;
}
/* line 135, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .sop-linkbox .twelve > .linkbox__content:first-child {
  margin-top: 1.42857em;
}
/* line 140, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_link-boxes.scss */
.sop.sop .hub-last .sop-linkbox {
  border-bottom: none;
}

/* ------------------------------------- *\
    CUSTOM FORMS
\* ------------------------------------- */
/* line 165, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop.sop .portlet-custom [type=checkbox] ~ .sop-ci {
  position: absolute;
  left: 0;
}
/* line 165, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop.sop .portlet-custom [type=radio] ~ .sop-ci {
  position: absolute;
  left: 0;
}
/* line 271, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop.sop .portlet-custom [type=radio].error ~ .sop-ci:before {
  border-color: #ea1b27 !important;
}
/* line 21, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label, .sop.sop .portlet-custom .checkbox-label {
  position: relative;
  clear: both;
}
/* line 24, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label > span, .sop.sop .portlet-custom .checkbox-label > span {
  float: left;
}
/* line 27, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label .sop-ci-label, .sop.sop .portlet-custom .checkbox-label .sop-ci-label {
  display: inline-block;
  padding-top: 3px;
  margin-left: 0;
}
/* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox, .sop.sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox {
  height: 28px;
  width: 28px;
}
/* line 37, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label .sop-custom-input.sop-checkbox .sop-checkbox-inner:before, .sop.sop .portlet-custom .checkbox-label .sop-custom-input.sop-checkbox .sop-checkbox-inner:before {
  top: 5px;
  left: 3px;
}
/* line 43, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label .sop-custom-input.sop-radio, .sop.sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio {
  width: 29px;
  height: 29px;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label .sop-custom-input.sop-radio:before, .sop.sop .portlet-custom .checkbox-label .sop-custom-input.sop-radio:before {
  display: none;
}
/* line 54, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:before {
  background: #fff;
}
/* line 60, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label [type=radio] ~ .sop-ci:after {
  background: #004887;
  content: '' !important;
  left: 9px;
  top: 9px;
}
/* line 72, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom #sop-form-shopping .sop-ci-label.sop-ticet__discount {
  width: 100%;
  box-sizing: border-box;
}
/* line 76, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom #sop-form-shopping .sop-ci-label.sop-ticet__discount span:first-child {
  color: #004887;
}
/* line 80, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom #sop-form-shopping .sop-ci-label.sop-ticet__discount span:last-child {
  float: right;
  padding-left: 1em;
}
/* line 90, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label, .sop.sop .portlet-custom .checkbox-label {
  position: relative;
}
/* line 92, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label .sop-ci, .sop.sop .portlet-custom .checkbox-label .sop-ci {
  float: left;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .radio-label .sop-ci-label, .sop.sop .portlet-custom .checkbox-label .sop-ci-label {
  display: inline-block;
  padding-top: 4px;
  padding-left: 56px;
}
/* line 102, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:after {
  top: 7px;
  left: 7px;
  content: "\E820";
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .checkbox-label [type=checkbox] ~ .sop-ci:before {
  background: #fff;
}
/* line 110, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .checkbox-label [type=checkbox][disabled] ~ .sop-ci:before {
  border-color: #e5e5e5;
}

/* line 121, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.ie8 .sop.sop .portlet-custom .custom-select:after {
  display: none !important;
}

/* line 134, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.windowsphone .fontresizer-200 .sop .portlet-custom .custom-select:after, .ie8 .fontresizer-200 .sop .portlet-custom .custom-select:after, .ie9 .fontresizer-200 .sop .portlet-custom .custom-select:after {
  top: 0px !important;
  bottom: 1px;
  right: -4px !important;
  background-color: transparent !important;
}

/* line 150, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.firefox32 .fontresizer-200 .sop.sop .portlet-custom .b-row.f-row .custom-select:after {
  top: 4px;
}
/* line 157, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .custom-select select {
  min-height: 0;
  height: 50px;
}
/* line 161, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .custom-select select option {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 167, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .custom-select select.error {
  border-color: #ea1b27;
}
/* line 171, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.fontresizer-200 .sop.sop .portlet-custom .custom-select select {
  padding-top: 0px;
  padding-bottom: 0px;
}
/* line 176, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.sop.sop .portlet-custom .custom-select select::-ms-expand {
  display: none;
}
/* line 180, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.fontresizer-200 .sop.sop .portlet-custom .custom-select:after {
  top: 5px;
  bottom: 1px;
  background-color: #f7f7f7;
}

/* line 191, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_custom-forms.scss */
.opposite .sop-ci-label {
  color: #6b6b6b;
}

/* line 3, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_alert.scss */
.sop.sop .msg {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  text-align: right;
}
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_alert.scss */
.sop.sop .msg.g-text-left {
  text-align: left;
}

/* line 1, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
body > #ui-datepicker-div {
  display: none !important;
}

/* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper {
  position: relative;
  padding: 0px 10px;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  /* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
  .sop.sop .sop-datepicker__wrapper {
    padding: 0;
  }
}
/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td {
  position: relative;
}
/* line 17, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-current-day a {
  position: relative;
  z-index: 2;
}
/* line 21, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper table.ui-datepicker-calendar td.ui-datepicker-current-day:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  content: '';
  display: block;
  background: #004887;
  z-index: 1;
}
/* line 37, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] {
  left: 0px !important;
  top: 0px !important;
  -webkit-box-shadow: 0 0 4px -1px #aaaaaa;
  -moz-box-shadow: 0 0 4px -1px #aaaaaa;
  box-shadow: 0 0 4px -1px #aaaaaa;
}
/* line 42, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .custom-select {
  display: inline-block;
  min-width: 6.42857em;
  margin-top: 0 !important;
}
/* line 48, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header {
  background: #ffbe00;
  color: #004887;
  padding: 20px 0;
}
/* line 52, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-prev, .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-next {
  top: 22px;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-prev:before, .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-prev:after, .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-next:before, .sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-next:after {
  padding-left: 0;
}
/* line 58, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-prev {
  left: 20px;
}
/* line 61, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header a.ui-datepicker-next {
  right: 20px;
}
/* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title {
  padding: 0 60px;
  color: #004887;
  font-family: "geogrotesque_smbdsemibold", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 17px;
}
/* line 69, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  display: inline-block;
  padding: 0 10px 0 0;
  text-align: right;
}
/* line 75, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select {
  min-width: 70px;
  height: 25px;
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select:after {
  background: transparent;
  padding: 0;
  width: 10px;
  height: 10px;
  top: -4px;
  right: 15px;
  min-width: 10px;
}
/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select:last-child {
  margin-left: 35px;
  margin-left: 35px;
}
/* line 93, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select select {
  text-align: left;
  padding: 0;
  min-width: 70px;
  height: 25px;
}
/* line 100, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select select.ui-datepicker-month {
  color: #004887;
  font-family: "geogrotesque_smbdsemibold", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 17px;
  border: none;
  background-color: transparent;
  width: 80px;
  float: left;
  margin-bottom: 0;
}
/* line 111, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .sop-datepicker__wrapper #ui-datepicker-div[style] .ui-datepicker-header .ui-datepicker-title .custom-select select.ui-datepicker-year {
  color: #004887;
  font-family: "geogrotesque_smbdsemibold", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 17px;
  border: none;
  background-color: transparent;
  width: 80px;
  float: left;
}
/* line 127, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .datepicker {
  display: block;
  position: relative;
}
/* line 131, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .datepicker[class*="b-icon"]:after {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 12px;
}
/* line 138, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .datepicker input[type="text"] {
  padding-right: 45px !important;
}
/* line 144, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .datepicker input.error + button.ui-datepicker-trigger:after,
.sop.sop .datepicker input.error + .checked-valid + button.ui-datepicker-trigger:after {
  color: #ea1b27;
}
/* line 149, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_datepicker.scss */
.sop.sop .datepicker button.ui-datepicker-trigger {
  top: 5px;
}

/* line 4, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .b-button {
  margin: 1.07143em 0em 0.71429em 0em;
}
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .b-button .b-button_max-width {
  width: 100%;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom input.submit:before {
  position: absolute;
  font-size: 14px;
  line-height: 1em;
  top: 50%;
  margin-top: -6px;
  right: 16px;
  content: "\e815";
}
/* line 21, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom input.submit:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 34, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .o-btn {
  line-height: 26px;
  font-size: 1.14286em;
  font-weight: normal;
  min-height: 40px;
  min-width: 40px;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .o-btn:before, .sop.sop .portlet-custom .o-btn:after {
  right: 16px;
}
/* line 45, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .o-btn span {
  font-size: 1em;
  padding: 10px 20px 10px;
  line-height: 35px;
  padding-right: 50px;
}
/* line 49, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.fontresizer-200 .sop.sop .portlet-custom .o-btn span {
  display: block;
  word-wrap: break-word;
  padding-left: 0;
  padding-right: 25px;
}
/* line 56, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.fontresizer-200 .sop.sop .portlet-custom .o-btn {
  padding-left: 10px;
}
/* line 60, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .o-btn.max-width {
  width: 100%;
}
/* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .o-btn.btn-disabled {
  background-color: #d9c99a;
  border: 2px solid #fffaed;
  cursor: no-drop;
}
/* line 71, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-orange {
  background: #fcb94c;
  border-color: #fcb94c;
  color: #bcc3ca;
}
/* line 75, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-orange:hover, .sop.sop .portlet-custom .btn-orange:focus {
  background: #bcc3ca;
  color: #fcb94c;
}
/* line 79, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-orange:active {
  border-color: #bcc3ca;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-blue {
  background: #bcc3ca;
  border-color: #bcc3ca;
  color: white;
}
/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-blue:hover, .sop.sop .portlet-custom .btn-blue:focus {
  background: white;
  color: #bcc3ca;
}
/* line 92, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-blue:active {
  border-color: #bcc3ca;
}
/* line 97, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-grey {
  background: #f3f3f3;
  border-color: #f3f3f3;
  color: #025a28;
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-grey:hover, .sop.sop .portlet-custom .btn-grey:focus {
  background: #025a28;
  color: #f3f3f3;
  border-color: #025a28;
}
/* line 106, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn-grey:active {
  border-color: #025a28;
}
/* line 111, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .cancel {
  padding-right: 20px;
  padding-left: 55px;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .cancel:before, .sop.sop .portlet-custom .cancel:after {
  content: "\e816";
  left: 15px;
  right: auto;
}
/* line 121, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .o-tbtn {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  padding-right: 10px;
  color: #004887;
  font-size: 1em;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .o-tbtn:before, .sop.sop .portlet-custom .o-tbtn:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .o-tbtn:after {
  display: none;
}
/* line 23, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .o-tbtn:before {
  padding-right: 10px;
}
/* line 26, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .o-tbtn:after {
  display: none !important;
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .o-tbtn:before, .sop.sop .portlet-custom .o-tbtn:after {
  content: "\e815";
}
/* line 131, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn--skype {
  background-color: #00aff0;
  border-color: #00aff0;
  color: white;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .btn--skype:before, .sop.sop .portlet-custom .btn--skype:after {
  content: "\e808";
  font-size: 30px;
  top: 18px;
}
/* line 140, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn--skype:active, .sop.sop .portlet-custom .btn--skype:focus, .sop.sop .portlet-custom .btn--skype:hover {
  background-color: white;
  color: #00aff0;
}
/* line 146, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn--facebook {
  background-color: #2d5f9a;
  border-color: #2d5f9a;
  color: white;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .btn--facebook:before, .sop.sop .portlet-custom .btn--facebook:after {
  content: "\e823";
  font-size: 22px;
  top: 20px;
}
/* line 155, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn--facebook:active, .sop.sop .portlet-custom .btn--facebook:focus, .sop.sop .portlet-custom .btn--facebook:hover {
  background-color: white;
  color: #2d5f9a;
}
/* line 161, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn--apple {
  background-color: black;
  border-color: black;
  color: white;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .btn--apple:before, .sop.sop .portlet-custom .btn--apple:after {
  content: "\f179";
  font-size: 22px;
  top: 20px;
}
/* line 170, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn--apple:active, .sop.sop .portlet-custom .btn--apple:focus, .sop.sop .portlet-custom .btn--apple:hover {
  background-color: white;
  color: black;
}
/* line 176, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn--twitter {
  background-color: #00aced;
  border-color: #00aced;
  color: white;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom .btn--twitter:before, .sop.sop .portlet-custom .btn--twitter:after {
  content: "\e806";
  font-size: 22px;
  top: 18px;
}
/* line 185, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_buttons.scss */
.sop.sop .portlet-custom .btn--twitter:active, .sop.sop .portlet-custom .btn--twitter:focus, .sop.sop .portlet-custom .btn--twitter:hover {
  background-color: white;
  color: #00aced;
}

/* line 3, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_breadcrumbs.scss */
.sop.sop .sop-breadcrumbs-row {
  padding-top: 20px;
  padding-bottom: 15px;
}
/* line 11, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_breadcrumbs.scss */
.sop.sop .sop-breadcrumbs__list li a, .sop.sop .sop-breadcrumbs__list li span {
  display: inline-block;
  color: #004887;
  font-size: 1em;
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 17, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_breadcrumbs.scss */
.sop.sop .sop-breadcrumbs__list li span {
  color: #7a7e82;
}
/* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_breadcrumbs.scss */
.sop.sop .sop-breadcrumbs__list li .divider {
  display: none;
}
/* line 23, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_breadcrumbs.scss */
.sop.sop .sop-breadcrumbs__list li + li:before {
  font-size: 1em;
  content: "\003E";
  color: #004887;
  display: inline-block;
  padding: 0 4px 0 4px;
  position: relative;
  top: 1px;
}

/* ------------------------------------- *\
    TABS
\* ------------------------------------- */
/* line 10, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs {
  padding: 0 0 0 1.375em;
}
/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tab-column-content {
  margin-right: 0;
}
/* line 18, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-link {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  border-bottom: 7px solid #c3c5c6;
  display: block;
  min-height: 37px;
  padding: 7px 0 11px;
  font-size: 1.068em;
  transition: border-color 0.2s ease;
}
/* line 28, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-link.active, .sop.sop .sop-tabs .tabs__item-link:hover {
  border-color: #007834;
  color: #10171f;
}
/* line 33, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-link.active .acc-txt-hide {
  display: block !important;
}
/* line 36, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-link.active .acc-txt-show {
  display: none !important;
}
/* line 40, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-link .acc-txt-hide {
  display: none !important;
}
/* line 45, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-content {
  display: none;
  position: relative;
  margin: 1.42857em 0;
}
/* line 49, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-content.active {
  display: block;
}
/* line 54, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-content.sop-content-list > ul > li {
  padding-left: 0;
  padding-right: 0;
  min-height: 0;
}
/* line 58, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-content.sop-content-list > ul > li p {
  padding: 3px 0;
}
/* line 61, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-content.sop-content-list > ul > li .h2 {
  padding: 0;
  display: inline-block;
}
/* line 67, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-content.sop-content-list > ul > li > .b-table-row > .b-column {
  padding: 0;
  vertical-align: middle;
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item {
  min-height: 44px;
  margin: 0;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-1 {
  width: 100%;
}
/* line 87, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-1 .tabs__item-content {
  width: 100%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
  left: -100%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
  left: -200%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
  left: -300%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
  left: -400%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
  left: -500%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 + .tabs__item-1-of-1 .tabs__item-content {
  left: -600%;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-2 {
  width: 50%;
}
/* line 87, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-2 .tabs__item-content {
  width: 200%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
  left: -100%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
  left: -200%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
  left: -300%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
  left: -400%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
  left: -500%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 + .tabs__item-1-of-2 .tabs__item-content {
  left: -600%;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-3 {
  width: 33.33333%;
}
/* line 87, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-3 .tabs__item-content {
  width: 300%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
  left: -100%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
  left: -200%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
  left: -300%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
  left: -400%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
  left: -500%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 + .tabs__item-1-of-3 .tabs__item-content {
  left: -600%;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-4 {
  width: 25%;
}
/* line 87, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-4 .tabs__item-content {
  width: 400%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
  left: -100%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
  left: -200%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
  left: -300%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
  left: -400%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
  left: -500%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 + .tabs__item-1-of-4 .tabs__item-content {
  left: -600%;
}
/* line 84, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-5 {
  width: 20%;
}
/* line 87, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-5 .tabs__item-content {
  width: 500%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
  left: -100%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
  left: -200%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
  left: -300%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
  left: -400%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
  left: -500%;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 + .tabs__item-1-of-5 .tabs__item-content {
  left: -600%;
}
/* line 103, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .action-btn {
  width: 100%;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .b-button {
  margin: 15px 0 10px 0;
}
/* line 111, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs ol {
  padding-left: 1.28571em;
}
/* line 114, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs ol li {
  border-bottom: none;
}
/* line 121, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_tabs.scss */
.sop.sop .sop-tabs .sop-content-list ul li:last-child {
  border-bottom: none;
}

/* line 3, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination {
  margin: 14px 0 50px;
  z-index: 1;
  position: relative;
}
/* line 8, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .link__arrow {
  color: #11783b;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .link__arrow span:before, .sop.sop .sop-pagination .link__arrow span:after {
  font-size: 38px;
  top: 0px;
}
/* line 18, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__wrapper {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 24, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__pages {
  display: table-cell;
  width: 50%;
}
/* line 27, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__pages ul {
  display: table;
  list-style: none;
  padding: 0;
  max-width: 220px;
  margin: 0 auto;
}
/* line 34, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__pages li {
  display: table-cell;
  position: relative;
  color: #11783b;
}
/* line 41, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__prev, .sop.sop .sop-pagination .sop-pagination__next {
  display: table-cell;
  width: 25%;
}
/* line 44, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__prev a, .sop.sop .sop-pagination .sop-pagination__next a {
  display: block;
  padding: 15px 0;
  transition: color 0.3s;
}
/* line 107, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:before, .sop.sop .sop-pagination .sop-pagination__prev a:after, .sop.sop .sop-pagination .sop-pagination__next a:before, .sop.sop .sop-pagination .sop-pagination__next a:after {
  font-family: "fontello";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:after, .sop.sop .sop-pagination .sop-pagination__next a:after {
  display: none;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:before, .sop.sop .sop-pagination .sop-pagination__prev a:after, .sop.sop .sop-pagination .sop-pagination__next a:before, .sop.sop .sop-pagination .sop-pagination__next a:after {
  top: 2px;
  color: #004887;
  transition: color 0.3s;
}
/* line 55, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:hover, .sop.sop .sop-pagination .sop-pagination__next a:hover {
  text-decoration: underline;
  color: black;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:hover:before, .sop.sop .sop-pagination .sop-pagination__prev a:hover:after, .sop.sop .sop-pagination .sop-pagination__next a:hover:before, .sop.sop .sop-pagination .sop-pagination__next a:hover:after {
  color: #ffbe00;
}
/* line 62, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__prev a.js-disabled, .sop.sop .sop-pagination .sop-pagination__next a.js-disabled {
  display: none;
}
/* line 68, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__prev a {
  padding-left: 26px;
  position: relative;
  display: inline-block;
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:before, .sop.sop .sop-pagination .sop-pagination__prev a:after {
  content: "\e816";
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:before, .sop.sop .sop-pagination .sop-pagination__prev a:after {
  position: absolute;
  top: -0.15em;
}
/* line 82, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:before {
  left: 0px;
}
/* line 85, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:after {
  right: 0px;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__prev a:before, .sop.sop .sop-pagination .sop-pagination__prev a:after {
  padding-left: 1px;
  top: 17px;
  left: 0;
  right: auto;
}
/* line 80, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__next {
  text-align: right;
}
/* line 82, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__next a {
  padding-right: 26px;
  position: relative;
  display: inline-block;
}
/* line 101, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__next a:before, .sop.sop .sop-pagination .sop-pagination__next a:after {
  content: "\e815";
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__next a:before, .sop.sop .sop-pagination .sop-pagination__next a:after {
  position: absolute;
  top: -0.15em;
}
/* line 82, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__next a:before {
  left: 0px;
}
/* line 85, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__next a:after {
  right: 0px;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-pagination .sop-pagination__next a:before, .sop.sop .sop-pagination .sop-pagination__next a:after {
  top: 17px;
  right: 0;
  left: auto;
}
/* line 93, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__item {
  z-index: 1;
}
/* line 95, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__item a {
  display: block;
  text-align: center;
  padding: 15px 0.35714em;
}
/* line 100, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__item a > span {
  position: relative;
  z-index: 1;
}
/* line 105, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_pagination.scss */
.sop.sop .sop-pagination .sop-pagination__item a.page-selected {
  color: #7d8185;
}

/* ------------------------------------- *\
    sop-CMS
\* ------------------------------------- */
/* line 14, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_project-scope.scss */
.sop.sop {
  /*p, ul, ol {
      margin: 0px;
      padding-bottom: size(20, em);
  }*/
}
/* line 10, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .portlet-column.nine h1, .sop.sop .portlet-column.nine .h1, .sop.sop .portlet-column.nine .sop-cms {
  max-width: 700px;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .portlet-column.nine h1.sop-cms-small-text, .sop.sop .portlet-column.nine .h1.sop-cms-small-text, .sop.sop .portlet-column.nine .sop-cms.sop-cms-small-text {
  max-width: 700px;
}
/* line 18, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .portlet-column.twelve h1, .sop.sop .portlet-column.twelve .h1, .sop.sop .portlet-column.twelve .sop-cms {
  max-width: 900px;
}
/* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .portlet-column.twelve h1.sop-cms-small-text, .sop.sop .portlet-column.twelve .h1.sop-cms-small-text, .sop.sop .portlet-column.twelve .sop-cms.sop-cms-small-text {
  max-width: 800px;
}
/* line 28, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms {
  max-width: 700px;
}
/* line 32, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms.sop-cms-small-text {
  max-width: 500px;
}
/* line 34, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms.sop-cms-small-text p, .sop.sop .sop-cms.sop-cms-small-text li {
  font-size: 1em;
  line-height: 1.4;
}
/* line 40, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms p, .sop.sop .sop-cms li {
  font-size: 1em;
  line-height: 1.8;
}
/* line 46, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms a:focus, .sop.sop .sop-cms a:hover {
  text-decoration: none;
}
/* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms h1, .sop.sop .sop-cms .h1, .sop.sop .sop-cms h2, .sop.sop .sop-cms .h2, .sop.sop .sop-cms h3, .sop.sop .sop-cms .h3, .sop.sop .sop-cms h4, .sop.sop .sop-cms .h4, .sop.sop .sop-cms h5, .sop.sop .sop-cms .h5, .sop.sop .sop-cms p {
  padding: 0;
  margin: 0;
}
/* line 56, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ol {
  padding-left: 1.07143em;
}
/* line 60, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul li {
  line-height: 1.5;
  padding-left: 1.07143em;
  position: relative;
}
/* line 68, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul li + li {
  margin-top: 0.35714em;
}
/* line 71, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul li:before {
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 3px;
  background: #10171f;
  top: 11px;
  content: "";
}
/* line 16, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_support-b.scss */
.ie8 .sop.sop .sop-cms ul li:before {
  background: url(../img/ie8/bullet.png) no-repeat center center;
}
/* line 86, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul.dashed li {
  padding-left: 0.71429em;
}
/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul.dashed li:before {
  content: "-";
  background: none;
  border: none;
  top: 3px;
}
/* line 99, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms .sparse-list li + li {
  margin-top: 1.42857em;
}
/* line 105, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul ol, .sop.sop .sop-cms ol ul {
  margin: 0.71429em 0em 1.07143em 0em;
}
/* line 109, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul ul, .sop.sop .sop-cms ol ul {
  padding-left: 1em;
}
/* line 112, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms ul ol, .sop.sop .sop-cms ol ol {
  padding-left: 2em;
}
/* line 115, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms div + * {
  margin-top: 1.07143em;
}
/* line 118, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms .h3 + *, .sop.sop .sop-cms h3 + *, .sop.sop .sop-cms h4 + *, .sop.sop .sop-cms .h4 + *, .sop.sop .sop-cms p + *, .sop.sop .sop-cms ul + *, .sop.sop .sop-cms ol + * {
  margin-top: 1.42857em;
}
/* line 121, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms img, .sop.sop .sop-cms span[data-picture] {
  display: inline-block;
  margin-top: 2.5em;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 127, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms img + *, .sop.sop .sop-cms span[data-picture] + * {
  margin-top: 2.5em;
}
/* line 130, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms * + p.cf-b {
  margin-top: 2.85714em;
}
/* line 133, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms .h1 + *, .sop.sop .sop-cms h1 + * {
  margin-top: 2.14286em;
}
/* line 136, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms * + .h2, .sop.sop .sop-cms * + h2 {
  margin-top: 2.85714em;
}
/* line 139, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms .h2 + *, .sop.sop .sop-cms h2 + * {
  margin-top: 2.14286em;
}
/* line 142, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms * + .h3, .sop.sop .sop-cms * + h3 {
  margin-top: 2.85714em;
}
/* line 145, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms .h3 + *, .sop.sop .sop-cms h3 + * {
  margin-top: 1.78571em;
}
/* line 148, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms * + .h4, .sop.sop .sop-cms * + h4 {
  margin-top: 2.14286em;
}
/* line 151, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms .h4 + *, .sop.sop .sop-cms h4 + * {
  margin-top: 0.71429em;
}
/* line 154, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms .h4 + ul, .sop.sop .sop-cms h4 + ul, .sop.sop .sop-cms .h4 + ol, .sop.sop .sop-cms h4 + ol {
  margin-top: 1.07143em;
}
/* line 157, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms .h3 + .h4, .sop.sop .sop-cms h3 + h4 {
  margin-top: 20, em;
}
/* line 161, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms + form {
  margin-top: 40px;
}
/* line 167, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_wyswig.scss */
.sop.sop .sop-cms.light-text li:before {
  background-color: white;
}

/* ------------------------------------- *\
    TABLES
\* ------------------------------------- */
@media only screen and (max-width: 800px) {
  /* line 11, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
  .sop.sop .portlet-custom table.sop-custom-table tr + tr:not([data-title]):before, .sop.sop .portlet-custom .sop-cms table tr + tr:not([data-title]):before, .sop.sop .sop-cms .portlet-custom table tr + tr:not([data-title]):before, .sop.sop .portlet-custom .sop-cms table tr + tr:not([data-title]):before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #c3c5c6 solid;
  }
}
/* line 27, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom .sop-cms table + * {
  margin-top: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 32, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
  .sop.sop .portlet-custom .sop-cms table tr:not([data-title]) td:first-child {
    border: 1px #cccccc solid;
  }
}
/* line 39, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom table.sort-table thead th {
  white-space: nowrap;
  max-width: 102px !important;
}
/* line 42, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom table.sort-table thead th .th-span {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  margin-left: 0 !important;
}
/* line 49, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
/* line 57, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down {
  position: relative;
  transition: top 0.3s;
  outline: 0 !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up:before, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up:after, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down:before, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down:after {
  font-size: 6px;
  color: #004887;
  padding: 0;
  left: 8px;
}
/* line 69, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up:focus:after, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down:focus:after {
  outline: 3px #f48220 dashed !important;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up.active:before, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up.active:after, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down.active:before, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down.active:after {
  color: #ffbe00;
}
/* line 80, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-up:hover, .sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down:hover {
  top: -2px;
}
/* line 85, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down {
  top: 10px;
}
/* line 88, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_table.scss */
.sop.sop .portlet-custom table.sort-table thead th .sort-wrapper .sort-down:hover {
  top: 12px;
}

@media (min-width: 801px) {
  /* line 4, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .nine > .sop-main {
    margin-right: 10px;
  }
}
@media (min-width: 801px) {
  /* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-main .sop-form {
    margin-bottom: 60px;
  }
}
/* line 19, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form input, .sop.sop .sop-main .sop-form textarea, .sop.sop .sop-main .sop-form select, .sop.sop .sop-main .sop-form .checkbox-label [type=checkbox] ~ .sop-ci:before {
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
/* line 25, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .checkbox-label .childItem {
  display: table;
  margin-bottom: 10px;
  margin-left: 15px;
}
/* line 30, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .checkbox-label .childItem > * {
  display: table-cell;
  vertical-align: middle;
  color: #828282;
}
/* line 36, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .checkbox-label .childItem:first-of-type {
  margin-top: 50px;
}
/* line 40, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .checkbox-label .childItem:last-of-type {
  margin-bottom: 0px;
}
/* line 44, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .checkbox-label .childItem > span:first-of-type {
  padding: 0px 10px 0px 10px;
  color: #004887;
  font-weight: bold;
}
/* line 55, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form [class*="btn-group-"][class*="vertical"] button {
  display: block;
  background: #fff;
  color: #004887;
  border: 2px solid #e6e6e6;
  margin-bottom: 4px;
  font-size: 11px;
}
/* line 62, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form [class*="btn-group-"][class*="vertical"] button:hover {
  border-color: #ffbe00;
  color: black;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
/* line 68, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form [class*="btn-group-"][class*="vertical"] button:last-child {
  margin-bottom: 0px;
}
/* line 73, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form [class*="btn-group-"][class*="-before-vertical"] {
  margin-right: 10px;
}
/* line 78, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form div.f-label {
  line-height: 1.4em;
}
/* line 82, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .f-label:after {
  margin-left: 0px;
}
/* line 86, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .custom-fileinput__button {
  padding-left: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* line 89, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .custom-fileinput__button.error {
  border: 2px solid #ea1b27;
}
/* line 94, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .b-v-error {
  opacity: 0;
  line-height: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* line 100, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .b-v-error.visible-add, .sop.sop .sop-main .sop-form .b-v-error.visible-remove {
  display: block !important;
}
/* line 104, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .b-v-error.visible {
  opacity: 1;
  line-height: 1.2;
}
/* line 110, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .b-v-error.msg, .sop.sop .sop-main .sop-form .b-v-error.msg + .msg {
  margin: 0;
}
/* line 114, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .b-v-error.msg.visible {
  margin: 0.5em 0em 0em 0em;
  margin-bottom: 5px;
}
/* line 119, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .b-v-error.msg.visible + .msg.visible {
  margin-top: 0;
}
/* line 124, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .custom-fileinput ~ .msg.b-v-error, .sop.sop .sop-main .sop-form .f-radiogroup ~ .msg.b-v-error {
  text-align: left;
}
/* line 128, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .cropped-photo-wrapper {
  position: relative;
  width: 250px;
  margin-top: 20px;
}
/* line 135, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name {
  position: absolute;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}
/* line 141, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name p {
  line-height: 1.2;
}
/* line 145, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name.card {
  left: 57px;
  top: 102px;
  font-size: 0.55em;
  text-align: left;
}
/* line 152, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name.app {
  left: 0 !important;
  top: 150px !important;
  font-size: 0.75em;
  color: #fff;
  text-align: center;
}
/* line 158, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .sop-form .cropped-photo-wrapper .cropped-photo-name.app p {
  color: #002A59;
  font-weight: 700;
  font-size: 13px;
}
/* line 171, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .f-section.top-section {
  padding-top: 2.5em;
}
/* line 175, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .f-section.hidden:first-child + .f-section {
  border-top: none;
  padding-top: 1.42857em;
}
/* line 183, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .f-section__title-wrapper .delete-biometric-data-title {
  width: 100%;
  text-align: center;
}
/* line 188, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .f-section__title-wrapper .delete-biometric-data-title h2::before {
  content: url("/mka-1.0-SNAPSHOT/img/delete-biometric-data.png");
  position: relative;
  left: -5px;
  top: 20px;
}
/* line 197, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main h2.top-title {
  margin-top: 1em;
  padding-bottom: 0;
}
/* line 202, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main h2.f-label {
  line-height: 1.4em;
  padding: 0;
  cursor: auto;
}
/* line 209, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main ul {
  margin: 0;
  padding: 0;
}
/* line 214, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main li {
  list-style-type: none;
}
/* line 218, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-main .b-row.b-row--noPaddingTop.f-buttons {
  padding-top: 0 !important;
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 218, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-main .b-row.b-row--noPaddingTop.f-buttons {
    margin-top: -15px !important;
  }
}
/* line 227, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop [tabindex="-1"]:focus {
  outline: none !important;
}
/* line 233, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-header .sop-basket {
  display: table;
  height: 43px;
}
@media (max-width: 635px) {
  /* line 233, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-header .sop-basket {
    padding: 0;
    padding-top: 0 !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 243, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-header .sop-basket {
    display: block;
    height: auto;
    padding-top: 10px;
  }
}
/* line 249, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-header .sop-basket .sop-basket__link {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 635px) {
  /* line 249, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-header .sop-basket .sop-basket__link {
    line-height: 32px;
    float: right;
    padding: 0;
  }
}
/* line 260, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-header .sop-basket .sop-basket__link a:after {
  font-size: 42px;
}
@media (max-width: 635px) {
  /* line 260, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-header .sop-basket .sop-basket__link a:after {
    padding: 0;
  }
}
/* line 279, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-my-data [class*="b-icon-"][class*="mobile-phone"], .sop.sop .sop-my-data [class*="b-icon-"][class*="car"], .sop.sop .sop-my-data [class*="b-icon-"][class*="university"], .sop.sop .sop-my-data [class*="b-icon-"][class*="cc-visa"], .sop.sop .sop-my-data [class*="b-icon-"][class*="cc-mastercard"] {
  color: #004887;
  line-height: 30px;
}
/* line 285, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-my-data [class*="b-icon-"][class*="add"]:after, .sop.sop .sop-my-data [class*="b-icon-"][class*="add"]:before {
  width: 26px;
  margin-left: -12px;
  margin-top: 2px;
  padding-right: 8px !important;
}
/* line 294, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-my-data .b-icon-before-add {
  line-height: 14px;
}
/* line 300, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-my-data .fb-twitter-buttons .o-btn {
  width: 100%;
}
@media only screen and (max-width: 800px) {
  /* line 306, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-my-data .fb-twitter-buttons .six:first-child + .six .o-btn {
    margin-top: 25px;
  }
}
/* line 315, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-my-data .my-data-app-tutorial ol {
  padding-left: 20px;
}
/* line 319, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-my-data .my-data-app-tutorial ol li {
  list-style-type: decimal;
}
/* line 335, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-my-services [class*="b-icon-"][class*="ticket"], .sop.sop .sop-my-services [class*="b-icon-"][class*="two-tickets"], .sop.sop .sop-my-services [class*="b-icon-"][class*="hourglass"], .sop.sop .sop-my-services [class*="b-icon-"][class*="bag"], .sop.sop .sop-my-services [class*="b-icon-"][class*="single-ticket"], .sop.sop .sop-my-services [class*="b-icon-"][class*="active"], .sop.sop .sop-my-services [class*="b-icon-"][class*="inactive"], .sop.sop .sop-my-services [class*="b-icon-"][class*="park-and-ride"], .sop.sop .sop-my-services [class*="b-icon-"][class*="events"] {
  color: #004887;
  line-height: 30px;
}
/* line 348, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-checkout [class*="b-icon-"][class*="ticket"], .sop.sop .sop-checkout [class*="b-icon-"][class*="two-tickets"], .sop.sop .sop-checkout [class*="b-icon-"][class*="single-ticket"], .sop.sop .sop-checkout [class*="b-icon-"][class*="hourglass"], .sop.sop .sop-checkout [class*="b-icon-"][class*="bag"] {
  color: #004887;
  line-height: 30px;
}
/* line 358, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history table.sop-table tbody tr td {
  vertical-align: middle;
}
/* line 363, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .border {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 15px 0 0;
}
/* line 368, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .border .sop-b-tabs {
  padding: 0 20px;
  display: table-row;
}
/* line 371, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .border .sop-b-tabs .b-tab {
  margin: 0;
  padding: 0;
  display: table-cell;
  float: none;
  position: relative;
}
@media (max-width: 557px) {
  /* line 378, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-history .border .sop-b-tabs .b-tab.ng-scope {
    float: left;
  }
}
/* line 384, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .border .sop-b-tabs .b-tab a {
  color: #004887;
  text-decoration: none;
  padding: 12px 20px;
  border: 1px solid #e6e6e6;
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* line 393, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .border .sop-b-tabs .b-tab a .b-tab__title {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  padding: 0;
  color: #004887;
  font-weight: bold;
  border-bottom: none;
}
/* line 402, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .border .sop-b-tabs .b-tab a .b-tab__title:before {
  font-size: 22px;
}
/* line 410, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .border .sop-b-tabs .b-tab.active a, .sop.sop .sop-history .border .sop-b-tabs .b-tab:hover a {
  border-bottom: 3px solid #ffbe00;
}
/* line 412, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .border .sop-b-tabs .b-tab.active a span, .sop.sop .sop-history .border .sop-b-tabs .b-tab:hover a span {
  color: #000;
}
/* line 424, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule {
  margin-top: 40px;
  padding: 0;
  list-style-type: none;
}
/* line 429, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .dot {
  position: absolute;
  left: -6px;
  border: 2px solid;
  border-radius: 6px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
/* line 440, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard {
  padding-left: 15px;
  padding-bottom: 20px;
  clear: both;
  position: relative;
  border-left: 2px solid #000;
  display: block;
}
/* line 448, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard:last-child {
  border: none;
  margin-left: 2px;
}
/* line 453, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard:focus {
  outline: none !important;
}
/* line 455, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard:focus .bollard-name {
  outline: 1px #f48220 dashed !important;
  outline-offset: 3px;
}
/* line 461, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard.not-selected-bollard {
  cursor: pointer;
}
/* line 465, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .bollard-name {
  position: relative;
  top: -5px;
}
/* line 470, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard.selected-bollard .bollard-name {
  font-weight: bold;
}
/* line 474, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard.selected-bollard .dot {
  background-color: #ffbe00;
}
/* line 478, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table {
  margin: 14px 0 8px;
}
/* line 483, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table thead th,
.sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td {
  font-weight: normal;
  background: #fff;
}
/* line 486, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table thead th:first-child,
.sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td:first-child {
  border-right: 1px solid #e6e6e6;
  width: 1%;
  text-align: right;
}
/* line 493, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td {
  padding: 2px 0 2px 15px;
}
/* line 495, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td:first-child {
  padding: 2px 15px 2px 0;
}
/* line 500, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table thead th {
  padding: 2px 0 5px 15px;
}
/* line 502, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table thead th:first-child {
  padding: 2px 15px 5px 0;
}
/* line 508, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table thead th:first-child,
.sop.sop .sop-schedule .schedule .bollard .schedule-table tbody td:first-child {
  border-right: 1px solid #c3c5c6;
  width: 1%;
  text-align: right;
}
/* line 514, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table .minute {
  display: inline-block;
  width: 4em;
}
/* line 520, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table .hour.current,
.sop.sop .sop-schedule .schedule .bollard .schedule-table .minute.current {
  font-weight: bold;
}
/* line 524, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .bollard .schedule-table .annotation-mark {
  color: #004887;
}
/* line 532, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .schedule .annotation,
.sop.sop .sop-schedule .annotation-legend .annotation {
  font-weight: bold;
  color: #004887;
  font-family: "Roboto", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
/* line 538, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .annotation-legend {
  position: relative;
  margin: 5px 0;
}
/* line 542, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .annotation-legend .annotation-legend-description {
  margin-left: 3em;
}
/* line 546, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .annotation-legend .annotation-legend-symbol {
  position: absolute;
  top: 0;
  left: 0;
  width: 3em;
}
/* line 551, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-schedule .annotation-legend .annotation-legend-symbol .dash {
  float: right;
}
/* line 559, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-sidebar .sop-grey-box:only-child {
  margin: 0 0 1.78571em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 559, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-sidebar .sop-grey-box:only-child {
    background: transparent;
  }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 559, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-sidebar .sop-grey-box:only-child {
    background: transparent;
  }
}
@media (max-width: 659px) {
  /* line 572, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-f-steps {
    margin: 0 20px;
  }
}
/* line 578, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step {
  margin: 0;
  display: table;
}
/* line 581, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step .f-step__number {
  width: 55px;
  height: 55px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  padding: 0;
  color: #004887;
}
/* line 590, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step .f-step__number:after {
  position: absolute;
  top: 0;
  left: 0;
  border: 4px solid #004887;
  display: block;
  width: 47px;
  height: 47px;
  content: '';
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
@media (max-width: 659px) {
  /* line 603, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-f-steps .f-step.b-column {
    float: none;
    width: 100%;
    padding: 20px;
    border: 2px solid #e6e6e6;
    border-bottom: none;
  }
}
@media (max-width: 659px) {
  /* line 618, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-f-steps .f-step.b-column:last-child {
    border-bottom: 2px solid #e6e6e6;
  }
}
/* line 626, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step .f-step__title {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 0 0 0 20px;
  color: #004887;
}
/* line 635, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step.active .f-step__number {
  color: #000;
}
/* line 637, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step.active .f-step__number:after {
  border: 4px solid #ffbe00;
}
/* line 641, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step.active .f-step__title {
  color: #000;
}
/* line 647, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step.done .f-step__number {
  color: #828282;
}
/* line 649, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step.done .f-step__number:after {
  border: 4px solid #e6e6e6;
}
/* line 653, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-f-steps .f-step.done .f-step__title {
  color: #828282;
}
/* line 660, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-b-tabs {
  padding: 0 20px;
  margin: 0;
}
/* line 663, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-b-tabs label.b-tab {
  font-size: 1em;
  margin: 0;
  padding: 0 40px 0 0;
  display: table;
  float: left;
  width: auto;
  clear: none;
}
@media (max-width: 608px) {
  /* line 663, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-b-tabs label.b-tab {
    float: none;
    width: 100%;
    padding: 0 !important;
  }
}
@media (max-width: 668px) {
  /* line 678, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-b-tabs label.b-tab:last-child {
    padding-right: 0;
  }
}
/* line 684, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-b-tabs label.b-tab .b-tab__title {
  cursor: pointer;
  color: #004887;
  padding: 26px 0;
  display: block;
  border-bottom: 2px solid #004887;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  font-weight: bold;
  float: none;
}
/* line 696, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-b-tabs label.b-tab .b-tab__title:before {
  font-size: 22px;
}
/* line 702, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-b-tabs label.b-tab:last-child {
  padding-right: 0;
}
/* line 708, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-b-tabs label.b-tab.active .b-tab__title, .sop.sop .sop-b-tabs label.b-tab:hover .b-tab__title {
  border-bottom-color: #ffbe00;
  border-bottom-width: 4px;
  color: #000;
}
/* line 715, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-b-tabs label.b-tab input[type=radio]:focus + .b-tab__title {
  outline: 1px #f48220 dashed !important;
  outline-offset: 3px;
}
/* line 721, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-b-tabs fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
/* line 730, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-photo .photo__holder {
  position: relative;
  width: 245px;
  height: 155px;
}
/* line 736, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-photo .photo__image {
  position: absolute;
  left: 9px;
  bottom: 9px;
}
/* line 745, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .total__agreement {
  padding-left: 15px;
}
@media only screen and (max-width: 800px) {
  /* line 745, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .total__agreement {
    padding-left: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 620px) {
  /* line 745, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .total__agreement {
    width: 100%;
    padding-left: 20px;
  }
}
/* line 756, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .total__agreement .checkbox-label {
  margin-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 620px) {
  /* line 761, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .total__sum-column {
    width: 100%;
  }
}
/* line 767, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .total__sum-wrapper {
  border: 2px #ffbe00 solid;
  padding: 20px 30px;
  margin-right: 15px;
}
@media only screen and (max-width: 800px) {
  /* line 767, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .total__sum-wrapper {
    margin-right: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 620px) {
  /* line 767, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .total__sum-wrapper {
    margin-right: 0;
    padding: 20px 10px 20px 50%;
  }
}
/* line 780, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .total__sum-title {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  display: block;
  font-size: 0.85714em;
  padding-left: 40px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 0) and (max-width: 620px) {
  /* line 780, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .total__sum-title {
    padding-left: 0;
  }
}
/* line 790, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .total__sum {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
  display: block;
  font-size: 1.57143em;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .total__sum:before, .sop.sop .total__sum:after {
  color: #ffbe00;
  font-size: 24px;
  padding-right: 20px;
}
@media only screen and (min-width: 0) and (max-width: 620px) {
  /* line 790, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .total__sum {
    position: relative;
  }
  /* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
  .sop.sop .total__sum:before, .sop.sop .total__sum:after {
    position: absolute;
    left: -60px;
  }
}
@media (min-width: 800px) {
  /* line 811, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-shopping .b-column.shop__item:first-child {
    padding-left: 0;
  }
}
@media (min-width: 800px) {
  /* line 816, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-shopping .b-column.shop__item:last-child {
    padding-right: 0;
  }
}
@media (min-width: 800px) {
  /* line 821, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-shopping .b-column.shop__item:only-child {
    padding-right: 20px;
  }
}
/* line 828, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .total__sum-column {
  width: auto;
  margin: 0;
}
/* line 831, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .total__sum-column .total__sum-wrapper {
  margin: 0;
}
/* line 836, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .shop__box {
  margin-bottom: 30px;
  padding: 30px 10px;
  border: 2px solid #e5e5e5;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* line 841, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .shop__box:hover {
  border-color: #ffbe00;
}
/* line 845, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .shop__box:hover .shop__icon [class*="b-icon-"]:before {
  font-size: 95px;
}
/* line 851, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .shop__box .shop__icon {
  vertical-align: middle;
}
/* line 854, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .shop__box .shop__icon [class*="b-icon-"]:before {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 100px;
  color: #004887;
}
/* line 861, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .shop__box .shop__desc {
  margin-bottom: 25px;
}
/* line 866, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .shop__box.single .shop__icon {
  text-align: center;
}
/* line 872, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .sub-tickets-list {
  margin-top: 1em;
}
/* line 874, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .sub-tickets-list .sub-ticket + .sub-ticket {
  padding-top: 1em;
}
/* line 879, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-shopping .info-box {
  border: 2px solid #e5e5e5;
  background-color: #ffbe00;
  text-align: center;
  margin-bottom: 25px;
  padding: 10px 10px 0px 10px;
}
/* line 911, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .p-relative {
  position: relative;
}
@media (min-width: 800px) {
  /* line 915, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-five-plus-one .shop__box {
    height: 180px;
  }
}
@media (min-width: 1000px) {
  /* line 915, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .sop-five-plus-one .shop__box {
    height: 170px;
  }
}
/* line 925, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .shop__box .shop__icon .b-icon-before-ticket-five-plus-one::before {
  font-size: 80px;
}
/* line 929, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .shop__box:hover .shop__icon .b-icon-before-ticket-five-plus-one::before {
  font-size: 75px;
}
/* line 933, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .five-plus-one-ticket-text {
  position: absolute;
  left: calc(50% - 36px);
  top: -15px;
  font-size: 30px;
  color: #064D8A;
  line-height: 36px;
  font-weight: bold;
}
/* line 943, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .active-subscription-wrapper {
  margin-bottom: 30px;
}
/* line 951, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  color: #6c7b8d;
  align-items: baseline;
}
/* line 958, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .column__title {
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 0.6rem;
  color: #090909;
}
/* line 965, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__cell {
  display: flex;
}
/* line 969, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__info {
  display: flex;
  flex-direction: column;
}
/* line 974, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__month {
  margin-bottom: 0.2rem;
  font-weight: 600;
  font-size: 0.9rem;
}
/* line 980, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__date {
  font-size: 0.8rem;
}
/* line 984, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__index {
  height: 2rem;
  width: 2rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  position: relative;
  margin-bottom: 2rem;
  margin-right: 0.7rem;
  font-size: 14px;
  font-weight: bold;
}
/* line 997, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__row:not(:last-of-type) .timeline__index::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 2rem;
}
/* line 1007, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--outdated .timeline__index {
  background: #bfc9d6;
  color: #6a7a8c;
}
/* line 1012, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--active {
  color: #002a59;
}
/* line 1014, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--active .timeline__index {
  background: #ffbe00;
  border: 2px solid #6a7a8c;
}
/* line 1020, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--paid {
  color: #6c7b8d;
}
/* line 1022, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--paid .timeline__index {
  color: #002a59;
  background: #71b436;
}
/* line 1028, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--inactive .timeline__index {
  box-shadow: inset 0 0 0 2px #6c7b8d;
  color: #6c7b8d;
}
/* line 1033, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__row:not(.row--disabled) .timeline__index::before {
  background-image: linear-gradient(#ffffff 25%, #6c7b8d 25%, #6c7b8d 75%, #ffffff 75%);
  background-position: right;
  background-size: 3px calc(2rem/3);
  background-repeat: repeat-y;
}
/* line 1040, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--canceled {
  color: #6c7b8d;
}
/* line 1042, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--canceled .timeline__info, .sop.sop .sop-five-plus-one .row--canceled .timeline__column > span {
  text-decoration: line-through;
}
/* line 1045, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .row--canceled .timeline__index {
  box-shadow: inset 0 0 0 2px #6a7a8c;
}
/* line 1050, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__column {
  font-size: 0.9rem;
}
/* line 1055, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__column .status__value--unpaid {
  color: #ff0000;
}
/* line 1059, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .timeline__column .status__value--paid {
  color: #008000;
}
/* line 1065, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .price__value {
  font-weight: 600;
}
/* line 1069, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .continue-subscription {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
/* line 1075, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .continue-subscription__text {
  margin-left: 0.5rem;
  font-size: 0.8rem;
  color: #004887;
}
/* line 1081, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .payment-method {
  margin-bottom: 0.5rem;
}
/* line 1085, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .payment-method__title {
  color: #002a59;
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}
/* line 1092, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .payment-method__name {
  font-weight: bold;
  color: #090909;
  font-size: 0.8rem;
  margin-right: 0.5rem;
}
/* line 1099, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .payment-method__detail {
  color: #090909;
  font-size: 0.8rem;
}
/* line 1104, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-five-plus-one .link {
  display: block;
  text-decoration: none;
  margin-bottom: 0.5rem;
}
/* line 1121, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-table-wrapper.f-section {
  padding-bottom: 0;
}
/* line 16, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_support-b.scss */
.ie8 .sop.sop .sop-table-wrapper.f-section {
  padding-bottom: 2.85714em;
}
/* line 1132, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.sop-table {
  margin: 0;
  border: none;
}
/* line 1137, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.sop-table tbody th, .sop.sop .portlet-custom table.sop-table tbody td, .sop.sop .portlet-custom table.sop-table thead th, .sop.sop .portlet-custom table.sop-table thead td {
  border: none;
  font-size: 0.85714em;
}
/* line 1141, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.sop-table tbody th .o-tbtn, .sop.sop .portlet-custom table.sop-table tbody td .o-tbtn, .sop.sop .portlet-custom table.sop-table thead th .o-tbtn, .sop.sop .portlet-custom table.sop-table thead td .o-tbtn {
  font-size: 1.16667em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  /* line 1144, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .portlet-custom table.sop-table tbody th .o-tbtn + .o-tbtn, .sop.sop .portlet-custom table.sop-table tbody td .o-tbtn + .o-tbtn, .sop.sop .portlet-custom table.sop-table thead th .o-tbtn + .o-tbtn, .sop.sop .portlet-custom table.sop-table thead td .o-tbtn + .o-tbtn {
    margin-top: 10px;
  }
}
/* line 1153, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.sop-table thead tr th {
  padding: 30px 12px;
}
/* line 1158, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.sop-table tbody tr td {
  padding: 12px;
}
@media only screen and (max-width: 800px) {
  /* line 1158, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .portlet-custom table.sop-table tbody tr td {
    padding-left: 50%;
  }
}
/* line 1164, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.sop-table tbody tr td, .sop.sop .portlet-custom table.sop-table tbody tr th {
  padding-top: 30px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 1170, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .portlet-custom table.sop-table tbody tr td, .sop.sop .portlet-custom table.sop-table tbody tr:first-child td, .sop.sop .portlet-custom table.sop-table tbody tr:last-child td {
    padding: 25px 20px 23px 50%;
  }
}
/* line 1177, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.sop-table tbody tr + tr td {
  border-top: 1px #ccc solid;
}
/* line 1188, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.checkout-table thead tr th.product-name-header {
  width: 40%;
}
/* line 1193, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom table.checkout-table .prolonged-ticket + div {
  padding-top: 1.25em;
}
/* line 1201, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-article.article--top {
  padding-bottom: 0;
}
/* line 1205, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-section {
  border-bottom: 1px #c3c5c6 solid;
}
/* line 1209, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-row, .sop.sop .login-form .f-buttons {
  width: 97%;
}
@media only screen and (max-width: 999px) {
  /* line 1209, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .login-form .f-row, .sop.sop .login-form .f-buttons {
    width: auto;
  }
}
/* line 1215, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-row .six:first-child, .sop.sop .login-form .f-buttons .six:first-child {
  padding-right: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 1215, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .login-form .f-row .six:first-child, .sop.sop .login-form .f-buttons .six:first-child {
    padding-right: 20px;
  }
}
/* line 1221, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-row .six:first-child + .six, .sop.sop .login-form .f-buttons .six:first-child + .six {
  padding-left: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 1221, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .login-form .f-row .six:first-child + .six, .sop.sop .login-form .f-buttons .six:first-child + .six {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 1227, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
  .sop.sop .login-form .f-row .six:first-child + .six .o-btn, .sop.sop .login-form .f-buttons .six:first-child + .six .o-btn {
    margin-top: 25px;
  }
}
/* line 1236, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-row + .f-row {
  padding-top: 0.71429em;
}
/* line 1240, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-row .f-label {
  text-align: left;
  margin-bottom: 0.71429em;
}
/* line 1246, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .o-btn {
  width: 100%;
}
/* line 1250, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .login__lostpass-link {
  display: inline-block;
  margin-top: 21px;
}
/* line 1255, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-buttons.f-buttons.f-buttons {
  padding: 2.85714em 0;
}
/* line 1257, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .login-form .f-buttons.f-buttons.f-buttons:before {
  display: none;
}
/* line 1263, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-confirmation-message-parent:only-child .sop-confirmation-message {
  margin-bottom: 1em;
}
/* line 1267, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-confirmation-message-parent .sop-confirmation-message {
  margin: 1em 0 0;
  opacity: 1;
  line-height: 1.2;
}
/* line 1273, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-confirmation-message-parent .sop-confirmation-message.ng-hide {
  margin: 0;
  opacity: 0;
  line-height: 0;
}
/* line 1279, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-confirmation-message-parent .sop-confirmation-message span.b-icon-before-error {
  color: #ea1b27;
}
/* line 1283, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-confirmation-message-parent .sop-confirmation-message span.b-icon-before-success {
  color: #1ba600;
}
/* line 1288, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-confirmation-message-parent .sop-confirmation-message.ng-hide-add, .sop.sop .sop-confirmation-message-parent .sop-confirmation-message.ng-hide-remove {
  -webkit-transition: opacity 0.2s ease, line-height 0.4s ease, margin 0.4s ease;
  -moz-transition: opacity 0.2s ease, line-height 0.4s ease, margin 0.4s ease;
  -o-transition: opacity 0.2s ease, line-height 0.4s ease, margin 0.4s ease;
  transition: opacity 0.2s ease, line-height 0.4s ease, margin 0.4s ease;
}
/* line 1294, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-loading-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  opacity: 1;
  z-index: 700;
}
/* line 1305, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-loading-container.ng-hide-add, .sop.sop .sop-loading-container.ng-hide-remove {
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
/* line 1309, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-loading-container.ng-hide {
  opacity: 0;
}
/* line 1313, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-loading-container .loading-inner {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
/* line 1328, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .sop-pagination, .sop.sop .sop-loyalty .sop-pagination {
  border-top: 1px #ccc solid;
  margin: 0 0 20px;
  padding-top: 20px;
}
/* line 1334, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .table-and-pagination-container, .sop.sop .sop-loyalty .table-and-pagination-container {
  position: relative;
}
/* line 1338, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .sop-history .f-section:first-child + .f-section, .sop.sop .sop-loyalty .f-section:first-child + .f-section {
  padding-top: 1.42857em;
}
/* line 1343, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .f-simple-text.imka-light-icon::after {
  content: "L";
  position: relative;
  left: -35px;
  font-size: 20px;
  font-weight: bold;
  color: #0A5AD3;
}
/* line 1352, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .portlet-custom .upgradeImkaLight input[type="text"][disabled] {
  color: #10171f;
}
/* line 1356, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop #biometricInfo .b-icon-before-biometric-data::before {
  font-size: 65px;
  color: #002A59;
}
/* line 1361, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .text-right {
  text-align: right;
}
/* line 1364, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .text-bold {
  font-weight: bold;
}
/* line 1367, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .text-center {
  text-align: center;
}
/* line 1370, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
.sop.sop .description-field {
  float: right;
}

/* line 1380, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sop.scss */
div#P24FormContainer > a[target="3DSWindow"] {
  float: right;
  margin-bottom: 15px;
}

/* ------------------------------------- *\
    SEPARATORS
\* ------------------------------------- */
/* line 7, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_separators.scss */
.sop.sop hr {
  background-color: #c3c5c6;
  height: 1px;
  margin: 0;
  padding: 0;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_separators.scss */
.sop.sop hr.b-row-sep {
  margin-left: 20px;
  margin-right: 20px;
}

/* line 9, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_grey-box.scss */
.sop.sop .sop-grey-box {
  padding: 20px 20px 25px;
  background: #f0f0f0;
}

/* line 2, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box {
  background-color: white;
}
/* line 5, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box.with-border {
  border: 2px solid #c3c5c6;
}
/* line 9, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box p {
  margin-bottom: 20px;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box > .b-row {
  margin-bottom: 10px;
}
/* line 17, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__subbox {
  padding: 20px 0 20px;
}
/* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__subbox > .b-column > .b-row {
  margin-bottom: 10px;
}
/* line 22, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__subbox > .b-column > .b-row:last-child {
  margin-bottom: 0;
}
/* line 30, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__heading {
  font-size: 1.5em;
  padding: 18px 0 28px;
}
/* line 35, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__title {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 39, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__phone {
  font-size: 1.28571em;
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 126, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_icons.scss */
.sop.sop .sop-sidebar-box .sidebar-box__phone:before, .sop.sop .sop-sidebar-box .sidebar-box__phone:after {
  font-size: 25px;
}
/* line 47, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__opening-hours {
  margin: -20px 0 20px;
  *zoom: 1;
}
/* line 12, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop.sop .sop-sidebar-box .sidebar-box__opening-hours:before, .sop.sop .sop-sidebar-box .sidebar-box__opening-hours:after {
  content: " ";
  display: table;
}
/* line 13, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/mixins/_clearfix.scss */
.sop.sop .sop-sidebar-box .sidebar-box__opening-hours:after {
  clear: both;
}
/* line 51, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__opening-hours dd {
  margin: 0;
  float: left;
  width: 50%;
  clear: both;
}
/* line 58, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__opening-hours dt {
  float: right;
  width: 50%;
}
/* line 64, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .sidebar-box__hours {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 68, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .btn--skype {
  margin-bottom: 10px;
}
/* line 70, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar-box.scss */
.sop.sop .sop-sidebar-box .btn--skype:before {
  top: 50%;
  margin-top: -15px;
}

/* line 5, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar.scss */
.sop.sop .sop-sidebar .sop-grey-box {
  margin: 1.78571em 0;
}
/* line 11, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar.scss */
.sop.sop .sop-sidebar .sidebar__box + .sidebar__box {
  margin: 1.78571em 0;
}
/* line 15, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar.scss */
.sop.sop .sop-sidebar .sidebar__box .linkbox__title {
  font-size: 1.5em;
  padding: 10px 0 0;
}
/* line 21, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar.scss */
.sop.sop .sop-sidebar .sidebar__box .mobile-store-icons img {
  float: left;
  margin-bottom: 10px;
  margin-right: 14px;
  width: 98px;
}
/* line 26, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_sidebar.scss */
.sop.sop .sop-sidebar .sidebar__box .mobile-store-icons img:nth-child(2) {
  margin-right: 0;
}

/* line 5, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_links.scss */
.sop.sop .portlet-custom a {
  font-family: "Roboto Medium";
  font-weight: normal;
  font-style: normal;
}
/* line 10, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_links.scss */
.sop.sop .portlet-custom .dblue-bg a {
  color: #ffbe00;
}

/* line 1, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_responsive-element.scss */
.responsive-element {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
/* line 10, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/objects/_responsive-element.scss */
.responsive-element iframe,
.responsive-element object,
.responsive-element embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 15, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_accessibility.scss */
.sop .portlet-custom .reader-only, .sop .portlet-custom .acc, .sop .portlet-custom .acc-hide {
  position: absolute !important;
  left: -9999px !important;
}
/* line 20, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_accessibility.scss */
.sop .portlet-custom input:focus, .sop .portlet-custom textarea:focus, .sop .portlet-custom select:focus, .sop .portlet-custom button:focus, .sop .portlet-custom a:focus {
  outline: 1px #f48220 dashed !important;
  outline-offset: 3px;
}

/* ------------------------------------- *\
    ACCESSIBILITY
\* ------------------------------------- */
/* line 6, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_accessibility.scss */
.acc, .acc-hide {
  position: absolute !important;
  left: -9999px !important;
}

/* line 18, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_accessibility.scss */
.sop .portlet-custom a:not([class*=b-icon]):focus {
  text-decoration: none;
}
/* line 244, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio]:focus ~ .sop-ci {
  border: 1px dashed #f48220;
  width: 35px;
  height: 35px;
  left: -4px;
  border-radius: 37px;
  padding: 0;
  top: -4px;
}
/* line 252, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio]:focus ~ .sop-ci:before {
  border-color: #fcb94c;
  top: 3px;
  left: 3px;
}
/* line 259, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/objects/_custom-forms.scss */
.sop .portlet-custom .radio-label [type=radio]:focus ~ .sop-ci:after {
  top: 12px;
  left: 12px;
}
/* line 50, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/custom/base/_accessibility.scss */
.sop .portlet-custom .custom-select > select:focus {
  outline: 1px dashed #f48220 !important;
}

/* line 21, /home/logrox/WebstormProjects/sop/custom-modules/liferay-themes/mka-theme/src/main/scss/scss/core/base/_touch.scss */
.sop .portlet-custom input, .sop .portlet-custom select, .sop .portlet-custom textarea, .sop .portlet-custom a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}